{"version":3,"file":"DbHscnuX.js","sources":["../../../../components/tha/blocks/providerCardMobile/index.vue","../../../../components/tha/common/headerProviderGames/index.vue","../../../../pages/games/[[type]].vue"],"sourcesContent":["<template>\n    <div\n        class=\"relative min-h-[34.884vw] overflow-hidden rounded-lg border border-grey-300 xs:min-h-[150px]\"\n        @click=\"handleClick(item)\"\n    >\n        <img\n            v-if=\"item?.label === 'hot'\"\n            class=\"absolute left-0 top-0 h-auto w-10\"\n            :src=\"`${staticUrl}/assets/icons/hot.png`\"\n            alt=\"hot icon\"\n        />\n        <img\n            v-if=\"item?.label === 'new'\"\n            class=\"absolute left-0 top-0 h-auto w-10\"\n            :src=\"`${staticUrl}/assets/icons/new.png`\"\n            alt=\"new icon\"\n        />\n        <img\n            :src=\"`/assets/icons/casino/provider/${gameType}/bg.png`\"\n            class=\"absolute left-1/2 top-1/4 -translate-x-1/2 -translate-y-1/2 scale-75\"\n            alt=\"background\"\n            onerror=\"this.style.display='none'\"\n        />\n        <img\n            class=\"absolute right-0 z-10 h-full rounded-lg object-contain\"\n            :src=\"item.image\"\n            :alt=\"item.name\"\n        />\n        <div class=\"absolute inset-[2px] flex items-end rounded-lg\">\n            <!-- <img\n                class=\"absolute left-[-3px] h-[100%] min-w-[338px] rounded-lg object-contain\"\n                src=\"/assets/icons/casino/provider/frame.png\"\n                :alt=\"item.name\"\n            /> -->\n            <div class=\"absolute bottom-[18px] left-[10px] z-20 xs:left-[25px]\">\n                <img\n                    v-if=\"item.icon\"\n                    class=\"h-[56px] w-[56px]\"\n                    :src=\"item.icon\"\n                    :alt=\"item.name\"\n                />\n                <p\n                    class=\"max-w-[130px] text-center text-[4.651vw] font-semibold uppercase xs:max-w-[150px] xs:text-xl\"\n                >\n                    {{ item.name ? item.name : item.nameMb }}\n                </p>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script setup>\nimport {\n    useGamesStore,\n    useAlertStore,\n    useUserStore,\n    useModalStore,\n} from '~/stores'\n\ndefineProps(['item', 'gameType'])\nconst emit = defineEmits(['partner-selected'])\nconst alertStore = useAlertStore()\nconst gameStoreInstance = useGamesStore()\nconst { getGameUrl } = gameStoreInstance\nconst router = useRouter()\nconst staticUrl = useRuntimeConfig().public.staticUrl\nconst { isMobile } = useDevice()\nconst useUserStoreInstance = useUserStore()\nconst useModalStoreInstance = useModalStore()\nconst handleGetGameUrl = async (toSend) => {\n    if (!useUserStoreInstance.isLoggedIn) {\n        useModalStoreInstance.showLoginModal = true\n        return\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}\n\nconst handleClick = async (item) => {\n    if (item.key === 'digmaan') {\n        const toSend = {\n            partnerProvider: 'cockfight',\n            partnerGameId: 'lobby',\n        }\n        await handleGetGameUrl(toSend)\n        return\n    }\n    let link = item.link\n    if (item.link.includes('casino')) {\n        link = '/' + link\n        emit('partner-selected', item.key)\n        return\n    }\n    if (item.link.includes('games')) {\n        emit('partner-selected', item.key)\n        return\n    }\n    // this line might not be reached, but for back compatibility left\n    await router.push(link)\n}\n</script>\n","<template>\n    <div class=\"relative flex w-full items-center justify-between\">\n        <div\n            v-if=\"providerActive\"\n            class=\"flex items-center justify-between gap-[12px] xs:gap-[24px]\"\n            @click=\"isShowSearch ? (isShowSearch = false) : handleBack()\"\n        >\n            <svg\n                v-if=\"isShowSearch\"\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=\"M13.6977 11.9998L18.8492 6.84824C19.318 6.37949 19.318 5.62012 18.8492 5.15137C18.3805 4.68262 17.6211 4.68262 17.1523 5.15137L12.0008 10.3029L6.84922 5.15137C6.38047 4.68262 5.62109 4.68262 5.15234 5.15137C4.68359 5.62012 4.68359 6.37949 5.15234 6.84824L10.3039 11.9998L5.15234 17.1514C4.68359 17.6201 4.68359 18.3795 5.15234 18.8482C5.38672 19.0826 5.69375 19.1998 6.00078 19.1998C6.30781 19.1998 6.61484 19.0826 6.84922 18.8482L12.0008 13.6967L17.1523 18.8482C17.3867 19.0826 17.6938 19.1998 18.0008 19.1998C18.3078 19.1998 18.6148 19.0826 18.8492 18.8482C19.318 18.3795 19.318 17.6201 18.8492 17.1514L13.6977 11.9998Z\"\n                    fill=\"#787878\"\n                />\n            </svg>\n\n            <svg\n                v-else\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                    fill-rule=\"evenodd\"\n                    clip-rule=\"evenodd\"\n                    d=\"M3.76355 11L8.96657 5.70718L7.57635 4.29297L0 12.0001L7.57635 19.7072L8.96657 18.293L3.7634 13H24.0001V11H3.76355Z\"\n                    fill=\"#787878\"\n                />\n            </svg>\n\n            <!-- <span class=\"text-[14px] font-medium xs:text-[16px]\">\n                {{\n                    providerActive.name\n                        ? providerActive.name\n                        : providerActive.nameMb\n                }}</span\n            > -->\n        </div>\n\n        <button\n            ref=\"dropDowntriggerEl\"\n            type=\"button\"\n            data-dropdown-toggle=\"casino-type-dropdown-menu\"\n            class=\"flex min-h-[40px] items-center justify-between rounded-[4px] border-[#E6E6E6] px-[10px] font-normal ring-0\"\n        >\n            <div v-if=\"providerActive\" class=\"mr-1 flex items-center gap-1\">\n                <img\n                    class=\"icon h-[32px] w-[32px]\"\n                    :src=\"`${staticUrl}/assets/icons/casino/provider/${providerActive?.key ? providerActive?.key : 'all'}-active.svg`\"\n                />\n                <span class=\"text-[18px] font-semibold capitalize text-black\">\n                    {{\n                        providerActive.id\n                            ? providerActive.name\n                            : $t(providerActive.name)\n                    }}\n                </span>\n            </div>\n            <img class=\"h-5\" :src=\"`${staticUrl}/assets/icons/icon-down.svg`\" />\n        </button>\n\n        <div\n            id=\"casino-type-dropdown-menu\"\n            ref=\"dropDowntargetEl\"\n            class=\"shadow-small top-0 z-50 my-4 hidden w-[100%] cursor-pointer list-none divide-y divide-bigg-gray rounded-[4px] bg-white\"\n        >\n            <ClientOnly>\n                <ul\n                    class=\"divide-y px-[39px] py-[16px] text-xs font-medium\"\n                    role=\"none\"\n                >\n                    <li v-for=\"item in providerFilter\" :key=\"item\">\n                        <button\n                            class=\"flex min-h-[40px] items-center gap-2 text-[12px] font-normal capitalize xs:text-sm\"\n                            role=\"menuitem\"\n                            @click=\"handleaApplyFilter(item)\"\n                        >\n                            <img\n                                v-if=\"item.key !== providerActive?.key\"\n                                class=\"icon-dropdown h-[24px] w-[24px]\"\n                                :class=\"{ active: partner?.key === item.key }\"\n                                :src=\"`/assets/icons/casino/provider/${\n                                    item?.key ? item?.key : 'all'\n                                }.svg`\"\n                            />\n                            <img\n                                v-else\n                                class=\"h-[24px] w-[24px]\"\n                                :src=\"`/assets/icons/casino/provider/${providerActive?.key}-active.svg`\"\n                            />\n                            <span\n                                class=\"text-[12px]\"\n                                :class=\"{\n                                    'font-semibold': partner?.key === item.key,\n                                }\"\n                            >\n                                {{ item.name ? item.name : item.nameMb }}\n                            </span>\n                        </button>\n                    </li>\n                </ul>\n            </ClientOnly>\n        </div>\n\n        <div>\n            <svg\n                class=\"icon-clear\"\n                width=\"24\"\n                height=\"24\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                @click=\"isShowSearch = true\"\n            >\n                <path\n                    fill-rule=\"evenodd\"\n                    clip-rule=\"evenodd\"\n                    d=\"M18 10C18 13.866 14.866 17 11 17C7.13401 17 4 13.866 4 10C4 6.13401 7.13401 3 11 3C14.866 3 18 6.13401 18 10ZM16.2973 17.2767C14.8111 18.3605 12.9802 19 11 19C6.02944 19 2 14.9706 2 10C2 5.02944 6.02944 1 11 1C15.9706 1 20 5.02944 20 10C20 12.2691 19.1603 14.342 17.7747 15.925L22.681 20.7876L21.2732 22.2081L16.2973 17.2767Z\"\n                    fill=\"#A2A2A2\"\n                />\n            </svg>\n            <Transition name=\"slide-fade\">\n                <div\n                    v-if=\"isShowSearch\"\n                    class=\"input-search absolute h-[44px]\"\n                    :class=\"{\n                        'input-search--focus': isFocus,\n                    }\"\n                >\n                    <input\n                        v-model=\"keyword\"\n                        :placeholder=\"$t('common.search')\"\n                        maxlength=\"20\"\n                        class=\"absolute inset-0\"\n                        @focus=\"isFocus = true\"\n                        @blur=\"isFocus = false\"\n                        @keyup.enter=\"hideMobileKeyboard\"\n                    />\n                    <svg\n                        v-if=\"isHidden && keyword\"\n                        class=\"icon-clear absolute right-[50px] top-[50%] z-[9999]\"\n                        width=\"12\"\n                        height=\"12\"\n                        viewBox=\"0 0 12 12\"\n                        fill=\"none\"\n                        xmlns=\"http://www.w3.org/2000/svg\"\n                        @click=\"keyword = ''\"\n                    >\n                        <path\n                            d=\"M6 0C4.81331 0 3.65328 0.351894 2.66658 1.01118C1.67989 1.67047 0.910851 2.60754 0.456725 3.7039C0.00259971 4.80025 -0.11622 6.00666 0.115291 7.17054C0.346802 8.33443 0.918247 9.40352 1.75736 10.2426C2.59648 11.0818 3.66557 11.6532 4.82946 11.8847C5.99335 12.1162 7.19975 11.9974 8.2961 11.5433C9.39246 11.0891 10.3295 10.3201 10.9888 9.33342C11.6481 8.34672 12 7.18669 12 6C11.9983 4.40922 11.3656 2.88407 10.2408 1.75921C9.11593 0.63436 7.59078 0.0016799 6 0ZM8.17269 7.51961C8.21558 7.5625 8.24959 7.6134 8.2728 7.66943C8.29601 7.72546 8.30795 7.78551 8.30795 7.84615C8.30795 7.9068 8.29601 7.96685 8.2728 8.02287C8.24959 8.0789 8.21558 8.12981 8.17269 8.17269C8.12981 8.21557 8.0789 8.24959 8.02288 8.27279C7.96685 8.296 7.9068 8.30795 7.84616 8.30795C7.78551 8.30795 7.72546 8.296 7.66943 8.27279C7.61341 8.24959 7.5625 8.21557 7.51962 8.17269L6 6.6525L4.48039 8.17269C4.4375 8.21557 4.3866 8.24959 4.33057 8.27279C4.27454 8.296 4.21449 8.30795 4.15385 8.30795C4.0932 8.30795 4.03315 8.296 3.97713 8.27279C3.9211 8.24959 3.87019 8.21557 3.82731 8.17269C3.78443 8.12981 3.75041 8.0789 3.7272 8.02287C3.704 7.96685 3.69205 7.9068 3.69205 7.84615C3.69205 7.78551 3.704 7.72546 3.7272 7.66943C3.75041 7.6134 3.78443 7.5625 3.82731 7.51961L5.3475 6L3.82731 4.48038C3.74071 4.39378 3.69205 4.27632 3.69205 4.15385C3.69205 4.03137 3.74071 3.91391 3.82731 3.82731C3.91391 3.7407 4.03137 3.69205 4.15385 3.69205C4.27632 3.69205 4.39378 3.7407 4.48039 3.82731L6 5.3475L7.51962 3.82731C7.5625 3.78443 7.61341 3.75041 7.66943 3.7272C7.72546 3.70399 7.78551 3.69205 7.84616 3.69205C7.9068 3.69205 7.96685 3.70399 8.02288 3.7272C8.0789 3.75041 8.12981 3.78443 8.17269 3.82731C8.21558 3.87019 8.24959 3.9211 8.2728 3.97712C8.29601 4.03315 8.30795 4.0932 8.30795 4.15385C8.30795 4.21449 8.29601 4.27454 8.2728 4.33057C8.24959 4.38659 8.21558 4.4375 8.17269 4.48038L6.6525 6L8.17269 7.51961Z\"\n                            fill=\"#D0D0D0\"\n                        />\n                    </svg>\n\n                    <div class=\"icon-search\">\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                                fill-rule=\"evenodd\"\n                                clip-rule=\"evenodd\"\n                                d=\"M18 10C18 13.866 14.866 17 11 17C7.13401 17 4 13.866 4 10C4 6.13401 7.13401 3 11 3C14.866 3 18 6.13401 18 10ZM16.2973 17.2767C14.8111 18.3605 12.9802 19 11 19C6.02944 19 2 14.9706 2 10C2 5.02944 6.02944 1 11 1C15.9706 1 20 5.02944 20 10C20 12.2691 19.1603 14.342 17.7747 15.925L22.681 20.7876L21.2732 22.2081L16.2973 17.2767Z\"\n                                fill=\"#A2A2A2\"\n                            />\n                        </svg>\n                    </div>\n                </div>\n            </Transition>\n        </div>\n    </div>\n    <div class=\"my-[16px] flex gap-[10px] overflow-x-scroll\">\n        <div\n            v-for=\"(item, index) in filter\"\n            :key=\"index\"\n            class=\"flex-shrink-0 rounded-[100px] bg-[#EFEFEF] px-[16px] py-[8px] text-[12px] text-[#000000]\"\n            :class=\"{\n                'bg-[#F7D936]': keyFilter === item.value,\n            }\"\n            @click=\"keyFilter = item.value\"\n        >\n            {{ $t(item.i18_key) }}\n        </div>\n    </div>\n</template>\n\n<script setup>\nimport { initDropdowns, Dropdown } from 'flowbite'\n\nconst keyFilter = ref('all')\nconst props = defineProps({\n    /* eslint-disable */\n    providers: Array,\n    redirect: String,\n    isSplice: Boolean,\n    filter: Array,\n    category: Array,\n    /* eslint-enable */\n})\nconst isShowSearch = ref(false)\nconst emit = defineEmits(['onPartnerSelected', 'onChange', 'onChangeFilter'])\nconst staticUrl = useRuntimeConfig().public.staticUrl\nconst partner = ref({})\nconst activeTab = ref('')\nconst route = useRoute()\nactiveTab.value = route.query.partner\nconst providerFilter = computed(() => {\n    const data = JSON.parse(JSON.stringify(props.providers))\n    return props.isSplice ? data.splice(1) : data\n})\n\nconst keyword = ref('')\nconst isHidden = ref(false)\nconst isFocus = ref(false)\n\nconst providerActive = computed(() => {\n    return props.providers.find((item) =>\n        partner.value\n            ? item.key === partner.value.key\n            : item.key === activeTab.value\n    )\n})\n\nconst keyword_input = ref(null)\nconst hideMobileKeyboard = () => {\n    keyword_input.value.blur()\n}\n\n// const handleChange = () => {\n//     emit('onChange', keyword.value)\n// }\n\nwatch(\n    () => route.query.partner,\n    (newVal) => {\n        activeTab.value = newVal\n        window.scrollTo(0, 1)\n    }\n)\nwatch(\n    () => keyword.value,\n    () => {\n        emit('onChange', keyword.value)\n    }\n)\n\nwatch(\n    () => isFocus.value,\n    () => {\n        if (!isFocus.value) {\n            setTimeout(() => {\n                isHidden.value = false\n            }, 300)\n        } else {\n            isHidden.value = true\n        }\n    }\n)\n\nwatch(\n    () => keyFilter.value,\n    () => {\n        emit('onChangeFilter', keyFilter.value)\n    }\n)\n\nconst dropDowntargetEl = ref(null)\nconst dropDowntriggerEl = ref(null)\n\nconst handleaApplyFilter = (payload) => {\n    // instance options object\n    const instanceOptions = {\n        id: 'dropdownMenu',\n        override: true,\n    }\n    // options with default values\n    const options = {\n        placement: 'bottom',\n        triggerType: 'click',\n        offsetSkidding: 0,\n        offsetDistance: 10,\n        delay: 300,\n        ignoreClickOutsideClass: false,\n    }\n    const dropdown = new Dropdown(\n        dropDowntargetEl.value,\n        dropDowntriggerEl.value,\n        options,\n        instanceOptions\n    )\n    dropdown.hide()\n    partner.value = payload\n    emit('onPartnerSelected', partner.value)\n    window.scrollTo(0, 1)\n}\nconst handleBack = () => {\n    setTimeout(() => {\n        window.scrollTo(0, 1)\n    })\n    useRouter().replace(`${useRoute().path}?partner=`)\n}\nonMounted(async () => {\n    initDropdowns()\n    await nextTick(() => {\n        partner.value = providerFilter.value.find(\n            (item) => item.key === props.activeTab\n        )\n    })\n    window.scrollTo(0, 1)\n})\n</script>\n<style lang=\"scss\" scoped>\n.icon-dropdown {\n    filter: brightness(0) saturate(100%) invert(66%) sepia(4%) saturate(30%)\n        hue-rotate(44deg) brightness(90%) contrast(91%);\n    &.active {\n        filter: brightness(0) saturate(100%) invert(0%) sepia(89%)\n            saturate(7500%) hue-rotate(115deg) brightness(85%) contrast(109%);\n    }\n}\n.input-search {\n    z-index: 2;\n    left: 58px;\n    right: 0;\n    top: 0;\n    input {\n        font-size: 12px;\n        border-radius: 6px;\n        border: 1px solid #e6e6e6;\n        padding: 0 40px 0 16px;\n        &::placeholder {\n            color: #b4b4b4;\n            font-size: 12px;\n            font-style: italic;\n        }\n        &:focus {\n            border: 1px solid var(--primary, #f7d936);\n        }\n    }\n    .icon-search {\n        position: absolute;\n        right: 0;\n        z-index: 3;\n        top: 50%;\n        transform: translate(-50%, -50%);\n        width: 30px;\n        height: 30px;\n        display: flex;\n        justify-content: center;\n        align-items: center;\n        border-radius: 4px;\n    }\n    &--focus {\n        .icon-search {\n            background: #f7d936;\n            svg path {\n                fill: black;\n            }\n        }\n    }\n    .icon-clear {\n        position: absolute;\n        top: 50%;\n        transform: translate(-50%, -50%);\n    }\n}\n\n.slide-fade-enter-active {\n    transition: all 0.2s ease-out;\n}\n\n.slide-fade-leave-active {\n    transition: all 0.2s cubic-bezier(1, 0.5, 0.8, 1);\n}\n\n.slide-fade-enter-from,\n.slide-fade-leave-to {\n    transform: translateX(20px);\n    opacity: 0;\n}\n\n.hide-scroll {\n    &::-webkit-scrollbar {\n        display: none;\n    }\n}\n.active {\n    position: relative;\n    color: #b01e46;\n    border-bottom: 1px solid #b01e46;\n}\n</style>\n","<template>\n    <div>\n        <div\n            class=\"grid grid-cols-1 gap-3 lg:mb-0 lg:hidden\"\n            :class=\"{\n                hidden: route.query.partner !== '',\n            }\"\n        >\n            <div\n                v-for=\"item in getGamesProvidersByType(route?.params?.type)\"\n                :key=\"item.id\"\n            >\n                <ThaBlocksProviderCardMobile\n                    :item=\"item\"\n                    :game-type=\"route?.params?.type\"\n                    @partner-selected=\"changePartner\"\n                />\n            </div>\n        </div>\n        <div\n            class=\"lg:min-h-[700px]\"\n            :class=\"{\n                'hidden lg:block': route.query.partner === '',\n            }\"\n        >\n            <div\n                v-if=\"listProviderGame?.length > 0\"\n                class=\"hidden gap-2 rounded-3xl bg-grey-50 p-4 lg:flex lg:flex-wrap\"\n            >\n                <div\n                    v-for=\"(item, idx) in listProviderGame\"\n                    :key=\"item.id\"\n                    :class=\"[\n                        {\n                            '!border-bigg-red font-semibold !text-black':\n                                item.id === partner,\n                        },\n                    ]\"\n                    class=\"relative flex cursor-pointer flex-wrap items-center justify-center gap-1 rounded-full border-2 border-grey-200 bg-white px-3 py-[6px] text-sm text-grey\"\n                    @click=\"changePartner(item.id)\"\n                >\n                    <img\n                        class=\"icon h-[24px] w-[24px] object-contain\"\n                        :class=\"[\n                            { active: item.id === partner },\n                            { 'h-[15px] w-[38px]': item.id === 'mitek' },\n                            {\n                                'h-[24px] w-[37px]': item.id === 'cq9',\n                            },\n                        ]\"\n                        :src=\"`/assets/icons/casino/provider/${\n                            item.id === partner && !item.id\n                                ? 'all-active'\n                                : item.id === partner\n                                  ? item.id + '-active'\n                                  : item.id\n                                    ? item.id\n                                    : 'all'\n                        }.svg`\"\n                        alt=\"icon\"\n                    />\n                    {{ idx === 0 ? $t(item.name) : item.name }}\n                    <span v-if=\"item.label === 'hot'\">\n                        <img\n                            class=\"absolute right-1 top-0 h-auto w-5\"\n                            :src=\"`${staticUrl}/assets/icons/fire.gif`\"\n                            loading=\"lazy\"\n                    /></span>\n                    <span v-if=\"item.label === 'new'\">\n                        <img\n                            class=\"absolute right-0 top-0 h-auto w-6\"\n                            :src=\"`${staticUrl}/assets/icons/star.gif`\"\n                            loading=\"lazy\"\n                    /></span>\n                </div>\n            </div>\n            <!-- Mobile header -->\n            <div v-if=\"listProviderGame?.length > 0\" class=\"lg:hidden\">\n                <ThaCommonHeaderProviderGames\n                    :filter=\"FILTER_KEYWORD\"\n                    :providers=\"getGamesProvidersByType(route?.params?.type)\"\n                    :is-splice=\"false\"\n                    @on-change=\"handleSearchsDebouncedMobile\"\n                    @on-partner-selected=\"handleChangeProviderMobile\"\n                    @on-change-filter=\"onChangeFilter\"\n                />\n            </div>\n\n            <!-- filter desktop -->\n            <div\n                class=\"hidden items-center justify-between gap-3 pb-6 lg:mt-6 lg:flex lg:gap-4\"\n            >\n                <!-- filter desktop -->\n                <div\n                    class=\"relative hidden w-full justify-between md:ml-auto lg:flex\"\n                >\n                    <div\n                        class=\"hide-scroll-bar flex h-auto flex-nowrap gap-3 overflow-x-scroll lg:gap-[10px] lg:overflow-hidden\"\n                    >\n                        <div\n                            v-for=\"item in FILTER_KEYWORD\"\n                            :key=\"item.id\"\n                            class=\"flex items-center\"\n                        >\n                            <input\n                                :id=\"item.id\"\n                                v-model=\"filter\"\n                                type=\"radio\"\n                                :value=\"item.value\"\n                                :name=\"item.name\"\n                                class=\"hidden\"\n                                :disabled=\"isLoading\"\n                                @change=\"handleFilter()\"\n                            />\n                            <label\n                                :for=\"item.id\"\n                                class=\"flex cursor-pointer items-center rounded-full bg-grey-200 px-3 py-2 text-sm leading-5 text-black\"\n                                :class=\"{\n                                    '!bg-bigg-red font-semibold text-white':\n                                        filter === item.key,\n                                }\"\n                                >{{ $t(item.i18_key) }}</label\n                            >\n                        </div>\n                    </div>\n                </div>\n                <!-- search desktop -->\n                <div class=\"relative hidden lg:flex\">\n                    <button\n                        class=\"absolute left-2 top-0 h-full p-2.5 text-sm font-medium text-slate-400 focus:outline-none\"\n                        @click=\"handleSearch\"\n                    >\n                        <svg\n                            class=\"h-4 w-4\"\n                            aria-hidden=\"true\"\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                            fill=\"none\"\n                            viewBox=\"0 0 20 20\"\n                        >\n                            <path\n                                stroke=\"currentColor\"\n                                stroke-linecap=\"round\"\n                                stroke-linejoin=\"round\"\n                                stroke-width=\"2\"\n                                d=\"m19 19-4-4m0-7A7 7 0 1 1 1 8a7 7 0 0 1 14 0Z\"\n                            />\n                        </svg>\n                    </button>\n                    <input\n                        id=\"games_keyword\"\n                        v-model=\"keyword\"\n                        type=\"text\"\n                        class=\"block min-w-[270px] rounded-3xl border border-grey-200 bg-white p-1.5 pl-10 text-sm text-black focus:border-bigg-yellow focus:ring-bigg-yellow xl:pr-5\"\n                        :placeholder=\"$t('common.search')\"\n                        maxlength=\"20\"\n                        required\n                        @input=\"handleSearchsDebounced()\"\n                    />\n                </div>\n            </div>\n\n            <ThaCommonLoaderGridCards\n                v-if=\"isLoading\"\n                :cols=\"2\"\n                :lgcols=\"5\"\n                :count=\"8\"\n            />\n            <div v-else class=\"space-y-2\">\n                <div\n                    class=\"grid grid-cols-2 gap-2 lg:grid-cols-4 lg:gap-4 xl:grid-cols-5\"\n                >\n                    <template\n                        v-for=\"game in games.items\"\n                        :key=\"game.partner_game_id\"\n                    >\n                        <ThaCommonGameCard\n                            :data=\"game\"\n                            :jackpotvalue=\"findJacpot(game)\"\n                            @click=\"handleGetGameUrl(game)\"\n                        />\n                    </template>\n                </div>\n                <div\n                    v-if=\"page < totalPage\"\n                    class=\"flex justify-center pt-2 lg:pt-8\"\n                >\n                    <ThaCommonButton\n                        :loading=\"isShowMore\"\n                        type=\"button\"\n                        @click=\"handleShowMore\"\n                    >\n                        {{ $t('common.show_more') }}\n                    </ThaCommonButton>\n                </div>\n                <div v-if=\"games?.items?.length === 0\">\n                    <ThaBlocksNoDataGames />\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n<script setup>\nimport {\n    useGamesStore,\n    useJackpotStore,\n    useProviderStore,\n    useAlertStore,\n    useModalStore,\n    useUserStore,\n} from '~/stores'\n\nimport { storeToRefs } from 'pinia'\nimport { useWindowSize } from '@vueuse/core'\n\nconst staticUrl = useRuntimeConfig().public.staticUrl\n\nconst { width } = useWindowSize()\n\nconst alertStore = useAlertStore()\n// const useUserStoreInstance = useUserStore()\n// const { isLoggedIn } = storeToRefs(useUserStoreInstance)\nconst route = useRoute()\nconst router = useRouter()\nconst useGamesStoreInstance = useGamesStore()\nconst useJackpotStoreInstance = useJackpotStore()\nconst useProviderStoreInstance = useProviderStore()\n\nconst { getGamesProvidersByType, getGamesProvidersAllByType } =\n    useProviderStoreInstance\n\n// extract specific store properties\nconst { games } = storeToRefs(useGamesStoreInstance)\nconst { jackpots } = storeToRefs(useJackpotStoreInstance)\nconst partner = ref('')\npartner.value = route.query.partner\n// extract specific store actions\nconst { getGames, getGameUrl } = useGamesStoreInstance\nconst keyword = ref('')\nconst isLoading = ref(false)\nconst isShowMore = ref(false)\nconst page = ref(1)\nconst totalPage = ref(1)\nconst filter = ref('all')\nconst type = ref('')\nconst { t } = useI18n({})\n\nconst FILTER_KEYWORD = [\n    {\n        id: 'all',\n        key: 'all',\n        value: 'all',\n        i18_key: 'filter.all',\n        name: 'game_filter',\n    },\n    // { id: 'az', value: 'az', i18_key: 'filter.A-Z', name: 'game_filter' },\n    {\n        id: 'hot',\n        key: 'hot',\n        value: 'hot',\n        i18_key: 'filter.hot',\n        name: 'game_filter',\n    },\n    // {\n    //     id: 'recent',\n    //     value: 'recent',\n    //     i18_key: 'filter.recent',\n    //     name: 'game_filter',\n    // },\n    {\n        id: 'new',\n        key: 'new',\n        value: 'new',\n        i18_key: 'filter.new',\n        name: 'game_filter',\n    },\n]\n// not use - We get the provider position by the API\n// const sortProvider = (item) => {\n//     return item.sort((a, b) => {\n//         if (a.stt === undefined && b.stt !== undefined) {\n//             return -1\n//         }\n//         if (a.stt !== undefined && b.stt === undefined) {\n//             return 1\n//         }\n//         if (a.stt === undefined && b.stt === undefined) {\n//             return 0\n//         }\n//         return a.stt - b.stt\n//     })\n// }\n\nconst listProviderGame = computed(() => {\n    return width.value > 1023\n        ? getGamesProvidersAllByType(route?.params?.type)\n        : getGamesProvidersByType(route?.params?.type)\n})\n\nconst handleSearch = async (isShowMore = false) => {\n    try {\n        if (!isShowMore) {\n            isLoading.value = true\n        }\n        page.value = 1\n        const { data } = await getGames({\n            type: type.value ? type.value : route?.params?.type || '',\n            filter: filter.value || '',\n            keyword: keyword.value || '',\n            page: page.value,\n            partner: partner.value,\n        })\n        totalPage.value = data.value.totalPage\n    } catch (error) {\n        console.log(error)\n        alertStore.showMessageError(error)\n    } finally {\n        isLoading.value = false\n    }\n}\n\nconst onChangeFilter = (item) => {\n    filter.value = item\n    handleSearch()\n}\n\nconst handleSearchsDebouncedMobile = useDebounceBigg(async (payload) => {\n    if (payload) {\n        keyword.value = payload\n    } else {\n        keyword.value = ''\n    }\n\n    await handleSearch()\n}, 600)\nconst handleSearchsDebounced = useDebounceBigg(async () => {\n    await handleSearch()\n}, 600)\n\nconst handleChangeProviderMobile = (item) => {\n    router.push({ query: { partner: item.key } })\n    partner.value = item.key\n    // await handleSearch()\n    // serach invoked by watch\n}\nconst changePartner = async (payload) => {\n    router.push({ query: { partner: payload } })\n    partner.value = payload\n    // serach invoked by watch\n    // serach invoked by watch\n}\n\nconst handleFilter = async () => {\n    try {\n        isLoading.value = true\n        page.value = 1\n        await handleSearch()\n    } catch (error) {\n        console.error(error)\n    } finally {\n        isLoading.value = false\n    }\n}\n\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 handleShowMore = async () => {\n    if (page.value === totalPage.value) return\n    try {\n        isShowMore.value = true\n        page.value = page.value + 1\n        const { data } = await getGames({\n            type: type.value ? type.value : route?.params?.type || '',\n            filter: filter.value || '',\n            keyword: keyword.value || '',\n            page: page.value,\n            partner: partner.value,\n        })\n        totalPage.value = data.value.totalPage\n    } catch (error) {\n        console.error(error)\n    } finally {\n        isShowMore.value = false\n    }\n}\nconst findJacpot = (game) => {\n    return jackpots.value[game.partner_game_id]\n}\n\n// const input = ref(null)\n// const hideMobileKeyboard = () => {\n//     input.value.blur()\n// }\n\n// get games on server\nawait handleSearch()\n\nwatch(\n    () => route.query.partner,\n    async (newVal) => {\n        page.value = 1\n        totalPage.value = 1\n        keyword.value = ''\n        partner.value = newVal\n        await handleSearch()\n    },\n    { immediate: false, deep: false }\n)\n\n// refetch when language changes\nconst { locale } = useI18n()\nwatch(\n    () => locale.value,\n    async (newVal, oldVal) => {\n        if (newVal !== oldVal) {\n            await handleSearch()\n        }\n    },\n    { immediate: false, deep: false }\n)\n</script>\n<style lang=\"scss\" scoped>\n.icon {\n    filter: brightness(0) saturate(100%) invert(66%) sepia(4%) saturate(30%)\n        hue-rotate(44deg) brightness(90%) contrast(91%);\n    &.active {\n        filter: unset;\n    }\n}\n</style>\n"],"names":["emit","__emit","alertStore","useAlertStore","gameStoreInstance","useGamesStore","getGameUrl","router","useRouter","staticUrl","useRuntimeConfig","isMobile","useDevice","useUserStoreInstance","useUserStore","useModalStoreInstance","useModalStore","handleGetGameUrl","toSend","newtab","data","_a","url","_c","_b","error","_d","navigateTo","handleClick","item","link","keyFilter","ref","props","__props","isShowSearch","partner","activeTab","route","useRoute","providerFilter","computed","keyword","isHidden","isFocus","providerActive","keyword_input","hideMobileKeyboard","watch","newVal","dropDowntargetEl","dropDowntriggerEl","handleaApplyFilter","payload","instanceOptions","options","Dropdown","handleBack","onMounted","initDropdowns","nextTick","width","useWindowSize","useGamesStoreInstance","useJackpotStoreInstance","useJackpotStore","useProviderStoreInstance","useProviderStore","getGamesProvidersByType","getGamesProvidersAllByType","games","storeToRefs","jackpots","getGames","isLoading","isShowMore","page","totalPage","filter","type","t","useI18n","FILTER_KEYWORD","listProviderGame","handleSearch","onChangeFilter","handleSearchsDebouncedMobile","useDebounceBigg","handleSearchsDebounced","handleChangeProviderMobile","changePartner","handleFilter","handleShowMore","findJacpot","game","__temp","__restore","_withAsyncContext","locale","oldVal"],"mappings":"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"}