@mobilon-dev/chotto 0.3.96 → 0.3.98

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

@@ -1,19 +1,19 @@
-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 { defineComponent as je, ref as l, computed as o, inject as Fe, watch as D, nextTick as Be } from "vue";
+import Ge from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
+import Ye from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
+import He from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
+import qe from "../BaseReplyMessage/BaseReplyMessage.vue.js";
+import Ve from "../MessageReactions/MessageReactions.vue.js";
+import ze from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
+import We from "../MessageSmsInvite/MessageSmsInvite.vue.js";
+import Je from "../DeletedMessageContent/DeletedMessageContent.vue.js";
+import Ke from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import { useMessageActions as Qe } from "../../../hooks/messages/useMessageActions.js";
+import { useMessageMenuActions as Xe } from "../../../hooks/messages/useMessageMenuActions.js";
+import { useMessageLinks as Ze } from "../../../hooks/messages/useMessageLinks.js";
+import { useChannelAccentColor as et } from "../../../hooks/messages/useChannelAccentColor.js";
+import { useSubtextTooltip as tt } from "../../../hooks/messages/useSubtextTooltip.js";
+import { useStartReply as at } from "../../../hooks/messages/useStartReply.js";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import "../../../hooks/useTheme.js";
@@ -22,36 +22,12 @@ import "../../../hooks/useEmojiNative.js";
 /* empty css                                              */
 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 { buildReplyPayload as W } from "../../../hooks/messages/buildReplyPayload.js";
+import { getStatus as nt, getStatusTitle as st } from "../../../functions/getStatusMessage.js";
+import { getMessageClass as ot } from "../../../functions/getMessageClass.js";
+import { createReactionHandlers as rt } from "../../../functions/createReactionHandlers.js";
 import "../../../functions/parseMarkdown.js";
-const Mt = ["messageId"], kt = ["src"], Rt = {
-  key: 1,
-  class: "audio-message__subtext"
-}, 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"
-}, Ut = ["innerHTML"], Vt = { class: "audio-message__footer" }, $t = { class: "audio-message__info-container" }, Bt = {
-  key: 0,
-  class: "audio-message__actions"
-}, Ht = { class: "audio-message__time" }, jt = {
-  key: 0,
-  class: "audio-message__expand-panel"
-}, Gt = { class: "audio-message__expand-inner" }, Yt = {
-  key: 0,
-  class: "audio-message__expand-placeholder"
-}, Zt = ["innerHTML"], qt = {
-  key: 1,
-  class: "audio-message__expand-plain"
-}, zt = {
-  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({
+const J = "RECOGNITION_READY", K = "SUMMARY_READY", jt = /* @__PURE__ */ je({
   __name: "AudioMessage",
   props: {
     message: {
@@ -73,7 +49,7 @@ const Mt = ["messageId"], kt = ["src"], Rt = {
     reactionsMode: {
       type: String,
       default: "single",
-      validator: (s) => ["single", "multi"].includes(s)
+      validator: (N) => ["single", "multi"].includes(N)
     },
     currentUserId: {
       type: [String, Number],
@@ -95,8 +71,9 @@ const Mt = ["messageId"], kt = ["src"], Rt = {
     }
   },
   emits: ["action", "reply", "sms-invite"],
-  setup(s, { emit: ye }) {
-    const l = s, L = y([
+  setup(N, { expose: Q, emit: X }) {
+    Q();
+    const n = N, R = l([
       {
         text: "1.0x",
         speed: 1
@@ -113,92 +90,92 @@ const Mt = ["messageId"], kt = ["src"], Rt = {
         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 } = 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 = 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);
-    }), V = (e) => {
+    ]), S = l(0), I = o(() => R.value[S.value] ?? R.value[0]), Z = () => {
+      S.value = (S.value + 1) % R.value.length, t.value && (t.value.playbackRate = I.value.speed);
+    }, d = X, { menuActions: ee } = Xe(() => n.message), P = Fe("chatAppId"), { startReply: U } = at(P || ""), t = l(null), p = l(void 0), u = l(!1), c = l(0), i = l(0), v = l(!1), x = o(() => {
+      var a, s;
+      const e = n.message;
+      return e.url || (typeof ((a = e.meta) == null ? void 0 : a.url) == "string" ? e.meta.url : void 0) || ((s = e.data) == null ? void 0 : s.url);
+    }), M = (e) => {
       if (e == null) return;
       if (typeof e == "number")
         return !Number.isFinite(e) || e < 0 ? void 0 : Math.floor(e);
-      const t = String(e).trim();
-      if (!t) return;
-      if (/^\d+$/.test(t)) {
-        const v = Number(t);
-        return Number.isFinite(v) && v >= 0 ? Math.floor(v) : void 0;
+      const a = String(e).trim();
+      if (!a) return;
+      if (/^\d+$/.test(a)) {
+        const r = Number(a);
+        return Number.isFinite(r) && r >= 0 ? Math.floor(r) : void 0;
       }
-      const n = t.match(/^(\d+):([0-5]\d):([0-5]\d)$/);
-      if (n) {
-        const v = Number(n[1]), H = Number(n[2]), j = Number(n[3]);
-        return v * 3600 + H * 60 + j;
+      const s = a.match(/^(\d+):([0-5]\d):([0-5]\d)$/);
+      if (s) {
+        const r = Number(s[1]), C = Number(s[2]), k = Number(s[3]);
+        return r * 3600 + C * 60 + k;
       }
-      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;
+      const f = a.match(/^(\d+):([0-5]\d)$/);
+      if (f) return Number(f[1]) * 60 + Number(f[2]);
+    }, A = () => {
+      u.value = !1, i.value = 0, c.value = M(n.message.duration) ?? 0, v.value = !1;
     };
-    W(), 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()));
+    A(), D(
+      () => x.value,
+      (e, a) => {
+        e !== a && (A(), p.value = void 0, t.value && (t.value.pause(), t.value.currentTime = 0, t.value.removeAttribute("src"), t.value.load()));
       }
-    ), G(
-      () => l.message.duration,
+    ), D(
+      () => n.message.duration,
       () => {
-        x.value === void 0 && (h.value = V(l.message.duration) ?? 0);
+        p.value === void 0 && (c.value = M(n.message.duration) ?? 0);
       }
     );
     const {
-      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 = l.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);
-      return !t || typeof t != "object" ? null : t;
-    }), X = m(() => {
-      var t;
-      const e = (t = _.value) == null ? void 0 : t.html;
+      isOpenMenu: te,
+      buttonMenuVisible: ae,
+      menuAnchorRef: ne,
+      menuRef: se,
+      menuStyle: oe,
+      menuTheme: re,
+      showMenu: ue,
+      hideMenu: L,
+      openMenu: ie,
+      toggleMenu: le,
+      onMenuMouseEnter: ce,
+      onMenuMouseLeave: me,
+      clickAction: $,
+      viewsAction: de,
+      handleClickReplied: pe
+    } = Qe(n.message, d, {
+      onReply: () => U(W(n.message, "message.audio"))
+    }), m = l(null), g = l({ text: !1, summary: !1 }), y = o(() => {
+      var s;
+      const e = n.message, a = e.transcript ?? ((s = e.meta) == null ? void 0 : s.transcript);
+      return !a || typeof a != "object" ? null : a;
+    }), h = o(() => {
+      var s;
+      const e = n.message, a = e.summary ?? ((s = e.meta) == null ? void 0 : s.summary);
+      return !a || typeof a != "object" ? null : a;
+    }), j = o(() => {
+      var a;
+      const e = (a = y.value) == null ? void 0 : a.html;
       return typeof e != "string" ? "" : e.trim();
-    }), ee = m(() => {
+    }), F = o(() => {
       var e;
-      return ((e = _.value) == null ? void 0 : e.status) === Kt && X.value.length > 0;
-    }), te = m(() => {
-      var t;
-      const e = (t = I.value) == null ? void 0 : t.html;
+      return ((e = y.value) == null ? void 0 : e.status) === J && j.value.length > 0;
+    }), B = o(() => {
+      var a;
+      const e = (a = h.value) == null ? void 0 : a.html;
       return typeof e != "string" ? "" : e.trim();
-    }), se = m(() => {
+    }), G = o(() => {
       var e;
-      return ((e = I.value) == null ? void 0 : e.status) === Qt && te.value.length > 0;
-    }), E = m(() => {
+      return ((e = h.value) == null ? void 0 : e.status) === K && B.value.length > 0;
+    }), E = o(() => {
       var e;
-      return !!((e = _.value) != null && e.status);
-    }), A = m(() => {
+      return !!((e = y.value) != null && e.status);
+    }), O = o(() => {
       var e;
-      return !!((e = I.value) != null && e.status);
-    }), Ee = m(() => f.value === "text" ? E.value : f.value === "summary" ? A.value : !1), Ae = m(() => {
+      return !!((e = h.value) != null && e.status);
+    }), ve = o(() => m.value === "text" ? E.value : m.value === "summary" ? O.value : !1), fe = o(() => {
       var e;
-      switch ((e = _.value) == null ? void 0 : e.status) {
+      switch ((e = y.value) == null ? void 0 : e.status) {
         case "RECOGNITION_PLANNED":
           return "Распознаем сообщение, пожалуйста подождите...";
         case "RECOGNITION_ERROR":
@@ -208,9 +185,9 @@ const Mt = ["messageId"], kt = ["src"], Rt = {
         default:
           return "Текст сообщения недоступен";
       }
-    }), Oe = m(() => {
+    }), ge = o(() => {
       var e;
-      switch ((e = I.value) == null ? void 0 : e.status) {
+      switch ((e = h.value) == null ? void 0 : e.status) {
         case "SUMMARY_PLANNED":
           return "Формируем резюме, пожалуйста подождите...";
         case "SUMMARY_ERROR":
@@ -220,19 +197,19 @@ const Mt = ["messageId"], kt = ["src"], Rt = {
         default:
           return "Резюме недоступно";
       }
-    }), Fe = async () => {
-      var t, n, M;
-      const e = U.value;
+    }), Y = async () => {
+      var a, s, f;
+      const e = x.value;
       if (e)
         try {
-          const v = await fetch(e, {
+          const r = await fetch(e, {
             headers: {
               Accept: "audio/*"
             }
           });
-          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 = {
+          if (!r.ok)
+            throw new Error(`HTTP error! status: ${r.status}`);
+          const C = r.headers.get("content-type") || "", k = await r.blob(), T = ((s = (a = e.split(".").pop()) == null ? void 0 : a.split("?")[0]) == null ? void 0 : s.toLowerCase()) || "", Le = {
             "audio/mpeg": "mp3",
             "audio/mp3": "mp3",
             "audio/wav": "wav",
@@ -243,368 +220,80 @@ const Mt = ["messageId"], kt = ["src"], Rt = {
             "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 : 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");
+            "application/octet-stream": T || "mp3"
+          }, q = T && ["mp3", "wav", "ogg", "webm", "aac", "flac", "m4a"].includes(T) ? T : Le[C] || "mp3", V = e.split("/"), w = decodeURIComponent(((f = V[V.length - 1]) == null ? void 0 : f.split("?")[0]) || ""), $e = w ? w.includes(".") ? w : `${w}.${q}` : `audio-${n.message.messageId}.${q}`, z = window.URL.createObjectURL(k), b = document.createElement("a");
+          b.href = z, b.download = $e, document.body.appendChild(b), b.click(), document.body.removeChild(b), window.URL.revokeObjectURL(z);
+        } catch (r) {
+          console.error("Ошибка при скачивании аудио:", r), 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),
+    }, ye = (e) => {
+      e.action === "download" ? (Y(), L()) : $(e);
+    }, { linkedHtml: he, inNewWindow: be } = Ze(() => n.message.text), Re = o(() => nt(n.message.status)), Se = o(() => st(n.message.status, n.message.statusMsg)), { bubbleStyle: xe } = et(
+      o(() => n.message),
       { cssVariable: "--chotto-audiomessage-right-background-color", position: "right" }
-    ), ie = async () => {
-      const e = U.value;
-      if (!(!a.value || !e))
-        if (c.value)
-          a.value.pause(), c.value = !1;
+    ), Me = async () => {
+      const e = x.value;
+      if (!(!t.value || !e))
+        if (u.value)
+          t.value.pause(), u.value = !1;
         else
           try {
-            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;
+            p.value || (p.value = e, await Be(), t.value.load()), await t.value.play(), u.value = !0;
+          } catch (a) {
+            console.error("Не удалось воспроизвести аудио", a), u.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));
-    G(
-      () => g.value,
+    }, _ = (e) => {
+      const a = Math.floor(e / 60), s = Math.floor(e % 60);
+      return `${a.toString().padStart(2, "0")}:${s.toString().padStart(2, "0")}`;
+    }, Te = o(() => _(i.value));
+    D(
+      () => i.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));
+        t.value && v.value && (t.value.duration != 1 / 0 && !Number.isNaN(t.value.duration) && (t.value.currentTime = i.value), Math.abs(i.value - c.value) < 0.1 && (u.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;
-    }, 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)) {
+    const we = () => {
+      t.value && v.value && t.value.duration != 1 / 0 && !Number.isNaN(t.value.duration) && (t.value.currentTime = i.value), v.value = !1;
+    }, Ne = o(() => _(c.value)), Ie = () => {
+      if (!t.value) return;
+      const e = t.value;
+      if (i.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);
+        const a = () => {
+          t.value && (c.value = t.value.duration || 0, i.value = 0, t.value.currentTime = 0);
         };
-        e.addEventListener("timeupdate", t, { once: !0 });
+        e.addEventListener("timeupdate", a, { once: !0 });
       } else
-        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;
-    }, 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;
+        c.value = e.duration || 0;
+      e.playbackRate = I.value.speed;
+    }, Ae = () => {
+      t.value && (v.value || (i.value = t.value.currentTime), t.value.ended && u.value && (u.value = !1));
+    }, Ee = () => {
+      u.value = !1;
+    }, Oe = () => {
+      console.error("Не удалось загрузить аудио"), u.value = !1, p.value = void 0, t.value && (t.value.pause(), t.value.currentTime = 0, t.value.removeAttribute("src"), t.value.load()), c.value = M(n.message.duration) ?? 0;
     };
-    function B(e) {
-      return wt(e.position, "audio-message");
+    function _e(e) {
+      return ot(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: Ce, onAddReaction: ke, onRemoveReaction: De } = rt(d), Pe = tt(() => n.message, () => n.subtextTooltipData);
+    function Ue() {
+      d("sms-invite", n.message);
     }
-    const We = () => {
+    const H = { props: n, speed: R, speedIndex: S, currentSpeed: I, cycleSpeed: Z, emit: d, menuActions: ee, chatAppId: P, startReply: U, player: t, lazyAudioSrc: p, isPlaying: u, audioDuration: c, currentTime: i, isSeeking: v, audioSrc: x, parseMessageDurationToSeconds: M, resetAudioState: A, isOpenMenu: te, buttonMenuVisible: ae, menuAnchorRef: ne, menuRef: se, menuStyle: oe, menuTheme: re, showMenu: ue, hideMenu: L, openMenu: ie, toggleMenu: le, onMenuMouseEnter: ce, onMenuMouseLeave: me, clickAction: $, viewsAction: de, handleClickReplied: pe, expandedPanel: m, requestedOnDemand: g, recognitionReadyStatus: J, summaryReadyStatus: K, transcriptData: y, summaryData: h, transcriptHtml: j, isTranscriptReady: F, summaryHtml: B, isSummaryReady: G, hasTextOption: E, hasSummaryOption: O, isExpandedPanelVisible: ve, transcriptPlaceholderText: fe, summaryPlaceholderText: ge, downloadAudio: Y, handleActionClick: ye, linkedHtml: he, inNewWindow: be, status: Re, statusTitle: Se, rightBubbleStyle: xe, togglePlayPause: Me, formatTime: _, formatCurrentTime: Te, handleSeekEnd: we, formatDuration: Ne, handleLoadedMetadata: Ie, handleTimeUpdate: Ae, handleEnded: Ee, handleAudioError: Oe, getClass: _e, onToggleReaction: Ce, onAddReaction: ke, onRemoveReaction: De, channelInfo: Pe, handleSmsInvite: Ue, handleText: () => {
       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 = () => {
-      if (!A.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 }));
-    };
-    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: Y(i(Pe)),
-      onMouseleave: t[8] || (t[8] = //@ts-ignore
-      (...n) => i($) && i($)(...n))
-    }, [
-      s.message.avatar && s.isFirstInSeries ? (u(), 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),
-          position: s.message.position === "left" ? "right" : "left",
-          offset: 8
-        }, {
-          default: Z(() => [
-            tt(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))
-      }, [
-        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),
-              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)
-              ])
-            ]),
-            o("div", Ft, [
-              o("p", Lt, p(Ue.value), 1),
-              o("p", Dt, p(Ve.value), 1)
-            ])
-          ]),
-          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: "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))
-                  ]))
-                ]),
-                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"
-            }, [
-              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)
-              ]),
-              _: 1
-            })
-          ]))
-        ], 64))
-      ], 34)
-    ], 46, Mt));
+      const e = m.value === "text" ? null : "text";
+      m.value = e, e === "text" && !F.value && !g.value.text && (g.value.text = !0, d("action", { action: "fetchTranscript", messageId: n.message.messageId }));
+    }, handleSummary: () => {
+      if (!O.value) return;
+      const e = m.value === "summary" ? null : "summary";
+      m.value = e, e === "summary" && !G.value && !g.value.summary && (g.value.summary = !0, d("action", { action: "fetchSummary", messageId: n.message.messageId }));
+    }, ContextMenu: Ge, LinkPreview: Ye, EmbedPreview: He, BaseReplyMessage: qe, MessageReactions: Ve, MessageStatusIndicator: ze, MessageSmsInvite: We, DeletedMessageContent: Je, Tooltip: Ke, get buildReplyPayload() {
+      return W;
+    } };
+    return Object.defineProperty(H, "__isScriptSetup", { enumerable: !1, value: !0 }), H;
   }
 });
 export {
-  _s as default
+  jt as default
 };