@ozdao/martyrs 0.2.585 → 0.2.586

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

@@ -2,11 +2,13 @@ import { ref, computed, createElementBlock, openBlock, createElementVNode, creat
 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 _sfc_main$3 from "../../../../../components/Button/Button.vue.js";
+import { useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
-import { useStore } from "../../../../core/views/store/core.store.js";
-import { validateInputs, validatePhone, validateEmail } from "../../validations/inputs.validation.js";
+import { useStore, setError } from "../../../../core/views/store/core.store.js";
+import { withOtp } from "../../plugins/otp.plugin.js";
+import $axios from "../../../../core/views/utils/axios-instance.js";
+import { validateInputs, validatePhone, validateEmail, validatePassword } from "../../validations/inputs.validation.js";
 /* empty css                   */
 const _hoisted_1 = { class: "t-left pd-medium" };
 const _hoisted_2 = { class: "mn-b-small" };
@@ -26,20 +28,21 @@ const _hoisted_8 = {
   class: "mn-b-semi radius-small o-hidden"
 };
 const _hoisted_9 = { class: "mn-b-small t-transp" };
+const _hoisted_10 = { class: "mn-b-semi" };
 const _sfc_main = {
   __name: "ResetPassword",
   setup(__props) {
     const store = useStore();
-    const auth = store.auth || { state: {}, actions: {} };
-    store.twofa || {};
     const core = store.core || { state: {} };
-    const { t } = useI18n({
-      useScope: "global"
-    });
+    const auth = store.auth;
+    const router = useRouter();
+    const { t } = useI18n({ useScope: "global" });
+    const identifier = ref("");
+    const password = ref("");
+    const passwordRepeat = ref("");
     const phoneValidation = ref(null);
     const emailValidation = ref(null);
-    useRoute();
-    const router = useRouter();
+    const passwordValidation = ref(null);
     const availableTabs = computed(() => {
       const tabs = [
         { name: t("auth.resetPassword.phone"), value: "phone" },
@@ -50,32 +53,54 @@ const _sfc_main = {
     });
     const tabAuth = ref(availableTabs.value.length ? availableTabs.value[0].value : "");
     async function onSubmit() {
-      try {
-        if (tabAuth.value === "phone") await validateInputs(
+      if (tabAuth.value === "phone") {
+        await validateInputs(
           phoneValidation,
           validatePhone,
-          auth.state.user.phone,
+          identifier.value,
           "Некорректный телефон"
         );
-        if (tabAuth.value === "email") await validateInputs(
+      }
+      if (tabAuth.value === "email") {
+        await validateInputs(
           emailValidation,
           validateEmail,
-          auth.state.user.email,
+          identifier.value,
           "Некорректный email"
         );
-      } catch (error) {
-        throw new Error();
+      }
+      await validateInputs(
+        passwordValidation,
+        validatePassword,
+        password.value,
+        "Некорректный пароль"
+      );
+      if (password.value !== passwordRepeat.value) {
+        setError({ response: { data: { errorCode: "PASSWORDS_DO_NOT_MATCH" } } });
+        throw new Error("PASSWORDS_DO_NOT_MATCH");
       }
       try {
-        await auth.actions.resetPassword(auth.state.user, tabAuth.value, "reset-password");
+        const result = await withOtp(
+          (data) => $axios.post("/api/auth/reset-password", data),
+          {
+            identifier: identifier.value,
+            type: tabAuth.value,
+            password: password.value
+          }
+        );
+        if (result.data?.accessToken) {
+          const Cookies = (await import("../../../../../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.js")).default;
+          Cookies.set("user", JSON.stringify(result.data), { path: "/", expires: 7 });
+          await auth.actions.initialize();
+          router.push({ name: "User Profile", params: { _id: result.data._id } });
+        } else {
+          router.push({ name: "Sign In" });
+        }
       } catch (error) {
-        console.log(error);
-        throw new Error();
+        setError(error);
+        throw 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),
@@ -94,7 +119,7 @@ const _sfc_main = {
               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) => unref(auth).state.user.phone = event),
+                  onChange: _cache[1] || (_cache[1] = (event) => identifier.value = event),
                   dropdownOptions: {
                     showDialCodeInSelection: true,
                     showFlags: true,
@@ -114,8 +139,8 @@ const _sfc_main = {
               tabAuth.value === "email" ? (openBlock(), createElementBlock("div", _hoisted_8, [
                 createElementVNode("p", _hoisted_9, toDisplayString(unref(t)("auth.resetPassword.emailInfo")), 1),
                 createVNode(Field, {
-                  field: unref(auth).state.user.email,
-                  "onUpdate:field": _cache[2] || (_cache[2] = ($event) => unref(auth).state.user.email = $event),
+                  field: identifier.value,
+                  "onUpdate:field": _cache[2] || (_cache[2] = ($event) => identifier.value = $event),
                   placeholder: unref(t)("auth.resetPassword.emailPlaceholder"),
                   validation: emailValidation.value,
                   class: "bg-light h-4r pd-medium radius-small"
@@ -125,13 +150,29 @@ const _sfc_main = {
             _: 1
           })
         ]),
+        createElementVNode("div", _hoisted_10, [
+          createVNode(Field, {
+            field: password.value,
+            "onUpdate:field": _cache[3] || (_cache[3] = ($event) => password.value = $event),
+            type: "password",
+            placeholder: unref(t)("auth.enterPassword.passwordPlaceholder"),
+            validation: passwordValidation.value,
+            class: "bg-light pd-small radius-small mn-b-thin"
+          }, null, 8, ["field", "placeholder", "validation"]),
+          createVNode(Field, {
+            field: passwordRepeat.value,
+            "onUpdate:field": _cache[4] || (_cache[4] = ($event) => passwordRepeat.value = $event),
+            type: "password",
+            placeholder: unref(t)("auth.enterPassword.repeatPasswordPlaceholder"),
+            class: "bg-light pd-small radius-small"
+          }, null, 8, ["field", "placeholder"])
+        ]),
         createVNode(_sfc_main$3, {
           submit: onSubmit,
-          callback: redirectTo,
           class: "w-100 bg-main"
         }, {
           default: withCtx(() => [
-            createTextVNode(toDisplayString(unref(t)("auth.resetPassword.sendCode")), 1)
+            createTextVNode(toDisplayString(unref(t)("auth.enterPassword.changePasswordBtn")), 1)
           ]),
           _: 1
         })

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

@@ -1 +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 fw-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 store\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\n// Import validation\nimport * as inputsValidation from '@martyrs/src/modules/auth/views/validations/inputs.validation'\n\n// Get store\nconst store = useStore()\nconst auth = store.auth || { state: {}, actions: {} }\nconst twofa = store.twofa || { state: {}, actions: {}, sendCode: () => {} }\nconst core = store.core || { state: {}, actions: {} }\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    const excludeMethods = core.state?.options?.auth?.authMethodsExclude || [];\n    return tabs.filter(tab => !excludeMethods.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":["inputsValidation.validateInputs","inputsValidation.validatePhone","inputsValidation.validateEmail"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyEA,UAAM,QAAQ,SAAQ;AACtB,UAAM,OAAO,MAAM,QAAQ,EAAE,OAAO,CAAA,GAAI,SAAS,CAAA,EAAE;AACrC,UAAM,SAAS,CAA6C;AAC1E,UAAM,OAAO,MAAM,QAAQ,EAAE,OAAO,CAAA,EAAgB;AAEpD,UAAM,EAAE,EAAC,IAAK,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,QAAO;AAAA,QACrD,EAAE,MAAM,EAAE,0BAA0B,GAAG,OAAO,QAAO;AAAA,MAC7D;AACI,YAAM,iBAAiB,KAAK,OAAO,SAAS,MAAM,sBAAsB,CAAA;AACxE,aAAO,KAAK,OAAO,SAAO,CAAC,eAAe,SAAS,IAAI,KAAK,CAAC;AAAA,IACjE,CAAC;AAED,UAAM,UAAU,IAAI,cAAc,MAAM,SAAS,cAAc,MAAM,CAAC,EAAE,QAAQ,EAAE;AAElF,mBAAe,WAAW;AACzB,UAAI;AACF,YAAI,QAAQ,UAAU,QAAS,OAAMA;AAAAA,UACrC;AAAA,UACAC;AAAAA,UACA,KAAK,MAAM,KAAK;AAAA,UAChB;AAAA,QACH;AACE,YAAI,QAAQ,UAAU,QAAS,OAAMD;AAAAA,UACpC;AAAA,UACAE;AAAAA,UACA,KAAK,MAAM,KAAK;AAAA,UAChB;AAAA,QACH;AAAA,MACC,SAAS,OAAO;AACf,cAAM,IAAI;AAAA,MACX;AACA,UAAI;AACF,cAAM,KAAK,QAAQ,cAAc,KAAK,MAAM,MAAM,QAAQ,OAAO,gBAAgB;AAAA,MAClF,SAAS,OAAO;AACf,gBAAQ,IAAI,KAAK;AAClB,cAAM,IAAI;AAAA,MACX;AAAA,IACD;AAEA,aAAS,aAAc;AACtB,aAAO,KAAK,EAAE,MAAM,cAAc,OAAO,EAAC,MAAM,QAAQ,OAAO,QAAQ,iBAAgB,EAAC,CAAE;AAAA,IAC3F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ResetPassword.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/ResetPassword.vue"],"sourcesContent":["<template>\n  <section class=\"t-left pd-medium\">\n    <h3 class=\"mn-b-small\">{{ t('auth.resetPassword.forgotPasswordTitle') }}</h3>\n    <p class=\"mn-b-small t-transp\">{{ t('auth.resetPassword.instructions') }}</p>\n\n    <!-- Tab selector -->\n    <div\n      v-if=\"availableTabs.length > 1\"\n      class=\"mn-b-small p-small uppercase fw-semi bg-light radius-small o-hidden\"\n    >\n      <Tab\n        v-model:selected=\"tabAuth\"\n        :tabs=\"availableTabs\"\n        classTab=\"pd-small pd-r-medium pd-l-medium w-100 pd-small radius-small\"\n      />\n    </div>\n\n    <!-- Form -->\n    <div class=\"pos-relative\">\n      <!-- Phone -->\n      <transition name=\"slide-fade\">\n        <div v-if=\"tabAuth === 'phone'\" class=\"mn-b-semi radius-small\">\n          <p class=\"mn-b-small t-transp\">{{ t('auth.resetPassword.smsInfo') }}</p>\n          <FieldPhone\n            @change=\"(event) => identifier = event\"\n            :dropdownOptions=\"{\n              showDialCodeInSelection: true,\n              showFlags: true,\n              showDialCodeInList: true\n            }\"\n            :validation=\"phoneValidation\"\n            mode=\"national\"\n            :inputOptions=\"{ placeholder: t('auth.resetPassword.phonePlaceholder') }\"\n            class=\"bg-light h-4r pd-small radius-small mn-b-thin\"\n          />\n        </div>\n      </transition>\n      <!-- Email -->\n      <transition name=\"slide-fade\">\n        <div v-if=\"tabAuth === 'email'\" class=\"mn-b-semi radius-small o-hidden\">\n          <p class=\"mn-b-small t-transp\">{{ t('auth.resetPassword.emailInfo') }}</p>\n          <Field\n            v-model:field=\"identifier\"\n            :placeholder=\"t('auth.resetPassword.emailPlaceholder')\"\n            :validation=\"emailValidation\"\n            class=\"bg-light h-4r pd-medium radius-small\"\n          />\n        </div>\n      </transition>\n    </div>\n\n    <!-- Password fields -->\n    <div class=\"mn-b-semi\">\n      <Field\n        v-model:field=\"password\"\n        type=\"password\"\n        :placeholder=\"t('auth.enterPassword.passwordPlaceholder')\"\n        :validation=\"passwordValidation\"\n        class=\"bg-light pd-small radius-small mn-b-thin\"\n      />\n      <Field\n        v-model:field=\"passwordRepeat\"\n        type=\"password\"\n        :placeholder=\"t('auth.enterPassword.repeatPasswordPlaceholder')\"\n        class=\"bg-light pd-small radius-small\"\n      />\n    </div>\n\n    <Button :submit=\"onSubmit\" class=\"w-100 bg-main\">\n      {{ t('auth.enterPassword.changePasswordBtn') }}\n    </Button>\n  </section>\n</template>\n\n<script setup>\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\nimport { computed, ref } from 'vue'\nimport { useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\nimport { setError } from '@martyrs/src/modules/core/views/store/core.store.js'\nimport { withOtp } from '@martyrs/src/modules/auth/views/plugins/otp.plugin.js'\nimport $axios from '@martyrs/src/modules/core/views/utils/axios-instance.js'\nimport * as inputsValidation from '@martyrs/src/modules/auth/views/validations/inputs.validation'\n\nconst store = useStore()\nconst core = store.core || { state: {} }\nconst auth = store.auth\n\nconst router = useRouter()\nconst { t } = useI18n({ useScope: 'global' })\n\nconst identifier = ref('')\nconst password = ref('')\nconst passwordRepeat = ref('')\n\nconst phoneValidation = ref(null)\nconst emailValidation = ref(null)\nconst passwordValidation = ref(null)\n\nconst availableTabs = computed(() => {\n  const tabs = [\n    { name: t('auth.resetPassword.phone'), value: 'phone' },\n    { name: t('auth.resetPassword.email'), value: 'email' }\n  ]\n  const excludeMethods = core.state?.options?.auth?.authMethodsExclude || []\n  return tabs.filter(tab => !excludeMethods.includes(tab.value))\n})\n\nconst tabAuth = ref(availableTabs.value.length ? availableTabs.value[0].value : '')\n\nasync function onSubmit() {\n  // Validate identifier\n  if (tabAuth.value === 'phone') {\n    await inputsValidation.validateInputs(\n      phoneValidation,\n      inputsValidation.validatePhone,\n      identifier.value,\n      'Некорректный телефон'\n    )\n  }\n  if (tabAuth.value === 'email') {\n    await inputsValidation.validateInputs(\n      emailValidation,\n      inputsValidation.validateEmail,\n      identifier.value,\n      'Некорректный email'\n    )\n  }\n\n  // Validate password\n  await inputsValidation.validateInputs(\n    passwordValidation,\n    inputsValidation.validatePassword,\n    password.value,\n    'Некорректный пароль'\n  )\n\n  if (password.value !== passwordRepeat.value) {\n    setError({ response: { data: { errorCode: 'PASSWORDS_DO_NOT_MATCH' } } })\n    throw new Error('PASSWORDS_DO_NOT_MATCH')\n  }\n\n  // Reset password with OTP verification\n  try {\n    const result = await withOtp(\n      (data) => $axios.post('/api/auth/reset-password', data),\n      {\n        identifier: identifier.value,\n        type: tabAuth.value,\n        password: password.value\n      }\n    )\n\n    // Success - save token and redirect\n    if (result.data?.accessToken) {\n      const Cookies = (await import('js-cookie')).default\n      Cookies.set('user', JSON.stringify(result.data), { path: '/', expires: 7 })\n      await auth.actions.initialize()\n      router.push({ name: 'User Profile', params: { _id: result.data._id } })\n    } else {\n      router.push({ name: 'Sign In' })\n    }\n  } catch (error) {\n    setError(error)\n    throw error\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.slide-fade-enter-active,\n.slide-fade-leave-active {\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.slide-fade-enter-from,\n.slide-fade-leave-to {\n  position: absolute;\n  transform: translateX(20px);\n  opacity: 0;\n  left: 0;\n  top: 0;\n}\n</style>\n"],"names":["inputsValidation.validateInputs","inputsValidation.validatePhone","inputsValidation.validateEmail","inputsValidation.validatePassword"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0FA,UAAM,QAAQ,SAAQ;AACtB,UAAM,OAAO,MAAM,QAAQ,EAAE,OAAO,CAAA,EAAE;AACtC,UAAM,OAAO,MAAM;AAEnB,UAAM,SAAS,UAAS;AACxB,UAAM,EAAE,EAAC,IAAK,QAAQ,EAAE,UAAU,SAAQ,CAAE;AAE5C,UAAM,aAAa,IAAI,EAAE;AACzB,UAAM,WAAW,IAAI,EAAE;AACvB,UAAM,iBAAiB,IAAI,EAAE;AAE7B,UAAM,kBAAkB,IAAI,IAAI;AAChC,UAAM,kBAAkB,IAAI,IAAI;AAChC,UAAM,qBAAqB,IAAI,IAAI;AAEnC,UAAM,gBAAgB,SAAS,MAAM;AACnC,YAAM,OAAO;AAAA,QACX,EAAE,MAAM,EAAE,0BAA0B,GAAG,OAAO,QAAO;AAAA,QACrD,EAAE,MAAM,EAAE,0BAA0B,GAAG,OAAO,QAAO;AAAA,MACzD;AACE,YAAM,iBAAiB,KAAK,OAAO,SAAS,MAAM,sBAAsB,CAAA;AACxE,aAAO,KAAK,OAAO,SAAO,CAAC,eAAe,SAAS,IAAI,KAAK,CAAC;AAAA,IAC/D,CAAC;AAED,UAAM,UAAU,IAAI,cAAc,MAAM,SAAS,cAAc,MAAM,CAAC,EAAE,QAAQ,EAAE;AAElF,mBAAe,WAAW;AAExB,UAAI,QAAQ,UAAU,SAAS;AAC7B,cAAMA;AAAAA,UACJ;AAAA,UACAC;AAAAA,UACA,WAAW;AAAA,UACX;AAAA,QACN;AAAA,MACE;AACA,UAAI,QAAQ,UAAU,SAAS;AAC7B,cAAMD;AAAAA,UACJ;AAAA,UACAE;AAAAA,UACA,WAAW;AAAA,UACX;AAAA,QACN;AAAA,MACE;AAGA,YAAMF;AAAAA,QACJ;AAAA,QACAG;AAAAA,QACA,SAAS;AAAA,QACT;AAAA,MACJ;AAEE,UAAI,SAAS,UAAU,eAAe,OAAO;AAC3C,iBAAS,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,yBAAwB,IAAI,CAAE;AACxE,cAAM,IAAI,MAAM,wBAAwB;AAAA,MAC1C;AAGA,UAAI;AACF,cAAM,SAAS,MAAM;AAAA,UACnB,CAAC,SAAS,OAAO,KAAK,4BAA4B,IAAI;AAAA,UACtD;AAAA,YACE,YAAY,WAAW;AAAA,YACvB,MAAM,QAAQ;AAAA,YACd,UAAU,SAAS;AAAA,UAC3B;AAAA,QACA;AAGI,YAAI,OAAO,MAAM,aAAa;AAC5B,gBAAM,WAAW,MAAM,OAAO,kGAAW,GAAG;AAC5C,kBAAQ,IAAI,QAAQ,KAAK,UAAU,OAAO,IAAI,GAAG,EAAE,MAAM,KAAK,SAAS,EAAC,CAAE;AAC1E,gBAAM,KAAK,QAAQ,WAAU;AAC7B,iBAAO,KAAK,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAK,OAAO,KAAK,MAAK,CAAE;AAAA,QACxE,OAAO;AACL,iBAAO,KAAK,EAAE,MAAM,UAAS,CAAE;AAAA,QACjC;AAAA,MACF,SAAS,OAAO;AACd,iBAAS,KAAK;AACd,cAAM;AAAA,MACR;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -2,7 +2,7 @@ import { ref, computed, onMounted, resolveComponent, createElementBlock, openBlo
 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 _sfc_main$3 from "../../../../../components/Button/Button.vue.js";
 import { useRoute, useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
 import { useStore } from "../../../../core/views/store/core.store.js";
@@ -76,6 +76,7 @@ const _sfc_main = {
       }
       const userCopy = { ...state.user };
       await actions.login(userCopy, tabAuth.value);
+      redirectTo();
     }
     function redirectTo() {
       if (!state.user._id) {
@@ -195,7 +196,6 @@ const _sfc_main = {
         ]),
         createVNode(_sfc_main$3, {
           submit: onSubmit,
-          callback: redirectTo,
           class: "w-100 bg-main"
         }, {
           default: withCtx(() => [

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

@@ -1 +1 @@
-{"version":3,"file":"SignIn.vue.js","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=\"fw-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-grey\">{{ 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 fw-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 store\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n// Import validation\nimport * as inputsValidation from '@martyrs/src/modules/auth/views/validations/inputs.validation'\n\n// Get store\nconst store = useStore()\nconst core = store.core\n\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    const excludeMethods = core.state?.options?.auth?.authMethodsExclude || [];\n    return tabs.filter(tab => !excludeMethods.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 (!auth.state.user._id) {\n\t\tthrow new Error('AUTH_STATE_NOT_INITIALIZED')\n\t}\n\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":["inputsValidation.validateInputs","inputsValidation.validatePhone","auth.state","inputsValidation.validateEmail","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAwHA,UAAM,QAAQ,SAAQ;AACtB,UAAM,OAAO,MAAM;AAGnB,UAAM,kBAAkB,IAAI,IAAI;AAChC,UAAM,sBAAsB,IAAI,IAAI;AACpC,UAAM,kBAAkB,IAAI,IAAI;AAEhC,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,UAAM,EAAE,EAAC,IAAK,QAAQ;AAAA,MACrB,UAAU;AAAA,IACX,CAAC;AAED,UAAM,gBAAgB,SAAS,MAAM;AACjC,YAAM,OAAO;AAAA,QACT,EAAE,MAAM,EAAE,mBAAmB,GAAG,OAAO,QAAO;AAAA,QAC9C,EAAE,MAAM,EAAE,mBAAmB,GAAG,OAAO,QAAO;AAAA,MACtD;AACI,YAAM,iBAAiB,KAAK,OAAO,SAAS,MAAM,sBAAsB,CAAA;AACxE,aAAO,KAAK,OAAO,SAAO,CAAC,eAAe,SAAS,IAAI,KAAK,CAAC;AAAA,IACjE,CAAC;AAED,UAAM,UAAU,IAAI,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,MAClC,CAAC;AAAA,IACH;AAEA,cAAU,YAAY;AACrB,YAAM,mBAAmB,sFAAsF;AAAA,IAChH,CAAC;AAED,mBAAe,WAAW;AACzB,UAAI;AACF,YAAI,QAAQ,UAAU,QAAS,OAAMA;AAAAA,UACrC;AAAA,UACAC;AAAAA,UACAC,MAAW,KAAK;AAAA,UAChB;AAAA,QACH;AACE,YAAI,QAAQ,UAAU,QAAS,OAAMF;AAAAA,UACpC;AAAA,UACAG;AAAAA,UACAD,MAAW,KAAK;AAAA,UAChB;AAAA,QACH;AAAA,MACC,SAAS,OAAO;AACf,gBAAQ,IAAI,KAAK;AACjB,cAAM,IAAI;AAAA,MACX;AAGA,YAAM,WAAW,EAAC,GAAGA,MAAW,KAAI;AAGnC,YAAME,QAAa,MAAM,UAAU,QAAQ,KAAK;AAAA,IAClD;AAwBA,aAAS,aAAc;AACtB,UAAI,CAACF,MAAW,KAAK,KAAK;AACzB,cAAM,IAAI,MAAM,4BAA4B;AAAA,MAC7C;AAEA,UAAI,MAAM,OAAO,WAAW;AAC3B,eAAO,KAAK;AAAA,UACX,MAAM,MAAM,OAAO;AAAA,UACnB,OAAO;AAAA,YACN,WAAW;AAAA,UACf;AAAA,QACA,CAAG;AAAA,MACF,OAAO;AACN,eAAO,KAAK;AAAA,UACX,MAAM;AAAA,UACN,QAAQ;AAAA,YACP,KAAKA,MAAW,KAAK;AAAA,UACzB;AAAA,UACG,OAAO;AAAA,YACN,WAAW;AAAA,UACf;AAAA,QACA,CAAG;AAAA,MACF;AAAA,IACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SignIn.vue.js","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=\"fw-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-grey\">{{ 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 fw-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\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 store\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n// Import validation\nimport * as inputsValidation from '@martyrs/src/modules/auth/views/validations/inputs.validation'\n\n// Get store\nconst store = useStore()\nconst core = store.core\n\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    const excludeMethods = core.state?.options?.auth?.authMethodsExclude || [];\n    return tabs.filter(tab => !excludeMethods.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\tredirectTo()\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 (!auth.state.user._id) {\n\t\tthrow new Error('AUTH_STATE_NOT_INITIALIZED')\n\t}\n\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":["inputsValidation.validateInputs","inputsValidation.validatePhone","auth.state","inputsValidation.validateEmail","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAuHA,UAAM,QAAQ,SAAQ;AACtB,UAAM,OAAO,MAAM;AAGnB,UAAM,kBAAkB,IAAI,IAAI;AAChC,UAAM,sBAAsB,IAAI,IAAI;AACpC,UAAM,kBAAkB,IAAI,IAAI;AAEhC,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,UAAM,EAAE,EAAC,IAAK,QAAQ;AAAA,MACrB,UAAU;AAAA,IACX,CAAC;AAED,UAAM,gBAAgB,SAAS,MAAM;AACjC,YAAM,OAAO;AAAA,QACT,EAAE,MAAM,EAAE,mBAAmB,GAAG,OAAO,QAAO;AAAA,QAC9C,EAAE,MAAM,EAAE,mBAAmB,GAAG,OAAO,QAAO;AAAA,MACtD;AACI,YAAM,iBAAiB,KAAK,OAAO,SAAS,MAAM,sBAAsB,CAAA;AACxE,aAAO,KAAK,OAAO,SAAO,CAAC,eAAe,SAAS,IAAI,KAAK,CAAC;AAAA,IACjE,CAAC;AAED,UAAM,UAAU,IAAI,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,MAClC,CAAC;AAAA,IACH;AAEA,cAAU,YAAY;AACrB,YAAM,mBAAmB,sFAAsF;AAAA,IAChH,CAAC;AAED,mBAAe,WAAW;AACzB,UAAI;AACF,YAAI,QAAQ,UAAU,QAAS,OAAMA;AAAAA,UACrC;AAAA,UACAC;AAAAA,UACAC,MAAW,KAAK;AAAA,UAChB;AAAA,QACH;AACE,YAAI,QAAQ,UAAU,QAAS,OAAMF;AAAAA,UACpC;AAAA,UACAG;AAAAA,UACAD,MAAW,KAAK;AAAA,UAChB;AAAA,QACH;AAAA,MACC,SAAS,OAAO;AACf,gBAAQ,IAAI,KAAK;AACjB,cAAM,IAAI;AAAA,MACX;AAGA,YAAM,WAAW,EAAC,GAAGA,MAAW,KAAI;AAGnC,YAAME,QAAa,MAAM,UAAU,QAAQ,KAAK;AAEjD,iBAAU;AAAA,IACX;AAwBA,aAAS,aAAc;AACtB,UAAI,CAACF,MAAW,KAAK,KAAK;AACzB,cAAM,IAAI,MAAM,4BAA4B;AAAA,MAC7C;AAEA,UAAI,MAAM,OAAO,WAAW;AAC3B,eAAO,KAAK;AAAA,UACX,MAAM,MAAM,OAAO;AAAA,UACnB,OAAO;AAAA,YACN,WAAW;AAAA,UACf;AAAA,QACA,CAAG;AAAA,MACF,OAAO;AACN,eAAO,KAAK;AAAA,UACX,MAAM;AAAA,UACN,QAAQ;AAAA,YACP,KAAKA,MAAW,KAAK;AAAA,UACzB;AAAA,UACG,OAAO;AAAA,YACN,WAAW;AAAA,UACf;AAAA,QACA,CAAG;AAAA,MACF;AAAA,IACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -2,11 +2,13 @@ import { ref, computed, resolveComponent, createElementBlock, openBlock, createE
 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 _sfc_main$3 from "../../../../../components/Button/Button.vue.js";
 import { useRoute, useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
-import { useStore } from "../../../../core/views/store/core.store.js";
-import { validateInputs, validatePhone, validateEmail } from "../../validations/inputs.validation.js";
+import { useStore, setError } from "../../../../core/views/store/core.store.js";
+import { withOtp } from "../../plugins/otp.plugin.js";
+import $axios from "../../../../core/views/utils/axios-instance.js";
+import { validateInputs, validatePhone, validateEmail, validatePassword } from "../../validations/inputs.validation.js";
 /* empty css            */
 const _hoisted_1 = { class: "t-left pd-medium" };
 const _hoisted_2 = { class: "mn-b-small" };
@@ -19,22 +21,24 @@ const _hoisted_5 = { class: "mn-b-semi radius-small" };
 const _hoisted_6 = { class: "mn-b-small t-transp" };
 const _hoisted_7 = { class: "mn-b-semi radius-small o-hidden" };
 const _hoisted_8 = { class: "mn-b-small t-transp" };
-const _hoisted_9 = { class: "w-100" };
+const _hoisted_9 = { class: "mn-b-semi" };
+const _hoisted_10 = { class: "w-100" };
 const _sfc_main = {
   __name: "SignUp",
   setup(__props) {
     const store = useStore();
-    const auth = store.auth || { state: {}, actions: {} };
-    const twofa = store.twofa || { state: {}, actions: {}, sendCode: () => {
-    } };
     const core = store.core || { state: {} };
-    const { t } = useI18n({
-      useScope: "global"
-    });
-    const phoneValidation = ref(null);
-    const emailValidation = ref(null);
+    const auth = store.auth;
     const route = useRoute();
     const router = useRouter();
+    const { t } = useI18n({ useScope: "global" });
+    const email = ref("");
+    const phone = ref("");
+    const password = ref("");
+    const passwordRepeat = ref("");
+    const phoneValidation = ref(null);
+    const emailValidation = ref(null);
+    const passwordValidation = ref(null);
     const availableTabs = computed(() => {
       const tabs = [
         { name: t("auth.signUp.phone"), value: "phone" },
@@ -45,31 +49,58 @@ const _sfc_main = {
     });
     const tabAuth = ref(availableTabs.value.length ? availableTabs.value[0].value : "");
     async function onSubmit() {
-      try {
-        if (tabAuth.value === "phone") await validateInputs(
+      if (tabAuth.value === "phone") {
+        await validateInputs(
           phoneValidation,
           validatePhone,
-          auth.state.user.phone,
+          phone.value,
           "Некорректный телефон"
         );
-        if (tabAuth.value === "email") await validateInputs(
+      }
+      if (tabAuth.value === "email") {
+        await validateInputs(
           emailValidation,
           validateEmail,
-          auth.state.user.email,
+          email.value,
           "Некорректный email"
         );
-      } catch (error) {
-        throw new Error();
+      }
+      await validateInputs(
+        passwordValidation,
+        validatePassword,
+        password.value,
+        "Некорректный пароль"
+      );
+      if (password.value !== passwordRepeat.value) {
+        setError({ response: { data: { errorCode: "PASSWORDS_DO_NOT_MATCH" } } });
+        throw new Error("PASSWORDS_DO_NOT_MATCH");
       }
       try {
-        await twofa.sendCode(auth.state.user, "signup", tabAuth.value);
+        const result = await withOtp(
+          (data) => $axios.post("/api/auth/signup", data),
+          {
+            email: tabAuth.value === "email" ? email.value : void 0,
+            phone: tabAuth.value === "phone" ? phone.value : void 0,
+            password: password.value,
+            type: tabAuth.value,
+            inviteCode: route.query.invite
+          }
+        );
+        if (result.data?.accessToken) {
+          const Cookies = (await import("../../../../../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.js")).default;
+          Cookies.set("user", JSON.stringify(result.data), { path: "/", expires: 7 });
+          await auth.actions.initialize();
+          if (route.query.returnUrl) {
+            router.push({ path: route.query.returnUrl, query: { afterAuth: "true" } });
+          } else {
+            router.push({ name: "User Profile", params: { _id: result.data._id }, query: { afterAuth: "true" } });
+          }
+        }
       } catch (error) {
-        throw new Error();
+        setError(error);
+        throw error;
       }
     }
-    function redirectTo() {
-      router.push({ name: "Enter Code", query: { returnUrl: route.query.returnUrl } });
-    }
     return (_ctx, _cache) => {
       const _component_router_link = resolveComponent("router-link");
       return openBlock(), createElementBlock("section", _hoisted_1, [
@@ -88,7 +119,7 @@ const _sfc_main = {
               withDirectives(createElementVNode("div", _hoisted_5, [
                 createElementVNode("p", _hoisted_6, toDisplayString(unref(t)("auth.signUp.smsNotice")), 1),
                 createVNode(_sfc_main$2, {
-                  onChange: _cache[1] || (_cache[1] = (event) => unref(auth).state.user.phone = event),
+                  onChange: _cache[1] || (_cache[1] = (event) => phone.value = event),
                   dropdownOptions: {
                     showDialCodeInSelection: true,
                     showFlags: true,
@@ -110,8 +141,8 @@ const _sfc_main = {
               withDirectives(createElementVNode("div", _hoisted_7, [
                 createElementVNode("p", _hoisted_8, toDisplayString(unref(t)("auth.signUp.emailNotice")), 1),
                 createVNode(Field, {
-                  field: unref(auth).state.user.email,
-                  "onUpdate:field": _cache[2] || (_cache[2] = ($event) => unref(auth).state.user.email = $event),
+                  field: email.value,
+                  "onUpdate:field": _cache[2] || (_cache[2] = ($event) => email.value = $event),
                   placeholder: unref(t)("auth.signUp.emailPlaceholder"),
                   validation: emailValidation.value,
                   class: "bg-light h-4r pd-medium radius-small"
@@ -123,17 +154,42 @@ const _sfc_main = {
             _: 1
           })
         ]),
+        createElementVNode("div", _hoisted_9, [
+          createVNode(Field, {
+            field: password.value,
+            "onUpdate:field": _cache[3] || (_cache[3] = ($event) => password.value = $event),
+            type: "password",
+            placeholder: unref(t)("auth.enterPassword.passwordPlaceholder"),
+            validation: passwordValidation.value,
+            class: "bg-light pd-small radius-small mn-b-thin"
+          }, null, 8, ["field", "placeholder", "validation"]),
+          createVNode(Field, {
+            field: passwordRepeat.value,
+            "onUpdate:field": _cache[4] || (_cache[4] = ($event) => passwordRepeat.value = $event),
+            type: "password",
+            placeholder: unref(t)("auth.enterPassword.repeatPasswordPlaceholder"),
+            class: "bg-light pd-small radius-small"
+          }, null, 8, ["field", "placeholder"])
+        ]),
+        _cache[5] || (_cache[5] = createElementVNode("div", { class: "p-regular fw-semi mn-b-semi" }, [
+          createTextVNode(" By registering, you agree to our "),
+          createElementVNode("a", {
+            class: "t-grey",
+            href: "/legal/eula",
+            target: "_blank",
+            rel: "noopener noreferrer"
+          }, "End User License Agreement (EULA)")
+        ], -1)),
         createVNode(_sfc_main$3, {
           submit: onSubmit,
-          callback: redirectTo,
           class: "w-100 bg-main mn-b-big"
         }, {
           default: withCtx(() => [
-            createTextVNode(toDisplayString(unref(t)("auth.signUp.sendCode")), 1)
+            createTextVNode(toDisplayString(unref(t)("auth.enterPassword.registerBtn")), 1)
           ]),
           _: 1
         }),
-        createElementVNode("div", _hoisted_9, [
+        createElementVNode("div", _hoisted_10, [
           createVNode(_component_router_link, {
             to: { name: "Sign In", query: { returnUrl: unref(route).query.returnUrl } },
             class: "underline mn-b-medium d-block t-blue"

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

@@ -1 +1 @@
-{"version":3,"file":"SignUp.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/SignUp.vue"],"sourcesContent":["<template>\n\t<section class=\"t-left pd-medium\">\n\t\t<!-- Header -->\n\t\t<!-- <img loading=\"lazy\" src=\"@/assets/images/logo.svg\" class=\"i-extra mn-b-small\"> -->\n\t\t<h3 class=\"mn-b-small\">{{t('auth.signUp.title')}}</h3>\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 fw-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-show=\"tabAuth === 'phone'\" class=\"mn-b-semi radius-small\">\n\t\t\t\t\t<p class=\"mn-b-small t-transp\">{{t('auth.signUp.smsNotice')}}</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.signUp.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\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-semi radius-small o-hidden\">\n\t\t\t\t\t<p class=\"mn-b-small t-transp\">{{t('auth.signUp.emailNotice')}}</p>\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.signUp.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\n\t\t<!-- Button -->\n\t\t<Button :submit=\"onSubmit\" :callback=\"redirectTo\" class=\"w-100 bg-main mn-b-big\">{{t('auth.signUp.sendCode')}}</Button>\n\t\t\t\n\t\t<!-- Links -->\n\t\t<div class=\"w-100\">\n\t\t\t<router-link :to=\"{name: 'Sign In', query: { returnUrl: route.query.returnUrl}}\" class=\"underline mn-b-medium d-block t-blue\">{{t('auth.signUp.haveAccount')}}</router-link>\n\t\t</div>\n\n\t</section> \n</template>\n\n\t<script setup>\n\t// Import components\n\timport Tab           from '@martyrs/src/components/Tab/Tab.vue'\n\timport Field         from '@martyrs/src/components/Field/Field.vue'\n\timport FieldPhone    from '@martyrs/src/components/FieldPhone/FieldPhone.vue'\n\timport Button        from '@martyrs/src/components/Button/Button.vue'\n\t// Import libs\n\timport { computed, onMounted, ref } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\timport { useI18n } from 'vue-i18n'\n\t// Import store\n\timport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\n\t// Import validation\n\timport * as inputsValidation from '@martyrs/src/modules/auth/views/validations/inputs.validation'\n\t\n\t// Get store\n\tconst store = useStore()\n\tconst auth = store.auth || { state: {}, actions: {} }\n\tconst twofa = store.twofa || { state: {}, actions: {}, sendCode: () => {} }\n\tconst core = store.core || { state: {}, actions: {} }\n\t// Localization\n\tconst { t } = useI18n({\n\t\tuseScope: 'global', \n\t})\n\t// Validation\n\tconst phoneValidation = ref(null)\n\tconst emailValidation = ref(null)\n\t// Accessing router\n\tconst route = useRoute()\n\tconst router = useRouter()\n\t// Accessing state\n\tconst availableTabs = computed(() => {\n\t    const tabs = [\n\t        { name: t('auth.signUp.phone'), value: 'phone' },\n\t        { name: t('auth.signUp.email'), value: 'email' }\n\t    ];\n\t    const excludeMethods = core.state?.options?.auth?.authMethodsExclude || [];\n\t    return tabs.filter(tab => !excludeMethods.includes(tab.value));\n\t});\n\n\tconst tabAuth = ref(availableTabs.value.length ? availableTabs.value[0].value : '');\n\t// Methods\n\tasync function onSubmit() {\n\t\ttry {\n\t\t  if (tabAuth.value === 'phone') await inputsValidation.validateInputs(\n\t\t\t\tphoneValidation, \n\t\t\t\tinputsValidation.validatePhone, \n\t\t\t\tauth.state.user.phone, \n\t\t\t\t'Некорректный телефон'\n\t\t\t)\n\t\t\tif (tabAuth.value === 'email') await inputsValidation.validateInputs(\n\t\t\t\temailValidation, \n\t\t\t\tinputsValidation.validateEmail, \n\t\t\t\tauth.state.user.email, \n\t\t\t\t'Некорректный email'\n\t\t\t)\n\t\t} catch (error) {\n\t\t\tthrow new Error\n\t\t}\n\t\ttry {\n\t  \tawait twofa.sendCode(auth.state.user, 'signup', tabAuth.value)\n\t  } catch (error) {\n\t\t\tthrow new Error\n\t\t}\n\t}\n\n\tfunction redirectTo () {\n\t\trouter.push({ name: 'Enter Code', query: { returnUrl: route.query.returnUrl}})\n\t}\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":["inputsValidation.validateInputs","inputsValidation.validatePhone","inputsValidation.validateEmail"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA+EC,UAAM,QAAQ,SAAQ;AACtB,UAAM,OAAO,MAAM,QAAQ,EAAE,OAAO,CAAA,GAAI,SAAS,CAAA,EAAE;AACnD,UAAM,QAAQ,MAAM,SAAS,EAAE,OAAO,IAAI,SAAS,CAAA,GAAI,UAAU,MAAM;AAAA,IAAC,EAAC;AACzE,UAAM,OAAO,MAAM,QAAQ,EAAE,OAAO,CAAA,EAAgB;AAEpD,UAAM,EAAE,EAAC,IAAK,QAAQ;AAAA,MACrB,UAAU;AAAA,IACZ,CAAE;AAED,UAAM,kBAAkB,IAAI,IAAI;AAChC,UAAM,kBAAkB,IAAI,IAAI;AAEhC,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,UAAM,gBAAgB,SAAS,MAAM;AACjC,YAAM,OAAO;AAAA,QACT,EAAE,MAAM,EAAE,mBAAmB,GAAG,OAAO,QAAO;AAAA,QAC9C,EAAE,MAAM,EAAE,mBAAmB,GAAG,OAAO,QAAO;AAAA,MACvD;AACK,YAAM,iBAAiB,KAAK,OAAO,SAAS,MAAM,sBAAsB,CAAA;AACxE,aAAO,KAAK,OAAO,SAAO,CAAC,eAAe,SAAS,IAAI,KAAK,CAAC;AAAA,IACjE,CAAC;AAED,UAAM,UAAU,IAAI,cAAc,MAAM,SAAS,cAAc,MAAM,CAAC,EAAE,QAAQ,EAAE;AAElF,mBAAe,WAAW;AACzB,UAAI;AACF,YAAI,QAAQ,UAAU,QAAS,OAAMA;AAAAA,UACrC;AAAA,UACAC;AAAAA,UACA,KAAK,MAAM,KAAK;AAAA,UAChB;AAAA,QACJ;AACG,YAAI,QAAQ,UAAU,QAAS,OAAMD;AAAAA,UACpC;AAAA,UACAE;AAAAA,UACA,KAAK,MAAM,KAAK;AAAA,UAChB;AAAA,QACJ;AAAA,MACE,SAAS,OAAO;AACf,cAAM,IAAI;AAAA,MACX;AACA,UAAI;AACF,cAAM,MAAM,SAAS,KAAK,MAAM,MAAM,UAAU,QAAQ,KAAK;AAAA,MAC9D,SAAS,OAAO;AAChB,cAAM,IAAI;AAAA,MACX;AAAA,IACD;AAEA,aAAS,aAAc;AACtB,aAAO,KAAK,EAAE,MAAM,cAAc,OAAO,EAAE,WAAW,MAAM,MAAM,UAAS,EAAC,CAAC;AAAA,IAC9E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"SignUp.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/SignUp.vue"],"sourcesContent":["<template>\n  <section class=\"t-left pd-medium\">\n    <h3 class=\"mn-b-small\">{{ t('auth.signUp.title') }}</h3>\n\n    <!-- Tab selector -->\n    <div\n      v-if=\"availableTabs.length > 1\"\n      class=\"mn-b-small p-small uppercase fw-semi bg-light radius-small o-hidden\"\n    >\n      <Tab\n        v-model:selected=\"tabAuth\"\n        :tabs=\"availableTabs\"\n        classTab=\"pd-small pd-r-medium pd-l-medium w-100 pd-small radius-small\"\n      />\n    </div>\n\n    <!-- Form -->\n    <div class=\"pos-relative\">\n      <!-- Phone -->\n      <transition name=\"slide-fade\">\n        <div v-show=\"tabAuth === 'phone'\" class=\"mn-b-semi radius-small\">\n          <p class=\"mn-b-small t-transp\">{{ t('auth.signUp.smsNotice') }}</p>\n          <FieldPhone\n            @change=\"(event) => phone = event\"\n            :dropdownOptions=\"{\n              showDialCodeInSelection: true,\n              showFlags: true,\n              showDialCodeInList: true\n            }\"\n            :validation=\"phoneValidation\"\n            mode=\"national\"\n            :inputOptions=\"{ placeholder: t('auth.signUp.phonePlaceholder') }\"\n            class=\"bg-light h-4r pd-small radius-small mn-b-thin\"\n          />\n        </div>\n      </transition>\n      <!-- Email -->\n      <transition name=\"slide-fade\">\n        <div v-show=\"tabAuth === 'email'\" class=\"mn-b-semi radius-small o-hidden\">\n          <p class=\"mn-b-small t-transp\">{{ t('auth.signUp.emailNotice') }}</p>\n          <Field\n            v-model:field=\"email\"\n            :placeholder=\"t('auth.signUp.emailPlaceholder')\"\n            :validation=\"emailValidation\"\n            class=\"bg-light h-4r pd-medium radius-small\"\n          />\n        </div>\n      </transition>\n    </div>\n\n    <!-- Password fields -->\n    <div class=\"mn-b-semi\">\n      <Field\n        v-model:field=\"password\"\n        type=\"password\"\n        :placeholder=\"t('auth.enterPassword.passwordPlaceholder')\"\n        :validation=\"passwordValidation\"\n        class=\"bg-light pd-small radius-small mn-b-thin\"\n      />\n      <Field\n        v-model:field=\"passwordRepeat\"\n        type=\"password\"\n        :placeholder=\"t('auth.enterPassword.repeatPasswordPlaceholder')\"\n        class=\"bg-light pd-small radius-small\"\n      />\n    </div>\n\n    <!-- EULA -->\n    <div class=\"p-regular fw-semi mn-b-semi\">\n      By registering, you agree to our\n      <a class=\"t-grey\" href=\"/legal/eula\" target=\"_blank\" rel=\"noopener noreferrer\">End User License Agreement (EULA)</a>\n    </div>\n\n    <!-- Button -->\n    <Button :submit=\"onSubmit\" class=\"w-100 bg-main mn-b-big\">\n      {{ t('auth.enterPassword.registerBtn') }}\n    </Button>\n\n    <!-- Links -->\n    <div class=\"w-100\">\n      <router-link\n        :to=\"{ name: 'Sign In', query: { returnUrl: route.query.returnUrl } }\"\n        class=\"underline mn-b-medium d-block t-blue\"\n      >\n        {{ t('auth.signUp.haveAccount') }}\n      </router-link>\n    </div>\n  </section>\n</template>\n\n<script setup>\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\nimport { computed, ref } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\nimport { useI18n } from 'vue-i18n'\n\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\nimport { setError } from '@martyrs/src/modules/core/views/store/core.store.js'\nimport { withOtp } from '@martyrs/src/modules/auth/views/plugins/otp.plugin.js'\nimport $axios from '@martyrs/src/modules/core/views/utils/axios-instance.js'\nimport * as inputsValidation from '@martyrs/src/modules/auth/views/validations/inputs.validation'\n\nconst store = useStore()\nconst core = store.core || { state: {} }\nconst auth = store.auth\n\nconst route = useRoute()\nconst router = useRouter()\nconst { t } = useI18n({ useScope: 'global' })\n\nconst email = ref('')\nconst phone = ref('')\nconst password = ref('')\nconst passwordRepeat = ref('')\n\nconst phoneValidation = ref(null)\nconst emailValidation = ref(null)\nconst passwordValidation = ref(null)\n\nconst availableTabs = computed(() => {\n  const tabs = [\n    { name: t('auth.signUp.phone'), value: 'phone' },\n    { name: t('auth.signUp.email'), value: 'email' }\n  ]\n  const excludeMethods = core.state?.options?.auth?.authMethodsExclude || []\n  return tabs.filter(tab => !excludeMethods.includes(tab.value))\n})\n\nconst tabAuth = ref(availableTabs.value.length ? availableTabs.value[0].value : '')\n\nasync function onSubmit() {\n  // Validate identifier\n  if (tabAuth.value === 'phone') {\n    await inputsValidation.validateInputs(\n      phoneValidation,\n      inputsValidation.validatePhone,\n      phone.value,\n      'Некорректный телефон'\n    )\n  }\n  if (tabAuth.value === 'email') {\n    await inputsValidation.validateInputs(\n      emailValidation,\n      inputsValidation.validateEmail,\n      email.value,\n      'Некорректный email'\n    )\n  }\n\n  // Validate password\n  await inputsValidation.validateInputs(\n    passwordValidation,\n    inputsValidation.validatePassword,\n    password.value,\n    'Некорректный пароль'\n  )\n\n  if (password.value !== passwordRepeat.value) {\n    setError({ response: { data: { errorCode: 'PASSWORDS_DO_NOT_MATCH' } } })\n    throw new Error('PASSWORDS_DO_NOT_MATCH')\n  }\n\n  // Signup with OTP verification\n  try {\n    const result = await withOtp(\n      (data) => $axios.post('/api/auth/signup', data),\n      {\n        email: tabAuth.value === 'email' ? email.value : undefined,\n        phone: tabAuth.value === 'phone' ? phone.value : undefined,\n        password: password.value,\n        type: tabAuth.value,\n        inviteCode: route.query.invite\n      }\n    )\n\n    // Success - save token and redirect\n    if (result.data?.accessToken) {\n      const Cookies = (await import('js-cookie')).default\n      Cookies.set('user', JSON.stringify(result.data), { path: '/', expires: 7 })\n      await auth.actions.initialize()\n\n      if (route.query.returnUrl) {\n        router.push({ path: route.query.returnUrl, query: { afterAuth: 'true' } })\n      } else {\n        router.push({ name: 'User Profile', params: { _id: result.data._id }, query: { afterAuth: 'true' } })\n      }\n    }\n  } catch (error) {\n    setError(error)\n    throw error\n  }\n}\n</script>\n\n<style lang=\"scss\">\n.slide-fade-enter-active,\n.slide-fade-leave-active {\n  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n}\n\n.slide-fade-enter-from,\n.slide-fade-leave-to {\n  position: absolute;\n  transform: translateX(20px);\n  opacity: 0;\n  left: 0;\n  top: 0;\n}\n</style>\n"],"names":["inputsValidation.validateInputs","inputsValidation.validatePhone","inputsValidation.validateEmail","inputsValidation.validatePassword"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0GA,UAAM,QAAQ,SAAQ;AACtB,UAAM,OAAO,MAAM,QAAQ,EAAE,OAAO,CAAA,EAAE;AACtC,UAAM,OAAO,MAAM;AAEnB,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AACxB,UAAM,EAAE,EAAC,IAAK,QAAQ,EAAE,UAAU,SAAQ,CAAE;AAE5C,UAAM,QAAQ,IAAI,EAAE;AACpB,UAAM,QAAQ,IAAI,EAAE;AACpB,UAAM,WAAW,IAAI,EAAE;AACvB,UAAM,iBAAiB,IAAI,EAAE;AAE7B,UAAM,kBAAkB,IAAI,IAAI;AAChC,UAAM,kBAAkB,IAAI,IAAI;AAChC,UAAM,qBAAqB,IAAI,IAAI;AAEnC,UAAM,gBAAgB,SAAS,MAAM;AACnC,YAAM,OAAO;AAAA,QACX,EAAE,MAAM,EAAE,mBAAmB,GAAG,OAAO,QAAO;AAAA,QAC9C,EAAE,MAAM,EAAE,mBAAmB,GAAG,OAAO,QAAO;AAAA,MAClD;AACE,YAAM,iBAAiB,KAAK,OAAO,SAAS,MAAM,sBAAsB,CAAA;AACxE,aAAO,KAAK,OAAO,SAAO,CAAC,eAAe,SAAS,IAAI,KAAK,CAAC;AAAA,IAC/D,CAAC;AAED,UAAM,UAAU,IAAI,cAAc,MAAM,SAAS,cAAc,MAAM,CAAC,EAAE,QAAQ,EAAE;AAElF,mBAAe,WAAW;AAExB,UAAI,QAAQ,UAAU,SAAS;AAC7B,cAAMA;AAAAA,UACJ;AAAA,UACAC;AAAAA,UACA,MAAM;AAAA,UACN;AAAA,QACN;AAAA,MACE;AACA,UAAI,QAAQ,UAAU,SAAS;AAC7B,cAAMD;AAAAA,UACJ;AAAA,UACAE;AAAAA,UACA,MAAM;AAAA,UACN;AAAA,QACN;AAAA,MACE;AAGA,YAAMF;AAAAA,QACJ;AAAA,QACAG;AAAAA,QACA,SAAS;AAAA,QACT;AAAA,MACJ;AAEE,UAAI,SAAS,UAAU,eAAe,OAAO;AAC3C,iBAAS,EAAE,UAAU,EAAE,MAAM,EAAE,WAAW,yBAAwB,IAAI,CAAE;AACxE,cAAM,IAAI,MAAM,wBAAwB;AAAA,MAC1C;AAGA,UAAI;AACF,cAAM,SAAS,MAAM;AAAA,UACnB,CAAC,SAAS,OAAO,KAAK,oBAAoB,IAAI;AAAA,UAC9C;AAAA,YACE,OAAO,QAAQ,UAAU,UAAU,MAAM,QAAQ;AAAA,YACjD,OAAO,QAAQ,UAAU,UAAU,MAAM,QAAQ;AAAA,YACjD,UAAU,SAAS;AAAA,YACnB,MAAM,QAAQ;AAAA,YACd,YAAY,MAAM,MAAM;AAAA,UAChC;AAAA,QACA;AAGI,YAAI,OAAO,MAAM,aAAa;AAC5B,gBAAM,WAAW,MAAM,OAAO,kGAAW,GAAG;AAC5C,kBAAQ,IAAI,QAAQ,KAAK,UAAU,OAAO,IAAI,GAAG,EAAE,MAAM,KAAK,SAAS,EAAC,CAAE;AAC1E,gBAAM,KAAK,QAAQ,WAAU;AAE7B,cAAI,MAAM,MAAM,WAAW;AACzB,mBAAO,KAAK,EAAE,MAAM,MAAM,MAAM,WAAW,OAAO,EAAE,WAAW,SAAQ,CAAE;AAAA,UAC3E,OAAO;AACL,mBAAO,KAAK,EAAE,MAAM,gBAAgB,QAAQ,EAAE,KAAK,OAAO,KAAK,IAAG,GAAI,OAAO,EAAE,WAAW,OAAM,EAAE,CAAE;AAAA,UACtG;AAAA,QACF;AAAA,MACF,SAAS,OAAO;AACd,iBAAS,KAAK;AACd,cAAM;AAAA,MACR;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}