@ozdao/martyrs 0.2.519 → 0.2.520

package/dist/martyrs/src/modules/chats/components/sections/ChatWindow.vue.js

@@ -1,4 +1,4 @@
-import { ref, computed, onMounted, nextTick, watch, createElementBlock, openBlock, createElementVNode, createVNode, Transition, withCtx, createBlock, TransitionGroup, Fragment, renderList, withDirectives, withKeys, vModelText } from "vue";
+import { ref, computed, onMounted, nextTick, watch, onUnmounted, createElementBlock, openBlock, createElementVNode, createVNode, Transition, withCtx, createBlock, TransitionGroup, Fragment, renderList, withDirectives, withKeys, vModelText } from "vue";
 import PlaceholderChat from "../../../icons/placeholders/PlaceholderChat.vue.js";
 import ChatMessage from "../blocks/ChatMessage.vue.js";
 import chatStore from "../../store/chat.store.js";
@@ -15,6 +15,8 @@ const _sfc_main = {
   setup(__props) {
     const newMessage = ref("");
     const allMessages = ref(null);
+    const visibleMessageIds = ref(/* @__PURE__ */ new Set());
+    let messageObserver = null;
     const messages = computed(() => chatStore.state.messages);
     const scrollToBottom = () => {
       if (allMessages.value) {
@@ -36,11 +38,65 @@ const _sfc_main = {
         scrollToBottom();
       }
     };
+    const observeMessages = () => {
+      console.log("[CHAT] Setting up message observer");
+      if (messageObserver) {
+        messageObserver.disconnect();
+      }
+      messageObserver = new IntersectionObserver((entries) => {
+        console.log("[CHAT] Observer triggered for", entries.length, "entries");
+        entries.forEach((entry) => {
+          const messageId = entry.target.dataset.messageId;
+          if (entry.isIntersecting) {
+            visibleMessageIds.value.add(messageId);
+          } else {
+            visibleMessageIds.value.delete(messageId);
+          }
+        });
+        if (visibleMessageIds.value.size > 0) {
+          const unreadVisibleMessages = messages.value.filter((msg) => {
+            if (!visibleMessageIds.value.has(msg._id)) return false;
+            console.log("[CHAT] Checking if own message:", {
+              msgUserId: msg.userId,
+              currentUserId: chatStore.state.userId,
+              isEqual: msg.userId === chatStore.state.userId,
+              msgUserIdType: typeof msg.userId,
+              currentUserIdType: typeof chatStore.state.userId
+            });
+            if (msg.userId && msg.userId === chatStore.state.userId) return false;
+            if (msg.readBy?.some((r) => r.userId === chatStore.state.userId)) return false;
+            console.log("[CHAT] Message can be marked as read:", {
+              msgId: msg._id,
+              msgUserId: msg.userId,
+              currentUserId: chatStore.state.userId,
+              readBy: msg.readBy
+            });
+            return true;
+          }).map((msg) => msg._id);
+          console.log("[CHAT] Unread visible messages to mark:", unreadVisibleMessages);
+          if (unreadVisibleMessages.length > 0) {
+            console.log("[CHAT] Sending markAsRead for messages:", unreadVisibleMessages);
+            chatStore.methods.markMessagesAsRead(unreadVisibleMessages);
+          } else {
+            console.log("[CHAT] No unread messages to mark");
+          }
+        }
+      }, {
+        root: allMessages.value,
+        threshold: 0.5
+      });
+      nextTick(() => {
+        const messageElements = allMessages.value?.querySelectorAll("[data-message-id]");
+        console.log("[CHAT] Found message elements to observe:", messageElements?.length);
+        messageElements?.forEach((el) => messageObserver.observe(el));
+      });
+    };
     onMounted(() => {
       nextTick(() => {
         if (allMessages.value) {
           allMessages.value.scrollTop = allMessages.value.scrollHeight;
         }
+        observeMessages();
       });
     });
     watch(messages, () => {
@@ -48,8 +104,14 @@ const _sfc_main = {
         if (allMessages.value) {
           allMessages.value.scrollTop = allMessages.value.scrollHeight;
         }
+        observeMessages();
       });
     }, { deep: true });
+    onUnmounted(() => {
+      if (messageObserver) {
+        messageObserver.disconnect();
+      }
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createElementVNode("div", {

package/dist/martyrs/src/modules/chats/components/sections/ChatWindow.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatWindow.vue.js","sources":["../../../../../../../src/modules/chats/components/sections/ChatWindow.vue"],"sourcesContent":["<template>\n  <div class=\"bg-white radius-semi bg-white o-hidden pos-relative\">\n    <div ref=\"allMessages\" class=\"chat-messages o-scroll h-max-20r\">\n      <div class=\"pos-relative h-min-20r flex-justify-end flex flex-column br-b br-solid br-black-transp-10\">\n        <transition name=\"scaleIn\" mode=\"out-in\">\n          <div v-if=\"messages.length < 1\" class=\"flex-center pd-small t-center w-100 h-100 flex-column flex pos-absolute\">\n            <PlaceholderChat class=\"radius-100 mn-b-thin\"/>\n            <h4 class='mn-b-thin'>Here you can view your chat history</h4>\n            <p>Feel free to ask if you have any questions.</p>\n          </div>\n\n          <TransitionGroup v-else name=\"list\" tag=\"ul\" class=\"w-100 o-hidden\" @after-enter=\"scrollToBottom\">\n            <ChatMessage\n              v-for=\"message in messages\"\n              :key=\"message._id\"\n              :message=\"message\"\n            />\n          </TransitionGroup>\n        </transition>\n      </div>\n    </div>\n\n    <div class=\"flex-nowrap flex-v-center flex bg-white w-100 radius-big pd-small\">\n      <!-- <IconAdd class=\"mn-r-thin t-transp i-regular\" /> -->\n      <input class=\"\" placeholder=\"Enter your message\" type=\"text\" v-model=\"newMessage\" @keyup.enter=\"sendMessage\" />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch, onMounted, nextTick } from 'vue';\n\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\nimport PlaceholderChat from '@martyrs/src/modules/icons/placeholders/PlaceholderChat.vue'\n\nimport ChatMessage from '../blocks/ChatMessage.vue';\nimport chatStore from '../../store/chat.store.js';\n\nconst newMessage = ref('');\nconst allMessages = ref(null);\n\n// Вычисляемые свойства\nconst messages = computed(() => chatStore.state.messages);\n\n// Функция прокрутки вниз\nconst scrollToBottom = () => {\n  if (allMessages.value) {\n    allMessages.value.scrollTop = allMessages.value.scrollHeight;\n  }\n};\n\n// Функция для отправки сообщения\nconst sendMessage = async () => {\n  if (newMessage.value) {\n    const message = {\n      text: newMessage.value,\n      module: 'chat',\n      username: chatStore.state.username,\n      chatId: chatStore.state.currentChatId\n    };\n\n    chatStore.methods.addMessage(message);\n    newMessage.value = '';\n\n    // Ждем, пока все анимации и рендеринг завершатся\n    await nextTick();\n    await new Promise(resolve => setTimeout(resolve, 100)); // Небольшая задержка для анимаций\n    scrollToBottom();\n  }\n};\n\n// Прокрутка вниз при монтировании\nonMounted(() => {\n  nextTick(() => {\n    if (allMessages.value) {\n      allMessages.value.scrollTop = allMessages.value.scrollHeight;\n    }\n  });\n});\n\n// Прокрутка вниз при изменении сообщений\nwatch(messages, () => {\n  nextTick(() => {\n    if (allMessages.value) {\n      allMessages.value.scrollTop = allMessages.value.scrollHeight;\n    }\n  });\n}, { deep: true });\n\n// Обработчик после завершения анимации входа нового элемента\n</script>\n\n<style>\n.list-enter-active,\n.list-leave-active {\n  transition: all 0.5s ease;\n}\n.list-enter-from,\n.list-leave-to {\n  opacity: 0;\n  transform: translateX(30px);\n}\n</style>"],"names":[],"mappings":";;;;;;;;;;;;;;;AAsCA,UAAM,aAAa,IAAI,EAAE;AACzB,UAAM,cAAc,IAAI,IAAI;AAG5B,UAAM,WAAW,SAAS,MAAM,UAAU,MAAM,QAAQ;AAGxD,UAAM,iBAAiB,MAAM;AAC3B,UAAI,YAAY,OAAO;AACrB,oBAAY,MAAM,YAAY,YAAY,MAAM;AAAA,MAClD;AAAA,IACF;AAGA,UAAM,cAAc,YAAY;AAC9B,UAAI,WAAW,OAAO;AACpB,cAAM,UAAU;AAAA,UACd,MAAM,WAAW;AAAA,UACjB,QAAQ;AAAA,UACR,UAAU,UAAU,MAAM;AAAA,UAC1B,QAAQ,UAAU,MAAM;AAAA,QAC9B;AAEI,kBAAU,QAAQ,WAAW,OAAO;AACpC,mBAAW,QAAQ;AAGnB,cAAM,SAAQ;AACd,cAAM,IAAI,QAAQ,aAAW,WAAW,SAAS,GAAG,CAAC;AACrD,uBAAc;AAAA,MAChB;AAAA,IACF;AAGA,cAAU,MAAM;AACd,eAAS,MAAM;AACb,YAAI,YAAY,OAAO;AACrB,sBAAY,MAAM,YAAY,YAAY,MAAM;AAAA,QAClD;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAGD,UAAM,UAAU,MAAM;AACpB,eAAS,MAAM;AACb,YAAI,YAAY,OAAO;AACrB,sBAAY,MAAM,YAAY,YAAY,MAAM;AAAA,QAClD;AAAA,MACF,CAAC;AAAA,IACH,GAAG,EAAE,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"ChatWindow.vue.js","sources":["../../../../../../../src/modules/chats/components/sections/ChatWindow.vue"],"sourcesContent":["<template>\n  <div class=\"bg-white radius-semi bg-white o-hidden pos-relative\">\n    <div ref=\"allMessages\" class=\"chat-messages o-scroll h-max-20r\">\n      <div class=\"pos-relative h-min-20r flex-justify-end flex flex-column br-b br-solid br-black-transp-10\">\n        <transition name=\"scaleIn\" mode=\"out-in\">\n          <div v-if=\"messages.length < 1\" class=\"flex-center pd-small t-center w-100 h-100 flex-column flex pos-absolute\">\n            <PlaceholderChat class=\"radius-100 mn-b-thin\"/>\n            <h4 class='mn-b-thin'>Here you can view your chat history</h4>\n            <p>Feel free to ask if you have any questions.</p>\n          </div>\n\n          <TransitionGroup v-else name=\"list\" tag=\"ul\" class=\"w-100 o-hidden\" @after-enter=\"scrollToBottom\">\n            <ChatMessage\n              v-for=\"message in messages\"\n              :key=\"message._id\"\n              :message=\"message\"\n            />\n          </TransitionGroup>\n        </transition>\n      </div>\n    </div>\n\n    <div class=\"flex-nowrap flex-v-center flex bg-white w-100 radius-big pd-small\">\n      <!-- <IconAdd class=\"mn-r-thin t-transp i-regular\" /> -->\n      <input class=\"\" placeholder=\"Enter your message\" type=\"text\" v-model=\"newMessage\" @keyup.enter=\"sendMessage\" />\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ref, computed, watch, onMounted, onUnmounted, nextTick } from 'vue';\n\nimport IconAdd from '@martyrs/src/modules/icons/navigation/IconAdd.vue'\nimport PlaceholderChat from '@martyrs/src/modules/icons/placeholders/PlaceholderChat.vue'\n\nimport ChatMessage from '../blocks/ChatMessage.vue';\nimport chatStore from '../../store/chat.store.js';\n\nconst newMessage = ref('');\nconst allMessages = ref(null);\nconst visibleMessageIds = ref(new Set());\nlet messageObserver = null;\n\n// Вычисляемые свойства\nconst messages = computed(() => chatStore.state.messages);\n\n// Функция прокрутки вниз\nconst scrollToBottom = () => {\n  if (allMessages.value) {\n    allMessages.value.scrollTop = allMessages.value.scrollHeight;\n  }\n};\n\n// Функция для отправки сообщения\nconst sendMessage = async () => {\n  if (newMessage.value) {\n    const message = {\n      text: newMessage.value,\n      module: 'chat',\n      username: chatStore.state.username,\n      chatId: chatStore.state.currentChatId\n    };\n\n    chatStore.methods.addMessage(message);\n    newMessage.value = '';\n\n    // Ждем, пока все анимации и рендеринг завершатся\n    await nextTick();\n    await new Promise(resolve => setTimeout(resolve, 100)); // Небольшая задержка для анимаций\n    scrollToBottom();\n  }\n};\n\n// Отслеживание видимых сообщений\nconst observeMessages = () => {\n  console.log('[CHAT] Setting up message observer');\n  \n  // Очищаем предыдущий observer если есть\n  if (messageObserver) {\n    messageObserver.disconnect();\n  }\n  \n  messageObserver = new IntersectionObserver((entries) => {\n    console.log('[CHAT] Observer triggered for', entries.length, 'entries');\n    entries.forEach(entry => {\n      const messageId = entry.target.dataset.messageId;\n      if (entry.isIntersecting) {\n        visibleMessageIds.value.add(messageId);\n      } else {\n        visibleMessageIds.value.delete(messageId);\n      }\n    });\n    \n    // Отправляем прочтение видимых сообщений\n    if (visibleMessageIds.value.size > 0) {\n      const unreadVisibleMessages = messages.value\n        .filter(msg => {\n          // Проверяем, что сообщение видимо\n          if (!visibleMessageIds.value.has(msg._id)) return false;\n          \n          // Проверяем, что сообщение не от текущего пользователя\n          console.log('[CHAT] Checking if own message:', {\n            msgUserId: msg.userId,\n            currentUserId: chatStore.state.userId,\n            isEqual: msg.userId === chatStore.state.userId,\n            msgUserIdType: typeof msg.userId,\n            currentUserIdType: typeof chatStore.state.userId\n          });\n          if (msg.userId && msg.userId === chatStore.state.userId) return false;\n          \n          // Проверяем, что сообщение еще не прочитано текущим пользователем\n          if (msg.readBy?.some(r => r.userId === chatStore.state.userId)) return false;\n          \n          console.log('[CHAT] Message can be marked as read:', {\n            msgId: msg._id,\n            msgUserId: msg.userId,\n            currentUserId: chatStore.state.userId,\n            readBy: msg.readBy\n          });\n          \n          return true;\n        })\n        .map(msg => msg._id);\n      \n      console.log('[CHAT] Unread visible messages to mark:', unreadVisibleMessages);\n      \n      if (unreadVisibleMessages.length > 0) {\n        console.log('[CHAT] Sending markAsRead for messages:', unreadVisibleMessages);\n        chatStore.methods.markMessagesAsRead(unreadVisibleMessages);\n      } else {\n        console.log('[CHAT] No unread messages to mark');\n      }\n    }\n  }, {\n    root: allMessages.value,\n    threshold: 0.5\n  });\n  \n  // Наблюдаем за всеми сообщениями\n  nextTick(() => {\n    const messageElements = allMessages.value?.querySelectorAll('[data-message-id]');\n    console.log('[CHAT] Found message elements to observe:', messageElements?.length);\n    messageElements?.forEach(el => messageObserver.observe(el));\n  });\n};\n\n// Прокрутка вниз при монтировании\nonMounted(() => {\n  nextTick(() => {\n    if (allMessages.value) {\n      allMessages.value.scrollTop = allMessages.value.scrollHeight;\n    }\n    observeMessages();\n  });\n});\n\n// Прокрутка вниз при изменении сообщений\nwatch(messages, () => {\n  nextTick(() => {\n    if (allMessages.value) {\n      allMessages.value.scrollTop = allMessages.value.scrollHeight;\n    }\n    observeMessages();\n  });\n}, { deep: true });\n\n// Очистка observer при размонтировании\nonUnmounted(() => {\n  if (messageObserver) {\n    messageObserver.disconnect();\n  }\n});\n</script>\n\n<style>\n.list-enter-active,\n.list-leave-active {\n  transition: all 0.5s ease;\n}\n.list-enter-from,\n.list-leave-to {\n  opacity: 0;\n  transform: translateX(30px);\n}\n</style>"],"names":[],"mappings":"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"}

package/dist/martyrs/src/modules/chats/store/chat.store.cjs

@@ -5,7 +5,8 @@ const vue = require("vue");
 const state = vue.reactive({
   messages: [],
   currentChatId: null,
-  username: null
+  username: null,
+  userId: null
 });
 const methods = {
   /**
@@ -15,6 +16,7 @@ const methods = {
   async connectWebSocket(userId) {
     try {
       console.log("[Chat] Connecting to WebSocket with userId:", userId);
+      state.userId = userId;
       await globals_websocket.default.connect(userId);
       await globals_websocket.default.subscribeModule("chat");
       globals_websocket.default.removeModuleListeners("chat");
@@ -27,6 +29,30 @@ const methods = {
         },
         { module: "chat" }
       );
+      globals_websocket.default.addEventListener(
+        "readReceipt",
+        (data) => {
+          console.log("[CHAT STORE] Received readReceipt:", data);
+          if (data.messageIds && data.userId) {
+            data.messageIds.forEach((messageId) => {
+              const message = state.messages.find((m) => m._id === messageId);
+              if (message) {
+                if (!message.readBy) {
+                  message.readBy = [];
+                }
+                if (!message.readBy.some((r) => r.userId === data.userId)) {
+                  message.readBy.push({
+                    userId: data.userId,
+                    readAt: data.readAt || /* @__PURE__ */ new Date()
+                  });
+                  console.log("[CHAT STORE] Updated message read status:", messageId);
+                }
+              }
+            });
+          }
+        },
+        { module: "chat" }
+      );
     } catch (error) {
       console.error("[Chat] WebSocket connection failed:", error);
       throw error;
@@ -64,6 +90,39 @@ const methods = {
       ...message,
       module: "chat",
       type: "message",
+      chatId: state.currentChatId,
+      chatType: "order",
+      // TODO: динамически определять тип чата
+      userId: state.userId
+      // Добавляем userId отправителя
+    });
+  },
+  /**
+   * Отметить сообщения как прочитанные
+   * @param {Array<String>} messageIds
+   */
+  async markMessagesAsRead(messageIds) {
+    console.log("[CHAT STORE] markMessagesAsRead called with:", messageIds);
+    console.log("[CHAT STORE] Current userId:", state.userId);
+    messageIds.forEach((messageId) => {
+      const message = state.messages.find((m) => m._id === messageId);
+      if (message) {
+        if (!message.readBy) {
+          message.readBy = [];
+        }
+        if (!message.readBy.some((r) => r.userId === state.userId)) {
+          message.readBy.push({
+            userId: state.userId,
+            readAt: /* @__PURE__ */ new Date()
+          });
+          console.log("[CHAT STORE] Locally updated message read status:", messageId);
+        }
+      }
+    });
+    await globals_websocket.default.send({
+      type: "markAsRead",
+      module: "chat",
+      messageIds,
       chatId: state.currentChatId
     });
   },

package/dist/martyrs/src/modules/chats/store/chat.store.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"chat.store.cjs","sources":["../../../../../../src/modules/chats/store/chat.store.js"],"sourcesContent":["import globalWebSocket from '@martyrs/src/modules/globals/views/classes/globals.websocket.js';\nimport { reactive, readonly } from 'vue';\n\nconst state = reactive({\n  messages: [],\n  currentChatId: null,\n  username: null,\n});\n\nconst methods = {\n  /**\n   * Подключение к глобальному WebSocket и подписка на чат\n   * @param {String} userId\n   */\n  async connectWebSocket(userId) {\n    try {\n      console.log('[Chat] Connecting to WebSocket with userId:', userId);\n      await globalWebSocket.connect(userId);\n      await globalWebSocket.subscribeModule('chat'); // 👈 Подписка на модуль чата\n\n      // Очистка старых листенеров\n      globalWebSocket.removeModuleListeners('chat');\n\n      // Добавляем обработчик входящих сообщений\n      globalWebSocket.addEventListener(\n        'message',\n        data => {\n          if (data.chatId === state.currentChatId) {\n            state.messages.push(data);\n          }\n        },\n        { module: 'chat' }\n      );\n    } catch (error) {\n      console.error('[Chat] WebSocket connection failed:', error);\n      throw error;\n    }\n  },\n\n  /**\n   * Установка текущего активного чата и загрузка сообщений\n   * @param {String} chatId\n   */\n  async setCurrentChat(chatId) {\n    state.currentChatId = chatId;\n    state.messages = [];\n\n    // Отправляем joinChat через WebSocket\n    globalWebSocket.send({ type: 'joinChat', module: 'chat', chatId });\n\n    // Загружаем историю сообщений\n    try {\n      const response = await fetch(`/messages/${chatId}`);\n      const messages = await response.json();\n      methods.setMessages(messages);\n    } catch (err) {\n      console.error('[Chat] Failed to fetch messages:', err);\n    }\n  },\n\n  /**\n   * Установка сообщений\n   * @param {Array} messages\n   */\n  setMessages(messages) {\n    state.messages = messages;\n  },\n\n  /**\n   * Отправка сообщения через WebSocket\n   * @param {Object} message\n   */\n  async addMessage(message) {\n    await globalWebSocket.send({\n      ...message,\n      module: 'chat',\n      type: 'message',\n      chatId: state.currentChatId,\n    });\n  },\n\n  /**\n   * Установка имени пользователя\n   * @param {String} username\n   */\n  setUsername(username) {\n    state.username = username;\n  },\n\n  /**\n   * Отключение от чата (очистка листенеров)\n   */\n  disconnectChat() {\n    globalWebSocket.removeModuleListeners('chat');\n    // globalWebSocket.disconnect(); // включить, если нужно полностью разорвать соединение\n  },\n};\n\nexport default {\n  state: readonly(state),\n  methods,\n};\n"],"names":["reactive","globalWebSocket","readonly"],"mappings":";;;;AAGA,MAAM,QAAQA,IAAAA,SAAS;AAAA,EACrB,UAAU,CAAA;AAAA,EACV,eAAe;AAAA,EACf,UAAU;AACZ,CAAC;AAED,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKd,MAAM,iBAAiB,QAAQ;AAC7B,QAAI;AACF,cAAQ,IAAI,+CAA+C,MAAM;AACjE,YAAMC,kBAAAA,QAAgB,QAAQ,MAAM;AACpC,YAAMA,kBAAAA,QAAgB,gBAAgB,MAAM;AAG5CA,wBAAAA,QAAgB,sBAAsB,MAAM;AAG5CA,wBAAAA,QAAgB;AAAA,QACd;AAAA,QACA,UAAQ;AACN,cAAI,KAAK,WAAW,MAAM,eAAe;AACvC,kBAAM,SAAS,KAAK,IAAI;AAAA,UAC1B;AAAA,QACF;AAAA,QACA,EAAE,QAAQ,OAAM;AAAA,MACxB;AAAA,IACI,SAAS,OAAO;AACd,cAAQ,MAAM,uCAAuC,KAAK;AAC1D,YAAM;AAAA,IACR;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,MAAM,eAAe,QAAQ;AAC3B,UAAM,gBAAgB;AACtB,UAAM,WAAW,CAAA;AAGjBA,sBAAAA,QAAgB,KAAK,EAAE,MAAM,YAAY,QAAQ,QAAQ,QAAQ;AAGjE,QAAI;AACF,YAAM,WAAW,MAAM,MAAM,aAAa,MAAM,EAAE;AAClD,YAAM,WAAW,MAAM,SAAS,KAAI;AACpC,cAAQ,YAAY,QAAQ;AAAA,IAC9B,SAAS,KAAK;AACZ,cAAQ,MAAM,oCAAoC,GAAG;AAAA,IACvD;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,YAAY,UAAU;AACpB,UAAM,WAAW;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,MAAM,WAAW,SAAS;AACxB,UAAMA,kBAAAA,QAAgB,KAAK;AAAA,MACzB,GAAG;AAAA,MACH,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,QAAQ,MAAM;AAAA,IACpB,CAAK;AAAA,EACH;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,YAAY,UAAU;AACpB,UAAM,WAAW;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA,EAKA,iBAAiB;AACfA,sBAAAA,QAAgB,sBAAsB,MAAM;AAAA,EAE9C;AACF;AAEA,MAAA,YAAe;AAAA,EACb,OAAOC,IAAAA,SAAS,KAAK;AAAA,EACrB;AACF;;"}
+{"version":3,"file":"chat.store.cjs","sources":["../../../../../../src/modules/chats/store/chat.store.js"],"sourcesContent":["import globalWebSocket from '@martyrs/src/modules/globals/views/classes/globals.websocket.js';\nimport { reactive, readonly } from 'vue';\n\nconst state = reactive({\n  messages: [],\n  currentChatId: null,\n  username: null,\n  userId: null,\n});\n\nconst methods = {\n  /**\n   * Подключение к глобальному WebSocket и подписка на чат\n   * @param {String} userId\n   */\n  async connectWebSocket(userId) {\n    try {\n      console.log('[Chat] Connecting to WebSocket with userId:', userId);\n      state.userId = userId; // Сохраняем userId\n      await globalWebSocket.connect(userId);\n      await globalWebSocket.subscribeModule('chat'); // 👈 Подписка на модуль чата\n\n      // Очистка старых листенеров\n      globalWebSocket.removeModuleListeners('chat');\n\n      // Добавляем обработчик входящих сообщений\n      globalWebSocket.addEventListener(\n        'message',\n        data => {\n          if (data.chatId === state.currentChatId) {\n            state.messages.push(data);\n          }\n        },\n        { module: 'chat' }\n      );\n      \n      // Обработчик подтверждения прочтения\n      globalWebSocket.addEventListener(\n        'readReceipt',\n        data => {\n          console.log('[CHAT STORE] Received readReceipt:', data);\n          \n          // Обновляем статус прочтения для сообщений\n          if (data.messageIds && data.userId) {\n            data.messageIds.forEach(messageId => {\n              const message = state.messages.find(m => m._id === messageId);\n              if (message) {\n                if (!message.readBy) {\n                  message.readBy = [];\n                }\n                // Добавляем запись о прочтении если её еще нет\n                if (!message.readBy.some(r => r.userId === data.userId)) {\n                  message.readBy.push({\n                    userId: data.userId,\n                    readAt: data.readAt || new Date()\n                  });\n                  console.log('[CHAT STORE] Updated message read status:', messageId);\n                }\n              }\n            });\n          }\n        },\n        { module: 'chat' }\n      );\n    } catch (error) {\n      console.error('[Chat] WebSocket connection failed:', error);\n      throw error;\n    }\n  },\n\n  /**\n   * Установка текущего активного чата и загрузка сообщений\n   * @param {String} chatId\n   */\n  async setCurrentChat(chatId) {\n    state.currentChatId = chatId;\n    state.messages = [];\n\n    // Отправляем joinChat через WebSocket\n    globalWebSocket.send({ type: 'joinChat', module: 'chat', chatId });\n\n    // Загружаем историю сообщений\n    try {\n      const response = await fetch(`/messages/${chatId}`);\n      const messages = await response.json();\n      methods.setMessages(messages);\n    } catch (err) {\n      console.error('[Chat] Failed to fetch messages:', err);\n    }\n  },\n\n  /**\n   * Установка сообщений\n   * @param {Array} messages\n   */\n  setMessages(messages) {\n    state.messages = messages;\n  },\n\n  /**\n   * Отправка сообщения через WebSocket\n   * @param {Object} message\n   */\n  async addMessage(message) {\n    await globalWebSocket.send({\n      ...message,\n      module: 'chat',\n      type: 'message',\n      chatId: state.currentChatId,\n      chatType: 'order', // TODO: динамически определять тип чата\n      userId: state.userId, // Добавляем userId отправителя\n    });\n  },\n\n  /**\n   * Отметить сообщения как прочитанные\n   * @param {Array<String>} messageIds\n   */\n  async markMessagesAsRead(messageIds) {\n    console.log('[CHAT STORE] markMessagesAsRead called with:', messageIds);\n    console.log('[CHAT STORE] Current userId:', state.userId);\n    \n    // Обновляем локальное состояние сразу для текущего пользователя\n    messageIds.forEach(messageId => {\n      const message = state.messages.find(m => m._id === messageId);\n      if (message) {\n        if (!message.readBy) {\n          message.readBy = [];\n        }\n        // Добавляем запись о прочтении если её еще нет\n        if (!message.readBy.some(r => r.userId === state.userId)) {\n          message.readBy.push({\n            userId: state.userId,\n            readAt: new Date()\n          });\n          console.log('[CHAT STORE] Locally updated message read status:', messageId);\n        }\n      }\n    });\n    \n    await globalWebSocket.send({\n      type: 'markAsRead',\n      module: 'chat',\n      messageIds: messageIds,\n      chatId: state.currentChatId,\n    });\n  },\n\n  /**\n   * Установка имени пользователя\n   * @param {String} username\n   */\n  setUsername(username) {\n    state.username = username;\n  },\n\n  /**\n   * Отключение от чата (очистка листенеров)\n   */\n  disconnectChat() {\n    globalWebSocket.removeModuleListeners('chat');\n    // globalWebSocket.disconnect(); // включить, если нужно полностью разорвать соединение\n  },\n};\n\nexport default {\n  state: readonly(state),\n  methods,\n};\n"],"names":["reactive","globalWebSocket","readonly"],"mappings":";;;;AAGA,MAAM,QAAQA,IAAAA,SAAS;AAAA,EACrB,UAAU,CAAA;AAAA,EACV,eAAe;AAAA,EACf,UAAU;AAAA,EACV,QAAQ;AACV,CAAC;AAED,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKd,MAAM,iBAAiB,QAAQ;AAC7B,QAAI;AACF,cAAQ,IAAI,+CAA+C,MAAM;AACjE,YAAM,SAAS;AACf,YAAMC,kBAAAA,QAAgB,QAAQ,MAAM;AACpC,YAAMA,kBAAAA,QAAgB,gBAAgB,MAAM;AAG5CA,wBAAAA,QAAgB,sBAAsB,MAAM;AAG5CA,wBAAAA,QAAgB;AAAA,QACd;AAAA,QACA,UAAQ;AACN,cAAI,KAAK,WAAW,MAAM,eAAe;AACvC,kBAAM,SAAS,KAAK,IAAI;AAAA,UAC1B;AAAA,QACF;AAAA,QACA,EAAE,QAAQ,OAAM;AAAA,MACxB;AAGMA,wBAAAA,QAAgB;AAAA,QACd;AAAA,QACA,UAAQ;AACN,kBAAQ,IAAI,sCAAsC,IAAI;AAGtD,cAAI,KAAK,cAAc,KAAK,QAAQ;AAClC,iBAAK,WAAW,QAAQ,eAAa;AACnC,oBAAM,UAAU,MAAM,SAAS,KAAK,OAAK,EAAE,QAAQ,SAAS;AAC5D,kBAAI,SAAS;AACX,oBAAI,CAAC,QAAQ,QAAQ;AACnB,0BAAQ,SAAS,CAAA;AAAA,gBACnB;AAEA,oBAAI,CAAC,QAAQ,OAAO,KAAK,OAAK,EAAE,WAAW,KAAK,MAAM,GAAG;AACvD,0BAAQ,OAAO,KAAK;AAAA,oBAClB,QAAQ,KAAK;AAAA,oBACb,QAAQ,KAAK,UAAU,oBAAI,KAAI;AAAA,kBACnD,CAAmB;AACD,0BAAQ,IAAI,6CAA6C,SAAS;AAAA,gBACpE;AAAA,cACF;AAAA,YACF,CAAC;AAAA,UACH;AAAA,QACF;AAAA,QACA,EAAE,QAAQ,OAAM;AAAA,MACxB;AAAA,IACI,SAAS,OAAO;AACd,cAAQ,MAAM,uCAAuC,KAAK;AAC1D,YAAM;AAAA,IACR;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,MAAM,eAAe,QAAQ;AAC3B,UAAM,gBAAgB;AACtB,UAAM,WAAW,CAAA;AAGjBA,sBAAAA,QAAgB,KAAK,EAAE,MAAM,YAAY,QAAQ,QAAQ,QAAQ;AAGjE,QAAI;AACF,YAAM,WAAW,MAAM,MAAM,aAAa,MAAM,EAAE;AAClD,YAAM,WAAW,MAAM,SAAS,KAAI;AACpC,cAAQ,YAAY,QAAQ;AAAA,IAC9B,SAAS,KAAK;AACZ,cAAQ,MAAM,oCAAoC,GAAG;AAAA,IACvD;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,YAAY,UAAU;AACpB,UAAM,WAAW;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,MAAM,WAAW,SAAS;AACxB,UAAMA,kBAAAA,QAAgB,KAAK;AAAA,MACzB,GAAG;AAAA,MACH,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,QAAQ,MAAM;AAAA,MACd,UAAU;AAAA;AAAA,MACV,QAAQ,MAAM;AAAA;AAAA,IACpB,CAAK;AAAA,EACH;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,MAAM,mBAAmB,YAAY;AACnC,YAAQ,IAAI,gDAAgD,UAAU;AACtE,YAAQ,IAAI,gCAAgC,MAAM,MAAM;AAGxD,eAAW,QAAQ,eAAa;AAC9B,YAAM,UAAU,MAAM,SAAS,KAAK,OAAK,EAAE,QAAQ,SAAS;AAC5D,UAAI,SAAS;AACX,YAAI,CAAC,QAAQ,QAAQ;AACnB,kBAAQ,SAAS,CAAA;AAAA,QACnB;AAEA,YAAI,CAAC,QAAQ,OAAO,KAAK,OAAK,EAAE,WAAW,MAAM,MAAM,GAAG;AACxD,kBAAQ,OAAO,KAAK;AAAA,YAClB,QAAQ,MAAM;AAAA,YACd,QAAQ,oBAAI,KAAI;AAAA,UAC5B,CAAW;AACD,kBAAQ,IAAI,qDAAqD,SAAS;AAAA,QAC5E;AAAA,MACF;AAAA,IACF,CAAC;AAED,UAAMA,kBAAAA,QAAgB,KAAK;AAAA,MACzB,MAAM;AAAA,MACN,QAAQ;AAAA,MACR;AAAA,MACA,QAAQ,MAAM;AAAA,IACpB,CAAK;AAAA,EACH;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,YAAY,UAAU;AACpB,UAAM,WAAW;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA,EAKA,iBAAiB;AACfA,sBAAAA,QAAgB,sBAAsB,MAAM;AAAA,EAE9C;AACF;AAEA,MAAA,YAAe;AAAA,EACb,OAAOC,IAAAA,SAAS,KAAK;AAAA,EACrB;AACF;;"}

package/dist/martyrs/src/modules/chats/store/chat.store.js

@@ -3,7 +3,8 @@ import { reactive, readonly } from "vue";
 const state = reactive({
   messages: [],
   currentChatId: null,
-  username: null
+  username: null,
+  userId: null
 });
 const methods = {
   /**
@@ -13,6 +14,7 @@ const methods = {
   async connectWebSocket(userId) {
     try {
       console.log("[Chat] Connecting to WebSocket with userId:", userId);
+      state.userId = userId;
       await globalWebSocket.connect(userId);
       await globalWebSocket.subscribeModule("chat");
       globalWebSocket.removeModuleListeners("chat");
@@ -25,6 +27,30 @@ const methods = {
         },
         { module: "chat" }
       );
+      globalWebSocket.addEventListener(
+        "readReceipt",
+        (data) => {
+          console.log("[CHAT STORE] Received readReceipt:", data);
+          if (data.messageIds && data.userId) {
+            data.messageIds.forEach((messageId) => {
+              const message = state.messages.find((m) => m._id === messageId);
+              if (message) {
+                if (!message.readBy) {
+                  message.readBy = [];
+                }
+                if (!message.readBy.some((r) => r.userId === data.userId)) {
+                  message.readBy.push({
+                    userId: data.userId,
+                    readAt: data.readAt || /* @__PURE__ */ new Date()
+                  });
+                  console.log("[CHAT STORE] Updated message read status:", messageId);
+                }
+              }
+            });
+          }
+        },
+        { module: "chat" }
+      );
     } catch (error) {
       console.error("[Chat] WebSocket connection failed:", error);
       throw error;
@@ -62,6 +88,39 @@ const methods = {
       ...message,
       module: "chat",
       type: "message",
+      chatId: state.currentChatId,
+      chatType: "order",
+      // TODO: динамически определять тип чата
+      userId: state.userId
+      // Добавляем userId отправителя
+    });
+  },
+  /**
+   * Отметить сообщения как прочитанные
+   * @param {Array<String>} messageIds
+   */
+  async markMessagesAsRead(messageIds) {
+    console.log("[CHAT STORE] markMessagesAsRead called with:", messageIds);
+    console.log("[CHAT STORE] Current userId:", state.userId);
+    messageIds.forEach((messageId) => {
+      const message = state.messages.find((m) => m._id === messageId);
+      if (message) {
+        if (!message.readBy) {
+          message.readBy = [];
+        }
+        if (!message.readBy.some((r) => r.userId === state.userId)) {
+          message.readBy.push({
+            userId: state.userId,
+            readAt: /* @__PURE__ */ new Date()
+          });
+          console.log("[CHAT STORE] Locally updated message read status:", messageId);
+        }
+      }
+    });
+    await globalWebSocket.send({
+      type: "markAsRead",
+      module: "chat",
+      messageIds,
       chatId: state.currentChatId
     });
   },

package/dist/martyrs/src/modules/chats/store/chat.store.js.map

@@ -1 +1 @@
-{"version":3,"file":"chat.store.js","sources":["../../../../../../src/modules/chats/store/chat.store.js"],"sourcesContent":["import globalWebSocket from '@martyrs/src/modules/globals/views/classes/globals.websocket.js';\nimport { reactive, readonly } from 'vue';\n\nconst state = reactive({\n  messages: [],\n  currentChatId: null,\n  username: null,\n});\n\nconst methods = {\n  /**\n   * Подключение к глобальному WebSocket и подписка на чат\n   * @param {String} userId\n   */\n  async connectWebSocket(userId) {\n    try {\n      console.log('[Chat] Connecting to WebSocket with userId:', userId);\n      await globalWebSocket.connect(userId);\n      await globalWebSocket.subscribeModule('chat'); // 👈 Подписка на модуль чата\n\n      // Очистка старых листенеров\n      globalWebSocket.removeModuleListeners('chat');\n\n      // Добавляем обработчик входящих сообщений\n      globalWebSocket.addEventListener(\n        'message',\n        data => {\n          if (data.chatId === state.currentChatId) {\n            state.messages.push(data);\n          }\n        },\n        { module: 'chat' }\n      );\n    } catch (error) {\n      console.error('[Chat] WebSocket connection failed:', error);\n      throw error;\n    }\n  },\n\n  /**\n   * Установка текущего активного чата и загрузка сообщений\n   * @param {String} chatId\n   */\n  async setCurrentChat(chatId) {\n    state.currentChatId = chatId;\n    state.messages = [];\n\n    // Отправляем joinChat через WebSocket\n    globalWebSocket.send({ type: 'joinChat', module: 'chat', chatId });\n\n    // Загружаем историю сообщений\n    try {\n      const response = await fetch(`/messages/${chatId}`);\n      const messages = await response.json();\n      methods.setMessages(messages);\n    } catch (err) {\n      console.error('[Chat] Failed to fetch messages:', err);\n    }\n  },\n\n  /**\n   * Установка сообщений\n   * @param {Array} messages\n   */\n  setMessages(messages) {\n    state.messages = messages;\n  },\n\n  /**\n   * Отправка сообщения через WebSocket\n   * @param {Object} message\n   */\n  async addMessage(message) {\n    await globalWebSocket.send({\n      ...message,\n      module: 'chat',\n      type: 'message',\n      chatId: state.currentChatId,\n    });\n  },\n\n  /**\n   * Установка имени пользователя\n   * @param {String} username\n   */\n  setUsername(username) {\n    state.username = username;\n  },\n\n  /**\n   * Отключение от чата (очистка листенеров)\n   */\n  disconnectChat() {\n    globalWebSocket.removeModuleListeners('chat');\n    // globalWebSocket.disconnect(); // включить, если нужно полностью разорвать соединение\n  },\n};\n\nexport default {\n  state: readonly(state),\n  methods,\n};\n"],"names":[],"mappings":";;AAGA,MAAM,QAAQ,SAAS;AAAA,EACrB,UAAU,CAAA;AAAA,EACV,eAAe;AAAA,EACf,UAAU;AACZ,CAAC;AAED,MAAM,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKd,MAAM,iBAAiB,QAAQ;AAC7B,QAAI;AACF,cAAQ,IAAI,+CAA+C,MAAM;AACjE,YAAM,gBAAgB,QAAQ,MAAM;AACpC,YAAM,gBAAgB,gBAAgB,MAAM;AAG5C,sBAAgB,sBAAsB,MAAM;AAG5C,sBAAgB;AAAA,QACd;AAAA,QACA,UAAQ;AACN,cAAI,KAAK,WAAW,MAAM,eAAe;AACvC,kBAAM,SAAS,KAAK,IAAI;AAAA,UAC1B;AAAA,QACF;AAAA,QACA,EAAE,QAAQ,OAAM;AAAA,MACxB;AAAA,IACI,SAAS,OAAO;AACd,cAAQ,MAAM,uCAAuC,KAAK;AAC1D,YAAM;AAAA,IACR;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,MAAM,eAAe,QAAQ;AAC3B,UAAM,gBAAgB;AACtB,UAAM,WAAW,CAAA;AAGjB,oBAAgB,KAAK,EAAE,MAAM,YAAY,QAAQ,QAAQ,QAAQ;AAGjE,QAAI;AACF,YAAM,WAAW,MAAM,MAAM,aAAa,MAAM,EAAE;AAClD,YAAM,WAAW,MAAM,SAAS,KAAI;AACpC,cAAQ,YAAY,QAAQ;AAAA,IAC9B,SAAS,KAAK;AACZ,cAAQ,MAAM,oCAAoC,GAAG;AAAA,IACvD;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,YAAY,UAAU;AACpB,UAAM,WAAW;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,MAAM,WAAW,SAAS;AACxB,UAAM,gBAAgB,KAAK;AAAA,MACzB,GAAG;AAAA,MACH,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,QAAQ,MAAM;AAAA,IACpB,CAAK;AAAA,EACH;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,YAAY,UAAU;AACpB,UAAM,WAAW;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA,EAKA,iBAAiB;AACf,oBAAgB,sBAAsB,MAAM;AAAA,EAE9C;AACF;AAEA,MAAA,YAAe;AAAA,EACb,OAAO,SAAS,KAAK;AAAA,EACrB;AACF;"}
+{"version":3,"file":"chat.store.js","sources":["../../../../../../src/modules/chats/store/chat.store.js"],"sourcesContent":["import globalWebSocket from '@martyrs/src/modules/globals/views/classes/globals.websocket.js';\nimport { reactive, readonly } from 'vue';\n\nconst state = reactive({\n  messages: [],\n  currentChatId: null,\n  username: null,\n  userId: null,\n});\n\nconst methods = {\n  /**\n   * Подключение к глобальному WebSocket и подписка на чат\n   * @param {String} userId\n   */\n  async connectWebSocket(userId) {\n    try {\n      console.log('[Chat] Connecting to WebSocket with userId:', userId);\n      state.userId = userId; // Сохраняем userId\n      await globalWebSocket.connect(userId);\n      await globalWebSocket.subscribeModule('chat'); // 👈 Подписка на модуль чата\n\n      // Очистка старых листенеров\n      globalWebSocket.removeModuleListeners('chat');\n\n      // Добавляем обработчик входящих сообщений\n      globalWebSocket.addEventListener(\n        'message',\n        data => {\n          if (data.chatId === state.currentChatId) {\n            state.messages.push(data);\n          }\n        },\n        { module: 'chat' }\n      );\n      \n      // Обработчик подтверждения прочтения\n      globalWebSocket.addEventListener(\n        'readReceipt',\n        data => {\n          console.log('[CHAT STORE] Received readReceipt:', data);\n          \n          // Обновляем статус прочтения для сообщений\n          if (data.messageIds && data.userId) {\n            data.messageIds.forEach(messageId => {\n              const message = state.messages.find(m => m._id === messageId);\n              if (message) {\n                if (!message.readBy) {\n                  message.readBy = [];\n                }\n                // Добавляем запись о прочтении если её еще нет\n                if (!message.readBy.some(r => r.userId === data.userId)) {\n                  message.readBy.push({\n                    userId: data.userId,\n                    readAt: data.readAt || new Date()\n                  });\n                  console.log('[CHAT STORE] Updated message read status:', messageId);\n                }\n              }\n            });\n          }\n        },\n        { module: 'chat' }\n      );\n    } catch (error) {\n      console.error('[Chat] WebSocket connection failed:', error);\n      throw error;\n    }\n  },\n\n  /**\n   * Установка текущего активного чата и загрузка сообщений\n   * @param {String} chatId\n   */\n  async setCurrentChat(chatId) {\n    state.currentChatId = chatId;\n    state.messages = [];\n\n    // Отправляем joinChat через WebSocket\n    globalWebSocket.send({ type: 'joinChat', module: 'chat', chatId });\n\n    // Загружаем историю сообщений\n    try {\n      const response = await fetch(`/messages/${chatId}`);\n      const messages = await response.json();\n      methods.setMessages(messages);\n    } catch (err) {\n      console.error('[Chat] Failed to fetch messages:', err);\n    }\n  },\n\n  /**\n   * Установка сообщений\n   * @param {Array} messages\n   */\n  setMessages(messages) {\n    state.messages = messages;\n  },\n\n  /**\n   * Отправка сообщения через WebSocket\n   * @param {Object} message\n   */\n  async addMessage(message) {\n    await globalWebSocket.send({\n      ...message,\n      module: 'chat',\n      type: 'message',\n      chatId: state.currentChatId,\n      chatType: 'order', // TODO: динамически определять тип чата\n      userId: state.userId, // Добавляем userId отправителя\n    });\n  },\n\n  /**\n   * Отметить сообщения как прочитанные\n   * @param {Array<String>} messageIds\n   */\n  async markMessagesAsRead(messageIds) {\n    console.log('[CHAT STORE] markMessagesAsRead called with:', messageIds);\n    console.log('[CHAT STORE] Current userId:', state.userId);\n    \n    // Обновляем локальное состояние сразу для текущего пользователя\n    messageIds.forEach(messageId => {\n      const message = state.messages.find(m => m._id === messageId);\n      if (message) {\n        if (!message.readBy) {\n          message.readBy = [];\n        }\n        // Добавляем запись о прочтении если её еще нет\n        if (!message.readBy.some(r => r.userId === state.userId)) {\n          message.readBy.push({\n            userId: state.userId,\n            readAt: new Date()\n          });\n          console.log('[CHAT STORE] Locally updated message read status:', messageId);\n        }\n      }\n    });\n    \n    await globalWebSocket.send({\n      type: 'markAsRead',\n      module: 'chat',\n      messageIds: messageIds,\n      chatId: state.currentChatId,\n    });\n  },\n\n  /**\n   * Установка имени пользователя\n   * @param {String} username\n   */\n  setUsername(username) {\n    state.username = username;\n  },\n\n  /**\n   * Отключение от чата (очистка листенеров)\n   */\n  disconnectChat() {\n    globalWebSocket.removeModuleListeners('chat');\n    // globalWebSocket.disconnect(); // включить, если нужно полностью разорвать соединение\n  },\n};\n\nexport default {\n  state: readonly(state),\n  methods,\n};\n"],"names":[],"mappings":"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"}

package/dist/martyrs/src/modules/community/components/layouts/Community.vue.cjs

@@ -2,7 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const vue = require("vue");
 const vueRouter = require("vue-router");
-const Select = require("../../../../components/Select/Select.vue2.cjs");
+const Select = require("../../../../components/Select/Select.vue.cjs");
 const Feed = require("../../../../components/Feed/Feed.vue.cjs");
 const CardOrganization = require("../../../organizations/components/blocks/CardOrganization.vue.cjs");
 const IconFeatured = require("../../../icons/entities/IconFeatured.vue.cjs");
@@ -14,7 +14,7 @@ const Comment = require("../sections/Comment.vue.cjs");
 const blogposts = require("../../store/blogposts.cjs");
 const auth = require("../../../auth/views/store/auth.cjs");
 const organizations = require("../../../organizations/store/organizations.cjs");
-const memberships = require("../../../organizations/store/memberships.cjs");
+const memberships_store = require("../../../organizations/store/memberships.store.cjs");
 const _hoisted_1 = { class: "bg-white" };
 const _hoisted_2 = { class: "w-100 flex-nowrap flex gap-thin mobile:pd-zero pd-thin pos-relative" };
 const _hoisted_3 = {
@@ -64,7 +64,7 @@ const _sfc_main = {
     if (route.params.category === "popular") blogposts.state.sort.param = "views";
     if (route.params.category === "new") blogposts.state.sort.param = "createdAt";
     const handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {
-      memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber);
+      memberships_store.default.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber);
     };
     return (_ctx, _cache) => {
       const _component_router_link = vue.resolveComponent("router-link");

package/dist/martyrs/src/modules/community/components/layouts/Community.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Community.vue.cjs","sources":["../../../../../../../src/modules/community/components/layouts/Community.vue"],"sourcesContent":["\t<template>\n\t<div class=\"bg-white\">\n\t\t<section class=\"w-100  flex-nowrap flex gap-thin mobile:pd-zero pd-thin pos-relative\">\n\n\t\t\t<div style=\"flex: 1 1 auto\" class=\"w-100 h-100 pos-relative\">\n\t\t\t\t<header v-if=\"!route.params.url && route.name !== 'Create BlogPost'\" class=\"bg-light pd-medium radius-medium mobile:radius-zero scroll-hide o-y-visible t-black pos-relative  mn-b-thin flex-v-center t-left flex-nowrap flex\">\n\t\t    \t<h2 class=\"pos-relative t-nowrap flex-v-center flex-nowrap flex\">\n\t\t    \t\t<span class=\"mn-r-thin\">Posts for </span>\n\n\t\t    \t\t<Select \n\t\t\t        :options=\"['today','week','month','year','all time']\"\n\t\t\t        v-model:select=\"blog.state.filter.period\" \n\t\t\t        placeholder=\"all time\"\n\t\t\t        class=\"\n\t\t\t        \tt-semi\n\t\t\t        \tpos-relative \n\t\t\t        \tw-max\n\t\t\t        \tbg-main t-black\n\t\t\t        \tpd-thin\n\t\t\t        \tradius-medium\n\t\t\t          h2\n\t\t\t         \tt-center\n\t\t\t         \tflex-column \n\t\t\t         \tflex \n\t\t\t         \tgap-medium \n\t\t\t        \"\n\t\t\t      />\n\t\t    \t</h2>\n\t\t\t\t</header>\n\n\t\t\t\t<div  v-if=\"!route.params.url && route.name !=='Create BlogPost'\"  class=\"w-100 pos-relative\">\n\t\t\t\t\t<ul class=\"align-self-start pos-sticky pos-t-0 w-100 bg-light radius-medium mobile:radius-zero mn-b-thin pd-medium p-medium gap-thin flex-row flex-nowrap flex z-index-2 o-scroll t-nowrap scroll-hide\">\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'featured' }\" \t\t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'featured' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer flex-v-center flex t-medium  pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconFeatured class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tFeatured\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'popular' }\"\t\t\t\t\t \t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'views'; router.push({name: 'Blog', params: { category: 'popular' } }) }\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-small\"\n\t\t\t\t\t\t>\t\n\t\t\t\t\t\t\t<IconPopular class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tPopular\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'new'}\" \t\t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'new' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconRecent class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tRecent\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li \t\n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'following'}\" \t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'following' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconFollowing class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tFollowing\n\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\tname: 'Create BlogPost'\n\t\t\t\t\t\t\t}\" \n\t\t\t\t\t\t\tclass=\"button t-medium bg-main w-max mn-l-auto\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tCreate Post\n\t\t\t\t\t\t</router-link>\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\n\n\t\t\t\t<router-view v-slot=\"{ Component, route }\">\n\t\t\t\t\t<transition name=\"scaleIn\" mode=\"out-in\">\n\t\t\t\t\t\t<component ref=\"page\" :key=\"route.query\" :is=\"Component\" />\n\t\t\t\t\t</transition>\n\t\t\t\t</router-view>\n\t\t\t</div>\n\n\t\t\t<div style=\"flex: 1 1 auto\" class=\"desktop-only pos-sticky pos-t-thin scroll-hide  h-100  w-40 h-100 pos-relative \">\n\t\t\t\t<div class=\"radius-medium bg-light mn-b-thin pd-small\">\n\t\t\t\t\t<div class=\"gap-thin flex-nowrap flex\">\n\t\t\t\t\t\t<p class=\"t-medium mn-b-small\">Latest Comments</p>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"flex flex-column gap-thin\">\n\t\t\t\t\t\t<Comment\n\t\t        \tv-for=\"comment in comments.slice(0,5)\"\n\t\t\t        :key=\"comment._id\"\n\t\t\t        :comment=\"comment\"\n\t\t\t        :target=\"target\"\n\t\t\t        :type=\"type\"\n\t\t\t        :owner=\"owner\"\n\t\t\t        @reply=\"handleReply\"\n\t\t\t        @load-more=\"loadMoreChildren\"\n\t\t\t        class=\"comment bg-white pd-small radius-regular\"\n\t\t\t      />\n\t\t\t    </div>\n\t\t    </div>\n\n\t      <div class=\"radius-medium bg-light pd-small\">\n\t\t\t\t\t<div class=\"gap-thin flex-v-center flex-nowrap flex  mn-b-small\">\n\t\t\t\t\t\t<p class=\"text-box-trim-end t-medium\">Popular Communities</p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\tname: 'Create Organization'\n\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\tclass=\"t-medium cursor-pointer hover-scale-1 radius-extra flex-center flex i-medium bg-main\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t+\n\t\t\t\t\t\t</router-link>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t\t\t<Feed\n\t\t\t\t\t\t\t:showLoadMore=\"false\"\n\t\t\t\t\t\t\t:LoadMore=\"false\"\n\t\t\t\t      :states=\"{\n\t\t\t\t        empty: {\n\t\t\t\t          title: 'No Organization Found',\n\t\t\t\t          description: 'Currently, there are no organization available.'\n\t\t\t\t        }\n\t\t\t\t      }\"\n\t\t\t\t      :store=\"{\n\t\t\t\t        read: (options) => organizations.actions.read(options),\n\t\t\t\t        state: organizations.state\n\t\t\t\t      }\"\n\t\t\t\t      :options=\"{\n\t\t\t\t        \tuser: auth.state.user._id,\n\t\t\t\t\t\t\t\t\tsort: 'numberOfMemberships',\n\t\t\t\t\t\t\t\t\tcontain: ['blogposts'],\n\t\t\t\t\t\t\t\t\tlookup: ['blogposts'],\n\t\t\t\t\t\t\t\t\tlimit: 10\n\t\t\t\t      }\"\n\t\t\t\t      v-slot=\"{ \n\t\t\t\t        items \n\t\t\t\t      }\"\n\t\t\t\t      class=\"flex flex-column gap-thin\"\n\t\t\t\t    >\n\t\t\t\t    \t<CardOrganization \n\t\t\t    \t\t\tv-for=\"organization in items\"\n\t\t\t        \t:key=\"organization._id\" \n\t\t\t\t      \t:organization=\"organization\"\n\t\t\t\t      \t:user=\"auth.state.user\"\n\t\t\t\t      \t:showProducts=\"false\"\n\t\t\t\t      \t:showRating=\"false\"\n\t\t\t\t      \t:showFeatured=\"false\"\n\t\t\t\t      \t:showFollowers=\"false\"\n\t\t\t\t\t\t\t\t@updateMembership=\"handleMembershipUpdate\"\n\t\t\t\t\t\t\t\tclass=\"pd-small w-100 pd-0 bg-white radius-regular o-hidden\"\n\t\t\t\t\t    />\n\t\t\t\t    </Feed>\n\t\t\t\t\t</transition>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t</section>\n\t</div>\n</template>\n\n<script setup=\"props\">\n\timport { computed,onMounted, toRefs,ref } from 'vue'\n  import { useRoute,useRouter } from 'vue-router'\n\n\timport Select         from '@martyrs/src/components/Select/Select.vue'\n\timport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\timport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\timport IconFeatured from '@martyrs/src/modules/icons/entities/IconFeatured.vue'\n\timport IconPopular from '@martyrs/src/modules/icons/entities/IconPopular.vue'\n\timport IconRecent from '@martyrs/src/modules/icons/entities/IconRecent.vue'\n\timport IconFollowing from '@martyrs/src/modules/icons/entities/IconFollowing.vue'\n\n\nimport axios from 'axios';\n\n\nimport Comment from '../sections/Comment.vue';\n\n\nconst $axios = axios.create({ baseURL: process.env.API_URL });\nconst comments = ref([]);\nconst commentContent = ref('');\n\nconst fetchComments = async () => {\n  try {\n    const response = await $axios.get('/comments/read', {\n      params: {\n        maxDepth: 1,\n        format: 'plain'\n      }\n    });\n    comments.value = response.data;\n  } catch (error) {\n    console.error('Error fetching comments:', error);\n  }\n};\n\nfetchComments();\n\n// Import state\nimport * as blog from '@martyrs/src/modules/community/store/blogposts.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations.js'\nimport * as memberships from '@martyrs/src/modules/organizations/store/memberships.js'\n\n// State\nconst route = useRoute();\nconst router = useRouter();\n\nif (route.params.category === 'popular') blog.state.sort.param = 'views'; \nif (route.params.category === 'new') blog.state.sort.param = 'createdAt'; \n\n\nconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n  memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n};\n\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["ref","useRoute","useRouter","blog.state","memberships.mutations","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6LA,UAAM,SAAS,MAAM,OAAO,EAAE,SAAS,QAAQ,IAAI,SAAS;AAC5D,UAAM,WAAWA,IAAAA,IAAI,EAAE;AACAA,QAAAA,IAAI,EAAE;AAE7B,UAAM,gBAAgB,YAAY;AAChC,UAAI;AACF,cAAM,WAAW,MAAM,OAAO,IAAI,kBAAkB;AAAA,UAClD,QAAQ;AAAA,YACN,UAAU;AAAA,YACV,QAAQ;AAAA,UAChB;AAAA,QACA,CAAK;AACD,iBAAS,QAAQ,SAAS;AAAA,MAC5B,SAAS,OAAO;AACd,gBAAQ,MAAM,4BAA4B,KAAK;AAAA,MACjD;AAAA,IACF;AAEA,kBAAa;AASb,UAAM,QAAQC,UAAAA,SAAQ;AACtB,UAAM,SAASC,UAAAA,UAAS;AAExB,QAAI,MAAM,OAAO,aAAa,UAAWC,WAAAA,MAAW,KAAK,QAAQ;AACjE,QAAI,MAAM,OAAO,aAAa,MAAOA,WAAAA,MAAW,KAAK,QAAQ;AAG7D,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAM,GAAI,YAAY,iBAAiB;AAC3FC,4BAAsB,uBAAuBC,cAAAA,MAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAChI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Community.vue.cjs","sources":["../../../../../../../src/modules/community/components/layouts/Community.vue"],"sourcesContent":["\t<template>\n\t<div class=\"bg-white\">\n\t\t<section class=\"w-100  flex-nowrap flex gap-thin mobile:pd-zero pd-thin pos-relative\">\n\n\t\t\t<div style=\"flex: 1 1 auto\" class=\"w-100 h-100 pos-relative\">\n\t\t\t\t<header v-if=\"!route.params.url && route.name !== 'Create BlogPost'\" class=\"bg-light pd-medium radius-medium mobile:radius-zero scroll-hide o-y-visible t-black pos-relative  mn-b-thin flex-v-center t-left flex-nowrap flex\">\n\t\t    \t<h2 class=\"pos-relative t-nowrap flex-v-center flex-nowrap flex\">\n\t\t    \t\t<span class=\"mn-r-thin\">Posts for </span>\n\n\t\t    \t\t<Select \n\t\t\t        :options=\"['today','week','month','year','all time']\"\n\t\t\t        v-model:select=\"blog.state.filter.period\" \n\t\t\t        placeholder=\"all time\"\n\t\t\t        class=\"\n\t\t\t        \tt-semi\n\t\t\t        \tpos-relative \n\t\t\t        \tw-max\n\t\t\t        \tbg-main t-black\n\t\t\t        \tpd-thin\n\t\t\t        \tradius-medium\n\t\t\t          h2\n\t\t\t         \tt-center\n\t\t\t         \tflex-column \n\t\t\t         \tflex \n\t\t\t         \tgap-medium \n\t\t\t        \"\n\t\t\t      />\n\t\t    \t</h2>\n\t\t\t\t</header>\n\n\t\t\t\t<div  v-if=\"!route.params.url && route.name !=='Create BlogPost'\"  class=\"w-100 pos-relative\">\n\t\t\t\t\t<ul class=\"align-self-start pos-sticky pos-t-0 w-100 bg-light radius-medium mobile:radius-zero mn-b-thin pd-medium p-medium gap-thin flex-row flex-nowrap flex z-index-2 o-scroll t-nowrap scroll-hide\">\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'featured' }\" \t\t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'featured' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer flex-v-center flex t-medium  pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconFeatured class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tFeatured\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'popular' }\"\t\t\t\t\t \t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'views'; router.push({name: 'Blog', params: { category: 'popular' } }) }\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-small\"\n\t\t\t\t\t\t>\t\n\t\t\t\t\t\t\t<IconPopular class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tPopular\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'new'}\" \t\t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'new' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconRecent class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tRecent\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li \t\n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'following'}\" \t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'following' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconFollowing class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tFollowing\n\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\tname: 'Create BlogPost'\n\t\t\t\t\t\t\t}\" \n\t\t\t\t\t\t\tclass=\"button t-medium bg-main w-max mn-l-auto\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tCreate Post\n\t\t\t\t\t\t</router-link>\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\n\n\t\t\t\t<router-view v-slot=\"{ Component, route }\">\n\t\t\t\t\t<transition name=\"scaleIn\" mode=\"out-in\">\n\t\t\t\t\t\t<component ref=\"page\" :key=\"route.query\" :is=\"Component\" />\n\t\t\t\t\t</transition>\n\t\t\t\t</router-view>\n\t\t\t</div>\n\n\t\t\t<div style=\"flex: 1 1 auto\" class=\"desktop-only pos-sticky pos-t-thin scroll-hide  h-100  w-40 h-100 pos-relative \">\n\t\t\t\t<div class=\"radius-medium bg-light mn-b-thin pd-small\">\n\t\t\t\t\t<div class=\"gap-thin flex-nowrap flex\">\n\t\t\t\t\t\t<p class=\"t-medium mn-b-small\">Latest Comments</p>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"flex flex-column gap-thin\">\n\t\t\t\t\t\t<Comment\n\t\t        \tv-for=\"comment in comments.slice(0,5)\"\n\t\t\t        :key=\"comment._id\"\n\t\t\t        :comment=\"comment\"\n\t\t\t        :target=\"target\"\n\t\t\t        :type=\"type\"\n\t\t\t        :owner=\"owner\"\n\t\t\t        @reply=\"handleReply\"\n\t\t\t        @load-more=\"loadMoreChildren\"\n\t\t\t        class=\"comment bg-white pd-small radius-regular\"\n\t\t\t      />\n\t\t\t    </div>\n\t\t    </div>\n\n\t      <div class=\"radius-medium bg-light pd-small\">\n\t\t\t\t\t<div class=\"gap-thin flex-v-center flex-nowrap flex  mn-b-small\">\n\t\t\t\t\t\t<p class=\"text-box-trim-end t-medium\">Popular Communities</p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\tname: 'Create Organization'\n\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\tclass=\"t-medium cursor-pointer hover-scale-1 radius-extra flex-center flex i-medium bg-main\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t+\n\t\t\t\t\t\t</router-link>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t\t\t<Feed\n\t\t\t\t\t\t\t:showLoadMore=\"false\"\n\t\t\t\t\t\t\t:LoadMore=\"false\"\n\t\t\t\t      :states=\"{\n\t\t\t\t        empty: {\n\t\t\t\t          title: 'No Organization Found',\n\t\t\t\t          description: 'Currently, there are no organization available.'\n\t\t\t\t        }\n\t\t\t\t      }\"\n\t\t\t\t      :store=\"{\n\t\t\t\t        read: (options) => organizations.actions.read(options),\n\t\t\t\t        state: organizations.state\n\t\t\t\t      }\"\n\t\t\t\t      :options=\"{\n\t\t\t\t        \tuser: auth.state.user._id,\n\t\t\t\t\t\t\t\t\tsort: 'numberOfMemberships',\n\t\t\t\t\t\t\t\t\tcontain: ['blogposts'],\n\t\t\t\t\t\t\t\t\tlookup: ['blogposts'],\n\t\t\t\t\t\t\t\t\tlimit: 10\n\t\t\t\t      }\"\n\t\t\t\t      v-slot=\"{ \n\t\t\t\t        items \n\t\t\t\t      }\"\n\t\t\t\t      class=\"flex flex-column gap-thin\"\n\t\t\t\t    >\n\t\t\t\t    \t<CardOrganization \n\t\t\t    \t\t\tv-for=\"organization in items\"\n\t\t\t        \t:key=\"organization._id\" \n\t\t\t\t      \t:organization=\"organization\"\n\t\t\t\t      \t:user=\"auth.state.user\"\n\t\t\t\t      \t:showProducts=\"false\"\n\t\t\t\t      \t:showRating=\"false\"\n\t\t\t\t      \t:showFeatured=\"false\"\n\t\t\t\t      \t:showFollowers=\"false\"\n\t\t\t\t\t\t\t\t@updateMembership=\"handleMembershipUpdate\"\n\t\t\t\t\t\t\t\tclass=\"pd-small w-100 pd-0 bg-white radius-regular o-hidden\"\n\t\t\t\t\t    />\n\t\t\t\t    </Feed>\n\t\t\t\t\t</transition>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t</section>\n\t</div>\n</template>\n\n<script setup=\"props\">\n\timport { computed,onMounted, toRefs,ref } from 'vue'\n  import { useRoute,useRouter } from 'vue-router'\n\n\timport Select         from '@martyrs/src/components/Select/Select.vue'\n\timport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\timport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\timport IconFeatured from '@martyrs/src/modules/icons/entities/IconFeatured.vue'\n\timport IconPopular from '@martyrs/src/modules/icons/entities/IconPopular.vue'\n\timport IconRecent from '@martyrs/src/modules/icons/entities/IconRecent.vue'\n\timport IconFollowing from '@martyrs/src/modules/icons/entities/IconFollowing.vue'\n\n\nimport axios from 'axios';\n\n\nimport Comment from '../sections/Comment.vue';\n\n\nconst $axios = axios.create({ baseURL: process.env.API_URL });\nconst comments = ref([]);\nconst commentContent = ref('');\n\nconst fetchComments = async () => {\n  try {\n    const response = await $axios.get('/comments/read', {\n      params: {\n        maxDepth: 1,\n        format: 'plain'\n      }\n    });\n    comments.value = response.data;\n  } catch (error) {\n    console.error('Error fetching comments:', error);\n  }\n};\n\nfetchComments();\n\n// Import state\nimport * as blog from '@martyrs/src/modules/community/store/blogposts.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations.js'\nimport membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js'\n\n// State\nconst route = useRoute();\nconst router = useRouter();\n\nif (route.params.category === 'popular') blog.state.sort.param = 'views'; \nif (route.params.category === 'new') blog.state.sort.param = 'createdAt'; \n\n\nconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n  membershipsStore.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n};\n\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["ref","useRoute","useRouter","blog.state","membershipsStore","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6LA,UAAM,SAAS,MAAM,OAAO,EAAE,SAAS,QAAQ,IAAI,SAAS;AAC5D,UAAM,WAAWA,IAAAA,IAAI,EAAE;AACAA,QAAAA,IAAI,EAAE;AAE7B,UAAM,gBAAgB,YAAY;AAChC,UAAI;AACF,cAAM,WAAW,MAAM,OAAO,IAAI,kBAAkB;AAAA,UAClD,QAAQ;AAAA,YACN,UAAU;AAAA,YACV,QAAQ;AAAA,UAChB;AAAA,QACA,CAAK;AACD,iBAAS,QAAQ,SAAS;AAAA,MAC5B,SAAS,OAAO;AACd,gBAAQ,MAAM,4BAA4B,KAAK;AAAA,MACjD;AAAA,IACF;AAEA,kBAAa;AASb,UAAM,QAAQC,UAAAA,SAAQ;AACtB,UAAM,SAASC,UAAAA,UAAS;AAExB,QAAI,MAAM,OAAO,aAAa,UAAWC,WAAAA,MAAW,KAAK,QAAQ;AACjE,QAAI,MAAM,OAAO,aAAa,MAAOA,WAAAA,MAAW,KAAK,QAAQ;AAG7D,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAM,GAAI,YAAY,iBAAiB;AAC3FC,gCAAiB,uBAAuBC,cAAAA,MAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAC3H;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/community/components/layouts/Community.vue.js

@@ -1,6 +1,6 @@
 import { ref, resolveComponent, createElementBlock, openBlock, createElementVNode, createCommentVNode, createVNode, unref, createBlock, normalizeClass, createTextVNode, withCtx, Transition, resolveDynamicComponent, Fragment, renderList } from "vue";
 import { useRoute, useRouter } from "vue-router";
-import Select from "../../../../components/Select/Select.vue2.js";
+import Select from "../../../../components/Select/Select.vue.js";
 import _sfc_main$5 from "../../../../components/Feed/Feed.vue.js";
 import _sfc_main$6 from "../../../organizations/components/blocks/CardOrganization.vue.js";
 import _sfc_main$1 from "../../../icons/entities/IconFeatured.vue.js";
@@ -12,7 +12,7 @@ import Comment from "../sections/Comment.vue.js";
 import { state } from "../../store/blogposts.js";
 import { state as state$1 } from "../../../auth/views/store/auth.js";
 import { state as state$2, actions } from "../../../organizations/store/organizations.js";
-import { mutations } from "../../../organizations/store/memberships.js";
+import membershipsStore from "../../../organizations/store/memberships.store.js";
 const _hoisted_1 = { class: "bg-white" };
 const _hoisted_2 = { class: "w-100 flex-nowrap flex gap-thin mobile:pd-zero pd-thin pos-relative" };
 const _hoisted_3 = {
@@ -62,7 +62,7 @@ const _sfc_main = {
     if (route.params.category === "popular") state.sort.param = "views";
     if (route.params.category === "new") state.sort.param = "createdAt";
     const handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {
-      mutations.handleMembershipUpdate(state$2.current, membership, status, target, statusName, statusNumber);
+      membershipsStore.handleMembershipUpdate(state$2.current, membership, status, target, statusName, statusNumber);
     };
     return (_ctx, _cache) => {
       const _component_router_link = resolveComponent("router-link");

package/dist/martyrs/src/modules/community/components/layouts/Community.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Community.vue.js","sources":["../../../../../../../src/modules/community/components/layouts/Community.vue"],"sourcesContent":["\t<template>\n\t<div class=\"bg-white\">\n\t\t<section class=\"w-100  flex-nowrap flex gap-thin mobile:pd-zero pd-thin pos-relative\">\n\n\t\t\t<div style=\"flex: 1 1 auto\" class=\"w-100 h-100 pos-relative\">\n\t\t\t\t<header v-if=\"!route.params.url && route.name !== 'Create BlogPost'\" class=\"bg-light pd-medium radius-medium mobile:radius-zero scroll-hide o-y-visible t-black pos-relative  mn-b-thin flex-v-center t-left flex-nowrap flex\">\n\t\t    \t<h2 class=\"pos-relative t-nowrap flex-v-center flex-nowrap flex\">\n\t\t    \t\t<span class=\"mn-r-thin\">Posts for </span>\n\n\t\t    \t\t<Select \n\t\t\t        :options=\"['today','week','month','year','all time']\"\n\t\t\t        v-model:select=\"blog.state.filter.period\" \n\t\t\t        placeholder=\"all time\"\n\t\t\t        class=\"\n\t\t\t        \tt-semi\n\t\t\t        \tpos-relative \n\t\t\t        \tw-max\n\t\t\t        \tbg-main t-black\n\t\t\t        \tpd-thin\n\t\t\t        \tradius-medium\n\t\t\t          h2\n\t\t\t         \tt-center\n\t\t\t         \tflex-column \n\t\t\t         \tflex \n\t\t\t         \tgap-medium \n\t\t\t        \"\n\t\t\t      />\n\t\t    \t</h2>\n\t\t\t\t</header>\n\n\t\t\t\t<div  v-if=\"!route.params.url && route.name !=='Create BlogPost'\"  class=\"w-100 pos-relative\">\n\t\t\t\t\t<ul class=\"align-self-start pos-sticky pos-t-0 w-100 bg-light radius-medium mobile:radius-zero mn-b-thin pd-medium p-medium gap-thin flex-row flex-nowrap flex z-index-2 o-scroll t-nowrap scroll-hide\">\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'featured' }\" \t\t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'featured' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer flex-v-center flex t-medium  pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconFeatured class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tFeatured\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'popular' }\"\t\t\t\t\t \t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'views'; router.push({name: 'Blog', params: { category: 'popular' } }) }\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-small\"\n\t\t\t\t\t\t>\t\n\t\t\t\t\t\t\t<IconPopular class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tPopular\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'new'}\" \t\t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'new' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconRecent class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tRecent\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li \t\n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'following'}\" \t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'following' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconFollowing class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tFollowing\n\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\tname: 'Create BlogPost'\n\t\t\t\t\t\t\t}\" \n\t\t\t\t\t\t\tclass=\"button t-medium bg-main w-max mn-l-auto\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tCreate Post\n\t\t\t\t\t\t</router-link>\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\n\n\t\t\t\t<router-view v-slot=\"{ Component, route }\">\n\t\t\t\t\t<transition name=\"scaleIn\" mode=\"out-in\">\n\t\t\t\t\t\t<component ref=\"page\" :key=\"route.query\" :is=\"Component\" />\n\t\t\t\t\t</transition>\n\t\t\t\t</router-view>\n\t\t\t</div>\n\n\t\t\t<div style=\"flex: 1 1 auto\" class=\"desktop-only pos-sticky pos-t-thin scroll-hide  h-100  w-40 h-100 pos-relative \">\n\t\t\t\t<div class=\"radius-medium bg-light mn-b-thin pd-small\">\n\t\t\t\t\t<div class=\"gap-thin flex-nowrap flex\">\n\t\t\t\t\t\t<p class=\"t-medium mn-b-small\">Latest Comments</p>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"flex flex-column gap-thin\">\n\t\t\t\t\t\t<Comment\n\t\t        \tv-for=\"comment in comments.slice(0,5)\"\n\t\t\t        :key=\"comment._id\"\n\t\t\t        :comment=\"comment\"\n\t\t\t        :target=\"target\"\n\t\t\t        :type=\"type\"\n\t\t\t        :owner=\"owner\"\n\t\t\t        @reply=\"handleReply\"\n\t\t\t        @load-more=\"loadMoreChildren\"\n\t\t\t        class=\"comment bg-white pd-small radius-regular\"\n\t\t\t      />\n\t\t\t    </div>\n\t\t    </div>\n\n\t      <div class=\"radius-medium bg-light pd-small\">\n\t\t\t\t\t<div class=\"gap-thin flex-v-center flex-nowrap flex  mn-b-small\">\n\t\t\t\t\t\t<p class=\"text-box-trim-end t-medium\">Popular Communities</p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\tname: 'Create Organization'\n\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\tclass=\"t-medium cursor-pointer hover-scale-1 radius-extra flex-center flex i-medium bg-main\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t+\n\t\t\t\t\t\t</router-link>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t\t\t<Feed\n\t\t\t\t\t\t\t:showLoadMore=\"false\"\n\t\t\t\t\t\t\t:LoadMore=\"false\"\n\t\t\t\t      :states=\"{\n\t\t\t\t        empty: {\n\t\t\t\t          title: 'No Organization Found',\n\t\t\t\t          description: 'Currently, there are no organization available.'\n\t\t\t\t        }\n\t\t\t\t      }\"\n\t\t\t\t      :store=\"{\n\t\t\t\t        read: (options) => organizations.actions.read(options),\n\t\t\t\t        state: organizations.state\n\t\t\t\t      }\"\n\t\t\t\t      :options=\"{\n\t\t\t\t        \tuser: auth.state.user._id,\n\t\t\t\t\t\t\t\t\tsort: 'numberOfMemberships',\n\t\t\t\t\t\t\t\t\tcontain: ['blogposts'],\n\t\t\t\t\t\t\t\t\tlookup: ['blogposts'],\n\t\t\t\t\t\t\t\t\tlimit: 10\n\t\t\t\t      }\"\n\t\t\t\t      v-slot=\"{ \n\t\t\t\t        items \n\t\t\t\t      }\"\n\t\t\t\t      class=\"flex flex-column gap-thin\"\n\t\t\t\t    >\n\t\t\t\t    \t<CardOrganization \n\t\t\t    \t\t\tv-for=\"organization in items\"\n\t\t\t        \t:key=\"organization._id\" \n\t\t\t\t      \t:organization=\"organization\"\n\t\t\t\t      \t:user=\"auth.state.user\"\n\t\t\t\t      \t:showProducts=\"false\"\n\t\t\t\t      \t:showRating=\"false\"\n\t\t\t\t      \t:showFeatured=\"false\"\n\t\t\t\t      \t:showFollowers=\"false\"\n\t\t\t\t\t\t\t\t@updateMembership=\"handleMembershipUpdate\"\n\t\t\t\t\t\t\t\tclass=\"pd-small w-100 pd-0 bg-white radius-regular o-hidden\"\n\t\t\t\t\t    />\n\t\t\t\t    </Feed>\n\t\t\t\t\t</transition>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t</section>\n\t</div>\n</template>\n\n<script setup=\"props\">\n\timport { computed,onMounted, toRefs,ref } from 'vue'\n  import { useRoute,useRouter } from 'vue-router'\n\n\timport Select         from '@martyrs/src/components/Select/Select.vue'\n\timport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\timport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\timport IconFeatured from '@martyrs/src/modules/icons/entities/IconFeatured.vue'\n\timport IconPopular from '@martyrs/src/modules/icons/entities/IconPopular.vue'\n\timport IconRecent from '@martyrs/src/modules/icons/entities/IconRecent.vue'\n\timport IconFollowing from '@martyrs/src/modules/icons/entities/IconFollowing.vue'\n\n\nimport axios from 'axios';\n\n\nimport Comment from '../sections/Comment.vue';\n\n\nconst $axios = axios.create({ baseURL: process.env.API_URL });\nconst comments = ref([]);\nconst commentContent = ref('');\n\nconst fetchComments = async () => {\n  try {\n    const response = await $axios.get('/comments/read', {\n      params: {\n        maxDepth: 1,\n        format: 'plain'\n      }\n    });\n    comments.value = response.data;\n  } catch (error) {\n    console.error('Error fetching comments:', error);\n  }\n};\n\nfetchComments();\n\n// Import state\nimport * as blog from '@martyrs/src/modules/community/store/blogposts.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations.js'\nimport * as memberships from '@martyrs/src/modules/organizations/store/memberships.js'\n\n// State\nconst route = useRoute();\nconst router = useRouter();\n\nif (route.params.category === 'popular') blog.state.sort.param = 'views'; \nif (route.params.category === 'new') blog.state.sort.param = 'createdAt'; \n\n\nconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n  memberships.mutations.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n};\n\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["blog.state","memberships.mutations","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6LA,UAAM,SAAS,MAAM,OAAO,EAAE,SAAS,QAAQ,IAAI,SAAS;AAC5D,UAAM,WAAW,IAAI,EAAE;AACA,QAAI,EAAE;AAE7B,UAAM,gBAAgB,YAAY;AAChC,UAAI;AACF,cAAM,WAAW,MAAM,OAAO,IAAI,kBAAkB;AAAA,UAClD,QAAQ;AAAA,YACN,UAAU;AAAA,YACV,QAAQ;AAAA,UAChB;AAAA,QACA,CAAK;AACD,iBAAS,QAAQ,SAAS;AAAA,MAC5B,SAAS,OAAO;AACd,gBAAQ,MAAM,4BAA4B,KAAK;AAAA,MACjD;AAAA,IACF;AAEA,kBAAa;AASb,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,QAAI,MAAM,OAAO,aAAa,UAAWA,OAAW,KAAK,QAAQ;AACjE,QAAI,MAAM,OAAO,aAAa,MAAOA,OAAW,KAAK,QAAQ;AAG7D,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAM,GAAI,YAAY,iBAAiB;AAC3FC,gBAAsB,uBAAuBC,QAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAChI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Community.vue.js","sources":["../../../../../../../src/modules/community/components/layouts/Community.vue"],"sourcesContent":["\t<template>\n\t<div class=\"bg-white\">\n\t\t<section class=\"w-100  flex-nowrap flex gap-thin mobile:pd-zero pd-thin pos-relative\">\n\n\t\t\t<div style=\"flex: 1 1 auto\" class=\"w-100 h-100 pos-relative\">\n\t\t\t\t<header v-if=\"!route.params.url && route.name !== 'Create BlogPost'\" class=\"bg-light pd-medium radius-medium mobile:radius-zero scroll-hide o-y-visible t-black pos-relative  mn-b-thin flex-v-center t-left flex-nowrap flex\">\n\t\t    \t<h2 class=\"pos-relative t-nowrap flex-v-center flex-nowrap flex\">\n\t\t    \t\t<span class=\"mn-r-thin\">Posts for </span>\n\n\t\t    \t\t<Select \n\t\t\t        :options=\"['today','week','month','year','all time']\"\n\t\t\t        v-model:select=\"blog.state.filter.period\" \n\t\t\t        placeholder=\"all time\"\n\t\t\t        class=\"\n\t\t\t        \tt-semi\n\t\t\t        \tpos-relative \n\t\t\t        \tw-max\n\t\t\t        \tbg-main t-black\n\t\t\t        \tpd-thin\n\t\t\t        \tradius-medium\n\t\t\t          h2\n\t\t\t         \tt-center\n\t\t\t         \tflex-column \n\t\t\t         \tflex \n\t\t\t         \tgap-medium \n\t\t\t        \"\n\t\t\t      />\n\t\t    \t</h2>\n\t\t\t\t</header>\n\n\t\t\t\t<div  v-if=\"!route.params.url && route.name !=='Create BlogPost'\"  class=\"w-100 pos-relative\">\n\t\t\t\t\t<ul class=\"align-self-start pos-sticky pos-t-0 w-100 bg-light radius-medium mobile:radius-zero mn-b-thin pd-medium p-medium gap-thin flex-row flex-nowrap flex z-index-2 o-scroll t-nowrap scroll-hide\">\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'featured' }\" \t\t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'featured' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer flex-v-center flex t-medium  pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconFeatured class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tFeatured\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'popular' }\"\t\t\t\t\t \t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'views'; router.push({name: 'Blog', params: { category: 'popular' } }) }\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-small\"\n\t\t\t\t\t\t>\t\n\t\t\t\t\t\t\t<IconPopular class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tPopular\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li  \t\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'new'}\" \t\t\t\t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'new' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex  pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconRecent class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tRecent\n\t\t\t\t\t\t</li>\n\t\t\t\t\t\t<li \t\n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:class=\"{'t-black bg-white': route.params.category === 'following'}\" \t\t\n\t\t\t\t\t\t\t@click=\"() => { blog.state.sort.param = 'createdAt'; router.push({name: 'Blog', params: { category: 'following' } })}\" \n\t\t\t\t\t\t\tclass=\"cursor-pointer t-medium flex-v-center flex pd-thin radius-small\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<IconFollowing class=\"i-medium mn-r-thin t-transp\"/>\n\t\t\t\t\t\t\tFollowing\n\t\t\t\t\t\t</li>\n\n\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\tname: 'Create BlogPost'\n\t\t\t\t\t\t\t}\" \n\t\t\t\t\t\t\tclass=\"button t-medium bg-main w-max mn-l-auto\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\tCreate Post\n\t\t\t\t\t\t</router-link>\n\t\t\t\t\t</ul>\n\t\t\t\t</div>\n\n\n\t\t\t\t<router-view v-slot=\"{ Component, route }\">\n\t\t\t\t\t<transition name=\"scaleIn\" mode=\"out-in\">\n\t\t\t\t\t\t<component ref=\"page\" :key=\"route.query\" :is=\"Component\" />\n\t\t\t\t\t</transition>\n\t\t\t\t</router-view>\n\t\t\t</div>\n\n\t\t\t<div style=\"flex: 1 1 auto\" class=\"desktop-only pos-sticky pos-t-thin scroll-hide  h-100  w-40 h-100 pos-relative \">\n\t\t\t\t<div class=\"radius-medium bg-light mn-b-thin pd-small\">\n\t\t\t\t\t<div class=\"gap-thin flex-nowrap flex\">\n\t\t\t\t\t\t<p class=\"t-medium mn-b-small\">Latest Comments</p>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<div class=\"flex flex-column gap-thin\">\n\t\t\t\t\t\t<Comment\n\t\t        \tv-for=\"comment in comments.slice(0,5)\"\n\t\t\t        :key=\"comment._id\"\n\t\t\t        :comment=\"comment\"\n\t\t\t        :target=\"target\"\n\t\t\t        :type=\"type\"\n\t\t\t        :owner=\"owner\"\n\t\t\t        @reply=\"handleReply\"\n\t\t\t        @load-more=\"loadMoreChildren\"\n\t\t\t        class=\"comment bg-white pd-small radius-regular\"\n\t\t\t      />\n\t\t\t    </div>\n\t\t    </div>\n\n\t      <div class=\"radius-medium bg-light pd-small\">\n\t\t\t\t\t<div class=\"gap-thin flex-v-center flex-nowrap flex  mn-b-small\">\n\t\t\t\t\t\t<p class=\"text-box-trim-end t-medium\">Popular Communities</p>\n\t\t\t\t\t\t\n\t\t\t\t\t\t<router-link \n\t\t\t\t\t\t\tv-if=\"auth.state.user._id\"\n\t\t\t\t\t\t\t:to=\"{\n\t\t\t\t\t\t\t\tname: 'Create Organization'\n\t\t\t\t\t\t\t}\"\n\t\t\t\t\t\t\tclass=\"t-medium cursor-pointer hover-scale-1 radius-extra flex-center flex i-medium bg-main\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t+\n\t\t\t\t\t\t</router-link>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t<transition name=\"slide-fade\">\n\t\t\t\t\t\t<Feed\n\t\t\t\t\t\t\t:showLoadMore=\"false\"\n\t\t\t\t\t\t\t:LoadMore=\"false\"\n\t\t\t\t      :states=\"{\n\t\t\t\t        empty: {\n\t\t\t\t          title: 'No Organization Found',\n\t\t\t\t          description: 'Currently, there are no organization available.'\n\t\t\t\t        }\n\t\t\t\t      }\"\n\t\t\t\t      :store=\"{\n\t\t\t\t        read: (options) => organizations.actions.read(options),\n\t\t\t\t        state: organizations.state\n\t\t\t\t      }\"\n\t\t\t\t      :options=\"{\n\t\t\t\t        \tuser: auth.state.user._id,\n\t\t\t\t\t\t\t\t\tsort: 'numberOfMemberships',\n\t\t\t\t\t\t\t\t\tcontain: ['blogposts'],\n\t\t\t\t\t\t\t\t\tlookup: ['blogposts'],\n\t\t\t\t\t\t\t\t\tlimit: 10\n\t\t\t\t      }\"\n\t\t\t\t      v-slot=\"{ \n\t\t\t\t        items \n\t\t\t\t      }\"\n\t\t\t\t      class=\"flex flex-column gap-thin\"\n\t\t\t\t    >\n\t\t\t\t    \t<CardOrganization \n\t\t\t    \t\t\tv-for=\"organization in items\"\n\t\t\t        \t:key=\"organization._id\" \n\t\t\t\t      \t:organization=\"organization\"\n\t\t\t\t      \t:user=\"auth.state.user\"\n\t\t\t\t      \t:showProducts=\"false\"\n\t\t\t\t      \t:showRating=\"false\"\n\t\t\t\t      \t:showFeatured=\"false\"\n\t\t\t\t      \t:showFollowers=\"false\"\n\t\t\t\t\t\t\t\t@updateMembership=\"handleMembershipUpdate\"\n\t\t\t\t\t\t\t\tclass=\"pd-small w-100 pd-0 bg-white radius-regular o-hidden\"\n\t\t\t\t\t    />\n\t\t\t\t    </Feed>\n\t\t\t\t\t</transition>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t</section>\n\t</div>\n</template>\n\n<script setup=\"props\">\n\timport { computed,onMounted, toRefs,ref } from 'vue'\n  import { useRoute,useRouter } from 'vue-router'\n\n\timport Select         from '@martyrs/src/components/Select/Select.vue'\n\timport Feed from '@martyrs/src/components/Feed/Feed.vue'\n\timport CardOrganization from '@martyrs/src/modules/organizations/components/blocks/CardOrganization.vue'\n\n\timport IconFeatured from '@martyrs/src/modules/icons/entities/IconFeatured.vue'\n\timport IconPopular from '@martyrs/src/modules/icons/entities/IconPopular.vue'\n\timport IconRecent from '@martyrs/src/modules/icons/entities/IconRecent.vue'\n\timport IconFollowing from '@martyrs/src/modules/icons/entities/IconFollowing.vue'\n\n\nimport axios from 'axios';\n\n\nimport Comment from '../sections/Comment.vue';\n\n\nconst $axios = axios.create({ baseURL: process.env.API_URL });\nconst comments = ref([]);\nconst commentContent = ref('');\n\nconst fetchComments = async () => {\n  try {\n    const response = await $axios.get('/comments/read', {\n      params: {\n        maxDepth: 1,\n        format: 'plain'\n      }\n    });\n    comments.value = response.data;\n  } catch (error) {\n    console.error('Error fetching comments:', error);\n  }\n};\n\nfetchComments();\n\n// Import state\nimport * as blog from '@martyrs/src/modules/community/store/blogposts.js';\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations.js'\nimport membershipsStore from '@martyrs/src/modules/organizations/store/memberships.store.js'\n\n// State\nconst route = useRoute();\nconst router = useRouter();\n\nif (route.params.category === 'popular') blog.state.sort.param = 'views'; \nif (route.params.category === 'new') blog.state.sort.param = 'createdAt'; \n\n\nconst handleMembershipUpdate = ({ membership, status, target }, statusName, statusNumber) => {\n  membershipsStore.handleMembershipUpdate(organizations.state.current, membership, status, target, statusName, statusNumber)\n};\n\n</script>\n\n<style lang=\"scss\">\n\n</style>\n"],"names":["blog.state","organizations.state"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6LA,UAAM,SAAS,MAAM,OAAO,EAAE,SAAS,QAAQ,IAAI,SAAS;AAC5D,UAAM,WAAW,IAAI,EAAE;AACA,QAAI,EAAE;AAE7B,UAAM,gBAAgB,YAAY;AAChC,UAAI;AACF,cAAM,WAAW,MAAM,OAAO,IAAI,kBAAkB;AAAA,UAClD,QAAQ;AAAA,YACN,UAAU;AAAA,YACV,QAAQ;AAAA,UAChB;AAAA,QACA,CAAK;AACD,iBAAS,QAAQ,SAAS;AAAA,MAC5B,SAAS,OAAO;AACd,gBAAQ,MAAM,4BAA4B,KAAK;AAAA,MACjD;AAAA,IACF;AAEA,kBAAa;AASb,UAAM,QAAQ,SAAQ;AACtB,UAAM,SAAS,UAAS;AAExB,QAAI,MAAM,OAAO,aAAa,UAAWA,OAAW,KAAK,QAAQ;AACjE,QAAI,MAAM,OAAO,aAAa,MAAOA,OAAW,KAAK,QAAQ;AAG7D,UAAM,yBAAyB,CAAC,EAAE,YAAY,QAAQ,OAAM,GAAI,YAAY,iBAAiB;AAC3F,uBAAiB,uBAAuBC,QAAoB,SAAS,YAAY,QAAQ,QAAQ,YAAY,YAAY;AAAA,IAC3H;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/community/components/pages/BlogPost.vue.cjs

@@ -12,7 +12,7 @@ require("vue-i18n");
 ;/* empty css                                       */
 ;/* empty css                                          */
 const auth = require("../../../auth/views/store/auth.cjs");
-require("../../../organizations/store/memberships.cjs");
+require("../../../organizations/store/memberships.store.cjs");
 require("../../../organizations/store/organizations.cjs");
 ;/* empty css                                                        */
 const Comments = require("../sections/Comments.vue.cjs");

package/dist/martyrs/src/modules/community/components/pages/BlogPost.vue.js

@@ -10,7 +10,7 @@ import "vue-i18n";
 /* empty css                                     */
 /* empty css                                        */
 import { state as state$1 } from "../../../auth/views/store/auth.js";
-import "../../../organizations/store/memberships.js";
+import "../../../organizations/store/memberships.store.js";
 import "../../../organizations/store/organizations.js";
 /* empty css                                                      */
 import _sfc_main$4 from "../sections/Comments.vue.js";