@mobilon-dev/chotto 0.3.105 → 0.3.107

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

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