@mobilon-dev/chotto 0.3.105 → 0.3.106

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

@@ -1,8 +1,8 @@
-import { defineComponent as Le, inject as je, ref as b, watch as J, nextTick as E, onMounted as Ee, onUnmounted as Oe, computed as k, createElementBlock as o, openBlock as n, normalizeStyle as O, normalizeClass as y, unref as t, createCommentVNode as i, createElementVNode as l, createBlock as f, createVNode as r, withCtx as v, createTextVNode as Be, toDisplayString as C, Fragment as K, Transition as x, withModifiers as Q, Teleport as X } from "vue";
-import Ue from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
-import ze from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
-import Fe from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
-import Ne from "../BaseReplyMessage/BaseReplyMessage.vue.js";
+import { defineComponent as Le, inject as je, ref as b, watch as G, nextTick as E, onMounted as Ee, onUnmounted as Oe, computed as k, createElementBlock as o, openBlock as n, normalizeStyle as O, normalizeClass as y, unref as t, createCommentVNode as i, createElementVNode as l, createBlock as f, createVNode as r, withCtx as v, createTextVNode as Be, toDisplayString as C, Fragment as J, Transition as x, withModifiers as K, Teleport as X } from "vue";
+import Fe from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
+import Ue from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
+import ze from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
+import Ne from "../FeedReplyQuote/FeedReplyQuote.vue.js";
 import He from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
 import Ve from "../MessageReactions/MessageReactions.vue.js";
 import Y from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
@@ -11,10 +11,10 @@ import De from "../DeletedMessageContent/DeletedMessageContent.vue.js";
 import Pe from "../../1_atoms/Tooltip/Tooltip.vue.js";
 import { useMessageActions as $e } from "../../../hooks/messages/useMessageActions.js";
 import { useMessageHoverActions as qe } from "../../../hooks/messages/useMessageHoverActions.js";
-import { useMessageMenuActions as Ge } from "../../../hooks/messages/useMessageMenuActions.js";
-import { useMessageLinks as Je } from "../../../hooks/messages/useMessageLinks.js";
-import { useChannelAccentColor as Ke } from "../../../hooks/messages/useChannelAccentColor.js";
-import { useSubtextTooltip as Qe } from "../../../hooks/messages/useSubtextTooltip.js";
+import { useMessageMenuActions as Qe } from "../../../hooks/messages/useMessageMenuActions.js";
+import { useMessageLinks as Ge } from "../../../hooks/messages/useMessageLinks.js";
+import { useChannelAccentColor as Je } from "../../../hooks/messages/useChannelAccentColor.js";
+import { useSubtextTooltip as Ke } from "../../../hooks/messages/useSubtextTooltip.js";
 import { useStartReply as Xe } from "../../../hooks/messages/useStartReply.js";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
@@ -41,7 +41,7 @@ const ts = ["messageId"], as = ["src"], ns = {
 }, ms = ["src", "alt"], us = ["src", "alt"], rs = ["src", "alt"], gs = {
   key: 0,
   class: "image-message__info-container"
-}, cs = { class: "image-message__time" }, ds = ["innerHTML"], fs = ["src", "alt"], Gs = /* @__PURE__ */ Le({
+}, cs = { class: "image-message__time" }, ds = ["innerHTML"], fs = ["src", "alt"], Qs = /* @__PURE__ */ Le({
   __name: "ImageMessage",
   props: {
     message: {
@@ -86,13 +86,13 @@ const ts = ["messageId"], as = ["src"], ns = {
   },
   emits: ["action", "reply", "sms-invite"],
   setup(e, { emit: _ }) {
-    const B = je("chatAppId"), { getTheme: U } = Ye(B || ""), { menuActions: R } = Ge(() => s.message), { hoverActionsEnabled: ee, reactionsActive: se } = qe(
+    const B = je("chatAppId"), { getTheme: F } = Ye(B || ""), { menuActions: R } = Qe(() => s.message), { hoverActionsEnabled: ee, reactionsActive: se } = qe(
       () => s.channel,
       () => s.reactionsEnabled,
       () => s.message
     ), { startReply: te } = Xe(B || ""), s = e, T = _, I = b(!1), {
       isOpenMenu: ae,
-      buttonMenuVisible: z,
+      buttonMenuVisible: U,
       menuAnchorRef: ne,
       menuRef: ie,
       menuStyle: le,
@@ -100,7 +100,7 @@ const ts = ["messageId"], as = ["src"], ns = {
       showMenu: me,
       hideMenu: ue,
       openMenu: re,
-      toggleMenu: F,
+      toggleMenu: z,
       onMenuMouseEnter: ge,
       onMenuMouseLeave: ce,
       clickAction: de,
@@ -108,31 +108,31 @@ const ts = ["messageId"], as = ["src"], ns = {
       handleClickReplied: fe
     } = $e(s.message, T, {
       onReply: () => te(Z(s.message, "message.image"))
-    }), h = b(!1), { linkedHtml: H, inNewWindow: V } = Je(() => s.message.text), c = b(null), g = b(null), w = b(0), A = b(0);
-    J(
+    }), h = b(!1), { linkedHtml: H, inNewWindow: V } = Ge(() => s.message.text), c = b(null), g = b(null), w = b(0), A = b(0);
+    G(
       () => H.value,
       () => {
-        M(), E(() => {
+        p(), E(() => {
           m && g.value && m.observe(g.value);
         });
       }
     );
-    const M = () => {
+    const p = () => {
       E(() => {
         c.value && (w.value = c.value.offsetWidth), g.value && (A.value = g.value.offsetWidth);
       });
     };
     let m = null, S = null;
     Ee(() => {
-      M(), S = () => M(), window.addEventListener("resize", S), typeof ResizeObserver < "u" && (m = new ResizeObserver(() => {
-        M();
+      p(), S = () => p(), window.addEventListener("resize", S), typeof ResizeObserver < "u" && (m = new ResizeObserver(() => {
+        p();
       }), c.value && m.observe(c.value), g.value && m.observe(g.value));
     }), Oe(() => {
       S && window.removeEventListener("resize", S), m && m.disconnect();
-    }), J(
+    }), G(
       () => [s.message.text, s.message.url],
       () => {
-        M(), E(() => {
+        p(), E(() => {
           m && (m.disconnect(), c.value && m.observe(c.value), g.value && m.observe(g.value));
         });
       },
@@ -141,17 +141,17 @@ const ts = ["messageId"], as = ["src"], ns = {
     const W = k(() => s.message.text && A.value > w.value && w.value > 0), ve = () => {
       me(), h.value = !0;
     }, D = (d) => {
-      ue(d), z.value || (h.value = !1);
+      ue(d), U.value || (h.value = !1);
     }, be = () => {
       ce(), h.value = !1;
-    }, ye = k(() => s.message.reply && s.message.text ? "0" : s.message.text ? A.value > w.value && w.value > 0 ? "0" : "var(--chotto-imagemessage-preview-with-caption-border-radius, 7px 7px 0 0)" : s.message.reply ? "var(--chotto-imagemessage-preview-with-reply-border-radius, 0 0 7px 7px)" : "var(--chotto-imagemessage-preview-border-radius, 7px)"), P = k(() => Ze(s.message.status)), $ = k(() => _e(s.message.status, s.message.statusMsg)), { bubbleStyle: he } = Ke(
+    }, ye = k(() => s.message.reply && s.message.text ? "0" : s.message.text ? A.value > w.value && w.value > 0 ? "0" : "var(--chotto-imagemessage-preview-with-caption-border-radius, 7px 7px 0 0)" : s.message.reply ? "var(--chotto-imagemessage-preview-with-reply-border-radius, 0 0 7px 7px)" : "var(--chotto-imagemessage-preview-border-radius, 7px)"), P = k(() => Ze(s.message.status)), $ = k(() => _e(s.message.status, s.message.statusMsg)), { bubbleStyle: he } = Je(
       k(() => s.message),
       { cssVariable: "--chotto-imagemessage-right-bg", position: "right" }
     );
     function L(d) {
       return es(d.position, "image-message");
     }
-    const we = () => I.value = !1, Me = async () => {
+    const we = () => I.value = !1, pe = async () => {
       var d, a;
       if (s.message.url)
         try {
@@ -169,12 +169,12 @@ const ts = ["messageId"], as = ["src"], ns = {
             "image/bmp": "bmp"
           };
           let q = j && ["jpg", "jpeg", "png", "gif", "webp", "svg", "bmp"].includes(j) ? j : Ie[Ce] || "jpg";
-          const Ae = s.message.alt ? s.message.alt.includes(".") ? s.message.alt : `${s.message.alt}.${q}` : `image-${s.message.messageId}.${q}`, G = window.URL.createObjectURL(Te), p = document.createElement("a");
-          p.href = G, p.download = Ae, document.body.appendChild(p), p.click(), document.body.removeChild(p), window.URL.revokeObjectURL(G);
+          const Ae = s.message.alt ? s.message.alt.includes(".") ? s.message.alt : `${s.message.alt}.${q}` : `image-${s.message.messageId}.${q}`, Q = window.URL.createObjectURL(Te), M = document.createElement("a");
+          M.href = Q, M.download = Ae, document.body.appendChild(M), M.click(), document.body.removeChild(M), window.URL.revokeObjectURL(Q);
         } catch (u) {
           console.error("Ошибка при скачивании изображения:", u);
         }
-    }, { onToggleReaction: pe, onAddReaction: ke, onRemoveReaction: xe } = ss(T), Re = Qe(() => s.message, () => s.subtextTooltipData);
+    }, { onToggleReaction: Me, onAddReaction: ke, onRemoveReaction: xe } = ss(T), Re = Ke(() => s.message, () => s.subtextTooltipData);
     function Se() {
       T("sms-invite", s.message);
     }
@@ -215,7 +215,7 @@ const ts = ["messageId"], as = ["src"], ns = {
           class: "image-message__bottom-shadow",
           "aria-hidden": "true"
         }, null, -1)),
-        e.message.deleted ? (n(), o(K, { key: 0 }, [
+        e.message.deleted ? (n(), o(J, { key: 0 }, [
           r(De),
           l("div", is, [
             e.message.time ? (n(), o("span", ls, C(e.message.time), 1)) : i("", !0),
@@ -227,7 +227,7 @@ const ts = ["messageId"], as = ["src"], ns = {
               "status-title": $.value
             }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
           ])
-        ], 64)) : (n(), o(K, { key: 1 }, [
+        ], 64)) : (n(), o(J, { key: 1 }, [
           e.message.reply ? (n(), f(Ne, {
             key: 0,
             style: { margin: "10px 10px 4px 16px" },
@@ -267,7 +267,7 @@ const ts = ["messageId"], as = ["src"], ns = {
                   e.message.views ? (n(), o("div", {
                     key: 0,
                     class: "image-message__views",
-                    onClick: a[0] || (a[0] = Q(
+                    onClick: a[0] || (a[0] = K(
                       //@ts-ignore
                       (...u) => t(N) && t(N)(...u),
                       ["stop"]
@@ -293,7 +293,7 @@ const ts = ["messageId"], as = ["src"], ns = {
                 h.value ? (n(), o("button", {
                   key: 0,
                   class: "image-message__download-button",
-                  onClick: Q(Me, ["stop"])
+                  onClick: K(pe, ["stop"])
                 }, [...a[5] || (a[5] = [
                   l("span", { class: "pi pi-download" }, null, -1)
                 ])])) : i("", !0)
@@ -303,11 +303,11 @@ const ts = ["messageId"], as = ["src"], ns = {
           ], 34),
           r(x, { name: "modal-fade" }, {
             default: v(() => [
-              t(z) && t(R).length && !e.reactionsEnabled && t(ee) ? (n(), o("button", {
+              t(U) && t(R).length && !e.reactionsEnabled && t(ee) ? (n(), o("button", {
                 key: 0,
                 class: "image-message__menu-button",
                 onClick: a[2] || (a[2] = //@ts-ignore
-                (...u) => t(F) && t(F)(...u))
+                (...u) => t(z) && t(z)(...u))
               }, [...a[6] || (a[6] = [
                 l("span", { class: "pi pi-ellipsis-h" }, null, -1)
               ])])) : i("", !0)
@@ -317,7 +317,7 @@ const ts = ["messageId"], as = ["src"], ns = {
           (n(), f(X, { to: "body" }, [
             r(x, { name: "context-menu" }, {
               default: v(() => [
-                t(ae) && t(R).length ? (n(), f(Ue, {
+                t(ae) && t(R).length ? (n(), f(Fe, {
                   key: 0,
                   ref_key: "menuRef",
                   ref: ie,
@@ -351,12 +351,12 @@ const ts = ["messageId"], as = ["src"], ns = {
             channel: e.channel,
             onSmsInvite: Se
           }, null, 8, ["status", "has-messenger-account", "channel"]),
-          e.message.linkPreview ? (n(), f(ze, {
+          e.message.linkPreview ? (n(), f(Ue, {
             key: 2,
             class: y(["image-message__link-preview", e.message.position]),
             "link-preview": e.message.linkPreview
           }, null, 8, ["class", "link-preview"])) : i("", !0),
-          e.message.embed ? (n(), f(Fe, {
+          e.message.embed ? (n(), f(ze, {
             key: 3,
             class: y(e.message.position),
             embed: e.message.embed
@@ -370,7 +370,7 @@ const ts = ["messageId"], as = ["src"], ns = {
             "current-user-id": e.currentUserId,
             "reaction-user-names": e.reactionUserNames,
             "menu-enabled": t(R).length > 0,
-            onToggleReaction: t(pe),
+            onToggleReaction: t(Me),
             onAddReaction: t(ke),
             onRemoveReaction: t(xe),
             onMenu: t(re)
@@ -382,7 +382,7 @@ const ts = ["messageId"], as = ["src"], ns = {
           default: v(() => [
             I.value && !e.message.deleted ? (n(), f(He, {
               key: 0,
-              "data-theme": t(U)().theme ? t(U)().theme : "light",
+              "data-theme": t(F)().theme ? t(F)().theme : "light",
               title: e.message.alt,
               onClose: we
             }, {
@@ -403,5 +403,5 @@ const ts = ["messageId"], as = ["src"], ns = {
   }
 });
 export {
-  Gs as default
+  Qs as default
 };

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

@@ -1,7 +1,7 @@
 import o from "./StickerMessage.vue2.js";
 /* empty css                    */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9b82bb9c"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-91658df1"]]);
 export {
   a as default
 };

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

@@ -1,8 +1,8 @@
-import { defineComponent as ve, inject as fe, ref as y, computed as b, watch as P, onMounted as ke, createElementBlock as n, openBlock as t, unref as s, normalizeStyle as $, normalizeClass as M, createCommentVNode as l, createElementVNode as r, createBlock as c, toDisplayString as S, Fragment as j, createVNode as m, Transition as h, withCtx as d, withModifiers as O, Teleport as U } from "vue";
+import { defineComponent as ve, inject as fe, ref as y, computed as b, watch as P, onMounted as ke, createElementBlock as n, openBlock as t, unref as s, normalizeStyle as $, normalizeClass as h, createCommentVNode as l, createElementVNode as r, createBlock as c, toDisplayString as S, Fragment as j, createVNode as m, Transition as M, withCtx as d, withModifiers as O, Teleport as U } from "vue";
 import ye from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
 import be from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
-import Me from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
-import he from "../BaseReplyMessage/BaseReplyMessage.vue.js";
+import he from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
+import Me from "../FeedReplyQuote/FeedReplyQuote.vue.js";
 import we from "../../2_modals/ModalFullscreen/ModalFullscreen.vue.js";
 import Se from "../MessageReactions/MessageReactions.vue.js";
 import D from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
@@ -23,9 +23,9 @@ import "../../../hooks/useEmojiNative.js";
 import "../../../locale/useLocale.js";
 /* empty css                                                            */
 import { buildReplyPayload as q } from "../../../hooks/messages/buildReplyPayload.js";
-import { getStatus as Ee, getStatusTitle as Be } from "../../../functions/getStatusMessage.js";
-import { getMessageClass as Ne } from "../../../functions/getMessageClass.js";
-import { createReactionHandlers as Ve } from "../../../functions/createReactionHandlers.js";
+import { getStatus as Ee, getStatusTitle as Ne } from "../../../functions/getStatusMessage.js";
+import { getMessageClass as Ve } from "../../../functions/getMessageClass.js";
+import { createReactionHandlers as Be } from "../../../functions/createReactionHandlers.js";
 import "../../../functions/parseMarkdown.js";
 import { isAnimatedSticker as He } from "./utils/stickerUtils.js";
 import "./utils/suppress-lit-warning.js";
@@ -38,10 +38,10 @@ const Pe = ["messageId"], $e = ["src"], je = {
 }, De = ["src"], qe = ["src"], ze = ["src", "alt"], Ge = {
   key: 0,
   class: "sticker-message__info-container"
-}, We = { class: "sticker-message__time" }, Je = ["href"], Ke = {
+}, Qe = { class: "sticker-message__time" }, We = ["href"], Je = {
   key: 1,
   class: "sticker-message__text-container"
-}, Qe = ["innerHTML"], Xe = ["src"], Ye = ["src"], Ze = ["src", "alt"], Ls = /* @__PURE__ */ ve({
+}, Ke = ["innerHTML"], Xe = ["src"], Ye = ["src"], Ze = ["src", "alt"], Ls = /* @__PURE__ */ ve({
   __name: "StickerMessage",
   props: {
     message: {
@@ -81,11 +81,11 @@ const Pe = ["messageId"], $e = ["src"], je = {
   },
   emits: ["action", "reply", "sms-invite"],
   setup(e, { emit: z }) {
-    const I = fe("chatAppId"), { getTheme: T } = Fe(I || ""), { menuActions: w } = Ie(() => i.message), { hoverActionsEnabled: G, reactionsActive: W } = Ae(
+    const I = fe("chatAppId"), { getTheme: T } = Fe(I || ""), { menuActions: w } = Ie(() => i.message), { hoverActionsEnabled: G, reactionsActive: Q } = Ae(
       () => i.channel,
       () => i.reactionsEnabled,
       () => i.message
-    ), { startReply: J } = Le(I || ""), g = y(!1), R = y(!1);
+    ), { startReply: W } = Le(I || ""), g = y(!1), R = y(!1);
     async function x() {
       if (!(g.value || R.value)) {
         R.value = !0;
@@ -99,8 +99,8 @@ const Pe = ["messageId"], $e = ["src"], je = {
       }
     }
     const i = e, C = z, p = y(!1), {
-      isOpenMenu: K,
-      buttonMenuVisible: Q,
+      isOpenMenu: J,
+      buttonMenuVisible: K,
       menuAnchorRef: X,
       menuRef: Y,
       menuStyle: Z,
@@ -115,10 +115,10 @@ const Pe = ["messageId"], $e = ["src"], je = {
       viewsAction: E,
       handleClickReplied: ie
     } = pe(i.message, C, {
-      onReply: () => J(q(i.message, "message.sticker"))
-    }), v = y(!1), { linkedHtml: le, inNewWindow: B } = Te(() => i.message.text), oe = () => {
+      onReply: () => W(q(i.message, "message.sticker"))
+    }), v = y(!1), { linkedHtml: le, inNewWindow: N } = Te(() => i.message.text), oe = () => {
       ee(), v.value = !0;
-    }, N = b(() => Ee(i.message.status)), V = b(() => Be(i.message.status, i.message.statusMsg)), { bubbleStyle: me } = xe(
+    }, V = b(() => Ee(i.message.status)), B = b(() => Ne(i.message.status, i.message.statusMsg)), { bubbleStyle: me } = xe(
       b(() => i.message),
       { cssVariable: "--chotto-stickermessage-right-bg", position: "right" }
     ), f = b(() => He(i.message.url, i.message.isAnimated)), k = y(!1), H = b(() => {
@@ -138,16 +138,16 @@ const Pe = ["messageId"], $e = ["src"], je = {
       f.value && !g.value && x();
     });
     function A(u) {
-      return Ne(u.position, "sticker-message");
+      return Ve(u.position, "sticker-message");
     }
-    const re = () => p.value = !1, { onToggleReaction: ue, onAddReaction: ce, onRemoveReaction: ge } = Ve(C);
+    const re = () => p.value = !1, { onToggleReaction: ue, onAddReaction: ce, onRemoveReaction: ge } = Be(C);
     function de() {
       C("sms-invite", i.message);
     }
     return (u, a) => (t(), n("div", {
       ref_key: "menuAnchorRef",
       ref: X,
-      class: M(["sticker-message", [
+      class: h(["sticker-message", [
         A(e.message),
         e.applyStyle(e.message)
       ]]),
@@ -165,7 +165,7 @@ const Pe = ["messageId"], $e = ["src"], je = {
       }, null, 8, $e)) : l("", !0),
       e.message.subText && e.isFirstInSeries ? (t(), n("p", je, S(e.message.subText), 1)) : l("", !0),
       r("div", {
-        class: M(["sticker-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar }])
+        class: h(["sticker-message__content", { "is-first": e.isFirstInSeries, "with-avatar-indent": !e.isFirstInSeries && e.message.avatar }])
       }, [
         e.message.deleted ? (t(), n(j, { key: 0 }, [
           m(Ce),
@@ -175,15 +175,15 @@ const Pe = ["messageId"], $e = ["src"], je = {
               "base-class": "sticker-message",
               "message-class": A(e.message),
               "message-status": e.message.status,
-              "status-class": N.value,
-              "status-title": V.value
+              "status-class": V.value,
+              "status-title": B.value
             }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
           ])
         ], 64)) : (t(), n(j, { key: 1 }, [
-          e.message.reply ? (t(), c(he, {
+          e.message.reply ? (t(), c(Me, {
             key: 0,
             style: { margin: "10px 10px 4px 16px" },
-            class: M(e.message.position),
+            class: h(e.message.position),
             message: e.message.reply,
             onReply: s(ie)
           }, null, 8, ["class", "message", "onReply"])) : l("", !0),
@@ -216,7 +216,7 @@ const Pe = ["messageId"], $e = ["src"], je = {
               src: e.message.url,
               alt: e.message.alt
             }, null, 8, ze)),
-            m(h, { name: "modal-fade" }, {
+            m(M, { name: "modal-fade" }, {
               default: d(() => [
                 v.value ? (t(), n("div", Ge, [
                   e.message.views ? (t(), n("div", {
@@ -231,19 +231,19 @@ const Pe = ["messageId"], $e = ["src"], je = {
                     a[8] || (a[8] = r("span", { class: "pi pi-eye" }, null, -1)),
                     r("p", null, S(e.message.views), 1)
                   ])) : l("", !0),
-                  r("span", We, S(e.message.time), 1),
+                  r("span", Qe, S(e.message.time), 1),
                   m(D, {
                     "base-class": "sticker-message",
                     "message-class": A(e.message),
                     "message-status": e.message.status,
-                    "status-class": N.value,
-                    "status-title": V.value
+                    "status-class": V.value,
+                    "status-title": B.value
                   }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
                 ])) : l("", !0)
               ]),
               _: 1
             }),
-            m(h, { name: "modal-fade" }, {
+            m(M, { name: "modal-fade" }, {
               default: d(() => [
                 v.value ? (t(), n("a", {
                   key: 0,
@@ -254,14 +254,14 @@ const Pe = ["messageId"], $e = ["src"], je = {
                   onClick: O(() => "//Предотвращаем всплытие события клика", ["stop"])
                 }, [...a[9] || (a[9] = [
                   r("span", { class: "pi pi-download" }, null, -1)
-                ])], 8, Je)) : l("", !0)
+                ])], 8, We)) : l("", !0)
               ]),
               _: 1
             })
           ], 32),
-          m(h, { name: "modal-fade" }, {
+          m(M, { name: "modal-fade" }, {
             default: d(() => [
-              s(Q) && s(w).length && !e.reactionsEnabled && s(G) ? (t(), n("button", {
+              s(K) && s(w).length && !e.reactionsEnabled && s(G) ? (t(), n("button", {
                 key: 0,
                 class: "sticker-message__menu-button",
                 onClick: a[4] || (a[4] = //@ts-ignore
@@ -273,9 +273,9 @@ const Pe = ["messageId"], $e = ["src"], je = {
             _: 1
           }),
           (t(), c(U, { to: "body" }, [
-            m(h, { name: "context-menu" }, {
+            m(M, { name: "context-menu" }, {
               default: d(() => [
-                s(K) && s(w).length ? (t(), c(ye, {
+                s(J) && s(w).length ? (t(), c(ye, {
                   key: 0,
                   ref_key: "menuRef",
                   ref: Y,
@@ -291,12 +291,12 @@ const Pe = ["messageId"], $e = ["src"], je = {
               _: 1
             })
           ])),
-          e.message.text ? (t(), n("div", Ke, [
+          e.message.text ? (t(), n("div", Je, [
             r("p", {
               onClick: a[5] || (a[5] = //@ts-ignore
-              (...o) => s(B) && s(B)(...o)),
+              (...o) => s(N) && s(N)(...o)),
               innerHTML: s(le)
-            }, null, 8, Qe)
+            }, null, 8, Ke)
           ])) : l("", !0),
           m(Re, {
             status: e.message.status,
@@ -306,19 +306,19 @@ const Pe = ["messageId"], $e = ["src"], je = {
           }, null, 8, ["status", "has-messenger-account", "channel"]),
           e.message.linkPreview ? (t(), c(be, {
             key: 2,
-            class: M(["sticker-message__link-preview", e.message.position]),
+            class: h(["sticker-message__link-preview", e.message.position]),
             "link-preview": e.message.linkPreview
           }, null, 8, ["class", "link-preview"])) : l("", !0),
-          e.message.embed ? (t(), c(Me, {
+          e.message.embed ? (t(), c(he, {
             key: 3,
-            class: M(e.message.position),
+            class: h(e.message.position),
             embed: e.message.embed
           }, null, 8, ["class", "embed"])) : l("", !0),
           m(Se, {
             reactions: e.message.reactions,
             "message-id": e.message.messageId,
             reply: s(q)(e.message, "message.sticker"),
-            enabled: s(W),
+            enabled: s(Q),
             mode: e.reactionsMode,
             "current-user-id": e.currentUserId,
             "reaction-user-names": e.reactionUserNames,
@@ -331,7 +331,7 @@ const Pe = ["messageId"], $e = ["src"], je = {
         ], 64))
       ], 2),
       (t(), c(U, { to: "body" }, [
-        m(h, { name: "modal-fade" }, {
+        m(M, { name: "modal-fade" }, {
           default: d(() => [
             p.value && !e.message.deleted ? (t(), c(we, {
               key: 0,

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

@@ -1,7 +1,7 @@
 import o from "./TextMessage.vue2.js";
 /* empty css                 */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b5d58841"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-29216b7f"]]);
 export {
   a as default
 };

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

@@ -1,8 +1,8 @@
-import { defineComponent as ge, inject as ce, ref as de, computed as r, createElementBlock as l, openBlock as s, unref as t, normalizeStyle as h, normalizeClass as d, createCommentVNode as i, createElementVNode as m, createVNode as f, withCtx as x, createTextVNode as fe, toDisplayString as u, Fragment as M, createBlock as g, createSlots as ve, renderList as ye, Teleport as xe, Transition as be } from "vue";
+import { defineComponent as ge, inject as ce, ref as de, computed as r, createElementBlock as l, openBlock as s, unref as t, normalizeStyle as h, normalizeClass as d, createCommentVNode as i, createElementVNode as m, createVNode as f, withCtx as x, createTextVNode as fe, toDisplayString as u, Fragment as k, createBlock as g, createSlots as ve, renderList as ye, Teleport as xe, Transition as be } from "vue";
 import he from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
-import Me from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
-import ke from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
-import Re from "../BaseReplyMessage/BaseReplyMessage.vue.js";
+import ke from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
+import Me from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
+import Re from "../FeedReplyQuote/FeedReplyQuote.vue.js";
 import Se from "../MessageReactions/MessageReactions.vue.js";
 import B from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
 import Te from "../MessageSmsInvite/MessageSmsInvite.vue.js";
@@ -28,10 +28,10 @@ import { useLocale as Oe } from "../../../locale/useLocale.js";
 const Ue = ["messageId"], $e = ["src"], ze = {
   key: 1,
   class: "text-message__subtext"
-}, We = { class: "text-message__footer" }, Ge = { class: "text-message__info-container" }, Je = {
+}, Qe = { class: "text-message__footer" }, We = { class: "text-message__info-container" }, Ge = {
   key: 0,
   class: "text-message__time"
-}, Ke = ["innerHTML"], Qe = { class: "text-message__footer" }, Xe = { class: "text-message__info-container" }, Ye = { class: "text-message__edit-tooltip" }, Ze = {
+}, Je = ["innerHTML"], Ke = { class: "text-message__footer" }, Xe = { class: "text-message__info-container" }, Ye = { class: "text-message__edit-tooltip" }, Ze = {
   key: 0,
   class: "text-message__edit-tooltip-original"
 }, _e = {
@@ -88,7 +88,7 @@ const Ue = ["messageId"], $e = ["src"], ze = {
   },
   emits: ["action", "reply", "sms-invite"],
   setup(e, { emit: P }) {
-    const a = e, v = P, { t: V } = Oe(), { linkedHtml: D, inNewWindow: k } = Ce(() => a.message.text), { menuActions: y } = Ae(() => a.message), { hoverActionsEnabled: R, reactionsActive: S } = we(
+    const a = e, v = P, { t: V } = Oe(), { linkedHtml: D, inNewWindow: M } = Ce(() => a.message.text), { menuActions: y } = Ae(() => a.message), { hoverActionsEnabled: R, reactionsActive: S } = we(
       () => a.channel,
       () => a.reactionsEnabled,
       () => a.message
@@ -97,13 +97,13 @@ const Ue = ["messageId"], $e = ["src"], ze = {
       buttonMenuVisible: U,
       menuAnchorRef: $,
       menuRef: z,
-      menuStyle: W,
-      menuTheme: G,
-      showMenu: J,
+      menuStyle: Q,
+      menuTheme: W,
+      showMenu: G,
       hideMenu: p,
-      openMenu: K,
+      openMenu: J,
       toggleMenu: w,
-      onMenuMouseEnter: Q,
+      onMenuMouseEnter: K,
       onMenuMouseLeave: X,
       clickAction: Y,
       viewsAction: A,
@@ -173,20 +173,20 @@ const Ue = ["messageId"], $e = ["src"], ze = {
           "with-avatar-indent": !e.isFirstInSeries && e.message.avatar,
           "has-reply": !!e.message.reply
         }]),
-        onMouseenter: n[3] || (n[3] = (o) => t(R) && t(J)())
+        onMouseenter: n[3] || (n[3] = (o) => t(R) && t(G)())
       }, [
         n[7] || (n[7] = m("div", {
           class: "text-message__bottom-shadow",
           "aria-hidden": "true"
         }, null, -1)),
-        e.message.deleted ? (s(), l(M, { key: 0 }, [
+        e.message.deleted ? (s(), l(k, { key: 0 }, [
           f(Ie, {
             "original-text": F.value.original,
             meta: F.value.meta
           }, null, 8, ["original-text", "meta"]),
-          m("div", We, [
-            m("div", Ge, [
-              e.message.time ? (s(), l("span", Je, u(e.message.time), 1)) : i("", !0),
+          m("div", Qe, [
+            m("div", We, [
+              e.message.time ? (s(), l("span", Ge, u(e.message.time), 1)) : i("", !0),
               f(B, {
                 "base-class": "text-message",
                 "message-class": b(e.message),
@@ -196,7 +196,7 @@ const Ue = ["messageId"], $e = ["src"], ze = {
               }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
             ])
           ])
-        ], 64)) : (s(), l(M, { key: 1 }, [
+        ], 64)) : (s(), l(k, { key: 1 }, [
           e.message.reply ? (s(), g(Re, {
             key: 0,
             class: d(e.message.position),
@@ -206,20 +206,20 @@ const Ue = ["messageId"], $e = ["src"], ze = {
           m("p", {
             class: "text-message__text",
             onClick: n[0] || (n[0] = //@ts-ignore
-            (...o) => t(k) && t(k)(...o)),
+            (...o) => t(M) && t(M)(...o)),
             innerHTML: t(D)
-          }, null, 8, Ke),
-          e.message.linkPreview ? (s(), g(Me, {
+          }, null, 8, Je),
+          e.message.linkPreview ? (s(), g(ke, {
             key: 1,
             class: d(e.message.position),
             "link-preview": e.message.linkPreview
           }, null, 8, ["class", "link-preview"])) : i("", !0),
-          e.message.embed ? (s(), g(ke, {
+          e.message.embed ? (s(), g(Me, {
             key: 2,
             class: d(e.message.position),
             embed: e.message.embed
           }, null, 8, ["class", "embed"])) : i("", !0),
-          m("div", Qe, [
+          m("div", Ke, [
             t(S) ? (s(), g(Se, {
               key: 0,
               reactions: e.message.reactions,
@@ -233,7 +233,7 @@ const Ue = ["messageId"], $e = ["src"], ze = {
               onToggleReaction: t(ae),
               onAddReaction: t(ne),
               onRemoveReaction: t(ie),
-              onMenu: t(K)
+              onMenu: t(J)
             }, null, 8, ["reactions", "message-id", "reply", "enabled", "mode", "current-user-id", "reaction-user-names", "menu-enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction", "onMenu"])) : i("", !0),
             m("div", Xe, [
               e.message.views ? (s(), l("div", {
@@ -266,7 +266,7 @@ const Ue = ["messageId"], $e = ["src"], ze = {
                   fn: x(() => [
                     m("div", Ye, [
                       c.value.original ? (s(), l("div", Ze, u(c.value.original), 1)) : i("", !0),
-                      (s(!0), l(M, null, ye(c.value.edits, (o, ue) => (s(), l("div", {
+                      (s(!0), l(k, null, ye(c.value.edits, (o, ue) => (s(), l("div", {
                         key: `${o.text}-${o.meta}-${ue}`,
                         class: "text-message__edit-tooltip-entry"
                       }, [
@@ -311,11 +311,11 @@ const Ue = ["messageId"], $e = ["src"], ze = {
                   ref_key: "menuRef",
                   ref: z,
                   class: "text-message__context-menu message-actions-menu",
-                  style: h(t(W)),
-                  "data-theme": t(G),
+                  style: h(t(Q)),
+                  "data-theme": t(W),
                   actions: t(y),
                   onClick: t(Y),
-                  onMouseenter: t(Q),
+                  onMouseenter: t(K),
                   onMouseleave: t(X)
                 }, null, 8, ["style", "data-theme", "actions", "onClick", "onMouseenter", "onMouseleave"])) : i("", !0)
               ]),