@mobilon-dev/chotto 0.3.44 → 0.3.45

package/dist/components/2_chatlist_elements/ChatItem/ChatItem.vue.js

@@ -1,7 +1,7 @@
 import t from "./ChatItem.vue2.js";
 /* empty css              */
 import o from "../../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ o(t, [["__scopeId", "data-v-64cee51b"]]);
+const e = /* @__PURE__ */ o(t, [["__scopeId", "data-v-dce06392"]]);
 export {
-  a as default
+  e as default
 };

package/dist/components/2_chatlist_elements/ChatItem/ChatItem.vue2.js

@@ -1,63 +1,65 @@
-import { defineComponent as gt, inject as ft, useId as yt, ref as x, computed as f, watch as vt, onMounted as pt, nextTick as b, onUnmounted as kt, createElementBlock as s, openBlock as o, createElementVNode as a, createCommentVNode as l, withModifiers as _t, normalizeClass as B, normalizeStyle as H, createVNode as A, withCtx as S, toDisplayString as d, createBlock as M, resolveDynamicComponent as xt, Teleport as Ct, unref as T, Fragment as R, renderList as wt } from "vue";
-import { getStatus as Mt, statuses as Tt } from "../../../functions/getStatusMessage.js";
+import { defineComponent as gt, inject as ft, useId as yt, ref as C, computed as y, watch as vt, onMounted as pt, nextTick as b, onUnmounted as kt, createElementBlock as s, openBlock as o, createElementVNode as r, createCommentVNode as l, withModifiers as _t, normalizeClass as A, normalizeStyle as W, createVNode as V, withCtx as S, toDisplayString as m, createBlock as I, resolveDynamicComponent as xt, Teleport as Ct, unref as T, Fragment as $, renderList as wt } from "vue";
+import { getStatus as Mt, statuses as It } from "../../../functions/getStatusMessage.js";
 import "../../../functions/parseMarkdown.js";
 import { t as U } from "../../../locale/useLocale.js";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
-import { useTheme as It } from "../../../hooks/useTheme.js";
+import { useTheme as Tt } from "../../../hooks/useTheme.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../node_modules/linkifyjs/dist/linkify.js";
-import W from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import z from "../../1_atoms/Tooltip/Tooltip.vue.js";
 import Et from "../../1_atoms/ButtonContextMenu/ButtonContextMenu.vue.js";
-import bt from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
-import Bt from "../../1_icons/AvatarIcon.vue.js";
+import Bt from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
+import bt from "../../1_icons/AvatarIcon.vue.js";
 import At from "./icons/FileIcon.vue.js";
-import St from "./icons/ImageIcon.vue.js";
+import Vt from "./icons/ImageIcon.vue.js";
 import O from "./icons/StickerIcon.vue.js";
-import Ut from "./icons/VideoIcon.vue.js";
-const Lt = { class: "chat-item__avatar-container" }, Dt = ["src"], Nt = {
+import St from "./icons/VideoIcon.vue.js";
+import Ut from "./icons/VoiceIcon.vue.js";
+import Lt from "./icons/AudioIcon.vue.js";
+const Dt = { class: "chat-item__avatar-container" }, Nt = ["src"], Xt = {
   key: 1,
   class: "chat-item__avatar-placeholder"
-}, Vt = { class: "chat-item__info-container" }, Xt = { class: "chat-item__name" }, Yt = {
+}, Yt = { class: "chat-item__info-container" }, Ft = { class: "chat-item__name" }, Ht = {
   key: 0,
   class: "chat-item__last-message"
-}, Ft = { class: "chat-item__last-message-text" }, Ht = { class: "chat-item__details-container" }, Rt = {
+}, Rt = { class: "chat-item__last-message-text" }, Wt = { class: "chat-item__details-container" }, $t = {
   key: 0,
   class: "chat-item__time"
-}, Wt = { class: "chat-item__status-unread-container" }, Ot = {
+}, zt = { class: "chat-item__status-unread-container" }, Ot = {
   key: 0,
   class: "pi pi-clock"
-}, $t = {
+}, qt = {
   key: 1,
   class: "pi pi-exclamation-circle"
-}, zt = {
+}, Gt = {
   key: 0,
   class: "pi pi-check"
-}, qt = {
+}, Jt = {
   key: 1,
   class: "chat-item__unread"
-}, jt = {
+}, Kt = {
   key: 2,
   class: "chat-item__status-chat-container"
-}, Gt = {
+}, Pt = {
   key: 0,
   class: "chat-item__fixed pi pi-thumbtack"
-}, Jt = {
+}, Qt = {
   key: 0,
   id: "noSelectButton",
   class: "chat-item__menu-button"
-}, Kt = {
+}, Zt = {
   key: 1,
   id: "noSelectButton",
   class: "chat-item__menu-button"
-}, Pt = {
+}, jt = {
   key: 0,
   class: "dialog__container"
-}, Qt = ["onClick"], Zt = ["src"], te = {
+}, te = ["onClick"], ee = ["src"], ne = {
   key: 1,
   class: "dialog__icon pi pi-user"
-}, ee = { class: "dialog__text-container" }, ne = { class: "dialog__name" }, ie = { class: "dialog__time" }, Ce = /* @__PURE__ */ gt({
+}, ie = { class: "dialog__text-container" }, oe = { class: "dialog__name" }, ce = { class: "dialog__time" }, Te = /* @__PURE__ */ gt({
   __name: "ChatItem",
   props: {
     chat: {},
@@ -65,218 +67,224 @@ const Lt = { class: "chat-item__avatar-container" }, Dt = ["src"], Nt = {
     contextMenuTrigger: { default: "hover" }
   },
   emits: ["select", "action", "expand"],
-  setup(c, { emit: $ }) {
-    const z = ft("chatAppId"), { getTheme: L } = It(z), e = c, C = $, m = yt(), h = x(!1), y = x(!1), I = x(!1), q = x(null), j = () => {
-      I.value = !0;
-    }, G = (t) => {
-      I.value || t.target instanceof HTMLElement && t.target.id != "noSelectButton" && C("select", { chat: e.chat, dialog: null }), I.value = !1;
-    }, J = (t) => {
-      C("select", { chat: e.chat, dialog: t });
-    }, K = () => e.chat.isSelected ? "chat-item__selected" : "", P = (t) => t.isSelected ? "dialog__selected" : "", D = (t) => {
-      e.contextMenuTrigger === "rightClick" && E(), C("action", { chat: e.chat, ...t });
-    }, E = () => {
-      const t = document.getElementById("context-menu-rightclick-" + m);
-      t && (t.style.top = "0", t.style.left = "0", t.style.opacity = "0", t.style.display = "none"), y.value = !1;
-    }, Q = () => {
+  setup(c, { emit: q }) {
+    const G = ft("chatAppId"), { getTheme: L } = Tt(G), e = c, w = q, h = yt(), g = C(!1), v = C(!1), E = C(!1), J = C(null), K = () => {
+      E.value = !0;
+    }, P = (t) => {
+      E.value || t.target instanceof HTMLElement && t.target.id != "noSelectButton" && w("select", { chat: e.chat, dialog: null }), E.value = !1;
+    }, Q = (t) => {
+      w("select", { chat: e.chat, dialog: t });
+    }, Z = () => e.chat.isSelected ? "chat-item__selected" : "", j = (t) => t.isSelected ? "dialog__selected" : "", D = (t) => {
+      e.contextMenuTrigger === "rightClick" && B(), w("action", { chat: e.chat, ...t });
+    }, B = () => {
+      const t = document.getElementById("context-menu-rightclick-" + h);
+      t && (t.style.top = "0", t.style.left = "0", t.style.opacity = "0", t.style.display = "none"), v.value = !1;
+    }, tt = () => {
       document.querySelectorAll('[id^="context-menu-rightclick-"]').forEach((n) => {
         const i = n;
-        i.id !== "context-menu-rightclick-" + m && (i.style.top = "0", i.style.left = "0", i.style.opacity = "0", i.style.display = "none");
+        i.id !== "context-menu-rightclick-" + h && (i.style.top = "0", i.style.left = "0", i.style.opacity = "0", i.style.display = "none");
       });
-    }, Z = () => e.chat.dialogs ? [...e.chat.dialogs].sort((t, n) => Number(t["lastActivity.timestamp"]) > Number(n["lastActivity.timestamp"]) ? -1 : Number(t["lastActivity.timestamp"]) < Number(n["lastActivity.timestamp"]) ? 1 : (Number(t["lastActivity.timestamp"]) == Number(n["lastActivity.timestamp"]), 0)) : [], tt = f(() => Mt(e.chat["lastMessage.status"])), et = f(() => e.chat.showEmptyIndicator || e.chat.countUnread > 0), nt = f(() => e.chat.countUnread > 0 ? e.chat.countUnread > 99 ? "99+" : e.chat.countUnread : e.chat.showEmptyIndicator ? "" : void 0);
-    let w;
-    const g = x(0), N = [U("component.ChatItem.typing") + ".", U("component.ChatItem.typing") + "..", U("component.ChatItem.typing") + "..."], V = (t) => {
-      var r, u;
+    }, et = () => e.chat.dialogs ? [...e.chat.dialogs].sort((t, n) => Number(t["lastActivity.timestamp"]) > Number(n["lastActivity.timestamp"]) ? -1 : Number(t["lastActivity.timestamp"]) < Number(n["lastActivity.timestamp"]) ? 1 : (Number(t["lastActivity.timestamp"]) == Number(n["lastActivity.timestamp"]), 0)) : [], nt = y(() => Mt(e.chat["lastMessage.status"])), it = y(() => e.chat.showEmptyIndicator || e.chat.countUnread > 0), ot = y(() => e.chat.countUnread > 0 ? e.chat.countUnread > 99 ? "99+" : e.chat.countUnread : e.chat.showEmptyIndicator ? "" : void 0);
+    let M;
+    const f = C(0), N = [U("component.ChatItem.typing") + ".", U("component.ChatItem.typing") + "..", U("component.ChatItem.typing") + "..."], X = (t) => {
+      var u, a, d;
       if (typeof t == "string")
         return t;
       if ((t == null ? void 0 : t.type) === "message.sticker")
         return "Стикер";
-      const n = (r = t == null ? void 0 : t.data) == null ? void 0 : r.text;
+      if ((t == null ? void 0 : t.type) === "message.audio")
+        return (t.isVoiceMessage || ((u = t == null ? void 0 : t.data) == null ? void 0 : u.isVoiceMessage)) === !0 ? "Голосовое сообщение" : "Аудиофайл";
+      const n = (a = t == null ? void 0 : t.data) == null ? void 0 : a.text;
       if (n)
         return n;
-      const i = (u = t == null ? void 0 : t.data) == null ? void 0 : u.filename;
+      const i = (d = t == null ? void 0 : t.data) == null ? void 0 : d.filename;
       return i || "";
-    }, it = (t) => typeof t == "string" ? null : (t == null ? void 0 : t.type) || null, X = f(() => {
-      var n, i;
+    }, ct = (t) => typeof t == "string" ? null : (t == null ? void 0 : t.type) || null, Y = y(() => {
+      var n, i, u;
       if (e.chat.typing)
         return null;
-      const t = it(e.chat.lastMessage);
+      const t = ct(e.chat.lastMessage);
       if (!t)
         return null;
       if (t === "message.sticker")
         return O;
       if (t === "message.image")
-        return St;
+        return Vt;
       if (t === "message.video")
-        return Ut;
+        return St;
+      if (t === "message.audio") {
+        const a = e.chat.lastMessage;
+        return (a.isVoiceMessage || ((n = a == null ? void 0 : a.data) == null ? void 0 : n.isVoiceMessage)) === !0 ? Ut : Lt;
+      }
       if (t === "message.file") {
-        const r = e.chat.lastMessage, u = ((i = (n = r == null ? void 0 : r.data) == null ? void 0 : n.filename) == null ? void 0 : i.toLowerCase()) || "";
-        return u.endsWith(".tgs") || u.endsWith(".webp") ? O : At;
+        const a = e.chat.lastMessage, d = ((u = (i = a == null ? void 0 : a.data) == null ? void 0 : i.filename) == null ? void 0 : u.toLowerCase()) || "";
+        return d.endsWith(".tgs") || d.endsWith(".webp") ? O : At;
       }
       return null;
-    }), ot = f(() => e.chat.typing ? N[g.value] : V(e.chat.lastMessage)), ct = f(() => e.chat.typing ? N[g.value] : V(e.chat.lastMessage));
+    }), st = y(() => e.chat.typing ? N[f.value] : X(e.chat.lastMessage)), at = y(() => e.chat.typing ? N[f.value] : X(e.chat.lastMessage));
     vt(
       () => e.chat.typing,
       () => {
-        e.chat.typing ? w = setInterval(() => {
-          g.value < 2 ? g.value += 1 : g.value = 0;
-        }, 1e3) : (g.value = 0, w && (clearInterval(w), w = void 0));
+        e.chat.typing ? M = setInterval(() => {
+          f.value < 2 ? f.value += 1 : f.value = 0;
+        }, 1e3) : (f.value = 0, M && (clearInterval(M), M = void 0));
       },
       { immediate: !0 }
     );
-    const st = () => {
-      e.contextMenuTrigger === "hover" && (h.value = !0);
-    }, at = (t) => {
-      e.contextMenuTrigger === "hover" && (t.relatedTarget instanceof HTMLElement && t.relatedTarget.className == "context-menu__list" ? h.value = !0 : h.value = !1);
+    const rt = () => {
+      e.contextMenuTrigger === "hover" && (g.value = !0);
     }, lt = (t) => {
-      e.contextMenuTrigger === "rightClick" && e.chat.actions && rt(t);
-    }, rt = (t) => {
-      Q(), y.value = !0, b(() => {
-        const n = document.getElementById("context-menu-rightclick-" + m);
+      e.contextMenuTrigger === "hover" && (t.relatedTarget instanceof HTMLElement && t.relatedTarget.className == "context-menu__list" ? g.value = !0 : g.value = !1);
+    }, ut = (t) => {
+      e.contextMenuTrigger === "rightClick" && e.chat.actions && dt(t);
+    }, dt = (t) => {
+      tt(), v.value = !0, b(() => {
+        const n = document.getElementById("context-menu-rightclick-" + h);
         if (n) {
-          const i = t.clientX, r = t.clientY;
+          const i = t.clientX, u = t.clientY;
           n.style.display = "inherit";
-          const u = n.getBoundingClientRect();
+          const a = n.getBoundingClientRect();
           n.style.display = "none", b(() => {
-            const mt = window.innerWidth, ht = window.innerHeight, v = window.scrollX || window.pageXOffset, p = window.scrollY || window.pageYOffset;
-            let k = i + v, _ = r + p;
-            k + u.width > mt + v && (k = i + v - u.width), _ + u.height > ht + p && (_ = r + p - u.height), k < v && (k = v), _ < p && (_ = p), n.style.top = _ + "px", n.style.left = k + "px", n.style.opacity = "1", n.style.display = "inherit";
+            const d = window.innerWidth, R = window.innerHeight, p = window.scrollX || window.pageXOffset, k = window.scrollY || window.pageYOffset;
+            let _ = i + p, x = u + k;
+            _ + a.width > d + p && (_ = i + p - a.width), x + a.height > R + k && (x = u + k - a.height), _ < p && (_ = p), x < k && (x = k), n.style.top = x + "px", n.style.left = _ + "px", n.style.opacity = "1", n.style.display = "inherit";
           });
         }
       });
-    }, ut = () => {
-    }, dt = () => {
-    }, Y = (t) => {
-      if (e.contextMenuTrigger === "rightClick" && y.value) {
-        const n = t.target, i = document.getElementById("context-menu-rightclick-" + m);
-        (!i || !i.contains(n)) && E();
+    }, mt = () => {
+    }, ht = () => {
+    }, F = (t) => {
+      if (e.contextMenuTrigger === "rightClick" && v.value) {
+        const n = t.target, i = document.getElementById("context-menu-rightclick-" + h);
+        (!i || !i.contains(n)) && B();
       }
-    }, F = () => {
-      e.contextMenuTrigger === "rightClick" && y.value && E();
+    }, H = () => {
+      e.contextMenuTrigger === "rightClick" && v.value && B();
     };
     return pt(() => {
-      e.contextMenuTrigger === "rightClick" && (document.addEventListener("click", Y), window.addEventListener("scroll", F, !0), b(() => {
-        const t = document.getElementById("context-menu-rightclick-" + m);
+      e.contextMenuTrigger === "rightClick" && (document.addEventListener("click", F), window.addEventListener("scroll", H, !0), b(() => {
+        const t = document.getElementById("context-menu-rightclick-" + h);
         t && (t.style.display = "none", t.style.opacity = "0");
       }));
     }), kt(() => {
-      document.removeEventListener("click", Y), window.removeEventListener("scroll", F, !0);
+      document.removeEventListener("click", F), window.removeEventListener("scroll", H, !0);
     }), (t, n) => (o(), s("div", null, [
-      a("div", {
+      r("div", {
         ref_key: "containerRef",
-        ref: q,
-        class: B(["chat-item__container", K()]),
-        onMouseenter: st,
-        onMouseleave: at,
-        onClick: G,
-        onContextmenu: _t(lt, ["prevent"])
+        ref: J,
+        class: A(["chat-item__container", Z()]),
+        onMouseenter: rt,
+        onMouseleave: lt,
+        onClick: P,
+        onContextmenu: _t(ut, ["prevent"])
       }, [
-        a("div", Lt, [
-          a("span", {
+        r("div", Dt, [
+          r("span", {
             class: "chat-item__status-user",
-            style: H({ backgroundColor: e.chat.status })
+            style: W({ backgroundColor: e.chat.status })
           }, null, 4),
           e.chat.avatar ? (o(), s("img", {
             key: 0,
             src: e.chat.avatar,
             height: "48",
             width: "48"
-          }, null, 8, Dt)) : (o(), s("div", Nt, [
-            A(Bt)
+          }, null, 8, Nt)) : (o(), s("div", Xt, [
+            V(bt)
           ]))
         ]),
-        a("div", Vt, [
-          A(W, {
+        r("div", Yt, [
+          V(z, {
             text: c.chat.name,
             position: "bottom"
           }, {
             default: S(() => [
-              a("div", Xt, d(c.chat.name), 1)
+              r("div", Ft, m(c.chat.name), 1)
             ]),
             _: 1
           }, 8, ["text"]),
-          A(W, {
-            text: ot.value,
+          V(z, {
+            text: st.value,
             position: "bottom"
           }, {
             default: S(() => [
-              c.chat.lastMessage || c.chat.typing ? (o(), s("div", Yt, [
-                X.value ? (o(), M(xt(X.value), {
+              c.chat.lastMessage || c.chat.typing ? (o(), s("div", Ht, [
+                Y.value ? (o(), I(xt(Y.value), {
                   key: 0,
                   class: "chat-item__message-icon"
                 })) : l("", !0),
-                a("span", Ft, d(ct.value), 1)
+                r("span", Rt, m(at.value), 1)
               ])) : l("", !0)
             ]),
             _: 1
           }, 8, ["text"])
         ]),
-        a("div", Ht, [
-          c.chat["lastActivity.time"] && (!c.chat.actions || !h.value) ? (o(), s("div", Rt, d(c.chat["lastActivity.time"]), 1)) : l("", !0),
-          h.value && c.chat.actions && c.contextMenuTrigger === "hover" ? (o(), M(Et, {
+        r("div", Wt, [
+          c.chat["lastActivity.time"] && (!c.chat.actions || !g.value) ? (o(), s("div", $t, m(c.chat["lastActivity.time"]), 1)) : l("", !0),
+          g.value && c.chat.actions && c.contextMenuTrigger === "hover" ? (o(), I(Et, {
             key: 1,
             mode: "click",
             "menu-side": "bottom-right",
             actions: c.chat.actions,
             onClick: D,
-            onButtonClick: j,
-            onMenuMouseLeave: n[0] || (n[0] = (i) => h.value = !1)
+            onButtonClick: K,
+            onMenuMouseLeave: n[0] || (n[0] = (i) => g.value = !1)
           }, {
             default: S(() => [...n[2] || (n[2] = [
-              a("span", { class: "pi pi-ellipsis-h chat-item__actions-trigger" }, null, -1)
+              r("span", { class: "pi pi-ellipsis-h chat-item__actions-trigger" }, null, -1)
             ])]),
             _: 1
           }, 8, ["actions"])) : l("", !0),
-          (o(), M(Ct, { to: "body" }, [
-            c.contextMenuTrigger === "rightClick" && c.chat.actions && y.value ? (o(), M(bt, {
+          (o(), I(Ct, { to: "body" }, [
+            c.contextMenuTrigger === "rightClick" && c.chat.actions && v.value ? (o(), I(Bt, {
               key: 0,
-              id: "context-menu-rightclick-" + T(m),
+              id: "context-menu-rightclick-" + T(h),
               actions: c.chat.actions,
               "data-theme": T(L)().theme ? T(L)().theme : "light",
               onClick: D,
-              onMouseenter: ut,
-              onMouseleave: dt
+              onMouseenter: mt,
+              onMouseleave: ht
             }, null, 8, ["id", "actions", "data-theme"])) : l("", !0)
           ])),
-          a("div", Wt, [
-            T(Tt).includes(c.chat["lastMessage.status"]) ? (o(), s("div", {
+          r("div", zt, [
+            T(It).includes(c.chat["lastMessage.status"]) ? (o(), s("div", {
               key: 0,
-              class: B(["chat-item__status-message", tt.value])
+              class: A(["chat-item__status-message", nt.value])
             }, [
-              c.chat["lastMessage.status"] === "pending" ? (o(), s("span", Ot)) : c.chat["lastMessage.status"] === "error" ? (o(), s("span", $t)) : (o(), s(R, { key: 2 }, [
-                c.chat["lastMessage.status"] !== "sent" ? (o(), s("span", zt)) : l("", !0),
-                n[3] || (n[3] = a("span", { class: "pi pi-check" }, null, -1))
+              c.chat["lastMessage.status"] === "pending" ? (o(), s("span", Ot)) : c.chat["lastMessage.status"] === "error" ? (o(), s("span", qt)) : (o(), s($, { key: 2 }, [
+                c.chat["lastMessage.status"] !== "sent" ? (o(), s("span", Gt)) : l("", !0),
+                n[3] || (n[3] = r("span", { class: "pi pi-check" }, null, -1))
               ], 64))
             ], 2)) : l("", !0),
-            et.value ? (o(), s("div", qt, d(nt.value), 1)) : l("", !0)
+            it.value ? (o(), s("div", Jt, m(ot.value), 1)) : l("", !0)
           ]),
-          c.chat.countUnread < 1 ? (o(), s("div", jt, [
-            c.chat.isFixedTop || c.chat.isFixedBottom ? (o(), s("span", Gt)) : l("", !0)
+          c.chat.countUnread < 1 ? (o(), s("div", Kt, [
+            c.chat.isFixedTop || c.chat.isFixedBottom ? (o(), s("span", Pt)) : l("", !0)
           ])) : l("", !0)
         ]),
         e.showDialogs && c.chat.dialogs ? (o(), s("div", {
           key: 0,
           class: "chat-item__dialog-buttons",
-          onClick: n[1] || (n[1] = (i) => C("expand", e.chat))
+          onClick: n[1] || (n[1] = (i) => w("expand", e.chat))
         }, [
-          e.showDialogs && !c.chat.dialogsExpanded ? (o(), s("button", Jt, [...n[4] || (n[4] = [
-            a("span", {
+          e.showDialogs && !c.chat.dialogsExpanded ? (o(), s("button", Qt, [...n[4] || (n[4] = [
+            r("span", {
               id: "noSelectButton",
               class: "pi pi-angle-down"
             }, null, -1)
           ])])) : l("", !0),
-          e.showDialogs && c.chat.dialogsExpanded ? (o(), s("button", Kt, [...n[5] || (n[5] = [
-            a("span", {
+          e.showDialogs && c.chat.dialogsExpanded ? (o(), s("button", Zt, [...n[5] || (n[5] = [
+            r("span", {
               id: "noSelectButton",
               class: "pi pi-angle-up"
             }, null, -1)
           ])])) : l("", !0)
         ])) : l("", !0)
       ], 34),
-      e.showDialogs && c.chat.dialogsExpanded ? (o(), s("div", Pt, [
-        (o(!0), s(R, null, wt(Z(), (i) => (o(), s("div", {
+      e.showDialogs && c.chat.dialogsExpanded ? (o(), s("div", jt, [
+        (o(!0), s($, null, wt(et(), (i) => (o(), s("div", {
           key: i.dialogId,
-          class: B(["dialog__item", P(i)]),
-          onClick: (r) => J(i)
+          class: A(["dialog__item", j(i)]),
+          onClick: (u) => Q(i)
         }, [
           i.icon ? (o(), s("img", {
             key: 0,
@@ -284,21 +292,21 @@ const Lt = { class: "chat-item__avatar-container" }, Dt = ["src"], Nt = {
             src: i.icon,
             height: "16",
             width: "16"
-          }, null, 8, Zt)) : (o(), s("span", te)),
-          a("div", ee, [
-            a("div", ne, d(i.name), 1),
-            a("div", ie, d(i["lastActivity.time"]), 1)
+          }, null, 8, ee)) : (o(), s("span", ne)),
+          r("div", ie, [
+            r("div", oe, m(i.name), 1),
+            r("div", ce, m(i["lastActivity.time"]), 1)
           ]),
           i.countUnread > 0 ? (o(), s("div", {
             key: 2,
             class: "chat-item__unread",
-            style: H(i.colorUnread ? { backgroundColor: i.colorUnread } : {})
-          }, d(i.countUnread > 99 ? "99+" : i.countUnread), 5)) : l("", !0)
-        ], 10, Qt))), 128))
+            style: W(i.colorUnread ? { backgroundColor: i.colorUnread } : {})
+          }, m(i.countUnread > 99 ? "99+" : i.countUnread), 5)) : l("", !0)
+        ], 10, te))), 128))
       ])) : l("", !0)
     ]));
   }
 });
 export {
-  Ce as default
+  Te as default
 };

package/dist/components/2_chatlist_elements/ChatItem/icons/AudioIcon.vue.js

@@ -0,0 +1,24 @@
+import { createElementBlock as e, openBlock as t, createElementVNode as r } from "vue";
+import n from "../../../../_virtual/_plugin-vue_export-helper.js";
+const s = {}, i = {
+  width: "800px",
+  height: "800px",
+  viewBox: "0 0 24 24",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function c(l, o) {
+  return t(), e("svg", i, [...o[0] || (o[0] = [
+    r("path", {
+      d: "M9 19C9 20.1046 7.65685 21 6 21C4.34315 21 3 20.1046 3 19C3 17.8954 4.34315 17 6 17C7.65685 17 9 17.8954 9 19ZM9 19V5L21 3V17M21 17C21 18.1046 19.6569 19 18 19C16.3431 19 15 18.1046 15 17C15 15.8954 16.3431 15 18 15C19.6569 15 21 15.8954 21 17ZM9 9L21 7",
+      stroke: "currentColor",
+      "stroke-width": "2",
+      "stroke-linecap": "round",
+      "stroke-linejoin": "round"
+    }, null, -1)
+  ])]);
+}
+const C = /* @__PURE__ */ n(s, [["render", c]]);
+export {
+  C as default
+};

package/dist/components/2_chatlist_elements/ChatItem/icons/VoiceIcon.vue.js

@@ -0,0 +1,19 @@
+import { createElementBlock as e, openBlock as r, createStaticVNode as o } from "vue";
+import i from "../../../../_virtual/_plugin-vue_export-helper.js";
+const n = {}, l = {
+  width: "16px",
+  height: "16px",
+  viewBox: "4 2 16 20",
+  version: "1.1",
+  xmlns: "http://www.w3.org/2000/svg",
+  "xmlns:xlink": "http://www.w3.org/1999/xlink"
+};
+function s(c, t) {
+  return r(), e("svg", l, [...t[0] || (t[0] = [
+    o('<title>Mic</title><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Mic"><rect id="Rectangle" stroke="currentColor" stroke-width="2" stroke-linecap="round" x="9" y="3" width="6" height="11" rx="3"></rect><line id="Path" x1="12" y1="18" x2="12" y2="21" stroke="currentColor" stroke-width="2" stroke-linecap="round"></line><line id="Path" x1="8" y1="21" x2="16" y2="21" stroke="currentColor" stroke-width="2" stroke-linecap="round"></line><path id="Path" d="M19,11 C19,14.866 15.866,18 12,18 C8.13401,18 5,14.866 5,11" stroke="currentColor" stroke-width="2" stroke-linecap="round"></path></g></g>', 2)
+  ])]);
+}
+const k = /* @__PURE__ */ i(n, [["render", s]]);
+export {
+  k as default
+};

package/dist/types/apps/data/chats.d.ts

@@ -190,6 +190,7 @@ export declare const chats: ({
             text: string;
             url: string;
             filename: string;
+            isVoiceMessage?: undefined;
         };
     };
     'lastMessage.status': string;
@@ -243,6 +244,7 @@ export declare const chats: ({
             text: string;
             url: string;
             filename: string;
+            isVoiceMessage?: undefined;
         };
     };
     'lastActivity.time': string;
@@ -297,6 +299,7 @@ export declare const chats: ({
             text: string;
             url: string;
             filename: string;
+            isVoiceMessage?: undefined;
         };
     };
     'lastActivity.time': string;
@@ -366,6 +369,7 @@ export declare const chats: ({
             text: string;
             url: string;
             filename: string;
+            isVoiceMessage?: undefined;
         };
     };
     'lastActivity.time': string;
@@ -387,6 +391,70 @@ export declare const chats: ({
     isFixedTop?: undefined;
     statusMessage?: undefined;
     isFixed?: undefined;
+} | {
+    chatId: number;
+    name: string;
+    countUnread: number;
+    lastMessage: {
+        type: string;
+        data: {
+            url: string;
+            filename: string;
+            text?: undefined;
+            isVoiceMessage?: undefined;
+        };
+    };
+    'lastMessage.status': string;
+    'lastActivity.time': string;
+    'lastActivity.timestamp': string;
+    actions: {
+        action: string;
+        title: string;
+    }[];
+    metadata: string;
+    avatar?: undefined;
+    isFixedBottom?: undefined;
+    status?: undefined;
+    typing?: undefined;
+    dialogsExpanded?: undefined;
+    dialogs?: undefined;
+    contact?: undefined;
+    colorUnread?: undefined;
+    isFixedTop?: undefined;
+    statusMessage?: undefined;
+    isFixed?: undefined;
+} | {
+    chatId: number;
+    name: string;
+    countUnread: number;
+    lastMessage: {
+        type: string;
+        data: {
+            url: string;
+            filename: string;
+            isVoiceMessage: boolean;
+            text?: undefined;
+        };
+    };
+    'lastMessage.status': string;
+    'lastActivity.time': string;
+    'lastActivity.timestamp': string;
+    actions: {
+        action: string;
+        title: string;
+    }[];
+    metadata: string;
+    avatar?: undefined;
+    isFixedBottom?: undefined;
+    status?: undefined;
+    typing?: undefined;
+    dialogsExpanded?: undefined;
+    dialogs?: undefined;
+    contact?: undefined;
+    colorUnread?: undefined;
+    isFixedTop?: undefined;
+    statusMessage?: undefined;
+    isFixed?: undefined;
 } | {
     chatId: number;
     name: string;

package/dist/types/components/2_chatlist_elements/ChatItem/icons/AudioIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/components/2_chatlist_elements/ChatItem/icons/VoiceIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/components/2_chatlist_elements/ChatItem/types.d.ts

@@ -29,10 +29,12 @@ export interface ILastMessageObject {
     channelId?: string;
     senderId?: string;
     type?: string;
+    isVoiceMessage?: boolean;
     data?: {
         text?: string;
         url?: string;
         filename?: string;
+        isVoiceMessage?: boolean;
     };
     timestampms?: number;
     channel?: {