@mobilon-dev/chotto 0.3.63 → 0.3.65

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

@@ -1,35 +1,35 @@
-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 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 "../../../functions/parseMarkdown.js";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
-import { useTheme as Ze } from "../../../hooks/useTheme.js";
+import { useTheme as Ge } from "../../../hooks/useTheme.js";
 /* empty css                              */
 /* empty css                                              */
-const je = ["messageId"], He = ["src"], Oe = {
+const Je = ["messageId"], Ke = ["src"], Qe = {
   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 = {
+}, 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 = {
   key: 1,
   class: "audio-message__transcript-container"
-}, _e = {
+}, is = {
   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({
+}, 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({
   __name: "AudioMessage",
   props: {
     message: {
@@ -60,8 +60,8 @@ 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: ee }) {
+    const se = Se("chatAppId"), { getTheme: U } = Ge(se), i = s, I = g([
       {
         text: "1.0x",
         speed: 1
@@ -78,28 +78,59 @@ 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)
+    ]), 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;
+      }
+      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 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;
+    };
+    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()));
+      }
+    ), B(
+      () => i.message.duration,
+      () => {
+        C.value === void 0 && (v.value = E(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)
         try {
-          const n = await fetch(o.message.url, {
+          const n = await fetch(i.message.url, {
             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 = {
+          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 = {
             "audio/mpeg": "mp3",
             "audio/mp3": "mp3",
             "audio/wav": "wav",
@@ -110,286 +141,306 @@ 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);
+            "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(o.message.url, "_blank");
+          console.error("Ошибка при скачивании аудио:", n), window.open(i.message.url, "_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),
+    }, 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),
       { 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,
+    ), q = async () => {
+      if (!(!t.value || !i.message.url))
+        if (r.value)
+          t.value.pause(), r.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;
+          }
+    }, 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,
       () => {
-        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));
+        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));
       }
     );
-    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 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);
+        };
+        a.addEventListener("timeupdate", e, { 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;
+    };
+    function G(a) {
+      return ze(a.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: be, onAddReaction: Ce, onRemoveReaction: he } = We(F), ye = He(() => i.message, () => i.subtextTooltipData);
+    function xe() {
+      F("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)
+    return (a, e) => {
+      var m;
+      return u(), p("div", {
+        class: T(["audio-message", [
+          G(s.message),
+          s.applyStyle(s.message)
         ]]),
-        messageId: e.message.messageId,
-        style: W(i(oe)),
-        onMouseleave: s[9] || (s[9] = //@ts-ignore
-        (...n) => i(A) && i(A)(...n))
+        messageId: s.message.messageId,
+        style: X(l(de)),
+        onMouseleave: e[9] || (e[9] = //@ts-ignore
+        (...n) => l(L) && l(L)(...n))
       }, [
-        e.message.avatar && e.isFirstInSeries ? (l(), c("img", {
+        s.message.avatar && s.isFirstInSeries ? (u(), p("img", {
           key: 0,
           class: "audio-message__avatar",
-          src: e.message.avatar,
+          src: s.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",
+          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: L(() => [
-              he(g(e.message.subText), 1)
+            default: P(() => [
+              Re(w(s.message.subText), 1)
             ]),
             _: 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))
+        ])) : 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))
         }, [
-          e.message.reply ? (l(), k(Re, {
+          s.message.reply ? (u(), M(Le, {
             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", {
+            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: e.message.url,
-              type: "audio/webm"
-            }, null, 8, ze),
-            N(a("button", {
+              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: D
-            }, [...s[10] || (s[10] = [
-              a("div", { class: "audio-message__play-icon" }, [
-                a("svg", {
+              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"
                 }, [
-                  a("path", {
+                  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), [
-              [G, !f.value]
+              [Y, !r.value]
             ]),
-            N(a("button", {
+            D(o("button", {
               class: "audio-message__pause",
-              onClick: D
-            }, [...s[11] || (s[11] = [
-              a("div", { class: "audio-message__pause-icon" }, [
-                a("svg", {
+              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"
                 }, [
-                  a("path", {
+                  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), [
-              [G, f.value]
+              [Y, r.value]
             ]),
-            a("div", We, [
-              N(a("input", {
-                "onUpdate:modelValue": s[0] || (s[0] = (n) => r.value = n),
+            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: y.value,
+                max: v.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]
+                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]
               ]),
-              a("div", Je, [
-                a("button", {
+              o("div", ss, [
+                o("button", {
                   type: "button",
                   class: "audio-message__speed-btn",
-                  onClick: X
-                }, g(I.value.text), 1)
+                  onClick: te
+                }, w(A.value.text), 1)
               ])
             ]),
-            a("div", Ke, [
-              a("p", Qe, g(le.value), 1),
-              a("p", Xe, g(ue.value), 1)
+            o("div", ts, [
+              o("p", as, w(ce.value), 1),
+              o("p", os, w(ge.value), 1)
             ])
           ]),
-          (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, {
+          (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: 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, {
+            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: 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)
+            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"]),
-          a("div", ss, [
-            e.message.views ? (l(), c("div", {
+          o("div", us, [
+            s.message.views ? (u(), p("div", {
               key: 0,
               class: "audio-message__views",
-              onClick: s[5] || (s[5] = //@ts-ignore
-              (...n) => i(B) && i(B)(...n))
+              onClick: e[5] || (e[5] = //@ts-ignore
+              (...n) => l(H) && l(H)(...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, {
+              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": j(e.message),
-              "message-status": e.message.status,
-              "status-class": ne.value,
-              "status-title": ie.value
+              "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"])
           ]),
-          C(Ee, {
-            status: e.message.status,
-            "has-messenger-account": e.message.hasMessengerAccount,
-            channel: e.channel,
-            onSmsInvite: ge
+          x(Pe, {
+            status: s.message.status,
+            "has-messenger-account": s.message.hasMessengerAccount,
+            channel: s.channel,
+            onSmsInvite: xe
           }, null, 8, ["status", "has-messenger-account", "channel"]),
-          i(Y) && e.message.actions ? (l(), c("button", {
+          l(ae) && s.message.actions ? (u(), p("button", {
             key: 5,
             class: "audio-message__menu-button",
-            onClick: s[6] || (s[6] = (n) => E.value = !i(E))
-          }, [...s[13] || (s[13] = [
-            a("svg", {
+            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"
             }, [
-              a("path", {
+              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)
-          ])])) : m("", !0),
-          C(J, null, {
-            default: L(() => [
-              i(E) && e.message.actions ? (l(), k(Te, {
+          ])])) : c("", !0),
+          x(_, null, {
+            default: P(() => [
+              l($) && s.message.actions ? (u(), M(Fe, {
                 key: 0,
                 class: "audio-message__context-menu",
-                actions: e.message.actions,
-                onClick: te
-              }, null, 8, ["actions"])) : m("", !0)
+                actions: s.message.actions,
+                onClick: le
+              }, null, 8, ["actions"])) : c("", !0)
             ]),
             _: 1
           }),
-          (l(), k(xe, { to: "body" }, [
-            C(J, { name: "modal-fade" }, {
-              default: L(() => {
+          (u(), M(Ne, { to: "body" }, [
+            x(_, { name: "modal-fade" }, {
+              default: P(() => {
                 var n;
                 return [
-                  x.value ? (l(), c("div", {
+                  S.value ? (u(), p("div", {
                     key: 0,
                     class: "audio-message__modal-overlay",
-                    "data-theme": i(V)().theme ? i(V)().theme : null
+                    "data-theme": l(U)().theme ? l(U)().theme : null
                   }, [
-                    a("div", ns, [
-                      a("button", {
+                    o("div", ds, [
+                      o("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" })
+                        onClick: e[7] || (e[7] = (f) => S.value = !1)
+                      }, [...e[14] || (e[14] = [
+                        o("span", null, [
+                          o("i", { class: "pi pi-times" })
                         ], -1)
                       ])]),
-                      a("p", is, g((n = e.message.transcript) == null ? void 0 : n.text), 1)
+                      o("p", cs, w((n = s.message.transcript) == null ? void 0 : n.text), 1)
                     ])
-                  ], 8, as)) : m("", !0)
+                  ], 8, ms)) : c("", !0)
                 ];
               }),
               _: 1
             })
           ]))
         ], 34)
-      ], 46, je);
+      ], 46, Je);
     };
   }
 });
 export {
-  Fs as default
+  Bs as default
 };