@mobilon-dev/chotto 0.3.97 → 0.3.98

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

@@ -1,7 +1,88 @@
-import t from "./ChatInput.vue2.js";
+import h from "./ChatInput.vue2.js";
+import { createElementBlock as o, openBlock as i, createElementVNode as t, createVNode as d, normalizeClass as l, createBlock as p, createCommentVNode as c, renderSlot as s, toDisplayString as u, withDirectives as m, withKeys as f, vModelText as v } from "vue";
 /* empty css               */
-import o from "../../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ o(t, [["__scopeId", "data-v-9ff21b69"]]);
+import b from "../../../_virtual/_plugin-vue_export-helper.js";
+const g = { class: "chat-input__container" }, M = ["id"], y = ["id"], I = { class: "chat-input__inline-buttons" }, S = {
+  key: 0,
+  class: "chat-input__input chat-input__disabled-placeholder"
+}, w = {
+  key: 1,
+  class: "chat-input__input-wrap"
+}, k = ["innerHTML"], C = ["disabled", "placeholder"], x = ["disabled"], P = { class: "" }, A = { class: "chat-input__third-line" };
+function T(a, r, n, e, j, B) {
+  return i(), o("div", g, [
+    t("div", {
+      id: "chat-input-reply-line-" + e.chatAppId,
+      class: "chat-input__reply-line"
+    }, null, 8, M),
+    t("div", {
+      id: "chat-input-file-line-" + e.chatAppId,
+      class: l(["chat-input__file-line", { "chat-input__file-line--visible": !!e.filePreview }])
+    }, [
+      e.filePreview ? (i(), p(e.FilePreview, {
+        key: 0,
+        "file-info": e.filePreview,
+        onReset: e.resetSelectedFile
+      }, null, 8, ["file-info"])) : c("v-if", !0)
+    ], 10, y),
+    t("div", I, [
+      s(a.$slots, "inline-buttons", {}, void 0, !0)
+    ]),
+    n.disabledPlaceholder && (n.state == "disabled" || e.getMessage().isRecording) ? (i(), o(
+      "div",
+      S,
+      u(n.disabledPlaceholder),
+      1
+      /* TEXT */
+    )) : (i(), o("div", w, [
+      e.useEmojiMirror ? (i(), o("div", {
+        key: 0,
+        ref: "refMirror",
+        class: "chat-input__input-mirror",
+        "aria-hidden": "true",
+        innerHTML: e.emojiMirrorHtml
+      }, null, 8, k)) : c("v-if", !0),
+      m(t("textarea", {
+        ref: "refInput",
+        "onUpdate:modelValue": r[0] || (r[0] = (_) => e.getMessage().text = _),
+        rows: "1",
+        disabled: n.state == "disabled" || e.getMessage().isRecording,
+        class: l(["chat-input__input", { "chat-input__input--emoji-images": e.useEmojiMirror }]),
+        placeholder: e.inputPlaceholder,
+        onKeydown: [
+          e.onInputKeydown,
+          f(e.keyEnter, ["enter"])
+        ],
+        onInput: e.sendTyping,
+        onScroll: e.syncMirrorScroll,
+        onSelect: e.updateSelectionState,
+        onMouseup: e.snapCaretAndUpdateSelection,
+        onKeyup: e.snapCaretAndUpdateSelection,
+        onMousemove: e.onInputMouseMove,
+        onBlur: e.clearSelectionHighlight
+      }, null, 42, C), [
+        [v, e.getMessage().text]
+      ])
+    ])),
+    d(e.TextFormatToolbar, {
+      textarea: e.refInput,
+      onFormatApplied: e.handleFormatApplied
+    }, null, 8, ["textarea"]),
+    t("button", {
+      class: l(["chat-input__button", { "chat-input__button-disabled": e.disabledSendButton }]),
+      disabled: e.getMessage().isRecording,
+      onClick: e.sendMessage
+    }, [
+      t("span", P, [
+        d(e.SendIcon, { color: e.sendIconColor }, null, 8, ["color"])
+      ])
+    ], 10, x),
+    t("div", A, [
+      s(a.$slots, "buttons", {}, void 0, !0)
+    ])
+  ]);
+}
+const R = /* @__PURE__ */ b(h, [["render", T], ["__scopeId", "data-v-c1d61267"], ["__file", "/var/store/dev-space/repos-projects/chotto/chotto/src/components/3_compounds/ChatInput/ChatInput.vue"]]);
 export {
-  a as default
+  R as default
 };

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

@@ -1,9 +1,9 @@
-import { defineComponent as be, inject as we, watch as d, ref as E, computed as _, nextTick as S, unref as u, onMounted as Ce, onUnmounted as Ae, createElementBlock as k, openBlock as F, createElementVNode as h, createVNode as O, normalizeClass as z, createBlock as Ee, createCommentVNode as U, renderSlot as Y, toDisplayString as Fe, withDirectives as Me, withKeys as Re, vModelText as He } from "vue";
-import { useImmediateDebouncedRef as ke } from "../../../hooks/useImmediateDebouncedRef.js";
-import { useMessageDraft as Le, commitChatDraftToList as De } from "../../../hooks/useMessageDraft.js";
+import { defineComponent as ye, inject as xe, watch as f, ref as F, computed as x, nextTick as S, unref as Se, onMounted as Ie, onUnmounted as Te } from "vue";
+import { useImmediateDebouncedRef as we } from "../../../hooks/useImmediateDebouncedRef.js";
+import { useMessageDraft as Ce, commitChatDraftToList as Ae } from "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import "../../../hooks/useTheme.js";
-import { useEmojiNative as Pe } from "../../../hooks/useEmojiNative.js";
+import { useEmojiNative as Ee } from "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
 import { t as I } from "../../../locale/useLocale.js";
@@ -11,18 +11,12 @@ import { t as I } 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 We, textContainsEmoji as qe, previousGraphemeIndex as V, nextGraphemeIndex as $, snapIndexToGrapheme as J } from "../../../functions/renderAppleEmojis.js";
-import { hideEditPreview as Be } from "../../../hooks/messages/useStartEdit.js";
-import ze from "./icons/SendIcon.vue.js";
-import Ke from "../../2_chatinput_elements/TextFormatToolbar/TextFormatToolbar.vue.js";
-import je from "../../2_chatinput_elements/FilePreview/FilePreview.vue.js";
-const Ne = { class: "chat-input__container" }, Ge = ["id"], Oe = ["id"], Ue = { class: "chat-input__inline-buttons" }, Ye = {
-  key: 0,
-  class: "chat-input__input chat-input__disabled-placeholder"
-}, Ve = {
-  key: 1,
-  class: "chat-input__input-wrap"
-}, $e = ["innerHTML"], Je = ["disabled", "placeholder"], Qe = ["disabled"], Xe = { class: "" }, Ze = { class: "chat-input__third-line" }, K = 40, xt = /* @__PURE__ */ be({
+import { textToAppleEmojiHtml as Fe, textContainsEmoji as be, snapIndexToGrapheme as J, previousGraphemeIndex as Q, nextGraphemeIndex as V } from "../../../functions/renderAppleEmojis.js";
+import { hideEditPreview as Me } from "../../../hooks/messages/useStartEdit.js";
+import Re from "./icons/SendIcon.vue.js";
+import He from "../../2_chatinput_elements/TextFormatToolbar/TextFormatToolbar.vue.js";
+import De from "../../2_chatinput_elements/FilePreview/FilePreview.vue.js";
+const H = 40, Xe = /* @__PURE__ */ ye({
   __name: "ChatInput",
   props: {
     state: {
@@ -51,251 +45,252 @@ const Ne = { class: "chat-input__container" }, Ge = ["id"], Oe = ["id"], Ue = {
     }
   },
   emits: ["send", "typing"],
-  setup(T, { emit: Q }) {
-    const L = Q, b = we("chatAppId"), { resetMessage: X, getMessage: l, setMessageText: M, setForceSendMessage: Z, resetEdit: ee, resetMessageFile: te } = Le(b), { isNative: ne } = Pe(b);
-    let j = l().id;
-    d(
+  setup(X, { expose: Z, emit: ee }) {
+    Z();
+    const b = ee, M = xe("chatAppId"), { resetMessage: _, getMessage: l, setMessageText: T, setForceSendMessage: q, resetEdit: j, resetMessageFile: z } = Ce(M), { isNative: k } = Ee(M);
+    let R = l().id;
+    f(
       () => l().id,
       (e) => {
-        j = e;
+        R = e;
       }
     );
-    const n = E(), m = E(), v = E(null), w = E(!1), ie = ke("", 2e3), D = _(() => {
+    const n = F(), h = F(), d = F(null), v = F(!1), B = we("", 2e3), te = x(() => {
       var e;
       return (e = l().file) == null ? void 0 : e.preview;
-    }), oe = _(
-      () => We(l().text || "", v.value)
-    ), g = _(
-      () => !ne.value && qe(l().text || "")
-    ), c = () => {
-      if (!m.value || !n.value) return;
-      const e = n.value, t = m.value, o = Math.max(0, e.offsetWidth - e.clientWidth);
-      t.style.right = o > 0 ? `${o}px` : "", t.scrollTop = e.scrollTop;
+    }), ne = x(
+      () => Fe(l().text || "", d.value)
+    ), w = x(
+      () => !k.value && be(l().text || "")
+    ), u = () => {
+      if (!h.value || !n.value) return;
+      const e = n.value, t = h.value, i = Math.max(0, e.offsetWidth - e.clientWidth);
+      t.style.right = i > 0 ? `${i}px` : "", t.scrollTop = e.scrollTop;
     };
-    let y = 0;
-    function P() {
-      v.value = null;
+    let c = 0;
+    function D() {
+      d.value = null;
     }
-    function le(e = "nearest") {
+    function K(e = "nearest") {
       const t = n.value;
-      if (!t || !g.value) return;
-      const o = t.value, i = J(o, t.selectionStart, e), r = J(o, t.selectionEnd, e);
-      (i !== t.selectionStart || r !== t.selectionEnd) && t.setSelectionRange(i, r);
+      if (!t || !w.value) return;
+      const i = t.value, o = J(i, t.selectionStart, e), a = J(i, t.selectionEnd, e);
+      (o !== t.selectionStart || a !== t.selectionEnd) && t.setSelectionRange(o, a);
     }
-    function W() {
-      le("nearest"), f();
+    function O() {
+      K("nearest"), p();
     }
-    function se(e) {
-      if (!g.value || e.key !== "ArrowLeft" && e.key !== "ArrowRight" || e.altKey || e.metaKey || e.ctrlKey) return;
+    function oe(e) {
+      if (!w.value || e.key !== "ArrowLeft" && e.key !== "ArrowRight" || e.altKey || e.metaKey || e.ctrlKey) return;
       const t = n.value;
       if (!t) return;
-      const o = t.value, i = t.selectionStart !== t.selectionEnd;
+      const i = t.value, o = t.selectionStart !== t.selectionEnd;
       if (e.shiftKey) {
-        requestAnimationFrame(() => W());
+        requestAnimationFrame(() => O());
         return;
       }
-      if (i) {
+      if (o) {
         e.preventDefault();
-        const x = e.key === "ArrowLeft" ? t.selectionStart : t.selectionEnd, A = e.key === "ArrowLeft" ? V(o, x) : $(o, x);
-        t.setSelectionRange(A, A), f();
+        const y = e.key === "ArrowLeft" ? t.selectionStart : t.selectionEnd, E = e.key === "ArrowLeft" ? Q(i, y) : V(i, y);
+        t.setSelectionRange(E, E), p();
         return;
       }
       e.preventDefault();
-      const r = t.selectionStart, p = e.key === "ArrowLeft" ? V(o, r) : $(o, r);
-      t.setSelectionRange(p, p), f();
+      const a = t.selectionStart, m = e.key === "ArrowLeft" ? Q(i, a) : V(i, a);
+      t.setSelectionRange(m, m), p();
     }
-    function f() {
-      if (!g.value) {
-        P();
+    function p() {
+      if (!w.value) {
+        D();
         return;
       }
-      y && cancelAnimationFrame(y), y = requestAnimationFrame(() => {
-        var p;
-        y = 0;
+      c && cancelAnimationFrame(c), c = requestAnimationFrame(() => {
+        var m;
+        c = 0;
         const e = n.value;
         if (!e) {
-          P();
+          D();
           return;
         }
-        const t = e.selectionStart, o = e.selectionEnd;
-        if (t === o) {
-          v.value !== null && (v.value = null, S(c));
+        const t = e.selectionStart, i = e.selectionEnd;
+        if (t === i) {
+          d.value !== null && (d.value = null, S(u));
           return;
         }
-        const i = v.value;
-        if (i && i.start === t && i.end === o) return;
-        const r = ((p = m.value) == null ? void 0 : p.scrollTop) ?? 0;
-        v.value = { start: t, end: o }, S(() => {
-          m.value && (m.value.scrollTop = r), c();
+        const o = d.value;
+        if (o && o.start === t && o.end === i) return;
+        const a = ((m = h.value) == null ? void 0 : m.scrollTop) ?? 0;
+        d.value = { start: t, end: i }, S(() => {
+          h.value && (h.value.scrollTop = a), u();
         });
       });
     }
-    function ae(e) {
-      e.buttons && f();
+    function ie(e) {
+      e.buttons && p();
     }
-    function N() {
-      document.activeElement === n.value && f();
+    function L() {
+      document.activeElement === n.value && p();
     }
-    const a = T, re = _(() => !!(a.state == "disabled" || l().text == "" && !l().file || l().isRecording)), ue = _(() => {
+    const s = X, le = x(() => !!(s.state == "disabled" || l().text == "" && !l().file || l().isRecording)), re = x(() => {
       var t;
-      if (a.inputButtonColor)
-        return a.inputButtonColor;
-      if (!((t = a.selectedChannel) != null && t.channelId))
+      if (s.inputButtonColor)
+        return s.inputButtonColor;
+      if (!((t = s.selectedChannel) != null && t.channelId))
         return "#25D366";
-      const e = a.selectedChannel.channelId.toLowerCase();
+      const e = s.selectedChannel.channelId.toLowerCase();
       return e.includes("whatsapp") || e.includes("waba") ? "#25D366" : e.includes("telegram") ? "#37AFE2" : e.includes("sms") ? "#6C757D" : e.includes("max") ? "#4B0082" : "#25D366";
-    }), ce = _(() => {
+    }), se = x(() => {
       var t;
-      if (!((t = a.selectedChannel) != null && t.channelId))
+      if (!((t = s.selectedChannel) != null && t.channelId))
         return I("component.ChatInput.InputPlaceholder");
-      const e = a.selectedChannel.channelId.toLowerCase();
+      const e = s.selectedChannel.channelId.toLowerCase();
       return e.includes("whatsapp") || e.includes("waba") ? I("component.ChatInput.WhatsappInputPlaceholder") : e.includes("telegram") ? I("component.ChatInput.TelegramInputPlaceholder") : e.includes("sms") ? I("component.ChatInput.SmsInputPlaceholder") : e.includes("max") ? I("component.ChatInput.MaxInputPlaceholder") : I("component.ChatInput.InputPlaceholder");
     });
-    d(
-      () => ie.value,
+    f(
+      () => B.value,
       () => {
-        L("typing");
+        b("typing");
       }
-    ), d(
+    ), f(
       () => {
         var e;
         return (e = l().edit) == null ? void 0 : e.messageId;
       },
       (e, t) => {
-        e != null && e !== t && (w.value = !0, S(() => {
-          if (!w.value) return;
-          const o = n.value;
-          o && (C(o), w.value = !1, H(o), requestAnimationFrame(() => H(o)));
+        e != null && e !== t && (v.value = !0, S(() => {
+          if (!v.value) return;
+          const i = n.value;
+          i && (g(i), v.value = !1, A(i), requestAnimationFrame(() => A(i)));
         }));
       }
-    ), d(
-      () => a.focusOnInputArea,
+    ), f(
+      () => s.focusOnInputArea,
       () => {
-        a.focusOnInputArea && S(() => {
-          const e = u(n);
+        s.focusOnInputArea && S(() => {
+          const e = Se(n);
           e == null || e.focus();
         });
       },
       { immediate: !0 }
-    ), d(
+    ), f(
       () => l().text,
       () => {
         const e = n.value;
-        e && (C(e), w.value && (w.value = !1, H(e), requestAnimationFrame(() => H(e))));
+        e && (g(e), v.value && (v.value = !1, A(e), requestAnimationFrame(() => A(e))));
       },
       { immediate: !0, flush: "post" }
-    ), d(
+    ), f(
       () => l().id,
       () => {
         const e = n.value;
-        e && (R(e), requestAnimationFrame(() => {
+        e && (C(e), requestAnimationFrame(() => {
           const t = n.value;
-          t && C(t);
+          t && g(t);
         }));
       }
-    ), d(g, (e) => {
+    ), f(w, (e) => {
       e && S(() => {
         const t = n.value;
         if (!t) return;
-        const o = t.scrollTop;
-        C(t), t.scrollTop = o, c(), requestAnimationFrame(c);
+        const i = t.scrollTop;
+        g(t), t.scrollTop = i, u(), requestAnimationFrame(u);
       });
     });
-    function R(e) {
+    function C(e) {
       const t = l().inputHeight;
-      e.style.height = (t || K) + "px", (!t || t <= K) && (e.style.overflowY = "hidden");
+      e.style.height = (t || H) + "px", (!t || t <= H) && (e.style.overflowY = "hidden");
     }
-    function de(e) {
+    function G(e) {
       const t = parseFloat(e.style.height);
       Number.isFinite(t) && (l().inputHeight = t);
     }
-    function C(e) {
+    function g(e) {
       const t = l().text || "";
       if (e.value !== t || e.clientWidth === 0) {
-        R(e);
+        C(e);
         return;
       }
-      const o = e.scrollTop;
+      const i = e.scrollTop;
       e.style.height = "auto";
-      const i = getComputedStyle(e), r = parseFloat(i.fontSize) || 16, p = parseFloat(i.lineHeight) || r * 1.4, x = K, A = p * 11, B = e.scrollHeight, ye = t.split(`
-`).length > 1, s = document.createElement("div");
-      s.style.position = "absolute", s.style.visibility = "hidden", s.style.whiteSpace = "nowrap", s.style.font = i.font, s.style.fontSize = i.fontSize, s.style.fontFamily = i.fontFamily, s.style.fontWeight = i.fontWeight, s.style.letterSpacing = i.letterSpacing, s.textContent = t, document.body.appendChild(s);
-      const xe = s.offsetWidth;
-      document.body.removeChild(s);
-      const _e = parseFloat(i.paddingLeft) || 0, Se = parseFloat(i.paddingRight) || 0, Ie = e.clientWidth - _e - Se, Te = xe > Ie, G = ye || Te;
-      if (G && B <= x + 1) {
-        R(e);
+      const o = getComputedStyle(e), a = parseFloat(o.fontSize) || 16, m = parseFloat(o.lineHeight) || a * 1.4, y = H, E = m * 11, W = e.scrollHeight, de = t.split(`
+`).length > 1, r = document.createElement("div");
+      r.style.position = "absolute", r.style.visibility = "hidden", r.style.whiteSpace = "nowrap", r.style.font = o.font, r.style.fontSize = o.fontSize, r.style.fontFamily = o.fontFamily, r.style.fontWeight = o.fontWeight, r.style.letterSpacing = o.letterSpacing, r.textContent = t, document.body.appendChild(r);
+      const pe = r.offsetWidth;
+      document.body.removeChild(r);
+      const me = parseFloat(o.paddingLeft) || 0, he = parseFloat(o.paddingRight) || 0, ve = e.clientWidth - me - he, ge = pe > ve, $ = de || ge;
+      if ($ && W <= y + 1) {
+        C(e);
         return;
       }
-      t.trim() && G ? B <= A ? (e.style.height = B + "px", e.style.overflowY = "hidden") : (e.style.height = A + "px", e.style.overflowY = "auto", e.scrollTop = o) : (e.style.height = x + "px", e.style.overflowY = "hidden"), de(e), c(), requestAnimationFrame(c);
+      t.trim() && $ ? W <= E ? (e.style.height = W + "px", e.style.overflowY = "hidden") : (e.style.height = E + "px", e.style.overflowY = "auto", e.scrollTop = i) : (e.style.height = y + "px", e.style.overflowY = "hidden"), G(e), u(), requestAnimationFrame(u);
     }
-    function H(e) {
-      if (a.state === "disabled" || l().isRecording) return;
+    function A(e) {
+      if (s.state === "disabled" || l().isRecording) return;
       const t = e.value.length;
-      e.focus(), e.setSelectionRange(t, t), e.scrollTop = e.scrollHeight, c();
+      e.focus(), e.setSelectionRange(t, t), e.scrollTop = e.scrollHeight, u();
     }
-    d(
+    f(
       () => l().forceSend,
       () => {
-        l().forceSend && (q(), Z(!1));
+        l().forceSend && (P(), q(!1));
       }
     );
-    const fe = (e) => {
+    const ae = (e) => {
       const t = e.target;
-      L("typing", t.value), f();
+      b("typing", t.value), p();
     };
-    Ce(() => {
+    Ie(() => {
       const e = n.value;
-      e && (R(e), C(e)), document.addEventListener("selectionchange", N);
-    }), Ae(() => {
-      De(j), document.removeEventListener("selectionchange", N), y && cancelAnimationFrame(y);
+      e && (C(e), g(e)), document.addEventListener("selectionchange", L);
+    }), Te(() => {
+      Ae(R), document.removeEventListener("selectionchange", L), c && cancelAnimationFrame(c);
     });
-    const pe = (e) => {
+    const ue = (e) => {
       if (e.shiftKey) {
         if (n.value instanceof HTMLTextAreaElement) {
           let t = n.value.selectionStart;
           t && (n.value.setRangeText(`
-`, t, t, "end"), M(n.value.value));
+`, t, t, "end"), T(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"), T(n.value.value));
         }
         e.preventDefault();
       } else
-        e.preventDefault(), q();
-    }, he = (e) => {
+        e.preventDefault(), P();
+    }, ce = (e) => {
       if (n.value) {
         const t = n.value.value;
         n.value.value = e.newText;
-        const o = e.newText.length - (t.length - (e.end - e.start)), i = e.start + o;
-        M(e.newText), S(() => {
-          n.value && (n.value.setSelectionRange(i, i), n.value.focus());
+        const i = e.newText.length - (t.length - (e.end - e.start)), o = e.start + i;
+        T(e.newText), S(() => {
+          n.value && (n.value.setSelectionRange(o, o), n.value.focus());
         });
       }
     };
-    function me() {
-      te();
+    function fe() {
+      z();
     }
-    function ve() {
-      ee(), M(""), Be(b), n.value && n.value.focus();
+    function N() {
+      j(), T(""), Me(M), n.value && n.value.focus();
     }
-    function ge() {
+    function Y() {
       const e = l();
       return e.edit ? (e.text ?? "").trim() === (e.edit.text ?? "").trim() : !1;
     }
-    const q = () => {
-      var t, o;
-      const e = E(l());
-      if (e.value.edit && ge()) {
-        ve();
+    const P = () => {
+      var t, i;
+      const e = F(l());
+      if (e.value.edit && Y()) {
+        N();
         return;
       }
       if (e.value.text != "" || e.value.file) {
-        const i = {
+        const o = {
           type: "",
           text: "",
           url: "",
@@ -303,78 +298,22 @@ const Ne = { class: "chat-input__container" }, Ge = ["id"], Oe = ["id"], Ue = {
           size: "",
           reply: void 0
         };
-        e.value.file ? (i.type = "message." + e.value.file.type, i.url = e.value.file.url, i.filename = e.value.file.name, i.size = (t = e.value.file.size) == null ? void 0 : t.toString(), i.text = (o = e == null ? void 0 : e.value) == null ? void 0 : o.text.trim()) : (i.type = "message.text", i.text = e.value.text.trim()), e.value.reply && (i.reply = e.value.reply), e.value.edit && (i.edit = e.value.edit), L("send", i), X(), n.value && n.value.focus();
+        e.value.file ? (o.type = "message." + e.value.file.type, o.url = e.value.file.url, o.filename = e.value.file.name, o.size = (t = e.value.file.size) == null ? void 0 : t.toString(), o.text = (i = e == null ? void 0 : e.value) == null ? void 0 : i.text.trim()) : (o.type = "message.text", o.text = e.value.text.trim()), e.value.reply && (o.reply = e.value.reply), e.value.edit && (o.edit = e.value.edit), b("send", o), _(), n.value && n.value.focus();
       }
-    };
-    return (e, t) => (F(), k("div", Ne, [
-      h("div", {
-        id: "chat-input-reply-line-" + u(b),
-        class: "chat-input__reply-line"
-      }, null, 8, Ge),
-      h("div", {
-        id: "chat-input-file-line-" + u(b),
-        class: z(["chat-input__file-line", { "chat-input__file-line--visible": !!D.value }])
-      }, [
-        D.value ? (F(), Ee(je, {
-          key: 0,
-          "file-info": D.value,
-          onReset: me
-        }, null, 8, ["file-info"])) : U("", !0)
-      ], 10, Oe),
-      h("div", Ue, [
-        Y(e.$slots, "inline-buttons", {}, void 0, !0)
-      ]),
-      T.disabledPlaceholder && (T.state == "disabled" || u(l)().isRecording) ? (F(), k("div", Ye, Fe(T.disabledPlaceholder), 1)) : (F(), k("div", Ve, [
-        g.value ? (F(), k("div", {
-          key: 0,
-          ref_key: "refMirror",
-          ref: m,
-          class: "chat-input__input-mirror",
-          "aria-hidden": "true",
-          innerHTML: oe.value
-        }, null, 8, $e)) : U("", !0),
-        Me(h("textarea", {
-          ref_key: "refInput",
-          ref: n,
-          "onUpdate:modelValue": t[0] || (t[0] = (o) => u(l)().text = o),
-          rows: "1",
-          disabled: T.state == "disabled" || u(l)().isRecording,
-          class: z(["chat-input__input", { "chat-input__input--emoji-images": g.value }]),
-          placeholder: ce.value,
-          onKeydown: [
-            se,
-            Re(pe, ["enter"])
-          ],
-          onInput: fe,
-          onScroll: c,
-          onSelect: f,
-          onMouseup: W,
-          onKeyup: W,
-          onMousemove: ae,
-          onBlur: P
-        }, null, 42, Je), [
-          [He, u(l)().text]
-        ])
-      ])),
-      O(Ke, {
-        textarea: n.value,
-        onFormatApplied: he
-      }, null, 8, ["textarea"]),
-      h("button", {
-        class: z(["chat-input__button", { "chat-input__button-disabled": re.value }]),
-        disabled: u(l)().isRecording,
-        onClick: q
-      }, [
-        h("span", Xe, [
-          O(u(ze), { color: ue.value }, null, 8, ["color"])
-        ])
-      ], 10, Qe),
-      h("div", Ze, [
-        Y(e.$slots, "buttons", {}, void 0, !0)
-      ])
-    ]));
+    }, U = { emit: b, chatAppId: M, resetMessage: _, getMessage: l, setMessageText: T, setForceSendMessage: q, resetEdit: j, resetMessageFile: z, isNative: k, get ownedDraftId() {
+      return R;
+    }, set ownedDraftId(e) {
+      R = e;
+    }, refInput: n, refMirror: h, selectionRange: d, focusAtEndAfterResize: v, typing: B, filePreview: te, emojiMirrorHtml: ne, useEmojiMirror: w, syncMirrorScroll: u, get selectionSyncRaf() {
+      return c;
+    }, set selectionSyncRaf(e) {
+      c = e;
+    }, clearSelectionHighlight: D, snapTextareaCaret: K, snapCaretAndUpdateSelection: O, onInputKeydown: oe, updateSelectionState: p, onInputMouseMove: ie, onDocumentSelectionChange: L, props: s, disabledSendButton: le, sendIconColor: re, inputPlaceholder: se, INPUT_MIN_HEIGHT: H, applySavedInputHeight: C, persistInputHeight: G, resizeTextarea: g, applyFocusAtEnd: A, sendTyping: ae, keyEnter: ue, handleFormatApplied: ce, resetSelectedFile: fe, cancelEditMode: N, isEditTextUnchanged: Y, sendMessage: P, get SendIcon() {
+      return Re;
+    }, TextFormatToolbar: He, FilePreview: De };
+    return Object.defineProperty(U, "__isScriptSetup", { enumerable: !1, value: !0 }), U;
   }
 });
 export {
-  xt as default
+  Xe as default
 };