{"version":3,"file":"-zCYqVK5.js","sources":["../../../../layouts/default-layout/components/menus/UserAccountMenu.vue","../../../../layouts/default-layout/components/menus/UserAccountMenu.vue"],"sourcesContent":["<template>\n    <!--begin::Menu-->\n    <div class=\"menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold py-4 fs-6 w-275px\"\n         data-kt-menu=\"true\"  v-if=\"user\">\n        <!--begin::Menu item-->\n        <div class=\"menu-item px-3\">\n            <div class=\"menu-content d-flex align-items-center px-3\">\n                <!--begin::Avatar-->\n                <div class=\"symbol symbol-50px me-5\">\n                    <img alt=\"Avatar\" :src=\"$thumb(user.avatar,200,200)\" />\n                </div>\n                <!--end::Avatar-->\n                <!--begin::Username-->\n                <div class=\"d-flex flex-column\">\n                    <div class=\"fw-bold d-flex align-items-center fs-5\">\n                        {{user?.fullName}}\n                        <!--<span class=\"badge badge-light-success fw-bold fs-8 px-2 py-1 ms-2\">Pro</span>-->\n                    </div>\n                    <a href=\"#\" class=\"fw-semibold text-muted text-hover-primary fs-7\">{{user?.email}}</a>\n                </div>\n                <!--end::Username-->\n            </div>\n        </div>\n        <!--end::Menu item-->\n        <!--begin::Menu separator-->\n        <div class=\"separator my-2\"></div>\n        <!--end::Menu separator-->\n        <!--begin::Menu item-->\n        <!--<div class=\"menu-item px-5\">\n            <router-link to=\"/pages/profile/overview\" class=\"menu-link px-5\">\n                My Profile\n            </router-link>\n        </div>-->\n        <!--end::Menu item-->\n        <!--begin::Menu item-->\n        <!--<div class=\"menu-item px-5\">\n            <router-link to=\"/pages/profile/overview\" class=\"menu-link px-5\">\n                <span class=\"menu-text\">My Projects</span>\n                <span class=\"menu-badge\">\n                    <span class=\"badge badge-light-danger badge-circle fw-bold fs-7\">3</span>\n                </span>\n            </router-link>\n        </div>-->\n        <!--end::Menu item-->\n        <!--begin::Menu item-->\n        <!--<div class=\"menu-item px-5\"\n             data-kt-menu-trigger=\"hover\"\n             data-kt-menu-placement=\"left-start\"\n             data-kt-menu-flip=\"center, top\">\n            <router-link to=\"/pages/profile/overview\" class=\"menu-link px-5\">\n                <span class=\"menu-title\">My Subscription</span>\n                <span class=\"menu-arrow\"></span>\n            </router-link>-->\n\n            <!--begin::Menu sub-->\n            <!--<div class=\"menu-sub menu-sub-dropdown w-175px py-4\">-->\n                <!--begin::Menu item-->\n                <!--<div class=\"menu-item px-3\">\n                    <router-link to=\"/pages/profile/overview\" class=\"menu-link px-5\">\n                        Referrals\n                    </router-link>\n                </div>-->\n                <!--end::Menu item-->\n                <!--begin::Menu item-->\n                <!--<div class=\"menu-item px-3\">\n                    <router-link to=\"/pages/profile/overview\" class=\"menu-link px-5\">\n                        Billing\n                    </router-link>\n                </div>-->\n                <!--end::Menu item-->\n                <!--begin::Menu item-->\n                <!--<div class=\"menu-item px-3\">\n                    <router-link to=\"/pages/profile/overview\" class=\"menu-link px-5\">\n                        Payments\n                    </router-link>\n                </div>-->\n                <!--end::Menu item-->\n                <!--begin::Menu item-->\n                <!--<div class=\"menu-item px-3\">\n                    <router-link to=\"/pages/profile/overview\"\n                                 class=\"menu-link d-flex flex-stack px-5\">\n                        Statements\n\n                        <i class=\"fas fa-exclamation-circle ms-2 fs-7\"\n                           data-bs-toggle=\"tooltip\"\n                           title=\"View your statements\"></i>\n                    </router-link>\n                </div>-->\n                <!--end::Menu item-->\n                <!--begin::Menu separator-->\n                <!--<div class=\"separator my-2\"></div>-->\n                <!--end::Menu separator-->\n                <!--begin::Menu item-->\n                <!--<div class=\"menu-item px-3\">\n                    <div class=\"menu-content px-3\">\n                        <label class=\"form-check form-switch form-check-custom form-check-solid\">\n                            <input class=\"form-check-input w-30px h-20px\"\n                                   type=\"checkbox\"\n                                   value=\"1\"\n                                   checked\n                                   name=\"notifications\" />\n                            <span class=\"form-check-label text-muted fs-7\">\n                                Notifications\n                            </span>\n                        </label>\n                    </div>\n                </div>-->\n                <!--end::Menu item-->\n            <!--</div>-->\n            <!--end::Menu sub-->\n        <!--</div>-->\n        <!--end::Menu item-->\n        <!--begin::Menu item-->\n        <!--<div class=\"menu-item px-5\">\n            <router-link to=\"/pages/profile/overview\" class=\"menu-link px-5\">\n                My Statements\n            </router-link>\n        </div>-->\n        <!--end::Menu item-->\n        <!--begin::Menu separator-->\n        <!--<div class=\"separator my-2\"></div>-->\n        <!--end::Menu separator-->\n        <!--begin::Menu item-->\n        <div class=\"menu-item px-5 my-1\">\n            <router-link to=\"/account/settings\" class=\"menu-link px-5\">\n                Cài đặt tài khoản\n            </router-link>\n        </div>\n        <!--end::Menu item-->\n        <!--begin::Menu item-->\n        <div class=\"menu-item px-5\">\n            <a @click=\"signOut()\" class=\"menu-link px-5\"> Thoát </a>\n        </div>\n        <!--end::Menu item-->\n    </div>\n    <!--end::Menu-->\n</template>\n\n<script lang=\"ts\">\n    import { getAssetPath } from \"@/core/helpers/assets\";\n    import { computed, defineComponent } from \"vue\";\n    import { useI18n } from \"vue-i18n\";\n    import { useRouter } from \"vue-router\";\n\n    export default defineComponent({\n        name: \"kt-user-menu\",\n        components: {},\n        setup() {\n            const router = useRouter();\n            const i18n = useI18n();\n            const authStore = useAuthStore();\n            const user = authStore.user;\n            i18n.locale.value = localStorage.getItem(\"lang\")\n                ? (localStorage.getItem(\"lang\") as string)\n                : \"en\";\n\n            const countries = {\n                en: {\n                    flag: getAssetPath(\"media/flags/united-states.svg\"),\n                    name: \"English\",\n                },\n                es: {\n                    flag: getAssetPath(\"media/flags/spain.svg\"),\n                    name: \"Spanish\",\n                },\n                de: {\n                    flag: getAssetPath(\"media/flags/germany.svg\"),\n                    name: \"German\",\n                },\n                ja: {\n                    flag: getAssetPath(\"media/flags/japan.svg\"),\n                    name: \"Japanese\",\n                },\n                fr: {\n                    flag: getAssetPath(\"media/flags/france.svg\"),\n                    name: \"French\",\n                },\n            };\n\n            const signOut = () => {\n                authStore.logout();\n                router.push('/account/login');\n            };\n\n            const setLang = (lang: string) => {\n                localStorage.setItem(\"lang\", lang);\n                i18n.locale.value = lang;\n            };\n\n            const currentLanguage = computed(() => {\n                return i18n.locale.value;\n            });\n\n            const currentLangugeLocale = computed(() => {\n                return countries[i18n.locale.value as keyof typeof countries];\n            });\n\n            return {\n                user,\n                signOut,\n                setLang,\n                currentLanguage,\n                currentLangugeLocale,\n                countries,\n                getAssetPath,\n            };\n        },\n    });\n</script>\n","<template>\n    <!--begin::Menu-->\n    <div class=\"menu menu-sub menu-sub-dropdown menu-column menu-rounded menu-gray-600 menu-state-bg-light-primary fw-semibold py-4 fs-6 w-275px\"\n         data-kt-menu=\"true\"  v-if=\"user\">\n        <!--begin::Menu item-->\n        <div class=\"menu-item px-3\">\n            <div class=\"menu-content d-flex align-items-center px-3\">\n                <!--begin::Avatar-->\n                <div class=\"symbol symbol-50px me-5\">\n                    <img alt=\"Avatar\" :src=\"$thumb(user.avatar,200,200)\" />\n                </div>\n                <!--end::Avatar-->\n                <!--begin::Username-->\n                <div class=\"d-flex flex-column\">\n                    <div class=\"fw-bold d-flex align-items-center fs-5\">\n                        {{user?.fullName}}\n                        <!--<span class=\"badge badge-light-success fw-bold fs-8 px-2 py-1 ms-2\">Pro</span>-->\n                    </div>\n                    <a href=\"#\" class=\"fw-semibold text-muted text-hover-primary fs-7\">{{user?.email}}</a>\n                </div>\n                <!--end::Username-->\n            </div>\n        </div>\n        <!--end::Menu item-->\n        <!--begin::Menu separator-->\n        <div class=\"separator my-2\"></div>\n        <!--end::Menu separator-->\n        <!--begin::Menu item-->\n        <!--<div class=\"menu-item px-5\">\n            <router-link to=\"/pages/profile/overview\" class=\"menu-link px-5\">\n                My Profile\n            </router-link>\n        </div>-->\n        <!--end::Menu item-->\n        <!--begin::Menu item-->\n        <!--<div class=\"menu-item px-5\">\n            <router-link to=\"/pages/profile/overview\" class=\"menu-link px-5\">\n                <span class=\"menu-text\">My Projects</span>\n                <span class=\"menu-badge\">\n                    <span class=\"badge badge-light-danger badge-circle fw-bold fs-7\">3</span>\n                </span>\n            </router-link>\n        </div>-->\n        <!--end::Menu item-->\n        <!--begin::Menu item-->\n        <!--<div class=\"menu-item px-5\"\n             data-kt-menu-trigger=\"hover\"\n             data-kt-menu-placement=\"left-start\"\n             data-kt-menu-flip=\"center, top\">\n            <router-link to=\"/pages/profile/overview\" class=\"menu-link px-5\">\n                <span class=\"menu-title\">My Subscription</span>\n                <span class=\"menu-arrow\"></span>\n            </router-link>-->\n\n            <!--begin::Menu sub-->\n            <!--<div class=\"menu-sub menu-sub-dropdown w-175px py-4\">-->\n                <!--begin::Menu item-->\n                <!--<div class=\"menu-item px-3\">\n                    <router-link to=\"/pages/profile/overview\" class=\"menu-link px-5\">\n                        Referrals\n                    </router-link>\n                </div>-->\n                <!--end::Menu item-->\n                <!--begin::Menu item-->\n                <!--<div class=\"menu-item px-3\">\n                    <router-link to=\"/pages/profile/overview\" class=\"menu-link px-5\">\n                        Billing\n                    </router-link>\n                </div>-->\n                <!--end::Menu item-->\n                <!--begin::Menu item-->\n                <!--<div class=\"menu-item px-3\">\n                    <router-link to=\"/pages/profile/overview\" class=\"menu-link px-5\">\n                        Payments\n                    </router-link>\n                </div>-->\n                <!--end::Menu item-->\n                <!--begin::Menu item-->\n                <!--<div class=\"menu-item px-3\">\n                    <router-link to=\"/pages/profile/overview\"\n                                 class=\"menu-link d-flex flex-stack px-5\">\n                        Statements\n\n                        <i class=\"fas fa-exclamation-circle ms-2 fs-7\"\n                           data-bs-toggle=\"tooltip\"\n                           title=\"View your statements\"></i>\n                    </router-link>\n                </div>-->\n                <!--end::Menu item-->\n                <!--begin::Menu separator-->\n                <!--<div class=\"separator my-2\"></div>-->\n                <!--end::Menu separator-->\n                <!--begin::Menu item-->\n                <!--<div class=\"menu-item px-3\">\n                    <div class=\"menu-content px-3\">\n                        <label class=\"form-check form-switch form-check-custom form-check-solid\">\n                            <input class=\"form-check-input w-30px h-20px\"\n                                   type=\"checkbox\"\n                                   value=\"1\"\n                                   checked\n                                   name=\"notifications\" />\n                            <span class=\"form-check-label text-muted fs-7\">\n                                Notifications\n                            </span>\n                        </label>\n                    </div>\n                </div>-->\n                <!--end::Menu item-->\n            <!--</div>-->\n            <!--end::Menu sub-->\n        <!--</div>-->\n        <!--end::Menu item-->\n        <!--begin::Menu item-->\n        <!--<div class=\"menu-item px-5\">\n            <router-link to=\"/pages/profile/overview\" class=\"menu-link px-5\">\n                My Statements\n            </router-link>\n        </div>-->\n        <!--end::Menu item-->\n        <!--begin::Menu separator-->\n        <!--<div class=\"separator my-2\"></div>-->\n        <!--end::Menu separator-->\n        <!--begin::Menu item-->\n        <div class=\"menu-item px-5 my-1\">\n            <router-link to=\"/account/settings\" class=\"menu-link px-5\">\n                Cài đặt tài khoản\n            </router-link>\n        </div>\n        <!--end::Menu item-->\n        <!--begin::Menu item-->\n        <div class=\"menu-item px-5\">\n            <a @click=\"signOut()\" class=\"menu-link px-5\"> Thoát </a>\n        </div>\n        <!--end::Menu item-->\n    </div>\n    <!--end::Menu-->\n</template>\n\n<script lang=\"ts\">\n    import { getAssetPath } from \"@/core/helpers/assets\";\n    import { computed, defineComponent } from \"vue\";\n    import { useI18n } from \"vue-i18n\";\n    import { useRouter } from \"vue-router\";\n\n    export default defineComponent({\n        name: \"kt-user-menu\",\n        components: {},\n        setup() {\n            const router = useRouter();\n            const i18n = useI18n();\n            const authStore = useAuthStore();\n            const user = authStore.user;\n            i18n.locale.value = localStorage.getItem(\"lang\")\n                ? (localStorage.getItem(\"lang\") as string)\n                : \"en\";\n\n            const countries = {\n                en: {\n                    flag: getAssetPath(\"media/flags/united-states.svg\"),\n                    name: \"English\",\n                },\n                es: {\n                    flag: getAssetPath(\"media/flags/spain.svg\"),\n                    name: \"Spanish\",\n                },\n                de: {\n                    flag: getAssetPath(\"media/flags/germany.svg\"),\n                    name: \"German\",\n                },\n                ja: {\n                    flag: getAssetPath(\"media/flags/japan.svg\"),\n                    name: \"Japanese\",\n                },\n                fr: {\n                    flag: getAssetPath(\"media/flags/france.svg\"),\n                    name: \"French\",\n                },\n            };\n\n            const signOut = () => {\n                authStore.logout();\n                router.push('/account/login');\n            };\n\n            const setLang = (lang: string) => {\n                localStorage.setItem(\"lang\", lang);\n                i18n.locale.value = lang;\n            };\n\n            const currentLanguage = computed(() => {\n                return i18n.locale.value;\n            });\n\n            const currentLangugeLocale = computed(() => {\n                return countries[i18n.locale.value as keyof typeof countries];\n            });\n\n            return {\n                user,\n                signOut,\n                setLang,\n                currentLanguage,\n                currentLangugeLocale,\n                countries,\n                getAssetPath,\n            };\n        },\n    });\n</script>\n"],"names":["_sfc_main","defineComponent","router","useRouter","i18n","useI18n","authStore","useAuthStore","user","countries","getAssetPath","signOut","setLang","lang","currentLanguage","computed","currentLangugeLocale","_hoisted_1","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_7","_hoisted_8","_component_router_link","_resolveComponent","_ctx","_openBlock","_createElementBlock","_createElementVNode","_hoisted_2","_hoisted_6","_toDisplayString","_a","_cache","_hoisted_9","_createVNode","_createTextVNode","_hoisted_10","$event","_createCommentVNode"],"mappings":"yKAgJI,MAAAA,EAAeC,EAAgB,CAC3B,KAAM,eACN,WAAY,CAAC,EACb,OAAQ,CACJ,MAAMC,EAASC,IACTC,EAAOC,IACPC,EAAYC,IACZC,EAAOF,EAAU,KAClBF,EAAA,OAAO,MAAQ,aAAa,QAAQ,MAAM,EACxC,aAAa,QAAQ,MAAM,EAC5B,KAEN,MAAMK,EAAY,CACd,GAAI,CACA,KAAMC,EAAa,+BAA+B,EAClD,KAAM,SACV,EACA,GAAI,CACA,KAAMA,EAAa,uBAAuB,EAC1C,KAAM,SACV,EACA,GAAI,CACA,KAAMA,EAAa,yBAAyB,EAC5C,KAAM,QACV,EACA,GAAI,CACA,KAAMA,EAAa,uBAAuB,EAC1C,KAAM,UACV,EACA,GAAI,CACA,KAAMA,EAAa,wBAAwB,EAC3C,KAAM,QACV,CAAA,EAGEC,EAAU,IAAM,CAClBL,EAAU,OAAO,EACjBJ,EAAO,KAAK,gBAAgB,CAAA,EAG1BU,EAAWC,GAAiB,CACjB,aAAA,QAAQ,OAAQA,CAAI,EACjCT,EAAK,OAAO,MAAQS,CAAA,EAGlBC,EAAkBC,EAAS,IACtBX,EAAK,OAAO,KACtB,EAEKY,EAAuBD,EAAS,IAC3BN,EAAUL,EAAK,OAAO,KAA+B,CAC/D,EAEM,MAAA,CACH,KAAAI,EACA,QAAAG,EACA,QAAAC,EACA,gBAAAE,EACA,qBAAAE,EACA,UAAAP,EACA,aAAAC,CAAA,CAER,CACJ,CAAC,EC7MIO,EAAM,CACN,IAAA,EAAA,MAAA,6JAKY,MAAM,kBAR3BC,EAAA,CAAA,MAAA,+CAaqBC,EAAA,CAAA,MAAM,2BACFC,EAAA,CAAA,KAAA,iCAIEC,EAAI,CAAA,MAAA,0CAACC,EAAM,CAAA,KAAA,uJAfE,MAAAC,EAAAC,EAAA,aAAA,EAEhC,OAAAC,EAAA,MAAAC,EAgBU,EAAAC,EAAA,MAAAV,EAAA,CAAAW,EAbF,MAEMC,EAFN,CAAAD,EACI,MAAuDV,EAAA,CAAtCU,EAAA,MAAAT,EAAA,CAAcX,EAAAA,MAAAA,CAAAA,IAAAA,8CAU7B,KAAA,EAAAY,CAAA,CAAA,CAAA,IADF,MAAsFU,EAAA,CAAAF,EAAA,MAAAP,EAAAU,GAAAC,EAAAP,EAAA,OAAA,YAAAO,EAAA,QAAA,EAAA,CAAA,mDAyGlG,CAAA,EAAAC,EACI,CAEc,IAAAA,EAAA,CAAA,EAAAL,EAAA,MAAA,CAAA,MAAA,gBAAA,EAAA,KAAA,EAAA,GAAAA,EAFE,MAAmBM,EAAA,CAAAC,EAAOZ,EAAgB,CAAA,GAAA,oBA5HtE,MAAA,gBAAA,EAAA,4BAAAa,EAAA,qBAAA,CAAA,EAAA,KAkIQ,CAAA,CAAA,CAAA,EACaR,EAAA,MAAAS,EAAA,CAAAT,EAAmB,IAAgB,CAAA,QAACK,EAAO,CAAA,IAAAA,EAAA,CAAA,EAAAK,GAAAb,EAAA,WAAA,MAAA,4BAnIhE,CAAA,CAAA,CAAA,GAAAc,EAAA,GAAA,EAAA"}