{"version":3,"file":"FRKV7hl6.js","sources":["../../../../skeleton/components/loyalty/banner.client.vue","../../../../skeleton/components/loyalty/how-it-works.vue","../../../../skeleton/components/loyalty/rewards-slider-item.vue","../../../../skeleton/components/loyalty/rewards-slider.vue","../../../../skeleton/components/loyalty/rewards.vue","../../../../skeleton/components/loyalty/benefits-item.vue","../../../../skeleton/components/loyalty/benefits-tabs.vue","../../../../skeleton/components/loyalty/benefits-grid.vue","../../../../skeleton/components/loyalty/benefits.vue","../../../../skeleton/components/loyalty/faq.vue","../../../../skeleton/components/loyalty/terms.vue","../../../../skeleton/pages/loyalty.vue"],"sourcesContent":["<template>\n  <div class=\"loyalty-banner\" :style=\"backgroundGradientVars\">\n    <div class=\"loyalty-banner__container\">\n      <div class=\"loyalty-banner__content\">\n        <div class=\"loyalty-banner__title\">\n          {{ getContent(loyaltyContent, defaultLocaleLoyaltyContent, 'banner.title') }}\n        </div>\n\n        <div v-if=\"bannerSubtitle\" class=\"loyalty-banner__sub-title\">\n          {{ bannerSubtitle }}\n        </div>\n\n        <div class=\"loyalty-banner__description\">\n          {{ getContent(loyaltyContent, defaultLocaleLoyaltyContent, 'banner.description') }}\n        </div>\n\n        <div v-if=\"isLoggedIn\" class=\"loyalty-banner__loyalty\">\n          <div class=\"loyalty-banner__loyalty-level\">\n            <loyalty-avatar size=\"lg\" />\n            <div class=\"loyalty-banner__loyalty-nickname\">{{ userNickname }}</div>\n            <loyalty-progress />\n          </div>\n\n          <atomic-divider />\n\n          <button-base\n            type=\"primary\"\n            size=\"md\"\n            :url=\"loyaltyContent?.banner?.loyaltyActionButton?.url\"\n            :target-blank=\"loyaltyContent?.banner?.loyaltyActionButton?.targetBlank\"\n            @click=\"clickAction(loyaltyContent?.banner?.loyaltyActionButton?.url)\"\n          >\n            {{ getContent(loyaltyContent, defaultLocaleLoyaltyContent, 'banner.loyaltyActionButton.label') }}\n          </button-base>\n        </div>\n\n        <button-base v-else type=\"primary\" size=\"md\" @click=\"openModal('sign-in')\">\n          <atomic-icon v-if=\"loginButtonContent.icon\" :id=\"loginButtonContent.icon\" />\n          <span>{{ loginButtonContent.label }}</span>\n        </button-base>\n      </div>\n\n      <picture v-lazy-load  class=\"loyalty-banner__picture\">\n        <source :media=\"'(max-width: 1279px)'\" :data-srcset=\"desktopImageSrcSet\" />\n        <source :media=\"'(max-width: 2264px)'\" :data-srcset=\"mobileImageSrcSet\" />\n        <atomic-image\n          class=\"back\"\n          :src=\"getContent(loyaltyContent, defaultLocaleLoyaltyContent, 'banner.desktopImage')\"\n        />\n      </picture>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import type { ILoyaltyPage } from '~/types';\n  import { storeToRefs } from 'pinia';\n\n  const loyaltyContent = ref<Maybe<ILoyaltyPage>>(inject('loyaltyContent'));\n  const defaultLocaleLoyaltyContent = ref<Maybe<ILoyaltyPage>>(inject('defaultLocaleLoyaltyContent'));\n\n  const profileStore = useProfileStore();\n  const { isLoggedIn, userNickname } = storeToRefs(profileStore);\n  const { openModal, openWalletModal } = useModalStore();\n\n  const { createSrcSet, getContent } = useProjectMethods();\n\n  const bannerSubtitle = computed(() => {\n    return getContent(loyaltyContent.value, defaultLocaleLoyaltyContent.value, 'banner.subtitle');\n  });\n\n  const loginButtonContent = computed(() => {\n    const icon = getContent(loyaltyContent.value, defaultLocaleLoyaltyContent.value, 'banner.loginButton.icon');\n    const label = getContent(loyaltyContent.value, defaultLocaleLoyaltyContent.value, 'banner.loginButton.label');\n    return { icon, label };\n  });\n\n  const desktopImageSrcSet = computed(() => {\n    const image = getContent(loyaltyContent.value, defaultLocaleLoyaltyContent.value, 'banner.desktopImage');\n    if (image) return createSrcSet(image);\n    return '';\n  });\n\n  const mobileImageSrcSet = computed(() => {\n    const image = getContent(loyaltyContent.value, defaultLocaleLoyaltyContent.value, 'banner.mobileImage');\n    if (image) return createSrcSet(image);\n    return '';\n  });\n\n  const backgroundGradientVars = computed(() => {\n    const topColor = getContent(\n      loyaltyContent.value,\n      defaultLocaleLoyaltyContent.value,\n      'banner.bannerGradient.topColor'\n    );\n    const bottomColor = getContent(\n      loyaltyContent.value,\n      defaultLocaleLoyaltyContent.value,\n      'banner.bannerGradient.bottomColor'\n    );\n    if (topColor && bottomColor) return `--banner-color-top: ${topColor}; --banner-color-bottom: ${bottomColor})`;\n    return null;\n  });\n\n  const loadModal = ref(false);\n  const clickAction = async (urlLink: string | undefined): Promise<void> => {\n    if (urlLink || loadModal.value) return;\n    loadModal.value = true;\n    await openWalletModal('deposit');\n    loadModal.value = false;\n  };\n</script>\n\n<style src=\"~/assets/styles/components/loyalty/banner.scss\" lang=\"scss\" />\n","<template>\n  <div class=\"loyalty-how-it-works\">\n    <div class=\"loyalty-how-it-works__title\">\n      {{ getContent(loyaltyContent, defaultLocaleLoyaltyContent, 'howItWorks.title') }}\n    </div>\n\n    <div class=\"loyalty-how-it-works__description\">\n      {{ getContent(loyaltyContent, defaultLocaleLoyaltyContent, 'howItWorks.description') }}\n    </div>\n\n    <div class=\"loyalty-how-it-works__container\">\n      <atomic-image\n        :src=\"getContent(loyaltyContent, defaultLocaleLoyaltyContent, 'howItWorks.image')\"\n        class=\"loyalty-how-it-works__image\"\n      />\n\n      <ul v-if=\"listItems.length\" class=\"loyalty-how-it-works__list\">\n        <li\n          v-for=\"(item, index) in listItems\"\n          :key=\"index\"\n          class=\"loyalty-how-it-works__list-item\"\n          :class=\"{ 'is-numeric': !item.image }\"\n        >\n          <atomic-image v-if=\"item.image\" class=\"loyalty-how-it-works__list-item-icon\" :src=\"item.image\" />\n\n          <div v-else class=\"loyalty-how-it-works__list-item-icon\">\n            {{ index + 1 }}\n          </div>\n\n          <div class=\"loyalty-how-it-works__list-item-content\">\n            <div class=\"loyalty-how-it-works__list-item-title\">\n              {{ item.title }}\n            </div>\n\n            <div class=\"loyalty-how-it-works__list-item-description\">\n              {{ item.description }}\n            </div>\n          </div>\n        </li>\n      </ul>\n    </div>\n\n    <button-base type=\"primary\" size=\"lg\" @click=\"clickButton\">\n      {{ getContent(loyaltyContent, defaultLocaleLoyaltyContent, 'howItWorks.button') }}\n    </button-base>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import { storeToRefs } from 'pinia';\n  import type { ILoyaltyPage } from '~/types';\n\n  const loyaltyContent = ref<Maybe<ILoyaltyPage>>(inject('loyaltyContent'));\n  const defaultLocaleLoyaltyContent = ref<Maybe<ILoyaltyPage>>(inject('defaultLocaleLoyaltyContent'));\n  const listItems = computed(() => {\n    return getContent(loyaltyContent.value, defaultLocaleLoyaltyContent.value, 'howItWorks.items') || [];\n  });\n\n  const profileStore = useProfileStore();\n  const { isLoggedIn } = storeToRefs(profileStore);\n  const { openModal, openWalletModal } = useModalStore();\n\n  const { getContent } = useProjectMethods();\n\n  const loadingModal = ref(false);\n  const clickButton = async (): Promise<void> => {\n    if (loadingModal.value) return;\n\n    loadingModal.value = true;\n    if (isLoggedIn.value) await openWalletModal('deposit');\n    else await openModal('sign-in');\n    loadingModal.value = false;\n  };\n</script>\n\n<style src=\"~/assets/styles/components/loyalty/how-it-works.scss\" lang=\"scss\" />\n","<template>\n  <div class=\"loyalty-rewards-slider__item\" :class=\"orderClass\">\n    <div class=\"loyalty-rewards-slider__item-header\">\n      <div class=\"loyalty-rewards-slider__item-images\">\n        <loyalty-level-logo :level=\"props.level.order\" />\n\n        <div class=\"loyalty-rewards-slider__item-icon\">\n          <atomic-image :src=\"levelIcon\" />\n        </div>\n      </div>\n\n      <div class=\"loyalty-rewards-slider__item-title\">\n        <span class=\"loyalty-rewards-slider__item-title-text\">{{ props.level.name }}</span>\n        <span class=\"loyalty-rewards-slider__item-title-number\">{{ props.level.order }}</span>\n      </div>\n\n      <div class=\"loyalty-rewards-slider__item-status-points\">\n        <div class=\"loyalty-rewards-slider__item-status-points-label\">\n          <span>\n            {{ getContent(loyaltyContent, defaultLocaleLoyaltyContent, 'rewards.statusPointsLabel') }}\n          </span>\n\n          <atomic-icon id=\"info\" @click=\"openModal('loyalty-earn')\" />\n        </div>\n\n        <div class=\"loyalty-rewards-slider__item-status-points-value\">\n          {{ props.level.points }}\n        </div>\n      </div>\n    </div>\n\n    <div class=\"loyalty-rewards-slider__item-content\">\n      <div v-for=\"(reward, index) in levelRewards\" :key=\"index\" class=\"loyalty-rewards-slider__item-reward\">\n        <div class=\"loyalty-rewards-slider__item-reward-value\" :class=\"{ '--is-empty': !reward.value }\">\n          {{ reward.value || '-' }}\n        </div>\n\n        <div class=\"loyalty-rewards-slider__item-reward-label\">\n          {{ reward.label }}\n        </div>\n      </div>\n\n      <atomic-divider v-if=\"levelRewards.length && levelBenefits.length\" class=\"loyalty-rewards-slider__item-divider\" />\n\n      <loyalty-level-benefits v-if=\"levelBenefits.length\" :levelBenefits=\"levelBenefits\" />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import type { ILoyaltyLevel } from '@skeleton/core/types';\n  import type { ILoyaltyPage } from '~/types';\n\n  const props = defineProps<{\n    level: ILoyaltyLevel;\n  }>();\n\n  const loyaltyContent = ref<Maybe<ILoyaltyPage>>(inject('loyaltyContent'));\n  const defaultLocaleLoyaltyContent = ref<Maybe<ILoyaltyPage>>(inject('defaultLocaleLoyaltyContent'));\n\n  const profileStore = useProfileStore();\n  const { isLoggedIn } = storeToRefs(profileStore);\n  const loyaltyStore = useLoyaltyStore();\n  const { loyaltyAccount } = storeToRefs(loyaltyStore);\n  const { getContent } = useProjectMethods();\n  const { openModal } = useModalStore();\n\n  const completedLevelIcon = computed(() => {\n    return getContent(loyaltyContent.value, defaultLocaleLoyaltyContent.value, 'rewards.completedIcon');\n  });\n\n  const activeLevelIcon = computed(() => {\n    return getContent(loyaltyContent.value, defaultLocaleLoyaltyContent.value, 'rewards.activeIcon');\n  });\n\n  const lockedLevelIcon = computed(() => {\n    return getContent(loyaltyContent.value, defaultLocaleLoyaltyContent.value, 'rewards.lockedIcon');\n  });\n\n  const cardStatus = computed<'completed' | 'active' | 'locked'>(() => {\n    if (!isLoggedIn.value) return props.level.order === 1 ? 'active' : 'locked';\n\n    const currenLevel = loyaltyAccount.value?.currentLevel?.order;\n    if (currenLevel) {\n      if (currenLevel > props.level.order) return 'completed';\n      if (currenLevel < props.level.order) return 'locked';\n      return 'active';\n    } else return 'locked';\n  });\n\n  const levelIcon = computed(() => {\n    if (cardStatus.value === 'completed') return completedLevelIcon.value;\n    if (cardStatus.value === 'active') return activeLevelIcon.value;\n    return lockedLevelIcon.value;\n  });\n\n  const levelRewards = computed(() => {\n    const contentRewards = getContent(loyaltyContent.value, defaultLocaleLoyaltyContent.value, 'rewards.levelsRewards');\n    return contentRewards?.[props.level.order - 1]?.rewards || [];\n  });\n\n  const levelBenefits = computed(() => {\n    const contentBenefits = getContent(loyaltyContent.value, defaultLocaleLoyaltyContent.value, 'rewards.benefits');\n    if (!contentBenefits?.length) return [];\n    return contentBenefits.map((benefit: { label: string; levels?: string[] }) => ({\n      label: benefit.label,\n      checked: benefit.levels?.includes(String(props.level.order)),\n    }));\n  });\n\n  const orderClass = computed(() => `is-order-${cardStatus.value}`);\n</script>\n","<template>\n  <div\n    class=\"loyalty-rewards-slider__wrap\"\n    :class=\"{\n      'is-centered': isCentered,\n      'is-prev-disabled': isPrevDisabled,\n      'is-next-disabled': isNextDisabled,\n    }\"\n  >\n    <div ref=\"sliderNode\" class=\"loyalty-rewards-slider\">\n      <div class=\"loyalty-rewards-slider__viewport\">\n        <loyalty-rewards-slider-item v-for=\"level in props.levels\" :key=\"level.id\" :level=\"level\" />\n      </div>\n    </div>\n\n    <div class=\"loyalty-rewards-slider__btn is-prev\" @click=\"scrollPrev\">\n      <atomic-icon id=\"arrow_expand-close\" />\n    </div>\n\n    <div class=\"loyalty-rewards-slider__btn is-next\" @click=\"scrollNext\">\n      <atomic-icon id=\"arrow_expand-close\" />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import type { ILoyaltyLevel } from '@skeleton/core/types';\n  import emblaCarouselVue from 'embla-carousel-vue';\n\n  const props = defineProps<{\n    levels: ILoyaltyLevel[];\n  }>();\n\n  const isPrevDisabled = ref<boolean>(false);\n  const isNextDisabled = ref<boolean>(false);\n\n  const [sliderNode, emblaApi] = emblaCarouselVue({\n    loop: false,\n    align: 'center',\n  });\n\n  const isCentered = computed(() => isPrevDisabled.value && isNextDisabled.value);\n\n  const togglePrevNextButtons = () => {\n    isPrevDisabled.value = !emblaApi.value?.canScrollPrev();\n    isNextDisabled.value = !emblaApi.value?.canScrollNext();\n  };\n\n  const onSelectSlide = () => {\n    togglePrevNextButtons();\n  };\n\n  const scrollPrev = () => {\n    emblaApi.value?.scrollPrev();\n  };\n\n  const scrollNext = () => {\n    emblaApi.value?.scrollNext();\n  };\n\n  watchEffect(() => {\n    if (emblaApi.value) {\n      emblaApi.value.on('select', onSelectSlide);\n      emblaApi.value.on('resize', togglePrevNextButtons);\n      togglePrevNextButtons();\n    }\n  });\n</script>\n\n<style src=\"~/assets/styles/components/loyalty/rewards-slider.scss\" lang=\"scss\" />\n","<template>\n  <div class=\"loyalty-rewards\">\n    <div class=\"loyalty-rewards__title\">\n      {{ getContent(loyaltyContent, defaultLocaleLoyaltyContent, 'rewards.title') }}\n    </div>\n\n    <div class=\"loyalty-rewards__description\">\n      {{ getContent(loyaltyContent, defaultLocaleLoyaltyContent, 'rewards.description') }}\n    </div>\n\n    <client-only>\n      <loyalty-rewards-slider v-if=\"loyaltyLevels.length\" :levels=\"loyaltyLevels\" />\n    </client-only>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import type { ILoyaltyPage } from '~/types';\n  import type { ILoyaltyLevel } from '@skeleton/core/types';\n\n  const loyaltyContent = ref<Maybe<ILoyaltyPage>>(inject('loyaltyContent'));\n  const defaultLocaleLoyaltyContent = ref<Maybe<ILoyaltyPage>>(inject('defaultLocaleLoyaltyContent'));\n\n  const { getContent } = useProjectMethods();\n\n  const loyaltyLevels = ref<ILoyaltyLevel[]>([]);\n  const getLevels = async (): Promise<void> => {\n    try {\n      const { getLoyaltyLevels } = useCoreProfileApi();\n      const { data } = await getLoyaltyLevels({ sortBy: 'order', sortOrder: 'asc' });\n      loyaltyLevels.value = data;\n    } catch {\n      console.error('Failed to load loyalty levels');\n    }\n  };\n\n  onMounted(async () => {\n    await getLevels();\n  });\n</script>\n\n<style src=\"~/assets/styles/components/loyalty/rewards.scss\" lang=\"scss\" />\n","<template>\n  <div class=\"loyalty-benefits-item\">\n    <div class=\"loyalty-benefits-item__title\">{{ props.title }}</div>\n    <div class=\"loyalty-benefits-item__description\">{{ props.description }}</div>\n    <div class=\"loyalty-benefits-item__image\">\n      <atomic-image class=\"loyalty-benefits-item__image-back-bg\" src=\"/img/loyalty/default-level-bg.png\" />\n      <atomic-image :src=\"props.image\" class=\"loyalty-benefits-item__image-front-bg\" />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  const props = defineProps<{\n    title: string;\n    description: string;\n    image: string;\n  }>();\n</script>\n\n<style src=\"~/assets/styles/components/loyalty/benefits-item.scss\" lang=\"scss\" />\n","<template>\n  <div class=\"loyalty-benefits-tabs\">\n    <div\n      class=\"loyalty-benefits-tabs__nav\"\n      :class=\"{\n        'has-left-offset': hasLeftOffset,\n        'has-right-offset': hasRightOffset,\n      }\"\n    >\n      <div ref=\"scrollBlock\" class=\"loyalty-benefits-tabs__nav-scroll\" @scroll=\"handleScroll\">\n        <div\n          v-for=\"(tab, index) in props.tabs\"\n          :key=\"index\"\n          class=\"loyalty-benefits-tabs__nav-item\"\n          :class=\"{ 'is-active': index === selectedTabIndex }\"\n          @click=\"selectTab(index)\"\n        >\n          <atomic-image v-if=\"tab.tabImage\" class=\"loyalty-benefits-tabs__nav-item-image\" :src=\"tab.tabImage\" />\n          <div class=\"loyalty-benefits-tabs__nav-item-title\">{{ tab.tabLabel || index + 1 }}</div>\n        </div>\n      </div>\n    </div>\n\n    <div class=\"loyalty-benefits-tabs__items\" :class=\"{ 'is-numeric': props.numberedList }\">\n      <loyalty-benefits-item\n        v-for=\"(benefit, index) in activeTabContent\"\n        v-bind=\"benefit\"\n        :key=\"`tab-${selectedTabIndex}-benefit-${index}`\"\n      />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import type { IBenefitsTab } from '~/types';\n\n  const props = defineProps<{\n    tabs: IBenefitsTab[];\n    numberedList?: boolean;\n  }>();\n\n  const selectedTabIndex = ref<number>(0);\n  const scrollBlock = ref();\n  const hasLeftOffset = ref<boolean>(false);\n  const hasRightOffset = ref<boolean>(false);\n\n  const activeTabContent = computed(() => props.tabs[selectedTabIndex.value]?.benefits);\n\n  const selectTab = (tabIndex: number) => {\n    selectedTabIndex.value = tabIndex;\n  };\n\n  const handleScroll = (): void => {\n    const hasScroll = scrollBlock.value.scrollWidth > scrollBlock.value.clientWidth;\n    const scrolledToRight =\n      scrollBlock.value.scrollWidth - scrollBlock.value.scrollLeft !== scrollBlock.value.clientWidth;\n\n    hasLeftOffset.value = scrollBlock.value.scrollLeft !== 0;\n    hasRightOffset.value = hasScroll && scrolledToRight;\n  };\n\n  onMounted(() => {\n    handleScroll();\n  });\n</script>\n\n<style src=\"~/assets/styles/components/loyalty/benefits-tabs.scss\" lang=\"scss\" />\n","<template>\n  <div class=\"loyalty-benefits-grid\">\n    <div class=\"loyalty-benefits-grid__items\" :class=\"{ 'is-numeric': props.numberedList }\">\n      <loyalty-benefits-item v-for=\"(benefit, index) in props.items\" v-bind=\"benefit\" :key=\"index\" />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import type { IBenefitsTab } from '~/types';\n\n  const props = defineProps<{\n    items: IBenefitsTab['benefits'];\n    numberedList?: boolean;\n  }>();\n</script>\n\n<style src=\"~/assets/styles/components/loyalty/benefits-grid.scss\" lang=\"scss\" />\n","<template>\n  <div class=\"loyalty-benefits\">\n    <div class=\"loyalty-benefits__title\">\n      {{ getContent(loyaltyContent, defaultLocaleLoyaltyContent, 'benefits.title') }}\n    </div>\n\n    <div class=\"loyalty-benefits__description\">\n      {{ getContent(loyaltyContent, defaultLocaleLoyaltyContent, 'benefits.description') }}\n    </div>\n\n    <loyalty-benefits-tabs v-if=\"benefitsTabs.length > 1\" :tabs=\"benefitsTabs\" :numbered-list=\"numberedList\" />\n\n    <loyalty-benefits-grid\n      v-else-if=\"benefitsTabs.length && benefitsTabs[0].benefits.length\"\n      :items=\"benefitsTabs[0].benefits\"\n      :numbered-list=\"numberedList\"\n    />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import type { ILoyaltyPage } from '~/types';\n\n  const loyaltyContent = ref<Maybe<ILoyaltyPage>>(inject('loyaltyContent'));\n  const defaultLocaleLoyaltyContent = ref<Maybe<ILoyaltyPage>>(inject('defaultLocaleLoyaltyContent'));\n  const { getContent } = useProjectMethods();\n\n  const benefitsTabs = computed(() => {\n    return getContent(loyaltyContent.value, defaultLocaleLoyaltyContent.value, 'benefits.benefitsTabs') || [];\n  });\n\n  const numberedList = computed(() => {\n    return getContent(loyaltyContent.value, defaultLocaleLoyaltyContent.value, 'benefits.numberedList');\n  });\n</script>\n\n<style src=\"~/assets/styles/components/loyalty/benefits.scss\" lang=\"scss\" />\n","<template>\n  <div class=\"loyalty-faq\">\n    <div class=\"loyalty-faq__title\">\n      {{ getContent(loyaltyContent, defaultLocaleLoyaltyContent, 'faq.title') }}\n    </div>\n\n    <div class=\"loyalty-faq__description\">\n      {{ getContent(loyaltyContent, defaultLocaleLoyaltyContent, 'faq.description') }}\n    </div>\n\n    <div v-if=\"faqItems.length\" class=\"loyalty-faq__items\">\n      <div class=\"loyalty-faq__column\">\n        <expander\n          v-for=\"(item, itemIndex) in firstHalf\"\n          :key=\"itemIndex\"\n          :title=\"item.question\"\n          :content=\"item.answer\"\n        />\n      </div>\n\n      <div class=\"loyalty-faq__column\">\n        <expander\n          v-for=\"(item, itemIndex) in secondHalf\"\n          :key=\"itemIndex\"\n          :title=\"item.question\"\n          :content=\"item.answer\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import type { ILoyaltyPage } from '~/types';\n\n  const loyaltyContent = ref<Maybe<ILoyaltyPage>>(inject('loyaltyContent'));\n  const defaultLocaleLoyaltyContent = ref<Maybe<ILoyaltyPage>>(inject('defaultLocaleLoyaltyContent'));\n  const { getContent } = useProjectMethods();\n\n  const firstHalf = ref<ILoyaltyPage['faq']['items']>([]);\n  const secondHalf = ref<ILoyaltyPage['faq']['items']>([]);\n\n  const faqItems = computed(() => {\n    return getContent(loyaltyContent.value, defaultLocaleLoyaltyContent.value, 'faq.items') || [];\n  });\n\n  watch(\n    faqItems,\n    newValue => {\n      const middleIndex = Math.ceil(faqItems.value.length / 2);\n      firstHalf.value = newValue.slice(0, middleIndex);\n      secondHalf.value = newValue.slice(middleIndex);\n    },\n    { immediate: true }\n  );\n</script>\n\n<style src=\"~/assets/styles/components/loyalty/faq.scss\" lang=\"scss\" />\n","<template>\n  <div class=\"loyalty-terms\">\n    <div class=\"loyalty-terms__header\" :class=\"{ 'is-open': isOpen }\" @click=\"toggle\">\n      <div class=\"loyalty-terms__title\">{{ props.title }}</div>\n\n      <button-base type=\"ghost\" class=\"loyalty-terms__toggle\" @click.stop=\"toggle\">\n        <atomic-icon id=\"arrow_expand-open\" />\n      </button-base>\n    </div>\n\n    <div ref=\"contentElement\" class=\"loyalty-terms__content\" :style=\"styles\">\n      <atomic-text-editor :content=\"props.content\" />\n    </div>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  const props = defineProps<{\n    title: string;\n    content: string;\n  }>();\n\n  const isOpen = ref<boolean>(false);\n  const maxHeight = ref<number>(0);\n\n  const styles = computed(() => ({ '--max-height': isOpen.value ? `${maxHeight.value}px` : '0px' }));\n  const contentElement = ref<HTMLElement>();\n\n  const toggle = (): void => {\n    isOpen.value = !isOpen.value;\n    maxHeight.value = isOpen.value ? contentElement.value?.scrollHeight || 0 : 0;\n  };\n\n  onMounted(() => {\n    maxHeight.value = contentElement.value?.scrollHeight || 0;\n  });\n</script>\n\n<style src=\"~/assets/styles/components/loyalty/terms.scss\" lang=\"scss\" />\n","<template>\n  <div class=\"loyalty\">\n    <loyalty-banner />\n\n    <loyalty-how-it-works />\n\n    <loyalty-rewards />\n\n    <loyalty-benefits />\n\n    <loyalty-faq />\n\n    <loyalty-terms v-if=\"termsData?.title && termsData?.content\" v-bind=\"termsData\" />\n\n    <atomic-seo-text v-if=\"currentLocaleContent?.pageMeta?.seoText\" v-bind=\"currentLocaleContent.pageMeta.seoText\" />\n  </div>\n</template>\n\n<script setup lang=\"ts\">\n  import type { ILoyaltyPage } from '~/types';\n\n  const { getContent } = useProjectMethods();\n\n  const contentParams = {\n    contentKey: 'loyaltyPageContent',\n    contentRoute: ['pages', 'loyalty'],\n    isPage: true,\n  };\n  const { getContentData } = useContentLogic<ILoyaltyPage>(contentParams);\n  const { data: pageContent } = await useLazyAsyncData(getContentData);\n  const currentLocaleContent = computed(() => pageContent.value?.currentLocaleData);\n  const defaultLocaleContent = computed(() => pageContent.value?.defaultLocaleData);\n\n  provide('loyaltyContent', currentLocaleContent);\n  provide('defaultLocaleLoyaltyContent', defaultLocaleContent);\n\n  const termsData = computed<{ title: string; content: string } | undefined>(() => {\n    const currentLocaleTerms = getContent(currentLocaleContent.value, defaultLocaleContent.value, 'terms');\n    if (currentLocaleTerms?.title && currentLocaleTerms?.content) return currentLocaleTerms;\n    return undefined;\n  });\n</script>\n"],"names":["loyaltyContent","ref","inject","defaultLocaleLoyaltyContent","profileStore","useProfileStore","isLoggedIn","userNickname","storeToRefs","openModal","openWalletModal","useModalStore","createSrcSet","getContent","useProjectMethods","bannerSubtitle","computed","loginButtonContent","icon","label","desktopImageSrcSet","image","mobileImageSrcSet","backgroundGradientVars","topColor","bottomColor","loadModal","clickAction","urlLink","listItems","loadingModal","clickButton","props","__props","loyaltyStore","useLoyaltyStore","loyaltyAccount","completedLevelIcon","activeLevelIcon","lockedLevelIcon","cardStatus","currenLevel","_b","_a","levelIcon","levelRewards","contentRewards","levelBenefits","contentBenefits","benefit","orderClass","isPrevDisabled","isNextDisabled","sliderNode","emblaApi","emblaCarouselVue","isCentered","togglePrevNextButtons","onSelectSlide","scrollPrev","scrollNext","watchEffect","loyaltyLevels","getLevels","getLoyaltyLevels","useCoreProfileApi","data","onMounted","selectedTabIndex","scrollBlock","hasLeftOffset","hasRightOffset","activeTabContent","selectTab","tabIndex","handleScroll","hasScroll","scrolledToRight","benefitsTabs","numberedList","firstHalf","secondHalf","faqItems","watch","newValue","middleIndex","isOpen","maxHeight","styles","contentElement","toggle","contentParams","getContentData","useContentLogic","pageContent","__temp","__restore","_withAsyncContext","useLazyAsyncData","currentLocaleContent","defaultLocaleContent","provide","termsData","currentLocaleTerms"],"mappings":"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"}