@mobilon-dev/chotto 0.3.65 → 0.3.66

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

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