@ozdao/martyrs 0.2.584 → 0.2.586

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

@@ -1,13 +1,35 @@
-import { createElementBlock, openBlock, createVNode, createElementVNode, unref, withCtx, createTextVNode } from "vue";
-import _sfc_main$2 from "../../../../../components/Checkbox/Checkbox.vue.js";
-import _sfc_main$3 from "../../../../../components/Button/Button.vue2.js";
-import _sfc_main$1 from "../sections/ProfileEditCredentials.vue.js";
+import { ref, createElementBlock, openBlock, createElementVNode, createVNode, createBlock, withCtx, createTextVNode, unref } from "vue";
+import _sfc_main$3 from "../../../../../components/Checkbox/Checkbox.vue.js";
+import _sfc_main$2 from "../../../../../components/Button/Button.vue.js";
+import Field from "../../../../../components/Field/Field.vue.js";
+import _sfc_main$1 from "../../../../../components/FieldPhone/FieldPhone.vue.js";
 import { useRouter } from "vue-router";
 import { actions as actions$1 } from "../../store/auth.js";
-import { actions, state } from "../../store/users.js";
-import { useStore } from "../../../../core/views/store/core.store.js";
+import { state, actions } from "../../store/users.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";
 const _hoisted_1 = { class: "for-transition w-100" };
 const _hoisted_2 = { class: "bg-white mn-b-thin" };
+const _hoisted_3 = { class: "mn-b-semi" };
+const _hoisted_4 = {
+  key: 3,
+  class: "flex gap-1"
+};
+const _hoisted_5 = {
+  key: 4,
+  class: "flex gap-2"
+};
+const _hoisted_6 = { class: "mn-b-semi" };
+const _hoisted_7 = {
+  key: 3,
+  class: "flex gap-1"
+};
+const _hoisted_8 = {
+  key: 4,
+  class: "flex gap-2"
+};
+const _hoisted_9 = { class: "bg-white mn-b-thin" };
 const _sfc_main = {
   __name: "ProfileEditAccount",
   props: {
@@ -20,6 +42,43 @@ const _sfc_main = {
     const store = useStore();
     const core = store.core;
     const router = useRouter();
+    const isEditingPhone = ref(false);
+    const isEditingEmail = ref(false);
+    const newPhone = ref("");
+    const newEmail = ref("");
+    async function savePhone() {
+      if (!newPhone.value) return;
+      try {
+        const result = await withOtp(
+          (data) => $axios.put(`/api/users/${state.current._id}/phone`, data),
+          { phone: newPhone.value }
+        );
+        if (result.data) {
+          state.current.phone = result.data.phone;
+        }
+        isEditingPhone.value = false;
+        newPhone.value = "";
+      } catch (error) {
+        console.log("savePhone catch:", error);
+        setError(error);
+      }
+    }
+    async function saveEmail() {
+      if (!newEmail.value) return;
+      try {
+        const result = await withOtp(
+          (data) => $axios.put(`/api/users/${state.current._id}/email`, data),
+          { email: newEmail.value }
+        );
+        if (result.data) {
+          state.current.email = result.data.email;
+        }
+        isEditingEmail.value = false;
+        newEmail.value = "";
+      } catch (error) {
+        setError(error);
+      }
+    }
     async function onSubmit() {
       await actions.update(state.current);
     }
@@ -35,32 +94,157 @@ const _sfc_main = {
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(_sfc_main$1, { class: "bg-white mn-b-thin" }),
         createElementVNode("div", _hoisted_2, [
-          _cache[1] || (_cache[1] = createElementVNode("h3", { class: "mn-b-small" }, "Settings", -1)),
-          createVNode(_sfc_main$2, {
+          _cache[13] || (_cache[13] = createElementVNode("h3", { class: "mn-b-small" }, "Phone and Email", -1)),
+          createElementVNode("div", _hoisted_3, [
+            state.current.phone && !isEditingPhone.value ? (openBlock(), createBlock(Field, {
+              key: 0,
+              field: state.current.phone,
+              "onUpdate:field": _cache[0] || (_cache[0] = ($event) => state.current.phone = $event),
+              label: "Phone",
+              class: "mn-b-thin bg-light pd-medium radius-small",
+              disabled: ""
+            }, null, 8, ["field"])) : (openBlock(), createBlock(_sfc_main$1, {
+              key: 1,
+              onChange: _cache[1] || (_cache[1] = (val) => newPhone.value = val),
+              dropdownOptions: {
+                showDialCodeInSelection: true,
+                showFlags: true,
+                showDialCodeInList: true
+              },
+              validCharactersOnly: true,
+              mode: "national",
+              inputOptions: { placeholder: "Enter phone number", type: "tel" },
+              class: "bg-light h-4r pd-small radius-small mn-b-thin"
+            })),
+            state.current.phone && !isEditingPhone.value ? (openBlock(), createBlock(_sfc_main$2, {
+              key: 2,
+              submit: () => isEditingPhone.value = true,
+              class: "mn-b-thin t-black bg-light w-100"
+            }, {
+              default: withCtx(() => _cache[5] || (_cache[5] = [
+                createTextVNode(" Change Phone ")
+              ])),
+              _: 1
+            }, 8, ["submit"])) : !state.current.phone ? (openBlock(), createElementBlock("div", _hoisted_4, [
+              createVNode(_sfc_main$2, {
+                submit: () => savePhone(),
+                class: "mn-b-thin bg-main w-100"
+              }, {
+                default: withCtx(() => _cache[6] || (_cache[6] = [
+                  createTextVNode(" Save Phone ")
+                ])),
+                _: 1
+              }, 8, ["submit"])
+            ])) : (openBlock(), createElementBlock("div", _hoisted_5, [
+              createVNode(_sfc_main$2, {
+                submit: () => savePhone(),
+                class: "mn-b-thin bg-main flex-child-1"
+              }, {
+                default: withCtx(() => _cache[7] || (_cache[7] = [
+                  createTextVNode(" Save Phone ")
+                ])),
+                _: 1
+              }, 8, ["submit"]),
+              createVNode(_sfc_main$2, {
+                submit: () => {
+                  isEditingPhone.value = false;
+                  newPhone.value = "";
+                },
+                class: "mn-b-thin bg-red t-white flex-child-1"
+              }, {
+                default: withCtx(() => _cache[8] || (_cache[8] = [
+                  createTextVNode(" Cancel ")
+                ])),
+                _: 1
+              }, 8, ["submit"])
+            ]))
+          ]),
+          createElementVNode("div", _hoisted_6, [
+            state.current.email && !isEditingEmail.value ? (openBlock(), createBlock(Field, {
+              key: 0,
+              field: state.current.email,
+              "onUpdate:field": _cache[2] || (_cache[2] = ($event) => state.current.email = $event),
+              label: "Email",
+              class: "mn-b-thin bg-light pd-medium radius-small",
+              disabled: ""
+            }, null, 8, ["field"])) : (openBlock(), createBlock(Field, {
+              key: 1,
+              field: newEmail.value,
+              "onUpdate:field": _cache[3] || (_cache[3] = ($event) => newEmail.value = $event),
+              label: "Email",
+              placeholder: "Enter email",
+              class: "mn-b-thin bg-light pd-medium radius-small"
+            }, null, 8, ["field"])),
+            state.current.email && !isEditingEmail.value ? (openBlock(), createBlock(_sfc_main$2, {
+              key: 2,
+              submit: () => isEditingEmail.value = true,
+              class: "mn-b-thin t-black bg-light w-100"
+            }, {
+              default: withCtx(() => _cache[9] || (_cache[9] = [
+                createTextVNode(" Change Email ")
+              ])),
+              _: 1
+            }, 8, ["submit"])) : !state.current.email ? (openBlock(), createElementBlock("div", _hoisted_7, [
+              createVNode(_sfc_main$2, {
+                submit: () => saveEmail(),
+                class: "mn-b-thin bg-main w-100"
+              }, {
+                default: withCtx(() => _cache[10] || (_cache[10] = [
+                  createTextVNode(" Save Email ")
+                ])),
+                _: 1
+              }, 8, ["submit"])
+            ])) : (openBlock(), createElementBlock("div", _hoisted_8, [
+              createVNode(_sfc_main$2, {
+                submit: () => saveEmail(),
+                class: "mn-b-thin bg-main flex-child-1"
+              }, {
+                default: withCtx(() => _cache[11] || (_cache[11] = [
+                  createTextVNode(" Save Email ")
+                ])),
+                _: 1
+              }, 8, ["submit"]),
+              createVNode(_sfc_main$2, {
+                submit: () => {
+                  isEditingEmail.value = false;
+                  newEmail.value = "";
+                },
+                class: "mn-b-thin bg-red t-white flex-child-1"
+              }, {
+                default: withCtx(() => _cache[12] || (_cache[12] = [
+                  createTextVNode(" Cancel ")
+                ])),
+                _: 1
+              }, 8, ["submit"])
+            ]))
+          ])
+        ]),
+        createElementVNode("div", _hoisted_9, [
+          _cache[14] || (_cache[14] = createElementVNode("h3", { class: "mn-b-small" }, "Settings", -1)),
+          createVNode(_sfc_main$3, {
             label: "Darkmode",
             radio: unref(core).state.theme.mode === "dark",
-            "onUpdate:radio": _cache[0] || (_cache[0] = (event) => unref(core).actions.toggleTheme()),
+            "onUpdate:radio": _cache[4] || (_cache[4] = () => unref(core).actions.toggleTheme()),
             class: "w-100 bg-light t-black pd-medium radius-small"
           }, null, 8, ["radio"])
         ]),
-        createVNode(_sfc_main$3, {
+        createVNode(_sfc_main$2, {
           submit: onSubmit,
           callback: redirectTo,
           class: "mn-b-thin bg-main w-100"
         }, {
-          default: withCtx(() => _cache[2] || (_cache[2] = [
+          default: withCtx(() => _cache[15] || (_cache[15] = [
             createTextVNode(" Save ")
           ])),
           _: 1
         }),
-        createVNode(_sfc_main$3, {
+        createVNode(_sfc_main$2, {
           submit: onSubmitDelete,
           callback: () => unref(router).push({ name: "Sign In" }),
           class: "mn-b-thin w-100 bg-red t-white"
         }, {
-          default: withCtx(() => _cache[3] || (_cache[3] = [
+          default: withCtx(() => _cache[16] || (_cache[16] = [
             createTextVNode(" Delete Account ")
           ])),
           _: 1

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

@@ -1 +1 @@
-{"version":3,"file":"ProfileEditAccount.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/ProfileEditAccount.vue"],"sourcesContent":["<template>\n  <div class=\"for-transition w-100\">\n    <ProfileEditCredentials class=\"bg-white mn-b-thin\"/>\n\n    <div class=\"bg-white mn-b-thin \">\n      <h3 class=\"mn-b-small\">Settings</h3>\n      <Checkbox\n        :label=\"'Darkmode'\"\n        :radio=\"core.state.theme.mode === 'dark'\"\n        @update:radio=\"event => core.actions.toggleTheme()\"\n        class=\"w-100 bg-light t-black pd-medium radius-small\"\n      />\n    </div>\n\n    <Button \n      :submit=\"onSubmit\" \n      :callback=\"redirectTo\" \n      class=\"mn-b-thin bg-main w-100\"\n    > \n      Save\n    </Button>\n\n    <Button\n      :submit=\"onSubmitDelete\" \n      :callback=\"() => router.push({name: 'Sign In'})\" \n      class=\"mn-b-thin w-100 bg-red t-white\"\n    >\n      Delete Account\n    </Button>\n  </div>\n</template>\n\n<script setup>\n  import Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue'\n  import Button from '@martyrs/src/components/Button/Button.vue'\n  import ProfileEditCredentials from '@martyrs/src/modules/auth/views/components/sections/ProfileEditCredentials.vue'\n  \n  import { useRouter } from 'vue-router'\n\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n  import * as users from '@martyrs/src/modules/auth/views/store/users.js'\n  import { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\n\n  const store = useStore()\n  const core = store.core\n  const router = useRouter()\n  \n  defineProps({\n    userData: {\n      type: Object,\n      required: true\n    }\n  })\n  \n  async function onSubmit() {\n    await users.actions.update(users.state.current)\n  }\n  \n  async function onSubmitDelete() {\n    const confirmation = window.confirm(\"Are you sure you want to delete your account? Restoration will be possible only with the help of an administrator.\")\n    \n    if (!confirmation) return\n    \n    users.state.current.status = 'removed'\n    await users.actions.update(users.state.current)\n    auth.actions.logout()\n  }\n  \n  function redirectTo() {\n    router.back()\n  }\n</script>"],"names":["users.actions","users.state","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;AA2CE,UAAM,QAAQ,SAAQ;AACtB,UAAM,OAAO,MAAM;AACnB,UAAM,SAAS,UAAS;AASxB,mBAAe,WAAW;AACxB,YAAMA,QAAc,OAAOC,MAAY,OAAO;AAAA,IAChD;AAEA,mBAAe,iBAAiB;AAC9B,YAAM,eAAe,OAAO,QAAQ,oHAAoH;AAExJ,UAAI,CAAC,aAAc;AAEnBA,YAAY,QAAQ,SAAS;AAC7B,YAAMD,QAAc,OAAOC,MAAY,OAAO;AAC9CC,gBAAa,OAAM;AAAA,IACrB;AAEA,aAAS,aAAa;AACpB,aAAO,KAAI;AAAA,IACb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ProfileEditAccount.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/ProfileEditAccount.vue"],"sourcesContent":["<template>\n  <div class=\"for-transition w-100\">\n    <!-- Phone and Email -->\n    <div class=\"bg-white mn-b-thin\">\n      <h3 class=\"mn-b-small\">Phone and Email</h3>\n\n      <!-- Phone -->\n      <div class=\"mn-b-semi\">\n        <Field\n          v-if=\"users.state.current.phone && !isEditingPhone\"\n          v-model:field=\"users.state.current.phone\"\n          label=\"Phone\"\n          class=\"mn-b-thin bg-light pd-medium radius-small\"\n          disabled\n        />\n        <FieldPhone\n          v-else\n          @change=\"(val) => newPhone = val\"\n          :dropdownOptions=\"{\n            showDialCodeInSelection: true,\n            showFlags: true,\n            showDialCodeInList: true\n          }\"\n          :validCharactersOnly=\"true\"\n          mode=\"national\"\n          :inputOptions=\"{ placeholder: 'Enter phone number', type: 'tel' }\"\n          class=\"bg-light h-4r pd-small radius-small mn-b-thin\"\n        />\n        <Button\n          v-if=\"users.state.current.phone && !isEditingPhone\"\n          :submit=\"() => isEditingPhone = true\"\n          class=\"mn-b-thin t-black bg-light w-100\"\n        >\n          Change Phone\n        </Button>\n        <div v-else-if=\"!users.state.current.phone\" class=\"flex gap-1\">\n          <Button\n            :submit=\"() => savePhone()\"\n            class=\"mn-b-thin bg-main w-100\"\n          >\n            Save Phone\n          </Button>\n        </div>\n        <div v-else class=\"flex gap-2\">\n          <Button\n            :submit=\"() => savePhone()\"\n            class=\"mn-b-thin bg-main flex-child-1\"\n          >\n            Save Phone\n          </Button>\n          <Button\n            :submit=\"() => { isEditingPhone = false; newPhone = '' }\"\n            class=\"mn-b-thin bg-red t-white flex-child-1\"\n          >\n            Cancel\n          </Button>\n        </div>\n      </div>\n\n      <!-- Email -->\n      <div class=\"mn-b-semi\">\n        <Field\n          v-if=\"users.state.current.email && !isEditingEmail\"\n          v-model:field=\"users.state.current.email\"\n          label=\"Email\"\n          class=\"mn-b-thin bg-light pd-medium radius-small\"\n          disabled\n        />\n        <Field\n          v-else\n          v-model:field=\"newEmail\"\n          label=\"Email\"\n          placeholder=\"Enter email\"\n          class=\"mn-b-thin bg-light pd-medium radius-small\"\n        />\n        <Button\n          v-if=\"users.state.current.email && !isEditingEmail\"\n          :submit=\"() => isEditingEmail = true\"\n          class=\"mn-b-thin t-black bg-light w-100\"\n        >\n          Change Email\n        </Button>\n        <div v-else-if=\"!users.state.current.email\" class=\"flex gap-1\">\n          <Button\n            :submit=\"() => saveEmail()\"\n            class=\"mn-b-thin bg-main w-100\"\n          >\n            Save Email\n          </Button>\n        </div>\n        <div v-else class=\"flex gap-2\">\n          <Button\n            :submit=\"() => saveEmail()\"\n            class=\"mn-b-thin bg-main flex-child-1\"\n          >\n            Save Email\n          </Button>\n          <Button\n            :submit=\"() => { isEditingEmail = false; newEmail = '' }\"\n            class=\"mn-b-thin bg-red t-white flex-child-1\"\n          >\n            Cancel\n          </Button>\n        </div>\n      </div>\n    </div>\n\n    <!-- Settings -->\n    <div class=\"bg-white mn-b-thin\">\n      <h3 class=\"mn-b-small\">Settings</h3>\n      <Checkbox\n        :label=\"'Darkmode'\"\n        :radio=\"core.state.theme.mode === 'dark'\"\n        @update:radio=\"() => core.actions.toggleTheme()\"\n        class=\"w-100 bg-light t-black pd-medium radius-small\"\n      />\n    </div>\n\n    <Button\n      :submit=\"onSubmit\"\n      :callback=\"redirectTo\"\n      class=\"mn-b-thin bg-main w-100\"\n    >\n      Save\n    </Button>\n\n    <Button\n      :submit=\"onSubmitDelete\"\n      :callback=\"() => router.push({ name: 'Sign In' })\"\n      class=\"mn-b-thin w-100 bg-red t-white\"\n    >\n      Delete Account\n    </Button>\n  </div>\n</template>\n\n<script setup>\nimport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue'\nimport Button from '@martyrs/src/components/Button/Button.vue'\nimport Field from '@martyrs/src/components/Field/Field.vue'\nimport FieldPhone from '@martyrs/src/components/FieldPhone/FieldPhone.vue'\n\nimport { ref } from 'vue'\nimport { useRouter } from 'vue-router'\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as users from '@martyrs/src/modules/auth/views/store/users.js'\nimport { useStore, 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'\n\nconst store = useStore()\nconst core = store.core\nconst router = useRouter()\n\nconst isEditingPhone = ref(false)\nconst isEditingEmail = ref(false)\nconst newPhone = ref('')\nconst newEmail = ref('')\n\ndefineProps({\n  userData: {\n    type: Object,\n    required: true\n  }\n})\n\nasync function savePhone() {\n  if (!newPhone.value) return\n\n  try {\n    const result = await withOtp(\n      (data) => $axios.put(`/api/users/${users.state.current._id}/phone`, data),\n      { phone: newPhone.value }\n    )\n\n    if (result.data) {\n      users.state.current.phone = result.data.phone\n    }\n\n    isEditingPhone.value = false\n    newPhone.value = ''\n  } catch (error) {\n    console.log('savePhone catch:', error)\n    setError(error)\n  }\n}\n\nasync function saveEmail() {\n  if (!newEmail.value) return\n\n  try {\n    const result = await withOtp(\n      (data) => $axios.put(`/api/users/${users.state.current._id}/email`, data),\n      { email: newEmail.value }\n    )\n\n    if (result.data) {\n      users.state.current.email = result.data.email\n    }\n\n    isEditingEmail.value = false\n    newEmail.value = ''\n  } catch (error) {\n    setError(error)\n  }\n}\n\nasync function onSubmit() {\n  await users.actions.update(users.state.current)\n}\n\nasync function onSubmitDelete() {\n  const confirmation = window.confirm(\"Are you sure you want to delete your account? Restoration will be possible only with the help of an administrator.\")\n\n  if (!confirmation) return\n\n  users.state.current.status = 'removed'\n  await users.actions.update(users.state.current)\n  auth.actions.logout()\n}\n\nfunction redirectTo() {\n  router.back()\n}\n</script>\n"],"names":["users.state","users.actions","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuJA,UAAM,QAAQ,SAAQ;AACtB,UAAM,OAAO,MAAM;AACnB,UAAM,SAAS,UAAS;AAExB,UAAM,iBAAiB,IAAI,KAAK;AAChC,UAAM,iBAAiB,IAAI,KAAK;AAChC,UAAM,WAAW,IAAI,EAAE;AACvB,UAAM,WAAW,IAAI,EAAE;AASvB,mBAAe,YAAY;AACzB,UAAI,CAAC,SAAS,MAAO;AAErB,UAAI;AACF,cAAM,SAAS,MAAM;AAAA,UACnB,CAAC,SAAS,OAAO,IAAI,cAAcA,MAAY,QAAQ,GAAG,UAAU,IAAI;AAAA,UACxE,EAAE,OAAO,SAAS,MAAK;AAAA,QAC7B;AAEI,YAAI,OAAO,MAAM;AACfA,gBAAY,QAAQ,QAAQ,OAAO,KAAK;AAAA,QAC1C;AAEA,uBAAe,QAAQ;AACvB,iBAAS,QAAQ;AAAA,MACnB,SAAS,OAAO;AACd,gBAAQ,IAAI,oBAAoB,KAAK;AACrC,iBAAS,KAAK;AAAA,MAChB;AAAA,IACF;AAEA,mBAAe,YAAY;AACzB,UAAI,CAAC,SAAS,MAAO;AAErB,UAAI;AACF,cAAM,SAAS,MAAM;AAAA,UACnB,CAAC,SAAS,OAAO,IAAI,cAAcA,MAAY,QAAQ,GAAG,UAAU,IAAI;AAAA,UACxE,EAAE,OAAO,SAAS,MAAK;AAAA,QAC7B;AAEI,YAAI,OAAO,MAAM;AACfA,gBAAY,QAAQ,QAAQ,OAAO,KAAK;AAAA,QAC1C;AAEA,uBAAe,QAAQ;AACvB,iBAAS,QAAQ;AAAA,MACnB,SAAS,OAAO;AACd,iBAAS,KAAK;AAAA,MAChB;AAAA,IACF;AAEA,mBAAe,WAAW;AACxB,YAAMC,QAAc,OAAOD,MAAY,OAAO;AAAA,IAChD;AAEA,mBAAe,iBAAiB;AAC9B,YAAM,eAAe,OAAO,QAAQ,oHAAoH;AAExJ,UAAI,CAAC,aAAc;AAEnBA,YAAY,QAAQ,SAAS;AAC7B,YAAMC,QAAc,OAAOD,MAAY,OAAO;AAC9CE,gBAAa,OAAM;AAAA,IACrB;AAEA,aAAS,aAAa;AACpB,aAAO,KAAI;AAAA,IACb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,6 +1,6 @@
 import { createElementBlock, openBlock, createElementVNode, createVNode, toDisplayString, withCtx, createTextVNode } from "vue";
 import Field from "../../../../../components/Field/Field.vue.js";
-import _sfc_main$1 from "../../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../../../components/Button/Button.vue.js";
 import UploadImage from "../../../../../components/UploadImage/UploadImage.vue.js";
 import { useRouter } from "vue-router";
 import { state, actions } from "../../store/users.js";

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

@@ -1,12 +1,14 @@
 import { ref, computed, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, toDisplayString, unref, Transition, withCtx, createTextVNode } from "vue";
-import _sfc_main$1 from "../../../../../components/Tab/Tab.vue.js";
+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

@@ -1,8 +1,8 @@
 import { ref, computed, onMounted, resolveComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, createTextVNode, toDisplayString, unref, withCtx, Transition, withDirectives, vShow } from "vue";
-import _sfc_main$1 from "../../../../../components/Tab/Tab.vue.js";
+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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}