@mobilon-dev/chotto 0.3.92 → 0.3.93

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

@@ -1,9 +1,9 @@
-import { defineComponent as Te, inject as be, ref as E, computed as _, watch as p, nextTick as S, unref as u, onMounted as we, onUnmounted as Ce, createElementBlock as k, openBlock as F, createElementVNode as h, createVNode as G, normalizeClass as z, createBlock as Ae, createCommentVNode as O, renderSlot as U, toDisplayString as Ee, withDirectives as Fe, withKeys as Me, vModelText as Re } from "vue";
-import { useImmediateDebouncedRef as He } from "../../../hooks/useImmediateDebouncedRef.js";
-import { useMessageDraft as ke } from "../../../hooks/useMessageDraft.js";
+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 "../../../hooks/useSearchModel.js";
 import "../../../hooks/useTheme.js";
-import { useEmojiNative as Le } from "../../../hooks/useEmojiNative.js";
+import { useEmojiNative as Pe } from "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
 import { t as I } from "../../../locale/useLocale.js";
@@ -11,18 +11,18 @@ 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 De, textContainsEmoji as Pe, previousGraphemeIndex as Y, nextGraphemeIndex as V, snapIndexToGrapheme as $ } from "../../../functions/renderAppleEmojis.js";
-import { hideEditPreview as We } from "../../../hooks/messages/useStartEdit.js";
-import qe from "./icons/SendIcon.vue.js";
-import Be from "../../2_chatinput_elements/TextFormatToolbar/TextFormatToolbar.vue.js";
-import ze from "../../2_chatinput_elements/FilePreview/FilePreview.vue.js";
-const Ke = { class: "chat-input__container" }, je = ["id"], Ne = ["id"], Ge = { class: "chat-input__inline-buttons" }, Oe = {
+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"
-}, Ue = {
+}, Ve = {
   key: 1,
   class: "chat-input__input-wrap"
-}, Ye = ["innerHTML"], Ve = ["disabled", "placeholder"], $e = ["disabled"], Je = { class: "" }, Qe = { class: "chat-input__third-line" }, K = 40, gt = /* @__PURE__ */ Te({
+}, $e = ["innerHTML"], Je = ["disabled", "placeholder"], Qe = ["disabled"], Xe = { class: "" }, Ze = { class: "chat-input__third-line" }, K = 40, xt = /* @__PURE__ */ be({
   __name: "ChatInput",
   props: {
     state: {
@@ -51,18 +51,26 @@ const Ke = { class: "chat-input__container" }, je = ["id"], Ne = ["id"], Ge = {
     }
   },
   emits: ["send", "typing"],
-  setup(T, { emit: J }) {
-    const L = J, b = be("chatAppId"), { resetMessage: Q, getMessage: o, setMessageText: M, setForceSendMessage: X, resetEdit: Z, resetMessageFile: ee } = ke(b), { isNative: te } = Le(b), n = E(), m = E(), v = E(null), w = E(!1), ne = He("", 2e3), D = _(() => {
+  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(
+      () => l().id,
+      (e) => {
+        j = e;
+      }
+    );
+    const n = E(), m = E(), v = E(null), w = E(!1), ie = ke("", 2e3), D = _(() => {
       var e;
-      return (e = o().file) == null ? void 0 : e.preview;
-    }), ie = _(
-      () => De(o().text || "", v.value)
+      return (e = l().file) == null ? void 0 : e.preview;
+    }), oe = _(
+      () => We(l().text || "", v.value)
     ), g = _(
-      () => !te.value && Pe(o().text || "")
+      () => !ne.value && qe(l().text || "")
     ), c = () => {
       if (!m.value || !n.value) return;
-      const e = n.value, t = m.value, l = Math.max(0, e.offsetWidth - e.clientWidth);
-      t.style.right = l > 0 ? `${l}px` : "", t.scrollTop = e.scrollTop;
+      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;
     };
     let y = 0;
     function P() {
@@ -71,64 +79,64 @@ const Ke = { class: "chat-input__container" }, je = ["id"], Ne = ["id"], Ge = {
     function le(e = "nearest") {
       const t = n.value;
       if (!t || !g.value) return;
-      const l = t.value, i = $(l, t.selectionStart, e), r = $(l, t.selectionEnd, e);
+      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);
     }
     function W() {
-      le("nearest"), d();
+      le("nearest"), f();
     }
-    function oe(e) {
+    function se(e) {
       if (!g.value || e.key !== "ArrowLeft" && e.key !== "ArrowRight" || e.altKey || e.metaKey || e.ctrlKey) return;
       const t = n.value;
       if (!t) return;
-      const l = t.value, i = t.selectionStart !== t.selectionEnd;
+      const o = t.value, i = t.selectionStart !== t.selectionEnd;
       if (e.shiftKey) {
         requestAnimationFrame(() => W());
         return;
       }
       if (i) {
         e.preventDefault();
-        const x = e.key === "ArrowLeft" ? t.selectionStart : t.selectionEnd, A = e.key === "ArrowLeft" ? Y(l, x) : V(l, x);
-        t.setSelectionRange(A, A), d();
+        const x = e.key === "ArrowLeft" ? t.selectionStart : t.selectionEnd, A = e.key === "ArrowLeft" ? V(o, x) : $(o, x);
+        t.setSelectionRange(A, A), f();
         return;
       }
       e.preventDefault();
-      const r = t.selectionStart, f = e.key === "ArrowLeft" ? Y(l, r) : V(l, r);
-      t.setSelectionRange(f, f), d();
+      const r = t.selectionStart, p = e.key === "ArrowLeft" ? V(o, r) : $(o, r);
+      t.setSelectionRange(p, p), f();
     }
-    function d() {
+    function f() {
       if (!g.value) {
         P();
         return;
       }
       y && cancelAnimationFrame(y), y = requestAnimationFrame(() => {
-        var f;
+        var p;
         y = 0;
         const e = n.value;
         if (!e) {
           P();
           return;
         }
-        const t = e.selectionStart, l = e.selectionEnd;
-        if (t === l) {
+        const t = e.selectionStart, o = e.selectionEnd;
+        if (t === o) {
           v.value !== null && (v.value = null, S(c));
           return;
         }
         const i = v.value;
-        if (i && i.start === t && i.end === l) return;
-        const r = ((f = m.value) == null ? void 0 : f.scrollTop) ?? 0;
-        v.value = { start: t, end: l }, S(() => {
+        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();
         });
       });
     }
-    function se(e) {
-      e.buttons && d();
+    function ae(e) {
+      e.buttons && f();
     }
-    function j() {
-      document.activeElement === n.value && d();
+    function N() {
+      document.activeElement === n.value && f();
     }
-    const a = T, ae = _(() => !!(a.state == "disabled" || o().text == "" && !o().file || o().isRecording)), re = _(() => {
+    const a = T, re = _(() => !!(a.state == "disabled" || l().text == "" && !l().file || l().isRecording)), ue = _(() => {
       var t;
       if (a.inputButtonColor)
         return a.inputButtonColor;
@@ -136,31 +144,31 @@ const Ke = { class: "chat-input__container" }, je = ["id"], Ne = ["id"], Ge = {
         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";
-    }), ue = _(() => {
+    }), ce = _(() => {
       var t;
       if (!((t = a.selectedChannel) != null && t.channelId))
         return I("component.ChatInput.InputPlaceholder");
       const e = a.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");
     });
-    p(
-      () => ne.value,
+    d(
+      () => ie.value,
       () => {
         L("typing");
       }
-    ), p(
+    ), d(
       () => {
         var e;
-        return (e = o().edit) == null ? void 0 : e.messageId;
+        return (e = l().edit) == null ? void 0 : e.messageId;
       },
       (e, t) => {
         e != null && e !== t && (w.value = !0, S(() => {
           if (!w.value) return;
-          const l = n.value;
-          l && (C(l), w.value = !1, H(l), requestAnimationFrame(() => H(l)));
+          const o = n.value;
+          o && (C(o), w.value = !1, H(o), requestAnimationFrame(() => H(o)));
         }));
       }
-    ), p(
+    ), d(
       () => a.focusOnInputArea,
       () => {
         a.focusOnInputArea && S(() => {
@@ -169,15 +177,15 @@ const Ke = { class: "chat-input__container" }, je = ["id"], Ne = ["id"], Ge = {
         });
       },
       { immediate: !0 }
-    ), p(
-      () => o().text,
+    ), d(
+      () => l().text,
       () => {
         const e = n.value;
         e && (C(e), w.value && (w.value = !1, H(e), requestAnimationFrame(() => H(e))));
       },
       { immediate: !0, flush: "post" }
-    ), p(
-      () => o().id,
+    ), d(
+      () => l().id,
       () => {
         const e = n.value;
         e && (R(e), requestAnimationFrame(() => {
@@ -185,64 +193,64 @@ const Ke = { class: "chat-input__container" }, je = ["id"], Ne = ["id"], Ge = {
           t && C(t);
         }));
       }
-    ), p(g, (e) => {
+    ), d(g, (e) => {
       e && S(() => {
         const t = n.value;
         if (!t) return;
-        const l = t.scrollTop;
-        C(t), t.scrollTop = l, c(), requestAnimationFrame(c);
+        const o = t.scrollTop;
+        C(t), t.scrollTop = o, c(), requestAnimationFrame(c);
       });
     });
     function R(e) {
-      const t = o().inputHeight;
+      const t = l().inputHeight;
       e.style.height = (t || K) + "px", (!t || t <= K) && (e.style.overflowY = "hidden");
     }
-    function ce(e) {
+    function de(e) {
       const t = parseFloat(e.style.height);
-      Number.isFinite(t) && (o().inputHeight = t);
+      Number.isFinite(t) && (l().inputHeight = t);
     }
     function C(e) {
-      const t = o().text || "";
+      const t = l().text || "";
       if (e.value !== t || e.clientWidth === 0) {
         R(e);
         return;
       }
-      const l = e.scrollTop;
+      const o = e.scrollTop;
       e.style.height = "auto";
-      const i = getComputedStyle(e), r = parseFloat(i.fontSize) || 16, f = parseFloat(i.lineHeight) || r * 1.4, x = K, A = f * 11, B = e.scrollHeight, ge = t.split(`
+      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 ye = s.offsetWidth;
+      const xe = s.offsetWidth;
       document.body.removeChild(s);
-      const xe = parseFloat(i.paddingLeft) || 0, _e = parseFloat(i.paddingRight) || 0, Se = e.clientWidth - xe - _e, Ie = ye > Se, N = ge || Ie;
-      if (N && B <= x + 1) {
+      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);
         return;
       }
-      t.trim() && N ? B <= A ? (e.style.height = B + "px", e.style.overflowY = "hidden") : (e.style.height = A + "px", e.style.overflowY = "auto", e.scrollTop = l) : (e.style.height = x + "px", e.style.overflowY = "hidden"), ce(e), c(), requestAnimationFrame(c);
+      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);
     }
     function H(e) {
-      if (a.state === "disabled" || o().isRecording) return;
+      if (a.state === "disabled" || l().isRecording) return;
       const t = e.value.length;
       e.focus(), e.setSelectionRange(t, t), e.scrollTop = e.scrollHeight, c();
     }
-    p(
-      () => o().forceSend,
+    d(
+      () => l().forceSend,
       () => {
-        o().forceSend && (q(), X(!1));
+        l().forceSend && (q(), Z(!1));
       }
     );
-    const de = (e) => {
+    const fe = (e) => {
       const t = e.target;
-      L("typing", t.value), d();
+      L("typing", t.value), f();
     };
-    we(() => {
+    Ce(() => {
       const e = n.value;
-      e && (R(e), C(e)), document.addEventListener("selectionchange", j);
-    }), Ce(() => {
-      document.removeEventListener("selectionchange", j), y && cancelAnimationFrame(y);
+      e && (R(e), C(e)), document.addEventListener("selectionchange", N);
+    }), Ae(() => {
+      De(j), document.removeEventListener("selectionchange", N), y && cancelAnimationFrame(y);
     });
-    const fe = (e) => {
+    const pe = (e) => {
       if (e.shiftKey) {
         if (n.value instanceof HTMLTextAreaElement) {
           let t = n.value.selectionStart;
@@ -259,31 +267,31 @@ const Ke = { class: "chat-input__container" }, je = ["id"], Ne = ["id"], Ge = {
         e.preventDefault();
       } else
         e.preventDefault(), q();
-    }, pe = (e) => {
+    }, he = (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)), i = e.start + l;
+        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());
         });
       }
     };
-    function he() {
-      ee();
-    }
     function me() {
-      Z(), M(""), We(b), n.value && n.value.focus();
+      te();
     }
     function ve() {
-      const e = o();
+      ee(), M(""), Be(b), n.value && n.value.focus();
+    }
+    function ge() {
+      const e = l();
       return e.edit ? (e.text ?? "").trim() === (e.edit.text ?? "").trim() : !1;
     }
     const q = () => {
-      var t, l;
-      const e = E(o());
-      if (e.value.edit && ve()) {
-        me();
+      var t, o;
+      const e = E(l());
+      if (e.value.edit && ge()) {
+        ve();
         return;
       }
       if (e.value.text != "" || e.value.file) {
@@ -295,78 +303,78 @@ const Ke = { class: "chat-input__container" }, je = ["id"], Ne = ["id"], Ge = {
           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 = (l = e == null ? void 0 : e.value) == null ? void 0 : l.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), Q(), n.value && n.value.focus();
+        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();
       }
     };
-    return (e, t) => (F(), k("div", Ke, [
+    return (e, t) => (F(), k("div", Ne, [
       h("div", {
         id: "chat-input-reply-line-" + u(b),
         class: "chat-input__reply-line"
-      }, null, 8, je),
+      }, 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(), Ae(ze, {
+        D.value ? (F(), Ee(je, {
           key: 0,
           "file-info": D.value,
-          onReset: he
-        }, null, 8, ["file-info"])) : O("", !0)
-      ], 10, Ne),
-      h("div", Ge, [
-        U(e.$slots, "inline-buttons", {}, void 0, !0)
+          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(o)().isRecording) ? (F(), k("div", Oe, Ee(T.disabledPlaceholder), 1)) : (F(), k("div", Ue, [
+      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: ie.value
-        }, null, 8, Ye)) : O("", !0),
-        Fe(h("textarea", {
+          innerHTML: oe.value
+        }, null, 8, $e)) : U("", !0),
+        Me(h("textarea", {
           ref_key: "refInput",
           ref: n,
-          "onUpdate:modelValue": t[0] || (t[0] = (l) => u(o)().text = l),
+          "onUpdate:modelValue": t[0] || (t[0] = (o) => u(l)().text = o),
           rows: "1",
-          disabled: T.state == "disabled" || u(o)().isRecording,
+          disabled: T.state == "disabled" || u(l)().isRecording,
           class: z(["chat-input__input", { "chat-input__input--emoji-images": g.value }]),
-          placeholder: ue.value,
+          placeholder: ce.value,
           onKeydown: [
-            oe,
-            Me(fe, ["enter"])
+            se,
+            Re(pe, ["enter"])
           ],
-          onInput: de,
+          onInput: fe,
           onScroll: c,
-          onSelect: d,
+          onSelect: f,
           onMouseup: W,
           onKeyup: W,
-          onMousemove: se,
+          onMousemove: ae,
           onBlur: P
-        }, null, 42, Ve), [
-          [Re, u(o)().text]
+        }, null, 42, Je), [
+          [He, u(l)().text]
         ])
       ])),
-      G(Be, {
+      O(Ke, {
         textarea: n.value,
-        onFormatApplied: pe
+        onFormatApplied: he
       }, null, 8, ["textarea"]),
       h("button", {
-        class: z(["chat-input__button", { "chat-input__button-disabled": ae.value }]),
-        disabled: u(o)().isRecording,
+        class: z(["chat-input__button", { "chat-input__button-disabled": re.value }]),
+        disabled: u(l)().isRecording,
         onClick: q
       }, [
-        h("span", Je, [
-          G(u(qe), { color: re.value }, null, 8, ["color"])
+        h("span", Xe, [
+          O(u(ze), { color: ue.value }, null, 8, ["color"])
         ])
-      ], 10, $e),
-      h("div", Qe, [
-        U(e.$slots, "buttons", {}, void 0, !0)
+      ], 10, Qe),
+      h("div", Ze, [
+        Y(e.$slots, "buttons", {}, void 0, !0)
       ])
     ]));
   }
 });
 export {
-  gt as default
+  xt as default
 };

package/dist/hooks/useMessageDraft.js

@@ -1,101 +1,123 @@
-import { ref as x, getCurrentInstance as R, inject as h, computed as S, unref as D, watch as C } from "vue";
-const o = x([]);
-function E(s) {
+import { ref as R, getCurrentInstance as D, inject as C, computed as F, unref as P, watch as S } from "vue";
+const r = R([]);
+function T(e) {
   return {
-    id: s,
+    id: e,
     text: "",
     file: void 0,
     forceSend: !1,
     isRecording: !1
   };
 }
-function u(s) {
-  const t = o.value.find((a) => a.id === s);
-  if (t) return t;
-  const i = E(s);
-  return o.value.push(i), i;
+function f(e) {
+  const i = r.value.find((c) => c.id === e);
+  if (i) return i;
+  const s = T(e);
+  return r.value.push(s), s;
 }
-function j(s, t) {
-  if (!(t == null || t === ""))
-    return o.value.find((i) => i.id === `${s}:${t}`);
+function B(e, i) {
+  if (!(i == null || i === ""))
+    return r.value.find((s) => s.id === `${e}:${i}`);
 }
-function F(s, t) {
+function E(e) {
+  return e.replace(/\s+/g, " ").trim();
+}
+function a(e) {
+  var c, u, o;
+  if (!e) return;
+  if (e.edit) {
+    e.listPreviewText = void 0, e.listPreviewFile = void 0;
+    return;
+  }
+  const i = E(e.text || "");
+  e.listPreviewText = i || void 0;
+  const s = ((c = e.file) == null ? void 0 : c.name) || ((o = (u = e.file) == null ? void 0 : u.preview) == null ? void 0 : o.fileName) || "";
+  e.listPreviewFile = e.file ? { name: s, type: e.file.type } : void 0;
+}
+function b(e) {
+  e && a(r.value.find((i) => i.id === e));
+}
+function L(e, i) {
   if (typeof document > "u") return;
-  const i = document.getElementById("chat-input-reply-line-" + s);
-  i && (i.style.display = t.reply || t.edit ? "inherit" : "none");
+  const s = document.getElementById("chat-input-reply-line-" + e);
+  s && (s.style.display = i.reply || i.edit ? "inherit" : "none");
 }
-const B = (s) => {
-  const t = R() ? h("selectedChat", void 0) : void 0, i = S(() => {
-    const e = t ? D(t) : void 0, n = e == null ? void 0 : e.chatId;
-    return n == null || n === "" ? s : `${s}:${n}`;
+const k = (e) => {
+  const i = D() ? C("selectedChat", void 0) : void 0, s = F(() => {
+    const t = i ? P(i) : void 0, n = t == null ? void 0 : t.chatId;
+    return n == null || n === "" ? e : `${e}:${n}`;
   });
-  C(
-    i,
-    (e, n) => {
-      const c = u(e);
-      n !== void 0 && n !== e && F(s, c);
+  S(
+    s,
+    (t, n) => {
+      const l = f(t);
+      if (n !== void 0 && n !== t) {
+        const w = r.value.find((h) => h.id === n);
+        a(w), L(e, l);
+      }
     },
     { immediate: !0 }
   );
-  const a = () => {
-    const e = i.value, n = o.value.findIndex((c) => c.id === e);
-    return n !== -1 ? n : (u(e), o.value.findIndex((c) => c.id === e));
-  }, f = () => {
-    const e = d();
-    o.value[a()] = {
-      id: e.id,
+  const c = () => {
+    const t = s.value, n = r.value.findIndex((l) => l.id === t);
+    return n !== -1 ? n : (f(t), r.value.findIndex((l) => l.id === t));
+  }, u = () => {
+    const t = d();
+    r.value[c()] = {
+      id: t.id,
       text: "",
       file: void 0,
       reply: void 0,
       edit: void 0,
       forceSend: !1,
-      isRecording: e.isRecording
+      isRecording: t.isRecording
     };
-  }, r = (e) => {
+  }, o = (t) => {
     const n = d();
-    o.value[a()] = {
+    r.value[c()] = {
       ...n,
       forceSend: !1,
-      ...e,
+      ...t,
       id: n.id
     };
-  }, l = (e) => {
-    r({ text: e });
-  }, v = (e) => {
-    r({ file: e });
-  }, g = () => {
-    r({ file: void 0 });
-  }, p = (e) => {
-    r({ reply: e, edit: void 0 });
+  }, v = (t) => {
+    o({ text: t });
+  }, g = (t) => {
+    o({ file: t });
+  }, p = () => {
+    o({ file: void 0 });
+  }, m = (t) => {
+    o({ reply: t, edit: void 0 });
   }, y = () => {
-    r({ reply: void 0 });
-  }, M = (e) => {
-    r({ edit: e, reply: void 0 });
-  }, m = () => {
-    r({ edit: void 0 });
+    o({ reply: void 0 });
+  }, x = (t) => {
+    o({ edit: t, reply: void 0 });
+  }, M = () => {
+    o({ edit: void 0 });
   };
   function d() {
-    return u(i.value);
+    return f(s.value);
   }
   return {
     getMessage: d,
-    resetMessage: f,
-    setMessageFile: v,
-    resetMessageFile: g,
-    setMessageText: l,
-    setReply: p,
+    resetMessage: u,
+    setMessageFile: g,
+    resetMessageFile: p,
+    setMessageText: v,
+    setReply: m,
     resetReply: y,
-    setEdit: M,
-    resetEdit: m,
-    setForceSendMessage: (e) => {
-      d().forceSend = e;
+    setEdit: x,
+    resetEdit: M,
+    setForceSendMessage: (t) => {
+      d().forceSend = t;
     },
-    setRecordingMessage: (e) => {
-      d().isRecording = e;
+    setRecordingMessage: (t) => {
+      d().isRecording = t;
     }
   };
 };
 export {
-  j as getChatDraft,
-  B as useMessageDraft
+  b as commitChatDraftToList,
+  B as getChatDraft,
+  k as useMessageDraft
 };