@ozdao/martyrs 0.2.518 → 0.2.520

package/dist/martyrs/src/modules/organizations/components/forms/AddExistingMembersForm.vue.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddExistingMembersForm.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/forms/AddExistingMembersForm.vue"],"sourcesContent":["<template>\n  <div>\n    <p class=\"mn-b-thin t-transp p-medium\">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 globals from '@martyrs/src/modules/globals/views/store/globals.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    globals.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    globals.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    globals.actions.setError(error);\n    throw error;\n  }\n}\n</script>"],"names":["ref","globals.actions","membershipsStore","users.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFA,UAAM,QAAQ;AAWd,UAAM,OAAO;AAGb,UAAM,gBAAgBA,IAAAA,IAAI,EAAE;AAC5B,UAAM,sBAAsBA,IAAAA,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;AAC9BC,gBAAAA,QAAgB,SAAS,EAAE,SAAS,oDAAmD,CAAE;AACzF;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,MAAMC,kBAAAA,QAAiB,KAAK;AAAA,UAClD,QAAQ,MAAM;AAAA,UACd,MAAM,CAAC,UAAU,OAAO;AAAA,QAC9B,CAAK;AACD,4BAAoB,QAAQ,mBAAmB,CAAA;AAG/C,cAAM,gBAAgB,MAAMC,cAAc,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,UACvCD,kBAAAA,QAAiB,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,gBAAAA,QAAgB,WAAW;AAAA,UACzB,SAAS,sBAAsB,QAAQ,MAAM;AAAA,QACnD,CAAK;AAAA,MACH,SAAS,OAAO;AACd,gBAAQ,MAAM,uBAAuB,KAAK;AAC1CA,gBAAAA,QAAgB,SAAS,KAAK;AAC9B,cAAM;AAAA,MACR;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,195 @@
+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$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 "../../../globals/views/store/globals.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" };
+const _hoisted_4 = ["src"];
+const _hoisted_5 = { class: "w-100" };
+const _hoisted_6 = { class: "t-medium" };
+const _hoisted_7 = { class: "t-small t-transp" };
+const _hoisted_8 = {
+  key: 0,
+  class: "pd-nano pd-h-thin radius-thin bg-grey"
+};
+const _hoisted_9 = {
+  key: 1,
+  class: "pd-nano pd-h-thin radius-thin bg-green"
+};
+const _hoisted_10 = {
+  key: 0,
+  class: "mn-b-thin"
+};
+const _hoisted_11 = { class: "t-small t-transp" };
+const _sfc_main = {
+  __name: "AddExistingMembersForm",
+  props: {
+    organizationId: {
+      type: String,
+      required: true
+    },
+    existingMembers: {
+      type: Array,
+      default: () => []
+    }
+  },
+  emits: ["users-added"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const selectedUsers = ref([]);
+    const organizationMembers = ref([]);
+    function isUserInOrganization(user) {
+      return organizationMembers.value.some(
+        (member) => member.user._id === user._id || member.user === user._id
+      );
+    }
+    function isUserSelected(user) {
+      return selectedUsers.value.some((selected) => selected._id === user._id);
+    }
+    function getUserCardClass(user) {
+      if (isUserInOrganization(user)) {
+        return "bg-grey opacity-60 cursor-not-allowed";
+      }
+      if (isUserSelected(user)) {
+        return "bg-green-light";
+      }
+      return "bg-white hover-bg-light";
+    }
+    function toggleUserSelection(user) {
+      if (isUserInOrganization(user)) {
+        actions$1.setError({ message: "This user is already a member of the organization" });
+        return;
+      }
+      const index = selectedUsers.value.findIndex((u) => u._id === user._id);
+      if (index > -1) {
+        selectedUsers.value.splice(index, 1);
+      } else {
+        selectedUsers.value.push(user);
+      }
+    }
+    async function fetchFilteredUsers(options) {
+      try {
+        const membersResponse = await membershipsStore.read({
+          target: props.organizationId,
+          role: ["member", "owner"]
+        });
+        organizationMembers.value = membersResponse || [];
+        const usersResponse = await actions.read(options);
+        return usersResponse;
+      } catch (error) {
+        console.error("Error fetching users:", error);
+        return [];
+      }
+    }
+    async function addSelectedUsers() {
+      if (selectedUsers.value.length === 0) return;
+      try {
+        const promises = selectedUsers.value.map(
+          (user) => membershipsStore.create({
+            user: user._id,
+            type: "organization",
+            target: props.organizationId,
+            role: "member",
+            label: "member"
+          })
+        );
+        const results = await Promise.all(promises);
+        emit("users-added", results);
+        selectedUsers.value = [];
+        actions$1.setSuccess({
+          message: `Successfully added ${results.length} user(s) to the organization`
+        });
+      } catch (error) {
+        console.error("Error adding users:", error);
+        actions$1.setError(error);
+        throw error;
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        _cache[1] || (_cache[1] = createElementVNode("p", { class: "mn-b-thin t-transp p-medium" }, "Select users to add to the organization:", -1)),
+        createVNode(_sfc_main$1, {
+          search: {
+            placeholder: "Search users...",
+            class: "bg-light mn-b-thin"
+          },
+          states: {
+            empty: {
+              title: "No Users Found",
+              description: "No users match your search criteria."
+            },
+            loading: {
+              title: "Loading users..."
+            }
+          },
+          store: {
+            read: (options) => fetchFilteredUsers(options),
+            state: null
+          },
+          options: {},
+          class: "bg-light pd-medium radius-medium h-max-30r o-scroll mn-b-thin"
+        }, {
+          default: withCtx(({ items }) => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(items, (user) => {
+              return openBlock(), createElementBlock("div", {
+                key: user._id,
+                onClick: () => toggleUserSelection(user),
+                class: normalizeClass(["pd-thin radius-medium w-100 mn-b-thin cursor-pointer hover-scale-1", getUserCardClass(user)])
+              }, [
+                createElementVNode("div", _hoisted_2, [
+                  createElementVNode("div", _hoisted_3, [
+                    user.profile?.photo ? (openBlock(), createElementBlock("img", {
+                      key: 0,
+                      src: user.profile.photo,
+                      alt: "User photo",
+                      class: "w-100 h-100 object-fit-cover"
+                    }, null, 8, _hoisted_4)) : (openBlock(), createBlock(PlaceholderUserpic, {
+                      key: 1,
+                      class: "w-100 h-100"
+                    }))
+                  ]),
+                  createElementVNode("div", _hoisted_5, [
+                    createElementVNode("p", _hoisted_6, toDisplayString(user.profile?.name || user.phone || user.email || "Unnamed user"), 1),
+                    createElementVNode("p", _hoisted_7, toDisplayString(user.email || user.phone || "No contact info"), 1)
+                  ]),
+                  isUserInOrganization(user) ? (openBlock(), createElementBlock("div", _hoisted_8, _cache[0] || (_cache[0] = [
+                    createElementVNode("span", { class: "t-small" }, "Already member", -1)
+                  ]))) : isUserSelected(user) ? (openBlock(), createElementBlock("div", _hoisted_9, [
+                    createVNode(_sfc_main$2, {
+                      class: "i-small",
+                      fill: "rgb(var(--white))"
+                    })
+                  ])) : createCommentVNode("", true)
+                ])
+              ], 10, _hoisted_1);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["store"]),
+        selectedUsers.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_10, [
+          createElementVNode("p", _hoisted_11, "Selected: " + toDisplayString(selectedUsers.value.length) + " user(s)", 1)
+        ])) : createCommentVNode("", true),
+        createVNode(_sfc_main$3, {
+          submit: addSelectedUsers,
+          disabled: selectedUsers.value.length === 0,
+          class: "w-100 bg-main"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(" Add " + toDisplayString(selectedUsers.value.length) + " user(s) to organization ", 1)
+          ]),
+          _: 1
+        }, 8, ["disabled"])
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=AddExistingMembersForm.vue.js.map

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

@@ -0,0 +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-medium\">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 globals from '@martyrs/src/modules/globals/views/store/globals.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    globals.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    globals.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    globals.actions.setError(error);\n    throw error;\n  }\n}\n</script>"],"names":["globals.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,kBAAgB,SAAS,EAAE,SAAS,oDAAmD,CAAE;AACzF;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,kBAAgB,WAAW;AAAA,UACzB,SAAS,sBAAsB,QAAQ,MAAM;AAAA,QACnD,CAAK;AAAA,MACH,SAAS,OAAO;AACd,gBAAQ,MAAM,uBAAuB,KAAK;AAC1CA,kBAAgB,SAAS,KAAK;AAC9B,cAAM;AAAA,MACR;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/organizations/components/forms/DepartmentForm.vue.cjs

@@ -0,0 +1,402 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const vueRouter = require("vue-router");
+const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
+const Field = require("../../../../components/Field/Field.vue.cjs");
+const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
+const Popup = require("../../../../components/Popup/Popup.vue.cjs");
+const Block = require("../../../../components/Block/Block.vue.cjs");
+const Feed = require("../../../../components/Feed/Feed.vue.cjs");
+const Spoiler = require("../../../../components/Spoiler/Spoiler.vue2.cjs");
+const CardUser = require("../../../auth/views/components/blocks/CardUser.vue.cjs");
+const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
+const globals = require("../../../globals/views/store/globals.cjs");
+const memberships_store = require("../../store/memberships.store.cjs");
+const departments_store = require("../../store/departments.store.cjs");
+const _hoisted_1 = { class: "cols-1 gap-thin o-y-scroll" };
+const _hoisted_2 = { class: "cols-2-fit-content" };
+const _hoisted_3 = { class: "w-100 flex-child-grow-1 flex-child" };
+const _hoisted_4 = { class: "bg-light pd-medium o-hidden radius-medium mn-b-thin" };
+const _hoisted_5 = { class: "cols-1 gap-thin" };
+const _hoisted_6 = { class: "bg-light pd-medium o-hidden radius-medium" };
+const _hoisted_7 = { class: "cols-1 gap-thin" };
+const _hoisted_8 = { class: "cursor-pointer flex-v-center flex gap-thin" };
+const _hoisted_9 = { class: "t-small" };
+const _hoisted_10 = { class: "cols-1 gap-thin mn-t-thin" };
+const _hoisted_11 = { class: "flex gap-thin mn-t-medium" };
+const _sfc_main = {
+  __name: "DepartmentForm",
+  props: {
+    department: Object,
+    organizationId: String
+  },
+  emits: ["close", "saved"],
+  setup(__props, { emit: __emit }) {
+    vueRouter.useRoute();
+    const props = __props;
+    const emit = __emit;
+    const editingDepartment = vue.computed(() => !!props.department?._id);
+    const isOpenAddMemberPopup = vue.ref(false);
+    const createDefaultDepartment = () => ({
+      organization: props.organizationId,
+      profile: {
+        photo: "",
+        name: "",
+        description: "",
+        categories: []
+      },
+      address: "",
+      location: {
+        lat: null,
+        lng: null
+      },
+      worktime: [],
+      delivery: [],
+      payment: [],
+      members: [],
+      subdepartments: [],
+      hidden: false,
+      accesses: {
+        categories: {
+          create: false,
+          read: false,
+          edit: false,
+          delete: false
+        },
+        rents: {
+          create: false,
+          read: false,
+          edit: false,
+          delete: false
+        },
+        spots: {
+          create: false,
+          read: false,
+          edit: false,
+          delete: false
+        },
+        members: {
+          read: false,
+          edit: false,
+          delete: false
+        },
+        posts: {
+          create: false,
+          read: false,
+          edit: false,
+          delete: false
+        },
+        events: {
+          create: false,
+          read: false,
+          edit: false,
+          delete: false
+        },
+        tickets: {
+          create: false,
+          read: false,
+          edit: false,
+          delete: false
+        },
+        gallery: {
+          read: false,
+          create: false,
+          edit: false,
+          delete: false
+        },
+        inventory: {
+          read: false,
+          edit: false,
+          delete: false
+        },
+        products: {
+          read: false,
+          edit: false,
+          delete: false
+        },
+        orders: {
+          read: false,
+          confirm: false,
+          delete: false
+        },
+        departments: {
+          read: false,
+          edit: false,
+          delete: false
+        }
+      }
+    });
+    const currentDepartment = vue.reactive(
+      props.department ? JSON.parse(JSON.stringify(props.department)) : createDefaultDepartment()
+    );
+    function openMemberPopup() {
+      isOpenAddMemberPopup.value = true;
+    }
+    function closeMemberPopup() {
+      isOpenAddMemberPopup.value = false;
+    }
+    function isDuplicateMember(userId) {
+      return currentDepartment.members.some(
+        (member) => member.user._id === userId || member._id === userId
+      );
+    }
+    function addMemberToDepartment(user) {
+      if (!isDuplicateMember(user._id)) {
+        currentDepartment.members.push({
+          _id: user._id,
+          user,
+          position: "Member"
+        });
+        closeMemberPopup();
+      } else {
+        globals.actions.setError({ message: "This user is already a member of this department" });
+      }
+    }
+    function removeMember(member) {
+      if (confirm("Are you sure you want to remove this member?")) {
+        const index = currentDepartment.members.findIndex(
+          (m) => m.user._id === member.user._id || m._id === member._id
+        );
+        if (index > -1) {
+          currentDepartment.members.splice(index, 1);
+        }
+      }
+    }
+    async function saveDepartment() {
+      try {
+        const departmentData = {
+          ...currentDepartment,
+          organization: props.organizationId
+        };
+        let result;
+        if (editingDepartment.value) {
+          result = await departments_store.default.update({
+            ...departmentData,
+            _id: props.department._id
+          });
+        } else {
+          result = await departments_store.default.create(departmentData);
+        }
+        emit("saved", result);
+        emit("close");
+      } catch (error) {
+        console.error("Error saving department:", error);
+        globals.actions.setError(error);
+        throw error;
+      }
+    }
+    async function onDelete() {
+      if (confirm("Are you sure you want to delete this department?")) {
+        try {
+          await departments_store.default.delete({ _id: props.department._id });
+          emit("saved", null);
+          emit("close");
+        } catch (error) {
+          console.error("Error deleting department:", error);
+          globals.actions.setError(error);
+        }
+      }
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(Block.default, {
+          title: "Profile",
+          class: "mn-b-thin"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_2, [
+              vue.createVNode(UploadImage.default, {
+                photo: currentDepartment.profile.photo,
+                "onUpdate:photo": _cache[0] || (_cache[0] = ($event) => currentDepartment.profile.photo = $event),
+                uploadPath: "organizations/" + currentDepartment.profile.name + "/departments",
+                class: "w-8r aspect-1x1 o-hidden mn-r-small radius-extra"
+              }, null, 8, ["photo", "uploadPath"]),
+              vue.createElementVNode("div", _hoisted_3, [
+                vue.createVNode(Field.default, {
+                  field: currentDepartment.profile.name,
+                  "onUpdate:field": _cache[1] || (_cache[1] = ($event) => currentDepartment.profile.name = $event),
+                  label: "Name",
+                  placeholder: "Department Name",
+                  class: "mn-b-small bg-white radius-small pd-medium"
+                }, null, 8, ["field"]),
+                vue.createVNode(Field.default, {
+                  field: currentDepartment.profile.description,
+                  "onUpdate:field": _cache[2] || (_cache[2] = ($event) => currentDepartment.profile.description = $event),
+                  label: "Description",
+                  placeholder: "Department description (max 120 symbols)",
+                  class: "bg-white radius-small pd-medium"
+                }, null, 8, ["field"])
+              ])
+            ])
+          ]),
+          _: 1
+        }),
+        vue.createVNode(Block.default, {
+          title: "Team",
+          placeholder: "No members added yet",
+          actions: [{
+            label: "+",
+            function: () => openMemberPopup()
+          }],
+          class: "cols-1 gap-thin mn-b-thin"
+        }, {
+          default: vue.withCtx(() => [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(currentDepartment.members, (member, index) => {
+              return vue.openBlock(), vue.createBlock(CardUser.default, {
+                class: "h-4r bg-white pd-thin radius-medium w-100",
+                key: member._id || index,
+                user: member.user,
+                photo: member.user.profile.photo,
+                name: member.user.profile.name || member.user.phone || member.user.email || member.user._id,
+                position: member.position,
+                action: {
+                  label: {
+                    is: IconDelete.default,
+                    props: { class: "i-medium", fill: "rgb(var(--white)" }
+                  },
+                  method: () => removeMember(member)
+                }
+              }, null, 8, ["user", "photo", "name", "position", "action"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["actions"]),
+        vue.createElementVNode("div", _hoisted_4, [
+          _cache[5] || (_cache[5] = vue.createElementVNode("h3", { class: "mn-b-semi" }, "Department Settings", -1)),
+          _cache[6] || (_cache[6] = vue.createElementVNode("p", { class: "p-medium mn-b-small" }, "Please settings for your department:", -1)),
+          vue.createElementVNode("div", _hoisted_5, [
+            vue.createVNode(Checkbox.default, {
+              label: "Hidden department",
+              name: "hidden",
+              class: "w-100 mn-r-small bg-white radius-small pd-small",
+              "onUpdate:radio": _cache[3] || (_cache[3] = (updated) => currentDepartment.hidden = !currentDepartment.hidden),
+              radio: currentDepartment.hidden
+            }, null, 8, ["radio"])
+          ])
+        ]),
+        vue.createElementVNode("div", _hoisted_6, [
+          _cache[7] || (_cache[7] = vue.createElementVNode("h3", { class: "mn-b-semi" }, "Accesses", -1)),
+          _cache[8] || (_cache[8] = vue.createElementVNode("p", { class: "p-medium mn-b-small" }, "Please select organization accesses for user in department:", -1)),
+          vue.createElementVNode("div", _hoisted_7, [
+            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(currentDepartment.accesses, (actions, category) => {
+              return vue.openBlock(), vue.createElementBlock("div", {
+                key: category,
+                class: "mn-b-small"
+              }, [
+                vue.createVNode(Spoiler.default, { status: false }, {
+                  header: vue.withCtx(({ isOpen }) => [
+                    vue.createElementVNode("h4", _hoisted_8, [
+                      vue.createTextVNode(vue.toDisplayString(category.charAt(0).toUpperCase() + category.slice(1)) + " ", 1),
+                      vue.createElementVNode("span", _hoisted_9, vue.toDisplayString(isOpen ? "▼" : "▶"), 1)
+                    ])
+                  ]),
+                  content: vue.withCtx(() => [
+                    vue.createElementVNode("div", _hoisted_10, [
+                      (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(actions, (value, action) => {
+                        return vue.openBlock(), vue.createBlock(Checkbox.default, {
+                          key: action,
+                          label: action,
+                          name: action,
+                          radio: value,
+                          "onUpdate:radio": (updated) => currentDepartment.accesses[category][action] = !value,
+                          class: "w-100 mn-r-small bg-white radius-small pd-small"
+                        }, null, 8, ["label", "name", "radio", "onUpdate:radio"]);
+                      }), 128))
+                    ])
+                  ]),
+                  _: 2
+                }, 1024)
+              ]);
+            }), 128))
+          ])
+        ]),
+        vue.createElementVNode("div", _hoisted_11, [
+          editingDepartment.value ? (vue.openBlock(), vue.createBlock(Button.default, {
+            key: 0,
+            submit: onDelete,
+            showSuccess: true,
+            showLoader: true,
+            class: "bg-red"
+          }, {
+            default: vue.withCtx(() => _cache[9] || (_cache[9] = [
+              vue.createTextVNode(" Delete ")
+            ])),
+            _: 1
+          })) : vue.createCommentVNode("", true),
+          vue.createVNode(Button.default, {
+            showSuccess: false,
+            showLoader: false,
+            class: "bg-grey t-white w-100",
+            onClick: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("close"))
+          }, {
+            default: vue.withCtx(() => _cache[10] || (_cache[10] = [
+              vue.createTextVNode(" Cancel ")
+            ])),
+            _: 1
+          }),
+          vue.createVNode(Button.default, {
+            class: "bg-main w-100",
+            submit: saveDepartment
+          }, {
+            default: vue.withCtx(() => [
+              vue.createTextVNode(vue.toDisplayString(editingDepartment.value ? "Update Department" : "Create Department"), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        vue.createVNode(Popup.default, {
+          title: "Add member",
+          onClosePopup: closeMemberPopup,
+          isPopupOpen: isOpenAddMemberPopup.value,
+          class: "bg-white w-max-30r radius-medium pd-big"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createVNode(Feed.default, {
+              search: {
+                placeholder: "Search member...",
+                class: "bg-light mn-b-thin"
+              },
+              states: {
+                empty: {
+                  title: "No Members Found",
+                  description: "Currently, there are no members in organization."
+                }
+              },
+              store: {
+                read: (options) => vue.unref(memberships_store.default).read(options),
+                state: null
+              },
+              options: {
+                target: __props.organizationId,
+                role: ["member", "owner"]
+              },
+              class: "bg-light pd-medium w-min-20r w-max-40r radius-medium h-max-20r o-scroll"
+            }, {
+              default: vue.withCtx(({
+                items
+              }) => [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (user, index) => {
+                  return vue.openBlock(), vue.createBlock(CardUser.default, {
+                    key: user._id,
+                    user: user.user,
+                    photo: user.user.profile?.photo,
+                    name: user.user.profile?.name || user.user.phone || user.user.email,
+                    disabled: isDuplicateMember(user.user._id),
+                    onClick: () => addMemberToDepartment(user.user),
+                    class: vue.normalizeClass(["h-4r bg-white pd-thin radius-medium w-100 mn-b-thin", { "opacity-50 cursor-not-allowed": isDuplicateMember(user.user._id) }])
+                  }, null, 8, ["user", "photo", "name", "disabled", "onClick", "class"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["store", "options"])
+          ]),
+          _: 1
+        }, 8, ["isPopupOpen"])
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=DepartmentForm.vue.cjs.map