@mobilon-dev/chotto 0.3.108 → 0.3.110

package/dist/components/2_modals/CreateChat/CreateChat.vue.js

@@ -1,7 +1,7 @@
 import { ref as m, createElementBlock as p, openBlock as s, createElementVNode as n, withDirectives as c, toDisplayString as u, vModelText as d } from "vue";
 import "./CreateChat.vue2.js";
 import _ from "../../../_virtual/_plugin-vue_export-helper.js";
-const f = {
+const v = {
   __name: "CreateChat",
   props: {
     title: {
@@ -14,7 +14,7 @@ const f = {
     const e = m(""), r = o, l = () => {
       r("change", { name: e.value });
     };
-    return (v, t) => (s(), p("div", null, [
+    return (f, t) => (s(), p("div", null, [
       n("h2", null, u(a.title), 1),
       c(n("input", {
         "onUpdate:modelValue": t[0] || (t[0] = (i) => e.value = i),
@@ -26,7 +26,7 @@ const f = {
       ])
     ]));
   }
-}, C = /* @__PURE__ */ _(f, [["__scopeId", "data-v-65f726e8"]]);
+}, C = /* @__PURE__ */ _(v, [["__scopeId", "data-v-01e1bb88"]]);
 export {
   C as default
 };

package/dist/components/2_modals/SelectUser/SelectUser.vue.js

@@ -1,4 +1,4 @@
-import { ref as u, createElementBlock as s, openBlock as n, createCommentVNode as h, createElementVNode as e, toDisplayString as m, Fragment as k, renderList as y, withDirectives as C, vModelCheckbox as b } from "vue";
+import { ref as u, createElementBlock as s, openBlock as n, createCommentVNode as h, createElementVNode as e, toDisplayString as m, Fragment as k, renderList as y, withDirectives as b, vModelCheckbox as C } from "vue";
 /* empty css                */
 import x from "../../../_virtual/_plugin-vue_export-helper.js";
 const I = {
@@ -18,17 +18,17 @@ const I = {
   },
   emits: ["confirm", "close"],
   setup(l, { emit: p }) {
-    const r = u(!0), o = u([]), c = p, v = async () => {
-      c("confirm", o.value), a(), i();
+    const c = u(!0), o = u([]), r = p, v = async () => {
+      r("confirm", o.value), a(), i();
     }, a = () => {
-      c("close"), r.value = !1;
+      r("close"), c.value = !1;
     }, i = () => {
       o.value = [];
     }, _ = () => {
       a(), i();
     };
     return (M, d) => (n(), s("div", null, [
-      r.value ? (n(), s("div", I, [
+      c.value ? (n(), s("div", I, [
         e("div", w, [
           e("h2", null, m(l.title), 1),
           e("div", S, [
@@ -36,13 +36,13 @@ const I = {
               key: t.userId,
               class: "participant-item"
             }, [
-              C(e("input", {
+              b(e("input", {
                 id: t.userId,
                 "onUpdate:modelValue": d[0] || (d[0] = (f) => o.value = f),
                 type: "checkbox",
                 value: t.userId
               }, null, 8, U), [
-                [b, o.value]
+                [C, o.value]
               ]),
               e("label", {
                 for: t.userId
@@ -57,7 +57,7 @@ const I = {
       ])) : h("", !0)
     ]));
   }
-}, E = /* @__PURE__ */ x(g, [["__scopeId", "data-v-9121a142"]]);
+}, E = /* @__PURE__ */ x(g, [["__scopeId", "data-v-1866cb65"]]);
 export {
   E as default
 };

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 c = /* @__PURE__ */ o(t, [["__scopeId", "data-v-e49aac6c"]]);
+const m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-c2e1a18b"]]);
 export {
-  c as default
+  m as default
 };

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

@@ -1,9 +1,7 @@
-import { defineComponent as Ne, inject as je, watch as p, ref as S, computed as _, provide as $e, nextTick as b, unref as r, onMounted as Ge, onUnmounted as Oe, createElementBlock as C, openBlock as x, createElementVNode as f, createVNode as q, normalizeClass as O, toDisplayString as U, createCommentVNode as V, Fragment as Ue, renderList as Ve, createBlock as Ye, renderSlot as le, withDirectives as Xe, withKeys as Je, vModelText as Qe } from "vue";
-import { useImmediateDebouncedRef as Ze } from "../../../hooks/useImmediateDebouncedRef.js";
-import { MAX_ATTACHED_FILES as ie, useMessageDraft as et, getDraftFiles as tt, commitChatDraftToList as nt } from "../../../hooks/useMessageDraft.js";
-import "../../../hooks/useSearchModel.js";
-import "../../../hooks/useTheme.js";
-import { useEmojiNative as lt } from "../../../hooks/useEmojiNative.js";
+import { defineComponent as je, inject as $e, watch as p, ref as S, computed as _, provide as Ge, nextTick as C, unref as r, onMounted as Oe, onUnmounted as Ue, createElementBlock as F, openBlock as x, createElementVNode as f, createVNode as q, normalizeClass as O, toDisplayString as U, createCommentVNode as V, Fragment as Ve, renderList as Ye, createBlock as Xe, renderSlot as le, withDirectives as Je, withKeys as Qe, vModelText as Ze } from "vue";
+import { useImmediateDebouncedRef as et } from "../../../hooks/useImmediateDebouncedRef.js";
+import { MAX_ATTACHED_FILES as ie, resolveMessageDraftStore as tt, useMessageDraft as nt, getDraftFiles as lt } from "../../../hooks/useMessageDraft.js";
+import { useEmojiNative as it } from "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
 import { t as h } from "../../../locale/useLocale.js";
@@ -11,21 +9,21 @@ import { t as h } from "../../../locale/useLocale.js";
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
-import { textToAppleEmojiHtml as it, textContainsEmoji as ot, previousGraphemeIndex as oe, nextGraphemeIndex as se, snapIndexToGrapheme as ae } from "../../../functions/renderAppleEmojis.js";
-import { useStartEdit as st, hideEditPreview as at } from "../../../hooks/messages/useStartEdit.js";
-import { canStartEditLastSent as rt, isEditableLastSentCandidate as ut } from "../../../hooks/messages/canStartEditLastSent.js";
-import { buildEditPayload as ct } from "../../../hooks/messages/buildEditPayload.js";
-import dt from "./icons/SendIcon.vue.js";
+import { textToAppleEmojiHtml as ot, textContainsEmoji as st, previousGraphemeIndex as oe, nextGraphemeIndex as se, snapIndexToGrapheme as ae } from "../../../functions/renderAppleEmojis.js";
+import { useStartEdit as at, hideEditPreview as rt } from "../../../hooks/messages/useStartEdit.js";
+import { canStartEditLastSent as ut, isEditableLastSentCandidate as ct } from "../../../hooks/messages/canStartEditLastSent.js";
+import { buildEditPayload as dt } from "../../../hooks/messages/buildEditPayload.js";
+import ft from "./icons/SendIcon.vue.js";
 import re from "./icons/ArrowIcon.vue.js";
-import ft from "../../2_chatinput_elements/TextFormatToolbar/TextFormatToolbar.vue.js";
-import pt from "../../2_chatinput_elements/FilePreview/FilePreview.vue.js";
-const ht = { class: "chat-input__container" }, mt = ["id"], vt = ["id"], gt = { class: "chat-input__file-counter" }, yt = { class: "chat-input__file-chips-wrap" }, St = ["aria-label"], _t = ["aria-label"], xt = { class: "chat-input__inline-buttons" }, It = {
+import pt from "../../2_chatinput_elements/TextFormatToolbar/TextFormatToolbar.vue.js";
+import ht from "../../2_chatinput_elements/FilePreview/FilePreview.vue.js";
+const mt = { class: "chat-input__container" }, vt = ["id"], gt = ["id"], yt = { class: "chat-input__file-counter" }, St = { class: "chat-input__file-chips-wrap" }, _t = ["aria-label"], xt = ["aria-label"], It = { class: "chat-input__inline-buttons" }, bt = {
   key: 0,
   class: "chat-input__input chat-input__disabled-placeholder"
-}, bt = {
+}, Ct = {
   key: 1,
   class: "chat-input__input-wrap"
-}, Ct = ["innerHTML"], Ft = ["disabled", "placeholder"], Tt = ["disabled"], Et = { class: "" }, At = { class: "chat-input__third-line" }, Y = 40, Jt = /* @__PURE__ */ Ne({
+}, Ft = ["innerHTML"], Tt = ["disabled", "placeholder"], Et = ["disabled"], At = { class: "" }, wt = { class: "chat-input__third-line" }, Y = 40, Xt = /* @__PURE__ */ je({
   __name: "ChatInput",
   props: {
     state: {
@@ -65,7 +63,7 @@ const ht = { class: "chat-input__container" }, mt = ["id"], vt = ["id"], gt = {
   },
   emits: ["send", "typing"],
   setup(M, { emit: ue }) {
-    const H = ue, F = je("chatAppId"), { resetMessage: ce, getMessage: o, setMessageText: D, setForceSendMessage: de, resetEdit: fe, removeMessageFile: pe } = et(F), { startEdit: he } = st(F), { isNative: me, emojiSrc: ve } = lt(F);
+    const D = ue, I = $e("chatAppId"), ce = tt(I), { resetMessage: de, getMessage: o, setMessageText: H, setForceSendMessage: fe, resetEdit: pe, removeMessageFile: he } = nt(I), { startEdit: me } = at(I), { isNative: ve, emojiSrc: ge } = it(I);
     let X = o().id;
     p(
       () => o().id,
@@ -73,9 +71,9 @@ const ht = { class: "chat-input__container" }, mt = ["id"], vt = ["id"], gt = {
         X = e;
       }
     );
-    const l = S(), T = S(), L = S(), E = S(null), R = S(!1), ge = Ze("", 2e3), z = S(!1), B = S(!1);
+    const l = S(), T = S(), L = S(), E = S(null), R = S(!1), ye = et("", 2e3), z = S(!1), B = S(!1);
     let m = null;
-    const v = _(() => tt(o()));
+    const v = _(() => lt(o()));
     function K() {
       const e = L.value;
       if (!e) {
@@ -85,7 +83,7 @@ const ht = { class: "chat-input__container" }, mt = ["id"], vt = ["id"], gt = {
       const t = e.scrollWidth - e.clientWidth;
       z.value = e.scrollLeft > 1, B.value = t - e.scrollLeft > 1;
     }
-    function ye(e) {
+    function Se(e) {
       const t = e.firstElementChild;
       if (!t) return e.clientWidth;
       const n = parseFloat(getComputedStyle(e).gap) || 8;
@@ -94,7 +92,7 @@ const ht = { class: "chat-input__container" }, mt = ["id"], vt = ["id"], gt = {
     function J(e) {
       const t = L.value;
       if (!t) return;
-      const n = ye(t);
+      const n = Se(t);
       t.scrollBy({ left: e === "right" ? n : -n, behavior: "smooth" });
     }
     function Q() {
@@ -102,7 +100,7 @@ const ht = { class: "chat-input__container" }, mt = ["id"], vt = ["id"], gt = {
       const e = L.value;
       e && (m = new ResizeObserver(() => K()), m.observe(e));
     }
-    function Se(e) {
+    function _e(e) {
       return e.preview ?? {
         isImage: !1,
         isVideo: !1,
@@ -111,10 +109,10 @@ const ht = { class: "chat-input__container" }, mt = ["id"], vt = ["id"], gt = {
         fileSize: ""
       };
     }
-    const _e = _(
-      () => it(o().text || "", E.value, ve.value)
+    const xe = _(
+      () => ot(o().text || "", E.value, ge.value)
     ), A = _(
-      () => !me.value && ot(o().text || "")
+      () => !ve.value && st(o().text || "")
     ), g = () => {
       if (!T.value || !l.value) return;
       const e = l.value, t = T.value, n = Math.max(0, e.offsetWidth - e.clientWidth);
@@ -124,19 +122,19 @@ const ht = { class: "chat-input__container" }, mt = ["id"], vt = ["id"], gt = {
     function N() {
       E.value = null;
     }
-    function xe(e = "nearest") {
+    function Ie(e = "nearest") {
       const t = l.value;
       if (!t || !A.value) return;
       const n = t.value, i = ae(n, t.selectionStart, e), s = ae(n, t.selectionEnd, e);
       (i !== t.selectionStart || s !== t.selectionEnd) && t.setSelectionRange(i, s);
     }
     function j() {
-      xe("nearest"), I();
+      Ie("nearest"), b();
     }
-    function Ie(e) {
+    function be(e) {
       var s, u, c;
       const t = o(), n = l.value;
-      if (!rt({
+      if (!ut({
         key: e.key,
         altKey: e.altKey,
         metaKey: e.metaKey,
@@ -152,10 +150,10 @@ const ht = { class: "chat-input__container" }, mt = ["id"], vt = ["id"], gt = {
         selectionStart: (n == null ? void 0 : n.selectionStart) ?? 0
       })) return !1;
       const i = (c = a.resolveEditLastSentMessage) == null ? void 0 : c.call(a);
-      return ut(i) ? (e.preventDefault(), he(ct(i)), !0) : !1;
+      return ct(i) ? (e.preventDefault(), me(dt(i)), !0) : !1;
     }
-    function be(e) {
-      if (Ie(e) || !A.value || e.key !== "ArrowLeft" && e.key !== "ArrowRight" || e.altKey || e.metaKey || e.ctrlKey) return;
+    function Ce(e) {
+      if (be(e) || !A.value || e.key !== "ArrowLeft" && e.key !== "ArrowRight" || e.altKey || e.metaKey || e.ctrlKey) return;
       const t = l.value;
       if (!t) return;
       const n = t.value, i = t.selectionStart !== t.selectionEnd;
@@ -166,14 +164,14 @@ const ht = { class: "chat-input__container" }, mt = ["id"], vt = ["id"], gt = {
       if (i) {
         e.preventDefault();
         const c = e.key === "ArrowLeft" ? t.selectionStart : t.selectionEnd, y = e.key === "ArrowLeft" ? oe(n, c) : se(n, c);
-        t.setSelectionRange(y, y), I();
+        t.setSelectionRange(y, y), b();
         return;
       }
       e.preventDefault();
       const s = t.selectionStart, u = e.key === "ArrowLeft" ? oe(n, s) : se(n, s);
-      t.setSelectionRange(u, u), I();
+      t.setSelectionRange(u, u), b();
     }
-    function I() {
+    function b() {
       if (!A.value) {
         N();
         return;
@@ -188,31 +186,31 @@ const ht = { class: "chat-input__container" }, mt = ["id"], vt = ["id"], gt = {
         }
         const t = e.selectionStart, n = e.selectionEnd;
         if (t === n) {
-          E.value !== null && (E.value = null, b(g));
+          E.value !== null && (E.value = null, C(g));
           return;
         }
         const i = E.value;
         if (i && i.start === t && i.end === n) return;
         const s = ((u = T.value) == null ? void 0 : u.scrollTop) ?? 0;
-        E.value = { start: t, end: n }, b(() => {
+        E.value = { start: t, end: n }, C(() => {
           T.value && (T.value.scrollTop = s), g();
         });
       });
     }
-    function Ce(e) {
-      e.buttons && I();
+    function Fe(e) {
+      e.buttons && b();
     }
     function Z() {
-      document.activeElement === l.value && I();
+      document.activeElement === l.value && b();
     }
     const a = M, ee = _(() => {
       const e = Number(a.maxAttachedFiles);
       return Number.isFinite(e) && e > 0 ? Math.floor(e) : ie;
     });
-    $e("maxAttachedFiles", ee);
-    const Fe = _(
+    Ge("maxAttachedFiles", ee);
+    const Te = _(
       () => h("component.ChatInput.FilesSelectedCount").replace("{count}", String(v.value.length)).replace("{max}", String(ee.value))
-    ), Te = _(() => !!(a.state == "disabled" || o().text == "" && !v.value.length || o().isRecording)), Ee = _(() => {
+    ), Ee = _(() => !!(a.state == "disabled" || o().text == "" && !v.value.length || o().isRecording)), Ae = _(() => {
       var t;
       if (a.inputButtonColor)
         return a.inputButtonColor;
@@ -220,7 +218,7 @@ const ht = { class: "chat-input__container" }, mt = ["id"], vt = ["id"], gt = {
         return "#25D366";
       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";
-    }), Ae = _(() => {
+    }), we = _(() => {
       var t;
       if (!((t = a.selectedChannel) != null && t.channelId))
         return h("component.ChatInput.InputPlaceholder");
@@ -228,13 +226,13 @@ const ht = { class: "chat-input__container" }, mt = ["id"], vt = ["id"], gt = {
       return e.includes("whatsapp") || e.includes("waba") ? h("component.ChatInput.WhatsappInputPlaceholder") : e.includes("telegram") ? h("component.ChatInput.TelegramInputPlaceholder") : e.includes("sms") ? h("component.ChatInput.SmsInputPlaceholder") : e.includes("max") ? h("component.ChatInput.MaxInputPlaceholder") : h("component.ChatInput.InputPlaceholder");
     });
     p(
-      () => ge.value,
+      () => ye.value,
       () => {
-        H("typing");
+        D("typing");
       }
     );
     function te(e = !1) {
-      b(() => {
+      C(() => {
         if (e && !R.value) return;
         const t = l.value;
         t && (k(t), e && (R.value = !1), P(t), requestAnimationFrame(() => P(t)));
@@ -253,7 +251,7 @@ const ht = { class: "chat-input__container" }, mt = ["id"], vt = ["id"], gt = {
     ), p(
       () => a.focusOnInputArea,
       () => {
-        a.focusOnInputArea && b(() => {
+        a.focusOnInputArea && C(() => {
           const e = r(l);
           e == null || e.focus();
         });
@@ -276,7 +274,7 @@ const ht = { class: "chat-input__container" }, mt = ["id"], vt = ["id"], gt = {
         }));
       }
     ), p(A, (e) => {
-      e && b(() => {
+      e && C(() => {
         const t = l.value;
         if (!t) return;
         const n = t.scrollTop;
@@ -287,7 +285,7 @@ const ht = { class: "chat-input__container" }, mt = ["id"], vt = ["id"], gt = {
       const t = o().inputHeight;
       e.style.height = (t || Y) + "px", (!t || t <= Y) && (e.style.overflowY = "hidden");
     }
-    function we(e) {
+    function Me(e) {
       const t = parseFloat(e.style.height);
       Number.isFinite(t) && (o().inputHeight = t);
     }
@@ -299,17 +297,17 @@ const ht = { class: "chat-input__container" }, mt = ["id"], vt = ["id"], gt = {
       }
       const n = e.scrollTop;
       e.style.height = "auto";
-      const i = getComputedStyle(e), s = parseFloat(i.fontSize) || 16, u = parseFloat(i.lineHeight) || s * 1.4, c = Y, y = u * 11, G = e.scrollHeight, Ke = t.split(`
+      const i = getComputedStyle(e), s = parseFloat(i.fontSize) || 16, u = parseFloat(i.lineHeight) || s * 1.4, c = Y, y = u * 11, G = e.scrollHeight, We = t.split(`
 `).length > 1, d = document.createElement("div");
       d.style.position = "absolute", d.style.visibility = "hidden", d.style.whiteSpace = "nowrap", d.style.font = i.font, d.style.fontSize = i.fontSize, d.style.fontFamily = i.fontFamily, d.style.fontWeight = i.fontWeight, d.style.letterSpacing = i.letterSpacing, d.textContent = t, document.body.appendChild(d);
-      const We = d.offsetWidth;
+      const Pe = d.offsetWidth;
       document.body.removeChild(d);
-      const Pe = parseFloat(i.paddingLeft) || 0, qe = parseFloat(i.paddingRight) || 0, ze = e.clientWidth - Pe - qe, Be = We > ze, ne = Ke || Be;
+      const qe = parseFloat(i.paddingLeft) || 0, ze = parseFloat(i.paddingRight) || 0, Be = e.clientWidth - qe - ze, Ne = Pe > Be, ne = We || Ne;
       if (ne && G <= c + 1) {
         W(e);
         return;
       }
-      t.trim() && ne ? G <= y ? (e.style.height = G + "px", e.style.overflowY = "hidden") : (e.style.height = y + "px", e.style.overflowY = "auto", e.scrollTop = n) : (e.style.height = c + "px", e.style.overflowY = "hidden"), we(e), g(), requestAnimationFrame(g);
+      t.trim() && ne ? G <= y ? (e.style.height = G + "px", e.style.overflowY = "hidden") : (e.style.height = y + "px", e.style.overflowY = "auto", e.scrollTop = n) : (e.style.height = c + "px", e.style.overflowY = "hidden"), Me(e), g(), requestAnimationFrame(g);
     }
     function P(e) {
       if (a.state === "disabled" || o().isRecording) return;
@@ -319,69 +317,69 @@ const ht = { class: "chat-input__container" }, mt = ["id"], vt = ["id"], gt = {
     p(
       () => o().forceSend,
       () => {
-        o().forceSend && ($(), de(!1));
+        o().forceSend && ($(), fe(!1));
       }
     );
-    const Me = (e) => {
+    const Le = (e) => {
       const t = e.target;
-      H("typing", t.value), I();
+      D("typing", t.value), b();
     };
     p(
       v,
       (e, t) => {
-        b(() => {
+        C(() => {
           Q(), K();
           const n = L.value;
           n && e.length > ((t == null ? void 0 : t.length) ?? 0) && n.scrollTo({ left: n.scrollWidth, behavior: "smooth" });
         });
       },
       { flush: "post" }
-    ), Ge(() => {
+    ), Oe(() => {
       const e = l.value;
       e && (W(e), k(e)), Q(), K(), document.addEventListener("selectionchange", Z);
-    }), Oe(() => {
-      nt(X), document.removeEventListener("selectionchange", Z), m == null || m.disconnect(), w && cancelAnimationFrame(w);
+    }), Ue(() => {
+      ce.commitChatDraftToList(X), document.removeEventListener("selectionchange", Z), m == null || m.disconnect(), w && cancelAnimationFrame(w);
     });
-    const Le = (e) => {
+    const Re = (e) => {
       if (e.shiftKey) {
         if (l.value instanceof HTMLTextAreaElement) {
           let t = l.value.selectionStart;
           t && (l.value.setRangeText(`
-`, t, t, "end"), D(l.value.value));
+`, t, t, "end"), H(l.value.value));
         }
         e.preventDefault();
       } else if (e.ctrlKey) {
         if (l.value instanceof HTMLTextAreaElement) {
           let t = l.value.selectionStart;
           t && (l.value.setRangeText(`
-`, t, t, "end"), D(l.value.value));
+`, t, t, "end"), H(l.value.value));
         }
         e.preventDefault();
       } else
         e.preventDefault(), $();
-    }, Re = (e) => {
+    }, ke = (e) => {
       if (l.value) {
         const t = l.value.value;
         l.value.value = e.newText;
         const n = e.newText.length - (t.length - (e.end - e.start)), i = e.start + n;
-        D(e.newText), b(() => {
+        H(e.newText), C(() => {
           l.value && (l.value.setSelectionRange(i, i), l.value.focus());
         });
       }
     };
-    function ke(e) {
-      pe(e);
+    function De(e) {
+      he(e);
     }
     function He() {
-      fe(), D(""), at(F), l.value && l.value.focus();
+      pe(), H(""), rt(I), l.value && l.value.focus();
     }
-    function De() {
+    function Ke() {
       const e = o();
       return e.edit ? (e.text ?? "").trim() === (e.edit.text ?? "").trim() : !1;
     }
     const $ = () => {
       const e = S(o());
-      if (e.value.edit && De() && !v.value.length) {
+      if (e.value.edit && Ke() && !v.value.length) {
         He();
         return;
       }
@@ -405,28 +403,29 @@ const ht = { class: "chat-input__container" }, mt = ["id"], vt = ["id"], gt = {
               size: (y = s.size) == null ? void 0 : y.toString(),
               text: u === 0 ? i : ""
             };
-            u === 0 && (e.value.reply && (c.reply = e.value.reply), e.value.edit && (c.edit = e.value.edit)), H("send", c);
+            u === 0 && (e.value.reply && (c.reply = e.value.reply), e.value.edit && (c.edit = e.value.edit)), D("send", c);
           });
         } else
-          t.type = "message.text", t.text = e.value.text.trim(), e.value.reply && (t.reply = e.value.reply), e.value.edit && (t.edit = e.value.edit), H("send", t);
-        ce(), l.value && l.value.focus();
+          t.type = "message.text", t.text = e.value.text.trim(), e.value.reply && (t.reply = e.value.reply), e.value.edit && (t.edit = e.value.edit), D("send", t);
+        de(), l.value && l.value.focus();
       }
     };
-    return (e, t) => (x(), C("div", ht, [
+    return (e, t) => (x(), F("div", mt, [
       f("div", {
-        id: "chat-input-reply-line-" + r(F),
-        class: "chat-input__reply-line"
-      }, null, 8, mt),
+        id: "chat-input-reply-line-" + r(I),
+        class: "chat-input__reply-line",
+        "data-testid": "chat-input-reply-line"
+      }, null, 8, vt),
       f("div", {
-        id: "chat-input-file-line-" + r(F),
+        id: "chat-input-file-line-" + r(I),
         class: O(["chat-input__file-line", { "chat-input__file-line--visible": v.value.length > 0 }])
       }, [
-        f("span", gt, [
+        f("span", yt, [
           f("span", null, U(r(h)("component.ChatInput.FilesSelected")), 1),
-          f("span", null, U(Fe.value), 1)
+          f("span", null, U(Te.value), 1)
         ]),
-        f("div", yt, [
-          z.value ? (x(), C("button", {
+        f("div", St, [
+          z.value ? (x(), F("button", {
             key: 0,
             type: "button",
             class: "chat-input__file-scroll chat-input__file-scroll--left",
@@ -434,20 +433,20 @@ const ht = { class: "chat-input__container" }, mt = ["id"], vt = ["id"], gt = {
             onClick: t[0] || (t[0] = (n) => J("left"))
           }, [
             q(r(re))
-          ], 8, St)) : V("", !0),
+          ], 8, _t)) : V("", !0),
           f("div", {
             ref_key: "refFileChips",
             ref: L,
             class: "chat-input__file-chips",
             onScroll: K
           }, [
-            (x(!0), C(Ue, null, Ve(v.value, (n, i) => (x(), Ye(pt, {
+            (x(!0), F(Ve, null, Ye(v.value, (n, i) => (x(), Xe(ht, {
               key: (n.url || n.name || "") + "-" + i,
-              "file-info": Se(n),
-              onReset: (s) => ke(i)
+              "file-info": _e(n),
+              onReset: (s) => De(i)
             }, null, 8, ["file-info", "onReset"]))), 128))
           ], 544),
-          B.value ? (x(), C("button", {
+          B.value ? (x(), F("button", {
             key: 1,
             type: "button",
             class: "chat-input__file-scroll chat-input__file-scroll--right",
@@ -455,63 +454,66 @@ const ht = { class: "chat-input__container" }, mt = ["id"], vt = ["id"], gt = {
             onClick: t[1] || (t[1] = (n) => J("right"))
           }, [
             q(r(re))
-          ], 8, _t)) : V("", !0)
+          ], 8, xt)) : V("", !0)
         ])
-      ], 10, vt),
-      f("div", xt, [
+      ], 10, gt),
+      f("div", It, [
         le(e.$slots, "inline-buttons", {}, void 0, !0)
       ]),
-      M.disabledPlaceholder && (M.state == "disabled" || r(o)().isRecording) ? (x(), C("div", It, U(M.disabledPlaceholder), 1)) : (x(), C("div", bt, [
-        A.value ? (x(), C("div", {
+      M.disabledPlaceholder && (M.state == "disabled" || r(o)().isRecording) ? (x(), F("div", bt, U(M.disabledPlaceholder), 1)) : (x(), F("div", Ct, [
+        A.value ? (x(), F("div", {
           key: 0,
           ref_key: "refMirror",
           ref: T,
           class: "chat-input__input-mirror",
           "aria-hidden": "true",
-          innerHTML: _e.value
-        }, null, 8, Ct)) : V("", !0),
-        Xe(f("textarea", {
+          innerHTML: xe.value
+        }, null, 8, Ft)) : V("", !0),
+        Je(f("textarea", {
           ref_key: "refInput",
           ref: l,
           "onUpdate:modelValue": t[2] || (t[2] = (n) => r(o)().text = n),
           rows: "1",
+          "data-testid": "chat-input-textarea",
           disabled: M.state == "disabled" || r(o)().isRecording,
           class: O(["chat-input__input", { "chat-input__input--emoji-images": A.value }]),
-          placeholder: Ae.value,
+          placeholder: we.value,
           onKeydown: [
-            be,
-            Je(Le, ["enter"])
+            Ce,
+            Qe(Re, ["enter"])
           ],
-          onInput: Me,
+          onInput: Le,
           onScroll: g,
-          onSelect: I,
+          onSelect: b,
           onMouseup: j,
           onKeyup: j,
-          onMousemove: Ce,
+          onMousemove: Fe,
           onBlur: N
-        }, null, 42, Ft), [
-          [Qe, r(o)().text]
+        }, null, 42, Tt), [
+          [Ze, r(o)().text]
         ])
       ])),
-      q(ft, {
+      q(pt, {
         textarea: l.value,
-        onFormatApplied: Re
+        onFormatApplied: ke
       }, null, 8, ["textarea"]),
       f("button", {
-        class: O(["chat-input__button", { "chat-input__button-disabled": Te.value }]),
+        type: "button",
+        class: O(["chat-input__button", { "chat-input__button-disabled": Ee.value }]),
+        "data-testid": "chat-input-send",
         disabled: r(o)().isRecording,
         onClick: $
       }, [
-        f("span", Et, [
-          q(r(dt), { color: Ee.value }, null, 8, ["color"])
+        f("span", At, [
+          q(r(ft), { color: Ae.value }, null, 8, ["color"])
         ])
-      ], 10, Tt),
-      f("div", At, [
+      ], 10, Et),
+      f("div", wt, [
         le(e.$slots, "buttons", {}, void 0, !0)
       ])
     ]));
   }
 });
 export {
-  Jt as default
+  Xt as default
 };