{"version":3,"file":"localizationModal.3179a4a3.js","sources":["../../../resources/js/modules/PublicModal/shared/keys/localization-key.js","../../../resources/js/modules/PublicModal/components/localization/LocalizationItem.vue","../../../resources/js/modules/PublicModal/components/localization/LocalizationClose.vue","../../../resources/js/modules/PublicModal/components/localization/LocalizationMenu.vue","../../../resources/js/modules/PublicModal/components/localization/LocalizationHandler.vue","../../../resources/js/modules/PublicModal/view/LocalizationModal.vue","../../../resources/js/modules/PublicModal/localization.js"],"sourcesContent":["export const LOCALIZATION_KEY = \"localization\"\n","<template>\n    <div @click=\"$emit('click')\" class=\"localization-item\">\n        <slot></slot>\n    </div>\n</template>\n\n<script>\nexport default {\n    name: \"LocalizationItem\"\n}\n</script>\n\n<style scoped lang=\"sass\">\n.localization-item\n    width: 180px\n    border: 1px solid transparent\n    border-radius: 10px\n    cursor: pointer\n    font-weight: 600\n    font-size: 16px\n    line-height: 130%\n    color: #151515\n    padding: 10px 0 10px 20px\n    margin-bottom: 5px\n    &.active\n        background: #F2F7FF\n        border-color: #F2F7FF\n    @media (min-width: 1140px)\n        &:not(&:nth-child(5n))\n            margin-right: 25px\n    @media (max-width: 1140px)\n        margin-right: 25px\n    @media (max-width: 730px)\n        margin-right: 10px\n        width: 160px\n    @media (max-width: 640px)\n        margin-right: 15px\n        width: 180px\n    @media (max-width: 460px)\n        width: 100%\n    &:hover\n        border-color: #3965FF\n</style>\n","<template>\n    <button @click=\"$emit('close')\" class=\"localization-close\">\n        <svg width=\"32\" height=\"32\" viewBox=\"0 0 32 32\" stroke=\"#000\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n            <path\n                d=\"M9.40039 9.40039L22.5997 22.5997\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n            ></path>\n            <path\n                d=\"M9.40039 22.5996L22.5997 9.40028\"\n                stroke-width=\"2\"\n                stroke-linecap=\"round\"\n                stroke-linejoin=\"round\"\n            ></path>\n        </svg>\n    </button>\n</template>\n\n<script>\nexport default {\n    name: \"LocalizationClose\"\n}\n</script>\n\n<style scoped lang=\"sass\">\n.localization-close\n    width: 32px\n    height: 32px\n    svg\n        transition: .2s\n    &:hover\n        svg\n            stroke: #fa567b\n    @media (max-width: 640px)\n        width: 24px\n        height: 24px\n        svg\n            width: 24px\n            height: 24px\n</style>\n","<template>\n    <div class=\"localization-menu\" :class=\"{ 'localization-menu_flat': flat }\">\n        <div class=\"localization-menu__back\" @click=\"$emit('close')\">\n            <svg\n                width=\"24\"\n                height=\"24\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"#52565C\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n            >\n                <path\n                    d=\"M17.5 12L6.5 12M6.5 12L11.0882 16M6.5 12L11.0882 8\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                />\n            </svg>\n            <span v-html=\"$t('back_to_menu')\"></span>\n        </div>\n        <ul class=\"localization-menu-tabs\">\n            <flex-container>\n                <li\n                    :class=\"{ active: tab === active }\"\n                    @click=\"active = tab\"\n                    class=\"localization-menu-tab\"\n                    v-for=\"tab in tabs\"\n                    :key=\"tab.key\"\n                >\n                    {{ tab.title }}\n                </li>\n            </flex-container>\n            <LocalizationClose @close=\"$emit('close')\" />\n        </ul>\n        <h3 class=\"localization-title\">\n            {{ active.key === \"language\" ? $t(\"select_language\") : $t(\"select_currency\") }}\n        </h3>\n        <div class=\"localization-container\">\n            <localization-item\n                @click=\"handle(item)\"\n                :class=\"{ active: item.is_active }\"\n                :key=\"index\"\n                v-for=\"(item, index) in list\"\n            >\n                {{ item.original_name || item.code }}\n            </localization-item>\n        </div>\n    </div>\n</template>\n\n<script>\nimport FlexContainer from \"@components/Containers/FlexContainer\"\nimport LocalizationRepository from \"../../shared/repository/localization-repository\"\nimport LocalizationItem from \"./LocalizationItem\"\nimport LocalizationClose from \"./LocalizationClose\"\n\nexport default {\n    name: \"LocalizationMenu\",\n    components: { LocalizationClose, FlexContainer, LocalizationItem },\n    props: {\n        flat: {\n            type: Boolean,\n            default: false,\n            required: false\n        }\n    },\n    data() {\n        return {\n            tabs: [\n                {\n                    title: this.$t(\"language\"),\n                    key: \"language\",\n                    active: true\n                },\n                {\n                    title: this.$t(\"currency\"),\n                    key: \"currency\",\n                    active: false\n                }\n            ],\n            languages: [],\n            currencies: []\n        }\n    },\n    async created() {\n        this.$emit(\"loading\", true)\n        try {\n            this.currencies = await LocalizationRepository.currencies(true)\n            this.languages = await LocalizationRepository.languages()\n        } catch (e) {\n            console.log(e)\n        } finally {\n            this.$emit(\"loading\", false)\n        }\n    },\n    methods: {\n        handle(item) {\n            if (this.active.key === \"language\") {\n                LocalizationRepository.changeLanguage(item.iso_2)\n            }\n            if (this.active.key === \"currency\") {\n                LocalizationRepository.changeCurrency(item.id)\n            }\n        }\n    },\n    computed: {\n        list() {\n            if (this.active.key === \"language\") {\n                return this.languages\n            }\n            if (this.active.key === \"currency\") {\n                return this.currencies\n            }\n            return []\n        },\n        active: {\n            get() {\n                return this.tabs.find($t => $t.active)\n            },\n            set(tab) {\n                if (this.active) {\n                    this.tabs.find($t => $t.active).active = false\n                }\n                tab.active = true\n            }\n        }\n    }\n}\n</script>\n\n<style scoped lang=\"sass\">\n.localization-container\n    display: flex\n    flex-wrap: wrap\n    margin-top: 35px\n    @media (max-width: 640px)\n        margin-top: 7px\n.localization-menu\n    position: absolute\n    background: #fff\n    padding: 30px 35px\n    height: 496px\n    box-shadow: 0 9px 30px -5px #5150d233\n    min-width: 1071px\n    right: 0\n    border-radius: 10px\n    z-index: 55555555\n    top: calc(100% + 10px)\n    @media (max-width: 1140px)\n        min-width: 0\n        top: 60px\n        right: 3%\n        width: calc(100vw - 6%)\n    @media (max-width: 960px)\n        top: 80px\n    @media (max-width: 640px)\n        padding: 18px 10px 18px 18px\n        top: 0\n        right: 0\n        width: calc(100vw - 20%)\n        max-width: 420px\n    @media (max-width: 480px)\n        overflow: auto\n        padding: 0 10px 18px 18px\n        top: 103px\n        right: 0\n        left: 0\n        width: 100%\n        max-width: 100%\n        height: 400px\n        box-shadow: none\n        border-radius: 0\n    &__back\n        display: none\n        @media (max-width: 480px)\n            display: flex\n            margin-bottom: 25px\n            align-items: center\n            font-size: 12px\n            cursor: pointer\n            svg\n                margin-right: 10px\n.localization-menu-tabs\n    display: flex\n    padding-bottom: 20px\n    justify-content: space-between\n    border-bottom: 1px solid #F3F3F3\n    @media (max-width: 640px)\n        padding-bottom: 8px\n.localization-title\n    font-weight: 700\n    color: #151515\n    font-size: 20px\n    line-height: 130%\n    margin-top: 30px\n    @media (max-width: 640px)\n        font-size: 16px\n.localization-close\n    @media (max-width: 480px)\n        display: none\n.localization-menu-tab\n    font-size: 20px\n    line-height: 130%\n    color: #151515\n    font-weight: 600\n    cursor: pointer\n    transition: .2s\n    &.active\n        color: #3965ff\n    &:not(&:first-child)\n        margin-left: 33px\n    @media (max-width: 640px)\n        font-size: 16px\n</style>\n","<template>\n    <button @click=\"handle()\" class=\"localization-handler\">\n        <SpinLoader v-if=\"loading\" color=\"#3965ff\" :width=\"24\" :stroke-width=\"4\" />\n        <flex-container v-else>\n            <svg\n                width=\"24\"\n                height=\"24\"\n                viewBox=\"0 0 24 24\"\n                fill=\"none\"\n                stroke=\"black\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n            >\n                <path\n                    d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\"\n                    stroke-width=\"2\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                ></path>\n                <path d=\"M2 12H22\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"></path>\n                <path\n                    d=\"M12 2C14.5013 4.73835 15.9228 8.29203 16 12C15.9228 15.708 14.5013 19.2616 12 22C9.49872 19.2616 8.07725 15.708 8 12C8.07725 8.29203 9.49872 4.73835 12 2V2Z\"\n                    stroke-width=\"2\"\n                    stroke-linecap=\"round\"\n                    stroke-linejoin=\"round\"\n                ></path>\n            </svg>\n            <span v-if=\"language && currency\"> {{ $t(\"language\") }}: {{ language.name }}, {{ currency.code }}</span>\n        </flex-container>\n    </button>\n</template>\n\n<script>\nimport SpinLoader from \"@components/Loaders/SpinLoader\"\nimport FlexContainer from \"@components/Containers/FlexContainer\"\n\nexport default {\n    props: {\n        loading: {\n            type: Boolean,\n            default: false,\n            required: false\n        },\n        language: {\n            type: Object,\n            default: () => null\n        },\n        currency: {\n            type: Object,\n            default: () => null\n        }\n    },\n    name: \"LocalizationHandler\",\n    components: { FlexContainer, SpinLoader },\n    methods: {\n        handle() {\n            this.$emit(\"handle\")\n            document.querySelectorAll(\".fp-header__dropdown\").forEach(element => {\n                element.classList.remove(\"fp-header__dropdown-show\")\n            })\n            document.querySelectorAll(\".fp-header__left-menu-link-arrow\").forEach(element => {\n                element.classList.remove(\"fp-header__left-menu-link-active\")\n            })\n            document.querySelectorAll(\".header__menu_item_dropdown\").forEach(item => {\n                item.parentElement.classList.remove(\"active\")\n            })\n            document.body.classList.remove(\"open-menu\")\n            document.querySelector(\".header__menu\").classList.remove(\"open\")\n            document.querySelector(\".header__menu\").classList.remove(\"open-child\")\n        }\n    }\n}\n</script>\n\n<style scoped lang=\"sass\">\n.localization-handler\n    cursor: pointer\n    width: 24px\n    height: 24px\n    position: relative\n    span\n        display: none\n        font-size: 16px\n        font-weight: 400\n        line-height: 130%\n        margin-left: 9px\n    &:hover\n        svg\n            stroke: #3965ff\n    @media (max-width: 640px)\n        width: 100%\n        position: relative\n        padding: 15px 16px\n        height: max-content\n        svg\n            width: 15px\n            height: 15px\n        &::after\n            content: \"\"\n            position: absolute\n            bottom: 0\n            right: 16px\n            left: 16px\n            height: 1px\n            background: #F3F3F3\n        span\n            display: block\n</style>\n","<template>\n    <div v-click-outside=\"handleClickOutside\" class=\"localization-modal\">\n        <LocalizationHandler\n            :language=\"currentLanguage\"\n            :currency=\"currentCurrency\"\n            :loading=\"loading && isOpen\"\n            @handle=\"isOpen = !isOpen\"\n            v-if=\"!flat\"\n        />\n        <LocalizationMenu\n            @close=\"isOpen = false\"\n            @loading=\"loading = $event\"\n            :flat=\"flat\"\n            v-show=\"isOpen && !loading\"\n        />\n    </div>\n</template>\n\n<script>\nimport LocalizationMenu from \"../components/localization/LocalizationMenu\"\nimport LocalizationHandler from \"../components/localization/LocalizationHandler\"\nimport ClickOutside from \"vue-click-outside\"\nimport LocalizationRepository from \"@public-modal/shared/repository/localization-repository\"\n\nconst fillHandler = (language, currency) => {\n    return `\n        <div class=\"raw-handler\">\n            <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                <path d=\"M12 22C17.5228 22 22 17.5228 22 12C22 6.47715 17.5228 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22Z\" stroke=\"#3965FF\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                <path d=\"M2 12H22\" stroke=\"#3965FF\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n                <path d=\"M12 2C14.5013 4.73835 15.9228 8.29203 16 12C15.9228 15.708 14.5013 19.2616 12 22C9.49872 19.2616 8.07725 15.708 8 12C8.07725 8.29203 9.49872 4.73835 12 2V2Z\" stroke=\"#3965FF\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>\n            </svg>\n            <p> ${language.original_name}, ${currency.code} - ${currency.html_code}</p>\n        </div>\n    `\n}\n\nexport default {\n    components: { LocalizationMenu, LocalizationHandler },\n    directives: {\n        ClickOutside\n    },\n    props: {\n        flat: {\n            type: Boolean,\n            default: false,\n            required: false\n        }\n    },\n    name: \"LocalizationModal\",\n    data() {\n        return {\n            isOpen: !!this.flat,\n            loading: false,\n            currentLanguage: null,\n            currentCurrency: null,\n            subscriptions: []\n        }\n    },\n    methods: {\n        handleClickOutside({ target }) {\n            if (!target.closest(\"[data-localization-raw-handler]\")) {\n                this.isOpen = false\n            }\n        },\n        open() {\n            this.isOpen = true\n        }\n    },\n    async mounted() {\n        this.currentLanguage = (await LocalizationRepository.languages()).find(l => l.is_active)\n        this.currentCurrency = await LocalizationRepository.currentCurrency()\n        const raw = document.querySelectorAll(\"[data-localization-raw-handler]\")\n\n        for (const handler of raw) {\n            handler.innerHTML = fillHandler(this.currentLanguage, this.currentCurrency)\n            handler.addEventListener(\"click\", () => {\n                this.open()\n                if (document.querySelector(\".hamburger-mobile\")) {\n                    document.querySelector(\".hamburger-mobile\").classList.toggle(\"open\")\n                }\n                if (document.querySelector(\".fp-header__mobile-menu\")) {\n                    document.querySelector(\".fp-header__mobile-menu\").classList.toggle(\"show\")\n                }\n                //document.body.classList.toggle(\"blur\")\n                if (document.querySelector(\".fp__overlay\")) {\n                    document.querySelector(\".fp__overlay\").classList.toggle(\"fp__overlay-show\")\n                }\n            })\n            this.subscriptions.push(handler)\n        }\n    },\n    destroyed() {\n        for (const subscription of this.subscriptions) {\n            subscription.removeEventListener(\"click\", this.open)\n        }\n    }\n}\n</script>\n<style lang=\"sass\">\n.raw-handler\n    display: flex\n    line-height: 21px\n    cursor: pointer\n    align-items: center\n    & > *\n        pointer-events: none\n    span\n        font-size: 14px\n        margin-top: 4px\n\n    svg\n        margin-right: 14px\n        path\n            stroke: #1E1F21\n    &:hover\n        color: #3965FF\n        svg\n            path\n                stroke: #3965FF\n</style>\n<style scoped lang=\"sass\">\n.localization-modal\n    position: relative\n    height: 24px\n    @media (max-width: 1140px)\n        position: static\n    @media (max-width: 640px)\n        width: 100%\n        height: max-content\n</style>\n","import Vue from \"vue\"\nimport onDOMContentLoaded from \"./shared/scripts/on-dom-content-loaded\"\nimport { LOCALIZATION_KEY } from \"./shared/keys/localization-key\"\nimport { getContainer } from \"./shared/scripts/container\"\nimport LocalizationModal from \"./view/LocalizationModal\"\nimport localLangs from \"./shared/langs\"\n\nconst { app_current_locale } = window\n\nonDOMContentLoaded(() => {\n    const container = getContainer(LOCALIZATION_KEY)\n\n    if (!container) {\n        return\n    }\n\n    Vue.mixin({\n        methods: {\n            $t(key) {\n                let default_locale = \"en\"\n                let locale = app_current_locale || default_locale\n                let localizations = localLangs[locale] || localLangs[default_locale]\n                return localizations[key] || key\n            }\n        }\n    })\n\n    new Vue({\n        el: container,\n        render: h => h(LocalizationModal)\n    })\n})\n"],"names":["LOCALIZATION_KEY","_sfc_main","LocalizationClose","FlexContainer","LocalizationItem","__async","LocalizationRepository","e","item","$t","tab","SpinLoader","element","fillHandler","language","currency","LocalizationMenu","LocalizationHandler","ClickOutside","target","l","raw","handler","subscription","app_current_locale","onDOMContentLoaded","container","getContainer","Vue","key","default_locale","localLangs","h","LocalizationModal"],"mappings":"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"}