@ozdao/martyrs 0.2.481 → 0.2.483

package/dist/martyrs/src/modules/notifications/components/elements/NotificationBadge.vue.cjs

@@ -2,6 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
+const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const NotificationItem = require("../blocks/NotificationItem.vue.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
 const IconBell = require("../../../icons/entities/IconBell.vue.cjs");
@@ -12,30 +13,26 @@ const _hoisted_3 = {
   key: 0,
   class: "button-counter flex-center"
 };
-const _hoisted_4 = {
-  key: 0,
-  class: "notifications-dropdown"
-};
-const _hoisted_5 = { class: "notifications-header" };
-const _hoisted_6 = {
+const _hoisted_4 = { class: "cols-1 gap-thin o-y-scroll" };
+const _hoisted_5 = {
   key: 0,
   class: "notifications-loading"
 };
-const _hoisted_7 = {
+const _hoisted_6 = {
   key: 1,
   class: "notifications-empty"
 };
-const _hoisted_8 = {
+const _hoisted_7 = {
   key: 2,
-  class: "notifications-list"
+  class: "flex-column flex gap-thin"
 };
-const _hoisted_9 = { class: "notifications-footer" };
+const _hoisted_8 = { class: "flex-nowrap flex gap-thin" };
 const _sfc_main = {
   __name: "NotificationBadge",
   props: {
     maxNotifications: {
       type: Number,
-      default: 5
+      default: 10
     },
     fill: {
       type: String,
@@ -53,6 +50,9 @@ const _sfc_main = {
     const toggleNotifications = () => {
       isOpen.value = !isOpen.value;
     };
+    const closeNotifications = () => {
+      isOpen.value = false;
+    };
     const handleNotificationClick = (notification) => {
       isOpen.value = false;
       if (notification._id) {
@@ -62,22 +62,12 @@ const _sfc_main = {
         });
       }
     };
-    const handleClickOutside = (event) => {
-      const container = document.querySelector(".notification-badge-container");
-      if (container && !container.contains(event.target)) {
-        isOpen.value = false;
-      }
-    };
     vue.onMounted(() => {
-      document.addEventListener("click", handleClickOutside);
       const userId = auth.state.user._id;
       if (userId) {
         getNotifications(userId);
       }
     });
-    vue.onUnmounted(() => {
-      document.removeEventListener("click", handleClickOutside);
-    });
     return (_ctx, _cache) => {
       const _component_router_link = vue.resolveComponent("router-link");
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
@@ -94,40 +84,49 @@ const _sfc_main = {
             vue.createElementVNode("span", null, vue.toDisplayString(vue.unref(unreadCount) > 99 ? "99+" : vue.unref(unreadCount)), 1)
           ])) : vue.createCommentVNode("", true)
         ], 8, _hoisted_2),
-        isOpen.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
-          vue.createElementVNode("div", _hoisted_5, [
-            _cache[2] || (_cache[2] = vue.createElementVNode("h3", null, "Notifications", -1)),
-            vue.unref(unreadCount) > 0 ? (vue.openBlock(), vue.createElementBlock("button", {
-              key: 0,
-              class: "mark-all-read-btn",
-              onClick: _cache[0] || (_cache[0] = (...args) => vue.unref(markAllAsRead) && vue.unref(markAllAsRead)(...args))
-            }, " Mark all read ")) : vue.createCommentVNode("", true)
+        vue.createVNode(Popup.default, {
+          title: "Notifications",
+          onClosePopup: closeNotifications,
+          isPopupOpen: isOpen.value,
+          align: "center right",
+          class: "bg-white h-min-100 w-100 w-max-30r pd-medium"
+        }, {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_4, [
+              vue.unref(loading) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, " Loading... ")) : vue.unref(notifications).length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, " No notifications ")) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
+                (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(recentNotifications.value, (notification) => {
+                  return vue.openBlock(), vue.createBlock(NotificationItem.default, {
+                    key: notification._id,
+                    notification,
+                    onClick: ($event) => handleNotificationClick(notification)
+                  }, null, 8, ["notification", "onClick"]);
+                }), 128)),
+                vue.createElementVNode("div", _hoisted_8, [
+                  vue.unref(unreadCount) > 0 ? (vue.openBlock(), vue.createElementBlock("button", {
+                    key: 0,
+                    class: "w-100 bg-second t-white radius-small button",
+                    onClick: _cache[0] || (_cache[0] = (...args) => vue.unref(markAllAsRead) && vue.unref(markAllAsRead)(...args))
+                  }, " Mark all read ")) : vue.createCommentVNode("", true),
+                  vue.createVNode(_component_router_link, {
+                    class: "w-100 bg-black t-white radius-small button",
+                    to: "/notifications",
+                    onClick: closeNotifications
+                  }, {
+                    default: vue.withCtx(() => _cache[1] || (_cache[1] = [
+                      vue.createTextVNode(" View all ")
+                    ])),
+                    _: 1
+                  })
+                ])
+              ]))
+            ])
           ]),
-          vue.unref(loading) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, " Loading... ")) : vue.unref(notifications).length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, " No notifications ")) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_8, [
-            (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(recentNotifications.value, (notification) => {
-              return vue.openBlock(), vue.createBlock(NotificationItem.default, {
-                key: notification._id,
-                notification,
-                onClick: ($event) => handleNotificationClick(notification)
-              }, null, 8, ["notification", "onClick"]);
-            }), 128))
-          ])),
-          vue.createElementVNode("div", _hoisted_9, [
-            vue.createVNode(_component_router_link, {
-              to: "/notifications",
-              onClick: _cache[1] || (_cache[1] = ($event) => isOpen.value = false)
-            }, {
-              default: vue.withCtx(() => _cache[3] || (_cache[3] = [
-                vue.createTextVNode(" View all notifications ")
-              ])),
-              _: 1
-            })
-          ])
-        ])) : vue.createCommentVNode("", true)
+          _: 1
+        }, 8, ["isPopupOpen"])
       ]);
     };
   }
 };
-const NotificationBadge = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-a7d7de5f"]]);
+const NotificationBadge = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-26b93994"]]);
 exports.default = NotificationBadge;
 //# sourceMappingURL=NotificationBadge.vue.cjs.map

package/dist/martyrs/src/modules/notifications/components/elements/NotificationBadge.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationBadge.vue.cjs","sources":["../../../../../../../src/modules/notifications/components/elements/NotificationBadge.vue"],"sourcesContent":["<template>\n  <div class=\"notification-badge-container\">\n    <button \n      class=\"i-semi notification-button\"\n      @click=\"toggleNotifications\"\n      :aria-label=\"unreadCount > 0 ? `${unreadCount} unread notifications` : 'No unread notifications'\"\n    >\n      <IconBell class=\"notification-icon i-medium\" :fill=\"fill\"/>\n      <div  \n        v-if=\"unreadCount > 0\" \n        class=\"button-counter flex-center\"\n      >\n        <span>{{ unreadCount > 99 ? '99+' : unreadCount }}</span>\n      </div>\n    </button>\n    <div v-if=\"isOpen\" class=\"notifications-dropdown\">\n      <div class=\"notifications-header\">\n        <h3>Notifications</h3>\n        <button \n          v-if=\"unreadCount > 0\" \n          class=\"mark-all-read-btn\" \n          @click=\"markAllAsRead\"\n        >\n          Mark all read\n        </button>\n      </div>\n      <div v-if=\"loading\" class=\"notifications-loading\">\n        Loading...\n      </div>\n      <div v-else-if=\"notifications.length === 0\" class=\"notifications-empty\">\n        No notifications\n      </div>\n      <div v-else class=\"notifications-list\">\n        <notification-item \n          v-for=\"notification in recentNotifications\" \n          :key=\"notification._id\" \n          :notification=\"notification\"\n          @click=\"handleNotificationClick(notification)\"\n        />\n      </div>\n      <div class=\"notifications-footer\">\n        <router-link to=\"/notifications\" @click=\"isOpen = false\">\n          View all notifications\n        </router-link>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, onUnmounted, inject } from 'vue';\nimport { useRouter } from 'vue-router';\nimport NotificationItem from '../blocks/NotificationItem.vue';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\nimport IconBell from '@martyrs/src/modules/icons/entities/IconBell.vue';\n\nconst props = defineProps({\n  maxNotifications: {\n    type: Number,\n    default: 5\n  },\n  fill: {\n    type: String,\n    default: 'rgb(var(--white))'\n  }\n});\n\n// Get router and notification functionality\nconst router = useRouter();\nconst { notifications, unreadCount, loading, markAllAsRead, getNotifications } = inject('useNotifications')();\n\n// Local state\nconst isOpen = ref(false);\n\n// Computed properties\nconst recentNotifications = computed(() => {\n  return notifications.value\n    .slice()\n    .sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt))\n    .slice(0, props.maxNotifications);\n});\n\n// Methods\nconst toggleNotifications = () => {\n  isOpen.value = !isOpen.value;\n};\n\nconst handleNotificationClick = (notification) => {\n  isOpen.value = false;\n  \n  if (notification._id) {\n    // Handle in store\n    actions.handleNotificationAction({\n      notificationId: notification._id,\n      ...notification.metadata\n    });\n  }\n};\n\n// Close dropdown when clicking outside\nconst handleClickOutside = (event) => {\n  const container = document.querySelector('.notification-badge-container');\n  if (container && !container.contains(event.target)) {\n    isOpen.value = false;\n  }\n};\n\n// Lifecycle hooks\nonMounted(() => {\n  document.addEventListener('click', handleClickOutside);\n\n  // Load notifications when component mounts\n  const userId = auth.state.user._id;\n  if (userId) {\n    getNotifications(userId);\n  }\n});\n\nonUnmounted(() => {\n  document.removeEventListener('click', handleClickOutside);\n});\n</script>\n\n<style scoped>\n.notification-badge-container {\n  position: relative;\n  display: inline-block;\n}\n\n.notification-button {\n  background: none;\n  border: none;\n  cursor: pointer;\n  position: relative;\n  font-size: 1.2rem;\n}\n\n.notification-icon {\n  font-size: 1.4rem;\n}\n.button-counter {\n  position: absolute;\n  right: -8px;\n  bottom: -8px;\n  background: rgb(var(--fourth));\n  color: rgb(var(--white));\n  height: 16px;\n  border-radius: 16px;\n  width: 16px;\n  font-weight: 500;\n  text-align: center;\n  line-height: 16px;\n  font-size: 10px;\n}\n.notifications-dropdown {\n  position: absolute;\n  top: 100%;\n  right: 0;\n  width: 320px;\n  max-height: 400px;\n  overflow-y: auto;\n  background-color: white;\n  border-radius: 4px;\n  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n  z-index: 1000;\n}\n\n.notifications-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 12px 16px;\n  border-bottom: 1px solid #eee;\n}\n\n.notifications-header h3 {\n  margin: 0;\n  font-size: 1rem;\n}\n\n.mark-all-read-btn {\n  background: none;\n  border: none;\n  color: #2196f3;\n  font-size: 0.8rem;\n  cursor: pointer;\n}\n\n.notifications-loading,\n.notifications-empty {\n  padding: 24px;\n  text-align: center;\n  color: #666;\n}\n\n.notifications-list {\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.notifications-footer {\n  padding: 12px 16px;\n  text-align: center;\n  border-top: 1px solid #eee;\n}\n\n.notifications-footer a {\n  color: #2196f3;\n  text-decoration: none;\n  font-size: 0.9rem;\n}\n</style>"],"names":["useRouter","inject","ref","computed","onMounted","auth.state","onUnmounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDA,UAAM,QAAQ;AAYCA,cAAS,UAAA;AACxB,UAAM,EAAE,eAAe,aAAa,SAAS,eAAe,qBAAqBC,IAAAA,OAAO,kBAAkB,EAAG;AAG7G,UAAM,SAASC,IAAG,IAAC,KAAK;AAGxB,UAAM,sBAAsBC,IAAQ,SAAC,MAAM;AACzC,aAAO,cAAc,MAClB,MAAK,EACL,KAAK,CAAC,GAAG,MAAM,IAAI,KAAK,EAAE,SAAS,IAAI,IAAI,KAAK,EAAE,SAAS,CAAC,EAC5D,MAAM,GAAG,MAAM,gBAAgB;AAAA,IACpC,CAAC;AAGD,UAAM,sBAAsB,MAAM;AAChC,aAAO,QAAQ,CAAC,OAAO;AAAA,IACzB;AAEA,UAAM,0BAA0B,CAAC,iBAAiB;AAChD,aAAO,QAAQ;AAEf,UAAI,aAAa,KAAK;AAEpB,gBAAQ,yBAAyB;AAAA,UAC/B,gBAAgB,aAAa;AAAA,UAC7B,GAAG,aAAa;AAAA,QACtB,CAAK;AAAA,MACL;AAAA,IACA;AAGA,UAAM,qBAAqB,CAAC,UAAU;AACpC,YAAM,YAAY,SAAS,cAAc,+BAA+B;AACxE,UAAI,aAAa,CAAC,UAAU,SAAS,MAAM,MAAM,GAAG;AAClD,eAAO,QAAQ;AAAA,MACnB;AAAA,IACA;AAGAC,QAAAA,UAAU,MAAM;AACd,eAAS,iBAAiB,SAAS,kBAAkB;AAGrD,YAAM,SAASC,WAAW,KAAK;AAC/B,UAAI,QAAQ;AACV,yBAAiB,MAAM;AAAA,MAC3B;AAAA,IACA,CAAC;AAEDC,QAAAA,YAAY,MAAM;AAChB,eAAS,oBAAoB,SAAS,kBAAkB;AAAA,IAC1D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NotificationBadge.vue.cjs","sources":["../../../../../../../src/modules/notifications/components/elements/NotificationBadge.vue"],"sourcesContent":["<template>\n  <div class=\"notification-badge-container\">\n    <button \n      class=\"i-semi notification-button\"\n      @click=\"toggleNotifications\"\n      :aria-label=\"unreadCount > 0 ? `${unreadCount} unread notifications` : 'No unread notifications'\"\n    >\n      <IconBell class=\"notification-icon i-medium\" :fill=\"fill\"/>\n      <div  \n        v-if=\"unreadCount > 0\" \n        class=\"button-counter flex-center\"\n      >\n        <span>{{ unreadCount > 99 ? '99+' : unreadCount }}</span>\n      </div>\n    </button>\n    \n    <Popup\n      title=\"Notifications\"\n      @close-popup=\"closeNotifications\"\n      :isPopupOpen=\"isOpen\"\n      align=\"center right\"\n      class=\"bg-white h-min-100 w-100 w-max-30r pd-medium\"\n    >\n      <div class=\"cols-1 gap-thin o-y-scroll\">\n        <div v-if=\"loading\" class=\"notifications-loading\">\n          Loading...\n        </div>\n        \n        <div v-else-if=\"notifications.length === 0\" class=\"notifications-empty\">\n          No notifications\n        </div>\n        \n        <div v-else class=\"flex-column flex gap-thin\">\n          <notification-item \n            v-for=\"notification in recentNotifications\" \n            :key=\"notification._id\" \n            :notification=\"notification\"\n            @click=\"handleNotificationClick(notification)\"\n          />\n\n          <div class=\"flex-nowrap flex gap-thin\">\n            <button \n              v-if=\"unreadCount > 0\"\n              class=\"w-100 bg-second t-white radius-small  button\" \n              @click=\"markAllAsRead\"\n            >\n              Mark all read\n            </button>\n\n            <router-link class=\"w-100 bg-black t-white radius-small button\" to=\"/notifications\" @click=\"closeNotifications\">\n              View all \n            </router-link>\n          </div>\n\n        </div>\n\n      </div>\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, inject } from 'vue';\nimport { useRouter } from 'vue-router';\n\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\n\nimport NotificationItem from '../blocks/NotificationItem.vue';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport IconBell from '@martyrs/src/modules/icons/entities/IconBell.vue';\n\nconst props = defineProps({\n  maxNotifications: {\n    type: Number,\n    default: 10\n  },\n  fill: {\n    type: String,\n    default: 'rgb(var(--white))'\n  }\n});\n\n// Get router and notification functionality\nconst router = useRouter();\nconst { notifications, unreadCount, loading, markAllAsRead, getNotifications } = inject('useNotifications')();\n\n// Local state\nconst isOpen = ref(false);\n\n// Computed properties\nconst recentNotifications = computed(() => {\n  return notifications.value\n    .slice()\n    .sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt))\n    .slice(0, props.maxNotifications);\n});\n\n// Methods\nconst toggleNotifications = () => {\n  isOpen.value = !isOpen.value;\n};\n\nconst closeNotifications = () => {\n  isOpen.value = false;\n};\n\nconst handleNotificationClick = (notification) => {\n  isOpen.value = false;\n  \n  if (notification._id) {\n    // Handle in store\n    actions.handleNotificationAction({\n      notificationId: notification._id,\n      ...notification.metadata\n    });\n  }\n};\n\n// Lifecycle hooks\nonMounted(() => {\n  // Load notifications when component mounts\n  const userId = auth.state.user._id;\n  if (userId) {\n    getNotifications(userId);\n  }\n});\n</script>\n\n<style scoped>\n.notification-badge-container {\n  position: relative;\n  display: inline-block;\n}\n\n.notification-button {\n  background: none;\n  border: none;\n  cursor: pointer;\n  position: relative;\n  font-size: 1.2rem;\n}\n\n.notification-icon {\n  font-size: 1.4rem;\n}\n\n.button-counter {\n  position: absolute;\n  right: -8px;\n  bottom: -8px;\n  background: rgb(var(--fourth));\n  color: rgb(var(--white));\n  height: 16px;\n  border-radius: 16px;\n  width: 16px;\n  font-weight: 500;\n  text-align: center;\n  line-height: 16px;\n  font-size: 10px;\n}\n\n\n.notifications-loading,\n.notifications-empty {\n  padding: 24px;\n  text-align: center;\n  color: rgb(var(--text-light));\n}\n</style>"],"names":["useRouter","inject","ref","computed","onMounted","auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuEA,UAAM,QAAQ;AAYCA,cAAS,UAAA;AACxB,UAAM,EAAE,eAAe,aAAa,SAAS,eAAe,qBAAqBC,IAAAA,OAAO,kBAAkB,EAAG;AAG7G,UAAM,SAASC,IAAG,IAAC,KAAK;AAGxB,UAAM,sBAAsBC,IAAQ,SAAC,MAAM;AACzC,aAAO,cAAc,MAClB,MAAK,EACL,KAAK,CAAC,GAAG,MAAM,IAAI,KAAK,EAAE,SAAS,IAAI,IAAI,KAAK,EAAE,SAAS,CAAC,EAC5D,MAAM,GAAG,MAAM,gBAAgB;AAAA,IACpC,CAAC;AAGD,UAAM,sBAAsB,MAAM;AAChC,aAAO,QAAQ,CAAC,OAAO;AAAA,IACzB;AAEA,UAAM,qBAAqB,MAAM;AAC/B,aAAO,QAAQ;AAAA,IACjB;AAEA,UAAM,0BAA0B,CAAC,iBAAiB;AAChD,aAAO,QAAQ;AAEf,UAAI,aAAa,KAAK;AAEpB,gBAAQ,yBAAyB;AAAA,UAC/B,gBAAgB,aAAa;AAAA,UAC7B,GAAG,aAAa;AAAA,QACtB,CAAK;AAAA,MACL;AAAA,IACA;AAGAC,QAAAA,UAAU,MAAM;AAEd,YAAM,SAASC,WAAW,KAAK;AAC/B,UAAI,QAAQ;AACV,yBAAiB,MAAM;AAAA,MAC3B;AAAA,IACA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/notifications/components/elements/NotificationBadge.vue.js

@@ -1,5 +1,6 @@
-import { inject, ref, computed, onMounted, onUnmounted, resolveComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, unref, createVNode, toDisplayString, Fragment, renderList, createBlock, withCtx, createTextVNode } from "vue";
+import { inject, ref, computed, onMounted, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, unref, createCommentVNode, toDisplayString, withCtx, Fragment, renderList, createBlock, createTextVNode } from "vue";
 import { useRouter } from "vue-router";
+import _sfc_main$2 from "../../../../components/Popup/Popup.vue.js";
 import NotificationItem from "../blocks/NotificationItem.vue.js";
 import { state } from "../../../auth/views/store/auth.js";
 import _sfc_main$1 from "../../../icons/entities/IconBell.vue.js";
@@ -10,30 +11,26 @@ const _hoisted_3 = {
   key: 0,
   class: "button-counter flex-center"
 };
-const _hoisted_4 = {
-  key: 0,
-  class: "notifications-dropdown"
-};
-const _hoisted_5 = { class: "notifications-header" };
-const _hoisted_6 = {
+const _hoisted_4 = { class: "cols-1 gap-thin o-y-scroll" };
+const _hoisted_5 = {
   key: 0,
   class: "notifications-loading"
 };
-const _hoisted_7 = {
+const _hoisted_6 = {
   key: 1,
   class: "notifications-empty"
 };
-const _hoisted_8 = {
+const _hoisted_7 = {
   key: 2,
-  class: "notifications-list"
+  class: "flex-column flex gap-thin"
 };
-const _hoisted_9 = { class: "notifications-footer" };
+const _hoisted_8 = { class: "flex-nowrap flex gap-thin" };
 const _sfc_main = {
   __name: "NotificationBadge",
   props: {
     maxNotifications: {
       type: Number,
-      default: 5
+      default: 10
     },
     fill: {
       type: String,
@@ -51,6 +48,9 @@ const _sfc_main = {
     const toggleNotifications = () => {
       isOpen.value = !isOpen.value;
     };
+    const closeNotifications = () => {
+      isOpen.value = false;
+    };
     const handleNotificationClick = (notification) => {
       isOpen.value = false;
       if (notification._id) {
@@ -60,22 +60,12 @@ const _sfc_main = {
         });
       }
     };
-    const handleClickOutside = (event) => {
-      const container = document.querySelector(".notification-badge-container");
-      if (container && !container.contains(event.target)) {
-        isOpen.value = false;
-      }
-    };
     onMounted(() => {
-      document.addEventListener("click", handleClickOutside);
       const userId = state.user._id;
       if (userId) {
         getNotifications(userId);
       }
     });
-    onUnmounted(() => {
-      document.removeEventListener("click", handleClickOutside);
-    });
     return (_ctx, _cache) => {
       const _component_router_link = resolveComponent("router-link");
       return openBlock(), createElementBlock("div", _hoisted_1, [
@@ -92,41 +82,50 @@ const _sfc_main = {
             createElementVNode("span", null, toDisplayString(unref(unreadCount) > 99 ? "99+" : unref(unreadCount)), 1)
           ])) : createCommentVNode("", true)
         ], 8, _hoisted_2),
-        isOpen.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
-          createElementVNode("div", _hoisted_5, [
-            _cache[2] || (_cache[2] = createElementVNode("h3", null, "Notifications", -1)),
-            unref(unreadCount) > 0 ? (openBlock(), createElementBlock("button", {
-              key: 0,
-              class: "mark-all-read-btn",
-              onClick: _cache[0] || (_cache[0] = (...args) => unref(markAllAsRead) && unref(markAllAsRead)(...args))
-            }, " Mark all read ")) : createCommentVNode("", true)
+        createVNode(_sfc_main$2, {
+          title: "Notifications",
+          onClosePopup: closeNotifications,
+          isPopupOpen: isOpen.value,
+          align: "center right",
+          class: "bg-white h-min-100 w-100 w-max-30r pd-medium"
+        }, {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_4, [
+              unref(loading) ? (openBlock(), createElementBlock("div", _hoisted_5, " Loading... ")) : unref(notifications).length === 0 ? (openBlock(), createElementBlock("div", _hoisted_6, " No notifications ")) : (openBlock(), createElementBlock("div", _hoisted_7, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(recentNotifications.value, (notification) => {
+                  return openBlock(), createBlock(NotificationItem, {
+                    key: notification._id,
+                    notification,
+                    onClick: ($event) => handleNotificationClick(notification)
+                  }, null, 8, ["notification", "onClick"]);
+                }), 128)),
+                createElementVNode("div", _hoisted_8, [
+                  unref(unreadCount) > 0 ? (openBlock(), createElementBlock("button", {
+                    key: 0,
+                    class: "w-100 bg-second t-white radius-small button",
+                    onClick: _cache[0] || (_cache[0] = (...args) => unref(markAllAsRead) && unref(markAllAsRead)(...args))
+                  }, " Mark all read ")) : createCommentVNode("", true),
+                  createVNode(_component_router_link, {
+                    class: "w-100 bg-black t-white radius-small button",
+                    to: "/notifications",
+                    onClick: closeNotifications
+                  }, {
+                    default: withCtx(() => _cache[1] || (_cache[1] = [
+                      createTextVNode(" View all ")
+                    ])),
+                    _: 1
+                  })
+                ])
+              ]))
+            ])
           ]),
-          unref(loading) ? (openBlock(), createElementBlock("div", _hoisted_6, " Loading... ")) : unref(notifications).length === 0 ? (openBlock(), createElementBlock("div", _hoisted_7, " No notifications ")) : (openBlock(), createElementBlock("div", _hoisted_8, [
-            (openBlock(true), createElementBlock(Fragment, null, renderList(recentNotifications.value, (notification) => {
-              return openBlock(), createBlock(NotificationItem, {
-                key: notification._id,
-                notification,
-                onClick: ($event) => handleNotificationClick(notification)
-              }, null, 8, ["notification", "onClick"]);
-            }), 128))
-          ])),
-          createElementVNode("div", _hoisted_9, [
-            createVNode(_component_router_link, {
-              to: "/notifications",
-              onClick: _cache[1] || (_cache[1] = ($event) => isOpen.value = false)
-            }, {
-              default: withCtx(() => _cache[3] || (_cache[3] = [
-                createTextVNode(" View all notifications ")
-              ])),
-              _: 1
-            })
-          ])
-        ])) : createCommentVNode("", true)
+          _: 1
+        }, 8, ["isPopupOpen"])
       ]);
     };
   }
 };
-const NotificationBadge = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-a7d7de5f"]]);
+const NotificationBadge = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-26b93994"]]);
 export {
   NotificationBadge as default
 };

package/dist/martyrs/src/modules/notifications/components/elements/NotificationBadge.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationBadge.vue.js","sources":["../../../../../../../src/modules/notifications/components/elements/NotificationBadge.vue"],"sourcesContent":["<template>\n  <div class=\"notification-badge-container\">\n    <button \n      class=\"i-semi notification-button\"\n      @click=\"toggleNotifications\"\n      :aria-label=\"unreadCount > 0 ? `${unreadCount} unread notifications` : 'No unread notifications'\"\n    >\n      <IconBell class=\"notification-icon i-medium\" :fill=\"fill\"/>\n      <div  \n        v-if=\"unreadCount > 0\" \n        class=\"button-counter flex-center\"\n      >\n        <span>{{ unreadCount > 99 ? '99+' : unreadCount }}</span>\n      </div>\n    </button>\n    <div v-if=\"isOpen\" class=\"notifications-dropdown\">\n      <div class=\"notifications-header\">\n        <h3>Notifications</h3>\n        <button \n          v-if=\"unreadCount > 0\" \n          class=\"mark-all-read-btn\" \n          @click=\"markAllAsRead\"\n        >\n          Mark all read\n        </button>\n      </div>\n      <div v-if=\"loading\" class=\"notifications-loading\">\n        Loading...\n      </div>\n      <div v-else-if=\"notifications.length === 0\" class=\"notifications-empty\">\n        No notifications\n      </div>\n      <div v-else class=\"notifications-list\">\n        <notification-item \n          v-for=\"notification in recentNotifications\" \n          :key=\"notification._id\" \n          :notification=\"notification\"\n          @click=\"handleNotificationClick(notification)\"\n        />\n      </div>\n      <div class=\"notifications-footer\">\n        <router-link to=\"/notifications\" @click=\"isOpen = false\">\n          View all notifications\n        </router-link>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, onUnmounted, inject } from 'vue';\nimport { useRouter } from 'vue-router';\nimport NotificationItem from '../blocks/NotificationItem.vue';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\nimport IconBell from '@martyrs/src/modules/icons/entities/IconBell.vue';\n\nconst props = defineProps({\n  maxNotifications: {\n    type: Number,\n    default: 5\n  },\n  fill: {\n    type: String,\n    default: 'rgb(var(--white))'\n  }\n});\n\n// Get router and notification functionality\nconst router = useRouter();\nconst { notifications, unreadCount, loading, markAllAsRead, getNotifications } = inject('useNotifications')();\n\n// Local state\nconst isOpen = ref(false);\n\n// Computed properties\nconst recentNotifications = computed(() => {\n  return notifications.value\n    .slice()\n    .sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt))\n    .slice(0, props.maxNotifications);\n});\n\n// Methods\nconst toggleNotifications = () => {\n  isOpen.value = !isOpen.value;\n};\n\nconst handleNotificationClick = (notification) => {\n  isOpen.value = false;\n  \n  if (notification._id) {\n    // Handle in store\n    actions.handleNotificationAction({\n      notificationId: notification._id,\n      ...notification.metadata\n    });\n  }\n};\n\n// Close dropdown when clicking outside\nconst handleClickOutside = (event) => {\n  const container = document.querySelector('.notification-badge-container');\n  if (container && !container.contains(event.target)) {\n    isOpen.value = false;\n  }\n};\n\n// Lifecycle hooks\nonMounted(() => {\n  document.addEventListener('click', handleClickOutside);\n\n  // Load notifications when component mounts\n  const userId = auth.state.user._id;\n  if (userId) {\n    getNotifications(userId);\n  }\n});\n\nonUnmounted(() => {\n  document.removeEventListener('click', handleClickOutside);\n});\n</script>\n\n<style scoped>\n.notification-badge-container {\n  position: relative;\n  display: inline-block;\n}\n\n.notification-button {\n  background: none;\n  border: none;\n  cursor: pointer;\n  position: relative;\n  font-size: 1.2rem;\n}\n\n.notification-icon {\n  font-size: 1.4rem;\n}\n.button-counter {\n  position: absolute;\n  right: -8px;\n  bottom: -8px;\n  background: rgb(var(--fourth));\n  color: rgb(var(--white));\n  height: 16px;\n  border-radius: 16px;\n  width: 16px;\n  font-weight: 500;\n  text-align: center;\n  line-height: 16px;\n  font-size: 10px;\n}\n.notifications-dropdown {\n  position: absolute;\n  top: 100%;\n  right: 0;\n  width: 320px;\n  max-height: 400px;\n  overflow-y: auto;\n  background-color: white;\n  border-radius: 4px;\n  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n  z-index: 1000;\n}\n\n.notifications-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  padding: 12px 16px;\n  border-bottom: 1px solid #eee;\n}\n\n.notifications-header h3 {\n  margin: 0;\n  font-size: 1rem;\n}\n\n.mark-all-read-btn {\n  background: none;\n  border: none;\n  color: #2196f3;\n  font-size: 0.8rem;\n  cursor: pointer;\n}\n\n.notifications-loading,\n.notifications-empty {\n  padding: 24px;\n  text-align: center;\n  color: #666;\n}\n\n.notifications-list {\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.notifications-footer {\n  padding: 12px 16px;\n  text-align: center;\n  border-top: 1px solid #eee;\n}\n\n.notifications-footer a {\n  color: #2196f3;\n  text-decoration: none;\n  font-size: 0.9rem;\n}\n</style>"],"names":["auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDA,UAAM,QAAQ;AAYC,cAAS;AACxB,UAAM,EAAE,eAAe,aAAa,SAAS,eAAe,qBAAqB,OAAO,kBAAkB,EAAG;AAG7G,UAAM,SAAS,IAAI,KAAK;AAGxB,UAAM,sBAAsB,SAAS,MAAM;AACzC,aAAO,cAAc,MAClB,MAAK,EACL,KAAK,CAAC,GAAG,MAAM,IAAI,KAAK,EAAE,SAAS,IAAI,IAAI,KAAK,EAAE,SAAS,CAAC,EAC5D,MAAM,GAAG,MAAM,gBAAgB;AAAA,IACpC,CAAC;AAGD,UAAM,sBAAsB,MAAM;AAChC,aAAO,QAAQ,CAAC,OAAO;AAAA,IACzB;AAEA,UAAM,0BAA0B,CAAC,iBAAiB;AAChD,aAAO,QAAQ;AAEf,UAAI,aAAa,KAAK;AAEpB,gBAAQ,yBAAyB;AAAA,UAC/B,gBAAgB,aAAa;AAAA,UAC7B,GAAG,aAAa;AAAA,QACtB,CAAK;AAAA,MACL;AAAA,IACA;AAGA,UAAM,qBAAqB,CAAC,UAAU;AACpC,YAAM,YAAY,SAAS,cAAc,+BAA+B;AACxE,UAAI,aAAa,CAAC,UAAU,SAAS,MAAM,MAAM,GAAG;AAClD,eAAO,QAAQ;AAAA,MACnB;AAAA,IACA;AAGA,cAAU,MAAM;AACd,eAAS,iBAAiB,SAAS,kBAAkB;AAGrD,YAAM,SAASA,MAAW,KAAK;AAC/B,UAAI,QAAQ;AACV,yBAAiB,MAAM;AAAA,MAC3B;AAAA,IACA,CAAC;AAED,gBAAY,MAAM;AAChB,eAAS,oBAAoB,SAAS,kBAAkB;AAAA,IAC1D,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NotificationBadge.vue.js","sources":["../../../../../../../src/modules/notifications/components/elements/NotificationBadge.vue"],"sourcesContent":["<template>\n  <div class=\"notification-badge-container\">\n    <button \n      class=\"i-semi notification-button\"\n      @click=\"toggleNotifications\"\n      :aria-label=\"unreadCount > 0 ? `${unreadCount} unread notifications` : 'No unread notifications'\"\n    >\n      <IconBell class=\"notification-icon i-medium\" :fill=\"fill\"/>\n      <div  \n        v-if=\"unreadCount > 0\" \n        class=\"button-counter flex-center\"\n      >\n        <span>{{ unreadCount > 99 ? '99+' : unreadCount }}</span>\n      </div>\n    </button>\n    \n    <Popup\n      title=\"Notifications\"\n      @close-popup=\"closeNotifications\"\n      :isPopupOpen=\"isOpen\"\n      align=\"center right\"\n      class=\"bg-white h-min-100 w-100 w-max-30r pd-medium\"\n    >\n      <div class=\"cols-1 gap-thin o-y-scroll\">\n        <div v-if=\"loading\" class=\"notifications-loading\">\n          Loading...\n        </div>\n        \n        <div v-else-if=\"notifications.length === 0\" class=\"notifications-empty\">\n          No notifications\n        </div>\n        \n        <div v-else class=\"flex-column flex gap-thin\">\n          <notification-item \n            v-for=\"notification in recentNotifications\" \n            :key=\"notification._id\" \n            :notification=\"notification\"\n            @click=\"handleNotificationClick(notification)\"\n          />\n\n          <div class=\"flex-nowrap flex gap-thin\">\n            <button \n              v-if=\"unreadCount > 0\"\n              class=\"w-100 bg-second t-white radius-small  button\" \n              @click=\"markAllAsRead\"\n            >\n              Mark all read\n            </button>\n\n            <router-link class=\"w-100 bg-black t-white radius-small button\" to=\"/notifications\" @click=\"closeNotifications\">\n              View all \n            </router-link>\n          </div>\n\n        </div>\n\n      </div>\n    </Popup>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, inject } from 'vue';\nimport { useRouter } from 'vue-router';\n\nimport Popup from '@martyrs/src/components/Popup/Popup.vue';\n\nimport NotificationItem from '../blocks/NotificationItem.vue';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport IconBell from '@martyrs/src/modules/icons/entities/IconBell.vue';\n\nconst props = defineProps({\n  maxNotifications: {\n    type: Number,\n    default: 10\n  },\n  fill: {\n    type: String,\n    default: 'rgb(var(--white))'\n  }\n});\n\n// Get router and notification functionality\nconst router = useRouter();\nconst { notifications, unreadCount, loading, markAllAsRead, getNotifications } = inject('useNotifications')();\n\n// Local state\nconst isOpen = ref(false);\n\n// Computed properties\nconst recentNotifications = computed(() => {\n  return notifications.value\n    .slice()\n    .sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt))\n    .slice(0, props.maxNotifications);\n});\n\n// Methods\nconst toggleNotifications = () => {\n  isOpen.value = !isOpen.value;\n};\n\nconst closeNotifications = () => {\n  isOpen.value = false;\n};\n\nconst handleNotificationClick = (notification) => {\n  isOpen.value = false;\n  \n  if (notification._id) {\n    // Handle in store\n    actions.handleNotificationAction({\n      notificationId: notification._id,\n      ...notification.metadata\n    });\n  }\n};\n\n// Lifecycle hooks\nonMounted(() => {\n  // Load notifications when component mounts\n  const userId = auth.state.user._id;\n  if (userId) {\n    getNotifications(userId);\n  }\n});\n</script>\n\n<style scoped>\n.notification-badge-container {\n  position: relative;\n  display: inline-block;\n}\n\n.notification-button {\n  background: none;\n  border: none;\n  cursor: pointer;\n  position: relative;\n  font-size: 1.2rem;\n}\n\n.notification-icon {\n  font-size: 1.4rem;\n}\n\n.button-counter {\n  position: absolute;\n  right: -8px;\n  bottom: -8px;\n  background: rgb(var(--fourth));\n  color: rgb(var(--white));\n  height: 16px;\n  border-radius: 16px;\n  width: 16px;\n  font-weight: 500;\n  text-align: center;\n  line-height: 16px;\n  font-size: 10px;\n}\n\n\n.notifications-loading,\n.notifications-empty {\n  padding: 24px;\n  text-align: center;\n  color: rgb(var(--text-light));\n}\n</style>"],"names":["auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuEA,UAAM,QAAQ;AAYC,cAAS;AACxB,UAAM,EAAE,eAAe,aAAa,SAAS,eAAe,qBAAqB,OAAO,kBAAkB,EAAG;AAG7G,UAAM,SAAS,IAAI,KAAK;AAGxB,UAAM,sBAAsB,SAAS,MAAM;AACzC,aAAO,cAAc,MAClB,MAAK,EACL,KAAK,CAAC,GAAG,MAAM,IAAI,KAAK,EAAE,SAAS,IAAI,IAAI,KAAK,EAAE,SAAS,CAAC,EAC5D,MAAM,GAAG,MAAM,gBAAgB;AAAA,IACpC,CAAC;AAGD,UAAM,sBAAsB,MAAM;AAChC,aAAO,QAAQ,CAAC,OAAO;AAAA,IACzB;AAEA,UAAM,qBAAqB,MAAM;AAC/B,aAAO,QAAQ;AAAA,IACjB;AAEA,UAAM,0BAA0B,CAAC,iBAAiB;AAChD,aAAO,QAAQ;AAEf,UAAI,aAAa,KAAK;AAEpB,gBAAQ,yBAAyB;AAAA,UAC/B,gBAAgB,aAAa;AAAA,UAC7B,GAAG,aAAa;AAAA,QACtB,CAAK;AAAA,MACL;AAAA,IACA;AAGA,cAAU,MAAM;AAEd,YAAM,SAASA,MAAW,KAAK;AAC/B,UAAI,QAAQ;AACV,yBAAiB,MAAM;AAAA,MAC3B;AAAA,IACA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/orders/components/pages/OrderBackoffice.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const Select = require("../../../../components/Select/Select.vue.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const IconTime = require("../../../icons/entities/IconTime.vue.cjs");

package/dist/martyrs/src/modules/orders/components/pages/OrderBackoffice.vue.js

@@ -1,6 +1,6 @@
 import { ref, onMounted, computed, createElementBlock, createCommentVNode, openBlock, createVNode, createElementVNode, createTextVNode, toDisplayString, Fragment, renderList, normalizeClass, withCtx, createBlock, unref } from "vue";
 import { useRouter, useRoute } from "vue-router";
-import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
 import Select from "../../../../components/Select/Select.vue.js";
 import _sfc_main$1 from "../../../../components/Popup/Popup.vue.js";
 import IconTime from "../../../icons/entities/IconTime.vue.js";

package/dist/martyrs/src/modules/orders/components/pages/OrderCreate.vue.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const CardOrderItem = require("../blocks/CardOrderItem.vue.cjs");
 const AskToLogin = require("../sections/AskToLogin.vue.cjs");
 const Succes = require("../sections/Succes.vue.cjs");

package/dist/martyrs/src/modules/orders/components/pages/OrderCreate.vue.js

@@ -1,5 +1,5 @@
 import { ref, computed, onMounted, watch, createElementBlock, openBlock, createBlock, createCommentVNode, createElementVNode, unref, toDisplayString, createVNode, Fragment, renderList, withCtx, createTextVNode } from "vue";
-import _sfc_main$9 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$9 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$7 from "../blocks/CardOrderItem.vue.js";
 import _sfc_main$1 from "../sections/AskToLogin.vue.js";
 import _sfc_main$3 from "../sections/Succes.vue.js";

package/dist/martyrs/src/modules/orders/components/pages/OrderCreateBackoffice.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const Tab = require("../../../../components/Tab/Tab.vue2.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const Block = require("../../../../components/Block/Block.vue.cjs");

package/dist/martyrs/src/modules/orders/components/pages/OrderCreateBackoffice.vue.js

@@ -1,6 +1,6 @@
 import { computed, ref, onMounted, createElementBlock, openBlock, createVNode, createBlock, createCommentVNode, withCtx, createElementVNode, createTextVNode, unref, Fragment, renderList, normalizeClass, toDisplayString } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$3 from "../../../../components/Tab/Tab.vue2.js";
 import _sfc_main$4 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";

package/dist/martyrs/src/modules/orders/components/sections/FormAddCustomer.vue.cjs

@@ -5,7 +5,7 @@ const vueRouter = require("vue-router");
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const clickOutside = require("../../../../components/FieldPhone/click-outside.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const BlockSearch = require("../../../globals/views/components/blocks/BlockSearch.vue.cjs");
 const CardUser = require("../../../auth/views/components/blocks/CardUser.vue.cjs");
 const FormCustomerDetails = require("./FormCustomerDetails.vue.cjs");

package/dist/martyrs/src/modules/orders/components/sections/FormAddCustomer.vue.js

@@ -3,7 +3,7 @@ import { useRoute } from "vue-router";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
 import clickOutside from "../../../../components/FieldPhone/click-outside.js";
 import _sfc_main$4 from "../../../../components/Feed/Feed.vue.js";
-import _sfc_main$6 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$6 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$2 from "../../../globals/views/components/blocks/BlockSearch.vue.js";
 import _sfc_main$3 from "../../../auth/views/components/blocks/CardUser.vue.js";
 import _sfc_main$5 from "./FormCustomerDetails.vue.js";

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 require("../../../auth/views/store/auth.cjs");
 const memberships = require("../../store/memberships.cjs");
 const _sfc_main = {

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

@@ -1,5 +1,5 @@
 import { createBlock, openBlock, withCtx, createTextVNode, toDisplayString } from "vue";
-import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
 import "../../../auth/views/store/auth.js";
 import { actions } from "../../store/memberships.js";
 const _sfc_main = {

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

@@ -13,7 +13,7 @@ require("../../../../../../node_modules/.pnpm/@googlemaps_js-api-loader@1.16.8/n
 ;/* empty css                                           */
 ;/* empty css                                         */
 ;/* empty css                                                         */
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");

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

@@ -11,7 +11,7 @@ import "../../../../../../node_modules/.pnpm/@googlemaps_js-api-loader@1.16.8/no
 /* empty css                                         */
 /* empty css                                       */
 /* empty css                                                       */
-import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$6 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$2 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$7 from "../../../../components/Feed/Feed.vue.js";

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

@@ -8,7 +8,7 @@ const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const Popup = require("../../../../components/Popup/Popup.vue.cjs");
 const SectionPageTitle = require("../../../globals/views/components/sections/SectionPageTitle.vue.cjs");
 const MembersAdd = require("../sections/MembersAdd.vue.cjs");
-;/* empty css                                      */
+;/* empty css                                     */
 require("../../../../components/Menu/MenuItem.vue.cjs");
 const CardUser = require("../../../auth/views/components/blocks/CardUser.vue.cjs");
 const CardDepartment = require("../blocks/CardDepartment.vue.cjs");

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

@@ -6,7 +6,7 @@ import _sfc_main$4 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$2 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$1 from "../../../globals/views/components/sections/SectionPageTitle.vue.js";
 import _sfc_main$3 from "../sections/MembersAdd.vue.js";
-/* empty css                                    */
+/* empty css                                   */
 import "../../../../components/Menu/MenuItem.vue.js";
 import _sfc_main$5 from "../../../auth/views/components/blocks/CardUser.vue.js";
 import CardDepartment from "../blocks/CardDepartment.vue.js";

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

@@ -8,7 +8,7 @@ const Tab = require("../../../../components/Tab/Tab.vue2.cjs");
 const Block = require("../../../../components/Block/Block.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const CardBlogpost = require("../../../community/components/blocks/CardBlogpost.vue.cjs");
-;/* empty css                                      */
+;/* empty css                                     */
 require("../../../../components/Menu/MenuItem.vue.cjs");
 const DetailsTabSection = require("../sections/DetailsTabSection.vue.cjs");
 const Feed$1 = require("../../../events/components/sections/Feed.vue.cjs");

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

@@ -6,7 +6,7 @@ import _sfc_main$2 from "../../../../components/Tab/Tab.vue2.js";
 import _sfc_main$7 from "../../../../components/Block/Block.vue.js";
 import _sfc_main$3 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$4 from "../../../community/components/blocks/CardBlogpost.vue.js";
-/* empty css                                    */
+/* empty css                                   */
 import "../../../../components/Menu/MenuItem.vue.js";
 import _sfc_main$1 from "../sections/DetailsTabSection.vue.js";
 import _sfc_main$5 from "../../../events/components/sections/Feed.vue.js";

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
-const Menu = require("../../../../components/Menu/Menu.vue.cjs");
+const Menu = require("../../../../components/Menu/Menu.vue2.cjs");
 const MenuItem = require("../../../../components/Menu/MenuItem.vue.cjs");
 ;/* empty css                                                   */
 const IconProducts = require("../../../icons/entities/IconProducts.vue.cjs");

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

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

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

@@ -9,7 +9,7 @@ const BlockTags = require("../../../../components/FieldTags/BlockTags.vue.cjs");
 const Field = require("../../../../components/Field/Field.vue.cjs");
 const SelectMulti = require("../../../../components/SelectMulti/SelectMulti.vue2.cjs");
 const UploadImage = require("../../../../components/UploadImage/UploadImage.vue.cjs");
-const Button = require("../../../../components/Button/Button.vue2.cjs");
+const Button = require("../../../../components/Button/Button.vue.cjs");
 ;/* empty css                                        */
 const auth = require("../../../auth/views/store/auth.cjs");
 const organizations = require("../../store/organizations.cjs");

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

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

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

@@ -6,7 +6,7 @@ const Field = require("../../../../components/Field/Field.vue.cjs");
 ;/* empty css                                        */
 ;/* empty css                                         */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
-;/* empty css                                         */
+;/* empty css                                          */
 const _hoisted_1 = { class: "documents" };
 const _hoisted_2 = { class: "mn-b-big cols-4" };
 const _hoisted_3 = ["onClick"];

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

@@ -4,7 +4,7 @@ import Field from "../../../../components/Field/Field.vue.js";
 /* empty css                                      */
 /* empty css                                       */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
-/* empty css                                       */
+/* empty css                                        */
 const _hoisted_1 = { class: "documents" };
 const _hoisted_2 = { class: "mn-b-big cols-4" };
 const _hoisted_3 = ["onClick"];