@mobilon-dev/chotto 0.3.86 → 0.3.87

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

@@ -1,49 +1,57 @@
-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";
-import qe from "../BaseReplyMessage/BaseReplyMessage.vue.js";
-import ze from "../MessageReactions/MessageReactions.vue.js";
-import We from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
-import Je from "../MessageSmsInvite/MessageSmsInvite.vue.js";
-import Ke from "../../1_atoms/Tooltip/Tooltip.vue.js";
-import { useMessageActions as Qe } from "../../../hooks/messages/useMessageActions.js";
-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 { defineComponent as Xe, ref as y, computed as m, inject as et, watch as G, createElementBlock as r, openBlock as u, unref as i, normalizeStyle as Y, normalizeClass as w, createCommentVNode as d, createElementVNode as o, createVNode as b, withCtx as Z, createTextVNode as tt, toDisplayString as p, Fragment as q, createBlock as T, withDirectives as z, vShow as ce, vModelText as st, Transition as ve, Teleport as at, nextTick as nt } from "vue";
+import ot from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
+import it from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
+import ut from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
+import lt from "../BaseReplyMessage/BaseReplyMessage.vue.js";
+import rt from "../MessageReactions/MessageReactions.vue.js";
+import ge from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
+import mt from "../MessageSmsInvite/MessageSmsInvite.vue.js";
+import dt from "../DeletedMessageContent/DeletedMessageContent.vue.js";
+import ct from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import { useMessageActions as vt } from "../../../hooks/messages/useMessageActions.js";
+import { useMessageMenuActions as gt } from "../../../hooks/messages/useMessageMenuActions.js";
+import { useMessageLinks as ft } from "../../../hooks/messages/useMessageLinks.js";
+import { useChannelAccentColor as yt } from "../../../hooks/messages/useChannelAccentColor.js";
+import { useSubtextTooltip as pt } from "../../../hooks/messages/useSubtextTooltip.js";
+import { useStartReply as ht } from "../../../hooks/messages/useStartReply.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 "../../../locale/useLocale.js";
+/* empty css                                                            */
+import { buildReplyPayload as fe } from "../../../hooks/messages/buildReplyPayload.js";
+import { getStatus as bt, getStatusTitle as Ct } from "../../../functions/getStatusMessage.js";
+import { getMessageClass as wt } from "../../../functions/getMessageClass.js";
+import { createReactionHandlers as xt } from "../../../functions/createReactionHandlers.js";
 import "../../../functions/parseMarkdown.js";
-const ut = ["messageId"], lt = ["src"], rt = {
+const Mt = ["messageId"], kt = ["src"], Rt = {
   key: 1,
   class: "audio-message__subtext"
-}, 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 = {
+}, Tt = { class: "audio-message__footer" }, St = { class: "audio-message__info-container" }, Nt = {
+  key: 0,
+  class: "audio-message__time"
+}, _t = { class: "audio-message__audio-container" }, It = ["src"], Et = { class: "audio-message__progress-wrapper" }, At = ["max"], Ot = { class: "audio-message__speed-btn-container" }, Ft = { class: "audio-message__player-controls" }, Lt = { class: "audio-message__current-time" }, Dt = { class: "audio-message__duration" }, Pt = {
   key: 1,
   class: "audio-message__text-container"
-}, bt = ["innerHTML"], Ct = { class: "audio-message__footer" }, wt = { class: "audio-message__info-container" }, xt = {
+}, Ut = ["innerHTML"], Vt = { class: "audio-message__footer" }, $t = { class: "audio-message__info-container" }, Bt = {
   key: 0,
   class: "audio-message__actions"
-}, kt = { class: "audio-message__time" }, Tt = {
+}, Ht = { class: "audio-message__time" }, jt = {
   key: 0,
   class: "audio-message__expand-panel"
-}, Mt = { class: "audio-message__expand-inner" }, Rt = {
+}, Gt = { class: "audio-message__expand-inner" }, Yt = {
   key: 0,
   class: "audio-message__expand-placeholder"
-}, St = ["innerHTML"], Nt = {
+}, Zt = ["innerHTML"], qt = {
   key: 1,
   class: "audio-message__expand-plain"
-}, It = {
+}, zt = {
   key: 0,
   class: "audio-message__expand-placeholder"
-}, _t = ["innerHTML"], Et = { class: "audio-message__expand-close-wrap" }, At = "RECOGNITION_READY", Ot = "SUMMARY_READY", os = /* @__PURE__ */ $e({
+}, Wt = ["innerHTML"], Jt = { class: "audio-message__expand-close-wrap" }, Kt = "RECOGNITION_READY", Qt = "SUMMARY_READY", _s = /* @__PURE__ */ Xe({
   __name: "AudioMessage",
   props: {
     message: {
@@ -87,8 +95,8 @@ const ut = ["messageId"], lt = ["src"], rt = {
     }
   },
   emits: ["action", "reply", "sms-invite"],
-  setup(s, { emit: me }) {
-    const u = s, F = y([
+  setup(s, { emit: ye }) {
+    const l = s, L = y([
       {
         text: "1.0x",
         speed: 1
@@ -105,13 +113,13 @@ const ut = ["messageId"], lt = ["src"], rt = {
         text: "2.0x",
         speed: 2
       }
-    ]), 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 = y(null), w = y(void 0), c = y(!1), p = y(0), g = y(0), b = y(!1), P = r(() => {
+    ]), D = y(0), P = m(() => L.value[D.value] ?? L.value[0]), pe = () => {
+      D.value = (D.value + 1) % L.value.length, a.value && (a.value.playbackRate = P.value.speed);
+    }, k = ye, { menuActions: S } = gt(() => l.message), he = et("chatAppId"), { startReply: be } = ht(he || ""), a = y(null), x = y(void 0), c = y(!1), h = y(0), g = y(0), C = y(!1), U = m(() => {
       var t, n;
-      const e = u.message;
+      const e = l.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);
-    }), U = (e) => {
+    }), V = (e) => {
       if (e == null) return;
       if (typeof e == "number")
         return !Number.isFinite(e) || e < 0 ? void 0 : Math.floor(e);
@@ -123,64 +131,74 @@ const ut = ["messageId"], lt = ["src"], rt = {
       }
       const n = t.match(/^(\d+):([0-5]\d):([0-5]\d)$/);
       if (n) {
-        const v = Number(n[1]), B = Number(n[2]), H = Number(n[3]);
-        return v * 3600 + B * 60 + H;
+        const v = Number(n[1]), H = Number(n[2]), j = Number(n[3]);
+        return v * 3600 + H * 60 + j;
       }
-      const x = t.match(/^(\d+):([0-5]\d)$/);
-      if (x) return Number(x[1]) * 60 + Number(x[2]);
-    }, Z = () => {
-      c.value = !1, g.value = 0, p.value = U(u.message.duration) ?? 0, b.value = !1;
+      const M = t.match(/^(\d+):([0-5]\d)$/);
+      if (M) return Number(M[1]) * 60 + Number(M[2]);
+    }, W = () => {
+      c.value = !1, g.value = 0, h.value = V(l.message.duration) ?? 0, C.value = !1;
     };
-    Z(), j(
-      () => P.value,
+    W(), G(
+      () => U.value,
       (e, t) => {
-        e !== t && (Z(), w.value = void 0, a.value && (a.value.pause(), a.value.currentTime = 0, a.value.removeAttribute("src"), a.value.load()));
+        e !== t && (W(), x.value = void 0, a.value && (a.value.pause(), a.value.currentTime = 0, a.value.removeAttribute("src"), a.value.load()));
       }
-    ), j(
-      () => u.message.duration,
+    ), G(
+      () => l.message.duration,
       () => {
-        w.value === void 0 && (p.value = U(u.message.duration) ?? 0);
+        x.value === void 0 && (h.value = V(l.message.duration) ?? 0);
       }
     );
     const {
-      isOpenMenu: $,
-      buttonMenuVisible: ce,
-      showMenu: q,
-      hideMenu: V,
-      clickAction: ve,
-      viewsAction: z,
-      handleClickReplied: ge
-    } = Qe(u.message, T), f = y(null), R = y({ text: !1, summary: !1 }), S = r(() => {
+      isOpenMenu: Ce,
+      buttonMenuVisible: we,
+      menuAnchorRef: xe,
+      menuRef: Me,
+      menuStyle: ke,
+      menuTheme: Re,
+      showMenu: J,
+      hideMenu: $,
+      openMenu: Te,
+      toggleMenu: K,
+      onMenuMouseEnter: Se,
+      onMenuMouseLeave: Ne,
+      clickAction: _e,
+      viewsAction: Q,
+      handleClickReplied: Ie
+    } = vt(l.message, k, {
+      onReply: () => be(fe(l.message, "message.audio"))
+    }), f = y(null), N = y({ text: !1, summary: !1 }), _ = m(() => {
       var n;
-      const e = u.message, t = e.transcript ?? ((n = e.meta) == null ? void 0 : n.transcript);
+      const e = l.message, t = e.transcript ?? ((n = e.meta) == null ? void 0 : n.transcript);
       return !t || typeof t != "object" ? null : t;
-    }), N = r(() => {
+    }), I = m(() => {
       var n;
-      const e = u.message, t = e.summary ?? ((n = e.meta) == null ? void 0 : n.summary);
+      const e = l.message, t = e.summary ?? ((n = e.meta) == null ? void 0 : n.summary);
       return !t || typeof t != "object" ? null : t;
-    }), W = r(() => {
+    }), X = m(() => {
       var t;
-      const e = (t = S.value) == null ? void 0 : t.html;
+      const e = (t = _.value) == null ? void 0 : t.html;
       return typeof e != "string" ? "" : e.trim();
-    }), J = r(() => {
+    }), ee = m(() => {
       var e;
-      return ((e = S.value) == null ? void 0 : e.status) === At && W.value.length > 0;
-    }), K = r(() => {
+      return ((e = _.value) == null ? void 0 : e.status) === Kt && X.value.length > 0;
+    }), te = m(() => {
       var t;
-      const e = (t = N.value) == null ? void 0 : t.html;
+      const e = (t = I.value) == null ? void 0 : t.html;
       return typeof e != "string" ? "" : e.trim();
-    }), Q = r(() => {
+    }), se = m(() => {
       var e;
-      return ((e = N.value) == null ? void 0 : e.status) === Ot && K.value.length > 0;
-    }), I = r(() => {
+      return ((e = I.value) == null ? void 0 : e.status) === Qt && te.value.length > 0;
+    }), E = m(() => {
       var e;
-      return !!((e = S.value) != null && e.status);
-    }), _ = r(() => {
+      return !!((e = _.value) != null && e.status);
+    }), A = m(() => {
       var e;
-      return !!((e = N.value) != null && e.status);
-    }), fe = r(() => f.value === "text" ? I.value : f.value === "summary" ? _.value : !1), ye = r(() => {
+      return !!((e = I.value) != null && e.status);
+    }), Ee = m(() => f.value === "text" ? E.value : f.value === "summary" ? A.value : !1), Ae = m(() => {
       var e;
-      switch ((e = S.value) == null ? void 0 : e.status) {
+      switch ((e = _.value) == null ? void 0 : e.status) {
         case "RECOGNITION_PLANNED":
           return "Распознаем сообщение, пожалуйста подождите...";
         case "RECOGNITION_ERROR":
@@ -190,9 +208,9 @@ const ut = ["messageId"], lt = ["src"], rt = {
         default:
           return "Текст сообщения недоступен";
       }
-    }), pe = r(() => {
+    }), Oe = m(() => {
       var e;
-      switch ((e = N.value) == null ? void 0 : e.status) {
+      switch ((e = I.value) == null ? void 0 : e.status) {
         case "SUMMARY_PLANNED":
           return "Формируем резюме, пожалуйста подождите...";
         case "SUMMARY_ERROR":
@@ -202,9 +220,9 @@ const ut = ["messageId"], lt = ["src"], rt = {
         default:
           return "Резюме недоступно";
       }
-    }), he = async () => {
-      var t, n, x;
-      const e = P.value;
+    }), Fe = async () => {
+      var t, n, M;
+      const e = U.value;
       if (e)
         try {
           const v = await fetch(e, {
@@ -214,7 +232,7 @@ const ut = ["messageId"], lt = ["src"], rt = {
           });
           if (!v.ok)
             throw new Error(`HTTP error! status: ${v.status}`);
-          const B = v.headers.get("content-type") || "", H = await v.blob(), E = ((n = (t = e.split(".").pop()) == null ? void 0 : t.split("?")[0]) == null ? void 0 : n.toLowerCase()) || "", Pe = {
+          const H = v.headers.get("content-type") || "", j = await v.blob(), O = ((n = (t = e.split(".").pop()) == null ? void 0 : t.split("?")[0]) == null ? void 0 : n.toLowerCase()) || "", Ke = {
             "audio/mpeg": "mp3",
             "audio/mp3": "mp3",
             "audio/wav": "wav",
@@ -225,335 +243,364 @@ const ut = ["messageId"], lt = ["src"], rt = {
             "audio/flac": "flac",
             "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]) || ""), 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);
+            "application/octet-stream": O || "mp3"
+          }, re = O && ["mp3", "wav", "ogg", "webm", "aac", "flac", "m4a"].includes(O) ? O : Ke[H] || "mp3", me = e.split("/"), F = decodeURIComponent(((M = me[me.length - 1]) == null ? void 0 : M.split("?")[0]) || ""), Qe = F ? F.includes(".") ? F : `${F}.${re}` : `audio-${l.message.messageId}.${re}`, de = window.URL.createObjectURL(j), R = document.createElement("a");
+          R.href = de, R.download = Qe, document.body.appendChild(R), R.click(), document.body.removeChild(R), window.URL.revokeObjectURL(de);
         } 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 = r(() => at(u.message.status)), xe = r(() => nt(u.message.status, u.message.statusMsg)), { bubbleStyle: ke } = et(
-      r(() => u.message),
+    }, Le = (e) => {
+      e.action === "download" ? (Fe(), $()) : _e(e);
+    }, { linkedHtml: De, inNewWindow: ae } = ft(() => l.message.text), ne = m(() => bt(l.message.status)), oe = m(() => Ct(l.message.status, l.message.statusMsg)), { bubbleStyle: Pe } = yt(
+      m(() => l.message),
       { cssVariable: "--chotto-audiomessage-right-background-color", position: "right" }
-    ), ee = async () => {
-      const e = P.value;
+    ), ie = async () => {
+      const e = U.value;
       if (!(!a.value || !e))
         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(), c.value = !0;
+            x.value || (x.value = e, await nt(), a.value.load()), await a.value.play(), c.value = !0;
           } catch (t) {
             console.error("Не удалось воспроизвести аудио", t), c.value = !1;
           }
-    }, te = (e) => {
+    }, ue = (e) => {
       const t = Math.floor(e / 60), n = Math.floor(e % 60);
       return `${t.toString().padStart(2, "0")}:${n.toString().padStart(2, "0")}`;
-    }, Te = r(() => te(g.value));
-    j(
+    }, Ue = m(() => ue(g.value));
+    G(
       () => 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 - p.value) < 0.1 && (c.value = !1));
+        a.value && C.value && (a.value.duration != 1 / 0 && !Number.isNaN(a.value.duration) && (a.value.currentTime = g.value), Math.abs(g.value - h.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;
-    }, Me = r(() => te(p.value)), Re = () => {
+    const le = () => {
+      a.value && C.value && a.value.duration != 1 / 0 && !Number.isNaN(a.value.duration) && (a.value.currentTime = g.value), C.value = !1;
+    }, Ve = m(() => ue(h.value)), $e = () => {
       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 && (p.value = a.value.duration || 0, g.value = 0, a.value.currentTime = 0);
+          a.value && (h.value = a.value.duration || 0, g.value = 0, a.value.currentTime = 0);
         };
         e.addEventListener("timeupdate", t, { once: !0 });
       } else
-        p.value = e.duration || 0;
-      e.playbackRate = D.value.speed;
-    }, Se = () => {
-      a.value && (b.value || (g.value = a.value.currentTime), a.value.ended && c.value && (c.value = !1));
-    }, Ne = () => {
+        h.value = e.duration || 0;
+      e.playbackRate = P.value.speed;
+    }, Be = () => {
+      a.value && (C.value || (g.value = a.value.currentTime), a.value.ended && c.value && (c.value = !1));
+    }, He = () => {
       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;
+    }, je = () => {
+      console.error("Не удалось загрузить аудио"), c.value = !1, x.value = void 0, a.value && (a.value.pause(), a.value.currentTime = 0, a.value.removeAttribute("src"), a.value.load()), h.value = V(l.message.duration) ?? 0;
     };
-    function ae(e) {
-      return ot(e.position, "audio-message");
+    function B(e) {
+      return wt(e.position, "audio-message");
     }
-    const { onToggleReaction: _e, onAddReaction: Ee, onRemoveReaction: Ae } = it(T), Oe = tt(() => u.message, () => u.subtextTooltipData);
-    function Fe() {
-      T("sms-invite", u.message);
+    const { onToggleReaction: Ge, onAddReaction: Ye, onRemoveReaction: Ze } = xt(k), qe = pt(() => l.message, () => l.subtextTooltipData);
+    function ze() {
+      k("sms-invite", l.message);
     }
-    const Le = () => {
-      if (!I.value) return;
+    const We = () => {
+      if (!E.value) return;
       const e = f.value === "text" ? null : "text";
-      f.value = e, e === "text" && !J.value && !R.value.text && (R.value.text = !0, T("action", { action: "fetchTranscript", messageId: u.message.messageId }));
-    }, De = () => {
-      if (!_.value) return;
+      f.value = e, e === "text" && !ee.value && !N.value.text && (N.value.text = !0, k("action", { action: "fetchTranscript", messageId: l.message.messageId }));
+    }, Je = () => {
+      if (!A.value) return;
       const e = f.value === "summary" ? null : "summary";
-      f.value = e, e === "summary" && !Q.value && !R.value.summary && (R.value.summary = !0, T("action", { action: "fetchSummary", messageId: u.message.messageId }));
+      f.value = e, e === "summary" && !se.value && !N.value.summary && (N.value.summary = !0, k("action", { action: "fetchSummary", messageId: l.message.messageId }));
     };
-    return (e, t) => (i(), m("div", {
-      class: C(["audio-message", [
-        ae(s.message),
+    return (e, t) => (u(), r("div", {
+      ref_key: "menuAnchorRef",
+      ref: xe,
+      class: w(["audio-message", [
+        B(s.message),
         s.applyStyle(s.message)
       ]]),
       messageId: s.message.messageId,
-      style: ue(l(ke)),
+      style: Y(i(Pe)),
       onMouseleave: t[8] || (t[8] = //@ts-ignore
-      (...n) => l(V) && l(V)(...n))
+      (...n) => i($) && i($)(...n))
     }, [
-      s.message.avatar && s.isFirstInSeries ? (i(), m("img", {
+      s.message.avatar && s.isFirstInSeries ? (u(), r("img", {
         key: 0,
         class: "audio-message__avatar",
         src: s.message.avatar,
         height: "32",
         width: "32",
-        style: ue({ gridRow: s.message.subText ? "2" : "1" })
-      }, null, 12, lt)) : d("", !0),
-      s.message.subText && s.isFirstInSeries ? (i(), m("p", rt, [
-        k(Ke, {
-          text: l(Oe),
+        style: Y({ gridRow: s.message.subText ? "2" : "1" })
+      }, null, 12, kt)) : d("", !0),
+      s.message.subText && s.isFirstInSeries ? (u(), r("p", Rt, [
+        b(ct, {
+          text: i(qe),
           position: s.message.position === "left" ? "right" : "left",
           offset: 8
         }, {
-          default: G(() => [
-            Ve(h(s.message.subText), 1)
+          default: Z(() => [
+            tt(p(s.message.subText), 1)
           ]),
           _: 1
         }, 8, ["text", "position"])
       ])) : d("", !0),
       o("div", {
-        class: C(["audio-message__content", { "is-first": s.isFirstInSeries, "with-avatar-indent": !s.isFirstInSeries && s.message.avatar }]),
+        class: w(["audio-message__content", { "is-first": s.isFirstInSeries, "with-avatar-indent": !s.isFirstInSeries && s.message.avatar }]),
         onMouseenter: t[7] || (t[7] = //@ts-ignore
-        (...n) => l(q) && l(q)(...n))
+        (...n) => i(J) && i(J)(...n))
       }, [
-        s.message.reply ? (i(), O(qe, {
-          key: 0,
-          style: { "grid-column": "1/3" },
-          message: s.message.reply,
-          class: C(s.message.position),
-          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: Re,
-            onTimeupdate: Se,
-            onEnded: Ne,
-            onError: Ie
-          }, null, 40, dt),
-          Y(o("button", {
-            class: "audio-message__play",
-            onClick: ee
-          }, [...t[9] || (t[9] = [
-            o("div", { class: "audio-message__play-icon" }, [
-              o("svg", {
-                width: "20",
-                height: "23",
-                viewBox: "0 0 20 23",
-                fill: "none",
-                xmlns: "http://www.w3.org/2000/svg"
-              }, [
-                o("path", {
-                  d: "M18.99 12.9934L3.0825 22.2234C1.7325 23.0059 0 22.0584 0 20.4809V2.02087C0 0.44587 1.73 -0.50413 3.0825 0.28087L18.99 9.51087C19.2971 9.68618 19.5524 9.93959 19.7299 10.2454C19.9075 10.5512 20.001 10.8985 20.001 11.2521C20.001 11.6057 19.9075 11.953 19.7299 12.2589C19.5524 12.5647 19.2971 12.8181 18.99 12.9934Z",
-                  fill: "#5F5F5F"
-                })
-              ])
-            ], -1)
-          ])], 512), [
-            [le, !c.value]
-          ]),
-          Y(o("button", {
-            class: "audio-message__pause",
-            onClick: ee
-          }, [...t[10] || (t[10] = [
-            o("div", { class: "audio-message__pause-icon" }, [
-              o("svg", {
-                width: "20",
-                height: "23",
-                viewBox: "0 0 20 23",
-                fill: "none",
-                xmlns: "http://www.w3.org/2000/svg"
-              }, [
-                o("path", {
-                  d: "M3.75 0C4.74456 0 5.69839 0.395088 6.40165 1.09835C7.10491 1.80161 7.5 2.75544 7.5 3.75V18.75C7.5 19.7446 7.10491 20.6984 6.40165 21.4017C5.69839 22.1049 4.74456 22.5 3.75 22.5C2.75544 22.5 1.80161 22.1049 1.09835 21.4017C0.395088 20.6984 2.09588e-08 19.7446 0 18.75V3.75C0 2.75544 0.395088 1.80161 1.09835 1.09835C1.80161 0.395088 2.75544 0 3.75 0ZM16.25 0C17.2446 0 18.1984 0.395088 18.9017 1.09835C19.6049 1.80161 20 2.75544 20 3.75V18.75C20 19.7446 19.6049 20.6984 18.9017 21.4017C18.1984 22.1049 17.2446 22.5 16.25 22.5C15.2554 22.5 14.3016 22.1049 13.5983 21.4017C12.8951 20.6984 12.5 19.7446 12.5 18.75V3.75C12.5 2.75544 12.8951 1.80161 13.5983 1.09835C14.3016 0.395088 15.2554 0 16.25 0Z",
-                  fill: "#5F5F5F"
-                })
+        s.message.deleted ? (u(), r(q, { key: 0 }, [
+          b(dt),
+          o("div", Tt, [
+            o("div", St, [
+              s.message.time ? (u(), r("span", Nt, p(s.message.time), 1)) : d("", !0),
+              b(ge, {
+                "base-class": "audio-message",
+                "message-class": B(s.message),
+                "message-status": s.message.status,
+                "status-class": ne.value,
+                "status-title": oe.value
+              }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
+            ])
+          ])
+        ], 64)) : (u(), r(q, { key: 1 }, [
+          s.message.reply ? (u(), T(lt, {
+            key: 0,
+            style: { "grid-column": "1/3" },
+            message: s.message.reply,
+            class: w(s.message.position),
+            onReply: i(Ie)
+          }, null, 8, ["message", "class", "onReply"])) : d("", !0),
+          o("div", _t, [
+            o("audio", {
+              ref_key: "player",
+              ref: a,
+              src: x.value,
+              type: "audio/webm",
+              onLoadedmetadata: $e,
+              onTimeupdate: Be,
+              onEnded: He,
+              onError: je
+            }, null, 40, It),
+            z(o("button", {
+              class: "audio-message__play",
+              onClick: ie
+            }, [...t[9] || (t[9] = [
+              o("div", { class: "audio-message__play-icon" }, [
+                o("svg", {
+                  width: "20",
+                  height: "23",
+                  viewBox: "0 0 20 23",
+                  fill: "none",
+                  xmlns: "http://www.w3.org/2000/svg"
+                }, [
+                  o("path", {
+                    d: "M18.99 12.9934L3.0825 22.2234C1.7325 23.0059 0 22.0584 0 20.4809V2.02087C0 0.44587 1.73 -0.50413 3.0825 0.28087L18.99 9.51087C19.2971 9.68618 19.5524 9.93959 19.7299 10.2454C19.9075 10.5512 20.001 10.8985 20.001 11.2521C20.001 11.6057 19.9075 11.953 19.7299 12.2589C19.5524 12.5647 19.2971 12.8181 18.99 12.9934Z",
+                    fill: "#5F5F5F"
+                  })
+                ])
+              ], -1)
+            ])], 512), [
+              [ce, !c.value]
+            ]),
+            z(o("button", {
+              class: "audio-message__pause",
+              onClick: ie
+            }, [...t[10] || (t[10] = [
+              o("div", { class: "audio-message__pause-icon" }, [
+                o("svg", {
+                  width: "20",
+                  height: "23",
+                  viewBox: "0 0 20 23",
+                  fill: "none",
+                  xmlns: "http://www.w3.org/2000/svg"
+                }, [
+                  o("path", {
+                    d: "M3.75 0C4.74456 0 5.69839 0.395088 6.40165 1.09835C7.10491 1.80161 7.5 2.75544 7.5 3.75V18.75C7.5 19.7446 7.10491 20.6984 6.40165 21.4017C5.69839 22.1049 4.74456 22.5 3.75 22.5C2.75544 22.5 1.80161 22.1049 1.09835 21.4017C0.395088 20.6984 2.09588e-08 19.7446 0 18.75V3.75C0 2.75544 0.395088 1.80161 1.09835 1.09835C1.80161 0.395088 2.75544 0 3.75 0ZM16.25 0C17.2446 0 18.1984 0.395088 18.9017 1.09835C19.6049 1.80161 20 2.75544 20 3.75V18.75C20 19.7446 19.6049 20.6984 18.9017 21.4017C18.1984 22.1049 17.2446 22.5 16.25 22.5C15.2554 22.5 14.3016 22.1049 13.5983 21.4017C12.8951 20.6984 12.5 19.7446 12.5 18.75V3.75C12.5 2.75544 12.8951 1.80161 13.5983 1.09835C14.3016 0.395088 15.2554 0 16.25 0Z",
+                    fill: "#5F5F5F"
+                  })
+                ])
+              ], -1)
+            ])], 512), [
+              [ce, c.value]
+            ]),
+            o("div", Et, [
+              z(o("input", {
+                "onUpdate:modelValue": t[0] || (t[0] = (n) => g.value = n),
+                class: "audio-message__progress-bar-container",
+                type: "range",
+                min: 0,
+                max: h.value,
+                step: "0.1",
+                onMousedown: t[1] || (t[1] = (n) => C.value = !0),
+                onMouseup: le,
+                onTouchstartPassive: t[2] || (t[2] = (n) => C.value = !0),
+                onTouchendPassive: le
+              }, null, 40, At), [
+                [st, g.value]
+              ]),
+              o("div", Ot, [
+                o("button", {
+                  type: "button",
+                  class: "audio-message__speed-btn",
+                  onClick: pe
+                }, p(P.value.text), 1)
               ])
-            ], -1)
-          ])], 512), [
-            [le, c.value]
-          ]),
-          o("div", ct, [
-            Y(o("input", {
-              "onUpdate:modelValue": t[0] || (t[0] = (n) => g.value = n),
-              class: "audio-message__progress-bar-container",
-              type: "range",
-              min: 0,
-              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, vt), [
-              [Be, g.value]
             ]),
-            o("div", gt, [
-              o("button", {
-                type: "button",
-                class: "audio-message__speed-btn",
-                onClick: de
-              }, h(D.value.text), 1)
+            o("div", Ft, [
+              o("p", Lt, p(Ue.value), 1),
+              o("p", Dt, p(Ve.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", ht, [
-          o("p", {
-            onClick: t[3] || (t[3] = //@ts-ignore
-            (...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"])) : d("", !0),
-        s.message.embed ? (i(), O(Ze, {
-          key: 3,
-          class: C(s.message.position),
-          embed: s.message.embed
-        }, 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", {
+          s.message.text ? (u(), r("div", Pt, [
+            o("p", {
+              onClick: t[3] || (t[3] = //@ts-ignore
+              (...n) => i(ae) && i(ae)(...n)),
+              innerHTML: i(De)
+            }, null, 8, Ut)
+          ])) : d("", !0),
+          s.message.linkPreview ? (u(), T(it, {
+            key: 2,
+            class: w(["audio-message__link-preview", s.message.position]),
+            "link-preview": s.message.linkPreview
+          }, null, 8, ["class", "link-preview"])) : d("", !0),
+          s.message.embed ? (u(), T(ut, {
+            key: 3,
+            class: w(s.message.position),
+            embed: s.message.embed
+          }, null, 8, ["class", "embed"])) : d("", !0),
+          o("div", Vt, [
+            b(rt, {
+              reactions: s.message.reactions,
+              "message-id": s.message.messageId,
+              reply: i(fe)(s.message, "message.audio"),
+              enabled: s.reactionsEnabled,
+              mode: s.reactionsMode,
+              "current-user-id": s.currentUserId,
+              "reaction-user-names": s.reactionUserNames,
+              "menu-enabled": i(S).length > 0,
+              onToggleReaction: i(Ge),
+              onAddReaction: i(Ye),
+              onRemoveReaction: i(Ze),
+              onMenu: i(Te)
+            }, null, 8, ["reactions", "message-id", "reply", "enabled", "mode", "current-user-id", "reaction-user-names", "menu-enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction", "onMenu"]),
+            o("div", $t, [
+              E.value || A.value ? (u(), r("div", Bt, [
+                E.value ? (u(), r("button", {
+                  key: 0,
+                  class: w([
+                    "audio-message__action-button",
+                    { "audio-message__action-button--active": f.value === "text" }
+                  ]),
+                  type: "button",
+                  onClick: We
+                }, " Текст ", 2)) : d("", !0),
+                A.value ? (u(), r("button", {
+                  key: 1,
+                  class: w([
+                    "audio-message__action-button",
+                    { "audio-message__action-button--active": f.value === "summary" }
+                  ]),
+                  type: "button",
+                  onClick: Je
+                }, " Резюме ", 2)) : d("", !0)
+              ])) : d("", !0),
+              s.message.views ? (u(), r("div", {
                 key: 1,
-                class: C([
-                  "audio-message__action-button",
-                  { "audio-message__action-button--active": f.value === "summary" }
+                class: "audio-message__views",
+                onClick: t[4] || (t[4] = //@ts-ignore
+                (...n) => i(Q) && i(Q)(...n))
+              }, [
+                t[11] || (t[11] = o("span", { class: "pi pi-eye" }, null, -1)),
+                o("p", null, p(s.message.views), 1)
+              ])) : d("", !0),
+              o("span", Ht, p(s.message.time), 1),
+              b(ge, {
+                "base-class": "audio-message",
+                "message-class": B(s.message),
+                "message-status": s.message.status,
+                "status-class": ne.value,
+                "status-title": oe.value
+              }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
+            ])
+          ]),
+          b(ve, { name: "audio-message-expand" }, {
+            default: Z(() => [
+              Ee.value ? (u(), r("div", jt, [
+                o("div", Gt, [
+                  f.value === "text" ? (u(), r(q, { key: 0 }, [
+                    ee.value ? (u(), r("p", {
+                      key: 1,
+                      class: "audio-message__expand-plain",
+                      innerHTML: X.value
+                    }, null, 8, Zt)) : (u(), r("p", Yt, p(Ae.value), 1))
+                  ], 64)) : (u(), r("p", qt, [
+                    se.value ? (u(), r("span", {
+                      key: 1,
+                      innerHTML: te.value
+                    }, null, 8, Wt)) : (u(), r("span", zt, p(Oe.value), 1))
+                  ]))
                 ]),
-                type: "button",
-                onClick: De
-              }, " Резюме ", 2)) : d("", !0)
-            ])) : d("", !0),
-            s.message.views ? (i(), m("div", {
-              key: 1,
-              class: "audio-message__views",
-              onClick: t[4] || (t[4] = //@ts-ignore
-              (...n) => l(z) && l(z)(...n))
+                o("div", Jt, [
+                  o("button", {
+                    type: "button",
+                    class: "audio-message__expand-close",
+                    onClick: t[5] || (t[5] = (n) => f.value = null)
+                  }, " Закрыть ")
+                ])
+              ])) : d("", !0)
+            ]),
+            _: 1
+          }),
+          b(mt, {
+            status: s.message.status,
+            "has-messenger-account": s.message.hasMessengerAccount,
+            channel: s.channel,
+            onSmsInvite: ze
+          }, null, 8, ["status", "has-messenger-account", "channel"]),
+          i(we) && i(S).length && !s.reactionsEnabled ? (u(), r("button", {
+            key: 4,
+            class: "audio-message__menu-button",
+            onClick: t[6] || (t[6] = //@ts-ignore
+            (...n) => i(K) && i(K)(...n))
+          }, [...t[12] || (t[12] = [
+            o("svg", {
+              width: "4",
+              height: "17",
+              viewBox: "0 0 4 17",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg"
             }, [
-              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", 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, 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, _t)) : (i(), m("span", It, h(pe.value), 1))
-                ]))
+              o("path", {
+                d: "M3.75 14.375C3.75 14.8723 3.55246 15.3492 3.20083 15.7008C2.84919 16.0525 2.37228 16.25 1.875 16.25C1.37772 16.25 0.900805 16.0525 0.549175 15.7008C0.197544 15.3492 0 14.8723 0 14.375C0 13.8777 0.197544 13.4008 0.549175 13.0492C0.900805 12.6975 1.37772 12.5 1.875 12.5C2.37228 12.5 2.84919 12.6975 3.20083 13.0492C3.55246 13.4008 3.75 13.8777 3.75 14.375ZM3.75 8.125C3.75 8.62228 3.55246 9.09919 3.20083 9.45083C2.84919 9.80246 2.37228 10 1.875 10C1.37772 10 0.900805 9.80246 0.549175 9.45083C0.197544 9.09919 0 8.62228 0 8.125C0 7.62772 0.197544 7.15081 0.549175 6.79917C0.900805 6.44754 1.37772 6.25 1.875 6.25C2.37228 6.25 2.84919 6.44754 3.20083 6.79917C3.55246 7.15081 3.75 7.62772 3.75 8.125ZM3.75 1.875C3.75 2.37228 3.55246 2.84919 3.20083 3.20083C2.84919 3.55246 2.37228 3.75 1.875 3.75C1.37772 3.75 0.900805 3.55246 0.549175 3.20083C0.197544 2.84919 0 2.37228 0 1.875C0 1.37772 0.197544 0.900806 0.549175 0.549175C0.900805 0.197544 1.37772 0 1.875 0C2.37228 0 2.84919 0.197544 3.20083 0.549175C3.55246 0.900806 3.75 1.37772 3.75 1.875Z",
+                fill: "#5F5F5F"
+              })
+            ], -1)
+          ])])) : d("", !0),
+          (u(), T(at, { to: "body" }, [
+            b(ve, null, {
+              default: Z(() => [
+                i(Ce) && i(S).length ? (u(), T(ot, {
+                  key: 0,
+                  ref_key: "menuRef",
+                  ref: Me,
+                  class: "audio-message__context-menu message-actions-menu",
+                  style: Y(i(ke)),
+                  "data-theme": i(Re),
+                  actions: i(S),
+                  onClick: Le,
+                  onMouseenter: i(Se),
+                  onMouseleave: i(Ne)
+                }, null, 8, ["style", "data-theme", "actions", "onMouseenter", "onMouseleave"])) : d("", !0)
               ]),
-              o("div", Et, [
-                o("button", {
-                  type: "button",
-                  class: "audio-message__expand-close",
-                  onClick: t[5] || (t[5] = (n) => f.value = null)
-                }, " Закрыть ")
-              ])
-            ])) : d("", !0)
-          ]),
-          _: 1
-        }),
-        k(Je, {
-          status: s.message.status,
-          "has-messenger-account": s.message.hasMessengerAccount,
-          channel: s.channel,
-          onSmsInvite: Fe
-        }, null, 8, ["status", "has-messenger-account", "channel"]),
-        l(ce) && s.message.actions ? (i(), m("button", {
-          key: 4,
-          class: "audio-message__menu-button",
-          onClick: t[6] || (t[6] = (n) => $.value = !l($))
-        }, [...t[12] || (t[12] = [
-          o("svg", {
-            width: "4",
-            height: "17",
-            viewBox: "0 0 4 17",
-            fill: "none",
-            xmlns: "http://www.w3.org/2000/svg"
-          }, [
-            o("path", {
-              d: "M3.75 14.375C3.75 14.8723 3.55246 15.3492 3.20083 15.7008C2.84919 16.0525 2.37228 16.25 1.875 16.25C1.37772 16.25 0.900805 16.0525 0.549175 15.7008C0.197544 15.3492 0 14.8723 0 14.375C0 13.8777 0.197544 13.4008 0.549175 13.0492C0.900805 12.6975 1.37772 12.5 1.875 12.5C2.37228 12.5 2.84919 12.6975 3.20083 13.0492C3.55246 13.4008 3.75 13.8777 3.75 14.375ZM3.75 8.125C3.75 8.62228 3.55246 9.09919 3.20083 9.45083C2.84919 9.80246 2.37228 10 1.875 10C1.37772 10 0.900805 9.80246 0.549175 9.45083C0.197544 9.09919 0 8.62228 0 8.125C0 7.62772 0.197544 7.15081 0.549175 6.79917C0.900805 6.44754 1.37772 6.25 1.875 6.25C2.37228 6.25 2.84919 6.44754 3.20083 6.79917C3.55246 7.15081 3.75 7.62772 3.75 8.125ZM3.75 1.875C3.75 2.37228 3.55246 2.84919 3.20083 3.20083C2.84919 3.55246 2.37228 3.75 1.875 3.75C1.37772 3.75 0.900805 3.55246 0.549175 3.20083C0.197544 2.84919 0 2.37228 0 1.875C0 1.37772 0.197544 0.900806 0.549175 0.549175C0.900805 0.197544 1.37772 0 1.875 0C2.37228 0 2.84919 0.197544 3.20083 0.549175C3.55246 0.900806 3.75 1.37772 3.75 1.875Z",
-              fill: "#5F5F5F"
+              _: 1
             })
-          ], -1)
-        ])])) : d("", !0),
-        k(re, null, {
-          default: G(() => [
-            l($) && s.message.actions ? (i(), O(Ge, {
-              key: 0,
-              class: "audio-message__context-menu",
-              actions: s.message.actions,
-              onClick: be
-            }, null, 8, ["actions"])) : d("", !0)
-          ]),
-          _: 1
-        })
+          ]))
+        ], 64))
       ], 34)
-    ], 46, ut));
+    ], 46, Mt));
   }
 });
 export {
-  os as default
+  _s as default
 };