{"version":3,"file":"G130V_af.js","sources":["../../../../skeleton/components/atomic/providers-sort.vue","../../../../skeleton/components/providers-filter.vue","../../../../skeleton/components/list/providers.vue","../../../../skeleton/pages/providers.vue"],"sourcesContent":["<template>\n  <div class=\"providers-sort\">\n    <span class=\"providers-sort__label\">{{ props.label }}</span>\n\n    <div class=\"providers-sort__options\">\n      <div\n        v-for=\"option in sortOptions\"\n        :key=\"option.label\"\n        class=\"providers-sort__option\"\n        :class=\"{ 'is-selected': props.sortBy === option.sortBy && props.sortOrder === option.sortOrder }\"\n        @click=\"changeSort(option.sortBy, option.sortOrder)\"\n      >\n        {{ option.label }}\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import type { ICategoryPage } from '~/types';\n\n  const props = defineProps<{\n    label: string;\n    sortBy?: string;\n    sortOrder?: string;\n    sortOptions: ICategoryPage['sortOptions'];\n  }>();\n\n  const emit = defineEmits(['change']);\n  const changeSort = (sortBy: string, sortOrder: string): void => {\n    if (props.sortBy !== sortBy || props.sortOrder !== sortOrder) {\n      emit('change', { sortBy, sortOrder });\n    }\n  };\n</script>\n\n<style src=\"~/assets/styles/components/atomic/providers-sort.scss\" lang=\"scss\" />\n","<template>\n  <div class=\"providers-filter\">\n    <form-input-search\n      v-model:value=\"searchValue\"\n      class=\"providers-filter__search\"\n      :placeholder=\"getContent(props.currentLocaleContent, props.defaultLocaleContent, 'searchPlaceholder')\"\n      @input=\"searchInput\"\n    />\n\n    <div class=\"providers-filter__toggle-sort\" :class=\"{ 'is-active': isShowSort }\" @click=\"toggleSort\">\n      <atomic-icon id=\"filter\" />\n    </div>\n\n    <atomic-providers-sort\n      :class=\"{ 'show-sort': isShowSort }\"\n      :sort-by=\"props.filters.sortBy || 'order'\"\n      :sort-order=\"props.filters.sortOrder || 'asc'\"\n      :sort-options=\"getContent(props.currentLocaleContent, props.defaultLocaleContent, 'sortOptions')\"\n      :label=\"getContent(props.currentLocaleContent, props.defaultLocaleContent, 'sortLabel')\"\n      @change=\"changeSort\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import debounce from 'lodash/debounce';\n  import type { IProvidersRequest } from '@skeleton/core/types';\n  import type { IProvidersPage } from '~/types';\n\n  const props = defineProps<{\n    currentLocaleContent: Maybe<IProvidersPage>;\n    defaultLocaleContent: Maybe<IProvidersPage>;\n    filters: IProvidersRequest;\n  }>();\n\n  const { getContent } = useProjectMethods();\n\n  const searchValue = ref<string>(props.filters.name || '');\n  const isShowSort = ref<boolean>(!!props.filters.sortBy || !!props.filters.sortOrder);\n\n  const emit = defineEmits(['onSearch', 'changeSort']);\n\n  const searchInput = debounce(\n    (): void => {\n      if (searchValue.value.length > 1 || !searchValue.value) {\n        emit('onSearch', searchValue.value || undefined);\n      }\n    },\n    500,\n    { leading: false }\n  );\n\n  const toggleSort = () => {\n    isShowSort.value = !isShowSort.value;\n  };\n\n  const changeSort = (newSortData: { sortBy: string; sortOrder: string }) => {\n    emit('changeSort', newSortData);\n  };\n</script>\n\n<style src=\"~/assets/styles/components/providers-filter.scss\" lang=\"scss\" />\n","<template>\n  <div class=\"list-providers\">\n    <div v-if=\"props.staticProvider\" class=\"list-providers__item is-accented\">\n      <atomic-picture\n        class=\"list-providers__item-logo\"\n        :src=\"getContent(currentLocaleContent, defaultLocaleContent, 'defaultProviderLogo')\"\n      />\n\n      <div class=\"list-providers__item-info\">\n        <div class=\"list-providers__item-label\">{{ props.staticProvider?.name }}</div>\n\n        <div class=\"list-providers__item-count\">\n          {{ props.staticProvider?.gameEnabledCount || 0 }}\n          {{ getContent(currentLocaleContent, defaultLocaleContent, 'gamesLabel') }}\n        </div>\n\n        <button-base\n          type=\"primary\"\n          :url=\"\n            defaultCategory\n              ? `/categories/${defaultCategory}?provider=${props.staticProvider.identity}`\n              : `/categories?provider=${props.staticProvider.identity}`\n          \"\n        >\n          {{ getContent(currentLocaleContent, defaultLocaleContent, 'staticProvider.button') }}\n        </button-base>\n      </div>\n\n      <div class=\"list-providers__item-bg\">\n        <atomic-picture :src=\"getContent(currentLocaleContent, defaultLocaleContent, 'staticProvider.bgImage')\" />\n      </div>\n    </div>\n\n    <nuxt-link\n      v-for=\"provider in props.providersList\"\n      :key=\"provider.id\"\n      :to=\"\n        localizePath(\n          defaultCategory\n            ? `/categories/${defaultCategory}?provider=${provider.identity}`\n            : `/categories?provider=${provider.identity}`\n        )\n      \"\n      class=\"list-providers__item\"\n    >\n      <atomic-picture\n        class=\"list-providers__item-logo\"\n        :src=\"getContent(currentLocaleContent, defaultLocaleContent, 'defaultProviderLogo')\"\n      />\n\n      <div class=\"list-providers__item-info\">\n        <div class=\"list-providers__item-label\">{{ provider.name }}</div>\n        <div class=\"list-providers__item-count\">\n          {{ provider.gameEnabledCount }} {{ getContent(currentLocaleContent, defaultLocaleContent, 'gamesLabel') }}\n        </div>\n      </div>\n    </nuxt-link>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import type { IProvidersPage } from '~/types';\n  import type { IGameProvider } from '@skeleton/core/types';\n  import { storeToRefs } from 'pinia';\n\n  const props = defineProps<{\n    staticProvider?: IGameProvider;\n    providersList: IGameProvider[];\n    currentLocaleContent: Maybe<IProvidersPage>;\n    defaultLocaleContent: Maybe<IProvidersPage>;\n  }>();\n\n  const globalStore = useGlobalStore();\n  const { globalComponentsContent, defaultLocaleGlobalComponentsContent } = storeToRefs(globalStore);\n  const { getContent, localizePath } = useProjectMethods();\n  const defaultCategory = computed(() =>\n    getContent(\n      globalComponentsContent.value,\n      defaultLocaleGlobalComponentsContent.value,\n      'providersSettings.defaultCategory'\n    )\n  );\n</script>\n\n<style src=\"~/assets/styles/components/list/providers.scss\" lang=\"scss\" />\n","<template>\n  <div class=\"page-providers\">\n    <div class=\"page-providers__header\">\n      <div class=\"page-providers__heading\">\n        {{ getContent(pageContent?.currentLocaleData, pageContent?.defaultLocaleData, 'title') }}\n      </div>\n\n      <div class=\"page-providers__count\">\n        {{ providersGeneralCount }}\n        {{ getContent(pageContent?.currentLocaleData, pageContent?.defaultLocaleData, 'providersLabel') }}\n      </div>\n\n      <div v-if=\"pageContent?.currentLocaleData || pageContent?.defaultLocaleData\" class=\"page-providers__filter\">\n        <providers-filter\n          :current-locale-content=\"pageContent?.currentLocaleData\"\n          :default-locale-content=\"pageContent?.defaultLocaleData\"\n          :filters=\"requestParams\"\n          @on-search=\"onSearch\"\n          @change-sort=\"onSort\"\n        />\n      </div>\n    </div>\n\n    <list-providers\n      v-if=\"providersList.length || staticProviderInfo\"\n      :providers-list=\"providersList\"\n      :static-provider=\"staticProviderInfo\"\n      :current-locale-content=\"pageContent?.currentLocaleData\"\n      :default-locale-content=\"pageContent?.defaultLocaleData\"\n    />\n\n    <atomic-empty\n      v-else-if=\"requestParams.name && !loadingProviders\"\n      :title=\"getContent(pageContent?.currentLocaleData, pageContent?.defaultLocaleData, 'empty.title')\"\n      :sub-title=\"getContent(pageContent?.currentLocaleData, pageContent?.defaultLocaleData, 'empty.description')\"\n      :image=\"getContent(pageContent?.currentLocaleData, pageContent?.defaultLocaleData, 'empty.image')\"\n    />\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 { IProvidersPage } from '~/types';\n  import { storeToRefs } from 'pinia';\n  import type { IGameProvider, IProvidersRequest } from '@skeleton/core/types';\n\n  const globalStore = useGlobalStore();\n  const { alertsData, defaultLocaleAlertsData } = storeToRefs(globalStore);\n  const { showAlert } = useLayoutStore();\n  const { getContent } = useProjectMethods();\n\n  const contentParams = {\n    contentKey: 'providersPageContent',\n    contentRoute: ['pages', 'providers'],\n    isPage: true,\n  };\n  const { getContentData } = useContentLogic<IProvidersPage>(contentParams);\n  const { data: pageContent } = await useLazyAsyncData(getContentData);\n\n  const providersList = ref<IGameProvider[]>([]);\n\n  const providersGeneralCount = computed(() => {\n    return providersList.value.length + (staticProviderInfo.value ? 1 : 0);\n  });\n\n  const staticProviderIdentity = computed(() =>\n    getContent(pageContent.value?.currentLocaleData, pageContent.value?.defaultLocaleData, 'staticProvider.identity')\n  );\n  const staticProviderInfo = ref<IGameProvider | undefined>();\n\n  const requestParams = reactive<IProvidersRequest>({\n    name: undefined,\n    sortBy: undefined,\n    sortOrder: undefined,\n  });\n\n  const route = useRoute();\n  if (Object.keys(route.query).length) {\n    Object.keys(route.query).forEach(param => {\n      if (requestParams.hasOwnProperty(param)) {\n        requestParams[param] = route.query[param];\n      }\n    });\n  }\n\n  const filterProviders = (providers: IGameProvider[]): void => {\n    providersList.value = providers.filter(\n      provider => !!provider.gameEnabledCount && provider.identity !== staticProviderIdentity.value\n    );\n    staticProviderInfo.value = providers.find(\n      provider => provider.identity === staticProviderIdentity.value && !!provider.gameEnabledCount\n    );\n  };\n\n  const { getGameProviders } = useCoreGamesApi();\n  const loadingProviders = ref<boolean>(true);\n  const getProviders = async (): Promise<void> => {\n    try {\n      const responseProviders = await getGameProviders(requestParams);\n      filterProviders(responseProviders);\n    } catch {\n      showAlert(alertsData.value?.global?.somethingWrong || defaultLocaleAlertsData.value?.global?.somethingWrong);\n    }\n  };\n\n  const router = useRouter();\n  const updateQuery = (): void => {\n    router.replace({ query: requestParams });\n  };\n\n  const onSearch = async (inputValue: string | undefined): Promise<void> => {\n    requestParams.name = inputValue;\n\n    await getProviders();\n    updateQuery();\n  };\n\n  const onSort = async ({ sortBy, sortOrder }: { sortBy: string; sortOrder: string }): Promise<void> => {\n    requestParams.sortBy = sortBy;\n    requestParams.sortOrder = sortOrder;\n\n    await getProviders();\n    updateQuery();\n  };\n\n  onMounted(async () => {\n    await getProviders();\n    loadingProviders.value = false;\n  });\n</script>\n\n<style src=\"~/assets/styles/pages/providers.scss\" lang=\"scss\" />\n"],"names":["props","__props","emit","__emit","changeSort","sortBy","sortOrder","getContent","useProjectMethods","searchValue","ref","isShowSort","searchInput","debounce","toggleSort","newSortData","globalStore","useGlobalStore","globalComponentsContent","defaultLocaleGlobalComponentsContent","storeToRefs","localizePath","defaultCategory","computed","alertsData","defaultLocaleAlertsData","showAlert","useLayoutStore","contentParams","getContentData","useContentLogic","pageContent","__temp","__restore","_withAsyncContext","useLazyAsyncData","providersList","providersGeneralCount","staticProviderInfo","staticProviderIdentity","_a","_b","requestParams","reactive","route","useRoute","param","filterProviders","providers","provider","getGameProviders","useCoreGamesApi","loadingProviders","getProviders","responseProviders","_d","_c","router","useRouter","updateQuery","onSearch","inputValue","onSort","onMounted"],"mappings":"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"}