@mobilon-dev/chotto 0.3.109 → 0.3.111

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

@@ -1,11 +1,10 @@
-import { defineComponent as Vt, inject as Ht, useId as Nt, ref as M, computed as u, watch as Ut, onMounted as Dt, nextTick as D, onUnmounted as Ft, createElementBlock as c, openBlock as o, createElementVNode as m, createCommentVNode as r, withModifiers as Pt, normalizeClass as F, normalizeStyle as et, createVNode as P, withCtx as R, toDisplayString as f, createBlock as d, resolveDynamicComponent as nt, unref as h, Teleport as Rt, Fragment as Wt, renderList as jt } from "vue";
-import { getStatus as Xt, statuses as Yt } from "../../../functions/getStatusMessage.js";
+import { defineComponent as Dt, inject as Ht, useId as Nt, ref as M, computed as u, watch as Ut, onMounted as Ft, nextTick as U, onUnmounted as Pt, createElementBlock as c, openBlock as o, createElementVNode as m, createCommentVNode as r, withModifiers as Rt, normalizeClass as F, normalizeStyle as et, createVNode as P, withCtx as R, toDisplayString as f, createBlock as d, resolveDynamicComponent as nt, unref as h, Teleport as Wt, Fragment as jt, renderList as Xt } from "vue";
+import { getStatus as Yt, statuses as $t } from "../../../functions/getStatusMessage.js";
 import "../../../functions/parseMarkdown.js";
-import { t as L } from "../../../locale/useLocale.js";
-import { getChatDraft as $t } from "../../../hooks/useMessageDraft.js";
-import "../../../hooks/useSearchModel.js";
-import { useTheme as zt } from "../../../hooks/useTheme.js";
-import { useEmojiNative as Ot } from "../../../hooks/useEmojiNative.js";
+import { t as b } from "../../../locale/useLocale.js";
+import { resolveMessageDraftStore as zt } from "../../../hooks/useMessageDraft.js";
+import { useTheme as Ot } from "../../../hooks/useTheme.js";
+import { useEmojiNative as qt } from "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
 /* empty css                                                            */
@@ -13,66 +12,66 @@ import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import { textToAppleEmojiHtml as W, textContainsEmoji as it } from "../../../functions/renderAppleEmojis.js";
 import ot from "../../1_atoms/Tooltip/Tooltip.vue.js";
-import qt from "../../1_atoms/ButtonContextMenu/ButtonContextMenu.vue.js";
-import Gt from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
-import Jt from "../../1_icons/AvatarIcon.vue.js";
-import Kt from "../../1_icons/MessageStatus/ErrorStatusIcon.vue.js";
-import Qt from "../../1_icons/MessageStatus/PendingStatusIcon.vue.js";
-import Zt from "../../1_icons/MessageStatus/ReadStatusIcon.vue.js";
-import te from "../../1_icons/MessageStatus/ReceivedStatusIcon.vue.js";
-import ee from "../../1_icons/MessageStatus/SentStatusIcon.vue.js";
+import Gt from "../../1_atoms/ButtonContextMenu/ButtonContextMenu.vue.js";
+import Jt from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
+import Kt from "../../1_icons/AvatarIcon.vue.js";
+import Qt from "../../1_icons/MessageStatus/ErrorStatusIcon.vue.js";
+import Zt from "../../1_icons/MessageStatus/PendingStatusIcon.vue.js";
+import te from "../../1_icons/MessageStatus/ReadStatusIcon.vue.js";
+import ee from "../../1_icons/MessageStatus/ReceivedStatusIcon.vue.js";
+import ne from "../../1_icons/MessageStatus/SentStatusIcon.vue.js";
 import at from "./icons/AudioIcon.vue.js";
 import j from "./icons/FileIcon.vue.js";
 import ct from "./icons/ImageIcon.vue.js";
-import ne from "./icons/MissedCallIcon.vue.js";
+import ie from "./icons/MissedCallIcon.vue.js";
 import X from "./icons/StickerIcon.vue.js";
 import st from "./icons/VideoIcon.vue.js";
 import rt from "./icons/VoiceIcon.vue.js";
-const ie = { class: "chat-item__avatar-container" }, oe = ["src"], ae = {
+const oe = ["data-chat-id"], ae = { class: "chat-item__avatar-container" }, ce = ["src"], se = {
   key: 1,
   class: "chat-item__avatar-placeholder"
-}, ce = { class: "chat-item__info-container" }, se = ["innerHTML"], re = {
+}, re = { class: "chat-item__info-container" }, le = ["innerHTML"], ue = {
   key: 1,
   class: "chat-item__name"
-}, le = {
+}, me = {
   key: 0,
   class: "chat-item__last-message"
-}, ue = {
+}, de = {
   key: 1,
   class: "chat-item__last-message-text chat-item__last-message-text--draft"
-}, me = { class: "chat-item__draft-label" }, de = ["innerHTML"], he = {
+}, he = { class: "chat-item__draft-label" }, fe = ["innerHTML"], ve = {
   key: 2,
   class: "chat-item__draft-text"
-}, fe = ["innerHTML"], ve = {
+}, ge = ["innerHTML"], ye = {
   key: 3,
   class: "chat-item__last-message-text"
-}, ge = { class: "chat-item__details-container" }, ye = {
+}, pe = { class: "chat-item__details-container" }, _e = {
   key: 0,
   class: "chat-item__time"
-}, pe = { class: "chat-item__status-unread-container" }, _e = {
+}, ke = { class: "chat-item__status-unread-container" }, xe = {
   key: 1,
   class: "chat-item__unread"
-}, ke = {
+}, we = {
   key: 2,
   class: "chat-item__status-chat-container"
-}, xe = {
+}, Ce = {
   key: 0,
   class: "chat-item__fixed pi pi-thumbtack"
-}, we = {
+}, Ie = {
   key: 0,
   id: "noSelectButton",
   class: "chat-item__menu-button"
-}, Ce = {
+}, Te = {
   key: 1,
   id: "noSelectButton",
   class: "chat-item__menu-button"
-}, Ie = {
+}, Me = {
   key: 0,
   class: "dialog__container"
-}, Te = ["onClick"], Me = ["src"], Ee = {
+}, Ee = ["onClick"], Se = ["src"], Le = {
   key: 1,
   class: "dialog__icon pi pi-user"
-}, Se = { class: "dialog__text-container" }, Le = { class: "dialog__name" }, be = { class: "dialog__time" }, rn = /* @__PURE__ */ Vt({
+}, be = { class: "dialog__text-container" }, Ae = { class: "dialog__name" }, Be = { class: "dialog__time" }, ln = /* @__PURE__ */ Dt({
   __name: "ChatItem",
   props: {
     chat: {},
@@ -81,25 +80,25 @@ const ie = { class: "chat-item__avatar-container" }, oe = ["src"], ae = {
   },
   emits: ["select", "action", "expand"],
   setup(a, { emit: lt }) {
-    const b = Ht("chatAppId"), { getTheme: Y } = zt(b), { isNative: $, emojiSrc: A } = Ot(b), n = a, E = lt, y = Nt(), p = M(!1), k = M(!1), B = M(!1), ut = M(null), mt = () => {
+    const E = Ht("chatAppId"), { getTheme: Y } = Ot(E), { isNative: $, emojiSrc: A } = qt(E), ut = zt(String(E ?? "")), n = a, S = lt, y = Nt(), p = M(!1), k = M(!1), B = M(!1), mt = M(null), dt = () => {
       B.value = !0;
-    }, dt = (t) => {
-      B.value || t.target instanceof HTMLElement && t.target.id != "noSelectButton" && E("select", { chat: n.chat, dialog: null }), B.value = !1;
     }, ht = (t) => {
-      E("select", { chat: n.chat, dialog: t });
-    }, ft = () => n.chat.isSelected ? "chat-item__selected" : "", vt = (t) => t.isSelected ? "dialog__selected" : "", z = (t) => {
-      n.contextMenuTrigger === "rightClick" && V(), E("action", { chat: n.chat, ...t });
+      B.value || t.target instanceof HTMLElement && t.target.id != "noSelectButton" && S("select", { chat: n.chat, dialog: null }), B.value = !1;
+    }, ft = (t) => {
+      S("select", { chat: n.chat, dialog: t });
+    }, vt = () => n.chat.isSelected ? "chat-item__selected" : "", gt = (t) => t.isSelected ? "dialog__selected" : "", z = (t) => {
+      n.contextMenuTrigger === "rightClick" && V(), S("action", { chat: n.chat, ...t });
     }, V = () => {
       const t = document.getElementById("context-menu-rightclick-" + y);
       t && (t.style.top = "0", t.style.left = "0", t.style.opacity = "0", t.style.display = "none"), k.value = !1;
-    }, gt = () => {
+    }, yt = () => {
       document.querySelectorAll('[id^="context-menu-rightclick-"]').forEach((e) => {
         const i = e;
         i.id !== "context-menu-rightclick-" + y && (i.style.top = "0", i.style.left = "0", i.style.opacity = "0", i.style.display = "none");
       });
-    }, yt = () => n.chat.dialogs ? [...n.chat.dialogs].sort((t, e) => Number(t["lastActivity.timestamp"]) > Number(e["lastActivity.timestamp"]) ? -1 : Number(t["lastActivity.timestamp"]) < Number(e["lastActivity.timestamp"]) ? 1 : (Number(t["lastActivity.timestamp"]) == Number(e["lastActivity.timestamp"]), 0)) : [], pt = u(() => Xt(n.chat["lastMessage.status"])), _t = u(() => n.chat.showEmptyIndicator || n.chat.countUnread > 0), kt = u(() => n.chat.countUnread > 0 ? n.chat.countUnread > 99 ? "99+" : n.chat.countUnread : n.chat.showEmptyIndicator ? "" : void 0);
-    let S;
-    const _ = M(0), O = [L("component.ChatItem.typing") + ".", L("component.ChatItem.typing") + "..", L("component.ChatItem.typing") + "..."], q = (t) => {
+    }, pt = () => n.chat.dialogs ? [...n.chat.dialogs].sort((t, e) => Number(t["lastActivity.timestamp"]) > Number(e["lastActivity.timestamp"]) ? -1 : Number(t["lastActivity.timestamp"]) < Number(e["lastActivity.timestamp"]) ? 1 : (Number(t["lastActivity.timestamp"]) == Number(e["lastActivity.timestamp"]), 0)) : [], _t = u(() => Yt(n.chat["lastMessage.status"])), kt = u(() => n.chat.showEmptyIndicator || n.chat.countUnread > 0), xt = u(() => n.chat.countUnread > 0 ? n.chat.countUnread > 99 ? "99+" : n.chat.countUnread : n.chat.showEmptyIndicator ? "" : void 0);
+    let L;
+    const _ = M(0), O = [b("component.ChatItem.typing") + ".", b("component.ChatItem.typing") + "..", b("component.ChatItem.typing") + "..."], q = (t) => {
       var l, s, v;
       if (typeof t == "string")
         return t;
@@ -114,24 +113,25 @@ const ie = { class: "chat-item__avatar-container" }, oe = ["src"], ae = {
         return e;
       const i = (v = t == null ? void 0 : t.data) == null ? void 0 : v.filename;
       return i || "";
-    }, xt = (t) => typeof t == "string" ? null : (t == null ? void 0 : t.type) || null, H = L("component.ChatItem.draft"), N = u(() => {
-      const t = $t(String(b ?? ""), n.chat.chatId);
-      if (!(!t || t.edit) && !(!t.listPreviewText && !t.listPreviewFile) && !(!(t.text || "").trim() && !t.file))
+    }, wt = (t) => typeof t == "string" ? null : (t == null ? void 0 : t.type) || null, D = b("component.ChatItem.draft"), H = u(() => {
+      var e;
+      const t = ut.getChatDraft(String(E ?? ""), n.chat.chatId);
+      if (!(!t || t.edit) && !(!t.listPreviewText && !t.listPreviewFile) && !(!(t.text || "").trim() && !t.file && !((e = t.files) != null && e.length)))
         return t;
-    }), x = u(() => !!N.value), g = u(() => {
+    }), x = u(() => !!H.value), g = u(() => {
       var e;
-      const t = N.value;
+      const t = H.value;
       return t ? t.file ? (((e = t.listPreviewFile) == null ? void 0 : e.name) || t.file.name || "").trim() : (t.listPreviewText || "").trim() : "";
     }), G = u(() => {
-      const t = N.value;
+      const t = H.value;
       if (!(t != null && t.file)) return null;
       const e = t.listPreviewFile, i = ((e == null ? void 0 : e.type) || t.file.type || "").toLowerCase(), l = ((e == null ? void 0 : e.name) || t.file.name || "").toLowerCase();
       return i === "sticker" || l.endsWith(".tgs") || l.endsWith(".webp") ? X : i === "image" || i.includes("image") ? ct : i === "video" || i.includes("video") ? st : i === "audio" || i.includes("audio") ? l.includes("voice") || l.includes("голос") ? rt : at : i === "file" || l ? j : j;
-    }), wt = u(() => W(g.value || "", null, A.value)), J = u(() => {
+    }), Ct = u(() => W(g.value || "", null, A.value)), J = u(() => {
       var e, i, l;
       if (n.chat.typing || x.value)
         return null;
-      const t = xt(n.chat.lastMessage);
+      const t = wt(n.chat.lastMessage);
       if (!t)
         return null;
       if (t === "message.sticker")
@@ -145,48 +145,48 @@ const ie = { class: "chat-item__avatar-container" }, oe = ["src"], ae = {
         return (s.isVoiceMessage || ((e = s == null ? void 0 : s.data) == null ? void 0 : e.isVoiceMessage)) === !0 ? rt : at;
       }
       if (t === "message.missedCall")
-        return ne;
+        return ie;
       if (t === "message.file") {
         const s = n.chat.lastMessage, v = ((l = (i = s == null ? void 0 : s.data) == null ? void 0 : i.filename) == null ? void 0 : l.toLowerCase()) || "";
         return v.endsWith(".tgs") || v.endsWith(".webp") ? X : j;
       }
       return null;
-    }), Ct = u(() => n.chat.typing ? O[_.value] : x.value ? g.value ? `${H} ${g.value}` : H : q(n.chat.lastMessage)), U = u(() => n.chat.typing ? O[_.value] : q(n.chat.lastMessage)), K = u(
-      () => !$.value && it(g.value || U.value || "")
-    ), It = u(
+    }), It = u(() => n.chat.typing ? O[_.value] : x.value ? g.value ? `${D} ${g.value}` : D : q(n.chat.lastMessage)), N = u(() => n.chat.typing ? O[_.value] : q(n.chat.lastMessage)), K = u(
+      () => !$.value && it(g.value || N.value || "")
+    ), Tt = u(
       () => !$.value && it(n.chat.name || "")
-    ), Tt = u(() => W(U.value || "", null, A.value)), Mt = u(() => W(n.chat.name || "", null, A.value));
+    ), Mt = u(() => W(N.value || "", null, A.value)), Et = u(() => W(n.chat.name || "", null, A.value));
     Ut(
       () => n.chat.typing,
       () => {
-        n.chat.typing ? S = setInterval(() => {
+        n.chat.typing ? L = setInterval(() => {
           _.value < 2 ? _.value += 1 : _.value = 0;
-        }, 1e3) : (_.value = 0, S && (clearInterval(S), S = void 0));
+        }, 1e3) : (_.value = 0, L && (clearInterval(L), L = void 0));
       },
       { immediate: !0 }
     );
-    const Et = () => {
+    const St = () => {
       n.contextMenuTrigger === "hover" && (p.value = !0);
-    }, St = (t) => {
-      n.contextMenuTrigger === "hover" && (t.relatedTarget instanceof HTMLElement && t.relatedTarget.className == "context-menu__list" ? p.value = !0 : p.value = !1);
     }, Lt = (t) => {
-      n.contextMenuTrigger === "rightClick" && n.chat.actions && bt(t);
+      n.contextMenuTrigger === "hover" && (t.relatedTarget instanceof HTMLElement && t.relatedTarget.className == "context-menu__list" ? p.value = !0 : p.value = !1);
     }, bt = (t) => {
-      gt(), k.value = !0, D(() => {
+      n.contextMenuTrigger === "rightClick" && n.chat.actions && At(t);
+    }, At = (t) => {
+      yt(), k.value = !0, U(() => {
         const e = document.getElementById("context-menu-rightclick-" + y);
         if (e) {
           const i = t.clientX, l = t.clientY;
           e.style.display = "inherit";
           const s = e.getBoundingClientRect();
-          e.style.display = "none", D(() => {
+          e.style.display = "none", U(() => {
             const v = window.innerWidth, tt = window.innerHeight, w = window.scrollX || window.pageXOffset, C = window.scrollY || window.pageYOffset;
             let I = i + w, T = l + C;
             I + s.width > v + w && (I = i + w - s.width), T + s.height > tt + C && (T = l + C - s.height), I < w && (I = w), T < C && (T = C), e.style.top = T + "px", e.style.left = I + "px", e.style.opacity = "1", e.style.display = "inherit";
           });
         }
       });
-    }, At = () => {
     }, Bt = () => {
+    }, Vt = () => {
     }, Q = (t) => {
       if (n.contextMenuTrigger === "rightClick" && k.value) {
         const e = t.target, i = document.getElementById("context-menu-rightclick-" + y);
@@ -195,24 +195,26 @@ const ie = { class: "chat-item__avatar-container" }, oe = ["src"], ae = {
     }, Z = () => {
       n.contextMenuTrigger === "rightClick" && k.value && V();
     };
-    return Dt(() => {
-      n.contextMenuTrigger === "rightClick" && (document.addEventListener("click", Q), window.addEventListener("scroll", Z, !0), D(() => {
+    return Ft(() => {
+      n.contextMenuTrigger === "rightClick" && (document.addEventListener("click", Q), window.addEventListener("scroll", Z, !0), U(() => {
         const t = document.getElementById("context-menu-rightclick-" + y);
         t && (t.style.display = "none", t.style.opacity = "0");
       }));
-    }), Ft(() => {
+    }), Pt(() => {
       document.removeEventListener("click", Q), window.removeEventListener("scroll", Z, !0);
     }), (t, e) => (o(), c("div", null, [
       m("div", {
         ref_key: "containerRef",
-        ref: ut,
-        class: F(["chat-item__container", ft()]),
-        onMouseenter: Et,
-        onMouseleave: St,
-        onClick: dt,
-        onContextmenu: Pt(Lt, ["prevent"])
+        ref: mt,
+        class: F(["chat-item__container", vt()]),
+        "data-testid": "chat-item",
+        "data-chat-id": n.chat.chatId,
+        onMouseenter: St,
+        onMouseleave: Lt,
+        onClick: ht,
+        onContextmenu: Rt(bt, ["prevent"])
       }, [
-        m("div", ie, [
+        m("div", ae, [
           m("span", {
             class: "chat-item__status-user",
             style: et({ backgroundColor: n.chat.status })
@@ -222,36 +224,36 @@ const ie = { class: "chat-item__avatar-container" }, oe = ["src"], ae = {
             src: n.chat.avatar,
             height: "48",
             width: "48"
-          }, null, 8, oe)) : (o(), c("div", ae, [
-            P(Jt)
+          }, null, 8, ce)) : (o(), c("div", se, [
+            P(Kt)
           ]))
         ]),
-        m("div", ce, [
+        m("div", re, [
           P(ot, {
             text: a.chat.name,
             position: "bottom"
           }, {
             default: R(() => [
-              It.value ? (o(), c("div", {
+              Tt.value ? (o(), c("div", {
                 key: 0,
                 class: "chat-item__name",
-                innerHTML: Mt.value
-              }, null, 8, se)) : (o(), c("div", re, f(a.chat.name), 1))
+                innerHTML: Et.value
+              }, null, 8, le)) : (o(), c("div", ue, f(a.chat.name), 1))
             ]),
             _: 1
           }, 8, ["text"]),
           P(ot, {
-            text: Ct.value,
+            text: It.value,
             position: "bottom"
           }, {
             default: R(() => [
-              a.chat.lastMessage || a.chat.typing || x.value ? (o(), c("div", le, [
+              a.chat.lastMessage || a.chat.typing || x.value ? (o(), c("div", me, [
                 J.value && !x.value ? (o(), d(nt(J.value), {
                   key: 0,
                   class: "chat-item__message-icon"
                 })) : r("", !0),
-                x.value ? (o(), c("span", ue, [
-                  m("span", me, f(h(H)), 1),
+                x.value ? (o(), c("span", de, [
+                  m("span", he, f(h(D)), 1),
                   G.value ? (o(), d(nt(G.value), {
                     key: 0,
                     class: "chat-item__message-icon"
@@ -259,27 +261,27 @@ const ie = { class: "chat-item__avatar-container" }, oe = ["src"], ae = {
                   g.value && K.value ? (o(), c("span", {
                     key: 1,
                     class: "chat-item__draft-text",
-                    innerHTML: wt.value
-                  }, null, 8, de)) : g.value ? (o(), c("span", he, f(g.value), 1)) : r("", !0)
+                    innerHTML: Ct.value
+                  }, null, 8, fe)) : g.value ? (o(), c("span", ve, f(g.value), 1)) : r("", !0)
                 ])) : K.value ? (o(), c("span", {
                   key: 2,
                   class: "chat-item__last-message-text",
-                  innerHTML: Tt.value
-                }, null, 8, fe)) : (o(), c("span", ve, f(U.value), 1))
+                  innerHTML: Mt.value
+                }, null, 8, ge)) : (o(), c("span", ye, f(N.value), 1))
               ])) : r("", !0)
             ]),
             _: 1
           }, 8, ["text"])
         ]),
-        m("div", ge, [
-          a.chat["lastActivity.time"] && (!a.chat.actions || !p.value) ? (o(), c("div", ye, f(a.chat["lastActivity.time"]), 1)) : r("", !0),
-          p.value && a.chat.actions && a.contextMenuTrigger === "hover" ? (o(), d(qt, {
+        m("div", pe, [
+          a.chat["lastActivity.time"] && (!a.chat.actions || !p.value) ? (o(), c("div", _e, f(a.chat["lastActivity.time"]), 1)) : r("", !0),
+          p.value && a.chat.actions && a.contextMenuTrigger === "hover" ? (o(), d(Gt, {
             key: 1,
             mode: "click",
             "menu-side": "bottom-right",
             actions: a.chat.actions,
             onClick: z,
-            onButtonClick: mt,
+            onButtonClick: dt,
             onMenuMouseLeave: e[0] || (e[0] = (i) => p.value = !1)
           }, {
             default: R(() => [...e[2] || (e[2] = [
@@ -287,54 +289,54 @@ const ie = { class: "chat-item__avatar-container" }, oe = ["src"], ae = {
             ])]),
             _: 1
           }, 8, ["actions"])) : r("", !0),
-          (o(), d(Rt, { to: "body" }, [
-            a.contextMenuTrigger === "rightClick" && a.chat.actions && k.value ? (o(), d(Gt, {
+          (o(), d(Wt, { to: "body" }, [
+            a.contextMenuTrigger === "rightClick" && a.chat.actions && k.value ? (o(), d(Jt, {
               key: 0,
               id: "context-menu-rightclick-" + h(y),
               actions: a.chat.actions,
               "data-theme": h(Y)().theme ? h(Y)().theme : "light",
               onClick: z,
-              onMouseenter: At,
-              onMouseleave: Bt
+              onMouseenter: Bt,
+              onMouseleave: Vt
             }, null, 8, ["id", "actions", "data-theme"])) : r("", !0)
           ])),
-          m("div", pe, [
-            h(Yt).includes(a.chat["lastMessage.status"]) ? (o(), c("div", {
+          m("div", ke, [
+            h($t).includes(a.chat["lastMessage.status"]) ? (o(), c("div", {
               key: 0,
-              class: F(["chat-item__status-message", pt.value])
+              class: F(["chat-item__status-message", _t.value])
             }, [
-              a.chat["lastMessage.status"] === "pending" ? (o(), d(h(Qt), { key: 0 })) : a.chat["lastMessage.status"] === "error" ? (o(), d(h(Kt), { key: 1 })) : a.chat["lastMessage.status"] === "read" ? (o(), d(h(Zt), { key: 2 })) : a.chat["lastMessage.status"] === "received" ? (o(), d(h(te), { key: 3 })) : (o(), d(h(ee), { key: 4 }))
+              a.chat["lastMessage.status"] === "pending" ? (o(), d(h(Zt), { key: 0 })) : a.chat["lastMessage.status"] === "error" ? (o(), d(h(Qt), { key: 1 })) : a.chat["lastMessage.status"] === "read" ? (o(), d(h(te), { key: 2 })) : a.chat["lastMessage.status"] === "received" ? (o(), d(h(ee), { key: 3 })) : (o(), d(h(ne), { key: 4 }))
             ], 2)) : r("", !0),
-            _t.value ? (o(), c("div", _e, f(kt.value), 1)) : r("", !0)
+            kt.value ? (o(), c("div", xe, f(xt.value), 1)) : r("", !0)
           ]),
-          a.chat.countUnread < 1 ? (o(), c("div", ke, [
-            a.chat.isFixedTop || a.chat.isFixedBottom ? (o(), c("span", xe)) : r("", !0)
+          a.chat.countUnread < 1 ? (o(), c("div", we, [
+            a.chat.isFixedTop || a.chat.isFixedBottom ? (o(), c("span", Ce)) : r("", !0)
           ])) : r("", !0)
         ]),
         n.showDialogs && a.chat.dialogs ? (o(), c("div", {
           key: 0,
           class: "chat-item__dialog-buttons",
-          onClick: e[1] || (e[1] = (i) => E("expand", n.chat))
+          onClick: e[1] || (e[1] = (i) => S("expand", n.chat))
         }, [
-          n.showDialogs && !a.chat.dialogsExpanded ? (o(), c("button", we, [...e[3] || (e[3] = [
+          n.showDialogs && !a.chat.dialogsExpanded ? (o(), c("button", Ie, [...e[3] || (e[3] = [
             m("span", {
               id: "noSelectButton",
               class: "pi pi-angle-down"
             }, null, -1)
           ])])) : r("", !0),
-          n.showDialogs && a.chat.dialogsExpanded ? (o(), c("button", Ce, [...e[4] || (e[4] = [
+          n.showDialogs && a.chat.dialogsExpanded ? (o(), c("button", Te, [...e[4] || (e[4] = [
             m("span", {
               id: "noSelectButton",
               class: "pi pi-angle-up"
             }, null, -1)
           ])])) : r("", !0)
         ])) : r("", !0)
-      ], 34),
-      n.showDialogs && a.chat.dialogsExpanded ? (o(), c("div", Ie, [
-        (o(!0), c(Wt, null, jt(yt(), (i) => (o(), c("div", {
+      ], 42, oe),
+      n.showDialogs && a.chat.dialogsExpanded ? (o(), c("div", Me, [
+        (o(!0), c(jt, null, Xt(pt(), (i) => (o(), c("div", {
           key: i.dialogId,
-          class: F(["dialog__item", vt(i)]),
-          onClick: (l) => ht(i)
+          class: F(["dialog__item", gt(i)]),
+          onClick: (l) => ft(i)
         }, [
           i.icon ? (o(), c("img", {
             key: 0,
@@ -342,21 +344,21 @@ const ie = { class: "chat-item__avatar-container" }, oe = ["src"], ae = {
             src: i.icon,
             height: "16",
             width: "16"
-          }, null, 8, Me)) : (o(), c("span", Ee)),
-          m("div", Se, [
-            m("div", Le, f(i.name), 1),
-            m("div", be, f(i["lastActivity.time"]), 1)
+          }, null, 8, Se)) : (o(), c("span", Le)),
+          m("div", be, [
+            m("div", Ae, f(i.name), 1),
+            m("div", Be, f(i["lastActivity.time"]), 1)
           ]),
           i.countUnread > 0 ? (o(), c("div", {
             key: 2,
             class: "chat-item__unread",
             style: et(i.colorUnread ? { backgroundColor: i.colorUnread } : {})
           }, f(i.countUnread > 99 ? "99+" : i.countUnread), 5)) : r("", !0)
-        ], 10, Te))), 128))
+        ], 10, Ee))), 128))
       ])) : r("", !0)
     ]));
   }
 });
 export {
-  rn as default
+  ln as default
 };

package/dist/components/2_elements/AudioRecorder/AudioRecorder.vue.js

@@ -1,7 +1,7 @@
 import o from "./AudioRecorder.vue2.js";
 /* empty css                   */
 import r from "../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-419a7965"]]);
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-07805a76"]]);
 export {
   m as default
 };

package/dist/components/2_elements/AudioRecorder/AudioRecorder.vue2.js

@@ -2,9 +2,6 @@ import { defineComponent as D, inject as j, ref as t, computed as x, createEleme
 import { buildFilePreview as L } from "../../../hooks/uploadFile/generatePreview.js";
 import { useChottoUploader as N } from "../../../hooks/uploadFile/useChottoUploader.js";
 import { useMessageDraft as T } from "../../../hooks/useMessageDraft.js";
-import "../../../hooks/useSearchModel.js";
-import "../../../hooks/useTheme.js";
-import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../locale/useLocale.js";
@@ -18,13 +15,17 @@ const V = { class: "audio-recorder__container" }, O = {
 }, P = {
   key: 1,
   class: "audio-recorder__recording-container"
-}, q = { class: "audio-recorder__recording-time" }, le = /* @__PURE__ */ D({
+}, q = { class: "audio-recorder__recording-time" }, oe = /* @__PURE__ */ D({
   __name: "AudioRecorder",
   props: {
     state: {
       type: String,
       default: "active"
     },
+    /**
+     * @deprecated Используйте `uploader` или `provide(chottoUploadFileKey)`.
+     * Legacy adapter: POST `{filebumpUrl}/upload`. Будет удалён в следующем major.
+     */
     filebumpUrl: {
       type: String,
       default: null
@@ -36,26 +37,26 @@ const V = { class: "audio-recorder__container" }, O = {
   },
   setup(b) {
     const U = j("chatAppId"), { getMessage: m, setMessageFile: A, setRecordingMessage: y } = T(U), R = t(), a = t(0), u = t(0), r = t(0), n = t(0), M = x(() => {
-      let s = n.value < 10 ? "0" + n.value : n.value, e = r.value < 10 ? "0" + r.value : r.value, o = u.value < 10 ? "0" + u.value : u.value, z = a.value < 10 ? "00" + a.value : a.value < 100 ? "0" + a.value : a.value;
-      return s + ":" + e + ":" + o + ":" + z;
-    }), d = t(""), c = t(!1), i = t(), f = t([]), k = t(), _ = b, { upload: h } = N({
+      let i = n.value < 10 ? "0" + n.value : n.value, e = r.value < 10 ? "0" + r.value : r.value, o = u.value < 10 ? "0" + u.value : u.value, z = a.value < 10 ? "00" + a.value : a.value < 100 ? "0" + a.value : a.value;
+      return i + ":" + e + ":" + o + ":" + z;
+    }), d = t(""), c = t(!1), s = t(), f = t([]), k = t(), _ = b, { upload: h } = N({
       uploader: () => _.uploader,
       filebumpUrl: () => _.filebumpUrl
     }), F = async () => {
       if (!m().file && _.state == "active") {
-        const s = await navigator.mediaDevices.getUserMedia({ audio: !0, video: !1 });
+        const i = await navigator.mediaDevices.getUserMedia({ audio: !0, video: !1 });
         R.value = setInterval(() => {
           a.value += 10, a.value == 1e3 && (a.value = 0, u.value++, u.value == 60 && (u.value = 0, r.value++, r.value == 60 && (r.value = 0, n.value++)));
-        }, 10), y(!0), c.value = !0, i.value = new MediaRecorder(s), i.value.start(), i.value.ondataavailable = (e) => {
+        }, 10), y(!0), c.value = !0, s.value = new MediaRecorder(i), s.value.start(), s.value.ondataavailable = (e) => {
           f.value.push(e.data);
         };
       }
     }, I = () => {
       w(), k.value = void 0;
     }, S = () => {
-      i.value && (i.value.stop(), i.value.onstop = async () => {
-        const s = new File(f.value, "voicemessage.mp3", { type: "audio/*" }), e = URL.createObjectURL(s);
-        k.value = e, d.value = "uploading", await h(s, { kind: "audio" }).then((o) => {
+      s.value && (s.value.stop(), s.value.onstop = async () => {
+        const i = new File(f.value, "voicemessage.mp3", { type: "audio/*" }), e = URL.createObjectURL(i);
+        k.value = e, d.value = "uploading", await h(i, { kind: "audio" }).then((o) => {
           d.value = o.status, o.status == "success" && A({
             url: o.url,
             name: o.name,
@@ -66,9 +67,9 @@ const V = { class: "audio-recorder__container" }, O = {
         });
       }), w();
     }, w = () => {
-      clearInterval(R.value), a.value = 0, u.value = 0, r.value = 0, n.value = 0, y(!1), c.value = !1, i.value = void 0, f.value = [];
+      clearInterval(R.value), a.value = 0, u.value = 0, r.value = 0, n.value = 0, y(!1), c.value = !1, s.value = void 0, f.value = [];
     };
-    return (s, e) => (p(), v("div", V, [
+    return (i, e) => (p(), v("div", V, [
       d.value === "uploading" ? (p(), v("div", O, [...e[0] || (e[0] = [
         l("span", null, "Загрузка файла...", -1)
       ])])) : g("", !0),
@@ -99,5 +100,5 @@ const V = { class: "audio-recorder__container" }, O = {
   }
 });
 export {
-  le as default
+  oe as default
 };

package/dist/components/2_elements/ChannelSelector/ChannelSelector.vue.js

@@ -2,9 +2,6 @@ import { inject as f, ref as C, createElementBlock as a, createCommentVNode as l
 import y from "../../1_atoms/ButtonContextMenu/ButtonContextMenu.vue.js";
 import { t as b } from "../../../locale/useLocale.js";
 import { useMessageDraft as k } from "../../../hooks/useMessageDraft.js";
-import "../../../hooks/useSearchModel.js";
-import "../../../hooks/useTheme.js";
-import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 import S from "../../../_virtual/_plugin-vue_export-helper.js";
 /* empty css                                              */
@@ -39,10 +36,10 @@ const x = {
   },
   emits: ["selectChannel"],
   setup(e, { emit: d }) {
-    const m = e, h = f("chatAppId"), { getMessage: p } = k(h), u = d, t = C(m.channels.find((n) => n.type === "default")), _ = (n) => {
-      t.value = n, u("selectChannel", t.value);
+    const m = e, h = f("chatAppId"), { getMessage: u } = k(h), p = d, t = C(m.channels.find((n) => n.type === "default")), _ = (n) => {
+      t.value = n, p("selectChannel", t.value);
     };
-    return (n, N) => c(p)().isRecording ? l("", !0) : (s(), a("div", {
+    return (n, N) => c(u)().isRecording ? l("", !0) : (s(), a("div", {
       key: 0,
       class: o(["channels__container", { "channels__container-disabled": e.state == "disabled" }])
     }, [
@@ -70,7 +67,7 @@ const x = {
       }, 8, ["actions", "mode", "disabled"])
     ], 2));
   }
-}, Q = /* @__PURE__ */ S(I, [["__scopeId", "data-v-d5653eb5"]]);
+}, K = /* @__PURE__ */ S(I, [["__scopeId", "data-v-d5653eb5"]]);
 export {
-  Q as default
+  K as default
 };