@mobilon-dev/chotto 0.3.103 → 0.3.105

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

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

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

@@ -1,19 +1,20 @@
-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 { defineComponent as tt, ref as y, computed as m, inject as st, watch as G, createElementBlock as r, openBlock as l, unref as i, normalizeStyle as Y, normalizeClass as w, createCommentVNode as d, createElementVNode as o, createVNode as b, withCtx as Z, createTextVNode as at, toDisplayString as p, Fragment as q, createBlock as T, withDirectives as z, vShow as ce, vModelText as nt, Transition as ve, Teleport as ot, nextTick as it } from "vue";
+import ut from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
+import lt from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
+import rt from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
+import mt from "../BaseReplyMessage/BaseReplyMessage.vue.js";
+import dt 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 ct from "../MessageSmsInvite/MessageSmsInvite.vue.js";
+import vt from "../DeletedMessageContent/DeletedMessageContent.vue.js";
+import gt from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import { useMessageActions as ft } from "../../../hooks/messages/useMessageActions.js";
+import { useMessageHoverActions as yt } from "../../../hooks/messages/useMessageHoverActions.js";
+import { useMessageMenuActions as pt } from "../../../hooks/messages/useMessageMenuActions.js";
+import { useMessageLinks as ht } from "../../../hooks/messages/useMessageLinks.js";
+import { useChannelAccentColor as bt } from "../../../hooks/messages/useChannelAccentColor.js";
+import { useSubtextTooltip as Ct } from "../../../hooks/messages/useSubtextTooltip.js";
+import { useStartReply as wt } from "../../../hooks/messages/useStartReply.js";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import "../../../hooks/useTheme.js";
@@ -23,35 +24,35 @@ import "../../../hooks/useEmojiNative.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 { getStatus as xt, getStatusTitle as Mt } from "../../../functions/getStatusMessage.js";
+import { getMessageClass as kt } from "../../../functions/getMessageClass.js";
+import { createReactionHandlers as Rt } from "../../../functions/createReactionHandlers.js";
 import "../../../functions/parseMarkdown.js";
-const Mt = ["messageId"], kt = ["src"], Rt = {
+const Tt = ["messageId"], St = ["src"], Nt = {
   key: 1,
   class: "audio-message__subtext"
-}, Tt = { class: "audio-message__footer" }, St = { class: "audio-message__info-container" }, Nt = {
+}, _t = { class: "audio-message__footer" }, It = { class: "audio-message__info-container" }, At = {
   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 = {
+}, Et = { class: "audio-message__audio-container" }, Ot = ["src"], Ft = { class: "audio-message__progress-wrapper" }, Lt = ["max"], Dt = { class: "audio-message__speed-btn-container" }, Pt = { class: "audio-message__player-controls" }, Ut = { class: "audio-message__current-time" }, $t = { class: "audio-message__duration" }, Vt = {
   key: 1,
   class: "audio-message__text-container"
-}, Ut = ["innerHTML"], Vt = { class: "audio-message__footer" }, $t = { class: "audio-message__info-container" }, Bt = {
+}, Bt = ["innerHTML"], Ht = { class: "audio-message__footer" }, jt = { class: "audio-message__info-container" }, Gt = {
   key: 0,
   class: "audio-message__actions"
-}, Ht = { class: "audio-message__time" }, jt = {
+}, Yt = { class: "audio-message__time" }, Zt = {
   key: 0,
   class: "audio-message__expand-panel"
-}, Gt = { class: "audio-message__expand-inner" }, Yt = {
+}, qt = { class: "audio-message__expand-inner" }, zt = {
   key: 0,
   class: "audio-message__expand-placeholder"
-}, Zt = ["innerHTML"], qt = {
+}, Wt = ["innerHTML"], Jt = {
   key: 1,
   class: "audio-message__expand-plain"
-}, zt = {
+}, Kt = {
   key: 0,
   class: "audio-message__expand-placeholder"
-}, Wt = ["innerHTML"], Jt = { class: "audio-message__expand-close-wrap" }, Kt = "RECOGNITION_READY", Qt = "SUMMARY_READY", _s = /* @__PURE__ */ Xe({
+}, Qt = ["innerHTML"], Xt = { class: "audio-message__expand-close-wrap" }, es = "RECOGNITION_READY", ts = "SUMMARY_READY", Os = /* @__PURE__ */ tt({
   __name: "AudioMessage",
   props: {
     message: {
@@ -96,7 +97,7 @@ const Mt = ["messageId"], kt = ["src"], Rt = {
   },
   emits: ["action", "reply", "sms-invite"],
   setup(s, { emit: ye }) {
-    const l = s, L = y([
+    const u = s, L = y([
       {
         text: "1.0x",
         speed: 1
@@ -115,11 +116,15 @@ const Mt = ["messageId"], kt = ["src"], Rt = {
       }
     ]), 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(() => {
+    }, k = ye, { menuActions: S } = pt(() => u.message), { hoverActionsEnabled: W, reactionsActive: he } = yt(
+      () => u.channel,
+      () => u.reactionsEnabled,
+      () => u.message
+    ), be = st("chatAppId"), { startReply: Ce } = wt(be || ""), 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 = l.message;
+      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);
-    }), V = (e) => {
+    }), $ = (e) => {
       if (e == null) return;
       if (typeof e == "number")
         return !Number.isFinite(e) || e < 0 ? void 0 : Math.floor(e);
@@ -136,45 +141,45 @@ const Mt = ["messageId"], kt = ["src"], Rt = {
       }
       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;
+    }, J = () => {
+      c.value = !1, g.value = 0, h.value = $(u.message.duration) ?? 0, C.value = !1;
     };
-    W(), G(
+    J(), G(
       () => U.value,
       (e, t) => {
-        e !== t && (W(), x.value = void 0, a.value && (a.value.pause(), a.value.currentTime = 0, a.value.removeAttribute("src"), a.value.load()));
+        e !== t && (J(), x.value = void 0, a.value && (a.value.pause(), a.value.currentTime = 0, a.value.removeAttribute("src"), a.value.load()));
       }
     ), G(
-      () => l.message.duration,
+      () => u.message.duration,
       () => {
-        x.value === void 0 && (h.value = V(l.message.duration) ?? 0);
+        x.value === void 0 && (h.value = $(u.message.duration) ?? 0);
       }
     );
     const {
-      isOpenMenu: Ce,
-      buttonMenuVisible: we,
-      menuAnchorRef: xe,
-      menuRef: Me,
-      menuStyle: ke,
-      menuTheme: Re,
-      showMenu: J,
-      hideMenu: $,
-      openMenu: Te,
+      isOpenMenu: we,
+      buttonMenuVisible: xe,
+      menuAnchorRef: Me,
+      menuRef: ke,
+      menuStyle: Re,
+      menuTheme: Te,
+      showMenu: Se,
+      hideMenu: V,
+      openMenu: Ne,
       toggleMenu: K,
-      onMenuMouseEnter: Se,
-      onMenuMouseLeave: Ne,
-      clickAction: _e,
+      onMenuMouseEnter: _e,
+      onMenuMouseLeave: Ie,
+      clickAction: Ae,
       viewsAction: Q,
-      handleClickReplied: Ie
-    } = vt(l.message, k, {
-      onReply: () => be(fe(l.message, "message.audio"))
+      handleClickReplied: Ee
+    } = ft(u.message, k, {
+      onReply: () => Ce(fe(u.message, "message.audio"))
     }), f = y(null), N = y({ text: !1, summary: !1 }), _ = m(() => {
       var n;
-      const e = l.message, t = e.transcript ?? ((n = e.meta) == null ? void 0 : n.transcript);
+      const e = u.message, t = e.transcript ?? ((n = e.meta) == null ? void 0 : n.transcript);
       return !t || typeof t != "object" ? null : t;
     }), I = m(() => {
       var n;
-      const e = l.message, t = e.summary ?? ((n = e.meta) == null ? void 0 : n.summary);
+      const e = u.message, t = e.summary ?? ((n = e.meta) == null ? void 0 : n.summary);
       return !t || typeof t != "object" ? null : t;
     }), X = m(() => {
       var t;
@@ -182,21 +187,21 @@ const Mt = ["messageId"], kt = ["src"], Rt = {
       return typeof e != "string" ? "" : e.trim();
     }), ee = m(() => {
       var e;
-      return ((e = _.value) == null ? void 0 : e.status) === Kt && X.value.length > 0;
+      return ((e = _.value) == null ? void 0 : e.status) === es && X.value.length > 0;
     }), te = m(() => {
       var t;
       const e = (t = I.value) == null ? void 0 : t.html;
       return typeof e != "string" ? "" : e.trim();
     }), se = m(() => {
       var e;
-      return ((e = I.value) == null ? void 0 : e.status) === Qt && te.value.length > 0;
-    }), E = m(() => {
+      return ((e = I.value) == null ? void 0 : e.status) === ts && te.value.length > 0;
+    }), A = m(() => {
       var e;
       return !!((e = _.value) != null && e.status);
-    }), A = m(() => {
+    }), E = m(() => {
       var e;
       return !!((e = I.value) != null && e.status);
-    }), Ee = m(() => f.value === "text" ? E.value : f.value === "summary" ? A.value : !1), Ae = m(() => {
+    }), Oe = m(() => f.value === "text" ? A.value : f.value === "summary" ? E.value : !1), Fe = m(() => {
       var e;
       switch ((e = _.value) == null ? void 0 : e.status) {
         case "RECOGNITION_PLANNED":
@@ -208,7 +213,7 @@ const Mt = ["messageId"], kt = ["src"], Rt = {
         default:
           return "Текст сообщения недоступен";
       }
-    }), Oe = m(() => {
+    }), Le = m(() => {
       var e;
       switch ((e = I.value) == null ? void 0 : e.status) {
         case "SUMMARY_PLANNED":
@@ -220,7 +225,7 @@ const Mt = ["messageId"], kt = ["src"], Rt = {
         default:
           return "Резюме недоступно";
       }
-    }), Fe = async () => {
+    }), De = async () => {
       var t, n, M;
       const e = U.value;
       if (e)
@@ -232,7 +237,7 @@ const Mt = ["messageId"], kt = ["src"], Rt = {
           });
           if (!v.ok)
             throw new Error(`HTTP error! status: ${v.status}`);
-          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 = {
+          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()) || "", Xe = {
             "audio/mpeg": "mp3",
             "audio/mp3": "mp3",
             "audio/wav": "wav",
@@ -244,15 +249,15 @@ const Mt = ["messageId"], kt = ["src"], Rt = {
             "audio/m4a": "m4a",
             "audio/x-m4a": "m4a",
             "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);
+          }, re = O && ["mp3", "wav", "ogg", "webm", "aac", "flac", "m4a"].includes(O) ? O : Xe[H] || "mp3", me = e.split("/"), F = decodeURIComponent(((M = me[me.length - 1]) == null ? void 0 : M.split("?")[0]) || ""), et = F ? F.includes(".") ? F : `${F}.${re}` : `audio-${u.message.messageId}.${re}`, de = window.URL.createObjectURL(j), R = document.createElement("a");
+          R.href = de, R.download = et, document.body.appendChild(R), R.click(), document.body.removeChild(R), window.URL.revokeObjectURL(de);
         } catch (v) {
           console.error("Ошибка при скачивании аудио:", v), e && window.open(e, "_blank");
         }
-    }, 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),
+    }, Pe = (e) => {
+      e.action === "download" ? (De(), V()) : Ae(e);
+    }, { linkedHtml: Ue, inNewWindow: ae } = ht(() => u.message.text), ne = m(() => xt(u.message.status)), oe = m(() => Mt(u.message.status, u.message.statusMsg)), { bubbleStyle: $e } = bt(
+      m(() => u.message),
       { cssVariable: "--chotto-audiomessage-right-background-color", position: "right" }
     ), ie = async () => {
       const e = U.value;
@@ -261,14 +266,14 @@ const Mt = ["messageId"], kt = ["src"], Rt = {
           a.value.pause(), c.value = !1;
         else
           try {
-            x.value || (x.value = e, await nt(), a.value.load()), await a.value.play(), c.value = !0;
+            x.value || (x.value = e, await it(), a.value.load()), await a.value.play(), c.value = !0;
           } catch (t) {
             console.error("Не удалось воспроизвести аудио", t), c.value = !1;
           }
     }, ue = (e) => {
       const t = Math.floor(e / 60), n = Math.floor(e % 60);
       return `${t.toString().padStart(2, "0")}:${n.toString().padStart(2, "0")}`;
-    }, Ue = m(() => ue(g.value));
+    }, Ve = m(() => ue(g.value));
     G(
       () => g.value,
       () => {
@@ -277,7 +282,7 @@ const Mt = ["messageId"], kt = ["src"], Rt = {
     );
     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 = () => {
+    }, Be = m(() => ue(h.value)), He = () => {
       if (!a.value) return;
       const e = a.value;
       if (g.value = e.currentTime || 0, e.duration === 1 / 0 || Number.isNaN(e.duration)) {
@@ -289,75 +294,74 @@ const Mt = ["messageId"], kt = ["src"], Rt = {
       } else
         h.value = e.duration || 0;
       e.playbackRate = P.value.speed;
-    }, Be = () => {
+    }, je = () => {
       a.value && (C.value || (g.value = a.value.currentTime), a.value.ended && c.value && (c.value = !1));
-    }, He = () => {
+    }, Ge = () => {
       c.value = !1;
-    }, 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;
+    }, Ye = () => {
+      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 = $(u.message.duration) ?? 0;
     };
     function B(e) {
-      return wt(e.position, "audio-message");
+      return kt(e.position, "audio-message");
     }
-    const { onToggleReaction: Ge, onAddReaction: Ye, onRemoveReaction: Ze } = xt(k), qe = pt(() => l.message, () => l.subtextTooltipData);
-    function ze() {
-      k("sms-invite", l.message);
+    const { onToggleReaction: Ze, onAddReaction: qe, onRemoveReaction: ze } = Rt(k), We = Ct(() => u.message, () => u.subtextTooltipData);
+    function Je() {
+      k("sms-invite", u.message);
     }
-    const We = () => {
-      if (!E.value) return;
-      const e = f.value === "text" ? null : "text";
-      f.value = e, e === "text" && !ee.value && !N.value.text && (N.value.text = !0, k("action", { action: "fetchTranscript", messageId: l.message.messageId }));
-    }, Je = () => {
+    const Ke = () => {
       if (!A.value) return;
+      const e = f.value === "text" ? null : "text";
+      f.value = e, e === "text" && !ee.value && !N.value.text && (N.value.text = !0, k("action", { action: "fetchTranscript", messageId: u.message.messageId }));
+    }, Qe = () => {
+      if (!E.value) return;
       const e = f.value === "summary" ? null : "summary";
-      f.value = e, e === "summary" && !se.value && !N.value.summary && (N.value.summary = !0, k("action", { action: "fetchSummary", messageId: l.message.messageId }));
+      f.value = e, e === "summary" && !se.value && !N.value.summary && (N.value.summary = !0, k("action", { action: "fetchSummary", messageId: u.message.messageId }));
     };
-    return (e, t) => (u(), r("div", {
+    return (e, t) => (l(), r("div", {
       ref_key: "menuAnchorRef",
-      ref: xe,
+      ref: Me,
       class: w(["audio-message", [
         B(s.message),
         s.applyStyle(s.message)
       ]]),
       messageId: s.message.messageId,
-      style: Y(i(Pe)),
+      style: Y(i($e)),
       onMouseleave: t[8] || (t[8] = //@ts-ignore
-      (...n) => i($) && i($)(...n))
+      (...n) => i(V) && i(V)(...n))
     }, [
-      s.message.avatar && s.isFirstInSeries ? (u(), r("img", {
+      s.message.avatar && s.isFirstInSeries ? (l(), r("img", {
         key: 0,
         class: "audio-message__avatar",
         src: s.message.avatar,
         height: "32",
         width: "32",
         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),
+      }, null, 12, St)) : d("", !0),
+      s.message.subText && s.isFirstInSeries ? (l(), r("p", Nt, [
+        b(gt, {
+          text: i(We),
           position: s.message.position === "left" ? "right" : "left",
           offset: 8
         }, {
           default: Z(() => [
-            tt(p(s.message.subText), 1)
+            at(p(s.message.subText), 1)
           ]),
           _: 1
         }, 8, ["text", "position"])
       ])) : d("", !0),
       o("div", {
         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) => i(J) && i(J)(...n))
+        onMouseenter: t[7] || (t[7] = (n) => i(W) && i(Se)())
       }, [
         t[13] || (t[13] = o("div", {
           class: "audio-message__bottom-shadow",
           "aria-hidden": "true"
         }, null, -1)),
-        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),
+        s.message.deleted ? (l(), r(q, { key: 0 }, [
+          b(vt),
+          o("div", _t, [
+            o("div", It, [
+              s.message.time ? (l(), r("span", At, p(s.message.time), 1)) : d("", !0),
               b(ge, {
                 "base-class": "audio-message",
                 "message-class": B(s.message),
@@ -367,25 +371,25 @@ const Mt = ["messageId"], kt = ["src"], Rt = {
               }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
             ])
           ])
-        ], 64)) : (u(), r(q, { key: 1 }, [
-          s.message.reply ? (u(), T(lt, {
+        ], 64)) : (l(), r(q, { key: 1 }, [
+          s.message.reply ? (l(), T(mt, {
             key: 0,
             style: { "grid-column": "1/3" },
             message: s.message.reply,
             class: w(s.message.position),
-            onReply: i(Ie)
+            onReply: i(Ee)
           }, null, 8, ["message", "class", "onReply"])) : d("", !0),
-          o("div", _t, [
+          o("div", Et, [
             o("audio", {
               ref_key: "player",
               ref: a,
               src: x.value,
               type: "audio/webm",
-              onLoadedmetadata: $e,
-              onTimeupdate: Be,
-              onEnded: He,
-              onError: je
-            }, null, 40, It),
+              onLoadedmetadata: He,
+              onTimeupdate: je,
+              onEnded: Ge,
+              onError: Ye
+            }, null, 40, Ot),
             z(o("button", {
               class: "audio-message__play",
               onClick: ie
@@ -428,7 +432,7 @@ const Mt = ["messageId"], kt = ["src"], Rt = {
             ])], 512), [
               [ce, c.value]
             ]),
-            o("div", Et, [
+            o("div", Ft, [
               z(o("input", {
                 "onUpdate:modelValue": t[0] || (t[0] = (n) => g.value = n),
                 class: "audio-message__progress-bar-container",
@@ -440,10 +444,10 @@ const Mt = ["messageId"], kt = ["src"], Rt = {
                 onMouseup: le,
                 onTouchstartPassive: t[2] || (t[2] = (n) => C.value = !0),
                 onTouchendPassive: le
-              }, null, 40, At), [
-                [st, g.value]
+              }, null, 40, Lt), [
+                [nt, g.value]
               ]),
-              o("div", Ot, [
+              o("div", Dt, [
                 o("button", {
                   type: "button",
                   class: "audio-message__speed-btn",
@@ -451,65 +455,65 @@ const Mt = ["messageId"], kt = ["src"], Rt = {
                 }, p(P.value.text), 1)
               ])
             ]),
-            o("div", Ft, [
-              o("p", Lt, p(Ue.value), 1),
-              o("p", Dt, p(Ve.value), 1)
+            o("div", Pt, [
+              o("p", Ut, p(Ve.value), 1),
+              o("p", $t, p(Be.value), 1)
             ])
           ]),
-          s.message.text ? (u(), r("div", Pt, [
+          s.message.text ? (l(), r("div", Vt, [
             o("p", {
               onClick: t[3] || (t[3] = //@ts-ignore
               (...n) => i(ae) && i(ae)(...n)),
-              innerHTML: i(De)
-            }, null, 8, Ut)
+              innerHTML: i(Ue)
+            }, null, 8, Bt)
           ])) : d("", !0),
-          s.message.linkPreview ? (u(), T(it, {
+          s.message.linkPreview ? (l(), T(lt, {
             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, {
+          s.message.embed ? (l(), T(rt, {
             key: 3,
             class: w(s.message.position),
             embed: s.message.embed
           }, null, 8, ["class", "embed"])) : d("", !0),
-          o("div", Vt, [
-            b(rt, {
+          o("div", Ht, [
+            b(dt, {
               reactions: s.message.reactions,
               "message-id": s.message.messageId,
               reply: i(fe)(s.message, "message.audio"),
-              enabled: s.reactionsEnabled,
+              enabled: i(he),
               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)
+              onToggleReaction: i(Ze),
+              onAddReaction: i(qe),
+              onRemoveReaction: i(ze),
+              onMenu: i(Ne)
             }, 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", {
+            o("div", jt, [
+              A.value || E.value ? (l(), r("div", Gt, [
+                A.value ? (l(), r("button", {
                   key: 0,
                   class: w([
                     "audio-message__action-button",
                     { "audio-message__action-button--active": f.value === "text" }
                   ]),
                   type: "button",
-                  onClick: We
+                  onClick: Ke
                 }, " Текст ", 2)) : d("", !0),
-                A.value ? (u(), r("button", {
+                E.value ? (l(), r("button", {
                   key: 1,
                   class: w([
                     "audio-message__action-button",
                     { "audio-message__action-button--active": f.value === "summary" }
                   ]),
                   type: "button",
-                  onClick: Je
+                  onClick: Qe
                 }, " Резюме ", 2)) : d("", !0)
               ])) : d("", !0),
-              s.message.views ? (u(), r("div", {
+              s.message.views ? (l(), r("div", {
                 key: 1,
                 class: "audio-message__views",
                 onClick: t[4] || (t[4] = //@ts-ignore
@@ -518,7 +522,7 @@ const Mt = ["messageId"], kt = ["src"], Rt = {
                 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),
+              o("span", Yt, p(s.message.time), 1),
               b(ge, {
                 "base-class": "audio-message",
                 "message-class": B(s.message),
@@ -530,22 +534,22 @@ const Mt = ["messageId"], kt = ["src"], Rt = {
           ]),
           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", {
+              Oe.value ? (l(), r("div", Zt, [
+                o("div", qt, [
+                  f.value === "text" ? (l(), r(q, { key: 0 }, [
+                    ee.value ? (l(), 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", {
+                    }, null, 8, Wt)) : (l(), r("p", zt, p(Fe.value), 1))
+                  ], 64)) : (l(), r("p", Jt, [
+                    se.value ? (l(), r("span", {
                       key: 1,
                       innerHTML: te.value
-                    }, null, 8, Wt)) : (u(), r("span", zt, p(Oe.value), 1))
+                    }, null, 8, Qt)) : (l(), r("span", Kt, p(Le.value), 1))
                   ]))
                 ]),
-                o("div", Jt, [
+                o("div", Xt, [
                   o("button", {
                     type: "button",
                     class: "audio-message__expand-close",
@@ -556,13 +560,13 @@ const Mt = ["messageId"], kt = ["src"], Rt = {
             ]),
             _: 1
           }),
-          b(mt, {
+          b(ct, {
             status: s.message.status,
             "has-messenger-account": s.message.hasMessengerAccount,
             channel: s.channel,
-            onSmsInvite: ze
+            onSmsInvite: Je
           }, null, 8, ["status", "has-messenger-account", "channel"]),
-          i(we) && i(S).length && !s.reactionsEnabled ? (u(), r("button", {
+          i(xe) && i(S).length && !s.reactionsEnabled && i(W) ? (l(), r("button", {
             key: 4,
             class: "audio-message__menu-button",
             onClick: t[6] || (t[6] = //@ts-ignore
@@ -581,20 +585,20 @@ const Mt = ["messageId"], kt = ["src"], Rt = {
               })
             ], -1)
           ])])) : d("", !0),
-          (u(), T(at, { to: "body" }, [
+          (l(), T(ot, { to: "body" }, [
             b(ve, null, {
               default: Z(() => [
-                i(Ce) && i(S).length ? (u(), T(ot, {
+                i(we) && i(S).length ? (l(), T(ut, {
                   key: 0,
                   ref_key: "menuRef",
-                  ref: Me,
+                  ref: ke,
                   class: "audio-message__context-menu message-actions-menu",
-                  style: Y(i(ke)),
-                  "data-theme": i(Re),
+                  style: Y(i(Re)),
+                  "data-theme": i(Te),
                   actions: i(S),
-                  onClick: Le,
-                  onMouseenter: i(Se),
-                  onMouseleave: i(Ne)
+                  onClick: Pe,
+                  onMouseenter: i(_e),
+                  onMouseleave: i(Ie)
                 }, null, 8, ["style", "data-theme", "actions", "onMouseenter", "onMouseleave"])) : d("", !0)
               ]),
               _: 1
@@ -602,9 +606,9 @@ const Mt = ["messageId"], kt = ["src"], Rt = {
           ]))
         ], 64))
       ], 34)
-    ], 46, Mt));
+    ], 46, Tt));
   }
 });
 export {
-  _s as default
+  Os as default
 };