@ozdao/martyrs 0.2.491 → 0.2.493

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

@@ -6,6 +6,7 @@ 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");
+;/* empty css                         */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
 const _hoisted_1 = { class: "notification-badge-container" };
 const _hoisted_2 = ["aria-label"];

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 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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 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,cAAAA,UAAS;AACxB,UAAM,EAAE,eAAe,aAAa,SAAS,eAAe,qBAAqBC,IAAAA,OAAO,kBAAkB,EAAC;AAG3G,UAAM,SAASC,IAAAA,IAAI,KAAK;AAGxB,UAAM,sBAAsBC,IAAAA,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,MACH;AAAA,IACF;AAGAC,QAAAA,UAAU,MAAM;AAEd,YAAM,SAASC,WAAW,KAAK;AAC/B,UAAI,QAAQ;AACV,yBAAiB,MAAM;AAAA,MACzB;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -4,6 +4,7 @@ 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";
+/* empty css                       */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "notification-badge-container" };
 const _hoisted_2 = ["aria-label"];

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 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"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 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,EAAC;AAG3G,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,MACH;AAAA,IACF;AAGA,cAAU,MAAM;AAEd,YAAM,SAASA,MAAW,KAAK;AAC/B,UAAI,QAAQ;AACV,yBAAiB,MAAM;AAAA,MACzB;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/notifications/components/layouts/NotificationsLayout.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationsLayout.vue.cjs","sources":["../../../../../../../src/modules/notifications/components/layouts/NotificationsLayout.vue"],"sourcesContent":["<template>\n  <div class=\"notifications-layout\">\n    <div class=\"\">\n      <router-view></router-view>\n    </div>\n    \n    <div v-if=\"!wsConnected\" class=\"connection-status\">\n      <div class=\"connection-warning\">\n        <span class=\"warning-icon\">⚠️</span>\n        <span class=\"warning-text\">\n          Notification service disconnected. \n          <button @click=\"reconnect\" class=\"reconnect-btn\">Reconnect</button>\n        </span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed, inject, ref, onMounted, onUnmounted } from 'vue';\nimport globalWebSocket from '@martyrs/src/modules/globals/views/classes/globals.websocket.js';\n\n// Get notification manager from store\nconst store = inject('store');\n\nconst notificationManager = computed(() => store.notificationManager || null);\n\n// Реактивное состояние WebSocket\nconst wsConnected = ref(globalWebSocket.isConnected);\n\n// ID слушателей для очистки\nconst openListenerId = ref(null);\nconst closeListenerId = ref(null);\n\nonMounted(() => {\n  // Подписываемся на события WebSocket\n  openListenerId.value = globalWebSocket.addEventListener('open', () => {\n    wsConnected.value = true;\n  });\n  \n  closeListenerId.value = globalWebSocket.addEventListener('close', () => {\n    wsConnected.value = false;\n  });\n  \n  // Устанавливаем начальное состояние\n  wsConnected.value = globalWebSocket.isConnected;\n});\n\nonUnmounted(() => {\n  // Очищаем слушатели\n  if (openListenerId.value) {\n    globalWebSocket.removeEventListener('open', openListenerId.value);\n  }\n  if (closeListenerId.value) {\n    globalWebSocket.removeEventListener('close', closeListenerId.value);\n  }\n});\n\n\n// Methods\nconst reconnect = () => {\n  if (notificationManager.value) {\n    notificationManager.value.initialize();\n  }\n};\n</script>\n\n<style scoped>\n</style>"],"names":["inject","computed","ref","globalWebSocket","onMounted","onUnmounted"],"mappings":";;;;;;;;;;;;;AAuBA,UAAM,QAAQA,IAAM,OAAC,OAAO;AAE5B,UAAM,sBAAsBC,IAAAA,SAAS,MAAM,MAAM,uBAAuB,IAAI;AAG5E,UAAM,cAAcC,IAAAA,IAAIC,kBAAe,QAAC,WAAW;AAGnD,UAAM,iBAAiBD,IAAG,IAAC,IAAI;AAC/B,UAAM,kBAAkBA,IAAG,IAAC,IAAI;AAEhCE,QAAAA,UAAU,MAAM;AAEd,qBAAe,QAAQD,kBAAAA,QAAgB,iBAAiB,QAAQ,MAAM;AACpE,oBAAY,QAAQ;AAAA,MACxB,CAAG;AAED,sBAAgB,QAAQA,kBAAAA,QAAgB,iBAAiB,SAAS,MAAM;AACtE,oBAAY,QAAQ;AAAA,MACxB,CAAG;AAGD,kBAAY,QAAQA,kBAAAA,QAAgB;AAAA,IACtC,CAAC;AAEDE,QAAAA,YAAY,MAAM;AAEhB,UAAI,eAAe,OAAO;AACxBF,0BAAAA,QAAgB,oBAAoB,QAAQ,eAAe,KAAK;AAAA,MACpE;AACE,UAAI,gBAAgB,OAAO;AACzBA,0BAAAA,QAAgB,oBAAoB,SAAS,gBAAgB,KAAK;AAAA,MACtE;AAAA,IACA,CAAC;AAID,UAAM,YAAY,MAAM;AACtB,UAAI,oBAAoB,OAAO;AAC7B,4BAAoB,MAAM,WAAY;AAAA,MAC1C;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NotificationsLayout.vue.cjs","sources":["../../../../../../../src/modules/notifications/components/layouts/NotificationsLayout.vue"],"sourcesContent":["<template>\n  <div class=\"notifications-layout\">\n    <div class=\"\">\n      <router-view></router-view>\n    </div>\n    \n    <div v-if=\"!wsConnected\" class=\"connection-status\">\n      <div class=\"connection-warning\">\n        <span class=\"warning-icon\">⚠️</span>\n        <span class=\"warning-text\">\n          Notification service disconnected. \n          <button @click=\"reconnect\" class=\"reconnect-btn\">Reconnect</button>\n        </span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed, inject, ref, onMounted, onUnmounted } from 'vue';\nimport globalWebSocket from '@martyrs/src/modules/globals/views/classes/globals.websocket.js';\n\n// Get notification manager from store\nconst store = inject('store');\n\nconst notificationManager = computed(() => store.notificationManager || null);\n\n// Реактивное состояние WebSocket\nconst wsConnected = ref(globalWebSocket.isConnected);\n\n// ID слушателей для очистки\nconst openListenerId = ref(null);\nconst closeListenerId = ref(null);\n\nonMounted(() => {\n  // Подписываемся на события WebSocket\n  openListenerId.value = globalWebSocket.addEventListener('open', () => {\n    wsConnected.value = true;\n  });\n  \n  closeListenerId.value = globalWebSocket.addEventListener('close', () => {\n    wsConnected.value = false;\n  });\n  \n  // Устанавливаем начальное состояние\n  wsConnected.value = globalWebSocket.isConnected;\n});\n\nonUnmounted(() => {\n  // Очищаем слушатели\n  if (openListenerId.value) {\n    globalWebSocket.removeEventListener('open', openListenerId.value);\n  }\n  if (closeListenerId.value) {\n    globalWebSocket.removeEventListener('close', closeListenerId.value);\n  }\n});\n\n\n// Methods\nconst reconnect = () => {\n  if (notificationManager.value) {\n    notificationManager.value.initialize();\n  }\n};\n</script>\n\n<style scoped>\n</style>"],"names":["inject","computed","ref","globalWebSocket","onMounted","onUnmounted"],"mappings":";;;;;;;;;;;;;AAuBA,UAAM,QAAQA,IAAAA,OAAO,OAAO;AAE5B,UAAM,sBAAsBC,IAAAA,SAAS,MAAM,MAAM,uBAAuB,IAAI;AAG5E,UAAM,cAAcC,IAAAA,IAAIC,kBAAAA,QAAgB,WAAW;AAGnD,UAAM,iBAAiBD,IAAAA,IAAI,IAAI;AAC/B,UAAM,kBAAkBA,IAAAA,IAAI,IAAI;AAEhCE,QAAAA,UAAU,MAAM;AAEd,qBAAe,QAAQD,kBAAAA,QAAgB,iBAAiB,QAAQ,MAAM;AACpE,oBAAY,QAAQ;AAAA,MACtB,CAAC;AAED,sBAAgB,QAAQA,kBAAAA,QAAgB,iBAAiB,SAAS,MAAM;AACtE,oBAAY,QAAQ;AAAA,MACtB,CAAC;AAGD,kBAAY,QAAQA,kBAAAA,QAAgB;AAAA,IACtC,CAAC;AAEDE,QAAAA,YAAY,MAAM;AAEhB,UAAI,eAAe,OAAO;AACxBF,0BAAAA,QAAgB,oBAAoB,QAAQ,eAAe,KAAK;AAAA,MAClE;AACA,UAAI,gBAAgB,OAAO;AACzBA,0BAAAA,QAAgB,oBAAoB,SAAS,gBAAgB,KAAK;AAAA,MACpE;AAAA,IACF,CAAC;AAID,UAAM,YAAY,MAAM;AACtB,UAAI,oBAAoB,OAAO;AAC7B,4BAAoB,MAAM,WAAU;AAAA,MACtC;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/notifications/components/layouts/NotificationsLayout.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationsLayout.vue.js","sources":["../../../../../../../src/modules/notifications/components/layouts/NotificationsLayout.vue"],"sourcesContent":["<template>\n  <div class=\"notifications-layout\">\n    <div class=\"\">\n      <router-view></router-view>\n    </div>\n    \n    <div v-if=\"!wsConnected\" class=\"connection-status\">\n      <div class=\"connection-warning\">\n        <span class=\"warning-icon\">⚠️</span>\n        <span class=\"warning-text\">\n          Notification service disconnected. \n          <button @click=\"reconnect\" class=\"reconnect-btn\">Reconnect</button>\n        </span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed, inject, ref, onMounted, onUnmounted } from 'vue';\nimport globalWebSocket from '@martyrs/src/modules/globals/views/classes/globals.websocket.js';\n\n// Get notification manager from store\nconst store = inject('store');\n\nconst notificationManager = computed(() => store.notificationManager || null);\n\n// Реактивное состояние WebSocket\nconst wsConnected = ref(globalWebSocket.isConnected);\n\n// ID слушателей для очистки\nconst openListenerId = ref(null);\nconst closeListenerId = ref(null);\n\nonMounted(() => {\n  // Подписываемся на события WebSocket\n  openListenerId.value = globalWebSocket.addEventListener('open', () => {\n    wsConnected.value = true;\n  });\n  \n  closeListenerId.value = globalWebSocket.addEventListener('close', () => {\n    wsConnected.value = false;\n  });\n  \n  // Устанавливаем начальное состояние\n  wsConnected.value = globalWebSocket.isConnected;\n});\n\nonUnmounted(() => {\n  // Очищаем слушатели\n  if (openListenerId.value) {\n    globalWebSocket.removeEventListener('open', openListenerId.value);\n  }\n  if (closeListenerId.value) {\n    globalWebSocket.removeEventListener('close', closeListenerId.value);\n  }\n});\n\n\n// Methods\nconst reconnect = () => {\n  if (notificationManager.value) {\n    notificationManager.value.initialize();\n  }\n};\n</script>\n\n<style scoped>\n</style>"],"names":[],"mappings":";;;;;;;;;;;AAuBA,UAAM,QAAQ,OAAO,OAAO;AAE5B,UAAM,sBAAsB,SAAS,MAAM,MAAM,uBAAuB,IAAI;AAG5E,UAAM,cAAc,IAAI,gBAAgB,WAAW;AAGnD,UAAM,iBAAiB,IAAI,IAAI;AAC/B,UAAM,kBAAkB,IAAI,IAAI;AAEhC,cAAU,MAAM;AAEd,qBAAe,QAAQ,gBAAgB,iBAAiB,QAAQ,MAAM;AACpE,oBAAY,QAAQ;AAAA,MACxB,CAAG;AAED,sBAAgB,QAAQ,gBAAgB,iBAAiB,SAAS,MAAM;AACtE,oBAAY,QAAQ;AAAA,MACxB,CAAG;AAGD,kBAAY,QAAQ,gBAAgB;AAAA,IACtC,CAAC;AAED,gBAAY,MAAM;AAEhB,UAAI,eAAe,OAAO;AACxB,wBAAgB,oBAAoB,QAAQ,eAAe,KAAK;AAAA,MACpE;AACE,UAAI,gBAAgB,OAAO;AACzB,wBAAgB,oBAAoB,SAAS,gBAAgB,KAAK;AAAA,MACtE;AAAA,IACA,CAAC;AAID,UAAM,YAAY,MAAM;AACtB,UAAI,oBAAoB,OAAO;AAC7B,4BAAoB,MAAM,WAAY;AAAA,MAC1C;AAAA,IACA;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NotificationsLayout.vue.js","sources":["../../../../../../../src/modules/notifications/components/layouts/NotificationsLayout.vue"],"sourcesContent":["<template>\n  <div class=\"notifications-layout\">\n    <div class=\"\">\n      <router-view></router-view>\n    </div>\n    \n    <div v-if=\"!wsConnected\" class=\"connection-status\">\n      <div class=\"connection-warning\">\n        <span class=\"warning-icon\">⚠️</span>\n        <span class=\"warning-text\">\n          Notification service disconnected. \n          <button @click=\"reconnect\" class=\"reconnect-btn\">Reconnect</button>\n        </span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed, inject, ref, onMounted, onUnmounted } from 'vue';\nimport globalWebSocket from '@martyrs/src/modules/globals/views/classes/globals.websocket.js';\n\n// Get notification manager from store\nconst store = inject('store');\n\nconst notificationManager = computed(() => store.notificationManager || null);\n\n// Реактивное состояние WebSocket\nconst wsConnected = ref(globalWebSocket.isConnected);\n\n// ID слушателей для очистки\nconst openListenerId = ref(null);\nconst closeListenerId = ref(null);\n\nonMounted(() => {\n  // Подписываемся на события WebSocket\n  openListenerId.value = globalWebSocket.addEventListener('open', () => {\n    wsConnected.value = true;\n  });\n  \n  closeListenerId.value = globalWebSocket.addEventListener('close', () => {\n    wsConnected.value = false;\n  });\n  \n  // Устанавливаем начальное состояние\n  wsConnected.value = globalWebSocket.isConnected;\n});\n\nonUnmounted(() => {\n  // Очищаем слушатели\n  if (openListenerId.value) {\n    globalWebSocket.removeEventListener('open', openListenerId.value);\n  }\n  if (closeListenerId.value) {\n    globalWebSocket.removeEventListener('close', closeListenerId.value);\n  }\n});\n\n\n// Methods\nconst reconnect = () => {\n  if (notificationManager.value) {\n    notificationManager.value.initialize();\n  }\n};\n</script>\n\n<style scoped>\n</style>"],"names":[],"mappings":";;;;;;;;;;;AAuBA,UAAM,QAAQ,OAAO,OAAO;AAE5B,UAAM,sBAAsB,SAAS,MAAM,MAAM,uBAAuB,IAAI;AAG5E,UAAM,cAAc,IAAI,gBAAgB,WAAW;AAGnD,UAAM,iBAAiB,IAAI,IAAI;AAC/B,UAAM,kBAAkB,IAAI,IAAI;AAEhC,cAAU,MAAM;AAEd,qBAAe,QAAQ,gBAAgB,iBAAiB,QAAQ,MAAM;AACpE,oBAAY,QAAQ;AAAA,MACtB,CAAC;AAED,sBAAgB,QAAQ,gBAAgB,iBAAiB,SAAS,MAAM;AACtE,oBAAY,QAAQ;AAAA,MACtB,CAAC;AAGD,kBAAY,QAAQ,gBAAgB;AAAA,IACtC,CAAC;AAED,gBAAY,MAAM;AAEhB,UAAI,eAAe,OAAO;AACxB,wBAAgB,oBAAoB,QAAQ,eAAe,KAAK;AAAA,MAClE;AACA,UAAI,gBAAgB,OAAO;AACzB,wBAAgB,oBAAoB,SAAS,gBAAgB,KAAK;AAAA,MACpE;AAAA,IACF,CAAC;AAID,UAAM,YAAY,MAAM;AACtB,UAAI,oBAAoB,OAAO;AAC7B,4BAAoB,MAAM,WAAU;AAAA,MACtC;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/notifications/components/pages/Notifications.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Notifications.vue.cjs","sources":["../../../../../../../src/modules/notifications/components/pages/Notifications.vue"],"sourcesContent":["<template>\n  <div class=\"notifications-page pd-small\">\n    <Tab\n      v-model:selected=\"activeTab\"\n      :tabs=\"[\n        { label: `All Notifications${unreadCount > 0 ? ` (${unreadCount})` : ''}`, value: 'all' },\n        { label: 'Notification Settings', value: 'preferences' }\n      ]\"\n      class=\"flex-child-default gap-micro scroll-hide bg-light radius-medium h-max pd-thin mn-b-thin o-x-scroll\"\n      classTab=\"bg-white\"\n    />\n    \n    <div class=\"tab-content\">\n      <notifications-list v-if=\"activeTab === 'all'\" />\n      <notification-preferences v-else-if=\"activeTab === 'preferences'\" />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, inject } from 'vue';\nimport { useRoute } from 'vue-router';\nimport Tab from \"@martyrs/src/components/Tab/Tab.vue\";\nimport NotificationsList from '../sections/NotificationsList.vue';\nimport NotificationPreferences from '../sections/NotificationPreferences.vue';\n\n// Get route and notification state\nconst route = useRoute();\nconst { unreadCount } = inject('useNotifications')();\n\n// Set initial active tab based on route query param or default to 'all'\nconst activeTab = ref(route.query.tab || 'all');\n</script>\n\n<style scoped>\n</style>"],"names":["useRoute","inject","ref"],"mappings":";;;;;;;;;;;;AA2BA,UAAM,QAAQA,UAAAA,SAAU;AACxB,UAAM,EAAE,YAAa,IAAGC,WAAO,kBAAkB,EAAG;AAGpD,UAAM,YAAYC,IAAAA,IAAI,MAAM,MAAM,OAAO,KAAK;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Notifications.vue.cjs","sources":["../../../../../../../src/modules/notifications/components/pages/Notifications.vue"],"sourcesContent":["<template>\n  <div class=\"notifications-page pd-small\">\n    <Tab\n      v-model:selected=\"activeTab\"\n      :tabs=\"[\n        { label: `All Notifications${unreadCount > 0 ? ` (${unreadCount})` : ''}`, value: 'all' },\n        { label: 'Notification Settings', value: 'preferences' }\n      ]\"\n      class=\"flex-child-default gap-micro scroll-hide bg-light radius-medium h-max pd-thin mn-b-thin o-x-scroll\"\n      classTab=\"bg-white\"\n    />\n    \n    <div class=\"tab-content\">\n      <notifications-list v-if=\"activeTab === 'all'\" />\n      <notification-preferences v-else-if=\"activeTab === 'preferences'\" />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, inject } from 'vue';\nimport { useRoute } from 'vue-router';\nimport Tab from \"@martyrs/src/components/Tab/Tab.vue\";\nimport NotificationsList from '../sections/NotificationsList.vue';\nimport NotificationPreferences from '../sections/NotificationPreferences.vue';\n\n// Get route and notification state\nconst route = useRoute();\nconst { unreadCount } = inject('useNotifications')();\n\n// Set initial active tab based on route query param or default to 'all'\nconst activeTab = ref(route.query.tab || 'all');\n</script>\n\n<style scoped>\n</style>"],"names":["useRoute","inject","ref"],"mappings":";;;;;;;;;;;;AA2BA,UAAM,QAAQA,UAAAA,SAAQ;AACtB,UAAM,EAAE,YAAW,IAAKC,WAAO,kBAAkB,EAAC;AAGlD,UAAM,YAAYC,IAAAA,IAAI,MAAM,MAAM,OAAO,KAAK;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/notifications/components/pages/Notifications.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notifications.vue.js","sources":["../../../../../../../src/modules/notifications/components/pages/Notifications.vue"],"sourcesContent":["<template>\n  <div class=\"notifications-page pd-small\">\n    <Tab\n      v-model:selected=\"activeTab\"\n      :tabs=\"[\n        { label: `All Notifications${unreadCount > 0 ? ` (${unreadCount})` : ''}`, value: 'all' },\n        { label: 'Notification Settings', value: 'preferences' }\n      ]\"\n      class=\"flex-child-default gap-micro scroll-hide bg-light radius-medium h-max pd-thin mn-b-thin o-x-scroll\"\n      classTab=\"bg-white\"\n    />\n    \n    <div class=\"tab-content\">\n      <notifications-list v-if=\"activeTab === 'all'\" />\n      <notification-preferences v-else-if=\"activeTab === 'preferences'\" />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, inject } from 'vue';\nimport { useRoute } from 'vue-router';\nimport Tab from \"@martyrs/src/components/Tab/Tab.vue\";\nimport NotificationsList from '../sections/NotificationsList.vue';\nimport NotificationPreferences from '../sections/NotificationPreferences.vue';\n\n// Get route and notification state\nconst route = useRoute();\nconst { unreadCount } = inject('useNotifications')();\n\n// Set initial active tab based on route query param or default to 'all'\nconst activeTab = ref(route.query.tab || 'all');\n</script>\n\n<style scoped>\n</style>"],"names":[],"mappings":";;;;;;;;;;AA2BA,UAAM,QAAQ,SAAU;AACxB,UAAM,EAAE,YAAa,IAAG,OAAO,kBAAkB,EAAG;AAGpD,UAAM,YAAY,IAAI,MAAM,MAAM,OAAO,KAAK;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Notifications.vue.js","sources":["../../../../../../../src/modules/notifications/components/pages/Notifications.vue"],"sourcesContent":["<template>\n  <div class=\"notifications-page pd-small\">\n    <Tab\n      v-model:selected=\"activeTab\"\n      :tabs=\"[\n        { label: `All Notifications${unreadCount > 0 ? ` (${unreadCount})` : ''}`, value: 'all' },\n        { label: 'Notification Settings', value: 'preferences' }\n      ]\"\n      class=\"flex-child-default gap-micro scroll-hide bg-light radius-medium h-max pd-thin mn-b-thin o-x-scroll\"\n      classTab=\"bg-white\"\n    />\n    \n    <div class=\"tab-content\">\n      <notifications-list v-if=\"activeTab === 'all'\" />\n      <notification-preferences v-else-if=\"activeTab === 'preferences'\" />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, inject } from 'vue';\nimport { useRoute } from 'vue-router';\nimport Tab from \"@martyrs/src/components/Tab/Tab.vue\";\nimport NotificationsList from '../sections/NotificationsList.vue';\nimport NotificationPreferences from '../sections/NotificationPreferences.vue';\n\n// Get route and notification state\nconst route = useRoute();\nconst { unreadCount } = inject('useNotifications')();\n\n// Set initial active tab based on route query param or default to 'all'\nconst activeTab = ref(route.query.tab || 'all');\n</script>\n\n<style scoped>\n</style>"],"names":[],"mappings":";;;;;;;;;;AA2BA,UAAM,QAAQ,SAAQ;AACtB,UAAM,EAAE,YAAW,IAAK,OAAO,kBAAkB,EAAC;AAGlD,UAAM,YAAY,IAAI,MAAM,MAAM,OAAO,KAAK;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/notifications/components/sections/NotificationPreferences.vue.cjs

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
+;/* empty css                               */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
 const _hoisted_1 = { class: "notification-preferences" };
 const _hoisted_2 = {

package/dist/martyrs/src/modules/notifications/components/sections/NotificationPreferences.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationPreferences.vue.cjs","sources":["../../../../../../../src/modules/notifications/components/sections/NotificationPreferences.vue"],"sourcesContent":["<template>\n  <div class=\"notification-preferences\">\n    <h2 class=\"mn-b-small\">Notification Preferences</h2>\n    <p class=\"description\">Choose how you want to receive notifications</p>\n    \n    <div v-if=\"loading\" class=\"preferences-loading\">\n      <div class=\"loading-spinner\">🔄</div>\n      <p>Loading preferences...</p>\n    </div>\n    \n    <div v-else class=\"preferences-form\">\n      <div \n        v-for=\"(enabled, channelType) in preferences\" \n        :key=\"channelType\" \n        class=\"preference-item\"\n      >\n        <div class=\"preference-info\">\n          <div class=\"preference-icon\">{{ getChannelIcon(channelType) }}</div>\n          <div class=\"preference-details\">\n            <h3>{{ getChannelName(channelType) }}</h3>\n            <p>{{ getChannelDescription(channelType) }}</p>\n          </div>\n        </div>\n        <label class=\"toggle-switch\">\n          <input\n            type=\"checkbox\"\n            :checked=\"enabled\"\n            @change=\"updatePreference(channelType, $event.target.checked)\"\n          >\n          <span class=\"toggle-slider\"></span>\n        </label>\n      </div>\n      \n      <div class=\"form-actions\">\n        <button \n          class=\"save-btn\" \n          :disabled=\"!hasChanges || saving\" \n          @click=\"savePreferences\"\n        >\n          {{ saving ? 'Saving...' : 'Save Changes' }}\n        </button>\n        <button \n          v-if=\"hasChanges\" \n          class=\"cancel-btn\" \n          @click=\"resetChanges\"\n        >\n          Cancel\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, reactive, computed, onMounted, inject } from 'vue';\n\n// Get notification preferences functionality\nconst { \n  preferences: storePreferences,\n  loading,\n  getPreferences,\n  updatePreferences\n} = inject('useNotifications')();\n\n// Local reactive state for form\nconst preferences = reactive({...storePreferences.value});\nconst originalPreferences = ref({});\nconst saving = ref(false);\n\n// Computed properties\nconst hasChanges = computed(() => {\n  return Object.keys(preferences).some(key => \n    preferences[key] !== originalPreferences.value[key]\n  );\n});\n\n// Methods\nconst updatePreference = (channelType, value) => {\n  preferences[channelType] = value;\n};\n\nconst savePreferences = async () => {\n  try {\n    saving.value = true;\n    await updatePreferences(preferences);\n    originalPreferences.value = {...preferences};\n    saving.value = false;\n  } catch (error) {\n    console.error('Error saving preferences:', error);\n    saving.value = false;\n  }\n};\n\nconst resetChanges = () => {\n  Object.keys(preferences).forEach(key => {\n    preferences[key] = originalPreferences.value[key];\n  });\n};\n\nconst getChannelIcon = (channelType) => {\n  switch (channelType) {\n    case 'web': return '🖥️';\n    case 'push': return '📱';\n    case 'email': return '📧';\n    case 'sms': return '📱';\n    case 'telegram': return '📬';\n    case 'whatsapp': return '💬';\n    default: return '🔔';\n  }\n};\n\nconst getChannelName = (channelType) => {\n  switch (channelType) {\n    case 'web': return 'Web Notifications';\n    case 'push': return 'Mobile Push Notifications';\n    case 'email': return 'Email Notifications';\n    case 'sms': return 'SMS Notifications';\n    case 'telegram': return 'Telegram Messages';\n    case 'whatsapp': return 'WhatsApp Messages';\n    default: return channelType;\n  }\n};\n\nconst getChannelDescription = (channelType) => {\n  switch (channelType) {\n    case 'web': \n      return 'Real-time notifications in your browser';\n    case 'push': \n      return 'Notifications on your mobile device even when the app is closed';\n    case 'email': \n      return 'Receive notifications in your email inbox';\n    case 'sms': \n      return 'Get text messages for important notifications';\n    case 'telegram': \n      return 'Receive notifications via Telegram bot';\n    case 'whatsapp': \n      return 'Get notifications as WhatsApp messages';\n    default: \n      return '';\n  }\n};\n\n// Lifecycle\nonMounted(async () => {\n  await getPreferences();\n  \n  // Copy store preferences to local state\n  Object.keys(storePreferences.value).forEach(key => {\n    preferences[key] = storePreferences.value[key];\n  });\n  \n  // Create a deep copy of the original preferences\n  originalPreferences.value = {...preferences};\n});\n</script>\n\n<style scoped>\n\n.description {\n  color: #666;\n  margin-bottom: 24px;\n}\n\n.preferences-loading {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 48px 0;\n}\n\n.loading-spinner {\n  font-size: 2rem;\n  margin-bottom: 16px;\n  animation: spin 2s linear infinite;\n}\n\n@keyframes spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n.preference-item {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px;\n  border-bottom: 1px solid #eee;\n}\n\n.preference-item:last-child {\n  border-bottom: none;\n}\n\n.preference-info {\n  display: flex;\n  align-items: center;\n  flex: 1;\n}\n\n.preference-icon {\n  font-size: 1.5rem;\n  margin-right: 16px;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.preference-details h3 {\n  margin: 0 0 4px 0;\n  font-size: 1rem;\n}\n\n.preference-details p {\n  margin: 0;\n  color: #666;\n  font-size: 0.875rem;\n}\n\n/* Toggle switch styles */\n.toggle-switch {\n  position: relative;\n  display: inline-block;\n  width: 50px;\n  height: 24px;\n}\n\n.toggle-switch input {\n  opacity: 0;\n  width: 0;\n  height: 0;\n}\n\n.toggle-slider {\n  position: absolute;\n  cursor: pointer;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: #ccc;\n  transition: .4s;\n  border-radius: 24px;\n}\n\n.toggle-slider:before {\n  position: absolute;\n  content: \"\";\n  height: 16px;\n  width: 16px;\n  left: 4px;\n  bottom: 4px;\n  background-color: white;\n  transition: .4s;\n  border-radius: 50%;\n}\n\ninput:checked + .toggle-slider {\n  background-color: #2196F3;\n}\n\ninput:checked + .toggle-slider:before {\n  transform: translateX(26px);\n}\n\n.form-actions {\n  margin-top: 24px;\n  display: flex;\n  justify-content: flex-end;\n  gap: 16px;\n}\n\n.save-btn, .cancel-btn {\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n\n.save-btn {\n  background-color: #2196F3;\n  border: none;\n  color: white;\n}\n\n.save-btn:disabled {\n  background-color: #ccc;\n  cursor: not-allowed;\n}\n\n.cancel-btn {\n  background-color: white;\n  border: 1px solid #ccc;\n}\n</style>"],"names":["inject","reactive","ref","computed","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAyDA,UAAM;AAAA,MACJ,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAIA,IAAAA,OAAO,kBAAkB,EAAG;AAGhC,UAAM,cAAcC,IAAAA,SAAS,EAAC,GAAG,iBAAiB,MAAK,CAAC;AACxD,UAAM,sBAAsBC,IAAG,IAAC,EAAE;AAClC,UAAM,SAASA,IAAG,IAAC,KAAK;AAGxB,UAAM,aAAaC,IAAQ,SAAC,MAAM;AAChC,aAAO,OAAO,KAAK,WAAW,EAAE;AAAA,QAAK,SACnC,YAAY,GAAG,MAAM,oBAAoB,MAAM,GAAG;AAAA,MACnD;AAAA,IACH,CAAC;AAGD,UAAM,mBAAmB,CAAC,aAAa,UAAU;AAC/C,kBAAY,WAAW,IAAI;AAAA,IAC7B;AAEA,UAAM,kBAAkB,YAAY;AAClC,UAAI;AACF,eAAO,QAAQ;AACf,cAAM,kBAAkB,WAAW;AACnC,4BAAoB,QAAQ,EAAC,GAAG,YAAW;AAC3C,eAAO,QAAQ;AAAA,MAChB,SAAQ,OAAO;AACd,gBAAQ,MAAM,6BAA6B,KAAK;AAChD,eAAO,QAAQ;AAAA,MACnB;AAAA,IACA;AAEA,UAAM,eAAe,MAAM;AACzB,aAAO,KAAK,WAAW,EAAE,QAAQ,SAAO;AACtC,oBAAY,GAAG,IAAI,oBAAoB,MAAM,GAAG;AAAA,MACpD,CAAG;AAAA,IACH;AAEA,UAAM,iBAAiB,CAAC,gBAAgB;AACtC,cAAQ,aAAW;AAAA,QACjB,KAAK;AAAO,iBAAO;AAAA,QACnB,KAAK;AAAQ,iBAAO;AAAA,QACpB,KAAK;AAAS,iBAAO;AAAA,QACrB,KAAK;AAAO,iBAAO;AAAA,QACnB,KAAK;AAAY,iBAAO;AAAA,QACxB,KAAK;AAAY,iBAAO;AAAA,QACxB;AAAS,iBAAO;AAAA,MACpB;AAAA,IACA;AAEA,UAAM,iBAAiB,CAAC,gBAAgB;AACtC,cAAQ,aAAW;AAAA,QACjB,KAAK;AAAO,iBAAO;AAAA,QACnB,KAAK;AAAQ,iBAAO;AAAA,QACpB,KAAK;AAAS,iBAAO;AAAA,QACrB,KAAK;AAAO,iBAAO;AAAA,QACnB,KAAK;AAAY,iBAAO;AAAA,QACxB,KAAK;AAAY,iBAAO;AAAA,QACxB;AAAS,iBAAO;AAAA,MACpB;AAAA,IACA;AAEA,UAAM,wBAAwB,CAAC,gBAAgB;AAC7C,cAAQ,aAAW;AAAA,QACjB,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MACb;AAAA,IACA;AAGAC,QAAAA,UAAU,YAAY;AACpB,YAAM,eAAgB;AAGtB,aAAO,KAAK,iBAAiB,KAAK,EAAE,QAAQ,SAAO;AACjD,oBAAY,GAAG,IAAI,iBAAiB,MAAM,GAAG;AAAA,MACjD,CAAG;AAGD,0BAAoB,QAAQ,EAAC,GAAG,YAAW;AAAA,IAC7C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NotificationPreferences.vue.cjs","sources":["../../../../../../../src/modules/notifications/components/sections/NotificationPreferences.vue"],"sourcesContent":["<template>\n  <div class=\"notification-preferences\">\n    <h2 class=\"mn-b-small\">Notification Preferences</h2>\n    <p class=\"description\">Choose how you want to receive notifications</p>\n    \n    <div v-if=\"loading\" class=\"preferences-loading\">\n      <div class=\"loading-spinner\">🔄</div>\n      <p>Loading preferences...</p>\n    </div>\n    \n    <div v-else class=\"preferences-form\">\n      <div \n        v-for=\"(enabled, channelType) in preferences\" \n        :key=\"channelType\" \n        class=\"preference-item\"\n      >\n        <div class=\"preference-info\">\n          <div class=\"preference-icon\">{{ getChannelIcon(channelType) }}</div>\n          <div class=\"preference-details\">\n            <h3>{{ getChannelName(channelType) }}</h3>\n            <p>{{ getChannelDescription(channelType) }}</p>\n          </div>\n        </div>\n        <label class=\"toggle-switch\">\n          <input\n            type=\"checkbox\"\n            :checked=\"enabled\"\n            @change=\"updatePreference(channelType, $event.target.checked)\"\n          >\n          <span class=\"toggle-slider\"></span>\n        </label>\n      </div>\n      \n      <div class=\"form-actions\">\n        <button \n          class=\"save-btn\" \n          :disabled=\"!hasChanges || saving\" \n          @click=\"savePreferences\"\n        >\n          {{ saving ? 'Saving...' : 'Save Changes' }}\n        </button>\n        <button \n          v-if=\"hasChanges\" \n          class=\"cancel-btn\" \n          @click=\"resetChanges\"\n        >\n          Cancel\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, reactive, computed, onMounted, inject } from 'vue';\n\n// Get notification preferences functionality\nconst { \n  preferences: storePreferences,\n  loading,\n  getPreferences,\n  updatePreferences\n} = inject('useNotifications')();\n\n// Local reactive state for form\nconst preferences = reactive({...storePreferences.value});\nconst originalPreferences = ref({});\nconst saving = ref(false);\n\n// Computed properties\nconst hasChanges = computed(() => {\n  return Object.keys(preferences).some(key => \n    preferences[key] !== originalPreferences.value[key]\n  );\n});\n\n// Methods\nconst updatePreference = (channelType, value) => {\n  preferences[channelType] = value;\n};\n\nconst savePreferences = async () => {\n  try {\n    saving.value = true;\n    await updatePreferences(preferences);\n    originalPreferences.value = {...preferences};\n    saving.value = false;\n  } catch (error) {\n    console.error('Error saving preferences:', error);\n    saving.value = false;\n  }\n};\n\nconst resetChanges = () => {\n  Object.keys(preferences).forEach(key => {\n    preferences[key] = originalPreferences.value[key];\n  });\n};\n\nconst getChannelIcon = (channelType) => {\n  switch (channelType) {\n    case 'web': return '🖥️';\n    case 'push': return '📱';\n    case 'email': return '📧';\n    case 'sms': return '📱';\n    case 'telegram': return '📬';\n    case 'whatsapp': return '💬';\n    default: return '🔔';\n  }\n};\n\nconst getChannelName = (channelType) => {\n  switch (channelType) {\n    case 'web': return 'Web Notifications';\n    case 'push': return 'Mobile Push Notifications';\n    case 'email': return 'Email Notifications';\n    case 'sms': return 'SMS Notifications';\n    case 'telegram': return 'Telegram Messages';\n    case 'whatsapp': return 'WhatsApp Messages';\n    default: return channelType;\n  }\n};\n\nconst getChannelDescription = (channelType) => {\n  switch (channelType) {\n    case 'web': \n      return 'Real-time notifications in your browser';\n    case 'push': \n      return 'Notifications on your mobile device even when the app is closed';\n    case 'email': \n      return 'Receive notifications in your email inbox';\n    case 'sms': \n      return 'Get text messages for important notifications';\n    case 'telegram': \n      return 'Receive notifications via Telegram bot';\n    case 'whatsapp': \n      return 'Get notifications as WhatsApp messages';\n    default: \n      return '';\n  }\n};\n\n// Lifecycle\nonMounted(async () => {\n  await getPreferences();\n  \n  // Copy store preferences to local state\n  Object.keys(storePreferences.value).forEach(key => {\n    preferences[key] = storePreferences.value[key];\n  });\n  \n  // Create a deep copy of the original preferences\n  originalPreferences.value = {...preferences};\n});\n</script>\n\n<style scoped>\n\n.description {\n  color: #666;\n  margin-bottom: 24px;\n}\n\n.preferences-loading {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 48px 0;\n}\n\n.loading-spinner {\n  font-size: 2rem;\n  margin-bottom: 16px;\n  animation: spin 2s linear infinite;\n}\n\n@keyframes spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n.preference-item {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px;\n  border-bottom: 1px solid #eee;\n}\n\n.preference-item:last-child {\n  border-bottom: none;\n}\n\n.preference-info {\n  display: flex;\n  align-items: center;\n  flex: 1;\n}\n\n.preference-icon {\n  font-size: 1.5rem;\n  margin-right: 16px;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.preference-details h3 {\n  margin: 0 0 4px 0;\n  font-size: 1rem;\n}\n\n.preference-details p {\n  margin: 0;\n  color: #666;\n  font-size: 0.875rem;\n}\n\n/* Toggle switch styles */\n.toggle-switch {\n  position: relative;\n  display: inline-block;\n  width: 50px;\n  height: 24px;\n}\n\n.toggle-switch input {\n  opacity: 0;\n  width: 0;\n  height: 0;\n}\n\n.toggle-slider {\n  position: absolute;\n  cursor: pointer;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: #ccc;\n  transition: .4s;\n  border-radius: 24px;\n}\n\n.toggle-slider:before {\n  position: absolute;\n  content: \"\";\n  height: 16px;\n  width: 16px;\n  left: 4px;\n  bottom: 4px;\n  background-color: white;\n  transition: .4s;\n  border-radius: 50%;\n}\n\ninput:checked + .toggle-slider {\n  background-color: #2196F3;\n}\n\ninput:checked + .toggle-slider:before {\n  transform: translateX(26px);\n}\n\n.form-actions {\n  margin-top: 24px;\n  display: flex;\n  justify-content: flex-end;\n  gap: 16px;\n}\n\n.save-btn, .cancel-btn {\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n\n.save-btn {\n  background-color: #2196F3;\n  border: none;\n  color: white;\n}\n\n.save-btn:disabled {\n  background-color: #ccc;\n  cursor: not-allowed;\n}\n\n.cancel-btn {\n  background-color: white;\n  border: 1px solid #ccc;\n}\n</style>"],"names":["inject","reactive","ref","computed","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAyDA,UAAM;AAAA,MACJ,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAIA,IAAAA,OAAO,kBAAkB,EAAC;AAG9B,UAAM,cAAcC,IAAAA,SAAS,EAAC,GAAG,iBAAiB,MAAK,CAAC;AACxD,UAAM,sBAAsBC,IAAAA,IAAI,EAAE;AAClC,UAAM,SAASA,IAAAA,IAAI,KAAK;AAGxB,UAAM,aAAaC,IAAAA,SAAS,MAAM;AAChC,aAAO,OAAO,KAAK,WAAW,EAAE;AAAA,QAAK,SACnC,YAAY,GAAG,MAAM,oBAAoB,MAAM,GAAG;AAAA,MACtD;AAAA,IACA,CAAC;AAGD,UAAM,mBAAmB,CAAC,aAAa,UAAU;AAC/C,kBAAY,WAAW,IAAI;AAAA,IAC7B;AAEA,UAAM,kBAAkB,YAAY;AAClC,UAAI;AACF,eAAO,QAAQ;AACf,cAAM,kBAAkB,WAAW;AACnC,4BAAoB,QAAQ,EAAC,GAAG,YAAW;AAC3C,eAAO,QAAQ;AAAA,MACjB,SAAS,OAAO;AACd,gBAAQ,MAAM,6BAA6B,KAAK;AAChD,eAAO,QAAQ;AAAA,MACjB;AAAA,IACF;AAEA,UAAM,eAAe,MAAM;AACzB,aAAO,KAAK,WAAW,EAAE,QAAQ,SAAO;AACtC,oBAAY,GAAG,IAAI,oBAAoB,MAAM,GAAG;AAAA,MAClD,CAAC;AAAA,IACH;AAEA,UAAM,iBAAiB,CAAC,gBAAgB;AACtC,cAAQ,aAAW;AAAA,QACjB,KAAK;AAAO,iBAAO;AAAA,QACnB,KAAK;AAAQ,iBAAO;AAAA,QACpB,KAAK;AAAS,iBAAO;AAAA,QACrB,KAAK;AAAO,iBAAO;AAAA,QACnB,KAAK;AAAY,iBAAO;AAAA,QACxB,KAAK;AAAY,iBAAO;AAAA,QACxB;AAAS,iBAAO;AAAA,MACpB;AAAA,IACA;AAEA,UAAM,iBAAiB,CAAC,gBAAgB;AACtC,cAAQ,aAAW;AAAA,QACjB,KAAK;AAAO,iBAAO;AAAA,QACnB,KAAK;AAAQ,iBAAO;AAAA,QACpB,KAAK;AAAS,iBAAO;AAAA,QACrB,KAAK;AAAO,iBAAO;AAAA,QACnB,KAAK;AAAY,iBAAO;AAAA,QACxB,KAAK;AAAY,iBAAO;AAAA,QACxB;AAAS,iBAAO;AAAA,MACpB;AAAA,IACA;AAEA,UAAM,wBAAwB,CAAC,gBAAgB;AAC7C,cAAQ,aAAW;AAAA,QACjB,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MACb;AAAA,IACA;AAGAC,QAAAA,UAAU,YAAY;AACpB,YAAM,eAAc;AAGpB,aAAO,KAAK,iBAAiB,KAAK,EAAE,QAAQ,SAAO;AACjD,oBAAY,GAAG,IAAI,iBAAiB,MAAM,GAAG;AAAA,MAC/C,CAAC;AAGD,0BAAoB,QAAQ,EAAC,GAAG,YAAW;AAAA,IAC7C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/notifications/components/sections/NotificationPreferences.vue.js

@@ -1,4 +1,5 @@
 import { inject, reactive, ref, computed, onMounted, createElementBlock, openBlock, createElementVNode, unref, Fragment, renderList, toDisplayString, createCommentVNode } from "vue";
+/* empty css                             */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "notification-preferences" };
 const _hoisted_2 = {

package/dist/martyrs/src/modules/notifications/components/sections/NotificationPreferences.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationPreferences.vue.js","sources":["../../../../../../../src/modules/notifications/components/sections/NotificationPreferences.vue"],"sourcesContent":["<template>\n  <div class=\"notification-preferences\">\n    <h2 class=\"mn-b-small\">Notification Preferences</h2>\n    <p class=\"description\">Choose how you want to receive notifications</p>\n    \n    <div v-if=\"loading\" class=\"preferences-loading\">\n      <div class=\"loading-spinner\">🔄</div>\n      <p>Loading preferences...</p>\n    </div>\n    \n    <div v-else class=\"preferences-form\">\n      <div \n        v-for=\"(enabled, channelType) in preferences\" \n        :key=\"channelType\" \n        class=\"preference-item\"\n      >\n        <div class=\"preference-info\">\n          <div class=\"preference-icon\">{{ getChannelIcon(channelType) }}</div>\n          <div class=\"preference-details\">\n            <h3>{{ getChannelName(channelType) }}</h3>\n            <p>{{ getChannelDescription(channelType) }}</p>\n          </div>\n        </div>\n        <label class=\"toggle-switch\">\n          <input\n            type=\"checkbox\"\n            :checked=\"enabled\"\n            @change=\"updatePreference(channelType, $event.target.checked)\"\n          >\n          <span class=\"toggle-slider\"></span>\n        </label>\n      </div>\n      \n      <div class=\"form-actions\">\n        <button \n          class=\"save-btn\" \n          :disabled=\"!hasChanges || saving\" \n          @click=\"savePreferences\"\n        >\n          {{ saving ? 'Saving...' : 'Save Changes' }}\n        </button>\n        <button \n          v-if=\"hasChanges\" \n          class=\"cancel-btn\" \n          @click=\"resetChanges\"\n        >\n          Cancel\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, reactive, computed, onMounted, inject } from 'vue';\n\n// Get notification preferences functionality\nconst { \n  preferences: storePreferences,\n  loading,\n  getPreferences,\n  updatePreferences\n} = inject('useNotifications')();\n\n// Local reactive state for form\nconst preferences = reactive({...storePreferences.value});\nconst originalPreferences = ref({});\nconst saving = ref(false);\n\n// Computed properties\nconst hasChanges = computed(() => {\n  return Object.keys(preferences).some(key => \n    preferences[key] !== originalPreferences.value[key]\n  );\n});\n\n// Methods\nconst updatePreference = (channelType, value) => {\n  preferences[channelType] = value;\n};\n\nconst savePreferences = async () => {\n  try {\n    saving.value = true;\n    await updatePreferences(preferences);\n    originalPreferences.value = {...preferences};\n    saving.value = false;\n  } catch (error) {\n    console.error('Error saving preferences:', error);\n    saving.value = false;\n  }\n};\n\nconst resetChanges = () => {\n  Object.keys(preferences).forEach(key => {\n    preferences[key] = originalPreferences.value[key];\n  });\n};\n\nconst getChannelIcon = (channelType) => {\n  switch (channelType) {\n    case 'web': return '🖥️';\n    case 'push': return '📱';\n    case 'email': return '📧';\n    case 'sms': return '📱';\n    case 'telegram': return '📬';\n    case 'whatsapp': return '💬';\n    default: return '🔔';\n  }\n};\n\nconst getChannelName = (channelType) => {\n  switch (channelType) {\n    case 'web': return 'Web Notifications';\n    case 'push': return 'Mobile Push Notifications';\n    case 'email': return 'Email Notifications';\n    case 'sms': return 'SMS Notifications';\n    case 'telegram': return 'Telegram Messages';\n    case 'whatsapp': return 'WhatsApp Messages';\n    default: return channelType;\n  }\n};\n\nconst getChannelDescription = (channelType) => {\n  switch (channelType) {\n    case 'web': \n      return 'Real-time notifications in your browser';\n    case 'push': \n      return 'Notifications on your mobile device even when the app is closed';\n    case 'email': \n      return 'Receive notifications in your email inbox';\n    case 'sms': \n      return 'Get text messages for important notifications';\n    case 'telegram': \n      return 'Receive notifications via Telegram bot';\n    case 'whatsapp': \n      return 'Get notifications as WhatsApp messages';\n    default: \n      return '';\n  }\n};\n\n// Lifecycle\nonMounted(async () => {\n  await getPreferences();\n  \n  // Copy store preferences to local state\n  Object.keys(storePreferences.value).forEach(key => {\n    preferences[key] = storePreferences.value[key];\n  });\n  \n  // Create a deep copy of the original preferences\n  originalPreferences.value = {...preferences};\n});\n</script>\n\n<style scoped>\n\n.description {\n  color: #666;\n  margin-bottom: 24px;\n}\n\n.preferences-loading {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 48px 0;\n}\n\n.loading-spinner {\n  font-size: 2rem;\n  margin-bottom: 16px;\n  animation: spin 2s linear infinite;\n}\n\n@keyframes spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n.preference-item {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px;\n  border-bottom: 1px solid #eee;\n}\n\n.preference-item:last-child {\n  border-bottom: none;\n}\n\n.preference-info {\n  display: flex;\n  align-items: center;\n  flex: 1;\n}\n\n.preference-icon {\n  font-size: 1.5rem;\n  margin-right: 16px;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.preference-details h3 {\n  margin: 0 0 4px 0;\n  font-size: 1rem;\n}\n\n.preference-details p {\n  margin: 0;\n  color: #666;\n  font-size: 0.875rem;\n}\n\n/* Toggle switch styles */\n.toggle-switch {\n  position: relative;\n  display: inline-block;\n  width: 50px;\n  height: 24px;\n}\n\n.toggle-switch input {\n  opacity: 0;\n  width: 0;\n  height: 0;\n}\n\n.toggle-slider {\n  position: absolute;\n  cursor: pointer;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: #ccc;\n  transition: .4s;\n  border-radius: 24px;\n}\n\n.toggle-slider:before {\n  position: absolute;\n  content: \"\";\n  height: 16px;\n  width: 16px;\n  left: 4px;\n  bottom: 4px;\n  background-color: white;\n  transition: .4s;\n  border-radius: 50%;\n}\n\ninput:checked + .toggle-slider {\n  background-color: #2196F3;\n}\n\ninput:checked + .toggle-slider:before {\n  transform: translateX(26px);\n}\n\n.form-actions {\n  margin-top: 24px;\n  display: flex;\n  justify-content: flex-end;\n  gap: 16px;\n}\n\n.save-btn, .cancel-btn {\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n\n.save-btn {\n  background-color: #2196F3;\n  border: none;\n  color: white;\n}\n\n.save-btn:disabled {\n  background-color: #ccc;\n  cursor: not-allowed;\n}\n\n.cancel-btn {\n  background-color: white;\n  border: 1px solid #ccc;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAyDA,UAAM;AAAA,MACJ,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,OAAO,kBAAkB,EAAG;AAGhC,UAAM,cAAc,SAAS,EAAC,GAAG,iBAAiB,MAAK,CAAC;AACxD,UAAM,sBAAsB,IAAI,EAAE;AAClC,UAAM,SAAS,IAAI,KAAK;AAGxB,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,OAAO,KAAK,WAAW,EAAE;AAAA,QAAK,SACnC,YAAY,GAAG,MAAM,oBAAoB,MAAM,GAAG;AAAA,MACnD;AAAA,IACH,CAAC;AAGD,UAAM,mBAAmB,CAAC,aAAa,UAAU;AAC/C,kBAAY,WAAW,IAAI;AAAA,IAC7B;AAEA,UAAM,kBAAkB,YAAY;AAClC,UAAI;AACF,eAAO,QAAQ;AACf,cAAM,kBAAkB,WAAW;AACnC,4BAAoB,QAAQ,EAAC,GAAG,YAAW;AAC3C,eAAO,QAAQ;AAAA,MAChB,SAAQ,OAAO;AACd,gBAAQ,MAAM,6BAA6B,KAAK;AAChD,eAAO,QAAQ;AAAA,MACnB;AAAA,IACA;AAEA,UAAM,eAAe,MAAM;AACzB,aAAO,KAAK,WAAW,EAAE,QAAQ,SAAO;AACtC,oBAAY,GAAG,IAAI,oBAAoB,MAAM,GAAG;AAAA,MACpD,CAAG;AAAA,IACH;AAEA,UAAM,iBAAiB,CAAC,gBAAgB;AACtC,cAAQ,aAAW;AAAA,QACjB,KAAK;AAAO,iBAAO;AAAA,QACnB,KAAK;AAAQ,iBAAO;AAAA,QACpB,KAAK;AAAS,iBAAO;AAAA,QACrB,KAAK;AAAO,iBAAO;AAAA,QACnB,KAAK;AAAY,iBAAO;AAAA,QACxB,KAAK;AAAY,iBAAO;AAAA,QACxB;AAAS,iBAAO;AAAA,MACpB;AAAA,IACA;AAEA,UAAM,iBAAiB,CAAC,gBAAgB;AACtC,cAAQ,aAAW;AAAA,QACjB,KAAK;AAAO,iBAAO;AAAA,QACnB,KAAK;AAAQ,iBAAO;AAAA,QACpB,KAAK;AAAS,iBAAO;AAAA,QACrB,KAAK;AAAO,iBAAO;AAAA,QACnB,KAAK;AAAY,iBAAO;AAAA,QACxB,KAAK;AAAY,iBAAO;AAAA,QACxB;AAAS,iBAAO;AAAA,MACpB;AAAA,IACA;AAEA,UAAM,wBAAwB,CAAC,gBAAgB;AAC7C,cAAQ,aAAW;AAAA,QACjB,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MACb;AAAA,IACA;AAGA,cAAU,YAAY;AACpB,YAAM,eAAgB;AAGtB,aAAO,KAAK,iBAAiB,KAAK,EAAE,QAAQ,SAAO;AACjD,oBAAY,GAAG,IAAI,iBAAiB,MAAM,GAAG;AAAA,MACjD,CAAG;AAGD,0BAAoB,QAAQ,EAAC,GAAG,YAAW;AAAA,IAC7C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NotificationPreferences.vue.js","sources":["../../../../../../../src/modules/notifications/components/sections/NotificationPreferences.vue"],"sourcesContent":["<template>\n  <div class=\"notification-preferences\">\n    <h2 class=\"mn-b-small\">Notification Preferences</h2>\n    <p class=\"description\">Choose how you want to receive notifications</p>\n    \n    <div v-if=\"loading\" class=\"preferences-loading\">\n      <div class=\"loading-spinner\">🔄</div>\n      <p>Loading preferences...</p>\n    </div>\n    \n    <div v-else class=\"preferences-form\">\n      <div \n        v-for=\"(enabled, channelType) in preferences\" \n        :key=\"channelType\" \n        class=\"preference-item\"\n      >\n        <div class=\"preference-info\">\n          <div class=\"preference-icon\">{{ getChannelIcon(channelType) }}</div>\n          <div class=\"preference-details\">\n            <h3>{{ getChannelName(channelType) }}</h3>\n            <p>{{ getChannelDescription(channelType) }}</p>\n          </div>\n        </div>\n        <label class=\"toggle-switch\">\n          <input\n            type=\"checkbox\"\n            :checked=\"enabled\"\n            @change=\"updatePreference(channelType, $event.target.checked)\"\n          >\n          <span class=\"toggle-slider\"></span>\n        </label>\n      </div>\n      \n      <div class=\"form-actions\">\n        <button \n          class=\"save-btn\" \n          :disabled=\"!hasChanges || saving\" \n          @click=\"savePreferences\"\n        >\n          {{ saving ? 'Saving...' : 'Save Changes' }}\n        </button>\n        <button \n          v-if=\"hasChanges\" \n          class=\"cancel-btn\" \n          @click=\"resetChanges\"\n        >\n          Cancel\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, reactive, computed, onMounted, inject } from 'vue';\n\n// Get notification preferences functionality\nconst { \n  preferences: storePreferences,\n  loading,\n  getPreferences,\n  updatePreferences\n} = inject('useNotifications')();\n\n// Local reactive state for form\nconst preferences = reactive({...storePreferences.value});\nconst originalPreferences = ref({});\nconst saving = ref(false);\n\n// Computed properties\nconst hasChanges = computed(() => {\n  return Object.keys(preferences).some(key => \n    preferences[key] !== originalPreferences.value[key]\n  );\n});\n\n// Methods\nconst updatePreference = (channelType, value) => {\n  preferences[channelType] = value;\n};\n\nconst savePreferences = async () => {\n  try {\n    saving.value = true;\n    await updatePreferences(preferences);\n    originalPreferences.value = {...preferences};\n    saving.value = false;\n  } catch (error) {\n    console.error('Error saving preferences:', error);\n    saving.value = false;\n  }\n};\n\nconst resetChanges = () => {\n  Object.keys(preferences).forEach(key => {\n    preferences[key] = originalPreferences.value[key];\n  });\n};\n\nconst getChannelIcon = (channelType) => {\n  switch (channelType) {\n    case 'web': return '🖥️';\n    case 'push': return '📱';\n    case 'email': return '📧';\n    case 'sms': return '📱';\n    case 'telegram': return '📬';\n    case 'whatsapp': return '💬';\n    default: return '🔔';\n  }\n};\n\nconst getChannelName = (channelType) => {\n  switch (channelType) {\n    case 'web': return 'Web Notifications';\n    case 'push': return 'Mobile Push Notifications';\n    case 'email': return 'Email Notifications';\n    case 'sms': return 'SMS Notifications';\n    case 'telegram': return 'Telegram Messages';\n    case 'whatsapp': return 'WhatsApp Messages';\n    default: return channelType;\n  }\n};\n\nconst getChannelDescription = (channelType) => {\n  switch (channelType) {\n    case 'web': \n      return 'Real-time notifications in your browser';\n    case 'push': \n      return 'Notifications on your mobile device even when the app is closed';\n    case 'email': \n      return 'Receive notifications in your email inbox';\n    case 'sms': \n      return 'Get text messages for important notifications';\n    case 'telegram': \n      return 'Receive notifications via Telegram bot';\n    case 'whatsapp': \n      return 'Get notifications as WhatsApp messages';\n    default: \n      return '';\n  }\n};\n\n// Lifecycle\nonMounted(async () => {\n  await getPreferences();\n  \n  // Copy store preferences to local state\n  Object.keys(storePreferences.value).forEach(key => {\n    preferences[key] = storePreferences.value[key];\n  });\n  \n  // Create a deep copy of the original preferences\n  originalPreferences.value = {...preferences};\n});\n</script>\n\n<style scoped>\n\n.description {\n  color: #666;\n  margin-bottom: 24px;\n}\n\n.preferences-loading {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 48px 0;\n}\n\n.loading-spinner {\n  font-size: 2rem;\n  margin-bottom: 16px;\n  animation: spin 2s linear infinite;\n}\n\n@keyframes spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n.preference-item {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px;\n  border-bottom: 1px solid #eee;\n}\n\n.preference-item:last-child {\n  border-bottom: none;\n}\n\n.preference-info {\n  display: flex;\n  align-items: center;\n  flex: 1;\n}\n\n.preference-icon {\n  font-size: 1.5rem;\n  margin-right: 16px;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.preference-details h3 {\n  margin: 0 0 4px 0;\n  font-size: 1rem;\n}\n\n.preference-details p {\n  margin: 0;\n  color: #666;\n  font-size: 0.875rem;\n}\n\n/* Toggle switch styles */\n.toggle-switch {\n  position: relative;\n  display: inline-block;\n  width: 50px;\n  height: 24px;\n}\n\n.toggle-switch input {\n  opacity: 0;\n  width: 0;\n  height: 0;\n}\n\n.toggle-slider {\n  position: absolute;\n  cursor: pointer;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: #ccc;\n  transition: .4s;\n  border-radius: 24px;\n}\n\n.toggle-slider:before {\n  position: absolute;\n  content: \"\";\n  height: 16px;\n  width: 16px;\n  left: 4px;\n  bottom: 4px;\n  background-color: white;\n  transition: .4s;\n  border-radius: 50%;\n}\n\ninput:checked + .toggle-slider {\n  background-color: #2196F3;\n}\n\ninput:checked + .toggle-slider:before {\n  transform: translateX(26px);\n}\n\n.form-actions {\n  margin-top: 24px;\n  display: flex;\n  justify-content: flex-end;\n  gap: 16px;\n}\n\n.save-btn, .cancel-btn {\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n\n.save-btn {\n  background-color: #2196F3;\n  border: none;\n  color: white;\n}\n\n.save-btn:disabled {\n  background-color: #ccc;\n  cursor: not-allowed;\n}\n\n.cancel-btn {\n  background-color: white;\n  border: 1px solid #ccc;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAyDA,UAAM;AAAA,MACJ,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,OAAO,kBAAkB,EAAC;AAG9B,UAAM,cAAc,SAAS,EAAC,GAAG,iBAAiB,MAAK,CAAC;AACxD,UAAM,sBAAsB,IAAI,EAAE;AAClC,UAAM,SAAS,IAAI,KAAK;AAGxB,UAAM,aAAa,SAAS,MAAM;AAChC,aAAO,OAAO,KAAK,WAAW,EAAE;AAAA,QAAK,SACnC,YAAY,GAAG,MAAM,oBAAoB,MAAM,GAAG;AAAA,MACtD;AAAA,IACA,CAAC;AAGD,UAAM,mBAAmB,CAAC,aAAa,UAAU;AAC/C,kBAAY,WAAW,IAAI;AAAA,IAC7B;AAEA,UAAM,kBAAkB,YAAY;AAClC,UAAI;AACF,eAAO,QAAQ;AACf,cAAM,kBAAkB,WAAW;AACnC,4BAAoB,QAAQ,EAAC,GAAG,YAAW;AAC3C,eAAO,QAAQ;AAAA,MACjB,SAAS,OAAO;AACd,gBAAQ,MAAM,6BAA6B,KAAK;AAChD,eAAO,QAAQ;AAAA,MACjB;AAAA,IACF;AAEA,UAAM,eAAe,MAAM;AACzB,aAAO,KAAK,WAAW,EAAE,QAAQ,SAAO;AACtC,oBAAY,GAAG,IAAI,oBAAoB,MAAM,GAAG;AAAA,MAClD,CAAC;AAAA,IACH;AAEA,UAAM,iBAAiB,CAAC,gBAAgB;AACtC,cAAQ,aAAW;AAAA,QACjB,KAAK;AAAO,iBAAO;AAAA,QACnB,KAAK;AAAQ,iBAAO;AAAA,QACpB,KAAK;AAAS,iBAAO;AAAA,QACrB,KAAK;AAAO,iBAAO;AAAA,QACnB,KAAK;AAAY,iBAAO;AAAA,QACxB,KAAK;AAAY,iBAAO;AAAA,QACxB;AAAS,iBAAO;AAAA,MACpB;AAAA,IACA;AAEA,UAAM,iBAAiB,CAAC,gBAAgB;AACtC,cAAQ,aAAW;AAAA,QACjB,KAAK;AAAO,iBAAO;AAAA,QACnB,KAAK;AAAQ,iBAAO;AAAA,QACpB,KAAK;AAAS,iBAAO;AAAA,QACrB,KAAK;AAAO,iBAAO;AAAA,QACnB,KAAK;AAAY,iBAAO;AAAA,QACxB,KAAK;AAAY,iBAAO;AAAA,QACxB;AAAS,iBAAO;AAAA,MACpB;AAAA,IACA;AAEA,UAAM,wBAAwB,CAAC,gBAAgB;AAC7C,cAAQ,aAAW;AAAA,QACjB,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MACb;AAAA,IACA;AAGA,cAAU,YAAY;AACpB,YAAM,eAAc;AAGpB,aAAO,KAAK,iBAAiB,KAAK,EAAE,QAAQ,SAAO;AACjD,oBAAY,GAAG,IAAI,iBAAiB,MAAM,GAAG;AAAA,MAC/C,CAAC;AAGD,0BAAoB,QAAQ,EAAC,GAAG,YAAW;AAAA,IAC7C,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/notifications/components/sections/NotificationsList.vue.cjs

@@ -4,6 +4,7 @@ const vue = require("vue");
 const vueRouter = require("vue-router");
 const NotificationItem = require("../blocks/NotificationItem.vue.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
+;/* empty css                         */
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
 const _hoisted_1 = { class: "notifications-list-container" };
 const _hoisted_2 = {

package/dist/martyrs/src/modules/notifications/components/sections/NotificationsList.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationsList.vue.cjs","sources":["../../../../../../../src/modules/notifications/components/sections/NotificationsList.vue"],"sourcesContent":["<template>\n  <div class=\"notifications-list-container\">\n    <div v-if=\"!MOBILE_APP\" class=\"notifications-header\">\n      <h2>Notifications</h2>\n   <!--    <div class=\"notifications-controls\">\n        <div class=\"notifications-filter\">\n          <label for=\"filter-type\">Filter: </label>\n          <select id=\"filter-type\" v-model=\"filterType\">\n            <option value=\"all\">All</option>\n            <option value=\"unread\">Unread</option>\n            <option value=\"read\">Read</option>\n            <option value=\"info\">Info</option>\n            <option value=\"success\">Success</option>\n            <option value=\"warning\">Warning</option>\n            <option value=\"error\">Error</option>\n          </select>\n        </div>\n        <button \n          v-if=\"unreadCount > 0\" \n          class=\"mark-all-read-btn\"\n          @click=\"markAllAsRead\"\n        >\n          Mark all as read\n        </button>\n      </div> -->\n    </div>\n    \n    <div v-if=\"loading\" class=\"notifications-loading\">\n      <div class=\"loading-spinner\">🔄</div>\n      <p>Loading notifications...</p>\n    </div>\n    \n    <div v-else-if=\"filteredNotifications.length === 0\" class=\"notifications-empty\">\n      <p>{{ emptyMessage }}</p>\n    </div>\n    \n    <div v-else class=\"notifications-items\">\n      <notification-item \n        v-for=\"notification in filteredNotifications\" \n        :key=\"notification._id\" \n        :notification=\"notification\"\n        @click=\"handleNotificationClick(notification)\"\n      />\n    </div>\n    \n    <div v-if=\"!loading && notifications.length > 0\" class=\"notifications-footer\">\n      <button v-if=\"lastSync\" class=\"refresh-btn\" @click=\"refreshNotifications\">\n        🔄 Last updated: {{ formatTime(lastSync) }}\n      </button>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, 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\n// Get router and notification functionality\nconst router = useRouter();\nconst { \n  notifications, \n  unreadCount, \n  loading, \n  lastSync,\n  markAllAsRead, \n  getNotifications,\n  handleNotificationAction\n} = inject('useNotifications')();\n\n// Local state\nconst filterType = ref('all');\n\n// Computed properties\nconst filteredNotifications = computed(() => {\n  let filtered = [...notifications.value];\n  \n  // Apply filters\n  if (filterType.value === 'unread') {\n    filtered = filtered.filter(n => n.status !== 'read');\n  } else if (filterType.value === 'read') {\n    filtered = filtered.filter(n => n.status === 'read');\n  } else if (filterType.value !== 'all') {\n    // Filter by notification type\n    filtered = filtered.filter(n => n.type === filterType.value);\n  }\n  \n  // Sort by creation date (newest first)\n  return filtered.sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt));\n});\n\nconst emptyMessage = computed(() => {\n  if (notifications.value.length === 0) {\n    return 'You have no notifications';\n  }\n  \n  switch (filterType.value) {\n    case 'unread':\n      return 'You have no unread notifications';\n    case 'read':\n      return 'You have no read notifications';\n    default:\n      return `You have no ${filterType.value} notifications`;\n  }\n});\n\n// Methods\nconst handleNotificationClick = (notification) => {\n  if (notification._id) {\n    handleNotificationAction({\n      notificationId: notification._id,\n      ...notification.metadata\n    });\n  }\n};\n\nconst refreshNotifications = () => {\n  const userId = auth.state.user._id;\n  if (userId) {\n    getNotifications(userId);\n  }\n};\n\n// Format relative time without external libraries\nconst formatTime = (timestamp) => {\n  if (!timestamp) return '';\n  \n  const now = new Date();\n  const date = new Date(timestamp);\n  const diffSeconds = Math.floor((now - date) / 1000);\n  \n  // Format based on how long ago\n  if (diffSeconds < 60) {\n    return 'Just now';\n  } else if (diffSeconds < 3600) {\n    const minutes = Math.floor(diffSeconds / 60);\n    return `${minutes} ${minutes === 1 ? 'minute' : 'minutes'} ago`;\n  } else if (diffSeconds < 86400) {\n    const hours = Math.floor(diffSeconds / 3600);\n    return `${hours} ${hours === 1 ? 'hour' : 'hours'} ago`;\n  } else {\n    // Format date string\n    return date.toLocaleDateString(undefined, {\n      year: 'numeric',\n      month: 'short',\n      day: 'numeric',\n      hour: '2-digit',\n      minute: '2-digit'\n    });\n  }\n};\n\n// Lifecycle\nonMounted(() => {\n  const userId = auth.state.user._id;\n  if (userId && notifications.value.length === 0 && !loading.value) {\n    getNotifications(userId);\n  }\n});\n</script>\n\n<style scoped>\n.notifications-list-container {\n  width: 100%;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.notifications-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 20px;\n}\n\n.notifications-controls {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n\n.notifications-filter select {\n  padding: 6px 12px;\n  border-radius: 4px;\n  border: 1px solid #ddd;\n}\n\n.mark-all-read-btn {\n  background-color: #2196f3;\n  color: white;\n  border: none;\n  padding: 6px 12px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n\n.notifications-loading,\n.notifications-empty {\n  padding: 40px 0;\n  text-align: center;\n  color: #666;\n}\n\n.loading-spinner {\n  font-size: 2rem;\n  margin-bottom: 10px;\n  animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n}\n\n.notifications-items {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.notifications-footer {\n  margin-top: 20px;\n  text-align: center;\n}\n\n.refresh-btn {\n  background: none;\n  border: none;\n  color: #666;\n  cursor: pointer;\n  padding: 6px 12px;\n}\n\n.refresh-btn:hover {\n  color: #2196f3;\n}\n</style>"],"names":["useRouter","inject","ref","computed","auth.state","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DeA,cAAS,UAAA;AACxB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAIC,IAAAA,OAAO,kBAAkB,EAAG;AAGhC,UAAM,aAAaC,IAAG,IAAC,KAAK;AAG5B,UAAM,wBAAwBC,IAAQ,SAAC,MAAM;AAC3C,UAAI,WAAW,CAAC,GAAG,cAAc,KAAK;AAGtC,UAAI,WAAW,UAAU,UAAU;AACjC,mBAAW,SAAS,OAAO,OAAK,EAAE,WAAW,MAAM;AAAA,MACvD,WAAa,WAAW,UAAU,QAAQ;AACtC,mBAAW,SAAS,OAAO,OAAK,EAAE,WAAW,MAAM;AAAA,MACvD,WAAa,WAAW,UAAU,OAAO;AAErC,mBAAW,SAAS,OAAO,OAAK,EAAE,SAAS,WAAW,KAAK;AAAA,MAC/D;AAGE,aAAO,SAAS,KAAK,CAAC,GAAG,MAAM,IAAI,KAAK,EAAE,SAAS,IAAI,IAAI,KAAK,EAAE,SAAS,CAAC;AAAA,IAC9E,CAAC;AAED,UAAM,eAAeA,IAAQ,SAAC,MAAM;AAClC,UAAI,cAAc,MAAM,WAAW,GAAG;AACpC,eAAO;AAAA,MACX;AAEE,cAAQ,WAAW,OAAK;AAAA,QACtB,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO,eAAe,WAAW,KAAK;AAAA,MAC5C;AAAA,IACA,CAAC;AAGD,UAAM,0BAA0B,CAAC,iBAAiB;AAChD,UAAI,aAAa,KAAK;AACpB,iCAAyB;AAAA,UACvB,gBAAgB,aAAa;AAAA,UAC7B,GAAG,aAAa;AAAA,QACtB,CAAK;AAAA,MACL;AAAA,IACA;AAEA,UAAM,uBAAuB,MAAM;AACjC,YAAM,SAASC,WAAW,KAAK;AAC/B,UAAI,QAAQ;AACV,yBAAiB,MAAM;AAAA,MAC3B;AAAA,IACA;AAGA,UAAM,aAAa,CAAC,cAAc;AAChC,UAAI,CAAC,UAAW,QAAO;AAEvB,YAAM,MAAM,oBAAI,KAAM;AACtB,YAAM,OAAO,IAAI,KAAK,SAAS;AAC/B,YAAM,cAAc,KAAK,OAAO,MAAM,QAAQ,GAAI;AAGlD,UAAI,cAAc,IAAI;AACpB,eAAO;AAAA,MACX,WAAa,cAAc,MAAM;AAC7B,cAAM,UAAU,KAAK,MAAM,cAAc,EAAE;AAC3C,eAAO,GAAG,OAAO,IAAI,YAAY,IAAI,WAAW,SAAS;AAAA,MAC7D,WAAa,cAAc,OAAO;AAC9B,cAAM,QAAQ,KAAK,MAAM,cAAc,IAAI;AAC3C,eAAO,GAAG,KAAK,IAAI,UAAU,IAAI,SAAS,OAAO;AAAA,MACrD,OAAS;AAEL,eAAO,KAAK,mBAAmB,QAAW;AAAA,UACxC,MAAM;AAAA,UACN,OAAO;AAAA,UACP,KAAK;AAAA,UACL,MAAM;AAAA,UACN,QAAQ;AAAA,QACd,CAAK;AAAA,MACL;AAAA,IACA;AAGAC,QAAAA,UAAU,MAAM;AACd,YAAM,SAASD,WAAW,KAAK;AAC/B,UAAI,UAAU,cAAc,MAAM,WAAW,KAAK,CAAC,QAAQ,OAAO;AAChE,yBAAiB,MAAM;AAAA,MAC3B;AAAA,IACA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NotificationsList.vue.cjs","sources":["../../../../../../../src/modules/notifications/components/sections/NotificationsList.vue"],"sourcesContent":["<template>\n  <div class=\"notifications-list-container\">\n    <div v-if=\"!MOBILE_APP\" class=\"notifications-header\">\n      <h2>Notifications</h2>\n   <!--    <div class=\"notifications-controls\">\n        <div class=\"notifications-filter\">\n          <label for=\"filter-type\">Filter: </label>\n          <select id=\"filter-type\" v-model=\"filterType\">\n            <option value=\"all\">All</option>\n            <option value=\"unread\">Unread</option>\n            <option value=\"read\">Read</option>\n            <option value=\"info\">Info</option>\n            <option value=\"success\">Success</option>\n            <option value=\"warning\">Warning</option>\n            <option value=\"error\">Error</option>\n          </select>\n        </div>\n        <button \n          v-if=\"unreadCount > 0\" \n          class=\"mark-all-read-btn\"\n          @click=\"markAllAsRead\"\n        >\n          Mark all as read\n        </button>\n      </div> -->\n    </div>\n    \n    <div v-if=\"loading\" class=\"notifications-loading\">\n      <div class=\"loading-spinner\">🔄</div>\n      <p>Loading notifications...</p>\n    </div>\n    \n    <div v-else-if=\"filteredNotifications.length === 0\" class=\"notifications-empty\">\n      <p>{{ emptyMessage }}</p>\n    </div>\n    \n    <div v-else class=\"notifications-items\">\n      <notification-item \n        v-for=\"notification in filteredNotifications\" \n        :key=\"notification._id\" \n        :notification=\"notification\"\n        @click=\"handleNotificationClick(notification)\"\n      />\n    </div>\n    \n    <div v-if=\"!loading && notifications.length > 0\" class=\"notifications-footer\">\n      <button v-if=\"lastSync\" class=\"refresh-btn\" @click=\"refreshNotifications\">\n        🔄 Last updated: {{ formatTime(lastSync) }}\n      </button>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, 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\n// Get router and notification functionality\nconst router = useRouter();\nconst { \n  notifications, \n  unreadCount, \n  loading, \n  lastSync,\n  markAllAsRead, \n  getNotifications,\n  handleNotificationAction\n} = inject('useNotifications')();\n\n// Local state\nconst filterType = ref('all');\n\n// Computed properties\nconst filteredNotifications = computed(() => {\n  let filtered = [...notifications.value];\n  \n  // Apply filters\n  if (filterType.value === 'unread') {\n    filtered = filtered.filter(n => n.status !== 'read');\n  } else if (filterType.value === 'read') {\n    filtered = filtered.filter(n => n.status === 'read');\n  } else if (filterType.value !== 'all') {\n    // Filter by notification type\n    filtered = filtered.filter(n => n.type === filterType.value);\n  }\n  \n  // Sort by creation date (newest first)\n  return filtered.sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt));\n});\n\nconst emptyMessage = computed(() => {\n  if (notifications.value.length === 0) {\n    return 'You have no notifications';\n  }\n  \n  switch (filterType.value) {\n    case 'unread':\n      return 'You have no unread notifications';\n    case 'read':\n      return 'You have no read notifications';\n    default:\n      return `You have no ${filterType.value} notifications`;\n  }\n});\n\n// Methods\nconst handleNotificationClick = (notification) => {\n  if (notification._id) {\n    handleNotificationAction({\n      notificationId: notification._id,\n      ...notification.metadata\n    });\n  }\n};\n\nconst refreshNotifications = () => {\n  const userId = auth.state.user._id;\n  if (userId) {\n    getNotifications(userId);\n  }\n};\n\n// Format relative time without external libraries\nconst formatTime = (timestamp) => {\n  if (!timestamp) return '';\n  \n  const now = new Date();\n  const date = new Date(timestamp);\n  const diffSeconds = Math.floor((now - date) / 1000);\n  \n  // Format based on how long ago\n  if (diffSeconds < 60) {\n    return 'Just now';\n  } else if (diffSeconds < 3600) {\n    const minutes = Math.floor(diffSeconds / 60);\n    return `${minutes} ${minutes === 1 ? 'minute' : 'minutes'} ago`;\n  } else if (diffSeconds < 86400) {\n    const hours = Math.floor(diffSeconds / 3600);\n    return `${hours} ${hours === 1 ? 'hour' : 'hours'} ago`;\n  } else {\n    // Format date string\n    return date.toLocaleDateString(undefined, {\n      year: 'numeric',\n      month: 'short',\n      day: 'numeric',\n      hour: '2-digit',\n      minute: '2-digit'\n    });\n  }\n};\n\n// Lifecycle\nonMounted(() => {\n  const userId = auth.state.user._id;\n  if (userId && notifications.value.length === 0 && !loading.value) {\n    getNotifications(userId);\n  }\n});\n</script>\n\n<style scoped>\n.notifications-list-container {\n  width: 100%;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.notifications-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 20px;\n}\n\n.notifications-controls {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n\n.notifications-filter select {\n  padding: 6px 12px;\n  border-radius: 4px;\n  border: 1px solid #ddd;\n}\n\n.mark-all-read-btn {\n  background-color: #2196f3;\n  color: white;\n  border: none;\n  padding: 6px 12px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n\n.notifications-loading,\n.notifications-empty {\n  padding: 40px 0;\n  text-align: center;\n  color: #666;\n}\n\n.loading-spinner {\n  font-size: 2rem;\n  margin-bottom: 10px;\n  animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n}\n\n.notifications-items {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.notifications-footer {\n  margin-top: 20px;\n  text-align: center;\n}\n\n.refresh-btn {\n  background: none;\n  border: none;\n  color: #666;\n  cursor: pointer;\n  padding: 6px 12px;\n}\n\n.refresh-btn:hover {\n  color: #2196f3;\n}\n</style>"],"names":["useRouter","inject","ref","computed","auth.state","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4DeA,cAAAA,UAAS;AACxB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAIC,IAAAA,OAAO,kBAAkB,EAAC;AAG9B,UAAM,aAAaC,IAAAA,IAAI,KAAK;AAG5B,UAAM,wBAAwBC,IAAAA,SAAS,MAAM;AAC3C,UAAI,WAAW,CAAC,GAAG,cAAc,KAAK;AAGtC,UAAI,WAAW,UAAU,UAAU;AACjC,mBAAW,SAAS,OAAO,OAAK,EAAE,WAAW,MAAM;AAAA,MACrD,WAAW,WAAW,UAAU,QAAQ;AACtC,mBAAW,SAAS,OAAO,OAAK,EAAE,WAAW,MAAM;AAAA,MACrD,WAAW,WAAW,UAAU,OAAO;AAErC,mBAAW,SAAS,OAAO,OAAK,EAAE,SAAS,WAAW,KAAK;AAAA,MAC7D;AAGA,aAAO,SAAS,KAAK,CAAC,GAAG,MAAM,IAAI,KAAK,EAAE,SAAS,IAAI,IAAI,KAAK,EAAE,SAAS,CAAC;AAAA,IAC9E,CAAC;AAED,UAAM,eAAeA,IAAAA,SAAS,MAAM;AAClC,UAAI,cAAc,MAAM,WAAW,GAAG;AACpC,eAAO;AAAA,MACT;AAEA,cAAQ,WAAW,OAAK;AAAA,QACtB,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO,eAAe,WAAW,KAAK;AAAA,MAC5C;AAAA,IACA,CAAC;AAGD,UAAM,0BAA0B,CAAC,iBAAiB;AAChD,UAAI,aAAa,KAAK;AACpB,iCAAyB;AAAA,UACvB,gBAAgB,aAAa;AAAA,UAC7B,GAAG,aAAa;AAAA,QACtB,CAAK;AAAA,MACH;AAAA,IACF;AAEA,UAAM,uBAAuB,MAAM;AACjC,YAAM,SAASC,WAAW,KAAK;AAC/B,UAAI,QAAQ;AACV,yBAAiB,MAAM;AAAA,MACzB;AAAA,IACF;AAGA,UAAM,aAAa,CAAC,cAAc;AAChC,UAAI,CAAC,UAAW,QAAO;AAEvB,YAAM,MAAM,oBAAI,KAAI;AACpB,YAAM,OAAO,IAAI,KAAK,SAAS;AAC/B,YAAM,cAAc,KAAK,OAAO,MAAM,QAAQ,GAAI;AAGlD,UAAI,cAAc,IAAI;AACpB,eAAO;AAAA,MACT,WAAW,cAAc,MAAM;AAC7B,cAAM,UAAU,KAAK,MAAM,cAAc,EAAE;AAC3C,eAAO,GAAG,OAAO,IAAI,YAAY,IAAI,WAAW,SAAS;AAAA,MAC3D,WAAW,cAAc,OAAO;AAC9B,cAAM,QAAQ,KAAK,MAAM,cAAc,IAAI;AAC3C,eAAO,GAAG,KAAK,IAAI,UAAU,IAAI,SAAS,OAAO;AAAA,MACnD,OAAO;AAEL,eAAO,KAAK,mBAAmB,QAAW;AAAA,UACxC,MAAM;AAAA,UACN,OAAO;AAAA,UACP,KAAK;AAAA,UACL,MAAM;AAAA,UACN,QAAQ;AAAA,QACd,CAAK;AAAA,MACH;AAAA,IACF;AAGAC,QAAAA,UAAU,MAAM;AACd,YAAM,SAASD,WAAW,KAAK;AAC/B,UAAI,UAAU,cAAc,MAAM,WAAW,KAAK,CAAC,QAAQ,OAAO;AAChE,yBAAiB,MAAM;AAAA,MACzB;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/notifications/components/sections/NotificationsList.vue.js

@@ -2,6 +2,7 @@ import { inject, ref, computed, onMounted, createElementBlock, openBlock, create
 import { useRouter } from "vue-router";
 import NotificationItem from "../blocks/NotificationItem.vue.js";
 import { state } from "../../../auth/views/store/auth.js";
+/* empty css                       */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "notifications-list-container" };
 const _hoisted_2 = {

package/dist/martyrs/src/modules/notifications/components/sections/NotificationsList.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationsList.vue.js","sources":["../../../../../../../src/modules/notifications/components/sections/NotificationsList.vue"],"sourcesContent":["<template>\n  <div class=\"notifications-list-container\">\n    <div v-if=\"!MOBILE_APP\" class=\"notifications-header\">\n      <h2>Notifications</h2>\n   <!--    <div class=\"notifications-controls\">\n        <div class=\"notifications-filter\">\n          <label for=\"filter-type\">Filter: </label>\n          <select id=\"filter-type\" v-model=\"filterType\">\n            <option value=\"all\">All</option>\n            <option value=\"unread\">Unread</option>\n            <option value=\"read\">Read</option>\n            <option value=\"info\">Info</option>\n            <option value=\"success\">Success</option>\n            <option value=\"warning\">Warning</option>\n            <option value=\"error\">Error</option>\n          </select>\n        </div>\n        <button \n          v-if=\"unreadCount > 0\" \n          class=\"mark-all-read-btn\"\n          @click=\"markAllAsRead\"\n        >\n          Mark all as read\n        </button>\n      </div> -->\n    </div>\n    \n    <div v-if=\"loading\" class=\"notifications-loading\">\n      <div class=\"loading-spinner\">🔄</div>\n      <p>Loading notifications...</p>\n    </div>\n    \n    <div v-else-if=\"filteredNotifications.length === 0\" class=\"notifications-empty\">\n      <p>{{ emptyMessage }}</p>\n    </div>\n    \n    <div v-else class=\"notifications-items\">\n      <notification-item \n        v-for=\"notification in filteredNotifications\" \n        :key=\"notification._id\" \n        :notification=\"notification\"\n        @click=\"handleNotificationClick(notification)\"\n      />\n    </div>\n    \n    <div v-if=\"!loading && notifications.length > 0\" class=\"notifications-footer\">\n      <button v-if=\"lastSync\" class=\"refresh-btn\" @click=\"refreshNotifications\">\n        🔄 Last updated: {{ formatTime(lastSync) }}\n      </button>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, 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\n// Get router and notification functionality\nconst router = useRouter();\nconst { \n  notifications, \n  unreadCount, \n  loading, \n  lastSync,\n  markAllAsRead, \n  getNotifications,\n  handleNotificationAction\n} = inject('useNotifications')();\n\n// Local state\nconst filterType = ref('all');\n\n// Computed properties\nconst filteredNotifications = computed(() => {\n  let filtered = [...notifications.value];\n  \n  // Apply filters\n  if (filterType.value === 'unread') {\n    filtered = filtered.filter(n => n.status !== 'read');\n  } else if (filterType.value === 'read') {\n    filtered = filtered.filter(n => n.status === 'read');\n  } else if (filterType.value !== 'all') {\n    // Filter by notification type\n    filtered = filtered.filter(n => n.type === filterType.value);\n  }\n  \n  // Sort by creation date (newest first)\n  return filtered.sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt));\n});\n\nconst emptyMessage = computed(() => {\n  if (notifications.value.length === 0) {\n    return 'You have no notifications';\n  }\n  \n  switch (filterType.value) {\n    case 'unread':\n      return 'You have no unread notifications';\n    case 'read':\n      return 'You have no read notifications';\n    default:\n      return `You have no ${filterType.value} notifications`;\n  }\n});\n\n// Methods\nconst handleNotificationClick = (notification) => {\n  if (notification._id) {\n    handleNotificationAction({\n      notificationId: notification._id,\n      ...notification.metadata\n    });\n  }\n};\n\nconst refreshNotifications = () => {\n  const userId = auth.state.user._id;\n  if (userId) {\n    getNotifications(userId);\n  }\n};\n\n// Format relative time without external libraries\nconst formatTime = (timestamp) => {\n  if (!timestamp) return '';\n  \n  const now = new Date();\n  const date = new Date(timestamp);\n  const diffSeconds = Math.floor((now - date) / 1000);\n  \n  // Format based on how long ago\n  if (diffSeconds < 60) {\n    return 'Just now';\n  } else if (diffSeconds < 3600) {\n    const minutes = Math.floor(diffSeconds / 60);\n    return `${minutes} ${minutes === 1 ? 'minute' : 'minutes'} ago`;\n  } else if (diffSeconds < 86400) {\n    const hours = Math.floor(diffSeconds / 3600);\n    return `${hours} ${hours === 1 ? 'hour' : 'hours'} ago`;\n  } else {\n    // Format date string\n    return date.toLocaleDateString(undefined, {\n      year: 'numeric',\n      month: 'short',\n      day: 'numeric',\n      hour: '2-digit',\n      minute: '2-digit'\n    });\n  }\n};\n\n// Lifecycle\nonMounted(() => {\n  const userId = auth.state.user._id;\n  if (userId && notifications.value.length === 0 && !loading.value) {\n    getNotifications(userId);\n  }\n});\n</script>\n\n<style scoped>\n.notifications-list-container {\n  width: 100%;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.notifications-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 20px;\n}\n\n.notifications-controls {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n\n.notifications-filter select {\n  padding: 6px 12px;\n  border-radius: 4px;\n  border: 1px solid #ddd;\n}\n\n.mark-all-read-btn {\n  background-color: #2196f3;\n  color: white;\n  border: none;\n  padding: 6px 12px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n\n.notifications-loading,\n.notifications-empty {\n  padding: 40px 0;\n  text-align: center;\n  color: #666;\n}\n\n.loading-spinner {\n  font-size: 2rem;\n  margin-bottom: 10px;\n  animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n}\n\n.notifications-items {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.notifications-footer {\n  margin-top: 20px;\n  text-align: center;\n}\n\n.refresh-btn {\n  background: none;\n  border: none;\n  color: #666;\n  cursor: pointer;\n  padding: 6px 12px;\n}\n\n.refresh-btn:hover {\n  color: #2196f3;\n}\n</style>"],"names":["auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4De,cAAS;AACxB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,OAAO,kBAAkB,EAAG;AAGhC,UAAM,aAAa,IAAI,KAAK;AAG5B,UAAM,wBAAwB,SAAS,MAAM;AAC3C,UAAI,WAAW,CAAC,GAAG,cAAc,KAAK;AAGtC,UAAI,WAAW,UAAU,UAAU;AACjC,mBAAW,SAAS,OAAO,OAAK,EAAE,WAAW,MAAM;AAAA,MACvD,WAAa,WAAW,UAAU,QAAQ;AACtC,mBAAW,SAAS,OAAO,OAAK,EAAE,WAAW,MAAM;AAAA,MACvD,WAAa,WAAW,UAAU,OAAO;AAErC,mBAAW,SAAS,OAAO,OAAK,EAAE,SAAS,WAAW,KAAK;AAAA,MAC/D;AAGE,aAAO,SAAS,KAAK,CAAC,GAAG,MAAM,IAAI,KAAK,EAAE,SAAS,IAAI,IAAI,KAAK,EAAE,SAAS,CAAC;AAAA,IAC9E,CAAC;AAED,UAAM,eAAe,SAAS,MAAM;AAClC,UAAI,cAAc,MAAM,WAAW,GAAG;AACpC,eAAO;AAAA,MACX;AAEE,cAAQ,WAAW,OAAK;AAAA,QACtB,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO,eAAe,WAAW,KAAK;AAAA,MAC5C;AAAA,IACA,CAAC;AAGD,UAAM,0BAA0B,CAAC,iBAAiB;AAChD,UAAI,aAAa,KAAK;AACpB,iCAAyB;AAAA,UACvB,gBAAgB,aAAa;AAAA,UAC7B,GAAG,aAAa;AAAA,QACtB,CAAK;AAAA,MACL;AAAA,IACA;AAEA,UAAM,uBAAuB,MAAM;AACjC,YAAM,SAASA,MAAW,KAAK;AAC/B,UAAI,QAAQ;AACV,yBAAiB,MAAM;AAAA,MAC3B;AAAA,IACA;AAGA,UAAM,aAAa,CAAC,cAAc;AAChC,UAAI,CAAC,UAAW,QAAO;AAEvB,YAAM,MAAM,oBAAI,KAAM;AACtB,YAAM,OAAO,IAAI,KAAK,SAAS;AAC/B,YAAM,cAAc,KAAK,OAAO,MAAM,QAAQ,GAAI;AAGlD,UAAI,cAAc,IAAI;AACpB,eAAO;AAAA,MACX,WAAa,cAAc,MAAM;AAC7B,cAAM,UAAU,KAAK,MAAM,cAAc,EAAE;AAC3C,eAAO,GAAG,OAAO,IAAI,YAAY,IAAI,WAAW,SAAS;AAAA,MAC7D,WAAa,cAAc,OAAO;AAC9B,cAAM,QAAQ,KAAK,MAAM,cAAc,IAAI;AAC3C,eAAO,GAAG,KAAK,IAAI,UAAU,IAAI,SAAS,OAAO;AAAA,MACrD,OAAS;AAEL,eAAO,KAAK,mBAAmB,QAAW;AAAA,UACxC,MAAM;AAAA,UACN,OAAO;AAAA,UACP,KAAK;AAAA,UACL,MAAM;AAAA,UACN,QAAQ;AAAA,QACd,CAAK;AAAA,MACL;AAAA,IACA;AAGA,cAAU,MAAM;AACd,YAAM,SAASA,MAAW,KAAK;AAC/B,UAAI,UAAU,cAAc,MAAM,WAAW,KAAK,CAAC,QAAQ,OAAO;AAChE,yBAAiB,MAAM;AAAA,MAC3B;AAAA,IACA,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NotificationsList.vue.js","sources":["../../../../../../../src/modules/notifications/components/sections/NotificationsList.vue"],"sourcesContent":["<template>\n  <div class=\"notifications-list-container\">\n    <div v-if=\"!MOBILE_APP\" class=\"notifications-header\">\n      <h2>Notifications</h2>\n   <!--    <div class=\"notifications-controls\">\n        <div class=\"notifications-filter\">\n          <label for=\"filter-type\">Filter: </label>\n          <select id=\"filter-type\" v-model=\"filterType\">\n            <option value=\"all\">All</option>\n            <option value=\"unread\">Unread</option>\n            <option value=\"read\">Read</option>\n            <option value=\"info\">Info</option>\n            <option value=\"success\">Success</option>\n            <option value=\"warning\">Warning</option>\n            <option value=\"error\">Error</option>\n          </select>\n        </div>\n        <button \n          v-if=\"unreadCount > 0\" \n          class=\"mark-all-read-btn\"\n          @click=\"markAllAsRead\"\n        >\n          Mark all as read\n        </button>\n      </div> -->\n    </div>\n    \n    <div v-if=\"loading\" class=\"notifications-loading\">\n      <div class=\"loading-spinner\">🔄</div>\n      <p>Loading notifications...</p>\n    </div>\n    \n    <div v-else-if=\"filteredNotifications.length === 0\" class=\"notifications-empty\">\n      <p>{{ emptyMessage }}</p>\n    </div>\n    \n    <div v-else class=\"notifications-items\">\n      <notification-item \n        v-for=\"notification in filteredNotifications\" \n        :key=\"notification._id\" \n        :notification=\"notification\"\n        @click=\"handleNotificationClick(notification)\"\n      />\n    </div>\n    \n    <div v-if=\"!loading && notifications.length > 0\" class=\"notifications-footer\">\n      <button v-if=\"lastSync\" class=\"refresh-btn\" @click=\"refreshNotifications\">\n        🔄 Last updated: {{ formatTime(lastSync) }}\n      </button>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, 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\n// Get router and notification functionality\nconst router = useRouter();\nconst { \n  notifications, \n  unreadCount, \n  loading, \n  lastSync,\n  markAllAsRead, \n  getNotifications,\n  handleNotificationAction\n} = inject('useNotifications')();\n\n// Local state\nconst filterType = ref('all');\n\n// Computed properties\nconst filteredNotifications = computed(() => {\n  let filtered = [...notifications.value];\n  \n  // Apply filters\n  if (filterType.value === 'unread') {\n    filtered = filtered.filter(n => n.status !== 'read');\n  } else if (filterType.value === 'read') {\n    filtered = filtered.filter(n => n.status === 'read');\n  } else if (filterType.value !== 'all') {\n    // Filter by notification type\n    filtered = filtered.filter(n => n.type === filterType.value);\n  }\n  \n  // Sort by creation date (newest first)\n  return filtered.sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt));\n});\n\nconst emptyMessage = computed(() => {\n  if (notifications.value.length === 0) {\n    return 'You have no notifications';\n  }\n  \n  switch (filterType.value) {\n    case 'unread':\n      return 'You have no unread notifications';\n    case 'read':\n      return 'You have no read notifications';\n    default:\n      return `You have no ${filterType.value} notifications`;\n  }\n});\n\n// Methods\nconst handleNotificationClick = (notification) => {\n  if (notification._id) {\n    handleNotificationAction({\n      notificationId: notification._id,\n      ...notification.metadata\n    });\n  }\n};\n\nconst refreshNotifications = () => {\n  const userId = auth.state.user._id;\n  if (userId) {\n    getNotifications(userId);\n  }\n};\n\n// Format relative time without external libraries\nconst formatTime = (timestamp) => {\n  if (!timestamp) return '';\n  \n  const now = new Date();\n  const date = new Date(timestamp);\n  const diffSeconds = Math.floor((now - date) / 1000);\n  \n  // Format based on how long ago\n  if (diffSeconds < 60) {\n    return 'Just now';\n  } else if (diffSeconds < 3600) {\n    const minutes = Math.floor(diffSeconds / 60);\n    return `${minutes} ${minutes === 1 ? 'minute' : 'minutes'} ago`;\n  } else if (diffSeconds < 86400) {\n    const hours = Math.floor(diffSeconds / 3600);\n    return `${hours} ${hours === 1 ? 'hour' : 'hours'} ago`;\n  } else {\n    // Format date string\n    return date.toLocaleDateString(undefined, {\n      year: 'numeric',\n      month: 'short',\n      day: 'numeric',\n      hour: '2-digit',\n      minute: '2-digit'\n    });\n  }\n};\n\n// Lifecycle\nonMounted(() => {\n  const userId = auth.state.user._id;\n  if (userId && notifications.value.length === 0 && !loading.value) {\n    getNotifications(userId);\n  }\n});\n</script>\n\n<style scoped>\n.notifications-list-container {\n  width: 100%;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.notifications-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 20px;\n}\n\n.notifications-controls {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n\n.notifications-filter select {\n  padding: 6px 12px;\n  border-radius: 4px;\n  border: 1px solid #ddd;\n}\n\n.mark-all-read-btn {\n  background-color: #2196f3;\n  color: white;\n  border: none;\n  padding: 6px 12px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n\n.notifications-loading,\n.notifications-empty {\n  padding: 40px 0;\n  text-align: center;\n  color: #666;\n}\n\n.loading-spinner {\n  font-size: 2rem;\n  margin-bottom: 10px;\n  animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n}\n\n.notifications-items {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.notifications-footer {\n  margin-top: 20px;\n  text-align: center;\n}\n\n.refresh-btn {\n  background: none;\n  border: none;\n  color: #666;\n  cursor: pointer;\n  padding: 6px 12px;\n}\n\n.refresh-btn:hover {\n  color: #2196f3;\n}\n</style>"],"names":["auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4De,cAAS;AACxB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,OAAO,kBAAkB,EAAC;AAG9B,UAAM,aAAa,IAAI,KAAK;AAG5B,UAAM,wBAAwB,SAAS,MAAM;AAC3C,UAAI,WAAW,CAAC,GAAG,cAAc,KAAK;AAGtC,UAAI,WAAW,UAAU,UAAU;AACjC,mBAAW,SAAS,OAAO,OAAK,EAAE,WAAW,MAAM;AAAA,MACrD,WAAW,WAAW,UAAU,QAAQ;AACtC,mBAAW,SAAS,OAAO,OAAK,EAAE,WAAW,MAAM;AAAA,MACrD,WAAW,WAAW,UAAU,OAAO;AAErC,mBAAW,SAAS,OAAO,OAAK,EAAE,SAAS,WAAW,KAAK;AAAA,MAC7D;AAGA,aAAO,SAAS,KAAK,CAAC,GAAG,MAAM,IAAI,KAAK,EAAE,SAAS,IAAI,IAAI,KAAK,EAAE,SAAS,CAAC;AAAA,IAC9E,CAAC;AAED,UAAM,eAAe,SAAS,MAAM;AAClC,UAAI,cAAc,MAAM,WAAW,GAAG;AACpC,eAAO;AAAA,MACT;AAEA,cAAQ,WAAW,OAAK;AAAA,QACtB,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO,eAAe,WAAW,KAAK;AAAA,MAC5C;AAAA,IACA,CAAC;AAGD,UAAM,0BAA0B,CAAC,iBAAiB;AAChD,UAAI,aAAa,KAAK;AACpB,iCAAyB;AAAA,UACvB,gBAAgB,aAAa;AAAA,UAC7B,GAAG,aAAa;AAAA,QACtB,CAAK;AAAA,MACH;AAAA,IACF;AAEA,UAAM,uBAAuB,MAAM;AACjC,YAAM,SAASA,MAAW,KAAK;AAC/B,UAAI,QAAQ;AACV,yBAAiB,MAAM;AAAA,MACzB;AAAA,IACF;AAGA,UAAM,aAAa,CAAC,cAAc;AAChC,UAAI,CAAC,UAAW,QAAO;AAEvB,YAAM,MAAM,oBAAI,KAAI;AACpB,YAAM,OAAO,IAAI,KAAK,SAAS;AAC/B,YAAM,cAAc,KAAK,OAAO,MAAM,QAAQ,GAAI;AAGlD,UAAI,cAAc,IAAI;AACpB,eAAO;AAAA,MACT,WAAW,cAAc,MAAM;AAC7B,cAAM,UAAU,KAAK,MAAM,cAAc,EAAE;AAC3C,eAAO,GAAG,OAAO,IAAI,YAAY,IAAI,WAAW,SAAS;AAAA,MAC3D,WAAW,cAAc,OAAO;AAC9B,cAAM,QAAQ,KAAK,MAAM,cAAc,IAAI;AAC3C,eAAO,GAAG,KAAK,IAAI,UAAU,IAAI,SAAS,OAAO;AAAA,MACnD,OAAO;AAEL,eAAO,KAAK,mBAAmB,QAAW;AAAA,UACxC,MAAM;AAAA,UACN,OAAO;AAAA,UACP,KAAK;AAAA,UACL,MAAM;AAAA,UACN,QAAQ;AAAA,QACd,CAAK;AAAA,MACH;AAAA,IACF;AAGA,cAAU,MAAM;AACd,YAAM,SAASA,MAAW,KAAK;AAC/B,UAAI,UAAU,cAAc,MAAM,WAAW,KAAK,CAAC,QAAQ,OAAO;AAChE,yBAAiB,MAAM;AAAA,MACzB;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/notifications/notifications.client.cjs

@@ -151,9 +151,8 @@ class NotificationManager {
     });
   }
   async initialize() {
-    var _a;
     if (this.initialized || this.isServer) return;
-    const userId = (_a = this.store.auth.state.user) == null ? void 0 : _a._id;
+    const userId = this.store.auth.state.user?._id;
     if (!userId) {
       console.warn("Cannot initialize notifications: No user ID found in auth store");
       return;
@@ -190,9 +189,8 @@ const SSRUtils = {
    * @param {Object} context - SSR context
    */
   async prefetchNotifications(store, context) {
-    var _a;
     try {
-      const userId = (_a = store.auth.state.user) == null ? void 0 : _a._id;
+      const userId = store.auth.state.user?._id;
       if (userId) {
         await store.notifications.actions.getNotifications(userId);
       }
@@ -202,7 +200,6 @@ const SSRUtils = {
   }
 };
 function initializeNotifications(app, store, router, options = {}) {
-  var _a;
   const route = options.route || "User Profile Root";
   router.addRoute(route, notifications_router.default);
   store.addStore("notifications", notifications_store);
@@ -220,7 +217,7 @@ function initializeNotifications(app, store, router, options = {}) {
   const autoInit = !isServer && options.autoInit !== false;
   if (autoInit) {
     const isAuthenticated = store.auth.state.access.status;
-    const userId = (_a = store.auth.state.user) == null ? void 0 : _a._id;
+    const userId = store.auth.state.user?._id;
     if (isAuthenticated && userId) {
       notificationManager.initialize();
     }

package/dist/martyrs/src/modules/notifications/notifications.client.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"notifications.client.cjs","sources":["../../../../../src/modules/notifications/notifications.client.js"],"sourcesContent":["import { toRefs, watch } from 'vue';\n// Router import\nimport routerNotifications from './router/notifications.router.js';\n// Store\nimport * as storeNotifications from './store/notifications.store.js';\n// Auth store import\n// Global WebSocket import\nimport globalWebSocket from '@martyrs/src/modules/globals/views/classes/globals.websocket.js';\n// Layouts\nimport NotificationsLayout from './components/layouts/NotificationsLayout.vue';\n// Sections\nimport NotificationPreferences from './components/sections/NotificationPreferences.vue';\nimport NotificationsList from './components/sections/NotificationsList.vue';\n// Pages\nimport Notifications from './components/pages/Notifications.vue';\n// Components\nimport NotificationItem from './components/blocks/NotificationItem.vue';\nimport NotificationBadge from './components/elements/NotificationBadge.vue';\n\n/**\n * Capacitor Push Notification handler\n */\nclass CapacitorPushHandler {\n  constructor(store) {\n    this.store = store;\n    this.pushNotifications = null;\n    this.device = null;\n    this.isInitialized = false;\n  }\n\n  /**\n   * Initialize Capacitor plugins\n   */\n  async initialize() {\n    // Skip if running in SSR\n    if (typeof window === 'undefined') {\n      return false;\n    }\n\n    try {\n      // Dynamic imports to prevent errors in web environment\n      const { Capacitor } = await import('@capacitor/core');\n      const { PushNotifications } = await import('@capacitor/push-notifications');\n      const { Device } = await import('@capacitor/device');\n\n      this.capacitor = Capacitor;\n      this.pushNotifications = PushNotifications;\n      this.device = Device;\n\n      // Only proceed if running on a native platform\n      if (!this.capacitor.isNativePlatform()) {\n        return false;\n      }\n\n      this.isInitialized = true;\n      return true;\n    } catch (error) {\n      console.error('Error importing Capacitor plugins:', error);\n      return false;\n    }\n  }\n\n  /**\n   * Request permission and register for push notifications\n   */\n  async requestPermissions() {\n    // Skip if running in SSR\n    if (typeof window === 'undefined') {\n      return false;\n    }\n\n    if (!this.isInitialized) {\n      const initialized = await this.initialize();\n      if (!initialized) return false;\n    }\n\n    try {\n      // Request permission\n      const permissionResult = await this.pushNotifications.requestPermissions();\n      if (permissionResult.receive !== 'granted') {\n        console.log('Push notification permission denied');\n        return false;\n      }\n\n      // Set up event listeners\n      this._setupListeners();\n\n      // Register with Apple/Google\n      await this.pushNotifications.register();\n      return true;\n    } catch (error) {\n      console.error('Error requesting push notification permissions:', error);\n      return false;\n    }\n  }\n\n  /**\n   * Setup push notification event listeners\n   */\n  _setupListeners() {\n    // Registration event\n    this.pushNotifications.addListener('registration', this._handleRegistration.bind(this));\n\n    // Notification received event\n    this.pushNotifications.addListener('pushNotificationReceived', this._handleNotificationReceived.bind(this));\n\n    // Notification action performed event\n    this.pushNotifications.addListener('pushNotificationActionPerformed', this._handleNotificationAction.bind(this));\n  }\n\n  /**\n   * Handle registration token received\n   */\n  async _handleRegistration(token) {\n    try {\n      // Get device info\n      const deviceInfo = await this.device.getInfo();\n      const deviceId = await this.device.getId();\n\n      // Prepare device data\n      const deviceData = {\n        deviceId: deviceId.uuid,\n        deviceType: deviceInfo.platform.toLowerCase(),\n        deviceToken: token.value,\n      };\n\n      // Register device with backend\n      await this.store.notifications.actions.registerDevice(deviceData);\n    } catch (error) {\n      console.error('Error handling push registration:', error);\n    }\n  }\n\n  /**\n   * Handle received notification\n   */\n  _handleNotificationReceived(notification) {\n    // Add notification to store\n    this.store.notifications.actions.addLocalNotification({\n      title: notification.title,\n      body: notification.body,\n      data: notification.data || {},\n    });\n  }\n\n  /**\n   * Handle notification action (when user taps on notification)\n   */\n  _handleNotificationAction(actionData) {\n    if (actionData.notification && actionData.notification.data) {\n      this.store.notifications.actions.handleNotificationAction(actionData.notification.data);\n    }\n  }\n\n  /**\n   * Remove push notification listeners\n   */\n  removeListeners() {\n    if (typeof window === 'undefined') {\n      return;\n    }\n\n    if (this.pushNotifications) {\n      this.pushNotifications.removeAllListeners();\n    }\n  }\n}\n\n/**\n * Notification Manager for coordinating WebSocket and Push notifications\n */\n\nclass NotificationManager {\n  constructor(store, options = {}) {\n    this.store = store;\n    this.options = options;\n    this.pushHandler = new CapacitorPushHandler(store);\n    this.initialized = false;\n    this.isServer = typeof window === 'undefined';\n  }\n\n  async registerWebPush(store) {\n    if (!('Notification' in window) || !('serviceWorker' in navigator) || !('PushManager' in window)) {\n      console.warn('Web Push не поддерживается в браузере');\n      return;\n    }\n\n    const permission = await Notification.requestPermission();\n    if (permission !== 'granted') {\n      console.warn('Разрешение на уведомления не получено');\n      return;\n    }\n\n    const registration = await navigator.serviceWorker.ready;\n    const subscription = await registration.pushManager.subscribe({\n      userVisibleOnly: true,\n      applicationServerKey: 'BJtNnRrx05VQS0abnkHC-8gHJWpnmoqC_iQveENCmZOZIs-adWzqAiqFCdGVVd7CbiaLW-Q5iuIBDRgM9G-VnKg',\n    });\n\n    console.log('New subscription:', JSON.stringify(subscription));\n\n    // Отправь подписку на сервер\n    await store.notifications.actions.registerDevice({\n      deviceToken: JSON.stringify(subscription),\n      deviceType: 'web',\n    });\n  }\n\n  async initialize() {\n    if (this.initialized || this.isServer) return;\n\n    const userId = this.store.auth.state.user?._id;\n    if (!userId) {\n      console.warn('Cannot initialize notifications: No user ID found in auth store');\n      return;\n    }\n\n    console.log('Connecting to websockets via notifications');\n    await globalWebSocket.connect(userId);\n\n    globalWebSocket.removeModuleListeners('notification');\n\n    await globalWebSocket.subscribeModule('notification');\n\n    globalWebSocket.addEventListener(\n      'notification',\n      data => {\n        this.store.notifications.actions.addLocalNotification(data.data);\n      },\n      { module: 'notification' }\n    );\n\n    // 🎯 Опционально включаем push\n    if (this.options.enablePush !== false) {\n      await this.pushHandler.requestPermissions();\n      await this.registerWebPush(this.store);\n    }\n\n    this.initialized = true;\n\n    // ✅ Загружаем список уведомлений из API\n    await this.store.notifications.actions.getNotifications(userId);\n  }\n\n  disconnect() {\n    if (this.isServer) return;\n\n    globalWebSocket.removeModuleListeners('notification');\n    this.pushHandler.removeListeners();\n    this.initialized = false;\n  }\n}\n\n/**\n * Server-side utility for pre-fetching notification data\n */\nconst SSRUtils = {\n  /**\n   * Pre-fetch notifications for SSR\n   * @param {Object} store - Store instance\n   * @param {Object} context - SSR context\n   */\n  async prefetchNotifications(store, context) {\n    try {\n      const userId = store.auth.state.user?._id;\n      if (userId) {\n        // Fetch notifications without WebSocket or push setup\n        await store.notifications.actions.getNotifications(userId);\n      }\n    } catch (error) {\n      console.error('Error pre-fetching notifications for SSR:', error);\n    }\n  },\n};\n\n/**\n * Function to initialize the notifications module\n * @param {Object} app - Vue app instance\n * @param {Object} store - Vuex/Pinia store\n * @param {Object} router - Vue Router instance\n * @param {Object} options - Configuration options\n */\nfunction initializeNotifications(app, store, router, options = {}) {\n  // Add routes and store\n  const route = options.route || 'User Profile Root';\n  router.addRoute(route, routerNotifications);\n  store.addStore('notifications', storeNotifications);\n\n  // Initialize global WebSocket if needed\n  if (options.wsUrl) {\n    globalWebSocket.initialize({ wsUrl: options.wsUrl });\n  }\n\n  // Create notification manager\n  const notificationManager = new NotificationManager(store, {\n    enablePush: options.enablePush !== false,\n    maxReconnectAttempts: options.maxReconnectAttempts || 5,\n    reconnectDelay: options.reconnectDelay || 3000,\n    pingInterval: options.pingInterval || 30000,\n  });\n\n  // Attach notification manager to store for access in components\n  store.notificationManager = notificationManager;\n\n  // Don't auto-initialize on server\n  const isServer = typeof window === 'undefined';\n  const autoInit = !isServer && options.autoInit !== false;\n\n  if (autoInit) {\n    // Initialize after auth is confirmed\n    const isAuthenticated = store.auth.state.access.status;\n    const userId = store.auth.state.user?._id;\n\n    if (isAuthenticated && userId) {\n      notificationManager.initialize();\n    }\n\n    // Watch for user login/logout using auth store\n    watch(\n      () => store.auth.state.access.status,\n      isAuthenticated => {\n        if (isAuthenticated) {\n          notificationManager.initialize();\n        } else {\n          notificationManager.disconnect();\n          store.notifications.mutations.resetNotifications();\n        }\n      }\n    );\n  }\n\n  // Provide composable for components to access notification functionality\n  app.provide('useNotifications', () => {\n    return {\n      ...toRefs(store.notifications.state),\n      ...store.notifications.actions,\n      ...store.notifications.mutations,\n      init: notificationManager.initialize.bind(notificationManager),\n      disconnect: notificationManager.disconnect.bind(notificationManager),\n      isServer,\n    };\n  });\n\n  return notificationManager;\n}\n\n// Module export\nconst ModuleNotifications = {\n  initialize: initializeNotifications,\n  SSR: SSRUtils, // Export SSR utilities\n  views: {\n    store: {\n      storeNotifications,\n    },\n    router: {\n      routerNotifications,\n    },\n    components: {\n      // Elements\n      NotificationBadge,\n      // Blocks\n      NotificationItem,\n      // Sections\n      NotificationsList,\n      NotificationPreferences,\n      // Pages\n      Notifications,\n      // Layouts\n      NotificationsLayout,\n    },\n  },\n};\n\n// Component exports\nexport {\n  // Elements\n  NotificationBadge,\n  // Blocks\n  NotificationItem,\n  NotificationPreferences,\n  // Pages\n  Notifications,\n  // Layouts\n  NotificationsLayout,\n  // Sections\n  NotificationsList,\n  // SSR Utilities\n  SSRUtils,\n};\n\nexport default ModuleNotifications;\n"],"names":["globalWebSocket","routerNotifications","storeNotifications","watch","isAuthenticated","toRefs","NotificationBadge","NotificationItem","NotificationsList","NotificationPreferences","Notifications","NotificationsLayout"],"mappings":"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"}
+{"version":3,"file":"notifications.client.cjs","sources":["../../../../../src/modules/notifications/notifications.client.js"],"sourcesContent":["import { toRefs, watch } from 'vue';\n// Router import\nimport routerNotifications from './router/notifications.router.js';\n// Store\nimport * as storeNotifications from './store/notifications.store.js';\n// Auth store import\n// Global WebSocket import\nimport globalWebSocket from '@martyrs/src/modules/globals/views/classes/globals.websocket.js';\n// Layouts\nimport NotificationsLayout from './components/layouts/NotificationsLayout.vue';\n// Sections\nimport NotificationPreferences from './components/sections/NotificationPreferences.vue';\nimport NotificationsList from './components/sections/NotificationsList.vue';\n// Pages\nimport Notifications from './components/pages/Notifications.vue';\n// Components\nimport NotificationItem from './components/blocks/NotificationItem.vue';\nimport NotificationBadge from './components/elements/NotificationBadge.vue';\n\n/**\n * Capacitor Push Notification handler\n */\nclass CapacitorPushHandler {\n  constructor(store) {\n    this.store = store;\n    this.pushNotifications = null;\n    this.device = null;\n    this.isInitialized = false;\n  }\n\n  /**\n   * Initialize Capacitor plugins\n   */\n  async initialize() {\n    // Skip if running in SSR\n    if (typeof window === 'undefined') {\n      return false;\n    }\n\n    try {\n      // Dynamic imports to prevent errors in web environment\n      const { Capacitor } = await import('@capacitor/core');\n      const { PushNotifications } = await import('@capacitor/push-notifications');\n      const { Device } = await import('@capacitor/device');\n\n      this.capacitor = Capacitor;\n      this.pushNotifications = PushNotifications;\n      this.device = Device;\n\n      // Only proceed if running on a native platform\n      if (!this.capacitor.isNativePlatform()) {\n        return false;\n      }\n\n      this.isInitialized = true;\n      return true;\n    } catch (error) {\n      console.error('Error importing Capacitor plugins:', error);\n      return false;\n    }\n  }\n\n  /**\n   * Request permission and register for push notifications\n   */\n  async requestPermissions() {\n    // Skip if running in SSR\n    if (typeof window === 'undefined') {\n      return false;\n    }\n\n    if (!this.isInitialized) {\n      const initialized = await this.initialize();\n      if (!initialized) return false;\n    }\n\n    try {\n      // Request permission\n      const permissionResult = await this.pushNotifications.requestPermissions();\n      if (permissionResult.receive !== 'granted') {\n        console.log('Push notification permission denied');\n        return false;\n      }\n\n      // Set up event listeners\n      this._setupListeners();\n\n      // Register with Apple/Google\n      await this.pushNotifications.register();\n      return true;\n    } catch (error) {\n      console.error('Error requesting push notification permissions:', error);\n      return false;\n    }\n  }\n\n  /**\n   * Setup push notification event listeners\n   */\n  _setupListeners() {\n    // Registration event\n    this.pushNotifications.addListener('registration', this._handleRegistration.bind(this));\n\n    // Notification received event\n    this.pushNotifications.addListener('pushNotificationReceived', this._handleNotificationReceived.bind(this));\n\n    // Notification action performed event\n    this.pushNotifications.addListener('pushNotificationActionPerformed', this._handleNotificationAction.bind(this));\n  }\n\n  /**\n   * Handle registration token received\n   */\n  async _handleRegistration(token) {\n    try {\n      // Get device info\n      const deviceInfo = await this.device.getInfo();\n      const deviceId = await this.device.getId();\n\n      // Prepare device data\n      const deviceData = {\n        deviceId: deviceId.uuid,\n        deviceType: deviceInfo.platform.toLowerCase(),\n        deviceToken: token.value,\n      };\n\n      // Register device with backend\n      await this.store.notifications.actions.registerDevice(deviceData);\n    } catch (error) {\n      console.error('Error handling push registration:', error);\n    }\n  }\n\n  /**\n   * Handle received notification\n   */\n  _handleNotificationReceived(notification) {\n    // Add notification to store\n    this.store.notifications.actions.addLocalNotification({\n      title: notification.title,\n      body: notification.body,\n      data: notification.data || {},\n    });\n  }\n\n  /**\n   * Handle notification action (when user taps on notification)\n   */\n  _handleNotificationAction(actionData) {\n    if (actionData.notification && actionData.notification.data) {\n      this.store.notifications.actions.handleNotificationAction(actionData.notification.data);\n    }\n  }\n\n  /**\n   * Remove push notification listeners\n   */\n  removeListeners() {\n    if (typeof window === 'undefined') {\n      return;\n    }\n\n    if (this.pushNotifications) {\n      this.pushNotifications.removeAllListeners();\n    }\n  }\n}\n\n/**\n * Notification Manager for coordinating WebSocket and Push notifications\n */\n\nclass NotificationManager {\n  constructor(store, options = {}) {\n    this.store = store;\n    this.options = options;\n    this.pushHandler = new CapacitorPushHandler(store);\n    this.initialized = false;\n    this.isServer = typeof window === 'undefined';\n  }\n\n  async registerWebPush(store) {\n    if (!('Notification' in window) || !('serviceWorker' in navigator) || !('PushManager' in window)) {\n      console.warn('Web Push не поддерживается в браузере');\n      return;\n    }\n\n    const permission = await Notification.requestPermission();\n    if (permission !== 'granted') {\n      console.warn('Разрешение на уведомления не получено');\n      return;\n    }\n\n    const registration = await navigator.serviceWorker.ready;\n    const subscription = await registration.pushManager.subscribe({\n      userVisibleOnly: true,\n      applicationServerKey: 'BJtNnRrx05VQS0abnkHC-8gHJWpnmoqC_iQveENCmZOZIs-adWzqAiqFCdGVVd7CbiaLW-Q5iuIBDRgM9G-VnKg',\n    });\n\n    console.log('New subscription:', JSON.stringify(subscription));\n\n    // Отправь подписку на сервер\n    await store.notifications.actions.registerDevice({\n      deviceToken: JSON.stringify(subscription),\n      deviceType: 'web',\n    });\n  }\n\n  async initialize() {\n    if (this.initialized || this.isServer) return;\n\n    const userId = this.store.auth.state.user?._id;\n    if (!userId) {\n      console.warn('Cannot initialize notifications: No user ID found in auth store');\n      return;\n    }\n\n    console.log('Connecting to websockets via notifications');\n    await globalWebSocket.connect(userId);\n\n    globalWebSocket.removeModuleListeners('notification');\n\n    await globalWebSocket.subscribeModule('notification');\n\n    globalWebSocket.addEventListener(\n      'notification',\n      data => {\n        this.store.notifications.actions.addLocalNotification(data.data);\n      },\n      { module: 'notification' }\n    );\n\n    // 🎯 Опционально включаем push\n    if (this.options.enablePush !== false) {\n      await this.pushHandler.requestPermissions();\n      await this.registerWebPush(this.store);\n    }\n\n    this.initialized = true;\n\n    // ✅ Загружаем список уведомлений из API\n    await this.store.notifications.actions.getNotifications(userId);\n  }\n\n  disconnect() {\n    if (this.isServer) return;\n\n    globalWebSocket.removeModuleListeners('notification');\n    this.pushHandler.removeListeners();\n    this.initialized = false;\n  }\n}\n\n/**\n * Server-side utility for pre-fetching notification data\n */\nconst SSRUtils = {\n  /**\n   * Pre-fetch notifications for SSR\n   * @param {Object} store - Store instance\n   * @param {Object} context - SSR context\n   */\n  async prefetchNotifications(store, context) {\n    try {\n      const userId = store.auth.state.user?._id;\n      if (userId) {\n        // Fetch notifications without WebSocket or push setup\n        await store.notifications.actions.getNotifications(userId);\n      }\n    } catch (error) {\n      console.error('Error pre-fetching notifications for SSR:', error);\n    }\n  },\n};\n\n/**\n * Function to initialize the notifications module\n * @param {Object} app - Vue app instance\n * @param {Object} store - Vuex/Pinia store\n * @param {Object} router - Vue Router instance\n * @param {Object} options - Configuration options\n */\nfunction initializeNotifications(app, store, router, options = {}) {\n  // Add routes and store\n  const route = options.route || 'User Profile Root';\n  router.addRoute(route, routerNotifications);\n  store.addStore('notifications', storeNotifications);\n\n  // Initialize global WebSocket if needed\n  if (options.wsUrl) {\n    globalWebSocket.initialize({ wsUrl: options.wsUrl });\n  }\n\n  // Create notification manager\n  const notificationManager = new NotificationManager(store, {\n    enablePush: options.enablePush !== false,\n    maxReconnectAttempts: options.maxReconnectAttempts || 5,\n    reconnectDelay: options.reconnectDelay || 3000,\n    pingInterval: options.pingInterval || 30000,\n  });\n\n  // Attach notification manager to store for access in components\n  store.notificationManager = notificationManager;\n\n  // Don't auto-initialize on server\n  const isServer = typeof window === 'undefined';\n  const autoInit = !isServer && options.autoInit !== false;\n\n  if (autoInit) {\n    // Initialize after auth is confirmed\n    const isAuthenticated = store.auth.state.access.status;\n    const userId = store.auth.state.user?._id;\n\n    if (isAuthenticated && userId) {\n      notificationManager.initialize();\n    }\n\n    // Watch for user login/logout using auth store\n    watch(\n      () => store.auth.state.access.status,\n      isAuthenticated => {\n        if (isAuthenticated) {\n          notificationManager.initialize();\n        } else {\n          notificationManager.disconnect();\n          store.notifications.mutations.resetNotifications();\n        }\n      }\n    );\n  }\n\n  // Provide composable for components to access notification functionality\n  app.provide('useNotifications', () => {\n    return {\n      ...toRefs(store.notifications.state),\n      ...store.notifications.actions,\n      ...store.notifications.mutations,\n      init: notificationManager.initialize.bind(notificationManager),\n      disconnect: notificationManager.disconnect.bind(notificationManager),\n      isServer,\n    };\n  });\n\n  return notificationManager;\n}\n\n// Module export\nconst ModuleNotifications = {\n  initialize: initializeNotifications,\n  SSR: SSRUtils, // Export SSR utilities\n  views: {\n    store: {\n      storeNotifications,\n    },\n    router: {\n      routerNotifications,\n    },\n    components: {\n      // Elements\n      NotificationBadge,\n      // Blocks\n      NotificationItem,\n      // Sections\n      NotificationsList,\n      NotificationPreferences,\n      // Pages\n      Notifications,\n      // Layouts\n      NotificationsLayout,\n    },\n  },\n};\n\n// Component exports\nexport {\n  // Elements\n  NotificationBadge,\n  // Blocks\n  NotificationItem,\n  NotificationPreferences,\n  // Pages\n  Notifications,\n  // Layouts\n  NotificationsLayout,\n  // Sections\n  NotificationsList,\n  // SSR Utilities\n  SSRUtils,\n};\n\nexport default ModuleNotifications;\n"],"names":["globalWebSocket","routerNotifications","storeNotifications","watch","isAuthenticated","toRefs","NotificationBadge","NotificationItem","NotificationsList","NotificationPreferences","Notifications","NotificationsLayout"],"mappings":"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"}

package/dist/martyrs/src/modules/notifications/notifications.client.js

@@ -149,9 +149,8 @@ class NotificationManager {
     });
   }
   async initialize() {
-    var _a;
     if (this.initialized || this.isServer) return;
-    const userId = (_a = this.store.auth.state.user) == null ? void 0 : _a._id;
+    const userId = this.store.auth.state.user?._id;
     if (!userId) {
       console.warn("Cannot initialize notifications: No user ID found in auth store");
       return;
@@ -188,9 +187,8 @@ const SSRUtils = {
    * @param {Object} context - SSR context
    */
   async prefetchNotifications(store, context) {
-    var _a;
     try {
-      const userId = (_a = store.auth.state.user) == null ? void 0 : _a._id;
+      const userId = store.auth.state.user?._id;
       if (userId) {
         await store.notifications.actions.getNotifications(userId);
       }
@@ -200,7 +198,6 @@ const SSRUtils = {
   }
 };
 function initializeNotifications(app, store, router, options = {}) {
-  var _a;
   const route = options.route || "User Profile Root";
   router.addRoute(route, nofitications);
   store.addStore("notifications", notifications_store);
@@ -218,7 +215,7 @@ function initializeNotifications(app, store, router, options = {}) {
   const autoInit = !isServer && options.autoInit !== false;
   if (autoInit) {
     const isAuthenticated = store.auth.state.access.status;
-    const userId = (_a = store.auth.state.user) == null ? void 0 : _a._id;
+    const userId = store.auth.state.user?._id;
     if (isAuthenticated && userId) {
       notificationManager.initialize();
     }