npm - @ozdao/martyrs - Versions diffs - 0.2.550 → 0.2.552 - Mend

@ozdao/martyrs 0.2.550 → 0.2.552

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1721) hide show

package/dist/martyrs/src/modules/organizations/components/forms/AddExistingMembersForm.vue.js CHANGED Viewed

@@ -1,11 +1,11 @@
 import { ref, createElementBlock, openBlock, createElementVNode, createVNode, createCommentVNode, withCtx, Fragment, renderList, normalizeClass, createBlock, toDisplayString, createTextVNode } from "vue";
-import _sfc_main$3 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$3 from "../../../../components/Button/Button.vue2.js";
 import _sfc_main$1 from "../../../../components/Feed/Feed.vue.js";
 import PlaceholderUserpic from "../../../icons/placeholders/PlaceholderUserpic.vue.js";
 import _sfc_main$2 from "../../../icons/navigation/IconCheck.vue.js";
 import { actions } from "../../../auth/views/store/users.js";
 import membershipsStore from "../../store/memberships.store.js";
-import { actions as actions$1 } from "../../../core/views/store/core.store.js";
+import { useStore } from "../../../core/views/store/core.store.js";
 const _hoisted_1 = ["onClick"];
 const _hoisted_2 = { class: "flex-nowrap flex-v-center flex gap-thin" };
 const _hoisted_3 = { class: "aspect-1x1 h-3r flex-child-default radius-small o-hidden" };
@@ -40,6 +40,7 @@ const _sfc_main = {
   },
   emits: ["users-added"],
   setup(__props, { emit: __emit }) {
+    const store = useStore();
     const props = __props;
     const emit = __emit;
     const selectedUsers = ref([]);
@@ -63,7 +64,7 @@ const _sfc_main = {
     }
     function toggleUserSelection(user) {
       if (isUserInOrganization(user)) {
-        actions$1.setError({ message: "This user is already a member of the organization" });
+        store.core.actions.setError({ message: "This user is already a member of the organization" });
         return;
       }
       const index = selectedUsers.value.findIndex((u) => u._id === user._id);
@@ -102,12 +103,12 @@ const _sfc_main = {
         const results = await Promise.all(promises);
         emit("users-added", results);
         selectedUsers.value = [];
-        actions$1.setSuccess({
+        store.core.actions.setSuccess({
           message: `Successfully added ${results.length} user(s) to the organization`
         });
       } catch (error) {
         console.error("Error adding users:", error);
-        actions$1.setError(error);
+        store.core.actions.setError(error);
         throw error;
       }
     }

package/dist/martyrs/src/modules/organizations/components/forms/AddExistingMembersForm.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AddExistingMembersForm.vue.js","sources":["../../../../../../../src/modules/organizations/components/forms/AddExistingMembersForm.vue"],"sourcesContent":["<template>\n <div>\n <p class=\"mn-b-thin t-transp p-regular\">Select users to add to the organization:</p>\n\n <Feed\n :search=\"{\n placeholder: 'Search users...',\n class: 'bg-light mn-b-thin'\n }\"\n :states=\"{\n empty: {\n title: 'No Users Found',\n description: 'No users match your search criteria.'\n },\n loading: {\n title: 'Loading users...'\n }\n }\"\n :store=\"{\n read: (options) => fetchFilteredUsers(options),\n state: null\n }\"\n :options=\"{}\"\n v-slot=\"{ items }\"\n class=\"bg-light pd-medium radius-medium h-max-30r o-scroll mn-b-thin\"\n >\n <div\n v-for=\"user in items\"\n :key=\"user._id\"\n @click=\"() => toggleUserSelection(user)\"\n class=\"pd-thin radius-medium w-100 mn-b-thin cursor-pointer hover-scale-1\"\n :class=\"getUserCardClass(user)\"\n >\n <div class=\"flex-nowrap flex-v-center flex gap-thin\">\n <div class=\"aspect-1x1 h-3r flex-child-default radius-small o-hidden\">\n <img\n v-if=\"user.profile?.photo\"\n :src=\"user.profile.photo\"\n alt=\"User photo\"\n class=\"w-100 h-100 object-fit-cover\"\n />\n <PlaceholderUserpic v-else class=\"w-100 h-100\" />\n </div>\n \n <div class=\"w-100\">\n <p class=\"t-medium\">{{ user.profile?.name \|\| user.phone \|\| user.email \|\| 'Unnamed user' }}</p>\n <p class=\"t-small t-transp\">{{ user.email \|\| user.phone \|\| 'No contact info' }}</p>\n </div>\n\n <div v-if=\"isUserInOrganization(user)\" class=\"pd-nano pd-h-thin radius-thin bg-grey\">\n <span class=\"t-small\">Already member</span>\n </div>\n \n <div v-else-if=\"isUserSelected(user)\" class=\"pd-nano pd-h-thin radius-thin bg-green\">\n <IconCheck class=\"i-small\" fill=\"rgb(var(--white))\" />\n </div>\n </div>\n </div>\n </Feed>\n\n <div v-if=\"selectedUsers.length > 0\" class=\"mn-b-thin\">\n <p class=\"t-small t-transp\">Selected: {{ selectedUsers.length }} user(s)</p>\n </div>\n\n <Button\n :submit=\"addSelectedUsers\"\n :disabled=\"selectedUsers.length === 0\"\n class=\"w-100 bg-main\"\n >\n Add {{ selectedUsers.length }} user(s) to organization\n </Button>\n </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\n\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\n\nimport PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue';\nimport IconCheck from '@martyrs/src/modules/icons/navigation/IconCheck.vue';\n\nimport * as users from '@martyrs/src/modules/auth/views/store/users.js';\nimport membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js';\nimport * as ~~core~~ from '@martyrs/src/modules/core/views/store/core.store.js';\n\nconst props = defineProps({\n organizationId: {\n type: String,\n required: true\n },\n existingMembers: {\n type: Array,\n default: () => []\n }\n});\n\nconst emit = defineEmits(['users-added']);\n\n// State\nconst selectedUsers = ref([]);\nconst organizationMembers = ref([]);\n\n// Check if user is already in organization\nfunction isUserInOrganization(user) {\n return organizationMembers.value.some(member => \n member.user._id === user._id \|\| member.user === user._id\n );\n}\n\n// Check if user is selected\nfunction isUserSelected(user) {\n return selectedUsers.value.some(selected => selected._id === user._id);\n}\n\n// Get card styling based on user status\nfunction getUserCardClass(user) {\n if (isUserInOrganization(user)) {\n return 'bg-grey opacity-60 cursor-not-allowed';\n }\n if (isUserSelected(user)) {\n return 'bg-green-light';\n }\n return 'bg-white hover-bg-light';\n}\n\n// Toggle user selection\nfunction toggleUserSelection(user) {\n if (isUserInOrganization(user)) {\n core.actions.setError({ message: 'This user is already a member of the organization' });\n return;\n }\n\n const index = selectedUsers.value.findIndex(u => u._id === user._id);\n if (index > -1) {\n selectedUsers.value.splice(index, 1);\n } else {\n selectedUsers.value.push(user);\n }\n}\n\n// Fetch users and organization members\nasync function fetchFilteredUsers(options) {\n try {\n // Fetch organization members\n const membersResponse = await membershipsStore.read({\n target: props.organizationId,\n role: ['member', 'owner']\n });\n organizationMembers.value = membersResponse \|\| [];\n\n // Fetch all users\n const usersResponse = await users.actions.read(options);\n return usersResponse;\n } catch (error) {\n console.error('Error fetching users:', error);\n return [];\n }\n}\n\n// Add selected users to organization\nasync function addSelectedUsers() {\n if (selectedUsers.value.length === 0) return;\n\n try {\n const promises = selectedUsers.value.map(user => \n membershipsStore.create({\n user: user._id,\n type: 'organization',\n target: props.organizationId,\n role: 'member',\n label: 'member'\n })\n );\n\n const results = await Promise.all(promises);\n \n emit('users-added', results);\n selectedUsers.value = [];\n \n core.actions.setSuccess({ \n message: `Successfully added ${results.length} user(s) to the organization` \n });\n } catch (error) {\n console.error('Error adding users:', error);\n core.actions.setError(error);\n throw error;\n }\n}\n</script>"],"names":["~~core.actions","~~users.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFA,UAAM,QAAQ;AAWd,UAAM,OAAO;AAGb,UAAM,gBAAgB,IAAI,EAAE;AAC5B,UAAM,sBAAsB,IAAI,EAAE;AAGlC,aAAS,qBAAqB,MAAM;AAClC,aAAO,oBAAoB,MAAM;AAAA,QAAK,YACpC,OAAO,KAAK,QAAQ,KAAK,OAAO,OAAO,SAAS,KAAK;AAAA,MACzD;AAAA,IACA;AAGA,aAAS,eAAe,MAAM;AAC5B,aAAO,cAAc,MAAM,KAAK,cAAY,SAAS,QAAQ,KAAK,GAAG;AAAA,IACvE;AAGA,aAAS,iBAAiB,MAAM;AAC9B,UAAI,qBAAqB,IAAI,GAAG;AAC9B,eAAO;AAAA,MACT;AACA,UAAI,eAAe,IAAI,GAAG;AACxB,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT;AAGA,aAAS,oBAAoB,MAAM;AACjC,UAAI,qBAAqB,IAAI,GAAG;~~AAC9BA~~,~~kBAAa~~,SAAS,EAAE,SAAS,~~oDAAmD,CAAE~~;~~AACtF~~;AAAA,MACF;AAEA,YAAM,QAAQ,cAAc,MAAM,UAAU,OAAK,EAAE,QAAQ,KAAK,GAAG;AACnE,UAAI,QAAQ,IAAI;AACd,sBAAc,MAAM,OAAO,OAAO,CAAC;AAAA,MACrC,OAAO;AACL,sBAAc,MAAM,KAAK,IAAI;AAAA,MAC/B;AAAA,IACF;AAGA,mBAAe,mBAAmB,SAAS;AACzC,UAAI;AAEF,cAAM,kBAAkB,MAAM,iBAAiB,KAAK;AAAA,UAClD,QAAQ,MAAM;AAAA,UACd,MAAM,CAAC,UAAU,OAAO;AAAA,QAC9B,CAAK;AACD,4BAAoB,QAAQ,mBAAmB,CAAA;AAG/C,cAAM,gBAAgB,~~MAAMC~~,QAAc,KAAK,OAAO;AACtD,eAAO;AAAA,MACT,SAAS,OAAO;AACd,gBAAQ,MAAM,yBAAyB,KAAK;AAC5C,eAAO,CAAA;AAAA,MACT;AAAA,IACF;AAGA,mBAAe,mBAAmB;AAChC,UAAI,cAAc,MAAM,WAAW,EAAG;AAEtC,UAAI;AACF,cAAM,WAAW,cAAc,MAAM;AAAA,UAAI,UACvC,iBAAiB,OAAO;AAAA,YACtB,MAAM,KAAK;AAAA,YACX,MAAM;AAAA,YACN,QAAQ,MAAM;AAAA,YACd,MAAM;AAAA,YACN,OAAO;AAAA,UACf,CAAO;AAAA,QACP;AAEI,cAAM,UAAU,MAAM,QAAQ,IAAI,QAAQ;AAE1C,aAAK,eAAe,OAAO;AAC3B,sBAAc,QAAQ,CAAA;~~AAEtBD~~,~~kBAAa~~,WAAW;AAAA,~~UACtB~~,SAAS,sBAAsB,QAAQ,MAAM;AAAA,QACnD,CAAK;AAAA,MACH,SAAS,OAAO;AACd,gBAAQ,MAAM,uBAAuB,KAAK;~~AAC1CA~~,~~kBAAa~~,SAAS,KAAK;~~AAC3B~~,cAAM;AAAA,MACR;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"AddExistingMembersForm.vue.js","sources":["../../../../../../../src/modules/organizations/components/forms/AddExistingMembersForm.vue"],"sourcesContent":["<template>\n <div>\n <p class=\"mn-b-thin t-transp p-regular\">Select users to add to the organization:</p>\n\n <Feed\n :search=\"{\n placeholder: 'Search users...',\n class: 'bg-light mn-b-thin'\n }\"\n :states=\"{\n empty: {\n title: 'No Users Found',\n description: 'No users match your search criteria.'\n },\n loading: {\n title: 'Loading users...'\n }\n }\"\n :store=\"{\n read: (options) => fetchFilteredUsers(options),\n state: null\n }\"\n :options=\"{}\"\n v-slot=\"{ items }\"\n class=\"bg-light pd-medium radius-medium h-max-30r o-scroll mn-b-thin\"\n >\n <div\n v-for=\"user in items\"\n :key=\"user._id\"\n @click=\"() => toggleUserSelection(user)\"\n class=\"pd-thin radius-medium w-100 mn-b-thin cursor-pointer hover-scale-1\"\n :class=\"getUserCardClass(user)\"\n >\n <div class=\"flex-nowrap flex-v-center flex gap-thin\">\n <div class=\"aspect-1x1 h-3r flex-child-default radius-small o-hidden\">\n <img\n v-if=\"user.profile?.photo\"\n :src=\"user.profile.photo\"\n alt=\"User photo\"\n class=\"w-100 h-100 object-fit-cover\"\n />\n <PlaceholderUserpic v-else class=\"w-100 h-100\" />\n </div>\n \n <div class=\"w-100\">\n <p class=\"t-medium\">{{ user.profile?.name \|\| user.phone \|\| user.email \|\| 'Unnamed user' }}</p>\n <p class=\"t-small t-transp\">{{ user.email \|\| user.phone \|\| 'No contact info' }}</p>\n </div>\n\n <div v-if=\"isUserInOrganization(user)\" class=\"pd-nano pd-h-thin radius-thin bg-grey\">\n <span class=\"t-small\">Already member</span>\n </div>\n \n <div v-else-if=\"isUserSelected(user)\" class=\"pd-nano pd-h-thin radius-thin bg-green\">\n <IconCheck class=\"i-small\" fill=\"rgb(var(--white))\" />\n </div>\n </div>\n </div>\n </Feed>\n\n <div v-if=\"selectedUsers.length > 0\" class=\"mn-b-thin\">\n <p class=\"t-small t-transp\">Selected: {{ selectedUsers.length }} user(s)</p>\n </div>\n\n <Button\n :submit=\"addSelectedUsers\"\n :disabled=\"selectedUsers.length === 0\"\n class=\"w-100 bg-main\"\n >\n Add {{ selectedUsers.length }} user(s) to organization\n </Button>\n </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\n\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\n\nimport PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue';\nimport IconCheck from '@martyrs/src/modules/icons/navigation/IconCheck.vue';\n\nimport * as users from '@martyrs/src/modules/auth/views/store/users.js';\nimport membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js';\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\n\nconst store = useStore();\n\nconst props = defineProps({\n organizationId: {\n type: String,\n required: true\n },\n existingMembers: {\n type: Array,\n default: () => []\n }\n});\n\nconst emit = defineEmits(['users-added']);\n\n// State\nconst selectedUsers = ref([]);\nconst organizationMembers = ref([]);\n\n// Check if user is already in organization\nfunction isUserInOrganization(user) {\n return organizationMembers.value.some(member => \n member.user._id === user._id \|\| member.user === user._id\n );\n}\n\n// Check if user is selected\nfunction isUserSelected(user) {\n return selectedUsers.value.some(selected => selected._id === user._id);\n}\n\n// Get card styling based on user status\nfunction getUserCardClass(user) {\n if (isUserInOrganization(user)) {\n return 'bg-grey opacity-60 cursor-not-allowed';\n }\n if (isUserSelected(user)) {\n return 'bg-green-light';\n }\n return 'bg-white hover-bg-light';\n}\n\n// Toggle user selection\nfunction toggleUserSelection(user) {\n if (isUserInOrganization(user)) {\n store.core.actions.setError({ message: 'This user is already a member of the organization' });\n return;\n }\n\n const index = selectedUsers.value.findIndex(u => u._id === user._id);\n if (index > -1) {\n selectedUsers.value.splice(index, 1);\n } else {\n selectedUsers.value.push(user);\n }\n}\n\n// Fetch users and organization members\nasync function fetchFilteredUsers(options) {\n try {\n // Fetch organization members\n const membersResponse = await membershipsStore.read({\n target: props.organizationId,\n role: ['member', 'owner']\n });\n organizationMembers.value = membersResponse \|\| [];\n\n // Fetch all users\n const usersResponse = await users.actions.read(options);\n return usersResponse;\n } catch (error) {\n console.error('Error fetching users:', error);\n return [];\n }\n}\n\n// Add selected users to organization\nasync function addSelectedUsers() {\n if (selectedUsers.value.length === 0) return;\n\n try {\n const promises = selectedUsers.value.map(user => \n membershipsStore.create({\n user: user._id,\n type: 'organization',\n target: props.organizationId,\n role: 'member',\n label: 'member'\n })\n );\n\n const results = await Promise.all(promises);\n \n emit('users-added', results);\n selectedUsers.value = [];\n \n store.core.actions.setSuccess({ \n message: `Successfully added ${results.length} user(s) to the organization` \n });\n } catch (error) {\n console.error('Error adding users:', error);\n store.core.actions.setError(error);\n throw error;\n }\n}\n</script>\n"],"names":["users.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFA,UAAM,QAAQ,SAAQ;AAEtB,UAAM,QAAQ;AAWd,UAAM,OAAO;AAGb,UAAM,gBAAgB,IAAI,EAAE;AAC5B,UAAM,sBAAsB,IAAI,EAAE;AAGlC,aAAS,qBAAqB,MAAM;AAClC,aAAO,oBAAoB,MAAM;AAAA,QAAK,YACpC,OAAO,KAAK,QAAQ,KAAK,OAAO,OAAO,SAAS,KAAK;AAAA,MACzD;AAAA,IACA;AAGA,aAAS,eAAe,MAAM;AAC5B,aAAO,cAAc,MAAM,KAAK,cAAY,SAAS,QAAQ,KAAK,GAAG;AAAA,IACvE;AAGA,aAAS,iBAAiB,MAAM;AAC9B,UAAI,qBAAqB,IAAI,GAAG;AAC9B,eAAO;AAAA,MACT;AACA,UAAI,eAAe,IAAI,GAAG;AACxB,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT;AAGA,aAAS,oBAAoB,MAAM;AACjC,UAAI,qBAAqB,IAAI,GAAG;AAC9B,cAAM,KAAK,QAAQ,SAAS,EAAE,SAAS,qDAAqD;AAC5F;AAAA,MACF;AAEA,YAAM,QAAQ,cAAc,MAAM,UAAU,OAAK,EAAE,QAAQ,KAAK,GAAG;AACnE,UAAI,QAAQ,IAAI;AACd,sBAAc,MAAM,OAAO,OAAO,CAAC;AAAA,MACrC,OAAO;AACL,sBAAc,MAAM,KAAK,IAAI;AAAA,MAC/B;AAAA,IACF;AAGA,mBAAe,mBAAmB,SAAS;AACzC,UAAI;AAEF,cAAM,kBAAkB,MAAM,iBAAiB,KAAK;AAAA,UAClD,QAAQ,MAAM;AAAA,UACd,MAAM,CAAC,UAAU,OAAO;AAAA,QAC9B,CAAK;AACD,4BAAoB,QAAQ,mBAAmB,CAAA;AAG/C,cAAM,gBAAgB,MAAMA,QAAc,KAAK,OAAO;AACtD,eAAO;AAAA,MACT,SAAS,OAAO;AACd,gBAAQ,MAAM,yBAAyB,KAAK;AAC5C,eAAO,CAAA;AAAA,MACT;AAAA,IACF;AAGA,mBAAe,mBAAmB;AAChC,UAAI,cAAc,MAAM,WAAW,EAAG;AAEtC,UAAI;AACF,cAAM,WAAW,cAAc,MAAM;AAAA,UAAI,UACvC,iBAAiB,OAAO;AAAA,YACtB,MAAM,KAAK;AAAA,YACX,MAAM;AAAA,YACN,QAAQ,MAAM;AAAA,YACd,MAAM;AAAA,YACN,OAAO;AAAA,UACf,CAAO;AAAA,QACP;AAEI,cAAM,UAAU,MAAM,QAAQ,IAAI,QAAQ;AAE1C,aAAK,eAAe,OAAO;AAC3B,sBAAc,QAAQ,CAAA;AAEtB,cAAM,KAAK,QAAQ,WAAW;AAAA,UAC5B,SAAS,sBAAsB,QAAQ,MAAM;AAAA,QACnD,CAAK;AAAA,MACH,SAAS,OAAO;AACd,gBAAQ,MAAM,uBAAuB,KAAK;AAC1C,cAAM,KAAK,QAAQ,SAAS,KAAK;AACjC,cAAM;AAAA,MACR;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/organizations/components/forms/DepartmentForm.vue.js CHANGED Viewed

@@ -1,16 +1,16 @@
 import { computed, ref, reactive, createElementBlock, openBlock, createVNode, createElementVNode, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString, createCommentVNode, unref, normalizeClass } from "vue";
 import { useRoute } from "vue-router";
-import UploadImage from "../../../../components/UploadImage/UploadImage.vue2.js";
+import UploadImage from "../../../../components/UploadImage/UploadImage.vue.js";
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$4 from "../../../../components/Checkbox/Checkbox.vue.js";
-import _sfc_main$6 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$6 from "../../../../components/Button/Button.vue2.js";
 import _sfc_main$7 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$8 from "../../../../components/Feed/Feed.vue.js";
-import _sfc_main$5 from "../../../../components/Spoiler/Spoiler.vue.js";
+import _sfc_main$5 from "../../../../components/Spoiler/Spoiler.vue2.js";
 import _sfc_main$2 from "../../../auth/views/components/blocks/CardUser.vue.js";
 import _sfc_main$3 from "../../../icons/navigation/IconDelete.vue.js";
-import { actions } from "../../../core/views/store/core.store.js";
+import { useStore } from "../../../core/views/store/core.store.js";
 import membershipsStore from "../../store/memberships.store.js";
 import departmentsStore from "../../store/departments.store.js";
 const _hoisted_1 = { class: "cols-1 gap-thin o-y-scroll" };
@@ -32,6 +32,7 @@ const _sfc_main = {
   },
   emits: ["close", "saved"],
   setup(__props, { emit: __emit }) {
+    const store = useStore();
     useRoute();
     const props = __props;
     const emit = __emit;
@@ -149,7 +150,7 @@ const _sfc_main = {
         });
         closeMemberPopup();
       } else {
-        actions.setError({ message: "This user is already a member of this department" });
+        store.core.actions.setError({ message: "This user is already a member of this department" });
       }
     }
     function removeMember(member) {
@@ -181,7 +182,7 @@ const _sfc_main = {
         emit("close");
       } catch (error) {
         console.error("Error saving department:", error);
-        actions.setError(error);
+        store.core.actions.setError(error);
         throw error;
       }
     }
@@ -193,7 +194,7 @@ const _sfc_main = {
           emit("close");
         } catch (error) {
           console.error("Error deleting department:", error);
-          actions.setError(error);
+          store.core.actions.setError(error);
         }
       }
     }
@@ -278,7 +279,7 @@ const _sfc_main = {
           _cache[7] || (_cache[7] = createElementVNode("h3", { class: "mn-b-semi" }, "Accesses", -1)),
           _cache[8] || (_cache[8] = createElementVNode("p", { class: "p-regular mn-b-small" }, "Please select organization accesses for user in department:", -1)),
           createElementVNode("div", _hoisted_7, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(currentDepartment.accesses, (actions2, category) => {
+            (openBlock(true), createElementBlock(Fragment, null, renderList(currentDepartment.accesses, (actions, category) => {
               return openBlock(), createElementBlock("div", {
                 key: category,
                 class: "mn-b-small"
@@ -292,7 +293,7 @@ const _sfc_main = {
                   ]),
                   content: withCtx(() => [
                     createElementVNode("div", _hoisted_10, [
-                      (openBlock(true), createElementBlock(Fragment, null, renderList(actions2, (value, action) => {
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(actions, (value, action) => {
                         return openBlock(), createBlock(_sfc_main$4, {
                           key: action,
                           label: action,

package/dist/martyrs/src/modules/organizations/components/forms/DepartmentForm.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DepartmentForm.vue.js","sources":["../../../../../../../src/modules/organizations/components/forms/DepartmentForm.vue"],"sourcesContent":["<template>\n <div class=\"cols-1 gap-thin o-y-scroll\">\n <Block\n title=\"Profile\"\n class=\"mn-b-thin\"\n >\n <div\n class=\"cols-2-fit-content\"\n >\n <UploadImage \n v-model:photo=\"currentDepartment.profile.photo\"\n :uploadPath=\"'organizations/' + currentDepartment.profile.name + '/departments'\"\n class=\"w-8r aspect-1x1 o-hidden mn-r-small radius-extra\" \n />\n <div class=\"w-100 flex-child-grow-1 flex-child\">\n <Field \n v-model:field=\"currentDepartment.profile.name\" \n label=\"Name\" \n placeholder=\"Department Name\" \n class=\"mn-b-small bg-white radius-small pd-medium\"\n />\n <Field \n v-model:field=\"currentDepartment.profile.description\" \n label=\"Description\" \n placeholder=\"Department description (max 120 symbols)\" \n class=\"bg-white radius-small pd-medium\"\n /> \n </div>\n </div>\n </Block>\n\n <Block\n title=\"Team\"\n placeholder=\"No members added yet\"\n :actions=\"[{\n label: '+',\n function: () => openMemberPopup()\n }]\"\n class=\"cols-1 gap-thin mn-b-thin\"\n > \n <CardUser \n class=\"h-4r bg-white pd-thin radius-medium w-100\" \n v-for=\"(member, index) in currentDepartment.members\" \n :key=\"member._id \|\| index\" \n :user=\"member.user\" \n :photo=\"member.user.profile.photo\"\n :name=\"member.user.profile.name \|\| member.user.phone \|\| member.user.email \|\| member.user._id\"\n :position=\"member.position\" \n :action=\"{\n label: {\n is: IconDelete,\n props: { class: 'i-medium', fill: 'rgb(var(--white)' }\n },\n method: () => removeMember(member)\n }\"\n />\n </Block>\n\n <div class=\"bg-light pd-medium o-hidden radius-medium mn-b-thin\">\n <h3 class=\"mn-b-semi\">Department Settings</h3>\n \n <p class=\"p-regular mn-b-small\">Please settings for your department:</p>\n <div class=\"cols-1 gap-thin\">\n <Checkbox \n label=\"Hidden department\"\n name=\"hidden\"\n class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n @update:radio=\"updated => currentDepartment.hidden = !currentDepartment.hidden\"\n :radio=\"currentDepartment.hidden\"\n />\n </div>\n </div>\n\n <div class=\"bg-light pd-medium o-hidden radius-medium\">\n <h3 class=\"mn-b-semi\">Accesses</h3>\n \n <p class=\"p-regular mn-b-small\">Please select organization accesses for user in department:</p>\n \n <div class=\"cols-1 gap-thin\">\n <div v-for=\"(actions, category) in currentDepartment.accesses\" :key=\"category\" class=\"mn-b-small\">\n <Spoiler :status=\"false\">\n <template #header=\"{ isOpen }\">\n <h4 class=\"cursor-pointer flex-v-center flex gap-thin\">\n {{ category.charAt(0).toUpperCase() + category.slice(1) }}\n <span class=\"t-small\">{{ isOpen ? '▼' : '▶' }}</span>\n </h4>\n </template>\n <template #content>\n <div class=\"cols-1 gap-thin mn-t-thin\">\n <Checkbox\n v-for=\"(value, action) in actions\"\n :key=\"action\"\n :label=\"action\"\n :name=\"action\"\n :radio=\"value\"\n @update:radio=\"updated => (currentDepartment.accesses[category][action] = !value)\"\n class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n />\n </div>\n </template>\n </Spoiler>\n </div>\n </div>\n </div>\n\n <!-- Action Buttons -->\n <div class=\"flex gap-thin mn-t-medium\">\n <Button\n v-if=\"editingDepartment\"\n :submit=\"onDelete\"\n :showSuccess=\"true\"\n :showLoader=\"true\"\n class=\"bg-red\"\n >\n Delete\n </Button>\n <Button\n :showSuccess=\"false\"\n :showLoader=\"false\"\n class=\"bg-grey t-white w-100\"\n @click=\"$emit('close')\"\n >\n Cancel\n </Button>\n <Button\n class=\"bg-main w-100\"\n :submit=\"saveDepartment\"\n >\n {{ editingDepartment ? 'Update Department' : 'Create Department' }}\n </Button>\n </div>\n\n <!-- Member Selection Popup -->\n <Popup \n title=\"Add member\" \n @close-popup=\"closeMemberPopup\" \n :isPopupOpen=\"isOpenAddMemberPopup\"\n class=\"bg-white w-max-30r radius-medium pd-big\"\n >\n <Feed\n :search=\"{\n placeholder: 'Search member...',\n class: 'bg-light mn-b-thin'\n }\"\n :states=\"{\n empty: {\n title: 'No Members Found',\n description: 'Currently, there are no members in organization.'\n }\n }\"\n :store=\"{\n read: (options) => membershipsStore.read(options),\n state: null\n }\"\n :options=\"{\n target: organizationId,\n role: ['member', 'owner']\n }\"\n v-slot=\"{ \n items \n }\"\n class=\"bg-light pd-medium w-min-20r w-max-40r radius-medium h-max-20r o-scroll\"\n >\n <CardUser\n v-for=\"(user, index) in items\" \n :key=\"user._id\"\n :user=\"user.user\"\n :photo=\"user.user.profile?.photo\"\n :name=\"user.user.profile?.name \|\| user.user.phone \|\| user.user.email\"\n :disabled=\"isDuplicateMember(user.user._id)\"\n @click=\"() => addMemberToDepartment(user.user)\"\n class=\"h-4r bg-white pd-thin radius-medium w-100 mn-b-thin\"\n :class=\"{ 'opacity-50 cursor-not-allowed': isDuplicateMember(user.user._id) }\"\n />\n </Feed>\n </Popup>\n </div>\n</template>\n\n<script setup>\nimport { ref, reactive, computed } from 'vue';\nimport { useRoute } from 'vue-router';\n\nimport UploadImage from '@martyrs/src/components/UploadImage/UploadImage.vue';\nimport Field from '@martyrs/src/components/Field/Field.vue';\nimport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\nimport Spoiler from '@martyrs/src/components/Spoiler/Spoiler.vue';\n\nimport CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\nimport * as core from '@martyrs/src/modules/core/views/store/core.store.js';\nimport membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js';\nimport departmentsStore from '@martyrs/src/modules/organizations/store/departments.store.js';\n\nconst route = useRoute();\n\nconst props = defineProps({\n department: Object,\n organizationId: String\n});\n\nconst emit = defineEmits(['close', 'saved']);\n\n// State\nconst editingDepartment = computed(() => !!props.department?._id);\nconst isOpenAddMemberPopup = ref(false);\n\n// Create default department structure\nconst createDefaultDepartment = () => ({\n organization: props.organizationId,\n profile: {\n photo: '',\n name: '',\n description: '',\n categories: [],\n },\n address: '',\n location: {\n lat: null,\n lng: null,\n },\n worktime: [],\n delivery: [],\n payment: [],\n members: [],\n subdepartments: [],\n hidden: false,\n accesses: {\n categories: {\n create: false,\n read: false,\n edit: false,\n delete: false,\n },\n rents: {\n create: false,\n read: false,\n edit: false,\n delete: false,\n },\n spots: {\n create: false,\n read: false,\n edit: false,\n delete: false,\n },\n members: {\n read: false,\n edit: false,\n delete: false,\n },\n posts: {\n create: false,\n read: false,\n edit: false,\n delete: false,\n },\n events: {\n create: false,\n read: false,\n edit: false,\n delete: false,\n },\n tickets: {\n create: false,\n read: false,\n edit: false,\n delete: false,\n },\n gallery: {\n read: false,\n create: false,\n edit: false,\n delete: false,\n },\n inventory: {\n read: false,\n edit: false,\n delete: false,\n },\n products: {\n read: false,\n edit: false,\n delete: false,\n },\n orders: {\n read: false,\n confirm: false,\n delete: false,\n },\n departments: {\n read: false,\n edit: false,\n delete: false,\n },\n },\n});\n\n// Current department reactive state - create deep copy to avoid mutating original\nconst currentDepartment = reactive(\n props.department ? JSON.parse(JSON.stringify(props.department)) : createDefaultDepartment()\n);\n\n// Member management\nfunction openMemberPopup() {\n isOpenAddMemberPopup.value = true;\n}\n\nfunction closeMemberPopup() {\n isOpenAddMemberPopup.value = false;\n}\n\nfunction isDuplicateMember(userId) {\n return currentDepartment.members.some(member => \n member.user._id === userId \|\| member._id === userId\n );\n}\n\nfunction addMemberToDepartment(user) {\n if (!isDuplicateMember(user._id)) {\n currentDepartment.members.push({ \n _id: user._id, \n user: user, \n position: 'Member' \n });\n closeMemberPopup();\n } else {\n core.actions.setError({ message: 'This user is already a member of this department' });\n }\n}\n\nfunction removeMember(member) {\n if (confirm(\"Are you sure you want to remove this member?\")) {\n const index = currentDepartment.members.findIndex(m => \n (m.user._id === member.user._id) \|\| (m._id === member._id)\n );\n if (index > -1) {\n currentDepartment.members.splice(index, 1);\n }\n }\n}\n\n// Save/Delete operations\nasync function saveDepartment() {\n try {\n // Prepare department data\n const departmentData = {\n ...currentDepartment,\n organization: props.organizationId\n };\n\n let result;\n if (editingDepartment.value) {\n // Update existing department\n result = await departmentsStore.update({\n ...departmentData,\n _id: props.department._id\n });\n } else {\n // Create new department\n result = await departmentsStore.create(departmentData);\n }\n\n emit('saved', result);\n emit('close');\n } catch (error) {\n console.error('Error saving department:', error);\n core.actions.setError(error);\n throw error;\n }\n}\n\nasync function onDelete() {\n if (confirm(\"Are you sure you want to delete this department?\")) {\n try {\n await departmentsStore.delete({ _id: props.department._id });\n emit('saved', null);\n emit('close');\n } catch (error) {\n console.error('Error deleting department:', error);\n core.actions.setError(error);\n }\n }\n}\n</script>"],"names":["core.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuMc,aAAQ;AAEtB,UAAM,QAAQ;AAKd,UAAM,OAAO;AAGb,UAAM,oBAAoB,SAAS,MAAM,CAAC,CAAC,MAAM,YAAY,GAAG;AAChE,UAAM,uBAAuB,IAAI,KAAK;AAGtC,UAAM,0BAA0B,OAAO;AAAA,MACrC,cAAc,MAAM;AAAA,MACpB,SAAS;AAAA,QACP,OAAO;AAAA,QACP,MAAM;AAAA,QACN,aAAa;AAAA,QACb,YAAY,CAAA;AAAA,MAChB;AAAA,MACE,SAAS;AAAA,MACT,UAAU;AAAA,QACR,KAAK;AAAA,QACL,KAAK;AAAA,MACT;AAAA,MACE,UAAU,CAAA;AAAA,MACV,UAAU,CAAA;AAAA,MACV,SAAS,CAAA;AAAA,MACT,SAAS,CAAA;AAAA,MACT,gBAAgB,CAAA;AAAA,MAChB,QAAQ;AAAA,MACR,UAAU;AAAA,QACR,YAAY;AAAA,UACV,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,MAAM;AAAA,UACN,QAAQ;AAAA,QACd;AAAA,QACI,OAAO;AAAA,UACL,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,MAAM;AAAA,UACN,QAAQ;AAAA,QACd;AAAA,QACI,OAAO;AAAA,UACL,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,MAAM;AAAA,UACN,QAAQ;AAAA,QACd;AAAA,QACI,SAAS;AAAA,UACP,MAAM;AAAA,UACN,MAAM;AAAA,UACN,QAAQ;AAAA,QACd;AAAA,QACI,OAAO;AAAA,UACL,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,MAAM;AAAA,UACN,QAAQ;AAAA,QACd;AAAA,QACI,QAAQ;AAAA,UACN,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,MAAM;AAAA,UACN,QAAQ;AAAA,QACd;AAAA,QACI,SAAS;AAAA,UACP,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,MAAM;AAAA,UACN,QAAQ;AAAA,QACd;AAAA,QACI,SAAS;AAAA,UACP,MAAM;AAAA,UACN,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,QAAQ;AAAA,QACd;AAAA,QACI,WAAW;AAAA,UACT,MAAM;AAAA,UACN,MAAM;AAAA,UACN,QAAQ;AAAA,QACd;AAAA,QACI,UAAU;AAAA,UACR,MAAM;AAAA,UACN,MAAM;AAAA,UACN,QAAQ;AAAA,QACd;AAAA,QACI,QAAQ;AAAA,UACN,MAAM;AAAA,UACN,SAAS;AAAA,UACT,QAAQ;AAAA,QACd;AAAA,QACI,aAAa;AAAA,UACX,MAAM;AAAA,UACN,MAAM;AAAA,UACN,QAAQ;AAAA,QACd;AAAA,MACA;AAAA,IACA;AAGA,UAAM,oBAAoB;AAAA,MACxB,MAAM,aAAa,KAAK,MAAM,KAAK,UAAU,MAAM,UAAU,CAAC,IAAI,wBAAuB;AAAA,IAC3F;AAGA,aAAS,kBAAkB;AACzB,2BAAqB,QAAQ;AAAA,IAC/B;AAEA,aAAS,mBAAmB;AAC1B,2BAAqB,QAAQ;AAAA,IAC/B;AAEA,aAAS,kBAAkB,QAAQ;AACjC,aAAO,kBAAkB,QAAQ;AAAA,QAAK,YACpC,OAAO,KAAK,QAAQ,UAAU,OAAO,QAAQ;AAAA,MACjD;AAAA,IACA;AAEA,aAAS,sBAAsB,MAAM;AACnC,UAAI,CAAC,kBAAkB,KAAK,GAAG,GAAG;AAChC,0BAAkB,QAAQ,KAAK;AAAA,UAC7B,KAAK,KAAK;AAAA,UACV;AAAA,UACA,UAAU;AAAA,QAChB,CAAK;AACD,yBAAgB;AAAA,MAClB,OAAO;AACLA,gBAAa,SAAS,EAAE,SAAS,mDAAkD,CAAE;AAAA,MACvF;AAAA,IACF;AAEA,aAAS,aAAa,QAAQ;AAC5B,UAAI,QAAQ,8CAA8C,GAAG;AAC3D,cAAM,QAAQ,kBAAkB,QAAQ;AAAA,UAAU,OAC/C,EAAE,KAAK,QAAQ,OAAO,KAAK,OAAS,EAAE,QAAQ,OAAO;AAAA,QAC5D;AACI,YAAI,QAAQ,IAAI;AACd,4BAAkB,QAAQ,OAAO,OAAO,CAAC;AAAA,QAC3C;AAAA,MACF;AAAA,IACF;AAGA,mBAAe,iBAAiB;AAC9B,UAAI;AAEF,cAAM,iBAAiB;AAAA,UACrB,GAAG;AAAA,UACH,cAAc,MAAM;AAAA,QAC1B;AAEI,YAAI;AACJ,YAAI,kBAAkB,OAAO;AAE3B,mBAAS,MAAM,iBAAiB,OAAO;AAAA,YACrC,GAAG;AAAA,YACH,KAAK,MAAM,WAAW;AAAA,UAC9B,CAAO;AAAA,QACH,OAAO;AAEL,mBAAS,MAAM,iBAAiB,OAAO,cAAc;AAAA,QACvD;AAEA,aAAK,SAAS,MAAM;AACpB,aAAK,OAAO;AAAA,MACd,SAAS,OAAO;AACd,gBAAQ,MAAM,4BAA4B,KAAK;AAC/CA,gBAAa,SAAS,KAAK;AAC3B,cAAM;AAAA,MACR;AAAA,IACF;AAEA,mBAAe,WAAW;AACxB,UAAI,QAAQ,kDAAkD,GAAG;AAC/D,YAAI;AACF,gBAAM,iBAAiB,OAAO,EAAE,KAAK,MAAM,WAAW,KAAK;AAC3D,eAAK,SAAS,IAAI;AAClB,eAAK,OAAO;AAAA,QACd,SAAS,OAAO;AACd,kBAAQ,MAAM,8BAA8B,KAAK;AACjDA,kBAAa,SAAS,KAAK;AAAA,QAC7B;AAAA,MACF;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"DepartmentForm.vue.js","sources":["../../../../../../../src/modules/organizations/components/forms/DepartmentForm.vue"],"sourcesContent":["<template>\n <div class=\"cols-1 gap-thin o-y-scroll\">\n <Block\n title=\"Profile\"\n class=\"mn-b-thin\"\n >\n <div\n class=\"cols-2-fit-content\"\n >\n <UploadImage \n v-model:photo=\"currentDepartment.profile.photo\"\n :uploadPath=\"'organizations/' + currentDepartment.profile.name + '/departments'\"\n class=\"w-8r aspect-1x1 o-hidden mn-r-small radius-extra\" \n />\n <div class=\"w-100 flex-child-grow-1 flex-child\">\n <Field \n v-model:field=\"currentDepartment.profile.name\" \n label=\"Name\" \n placeholder=\"Department Name\" \n class=\"mn-b-small bg-white radius-small pd-medium\"\n />\n <Field \n v-model:field=\"currentDepartment.profile.description\" \n label=\"Description\" \n placeholder=\"Department description (max 120 symbols)\" \n class=\"bg-white radius-small pd-medium\"\n /> \n </div>\n </div>\n </Block>\n\n <Block\n title=\"Team\"\n placeholder=\"No members added yet\"\n :actions=\"[{\n label: '+',\n function: () => openMemberPopup()\n }]\"\n class=\"cols-1 gap-thin mn-b-thin\"\n > \n <CardUser \n class=\"h-4r bg-white pd-thin radius-medium w-100\" \n v-for=\"(member, index) in currentDepartment.members\" \n :key=\"member._id \|\| index\" \n :user=\"member.user\" \n :photo=\"member.user.profile.photo\"\n :name=\"member.user.profile.name \|\| member.user.phone \|\| member.user.email \|\| member.user._id\"\n :position=\"member.position\" \n :action=\"{\n label: {\n is: IconDelete,\n props: { class: 'i-medium', fill: 'rgb(var(--white)' }\n },\n method: () => removeMember(member)\n }\"\n />\n </Block>\n\n <div class=\"bg-light pd-medium o-hidden radius-medium mn-b-thin\">\n <h3 class=\"mn-b-semi\">Department Settings</h3>\n \n <p class=\"p-regular mn-b-small\">Please settings for your department:</p>\n <div class=\"cols-1 gap-thin\">\n <Checkbox \n label=\"Hidden department\"\n name=\"hidden\"\n class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n @update:radio=\"updated => currentDepartment.hidden = !currentDepartment.hidden\"\n :radio=\"currentDepartment.hidden\"\n />\n </div>\n </div>\n\n <div class=\"bg-light pd-medium o-hidden radius-medium\">\n <h3 class=\"mn-b-semi\">Accesses</h3>\n \n <p class=\"p-regular mn-b-small\">Please select organization accesses for user in department:</p>\n \n <div class=\"cols-1 gap-thin\">\n <div v-for=\"(actions, category) in currentDepartment.accesses\" :key=\"category\" class=\"mn-b-small\">\n <Spoiler :status=\"false\">\n <template #header=\"{ isOpen }\">\n <h4 class=\"cursor-pointer flex-v-center flex gap-thin\">\n {{ category.charAt(0).toUpperCase() + category.slice(1) }}\n <span class=\"t-small\">{{ isOpen ? '▼' : '▶' }}</span>\n </h4>\n </template>\n <template #content>\n <div class=\"cols-1 gap-thin mn-t-thin\">\n <Checkbox\n v-for=\"(value, action) in actions\"\n :key=\"action\"\n :label=\"action\"\n :name=\"action\"\n :radio=\"value\"\n @update:radio=\"updated => (currentDepartment.accesses[category][action] = !value)\"\n class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n />\n </div>\n </template>\n </Spoiler>\n </div>\n </div>\n </div>\n\n <!-- Action Buttons -->\n <div class=\"flex gap-thin mn-t-medium\">\n <Button\n v-if=\"editingDepartment\"\n :submit=\"onDelete\"\n :showSuccess=\"true\"\n :showLoader=\"true\"\n class=\"bg-red\"\n >\n Delete\n </Button>\n <Button\n :showSuccess=\"false\"\n :showLoader=\"false\"\n class=\"bg-grey t-white w-100\"\n @click=\"$emit('close')\"\n >\n Cancel\n </Button>\n <Button\n class=\"bg-main w-100\"\n :submit=\"saveDepartment\"\n >\n {{ editingDepartment ? 'Update Department' : 'Create Department' }}\n </Button>\n </div>\n\n <!-- Member Selection Popup -->\n <Popup \n title=\"Add member\" \n @close-popup=\"closeMemberPopup\" \n :isPopupOpen=\"isOpenAddMemberPopup\"\n class=\"bg-white w-max-30r radius-medium pd-big\"\n >\n <Feed\n :search=\"{\n placeholder: 'Search member...',\n class: 'bg-light mn-b-thin'\n }\"\n :states=\"{\n empty: {\n title: 'No Members Found',\n description: 'Currently, there are no members in organization.'\n }\n }\"\n :store=\"{\n read: (options) => membershipsStore.read(options),\n state: null\n }\"\n :options=\"{\n target: organizationId,\n role: ['member', 'owner']\n }\"\n v-slot=\"{ \n items \n }\"\n class=\"bg-light pd-medium w-min-20r w-max-40r radius-medium h-max-20r o-scroll\"\n >\n <CardUser\n v-for=\"(user, index) in items\" \n :key=\"user._id\"\n :user=\"user.user\"\n :photo=\"user.user.profile?.photo\"\n :name=\"user.user.profile?.name \|\| user.user.phone \|\| user.user.email\"\n :disabled=\"isDuplicateMember(user.user._id)\"\n @click=\"() => addMemberToDepartment(user.user)\"\n class=\"h-4r bg-white pd-thin radius-medium w-100 mn-b-thin\"\n :class=\"{ 'opacity-50 cursor-not-allowed': isDuplicateMember(user.user._id) }\"\n />\n </Feed>\n </Popup>\n </div>\n</template>\n\n<script setup>\nimport { ref, reactive, computed } from 'vue';\nimport { useRoute } from 'vue-router';\n\nimport UploadImage from '@martyrs/src/components/UploadImage/UploadImage.vue';\nimport Field from '@martyrs/src/components/Field/Field.vue';\nimport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\nimport Spoiler from '@martyrs/src/components/Spoiler/Spoiler.vue';\n\nimport CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\n\nconst store = useStore();\nimport membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js';\nimport departmentsStore from '@martyrs/src/modules/organizations/store/departments.store.js';\n\nconst route = useRoute();\n\nconst props = defineProps({\n department: Object,\n organizationId: String\n});\n\nconst emit = defineEmits(['close', 'saved']);\n\n// State\nconst editingDepartment = computed(() => !!props.department?._id);\nconst isOpenAddMemberPopup = ref(false);\n\n// Create default department structure\nconst createDefaultDepartment = () => ({\n organization: props.organizationId,\n profile: {\n photo: '',\n name: '',\n description: '',\n categories: [],\n },\n address: '',\n location: {\n lat: null,\n lng: null,\n },\n worktime: [],\n delivery: [],\n payment: [],\n members: [],\n subdepartments: [],\n hidden: false,\n accesses: {\n categories: {\n create: false,\n read: false,\n edit: false,\n delete: false,\n },\n rents: {\n create: false,\n read: false,\n edit: false,\n delete: false,\n },\n spots: {\n create: false,\n read: false,\n edit: false,\n delete: false,\n },\n members: {\n read: false,\n edit: false,\n delete: false,\n },\n posts: {\n create: false,\n read: false,\n edit: false,\n delete: false,\n },\n events: {\n create: false,\n read: false,\n edit: false,\n delete: false,\n },\n tickets: {\n create: false,\n read: false,\n edit: false,\n delete: false,\n },\n gallery: {\n read: false,\n create: false,\n edit: false,\n delete: false,\n },\n inventory: {\n read: false,\n edit: false,\n delete: false,\n },\n products: {\n read: false,\n edit: false,\n delete: false,\n },\n orders: {\n read: false,\n confirm: false,\n delete: false,\n },\n departments: {\n read: false,\n edit: false,\n delete: false,\n },\n },\n});\n\n// Current department reactive state - create deep copy to avoid mutating original\nconst currentDepartment = reactive(\n props.department ? JSON.parse(JSON.stringify(props.department)) : createDefaultDepartment()\n);\n\n// Member management\nfunction openMemberPopup() {\n isOpenAddMemberPopup.value = true;\n}\n\nfunction closeMemberPopup() {\n isOpenAddMemberPopup.value = false;\n}\n\nfunction isDuplicateMember(userId) {\n return currentDepartment.members.some(member => \n member.user._id === userId \|\| member._id === userId\n );\n}\n\nfunction addMemberToDepartment(user) {\n if (!isDuplicateMember(user._id)) {\n currentDepartment.members.push({ \n _id: user._id, \n user: user, \n position: 'Member' \n });\n closeMemberPopup();\n } else {\n store.core.actions.setError({ message: 'This user is already a member of this department' });\n }\n}\n\nfunction removeMember(member) {\n if (confirm(\"Are you sure you want to remove this member?\")) {\n const index = currentDepartment.members.findIndex(m => \n (m.user._id === member.user._id) \|\| (m._id === member._id)\n );\n if (index > -1) {\n currentDepartment.members.splice(index, 1);\n }\n }\n}\n\n// Save/Delete operations\nasync function saveDepartment() {\n try {\n // Prepare department data\n const departmentData = {\n ...currentDepartment,\n organization: props.organizationId\n };\n\n let result;\n if (editingDepartment.value) {\n // Update existing department\n result = await departmentsStore.update({\n ...departmentData,\n _id: props.department._id\n });\n } else {\n // Create new department\n result = await departmentsStore.create(departmentData);\n }\n\n emit('saved', result);\n emit('close');\n } catch (error) {\n console.error('Error saving department:', error);\n store.core.actions.setError(error);\n throw error;\n }\n}\n\nasync function onDelete() {\n if (confirm(\"Are you sure you want to delete this department?\")) {\n try {\n await departmentsStore.delete({ _id: props.department._id });\n emit('saved', null);\n emit('close');\n } catch (error) {\n console.error('Error deleting department:', error);\n store.core.actions.setError(error);\n }\n }\n}\n</script>\n"],"names":[],"mappings":"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"}

package/dist/martyrs/src/modules/organizations/components/forms/InviteForm.vue.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { ref, createElementBlock, openBlock, createElementVNode, createVNode, toDisplayString, Fragment, renderList, withCtx } from "vue";
 import Field from "../../../../components/Field/Field.vue.js";
-import _sfc_main$3 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$3 from "../../../../components/Button/Button.vue2.js";
 import _sfc_main$2 from "../../../icons/navigation/IconDelete.vue.js";
 import _sfc_main$1 from "../../../icons/navigation/IconAdd.vue.js";
 const _hoisted_1 = { class: "mn-b-thin t-transp p-regular" };

package/dist/martyrs/src/modules/organizations/components/pages/Department.vue.js CHANGED Viewed

@@ -1,42 +1,11 @@
 import { withAsyncContext, resolveComponent, createElementBlock, openBlock, createCommentVNode, unref, createElementVNode, createVNode, toDisplayString, withCtx, Fragment, renderList, createBlock } from "vue";
 import { useRouter, useRoute } from "vue-router";
-/* empty css                                          */
-import departmentsStore from "../../store/departments.store.js";
-/* empty css                                        */
-/* empty css                                           */
-/* empty css                                           */
-/* empty css                                           */
-/* empty css                                      */
-/* empty css                                      */
-/* empty css                                        */
-/* empty css                                                   */
-/* empty css                                    */
-/* empty css                                  */
-import _sfc_main$2 from "../../../auth/views/components/blocks/CardUser.vue.js";
-import "vue-i18n";
-/* empty css                                                 */
 /* empty css                                         */
-/* empty css                                   */
-import "../../../../components/Menu/MenuItem.vue.js";
+import "../../organizations.client.js";
+import _sfc_main$2 from "../../../auth/views/components/blocks/CardUser.vue.js";
 import _sfc_main$1 from "../../../icons/navigation/IconEdit.vue.js";
-/* empty css                                        */
-/* empty css                                        */
-/* empty css                                                        */
-/* empty css                                             */
-/* empty css                                                   */
-/* empty css                                             */
-/* empty css                                             */
-/* empty css                                                 */
-import "axios";
-/* empty css                                                 */
-/* empty css                              */
-/* empty css                            */
+import departmentsStore from "../../store/departments.store.js";
 import DepartmentSub from "../blocks/DepartmentSub.vue.js";
-/* empty css                         */
-import "../../../../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.js";
-import "../sections/Unit.vue.js";
-/* empty css                             */
-/* empty css                       */
 const _hoisted_1 = { class: "for-transition w-100" };
 const _hoisted_2 = {
   key: 0,

package/dist/martyrs/src/modules/organizations/components/pages/Department.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Department.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/Department.vue"],"sourcesContent":["<template>\n <div class=\"for-transition w-100\">\n \n <div v-if=\"departmentsStore.state.items.length > 0\" id=\"dash\" class=\"pd-medium bg-light\">\n <section class=\"mn-b-medium radius-medium pd-semi bg-white\">\n <div class=\"flex-nowrap flex mn-b-small\">\n\n <h2 class=\"w-100\">{{ departmentsStore.state.items[0].profile.name }}</h2>\n\n <router-link \n :to=\"{\n name: 'Department Edit', \n params: {\n _id: route.params._id,\n department: route.params.department\n }\n }\" \n class=\"\n cursor-pointer \n pos-absolute pos-t-regular pos-r-regular\n radius-extra pd-thin bg-second\n \"\n >\n <IconEdit\n class=\"i-medium\"\n classes=\"fill-white\"\n />\n </router-link>\n\n </div>\n <p class=\"t-transp p-medium\" v-html=\"departmentsStore.state.items[0].description\"></p>\n </section>\n\n <section class=\"mn-b-medium radius-medium pd-semi bg-white\">\n <h3 class=\"mn-b-regular\">Команда</h3>\n <ul>\n <li v-if=\"departmentsStore.state.items[0]?.members?.length < 1\">В отделе еще нет участников</li>\n <User \n class=\"br-b br-solid br-grey-transp-25\" \n v-for=\"(member, index) in departmentsStore.state.items[0]?.members \|\| []\" \n :key=\"index\" \n :user=\"member.user\" \n :photo=\"member.user.profile.photo\"\n :name=\"member.user.profile.name \|\| member.user.phone \|\| member.user.email \|\| member.user._id\"\n :position=\"member.position\" \n @click=\"$router.push({ name: 'User Profile', params: { _id: member.user._id } })\" \n />\n </ul>\n </section>\n\n <section class=\"mn-b-medium radius-medium pd-semi bg-white\">\n <h3 class=\"mn-b-regular\">Подотделы</h3>\n <ul>\n <li v-if=\"departmentsStore.state.items[0]?.subdepartments?.length < 1\">В отделе еще нет подотделов</li>\n <DepartmentSub v-for=\"(subdepartment, index) in departmentsStore.state.items[0]?.subdepartments \|\| []\" @click=\"$router.push(`/app/organization/departments/${subdepartment._id}`)\" :key=\"index\" class=\"br-b br-solid br-grey-transp-25\" :department=\"subdepartment\" />\n </ul> \n </section>\n </div>\n </div>\n</template>\n\n<script setup>\nimport { useRoute, useRouter } from 'vue-router';\n\nimport Spoiler from '@martyrs/src/components/Spoiler/Spoiler.vue';\nimport { DepartmentSub, departmentsStore } from '@martyrs/src/modules/organizations/organizations.client.js';\nimport User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\nconst router = useRouter();\nconst route = useRoute();\n\nawait departmentsStore.read({ _id: route.params.department });\n</script>\n\n<style scoped>\n</style>\n"],"names":["_withAsyncContext"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAsEe,cAAS;AACxB,UAAM,QAAQ,SAAQ;AAEtB,IAAA,CAAA,QAAA,SAAA,IAAAA,iBAAA,MAAM,iBAAiB,KAAK,EAAE,KAAK,MAAM,OAAO,WAAU,CAAE,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"Department.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/Department.vue"],"sourcesContent":["<template>\n <div class=\"for-transition w-100\">\n \n <div v-if=\"departmentsStore.state.items.length > 0\" id=\"dash\" class=\"pd-medium bg-light\">\n <section class=\"mn-b-medium radius-medium pd-semi bg-white\">\n <div class=\"flex-nowrap flex mn-b-small\">\n\n <h2 class=\"w-100\">{{ departmentsStore.state.items[0].profile.name }}</h2>\n\n <router-link \n :to=\"{\n name: 'Department Edit', \n params: {\n _id: route.params._id,\n department: route.params.department\n }\n }\" \n class=\"\n cursor-pointer \n pos-absolute pos-t-regular pos-r-regular\n radius-extra pd-thin bg-second\n \"\n >\n <IconEdit\n class=\"i-medium\"\n classes=\"fill-white\"\n />\n </router-link>\n\n </div>\n <p class=\"t-transp p-medium\" v-html=\"departmentsStore.state.items[0].description\"></p>\n </section>\n\n <section class=\"mn-b-medium radius-medium pd-semi bg-white\">\n <h3 class=\"mn-b-regular\">Команда</h3>\n <ul>\n <li v-if=\"departmentsStore.state.items[0]?.members?.length < 1\">В отделе еще нет участников</li>\n <User \n class=\"br-b br-solid br-grey-transp-25\" \n v-for=\"(member, index) in departmentsStore.state.items[0]?.members \|\| []\" \n :key=\"index\" \n :user=\"member.user\" \n :photo=\"member.user.profile.photo\"\n :name=\"member.user.profile.name \|\| member.user.phone \|\| member.user.email \|\| member.user._id\"\n :position=\"member.position\" \n @click=\"$router.push({ name: 'User Profile', params: { _id: member.user._id } })\" \n />\n </ul>\n </section>\n\n <section class=\"mn-b-medium radius-medium pd-semi bg-white\">\n <h3 class=\"mn-b-regular\">Подотделы</h3>\n <ul>\n <li v-if=\"departmentsStore.state.items[0]?.subdepartments?.length < 1\">В отделе еще нет подотделов</li>\n <DepartmentSub v-for=\"(subdepartment, index) in departmentsStore.state.items[0]?.subdepartments \|\| []\" @click=\"$router.push(`/app/organization/departments/${subdepartment._id}`)\" :key=\"index\" class=\"br-b br-solid br-grey-transp-25\" :department=\"subdepartment\" />\n </ul> \n </section>\n </div>\n </div>\n</template>\n\n<script setup>\nimport { useRoute, useRouter } from 'vue-router';\n\nimport Spoiler from '@martyrs/src/components/Spoiler/Spoiler.vue';\nimport { DepartmentSub, departmentsStore } from '@martyrs/src/modules/organizations/organizations.client.js';\nimport User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\nconst router = useRouter();\nconst route = useRoute();\n\nawait departmentsStore.read({ _id: route.params.department });\n</script>\n\n<style scoped>\n</style>\n"],"names":["_withAsyncContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAsEe,cAAS;AACxB,UAAM,QAAQ,SAAQ;AAEtB,IAAA,CAAA,QAAA,SAAA,IAAAA,iBAAA,MAAM,iBAAiB,KAAK,EAAE,KAAK,MAAM,OAAO,WAAU,CAAE,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/organizations/components/pages/Members.vue.js CHANGED Viewed

@@ -3,48 +3,19 @@ import { useRoute, useRouter } from "vue-router";
 import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$5 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$1 from "../../../core/views/components/sections/SectionPageTitle.vue.js";
-import departmentsStore from "../../store/departments.store.js";
-import invitesStore from "../../store/invites.store.js";
-import membershipsStore from "../../store/memberships.store.js";
-import { actions } from "../../store/organizations.js";
-/* empty css                                          */
+import "../../organizations.client.js";
 import _sfc_main$3 from "../../../auth/views/components/blocks/CardUser.vue.js";
-import "vue-i18n";
-/* empty css                                                 */
-/* empty css                                         */
-/* empty css                                           */
-/* empty css                                   */
-import "../../../../components/Menu/MenuItem.vue.js";
-/* empty css                                        */
-/* empty css                                        */
-/* empty css                                        */
-/* empty css                                  */
-/* empty css                                                        */
-/* empty css                                      */
-/* empty css                                           */
-/* empty css                                        */
-/* empty css                                                   */
-/* empty css                                             */
-/* empty css                                                   */
-import { state } from "../../../auth/views/store/auth.js";
-/* empty css                                             */
-/* empty css                                             */
-/* empty css                                                 */
-import "axios";
 import _sfc_main$4 from "../../../icons/navigation/IconDelete.vue.js";
-/* empty css                                                 */
-/* empty css                                           */
-/* empty css                              */
-import _sfc_main$8 from "../forms/DepartmentForm.vue.js";
+import { state } from "../../../auth/views/store/auth.js";
+import { useStore } from "../../../core/views/store/core.store.js";
+import membershipsStore from "../../store/memberships.store.js";
+import departmentsStore from "../../store/departments.store.js";
+import CardDepartment from "../blocks/CardDepartment.vue.js";
+import invitesStore from "../../store/invites.store.js";
 import _sfc_main$6 from "../forms/InviteForm.vue.js";
 import _sfc_main$7 from "../forms/AddExistingMembersForm.vue.js";
-import CardDepartment from "../blocks/CardDepartment.vue.js";
-/* empty css                           */
-/* empty css                         */
-import "../../../../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.js";
-import "../sections/Unit.vue.js";
-/* empty css                             */
-/* empty css                       */
+import _sfc_main$8 from "../forms/DepartmentForm.vue.js";
+import { actions } from "../../store/organizations.js";
 const _hoisted_1 = { class: "pd-thin" };
 const _hoisted_2 = {
   key: 0,
@@ -58,6 +29,7 @@ const _hoisted_7 = ["onClick"];
 const _sfc_main = {
   __name: "Members",
   setup(__props) {
+    useStore();
     const route = useRoute();
     useRouter();
     const organizationData = ref(null);

package/dist/martyrs/src/modules/organizations/components/pages/Members.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Members.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/Members.vue"],"sourcesContent":["<template>\n <div class=\"pd-thin\">\n <div v-if=\"!isLoaded\" class=\"flex-center flex h-20r\">\n <span class=\"t-transp\">Loading...</span>\n </div>\n <div v-else>\n <!-- Members Section -->\n <section class=\"mn-b-medium\">\n <SectionPageTitle\n :title=\"`Members ${organizationData?.numberOfMembers ? `(${organizationData.numberOfMembers})` : ''}`\"\n :actions=\"[\n { method: openAddUsersPopup, label: 'Add user to organization' }\n ]\"\n class=\"mn-b-small bg-light radius-medium pd-medium\"\n />\n\n <div class=\"cols-1 gap-thin\">\n <Feed\n v-model:items=\"membersList\"\n :search=\"true\"\n :states=\"{\n empty: {\n title: 'No Members Found',\n description: 'Currently, there are no members.'\n },\n }\"\n :store=\"{\n read: (options) => membershipsStore.read(options)\n }\"\n :options=\"{\n target: route.params._id,\n role: ['member','owner']\n }\"\n v-slot=\"{ \n items \n }\"\n class=\"gap-thin cols-1\"\n >\n <CardUser \n v-for=\"(member,index) in items\" \n :key=\"index\" \n :user=\"member\"\n :_id=\"member.user._id\"\n :photo=\"member.user.profile.photo\" \n :phone=\"member.user.phone\"\n :email=\"member.user.email\"\n :name=\"member.user.profile.name \|\| 'No name'\"\n :role=\"member.label \|\| member.role\"\n @click=\"$router.push({ name: 'User Profile', params: { _id: member.user._id } })\" \n :action=\" member.role !== 'owner' ? {\n label: {\n is: IconDelete,\n props: { class: 'i-medium', fill: 'rgb(var(--white)' }\n },\n method: () => removeMember(index, member)\n } : null\"\n class=\"h-4r w-100 bg-light radius-medium flex-nowrap flex pd-medium\"\n />\n </Feed>\n </div>\n </section>\n\n <!-- Departments Section -->\n <section class=\"mn-b-medium\">\n <SectionPageTitle\n title=\"Departments\"\n :actions=\"[\n { method: () => openDepartmentPopup(), label: 'Add department' }\n ]\"\n class=\"mn-b-small bg-light bg-light radius-medium pd-medium\"\n />\n\n <Feed\n v-model:items=\"departmentsList\"\n :states=\"{\n empty: {\n title: 'No Departments Found',\n description: 'Currently, there are no departments available.'\n }\n }\"\n :store=\"departmentsStore\"\n :options=\"{\n organization: route.params._id,\n user: auth.state.user._id,\n }\"\n v-slot=\"{ \n items \n }\"\n >\n <div\n v-for=\"(department, index) in items\"\n :key=\"department._id\"\n @click=\"() => openDepartmentPopup(department)\"\n class=\"cursor-pointer hover-scale-1\"\n >\n <CardDepartment\n :department=\"department\"\n :organization=\"route.params._id\"\n class=\"radius-semi bg-light pos-relative mn-b-thin\"\n />\n </div>\n </Feed>\n </section>\n\n <!-- Invites Section -->\n <section>\n <SectionPageTitle\n title=\"Invites\"\n :actions=\"[\n { method: openInvitePopup, label: 'Invite members' }\n ]\"\n class=\"mn-b-small bg-light bg-light radius-medium pd-medium\"\n />\n\n <Feed\n v-model:items=\"invitesList\"\n :states=\"{\n empty: {\n title: 'No Invites Found',\n description: 'Currently, there are no pending invites.'\n }\n }\"\n :store=\"{\n read: (options) => invitesStore.read(options)\n }\"\n :options=\"{\n owner: route.params._id\n }\"\n v-slot=\"{ \n items \n }\"\n class=\"gap-thin cols-1\"\n >\n <CardUser \n v-for=\"(invite, index) in items\" \n :key=\"invite._id\" \n :user=\"{ type: 'invite'} \"\n :name=\"invite.email \|\| invite.phone\"\n :role=\"invite.status\"\n :action=\"{\n label: {\n is: IconDelete,\n props: { class: 'i-medium', fill: 'rgb(var(--white)' }\n },\n method: () => removeInvite(index, invite)\n }\"\n class=\"h-4r w-100 bg-light radius-medium flex-nowrap flex pd-medium\"\n />\n </Feed>\n </section>\n\n <!-- Invite Members Popup -->\n <Popup \n title=\"Invite members\"\n @close-popup=\"closeInvitePopup\" \n :isPopupOpen=\"isOpenInvitePopup\"\n class=\"bg-white w-min-30r w-max-30r radius-medium pd-medium\"\n >\n <InviteForm \n v-if=\"organizationData\"\n :organization=\"organizationData\"\n @send-invite=\"handleSendInvite\"\n />\n </Popup>\n\n <!-- Add Existing Users Popup -->\n <Popup \n title=\"Add users to organization\"\n @close-popup=\"closeAddUsersPopup\" \n :isPopupOpen=\"isOpenAddUsersPopup\"\n class=\"bg-white w-min-40r w-max-50r radius-medium pd-medium\"\n >\n <AddExistingMembersForm \n :organizationId=\"route.params._id\"\n @users-added=\"handleUsersAdded\"\n />\n </Popup>\n\n <!-- Department Edit Popup -->\n <Popup\n :title=\"editingDepartment ? 'Edit Department' : 'Create Department'\"\n @close-popup=\"closeDepartmentPopup\"\n :isPopupOpen=\"isDepartmentPopupOpen\"\n align=\"center right\"\n class=\"bg-white h-min-100 w-max-50r pd-medium\"\n >\n <DepartmentForm\n :department=\"editingDepartment\"\n :organizationId=\"route.params._id\"\n @close=\"closeDepartmentPopup\"\n @saved=\"handleDepartmentSaved\"\n />\n </Popup>\n </div>\n </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\n\nimport SectionPageTitle from '@martyrs/src/modules/core/views/components/sections/SectionPageTitle.vue';\n\nimport { \n InviteForm,\n AddExistingMembersForm,\n DepartmentForm,\n CardDepartment,\n departmentsStore,\n membershipsStore,\n invitesStore,\n storeOrganizations as organization\n} from '@martyrs/src/modules/organizations/organizations.client.js';\n\nimport CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport * as core from '@martyrs/src/modules/core/views/store/core.store.js';\n\nconst route = useRoute();\nconst router = useRouter();\n\n// Data\nconst organizationData = ref(null);\nconst membersList = ref([]);\nconst invitesList = ref([]);\nconst departmentsList = ref([]);\nconst isLoaded = ref(false);\n\n// Popups state\nconst isOpenInvitePopup = ref(false);\nconst isOpenAddUsersPopup = ref(false);\nconst isDepartmentPopupOpen = ref(false);\nconst editingDepartment = ref(null);\n\n// Popup functions\nfunction openInvitePopup() {\n isOpenInvitePopup.value = true;\n}\n\nfunction closeInvitePopup() {\n isOpenInvitePopup.value = false;\n}\n\nfunction openAddUsersPopup() {\n isOpenAddUsersPopup.value = true;\n}\n\nfunction closeAddUsersPopup() {\n isOpenAddUsersPopup.value = false;\n}\n\nfunction openDepartmentPopup(department = null) {\n editingDepartment.value = department;\n isDepartmentPopupOpen.value = true;\n}\n\nfunction closeDepartmentPopup() {\n isDepartmentPopupOpen.value = false;\n editingDepartment.value = null;\n}\n\n// Load organization data\nonMounted(async () => {\n try {\n const response = await organization.actions.read({\n _id: route.params._id, \n user: auth.state.user._id\n });\n organizationData.value = response[0];\n isLoaded.value = true;\n } catch (error) {\n console.error('Error loading organization:', error);\n isLoaded.value = true; // Still show the page even if organization load fails\n }\n});\n\n// Handlers\nasync function handleSendInvite(list, resolve, reject) {\n try {\n const response = await invitesStore.create({\n owner: {\n type: 'Organization',\n target: organizationData.value._id\n },\n creator: {\n type: 'User',\n target: auth.state.user._id\n },\n invites: list,\n });\n \n // Assuming the API returns an array of created invites\n if (response.createdInvites) {\n for (let invite of response.createdInvites) {\n invitesStore.addItem(invite, invitesList.value);\n }\n } else if (response._id) {\n // Single invite created\n invitesStore.addItem(response, invitesList.value);\n }\n \n closeInvitePopup();\n resolve();\n } catch (error) {\n reject(error);\n }\n}\n\nfunction handleUsersAdded(addedUsers) {\n closeAddUsersPopup();\n // Add new members to the list\n if (addedUsers && addedUsers.length > 0) {\n addedUsers.forEach(membership => {\n membershipsStore.addItem(membership, membersList.value);\n });\n }\n}\n\nfunction handleDepartmentSaved(department) {\n closeDepartmentPopup();\n \n console.log('handleDepartmentSaved called with:', department);\n console.log('departmentsList before update:', departmentsList.value);\n console.log('editingDepartment:', editingDepartment.value);\n \n if (department) {\n // Update or add department in the list\n if (editingDepartment.value) {\n departmentsStore.updateItem(department, departmentsList.value);\n } else {\n departmentsStore.addItem(department, departmentsList.value);\n }\n } else {\n // Department was deleted\n if (editingDepartment.value) {\n departmentsStore.removeItem(editingDepartment.value, departmentsList.value);\n }\n }\n \n console.log('departmentsList after update:', departmentsList.value);\n}\n\nasync function removeMember(index, member) {\n if (confirm(\"Confirm remove of member\") == true) {\n await membershipsStore.delete(member);\n membershipsStore.removeItem(member, membersList.value);\n } \n}\n\nasync function removeInvite(index, invite) {\n if (confirm(\"Confirm remove of invite\") == true) {\n await invitesStore.delete(invite);\n invitesStore.removeItem(invite, invitesList.value);\n }\n}\n</script>\n\n<style scoped>\n</style>"],"names":["organization.actions","auth.state"],"mappings":"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"}
1	+ {"version":3,"file":"Members.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/Members.vue"],"sourcesContent":["<template>\n <div class=\"pd-thin\">\n <div v-if=\"!isLoaded\" class=\"flex-center flex h-20r\">\n <span class=\"t-transp\">Loading...</span>\n </div>\n <div v-else>\n <!-- Members Section -->\n <section class=\"mn-b-medium\">\n <SectionPageTitle\n :title=\"`Members ${organizationData?.numberOfMembers ? `(${organizationData.numberOfMembers})` : ''}`\"\n :actions=\"[\n { method: openAddUsersPopup, label: 'Add user to organization' }\n ]\"\n class=\"mn-b-small bg-light radius-medium pd-medium\"\n />\n\n <div class=\"cols-1 gap-thin\">\n <Feed\n v-model:items=\"membersList\"\n :search=\"true\"\n :states=\"{\n empty: {\n title: 'No Members Found',\n description: 'Currently, there are no members.'\n },\n }\"\n :store=\"{\n read: (options) => membershipsStore.read(options)\n }\"\n :options=\"{\n target: route.params._id,\n role: ['member','owner']\n }\"\n v-slot=\"{ \n items \n }\"\n class=\"gap-thin cols-1\"\n >\n <CardUser \n v-for=\"(member,index) in items\" \n :key=\"index\" \n :user=\"member\"\n :_id=\"member.user._id\"\n :photo=\"member.user.profile.photo\" \n :phone=\"member.user.phone\"\n :email=\"member.user.email\"\n :name=\"member.user.profile.name \|\| 'No name'\"\n :role=\"member.label \|\| member.role\"\n @click=\"$router.push({ name: 'User Profile', params: { _id: member.user._id } })\" \n :action=\" member.role !== 'owner' ? {\n label: {\n is: IconDelete,\n props: { class: 'i-medium', fill: 'rgb(var(--white)' }\n },\n method: () => removeMember(index, member)\n } : null\"\n class=\"h-4r w-100 bg-light radius-medium flex-nowrap flex pd-medium\"\n />\n </Feed>\n </div>\n </section>\n\n <!-- Departments Section -->\n <section class=\"mn-b-medium\">\n <SectionPageTitle\n title=\"Departments\"\n :actions=\"[\n { method: () => openDepartmentPopup(), label: 'Add department' }\n ]\"\n class=\"mn-b-small bg-light bg-light radius-medium pd-medium\"\n />\n\n <Feed\n v-model:items=\"departmentsList\"\n :states=\"{\n empty: {\n title: 'No Departments Found',\n description: 'Currently, there are no departments available.'\n }\n }\"\n :store=\"departmentsStore\"\n :options=\"{\n organization: route.params._id,\n user: auth.state.user._id,\n }\"\n v-slot=\"{ \n items \n }\"\n >\n <div\n v-for=\"(department, index) in items\"\n :key=\"department._id\"\n @click=\"() => openDepartmentPopup(department)\"\n class=\"cursor-pointer hover-scale-1\"\n >\n <CardDepartment\n :department=\"department\"\n :organization=\"route.params._id\"\n class=\"radius-semi bg-light pos-relative mn-b-thin\"\n />\n </div>\n </Feed>\n </section>\n\n <!-- Invites Section -->\n <section>\n <SectionPageTitle\n title=\"Invites\"\n :actions=\"[\n { method: openInvitePopup, label: 'Invite members' }\n ]\"\n class=\"mn-b-small bg-light bg-light radius-medium pd-medium\"\n />\n\n <Feed\n v-model:items=\"invitesList\"\n :states=\"{\n empty: {\n title: 'No Invites Found',\n description: 'Currently, there are no pending invites.'\n }\n }\"\n :store=\"{\n read: (options) => invitesStore.read(options)\n }\"\n :options=\"{\n owner: route.params._id\n }\"\n v-slot=\"{ \n items \n }\"\n class=\"gap-thin cols-1\"\n >\n <CardUser \n v-for=\"(invite, index) in items\" \n :key=\"invite._id\" \n :user=\"{ type: 'invite'} \"\n :name=\"invite.email \|\| invite.phone\"\n :role=\"invite.status\"\n :action=\"{\n label: {\n is: IconDelete,\n props: { class: 'i-medium', fill: 'rgb(var(--white)' }\n },\n method: () => removeInvite(index, invite)\n }\"\n class=\"h-4r w-100 bg-light radius-medium flex-nowrap flex pd-medium\"\n />\n </Feed>\n </section>\n\n <!-- Invite Members Popup -->\n <Popup \n title=\"Invite members\"\n @close-popup=\"closeInvitePopup\" \n :isPopupOpen=\"isOpenInvitePopup\"\n class=\"bg-white w-min-30r w-max-30r radius-medium pd-medium\"\n >\n <InviteForm \n v-if=\"organizationData\"\n :organization=\"organizationData\"\n @send-invite=\"handleSendInvite\"\n />\n </Popup>\n\n <!-- Add Existing Users Popup -->\n <Popup \n title=\"Add users to organization\"\n @close-popup=\"closeAddUsersPopup\" \n :isPopupOpen=\"isOpenAddUsersPopup\"\n class=\"bg-white w-min-40r w-max-50r radius-medium pd-medium\"\n >\n <AddExistingMembersForm \n :organizationId=\"route.params._id\"\n @users-added=\"handleUsersAdded\"\n />\n </Popup>\n\n <!-- Department Edit Popup -->\n <Popup\n :title=\"editingDepartment ? 'Edit Department' : 'Create Department'\"\n @close-popup=\"closeDepartmentPopup\"\n :isPopupOpen=\"isDepartmentPopupOpen\"\n align=\"center right\"\n class=\"bg-white h-min-100 w-max-50r pd-medium\"\n >\n <DepartmentForm\n :department=\"editingDepartment\"\n :organizationId=\"route.params._id\"\n @close=\"closeDepartmentPopup\"\n @saved=\"handleDepartmentSaved\"\n />\n </Popup>\n </div>\n </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted } from 'vue';\nimport { useRoute, useRouter } from 'vue-router';\n\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\n\nimport SectionPageTitle from '@martyrs/src/modules/core/views/components/sections/SectionPageTitle.vue';\n\nimport { \n InviteForm,\n AddExistingMembersForm,\n DepartmentForm,\n CardDepartment,\n departmentsStore,\n membershipsStore,\n invitesStore,\n storeOrganizations as organization\n} from '@martyrs/src/modules/organizations/organizations.client.js';\n\nimport CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\n\nconst store = useStore();\n\nconst route = useRoute();\nconst router = useRouter();\n\n// Data\nconst organizationData = ref(null);\nconst membersList = ref([]);\nconst invitesList = ref([]);\nconst departmentsList = ref([]);\nconst isLoaded = ref(false);\n\n// Popups state\nconst isOpenInvitePopup = ref(false);\nconst isOpenAddUsersPopup = ref(false);\nconst isDepartmentPopupOpen = ref(false);\nconst editingDepartment = ref(null);\n\n// Popup functions\nfunction openInvitePopup() {\n isOpenInvitePopup.value = true;\n}\n\nfunction closeInvitePopup() {\n isOpenInvitePopup.value = false;\n}\n\nfunction openAddUsersPopup() {\n isOpenAddUsersPopup.value = true;\n}\n\nfunction closeAddUsersPopup() {\n isOpenAddUsersPopup.value = false;\n}\n\nfunction openDepartmentPopup(department = null) {\n editingDepartment.value = department;\n isDepartmentPopupOpen.value = true;\n}\n\nfunction closeDepartmentPopup() {\n isDepartmentPopupOpen.value = false;\n editingDepartment.value = null;\n}\n\n// Load organization data\nonMounted(async () => {\n try {\n const response = await organization.actions.read({\n _id: route.params._id, \n user: auth.state.user._id\n });\n organizationData.value = response[0];\n isLoaded.value = true;\n } catch (error) {\n console.error('Error loading organization:', error);\n isLoaded.value = true; // Still show the page even if organization load fails\n }\n});\n\n// Handlers\nasync function handleSendInvite(list, resolve, reject) {\n try {\n const response = await invitesStore.create({\n owner: {\n type: 'Organization',\n target: organizationData.value._id\n },\n creator: {\n type: 'User',\n target: auth.state.user._id\n },\n invites: list,\n });\n \n // Assuming the API returns an array of created invites\n if (response.createdInvites) {\n for (let invite of response.createdInvites) {\n invitesStore.addItem(invite, invitesList.value);\n }\n } else if (response._id) {\n // Single invite created\n invitesStore.addItem(response, invitesList.value);\n }\n \n closeInvitePopup();\n resolve();\n } catch (error) {\n reject(error);\n }\n}\n\nfunction handleUsersAdded(addedUsers) {\n closeAddUsersPopup();\n // Add new members to the list\n if (addedUsers && addedUsers.length > 0) {\n addedUsers.forEach(membership => {\n membershipsStore.addItem(membership, membersList.value);\n });\n }\n}\n\nfunction handleDepartmentSaved(department) {\n closeDepartmentPopup();\n \n console.log('handleDepartmentSaved called with:', department);\n console.log('departmentsList before update:', departmentsList.value);\n console.log('editingDepartment:', editingDepartment.value);\n \n if (department) {\n // Update or add department in the list\n if (editingDepartment.value) {\n departmentsStore.updateItem(department, departmentsList.value);\n } else {\n departmentsStore.addItem(department, departmentsList.value);\n }\n } else {\n // Department was deleted\n if (editingDepartment.value) {\n departmentsStore.removeItem(editingDepartment.value, departmentsList.value);\n }\n }\n \n console.log('departmentsList after update:', departmentsList.value);\n}\n\nasync function removeMember(index, member) {\n if (confirm(\"Confirm remove of member\") == true) {\n await membershipsStore.delete(member);\n membershipsStore.removeItem(member, membersList.value);\n } \n}\n\nasync function removeInvite(index, invite) {\n if (confirm(\"Confirm remove of invite\") == true) {\n await invitesStore.delete(invite);\n invitesStore.removeItem(invite, invitesList.value);\n }\n}\n</script>\n\n<style scoped>\n</style>\n"],"names":["organization.actions","auth.state"],"mappings":"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"}

package/dist/martyrs/src/modules/organizations/components/pages/Organization.vue.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { useRouter, useRoute } from "vue-router";
 import "vue-i18n";
 /* empty css                                                 */
 /* empty css                                         */
-import _sfc_main$1 from "../../../../components/Dropdown/Dropdown.vue2.js";
+import _sfc_main$1 from "../../../../components/Dropdown/Dropdown.vue.js";
 import _sfc_main$7 from "../../../../components/Chips/Chips.vue.js";
 /* empty css                                   */
 import "../../../../components/Menu/MenuItem.vue.js";
@@ -11,39 +11,15 @@ import _sfc_main$6 from "../../../icons/entities/IconFollowing.vue.js";
 import _sfc_main$5 from "../../../icons/navigation/IconEdit.vue.js";
 import _sfc_main$2 from "../../../icons/navigation/IconEllipsis.vue.js";
 import PlaceholderOrganizationPic from "../../../icons/placeholders/PlaceholderOrganizationPic.vue.js";
-import membershipsStore from "../../store/memberships.store.js";
-import { actions, state as state$1 } from "../../store/organizations.js";
-/* empty css                                          */
-/* empty css                                        */
-/* empty css                                           */
-/* empty css                                           */
-/* empty css                                      */
-/* empty css                                      */
-/* empty css                                        */
-/* empty css                                                   */
-/* empty css                                    */
-/* empty css                                  */
+import "../../organizations.client.js";
+import _sfc_main$3 from "../../../reports/components/sections/FormReport.vue.js";
+import _sfc_main$9 from "../../../products/components/pages/Products.vue.js";
 import { state } from "../../../auth/views/store/auth.js";
-import { state as state$2 } from "../../../core/views/store/core.store.js";
-/* empty css                                             */
-/* empty css                                             */
-/* empty css                                        */
-/* empty css                                                 */
-import "axios";
-/* empty css                                                 */
-/* empty css                                        */
+import { useStore } from "../../../core/views/store/core.store.js";
+import { actions, state as state$1 } from "../../store/organizations.js";
+import membershipsStore from "../../store/memberships.store.js";
 import _sfc_main$4 from "../elements/ButtonToggleMembership.vue.js";
-/* empty css                              */
-/* empty css                            */
-/* empty css                           */
 import _sfc_main$8 from "../blocks/Socials.vue.js";
-/* empty css                         */
-import "../../../../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.js";
-import "../sections/Unit.vue.js";
-/* empty css                             */
-/* empty css                       */
-import _sfc_main$3 from "../../../reports/components/sections/FormReport.vue.js";
-import _sfc_main$9 from "../../../products/components/pages/Products.vue.js";
 const _hoisted_1 = {
   key: 0,
   class: "pd-thin for-transition w-100"
@@ -61,6 +37,7 @@ const _hoisted_8 = {
 const _sfc_main = {
   __name: "Organization",
   setup(__props) {
+    const store = useStore();
     useRouter();
     const route = useRoute();
     const organizationData = ref(null);
@@ -182,7 +159,7 @@ const _sfc_main = {
         ]),
         _ctx.MOBILE_APP ? (openBlock(), createElementBlock("div", {
           key: 0,
-          onClick: _cache[2] || (_cache[2] = () => state$2.isOpenSidebar = !state$2.isOpenSidebar),
+          onClick: _cache[2] || (_cache[2] = () => unref(store).core.state.isOpenSidebar = !unref(store).core.state.isOpenSidebar),
           class: "pos-relative"
         }, _cache[4] || (_cache[4] = [
           createElementVNode("div", { class: "bg-light radius-medium pd-medium" }, [

package/dist/martyrs/src/modules/organizations/components/pages/Organization.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Organization.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/Organization.vue"],"sourcesContent":["<template>\n\t<div v-if=\"organizationData\" class=\"pd-thin for-transition w-100\">\n\n\t\t<!-- <Breadcrumbs class=\"mn-b-thin pd-medium bg-light radius-medium\"/> -->\n\t\t<!-- <pre>{{organization.state.current}}</pre> -->\n\n\t\t<section class=\"flex-center flex flex-column t-center pd-medium radius-medium bg-light mn-b-thin\">\n\n\t\t\t<Dropdown \n\t\t\t\tv-if=\"auth.state.user._id !== organization.state.current.owner\"\n\t\t\t\t:label=\"{ component: IconEllipsis, class: 'i-medium t-transp' }\"\n\t\t\t\t:align=\"'right'\"\n\t\t\t\tclass=\"cursor-pointer pos-absolute pos-r-regular pos-t-regular pd-thin radius-extra \"\n\t\t\t>\n\t\t\t\t<section \n\t\t\t\t\tclass=\"bg-black pd-thin radius-small\"\n\t\t\t\t>\n\t\t\t\t\t<FormReport \n\t\t\t\t\t\t:user=\"auth.state.user._id\"\n\t\t\t\t\t\t:type=\"'organization'\" \n\t\t\t\t\t\t:target=\"organization.state.current._id\" \n\t\t\t\t\t\t:text=\"'Report'\" \n\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<button \n\t\t\t\t\t\t\tclass=\"w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tReport\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</FormReport>\n\n\t\t\t\t\t<ButtonToggleMembership\n\t\t\t\t\t\tv-if=\"auth.state.user._id && auth.state.user._id !== organization.state.current.owner\"\n\t\t\t :user=\"auth.state.user._id\"\n\t\t\t :type=\"'organization'\" \n\t \t:role=\"'blocked'\" \n\t\t\t :target=\"organization.state.current._id\" \n\t\t\t :status=\"organization.state.current.isBlocked\" \n\t\t\t :text=\"{create: 'Block', remove: 'Unblock'}\"\n\t\t\t @updateMembership=\"event => handleMembershipUpdate(event, 'isBlocked')\"\n\t\t\t class=\"t-white w-100 mn-t-thin bg-red\" \n\t \t/>\n\t\t\t\t</section>\n\t </Dropdown>\n\n\t <router-link\n\t\t\t\tv-if=\"auth.state.user._id === organization.state.current.owner\"\n\t :to=\"{\n\t\t\t\t\tname: 'Organization Edit', \n\t\t\t\t\tparams: {\n\t\t\t\t\t\t_id: organization.state.current._id\n\t\t\t\t\t}\n\t\t\t\t}\" \n\t class=\"\n\t \tz-index-2\n\t cursor-pointer \n\t pos-absolute pos-t-regular pos-r-regular\n\t radius-extra pd-thin bg-second\n\t \"\n\t >\n\t <IconEdit\n\t class=\"i-medium\"\n\t classes=\"fill-white\"\n\t />\n\t </router-link>\n\n\n\t\t\t<img loading=\"lazy\" \n\t\t\t\tv-if=\"organization.state.current.profile.photo\" \n\t\t\t\t:src=\"(FILE_SERVER_URL \|\| '') + organization.state.current.profile.photo\" \n\t\t\t\tclass=\"radius-medium bg-light flex-center flex mn-b-small w-8r\" \n\t\t\t/>\n\n\t\t\t<PlaceholderOrganizationPic\n\t\t\t\tv-else\n\t\t\t\tclass=\"radius-medium mn-b-small i-extra\"\n\t\t\t/>\n\n\t <h1\n\t \tclass=\"mn-b-thin\"\n\t >\n\t \t\t{{ organization.state.current.profile.name }}\n\t \t</h1>\n\n\t \t<div class=\"flex-center pd-r-thin pd-l-thin flex-nowrap flex mn-t-thin bg-white radius-extra w-max\">\n\t \t\t<IconFollowing class=\"i-medium mn-r-micro t-transp\"/>\n\n\t <p class=\"mn-t-thin p-regular t-medium uppercase mn-b-thin\">{{organization.state.current.numberOfSubscribers}} followers</p>\n\n\t <ButtonToggleMembership\n\t v-if=\"\n\t\t \tauth.state.user._id \n\t\t \t&& route.params._id \n\t\t \t&& route.params._id !== auth.state.user._id\n\t\t \t&& organization.state.current.owner !== auth.state.user._id\n\t\t \"\n\t :user=\"auth.state.user._id\"\n\t :type=\"'organization'\" \n\t :role=\"'subscriber'\" \n\t :target=\"organization.state.current._id\" \n\t :status=\"organization.state.current.isSubscriber\" \n\t :text=\"{create: '+', remove: '-'}\"\n\t @updateMembership=\"event => handleMembershipUpdate(event, 'isSubscriber', 'numberOfSubscribers')\"\n\t class=\" mn-l-thin p-regular t-medium radius-extra i-medium\" \n\t />\n\t </div>\n\n\t <!-- <p class=\"w-max-50r mn-t-regular mn-b-medium p-medium\">\n\t \t\t<Text :text=\"organization.profile.description \|\| ''\" :showToggleText=\"true\" :maxLen=\"320\" />\n\t \t</p> -->\n\n\t \t<Chips \n\t \tv-if=\"organization.state.current.profile?.tags?.length > 0\" \n\t \t:chips=\"organization.state.current.profile.tags\"\n\t \tclass=\"p-regular\"\n\t \t/>\n\n\n\t <h4 \n\t \tv-if=\"Object.values(organization.state.current.socials).some(value => value)\" \n\t \tclass=\"mn-t-small mn-b-thin\"\n\t >\n\t \t\tFind us in socials\n\t \t</h4>\n\t \t\n\t \t<Socials \n\t \t\t:telegram=\"organization.state.current.socials.telegram\"\n\t \t\t:facebook=\"organization.state.current.socials.facebook\"\n\t \t\t:instagram=\"organization.state.current.socials.instagram\"\n\t \t\t:twitter=\"organization.state.current.socials.twitter\"\n\t \t\t:youtube=\"organization.state.current.socials.youtube\"\n\t \t/>\n\t\t</section>\n\t\t\n\t\t<!-- Backoffice -->\n\t\t<div v-if=\"MOBILE_APP\" @click=\"() => core.state.isOpenSidebar = !core.state.isOpenSidebar\" class=\"pos-relative\">\n\t\t\t<div class=\"bg-light radius-medium pd-medium\">\n\t\t\t\t<p class=\"t-medium t-black-transp-60\">\n\t\t\t\t\tShow Menu\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<!-- Organization Info Section -->\n\t\t<!-- <div class=\"pos-relative\">\n\t\t\t<div class=\"bg-light radius-medium pd-medium\">\n\t\t\t\t<h3 class=\"mn-b-small\">About {{ organization.state.current?.profile?.name }}</h3>\n\t\t\t\t<p v-if=\"organization.state.current?.profile?.description\" class=\"t-medium\">\n\t\t\t\t\t{{ organization.state.current.profile.description }}\n\t\t\t\t</p>\n\t\t\t\t<p v-else class=\"t-medium t-black-transp-60\">\n\t\t\t\t\tNo description available.\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</div> -->\n\n\t\t<Products/>\n\t</div>\n</template>\n\n<script setup>\n\timport { computed, reactive, ref, onMounted, watch } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import components\n\timport Breadcrumbs \tfrom '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport Block \t\tfrom '@martyrs/src/components/Block/Block.vue'\n\timport Dropdown from \"@martyrs/src/components/Dropdown/Dropdown.vue\";\n\timport Text \t\tfrom '@martyrs/src/components/Text/Text.vue'\n\timport Chips from '@martyrs/src/components/Chips/Chips.vue'\n\t// Mobile Module\n\timport Menu from '@martyrs/src/components/Menu/Menu.vue'\n\timport MenuItem from '@martyrs/src/components/Menu/MenuItem.vue'\n\t// Icons\n\timport IconFollowing from '@martyrs/src/modules/icons/entities/IconFollowing.vue'\n\timport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\timport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue'\n\timport PlaceholderOrganizationPic from '@martyrs/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue'\n\t// Organizations\n\timport { \n\t\tDepartmentSub, \n\t\tButtonToggleMembership, \n\t\tContacts, \n\t\tRating, \n\t\tSocials \n\t} from '@martyrs/src/modules/organizations/organizations.client.js'\n\timport User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\t// Report Module\n\timport FormReport from '@martyrs/src/modules/reports/components/sections/FormReport.vue'\n\t// Products modu;e\n\timport Products from '@martyrs/src//modules/products/components/pages/Products.vue'\n\t// Import state\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\timport * as ~~core~~ from '@martyrs/src/modules/core/views/store/core.store.js'\n\n\timport * as organization from '@martyrs/src/modules/organizations/store/organizations.js';\n\timport membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js';\n\timport departmentsStore from '@martyrs/src/modules/organizations/store/departments.store.js';\n\t// Init router\n\tconst router \t= useRouter()\n\tconst route \t= useRoute()\n\n\tconst organizationData = ref(null)\n\n\tonMounted(async () => {\n\t\t\n\t\torganizationData.value = await organization.actions.read({\n\t\t\t_id: route.params._id, \n\t\t\tuser: auth.state.user._id,\n\t\t\tlookup: ['memberships']\n\t\t})\n\n \t\tawait membershipsStore.read({target: route.params._id})\n\n \t\tif (typeof gtag === 'function') {\n\t\t\tgtag('event', 'view_organization', {\n\t\t\t\torganization_id: route.params._id,\n\t\t\t\torganization_name: organizationData.value?.profile?.name \|\| 'unknown',\n\t\t\t\tpage_path: window.location.pathname,\n\t\t\t\tuser_id: auth.state.user._id \|\| 'anonymous',\n\t\t\t\ttimestamp: new Date().toISOString()\n\t\t\t});\n\t\t}\n\t})\n\n\t// Methods\n\tconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n\t membershipsStore.handleMembershipUpdate(organization.state.current, membership, status, target, statusName, statusNumber)\n\t};\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["organization.actions","auth.state","organization.state"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsMiB~~,cAAS;AACzB,UAAM,QAAS,SAAQ;AAEvB,UAAM,mBAAmB,IAAI,IAAI;AAEjC,cAAU,YAAY;AAErB,uBAAiB,QAAQ,MAAMA,QAAqB,KAAK;AAAA,QACxD,KAAK,MAAM,OAAO;AAAA,QAClB,MAAMC,MAAW,KAAK;AAAA,QACtB,QAAQ,CAAC,aAAa;AAAA,MACzB,CAAG;AAEA,YAAM,iBAAiB,KAAK,EAAC,QAAQ,MAAM,OAAO,IAAG,CAAC;AAEtD,UAAI,OAAO,SAAS,YAAY;AAChC,aAAK,SAAS,qBAAqB;AAAA,UAClC,iBAAiB,MAAM,OAAO;AAAA,UAC9B,mBAAmB,iBAAiB,OAAO,SAAS,QAAQ;AAAA,UAC5D,WAAW,OAAO,SAAS;AAAA,UAC3B,SAASA,MAAW,KAAK,OAAO;AAAA,UAChC,YAAW,oBAAI,KAAI,GAAG,YAAW;AAAA,QACrC,CAAI;AAAA,MACF;AAAA,IACD,CAAC;AAGD,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAM,GAAI,YAAY,iBAAiB;AAC3F,uBAAiB,uBAAuBC,QAAmB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAC1H;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"Organization.vue.js","sources":["../../../../../../../src/modules/organizations/components/pages/Organization.vue"],"sourcesContent":["<template>\n\t<div v-if=\"organizationData\" class=\"pd-thin for-transition w-100\">\n\n\t\t<!-- <Breadcrumbs class=\"mn-b-thin pd-medium bg-light radius-medium\"/> -->\n\t\t<!-- <pre>{{organization.state.current}}</pre> -->\n\n\t\t<section class=\"flex-center flex flex-column t-center pd-medium radius-medium bg-light mn-b-thin\">\n\n\t\t\t<Dropdown \n\t\t\t\tv-if=\"auth.state.user._id !== organization.state.current.owner\"\n\t\t\t\t:label=\"{ component: IconEllipsis, class: 'i-medium t-transp' }\"\n\t\t\t\t:align=\"'right'\"\n\t\t\t\tclass=\"cursor-pointer pos-absolute pos-r-regular pos-t-regular pd-thin radius-extra \"\n\t\t\t>\n\t\t\t\t<section \n\t\t\t\t\tclass=\"bg-black pd-thin radius-small\"\n\t\t\t\t>\n\t\t\t\t\t<FormReport \n\t\t\t\t\t\t:user=\"auth.state.user._id\"\n\t\t\t\t\t\t:type=\"'organization'\" \n\t\t\t\t\t\t:target=\"organization.state.current._id\" \n\t\t\t\t\t\t:text=\"'Report'\" \n\t\t\t\t\t\tclass=\"w-100\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<button \n\t\t\t\t\t\t\tclass=\"w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tReport\n\t\t\t\t\t\t</button>\n\t\t\t\t\t</FormReport>\n\n\t\t\t\t\t<ButtonToggleMembership\n\t\t\t\t\t\tv-if=\"auth.state.user._id && auth.state.user._id !== organization.state.current.owner\"\n\t\t\t :user=\"auth.state.user._id\"\n\t\t\t :type=\"'organization'\" \n\t \t:role=\"'blocked'\" \n\t\t\t :target=\"organization.state.current._id\" \n\t\t\t :status=\"organization.state.current.isBlocked\" \n\t\t\t :text=\"{create: 'Block', remove: 'Unblock'}\"\n\t\t\t @updateMembership=\"event => handleMembershipUpdate(event, 'isBlocked')\"\n\t\t\t class=\"t-white w-100 mn-t-thin bg-red\" \n\t \t/>\n\t\t\t\t</section>\n\t </Dropdown>\n\n\t <router-link\n\t\t\t\tv-if=\"auth.state.user._id === organization.state.current.owner\"\n\t :to=\"{\n\t\t\t\t\tname: 'Organization Edit', \n\t\t\t\t\tparams: {\n\t\t\t\t\t\t_id: organization.state.current._id\n\t\t\t\t\t}\n\t\t\t\t}\" \n\t class=\"\n\t \tz-index-2\n\t cursor-pointer \n\t pos-absolute pos-t-regular pos-r-regular\n\t radius-extra pd-thin bg-second\n\t \"\n\t >\n\t <IconEdit\n\t class=\"i-medium\"\n\t classes=\"fill-white\"\n\t />\n\t </router-link>\n\n\n\t\t\t<img loading=\"lazy\" \n\t\t\t\tv-if=\"organization.state.current.profile.photo\" \n\t\t\t\t:src=\"(FILE_SERVER_URL \|\| '') + organization.state.current.profile.photo\" \n\t\t\t\tclass=\"radius-medium bg-light flex-center flex mn-b-small w-8r\" \n\t\t\t/>\n\n\t\t\t<PlaceholderOrganizationPic\n\t\t\t\tv-else\n\t\t\t\tclass=\"radius-medium mn-b-small i-extra\"\n\t\t\t/>\n\n\t <h1\n\t \tclass=\"mn-b-thin\"\n\t >\n\t \t\t{{ organization.state.current.profile.name }}\n\t \t</h1>\n\n\t \t<div class=\"flex-center pd-r-thin pd-l-thin flex-nowrap flex mn-t-thin bg-white radius-extra w-max\">\n\t \t\t<IconFollowing class=\"i-medium mn-r-micro t-transp\"/>\n\n\t <p class=\"mn-t-thin p-regular t-medium uppercase mn-b-thin\">{{organization.state.current.numberOfSubscribers}} followers</p>\n\n\t <ButtonToggleMembership\n\t v-if=\"\n\t\t \tauth.state.user._id \n\t\t \t&& route.params._id \n\t\t \t&& route.params._id !== auth.state.user._id\n\t\t \t&& organization.state.current.owner !== auth.state.user._id\n\t\t \"\n\t :user=\"auth.state.user._id\"\n\t :type=\"'organization'\" \n\t :role=\"'subscriber'\" \n\t :target=\"organization.state.current._id\" \n\t :status=\"organization.state.current.isSubscriber\" \n\t :text=\"{create: '+', remove: '-'}\"\n\t @updateMembership=\"event => handleMembershipUpdate(event, 'isSubscriber', 'numberOfSubscribers')\"\n\t class=\" mn-l-thin p-regular t-medium radius-extra i-medium\" \n\t />\n\t </div>\n\n\t <!-- <p class=\"w-max-50r mn-t-regular mn-b-medium p-medium\">\n\t \t\t<Text :text=\"organization.profile.description \|\| ''\" :showToggleText=\"true\" :maxLen=\"320\" />\n\t \t</p> -->\n\n\t \t<Chips \n\t \tv-if=\"organization.state.current.profile?.tags?.length > 0\" \n\t \t:chips=\"organization.state.current.profile.tags\"\n\t \tclass=\"p-regular\"\n\t \t/>\n\n\n\t <h4 \n\t \tv-if=\"Object.values(organization.state.current.socials).some(value => value)\" \n\t \tclass=\"mn-t-small mn-b-thin\"\n\t >\n\t \t\tFind us in socials\n\t \t</h4>\n\t \t\n\t \t<Socials \n\t \t\t:telegram=\"organization.state.current.socials.telegram\"\n\t \t\t:facebook=\"organization.state.current.socials.facebook\"\n\t \t\t:instagram=\"organization.state.current.socials.instagram\"\n\t \t\t:twitter=\"organization.state.current.socials.twitter\"\n\t \t\t:youtube=\"organization.state.current.socials.youtube\"\n\t \t/>\n\t\t</section>\n\t\t\n\t\t<!-- Backoffice -->\n\t\t<div v-if=\"MOBILE_APP\" @click=\"() => store.core.state.isOpenSidebar = !store.core.state.isOpenSidebar\" class=\"pos-relative\">\n\t\t\t<div class=\"bg-light radius-medium pd-medium\">\n\t\t\t\t<p class=\"t-medium t-black-transp-60\">\n\t\t\t\t\tShow Menu\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</div>\n\n\t\t<!-- Organization Info Section -->\n\t\t<!-- <div class=\"pos-relative\">\n\t\t\t<div class=\"bg-light radius-medium pd-medium\">\n\t\t\t\t<h3 class=\"mn-b-small\">About {{ organization.state.current?.profile?.name }}</h3>\n\t\t\t\t<p v-if=\"organization.state.current?.profile?.description\" class=\"t-medium\">\n\t\t\t\t\t{{ organization.state.current.profile.description }}\n\t\t\t\t</p>\n\t\t\t\t<p v-else class=\"t-medium t-black-transp-60\">\n\t\t\t\t\tNo description available.\n\t\t\t\t</p>\n\t\t\t</div>\n\t\t</div> -->\n\n\t\t<Products/>\n\t</div>\n</template>\n\n<script setup>\n\timport { computed, reactive, ref, onMounted, watch } from 'vue'\n\timport { useRoute, useRouter } from 'vue-router'\n\t// Import components\n\timport Breadcrumbs \tfrom '@martyrs/src/components/Breadcrumbs/Breadcrumbs.vue'\n\timport Block \t\tfrom '@martyrs/src/components/Block/Block.vue'\n\timport Dropdown from \"@martyrs/src/components/Dropdown/Dropdown.vue\";\n\timport Text \t\tfrom '@martyrs/src/components/Text/Text.vue'\n\timport Chips from '@martyrs/src/components/Chips/Chips.vue'\n\t// Mobile Module\n\timport Menu from '@martyrs/src/components/Menu/Menu.vue'\n\timport MenuItem from '@martyrs/src/components/Menu/MenuItem.vue'\n\t// Icons\n\timport IconFollowing from '@martyrs/src/modules/icons/entities/IconFollowing.vue'\n\timport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\timport IconEllipsis from '@martyrs/src/modules/icons/navigation/IconEllipsis.vue'\n\timport PlaceholderOrganizationPic from '@martyrs/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue'\n\t// Organizations\n\timport { \n\t\tDepartmentSub, \n\t\tButtonToggleMembership, \n\t\tContacts, \n\t\tRating, \n\t\tSocials \n\t} from '@martyrs/src/modules/organizations/organizations.client.js'\n\timport User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\t// Report Module\n\timport FormReport from '@martyrs/src/modules/reports/components/sections/FormReport.vue'\n\t// Products modu;e\n\timport Products from '@martyrs/src//modules/products/components/pages/Products.vue'\n\t// Import state\n\timport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\timport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js'\n\nconst store = useStore();\n\n\timport * as organization from '@martyrs/src/modules/organizations/store/organizations.js';\n\timport membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js';\n\timport departmentsStore from '@martyrs/src/modules/organizations/store/departments.store.js';\n\t// Init router\n\tconst router \t= useRouter()\n\tconst route \t= useRoute()\n\n\tconst organizationData = ref(null)\n\n\tonMounted(async () => {\n\t\t\n\t\torganizationData.value = await organization.actions.read({\n\t\t\t_id: route.params._id, \n\t\t\tuser: auth.state.user._id,\n\t\t\tlookup: ['memberships']\n\t\t})\n\n \t\tawait membershipsStore.read({target: route.params._id})\n\n \t\tif (typeof gtag === 'function') {\n\t\t\tgtag('event', 'view_organization', {\n\t\t\t\torganization_id: route.params._id,\n\t\t\t\torganization_name: organizationData.value?.profile?.name \|\| 'unknown',\n\t\t\t\tpage_path: window.location.pathname,\n\t\t\t\tuser_id: auth.state.user._id \|\| 'anonymous',\n\t\t\t\ttimestamp: new Date().toISOString()\n\t\t\t});\n\t\t}\n\t})\n\n\t// Methods\n\tconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n\t membershipsStore.handleMembershipUpdate(organization.state.current, membership, status, target, statusName, statusNumber)\n\t};\n</script>\n\n<style lang=\"scss\">\n</style>\n"],"names":["organization.actions","auth.state","organization.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkMA,UAAM,QAAQ,SAAQ;AAML,cAAS;AACzB,UAAM,QAAS,SAAQ;AAEvB,UAAM,mBAAmB,IAAI,IAAI;AAEjC,cAAU,YAAY;AAErB,uBAAiB,QAAQ,MAAMA,QAAqB,KAAK;AAAA,QACxD,KAAK,MAAM,OAAO;AAAA,QAClB,MAAMC,MAAW,KAAK;AAAA,QACtB,QAAQ,CAAC,aAAa;AAAA,MACzB,CAAG;AAEA,YAAM,iBAAiB,KAAK,EAAC,QAAQ,MAAM,OAAO,IAAG,CAAC;AAEtD,UAAI,OAAO,SAAS,YAAY;AAChC,aAAK,SAAS,qBAAqB;AAAA,UAClC,iBAAiB,MAAM,OAAO;AAAA,UAC9B,mBAAmB,iBAAiB,OAAO,SAAS,QAAQ;AAAA,UAC5D,WAAW,OAAO,SAAS;AAAA,UAC3B,SAASA,MAAW,KAAK,OAAO;AAAA,UAChC,YAAW,oBAAI,KAAI,GAAG,YAAW;AAAA,QACrC,CAAI;AAAA,MACF;AAAA,IACD,CAAC;AAGD,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAM,GAAI,YAAY,iBAAiB;AAC3F,uBAAiB,uBAAuBC,QAAmB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAC1H;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}