@mobilon-dev/chotto 0.3.64 → 0.3.66

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

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