@ozdao/martyrs 0.2.488 → 0.2.489

package/dist/martyrs/src/modules/auth/views/components/pages/ResetPassword.vue.cjs

@@ -0,0 +1,142 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const Tab = require("../../../../../components/Tab/Tab.vue2.cjs");
+const Field = require("../../../../../components/Field/Field.vue.cjs");
+const FieldPhone = require("../../../../../components/FieldPhone/FieldPhone.vue.cjs");
+const Button = require("../../../../../components/Button/Button.vue2.cjs");
+const vueRouter = require("vue-router");
+const vueI18n = require("vue-i18n");
+const auth = require("../../store/auth.cjs");
+require("../../store/twofa.cjs");
+const globals = require("../../../../globals/views/store/globals.cjs");
+const inputs_validation = require("../../validations/inputs.validation.cjs");
+;/* empty css                     */
+const _hoisted_1 = { class: "t-left pd-medium" };
+const _hoisted_2 = { class: "mn-b-small" };
+const _hoisted_3 = { class: "mn-b-small t-transp" };
+const _hoisted_4 = {
+  key: 0,
+  class: "mn-b-small p-small uppercase t-semi bg-light radius-small o-hidden"
+};
+const _hoisted_5 = { class: "pos-relative" };
+const _hoisted_6 = {
+  key: 0,
+  class: "mn-b-semi radius-small"
+};
+const _hoisted_7 = { class: "mn-b-small t-transp" };
+const _hoisted_8 = {
+  key: 0,
+  class: "mn-b-semi radius-small o-hidden"
+};
+const _hoisted_9 = { class: "mn-b-small t-transp" };
+const _sfc_main = {
+  __name: "ResetPassword",
+  setup(__props) {
+    const { t } = vueI18n.useI18n({
+      useScope: "global"
+    });
+    const phoneValidation = vue.ref(null);
+    const emailValidation = vue.ref(null);
+    vueRouter.useRoute();
+    const router = vueRouter.useRouter();
+    const availableTabs = vue.computed(() => {
+      const tabs = [
+        { name: t("auth.resetPassword.phone"), value: "phone" },
+        { name: t("auth.resetPassword.email"), value: "email" }
+      ];
+      return tabs.filter((tab) => !globals.state.options.auth.authMethodsExclude.includes(tab.value));
+    });
+    const tabAuth = vue.ref(availableTabs.value.length ? availableTabs.value[0].value : "");
+    async function onSubmit() {
+      try {
+        if (tabAuth.value === "phone") await inputs_validation.validateInputs(
+          phoneValidation,
+          inputs_validation.validatePhone,
+          auth.state.user.phone,
+          "Некорректный телефон"
+        );
+        if (tabAuth.value === "email") await inputs_validation.validateInputs(
+          emailValidation,
+          inputs_validation.validateEmail,
+          auth.state.user.email,
+          "Некорректный email"
+        );
+      } catch (error) {
+        throw new Error();
+      }
+      try {
+        await auth.actions.resetPassword(auth.state.user, tabAuth.value, "reset-password");
+      } catch (error) {
+        console.log(error);
+        throw new Error();
+      }
+    }
+    function redirectTo() {
+      router.push({ name: "Enter Code", query: { type: tabAuth.value, method: "reset-password" } });
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("section", _hoisted_1, [
+        vue.createElementVNode("h3", _hoisted_2, vue.toDisplayString(vue.unref(t)("auth.resetPassword.forgotPasswordTitle")), 1),
+        vue.createElementVNode("p", _hoisted_3, vue.toDisplayString(vue.unref(t)("auth.resetPassword.instructions")), 1),
+        availableTabs.value.length > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+          vue.createVNode(Tab.default, {
+            selected: tabAuth.value,
+            "onUpdate:selected": _cache[0] || (_cache[0] = ($event) => tabAuth.value = $event),
+            tabs: availableTabs.value,
+            classTab: "pd-small pd-r-medium pd-l-medium w-100 pd-small radius-small"
+          }, null, 8, ["selected", "tabs"])
+        ])) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", _hoisted_5, [
+          vue.createVNode(vue.Transition, { name: "slide-fade" }, {
+            default: vue.withCtx(() => [
+              tabAuth.value === "phone" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
+                vue.createElementVNode("p", _hoisted_7, vue.toDisplayString(vue.unref(t)("auth.resetPassword.smsInfo")), 1),
+                vue.createVNode(FieldPhone.default, {
+                  onChange: _cache[1] || (_cache[1] = (event) => auth.state.user.phone = event),
+                  dropdownOptions: {
+                    showDialCodeInSelection: true,
+                    showFlags: true,
+                    showDialCodeInList: true
+                  },
+                  validation: phoneValidation.value,
+                  mode: "national",
+                  inputOptions: { placeholder: vue.unref(t)("auth.resetPassword.phonePlaceholder") },
+                  class: "bg-light h-4r pd-small radius-small mn-b-thin"
+                }, null, 8, ["validation", "inputOptions"])
+              ])) : vue.createCommentVNode("", true)
+            ]),
+            _: 1
+          }),
+          vue.createVNode(vue.Transition, { name: "slide-fade" }, {
+            default: vue.withCtx(() => [
+              tabAuth.value === "email" ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
+                vue.createElementVNode("p", _hoisted_9, vue.toDisplayString(vue.unref(t)("auth.resetPassword.emailInfo")), 1),
+                vue.createVNode(Field.default, {
+                  field: auth.state.user.email,
+                  "onUpdate:field": _cache[2] || (_cache[2] = ($event) => auth.state.user.email = $event),
+                  placeholder: vue.unref(t)("auth.resetPassword.emailPlaceholder"),
+                  validation: emailValidation.value,
+                  class: "bg-light h-4r pd-medium radius-small"
+                }, null, 8, ["field", "placeholder", "validation"])
+              ])) : vue.createCommentVNode("", true)
+            ]),
+            _: 1
+          })
+        ]),
+        vue.createVNode(Button.default, {
+          submit: onSubmit,
+          callback: redirectTo,
+          class: "w-100 bg-main"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createTextVNode(vue.toDisplayString(vue.unref(t)("auth.resetPassword.sendCode")), 1)
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=ResetPassword.vue.cjs.map

package/dist/martyrs/src/modules/auth/views/components/pages/ResetPassword.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResetPassword.vue.cjs","sources":["../../../../../../../../src/modules/auth/views/components/pages/ResetPassword.vue"],"sourcesContent":["<template>\n\t<section class=\"t-left pd-medium\">\n\t\t<!-- <img loading=\"lazy\" src=\"@/assets/icons/password.png\" class=\"i-extra mn-b-small\"> -->\n\t\t<!-- Header -->\n\t\t<h3 class=\"mn-b-small\">{{ t('auth.resetPassword.forgotPasswordTitle') }}</h3>\n\t\t<p class=\"mn-b-small t-transp\">{{ t('auth.resetPassword.instructions') }}</p>\n\t\t\n\t\t<!-- Select -->\n\t\t<div \n\t\t\tv-if=\"availableTabs.length > 1\" \n\t\t\tclass=\"mn-b-small p-small uppercase t-semi bg-light radius-small o-hidden\"\n\t\t>\n\t\t\t<Tab \n\t\t\t\tv-model:selected=\"tabAuth\"\n\t\t\t\t:tabs=\"availableTabs\"\n\t\t\t\tclassTab=\"pd-small pd-r-medium pd-l-medium w-100 pd-small radius-small\"\n\t\t\t/>\n\t\t</div>\n\n\t\t<!-- Form -->\n\t\t<div class=\"pos-relative\">\n\t\t<!-- Phone -->\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<div v-if=\"tabAuth === 'phone'\" class=\"mn-b-semi radius-small\">\n\t\t\t\t\t<p class=\"mn-b-small t-transp\">{{ t('auth.resetPassword.smsInfo') }}</p>\n\t\t\t\t\t<FieldPhone\n\t\t\t\t\t\t@change=\"(event) => auth.state.user.phone = event\" \t\n\t\t\t\t\t\t:dropdownOptions=\"{\n\t\t\t\t\t\t\tshowDialCodeInSelection: true,\n\t\t\t\t\t\t\tshowFlags: true,\n\t\t\t\t\t\t\tshowDialCodeInList: true\n\t\t\t\t\t\t}\"\n\t\t\t\t\t\t:validation=\"phoneValidation\" \n\t\t\t\t\t\tmode=\"national\"\n\t\t\t\t\t\t:inputOptions=\"{placeholder: t('auth.resetPassword.phonePlaceholder')}\"\n\t\t\t\t\t\tclass=\"bg-light h-4r pd-small radius-small mn-b-thin\" \n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</transition>\n\t\t\t<!-- Email -->\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<div v-if=\"tabAuth === 'email'\" class=\"mn-b-semi radius-small o-hidden\">\n\t\t\t\t\t<p class=\"mn-b-small t-transp\">{{ t('auth.resetPassword.emailInfo') }}</p>\n\t\t\t\t\t<Field \n\t\t\t\t\t\tv-model:field=\"auth.state.user.email\" \t\t\n\t\t\t\t\t\t:placeholder=\"t('auth.resetPassword.emailPlaceholder')\" \t\n\t\t\t\t\t\t:validation=\"emailValidation\" \n\t\t\t\t\t\tclass=\"bg-light h-4r pd-medium radius-small\" \n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</transition>\n\t\t</div>\n\t\t<!-- Button -->\n\t\t<Button :submit=\"onSubmit\" :callback=\"redirectTo\" class=\"w-100 bg-main\">{{ t('auth.resetPassword.sendCode') }}</Button>\n\t</section> \n</template>\n\n<script setup>\n// Import components\nimport Tab           from '@martyrs/src/components/Tab/Tab.vue'\nimport Field         from '@martyrs/src/components/Field/Field.vue'\nimport FieldPhone    from '@martyrs/src/components/FieldPhone/FieldPhone.vue'\nimport Button        from '@martyrs/src/components/Button/Button.vue'\n// Import libs\nimport { computed, onMounted, ref } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n// Import state\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as twofa from '@martyrs/src/modules/auth/views/store/twofa.js'\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals.js'\n// Import validation\nimport * as inputsValidation from '@martyrs/src/modules/auth/views/validations/inputs.validation'\n// Localization\nconst { t } = useI18n({\n\tuseScope: 'global', \n})\n// Validation\nconst phoneValidation = ref(null)\nconst emailValidation = ref(null)\n// Accessing router\nconst route = useRoute()\nconst router = useRouter()\n// Accessing state\nconst availableTabs = computed(() => {\n    const tabs = [\n        { name: t('auth.resetPassword.phone'), value: 'phone' },\n        { name: t('auth.resetPassword.email'), value: 'email' }\n    ];\n    return tabs.filter(tab => !globals.state.options.auth.authMethodsExclude.includes(tab.value));\n});\n\nconst tabAuth = ref(availableTabs.value.length ? availableTabs.value[0].value : '');\n// Methods\nasync function onSubmit() {\n\ttry {\n\t  if (tabAuth.value === 'phone') await inputsValidation.validateInputs(\n\t\t\tphoneValidation, \n\t\t\tinputsValidation.validatePhone, \n\t\t\tauth.state.user.phone, \n\t\t\t'Некорректный телефон'\n\t\t)\n\t\tif (tabAuth.value === 'email') await inputsValidation.validateInputs(\n\t\t\temailValidation, \n\t\t\tinputsValidation.validateEmail, \n\t\t\tauth.state.user.email, \n\t\t\t'Некорректный email'\n\t\t)\n\t} catch (error) {\n\t\tthrow new Error\n\t}\n\ttry {\n  \tawait auth.actions.resetPassword(auth.state.user, tabAuth.value, 'reset-password')\n  } catch (error) {\n  \tconsole.log(error)\n\t\tthrow new Error\n\t}\n}\n\nfunction redirectTo () {\n\trouter.push({ name: 'Enter Code', query: {type: tabAuth.value, method: 'reset-password'} })\n}\n</script>\n\n<style lang=\"scss\">\n\t.slide-fade-enter-active {\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tposition: absolute;\n\t  transform: translateX(20px);\n\t  opacity: 0;\n\t  left: 0;\n\t  top: 0;\n\t}\n\n\t.slide-fade-leave-to {\n\n\t}\n</style>\n"],"names":["useI18n","ref","useRoute","useRouter","computed","globals.state","inputsValidation.validateInputs","inputsValidation.validatePhone","auth.state","inputsValidation.validateEmail","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0EA,UAAM,EAAE,EAAG,IAAGA,gBAAQ;AAAA,MACrB,UAAU;AAAA,IACX,CAAC;AAED,UAAM,kBAAkBC,IAAG,IAAC,IAAI;AAChC,UAAM,kBAAkBA,IAAG,IAAC,IAAI;AAElBC,cAAQ,SAAA;AACtB,UAAM,SAASC,UAAS,UAAA;AAExB,UAAM,gBAAgBC,IAAQ,SAAC,MAAM;AACjC,YAAM,OAAO;AAAA,QACT,EAAE,MAAM,EAAE,0BAA0B,GAAG,OAAO,QAAS;AAAA,QACvD,EAAE,MAAM,EAAE,0BAA0B,GAAG,OAAO,QAAO;AAAA,MACxD;AACD,aAAO,KAAK,OAAO,SAAO,CAACC,QAAAA,MAAc,QAAQ,KAAK,mBAAmB,SAAS,IAAI,KAAK,CAAC;AAAA,IAChG,CAAC;AAED,UAAM,UAAUJ,IAAG,IAAC,cAAc,MAAM,SAAS,cAAc,MAAM,CAAC,EAAE,QAAQ,EAAE;AAElF,mBAAe,WAAW;AACzB,UAAI;AACF,YAAI,QAAQ,UAAU,QAAS,OAAMK,kBAA+B;AAAA,UACpE;AAAA,UACAC,kBAA8B;AAAA,UAC9BC,KAAU,MAAC,KAAK;AAAA,UAChB;AAAA,QACH;AACE,YAAI,QAAQ,UAAU,QAAS,OAAMF,kBAA+B;AAAA,UACnE;AAAA,UACAG,kBAA8B;AAAA,UAC9BD,KAAU,MAAC,KAAK;AAAA,UAChB;AAAA,QACH;AAAA,MACE,SAAQ,OAAO;AACf,cAAM,IAAI;AAAA,MACZ;AACC,UAAI;AACF,cAAME,KAAAA,QAAa,cAAcF,KAAAA,MAAW,MAAM,QAAQ,OAAO,gBAAgB;AAAA,MACjF,SAAQ,OAAO;AACf,gBAAQ,IAAI,KAAK;AAClB,cAAM,IAAI;AAAA,MACZ;AAAA,IACA;AAEA,aAAS,aAAc;AACtB,aAAO,KAAK,EAAE,MAAM,cAAc,OAAO,EAAC,MAAM,QAAQ,OAAO,QAAQ,iBAAgB,EAAG,CAAA;AAAA,IAC3F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/auth/views/components/pages/ResetPassword.vue.js

@@ -0,0 +1,142 @@
+import { ref, computed, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, toDisplayString, unref, Transition, withCtx, createTextVNode } from "vue";
+import _sfc_main$1 from "../../../../../components/Tab/Tab.vue2.js";
+import Field from "../../../../../components/Field/Field.vue.js";
+import _sfc_main$2 from "../../../../../components/FieldPhone/FieldPhone.vue.js";
+import _sfc_main$3 from "../../../../../components/Button/Button.vue2.js";
+import { useRoute, useRouter } from "vue-router";
+import { useI18n } from "vue-i18n";
+import { state as state$1, actions } from "../../store/auth.js";
+import "../../store/twofa.js";
+import { state } from "../../../../globals/views/store/globals.js";
+import { validateInputs, validatePhone, validateEmail } from "../../validations/inputs.validation.js";
+/* empty css                   */
+const _hoisted_1 = { class: "t-left pd-medium" };
+const _hoisted_2 = { class: "mn-b-small" };
+const _hoisted_3 = { class: "mn-b-small t-transp" };
+const _hoisted_4 = {
+  key: 0,
+  class: "mn-b-small p-small uppercase t-semi bg-light radius-small o-hidden"
+};
+const _hoisted_5 = { class: "pos-relative" };
+const _hoisted_6 = {
+  key: 0,
+  class: "mn-b-semi radius-small"
+};
+const _hoisted_7 = { class: "mn-b-small t-transp" };
+const _hoisted_8 = {
+  key: 0,
+  class: "mn-b-semi radius-small o-hidden"
+};
+const _hoisted_9 = { class: "mn-b-small t-transp" };
+const _sfc_main = {
+  __name: "ResetPassword",
+  setup(__props) {
+    const { t } = useI18n({
+      useScope: "global"
+    });
+    const phoneValidation = ref(null);
+    const emailValidation = ref(null);
+    useRoute();
+    const router = useRouter();
+    const availableTabs = computed(() => {
+      const tabs = [
+        { name: t("auth.resetPassword.phone"), value: "phone" },
+        { name: t("auth.resetPassword.email"), value: "email" }
+      ];
+      return tabs.filter((tab) => !state.options.auth.authMethodsExclude.includes(tab.value));
+    });
+    const tabAuth = ref(availableTabs.value.length ? availableTabs.value[0].value : "");
+    async function onSubmit() {
+      try {
+        if (tabAuth.value === "phone") await validateInputs(
+          phoneValidation,
+          validatePhone,
+          state$1.user.phone,
+          "Некорректный телефон"
+        );
+        if (tabAuth.value === "email") await validateInputs(
+          emailValidation,
+          validateEmail,
+          state$1.user.email,
+          "Некорректный email"
+        );
+      } catch (error) {
+        throw new Error();
+      }
+      try {
+        await actions.resetPassword(state$1.user, tabAuth.value, "reset-password");
+      } catch (error) {
+        console.log(error);
+        throw new Error();
+      }
+    }
+    function redirectTo() {
+      router.push({ name: "Enter Code", query: { type: tabAuth.value, method: "reset-password" } });
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("section", _hoisted_1, [
+        createElementVNode("h3", _hoisted_2, toDisplayString(unref(t)("auth.resetPassword.forgotPasswordTitle")), 1),
+        createElementVNode("p", _hoisted_3, toDisplayString(unref(t)("auth.resetPassword.instructions")), 1),
+        availableTabs.value.length > 1 ? (openBlock(), createElementBlock("div", _hoisted_4, [
+          createVNode(_sfc_main$1, {
+            selected: tabAuth.value,
+            "onUpdate:selected": _cache[0] || (_cache[0] = ($event) => tabAuth.value = $event),
+            tabs: availableTabs.value,
+            classTab: "pd-small pd-r-medium pd-l-medium w-100 pd-small radius-small"
+          }, null, 8, ["selected", "tabs"])
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_5, [
+          createVNode(Transition, { name: "slide-fade" }, {
+            default: withCtx(() => [
+              tabAuth.value === "phone" ? (openBlock(), createElementBlock("div", _hoisted_6, [
+                createElementVNode("p", _hoisted_7, toDisplayString(unref(t)("auth.resetPassword.smsInfo")), 1),
+                createVNode(_sfc_main$2, {
+                  onChange: _cache[1] || (_cache[1] = (event) => state$1.user.phone = event),
+                  dropdownOptions: {
+                    showDialCodeInSelection: true,
+                    showFlags: true,
+                    showDialCodeInList: true
+                  },
+                  validation: phoneValidation.value,
+                  mode: "national",
+                  inputOptions: { placeholder: unref(t)("auth.resetPassword.phonePlaceholder") },
+                  class: "bg-light h-4r pd-small radius-small mn-b-thin"
+                }, null, 8, ["validation", "inputOptions"])
+              ])) : createCommentVNode("", true)
+            ]),
+            _: 1
+          }),
+          createVNode(Transition, { name: "slide-fade" }, {
+            default: withCtx(() => [
+              tabAuth.value === "email" ? (openBlock(), createElementBlock("div", _hoisted_8, [
+                createElementVNode("p", _hoisted_9, toDisplayString(unref(t)("auth.resetPassword.emailInfo")), 1),
+                createVNode(Field, {
+                  field: state$1.user.email,
+                  "onUpdate:field": _cache[2] || (_cache[2] = ($event) => state$1.user.email = $event),
+                  placeholder: unref(t)("auth.resetPassword.emailPlaceholder"),
+                  validation: emailValidation.value,
+                  class: "bg-light h-4r pd-medium radius-small"
+                }, null, 8, ["field", "placeholder", "validation"])
+              ])) : createCommentVNode("", true)
+            ]),
+            _: 1
+          })
+        ]),
+        createVNode(_sfc_main$3, {
+          submit: onSubmit,
+          callback: redirectTo,
+          class: "w-100 bg-main"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(t)("auth.resetPassword.sendCode")), 1)
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=ResetPassword.vue.js.map

package/dist/martyrs/src/modules/auth/views/components/pages/ResetPassword.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResetPassword.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/ResetPassword.vue"],"sourcesContent":["<template>\n\t<section class=\"t-left pd-medium\">\n\t\t<!-- <img loading=\"lazy\" src=\"@/assets/icons/password.png\" class=\"i-extra mn-b-small\"> -->\n\t\t<!-- Header -->\n\t\t<h3 class=\"mn-b-small\">{{ t('auth.resetPassword.forgotPasswordTitle') }}</h3>\n\t\t<p class=\"mn-b-small t-transp\">{{ t('auth.resetPassword.instructions') }}</p>\n\t\t\n\t\t<!-- Select -->\n\t\t<div \n\t\t\tv-if=\"availableTabs.length > 1\" \n\t\t\tclass=\"mn-b-small p-small uppercase t-semi bg-light radius-small o-hidden\"\n\t\t>\n\t\t\t<Tab \n\t\t\t\tv-model:selected=\"tabAuth\"\n\t\t\t\t:tabs=\"availableTabs\"\n\t\t\t\tclassTab=\"pd-small pd-r-medium pd-l-medium w-100 pd-small radius-small\"\n\t\t\t/>\n\t\t</div>\n\n\t\t<!-- Form -->\n\t\t<div class=\"pos-relative\">\n\t\t<!-- Phone -->\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<div v-if=\"tabAuth === 'phone'\" class=\"mn-b-semi radius-small\">\n\t\t\t\t\t<p class=\"mn-b-small t-transp\">{{ t('auth.resetPassword.smsInfo') }}</p>\n\t\t\t\t\t<FieldPhone\n\t\t\t\t\t\t@change=\"(event) => auth.state.user.phone = event\" \t\n\t\t\t\t\t\t:dropdownOptions=\"{\n\t\t\t\t\t\t\tshowDialCodeInSelection: true,\n\t\t\t\t\t\t\tshowFlags: true,\n\t\t\t\t\t\t\tshowDialCodeInList: true\n\t\t\t\t\t\t}\"\n\t\t\t\t\t\t:validation=\"phoneValidation\" \n\t\t\t\t\t\tmode=\"national\"\n\t\t\t\t\t\t:inputOptions=\"{placeholder: t('auth.resetPassword.phonePlaceholder')}\"\n\t\t\t\t\t\tclass=\"bg-light h-4r pd-small radius-small mn-b-thin\" \n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</transition>\n\t\t\t<!-- Email -->\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<div v-if=\"tabAuth === 'email'\" class=\"mn-b-semi radius-small o-hidden\">\n\t\t\t\t\t<p class=\"mn-b-small t-transp\">{{ t('auth.resetPassword.emailInfo') }}</p>\n\t\t\t\t\t<Field \n\t\t\t\t\t\tv-model:field=\"auth.state.user.email\" \t\t\n\t\t\t\t\t\t:placeholder=\"t('auth.resetPassword.emailPlaceholder')\" \t\n\t\t\t\t\t\t:validation=\"emailValidation\" \n\t\t\t\t\t\tclass=\"bg-light h-4r pd-medium radius-small\" \n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</transition>\n\t\t</div>\n\t\t<!-- Button -->\n\t\t<Button :submit=\"onSubmit\" :callback=\"redirectTo\" class=\"w-100 bg-main\">{{ t('auth.resetPassword.sendCode') }}</Button>\n\t</section> \n</template>\n\n<script setup>\n// Import components\nimport Tab           from '@martyrs/src/components/Tab/Tab.vue'\nimport Field         from '@martyrs/src/components/Field/Field.vue'\nimport FieldPhone    from '@martyrs/src/components/FieldPhone/FieldPhone.vue'\nimport Button        from '@martyrs/src/components/Button/Button.vue'\n// Import libs\nimport { computed, onMounted, ref } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n// Import state\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as twofa from '@martyrs/src/modules/auth/views/store/twofa.js'\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals.js'\n// Import validation\nimport * as inputsValidation from '@martyrs/src/modules/auth/views/validations/inputs.validation'\n// Localization\nconst { t } = useI18n({\n\tuseScope: 'global', \n})\n// Validation\nconst phoneValidation = ref(null)\nconst emailValidation = ref(null)\n// Accessing router\nconst route = useRoute()\nconst router = useRouter()\n// Accessing state\nconst availableTabs = computed(() => {\n    const tabs = [\n        { name: t('auth.resetPassword.phone'), value: 'phone' },\n        { name: t('auth.resetPassword.email'), value: 'email' }\n    ];\n    return tabs.filter(tab => !globals.state.options.auth.authMethodsExclude.includes(tab.value));\n});\n\nconst tabAuth = ref(availableTabs.value.length ? availableTabs.value[0].value : '');\n// Methods\nasync function onSubmit() {\n\ttry {\n\t  if (tabAuth.value === 'phone') await inputsValidation.validateInputs(\n\t\t\tphoneValidation, \n\t\t\tinputsValidation.validatePhone, \n\t\t\tauth.state.user.phone, \n\t\t\t'Некорректный телефон'\n\t\t)\n\t\tif (tabAuth.value === 'email') await inputsValidation.validateInputs(\n\t\t\temailValidation, \n\t\t\tinputsValidation.validateEmail, \n\t\t\tauth.state.user.email, \n\t\t\t'Некорректный email'\n\t\t)\n\t} catch (error) {\n\t\tthrow new Error\n\t}\n\ttry {\n  \tawait auth.actions.resetPassword(auth.state.user, tabAuth.value, 'reset-password')\n  } catch (error) {\n  \tconsole.log(error)\n\t\tthrow new Error\n\t}\n}\n\nfunction redirectTo () {\n\trouter.push({ name: 'Enter Code', query: {type: tabAuth.value, method: 'reset-password'} })\n}\n</script>\n\n<style lang=\"scss\">\n\t.slide-fade-enter-active {\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tposition: absolute;\n\t  transform: translateX(20px);\n\t  opacity: 0;\n\t  left: 0;\n\t  top: 0;\n\t}\n\n\t.slide-fade-leave-to {\n\n\t}\n</style>\n"],"names":["globals.state","inputsValidation.validateInputs","inputsValidation.validatePhone","auth.state","inputsValidation.validateEmail","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0EA,UAAM,EAAE,EAAG,IAAG,QAAQ;AAAA,MACrB,UAAU;AAAA,IACX,CAAC;AAED,UAAM,kBAAkB,IAAI,IAAI;AAChC,UAAM,kBAAkB,IAAI,IAAI;AAElB,aAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,UAAM,gBAAgB,SAAS,MAAM;AACjC,YAAM,OAAO;AAAA,QACT,EAAE,MAAM,EAAE,0BAA0B,GAAG,OAAO,QAAS;AAAA,QACvD,EAAE,MAAM,EAAE,0BAA0B,GAAG,OAAO,QAAO;AAAA,MACxD;AACD,aAAO,KAAK,OAAO,SAAO,CAACA,MAAc,QAAQ,KAAK,mBAAmB,SAAS,IAAI,KAAK,CAAC;AAAA,IAChG,CAAC;AAED,UAAM,UAAU,IAAI,cAAc,MAAM,SAAS,cAAc,MAAM,CAAC,EAAE,QAAQ,EAAE;AAElF,mBAAe,WAAW;AACzB,UAAI;AACF,YAAI,QAAQ,UAAU,QAAS,OAAMC;AAAAA,UACrC;AAAA,UACAC;AAAAA,UACAC,QAAW,KAAK;AAAA,UAChB;AAAA,QACH;AACE,YAAI,QAAQ,UAAU,QAAS,OAAMF;AAAAA,UACpC;AAAA,UACAG;AAAAA,UACAD,QAAW,KAAK;AAAA,UAChB;AAAA,QACH;AAAA,MACE,SAAQ,OAAO;AACf,cAAM,IAAI;AAAA,MACZ;AACC,UAAI;AACF,cAAME,QAAa,cAAcF,QAAW,MAAM,QAAQ,OAAO,gBAAgB;AAAA,MACjF,SAAQ,OAAO;AACf,gBAAQ,IAAI,KAAK;AAClB,cAAM,IAAI;AAAA,MACZ;AAAA,IACA;AAEA,aAAS,aAAc;AACtB,aAAO,KAAK,EAAE,MAAM,cAAc,OAAO,EAAC,MAAM,QAAQ,OAAO,QAAQ,iBAAgB,EAAG,CAAA;AAAA,IAC3F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/auth/views/components/pages/SignIn.vue.cjs

@@ -0,0 +1,209 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const Tab = require("../../../../../components/Tab/Tab.vue2.cjs");
+const Field = require("../../../../../components/Field/Field.vue.cjs");
+const FieldPhone = require("../../../../../components/FieldPhone/FieldPhone.vue.cjs");
+const Button = require("../../../../../components/Button/Button.vue2.cjs");
+const vueRouter = require("vue-router");
+const vueI18n = require("vue-i18n");
+const auth = require("../../store/auth.cjs");
+const globals = require("../../../../globals/views/store/globals.cjs");
+const inputs_validation = require("../../validations/inputs.validation.cjs");
+;/* empty css              */
+const _hoisted_1 = { class: "" };
+const _hoisted_2 = { class: "mn-b-medium" };
+const _hoisted_3 = { class: "t-semi" };
+const _hoisted_4 = { class: "mn-b-big" };
+const _hoisted_5 = {
+  key: 0,
+  class: "mn-b-small p-small uppercase t-semi bg-light radius-small o-hidden"
+};
+const _hoisted_6 = { class: "pos-relative" };
+const _hoisted_7 = { class: "mn-b-thin radius-small" };
+const _hoisted_8 = { class: "mn-b-thin radius-small o-hidden" };
+const _hoisted_9 = { class: "w-100 mn-b-big" };
+const _sfc_main = {
+  __name: "SignIn",
+  setup(__props) {
+    const phoneValidation = vue.ref(null);
+    const passswordValidation = vue.ref(null);
+    const emailValidation = vue.ref(null);
+    const route = vueRouter.useRoute();
+    const router = vueRouter.useRouter();
+    const { t } = vueI18n.useI18n({
+      useScope: "global"
+    });
+    const availableTabs = vue.computed(() => {
+      const tabs = [
+        { name: t("auth.signIn.phone"), value: "phone" },
+        { name: t("auth.signIn.email"), value: "email" }
+      ];
+      return tabs.filter((tab) => !globals.state.options.auth.authMethodsExclude.includes(tab.value));
+    });
+    const tabAuth = vue.ref(availableTabs.value.length ? availableTabs.value[0].value : "");
+    const loadExternalScript = (src) => {
+      return new Promise((resolve, reject) => {
+        const script = document.createElement("script");
+        script.type = "text/javascript";
+        script.src = src;
+        script.onload = resolve;
+        script.onerror = reject;
+        document.head.appendChild(script);
+      });
+    };
+    vue.onMounted(async () => {
+      await loadExternalScript("https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js");
+    });
+    async function onSubmit() {
+      try {
+        if (tabAuth.value === "phone") await inputs_validation.validateInputs(
+          phoneValidation,
+          inputs_validation.validatePhone,
+          auth.state.user.phone,
+          "Некорректный телефон"
+        );
+        if (tabAuth.value === "email") await inputs_validation.validateInputs(
+          emailValidation,
+          inputs_validation.validateEmail,
+          auth.state.user.email,
+          "Некорректный email"
+        );
+      } catch (error) {
+        console.log(error);
+        throw new Error();
+      }
+      const userCopy = { ...auth.state.user };
+      await auth.actions.login(userCopy, tabAuth.value);
+    }
+    function redirectTo() {
+      var _a, _b;
+      if ((_a = route.query) == null ? void 0 : _a.returnUrl) {
+        router.push({
+          path: (_b = route.query) == null ? void 0 : _b.returnUrl,
+          query: {
+            afterAuth: "true"
+          }
+        });
+      } else {
+        router.push({
+          name: "User Profile",
+          params: {
+            _id: auth.state.user._id
+          },
+          query: {
+            afterAuth: "true"
+          }
+        });
+      }
+    }
+    return (_ctx, _cache) => {
+      var _a, _b;
+      const _component_router_link = vue.resolveComponent("router-link");
+      return vue.openBlock(), vue.createElementBlock("section", _hoisted_1, [
+        _cache[5] || (_cache[5] = vue.createElementVNode("img", {
+          loading: "lazy",
+          src: "/logo/logo.svg",
+          class: "i-extra radius-small mn-b-small"
+        }, null, -1)),
+        vue.createElementVNode("h3", _hoisted_2, [
+          vue.createTextVNode(vue.toDisplayString(vue.unref(t)("auth.signIn.title")) + " ", 1),
+          _cache[4] || (_cache[4] = vue.createElementVNode("br", null, null, -1)),
+          vue.createElementVNode("span", _hoisted_3, vue.toDisplayString(vue.unref(t)("auth.signIn.subtitle")), 1)
+        ]),
+        vue.createElementVNode("p", _hoisted_4, [
+          vue.createVNode(_component_router_link, {
+            to: { name: "Sign Up", query: { returnUrl: (_a = vue.unref(route).query) == null ? void 0 : _a.returnUrl } },
+            class: "underline t-second"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(vue.unref(t)("auth.signIn.signup")), 1)
+            ]),
+            _: 1
+          }, 8, ["to"])
+        ]),
+        availableTabs.value.length > 1 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+          vue.createVNode(Tab.default, {
+            selected: tabAuth.value,
+            "onUpdate:selected": _cache[0] || (_cache[0] = ($event) => tabAuth.value = $event),
+            tabs: availableTabs.value,
+            classTab: "pd-small pd-r-medium pd-l-medium w-100 pd-small radius-small"
+          }, null, 8, ["selected", "tabs"])
+        ])) : vue.createCommentVNode("", true),
+        vue.createElementVNode("div", _hoisted_6, [
+          vue.createVNode(vue.Transition, { name: "slide-fade" }, {
+            default: vue.withCtx(() => [
+              vue.withDirectives(vue.createElementVNode("div", _hoisted_7, [
+                vue.createVNode(FieldPhone.default, {
+                  onChange: _cache[1] || (_cache[1] = (event) => auth.state.user.phone = event),
+                  dropdownOptions: {
+                    showDialCodeInSelection: true,
+                    showFlags: true,
+                    showDialCodeInList: true,
+                    tabIndex: -1
+                  },
+                  validCharactersOnly: true,
+                  validation: phoneValidation.value,
+                  mode: "national",
+                  inputOptions: { placeholder: vue.unref(t)("auth.signIn.phonePlaceholder"), type: "tel" },
+                  class: "bg-light h-4r pd-small radius-small mn-b-thin"
+                }, null, 8, ["validation", "inputOptions"])
+              ], 512), [
+                [vue.vShow, tabAuth.value === "phone"]
+              ])
+            ]),
+            _: 1
+          }),
+          vue.createVNode(vue.Transition, { name: "slide-fade" }, {
+            default: vue.withCtx(() => [
+              vue.withDirectives(vue.createElementVNode("div", _hoisted_8, [
+                vue.createVNode(Field.default, {
+                  field: auth.state.user.email,
+                  "onUpdate:field": _cache[2] || (_cache[2] = ($event) => auth.state.user.email = $event),
+                  placeholder: vue.unref(t)("auth.signIn.emailPlaceholder"),
+                  validation: emailValidation.value,
+                  tabIndex: -1,
+                  class: "bg-light h-4r pd-medium radius-small"
+                }, null, 8, ["field", "placeholder", "validation"])
+              ], 512), [
+                [vue.vShow, tabAuth.value === "email"]
+              ])
+            ]),
+            _: 1
+          })
+        ]),
+        vue.createVNode(Field.default, {
+          field: auth.state.user.password,
+          "onUpdate:field": _cache[3] || (_cache[3] = ($event) => auth.state.user.password = $event),
+          type: "password",
+          validation: passswordValidation.value,
+          placeholder: vue.unref(t)("auth.signIn.passwordPlaceholder"),
+          class: "bg-light pd-medium radius-small mn-b-semi h-4r"
+        }, null, 8, ["field", "validation", "placeholder"]),
+        vue.createElementVNode("div", _hoisted_9, [
+          vue.createVNode(_component_router_link, {
+            to: { name: "Reset Password", query: { returnUrl: (_b = vue.unref(route).query) == null ? void 0 : _b.returnUrl } },
+            class: "underline d-block t-blue"
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(vue.unref(t)("auth.signIn.forgotPassword")), 1)
+            ]),
+            _: 1
+          }, 8, ["to"])
+        ]),
+        vue.createVNode(Button.default, {
+          submit: onSubmit,
+          callback: redirectTo,
+          class: "w-100 bg-main"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createTextVNode(vue.toDisplayString(vue.unref(t)("auth.signIn.signin")), 1)
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=SignIn.vue.cjs.map

package/dist/martyrs/src/modules/auth/views/components/pages/SignIn.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"SignIn.vue.cjs","sources":["../../../../../../../../src/modules/auth/views/components/pages/SignIn.vue"],"sourcesContent":["<template>\n\t<section class=\"\">\n\t\t<!-- Header -->\n\t\t<img loading=\"lazy\" :src=\"'/logo/logo.svg'\" class=\"i-extra radius-small mn-b-small\">\n\n\t\t<h3 class=\"mn-b-medium\">\n\t\t\t{{ t('auth.signIn.title') }}\n\t\t\t<br>\n\t\t\t<span class=\"t-semi\">{{ t('auth.signIn.subtitle') }}</span>\n\t\t</h3>\n\n\t\t<p class=\"mn-b-big\">\n\t\t\t<router-link :to=\"{name: 'Sign Up', query: { returnUrl: route.query?.returnUrl}}\" class=\"underline t-second\">{{ t('auth.signIn.signup') }}</router-link>\n\t\t</p>\n\t\t\n\t\t<!-- Select -->\n\t\t<div \n\t\t\tv-if=\"availableTabs.length > 1\" \n\t\t\tclass=\"mn-b-small p-small uppercase t-semi bg-light radius-small o-hidden\"\n\t\t>\n\t\t\t<Tab \n\t\t\t\tv-model:selected=\"tabAuth\"\n\t\t\t\t:tabs=\"availableTabs\"\n\t\t\t\tclassTab=\"pd-small pd-r-medium pd-l-medium w-100 pd-small radius-small\"\n\t\t\t/>\n\t\t</div>\n\t\t<!-- Form -->\n\t\t<div class=\"pos-relative\">\n\t\t<!-- Phone -->\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<div v-show=\"tabAuth === 'phone'\" class=\"mn-b-thin radius-small\">\n\t\t\t\t\t<FieldPhone\n\t\t\t\t\t\t@change=\"(event) => auth.state.user.phone = event\" \t\n\t\t\t\t\t\t:dropdownOptions=\"{\n\t\t\t\t\t\t\tshowDialCodeInSelection: true,\n\t\t\t\t\t\t\tshowFlags: true,\n\t\t\t\t\t\t\tshowDialCodeInList: true,\n\t\t\t\t\t\t\ttabIndex: -1\n\t\t\t\t\t\t}\"\n\t\t\t\t\t\t:validCharactersOnly=\"true\"\n\t\t\t\t\t\t:validation=\"phoneValidation\" \n\t\t\t\t\t\tmode=\"national\"\n\t\t\t\t\t\t:inputOptions=\"{placeholder: t('auth.signIn.phonePlaceholder'), type: 'tel'}\"\n\t\t\t\t\t\tclass=\"bg-light h-4r pd-small radius-small mn-b-thin\" \n\t\t\t\t\t/>\n\t\t\t\t\t\n\t\t\t\t</div>\n\t\t\t</transition>\n\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t<div v-show=\"tabAuth === 'email'\" class=\"mn-b-thin radius-small o-hidden\">\n\t\t\t\t\t<Field \n\t\t\t\t\t\tv-model:field=\"auth.state.user.email\" \t\n\t\t\t\t\t\t:placeholder=\"t('auth.signIn.emailPlaceholder')\" \t\n\t\t\t\t\t\t:validation=\"emailValidation\"\n\t\t\t\t\t\t:tabIndex=\"-1\"\n\t\t\t\t\t\tclass=\"bg-light h-4r pd-medium radius-small\" \n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t</transition>\n\t\t</div>\n\n\t\t<!-- Password -->\n\t\t<Field \n\t\t\tv-model:field=\"auth.state.user.password\"\n\t\t\ttype=\"password\" \t\n\t\t\t:validation=\"passswordValidation\" \n\t\t\t:placeholder=\"t('auth.signIn.passwordPlaceholder')\" \n\t\t\tclass=\"\n        bg-light\n        pd-medium\n        radius-small\n        mn-b-semi\n        h-4r \n      \"\n\t\t/>\n\t\t<!-- Links -->\n\t\t<div class=\"w-100 mn-b-big\">\n\t\t\t<router-link\n\t\t\t\t:to=\"{name: 'Reset Password', query: { returnUrl: route.query?.returnUrl}}\"\n\t\t\t\tclass=\"underline d-block t-blue\"\n\t\t\t>\n\t\t\t\t{{ t('auth.signIn.forgotPassword') }}\n\t\t\t</router-link>\n\t\t</div>\n\t\t<!-- Button -->\n\t\t<Button \n\t\t\t:submit=\"onSubmit\" \n\t\t\t:callback=\"redirectTo\" \n\t\t\tclass=\"w-100 bg-main\"\n\t\t>\n\t\t\t{{ t('auth.signIn.signin') }}\n\t\t</Button>\n\t\t\n\t\t<!-- <Button \n\t\t\t:submit=\"onSubmitApple\" \n\t\t\t:callback=\"redirectTo\" \n\t\t\tclass=\"mn-b-thin bg-black t-white\"\n\t\t>\n\t\t\t{{ t('auth.signIn.signin_apple') }}\n\t\t</Button> -->\n\t</section> \n</template>\n\n<script setup>\n// Import components\nimport Tab           from '@martyrs/src/components/Tab/Tab.vue'\nimport Field         from '@martyrs/src/components/Field/Field.vue'\nimport FieldPhone    from '@martyrs/src/components/FieldPhone/FieldPhone.vue'\nimport Button        from '@martyrs/src/components/Button/Button.vue'\n// Import libs\nimport { computed, onMounted, ref, inject } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n// Import state\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals.js'\n// Import validation\nimport * as inputsValidation from '@martyrs/src/modules/auth/views/validations/inputs.validation'\n// Init validation\nconst phoneValidation = ref(null)\nconst passswordValidation = ref(null)\nconst emailValidation = ref(null)\n// Accessing router\nconst route = useRoute()\nconst router = useRouter()\n// Localization\nconst { t } = useI18n({\n\tuseScope: 'global'\n})\n// Accessing state\nconst availableTabs = computed(() => {\n    const tabs = [\n        { name: t('auth.signIn.phone'), value: 'phone' },\n        { name: t('auth.signIn.email'), value: 'email' }\n    ];\n    return tabs.filter(tab => !globals.state.options.auth.authMethodsExclude.includes(tab.value));\n});\n\nconst tabAuth = ref(availableTabs.value.length ? availableTabs.value[0].value : '');\n\nconst loadExternalScript = (src) => {\n  return new Promise((resolve, reject) => {\n    const script = document.createElement('script');\n    script.type = 'text/javascript';\n    script.src = src;\n    script.onload = resolve;\n    script.onerror = reject;\n    document.head.appendChild(script);\n  });\n}\n\nonMounted(async () => {\n\tawait loadExternalScript('https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js');\n});\n// Methods\nasync function onSubmit() {\n\ttry {\n\t  if (tabAuth.value === 'phone') await inputsValidation.validateInputs(\n\t\t\tphoneValidation, \n\t\t\tinputsValidation.validatePhone, \n\t\t\tauth.state.user.phone, \n\t\t\t'Некорректный телефон'\n\t\t)\n\t\tif (tabAuth.value === 'email') await inputsValidation.validateInputs(\n\t\t\temailValidation, \n\t\t\tinputsValidation.validateEmail, \n\t\t\tauth.state.user.email, \n\t\t\t'Некорректный email'\n\t\t)\n\t} catch (error) {\n\t\tconsole.log(error)\n\t\tthrow new Error\n\t}\n\n\t// COSTIL PLEASE GOD MAKE IT GOOD, FUKEN INPUT COMPONENT RETURN OBJECT NUT NUMBER\n\tconst userCopy = {...auth.state.user};\n\t// COSTIL PLEASE GOD MAKE IT GOOD, FUKEN INPUT COMPONENT RETURN OBJECT NUT NUMBER\n\n \tawait auth.actions.login(userCopy, tabAuth.value)\n}\n\nasync function onSubmitApple() {\n  try {\n    window.AppleID.auth.init({\n      clientId: 'com.thecommune.app.signin',\n      scope: 'email name',\n      redirectURI: 'https://thecommunephuket.com/auth/signin',\n      usePopup: true,\n    });\n\n    let response = await window.AppleID.auth.signIn();\n\n    if (response) {\n      console.log(response);\n      await auth.actions.login(response, 'apple');\n    }\n\n  } catch (error) {\n    console.error(error);\n    throw new Error('Error during Apple authentication');\n  }\n}\n\nfunction redirectTo () {\n\tif (route.query?.returnUrl) {\n\t\trouter.push({ \n\t\t\tpath: route.query?.returnUrl,\n\t\t\tquery: { \n\t\t\t\tafterAuth: 'true' \n\t\t\t}\n\t\t})\n\t} else { \n\t\trouter.push({ \n\t\t\tname: 'User Profile', \n\t\t\tparams: { \n\t\t\t\t_id: auth.state.user._id \n\t\t\t},\n\t\t\tquery: { \n\t\t\t\tafterAuth: 'true' \n\t\t\t}\n\t\t})\n\t}\n}\n</script>\n\n<style lang=\"scss\">\n\n\t.input-error {\n\t  border: 1px solid red;\n\t  box-shadow: 0 0 3px 0 red;\n\t}\n</style>"],"names":["ref","useRoute","useRouter","useI18n","computed","globals.state","onMounted","inputsValidation.validateInputs","inputsValidation.validatePhone","auth.state","inputsValidation.validateEmail","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuHA,UAAM,kBAAkBA,IAAG,IAAC,IAAI;AAChC,UAAM,sBAAsBA,IAAG,IAAC,IAAI;AACpC,UAAM,kBAAkBA,IAAG,IAAC,IAAI;AAEhC,UAAM,QAAQC,UAAQ,SAAA;AACtB,UAAM,SAASC,UAAS,UAAA;AAExB,UAAM,EAAE,EAAG,IAAGC,gBAAQ;AAAA,MACrB,UAAU;AAAA,IACX,CAAC;AAED,UAAM,gBAAgBC,IAAQ,SAAC,MAAM;AACjC,YAAM,OAAO;AAAA,QACT,EAAE,MAAM,EAAE,mBAAmB,GAAG,OAAO,QAAS;AAAA,QAChD,EAAE,MAAM,EAAE,mBAAmB,GAAG,OAAO,QAAO;AAAA,MACjD;AACD,aAAO,KAAK,OAAO,SAAO,CAACC,QAAAA,MAAc,QAAQ,KAAK,mBAAmB,SAAS,IAAI,KAAK,CAAC;AAAA,IAChG,CAAC;AAED,UAAM,UAAUL,IAAG,IAAC,cAAc,MAAM,SAAS,cAAc,MAAM,CAAC,EAAE,QAAQ,EAAE;AAElF,UAAM,qBAAqB,CAAC,QAAQ;AAClC,aAAO,IAAI,QAAQ,CAAC,SAAS,WAAW;AACtC,cAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,eAAO,OAAO;AACd,eAAO,MAAM;AACb,eAAO,SAAS;AAChB,eAAO,UAAU;AACjB,iBAAS,KAAK,YAAY,MAAM;AAAA,MACpC,CAAG;AAAA,IACH;AAEAM,QAAAA,UAAU,YAAY;AACrB,YAAM,mBAAmB,sFAAsF;AAAA,IAChH,CAAC;AAED,mBAAe,WAAW;AACzB,UAAI;AACF,YAAI,QAAQ,UAAU,QAAS,OAAMC,kBAA+B;AAAA,UACpE;AAAA,UACAC,kBAA8B;AAAA,UAC9BC,KAAU,MAAC,KAAK;AAAA,UAChB;AAAA,QACH;AACE,YAAI,QAAQ,UAAU,QAAS,OAAMF,kBAA+B;AAAA,UACnE;AAAA,UACAG,kBAA8B;AAAA,UAC9BD,KAAU,MAAC,KAAK;AAAA,UAChB;AAAA,QACH;AAAA,MACE,SAAQ,OAAO;AACf,gBAAQ,IAAI,KAAK;AACjB,cAAM,IAAI;AAAA,MACZ;AAGC,YAAM,WAAW,EAAC,GAAGA,KAAU,MAAC,KAAI;AAGnC,YAAME,aAAa,MAAM,UAAU,QAAQ,KAAK;AAAA,IAClD;AAwBA,aAAS,aAAc;;AACtB,WAAI,WAAM,UAAN,mBAAa,WAAW;AAC3B,eAAO,KAAK;AAAA,UACX,OAAM,WAAM,UAAN,mBAAa;AAAA,UACnB,OAAO;AAAA,YACN,WAAW;AAAA,UACf;AAAA,QACG,CAAA;AAAA,MACH,OAAQ;AACN,eAAO,KAAK;AAAA,UACX,MAAM;AAAA,UACN,QAAQ;AAAA,YACP,KAAKF,KAAAA,MAAW,KAAK;AAAA,UACrB;AAAA,UACD,OAAO;AAAA,YACN,WAAW;AAAA,UACf;AAAA,QACG,CAAA;AAAA,MACH;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}