@mobilon-dev/chotto 0.3.106 → 0.3.107

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

@@ -1,20 +1,21 @@
-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 "../FeedReplyQuote/FeedReplyQuote.vue.js";
-import dt from "../MessageReactions/MessageReactions.vue.js";
-import ge from "../MessageStatusIndicator/MessageStatusIndicator.vue.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 { defineComponent as ut, ref as g, computed as r, inject as lt, watch as G, createElementBlock as m, openBlock as l, unref as o, normalizeStyle as Y, normalizeClass as C, createCommentVNode as d, createElementVNode as i, createVNode as w, withCtx as Z, createTextVNode as rt, toDisplayString as y, Fragment as q, createBlock as k, withDirectives as z, vShow as Ce, vModelText as mt, Transition as we, Teleport as dt, nextTick as ct } from "vue";
+import vt from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
+import gt from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
+import ft from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
+import pt from "../FeedReplyQuote/FeedReplyQuote.vue.js";
+import yt from "../MessageReactions/MessageReactions.vue.js";
+import xe from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
+import ht from "../MessageSmsInvite/MessageSmsInvite.vue.js";
+import bt from "../DeletedMessageContent/DeletedMessageContent.vue.js";
+import Ct from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import { useMessageActions as wt } from "../../../hooks/messages/useMessageActions.js";
+import { useMessageHoverActions as xt } from "../../../hooks/messages/useMessageHoverActions.js";
+import { useMessageReactionsInFeed as Mt } from "../../../hooks/messages/useMessageReactionsInFeed.js";
+import { useMessageMenuActions as kt } from "../../../hooks/messages/useMessageMenuActions.js";
+import { useMessageLinks as Rt } from "../../../hooks/messages/useMessageLinks.js";
+import { useChannelAccentColor as Tt } from "../../../hooks/messages/useChannelAccentColor.js";
+import { useSubtextTooltip as St } from "../../../hooks/messages/useSubtextTooltip.js";
+import { useStartReply as It } from "../../../hooks/messages/useStartReply.js";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import "../../../hooks/useTheme.js";
@@ -23,36 +24,36 @@ import "../../../hooks/useEmojiNative.js";
 /* empty css                                              */
 import "../../../locale/useLocale.js";
 /* empty css                                                            */
-import { buildReplyPayload as fe } from "../../../hooks/messages/buildReplyPayload.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 { buildReplyPayload as Me } from "../../../hooks/messages/buildReplyPayload.js";
+import { getStatus as Nt, getStatusTitle as _t } from "../../../functions/getStatusMessage.js";
+import { getMessageClass as Et } from "../../../functions/getMessageClass.js";
+import { createReactionHandlers as At } from "../../../functions/createReactionHandlers.js";
 import "../../../functions/parseMarkdown.js";
-const Tt = ["messageId"], St = ["src"], Nt = {
+const Ft = ["messageId"], Lt = ["src"], Ot = {
   key: 1,
   class: "audio-message__subtext"
-}, _t = { class: "audio-message__footer" }, It = { class: "audio-message__info-container" }, At = {
+}, Pt = { class: "audio-message__footer" }, Dt = { class: "audio-message__info-container" }, Ut = {
   key: 0,
   class: "audio-message__time"
-}, 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 = {
+}, $t = { class: "audio-message__audio-container" }, Ht = ["src"], Vt = { class: "audio-message__progress-wrapper" }, Bt = ["max"], jt = { class: "audio-message__speed-btn-container" }, Gt = { class: "audio-message__player-controls" }, Yt = { class: "audio-message__current-time" }, Zt = { class: "audio-message__duration" }, qt = {
   key: 1,
   class: "audio-message__text-container"
-}, Ht = ["innerHTML"], Bt = { class: "audio-message__footer" }, jt = { class: "audio-message__info-container" }, Gt = {
+}, zt = ["innerHTML"], Qt = { class: "audio-message__footer" }, Wt = { class: "audio-message__info-container" }, Jt = {
   key: 0,
   class: "audio-message__actions"
-}, Yt = { class: "audio-message__time" }, Zt = {
+}, Kt = { class: "audio-message__time" }, Xt = {
   key: 0,
   class: "audio-message__expand-panel"
-}, qt = { class: "audio-message__expand-inner" }, zt = {
+}, es = { class: "audio-message__expand-inner" }, ts = {
   key: 0,
   class: "audio-message__expand-placeholder"
-}, Qt = ["innerHTML"], Wt = {
+}, ss = ["innerHTML"], as = {
   key: 1,
   class: "audio-message__expand-plain"
-}, Jt = {
+}, ns = {
   key: 0,
   class: "audio-message__expand-placeholder"
-}, Kt = ["innerHTML"], Xt = { class: "audio-message__expand-close-wrap" }, es = "RECOGNITION_READY", ts = "SUMMARY_READY", Os = /* @__PURE__ */ tt({
+}, os = ["innerHTML"], is = { class: "audio-message__expand-close-wrap" }, us = "RECOGNITION_READY", ls = "SUMMARY_READY", Vs = /* @__PURE__ */ ut({
   __name: "AudioMessage",
   props: {
     message: {
@@ -96,8 +97,8 @@ const Tt = ["messageId"], St = ["src"], Nt = {
     }
   },
   emits: ["action", "reply", "sms-invite"],
-  setup(s, { emit: ye }) {
-    const u = s, L = y([
+  setup(s, { emit: ke }) {
+    const u = s, O = g([
       {
         text: "1.0x",
         speed: 1
@@ -114,16 +115,16 @@ const Tt = ["messageId"], St = ["src"], Nt = {
         text: "2.0x",
         speed: 2
       }
-    ]), 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 } = pt(() => u.message), { hoverActionsEnabled: Q, reactionsActive: he } = yt(
+    ]), P = g(0), D = r(() => O.value[P.value] ?? O.value[0]), Re = () => {
+      P.value = (P.value + 1) % O.value.length, n.value && (n.value.playbackRate = D.value.speed);
+    }, R = ke, { menuActions: S } = kt(() => u.message), { hoverActionsEnabled: Q, reactionsActive: W } = xt(
       () => 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;
+    ), Te = lt("chatAppId"), { startReply: Se } = It(Te || ""), n = g(null), x = g(void 0), c = g(!1), h = g(0), f = g(0), b = g(!1), U = r(() => {
+      var t, a;
       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);
+      return e.url || (typeof ((t = e.meta) == null ? void 0 : t.url) == "string" ? e.meta.url : void 0) || ((a = e.data) == null ? void 0 : a.url);
     }), $ = (e) => {
       if (e == null) return;
       if (typeof e == "number")
@@ -134,20 +135,20 @@ const Tt = ["messageId"], St = ["src"], Nt = {
         const v = Number(t);
         return Number.isFinite(v) && v >= 0 ? Math.floor(v) : void 0;
       }
-      const n = t.match(/^(\d+):([0-5]\d):([0-5]\d)$/);
-      if (n) {
-        const v = Number(n[1]), B = Number(n[2]), j = Number(n[3]);
+      const a = t.match(/^(\d+):([0-5]\d):([0-5]\d)$/);
+      if (a) {
+        const v = Number(a[1]), B = Number(a[2]), j = Number(a[3]);
         return v * 3600 + B * 60 + j;
       }
       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 = $(u.message.duration) ?? 0, C.value = !1;
+    }, J = () => {
+      c.value = !1, f.value = 0, h.value = $(u.message.duration) ?? 0, b.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, n.value && (n.value.pause(), n.value.currentTime = 0, n.value.removeAttribute("src"), n.value.load()));
       }
     ), G(
       () => u.message.duration,
@@ -156,54 +157,54 @@ const Tt = ["messageId"], St = ["src"], Nt = {
       }
     );
     const {
-      isOpenMenu: we,
-      buttonMenuVisible: xe,
-      menuAnchorRef: Me,
-      menuRef: ke,
-      menuStyle: Re,
-      menuTheme: Te,
-      showMenu: Se,
-      hideMenu: V,
-      openMenu: Ne,
-      toggleMenu: J,
-      onMenuMouseEnter: _e,
-      onMenuMouseLeave: Ie,
-      clickAction: Ae,
-      viewsAction: K,
-      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 = u.message, t = e.transcript ?? ((n = e.meta) == null ? void 0 : n.transcript);
+      isOpenMenu: Ie,
+      buttonMenuVisible: Ne,
+      menuAnchorRef: _e,
+      menuRef: Ee,
+      menuStyle: Ae,
+      menuTheme: Fe,
+      showMenu: Le,
+      hideMenu: H,
+      openMenu: Oe,
+      toggleMenu: K,
+      onMenuMouseEnter: Pe,
+      onMenuMouseLeave: De,
+      clickAction: Ue,
+      viewsAction: X,
+      handleClickReplied: $e
+    } = wt(u.message, R, {
+      onReply: () => Se(Me(u.message, "message.audio"))
+    }), p = g(null), I = g({ text: !1, summary: !1 }), N = r(() => {
+      var a;
+      const e = u.message, t = e.transcript ?? ((a = e.meta) == null ? void 0 : a.transcript);
       return !t || typeof t != "object" ? null : t;
-    }), I = m(() => {
-      var n;
-      const e = u.message, t = e.summary ?? ((n = e.meta) == null ? void 0 : n.summary);
+    }), _ = r(() => {
+      var a;
+      const e = u.message, t = e.summary ?? ((a = e.meta) == null ? void 0 : a.summary);
       return !t || typeof t != "object" ? null : t;
-    }), X = m(() => {
+    }), ee = r(() => {
       var t;
-      const e = (t = _.value) == null ? void 0 : t.html;
+      const e = (t = N.value) == null ? void 0 : t.html;
       return typeof e != "string" ? "" : e.trim();
-    }), ee = m(() => {
+    }), te = r(() => {
       var e;
-      return ((e = _.value) == null ? void 0 : e.status) === es && X.value.length > 0;
-    }), te = m(() => {
+      return ((e = N.value) == null ? void 0 : e.status) === us && ee.value.length > 0;
+    }), se = r(() => {
       var t;
-      const e = (t = I.value) == null ? void 0 : t.html;
+      const e = (t = _.value) == null ? void 0 : t.html;
       return typeof e != "string" ? "" : e.trim();
-    }), se = m(() => {
+    }), ae = r(() => {
       var e;
-      return ((e = I.value) == null ? void 0 : e.status) === ts && te.value.length > 0;
-    }), A = m(() => {
+      return ((e = _.value) == null ? void 0 : e.status) === ls && se.value.length > 0;
+    }), E = r(() => {
       var e;
-      return !!((e = _.value) != null && e.status);
-    }), E = m(() => {
+      return !!((e = N.value) != null && e.status);
+    }), A = r(() => {
       var e;
-      return !!((e = I.value) != null && e.status);
-    }), Oe = m(() => f.value === "text" ? A.value : f.value === "summary" ? E.value : !1), Fe = m(() => {
+      return !!((e = _.value) != null && e.status);
+    }), He = r(() => p.value === "text" ? E.value : p.value === "summary" ? A.value : !1), Ve = r(() => {
       var e;
-      switch ((e = _.value) == null ? void 0 : e.status) {
+      switch ((e = N.value) == null ? void 0 : e.status) {
         case "RECOGNITION_PLANNED":
           return "Распознаем сообщение, пожалуйста подождите...";
         case "RECOGNITION_ERROR":
@@ -213,9 +214,9 @@ const Tt = ["messageId"], St = ["src"], Nt = {
         default:
           return "Текст сообщения недоступен";
       }
-    }), Le = m(() => {
+    }), Be = r(() => {
       var e;
-      switch ((e = I.value) == null ? void 0 : e.status) {
+      switch ((e = _.value) == null ? void 0 : e.status) {
         case "SUMMARY_PLANNED":
           return "Формируем резюме, пожалуйста подождите...";
         case "SUMMARY_ERROR":
@@ -225,8 +226,8 @@ const Tt = ["messageId"], St = ["src"], Nt = {
         default:
           return "Резюме недоступно";
       }
-    }), De = async () => {
-      var t, n, M;
+    }), je = async () => {
+      var t, a, M;
       const e = U.value;
       if (e)
         try {
@@ -237,7 +238,7 @@ const Tt = ["messageId"], St = ["src"], Nt = {
           });
           if (!v.ok)
             throw new Error(`HTTP error! status: ${v.status}`);
-          const B = 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 = {
+          const B = v.headers.get("content-type") || "", j = await v.blob(), F = ((a = (t = e.split(".").pop()) == null ? void 0 : t.split("?")[0]) == null ? void 0 : a.toLowerCase()) || "", ot = {
             "audio/mpeg": "mp3",
             "audio/mp3": "mp3",
             "audio/wav": "wav",
@@ -248,357 +249,383 @@ const Tt = ["messageId"], St = ["src"], Nt = {
             "audio/flac": "flac",
             "audio/m4a": "m4a",
             "audio/x-m4a": "m4a",
-            "application/octet-stream": O || "mp3"
-          }, re = O && ["mp3", "wav", "ogg", "webm", "aac", "flac", "m4a"].includes(O) ? O : Xe[B] || "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);
+            "application/octet-stream": F || "mp3"
+          }, ye = F && ["mp3", "wav", "ogg", "webm", "aac", "flac", "m4a"].includes(F) ? F : ot[B] || "mp3", he = e.split("/"), L = decodeURIComponent(((M = he[he.length - 1]) == null ? void 0 : M.split("?")[0]) || ""), it = L ? L.includes(".") ? L : `${L}.${ye}` : `audio-${u.message.messageId}.${ye}`, be = window.URL.createObjectURL(j), T = document.createElement("a");
+          T.href = be, T.download = it, document.body.appendChild(T), T.click(), document.body.removeChild(T), window.URL.revokeObjectURL(be);
         } catch (v) {
           console.error("Ошибка при скачивании аудио:", v), e && window.open(e, "_blank");
         }
-    }, 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),
+    }, Ge = (e) => {
+      e.action === "download" ? (je(), H()) : Ue(e);
+    }, { linkedHtml: Ye, inNewWindow: ne } = Rt(() => u.message.text), oe = r(() => Nt(u.message.status)), ie = r(() => _t(u.message.status, u.message.statusMsg)), { bubbleStyle: Ze } = Tt(
+      r(() => u.message),
       { cssVariable: "--chotto-audiomessage-right-background-color", position: "right" }
-    ), ie = async () => {
+    ), ue = async () => {
       const e = U.value;
-      if (!(!a.value || !e))
+      if (!(!n.value || !e))
         if (c.value)
-          a.value.pause(), c.value = !1;
+          n.value.pause(), c.value = !1;
         else
           try {
-            x.value || (x.value = e, await it(), a.value.load()), await a.value.play(), c.value = !0;
+            x.value || (x.value = e, await ct(), n.value.load()), await n.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")}`;
-    }, Ve = m(() => ue(g.value));
+    }, le = (e) => {
+      const t = Math.floor(e / 60), a = Math.floor(e % 60);
+      return `${t.toString().padStart(2, "0")}:${a.toString().padStart(2, "0")}`;
+    }, qe = r(() => le(f.value));
     G(
-      () => g.value,
+      () => f.value,
       () => {
-        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));
+        n.value && b.value && (n.value.duration != 1 / 0 && !Number.isNaN(n.value.duration) && (n.value.currentTime = f.value), Math.abs(f.value - h.value) < 0.1 && (c.value = !1));
       }
     );
-    const le = () => {
-      a.value && C.value && a.value.duration != 1 / 0 && !Number.isNaN(a.value.duration) && (a.value.currentTime = g.value), C.value = !1;
-    }, He = m(() => ue(h.value)), Be = () => {
-      if (!a.value) return;
-      const e = a.value;
-      if (g.value = e.currentTime || 0, e.duration === 1 / 0 || Number.isNaN(e.duration)) {
+    const re = () => {
+      n.value && b.value && n.value.duration != 1 / 0 && !Number.isNaN(n.value.duration) && (n.value.currentTime = f.value), b.value = !1;
+    }, ze = r(() => le(h.value)), Qe = () => {
+      if (!n.value) return;
+      const e = n.value;
+      if (f.value = e.currentTime || 0, e.duration === 1 / 0 || Number.isNaN(e.duration)) {
         e.currentTime = 1e101;
         const t = () => {
-          a.value && (h.value = a.value.duration || 0, g.value = 0, a.value.currentTime = 0);
+          n.value && (h.value = n.value.duration || 0, f.value = 0, n.value.currentTime = 0);
         };
         e.addEventListener("timeupdate", t, { once: !0 });
       } else
         h.value = e.duration || 0;
-      e.playbackRate = P.value.speed;
-    }, je = () => {
-      a.value && (C.value || (g.value = a.value.currentTime), a.value.ended && c.value && (c.value = !1));
-    }, Ge = () => {
+      e.playbackRate = D.value.speed;
+    }, We = () => {
+      n.value && (b.value || (f.value = n.value.currentTime), n.value.ended && c.value && (c.value = !1));
+    }, Je = () => {
       c.value = !1;
-    }, 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;
+    }, Ke = () => {
+      console.error("Не удалось загрузить аудио"), c.value = !1, x.value = void 0, n.value && (n.value.pause(), n.value.currentTime = 0, n.value.removeAttribute("src"), n.value.load()), h.value = $(u.message.duration) ?? 0;
     };
-    function H(e) {
-      return kt(e.position, "audio-message");
+    function V(e) {
+      return Et(e.position, "audio-message");
     }
-    const { onToggleReaction: Ze, onAddReaction: qe, onRemoveReaction: ze } = Rt(k), Qe = Ct(() => u.message, () => u.subtextTooltipData);
-    function We() {
-      k("sms-invite", u.message);
+    const { onToggleReaction: me, onAddReaction: de, onRemoveReaction: ce } = At(R), ve = g(null), ge = g(null), Xe = r(() => {
+      var t;
+      const e = (t = ge.value) == null ? void 0 : t.$el;
+      return e instanceof HTMLElement ? e : null;
+    }), { showReactions: et, onContentPointerEnter: fe, onContentPointerLeave: pe } = Mt({
+      message: () => u.message,
+      messageId: () => u.message.messageId,
+      reactions: () => u.message.reactions,
+      reactionsActive: W,
+      reactionsMode: () => u.reactionsMode,
+      reply: () => Me(u.message, "message.audio"),
+      menuEnabled: () => S.value.length > 0,
+      contentRef: ve,
+      chipsRef: Xe,
+      handlers: {
+        onToggleReaction: me,
+        onAddReaction: de,
+        onRemoveReaction: ce,
+        onMenu: Oe
+      }
+    }), tt = St(() => u.message, () => u.subtextTooltipData);
+    function st() {
+      R("sms-invite", u.message);
     }
-    const Je = () => {
-      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 }));
-    }, Ke = () => {
+    const at = () => {
       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: u.message.messageId }));
+      const e = p.value === "text" ? null : "text";
+      p.value = e, e === "text" && !te.value && !I.value.text && (I.value.text = !0, R("action", { action: "fetchTranscript", messageId: u.message.messageId }));
+    }, nt = () => {
+      if (!A.value) return;
+      const e = p.value === "summary" ? null : "summary";
+      p.value = e, e === "summary" && !ae.value && !I.value.summary && (I.value.summary = !0, R("action", { action: "fetchSummary", messageId: u.message.messageId }));
     };
-    return (e, t) => (l(), r("div", {
+    return (e, t) => (l(), m("div", {
       ref_key: "menuAnchorRef",
-      ref: Me,
-      class: w(["audio-message", [
-        H(s.message),
+      ref: _e,
+      class: C(["audio-message", [
+        V(s.message),
         s.applyStyle(s.message)
       ]]),
       messageId: s.message.messageId,
-      style: Y(i($e)),
-      onMouseleave: t[8] || (t[8] = //@ts-ignore
-      (...n) => i(V) && i(V)(...n))
+      style: Y(o(Ze)),
+      onMouseleave: t[10] || (t[10] = //@ts-ignore
+      (...a) => o(H) && o(H)(...a))
     }, [
-      s.message.avatar && s.isFirstInSeries ? (l(), r("img", {
+      s.message.avatar && s.isFirstInSeries ? (l(), m("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, St)) : d("", !0),
-      s.message.subText && s.isFirstInSeries ? (l(), r("p", Nt, [
-        b(gt, {
-          text: i(Qe),
+      }, null, 12, Lt)) : d("", !0),
+      s.message.subText && s.isFirstInSeries ? (l(), m("p", Ot, [
+        w(Ct, {
+          text: o(tt),
           position: s.message.position === "left" ? "right" : "left",
           offset: 8
         }, {
           default: Z(() => [
-            at(p(s.message.subText), 1)
+            rt(y(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] = (n) => i(Q) && i(Se)())
+      i("div", {
+        ref_key: "contentRef",
+        ref: ve,
+        class: C(["audio-message__content", { "is-first": s.isFirstInSeries, "with-avatar-indent": !s.isFirstInSeries && s.message.avatar }]),
+        onMouseenter: t[7] || (t[7] = (a) => o(Q) && o(Le)()),
+        onPointerenter: t[8] || (t[8] = //@ts-ignore
+        (...a) => o(fe) && o(fe)(...a)),
+        onPointerleave: t[9] || (t[9] = //@ts-ignore
+        (...a) => o(pe) && o(pe)(...a))
       }, [
-        t[13] || (t[13] = o("div", {
+        t[15] || (t[15] = i("div", {
           class: "audio-message__bottom-shadow",
           "aria-hidden": "true"
         }, null, -1)),
-        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, {
+        s.message.deleted ? (l(), m(q, { key: 0 }, [
+          w(bt),
+          i("div", Pt, [
+            i("div", Dt, [
+              s.message.time ? (l(), m("span", Ut, y(s.message.time), 1)) : d("", !0),
+              w(xe, {
                 "base-class": "audio-message",
-                "message-class": H(s.message),
+                "message-class": V(s.message),
                 "message-status": s.message.status,
-                "status-class": ne.value,
-                "status-title": oe.value
+                "status-class": oe.value,
+                "status-title": ie.value
               }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
             ])
           ])
-        ], 64)) : (l(), r(q, { key: 1 }, [
-          s.message.reply ? (l(), T(mt, {
+        ], 64)) : (l(), m(q, { key: 1 }, [
+          s.message.reply ? (l(), k(pt, {
             key: 0,
             style: { "grid-column": "1/3" },
             message: s.message.reply,
-            class: w(s.message.position),
-            onReply: i(Ee)
+            class: C(s.message.position),
+            onReply: o($e)
           }, null, 8, ["message", "class", "onReply"])) : d("", !0),
-          o("div", Et, [
-            o("audio", {
+          i("div", $t, [
+            i("audio", {
               ref_key: "player",
-              ref: a,
+              ref: n,
               src: x.value,
               type: "audio/webm",
-              onLoadedmetadata: Be,
-              onTimeupdate: je,
-              onEnded: Ge,
-              onError: Ye
-            }, null, 40, Ot),
-            z(o("button", {
+              onLoadedmetadata: Qe,
+              onTimeupdate: We,
+              onEnded: Je,
+              onError: Ke
+            }, null, 40, Ht),
+            z(i("button", {
               class: "audio-message__play",
-              onClick: ie
-            }, [...t[9] || (t[9] = [
-              o("div", { class: "audio-message__play-icon" }, [
-                o("svg", {
+              onClick: ue
+            }, [...t[11] || (t[11] = [
+              i("div", { class: "audio-message__play-icon" }, [
+                i("svg", {
                   width: "20",
                   height: "23",
                   viewBox: "0 0 20 23",
                   fill: "none",
                   xmlns: "http://www.w3.org/2000/svg"
                 }, [
-                  o("path", {
+                  i("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]
+              [Ce, !c.value]
             ]),
-            z(o("button", {
+            z(i("button", {
               class: "audio-message__pause",
-              onClick: ie
-            }, [...t[10] || (t[10] = [
-              o("div", { class: "audio-message__pause-icon" }, [
-                o("svg", {
+              onClick: ue
+            }, [...t[12] || (t[12] = [
+              i("div", { class: "audio-message__pause-icon" }, [
+                i("svg", {
                   width: "20",
                   height: "23",
                   viewBox: "0 0 20 23",
                   fill: "none",
                   xmlns: "http://www.w3.org/2000/svg"
                 }, [
-                  o("path", {
+                  i("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]
+              [Ce, c.value]
             ]),
-            o("div", Ft, [
-              z(o("input", {
-                "onUpdate:modelValue": t[0] || (t[0] = (n) => g.value = n),
+            i("div", Vt, [
+              z(i("input", {
+                "onUpdate:modelValue": t[0] || (t[0] = (a) => f.value = a),
                 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, Lt), [
-                [nt, g.value]
+                onMousedown: t[1] || (t[1] = (a) => b.value = !0),
+                onMouseup: re,
+                onTouchstartPassive: t[2] || (t[2] = (a) => b.value = !0),
+                onTouchendPassive: re
+              }, null, 40, Bt), [
+                [mt, f.value]
               ]),
-              o("div", Dt, [
-                o("button", {
+              i("div", jt, [
+                i("button", {
                   type: "button",
                   class: "audio-message__speed-btn",
-                  onClick: pe
-                }, p(P.value.text), 1)
+                  onClick: Re
+                }, y(D.value.text), 1)
               ])
             ]),
-            o("div", Pt, [
-              o("p", Ut, p(Ve.value), 1),
-              o("p", $t, p(He.value), 1)
+            i("div", Gt, [
+              i("p", Yt, y(qe.value), 1),
+              i("p", Zt, y(ze.value), 1)
             ])
           ]),
-          s.message.text ? (l(), r("div", Vt, [
-            o("p", {
+          s.message.text ? (l(), m("div", qt, [
+            i("p", {
               onClick: t[3] || (t[3] = //@ts-ignore
-              (...n) => i(ae) && i(ae)(...n)),
-              innerHTML: i(Ue)
-            }, null, 8, Ht)
+              (...a) => o(ne) && o(ne)(...a)),
+              innerHTML: o(Ye)
+            }, null, 8, zt)
           ])) : d("", !0),
-          s.message.linkPreview ? (l(), T(lt, {
+          s.message.linkPreview ? (l(), k(gt, {
             key: 2,
-            class: w(["audio-message__link-preview", s.message.position]),
+            class: C(["audio-message__link-preview", s.message.position]),
             "link-preview": s.message.linkPreview
           }, null, 8, ["class", "link-preview"])) : d("", !0),
-          s.message.embed ? (l(), T(rt, {
+          s.message.embed ? (l(), k(ft, {
             key: 3,
-            class: w(s.message.position),
+            class: C(s.message.position),
             embed: s.message.embed
           }, null, 8, ["class", "embed"])) : d("", !0),
-          o("div", Bt, [
-            b(dt, {
+          i("div", Qt, [
+            o(et) ? (l(), k(yt, {
+              key: 0,
+              ref_key: "reactionsRef",
+              ref: ge,
               reactions: s.message.reactions,
               "message-id": s.message.messageId,
-              reply: i(fe)(s.message, "message.audio"),
-              enabled: i(he),
+              enabled: o(W),
               mode: s.reactionsMode,
               "current-user-id": s.currentUserId,
               "reaction-user-names": s.reactionUserNames,
-              "menu-enabled": i(S).length > 0,
-              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", jt, [
-              A.value || E.value ? (l(), r("div", Gt, [
-                A.value ? (l(), r("button", {
+              onToggleReaction: o(me),
+              onAddReaction: o(de),
+              onRemoveReaction: o(ce)
+            }, null, 8, ["reactions", "message-id", "enabled", "mode", "current-user-id", "reaction-user-names", "onToggleReaction", "onAddReaction", "onRemoveReaction"])) : d("", !0),
+            i("div", Wt, [
+              E.value || A.value ? (l(), m("div", Jt, [
+                E.value ? (l(), m("button", {
                   key: 0,
-                  class: w([
+                  class: C([
                     "audio-message__action-button",
-                    { "audio-message__action-button--active": f.value === "text" }
+                    { "audio-message__action-button--active": p.value === "text" }
                   ]),
                   type: "button",
-                  onClick: Je
+                  onClick: at
                 }, " Текст ", 2)) : d("", !0),
-                E.value ? (l(), r("button", {
+                A.value ? (l(), m("button", {
                   key: 1,
-                  class: w([
+                  class: C([
                     "audio-message__action-button",
-                    { "audio-message__action-button--active": f.value === "summary" }
+                    { "audio-message__action-button--active": p.value === "summary" }
                   ]),
                   type: "button",
-                  onClick: Ke
+                  onClick: nt
                 }, " Резюме ", 2)) : d("", !0)
               ])) : d("", !0),
-              s.message.views ? (l(), r("div", {
+              s.message.views ? (l(), m("div", {
                 key: 1,
                 class: "audio-message__views",
                 onClick: t[4] || (t[4] = //@ts-ignore
-                (...n) => i(K) && i(K)(...n))
+                (...a) => o(X) && o(X)(...a))
               }, [
-                t[11] || (t[11] = o("span", { class: "pi pi-eye" }, null, -1)),
-                o("p", null, p(s.message.views), 1)
+                t[13] || (t[13] = i("span", { class: "pi pi-eye" }, null, -1)),
+                i("p", null, y(s.message.views), 1)
               ])) : d("", !0),
-              o("span", Yt, p(s.message.time), 1),
-              b(ge, {
+              i("span", Kt, y(s.message.time), 1),
+              w(xe, {
                 "base-class": "audio-message",
-                "message-class": H(s.message),
+                "message-class": V(s.message),
                 "message-status": s.message.status,
-                "status-class": ne.value,
-                "status-title": oe.value
+                "status-class": oe.value,
+                "status-title": ie.value
               }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
             ])
           ]),
-          b(ve, { name: "audio-message-expand" }, {
+          w(we, { name: "audio-message-expand" }, {
             default: Z(() => [
-              Oe.value ? (l(), r("div", Zt, [
-                o("div", qt, [
-                  f.value === "text" ? (l(), r(q, { key: 0 }, [
-                    ee.value ? (l(), r("p", {
+              He.value ? (l(), m("div", Xt, [
+                i("div", es, [
+                  p.value === "text" ? (l(), m(q, { key: 0 }, [
+                    te.value ? (l(), m("p", {
                       key: 1,
                       class: "audio-message__expand-plain",
-                      innerHTML: X.value
-                    }, null, 8, Qt)) : (l(), r("p", zt, p(Fe.value), 1))
-                  ], 64)) : (l(), r("p", Wt, [
-                    se.value ? (l(), r("span", {
+                      innerHTML: ee.value
+                    }, null, 8, ss)) : (l(), m("p", ts, y(Ve.value), 1))
+                  ], 64)) : (l(), m("p", as, [
+                    ae.value ? (l(), m("span", {
                       key: 1,
-                      innerHTML: te.value
-                    }, null, 8, Kt)) : (l(), r("span", Jt, p(Le.value), 1))
+                      innerHTML: se.value
+                    }, null, 8, os)) : (l(), m("span", ns, y(Be.value), 1))
                   ]))
                 ]),
-                o("div", Xt, [
-                  o("button", {
+                i("div", is, [
+                  i("button", {
                     type: "button",
                     class: "audio-message__expand-close",
-                    onClick: t[5] || (t[5] = (n) => f.value = null)
+                    onClick: t[5] || (t[5] = (a) => p.value = null)
                   }, " Закрыть ")
                 ])
               ])) : d("", !0)
             ]),
             _: 1
           }),
-          b(ct, {
+          w(ht, {
             status: s.message.status,
             "has-messenger-account": s.message.hasMessengerAccount,
             channel: s.channel,
-            onSmsInvite: We
+            onSmsInvite: st
           }, null, 8, ["status", "has-messenger-account", "channel"]),
-          i(xe) && i(S).length && !s.reactionsEnabled && i(Q) ? (l(), r("button", {
+          o(Ne) && o(S).length && !s.reactionsEnabled && o(Q) ? (l(), m("button", {
             key: 4,
             class: "audio-message__menu-button",
             onClick: t[6] || (t[6] = //@ts-ignore
-            (...n) => i(J) && i(J)(...n))
-          }, [...t[12] || (t[12] = [
-            o("svg", {
+            (...a) => o(K) && o(K)(...a))
+          }, [...t[14] || (t[14] = [
+            i("svg", {
               width: "4",
               height: "17",
               viewBox: "0 0 4 17",
               fill: "none",
               xmlns: "http://www.w3.org/2000/svg"
             }, [
-              o("path", {
+              i("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),
-          (l(), T(ot, { to: "body" }, [
-            b(ve, null, {
+          (l(), k(dt, { to: "body" }, [
+            w(we, null, {
               default: Z(() => [
-                i(we) && i(S).length ? (l(), T(ut, {
+                o(Ie) && o(S).length ? (l(), k(vt, {
                   key: 0,
                   ref_key: "menuRef",
-                  ref: ke,
+                  ref: Ee,
                   class: "audio-message__context-menu message-actions-menu",
-                  style: Y(i(Re)),
-                  "data-theme": i(Te),
-                  actions: i(S),
-                  onClick: Pe,
-                  onMouseenter: i(_e),
-                  onMouseleave: i(Ie)
+                  style: Y(o(Ae)),
+                  "data-theme": o(Fe),
+                  actions: o(S),
+                  onClick: Ge,
+                  onMouseenter: o(Pe),
+                  onMouseleave: o(De)
                 }, null, 8, ["style", "data-theme", "actions", "onMouseenter", "onMouseleave"])) : d("", !0)
               ]),
               _: 1
@@ -606,9 +633,9 @@ const Tt = ["messageId"], St = ["src"], Nt = {
           ]))
         ], 64))
       ], 34)
-    ], 46, Tt));
+    ], 46, Ft));
   }
 });
 export {
-  Os as default
+  Vs as default
 };