@ozdao/martyrs 0.2.585 → 0.2.586

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

@@ -1,19 +1,19 @@
 import { ref, onServerPrefetch, onMounted, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, createBlock, createCommentVNode, unref, withCtx, toDisplayString, Fragment, renderList, normalizeClass, resolveDynamicComponent } from "vue";
 /* empty css                                         */
 /* empty css                                           */
-/* empty css                                          */
 import _sfc_main$1 from "../../../../../components/Dropdown/Dropdown.vue.js";
-import _sfc_main$6 from "../../../../../components/Menu/Menu.vue.js";
-import _sfc_main$b from "../../../../../components/Menu/MenuItem.vue.js";
+import _sfc_main$7 from "../../../../../components/Menu/Menu.vue.js";
+import _sfc_main$c from "../../../../../components/Menu/MenuItem.vue.js";
 import _sfc_main$3 from "../../../../organizations/components/elements/ButtonToggleMembership.vue.js";
 import _sfc_main$2 from "../../../../reports/components/sections/FormReport.vue.js";
-import _sfc_main$5 from "../../../../organizations/components/blocks/Socials.vue.js";
-import _sfc_main$a from "../../../../icons/entities/IconEvents.vue.js";
-import _sfc_main$9 from "../../../../icons/entities/IconGroups.vue.js";
-import _sfc_main$8 from "../../../../icons/entities/IconCommunity.vue.js";
-import _sfc_main$7 from "../../../../icons/entities/IconOrders.vue.js";
+import _sfc_main$6 from "../../../../organizations/components/blocks/Socials.vue.js";
+import _sfc_main$b from "../../../../icons/entities/IconEvents.vue.js";
+import _sfc_main$a from "../../../../icons/entities/IconGroups.vue.js";
+import _sfc_main$9 from "../../../../icons/entities/IconCommunity.vue.js";
+import _sfc_main$8 from "../../../../icons/entities/IconOrders.vue.js";
 import _sfc_main$4 from "../../../../icons/navigation/IconEdit.vue.js";
 import PlaceholderUserpic from "../../../../icons/placeholders/PlaceholderUserpic.vue.js";
+import _sfc_main$5 from "../../../../core/views/components/elements/OnlineIndicator.vue.js";
 import { useRoute, useRouter } from "vue-router";
 import * as auth from "../../store/auth.js";
 import { state as state$1, actions as actions$1 } from "../../store/auth.js";
@@ -34,17 +34,18 @@ const _hoisted_3 = {
 };
 const _hoisted_4 = { class: "flex-center pos-relative flex flex-column t-center w-100 mn-b-regular radius-medium pd-medium bg-light" };
 const _hoisted_5 = { class: "bg-black pd-thin radius-small" };
-const _hoisted_6 = ["src"];
-const _hoisted_7 = { class: "mn-b-thin" };
-const _hoisted_8 = {
-  key: 4,
+const _hoisted_6 = { class: "pos-relative mn-b-small" };
+const _hoisted_7 = ["src"];
+const _hoisted_8 = { class: "mn-b-thin" };
+const _hoisted_9 = {
+  key: 2,
   class: "mn-b-thin t-main fw-semi"
 };
-const _hoisted_9 = { class: "mn-b-small p-regular" };
-const _hoisted_10 = { class: "mn-b-medium flex-center flex-nowrap flex" };
-const _hoisted_11 = { class: "fw-semi mn-b-small" };
-const _hoisted_12 = {
-  key: 6,
+const _hoisted_10 = { class: "mn-b-small p-regular" };
+const _hoisted_11 = { class: "mn-b-medium flex-center flex-nowrap flex" };
+const _hoisted_12 = { class: "fw-semi mn-b-small" };
+const _hoisted_13 = {
+  key: 4,
   class: "mn-t-small mn-b-thin"
 };
 const _sfc_main = {
@@ -59,25 +60,25 @@ const _sfc_main = {
       events: {
         displayName: "Events",
         path: (_id) => `/users/${_id}/events`,
-        icon: _sfc_main$a,
+        icon: _sfc_main$b,
         visible: () => true
       },
       organizations: {
         displayName: "Groups",
         path: (_id) => `/users/${_id}/organizations`,
-        icon: _sfc_main$9,
+        icon: _sfc_main$a,
         visible: () => true
       },
       community: {
         displayName: "Posts",
         path: (_id) => `/users/${_id}/blogposts`,
-        icon: _sfc_main$8,
+        icon: _sfc_main$9,
         visible: () => true
       },
       orders: {
         displayName: "Orders",
         path: (_id) => `/users/${_id}/orders`,
-        icon: _sfc_main$7,
+        icon: _sfc_main$8,
         visible: (auth2) => auth2.state.user && (auth2.state.user._id === route.params._id || auth2.state.access && auth2.state.access.roles && (auth2.state.access.roles.includes("ROLE_MODERATOR") || auth2.state.access.roles.includes("ROLE_ADMIN")))
       }
     };
@@ -163,28 +164,35 @@ const _sfc_main = {
               })),
               class: "cursor-pointer pos-absolute pos-t-regular pos-r-regular i-medium t-transp"
             })) : createCommentVNode("", true),
-            state.current.profile.photo && state.current.profile.photo.length > 0 ? (openBlock(), createElementBlock("img", {
-              key: 2,
-              loading: "lazy",
-              src: (_ctx.FILE_SERVER_URL || "") + state.current.profile.photo,
-              class: "radius-extra bg-white mn-b-small object-fit-cover i-extra"
-            }, null, 8, _hoisted_6)) : (openBlock(), createBlock(PlaceholderUserpic, {
-              key: 3,
-              class: "radius-medium mn-b-small i-extra"
-            })),
-            createElementVNode("h3", _hoisted_7, toDisplayString(state.current.profile.name ? state.current.profile.name : "Anonymous"), 1),
-            state.current.username ? (openBlock(), createElementBlock("p", _hoisted_8, " @" + toDisplayString(state.current.username ? state.current.username : "Not specified"), 1)) : createCommentVNode("", true),
-            createElementVNode("p", _hoisted_9, toDisplayString(state.current.profile.description ? state.current.profile.description : "Bio not specified"), 1),
-            createElementVNode("div", _hoisted_10, [
+            createElementVNode("div", _hoisted_6, [
+              state.current.profile.photo && state.current.profile.photo.length > 0 ? (openBlock(), createElementBlock("img", {
+                key: 0,
+                loading: "lazy",
+                src: (_ctx.FILE_SERVER_URL || "") + state.current.profile.photo,
+                class: "radius-extra bg-white object-fit-cover i-extra"
+              }, null, 8, _hoisted_7)) : (openBlock(), createBlock(PlaceholderUserpic, {
+                key: 1,
+                class: "radius-medium i-extra"
+              })),
+              state.current._id ? (openBlock(), createBlock(_sfc_main$5, {
+                key: 2,
+                userId: state.current._id,
+                class: "pos-absolute pos-r-0 pos-b-0"
+              }, null, 8, ["userId"])) : createCommentVNode("", true)
+            ]),
+            createElementVNode("h3", _hoisted_8, toDisplayString(state.current.profile.name ? state.current.profile.name : "Anonymous"), 1),
+            state.current.username ? (openBlock(), createElementBlock("p", _hoisted_9, " @" + toDisplayString(state.current.username ? state.current.username : "Not specified"), 1)) : createCommentVNode("", true),
+            createElementVNode("p", _hoisted_10, toDisplayString(state.current.profile.description ? state.current.profile.description : "Bio not specified"), 1),
+            createElementVNode("div", _hoisted_11, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(state.current.roles, (role, index) => {
                 return openBlock(), createElementBlock("div", {
                   class: normalizeClass(["pd-thin radius-small fw-semi bg-white", { "mn-r-thin": index !== state.current.roles.length - 1 }])
                 }, toDisplayString(role.icon) + " " + toDisplayString(role.name), 3);
               }), 256))
             ]),
-            createElementVNode("p", _hoisted_11, " 👨‍👨‍👧‍👧 " + toDisplayString(state.current.numberOfSubscribers) + " followers ", 1),
+            createElementVNode("p", _hoisted_12, " 👨‍👨‍👧‍👧 " + toDisplayString(state.current.numberOfSubscribers) + " followers ", 1),
             state$1.user._id && unref(route).params._id && unref(route).params._id !== state$1.user._id ? (openBlock(), createBlock(_sfc_main$3, {
-              key: 5,
+              key: 3,
               user: state$1.user._id,
               type: "user",
               role: "subscriber",
@@ -194,8 +202,8 @@ const _sfc_main = {
               onUpdateMembership: _cache[2] || (_cache[2] = (event) => handleMembershipUpdate(event, "isSubscriber", "numberOfSubscribers")),
               class: "w-min mn-b-medium mn-r-auto mn-l-auto"
             }, null, 8, ["user", "target", "status"])) : createCommentVNode("", true),
-            Object.values(state.current.socials).some((value) => value) ? (openBlock(), createElementBlock("h4", _hoisted_12, " Find Me in Socials ")) : createCommentVNode("", true),
-            createVNode(_sfc_main$5, {
+            Object.values(state.current.socials).some((value) => value) ? (openBlock(), createElementBlock("h4", _hoisted_13, " Find Me in Socials ")) : createCommentVNode("", true),
+            createVNode(_sfc_main$6, {
               telegram: state.current.socials.telegram,
               facebook: state.current.socials.facebook,
               instagram: state.current.socials.instagram,
@@ -204,11 +212,11 @@ const _sfc_main = {
             }, null, 8, ["telegram", "facebook", "instagram", "twitter"])
           ]),
           createVNode(_component_RouterView),
-          createVNode(_sfc_main$6, { class: "mn-b-regular bg-light" }, {
+          createVNode(_sfc_main$7, { class: "mn-b-regular bg-light" }, {
             default: withCtx(() => [
               (openBlock(), createElementBlock(Fragment, null, renderList(modules, (module, moduleName) => {
                 return openBlock(), createElementBlock(Fragment, { key: moduleName }, [
-                  unref(isModuleInstalled)(moduleName) && (!module.visible || module.visible(auth)) ? (openBlock(), createBlock(_sfc_main$b, {
+                  unref(isModuleInstalled)(moduleName) && (!module.visible || module.visible(auth)) ? (openBlock(), createBlock(_sfc_main$c, {
                     key: 0,
                     onClick: ($event) => unref(router).push(module.path(unref(route).params._id)),
                     class: "profile-menu-item cursor-pointer"
@@ -228,12 +236,12 @@ const _sfc_main = {
             ]),
             _: 1
           }),
-          state$1.user._id === unref(route).params._id ? (openBlock(), createBlock(_sfc_main$6, {
+          state$1.user._id === unref(route).params._id ? (openBlock(), createBlock(_sfc_main$7, {
             key: 0,
             class: "bg-light"
           }, {
             default: withCtx(() => [
-              createVNode(_sfc_main$b, {
+              createVNode(_sfc_main$c, {
                 onClick: _cache[3] || (_cache[3] = ($event) => unref(router).push({
                   name: "Notifications",
                   params: {
@@ -247,7 +255,7 @@ const _sfc_main = {
                 ])),
                 _: 1
               }),
-              createVNode(_sfc_main$b, {
+              createVNode(_sfc_main$c, {
                 onClick: _cache[4] || (_cache[4] = ($event) => unref(router).push({
                   name: "Profile Edit Profile",
                   params: {
@@ -261,7 +269,7 @@ const _sfc_main = {
                 ])),
                 _: 1
               }),
-              createVNode(_sfc_main$b, {
+              createVNode(_sfc_main$c, {
                 onClick: _cache[5] || (_cache[5] = ($event) => unref(router).push({
                   name: "Legal",
                   params: {
@@ -275,7 +283,7 @@ const _sfc_main = {
                 ])),
                 _: 1
               }),
-              createVNode(_sfc_main$b, {
+              createVNode(_sfc_main$c, {
                 class: "cursor-pointer",
                 onClick: _cache[6] || (_cache[6] = ($event) => logout())
               }, {

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

@@ -1 +1 @@
-{"version":3,"file":"Profile.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/Profile.vue"],"sourcesContent":["<template>\n\t<div \n\t\tclass=\"for-transition bg-white w-100\"\n\t>\n\t\t<div \n\t\t\tv-if=\"users.state.current?.status === 'removed'\"\n\t\t\tclass=\"flex-center flex pd-medium radius-big bg-light uppercase fw-semi w-100 h-100\"\n\t\t>\n\t\t\tSorry, user has been removed.\n\t\t</div>\n\n\t\t<div \n\t\t\tv-else\n\t\t\t_id=\"dash\" \n\t\t\tclass=\"pd-thin w-100\"\n\t\t>\n\t\t\t<!-- <Completion \n\t\t\t\tv-if=\"route.params._id === auth.state.user._id && show\" \n\t\t    :user=\"auth.state.user._id\"\n\t\t    :target=\"users.state.current\"\n\t\t    :cta=\"false\" \n\t\t    text_cta=\"Fill\"\n\t\t    text=\"Profile completed at\"\n\t\t    class=\"mn-b-medium mn-b-regular pd-medium radius-semi t-white bg-second\"\n\t\t\t/> -->\n\n\t\t\t<section \n\t\t\t\tclass=\"flex-center pos-relative flex flex-column t-center w-100 mn-b-regular radius-medium pd-medium bg-light\"\n\t\t\t>\n\n\t\t\t\t<Dropdown \n\t\t\t\t\tv-if=\"route.params._id && route.params._id !== auth.state.user._id\"\n\t\t\t\t\t:label=\"'...'\" \n\t\t\t\t\t:align=\"'right'\"\n\t\t\t\t\tclass=\"cursor-pointer pos-absolute pos-r-0 pos-t-0 pd-thin radius-extra \"\n\t\t\t\t>\n\t\t\t\t\t<section \n\t\t\t\t\t\tclass=\"bg-black pd-thin radius-small\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<FormReport \n\t\t\t\t\t\t\t:user=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:type=\"'user'\" \n\t\t\t\t\t\t\t:target=\"users.state.current._id\" \n\t\t\t\t\t\t\t:text=\"'Report'\" \n\t\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<button \n\t\t\t\t\t\t\t\tclass=\"w-100 bg-black br-1px br-white-transp-20 t-white button-small button\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tReport\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</FormReport>\n\n\t\t\t\t\t\t<ButtonToggleMembership\n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t      :user=\"auth.state.user._id\"\n\t\t\t\t      :type=\"'user'\" \n\t\t\t      \t:role=\"'blocked'\" \n\t\t\t\t      :target=\"users.state.current._id\" \n\t\t\t\t      :status=\"users.state.current.isBlocked\" \n\t\t\t\t      :text=\"{create: 'Block', remove: 'Unblock'}\"\n\t\t\t\t      @updateMembership=\"event => handleMembershipUpdate(event, 'isBlocked')\"\n\t\t\t\t      class=\"t-white mn-t-thin bg-red\" \n\t\t\t    \t/>\n\t\t\t\t\t</section>\n\t      </Dropdown>\t\n\n\n\t\t\t\t<IconEdit\n\t\t\t\t\tv-if=\"route.params._id === auth.state.user._id\"\n\t\t\t\t\t@click=\"$router.push({\n\t\t\t\t\t\tname: 'Profile Edit Profile', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: auth.state.user._id\n\t\t\t\t\t\t}\n\t\t\t\t\t})\" \n\t\t\t\t\tclass=\"cursor-pointer pos-absolute pos-t-regular pos-r-regular i-medium t-transp\"\n\t\t\t\t/>\n\n\t\t\t\t<img loading=\"lazy\" \n\t\t\t\t\tv-if=\"users.state.current.profile.photo && users.state.current.profile.photo.length > 0\" \n\t\t\t\t\t:src=\"(FILE_SERVER_URL || '') + users.state.current.profile.photo\" \n\t\t\t\t\tclass=\"radius-extra bg-white mn-b-small object-fit-cover i-extra\" \n\t\t\t\t/>\n\t\t\t\t\n\t\t\t\t<PlaceholderUserpic \n\t\t\t\t\tv-else \n\t\t\t\t\tclass=\"radius-medium mn-b-small i-extra\"\n\t\t\t\t/>\n\n\t\t\t\t<h3 \n\t\t\t\t\tclass=\"mn-b-thin\"\n\t\t\t\t>\n\t\t\t\t\t{{users.state.current.profile.name ? users.state.current.profile.name : 'Anonymous' }}\n\t\t\t\t</h3>\n\t\t\t\t\n\t\t\t\t<p \n\t\t\t\t\tv-if=\"users.state.current.username\"\n\t\t\t\t\tclass=\"mn-b-thin t-main fw-semi\"\n\t\t\t\t>\n\t\t\t\t\t@{{ users.state.current.username ? users.state.current.username : 'Not specified' }}\n\t\t\t\t</p>\n\n\t\t\t\t<p \n\t\t\t\t\tclass=\"mn-b-small p-regular\"\n\t\t\t\t>\n\t\t\t\t {{ users.state.current.profile.description ? users.state.current.profile.description : 'Bio not specified' }}\n\t\t\t\t</p>\n\t\t\t\t\n\t\t\t\t<div class=\"mn-b-medium flex-center flex-nowrap flex\">\n\t\t\t\t\t<div \n\t\t\t\t\t  v-for=\"(role,index) in users.state.current.roles\" \n\t\t\t\t\t  class=\"pd-thin radius-small fw-semi bg-white\" \n\t\t\t\t\t  :class=\"{'mn-r-thin': index !== users.state.current.roles.length - 1}\"\n\t\t\t\t\t >\n\t\t\t\t\t\t{{role.icon}}\n\t\t\t\t\t\t{{role.name}}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\t\t\t\n\n\t\t\t\t<p \n\t\t\t\t\tclass=\"fw-semi mn-b-small\"\n\t\t\t\t>\n\t\t\t\t\t<!-- 👍 3 212 likes ·  -->\n\t\t\t\t\t<!-- 💬 342 comments ·  -->\n\t\t\t\t\t👨‍👨‍👧‍👧 {{users.state.current.numberOfSubscribers}} followers\n\t\t\t\t</p>\n\t\t\t\t\n\t    \t<ButtonToggleMembership\n\t    \t\tv-if=\"auth.state.user._id && route.params._id && route.params._id !== auth.state.user._id\"\n\t\t      :user=\"auth.state.user._id\"\n\t\t      :type=\"'user'\" \n\t      \t:role=\"'subscriber'\" \n\t\t      :target=\"users.state.current._id\" \n\t\t      :status=\"users.state.current.isSubscriber\" \n\t\t\t\t\t:text=\"{create: 'Follow', remove: 'Unfollow'}\"\n\t\t      @updateMembership=\"event => handleMembershipUpdate(event, 'isSubscriber', 'numberOfSubscribers')\"\n\t\t      class=\"w-min mn-b-medium\tmn-r-auto mn-l-auto\" \n\t    \t/>\n\n\t    \t<h4 \n\t      \tv-if=\"Object.values(users.state.current.socials).some(value => value)\" \n\t      \tclass=\"mn-t-small mn-b-thin\"\n\t      >\n\t    \t\tFind Me in Socials\n\t    \t</h4>\n\t     \t<Socials \n\t     \t\t:telegram=\"users.state.current.socials.telegram\"\n\t     \t\t:facebook=\"users.state.current.socials.facebook\"\n\t     \t\t:instagram=\"users.state.current.socials.instagram\"\n\t     \t\t:twitter=\"users.state.current.socials.twitter\"\n\t     \t\tclass=\"mn-r-auto mn-l-auto\"\n\t     \t/>\n\n\t\t\t</section>\n\t\t\t\n\t\t\t<RouterView />\n\n\t\t\t<Menu class=\"mn-b-regular bg-light\">\n\t      <template v-for=\"(module, moduleName) in modules\" :key=\"moduleName\">\n\t        <MenuItem \n\t          v-if=\"isModuleInstalled(moduleName) && (!module.visible || module.visible(auth))\"\n\t          @click=\"router.push(module.path(route.params._id))\" \n\t          class=\"profile-menu-item cursor-pointer\"\n\t        >\n\t          <component \n\t            :is=\"module.icon\" \n\t            v-if=\"module.icon\"\n\t            class=\"i-medium\" \n\t            :icon=\"true\"\n\t          />\n\t          <span>{{ module.displayName }}</span>\n\t        </MenuItem>\n\t      </template>\n   \t\t</Menu>\n\t\t\t  \n\t\t\t<Menu \n\t\t\t\tv-if=\"auth.state.user._id === route.params._id\"\n\t\t\t\tclass=\"bg-light\"\n\t\t\t>\n\t\t\t\t<MenuItem \n\t\t\t  \t@click=\"router.push({\n\t\t\t  \t\tname: 'Notifications', \n\t\t\t  \t\tparams: {\n\t\t\t  \t\t\t_id: route.params._id\n\t\t\t  \t\t}\n\t\t\t  \t})\" \n\t\t\t  \tclass=\"cursor-pointer\">\n\t\t\t    <span>\n\t\t\t    \tNotifications\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\t\t\t  <MenuItem \n\t\t\t  \t@click=\"router.push({\n\t\t\t  \t\tname: 'Profile Edit Profile', \n\t\t\t  \t\tparams: {\n\t\t\t  \t\t\t_id: route.params._id\n\t\t\t  \t\t}\n\t\t\t  \t})\" \n\t\t\t  \tclass=\"cursor-pointer\">\n\t\t\t    <span>\n\t\t\t    \tSettings\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\n\t\t\t  <MenuItem \n\t\t\t  \t@click=\"router.push({\n\t\t\t  \t\tname: 'Legal', \n\t\t\t  \t\tparams: {\n\t\t\t  \t\t\t_id: route.params._id\n\t\t\t  \t\t}\n\t\t\t  \t})\" \n\t\t\t  \tclass=\"cursor-pointer\">\n\t\t\t    <span>\n\t\t\t    \tAbout\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\t\t\t  \n\t\t\t  <MenuItem \n\t\t\t  \tclass=\"cursor-pointer\"\n\t\t\t\t\t@click=\"logout()\"\n\t\t\t  >\n\t\t\t    <span \n\t\t\t    \tclass=\"t-red\"\n\t\t\t    >\n\t\t\t    \tLogout\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\t\t\t</Menu>\n\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\n// Import components\nimport Field         from '@martyrs/src/components/Field/Field.vue'\nimport Button        from '@martyrs/src/components/Button/Button.vue'\nimport Dropdown from \"@martyrs/src/components/Dropdown/Dropdown.vue\";\nimport Completion from '@martyrs/src/components/Completion/Completion.vue'\n// Mobile Module\nimport Menu from '@martyrs/src/components/Menu/Menu.vue'\nimport MenuItem from '@martyrs/src/components/Menu/MenuItem.vue'\n// Org Module\nimport ButtonToggleMembership from '@martyrs/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n// Report Module\nimport FormReport from '@martyrs/src/modules/reports/components/sections/FormReport.vue'   \n// Community Module \nimport Activity from '@martyrs/src/modules/community/components/blocks/Activity.vue'; \nimport Socials from '@martyrs/src/modules/organizations/components/blocks/Socials.vue'\n// Icons Module\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue'\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue'\n\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\nimport PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue'\n// Import libs\nimport { computed, watch, onMounted, onServerPrefetch, ref, onBeforeMount, inject } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\n\n// Import state\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 membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js'\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js'\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\n// Accessing router\nconst route = useRoute()\nconst router = useRouter()\n// Get organization _id from cookie\nconst show = ref(false)\n\nconst store = useStore()\nconst { isModuleInstalled } = useGlobalMixins()\n\nconst modules = {\n  events: {\n    displayName: 'Events',\n    path: (_id) => `/users/${_id}/events`,\n    icon: IconEvents,\n    visible: () => true\n  },\n  organizations: {\n    displayName: 'Groups',\n    path: (_id) => `/users/${_id}/organizations`,\n    icon: IconGroups,\n    visible: () => true\n  },\n  community: {\n    displayName: 'Posts',\n    path: (_id) => `/users/${_id}/blogposts`,\n    icon: IconCommunity,\n    visible: () => true\n  },\n  orders: {\n    displayName: 'Orders',\n    path: (_id) => `/users/${_id}/orders`,\n    icon: IconOrders,\n    visible: (auth) => auth.state.user && (\n      auth.state.user._id === route.params._id ||\n      (auth.state.access && auth.state.access.roles &&\n        (auth.state.access.roles.includes('ROLE_MODERATOR') ||\n         auth.state.access.roles.includes('ROLE_ADMIN'))\n      )\n    )\n  }\n}\n\n\n// Функция загрузки данных пользователя\nasync function fetchUser() {\n  try {\n    const result = await users.actions.read({ _id: route.params._id, user: auth.state.user?._id });\n    // Если пользователь не найден - устанавливаем 404\n    if (!result || result.length === 0 || !users.state.current?._id) {\n      store.core.state.notFound = true;\n      return false;\n    }\n    return true;\n  } catch (error) {\n    console.error('Error fetching user:', error);\n    store.core.state.notFound = true;\n    return false;\n  }\n}\n\n// SSR: загружаем данные на сервере для SEO\nonServerPrefetch(async () => {\n  console.log('[SSR-404] Profile onServerPrefetch, route._id:', route.params._id);\n  await fetchUser();\n  console.log('[SSR-404] Profile fetchUser completed');\n});\n\n// Client: загружаем данные если еще не загружены (после гидратации)\nonMounted(async () => {\n  // Если данные уже загружены на сервере (SSR) - не загружаем повторно\n  if (!users.state.current?._id || users.state.current._id !== route.params._id) {\n    await fetchUser();\n  }\n  show.value = true;\n})\n\nconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n  membershipsStore.handleMembershipUpdate(users.state.current, membership, status, target, statusName, statusNumber)\n};\n\nfunction logout () {\n  auth.actions.logout()\n\n  router.push({name: 'Sign In'})\n}\n</script>\n\n<style lang=\"scss\">\n\t#header {\n\t\t// height: 3rem;\n\t}\n</style>\n"],"names":["IconEvents","IconGroups","IconCommunity","IconOrders","auth","users.actions","auth.state","users.state","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8QA,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,UAAM,OAAO,IAAI,KAAK;AAEtB,UAAM,QAAQ,SAAQ;AACtB,UAAM,EAAE,kBAAiB,IAAK,gBAAe;AAE7C,UAAM,UAAU;AAAA,MACd,QAAQ;AAAA,QACN,aAAa;AAAA,QACb,MAAM,CAAC,QAAQ,UAAU,GAAG;AAAA,QAC5B,MAAMA;AAAAA,QACN,SAAS,MAAM;AAAA,MACnB;AAAA,MACE,eAAe;AAAA,QACb,aAAa;AAAA,QACb,MAAM,CAAC,QAAQ,UAAU,GAAG;AAAA,QAC5B,MAAMC;AAAAA,QACN,SAAS,MAAM;AAAA,MACnB;AAAA,MACE,WAAW;AAAA,QACT,aAAa;AAAA,QACb,MAAM,CAAC,QAAQ,UAAU,GAAG;AAAA,QAC5B,MAAMC;AAAAA,QACN,SAAS,MAAM;AAAA,MACnB;AAAA,MACE,QAAQ;AAAA,QACN,aAAa;AAAA,QACb,MAAM,CAAC,QAAQ,UAAU,GAAG;AAAA,QAC5B,MAAMC;AAAAA,QACN,SAAS,CAACC,UAASA,MAAK,MAAM,SAC5BA,MAAK,MAAM,KAAK,QAAQ,MAAM,OAAO,OACpCA,MAAK,MAAM,UAAUA,MAAK,MAAM,OAAO,UACrCA,MAAK,MAAM,OAAO,MAAM,SAAS,gBAAgB,KACjDA,MAAK,MAAM,OAAO,MAAM,SAAS,YAAY;AAAA,MAGtD;AAAA,IACA;AAIA,mBAAe,YAAY;AACzB,UAAI;AACF,cAAM,SAAS,MAAMC,QAAc,KAAK,EAAE,KAAK,MAAM,OAAO,KAAK,MAAMC,QAAW,MAAM,IAAG,CAAE;AAE7F,YAAI,CAAC,UAAU,OAAO,WAAW,KAAK,CAACC,MAAY,SAAS,KAAK;AAC/D,gBAAM,KAAK,MAAM,WAAW;AAC5B,iBAAO;AAAA,QACT;AACA,eAAO;AAAA,MACT,SAAS,OAAO;AACd,gBAAQ,MAAM,wBAAwB,KAAK;AAC3C,cAAM,KAAK,MAAM,WAAW;AAC5B,eAAO;AAAA,MACT;AAAA,IACF;AAGA,qBAAiB,YAAY;AAC3B,cAAQ,IAAI,kDAAkD,MAAM,OAAO,GAAG;AAC9E,YAAM,UAAS;AACf,cAAQ,IAAI,uCAAuC;AAAA,IACrD,CAAC;AAGD,cAAU,YAAY;AAEpB,UAAI,CAACA,MAAY,SAAS,OAAOA,MAAY,QAAQ,QAAQ,MAAM,OAAO,KAAK;AAC7E,cAAM,UAAS;AAAA,MACjB;AACA,WAAK,QAAQ;AAAA,IACf,CAAC;AAED,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAM,GAAI,YAAY,iBAAiB;AAC3F,uBAAiB,uBAAuBA,MAAY,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IACnH;AAEA,aAAS,SAAU;AACjBC,gBAAa,OAAM;AAEnB,aAAO,KAAK,EAAC,MAAM,UAAS,CAAC;AAAA,IAC/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Profile.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/Profile.vue"],"sourcesContent":["<template>\n\t<div \n\t\tclass=\"for-transition bg-white w-100\"\n\t>\n\t\t<div \n\t\t\tv-if=\"users.state.current?.status === 'removed'\"\n\t\t\tclass=\"flex-center flex pd-medium radius-big bg-light uppercase fw-semi w-100 h-100\"\n\t\t>\n\t\t\tSorry, user has been removed.\n\t\t</div>\n\n\t\t<div \n\t\t\tv-else\n\t\t\t_id=\"dash\" \n\t\t\tclass=\"pd-thin w-100\"\n\t\t>\n\t\t\t<!-- <Completion \n\t\t\t\tv-if=\"route.params._id === auth.state.user._id && show\" \n\t\t    :user=\"auth.state.user._id\"\n\t\t    :target=\"users.state.current\"\n\t\t    :cta=\"false\" \n\t\t    text_cta=\"Fill\"\n\t\t    text=\"Profile completed at\"\n\t\t    class=\"mn-b-medium mn-b-regular pd-medium radius-semi t-white bg-second\"\n\t\t\t/> -->\n\n\t\t\t<section \n\t\t\t\tclass=\"flex-center pos-relative flex flex-column t-center w-100 mn-b-regular radius-medium pd-medium bg-light\"\n\t\t\t>\n\n\t\t\t\t<Dropdown \n\t\t\t\t\tv-if=\"route.params._id && route.params._id !== auth.state.user._id\"\n\t\t\t\t\t:label=\"'...'\" \n\t\t\t\t\t:align=\"'right'\"\n\t\t\t\t\tclass=\"cursor-pointer pos-absolute pos-r-0 pos-t-0 pd-thin radius-extra \"\n\t\t\t\t>\n\t\t\t\t\t<section \n\t\t\t\t\t\tclass=\"bg-black pd-thin radius-small\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<FormReport \n\t\t\t\t\t\t\t:user=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:type=\"'user'\" \n\t\t\t\t\t\t\t:target=\"users.state.current._id\" \n\t\t\t\t\t\t\t:text=\"'Report'\" \n\t\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<button \n\t\t\t\t\t\t\t\tclass=\"w-100 bg-black br-1px br-white-transp-20 t-white button-small button\"\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\tReport\n\t\t\t\t\t\t\t</button>\n\t\t\t\t\t\t</FormReport>\n\n\t\t\t\t\t\t<ButtonToggleMembership\n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t      :user=\"auth.state.user._id\"\n\t\t\t\t      :type=\"'user'\" \n\t\t\t      \t:role=\"'blocked'\" \n\t\t\t\t      :target=\"users.state.current._id\" \n\t\t\t\t      :status=\"users.state.current.isBlocked\" \n\t\t\t\t      :text=\"{create: 'Block', remove: 'Unblock'}\"\n\t\t\t\t      @updateMembership=\"event => handleMembershipUpdate(event, 'isBlocked')\"\n\t\t\t\t      class=\"t-white mn-t-thin bg-red\" \n\t\t\t    \t/>\n\t\t\t\t\t</section>\n\t      </Dropdown>\t\n\n\n\t\t\t\t<IconEdit\n\t\t\t\t\tv-if=\"route.params._id === auth.state.user._id\"\n\t\t\t\t\t@click=\"$router.push({\n\t\t\t\t\t\tname: 'Profile Edit Profile', \n\t\t\t\t\t\tparams: {\n\t\t\t\t\t\t\t_id: auth.state.user._id\n\t\t\t\t\t\t}\n\t\t\t\t\t})\" \n\t\t\t\t\tclass=\"cursor-pointer pos-absolute pos-t-regular pos-r-regular i-medium t-transp\"\n\t\t\t\t/>\n\n\t\t\t\t<div class=\"pos-relative mn-b-small\">\n\t\t\t\t\t<img loading=\"lazy\"\n\t\t\t\t\t\tv-if=\"users.state.current.profile.photo && users.state.current.profile.photo.length > 0\"\n\t\t\t\t\t\t:src=\"(FILE_SERVER_URL || '') + users.state.current.profile.photo\"\n\t\t\t\t\t\tclass=\"radius-extra bg-white object-fit-cover i-extra\"\n\t\t\t\t\t/>\n\t\t\t\t\t<PlaceholderUserpic\n\t\t\t\t\t\tv-else\n\t\t\t\t\t\tclass=\"radius-medium i-extra\"\n\t\t\t\t\t/>\n\t\t\t\t\t<OnlineIndicator\n\t\t\t\t\t\tv-if=\"users.state.current._id\"\n\t\t\t\t\t\t:userId=\"users.state.current._id\"\n\t\t\t\t\t\tclass=\"pos-absolute pos-r-0 pos-b-0\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\n\t\t\t\t<h3 class=\"mn-b-thin\">\n\t\t\t\t\t{{users.state.current.profile.name ? users.state.current.profile.name : 'Anonymous' }}\n\t\t\t\t</h3>\n\t\t\t\t\n\t\t\t\t<p \n\t\t\t\t\tv-if=\"users.state.current.username\"\n\t\t\t\t\tclass=\"mn-b-thin t-main fw-semi\"\n\t\t\t\t>\n\t\t\t\t\t@{{ users.state.current.username ? users.state.current.username : 'Not specified' }}\n\t\t\t\t</p>\n\n\t\t\t\t<p \n\t\t\t\t\tclass=\"mn-b-small p-regular\"\n\t\t\t\t>\n\t\t\t\t {{ users.state.current.profile.description ? users.state.current.profile.description : 'Bio not specified' }}\n\t\t\t\t</p>\n\t\t\t\t\n\t\t\t\t<div class=\"mn-b-medium flex-center flex-nowrap flex\">\n\t\t\t\t\t<div \n\t\t\t\t\t  v-for=\"(role,index) in users.state.current.roles\" \n\t\t\t\t\t  class=\"pd-thin radius-small fw-semi bg-white\" \n\t\t\t\t\t  :class=\"{'mn-r-thin': index !== users.state.current.roles.length - 1}\"\n\t\t\t\t\t >\n\t\t\t\t\t\t{{role.icon}}\n\t\t\t\t\t\t{{role.name}}\n\t\t\t\t\t</div>\n\t\t\t\t</div>\t\t\t\n\n\t\t\t\t<p \n\t\t\t\t\tclass=\"fw-semi mn-b-small\"\n\t\t\t\t>\n\t\t\t\t\t<!-- 👍 3 212 likes ·  -->\n\t\t\t\t\t<!-- 💬 342 comments ·  -->\n\t\t\t\t\t👨‍👨‍👧‍👧 {{users.state.current.numberOfSubscribers}} followers\n\t\t\t\t</p>\n\t\t\t\t\n\t    \t<ButtonToggleMembership\n\t    \t\tv-if=\"auth.state.user._id && route.params._id && route.params._id !== auth.state.user._id\"\n\t\t      :user=\"auth.state.user._id\"\n\t\t      :type=\"'user'\" \n\t      \t:role=\"'subscriber'\" \n\t\t      :target=\"users.state.current._id\" \n\t\t      :status=\"users.state.current.isSubscriber\" \n\t\t\t\t\t:text=\"{create: 'Follow', remove: 'Unfollow'}\"\n\t\t      @updateMembership=\"event => handleMembershipUpdate(event, 'isSubscriber', 'numberOfSubscribers')\"\n\t\t      class=\"w-min mn-b-medium\tmn-r-auto mn-l-auto\" \n\t    \t/>\n\n\t    \t<h4 \n\t      \tv-if=\"Object.values(users.state.current.socials).some(value => value)\" \n\t      \tclass=\"mn-t-small mn-b-thin\"\n\t      >\n\t    \t\tFind Me in Socials\n\t    \t</h4>\n\t     \t<Socials \n\t     \t\t:telegram=\"users.state.current.socials.telegram\"\n\t     \t\t:facebook=\"users.state.current.socials.facebook\"\n\t     \t\t:instagram=\"users.state.current.socials.instagram\"\n\t     \t\t:twitter=\"users.state.current.socials.twitter\"\n\t     \t\tclass=\"mn-r-auto mn-l-auto\"\n\t     \t/>\n\n\t\t\t</section>\n\t\t\t\n\t\t\t<RouterView />\n\n\t\t\t<Menu class=\"mn-b-regular bg-light\">\n\t      <template v-for=\"(module, moduleName) in modules\" :key=\"moduleName\">\n\t        <MenuItem \n\t          v-if=\"isModuleInstalled(moduleName) && (!module.visible || module.visible(auth))\"\n\t          @click=\"router.push(module.path(route.params._id))\" \n\t          class=\"profile-menu-item cursor-pointer\"\n\t        >\n\t          <component \n\t            :is=\"module.icon\" \n\t            v-if=\"module.icon\"\n\t            class=\"i-medium\" \n\t            :icon=\"true\"\n\t          />\n\t          <span>{{ module.displayName }}</span>\n\t        </MenuItem>\n\t      </template>\n   \t\t</Menu>\n\t\t\t  \n\t\t\t<Menu \n\t\t\t\tv-if=\"auth.state.user._id === route.params._id\"\n\t\t\t\tclass=\"bg-light\"\n\t\t\t>\n\t\t\t\t<MenuItem \n\t\t\t  \t@click=\"router.push({\n\t\t\t  \t\tname: 'Notifications', \n\t\t\t  \t\tparams: {\n\t\t\t  \t\t\t_id: route.params._id\n\t\t\t  \t\t}\n\t\t\t  \t})\" \n\t\t\t  \tclass=\"cursor-pointer\">\n\t\t\t    <span>\n\t\t\t    \tNotifications\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\t\t\t  <MenuItem \n\t\t\t  \t@click=\"router.push({\n\t\t\t  \t\tname: 'Profile Edit Profile', \n\t\t\t  \t\tparams: {\n\t\t\t  \t\t\t_id: route.params._id\n\t\t\t  \t\t}\n\t\t\t  \t})\" \n\t\t\t  \tclass=\"cursor-pointer\">\n\t\t\t    <span>\n\t\t\t    \tSettings\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\n\t\t\t  <MenuItem \n\t\t\t  \t@click=\"router.push({\n\t\t\t  \t\tname: 'Legal', \n\t\t\t  \t\tparams: {\n\t\t\t  \t\t\t_id: route.params._id\n\t\t\t  \t\t}\n\t\t\t  \t})\" \n\t\t\t  \tclass=\"cursor-pointer\">\n\t\t\t    <span>\n\t\t\t    \tAbout\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\t\t\t  \n\t\t\t  <MenuItem \n\t\t\t  \tclass=\"cursor-pointer\"\n\t\t\t\t\t@click=\"logout()\"\n\t\t\t  >\n\t\t\t    <span \n\t\t\t    \tclass=\"t-red\"\n\t\t\t    >\n\t\t\t    \tLogout\n\t\t\t    </span>\n\t\t\t  </MenuItem>\n\t\t\t</Menu>\n\n\t\t</div>\n\t</div>\n</template>\n\n<script setup>\n// Import components\nimport Field         from '@martyrs/src/components/Field/Field.vue'\nimport Button        from '@martyrs/src/components/Button/Button.vue'\nimport Dropdown from \"@martyrs/src/components/Dropdown/Dropdown.vue\";\nimport Completion from '@martyrs/src/components/Completion/Completion.vue'\n// Mobile Module\nimport Menu from '@martyrs/src/components/Menu/Menu.vue'\nimport MenuItem from '@martyrs/src/components/Menu/MenuItem.vue'\n// Org Module\nimport ButtonToggleMembership from '@martyrs/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n// Report Module\nimport FormReport from '@martyrs/src/modules/reports/components/sections/FormReport.vue'   \n// Community Module \nimport Activity from '@martyrs/src/modules/community/components/blocks/Activity.vue'; \nimport Socials from '@martyrs/src/modules/organizations/components/blocks/Socials.vue'\n// Icons Module\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue'\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue'\n\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\nimport PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue'\nimport OnlineIndicator from '@martyrs/src/modules/core/views/components/elements/OnlineIndicator.vue'\n// Import libs\nimport { computed, watch, onMounted, onServerPrefetch, ref, onBeforeMount, inject } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\n\n// Import state\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 membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js'\nimport { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js'\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\n// Accessing router\nconst route = useRoute()\nconst router = useRouter()\n// Get organization _id from cookie\nconst show = ref(false)\n\nconst store = useStore()\nconst { isModuleInstalled } = useGlobalMixins()\n\nconst modules = {\n  events: {\n    displayName: 'Events',\n    path: (_id) => `/users/${_id}/events`,\n    icon: IconEvents,\n    visible: () => true\n  },\n  organizations: {\n    displayName: 'Groups',\n    path: (_id) => `/users/${_id}/organizations`,\n    icon: IconGroups,\n    visible: () => true\n  },\n  community: {\n    displayName: 'Posts',\n    path: (_id) => `/users/${_id}/blogposts`,\n    icon: IconCommunity,\n    visible: () => true\n  },\n  orders: {\n    displayName: 'Orders',\n    path: (_id) => `/users/${_id}/orders`,\n    icon: IconOrders,\n    visible: (auth) => auth.state.user && (\n      auth.state.user._id === route.params._id ||\n      (auth.state.access && auth.state.access.roles &&\n        (auth.state.access.roles.includes('ROLE_MODERATOR') ||\n         auth.state.access.roles.includes('ROLE_ADMIN'))\n      )\n    )\n  }\n}\n\n\n// Функция загрузки данных пользователя\nasync function fetchUser() {\n  try {\n    const result = await users.actions.read({ _id: route.params._id, user: auth.state.user?._id });\n    // Если пользователь не найден - устанавливаем 404\n    if (!result || result.length === 0 || !users.state.current?._id) {\n      store.core.state.notFound = true;\n      return false;\n    }\n    return true;\n  } catch (error) {\n    console.error('Error fetching user:', error);\n    store.core.state.notFound = true;\n    return false;\n  }\n}\n\n// SSR: загружаем данные на сервере для SEO\nonServerPrefetch(async () => {\n  console.log('[SSR-404] Profile onServerPrefetch, route._id:', route.params._id);\n  await fetchUser();\n  console.log('[SSR-404] Profile fetchUser completed');\n});\n\n// Client: загружаем данные если еще не загружены (после гидратации)\nonMounted(async () => {\n  // Если данные уже загружены на сервере (SSR) - не загружаем повторно\n  if (!users.state.current?._id || users.state.current._id !== route.params._id) {\n    await fetchUser();\n  }\n  show.value = true;\n})\n\nconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n  membershipsStore.handleMembershipUpdate(users.state.current, membership, status, target, statusName, statusNumber)\n};\n\nfunction logout () {\n  auth.actions.logout()\n\n  router.push({name: 'Sign In'})\n}\n</script>\n\n<style lang=\"scss\">\n\t#header {\n\t\t// height: 3rem;\n\t}\n</style>\n"],"names":["IconEvents","IconGroups","IconCommunity","IconOrders","auth","users.actions","auth.state","users.state","auth.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmRA,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,UAAM,OAAO,IAAI,KAAK;AAEtB,UAAM,QAAQ,SAAQ;AACtB,UAAM,EAAE,kBAAiB,IAAK,gBAAe;AAE7C,UAAM,UAAU;AAAA,MACd,QAAQ;AAAA,QACN,aAAa;AAAA,QACb,MAAM,CAAC,QAAQ,UAAU,GAAG;AAAA,QAC5B,MAAMA;AAAAA,QACN,SAAS,MAAM;AAAA,MACnB;AAAA,MACE,eAAe;AAAA,QACb,aAAa;AAAA,QACb,MAAM,CAAC,QAAQ,UAAU,GAAG;AAAA,QAC5B,MAAMC;AAAAA,QACN,SAAS,MAAM;AAAA,MACnB;AAAA,MACE,WAAW;AAAA,QACT,aAAa;AAAA,QACb,MAAM,CAAC,QAAQ,UAAU,GAAG;AAAA,QAC5B,MAAMC;AAAAA,QACN,SAAS,MAAM;AAAA,MACnB;AAAA,MACE,QAAQ;AAAA,QACN,aAAa;AAAA,QACb,MAAM,CAAC,QAAQ,UAAU,GAAG;AAAA,QAC5B,MAAMC;AAAAA,QACN,SAAS,CAACC,UAASA,MAAK,MAAM,SAC5BA,MAAK,MAAM,KAAK,QAAQ,MAAM,OAAO,OACpCA,MAAK,MAAM,UAAUA,MAAK,MAAM,OAAO,UACrCA,MAAK,MAAM,OAAO,MAAM,SAAS,gBAAgB,KACjDA,MAAK,MAAM,OAAO,MAAM,SAAS,YAAY;AAAA,MAGtD;AAAA,IACA;AAIA,mBAAe,YAAY;AACzB,UAAI;AACF,cAAM,SAAS,MAAMC,QAAc,KAAK,EAAE,KAAK,MAAM,OAAO,KAAK,MAAMC,QAAW,MAAM,IAAG,CAAE;AAE7F,YAAI,CAAC,UAAU,OAAO,WAAW,KAAK,CAACC,MAAY,SAAS,KAAK;AAC/D,gBAAM,KAAK,MAAM,WAAW;AAC5B,iBAAO;AAAA,QACT;AACA,eAAO;AAAA,MACT,SAAS,OAAO;AACd,gBAAQ,MAAM,wBAAwB,KAAK;AAC3C,cAAM,KAAK,MAAM,WAAW;AAC5B,eAAO;AAAA,MACT;AAAA,IACF;AAGA,qBAAiB,YAAY;AAC3B,cAAQ,IAAI,kDAAkD,MAAM,OAAO,GAAG;AAC9E,YAAM,UAAS;AACf,cAAQ,IAAI,uCAAuC;AAAA,IACrD,CAAC;AAGD,cAAU,YAAY;AAEpB,UAAI,CAACA,MAAY,SAAS,OAAOA,MAAY,QAAQ,QAAQ,MAAM,OAAO,KAAK;AAC7E,cAAM,UAAS;AAAA,MACjB;AACA,WAAK,QAAQ;AAAA,IACf,CAAC;AAED,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAM,GAAI,YAAY,iBAAiB;AAC3F,uBAAiB,uBAAuBA,MAAY,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IACnH;AAEA,aAAS,SAAU;AACjBC,gBAAa,OAAM;AAEnB,aAAO,KAAK,EAAC,MAAM,UAAS,CAAC;AAAA,IAC/B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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";