@mobilon-dev/chotto 0.3.83 → 0.3.85

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

@@ -1,4 +1,4 @@
-import { defineComponent as Ue, ref as p, computed as l, watch as j, createElementBlock as m, openBlock as i, unref as r, normalizeStyle as ue, normalizeClass as C, createCommentVNode as c, createElementVNode as o, createVNode as k, withCtx as G, createTextVNode as Ve, toDisplayString as h, createBlock as O, withDirectives as Y, vShow as le, vModelText as Be, Transition as re, Fragment as He, nextTick as je } from "vue";
+import { defineComponent as $e, ref as y, computed as r, watch as j, createElementBlock as m, openBlock as i, unref as l, normalizeStyle as ue, normalizeClass as C, createCommentVNode as d, createElementVNode as o, createVNode as k, withCtx as G, createTextVNode as Ve, toDisplayString as h, createBlock as O, withDirectives as Y, vShow as le, vModelText as Be, Transition as re, Fragment as He, nextTick as je } from "vue";
 import Ge from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
 import Ye from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
 import Ze from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
@@ -11,32 +11,39 @@ import { useMessageActions as Qe } from "../../../hooks/messages/useMessageActio
 import { useMessageLinks as Xe } from "../../../hooks/messages/useMessageLinks.js";
 import { useChannelAccentColor as et } from "../../../hooks/messages/useChannelAccentColor.js";
 import { useSubtextTooltip as tt } from "../../../hooks/messages/useSubtextTooltip.js";
-import { getStatus as st, getStatusTitle as at } from "../../../functions/getStatusMessage.js";
-import { getMessageClass as nt } from "../../../functions/getMessageClass.js";
-import { createReactionHandlers as ot } from "../../../functions/createReactionHandlers.js";
+import "../../../hooks/useMessageDraft.js";
+import "../../../hooks/useSearchModel.js";
+import "../../../hooks/useTheme.js";
+import "../../../hooks/useEmojiNative.js";
+/* empty css                              */
+/* empty css                                              */
+import { buildReplyPayload as st } from "../../../hooks/messages/buildReplyPayload.js";
+import { getStatus as at, getStatusTitle as nt } from "../../../functions/getStatusMessage.js";
+import { getMessageClass as ot } from "../../../functions/getMessageClass.js";
+import { createReactionHandlers as it } from "../../../functions/createReactionHandlers.js";
 import "../../../functions/parseMarkdown.js";
-const it = ["messageId"], ut = ["src"], lt = {
+const ut = ["messageId"], lt = ["src"], rt = {
   key: 1,
   class: "audio-message__subtext"
-}, rt = { class: "audio-message__audio-container" }, mt = ["src"], ct = { class: "audio-message__progress-wrapper" }, dt = ["max"], vt = { class: "audio-message__speed-btn-container" }, gt = { class: "audio-message__player-controls" }, ft = { class: "audio-message__current-time" }, pt = { class: "audio-message__duration" }, yt = {
+}, mt = { class: "audio-message__audio-container" }, dt = ["src"], ct = { class: "audio-message__progress-wrapper" }, vt = ["max"], gt = { class: "audio-message__speed-btn-container" }, ft = { class: "audio-message__player-controls" }, yt = { class: "audio-message__current-time" }, pt = { class: "audio-message__duration" }, ht = {
   key: 1,
   class: "audio-message__text-container"
-}, ht = ["innerHTML"], bt = { class: "audio-message__info-container" }, Ct = {
+}, bt = ["innerHTML"], Ct = { class: "audio-message__footer" }, wt = { class: "audio-message__info-container" }, xt = {
   key: 0,
   class: "audio-message__actions"
-}, wt = { class: "audio-message__time" }, xt = {
+}, kt = { class: "audio-message__time" }, Tt = {
   key: 0,
   class: "audio-message__expand-panel"
-}, kt = { class: "audio-message__expand-inner" }, Tt = {
+}, Mt = { class: "audio-message__expand-inner" }, Rt = {
   key: 0,
   class: "audio-message__expand-placeholder"
-}, Rt = ["innerHTML"], Mt = {
+}, St = ["innerHTML"], Nt = {
   key: 1,
   class: "audio-message__expand-plain"
-}, St = {
+}, It = {
   key: 0,
   class: "audio-message__expand-placeholder"
-}, Nt = ["innerHTML"], _t = { class: "audio-message__expand-close-wrap" }, It = "RECOGNITION_READY", Et = "SUMMARY_READY", Jt = /* @__PURE__ */ Ue({
+}, _t = ["innerHTML"], Et = { class: "audio-message__expand-close-wrap" }, At = "RECOGNITION_READY", Ot = "SUMMARY_READY", os = /* @__PURE__ */ $e({
   __name: "AudioMessage",
   props: {
     message: {
@@ -55,6 +62,19 @@ const it = ["messageId"], ut = ["src"], lt = {
       type: Boolean,
       default: !0
     },
+    reactionsMode: {
+      type: String,
+      default: "single",
+      validator: (s) => ["single", "multi"].includes(s)
+    },
+    currentUserId: {
+      type: [String, Number],
+      default: void 0
+    },
+    reactionUserNames: {
+      type: Object,
+      default: void 0
+    },
     subtextTooltipData: {
       type: Object,
       required: !1,
@@ -68,7 +88,7 @@ const it = ["messageId"], ut = ["src"], lt = {
   },
   emits: ["action", "reply", "sms-invite"],
   setup(s, { emit: me }) {
-    const u = s, F = p([
+    const u = s, F = y([
       {
         text: "1.0x",
         speed: 1
@@ -85,13 +105,13 @@ const it = ["messageId"], ut = ["src"], lt = {
         text: "2.0x",
         speed: 2
       }
-    ]), L = p(0), D = l(() => F.value[L.value] ?? F.value[0]), ce = () => {
+    ]), L = y(0), D = r(() => F.value[L.value] ?? F.value[0]), de = () => {
       L.value = (L.value + 1) % F.value.length, a.value && (a.value.playbackRate = D.value.speed);
-    }, T = me, a = p(null), w = p(void 0), d = p(!1), y = p(0), g = p(0), b = p(!1), P = l(() => {
+    }, T = me, a = y(null), w = y(void 0), c = y(!1), p = y(0), g = y(0), b = y(!1), P = r(() => {
       var t, n;
       const e = u.message;
       return e.url || (typeof ((t = e.meta) == null ? void 0 : t.url) == "string" ? e.meta.url : void 0) || ((n = e.data) == null ? void 0 : n.url);
-    }), $ = (e) => {
+    }), U = (e) => {
       if (e == null) return;
       if (typeof e == "number")
         return !Number.isFinite(e) || e < 0 ? void 0 : Math.floor(e);
@@ -109,7 +129,7 @@ const it = ["messageId"], ut = ["src"], lt = {
       const x = t.match(/^(\d+):([0-5]\d)$/);
       if (x) return Number(x[1]) * 60 + Number(x[2]);
     }, Z = () => {
-      d.value = !1, g.value = 0, y.value = $(u.message.duration) ?? 0, b.value = !1;
+      c.value = !1, g.value = 0, p.value = U(u.message.duration) ?? 0, b.value = !1;
     };
     Z(), j(
       () => P.value,
@@ -119,46 +139,46 @@ const it = ["messageId"], ut = ["src"], lt = {
     ), j(
       () => u.message.duration,
       () => {
-        w.value === void 0 && (y.value = $(u.message.duration) ?? 0);
+        w.value === void 0 && (p.value = U(u.message.duration) ?? 0);
       }
     );
     const {
-      isOpenMenu: U,
-      buttonMenuVisible: de,
+      isOpenMenu: $,
+      buttonMenuVisible: ce,
       showMenu: q,
       hideMenu: V,
       clickAction: ve,
       viewsAction: z,
       handleClickReplied: ge
-    } = Qe(u.message, T), f = p(null), M = p({ text: !1, summary: !1 }), S = l(() => {
+    } = Qe(u.message, T), f = y(null), R = y({ text: !1, summary: !1 }), S = r(() => {
       var n;
       const e = u.message, t = e.transcript ?? ((n = e.meta) == null ? void 0 : n.transcript);
       return !t || typeof t != "object" ? null : t;
-    }), N = l(() => {
+    }), N = r(() => {
       var n;
       const e = u.message, t = e.summary ?? ((n = e.meta) == null ? void 0 : n.summary);
       return !t || typeof t != "object" ? null : t;
-    }), W = l(() => {
+    }), W = r(() => {
       var t;
       const e = (t = S.value) == null ? void 0 : t.html;
       return typeof e != "string" ? "" : e.trim();
-    }), J = l(() => {
+    }), J = r(() => {
       var e;
-      return ((e = S.value) == null ? void 0 : e.status) === It && W.value.length > 0;
-    }), K = l(() => {
+      return ((e = S.value) == null ? void 0 : e.status) === At && W.value.length > 0;
+    }), K = r(() => {
       var t;
       const e = (t = N.value) == null ? void 0 : t.html;
       return typeof e != "string" ? "" : e.trim();
-    }), Q = l(() => {
+    }), Q = r(() => {
       var e;
-      return ((e = N.value) == null ? void 0 : e.status) === Et && K.value.length > 0;
-    }), _ = l(() => {
+      return ((e = N.value) == null ? void 0 : e.status) === Ot && K.value.length > 0;
+    }), I = r(() => {
       var e;
       return !!((e = S.value) != null && e.status);
-    }), I = l(() => {
+    }), _ = r(() => {
       var e;
       return !!((e = N.value) != null && e.status);
-    }), fe = l(() => f.value === "text" ? _.value : f.value === "summary" ? I.value : !1), pe = l(() => {
+    }), fe = r(() => f.value === "text" ? I.value : f.value === "summary" ? _.value : !1), ye = r(() => {
       var e;
       switch ((e = S.value) == null ? void 0 : e.status) {
         case "RECOGNITION_PLANNED":
@@ -170,7 +190,7 @@ const it = ["messageId"], ut = ["src"], lt = {
         default:
           return "Текст сообщения недоступен";
       }
-    }), ye = l(() => {
+    }), pe = r(() => {
       var e;
       switch ((e = N.value) == null ? void 0 : e.status) {
         case "SUMMARY_PLANNED":
@@ -206,73 +226,73 @@ const it = ["messageId"], ut = ["src"], lt = {
             "audio/m4a": "m4a",
             "audio/x-m4a": "m4a",
             "application/octet-stream": E || "mp3"
-          }, ne = E && ["mp3", "wav", "ogg", "webm", "aac", "flac", "m4a"].includes(E) ? E : Pe[B] || "mp3", oe = e.split("/"), A = decodeURIComponent(((x = oe[oe.length - 1]) == null ? void 0 : x.split("?")[0]) || ""), $e = A ? A.includes(".") ? A : `${A}.${ne}` : `audio-${u.message.messageId}.${ne}`, ie = window.URL.createObjectURL(H), R = document.createElement("a");
-          R.href = ie, R.download = $e, document.body.appendChild(R), R.click(), document.body.removeChild(R), window.URL.revokeObjectURL(ie);
+          }, ne = E && ["mp3", "wav", "ogg", "webm", "aac", "flac", "m4a"].includes(E) ? E : Pe[B] || "mp3", oe = e.split("/"), A = decodeURIComponent(((x = oe[oe.length - 1]) == null ? void 0 : x.split("?")[0]) || ""), Ue = A ? A.includes(".") ? A : `${A}.${ne}` : `audio-${u.message.messageId}.${ne}`, ie = window.URL.createObjectURL(H), M = document.createElement("a");
+          M.href = ie, M.download = Ue, document.body.appendChild(M), M.click(), document.body.removeChild(M), window.URL.revokeObjectURL(ie);
         } catch (v) {
           console.error("Ошибка при скачивании аудио:", v), e && window.open(e, "_blank");
         }
     }, be = (e) => {
       e.action === "download" ? (he(), V()) : ve(e);
-    }, { linkedHtml: Ce, inNewWindow: X } = Xe(() => u.message.text), we = l(() => st(u.message.status)), xe = l(() => at(u.message.status, u.message.statusMsg)), { bubbleStyle: ke } = et(
-      l(() => u.message),
+    }, { linkedHtml: Ce, inNewWindow: X } = Xe(() => u.message.text), we = r(() => at(u.message.status)), xe = r(() => nt(u.message.status, u.message.statusMsg)), { bubbleStyle: ke } = et(
+      r(() => u.message),
       { cssVariable: "--chotto-audiomessage-right-background-color", position: "right" }
     ), ee = async () => {
       const e = P.value;
       if (!(!a.value || !e))
-        if (d.value)
-          a.value.pause(), d.value = !1;
+        if (c.value)
+          a.value.pause(), c.value = !1;
         else
           try {
-            w.value || (w.value = e, await je(), a.value.load()), await a.value.play(), d.value = !0;
+            w.value || (w.value = e, await je(), a.value.load()), await a.value.play(), c.value = !0;
           } catch (t) {
-            console.error("Не удалось воспроизвести аудио", t), d.value = !1;
+            console.error("Не удалось воспроизвести аудио", t), c.value = !1;
           }
     }, te = (e) => {
       const t = Math.floor(e / 60), n = Math.floor(e % 60);
       return `${t.toString().padStart(2, "0")}:${n.toString().padStart(2, "0")}`;
-    }, Te = l(() => te(g.value));
+    }, Te = r(() => te(g.value));
     j(
       () => g.value,
       () => {
-        a.value && b.value && (a.value.duration != 1 / 0 && !Number.isNaN(a.value.duration) && (a.value.currentTime = g.value), Math.abs(g.value - y.value) < 0.1 && (d.value = !1));
+        a.value && b.value && (a.value.duration != 1 / 0 && !Number.isNaN(a.value.duration) && (a.value.currentTime = g.value), Math.abs(g.value - p.value) < 0.1 && (c.value = !1));
       }
     );
     const se = () => {
       a.value && b.value && a.value.duration != 1 / 0 && !Number.isNaN(a.value.duration) && (a.value.currentTime = g.value), b.value = !1;
-    }, Re = l(() => te(y.value)), Me = () => {
+    }, Me = r(() => te(p.value)), Re = () => {
       if (!a.value) return;
       const e = a.value;
       if (g.value = e.currentTime || 0, e.duration === 1 / 0 || Number.isNaN(e.duration)) {
         e.currentTime = 1e101;
         const t = () => {
-          a.value && (y.value = a.value.duration || 0, g.value = 0, a.value.currentTime = 0);
+          a.value && (p.value = a.value.duration || 0, g.value = 0, a.value.currentTime = 0);
         };
         e.addEventListener("timeupdate", t, { once: !0 });
       } else
-        y.value = e.duration || 0;
+        p.value = e.duration || 0;
       e.playbackRate = D.value.speed;
     }, Se = () => {
-      a.value && (b.value || (g.value = a.value.currentTime), a.value.ended && d.value && (d.value = !1));
+      a.value && (b.value || (g.value = a.value.currentTime), a.value.ended && c.value && (c.value = !1));
     }, Ne = () => {
-      d.value = !1;
-    }, _e = () => {
-      console.error("Не удалось загрузить аудио"), d.value = !1, w.value = void 0, a.value && (a.value.pause(), a.value.currentTime = 0, a.value.removeAttribute("src"), a.value.load()), y.value = $(u.message.duration) ?? 0;
+      c.value = !1;
+    }, Ie = () => {
+      console.error("Не удалось загрузить аудио"), c.value = !1, w.value = void 0, a.value && (a.value.pause(), a.value.currentTime = 0, a.value.removeAttribute("src"), a.value.load()), p.value = U(u.message.duration) ?? 0;
     };
     function ae(e) {
-      return nt(e.position, "audio-message");
+      return ot(e.position, "audio-message");
     }
-    const { onToggleReaction: Ie, onAddReaction: Ee, onRemoveReaction: Ae } = ot(T), Oe = tt(() => u.message, () => u.subtextTooltipData);
+    const { onToggleReaction: _e, onAddReaction: Ee, onRemoveReaction: Ae } = it(T), Oe = tt(() => u.message, () => u.subtextTooltipData);
     function Fe() {
       T("sms-invite", u.message);
     }
     const Le = () => {
-      if (!_.value) return;
+      if (!I.value) return;
       const e = f.value === "text" ? null : "text";
-      f.value = e, e === "text" && !J.value && !M.value.text && (M.value.text = !0, T("action", { action: "fetchTranscript", messageId: u.message.messageId }));
+      f.value = e, e === "text" && !J.value && !R.value.text && (R.value.text = !0, T("action", { action: "fetchTranscript", messageId: u.message.messageId }));
     }, De = () => {
-      if (!I.value) return;
+      if (!_.value) return;
       const e = f.value === "summary" ? null : "summary";
-      f.value = e, e === "summary" && !Q.value && !M.value.summary && (M.value.summary = !0, T("action", { action: "fetchSummary", messageId: u.message.messageId }));
+      f.value = e, e === "summary" && !Q.value && !R.value.summary && (R.value.summary = !0, T("action", { action: "fetchSummary", messageId: u.message.messageId }));
     };
     return (e, t) => (i(), m("div", {
       class: C(["audio-message", [
@@ -280,9 +300,9 @@ const it = ["messageId"], ut = ["src"], lt = {
         s.applyStyle(s.message)
       ]]),
       messageId: s.message.messageId,
-      style: ue(r(ke)),
+      style: ue(l(ke)),
       onMouseleave: t[8] || (t[8] = //@ts-ignore
-      (...n) => r(V) && r(V)(...n))
+      (...n) => l(V) && l(V)(...n))
     }, [
       s.message.avatar && s.isFirstInSeries ? (i(), m("img", {
         key: 0,
@@ -291,10 +311,10 @@ const it = ["messageId"], ut = ["src"], lt = {
         height: "32",
         width: "32",
         style: ue({ gridRow: s.message.subText ? "2" : "1" })
-      }, null, 12, ut)) : c("", !0),
-      s.message.subText && s.isFirstInSeries ? (i(), m("p", lt, [
+      }, null, 12, lt)) : d("", !0),
+      s.message.subText && s.isFirstInSeries ? (i(), m("p", rt, [
         k(Ke, {
-          text: r(Oe),
+          text: l(Oe),
           position: s.message.position === "left" ? "right" : "left",
           offset: 8
         }, {
@@ -303,30 +323,30 @@ const it = ["messageId"], ut = ["src"], lt = {
           ]),
           _: 1
         }, 8, ["text", "position"])
-      ])) : c("", !0),
+      ])) : d("", !0),
       o("div", {
         class: C(["audio-message__content", { "is-first": s.isFirstInSeries, "with-avatar-indent": !s.isFirstInSeries && s.message.avatar }]),
         onMouseenter: t[7] || (t[7] = //@ts-ignore
-        (...n) => r(q) && r(q)(...n))
+        (...n) => l(q) && l(q)(...n))
       }, [
         s.message.reply ? (i(), O(qe, {
           key: 0,
           style: { "grid-column": "1/3" },
           message: s.message.reply,
           class: C(s.message.position),
-          onReply: r(ge)
-        }, null, 8, ["message", "class", "onReply"])) : c("", !0),
-        o("div", rt, [
+          onReply: l(ge)
+        }, null, 8, ["message", "class", "onReply"])) : d("", !0),
+        o("div", mt, [
           o("audio", {
             ref_key: "player",
             ref: a,
             src: w.value,
             type: "audio/webm",
-            onLoadedmetadata: Me,
+            onLoadedmetadata: Re,
             onTimeupdate: Se,
             onEnded: Ne,
-            onError: _e
-          }, null, 40, mt),
+            onError: Ie
+          }, null, 40, dt),
           Y(o("button", {
             class: "audio-message__play",
             onClick: ee
@@ -346,7 +366,7 @@ const it = ["messageId"], ut = ["src"], lt = {
               ])
             ], -1)
           ])], 512), [
-            [le, !d.value]
+            [le, !c.value]
           ]),
           Y(o("button", {
             class: "audio-message__pause",
@@ -367,7 +387,7 @@ const it = ["messageId"], ut = ["src"], lt = {
               ])
             ], -1)
           ])], 512), [
-            [le, d.value]
+            [le, c.value]
           ]),
           o("div", ct, [
             Y(o("input", {
@@ -375,117 +395,123 @@ const it = ["messageId"], ut = ["src"], lt = {
               class: "audio-message__progress-bar-container",
               type: "range",
               min: 0,
-              max: y.value,
+              max: p.value,
               step: "0.1",
               onMousedown: t[1] || (t[1] = (n) => b.value = !0),
               onMouseup: se,
               onTouchstartPassive: t[2] || (t[2] = (n) => b.value = !0),
               onTouchendPassive: se
-            }, null, 40, dt), [
+            }, null, 40, vt), [
               [Be, g.value]
             ]),
-            o("div", vt, [
+            o("div", gt, [
               o("button", {
                 type: "button",
                 class: "audio-message__speed-btn",
-                onClick: ce
+                onClick: de
               }, h(D.value.text), 1)
             ])
           ]),
-          o("div", gt, [
-            o("p", ft, h(Te.value), 1),
-            o("p", pt, h(Re.value), 1)
+          o("div", ft, [
+            o("p", yt, h(Te.value), 1),
+            o("p", pt, h(Me.value), 1)
           ])
         ]),
-        s.message.text ? (i(), m("div", yt, [
+        s.message.text ? (i(), m("div", ht, [
           o("p", {
             onClick: t[3] || (t[3] = //@ts-ignore
-            (...n) => r(X) && r(X)(...n)),
-            innerHTML: r(Ce)
-          }, null, 8, ht)
-        ])) : c("", !0),
+            (...n) => l(X) && l(X)(...n)),
+            innerHTML: l(Ce)
+          }, null, 8, bt)
+        ])) : d("", !0),
         s.message.linkPreview ? (i(), O(Ye, {
           key: 2,
           class: C(["audio-message__link-preview", s.message.position]),
           "link-preview": s.message.linkPreview
-        }, null, 8, ["class", "link-preview"])) : c("", !0),
+        }, null, 8, ["class", "link-preview"])) : d("", !0),
         s.message.embed ? (i(), O(Ze, {
           key: 3,
           class: C(s.message.position),
           embed: s.message.embed
-        }, null, 8, ["class", "embed"])) : c("", !0),
-        k(ze, {
-          reactions: s.message.reactions,
-          "message-id": s.message.messageId,
-          enabled: s.reactionsEnabled,
-          onToggleReaction: r(Ie),
-          onAddReaction: r(Ee),
-          onRemoveReaction: r(Ae)
-        }, null, 8, ["reactions", "message-id", "enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction"]),
-        o("div", bt, [
-          _.value || I.value ? (i(), m("div", Ct, [
-            _.value ? (i(), m("button", {
-              key: 0,
-              class: C([
-                "audio-message__action-button",
-                { "audio-message__action-button--active": f.value === "text" }
-              ]),
-              type: "button",
-              onClick: Le
-            }, " Текст ", 2)) : c("", !0),
-            I.value ? (i(), m("button", {
+        }, null, 8, ["class", "embed"])) : d("", !0),
+        o("div", Ct, [
+          k(ze, {
+            reactions: s.message.reactions,
+            "message-id": s.message.messageId,
+            reply: l(st)(s.message, "message.audio"),
+            enabled: s.reactionsEnabled,
+            mode: s.reactionsMode,
+            "current-user-id": s.currentUserId,
+            "reaction-user-names": s.reactionUserNames,
+            onToggleReaction: l(_e),
+            onAddReaction: l(Ee),
+            onRemoveReaction: l(Ae)
+          }, null, 8, ["reactions", "message-id", "reply", "enabled", "mode", "current-user-id", "reaction-user-names", "onToggleReaction", "onAddReaction", "onRemoveReaction"]),
+          o("div", wt, [
+            I.value || _.value ? (i(), m("div", xt, [
+              I.value ? (i(), m("button", {
+                key: 0,
+                class: C([
+                  "audio-message__action-button",
+                  { "audio-message__action-button--active": f.value === "text" }
+                ]),
+                type: "button",
+                onClick: Le
+              }, " Текст ", 2)) : d("", !0),
+              _.value ? (i(), m("button", {
+                key: 1,
+                class: C([
+                  "audio-message__action-button",
+                  { "audio-message__action-button--active": f.value === "summary" }
+                ]),
+                type: "button",
+                onClick: De
+              }, " Резюме ", 2)) : d("", !0)
+            ])) : d("", !0),
+            s.message.views ? (i(), m("div", {
               key: 1,
-              class: C([
-                "audio-message__action-button",
-                { "audio-message__action-button--active": f.value === "summary" }
-              ]),
-              type: "button",
-              onClick: De
-            }, " Резюме ", 2)) : c("", !0)
-          ])) : c("", !0),
-          s.message.views ? (i(), m("div", {
-            key: 1,
-            class: "audio-message__views",
-            onClick: t[4] || (t[4] = //@ts-ignore
-            (...n) => r(z) && r(z)(...n))
-          }, [
-            t[11] || (t[11] = o("span", { class: "pi pi-eye" }, null, -1)),
-            o("p", null, h(s.message.views), 1)
-          ])) : c("", !0),
-          o("span", wt, h(s.message.time), 1),
-          k(We, {
-            "base-class": "audio-message",
-            "message-class": ae(s.message),
-            "message-status": s.message.status,
-            "status-class": we.value,
-            "status-title": xe.value
-          }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
+              class: "audio-message__views",
+              onClick: t[4] || (t[4] = //@ts-ignore
+              (...n) => l(z) && l(z)(...n))
+            }, [
+              t[11] || (t[11] = o("span", { class: "pi pi-eye" }, null, -1)),
+              o("p", null, h(s.message.views), 1)
+            ])) : d("", !0),
+            o("span", kt, h(s.message.time), 1),
+            k(We, {
+              "base-class": "audio-message",
+              "message-class": ae(s.message),
+              "message-status": s.message.status,
+              "status-class": we.value,
+              "status-title": xe.value
+            }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
+          ])
         ]),
         k(re, { name: "audio-message-expand" }, {
           default: G(() => [
-            fe.value ? (i(), m("div", xt, [
-              o("div", kt, [
+            fe.value ? (i(), m("div", Tt, [
+              o("div", Mt, [
                 f.value === "text" ? (i(), m(He, { key: 0 }, [
                   J.value ? (i(), m("p", {
                     key: 1,
                     class: "audio-message__expand-plain",
                     innerHTML: W.value
-                  }, null, 8, Rt)) : (i(), m("p", Tt, h(pe.value), 1))
-                ], 64)) : (i(), m("p", Mt, [
+                  }, null, 8, St)) : (i(), m("p", Rt, h(ye.value), 1))
+                ], 64)) : (i(), m("p", Nt, [
                   Q.value ? (i(), m("span", {
                     key: 1,
                     innerHTML: K.value
-                  }, null, 8, Nt)) : (i(), m("span", St, h(ye.value), 1))
+                  }, null, 8, _t)) : (i(), m("span", It, h(pe.value), 1))
                 ]))
               ]),
-              o("div", _t, [
+              o("div", Et, [
                 o("button", {
                   type: "button",
                   class: "audio-message__expand-close",
                   onClick: t[5] || (t[5] = (n) => f.value = null)
                 }, " Закрыть ")
               ])
-            ])) : c("", !0)
+            ])) : d("", !0)
           ]),
           _: 1
         }),
@@ -495,10 +521,10 @@ const it = ["messageId"], ut = ["src"], lt = {
           channel: s.channel,
           onSmsInvite: Fe
         }, null, 8, ["status", "has-messenger-account", "channel"]),
-        r(de) && s.message.actions ? (i(), m("button", {
+        l(ce) && s.message.actions ? (i(), m("button", {
           key: 4,
           class: "audio-message__menu-button",
-          onClick: t[6] || (t[6] = (n) => U.value = !r(U))
+          onClick: t[6] || (t[6] = (n) => $.value = !l($))
         }, [...t[12] || (t[12] = [
           o("svg", {
             width: "4",
@@ -512,22 +538,22 @@ const it = ["messageId"], ut = ["src"], lt = {
               fill: "#5F5F5F"
             })
           ], -1)
-        ])])) : c("", !0),
+        ])])) : d("", !0),
         k(re, null, {
           default: G(() => [
-            r(U) && s.message.actions ? (i(), O(Ge, {
+            l($) && s.message.actions ? (i(), O(Ge, {
               key: 0,
               class: "audio-message__context-menu",
               actions: s.message.actions,
               onClick: be
-            }, null, 8, ["actions"])) : c("", !0)
+            }, null, 8, ["actions"])) : d("", !0)
           ]),
           _: 1
         })
       ], 34)
-    ], 46, it));
+    ], 46, ut));
   }
 });
 export {
-  Jt as default
+  os as default
 };

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

@@ -1,7 +1,7 @@
-import o from "./BaseReplyMessage.vue2.js";
+import a from "./BaseReplyMessage.vue2.js";
 /* empty css                      */
-import e from "../../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ e(o, [["__scopeId", "data-v-2c3ff643"]]);
+import o from "../../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ o(a, [["__scopeId", "data-v-55aa148d"]]);
 export {
-  f as default
+  p as default
 };