@ozdao/martyrs 0.2.549 → 0.2.550

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

@@ -2,17 +2,17 @@
 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.vue2.cjs");
+const UploadImage = require("../../../../components/UploadImage/UploadImage.vue2.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 Spoiler = require("../../../../components/Spoiler/Spoiler.vue.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 core_store = require("../../../core/views/store/core.store.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" };
@@ -151,7 +151,7 @@ const _sfc_main = {
         });
         closeMemberPopup();
       } else {
-        globals.actions.setError({ message: "This user is already a member of this department" });
+        core_store.actions.setError({ message: "This user is already a member of this department" });
       }
     }
     function removeMember(member) {
@@ -183,7 +183,7 @@ const _sfc_main = {
         emit("close");
       } catch (error) {
         console.error("Error saving department:", error);
-        globals.actions.setError(error);
+        core_store.actions.setError(error);
         throw error;
       }
     }
@@ -195,7 +195,7 @@ const _sfc_main = {
           emit("close");
         } catch (error) {
           console.error("Error deleting department:", error);
-          globals.actions.setError(error);
+          core_store.actions.setError(error);
         }
       }
     }

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

@@ -1 +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-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 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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"}
+{"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-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":["useRoute","computed","ref","reactive","core.actions","departmentsStore"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuMcA,cAAAA,SAAQ;AAEtB,UAAM,QAAQ;AAKd,UAAM,OAAO;AAGb,UAAM,oBAAoBC,IAAAA,SAAS,MAAM,CAAC,CAAC,MAAM,YAAY,GAAG;AAChE,UAAM,uBAAuBC,IAAAA,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,oBAAoBC,IAAAA;AAAAA,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;AACLC,mBAAAA,QAAa,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,MAAMC,kBAAAA,QAAiB,OAAO;AAAA,YACrC,GAAG;AAAA,YACH,KAAK,MAAM,WAAW;AAAA,UAC9B,CAAO;AAAA,QACH,OAAO;AAEL,mBAAS,MAAMA,kBAAAA,QAAiB,OAAO,cAAc;AAAA,QACvD;AAEA,aAAK,SAAS,MAAM;AACpB,aAAK,OAAO;AAAA,MACd,SAAS,OAAO;AACd,gBAAQ,MAAM,4BAA4B,KAAK;AAC/CD,mBAAAA,QAAa,SAAS,KAAK;AAC3B,cAAM;AAAA,MACR;AAAA,IACF;AAEA,mBAAe,WAAW;AACxB,UAAI,QAAQ,kDAAkD,GAAG;AAC/D,YAAI;AACF,gBAAMC,kBAAAA,QAAiB,OAAO,EAAE,KAAK,MAAM,WAAW,KAAK;AAC3D,eAAK,SAAS,IAAI;AAClB,eAAK,OAAO;AAAA,QACd,SAAS,OAAO;AACd,kBAAQ,MAAM,8BAA8B,KAAK;AACjDD,qBAAAA,QAAa,SAAS,KAAK;AAAA,QAC7B;AAAA,MACF;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -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.vue.js";
-import Field from "../../../../components/Field/Field.vue2.js";
+import UploadImage from "../../../../components/UploadImage/UploadImage.vue2.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$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.vue2.js";
+import _sfc_main$5 from "../../../../components/Spoiler/Spoiler.vue.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 "../../../globals/views/store/globals.js";
+import { actions } 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" };

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

@@ -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 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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,gBAAgB,SAAS,EAAE,SAAS,mDAAkD,CAAE;AAAA,MAC1F;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,gBAAgB,SAAS,KAAK;AAC9B,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,kBAAgB,SAAS,KAAK;AAAA,QAChC;AAAA,MACF;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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":"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"}

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Field = require("../../../../components/Field/Field.vue2.cjs");
+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");

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

@@ -1,5 +1,5 @@
 import { ref, createElementBlock, openBlock, createElementVNode, createVNode, toDisplayString, Fragment, renderList, withCtx } from "vue";
-import Field from "../../../../components/Field/Field.vue2.js";
+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";

package/dist/martyrs/src/modules/organizations/components/pages/Department.vue.cjs

@@ -2,24 +2,23 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-;/* empty css                                           */
+;/* empty css                                            */
 const departments_store = require("../../store/departments.store.cjs");
-;/* empty css                                         */
+;/* empty css                                          */
 ;/* empty css                                             */
-;/* empty css                                              */
 ;/* empty css                                             */
-;/* empty css                                       */
+;/* empty css                                             */
+;/* empty css                                        */
 ;/* empty css                                        */
 ;/* empty css                                          */
-;/* empty css                                                       */
+;/* empty css                                                     */
 ;/* empty css                                      */
-;/* empty css                                   */
+;/* empty css                                    */
 const CardUser = require("../../../auth/views/components/blocks/CardUser.vue.cjs");
 require("vue-i18n");
 ;/* empty css                                                   */
 ;/* empty css                                           */
-;/* empty css                                       */
-;/* empty css                                      */
+;/* empty css                                     */
 require("../../../../components/Menu/MenuItem.vue.cjs");
 const IconEdit = require("../../../icons/navigation/IconEdit.vue.cjs");
 ;/* empty css                                          */
@@ -28,10 +27,11 @@ const IconEdit = require("../../../icons/navigation/IconEdit.vue.cjs");
 ;/* empty css                                               */
 ;/* empty css                                                     */
 ;/* empty css                                               */
-;/* empty css                                                */
+;/* empty css                                               */
 ;/* empty css                                                   */
 require("axios");
-;/* empty css                                                    */
+;/* empty css                                                   */
+;/* empty css                                */
 ;/* empty css                              */
 const DepartmentSub = require("../blocks/DepartmentSub.vue.cjs");
 ;/* empty css                           */

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

@@ -1,23 +1,22 @@
 import { withAsyncContext, resolveComponent, createElementBlock, openBlock, createCommentVNode, unref, createElementVNode, createVNode, toDisplayString, withCtx, Fragment, renderList, createBlock } from "vue";
 import { useRouter, useRoute } from "vue-router";
-/* empty css                                         */
+/* 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                                        */
-/* 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                                     */
-/* empty css                                    */
+/* empty css                                   */
 import "../../../../components/Menu/MenuItem.vue.js";
 import _sfc_main$1 from "../../../icons/navigation/IconEdit.vue.js";
 /* empty css                                        */
@@ -26,10 +25,11 @@ import _sfc_main$1 from "../../../icons/navigation/IconEdit.vue.js";
 /* empty css                                             */
 /* empty css                                                   */
 /* empty css                                             */
-/* empty css                                              */
+/* empty css                                             */
 /* empty css                                                 */
 import "axios";
-/* empty css                                                  */
+/* empty css                                                 */
+/* empty css                              */
 /* empty css                            */
 import DepartmentSub from "../blocks/DepartmentSub.vue.js";
 /* empty css                         */

package/dist/martyrs/src/modules/organizations/components/pages/Members.vue.cjs

@@ -4,39 +4,39 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
-const SectionPageTitle = require("../../../globals/views/components/sections/SectionPageTitle.vue.cjs");
+const SectionPageTitle = require("../../../core/views/components/sections/SectionPageTitle.vue.cjs");
 const departments_store = require("../../store/departments.store.cjs");
 const invites_store = require("../../store/invites.store.cjs");
 const memberships_store = require("../../store/memberships.store.cjs");
 const organizations = require("../../store/organizations.cjs");
-;/* empty css                                           */
+;/* empty css                                            */
 const CardUser = require("../../../auth/views/components/blocks/CardUser.vue.cjs");
 require("vue-i18n");
 ;/* empty css                                                   */
 ;/* empty css                                           */
-;/* empty css                                              */
-;/* empty css                                       */
-;/* empty css                                      */
+;/* empty css                                             */
+;/* empty css                                     */
 require("../../../../components/Menu/MenuItem.vue.cjs");
-;/* empty css                                         */
 ;/* empty css                                          */
 ;/* empty css                                          */
-;/* empty css                                   */
+;/* empty css                                          */
+;/* empty css                                    */
 ;/* empty css                                                          */
-;/* empty css                                       */
+;/* empty css                                        */
 ;/* empty css                                             */
 ;/* empty css                                          */
-;/* empty css                                                       */
+;/* empty css                                                     */
 ;/* empty css                                               */
 ;/* empty css                                                     */
 const auth = require("../../../auth/views/store/auth.cjs");
 ;/* empty css                                               */
-;/* empty css                                                */
+;/* empty css                                               */
 ;/* empty css                                                   */
 require("axios");
 const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
-;/* empty css                                                    */
+;/* empty css                                                   */
 ;/* empty css                                             */
+;/* empty css                                */
 const DepartmentForm = require("../forms/DepartmentForm.vue.cjs");
 const InviteForm = require("../forms/InviteForm.vue.cjs");
 const AddExistingMembersForm = require("../forms/AddExistingMembersForm.vue.cjs");

package/dist/martyrs/src/modules/organizations/components/pages/Members.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Members.vue.cjs","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/globals/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 globals from '@martyrs/src/modules/globals/views/store/globals.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":["useRoute","useRouter","ref","onMounted","organization.actions","auth.state","invitesStore","membershipsStore","departmentsStore"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgOA,UAAM,QAAQA,UAAAA,SAAQ;AACPC,cAAAA,UAAS;AAGxB,UAAM,mBAAmBC,IAAAA,IAAI,IAAI;AACjC,UAAM,cAAcA,IAAAA,IAAI,EAAE;AAC1B,UAAM,cAAcA,IAAAA,IAAI,EAAE;AAC1B,UAAM,kBAAkBA,IAAAA,IAAI,EAAE;AAC9B,UAAM,WAAWA,IAAAA,IAAI,KAAK;AAG1B,UAAM,oBAAoBA,IAAAA,IAAI,KAAK;AACnC,UAAM,sBAAsBA,IAAAA,IAAI,KAAK;AACrC,UAAM,wBAAwBA,IAAAA,IAAI,KAAK;AACvC,UAAM,oBAAoBA,IAAAA,IAAI,IAAI;AAGlC,aAAS,kBAAkB;AACzB,wBAAkB,QAAQ;AAAA,IAC5B;AAEA,aAAS,mBAAmB;AAC1B,wBAAkB,QAAQ;AAAA,IAC5B;AAEA,aAAS,oBAAoB;AAC3B,0BAAoB,QAAQ;AAAA,IAC9B;AAEA,aAAS,qBAAqB;AAC5B,0BAAoB,QAAQ;AAAA,IAC9B;AAEA,aAAS,oBAAoB,aAAa,MAAM;AAC9C,wBAAkB,QAAQ;AAC1B,4BAAsB,QAAQ;AAAA,IAChC;AAEA,aAAS,uBAAuB;AAC9B,4BAAsB,QAAQ;AAC9B,wBAAkB,QAAQ;AAAA,IAC5B;AAGAC,QAAAA,UAAU,YAAY;AACpB,UAAI;AACF,cAAM,WAAW,MAAMC,cAAAA,QAAqB,KAAK;AAAA,UAC/C,KAAK,MAAM,OAAO;AAAA,UAClB,MAAMC,KAAAA,MAAW,KAAK;AAAA,QAC5B,CAAK;AACD,yBAAiB,QAAQ,SAAS,CAAC;AACnC,iBAAS,QAAQ;AAAA,MACnB,SAAS,OAAO;AACd,gBAAQ,MAAM,+BAA+B,KAAK;AAClD,iBAAS,QAAQ;AAAA,MACnB;AAAA,IACF,CAAC;AAGD,mBAAe,iBAAiB,MAAM,SAAS,QAAQ;AACrD,UAAI;AACF,cAAM,WAAW,MAAMC,cAAAA,QAAa,OAAO;AAAA,UACzC,OAAO;AAAA,YACL,MAAM;AAAA,YACN,QAAQ,iBAAiB,MAAM;AAAA,UACvC;AAAA,UACM,SAAS;AAAA,YACP,MAAM;AAAA,YACN,QAAQD,KAAAA,MAAW,KAAK;AAAA,UAChC;AAAA,UACM,SAAS;AAAA,QACf,CAAK;AAGD,YAAI,SAAS,gBAAgB;AAC3B,mBAAS,UAAU,SAAS,gBAAgB;AAC1CC,0BAAAA,QAAa,QAAQ,QAAQ,YAAY,KAAK;AAAA,UAChD;AAAA,QACF,WAAW,SAAS,KAAK;AAEvBA,wBAAAA,QAAa,QAAQ,UAAU,YAAY,KAAK;AAAA,QAClD;AAEA,yBAAgB;AAChB,gBAAO;AAAA,MACT,SAAS,OAAO;AACd,eAAO,KAAK;AAAA,MACd;AAAA,IACF;AAEA,aAAS,iBAAiB,YAAY;AACpC,yBAAkB;AAElB,UAAI,cAAc,WAAW,SAAS,GAAG;AACvC,mBAAW,QAAQ,gBAAc;AAC/BC,4BAAAA,QAAiB,QAAQ,YAAY,YAAY,KAAK;AAAA,QACxD,CAAC;AAAA,MACH;AAAA,IACF;AAEA,aAAS,sBAAsB,YAAY;AACzC,2BAAoB;AAEpB,cAAQ,IAAI,sCAAsC,UAAU;AAC5D,cAAQ,IAAI,kCAAkC,gBAAgB,KAAK;AACnE,cAAQ,IAAI,sBAAsB,kBAAkB,KAAK;AAEzD,UAAI,YAAY;AAEd,YAAI,kBAAkB,OAAO;AAC3BC,4BAAAA,QAAiB,WAAW,YAAY,gBAAgB,KAAK;AAAA,QAC/D,OAAO;AACLA,4BAAAA,QAAiB,QAAQ,YAAY,gBAAgB,KAAK;AAAA,QAC5D;AAAA,MACF,OAAO;AAEL,YAAI,kBAAkB,OAAO;AAC3BA,4BAAAA,QAAiB,WAAW,kBAAkB,OAAO,gBAAgB,KAAK;AAAA,QAC5E;AAAA,MACF;AAEA,cAAQ,IAAI,iCAAiC,gBAAgB,KAAK;AAAA,IACpE;AAEA,mBAAe,aAAa,OAAO,QAAQ;AACzC,UAAI,QAAQ,0BAA0B,KAAK,MAAM;AAC/C,cAAMD,kBAAAA,QAAiB,OAAO,MAAM;AACpCA,0BAAAA,QAAiB,WAAW,QAAQ,YAAY,KAAK;AAAA,MACvD;AAAA,IACF;AAEA,mBAAe,aAAa,OAAO,QAAQ;AACzC,UAAI,QAAQ,0BAA0B,KAAK,MAAM;AAC/C,cAAMD,cAAAA,QAAa,OAAO,MAAM;AAChCA,sBAAAA,QAAa,WAAW,QAAQ,YAAY,KAAK;AAAA,MACnD;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Members.vue.cjs","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":["useRoute","useRouter","ref","onMounted","organization.actions","auth.state","invitesStore","membershipsStore","departmentsStore"],"mappings":"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"}

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

@@ -2,39 +2,39 @@ import { ref, onMounted, createElementBlock, openBlock, createElementVNode, crea
 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 "../../../globals/views/components/sections/SectionPageTitle.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                                         */
+/* empty css                                          */
 import _sfc_main$3 from "../../../auth/views/components/blocks/CardUser.vue.js";
 import "vue-i18n";
 /* empty css                                                 */
 /* empty css                                         */
-/* empty css                                            */
-/* 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                                        */
-/* empty css                                                     */
+/* empty css                                                   */
 /* empty css                                             */
 /* empty css                                                   */
 import { state } from "../../../auth/views/store/auth.js";
 /* empty css                                             */
-/* empty css                                              */
+/* empty css                                             */
 /* empty css                                                 */
 import "axios";
 import _sfc_main$4 from "../../../icons/navigation/IconDelete.vue.js";
-/* empty css                                                  */
+/* empty css                                                 */
 /* empty css                                           */
+/* empty css                              */
 import _sfc_main$8 from "../forms/DepartmentForm.vue.js";
 import _sfc_main$6 from "../forms/InviteForm.vue.js";
 import _sfc_main$7 from "../forms/AddExistingMembersForm.vue.js";