@ozdao/martyrs 0.2.580 → 0.2.582

package/dist/martyrs/src/modules/inventory/components/forms/AdjustmentForm.vue.js

@@ -1,8 +1,8 @@
 import { ref, onMounted, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, Fragment, renderList, normalizeClass, createBlock, resolveDynamicComponent, toDisplayString, withCtx, createTextVNode } from "vue";
 import { useRoute } from "vue-router";
 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";
 import { state } from "../../../auth/views/store/auth.js";
 import { actions } from "../../../spots/store/spots.js";
 import variantsStore from "../../../products/store/variants.store.js";

package/dist/martyrs/src/modules/inventory/components/forms/ColumnSettingsMenu.vue.js

@@ -1,6 +1,6 @@
 import { ref, watch, createElementBlock, openBlock, createElementVNode, Fragment, renderList, createVNode, withCtx, createTextVNode } from "vue";
 import _sfc_main$1 from "../../../../components/Checkbox/Checkbox.vue.js";
-import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
 const _hoisted_1 = { class: "w-100" };
 const _hoisted_2 = { class: "mn-b-medium" };
 const _hoisted_3 = { class: "flex-nowrap flex gap-small" };

package/dist/martyrs/src/modules/inventory/components/forms/HistoryView.vue.js

@@ -1,6 +1,6 @@
 import { ref, onMounted, createElementBlock, openBlock, createElementVNode, createVNode, createBlock, toDisplayString, createCommentVNode, Fragment, renderList, normalizeClass, createTextVNode, withCtx } from "vue";
 import PlaceholderImage from "../../../icons/placeholders/PlaceholderImage.vue.js";
-import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
 import { actions } from "../../store/inventory.store.js";
 /* empty css                 */
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";

package/dist/martyrs/src/modules/inventory/components/forms/StockAlertsForm.vue.js

@@ -1,8 +1,8 @@
 import { ref, computed, onMounted, createElementBlock, openBlock, createElementVNode, createVNode, toDisplayString, withCtx, createTextVNode } from "vue";
 import { useRoute } from "vue-router";
 import Field from "../../../../components/Field/Field.vue.js";
-import Select from "../../../../components/Select/Select.vue.js";
-import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
+import Select from "../../../../components/Select/Select.vue2.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
 import { state } from "../../../auth/views/store/auth.js";
 import { actions } from "../../../spots/store/spots.js";
 import variantsStore from "../../../products/store/variants.store.js";

package/dist/martyrs/src/modules/inventory/components/pages/InventoryEdit.vue.js

@@ -1,9 +1,9 @@
 import { ref, computed, onMounted, createElementBlock, openBlock, createElementVNode, createVNode, withCtx, unref, Fragment, renderList, createBlock, createCommentVNode, toDisplayString } from "vue";
 import _sfc_main$4 from "../../../../components/Block/Block.vue.js";
-import _sfc_main$7 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$7 from "../../../../components/Button/Button.vue.js";
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$2 from "../../../../components/Feed/Feed.vue.js";
-/* empty css                                        */
+/* empty css                                       */
 /* empty css                                            */
 import _sfc_main$1 from "../../../../components/Popup/Popup.vue.js";
 import _sfc_main$3 from "../../../orders/components/blocks/CardOrderItem.vue.js";

package/dist/martyrs/src/modules/landing/components/sections/SectionGuide.vue.js

@@ -1,5 +1,5 @@
 import { createElementBlock, openBlock, createElementVNode, createCommentVNode, toDisplayString, unref, Fragment, renderList, createBlock, withCtx, createVNode, normalizeClass } from "vue";
-import _sfc_main$1 from "../../../../components/Spoiler/Spoiler.vue2.js";
+import _sfc_main$1 from "../../../../components/Spoiler/Spoiler.vue.js";
 import { useI18n } from "vue-i18n";
 import IconChevronBottom from "../../../icons/navigation/IconChevronBottom.vue.js";
 const _hoisted_1 = { class: "" };

package/dist/martyrs/src/modules/marketplace/views/components/pages/Marketplace.vue.js

@@ -2,7 +2,7 @@ import { ref, watch, createElementBlock, openBlock, createElementVNode, unref, c
 import { useRoute, useRouter } from "vue-router";
 import { useI18n } from "vue-i18n";
 import _sfc_main$2 from "../../../../../components/Feed/Feed.vue.js";
-import Filters from "../../../../core/views/components/sections/Filters.vue2.js";
+import Filters from "../../../../core/views/components/sections/Filters.vue.js";
 import _sfc_main$1 from "../../../../core/views/components/sections/filters/FiltersGroup.vue.js";
 import Field from "../../../../../components/Field/Field.vue.js";
 import _sfc_main$3 from "../../../../organizations/components/blocks/CardOrganization.vue.js";

package/dist/martyrs/src/modules/music/components/blocks/ActionButtons.vue.js

@@ -1,5 +1,5 @@
 import { ref, createElementBlock, openBlock, Fragment, renderList, createBlock, normalizeClass, withCtx, createCommentVNode, createTextVNode, resolveDynamicComponent, toDisplayString, createElementVNode, createVNode } from "vue";
-import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$2 from "../../../../components/Dropdown/Dropdown.vue.js";
 import _sfc_main$3 from "../../../icons/navigation/IconEllipsis.vue.js";
 const _hoisted_1 = { class: "flex gap-small mn-b-medium" };

package/dist/martyrs/src/modules/music/components/cards/AlbumCard.vue.js

@@ -1,6 +1,6 @@
 import { computed, resolveComponent, createBlock, openBlock, withCtx, createElementVNode, createVNode, createElementBlock, createCommentVNode, withModifiers, toDisplayString } from "vue";
 import Media from "../../../../components/Media/Media.vue.js";
-import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$2 from "../../../icons/navigation/IconPlay.vue.js";
 import { actions } from "../../store/player.js";
 import { state, actions as actions$1 } from "../../store/albums.js";

package/dist/martyrs/src/modules/music/components/cards/ArtistCardSmall.vue.js

@@ -1,5 +1,5 @@
 import { resolveComponent, createBlock, openBlock, withCtx, createElementVNode, createCommentVNode, createElementBlock, toDisplayString, createTextVNode } from "vue";
-import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
 import Media from "../../../../components/Media/Media.vue.js";
 import _sfc_main$1 from "../../../icons/navigation/IconCheckmark.vue.js";
 /* empty css                     */

package/dist/martyrs/src/modules/music/components/cards/PlaylistCard.vue.js

@@ -1,6 +1,6 @@
 import { computed, resolveComponent, createBlock, openBlock, withCtx, createElementVNode, createVNode, createElementBlock, createCommentVNode, withModifiers, toDisplayString } from "vue";
 import Media from "../../../../components/Media/Media.vue.js";
-import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$2 from "../../../icons/navigation/IconPlay.vue.js";
 import { actions as actions$1 } from "../../store/player.js";
 import { actions, state } from "../../store/playlists.js";

package/dist/martyrs/src/modules/music/components/cards/TrackListCard.vue.js

@@ -1,5 +1,5 @@
 import { ref, resolveComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, createCommentVNode, createBlock, toDisplayString, withModifiers, withCtx, createVNode, createTextVNode } from "vue";
-import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
 import Media from "../../../../components/Media/Media.vue.js";
 import _sfc_main$2 from "../../../icons/navigation/IconPlay.vue.js";
 import _sfc_main$3 from "../../../icons/navigation/IconPause.vue.js";

package/dist/martyrs/src/modules/music/components/forms/AlbumForm.vue.js

@@ -2,8 +2,8 @@ import { reactive, ref, watch, onMounted, createElementBlock, openBlock, createE
 import { useRouter, useRoute } from "vue-router";
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
-import _sfc_main$3 from "../../../../components/Button/Button.vue2.js";
-import Select from "../../../../components/Select/Select.vue.js";
+import _sfc_main$3 from "../../../../components/Button/Button.vue.js";
+import Select from "../../../../components/Select/Select.vue2.js";
 import UploadImage from "../../../../components/UploadImage/UploadImage.vue.js";
 import _sfc_main$2 from "../../../icons/navigation/IconCross.vue.js";
 import BlockMultiselect from "../../../core/views/components/blocks/BlockMultiselect.vue.js";

package/dist/martyrs/src/modules/music/components/forms/ArtistForm.vue.js

@@ -2,9 +2,9 @@ import { reactive, ref, watch, onMounted, createElementBlock, openBlock, createE
 import { useRouter, useRoute } from "vue-router";
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
-import _sfc_main$4 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$4 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$3 from "../../../../components/Checkbox/Checkbox.vue.js";
-import Select from "../../../../components/Select/Select.vue.js";
+import Select from "../../../../components/Select/Select.vue2.js";
 import UploadImage from "../../../../components/UploadImage/UploadImage.vue.js";
 /* empty css                                        */
 import BlockMultiselect from "../../../core/views/components/blocks/BlockMultiselect.vue.js";

package/dist/martyrs/src/modules/music/components/forms/PlaylistForm.vue.js

@@ -2,7 +2,7 @@ import { reactive, ref, watch, computed, onMounted, createElementBlock, openBloc
 import { useRouter, useRoute } from "vue-router";
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
-import _sfc_main$4 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$4 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$3 from "../../../../components/Radio/Radio.vue.js";
 import UploadImage from "../../../../components/UploadImage/UploadImage.vue.js";
 import _sfc_main$2 from "../../../icons/navigation/IconCross.vue.js";

package/dist/martyrs/src/modules/music/components/forms/SearchForm.vue.js

@@ -1,5 +1,5 @@
 import { ref, watch, onMounted, createElementBlock, openBlock, createVNode, withDirectives, createBlock, createCommentVNode, createElementVNode, withKeys, vModelText, withCtx } from "vue";
-import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$1 from "../../../icons/navigation/IconSearch.vue.js";
 import _sfc_main$3 from "../../../icons/navigation/IconCross.vue.js";
 /* empty css                */

package/dist/martyrs/src/modules/music/components/forms/TrackForm.vue.js

@@ -2,9 +2,9 @@ import { reactive, ref, watch, onMounted, createElementBlock, openBlock, createE
 import { useRouter, useRoute } from "vue-router";
 import Field from "../../../../components/Field/Field.vue.js";
 import _sfc_main$1 from "../../../../components/Block/Block.vue.js";
-import _sfc_main$4 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$4 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$3 from "../../../../components/Checkbox/Checkbox.vue.js";
-import Select from "../../../../components/Select/Select.vue.js";
+import Select from "../../../../components/Select/Select.vue2.js";
 import UploadImage from "../../../../components/UploadImage/UploadImage.vue.js";
 import Upload from "../../../../components/Upload/Upload.vue2.js";
 import _sfc_main$2 from "../../../icons/navigation/IconCross.vue.js";

package/dist/martyrs/src/modules/music/components/pages/Album.vue.js

@@ -1,7 +1,7 @@
 import { ref, computed, onMounted, resolveComponent, createElementBlock, openBlock, createCommentVNode, createVNode, createElementVNode, toDisplayString, Fragment, renderList, createBlock, withCtx, createTextVNode } from "vue";
 import { useRoute, useRouter } from "vue-router";
 import Loader from "../../../../components/Loader/Loader.vue.js";
-/* empty css                                       */
+/* empty css                                        */
 import Media from "../../../../components/Media/Media.vue.js";
 /* empty css                                            */
 import _sfc_main$8 from "../../../../components/Feed/Feed.vue.js";

package/dist/martyrs/src/modules/music/components/pages/Artist.vue.js

@@ -1,6 +1,6 @@
 import { ref, computed, onMounted, createElementBlock, openBlock, createCommentVNode, createElementVNode, createVNode, unref, withCtx, createTextVNode, normalizeStyle, normalizeClass, toDisplayString, Fragment, renderList, createBlock } from "vue";
 import { useRouter, useRoute } from "vue-router";
-import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
 /* empty css                                        */
 import _sfc_main$2 from "../cards/TrackListCard.vue.js";
 import { state, actions } from "../../store/artists.js";

package/dist/martyrs/src/modules/music/components/pages/MusicLibrary.vue.js

@@ -5,7 +5,7 @@ import _sfc_main$3 from "../cards/TrackListCard.vue.js";
 import AlbumCard from "../cards/AlbumCard.vue.js";
 import PlaylistCard from "../cards/PlaylistCard.vue.js";
 import ArtistCard from "../cards/ArtistCard.vue.js";
-import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
 import { state } from "../../../auth/views/store/auth.js";
 import { state as state$1, actions } from "../../store/playlists.js";
 import { state as state$2, actions as actions$1 } from "../../store/albums.js";

package/dist/martyrs/src/modules/music/components/pages/Playlist.vue.js

@@ -1,6 +1,6 @@
 import { ref, computed, onMounted, resolveComponent, createElementBlock, openBlock, createCommentVNode, createVNode, createElementVNode, toDisplayString, Fragment, renderList, createBlock, withCtx, createTextVNode } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import _sfc_main$9 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$9 from "../../../../components/Button/Button.vue.js";
 /* empty css                                        */
 import Media from "../../../../components/Media/Media.vue.js";
 /* empty css                                            */

package/dist/martyrs/src/modules/music/components/pages/SearchResults.vue.js

@@ -5,7 +5,7 @@ import _sfc_main$3 from "../cards/TrackListCard.vue.js";
 import AlbumCard from "../cards/AlbumCard.vue.js";
 import PlaylistCard from "../cards/PlaylistCard.vue.js";
 import ArtistCard from "../cards/ArtistCard.vue.js";
-import _sfc_main$2 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$2 from "../../../../components/Button/Button.vue.js";
 import Loader from "../../../../components/Loader/Loader.vue.js";
 import { state, actions } from "../../store/search.js";
 /* empty css                   */

package/dist/martyrs/src/modules/music/components/pages/Track.vue.js

@@ -1,6 +1,6 @@
 import { computed, ref, onMounted, resolveComponent, createElementBlock, openBlock, createCommentVNode, createBlock, createVNode, createElementVNode, withCtx, toDisplayString, Fragment, renderList } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import _sfc_main$5 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$5 from "../../../../components/Button/Button.vue.js";
 import Loader from "../../../../components/Loader/Loader.vue.js";
 import Media from "../../../../components/Media/Media.vue.js";
 /* empty css                                            */

package/dist/martyrs/src/modules/music/components/pages/TrackCreate.vue.js

@@ -1,7 +1,7 @@
 import { createElementBlock, openBlock, createVNode } from "vue";
 import { useRouter } from "vue-router";
 /* empty css                                        */
-/* empty css                                       */
+/* empty css                                        */
 import _sfc_main$1 from "../forms/TrackForm.vue.js";
 const _hoisted_1 = { class: "track-create-page" };
 const _sfc_main = {

package/dist/martyrs/src/modules/music/components/player/MusicPlayer.vue.js

@@ -1,6 +1,6 @@
 import { ref, computed, createElementBlock, openBlock, createElementVNode, createVNode, createBlock, createCommentVNode, toDisplayString, unref, normalizeClass, withModifiers, withCtx } from "vue";
 import Media from "../../../../components/Media/Media.vue.js";
-import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
 import TrackProgress from "./TrackProgress.vue.js";
 import VolumeControl from "./VolumeControl.vue.js";
 import PlayerControls from "./PlayerControls.vue.js";

package/dist/martyrs/src/modules/music/components/player/PlayerControls.vue.js

@@ -1,5 +1,5 @@
 import { createElementBlock, openBlock, createVNode, normalizeClass, unref, withCtx, createElementVNode } from "vue";
-import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
 import IconPrevious from "../../../icons/navigation/IconChevronLeft.vue.js";
 import IconNext from "../../../icons/navigation/IconChevronRight.vue.js";
 import _sfc_main$2 from "../../../icons/navigation/IconShuffle.vue.js";

package/dist/martyrs/src/modules/music/components/player/VolumeControl.vue.js

@@ -1,5 +1,5 @@
 import { ref, computed, createElementBlock, openBlock, createVNode, createElementVNode, unref, withCtx, createBlock, normalizeStyle } from "vue";
-import _sfc_main$1 from "../../../../components/Button/Button.vue2.js";
+import _sfc_main$1 from "../../../../components/Button/Button.vue.js";
 import _sfc_main$2 from "../../../icons/navigation/IconMute.vue.js";
 import _sfc_main$3 from "../../../icons/navigation/IconUnMute.vue.js";
 import { state, actions } from "../../store/player.js";

package/dist/martyrs/src/modules/notifications/components/blocks/NotificationItem.vue.js

@@ -61,7 +61,7 @@ const _sfc_main = {
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["notification-item gap-thin flex pd-small radius-small bg-light", { "bg-second-small": isUnread.value }]),
+        class: normalizeClass(["notification-item gap-thin flex pd-small radius-small bg-light", { "bg-second-nano": isUnread.value }]),
         onClick: handleClick
       }, [
         createElementVNode("div", _hoisted_1, toDisplayString(notificationIcon.value), 1),
@@ -75,7 +75,7 @@ const _sfc_main = {
     };
   }
 };
-const NotificationItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3bc04d97"]]);
+const NotificationItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-10593974"]]);
 export {
   NotificationItem as default
 };

package/dist/martyrs/src/modules/notifications/components/blocks/NotificationItem.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"NotificationItem.vue.js","sources":["../../../../../../../src/modules/notifications/components/blocks/NotificationItem.vue"],"sourcesContent":["<script setup>\nimport { computed } from 'vue';\n\n// Props\nconst props = defineProps({\n  notification: {\n    type: Object,\n    required: true\n  }\n});\n\n// Compute if notification is unread\nconst isUnread = computed(() => props.notification.status !== 'read');\n\n// Format date\nconst formattedDate = computed(() => {\n  const date = new Date(props.notification.createdAt);\n  const now = new Date();\n  const diffMs = now - date;\n  const diffSec = Math.floor(diffMs / 1000);\n  const diffMin = Math.floor(diffSec / 60);\n  const diffHours = Math.floor(diffMin / 60);\n  const diffDays = Math.floor(diffHours / 24);\n  \n  if (diffSec < 60) {\n    return 'Just now';\n  } else if (diffMin < 60) {\n    return `${diffMin}m ago`;\n  } else if (diffHours < 24) {\n    return `${diffHours}h ago`;\n  } else if (diffDays < 7) {\n    return `${diffDays}d ago`;\n  } else {\n    return date.toLocaleDateString();\n  }\n});\n\n// Get icon based on notification type\nconst notificationIcon = computed(() => {\n  switch (props.notification.type) {\n    case 'alert':\n      return '⚠️';\n    case 'success':\n      return '✅';\n    case 'error':\n      return '❌';\n    case 'info':\n    default:\n      return 'ℹ️';\n  }\n});\n\n// Emit click event\nconst emit = defineEmits(['click']);\nconst handleClick = () => {\n  emit('click', props.notification);\n};\n</script>\n\n<template>\n  <div \n    class=\"notification-item gap-thin flex pd-small radius-small bg-light\" \n    :class=\"{ 'bg-second-small': isUnread }\"\n    @click=\"handleClick\"\n  >\n    <div class=\"notification-icon\">\n      {{ notificationIcon }}\n    </div>\n    <div class=\"notification-content\">\n      <p class=\"p-regular fw-medium mn-b-small\">{{ notification.title }}</p>\n      <p class=\"p-small mn-b-small\">{{ notification.body }}</p>\n      <p class=\"pd-thin w-max radius-thin bg-white\">{{ formattedDate }}</p>\n    </div>\n    <div v-if=\"isUnread\" class=\"flex-child-default unread-indicator\"></div>\n  </div>\n</template>\n\n<style scoped>\n.unread-indicator {\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background-color: var(--primary-color, #0066cc);\n  align-self: center;\n  margin-left: 0.5rem;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAIA,UAAM,QAAQ;AAQd,UAAM,WAAW,SAAS,MAAM,MAAM,aAAa,WAAW,MAAM;AAGpE,UAAM,gBAAgB,SAAS,MAAM;AACnC,YAAM,OAAO,IAAI,KAAK,MAAM,aAAa,SAAS;AAClD,YAAM,MAAM,oBAAI,KAAI;AACpB,YAAM,SAAS,MAAM;AACrB,YAAM,UAAU,KAAK,MAAM,SAAS,GAAI;AACxC,YAAM,UAAU,KAAK,MAAM,UAAU,EAAE;AACvC,YAAM,YAAY,KAAK,MAAM,UAAU,EAAE;AACzC,YAAM,WAAW,KAAK,MAAM,YAAY,EAAE;AAE1C,UAAI,UAAU,IAAI;AAChB,eAAO;AAAA,MACT,WAAW,UAAU,IAAI;AACvB,eAAO,GAAG,OAAO;AAAA,MACnB,WAAW,YAAY,IAAI;AACzB,eAAO,GAAG,SAAS;AAAA,MACrB,WAAW,WAAW,GAAG;AACvB,eAAO,GAAG,QAAQ;AAAA,MACpB,OAAO;AACL,eAAO,KAAK,mBAAkB;AAAA,MAChC;AAAA,IACF,CAAC;AAGD,UAAM,mBAAmB,SAAS,MAAM;AACtC,cAAQ,MAAM,aAAa,MAAI;AAAA,QAC7B,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AAAA,QACL;AACE,iBAAO;AAAA,MACb;AAAA,IACA,CAAC;AAGD,UAAM,OAAO;AACb,UAAM,cAAc,MAAM;AACxB,WAAK,SAAS,MAAM,YAAY;AAAA,IAClC;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NotificationItem.vue.js","sources":["../../../../../../../src/modules/notifications/components/blocks/NotificationItem.vue"],"sourcesContent":["<script setup>\nimport { computed } from 'vue';\n\n// Props\nconst props = defineProps({\n  notification: {\n    type: Object,\n    required: true\n  }\n});\n\n// Compute if notification is unread\nconst isUnread = computed(() => props.notification.status !== 'read');\n\n// Format date\nconst formattedDate = computed(() => {\n  const date = new Date(props.notification.createdAt);\n  const now = new Date();\n  const diffMs = now - date;\n  const diffSec = Math.floor(diffMs / 1000);\n  const diffMin = Math.floor(diffSec / 60);\n  const diffHours = Math.floor(diffMin / 60);\n  const diffDays = Math.floor(diffHours / 24);\n  \n  if (diffSec < 60) {\n    return 'Just now';\n  } else if (diffMin < 60) {\n    return `${diffMin}m ago`;\n  } else if (diffHours < 24) {\n    return `${diffHours}h ago`;\n  } else if (diffDays < 7) {\n    return `${diffDays}d ago`;\n  } else {\n    return date.toLocaleDateString();\n  }\n});\n\n// Get icon based on notification type\nconst notificationIcon = computed(() => {\n  switch (props.notification.type) {\n    case 'alert':\n      return '⚠️';\n    case 'success':\n      return '✅';\n    case 'error':\n      return '❌';\n    case 'info':\n    default:\n      return 'ℹ️';\n  }\n});\n\n// Emit click event\nconst emit = defineEmits(['click']);\nconst handleClick = () => {\n  emit('click', props.notification);\n};\n</script>\n\n<template>\n  <div \n    class=\"notification-item gap-thin flex pd-small radius-small bg-light\" \n    :class=\"{ 'bg-second-nano': isUnread }\"\n    @click=\"handleClick\"\n  >\n    <div class=\"notification-icon\">\n      {{ notificationIcon }}\n    </div>\n    <div class=\"notification-content\">\n      <p class=\"p-regular fw-medium mn-b-small\">{{ notification.title }}</p>\n      <p class=\"p-small mn-b-small\">{{ notification.body }}</p>\n      <p class=\"pd-thin w-max radius-thin bg-white\">{{ formattedDate }}</p>\n    </div>\n    <div v-if=\"isUnread\" class=\"flex-child-default unread-indicator\"></div>\n  </div>\n</template>\n\n<style scoped>\n.unread-indicator {\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background-color: var(--primary-color, #0066cc);\n  align-self: center;\n  margin-left: 0.5rem;\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAIA,UAAM,QAAQ;AAQd,UAAM,WAAW,SAAS,MAAM,MAAM,aAAa,WAAW,MAAM;AAGpE,UAAM,gBAAgB,SAAS,MAAM;AACnC,YAAM,OAAO,IAAI,KAAK,MAAM,aAAa,SAAS;AAClD,YAAM,MAAM,oBAAI,KAAI;AACpB,YAAM,SAAS,MAAM;AACrB,YAAM,UAAU,KAAK,MAAM,SAAS,GAAI;AACxC,YAAM,UAAU,KAAK,MAAM,UAAU,EAAE;AACvC,YAAM,YAAY,KAAK,MAAM,UAAU,EAAE;AACzC,YAAM,WAAW,KAAK,MAAM,YAAY,EAAE;AAE1C,UAAI,UAAU,IAAI;AAChB,eAAO;AAAA,MACT,WAAW,UAAU,IAAI;AACvB,eAAO,GAAG,OAAO;AAAA,MACnB,WAAW,YAAY,IAAI;AACzB,eAAO,GAAG,SAAS;AAAA,MACrB,WAAW,WAAW,GAAG;AACvB,eAAO,GAAG,QAAQ;AAAA,MACpB,OAAO;AACL,eAAO,KAAK,mBAAkB;AAAA,MAChC;AAAA,IACF,CAAC;AAGD,UAAM,mBAAmB,SAAS,MAAM;AACtC,cAAQ,MAAM,aAAa,MAAI;AAAA,QAC7B,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AAAA,QACL;AACE,iBAAO;AAAA,MACb;AAAA,IACA,CAAC;AAGD,UAAM,OAAO;AACb,UAAM,cAAc,MAAM;AACxB,WAAK,SAAS,MAAM,YAAY;AAAA,IAClC;;;;;;;;;;;;;;;;;;"}

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

@@ -1,36 +1,14 @@
-import { inject, computed, ref, onMounted, onUnmounted, resolveComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, createTextVNode } from "vue";
+import { inject, computed, resolveComponent, createElementBlock, openBlock, createVNode, createCommentVNode, unref, createElementVNode } from "vue";
 import { wsManager } from "../../../core/views/classes/ws.manager.js";
-const _hoisted_1 = { class: "notifications-layout" };
-const _hoisted_2 = { class: "" };
-const _hoisted_3 = {
+const _hoisted_1 = {
   key: 0,
-  class: "connection-status"
+  class: "pos-fixed pos-b-0 pos-l-0 pos-r-0 pd-small bg-warning t-center"
 };
 const _sfc_main = {
   __name: "NotificationsLayout",
   setup(__props) {
     const store = inject("store");
     const notificationManager = computed(() => store.notificationManager || null);
-    const wsConnected = ref(wsManager.isConnected);
-    const openListenerId = ref(null);
-    const closeListenerId = ref(null);
-    onMounted(() => {
-      openListenerId.value = wsManager.addEventListener("open", () => {
-        wsConnected.value = true;
-      });
-      closeListenerId.value = wsManager.addEventListener("close", () => {
-        wsConnected.value = false;
-      });
-      wsConnected.value = wsManager.isConnected;
-    });
-    onUnmounted(() => {
-      if (openListenerId.value) {
-        wsManager.removeEventListener("open", openListenerId.value);
-      }
-      if (closeListenerId.value) {
-        wsManager.removeEventListener("close", closeListenerId.value);
-      }
-    });
     const reconnect = () => {
       if (notificationManager.value) {
         notificationManager.value.initialize();
@@ -38,21 +16,14 @@ const _sfc_main = {
     };
     return (_ctx, _cache) => {
       const _component_router_view = resolveComponent("router-view");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          createVNode(_component_router_view)
-        ]),
-        !wsConnected.value ? (openBlock(), createElementBlock("div", _hoisted_3, [
-          createElementVNode("div", { class: "connection-warning" }, [
-            _cache[1] || (_cache[1] = createElementVNode("span", { class: "warning-icon" }, "⚠️", -1)),
-            createElementVNode("span", { class: "warning-text" }, [
-              _cache[0] || (_cache[0] = createTextVNode(" Notification service disconnected. ")),
-              createElementVNode("button", {
-                onClick: reconnect,
-                class: "reconnect-btn"
-              }, "Reconnect")
-            ])
-          ])
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(_component_router_view),
+        unref(wsManager).state.wasConnected && !unref(wsManager).state.isConnected ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          _cache[0] || (_cache[0] = createElementVNode("span", null, "⚠️ Notification service disconnected.", -1)),
+          createElementVNode("button", {
+            class: "mn-l-thin bg-none bd-none cursor-pointer t-main",
+            onClick: reconnect
+          }, "Reconnect")
         ])) : createCommentVNode("", true)
       ]);
     };

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

@@ -1 +1 @@
-{"version":3,"file":"NotificationsLayout.vue.js","sources":["../../../../../../../src/modules/notifications/components/layouts/NotificationsLayout.vue"],"sourcesContent":["<template>\n  <div class=\"notifications-layout\">\n    <div class=\"\">\n      <router-view></router-view>\n    </div>\n    \n    <div v-if=\"!wsConnected\" class=\"connection-status\">\n      <div class=\"connection-warning\">\n        <span class=\"warning-icon\">⚠️</span>\n        <span class=\"warning-text\">\n          Notification service disconnected. \n          <button @click=\"reconnect\" class=\"reconnect-btn\">Reconnect</button>\n        </span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed, inject, ref, onMounted, onUnmounted } from 'vue';\nimport wsManager from '@martyrs/src/modules/core/views/classes/ws.manager.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(wsManager.isConnected);\n\n// ID слушателей для очистки\nconst openListenerId = ref(null);\nconst closeListenerId = ref(null);\n\nonMounted(() => {\n  // Подписываемся на события WebSocket\n  openListenerId.value = wsManager.addEventListener('open', () => {\n    wsConnected.value = true;\n  });\n  \n  closeListenerId.value = wsManager.addEventListener('close', () => {\n    wsConnected.value = false;\n  });\n  \n  // Устанавливаем начальное состояние\n  wsConnected.value = wsManager.isConnected;\n});\n\nonUnmounted(() => {\n  // Очищаем слушатели\n  if (openListenerId.value) {\n    wsManager.removeEventListener('open', openListenerId.value);\n  }\n  if (closeListenerId.value) {\n    wsManager.removeEventListener('close', closeListenerId.value);\n  }\n});\n\n\n// Methods\nconst reconnect = () => {\n  if (notificationManager.value) {\n    notificationManager.value.initialize();\n  }\n};\n</script>\n\n<style scoped>\n</style>"],"names":[],"mappings":";;;;;;;;;;;AAuBA,UAAM,QAAQ,OAAO,OAAO;AAE5B,UAAM,sBAAsB,SAAS,MAAM,MAAM,uBAAuB,IAAI;AAG5E,UAAM,cAAc,IAAI,UAAU,WAAW;AAG7C,UAAM,iBAAiB,IAAI,IAAI;AAC/B,UAAM,kBAAkB,IAAI,IAAI;AAEhC,cAAU,MAAM;AAEd,qBAAe,QAAQ,UAAU,iBAAiB,QAAQ,MAAM;AAC9D,oBAAY,QAAQ;AAAA,MACtB,CAAC;AAED,sBAAgB,QAAQ,UAAU,iBAAiB,SAAS,MAAM;AAChE,oBAAY,QAAQ;AAAA,MACtB,CAAC;AAGD,kBAAY,QAAQ,UAAU;AAAA,IAChC,CAAC;AAED,gBAAY,MAAM;AAEhB,UAAI,eAAe,OAAO;AACxB,kBAAU,oBAAoB,QAAQ,eAAe,KAAK;AAAA,MAC5D;AACA,UAAI,gBAAgB,OAAO;AACzB,kBAAU,oBAAoB,SAAS,gBAAgB,KAAK;AAAA,MAC9D;AAAA,IACF,CAAC;AAID,UAAM,YAAY,MAAM;AACtB,UAAI,oBAAoB,OAAO;AAC7B,4BAAoB,MAAM,WAAU;AAAA,MACtC;AAAA,IACF;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"NotificationsLayout.vue.js","sources":["../../../../../../../src/modules/notifications/components/layouts/NotificationsLayout.vue"],"sourcesContent":["<template>\n  <div>\n    <router-view />\n\n    <!-- Показываем только если WS был подключен и потом отвалился -->\n    <div v-if=\"wsManager.state.wasConnected && !wsManager.state.isConnected\" class=\"pos-fixed pos-b-0 pos-l-0 pos-r-0 pd-small bg-warning t-center\">\n      <span>⚠️ Notification service disconnected.</span>\n      <button class=\"mn-l-thin bg-none bd-none cursor-pointer t-main\" @click=\"reconnect\">Reconnect</button>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { computed, inject } from 'vue';\nimport wsManager from '@martyrs/src/modules/core/views/classes/ws.manager.js';\n\nconst store = inject('store');\nconst notificationManager = computed(() => store.notificationManager || null);\n\nconst reconnect = () => {\n  if (notificationManager.value) {\n    notificationManager.value.initialize();\n  }\n};\n</script>"],"names":[],"mappings":";;;;;;;;;AAgBA,UAAM,QAAQ,OAAO,OAAO;AAC5B,UAAM,sBAAsB,SAAS,MAAM,MAAM,uBAAuB,IAAI;AAE5E,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.js

@@ -1,31 +1,36 @@
-import { inject, ref, createElementBlock, openBlock, createVNode, createElementVNode, unref, createBlock, createCommentVNode } from "vue";
-import { useRoute } from "vue-router";
-import _sfc_main$1 from "../../../../components/Tab/Tab.vue2.js";
-import NotificationsList from "../sections/NotificationsList.vue.js";
-import NotificationPreferences from "../sections/NotificationPreferences.vue.js";
-const _hoisted_1 = { class: "notifications-page pd-small" };
-const _hoisted_2 = { class: "tab-content" };
+import { inject, ref, createElementBlock, openBlock, createBlock, createCommentVNode, createVNode, unref, withCtx } from "vue";
+import _sfc_main$1 from "../../../core/views/components/sections/SectionPageTitle.vue.js";
+import _sfc_main$3 from "../../../../components/Popup/Popup.vue.js";
+import _sfc_main$2 from "../sections/NotificationsList.vue.js";
+import _sfc_main$4 from "../sections/NotificationPreferences.vue.js";
+const _hoisted_1 = { class: "mobile:pd-thin pd-medium" };
 const _sfc_main = {
   __name: "Notifications",
   setup(__props) {
-    const route = useRoute();
     const { unreadCount } = inject("useNotifications")();
-    const activeTab = ref(route.query.tab || "all");
+    const isSettingsPopup = ref(false);
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(_sfc_main$1, {
-          selected: activeTab.value,
-          "onUpdate:selected": _cache[0] || (_cache[0] = ($event) => activeTab.value = $event),
-          tabs: [
-            { label: `All Notifications${unref(unreadCount) > 0 ? ` (${unref(unreadCount)})` : ""}`, value: "all" },
-            { label: "Notification Settings", value: "preferences" }
+        !_ctx.MOBILE_APP ? (openBlock(), createBlock(_sfc_main$1, {
+          key: 0,
+          title: `Notifications${unref(unreadCount) > 0 ? ` (${unref(unreadCount)})` : ""}`,
+          actions: [
+            { method: () => isSettingsPopup.value = true, label: "Settings" }
           ],
-          class: "flex-child-default gap-micro scroll-hide bg-light radius-medium h-max pd-thin mn-b-thin o-x-scroll",
-          classTab: "bg-white"
-        }, null, 8, ["selected", "tabs"]),
-        createElementVNode("div", _hoisted_2, [
-          activeTab.value === "all" ? (openBlock(), createBlock(NotificationsList, { key: 0 })) : activeTab.value === "preferences" ? (openBlock(), createBlock(NotificationPreferences, { key: 1 })) : createCommentVNode("", true)
-        ])
+          class: "mn-b-small"
+        }, null, 8, ["title", "actions"])) : createCommentVNode("", true),
+        createVNode(_sfc_main$2),
+        createVNode(_sfc_main$3, {
+          isPopupOpen: isSettingsPopup.value,
+          onClosePopup: _cache[0] || (_cache[0] = ($event) => isSettingsPopup.value = false),
+          title: "Notification Settings",
+          class: "bg-white pd-medium w-m-30r radius-big"
+        }, {
+          default: withCtx(() => [
+            createVNode(_sfc_main$4)
+          ]),
+          _: 1
+        }, 8, ["isPopupOpen"])
       ]);
     };
   }

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

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