@mobilon-dev/chotto 0.3.106 → 0.3.107

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

@@ -1,31 +1,33 @@
-import { defineComponent as Ce, ref as R, computed as i, provide as A, inject as z, unref as t, watch as B, nextTick as F, onMounted as Te, createElementBlock as g, openBlock as l, createVNode as p, createBlock as y, createCommentVNode as m, normalizeStyle as G, renderSlot as H, withDirectives as De, createElementVNode as C, vShow as we, Transition as T, withCtx as D, Fragment as xe, renderList as Ke, isMemoSame as Oe, resolveDynamicComponent as je, mergeProps as Ne, toDisplayString as Le, Teleport as J } from "vue";
+import { defineComponent as Te, ref as S, computed as l, provide as A, inject as G, unref as s, watch as B, nextTick as F, onMounted as De, createElementBlock as y, openBlock as i, createVNode as p, createBlock as f, createCommentVNode as c, normalizeStyle as H, renderSlot as J, withDirectives as we, createElementVNode as C, vShow as Ke, Transition as T, withCtx as D, Fragment as xe, renderList as Oe, isMemoSame as $e, resolveDynamicComponent as je, mergeProps as Ne, toDisplayString as Le, Teleport as Q } from "vue";
 import Ue from "../../2_feed_elements/DateMessageSticky/DateMessageSticky.vue.js";
-import $e from "../../2_feed_elements/BaseReplyMessage/BaseReplyMessage.vue.js";
-import qe from "../../2_feed_elements/BaseEditMessage/BaseEditMessage.vue.js";
-import Ee from "../../2_feed_elements/MessageKeyboard/MessageKeyboard.vue.js";
-import Pe from "../../2_feed_elements/FeedKeyboard/FeedKeyboard.vue.js";
-import Ve from "../../2_feed_elements/TypingMessage/TypingMessage.vue.js";
-import We from "../../1_atoms/LoadingIndicator/LoadingIndicator.vue.js";
-import { useFeedButton as ze } from "./composables/useFeedButton.js";
-import { useFeedComponents as Ge } from "./composables/useFeedComponents.js";
-import { useFeedGrouping as He } from "./composables/useFeedGrouping.js";
-import { useFeedKeyboard as Je } from "./composables/useFeedKeyboard.js";
-import { useFeedLoadMore as Qe } from "./composables/useFeedLoadMore.js";
-import { useFeedMessageVisibility as Xe } from "./composables/useFeedMessageVisibility.js";
-import { useFeedProgressiveRender as Ye } from "./composables/useFeedProgressiveRender.js";
-import { useFeedReply as Ze } from "./composables/useFeedReply.js";
-import { useFeedScroll as _e } from "./composables/useFeedScroll.js";
-import { useFeedScrollTo as et } from "./composables/useFeedScrollTo.js";
-import { useStickyDate as tt } from "./composables/useStickyDate.js";
-import { throttle as ot } from "./functions/throttle.js";
-import { getDefaultMessageMenuActions as st } from "./utils/getDefaultMessageMenuActions.js";
-import { isSmsFeedMessage as nt } from "../../../functions/isSmsChannel.js";
+import qe from "../../2_feed_elements/BaseReplyMessage/BaseReplyMessage.vue.js";
+import Ee from "../../2_feed_elements/BaseEditMessage/BaseEditMessage.vue.js";
+import Pe from "../../2_feed_elements/MessageKeyboard/MessageKeyboard.vue.js";
+import Ve from "../../2_feed_elements/FeedKeyboard/FeedKeyboard.vue.js";
+import We from "../../2_feed_elements/TypingMessage/TypingMessage.vue.js";
+import ze from "../../1_atoms/LoadingIndicator/LoadingIndicator.vue.js";
+import Ge from "../../2_feed_elements/MessageReactions/MessageReactionsOverlay.vue.js";
+import { useFeedButton as He } from "./composables/useFeedButton.js";
+import { useFeedComponents as Je } from "./composables/useFeedComponents.js";
+import { useFeedGrouping as Qe } from "./composables/useFeedGrouping.js";
+import { useFeedKeyboard as Xe } from "./composables/useFeedKeyboard.js";
+import { useFeedLoadMore as Ye } from "./composables/useFeedLoadMore.js";
+import { useFeedMessageVisibility as Ze } from "./composables/useFeedMessageVisibility.js";
+import { useFeedProgressiveRender as _e } from "./composables/useFeedProgressiveRender.js";
+import { provideFeedReactionsOverlay as et } from "./composables/useFeedReactionsOverlay.js";
+import { useFeedReply as tt } from "./composables/useFeedReply.js";
+import { useFeedScroll as ot } from "./composables/useFeedScroll.js";
+import { useFeedScrollTo as st } from "./composables/useFeedScrollTo.js";
+import { useStickyDate as nt } from "./composables/useStickyDate.js";
+import { throttle as at } from "./functions/throttle.js";
+import { getDefaultMessageMenuActions as rt } from "./utils/getDefaultMessageMenuActions.js";
+import { isSmsFeedMessage as it } from "../../../functions/isSmsChannel.js";
 import "../../../functions/parseMarkdown.js";
-import at from "./assets/chat-background.svg.js";
-const rt = { class: "message-feed-wrapper" }, it = ["id"], lt = { class: "message-feed__loading" }, dt = { style: { margin: "auto" } }, ct = {
+import lt from "./assets/chat-background.svg.js";
+const dt = { class: "message-feed-wrapper" }, ct = ["id"], ut = { class: "message-feed__loading" }, mt = { style: { margin: "auto" } }, ft = {
   key: 0,
   class: "message-feed__unread-amount"
-}, jt = /* @__PURE__ */ Ce({
+}, qt = /* @__PURE__ */ Te({
   __name: "Feed",
   props: {
     /**
@@ -64,7 +66,7 @@ const rt = { class: "message-feed-wrapper" }, it = ["id"], lt = { class: "messag
     keyboardAlign: {
       type: String,
       default: "right",
-      validator: (s) => ["left", "center", "right"].includes(s)
+      validator: (n) => ["left", "center", "right"].includes(n)
     },
     feedKeyboards: {
       type: Array,
@@ -74,7 +76,7 @@ const rt = { class: "message-feed-wrapper" }, it = ["id"], lt = { class: "messag
     feedKeyboardAlign: {
       type: String,
       default: "right",
-      validator: (s) => ["left", "center", "right"].includes(s)
+      validator: (n) => ["left", "center", "right"].includes(n)
     },
     chatBackground: {
       type: String,
@@ -91,7 +93,7 @@ const rt = { class: "message-feed-wrapper" }, it = ["id"], lt = { class: "messag
     reactionsMode: {
       type: String,
       default: "single",
-      validator: (s) => ["single", "multi"].includes(s)
+      validator: (n) => ["single", "multi"].includes(n)
     },
     /** Id текущего пользователя — для расчёта «моих» реакций */
     currentUserId: {
@@ -123,7 +125,7 @@ const rt = { class: "message-feed-wrapper" }, it = ["id"], lt = { class: "messag
      */
     messageMenuActions: {
       type: Array,
-      default: () => st()
+      default: () => rt()
     }
   },
   emits: [
@@ -138,297 +140,305 @@ const rt = { class: "message-feed-wrapper" }, it = ["id"], lt = { class: "messag
     "smsInvite",
     "delimiterRead"
   ],
-  setup(s, { emit: Q }) {
-    const a = s, v = R(), c = R(), w = R(), {
-      isShowButton: X,
-      isKeyboardPlace: Y,
-      checkButtonVisibility: Z
-    } = ze({
-      feedRef: c,
+  setup(n, { emit: X }) {
+    const a = n, v = S(), u = S(), w = S(), {
+      isShowButton: Y,
+      isKeyboardPlace: Z,
+      checkButtonVisibility: _
+    } = He({
+      feedRef: u,
       keyboardRef: w
-    }), { componentsMap: _ } = Ge(), ee = i(() => a.reactionsEnabled), te = i(() => a.reactionsMode), x = i(() => a.currentUserId), K = i(() => a.reactionUserNames);
-    A("currentUserId", x), A("reactionUserNames", K), A(
+    }), { componentsMap: ee } = Je(), K = l(() => a.reactionsEnabled);
+    et();
+    const te = l(() => a.reactionsMode), x = l(() => a.currentUserId), O = l(() => a.reactionUserNames);
+    A("currentUserId", x), A("reactionUserNames", O), A(
       "messageMenuActions",
-      i(() => a.messageMenuActions)
+      l(() => a.messageMenuActions)
     );
-    const { seriesFlags: O } = He({
-      objects: i(() => a.objects)
+    const { seriesFlags: $ } = Qe({
+      objects: l(() => a.objects)
     }), {
       visibleObjects: oe,
       renderStart: h,
       isBackfilling: se,
       revealThroughIndex: ne,
       accelerateBackfill: ae
-    } = Ye({
-      objectsRef: i(() => a.objects),
-      feedRef: c
-    }), b = z("chatAppId"), j = z("selectedChat", void 0), N = i(() => {
+    } = _e({
+      objectsRef: l(() => a.objects),
+      feedRef: u
+    }), b = G("chatAppId"), j = G("selectedChat", void 0), N = l(() => {
       if (j)
-        return t(j);
+        return s(j);
     });
-    function re(o) {
-      return o.timestamp;
+    function re(t) {
+      return t.timestamp;
+    }
+    function M(t, o) {
+      return t.messageId || `mid-${h.value + o}`;
     }
-    function M(o, n) {
-      return o.messageId || `mid-${h.value + n}`;
+    function ie(t) {
+      var e;
+      const o = (e = t.reactions) == null ? void 0 : e.items;
+      return o != null && o.length ? o.map((r) => `${r.key}:${r.userId}`).join(",") : "";
     }
-    function L(o) {
-      var u, d, k;
-      const n = o, e = n.channelId || ((u = n.channel) == null ? void 0 : u.channelId) || ((d = n.meta) == null ? void 0 : d.channelId);
+    function L(t) {
+      var m, d, k;
+      const o = t, e = o.channelId || ((m = o.channel) == null ? void 0 : m.channelId) || ((d = o.meta) == null ? void 0 : d.channelId);
       if (e) return String(e);
-      if (!n.dialogId || !((k = N.value) != null && k.dialogs))
+      if (!o.dialogId || !((k = N.value) != null && k.dialogs))
         return;
-      const r = N.value.dialogs.find((I) => I.dialogId === n.dialogId);
+      const r = N.value.dialogs.find((I) => I.dialogId === o.dialogId);
       return r == null ? void 0 : r.channelId;
     }
-    function ie(o) {
-      return o.type === "message.call" && typeof a.callMessageOnCallback == "function" ? { onCall: a.callMessageOnCallback } : {};
+    function le(t) {
+      return t.type === "message.call" && typeof a.callMessageOnCallback == "function" ? { onCall: a.callMessageOnCallback } : {};
     }
-    const f = Q, {
-      checkScrollPosition: le,
+    const g = X, {
+      checkScrollPosition: de,
       startScrollWatch: U,
-      stopScrollWatch: $,
-      resetAllowFlags: de
-    } = Qe({
-      feedRef: c,
-      emit: f,
-      isLoadingMoreRef: i(() => a.isLoadingMore)
+      stopScrollWatch: q,
+      resetAllowFlags: ce
+    } = Ye({
+      feedRef: u,
+      emit: g,
+      isLoadingMoreRef: l(() => a.isLoadingMore)
     }), {
-      getMessage: S,
-      messageAction: ce,
-      handleClickReplied: ue,
-      feedObjectDoubleClick: me,
-      handleResetReply: fe,
-      handleResetEdit: ge
-    } = Ze({
+      getMessage: R,
+      messageAction: ue,
+      handleClickReplied: me,
+      feedObjectDoubleClick: fe,
+      handleResetReply: ge,
+      handleResetEdit: ye
+    } = tt({
       enableDoubleClickReply: a.enableDoubleClickReply,
-      emit: f,
-      isReplyAllowed: (o) => !nt(o, L(o))
+      emit: g,
+      isReplyAllowed: (t) => !it(t, L(t))
     });
-    function ye(o) {
-      f("smsInvite", o);
+    function pe(t) {
+      g("smsInvite", t);
     }
-    function pe(o) {
-      f("delimiterRead", o);
+    function be(t) {
+      g("delimiterRead", t);
     }
     const {
-      showKeyboard: be,
-      keyboardAction: ke,
-      feedKeyboardAction: ve
-    } = Je({
-      isKeyboardPlace: Y,
-      objects: i(() => a.objects),
-      emit: f
+      showKeyboard: ke,
+      keyboardAction: ve,
+      feedKeyboardAction: he
+    } = Xe({
+      isKeyboardPlace: Z,
+      objects: l(() => a.objects),
+      emit: g
     }), {
-      showStickyDate: he,
-      stickyDateText: Me,
-      show: q
-    } = tt({
-      feedRef: c,
+      showStickyDate: Me,
+      stickyDateText: Re,
+      show: E
+    } = nt({
+      feedRef: u,
       trackingObjects: v
     }), {
-      isInitialized: Se,
-      initializeScroll: Ie,
-      smoothScrollToBottom: Re
-    } = _e({
-      feedRef: c,
-      objectsRef: i(() => a.objects),
-      scrollToBottomRef: i(() => a.scrollToBottom)
-    }), E = i(() => a.chatBackground ?? `data:image/svg+xml;charset=utf-8,${encodeURIComponent(at)}`);
-    function P(o = !0) {
-      if (Z(), se.value) {
-        const n = c.value;
-        n && n.scrollTop < 300 && ae(), q();
+      isInitialized: Ie,
+      initializeScroll: Se,
+      smoothScrollToBottom: Ae
+    } = ot({
+      feedRef: u,
+      objectsRef: l(() => a.objects),
+      scrollToBottomRef: l(() => a.scrollToBottom)
+    }), P = l(() => a.chatBackground ?? `data:image/svg+xml;charset=utf-8,${encodeURIComponent(lt)}`);
+    function V(t = !0) {
+      if (_(), se.value) {
+        const o = u.value;
+        o && o.scrollTop < 300 && ae(), E();
         return;
       }
-      le(o), q();
+      de(t), E();
     }
-    const Ae = ot(() => P(), 250);
-    function Be() {
-      f("forceScrollToBottom"), Re();
+    const Be = at(() => V(), 250);
+    function Fe() {
+      g("forceScrollToBottom"), Ae();
     }
-    function Fe(o) {
-      const n = a.objects;
-      if (o.startsWith("mid-")) {
-        const e = parseInt(o.slice(4), 10);
-        return n[e];
+    function Ce(t) {
+      const o = a.objects;
+      if (t.startsWith("mid-")) {
+        const e = parseInt(t.slice(4), 10);
+        return o[e];
       }
-      return n.find((e) => e.messageId === o);
+      return o.find((e) => e.messageId === t);
     }
-    const { restartObserving: V } = Xe({
+    const { restartObserving: W } = Ze({
       trackingObjects: v,
       chatAppId: b,
-      getMessageById: Fe,
-      onMessageVisible: (o) => f("messageVisible", o)
+      getMessageById: Ce,
+      onMessageVisible: (t) => g("messageVisible", t)
     });
     return B(
       () => a.objects,
       () => {
         F(() => {
           requestAnimationFrame(() => {
-            de(), P(!1), v.value = document.querySelectorAll(".tracking-message"), V();
+            ce(), V(!1), v.value = document.querySelectorAll(".tracking-message"), W();
           });
         });
       },
       { immediate: !0 }
     ), B(h, () => {
       F(() => {
-        v.value = document.querySelectorAll(".tracking-message"), V();
+        v.value = document.querySelectorAll(".tracking-message"), W();
       });
     }), B(
       () => a.scrollTo,
-      (o) => {
-        if (!o) return;
-        const n = a.objects, e = o.trim(), r = e.startsWith("msg-") ? e.slice(4) : e;
-        let u = -1;
-        r.startsWith("mid-") ? u = Number.parseInt(r.slice(4), 10) : u = n.findIndex((d) => d.messageId === r || d.messageId === e), Number.isFinite(u) && ne(u);
+      (t) => {
+        if (!t) return;
+        const o = a.objects, e = t.trim(), r = e.startsWith("msg-") ? e.slice(4) : e;
+        let m = -1;
+        r.startsWith("mid-") ? m = Number.parseInt(r.slice(4), 10) : m = o.findIndex((d) => d.messageId === r || d.messageId === e), Number.isFinite(m) && ne(m);
       }
-    ), et({
-      targetIdRef: i(() => a.scrollTo),
+    ), st({
+      targetIdRef: l(() => a.scrollTo),
       feedContainerId: `feed-container-${b}`
-    }), Te(() => {
+    }), De(() => {
       F(() => {
-        a.objects.length > 0 && !Se.value && Ie();
+        a.objects.length > 0 && !Ie.value && Se();
       });
-    }), (o, n) => (l(), g("div", rt, [
-      s.objects.length > 0 || s.typing ? (l(), g("div", {
+    }), (t, o) => (i(), y("div", dt, [
+      n.objects.length > 0 || n.typing ? (i(), y("div", {
         key: 0,
-        id: "feed-container-" + t(b),
+        id: "feed-container-" + s(b),
         ref_key: "refFeed",
-        ref: c,
+        ref: u,
         class: "message-feed",
-        style: G({ backgroundImage: `url(${E.value})` }),
-        onScroll: n[2] || (n[2] = (e) => t(Ae)()),
-        onMousedown: n[3] || (n[3] = //@ts-ignore
-        (...e) => t(U) && t(U)(...e)),
-        onMouseup: n[4] || (n[4] = //@ts-ignore
-        (...e) => t($) && t($)(...e))
+        style: H({ backgroundImage: `url(${P.value})` }),
+        onScroll: o[2] || (o[2] = (e) => s(Be)()),
+        onMousedown: o[3] || (o[3] = //@ts-ignore
+        (...e) => s(U) && s(U)(...e)),
+        onMouseup: o[4] || (o[4] = //@ts-ignore
+        (...e) => s(q) && s(q)(...e))
       }, [
-        H(o.$slots, "prepend", {}, void 0, !0),
-        De(C("div", lt, [
-          p(We, {
-            "is-loading": s.isLoadingMore,
+        J(t.$slots, "prepend", {}, void 0, !0),
+        we(C("div", ut, [
+          p(ze, {
+            "is-loading": n.isLoadingMore,
             size: "small",
             position: "top"
           }, null, 8, ["is-loading"])
         ], 512), [
-          [we, s.isLoadingMore]
+          [Ke, n.isLoadingMore]
         ]),
         p(T, null, {
           default: D(() => [
-            t(he) && !s.isLoadingMore ? (l(), y(Ue, {
+            s(Me) && !n.isLoadingMore ? (i(), f(Ue, {
               key: 0,
               class: "message-feed__sticky-date",
-              text: t(Me)
-            }, null, 8, ["text"])) : m("", !0)
+              text: s(Re)
+            }, null, 8, ["text"])) : c("", !0)
           ]),
           _: 1
         }),
-        (l(!0), g(xe, null, Ke(t(oe), (e, r, u, d) => {
-          const k = [e.messageId, e.text, e.status, e.reply, t(O)[t(h) + r]];
-          if (d && d.key === M(e, r) && Oe(d, k)) return d;
-          const I = (l(), g("div", {
+        (i(!0), y(xe, null, Oe(s(oe), (e, r, m, d) => {
+          const k = [e.messageId, e.text, e.status, e.reply, s($)[s(h) + r], ie(e)];
+          if (d && d.key === M(e, r) && $e(d, k)) return d;
+          const I = (i(), y("div", {
             id: "msg-" + M(e, r),
             key: M(e, r),
             "data-timestamp": re(e),
             class: "tracking-message",
-            onDblclick: (W) => t(me)(W, e)
+            onDblclick: (z) => s(fe)(z, e)
           }, [
-            (l(), y(je(t(_)(e)), Ne({
+            (i(), f(je(s(ee)(e)), Ne({
               key: M(e, r),
               class: "message-feed__message",
               message: e,
-              "apply-style": s.applyStyle,
-              "is-first-in-series": t(O)[t(h) + r],
-              "reactions-enabled": ee.value,
+              "apply-style": n.applyStyle,
+              "is-first-in-series": s($)[s(h) + r],
+              "reactions-enabled": K.value,
               "reactions-mode": te.value,
               "current-user-id": x.value,
-              "reaction-user-names": K.value,
-              "subtext-tooltip-data": s.subtextTooltipData,
+              "reaction-user-names": O.value,
+              "subtext-tooltip-data": n.subtextTooltipData,
               channel: L(e)
-            }, { ref_for: !0 }, ie(e), {
-              onAction: t(ce),
-              onReply: t(ue),
-              onSmsInvite: (W) => ye(e),
-              onRead: pe
+            }, { ref_for: !0 }, le(e), {
+              onAction: s(ue),
+              onReply: s(me),
+              onSmsInvite: (z) => pe(e),
+              onRead: be
             }), null, 16, ["message", "apply-style", "is-first-in-series", "reactions-enabled", "reactions-mode", "current-user-id", "reaction-user-names", "subtext-tooltip-data", "channel", "onAction", "onReply", "onSmsInvite"]))
           ], 40, ["id", "data-timestamp", "onDblclick"]));
           return I.memo = k, I;
-        }, n, 0), 128)),
-        s.typing ? (l(), y(Ve, {
+        }, o, 0), 128)),
+        n.typing ? (i(), f(We, {
           key: 0,
           message: {
-            subText: s.typing.title,
-            avatar: s.typing.avatar
+            subText: n.typing.title,
+            avatar: n.typing.avatar
           }
-        }, null, 8, ["message"])) : m("", !0),
+        }, null, 8, ["message"])) : c("", !0),
         p(T, null, {
           default: D(() => [
-            t(be) ? (l(), y(Ee, {
+            s(ke) ? (i(), f(Pe, {
               key: 0,
               ref_key: "keyboardRef",
               ref: w,
               class: "message-feed__keyboard",
-              keyboard: s.objects[s.objects.length - 1].keyboard,
-              align: s.keyboardAlign,
-              onAction: t(ke)
-            }, null, 8, ["keyboard", "align", "onAction"])) : m("", !0)
+              keyboard: n.objects[n.objects.length - 1].keyboard,
+              align: n.keyboardAlign,
+              onAction: s(ve)
+            }, null, 8, ["keyboard", "align", "onAction"])) : c("", !0)
           ]),
           _: 1
         }),
-        s.feedKeyboards && s.feedKeyboards.length > 0 ? (l(), y(Pe, {
+        n.feedKeyboards && n.feedKeyboards.length > 0 ? (i(), f(Ve, {
           key: 1,
-          buttons: s.feedKeyboards,
-          align: s.feedKeyboardAlign,
-          onAction: t(ve)
-        }, null, 8, ["buttons", "align", "onAction"])) : m("", !0)
-      ], 44, it)) : (l(), g("div", {
+          buttons: n.feedKeyboards,
+          align: n.feedKeyboardAlign,
+          onAction: s(he)
+        }, null, 8, ["buttons", "align", "onAction"])) : c("", !0)
+      ], 44, ct)) : (i(), y("div", {
         key: 1,
         ref_key: "refFeed",
-        ref: c,
+        ref: u,
         class: "message-feed",
-        style: G({ backgroundImage: `url(${E.value})` })
+        style: H({ backgroundImage: `url(${P.value})` })
       }, [
-        C("div", dt, [
-          H(o.$slots, "empty-feed", {}, void 0, !0)
+        C("div", mt, [
+          J(t.$slots, "empty-feed", {}, void 0, !0)
         ])
       ], 4)),
       p(T, null, {
         default: D(() => [
-          t(X) ? (l(), g("button", {
+          s(Y) ? (i(), y("button", {
             key: 0,
             class: "message-feed__button-down",
-            onClick: Be
+            onClick: Fe
           }, [
-            s.buttonParams ? (l(), g("div", ct, Le(s.buttonParams.unreadAmount), 1)) : m("", !0),
-            n[5] || (n[5] = C("span", { class: "pi pi-angle-down message-feed__icon-down" }, null, -1))
-          ])) : m("", !0)
+            n.buttonParams ? (i(), y("div", ft, Le(n.buttonParams.unreadAmount), 1)) : c("", !0),
+            o[5] || (o[5] = C("span", { class: "pi pi-angle-down message-feed__icon-down" }, null, -1))
+          ])) : c("", !0)
         ]),
         _: 1
       }),
-      t(S)().reply ? (l(), y(J, {
+      s(R)().reply ? (i(), f(Q, {
         key: 2,
-        to: "#chat-input-reply-line-" + t(b)
+        to: "#chat-input-reply-line-" + s(b)
       }, [
-        p($e, {
+        p(qe, {
           class: "chat-input-reply",
-          message: t(S)().reply,
-          onReset: t(fe)
+          message: s(R)().reply,
+          onReset: s(ge)
         }, null, 8, ["message", "onReset"])
-      ], 8, ["to"])) : m("", !0),
-      t(S)().edit ? (l(), y(J, {
+      ], 8, ["to"])) : c("", !0),
+      s(R)().edit ? (i(), f(Q, {
         key: 3,
-        to: "#chat-input-reply-line-" + t(b)
+        to: "#chat-input-reply-line-" + s(b)
       }, [
-        p(qe, {
+        p(Ee, {
           class: "chat-input-reply",
-          message: t(S)().edit,
-          onReset: t(ge)
+          message: s(R)().edit,
+          onReset: s(ye)
         }, null, 8, ["message", "onReset"])
-      ], 8, ["to"])) : m("", !0)
+      ], 8, ["to"])) : c("", !0),
+      K.value ? (i(), f(Ge, { key: 4 })) : c("", !0)
     ]));
   }
 });
 export {
-  jt as default
+  qt as default
 };