{"version":3,"file":"DH-bVqSy.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    <slider-nav-collections\n      v-if=\"activeProvider\"\n      :items=\"filteredCollection\"\n      :activeCollection=\"activeCollection\"\n      @clickCollection=\"changeCollection\"\n    />\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        :hideProviders=\"!!activeProvider\"\n      />\n\n      <template v-else>\n        <filters-games-filter :isActive=\"isActiveFilter\" :hideProviders=\"!!activeProvider\" />\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\n    <div class=\"game-category-providers\" v-if=\"activeProvider\">\n      <group-providers show-arrows show-all-btn />\n\n      <group-games-adaptive\n        v-if=\"allGameCollection\"\n        :key=\"`desk-${allGameCollection.identity}`\"\n        :searchValue=\"searchValue\"\n        showAllBtn\n        showArrows\n        :category=\"allGameCollection\"\n        icon-color=\"blue\"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import debounce from 'lodash/debounce';\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\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, getCollectionsRequest, findGameCollectionByIdentity } = 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  const gamesContentStore = useGamesContentStore();\n  const { content: gamesContent } = storeToRefs(gamesContentStore);\n  const { data: gameCollections } = await useLazyAsyncData(() => getCollectionsList(), { server: false });\n\n  const { sortOptions, parseSortQuery } = await useSortingOptions();\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 activeProvider = ref<Maybe<IGameProvider>>();\n  const selectedProviders = ref<IGameProvider[]>([]);\n  const selectedFeatures = ref<IGameProvider[]>([]);\n  const allGameCollection = computed(() => getGameCollection('All'));\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    if (activeProvider.value) {\n      return activeProvider.value.name;\n    }\n\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 filteredCollection = computed(() => gameCollections.value?.filter(collection => !collection.isHidden));\n\n  const getGameCollection = (identity: string): ICollection | undefined => {\n    return findGameCollectionByIdentity(filteredCollection.value || [], identity);\n  };\n\n  const providerIds = computed(() => {\n    if (activeProvider.value?.id) {\n      return [activeProvider.value.id];\n    }\n\n    if (selectedProviders.value.length) {\n      return selectedProviders.value.map(item => item.id);\n    }\n\n    return undefined;\n  });\n\n  const defaultRequestParams = computed<IGamesRequest>(() => ({\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: providerIds.value,\n    features: selectedFeatures.value.length ? selectedFeatures.value : undefined,\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 changeCollection = (item: ICollection) => {\n    activeCollection.value = item;\n    loadingGames.value = true;\n    changePage(1);\n    loadGames();\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 setActiveProviderCollection = async () => {\n    const { params = [] } = route.params;\n\n    const findProvider = getFilteredProviders.value.find(item => item.identity === params[0]);\n    activeProvider.value = findProvider ?? null;\n\n    if (activeProvider.value) {\n      await loadCollections(activeProvider.value.id);\n      return;\n    }\n\n    const findCollection = gameCollections.value?.find(\n      item => item.identity.toUpperCase() === urlFormat(params[0]).toUpperCase()\n    );\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 setDefaultCollection = () => {\n    activeCollection.value = allGameCollection.value;\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 loadCollections = async (providerId: string): Promise<void> => {\n    gameCollections.value = await getCollectionsRequest({ providerId });\n    setDefaultCollection();\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    setActiveProviderCollection();\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","getCollectionsRequest","findGameCollectionByIdentity","useGamesStore","getGames","useGameCollectionStoreStore","gameFeaturesStore","useGameFeaturesStore","cachedFeatures","featuresWithIdentity","gameProvidersStore","useGameProvidersStore","getFilteredProviders","gamesContentStore","useGamesContentStore","gamesContent","gameCollections","__temp","__restore","_withAsyncContext","useLazyAsyncData","sortOptions","parseSortQuery","useSortingOptions","route","useRoute","router","useRouter","sortBy","ref","sortOrder","activeCollection","activeProvider","selectedProviders","selectedFeatures","allGameCollection","computed","getGameCollection","searchValue","loadPage","gameItems","pageMeta","loadingGames","itemsPerPage","title","params","defaultTitle","urlFormat","_a","isActiveFilter","filteredCollection","collection","identity","providerIds","item","defaultRequestParams","_b","searchInput","debounce","changePage","loadGames","updateQueryWithReplace","changeCollection","setActiveProviders","providers","providerList","normalizeToArray","provider","setActiveFeatures","features","decodeFeaturesList","feature","setActiveProviderCollection","findProvider","loadCollections","findCollection","setActiveSort","parsedQuery","setItems","data","more","newPage","setDefaultCollection","loadMoreItems","providerId","loadProviders","loadFeatures","watch","newQuery","oldQuery","isModalQueryChanged","watchEffect","onMounted"],"mappings":"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"}