@mobilon-dev/chotto 0.3.98 → 0.3.99

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

@@ -1,19 +1,19 @@
-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 { defineComponent as Xe, ref as y, computed as m, inject as et, watch as G, createElementBlock as r, openBlock as u, unref as i, normalizeStyle as Y, normalizeClass as w, createCommentVNode as d, createElementVNode as o, createVNode as b, withCtx as Z, createTextVNode as tt, toDisplayString as p, Fragment as q, createBlock as T, withDirectives as z, vShow as ce, vModelText as st, Transition as ve, Teleport as at, nextTick as nt } from "vue";
+import ot from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
+import it from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
+import ut from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
+import lt from "../BaseReplyMessage/BaseReplyMessage.vue.js";
+import rt from "../MessageReactions/MessageReactions.vue.js";
+import ge from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
+import mt from "../MessageSmsInvite/MessageSmsInvite.vue.js";
+import dt from "../DeletedMessageContent/DeletedMessageContent.vue.js";
+import ct from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import { useMessageActions as vt } from "../../../hooks/messages/useMessageActions.js";
+import { useMessageMenuActions as gt } from "../../../hooks/messages/useMessageMenuActions.js";
+import { useMessageLinks as ft } from "../../../hooks/messages/useMessageLinks.js";
+import { useChannelAccentColor as yt } from "../../../hooks/messages/useChannelAccentColor.js";
+import { useSubtextTooltip as pt } from "../../../hooks/messages/useSubtextTooltip.js";
+import { useStartReply as ht } from "../../../hooks/messages/useStartReply.js";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
 import "../../../hooks/useTheme.js";
@@ -22,12 +22,36 @@ import "../../../hooks/useEmojiNative.js";
 /* empty css                                              */
 import "../../../locale/useLocale.js";
 /* empty css                                                            */
-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 { buildReplyPayload as fe } from "../../../hooks/messages/buildReplyPayload.js";
+import { getStatus as bt, getStatusTitle as Ct } from "../../../functions/getStatusMessage.js";
+import { getMessageClass as wt } from "../../../functions/getMessageClass.js";
+import { createReactionHandlers as xt } from "../../../functions/createReactionHandlers.js";
 import "../../../functions/parseMarkdown.js";
-const J = "RECOGNITION_READY", K = "SUMMARY_READY", jt = /* @__PURE__ */ je({
+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({
   __name: "AudioMessage",
   props: {
     message: {
@@ -49,7 +73,7 @@ const J = "RECOGNITION_READY", K = "SUMMARY_READY", jt = /* @__PURE__ */ je({
     reactionsMode: {
       type: String,
       default: "single",
-      validator: (N) => ["single", "multi"].includes(N)
+      validator: (s) => ["single", "multi"].includes(s)
     },
     currentUserId: {
       type: [String, Number],
@@ -71,9 +95,8 @@ const J = "RECOGNITION_READY", K = "SUMMARY_READY", jt = /* @__PURE__ */ je({
     }
   },
   emits: ["action", "reply", "sms-invite"],
-  setup(N, { expose: Q, emit: X }) {
-    Q();
-    const n = N, R = l([
+  setup(s, { emit: ye }) {
+    const l = s, L = y([
       {
         text: "1.0x",
         speed: 1
@@ -90,92 +113,92 @@ const J = "RECOGNITION_READY", K = "SUMMARY_READY", jt = /* @__PURE__ */ je({
         text: "2.0x",
         speed: 2
       }
-    ]), 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) => {
+    ]), 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) => {
       if (e == null) return;
       if (typeof e == "number")
         return !Number.isFinite(e) || e < 0 ? void 0 : Math.floor(e);
-      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 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 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 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 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;
+      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;
     };
-    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()));
+    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()));
       }
-    ), D(
-      () => n.message.duration,
+    ), G(
+      () => l.message.duration,
       () => {
-        p.value === void 0 && (c.value = M(n.message.duration) ?? 0);
+        x.value === void 0 && (h.value = V(l.message.duration) ?? 0);
       }
     );
     const {
-      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;
+      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;
       return typeof e != "string" ? "" : e.trim();
-    }), F = o(() => {
+    }), ee = m(() => {
       var e;
-      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 ((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 typeof e != "string" ? "" : e.trim();
-    }), G = o(() => {
+    }), se = m(() => {
       var e;
-      return ((e = h.value) == null ? void 0 : e.status) === K && B.value.length > 0;
-    }), E = o(() => {
+      return ((e = I.value) == null ? void 0 : e.status) === Qt && te.value.length > 0;
+    }), E = m(() => {
       var e;
-      return !!((e = y.value) != null && e.status);
-    }), O = o(() => {
+      return !!((e = _.value) != null && e.status);
+    }), A = m(() => {
       var e;
-      return !!((e = h.value) != null && e.status);
-    }), ve = o(() => m.value === "text" ? E.value : m.value === "summary" ? O.value : !1), fe = o(() => {
+      return !!((e = I.value) != null && e.status);
+    }), Ee = m(() => f.value === "text" ? E.value : f.value === "summary" ? A.value : !1), Ae = m(() => {
       var e;
-      switch ((e = y.value) == null ? void 0 : e.status) {
+      switch ((e = _.value) == null ? void 0 : e.status) {
         case "RECOGNITION_PLANNED":
           return "Распознаем сообщение, пожалуйста подождите...";
         case "RECOGNITION_ERROR":
@@ -185,9 +208,9 @@ const J = "RECOGNITION_READY", K = "SUMMARY_READY", jt = /* @__PURE__ */ je({
         default:
           return "Текст сообщения недоступен";
       }
-    }), ge = o(() => {
+    }), Oe = m(() => {
       var e;
-      switch ((e = h.value) == null ? void 0 : e.status) {
+      switch ((e = I.value) == null ? void 0 : e.status) {
         case "SUMMARY_PLANNED":
           return "Формируем резюме, пожалуйста подождите...";
         case "SUMMARY_ERROR":
@@ -197,19 +220,19 @@ const J = "RECOGNITION_READY", K = "SUMMARY_READY", jt = /* @__PURE__ */ je({
         default:
           return "Резюме недоступно";
       }
-    }), Y = async () => {
-      var a, s, f;
-      const e = x.value;
+    }), Fe = async () => {
+      var t, n, M;
+      const e = U.value;
       if (e)
         try {
-          const r = await fetch(e, {
+          const v = await fetch(e, {
             headers: {
               Accept: "audio/*"
             }
           });
-          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 = {
+          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 = {
             "audio/mpeg": "mp3",
             "audio/mp3": "mp3",
             "audio/wav": "wav",
@@ -220,80 +243,368 @@ const J = "RECOGNITION_READY", K = "SUMMARY_READY", jt = /* @__PURE__ */ je({
             "audio/flac": "flac",
             "audio/m4a": "m4a",
             "audio/x-m4a": "m4a",
-            "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");
+            "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");
         }
-    }, 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),
+    }, Le = (e) => {
+      e.action === "download" ? (Fe(), $()) : _e(e);
+    }, { linkedHtml: De, inNewWindow: ae } = ft(() => l.message.text), ne = m(() => bt(l.message.status)), oe = m(() => Ct(l.message.status, l.message.statusMsg)), { bubbleStyle: Pe } = yt(
+      m(() => l.message),
       { cssVariable: "--chotto-audiomessage-right-background-color", position: "right" }
-    ), Me = async () => {
-      const e = x.value;
-      if (!(!t.value || !e))
-        if (u.value)
-          t.value.pause(), u.value = !1;
+    ), ie = async () => {
+      const e = U.value;
+      if (!(!a.value || !e))
+        if (c.value)
+          a.value.pause(), c.value = !1;
         else
           try {
-            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;
+            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;
           }
-    }, _ = (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,
+    }, 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,
       () => {
-        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));
+        a.value && C.value && (a.value.duration != 1 / 0 && !Number.isNaN(a.value.duration) && (a.value.currentTime = g.value), Math.abs(g.value - h.value) < 0.1 && (c.value = !1));
       }
     );
-    const 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)) {
+    const le = () => {
+      a.value && C.value && a.value.duration != 1 / 0 && !Number.isNaN(a.value.duration) && (a.value.currentTime = g.value), C.value = !1;
+    }, Ve = m(() => ue(h.value)), $e = () => {
+      if (!a.value) return;
+      const e = a.value;
+      if (g.value = e.currentTime || 0, e.duration === 1 / 0 || Number.isNaN(e.duration)) {
         e.currentTime = 1e101;
-        const a = () => {
-          t.value && (c.value = t.value.duration || 0, i.value = 0, t.value.currentTime = 0);
+        const t = () => {
+          a.value && (h.value = a.value.duration || 0, g.value = 0, a.value.currentTime = 0);
         };
-        e.addEventListener("timeupdate", a, { once: !0 });
+        e.addEventListener("timeupdate", t, { once: !0 });
       } else
-        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;
+        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;
     };
-    function _e(e) {
-      return ot(e.position, "audio-message");
+    function B(e) {
+      return wt(e.position, "audio-message");
     }
-    const { onToggleReaction: Ce, onAddReaction: ke, onRemoveReaction: De } = rt(d), Pe = tt(() => n.message, () => n.subtextTooltipData);
-    function Ue() {
-      d("sms-invite", n.message);
+    const { onToggleReaction: Ge, onAddReaction: Ye, onRemoveReaction: Ze } = xt(k), qe = pt(() => l.message, () => l.subtextTooltipData);
+    function ze() {
+      k("sms-invite", l.message);
     }
-    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: () => {
+    const We = () => {
       if (!E.value) return;
-      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;
+      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));
   }
 });
 export {
-  jt as default
+  _s as default
 };