@ozdao/martyrs 0.2.550 → 0.2.552

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

@@ -1,64 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const vue = require("vue");
-const core_websocket = require("../../../core/views/classes/core.websocket.cjs");
-const _hoisted_1 = { class: "notifications-layout" };
-const _hoisted_2 = { class: "" };
-const _hoisted_3 = {
-  key: 0,
-  class: "connection-status"
-};
-const _sfc_main = {
-  __name: "NotificationsLayout",
-  setup(__props) {
-    const store = vue.inject("store");
-    const notificationManager = vue.computed(() => store.notificationManager || null);
-    const wsConnected = vue.ref(core_websocket.default.isConnected);
-    const openListenerId = vue.ref(null);
-    const closeListenerId = vue.ref(null);
-    vue.onMounted(() => {
-      openListenerId.value = core_websocket.default.addEventListener("open", () => {
-        wsConnected.value = true;
-      });
-      closeListenerId.value = core_websocket.default.addEventListener("close", () => {
-        wsConnected.value = false;
-      });
-      wsConnected.value = core_websocket.default.isConnected;
-    });
-    vue.onUnmounted(() => {
-      if (openListenerId.value) {
-        core_websocket.default.removeEventListener("open", openListenerId.value);
-      }
-      if (closeListenerId.value) {
-        core_websocket.default.removeEventListener("close", closeListenerId.value);
-      }
-    });
-    const reconnect = () => {
-      if (notificationManager.value) {
-        notificationManager.value.initialize();
-      }
-    };
-    return (_ctx, _cache) => {
-      const _component_router_view = vue.resolveComponent("router-view");
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        vue.createElementVNode("div", _hoisted_2, [
-          vue.createVNode(_component_router_view)
-        ]),
-        !wsConnected.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
-          vue.createElementVNode("div", { class: "connection-warning" }, [
-            _cache[1] || (_cache[1] = vue.createElementVNode("span", { class: "warning-icon" }, "⚠️", -1)),
-            vue.createElementVNode("span", { class: "warning-text" }, [
-              _cache[0] || (_cache[0] = vue.createTextVNode(" Notification service disconnected. ")),
-              vue.createElementVNode("button", {
-                onClick: reconnect,
-                class: "reconnect-btn"
-              }, "Reconnect")
-            ])
-          ])
-        ])) : vue.createCommentVNode("", true)
-      ]);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=NotificationsLayout.vue.cjs.map

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

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

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

@@ -1,36 +0,0 @@
-"use strict";
-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.vue.cjs");
-const NotificationsList = require("../sections/NotificationsList.vue.cjs");
-const NotificationPreferences = require("../sections/NotificationPreferences.vue.cjs");
-const _hoisted_1 = { class: "notifications-page pd-small" };
-const _hoisted_2 = { class: "tab-content" };
-const _sfc_main = {
-  __name: "Notifications",
-  setup(__props) {
-    const route = vueRouter.useRoute();
-    const { unreadCount } = vue.inject("useNotifications")();
-    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, [
-          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)
-        ])
-      ]);
-    };
-  }
-};
-exports.default = _sfc_main;
-//# sourceMappingURL=Notifications.vue.cjs.map

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

@@ -1 +0,0 @@
-{"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/sections/NotificationPreferences.vue.cjs

@@ -1,168 +0,0 @@
-"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 = {
-  key: 0,
-  class: "preferences-loading"
-};
-const _hoisted_3 = {
-  key: 1,
-  class: "preferences-form"
-};
-const _hoisted_4 = { class: "preference-info" };
-const _hoisted_5 = { class: "preference-icon" };
-const _hoisted_6 = { class: "preference-details" };
-const _hoisted_7 = { class: "toggle-switch" };
-const _hoisted_8 = ["checked", "onChange"];
-const _hoisted_9 = { class: "form-actions" };
-const _hoisted_10 = ["disabled"];
-const _sfc_main = {
-  __name: "NotificationPreferences",
-  setup(__props) {
-    const {
-      preferences: storePreferences,
-      loading,
-      getPreferences,
-      updatePreferences
-    } = vue.inject("useNotifications")();
-    const preferences = vue.reactive({ ...storePreferences.value });
-    const originalPreferences = vue.ref({});
-    const saving = vue.ref(false);
-    const hasChanges = vue.computed(() => {
-      return Object.keys(preferences).some(
-        (key) => preferences[key] !== originalPreferences.value[key]
-      );
-    });
-    const updatePreference = (channelType, value) => {
-      preferences[channelType] = value;
-    };
-    const savePreferences = async () => {
-      try {
-        saving.value = true;
-        await updatePreferences(preferences);
-        originalPreferences.value = { ...preferences };
-        saving.value = false;
-      } catch (error) {
-        console.error("Error saving preferences:", error);
-        saving.value = false;
-      }
-    };
-    const resetChanges = () => {
-      Object.keys(preferences).forEach((key) => {
-        preferences[key] = originalPreferences.value[key];
-      });
-    };
-    const getChannelIcon = (channelType) => {
-      switch (channelType) {
-        case "web":
-          return "🖥️";
-        case "push":
-          return "📱";
-        case "email":
-          return "📧";
-        case "sms":
-          return "📱";
-        case "telegram":
-          return "📬";
-        case "whatsapp":
-          return "💬";
-        default:
-          return "🔔";
-      }
-    };
-    const getChannelName = (channelType) => {
-      switch (channelType) {
-        case "web":
-          return "Web Notifications";
-        case "push":
-          return "Mobile Push Notifications";
-        case "email":
-          return "Email Notifications";
-        case "sms":
-          return "SMS Notifications";
-        case "telegram":
-          return "Telegram Messages";
-        case "whatsapp":
-          return "WhatsApp Messages";
-        default:
-          return channelType;
-      }
-    };
-    const getChannelDescription = (channelType) => {
-      switch (channelType) {
-        case "web":
-          return "Real-time notifications in your browser";
-        case "push":
-          return "Notifications on your mobile device even when the app is closed";
-        case "email":
-          return "Receive notifications in your email inbox";
-        case "sms":
-          return "Get text messages for important notifications";
-        case "telegram":
-          return "Receive notifications via Telegram bot";
-        case "whatsapp":
-          return "Get notifications as WhatsApp messages";
-        default:
-          return "";
-      }
-    };
-    vue.onMounted(async () => {
-      await getPreferences();
-      Object.keys(storePreferences.value).forEach((key) => {
-        preferences[key] = storePreferences.value[key];
-      });
-      originalPreferences.value = { ...preferences };
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_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),
-          vue.createElementVNode("p", null, "Loading preferences...", -1)
-        ]))) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(preferences, (enabled, channelType) => {
-            return vue.openBlock(), vue.createElementBlock("div", {
-              key: channelType,
-              class: "preference-item"
-            }, [
-              vue.createElementVNode("div", _hoisted_4, [
-                vue.createElementVNode("div", _hoisted_5, vue.toDisplayString(getChannelIcon(channelType)), 1),
-                vue.createElementVNode("div", _hoisted_6, [
-                  vue.createElementVNode("h3", null, vue.toDisplayString(getChannelName(channelType)), 1),
-                  vue.createElementVNode("p", null, vue.toDisplayString(getChannelDescription(channelType)), 1)
-                ])
-              ]),
-              vue.createElementVNode("label", _hoisted_7, [
-                vue.createElementVNode("input", {
-                  type: "checkbox",
-                  checked: enabled,
-                  onChange: ($event) => updatePreference(channelType, $event.target.checked)
-                }, null, 40, _hoisted_8),
-                _cache[1] || (_cache[1] = vue.createElementVNode("span", { class: "toggle-slider" }, null, -1))
-              ])
-            ]);
-          }), 128)),
-          vue.createElementVNode("div", _hoisted_9, [
-            vue.createElementVNode("button", {
-              class: "save-btn",
-              disabled: !hasChanges.value || saving.value,
-              onClick: savePreferences
-            }, vue.toDisplayString(saving.value ? "Saving..." : "Save Changes"), 9, _hoisted_10),
-            hasChanges.value ? (vue.openBlock(), vue.createElementBlock("button", {
-              key: 0,
-              class: "cancel-btn",
-              onClick: resetChanges
-            }, " Cancel ")) : vue.createCommentVNode("", true)
-          ])
-        ]))
-      ]);
-    };
-  }
-};
-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 +0,0 @@
-{"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/NotificationsList.vue.cjs

@@ -1,143 +0,0 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-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 = {
-  key: 0,
-  class: "notifications-header"
-};
-const _hoisted_3 = {
-  key: 1,
-  class: "notifications-loading"
-};
-const _hoisted_4 = {
-  key: 2,
-  class: "notifications-empty"
-};
-const _hoisted_5 = {
-  key: 3,
-  class: "notifications-items"
-};
-const _hoisted_6 = {
-  key: 4,
-  class: "notifications-footer"
-};
-const _sfc_main = {
-  __name: "NotificationsList",
-  setup(__props) {
-    vueRouter.useRouter();
-    const {
-      notifications,
-      unreadCount,
-      loading,
-      lastSync,
-      markAllAsRead,
-      getNotifications,
-      handleNotificationAction
-    } = vue.inject("useNotifications")();
-    const filterType = vue.ref("all");
-    const filteredNotifications = vue.computed(() => {
-      let filtered = [...notifications.value];
-      if (filterType.value === "unread") {
-        filtered = filtered.filter((n) => n.status !== "read");
-      } else if (filterType.value === "read") {
-        filtered = filtered.filter((n) => n.status === "read");
-      } else if (filterType.value !== "all") {
-        filtered = filtered.filter((n) => n.type === filterType.value);
-      }
-      return filtered.sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt));
-    });
-    const emptyMessage = vue.computed(() => {
-      if (notifications.value.length === 0) {
-        return "You have no notifications";
-      }
-      switch (filterType.value) {
-        case "unread":
-          return "You have no unread notifications";
-        case "read":
-          return "You have no read notifications";
-        default:
-          return `You have no ${filterType.value} notifications`;
-      }
-    });
-    const handleNotificationClick = (notification) => {
-      if (notification._id) {
-        handleNotificationAction({
-          notificationId: notification._id,
-          ...notification.metadata
-        });
-      }
-    };
-    const refreshNotifications = () => {
-      const userId = auth.state.user._id;
-      if (userId) {
-        getNotifications(userId);
-      }
-    };
-    const formatTime = (timestamp) => {
-      if (!timestamp) return "";
-      const now = /* @__PURE__ */ new Date();
-      const date = new Date(timestamp);
-      const diffSeconds = Math.floor((now - date) / 1e3);
-      if (diffSeconds < 60) {
-        return "Just now";
-      } else if (diffSeconds < 3600) {
-        const minutes = Math.floor(diffSeconds / 60);
-        return `${minutes} ${minutes === 1 ? "minute" : "minutes"} ago`;
-      } else if (diffSeconds < 86400) {
-        const hours = Math.floor(diffSeconds / 3600);
-        return `${hours} ${hours === 1 ? "hour" : "hours"} ago`;
-      } else {
-        return date.toLocaleDateString(void 0, {
-          year: "numeric",
-          month: "short",
-          day: "numeric",
-          hour: "2-digit",
-          minute: "2-digit"
-        });
-      }
-    };
-    vue.onMounted(() => {
-      const userId = auth.state.user._id;
-      if (userId && notifications.value.length === 0 && !loading.value) {
-        getNotifications(userId);
-      }
-    });
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-        !_ctx.MOBILE_APP ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2, _cache[0] || (_cache[0] = [
-          vue.createElementVNode("h2", null, "Notifications", -1)
-        ]))) : vue.createCommentVNode("", true),
-        vue.unref(loading) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, _cache[1] || (_cache[1] = [
-          vue.createElementVNode("div", { class: "loading-spinner" }, "🔄", -1),
-          vue.createElementVNode("p", null, "Loading notifications...", -1)
-        ]))) : filteredNotifications.value.length === 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
-          vue.createElementVNode("p", null, vue.toDisplayString(emptyMessage.value), 1)
-        ])) : (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
-          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(filteredNotifications.value, (notification) => {
-            return vue.openBlock(), vue.createBlock(NotificationItem.default, {
-              key: notification._id,
-              notification,
-              onClick: ($event) => handleNotificationClick(notification)
-            }, null, 8, ["notification", "onClick"]);
-          }), 128))
-        ])),
-        !vue.unref(loading) && vue.unref(notifications).length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
-          vue.unref(lastSync) ? (vue.openBlock(), vue.createElementBlock("button", {
-            key: 0,
-            class: "refresh-btn",
-            onClick: refreshNotifications
-          }, " 🔄 Last updated: " + vue.toDisplayString(formatTime(vue.unref(lastSync))), 1)) : vue.createCommentVNode("", true)
-        ])) : vue.createCommentVNode("", true)
-      ]);
-    };
-  }
-};
-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 +0,0 @@
-{"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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}