@mobilon-dev/chotto 0.3.87 → 0.3.89

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

@@ -1,7 +1,7 @@
 import o from "./MessageReactions.vue2.js";
 /* empty css                      */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-44eccc7b"]]);
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-64bc224b"]]);
 export {
-  a as default
+  r as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as Ce, inject as E, ref as M, computed as c, unref as i, onMounted as _e, onUnmounted as Ne, watch as Se, createElementBlock as d, openBlock as l, normalizeClass as K, createBlock as Q, Fragment as A, renderList as F, withCtx as C, createElementVNode as g, createCommentVNode as _, createVNode as u, toDisplayString as Ue, Teleport as je, Transition as D, withDirectives as V, normalizeStyle as $, withModifiers as y, vShow as z } from "vue";
+import { defineComponent as Ce, inject as E, ref as M, computed as c, unref as i, onMounted as _e, onUnmounted as Ne, watch as Se, createElementBlock as d, openBlock as l, normalizeClass as K, createBlock as Q, Fragment as A, renderList as F, withCtx as C, createElementVNode as p, createCommentVNode as _, createVNode as u, toDisplayString as Ue, Teleport as je, Transition as D, withDirectives as V, normalizeStyle as $, withModifiers as y, vShow as z } from "vue";
 import Pe from "../../../node_modules/vue3-emoji-picker-ru/dist/emoji-picker.es.js";
 /* empty css                                                        */
 import "../../../hooks/useMessageDraft.js";
@@ -82,7 +82,7 @@ const Ve = ["onClick"], $e = { class: "message-reactions__emoji" }, ze = {
   },
   emits: ["toggle-reaction", "add-reaction", "remove-reaction", "menu"],
   setup(s, { emit: J }) {
-    const n = s, a = J, v = E("chatAppId"), G = E("currentUserId", void 0), W = E("reactionUserNames", void 0), { startReply: X } = Be(v || ""), m = M(null), f = M(null), N = M("light"), { isNative: Y } = Le(v || ""), S = c(() => Qe), Z = c(() => n.mode), k = c(() => n.currentUserId ?? i(G)), U = c(() => n.reactionUserNames ?? i(W)), ee = c(() => {
+    const n = s, a = J, g = E("chatAppId"), G = E("currentUserId", void 0), W = E("reactionUserNames", void 0), { startReply: X } = Be(g || ""), m = M(null), f = M(null), N = M("light"), { isNative: Y } = Le(g || ""), S = c(() => Qe), Z = c(() => n.mode), k = c(() => n.currentUserId ?? i(G)), U = c(() => n.reactionUserNames ?? i(W)), ee = c(() => {
       var t, r;
       const e = (t = n.currentUserName) == null ? void 0 : t.trim();
       if (e) return e;
@@ -105,7 +105,7 @@ const Ve = ["onClick"], $e = { class: "message-reactions__emoji" }, ze = {
       quickReactionsRef: ue,
       quickPanelStyle: de,
       pickerStyle: me,
-      closeQuickPanel: p,
+      closeQuickPanel: v,
       handleMessageMouseEnter: fe,
       handleMessageMouseLeave: pe,
       openFullPicker: ge,
@@ -117,8 +117,8 @@ const Ve = ["onClick"], $e = { class: "message-reactions__emoji" }, ze = {
       handleClickOutside: O
     } = re, ve = c(() => m.value ? Te(m.value) : !1), ye = () => {
       var o;
-      if (!v) return "light";
-      const e = document.getElementById(v);
+      if (!g) return "light";
+      const e = document.getElementById(g);
       return (o = e == null ? void 0 : e.getAttribute("data-theme")) != null && o.includes("dark") ? "dark" : "light";
     };
     function I() {
@@ -156,11 +156,11 @@ const Ve = ["onClick"], $e = { class: "message-reactions__emoji" }, ze = {
           const o = h(e);
           o && a("remove-reaction", { messageId: n.messageId, key: o }), a("add-reaction", { messageId: n.messageId, key: e });
         }
-        p();
+        v();
       }
     }
     function be() {
-      n.readonly || !n.enabled || !n.reply || (X(n.reply), p());
+      n.readonly || !n.enabled || !n.reply || (X(n.reply), v());
     }
     function Re(e) {
       if (n.readonly || !n.enabled || !n.menuEnabled) return;
@@ -168,13 +168,13 @@ const Ve = ["onClick"], $e = { class: "message-reactions__emoji" }, ze = {
         const r = o.getBoundingClientRect();
         return { top: r.top, right: r.right, bottom: r.bottom, left: r.left, width: r.width, height: r.height };
       })() : void 0;
-      p(), a("menu", { messageId: n.messageId, triggerRect: t, event: e });
+      a("menu", { messageId: n.messageId, triggerRect: t, event: e });
     }
     async function Ee() {
       n.readonly || !n.enabled || (N.value = ye(), await ge());
     }
     function Me(e) {
-      if (T(), p(), !I()) return;
+      if (T(), v(), !I()) return;
       const o = e.i;
       if (L(o))
         return;
@@ -190,7 +190,7 @@ const Ve = ["onClick"], $e = { class: "message-reactions__emoji" }, ze = {
     }), Se(
       () => [n.enabled, n.readonly],
       ([e, o]) => {
-        (!e || o) && (p(), T());
+        (!e || o) && (v(), T());
       }
     ), (e, o) => (l(), d("div", {
       ref_key: "reactionsContainerRef",
@@ -207,11 +207,11 @@ const Ve = ["onClick"], $e = { class: "message-reactions__emoji" }, ze = {
         delay: 400
       }, {
         default: C(() => [
-          g("button", {
+          p("button", {
             class: K(["message-reactions__chip", { "is-active": t.reactedByMe && t.count === 1 }]),
             onClick: (r) => ke(t.key)
           }, [
-            g("span", $e, [
+            p("span", $e, [
               u(H, {
                 emoji: t.key
               }, null, 8, ["emoji"])
@@ -224,7 +224,7 @@ const Ve = ["onClick"], $e = { class: "message-reactions__emoji" }, ze = {
       (l(), Q(je, { to: "body" }, [
         u(D, { name: "message-reactions-popover" }, {
           default: C(() => [
-            V(g("div", {
+            V(p("div", {
               ref_key: "quickReactionsRef",
               ref: ue,
               class: "message-reactions__quick-panel",
@@ -242,7 +242,7 @@ const Ve = ["onClick"], $e = { class: "message-reactions__emoji" }, ze = {
               }, [
                 u(H, { emoji: t }, null, 8, ["emoji"])
               ], 8, He))), 128)),
-              g("button", {
+              p("button", {
                 class: "message-reactions__expand",
                 title: "Развернуть",
                 onClick: y(Ee, ["stop"])
@@ -273,7 +273,7 @@ const Ve = ["onClick"], $e = { class: "message-reactions__emoji" }, ze = {
         }),
         u(D, { name: "message-reactions-popover" }, {
           default: C(() => [
-            V(g("div", {
+            V(p("div", {
               ref_key: "pickerRef",
               ref: ce,
               class: "message-reactions__picker",

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

@@ -1,7 +1,7 @@
-import o from "./ReplyTextMessage.vue2.js";
+import e from "./ReplyTextMessage.vue2.js";
 /* empty css                      */
-import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-646d5d7c"]]);
+import o from "../../../_virtual/_plugin-vue_export-helper.js";
+const r = /* @__PURE__ */ o(e, [["__scopeId", "data-v-31ae85ec"]]);
 export {
-  s as default
+  r as default
 };

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

@@ -1,15 +1,16 @@
-import { defineComponent as a, createElementBlock as r, openBlock as s, createCommentVNode as c, createElementVNode as l, toDisplayString as d, unref as t } from "vue";
+import { defineComponent as x, computed as f, createElementBlock as r, openBlock as o, createBlock as h, withCtx as g, createElementVNode as s, createCommentVNode as p, toDisplayString as d, unref as u } from "vue";
+import k from "../../1_atoms/Tooltip/Tooltip.vue.js";
 import "../../../locale/useLocale.js";
 /* empty css                                                            */
 import "../../../hooks/useTheme.js";
-import { useMessageLinks as u } from "../../../hooks/messages/useMessageLinks.js";
+import { useMessageLinks as _ } from "../../../hooks/messages/useMessageLinks.js";
 import "../../../functions/parseMarkdown.js";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
-const g = { class: "container" }, x = ["textContent"], f = ["innerHTML"], E = /* @__PURE__ */ a({
+const C = { class: "reply-text-message__wrapper" }, y = ["textContent"], T = ["innerHTML"], M = ["textContent"], H = ["innerHTML"], A = /* @__PURE__ */ x({
   __name: "ReplyTextMessage",
   props: {
     message: {
@@ -17,22 +18,57 @@ const g = { class: "container" }, x = ["textContent"], f = ["innerHTML"], E = /*
       required: !0
     }
   },
-  setup(e) {
-    const i = e, { linkedHtml: m, inNewWindow: o } = u(() => i.message.text);
-    return (k, n) => (s(), r("div", g, [
-      e.message.header ? (s(), r("p", {
+  setup(t) {
+    const i = t, { linkedHtml: a } = _(() => i.message.text), c = f(() => {
+      var e;
+      return ((e = i.message.text) == null ? void 0 : e.trim()) || "";
+    }), l = (e) => {
+      var m;
+      const n = (m = e.target) == null ? void 0 : m.closest("a");
+      n instanceof HTMLAnchorElement && n.href && (e.preventDefault(), e.stopPropagation(), window.open(n.href, "_blank", "noopener,noreferrer"));
+    };
+    return (e, n) => (o(), r("div", C, [
+      c.value ? (o(), h(k, {
         key: 0,
-        textContent: d(`В ответ ${e.message.header}`)
-      }, null, 8, x)) : c("", !0),
-      l("p", {
-        class: "text",
-        onClick: n[0] || (n[0] = //@ts-ignore
-        (...p) => t(o) && t(o)(...p)),
-        innerHTML: t(m)
-      }, null, 8, f)
+        position: "top",
+        offset: 8,
+        delay: 1e3,
+        "max-width": "25rem",
+        text: c.value
+      }, {
+        default: g(() => [
+          s("div", {
+            class: "container",
+            onClick: l
+          }, [
+            t.message.header ? (o(), r("p", {
+              key: 0,
+              textContent: d(`В ответ ${t.message.header}`)
+            }, null, 8, y)) : p("", !0),
+            s("p", {
+              class: "text",
+              innerHTML: u(a)
+            }, null, 8, T)
+          ])
+        ]),
+        _: 1
+      }, 8, ["text"])) : (o(), r("div", {
+        key: 1,
+        class: "container",
+        onClick: l
+      }, [
+        t.message.header ? (o(), r("p", {
+          key: 0,
+          textContent: d(`В ответ ${t.message.header}`)
+        }, null, 8, M)) : p("", !0),
+        s("p", {
+          class: "text",
+          innerHTML: u(a)
+        }, null, 8, H)
+      ]))
     ]));
   }
 });
 export {
-  E as default
+  A 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 m = /* @__PURE__ */ o(t, [["__scopeId", "data-v-ab7a7750"]]);
+const a = /* @__PURE__ */ o(t, [["__scopeId", "data-v-edf490bf"]]);
 export {
-  m as default
+  a as default
 };

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

@@ -1,26 +1,27 @@
-import { defineComponent as X, inject as Z, ref as f, computed as h, watch as m, nextTick as v, unref as a, onMounted as ee, createElementBlock as g, openBlock as y, createElementVNode as u, createVNode as H, renderSlot as A, toDisplayString as te, createCommentVNode as ne, withDirectives as le, withKeys as ie, normalizeClass as E, vModelText as oe } from "vue";
-import { useImmediateDebouncedRef as se } from "../../../hooks/useImmediateDebouncedRef.js";
-import { useMessageDraft as ae } from "../../../hooks/useMessageDraft.js";
+import { defineComponent as re, inject as ue, ref as f, computed as _, watch as h, nextTick as d, unref as r, onMounted as ce, createElementBlock as C, openBlock as I, createElementVNode as p, createVNode as P, renderSlot as W, toDisplayString as de, createCommentVNode as pe, withDirectives as fe, normalizeClass as H, withKeys as he, vModelText as me } from "vue";
+import { useImmediateDebouncedRef as ve } from "../../../hooks/useImmediateDebouncedRef.js";
+import { useMessageDraft as ge } from "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import "../../../hooks/useTheme.js";
-import { useEmojiNative as re } from "../../../hooks/useEmojiNative.js";
+import { useEmojiNative as ye } from "../../../hooks/useEmojiNative.js";
 /* empty css                              */
 /* empty css                                              */
-import { t as c } from "../../../locale/useLocale.js";
+import { t as m } from "../../../locale/useLocale.js";
 /* empty css                                                            */
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
-import { textToAppleEmojiHtml as ue } from "../../../functions/renderAppleEmojis.js";
-import ce from "./icons/SendIcon.vue.js";
-import de from "../../2_chatinput_elements/TextFormatToolbar/TextFormatToolbar.vue.js";
-const pe = { class: "chat-input__container" }, fe = ["id"], he = ["id"], me = { class: "chat-input__inline-buttons" }, ve = {
+import { textToAppleEmojiHtml as xe, textContainsEmoji as _e } from "../../../functions/renderAppleEmojis.js";
+import { hideEditPreview as Te } from "../../../hooks/messages/useStartEdit.js";
+import be from "./icons/SendIcon.vue.js";
+import Se from "../../2_chatinput_elements/TextFormatToolbar/TextFormatToolbar.vue.js";
+const Ce = { class: "chat-input__container" }, Ie = ["id"], we = ["id"], Ae = { class: "chat-input__inline-buttons" }, Ee = {
   key: 0,
   class: "chat-input__input chat-input__disabled-placeholder"
-}, ge = {
+}, Me = {
   key: 1,
   class: "chat-input__input-wrap"
-}, ye = ["innerHTML"], _e = ["disabled", "placeholder"], xe = ["disabled"], be = { class: "" }, Ie = { class: "chat-input__third-line" }, je = /* @__PURE__ */ X({
+}, Fe = ["innerHTML"], He = ["disabled", "placeholder"], Re = ["disabled"], ke = { class: "" }, ze = { class: "chat-input__third-line" }, Ze = /* @__PURE__ */ re({
   __name: "ChatInput",
   props: {
     state: {
@@ -49,103 +50,164 @@ const pe = { class: "chat-input__container" }, fe = ["id"], he = ["id"], me = {
     }
   },
   emits: ["send", "typing"],
-  setup(d, { emit: k }) {
-    const _ = k, p = Z("chatAppId"), { resetMessage: D, getMessage: l, setMessageText: x, setForceSendMessage: F } = ae(p), { isNative: C } = re(p), n = f(), b = f(), L = se("", 2e3), P = f(), R = h(() => ue(l().text || "")), T = () => {
-      b.value && n.value && (b.value.scrollTop = n.value.scrollTop);
-    }, r = d, z = h(() => !!(r.state == "disabled" || l().text == "" && !l().file || l().isRecording)), B = h(() => {
+  setup(v, { emit: B }) {
+    const w = B, g = ue("chatAppId"), { resetMessage: L, getMessage: l, setMessageText: T, setForceSendMessage: j, resetEdit: q } = ge(g), { isNative: K } = ye(g), n = f(), A = f(), u = f(!1), y = f(!1), N = ve("", 2e3), R = f(), O = _(() => xe(l().text || "")), x = _(
+      () => !K.value && _e(l().text || "")
+    ), c = () => {
+      if (!A.value || !n.value) return;
+      const e = n.value, t = A.value, i = Math.max(0, e.offsetWidth - e.clientWidth);
+      t.style.right = i > 0 ? `${i}px` : "", t.scrollTop = e.scrollTop;
+    };
+    let b = 0;
+    function E() {
+      if (!x.value) {
+        u.value = !1;
+        return;
+      }
+      b && cancelAnimationFrame(b), b = requestAnimationFrame(() => {
+        b = 0;
+        const e = n.value;
+        if (!e) {
+          u.value = !1;
+          return;
+        }
+        const t = e.selectionStart !== e.selectionEnd;
+        u.value !== t && (u.value = t, t || d(c));
+      });
+    }
+    const a = v, Y = _(() => !!(a.state == "disabled" || l().text == "" && !l().file || l().isRecording)), $ = _(() => {
       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";
-    }), W = h(() => {
+    }), V = _(() => {
       var t;
-      if (!((t = r.selectedChannel) != null && t.channelId))
-        return c("component.ChatInput.InputPlaceholder");
-      const e = r.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");
+      if (!((t = a.selectedChannel) != null && t.channelId))
+        return m("component.ChatInput.InputPlaceholder");
+      const e = a.selectedChannel.channelId.toLowerCase();
+      return e.includes("whatsapp") || e.includes("waba") ? m("component.ChatInput.WhatsappInputPlaceholder") : e.includes("telegram") ? m("component.ChatInput.TelegramInputPlaceholder") : e.includes("sms") ? m("component.ChatInput.SmsInputPlaceholder") : e.includes("max") ? m("component.ChatInput.MaxInputPlaceholder") : m("component.ChatInput.InputPlaceholder");
     });
-    m(
-      () => L.value,
+    h(
+      () => N.value,
       () => {
-        _("typing");
+        w("typing");
       }
-    ), m(
-      () => r.focusOnInputArea,
+    ), h(
       () => {
-        r.focusOnInputArea && v(() => {
-          const e = a(n);
+        var e;
+        return (e = l().edit) == null ? void 0 : e.messageId;
+      },
+      (e, t) => {
+        e != null && e !== t && (y.value = !0, d(() => {
+          if (!y.value) return;
+          const i = n.value;
+          i && (M(i), y.value = !1, S(i), requestAnimationFrame(() => S(i)));
+        }));
+      }
+    ), h(
+      () => a.focusOnInputArea,
+      () => {
+        a.focusOnInputArea && d(() => {
+          const e = r(n);
           e == null || e.focus();
         });
       },
       { immediate: !0 }
-    ), m(
+    ), h(
       () => l().text,
       () => {
-        v(() => {
+        d(() => {
           const e = n.value;
-          if (!e) return;
-          const t = e.scrollTop;
-          e.style.height = "auto";
-          const i = getComputedStyle(e), o = parseFloat(i.fontSize) || 16, q = parseFloat(i.lineHeight) || o * 1.4, S = 40, w = q * 11, M = e.scrollHeight, K = l().text.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 = l().text, document.body.appendChild(s);
-          const V = s.offsetWidth;
-          document.body.removeChild(s);
-          const $ = parseFloat(i.paddingLeft) || 0, G = parseFloat(i.paddingRight) || 0, U = e.clientWidth - $ - G, J = V > U, Q = K || J;
-          l().text.trim() && Q ? M <= w ? (e.style.height = M + "px", e.style.overflowY = "hidden") : (e.style.height = w + "px", e.style.overflowY = "auto", e.scrollTop = t) : (e.style.height = S + "px", e.style.overflowY = "hidden"), T();
+          e && (M(e), y.value && (y.value = !1, S(e), requestAnimationFrame(() => S(e))));
         });
       },
       { immediate: !0 }
-    ), m(
+    ), h(x, (e) => {
+      e && d(() => {
+        const t = n.value;
+        if (!t) return;
+        const i = t.scrollTop;
+        M(t), t.scrollTop = i, c(), requestAnimationFrame(c);
+      });
+    });
+    function M(e) {
+      const t = e.scrollTop;
+      e.style.height = "auto";
+      const i = getComputedStyle(e), o = parseFloat(i.fontSize) || 16, ee = parseFloat(i.lineHeight) || o * 1.4, k = 40, z = ee * 11, D = e.scrollHeight, te = l().text.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 = l().text, document.body.appendChild(s);
+      const ne = s.offsetWidth;
+      document.body.removeChild(s);
+      const ie = parseFloat(i.paddingLeft) || 0, le = parseFloat(i.paddingRight) || 0, oe = e.clientWidth - ie - le, se = ne > oe, ae = te || se;
+      l().text.trim() && ae ? D <= z ? (e.style.height = D + "px", e.style.overflowY = "hidden") : (e.style.height = z + "px", e.style.overflowY = "auto", e.scrollTop = t) : (e.style.height = k + "px", e.style.overflowY = "hidden"), c(), requestAnimationFrame(c);
+    }
+    function S(e) {
+      if (a.state === "disabled" || l().isRecording) return;
+      const t = e.value.length;
+      e.focus(), e.setSelectionRange(t, t), e.scrollTop = e.scrollHeight, c();
+    }
+    h(
       () => l().forceSend,
       () => {
-        l().forceSend && (I(), F(!1));
+        l().forceSend && (F(), j(!1));
       }
     );
-    const j = (e) => {
+    const U = (e) => {
       const t = e.target;
-      _("typing", t.value);
-    }, N = () => {
-      v(() => {
+      w("typing", t.value);
+    }, G = () => {
+      d(() => {
         const e = n.value;
         e && (e.style.height = "40px", e.style.overflowY = "hidden");
       });
     };
-    ee(() => {
-      N();
+    ce(() => {
+      G();
     });
-    const O = (e) => {
+    const J = (e) => {
       if (e.shiftKey) {
         if (n.value instanceof HTMLTextAreaElement) {
           let t = n.value.selectionStart;
           t && (n.value.setRangeText(`
-`, t, t, "end"), x(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"), x(n.value.value));
+`, t, t, "end"), T(n.value.value));
         }
         e.preventDefault();
       } else
-        e.preventDefault(), I();
-    }, Y = (e) => {
+        e.preventDefault(), F();
+    }, Q = (e) => {
       if (n.value) {
         const t = n.value.value;
         n.value.value = e.newText;
         const i = e.newText.length - (t.length - (e.end - e.start)), o = e.start + i;
-        x(e.newText), v(() => {
+        T(e.newText), d(() => {
           n.value && (n.value.setSelectionRange(o, o), n.value.focus());
         });
       }
-    }, I = () => {
+    };
+    function X() {
+      q(), T(""), Te(g), R.value = void 0, n.value && n.value.focus();
+    }
+    function Z() {
+      const e = l();
+      return e.edit ? (e.text ?? "").trim() === (e.edit.text ?? "").trim() : !1;
+    }
+    const F = () => {
       var t, i;
       const e = f(l());
+      if (e.value.edit && Z()) {
+        X();
+        return;
+      }
       if (e.value.text != "" || e.value.file) {
         const o = {
           type: "",
@@ -155,63 +217,70 @@ const pe = { class: "chat-input__container" }, fe = ["id"], he = ["id"], me = {
           size: "",
           reply: void 0
         };
-        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), _("send", o), D(), P.value = void 0, 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), w("send", o), L(), R.value = void 0, n.value && n.value.focus();
       }
     };
-    return (e, t) => (y(), g("div", pe, [
-      u("div", {
-        id: "chat-input-reply-line-" + a(p),
+    return (e, t) => (I(), C("div", Ce, [
+      p("div", {
+        id: "chat-input-reply-line-" + r(g),
         class: "chat-input__reply-line"
-      }, null, 8, fe),
-      u("div", {
-        id: "chat-input-file-line-" + a(p),
+      }, null, 8, Ie),
+      p("div", {
+        id: "chat-input-file-line-" + r(g),
         class: "chat-input__file-line"
-      }, null, 8, he),
-      u("div", me, [
-        A(e.$slots, "inline-buttons", {}, void 0, !0)
+      }, null, 8, we),
+      p("div", Ae, [
+        W(e.$slots, "inline-buttons", {}, void 0, !0)
       ]),
-      d.disabledPlaceholder && (d.state == "disabled" || a(l)().isRecording) ? (y(), g("div", ve, te(d.disabledPlaceholder), 1)) : (y(), g("div", ge, [
-        !a(C) && a(l)().text ? (y(), g("div", {
+      v.disabledPlaceholder && (v.state == "disabled" || r(l)().isRecording) ? (I(), C("div", Ee, de(v.disabledPlaceholder), 1)) : (I(), C("div", Me, [
+        x.value ? (I(), C("div", {
           key: 0,
           ref_key: "refMirror",
-          ref: b,
-          class: "chat-input__input-mirror",
+          ref: A,
+          class: H(["chat-input__input-mirror", { "chat-input__input-mirror--hidden": u.value }]),
           "aria-hidden": "true",
-          innerHTML: R.value
-        }, null, 8, ye)) : ne("", !0),
-        le(u("textarea", {
+          innerHTML: O.value
+        }, null, 10, Fe)) : pe("", !0),
+        fe(p("textarea", {
           ref_key: "refInput",
           ref: n,
-          "onUpdate:modelValue": t[0] || (t[0] = (i) => a(l)().text = i),
-          disabled: d.state == "disabled" || a(l)().isRecording,
-          class: E(["chat-input__input", { "chat-input__input--emoji-images": !a(C) }]),
-          placeholder: W.value,
-          onKeydown: ie(O, ["enter"]),
-          onInput: j,
-          onScroll: T
-        }, null, 42, _e), [
-          [oe, a(l)().text]
+          "onUpdate:modelValue": t[0] || (t[0] = (i) => r(l)().text = i),
+          disabled: v.state == "disabled" || r(l)().isRecording,
+          class: H(["chat-input__input", {
+            "chat-input__input--emoji-images": x.value && !u.value,
+            "chat-input__input--selecting": x.value && u.value
+          }]),
+          placeholder: V.value,
+          onKeydown: he(J, ["enter"]),
+          onInput: U,
+          onScroll: c,
+          onSelect: E,
+          onMouseup: E,
+          onKeyup: E,
+          onBlur: t[1] || (t[1] = (i) => u.value = !1)
+        }, null, 42, He), [
+          [me, r(l)().text]
         ])
       ])),
-      H(de, {
+      P(Se, {
         textarea: n.value,
-        onFormatApplied: Y
+        onFormatApplied: Q
       }, null, 8, ["textarea"]),
-      u("button", {
-        class: E(["chat-input__button", { "chat-input__button-disabled": z.value }]),
-        disabled: a(l)().isRecording,
-        onClick: I
+      p("button", {
+        class: H(["chat-input__button", { "chat-input__button-disabled": Y.value }]),
+        disabled: r(l)().isRecording,
+        onClick: F
       }, [
-        u("span", be, [
-          H(a(ce), { color: B.value }, null, 8, ["color"])
+        p("span", ke, [
+          P(r(be), { color: $.value }, null, 8, ["color"])
         ])
-      ], 10, xe),
-      u("div", Ie, [
-        A(e.$slots, "buttons", {}, void 0, !0)
+      ], 10, Re),
+      p("div", ze, [
+        W(e.$slots, "buttons", {}, void 0, !0)
       ])
     ]));
   }
 });
 export {
-  je as default
+  Ze as default
 };

package/dist/components/3_compounds/Feed/composables/useFeedGrouping.js

@@ -1,11 +1,28 @@
-import { computed as n } from "vue";
+import { computed as p } from "vue";
+const n = /* @__PURE__ */ new Set([
+  "message.system",
+  "message.typing",
+  "message.delimiter",
+  "system.date"
+]);
+function d(r, i) {
+  for (let e = i - 1; e >= 0; e--)
+    if (!n.has(r[e].type))
+      return r[e];
+  return null;
+}
 function a({ objects: r }) {
   return {
-    groupedObjects: n(() => !r.value || r.value.length === 0 ? [] : r.value.map((s, e, t) => {
-      const o = e > 0 && t[e - 1].position === s.position && t[e - 1].header === s.header, u = e > 0 && !["message.system", "message.typing"].includes(t[e - 1].type);
+    groupedObjects: p(() => !r.value || r.value.length === 0 ? [] : r.value.map((e, u, s) => {
+      if (n.has(e.type))
+        return {
+          ...e,
+          isFirstInSeries: !0
+        };
+      const t = d(s, u), o = t != null && t.position === e.position && t.header === e.header;
       return {
-        ...s,
-        isFirstInSeries: !o || !u
+        ...e,
+        isFirstInSeries: !o
       };
     }))
   };