@mobilon-dev/chotto 0.3.109 → 0.3.111

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

@@ -1,59 +1,55 @@
-import { defineComponent as ut, ref as g, computed as r, inject as lt, watch as G, createElementBlock as m, openBlock as l, unref as o, normalizeStyle as Y, normalizeClass as C, createCommentVNode as d, createElementVNode as i, createVNode as w, withCtx as Z, createTextVNode as rt, toDisplayString as y, Fragment as q, createBlock as k, withDirectives as z, vShow as Ce, vModelText as mt, Transition as we, Teleport as dt, nextTick as ct } from "vue";
-import vt from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
-import gt from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
-import ft from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
-import pt from "../FeedReplyQuote/FeedReplyQuote.vue.js";
-import yt from "../MessageReactions/MessageReactions.vue.js";
+import { defineComponent as us, ref as g, computed as r, inject as ls, watch as G, createElementBlock as m, openBlock as l, unref as o, normalizeStyle as Y, normalizeClass as C, createCommentVNode as d, createElementVNode as i, createVNode as w, withCtx as Z, createTextVNode as rs, toDisplayString as p, Fragment as q, createBlock as k, withDirectives as z, vShow as Ce, vModelText as ms, Transition as we, Teleport as ds, nextTick as cs } from "vue";
+import vs from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
+import gs from "../../1_atoms/LinkPreview/LinkPreview.vue.js";
+import fs from "../../1_atoms/EmbedPreview/EmbedPreview.vue.js";
+import ys from "../FeedReplyQuote/FeedReplyQuote.vue.js";
+import ps from "../MessageReactions/MessageReactions.vue.js";
 import xe from "../MessageStatusIndicator/MessageStatusIndicator.vue.js";
-import ht from "../MessageSmsInvite/MessageSmsInvite.vue.js";
-import bt from "../DeletedMessageContent/DeletedMessageContent.vue.js";
-import Ct from "../../1_atoms/Tooltip/Tooltip.vue.js";
-import { useMessageActions as wt } from "../../../hooks/messages/useMessageActions.js";
-import { useMessageHoverActions as xt } from "../../../hooks/messages/useMessageHoverActions.js";
-import { useMessageReactionsInFeed as Mt } from "../../../hooks/messages/useMessageReactionsInFeed.js";
-import { useMessageMenuActions as kt } from "../../../hooks/messages/useMessageMenuActions.js";
-import { useMessageLinks as Rt } from "../../../hooks/messages/useMessageLinks.js";
-import { useChannelAccentColor as Tt } from "../../../hooks/messages/useChannelAccentColor.js";
-import { useSubtextTooltip as St } from "../../../hooks/messages/useSubtextTooltip.js";
-import { useStartReply as It } from "../../../hooks/messages/useStartReply.js";
-import "../../../hooks/useMessageDraft.js";
-import "../../../hooks/useSearchModel.js";
-import "../../../hooks/useTheme.js";
-import "../../../hooks/useEmojiNative.js";
+import hs from "../MessageSmsInvite/MessageSmsInvite.vue.js";
+import bs from "../DeletedMessageContent/DeletedMessageContent.vue.js";
+import Cs from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import { useMessageActions as ws } from "../../../hooks/messages/useMessageActions.js";
+import { useMessageHoverActions as xs } from "../../../hooks/messages/useMessageHoverActions.js";
+import { useMessageReactionsInFeed as Ms } from "../../../hooks/messages/useMessageReactionsInFeed.js";
+import { useMessageMenuActions as ks } from "../../../hooks/messages/useMessageMenuActions.js";
+import { useMessageLinks as Rs } from "../../../hooks/messages/useMessageLinks.js";
+import { useChannelAccentColor as Ts } from "../../../hooks/messages/useChannelAccentColor.js";
+import { useSubtextTooltip as Ss } from "../../../hooks/messages/useSubtextTooltip.js";
+import { useStartReply as Is } from "../../../hooks/messages/useStartReply.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../locale/useLocale.js";
 /* empty css                                                            */
 import { buildReplyPayload as Me } from "../../../hooks/messages/buildReplyPayload.js";
-import { getStatus as Nt, getStatusTitle as _t } from "../../../functions/getStatusMessage.js";
-import { getMessageClass as Et } from "../../../functions/getMessageClass.js";
-import { createReactionHandlers as At } from "../../../functions/createReactionHandlers.js";
+import { getStatus as Ns, getStatusTitle as _s } from "../../../functions/getStatusMessage.js";
+import { getMessageClass as Es } from "../../../functions/getMessageClass.js";
+import { createReactionHandlers as As } from "../../../functions/createReactionHandlers.js";
 import "../../../functions/parseMarkdown.js";
-const Ft = ["messageId"], Lt = ["src"], Ot = {
+const Fs = ["messageId"], Ls = ["src"], Os = {
   key: 1,
   class: "audio-message__subtext"
-}, Pt = { class: "audio-message__footer" }, Dt = { class: "audio-message__info-container" }, Ut = {
+}, Ps = { class: "audio-message__footer" }, Ds = { class: "audio-message__info-container" }, Us = {
   key: 0,
   class: "audio-message__time"
-}, $t = { class: "audio-message__audio-container" }, Ht = ["src"], Vt = { class: "audio-message__progress-wrapper" }, Bt = ["max"], jt = { class: "audio-message__speed-btn-container" }, Gt = { class: "audio-message__player-controls" }, Yt = { class: "audio-message__current-time" }, Zt = { class: "audio-message__duration" }, qt = {
+}, $s = { class: "audio-message__audio-container" }, Hs = ["src"], Vs = { class: "audio-message__progress-wrapper" }, Bs = ["max"], js = { class: "audio-message__speed-btn-container" }, Gs = { class: "audio-message__player-controls" }, Ys = { class: "audio-message__current-time" }, Zs = { class: "audio-message__duration" }, qs = {
   key: 1,
   class: "audio-message__text-container"
-}, zt = ["innerHTML"], Qt = { class: "audio-message__footer" }, Wt = { class: "audio-message__info-container" }, Jt = {
+}, zs = ["innerHTML"], Qs = { class: "audio-message__footer" }, Ws = { class: "audio-message__info-container" }, Js = {
   key: 0,
   class: "audio-message__actions"
-}, Kt = { class: "audio-message__time" }, Xt = {
+}, Ks = { class: "audio-message__time" }, Xs = {
   key: 0,
   class: "audio-message__expand-panel"
-}, es = { class: "audio-message__expand-inner" }, ts = {
+}, et = { class: "audio-message__expand-inner" }, st = {
   key: 0,
   class: "audio-message__expand-placeholder"
-}, ss = ["innerHTML"], as = {
+}, tt = ["innerHTML"], at = {
   key: 1,
   class: "audio-message__expand-plain"
-}, ns = {
+}, nt = {
   key: 0,
   class: "audio-message__expand-placeholder"
-}, os = ["innerHTML"], is = { class: "audio-message__expand-close-wrap" }, us = "RECOGNITION_READY", ls = "SUMMARY_READY", Vs = /* @__PURE__ */ ut({
+}, ot = ["innerHTML"], it = { class: "audio-message__expand-close-wrap" }, ut = "RECOGNITION_READY", lt = "SUMMARY_READY", Dt = /* @__PURE__ */ us({
   __name: "AudioMessage",
   props: {
     message: {
@@ -75,7 +71,7 @@ const Ft = ["messageId"], Lt = ["src"], Ot = {
     reactionsMode: {
       type: String,
       default: "single",
-      validator: (s) => ["single", "multi"].includes(s)
+      validator: (t) => ["single", "multi"].includes(t)
     },
     currentUserId: {
       type: [String, Number],
@@ -97,8 +93,8 @@ const Ft = ["messageId"], Lt = ["src"], Ot = {
     }
   },
   emits: ["action", "reply", "sms-invite"],
-  setup(s, { emit: ke }) {
-    const u = s, O = g([
+  setup(t, { emit: ke }) {
+    const u = t, O = g([
       {
         text: "1.0x",
         speed: 1
@@ -117,38 +113,38 @@ const Ft = ["messageId"], Lt = ["src"], Ot = {
       }
     ]), P = g(0), D = r(() => O.value[P.value] ?? O.value[0]), Re = () => {
       P.value = (P.value + 1) % O.value.length, n.value && (n.value.playbackRate = D.value.speed);
-    }, R = ke, { menuActions: S } = kt(() => u.message), { hoverActionsEnabled: Q, reactionsActive: W } = xt(
+    }, R = ke, { menuActions: S } = ks(() => u.message), { hoverActionsEnabled: Q, reactionsActive: W } = xs(
       () => u.channel,
       () => u.reactionsEnabled,
       () => u.message
-    ), Te = lt("chatAppId"), { startReply: Se } = It(Te || ""), n = g(null), x = g(void 0), c = g(!1), h = g(0), f = g(0), b = g(!1), U = r(() => {
-      var t, a;
+    ), Te = ls("chatAppId"), { startReply: Se } = Is(Te || ""), n = g(null), x = g(void 0), c = g(!1), h = g(0), f = g(0), b = g(!1), U = r(() => {
+      var s, a;
       const e = u.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);
+      return e.url || (typeof ((s = e.meta) == null ? void 0 : s.url) == "string" ? e.meta.url : void 0) || ((a = e.data) == null ? void 0 : a.url);
     }), $ = (e) => {
       if (e == null) return;
       if (typeof e == "number")
         return !Number.isFinite(e) || e < 0 ? void 0 : Math.floor(e);
-      const t = String(e).trim();
-      if (!t) return;
-      if (/^\d+$/.test(t)) {
-        const v = Number(t);
+      const s = String(e).trim();
+      if (!s) return;
+      if (/^\d+$/.test(s)) {
+        const v = Number(s);
         return Number.isFinite(v) && v >= 0 ? Math.floor(v) : void 0;
       }
-      const a = t.match(/^(\d+):([0-5]\d):([0-5]\d)$/);
+      const a = s.match(/^(\d+):([0-5]\d):([0-5]\d)$/);
       if (a) {
         const v = Number(a[1]), B = Number(a[2]), j = Number(a[3]);
         return v * 3600 + B * 60 + j;
       }
-      const M = t.match(/^(\d+):([0-5]\d)$/);
+      const M = s.match(/^(\d+):([0-5]\d)$/);
       if (M) return Number(M[1]) * 60 + Number(M[2]);
     }, J = () => {
       c.value = !1, f.value = 0, h.value = $(u.message.duration) ?? 0, b.value = !1;
     };
     J(), G(
       () => U.value,
-      (e, t) => {
-        e !== t && (J(), x.value = void 0, n.value && (n.value.pause(), n.value.currentTime = 0, n.value.removeAttribute("src"), n.value.load()));
+      (e, s) => {
+        e !== s && (J(), x.value = void 0, n.value && (n.value.pause(), n.value.currentTime = 0, n.value.removeAttribute("src"), n.value.load()));
       }
     ), G(
       () => u.message.duration,
@@ -172,37 +168,37 @@ const Ft = ["messageId"], Lt = ["src"], Ot = {
       clickAction: Ue,
       viewsAction: X,
       handleClickReplied: $e
-    } = wt(u.message, R, {
+    } = ws(u.message, R, {
       onReply: () => Se(Me(u.message, "message.audio"))
-    }), p = g(null), I = g({ text: !1, summary: !1 }), N = r(() => {
+    }), y = g(null), I = g({ text: !1, summary: !1 }), N = r(() => {
       var a;
-      const e = u.message, t = e.transcript ?? ((a = e.meta) == null ? void 0 : a.transcript);
-      return !t || typeof t != "object" ? null : t;
+      const e = u.message, s = e.transcript ?? ((a = e.meta) == null ? void 0 : a.transcript);
+      return !s || typeof s != "object" ? null : s;
     }), _ = r(() => {
       var a;
-      const e = u.message, t = e.summary ?? ((a = e.meta) == null ? void 0 : a.summary);
-      return !t || typeof t != "object" ? null : t;
+      const e = u.message, s = e.summary ?? ((a = e.meta) == null ? void 0 : a.summary);
+      return !s || typeof s != "object" ? null : s;
     }), ee = r(() => {
-      var t;
-      const e = (t = N.value) == null ? void 0 : t.html;
+      var s;
+      const e = (s = N.value) == null ? void 0 : s.html;
       return typeof e != "string" ? "" : e.trim();
-    }), te = r(() => {
-      var e;
-      return ((e = N.value) == null ? void 0 : e.status) === us && ee.value.length > 0;
     }), se = r(() => {
-      var t;
-      const e = (t = _.value) == null ? void 0 : t.html;
+      var e;
+      return ((e = N.value) == null ? void 0 : e.status) === ut && ee.value.length > 0;
+    }), te = r(() => {
+      var s;
+      const e = (s = _.value) == null ? void 0 : s.html;
       return typeof e != "string" ? "" : e.trim();
     }), ae = r(() => {
       var e;
-      return ((e = _.value) == null ? void 0 : e.status) === ls && se.value.length > 0;
+      return ((e = _.value) == null ? void 0 : e.status) === lt && te.value.length > 0;
     }), E = r(() => {
       var e;
       return !!((e = N.value) != null && e.status);
     }), A = r(() => {
       var e;
       return !!((e = _.value) != null && e.status);
-    }), He = r(() => p.value === "text" ? E.value : p.value === "summary" ? A.value : !1), Ve = r(() => {
+    }), He = r(() => y.value === "text" ? E.value : y.value === "summary" ? A.value : !1), Ve = r(() => {
       var e;
       switch ((e = N.value) == null ? void 0 : e.status) {
         case "RECOGNITION_PLANNED":
@@ -227,7 +223,7 @@ const Ft = ["messageId"], Lt = ["src"], Ot = {
           return "Резюме недоступно";
       }
     }), je = async () => {
-      var t, a, M;
+      var s, a, M;
       const e = U.value;
       if (e)
         try {
@@ -238,7 +234,7 @@ const Ft = ["messageId"], Lt = ["src"], Ot = {
           });
           if (!v.ok)
             throw new Error(`HTTP error! status: ${v.status}`);
-          const B = v.headers.get("content-type") || "", j = await v.blob(), F = ((a = (t = e.split(".").pop()) == null ? void 0 : t.split("?")[0]) == null ? void 0 : a.toLowerCase()) || "", ot = {
+          const B = v.headers.get("content-type") || "", j = await v.blob(), F = ((a = (s = e.split(".").pop()) == null ? void 0 : s.split("?")[0]) == null ? void 0 : a.toLowerCase()) || "", os = {
             "audio/mpeg": "mp3",
             "audio/mp3": "mp3",
             "audio/wav": "wav",
@@ -250,14 +246,14 @@ const Ft = ["messageId"], Lt = ["src"], Ot = {
             "audio/m4a": "m4a",
             "audio/x-m4a": "m4a",
             "application/octet-stream": F || "mp3"
-          }, ye = F && ["mp3", "wav", "ogg", "webm", "aac", "flac", "m4a"].includes(F) ? F : ot[B] || "mp3", he = e.split("/"), L = decodeURIComponent(((M = he[he.length - 1]) == null ? void 0 : M.split("?")[0]) || ""), it = L ? L.includes(".") ? L : `${L}.${ye}` : `audio-${u.message.messageId}.${ye}`, be = window.URL.createObjectURL(j), T = document.createElement("a");
-          T.href = be, T.download = it, document.body.appendChild(T), T.click(), document.body.removeChild(T), window.URL.revokeObjectURL(be);
+          }, pe = F && ["mp3", "wav", "ogg", "webm", "aac", "flac", "m4a"].includes(F) ? F : os[B] || "mp3", he = e.split("/"), L = decodeURIComponent(((M = he[he.length - 1]) == null ? void 0 : M.split("?")[0]) || ""), is = L ? L.includes(".") ? L : `${L}.${pe}` : `audio-${u.message.messageId}.${pe}`, be = window.URL.createObjectURL(j), T = document.createElement("a");
+          T.href = be, T.download = is, document.body.appendChild(T), T.click(), document.body.removeChild(T), window.URL.revokeObjectURL(be);
         } catch (v) {
           console.error("Ошибка при скачивании аудио:", v), e && window.open(e, "_blank");
         }
     }, Ge = (e) => {
       e.action === "download" ? (je(), H()) : Ue(e);
-    }, { linkedHtml: Ye, inNewWindow: ne } = Rt(() => u.message.text), oe = r(() => Nt(u.message.status)), ie = r(() => _t(u.message.status, u.message.statusMsg)), { bubbleStyle: Ze } = Tt(
+    }, { linkedHtml: Ye, inNewWindow: ne } = Rs(() => u.message.text), oe = r(() => Ns(u.message.status)), ie = r(() => _s(u.message.status, u.message.statusMsg)), { bubbleStyle: Ze } = Ts(
       r(() => u.message),
       { cssVariable: "--chotto-audiomessage-right-background-color", position: "right" }
     ), ue = async () => {
@@ -267,13 +263,13 @@ const Ft = ["messageId"], Lt = ["src"], Ot = {
           n.value.pause(), c.value = !1;
         else
           try {
-            x.value || (x.value = e, await ct(), n.value.load()), await n.value.play(), c.value = !0;
-          } catch (t) {
-            console.error("Не удалось воспроизвести аудио", t), c.value = !1;
+            x.value || (x.value = e, await cs(), n.value.load()), await n.value.play(), c.value = !0;
+          } catch (s) {
+            console.error("Не удалось воспроизвести аудио", s), c.value = !1;
           }
     }, le = (e) => {
-      const t = Math.floor(e / 60), a = Math.floor(e % 60);
-      return `${t.toString().padStart(2, "0")}:${a.toString().padStart(2, "0")}`;
+      const s = Math.floor(e / 60), a = Math.floor(e % 60);
+      return `${s.toString().padStart(2, "0")}:${a.toString().padStart(2, "0")}`;
     }, qe = r(() => le(f.value));
     G(
       () => f.value,
@@ -288,10 +284,10 @@ const Ft = ["messageId"], Lt = ["src"], Ot = {
       const e = n.value;
       if (f.value = e.currentTime || 0, e.duration === 1 / 0 || Number.isNaN(e.duration)) {
         e.currentTime = 1e101;
-        const t = () => {
+        const s = () => {
           n.value && (h.value = n.value.duration || 0, f.value = 0, n.value.currentTime = 0);
         };
-        e.addEventListener("timeupdate", t, { once: !0 });
+        e.addEventListener("timeupdate", s, { once: !0 });
       } else
         h.value = e.duration || 0;
       e.playbackRate = D.value.speed;
@@ -303,13 +299,13 @@ const Ft = ["messageId"], Lt = ["src"], Ot = {
       console.error("Не удалось загрузить аудио"), c.value = !1, x.value = void 0, n.value && (n.value.pause(), n.value.currentTime = 0, n.value.removeAttribute("src"), n.value.load()), h.value = $(u.message.duration) ?? 0;
     };
     function V(e) {
-      return Et(e.position, "audio-message");
+      return Es(e.position, "audio-message");
     }
-    const { onToggleReaction: me, onAddReaction: de, onRemoveReaction: ce } = At(R), ve = g(null), ge = g(null), Xe = r(() => {
-      var t;
-      const e = (t = ge.value) == null ? void 0 : t.$el;
+    const { onToggleReaction: me, onAddReaction: de, onRemoveReaction: ce } = As(R), ve = g(null), ge = g(null), Xe = r(() => {
+      var s;
+      const e = (s = ge.value) == null ? void 0 : s.$el;
       return e instanceof HTMLElement ? e : null;
-    }), { showReactions: et, onContentPointerEnter: fe, onContentPointerLeave: pe } = Mt({
+    }), { showReactions: es, onContentPointerEnter: fe, onContentPointerLeave: ye } = Ms({
       message: () => u.message,
       messageId: () => u.message.messageId,
       reactions: () => u.message.reactions,
@@ -325,47 +321,47 @@ const Ft = ["messageId"], Lt = ["src"], Ot = {
         onRemoveReaction: ce,
         onMenu: Oe
       }
-    }), tt = St(() => u.message, () => u.subtextTooltipData);
-    function st() {
+    }), ss = Ss(() => u.message, () => u.subtextTooltipData);
+    function ts() {
       R("sms-invite", u.message);
     }
-    const at = () => {
+    const as = () => {
       if (!E.value) return;
-      const e = p.value === "text" ? null : "text";
-      p.value = e, e === "text" && !te.value && !I.value.text && (I.value.text = !0, R("action", { action: "fetchTranscript", messageId: u.message.messageId }));
-    }, nt = () => {
+      const e = y.value === "text" ? null : "text";
+      y.value = e, e === "text" && !se.value && !I.value.text && (I.value.text = !0, R("action", { action: "fetchTranscript", messageId: u.message.messageId }));
+    }, ns = () => {
       if (!A.value) return;
-      const e = p.value === "summary" ? null : "summary";
-      p.value = e, e === "summary" && !ae.value && !I.value.summary && (I.value.summary = !0, R("action", { action: "fetchSummary", messageId: u.message.messageId }));
+      const e = y.value === "summary" ? null : "summary";
+      y.value = e, e === "summary" && !ae.value && !I.value.summary && (I.value.summary = !0, R("action", { action: "fetchSummary", messageId: u.message.messageId }));
     };
-    return (e, t) => (l(), m("div", {
+    return (e, s) => (l(), m("div", {
       ref_key: "menuAnchorRef",
       ref: _e,
       class: C(["audio-message", [
-        V(s.message),
-        s.applyStyle(s.message)
+        V(t.message),
+        t.applyStyle(t.message)
       ]]),
-      messageId: s.message.messageId,
+      messageId: t.message.messageId,
       style: Y(o(Ze)),
-      onMouseleave: t[10] || (t[10] = //@ts-ignore
+      onMouseleave: s[10] || (s[10] = //@ts-ignore
       (...a) => o(H) && o(H)(...a))
     }, [
-      s.message.avatar && s.isFirstInSeries ? (l(), m("img", {
+      t.message.avatar && t.isFirstInSeries ? (l(), m("img", {
         key: 0,
         class: "audio-message__avatar",
-        src: s.message.avatar,
+        src: t.message.avatar,
         height: "32",
         width: "32",
-        style: Y({ gridRow: s.message.subText ? "2" : "1" })
-      }, null, 12, Lt)) : d("", !0),
-      s.message.subText && s.isFirstInSeries ? (l(), m("p", Ot, [
-        w(Ct, {
-          text: o(tt),
-          position: s.message.position === "left" ? "right" : "left",
+        style: Y({ gridRow: t.message.subText ? "2" : "1" })
+      }, null, 12, Ls)) : d("", !0),
+      t.message.subText && t.isFirstInSeries ? (l(), m("p", Os, [
+        w(Cs, {
+          text: o(ss),
+          position: t.message.position === "left" ? "right" : "left",
           offset: 8
         }, {
           default: Z(() => [
-            rt(y(s.message.subText), 1)
+            rs(p(t.message.subText), 1)
           ]),
           _: 1
         }, 8, ["text", "position"])
@@ -373,40 +369,40 @@ const Ft = ["messageId"], Lt = ["src"], Ot = {
       i("div", {
         ref_key: "contentRef",
         ref: ve,
-        class: C(["audio-message__content", { "is-first": s.isFirstInSeries, "with-avatar-indent": !s.isFirstInSeries && s.message.avatar }]),
-        onMouseenter: t[7] || (t[7] = (a) => o(Q) && o(Le)()),
-        onPointerenter: t[8] || (t[8] = //@ts-ignore
+        class: C(["audio-message__content", { "is-first": t.isFirstInSeries, "with-avatar-indent": !t.isFirstInSeries && t.message.avatar }]),
+        onMouseenter: s[7] || (s[7] = (a) => o(Q) && o(Le)()),
+        onPointerenter: s[8] || (s[8] = //@ts-ignore
         (...a) => o(fe) && o(fe)(...a)),
-        onPointerleave: t[9] || (t[9] = //@ts-ignore
-        (...a) => o(pe) && o(pe)(...a))
+        onPointerleave: s[9] || (s[9] = //@ts-ignore
+        (...a) => o(ye) && o(ye)(...a))
       }, [
-        t[15] || (t[15] = i("div", {
+        s[15] || (s[15] = i("div", {
           class: "audio-message__bottom-shadow",
           "aria-hidden": "true"
         }, null, -1)),
-        s.message.deleted ? (l(), m(q, { key: 0 }, [
-          w(bt),
-          i("div", Pt, [
-            i("div", Dt, [
-              s.message.time ? (l(), m("span", Ut, y(s.message.time), 1)) : d("", !0),
+        t.message.deleted ? (l(), m(q, { key: 0 }, [
+          w(bs),
+          i("div", Ps, [
+            i("div", Ds, [
+              t.message.time ? (l(), m("span", Us, p(t.message.time), 1)) : d("", !0),
               w(xe, {
                 "base-class": "audio-message",
-                "message-class": V(s.message),
-                "message-status": s.message.status,
+                "message-class": V(t.message),
+                "message-status": t.message.status,
                 "status-class": oe.value,
                 "status-title": ie.value
               }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
             ])
           ])
         ], 64)) : (l(), m(q, { key: 1 }, [
-          s.message.reply ? (l(), k(pt, {
+          t.message.reply ? (l(), k(ys, {
             key: 0,
             style: { "grid-column": "1/3" },
-            message: s.message.reply,
-            class: C(s.message.position),
+            message: t.message.reply,
+            class: C(t.message.position),
             onReply: o($e)
           }, null, 8, ["message", "class", "onReply"])) : d("", !0),
-          i("div", $t, [
+          i("div", $s, [
             i("audio", {
               ref_key: "player",
               ref: n,
@@ -416,11 +412,11 @@ const Ft = ["messageId"], Lt = ["src"], Ot = {
               onTimeupdate: We,
               onEnded: Je,
               onError: Ke
-            }, null, 40, Ht),
+            }, null, 40, Hs),
             z(i("button", {
               class: "audio-message__play",
               onClick: ue
-            }, [...t[11] || (t[11] = [
+            }, [...s[11] || (s[11] = [
               i("div", { class: "audio-message__play-icon" }, [
                 i("svg", {
                   width: "20",
@@ -441,7 +437,7 @@ const Ft = ["messageId"], Lt = ["src"], Ot = {
             z(i("button", {
               class: "audio-message__pause",
               onClick: ue
-            }, [...t[12] || (t[12] = [
+            }, [...s[12] || (s[12] = [
               i("div", { class: "audio-message__pause-icon" }, [
                 i("svg", {
                   width: "20",
@@ -459,101 +455,101 @@ const Ft = ["messageId"], Lt = ["src"], Ot = {
             ])], 512), [
               [Ce, c.value]
             ]),
-            i("div", Vt, [
+            i("div", Vs, [
               z(i("input", {
-                "onUpdate:modelValue": t[0] || (t[0] = (a) => f.value = a),
+                "onUpdate:modelValue": s[0] || (s[0] = (a) => f.value = a),
                 class: "audio-message__progress-bar-container",
                 type: "range",
                 min: 0,
                 max: h.value,
                 step: "0.1",
-                onMousedown: t[1] || (t[1] = (a) => b.value = !0),
+                onMousedown: s[1] || (s[1] = (a) => b.value = !0),
                 onMouseup: re,
-                onTouchstartPassive: t[2] || (t[2] = (a) => b.value = !0),
+                onTouchstartPassive: s[2] || (s[2] = (a) => b.value = !0),
                 onTouchendPassive: re
-              }, null, 40, Bt), [
-                [mt, f.value]
+              }, null, 40, Bs), [
+                [ms, f.value]
               ]),
-              i("div", jt, [
+              i("div", js, [
                 i("button", {
                   type: "button",
                   class: "audio-message__speed-btn",
                   onClick: Re
-                }, y(D.value.text), 1)
+                }, p(D.value.text), 1)
               ])
             ]),
-            i("div", Gt, [
-              i("p", Yt, y(qe.value), 1),
-              i("p", Zt, y(ze.value), 1)
+            i("div", Gs, [
+              i("p", Ys, p(qe.value), 1),
+              i("p", Zs, p(ze.value), 1)
             ])
           ]),
-          s.message.text ? (l(), m("div", qt, [
+          t.message.text ? (l(), m("div", qs, [
             i("p", {
-              onClick: t[3] || (t[3] = //@ts-ignore
+              onClick: s[3] || (s[3] = //@ts-ignore
               (...a) => o(ne) && o(ne)(...a)),
               innerHTML: o(Ye)
-            }, null, 8, zt)
+            }, null, 8, zs)
           ])) : d("", !0),
-          s.message.linkPreview ? (l(), k(gt, {
+          t.message.linkPreview ? (l(), k(gs, {
             key: 2,
-            class: C(["audio-message__link-preview", s.message.position]),
-            "link-preview": s.message.linkPreview
+            class: C(["audio-message__link-preview", t.message.position]),
+            "link-preview": t.message.linkPreview
           }, null, 8, ["class", "link-preview"])) : d("", !0),
-          s.message.embed ? (l(), k(ft, {
+          t.message.embed ? (l(), k(fs, {
             key: 3,
-            class: C(s.message.position),
-            embed: s.message.embed
+            class: C(t.message.position),
+            embed: t.message.embed
           }, null, 8, ["class", "embed"])) : d("", !0),
-          i("div", Qt, [
-            o(et) ? (l(), k(yt, {
+          i("div", Qs, [
+            o(es) ? (l(), k(ps, {
               key: 0,
               ref_key: "reactionsRef",
               ref: ge,
-              reactions: s.message.reactions,
-              "message-id": s.message.messageId,
+              reactions: t.message.reactions,
+              "message-id": t.message.messageId,
               enabled: o(W),
-              mode: s.reactionsMode,
-              "current-user-id": s.currentUserId,
-              "reaction-user-names": s.reactionUserNames,
+              mode: t.reactionsMode,
+              "current-user-id": t.currentUserId,
+              "reaction-user-names": t.reactionUserNames,
               onToggleReaction: o(me),
               onAddReaction: o(de),
               onRemoveReaction: o(ce)
             }, null, 8, ["reactions", "message-id", "enabled", "mode", "current-user-id", "reaction-user-names", "onToggleReaction", "onAddReaction", "onRemoveReaction"])) : d("", !0),
-            i("div", Wt, [
-              E.value || A.value ? (l(), m("div", Jt, [
+            i("div", Ws, [
+              E.value || A.value ? (l(), m("div", Js, [
                 E.value ? (l(), m("button", {
                   key: 0,
                   class: C([
                     "audio-message__action-button",
-                    { "audio-message__action-button--active": p.value === "text" }
+                    { "audio-message__action-button--active": y.value === "text" }
                   ]),
                   type: "button",
-                  onClick: at
+                  onClick: as
                 }, " Текст ", 2)) : d("", !0),
                 A.value ? (l(), m("button", {
                   key: 1,
                   class: C([
                     "audio-message__action-button",
-                    { "audio-message__action-button--active": p.value === "summary" }
+                    { "audio-message__action-button--active": y.value === "summary" }
                   ]),
                   type: "button",
-                  onClick: nt
+                  onClick: ns
                 }, " Резюме ", 2)) : d("", !0)
               ])) : d("", !0),
-              s.message.views ? (l(), m("div", {
+              t.message.views ? (l(), m("div", {
                 key: 1,
                 class: "audio-message__views",
-                onClick: t[4] || (t[4] = //@ts-ignore
+                onClick: s[4] || (s[4] = //@ts-ignore
                 (...a) => o(X) && o(X)(...a))
               }, [
-                t[13] || (t[13] = i("span", { class: "pi pi-eye" }, null, -1)),
-                i("p", null, y(s.message.views), 1)
+                s[13] || (s[13] = i("span", { class: "pi pi-eye" }, null, -1)),
+                i("p", null, p(t.message.views), 1)
               ])) : d("", !0),
-              i("span", Kt, y(s.message.time), 1),
+              i("span", Ks, p(t.message.time), 1),
               w(xe, {
                 "base-class": "audio-message",
-                "message-class": V(s.message),
-                "message-status": s.message.status,
+                "message-class": V(t.message),
+                "message-status": t.message.status,
                 "status-class": oe.value,
                 "status-title": ie.value
               }, null, 8, ["message-class", "message-status", "status-class", "status-title"])
@@ -561,44 +557,44 @@ const Ft = ["messageId"], Lt = ["src"], Ot = {
           ]),
           w(we, { name: "audio-message-expand" }, {
             default: Z(() => [
-              He.value ? (l(), m("div", Xt, [
-                i("div", es, [
-                  p.value === "text" ? (l(), m(q, { key: 0 }, [
-                    te.value ? (l(), m("p", {
+              He.value ? (l(), m("div", Xs, [
+                i("div", et, [
+                  y.value === "text" ? (l(), m(q, { key: 0 }, [
+                    se.value ? (l(), m("p", {
                       key: 1,
                       class: "audio-message__expand-plain",
                       innerHTML: ee.value
-                    }, null, 8, ss)) : (l(), m("p", ts, y(Ve.value), 1))
-                  ], 64)) : (l(), m("p", as, [
+                    }, null, 8, tt)) : (l(), m("p", st, p(Ve.value), 1))
+                  ], 64)) : (l(), m("p", at, [
                     ae.value ? (l(), m("span", {
                       key: 1,
-                      innerHTML: se.value
-                    }, null, 8, os)) : (l(), m("span", ns, y(Be.value), 1))
+                      innerHTML: te.value
+                    }, null, 8, ot)) : (l(), m("span", nt, p(Be.value), 1))
                   ]))
                 ]),
-                i("div", is, [
+                i("div", it, [
                   i("button", {
                     type: "button",
                     class: "audio-message__expand-close",
-                    onClick: t[5] || (t[5] = (a) => p.value = null)
+                    onClick: s[5] || (s[5] = (a) => y.value = null)
                   }, " Закрыть ")
                 ])
               ])) : d("", !0)
             ]),
             _: 1
           }),
-          w(ht, {
-            status: s.message.status,
-            "has-messenger-account": s.message.hasMessengerAccount,
-            channel: s.channel,
-            onSmsInvite: st
+          w(hs, {
+            status: t.message.status,
+            "has-messenger-account": t.message.hasMessengerAccount,
+            channel: t.channel,
+            onSmsInvite: ts
           }, null, 8, ["status", "has-messenger-account", "channel"]),
-          o(Ne) && o(S).length && !s.reactionsEnabled && o(Q) ? (l(), m("button", {
+          o(Ne) && o(S).length && !t.reactionsEnabled && o(Q) ? (l(), m("button", {
             key: 4,
             class: "audio-message__menu-button",
-            onClick: t[6] || (t[6] = //@ts-ignore
+            onClick: s[6] || (s[6] = //@ts-ignore
             (...a) => o(K) && o(K)(...a))
-          }, [...t[14] || (t[14] = [
+          }, [...s[14] || (s[14] = [
             i("svg", {
               width: "4",
               height: "17",
@@ -612,10 +608,10 @@ const Ft = ["messageId"], Lt = ["src"], Ot = {
               })
             ], -1)
           ])])) : d("", !0),
-          (l(), k(dt, { to: "body" }, [
+          (l(), k(ds, { to: "body" }, [
             w(we, null, {
               default: Z(() => [
-                o(Ie) && o(S).length ? (l(), k(vt, {
+                o(Ie) && o(S).length ? (l(), k(vs, {
                   key: 0,
                   ref_key: "menuRef",
                   ref: Ee,
@@ -633,9 +629,9 @@ const Ft = ["messageId"], Lt = ["src"], Ot = {
           ]))
         ], 64))
       ], 34)
-    ], 46, Ft));
+    ], 46, Fs));
   }
 });
 export {
-  Vs as default
+  Dt as default
 };