@ozdao/martyrs 0.2.604 → 0.2.605

package/dist/martyrs/src/modules/auth/views/components/blocks/SidebarUserCard.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarUserCard.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/blocks/SidebarUserCard.vue"],"sourcesContent":["<template>\n  <div\n    class=\"flex-shrink-0 w-100 br-t-1px br-grey\"\n    :class=\"{\n      'pd-micro': !stateSidebar,\n      'pd-small': stateSidebar,\n    }\"\n  >\n    <!-- Skeleton while loading -->\n    <Skeleton\n      v-if=\"loading\"\n      :horizontal=\"true\"\n      :structure=\"[\n        { block: 'avatar', size: 'small' },\n      ]\"\n      class=\"radius-small pd-thin\"\n    />\n\n    <!-- User card -->\n    <router-link\n      v-else-if=\"user?._id\"\n      :to=\"`/backoffice/users/${user._id}`\"\n      class=\"ease-quint-out flex w-100 radius-small cursor-pointer flex-nowrap\"\n      :class=\"[\n        stateSidebar ? 'pd-thin flex-v-center' : 'w-100 flex-center',\n        theme === 'light' ? 'bg-light hover:bg-grey' : 'bg-dark hover:bg-grey'\n      ]\"\n    >\n      <span class=\"aspect-1x1 flex-child-default w-max-big w-100 flex flex-center\">\n        <img\n          v-if=\"user.profile?.photo\"\n          :src=\"(FILE_SERVER_URL || '') + user.profile.photo\"\n          class=\"radius-small bg-white object-fit-cover i-semi\"\n        />\n        <PlaceholderUserpic\n          v-else\n          class=\"radius-small i-semi\"\n        />\n      </span>\n\n      <div\n        v-if=\"stateSidebar\"\n        class=\"flex-child-default mn-l-thin o-hidden\"\n      >\n        <p class=\"fw-medium mn-b-micro t-truncate ws-nowrap\">{{ user.profile?.name || 'Anonymous' }}</p>\n        <div class=\"flex flex-nowrap gap-micro\">\n          <span\n            v-for=\"(role, index) in user.roles\"\n            :key=\"index\"\n            class=\"pd-thin radius-small p-small fw-semi bg-white ws-nowrap\"\n          >\n            {{ role.icon }} {{ role.name }}\n          </span>\n        </div>\n      </div>\n    </router-link>\n  </div>\n</template>\n\n<script setup>\n  import { ref, onMounted } from 'vue'\n\n  import Skeleton from '@martyrs/src/components/Skeleton/Skeleton.vue'\n  import PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue'\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  defineProps({\n    theme: {\n      type: String,\n      default: 'light'\n    },\n    stateSidebar: {\n      type: Boolean,\n      default: false\n    }\n  })\n\n  const loading = ref(true)\n  const user = ref(null)\n\n  onMounted(async () => {\n    try {\n      if (auth.state.user?._id) {\n        await users.actions.read({ _id: auth.state.user._id })\n        user.value = users.state.current\n      }\n    } catch (err) {\n      console.error('Failed to load user:', err)\n    } finally {\n      loading.value = false\n    }\n  })\n</script>\n"],"names":["auth.state","users.actions","users.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AA+EE,UAAM,UAAU,IAAI,IAAI;AACxB,UAAM,OAAO,IAAI,IAAI;AAErB,cAAU,YAAY;AACpB,UAAI;AACF,YAAIA,MAAW,MAAM,KAAK;AACxB,gBAAMC,QAAc,KAAK,EAAE,KAAKD,MAAW,KAAK,IAAG,CAAE;AACrD,eAAK,QAAQE,QAAY;AAAA,QAC3B;AAAA,MACF,SAAS,KAAK;AACZ,gBAAQ,MAAM,wBAAwB,GAAG;AAAA,MAC3C,UAAC;AACC,gBAAQ,QAAQ;AAAA,MAClB;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,337 @@
+import { ref, reactive, onMounted, createElementBlock, openBlock, createVNode, createElementVNode, unref, withCtx, Fragment, renderList, normalizeClass, toDisplayString, createTextVNode, createCommentVNode, createBlock } from "vue";
+import { useRoute } from "vue-router";
+import _sfc_main$2 from "../../../../../components/Feed/Feed.vue.js";
+import Field from "../../../../../components/Field/Field.vue.js";
+import Button from "../../../../../components/Button/Button.vue2.js";
+import Select from "../../../../../components/Select/Select.vue.js";
+import _sfc_main$4 from "../../../../../components/Popup/Popup.vue.js";
+import _sfc_main$1 from "../../../../core/views/components/sections/SectionPageTitle.vue.js";
+import _sfc_main$3 from "../../../../core/views/components/blocks/CardUser.vue.js";
+import PlaceholderUserpic from "../../../../icons/placeholders/PlaceholderUserpic.vue.js";
+import { state, actions } from "../../store/users.js";
+import $axios from "../../../../core/views/utils/axios-instance.js";
+const _hoisted_1 = { class: "pos-relative" };
+const _hoisted_2 = { class: "w-100 pd-medium pos-relative" };
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { class: "for-transition w-100" };
+const _hoisted_5 = { class: "flex flex-wrap gap-thin mn-b-semi" };
+const _hoisted_6 = ["onClick"];
+const _hoisted_7 = {
+  key: 0,
+  class: "for-transition w-100"
+};
+const _hoisted_8 = { class: "mn-b-semi" };
+const _hoisted_9 = { class: "mn-b-thin radius-small w-100 h-10r bg-light flex-center flex-column flex" };
+const _hoisted_10 = ["src"];
+const _hoisted_11 = { class: "p-small opacity-50" };
+const _hoisted_12 = { class: "flex flex-wrap gap-thin mn-b-semi" };
+const _hoisted_13 = ["onClick"];
+const _sfc_main = {
+  __name: "BackofficeUsers",
+  setup(__props) {
+    const route = useRoute();
+    const isPopupOpen = ref(false);
+    const editData = ref(null);
+    const editSourceItem = ref(null);
+    const availableRoles = ref([]);
+    const isCreateOpen = ref(false);
+    const createData = reactive({
+      email: "",
+      phone: "",
+      username: "",
+      password: "",
+      roles: [],
+      profile: {
+        name: ""
+      }
+    });
+    const openCreate = () => {
+      createData.email = "";
+      createData.phone = "";
+      createData.username = "";
+      createData.password = "";
+      createData.roles = [];
+      createData.profile.name = "";
+      isCreateOpen.value = true;
+    };
+    const closeCreate = () => {
+      isCreateOpen.value = false;
+    };
+    const toggleCreateRole = (role) => {
+      const idx = createData.roles.indexOf(role._id);
+      if (idx > -1) {
+        createData.roles.splice(idx, 1);
+      } else {
+        createData.roles.push(role._id);
+      }
+    };
+    const createUser = async () => {
+      const payload = {};
+      if (createData.email) payload.email = createData.email;
+      if (createData.phone) payload.phone = createData.phone;
+      if (createData.username) payload.username = createData.username;
+      if (createData.password) payload.password = createData.password;
+      if (createData.roles.length) payload.roles = createData.roles;
+      if (createData.profile.name) payload.profile = { name: createData.profile.name };
+      const result = await actions.create(payload);
+      if (result) {
+        state.all.unshift(result);
+      }
+    };
+    const statusOptions = ["active", "banned", "inactive"];
+    const openEdit = (user) => {
+      editSourceItem.value = user;
+      editData.value = {
+        _id: user._id,
+        username: user.username || "",
+        email: user.email || "",
+        phone: user.phone || "",
+        status: user.status || "active",
+        roles: (user.roles || []).map((r) => r._id || r),
+        profile: {
+          name: user.profile?.name || "",
+          description: user.profile?.description || "",
+          photo: user.profile?.photo || ""
+        }
+      };
+      isPopupOpen.value = true;
+    };
+    const closeEdit = () => {
+      isPopupOpen.value = false;
+      editData.value = null;
+      editSourceItem.value = null;
+    };
+    const toggleRole = (role) => {
+      const idx = editData.value.roles.indexOf(role._id);
+      if (idx > -1) {
+        editData.value.roles.splice(idx, 1);
+      } else {
+        editData.value.roles.push(role._id);
+      }
+    };
+    const isRoleSelected = (role) => {
+      return editData.value?.roles.includes(role._id);
+    };
+    const saveUser = async () => {
+      if (!editData.value) return;
+      const { data } = await $axios.put(`/api/users/${editData.value._id}/admin`, {
+        profile: editData.value.profile,
+        username: editData.value.username,
+        status: editData.value.status,
+        roles: editData.value.roles
+      });
+      if (data && editSourceItem.value) {
+        editSourceItem.value.profile = data.profile || editSourceItem.value.profile;
+        editSourceItem.value.username = data.username;
+        editSourceItem.value.status = data.status;
+        editSourceItem.value.roles = data.roles || [];
+      }
+    };
+    onMounted(async () => {
+      try {
+        const { data } = await $axios.get("/api/roles");
+        availableRoles.value = data;
+      } catch (err) {
+        console.error("Failed to load roles:", err);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_sfc_main$1, {
+          title: "Users",
+          actions: [{ method: openCreate, label: "+ Add User" }],
+          class: "pd-medium pd-b-zero"
+        }, null, 8, ["actions"]),
+        createElementVNode("div", _hoisted_2, [
+          createVNode(_sfc_main$2, {
+            search: true,
+            showLoadMore: false,
+            states: {
+              empty: {
+                title: "No Users Found",
+                description: "No users match your search criteria."
+              }
+            },
+            store: {
+              read: (options) => actions.read(options),
+              state
+            },
+            options: {
+              limit: 20,
+              search: unref(route).query.search
+            },
+            class: "cols-1 pos-relative w-100 gap-thin"
+          }, {
+            default: withCtx(({ items }) => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(items, (item) => {
+                return openBlock(), createElementBlock("div", {
+                  key: item._id,
+                  onClick: ($event) => openEdit(item),
+                  class: "pd-small bg-light radius-medium cursor-pointer hover-bg-white h-4r"
+                }, [
+                  createVNode(_sfc_main$3, {
+                    user: item,
+                    photo: item.profile?.photo,
+                    name: item.profile?.name || "Anonymous",
+                    email: item.email || item.phone || item.username || "—",
+                    role: item.roles,
+                    status: item.status,
+                    statusClass: item.status === "active" ? "bg-main-transp-20 t-main" : "bg-red-transp-20 t-red"
+                  }, null, 8, ["user", "photo", "name", "email", "role", "status", "statusClass"])
+                ], 8, _hoisted_3);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["store", "options"])
+        ]),
+        createVNode(_sfc_main$4, {
+          isPopupOpen: isCreateOpen.value,
+          onClosePopup: closeCreate,
+          title: "Create User",
+          class: "w-m-50r mobile:h-100 bg-white mobile:radius-zero radius-medium pd-medium"
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_4, [
+              createVNode(Field, {
+                field: createData.email,
+                "onUpdate:field": _cache[0] || (_cache[0] = ($event) => createData.email = $event),
+                label: "Email",
+                placeholder: "user@example.com",
+                class: "mn-b-thin w-100 bg-light pd-medium radius-small"
+              }, null, 8, ["field"]),
+              createVNode(Field, {
+                field: createData.phone,
+                "onUpdate:field": _cache[1] || (_cache[1] = ($event) => createData.phone = $event),
+                label: "Phone",
+                placeholder: "+66...",
+                class: "mn-b-thin w-100 bg-light pd-medium radius-small"
+              }, null, 8, ["field"]),
+              createVNode(Field, {
+                field: createData.username,
+                "onUpdate:field": _cache[2] || (_cache[2] = ($event) => createData.username = $event),
+                label: "@",
+                placeholder: "username",
+                class: "mn-b-thin w-100 bg-light pd-medium radius-small"
+              }, null, 8, ["field"]),
+              createVNode(Field, {
+                field: createData.profile.name,
+                "onUpdate:field": _cache[3] || (_cache[3] = ($event) => createData.profile.name = $event),
+                label: "Name",
+                placeholder: "Full name",
+                class: "mn-b-thin w-100 bg-light pd-medium radius-small"
+              }, null, 8, ["field"]),
+              createVNode(Field, {
+                field: createData.password,
+                "onUpdate:field": _cache[4] || (_cache[4] = ($event) => createData.password = $event),
+                label: "Password",
+                placeholder: "Password",
+                type: "password",
+                class: "mn-b-semi w-100 bg-light pd-medium radius-small"
+              }, null, 8, ["field"]),
+              _cache[10] || (_cache[10] = createElementVNode("h4", { class: "mn-b-small" }, "Roles", -1)),
+              createElementVNode("div", _hoisted_5, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(availableRoles.value, (role) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: role._id,
+                    onClick: ($event) => toggleCreateRole(role),
+                    class: normalizeClass(["pd-l-small pd-r-small pd-t-thin pd-b-thin radius-small cursor-pointer fw-medium capitalize", createData.roles.includes(role._id) ? "bg-second t-white" : "bg-light t-dark"])
+                  }, toDisplayString(role.name), 11, _hoisted_6);
+                }), 128))
+              ]),
+              createVNode(Button, {
+                submit: createUser,
+                callback: closeCreate,
+                class: "mn-b-thin bg-main w-100"
+              }, {
+                default: withCtx(() => _cache[9] || (_cache[9] = [
+                  createTextVNode(" Create ")
+                ])),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        }, 8, ["isPopupOpen"]),
+        createVNode(_sfc_main$4, {
+          isPopupOpen: isPopupOpen.value,
+          onClosePopup: closeEdit,
+          title: "Edit User",
+          class: "w-m-50r mobile:h-100 bg-white mobile:radius-zero radius-medium pd-medium"
+        }, {
+          default: withCtx(() => [
+            editData.value ? (openBlock(), createElementBlock("div", _hoisted_7, [
+              createElementVNode("div", _hoisted_8, [
+                createElementVNode("div", _hoisted_9, [
+                  editData.value.profile?.photo ? (openBlock(), createElementBlock("img", {
+                    key: 0,
+                    src: (_ctx.FILE_SERVER_URL || "") + editData.value.profile.photo,
+                    class: "radius-extra aspect-1x1 object-fit-cover h-4r w-4r mn-b-thin"
+                  }, null, 8, _hoisted_10)) : (openBlock(), createBlock(PlaceholderUserpic, {
+                    key: 1,
+                    class: "radius-extra h-4r w-4r mn-b-thin"
+                  })),
+                  createElementVNode("p", _hoisted_11, toDisplayString(editData.value.email || editData.value.phone || ""), 1)
+                ])
+              ]),
+              _cache[12] || (_cache[12] = createElementVNode("h4", { class: "mn-b-small" }, "Profile", -1)),
+              createVNode(Field, {
+                field: editData.value.username,
+                "onUpdate:field": _cache[5] || (_cache[5] = ($event) => editData.value.username = $event),
+                label: "@",
+                placeholder: "Not specified",
+                class: "mn-b-thin w-100 bg-light pd-medium radius-small"
+              }, null, 8, ["field"]),
+              createVNode(Field, {
+                field: editData.value.profile.name,
+                "onUpdate:field": _cache[6] || (_cache[6] = ($event) => editData.value.profile.name = $event),
+                label: "Name",
+                placeholder: "Not specified",
+                class: "mn-b-thin bg-light pd-medium radius-small"
+              }, null, 8, ["field"]),
+              createVNode(Field, {
+                field: editData.value.profile.description,
+                "onUpdate:field": _cache[7] || (_cache[7] = ($event) => editData.value.profile.description = $event),
+                label: "Description",
+                placeholder: "Not specified",
+                class: "mn-b-semi bg-light pd-medium radius-small"
+              }, null, 8, ["field"]),
+              _cache[13] || (_cache[13] = createElementVNode("h4", { class: "mn-b-small" }, "Status", -1)),
+              createVNode(Select, {
+                select: editData.value.status,
+                "onUpdate:select": _cache[8] || (_cache[8] = ($event) => editData.value.status = $event),
+                options: statusOptions,
+                placeholder: "Select status",
+                class: "mn-b-semi bg-light pd-medium radius-small"
+              }, null, 8, ["select"]),
+              _cache[14] || (_cache[14] = createElementVNode("h4", { class: "mn-b-small" }, "Roles", -1)),
+              createElementVNode("div", _hoisted_12, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(availableRoles.value, (role) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: role._id,
+                    onClick: ($event) => toggleRole(role),
+                    class: normalizeClass(["pd-l-small pd-r-small pd-t-thin pd-b-thin radius-small cursor-pointer fw-medium capitalize", isRoleSelected(role) ? "bg-second t-white" : "bg-light t-dark"])
+                  }, toDisplayString(role.name), 11, _hoisted_13);
+                }), 128))
+              ]),
+              createVNode(Button, {
+                submit: saveUser,
+                callback: closeEdit,
+                class: "mn-b-thin bg-main w-100"
+              }, {
+                default: withCtx(() => _cache[11] || (_cache[11] = [
+                  createTextVNode(" Save ")
+                ])),
+                _: 1
+              })
+            ])) : createCommentVNode("", true)
+          ]),
+          _: 1
+        }, 8, ["isPopupOpen"])
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=BackofficeUsers.vue.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BackofficeUsers.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/BackofficeUsers.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative\">\n    <SectionPageTitle\n      title=\"Users\"\n      :actions=\"[{ method: openCreate, label: '+ Add User' }]\"\n      class=\"pd-medium pd-b-zero\"\n    />\n\n    <div class=\"w-100 pd-medium pos-relative\">\n      <Feed\n        :search=\"true\"\n        :showLoadMore=\"false\"\n        :states=\"{\n          empty: {\n            title: 'No Users Found',\n            description: 'No users match your search criteria.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => users.actions.read(options),\n          state: users.state\n        }\"\n        :options=\"{\n          limit: 20,\n          search: route.query.search\n        }\"\n        v-slot=\"{ items }\"\n        class=\"cols-1 pos-relative w-100 gap-thin\"\n      >\n        <div\n          v-for=\"item in items\"\n          :key=\"item._id\"\n          @click=\"openEdit(item)\"\n          class=\"pd-small bg-light radius-medium cursor-pointer hover-bg-white h-4r\"\n        >\n          <CardUser\n            :user=\"item\"\n            :photo=\"item.profile?.photo\"\n            :name=\"item.profile?.name || 'Anonymous'\"\n            :email=\"item.email || item.phone || item.username || '—'\"\n            :role=\"item.roles\"\n            :status=\"item.status\"\n            :statusClass=\"item.status === 'active' ? 'bg-main-transp-20 t-main' : 'bg-red-transp-20 t-red'\"\n          />\n        </div>\n      </Feed>\n    </div>\n\n    <!-- Create User Popup -->\n    <Popup\n      :isPopupOpen=\"isCreateOpen\"\n      @close-popup=\"closeCreate\"\n      title=\"Create User\"\n      class=\"w-m-50r mobile:h-100 bg-white mobile:radius-zero radius-medium pd-medium\"\n    >\n      <div class=\"for-transition w-100\">\n        <Field\n          v-model:field=\"createData.email\"\n          label=\"Email\"\n          placeholder=\"user@example.com\"\n          class=\"mn-b-thin w-100 bg-light pd-medium radius-small\"\n        />\n\n        <Field\n          v-model:field=\"createData.phone\"\n          label=\"Phone\"\n          placeholder=\"+66...\"\n          class=\"mn-b-thin w-100 bg-light pd-medium radius-small\"\n        />\n\n        <Field\n          v-model:field=\"createData.username\"\n          label=\"@\"\n          placeholder=\"username\"\n          class=\"mn-b-thin w-100 bg-light pd-medium radius-small\"\n        />\n\n        <Field\n          v-model:field=\"createData.profile.name\"\n          label=\"Name\"\n          placeholder=\"Full name\"\n          class=\"mn-b-thin w-100 bg-light pd-medium radius-small\"\n        />\n\n        <Field\n          v-model:field=\"createData.password\"\n          label=\"Password\"\n          placeholder=\"Password\"\n          type=\"password\"\n          class=\"mn-b-semi w-100 bg-light pd-medium radius-small\"\n        />\n\n        <h4 class=\"mn-b-small\">Roles</h4>\n\n        <div class=\"flex flex-wrap gap-thin mn-b-semi\">\n          <div\n            v-for=\"role in availableRoles\"\n            :key=\"role._id\"\n            @click=\"toggleCreateRole(role)\"\n            class=\"pd-l-small pd-r-small pd-t-thin pd-b-thin radius-small cursor-pointer fw-medium capitalize\"\n            :class=\"createData.roles.includes(role._id) ? 'bg-second t-white' : 'bg-light t-dark'\"\n          >\n            {{ role.name }}\n          </div>\n        </div>\n\n        <Button\n          :submit=\"createUser\"\n          :callback=\"closeCreate\"\n          class=\"mn-b-thin bg-main w-100\"\n        >\n          Create\n        </Button>\n      </div>\n    </Popup>\n\n    <!-- Edit User Popup -->\n    <Popup\n      :isPopupOpen=\"isPopupOpen\"\n      @close-popup=\"closeEdit\"\n      title=\"Edit User\"\n      class=\"w-m-50r mobile:h-100 bg-white mobile:radius-zero radius-medium pd-medium\"\n    >\n      <div v-if=\"editData\" class=\"for-transition w-100\">\n        <div class=\"mn-b-semi\">\n          <div class=\"mn-b-thin radius-small w-100 h-10r bg-light flex-center flex-column flex\">\n            <img\n              v-if=\"editData.profile?.photo\"\n              :src=\"(FILE_SERVER_URL || '') + editData.profile.photo\"\n              class=\"radius-extra aspect-1x1 object-fit-cover h-4r w-4r mn-b-thin\"\n            />\n            <PlaceholderUserpic\n              v-else\n              class=\"radius-extra h-4r w-4r mn-b-thin\"\n            />\n            <p class=\"p-small opacity-50\">{{ editData.email || editData.phone || '' }}</p>\n          </div>\n        </div>\n\n        <h4 class=\"mn-b-small\">Profile</h4>\n\n        <Field\n          v-model:field=\"editData.username\"\n          label=\"@\"\n          placeholder=\"Not specified\"\n          class=\"mn-b-thin w-100 bg-light pd-medium radius-small\"\n        />\n\n        <Field\n          v-model:field=\"editData.profile.name\"\n          label=\"Name\"\n          placeholder=\"Not specified\"\n          class=\"mn-b-thin bg-light pd-medium radius-small\"\n        />\n\n        <Field\n          v-model:field=\"editData.profile.description\"\n          label=\"Description\"\n          placeholder=\"Not specified\"\n          class=\"mn-b-semi bg-light pd-medium radius-small\"\n        />\n\n        <h4 class=\"mn-b-small\">Status</h4>\n\n        <Select\n          v-model:select=\"editData.status\"\n          :options=\"statusOptions\"\n          placeholder=\"Select status\"\n          class=\"mn-b-semi bg-light pd-medium radius-small\"\n        />\n\n        <h4 class=\"mn-b-small\">Roles</h4>\n\n        <div class=\"flex flex-wrap gap-thin mn-b-semi\">\n          <div\n            v-for=\"role in availableRoles\"\n            :key=\"role._id\"\n            @click=\"toggleRole(role)\"\n            class=\"pd-l-small pd-r-small pd-t-thin pd-b-thin radius-small cursor-pointer fw-medium capitalize\"\n            :class=\"isRoleSelected(role) ? 'bg-second t-white' : 'bg-light t-dark'\"\n          >\n            {{ role.name }}\n          </div>\n        </div>\n\n        <Button\n          :submit=\"saveUser\"\n          :callback=\"closeEdit\"\n          class=\"mn-b-thin bg-main w-100\"\n        >\n          Save\n        </Button>\n      </div>\n    </Popup>\n  </div>\n</template>\n\n<script setup>\n  import { ref, reactive, onMounted } from 'vue'\n\n  import { useRoute } from 'vue-router'\n\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n  import Field from '@martyrs/src/components/Field/Field.vue'\n  import Button from '@martyrs/src/components/Button/Button.vue'\n  import Select from '@martyrs/src/components/Select/Select.vue'\n  import Popup from '@martyrs/src/components/Popup/Popup.vue'\n  import SectionPageTitle from '@martyrs/src/modules/core/views/components/sections/SectionPageTitle.vue'\n  import CardUser from '@martyrs/src/modules/core/views/components/blocks/CardUser.vue'\n  import PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue'\n\n  import * as users from '@martyrs/src/modules/auth/views/store/users.js'\n  import $axios from '@martyrs/src/modules/core/views/utils/axios-instance.js'\n\n  const route = useRoute()\n\n  const isPopupOpen = ref(false)\n  const editData = ref(null)\n  const editSourceItem = ref(null)\n  const availableRoles = ref([])\n\n  const isCreateOpen = ref(false)\n  const createData = reactive({\n    email: '',\n    phone: '',\n    username: '',\n    password: '',\n    roles: [],\n    profile: {\n      name: '',\n    },\n  })\n\n  const openCreate = () => {\n    createData.email = ''\n    createData.phone = ''\n    createData.username = ''\n    createData.password = ''\n    createData.roles = []\n    createData.profile.name = ''\n    isCreateOpen.value = true\n  }\n\n  const closeCreate = () => {\n    isCreateOpen.value = false\n  }\n\n  const toggleCreateRole = (role) => {\n    const idx = createData.roles.indexOf(role._id)\n    if (idx > -1) {\n      createData.roles.splice(idx, 1)\n    } else {\n      createData.roles.push(role._id)\n    }\n  }\n\n  const createUser = async () => {\n    const payload = {}\n    if (createData.email) payload.email = createData.email\n    if (createData.phone) payload.phone = createData.phone\n    if (createData.username) payload.username = createData.username\n    if (createData.password) payload.password = createData.password\n    if (createData.roles.length) payload.roles = createData.roles\n    if (createData.profile.name) payload.profile = { name: createData.profile.name }\n\n    const result = await users.actions.create(payload)\n    if (result) {\n      users.state.all.unshift(result)\n    }\n  }\n\n  const statusOptions = ['active', 'banned', 'inactive']\n\n  const openEdit = (user) => {\n    editSourceItem.value = user\n    editData.value = {\n      _id: user._id,\n      username: user.username || '',\n      email: user.email || '',\n      phone: user.phone || '',\n      status: user.status || 'active',\n      roles: (user.roles || []).map(r => r._id || r),\n      profile: {\n        name: user.profile?.name || '',\n        description: user.profile?.description || '',\n        photo: user.profile?.photo || '',\n      },\n    }\n    isPopupOpen.value = true\n  }\n\n  const closeEdit = () => {\n    isPopupOpen.value = false\n    editData.value = null\n    editSourceItem.value = null\n  }\n\n  const toggleRole = (role) => {\n    const idx = editData.value.roles.indexOf(role._id)\n    if (idx > -1) {\n      editData.value.roles.splice(idx, 1)\n    } else {\n      editData.value.roles.push(role._id)\n    }\n  }\n\n  const isRoleSelected = (role) => {\n    return editData.value?.roles.includes(role._id)\n  }\n\n  const saveUser = async () => {\n    if (!editData.value) return\n    const { data } = await $axios.put(`/api/users/${editData.value._id}/admin`, {\n      profile: editData.value.profile,\n      username: editData.value.username,\n      status: editData.value.status,\n      roles: editData.value.roles,\n    })\n\n    // Update list item from server response\n    if (data && editSourceItem.value) {\n      editSourceItem.value.profile = data.profile || editSourceItem.value.profile\n      editSourceItem.value.username = data.username\n      editSourceItem.value.status = data.status\n      editSourceItem.value.roles = data.roles || []\n    }\n  }\n\n  onMounted(async () => {\n    try {\n      const { data } = await $axios.get('/api/roles')\n      availableRoles.value = data\n    } catch (err) {\n      console.error('Failed to load roles:', err)\n    }\n  })\n</script>\n"],"names":["users.actions","users.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsNE,UAAM,QAAQ,SAAQ;AAEtB,UAAM,cAAc,IAAI,KAAK;AAC7B,UAAM,WAAW,IAAI,IAAI;AACzB,UAAM,iBAAiB,IAAI,IAAI;AAC/B,UAAM,iBAAiB,IAAI,CAAA,CAAE;AAE7B,UAAM,eAAe,IAAI,KAAK;AAC9B,UAAM,aAAa,SAAS;AAAA,MAC1B,OAAO;AAAA,MACP,OAAO;AAAA,MACP,UAAU;AAAA,MACV,UAAU;AAAA,MACV,OAAO,CAAA;AAAA,MACP,SAAS;AAAA,QACP,MAAM;AAAA,MACZ;AAAA,IACA,CAAG;AAED,UAAM,aAAa,MAAM;AACvB,iBAAW,QAAQ;AACnB,iBAAW,QAAQ;AACnB,iBAAW,WAAW;AACtB,iBAAW,WAAW;AACtB,iBAAW,QAAQ,CAAA;AACnB,iBAAW,QAAQ,OAAO;AAC1B,mBAAa,QAAQ;AAAA,IACvB;AAEA,UAAM,cAAc,MAAM;AACxB,mBAAa,QAAQ;AAAA,IACvB;AAEA,UAAM,mBAAmB,CAAC,SAAS;AACjC,YAAM,MAAM,WAAW,MAAM,QAAQ,KAAK,GAAG;AAC7C,UAAI,MAAM,IAAI;AACZ,mBAAW,MAAM,OAAO,KAAK,CAAC;AAAA,MAChC,OAAO;AACL,mBAAW,MAAM,KAAK,KAAK,GAAG;AAAA,MAChC;AAAA,IACF;AAEA,UAAM,aAAa,YAAY;AAC7B,YAAM,UAAU,CAAA;AAChB,UAAI,WAAW,MAAO,SAAQ,QAAQ,WAAW;AACjD,UAAI,WAAW,MAAO,SAAQ,QAAQ,WAAW;AACjD,UAAI,WAAW,SAAU,SAAQ,WAAW,WAAW;AACvD,UAAI,WAAW,SAAU,SAAQ,WAAW,WAAW;AACvD,UAAI,WAAW,MAAM,OAAQ,SAAQ,QAAQ,WAAW;AACxD,UAAI,WAAW,QAAQ,KAAM,SAAQ,UAAU,EAAE,MAAM,WAAW,QAAQ,KAAI;AAE9E,YAAM,SAAS,MAAMA,QAAc,OAAO,OAAO;AACjD,UAAI,QAAQ;AACVC,cAAY,IAAI,QAAQ,MAAM;AAAA,MAChC;AAAA,IACF;AAEA,UAAM,gBAAgB,CAAC,UAAU,UAAU,UAAU;AAErD,UAAM,WAAW,CAAC,SAAS;AACzB,qBAAe,QAAQ;AACvB,eAAS,QAAQ;AAAA,QACf,KAAK,KAAK;AAAA,QACV,UAAU,KAAK,YAAY;AAAA,QAC3B,OAAO,KAAK,SAAS;AAAA,QACrB,OAAO,KAAK,SAAS;AAAA,QACrB,QAAQ,KAAK,UAAU;AAAA,QACvB,QAAQ,KAAK,SAAS,CAAA,GAAI,IAAI,OAAK,EAAE,OAAO,CAAC;AAAA,QAC7C,SAAS;AAAA,UACP,MAAM,KAAK,SAAS,QAAQ;AAAA,UAC5B,aAAa,KAAK,SAAS,eAAe;AAAA,UAC1C,OAAO,KAAK,SAAS,SAAS;AAAA,QACtC;AAAA,MACA;AACI,kBAAY,QAAQ;AAAA,IACtB;AAEA,UAAM,YAAY,MAAM;AACtB,kBAAY,QAAQ;AACpB,eAAS,QAAQ;AACjB,qBAAe,QAAQ;AAAA,IACzB;AAEA,UAAM,aAAa,CAAC,SAAS;AAC3B,YAAM,MAAM,SAAS,MAAM,MAAM,QAAQ,KAAK,GAAG;AACjD,UAAI,MAAM,IAAI;AACZ,iBAAS,MAAM,MAAM,OAAO,KAAK,CAAC;AAAA,MACpC,OAAO;AACL,iBAAS,MAAM,MAAM,KAAK,KAAK,GAAG;AAAA,MACpC;AAAA,IACF;AAEA,UAAM,iBAAiB,CAAC,SAAS;AAC/B,aAAO,SAAS,OAAO,MAAM,SAAS,KAAK,GAAG;AAAA,IAChD;AAEA,UAAM,WAAW,YAAY;AAC3B,UAAI,CAAC,SAAS,MAAO;AACrB,YAAM,EAAE,KAAI,IAAK,MAAM,OAAO,IAAI,cAAc,SAAS,MAAM,GAAG,UAAU;AAAA,QAC1E,SAAS,SAAS,MAAM;AAAA,QACxB,UAAU,SAAS,MAAM;AAAA,QACzB,QAAQ,SAAS,MAAM;AAAA,QACvB,OAAO,SAAS,MAAM;AAAA,MAC5B,CAAK;AAGD,UAAI,QAAQ,eAAe,OAAO;AAChC,uBAAe,MAAM,UAAU,KAAK,WAAW,eAAe,MAAM;AACpE,uBAAe,MAAM,WAAW,KAAK;AACrC,uBAAe,MAAM,SAAS,KAAK;AACnC,uBAAe,MAAM,QAAQ,KAAK,SAAS,CAAA;AAAA,MAC7C;AAAA,IACF;AAEA,cAAU,YAAY;AACpB,UAAI;AACF,cAAM,EAAE,KAAI,IAAK,MAAM,OAAO,IAAI,YAAY;AAC9C,uBAAe,QAAQ;AAAA,MACzB,SAAS,KAAK;AACZ,gBAAQ,MAAM,yBAAyB,GAAG;AAAA,MAC5C;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -49,7 +49,7 @@ const _sfc_main = {
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("section", _hoisted_1, [
         _cache[3] || (_cache[3] = createElementVNode("h3", { class: "mn-b-small" }, "You have been invited to the organization", -1)),
-        _cache[4] || (_cache[4] = createElementVNode("p", { class: "mn-b-semi t-transp" }, "Please provide a password to complete the registration.", -1)),
+        _cache[4] || (_cache[4] = createElementVNode("p", { class: "mn-b-semi opacity-50" }, "Please provide a password to complete the registration.", -1)),
         createElementVNode("div", _hoisted_2, [
           createVNode(Field, {
             field: state.user.password,

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

@@ -1 +1 @@
-{"version":3,"file":"Invite.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/Invite.vue"],"sourcesContent":["<template>\n\t<section class=\"t-left pd-medium\">\n\t\t<!-- Header -->\n\t\t<h3 class=\"mn-b-small\">You have been invited to the organization</h3>\n\t\t<p class=\"mn-b-semi t-transp\">Please provide a password to complete the registration.</p>\n\t\t\n\t\t<!-- Form -->\n\t\t<div  class=\"mn-b-semi radius-small o-hidden\">\n\t\t\t<Field \n\t\t\t\tv-model:field=\"auth.state.user.password\"\n\t\t\t\ttype=\"password\" \t\n\t\t\t\t:validation=\"passswordValidation\" \n\t\t\t\tlabel=\"Password\"\t\t\n\t\t\t\tplaceholder=\"******\" \n\t\t\t\tclass=\"mn-b-thin bg-light pd-medium radius-small\" \n\t\t\t/>\n\t\t\t<Field \n\t\t\t\tv-model:field=\"auth.state.user.passwordRepeat\"\n\t\t\t\ttype=\"password\" \t\n\t\t\t\tlabel=\"Repeat Password\"\t\t\n\t\t\t\tplaceholder=\"******\" \n\t\t\t\tclass=\"bg-light pd-medium radius-small\" \n\t\t\t\t\n\t\t\t/>\n\t\t</div>\n\t\t<!-- Button -->\n\t\t<Button \n\t\t\t:submit=\"onSubmit\" \n\t\t\t:callback=\"redirectTo\" \n\t\t\tclass=\"w-100 bg-main mn-b-big\">\n\t\t\t<span>Join</span>\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 Button        from '@martyrs/src/components/Button/Button.vue'\n// Import libs\nimport { computed, onMounted, ref, onBeforeMount } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\n// Import state\nimport * as auth \t\tfrom '@martyrs/src/modules/auth/views/store/auth.js'\nimport invitesStore from '@martyrs/src/modules/organizations/store/invites.store.js'\n// Import validation\nimport * as inputsValidation from '@martyrs/src/modules/auth/views/validations/inputs.validation'\nconst passswordValidation = ref(null)\n// Accessing router\nconst route = useRoute()\nconst router = useRouter()\n// Lifecycles\nonMounted(async () => {\n\tawait invitesStore.read({ code: route.query.inviteCode })\n})\n// Methods\nasync function onSubmit() {\n\ttry {\n\t\tawait inputsValidation.validateInputs(\n\t\t\tpassswordValidation, \n\t\t\tinputsValidation.validatePassword, \n\t\t\tauth.state.user.password, \n\t\t\t'Некорректный пароль'\n\t\t)\n\t} catch (error) {\n\t\tthrow new Error\n\t}\n\ttry {\n\t\tawait auth.actions.signup(auth.state.user, route.query.type, route.query.inviteCode)\n\t} catch (err) {\n\t\tconsole.log(err)\n\t}\n}\n\nfunction redirectTo () {\n\trouter.push({ name: 'User Profile', \n\t\tparams: { \n\t\t\t_id: auth.state.user._id \n\t\t},\n\t\tquery: { \n\t\t\tafterAuth: 'true' \n\t\t}})\n}\n</script>\n\n<style lang=\"scss\">\n\t.slide-fade-enter-active {\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tposition: absolute;\n\t  transform: translateX(20px);\n\t  opacity: 0;\n\t  left: 0;\n\t  top: 0;\n\t}\n\n\t.slide-fade-leave-to {\n\n\t}\n</style>\n"],"names":["inputsValidation.validateInputs","inputsValidation.validatePassword","auth.state","auth.actions"],"mappings":";;;;;;;;;;;;;;AAgDA,UAAM,sBAAsB,IAAI,IAAI;AAEpC,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,cAAU,YAAY;AACrB,YAAM,aAAa,KAAK,EAAE,MAAM,MAAM,MAAM,WAAU,CAAE;AAAA,IACzD,CAAC;AAED,mBAAe,WAAW;AACzB,UAAI;AACH,cAAMA;AAAAA,UACL;AAAA,UACAC;AAAAA,UACAC,MAAW,KAAK;AAAA,UAChB;AAAA,QACH;AAAA,MACC,SAAS,OAAO;AACf,cAAM,IAAI;AAAA,MACX;AACA,UAAI;AACH,cAAMC,QAAa,OAAOD,MAAW,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,UAAU;AAAA,MACpF,SAAS,KAAK;AACb,gBAAQ,IAAI,GAAG;AAAA,MAChB;AAAA,IACD;AAEA,aAAS,aAAc;AACtB,aAAO,KAAK;AAAA,QAAE,MAAM;AAAA,QACnB,QAAQ;AAAA,UACP,KAAKA,MAAW,KAAK;AAAA,QACxB;AAAA,QACE,OAAO;AAAA,UACN,WAAW;AAAA,QACd;AAAA,MAAG,CAAC;AAAA,IACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Invite.vue.js","sources":["../../../../../../../../src/modules/auth/views/components/pages/Invite.vue"],"sourcesContent":["<template>\n\t<section class=\"t-left pd-medium\">\n\t\t<!-- Header -->\n\t\t<h3 class=\"mn-b-small\">You have been invited to the organization</h3>\n\t\t<p class=\"mn-b-semi opacity-50\">Please provide a password to complete the registration.</p>\n\t\t\n\t\t<!-- Form -->\n\t\t<div  class=\"mn-b-semi radius-small o-hidden\">\n\t\t\t<Field \n\t\t\t\tv-model:field=\"auth.state.user.password\"\n\t\t\t\ttype=\"password\" \t\n\t\t\t\t:validation=\"passswordValidation\" \n\t\t\t\tlabel=\"Password\"\t\t\n\t\t\t\tplaceholder=\"******\" \n\t\t\t\tclass=\"mn-b-thin bg-light pd-medium radius-small\" \n\t\t\t/>\n\t\t\t<Field \n\t\t\t\tv-model:field=\"auth.state.user.passwordRepeat\"\n\t\t\t\ttype=\"password\" \t\n\t\t\t\tlabel=\"Repeat Password\"\t\t\n\t\t\t\tplaceholder=\"******\" \n\t\t\t\tclass=\"bg-light pd-medium radius-small\" \n\t\t\t\t\n\t\t\t/>\n\t\t</div>\n\t\t<!-- Button -->\n\t\t<Button \n\t\t\t:submit=\"onSubmit\" \n\t\t\t:callback=\"redirectTo\" \n\t\t\tclass=\"w-100 bg-main mn-b-big\">\n\t\t\t<span>Join</span>\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 Button        from '@martyrs/src/components/Button/Button.vue'\n// Import libs\nimport { computed, onMounted, ref, onBeforeMount } from 'vue'\nimport { useRoute, useRouter } from 'vue-router'\n// Import state\nimport * as auth \t\tfrom '@martyrs/src/modules/auth/views/store/auth.js'\nimport invitesStore from '@martyrs/src/modules/organizations/store/invites.store.js'\n// Import validation\nimport * as inputsValidation from '@martyrs/src/modules/auth/views/validations/inputs.validation'\nconst passswordValidation = ref(null)\n// Accessing router\nconst route = useRoute()\nconst router = useRouter()\n// Lifecycles\nonMounted(async () => {\n\tawait invitesStore.read({ code: route.query.inviteCode })\n})\n// Methods\nasync function onSubmit() {\n\ttry {\n\t\tawait inputsValidation.validateInputs(\n\t\t\tpassswordValidation, \n\t\t\tinputsValidation.validatePassword, \n\t\t\tauth.state.user.password, \n\t\t\t'Некорректный пароль'\n\t\t)\n\t} catch (error) {\n\t\tthrow new Error\n\t}\n\ttry {\n\t\tawait auth.actions.signup(auth.state.user, route.query.type, route.query.inviteCode)\n\t} catch (err) {\n\t\tconsole.log(err)\n\t}\n}\n\nfunction redirectTo () {\n\trouter.push({ name: 'User Profile', \n\t\tparams: { \n\t\t\t_id: auth.state.user._id \n\t\t},\n\t\tquery: { \n\t\t\tafterAuth: 'true' \n\t\t}})\n}\n</script>\n\n<style lang=\"scss\">\n\t.slide-fade-enter-active {\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\t}\n\n\t.slide-fade-leave-active {\n\t  transition: all  0.3s cubic-bezier(0.4, 0, 0.2, 1);\n\n\t}\n\n\t.slide-fade-enter-from,\n\t.slide-fade-leave-to {\n\t\tposition: absolute;\n\t  transform: translateX(20px);\n\t  opacity: 0;\n\t  left: 0;\n\t  top: 0;\n\t}\n\n\t.slide-fade-leave-to {\n\n\t}\n</style>\n"],"names":["inputsValidation.validateInputs","inputsValidation.validatePassword","auth.state","auth.actions"],"mappings":";;;;;;;;;;;;;;AAgDA,UAAM,sBAAsB,IAAI,IAAI;AAEpC,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,cAAU,YAAY;AACrB,YAAM,aAAa,KAAK,EAAE,MAAM,MAAM,MAAM,WAAU,CAAE;AAAA,IACzD,CAAC;AAED,mBAAe,WAAW;AACzB,UAAI;AACH,cAAMA;AAAAA,UACL;AAAA,UACAC;AAAAA,UACAC,MAAW,KAAK;AAAA,UAChB;AAAA,QACH;AAAA,MACC,SAAS,OAAO;AACf,cAAM,IAAI;AAAA,MACX;AACA,UAAI;AACH,cAAMC,QAAa,OAAOD,MAAW,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,UAAU;AAAA,MACpF,SAAS,KAAK;AACb,gBAAQ,IAAI,GAAG;AAAA,MAChB;AAAA,IACD;AAEA,aAAS,aAAc;AACtB,aAAO,KAAK;AAAA,QAAE,MAAM;AAAA,QACnB,QAAQ;AAAA,UACP,KAAKA,MAAW,KAAK;AAAA,QACxB;AAAA,QACE,OAAO;AAAA,UACN,WAAW;AAAA,QACd;AAAA,MAAG,CAAC;AAAA,IACJ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -162,7 +162,7 @@ const _sfc_main = {
                   _id: state$1.user._id
                 }
               })),
-              class: "cursor-pointer pos-absolute pos-t-regular pos-r-regular i-medium t-transp"
+              class: "cursor-pointer pos-absolute pos-t-regular pos-r-regular i-medium opacity-50"
             })) : createCommentVNode("", true),
             createElementVNode("div", _hoisted_6, [
               state.current.profile.photo && state.current.profile.photo.length > 0 ? (openBlock(), createElementBlock("img", {

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<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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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 opacity-50\"\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/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 { 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$2 from "./ProfileEditSidebar.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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}