{"version":3,"file":"CAaxP3jk.js","sources":["../../../../stores/hotMatch.js","../../../../components/tha/common/categoryCard/index.vue","../../../../components/tha/blocks/categoryGame/index.vue","../../../../components/blocks/liveCasinosV3/index.vue","../../../../virtual:public?%2Fassets%2Fimg%2Fhot-match%2Ffc_sample.jpg","../../../../components/blocks/footballHotMatch/loader.vue","../../../../components/blocks/footballHotMatch/bti.vue","../../../../components/blocks/footballHotMatch/index.vue","../../../../components/tha/blocks/hotGame/index.vue","../../../../components/tha/blocks/partners-v2/index.vue","../../../../pages/index.vue"],"sourcesContent":["import { defineStore } from 'pinia'\nimport useCustomFetch from '~/composables/useCustomFetch'\nimport { STATUS_OK } from '~/constants/apiStatus'\n\nexport const useHotMatchesStore = defineStore('hotMatchesStore', () => {\n    const fetcher = useCustomFetch()\n\n    const hotMatches = ref([])\n    const getHotMatches = async (queryParams) => {\n        try {\n            const { data } = await fetcher.getPromotion(\n                '/hotmatch',\n                queryParams\n            )\n            if (data.value?.status === STATUS_OK) {\n                hotMatches.value = data.value.data\n            }\n        } catch (error) {\n            console.log('gamesStore', error)\n        }\n    }\n\n    const hotMatchesBti = ref([])\n    const getHotMatchesBti = async (queryParams) => {\n        try {\n            const { data } = await fetcher.getPromotion(\n                '/bti/hotmatch',\n                queryParams\n            )\n            if (data.value?.status === STATUS_OK) {\n                hotMatchesBti.value = data.value.data\n            }\n        } catch (error) {\n            console.log('gamesStore', error)\n        }\n    }\n\n    return {\n        getHotMatches,\n        hotMatches,\n\n        getHotMatchesBti,\n        hotMatchesBti,\n    }\n})\n","<template>\n    <div\n        class=\"relative h-auto overflow-hidden rounded-md duration-200 hover:scale-105\"\n    >\n        <NuxtLink :to=\"game?.link\">\n            <img\n                :src=\"`${staticUrl}/assets/img/home/category-game/${game?.thumb}`\"\n                class=\"aspect-auto-[465/300] w-full\"\n                :alt=\"game?.title\"\n                loading=\"lazy\"\n            />\n        </NuxtLink>\n    </div>\n</template>\n<script setup>\nconst staticUrl = useRuntimeConfig().public.staticUrl\ndefineProps({\n    game: {\n        type: Object,\n        default: () => ({}),\n    },\n})\n</script>\n<style lang=\"scss\" scoped></style>\n","<template>\n    <div class=\"my-10 min-h-[175px]\">\n        <div\n            class=\"mb-5 text-lg font-bold capitalize leading-normal text-black\"\n        >\n            {{ $t('home.highlight_game') }}\n        </div>\n        <div class=\"grid gap-5 md:grid-cols-4\">\n            <ThaCommonCategoryCard\n                v-for=\"(game, idx) in games\"\n                :key=\"idx\"\n                :game=\"game\"\n            />\n        </div>\n    </div>\n</template>\n<script setup>\nconst games = [\n    {\n        link: '/sports',\n        thumb: 'sportbooks.png',\n        title: 'sportbooks',\n    },\n    {\n        link: '/games/tables?partner=',\n        thumb: 'casino.png',\n        title: 'live casino',\n    },\n    {\n        link: '/casino/all?partner=',\n        thumb: 'casino2.png',\n        title: 'casino games',\n    },\n    {\n        link: '/games/lottery?partner=',\n        thumb: 'lottery.png',\n        title: 'lottery',\n    },\n]\n</script>\n<style lang=\"scss\" scoped></style>\n","<template>\n    <div class=\"pt-4 lg:pt-0\">\n        <div class=\"mb-2 justify-between lg:mb-5 lg:flex\">\n            <div class=\"text-sm font-bold lg:text-lg\">\n                {{ $t('header.nav_menu.live_casino') }}\n            </div>\n            <ThaCommonViewMore\n                :link=\"`/casino/all?partner=`\"\n                class=\"hidden lg:flex\"\n            />\n        </div>\n        <div\n            class=\"no-scrollbar mx-auto flex w-full gap-2 overflow-x-scroll md:grid md:grid-cols-5 lg:overflow-visible\"\n        >\n            <div\n                v-for=\"(item, index) in listCasino\"\n                :key=\"item.id\"\n                class=\"loader-image relative max-w-full flex-none duration-200 hover:cursor-pointer lg:hover:scale-105\"\n                @click=\"$router.push(item.link)\"\n            >\n                <img\n                    :src=\"item.img\"\n                    :alt=\"`live-casino-${index}`\"\n                    class=\"mx-auto hidden md:flex\"\n                    loading=\"eager\"\n                />\n                <img\n                    :src=\"item.img_mb\"\n                    :alt=\"`live-casino-${index}-mb`\"\n                    class=\"mx-auto max-w-[125px] md:hidden\"\n                    loading=\"eager\"\n                />\n            </div>\n        </div>\n    </div>\n</template>\n<script setup>\nconst staticUrl = useRuntimeConfig().public.staticUrl\nconst listCasino = ref([\n    {\n        id: 1,\n        link: '/casino/baccarat?partner=&filter=none',\n        title: 'baccarat',\n        img: `${staticUrl}/assets/img/live-casinos-v3/baccarat.png`,\n        img_mb: `${staticUrl}/assets/img/live-casinos-v3/baccarat_mb.png`,\n    },\n    {\n        id: 2,\n        link: '/casino/blackjack?partner=&filter=none',\n        title: 'blackjack',\n        img: `${staticUrl}/assets/img/live-casinos-v3/blackjack.png`,\n        img_mb: `${staticUrl}/assets/img/live-casinos-v3/blackjack_mb.png`,\n    },\n    {\n        id: 3,\n        link: '/casino/sicbo?partner=&filter=none',\n        title: 'sicbo',\n        img: `${staticUrl}/assets/img/live-casinos-v3/sicbo.png`,\n        img_mb: `${staticUrl}/assets/img/live-casinos-v3/sicbo_mb.png`,\n    },\n    {\n        id: 4,\n        link: '/casino/roulette?partner=&filter=none',\n        title: 'roulette',\n        img: `${staticUrl}/assets/img/live-casinos-v3/roulette.png`,\n        img_mb: `${staticUrl}/assets/img/live-casinos-v3/roulette_mb.png`,\n    },\n    {\n        id: 5,\n        link: '/casino/dragontiger?partner=&filter=none',\n        title: 'dragontiger',\n        img: `${staticUrl}/assets/img/live-casinos-v3/dragontiger.png`,\n        img_mb: `${staticUrl}/assets/img/live-casinos-v3/dragontiger_mb.png`,\n    },\n])\n</script>\n<style lang=\"scss\" scoped></style>\n","import { publicAssetsURL } from '#internal/nuxt/paths';export default publicAssetsURL(\"/assets/img/hot-match/fc_sample.jpg\")","<template>\n    <div\n        class=\"rounded-md border border-[#EAEBEB] bg-white p-[10px] font-semibold blur-sm md:mb-2 lg:shadow-none\"\n    >\n        <div class=\"flex items-center justify-between\">\n            <div\n                class=\"w-[50%] truncate text-[11px] font-medium text-[#737373] lg:w-[70%]\"\n            >\n                event\n            </div>\n            <div class=\"line-clamp-1 text-[11px] font-medium text-[#737373]\">\n                date/time\n            </div>\n        </div>\n        <div class=\"flex items-center justify-between\">\n            <img\n                src=\"/assets/img/hot-match/fc_sample.jpg\"\n                alt=\"fc_sample.jpg\"\n                class=\"h-[30px] w-[30px] rounded-full border bg-white object-contain p-1\"\n                onerror='this.onerror = null; this.src=\"/assets/img/hot-match/fc_sample.jpg\";'\n                loading=\"lazy\"\n            />\n\n            <div\n                class=\"my-1 flex w-[60%] flex-col items-center justify-center text-[12px] font-semibold lg:my-4\"\n            >\n                <div class=\"w-[100%] truncate text-center\">team</div>\n                <div class=\"w-[100%] truncate text-center\">team</div>\n            </div>\n            <img\n                src=\"/assets/img/hot-match/fc_sample.jpg\"\n                alt=\"fc_sample.jpg\"\n                class=\"h-[30px] w-[30px] rounded-full border bg-white object-contain p-1\"\n                onerror='this.onerror = null; this.src=\"/assets/img/hot-match/fc_sample.jpg\";'\n                loading=\"lazy\"\n            />\n        </div>\n\n        <div class=\"grid grid-cols-2 gap-x-[8px] gap-y-[4px]\">\n            <div\n                class=\"font-semibol flex min-h-[25px] items-center justify-around rounded-md bg-[#F7F7F7] pr-1 text-[12px]\"\n            >\n                <p class=\"w-[15%] text-center text-[#848484]\">H</p>\n                <p\n                    class=\"odds min-w-[25%] text-right tracking-[-1.2px] xs:tracking-[0.5px]\"\n                >\n                    0\n                </p>\n                <p\n                    class=\"odds odds-away min-w-[25%] text-right tracking-[-1.2px] xs:tracking-[0.5px]\"\n                >\n                    0\n                </p>\n            </div>\n\n            <div\n                class=\"font-semibol flex min-h-[25px] items-center justify-around rounded-md bg-[#F7F7F7] pr-1 text-[12px]\"\n            >\n                <p class=\"w-[15%] text-center text-[#848484]\">O</p>\n                <p\n                    class=\"odds min-w-[25%] text-right tracking-[-1.2px] xs:tracking-[0.5px]\"\n                >\n                    0\n                </p>\n                <p\n                    class=\"odds odds-away min-w-[25%] text-right tracking-[-1.2px] xs:tracking-[0.5px]\"\n                >\n                    0\n                </p>\n            </div>\n\n            <div\n                class=\"font-semibol flex min-h-[25px] items-center justify-around rounded-md bg-[#F7F7F7] pr-1 text-[12px]\"\n            >\n                <p class=\"w-[15%] text-center text-[#848484]\">A</p>\n                <p\n                    class=\"odds min-w-[25%] text-right tracking-[-1.2px] xs:tracking-[0.5px]\"\n                >\n                    0\n                </p>\n                <p\n                    class=\"odds odds-away min-w-[25%] text-right tracking-[-1.2px] xs:tracking-[0.5px]\"\n                >\n                    0\n                </p>\n            </div>\n\n            <div\n                class=\"font-semibol flex min-h-[25px] items-center justify-around rounded-md bg-[#F7F7F7] pr-1 text-[12px]\"\n            >\n                <p class=\"w-[15%] text-center text-[#848484]\">U</p>\n                <p\n                    class=\"odds min-w-[25%] text-right tracking-[-1.2px] xs:tracking-[0.5px]\"\n                >\n                    0\n                </p>\n                <p\n                    class=\"odds odds-away min-w-[25%] text-right tracking-[-1.2px] xs:tracking-[0.5px]\"\n                >\n                    0\n                </p>\n            </div>\n        </div>\n    </div>\n</template>\n","<template>\n    <div\n        class=\"relative w-full pb-4 lg:min-h-[240px] lg:bg-[url('/assets/img/hot-match/bg.png')] lg:py-10\"\n    >\n        <div class=\"container pr-0 lg:px-4\">\n            <div class=\"mb-2 justify-between lg:mb-5 lg:flex\">\n                <div class=\"text-sm font-bold lg:text-lg\">\n                    {{ $t('home.hot_match') }}\n                </div>\n                <ThaCommonViewMore class=\"hidden lg:block\" :link=\"`/sports`\" />\n            </div>\n\n            <div class=\"relative\">\n                <button\n                    id=\"prev-hot-match\"\n                    class=\"absolute left-[-13px] z-10 hidden h-7 w-7 lg:block\"\n                    aria-label=\"Previous match\"\n                ></button>\n                <button\n                    id=\"next-hot-match\"\n                    class=\"absolute right-[-13px] top-0 z-10 hidden h-7 w-7 lg:block\"\n                    aria-label=\"Next match\"\n                ></button>\n                <!-- loading animation -->\n                <div class=\"lg:!ml-0 lg:!p-0 lg:!py-0 lg:!pl-0\">\n                    <div\n                        v-show=\"hotMatchesBti.length == 0\"\n                        class=\"mx-auto grid items-center gap-4 md:grid-cols-2 lg:grid-cols-4\"\n                    >\n                        <BlocksFootballHotMatchLoader class=\"loader-image\" />\n                        <BlocksFootballHotMatchLoader\n                            class=\"loader-image hidden md:block\"\n                        />\n                        <BlocksFootballHotMatchLoader\n                            class=\"loader-image hidden lg:block\"\n                        />\n                        <BlocksFootballHotMatchLoader\n                            class=\"loader-image hidden lg:block\"\n                        />\n                    </div>\n                </div>\n\n                <Swiper\n                    v-show=\"hotMatchesBti.length > 0\"\n                    class=\"z-0 lg:!ml-0 lg:!p-0 lg:!py-0 lg:!pl-0\"\n                    auto-height\n                    :modules=\"[SwiperScrollbar, SwiperNavigation]\"\n                    :slides-per-view=\"1.1\"\n                    :space-between=\"8\"\n                    :breakpoints=\"{\n                        640: {\n                            slidesPerView: 2.3,\n                        },\n                        1024: {\n                            slidesPerView: 4,\n                            spaceBetween: 16,\n                        },\n                    }\"\n                    :navigation=\"{\n                        nextEl: `#next-hot-match`,\n                        prevEl: `#prev-hot-match`,\n                    }\"\n                >\n                    <SwiperSlide\n                        v-for=\"(item, index) in hotMatchesBti\"\n                        :key=\"index\"\n                        class=\"cursor-pointer rounded-lg border border-grey-100 bg-white p-4 font-semibold md:mb-2 lg:shadow-none\"\n                        @click=\"handleGetGameUrl(item)\"\n                    >\n                        <div class=\"flex items-center justify-between pb-2\">\n                            <div\n                                class=\"w-[60%] truncate text-[10px] font-medium text-grey-600 lg:w-[70%] lg:text-xs\"\n                            >\n                                {{ item.league_name }}\n                            </div>\n                            <div\n                                class=\"line-clamp-1 text-[10px] font-medium text-grey-600 lg:text-xs\"\n                            >\n                                {{ formatDate(item.text_time) }}\n                            </div>\n                        </div>\n                        <div class=\"mb-2 grid min-h-8 grid-cols-2\">\n                            <div class=\"flex items-center space-x-1\">\n                                <img\n                                    :src=\"item.teams[0].flag_thumbnail\"\n                                    :alt=\"item.teams[0].name\"\n                                    class=\"h-[20px] w-[20px] rounded-full border bg-white object-contain\"\n                                    onerror='this.onerror = null; this.src=\"/assets/img/hot-match/fc_sample.jpg\";'\n                                    loading=\"lazy\"\n                                />\n                                <div class=\"text-wrap text-left text-xs\">\n                                    {{ item.teams[0].name }}\n                                </div>\n                            </div>\n\n                            <div\n                                class=\"flex items-center justify-end space-x-1\"\n                            >\n                                <div class=\"text-right text-xs\">\n                                    {{ item.teams[1].name }}\n                                </div>\n                                <img\n                                    :src=\"item.teams[1].flag_thumbnail\"\n                                    :alt=\"item.teams[1].name\"\n                                    class=\"h-[20px] w-[20px] rounded-full border bg-white object-contain\"\n                                    onerror='this.onerror = null; this.src=\"/assets/img/hot-match/fc_sample.jpg\";'\n                                    loading=\"lazy\"\n                                />\n                            </div>\n                        </div>\n\n                        <div class=\"grid grid-cols-2 gap-2\">\n                            <!-- left up -->\n                            <div\n                                class=\"font-semibol flex items-center justify-around rounded-full bg-grey-100 py-1 text-xs\"\n                            >\n                                <p class=\"text-center text-grey-400\">H</p>\n                                <p\n                                    class=\"text-right tracking-[-1.2px] xs:tracking-[0.5px]\"\n                                >\n                                    {{ hdpHomeTeam(item).rate }}\n                                </p>\n                                <p\n                                    class=\"text-right tracking-[-1.2px] xs:tracking-[0.5px]\"\n                                >\n                                    {{ hdpHomeTeam(item).odds }}\n                                </p>\n                            </div>\n                            <!-- right up -->\n                            <div\n                                class=\"font-semibol flex items-center justify-around rounded-full bg-grey-100 py-1 text-xs\"\n                            >\n                                <p class=\"text-center text-grey-400\">O</p>\n                                <p\n                                    class=\"text-right tracking-[-1.2px] xs:tracking-[0.5px]\"\n                                >\n                                    {{ ouHomeTeam(item).rate }}\n                                </p>\n                                <p\n                                    class=\"text-right tracking-[-1.2px] xs:tracking-[0.5px]\"\n                                >\n                                    {{ ouHomeTeam(item).odds }}\n                                </p>\n                            </div>\n                            <!-- left down -->\n                            <div\n                                class=\"font-semibol flex items-center justify-around rounded-full bg-grey-100 py-1 text-xs\"\n                            >\n                                <p class=\"text-center text-grey-400\">A</p>\n                                <p\n                                    class=\"text-right tracking-[-1.2px] xs:tracking-[0.5px]\"\n                                >\n                                    {{ hdpAwayTeam(item).rate }}\n                                </p>\n                                <p\n                                    class=\"text-right tracking-[-1.2px] xs:tracking-[0.5px]\"\n                                >\n                                    {{ hdpAwayTeam(item).odds }}\n                                </p>\n                            </div>\n                            <!-- right down -->\n                            <div\n                                class=\"font-semibol flex items-center justify-around rounded-full bg-grey-100 py-1 text-xs\"\n                            >\n                                <p class=\"text-center text-grey-400\">U</p>\n                                <p\n                                    class=\"text-right tracking-[-1.2px] xs:tracking-[0.5px]\"\n                                >\n                                    {{ ouAwayTeam(item).rate }}\n                                </p>\n                                <p\n                                    class=\"text-right tracking-[-1.2px] xs:tracking-[0.5px]\"\n                                >\n                                    {{ ouAwayTeam(item).odds }}\n                                </p>\n                            </div>\n                        </div>\n                    </SwiperSlide>\n                </Swiper>\n            </div>\n        </div>\n    </div>\n</template>\n<script setup>\nimport dayjs from 'dayjs'\nimport {\n    useHotMatchesStore,\n    useAlertStore,\n    useModalStore,\n    useUserStore,\n    useGamesStore,\n} from '~/stores'\nimport { storeToRefs } from 'pinia'\nconst SPORT_LINK = '/btisports'\n\nconst alertStore = useAlertStore()\n\nconst hotMatchesStoreInstance = useHotMatchesStore()\nconst useUserStoreInstance = useUserStore()\nconst { hotMatchesBti } = storeToRefs(hotMatchesStoreInstance)\nconst { isLoggedIn } = storeToRefs(useUserStoreInstance)\nconst useModalStoreInstance = useModalStore()\nconst { showLoginModal } = storeToRefs(useModalStoreInstance)\nconst { getHotMatchesBti } = hotMatchesStoreInstance\nconst formatDate = (date) => {\n    return dayjs(date).format('HH:mm - DD/MM')\n}\n\nconst hdpHomeTeam = (item) => {\n    return item\n        ? {\n              odds: item?.hdp?.hTeam?.odds ?? 0,\n              rate: item?.hdp?.hTeam?.rate ?? 0,\n          }\n        : {\n              odds: 0,\n              rate: 0,\n          }\n}\n\nconst hdpAwayTeam = (item) => {\n    return item\n        ? {\n              odds: item?.hdp?.aTeam?.odds ?? 0,\n              rate: item?.hdp?.aTeam?.rate ?? 0,\n          }\n        : {\n              odds: 0,\n              rate: 0,\n          }\n}\n\nconst ouHomeTeam = (item) => {\n    return item\n        ? {\n              odds: item?.ou?.hTeam?.odds ?? 0,\n              rate: item?.ou?.hTeam?.rate ?? 0,\n          }\n        : {\n              odds: 0,\n              rate: 0,\n          }\n}\n\nconst ouAwayTeam = (item) => {\n    return item\n        ? {\n              odds: item?.ou?.aTeam?.odds ?? 0,\n              rate: item?.ou?.aTeam?.rate ?? 0,\n          }\n        : {\n              odds: 0,\n              rate: 0,\n          }\n}\nconst { isMobile } = useDevice()\nconst gameStoreInstance = useGamesStore()\nconst { getGameUrl } = gameStoreInstance\nconst handleGetGameUrl = async (payload) => {\n    const match_id = payload.match_id || ''\n    if (isLoggedIn.value) {\n        try {\n            const link = `${SPORT_LINK}?matchId=${match_id}`\n            if (isMobile) {\n                const toSend = {\n                    partnerProvider: 'bti',\n                    eventId: match_id,\n                }\n                const { data } = await getGameUrl(toSend)\n                if (data.value.status === 'OK') {\n                    const { url } = data.value.data\n                    setTimeout(() => {\n                        window.open(url, '_blank')\n                    })\n                }\n                return\n            } else {\n                navigateTo(link)\n            }\n        } catch (error) {\n            alertStore.showMessageError(error)\n        }\n    } else {\n        showLoginModal.value = true\n    }\n}\n\nonMounted(() => {\n    nextTick(async () => await getHotMatchesBti())\n})\n</script>\n<style lang=\"scss\" scoped>\n:deep() {\n    .swiper {\n        padding-right: 10px;\n    }\n}\n.hot-match {\n    background: url('/assets/img/hot-match/bg.png');\n    background-size: 100% 100%;\n}\n\n#prev-hot-match,\n#next-hot-match {\n    top: 50%;\n    background: url('/assets/icons/arrow-right.svg');\n}\n\n#prev-hot-match {\n    transform: translate(0, -50%) rotate(180deg);\n}\n\n#next-hot-match {\n    transform: translate(0, -50%);\n}\n\n#prev-hot-match.swiper-button-disabled,\n#next-hot-match.swiper-button-disabled {\n    background: url('/assets/icons/arrow-right-active.svg');\n}\n\n#prev-hot-match.swiper-button-disabled {\n    transform: translate(0, -50%) rotate(0deg);\n    cursor: not-allowed;\n}\n\n#next-hot-match.swiper-button-disabled {\n    transform: translate(0, -50%) rotate(180deg);\n    cursor: not-allowed;\n}\n.card-hot-match {\n    @media (max-width: 1024px) {\n        box-shadow: 0px 0px 3px 0px #00000014;\n    }\n}\n</style>\n","<template>\n    <div\n        class=\"relative w-full pb-4 lg:min-h-[240px] lg:bg-[url('/assets/img/hot-match/bg.png')] lg:py-10\"\n    >\n        <div class=\"container pr-0 lg:px-4\">\n            <div class=\"mb-2 justify-between lg:mb-5 lg:flex\">\n                <div class=\"text-sm font-bold lg:text-lg\">\n                    {{ $t('home.hot_match') }}\n                </div>\n                <ThaCommonViewMore class=\"hidden lg:block\" :link=\"`/sports`\" />\n            </div>\n\n            <div class=\"relative\">\n                <button\n                    id=\"prev-hot-match\"\n                    class=\"absolute left-[-13px] z-10 hidden h-7 w-7 lg:block\"\n                    aria-label=\"Previous match\"\n                ></button>\n                <button\n                    id=\"next-hot-match\"\n                    class=\"absolute right-[-13px] top-0 z-10 hidden h-7 w-7 lg:block\"\n                    aria-label=\"Next match\"\n                ></button>\n                <!-- loading animation -->\n                <div\n                    class=\"!ml-[10px] !py-[2px] !pl-[2px] lg:!ml-0 lg:!p-0 lg:!py-0 lg:!pl-0\"\n                >\n                    <div\n                        v-show=\"hotMatches.length == 0\"\n                        class=\"mx-auto grid items-center gap-4 md:grid-cols-2 lg:grid-cols-4\"\n                    >\n                        <BlocksFootballHotMatchLoader class=\"loader-image\" />\n                        <BlocksFootballHotMatchLoader\n                            class=\"loader-image hidden md:block\"\n                        />\n                        <BlocksFootballHotMatchLoader\n                            class=\"loader-image hidden lg:block\"\n                        />\n                        <BlocksFootballHotMatchLoader\n                            class=\"loader-image hidden lg:block\"\n                        />\n                    </div>\n                </div>\n                <Swiper\n                    v-show=\"hotMatches.length > 0\"\n                    class=\"z-0 lg:!ml-0 lg:!p-0 lg:!py-0 lg:!pl-0\"\n                    auto-height\n                    :modules=\"[SwiperScrollbar, SwiperNavigation]\"\n                    :slides-per-view=\"1.1\"\n                    :space-between=\"8\"\n                    :breakpoints=\"{\n                        640: {\n                            slidesPerView: 2.3,\n                        },\n                        1024: {\n                            slidesPerView: 4,\n                            spaceBetween: 16,\n                        },\n                    }\"\n                    :navigation=\"{\n                        nextEl: `#next-hot-match`,\n                        prevEl: `#prev-hot-match`,\n                    }\"\n                >\n                    <SwiperSlide\n                        v-for=\"(item, index) in hotMatches\"\n                        :key=\"index\"\n                        class=\"cursor-pointer rounded-lg border border-grey-100 bg-white p-4 font-semibold md:mb-2 lg:shadow-none\"\n                        @click=\"handleGetGameUrl(item)\"\n                    >\n                        <div class=\"flex items-center justify-between pb-2\">\n                            <div\n                                class=\"w-[60%] truncate text-[10px] font-medium text-grey-600 lg:w-[70%] lg:text-xs\"\n                            >\n                                {{ item.league_name }}\n                            </div>\n                            <div\n                                class=\"line-clamp-1 text-[10px] font-medium text-grey-600 lg:text-xs\"\n                            >\n                                {{ formatDate(item.text_time) }}\n                            </div>\n                        </div>\n                        <div class=\"mb-2 grid min-h-8 grid-cols-2\">\n                            <div class=\"flex items-center space-x-1\">\n                                <img\n                                    :src=\"item.teams[0].flag_thumbnail\"\n                                    :alt=\"item.teams[0].name\"\n                                    class=\"h-[20px] w-[20px] rounded-full border bg-white object-contain\"\n                                    onerror='this.onerror = null; this.src=\"/assets/img/hot-match/fc_sample.jpg\";'\n                                    loading=\"lazy\"\n                                />\n                                <div class=\"text-wrap text-left text-xs\">\n                                    {{ item.teams[0].name }}\n                                </div>\n                            </div>\n\n                            <div\n                                class=\"flex items-center justify-end space-x-1\"\n                            >\n                                <div class=\"text-right text-xs\">\n                                    {{ item.teams[1].name }}\n                                </div>\n                                <img\n                                    :src=\"item.teams[1].flag_thumbnail\"\n                                    :alt=\"item.teams[1].name\"\n                                    class=\"h-[20px] w-[20px] rounded-full border bg-white object-contain\"\n                                    onerror='this.onerror = null; this.src=\"/assets/img/hot-match/fc_sample.jpg\";'\n                                    loading=\"lazy\"\n                                />\n                            </div>\n                        </div>\n\n                        <div class=\"grid grid-cols-2 gap-2\">\n                            <!-- left up -->\n                            <div\n                                class=\"font-semibol flex items-center justify-around rounded-full bg-grey-100 py-1 text-xs\"\n                            >\n                                <p class=\"text-center text-grey-400\">H</p>\n                                <p\n                                    class=\"text-right tracking-[-1.2px] xs:tracking-[0.5px]\"\n                                >\n                                    {{ hdpHomeTeam(item).rate }}\n                                </p>\n                                <p\n                                    class=\"text-right tracking-[-1.2px] xs:tracking-[0.5px]\"\n                                >\n                                    {{ hdpHomeTeam(item).odds }}\n                                </p>\n                            </div>\n                            <!-- right up -->\n                            <div\n                                class=\"font-semibol flex items-center justify-around rounded-full bg-grey-100 py-1 text-xs\"\n                            >\n                                <p class=\"text-center text-grey-400\">O</p>\n                                <p\n                                    class=\"text-right tracking-[-1.2px] xs:tracking-[0.5px]\"\n                                >\n                                    {{ ouHomeTeam(item).rate }}\n                                </p>\n                                <p\n                                    class=\"text-right tracking-[-1.2px] xs:tracking-[0.5px]\"\n                                >\n                                    {{ ouHomeTeam(item).odds }}\n                                </p>\n                            </div>\n                            <!-- left down -->\n                            <div\n                                class=\"font-semibol flex items-center justify-around rounded-full bg-grey-100 py-1 text-xs\"\n                            >\n                                <p class=\"text-center text-grey-400\">A</p>\n                                <p\n                                    class=\"text-right tracking-[-1.2px] xs:tracking-[0.5px]\"\n                                >\n                                    {{ hdpAwayTeam(item).rate }}\n                                </p>\n                                <p\n                                    class=\"text-right tracking-[-1.2px] xs:tracking-[0.5px]\"\n                                >\n                                    {{ hdpAwayTeam(item).odds }}\n                                </p>\n                            </div>\n                            <!-- right down -->\n                            <div\n                                class=\"font-semibol flex items-center justify-around rounded-full bg-grey-100 py-1 text-xs\"\n                            >\n                                <p class=\"text-center text-grey-400\">U</p>\n                                <p\n                                    class=\"text-right tracking-[-1.2px] xs:tracking-[0.5px]\"\n                                >\n                                    {{ ouAwayTeam(item).rate }}\n                                </p>\n                                <p\n                                    class=\"text-right tracking-[-1.2px] xs:tracking-[0.5px]\"\n                                >\n                                    {{ ouAwayTeam(item).odds }}\n                                </p>\n                            </div>\n                        </div>\n                    </SwiperSlide>\n                </Swiper>\n            </div>\n        </div>\n    </div>\n</template>\n<script setup>\nimport dayjs from 'dayjs'\nimport { useHotMatchesStore, useAlertStore } from '~/stores'\nimport { storeToRefs } from 'pinia'\nconst SPORT_LINK = '/ksports'\n\nconst alertStore = useAlertStore()\n\nconst hotMatchesStoreInstance = useHotMatchesStore()\nconst { getHotMatches } = hotMatchesStoreInstance\n\nconst { hotMatches } = storeToRefs(hotMatchesStoreInstance)\nconst formatDate = (date) => {\n    return dayjs(date).format('HH:mm - DD/MM')\n}\n\nconst hdpHomeTeam = (item) => {\n    return item\n        ? {\n              odds: item?.hdp?.hTeam?.odds ?? 0,\n              rate: item?.hdp?.hTeam?.rate ?? 0,\n          }\n        : {\n              odds: 0,\n              rate: 0,\n          }\n}\n\nconst hdpAwayTeam = (item) => {\n    return item\n        ? {\n              odds: item?.hdp?.aTeam?.odds ?? 0,\n              rate: item?.hdp?.aTeam?.rate ?? 0,\n          }\n        : {\n              odds: 0,\n              rate: 0,\n          }\n}\n\nconst ouHomeTeam = (item) => {\n    return item\n        ? {\n              odds: item?.ou?.hTeam?.odds ?? 0,\n              rate: item?.ou?.hTeam?.rate ?? 0,\n          }\n        : {\n              odds: 0,\n              rate: 0,\n          }\n}\n\nconst ouAwayTeam = (item) => {\n    return item\n        ? {\n              odds: item?.ou?.aTeam?.odds ?? 0,\n              rate: item?.ou?.aTeam?.rate ?? 0,\n          }\n        : {\n              odds: 0,\n              rate: 0,\n          }\n}\nconst { isMobile } = useDevice()\nconst fetcher = useCustomFetch()\nconst handleGetGameUrl = async (payload) => {\n    const league_id = payload.league_id || ''\n    const match_id = payload.match_id || ''\n    try {\n        const link = `${SPORT_LINK}?leagueId=${league_id}&matchId=${match_id}`\n        if (isMobile) {\n            const { data } = await fetcher.get(\n                `/tp/ksportUrl?loginPath=ksports&login=true&leagueId=${league_id}&matchId=${match_id}`\n            )\n            if (data.value.status === 'OK') {\n                const { url } = data.value.data\n                setTimeout(() => {\n                    window.open(url, '_blank')\n                })\n            }\n        } else {\n            navigateTo(link)\n        }\n    } catch (error) {\n        alertStore.showMessageError(error)\n    }\n}\n\nonMounted(() => {\n    nextTick(async () => await getHotMatches())\n})\n</script>\n<style lang=\"scss\" scoped>\n:deep() {\n    .swiper {\n        padding-right: 10px;\n    }\n}\n.hot-match {\n    background: url('/assets/img/hot-match/bg.png');\n    background-size: 100% 100%;\n}\n\n#prev-hot-match,\n#next-hot-match {\n    top: 50%;\n    background: url('/assets/icons/arrow-right.svg');\n}\n\n#prev-hot-match {\n    transform: translate(0, -50%) rotate(180deg);\n}\n\n#next-hot-match {\n    transform: translate(0, -50%);\n}\n\n#prev-hot-match.swiper-button-disabled,\n#next-hot-match.swiper-button-disabled {\n    background: url('/assets/icons/arrow-right-active.svg');\n}\n\n#prev-hot-match.swiper-button-disabled {\n    transform: translate(0, -50%) rotate(0deg);\n    cursor: not-allowed;\n}\n\n#next-hot-match.swiper-button-disabled {\n    transform: translate(0, -50%) rotate(180deg);\n    cursor: not-allowed;\n}\n.card-hot-match {\n    @media (max-width: 1024px) {\n        box-shadow: 0px 0px 3px 0px #00000014;\n    }\n}\n</style>\n","<template>\n    <div class=\"relative mb-6 flex h-full w-full flex-col lg:mb-16 lg:mt-0\">\n        <div class=\"mb-2 h-auto justify-between lg:mb-5 lg:flex lg:flex-row\">\n            <div\n                class=\"mr-1 text-sm font-bold capitalize leading-tight text-black md:leading-normal lg:text-[18px]\"\n            >\n                {{ $t('home.popular_game') }}\n            </div>\n            <div class=\"hidden lg:block\">\n                <ThaCommonViewMore :link=\"`/games/slots?partner=`\" />\n            </div>\n        </div>\n        <div>\n            <div class=\"grid grid-cols-2 gap-2 lg:grid-cols-6 lg:gap-4\">\n                <template\n                    v-for=\"hotGame in hotGames.items\"\n                    :key=\"hotGame.partner_game_id\"\n                >\n                    <ThaCommonGameCard\n                        :data=\"hotGame\"\n                        :jackpotvalue=\"findJacpot(hotGame)\"\n                        @click=\"handleGetGameUrl(hotGame)\"\n                    />\n                </template>\n            </div>\n        </div>\n    </div>\n</template>\n<script setup>\nimport {\n    useGamesStore,\n    useAlertStore,\n    useJackpotStore,\n    useUserStore,\n    useModalStore,\n} from '~/stores'\nimport { storeToRefs } from 'pinia'\n\nconst alertStore = useAlertStore()\n\nconst gameStoreInstance = useGamesStore()\n\nconst { getGameUrl } = gameStoreInstance\n\nconst useJackpotStoreInstance = useJackpotStore()\nconst { jackpots } = storeToRefs(useJackpotStoreInstance)\nconst { isMobile } = useDevice()\nconst useUserStoreInstance = useUserStore()\nconst useModalStoreInstance = useModalStore()\nconst handleGetGameUrl = async (payload) => {\n    if (!useUserStoreInstance.isLoggedIn) {\n        useModalStoreInstance.showLoginModal = true\n        return\n    }\n    const toSend = {\n        partnerProvider: payload.partner_provider,\n        partnerGameId: payload.partner_game_id,\n    }\n    if (isMobile) {\n        const newtab = window.open('', '_blank')\n        try {\n            const { data } = await getGameUrl(toSend)\n            if (data?.value?.status === 'OK') {\n                const { url } = data.value.data\n                if (newtab) newtab.location.href = url\n            } else if (data?.value?.data?.url === '') {\n                if (newtab) newtab.close()\n                // NO URL recieved\n                alertStore.showMessageError({\n                    value: {\n                        statusCode: 'SHOW_MESSAGE',\n                        message: t('error.server_is_busy'),\n                    },\n                })\n            } else if (data.value === null) {\n                // no auth\n                if (newtab) newtab.close()\n            }\n        } catch (error) {\n            if (newtab) newtab.close()\n            alertStore.showMessageError(error)\n        }\n    } else {\n        const { data } = await getGameUrl(toSend)\n        if (data?.value?.status === 'OK') {\n            const { url } = data.value.data\n            navigateTo(url, {\n                open: {\n                    target: '_blank',\n                },\n            })\n        }\n    }\n}\nconst findJacpot = (game) => {\n    return jackpots.value[game.partner_game_id]\n}\nconst hotGames = ref([])\nconst { execute, data: hotGamesApi } = useApi(\n    '/game/search/?type=hot&limit=12',\n    {\n        pick: ['data', 'status'],\n        immediate: false,\n        onResponse({ response }) {\n            if (response._data?.status === 'OK') {\n                // TODO this one did not work on dev\n                // hotGames.value = response._data.data\n            }\n        },\n    }\n)\nawait execute()\nhotGames.value = hotGamesApi?.value?.data\n// refetch when language changes\nconst { locale } = useI18n()\nwatch(\n    () => locale.value,\n    async (newVal, oldVal) => {\n        if (newVal !== oldVal) {\n            await execute()\n            hotGames.value = hotGamesApi?.value?.data\n        }\n    },\n    { immediate: false, deep: false }\n)\n</script>\n\n<style lang=\"scss\" scoped>\n:deep() {\n    .loader-image {\n        background: none !important;\n    }\n}\n</style>\n","<template>\n    <div class=\"lg:py-10\">\n        <div\n            class=\"mb-2 text-sm font-bold capitalize leading-tight text-black md:leading-normal lg:mb-2 lg:text-lg\"\n        >\n            {{ $t('common.providers') }}\n        </div>\n        <div\n            class=\"no-scrollbar flex h-[110px] flex-col flex-wrap gap-2 overflow-x-scroll lg:grid lg:h-full lg:min-h-[247px] lg:grid-cols-9 lg:gap-4 lg:overflow-visible\"\n        >\n            <img\n                v-for=\"(partner, idx) in partners\"\n                :key=\"idx\"\n                :src=\"`${staticUrl}/assets/img/home/partner/v3/${partner.logo}`\"\n                class=\"h-[48px] w-[88px] rounded-xl bg-white lg:h-full lg:w-full\"\n                :class=\"{\n                    'cursor-pointer hover:scale-105': PARTNER_LINK === '1',\n                }\"\n                :alt=\"partner.alt\"\n                loading=\"lazy\"\n                @click=\"handleProviderClick(partner)\"\n            />\n        </div>\n    </div>\n</template>\n<script setup>\nimport { useModalStore, useAlertStore, useUserStore } from '~/stores'\nconst useUserStoreInstance = useUserStore()\nconst useAlertStoreInstance = useAlertStore()\nconst { isLoggedIn } = storeToRefs(useUserStoreInstance)\nconst useModalStoreInstance = useModalStore()\n\nconst { showLoginModal } = storeToRefs(useModalStoreInstance)\n\nconst staticUrl = useRuntimeConfig().public.staticUrl\nconst partners = [\n    {\n        link: '/ksports',\n        logo: 'logo-0.png',\n        alt: 'partner',\n        require_auth: false,\n        key: 'ksports',\n        api_url: '/tp/ksportUrl',\n    },\n    {\n        link: '/btisports',\n        logo: 'logo-1.png',\n        alt: 'partner',\n        require_auth: true,\n        key: 'btisports',\n        api_url: '/gameUrl?partnerProvider=bti',\n    },\n    {\n        link: '/casino/all?partner=evo',\n        logo: 'logo-2.png',\n        alt: 'partner',\n        require_auth: false,\n        key: false,\n    },\n    {\n        link: '/casino/all?partner=pragmatic',\n        logo: 'logo-3.png',\n        alt: 'partner',\n        require_auth: false,\n        key: false,\n    },\n    {\n        link: '/games/slots?partner=evoplay',\n        logo: 'logo-4.png',\n        alt: 'partner',\n        require_auth: false,\n        key: false,\n    },\n    {\n        link: '/casino/all?partner=vivo',\n        logo: 'logo-5.png',\n        alt: 'partner',\n        require_auth: false,\n        key: false,\n    },\n    {\n        link: '/games/slots?partner=playngo',\n        logo: 'logo-6.png',\n        alt: 'partner',\n        require_auth: false,\n        key: false,\n    },\n    {\n        link: '/casino/all?partner=mg',\n        logo: 'logo-7.png',\n        alt: 'partner',\n        require_auth: false,\n        key: false,\n    },\n    {\n        link: '/games/slots?partner=techplay',\n        logo: 'logo-8.png',\n        alt: 'partner',\n        require_auth: false,\n        key: false,\n    },\n    {\n        link: '/games/fishing?partner=jdb',\n        logo: 'logo-9.png',\n        alt: 'partner',\n        require_auth: false,\n        key: false,\n    },\n    // Betradar\n    {\n        link: '/betradar-sports',\n        logo: 'logo-10.png',\n        alt: 'partner',\n        require_auth: true,\n        key: 'betradar',\n        api_url: '/gameUrl?partnerProvider=betradar&partnerGameId=vfb',\n    },\n    // Digmaan\n    {\n        link: '/games/digmaan',\n        logo: 'logo-11.png',\n        alt: 'partner',\n        require_auth: true,\n        key: 'digmaan',\n        api_url: '/gameUrl?partnerProvider=cockfight&partnerGameId=lobby',\n    },\n    {\n        link: '/casino/all?partner=dreamgaming',\n        logo: 'logo-12.png',\n        alt: 'partner',\n        require_auth: false,\n        key: false,\n    },\n    {\n        link: '/casino/all?partner=ezugi',\n        logo: 'logo-13.png',\n        alt: 'partner',\n        require_auth: false,\n        key: false,\n    },\n    {\n        link: '/games/fishing?partner=fachai',\n        logo: 'logo-14.png',\n        alt: 'partner',\n        require_auth: false,\n        key: false,\n    },\n    {\n        link: '/games/instants?partner=ibc',\n        logo: 'logo-15.png',\n        alt: 'partner',\n        require_auth: false,\n        key: false,\n    },\n    // Inplay\n    {\n        link: '/im-sports',\n        logo: 'logo-16.png',\n        alt: 'partner',\n        require_auth: true,\n        key: 'im-sports',\n        api_url: '/gameUrl?partnerProvider=im&partnerGameId=esport',\n    },\n    {\n        link: '/games/fishing?partner=jili',\n        logo: 'logo-17.png',\n        alt: 'partner',\n        require_auth: false,\n        key: false,\n    },\n    {\n        link: '/casino/all?partner=kingmaker',\n        logo: 'logo-18.png',\n        alt: 'partner',\n        require_auth: false,\n        key: false,\n    },\n    {\n        link: '/games/slots?partner=qtech',\n        logo: 'logo-19.png',\n        alt: 'partner',\n        require_auth: false,\n        key: false,\n    },\n    {\n        link: '/games/tables?partner=netent',\n        logo: 'logo-20.png',\n        alt: 'partner',\n        require_auth: false,\n        key: false,\n    },\n    // {\n    //     link: '/games/slots?partner=pgsoft',\n    //     logo: 'logo-21.png',\n    //     alt: 'partner',\n    //     require_auth: false,\n    //     key: false,\n    // },\n    {\n        link: '/games/slots?partner=redtiger',\n        logo: 'logo-22.png',\n        alt: 'partner',\n        require_auth: false,\n        key: false,\n    },\n    // Saba\n    {\n        link: '/saba-sports',\n        logo: 'logo-23.png',\n        alt: 'partner',\n        require_auth: false,\n        key: 'saba-sports',\n        api_url: '/athena/sportUrl',\n    },\n    {\n        link: '/games/instants?partner=spribe',\n        logo: 'logo-24.png',\n        alt: 'partner',\n        require_auth: false,\n        key: false,\n    },\n    {\n        link: '/games/lottery?partner=askmelotto',\n        logo: 'logo-25.png',\n        alt: 'partner',\n        require_auth: false,\n        key: false,\n    },\n]\nconst { isMobile } = useDevice()\nconst localePath = useLocalePath()\nconst PARTNER_LINK = useRuntimeConfig().public.PARTNER_LINK\nconst handleProviderClick = async (partner) => {\n    if (PARTNER_LINK === '0') return\n    if (partner.require_auth && !isLoggedIn.value) {\n        showLoginModal.value = true\n        return\n    }\n    if (partner.key === false) {\n        navigateTo(partner.link)\n    }\n    if (partner.key === 'ksports') {\n        await handleSpecial(partner)\n    }\n    if (partner.key === 'btisports') {\n        await handleSpecial(partner)\n    }\n    if (partner.key === 'saba-sports') {\n        await handleSpecial(partner)\n    }\n    if (partner.key === 'im-sports') {\n        await handleSpecial(partner)\n    }\n    if (partner.key === 'betradar') {\n        await handleSpecial(partner)\n    }\n    if (partner.key === 'digmaan') {\n        // if mobile get url from api, open new tab\n        const newtab = window.open('', '_blank')\n        try {\n            // to be refactored\n            const { data } = await useFetch(partner.api_url, {\n                headers,\n                baseURL: '/api/v1',\n            })\n            if (data.value.status === 'OK') {\n                const { url } = data.value.data\n                if (newtab) newtab.location.href = url\n            } else {\n                if (newtab) newtab.close()\n                useAlertStoreInstance.showMessageError({\n                    value: {\n                        statusCode: 'SHOW_MESSAGE',\n                        message: t('error.server_is_busy'),\n                    },\n                })\n            }\n        } catch (error) {\n            console.log(error)\n\n            if (newtab) newtab?.close()\n        }\n    }\n}\nconst headers = useRequestHeaders(['cookie'])\nconst handleSpecial = async (item = {}) => {\n    // if desktop rout to page\n    if (!isMobile) {\n        navigateTo(localePath(item.link))\n        return\n    }\n    // if mobile get url from api, open new tab\n    try {\n        const newtab = window.open('', '_blank')\n        // to be refactored\n        const { data } = await useFetch(item.api_url, {\n            headers,\n            baseURL: '/api/v1',\n        })\n        if (data.value.status === 'OK') {\n            const { url } = data.value.data\n            if (newtab) newtab.location.href = url\n        } else {\n            if (newtab) newtab.close()\n            useAlertStoreInstance.showMessageError({\n                value: {\n                    statusCode: 'SHOW_MESSAGE',\n                    message: t('error.server_is_busy'),\n                },\n            })\n        }\n    } catch (error) {\n        if (newtab) newtab.close()\n        console.error(error)\n    }\n}\n</script>\n<style lang=\"scss\" scoped></style>\n","<template>\n    <div class=\"home-page\">\n        <div class=\"hidden lg:block\">\n            <ThaBlocksHomeSwiperV3 />\n        </div>\n        <!-- 4 Cards desktop -->\n        <!-- <div class=\"container my-10 hidden lg:block lg:min-h-[70px]\">\n            <BlocksMainCards />\n        </div> -->\n        <div class=\"container hidden lg:block\">\n            <ThaBlocksCategoryGame />\n        </div>\n        <div\n            class=\"container mb-4 min-h-[36.279vw] max-sm:pr-0 xs:min-h-[120px] lg:my-10 lg:hidden lg:px-4\"\n        >\n            <BlocksLiveCasinosV3 />\n        </div>\n\n        <div class=\"min-h-[130px] lg:min-h-[240px]\">\n            <BlocksFootballHotMatchBti\n                v-if=\"useRuntimeConfig().public.EVENT_EURO\"\n            />\n            <BlocksFootballHotMatch v-else />\n        </div>\n        <div\n            class=\"container mb-4 hidden min-h-[36.279vw] max-sm:pr-0 xs:min-h-[120px] lg:my-10 lg:flex lg:px-4\"\n        >\n            <BlocksLiveCasinosV3 />\n        </div>\n        <div class=\"container my-0 h-full lg:pb-0\">\n            <!-- 4 Cards desktop -->\n\n            <ThaBlocksHotGame />\n        </div>\n        <div class=\"ml-2 rounded-l-lg bg-grey-100 py-4 pl-4 lg:ml-0 lg:p-0\">\n            <div class=\"container pl-0 max-sm:pr-0\">\n                <ThaBlocksPartnersV2 />\n            </div>\n        </div>\n    </div>\n</template>\n\n<script setup>\n// import { useJackpotStore } from '~/stores'\n\n// const useJackpotStoreInstance = useJackpotStore()\n\n// onBeforeUnmount(() => {\n//     useJackpotStoreInstance.clearGetJackpots()\n// })\nonMounted(async () => {\n    // useJackpotStoreInstance.startGetJackpots()\n})\n</script>\n\n<style lang=\"scss\" scoped></style>\n"],"names":["useHotMatchesStore","defineStore","fetcher","useCustomFetch","hotMatches","ref","getHotMatches","queryParams","data","_a","STATUS_OK","error","hotMatchesBti","staticUrl","useRuntimeConfig","games","listCasino","_imports_0","publicAssetsURL","_sfc_render","_ctx","_cache","_openBlock","_createElementBlock","_hoisted_1","_createElementVNode","SPORT_LINK","alertStore","useAlertStore","hotMatchesStoreInstance","useUserStoreInstance","useUserStore","storeToRefs","isLoggedIn","useModalStoreInstance","useModalStore","showLoginModal","getHotMatchesBti","formatDate","date","dayjs","hdpHomeTeam","item","_b","_d","_c","hdpAwayTeam","ouHomeTeam","ouAwayTeam","isMobile","useDevice","gameStoreInstance","useGamesStore","getGameUrl","handleGetGameUrl","payload","match_id","link","toSend","url","navigateTo","onMounted","nextTick","league_id","useJackpotStoreInstance","useJackpotStore","jackpots","newtab","findJacpot","game","hotGames","execute","hotGamesApi","useApi","response","__temp","__restore","_withAsyncContext","locale","useI18n","watch","newVal","oldVal","useAlertStoreInstance","partners","localePath","useLocalePath","PARTNER_LINK","handleProviderClick","partner","handleSpecial","useFetch","headers","useRequestHeaders"],"mappings":"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CI,KAAM,WACN,KAAM,aACN,IAAK,UACL,aAAc,GACd,IAAK,UACL,QAAS,eACZ,EACD,CACI,KAAM,aACN,KAAM,aACN,IAAK,UACL,aAAc,GACd,IAAK,YACL,QAAS,8BACZ,EACD,CACI,KAAM,0BACN,KAAM,aACN,IAAK,UACL,aAAc,GACd,IAAK,EACR,EACD,CACI,KAAM,gCACN,KAAM,aACN,IAAK,UACL,aAAc,GACd,IAAK,EACR,EACD,CACI,KAAM,+BACN,KAAM,aACN,IAAK,UACL,aAAc,GACd,IAAK,EACR,EACD,CACI,KAAM,2BACN,KAAM,aACN,IAAK,UACL,aAAc,GACd,IAAK,EACR,EACD,CACI,KAAM,+BACN,KAAM,aACN,IAAK,UACL,aAAc,GACd,IAAK,EACR,EACD,CACI,KAAM,yBACN,KAAM,aACN,IAAK,UACL,aAAc,GACd,IAAK,EACR,EACD,CACI,KAAM,gCACN,KAAM,aACN,IAAK,UACL,aAAc,GACd,IAAK,EACR,EACD,CACI,KAAM,6BACN,KAAM,aACN,IAAK,UACL,aAAc,GACd,IAAK,EACR,EAED,CACI,KAAM,mBACN,KAAM,cACN,IAAK,UACL,aAAc,GACd,IAAK,WACL,QAAS,qDACZ,EAED,CACI,KAAM,iBACN,KAAM,cACN,IAAK,UACL,aAAc,GACd,IAAK,UACL,QAAS,wDACZ,EACD,CACI,KAAM,kCACN,KAAM,cACN,IAAK,UACL,aAAc,GACd,IAAK,EACR,EACD,CACI,KAAM,4BACN,KAAM,cACN,IAAK,UACL,aAAc,GACd,IAAK,EACR,EACD,CACI,KAAM,gCACN,KAAM,cACN,IAAK,UACL,aAAc,GACd,IAAK,EACR,EACD,CACI,KAAM,8BACN,KAAM,cACN,IAAK,UACL,aAAc,GACd,IAAK,EACR,EAED,CACI,KAAM,aACN,KAAM,cACN,IAAK,UACL,aAAc,GACd,IAAK,YACL,QAAS,kDACZ,EACD,CACI,KAAM,8BACN,KAAM,cACN,IAAK,UACL,aAAc,GACd,IAAK,EACR,EACD,CACI,KAAM,gCACN,KAAM,cACN,IAAK,UACL,aAAc,GACd,IAAK,EACR,EACD,CACI,KAAM,6BACN,KAAM,cACN,IAAK,UACL,aAAc,GACd,IAAK,EACR,EACD,CACI,KAAM,+BACN,KAAM,cACN,IAAK,UACL,aAAc,GACd,IAAK,EACR,EAQD,CACI,KAAM,gCACN,KAAM,cACN,IAAK,UACL,aAAc,GACd,IAAK,EACR,EAED,CACI,KAAM,eACN,KAAM,cACN,IAAK,UACL,aAAc,GACd,IAAK,cACL,QAAS,kBACZ,EACD,CACI,KAAM,iCACN,KAAM,cACN,IAAK,UACL,aAAc,GACd,IAAK,EACR,EACD,CACI,KAAM,oCACN,KAAM,cACN,IAAK,UACL,aAAc,GACd,IAAK,EACR,CACL,EACM,CAAE,SAAAnC,CAAU,EAAGC,EAAS,EACxBmC,EAAaC,GAAa,EAC1BC,EAAezE,EAAkB,EAAC,OAAO,aACzC0E,EAAsB,MAAOC,GAAY,CAC3C,GAAIF,IAAiB,IACrB,IAAIE,EAAQ,cAAgB,CAACxD,EAAW,MAAO,CAC3CG,EAAe,MAAQ,GACvB,MACR,CAmBI,GAlBIqD,EAAQ,MAAQ,IAChB7B,EAAW6B,EAAQ,IAAI,EAEvBA,EAAQ,MAAQ,WAChB,MAAMC,EAAcD,CAAO,EAE3BA,EAAQ,MAAQ,aAChB,MAAMC,EAAcD,CAAO,EAE3BA,EAAQ,MAAQ,eAChB,MAAMC,EAAcD,CAAO,EAE3BA,EAAQ,MAAQ,aAChB,MAAMC,EAAcD,CAAO,EAE3BA,EAAQ,MAAQ,YAChB,MAAMC,EAAcD,CAAO,EAE3BA,EAAQ,MAAQ,UAAW,CAE3B,MAAMtB,EAAS,OAAO,KAAK,GAAI,QAAQ,EACvC,GAAI,CAEA,KAAM,CAAE,KAAA3D,CAAM,EAAG,MAAMmF,EAASF,EAAQ,QAAS,CAC7C,QAAAG,EACA,QAAS,SACzB,EAAa,aAAA,EACD,GAAIpF,EAAK,MAAM,SAAW,KAAM,CAC5B,KAAM,CAAE,IAAAmD,CAAG,EAAKnD,EAAK,MAAM,KACvB2D,IAAQA,EAAO,SAAS,KAAOR,EACnD,MACoBQ,GAAQA,EAAO,MAAK,EACxBgB,EAAsB,iBAAiB,CACnC,MAAO,CACH,WAAY,eACZ,QAAS,EAAE,sBAAsB,CACpC,CACJ,CAAA,CAER,OAAQxE,EAAO,CAGRwD,IAAQA,GAAA,MAAAA,EAAQ,QAChC,CACA,EACA,EACMyB,EAAUC,GAA4B,EACtCH,EAAgB,MAAOhD,EAAO,KAAO,CAEvC,GAAI,CAACO,EAAU,CACXW,EAAWyB,EAAW3C,EAAK,IAAI,CAAC,EAChC,MACR,CAEI,GAAI,CACA,MAAMyB,EAAS,OAAO,KAAK,GAAI,QAAQ,EAEjC,CAAE,KAAA3D,CAAM,EAAG,MAAMmF,EAASjD,EAAK,QAAS,CAC1C,QAAAkD,EACA,QAAS,SACrB,EAAS,aAAA,EACD,GAAIpF,EAAK,MAAM,SAAW,KAAM,CAC5B,KAAM,CAAE,IAAAmD,CAAG,EAAKnD,EAAK,MAAM,KACvB2D,IAAQA,EAAO,SAAS,KAAOR,EAC/C,MACgBQ,GAAQA,EAAO,MAAK,EACxBgB,EAAsB,iBAAiB,CACnC,MAAO,CACH,WAAY,eACZ,QAAS,EAAE,sBAAsB,CACpC,CACJ,CAAA,CAER,OAAQxE,EAAO,CACR,QAAQ,OAAO,MAAK,CAEhC,CACA,m3BCzQA,OAAAkD,EAAU,SAAY,CAEtB,CAAC"}