@ozdao/martyrs 0.2.603 → 0.2.605

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

@@ -1,15 +1,27 @@
-import { ref, onMounted, provide, resolveComponent, createBlock, openBlock, withCtx, createElementBlock, createVNode } from "vue";
-import _sfc_main$1 from "../../../../../components/Popup/Popup.vue.js";
-import Loader from "../../../../../components/Loader/Loader.vue2.js";
-import _sfc_main$2 from "./ProfileEditSidebar.vue.js";
+import { ref, computed, onMounted, provide, resolveComponent, createElementBlock, createBlock, openBlock, createVNode, withCtx } from "vue";
+import _sfc_main$2 from "../../../../../components/Popup/Popup.vue.js";
+import Loader from "../../../../../components/Loader/Loader.vue.js";
+import _sfc_main$1 from "./ProfileEditSidebar.vue.js";
 import { useRoute, useRouter } from "vue-router";
 import { state } from "../../store/auth.js";
 import { actions, state as state$1 } from "../../store/users.js";
 const _hoisted_1 = {
   key: 0,
-  class: "flex-center h-100"
+  class: "w-100 pd-medium"
 };
 const _hoisted_2 = {
+  key: 0,
+  class: "flex-center h-20r"
+};
+const _hoisted_3 = {
+  key: 1,
+  class: "flex h-min-100 flex-row mobile:flex-column gap-regular"
+};
+const _hoisted_4 = {
+  key: 0,
+  class: "flex-center h-100"
+};
+const _hoisted_5 = {
   key: 1,
   class: "flex h-min-100 flex-row mobile:flex-column gap-regular"
 };
@@ -21,17 +33,11 @@ const _sfc_main = {
     const loading = ref(true);
     const userData = ref(null);
     const isOpen = ref(false);
+    const isBackoffice = computed(() => route.matched.some((r) => r.meta?.context === "backoffice"));
     function closeProfileEdit() {
       isOpen.value = false;
-      router.push({
-        name: "User Profile",
-        params: {
-          _id: state.user._id
-        },
-        query: {
-          afterAuth: "true"
-        }
-      });
+      const basePath = route.path.replace(/\/(account)?$/, "") || route.path;
+      router.push({ path: basePath, query: { afterAuth: "true" } });
     }
     onMounted(async () => {
       isOpen.value = true;
@@ -48,7 +54,15 @@ const _sfc_main = {
     provide("userData", userData);
     return (_ctx, _cache) => {
       const _component_RouterView = resolveComponent("RouterView");
-      return openBlock(), createBlock(_sfc_main$1, {
+      return isBackoffice.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        loading.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
+          createVNode(Loader, { centered: true })
+        ])) : (openBlock(), createElementBlock("div", _hoisted_3, [
+          createVNode(_sfc_main$1, { class: "w-10r mobile:w-100 flex-shrink-0" }),
+          createVNode(_component_RouterView, { userData: userData.value }, null, 8, ["userData"])
+        ]))
+      ])) : (openBlock(), createBlock(_sfc_main$2, {
+        key: 1,
         isPopupOpen: isOpen.value,
         onClosePopup: _cache[0] || (_cache[0] = ($event) => closeProfileEdit()),
         title: "Edit Profile",
@@ -56,15 +70,15 @@ const _sfc_main = {
         class: "w-m-50r h-40r mobile:h-100 h-m-40r bg-white mobile:radius-zero radius-medium pd-medium"
       }, {
         default: withCtx(() => [
-          loading.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          loading.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
             createVNode(Loader, { centered: true })
-          ])) : (openBlock(), createElementBlock("div", _hoisted_2, [
-            createVNode(_sfc_main$2, { class: "w-10r mobile:w-100 flex-shrink-0" }),
+          ])) : (openBlock(), createElementBlock("div", _hoisted_5, [
+            createVNode(_sfc_main$1, { class: "w-10r mobile:w-100 flex-shrink-0" }),
             createVNode(_component_RouterView, { userData: userData.value }, null, 8, ["userData"])
           ]))
         ]),
         _: 1
-      }, 8, ["isPopupOpen"]);
+      }, 8, ["isPopupOpen"]));
     };
   }
 };

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

@@ -1 +1 @@
-{"version":3,"file":"ProfileEdit.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/ProfileEdit.vue"],"sourcesContent":["<template>\n  <Popup \n    :isPopupOpen=\"isOpen\" \n    @close-popup=\"closeProfileEdit()\"\n    title=\"Edit Profile\"\n    align=\"center center\"\n    class=\"w-m-50r h-40r mobile:h-100 h-m-40r bg-white mobile:radius-zero radius-medium pd-medium\"\n  >\n    <div v-if=\"loading\" class=\"flex-center h-100\">\n      <Loader :centered=\"true\"/>\n    </div>\n    \n    <div v-else class=\"flex h-min-100 flex-row mobile:flex-column gap-regular\">\n      <ProfileEditSidebar class=\"w-10r mobile:w-100 flex-shrink-0\" />\n      \n      <RouterView :userData=\"userData\" />\n    </div>\n  </Popup>\n</template>\n\n<script setup>\n  import Popup from '@martyrs/src/components/Popup/Popup.vue'\n  import Loader from '@martyrs/src/components/Loader/Loader.vue'\n  import ProfileEditSidebar from './ProfileEditSidebar.vue'\n  \n  import { ref, onMounted, provide } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n  \n  const route = useRoute()\n  const router = useRouter()\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  \n  const loading = ref(true)\n  const userData = ref(null)\n  const isOpen = ref(false)\n\n  function closeProfileEdit () {\n    isOpen.value = false\n    router.push({ \n      name: 'User Profile', \n      params: { \n        _id: auth.state.user._id \n      },\n      query: { \n        afterAuth: 'true' \n      }\n    })\n  }\n  \n  onMounted(async () => {\n    isOpen.value = true\n    try {\n      const userId = route.params._id || auth.state.user._id\n      await users.actions.read({ _id: userId, user: auth.state.user._id })\n      userData.value = users.state.current\n    } catch (error) {\n      console.error('Error loading user data:', error)\n    } finally {\n      loading.value = false\n    }\n  })\n  \n  // Provide user data to nested routes\n  provide('userData', userData)\n</script>"],"names":["auth.state","users.actions","users.state"],"mappings":";;;;;;;;;;;;;;;;;;AA4BE,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAKxB,UAAM,UAAU,IAAI,IAAI;AACxB,UAAM,WAAW,IAAI,IAAI;AACzB,UAAM,SAAS,IAAI,KAAK;AAExB,aAAS,mBAAoB;AAC3B,aAAO,QAAQ;AACf,aAAO,KAAK;AAAA,QACV,MAAM;AAAA,QACN,QAAQ;AAAA,UACN,KAAKA,MAAW,KAAK;AAAA,QAC7B;AAAA,QACM,OAAO;AAAA,UACL,WAAW;AAAA,QACnB;AAAA,MACA,CAAK;AAAA,IACH;AAEA,cAAU,YAAY;AACpB,aAAO,QAAQ;AACf,UAAI;AACF,cAAM,SAAS,MAAM,OAAO,OAAOA,MAAW,KAAK;AACnD,cAAMC,QAAc,KAAK,EAAE,KAAK,QAAQ,MAAMD,MAAW,KAAK,IAAG,CAAE;AACnE,iBAAS,QAAQE,QAAY;AAAA,MAC/B,SAAS,OAAO;AACd,gBAAQ,MAAM,4BAA4B,KAAK;AAAA,MACjD,UAAC;AACC,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IACF,CAAC;AAGD,YAAQ,YAAY,QAAQ;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ProfileEdit.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/ProfileEdit.vue"],"sourcesContent":["<template>\n  <!-- Backoffice: inline layout -->\n  <div v-if=\"isBackoffice\" class=\"w-100 pd-medium\">\n    <div v-if=\"loading\" class=\"flex-center h-20r\">\n      <Loader :centered=\"true\"/>\n    </div>\n\n    <div v-else class=\"flex h-min-100 flex-row mobile:flex-column gap-regular\">\n      <ProfileEditSidebar class=\"w-10r mobile:w-100 flex-shrink-0\" />\n\n      <RouterView :userData=\"userData\" />\n    </div>\n  </div>\n\n  <!-- Client: popup layout -->\n  <Popup\n    v-else\n    :isPopupOpen=\"isOpen\"\n    @close-popup=\"closeProfileEdit()\"\n    title=\"Edit Profile\"\n    align=\"center center\"\n    class=\"w-m-50r h-40r mobile:h-100 h-m-40r bg-white mobile:radius-zero radius-medium pd-medium\"\n  >\n    <div v-if=\"loading\" class=\"flex-center h-100\">\n      <Loader :centered=\"true\"/>\n    </div>\n\n    <div v-else class=\"flex h-min-100 flex-row mobile:flex-column gap-regular\">\n      <ProfileEditSidebar class=\"w-10r mobile:w-100 flex-shrink-0\" />\n\n      <RouterView :userData=\"userData\" />\n    </div>\n  </Popup>\n</template>\n\n<script setup>\n  import Popup from '@martyrs/src/components/Popup/Popup.vue'\n  import Loader from '@martyrs/src/components/Loader/Loader.vue'\n  import ProfileEditSidebar from './ProfileEditSidebar.vue'\n  \n  import { ref, computed, onMounted, provide } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n  \n  const route = useRoute()\n  const router = useRouter()\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  \n  const loading = ref(true)\n  const userData = ref(null)\n  const isOpen = ref(false)\n  const isBackoffice = computed(() => route.matched.some(r => r.meta?.context === 'backoffice'))\n\n  function closeProfileEdit () {\n    isOpen.value = false\n    const basePath = route.path.replace(/\\/(account)?$/, '') || route.path\n    router.push({ path: basePath, query: { afterAuth: 'true' } })\n  }\n  \n  onMounted(async () => {\n    isOpen.value = true\n    try {\n      const userId = route.params._id || auth.state.user._id\n      await users.actions.read({ _id: userId, user: auth.state.user._id })\n      userData.value = users.state.current\n    } catch (error) {\n      console.error('Error loading user data:', error)\n    } finally {\n      loading.value = false\n    }\n  })\n  \n  // Provide user data to nested routes\n  provide('userData', userData)\n</script>"],"names":["auth.state","users.actions","users.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CE,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAKxB,UAAM,UAAU,IAAI,IAAI;AACxB,UAAM,WAAW,IAAI,IAAI;AACzB,UAAM,SAAS,IAAI,KAAK;AACxB,UAAM,eAAe,SAAS,MAAM,MAAM,QAAQ,KAAK,OAAK,EAAE,MAAM,YAAY,YAAY,CAAC;AAE7F,aAAS,mBAAoB;AAC3B,aAAO,QAAQ;AACf,YAAM,WAAW,MAAM,KAAK,QAAQ,iBAAiB,EAAE,KAAK,MAAM;AAClE,aAAO,KAAK,EAAE,MAAM,UAAU,OAAO,EAAE,WAAW,SAAQ,CAAE;AAAA,IAC9D;AAEA,cAAU,YAAY;AACpB,aAAO,QAAQ;AACf,UAAI;AACF,cAAM,SAAS,MAAM,OAAO,OAAOA,MAAW,KAAK;AACnD,cAAMC,QAAc,KAAK,EAAE,KAAK,QAAQ,MAAMD,MAAW,KAAK,IAAG,CAAE;AACnE,iBAAS,QAAQE,QAAY;AAAA,MAC/B,SAAS,OAAO;AACd,gBAAQ,MAAM,4BAA4B,KAAK;AAAA,MACjD,UAAC;AACC,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IACF,CAAC;AAGD,YAAQ,YAAY,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,6 +1,7 @@
-import { ref, createElementBlock, openBlock, createElementVNode, createVNode, createBlock, withCtx, createTextVNode, unref } from "vue";
-import _sfc_main$2 from "../../../../../components/Checkbox/Checkbox.vue.js";
+import { ref, createElementBlock, openBlock, createElementVNode, createVNode, createCommentVNode, toDisplayString, unref, createBlock, withCtx, createTextVNode } from "vue";
+import _sfc_main$3 from "../../../../../components/Checkbox/Checkbox.vue.js";
 import Button from "../../../../../components/Button/Button.vue2.js";
+import _sfc_main$2 from "../../../../../components/Block/Block.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";
@@ -11,25 +12,30 @@ 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_3 = { class: "mn-b-small" };
 const _hoisted_4 = {
+  key: 0,
+  class: "mn-b-semi"
+};
+const _hoisted_5 = {
   key: 3,
   class: "flex gap-1"
 };
-const _hoisted_5 = {
+const _hoisted_6 = {
   key: 4,
   class: "flex gap-2"
 };
-const _hoisted_6 = { class: "mn-b-semi" };
-const _hoisted_7 = {
+const _hoisted_7 = { class: "mn-b-semi" };
+const _hoisted_8 = {
   key: 3,
   class: "flex gap-1"
 };
-const _hoisted_8 = {
+const _hoisted_9 = {
   key: 4,
   class: "flex gap-2"
 };
-const _hoisted_9 = { class: "bg-white mn-b-thin" };
+const _hoisted_10 = { class: "flex flex-column gap-thin" };
+const _hoisted_11 = { class: "flex flex-column gap-thin" };
 const _sfc_main = {
   __name: "ProfileEditAccount",
   props: {
@@ -89,14 +95,18 @@ const _sfc_main = {
       await actions.update(state.current);
       actions$1.logout();
     }
+    function logout() {
+      actions$1.logout();
+      router.push({ name: "Sign In" });
+    }
     function redirectTo() {
       router.back();
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", _hoisted_2, [
-          _cache[13] || (_cache[13] = createElementVNode("h3", { class: "mn-b-small" }, "Phone and Email", -1)),
-          createElementVNode("div", _hoisted_3, [
+          createElementVNode("h3", _hoisted_3, toDisplayString(!(unref(core).state?.options?.auth?.authMethodsExclude || []).includes("phone") ? "Phone and Email" : "Email"), 1),
+          !(unref(core).state?.options?.auth?.authMethodsExclude || []).includes("phone") ? (openBlock(), createElementBlock("div", _hoisted_4, [
             state.current.phone && !isEditingPhone.value ? (openBlock(), createBlock(Field, {
               key: 0,
               field: state.current.phone,
@@ -126,7 +136,7 @@ const _sfc_main = {
                 createTextVNode(" Change Phone ")
               ])),
               _: 1
-            }, 8, ["submit"])) : !state.current.phone ? (openBlock(), createElementBlock("div", _hoisted_4, [
+            }, 8, ["submit"])) : !state.current.phone ? (openBlock(), createElementBlock("div", _hoisted_5, [
               createVNode(Button, {
                 submit: () => savePhone(),
                 class: "mn-b-thin bg-main w-100"
@@ -136,7 +146,7 @@ const _sfc_main = {
                 ])),
                 _: 1
               }, 8, ["submit"])
-            ])) : (openBlock(), createElementBlock("div", _hoisted_5, [
+            ])) : (openBlock(), createElementBlock("div", _hoisted_6, [
               createVNode(Button, {
                 submit: () => savePhone(),
                 class: "mn-b-thin bg-main flex-child-1"
@@ -159,8 +169,8 @@ const _sfc_main = {
                 _: 1
               }, 8, ["submit"])
             ]))
-          ]),
-          createElementVNode("div", _hoisted_6, [
+          ])) : createCommentVNode("", true),
+          createElementVNode("div", _hoisted_7, [
             state.current.email && !isEditingEmail.value ? (openBlock(), createBlock(Field, {
               key: 0,
               field: state.current.email,
@@ -185,7 +195,7 @@ const _sfc_main = {
                 createTextVNode(" Change Email ")
               ])),
               _: 1
-            }, 8, ["submit"])) : !state.current.email ? (openBlock(), createElementBlock("div", _hoisted_7, [
+            }, 8, ["submit"])) : !state.current.email ? (openBlock(), createElementBlock("div", _hoisted_8, [
               createVNode(Button, {
                 submit: () => saveEmail(),
                 class: "mn-b-thin bg-main w-100"
@@ -195,7 +205,7 @@ const _sfc_main = {
                 ])),
                 _: 1
               }, 8, ["submit"])
-            ])) : (openBlock(), createElementBlock("div", _hoisted_8, [
+            ])) : (openBlock(), createElementBlock("div", _hoisted_9, [
               createVNode(Button, {
                 submit: () => saveEmail(),
                 class: "mn-b-thin bg-main flex-child-1"
@@ -220,35 +230,61 @@ const _sfc_main = {
             ]))
           ])
         ]),
-        createElementVNode("div", _hoisted_9, [
-          _cache[14] || (_cache[14] = createElementVNode("h3", { class: "mn-b-small" }, "Settings", -1)),
-          createVNode(_sfc_main$2, {
-            label: "Darkmode",
-            radio: unref(core).state.theme.mode === "dark",
-            "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(Button, {
-          submit: onSubmit,
-          callback: redirectTo,
-          class: "mn-b-thin bg-main w-100"
+        createVNode(_sfc_main$2, {
+          title: "Settings",
+          class: "mn-b-thin"
         }, {
-          default: withCtx(() => _cache[15] || (_cache[15] = [
-            createTextVNode(" Save ")
-          ])),
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_10, [
+              createVNode(_sfc_main$3, {
+                label: "Darkmode",
+                radio: unref(core).state.theme.mode === "dark",
+                "onUpdate:radio": _cache[4] || (_cache[4] = () => unref(core).actions.toggleTheme()),
+                class: "w-100 bg-white t-black pd-medium radius-small"
+              }, null, 8, ["radio"]),
+              createVNode(Button, {
+                submit: onSubmit,
+                callback: redirectTo,
+                class: "bg-main w-100"
+              }, {
+                default: withCtx(() => _cache[13] || (_cache[13] = [
+                  createTextVNode(" Save ")
+                ])),
+                _: 1
+              })
+            ])
+          ]),
           _: 1
         }),
-        createVNode(Button, {
-          submit: onSubmitDelete,
-          callback: () => unref(router).push({ name: "Sign In" }),
-          class: "mn-b-thin w-100 bg-red t-white"
+        createVNode(_sfc_main$2, {
+          title: "Account",
+          class: "mn-b-thin"
         }, {
-          default: withCtx(() => _cache[16] || (_cache[16] = [
-            createTextVNode(" Delete Account ")
-          ])),
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_11, [
+              createVNode(Button, {
+                submit: logout,
+                class: "w-100 bg-white t-red br-1px br-light radius-small"
+              }, {
+                default: withCtx(() => _cache[14] || (_cache[14] = [
+                  createTextVNode(" Logout ")
+                ])),
+                _: 1
+              }),
+              createVNode(Button, {
+                submit: onSubmitDelete,
+                callback: () => unref(router).push({ name: "Sign In" }),
+                class: "w-100 bg-red t-white radius-small"
+              }, {
+                default: withCtx(() => _cache[15] || (_cache[15] = [
+                  createTextVNode(" Delete Account ")
+                ])),
+                _: 1
+              }, 8, ["callback"])
+            ])
+          ]),
           _: 1
-        }, 8, ["callback"])
+        })
       ]);
     };
   }

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    <!-- 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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\">{{ !(core.state?.options?.auth?.authMethodsExclude || []).includes('phone') ? 'Phone and Email' : 'Email' }}</h3>\n\n      <!-- Phone -->\n      <div v-if=\"!(core.state?.options?.auth?.authMethodsExclude || []).includes('phone')\" 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    <Block title=\"Settings\" class=\"mn-b-thin\">\n      <div class=\"flex flex-column gap-thin\">\n        <Checkbox\n          :label=\"'Darkmode'\"\n          :radio=\"core.state.theme.mode === 'dark'\"\n          @update:radio=\"() => core.actions.toggleTheme()\"\n          class=\"w-100 bg-white t-black pd-medium radius-small\"\n        />\n\n        <Button\n          :submit=\"onSubmit\"\n          :callback=\"redirectTo\"\n          class=\"bg-main w-100\"\n        >\n          Save\n        </Button>\n      </div>\n    </Block>\n\n    <!-- Account Actions -->\n    <Block title=\"Account\" class=\"mn-b-thin\">\n      <div class=\"flex flex-column gap-thin\">\n        <Button\n          :submit=\"logout\"\n          class=\"w-100 bg-white t-red br-1px br-light radius-small\"\n        >\n          Logout\n        </Button>\n\n        <Button\n          :submit=\"onSubmitDelete\"\n          :callback=\"() => router.push({ name: 'Sign In' })\"\n          class=\"w-100 bg-red t-white radius-small\"\n        >\n          Delete Account\n        </Button>\n      </div>\n    </Block>\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 Block from '@martyrs/src/components/Block/Block.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 logout() {\n  auth.actions.logout()\n  router.push({ name: 'Sign In' })\n}\n\nfunction redirectTo() {\n  router.back()\n}\n</script>\n"],"names":["users.state","users.actions","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqKA,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,SAAS;AAChBA,gBAAa,OAAM;AACnB,aAAO,KAAK,EAAE,MAAM,UAAS,CAAE;AAAA,IACjC;AAEA,aAAS,aAAa;AACpB,aAAO,KAAI;AAAA,IACb;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -8,13 +8,14 @@ const _sfc_main = {
   __name: "ProfileEditSidebar",
   setup(__props) {
     const route = useRoute();
-    const userId = computed(() => route.params._id || state.user._id);
+    computed(() => route.params._id || state.user._id);
+    const basePath = computed(() => route.path.replace(/\/account$/, ""));
     return (_ctx, _cache) => {
       const _component_RouterLink = resolveComponent("RouterLink");
       return openBlock(), createElementBlock("nav", _hoisted_1, [
         createVNode(_component_RouterLink, {
-          to: { name: "Profile Edit Profile", params: { _id: userId.value } },
-          class: normalizeClass(["flex flex-v-center pd-small mn-b-thin radius-small hover:bg-white", { "bg-white": unref(route).name === "Profile Edit Profile" }])
+          to: basePath.value,
+          class: normalizeClass(["flex flex-v-center pd-small mn-b-thin radius-small hover:bg-white", { "bg-white": !unref(route).path.endsWith("/account") }])
         }, {
           default: withCtx(() => [
             createVNode(_sfc_main$1, { class: "mn-r-thin i-medium" }),
@@ -23,8 +24,8 @@ const _sfc_main = {
           _: 1
         }, 8, ["to", "class"]),
         createVNode(_component_RouterLink, {
-          to: { name: "Profile Edit Account", params: { _id: userId.value } },
-          class: normalizeClass(["flex flex-v-center pd-small radius-small hover:bg-white", { "bg-white": unref(route).name === "Profile Edit Account" }])
+          to: basePath.value + "/account",
+          class: normalizeClass(["flex flex-v-center pd-small radius-small hover:bg-white", { "bg-white": unref(route).path.endsWith("/account") }])
         }, {
           default: withCtx(() => [
             createVNode(_sfc_main$2, { class: "mn-r-thin i-medium" }),

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

@@ -1 +1 @@
-{"version":3,"file":"ProfileEditSidebar.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/ProfileEditSidebar.vue"],"sourcesContent":["<template>\n  <nav class=\"flex flex-column mobile:flex-row bg-light pd-medium radius-small\">\n    <RouterLink \n      :to=\"{ name: 'Profile Edit Profile', params: { _id: userId } }\"\n      class=\"flex flex-v-center pd-small mn-b-thin radius-small hover:bg-white\"\n      :class=\"{ 'bg-white': route.name === 'Profile Edit Profile' }\"\n    >\n      <IconProfile class=\"mn-r-thin i-medium\"/>\n      <span>Profile</span>\n    </RouterLink>\n    \n    <RouterLink \n      :to=\"{ name: 'Profile Edit Account', params: { _id: userId } }\"\n      class=\"flex flex-v-center pd-small radius-small hover:bg-white\"\n      :class=\"{ 'bg-white': route.name === 'Profile Edit Account' }\"\n    >\n      <IconLock class=\"mn-r-thin i-medium\"/>\n      <span>Account</span>\n    </RouterLink>\n  </nav>\n</template>\n\n<script setup>\n  import { computed } from 'vue'\n  import { useRoute } from 'vue-router'\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n  import IconProfile from '@martyrs/src/modules/icons/entities/IconProfile.vue';\n  import IconLock from '@martyrs/src/modules/icons/entities/IconLock.vue';\n  const route = useRoute()\n  const userId = computed(() => route.params._id || auth.state.user._id)\n</script>"],"names":["auth.state"],"mappings":";;;;;;;;;AA4BE,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,SAAS,MAAM,MAAM,OAAO,OAAOA,MAAW,KAAK,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ProfileEditSidebar.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/ProfileEditSidebar.vue"],"sourcesContent":["<template>\n  <nav class=\"flex flex-column mobile:flex-row bg-light pd-medium radius-small\">\n    <RouterLink\n      :to=\"basePath\"\n      class=\"flex flex-v-center pd-small mn-b-thin radius-small hover:bg-white\"\n      :class=\"{ 'bg-white': !route.path.endsWith('/account') }\"\n    >\n      <IconProfile class=\"mn-r-thin i-medium\"/>\n      <span>Profile</span>\n    </RouterLink>\n\n    <RouterLink\n      :to=\"basePath + '/account'\"\n      class=\"flex flex-v-center pd-small radius-small hover:bg-white\"\n      :class=\"{ 'bg-white': route.path.endsWith('/account') }\"\n    >\n      <IconLock class=\"mn-r-thin i-medium\"/>\n      <span>Account</span>\n    </RouterLink>\n  </nav>\n</template>\n\n<script setup>\n  import { computed } from 'vue'\n  import { useRoute } from 'vue-router'\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\n  import IconProfile from '@martyrs/src/modules/icons/entities/IconProfile.vue';\n  import IconLock from '@martyrs/src/modules/icons/entities/IconLock.vue';\n  const route = useRoute()\n  const userId = computed(() => route.params._id || auth.state.user._id)\n  const basePath = computed(() => route.path.replace(/\\/account$/, ''))\n</script>"],"names":["auth.state"],"mappings":";;;;;;;;;AA4BE,UAAM,QAAQ,SAAQ;AACP,aAAS,MAAM,MAAM,OAAO,OAAOA,MAAW,KAAK,GAAG;AACrE,UAAM,WAAW,SAAS,MAAM,MAAM,KAAK,QAAQ,cAAc,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,5 +1,5 @@
 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 Button from "../../../../../components/Button/Button.vue2.js";
@@ -12,7 +12,7 @@ import { validateInputs, validatePhone, validateEmail, validatePassword } from "
 /* empty css                   */
 const _hoisted_1 = { class: "t-left pd-medium" };
 const _hoisted_2 = { class: "mn-b-small" };
-const _hoisted_3 = { class: "mn-b-small t-transp" };
+const _hoisted_3 = { class: "mn-b-small opacity-50" };
 const _hoisted_4 = {
   key: 0,
   class: "mn-b-small p-small uppercase fw-semi bg-light radius-small o-hidden"
@@ -22,12 +22,12 @@ const _hoisted_6 = {
   key: 0,
   class: "mn-b-semi radius-small"
 };
-const _hoisted_7 = { class: "mn-b-small t-transp" };
+const _hoisted_7 = { class: "mn-b-small opacity-50" };
 const _hoisted_8 = {
   key: 0,
   class: "mn-b-semi radius-small o-hidden"
 };
-const _hoisted_9 = { class: "mn-b-small t-transp" };
+const _hoisted_9 = { class: "mn-b-small opacity-50" };
 const _hoisted_10 = { class: "mn-b-semi" };
 const _sfc_main = {
   __name: "ResetPassword",
@@ -90,7 +90,7 @@ const _sfc_main = {
         );
         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 });
+          Cookies.set("user", JSON.stringify(result.data), { path: "/", expires: 30 });
           await auth.actions.initialize();
           router.push({ name: "User Profile", params: { _id: result.data._id } });
         } else {

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  <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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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 opacity-50\">{{ 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 opacity-50\">{{ 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 opacity-50\">{{ 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: 30 })\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,GAAE,CAAE;AAC3E,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,5 +1,5 @@
 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 Button from "../../../../../components/Button/Button.vue2.js";
@@ -8,21 +8,23 @@ import { useI18n } from "vue-i18n";
 import { useStore } from "../../../../core/views/store/core.store.js";
 import { useGlobalMixins } from "../../../../core/views/mixins/mixins.js";
 import "../../../../../../../_virtual/index.js";
-import "../../../../../../node_modules/.pnpm/@capacitor_preferences@7.0.2_@capacitor_core@7.4.4/node_modules/@capacitor/preferences/dist/esm/index.js";
+import "@capacitor/preferences";
 import "@capacitor/keyboard";
 /* empty css                                           */
 /* empty css                                          */
 /* empty css                                         */
 /* empty css                                                    */
-/* empty css                                          */
+/* empty css                                           */
 import { state, actions } from "../../store/auth.js";
 /* empty css                                                            */
-import "../../../../../../../node_modules/.pnpm/@googlemaps_js-api-loader@1.16.8/node_modules/@googlemaps/js-api-loader/dist/index.js";
+import "../../../../../../../node_modules/.pnpm/@googlemaps_js-api-loader@2.0.2/node_modules/@googlemaps/js-api-loader/dist/index.js";
 /* empty css                                            */
 /* empty css                                                          */
 /* empty css                                           */
 /* empty css                                                   */
 /* empty css                                                    */
+/* empty css                                             */
+/* empty css                                                        */
 /* empty css                                                                */
 /* empty css                                                                   */
 /* empty css                                           */

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-dark\">{{ 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 { mixins } from '@martyrs/src/modules/core/core.client.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\nconst { isModuleInstalled } = mixins.useGlobalMixins()\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 if (auth.state.access.roles?.includes('ROLE_ADMIN') && isModuleInstalled('backoffice')) {\n\t\trouter.push({\n\t\t\tpath: '/backoffice',\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":["mixins.useGlobalMixins","inputsValidation.validateInputs","inputsValidation.validatePhone","auth.state","inputsValidation.validateEmail","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwHA,UAAM,QAAQ,SAAQ;AACtB,UAAM,OAAO,MAAM;AACnB,UAAM,EAAE,kBAAiB,IAAKA,gBAAsB;AAGpD,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,OAAMC;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,WAAWA,MAAW,OAAO,OAAO,SAAS,YAAY,KAAK,kBAAkB,YAAY,GAAG;AAC9F,eAAO,KAAK;AAAA,UACX,MAAM;AAAA,UACN,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-dark\">{{ 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 { mixins } from '@martyrs/src/modules/core/core.client.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\nconst { isModuleInstalled } = mixins.useGlobalMixins()\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 if (auth.state.access.roles?.includes('ROLE_ADMIN') && isModuleInstalled('backoffice')) {\n\t\trouter.push({\n\t\t\tpath: '/backoffice',\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":["mixins.useGlobalMixins","inputsValidation.validateInputs","inputsValidation.validatePhone","auth.state","inputsValidation.validateEmail","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwHA,UAAM,QAAQ,SAAQ;AACtB,UAAM,OAAO,MAAM;AACnB,UAAM,EAAE,kBAAiB,IAAKA,gBAAsB;AAGpD,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,OAAMC;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,WAAWA,MAAW,OAAO,OAAO,SAAS,YAAY,KAAK,kBAAkB,YAAY,GAAG;AAC9F,eAAO,KAAK;AAAA,UACX,MAAM;AAAA,UACN,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

@@ -1,5 +1,5 @@
 import { ref, computed, resolveComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, toDisplayString, unref, Transition, withCtx, withDirectives, vShow, 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 Button from "../../../../../components/Button/Button.vue2.js";
@@ -18,9 +18,9 @@ const _hoisted_3 = {
 };
 const _hoisted_4 = { class: "pos-relative" };
 const _hoisted_5 = { class: "mn-b-semi radius-small" };
-const _hoisted_6 = { class: "mn-b-small t-transp" };
+const _hoisted_6 = { class: "mn-b-small opacity-50" };
 const _hoisted_7 = { class: "mn-b-semi radius-small o-hidden" };
-const _hoisted_8 = { class: "mn-b-small t-transp" };
+const _hoisted_8 = { class: "mn-b-small opacity-50" };
 const _hoisted_9 = { class: "mn-b-semi" };
 const _hoisted_10 = ["innerHTML"];
 const _hoisted_11 = { class: "w-100" };
@@ -89,7 +89,7 @@ const _sfc_main = {
         );
         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 });
+          Cookies.set("user", JSON.stringify(result.data), { path: "/", expires: 30 });
           await auth.actions.initialize();
           if (route.query.returnUrl) {
             router.push({ path: route.query.returnUrl, query: { afterAuth: "true" } });