{"version":3,"file":"BPzDO5uH.js","sources":["../../../../skeleton/pages/games/providers/[providerIdentity].vue"],"sourcesContent":["<template>\n  <div class=\"game-category game-category--providers\">\n    <atomic-page-title @on-click=\"router.back()\">\n      {{ activeProvider?.name }}\n    </atomic-page-title>\n\n    <slider-nav-collections\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\n      />\n\n      <template v-else>\n        <filters-games-filter :isActive=\"isActiveFilter\" hideProviders />\n\n        <sorting-games-sorting :sortBy=\"sortBy\" :sortOrder=\"sortOrder\" :sortOptions=\"sortOptions\" />\n      </template>\n    </div>\n\n    <div class=\"game-category-providers\">\n      <div>\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\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\n  import { scrollBodyToTop } from '@skeleton/utils/scrollUtils';\n  import { normalizeToArray } from '@skeleton/utils/arrayUtils';\n  import { isModalQueryChanged } from '@skeleton/utils/modalQueryUtils';\n\n  import type { ICollection, IGame, IGameProvider, IGamesRequest, IPaginationMeta } from '@skeleton/core/types';\n  import type { IGamesPage } from '~/types';\n\n  const globalStore = useGlobalStore();\n  const { layoutData, defaultLocaleLayoutData, headerCountry } = storeToRefs(globalStore);\n  const deviceStore = useDeviceStore();\n  const { isMobile } = storeToRefs(deviceStore);\n  const { getContent } = useProjectMethods();\n  const { getFilteredProviders } = storeToRefs(useGameProvidersStore());\n  const { getGames } = useGameCollectionStoreStore();\n  const { getCollectionsRequest, findGameCollectionByIdentity } = useGamesStore();\n  const gameFeaturesStore = useGameFeaturesStore();\n  const { cachedFeatures, featuresWithIdentity } = storeToRefs(gameFeaturesStore);\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\n  const { sortOptions, parseSortQuery } = await useSortingOptions('games');\n\n  const route = useRoute();\n  const router = useRouter();\n\n  const isUpdatingQuery = ref(false);\n\n  const sortBy = ref<string | undefined>();\n  const sortOrder = ref<string | undefined>();\n\n  const activeCollection = ref<ICollection>();\n  const selectedFeatures = ref<IGameProvider[]>([]);\n  const gameCollections = ref<ICollection[]>([]);\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\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 activeProvider = computed<IGameProvider>(() => {\n    const { providerIdentity } = route.params;\n    const findProvider = getFilteredProviders.value.find(item => item.identity === providerIdentity);\n    return findProvider || getFilteredProviders.value[0] || { name: providerIdentity };\n  });\n\n  const filteredCollection = computed(() => gameCollections.value?.filter(collection => !collection.isHidden));\n\n  const allGameCollection = computed(() => getGameCollection('All'));\n\n  const isActiveFilter = computed(() => !!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: activeProvider.value.id ? [activeProvider.value.id] : undefined,\n      features: selectedFeatures.value.length ? selectedFeatures.value : undefined,\n    };\n  });\n\n  const getGameCollection = (identity: string): ICollection | undefined => {\n    return findGameCollectionByIdentity(filteredCollection.value || [], identity);\n  };\n\n  const changeCollection = (item: ICollection) => {\n    activeCollection.value = item;\n    loadingGames.value = true;\n    changePage(1);\n    loadGames();\n  };\n\n  const updateQueryWithReplace = () => {\n    isUpdatingQuery.value = true;\n\n    router.replace({\n      query: {\n        ...route.query,\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 setDefaultCollection = () => {\n    activeCollection.value = allGameCollection.value;\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 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 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 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 loadFeatures = async () => {\n    await gameFeaturesStore.getFeatures();\n    setActiveFeatures();\n  };\n\n  const loadCollections = async (providerId: string): Promise<void> => {\n    const response = await getCollectionsRequest({ providerId });\n    gameCollections.value = response;\n    setDefaultCollection();\n  };\n\n  watch(\n    activeProvider,\n    async activeProvider => {\n      const { id } = activeProvider;\n      if (!id) return;\n      await loadCollections(id);\n      await loadFeatures();\n      await loadGames();\n      updateQueryWithReplace();\n    },\n    { immediate: true }\n  );\n\n  watch(\n    () => route.query,\n    (newQuery, oldQuery) => {\n      if (isUpdatingQuery.value) {\n        isUpdatingQuery.value = false;\n        return;\n      }\n      if (isModalQueryChanged(newQuery, oldQuery)) return;\n\n      loadingGames.value = true;\n      setActiveFeatures();\n      setActiveSort();\n      changePage(1);\n      loadGames();\n    }\n  );\n\n  onMounted(async () => {\n    scrollBodyToTop();\n    setActiveSort();\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","storeToRefs","deviceStore","useDeviceStore","isMobile","getContent","useProjectMethods","getFilteredProviders","useGameProvidersStore","getGames","useGameCollectionStoreStore","getCollectionsRequest","findGameCollectionByIdentity","useGamesStore","gameFeaturesStore","useGameFeaturesStore","cachedFeatures","featuresWithIdentity","contentParams","getContentData","useContentLogic","gamesContent","__temp","__restore","_withAsyncContext","useLazyAsyncData","sortOptions","parseSortQuery","useSortingOptions","route","useRoute","router","useRouter","isUpdatingQuery","ref","sortBy","sortOrder","activeCollection","selectedFeatures","gameCollections","searchValue","loadPage","gameItems","pageMeta","loadingGames","itemsPerPage","computed","activeProvider","providerIdentity","item","filteredCollection","_a","collection","allGameCollection","getGameCollection","isActiveFilter","defaultRequestParams","_b","identity","changeCollection","changePage","loadGames","updateQueryWithReplace","setDefaultCollection","setActiveFeatures","features","decodeFeaturesList","normalizeToArray","feature","setActiveSort","parsedQuery","setItems","data","more","newPage","searchInput","debounce","loadMoreItems","loadFeatures","loadCollections","providerId","response","watch","id","newQuery","oldQuery","isModalQueryChanged","onMounted","scrollBodyToTop"],"mappings":"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"}