@ozdao/martyrs 0.2.580 → 0.2.582

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

@@ -1,22 +1,21 @@
-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 = {
+import { inject, reactive, ref, computed, onMounted, createElementBlock, openBlock, createElementVNode, unref, createVNode, Fragment, renderList, toDisplayString, createBlock, createCommentVNode, withCtx, createTextVNode } from "vue";
+import _sfc_main$1 from "../../../../components/Checkbox/Checkbox.vue.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
+import Loader from "../../../../components/Loader/Loader.vue.js";
+const _hoisted_1 = {
   key: 0,
-  class: "preferences-loading"
+  class: "pd-large t-center t-transp"
 };
-const _hoisted_3 = {
+const _hoisted_2 = {
   key: 1,
-  class: "preferences-form"
+  class: "gap-thin flex-column flex"
 };
-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 _hoisted_3 = { class: "flex w-100 flex-v-center gap-small mn-r-small" };
+const _hoisted_4 = { class: "h4" };
+const _hoisted_5 = { class: "flex-column flex gap-micro" };
+const _hoisted_6 = { class: "fw-medium lh-1" };
+const _hoisted_7 = { class: "p-small t-transp lh-1" };
+const _hoisted_8 = { class: "flex flex-end gap-small mn-t-thin" };
 const _sfc_main = {
   __name: "NotificationPreferences",
   setup(__props) {
@@ -115,54 +114,61 @@ const _sfc_main = {
       originalPreferences.value = { ...preferences };
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_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),
-          createElementVNode("p", null, "Loading preferences...", -1)
-        ]))) : (openBlock(), createElementBlock("div", _hoisted_3, [
+      return openBlock(), createElementBlock("div", null, [
+        _cache[1] || (_cache[1] = createElementVNode("p", { class: "t-transp mn-b-small" }, "Choose how you want to receive notifications", -1)),
+        unref(loading) ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          createVNode(Loader)
+        ])) : (openBlock(), createElementBlock("div", _hoisted_2, [
           (openBlock(true), createElementBlock(Fragment, null, renderList(preferences, (enabled, channelType) => {
             return openBlock(), createElementBlock("div", {
               key: channelType,
-              class: "preference-item"
+              class: "flex flex-v-center flex-between bg-light radius-small pd-small"
             }, [
-              createElementVNode("div", _hoisted_4, [
-                createElementVNode("div", _hoisted_5, toDisplayString(getChannelIcon(channelType)), 1),
-                createElementVNode("div", _hoisted_6, [
-                  createElementVNode("h3", null, toDisplayString(getChannelName(channelType)), 1),
-                  createElementVNode("p", null, toDisplayString(getChannelDescription(channelType)), 1)
+              createElementVNode("div", _hoisted_3, [
+                createElementVNode("div", _hoisted_4, toDisplayString(getChannelIcon(channelType)), 1),
+                createElementVNode("div", _hoisted_5, [
+                  createElementVNode("p", _hoisted_6, toDisplayString(getChannelName(channelType)), 1),
+                  createElementVNode("p", _hoisted_7, toDisplayString(getChannelDescription(channelType)), 1)
                 ])
               ]),
-              createElementVNode("label", _hoisted_7, [
-                createElementVNode("input", {
-                  type: "checkbox",
-                  checked: enabled,
-                  onChange: ($event) => updatePreference(channelType, $event.target.checked)
-                }, null, 40, _hoisted_8),
-                _cache[1] || (_cache[1] = createElementVNode("span", { class: "toggle-slider" }, null, -1))
-              ])
+              createVNode(_sfc_main$1, {
+                mode: "switch",
+                radio: enabled,
+                "onUpdate:radio": ($event) => updatePreference(channelType, $event),
+                class: "flex-shrink-0"
+              }, null, 8, ["radio", "onUpdate:radio"])
             ]);
           }), 128)),
-          createElementVNode("div", _hoisted_9, [
-            createElementVNode("button", {
-              class: "save-btn",
-              disabled: !hasChanges.value || saving.value,
-              onClick: savePreferences
-            }, toDisplayString(saving.value ? "Saving..." : "Save Changes"), 9, _hoisted_10),
-            hasChanges.value ? (openBlock(), createElementBlock("button", {
+          createElementVNode("div", _hoisted_8, [
+            hasChanges.value ? (openBlock(), createBlock(_sfc_main$2, {
               key: 0,
-              class: "cancel-btn",
-              onClick: resetChanges
-            }, " Cancel ")) : createCommentVNode("", true)
+              submit: resetChanges,
+              showLoader: false,
+              showSucces: false,
+              class: "bg-white t-dark"
+            }, {
+              default: withCtx(() => _cache[0] || (_cache[0] = [
+                createTextVNode(" Cancel ")
+              ])),
+              _: 1
+            })) : createCommentVNode("", true),
+            createVNode(_sfc_main$2, {
+              submit: savePreferences,
+              validation: !hasChanges.value || saving.value,
+              class: "bg-main t-white"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(saving.value ? "Saving..." : "Save Changes"), 1)
+              ]),
+              _: 1
+            }, 8, ["validation"])
           ])
         ]))
       ]);
     };
   }
 };
-const NotificationPreferences = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-420a3f66"]]);
 export {
-  NotificationPreferences as default
+  _sfc_main as default
 };
 //# sourceMappingURL=NotificationPreferences.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NotificationPreferences.vue.js","sources":["../../../../../../../src/modules/notifications/components/sections/NotificationPreferences.vue"],"sourcesContent":["<template>\n  <div class=\"notification-preferences\">\n    <h2 class=\"mn-b-small\">Notification Preferences</h2>\n    <p class=\"description\">Choose how you want to receive notifications</p>\n    \n    <div v-if=\"loading\" class=\"preferences-loading\">\n      <div class=\"loading-spinner\">🔄</div>\n      <p>Loading preferences...</p>\n    </div>\n    \n    <div v-else class=\"preferences-form\">\n      <div \n        v-for=\"(enabled, channelType) in preferences\" \n        :key=\"channelType\" \n        class=\"preference-item\"\n      >\n        <div class=\"preference-info\">\n          <div class=\"preference-icon\">{{ getChannelIcon(channelType) }}</div>\n          <div class=\"preference-details\">\n            <h3>{{ getChannelName(channelType) }}</h3>\n            <p>{{ getChannelDescription(channelType) }}</p>\n          </div>\n        </div>\n        <label class=\"toggle-switch\">\n          <input\n            type=\"checkbox\"\n            :checked=\"enabled\"\n            @change=\"updatePreference(channelType, $event.target.checked)\"\n          >\n          <span class=\"toggle-slider\"></span>\n        </label>\n      </div>\n      \n      <div class=\"form-actions\">\n        <button \n          class=\"save-btn\" \n          :disabled=\"!hasChanges || saving\" \n          @click=\"savePreferences\"\n        >\n          {{ saving ? 'Saving...' : 'Save Changes' }}\n        </button>\n        <button \n          v-if=\"hasChanges\" \n          class=\"cancel-btn\" \n          @click=\"resetChanges\"\n        >\n          Cancel\n        </button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, reactive, computed, onMounted, inject } from 'vue';\n\n// Get notification preferences functionality\nconst { \n  preferences: storePreferences,\n  loading,\n  getPreferences,\n  updatePreferences\n} = inject('useNotifications')();\n\n// Local reactive state for form\nconst preferences = reactive({...storePreferences.value});\nconst originalPreferences = ref({});\nconst saving = ref(false);\n\n// Computed properties\nconst hasChanges = computed(() => {\n  return Object.keys(preferences).some(key => \n    preferences[key] !== originalPreferences.value[key]\n  );\n});\n\n// Methods\nconst updatePreference = (channelType, value) => {\n  preferences[channelType] = value;\n};\n\nconst savePreferences = async () => {\n  try {\n    saving.value = true;\n    await updatePreferences(preferences);\n    originalPreferences.value = {...preferences};\n    saving.value = false;\n  } catch (error) {\n    console.error('Error saving preferences:', error);\n    saving.value = false;\n  }\n};\n\nconst resetChanges = () => {\n  Object.keys(preferences).forEach(key => {\n    preferences[key] = originalPreferences.value[key];\n  });\n};\n\nconst getChannelIcon = (channelType) => {\n  switch (channelType) {\n    case 'web': return '🖥️';\n    case 'push': return '📱';\n    case 'email': return '📧';\n    case 'sms': return '📱';\n    case 'telegram': return '📬';\n    case 'whatsapp': return '💬';\n    default: return '🔔';\n  }\n};\n\nconst getChannelName = (channelType) => {\n  switch (channelType) {\n    case 'web': return 'Web Notifications';\n    case 'push': return 'Mobile Push Notifications';\n    case 'email': return 'Email Notifications';\n    case 'sms': return 'SMS Notifications';\n    case 'telegram': return 'Telegram Messages';\n    case 'whatsapp': return 'WhatsApp Messages';\n    default: return channelType;\n  }\n};\n\nconst getChannelDescription = (channelType) => {\n  switch (channelType) {\n    case 'web': \n      return 'Real-time notifications in your browser';\n    case 'push': \n      return 'Notifications on your mobile device even when the app is closed';\n    case 'email': \n      return 'Receive notifications in your email inbox';\n    case 'sms': \n      return 'Get text messages for important notifications';\n    case 'telegram': \n      return 'Receive notifications via Telegram bot';\n    case 'whatsapp': \n      return 'Get notifications as WhatsApp messages';\n    default: \n      return '';\n  }\n};\n\n// Lifecycle\nonMounted(async () => {\n  await getPreferences();\n  \n  // Copy store preferences to local state\n  Object.keys(storePreferences.value).forEach(key => {\n    preferences[key] = storePreferences.value[key];\n  });\n  \n  // Create a deep copy of the original preferences\n  originalPreferences.value = {...preferences};\n});\n</script>\n\n<style scoped>\n\n.description {\n  color: #666;\n  margin-bottom: 24px;\n}\n\n.preferences-loading {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  padding: 48px 0;\n}\n\n.loading-spinner {\n  font-size: 2rem;\n  margin-bottom: 16px;\n  animation: spin 2s linear infinite;\n}\n\n@keyframes spin {\n  0% { transform: rotate(0deg); }\n  100% { transform: rotate(360deg); }\n}\n\n.preference-item {\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 16px;\n  border-bottom: 1px solid #eee;\n}\n\n.preference-item:last-child {\n  border-bottom: none;\n}\n\n.preference-info {\n  display: flex;\n  align-items: center;\n  flex: 1;\n}\n\n.preference-icon {\n  font-size: 1.5rem;\n  margin-right: 16px;\n  width: 40px;\n  height: 40px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.preference-details h3 {\n  margin: 0 0 4px 0;\n  font-size: 1rem;\n}\n\n.preference-details p {\n  margin: 0;\n  color: #666;\n  font-size: 0.875rem;\n}\n\n/* Toggle switch styles */\n.toggle-switch {\n  position: relative;\n  display: inline-block;\n  width: 50px;\n  height: 24px;\n}\n\n.toggle-switch input {\n  opacity: 0;\n  width: 0;\n  height: 0;\n}\n\n.toggle-slider {\n  position: absolute;\n  cursor: pointer;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background-color: #ccc;\n  transition: .4s;\n  border-radius: 24px;\n}\n\n.toggle-slider:before {\n  position: absolute;\n  content: \"\";\n  height: 16px;\n  width: 16px;\n  left: 4px;\n  bottom: 4px;\n  background-color: white;\n  transition: .4s;\n  border-radius: 50%;\n}\n\ninput:checked + .toggle-slider {\n  background-color: #2196F3;\n}\n\ninput:checked + .toggle-slider:before {\n  transform: translateX(26px);\n}\n\n.form-actions {\n  margin-top: 24px;\n  display: flex;\n  justify-content: flex-end;\n  gap: 16px;\n}\n\n.save-btn, .cancel-btn {\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n\n.save-btn {\n  background-color: #2196F3;\n  border: none;\n  color: white;\n}\n\n.save-btn:disabled {\n  background-color: #ccc;\n  cursor: not-allowed;\n}\n\n.cancel-btn {\n  background-color: white;\n  border: 1px solid #ccc;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAyDA,UAAM;AAAA,MACJ,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,OAAO,kBAAkB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NotificationPreferences.vue.js","sources":["../../../../../../../src/modules/notifications/components/sections/NotificationPreferences.vue"],"sourcesContent":["<template>\n  <div>\n    <p class=\"t-transp mn-b-small\">Choose how you want to receive notifications</p>\n\n    <div v-if=\"loading\" class=\"pd-large t-center t-transp\">\n      <Loader />\n    </div>\n\n    <div v-else class=\"gap-thin flex-column flex\">\n      <div\n        v-for=\"(enabled, channelType) in preferences\"\n        :key=\"channelType\"\n        class=\"flex flex-v-center flex-between bg-light radius-small pd-small\"\n      >\n        <div class=\"flex w-100 flex-v-center gap-small mn-r-small\">\n          <div class=\"h4\">{{ getChannelIcon(channelType) }}</div>\n          <div class=\"flex-column flex gap-micro\">\n            <p class=\"fw-medium lh-1\">{{ getChannelName(channelType) }}</p>\n            <p class=\"p-small t-transp lh-1\">{{ getChannelDescription(channelType) }}</p>\n          </div>\n        </div>\n        <Checkbox\n          mode=\"switch\"\n          :radio=\"enabled\"\n          @update:radio=\"updatePreference(channelType, $event)\"\n          class=\"flex-shrink-0\"\n        />\n      </div>\n\n      <div class=\"flex flex-end gap-small mn-t-thin\">\n        <Button\n          v-if=\"hasChanges\"\n          :submit=\"resetChanges\"\n          :showLoader=\"false\"\n          :showSucces=\"false\"\n          class=\"bg-white t-dark\"\n        >\n          Cancel\n        </Button>\n        <Button\n          :submit=\"savePreferences\"\n          :validation=\"!hasChanges || saving\"\n          class=\"bg-main t-white\"\n        >\n          {{ saving ? 'Saving...' : 'Save Changes' }}\n        </Button>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, reactive, computed, onMounted, inject } from 'vue';\nimport Checkbox from '@martyrs/src/components/Checkbox/Checkbox.vue';\nimport Button from '@martyrs/src/components/Button/Button.vue';\nimport Loader from '@martyrs/src/components/Loader/Loader.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"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AA0DA,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.js

@@ -1,68 +1,18 @@
-import { inject, ref, computed, onMounted, createElementBlock, openBlock, createCommentVNode, createElementVNode, unref, toDisplayString, Fragment, renderList, createBlock } from "vue";
-import { useRouter } from "vue-router";
+import { inject, createBlock, openBlock, withCtx, createElementBlock, Fragment, renderList } from "vue";
+import _sfc_main$1 from "../../../../components/Feed/Feed.vue.js";
 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 = {
-  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"
-};
+import { actions } from "../../store/notifications.store.js";
 const _sfc_main = {
   __name: "NotificationsList",
   setup(__props) {
-    useRouter();
-    const {
-      notifications,
-      unreadCount,
-      loading,
-      lastSync,
-      markAllAsRead,
-      getNotifications,
-      handleNotificationAction
-    } = inject("useNotifications")();
-    const filterType = ref("all");
-    const filteredNotifications = 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 = 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 { handleNotificationAction } = inject("useNotifications")();
+    const fetchNotifications = async (options) => {
+      const userId = state.user._id;
+      if (!userId) return [];
+      const data = await actions.getNotifications(userId);
+      return data || [];
+    };
     const handleNotificationClick = (notification) => {
       if (notification._id) {
         handleNotificationAction({
@@ -71,73 +21,43 @@ const _sfc_main = {
         });
       }
     };
-    const refreshNotifications = () => {
-      const userId = 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"
-        });
-      }
-    };
-    onMounted(() => {
-      const userId = state.user._id;
-      if (userId && notifications.value.length === 0 && !loading.value) {
-        getNotifications(userId);
-      }
-    });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        !_ctx.MOBILE_APP ? (openBlock(), createElementBlock("div", _hoisted_2, _cache[0] || (_cache[0] = [
-          createElementVNode("h2", null, "Notifications", -1)
-        ]))) : createCommentVNode("", true),
-        unref(loading) ? (openBlock(), createElementBlock("div", _hoisted_3, _cache[1] || (_cache[1] = [
-          createElementVNode("div", { class: "loading-spinner" }, "🔄", -1),
-          createElementVNode("p", null, "Loading notifications...", -1)
-        ]))) : filteredNotifications.value.length === 0 ? (openBlock(), createElementBlock("div", _hoisted_4, [
-          createElementVNode("p", null, toDisplayString(emptyMessage.value), 1)
-        ])) : (openBlock(), createElementBlock("div", _hoisted_5, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(filteredNotifications.value, (notification) => {
+      return openBlock(), createBlock(_sfc_main$1, {
+        states: {
+          empty: {
+            title: "No Notifications",
+            description: "You have no notifications yet"
+          }
+        },
+        store: {
+          read: fetchNotifications
+        },
+        options: {
+          limit: 20
+        },
+        skeleton: {
+          structure: [
+            { block: "text", size: "small" },
+            { block: "text", size: "large" }
+          ]
+        },
+        class: "gap-thin cols-1"
+      }, {
+        default: withCtx(({ items }) => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(items, (notification) => {
             return openBlock(), createBlock(NotificationItem, {
               key: notification._id,
               notification,
               onClick: ($event) => handleNotificationClick(notification)
             }, null, 8, ["notification", "onClick"]);
           }), 128))
-        ])),
-        !unref(loading) && unref(notifications).length > 0 ? (openBlock(), createElementBlock("div", _hoisted_6, [
-          unref(lastSync) ? (openBlock(), createElementBlock("button", {
-            key: 0,
-            class: "refresh-btn",
-            onClick: refreshNotifications
-          }, " 🔄 Last updated: " + toDisplayString(formatTime(unref(lastSync))), 1)) : createCommentVNode("", true)
-        ])) : createCommentVNode("", true)
-      ]);
+        ]),
+        _: 1
+      }, 8, ["store"]);
     };
   }
 };
-const NotificationsList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5af8a2ed"]]);
 export {
-  NotificationsList as default
+  _sfc_main as default
 };
 //# sourceMappingURL=NotificationsList.vue.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"NotificationsList.vue.js","sources":["../../../../../../../src/modules/notifications/components/sections/NotificationsList.vue"],"sourcesContent":["<template>\n  <div class=\"notifications-list-container\">\n    <div v-if=\"!MOBILE_APP\" class=\"notifications-header\">\n      <h2>Notifications</h2>\n   <!--    <div class=\"notifications-controls\">\n        <div class=\"notifications-filter\">\n          <label for=\"filter-type\">Filter: </label>\n          <select id=\"filter-type\" v-model=\"filterType\">\n            <option value=\"all\">All</option>\n            <option value=\"unread\">Unread</option>\n            <option value=\"read\">Read</option>\n            <option value=\"info\">Info</option>\n            <option value=\"success\">Success</option>\n            <option value=\"warning\">Warning</option>\n            <option value=\"error\">Error</option>\n          </select>\n        </div>\n        <button \n          v-if=\"unreadCount > 0\" \n          class=\"mark-all-read-btn\"\n          @click=\"markAllAsRead\"\n        >\n          Mark all as read\n        </button>\n      </div> -->\n    </div>\n    \n    <div v-if=\"loading\" class=\"notifications-loading\">\n      <div class=\"loading-spinner\">🔄</div>\n      <p>Loading notifications...</p>\n    </div>\n    \n    <div v-else-if=\"filteredNotifications.length === 0\" class=\"notifications-empty\">\n      <p>{{ emptyMessage }}</p>\n    </div>\n    \n    <div v-else class=\"notifications-items\">\n      <notification-item \n        v-for=\"notification in filteredNotifications\" \n        :key=\"notification._id\" \n        :notification=\"notification\"\n        @click=\"handleNotificationClick(notification)\"\n      />\n    </div>\n    \n    <div v-if=\"!loading && notifications.length > 0\" class=\"notifications-footer\">\n      <button v-if=\"lastSync\" class=\"refresh-btn\" @click=\"refreshNotifications\">\n        🔄 Last updated: {{ formatTime(lastSync) }}\n      </button>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, onMounted, inject } from 'vue';\nimport { useRouter } from 'vue-router';\nimport NotificationItem from '../blocks/NotificationItem.vue';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\n\n// Get router and notification functionality\nconst router = useRouter();\nconst { \n  notifications, \n  unreadCount, \n  loading, \n  lastSync,\n  markAllAsRead, \n  getNotifications,\n  handleNotificationAction\n} = inject('useNotifications')();\n\n// Local state\nconst filterType = ref('all');\n\n// Computed properties\nconst filteredNotifications = computed(() => {\n  let filtered = [...notifications.value];\n  \n  // Apply filters\n  if (filterType.value === 'unread') {\n    filtered = filtered.filter(n => n.status !== 'read');\n  } else if (filterType.value === 'read') {\n    filtered = filtered.filter(n => n.status === 'read');\n  } else if (filterType.value !== 'all') {\n    // Filter by notification type\n    filtered = filtered.filter(n => n.type === filterType.value);\n  }\n  \n  // Sort by creation date (newest first)\n  return filtered.sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt));\n});\n\nconst emptyMessage = computed(() => {\n  if (notifications.value.length === 0) {\n    return 'You have no notifications';\n  }\n  \n  switch (filterType.value) {\n    case 'unread':\n      return 'You have no unread notifications';\n    case 'read':\n      return 'You have no read notifications';\n    default:\n      return `You have no ${filterType.value} notifications`;\n  }\n});\n\n// Methods\nconst handleNotificationClick = (notification) => {\n  if (notification._id) {\n    handleNotificationAction({\n      notificationId: notification._id,\n      ...notification.metadata\n    });\n  }\n};\n\nconst refreshNotifications = () => {\n  const userId = auth.state.user._id;\n  if (userId) {\n    getNotifications(userId);\n  }\n};\n\n// Format relative time without external libraries\nconst formatTime = (timestamp) => {\n  if (!timestamp) return '';\n  \n  const now = new Date();\n  const date = new Date(timestamp);\n  const diffSeconds = Math.floor((now - date) / 1000);\n  \n  // Format based on how long ago\n  if (diffSeconds < 60) {\n    return 'Just now';\n  } else if (diffSeconds < 3600) {\n    const minutes = Math.floor(diffSeconds / 60);\n    return `${minutes} ${minutes === 1 ? 'minute' : 'minutes'} ago`;\n  } else if (diffSeconds < 86400) {\n    const hours = Math.floor(diffSeconds / 3600);\n    return `${hours} ${hours === 1 ? 'hour' : 'hours'} ago`;\n  } else {\n    // Format date string\n    return date.toLocaleDateString(undefined, {\n      year: 'numeric',\n      month: 'short',\n      day: 'numeric',\n      hour: '2-digit',\n      minute: '2-digit'\n    });\n  }\n};\n\n// Lifecycle\nonMounted(() => {\n  const userId = auth.state.user._id;\n  if (userId && notifications.value.length === 0 && !loading.value) {\n    getNotifications(userId);\n  }\n});\n</script>\n\n<style scoped>\n.notifications-list-container {\n  width: 100%;\n  max-width: 800px;\n  margin: 0 auto;\n}\n\n.notifications-header {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-bottom: 20px;\n}\n\n.notifications-controls {\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n\n.notifications-filter select {\n  padding: 6px 12px;\n  border-radius: 4px;\n  border: 1px solid #ddd;\n}\n\n.mark-all-read-btn {\n  background-color: #2196f3;\n  color: white;\n  border: none;\n  padding: 6px 12px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n\n.notifications-loading,\n.notifications-empty {\n  padding: 40px 0;\n  text-align: center;\n  color: #666;\n}\n\n.loading-spinner {\n  font-size: 2rem;\n  margin-bottom: 10px;\n  animation: spin 1s linear infinite;\n}\n\n@keyframes spin {\n  from { transform: rotate(0deg); }\n  to { transform: rotate(360deg); }\n}\n\n.notifications-items {\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n\n.notifications-footer {\n  margin-top: 20px;\n  text-align: center;\n}\n\n.refresh-btn {\n  background: none;\n  border: none;\n  color: #666;\n  cursor: pointer;\n  padding: 6px 12px;\n}\n\n.refresh-btn:hover {\n  color: #2196f3;\n}\n</style>"],"names":["auth.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4De,cAAS;AACxB,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,OAAO,kBAAkB,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NotificationsList.vue.js","sources":["../../../../../../../src/modules/notifications/components/sections/NotificationsList.vue"],"sourcesContent":["<template>\n  <Feed\n    :states=\"{\n      empty: {\n        title: 'No Notifications',\n        description: 'You have no notifications yet'\n      }\n    }\"\n    :store=\"{\n      read: fetchNotifications\n    }\"\n    :options=\"{\n      limit: 20\n    }\"\n    :skeleton=\"{\n      structure: [\n        { block: 'text', size: 'small' },\n        { block: 'text', size: 'large' }\n      ]\n    }\"\n    v-slot=\"{ items }\"\n    class=\"gap-thin cols-1\"\n  >\n    <NotificationItem\n      v-for=\"notification in items\"\n      :key=\"notification._id\"\n      :notification=\"notification\"\n      @click=\"handleNotificationClick(notification)\"\n    />\n  </Feed>\n</template>\n\n<script setup>\nimport { inject } from 'vue';\nimport Feed from '@martyrs/src/components/Feed/Feed.vue';\nimport NotificationItem from '../blocks/NotificationItem.vue';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js';\nimport { actions } from '@martyrs/src/modules/notifications/store/notifications.store.js';\n\nconst { handleNotificationAction } = inject('useNotifications')();\n\nconst fetchNotifications = async (options) => {\n  const userId = auth.state.user._id;\n  if (!userId) return [];\n\n  const data = await actions.getNotifications(userId);\n  return data || [];\n};\n\nconst handleNotificationClick = (notification) => {\n  if (notification._id) {\n    handleNotificationAction({\n      notificationId: notification._id,\n      ...notification.metadata\n    });\n  }\n};\n</script>\n"],"names":["auth.state"],"mappings":";;;;;;;;AAuCA,UAAM,EAAE,yBAAwB,IAAK,OAAO,kBAAkB,EAAC;AAE/D,UAAM,qBAAqB,OAAO,YAAY;AAC5C,YAAM,SAASA,MAAW,KAAK;AAC/B,UAAI,CAAC,OAAQ,QAAO,CAAA;AAEpB,YAAM,OAAO,MAAM,QAAQ,iBAAiB,MAAM;AAClD,aAAO,QAAQ,CAAA;AAAA,IACjB;AAEA,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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -5,8 +5,8 @@ import * as notifications_store from "./store/notifications.store.js";
 import { wsManager } from "../core/views/classes/ws.manager.js";
 import { Preferences } from "../../../node_modules/.pnpm/@capacitor_preferences@7.0.2_@capacitor_core@7.4.4/node_modules/@capacitor/preferences/dist/esm/index.js";
 import _sfc_main from "./components/layouts/NotificationsLayout.vue.js";
-import NotificationPreferences from "./components/sections/NotificationPreferences.vue.js";
-import NotificationsList from "./components/sections/NotificationsList.vue.js";
+import _sfc_main$2 from "./components/sections/NotificationPreferences.vue.js";
+import _sfc_main$3 from "./components/sections/NotificationsList.vue.js";
 import _sfc_main$1 from "./components/pages/Notifications.vue.js";
 import NotificationItem from "./components/blocks/NotificationItem.vue.js";
 import NotificationBadge from "./components/elements/NotificationBadge.vue.js";
@@ -324,22 +324,25 @@ function initializeNotifications(app, store, router, options = {}) {
   const isServer = typeof window === "undefined";
   const autoInit = !isServer && options.autoInit !== false;
   if (autoInit) {
-    notificationManager.initialize();
     watch(
-      () => store.core.state.session.token,
-      async (token, oldToken) => {
-        const isAuthenticated = !!token;
-        const wasAuthenticated = !!oldToken;
-        if (isAuthenticated && !wasAuthenticated) {
-          console.log("[Notifications] User logged in, re-registering device...");
+      () => store.core.state.session.userId,
+      async (userId, oldUserId) => {
+        console.log("[Notifications] Watch triggered, userId:", userId, "oldUserId:", oldUserId);
+        if (userId && !oldUserId) {
+          console.log("[Notifications] User authenticated, initializing WebSocket...", userId);
           await store.notifications.actions.reregisterDeviceAfterLogin();
           notificationManager.disconnect();
           await notificationManager.initialize();
-        } else if (!isAuthenticated && wasAuthenticated) {
+        } else if (!userId && oldUserId) {
           console.log("[Notifications] User logged out, resetting notifications...");
+          notificationManager.disconnect();
           store.notifications.mutations.resetNotifications();
+        } else if (!userId && !oldUserId) {
+          console.log("[Notifications] Anonymous user, initializing without WebSocket...");
+          await notificationManager.initialize();
         }
-      }
+      },
+      { immediate: true }
     );
   }
   app.provide("useNotifications", () => {
@@ -371,8 +374,8 @@ const ModuleNotifications = {
       // Blocks
       NotificationItem,
       // Sections
-      NotificationsList,
-      NotificationPreferences,
+      NotificationsList: _sfc_main$3,
+      NotificationPreferences: _sfc_main$2,
       // Pages
       Notifications: _sfc_main$1,
       // Layouts
@@ -387,10 +390,10 @@ console.log(`[LOADING 37] Notifications module fully imported in ${totalTime?.du
 export {
   NotificationBadge,
   NotificationItem,
-  NotificationPreferences,
+  _sfc_main$2 as NotificationPreferences,
   _sfc_main$1 as Notifications,
   _sfc_main as NotificationsLayout,
-  NotificationsList,
+  _sfc_main$3 as NotificationsList,
   SSRUtils,
   ModuleNotifications as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"notifications.client.js","sources":["../../../../../src/modules/notifications/notifications.client.js"],"sourcesContent":["// [LOADING 37] Notifications module import started\nperformance.mark('loading-37-start');\nconsole.log('[LOADING 37] Notifications module import started...');\n\nimport { toRefs, watch } from 'vue';\n// Router import\nimport addRoutes from '@martyrs/src/modules/core/views/router/addRoutes.js';\nimport { getRoutes } from './notifications.router.js';\n// Store\nimport * as storeNotifications from './store/notifications.store.js';\n// Global WebSocket import\nimport wsManager from '@martyrs/src/modules/core/views/classes/ws.manager.js';\n// Capacitor Preferences\nimport { Preferences } from '@capacitor/preferences';\n// Layouts\nimport NotificationsLayout from './components/layouts/NotificationsLayout.vue';\n// Sections\nimport NotificationPreferences from './components/sections/NotificationPreferences.vue';\nimport NotificationsList from './components/sections/NotificationsList.vue';\n// Pages\nimport Notifications from './components/pages/Notifications.vue';\n// Components\nimport NotificationItem from './components/blocks/NotificationItem.vue';\nimport NotificationBadge from './components/elements/NotificationBadge.vue';\n\nperformance.mark('loading-37-imports-end');\nconst importsTime = performance.measure('loading-37-imports', 'loading-37-start', 'loading-37-imports-end');\nconsole.log(`[LOADING 37] All imports completed in ${importsTime.duration.toFixed(2)}ms`);\n\n/**\n * Capacitor Push Notification handler\n */\nclass CapacitorPushHandler {\n  constructor(store) {\n    this.store = store;\n    this.pushNotifications = null;\n    this.device = null;\n    this.isInitialized = false;\n  }\n\n  /**\n   * Initialize Capacitor plugins\n   */\n  async initialize() {\n    // Skip if running in SSR\n    if (typeof window === 'undefined') {\n      return false;\n    }\n\n    try {\n      // Dynamic imports to prevent errors in web environment\n      const { Capacitor } = await import('@capacitor/core');\n      const { PushNotifications } = await import('@capacitor/push-notifications');\n      const { Device } = await import('@capacitor/device');\n\n      this.capacitor = Capacitor;\n      this.pushNotifications = PushNotifications;\n      this.device = Device;\n\n      // Only proceed if running on a native platform\n      if (!this.capacitor.isNativePlatform()) {\n        return false;\n      }\n\n      this.isInitialized = true;\n      return true;\n    } catch (error) {\n      console.error('Error importing Capacitor plugins:', error);\n      return false;\n    }\n  }\n\n  /**\n   * Request permission and register for push notifications\n   */\n  async requestPermissions() {\n    // Skip if running in SSR\n    if (typeof window === 'undefined') {\n      return false;\n    }\n\n    if (!this.isInitialized) {\n      const initialized = await this.initialize();\n      if (!initialized) return false;\n    }\n\n    try {\n      // Request permission\n      const permissionResult = await this.pushNotifications.requestPermissions();\n      if (permissionResult.receive !== 'granted') {\n        console.log('Push notification permission denied');\n        return false;\n      }\n\n      // Set up event listeners\n      this._setupListeners();\n\n      // Register with Apple/Google\n      await this.pushNotifications.register();\n      return true;\n    } catch (error) {\n      console.error('Error requesting push notification permissions:', error);\n      return false;\n    }\n  }\n\n  /**\n   * Setup push notification event listeners\n   */\n  _setupListeners() {\n    // Registration event\n    this.pushNotifications.addListener('registration', this._handleRegistration.bind(this));\n\n    // Notification received event\n    this.pushNotifications.addListener('pushNotificationReceived', this._handleNotificationReceived.bind(this));\n\n    // Notification action performed event\n    this.pushNotifications.addListener('pushNotificationActionPerformed', this._handleNotificationAction.bind(this));\n  }\n\n  /**\n   * Handle registration token received\n   */\n  async _handleRegistration(token) {\n    try {\n      // Get device info\n      const deviceInfo = await this.device.getInfo();\n      const deviceId = await this.device.getId();\n\n      // Prepare device data\n      const deviceData = {\n        deviceId: deviceId.uuid,\n        deviceType: deviceInfo.platform.toLowerCase(),\n        deviceToken: token.value,\n      };\n\n      // Store device info for re-registration after login\n      try {\n        await Preferences.set({\n          key: 'notifications_device_id',\n          value: deviceId.uuid\n        });\n        await Preferences.set({\n          key: 'notifications_device_token',\n          value: token.value\n        });\n        await Preferences.set({\n          key: 'notifications_device_type',\n          value: deviceInfo.platform.toLowerCase()\n        });\n      } catch (error) {\n        console.warn('Could not save device info to preferences:', error);\n      }\n\n      // For anonymous users, add anonymousId\n      if (!this.store.core.state.session.userId) {\n        let anonymousId = null;\n        try {\n          const result = await Preferences.get({ key: 'notifications_anonymous_id' });\n          anonymousId = result.value;\n        } catch (error) {\n          console.warn('Could not get anonymous ID from preferences:', error);\n        }\n        \n        if (!anonymousId) {\n          anonymousId = 'anon_' + Date.now() + '_' + Math.random().toString(36).substr(2, 9);\n          try {\n            await Preferences.set({\n              key: 'notifications_anonymous_id',\n              value: anonymousId\n            });\n          } catch (error) {\n            console.warn('Could not save anonymous ID to preferences:', error);\n          }\n        }\n        deviceData.anonymousId = anonymousId;\n      }\n\n      // Register device with backend\n      await this.store.notifications.actions.registerDevice(deviceData);\n    } catch (error) {\n      console.error('Error handling push registration:', error);\n    }\n  }\n\n  /**\n   * Handle received notification\n   */\n  _handleNotificationReceived(notification) {\n    // Add notification to store\n    this.store.notifications.actions.addLocalNotification({\n      title: notification.title,\n      body: notification.body,\n      data: notification.data || {},\n    });\n  }\n\n  /**\n   * Handle notification action (when user taps on notification)\n   */\n  _handleNotificationAction(actionData) {\n    if (actionData.notification && actionData.notification.data) {\n      this.store.notifications.actions.handleNotificationAction(actionData.notification.data);\n    }\n  }\n\n  /**\n   * Remove push notification listeners\n   */\n  removeListeners() {\n    if (typeof window === 'undefined') {\n      return;\n    }\n\n    if (this.pushNotifications) {\n      this.pushNotifications.removeAllListeners();\n    }\n  }\n}\n\n/**\n * Notification Manager for coordinating WebSocket and Push notifications\n */\n\nclass NotificationManager {\n  constructor(store, options = {}) {\n    this.store = store;\n    this.options = options;\n    this.pushHandler = new CapacitorPushHandler(store);\n    this.initialized = false;\n    this.isServer = typeof window === 'undefined';\n  }\n\n  async registerWebPush(store) {\n    if (!('Notification' in window) || !('serviceWorker' in navigator) || !('PushManager' in window)) {\n      console.warn('Web Push не поддерживается в браузере');\n      return;\n    }\n\n    const permission = await Notification.requestPermission();\n    if (permission !== 'granted') {\n      console.warn('Разрешение на уведомления не получено');\n      return;\n    }\n\n    const registration = await navigator.serviceWorker.ready;\n    const subscription = await registration.pushManager.subscribe({\n      userVisibleOnly: true,\n      applicationServerKey: 'BJtNnRrx05VQS0abnkHC-8gHJWpnmoqC_iQveENCmZOZIs-adWzqAiqFCdGVVd7CbiaLW-Q5iuIBDRgM9G-VnKg',\n    });\n\n    console.log('New subscription:', JSON.stringify(subscription));\n\n    const deviceToken = JSON.stringify(subscription);\n    const deviceId = await this.generateDeviceId();\n    \n    // Store device data for re-registration after login\n    try {\n      await Preferences.set({\n        key: 'notifications_device_id',\n        value: deviceId\n      });\n      await Preferences.set({\n        key: 'notifications_device_token',\n        value: deviceToken\n      });\n      await Preferences.set({\n        key: 'notifications_device_type',\n        value: 'web'\n      });\n    } catch (error) {\n      console.warn('Could not save device info to preferences:', error);\n    }\n\n    const deviceData = {\n      deviceToken,\n      deviceType: 'web',\n      deviceId\n    };\n\n    // For anonymous users, get or generate anonymousId\n    if (!store.core.state.session.userId) {\n      let anonymousId = null;\n      try {\n        const result = await Preferences.get({ key: 'notifications_anonymous_id' });\n        anonymousId = result.value;\n      } catch (error) {\n        console.warn('Could not get anonymous ID from preferences:', error);\n      }\n      \n      if (!anonymousId) {\n        anonymousId = 'anon_' + Date.now() + '_' + Math.random().toString(36).substr(2, 9);\n        try {\n          await Preferences.set({\n            key: 'notifications_anonymous_id',\n            value: anonymousId\n          });\n        } catch (error) {\n          console.warn('Could not save anonymous ID to preferences:', error);\n        }\n      }\n      deviceData.anonymousId = anonymousId;\n    }\n\n    // Register device\n    console.log('[Notifications] Registering device with data:', deviceData);\n    await store.notifications.actions.registerDevice(deviceData);\n  }\n\n  async generateDeviceId() {\n    // Try to get or generate a persistent device ID\n    try {\n      const result = await Preferences.get({ key: 'notifications_device_id' });\n      let deviceId = result.value;\n      \n      if (!deviceId) {\n        deviceId = 'web_' + Date.now() + '_' + Math.random().toString(36).substr(2, 9);\n        await Preferences.set({\n          key: 'notifications_device_id',\n          value: deviceId\n        });\n      }\n      return deviceId;\n    } catch (error) {\n      console.warn('Could not access preferences for device ID:', error);\n      return 'web_' + Date.now() + '_' + Math.random().toString(36).substr(2, 9);\n    }\n  }\n\n  async initialize() {\n    if (this.initialized || this.isServer) return;\n\n    const userId = this.store.core.state.session.userId;\n    \n    // Connect WebSocket only for authenticated users\n    if (userId) {\n      console.log('Connecting to websockets via notifications');\n      wsManager.initialize({\n        wsUrl: process.env.WSS_URL,\n        maxReconnectAttempts: 10,\n        reconnectDelay: 2000,\n      });\n\n      await wsManager.connect(userId);\n\n      wsManager.removeModuleListeners('notification');\n\n      await wsManager.subscribeModule('notification');\n\n      wsManager.addEventListener(\n        'notification',\n        data => {\n          this.store.notifications.actions.addLocalNotification(data.data);\n        },\n        { module: 'notification' }\n      );\n\n      // Load notifications from API for authenticated users\n      await this.store.notifications.actions.getNotifications(userId);\n    } else {\n      console.log('Initializing notifications for anonymous user');\n    }\n\n    // Enable push notifications for both authenticated and anonymous users\n    // Skip auto-init for mobile apps - will be triggered manually from Walkthrough\n    if (this.options.enablePush !== false && !process.env.MOBILE_APP) {\n      await this.pushHandler.requestPermissions();\n      await this.registerWebPush(this.store);\n    }\n\n    this.initialized = true;\n  }\n\n  disconnect() {\n    if (this.isServer) return;\n\n    wsManager.removeModuleListeners('notification');\n    this.pushHandler.removeListeners();\n    this.initialized = false;\n  }\n}\n\n/**\n * Server-side utility for pre-fetching notification data\n */\nconst SSRUtils = {\n  /**\n   * Pre-fetch notifications for SSR\n   * @param {Object} store - Store instance\n   * @param {Object} context - SSR context\n   */\n  async prefetchNotifications(store, context) {\n    try {\n      const userId = store.core.state.session.userId;\n      if (userId) {\n        // Fetch notifications without WebSocket or push setup\n        await store.notifications.actions.getNotifications(userId);\n      }\n    } catch (error) {\n      console.error('Error pre-fetching notifications for SSR:', error);\n    }\n  },\n};\n\n/**\n * Function to initialize the notifications module\n * @param {Object} app - Vue app instance\n * @param {Object} store - Vuex/Pinia store\n * @param {Object} router - Vue Router instance\n * @param {Object} options - Configuration options\n */\nfunction initializeNotifications(app, store, router, options = {}) {\n  // Add routes and store\n  const routes = getRoutes(options);\n  routes.forEach(({ parentName, config }) => {\n    addRoutes(router, { ...config, parentName });\n  });\n\n  store.addStore('notifications', storeNotifications);\n\n  // Initialize global WebSocket if needed\n  if (options.wsUrl) {\n    wsManager.initialize({ wsUrl: process.env.WSS_URL });\n  }\n\n  // Create notification manager\n  const notificationManager = new NotificationManager(store, {\n    enablePush: options.enablePush !== false,\n    maxReconnectAttempts: options.maxReconnectAttempts || 5,\n    reconnectDelay: options.reconnectDelay || 3000,\n    pingInterval: options.pingInterval || 30000,\n  });\n\n  // Attach notification manager to store for access in components\n  store.notificationManager = notificationManager;\n\n  // Don't auto-initialize on server\n  const isServer = typeof window === 'undefined';\n  const autoInit = !isServer && options.autoInit !== false;\n\n  if (autoInit) {\n    // Initialize immediately (supports both authenticated and anonymous users)\n    notificationManager.initialize();\n\n    // Watch for user login/logout using store.core.state.session\n    watch(\n      () => store.core.state.session.token,\n      async (token, oldToken) => {\n        const isAuthenticated = !!token;\n        const wasAuthenticated = !!oldToken;\n\n        if (isAuthenticated && !wasAuthenticated) {\n          // Re-register device for authenticated user\n          console.log('[Notifications] User logged in, re-registering device...');\n          await store.notifications.actions.reregisterDeviceAfterLogin();\n          // Reinitialize notifications for authenticated user\n          notificationManager.disconnect();\n          await notificationManager.initialize();\n        } else if (!isAuthenticated && wasAuthenticated) {\n          // Keep notifications active for anonymous users, just reset user-specific data\n          console.log('[Notifications] User logged out, resetting notifications...');\n          store.notifications.mutations.resetNotifications();\n        }\n      }\n    );\n  }\n\n  // Provide composable for components to access notification functionality\n  app.provide('useNotifications', () => {\n    return {\n      ...toRefs(store.notifications.state),\n      ...store.notifications.actions,\n      ...store.notifications.mutations,\n      init: notificationManager.initialize.bind(notificationManager),\n      disconnect: notificationManager.disconnect.bind(notificationManager),\n      isServer,\n    };\n  });\n\n  return notificationManager;\n}\n\n// Module export\nconst ModuleNotifications = {\n  initialize: initializeNotifications,\n  SSR: SSRUtils, // Export SSR utilities\n  views: {\n    store: {\n      storeNotifications,\n    },\n    router: {\n      getRoutes,\n    },\n    components: {\n      // Elements\n      NotificationBadge,\n      // Blocks\n      NotificationItem,\n      // Sections\n      NotificationsList,\n      NotificationPreferences,\n      // Pages\n      Notifications,\n      // Layouts\n      NotificationsLayout,\n    },\n  },\n};\n\n// Component exports\nexport {\n  // Elements\n  NotificationBadge,\n  // Blocks\n  NotificationItem,\n  NotificationPreferences,\n  // Pages\n  Notifications,\n  // Layouts\n  NotificationsLayout,\n  // Sections\n  NotificationsList,\n  // SSR Utilities\n  SSRUtils,\n};\n\n// [LOADING 37] Notifications module import completed\nperformance.mark('loading-37-end');\nperformance.measure('loading-37-total', 'loading-37-start', 'loading-37-end');\nconst totalTime = performance.getEntriesByName('loading-37-total')[0];\nconsole.log(`[LOADING 37] Notifications module fully imported in ${totalTime?.duration?.toFixed(2)}ms`);\n\nexport default ModuleNotifications;\n"],"names":["storeNotifications","Notifications","NotificationsLayout"],"mappings":"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"}
+{"version":3,"file":"notifications.client.js","sources":["../../../../../src/modules/notifications/notifications.client.js"],"sourcesContent":["// [LOADING 37] Notifications module import started\nperformance.mark('loading-37-start');\nconsole.log('[LOADING 37] Notifications module import started...');\n\nimport { toRefs, watch } from 'vue';\n// Router import\nimport addRoutes from '@martyrs/src/modules/core/views/router/addRoutes.js';\nimport { getRoutes } from './notifications.router.js';\n// Store\nimport * as storeNotifications from './store/notifications.store.js';\n// Global WebSocket import\nimport wsManager from '@martyrs/src/modules/core/views/classes/ws.manager.js';\n// Capacitor Preferences\nimport { Preferences } from '@capacitor/preferences';\n// Layouts\nimport NotificationsLayout from './components/layouts/NotificationsLayout.vue';\n// Sections\nimport NotificationPreferences from './components/sections/NotificationPreferences.vue';\nimport NotificationsList from './components/sections/NotificationsList.vue';\n// Pages\nimport Notifications from './components/pages/Notifications.vue';\n// Components\nimport NotificationItem from './components/blocks/NotificationItem.vue';\nimport NotificationBadge from './components/elements/NotificationBadge.vue';\n\nperformance.mark('loading-37-imports-end');\nconst importsTime = performance.measure('loading-37-imports', 'loading-37-start', 'loading-37-imports-end');\nconsole.log(`[LOADING 37] All imports completed in ${importsTime.duration.toFixed(2)}ms`);\n\n/**\n * Capacitor Push Notification handler\n */\nclass CapacitorPushHandler {\n  constructor(store) {\n    this.store = store;\n    this.pushNotifications = null;\n    this.device = null;\n    this.isInitialized = false;\n  }\n\n  /**\n   * Initialize Capacitor plugins\n   */\n  async initialize() {\n    // Skip if running in SSR\n    if (typeof window === 'undefined') {\n      return false;\n    }\n\n    try {\n      // Dynamic imports to prevent errors in web environment\n      const { Capacitor } = await import('@capacitor/core');\n      const { PushNotifications } = await import('@capacitor/push-notifications');\n      const { Device } = await import('@capacitor/device');\n\n      this.capacitor = Capacitor;\n      this.pushNotifications = PushNotifications;\n      this.device = Device;\n\n      // Only proceed if running on a native platform\n      if (!this.capacitor.isNativePlatform()) {\n        return false;\n      }\n\n      this.isInitialized = true;\n      return true;\n    } catch (error) {\n      console.error('Error importing Capacitor plugins:', error);\n      return false;\n    }\n  }\n\n  /**\n   * Request permission and register for push notifications\n   */\n  async requestPermissions() {\n    // Skip if running in SSR\n    if (typeof window === 'undefined') {\n      return false;\n    }\n\n    if (!this.isInitialized) {\n      const initialized = await this.initialize();\n      if (!initialized) return false;\n    }\n\n    try {\n      // Request permission\n      const permissionResult = await this.pushNotifications.requestPermissions();\n      if (permissionResult.receive !== 'granted') {\n        console.log('Push notification permission denied');\n        return false;\n      }\n\n      // Set up event listeners\n      this._setupListeners();\n\n      // Register with Apple/Google\n      await this.pushNotifications.register();\n      return true;\n    } catch (error) {\n      console.error('Error requesting push notification permissions:', error);\n      return false;\n    }\n  }\n\n  /**\n   * Setup push notification event listeners\n   */\n  _setupListeners() {\n    // Registration event\n    this.pushNotifications.addListener('registration', this._handleRegistration.bind(this));\n\n    // Notification received event\n    this.pushNotifications.addListener('pushNotificationReceived', this._handleNotificationReceived.bind(this));\n\n    // Notification action performed event\n    this.pushNotifications.addListener('pushNotificationActionPerformed', this._handleNotificationAction.bind(this));\n  }\n\n  /**\n   * Handle registration token received\n   */\n  async _handleRegistration(token) {\n    try {\n      // Get device info\n      const deviceInfo = await this.device.getInfo();\n      const deviceId = await this.device.getId();\n\n      // Prepare device data\n      const deviceData = {\n        deviceId: deviceId.uuid,\n        deviceType: deviceInfo.platform.toLowerCase(),\n        deviceToken: token.value,\n      };\n\n      // Store device info for re-registration after login\n      try {\n        await Preferences.set({\n          key: 'notifications_device_id',\n          value: deviceId.uuid\n        });\n        await Preferences.set({\n          key: 'notifications_device_token',\n          value: token.value\n        });\n        await Preferences.set({\n          key: 'notifications_device_type',\n          value: deviceInfo.platform.toLowerCase()\n        });\n      } catch (error) {\n        console.warn('Could not save device info to preferences:', error);\n      }\n\n      // For anonymous users, add anonymousId\n      if (!this.store.core.state.session.userId) {\n        let anonymousId = null;\n        try {\n          const result = await Preferences.get({ key: 'notifications_anonymous_id' });\n          anonymousId = result.value;\n        } catch (error) {\n          console.warn('Could not get anonymous ID from preferences:', error);\n        }\n        \n        if (!anonymousId) {\n          anonymousId = 'anon_' + Date.now() + '_' + Math.random().toString(36).substr(2, 9);\n          try {\n            await Preferences.set({\n              key: 'notifications_anonymous_id',\n              value: anonymousId\n            });\n          } catch (error) {\n            console.warn('Could not save anonymous ID to preferences:', error);\n          }\n        }\n        deviceData.anonymousId = anonymousId;\n      }\n\n      // Register device with backend\n      await this.store.notifications.actions.registerDevice(deviceData);\n    } catch (error) {\n      console.error('Error handling push registration:', error);\n    }\n  }\n\n  /**\n   * Handle received notification\n   */\n  _handleNotificationReceived(notification) {\n    // Add notification to store\n    this.store.notifications.actions.addLocalNotification({\n      title: notification.title,\n      body: notification.body,\n      data: notification.data || {},\n    });\n  }\n\n  /**\n   * Handle notification action (when user taps on notification)\n   */\n  _handleNotificationAction(actionData) {\n    if (actionData.notification && actionData.notification.data) {\n      this.store.notifications.actions.handleNotificationAction(actionData.notification.data);\n    }\n  }\n\n  /**\n   * Remove push notification listeners\n   */\n  removeListeners() {\n    if (typeof window === 'undefined') {\n      return;\n    }\n\n    if (this.pushNotifications) {\n      this.pushNotifications.removeAllListeners();\n    }\n  }\n}\n\n/**\n * Notification Manager for coordinating WebSocket and Push notifications\n */\n\nclass NotificationManager {\n  constructor(store, options = {}) {\n    this.store = store;\n    this.options = options;\n    this.pushHandler = new CapacitorPushHandler(store);\n    this.initialized = false;\n    this.isServer = typeof window === 'undefined';\n  }\n\n  async registerWebPush(store) {\n    if (!('Notification' in window) || !('serviceWorker' in navigator) || !('PushManager' in window)) {\n      console.warn('Web Push не поддерживается в браузере');\n      return;\n    }\n\n    const permission = await Notification.requestPermission();\n    if (permission !== 'granted') {\n      console.warn('Разрешение на уведомления не получено');\n      return;\n    }\n\n    const registration = await navigator.serviceWorker.ready;\n    const subscription = await registration.pushManager.subscribe({\n      userVisibleOnly: true,\n      applicationServerKey: 'BJtNnRrx05VQS0abnkHC-8gHJWpnmoqC_iQveENCmZOZIs-adWzqAiqFCdGVVd7CbiaLW-Q5iuIBDRgM9G-VnKg',\n    });\n\n    console.log('New subscription:', JSON.stringify(subscription));\n\n    const deviceToken = JSON.stringify(subscription);\n    const deviceId = await this.generateDeviceId();\n    \n    // Store device data for re-registration after login\n    try {\n      await Preferences.set({\n        key: 'notifications_device_id',\n        value: deviceId\n      });\n      await Preferences.set({\n        key: 'notifications_device_token',\n        value: deviceToken\n      });\n      await Preferences.set({\n        key: 'notifications_device_type',\n        value: 'web'\n      });\n    } catch (error) {\n      console.warn('Could not save device info to preferences:', error);\n    }\n\n    const deviceData = {\n      deviceToken,\n      deviceType: 'web',\n      deviceId\n    };\n\n    // For anonymous users, get or generate anonymousId\n    if (!store.core.state.session.userId) {\n      let anonymousId = null;\n      try {\n        const result = await Preferences.get({ key: 'notifications_anonymous_id' });\n        anonymousId = result.value;\n      } catch (error) {\n        console.warn('Could not get anonymous ID from preferences:', error);\n      }\n      \n      if (!anonymousId) {\n        anonymousId = 'anon_' + Date.now() + '_' + Math.random().toString(36).substr(2, 9);\n        try {\n          await Preferences.set({\n            key: 'notifications_anonymous_id',\n            value: anonymousId\n          });\n        } catch (error) {\n          console.warn('Could not save anonymous ID to preferences:', error);\n        }\n      }\n      deviceData.anonymousId = anonymousId;\n    }\n\n    // Register device\n    console.log('[Notifications] Registering device with data:', deviceData);\n    await store.notifications.actions.registerDevice(deviceData);\n  }\n\n  async generateDeviceId() {\n    // Try to get or generate a persistent device ID\n    try {\n      const result = await Preferences.get({ key: 'notifications_device_id' });\n      let deviceId = result.value;\n      \n      if (!deviceId) {\n        deviceId = 'web_' + Date.now() + '_' + Math.random().toString(36).substr(2, 9);\n        await Preferences.set({\n          key: 'notifications_device_id',\n          value: deviceId\n        });\n      }\n      return deviceId;\n    } catch (error) {\n      console.warn('Could not access preferences for device ID:', error);\n      return 'web_' + Date.now() + '_' + Math.random().toString(36).substr(2, 9);\n    }\n  }\n\n  async initialize() {\n    if (this.initialized || this.isServer) return;\n\n    const userId = this.store.core.state.session.userId;\n    \n    // Connect WebSocket only for authenticated users\n    if (userId) {\n      console.log('Connecting to websockets via notifications');\n      wsManager.initialize({\n        wsUrl: process.env.WSS_URL,\n        maxReconnectAttempts: 10,\n        reconnectDelay: 2000,\n      });\n\n      await wsManager.connect(userId);\n\n      wsManager.removeModuleListeners('notification');\n\n      await wsManager.subscribeModule('notification');\n\n      wsManager.addEventListener(\n        'notification',\n        data => {\n          this.store.notifications.actions.addLocalNotification(data.data);\n        },\n        { module: 'notification' }\n      );\n\n      // Load notifications from API for authenticated users\n      await this.store.notifications.actions.getNotifications(userId);\n    } else {\n      console.log('Initializing notifications for anonymous user');\n    }\n\n    // Enable push notifications for both authenticated and anonymous users\n    // Skip auto-init for mobile apps - will be triggered manually from Walkthrough\n    if (this.options.enablePush !== false && !process.env.MOBILE_APP) {\n      await this.pushHandler.requestPermissions();\n      await this.registerWebPush(this.store);\n    }\n\n    this.initialized = true;\n  }\n\n  disconnect() {\n    if (this.isServer) return;\n\n    wsManager.removeModuleListeners('notification');\n    this.pushHandler.removeListeners();\n    this.initialized = false;\n  }\n}\n\n/**\n * Server-side utility for pre-fetching notification data\n */\nconst SSRUtils = {\n  /**\n   * Pre-fetch notifications for SSR\n   * @param {Object} store - Store instance\n   * @param {Object} context - SSR context\n   */\n  async prefetchNotifications(store, context) {\n    try {\n      const userId = store.core.state.session.userId;\n      if (userId) {\n        // Fetch notifications without WebSocket or push setup\n        await store.notifications.actions.getNotifications(userId);\n      }\n    } catch (error) {\n      console.error('Error pre-fetching notifications for SSR:', error);\n    }\n  },\n};\n\n/**\n * Function to initialize the notifications module\n * @param {Object} app - Vue app instance\n * @param {Object} store - Vuex/Pinia store\n * @param {Object} router - Vue Router instance\n * @param {Object} options - Configuration options\n */\nfunction initializeNotifications(app, store, router, options = {}) {\n  // Add routes and store\n  const routes = getRoutes(options);\n  routes.forEach(({ parentName, config }) => {\n    addRoutes(router, { ...config, parentName });\n  });\n\n  store.addStore('notifications', storeNotifications);\n\n  // Initialize global WebSocket if needed\n  if (options.wsUrl) {\n    wsManager.initialize({ wsUrl: process.env.WSS_URL });\n  }\n\n  // Create notification manager\n  const notificationManager = new NotificationManager(store, {\n    enablePush: options.enablePush !== false,\n    maxReconnectAttempts: options.maxReconnectAttempts || 5,\n    reconnectDelay: options.reconnectDelay || 3000,\n    pingInterval: options.pingInterval || 30000,\n  });\n\n  // Attach notification manager to store for access in components\n  store.notificationManager = notificationManager;\n\n  // Don't auto-initialize on server\n  const isServer = typeof window === 'undefined';\n  const autoInit = !isServer && options.autoInit !== false;\n\n  if (autoInit) {\n    // Watch for user login/logout using store.core.state.session.userId\n    // immediate: true — сработает сразу после применения initialState (гидратация)\n    watch(\n      () => store.core.state.session.userId,\n      async (userId, oldUserId) => {\n        console.log('[Notifications] Watch triggered, userId:', userId, 'oldUserId:', oldUserId);\n        if (userId && !oldUserId) {\n          // Пользователь залогинен (либо при гидратации, либо при логине)\n          console.log('[Notifications] User authenticated, initializing WebSocket...', userId);\n          await store.notifications.actions.reregisterDeviceAfterLogin();\n          notificationManager.disconnect();\n          await notificationManager.initialize();\n        } else if (!userId && oldUserId) {\n          // Пользователь разлогинился\n          console.log('[Notifications] User logged out, resetting notifications...');\n          notificationManager.disconnect();\n          store.notifications.mutations.resetNotifications();\n        } else if (!userId && !oldUserId) {\n          // Анонимный пользователь — инициализируем без WebSocket\n          console.log('[Notifications] Anonymous user, initializing without WebSocket...');\n          await notificationManager.initialize();\n        }\n      },\n      { immediate: true }\n    );\n  }\n\n  // Provide composable for components to access notification functionality\n  app.provide('useNotifications', () => {\n    return {\n      ...toRefs(store.notifications.state),\n      ...store.notifications.actions,\n      ...store.notifications.mutations,\n      init: notificationManager.initialize.bind(notificationManager),\n      disconnect: notificationManager.disconnect.bind(notificationManager),\n      isServer,\n    };\n  });\n\n  return notificationManager;\n}\n\n// Module export\nconst ModuleNotifications = {\n  initialize: initializeNotifications,\n  SSR: SSRUtils, // Export SSR utilities\n  views: {\n    store: {\n      storeNotifications,\n    },\n    router: {\n      getRoutes,\n    },\n    components: {\n      // Elements\n      NotificationBadge,\n      // Blocks\n      NotificationItem,\n      // Sections\n      NotificationsList,\n      NotificationPreferences,\n      // Pages\n      Notifications,\n      // Layouts\n      NotificationsLayout,\n    },\n  },\n};\n\n// Component exports\nexport {\n  // Elements\n  NotificationBadge,\n  // Blocks\n  NotificationItem,\n  NotificationPreferences,\n  // Pages\n  Notifications,\n  // Layouts\n  NotificationsLayout,\n  // Sections\n  NotificationsList,\n  // SSR Utilities\n  SSRUtils,\n};\n\n// [LOADING 37] Notifications module import completed\nperformance.mark('loading-37-end');\nperformance.measure('loading-37-total', 'loading-37-start', 'loading-37-end');\nconst totalTime = performance.getEntriesByName('loading-37-total')[0];\nconsole.log(`[LOADING 37] Notifications module fully imported in ${totalTime?.duration?.toFixed(2)}ms`);\n\nexport default ModuleNotifications;\n"],"names":["storeNotifications","NotificationsList","NotificationPreferences","Notifications","NotificationsLayout"],"mappings":"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"}

package/dist/martyrs/src/modules/orders/components/blocks/CardOrderUser.vue.js

@@ -1,5 +1,5 @@
 import { computed, createElementBlock, openBlock, createElementVNode, createCommentVNode, normalizeClass, Fragment, renderList, toDisplayString, createVNode, withCtx, createBlock, resolveDynamicComponent } from "vue";
-import _sfc_main$7 from "../../../../components/Tooltip/Tooltip.vue.js";
+import _sfc_main$7 from "../../../../components/Tooltip/Tooltip.vue2.js";
 import _sfc_main$6 from "../icons/IconStatusCreated.vue.js";
 import _sfc_main$5 from "../icons/IconStatusConfirmed.vue.js";
 import _sfc_main$2 from "../icons/IconStatusInUse.vue.js";

package/dist/martyrs/src/modules/orders/components/forms/FormApplicationDetails.vue.js

@@ -1,8 +1,8 @@
 import { mergeModels, useModel, ref, watch, createBlock, openBlock, withCtx, createVNode, createElementVNode, unref, isRef, createTextVNode, toDisplayString } from "vue";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
 import Field from "../../../../components/Field/Field.vue.js";
-import Select from "../../../../components/Select/Select.vue.js";
-import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
+import Select from "../../../../components/Select/Select.vue2.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
 const _hoisted_1 = { class: "gap-thin flex mn-t-small" };
 const _sfc_main = {
   __name: "FormApplicationDetails",