{"version":3,"file":"DCCULjVZ.js","sources":["../../../../skeleton/pages/games/[...params].vue"],"sourcesContent":["<template>\n  <div class=\"game-category\">\n    <atomic-page-title @on-click=\"router.back()\">\n      {{ title }}\n    </atomic-page-title>\n\n    <div class=\"game-category-filters\">\n      <form-input-search\n        v-model:value=\"searchValue\"\n        class=\"game-category-filters__search\"\n        :placeholder=\"getContent(layoutData, defaultLocaleLayoutData, 'header.search.placeholder')\"\n        :hasClearIcon=\"!!searchValue\"\n        @input=\"searchInput\"\n      />\n\n      <bottom-sheet-games-filter\n        v-if=\"isMobile\"\n        :isActive=\"isActiveFilter\"\n        :featuresOptions=\"featuresWithIdentity\"\n        :providersOptions=\"getFilteredProviders\"\n        :sortBy=\"sortBy\"\n        :sortOrder=\"sortOrder\"\n        :sortOptions=\"sortOptions\"\n      />\n\n      <template v-else>\n        <filters-games-filter :isActive=\"isActiveFilter\" />\n\n        <sorting-games-sorting :sortBy=\"sortBy\" :sortOrder=\"sortOrder\" :sortOptions=\"sortOptions\" />\n      </template>\n    </div>\n\n    <list-skeleton-preloader v-if=\"loadingGames\" />\n\n    <list-grid v-else :items=\"gameItems\" :meta=\"pageMeta\" @load-more=\"loadMoreItems\" />\n\n    <atomic-empty\n      v-if=\"!gameItems.length && !loadingGames\"\n      :title=\"getContent(gamesContent?.currentLocaleData, gamesContent?.defaultLocaleData, 'empty.title')\"\n      :subTitle=\"getContent(gamesContent?.currentLocaleData, gamesContent?.defaultLocaleData, 'empty.description')\"\n      :image=\"getContent(gamesContent?.currentLocaleData, gamesContent?.defaultLocaleData, 'empty.image')\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import debounce from 'lodash/debounce';\n\n  import { urlFormat } from '@skeleton/utils/routerUtils';\n  import { normalizeToArray } from '@skeleton/utils/arrayUtils';\n  import { isModalQueryChanged } from '@skeleton/utils/modalQueryUtils';\n\n  import type { ICollection, IGame, IGamesRequest, IPaginationMeta, IGameProvider } from '@skeleton/core/types';\n  import type { IGamesPage } from '~/types';\n\n  const globalStore = useGlobalStore();\n  const { layoutData, defaultLocaleLayoutData, headerCountry, gameCategoriesObj } = storeToRefs(globalStore);\n  const deviceStore = useDeviceStore();\n  const { isMobile } = storeToRefs(deviceStore);\n  const { getContent } = useProjectMethods();\n  const { getCollectionsList } = useGamesStore();\n  const { getGames } = useGameCollectionStoreStore();\n  const gameFeaturesStore = useGameFeaturesStore();\n  const { cachedFeatures, featuresWithIdentity } = storeToRefs(gameFeaturesStore);\n  const gameProvidersStore = useGameProvidersStore();\n  const { getFilteredProviders } = storeToRefs(gameProvidersStore);\n\n  const contentParams = {\n    contentKey: 'gamesPageContent',\n    contentRoute: ['pages', 'games'],\n    isPage: true,\n  };\n\n  const { getContentData } = useContentLogic<IGamesPage>(contentParams);\n  const { data: gamesContent } = await useLazyAsyncData(getContentData);\n  const { data: gameCollections } = await useLazyAsyncData(() => getCollectionsList(), { server: false });\n\n  const { sortOptions, parseSortQuery } = await useSortingOptions('games');\n\n  const route = useRoute();\n  const router = useRouter();\n\n  const sortBy = ref<string | undefined>();\n  const sortOrder = ref<string | undefined>();\n\n  const activeCollection = ref<ICollection>();\n  const selectedProviders = ref<IGameProvider[]>([]);\n  const selectedFeatures = ref<IGameProvider[]>([]);\n\n  const searchValue = ref('');\n  const loadPage = ref(1);\n  const gameItems = ref<IGame[]>([]);\n  const pageMeta = ref<IPaginationMeta>();\n  const loadingGames = ref(true);\n  const MOBILE_ITEMS_PER_PAGE = 24;\n  const DESKTOP_ITEMS_PER_PAGE = 72;\n  const HEIGHT_THRESHOLD = 1000;\n\n  const itemsPerPage = computed(() =>\n    isMobile.value && window.innerHeight < HEIGHT_THRESHOLD ? MOBILE_ITEMS_PER_PAGE : DESKTOP_ITEMS_PER_PAGE\n  );\n\n  const title = computed(() => {\n    const { params = [] } = route.params;\n    const defaultTitle = urlFormat(params[0]);\n\n    if (!activeCollection.value) {\n      return defaultTitle;\n    }\n\n    const categoryLabel = gameCategoriesObj.value[activeCollection.value.identity]?.label;\n    return categoryLabel || activeCollection.value.name || activeCollection.value.identity || defaultTitle;\n  });\n\n  const isActiveFilter = computed(() => !!selectedProviders.value.length || !!selectedFeatures.value.length);\n\n  const defaultRequestParams = computed<IGamesRequest>(() => {\n    return {\n      page: loadPage.value,\n      perPage: itemsPerPage.value,\n      collectionId: activeCollection.value?.id ? [activeCollection.value?.id] : undefined,\n      sortBy: sortBy.value,\n      sortOrder: sortOrder.value,\n      countries: headerCountry.value ? [headerCountry.value] : undefined,\n      name: searchValue.value || undefined,\n      providerId: selectedProviders.value.length ? selectedProviders.value.map(item => item.id) : undefined,\n      features: selectedFeatures.value.length ? selectedFeatures.value : undefined,\n    };\n  });\n\n  const searchInput = debounce(async () => {\n    if (searchValue.value.length > 1 || !searchValue.value) {\n      loadingGames.value = true;\n      await changePage(1);\n      await loadGames();\n    }\n  }, 500);\n\n  const updateQueryWithReplace = () => {\n    router.replace({\n      query: {\n        ...route.query,\n        providers: selectedProviders.value.length ? selectedProviders.value.map(item => item.identity) : undefined,\n        features: selectedFeatures.value.length\n          ? selectedFeatures.value.map(item => encodeURIComponent(item))\n          : undefined,\n        sortBy: sortBy.value,\n        sortOrder: sortOrder.value,\n      },\n    });\n  };\n\n  const setActiveProviders = () => {\n    const { providers } = route.query;\n\n    const providerList = normalizeToArray(providers);\n    selectedProviders.value =\n      getFilteredProviders.value.filter(provider => providerList.includes(provider.identity)) || [];\n  };\n\n  const setActiveFeatures = () => {\n    const { features } = route.query;\n\n    const featuresList = normalizeToArray(features);\n    const decodeFeaturesList = featuresList.map(item => decodeURIComponent(item));\n    selectedFeatures.value = cachedFeatures.value.filter(feature => decodeFeaturesList.includes(feature)) || [];\n  };\n\n  const setActiveCollection = () => {\n    const { params = [] } = route.params;\n\n    const findCollection = gameCollections.value?.find(\n      item => item.identity.toUpperCase() === urlFormat(params[0]).toUpperCase()\n    );\n    activeCollection.value = findCollection || gameCollections.value?.[0];\n  };\n\n  const setActiveSort = () => {\n    const parsedQuery = parseSortQuery(route.query);\n    sortOrder.value = parsedQuery.sortOrder;\n    sortBy.value = parsedQuery.sortBy;\n  };\n\n  const setItems = (data: any, more?: boolean) => {\n    gameItems.value = more ? gameItems.value.concat(data.games) : data.games;\n    pageMeta.value = data.pageMeta;\n  };\n\n  const changePage = (newPage: number = 1): void => {\n    loadPage.value = newPage;\n  };\n\n  const loadMoreItems = async () => {\n    const newPage = (pageMeta.value?.page || 0) + 1;\n    await changePage(newPage);\n    await loadGames(true);\n  };\n\n  const loadGames = async (more = false) => {\n    const data = await getGames(defaultRequestParams.value, true);\n    setItems(data, more);\n    loadingGames.value = false;\n  };\n\n  const loadProviders = async () => {\n    await gameProvidersStore.getProviders();\n    setActiveProviders();\n  };\n\n  const loadFeatures = async () => {\n    await gameFeaturesStore.getFeatures();\n    setActiveFeatures();\n  };\n\n  watch(\n    () => route.query,\n    (newQuery, oldQuery) => {\n      if (!Object.keys(oldQuery).length) return;\n      if (isModalQueryChanged(newQuery, oldQuery)) return;\n\n      loadingGames.value = true;\n      setActiveProviders();\n      setActiveFeatures();\n      setActiveSort();\n      changePage(1);\n      loadGames();\n    }\n  );\n\n  watchEffect(() => {\n    setActiveCollection();\n  });\n\n  onMounted(async () => {\n    setActiveSort();\n    await loadProviders();\n    await loadFeatures();\n    await loadGames();\n    updateQueryWithReplace();\n  });\n</script>\n\n<style src=\"~/assets/styles/pages/games/game-category.scss\" lang=\"scss\" />\n"],"names":["MOBILE_ITEMS_PER_PAGE","DESKTOP_ITEMS_PER_PAGE","HEIGHT_THRESHOLD","globalStore","useGlobalStore","layoutData","defaultLocaleLayoutData","headerCountry","gameCategoriesObj","storeToRefs","deviceStore","useDeviceStore","isMobile","getContent","useProjectMethods","getCollectionsList","useGamesStore","getGames","useGameCollectionStoreStore","gameFeaturesStore","useGameFeaturesStore","cachedFeatures","featuresWithIdentity","gameProvidersStore","useGameProvidersStore","getFilteredProviders","contentParams","getContentData","useContentLogic","gamesContent","__temp","__restore","_withAsyncContext","useLazyAsyncData","gameCollections","sortOptions","parseSortQuery","useSortingOptions","route","useRoute","router","useRouter","sortBy","ref","sortOrder","activeCollection","selectedProviders","selectedFeatures","searchValue","loadPage","gameItems","pageMeta","loadingGames","itemsPerPage","computed","title","params","defaultTitle","urlFormat","_a","isActiveFilter","defaultRequestParams","_b","item","searchInput","debounce","changePage","loadGames","updateQueryWithReplace","setActiveProviders","providers","providerList","normalizeToArray","provider","setActiveFeatures","features","decodeFeaturesList","feature","setActiveCollection","findCollection","setActiveSort","parsedQuery","setItems","data","more","newPage","loadMoreItems","loadProviders","loadFeatures","watch","newQuery","oldQuery","isModalQueryChanged","watchEffect","onMounted"],"mappings":"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"}