@mobilon-dev/chotto 0.3.72 → 0.3.73

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

@@ -1,39 +1,42 @@
-import { defineComponent as Ve, ref as p, computed as g, watch as D, createElementBlock as c, openBlock as l, unref as u, normalizeStyle as ie, normalizeClass as C, createCommentVNode as f, createElementVNode as o, createVNode as k, withCtx as j, createTextVNode as le, toDisplayString as y, createBlock as N, withDirectives as O, vShow as ue, vModelText as De, Transition as re, Fragment as U, renderList as je, nextTick as Oe } from "vue";
-import Ue from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
-import Ze from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
-import He from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
+import { defineComponent as Ue, ref as p, computed as l, watch as j, createElementBlock as m, openBlock as i, unref as r, normalizeStyle as ue, normalizeClass as C, createCommentVNode as c, createElementVNode as o, createVNode as k, withCtx as G, createTextVNode as Ve, toDisplayString as h, createBlock as O, withDirectives as Y, vShow as le, vModelText as Be, Transition as re, Fragment as He, nextTick as je } from "vue";
+import Ge from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
+import Ye from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
+import Ze from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
 import qe from "../BaseReplyMessage/BaseReplyMessage.vue.js";
 import ze from "../MessageReactions/MessageReactions.vue.js";
-import Je from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
-import We from "../MessageSmsInvite/MessageSmsInvite.vue.js";
-import Ge from "../../1_atoms/Tooltip/Tooltip.vue.js";
-import { useMessageActions as Ke } from "../../../hooks/messages/useMessageActions.js";
-import { useMessageLinks as Qe } from "../../../hooks/messages/useMessageLinks.js";
-import { useChannelAccentColor as Xe } from "../../../hooks/messages/useChannelAccentColor.js";
-import { useSubtextTooltip as Ye } from "../../../hooks/messages/useSubtextTooltip.js";
-import { getStatus as et, getStatusTitle as tt } from "../../../functions/getStatusMessage.js";
-import { getMessageClass as st } from "../../../functions/getMessageClass.js";
-import { createReactionHandlers as at } from "../../../functions/createReactionHandlers.js";
+import We from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
+import Je from "../MessageSmsInvite/MessageSmsInvite.vue.js";
+import Ke from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import { useMessageActions as Qe } from "../../../hooks/messages/useMessageActions.js";
+import { useMessageLinks as Xe } from "../../../hooks/messages/useMessageLinks.js";
+import { useChannelAccentColor as et } from "../../../hooks/messages/useChannelAccentColor.js";
+import { useSubtextTooltip as tt } from "../../../hooks/messages/useSubtextTooltip.js";
+import { getStatus as st, getStatusTitle as at } from "../../../functions/getStatusMessage.js";
+import { getMessageClass as nt } from "../../../functions/getMessageClass.js";
+import { createReactionHandlers as ot } from "../../../functions/createReactionHandlers.js";
 import "../../../functions/parseMarkdown.js";
-const nt = ["messageId"], ot = ["src"], it = {
+const it = ["messageId"], ut = ["src"], lt = {
   key: 1,
   class: "audio-message__subtext"
-}, lt = { class: "audio-message__audio-container" }, ut = ["src"], rt = { class: "audio-message__progress-wrapper" }, mt = ["max"], ct = { class: "audio-message__speed-btn-container" }, dt = { class: "audio-message__player-controls" }, gt = { class: "audio-message__current-time" }, vt = { class: "audio-message__duration" }, ft = {
+}, rt = { class: "audio-message__audio-container" }, mt = ["src"], ct = { class: "audio-message__progress-wrapper" }, dt = ["max"], vt = { class: "audio-message__speed-btn-container" }, gt = { class: "audio-message__player-controls" }, ft = { class: "audio-message__current-time" }, pt = { class: "audio-message__duration" }, yt = {
   key: 1,
   class: "audio-message__text-container"
-}, pt = ["innerHTML"], yt = { class: "audio-message__info-container" }, bt = { class: "audio-message__actions" }, ht = { class: "audio-message__time" }, xt = {
+}, ht = ["innerHTML"], bt = { class: "audio-message__info-container" }, Ct = {
+  key: 0,
+  class: "audio-message__actions"
+}, wt = { class: "audio-message__time" }, xt = {
   key: 0,
   class: "audio-message__expand-panel"
-}, Ct = { class: "audio-message__expand-inner" }, wt = {
+}, kt = { class: "audio-message__expand-inner" }, Tt = {
   key: 0,
   class: "audio-message__expand-placeholder"
-}, kt = {
+}, Rt = ["innerHTML"], Mt = {
   key: 1,
   class: "audio-message__expand-plain"
 }, St = {
   key: 0,
   class: "audio-message__expand-placeholder"
-}, Tt = { class: "audio-message__expand-close-wrap" }, me = "Распознаем звонок, пожалуйста подождите...", Ht = /* @__PURE__ */ Ve({
+}, Nt = ["innerHTML"], _t = { class: "audio-message__expand-close-wrap" }, It = "RECOGNITION_READY", Et = "SUMMARY_READY", Jt = /* @__PURE__ */ Ue({
   __name: "AudioMessage",
   props: {
     message: {
@@ -64,36 +67,8 @@ const nt = ["messageId"], ot = ["src"], it = {
     }
   },
   emits: ["action", "reply", "sms-invite"],
-  setup(s, { emit: ce }) {
-    function Z(e) {
-      if (e == null) return null;
-      if (typeof e == "object") return e;
-      if (typeof e != "string") return null;
-      const t = e.trim();
-      if (!t) return null;
-      try {
-        return JSON.parse(t);
-      } catch {
-        return null;
-      }
-    }
-    function H(e) {
-      var t;
-      if (e == null) return null;
-      if (typeof e == "object" && e !== null && "summary" in e)
-        return String(e.summary ?? "").trim() || null;
-      if (typeof e == "string") {
-        const a = e.trim();
-        if (!a) return null;
-        if (a.startsWith("{")) {
-          const m = Z(a);
-          return ((t = m == null ? void 0 : m.summary) == null ? void 0 : t.trim()) || null;
-        }
-        return a;
-      }
-      return null;
-    }
-    const i = s, _ = p([
+  setup(s, { emit: me }) {
+    const u = s, F = p([
       {
         text: "1.0x",
         speed: 1
@@ -110,79 +85,116 @@ const nt = ["messageId"], ot = ["src"], it = {
         text: "2.0x",
         speed: 2
       }
-    ]), F = p(0), A = g(() => _.value[F.value] ?? _.value[0]), de = () => {
-      F.value = (F.value + 1) % _.value.length, n.value && (n.value.playbackRate = A.value.speed);
-    }, S = ce, n = p(null), w = p(void 0), d = p(!1), h = p(0), v = p(0), x = p(!1), E = g(() => {
-      var t, a;
-      const e = i.message;
-      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);
-    }), L = (e) => {
+    ]), L = p(0), D = l(() => F.value[L.value] ?? F.value[0]), ce = () => {
+      L.value = (L.value + 1) % F.value.length, a.value && (a.value.playbackRate = D.value.speed);
+    }, T = me, a = p(null), w = p(void 0), d = p(!1), y = p(0), g = p(0), b = p(!1), P = l(() => {
+      var t, n;
+      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);
+    }), $ = (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 r = Number(t);
-        return Number.isFinite(r) && r >= 0 ? Math.floor(r) : void 0;
+        const v = Number(t);
+        return Number.isFinite(v) && v >= 0 ? Math.floor(v) : void 0;
       }
-      const a = t.match(/^(\d+):([0-5]\d):([0-5]\d)$/);
-      if (a) {
-        const r = Number(a[1]), B = Number(a[2]), V = Number(a[3]);
-        return r * 3600 + B * 60 + V;
+      const n = t.match(/^(\d+):([0-5]\d):([0-5]\d)$/);
+      if (n) {
+        const v = Number(n[1]), B = Number(n[2]), H = Number(n[3]);
+        return v * 3600 + B * 60 + H;
       }
-      const m = t.match(/^(\d+):([0-5]\d)$/);
-      if (m) return Number(m[1]) * 60 + Number(m[2]);
-    }, q = () => {
-      d.value = !1, v.value = 0, h.value = L(i.message.duration) ?? 0, x.value = !1;
+      const x = t.match(/^(\d+):([0-5]\d)$/);
+      if (x) return Number(x[1]) * 60 + Number(x[2]);
+    }, Z = () => {
+      d.value = !1, g.value = 0, y.value = $(u.message.duration) ?? 0, b.value = !1;
     };
-    q(), D(
-      () => E.value,
+    Z(), j(
+      () => P.value,
       (e, t) => {
-        e !== t && (q(), w.value = void 0, n.value && (n.value.pause(), n.value.currentTime = 0, n.value.removeAttribute("src"), n.value.load()));
+        e !== t && (Z(), w.value = void 0, a.value && (a.value.pause(), a.value.currentTime = 0, a.value.removeAttribute("src"), a.value.load()));
       }
-    ), D(
-      () => i.message.duration,
+    ), j(
+      () => u.message.duration,
       () => {
-        w.value === void 0 && (h.value = L(i.message.duration) ?? 0);
+        w.value === void 0 && (y.value = $(u.message.duration) ?? 0);
       }
     );
     const {
-      isOpenMenu: $,
-      buttonMenuVisible: ge,
-      showMenu: z,
-      hideMenu: P,
+      isOpenMenu: U,
+      buttonMenuVisible: de,
+      showMenu: q,
+      hideMenu: V,
       clickAction: ve,
-      viewsAction: J,
-      handleClickReplied: fe
-    } = Ke(i.message, S), b = p(null), M = p({ text: !1, summary: !1 }), pe = g(() => {
-      var a;
-      const e = i.message, t = e.transcript ?? ((a = e.meta) == null ? void 0 : a.transcript);
-      return t ? typeof t == "object" && t !== null && "replies" in t ? t : typeof t == "string" && t.trim() ? Z(t) : null : null;
-    }), W = g(() => {
-      var m;
-      const e = pe.value;
-      if ((m = e == null ? void 0 : e.replies) != null && m.length)
-        return e.replies.map((r) => String(r.text ?? "").trim()).filter(Boolean);
-      const t = i.message, a = typeof t.transcript == "object" && t.transcript && "text" in t.transcript ? t.transcript.text ?? "" : "";
-      return String(a).split(/\r?\n+/g).map((r) => r.trim()).filter(Boolean);
-    }), G = g(() => W.value.length > 0), K = g(() => {
+      viewsAction: z,
+      handleClickReplied: ge
+    } = Qe(u.message, T), f = p(null), M = p({ text: !1, summary: !1 }), S = l(() => {
+      var n;
+      const e = u.message, t = e.transcript ?? ((n = e.meta) == null ? void 0 : n.transcript);
+      return !t || typeof t != "object" ? null : t;
+    }), N = l(() => {
+      var n;
+      const e = u.message, t = e.summary ?? ((n = e.meta) == null ? void 0 : n.summary);
+      return !t || typeof t != "object" ? null : t;
+    }), W = l(() => {
+      var t;
+      const e = (t = S.value) == null ? void 0 : t.html;
+      return typeof e != "string" ? "" : e.trim();
+    }), J = l(() => {
+      var e;
+      return ((e = S.value) == null ? void 0 : e.status) === It && W.value.length > 0;
+    }), K = l(() => {
       var t;
-      const e = i.message;
-      return H(e.summary) ?? H((t = e.meta) == null ? void 0 : t.summary) ?? "Резюме недоступно";
-    }), Q = g(() => K.value !== "Резюме недоступно"), ye = async () => {
-      var t, a, m;
-      const e = E.value;
+      const e = (t = N.value) == null ? void 0 : t.html;
+      return typeof e != "string" ? "" : e.trim();
+    }), Q = l(() => {
+      var e;
+      return ((e = N.value) == null ? void 0 : e.status) === Et && K.value.length > 0;
+    }), _ = l(() => {
+      var e;
+      return !!((e = S.value) != null && e.status);
+    }), I = l(() => {
+      var e;
+      return !!((e = N.value) != null && e.status);
+    }), fe = l(() => f.value === "text" ? _.value : f.value === "summary" ? I.value : !1), pe = l(() => {
+      var e;
+      switch ((e = S.value) == null ? void 0 : e.status) {
+        case "RECOGNITION_PLANNED":
+          return "Распознаем сообщение, пожалуйста подождите...";
+        case "RECOGNITION_ERROR":
+          return "Не удалось распознать сообщение";
+        case "RECOGNITION_NOT_CONFIGURED":
+          return "Опция распознавания не включена";
+        default:
+          return "Текст сообщения недоступен";
+      }
+    }), ye = l(() => {
+      var e;
+      switch ((e = N.value) == null ? void 0 : e.status) {
+        case "SUMMARY_PLANNED":
+          return "Формируем резюме, пожалуйста подождите...";
+        case "SUMMARY_ERROR":
+          return "Не удалось сформировать резюме";
+        case "SUMMARY_NOT_CONFIGURED":
+          return "Опция формирования резюме не включена";
+        default:
+          return "Резюме недоступно";
+      }
+    }), he = async () => {
+      var t, n, x;
+      const e = P.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 B = r.headers.get("content-type") || "", V = await r.blob(), R = ((a = (t = e.split(".").pop()) == null ? void 0 : t.split("?")[0]) == null ? void 0 : a.toLowerCase()) || "", Pe = {
+          if (!v.ok)
+            throw new Error(`HTTP error! status: ${v.status}`);
+          const B = v.headers.get("content-type") || "", H = await v.blob(), E = ((n = (t = e.split(".").pop()) == null ? void 0 : t.split("?")[0]) == null ? void 0 : n.toLowerCase()) || "", Pe = {
             "audio/mpeg": "mp3",
             "audio/mp3": "mp3",
             "audio/wav": "wav",
@@ -193,129 +205,131 @@ const nt = ["messageId"], ot = ["src"], it = {
             "audio/flac": "flac",
             "audio/m4a": "m4a",
             "audio/x-m4a": "m4a",
-            "application/octet-stream": R || "mp3"
-          }, ae = R && ["mp3", "wav", "ogg", "webm", "aac", "flac", "m4a"].includes(R) ? R : Pe[B] || "mp3", ne = e.split("/"), I = decodeURIComponent(((m = ne[ne.length - 1]) == null ? void 0 : m.split("?")[0]) || ""), Be = I ? I.includes(".") ? I : `${I}.${ae}` : `audio-${i.message.messageId}.${ae}`, oe = window.URL.createObjectURL(V), T = document.createElement("a");
-          T.href = oe, T.download = Be, document.body.appendChild(T), T.click(), document.body.removeChild(T), window.URL.revokeObjectURL(oe);
-        } catch (r) {
-          console.error("Ошибка при скачивании аудио:", r), e && window.open(e, "_blank");
+            "application/octet-stream": E || "mp3"
+          }, ne = E && ["mp3", "wav", "ogg", "webm", "aac", "flac", "m4a"].includes(E) ? E : Pe[B] || "mp3", oe = e.split("/"), A = decodeURIComponent(((x = oe[oe.length - 1]) == null ? void 0 : x.split("?")[0]) || ""), $e = A ? A.includes(".") ? A : `${A}.${ne}` : `audio-${u.message.messageId}.${ne}`, ie = window.URL.createObjectURL(H), R = document.createElement("a");
+          R.href = ie, R.download = $e, document.body.appendChild(R), R.click(), document.body.removeChild(R), window.URL.revokeObjectURL(ie);
+        } catch (v) {
+          console.error("Ошибка при скачивании аудио:", v), e && window.open(e, "_blank");
         }
     }, be = (e) => {
-      e.action === "download" ? (ye(), P()) : ve(e);
-    }, { linkedHtml: he, inNewWindow: X } = Qe(() => i.message.text), xe = g(() => et(i.message.status)), Ce = g(() => tt(i.message.status, i.message.statusMsg)), { bubbleStyle: we } = Xe(
-      g(() => i.message),
+      e.action === "download" ? (he(), V()) : ve(e);
+    }, { linkedHtml: Ce, inNewWindow: X } = Xe(() => u.message.text), we = l(() => st(u.message.status)), xe = l(() => at(u.message.status, u.message.statusMsg)), { bubbleStyle: ke } = et(
+      l(() => u.message),
       { cssVariable: "--chotto-audiomessage-right-background-color", position: "right" }
-    ), Y = async () => {
-      const e = E.value;
-      if (!(!n.value || !e))
+    ), ee = async () => {
+      const e = P.value;
+      if (!(!a.value || !e))
         if (d.value)
-          n.value.pause(), d.value = !1;
+          a.value.pause(), d.value = !1;
         else
           try {
-            w.value || (w.value = e, await Oe(), n.value.load()), await n.value.play(), d.value = !0;
+            w.value || (w.value = e, await je(), a.value.load()), await a.value.play(), d.value = !0;
           } catch (t) {
             console.error("Не удалось воспроизвести аудио", t), d.value = !1;
           }
-    }, ee = (e) => {
-      const t = Math.floor(e / 60), a = Math.floor(e % 60);
-      return `${t.toString().padStart(2, "0")}:${a.toString().padStart(2, "0")}`;
-    }, ke = g(() => ee(v.value));
-    D(
-      () => v.value,
+    }, te = (e) => {
+      const t = Math.floor(e / 60), n = Math.floor(e % 60);
+      return `${t.toString().padStart(2, "0")}:${n.toString().padStart(2, "0")}`;
+    }, Te = l(() => te(g.value));
+    j(
+      () => g.value,
       () => {
-        n.value && x.value && (n.value.duration != 1 / 0 && !Number.isNaN(n.value.duration) && (n.value.currentTime = v.value), Math.abs(v.value - h.value) < 0.1 && (d.value = !1));
+        a.value && b.value && (a.value.duration != 1 / 0 && !Number.isNaN(a.value.duration) && (a.value.currentTime = g.value), Math.abs(g.value - y.value) < 0.1 && (d.value = !1));
       }
     );
-    const te = () => {
-      n.value && x.value && n.value.duration != 1 / 0 && !Number.isNaN(n.value.duration) && (n.value.currentTime = v.value), x.value = !1;
-    }, Se = g(() => ee(h.value)), Te = () => {
-      if (!n.value) return;
-      const e = n.value;
-      if (v.value = e.currentTime || 0, e.duration === 1 / 0 || Number.isNaN(e.duration)) {
+    const se = () => {
+      a.value && b.value && a.value.duration != 1 / 0 && !Number.isNaN(a.value.duration) && (a.value.currentTime = g.value), b.value = !1;
+    }, Re = l(() => te(y.value)), Me = () => {
+      if (!a.value) return;
+      const e = a.value;
+      if (g.value = e.currentTime || 0, e.duration === 1 / 0 || Number.isNaN(e.duration)) {
         e.currentTime = 1e101;
         const t = () => {
-          n.value && (h.value = n.value.duration || 0, v.value = 0, n.value.currentTime = 0);
+          a.value && (y.value = a.value.duration || 0, g.value = 0, a.value.currentTime = 0);
         };
         e.addEventListener("timeupdate", t, { once: !0 });
       } else
-        h.value = e.duration || 0;
-      e.playbackRate = A.value.speed;
-    }, Me = () => {
-      n.value && (x.value || (v.value = n.value.currentTime), n.value.ended && d.value && (d.value = !1));
-    }, Re = () => {
+        y.value = e.duration || 0;
+      e.playbackRate = D.value.speed;
+    }, Se = () => {
+      a.value && (b.value || (g.value = a.value.currentTime), a.value.ended && d.value && (d.value = !1));
+    }, Ne = () => {
       d.value = !1;
-    }, Ie = () => {
-      console.error("Не удалось загрузить аудио"), d.value = !1, w.value = void 0, n.value && (n.value.pause(), n.value.currentTime = 0, n.value.removeAttribute("src"), n.value.load()), h.value = L(i.message.duration) ?? 0;
+    }, _e = () => {
+      console.error("Не удалось загрузить аудио"), d.value = !1, w.value = void 0, a.value && (a.value.pause(), a.value.currentTime = 0, a.value.removeAttribute("src"), a.value.load()), y.value = $(u.message.duration) ?? 0;
     };
-    function se(e) {
-      return st(e.position, "audio-message");
+    function ae(e) {
+      return nt(e.position, "audio-message");
     }
-    const { onToggleReaction: Ne, onAddReaction: _e, onRemoveReaction: Fe } = at(S), Ae = Ye(() => i.message, () => i.subtextTooltipData);
-    function Ee() {
-      S("sms-invite", i.message);
+    const { onToggleReaction: Ie, onAddReaction: Ee, onRemoveReaction: Ae } = ot(T), Oe = tt(() => u.message, () => u.subtextTooltipData);
+    function Fe() {
+      T("sms-invite", u.message);
     }
     const Le = () => {
-      const e = b.value === "text" ? null : "text";
-      b.value = e, e === "text" && !G.value && !M.value.text && (M.value.text = !0, S("action", { action: "fetchTranscript", messageId: i.message.messageId }));
-    }, $e = () => {
-      const e = b.value === "summary" ? null : "summary";
-      b.value = e, e === "summary" && !Q.value && !M.value.summary && (M.value.summary = !0, S("action", { action: "fetchSummary", messageId: i.message.messageId }));
+      if (!_.value) return;
+      const e = f.value === "text" ? null : "text";
+      f.value = e, e === "text" && !J.value && !M.value.text && (M.value.text = !0, T("action", { action: "fetchTranscript", messageId: u.message.messageId }));
+    }, De = () => {
+      if (!I.value) return;
+      const e = f.value === "summary" ? null : "summary";
+      f.value = e, e === "summary" && !Q.value && !M.value.summary && (M.value.summary = !0, T("action", { action: "fetchSummary", messageId: u.message.messageId }));
     };
-    return (e, t) => (l(), c("div", {
+    return (e, t) => (i(), m("div", {
       class: C(["audio-message", [
-        se(s.message),
+        ae(s.message),
         s.applyStyle(s.message)
       ]]),
       messageId: s.message.messageId,
-      style: ie(u(we)),
+      style: ue(r(ke)),
       onMouseleave: t[8] || (t[8] = //@ts-ignore
-      (...a) => u(P) && u(P)(...a))
+      (...n) => r(V) && r(V)(...n))
     }, [
-      s.message.avatar && s.isFirstInSeries ? (l(), c("img", {
+      s.message.avatar && s.isFirstInSeries ? (i(), m("img", {
         key: 0,
         class: "audio-message__avatar",
         src: s.message.avatar,
         height: "32",
         width: "32",
-        style: ie({ gridRow: s.message.subText ? "2" : "1" })
-      }, null, 12, ot)) : f("", !0),
-      s.message.subText && s.isFirstInSeries ? (l(), c("p", it, [
-        k(Ge, {
-          text: u(Ae),
+        style: ue({ gridRow: s.message.subText ? "2" : "1" })
+      }, null, 12, ut)) : c("", !0),
+      s.message.subText && s.isFirstInSeries ? (i(), m("p", lt, [
+        k(Ke, {
+          text: r(Oe),
           position: s.message.position === "left" ? "right" : "left",
           offset: 8
         }, {
-          default: j(() => [
-            le(y(s.message.subText), 1)
+          default: G(() => [
+            Ve(h(s.message.subText), 1)
           ]),
           _: 1
         }, 8, ["text", "position"])
-      ])) : f("", !0),
+      ])) : c("", !0),
       o("div", {
         class: C(["audio-message__content", { "is-first": s.isFirstInSeries, "with-avatar-indent": !s.isFirstInSeries && s.message.avatar }]),
         onMouseenter: t[7] || (t[7] = //@ts-ignore
-        (...a) => u(z) && u(z)(...a))
+        (...n) => r(q) && r(q)(...n))
       }, [
-        s.message.reply ? (l(), N(qe, {
+        s.message.reply ? (i(), O(qe, {
           key: 0,
           style: { "grid-column": "1/3" },
           message: s.message.reply,
           class: C(s.message.position),
-          onReply: u(fe)
-        }, null, 8, ["message", "class", "onReply"])) : f("", !0),
-        o("div", lt, [
+          onReply: r(ge)
+        }, null, 8, ["message", "class", "onReply"])) : c("", !0),
+        o("div", rt, [
           o("audio", {
             ref_key: "player",
-            ref: n,
+            ref: a,
             src: w.value,
             type: "audio/webm",
-            onLoadedmetadata: Te,
-            onTimeupdate: Me,
-            onEnded: Re,
-            onError: Ie
-          }, null, 40, ut),
-          O(o("button", {
+            onLoadedmetadata: Me,
+            onTimeupdate: Se,
+            onEnded: Ne,
+            onError: _e
+          }, null, 40, mt),
+          Y(o("button", {
             class: "audio-message__play",
-            onClick: Y
+            onClick: ee
           }, [...t[9] || (t[9] = [
             o("div", { class: "audio-message__play-icon" }, [
               o("svg", {
@@ -332,11 +346,11 @@ const nt = ["messageId"], ot = ["src"], it = {
               ])
             ], -1)
           ])], 512), [
-            [ue, !d.value]
+            [le, !d.value]
           ]),
-          O(o("button", {
+          Y(o("button", {
             class: "audio-message__pause",
-            onClick: Y
+            onClick: ee
           }, [...t[10] || (t[10] = [
             o("div", { class: "audio-message__pause-icon" }, [
               o("svg", {
@@ -353,135 +367,138 @@ const nt = ["messageId"], ot = ["src"], it = {
               ])
             ], -1)
           ])], 512), [
-            [ue, d.value]
+            [le, d.value]
           ]),
-          o("div", rt, [
-            O(o("input", {
-              "onUpdate:modelValue": t[0] || (t[0] = (a) => v.value = a),
+          o("div", ct, [
+            Y(o("input", {
+              "onUpdate:modelValue": t[0] || (t[0] = (n) => g.value = n),
               class: "audio-message__progress-bar-container",
               type: "range",
               min: 0,
-              max: h.value,
+              max: y.value,
               step: "0.1",
-              onMousedown: t[1] || (t[1] = (a) => x.value = !0),
-              onMouseup: te,
-              onTouchstartPassive: t[2] || (t[2] = (a) => x.value = !0),
-              onTouchendPassive: te
-            }, null, 40, mt), [
-              [De, v.value]
+              onMousedown: t[1] || (t[1] = (n) => b.value = !0),
+              onMouseup: se,
+              onTouchstartPassive: t[2] || (t[2] = (n) => b.value = !0),
+              onTouchendPassive: se
+            }, null, 40, dt), [
+              [Be, g.value]
             ]),
-            o("div", ct, [
+            o("div", vt, [
               o("button", {
                 type: "button",
                 class: "audio-message__speed-btn",
-                onClick: de
-              }, y(A.value.text), 1)
+                onClick: ce
+              }, h(D.value.text), 1)
             ])
           ]),
-          o("div", dt, [
-            o("p", gt, y(ke.value), 1),
-            o("p", vt, y(Se.value), 1)
+          o("div", gt, [
+            o("p", ft, h(Te.value), 1),
+            o("p", pt, h(Re.value), 1)
           ])
         ]),
-        s.message.text ? (l(), c("div", ft, [
+        s.message.text ? (i(), m("div", yt, [
           o("p", {
             onClick: t[3] || (t[3] = //@ts-ignore
-            (...a) => u(X) && u(X)(...a)),
-            innerHTML: u(he)
-          }, null, 8, pt)
-        ])) : f("", !0),
-        s.message.linkPreview ? (l(), N(Ze, {
+            (...n) => r(X) && r(X)(...n)),
+            innerHTML: r(Ce)
+          }, null, 8, ht)
+        ])) : c("", !0),
+        s.message.linkPreview ? (i(), O(Ye, {
           key: 2,
           class: C(["audio-message__link-preview", s.message.position]),
           "link-preview": s.message.linkPreview
-        }, null, 8, ["class", "link-preview"])) : f("", !0),
-        s.message.embed ? (l(), N(He, {
+        }, null, 8, ["class", "link-preview"])) : c("", !0),
+        s.message.embed ? (i(), O(Ze, {
           key: 3,
           class: C(s.message.position),
           embed: s.message.embed
-        }, null, 8, ["class", "embed"])) : f("", !0),
+        }, null, 8, ["class", "embed"])) : c("", !0),
         k(ze, {
           reactions: s.message.reactions,
           "message-id": s.message.messageId,
           enabled: s.reactionsEnabled,
-          onToggleReaction: u(Ne),
-          onAddReaction: u(_e),
-          onRemoveReaction: u(Fe)
+          onToggleReaction: r(Ie),
+          onAddReaction: r(Ee),
+          onRemoveReaction: r(Ae)
         }, null, 8, ["reactions", "message-id", "enabled", "onToggleReaction", "onAddReaction", "onRemoveReaction"]),
-        o("div", yt, [
-          o("div", bt, [
-            o("button", {
+        o("div", bt, [
+          _.value || I.value ? (i(), m("div", Ct, [
+            _.value ? (i(), m("button", {
+              key: 0,
               class: C([
                 "audio-message__action-button",
-                { "audio-message__action-button--active": b.value === "text" }
+                { "audio-message__action-button--active": f.value === "text" }
               ]),
               type: "button",
               onClick: Le
-            }, " Текст ", 2),
-            o("button", {
+            }, " Текст ", 2)) : c("", !0),
+            I.value ? (i(), m("button", {
+              key: 1,
               class: C([
                 "audio-message__action-button",
-                { "audio-message__action-button--active": b.value === "summary" }
+                { "audio-message__action-button--active": f.value === "summary" }
               ]),
               type: "button",
-              onClick: $e
-            }, " Резюме ", 2)
-          ]),
-          s.message.views ? (l(), c("div", {
-            key: 0,
+              onClick: De
+            }, " Резюме ", 2)) : c("", !0)
+          ])) : c("", !0),
+          s.message.views ? (i(), m("div", {
+            key: 1,
             class: "audio-message__views",
             onClick: t[4] || (t[4] = //@ts-ignore
-            (...a) => u(J) && u(J)(...a))
+            (...n) => r(z) && r(z)(...n))
           }, [
             t[11] || (t[11] = o("span", { class: "pi pi-eye" }, null, -1)),
-            o("p", null, y(s.message.views), 1)
-          ])) : f("", !0),
-          o("span", ht, y(s.message.time), 1),
-          k(Je, {
+            o("p", null, h(s.message.views), 1)
+          ])) : c("", !0),
+          o("span", wt, h(s.message.time), 1),
+          k(We, {
             "base-class": "audio-message",
-            "message-class": se(s.message),
+            "message-class": ae(s.message),
             "message-status": s.message.status,
-            "status-class": xe.value,
-            "status-title": Ce.value
+            "status-class": we.value,
+            "status-title": xe.value
           }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
         ]),
         k(re, { name: "audio-message-expand" }, {
-          default: j(() => [
-            b.value ? (l(), c("div", xt, [
-              o("div", Ct, [
-                b.value === "text" ? (l(), c(U, { key: 0 }, [
-                  G.value ? f("", !0) : (l(), c("p", wt, y(me))),
-                  (l(!0), c(U, null, je(W.value, (a, m) => (l(), c("p", {
-                    key: `au-tr-${m}`,
-                    class: "audio-message__expand-line"
-                  }, y(a), 1))), 128))
-                ], 64)) : (l(), c("p", kt, [
-                  Q.value ? (l(), c(U, { key: 1 }, [
-                    le(y(K.value), 1)
-                  ], 64)) : (l(), c("span", St, y(me)))
+          default: G(() => [
+            fe.value ? (i(), m("div", xt, [
+              o("div", kt, [
+                f.value === "text" ? (i(), m(He, { key: 0 }, [
+                  J.value ? (i(), m("p", {
+                    key: 1,
+                    class: "audio-message__expand-plain",
+                    innerHTML: W.value
+                  }, null, 8, Rt)) : (i(), m("p", Tt, h(pe.value), 1))
+                ], 64)) : (i(), m("p", Mt, [
+                  Q.value ? (i(), m("span", {
+                    key: 1,
+                    innerHTML: K.value
+                  }, null, 8, Nt)) : (i(), m("span", St, h(ye.value), 1))
                 ]))
               ]),
-              o("div", Tt, [
+              o("div", _t, [
                 o("button", {
                   type: "button",
                   class: "audio-message__expand-close",
-                  onClick: t[5] || (t[5] = (a) => b.value = null)
+                  onClick: t[5] || (t[5] = (n) => f.value = null)
                 }, " Закрыть ")
               ])
-            ])) : f("", !0)
+            ])) : c("", !0)
           ]),
           _: 1
         }),
-        k(We, {
+        k(Je, {
           status: s.message.status,
           "has-messenger-account": s.message.hasMessengerAccount,
           channel: s.channel,
-          onSmsInvite: Ee
+          onSmsInvite: Fe
         }, null, 8, ["status", "has-messenger-account", "channel"]),
-        u(ge) && s.message.actions ? (l(), c("button", {
+        r(de) && s.message.actions ? (i(), m("button", {
           key: 4,
           class: "audio-message__menu-button",
-          onClick: t[6] || (t[6] = (a) => $.value = !u($))
+          onClick: t[6] || (t[6] = (n) => U.value = !r(U))
         }, [...t[12] || (t[12] = [
           o("svg", {
             width: "4",
@@ -495,22 +512,22 @@ const nt = ["messageId"], ot = ["src"], it = {
               fill: "#5F5F5F"
             })
           ], -1)
-        ])])) : f("", !0),
+        ])])) : c("", !0),
         k(re, null, {
-          default: j(() => [
-            u($) && s.message.actions ? (l(), N(Ue, {
+          default: G(() => [
+            r(U) && s.message.actions ? (i(), O(Ge, {
               key: 0,
               class: "audio-message__context-menu",
               actions: s.message.actions,
               onClick: be
-            }, null, 8, ["actions"])) : f("", !0)
+            }, null, 8, ["actions"])) : c("", !0)
           ]),
           _: 1
         })
       ], 34)
-    ], 46, nt));
+    ], 46, it));
   }
 });
 export {
-  Ht as default
+  Jt as default
 };