@ozdao/martyrs 0.2.489 → 0.2.492

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

@@ -1,5 +1,5 @@
-import { inject, computed, resolveComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, createTextVNode } from "vue";
-import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+import { inject, computed, ref, onMounted, onUnmounted, resolveComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, createTextVNode } from "vue";
+import globalWebSocket from "../../../globals/views/classes/globals.websocket.js";
 const _hoisted_1 = { class: "notifications-layout" };
 const _hoisted_2 = { class: "" };
 const _hoisted_3 = {
@@ -11,9 +11,25 @@ const _sfc_main = {
   setup(__props) {
     const store = inject("store");
     const notificationManager = computed(() => store.notificationManager || null);
-    const isConnected = computed(() => {
-      var _a, _b;
-      return ((_b = (_a = notificationManager.value) == null ? void 0 : _a.wsHandler) == null ? void 0 : _b.isConnected) || false;
+    const wsConnected = ref(globalWebSocket.isConnected);
+    const openListenerId = ref(null);
+    const closeListenerId = ref(null);
+    onMounted(() => {
+      openListenerId.value = globalWebSocket.addEventListener("open", () => {
+        wsConnected.value = true;
+      });
+      closeListenerId.value = globalWebSocket.addEventListener("close", () => {
+        wsConnected.value = false;
+      });
+      wsConnected.value = globalWebSocket.isConnected;
+    });
+    onUnmounted(() => {
+      if (openListenerId.value) {
+        globalWebSocket.removeEventListener("open", openListenerId.value);
+      }
+      if (closeListenerId.value) {
+        globalWebSocket.removeEventListener("close", closeListenerId.value);
+      }
     });
     const reconnect = () => {
       if (notificationManager.value) {
@@ -23,11 +39,10 @@ const _sfc_main = {
     return (_ctx, _cache) => {
       const _component_router_view = resolveComponent("router-view");
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        _cache[2] || (_cache[2] = createElementVNode("div", null, null, -1)),
         createElementVNode("div", _hoisted_2, [
           createVNode(_component_router_view)
         ]),
-        notificationManager.value && !isConnected.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
+        !wsConnected.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
           createElementVNode("div", { class: "connection-warning" }, [
             _cache[1] || (_cache[1] = createElementVNode("span", { class: "warning-icon" }, "⚠️", -1)),
             createElementVNode("span", { class: "warning-text" }, [
@@ -43,8 +58,7 @@ const _sfc_main = {
     };
   }
 };
-const NotificationsLayout = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f6ac807f"]]);
 export {
-  NotificationsLayout as default
+  _sfc_main as default
 };
 //# sourceMappingURL=NotificationsLayout.vue.js.map

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 >\n    </div>  \n    \n    <div class=\"\">\n      <router-view></router-view>\n    </div>\n    \n    <div v-if=\"notificationManager && !isConnected\" 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 } from 'vue';\n\n// Get notification manager from store\nconst store = inject('store');\n\nconst notificationManager = computed(() => store.notificationManager || null);\n\nconst isConnected = computed(() => {\n  return notificationManager.value?.wsHandler?.isConnected || false;\n});\n\n// Methods\nconst reconnect = () => {\n  if (notificationManager.value) {\n    notificationManager.value.initialize();\n  }\n};\n</script>\n\n<style scoped>\n.notifications-layout {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n}\n\n.tabs {\n  display: flex;\n  gap: 1rem;\n}\n\n.tab-button {\n  padding: 0.5rem 1rem;\n  border: none;\n  background: none;\n  cursor: pointer;\n  font-weight: 500;\n  border-bottom: 2px solid transparent;\n}\n\n.tab-button.active {\n  border-bottom: 2px solid var(--primary-color, #0066cc);\n  color: var(--primary-color, #0066cc);\n}\n\n</style>"],"names":[],"mappings":";;;;;;;;;;;AAyBA,UAAM,QAAQ,OAAO,OAAO;AAE5B,UAAM,sBAAsB,SAAS,MAAM,MAAM,uBAAuB,IAAI;AAE5E,UAAM,cAAc,SAAS,MAAM;;AACjC,eAAO,+BAAoB,UAApB,mBAA2B,cAA3B,mBAAsC,gBAAe;AAAA,IAC9D,CAAC;AAGD,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

@@ -2,12 +2,11 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
+const Tab = require("../../../../components/Tab/Tab.vue2.cjs");
 const NotificationsList = require("../sections/NotificationsList.vue.cjs");
 const NotificationPreferences = require("../sections/NotificationPreferences.vue.cjs");
-const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
 const _hoisted_1 = { class: "notifications-page pd-small" };
-const _hoisted_2 = { class: "tabs" };
-const _hoisted_3 = { class: "tab-content" };
+const _hoisted_2 = { class: "tab-content" };
 const _sfc_main = {
   __name: "Notifications",
   setup(__props) {
@@ -16,23 +15,22 @@ const _sfc_main = {
     const activeTab = vue.ref(route.query.tab || "all");
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createVNode(Tab.default, {
+          selected: activeTab.value,
+          "onUpdate:selected": _cache[0] || (_cache[0] = ($event) => activeTab.value = $event),
+          tabs: [
+            { label: `All Notifications${vue.unref(unreadCount) > 0 ? ` (${vue.unref(unreadCount)})` : ""}`, value: "all" },
+            { label: "Notification Settings", value: "preferences" }
+          ],
+          class: "flex-child-default gap-micro scroll-hide bg-light radius-medium h-max pd-thin mn-b-thin o-x-scroll",
+          classTab: "bg-white"
+        }, null, 8, ["selected", "tabs"]),
         vue.createElementVNode("div", _hoisted_2, [
-          vue.createElementVNode("button", {
-            class: vue.normalizeClass({ active: activeTab.value === "all" }),
-            onClick: _cache[0] || (_cache[0] = ($event) => activeTab.value = "all")
-          }, " All Notifications " + vue.toDisplayString(vue.unref(unreadCount) > 0 ? `(${vue.unref(unreadCount)})` : ""), 3),
-          vue.createElementVNode("button", {
-            class: vue.normalizeClass({ active: activeTab.value === "preferences" }),
-            onClick: _cache[1] || (_cache[1] = ($event) => activeTab.value = "preferences")
-          }, " Notification Settings ", 2)
-        ]),
-        vue.createElementVNode("div", _hoisted_3, [
           activeTab.value === "all" ? (vue.openBlock(), vue.createBlock(NotificationsList.default, { key: 0 })) : activeTab.value === "preferences" ? (vue.openBlock(), vue.createBlock(NotificationPreferences.default, { key: 1 })) : vue.createCommentVNode("", true)
         ])
       ]);
     };
   }
 };
-const Notifications = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-c7013c43"]]);
-exports.default = Notifications;
+exports.default = _sfc_main;
 //# sourceMappingURL=Notifications.vue.cjs.map

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    <div class=\"tabs\">\n      <button \n        :class=\"{ active: activeTab === 'all' }\" \n        @click=\"activeTab = 'all'\"\n      >\n        All Notifications {{ unreadCount > 0 ? `(${unreadCount})` : '' }}\n      </button>\n      <button \n        :class=\"{ active: activeTab === 'preferences' }\" \n        @click=\"activeTab = 'preferences'\"\n      >\n        Notification Settings\n      </button>\n    </div>\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 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.notifications-page {\n}\n\n.tabs {\n  display: flex;\n  margin-bottom: 24px;\n  border-bottom: 1px solid #e0e0e0;\n}\n\n.tabs button {\n  background: none;\n  border: none;\n  padding: 12px 24px;\n  font-size: 1rem;\n  cursor: pointer;\n  position: relative;\n  color: #666;\n}\n\n.tabs button.active {\n  color: #2196F3;\n  font-weight: 500;\n}\n\n.tabs button.active::after {\n  content: '';\n  position: absolute;\n  bottom: -1px;\n  left: 0;\n  width: 100%;\n  height: 2px;\n  background-color: #2196F3;\n}\n\n.tab-content {\n  padding: 16px 0;\n}\n</style>"],"names":["useRoute","inject","ref"],"mappings":";;;;;;;;;;;;;AA+BA,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

@@ -1,11 +1,10 @@
-import { inject, ref, createElementBlock, openBlock, createElementVNode, normalizeClass, toDisplayString, unref, createBlock, createCommentVNode } from "vue";
+import { inject, ref, createElementBlock, openBlock, createVNode, createElementVNode, unref, createBlock, createCommentVNode } from "vue";
 import { useRoute } from "vue-router";
+import _sfc_main$1 from "../../../../components/Tab/Tab.vue2.js";
 import NotificationsList from "../sections/NotificationsList.vue.js";
 import NotificationPreferences from "../sections/NotificationPreferences.vue.js";
-import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _hoisted_1 = { class: "notifications-page pd-small" };
-const _hoisted_2 = { class: "tabs" };
-const _hoisted_3 = { class: "tab-content" };
+const _hoisted_2 = { class: "tab-content" };
 const _sfc_main = {
   __name: "Notifications",
   setup(__props) {
@@ -14,25 +13,24 @@ const _sfc_main = {
     const activeTab = ref(route.query.tab || "all");
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_sfc_main$1, {
+          selected: activeTab.value,
+          "onUpdate:selected": _cache[0] || (_cache[0] = ($event) => activeTab.value = $event),
+          tabs: [
+            { label: `All Notifications${unref(unreadCount) > 0 ? ` (${unref(unreadCount)})` : ""}`, value: "all" },
+            { label: "Notification Settings", value: "preferences" }
+          ],
+          class: "flex-child-default gap-micro scroll-hide bg-light radius-medium h-max pd-thin mn-b-thin o-x-scroll",
+          classTab: "bg-white"
+        }, null, 8, ["selected", "tabs"]),
         createElementVNode("div", _hoisted_2, [
-          createElementVNode("button", {
-            class: normalizeClass({ active: activeTab.value === "all" }),
-            onClick: _cache[0] || (_cache[0] = ($event) => activeTab.value = "all")
-          }, " All Notifications " + toDisplayString(unref(unreadCount) > 0 ? `(${unref(unreadCount)})` : ""), 3),
-          createElementVNode("button", {
-            class: normalizeClass({ active: activeTab.value === "preferences" }),
-            onClick: _cache[1] || (_cache[1] = ($event) => activeTab.value = "preferences")
-          }, " Notification Settings ", 2)
-        ]),
-        createElementVNode("div", _hoisted_3, [
           activeTab.value === "all" ? (openBlock(), createBlock(NotificationsList, { key: 0 })) : activeTab.value === "preferences" ? (openBlock(), createBlock(NotificationPreferences, { key: 1 })) : createCommentVNode("", true)
         ])
       ]);
     };
   }
 };
-const Notifications = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c7013c43"]]);
 export {
-  Notifications as default
+  _sfc_main as default
 };
 //# sourceMappingURL=Notifications.vue.js.map

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    <div class=\"tabs\">\n      <button \n        :class=\"{ active: activeTab === 'all' }\" \n        @click=\"activeTab = 'all'\"\n      >\n        All Notifications {{ unreadCount > 0 ? `(${unreadCount})` : '' }}\n      </button>\n      <button \n        :class=\"{ active: activeTab === 'preferences' }\" \n        @click=\"activeTab = 'preferences'\"\n      >\n        Notification Settings\n      </button>\n    </div>\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 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.notifications-page {\n}\n\n.tabs {\n  display: flex;\n  margin-bottom: 24px;\n  border-bottom: 1px solid #e0e0e0;\n}\n\n.tabs button {\n  background: none;\n  border: none;\n  padding: 12px 24px;\n  font-size: 1rem;\n  cursor: pointer;\n  position: relative;\n  color: #666;\n}\n\n.tabs button.active {\n  color: #2196F3;\n  font-weight: 500;\n}\n\n.tabs button.active::after {\n  content: '';\n  position: absolute;\n  bottom: -1px;\n  left: 0;\n  width: 100%;\n  height: 2px;\n  background-color: #2196F3;\n}\n\n.tab-content {\n  padding: 16px 0;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;AA+BA,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 = {
@@ -117,7 +118,7 @@ const _sfc_main = {
     });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        _cache[2] || (_cache[2] = vue.createElementVNode("h2", null, "Notification Preferences", -1)),
+        _cache[2] || (_cache[2] = vue.createElementVNode("h2", { class: "mn-b-small" }, "Notification Preferences", -1)),
         _cache[3] || (_cache[3] = vue.createElementVNode("p", { class: "description" }, "Choose how you want to receive notifications", -1)),
         vue.unref(loading) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, _cache[0] || (_cache[0] = [
           vue.createElementVNode("div", { class: "loading-spinner" }, "🔄", -1),
@@ -162,6 +163,6 @@ const _sfc_main = {
     };
   }
 };
-const NotificationPreferences = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-8f705373"]]);
+const NotificationPreferences = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-420a3f66"]]);
 exports.default = NotificationPreferences;
 //# sourceMappingURL=NotificationPreferences.vue.cjs.map

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>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.notification-preferences {\n  max-width: 800px;\n  margin: 0 auto;\n  padding: 24px;\n}\n\nh2 {\n  margin-top: 0;\n  margin-bottom: 8px;\n}\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 = {
@@ -115,7 +116,7 @@ const _sfc_main = {
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        _cache[2] || (_cache[2] = createElementVNode("h2", null, "Notification Preferences", -1)),
+        _cache[2] || (_cache[2] = createElementVNode("h2", { class: "mn-b-small" }, "Notification Preferences", -1)),
         _cache[3] || (_cache[3] = createElementVNode("p", { class: "description" }, "Choose how you want to receive notifications", -1)),
         unref(loading) ? (openBlock(), createElementBlock("div", _hoisted_2, _cache[0] || (_cache[0] = [
           createElementVNode("div", { class: "loading-spinner" }, "🔄", -1),
@@ -160,7 +161,7 @@ const _sfc_main = {
     };
   }
 };
-const NotificationPreferences = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8f705373"]]);
+const NotificationPreferences = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-420a3f66"]]);
 export {
   NotificationPreferences as default
 };

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>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.notification-preferences {\n  max-width: 800px;\n  margin: 0 auto;\n  padding: 24px;\n}\n\nh2 {\n  margin-top: 0;\n  margin-bottom: 8px;\n}\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 = {
@@ -103,7 +104,7 @@ const _sfc_main = {
     };
     vue.onMounted(() => {
       const userId = auth.state.user._id;
-      if (userId && notifications.value.length === 0) {
+      if (userId && notifications.value.length === 0 && !loading.value) {
         getNotifications(userId);
       }
     });
@@ -137,6 +138,6 @@ const _sfc_main = {
     };
   }
 };
-const NotificationsList = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-4beccb18"]]);
+const NotificationsList = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["__scopeId", "data-v-5af8a2ed"]]);
 exports.default = NotificationsList;
 //# sourceMappingURL=NotificationsList.vue.cjs.map

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) {\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,GAAG;AAC9C,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 = {
@@ -101,7 +102,7 @@ const _sfc_main = {
     };
     onMounted(() => {
       const userId = state.user._id;
-      if (userId && notifications.value.length === 0) {
+      if (userId && notifications.value.length === 0 && !loading.value) {
         getNotifications(userId);
       }
     });
@@ -135,7 +136,7 @@ const _sfc_main = {
     };
   }
 };
-const NotificationsList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4beccb18"]]);
+const NotificationsList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5af8a2ed"]]);
 export {
   NotificationsList as default
 };

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) {\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,GAAG;AAC9C,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

@@ -139,7 +139,7 @@ class NotificationManager {
       console.warn("Разрешение на уведомления не получено");
       return;
     }
-    const registration = await navigator.serviceWorker.register("/sw.js");
+    const registration = await navigator.serviceWorker.ready;
     const subscription = await registration.pushManager.subscribe({
       userVisibleOnly: true,
       applicationServerKey: "BJtNnRrx05VQS0abnkHC-8gHJWpnmoqC_iQveENCmZOZIs-adWzqAiqFCdGVVd7CbiaLW-Q5iuIBDRgM9G-VnKg"
@@ -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();
     }