@ozdao/martyrs 0.2.602 → 0.2.604

package/dist/martyrs/src/modules/organizations/components/blocks/CardOrganization.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardOrganization.vue.js","sources":["../../../../../../../src/modules/organizations/components/blocks/CardOrganization.vue"],"sourcesContent":["<template>\n  <div\n    class=\"o-hidden pos-relative cursor-pointer bg-light \"\n    @click=\"$router.push('/organizations/' + organization._id)\"\n  >\n    <div class=\"h-4r flex pos-relative\">\n\n      <img loading=\"lazy\" \n        v-if=\"organization.profile.photo && organization.profile.photo.length > 0\"\n        :src=\"(FILE_SERVER_URL || '') + organization.profile.photo\" \n        class=\"h-4r w-4r radius-extra bg-white\" \n        style=\"flex: 0 1 auto\"\n      />\n\n      <PlaceholderOrganizationPic\n        v-else\n        class=\"w-4r h-max radius-medium\"\n        style=\"flex: 0 1 auto\"\n      />\n      \n      <div class=\"pos-relative w-100 flex-h-center flex flex-column flex-child-1 flex-child mn-l-thin w-100\">\n        \n        <!-- <Text :text=\"organization.profile.name ? organization.profile.name : ''\" :maxLen=\"18\" class=\"h3 d-block\"/> -->\n        <p class=\"h4 truncate w-100\">{{organization.profile.name}}</p>\n        <!-- RATING -->\n        <!-- <div v-if=\"showRating && organization.rating\" class=\"w-max star-container flex-v-center flex\">\n          <img loading=\"lazy\" \n            v-for=\"i in 5\"\n            class=\"i-small mn-r-thin\"\n            :src=\"i <= organization.rating.median ? '/icons/star.svg' : '/icons/star-stroke.svg'\"\n          >\n\n          <span class=\"p-small fw-semi mn-r-thin\">{{organization.rating.median}}</span>\n          <span class=\"p-small\">({{organization.rating.amount}})</span>\n        </div> -->\n\n        <div v-if=\"showFollowers ||  showTags\" class=\"mn-t-micro gap-micro flex-nowrap flex\">\n\n          <Chips \n            v-if=\"showTags && organization.profile.tags?.length > 0\" \n            :chips=\"organization.profile.tags.slice(0,3)\"\n            class=\"pos-relative t-trimmed\"\n          >\n           <div v-if=\"showFollowers\" class=\"truncate pos-relative p-regular mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small fw-medium bg-white\">\n            <p class=\"truncate\">{{organization.numberOfSubscribers}} followers</p>\n\n            <ButtonToggleMembership\n              v-if=\"\n                user?._id \n                && organization.owner !== user._id\n              \"\n              :user=\"user._id\"\n              :type=\"'organization'\" \n              :role=\"'subscriber'\" \n              :target=\"organization._id\" \n              :status=\"organization.isSubscriber\" \n              :text=\"{create: '+', remove: '-'}\"\n              @updateMembership=\"event => emits('updateMembership', event, 'isSubscriber', 'numberOfSubscribers')\"\n              class=\"i-medium\" \n            />\n          </div>\n        </Chips>\n        </div>\n\n      </div>\n\n    </div>\n\n\n    <div \n      v-if=\"showProducts && organization.products\" \n      class=\"mn-b-small ws-nowrap mn-t-small w-100 flex-nowrap flex flex-v-center pd-small bg-white radius-medium\"\n    >\n      <IconTime class=\"i-medium t-transp mn-r-micro\"/>\n      <span class=\"mn-r-micro\">\n        {{\n        organization.distance ? \n          organization.distance > 50 ? \n            '3-5 days' : \n            Math.ceil((5 + 5 + 3 * organization.distance) / 5) * 5 \n            + '-' \n            + Math.ceil((15 + 5 + 3 * organization.distance) / 5) * 5 \n            + ' MIN' : 'Unavailable' \n        }} \n      </span>\n\n      <span v-if=\"organization.distance && organization.distance < 50\" class=\"t-transp t-grey mn-r-micro\">|</span>\n      <span v-if=\"organization.distance && organization.distance < 50\" class=\"mn-r-thin\">{{organization.distance ? organization.distance.toFixed(1) + 'KM' : ''}}</span>\n      <!-- <span class=\"mn-r-thin\">{{organization.nearestSpotDistance}}</span> -->\n      <!-- <IconPrice class=\"i-medium mn-r-micro\"/> -->\n      <!-- <span class=\"mn-r-thin\">{{returnCurrency()}}500 </span> -->\n      <IconShopcart class=\"i-medium t-transp mn-r-micro\"/>\n      <span class=\"mn-r-thin\"> {{organization.products.length}} products</span>\n    </div>\n\n    <div v-if=\"showProducts && organization.products?.length > 0\" class=\"w-100 o-scroll scroll-hide radius-medium\">\n      <div class=\"w-max flex-nowrap flex gap-thin\">\n        <CardOrderItem\n          @click.stop=\"$router.push(`/organizations/${organization._id}/products/${product._id}`)\"\n          v-for=\"product in organization.products.slice(0,5)\"\n          :key=\"product._id\"\n          :editable=\"false\"\n          :productId=\"product._id\"\n          :variantId=\"product.variants?.[0]?._id\"\n          :images=\"product.images\"\n          :name=\"product.name\"\n          :quantity=\"product.variants?.[0]?.quantity || 1\"\n          :unit=\"product.variants?.[0]?.unit\"\n          :dates=\"product.date\"\n          :listing=\"product.listing\"\n          :price=\"product.variants?.[0]?.price\"\n          class=\"pd-thin w-15r radius-medium bg-white\"\n\n        />\n        <button class=\"pd-thin w-15r radius-medium bg-main button\">\n          View menu\n        </button>\n      </div>\n    </div>\n\n  </div>\n</template>\n\n<script setup>\n  import { ref } from 'vue'\n  import { useRouter } from 'vue-router'\n  import CardOrderItem from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue';\n\n  import Text     from '@martyrs/src/components/Text/Text.vue'\n  import Chips  from '@martyrs/src/components/Chips/Chips.vue'\n\n  import PlaceholderOrganizationPic from '@martyrs/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue'\n\n  import IconPrice from '@martyrs/src/modules/icons/entities/IconPrice.vue'\n  import IconShopcart from '@martyrs/src/modules/icons/entities/IconShopcart.vue'\n  import IconTime from '@martyrs/src/modules/icons/entities/IconTime.vue'\n\n  import ButtonToggleMembership from '@martyrs/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n\n  const props = defineProps({\n    // Model\n    user: String,\n    organization: Object,\n    // View\n    showProducts: {\n      type: Boolean,\n      default: false\n    },\n    showFollowers: {\n      type: Boolean,\n      default: true\n    },\n    showRating: {\n      type: Boolean,\n      default: false\n    },\n    showFeatured: {\n      type: Boolean,\n      default: true\n    },\n    showTags: {\n      type: Boolean,\n      default: true\n    },\n  });\n\n  const emits = defineEmits(['updateMembership'])\n\n  const router = useRouter();\n</script>\n\n<style>\n\n.t-trimmed {\n  font-size: 0;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsKE,UAAM,QAAQ;AAEC,cAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardOrganization.vue.js","sources":["../../../../../../../src/modules/organizations/components/blocks/CardOrganization.vue"],"sourcesContent":["<template>\n  <div\n    class=\"o-hidden pos-relative cursor-pointer bg-light \"\n    @click=\"$router.push({ name: 'OrganizationProfile', params: { _id: organization._id } })\"\n  >\n    <div class=\"h-4r flex pos-relative\">\n\n      <img loading=\"lazy\" \n        v-if=\"organization.profile.photo && organization.profile.photo.length > 0\"\n        :src=\"(FILE_SERVER_URL || '') + organization.profile.photo\" \n        class=\"h-4r w-4r radius-extra bg-white\" \n        style=\"flex: 0 1 auto\"\n      />\n\n      <PlaceholderOrganizationPic\n        v-else\n        class=\"w-4r h-max radius-medium\"\n        style=\"flex: 0 1 auto\"\n      />\n      \n      <div class=\"pos-relative w-100 flex-h-center flex flex-column flex-child-1 flex-child mn-l-thin w-100\">\n        \n        <!-- <Text :text=\"organization.profile.name ? organization.profile.name : ''\" :maxLen=\"18\" class=\"h3 d-block\"/> -->\n        <p class=\"h4 truncate w-100\">{{organization.profile.name}}</p>\n        <!-- RATING -->\n        <!-- <div v-if=\"showRating && organization.rating\" class=\"w-max star-container flex-v-center flex\">\n          <img loading=\"lazy\" \n            v-for=\"i in 5\"\n            class=\"i-small mn-r-thin\"\n            :src=\"i <= organization.rating.median ? '/icons/star.svg' : '/icons/star-stroke.svg'\"\n          >\n\n          <span class=\"p-small fw-semi mn-r-thin\">{{organization.rating.median}}</span>\n          <span class=\"p-small\">({{organization.rating.amount}})</span>\n        </div> -->\n\n        <div v-if=\"showFollowers ||  showTags\" class=\"mn-t-micro gap-micro flex-nowrap flex\">\n\n          <Chips \n            v-if=\"showTags && organization.profile.tags?.length > 0\" \n            :chips=\"organization.profile.tags.slice(0,3)\"\n            class=\"pos-relative t-trimmed\"\n          >\n           <div v-if=\"showFollowers\" class=\"truncate pos-relative p-regular mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small fw-medium bg-white\">\n            <p class=\"truncate\">{{organization.numberOfSubscribers}} followers</p>\n\n            <ButtonToggleMembership\n              v-if=\"\n                user?._id \n                && organization.owner !== user._id\n              \"\n              :user=\"user._id\"\n              :type=\"'organization'\" \n              :role=\"'subscriber'\" \n              :target=\"organization._id\" \n              :status=\"organization.isSubscriber\" \n              :text=\"{create: '+', remove: '-'}\"\n              @updateMembership=\"event => emits('updateMembership', event, 'isSubscriber', 'numberOfSubscribers')\"\n              class=\"i-medium\" \n            />\n          </div>\n        </Chips>\n        </div>\n\n      </div>\n\n    </div>\n\n\n    <div \n      v-if=\"showProducts && organization.products\" \n      class=\"mn-b-small ws-nowrap mn-t-small w-100 flex-nowrap flex flex-v-center pd-small bg-white radius-medium\"\n    >\n      <IconTime class=\"i-medium t-transp mn-r-micro\"/>\n      <span class=\"mn-r-micro\">\n        {{\n        organization.distance ? \n          organization.distance > 50 ? \n            '3-5 days' : \n            Math.ceil((5 + 5 + 3 * organization.distance) / 5) * 5 \n            + '-' \n            + Math.ceil((15 + 5 + 3 * organization.distance) / 5) * 5 \n            + ' MIN' : 'Unavailable' \n        }} \n      </span>\n\n      <span v-if=\"organization.distance && organization.distance < 50\" class=\"t-transp t-dark mn-r-micro\">|</span>\n      <span v-if=\"organization.distance && organization.distance < 50\" class=\"mn-r-thin\">{{organization.distance ? organization.distance.toFixed(1) + 'KM' : ''}}</span>\n      <!-- <span class=\"mn-r-thin\">{{organization.nearestSpotDistance}}</span> -->\n      <!-- <IconPrice class=\"i-medium mn-r-micro\"/> -->\n      <!-- <span class=\"mn-r-thin\">{{returnCurrency()}}500 </span> -->\n      <IconShopcart class=\"i-medium t-transp mn-r-micro\"/>\n      <span class=\"mn-r-thin\"> {{organization.products.length}} products</span>\n    </div>\n\n    <div v-if=\"showProducts && organization.products?.length > 0\" class=\"w-100 o-scroll scroll-hide radius-medium\">\n      <div class=\"w-max flex-nowrap flex gap-thin\">\n        <CardOrderItem\n          @click.stop=\"$router.push(`/organizations/${organization._id}/products/${product._id}`)\"\n          v-for=\"product in organization.products.slice(0,5)\"\n          :key=\"product._id\"\n          :editable=\"false\"\n          :productId=\"product._id\"\n          :variantId=\"product.variants?.[0]?._id\"\n          :images=\"product.images\"\n          :name=\"product.name\"\n          :quantity=\"product.variants?.[0]?.quantity || 1\"\n          :unit=\"product.variants?.[0]?.unit\"\n          :dates=\"product.date\"\n          :listing=\"product.listing\"\n          :price=\"product.variants?.[0]?.price\"\n          class=\"pd-thin w-15r radius-medium bg-white\"\n\n        />\n        <button class=\"pd-thin w-15r radius-medium bg-main button\">\n          View menu\n        </button>\n      </div>\n    </div>\n\n  </div>\n</template>\n\n<script setup>\n  import { ref, computed } from 'vue'\n  import { useRoute, useRouter } from 'vue-router'\n  import CardOrderItem from '@martyrs/src/modules/orders/components/blocks/CardOrderItem.vue';\n\n  import Text     from '@martyrs/src/components/Text/Text.vue'\n  import Chips  from '@martyrs/src/components/Chips/Chips.vue'\n\n  import PlaceholderOrganizationPic from '@martyrs/src/modules/icons/placeholders/PlaceholderOrganizationPic.vue'\n\n  import IconPrice from '@martyrs/src/modules/icons/entities/IconPrice.vue'\n  import IconShopcart from '@martyrs/src/modules/icons/entities/IconShopcart.vue'\n  import IconTime from '@martyrs/src/modules/icons/entities/IconTime.vue'\n\n  import ButtonToggleMembership from '@martyrs/src/modules/organizations/components/elements/ButtonToggleMembership.vue'\n\n  const props = defineProps({\n    // Model\n    user: String,\n    organization: Object,\n    // View\n    showProducts: {\n      type: Boolean,\n      default: false\n    },\n    showFollowers: {\n      type: Boolean,\n      default: true\n    },\n    showRating: {\n      type: Boolean,\n      default: false\n    },\n    showFeatured: {\n      type: Boolean,\n      default: true\n    },\n    showTags: {\n      type: Boolean,\n      default: true\n    },\n  });\n\n  const emits = defineEmits(['updateMembership'])\n\n  const route = useRoute();\n  const router = useRouter();\n\n  const routePrefix = computed(() => {\n    const ctx = route.meta.context\n    if (ctx === 'user') return 'User'\n    if (ctx === 'backoffice') return 'Backoffice'\n    return ''\n  })\n</script>\n\n<style>\n\n.t-trimmed {\n  font-size: 0;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsKE,UAAM,QAAQ;AAEd,UAAM,QAAQ,SAAQ;AACP,cAAS;AAEJ,aAAS,MAAM;AACjC,YAAM,MAAM,MAAM,KAAK;AACvB,UAAI,QAAQ,OAAQ,QAAO;AAC3B,UAAI,QAAQ,aAAc,QAAO;AACjC,aAAO;AAAA,IACT,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/organizations/components/elements/ButtonToggleMembership.vue.js

@@ -1,5 +1,5 @@
 import { createBlock, openBlock, withCtx, createTextVNode, toDisplayString } from "vue";
-import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
+import Button from "../../../../components/Button/Button.vue2.js";
 import membershipsStore from "../../store/memberships.store.js";
 const _sfc_main = {
   __name: "ButtonToggleMembership",
@@ -82,7 +82,7 @@ const _sfc_main = {
       }
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(_sfc_main$1, {
+      return openBlock(), createBlock(Button, {
         submit: toggleMembership,
         showSucces: false,
         class: "bg-main button-small button"

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

@@ -1,5 +1,5 @@
 import { ref, createElementBlock, openBlock, createElementVNode, createVNode, createCommentVNode, withCtx, Fragment, renderList, normalizeClass, createBlock, toDisplayString, createTextVNode } from "vue";
-import _sfc_main$3 from "../../../../components/Button/Button.vue.js";
+import Button from "../../../../components/Button/Button.vue2.js";
 import _sfc_main$1 from "../../../../components/Feed/Feed.vue.js";
 import PlaceholderUserpic from "../../../icons/placeholders/PlaceholderUserpic.vue.js";
 import _sfc_main$2 from "../../../icons/navigation/IconCheck.vue.js";
@@ -176,7 +176,7 @@ const _sfc_main = {
         selectedUsers.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_10, [
           createElementVNode("p", _hoisted_11, "Selected: " + toDisplayString(selectedUsers.value.length) + " user(s)", 1)
         ])) : createCommentVNode("", true),
-        createVNode(_sfc_main$3, {
+        createVNode(Button, {
           submit: addSelectedUsers,
           disabled: selectedUsers.value.length === 0,
           class: "w-100 bg-main"

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

@@ -1,12 +1,12 @@
-import { computed, ref, reactive, createElementBlock, openBlock, createVNode, createElementVNode, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString, createCommentVNode, unref, normalizeClass } from "vue";
+import { computed, ref, reactive, createElementBlock, openBlock, createVNode, createElementVNode, createCommentVNode, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString, unref, normalizeClass } from "vue";
 import { useRoute } from "vue-router";
 import UploadImage from "../../../../components/UploadImage/UploadImage.vue.js";
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$4 from "../../../../components/Checkbox/Checkbox.vue.js";
-import _sfc_main$6 from "../../../../components/Button/Button.vue.js";
-import _sfc_main$7 from "../../../../components/Popup/Popup.vue.js";
+import Button from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$6 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
-import _sfc_main$8 from "../../../../components/Feed/Feed.vue.js";
+import _sfc_main$7 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$5 from "../../../../components/Spoiler/Spoiler.vue2.js";
 import _sfc_main$2 from "../../../auth/views/components/blocks/CardUser.vue.js";
 import _sfc_main$3 from "../../../icons/navigation/IconDelete.vue.js";
@@ -23,7 +23,11 @@ const _hoisted_7 = { class: "cols-1 gap-thin" };
 const _hoisted_8 = { class: "cursor-pointer flex-v-center flex gap-thin" };
 const _hoisted_9 = { class: "t-small" };
 const _hoisted_10 = { class: "cols-1 gap-thin mn-t-thin" };
-const _hoisted_11 = { class: "flex gap-thin mn-t-medium" };
+const _hoisted_11 = {
+  key: 0,
+  class: "bg-light pd-medium o-hidden radius-medium mn-t-thin"
+};
+const _hoisted_12 = { class: "flex gap-thin mn-t-medium" };
 const _sfc_main = {
   __name: "DepartmentForm",
   props: {
@@ -311,31 +315,34 @@ const _sfc_main = {
             }), 128))
           ])
         ]),
-        createElementVNode("div", _hoisted_11, [
-          editingDepartment.value ? (openBlock(), createBlock(_sfc_main$6, {
-            key: 0,
+        editingDepartment.value ? (openBlock(), createElementBlock("div", _hoisted_11, [
+          _cache[10] || (_cache[10] = createElementVNode("h3", { class: "mn-b-small" }, "Delete Department", -1)),
+          _cache[11] || (_cache[11] = createElementVNode("p", { class: "p-regular mn-b-medium" }, "Once you delete this department, all associated data including members and settings will be permanently removed. This action cannot be undone.", -1)),
+          createVNode(Button, {
             submit: onDelete,
             showSuccess: true,
             showLoader: true,
             class: "bg-red"
           }, {
             default: withCtx(() => _cache[9] || (_cache[9] = [
-              createTextVNode(" Delete ")
+              createTextVNode(" Delete Department ")
             ])),
             _: 1
-          })) : createCommentVNode("", true),
-          createVNode(_sfc_main$6, {
+          })
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_12, [
+          createVNode(Button, {
             showSuccess: false,
             showLoader: false,
             class: "bg-grey t-white w-100",
             onClick: _cache[4] || (_cache[4] = ($event) => _ctx.$emit("close"))
           }, {
-            default: withCtx(() => _cache[10] || (_cache[10] = [
+            default: withCtx(() => _cache[12] || (_cache[12] = [
               createTextVNode(" Cancel ")
             ])),
             _: 1
           }),
-          createVNode(_sfc_main$6, {
+          createVNode(Button, {
             class: "bg-main w-100",
             submit: saveDepartment
           }, {
@@ -345,14 +352,14 @@ const _sfc_main = {
             _: 1
           })
         ]),
-        createVNode(_sfc_main$7, {
+        createVNode(_sfc_main$6, {
           title: "Add member",
           onClosePopup: closeMemberPopup,
           isPopupOpen: isOpenAddMemberPopup.value,
           class: "bg-white w-max-30r radius-medium pd-big"
         }, {
           default: withCtx(() => [
-            createVNode(_sfc_main$8, {
+            createVNode(_sfc_main$7, {
               search: {
                 placeholder: "Search member...",
                 class: "bg-light mn-b-thin"

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

@@ -1 +1 @@
-{"version":3,"file":"DepartmentForm.vue.js","sources":["../../../../../../../src/modules/organizations/components/forms/DepartmentForm.vue"],"sourcesContent":["<template>\n  <div class=\"cols-1 gap-thin o-y-scroll\">\n    <Block\n      title=\"Profile\"\n      class=\"mn-b-thin\"\n    >\n      <div\n        class=\"cols-[fit-content(100%)_1fr] mobile:cols-1\"\n      >\n        <UploadImage \n          v-model:photo=\"currentDepartment.profile.photo\"\n          :uploadPath=\"'organizations/' + currentDepartment.profile.name + '/departments'\"\n          class=\"w-8r aspect-1x1 o-hidden mn-r-small radius-extra\" \n        />\n        <div class=\"w-100 flex-child-grow-1 flex-child\">\n          <Field \n            v-model:field=\"currentDepartment.profile.name\"     \n            label=\"Name\"  \n            placeholder=\"Department Name\" \n            class=\"mn-b-small bg-white radius-small pd-medium\"\n          />\n          <Field \n            v-model:field=\"currentDepartment.profile.description\"     \n            label=\"Description\"  \n            placeholder=\"Department description (max 120 symbols)\" \n            class=\"bg-white radius-small pd-medium\"\n          />  \n        </div>\n      </div>\n    </Block>\n\n    <Block\n      title=\"Team\"\n      placeholder=\"No members added yet\"\n      :actions=\"[{\n        label: '+',\n        function: () => openMemberPopup()\n      }]\"\n      class=\"cols-1 gap-thin mn-b-thin\"\n    > \n      <CardUser \n        class=\"h-4r bg-white pd-thin radius-medium w-100\" \n        v-for=\"(member, index) in currentDepartment.members\" \n        :key=\"member._id || index\" \n        :user=\"member.user\" \n        :photo=\"member.user.profile.photo\"\n        :name=\"member.user.profile.name || member.user.phone || member.user.email || member.user._id\"\n        :position=\"member.position\" \n        :action=\"{\n          label: {\n            is: IconDelete,\n            props: { class: 'i-medium', fill: 'rgb(var(--white)' }\n          },\n          method: () => removeMember(member)\n        }\"\n      />\n    </Block>\n\n    <div class=\"bg-light pd-medium o-hidden radius-medium mn-b-thin\">\n      <h3 class=\"mn-b-semi\">Department Settings</h3>\n      \n      <p class=\"p-regular mn-b-small\">Please settings for your department:</p>\n      <div class=\"cols-1 gap-thin\">\n        <Checkbox \n          label=\"Hidden department\"\n          name=\"hidden\"\n          class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n          @update:radio=\"updated => currentDepartment.hidden = !currentDepartment.hidden\"\n          :radio=\"currentDepartment.hidden\"\n        />\n      </div>\n    </div>\n\n    <div class=\"bg-light pd-medium o-hidden radius-medium\">\n      <h3 class=\"mn-b-semi\">Accesses</h3>\n      \n      <p class=\"p-regular mn-b-small\">Please select organization accesses for user in department:</p>\n      \n      <div class=\"cols-1 gap-thin\">\n        <div v-for=\"(actions, category) in currentDepartment.accesses\" :key=\"category\" class=\"mn-b-small\">\n          <Spoiler :status=\"false\">\n            <template #header=\"{ isOpen }\">\n              <h4 class=\"cursor-pointer flex-v-center flex gap-thin\">\n                {{ category.charAt(0).toUpperCase() + category.slice(1) }}\n                <span class=\"t-small\">{{ isOpen ? '▼' : '▶' }}</span>\n              </h4>\n            </template>\n            <template #content>\n              <div class=\"cols-1 gap-thin mn-t-thin\">\n                <Checkbox\n                  v-for=\"(value, action) in actions\"\n                  :key=\"action\"\n                  :label=\"action\"\n                  :name=\"action\"\n                  :radio=\"value\"\n                  @update:radio=\"updated => (currentDepartment.accesses[category][action] = !value)\"\n                  class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n                />\n              </div>\n            </template>\n          </Spoiler>\n        </div>\n      </div>\n    </div>\n\n    <!-- Action Buttons -->\n    <div class=\"flex gap-thin mn-t-medium\">\n      <Button\n        v-if=\"editingDepartment\"\n        :submit=\"onDelete\"\n        :showSuccess=\"true\"\n        :showLoader=\"true\"\n        class=\"bg-red\"\n      >\n        Delete\n      </Button>\n      <Button\n        :showSuccess=\"false\"\n        :showLoader=\"false\"\n        class=\"bg-grey t-white w-100\"\n        @click=\"$emit('close')\"\n      >\n        Cancel\n      </Button>\n      <Button\n        class=\"bg-main w-100\"\n        :submit=\"saveDepartment\"\n      >\n        {{ editingDepartment ? 'Update Department' : 'Create Department' }}\n      </Button>\n    </div>\n\n    <!-- Member Selection Popup -->\n    <Popup \n      title=\"Add member\" \n      @close-popup=\"closeMemberPopup\" \n      :isPopupOpen=\"isOpenAddMemberPopup\"\n      class=\"bg-white w-max-30r radius-medium pd-big\"\n    >\n      <Feed\n        :search=\"{\n          placeholder: 'Search member...',\n          class: 'bg-light mn-b-thin'\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No Members Found',\n            description: 'Currently, there are no members in organization.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => membershipsStore.read(options),\n          state: null\n        }\"\n        :options=\"{\n          target: organizationId,\n          role: ['member', 'owner']\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"bg-light pd-medium w-min-20r w-max-40r radius-medium h-max-20r o-scroll\"\n      >\n        <CardUser\n          v-for=\"(user, index) in items\" \n          :key=\"user._id\"\n          :user=\"user.user\"\n          :photo=\"user.user.profile?.photo\"\n          :name=\"user.user.profile?.name || user.user.phone || user.user.email\"\n          :disabled=\"isDuplicateMember(user.user._id)\"\n          @click=\"() => addMemberToDepartment(user.user)\"\n          class=\"h-4r bg-white pd-thin radius-medium w-100 mn-b-thin\"\n          :class=\"{ 'opacity-50 cursor-not-allowed': isDuplicateMember(user.user._id) }\"\n        />\n      </Feed>\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref, reactive, computed } from 'vue';\nimport { useRoute } from 'vue-router';\n\nimport UploadImage from '@martyrs/src/components/UploadImage/UploadImage.vue';\nimport Field from '@martyrs/src/components/Field/Field.vue';\nimport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\nimport Spoiler from '@martyrs/src/components/Spoiler/Spoiler.vue';\n\nimport CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\n\nconst store = useStore();\nimport membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js';\nimport departmentsStore from '@martyrs/src/modules/organizations/store/departments.store.js';\n\nconst route = useRoute();\n\nconst props = defineProps({\n  department: Object,\n  organizationId: String\n});\n\nconst emit = defineEmits(['close', 'saved']);\n\n// State\nconst editingDepartment = computed(() => !!props.department?._id);\nconst isOpenAddMemberPopup = ref(false);\n\n// Create default department structure\nconst createDefaultDepartment = () => ({\n  organization: props.organizationId,\n  profile: {\n    photo: '',\n    name: '',\n    description: '',\n    categories: [],\n  },\n  address: '',\n  location: {\n    lat: null,\n    lng: null,\n  },\n  worktime: [],\n  delivery: [],\n  payment: [],\n  members: [],\n  subdepartments: [],\n  hidden: false,\n  accesses: {\n    categories: {\n      create: false,\n      read: false,\n      edit: false,\n      delete: false,\n    },\n    rents: {\n      create: false,\n      read: false,\n      edit: false,\n      delete: false,\n    },\n    spots: {\n      create: false,\n      read: false,\n      edit: false,\n      delete: false,\n    },\n    members: {\n      read: false,\n      edit: false,\n      delete: false,\n    },\n    posts: {\n      create: false,\n      read: false,\n      edit: false,\n      delete: false,\n    },\n    events: {\n      create: false,\n      read: false,\n      edit: false,\n      delete: false,\n    },\n    tickets: {\n      create: false,\n      read: false,\n      edit: false,\n      delete: false,\n    },\n    gallery: {\n      read: false,\n      create: false,\n      edit: false,\n      delete: false,\n    },\n    inventory: {\n      read: false,\n      edit: false,\n      delete: false,\n    },\n    products: {\n      read: false,\n      edit: false,\n      delete: false,\n    },\n    orders: {\n      read: false,\n      confirm: false,\n      delete: false,\n    },\n    departments: {\n      read: false,\n      edit: false,\n      delete: false,\n    },\n  },\n});\n\n// Current department reactive state - create deep copy to avoid mutating original\nconst currentDepartment = reactive(\n  props.department ? JSON.parse(JSON.stringify(props.department)) : createDefaultDepartment()\n);\n\n// Member management\nfunction openMemberPopup() {\n  isOpenAddMemberPopup.value = true;\n}\n\nfunction closeMemberPopup() {\n  isOpenAddMemberPopup.value = false;\n}\n\nfunction isDuplicateMember(userId) {\n  return currentDepartment.members.some(member => \n    member.user._id === userId || member._id === userId\n  );\n}\n\nfunction addMemberToDepartment(user) {\n  if (!isDuplicateMember(user._id)) {\n    currentDepartment.members.push({ \n      _id: user._id, \n      user: user, \n      position: 'Member' \n    });\n    closeMemberPopup();\n  } else {\n    store.core.actions.setError({ message: 'This user is already a member of this department' });\n  }\n}\n\nfunction removeMember(member) {\n  if (confirm(\"Are you sure you want to remove this member?\")) {\n    const index = currentDepartment.members.findIndex(m => \n      (m.user._id === member.user._id) || (m._id === member._id)\n    );\n    if (index > -1) {\n      currentDepartment.members.splice(index, 1);\n    }\n  }\n}\n\n// Save/Delete operations\nasync function saveDepartment() {\n  try {\n    // Prepare department data\n    const departmentData = {\n      ...currentDepartment,\n      organization: props.organizationId\n    };\n\n    let result;\n    if (editingDepartment.value) {\n      // Update existing department\n      result = await departmentsStore.update({\n        ...departmentData,\n        _id: props.department._id\n      });\n    } else {\n      // Create new department\n      result = await departmentsStore.create(departmentData);\n    }\n\n    emit('saved', result);\n    emit('close');\n  } catch (error) {\n    console.error('Error saving department:', error);\n    store.core.actions.setError(error);\n    throw error;\n  }\n}\n\nasync function onDelete() {\n  if (confirm(\"Are you sure you want to delete this department?\")) {\n    try {\n      await departmentsStore.delete({ _id: props.department._id });\n      emit('saved', null);\n      emit('close');\n    } catch (error) {\n      console.error('Error deleting department:', error);\n      store.core.actions.setError(error);\n    }\n  }\n}\n</script>\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"DepartmentForm.vue.js","sources":["../../../../../../../src/modules/organizations/components/forms/DepartmentForm.vue"],"sourcesContent":["<template>\n  <div class=\"cols-1 gap-thin o-y-scroll\">\n    <Block\n      title=\"Profile\"\n      class=\"mn-b-thin\"\n    >\n      <div\n        class=\"cols-[fit-content(100%)_1fr] mobile:cols-1\"\n      >\n        <UploadImage \n          v-model:photo=\"currentDepartment.profile.photo\"\n          :uploadPath=\"'organizations/' + currentDepartment.profile.name + '/departments'\"\n          class=\"w-8r aspect-1x1 o-hidden mn-r-small radius-extra\" \n        />\n        <div class=\"w-100 flex-child-grow-1 flex-child\">\n          <Field \n            v-model:field=\"currentDepartment.profile.name\"     \n            label=\"Name\"  \n            placeholder=\"Department Name\" \n            class=\"mn-b-small bg-white radius-small pd-medium\"\n          />\n          <Field \n            v-model:field=\"currentDepartment.profile.description\"     \n            label=\"Description\"  \n            placeholder=\"Department description (max 120 symbols)\" \n            class=\"bg-white radius-small pd-medium\"\n          />  \n        </div>\n      </div>\n    </Block>\n\n    <Block\n      title=\"Team\"\n      placeholder=\"No members added yet\"\n      :actions=\"[{\n        label: '+',\n        function: () => openMemberPopup()\n      }]\"\n      class=\"cols-1 gap-thin mn-b-thin\"\n    > \n      <CardUser \n        class=\"h-4r bg-white pd-thin radius-medium w-100\" \n        v-for=\"(member, index) in currentDepartment.members\" \n        :key=\"member._id || index\" \n        :user=\"member.user\" \n        :photo=\"member.user.profile.photo\"\n        :name=\"member.user.profile.name || member.user.phone || member.user.email || member.user._id\"\n        :position=\"member.position\" \n        :action=\"{\n          label: {\n            is: IconDelete,\n            props: { class: 'i-medium', fill: 'rgb(var(--white)' }\n          },\n          method: () => removeMember(member)\n        }\"\n      />\n    </Block>\n\n    <div class=\"bg-light pd-medium o-hidden radius-medium mn-b-thin\">\n      <h3 class=\"mn-b-semi\">Department Settings</h3>\n      \n      <p class=\"p-regular mn-b-small\">Please settings for your department:</p>\n      <div class=\"cols-1 gap-thin\">\n        <Checkbox \n          label=\"Hidden department\"\n          name=\"hidden\"\n          class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n          @update:radio=\"updated => currentDepartment.hidden = !currentDepartment.hidden\"\n          :radio=\"currentDepartment.hidden\"\n        />\n      </div>\n    </div>\n\n    <div class=\"bg-light pd-medium o-hidden radius-medium\">\n      <h3 class=\"mn-b-semi\">Accesses</h3>\n      \n      <p class=\"p-regular mn-b-small\">Please select organization accesses for user in department:</p>\n      \n      <div class=\"cols-1 gap-thin\">\n        <div v-for=\"(actions, category) in currentDepartment.accesses\" :key=\"category\" class=\"mn-b-small\">\n          <Spoiler :status=\"false\">\n            <template #header=\"{ isOpen }\">\n              <h4 class=\"cursor-pointer flex-v-center flex gap-thin\">\n                {{ category.charAt(0).toUpperCase() + category.slice(1) }}\n                <span class=\"t-small\">{{ isOpen ? '▼' : '▶' }}</span>\n              </h4>\n            </template>\n            <template #content>\n              <div class=\"cols-1 gap-thin mn-t-thin\">\n                <Checkbox\n                  v-for=\"(value, action) in actions\"\n                  :key=\"action\"\n                  :label=\"action\"\n                  :name=\"action\"\n                  :radio=\"value\"\n                  @update:radio=\"updated => (currentDepartment.accesses[category][action] = !value)\"\n                  class=\"w-100 mn-r-small bg-white radius-small pd-small\"\n                />\n              </div>\n            </template>\n          </Spoiler>\n        </div>\n      </div>\n    </div>\n\n    <!-- Delete Department -->\n    <div v-if=\"editingDepartment\" class=\"bg-light pd-medium o-hidden radius-medium mn-t-thin\">\n      <h3 class=\"mn-b-small\">Delete Department</h3>\n      <p class=\"p-regular mn-b-medium\">Once you delete this department, all associated data including members and settings will be permanently removed. This action cannot be undone.</p>\n      <Button\n        :submit=\"onDelete\"\n        :showSuccess=\"true\"\n        :showLoader=\"true\"\n        class=\"bg-red\"\n      >\n        Delete Department\n      </Button>\n    </div>\n\n    <!-- Action Buttons -->\n    <div class=\"flex gap-thin mn-t-medium\">\n      <Button\n        :showSuccess=\"false\"\n        :showLoader=\"false\"\n        class=\"bg-grey t-white w-100\"\n        @click=\"$emit('close')\"\n      >\n        Cancel\n      </Button>\n      <Button\n        class=\"bg-main w-100\"\n        :submit=\"saveDepartment\"\n      >\n        {{ editingDepartment ? 'Update Department' : 'Create Department' }}\n      </Button>\n    </div>\n\n    <!-- Member Selection Popup -->\n    <Popup \n      title=\"Add member\" \n      @close-popup=\"closeMemberPopup\" \n      :isPopupOpen=\"isOpenAddMemberPopup\"\n      class=\"bg-white w-max-30r radius-medium pd-big\"\n    >\n      <Feed\n        :search=\"{\n          placeholder: 'Search member...',\n          class: 'bg-light mn-b-thin'\n        }\"\n        :states=\"{\n          empty: {\n            title: 'No Members Found',\n            description: 'Currently, there are no members in organization.'\n          }\n        }\"\n        :store=\"{\n          read: (options) => membershipsStore.read(options),\n          state: null\n        }\"\n        :options=\"{\n          target: organizationId,\n          role: ['member', 'owner']\n        }\"\n        v-slot=\"{ \n          items \n        }\"\n        class=\"bg-light pd-medium w-min-20r w-max-40r radius-medium h-max-20r o-scroll\"\n      >\n        <CardUser\n          v-for=\"(user, index) in items\" \n          :key=\"user._id\"\n          :user=\"user.user\"\n          :photo=\"user.user.profile?.photo\"\n          :name=\"user.user.profile?.name || user.user.phone || user.user.email\"\n          :disabled=\"isDuplicateMember(user.user._id)\"\n          @click=\"() => addMemberToDepartment(user.user)\"\n          class=\"h-4r bg-white pd-thin radius-medium w-100 mn-b-thin\"\n          :class=\"{ 'opacity-50 cursor-not-allowed': isDuplicateMember(user.user._id) }\"\n        />\n      </Feed>\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref, reactive, computed } from 'vue';\nimport { useRoute } from 'vue-router';\n\nimport UploadImage from '@martyrs/src/components/UploadImage/UploadImage.vue';\nimport Field from '@martyrs/src/components/Field/Field.vue';\nimport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\nimport Block from '@martyrs/src/components/Block/Block.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\nimport Spoiler from '@martyrs/src/components/Spoiler/Spoiler.vue';\n\nimport CardUser from '@martyrs/src/modules/auth/views/components/blocks/CardUser.vue';\nimport IconDelete from '@martyrs/src/modules/icons/navigation/IconDelete.vue';\n\nimport { useStore } from '@martyrs/src/modules/core/views/store/core.store.js';\n\nconst store = useStore();\nimport membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js';\nimport departmentsStore from '@martyrs/src/modules/organizations/store/departments.store.js';\n\nconst route = useRoute();\n\nconst props = defineProps({\n  department: Object,\n  organizationId: String\n});\n\nconst emit = defineEmits(['close', 'saved']);\n\n// State\nconst editingDepartment = computed(() => !!props.department?._id);\nconst isOpenAddMemberPopup = ref(false);\n\n// Create default department structure\nconst createDefaultDepartment = () => ({\n  organization: props.organizationId,\n  profile: {\n    photo: '',\n    name: '',\n    description: '',\n    categories: [],\n  },\n  address: '',\n  location: {\n    lat: null,\n    lng: null,\n  },\n  worktime: [],\n  delivery: [],\n  payment: [],\n  members: [],\n  subdepartments: [],\n  hidden: false,\n  accesses: {\n    categories: {\n      create: false,\n      read: false,\n      edit: false,\n      delete: false,\n    },\n    rents: {\n      create: false,\n      read: false,\n      edit: false,\n      delete: false,\n    },\n    spots: {\n      create: false,\n      read: false,\n      edit: false,\n      delete: false,\n    },\n    members: {\n      read: false,\n      edit: false,\n      delete: false,\n    },\n    posts: {\n      create: false,\n      read: false,\n      edit: false,\n      delete: false,\n    },\n    events: {\n      create: false,\n      read: false,\n      edit: false,\n      delete: false,\n    },\n    tickets: {\n      create: false,\n      read: false,\n      edit: false,\n      delete: false,\n    },\n    gallery: {\n      read: false,\n      create: false,\n      edit: false,\n      delete: false,\n    },\n    inventory: {\n      read: false,\n      edit: false,\n      delete: false,\n    },\n    products: {\n      read: false,\n      edit: false,\n      delete: false,\n    },\n    orders: {\n      read: false,\n      confirm: false,\n      delete: false,\n    },\n    departments: {\n      read: false,\n      edit: false,\n      delete: false,\n    },\n  },\n});\n\n// Current department reactive state - create deep copy to avoid mutating original\nconst currentDepartment = reactive(\n  props.department ? JSON.parse(JSON.stringify(props.department)) : createDefaultDepartment()\n);\n\n// Member management\nfunction openMemberPopup() {\n  isOpenAddMemberPopup.value = true;\n}\n\nfunction closeMemberPopup() {\n  isOpenAddMemberPopup.value = false;\n}\n\nfunction isDuplicateMember(userId) {\n  return currentDepartment.members.some(member => \n    member.user._id === userId || member._id === userId\n  );\n}\n\nfunction addMemberToDepartment(user) {\n  if (!isDuplicateMember(user._id)) {\n    currentDepartment.members.push({ \n      _id: user._id, \n      user: user, \n      position: 'Member' \n    });\n    closeMemberPopup();\n  } else {\n    store.core.actions.setError({ message: 'This user is already a member of this department' });\n  }\n}\n\nfunction removeMember(member) {\n  if (confirm(\"Are you sure you want to remove this member?\")) {\n    const index = currentDepartment.members.findIndex(m => \n      (m.user._id === member.user._id) || (m._id === member._id)\n    );\n    if (index > -1) {\n      currentDepartment.members.splice(index, 1);\n    }\n  }\n}\n\n// Save/Delete operations\nasync function saveDepartment() {\n  try {\n    // Prepare department data\n    const departmentData = {\n      ...currentDepartment,\n      organization: props.organizationId\n    };\n\n    let result;\n    if (editingDepartment.value) {\n      // Update existing department\n      result = await departmentsStore.update({\n        ...departmentData,\n        _id: props.department._id\n      });\n    } else {\n      // Create new department\n      result = await departmentsStore.create(departmentData);\n    }\n\n    emit('saved', result);\n    emit('close');\n  } catch (error) {\n    console.error('Error saving department:', error);\n    store.core.actions.setError(error);\n    throw error;\n  }\n}\n\nasync function onDelete() {\n  if (confirm(\"Are you sure you want to delete this department?\")) {\n    try {\n      await departmentsStore.delete({ _id: props.department._id });\n      emit('saved', null);\n      emit('close');\n    } catch (error) {\n      console.error('Error deleting department:', error);\n      store.core.actions.setError(error);\n    }\n  }\n}\n</script>\n"],"names":[],"mappings":"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"}

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

@@ -1,6 +1,6 @@
 import { ref, createElementBlock, openBlock, createElementVNode, createVNode, toDisplayString, Fragment, renderList, withCtx } from "vue";
 import Field from "../../../../components/Field/Field.vue.js";
-import _sfc_main$3 from "../../../../components/Button/Button.vue.js";
+import Button from "../../../../components/Button/Button.vue2.js";
 import _sfc_main$2 from "../../../icons/navigation/IconDelete.vue.js";
 import _sfc_main$1 from "../../../icons/navigation/IconAdd.vue.js";
 const _hoisted_1 = { class: "mn-b-thin t-transp p-regular" };
@@ -67,7 +67,7 @@ const _sfc_main = {
             ]);
           }), 128))
         ]),
-        createVNode(_sfc_main$3, {
+        createVNode(Button, {
           submit: submitMembers,
           class: "w-100 bg-main"
         }, {

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

@@ -26,6 +26,7 @@ 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 _hoisted_8 = { class: "cols-1 gap-thin" };
 const _sfc_main = {
   __name: "Members",
   setup(__props) {
@@ -34,6 +35,7 @@ const _sfc_main = {
     useRouter();
     const organizationData = ref(null);
     const membersList = ref([]);
+    const subscribersList = ref([]);
     const invitesList = ref([]);
     const departmentsList = ref([]);
     const isLoaded = ref(false);
@@ -132,6 +134,12 @@ const _sfc_main = {
         membershipsStore.removeItem(member, membersList.value);
       }
     }
+    async function removeSubscriber(index, subscriber) {
+      if (confirm("Confirm remove of subscriber") == true) {
+        await membershipsStore.delete(subscriber);
+        membershipsStore.removeItem(subscriber, subscribersList.value);
+      }
+    }
     async function removeInvite(index, invite) {
       if (confirm("Confirm remove of invite") == true) {
         await invitesStore.delete(invite);
@@ -140,7 +148,7 @@ const _sfc_main = {
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        !isLoaded.value ? (openBlock(), createElementBlock("div", _hoisted_2, _cache[3] || (_cache[3] = [
+        !isLoaded.value ? (openBlock(), createElementBlock("div", _hoisted_2, _cache[4] || (_cache[4] = [
           createElementVNode("span", { class: "t-transp" }, "Loading...", -1)
         ]))) : (openBlock(), createElementBlock("div", _hoisted_3, [
           createElementVNode("section", _hoisted_4, [
@@ -291,6 +299,60 @@ const _sfc_main = {
               _: 1
             }, 8, ["items", "store", "options"])
           ]),
+          createElementVNode("section", null, [
+            createVNode(_sfc_main$1, {
+              title: "Subscribers",
+              class: "mn-b-small bg-light radius-medium pd-medium"
+            }),
+            createElementVNode("div", _hoisted_8, [
+              createVNode(_sfc_main$2, {
+                items: subscribersList.value,
+                "onUpdate:items": _cache[3] || (_cache[3] = ($event) => subscribersList.value = $event),
+                search: true,
+                states: {
+                  empty: {
+                    title: "No Subscribers",
+                    description: "Currently, there are no subscribers."
+                  }
+                },
+                store: {
+                  read: (options) => unref(membershipsStore).read(options)
+                },
+                options: {
+                  target: unref(route).params._id,
+                  role: ["subscriber"]
+                },
+                class: "gap-thin cols-1"
+              }, {
+                default: withCtx(({
+                  items
+                }) => [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(items, (subscriber, index) => {
+                    return openBlock(), createBlock(_sfc_main$3, {
+                      key: index,
+                      user: subscriber,
+                      _id: subscriber.user._id,
+                      photo: subscriber.user.profile.photo,
+                      phone: subscriber.user.phone,
+                      email: subscriber.user.email,
+                      name: subscriber.user.profile.name || "No name",
+                      role: "subscriber",
+                      onClick: ($event) => _ctx.$router.push({ name: "User Profile", params: { _id: subscriber.user._id } }),
+                      action: {
+                        label: {
+                          is: _sfc_main$4,
+                          props: { class: "i-medium", fill: "rgb(var(--white)" }
+                        },
+                        method: () => removeSubscriber(index, subscriber)
+                      },
+                      class: "h-4r w-100 bg-light radius-medium flex-nowrap flex pd-medium"
+                    }, null, 8, ["user", "_id", "photo", "phone", "email", "name", "onClick", "action"]);
+                  }), 128))
+                ]),
+                _: 1
+              }, 8, ["items", "store", "options"])
+            ])
+          ]),
           createVNode(_sfc_main$5, {
             title: "Invite members",
             onClosePopup: closeInvitePopup,

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

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

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

@@ -1,9 +1,9 @@
-import { ref, onMounted, resolveComponent, createElementBlock, createCommentVNode, openBlock, createElementVNode, createVNode, createBlock, withCtx, unref, toDisplayString } from "vue";
+import { computed, ref, onMounted, resolveComponent, createElementBlock, createCommentVNode, openBlock, createElementVNode, createVNode, createBlock, withCtx, unref, toDisplayString } from "vue";
 import { useRouter, useRoute } from "vue-router";
 import "vue-i18n";
 /* empty css                                                 */
 /* empty css                                         */
-import _sfc_main$1 from "../../../../components/Dropdown/Dropdown.vue2.js";
+import _sfc_main$1 from "../../../../components/Dropdown/Dropdown.vue.js";
 import _sfc_main$7 from "../../../../components/Chips/Chips.vue.js";
 /* empty css                                    */
 import "../../../../components/Menu/MenuItem.vue.js";
@@ -40,6 +40,12 @@ const _sfc_main = {
     const store = useStore();
     useRouter();
     const route = useRoute();
+    const routePrefix = computed(() => {
+      const ctx = route.meta.context;
+      if (ctx === "user") return "User";
+      if (ctx === "backoffice") return "Backoffice";
+      return "";
+    });
     const organizationData = ref(null);
     onMounted(async () => {
       organizationData.value = await actions.read({
@@ -103,7 +109,7 @@ const _sfc_main = {
           state.user._id === state$1.current.owner ? (openBlock(), createBlock(_component_router_link, {
             key: 1,
             to: {
-              name: "Organization Edit",
+              name: routePrefix.value + "OrganizationEdit",
               params: {
                 _id: state$1.current._id
               }

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

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

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

@@ -5,9 +5,9 @@ import _sfc_main$1 from "../../../icons/entities/IconGroups.vue.js";
 import _sfc_main$2 from "../../../icons/entities/IconLock.vue.js";
 import _sfc_main$3 from "../../../icons/actions/IconShow.vue.js";
 /* empty css                                      */
-/* empty css                                       */
-/* empty css                                           */
+/* empty css                                        */
 /* empty css                                           */
+/* empty css                                            */
 /* empty css                                           */
 import Field from "../../../../components/Field/Field.vue.js";
 /* empty css                                                                 */
@@ -25,7 +25,7 @@ import _sfc_main$4 from "../../../../components/FieldTags/BlockTags.vue.js";
 /* empty css                                        */
 /* empty css                                                 */
 import UploadImage from "../../../../components/UploadImage/UploadImage.vue.js";
-import _sfc_main$5 from "../../../../components/Button/Button.vue.js";
+import Button from "../../../../components/Button/Button.vue2.js";
 import { state as state$1 } from "../../../auth/views/store/auth.js";
 import { actions, state } from "../../store/organizations.js";
 const _hoisted_1 = { class: "for-transition pd-thin" };
@@ -36,7 +36,7 @@ const _hoisted_5 = {
   key: 0,
   class: "w-[0.5rem] h-[0.5rem] radius-[50%] bg-main"
 };
-const _hoisted_6 = { class: "p-small t-grey dark:t-grey-thin mn-t-micro" };
+const _hoisted_6 = { class: "p-small t-dark dark:t-grey-thin mn-t-micro" };
 const _hoisted_7 = { class: "mn-b-thin radius-small w-100 h-10r bg-light flex-center flex-column flex" };
 const _sfc_main = {
   __name: "OrganizationEdit",
@@ -65,8 +65,14 @@ const _sfc_main = {
         await actions.create(state.current, state$1.user._id);
       }
     }
+    const routePrefix = computed(() => {
+      const ctx = route.meta.context;
+      if (ctx === "user") return "User";
+      if (ctx === "backoffice") return "Backoffice";
+      return "";
+    });
     function redirectTo() {
-      router.replace("/organizations/" + state.current._id);
+      router.replace({ name: routePrefix.value + "OrganizationProfile", params: { _id: state.current._id } });
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
@@ -84,7 +90,7 @@ const _sfc_main = {
               createElementVNode("div", {
                 class: normalizeClass([
                   "pd-thin radius-[50%]",
-                  isTypeSelected(option.value) ? "bg-main t-white" : "bg-light dark:bg-dark-thin t-grey"
+                  isTypeSelected(option.value) ? "bg-main t-white" : "bg-light dark:bg-dark-thin t-dark"
                 ])
               }, [
                 (openBlock(), createBlock(resolveDynamicComponent(option.icon), { class: "i-medium" }))
@@ -192,7 +198,7 @@ const _sfc_main = {
           placeholder: "",
           class: "mn-b-thin bg-light pd-medium radius-small"
         }, null, 8, ["field"]),
-        createVNode(_sfc_main$5, {
+        createVNode(Button, {
           submit: onSubmit,
           callback: redirectTo,
           class: "bg-main w-100 mn-b-thin"