@ozdao/martyrs 0.2.551 → 0.2.553

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

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

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

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

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

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

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

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

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

@@ -1,7 +1,7 @@
 import { ref, onMounted, createElementBlock, openBlock, createVNode, withCtx, createBlock, createCommentVNode, unref, createElementVNode } from "vue";
 import _sfc_main$1 from "../../../../components/Menu/Menu.vue2.js";
 import _sfc_main$2 from "../../../../components/Menu/MenuItem.vue.js";
-/* empty css                                                 */
+/* empty css                                                  */
 import _sfc_main$4 from "../../../icons/entities/IconProducts.vue.js";
 import _sfc_main$8 from "../../../icons/entities/IconEvents.vue.js";
 import _sfc_main$3 from "../../../icons/entities/IconGroups.vue.js";

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

@@ -6,8 +6,8 @@ import _sfc_main$2 from "../../../../components/FieldTags/BlockTags.vue.js";
 /* empty css                                 */
 import Field from "../../../../components/Field/Field.vue.js";
 /* empty css                                        */
-import _sfc_main$1 from "../../../../components/SelectMulti/SelectMulti.vue2.js";
-import UploadImage from "../../../../components/UploadImage/UploadImage.vue2.js";
+import _sfc_main$1 from "../../../../components/SelectMulti/SelectMulti.vue.js";
+import UploadImage from "../../../../components/UploadImage/UploadImage.vue.js";
 import _sfc_main$3 from "../../../../components/Button/Button.vue2.js";
 /* empty css                                      */
 import { state as state$1 } from "../../../auth/views/store/auth.js";

package/dist/martyrs/src/modules/organizations/components/sections/Documents.vue.js

@@ -2,7 +2,7 @@ import { ref, watchEffect, resolveComponent, createElementBlock, openBlock, crea
 import { useRouter, useRoute } from "vue-router";
 import Field from "../../../../components/Field/Field.vue.js";
 /* empty css                                      */
-/* empty css                                       */
+/* empty css                                        */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 /* empty css                                       */
 /* empty css               */

package/dist/martyrs/src/modules/organizations/components/sections/Organizations.vue.js

@@ -4,7 +4,7 @@ import "../../../../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-coo
 /* empty css                                 */
 /* empty css                                      */
 /* empty css                                        */
-/* empty css                                       */
+/* empty css                                        */
 /* empty css                                       */
 import _sfc_main$2 from "../blocks/CardOrganization.vue.js";
 import _sfc_main$1 from "../blocks/EmptyState.vue.js";

package/dist/martyrs/src/modules/organizations/organizations.client.js

@@ -25,6 +25,14 @@ import { default as default19 } from "./components/sections/MembersAdd.vue.js";
 import { default as default20 } from "./components/sections/Organizations.vue.js";
 import { default as default21 } from "./components/sections/Publics.vue.js";
 import { default as default22 } from "./components/elements/ButtonToggleMembership.vue.js";
+performance.mark("loading-35-start");
+console.log("[LOADING 35] Organizations module import started...");
+performance.mark("loading-35-stores-end");
+const storesTime = performance.measure("loading-35-stores", "loading-35-start", "loading-35-stores-end");
+console.log(`[LOADING 35] Store imports completed in ${storesTime.duration.toFixed(2)}ms`);
+performance.mark("loading-35-router-end");
+const routerTime = performance.measure("loading-35-router", "loading-35-stores-end", "loading-35-router-end");
+console.log(`[LOADING 35] Router imports completed in ${routerTime.duration.toFixed(2)}ms`);
 function initializeOrganization(app, store, router, options = {}) {
   const routes = getRoutes(options);
   routes.forEach(({ parentName, config }) => {
@@ -46,6 +54,10 @@ const ModuleOrganization = {
     }
   }
 };
+performance.mark("loading-35-end");
+performance.measure("loading-35-total", "loading-35-start", "loading-35-end");
+const totalTime = performance.getEntriesByName("loading-35-total")[0];
+console.log(`[LOADING 35] Organizations module fully imported in ${totalTime?.duration?.toFixed(2)}ms`);
 export {
   default9 as AddExistingMembersForm,
   default22 as ButtonToggleMembership,

package/dist/martyrs/src/modules/organizations/organizations.client.js.map

@@ -1 +1 @@
-{"version":3,"file":"organizations.client.js","sources":["../../../../../src/modules/organizations/organizations.client.js"],"sourcesContent":["// Functional imports (needed for initialize function)\nimport departmentsStore from './store/departments.store.js';\nimport invitesStore from './store/invites.store.js';\nimport membershipsStore from './store/memberships.store.js';\nimport * as storeOrganizations from './store/organizations.js';\n\n// Router\nimport addRoutes from '@martyrs/src/modules/core/views/router/addRoutes.js';\nimport { getRoutes } from './organizations.router.js';\n\n// Component re-exports (enables tree shaking)\n// Pages\nexport { default as Department } from './components/pages/Department.vue';\nexport { default as Members } from './components/pages/Members.vue';\nexport { default as Organization } from './components/pages/Organization.vue';\nexport { default as OrganizationEdit } from './components/pages/OrganizationEdit.vue';\nexport { default as Organizations } from './components/pages/Organizations.vue';\n\n// Forms\nexport { default as DepartmentForm } from './components/forms/DepartmentForm.vue';\nexport { default as InviteForm } from './components/forms/InviteForm.vue';\nexport { default as AddExistingMembersForm } from './components/forms/AddExistingMembersForm.vue';\n\n// Blocks\nexport { default as CardDepartment } from './components/blocks/CardDepartment.vue';\nexport { default as CardOrganization } from './components/blocks/CardOrganization.vue';\nexport { default as Contacts } from './components/blocks/Contacts.vue';\nexport { default as DepartmentSub } from './components/blocks/DepartmentSub.vue';\nexport { default as EmptyState } from './components/blocks/EmptyState.vue';\nexport { default as Rating } from './components/blocks/Rating.vue';\nexport { default as Socials } from './components/blocks/Socials.vue';\nexport { default as Unit } from './components/blocks/Unit.vue';\n\n// Sections\nexport { default as Documents } from './components/sections/Documents.vue';\nexport { default as MembersAdd } from './components/sections/MembersAdd.vue';\nexport { default as OrganizationsSection } from './components/sections/Organizations.vue';\nexport { default as Publics } from './components/sections/Publics.vue';\n\n// Elements\nexport { default as ButtonToggleMembership } from './components/elements/ButtonToggleMembership.vue';\n\n// Пример функции инициализации для модуля организаций\nfunction initializeOrganization(app, store, router, options = {}) {\n  const routes = getRoutes(options);\n  routes.forEach(({ parentName, config }) => {\n    addRoutes(router, { ...config, parentName });\n  });\n\n  store.addStore('organizations', storeOrganizations);\n}\n\n// Functional exports\nexport {\n  departmentsStore,\n  invitesStore,\n  membershipsStore,\n  getRoutes,\n  storeOrganizations,\n  initializeOrganization as initialize,\n};\n\nconst ModuleOrganization = {\n  initialize: initializeOrganization,\n  views: {\n    store: {\n      departmentsStore,\n      invitesStore,\n      membershipsStore,\n      storeOrganizations,\n    },\n    router: {\n      getRoutes,\n    },\n  },\n};\n\nexport default ModuleOrganization;\n"],"names":["storeOrganizations"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,SAAS,uBAAuB,KAAK,OAAO,QAAQ,UAAU,CAAA,GAAI;AAChE,QAAM,SAAS,UAAU,OAAO;AAChC,SAAO,QAAQ,CAAC,EAAE,YAAY,OAAM,MAAO;AACzC,cAAU,QAAQ,EAAE,GAAG,QAAQ,WAAU,CAAE;AAAA,EAC7C,CAAC;AAED,QAAM,SAAS,iBAAiBA,aAAkB;AACpD;AAYK,MAAC,qBAAqB;AAAA,EACzB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACN,oBAAMA;AAAAA,IACN;AAAA,IACI,QAAQ;AAAA,MACN;AAAA,IACN;AAAA,EACA;AACA;"}
+{"version":3,"file":"organizations.client.js","sources":["../../../../../src/modules/organizations/organizations.client.js"],"sourcesContent":["// [LOADING 35] Organizations module import started\nperformance.mark('loading-35-start');\nconsole.log('[LOADING 35] Organizations module import started...');\n\n// Functional imports (needed for initialize function)\nimport departmentsStore from './store/departments.store.js';\nimport invitesStore from './store/invites.store.js';\nimport membershipsStore from './store/memberships.store.js';\nimport * as storeOrganizations from './store/organizations.js';\n\nperformance.mark('loading-35-stores-end');\nconst storesTime = performance.measure('loading-35-stores', 'loading-35-start', 'loading-35-stores-end');\nconsole.log(`[LOADING 35] Store imports completed in ${storesTime.duration.toFixed(2)}ms`);\n\n// Router\nimport addRoutes from '@martyrs/src/modules/core/views/router/addRoutes.js';\nimport { getRoutes } from './organizations.router.js';\n\nperformance.mark('loading-35-router-end');\nconst routerTime = performance.measure('loading-35-router', 'loading-35-stores-end', 'loading-35-router-end');\nconsole.log(`[LOADING 35] Router imports completed in ${routerTime.duration.toFixed(2)}ms`);\n\n// Component re-exports (enables tree shaking)\n// Pages\nexport { default as Department } from './components/pages/Department.vue';\nexport { default as Members } from './components/pages/Members.vue';\nexport { default as Organization } from './components/pages/Organization.vue';\nexport { default as OrganizationEdit } from './components/pages/OrganizationEdit.vue';\nexport { default as Organizations } from './components/pages/Organizations.vue';\n\n// Forms\nexport { default as DepartmentForm } from './components/forms/DepartmentForm.vue';\nexport { default as InviteForm } from './components/forms/InviteForm.vue';\nexport { default as AddExistingMembersForm } from './components/forms/AddExistingMembersForm.vue';\n\n// Blocks\nexport { default as CardDepartment } from './components/blocks/CardDepartment.vue';\nexport { default as CardOrganization } from './components/blocks/CardOrganization.vue';\nexport { default as Contacts } from './components/blocks/Contacts.vue';\nexport { default as DepartmentSub } from './components/blocks/DepartmentSub.vue';\nexport { default as EmptyState } from './components/blocks/EmptyState.vue';\nexport { default as Rating } from './components/blocks/Rating.vue';\nexport { default as Socials } from './components/blocks/Socials.vue';\nexport { default as Unit } from './components/blocks/Unit.vue';\n\n// Sections\nexport { default as Documents } from './components/sections/Documents.vue';\nexport { default as MembersAdd } from './components/sections/MembersAdd.vue';\nexport { default as OrganizationsSection } from './components/sections/Organizations.vue';\nexport { default as Publics } from './components/sections/Publics.vue';\n\n// Elements\nexport { default as ButtonToggleMembership } from './components/elements/ButtonToggleMembership.vue';\n\n// Пример функции инициализации для модуля организаций\nfunction initializeOrganization(app, store, router, options = {}) {\n  const routes = getRoutes(options);\n  routes.forEach(({ parentName, config }) => {\n    addRoutes(router, { ...config, parentName });\n  });\n\n  store.addStore('organizations', storeOrganizations);\n}\n\n// Functional exports\nexport {\n  departmentsStore,\n  invitesStore,\n  membershipsStore,\n  getRoutes,\n  storeOrganizations,\n  initializeOrganization as initialize,\n};\n\nconst ModuleOrganization = {\n  initialize: initializeOrganization,\n  views: {\n    store: {\n      departmentsStore,\n      invitesStore,\n      membershipsStore,\n      storeOrganizations,\n    },\n    router: {\n      getRoutes,\n    },\n  },\n};\n\n// [LOADING 35] Organizations module import completed\nperformance.mark('loading-35-end');\nperformance.measure('loading-35-total', 'loading-35-start', 'loading-35-end');\nconst totalTime = performance.getEntriesByName('loading-35-total')[0];\nconsole.log(`[LOADING 35] Organizations module fully imported in ${totalTime?.duration?.toFixed(2)}ms`);\n\nexport default ModuleOrganization;\n"],"names":["storeOrganizations"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,YAAY,KAAK,kBAAkB;AACnC,QAAQ,IAAI,qDAAqD;AAQjE,YAAY,KAAK,uBAAuB;AACxC,MAAM,aAAa,YAAY,QAAQ,qBAAqB,oBAAoB,uBAAuB;AACvG,QAAQ,IAAI,2CAA2C,WAAW,SAAS,QAAQ,CAAC,CAAC,IAAI;AAMzF,YAAY,KAAK,uBAAuB;AACxC,MAAM,aAAa,YAAY,QAAQ,qBAAqB,yBAAyB,uBAAuB;AAC5G,QAAQ,IAAI,4CAA4C,WAAW,SAAS,QAAQ,CAAC,CAAC,IAAI;AAmC1F,SAAS,uBAAuB,KAAK,OAAO,QAAQ,UAAU,CAAA,GAAI;AAChE,QAAM,SAAS,UAAU,OAAO;AAChC,SAAO,QAAQ,CAAC,EAAE,YAAY,OAAM,MAAO;AACzC,cAAU,QAAQ,EAAE,GAAG,QAAQ,WAAU,CAAE;AAAA,EAC7C,CAAC;AAED,QAAM,SAAS,iBAAiBA,aAAkB;AACpD;AAYK,MAAC,qBAAqB;AAAA,EACzB,YAAY;AAAA,EACZ,OAAO;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACN,oBAAMA;AAAAA,IACN;AAAA,IACI,QAAQ;AAAA,MACN;AAAA,IACN;AAAA,EACA;AACA;AAGA,YAAY,KAAK,gBAAgB;AACjC,YAAY,QAAQ,oBAAoB,oBAAoB,gBAAgB;AAC5E,MAAM,YAAY,YAAY,iBAAiB,kBAAkB,EAAE,CAAC;AACpE,QAAQ,IAAI,uDAAuD,WAAW,UAAU,QAAQ,CAAC,CAAC,IAAI;"}

package/dist/martyrs/src/modules/organizations/store/departments.store.js

@@ -1,5 +1,5 @@
-import Store from "../../core/views/classes/core.store.js";
-const departmentsStore = new Store("/api/departments");
+import StoreManager from "../../core/views/classes/store.manager.js";
+const departmentsStore = new StoreManager("/api/departments");
 export {
   departmentsStore as default
 };

package/dist/martyrs/src/modules/organizations/store/departments.store.js.map

@@ -1 +1 @@
-{"version":3,"file":"departments.store.js","sources":["../../../../../../src/modules/organizations/store/departments.store.js"],"sourcesContent":["import Store from '@martyrs/src/modules/core/views/classes/core.store.js';\n\nconst departmentsStore = new Store('/api/departments');\n\nexport default departmentsStore;"],"names":[],"mappings":";AAEK,MAAC,mBAAmB,IAAI,MAAM,kBAAkB;"}
+{"version":3,"file":"departments.store.js","sources":["../../../../../../src/modules/organizations/store/departments.store.js"],"sourcesContent":["import StoreManager from '@martyrs/src/modules/core/views/classes/store.manager.js';\n\nconst departmentsStore = new StoreManager('/api/departments');\n\nexport default departmentsStore;"],"names":[],"mappings":";AAEK,MAAC,mBAAmB,IAAI,aAAa,kBAAkB;"}

package/dist/martyrs/src/modules/organizations/store/invites.store.js

@@ -1,5 +1,5 @@
-import Store from "../../core/views/classes/core.store.js";
-const invitesStore = new Store("/api/invites");
+import StoreManager from "../../core/views/classes/store.manager.js";
+const invitesStore = new StoreManager("/api/invites");
 export {
   invitesStore as default
 };

package/dist/martyrs/src/modules/organizations/store/invites.store.js.map

@@ -1 +1 @@
-{"version":3,"file":"invites.store.js","sources":["../../../../../../src/modules/organizations/store/invites.store.js"],"sourcesContent":["import Store from '@martyrs/src/modules/core/views/classes/core.store.js';\n\nconst invitesStore = new Store('/api/invites');\n\nexport default invitesStore;"],"names":[],"mappings":";AAEK,MAAC,eAAe,IAAI,MAAM,cAAc;"}
+{"version":3,"file":"invites.store.js","sources":["../../../../../../src/modules/organizations/store/invites.store.js"],"sourcesContent":["import StoreManager from '@martyrs/src/modules/core/views/classes/store.manager.js';\n\nconst invitesStore = new StoreManager('/api/invites');\n\nexport default invitesStore;"],"names":[],"mappings":";AAEK,MAAC,eAAe,IAAI,aAAa,cAAc;"}

package/dist/martyrs/src/modules/organizations/store/memberships.store.js

@@ -1,5 +1,5 @@
-import Store from "../../core/views/classes/core.store.js";
-const membershipsStore = new Store("/api/memberships");
+import StoreManager from "../../core/views/classes/store.manager.js";
+const membershipsStore = new StoreManager("/api/memberships");
 membershipsStore.handleMembershipUpdate = function(user, membership, status, target, statusName, statusNumber) {
   if (!user) return;
   if (status === true || status === "active") {

package/dist/martyrs/src/modules/organizations/store/memberships.store.js.map

@@ -1 +1 @@
-{"version":3,"file":"memberships.store.js","sources":["../../../../../../src/modules/organizations/store/memberships.store.js"],"sourcesContent":["import Store from '@martyrs/src/modules/core/views/classes/core.store.js';\n\nconst membershipsStore = new Store('/api/memberships');\n\n// Add handleMembershipUpdate method\nmembershipsStore.handleMembershipUpdate = function(user, membership, status, target, statusName, statusNumber) {\n  if (!user) return;\n  \n  // status comes as boolean from ButtonToggleMembership\n  if (status === true || status === 'active') {\n    user[statusName] = true;\n    if (statusNumber) {\n      user[statusNumber] = (user[statusNumber] || 0) + 1;\n    }\n  } else {\n    user[statusName] = false;\n    if (statusNumber) {\n      user[statusNumber] = Math.max((user[statusNumber] || 0) - 1, 0);\n    }\n  }\n};\n\nexport default membershipsStore;"],"names":[],"mappings":";AAEK,MAAC,mBAAmB,IAAI,MAAM,kBAAkB;AAGrD,iBAAiB,yBAAyB,SAAS,MAAM,YAAY,QAAQ,QAAQ,YAAY,cAAc;AAC7G,MAAI,CAAC,KAAM;AAGX,MAAI,WAAW,QAAQ,WAAW,UAAU;AAC1C,SAAK,UAAU,IAAI;AACnB,QAAI,cAAc;AAChB,WAAK,YAAY,KAAK,KAAK,YAAY,KAAK,KAAK;AAAA,IACnD;AAAA,EACF,OAAO;AACL,SAAK,UAAU,IAAI;AACnB,QAAI,cAAc;AAChB,WAAK,YAAY,IAAI,KAAK,KAAK,KAAK,YAAY,KAAK,KAAK,GAAG,CAAC;AAAA,IAChE;AAAA,EACF;AACF;"}
+{"version":3,"file":"memberships.store.js","sources":["../../../../../../src/modules/organizations/store/memberships.store.js"],"sourcesContent":["import StoreManager from '@martyrs/src/modules/core/views/classes/store.manager.js';\n\nconst membershipsStore = new StoreManager('/api/memberships');\n\n// Add handleMembershipUpdate method\nmembershipsStore.handleMembershipUpdate = function(user, membership, status, target, statusName, statusNumber) {\n  if (!user) return;\n  \n  // status comes as boolean from ButtonToggleMembership\n  if (status === true || status === 'active') {\n    user[statusName] = true;\n    if (statusNumber) {\n      user[statusNumber] = (user[statusNumber] || 0) + 1;\n    }\n  } else {\n    user[statusName] = false;\n    if (statusNumber) {\n      user[statusNumber] = Math.max((user[statusNumber] || 0) - 1, 0);\n    }\n  }\n};\n\nexport default membershipsStore;"],"names":[],"mappings":";AAEK,MAAC,mBAAmB,IAAI,aAAa,kBAAkB;AAG5D,iBAAiB,yBAAyB,SAAS,MAAM,YAAY,QAAQ,QAAQ,YAAY,cAAc;AAC7G,MAAI,CAAC,KAAM;AAGX,MAAI,WAAW,QAAQ,WAAW,UAAU;AAC1C,SAAK,UAAU,IAAI;AACnB,QAAI,cAAc;AAChB,WAAK,YAAY,KAAK,KAAK,YAAY,KAAK,KAAK;AAAA,IACnD;AAAA,EACF,OAAO;AACL,SAAK,UAAU,IAAI;AACnB,QAAI,cAAc;AAChB,WAAK,YAAY,IAAI,KAAK,KAAK,KAAK,YAAY,KAAK,KAAK,GAAG,CAAC;AAAA,IAChE;AAAA,EACF;AACF;"}

package/dist/martyrs/src/modules/pages/views/components/blocks/CardPage.vue.js

@@ -1,7 +1,7 @@
 import { ref, resolveComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, normalizeClass, createVNode, createBlock, unref, withCtx, createTextVNode, toDisplayString, Fragment, renderList } from "vue";
 import _sfc_main$1 from "../../../../icons/navigation/IconEdit.vue.js";
 import _sfc_main$2 from "../../../../icons/navigation/IconAdd.vue.js";
-/* empty css                                          */
+/* empty css                                           */
 /* empty css                                          */
 /* empty css                                         */
 import { useRouter } from "vue-router";

package/dist/martyrs/src/modules/products/components/blocks/CardProduct.vue.js

@@ -2,7 +2,7 @@ import { resolveComponent, createElementBlock, openBlock, createBlock, createCom
 import { useI18n } from "vue-i18n";
 import _sfc_main$1 from "../../../icons/navigation/IconEdit.vue.js";
 import _sfc_main$4 from "../../../icons/actions/IconShopcartAdd.vue.js";
-import _sfc_main$2 from "../elements/THC.vue2.js";
+import _sfc_main$2 from "../elements/THC.vue.js";
 import _sfc_main$3 from "../elements/Price.vue.js";
 import PlaceholderImage from "../../../icons/placeholders/PlaceholderImage.vue.js";
 /* empty css                 */

package/dist/martyrs/src/modules/products/components/elements/Image360.vue.js

@@ -1,5 +1,5 @@
 import { ref, computed, watch, onMounted, onUnmounted, createElementBlock, openBlock, createStaticVNode, createVNode, Transition, withCtx, createCommentVNode, withModifiers, createBlock } from "vue";
-import Loader from "../../../../components/Loader/Loader.vue2.js";
+import Loader from "../../../../components/Loader/Loader.vue.js";
 /* empty css              */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "product-360-viewer" };

package/dist/martyrs/src/modules/products/components/elements/{THC.vue2.js → THC.vue.js}

@@ -1,5 +1,5 @@
 import { createElementBlock, createCommentVNode, openBlock, createElementVNode, toDisplayString } from "vue";
-/* empty css        */
+/* empty css         */
 const _hoisted_1 = {
   key: 0,
   class: "thc"
@@ -86,4 +86,4 @@ const _sfc_main = {
 export {
   _sfc_main as default
 };
-//# sourceMappingURL=THC.vue2.js.map
+//# sourceMappingURL=THC.vue.js.map

package/dist/martyrs/src/modules/products/components/elements/THC.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"THC.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/products/components/pages/Categories.vue.js

@@ -1,10 +1,10 @@
 import { ref, reactive, onUnmounted, onMounted, resolveComponent, createElementBlock, openBlock, createBlock, createCommentVNode, createElementVNode, withCtx, createVNode, unref, createTextVNode, isRef } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import { state as state$1 } from "../../../core/views/store/core.store.js";
+import { useStore } from "../../../core/views/store/core.store.js";
 import { state } from "../../../auth/views/store/auth.js";
-import { state as state$2, actions } from "../../store/categories.js";
+import { state as state$1, actions } from "../../store/categories.js";
 import { useGlobalMixins } from "../../../core/views/mixins/mixins.js";
-/* empty css                                       */
+/* empty css                                        */
 /* empty css                                       */
 import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$3 from "../../../../components/Feed/Feed.vue.js";
@@ -18,6 +18,7 @@ const _sfc_main = {
   setup(__props) {
     const route = useRoute();
     const router = useRouter();
+    const store = useStore();
     const { hasAccess } = useGlobalMixins();
     ref(null);
     let sort = reactive({
@@ -34,7 +35,7 @@ const _sfc_main = {
         value: "createdAt"
       }]
     });
-    state$1.navigation_bar.actions = [{
+    store.core.state.navigation_bar.actions = [{
       component: _sfc_main$1,
       props: {
         fill: "rgb(var(--main))"
@@ -45,7 +46,7 @@ const _sfc_main = {
         route.params._id ? router.push({ name: routeName, params: { _id: route.params._id } }) : router.push({ name: routeName });
       }
     }], onUnmounted(() => {
-      state$1.navigation_bar.actions = [];
+      store.core.state.navigation_bar.actions = [];
     });
     onMounted(async () => {
     });
@@ -77,7 +78,7 @@ const _sfc_main = {
           newParent: eventData.parent || null
         };
         const parentId = eventData.parent;
-        const sameLevel = parentId ? state$2.all.find((c) => c._id === parentId)?.children || [] : state$2.all;
+        const sameLevel = parentId ? state$1.all.find((c) => c._id === parentId)?.children || [] : state$1.all;
         sameLevel.forEach((item, index) => {
           result.affectedCategories.push({
             _id: item._id,
@@ -86,7 +87,7 @@ const _sfc_main = {
         });
       } else {
         console.log("No event data, collecting root level categories");
-        state$2.all.forEach((item, index) => {
+        state$1.all.forEach((item, index) => {
           result.affectedCategories.push({
             _id: item._id,
             order: index
@@ -152,7 +153,7 @@ const _sfc_main = {
             },
             store: {
               read: (options) => actions.read(options),
-              state: state$2
+              state: state$1
             },
             options: {
               user: state.user._id,
@@ -160,8 +161,8 @@ const _sfc_main = {
             },
             sort: unref(sort),
             "onUpdate:sort": _cache[0] || (_cache[0] = ($event) => isRef(sort) ? sort.value = $event : sort = $event),
-            items: state$2.all,
-            "onUpdate:items": _cache[1] || (_cache[1] = ($event) => state$2.all = $event),
+            items: state$1.all,
+            "onUpdate:items": _cache[1] || (_cache[1] = ($event) => state$1.all = $event),
             class: "rows-1 gap-thin"
           }, {
             default: withCtx(({
@@ -169,8 +170,8 @@ const _sfc_main = {
             }) => [
               items ? (openBlock(), createBlock(_sfc_main$4, {
                 key: 0,
-                items: state$2.all,
-                state: state$2.all,
+                items: state$1.all,
+                state: state$1.all,
                 "parent-id": null,
                 onUpdate: updateCategoriesOrder
               }, {

package/dist/martyrs/src/modules/products/components/pages/Categories.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Categories.vue.js","sources":["../../../../../../../src/modules/products/components/pages/Categories.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin bg-white\">\n    <Block v-if=\"!MOBILE_APP\" \n      class=\"radius-medium mn-b-thin mobile:flex-wrap flex-nowrap flex-v-center flex\"\n    >\n      <h2 class=\"mn-r-auto\">\n        Categories\n      </h2>\n\n      <router-link\n        :to=\"{\n          name: route.meta.context === 'backoffice' ? 'BackofficeCategoryAdd' : 'Organization_CategoryAdd',\n          params: {\n            _id: $route.params._id\n          }\n        }\"\n        class=\"uppercase t-medium pd-small radius-medium bg-white nav-link\"\n      >\n        Add New\n      </router-link>\n    </Block>\n\n    <div class=\"rows-1\">\n      <Feed\n        :search=\"true\"\n        :showLoadMore=\"false\"\n        :states=\"{\n          empty: {\n            title: 'No Products Found',\n            description: 'Currently, there are no products available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => categories.actions.read(options),\n          state: categories.state\n        }\"\n        :options=\"{\n          user: auth.state.user._id,\n          tree: true\n        }\"\n        v-model:sort=\"sort\"\n        v-model:items=\"categories.state.all\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"rows-1 gap-thin\"\n      >\n        <Tree \n          v-if=\"items\" \n          :items=\"categories.state.all\" \n          :state=\"categories.state.all\"\n          :parent-id=\"null\"\n          @update=\"updateCategoriesOrder\" \n          v-slot=\"{ item }\"\n        >\n          <CardCategory \n            :category=\"item\" \n            :access=\"hasAccess(route.params._id, 'products', 'edit', auth.state.accesses, auth.state.access.roles)\"\n            @delete=\"deleteCategory\" \n          />\n        </Tree>\n      </Feed>\n    </div>\n  </div>\n</template>\n\n<script setup>\n  import { onMounted, onUnmounted, computed, ref,reactive } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import * as core from '@martyrs/src/modules/core/views/store/core.store.js';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js'; \n  import * as categories from '@martyrs/src/modules/products/store/categories.js';\n  import { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js'; \n\n  const route = useRoute();\n  const router = useRouter();\n  const { hasAccess } = useGlobalMixins();\n\n  import Button from \"@martyrs/src/components/Button/Button.vue\";\n  import Block from '@martyrs/src/components/Block/Block.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n  import Tree from \"@martyrs/src/components/Tree/Tree.vue\";\n  \n  import CardCategory from '@martyrs/src/modules/products/components/blocks/CardCategory.vue';\n\n  import IconPlus from '@martyrs/src/modules/icons/navigation/IconPlus.vue'\n\n  let search = ref(null)\n\n  let sort = reactive({\n    param: 'order',\n    order: 'asc',\n    options: [{\n      label: 'Order',\n      value: 'order'\n    },{\n      label: 'Name',\n      value: 'name'\n    },{\n      label: 'Date',\n      value: 'createdAt'\n    }]\n  })\n\n  core.state.navigation_bar.actions = [{\n    component: IconPlus,\n    props: {\n      fill: \"rgb(var(--main))\"\n    },\n    condition: () => auth.state.user && auth.state.user._id,\n    action: () => {\n      const routeName = route.meta.context === 'backoffice' ? 'BackofficeCategoryAdd' : 'Organization_CategoryAdd';\n      route.params._id ? router.push({ name: routeName, params: { _id: route.params._id} }) : router.push({ name: routeName });\n    }\n  }],\n\n  onUnmounted(() => {\n    core.state.navigation_bar.actions = [];\n  });\n\n  onMounted(async () => {\n    \n  });\n\n  // Функция для сбора затронутых категорий при drag-n-drop\n  function collectAffectedCategories(eventData) {\n    const result = {\n      movedCategory: null,\n      affectedCategories: []\n    };\n    \n    console.log('collectAffectedCategories - eventData:', eventData);\n    \n    // Проверяем, что это объект от Tree компонента с полной информацией\n    if (eventData && eventData.movedItem) {\n      // Если категория переместилась между уровнями\n      if (eventData.movedItem._id) {\n        result.movedCategory = {\n          _id: eventData.movedItem._id,\n          newParent: eventData.parentId // Используем parentId из события (null для корня)\n        };\n      }\n      \n      // Собираем все категории текущего уровня с их новым порядком\n      const items = eventData.items || [];\n      console.log('Level items:', items);\n      \n      items.forEach((item, index) => {\n        result.affectedCategories.push({\n          _id: item._id,\n          order: index\n        });\n      });\n    } else if (eventData && eventData._id) {\n      // Fallback для старого формата (простой объект категории)\n      result.movedCategory = {\n        _id: eventData._id,\n        newParent: eventData.parent || null\n      };\n      \n      // Пытаемся найти категории того же уровня\n      const parentId = eventData.parent;\n      const sameLevel = parentId \n        ? categories.state.all.find(c => c._id === parentId)?.children || []\n        : categories.state.all;\n      \n      sameLevel.forEach((item, index) => {\n        result.affectedCategories.push({\n          _id: item._id,\n          order: index\n        });\n      });\n    } else {\n      // Если нет данных о перемещении, собираем корневые категории\n      console.log('No event data, collecting root level categories');\n      categories.state.all.forEach((item, index) => {\n        result.affectedCategories.push({\n          _id: item._id,\n          order: index\n        });\n      });\n    }\n    \n    console.log('collectAffectedCategories - result:', result);\n    \n    return result;\n  }\n\n  // Функция для обновления порядка категорий\n  async function updateCategoriesOrder(event) {\n    console.log('updateCategoriesOrder called with event:', event);\n    \n    try {\n      const data = collectAffectedCategories(event);\n      \n      // ОДИН КОНСОЛЬ ЛОГ НА ФРОНТЕНДЕ - ЧТО ОТПРАВЛЯЕМ\n      console.log('📤 FRONTEND SENDING:', JSON.stringify(data, null, 2));\n      await categories.actions.updateOrder(data);\n      console.log('Categories order updated successfully');\n    } catch (error) {\n      console.error('Error updating categories order:', error);\n      throw error;\n    }\n  }\n\n  async function deleteCategory(category) {\n    // Запрашиваем подтверждение у пользователя\n    const isConfirmed = confirm(`Are you sure you want to delete the category \"${category.name}\"?`);\n    \n    // Если пользователь подтвердил удаление, продолжаем процесс\n    if (isConfirmed) {\n      await categories.actions.delete(category._id);\n    }\n  }\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["core.state","IconPlus","auth.state","categories.state","categories.actions"],"mappings":"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"}
+{"version":3,"file":"Categories.vue.js","sources":["../../../../../../../src/modules/products/components/pages/Categories.vue"],"sourcesContent":["<template>\n  <div class=\"pd-thin bg-white\">\n    <Block v-if=\"!MOBILE_APP\" \n      class=\"radius-medium mn-b-thin mobile:flex-wrap flex-nowrap flex-v-center flex\"\n    >\n      <h2 class=\"mn-r-auto\">\n        Categories\n      </h2>\n\n      <router-link\n        :to=\"{\n          name: route.meta.context === 'backoffice' ? 'BackofficeCategoryAdd' : 'Organization_CategoryAdd',\n          params: {\n            _id: $route.params._id\n          }\n        }\"\n        class=\"uppercase t-medium pd-small radius-medium bg-white nav-link\"\n      >\n        Add New\n      </router-link>\n    </Block>\n\n    <div class=\"rows-1\">\n      <Feed\n        :search=\"true\"\n        :showLoadMore=\"false\"\n        :states=\"{\n          empty: {\n            title: 'No Products Found',\n            description: 'Currently, there are no products available.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => categories.actions.read(options),\n          state: categories.state\n        }\"\n        :options=\"{\n          user: auth.state.user._id,\n          tree: true\n        }\"\n        v-model:sort=\"sort\"\n        v-model:items=\"categories.state.all\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"rows-1 gap-thin\"\n      >\n        <Tree \n          v-if=\"items\" \n          :items=\"categories.state.all\" \n          :state=\"categories.state.all\"\n          :parent-id=\"null\"\n          @update=\"updateCategoriesOrder\" \n          v-slot=\"{ item }\"\n        >\n          <CardCategory \n            :category=\"item\" \n            :access=\"hasAccess(route.params._id, 'products', 'edit', auth.state.accesses, auth.state.access.roles)\"\n            @delete=\"deleteCategory\" \n          />\n        </Tree>\n      </Feed>\n    </div>\n  </div>\n</template>\n\n<script setup>\n  import { onMounted, onUnmounted, computed, ref,reactive } from 'vue';\n  import { useRoute, useRouter } from 'vue-router';\n\n  import { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\n  import * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n  import * as categories from '@martyrs/src/modules/products/store/categories.js';\n  import { useGlobalMixins } from '@martyrs/src/modules/core/views/mixins/mixins.js';\n\n  const route = useRoute();\n  const router = useRouter();\n  const store = useStore();\n  const { hasAccess } = useGlobalMixins();\n\n  import Button from \"@martyrs/src/components/Button/Button.vue\";\n  import Block from '@martyrs/src/components/Block/Block.vue';\n  import Feed from '@martyrs/src/components/Feed/Feed.vue'\n  import Tree from \"@martyrs/src/components/Tree/Tree.vue\";\n  \n  import CardCategory from '@martyrs/src/modules/products/components/blocks/CardCategory.vue';\n\n  import IconPlus from '@martyrs/src/modules/icons/navigation/IconPlus.vue'\n\n  let search = ref(null)\n\n  let sort = reactive({\n    param: 'order',\n    order: 'asc',\n    options: [{\n      label: 'Order',\n      value: 'order'\n    },{\n      label: 'Name',\n      value: 'name'\n    },{\n      label: 'Date',\n      value: 'createdAt'\n    }]\n  })\n\n  store.core.state.navigation_bar.actions = [{\n    component: IconPlus,\n    props: {\n      fill: \"rgb(var(--main))\"\n    },\n    condition: () => auth.state.user && auth.state.user._id,\n    action: () => {\n      const routeName = route.meta.context === 'backoffice' ? 'BackofficeCategoryAdd' : 'Organization_CategoryAdd';\n      route.params._id ? router.push({ name: routeName, params: { _id: route.params._id} }) : router.push({ name: routeName });\n    }\n  }],\n\n  onUnmounted(() => {\n    store.core.state.navigation_bar.actions = [];\n  });\n\n  onMounted(async () => {\n    \n  });\n\n  // Функция для сбора затронутых категорий при drag-n-drop\n  function collectAffectedCategories(eventData) {\n    const result = {\n      movedCategory: null,\n      affectedCategories: []\n    };\n    \n    console.log('collectAffectedCategories - eventData:', eventData);\n    \n    // Проверяем, что это объект от Tree компонента с полной информацией\n    if (eventData && eventData.movedItem) {\n      // Если категория переместилась между уровнями\n      if (eventData.movedItem._id) {\n        result.movedCategory = {\n          _id: eventData.movedItem._id,\n          newParent: eventData.parentId // Используем parentId из события (null для корня)\n        };\n      }\n      \n      // Собираем все категории текущего уровня с их новым порядком\n      const items = eventData.items || [];\n      console.log('Level items:', items);\n      \n      items.forEach((item, index) => {\n        result.affectedCategories.push({\n          _id: item._id,\n          order: index\n        });\n      });\n    } else if (eventData && eventData._id) {\n      // Fallback для старого формата (простой объект категории)\n      result.movedCategory = {\n        _id: eventData._id,\n        newParent: eventData.parent || null\n      };\n      \n      // Пытаемся найти категории того же уровня\n      const parentId = eventData.parent;\n      const sameLevel = parentId \n        ? categories.state.all.find(c => c._id === parentId)?.children || []\n        : categories.state.all;\n      \n      sameLevel.forEach((item, index) => {\n        result.affectedCategories.push({\n          _id: item._id,\n          order: index\n        });\n      });\n    } else {\n      // Если нет данных о перемещении, собираем корневые категории\n      console.log('No event data, collecting root level categories');\n      categories.state.all.forEach((item, index) => {\n        result.affectedCategories.push({\n          _id: item._id,\n          order: index\n        });\n      });\n    }\n    \n    console.log('collectAffectedCategories - result:', result);\n    \n    return result;\n  }\n\n  // Функция для обновления порядка категорий\n  async function updateCategoriesOrder(event) {\n    console.log('updateCategoriesOrder called with event:', event);\n    \n    try {\n      const data = collectAffectedCategories(event);\n      \n      // ОДИН КОНСОЛЬ ЛОГ НА ФРОНТЕНДЕ - ЧТО ОТПРАВЛЯЕМ\n      console.log('📤 FRONTEND SENDING:', JSON.stringify(data, null, 2));\n      await categories.actions.updateOrder(data);\n      console.log('Categories order updated successfully');\n    } catch (error) {\n      console.error('Error updating categories order:', error);\n      throw error;\n    }\n  }\n\n  async function deleteCategory(category) {\n    // Запрашиваем подтверждение у пользователя\n    const isConfirmed = confirm(`Are you sure you want to delete the category \"${category.name}\"?`);\n    \n    // Если пользователь подтвердил удаление, продолжаем процесс\n    if (isConfirmed) {\n      await categories.actions.delete(category._id);\n    }\n  }\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["IconPlus","auth.state","categories.state","categories.actions"],"mappings":"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"}