@ozdao/martyrs 0.2.551 → 0.2.553

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

@@ -1 +0,0 @@
-{"version":3,"file":"Department.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/pages/Department.vue"],"sourcesContent":["<template>\n  <div class=\"for-transition w-100\">\n    \n    <div v-if=\"departmentsStore.state.items.length > 0\" id=\"dash\" class=\"pd-medium bg-light\">\n      <section class=\"mn-b-medium radius-medium pd-semi bg-white\">\n         <div class=\"flex-nowrap flex mn-b-small\">\n\n          <h2 class=\"w-100\">{{ departmentsStore.state.items[0].profile.name }}</h2>\n\n          <router-link \n            :to=\"{\n              name: 'Department Edit', \n              params: {\n                _id: route.params._id,\n                department: route.params.department\n              }\n            }\" \n            class=\"\n              cursor-pointer \n              pos-absolute pos-t-regular pos-r-regular\n              radius-extra pd-thin bg-second\n            \"\n          >\n            <IconEdit\n              class=\"i-medium\"\n              classes=\"fill-white\"\n            />\n          </router-link>\n\n        </div>\n        <p class=\"t-transp p-medium\" v-html=\"departmentsStore.state.items[0].description\"></p>\n      </section>\n\n     <section class=\"mn-b-medium radius-medium pd-semi bg-white\">\n        <h3 class=\"mn-b-regular\">Команда</h3>\n        <ul>\n          <li v-if=\"departmentsStore.state.items[0]?.members?.length < 1\">В отделе еще нет участников</li>\n          <User \n            class=\"br-b br-solid br-grey-transp-25\" \n            v-for=\"(member, index) in departmentsStore.state.items[0]?.members || []\" \n            :key=\"index\" \n            :user=\"member.user\" \n            :photo=\"member.user.profile.photo\"\n            :name=\"member.user.profile.name || member.user.phone || member.user.email || member.user._id\"\n            :position=\"member.position\" \n            @click=\"$router.push({ name: 'User Profile', params: { _id: member.user._id } })\" \n          />\n        </ul>\n      </section>\n\n      <section class=\"mn-b-medium radius-medium pd-semi bg-white\">\n        <h3 class=\"mn-b-regular\">Подотделы</h3>\n        <ul>\n          <li v-if=\"departmentsStore.state.items[0]?.subdepartments?.length < 1\">В отделе еще нет подотделов</li>\n          <DepartmentSub v-for=\"(subdepartment, index) in departmentsStore.state.items[0]?.subdepartments || []\" @click=\"$router.push(`/app/organization/departments/${subdepartment._id}`)\" :key=\"index\" class=\"br-b br-solid br-grey-transp-25\" :department=\"subdepartment\" />\n        </ul> \n      </section>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { useRoute, useRouter } from 'vue-router';\n\nimport Spoiler from '@martyrs/src/components/Spoiler/Spoiler.vue';\nimport { DepartmentSub, departmentsStore } from '@martyrs/src/modules/organizations/organizations.client.js';\nimport User from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\n\nimport IconEdit from '@martyrs/src/modules/icons/navigation/IconEdit.vue'\n\nconst router = useRouter();\nconst route = useRoute();\n\nawait departmentsStore.read({ _id: route.params.department });\n</script>\n\n<style scoped>\n</style>\n"],"names":["useRouter","useRoute","_withAsyncContext","departmentsStore"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsEeA,cAAAA,UAAS;AACxB,UAAM,QAAQC,UAAAA,SAAQ;AAEtB,IAAA,CAAA,QAAA,SAAA,IAAAC,IAAAA,iBAAA,MAAMC,kBAAAA,QAAiB,KAAK,EAAE,KAAK,MAAM,OAAO,WAAU,CAAE,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,376 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const vueRouter = require("vue-router");
-const Feed = require("../../../../components/Feed/Feed.vue.cjs");
-const Popup = require("../../../../components/Popup/Popup.vue.cjs");
-const SectionPageTitle = require("../../../core/views/components/sections/SectionPageTitle.vue.cjs");
-const departments_store = require("../../store/departments.store.cjs");
-const invites_store = require("../../store/invites.store.cjs");
-const memberships_store = require("../../store/memberships.store.cjs");
-const organizations = require("../../store/organizations.cjs");
-;/* empty css                                           */
-const CardUser = require("../../../auth/views/components/blocks/CardUser.vue.cjs");
-require("vue-i18n");
-;/* empty css                                                   */
-;/* empty css                                           */
-;/* empty css                                              */
-;/* empty css                                     */
-require("../../../../components/Menu/MenuItem.vue.cjs");
-;/* empty css                                         */
-;/* empty css                                         */
-;/* empty css                                          */
-;/* empty css                                   */
-;/* empty css                                                          */
-;/* empty css                                        */
-;/* empty css                                             */
-;/* empty css                                          */
-;/* empty css                                                    */
-;/* empty css                                              */
-;/* empty css                                                     */
-const auth = require("../../../auth/views/store/auth.cjs");
-;/* empty css                                               */
-;/* empty css                                                */
-;/* empty css                                                   */
-require("axios");
-const IconDelete = require("../../../icons/navigation/IconDelete.vue.cjs");
-;/* empty css                                                   */
-;/* empty css                                             */
-;/* empty css                                */
-const DepartmentForm = require("../forms/DepartmentForm.vue.cjs");
-const InviteForm = require("../forms/InviteForm.vue.cjs");
-const AddExistingMembersForm = require("../forms/AddExistingMembersForm.vue.cjs");
-const CardDepartment = require("../blocks/CardDepartment.vue.cjs");
-;/* empty css                             */
-;/* empty css                           */
-require("../../../../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.cjs");
-require("../sections/Unit.vue.cjs");
-;/* empty css                               */
-;/* empty css                         */
-const _hoisted_1 = { class: "pd-thin" };
-const _hoisted_2 = {
-  key: 0,
-  class: "flex-center flex h-20r"
-};
-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 = vueRouter.useRoute();
-    vueRouter.useRouter();
-    const organizationData = vue.ref(null);
-    const membersList = vue.ref([]);
-    const invitesList = vue.ref([]);
-    const departmentsList = vue.ref([]);
-    const isLoaded = vue.ref(false);
-    const isOpenInvitePopup = vue.ref(false);
-    const isOpenAddUsersPopup = vue.ref(false);
-    const isDepartmentPopupOpen = vue.ref(false);
-    const editingDepartment = vue.ref(null);
-    function openInvitePopup() {
-      isOpenInvitePopup.value = true;
-    }
-    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;
-    }
-    vue.onMounted(async () => {
-      try {
-        const response = await organizations.actions.read({
-          _id: route.params._id,
-          user: auth.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 invites_store.default.create({
-          owner: {
-            type: "Organization",
-            target: organizationData.value._id
-          },
-          creator: {
-            type: "User",
-            target: auth.state.user._id
-          },
-          invites: list
-        });
-        if (response.createdInvites) {
-          for (let invite of response.createdInvites) {
-            invites_store.default.addItem(invite, invitesList.value);
-          }
-        } else if (response._id) {
-          invites_store.default.addItem(response, invitesList.value);
-        }
-        closeInvitePopup();
-        resolve();
-      } catch (error) {
-        reject(error);
-      }
-    }
-    function handleUsersAdded(addedUsers) {
-      closeAddUsersPopup();
-      if (addedUsers && addedUsers.length > 0) {
-        addedUsers.forEach((membership) => {
-          memberships_store.default.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) {
-          departments_store.default.updateItem(department, departmentsList.value);
-        } else {
-          departments_store.default.addItem(department, departmentsList.value);
-        }
-      } else {
-        if (editingDepartment.value) {
-          departments_store.default.removeItem(editingDepartment.value, departmentsList.value);
-        }
-      }
-      console.log("departmentsList after update:", departmentsList.value);
-    }
-    async function removeMember(index, member) {
-      if (confirm("Confirm remove of member") == true) {
-        await memberships_store.default.delete(member);
-        memberships_store.default.removeItem(member, membersList.value);
-      }
-    }
-    async function removeInvite(index, invite) {
-      if (confirm("Confirm remove of invite") == true) {
-        await invites_store.default.delete(invite);
-        invites_store.default.removeItem(invite, invitesList.value);
-      }
-    }
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        !isLoaded.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, _cache[3] || (_cache[3] = [
-          vue.createElementVNode("span", { class: "t-transp" }, "Loading...", -1)
-        ]))) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
-          vue.createElementVNode("section", _hoisted_4, [
-            vue.createVNode(SectionPageTitle.default, {
-              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"]),
-            vue.createElementVNode("div", _hoisted_5, [
-              vue.createVNode(Feed.default, {
-                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) => vue.unref(memberships_store.default).read(options)
-                },
-                options: {
-                  target: vue.unref(route).params._id,
-                  role: ["member", "owner"]
-                },
-                class: "gap-thin cols-1"
-              }, {
-                default: vue.withCtx(({
-                  items
-                }) => [
-                  (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (member, index) => {
-                    return vue.openBlock(), vue.createBlock(CardUser.default, {
-                      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: IconDelete.default,
-                          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"])
-            ])
-          ]),
-          vue.createElementVNode("section", _hoisted_6, [
-            vue.createVNode(SectionPageTitle.default, {
-              title: "Departments",
-              actions: [
-                { method: () => openDepartmentPopup(), label: "Add department" }
-              ],
-              class: "mn-b-small bg-light bg-light radius-medium pd-medium"
-            }, null, 8, ["actions"]),
-            vue.createVNode(Feed.default, {
-              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: vue.unref(departments_store.default),
-              options: {
-                organization: vue.unref(route).params._id,
-                user: auth.state.user._id
-              }
-            }, {
-              default: vue.withCtx(({
-                items
-              }) => [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (department, index) => {
-                  return vue.openBlock(), vue.createElementBlock("div", {
-                    key: department._id,
-                    onClick: () => openDepartmentPopup(department),
-                    class: "cursor-pointer hover-scale-1"
-                  }, [
-                    vue.createVNode(vue.unref(CardDepartment.default), {
-                      department,
-                      organization: vue.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"])
-          ]),
-          vue.createElementVNode("section", null, [
-            vue.createVNode(SectionPageTitle.default, {
-              title: "Invites",
-              actions: [
-                { method: openInvitePopup, label: "Invite members" }
-              ],
-              class: "mn-b-small bg-light bg-light radius-medium pd-medium"
-            }, null, 8, ["actions"]),
-            vue.createVNode(Feed.default, {
-              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) => vue.unref(invites_store.default).read(options)
-              },
-              options: {
-                owner: vue.unref(route).params._id
-              },
-              class: "gap-thin cols-1"
-            }, {
-              default: vue.withCtx(({
-                items
-              }) => [
-                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(items, (invite, index) => {
-                  return vue.openBlock(), vue.createBlock(CardUser.default, {
-                    key: invite._id,
-                    user: { type: "invite" },
-                    name: invite.email || invite.phone,
-                    role: invite.status,
-                    action: {
-                      label: {
-                        is: IconDelete.default,
-                        props: { class: "i-medium", fill: "rgb(var(--white)" }
-                      },
-                      method: () => removeInvite(index, invite)
-                    },
-                    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"])
-          ]),
-          vue.createVNode(Popup.default, {
-            title: "Invite members",
-            onClosePopup: closeInvitePopup,
-            isPopupOpen: isOpenInvitePopup.value,
-            class: "bg-white w-min-30r w-max-30r radius-medium pd-medium"
-          }, {
-            default: vue.withCtx(() => [
-              organizationData.value ? (vue.openBlock(), vue.createBlock(vue.unref(InviteForm.default), {
-                key: 0,
-                organization: organizationData.value,
-                onSendInvite: handleSendInvite
-              }, null, 8, ["organization"])) : vue.createCommentVNode("", true)
-            ]),
-            _: 1
-          }, 8, ["isPopupOpen"]),
-          vue.createVNode(Popup.default, {
-            title: "Add users to organization",
-            onClosePopup: closeAddUsersPopup,
-            isPopupOpen: isOpenAddUsersPopup.value,
-            class: "bg-white w-min-40r w-max-50r radius-medium pd-medium"
-          }, {
-            default: vue.withCtx(() => [
-              vue.createVNode(vue.unref(AddExistingMembersForm.default), {
-                organizationId: vue.unref(route).params._id,
-                onUsersAdded: handleUsersAdded
-              }, null, 8, ["organizationId"])
-            ]),
-            _: 1
-          }, 8, ["isPopupOpen"]),
-          vue.createVNode(Popup.default, {
-            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: vue.withCtx(() => [
-              vue.createVNode(vue.unref(DepartmentForm.default), {
-                department: editingDepartment.value,
-                organizationId: vue.unref(route).params._id,
-                onClose: closeDepartmentPopup,
-                onSaved: handleDepartmentSaved
-              }, null, 8, ["department", "organizationId"])
-            ]),
-            _: 1
-          }, 8, ["title", "isPopupOpen"])
-        ]))
-      ]);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=Members.vue.cjs.map

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

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

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

@@ -1,200 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const vueRouter = require("vue-router");
-require("vue-i18n");
-;/* empty css                                                   */
-;/* empty css                                           */
-const Dropdown = require("../../../../components/Dropdown/Dropdown.vue.cjs");
-const Chips = require("../../../../components/Chips/Chips.vue.cjs");
-;/* empty css                                     */
-require("../../../../components/Menu/MenuItem.vue.cjs");
-const IconFollowing = require("../../../icons/entities/IconFollowing.vue.cjs");
-const IconEdit = require("../../../icons/navigation/IconEdit.vue.cjs");
-const IconEllipsis = require("../../../icons/navigation/IconEllipsis.vue.cjs");
-const PlaceholderOrganizationPic = require("../../../icons/placeholders/PlaceholderOrganizationPic.vue.cjs");
-const memberships_store = require("../../store/memberships.store.cjs");
-const organizations = require("../../store/organizations.cjs");
-;/* empty css                                           */
-;/* empty css                                         */
-;/* empty css                                             */
-;/* empty css                                             */
-;/* empty css                                        */
-;/* empty css                                        */
-;/* empty css                                          */
-;/* empty css                                                    */
-;/* empty css                                      */
-;/* empty css                                   */
-const auth = require("../../../auth/views/store/auth.cjs");
-const core_store = require("../../../core/views/store/core.store.cjs");
-;/* empty css                                               */
-;/* empty css                                                */
-;/* empty css                                          */
-;/* empty css                                                   */
-require("axios");
-;/* empty css                                                   */
-;/* empty css                                         */
-const ButtonToggleMembership = require("../elements/ButtonToggleMembership.vue.cjs");
-;/* empty css                                */
-;/* empty css                              */
-;/* empty css                             */
-const Socials = require("../blocks/Socials.vue.cjs");
-;/* empty css                           */
-require("../../../../../../node_modules/.pnpm/js-cookie@3.0.5/node_modules/js-cookie/dist/js.cookie.cjs");
-require("../sections/Unit.vue.cjs");
-;/* empty css                               */
-;/* empty css                         */
-const FormReport = require("../../../reports/components/sections/FormReport.vue.cjs");
-const Products = require("../../../products/components/pages/Products.vue.cjs");
-const _hoisted_1 = {
-  key: 0,
-  class: "pd-thin for-transition w-100"
-};
-const _hoisted_2 = { class: "flex-center flex flex-column t-center pd-medium radius-medium bg-light mn-b-thin" };
-const _hoisted_3 = { class: "bg-black pd-thin radius-small" };
-const _hoisted_4 = ["src"];
-const _hoisted_5 = { class: "mn-b-thin" };
-const _hoisted_6 = { class: "flex-center pd-r-thin pd-l-thin flex-nowrap flex mn-t-thin bg-white radius-extra w-max" };
-const _hoisted_7 = { class: "mn-t-thin p-regular t-medium uppercase mn-b-thin" };
-const _hoisted_8 = {
-  key: 5,
-  class: "mn-t-small mn-b-thin"
-};
-const _sfc_main = {
-  __name: "Organization",
-  setup(__props) {
-    vueRouter.useRouter();
-    const route = vueRouter.useRoute();
-    const organizationData = vue.ref(null);
-    vue.onMounted(async () => {
-      organizationData.value = await organizations.actions.read({
-        _id: route.params._id,
-        user: auth.state.user._id,
-        lookup: ["memberships"]
-      });
-      await memberships_store.default.read({ target: route.params._id });
-      if (typeof gtag === "function") {
-        gtag("event", "view_organization", {
-          organization_id: route.params._id,
-          organization_name: organizationData.value?.profile?.name || "unknown",
-          page_path: window.location.pathname,
-          user_id: auth.state.user._id || "anonymous",
-          timestamp: (/* @__PURE__ */ new Date()).toISOString()
-        });
-      }
-    });
-    const handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {
-      memberships_store.default.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber);
-    };
-    return (_ctx, _cache) => {
-      const _component_router_link = vue.resolveComponent("router-link");
-      return organizationData.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("section", _hoisted_2, [
-          auth.state.user._id !== organizations.state.current.owner ? (vue.openBlock(), vue.createBlock(Dropdown.default, {
-            key: 0,
-            label: { component: IconEllipsis.default, class: "i-medium t-transp" },
-            align: "right",
-            class: "cursor-pointer pos-absolute pos-r-regular pos-t-regular pd-thin radius-extra"
-          }, {
-            default: vue.withCtx(() => [
-              vue.createElementVNode("section", _hoisted_3, [
-                vue.createVNode(FormReport.default, {
-                  user: auth.state.user._id,
-                  type: "organization",
-                  target: organizations.state.current._id,
-                  text: "Report",
-                  class: "w-100"
-                }, {
-                  default: vue.withCtx(() => _cache[3] || (_cache[3] = [
-                    vue.createElementVNode("button", { class: "w-100 bg-black br-solid br-1px br-white-transp-20 t-white button-small button" }, " Report ", -1)
-                  ])),
-                  _: 1
-                }, 8, ["user", "target"]),
-                auth.state.user._id && auth.state.user._id !== organizations.state.current.owner ? (vue.openBlock(), vue.createBlock(vue.unref(ButtonToggleMembership.default), {
-                  key: 0,
-                  user: auth.state.user._id,
-                  type: "organization",
-                  role: "blocked",
-                  target: organizations.state.current._id,
-                  status: organizations.state.current.isBlocked,
-                  text: { create: "Block", remove: "Unblock" },
-                  onUpdateMembership: _cache[0] || (_cache[0] = (event) => handleMembershipUpdate(event, "isBlocked")),
-                  class: "t-white w-100 mn-t-thin bg-red"
-                }, null, 8, ["user", "target", "status"])) : vue.createCommentVNode("", true)
-              ])
-            ]),
-            _: 1
-          }, 8, ["label"])) : vue.createCommentVNode("", true),
-          auth.state.user._id === organizations.state.current.owner ? (vue.openBlock(), vue.createBlock(_component_router_link, {
-            key: 1,
-            to: {
-              name: "Organization Edit",
-              params: {
-                _id: organizations.state.current._id
-              }
-            },
-            class: "z-index-2 cursor-pointer pos-absolute pos-t-regular pos-r-regular radius-extra pd-thin bg-second"
-          }, {
-            default: vue.withCtx(() => [
-              vue.createVNode(IconEdit.default, {
-                class: "i-medium",
-                classes: "fill-white"
-              })
-            ]),
-            _: 1
-          }, 8, ["to"])) : vue.createCommentVNode("", true),
-          organizations.state.current.profile.photo ? (vue.openBlock(), vue.createElementBlock("img", {
-            key: 2,
-            loading: "lazy",
-            src: (_ctx.FILE_SERVER_URL || "") + organizations.state.current.profile.photo,
-            class: "radius-medium bg-light flex-center flex mn-b-small w-8r"
-          }, null, 8, _hoisted_4)) : (vue.openBlock(), vue.createBlock(PlaceholderOrganizationPic.default, {
-            key: 3,
-            class: "radius-medium mn-b-small i-extra"
-          })),
-          vue.createElementVNode("h1", _hoisted_5, vue.toDisplayString(organizations.state.current.profile.name), 1),
-          vue.createElementVNode("div", _hoisted_6, [
-            vue.createVNode(IconFollowing.default, { class: "i-medium mn-r-micro t-transp" }),
-            vue.createElementVNode("p", _hoisted_7, vue.toDisplayString(organizations.state.current.numberOfSubscribers) + " followers", 1),
-            auth.state.user._id && vue.unref(route).params._id && vue.unref(route).params._id !== auth.state.user._id && organizations.state.current.owner !== auth.state.user._id ? (vue.openBlock(), vue.createBlock(vue.unref(ButtonToggleMembership.default), {
-              key: 0,
-              user: auth.state.user._id,
-              type: "organization",
-              role: "subscriber",
-              target: organizations.state.current._id,
-              status: organizations.state.current.isSubscriber,
-              text: { create: "+", remove: "-" },
-              onUpdateMembership: _cache[1] || (_cache[1] = (event) => handleMembershipUpdate(event, "isSubscriber", "numberOfSubscribers")),
-              class: "mn-l-thin p-regular t-medium radius-extra i-medium"
-            }, null, 8, ["user", "target", "status"])) : vue.createCommentVNode("", true)
-          ]),
-          organizations.state.current.profile?.tags?.length > 0 ? (vue.openBlock(), vue.createBlock(Chips.default, {
-            key: 4,
-            chips: organizations.state.current.profile.tags,
-            class: "p-regular"
-          }, null, 8, ["chips"])) : vue.createCommentVNode("", true),
-          Object.values(organizations.state.current.socials).some((value) => value) ? (vue.openBlock(), vue.createElementBlock("h4", _hoisted_8, " Find us in socials ")) : vue.createCommentVNode("", true),
-          vue.createVNode(vue.unref(Socials.default), {
-            telegram: organizations.state.current.socials.telegram,
-            facebook: organizations.state.current.socials.facebook,
-            instagram: organizations.state.current.socials.instagram,
-            twitter: organizations.state.current.socials.twitter,
-            youtube: organizations.state.current.socials.youtube
-          }, null, 8, ["telegram", "facebook", "instagram", "twitter", "youtube"])
-        ]),
-        _ctx.MOBILE_APP ? (vue.openBlock(), vue.createElementBlock("div", {
-          key: 0,
-          onClick: _cache[2] || (_cache[2] = () => core_store.state.isOpenSidebar = !core_store.state.isOpenSidebar),
-          class: "pos-relative"
-        }, _cache[4] || (_cache[4] = [
-          vue.createElementVNode("div", { class: "bg-light radius-medium pd-medium" }, [
-            vue.createElementVNode("p", { class: "t-medium t-black-transp-60" }, " Show Menu ")
-          ], -1)
-        ]))) : vue.createCommentVNode("", true),
-        vue.createVNode(Products.default)
-      ])) : vue.createCommentVNode("", true);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=Organization.vue.cjs.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Organization.vue.cjs","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":["useRouter","useRoute","ref","onMounted","organization.actions","auth.state","membershipsStore","organization.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsMiBA,cAAAA,UAAS;AACzB,UAAM,QAASC,UAAAA,SAAQ;AAEvB,UAAM,mBAAmBC,IAAAA,IAAI,IAAI;AAEjCC,QAAAA,UAAU,YAAY;AAErB,uBAAiB,QAAQ,MAAMC,cAAAA,QAAqB,KAAK;AAAA,QACxD,KAAK,MAAM,OAAO;AAAA,QAClB,MAAMC,KAAAA,MAAW,KAAK;AAAA,QACtB,QAAQ,CAAC,aAAa;AAAA,MACzB,CAAG;AAEA,YAAMC,kBAAAA,QAAiB,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,SAASD,KAAAA,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;AAC3FC,gCAAiB,uBAAuBC,cAAAA,MAAmB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAC1H;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}