@ozdao/martyrs 0.2.518 → 0.2.520

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

@@ -1,58 +1,80 @@
-import { ref, onMounted, computed, resolveComponent, createElementBlock, openBlock, createVNode, createBlock, createCommentVNode, withCtx, unref, Fragment, renderList, createTextVNode } from "vue";
+import { ref, onMounted, createElementBlock, openBlock, createElementVNode, createVNode, unref, withCtx, Fragment, renderList, createBlock, createCommentVNode } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import _sfc_main$4 from "../../../../components/Feed/Feed.vue.js";
-/* empty css                                 */
-/* empty css                                         */
-import _sfc_main$2 from "../../../../components/Popup/Popup.vue.js";
+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$3 from "../sections/MembersAdd.vue.js";
-/* empty css                                   */
-import "../../../../components/Menu/MenuItem.vue.js";
-import _sfc_main$5 from "../../../auth/views/components/blocks/CardUser.vue.js";
+import _sfc_main$6 from "../forms/InviteForm.vue.js";
+import _sfc_main$7 from "../forms/AddExistingMembersForm.vue.js";
+import _sfc_main$8 from "../forms/DepartmentForm.vue.js";
+import _sfc_main$3 from "../../../auth/views/components/blocks/CardUser.vue.js";
 import CardDepartment from "../blocks/CardDepartment.vue.js";
-import _sfc_main$6 from "../../../icons/navigation/IconDelete.vue.js";
+import _sfc_main$4 from "../../../icons/navigation/IconDelete.vue.js";
 import { state } from "../../../auth/views/store/auth.js";
-import { actions as actions$4 } from "../../../globals/views/store/globals.js";
-import { actions as actions$3 } from "../../store/invites.js";
-import { actions as actions$2, state as state$3 } from "../../store/memberships.js";
-import { actions, state as state$2 } from "../../store/organizations.js";
-import { state as state$1, actions as actions$1 } from "../../store/departments.js";
+import "../../../globals/views/store/globals.js";
+import { actions } from "../../store/organizations.js";
+import departmentsStore from "../../store/departments.store.js";
+import membershipsStore from "../../store/memberships.store.js";
+import invitesStore from "../../store/invites.store.js";
 const _hoisted_1 = { class: "pd-thin" };
 const _hoisted_2 = {
-  key: 2,
-  class: "cols-1 gap-thin"
+  key: 0,
+  class: "flex-center flex h-20r"
 };
-const _hoisted_3 = { key: 3 };
+const _hoisted_3 = { key: 1 };
+const _hoisted_4 = { class: "mn-b-medium" };
+const _hoisted_5 = { class: "cols-1 gap-thin" };
+const _hoisted_6 = { class: "mn-b-medium" };
+const _hoisted_7 = ["onClick"];
 const _sfc_main = {
   __name: "Members",
   setup(__props) {
     const route = useRoute();
     useRouter();
     const organizationData = ref(null);
-    const tab = ref("members");
-    const invitesState = ref([]);
-    const isOpenMembersAddPopup = ref(false);
-    function openMembersAddPopup() {
-      isOpenMembersAddPopup.value = true;
+    const membersList = ref([]);
+    const invitesList = ref([]);
+    const departmentsList = ref([]);
+    const isLoaded = ref(false);
+    const isOpenInvitePopup = ref(false);
+    const isOpenAddUsersPopup = ref(false);
+    const isDepartmentPopupOpen = ref(false);
+    const editingDepartment = ref(null);
+    function openInvitePopup() {
+      isOpenInvitePopup.value = true;
     }
-    function closeMembersAddPopup() {
-      isOpenMembersAddPopup.value = false;
+    function closeInvitePopup() {
+      isOpenInvitePopup.value = false;
+    }
+    function openAddUsersPopup() {
+      isOpenAddUsersPopup.value = true;
+    }
+    function closeAddUsersPopup() {
+      isOpenAddUsersPopup.value = false;
+    }
+    function openDepartmentPopup(department = null) {
+      editingDepartment.value = department;
+      isDepartmentPopupOpen.value = true;
+    }
+    function closeDepartmentPopup() {
+      isDepartmentPopupOpen.value = false;
+      editingDepartment.value = null;
     }
     onMounted(async () => {
-      organizationData.value = (await actions.read({ _id: route.params._id, user: state.user._id }))[0];
-    });
-    computed(() => {
-      const departmentsState = state$1.departments;
-      const subdepartmentIds = departmentsState.flatMap(
-        (department) => department.subdepartments.map((subdepartment) => subdepartment._id)
-      );
-      return departmentsState.filter(
-        (department) => !subdepartmentIds.includes(department._id)
-      );
+      try {
+        const response = await actions.read({
+          _id: route.params._id,
+          user: state.user._id
+        });
+        organizationData.value = response[0];
+        isLoaded.value = true;
+      } catch (error) {
+        console.error("Error loading organization:", error);
+        isLoaded.value = true;
+      }
     });
     async function handleSendInvite(list, resolve, reject) {
       try {
-        const response = await actions$3.create({
+        const response = await invitesStore.create({
           owner: {
             type: "Organization",
             target: organizationData.value._id
@@ -63,191 +85,257 @@ const _sfc_main = {
           },
           invites: list
         });
-        for (let invite of response.createdInvites) {
-          actions$4.add(invitesState.value, invite);
+        if (response.createdInvites) {
+          for (let invite of response.createdInvites) {
+            invitesStore.addItem(invite, invitesList.value);
+          }
+        } else if (response._id) {
+          invitesStore.addItem(response, invitesList.value);
         }
-        closeMembersAddPopup();
+        closeInvitePopup();
         resolve();
       } catch (error) {
         reject(error);
       }
     }
+    function handleUsersAdded(addedUsers) {
+      closeAddUsersPopup();
+      if (addedUsers && addedUsers.length > 0) {
+        addedUsers.forEach((membership) => {
+          membershipsStore.addItem(membership, membersList.value);
+        });
+      }
+    }
+    function handleDepartmentSaved(department) {
+      closeDepartmentPopup();
+      console.log("handleDepartmentSaved called with:", department);
+      console.log("departmentsList before update:", departmentsList.value);
+      console.log("editingDepartment:", editingDepartment.value);
+      if (department) {
+        if (editingDepartment.value) {
+          departmentsStore.updateItem(department, departmentsList.value);
+        } else {
+          departmentsStore.addItem(department, departmentsList.value);
+        }
+      } else {
+        if (editingDepartment.value) {
+          departmentsStore.removeItem(editingDepartment.value, departmentsList.value);
+        }
+      }
+      console.log("departmentsList after update:", departmentsList.value);
+    }
     async function removeMember(index, member) {
       if (confirm("Confirm remove of member") == true) {
-        state$3.memberships.splice(index, 1);
-        await actions$2.delete(member);
+        await membershipsStore.delete(member);
+        membershipsStore.removeItem(member, membersList.value);
       }
     }
     async function removeInvite(index, invite) {
-      if (confirm("Confirm remove of member") == true) {
-        actions$4.delete(invitesState.value, invite);
-        await actions$3.delete(invite._id);
+      if (confirm("Confirm remove of invite") == true) {
+        await invitesStore.delete(invite);
+        invitesStore.removeItem(invite, invitesList.value);
       }
     }
     return (_ctx, _cache) => {
-      const _component_router_link = resolveComponent("router-link");
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(_sfc_main$1, {
-          title: "Members",
-          "onUpdate:tabs_current": _cache[0] || (_cache[0] = (update) => tab.value = update),
-          tabs_current: tab.value,
-          tabs: [
-            { name: `Members (${state$2.current.numberOfMembers || 0})`, value: "members" },
-            { name: "Departments", value: "departments" },
-            { name: "Invites", value: "invites" }
-          ],
-          actions: [
-            { method: openMembersAddPopup, label: "Invite members" }
-          ],
-          class: "mn-b-small bg-light bg-light radius-medium pd-medium"
-        }, null, 8, ["tabs_current", "tabs", "actions"]),
-        createVNode(_sfc_main$2, {
-          title: "Add members",
-          onClosePopup: closeMembersAddPopup,
-          isPopupOpen: isOpenMembersAddPopup.value,
-          class: "bg-white w-min-30r w-max-30r radius-big pd-medium"
-        }, {
-          default: withCtx(() => [
-            createVNode(_sfc_main$3, {
-              text: "Please enter your email or phone number to send an invitation link:",
-              organization: organizationData.value,
-              onSendInvite: handleSendInvite
-            }, null, 8, ["organization"])
+        !isLoaded.value ? (openBlock(), createElementBlock("div", _hoisted_2, _cache[3] || (_cache[3] = [
+          createElementVNode("span", { class: "t-transp" }, "Loading...", -1)
+        ]))) : (openBlock(), createElementBlock("div", _hoisted_3, [
+          createElementVNode("section", _hoisted_4, [
+            createVNode(_sfc_main$1, {
+              title: `Members ${organizationData.value?.numberOfMembers ? `(${organizationData.value.numberOfMembers})` : ""}`,
+              actions: [
+                { method: openAddUsersPopup, label: "Add user to organization" }
+              ],
+              class: "mn-b-small bg-light radius-medium pd-medium"
+            }, null, 8, ["title", "actions"]),
+            createElementVNode("div", _hoisted_5, [
+              createVNode(_sfc_main$2, {
+                items: membersList.value,
+                "onUpdate:items": _cache[0] || (_cache[0] = ($event) => membersList.value = $event),
+                search: true,
+                states: {
+                  empty: {
+                    title: "No Members Found",
+                    description: "Currently, there are no members."
+                  }
+                },
+                store: {
+                  read: (options) => unref(membershipsStore).read(options)
+                },
+                options: {
+                  target: unref(route).params._id,
+                  role: ["member", "owner"]
+                },
+                class: "gap-thin cols-1"
+              }, {
+                default: withCtx(({
+                  items
+                }) => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(items, (member, index) => {
+                    return openBlock(), createBlock(_sfc_main$3, {
+                      key: index,
+                      user: member,
+                      _id: member.user._id,
+                      photo: member.user.profile.photo,
+                      phone: member.user.phone,
+                      email: member.user.email,
+                      name: member.user.profile.name || "No name",
+                      role: member.label || member.role,
+                      onClick: ($event) => _ctx.$router.push({ name: "User Profile", params: { _id: member.user._id } }),
+                      action: member.role !== "owner" ? {
+                        label: {
+                          is: _sfc_main$4,
+                          props: { class: "i-medium", fill: "rgb(var(--white)" }
+                        },
+                        method: () => removeMember(index, member)
+                      } : null,
+                      class: "h-4r w-100 bg-light radius-medium flex-nowrap flex pd-medium"
+                    }, null, 8, ["user", "_id", "photo", "phone", "email", "name", "role", "onClick", "action"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["items", "store", "options"])
+            ])
           ]),
-          _: 1
-        }, 8, ["isPopupOpen"]),
-        tab.value === "departments" ? (openBlock(), createBlock(_sfc_main$4, {
-          key: 0,
-          states: {
-            empty: {
-              title: "No Departments Found",
-              description: "Currently, there are no departments available.",
-              action: "Add department",
-              callback: () => _ctx.$router.push(`/organizations/${unref(route).params._id}/departments/create`)
-            }
-          },
-          store: {
-            read: (options) => actions$1.read(options),
-            state: null
-          },
-          options: {
-            organization: unref(route).params._id,
-            user: state.user._id
-          }
-        }, {
-          default: withCtx(({
-            items
-          }) => [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(items, (department, index) => {
-              return openBlock(), createBlock(CardDepartment, {
-                key: index,
-                department,
+          createElementVNode("section", _hoisted_6, [
+            createVNode(_sfc_main$1, {
+              title: "Departments",
+              actions: [
+                { method: () => openDepartmentPopup(), label: "Add department" }
+              ],
+              class: "mn-b-small bg-light bg-light radius-medium pd-medium"
+            }, null, 8, ["actions"]),
+            createVNode(_sfc_main$2, {
+              items: departmentsList.value,
+              "onUpdate:items": _cache[1] || (_cache[1] = ($event) => departmentsList.value = $event),
+              states: {
+                empty: {
+                  title: "No Departments Found",
+                  description: "Currently, there are no departments available."
+                }
+              },
+              store: unref(departmentsStore),
+              options: {
                 organization: unref(route).params._id,
-                class: "radius-semi bg-light pos-relative mn-b-thin"
-              }, null, 8, ["department", "organization"]);
-            }), 128))
-          ]),
-          _: 1
-        }, 8, ["states", "store", "options"])) : createCommentVNode("", true),
-        tab.value === "departments" && state$1.departments.length > 0 ? (openBlock(), createBlock(_component_router_link, {
-          key: 1,
-          to: {
-            path: `/organizations/${unref(route).params._id}/departments/create`
-          },
-          class: "d-block flex-center flex uppercase t-semi bg-main w-100 pd-small radius-extra"
-        }, {
-          default: withCtx(() => _cache[2] || (_cache[2] = [
-            createTextVNode(" Add department ")
-          ])),
-          _: 1
-        }, 8, ["to"])) : createCommentVNode("", true),
-        tab.value === "members" ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          createVNode(_sfc_main$4, {
-            search: true,
-            states: {
-              empty: {
-                title: "No Members Found",
-                description: "Currently, there are no members."
+                user: state.user._id
               }
-            },
-            store: {
-              read: (options) => actions$2.read(options)
-            },
-            options: {
-              target: unref(route).params._id,
-              role: ["member", "owner"]
-            },
-            class: "gap-thin cols-1"
-          }, {
-            default: withCtx(({
-              items
-            }) => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(items, (member, index) => {
-                return openBlock(), createBlock(_sfc_main$5, {
-                  key: index,
-                  user: member,
-                  _id: member.user._id,
-                  photo: member.user.profile.photo,
-                  phone: member.user.phone,
-                  email: member.user.email,
-                  name: member.user.profile.name || "No name",
-                  role: member.label || member.role,
-                  onClick: ($event) => _ctx.$router.push(`/profile/${member.user._id}`),
-                  action: member.role !== "owner" ? {
-                    label: {
-                      is: _sfc_main$6,
-                      props: { class: "i-medium", fill: "rgb(var(--white)" }
+            }, {
+              default: withCtx(({
+                items
+              }) => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(items, (department, index) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: department._id,
+                    onClick: () => openDepartmentPopup(department),
+                    class: "cursor-pointer hover-scale-1"
+                  }, [
+                    createVNode(CardDepartment, {
+                      department,
+                      organization: unref(route).params._id,
+                      class: "radius-semi bg-light pos-relative mn-b-thin"
+                    }, null, 8, ["department", "organization"])
+                  ], 8, _hoisted_7);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["items", "store", "options"])
+          ]),
+          createElementVNode("section", null, [
+            createVNode(_sfc_main$1, {
+              title: "Invites",
+              actions: [
+                { method: openInvitePopup, label: "Invite members" }
+              ],
+              class: "mn-b-small bg-light bg-light radius-medium pd-medium"
+            }, null, 8, ["actions"]),
+            createVNode(_sfc_main$2, {
+              items: invitesList.value,
+              "onUpdate:items": _cache[2] || (_cache[2] = ($event) => invitesList.value = $event),
+              states: {
+                empty: {
+                  title: "No Invites Found",
+                  description: "Currently, there are no pending invites."
+                }
+              },
+              store: {
+                read: (options) => unref(invitesStore).read(options)
+              },
+              options: {
+                owner: unref(route).params._id
+              },
+              class: "gap-thin cols-1"
+            }, {
+              default: withCtx(({
+                items
+              }) => [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(items, (invite, index) => {
+                  return openBlock(), createBlock(_sfc_main$3, {
+                    key: invite._id,
+                    user: { type: "invite" },
+                    name: invite.email || invite.phone,
+                    role: invite.status,
+                    action: {
+                      label: {
+                        is: _sfc_main$4,
+                        props: { class: "i-medium", fill: "rgb(var(--white)" }
+                      },
+                      method: () => removeInvite(index, invite)
                     },
-                    method: () => removeMember(index, member)
-                  } : null,
-                  class: "h-4r w-100 bg-light radius-medium flex-nowrap flex pd-medium"
-                }, null, 8, ["user", "_id", "photo", "phone", "email", "name", "role", "onClick", "action"]);
-              }), 128))
+                    class: "h-4r w-100 bg-light radius-medium flex-nowrap flex pd-medium"
+                  }, null, 8, ["name", "role", "action"]);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["items", "store", "options"])
+          ]),
+          createVNode(_sfc_main$5, {
+            title: "Invite members",
+            onClosePopup: closeInvitePopup,
+            isPopupOpen: isOpenInvitePopup.value,
+            class: "bg-white w-min-30r w-max-30r radius-medium pd-medium"
+          }, {
+            default: withCtx(() => [
+              organizationData.value ? (openBlock(), createBlock(_sfc_main$6, {
+                key: 0,
+                organization: organizationData.value,
+                onSendInvite: handleSendInvite
+              }, null, 8, ["organization"])) : createCommentVNode("", true)
             ]),
             _: 1
-          }, 8, ["store", "options"])
-        ])) : createCommentVNode("", true),
-        tab.value === "invites" ? (openBlock(), createElementBlock("div", _hoisted_3, [
-          createVNode(_sfc_main$4, {
-            items: invitesState.value,
-            "onUpdate:items": _cache[1] || (_cache[1] = ($event) => invitesState.value = $event),
-            states: {
-              empty: {
-                title: "No Invites Found",
-                description: "Currently, there are no members."
-              }
-            },
-            store: {
-              read: (options) => actions$3.read(options)
-            },
-            options: {
-              owner: unref(route).params._id
-            },
-            class: "gap-thin cols-1"
+          }, 8, ["isPopupOpen"]),
+          createVNode(_sfc_main$5, {
+            title: "Add users to organization",
+            onClosePopup: closeAddUsersPopup,
+            isPopupOpen: isOpenAddUsersPopup.value,
+            class: "bg-white w-min-40r w-max-50r radius-medium pd-medium"
           }, {
-            default: withCtx(({
-              items
-            }) => [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(items, (invite) => {
-                return openBlock(), createBlock(_sfc_main$5, {
-                  key: _ctx.index,
-                  user: { type: "invite" },
-                  name: invite.email || invite.phone,
-                  role: invite.status,
-                  action: {
-                    label: {
-                      is: _sfc_main$6,
-                      props: { class: "i-medium", fill: "rgb(var(--white)" }
-                    },
-                    method: () => removeInvite(_ctx.index, invite)
-                  },
-                  class: "h-4r w-100 bg-light radius-big flex-nowrap flex pd-medium"
-                }, null, 8, ["name", "role", "action"]);
-              }), 128))
+            default: withCtx(() => [
+              createVNode(_sfc_main$7, {
+                organizationId: unref(route).params._id,
+                onUsersAdded: handleUsersAdded
+              }, null, 8, ["organizationId"])
+            ]),
+            _: 1
+          }, 8, ["isPopupOpen"]),
+          createVNode(_sfc_main$5, {
+            title: editingDepartment.value ? "Edit Department" : "Create Department",
+            onClosePopup: closeDepartmentPopup,
+            isPopupOpen: isDepartmentPopupOpen.value,
+            align: "center right",
+            class: "bg-white h-min-100 w-max-50r pd-medium"
+          }, {
+            default: withCtx(() => [
+              createVNode(_sfc_main$8, {
+                department: editingDepartment.value,
+                organizationId: unref(route).params._id,
+                onClose: closeDepartmentPopup,
+                onSaved: handleDepartmentSaved
+              }, null, 8, ["department", "organizationId"])
             ]),
             _: 1
-          }, 8, ["items", "store", "options"])
-        ])) : createCommentVNode("", true)
+          }, 8, ["title", "isPopupOpen"])
+        ]))
       ]);
     };
   }

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    <SectionPageTitle\n      title=\"Members\"\n      @update:tabs_current=\"(update) => tab = update\"\n      :tabs_current=\"tab\"\n      :tabs=\"[\n        { name: `Members (${organization.state.current.numberOfMembers || 0})`, value: 'members' },\n        { name: 'Departments', value: 'departments' },\n        { name: 'Invites', value: 'invites' }\n      ]\"\n      :actions=\"[\n        { method: openMembersAddPopup, label: 'Invite members' }\n      ]\"\n      class=\"mn-b-small bg-light bg-light radius-medium pd-medium\"\n    />\n\n    <Popup \n      title=\"Add members\"\n      @close-popup=\"closeMembersAddPopup\" \n      :isPopupOpen=\"isOpenMembersAddPopup\"\n      class=\"bg-white w-min-30r w-max-30r radius-big pd-medium\"\n    >\n      <MembersAdd \n        text=\"Please enter your email or phone number to send an invitation link:\"\n        :organization=\"organizationData\"\n        @send-invite=\"handleSendInvite\"\n      />\n    </Popup>  \n\n    <Feed\n      v-if=\"tab === 'departments'\"\n      :states=\"{\n        empty: {\n          title: 'No Departments Found',\n          description: 'Currently, there are no departments available.',\n          action: 'Add department',\n          callback:  () => $router.push(`/organizations/${route.params._id}/departments/create`)\n        }\n      }\"\n      :store=\"{\n        read: (options) => departments.actions.read(options),\n        state: null\n      }\"\n      :options=\"{\n        organization: route.params._id,\n        user: auth.state.user._id,\n      }\"\n      v-slot=\"{ \n        items \n      }\"\n    >\n      <CardDepartment\n        v-for=\"(department, index) in items\"\n        :key=\"index\"\n        :department=\"department\"\n        :organization=\"route.params._id\"\n        class=\"radius-semi bg-light pos-relative mn-b-thin\"\n      />\n\n     </Feed>\n\n      <router-link\n         v-if=\"tab === 'departments' && departments.state.departments.length > 0\"\n        :to=\"{\n          path: `/organizations/${route.params._id}/departments/create`\n        }\"\n        class=\"d-block flex-center flex uppercase t-semi bg-main w-100 pd-small radius-extra\"\n      >\n        Add department\n      </router-link>\n\n      <!-- Members -->\n      <div \n         v-if=\"tab === 'members'\"\n        class=\"cols-1 gap-thin\"\n      >\n        <Feed\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) => memberships.actions.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(`/profile/${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      <!-- Invites -->\n      <div \n        v-if=\"tab === 'invites'\"\n      > \n        <Feed\n          v-model:items=\"invitesState\"\n          :states=\"{\n            empty: {\n              title: 'No Invites Found',\n              description: 'Currently, there are no members.'\n            }\n          }\"\n          :store=\"{\n            read: (options) => invites.actions.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 in items\" \n            :key=\"index\" \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-big flex-nowrap flex pd-medium\"\n          />\n        </Feed>\n      </div>\n  \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 Tab      from '@martyrs/src/components/Tab/Tab.vue'\nimport Block      from '@martyrs/src/components/Block/Block.vue'\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\n\nimport SectionPageTitle from '@martyrs/src/modules/globals/views/components/sections/SectionPageTitle.vue'\nimport PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue'\n\nimport MembersAdd from '@martyrs/src/modules/organizations/components/sections/MembersAdd.vue';\n\n// Mobile Module\nimport Menu from '@martyrs/src/components/Menu/Menu.vue'\nimport MenuItem from '@martyrs/src/components/Menu/MenuItem.vue'\n\nimport CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\nimport CardDepartment from '@martyrs/src/modules/organizations/components/blocks/CardDepartment.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'\nimport * as invites from '@martyrs/src/modules/organizations/store/invites.js';\nimport * as memberships from '@martyrs/src/modules/organizations/store/memberships.js';\nimport * as organization  from '@martyrs/src/modules/organizations/store/organizations.js'\nimport * as departments from '@martyrs/src/modules/organizations/store/departments.js';\n\nconst route   = useRoute()\nconst router   = useRouter()\nconst organizationData = ref(null)\n\n// Tab logic\nconst tab = ref('members')\n// States\nconst invitesState = ref([])\n// Popup\nconst isOpenMembersAddPopup = ref(false);\n\nfunction openMembersAddPopup() {\n  isOpenMembersAddPopup.value = true;\n}\n\nfunction closeMembersAddPopup() {\n  isOpenMembersAddPopup.value = false;\n}\n\nonMounted(async () => {\n  organizationData.value = (await organization.actions.read({_id: route.params._id, user: auth.state.user._id}))[0]\n  ;\n})\n\nconst FirstLevelDepartments = computed(() => {\n  const departmentsState = departments.state.departments;\n\n  const subdepartmentIds = departmentsState.flatMap(department =>\n    department.subdepartments.map(subdepartment => subdepartment._id)\n  );\n\n  return departmentsState.filter(department =>\n    !subdepartmentIds.includes(department._id)\n  );\n});\n\nasync function handleSendInvite(list, resolve, reject) {\n  try {\n    const response = await invites.actions.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    for (let invite of response.createdInvites) {\n      globals.actions.add(invitesState.value, invite)\n    }\n    closeMembersAddPopup();\n    resolve(); // Вызываем resolve, когда все операции завершены успешно\n  } catch (error) {\n    reject(error); // Вызываем reject, если произошла ошибка\n  }\n}\n\nasync function removeMember(index,member) {\n  if (confirm(\"Confirm remove of member\") == true) {\n    memberships.state.memberships.splice(index, 1);\n    await memberships.actions.delete(member);\n  } \n}\n\nasync function removeInvite(index,invite) {\n  if (confirm(\"Confirm remove of member\") == true) {\n    globals.actions.delete(invitesState.value, invite)\n    await invites.actions.delete(invite._id);\n  }\n}\n</script>\n\n<style scoped>\n</style>\n"],"names":["organization.actions","auth.state","departments.state","invites.actions","globals.actions","memberships.state","memberships.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiMA,UAAM,QAAU,SAAQ;AACP,cAAS;AAC1B,UAAM,mBAAmB,IAAI,IAAI;AAGjC,UAAM,MAAM,IAAI,SAAS;AAEzB,UAAM,eAAe,IAAI,CAAA,CAAE;AAE3B,UAAM,wBAAwB,IAAI,KAAK;AAEvC,aAAS,sBAAsB;AAC7B,4BAAsB,QAAQ;AAAA,IAChC;AAEA,aAAS,uBAAuB;AAC9B,4BAAsB,QAAQ;AAAA,IAChC;AAEA,cAAU,YAAY;AACpB,uBAAiB,SAAS,MAAMA,QAAqB,KAAK,EAAC,KAAK,MAAM,OAAO,KAAK,MAAMC,MAAW,KAAK,IAAG,CAAC,GAAG,CAAC;AAAA,IAElH,CAAC;AAE6B,aAAS,MAAM;AAC3C,YAAM,mBAAmBC,QAAkB;AAE3C,YAAM,mBAAmB,iBAAiB;AAAA,QAAQ,gBAChD,WAAW,eAAe,IAAI,mBAAiB,cAAc,GAAG;AAAA,MACpE;AAEE,aAAO,iBAAiB;AAAA,QAAO,gBAC7B,CAAC,iBAAiB,SAAS,WAAW,GAAG;AAAA,MAC7C;AAAA,IACA,CAAC;AAED,mBAAe,iBAAiB,MAAM,SAAS,QAAQ;AACrD,UAAI;AACF,cAAM,WAAW,MAAMC,UAAgB,OAAO;AAAA,UAC5C,OAAO;AAAA,YACL,MAAM;AAAA,YACN,QAAQ,iBAAiB,MAAM;AAAA,UACvC;AAAA,UACM,SAAS;AAAA,YACP,MAAM;AAAA,YACN,QAAQF,MAAW,KAAK;AAAA,UAChC;AAAA,UACM,SAAS;AAAA,QACf,CAAK;AACD,iBAAS,UAAU,SAAS,gBAAgB;AAC1CG,oBAAgB,IAAI,aAAa,OAAO,MAAM;AAAA,QAChD;AACA,6BAAoB;AACpB;MACF,SAAS,OAAO;AACd,eAAO,KAAK;AAAA,MACd;AAAA,IACF;AAEA,mBAAe,aAAa,OAAM,QAAQ;AACxC,UAAI,QAAQ,0BAA0B,KAAK,MAAM;AAC/CC,gBAAkB,YAAY,OAAO,OAAO,CAAC;AAC7C,cAAMC,UAAoB,OAAO,MAAM;AAAA,MACzC;AAAA,IACF;AAEA,mBAAe,aAAa,OAAM,QAAQ;AACxC,UAAI,QAAQ,0BAA0B,KAAK,MAAM;AAC/CF,kBAAgB,OAAO,aAAa,OAAO,MAAM;AACjD,cAAMD,UAAgB,OAAO,OAAO,GAAG;AAAA,MACzC;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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/globals/views/components/sections/SectionPageTitle.vue';\n\nimport InviteForm from '@martyrs/src/modules/organizations/components/forms/InviteForm.vue';\nimport AddExistingMembersForm from '@martyrs/src/modules/organizations/components/forms/AddExistingMembersForm.vue';\nimport DepartmentForm from '@martyrs/src/modules/organizations/components/forms/DepartmentForm.vue';\n\nimport CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\nimport CardDepartment from '@martyrs/src/modules/organizations/components/blocks/CardDepartment.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';\nimport * as organization from '@martyrs/src/modules/organizations/store/organizations.js';\nimport departmentsStore from '@martyrs/src/modules/organizations/store/departments.store.js';\nimport membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js';\nimport invitesStore from '@martyrs/src/modules/organizations/store/invites.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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"}