{"version":3,"file":"BEPbKk9k.js","sources":["../../../../components/tha/blocks/promotion-bti-risk-free/providers.vue","../../../../pages/promotions/bti-risk-free/index.vue"],"sourcesContent":["<template>\n    <div class=\"flex w-full overflow-hidden rounded-[12px]\">\n        <img\n            :src=\"`${staticUrl}/assets/img/promotions/8-percent/bti-risk-free.jpg`\"\n            alt=\"bti-risk-free\"\n            class=\"flex w-full object-cover\"\n            @click=\"handleSportClick(bti)\"\n        />\n    </div>\n</template>\n<script setup>\nimport { useAlertStore, useModalStore, useUserStore } from '~/stores'\nconst staticUrl = useRuntimeConfig().public.staticUrl\nconst alertStore = useAlertStore()\nconst { t } = useI18n({})\nconst localePath = useLocalePath()\nconst useUserStoreInstance = useUserStore()\nconst useModalStoreInstance = useModalStore()\n\nconst { isMobile } = useDevice()\nconst bti = ref({\n    id: 'bti',\n    key: 'bti',\n    title: 'bti',\n    api_url: '/gameUrl?partnerProvider=bti',\n    page_url: '/btisports',\n    logo: '/assets/icons/casino/provider/a-sport.svg',\n    image: '/assets/img/sports/sportbook/bti-card.png',\n    imageMobile: '/assets/img/sports/sportbook/bti-mb.png',\n    imageLable: '/assets/img/sports/sportbook/sport.png',\n    require_auth: true,\n})\n\nconst headers = useRequestHeaders(['cookie'])\nconst handleSportClick = async (item = {}) => {\n    // check auth\n    if (item.require_auth && !useUserStoreInstance.isLoggedIn) {\n        useModalStoreInstance.showLoginModal = true\n        return\n    }\n    // if desktop rout to page\n    if (!isMobile) {\n        navigateTo(localePath(item.page_url))\n        return\n    }\n    // if mobile get url from api, open new tab\n    try {\n        const newtab = window.open('', '_blank')\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            // setTimeout(() => {\n            //     const popup = window.open(url, '_blank')\n            //     if (!popup) {\n            //         alertStore.showMessageError({\n            //             value: {\n            //                 statusCode: 'SHOW_MESSAGE',\n            //                 message: t('error.allow_popup'),\n            //             },\n            //         })\n            //         window.open(url, '_blank')\n            //     }\n            // })\n        } else {\n            if (newtab) newtab.close()\n            alertStore.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","<template>\n    <div\n        class=\"bg-gradient-to-b from-[#9E2F6D] from-15% to-[#1E031D] to-75% text-[#BDBDBD]\"\n    >\n        <div\n            class=\"container w-full max-w-full space-y-5 px-5 py-4 lg:max-w-[1150px] lg:space-y-10 lg:px-0 lg:pb-20 lg:pt-10 lg:text-lg\"\n        >\n            <div class=\"relative h-full w-full\">\n                <img\n                    :src=\"`${staticUrl}/assets/img/banner/euro/banner-8-pdp-${locale}.jpg`\"\n                    class=\"loader-image hidden min-h-[220px] rounded-xl lg:block\"\n                    alt=\"image\"\n                />\n                <img\n                    :src=\"`${staticUrl}/assets/img/banner/euro/banner-8-pdp-mobile-${locale}.jpg`\"\n                    class=\"loader-image flex min-h-[120px] w-full rounded-xl lg:hidden\"\n                    alt=\"image\"\n                />\n            </div>\n\n            <!-- section 1 -->\n            <div>\n                <div class=\"mb-4 text-left font-semibold text-white lg:mb-5\">\n                    {{ $t('promotions.bti_risk_free.summary') }}\n                </div>\n                <div class=\"grid grid-cols-3 gap-2.5 lg:grid-cols-6\">\n                    <!-- Offer -->\n                    <div\n                        class=\"flex flex-col justify-between rounded-xl bg-[#551136] p-4\"\n                    >\n                        <div>\n                            <svg\n                                width=\"24\"\n                                height=\"24\"\n                                viewBox=\"0 0 24 24\"\n                                fill=\"none\"\n                                xmlns=\"http://www.w3.org/2000/svg\"\n                            >\n                                <path\n                                    d=\"M9 12L11 14L15 10M2 9C2.79565 9 3.55871 9.31607 4.12132 9.87868C4.68393 10.4413 5 11.2044 5 12C5 12.7956 4.68393 13.5587 4.12132 14.1213C3.55871 14.6839 2.79565 15 2 15V17C2 17.5304 2.21071 18.0391 2.58579 18.4142C2.96086 18.7893 3.46957 19 4 19H20C20.5304 19 21.0391 18.7893 21.4142 18.4142C21.7893 18.0391 22 17.5304 22 17V15C21.2044 15 20.4413 14.6839 19.8787 14.1213C19.3161 13.5587 19 12.7956 19 12C19 11.2044 19.3161 10.4413 19.8787 9.87868C20.4413 9.31607 21.2044 9 22 9V7C22 6.46957 21.7893 5.96086 21.4142 5.58579C21.0391 5.21071 20.5304 5 20 5H4C3.46957 5 2.96086 5.21071 2.58579 5.58579C2.21071 5.96086 2 6.46957 2 7V9Z\"\n                                    stroke=\"white\"\n                                    stroke-width=\"1.4\"\n                                    stroke-linecap=\"round\"\n                                    stroke-linejoin=\"round\"\n                                />\n                            </svg>\n\n                            <div\n                                class=\"pt-1 text-[10px] font-bold uppercase text-[#DD3893] lg:text-base\"\n                            >\n                                {{ $t('promotions.bti_risk_free.title_1') }}\n                            </div>\n                        </div>\n\n                        <div\n                            class=\"text-xs font-semibold text-white lg:text-base\"\n                        >\n                            {{ $t('promotions.bti_risk_free.desc_1') }}\n                        </div>\n                    </div>\n                    <!-- Eligibility -->\n                    <div\n                        class=\"flex flex-col justify-between rounded-xl bg-[#551136] p-4\"\n                    >\n                        <div>\n                            <svg\n                                width=\"25\"\n                                height=\"24\"\n                                viewBox=\"0 0 25 24\"\n                                fill=\"none\"\n                                xmlns=\"http://www.w3.org/2000/svg\"\n                            >\n                                <path\n                                    d=\"M16.3334 21V19C16.3334 17.9391 15.9119 16.9217 15.1618 16.1716C14.4117 15.4214 13.3942 15 12.3334 15H6.33337C5.27251 15 4.25509 15.4214 3.50495 16.1716C2.7548 16.9217 2.33337 17.9391 2.33337 19V21M22.3334 21V19C22.3327 18.1137 22.0377 17.2528 21.4947 16.5523C20.9517 15.8519 20.1915 15.3516 19.3334 15.13M16.3334 3.13C17.1938 3.3503 17.9564 3.8507 18.501 4.55231C19.0456 5.25392 19.3412 6.11683 19.3412 7.005C19.3412 7.89317 19.0456 8.75608 18.501 9.45769C17.9564 10.1593 17.1938 10.6597 16.3334 10.88M13.3334 7C13.3334 9.20914 11.5425 11 9.33337 11C7.12423 11 5.33337 9.20914 5.33337 7C5.33337 4.79086 7.12423 3 9.33337 3C11.5425 3 13.3334 4.79086 13.3334 7Z\"\n                                    stroke=\"white\"\n                                    stroke-width=\"1.4\"\n                                    stroke-linecap=\"round\"\n                                    stroke-linejoin=\"round\"\n                                />\n                            </svg>\n                            <div\n                                class=\"pt-1 text-[10px] font-bold uppercase text-[#DD3893] lg:text-base\"\n                            >\n                                {{ $t('promotions.bti_risk_free.title_2') }}\n                            </div>\n                        </div>\n\n                        <div\n                            class=\"text-xs font-semibold text-white lg:text-base\"\n                        >\n                            {{ $t('promotions.bti_risk_free.desc_2') }}\n                        </div>\n                    </div>\n                    <!-- Claim -->\n                    <div\n                        class=\"flex flex-col justify-between rounded-xl bg-[#551136] p-4\"\n                    >\n                        <div>\n                            <svg\n                                width=\"25\"\n                                height=\"24\"\n                                viewBox=\"0 0 25 24\"\n                                fill=\"none\"\n                                xmlns=\"http://www.w3.org/2000/svg\"\n                            >\n                                <path\n                                    d=\"M11.6667 15H13.6667C14.1972 15 14.7059 14.7893 15.081 14.4142C15.456 14.0391 15.6667 13.5304 15.6667 13C15.6667 12.4696 15.456 11.9609 15.081 11.5858C14.7059 11.2107 14.1972 11 13.6667 11H10.6667C10.0667 11 9.56675 11.2 9.26675 11.6L3.66675 17M7.66675 21L9.26675 19.6C9.56675 19.2 10.0667 19 10.6667 19H14.6667C15.7667 19 16.7667 18.6 17.4667 17.8L22.0667 13.4C22.4526 13.0353 22.6779 12.5323 22.6929 12.0016C22.7079 11.4708 22.5114 10.9559 22.1467 10.57C21.7821 10.1841 21.279 9.95889 20.7483 9.94389C20.2176 9.92888 19.7026 10.1253 19.3167 10.49L15.1167 14.39M2.66675 16L8.66675 22M19.5667 9C19.5667 10.6016 18.2684 11.9 16.6667 11.9C15.0651 11.9 13.7667 10.6016 13.7667 9C13.7667 7.39837 15.0651 6.1 16.6667 6.1C18.2684 6.1 19.5667 7.39837 19.5667 9ZM9.66675 5C9.66675 6.65685 8.3236 8 6.66675 8C5.00989 8 3.66675 6.65685 3.66675 5C3.66675 3.34315 5.00989 2 6.66675 2C8.3236 2 9.66675 3.34315 9.66675 5Z\"\n                                    stroke=\"white\"\n                                    stroke-width=\"1.4\"\n                                    stroke-linecap=\"round\"\n                                    stroke-linejoin=\"round\"\n                                />\n                            </svg>\n                            <div\n                                class=\"pt-1 text-[10px] font-bold uppercase text-[#DD3893] lg:text-base\"\n                            >\n                                {{ $t('promotions.bti_risk_free.title_3') }}\n                            </div>\n                        </div>\n\n                        <div\n                            class=\"text-xs font-semibold text-white lg:text-base\"\n                        >\n                            {{ $t('promotions.bti_risk_free.desc_3') }}\n                        </div>\n                    </div>\n                    <!-- Calculation -->\n                    <div\n                        class=\"col-span-3 flex flex-col gap-3 rounded-xl bg-[#551136] p-4\"\n                    >\n                        <div class=\"flex justify-between\">\n                            <svg\n                                width=\"24\"\n                                height=\"24\"\n                                viewBox=\"0 0 24 24\"\n                                fill=\"none\"\n                                xmlns=\"http://www.w3.org/2000/svg\"\n                            >\n                                <path\n                                    d=\"M12 9V13L14 15M5 3L2 6M22 6L19 3M6.38 18.7L4 21M17.64 18.67L20 21M20 13C20 17.4183 16.4183 21 12 21C7.58172 21 4 17.4183 4 13C4 8.58172 7.58172 5 12 5C16.4183 5 20 8.58172 20 13Z\"\n                                    stroke=\"white\"\n                                    stroke-width=\"1.4\"\n                                    stroke-linecap=\"round\"\n                                    stroke-linejoin=\"round\"\n                                />\n                            </svg>\n                            <div\n                                class=\"text-[10px] font-bold uppercase text-[#DD3893] lg:text-base\"\n                            >\n                                {{ $t('promotions.bti_risk_free.title_4') }}\n                            </div>\n                        </div>\n\n                        <div\n                            class=\"text-xs font-semibold text-white lg:pt-10 lg:text-base\"\n                        >\n                            <ul class=\"ml-4 list-disc\">\n                                <li\n                                    v-for=\"(item, index) in list_1\"\n                                    :key=\"index\"\n                                >\n                                    {{ $t(item.title) }}\n                                </li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n\n            <!-- section 2 -->\n            <div>\n                <!-- grid 2 -->\n                <div class=\"grid lg:grid-cols-2 lg:divide-y-0\">\n                    <!-- left -->\n                    <div class=\"pb-2.5 lg:pb-0 lg:pr-5\">\n                        <div\n                            class=\"rounded-xl bg-[#551136] p-5 lg:px-8 lg:py-6\"\n                        >\n                            <div class=\"mb-5 flex justify-between\">\n                                <div class=\"font-semibold text-white\">\n                                    {{\n                                        $t('promotions.bti_risk_free.provider')\n                                    }}\n                                </div>\n                            </div>\n                            <div class=\"flex w-full\">\n                                <ThaBlocksPromotionBtiRiskFreeProviders></ThaBlocksPromotionBtiRiskFreeProviders>\n                            </div>\n                        </div>\n                    </div>\n                    <!-- right -->\n                    <div class=\"pt-2.5 lg:pl-5 lg:pt-0\">\n                        <!-- block -->\n                        <div class=\"pb-5\">\n                            <div\n                                class=\"pb-2.5 text-[16px] font-semibold text-white lg:text-xl\"\n                            >\n                                {{ $t('promotions.bti_risk_free.title_5') }}\n                            </div>\n                            <ul class=\"ml-4 list-disc text-sm lg:text-base\">\n                                <li\n                                    v-for=\"(item, index) in list_2\"\n                                    :key=\"index\"\n                                >\n                                    {{ $t(item.title) }}\n                                </li>\n                            </ul>\n                        </div>\n                        <!-- block -->\n                        <div class=\"pb-5\">\n                            <div\n                                class=\"pb-2.5 text-[16px] font-semibold text-white lg:text-xl\"\n                            >\n                                {{ $t('promotions.bti_risk_free.title_6') }}\n                            </div>\n                            <ul class=\"ml-4 list-disc text-sm lg:text-base\">\n                                <li\n                                    v-for=\"(item, index) in list_3\"\n                                    :key=\"index\"\n                                >\n                                    {{ $t(item.title) }}\n                                </li>\n                            </ul>\n                        </div>\n                        <!-- block -->\n                        <div class=\"pb-5\">\n                            <div\n                                class=\"pb-2.5 text-[16px] font-semibold text-white lg:text-xl\"\n                            >\n                                {{\n                                    $t(\n                                        'promotions.bti_risk_free.terms_and_conditions'\n                                    )\n                                }}\n                            </div>\n                            <ul class=\"ml-4 list-disc text-sm lg:text-base\">\n                                <li\n                                    v-for=\"(item, index) in list_4\"\n                                    :key=\"index\"\n                                >\n                                    {{ $t(item.title) }}\n                                </li>\n                            </ul>\n                        </div>\n                        <!-- block -->\n                        <div class=\"pb-5\">\n                            <div\n                                class=\"pb-2.5 text-[16px] font-semibold text-white lg:text-xl\"\n                            >\n                                {{ $t('promotions.bti_risk_free.title_7') }}\n                            </div>\n                            <ul class=\"ml-4 list-disc text-sm lg:text-base\">\n                                <li\n                                    v-for=\"(item, index) in list_5\"\n                                    :key=\"index\"\n                                >\n                                    {{ $t(item.title) }}\n                                </li>\n                            </ul>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script setup>\nconst staticUrl = useRuntimeConfig().public.staticUrl\n\nconst { locale } = useI18n()\n\nconst list_1 = ref([\n    {\n        key: 1,\n        title: 'promotions.bti_risk_free.list_1.item_1',\n    },\n])\nconst list_2 = ref([\n    {\n        key: 1,\n        title: 'promotions.bti_risk_free.list_2.item_1',\n    },\n    {\n        key: 2,\n        title: 'promotions.bti_risk_free.list_2.item_2',\n    },\n])\nconst list_3 = ref([\n    {\n        key: 1,\n        title: 'promotions.bti_risk_free.list_3.item_1',\n    },\n    {\n        key: 2,\n        title: 'promotions.bti_risk_free.list_3.item_2',\n    },\n])\nconst list_4 = ref([\n    {\n        key: 1,\n        title: 'promotions.bti_risk_free.list_4.item_1',\n    },\n    {\n        key: 2,\n        title: 'promotions.bti_risk_free.list_4.item_2',\n    },\n    {\n        key: 3,\n        title: 'promotions.bti_risk_free.list_4.item_3',\n    },\n])\nconst list_5 = ref([\n    {\n        key: 1,\n        title: 'promotions.bti_risk_free.list_5.item_1',\n    },\n    {\n        key: 2,\n        title: 'promotions.bti_risk_free.list_5.item_2',\n    },\n    {\n        key: 3,\n        title: 'promotions.bti_risk_free.list_5.item_3',\n    },\n])\n</script>\n"],"names":["staticUrl","useRuntimeConfig","alertStore","useAlertStore","t","useI18n","localePath","useLocalePath","useUserStoreInstance","useUserStore","useModalStoreInstance","useModalStore","isMobile","useDevice","bti","ref","headers","useRequestHeaders","handleSportClick","item","navigateTo","newtab","data","useFetch","url","error","locale","list_1","list_2","list_3","list_4","list_5"],"mappings":"4TAYA,MAAMA,EAAYC,EAAkB,EAAC,OAAO,UACtCC,EAAaC,EAAa,EAC1B,CAAE,EAAAC,CAAC,EAAKC,EAAQ,CAAE,CAAA,EAClBC,EAAaC,EAAa,EAC1BC,EAAuBC,EAAY,EACnCC,EAAwBC,EAAa,EAErC,CAAE,SAAAC,CAAU,EAAGC,EAAS,EACxBC,EAAMC,EAAI,CACZ,GAAI,MACJ,IAAK,MACL,MAAO,MACP,QAAS,+BACT,SAAU,aACV,KAAM,4CACN,MAAO,4CACP,YAAa,0CACb,WAAY,yCACZ,aAAc,EAClB,CAAC,EAEKC,EAAUC,EAA4B,EACtCC,EAAmB,MAAOC,EAAO,KAAO,CAE1C,GAAIA,EAAK,cAAgB,CAACX,EAAqB,WAAY,CACvDE,EAAsB,eAAiB,GACvC,MACR,CAEI,GAAI,CAACE,EAAU,CACXQ,EAAWd,EAAWa,EAAK,QAAQ,CAAC,EACpC,MACR,CAEI,GAAI,CACA,MAAME,EAAS,OAAO,KAAK,GAAI,QAAQ,EACjC,CAAE,KAAAC,CAAM,EAAG,MAAMC,EAASJ,EAAK,QAAS,CAC1C,QAAAH,EACA,QAAS,SACrB,EAAS,aAAA,EACD,GAAIM,EAAK,MAAM,SAAW,KAAM,CAC5B,KAAM,CAAE,IAAAE,CAAG,EAAKF,EAAK,MAAM,KACvBD,IAAQA,EAAO,SAAS,KAAOG,EAa/C,MACgBH,GAAQA,EAAO,MAAK,EACxBnB,EAAW,iBAAiB,CACxB,MAAO,CACH,WAAY,eACZ,QAASE,EAAE,sBAAsB,CACpC,CACJ,CAAA,CAER,OAAQqB,EAAO,CACR,QAAQ,OAAO,MAAK,CAEhC,CACA,oxEC4LA,MAAMzB,EAAYC,EAAkB,EAAC,OAAO,UAEtC,CAAE,OAAAyB,CAAQ,EAAGrB,EAAO,EAEpBsB,EAASZ,EAAI,CACf,CACI,IAAK,EACL,MAAO,wCACV,CACL,CAAC,EACKa,EAASb,EAAI,CACf,CACI,IAAK,EACL,MAAO,wCACV,EACD,CACI,IAAK,EACL,MAAO,wCACV,CACL,CAAC,EACKc,EAASd,EAAI,CACf,CACI,IAAK,EACL,MAAO,wCACV,EACD,CACI,IAAK,EACL,MAAO,wCACV,CACL,CAAC,EACKe,EAASf,EAAI,CACf,CACI,IAAK,EACL,MAAO,wCACV,EACD,CACI,IAAK,EACL,MAAO,wCACV,EACD,CACI,IAAK,EACL,MAAO,wCACV,CACL,CAAC,EACKgB,EAAShB,EAAI,CACf,CACI,IAAK,EACL,MAAO,wCACV,EACD,CACI,IAAK,EACL,MAAO,wCACV,EACD,CACI,IAAK,EACL,MAAO,wCACV,CACL,CAAC"}