@ozdao/martyrs 0.2.518 → 0.2.520

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

@@ -0,0 +1 @@
+{"version":3,"file":"DepartmentForm.vue.cjs","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-medium 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-medium 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 globals from '@martyrs/src/modules/globals/views/store/globals.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    globals.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    globals.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      globals.actions.setError(error);\n    }\n  }\n}\n</script>"],"names":["useRoute","computed","ref","reactive","globals.actions","departmentsStore"],"mappings":"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"}

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

@@ -0,0 +1,402 @@
+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 _sfc_main$2 from "../../../../components/UploadImage/UploadImage.vue.js";
+import Field from "../../../../components/Field/Field.vue.js";
+import _sfc_main$5 from "../../../../components/Checkbox/Checkbox.vue.js";
+import _sfc_main$7 from "../../../../components/Button/Button.vue.js";
+import _sfc_main$8 from "../../../../components/Popup/Popup.vue.js";
+import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
+import _sfc_main$9 from "../../../../components/Feed/Feed.vue.js";
+import _sfc_main$6 from "../../../../components/Spoiler/Spoiler.vue2.js";
+import _sfc_main$3 from "../../../auth/views/components/blocks/CardUser.vue.js";
+import _sfc_main$4 from "../../../icons/navigation/IconDelete.vue.js";
+import { actions } from "../../../globals/views/store/globals.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" };
+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 }) {
+    useRoute();
+    const props = __props;
+    const emit = __emit;
+    const editingDepartment = computed(() => !!props.department?._id);
+    const isOpenAddMemberPopup = 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 = 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 {
+        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 departmentsStore.update({
+            ...departmentData,
+            _id: props.department._id
+          });
+        } else {
+          result = await departmentsStore.create(departmentData);
+        }
+        emit("saved", result);
+        emit("close");
+      } catch (error) {
+        console.error("Error saving department:", error);
+        actions.setError(error);
+        throw error;
+      }
+    }
+    async function onDelete() {
+      if (confirm("Are you sure you want to delete this department?")) {
+        try {
+          await departmentsStore.delete({ _id: props.department._id });
+          emit("saved", null);
+          emit("close");
+        } catch (error) {
+          console.error("Error deleting department:", error);
+          actions.setError(error);
+        }
+      }
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_sfc_main$1, {
+          title: "Profile",
+          class: "mn-b-thin"
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_2, [
+              createVNode(_sfc_main$2, {
+                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"]),
+              createElementVNode("div", _hoisted_3, [
+                createVNode(Field, {
+                  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"]),
+                createVNode(Field, {
+                  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
+        }),
+        createVNode(_sfc_main$1, {
+          title: "Team",
+          placeholder: "No members added yet",
+          actions: [{
+            label: "+",
+            function: () => openMemberPopup()
+          }],
+          class: "cols-1 gap-thin mn-b-thin"
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(currentDepartment.members, (member, index) => {
+              return openBlock(), createBlock(_sfc_main$3, {
+                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: _sfc_main$4,
+                    props: { class: "i-medium", fill: "rgb(var(--white)" }
+                  },
+                  method: () => removeMember(member)
+                }
+              }, null, 8, ["user", "photo", "name", "position", "action"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 8, ["actions"]),
+        createElementVNode("div", _hoisted_4, [
+          _cache[5] || (_cache[5] = createElementVNode("h3", { class: "mn-b-semi" }, "Department Settings", -1)),
+          _cache[6] || (_cache[6] = createElementVNode("p", { class: "p-medium mn-b-small" }, "Please settings for your department:", -1)),
+          createElementVNode("div", _hoisted_5, [
+            createVNode(_sfc_main$5, {
+              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"])
+          ])
+        ]),
+        createElementVNode("div", _hoisted_6, [
+          _cache[7] || (_cache[7] = createElementVNode("h3", { class: "mn-b-semi" }, "Accesses", -1)),
+          _cache[8] || (_cache[8] = createElementVNode("p", { class: "p-medium 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) => {
+              return openBlock(), createElementBlock("div", {
+                key: category,
+                class: "mn-b-small"
+              }, [
+                createVNode(_sfc_main$6, { status: false }, {
+                  header: withCtx(({ isOpen }) => [
+                    createElementVNode("h4", _hoisted_8, [
+                      createTextVNode(toDisplayString(category.charAt(0).toUpperCase() + category.slice(1)) + " ", 1),
+                      createElementVNode("span", _hoisted_9, toDisplayString(isOpen ? "▼" : "▶"), 1)
+                    ])
+                  ]),
+                  content: withCtx(() => [
+                    createElementVNode("div", _hoisted_10, [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(actions2, (value, action) => {
+                        return openBlock(), createBlock(_sfc_main$5, {
+                          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))
+          ])
+        ]),
+        createElementVNode("div", _hoisted_11, [
+          editingDepartment.value ? (openBlock(), createBlock(_sfc_main$7, {
+            key: 0,
+            submit: onDelete,
+            showSuccess: true,
+            showLoader: true,
+            class: "bg-red"
+          }, {
+            default: withCtx(() => _cache[9] || (_cache[9] = [
+              createTextVNode(" Delete ")
+            ])),
+            _: 1
+          })) : createCommentVNode("", true),
+          createVNode(_sfc_main$7, {
+            showSuccess: false,
+            showLoader: false,
+            class: "bg-grey t-white w-100",
+            onClick: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("close"))
+          }, {
+            default: withCtx(() => _cache[10] || (_cache[10] = [
+              createTextVNode(" Cancel ")
+            ])),
+            _: 1
+          }),
+          createVNode(_sfc_main$7, {
+            class: "bg-main w-100",
+            submit: saveDepartment
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(editingDepartment.value ? "Update Department" : "Create Department"), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        createVNode(_sfc_main$8, {
+          title: "Add member",
+          onClosePopup: closeMemberPopup,
+          isPopupOpen: isOpenAddMemberPopup.value,
+          class: "bg-white w-max-30r radius-medium pd-big"
+        }, {
+          default: withCtx(() => [
+            createVNode(_sfc_main$9, {
+              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) => unref(membershipsStore).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: withCtx(({
+                items
+              }) => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(items, (user, index) => {
+                  return openBlock(), createBlock(_sfc_main$3, {
+                    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: 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"])
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=DepartmentForm.vue.js.map

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

@@ -0,0 +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-medium 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-medium 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 globals from '@martyrs/src/modules/globals/views/store/globals.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    globals.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    globals.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      globals.actions.setError(error);\n    }\n  }\n}\n</script>"],"names":["globals.actions"],"mappings":"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"}

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

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const vue = require("vue");
+const Field = require("../../../../components/Field/Field.vue.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
+const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
+const IconAdd = require("../../../icons/navigation/IconAdd.vue.cjs");
+const _hoisted_1 = { class: "mn-b-thin t-transp p-medium" };
+const _hoisted_2 = { class: "cols-1 mn-b-small radius-medium pd-semi bg-light pos-relative" };
+const _hoisted_3 = ["onClick"];
+const _sfc_main = {
+  __name: "InviteForm",
+  props: {
+    organization: Object,
+    text: {
+      type: String,
+      default: "Please enter email or phone number to send an invitation link:"
+    }
+  },
+  emits: ["send-invite"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const contactValidation = vue.ref(null);
+    const members = vue.ref([{ contact: "" }]);
+    async function submitMembers() {
+      return new Promise((resolve, reject) => {
+        emit("send-invite", members.value, resolve, reject);
+      });
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", null, [
+        vue.createElementVNode("p", _hoisted_1, vue.toDisplayString(__props.text), 1),
+        vue.createElementVNode("section", _hoisted_2, [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(members.value, (member, index) => {
+            return vue.openBlock(), vue.createElementBlock("div", {
+              key: index,
+              class: "br-1px br-solid br-grey-transp-25 flex gap-thin radius-small mn-b-thin"
+            }, [
+              vue.createVNode(Field.default, {
+                field: member.contact,
+                "onUpdate:field": ($event) => member.contact = $event,
+                placeholder: "Enter email or phone",
+                class: "w-100 pd-small radius-small bg-white",
+                validation: contactValidation.value
+              }, {
+                default: vue.withCtx(() => [
+                  index < 1 ? (vue.openBlock(), vue.createElementBlock("div", {
+                    key: 0,
+                    onClick: _cache[0] || (_cache[0] = () => members.value.push({ contact: "" })),
+                    class: "radius-small h-100 i-big flex-center flex aspect-1x1 bg-green"
+                  }, [
+                    vue.createVNode(IconAdd.default, {
+                      class: "i-medium",
+                      fill: "rgb(var(--white)"
+                    })
+                  ])) : (vue.openBlock(), vue.createElementBlock("div", {
+                    key: 1,
+                    onClick: () => members.value.splice(index, 1),
+                    class: "radius-small h-100 i-big flex-center flex aspect-1x1 bg-red"
+                  }, [
+                    vue.createVNode(IconDelete.default, {
+                      class: "i-medium",
+                      fill: "rgb(var(--white)"
+                    })
+                  ], 8, _hoisted_3))
+                ]),
+                _: 2
+              }, 1032, ["field", "onUpdate:field", "validation"])
+            ]);
+          }), 128))
+        ]),
+        vue.createVNode(Button.default, {
+          submit: submitMembers,
+          class: "w-100 bg-main"
+        }, {
+          default: vue.withCtx(() => _cache[1] || (_cache[1] = [
+            vue.createElementVNode("span", null, "Send invitations", -1)
+          ])),
+          _: 1
+        })
+      ]);
+    };
+  }
+};
+exports.default = _sfc_main;
+//# sourceMappingURL=InviteForm.vue.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InviteForm.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/forms/InviteForm.vue"],"sourcesContent":["<template>\n  <div>\n    <p class=\"mn-b-thin t-transp p-medium\">{{ text }}</p> \n\n    <section class=\"cols-1 mn-b-small radius-medium pd-semi bg-light pos-relative\">\n      <div\n        v-for=\"(member, index) in members\" \n        :key=\"index\" \n        class=\"br-1px br-solid br-grey-transp-25 flex gap-thin radius-small mn-b-thin\"\n      >\n        <Field \n          v-model:field=\"member.contact\"   \n          placeholder=\"Enter email or phone\" \n          class=\"w-100 pd-small radius-small bg-white\"\n          :validation=\"contactValidation\"\n        >\n          <div \n            v-if=\"index < 1\" \n            @click=\"() => members.push({contact: ''})\"  \n            class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-green\"\n          >\n            <IconAdd \n              class=\"i-medium\"\n              :fill=\"'rgb(var(--white)'\"\n            />\n          </div>\n\n          <div \n            v-else \n            @click=\"() => members.splice(index, 1)\" \n            class=\"radius-small h-100 i-big flex-center flex aspect-1x1 bg-red\"\n          >\n            <IconDelete \n              class=\"i-medium\"\n              :fill=\"'rgb(var(--white)'\"\n            />\n          </div>\n        </Field>\n      </div>\n    </section>\n\n    <Button  \n      :submit=\"submitMembers\" \n      class=\"w-100 bg-main\"\n    >\n      <span>Send invitations</span>\n    </Button>\n  </div>\n</template>\n\n<script setup>\nimport { ref } from 'vue';\n\nimport Field from '@martyrs/src/components/Field/Field.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\n\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue';\n\nconst props = defineProps({\n  organization: Object,\n  text: {\n    type: String,\n    default: 'Please enter email or phone number to send an invitation link:'\n  }\n});\n\nconst emit = defineEmits(['send-invite']);\n\n// Validation\nconst contactValidation = ref(null);\n\n// Members list\nconst members = ref([{ contact: '' }]);\n\nasync function submitMembers() {\n  return new Promise((resolve, reject) => {\n    emit('send-invite', members.value, resolve, reject);\n  });\n}\n</script>"],"names":["ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAmEA,UAAM,OAAO;AAGb,UAAM,oBAAoBA,IAAAA,IAAI,IAAI;AAGlC,UAAM,UAAUA,IAAAA,IAAI,CAAC,EAAE,SAAS,GAAE,CAAE,CAAC;AAErC,mBAAe,gBAAgB;AAC7B,aAAO,IAAI,QAAQ,CAAC,SAAS,WAAW;AACtC,aAAK,eAAe,QAAQ,OAAO,SAAS,MAAM;AAAA,MACpD,CAAC;AAAA,IACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,86 @@
+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$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-medium" };
+const _hoisted_2 = { class: "cols-1 mn-b-small radius-medium pd-semi bg-light pos-relative" };
+const _hoisted_3 = ["onClick"];
+const _sfc_main = {
+  __name: "InviteForm",
+  props: {
+    organization: Object,
+    text: {
+      type: String,
+      default: "Please enter email or phone number to send an invitation link:"
+    }
+  },
+  emits: ["send-invite"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const contactValidation = ref(null);
+    const members = ref([{ contact: "" }]);
+    async function submitMembers() {
+      return new Promise((resolve, reject) => {
+        emit("send-invite", members.value, resolve, reject);
+      });
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        createElementVNode("p", _hoisted_1, toDisplayString(__props.text), 1),
+        createElementVNode("section", _hoisted_2, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(members.value, (member, index) => {
+            return openBlock(), createElementBlock("div", {
+              key: index,
+              class: "br-1px br-solid br-grey-transp-25 flex gap-thin radius-small mn-b-thin"
+            }, [
+              createVNode(Field, {
+                field: member.contact,
+                "onUpdate:field": ($event) => member.contact = $event,
+                placeholder: "Enter email or phone",
+                class: "w-100 pd-small radius-small bg-white",
+                validation: contactValidation.value
+              }, {
+                default: withCtx(() => [
+                  index < 1 ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    onClick: _cache[0] || (_cache[0] = () => members.value.push({ contact: "" })),
+                    class: "radius-small h-100 i-big flex-center flex aspect-1x1 bg-green"
+                  }, [
+                    createVNode(_sfc_main$1, {
+                      class: "i-medium",
+                      fill: "rgb(var(--white)"
+                    })
+                  ])) : (openBlock(), createElementBlock("div", {
+                    key: 1,
+                    onClick: () => members.value.splice(index, 1),
+                    class: "radius-small h-100 i-big flex-center flex aspect-1x1 bg-red"
+                  }, [
+                    createVNode(_sfc_main$2, {
+                      class: "i-medium",
+                      fill: "rgb(var(--white)"
+                    })
+                  ], 8, _hoisted_3))
+                ]),
+                _: 2
+              }, 1032, ["field", "onUpdate:field", "validation"])
+            ]);
+          }), 128))
+        ]),
+        createVNode(_sfc_main$3, {
+          submit: submitMembers,
+          class: "w-100 bg-main"
+        }, {
+          default: withCtx(() => _cache[1] || (_cache[1] = [
+            createElementVNode("span", null, "Send invitations", -1)
+          ])),
+          _: 1
+        })
+      ]);
+    };
+  }
+};
+export {
+  _sfc_main as default
+};
+//# sourceMappingURL=InviteForm.vue.js.map