@ozdao/martyrs 0.2.547 → 0.2.549

package/dist/martyrs/src/modules/organizations/components/blocks/CardDepartment.vue.cjs

@@ -7,9 +7,9 @@ const CardUser = require("../../../auth/views/components/blocks/CardUser.vue.cjs
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
 ;/* empty css                                         */
 ;/* empty css                                             */
+;/* empty css                                              */
 ;/* empty css                                             */
-;/* empty css                                             */
-;/* empty css                                        */
+;/* empty css                                       */
 ;/* empty css                                        */
 ;/* empty css                                          */
 ;/* empty css                                                       */
@@ -19,12 +19,12 @@ require("vue-i18n");
 ;/* empty css                                                   */
 ;/* empty css                                           */
 ;/* empty css                                       */
-;/* empty css                                     */
+;/* empty css                                      */
 require("../../../../components/Menu/MenuItem.vue.cjs");
 ;/* empty css                                          */
-;/* empty css                                         */
+;/* empty css                                          */
 ;/* empty css                                                          */
-;/* empty css                                              */
+;/* empty css                                               */
 ;/* empty css                                                     */
 ;/* empty css                                               */
 ;/* empty css                                                */

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

@@ -5,9 +5,9 @@ import _sfc_main$1 from "../../../auth/views/components/blocks/CardUser.vue.js";
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 /* empty css                                       */
 /* empty css                                           */
+/* empty css                                            */
 /* empty css                                           */
-/* empty css                                           */
-/* empty css                                      */
+/* empty css                                     */
 /* empty css                                      */
 /* empty css                                        */
 /* empty css                                                     */
@@ -17,12 +17,12 @@ import "vue-i18n";
 /* empty css                                                 */
 /* empty css                                         */
 /* empty css                                     */
-/* empty css                                   */
+/* empty css                                    */
 import "../../../../components/Menu/MenuItem.vue.js";
 /* empty css                                        */
-/* empty css                                       */
+/* empty css                                        */
 /* empty css                                                        */
-/* empty css                                            */
+/* empty css                                             */
 /* empty css                                                   */
 /* empty css                                             */
 /* empty css                                              */

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

@@ -18,7 +18,7 @@ const _hoisted_5 = {
 };
 const _hoisted_6 = {
   key: 0,
-  class: "t-truncate pos-relative p-medium mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white"
+  class: "t-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 t-medium bg-white"
 };
 const _hoisted_7 = { class: "t-truncate" };
 const _hoisted_8 = {
@@ -95,7 +95,7 @@ const _sfc_main = {
               __props.showTags && __props.organization.profile.tags?.length > 0 ? (vue.openBlock(), vue.createBlock(Chips.default, {
                 key: 0,
                 chips: __props.organization.profile.tags.slice(0, 3),
-                class: "pos-relative t-trimmed p-medium"
+                class: "pos-relative t-trimmed p-regular"
               }, {
                 default: vue.withCtx(() => [
                   __props.showFollowers ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
@@ -109,7 +109,7 @@ const _sfc_main = {
                       status: __props.organization.isSubscriber,
                       text: { create: "+", remove: "-" },
                       onUpdateMembership: _cache[0] || (_cache[0] = (event) => emits("updateMembership", event, "isSubscriber", "numberOfSubscribers")),
-                      class: "i-semi"
+                      class: "i-medium"
                     }, null, 8, ["user", "target", "status"])) : vue.createCommentVNode("", true)
                   ])) : vue.createCommentVNode("", true)
                 ]),

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

@@ -1 +1 @@
-{"version":3,"file":"CardOrganization.vue.cjs","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: 'Organization', 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 t-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 t-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 p-medium\"\n          >\n           <div v-if=\"showFollowers\" class=\"t-truncate pos-relative p-medium mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white\">\n            <p class=\"t-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-semi\" \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 t-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({name: 'Organization_Product', params: {_id: organization._id, product: 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.variant\"\n          :images=\"product.images\"\n          :name=\"product.name\"\n          :quantity=\"product.quantity || 1\"\n          :unit=\"product.unit\"\n          :dates=\"product.date\"\n          :listing=\"product.listing\"\n          :price=\"product.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>"],"names":["useRouter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsKE,UAAM,QAAQ;AAECA,cAAAA,UAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"CardOrganization.vue.cjs","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: 'Organization', 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 t-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 t-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 p-regular\"\n          >\n           <div v-if=\"showFollowers\" class=\"t-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 t-medium bg-white\">\n            <p class=\"t-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 t-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({name: 'Organization_Product', params: {_id: organization._id, product: 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.variant\"\n          :images=\"product.images\"\n          :name=\"product.name\"\n          :quantity=\"product.quantity || 1\"\n          :unit=\"product.unit\"\n          :dates=\"product.date\"\n          :listing=\"product.listing\"\n          :price=\"product.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>"],"names":["useRouter"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsKE,UAAM,QAAQ;AAECA,cAAAA,UAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -16,7 +16,7 @@ const _hoisted_5 = {
 };
 const _hoisted_6 = {
   key: 0,
-  class: "t-truncate pos-relative p-medium mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white"
+  class: "t-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 t-medium bg-white"
 };
 const _hoisted_7 = { class: "t-truncate" };
 const _hoisted_8 = {
@@ -93,7 +93,7 @@ const _sfc_main = {
               __props.showTags && __props.organization.profile.tags?.length > 0 ? (openBlock(), createBlock(_sfc_main$1, {
                 key: 0,
                 chips: __props.organization.profile.tags.slice(0, 3),
-                class: "pos-relative t-trimmed p-medium"
+                class: "pos-relative t-trimmed p-regular"
               }, {
                 default: withCtx(() => [
                   __props.showFollowers ? (openBlock(), createElementBlock("div", _hoisted_6, [
@@ -107,7 +107,7 @@ const _sfc_main = {
                       status: __props.organization.isSubscriber,
                       text: { create: "+", remove: "-" },
                       onUpdateMembership: _cache[0] || (_cache[0] = (event) => emits("updateMembership", event, "isSubscriber", "numberOfSubscribers")),
-                      class: "i-semi"
+                      class: "i-medium"
                     }, null, 8, ["user", "target", "status"])) : createCommentVNode("", true)
                   ])) : createCommentVNode("", true)
                 ]),

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({name: 'Organization', 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 t-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 t-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 p-medium\"\n          >\n           <div v-if=\"showFollowers\" class=\"t-truncate pos-relative p-medium mn-r-nano d-inline-block w-max pd-b-micro pd-t-micro pd-r-thin pd-l-thin radius-small t-medium bg-white\">\n            <p class=\"t-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-semi\" \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 t-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({name: 'Organization_Product', params: {_id: organization._id, product: 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.variant\"\n          :images=\"product.images\"\n          :name=\"product.name\"\n          :quantity=\"product.quantity || 1\"\n          :unit=\"product.unit\"\n          :dates=\"product.date\"\n          :listing=\"product.listing\"\n          :price=\"product.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>"],"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: 'Organization', 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 t-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 t-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 p-regular\"\n          >\n           <div v-if=\"showFollowers\" class=\"t-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 t-medium bg-white\">\n            <p class=\"t-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 t-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({name: 'Organization_Product', params: {_id: organization._id, product: 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.variant\"\n          :images=\"product.images\"\n          :name=\"product.name\"\n          :quantity=\"product.quantity || 1\"\n          :unit=\"product.unit\"\n          :dates=\"product.date\"\n          :listing=\"product.listing\"\n          :price=\"product.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>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsKE,UAAM,QAAQ;AAEC,cAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/organizations/components/blocks/EmptyState.vue.cjs

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const _hoisted_1 = { class: "mn-b-big radius-medium pd-big bg-white" };
 const _hoisted_2 = { class: "mn-b-regular" };
-const _hoisted_3 = { class: "mn-b-small t-transp p-medium" };
+const _hoisted_3 = { class: "mn-b-small t-transp p-regular" };
 const _sfc_main = {
   __name: "EmptyState",
   props: {

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

@@ -1,7 +1,7 @@
 import { createElementBlock, openBlock, createElementVNode, toDisplayString } from "vue";
 const _hoisted_1 = { class: "mn-b-big radius-medium pd-big bg-white" };
 const _hoisted_2 = { class: "mn-b-regular" };
-const _hoisted_3 = { class: "mn-b-small t-transp p-medium" };
+const _hoisted_3 = { class: "mn-b-small t-transp p-regular" };
 const _sfc_main = {
   __name: "EmptyState",
   props: {

package/dist/martyrs/src/modules/organizations/components/blocks/Rating.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const _hoisted_1 = { class: "w-100 mn-b-small star-container flex-v-center flex" };
-const _hoisted_2 = { class: "p-semi t-semi mn-r-small" };
+const _hoisted_2 = { class: "p-medium t-semi mn-r-small" };
 const _hoisted_3 = { class: "" };
 const _sfc_main = {
   __name: "Rating",
@@ -23,7 +23,7 @@ const _sfc_main = {
           vue.createElementVNode("span", _hoisted_2, vue.toDisplayString(__props.rating), 1),
           (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, vue.renderList(5, (i) => {
             return vue.createElementVNode("svg", {
-              class: vue.normalizeClass(["i-semi mn-r-small", { "t-transp": i > __props.rating }]),
+              class: vue.normalizeClass(["i-medium mn-r-small", { "t-transp": i > __props.rating }]),
               width: "113",
               height: "108",
               viewBox: "0 0 113 108",

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

@@ -1,6 +1,6 @@
 import { createElementBlock, openBlock, createElementVNode, toDisplayString, Fragment, renderList, normalizeClass } from "vue";
 const _hoisted_1 = { class: "w-100 mn-b-small star-container flex-v-center flex" };
-const _hoisted_2 = { class: "p-semi t-semi mn-r-small" };
+const _hoisted_2 = { class: "p-medium t-semi mn-r-small" };
 const _hoisted_3 = { class: "" };
 const _sfc_main = {
   __name: "Rating",
@@ -21,7 +21,7 @@ const _sfc_main = {
           createElementVNode("span", _hoisted_2, toDisplayString(__props.rating), 1),
           (openBlock(), createElementBlock(Fragment, null, renderList(5, (i) => {
             return createElementVNode("svg", {
-              class: normalizeClass(["i-semi mn-r-small", { "t-transp": i > __props.rating }]),
+              class: normalizeClass(["i-medium mn-r-small", { "t-transp": i > __props.rating }]),
               width: "113",
               height: "108",
               viewBox: "0 0 113 108",

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

@@ -115,7 +115,7 @@ const _sfc_main = {
     }
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", null, [
-        _cache[1] || (_cache[1] = vue.createElementVNode("p", { class: "mn-b-thin t-transp p-medium" }, "Select users to add to the organization:", -1)),
+        _cache[1] || (_cache[1] = vue.createElementVNode("p", { class: "mn-b-thin t-transp p-regular" }, "Select users to add to the organization:", -1)),
         vue.createVNode(Feed.default, {
           search: {
             placeholder: "Search users...",

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

@@ -1 +1 @@
-{"version":3,"file":"AddExistingMembersForm.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/forms/AddExistingMembersForm.vue"],"sourcesContent":["<template>\n  <div>\n    <p class=\"mn-b-thin t-transp p-medium\">Select users to add to the organization:</p>\n\n    <Feed\n      :search=\"{\n        placeholder: 'Search users...',\n        class: 'bg-light mn-b-thin'\n      }\"\n      :states=\"{\n        empty: {\n          title: 'No Users Found',\n          description: 'No users match your search criteria.'\n        },\n        loading: {\n          title: 'Loading users...'\n        }\n      }\"\n      :store=\"{\n        read: (options) => fetchFilteredUsers(options),\n        state: null\n      }\"\n      :options=\"{}\"\n      v-slot=\"{ items }\"\n      class=\"bg-light pd-medium radius-medium h-max-30r o-scroll mn-b-thin\"\n    >\n      <div\n        v-for=\"user in items\"\n        :key=\"user._id\"\n        @click=\"() => toggleUserSelection(user)\"\n        class=\"pd-thin radius-medium w-100 mn-b-thin cursor-pointer hover-scale-1\"\n        :class=\"getUserCardClass(user)\"\n      >\n        <div class=\"flex-nowrap flex-v-center flex gap-thin\">\n          <div class=\"aspect-1x1 h-3r flex-child-default radius-small o-hidden\">\n            <img\n              v-if=\"user.profile?.photo\"\n              :src=\"user.profile.photo\"\n              alt=\"User photo\"\n              class=\"w-100 h-100 object-fit-cover\"\n            />\n            <PlaceholderUserpic v-else class=\"w-100 h-100\" />\n          </div>\n          \n          <div class=\"w-100\">\n            <p class=\"t-medium\">{{ user.profile?.name || user.phone || user.email || 'Unnamed user' }}</p>\n            <p class=\"t-small t-transp\">{{ user.email || user.phone || 'No contact info' }}</p>\n          </div>\n\n          <div v-if=\"isUserInOrganization(user)\" class=\"pd-nano pd-h-thin radius-thin bg-grey\">\n            <span class=\"t-small\">Already member</span>\n          </div>\n          \n          <div v-else-if=\"isUserSelected(user)\" class=\"pd-nano pd-h-thin radius-thin bg-green\">\n            <IconCheck class=\"i-small\" fill=\"rgb(var(--white))\" />\n          </div>\n        </div>\n      </div>\n    </Feed>\n\n    <div v-if=\"selectedUsers.length > 0\" class=\"mn-b-thin\">\n      <p class=\"t-small t-transp\">Selected: {{ selectedUsers.length }} user(s)</p>\n    </div>\n\n    <Button\n      :submit=\"addSelectedUsers\"\n      :disabled=\"selectedUsers.length === 0\"\n      class=\"w-100 bg-main\"\n    >\n      Add {{ selectedUsers.length }} user(s) to organization\n    </Button>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\n\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\n\nimport PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue';\nimport IconCheck from '@martyrs/src/modules/icons/navigation/IconCheck.vue';\n\nimport * as users from '@martyrs/src/modules/auth/views/store/users.js';\nimport membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js';\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals.js';\n\nconst props = defineProps({\n  organizationId: {\n    type: String,\n    required: true\n  },\n  existingMembers: {\n    type: Array,\n    default: () => []\n  }\n});\n\nconst emit = defineEmits(['users-added']);\n\n// State\nconst selectedUsers = ref([]);\nconst organizationMembers = ref([]);\n\n// Check if user is already in organization\nfunction isUserInOrganization(user) {\n  return organizationMembers.value.some(member => \n    member.user._id === user._id || member.user === user._id\n  );\n}\n\n// Check if user is selected\nfunction isUserSelected(user) {\n  return selectedUsers.value.some(selected => selected._id === user._id);\n}\n\n// Get card styling based on user status\nfunction getUserCardClass(user) {\n  if (isUserInOrganization(user)) {\n    return 'bg-grey opacity-60 cursor-not-allowed';\n  }\n  if (isUserSelected(user)) {\n    return 'bg-green-light';\n  }\n  return 'bg-white hover-bg-light';\n}\n\n// Toggle user selection\nfunction toggleUserSelection(user) {\n  if (isUserInOrganization(user)) {\n    globals.actions.setError({ message: 'This user is already a member of the organization' });\n    return;\n  }\n\n  const index = selectedUsers.value.findIndex(u => u._id === user._id);\n  if (index > -1) {\n    selectedUsers.value.splice(index, 1);\n  } else {\n    selectedUsers.value.push(user);\n  }\n}\n\n// Fetch users and organization members\nasync function fetchFilteredUsers(options) {\n  try {\n    // Fetch organization members\n    const membersResponse = await membershipsStore.read({\n      target: props.organizationId,\n      role: ['member', 'owner']\n    });\n    organizationMembers.value = membersResponse || [];\n\n    // Fetch all users\n    const usersResponse = await users.actions.read(options);\n    return usersResponse;\n  } catch (error) {\n    console.error('Error fetching users:', error);\n    return [];\n  }\n}\n\n// Add selected users to organization\nasync function addSelectedUsers() {\n  if (selectedUsers.value.length === 0) return;\n\n  try {\n    const promises = selectedUsers.value.map(user => \n      membershipsStore.create({\n        user: user._id,\n        type: 'organization',\n        target: props.organizationId,\n        role: 'member',\n        label: 'member'\n      })\n    );\n\n    const results = await Promise.all(promises);\n    \n    emit('users-added', results);\n    selectedUsers.value = [];\n    \n    globals.actions.setSuccess({ \n      message: `Successfully added ${results.length} user(s) to the organization` \n    });\n  } catch (error) {\n    console.error('Error adding users:', error);\n    globals.actions.setError(error);\n    throw error;\n  }\n}\n</script>"],"names":["ref","globals.actions","membershipsStore","users.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFA,UAAM,QAAQ;AAWd,UAAM,OAAO;AAGb,UAAM,gBAAgBA,IAAAA,IAAI,EAAE;AAC5B,UAAM,sBAAsBA,IAAAA,IAAI,EAAE;AAGlC,aAAS,qBAAqB,MAAM;AAClC,aAAO,oBAAoB,MAAM;AAAA,QAAK,YACpC,OAAO,KAAK,QAAQ,KAAK,OAAO,OAAO,SAAS,KAAK;AAAA,MACzD;AAAA,IACA;AAGA,aAAS,eAAe,MAAM;AAC5B,aAAO,cAAc,MAAM,KAAK,cAAY,SAAS,QAAQ,KAAK,GAAG;AAAA,IACvE;AAGA,aAAS,iBAAiB,MAAM;AAC9B,UAAI,qBAAqB,IAAI,GAAG;AAC9B,eAAO;AAAA,MACT;AACA,UAAI,eAAe,IAAI,GAAG;AACxB,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT;AAGA,aAAS,oBAAoB,MAAM;AACjC,UAAI,qBAAqB,IAAI,GAAG;AAC9BC,gBAAAA,QAAgB,SAAS,EAAE,SAAS,oDAAmD,CAAE;AACzF;AAAA,MACF;AAEA,YAAM,QAAQ,cAAc,MAAM,UAAU,OAAK,EAAE,QAAQ,KAAK,GAAG;AACnE,UAAI,QAAQ,IAAI;AACd,sBAAc,MAAM,OAAO,OAAO,CAAC;AAAA,MACrC,OAAO;AACL,sBAAc,MAAM,KAAK,IAAI;AAAA,MAC/B;AAAA,IACF;AAGA,mBAAe,mBAAmB,SAAS;AACzC,UAAI;AAEF,cAAM,kBAAkB,MAAMC,kBAAAA,QAAiB,KAAK;AAAA,UAClD,QAAQ,MAAM;AAAA,UACd,MAAM,CAAC,UAAU,OAAO;AAAA,QAC9B,CAAK;AACD,4BAAoB,QAAQ,mBAAmB,CAAA;AAG/C,cAAM,gBAAgB,MAAMC,cAAc,KAAK,OAAO;AACtD,eAAO;AAAA,MACT,SAAS,OAAO;AACd,gBAAQ,MAAM,yBAAyB,KAAK;AAC5C,eAAO,CAAA;AAAA,MACT;AAAA,IACF;AAGA,mBAAe,mBAAmB;AAChC,UAAI,cAAc,MAAM,WAAW,EAAG;AAEtC,UAAI;AACF,cAAM,WAAW,cAAc,MAAM;AAAA,UAAI,UACvCD,kBAAAA,QAAiB,OAAO;AAAA,YACtB,MAAM,KAAK;AAAA,YACX,MAAM;AAAA,YACN,QAAQ,MAAM;AAAA,YACd,MAAM;AAAA,YACN,OAAO;AAAA,UACf,CAAO;AAAA,QACP;AAEI,cAAM,UAAU,MAAM,QAAQ,IAAI,QAAQ;AAE1C,aAAK,eAAe,OAAO;AAC3B,sBAAc,QAAQ,CAAA;AAEtBD,gBAAAA,QAAgB,WAAW;AAAA,UACzB,SAAS,sBAAsB,QAAQ,MAAM;AAAA,QACnD,CAAK;AAAA,MACH,SAAS,OAAO;AACd,gBAAQ,MAAM,uBAAuB,KAAK;AAC1CA,gBAAAA,QAAgB,SAAS,KAAK;AAC9B,cAAM;AAAA,MACR;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"AddExistingMembersForm.vue.cjs","sources":["../../../../../../../src/modules/organizations/components/forms/AddExistingMembersForm.vue"],"sourcesContent":["<template>\n  <div>\n    <p class=\"mn-b-thin t-transp p-regular\">Select users to add to the organization:</p>\n\n    <Feed\n      :search=\"{\n        placeholder: 'Search users...',\n        class: 'bg-light mn-b-thin'\n      }\"\n      :states=\"{\n        empty: {\n          title: 'No Users Found',\n          description: 'No users match your search criteria.'\n        },\n        loading: {\n          title: 'Loading users...'\n        }\n      }\"\n      :store=\"{\n        read: (options) => fetchFilteredUsers(options),\n        state: null\n      }\"\n      :options=\"{}\"\n      v-slot=\"{ items }\"\n      class=\"bg-light pd-medium radius-medium h-max-30r o-scroll mn-b-thin\"\n    >\n      <div\n        v-for=\"user in items\"\n        :key=\"user._id\"\n        @click=\"() => toggleUserSelection(user)\"\n        class=\"pd-thin radius-medium w-100 mn-b-thin cursor-pointer hover-scale-1\"\n        :class=\"getUserCardClass(user)\"\n      >\n        <div class=\"flex-nowrap flex-v-center flex gap-thin\">\n          <div class=\"aspect-1x1 h-3r flex-child-default radius-small o-hidden\">\n            <img\n              v-if=\"user.profile?.photo\"\n              :src=\"user.profile.photo\"\n              alt=\"User photo\"\n              class=\"w-100 h-100 object-fit-cover\"\n            />\n            <PlaceholderUserpic v-else class=\"w-100 h-100\" />\n          </div>\n          \n          <div class=\"w-100\">\n            <p class=\"t-medium\">{{ user.profile?.name || user.phone || user.email || 'Unnamed user' }}</p>\n            <p class=\"t-small t-transp\">{{ user.email || user.phone || 'No contact info' }}</p>\n          </div>\n\n          <div v-if=\"isUserInOrganization(user)\" class=\"pd-nano pd-h-thin radius-thin bg-grey\">\n            <span class=\"t-small\">Already member</span>\n          </div>\n          \n          <div v-else-if=\"isUserSelected(user)\" class=\"pd-nano pd-h-thin radius-thin bg-green\">\n            <IconCheck class=\"i-small\" fill=\"rgb(var(--white))\" />\n          </div>\n        </div>\n      </div>\n    </Feed>\n\n    <div v-if=\"selectedUsers.length > 0\" class=\"mn-b-thin\">\n      <p class=\"t-small t-transp\">Selected: {{ selectedUsers.length }} user(s)</p>\n    </div>\n\n    <Button\n      :submit=\"addSelectedUsers\"\n      :disabled=\"selectedUsers.length === 0\"\n      class=\"w-100 bg-main\"\n    >\n      Add {{ selectedUsers.length }} user(s) to organization\n    </Button>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\n\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\n\nimport PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue';\nimport IconCheck from '@martyrs/src/modules/icons/navigation/IconCheck.vue';\n\nimport * as users from '@martyrs/src/modules/auth/views/store/users.js';\nimport membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js';\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals.js';\n\nconst props = defineProps({\n  organizationId: {\n    type: String,\n    required: true\n  },\n  existingMembers: {\n    type: Array,\n    default: () => []\n  }\n});\n\nconst emit = defineEmits(['users-added']);\n\n// State\nconst selectedUsers = ref([]);\nconst organizationMembers = ref([]);\n\n// Check if user is already in organization\nfunction isUserInOrganization(user) {\n  return organizationMembers.value.some(member => \n    member.user._id === user._id || member.user === user._id\n  );\n}\n\n// Check if user is selected\nfunction isUserSelected(user) {\n  return selectedUsers.value.some(selected => selected._id === user._id);\n}\n\n// Get card styling based on user status\nfunction getUserCardClass(user) {\n  if (isUserInOrganization(user)) {\n    return 'bg-grey opacity-60 cursor-not-allowed';\n  }\n  if (isUserSelected(user)) {\n    return 'bg-green-light';\n  }\n  return 'bg-white hover-bg-light';\n}\n\n// Toggle user selection\nfunction toggleUserSelection(user) {\n  if (isUserInOrganization(user)) {\n    globals.actions.setError({ message: 'This user is already a member of the organization' });\n    return;\n  }\n\n  const index = selectedUsers.value.findIndex(u => u._id === user._id);\n  if (index > -1) {\n    selectedUsers.value.splice(index, 1);\n  } else {\n    selectedUsers.value.push(user);\n  }\n}\n\n// Fetch users and organization members\nasync function fetchFilteredUsers(options) {\n  try {\n    // Fetch organization members\n    const membersResponse = await membershipsStore.read({\n      target: props.organizationId,\n      role: ['member', 'owner']\n    });\n    organizationMembers.value = membersResponse || [];\n\n    // Fetch all users\n    const usersResponse = await users.actions.read(options);\n    return usersResponse;\n  } catch (error) {\n    console.error('Error fetching users:', error);\n    return [];\n  }\n}\n\n// Add selected users to organization\nasync function addSelectedUsers() {\n  if (selectedUsers.value.length === 0) return;\n\n  try {\n    const promises = selectedUsers.value.map(user => \n      membershipsStore.create({\n        user: user._id,\n        type: 'organization',\n        target: props.organizationId,\n        role: 'member',\n        label: 'member'\n      })\n    );\n\n    const results = await Promise.all(promises);\n    \n    emit('users-added', results);\n    selectedUsers.value = [];\n    \n    globals.actions.setSuccess({ \n      message: `Successfully added ${results.length} user(s) to the organization` \n    });\n  } catch (error) {\n    console.error('Error adding users:', error);\n    globals.actions.setError(error);\n    throw error;\n  }\n}\n</script>"],"names":["ref","globals.actions","membershipsStore","users.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFA,UAAM,QAAQ;AAWd,UAAM,OAAO;AAGb,UAAM,gBAAgBA,IAAAA,IAAI,EAAE;AAC5B,UAAM,sBAAsBA,IAAAA,IAAI,EAAE;AAGlC,aAAS,qBAAqB,MAAM;AAClC,aAAO,oBAAoB,MAAM;AAAA,QAAK,YACpC,OAAO,KAAK,QAAQ,KAAK,OAAO,OAAO,SAAS,KAAK;AAAA,MACzD;AAAA,IACA;AAGA,aAAS,eAAe,MAAM;AAC5B,aAAO,cAAc,MAAM,KAAK,cAAY,SAAS,QAAQ,KAAK,GAAG;AAAA,IACvE;AAGA,aAAS,iBAAiB,MAAM;AAC9B,UAAI,qBAAqB,IAAI,GAAG;AAC9B,eAAO;AAAA,MACT;AACA,UAAI,eAAe,IAAI,GAAG;AACxB,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT;AAGA,aAAS,oBAAoB,MAAM;AACjC,UAAI,qBAAqB,IAAI,GAAG;AAC9BC,gBAAAA,QAAgB,SAAS,EAAE,SAAS,oDAAmD,CAAE;AACzF;AAAA,MACF;AAEA,YAAM,QAAQ,cAAc,MAAM,UAAU,OAAK,EAAE,QAAQ,KAAK,GAAG;AACnE,UAAI,QAAQ,IAAI;AACd,sBAAc,MAAM,OAAO,OAAO,CAAC;AAAA,MACrC,OAAO;AACL,sBAAc,MAAM,KAAK,IAAI;AAAA,MAC/B;AAAA,IACF;AAGA,mBAAe,mBAAmB,SAAS;AACzC,UAAI;AAEF,cAAM,kBAAkB,MAAMC,kBAAAA,QAAiB,KAAK;AAAA,UAClD,QAAQ,MAAM;AAAA,UACd,MAAM,CAAC,UAAU,OAAO;AAAA,QAC9B,CAAK;AACD,4BAAoB,QAAQ,mBAAmB,CAAA;AAG/C,cAAM,gBAAgB,MAAMC,cAAc,KAAK,OAAO;AACtD,eAAO;AAAA,MACT,SAAS,OAAO;AACd,gBAAQ,MAAM,yBAAyB,KAAK;AAC5C,eAAO,CAAA;AAAA,MACT;AAAA,IACF;AAGA,mBAAe,mBAAmB;AAChC,UAAI,cAAc,MAAM,WAAW,EAAG;AAEtC,UAAI;AACF,cAAM,WAAW,cAAc,MAAM;AAAA,UAAI,UACvCD,kBAAAA,QAAiB,OAAO;AAAA,YACtB,MAAM,KAAK;AAAA,YACX,MAAM;AAAA,YACN,QAAQ,MAAM;AAAA,YACd,MAAM;AAAA,YACN,OAAO;AAAA,UACf,CAAO;AAAA,QACP;AAEI,cAAM,UAAU,MAAM,QAAQ,IAAI,QAAQ;AAE1C,aAAK,eAAe,OAAO;AAC3B,sBAAc,QAAQ,CAAA;AAEtBD,gBAAAA,QAAgB,WAAW;AAAA,UACzB,SAAS,sBAAsB,QAAQ,MAAM;AAAA,QACnD,CAAK;AAAA,MACH,SAAS,OAAO;AACd,gBAAQ,MAAM,uBAAuB,KAAK;AAC1CA,gBAAAA,QAAgB,SAAS,KAAK;AAC9B,cAAM;AAAA,MACR;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -113,7 +113,7 @@ const _sfc_main = {
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", null, [
-        _cache[1] || (_cache[1] = createElementVNode("p", { class: "mn-b-thin t-transp p-medium" }, "Select users to add to the organization:", -1)),
+        _cache[1] || (_cache[1] = createElementVNode("p", { class: "mn-b-thin t-transp p-regular" }, "Select users to add to the organization:", -1)),
         createVNode(_sfc_main$1, {
           search: {
             placeholder: "Search users...",

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

@@ -1 +1 @@
-{"version":3,"file":"AddExistingMembersForm.vue.js","sources":["../../../../../../../src/modules/organizations/components/forms/AddExistingMembersForm.vue"],"sourcesContent":["<template>\n  <div>\n    <p class=\"mn-b-thin t-transp p-medium\">Select users to add to the organization:</p>\n\n    <Feed\n      :search=\"{\n        placeholder: 'Search users...',\n        class: 'bg-light mn-b-thin'\n      }\"\n      :states=\"{\n        empty: {\n          title: 'No Users Found',\n          description: 'No users match your search criteria.'\n        },\n        loading: {\n          title: 'Loading users...'\n        }\n      }\"\n      :store=\"{\n        read: (options) => fetchFilteredUsers(options),\n        state: null\n      }\"\n      :options=\"{}\"\n      v-slot=\"{ items }\"\n      class=\"bg-light pd-medium radius-medium h-max-30r o-scroll mn-b-thin\"\n    >\n      <div\n        v-for=\"user in items\"\n        :key=\"user._id\"\n        @click=\"() => toggleUserSelection(user)\"\n        class=\"pd-thin radius-medium w-100 mn-b-thin cursor-pointer hover-scale-1\"\n        :class=\"getUserCardClass(user)\"\n      >\n        <div class=\"flex-nowrap flex-v-center flex gap-thin\">\n          <div class=\"aspect-1x1 h-3r flex-child-default radius-small o-hidden\">\n            <img\n              v-if=\"user.profile?.photo\"\n              :src=\"user.profile.photo\"\n              alt=\"User photo\"\n              class=\"w-100 h-100 object-fit-cover\"\n            />\n            <PlaceholderUserpic v-else class=\"w-100 h-100\" />\n          </div>\n          \n          <div class=\"w-100\">\n            <p class=\"t-medium\">{{ user.profile?.name || user.phone || user.email || 'Unnamed user' }}</p>\n            <p class=\"t-small t-transp\">{{ user.email || user.phone || 'No contact info' }}</p>\n          </div>\n\n          <div v-if=\"isUserInOrganization(user)\" class=\"pd-nano pd-h-thin radius-thin bg-grey\">\n            <span class=\"t-small\">Already member</span>\n          </div>\n          \n          <div v-else-if=\"isUserSelected(user)\" class=\"pd-nano pd-h-thin radius-thin bg-green\">\n            <IconCheck class=\"i-small\" fill=\"rgb(var(--white))\" />\n          </div>\n        </div>\n      </div>\n    </Feed>\n\n    <div v-if=\"selectedUsers.length > 0\" class=\"mn-b-thin\">\n      <p class=\"t-small t-transp\">Selected: {{ selectedUsers.length }} user(s)</p>\n    </div>\n\n    <Button\n      :submit=\"addSelectedUsers\"\n      :disabled=\"selectedUsers.length === 0\"\n      class=\"w-100 bg-main\"\n    >\n      Add {{ selectedUsers.length }} user(s) to organization\n    </Button>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\n\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\n\nimport PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue';\nimport IconCheck from '@martyrs/src/modules/icons/navigation/IconCheck.vue';\n\nimport * as users from '@martyrs/src/modules/auth/views/store/users.js';\nimport membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js';\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals.js';\n\nconst props = defineProps({\n  organizationId: {\n    type: String,\n    required: true\n  },\n  existingMembers: {\n    type: Array,\n    default: () => []\n  }\n});\n\nconst emit = defineEmits(['users-added']);\n\n// State\nconst selectedUsers = ref([]);\nconst organizationMembers = ref([]);\n\n// Check if user is already in organization\nfunction isUserInOrganization(user) {\n  return organizationMembers.value.some(member => \n    member.user._id === user._id || member.user === user._id\n  );\n}\n\n// Check if user is selected\nfunction isUserSelected(user) {\n  return selectedUsers.value.some(selected => selected._id === user._id);\n}\n\n// Get card styling based on user status\nfunction getUserCardClass(user) {\n  if (isUserInOrganization(user)) {\n    return 'bg-grey opacity-60 cursor-not-allowed';\n  }\n  if (isUserSelected(user)) {\n    return 'bg-green-light';\n  }\n  return 'bg-white hover-bg-light';\n}\n\n// Toggle user selection\nfunction toggleUserSelection(user) {\n  if (isUserInOrganization(user)) {\n    globals.actions.setError({ message: 'This user is already a member of the organization' });\n    return;\n  }\n\n  const index = selectedUsers.value.findIndex(u => u._id === user._id);\n  if (index > -1) {\n    selectedUsers.value.splice(index, 1);\n  } else {\n    selectedUsers.value.push(user);\n  }\n}\n\n// Fetch users and organization members\nasync function fetchFilteredUsers(options) {\n  try {\n    // Fetch organization members\n    const membersResponse = await membershipsStore.read({\n      target: props.organizationId,\n      role: ['member', 'owner']\n    });\n    organizationMembers.value = membersResponse || [];\n\n    // Fetch all users\n    const usersResponse = await users.actions.read(options);\n    return usersResponse;\n  } catch (error) {\n    console.error('Error fetching users:', error);\n    return [];\n  }\n}\n\n// Add selected users to organization\nasync function addSelectedUsers() {\n  if (selectedUsers.value.length === 0) return;\n\n  try {\n    const promises = selectedUsers.value.map(user => \n      membershipsStore.create({\n        user: user._id,\n        type: 'organization',\n        target: props.organizationId,\n        role: 'member',\n        label: 'member'\n      })\n    );\n\n    const results = await Promise.all(promises);\n    \n    emit('users-added', results);\n    selectedUsers.value = [];\n    \n    globals.actions.setSuccess({ \n      message: `Successfully added ${results.length} user(s) to the organization` \n    });\n  } catch (error) {\n    console.error('Error adding users:', error);\n    globals.actions.setError(error);\n    throw error;\n  }\n}\n</script>"],"names":["globals.actions","users.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFA,UAAM,QAAQ;AAWd,UAAM,OAAO;AAGb,UAAM,gBAAgB,IAAI,EAAE;AAC5B,UAAM,sBAAsB,IAAI,EAAE;AAGlC,aAAS,qBAAqB,MAAM;AAClC,aAAO,oBAAoB,MAAM;AAAA,QAAK,YACpC,OAAO,KAAK,QAAQ,KAAK,OAAO,OAAO,SAAS,KAAK;AAAA,MACzD;AAAA,IACA;AAGA,aAAS,eAAe,MAAM;AAC5B,aAAO,cAAc,MAAM,KAAK,cAAY,SAAS,QAAQ,KAAK,GAAG;AAAA,IACvE;AAGA,aAAS,iBAAiB,MAAM;AAC9B,UAAI,qBAAqB,IAAI,GAAG;AAC9B,eAAO;AAAA,MACT;AACA,UAAI,eAAe,IAAI,GAAG;AACxB,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT;AAGA,aAAS,oBAAoB,MAAM;AACjC,UAAI,qBAAqB,IAAI,GAAG;AAC9BA,kBAAgB,SAAS,EAAE,SAAS,oDAAmD,CAAE;AACzF;AAAA,MACF;AAEA,YAAM,QAAQ,cAAc,MAAM,UAAU,OAAK,EAAE,QAAQ,KAAK,GAAG;AACnE,UAAI,QAAQ,IAAI;AACd,sBAAc,MAAM,OAAO,OAAO,CAAC;AAAA,MACrC,OAAO;AACL,sBAAc,MAAM,KAAK,IAAI;AAAA,MAC/B;AAAA,IACF;AAGA,mBAAe,mBAAmB,SAAS;AACzC,UAAI;AAEF,cAAM,kBAAkB,MAAM,iBAAiB,KAAK;AAAA,UAClD,QAAQ,MAAM;AAAA,UACd,MAAM,CAAC,UAAU,OAAO;AAAA,QAC9B,CAAK;AACD,4BAAoB,QAAQ,mBAAmB,CAAA;AAG/C,cAAM,gBAAgB,MAAMC,QAAc,KAAK,OAAO;AACtD,eAAO;AAAA,MACT,SAAS,OAAO;AACd,gBAAQ,MAAM,yBAAyB,KAAK;AAC5C,eAAO,CAAA;AAAA,MACT;AAAA,IACF;AAGA,mBAAe,mBAAmB;AAChC,UAAI,cAAc,MAAM,WAAW,EAAG;AAEtC,UAAI;AACF,cAAM,WAAW,cAAc,MAAM;AAAA,UAAI,UACvC,iBAAiB,OAAO;AAAA,YACtB,MAAM,KAAK;AAAA,YACX,MAAM;AAAA,YACN,QAAQ,MAAM;AAAA,YACd,MAAM;AAAA,YACN,OAAO;AAAA,UACf,CAAO;AAAA,QACP;AAEI,cAAM,UAAU,MAAM,QAAQ,IAAI,QAAQ;AAE1C,aAAK,eAAe,OAAO;AAC3B,sBAAc,QAAQ,CAAA;AAEtBD,kBAAgB,WAAW;AAAA,UACzB,SAAS,sBAAsB,QAAQ,MAAM;AAAA,QACnD,CAAK;AAAA,MACH,SAAS,OAAO;AACd,gBAAQ,MAAM,uBAAuB,KAAK;AAC1CA,kBAAgB,SAAS,KAAK;AAC9B,cAAM;AAAA,MACR;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"AddExistingMembersForm.vue.js","sources":["../../../../../../../src/modules/organizations/components/forms/AddExistingMembersForm.vue"],"sourcesContent":["<template>\n  <div>\n    <p class=\"mn-b-thin t-transp p-regular\">Select users to add to the organization:</p>\n\n    <Feed\n      :search=\"{\n        placeholder: 'Search users...',\n        class: 'bg-light mn-b-thin'\n      }\"\n      :states=\"{\n        empty: {\n          title: 'No Users Found',\n          description: 'No users match your search criteria.'\n        },\n        loading: {\n          title: 'Loading users...'\n        }\n      }\"\n      :store=\"{\n        read: (options) => fetchFilteredUsers(options),\n        state: null\n      }\"\n      :options=\"{}\"\n      v-slot=\"{ items }\"\n      class=\"bg-light pd-medium radius-medium h-max-30r o-scroll mn-b-thin\"\n    >\n      <div\n        v-for=\"user in items\"\n        :key=\"user._id\"\n        @click=\"() => toggleUserSelection(user)\"\n        class=\"pd-thin radius-medium w-100 mn-b-thin cursor-pointer hover-scale-1\"\n        :class=\"getUserCardClass(user)\"\n      >\n        <div class=\"flex-nowrap flex-v-center flex gap-thin\">\n          <div class=\"aspect-1x1 h-3r flex-child-default radius-small o-hidden\">\n            <img\n              v-if=\"user.profile?.photo\"\n              :src=\"user.profile.photo\"\n              alt=\"User photo\"\n              class=\"w-100 h-100 object-fit-cover\"\n            />\n            <PlaceholderUserpic v-else class=\"w-100 h-100\" />\n          </div>\n          \n          <div class=\"w-100\">\n            <p class=\"t-medium\">{{ user.profile?.name || user.phone || user.email || 'Unnamed user' }}</p>\n            <p class=\"t-small t-transp\">{{ user.email || user.phone || 'No contact info' }}</p>\n          </div>\n\n          <div v-if=\"isUserInOrganization(user)\" class=\"pd-nano pd-h-thin radius-thin bg-grey\">\n            <span class=\"t-small\">Already member</span>\n          </div>\n          \n          <div v-else-if=\"isUserSelected(user)\" class=\"pd-nano pd-h-thin radius-thin bg-green\">\n            <IconCheck class=\"i-small\" fill=\"rgb(var(--white))\" />\n          </div>\n        </div>\n      </div>\n    </Feed>\n\n    <div v-if=\"selectedUsers.length > 0\" class=\"mn-b-thin\">\n      <p class=\"t-small t-transp\">Selected: {{ selectedUsers.length }} user(s)</p>\n    </div>\n\n    <Button\n      :submit=\"addSelectedUsers\"\n      :disabled=\"selectedUsers.length === 0\"\n      class=\"w-100 bg-main\"\n    >\n      Add {{ selectedUsers.length }} user(s) to organization\n    </Button>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed } from 'vue';\n\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\n\nimport PlaceholderUserpic from '@martyrs/src/modules/icons/placeholders/PlaceholderUserpic.vue';\nimport IconCheck from '@martyrs/src/modules/icons/navigation/IconCheck.vue';\n\nimport * as users from '@martyrs/src/modules/auth/views/store/users.js';\nimport membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js';\nimport * as globals from '@martyrs/src/modules/globals/views/store/globals.js';\n\nconst props = defineProps({\n  organizationId: {\n    type: String,\n    required: true\n  },\n  existingMembers: {\n    type: Array,\n    default: () => []\n  }\n});\n\nconst emit = defineEmits(['users-added']);\n\n// State\nconst selectedUsers = ref([]);\nconst organizationMembers = ref([]);\n\n// Check if user is already in organization\nfunction isUserInOrganization(user) {\n  return organizationMembers.value.some(member => \n    member.user._id === user._id || member.user === user._id\n  );\n}\n\n// Check if user is selected\nfunction isUserSelected(user) {\n  return selectedUsers.value.some(selected => selected._id === user._id);\n}\n\n// Get card styling based on user status\nfunction getUserCardClass(user) {\n  if (isUserInOrganization(user)) {\n    return 'bg-grey opacity-60 cursor-not-allowed';\n  }\n  if (isUserSelected(user)) {\n    return 'bg-green-light';\n  }\n  return 'bg-white hover-bg-light';\n}\n\n// Toggle user selection\nfunction toggleUserSelection(user) {\n  if (isUserInOrganization(user)) {\n    globals.actions.setError({ message: 'This user is already a member of the organization' });\n    return;\n  }\n\n  const index = selectedUsers.value.findIndex(u => u._id === user._id);\n  if (index > -1) {\n    selectedUsers.value.splice(index, 1);\n  } else {\n    selectedUsers.value.push(user);\n  }\n}\n\n// Fetch users and organization members\nasync function fetchFilteredUsers(options) {\n  try {\n    // Fetch organization members\n    const membersResponse = await membershipsStore.read({\n      target: props.organizationId,\n      role: ['member', 'owner']\n    });\n    organizationMembers.value = membersResponse || [];\n\n    // Fetch all users\n    const usersResponse = await users.actions.read(options);\n    return usersResponse;\n  } catch (error) {\n    console.error('Error fetching users:', error);\n    return [];\n  }\n}\n\n// Add selected users to organization\nasync function addSelectedUsers() {\n  if (selectedUsers.value.length === 0) return;\n\n  try {\n    const promises = selectedUsers.value.map(user => \n      membershipsStore.create({\n        user: user._id,\n        type: 'organization',\n        target: props.organizationId,\n        role: 'member',\n        label: 'member'\n      })\n    );\n\n    const results = await Promise.all(promises);\n    \n    emit('users-added', results);\n    selectedUsers.value = [];\n    \n    globals.actions.setSuccess({ \n      message: `Successfully added ${results.length} user(s) to the organization` \n    });\n  } catch (error) {\n    console.error('Error adding users:', error);\n    globals.actions.setError(error);\n    throw error;\n  }\n}\n</script>"],"names":["globals.actions","users.actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuFA,UAAM,QAAQ;AAWd,UAAM,OAAO;AAGb,UAAM,gBAAgB,IAAI,EAAE;AAC5B,UAAM,sBAAsB,IAAI,EAAE;AAGlC,aAAS,qBAAqB,MAAM;AAClC,aAAO,oBAAoB,MAAM;AAAA,QAAK,YACpC,OAAO,KAAK,QAAQ,KAAK,OAAO,OAAO,SAAS,KAAK;AAAA,MACzD;AAAA,IACA;AAGA,aAAS,eAAe,MAAM;AAC5B,aAAO,cAAc,MAAM,KAAK,cAAY,SAAS,QAAQ,KAAK,GAAG;AAAA,IACvE;AAGA,aAAS,iBAAiB,MAAM;AAC9B,UAAI,qBAAqB,IAAI,GAAG;AAC9B,eAAO;AAAA,MACT;AACA,UAAI,eAAe,IAAI,GAAG;AACxB,eAAO;AAAA,MACT;AACA,aAAO;AAAA,IACT;AAGA,aAAS,oBAAoB,MAAM;AACjC,UAAI,qBAAqB,IAAI,GAAG;AAC9BA,kBAAgB,SAAS,EAAE,SAAS,oDAAmD,CAAE;AACzF;AAAA,MACF;AAEA,YAAM,QAAQ,cAAc,MAAM,UAAU,OAAK,EAAE,QAAQ,KAAK,GAAG;AACnE,UAAI,QAAQ,IAAI;AACd,sBAAc,MAAM,OAAO,OAAO,CAAC;AAAA,MACrC,OAAO;AACL,sBAAc,MAAM,KAAK,IAAI;AAAA,MAC/B;AAAA,IACF;AAGA,mBAAe,mBAAmB,SAAS;AACzC,UAAI;AAEF,cAAM,kBAAkB,MAAM,iBAAiB,KAAK;AAAA,UAClD,QAAQ,MAAM;AAAA,UACd,MAAM,CAAC,UAAU,OAAO;AAAA,QAC9B,CAAK;AACD,4BAAoB,QAAQ,mBAAmB,CAAA;AAG/C,cAAM,gBAAgB,MAAMC,QAAc,KAAK,OAAO;AACtD,eAAO;AAAA,MACT,SAAS,OAAO;AACd,gBAAQ,MAAM,yBAAyB,KAAK;AAC5C,eAAO,CAAA;AAAA,MACT;AAAA,IACF;AAGA,mBAAe,mBAAmB;AAChC,UAAI,cAAc,MAAM,WAAW,EAAG;AAEtC,UAAI;AACF,cAAM,WAAW,cAAc,MAAM;AAAA,UAAI,UACvC,iBAAiB,OAAO;AAAA,YACtB,MAAM,KAAK;AAAA,YACX,MAAM;AAAA,YACN,QAAQ,MAAM;AAAA,YACd,MAAM;AAAA,YACN,OAAO;AAAA,UACf,CAAO;AAAA,QACP;AAEI,cAAM,UAAU,MAAM,QAAQ,IAAI,QAAQ;AAE1C,aAAK,eAAe,OAAO;AAC3B,sBAAc,QAAQ,CAAA;AAEtBD,kBAAgB,WAAW;AAAA,UACzB,SAAS,sBAAsB,QAAQ,MAAM;AAAA,QACnD,CAAK;AAAA,MACH,SAAS,OAAO;AACd,gBAAQ,MAAM,uBAAuB,KAAK;AAC1CA,kBAAgB,SAAS,KAAK;AAC9B,cAAM;AAAA,MACR;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -3,7 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require("vue");
 const vueRouter = require("vue-router");
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
-const Field = require("../../../../components/Field/Field.vue.cjs");
+const Field = require("../../../../components/Field/Field.vue2.cjs");
 const Checkbox = require("../../../../components/Checkbox/Checkbox.vue.cjs");
 const Button = require("../../../../components/Button/Button.vue.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
@@ -265,7 +265,7 @@ const _sfc_main = {
         }, 8, ["actions"]),
         vue.createElementVNode("div", _hoisted_4, [
           _cache[5] || (_cache[5] = vue.createElementVNode("h3", { class: "mn-b-semi" }, "Department Settings", -1)),
-          _cache[6] || (_cache[6] = vue.createElementVNode("p", { class: "p-medium mn-b-small" }, "Please settings for your department:", -1)),
+          _cache[6] || (_cache[6] = vue.createElementVNode("p", { class: "p-regular mn-b-small" }, "Please settings for your department:", -1)),
           vue.createElementVNode("div", _hoisted_5, [
             vue.createVNode(Checkbox.default, {
               label: "Hidden department",
@@ -278,7 +278,7 @@ const _sfc_main = {
         ]),
         vue.createElementVNode("div", _hoisted_6, [
           _cache[7] || (_cache[7] = vue.createElementVNode("h3", { class: "mn-b-semi" }, "Accesses", -1)),
-          _cache[8] || (_cache[8] = vue.createElementVNode("p", { class: "p-medium mn-b-small" }, "Please select organization accesses for user in department:", -1)),
+          _cache[8] || (_cache[8] = vue.createElementVNode("p", { class: "p-regular mn-b-small" }, "Please select organization accesses for user in department:", -1)),
           vue.createElementVNode("div", _hoisted_7, [
             (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(currentDepartment.accesses, (actions, category) => {
               return vue.openBlock(), vue.createElementBlock("div", {

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

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

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

@@ -1,7 +1,7 @@
 import { computed, ref, reactive, createElementBlock, openBlock, createVNode, createElementVNode, withCtx, Fragment, renderList, createBlock, createTextVNode, toDisplayString, createCommentVNode, unref, normalizeClass } from "vue";
 import { useRoute } from "vue-router";
 import UploadImage from "../../../../components/UploadImage/UploadImage.vue.js";
-import Field from "../../../../components/Field/Field.vue.js";
+import Field from "../../../../components/Field/Field.vue2.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";
@@ -263,7 +263,7 @@ const _sfc_main = {
         }, 8, ["actions"]),
         createElementVNode("div", _hoisted_4, [
           _cache[5] || (_cache[5] = createElementVNode("h3", { class: "mn-b-semi" }, "Department Settings", -1)),
-          _cache[6] || (_cache[6] = createElementVNode("p", { class: "p-medium mn-b-small" }, "Please settings for your department:", -1)),
+          _cache[6] || (_cache[6] = createElementVNode("p", { class: "p-regular mn-b-small" }, "Please settings for your department:", -1)),
           createElementVNode("div", _hoisted_5, [
             createVNode(_sfc_main$4, {
               label: "Hidden department",
@@ -276,7 +276,7 @@ const _sfc_main = {
         ]),
         createElementVNode("div", _hoisted_6, [
           _cache[7] || (_cache[7] = createElementVNode("h3", { class: "mn-b-semi" }, "Accesses", -1)),
-          _cache[8] || (_cache[8] = createElementVNode("p", { class: "p-medium mn-b-small" }, "Please select organization accesses for user in department:", -1)),
+          _cache[8] || (_cache[8] = createElementVNode("p", { class: "p-regular mn-b-small" }, "Please select organization accesses for user in department:", -1)),
           createElementVNode("div", _hoisted_7, [
             (openBlock(true), createElementBlock(Fragment, null, renderList(currentDepartment.accesses, (actions2, category) => {
               return openBlock(), createElementBlock("div", {

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

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