{"version":3,"file":"Support-E-rJAGPx.js","sources":["../../../resources/js/Pages/Support.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport AppLayout from \"@/Layouts/AppLayout.vue\";\nimport { ref, onMounted, onUnmounted, computed } from \"vue\";\nimport { trans } from \"@/Composables/trans\";\nimport { usePage } from \"@inertiajs/vue3\";\n\ndeclare global {\n    interface Window {\n        tidioChatApi?: {\n            on: (event: string, callback: () => void) => void;\n            hide: () => void;\n            show: () => void;\n            open: () => void;\n        };\n    }\n}\n\nconst { props } = usePage();\n\nconst telegramSupportUrl = computed(() => {\n    const userId = props?.auth?.user?.id;\n    return userId\n        ? `https://t.me/streaflex_support_bot?start=${userId}`\n        : `https://t.me/streaflex_support_bot`;\n});\n\nconst isChatLoaded = ref<boolean>(false);\nconst isLoading = ref<boolean>(true);\n\nfunction clearChatLocalStorage(): void {\n    for (let i = localStorage.length - 1; i >= 0; i--) {\n        const key = localStorage.key(i);\n        if (key && key.includes(\"tidio\")) {\n            localStorage.removeItem(key);\n        }\n    }\n}\n\nfunction loadChatScript(): Promise<void> {\n    return new Promise((resolve, reject) => {\n        clearChatLocalStorage();\n\n        if (document.getElementById(\"chat-script\")) {\n            resolve();\n            return;\n        }\n\n        const script = document.createElement(\"script\");\n        script.id = \"chat-script\";\n        script.src = \"//code.tidio.co/xji8pgjy6nz2wie4gwnckg253l2co1ah.js\";\n        script.async = true;\n\n        script.onload = () => {\n            isChatLoaded.value = true;\n\n            if (window.tidioChatApi) {\n                window.tidioChatApi.on(\"ready\", () => {\n                    window.tidioChatApi?.hide();\n                    isLoading.value = false;\n                });\n            } else {\n                isLoading.value = false;\n                console.warn(\"Chat API is not available immediately after script load\");\n            }\n\n            resolve();\n        };\n\n        script.onerror = () => {\n            console.error(\"Failed to load chat script\");\n            isLoading.value = false;\n            reject(new Error(\"Failed to load chat script\"));\n        };\n\n        document.head.appendChild(script);\n    });\n}\n\nfunction removeChatScript(): void {\n    const chatScript = document.getElementById(\"chat-script\");\n    if (chatScript) {\n        chatScript.remove();\n    }\n\n    const chatElements = document.querySelectorAll('[id^=\"tidio-chat\"]');\n    chatElements.forEach(element => element.remove());\n\n    if (window.tidioChatApi) {\n        delete window.tidioChatApi;\n    }\n}\n\nfunction openSupportChat(): void {\n    if (isChatLoaded.value && window.tidioChatApi) {\n        window.tidioChatApi.show();\n        window.tidioChatApi.open();\n    } else {\n        console.warn(\"Chat API not loaded\");\n    }\n}\n\nonMounted(() => {\n    loadChatScript().catch((error: Error) => {\n        console.error(error);\n    });\n});\n\nonUnmounted(() => {\n    removeChatScript();\n});\n</script>\n\n<template>\n    <AppLayout :title=\"trans('meta.support.title')\" :description=\"trans('meta.support.description')\">\n        <b-container class=\"py-5 pb-lg-6 py-lg-8\">\n            <b-row>\n                <b-col lg=\"6\" md=\"12\" cols=\"12\">\n                    <h1 class=\"mb-1 mb-lg-3\">\n                        {{ trans('support.support.help_team') }}\n                    </h1>\n                    <p class=\"mb-0 lead\">\n                        {{ trans('support.support.support_description') }}\n                    </p>\n                </b-col>\n            </b-row>\n        </b-container>\n        <b-container class=\"pb-5 pb-lg-8\">\n            <b-row>\n                <b-col cols=\"12\">\n                    <b-row class=\"g-xl-7 gy-5\">\n                        <b-col md=\"6\" xl=\"3\" cols=\"12\">\n                            <div class=\"d-flex flex-column h-100 mb-3\">\n                                <div class=\"icon-shape bg-primary bg-opacity-10 rounded icon-xl mb-5\">\n                                    <i class=\"bi bi-telegram text-primary\" style=\"font-size: 32px;\"></i>\n                                </div>\n                                <div class=\"flex-grow-1\">\n                                    <p class=\"h3\">\n                                        <span class=\"me-2\">\n                                          {{ trans('support.support.telegram_support') }}\n                                        </span>\n                                        <span class=\"badge border-primary border text-primary rounded-pill\">\n                                          {{ trans('support.support.fastest') }}\n                                        </span>\n                                    </p>\n                                    <p class=\"mb-0\">\n                                        {{ trans('support.support.telegram_description') }}\n                                    </p>\n                                </div>\n                                <div class=\"mt-auto\">\n                                    <b-button\n                                        variant=\"primary\"\n                                        :href=\"telegramSupportUrl\"\n                                        target=\"_blank\"\n                                        class=\"mt-3\"\n                                    >\n                                        {{ trans('support.support.chat_on_telegram') }}\n                                    </b-button>\n                                </div>\n                            </div>\n                        </b-col>\n                        <b-col md=\"6\" xl=\"3\" cols=\"12\">\n                            <div class=\"d-flex flex-column h-100 mb-3\">\n                                <div class=\"icon-shape bg-primary bg-opacity-10 rounded icon-xl mb-5\">\n                                    <i class=\"bi bi-discord text-primary\" style=\"font-size: 32px;\"></i>\n                                </div>\n                                <div class=\"flex-grow-1\">\n                                    <p class=\"h3\">\n                                        {{ trans('support.support.discord_support') }}\n                                    </p>\n                                    <p class=\"mb-0\">\n                                        {{ trans('support.support.discord_description') }}\n                                    </p>\n                                </div>\n                                <div class=\"mt-auto\">\n                                    <b-button\n                                        variant=\"primary\"\n                                        href=\"https://discord.gg/BTJkC9Hbtp\"\n                                        target=\"_blank\"\n                                        class=\"mt-3\"\n                                    >\n                                        {{ trans('support.support.chat_on_discord') }}\n                                    </b-button>\n                                </div>\n                            </div>\n                        </b-col>\n                        <b-col md=\"6\" xl=\"3\" cols=\"12\">\n                            <div class=\"d-flex flex-column h-100 mb-3\">\n                                <div class=\"icon-shape bg-primary bg-opacity-10 rounded icon-xl mb-5\">\n                                    <i class=\"bi bi-envelope-fill text-primary\" style=\"font-size: 32px;\"></i>\n                                </div>\n                                <div class=\"flex-grow-1\">\n                                    <p class=\"h3\">\n                                        {{ trans('support.support.email_support') }}\n                                    </p>\n                                    <p class=\"mb-0\">\n                                        {{ trans('support.support.email_description') }}\n                                    </p>\n                                </div>\n                                <div class=\"mt-auto\">\n                                    <b-button\n                                        variant=\"primary\"\n                                        href=\"mailto:support@streaflex.com\"\n                                        class=\"mt-3\"\n                                    >\n                                        {{ trans('support.support.send_email') }}\n                                    </b-button>\n                                </div>\n                            </div>\n                        </b-col>\n                        <b-col md=\"6\" xl=\"3\" cols=\"12\" class=\"order-first order-xl-last\">\n                            <div class=\"d-flex flex-column h-100 mb-3\">\n                                <div class=\"icon-shape bg-primary bg-opacity-10 rounded icon-xl mb-5\">\n                                    <i class=\"bi bi-chat-fill text-primary\" style=\"font-size: 32px;\"></i>\n                                </div>\n                                <div class=\"flex-grow-1\">\n                                    <p class=\"h3\">\n                                        <span class=\"me-2\">\n                                          {{ trans('support.support.online_chat') }}\n                                        </span>\n                                        <span class=\"badge border-primary border text-primary rounded-pill\">\n                                          {{ trans('support.support.fastest') }}\n                                        </span>\n                                    </p>\n                                    <p class=\"mb-0\">\n                                        {{ trans('support.support.online_chat_description') }}\n                                    </p>\n                                </div>\n                                <div class=\"mt-auto\">\n                                    <b-button\n                                        variant=\"primary\"\n                                        class=\"mt-3\"\n                                        @click=\"openSupportChat\"\n                                        :loading=\"isLoading\"\n                                        :disabled=\"isLoading\"\n                                        loading-fill\n                                    >\n                                        {{ trans('support.support.open_online_chat') }}\n                                    </b-button>\n                                </div>\n                            </div>\n                        </b-col>\n                    </b-row>\n                </b-col>\n            </b-row>\n        </b-container>\n        <b-container class=\"pb-5 pb-lg-8\">\n            <b-row>\n                <b-col cols=\"12\">\n                    <div class=\"mb-lg-6 mb-5\">\n                        <h1 class=\"mb-1 mb-lg-3\">\n                            {{ trans('support.support.faq_title') }}\n                        </h1>\n                        <p class=\"mb-0 lead\">\n                            {{ trans('support.support.faq_description') }}\n                        </p>\n                    </div>\n                </b-col>\n            </b-row>\n            <b-row>\n                <b-col cols=\"12\">\n                    <div class=\"py-4 border-top border-bottom\">\n                        <h3 class=\"mb-3\">\n                            {{ trans('support.support.change_plan') }}\n                        </h3>\n                        <p class=\"mb-0\">\n                            {{ trans('support.support.change_plan_description') }}\n                        </p>\n                    </div>\n                    <div class=\"py-4 border-bottom\">\n                        <h3 class=\"mb-3\">\n                            {{ trans('support.support.viewers_bots') }}\n                        </h3>\n                        <p class=\"mb-0\">\n                            {{ trans('support.support.viewers_bots_description') }}\n                        </p>\n                    </div>\n                    <div class=\"py-4 border-bottom\">\n                        <h3 class=\"mb-3\">\n                            {{ trans('support.support.chatters_use') }}\n                        </h3>\n                        <p class=\"mb-0\">\n                            {{ trans('support.support.chatters_use_description') }}\n                        </p>\n                    </div>\n                    <div class=\"py-4 border-bottom\">\n                        <h3 class=\"mb-3\">\n                            {{ trans('support.support.try_service') }}\n                        </h3>\n                        <p class=\"mb-0\">\n                            {{ trans('support.support.try_service_description') }}\n                        </p>\n                    </div>\n                    <div class=\"py-4\">\n                        <h3 class=\"mb-3\">\n                            {{ trans('support.support.payment_methods') }}\n                        </h3>\n                        <p class=\"mb-0\">\n                            {{ trans('support.support.payment_methods_description') }}\n                        </p>\n                    </div>\n                </b-col>\n            </b-row>\n        </b-container>\n    </AppLayout>\n</template>\n"],"names":["props","usePage","telegramSupportUrl","computed","userId","_b","_a","isChatLoaded","ref","isLoading","clearChatLocalStorage","i","key","loadChatScript","resolve","reject","script","removeChatScript","chatScript","element","openSupportChat","onMounted","error","onUnmounted"],"mappings":"w9DAiBM,KAAA,CAAE,MAAAA,CAAM,EAAIC,EAAQ,EAEpBC,EAAqBC,EAAS,IAAM,SAChC,MAAAC,GAASC,GAAAC,EAAAN,GAAA,YAAAA,EAAO,OAAP,YAAAM,EAAa,OAAb,YAAAD,EAAmB,GAC3B,OAAAD,EACD,4CAA4CA,CAAM,GAClD,oCAAA,CACT,EAEKG,EAAeC,EAAa,EAAK,EACjCC,EAAYD,EAAa,EAAI,EAEnC,SAASE,GAA8B,CACnC,QAASC,EAAI,aAAa,OAAS,EAAGA,GAAK,EAAGA,IAAK,CACzC,MAAAC,EAAM,aAAa,IAAID,CAAC,EAC1BC,GAAOA,EAAI,SAAS,OAAO,GAC3B,aAAa,WAAWA,CAAG,CAC/B,CACJ,CAGJ,SAASC,GAAgC,CACrC,OAAO,IAAI,QAAQ,CAACC,EAASC,IAAW,CAGhC,GAFkBL,EAAA,EAElB,SAAS,eAAe,aAAa,EAAG,CAChCI,EAAA,EACR,MAAA,CAGE,MAAAE,EAAS,SAAS,cAAc,QAAQ,EAC9CA,EAAO,GAAK,cACZA,EAAO,IAAM,sDACbA,EAAO,MAAQ,GAEfA,EAAO,OAAS,IAAM,CAClBT,EAAa,MAAQ,GAEjB,OAAO,aACA,OAAA,aAAa,GAAG,QAAS,IAAM,QAClCD,EAAA,OAAO,eAAP,MAAAA,EAAqB,OACrBG,EAAU,MAAQ,EAAA,CACrB,GAEDA,EAAU,MAAQ,GAClB,QAAQ,KAAK,yDAAyD,GAGlEK,EAAA,CACZ,EAEAE,EAAO,QAAU,IAAM,CACnB,QAAQ,MAAM,4BAA4B,EAC1CP,EAAU,MAAQ,GACXM,EAAA,IAAI,MAAM,4BAA4B,CAAC,CAClD,EAES,SAAA,KAAK,YAAYC,CAAM,CAAA,CACnC,CAAA,CAGL,SAASC,GAAyB,CACxB,MAAAC,EAAa,SAAS,eAAe,aAAa,EACpDA,GACAA,EAAW,OAAO,EAGD,SAAS,iBAAiB,oBAAoB,EACtD,QAAQC,GAAWA,EAAQ,OAAA,CAAQ,EAE5C,OAAO,cACP,OAAO,OAAO,YAClB,CAGJ,SAASC,GAAwB,CACzBb,EAAa,OAAS,OAAO,cAC7B,OAAO,aAAa,KAAK,EACzB,OAAO,aAAa,KAAK,GAEzB,QAAQ,KAAK,qBAAqB,CACtC,CAGJ,OAAAc,EAAU,IAAM,CACGR,EAAA,EAAE,MAAOS,GAAiB,CACrC,QAAQ,MAAMA,CAAK,CAAA,CACtB,CAAA,CACJ,EAEDC,EAAY,IAAM,CACGN,EAAA,CAAA,CACpB"}