{"version":3,"file":"async-module-home-custom-i-dn.d.m.'D7Sq3rS_'.js","sources":["../../../../../../src/modules/banners/components/CustomHomepageBanner/CustomHomepageBanner.vue","../../../../../../src/modules/banners/components/CustomHomepageBanners/CustomHomepageBanners.vue","../../../../../../src/modules/home/submodules/custom/pages/CustomHomeRoutePage/CustomHomeRoutePage.vue","../../../../../../src/modules/home/submodules/custom/prefetch/CustomHomePagePrefetch.ts"],"sourcesContent":["<script setup lang=\"ts\">\nimport { toRef } from 'vue';\n\nimport { BadgeKind, VBadge } from '@components/badge';\nimport { CustomBannerButton } from '@components/buttons';\nimport {\n  ObjectFitOption,\n  ObjectPosition,\n  VImage,\n} from '@components/image';\n\nimport type { BannerContent } from 'web/src/modules/banners/store/types';\nimport {\n  useBannerLocation,\n  useBannerTexts,\n} from 'web/src/modules/banners/components/composables';\n\nconst props = defineProps<{\n  banner: BannerContent;\n  isNt?: boolean;\n}>();\nconst bannerRef = toRef(props, 'banner');\n\nconst {\n  buttonText,\n} = useBannerTexts(bannerRef);\nconst {\n  href,\n  onClick,\n} = useBannerLocation(bannerRef);\n</script>\n\n<template>\n  <div v-auto-id=\"'CustomHomepageBanner'\"\n    :class=\"$style['custom-home-banner']\"\n    @click.stop.prevent=\"onClick\"\n  >\n    <VImage\n      v-if=\"banner.image\"\n      v-bind=\"banner.image\"\n      :object-fit=\"ObjectFitOption.COVER\"\n      :object-position=\"ObjectPosition.LEFT\"\n      :class=\"$style['custom-home-banner__image']\"\n    />\n    <div\n      :class=\"$style['custom-home-banner__info']\"\n    >\n      <div\n        v-if=\"buttonText\"\n        :class=\"$style['custom-home-banner__button']\"\n      >\n        <CustomBannerButton\n          v-if=\"buttonText\"\n          :text=\"buttonText\"\n          :href=\"href\"\n          is-full-width\n          is-big\n          :class=\"$style['custom-home-banner__button-btn']\"\n          @click.stop.prevent=\"onClick\"\n        />\n      </div>\n    </div>\n    <VBadge\n      v-if=\"isNt\"\n      label=\"DevIP\"\n      :kind=\"BadgeKind.SQUARE_ERROR\"\n      :class=\"$style['custom-home-banner__nt']\"\n    />\n  </div>\n</template>\n\n<style module lang=\"scss\">\n@include for-layout using($isDesktop) {\n  .custom-home-banner {\n    position: relative;\n    height: if($isDesktop, 232px, 222px);\n    overflow: hidden;\n    border-radius: 5px;\n\n    @include for-hover {\n      cursor: pointer;\n    }\n\n    &__image {\n      width: 100%;\n      height: 100%;\n    }\n\n    &__info {\n      position: absolute;\n      top: 32px;\n      bottom: if($isDesktop, 16px, 32px);\n      display: flex;\n      flex-direction: column;\n      gap: if($isDesktop, 12px, 4px);\n      width: if($isDesktop, 274px, 100%);\n      color: var(--DTextDefault);\n      text-align: center;\n\n      @if $isDesktop {\n        left: 32px;\n      }\n    }\n\n    &__button {\n      width: if($isDesktop, 100%, 275px);\n      margin: auto auto 0;\n    }\n\n    &__nt {\n      position: absolute;\n      top: 10px;\n      right: 10px;\n      height: 32px;\n      font-size: 27px;\n      line-height: 27px;\n    }\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { PaginationLocation } from 'web/src/components/FadeCarousel/enums';\nimport VFadeCarousel from 'web/src/components/FadeCarousel/VFadeCarousel/VFadeCarousel.vue';\nimport VFadeCarouselNavigationButtons from 'web/src/components/FadeCarousel/VFadeCarouselNavigationButtons/VFadeCarouselNavigationButtons.vue';\nimport VFadeCarouselPointsPagination from 'web/src/components/FadeCarousel/VFadeCarouselPointsPagination/VFadeCarouselPointsPagination.vue';\nimport VFadeCarouselSlide from 'web/src/components/FadeCarousel/VFadeCarouselSlide/VFadeCarouselSlide.vue';\nimport CustomHomepageBanner from 'web/src/modules/banners/components/CustomHomepageBanner/CustomHomepageBanner.vue';\nimport useMainBannerSectionRouteComponent\n  from 'web/src/modules/banners/components/MainBannerSectionRouteComponent/composables/useMainBannerSectionRouteComponent';\nimport { BannerLocation } from 'web/src/modules/banners/enums';\n\nconst {\n  currentGroup,\n} = useMainBannerSectionRouteComponent({\n  location: BannerLocation.TOP_CUSTOM_HOME_PAGE,\n});\n</script>\n\n<template>\n  <div v-auto-id=\"'CustomHomepageBanners'\"\n    v-if=\"currentGroup?.banners.length\"\n    :class=\"$style['custom-homepage-banners']\"\n  >\n    <VFadeCarousel\n      :autoplay-timeout=\"currentGroup.autoplayDelay\"\n    >\n      <VFadeCarouselSlide\n        v-for=\"(banner, index) in currentGroup.banners\"\n        :key=\"index\"\n        :current-slide-index=\"index\"\n      >\n        <CustomHomepageBanner\n          :banner=\"banner.content\"\n          :is-nt=\"banner.isNT\"\n        />\n      </VFadeCarouselSlide>\n      <template #pagination>\n        <VFadeCarouselNavigationButtons v-if=\"'1'\" />\n        <VFadeCarouselPointsPagination\n          :pagination-location=\"PaginationLocation.RIGHT\"\n        />\n      </template>\n    </VFadeCarousel>\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n.custom-homepage-banners {\n  position: relative;\n  overflow: hidden;\n\n  :global(img) {\n    user-select: none;\n    -webkit-user-drag: none;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport {\n  computed,\n  toRef,\n  watch,\n} from 'vue';\nimport { useRouter } from 'vue-router';\n\nimport {\n  CustomerBetType,\n  lobbyTypeHome,\n} from '@leon-hub/api-sdk';\nimport { CasinoRouteName, RouteName } from '@leon-hub/routing-config-names';\nimport { Events as AnalyticsEvent } from '@leon-hub/yandex-metrika';\n\nimport { EventActionGoogleAnalytics, useGoogleAnalytics } from '@core/analytics';\nimport { useIsLoggedIn } from '@core/auth';\nimport { useCustomerBetTypeStore, useCustomerDataStore } from '@core/customer';\nimport { useSiteConfigStore } from '@core/site-config';\n\nimport type { LobbySkeletonItem } from 'web/src/modules/lobby/types';\nimport CustomHomepageBanners from 'web/src/modules/banners/components/CustomHomepageBanners/CustomHomepageBanners.vue';\nimport { useKeepAlive } from 'web/src/modules/core/composables/keep-alive';\nimport ShowcaseNavigationRouteComponent from 'web/src/modules/home/submodules/showcase/ShowcaseNavigationRouteComponent.vue';\nimport LobbyBlock from 'web/src/modules/lobby/components/LobbyBlock/LazyLobbyBlock';\n\nconst router = useRouter();\nconst customerDataStore = useCustomerDataStore();\nconst { pushGTM } = useGoogleAnalytics();\nconst { isLoggedIn } = useIsLoggedIn();\n\nconst betType = toRef(useCustomerBetTypeStore(), 'betType');\nconst egsSkeletons = toRef(useSiteConfigStore(), 'egsSkeletons');\nconst customerId = toRef(() => customerDataStore.customerData?.customerLogin);\nconst skeletons = computed<LobbySkeletonItem[]>(() => (\n  egsSkeletons.value?.home ?? []\n));\n\nif (null) {\n  watch(betType, (newValue) => {\n    if (newValue) {\n      void router.replace({\n        name: newValue === CustomerBetType.SPORT ? RouteName.SPORTLINE_TOP_EVENTS : CasinoRouteName.CASINO_LOBBY,\n      });\n    }\n  }, { immediate: true });\n}\n\nuseKeepAlive();\n\nfunction sendAnalyticsNewHomePageView(): void {\n  pushGTM(AnalyticsEvent.NEW_HOMEPAGE_VIEW, {\n    event: AnalyticsEvent.NEW_HOMEPAGE_VIEW,\n    event_category: 'New homepage',\n    event_action: EventActionGoogleAnalytics.PAGE_VIEW,\n  });\n}\n\nwatch(customerId, (newValue) => {\n  if (isLoggedIn.value && !newValue) {\n    return;\n  }\n\n  sendAnalyticsNewHomePageView();\n}, {\n  immediate: true,\n});\n</script>\n\n<template>\n  <div v-auto-id=\"'CustomHomeRoutePage'\" :class=\"$style['custom-home']\">\n    <CustomHomepageBanners\n      :class=\"$style['custom-home__banners']\"\n    />\n    <ShowcaseNavigationRouteComponent\n      is-custom-homepage\n      :class=\"$style['custom-home__showcase']\"\n    />\n    <LobbyBlock\n      :lobby-type=\"lobbyTypeHome\"\n      :skeletons=\"skeletons\"\n      prevent-items-fetch\n      is-custom-homepage\n      is-full-height\n    />\n  </div>\n</template>\n\n<style lang=\"scss\" module>\n@include for-layout using ($isDesktop) {\n  .custom-home {\n    @include limit-content-width($isDesktop);\n\n    padding: if($isDesktop, 0 16px, 0);\n\n    @if $isDesktop {\n      overflow: hidden;\n    }\n\n    &__banners {\n      margin-bottom: 16px;\n\n      @if not $isDesktop {\n        padding: 0 8px;\n        margin-top: 8px;\n      }\n    }\n  }\n}\n</style>\n","import {\n  customerBetTypeSport,\n  lobbyTypeHome,\n} from '@leon-hub/api-sdk';\nimport { CasinoRouteName, RouteName } from '@leon-hub/routing-config-names';\n\nimport type { AbstractPrefetchResult } from '@core/router';\nimport { useCustomerBetTypeStore } from '@core/customer';\nimport { AbstractPrefetch } from '@core/router';\n\nimport { useLobbyStore } from 'web/src/modules/lobby/store';\n\nexport default class CustomHomePagePrefetch extends AbstractPrefetch {\n  prefetch(): AbstractPrefetchResult {\n    const betTypeStore = useCustomerBetTypeStore();\n\n    if (betTypeStore.betType) {\n      return ({\n        name: betTypeStore.betType === customerBetTypeSport ? RouteName.SPORTLINE_TOP_EVENTS : CasinoRouteName.CASINO_LOBBY,\n      });\n    }\n\n    const { getLobbyItems, loadLobbyItems } = useLobbyStore();\n    const items = getLobbyItems(lobbyTypeHome);\n    if (!items.value.length) {\n      void loadLobbyItems({\n        type: lobbyTypeHome,\n      });\n    }\n  }\n}\n"],"names":["bannerRef","toRef","__props","buttonText","useBannerTexts","href","onClick","useBannerLocation","currentGroup","useMainBannerSectionRouteComponent","BannerLocation","useRouter","customerDataStore","useCustomerDataStore","pushGTM","useGoogleAnalytics","isLoggedIn","useIsLoggedIn","useCustomerBetTypeStore","egsSkeletons","useSiteConfigStore","customerId","skeletons","computed","useKeepAlive","sendAnalyticsNewHomePageView","AnalyticsEvent","EventActionGoogleAnalytics","watch","newValue","CustomHomePagePrefetch","AbstractPrefetch","betTypeStore","customerBetTypeSport","RouteName","CasinoRouteName","getLobbyItems","loadLobbyItems","useLobbyStore","lobbyTypeHome"],"mappings":"u8BAqBM,MAAAA,EAAYC,EAJJC,EAIiB,QAAQ,EAEjC,CACJ,WAAAC,CAAA,EACEC,EAAeJ,CAAS,EACtB,CACJ,KAAAK,EACA,QAAAC,CAAA,EACEC,EAAkBP,CAAS,myCClBzB,KAAA,CACJ,aAAAQ,GACEC,EAAmC,CACrC,SAAUC,GAAe,oBAAA,CAC1B,2uBCWcC,EAAU,EACzB,MAAMC,EAAoBC,EAAqB,EACzC,CAAE,QAAAC,CAAQ,EAAIC,EAAmB,EACjC,CAAE,WAAAC,CAAW,EAAIC,EAAc,EAErBhB,EAAMiB,EAAwB,EAAG,SAAS,EAC1D,MAAMC,EAAelB,EAAMmB,EAAmB,EAAG,cAAc,EACzDC,EAAapB,EAAM,IAAMW,EAAkB,cAAc,aAAa,EACtEU,EAAYC,EAA8B,IAC9CJ,EAAa,OAAO,MAAQ,EAC7B,EAYYK,GAAA,EAEb,SAASC,GAAqC,CAC5CX,EAAQY,EAAe,kBAAmB,CACxC,MAAOA,EAAe,kBACtB,eAAgB,eAChB,aAAcC,EAA2B,SAAA,CAC1C,CAAA,CAGGC,OAAAA,EAAAP,EAAaQ,GAAa,CAC1Bb,EAAW,OAAS,CAACa,GAIIJ,EAAA,CAAA,EAC5B,CACD,UAAW,EAAA,CACZ,sqBCtDD,MAAqBK,WAA+BC,CAAiB,CACnE,UAAmC,CACjC,MAAMC,EAAed,EAAwB,EAE7C,GAAIc,EAAa,QACP,MAAA,CACN,KAAMA,EAAa,UAAYC,EAAuBC,EAAU,qBAAuBC,EAAgB,YACzG,EAGF,KAAM,CAAE,cAAAC,EAAe,eAAAC,CAAe,EAAIC,GAAc,EAC1CF,EAAcG,CAAa,EAC9B,MAAM,QACVF,EAAe,CAClB,KAAME,CAAA,CACP,CACH,CAEJ"}