@mobilon-dev/chotto 0.3.36 → 0.3.38

package/dist/components/2_feed_elements/AudioMessage/AudioMessage.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as pe, inject as we, ref as d, computed as w, watch as Ce, onMounted as ye, createElementBlock as c, openBlock as l, unref as n, normalizeStyle as W, normalizeClass as b, createCommentVNode as m, createElementVNode as a, createVNode as h, withCtx as L, createTextVNode as be, toDisplayString as g, createBlock as k, withDirectives as N, vShow as G, vModelText as he, Transition as J, Teleport as ke } from "vue";
+import { defineComponent as pe, inject as we, ref as d, computed as w, watch as Ce, onMounted as ye, createElementBlock as c, openBlock as l, unref as i, normalizeStyle as W, normalizeClass as b, createCommentVNode as m, createElementVNode as a, createVNode as h, withCtx as L, createTextVNode as be, toDisplayString as g, createBlock as k, withDirectives as N, vShow as G, vModelText as he, Transition as J, Teleport as ke } from "vue";
 import xe from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
 import Te from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
 import Me from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
@@ -55,7 +55,7 @@ const Ue = ["messageId"], Ze = ["src"], je = {
   },
   emits: ["action", "reply"],
   setup(e, { emit: K }) {
-    const Q = we("chatAppId"), { getTheme: A } = De(Q), i = e, R = d([
+    const Q = we("chatAppId"), { getTheme: A } = De(Q), n = e, R = d([
       {
         text: "1.0x",
         speed: 1
@@ -82,18 +82,18 @@ const Ue = ["messageId"], Ze = ["src"], je = {
       clickAction: _,
       viewsAction: B,
       handleClickReplied: ee
-    } = Ee(i.message, $), x = d(!1), se = async () => {
+    } = Ee(n.message, $), x = d(!1), se = async () => {
       var u, s, v;
-      if (i.message.url)
+      if (n.message.url)
         try {
-          const o = await fetch(i.message.url, {
+          const o = await fetch(n.message.url, {
             headers: {
               Accept: "audio/*"
             }
           });
           if (!o.ok)
             throw new Error(`HTTP error! status: ${o.status}`);
-          const H = o.headers.get("content-type") || "", ge = await o.blob(), T = ((s = (u = i.message.url.split(".").pop()) == null ? void 0 : u.split("?")[0]) == null ? void 0 : s.toLowerCase()) || "", ve = {
+          const H = o.headers.get("content-type") || "", ge = await o.blob(), T = ((s = (u = n.message.url.split(".").pop()) == null ? void 0 : u.split("?")[0]) == null ? void 0 : s.toLowerCase()) || "", ve = {
             "audio/mpeg": "mp3",
             "audio/mp3": "mp3",
             "audio/wav": "wav",
@@ -105,15 +105,15 @@ const Ue = ["messageId"], Ze = ["src"], je = {
             "audio/m4a": "m4a",
             "audio/x-m4a": "m4a",
             "application/octet-stream": T || "mp3"
-          }, O = T && ["mp3", "wav", "ogg", "webm", "aac", "flac", "m4a"].includes(T) ? T : ve[H] || "mp3", q = i.message.url.split("/"), M = decodeURIComponent(((v = q[q.length - 1]) == null ? void 0 : v.split("?")[0]) || ""), fe = M ? M.includes(".") ? M : `${M}.${O}` : `audio-${i.message.messageId}.${O}`, z = window.URL.createObjectURL(ge), y = document.createElement("a");
+          }, O = T && ["mp3", "wav", "ogg", "webm", "aac", "flac", "m4a"].includes(T) ? T : ve[H] || "mp3", q = n.message.url.split("/"), M = decodeURIComponent(((v = q[q.length - 1]) == null ? void 0 : v.split("?")[0]) || ""), fe = M ? M.includes(".") ? M : `${M}.${O}` : `audio-${n.message.messageId}.${O}`, z = window.URL.createObjectURL(ge), y = document.createElement("a");
           y.href = z, y.download = fe, document.body.appendChild(y), y.click(), document.body.removeChild(y), window.URL.revokeObjectURL(z);
         } catch (o) {
-          console.error("Ошибка при скачивании аудио:", o), window.open(i.message.url, "_blank");
+          console.error("Ошибка при скачивании аудио:", o), window.open(n.message.url, "_blank");
         }
     }, te = (u) => {
       u.action === "download" ? (se(), E()) : _(u);
-    }, { linkedHtml: ae, inNewWindow: P } = Le(() => i.message.text), oe = w(() => $e(i.message.status)), ne = w(() => Ve(i.message.status, i.message.statusMsg)), { bubbleStyle: ie } = Ne(
-      w(() => i.message),
+    }, { linkedHtml: ae, inNewWindow: P } = Le(() => n.message.text), oe = w(() => $e(n.message.status)), ie = w(() => Ve(n.message.status, n.message.statusMsg)), { bubbleStyle: ne } = Ne(
+      w(() => n.message),
       { cssVariable: "--chotto-audiomessage-right-background-color", position: "right" }
     );
     function D() {
@@ -135,7 +135,7 @@ const Ue = ["messageId"], Ze = ["src"], je = {
     function j(u) {
       return Be(u.position, "audio-message");
     }
-    const { onToggleReaction: me, onAddReaction: re, onRemoveReaction: de } = Pe($), ce = Ae(() => i.message, () => i.subtextTooltipData);
+    const { onToggleReaction: me, onAddReaction: re, onRemoveReaction: de } = Pe($), ce = Ae(() => n.message, () => n.subtextTooltipData);
     return ye(() => {
       t.value != null && (t.value.playbackRate = I.value.speed, t.value.addEventListener("loadedmetadata", () => {
         t.value != null && (t.value.duration == 1 / 0 || Number.isNaN(t.value.duration)) && (t.value.currentTime = 1e101, t.value.addEventListener("timeupdate", () => {
@@ -152,9 +152,9 @@ const Ue = ["messageId"], Ze = ["src"], je = {
           e.applyStyle(e.message)
         ]]),
         messageId: e.message.messageId,
-        style: W(n(ie)),
+        style: W(i(ne)),
         onMouseleave: s[9] || (s[9] = //@ts-ignore
-        (...o) => n(E) && n(E)(...o))
+        (...o) => i(E) && i(E)(...o))
       }, [
         e.message.avatar && e.isFirstInSeries ? (l(), c("img", {
           key: 0,
@@ -166,7 +166,7 @@ const Ue = ["messageId"], Ze = ["src"], je = {
         }, null, 12, Ze)) : m("", !0),
         e.message.subText && e.isFirstInSeries ? (l(), c("p", je, [
           h(Fe, {
-            text: n(ce),
+            text: i(ce),
             position: e.message.position === "left" ? "right" : "left",
             offset: 8
           }, {
@@ -179,14 +179,14 @@ const Ue = ["messageId"], Ze = ["src"], je = {
         a("div", {
           class: b(["audio-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar }]),
           onMouseenter: s[8] || (s[8] = //@ts-ignore
-          (...o) => n(V) && n(V)(...o))
+          (...o) => i(V) && i(V)(...o))
         }, [
           e.message.reply ? (l(), k(Re, {
             key: 0,
             style: { "grid-column": "1/3" },
             message: e.message.reply,
             class: b(e.message.position),
-            onReply: n(ee)
+            onReply: i(ee)
           }, null, 8, ["message", "class", "onReply"])) : m("", !0),
           a("div", He, [
             a("audio", {
@@ -247,8 +247,8 @@ const Ue = ["messageId"], Ze = ["src"], je = {
                 step: "0.1",
                 onMousedown: s[1] || (s[1] = (o) => p.value = !0),
                 onMouseup: Z,
-                onTouchstart: s[2] || (s[2] = (o) => p.value = !0),
-                onTouchend: Z
+                onTouchstartPassive: s[2] || (s[2] = (o) => p.value = !0),
+                onTouchendPassive: Z
               }, null, 40, ze), [
                 [he, r.value]
               ]),
@@ -273,8 +273,8 @@ const Ue = ["messageId"], Ze = ["src"], je = {
           e.message.text ? (l(), c("div", Xe, [
             a("p", {
               onClick: s[4] || (s[4] = //@ts-ignore
-              (...o) => n(P) && n(P)(...o)),
-              innerHTML: n(ae)
+              (...o) => i(P) && i(P)(...o)),
+              innerHTML: i(ae)
             }, null, 8, Ye)
           ])) : m("", !0),
           e.message.linkPreview ? (l(), k(Te, {
@@ -291,16 +291,16 @@ const Ue = ["messageId"], Ze = ["src"], je = {
             reactions: e.message.reactions,
             "message-id": e.message.messageId,
             enabled: e.reactionsEnabled,
-            onToggleReaction: n(me),
-            onAddReaction: n(re),
-            onRemoveReaction: n(de)
+            onToggleReaction: i(me),
+            onAddReaction: i(re),
+            onRemoveReaction: i(de)
           }, null, 8, ["reactions", "message-id", "enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction"]),
           a("div", _e, [
             e.message.views ? (l(), c("div", {
               key: 0,
               class: "audio-message__views",
               onClick: s[5] || (s[5] = //@ts-ignore
-              (...o) => n(B) && n(B)(...o))
+              (...o) => i(B) && i(B)(...o))
             }, [
               s[12] || (s[12] = a("span", { class: "pi pi-eye" }, null, -1)),
               a("p", null, g(e.message.views), 1)
@@ -311,13 +311,13 @@ const Ue = ["messageId"], Ze = ["src"], je = {
               "message-class": j(e.message),
               "message-status": e.message.status,
               "status-class": oe.value,
-              "status-title": ne.value
+              "status-title": ie.value
             }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
           ]),
-          n(Y) && e.message.actions ? (l(), c("button", {
+          i(Y) && e.message.actions ? (l(), c("button", {
             key: 5,
             class: "audio-message__menu-button",
-            onClick: s[6] || (s[6] = (o) => F.value = !n(F))
+            onClick: s[6] || (s[6] = (o) => F.value = !i(F))
           }, [...s[13] || (s[13] = [
             a("svg", {
               width: "4",
@@ -334,7 +334,7 @@ const Ue = ["messageId"], Ze = ["src"], je = {
           ])])) : m("", !0),
           h(J, null, {
             default: L(() => [
-              n(F) && e.message.actions ? (l(), k(xe, {
+              i(F) && e.message.actions ? (l(), k(xe, {
                 key: 0,
                 class: "audio-message__context-menu",
                 actions: e.message.actions,
@@ -351,7 +351,7 @@ const Ue = ["messageId"], Ze = ["src"], je = {
                   x.value ? (l(), c("div", {
                     key: 0,
                     class: "audio-message__modal-overlay",
-                    "data-theme": n(A)().theme ? n(A)().theme : null
+                    "data-theme": i(A)().theme ? i(A)().theme : null
                   }, [
                     a("div", ts, [
                       a("button", {

package/dist/components/2_feed_elements/CallMessage/CallMessage.vue.js

@@ -1,7 +1,7 @@
 import o from "./CallMessage.vue2.js";
 /* empty css                 */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-30ef4552"]]);
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1df0ddd1"]]);
 export {
   s as default
 };

package/dist/components/2_feed_elements/CallMessage/CallMessage.vue2.js

@@ -371,8 +371,8 @@ const Be = ["messageId"], Ue = ["src"], Oe = {
                     step: "0.1",
                     onMousedown: e[1] || (e[1] = (u) => h.value = !0),
                     onMouseup: H,
-                    onTouchstart: e[2] || (e[2] = (u) => h.value = !0),
-                    onTouchend: H
+                    onTouchstartPassive: e[2] || (e[2] = (u) => h.value = !0),
+                    onTouchendPassive: H
                   }, null, 40, ot), [
                     [De, p.value]
                   ]),

package/dist/components/2_feed_elements/MessageStatusIndicator/MessageStatusIndicator.vue.js

@@ -7,7 +7,7 @@ const S = {
   class: "pi pi-clock"
 }, k = {
   key: 1,
-  class: "pi pi-times-circle"
+  class: "pi pi-exclamation-circle"
 }, h = {
   key: 0,
   class: "pi pi-check"

package/dist/components/3_compounds/ChatInput/ChatInput.vue.js

@@ -1,7 +1,7 @@
 import t from "./ChatInput.vue2.js";
 /* empty css               */
 import o from "../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-07a5cda0"]]);
+const a = /* @__PURE__ */ o(t, [["__scopeId", "data-v-efefc137"]]);
 export {
-  m as default
+  a as default
 };

package/dist/components/3_compounds/ChatInput/ChatInput.vue2.js

@@ -1,19 +1,19 @@
-import { defineComponent as V, inject as $, ref as g, computed as C, watch as d, nextTick as p, unref as a, onMounted as N, createElementBlock as y, openBlock as x, createElementVNode as u, withDirectives as G, createVNode as T, renderSlot as w, toDisplayString as U, withKeys as J, vModelText as Q, normalizeClass as X } from "vue";
-import { useImmediateDebouncedRef as Z } from "../../../hooks/useImmediateDebouncedRef.js";
-import { useMessageDraft as ee } from "../../../hooks/useMessageDraft.js";
+import { defineComponent as N, inject as G, ref as y, computed as x, watch as p, nextTick as f, unref as r, onMounted as U, createElementBlock as _, openBlock as b, createElementVNode as u, withDirectives as J, createVNode as w, renderSlot as T, toDisplayString as Q, withKeys as X, vModelText as Z, normalizeClass as ee } from "vue";
+import { useImmediateDebouncedRef as te } from "../../../hooks/useImmediateDebouncedRef.js";
+import { useMessageDraft as ne } from "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import "../../../hooks/useTheme.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../functions/parseMarkdown.js";
-import { t as te } from "../../../locale/useLocale.js";
-import ne from "./icons/SendIcon.vue.js";
-import le from "../../2_chatinput_elements/TextFormatToolbar/TextFormatToolbar.vue.js";
-const ie = { class: "chat-input__container" }, se = ["id"], oe = ["id"], ae = { class: "chat-input__inline-buttons" }, re = {
+import { t as c } from "../../../locale/useLocale.js";
+import le from "./icons/SendIcon.vue.js";
+import ie from "../../2_chatinput_elements/TextFormatToolbar/TextFormatToolbar.vue.js";
+const se = { class: "chat-input__container" }, oe = ["id"], ae = ["id"], re = { class: "chat-input__inline-buttons" }, ue = {
   key: 0,
   class: "chat-input__input chat-input__disabled-placeholder"
-}, ue = ["disabled", "placeholder"], ce = ["disabled"], de = { class: "" }, pe = { class: "chat-input__third-line" }, Ie = /* @__PURE__ */ V({
+}, ce = ["disabled", "placeholder"], de = ["disabled"], pe = { class: "" }, fe = { class: "chat-input__third-line" }, Ae = /* @__PURE__ */ N({
   __name: "ChatInput",
   props: {
     state: {
@@ -42,64 +42,70 @@ const ie = { class: "chat-input__container" }, se = ["id"], oe = ["id"], ae = {
     }
   },
   emits: ["send", "typing"],
-  setup(c, { emit: I }) {
-    const f = I, h = $("chatAppId"), { resetMessage: A, getMessage: i, setMessageText: m, setForceSendMessage: D } = ee(h), n = g(), F = Z("", 2e3), E = g(), r = c, R = C(() => !!(r.state == "disabled" || i().text == "" && !i().file || i().isRecording)), k = C(() => {
+  setup(d, { emit: A }) {
+    const h = A, m = G("chatAppId"), { resetMessage: D, getMessage: i, setMessageText: v, setForceSendMessage: F } = ne(m), n = y(), E = te("", 2e3), M = y(), a = d, P = x(() => !!(a.state == "disabled" || i().text == "" && !i().file || i().isRecording)), R = x(() => {
       var t;
-      if (r.inputButtonColor)
-        return r.inputButtonColor;
-      if (!((t = r.selectedChannel) != null && t.channelId))
+      if (a.inputButtonColor)
+        return a.inputButtonColor;
+      if (!((t = a.selectedChannel) != null && t.channelId))
         return "#25D366";
-      const e = r.selectedChannel.channelId.toLowerCase();
+      const e = a.selectedChannel.channelId.toLowerCase();
       return e.includes("whatsapp") || e.includes("waba") ? "#25D366" : e.includes("telegram") ? "#37AFE2" : e.includes("sms") ? "#6C757D" : e.includes("max") ? "#4B0082" : "#25D366";
+    }), k = x(() => {
+      var t;
+      if (!((t = a.selectedChannel) != null && t.channelId))
+        return c("component.ChatInput.InputPlaceholder");
+      const e = a.selectedChannel.channelId.toLowerCase();
+      return e.includes("whatsapp") || e.includes("waba") ? c("component.ChatInput.WhatsappInputPlaceholder") : e.includes("telegram") ? c("component.ChatInput.TelegramInputPlaceholder") : e.includes("sms") ? c("component.ChatInput.SmsInputPlaceholder") : e.includes("max") ? c("component.ChatInput.MaxInputPlaceholder") : c("component.ChatInput.InputPlaceholder");
     });
-    d(
-      () => F.value,
+    p(
+      () => E.value,
       () => {
-        f("typing");
+        h("typing");
       }
-    ), d(
-      () => r.focusOnInputArea,
+    ), p(
+      () => a.focusOnInputArea,
       () => {
-        r.focusOnInputArea && p(() => {
-          const e = a(n);
+        a.focusOnInputArea && f(() => {
+          const e = r(n);
           e == null || e.focus();
         });
       },
       { immediate: !0 }
-    ), d(
+    ), p(
       () => i().text,
       () => {
-        p(() => {
+        f(() => {
           const e = n.value;
           if (!e) return;
           const t = e.scrollTop;
           e.style.height = "auto";
-          const l = getComputedStyle(e), s = parseFloat(l.fontSize) || 16, L = parseFloat(l.lineHeight) || s * 1.4, _ = 40, b = L * 11, S = e.scrollHeight, W = i().text.split(`
+          const l = getComputedStyle(e), s = parseFloat(l.fontSize) || 16, W = parseFloat(l.lineHeight) || s * 1.4, I = 40, C = W * 11, S = e.scrollHeight, O = i().text.split(`
 `).length > 1, o = document.createElement("div");
           o.style.position = "absolute", o.style.visibility = "hidden", o.style.whiteSpace = "nowrap", o.style.font = l.font, o.style.fontSize = l.fontSize, o.style.fontFamily = l.fontFamily, o.style.fontWeight = l.fontWeight, o.style.letterSpacing = l.letterSpacing, o.textContent = i().text, document.body.appendChild(o);
-          const O = o.offsetWidth;
+          const Y = o.offsetWidth;
           document.body.removeChild(o);
-          const Y = parseFloat(l.paddingLeft) || 0, q = parseFloat(l.paddingRight) || 0, K = e.clientWidth - Y - q, P = O > K, j = W || P;
-          i().text.trim() && j ? S <= b ? (e.style.height = S + "px", e.style.overflowY = "hidden") : (e.style.height = b + "px", e.style.overflowY = "auto", e.scrollTop = t) : (e.style.height = _ + "px", e.style.overflowY = "hidden");
+          const q = parseFloat(l.paddingLeft) || 0, K = parseFloat(l.paddingRight) || 0, j = e.clientWidth - q - K, V = Y > j, $ = O || V;
+          i().text.trim() && $ ? S <= C ? (e.style.height = S + "px", e.style.overflowY = "hidden") : (e.style.height = C + "px", e.style.overflowY = "auto", e.scrollTop = t) : (e.style.height = I + "px", e.style.overflowY = "hidden");
         });
       },
       { immediate: !0 }
-    ), d(
+    ), p(
       () => i().forceSend,
       () => {
-        i().forceSend && (v(), D(!1));
+        i().forceSend && (g(), F(!1));
       }
     );
     const z = (e) => {
       const t = e.target;
-      f("typing", t.value);
+      h("typing", t.value);
     }, B = () => {
-      p(() => {
+      f(() => {
         const e = n.value;
         e && (e.style.height = "40px", e.style.overflowY = "hidden");
       });
     };
-    N(() => {
+    U(() => {
       B();
     });
     const H = (e) => {
@@ -107,30 +113,30 @@ const ie = { class: "chat-input__container" }, se = ["id"], oe = ["id"], ae = {
         if (n.value instanceof HTMLTextAreaElement) {
           let t = n.value.selectionStart;
           t && (n.value.setRangeText(`
-`, t, t, "end"), m(n.value.value));
+`, t, t, "end"), v(n.value.value));
         }
         e.preventDefault();
       } else if (e.ctrlKey) {
         if (n.value instanceof HTMLTextAreaElement) {
           let t = n.value.selectionStart;
           t && (n.value.setRangeText(`
-`, t, t, "end"), m(n.value.value));
+`, t, t, "end"), v(n.value.value));
         }
         e.preventDefault();
       } else
-        e.preventDefault(), v();
-    }, M = (e) => {
+        e.preventDefault(), g();
+    }, L = (e) => {
       if (n.value) {
         const t = n.value.value;
         n.value.value = e.newText;
         const l = e.newText.length - (t.length - (e.end - e.start)), s = e.start + l;
-        m(e.newText), p(() => {
+        v(e.newText), f(() => {
           n.value && (n.value.setSelectionRange(s, s), n.value.focus());
         });
       }
-    }, v = () => {
+    }, g = () => {
       var t, l;
-      const e = g(i());
+      const e = y(i());
       if (e.value.text != "" || e.value.file) {
         const s = {
           type: "",
@@ -140,53 +146,53 @@ const ie = { class: "chat-input__container" }, se = ["id"], oe = ["id"], ae = {
           size: "",
           reply: void 0
         };
-        e.value.file ? (s.type = "message." + e.value.file.type, s.url = e.value.file.url, s.filename = e.value.file.name, s.size = (t = e.value.file.size) == null ? void 0 : t.toString(), s.text = (l = e == null ? void 0 : e.value) == null ? void 0 : l.text.trim()) : (s.type = "message.text", s.text = e.value.text.trim()), e.value.reply && (s.reply = e.value.reply), f("send", s), A(), E.value = void 0, n.value && n.value.focus();
+        e.value.file ? (s.type = "message." + e.value.file.type, s.url = e.value.file.url, s.filename = e.value.file.name, s.size = (t = e.value.file.size) == null ? void 0 : t.toString(), s.text = (l = e == null ? void 0 : e.value) == null ? void 0 : l.text.trim()) : (s.type = "message.text", s.text = e.value.text.trim()), e.value.reply && (s.reply = e.value.reply), h("send", s), D(), M.value = void 0, n.value && n.value.focus();
       }
     };
-    return (e, t) => (x(), y("div", ie, [
+    return (e, t) => (b(), _("div", se, [
       u("div", {
-        id: "chat-input-reply-line-" + a(h),
+        id: "chat-input-reply-line-" + r(m),
         class: "chat-input__reply-line"
-      }, null, 8, se),
+      }, null, 8, oe),
       u("div", {
-        id: "chat-input-file-line-" + a(h),
+        id: "chat-input-file-line-" + r(m),
         class: "chat-input__file-line"
-      }, null, 8, oe),
-      u("div", ae, [
-        w(e.$slots, "inline-buttons", {}, void 0, !0)
+      }, null, 8, ae),
+      u("div", re, [
+        T(e.$slots, "inline-buttons", {}, void 0, !0)
       ]),
-      c.disabledPlaceholder && (c.state == "disabled" || a(i)().isRecording) ? (x(), y("div", re, U(c.disabledPlaceholder), 1)) : G((x(), y("textarea", {
+      d.disabledPlaceholder && (d.state == "disabled" || r(i)().isRecording) ? (b(), _("div", ue, Q(d.disabledPlaceholder), 1)) : J((b(), _("textarea", {
         key: 1,
         ref_key: "refInput",
         ref: n,
-        "onUpdate:modelValue": t[0] || (t[0] = (l) => a(i)().text = l),
-        disabled: c.state == "disabled" || a(i)().isRecording,
+        "onUpdate:modelValue": t[0] || (t[0] = (l) => r(i)().text = l),
+        disabled: d.state == "disabled" || r(i)().isRecording,
         class: "chat-input__input",
-        placeholder: a(te)("component.ChatInput.InputPlaceholder"),
-        onKeydown: J(H, ["enter"]),
+        placeholder: k.value,
+        onKeydown: X(H, ["enter"]),
         onInput: z
-      }, null, 40, ue)), [
-        [Q, a(i)().text]
+      }, null, 40, ce)), [
+        [Z, r(i)().text]
       ]),
-      T(le, {
+      w(ie, {
         textarea: n.value,
-        onFormatApplied: M
+        onFormatApplied: L
       }, null, 8, ["textarea"]),
       u("button", {
-        class: X(["chat-input__button", { "chat-input__button-disabled": R.value }]),
-        disabled: a(i)().isRecording,
-        onClick: v
+        class: ee(["chat-input__button", { "chat-input__button-disabled": P.value }]),
+        disabled: r(i)().isRecording,
+        onClick: g
       }, [
-        u("span", de, [
-          T(a(ne), { color: k.value }, null, 8, ["color"])
+        u("span", pe, [
+          w(r(le), { color: R.value }, null, 8, ["color"])
         ])
-      ], 10, ce),
-      u("div", pe, [
-        w(e.$slots, "buttons", {}, void 0, !0)
+      ], 10, de),
+      u("div", fe, [
+        T(e.$slots, "buttons", {}, void 0, !0)
       ])
     ]));
   }
 });
 export {
-  Ie as default
+  Ae as default
 };

package/dist/components/3_compounds/ChatList/composables/useChatListFilter.js

@@ -1,27 +1,24 @@
-import { ref as l } from "vue";
-function m({ props: e, emit: u }) {
-  const n = l("");
+import { ref as u } from "vue";
+function h({ props: e, emit: l }) {
+  const r = u("");
   return {
-    filter: n,
-    getSortedAndFilteredChats: () => !e.chats || e.chats.length === 0 ? [] : e.chats.slice().sort((t, r) => {
-      const a = Number(t["lastActivity.timestamp"] || 0), s = Number(r["lastActivity.timestamp"] || 0);
-      return a > s ? -1 : a < s ? 1 : 0;
-    }).sort((t, r) => t.countUnread > r.countUnread ? -1 : t.countUnread < r.countUnread ? 1 : 0).filter((t) => {
-      var a;
-      const r = e.activeTabId || "all";
-      if (r !== "all") {
-        if (r === "countUnread") {
+    filter: r,
+    getSortedAndFilteredChats: () => !e.chats || e.chats.length === 0 ? [] : e.chats.slice().filter((t) => {
+      var n;
+      const i = e.activeTabId || "all";
+      if (i !== "all") {
+        if (i === "countUnread") {
           if (t.countUnread <= 0) return !1;
-        } else if (r.startsWith("tag_") && (!((a = t.contact) != null && a.tags) || !t.contact.tags.some((s) => s.tagId === r)))
+        } else if (i.startsWith("tag_") && (!((n = t.contact) != null && n.tags) || !t.contact.tags.some((s) => s.tagId === i)))
           return !1;
       }
-      return e.searchQuery && e.searchQuery.trim() !== "" ? !0 : e.filterQuery ? t.name.includes(e.filterQuery) || t.metadata.includes(e.filterQuery) : t.name.includes(n.value) || t.metadata.includes(n.value);
+      return e.searchQuery && e.searchQuery.trim() !== "" ? !0 : e.filterQuery ? t.name.includes(e.filterQuery) || t.metadata.includes(e.filterQuery) : t.name.includes(r.value) || t.metadata.includes(r.value);
     }),
-    getFilter: (i) => {
-      n.value = i, i.trim() !== "" ? u("search", i) : u("clear-search");
+    getFilter: (a) => {
+      r.value = a, a.trim() !== "" ? l("search", a) : l("clear-search");
     }
   };
 }
 export {
-  m as useChatListFilter
+  h as useChatListFilter
 };

package/dist/locale/en.js

@@ -4,6 +4,10 @@ const e = {
   "layout.ChatWrapper.noSelectedChat": "Choose contact to start conversation",
   "component.ChatItem.typing": "typing",
   "component.ChatInput.InputPlaceholder": "Type a message...",
+  "component.ChatInput.TelegramInputPlaceholder": "Type a message Telegram or change channel",
+  "component.ChatInput.WhatsappInputPlaceholder": "Type a message WhatsApp or change channel",
+  "component.ChatInput.SmsInputPlaceholder": "Type a message SMS or change channel",
+  "component.ChatInput.MaxInputPlaceholder": "Type a message Max or change channel",
   "component.FeedFoundObjects.results": "Search results",
   "component.FeedFoundObjects.notFound": "Messages not found",
   "component.FeedFoundObjects.notSearched": "Message search in chat",

package/dist/locale/ru.js

@@ -1,9 +1,13 @@
-const o = {
+const e = {
   "component.ChatList.Title": "Mobilon One",
   "component.ChatFilter.InputPlaceholder": "Поиск чата",
   "layout.ChatWrapper.noSelectedChat": "Выберите контакт для начала общения",
   "component.ChatItem.typing": "печатает",
   "component.ChatInput.InputPlaceholder": "Введите сообщение",
+  "component.ChatInput.WhatsappInputPlaceholder": "Введите сообщение WhatsApp или смените канал",
+  "component.ChatInput.TelegramInputPlaceholder": "Введите сообщение Telegram или смените канал",
+  "component.ChatInput.SmsInputPlaceholder": "Введите сообщение SMS или смените канал",
+  "component.ChatInput.MaxInputPlaceholder": "Введите сообщение Max или смените канал",
   "component.FeedFoundObjects.results": "Результаты поиска",
   "component.FeedFoundObjects.notFound": "Сообщения не найдены",
   "component.FeedFoundObjects.notSearched": "Поиск по сообщениям в чате",
@@ -18,5 +22,5 @@ const o = {
   "component.TextFormatToolbar.Quote": "Цитата"
 };
 export {
-  o as ru
+  e as ru
 };