{"version":3,"file":"DSahcJZX.js","sources":["../../../../skeleton/components/tournament/card.vue","../../../../skeleton/components/tournament/how-take.vue","../../../../skeleton/pages/tournaments/index.vue"],"sourcesContent":["<template>\n  <div class=\"tournament-card\" :class=\"{ 'tournament-card--finished': props.isFinished }\">\n    <div class=\"tournament-card__container\">\n      <tournament-timer\n        :key=\"`${props.tournamentData.startAt || 'start'}-${props.tournamentData.endAt || 'finish'}`\"\n        :tournamentData=\"props.tournamentData\"\n        :currentLocaleCommonContent=\"props.currentLocaleCommonContent\"\n        :defaultLocaleCommonContent=\"props.defaultLocaleCommonContent\"\n        @tournamentStarted=\"emit('tournamentStarted')\"\n        @tournamentFinished=\"emit('tournamentFinished')\"\n      />\n\n      <div class=\"tournament-card__content\">\n        <div class=\"tournament-card__title\">{{ props.tournamentContent?.name }}</div>\n        <div class=\"tournament-card__sub-title\">{{ props.tournamentContent?.reward }}</div>\n      </div>\n\n      <atomic-image\n        v-if=\"props.tournamentContent?.image\"\n        class=\"tournament-card__img\"\n        :src=\"props.tournamentContent.image\"\n      />\n\n      <div v-if=\"[2, 3].includes(props.tournamentData.state)\" class=\"tournament-card__actions\">\n        <button-base v-if=\"isLoggedIn\" type=\"primary\" size=\"md\" :url=\"`/tournaments/${props.tournamentData.identity}`\">\n          {{ getContent(props.currentLocaleCommonContent, props.defaultLocaleCommonContent, 'main.buttonLabels.play') }}\n        </button-base>\n\n        <template v-else>\n          <button-base type=\"primary\" size=\"md\" @click=\"openModal('sign-up')\">\n            {{\n              getContent(\n                props.currentLocaleCommonContent,\n                props.defaultLocaleCommonContent,\n                'main.buttonLabels.register'\n              )\n            }}\n          </button-base>\n\n          <button-base type=\"ghost\" size=\"md\" :url=\"`/tournaments/${props.tournamentData.identity}`\">\n            {{\n              getContent(props.currentLocaleCommonContent, props.defaultLocaleCommonContent, 'main.buttonLabels.more')\n            }}\n          </button-base>\n        </template>\n      </div>\n\n      <div v-else-if=\"[4, 5].includes(props.tournamentData.state)\" class=\"tournament-card__actions\">\n        <button-base type=\"secondary\" size=\"md\" :url=\"`/tournaments/${props.tournamentData.identity}?finished=true`\">\n          {{\n            getContent(props.currentLocaleCommonContent, props.defaultLocaleCommonContent, 'main.buttonLabels.results')\n          }}\n        </button-base>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import type { ITournament } from '@skeleton/core/types/tournamentsTypes';\n  import type { ITournamentCommon, ITournamentPage } from '~/types';\n\n  const props = defineProps<{\n    tournamentData: ITournament;\n    currentLocaleCommonContent: Maybe<ITournamentCommon>;\n    defaultLocaleCommonContent: Maybe<ITournamentCommon>;\n    tournamentContent: Maybe<ITournamentPage>;\n    isFinished?: boolean;\n  }>();\n\n  const emit = defineEmits(['tournamentStarted', 'tournamentFinished']);\n  const { openModal } = useModalStore();\n  const profileStore = useProfileStore();\n  const { isLoggedIn } = storeToRefs(profileStore);\n  const { getContent } = useProjectMethods();\n</script>\n\n<style src=\"~/assets/styles/components/tournament/card.scss\" lang=\"scss\" />\n","<template>\n  <div class=\"tournament-how-take\">\n    <div v-if=\"title\" class=\"tournament-how-take__title\">{{ title }}</div>\n\n    <div v-if=\"list.length\" class=\"tournament-how-take__items\">\n      <div v-for=\"(item, index) in list\" :key=\"index\" class=\"tournament-how-take__item\">\n        <span class=\"tournament-how-take__number\">{{ index + 1 }}</span>\n        <p class=\"tournament-how-take__text\">{{ item.label }}</p>\n      </div>\n    </div>\n\n    <atomic-image v-if=\"image\" :src=\"image\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import type { ITournamentsPage } from '~/types';\n\n  const props = defineProps<{\n    currentLocaleData: Maybe<ITournamentsPage['howTake']>;\n    defaultLocaleData: Maybe<ITournamentsPage['howTake']>;\n  }>();\n\n  const { getContent } = useProjectMethods();\n  const title = computed(() => {\n    return getContent(props.currentLocaleData, props.defaultLocaleData, 'title');\n  });\n\n  const list = computed(() => {\n    return getContent(props.currentLocaleData, props.defaultLocaleData, 'items') || [];\n  });\n\n  const image = computed(() => {\n    return getContent(props.currentLocaleData, props.defaultLocaleData, 'image');\n  });\n</script>\n\n<style src=\"~/assets/styles/components/tournament/how-take.scss\" lang=\"scss\" />\n","<template>\n  <div class=\"tournaments\">\n    <div class=\"tournaments__title\">\n      {{ getContent(pageContent?.currentLocaleData, pageContent?.defaultLocaleData, 'title') }}\n    </div>\n\n    <div class=\"tournaments__description\">\n      {{ getContent(pageContent?.currentLocaleData, pageContent?.defaultLocaleData, 'description') }}\n    </div>\n\n    <transition name=\"fade\" mode=\"out-in\">\n      <div v-if=\"state.globalLoading\" class=\"tournaments__spinner\">\n        <div class=\"tournaments__spinner-border\">\n          <div class=\"tournaments__spinner-core\" />\n        </div>\n      </div>\n\n      <div v-else>\n        <div v-if=\"state.activeTournaments.length\" class=\"tournaments__grid\">\n          <tournament-card\n            v-for=\"tournament in state.activeTournaments\"\n            :key=\"`${tournament.id}-${tournament.state}`\"\n            :tournamentData=\"tournament\"\n            :currentLocaleCommonContent=\"commonContent?.currentLocaleData\"\n            :defaultLocaleCommonContent=\"commonContent?.defaultLocaleData\"\n            :tournamentContent=\"state.tournamentsContent[tournament.identity]\"\n            @tournamentStarted=\"getActiveTournaments\"\n            @tournamentFinished=\"getTournamentsData\"\n          />\n        </div>\n\n        <template v-if=\"state.finishedTournaments.length\">\n          <div ref=\"finishedElement\" class=\"tournaments__finished-title\">\n            {{ getContent(pageContent?.currentLocaleData, pageContent?.defaultLocaleData, 'finishedLabel') }}\n          </div>\n\n          <div class=\"tournaments__grid\">\n            <tournament-card\n              v-for=\"tournament in state.finishedTournaments\"\n              :key=\"tournament.id\"\n              :tournamentData=\"tournament\"\n              :currentLocaleCommonContent=\"commonContent?.currentLocaleData\"\n              :defaultLocaleCommonContent=\"commonContent?.defaultLocaleData\"\n              :tournamentContent=\"state.tournamentsContent[tournament.identity]\"\n              isFinished\n            />\n          </div>\n\n          <atomic-pagination\n            v-if=\"state.finishedTournamentsMeta?.totalPages && state.finishedTournamentsMeta.totalPages > 1\"\n            v-bind=\"state.finishedTournamentsMeta\"\n            @select-page=\"changeFinishedPage\"\n          />\n        </template>\n\n        <atomic-empty\n          v-if=\"!state.activeTournaments.length && !state.finishedTournaments.length && !state.globalLoading\"\n          variant=\"search\"\n          :image=\"getContent(pageContent?.currentLocaleData, pageContent?.defaultLocaleData, 'empty.image')\"\n          :title=\"getContent(pageContent?.currentLocaleData, pageContent?.defaultLocaleData, 'empty.title')\"\n          :subTitle=\"getContent(pageContent?.currentLocaleData, pageContent?.defaultLocaleData, 'empty.description')\"\n        />\n      </div>\n    </transition>\n\n    <template v-if=\"pageContent?.currentLocaleData?.howTake?.showBlock\">\n      <atomic-divider />\n\n      <tournament-how-take\n        :currentLocaleData=\"pageContent?.currentLocaleData?.howTake\"\n        :defaultLocaleData=\"pageContent?.defaultLocaleData?.howTake\"\n      />\n    </template>\n\n    <atomic-seo-text\n      v-if=\"pageContent?.currentLocaleData?.pageMeta?.seoText\"\n      v-bind=\"pageContent.currentLocaleData.pageMeta.seoText\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import type { ITournamentCommon, ITournamentPage, ITournamentsPage } from '~/types';\n  import { useCoreTournamentsApi } from '@skeleton/core/composables/useCoreTournamentApi';\n  import type { IPaginationMeta } from '@skeleton/core/types';\n  import type { ITournament } from '@skeleton/core/types/tournamentsTypes';\n\n  const globalStore = useGlobalStore();\n  const { currentLocale, isMobile } = storeToRefs(globalStore);\n  const { getContent } = useProjectMethods();\n\n  const contentParams = {\n    contentKey: 'tournamentsPageContent',\n    contentRoute: ['pages', 'tournaments'],\n    isPage: true,\n  };\n  const tournamentCommonParams = {\n    contentKey: 'tournamentsCommonContent',\n    contentRoute: ['pages', 'tournament'],\n  };\n  const { getContentData } = useContentLogic<ITournamentsPage>(contentParams);\n  const { getContentData: getTournamentsCommonData } = useContentLogic<ITournamentCommon>(tournamentCommonParams);\n  const { data: content } = await useLazyAsyncData(async () => {\n    return await Promise.all([getContentData(), getTournamentsCommonData()]);\n  });\n\n  const pageContent = computed<\n    | {\n        currentLocaleData: Maybe<ITournamentsPage>;\n        defaultLocaleData: Maybe<ITournamentsPage>;\n      }\n    | undefined\n  >(() => content.value?.[0]);\n\n  const commonContent = computed<\n    | {\n        currentLocaleData: Maybe<ITournamentCommon>;\n        defaultLocaleData: Maybe<ITournamentCommon>;\n      }\n    | undefined\n  >(() => content.value?.[1]);\n\n  interface IState {\n    globalLoading: boolean;\n    activeLoading: boolean;\n    finishedLoading: boolean;\n    activeTournaments: ITournament[];\n    finishedTournaments: ITournament[];\n    finishedTournamentsMeta: IPaginationMeta | undefined;\n    tournamentsContent: { [key: string]: ITournamentPage };\n    tournamentIdentities: string[];\n  }\n\n  const state = reactive<IState>({\n    globalLoading: true,\n    activeLoading: false,\n    finishedLoading: false,\n    activeTournaments: [],\n    finishedTournaments: [],\n    finishedTournamentsMeta: undefined,\n    tournamentsContent: {},\n    tournamentIdentities: [],\n  });\n\n  const { getTournaments } = useCoreTournamentsApi();\n  const getFinishedTournaments = async (page = 1): Promise<void> => {\n    if (state.finishedLoading) return;\n    state.finishedLoading = true;\n\n    try {\n      const { data, meta } = await getTournaments({\n        page,\n        perPage: isMobile.value ? 3 : 6,\n        state: [4, 5],\n        identity: state.tournamentIdentities,\n      });\n      state.finishedTournaments = data;\n      state.finishedTournamentsMeta = meta;\n    } catch {\n      state.finishedTournaments = [];\n      state.finishedTournamentsMeta = undefined;\n    }\n\n    state.finishedLoading = false;\n  };\n\n  const getActiveTournaments = async (): Promise<void> => {\n    if (state.activeLoading) return;\n    state.activeLoading = true;\n\n    try {\n      const { data } = await getTournaments({ state: [2, 3], identity: state.tournamentIdentities });\n      state.activeTournaments = data;\n    } catch {\n      state.activeTournaments = [];\n    }\n\n    state.activeLoading = false;\n  };\n\n  const completeTournamentsObject = (tournamentPages: ITournamentPage[]): { [key: string]: ITournamentPage } => {\n    const tournamentsObject: { [key: string]: ITournamentPage } = {};\n    tournamentPages.forEach(tournamentPage => {\n      tournamentsObject[tournamentPage.identity] = tournamentPage;\n    });\n    return tournamentsObject;\n  };\n\n  const getTournamentsData = async (): Promise<void> => {\n    const contentPagesResponse = await queryContent<ITournamentPage>(\n      currentLocale.value?.code as string,\n      'tournaments'\n    ).find();\n\n    if (contentPagesResponse?.length) {\n      state.tournamentsContent = completeTournamentsObject(contentPagesResponse);\n      state.tournamentIdentities = contentPagesResponse.map(item => item.identity);\n      await Promise.all([getActiveTournaments(), getFinishedTournaments()]);\n    }\n    state.globalLoading = false;\n  };\n\n  const finishedElement = ref();\n  const changeFinishedPage = async (page: number): Promise<void> => {\n    const offsetTop = finishedElement.value.offsetTop;\n    await getFinishedTournaments(page);\n    window.scrollTo({ top: offsetTop - 20, behavior: 'smooth' });\n  };\n\n  onMounted(async () => {\n    await getTournamentsData();\n  });\n</script>\n\n<style src=\"~/assets/styles/pages/tournaments/index.scss\" lang=\"scss\" />\n"],"names":["props","__props","emit","__emit","openModal","useModalStore","profileStore","useProfileStore","isLoggedIn","storeToRefs","getContent","useProjectMethods","title","computed","list","image","globalStore","useGlobalStore","currentLocale","isMobile","contentParams","tournamentCommonParams","getContentData","useContentLogic","getTournamentsCommonData","content","__temp","__restore","_withAsyncContext","useLazyAsyncData","pageContent","_a","commonContent","state","reactive","getTournaments","useCoreTournamentsApi","getFinishedTournaments","page","data","meta","getActiveTournaments","completeTournamentsObject","tournamentPages","tournamentsObject","tournamentPage","getTournamentsData","contentPagesResponse","queryContent","item","finishedElement","ref","changeFinishedPage","offsetTop","onMounted"],"mappings":"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"}