@ozdao/martyrs 0.2.518 → 0.2.520

package/dist/martyrs/src/modules/auth/views/store/auth.js.map

@@ -1 +1 @@
-{"version":3,"file":"auth.js","sources":["../../../../../../../src/modules/auth/views/store/auth.js"],"sourcesContent":["// Dependencies\nimport $axios, { setAuthToken } from '@martyrs/src/modules/globals/views/utils/axios-instance.js';\nimport Cookies from 'js-cookie';\n// Capacitor\nimport { Preferences } from '@capacitor/preferences';\n// Vue modules\nimport { reactive, watch } from 'vue';\n// Globals\nimport { setError } from '@martyrs/src/modules/globals/views/store/globals.js';\n// State\nimport * as twofa from './twofa.js';\n\n// State\nconst state = reactive({\n  user: {\n    _id: undefined,\n    avatar: null,\n    username: '',\n    email: '',\n    phone: '',\n    password: '',\n    passwordRepeat: '',\n  },\n  access: {\n    roles: null,\n    token: null,\n    status: false,\n  },\n  accesses: [],\n});\n\nconst actions = {\n  async initialize(cookie) {\n    try {\n      const userCookie = cookie ? cookie : await getCookie('user');\n\n      if (userCookie) {\n        const { _id, email, phone, avatar, roles, accessToken } = userCookie;\n\n        setAuthToken(accessToken);\n\n        // Проверка токена через серверный маршрут\n        const response = await $axios.get('/api/auth/check-accesses');\n        const userAccesses = response.data;\n        state.accesses = userAccesses;\n\n        // Обновление состояния приложения с информацией о пользователе и его правах доступа\n        Object.assign(state.user, { _id, email, phone, avatar });\n        Object.assign(state.access, { token: accessToken, roles, status: !!accessToken });\n      } else {\n        console.log('no cookies');\n        setAuthToken(null);\n        this.resetState();\n      }\n    } catch (error) {\n      console.error('Error initializing auth:', error);\n      // Make sure we remove the cookie when there's an error\n      await removeCookie('user');\n      setAuthToken(null);\n      this.resetState();\n      setError(error);\n    }\n  },\n\n  // Helper method to reset state\n  resetState() {\n    state.accesses = [];\n    state.user = {\n      _id: undefined,\n      avatar: null,\n      username: '',\n      email: '',\n      phone: '',\n      password: '',\n      passwordRepeat: '',\n    };\n    state.access = {\n      roles: null,\n      token: null,\n      status: false,\n    };\n  },\n\n  async login(user, type) {\n    try {\n      const response = await $axios.post('/api/auth/signin', {\n        ...user,\n        type,\n      });\n\n      setCookie('user', response.data);\n\n      Object.assign(state.user, {\n        ...response.data,\n      });\n\n      Object.assign(state.access, {\n        token: response.data.accessToken,\n        status: true,\n        roles: response.data.roles,\n      });\n\n      await this.initialize();\n\n      return response.data;\n    } catch (error) {\n      // Make sure cookie is removed on login error\n      await removeCookie('user');\n\n      Object.assign(state.access, {\n        token: null,\n        status: false,\n        roles: null,\n      });\n\n      console.log(error);\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n\n  async signup(user, type, invite) {\n    const { password, passwordRepeat } = state.user;\n\n    console.log(password);\n    console.log(passwordRepeat);\n\n    if (password !== passwordRepeat) {\n      const error = {\n        response: {\n          data: { errorCode: 'PASSWORDS_DO_NOT_MATCH' },\n        },\n      };\n      setError(error);\n      throw new Error(error.response.status);\n    }\n\n    try {\n      const response = await $axios.post('/api/auth/signup', {\n        ...user,\n        type,\n        inviteCode: invite,\n      });\n\n      console.log(response);\n\n      if (response.data.accessToken) {\n        setCookie('user', response.data);\n      }\n\n      Object.assign(state.user, {\n        ...response.data,\n      });\n\n      Object.assign(state.access, {\n        token: response.data.accessToken,\n        status: true,\n        roles: response.data.roles,\n      });\n\n      await this.initialize();\n\n      return response.data;\n    } catch (error) {\n      // Make sure cookie is removed on signup error\n      await removeCookie('user');\n      setError(error);\n      console.log('Sign up failed');\n      throw error;\n    }\n  },\n\n  async logout() {\n    await removeCookie('user');\n    setAuthToken(null);\n    this.resetState();\n  },\n\n  async resetPassword(user, type) {\n    try {\n      const response = await $axios.post('/api/auth/reset-password', {\n        email: user.email,\n        phone: user.phone,\n        type,\n      });\n\n      Object.assign(twofa.state.code, {\n        ...response.data,\n        isSended: true,\n      });\n\n      return response.data;\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n\n  async updatePassword(user, type) {\n    const { password, passwordRepeat } = state.user;\n\n    if (password !== passwordRepeat) {\n      const error = {\n        response: {\n          data: { errorCode: 'PASSWORDS_DO_NOT_MATCH' },\n        },\n      };\n      setError(error);\n      throw new Error(error.response.status);\n    }\n\n    try {\n      const response = await $axios.post('/api/auth/update-password', {\n        email: user.email,\n        phone: user.phone,\n        password: user.password,\n        passwordRepeat: user.passwordRepeat,\n        type,\n      });\n\n      if (response.data.accessToken) {\n        setCookie('user', response.data);\n      }\n\n      Object.assign(state.user, {\n        ...response.data,\n      });\n\n      Object.assign(state.access, {\n        token: response.data.accessToken,\n        status: true,\n      });\n\n      return response.data;\n    } catch (error) {\n      // Make sure cookie is removed on password update error\n      await removeCookie('user');\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n};\n\n// Cookies\nconst optionsDefault = {\n  development: { secure: false, expires: 7, sameSite: 'Lax' },\n  production: {\n    expires: 7,\n    path: '/',\n    domain: process.env.DOMAIN_URL,\n    sameSite: 'strict',\n    secure: true,\n  },\n};\n\nasync function getCookie(name) {\n  if (process.env.MOBILE_APP) {\n    const { value } = await Preferences.get({ key: name });\n    return value ? JSON.parse(value) : null;\n  } else {\n    const cookie = Cookies.get(name);\n    return cookie ? JSON.parse(cookie) : null;\n  }\n}\n\nasync function setCookie(name, data, env = process.env.DOMAIN_URL) {\n  if (process.env.MOBILE_APP) {\n    // Если приложение запущено в Capacitor\n    await Preferences.set({\n      key: name,\n      value: JSON.stringify(data),\n    });\n  } else {\n    // Для веб-версии\n    Cookies.set(name, JSON.stringify(data), optionsDefault[env]);\n  }\n}\n\nasync function removeCookie(name, env = process.env.NODE_ENV) {\n  if (process.env.MOBILE_APP) {\n    // Если приложение запущено в Capacitor\n    await Preferences.remove({ key: name });\n  } else {\n    // Для веб-версии\n    const options = env === 'production' ? { domain: process.env.DOMAIN_URL, path: '/' } : {};\n    Cookies.remove(name, options);\n  }\n}\n\n// History\nconst history = [];\nhistory.push(state);\n\n// Watch\nwatch(state, (newState, oldState) => {\n  history.push(newState);\n});\n\n// Module Export\nexport { actions, removeCookie, state };\n"],"names":["twofa.state","Cookies"],"mappings":"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"}
+{"version":3,"file":"auth.js","sources":["../../../../../../../src/modules/auth/views/store/auth.js"],"sourcesContent":["// Dependencies\nimport $axios, { setAuthToken } from '@martyrs/src/modules/globals/views/utils/axios-instance.js';\nimport Cookies from 'js-cookie';\n// Capacitor\nimport { Preferences } from '@capacitor/preferences';\n// Vue modules\nimport { reactive, watch } from 'vue';\n// Globals\nimport { setError } from '@martyrs/src/modules/globals/views/store/globals.js';\nimport globalWebSocket from '@martyrs/src/modules/globals/views/classes/globals.websocket.js';\n// State\nimport * as twofa from './twofa.js';\n\n// State\nconst state = reactive({\n  user: {\n    _id: undefined,\n    avatar: null,\n    username: '',\n    email: '',\n    phone: '',\n    password: '',\n    passwordRepeat: '',\n  },\n  access: {\n    roles: null,\n    token: null,\n    status: false,\n  },\n  accesses: [],\n});\n\nconst actions = {\n  async initialize(cookie) {\n    try {\n      const userCookie = cookie ? cookie : await getCookie('user');\n\n      if (userCookie) {\n        const { _id, email, phone, avatar, roles, accessToken } = userCookie;\n\n        setAuthToken(accessToken);\n\n        // Проверка токена через серверный маршрут\n        const response = await $axios.get('/api/organizations/check-accesses');\n        const userAccesses = response.data;\n        state.accesses = userAccesses;\n\n        // Обновление состояния приложения с информацией о пользователе и его правах доступа\n        Object.assign(state.user, { _id, email, phone, avatar });\n        Object.assign(state.access, { token: accessToken, roles, status: !!accessToken });\n      } else {\n        console.log('no cookies');\n        setAuthToken(null);\n        this.resetState();\n      }\n    } catch (error) {\n      console.error('Error initializing auth:', error);\n      // Make sure we remove the cookie when there's an error\n      await removeCookie('user');\n      setAuthToken(null);\n      this.resetState();\n      setError(error);\n    }\n  },\n\n  // Helper method to reset state\n  resetState() {\n    state.accesses = [];\n    state.user = {\n      _id: undefined,\n      avatar: null,\n      username: '',\n      email: '',\n      phone: '',\n      password: '',\n      passwordRepeat: '',\n    };\n    state.access = {\n      roles: null,\n      token: null,\n      status: false,\n    };\n  },\n\n  async login(user, type) {\n    try {\n      const response = await $axios.post('/api/auth/signin', {\n        ...user,\n        type,\n      });\n\n      setCookie('user', response.data);\n\n      Object.assign(state.user, {\n        ...response.data,\n      });\n\n      Object.assign(state.access, {\n        token: response.data.accessToken,\n        status: true,\n        roles: response.data.roles,\n      });\n\n      await this.initialize();\n      \n      // Переподключаем WebSocket с новым userId после входа\n      console.log('[AUTH] Reconnecting WebSocket after login for user:', response.data._id);\n      globalWebSocket.disconnect();\n      await globalWebSocket.connect(response.data._id);\n\n      return response.data;\n    } catch (error) {\n      // Make sure cookie is removed on login error\n      await removeCookie('user');\n\n      Object.assign(state.access, {\n        token: null,\n        status: false,\n        roles: null,\n      });\n\n      console.log(error);\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n\n  async signup(user, type, invite) {\n    const { password, passwordRepeat } = state.user;\n\n    console.log(password);\n    console.log(passwordRepeat);\n\n    if (password !== passwordRepeat) {\n      const error = {\n        response: {\n          data: { errorCode: 'PASSWORDS_DO_NOT_MATCH' },\n        },\n      };\n      setError(error);\n      throw new Error(error.response.status);\n    }\n\n    try {\n      const response = await $axios.post('/api/auth/signup', {\n        ...user,\n        type,\n        inviteCode: invite,\n      });\n\n      console.log(response);\n\n      if (response.data.accessToken) {\n        setCookie('user', response.data);\n      }\n\n      Object.assign(state.user, {\n        ...response.data,\n      });\n\n      Object.assign(state.access, {\n        token: response.data.accessToken,\n        status: true,\n        roles: response.data.roles,\n      });\n\n      await this.initialize();\n      \n      // Переподключаем WebSocket с новым userId после регистрации\n      console.log('[AUTH] Reconnecting WebSocket after signup for user:', response.data._id);\n      globalWebSocket.disconnect();\n      await globalWebSocket.connect(response.data._id);\n\n      return response.data;\n    } catch (error) {\n      // Make sure cookie is removed on signup error\n      await removeCookie('user');\n      setError(error);\n      console.log('Sign up failed');\n      throw error;\n    }\n  },\n\n  async logout() {\n    await removeCookie('user');\n    setAuthToken(null);\n    this.resetState();\n    \n    // Отключаем WebSocket при выходе\n    console.log('[AUTH] Disconnecting WebSocket on logout');\n    globalWebSocket.disconnect();\n  },\n\n  async resetPassword(user, type) {\n    try {\n      const response = await $axios.post('/api/auth/reset-password', {\n        email: user.email,\n        phone: user.phone,\n        type,\n      });\n\n      Object.assign(twofa.state.code, {\n        ...response.data,\n        isSended: true,\n      });\n\n      return response.data;\n    } catch (error) {\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n\n  async updatePassword(user, type) {\n    const { password, passwordRepeat } = state.user;\n\n    if (password !== passwordRepeat) {\n      const error = {\n        response: {\n          data: { errorCode: 'PASSWORDS_DO_NOT_MATCH' },\n        },\n      };\n      setError(error);\n      throw new Error(error.response.status);\n    }\n\n    try {\n      const response = await $axios.post('/api/auth/update-password', {\n        email: user.email,\n        phone: user.phone,\n        password: user.password,\n        passwordRepeat: user.passwordRepeat,\n        type,\n      });\n\n      if (response.data.accessToken) {\n        setCookie('user', response.data);\n      }\n\n      Object.assign(state.user, {\n        ...response.data,\n      });\n\n      Object.assign(state.access, {\n        token: response.data.accessToken,\n        status: true,\n      });\n\n      return response.data;\n    } catch (error) {\n      // Make sure cookie is removed on password update error\n      await removeCookie('user');\n      setError(error);\n      return Promise.reject(error);\n    }\n  },\n};\n\n// Cookies\nconst optionsDefault = {\n  development: { secure: false, expires: 7, sameSite: 'Lax' },\n  production: {\n    expires: 7,\n    path: '/',\n    domain: process.env.DOMAIN_URL,\n    sameSite: 'strict',\n    secure: true,\n  },\n};\n\nasync function getCookie(name) {\n  if (process.env.MOBILE_APP) {\n    const { value } = await Preferences.get({ key: name });\n    return value ? JSON.parse(value) : null;\n  } else {\n    const cookie = Cookies.get(name);\n    return cookie ? JSON.parse(cookie) : null;\n  }\n}\n\nasync function setCookie(name, data, env = process.env.DOMAIN_URL) {\n  if (process.env.MOBILE_APP) {\n    // Если приложение запущено в Capacitor\n    await Preferences.set({\n      key: name,\n      value: JSON.stringify(data),\n    });\n  } else {\n    // Для веб-версии\n    Cookies.set(name, JSON.stringify(data), optionsDefault[env]);\n  }\n}\n\nasync function removeCookie(name, env = process.env.NODE_ENV) {\n  if (process.env.MOBILE_APP) {\n    // Если приложение запущено в Capacitor\n    await Preferences.remove({ key: name });\n  } else {\n    // Для веб-версии\n    const options = env === 'production' ? { domain: process.env.DOMAIN_URL, path: '/' } : {};\n    Cookies.remove(name, options);\n  }\n}\n\n// History\nconst history = [];\nhistory.push(state);\n\n// Watch\nwatch(state, (newState, oldState) => {\n  history.push(newState);\n});\n\n// Module Export\nexport { actions, removeCookie, state };\n"],"names":["twofa.state","Cookies"],"mappings":"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"}

package/dist/martyrs/src/modules/backoffice/components/partials/Sidebar.vue.cjs

@@ -66,6 +66,12 @@ const _sfc_main = {
         routeName: "Backoffice Gallery",
         icon: IconGallery.default
       },
+      {
+        name: "applications",
+        title: "Applications",
+        routeName: "BackofficeApplications",
+        icon: IconEvents.default
+      },
       {
         name: "events",
         title: "Events",

package/dist/martyrs/src/modules/backoffice/components/partials/Sidebar.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.vue.cjs","sources":["../../../../../../../src/modules/backoffice/components/partials/Sidebar.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative o-y-scroll o-x-hidden h-100\">\n    <div class=\"br-b  h3 h-4r pd-semi br-solid br-black-transp-10\">Backoffice</div>\n    <div class=\"pd-semi\">\n      <span class=\"pd-thin uppercase t-medium t-transp\">Menu</span>\n      <div \n        v-for=\"item in menuItems\" \n        :key=\"item.name\"\n        @click=\"router.push({ name: item.routeName })\" \n        class=\"flex pd-thin flex-v-center cursor-pointer\">\n        <component \n          v-if=\"item.icon\" \n          :is=\"item.icon\" \n          class=\"i-regular mn-r-thin\" \n          :icon=\"true\" \n          :fill=\"'rgba(var(--black),0.25)'\"\n        /> \n        <span class=\"t-medium\">{{ item.title }}</span>\n      </div>\n      \n      <span class=\"pd-thin d-block mn-t-medium uppercase t-medium t-transp\">General</span>\n      <div \n        v-for=\"item in generalItems\" \n        :key=\"item.name\"\n        @click=\"router.push({ name: item.routeName })\" \n        class=\"flex pd-thin flex-v-center cursor-pointer\">\n        <component \n          v-if=\"item.icon\" \n          :is=\"item.icon\" \n          class=\"i-regular mn-r-thin\" \n          :icon=\"true\" \n          :fill=\"'rgba(var(--black),0.25)'\"\n        /> \n        <span class=\"t-medium\">{{ item.title }}</span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup=\"props\">\n/////////////////////////////\n// COMPONENT DEPENDENCIES\n/////////////////////////////\nimport { ref, onMounted } from 'vue';\n\n// Mobile Module\nimport SelectMulti from '@martyrs/src/components/SelectMulti/SelectMulti.vue'\n\nimport IconProducts from '@martyrs/src/modules/icons/entities/IconProducts.vue'\nimport IconPayments from '@martyrs/src/modules/icons/entities/IconPayments.vue'\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue'\nimport IconGallery from '@martyrs/src/modules/icons/entities/IconGallery.vue'\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue'\nimport IconLeftovers from '@martyrs/src/modules/icons/entities/IconLeftovers.vue'\n/////////////////////////////\n// HELPERS\n/////////////////////////////\nimport { useRoute, useRouter } from 'vue-router'\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations.js'\n\nconst route = useRoute()\nconst router = useRouter()\n/////////////////////////////\n// CREATED\n/////////////////////////////\nconst props = defineProps({\n  favorites: Array,\n});\n\nconst selectedOrganization = ref(null);\nconst publics = ref([]);\n\n// Define menu items\nconst menuItems = [\n  {\n    name: 'organizations',\n    title: 'Organizations',\n    routeName: 'Backoffice Organizations',\n    icon: IconGroups\n  },\n  {\n    name: 'community',\n    title: 'Community',\n    routeName: 'Backoffice Community',\n    icon: IconCommunity\n  },\n  {\n    name: 'products',\n    title: 'Products',\n    routeName: 'Products',\n    icon: IconProducts\n  },\n  {\n    name: 'inventory',\n    title: 'Inventory',\n    routeName: 'BackofficeInventoryList',\n    icon: IconLeftovers\n  },\n  {\n    name: 'orders',\n    title: 'Orders',\n    routeName: 'BackofficeOrdersList',\n    icon: IconOrders\n  },\n  {\n    name: 'gallery',\n    title: 'Gallery',\n    routeName: 'Backoffice Gallery',\n    icon: IconGallery\n  },\n  {\n    name: 'events',\n    title: 'Events',\n    routeName: 'BackofficeEvents Backoffice',\n    icon: IconEvents\n  }\n];\n\n// Define general items\nconst generalItems = [\n  {\n    name: 'payments',\n    title: 'Payments',\n    routeName: 'Payments',\n    icon: IconPayments\n  },\n  {\n    name: 'users',\n    title: 'Users',\n    routeName: 'Users',\n    icon: null\n  },\n  {\n    name: 'pages',\n    title: 'Pages',\n    routeName: 'Backoffice Pages',\n    icon: null\n  },\n  {\n    name: 'reports',\n    title: 'Reports',\n    routeName: 'Backoffice Reports',\n    icon: null\n  }\n];\n\n/////////////////////////////\n// MOUNTED\n/////////////////////////////\nonMounted(async () => {\n});\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["useRoute","useRouter","ref","IconGroups","IconCommunity","IconProducts","IconLeftovers","IconOrders","IconGallery","IconEvents","IconPayments","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAgEcA,cAAAA,SAAQ;AACtB,UAAM,SAASC,UAAAA,UAAS;AAQKC,QAAAA,IAAI,IAAI;AACrBA,QAAAA,IAAI,CAAA,CAAE;AAGtB,UAAM,YAAY;AAAA,MAChB;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC,WAAAA;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC,cAAAA;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC,aAAAA;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC,cAAAA;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC,WAAAA;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC,YAAAA;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC,WAAAA;AAAAA,MACV;AAAA,IACA;AAGA,UAAM,eAAe;AAAA,MACnB;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC,aAAAA;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAM;AAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAM;AAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAM;AAAA,MACV;AAAA,IACA;AAKAC,QAAAA,UAAU,YAAY;AAAA,IACtB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Sidebar.vue.cjs","sources":["../../../../../../../src/modules/backoffice/components/partials/Sidebar.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative o-y-scroll o-x-hidden h-100\">\n    <div class=\"br-b  h3 h-4r pd-semi br-solid br-black-transp-10\">Backoffice</div>\n    <div class=\"pd-semi\">\n      <span class=\"pd-thin uppercase t-medium t-transp\">Menu</span>\n      <div \n        v-for=\"item in menuItems\" \n        :key=\"item.name\"\n        @click=\"router.push({ name: item.routeName })\" \n        class=\"flex pd-thin flex-v-center cursor-pointer\">\n        <component \n          v-if=\"item.icon\" \n          :is=\"item.icon\" \n          class=\"i-regular mn-r-thin\" \n          :icon=\"true\" \n          :fill=\"'rgba(var(--black),0.25)'\"\n        /> \n        <span class=\"t-medium\">{{ item.title }}</span>\n      </div>\n      \n      <span class=\"pd-thin d-block mn-t-medium uppercase t-medium t-transp\">General</span>\n      <div \n        v-for=\"item in generalItems\" \n        :key=\"item.name\"\n        @click=\"router.push({ name: item.routeName })\" \n        class=\"flex pd-thin flex-v-center cursor-pointer\">\n        <component \n          v-if=\"item.icon\" \n          :is=\"item.icon\" \n          class=\"i-regular mn-r-thin\" \n          :icon=\"true\" \n          :fill=\"'rgba(var(--black),0.25)'\"\n        /> \n        <span class=\"t-medium\">{{ item.title }}</span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup=\"props\">\n/////////////////////////////\n// COMPONENT DEPENDENCIES\n/////////////////////////////\nimport { ref, onMounted } from 'vue';\n\n// Mobile Module\nimport SelectMulti from '@martyrs/src/components/SelectMulti/SelectMulti.vue'\n\nimport IconProducts from '@martyrs/src/modules/icons/entities/IconProducts.vue'\nimport IconPayments from '@martyrs/src/modules/icons/entities/IconPayments.vue'\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue'\nimport IconGallery from '@martyrs/src/modules/icons/entities/IconGallery.vue'\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue'\nimport IconLeftovers from '@martyrs/src/modules/icons/entities/IconLeftovers.vue'\n/////////////////////////////\n// HELPERS\n/////////////////////////////\nimport { useRoute, useRouter } from 'vue-router'\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations.js'\n\nconst route = useRoute()\nconst router = useRouter()\n/////////////////////////////\n// CREATED\n/////////////////////////////\nconst props = defineProps({\n  favorites: Array,\n});\n\nconst selectedOrganization = ref(null);\nconst publics = ref([]);\n\n// Define menu items\nconst menuItems = [\n  {\n    name: 'organizations',\n    title: 'Organizations',\n    routeName: 'Backoffice Organizations',\n    icon: IconGroups\n  },\n  {\n    name: 'community',\n    title: 'Community',\n    routeName: 'Backoffice Community',\n    icon: IconCommunity\n  },\n  {\n    name: 'products',\n    title: 'Products',\n    routeName: 'Products',\n    icon: IconProducts\n  },\n  {\n    name: 'inventory',\n    title: 'Inventory',\n    routeName: 'BackofficeInventoryList',\n    icon: IconLeftovers\n  },\n  {\n    name: 'orders',\n    title: 'Orders',\n    routeName: 'BackofficeOrdersList',\n    icon: IconOrders\n  },\n  {\n    name: 'gallery',\n    title: 'Gallery',\n    routeName: 'Backoffice Gallery',\n    icon: IconGallery\n  },\n  {\n    name: 'applications',\n    title: 'Applications',\n    routeName: 'BackofficeApplications',\n    icon: IconEvents\n  },\n  {\n    name: 'events',\n    title: 'Events',\n    routeName: 'BackofficeEvents Backoffice',\n    icon: IconEvents\n  }\n];\n\n// Define general items\nconst generalItems = [\n  {\n    name: 'payments',\n    title: 'Payments',\n    routeName: 'Payments',\n    icon: IconPayments\n  },\n  {\n    name: 'users',\n    title: 'Users',\n    routeName: 'Users',\n    icon: null\n  },\n  {\n    name: 'pages',\n    title: 'Pages',\n    routeName: 'Backoffice Pages',\n    icon: null\n  },\n  {\n    name: 'reports',\n    title: 'Reports',\n    routeName: 'Backoffice Reports',\n    icon: null\n  }\n];\n\n/////////////////////////////\n// MOUNTED\n/////////////////////////////\nonMounted(async () => {\n});\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["useRoute","useRouter","ref","IconGroups","IconCommunity","IconProducts","IconLeftovers","IconOrders","IconGallery","IconEvents","IconPayments","onMounted"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAgEcA,cAAAA,SAAQ;AACtB,UAAM,SAASC,UAAAA,UAAS;AAQKC,QAAAA,IAAI,IAAI;AACrBA,QAAAA,IAAI,CAAA,CAAE;AAGtB,UAAM,YAAY;AAAA,MAChB;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC,WAAAA;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC,cAAAA;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC,aAAAA;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC,cAAAA;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC,WAAAA;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC,YAAAA;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC,WAAAA;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMA,WAAAA;AAAAA,MACV;AAAA,IACA;AAGA,UAAM,eAAe;AAAA,MACnB;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC,aAAAA;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAM;AAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAM;AAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAM;AAAA,MACV;AAAA,IACA;AAKAC,QAAAA,UAAU,YAAY;AAAA,IACtB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/backoffice/components/partials/Sidebar.vue.js

@@ -64,6 +64,12 @@ const _sfc_main = {
         routeName: "Backoffice Gallery",
         icon: _sfc_main$6
       },
+      {
+        name: "applications",
+        title: "Applications",
+        routeName: "BackofficeApplications",
+        icon: _sfc_main$7
+      },
       {
         name: "events",
         title: "Events",

package/dist/martyrs/src/modules/backoffice/components/partials/Sidebar.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sidebar.vue.js","sources":["../../../../../../../src/modules/backoffice/components/partials/Sidebar.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative o-y-scroll o-x-hidden h-100\">\n    <div class=\"br-b  h3 h-4r pd-semi br-solid br-black-transp-10\">Backoffice</div>\n    <div class=\"pd-semi\">\n      <span class=\"pd-thin uppercase t-medium t-transp\">Menu</span>\n      <div \n        v-for=\"item in menuItems\" \n        :key=\"item.name\"\n        @click=\"router.push({ name: item.routeName })\" \n        class=\"flex pd-thin flex-v-center cursor-pointer\">\n        <component \n          v-if=\"item.icon\" \n          :is=\"item.icon\" \n          class=\"i-regular mn-r-thin\" \n          :icon=\"true\" \n          :fill=\"'rgba(var(--black),0.25)'\"\n        /> \n        <span class=\"t-medium\">{{ item.title }}</span>\n      </div>\n      \n      <span class=\"pd-thin d-block mn-t-medium uppercase t-medium t-transp\">General</span>\n      <div \n        v-for=\"item in generalItems\" \n        :key=\"item.name\"\n        @click=\"router.push({ name: item.routeName })\" \n        class=\"flex pd-thin flex-v-center cursor-pointer\">\n        <component \n          v-if=\"item.icon\" \n          :is=\"item.icon\" \n          class=\"i-regular mn-r-thin\" \n          :icon=\"true\" \n          :fill=\"'rgba(var(--black),0.25)'\"\n        /> \n        <span class=\"t-medium\">{{ item.title }}</span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup=\"props\">\n/////////////////////////////\n// COMPONENT DEPENDENCIES\n/////////////////////////////\nimport { ref, onMounted } from 'vue';\n\n// Mobile Module\nimport SelectMulti from '@martyrs/src/components/SelectMulti/SelectMulti.vue'\n\nimport IconProducts from '@martyrs/src/modules/icons/entities/IconProducts.vue'\nimport IconPayments from '@martyrs/src/modules/icons/entities/IconPayments.vue'\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue'\nimport IconGallery from '@martyrs/src/modules/icons/entities/IconGallery.vue'\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue'\nimport IconLeftovers from '@martyrs/src/modules/icons/entities/IconLeftovers.vue'\n/////////////////////////////\n// HELPERS\n/////////////////////////////\nimport { useRoute, useRouter } from 'vue-router'\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations.js'\n\nconst route = useRoute()\nconst router = useRouter()\n/////////////////////////////\n// CREATED\n/////////////////////////////\nconst props = defineProps({\n  favorites: Array,\n});\n\nconst selectedOrganization = ref(null);\nconst publics = ref([]);\n\n// Define menu items\nconst menuItems = [\n  {\n    name: 'organizations',\n    title: 'Organizations',\n    routeName: 'Backoffice Organizations',\n    icon: IconGroups\n  },\n  {\n    name: 'community',\n    title: 'Community',\n    routeName: 'Backoffice Community',\n    icon: IconCommunity\n  },\n  {\n    name: 'products',\n    title: 'Products',\n    routeName: 'Products',\n    icon: IconProducts\n  },\n  {\n    name: 'inventory',\n    title: 'Inventory',\n    routeName: 'BackofficeInventoryList',\n    icon: IconLeftovers\n  },\n  {\n    name: 'orders',\n    title: 'Orders',\n    routeName: 'BackofficeOrdersList',\n    icon: IconOrders\n  },\n  {\n    name: 'gallery',\n    title: 'Gallery',\n    routeName: 'Backoffice Gallery',\n    icon: IconGallery\n  },\n  {\n    name: 'events',\n    title: 'Events',\n    routeName: 'BackofficeEvents Backoffice',\n    icon: IconEvents\n  }\n];\n\n// Define general items\nconst generalItems = [\n  {\n    name: 'payments',\n    title: 'Payments',\n    routeName: 'Payments',\n    icon: IconPayments\n  },\n  {\n    name: 'users',\n    title: 'Users',\n    routeName: 'Users',\n    icon: null\n  },\n  {\n    name: 'pages',\n    title: 'Pages',\n    routeName: 'Backoffice Pages',\n    icon: null\n  },\n  {\n    name: 'reports',\n    title: 'Reports',\n    routeName: 'Backoffice Reports',\n    icon: null\n  }\n];\n\n/////////////////////////////\n// MOUNTED\n/////////////////////////////\nonMounted(async () => {\n});\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["IconGroups","IconCommunity","IconProducts","IconLeftovers","IconOrders","IconGallery","IconEvents","IconPayments"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAgEc,aAAQ;AACtB,UAAM,SAAS,UAAS;AAQK,QAAI,IAAI;AACrB,QAAI,CAAA,CAAE;AAGtB,UAAM,YAAY;AAAA,MAChB;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMA;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,IACA;AAGA,UAAM,eAAe;AAAA,MACnB;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAM;AAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAM;AAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAM;AAAA,MACV;AAAA,IACA;AAKA,cAAU,YAAY;AAAA,IACtB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Sidebar.vue.js","sources":["../../../../../../../src/modules/backoffice/components/partials/Sidebar.vue"],"sourcesContent":["<template>\n  <div class=\"pos-relative o-y-scroll o-x-hidden h-100\">\n    <div class=\"br-b  h3 h-4r pd-semi br-solid br-black-transp-10\">Backoffice</div>\n    <div class=\"pd-semi\">\n      <span class=\"pd-thin uppercase t-medium t-transp\">Menu</span>\n      <div \n        v-for=\"item in menuItems\" \n        :key=\"item.name\"\n        @click=\"router.push({ name: item.routeName })\" \n        class=\"flex pd-thin flex-v-center cursor-pointer\">\n        <component \n          v-if=\"item.icon\" \n          :is=\"item.icon\" \n          class=\"i-regular mn-r-thin\" \n          :icon=\"true\" \n          :fill=\"'rgba(var(--black),0.25)'\"\n        /> \n        <span class=\"t-medium\">{{ item.title }}</span>\n      </div>\n      \n      <span class=\"pd-thin d-block mn-t-medium uppercase t-medium t-transp\">General</span>\n      <div \n        v-for=\"item in generalItems\" \n        :key=\"item.name\"\n        @click=\"router.push({ name: item.routeName })\" \n        class=\"flex pd-thin flex-v-center cursor-pointer\">\n        <component \n          v-if=\"item.icon\" \n          :is=\"item.icon\" \n          class=\"i-regular mn-r-thin\" \n          :icon=\"true\" \n          :fill=\"'rgba(var(--black),0.25)'\"\n        /> \n        <span class=\"t-medium\">{{ item.title }}</span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup=\"props\">\n/////////////////////////////\n// COMPONENT DEPENDENCIES\n/////////////////////////////\nimport { ref, onMounted } from 'vue';\n\n// Mobile Module\nimport SelectMulti from '@martyrs/src/components/SelectMulti/SelectMulti.vue'\n\nimport IconProducts from '@martyrs/src/modules/icons/entities/IconProducts.vue'\nimport IconPayments from '@martyrs/src/modules/icons/entities/IconPayments.vue'\nimport IconEvents from '@martyrs/src/modules/icons/entities/IconEvents.vue'\nimport IconGroups from '@martyrs/src/modules/icons/entities/IconGroups.vue'\nimport IconCommunity from '@martyrs/src/modules/icons/entities/IconCommunity.vue'\nimport IconGallery from '@martyrs/src/modules/icons/entities/IconGallery.vue'\nimport IconOrders from '@martyrs/src/modules/icons/entities/IconOrders.vue'\nimport IconLeftovers from '@martyrs/src/modules/icons/entities/IconLeftovers.vue'\n/////////////////////////////\n// HELPERS\n/////////////////////////////\nimport { useRoute, useRouter } from 'vue-router'\n\nimport * as auth from '@martyrs/src/modules/auth/views/store/auth.js'\nimport * as organizations from '@martyrs/src/modules/organizations/store/organizations.js'\n\nconst route = useRoute()\nconst router = useRouter()\n/////////////////////////////\n// CREATED\n/////////////////////////////\nconst props = defineProps({\n  favorites: Array,\n});\n\nconst selectedOrganization = ref(null);\nconst publics = ref([]);\n\n// Define menu items\nconst menuItems = [\n  {\n    name: 'organizations',\n    title: 'Organizations',\n    routeName: 'Backoffice Organizations',\n    icon: IconGroups\n  },\n  {\n    name: 'community',\n    title: 'Community',\n    routeName: 'Backoffice Community',\n    icon: IconCommunity\n  },\n  {\n    name: 'products',\n    title: 'Products',\n    routeName: 'Products',\n    icon: IconProducts\n  },\n  {\n    name: 'inventory',\n    title: 'Inventory',\n    routeName: 'BackofficeInventoryList',\n    icon: IconLeftovers\n  },\n  {\n    name: 'orders',\n    title: 'Orders',\n    routeName: 'BackofficeOrdersList',\n    icon: IconOrders\n  },\n  {\n    name: 'gallery',\n    title: 'Gallery',\n    routeName: 'Backoffice Gallery',\n    icon: IconGallery\n  },\n  {\n    name: 'applications',\n    title: 'Applications',\n    routeName: 'BackofficeApplications',\n    icon: IconEvents\n  },\n  {\n    name: 'events',\n    title: 'Events',\n    routeName: 'BackofficeEvents Backoffice',\n    icon: IconEvents\n  }\n];\n\n// Define general items\nconst generalItems = [\n  {\n    name: 'payments',\n    title: 'Payments',\n    routeName: 'Payments',\n    icon: IconPayments\n  },\n  {\n    name: 'users',\n    title: 'Users',\n    routeName: 'Users',\n    icon: null\n  },\n  {\n    name: 'pages',\n    title: 'Pages',\n    routeName: 'Backoffice Pages',\n    icon: null\n  },\n  {\n    name: 'reports',\n    title: 'Reports',\n    routeName: 'Backoffice Reports',\n    icon: null\n  }\n];\n\n/////////////////////////////\n// MOUNTED\n/////////////////////////////\nonMounted(async () => {\n});\n</script>\n\n<style lang=\"scss\">\n</style>"],"names":["IconGroups","IconCommunity","IconProducts","IconLeftovers","IconOrders","IconGallery","IconEvents","IconPayments"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAgEc,aAAQ;AACtB,UAAM,SAAS,UAAS;AAQK,QAAI,IAAI;AACrB,QAAI,CAAA,CAAE;AAGtB,UAAM,YAAY;AAAA,MAChB;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMA;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMA;AAAAA,MACV;AAAA,IACA;AAGA,UAAM,eAAe;AAAA,MACnB;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAMC;AAAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAM;AAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAM;AAAA,MACV;AAAA,MACE;AAAA,QACE,MAAM;AAAA,QACN,OAAO;AAAA,QACP,WAAW;AAAA,QACX,MAAM;AAAA,MACV;AAAA,IACA;AAKA,cAAU,YAAY;AAAA,IACtB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/martyrs/src/modules/chats/components/blocks/ChatMessage.vue.cjs

@@ -1,32 +1,48 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const IconCheckmark = require("../../../icons/navigation/IconCheckmark.vue.cjs");
 const vue = require("vue");
 const _pluginVue_exportHelper = require("../../../../../../_virtual/_plugin-vue_export-helper.cjs");
 const _sfc_main = {
+  components: {
+    IconCheckmark: IconCheckmark.default
+  },
   props: {
     message: {
       type: Object,
       required: true
     }
+  },
+  computed: {
+    isMessageRead() {
+      return this.message.readBy && this.message.readBy.length > 0;
+    }
   }
 };
-const _hoisted_1 = { class: "flex-v-center gap-thin flex-nowrap flex w-100 p-small" };
-const _hoisted_2 = { class: "mn-r-auto" };
-const _hoisted_3 = { class: "t-semi" };
-const _hoisted_4 = { class: "t-transp" };
+const _hoisted_1 = ["data-message-id"];
+const _hoisted_2 = { class: "flex-v-center gap-thin flex-nowrap flex w-100 p-small" };
+const _hoisted_3 = { class: "mn-r-auto" };
+const _hoisted_4 = { class: "t-semi" };
+const _hoisted_5 = { class: "t-transp" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_IconCheckmark = vue.resolveComponent("IconCheckmark");
   return vue.openBlock(), vue.createElementBlock("div", {
-    class: vue.normalizeClass(["pd-small", { "bg-main-nano": $props.message.username === "Support" }])
+    class: vue.normalizeClass(["pd-small", { "bg-main-nano": $props.message.username === "Support" }]),
+    "data-message-id": $props.message._id
   }, [
-    vue.createElementVNode("p", _hoisted_1, [
-      vue.createElementVNode("strong", _hoisted_2, [
-        vue.createElementVNode("span", _hoisted_3, vue.toDisplayString($props.message.username), 1),
+    vue.createElementVNode("p", _hoisted_2, [
+      vue.createElementVNode("strong", _hoisted_3, [
+        vue.createElementVNode("span", _hoisted_4, vue.toDisplayString($props.message.username), 1),
         _cache[0] || (_cache[0] = vue.createTextVNode()),
-        vue.createElementVNode("span", _hoisted_4, vue.toDisplayString(_ctx.formatDate($props.message.createdAt)), 1)
-      ])
+        vue.createElementVNode("span", _hoisted_5, vue.toDisplayString(_ctx.formatDate($props.message.createdAt)), 1)
+      ]),
+      $options.isMessageRead ? (vue.openBlock(), vue.createBlock(_component_IconCheckmark, {
+        key: 0,
+        class: "i-small t-main"
+      })) : vue.createCommentVNode("", true)
     ]),
     vue.createElementVNode("p", null, vue.toDisplayString($props.message.text), 1)
-  ], 2);
+  ], 10, _hoisted_1);
 }
 const ChatMessage = /* @__PURE__ */ _pluginVue_exportHelper.default(_sfc_main, [["render", _sfc_render]]);
 exports.default = ChatMessage;

package/dist/martyrs/src/modules/chats/components/blocks/ChatMessage.vue.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMessage.vue.cjs","sources":["../../../../../../../src/modules/chats/components/blocks/ChatMessage.vue"],"sourcesContent":["<template>\n  <div \n    class=\"pd-small\"\n    :class=\"{'bg-main-nano': message.username === 'Support'}\"\n  >\n    <p class=\"flex-v-center gap-thin flex-nowrap flex w-100 p-small\">\n      <!-- <img loading=\"lazy\" v-if=\"message.username === 'Weeder Support'\" src=\"/logo/logo.png\" class=\"i-medium\"> -->\n      <strong class=\"mn-r-auto\"><span class=\"t-semi\">{{ message.username }}</span> <span class=\"t-transp\">{{formatDate(message.createdAt)}}</span></strong>\n    </p>\n    <p>{{ message.text }}</p>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    message: {\n      type: Object,\n      required: true\n    }\n  }\n};\n</script>\n\n<style>\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_toDisplayString","_createTextVNode"],"mappings":";;;;AAcA,MAAK,YAAU;AAAA,EACb,OAAO;AAAA,IACL,SAAS;AAAA,MACP,MAAM;AAAA,MACN,UAAU;AAAA,IACZ;AAAA,EACF;AACF;AAhBO,MAAA,aAAA,EAAA,OAAM,wDAAuD;AAEtD,MAAA,aAAA,EAAA,OAAM,YAAW;AAAO,MAAA,aAAA,EAAA,OAAM,SAAQ;AAAqC,MAAA,aAAA,EAAA,OAAM,WAAU;;0BANvGA,IAAAA,mBASM,OAAA;AAAA,IARJ,OAFJC,IAAAA,eAAA,CAEU,YAAU,EAAA,gBACS,OAAA,QAAQ,aAAQ,UAAA,CAAA,CAAA;AAAA;IAEzCC,IAAAA,mBAGI,KAHJ,YAGI;AAAA,MADFA,IAAAA,mBAAqJ,UAArJ,YAAqJ;AAAA,QAA3HA,uBAAkD,QAAlD,YAAkDC,IAAAA,gBAA1B,OAAA,QAAQ,QAAQ,GAAA,CAAA;AAAA,QAPxE,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAC,IAAAA,gBAAA;AAAA,QAOmFF,IAAAA,mBAA+D,QAA/D,YAA+DC,IAAAA,gBAAtC,gBAAW,OAAA,QAAQ,SAAS,CAAA,GAAA,CAAA;AAAA;;IAEpID,IAAAA,mBAAyB,KAAA,MAAAC,IAAAA,gBAAnB,OAAA,QAAQ,IAAI,GAAA,CAAA;AAAA;;;;"}
+{"version":3,"file":"ChatMessage.vue.cjs","sources":["../../../../../../../src/modules/chats/components/blocks/ChatMessage.vue"],"sourcesContent":["<template>\n  <div \n    class=\"pd-small\"\n    :class=\"{'bg-main-nano': message.username === 'Support'}\"\n    :data-message-id=\"message._id\"\n  >\n    <p class=\"flex-v-center gap-thin flex-nowrap flex w-100 p-small\">\n      <!-- <img loading=\"lazy\" v-if=\"message.username === 'Weeder Support'\" src=\"/logo/logo.png\" class=\"i-medium\"> -->\n      <strong class=\"mn-r-auto\"><span class=\"t-semi\">{{ message.username }}</span> <span class=\"t-transp\">{{formatDate(message.createdAt)}}</span></strong>\n      <IconCheckmark v-if=\"isMessageRead\" class=\"i-small t-main\" />\n    </p>\n    <p>{{ message.text }}</p>\n  </div>\n</template>\n\n<script>\nimport IconCheckmark from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue';\n\nexport default {\n  components: {\n    IconCheckmark\n  },\n  props: {\n    message: {\n      type: Object,\n      required: true\n    }\n  },\n  computed: {\n    isMessageRead() {\n      return this.message.readBy && this.message.readBy.length > 0;\n    }\n  }\n};\n</script>\n\n<style>\n</style>\n"],"names":["IconCheckmark","_createElementBlock","_normalizeClass","_createElementVNode","_toDisplayString","_createTextVNode","_createBlock","_createCommentVNode"],"mappings":";;;;;AAkBA,MAAK,YAAU;AAAA,EACb,YAAY;AAAA,mBACVA,cAAAA;AAAAA;EAEF,OAAO;AAAA,IACL,SAAS;AAAA,MACP,MAAM;AAAA,MACN,UAAU;AAAA,IACZ;AAAA;EAEF,UAAU;AAAA,IACR,gBAAgB;AACd,aAAO,KAAK,QAAQ,UAAU,KAAK,QAAQ,OAAO,SAAS;AAAA,IAC7D;AAAA,EACF;AACF;AAjCA,MAAA,aAAA,CAAA,iBAAA;AAMO,MAAA,aAAA,EAAA,OAAM,wDAAuD;AAEtD,MAAA,aAAA,EAAA,OAAM,YAAW;AAAO,MAAA,aAAA,EAAA,OAAM,SAAQ;AAAqC,MAAA,aAAA,EAAA,OAAM,WAAU;;;0BAPvGC,IAAAA,mBAWM,OAAA;AAAA,IAVJ,OAFJC,IAAAA,eAAA,CAEU,YAAU,EAAA,gBACS,OAAA,QAAQ,aAAQ,UAAA,CAAA,CAAA;AAAA,IACxC,mBAAiB,OAAA,QAAQ;AAAA;IAE1BC,IAAAA,mBAII,KAJJ,YAII;AAAA,MAFFA,IAAAA,mBAAqJ,UAArJ,YAAqJ;AAAA,QAA3HA,uBAAkD,QAAlD,YAAkDC,IAAAA,gBAA1B,OAAA,QAAQ,QAAQ,GAAA,CAAA;AAAA,QARxE,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAC,IAAAA,gBAAA;AAAA,QAQmFF,IAAAA,mBAA+D,QAA/D,YAA+DC,IAAAA,gBAAtC,gBAAW,OAAA,QAAQ,SAAS,CAAA,GAAA,CAAA;AAAA;MAC7G,SAAA,kCAArBE,IAAAA,YAA6D,0BAAA;AAAA,QATnE,KAAA;AAAA,QAS0C,OAAM;AAAA,YAThDC,IAAAA,mBAAA,IAAA,IAAA;AAAA;IAWIJ,IAAAA,mBAAyB,KAAA,MAAAC,IAAAA,gBAAnB,OAAA,QAAQ,IAAI,GAAA,CAAA;AAAA,EAXtB,GAAA,IAAA,UAAA;;;;"}

package/dist/martyrs/src/modules/chats/components/blocks/ChatMessage.vue.js

@@ -1,30 +1,46 @@
-import { createElementBlock, openBlock, normalizeClass, createElementVNode, createTextVNode, toDisplayString } from "vue";
+import _sfc_main$1 from "../../../icons/navigation/IconCheckmark.vue.js";
+import { resolveComponent, createElementBlock, openBlock, normalizeClass, createElementVNode, createBlock, createCommentVNode, createTextVNode, toDisplayString } from "vue";
 import _export_sfc from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const _sfc_main = {
+  components: {
+    IconCheckmark: _sfc_main$1
+  },
   props: {
     message: {
       type: Object,
       required: true
     }
+  },
+  computed: {
+    isMessageRead() {
+      return this.message.readBy && this.message.readBy.length > 0;
+    }
   }
 };
-const _hoisted_1 = { class: "flex-v-center gap-thin flex-nowrap flex w-100 p-small" };
-const _hoisted_2 = { class: "mn-r-auto" };
-const _hoisted_3 = { class: "t-semi" };
-const _hoisted_4 = { class: "t-transp" };
+const _hoisted_1 = ["data-message-id"];
+const _hoisted_2 = { class: "flex-v-center gap-thin flex-nowrap flex w-100 p-small" };
+const _hoisted_3 = { class: "mn-r-auto" };
+const _hoisted_4 = { class: "t-semi" };
+const _hoisted_5 = { class: "t-transp" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_IconCheckmark = resolveComponent("IconCheckmark");
   return openBlock(), createElementBlock("div", {
-    class: normalizeClass(["pd-small", { "bg-main-nano": $props.message.username === "Support" }])
+    class: normalizeClass(["pd-small", { "bg-main-nano": $props.message.username === "Support" }]),
+    "data-message-id": $props.message._id
   }, [
-    createElementVNode("p", _hoisted_1, [
-      createElementVNode("strong", _hoisted_2, [
-        createElementVNode("span", _hoisted_3, toDisplayString($props.message.username), 1),
+    createElementVNode("p", _hoisted_2, [
+      createElementVNode("strong", _hoisted_3, [
+        createElementVNode("span", _hoisted_4, toDisplayString($props.message.username), 1),
         _cache[0] || (_cache[0] = createTextVNode()),
-        createElementVNode("span", _hoisted_4, toDisplayString(_ctx.formatDate($props.message.createdAt)), 1)
-      ])
+        createElementVNode("span", _hoisted_5, toDisplayString(_ctx.formatDate($props.message.createdAt)), 1)
+      ]),
+      $options.isMessageRead ? (openBlock(), createBlock(_component_IconCheckmark, {
+        key: 0,
+        class: "i-small t-main"
+      })) : createCommentVNode("", true)
     ]),
     createElementVNode("p", null, toDisplayString($props.message.text), 1)
-  ], 2);
+  ], 10, _hoisted_1);
 }
 const ChatMessage = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {

package/dist/martyrs/src/modules/chats/components/blocks/ChatMessage.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChatMessage.vue.js","sources":["../../../../../../../src/modules/chats/components/blocks/ChatMessage.vue"],"sourcesContent":["<template>\n  <div \n    class=\"pd-small\"\n    :class=\"{'bg-main-nano': message.username === 'Support'}\"\n  >\n    <p class=\"flex-v-center gap-thin flex-nowrap flex w-100 p-small\">\n      <!-- <img loading=\"lazy\" v-if=\"message.username === 'Weeder Support'\" src=\"/logo/logo.png\" class=\"i-medium\"> -->\n      <strong class=\"mn-r-auto\"><span class=\"t-semi\">{{ message.username }}</span> <span class=\"t-transp\">{{formatDate(message.createdAt)}}</span></strong>\n    </p>\n    <p>{{ message.text }}</p>\n  </div>\n</template>\n\n<script>\nexport default {\n  props: {\n    message: {\n      type: Object,\n      required: true\n    }\n  }\n};\n</script>\n\n<style>\n</style>\n"],"names":["_createElementBlock","_normalizeClass","_createElementVNode","_toDisplayString","_createTextVNode"],"mappings":";;AAcA,MAAK,YAAU;AAAA,EACb,OAAO;AAAA,IACL,SAAS;AAAA,MACP,MAAM;AAAA,MACN,UAAU;AAAA,IACZ;AAAA,EACF;AACF;AAhBO,MAAA,aAAA,EAAA,OAAM,wDAAuD;AAEtD,MAAA,aAAA,EAAA,OAAM,YAAW;AAAO,MAAA,aAAA,EAAA,OAAM,SAAQ;AAAqC,MAAA,aAAA,EAAA,OAAM,WAAU;;sBANvGA,mBASM,OAAA;AAAA,IARJ,OAFJC,eAAA,CAEU,YAAU,EAAA,gBACS,OAAA,QAAQ,aAAQ,UAAA,CAAA,CAAA;AAAA;IAEzCC,mBAGI,KAHJ,YAGI;AAAA,MADFA,mBAAqJ,UAArJ,YAAqJ;AAAA,QAA3HA,mBAAkD,QAAlD,YAAkDC,gBAA1B,OAAA,QAAQ,QAAQ,GAAA,CAAA;AAAA,QAPxE,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAC,gBAAA;AAAA,QAOmFF,mBAA+D,QAA/D,YAA+DC,gBAAtC,gBAAW,OAAA,QAAQ,SAAS,CAAA,GAAA,CAAA;AAAA;;IAEpID,mBAAyB,KAAA,MAAAC,gBAAnB,OAAA,QAAQ,IAAI,GAAA,CAAA;AAAA;;;"}
+{"version":3,"file":"ChatMessage.vue.js","sources":["../../../../../../../src/modules/chats/components/blocks/ChatMessage.vue"],"sourcesContent":["<template>\n  <div \n    class=\"pd-small\"\n    :class=\"{'bg-main-nano': message.username === 'Support'}\"\n    :data-message-id=\"message._id\"\n  >\n    <p class=\"flex-v-center gap-thin flex-nowrap flex w-100 p-small\">\n      <!-- <img loading=\"lazy\" v-if=\"message.username === 'Weeder Support'\" src=\"/logo/logo.png\" class=\"i-medium\"> -->\n      <strong class=\"mn-r-auto\"><span class=\"t-semi\">{{ message.username }}</span> <span class=\"t-transp\">{{formatDate(message.createdAt)}}</span></strong>\n      <IconCheckmark v-if=\"isMessageRead\" class=\"i-small t-main\" />\n    </p>\n    <p>{{ message.text }}</p>\n  </div>\n</template>\n\n<script>\nimport IconCheckmark from '@martyrs/src/modules/icons/navigation/IconCheckmark.vue';\n\nexport default {\n  components: {\n    IconCheckmark\n  },\n  props: {\n    message: {\n      type: Object,\n      required: true\n    }\n  },\n  computed: {\n    isMessageRead() {\n      return this.message.readBy && this.message.readBy.length > 0;\n    }\n  }\n};\n</script>\n\n<style>\n</style>\n"],"names":["IconCheckmark","_createElementBlock","_normalizeClass","_createElementVNode","_toDisplayString","_createTextVNode","_createBlock","_createCommentVNode"],"mappings":";;;AAkBA,MAAK,YAAU;AAAA,EACb,YAAY;AAAA,mBACVA;AAAAA;EAEF,OAAO;AAAA,IACL,SAAS;AAAA,MACP,MAAM;AAAA,MACN,UAAU;AAAA,IACZ;AAAA;EAEF,UAAU;AAAA,IACR,gBAAgB;AACd,aAAO,KAAK,QAAQ,UAAU,KAAK,QAAQ,OAAO,SAAS;AAAA,IAC7D;AAAA,EACF;AACF;AAjCA,MAAA,aAAA,CAAA,iBAAA;AAMO,MAAA,aAAA,EAAA,OAAM,wDAAuD;AAEtD,MAAA,aAAA,EAAA,OAAM,YAAW;AAAO,MAAA,aAAA,EAAA,OAAM,SAAQ;AAAqC,MAAA,aAAA,EAAA,OAAM,WAAU;;;sBAPvGC,mBAWM,OAAA;AAAA,IAVJ,OAFJC,eAAA,CAEU,YAAU,EAAA,gBACS,OAAA,QAAQ,aAAQ,UAAA,CAAA,CAAA;AAAA,IACxC,mBAAiB,OAAA,QAAQ;AAAA;IAE1BC,mBAII,KAJJ,YAII;AAAA,MAFFA,mBAAqJ,UAArJ,YAAqJ;AAAA,QAA3HA,mBAAkD,QAAlD,YAAkDC,gBAA1B,OAAA,QAAQ,QAAQ,GAAA,CAAA;AAAA,QARxE,OAAA,CAAA,MAAA,OAAA,CAAA,IAAAC,gBAAA;AAAA,QAQmFF,mBAA+D,QAA/D,YAA+DC,gBAAtC,gBAAW,OAAA,QAAQ,SAAS,CAAA,GAAA,CAAA;AAAA;MAC7G,SAAA,8BAArBE,YAA6D,0BAAA;AAAA,QATnE,KAAA;AAAA,QAS0C,OAAM;AAAA,YAThDC,mBAAA,IAAA,IAAA;AAAA;IAWIJ,mBAAyB,KAAA,MAAAC,gBAAnB,OAAA,QAAQ,IAAI,GAAA,CAAA;AAAA,EAXtB,GAAA,IAAA,UAAA;;;"}

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

@@ -17,6 +17,8 @@ const _sfc_main = {
   setup(__props) {
     const newMessage = vue.ref("");
     const allMessages = vue.ref(null);
+    const visibleMessageIds = vue.ref(/* @__PURE__ */ new Set());
+    let messageObserver = null;
     const messages = vue.computed(() => chat_store.default.state.messages);
     const scrollToBottom = () => {
       if (allMessages.value) {
@@ -38,11 +40,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: chat_store.default.state.userId,
+              isEqual: msg.userId === chat_store.default.state.userId,
+              msgUserIdType: typeof msg.userId,
+              currentUserIdType: typeof chat_store.default.state.userId
+            });
+            if (msg.userId && msg.userId === chat_store.default.state.userId) return false;
+            if (msg.readBy?.some((r) => r.userId === chat_store.default.state.userId)) return false;
+            console.log("[CHAT] Message can be marked as read:", {
+              msgId: msg._id,
+              msgUserId: msg.userId,
+              currentUserId: chat_store.default.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);
+            chat_store.default.methods.markMessagesAsRead(unreadVisibleMessages);
+          } else {
+            console.log("[CHAT] No unread messages to mark");
+          }
+        }
+      }, {
+        root: allMessages.value,
+        threshold: 0.5
+      });
+      vue.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));
+      });
+    };
     vue.onMounted(() => {
       vue.nextTick(() => {
         if (allMessages.value) {
           allMessages.value.scrollTop = allMessages.value.scrollHeight;
         }
+        observeMessages();
       });
     });
     vue.watch(messages, () => {
@@ -50,8 +106,14 @@ const _sfc_main = {
         if (allMessages.value) {
           allMessages.value.scrollTop = allMessages.value.scrollHeight;
         }
+        observeMessages();
       });
     }, { deep: true });
+    vue.onUnmounted(() => {
+      if (messageObserver) {
+        messageObserver.disconnect();
+      }
+    });
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
         vue.createElementVNode("div", {

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

@@ -1 +1 @@
-{"version":3,"file":"ChatWindow.vue.cjs","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":["ref","computed","chatStore","nextTick","onMounted","watch"],"mappings":";;;;;;;;;;;;;;;;;AAsCA,UAAM,aAAaA,IAAAA,IAAI,EAAE;AACzB,UAAM,cAAcA,IAAAA,IAAI,IAAI;AAG5B,UAAM,WAAWC,IAAAA,SAAS,MAAMC,mBAAU,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,UAAUA,WAAAA,QAAU,MAAM;AAAA,UAC1B,QAAQA,WAAAA,QAAU,MAAM;AAAA,QAC9B;AAEIA,2BAAU,QAAQ,WAAW,OAAO;AACpC,mBAAW,QAAQ;AAGnB,cAAMC,aAAQ;AACd,cAAM,IAAI,QAAQ,aAAW,WAAW,SAAS,GAAG,CAAC;AACrD,uBAAc;AAAA,MAChB;AAAA,IACF;AAGAC,QAAAA,UAAU,MAAM;AACdD,UAAAA,SAAS,MAAM;AACb,YAAI,YAAY,OAAO;AACrB,sBAAY,MAAM,YAAY,YAAY,MAAM;AAAA,QAClD;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAGDE,QAAAA,MAAM,UAAU,MAAM;AACpBF,UAAAA,SAAS,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.cjs","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":["ref","computed","chatStore","nextTick","onMounted","watch","onUnmounted"],"mappings":";;;;;;;;;;;;;;;;;AAsCA,UAAM,aAAaA,IAAAA,IAAI,EAAE;AACzB,UAAM,cAAcA,IAAAA,IAAI,IAAI;AAC5B,UAAM,oBAAoBA,IAAAA,IAAI,oBAAI,KAAK;AACvC,QAAI,kBAAkB;AAGtB,UAAM,WAAWC,IAAAA,SAAS,MAAMC,mBAAU,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,UAAUA,WAAAA,QAAU,MAAM;AAAA,UAC1B,QAAQA,WAAAA,QAAU,MAAM;AAAA,QAC9B;AAEIA,2BAAU,QAAQ,WAAW,OAAO;AACpC,mBAAW,QAAQ;AAGnB,cAAMC,aAAQ;AACd,cAAM,IAAI,QAAQ,aAAW,WAAW,SAAS,GAAG,CAAC;AACrD,uBAAc;AAAA,MAChB;AAAA,IACF;AAGA,UAAM,kBAAkB,MAAM;AAC5B,cAAQ,IAAI,oCAAoC;AAGhD,UAAI,iBAAiB;AACnB,wBAAgB,WAAU;AAAA,MAC5B;AAEA,wBAAkB,IAAI,qBAAqB,CAAC,YAAY;AACtD,gBAAQ,IAAI,iCAAiC,QAAQ,QAAQ,SAAS;AACtE,gBAAQ,QAAQ,WAAS;AACvB,gBAAM,YAAY,MAAM,OAAO,QAAQ;AACvC,cAAI,MAAM,gBAAgB;AACxB,8BAAkB,MAAM,IAAI,SAAS;AAAA,UACvC,OAAO;AACL,8BAAkB,MAAM,OAAO,SAAS;AAAA,UAC1C;AAAA,QACF,CAAC;AAGD,YAAI,kBAAkB,MAAM,OAAO,GAAG;AACpC,gBAAM,wBAAwB,SAAS,MACpC,OAAO,SAAO;AAEb,gBAAI,CAAC,kBAAkB,MAAM,IAAI,IAAI,GAAG,EAAG,QAAO;AAGlD,oBAAQ,IAAI,mCAAmC;AAAA,cAC7C,WAAW,IAAI;AAAA,cACf,eAAeD,WAAAA,QAAU,MAAM;AAAA,cAC/B,SAAS,IAAI,WAAWA,WAAAA,QAAU,MAAM;AAAA,cACxC,eAAe,OAAO,IAAI;AAAA,cAC1B,mBAAmB,OAAOA,WAAAA,QAAU,MAAM;AAAA,YACtD,CAAW;AACD,gBAAI,IAAI,UAAU,IAAI,WAAWA,WAAAA,QAAU,MAAM,OAAQ,QAAO;AAGhE,gBAAI,IAAI,QAAQ,KAAK,OAAK,EAAE,WAAWA,mBAAU,MAAM,MAAM,EAAG,QAAO;AAEvE,oBAAQ,IAAI,yCAAyC;AAAA,cACnD,OAAO,IAAI;AAAA,cACX,WAAW,IAAI;AAAA,cACf,eAAeA,WAAAA,QAAU,MAAM;AAAA,cAC/B,QAAQ,IAAI;AAAA,YACxB,CAAW;AAED,mBAAO;AAAA,UACT,CAAC,EACA,IAAI,SAAO,IAAI,GAAG;AAErB,kBAAQ,IAAI,2CAA2C,qBAAqB;AAE5E,cAAI,sBAAsB,SAAS,GAAG;AACpC,oBAAQ,IAAI,2CAA2C,qBAAqB;AAC5EA,+BAAU,QAAQ,mBAAmB,qBAAqB;AAAA,UAC5D,OAAO;AACL,oBAAQ,IAAI,mCAAmC;AAAA,UACjD;AAAA,QACF;AAAA,MACF,GAAG;AAAA,QACD,MAAM,YAAY;AAAA,QAClB,WAAW;AAAA,MACf,CAAG;AAGDC,UAAAA,SAAS,MAAM;AACb,cAAM,kBAAkB,YAAY,OAAO,iBAAiB,mBAAmB;AAC/E,gBAAQ,IAAI,6CAA6C,iBAAiB,MAAM;AAChF,yBAAiB,QAAQ,QAAM,gBAAgB,QAAQ,EAAE,CAAC;AAAA,MAC5D,CAAC;AAAA,IACH;AAGAC,QAAAA,UAAU,MAAM;AACdD,UAAAA,SAAS,MAAM;AACb,YAAI,YAAY,OAAO;AACrB,sBAAY,MAAM,YAAY,YAAY,MAAM;AAAA,QAClD;AACA,wBAAe;AAAA,MACjB,CAAC;AAAA,IACH,CAAC;AAGDE,QAAAA,MAAM,UAAU,MAAM;AACpBF,UAAAA,SAAS,MAAM;AACb,YAAI,YAAY,OAAO;AACrB,sBAAY,MAAM,YAAY,YAAY,MAAM;AAAA,QAClD;AACA,wBAAe;AAAA,MACjB,CAAC;AAAA,IACH,GAAG,EAAE,MAAM,MAAM;AAGjBG,QAAAA,YAAY,MAAM;AAChB,UAAI,iBAAiB;AACnB,wBAAgB,WAAU;AAAA,MAC5B;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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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"}