@mobilon-dev/chotto 0.3.64 → 0.3.65

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

@@ -1,40 +1,40 @@
-import { defineComponent as Se, inject as P, computed as v, unref as s, toRefs as $e, ref as y, watch as ee, createElementBlock as c, openBlock as n, normalizeClass as te, createCommentVNode as f, createElementVNode as l, createVNode as R, withCtx as N, createTextVNode as _, toDisplayString as i, createBlock as k, Fragment as w, withDirectives as j, vShow as ae, vModelText as De, Transition as se, Teleport as Ne, renderList as Ve } from "vue";
+import { defineComponent as De, inject as R, computed as p, unref as l, toRefs as $e, ref as f, watch as ae, createElementBlock as c, openBlock as n, normalizeClass as le, createCommentVNode as C, createElementVNode as s, createVNode as j, withCtx as $, createTextVNode as _, toDisplayString as u, createBlock as T, Fragment as w, withDirectives as B, vShow as se, vModelText as Ee, Transition as oe, Teleport as Ve, renderList as Le, nextTick as Pe } from "vue";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
-import { useTheme as Ae } from "../../../hooks/useTheme.js";
+import { useTheme as Re } from "../../../hooks/useTheme.js";
 /* empty css                              */
 /* empty css                                              */
-import { useMessageActions as Ee } from "../../../hooks/messages/useMessageActions.js";
+import { useMessageActions as je } from "../../../hooks/messages/useMessageActions.js";
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
-import { useSubtextTooltip as Le } from "../../../hooks/messages/useSubtextTooltip.js";
-import Pe from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
-import le from "../../1_atoms/Tooltip/Tooltip.vue.js";
-import Re from "./icons/IncomingCallIcon.vue.js";
-import je from "./icons/OutgoingCallIcon.vue.js";
-const Be = ["messageId"], Ue = ["src"], Oe = {
+import { useSubtextTooltip as Be } from "../../../hooks/messages/useSubtextTooltip.js";
+import Ue from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
+import ne from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import Oe from "./icons/IncomingCallIcon.vue.js";
+import Ze from "./icons/OutgoingCallIcon.vue.js";
+const qe = ["messageId"], ze = ["src"], He = {
   key: 1,
   class: "call-message__subtext"
-}, Ze = { class: "call-message__content" }, qe = { class: "call-message__header-container" }, ze = { class: "call-message__title-wrapper" }, He = {
+}, Ge = { class: "call-message__content" }, Je = { class: "call-message__header-container" }, Ke = { class: "call-message__title-wrapper" }, Qe = {
   key: 0,
   class: "call-message__title"
-}, Ge = { class: "call-message__call-participant" }, Je = {
+}, Xe = { class: "call-message__call-participant" }, Ye = {
   key: 1,
   class: "call-message__title call-message__title--missed"
-}, Ke = { class: "call-message__call-participant" }, Qe = {
+}, We = { class: "call-message__call-participant" }, et = {
   key: 0,
   class: "call-message__title"
-}, Xe = { class: "call-message__call-participant" }, Ye = {
+}, tt = { class: "call-message__call-participant" }, at = {
   key: 1,
   class: "call-message__title call-message__title--missed"
-}, We = { class: "call-message__call-participant" }, et = {
+}, lt = { class: "call-message__call-participant" }, st = {
   key: 0,
   class: "call-message__missed-info"
-}, tt = {
+}, ot = {
   key: 1,
   class: "call-message__audio-wrapper"
-}, at = ["src"], st = { class: "call-message__audio-progress" }, lt = { class: "call-message__audio-progress-bar" }, ot = ["max"], nt = { class: "call-message__audio-time" }, it = { class: "call-message__info-container" }, ut = { class: "call-message__time" }, ct = ["data-theme"], rt = { class: "call-message__modal" }, Ft = /* @__PURE__ */ Se({
+}, nt = ["src"], it = { class: "call-message__audio-progress" }, ut = { class: "call-message__audio-progress-bar" }, rt = ["max"], ct = { class: "call-message__audio-time" }, dt = { class: "call-message__info-container" }, mt = { class: "call-message__time" }, vt = ["data-theme"], pt = { class: "call-message__modal" }, At = /* @__PURE__ */ De({
   __name: "CallMessage",
   props: {
     message: {
@@ -52,20 +52,20 @@ const Be = ["messageId"], Ue = ["src"], Oe = {
     }
   },
   emits: ["action", "reply"],
-  setup(oe, { emit: ne }) {
-    const ie = P("chatAppId"), { getTheme: B } = Ae(ie), U = P("channels", void 0), O = P("selectedChat", void 0), ue = v(() => {
-      if (U)
-        return s(U);
-    }), ce = v(() => {
+  setup(ie, { emit: ue }) {
+    const re = R("chatAppId"), { getTheme: U } = Re(re), O = R("channels", void 0), Z = R("selectedChat", void 0), ce = p(() => {
       if (O)
-        return s(O);
-    }), re = ne, T = oe, { message: a, applyStyle: de } = $e(T), {
-      isOpenMenu: V,
-      buttonMenuVisible: me,
-      showMenu: Z,
-      hideMenu: A,
-      clickAction: pe
-    } = Ee(T.message, re), M = y(!1), o = y(null), m = y(!1), C = y(0), p = y(0), h = y(!1), F = y(0), E = [
+        return l(O);
+    }), de = p(() => {
+      if (Z)
+        return l(Z);
+    }), me = ue, M = ie, { message: a, applyStyle: ve } = $e(M), {
+      isOpenMenu: E,
+      buttonMenuVisible: pe,
+      showMenu: q,
+      hideMenu: V,
+      clickAction: ge
+    } = je(M.message, me), F = f(!1), o = f(null), b = f(void 0), m = f(!1), h = f(0), v = f(0), y = f(!1), N = f(0), L = [
       {
         text: "1.0x",
         speed: 1
@@ -82,61 +82,72 @@ const Be = ["messageId"], Ue = ["src"], Oe = {
         text: "2.0x",
         speed: 2
       }
-    ], L = v(() => E[F.value] ?? E[0]), ve = () => {
-      m.value = !1, p.value = 0, C.value = 0, h.value = !1, F.value = 0;
+    ], P = p(() => L[N.value] ?? L[0]), _e = (e) => {
+      if (!e) return;
+      const r = e.trim().match(/^(\d+):([0-5]\d)$/);
+      if (!r) return;
+      const i = Number(r[1]), d = Number(r[2]);
+      if (!(Number.isNaN(i) || Number.isNaN(d)))
+        return i * 60 + d;
+    }, z = () => {
+      var e;
+      m.value = !1, v.value = 0, h.value = _e((e = a.value) == null ? void 0 : e.callDuration) ?? 0, y.value = !1, N.value = 0;
     };
-    ee(
+    z(), ae(
       () => {
-        var t;
-        return (t = a.value) == null ? void 0 : t.url;
+        var e;
+        return (e = a.value) == null ? void 0 : e.url;
       },
-      (t, e) => {
-        t !== e && (ve(), o.value && (o.value.pause(), o.value.currentTime = 0, o.value.load()));
+      (e, t) => {
+        e !== t && (z(), b.value = void 0, o.value && (o.value.pause(), o.value.currentTime = 0, o.value.removeAttribute("src"), o.value.load()));
       }
     );
-    const q = (t) => {
-      const e = Math.floor(t / 60), r = Math.floor(t % 60);
-      return `${e.toString().padStart(2, "0")}:${r.toString().padStart(2, "0")}`;
-    }, ge = v(() => q(p.value)), _e = v(() => q(C.value)), z = async () => {
-      if (o.value)
+    const H = (e) => {
+      const t = Math.floor(e / 60), r = Math.floor(e % 60);
+      return `${t.toString().padStart(2, "0")}:${r.toString().padStart(2, "0")}`;
+    }, fe = p(() => H(v.value)), Ce = p(() => H(h.value)), G = async () => {
+      var e;
+      if (!(!o.value || !((e = a.value) != null && e.url)))
         if (m.value)
           o.value.pause(), m.value = !1;
         else
           try {
-            await o.value.play(), m.value = !0;
+            b.value || (b.value = a.value.url, await Pe(), o.value.load()), await o.value.play(), m.value = !0;
           } catch (t) {
             console.error("Не удалось воспроизвести запись звонка", t), m.value = !1;
           }
-    }, fe = () => {
-      F.value = (F.value + 1) % E.length, o.value && (o.value.playbackRate = L.value.speed);
+    }, he = () => {
+      N.value = (N.value + 1) % L.length, o.value && (o.value.playbackRate = P.value.speed);
     };
-    ee(
-      () => p.value,
+    ae(
+      () => v.value,
       () => {
-        o.value && h.value && (o.value.duration !== 1 / 0 && !Number.isNaN(o.value.duration) && (o.value.currentTime = p.value), Math.abs(p.value - C.value) < 0.1 && (m.value = !1));
+        o.value && y.value && (o.value.duration !== 1 / 0 && !Number.isNaN(o.value.duration) && (o.value.currentTime = v.value), Math.abs(v.value - h.value) < 0.1 && (m.value = !1));
       }
     );
-    const H = () => {
-      o.value && h.value && o.value.duration !== 1 / 0 && !Number.isNaN(o.value.duration) && (o.value.currentTime = p.value), h.value = !1;
-    }, Ce = () => {
+    const J = () => {
+      o.value && y.value && o.value.duration !== 1 / 0 && !Number.isNaN(o.value.duration) && (o.value.currentTime = v.value), y.value = !1;
+    }, ye = () => {
       if (!o.value) return;
-      const t = o.value;
-      if (C.value = 0, p.value = t.currentTime || 0, t.duration === 1 / 0 || Number.isNaN(t.duration)) {
-        t.currentTime = 1e101;
-        const e = () => {
-          o.value && (C.value = o.value.duration || 0, p.value = 0, o.value.currentTime = 0);
+      const e = o.value;
+      if (h.value = 0, v.value = e.currentTime || 0, e.duration === 1 / 0 || Number.isNaN(e.duration)) {
+        e.currentTime = 1e101;
+        const t = () => {
+          o.value && (h.value = o.value.duration || 0, v.value = 0, o.value.currentTime = 0);
         };
-        t.addEventListener("timeupdate", e, { once: !0 });
+        e.addEventListener("timeupdate", t, { once: !0 });
       } else
-        C.value = t.duration || 0;
-      t.playbackRate = L.value.speed;
-    }, he = () => {
-      o.value && (h.value || (p.value = o.value.currentTime), o.value.ended && m.value && (m.value = !1));
-    }, ye = () => {
+        h.value = e.duration || 0;
+      e.playbackRate = P.value.speed;
+    }, we = () => {
+      o.value && (y.value || (v.value = o.value.currentTime), o.value.ended && m.value && (m.value = !1));
+    }, be = () => {
       m.value = !1;
-    }, I = v(() => {
-      var t;
-      switch ((t = a.value) == null ? void 0 : t.direction) {
+    }, xe = () => {
+      console.error("Не удалось загрузить запись звонка"), m.value = !1, b.value = void 0, o.value && (o.value.pause(), o.value.currentTime = 0, o.value.removeAttribute("src"), o.value.load());
+    }, I = p(() => {
+      var e;
+      switch ((e = a.value) == null ? void 0 : e.direction) {
         case "incoming":
           return "Входящий";
         case "outgoing":
@@ -144,9 +155,9 @@ const Be = ["messageId"], Ue = ["src"], Oe = {
         default:
           return "Звонок";
       }
-    }), S = v(() => {
-      var t;
-      switch ((t = a.value) == null ? void 0 : t.direction) {
+    }), S = p(() => {
+      var e;
+      switch ((e = a.value) == null ? void 0 : e.direction) {
         case "incoming":
           return "к";
         case "outgoing":
@@ -154,37 +165,37 @@ const Be = ["messageId"], Ue = ["src"], Oe = {
         default:
           return "к";
       }
-    }), G = v(() => {
-      var e, r;
-      const t = (e = a.value) == null ? void 0 : e.isMissedCall;
+    }), K = p(() => {
+      var t, r;
+      const e = (t = a.value) == null ? void 0 : t.isMissedCall;
       switch ((r = a.value) == null ? void 0 : r.direction) {
         case "incoming":
-          return t ? "#F84932" : "#00AC47";
+          return e ? "#F84932" : "#00AC47";
         case "outgoing":
-          return t ? "#5F5F5F" : "#118ABF";
+          return e ? "#5F5F5F" : "#118ABF";
         default:
-          return t ? "#5F5F5F" : "#00AC47";
+          return e ? "#5F5F5F" : "#00AC47";
       }
-    }), we = v(() => {
-      var t;
-      return ((t = a.value) == null ? void 0 : t.direction) === "outgoing" ? "Без ответа" : "Пропущенный";
-    }), J = v(() => {
+    }), ke = p(() => {
+      var e;
+      return ((e = a.value) == null ? void 0 : e.direction) === "outgoing" ? "Без ответа" : "Пропущенный";
+    }), Q = p(() => {
       var g;
-      const t = a.value, e = ue.value, r = ce.value;
-      if (!(t != null && t.dialogId) || !e || !r)
+      const e = a.value, t = ce.value, r = de.value;
+      if (!(e != null && e.dialogId) || !t || !r)
         return null;
-      const u = (g = r.dialogs) == null ? void 0 : g.find((x) => x.dialogId === t.dialogId);
-      if (!(u != null && u.channelId))
+      const i = (g = r.dialogs) == null ? void 0 : g.find((x) => x.dialogId === e.dialogId);
+      if (!(i != null && i.channelId))
         return null;
-      const d = e.find((x) => x.channelId === u.channelId);
+      const d = t.find((x) => x.channelId === i.channelId);
       return (d == null ? void 0 : d.title) || null;
-    }), xe = Le(() => T.message, () => T.subtextTooltipData), K = {
+    }), Te = Be(() => M.message, () => M.subtextTooltipData), X = {
       textDialog: "textDialog",
       message: "message"
     };
-    function Q(t, e) {
-      const r = t.position;
-      switch (e) {
+    function Y(e, t) {
+      const r = e.position;
+      switch (t) {
         case "textDialog":
           return r === "left" ? "call-message__text-dialog-left" : "call-message__text-dialog-right";
         case "message":
@@ -193,11 +204,11 @@ const Be = ["messageId"], Ue = ["src"], Oe = {
           return "";
       }
     }
-    const be = () => {
+    const Me = () => {
       alert("Перезвонить");
-    }, ke = async () => {
-      var t, e, r, u, d;
-      if ((t = a.value) != null && t.url)
+    }, Fe = async () => {
+      var e, t, r, i, d;
+      if ((e = a.value) != null && e.url)
         try {
           const g = await fetch(a.value.url, {
             headers: {
@@ -206,7 +217,7 @@ const Be = ["messageId"], Ue = ["src"], Oe = {
           });
           if (!g.ok)
             throw new Error(`HTTP error! status: ${g.status}`);
-          const x = g.headers.get("content-type") || "", Me = await g.blob(), $ = ((r = (e = a.value.url.split(".").pop()) == null ? void 0 : e.split("?")[0]) == null ? void 0 : r.toLowerCase()) || "", Fe = {
+          const x = g.headers.get("content-type") || "", Ie = await g.blob(), A = ((r = (t = a.value.url.split(".").pop()) == null ? void 0 : t.split("?")[0]) == null ? void 0 : r.toLowerCase()) || "", Se = {
             "audio/mpeg": "mp3",
             "audio/mp3": "mp3",
             "audio/wav": "wav",
@@ -217,261 +228,262 @@ const Be = ["messageId"], Ue = ["src"], Oe = {
             "audio/flac": "flac",
             "audio/m4a": "m4a",
             "audio/x-m4a": "m4a",
-            "application/octet-stream": $ || "mp3"
-          }, X = $ && ["mp3", "wav", "ogg", "webm", "aac", "flac", "m4a"].includes($) ? $ : Fe[x] || "mp3", Y = a.value.url.split("/"), D = decodeURIComponent(((u = Y[Y.length - 1]) == null ? void 0 : u.split("?")[0]) || ""), Ie = D ? D.includes(".") ? D : `${D}.${X}` : `call-${a.value.messageId}.${X}`, W = window.URL.createObjectURL(Me), b = document.createElement("a");
-          b.href = W, b.download = Ie, document.body.appendChild(b), b.click(), document.body.removeChild(b), window.URL.revokeObjectURL(W);
+            "application/octet-stream": A || "mp3"
+          }, W = A && ["mp3", "wav", "ogg", "webm", "aac", "flac", "m4a"].includes(A) ? A : Se[x] || "mp3", ee = a.value.url.split("/"), D = decodeURIComponent(((i = ee[ee.length - 1]) == null ? void 0 : i.split("?")[0]) || ""), Ae = D ? D.includes(".") ? D : `${D}.${W}` : `call-${a.value.messageId}.${W}`, te = window.URL.createObjectURL(Ie), k = document.createElement("a");
+          k.href = te, k.download = Ae, document.body.appendChild(k), k.click(), document.body.removeChild(k), window.URL.revokeObjectURL(te);
         } catch (g) {
           console.error("Ошибка при скачивании аудио звонка:", g), (d = a.value) != null && d.url && window.open(a.value.url, "_blank");
         }
-    }, Te = (t) => {
-      t.action === "download" ? (ke(), A()) : pe(t);
+    }, Ne = (e) => {
+      e.action === "download" ? (Fe(), V()) : ge(e);
     };
-    return (t, e) => {
+    return (e, t) => {
       var r;
       return n(), c("div", {
-        class: te([
-          Q(s(a), K.message),
-          s(de)(s(a))
+        class: le([
+          Y(l(a), X.message),
+          l(ve)(l(a))
         ]),
-        messageId: s(a).messageId,
-        onMouseenter: e[6] || (e[6] = //@ts-ignore
-        (...u) => s(Z) && s(Z)(...u)),
-        onMouseleave: e[7] || (e[7] = //@ts-ignore
-        (...u) => s(A) && s(A)(...u))
+        messageId: l(a).messageId,
+        onMouseenter: t[6] || (t[6] = //@ts-ignore
+        (...i) => l(q) && l(q)(...i)),
+        onMouseleave: t[7] || (t[7] = //@ts-ignore
+        (...i) => l(V) && l(V)(...i))
       }, [
-        s(a).avatar ? (n(), c("img", {
+        l(a).avatar ? (n(), c("img", {
           key: 0,
           class: "call-message__avatar",
-          src: s(a).avatar,
+          src: l(a).avatar,
           height: "32",
           width: "32"
-        }, null, 8, Ue)) : f("", !0),
-        s(a).subText ? (n(), c("p", Oe, [
-          R(le, {
-            text: s(xe),
-            position: s(a).position === "left" ? "right" : "left",
+        }, null, 8, ze)) : C("", !0),
+        l(a).subText ? (n(), c("p", He, [
+          j(ne, {
+            text: l(Te),
+            position: l(a).position === "left" ? "right" : "left",
             offset: 8
           }, {
-            default: N(() => [
-              _(i(s(a).subText), 1)
+            default: $(() => [
+              _(u(l(a).subText), 1)
             ]),
             _: 1
           }, 8, ["text", "position"])
-        ])) : f("", !0),
-        l("div", Ze, [
-          l("div", qe, [
-            l("div", ze, [
-              s(a).direction === "incoming" || !s(a).direction ? (n(), k(Re, {
+        ])) : C("", !0),
+        s("div", Ge, [
+          s("div", Je, [
+            s("div", Ke, [
+              l(a).direction === "incoming" || !l(a).direction ? (n(), T(Oe, {
                 key: 0,
                 class: "call-message__direction-icon",
-                color: G.value
-              }, null, 8, ["color"])) : (n(), k(je, {
+                color: K.value
+              }, null, 8, ["color"])) : (n(), T(Ze, {
                 key: 1,
                 class: "call-message__direction-icon",
-                color: G.value
+                color: K.value
               }, null, 8, ["color"])),
-              J.value ? (n(), k(le, {
+              Q.value ? (n(), T(ne, {
                 key: 2,
-                text: J.value,
+                text: Q.value,
                 position: "top",
                 offset: 8
               }, {
-                default: N(() => [
-                  s(a).isMissedCall ? (n(), c("span", Je, [
-                    _(i(I.value) + " ", 1),
-                    s(a).direction !== "incoming" ? (n(), c(w, { key: 0 }, [
-                      e[8] || (e[8] = _(" звонок ", -1)),
-                      l("span", Ke, i(S.value) + " " + i(s(a).callParticipant), 1)
+                default: $(() => [
+                  l(a).isMissedCall ? (n(), c("span", Ye, [
+                    _(u(I.value) + " ", 1),
+                    l(a).direction !== "incoming" ? (n(), c(w, { key: 0 }, [
+                      t[8] || (t[8] = _(" звонок ", -1)),
+                      s("span", We, u(S.value) + " " + u(l(a).callParticipant), 1)
                     ], 64)) : (n(), c(w, { key: 1 }, [
                       _(" звонок ")
                     ], 64))
-                  ])) : (n(), c("span", He, [
-                    _(i(I.value) + " звонок ", 1),
-                    l("span", Ge, i(S.value) + " " + i(s(a).callParticipant), 1)
+                  ])) : (n(), c("span", Qe, [
+                    _(u(I.value) + " звонок ", 1),
+                    s("span", Xe, u(S.value) + " " + u(l(a).callParticipant), 1)
                   ]))
                 ]),
                 _: 1
               }, 8, ["text"])) : (n(), c(w, { key: 3 }, [
-                s(a).isMissedCall ? (n(), c("span", Ye, [
-                  _(i(I.value) + " ", 1),
-                  s(a).direction !== "incoming" ? (n(), c(w, { key: 0 }, [
-                    e[9] || (e[9] = _(" звонок ", -1)),
-                    l("span", We, i(S.value) + " " + i(s(a).callParticipant), 1)
+                l(a).isMissedCall ? (n(), c("span", at, [
+                  _(u(I.value) + " ", 1),
+                  l(a).direction !== "incoming" ? (n(), c(w, { key: 0 }, [
+                    t[9] || (t[9] = _(" звонок ", -1)),
+                    s("span", lt, u(S.value) + " " + u(l(a).callParticipant), 1)
                   ], 64)) : (n(), c(w, { key: 1 }, [
                     _(" звонок ")
                   ], 64))
-                ])) : (n(), c("span", Qe, [
-                  _(i(I.value) + " звонок ", 1),
-                  l("span", Xe, i(S.value) + " " + i(s(a).callParticipant), 1)
+                ])) : (n(), c("span", et, [
+                  _(u(I.value) + " звонок ", 1),
+                  s("span", tt, u(S.value) + " " + u(l(a).callParticipant), 1)
                 ]))
               ], 64))
             ]),
-            s(a).isMissedCall ? (n(), c("p", et, i(we.value) + ": " + i(s(a).callAttemptDuration), 1)) : f("", !0),
-            s(a).url && !s(a).isMissedCall ? (n(), c("div", tt, [
-              l("audio", {
+            l(a).isMissedCall ? (n(), c("p", st, u(ke.value) + ": " + u(l(a).callAttemptDuration), 1)) : C("", !0),
+            l(a).url && !l(a).isMissedCall ? (n(), c("div", ot, [
+              s("audio", {
                 ref_key: "player",
                 ref: o,
-                src: s(a).url,
+                src: b.value,
                 type: "audio/webm",
-                onLoadedmetadata: Ce,
-                onTimeupdate: he,
-                onEnded: ye
-              }, null, 40, at),
-              j(l("button", {
+                onLoadedmetadata: ye,
+                onTimeupdate: we,
+                onEnded: be,
+                onError: xe
+              }, null, 40, nt),
+              B(s("button", {
                 class: "call-message__audio-play",
                 type: "button",
-                onClick: z
-              }, [...e[10] || (e[10] = [
-                l("div", { class: "call-message__audio-play-icon" }, [
-                  l("svg", {
+                onClick: G
+              }, [...t[10] || (t[10] = [
+                s("div", { class: "call-message__audio-play-icon" }, [
+                  s("svg", {
                     width: "20",
                     height: "23",
                     viewBox: "0 0 20 23",
                     fill: "none",
                     xmlns: "http://www.w3.org/2000/svg"
                   }, [
-                    l("path", {
+                    s("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), [
-                [ae, !m.value]
+                [se, !m.value]
               ]),
-              j(l("button", {
+              B(s("button", {
                 class: "call-message__audio-pause",
                 type: "button",
-                onClick: z
-              }, [...e[11] || (e[11] = [
-                l("div", { class: "call-message__audio-pause-icon" }, [
-                  l("svg", {
+                onClick: G
+              }, [...t[11] || (t[11] = [
+                s("div", { class: "call-message__audio-pause-icon" }, [
+                  s("svg", {
                     width: "20",
                     height: "23",
                     viewBox: "0 0 20 23",
                     fill: "none",
                     xmlns: "http://www.w3.org/2000/svg"
                   }, [
-                    l("path", {
+                    s("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 0 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), [
-                [ae, m.value]
+                [se, m.value]
               ]),
-              l("div", st, [
-                l("div", lt, [
-                  j(l("input", {
-                    "onUpdate:modelValue": e[0] || (e[0] = (u) => p.value = u),
+              s("div", it, [
+                s("div", ut, [
+                  B(s("input", {
+                    "onUpdate:modelValue": t[0] || (t[0] = (i) => v.value = i),
                     class: "call-message__audio-slider",
                     type: "range",
                     min: 0,
-                    max: C.value,
+                    max: h.value,
                     step: "0.1",
-                    onMousedown: e[1] || (e[1] = (u) => h.value = !0),
-                    onMouseup: H,
-                    onTouchstartPassive: e[2] || (e[2] = (u) => h.value = !0),
-                    onTouchendPassive: H
-                  }, null, 40, ot), [
-                    [De, p.value]
+                    onMousedown: t[1] || (t[1] = (i) => y.value = !0),
+                    onMouseup: J,
+                    onTouchstartPassive: t[2] || (t[2] = (i) => y.value = !0),
+                    onTouchendPassive: J
+                  }, null, 40, rt), [
+                    [Ee, v.value]
                   ]),
-                  l("button", {
+                  s("button", {
                     type: "button",
                     class: "call-message__audio-speed-btn",
-                    onClick: fe
-                  }, i(L.value.text), 1)
+                    onClick: he
+                  }, u(P.value.text), 1)
                 ]),
-                l("div", nt, [
-                  l("span", null, i(ge.value), 1),
-                  l("span", null, i(_e.value), 1)
+                s("div", ct, [
+                  s("span", null, u(fe.value), 1),
+                  s("span", null, u(Ce.value), 1)
                 ])
               ])
-            ])) : f("", !0)
+            ])) : C("", !0)
           ]),
-          l("div", it, [
-            l("button", {
+          s("div", dt, [
+            s("button", {
               class: "call-message__call-button",
               type: "button",
-              onClick: be
+              onClick: Me
             }, " Нажмите, чтобы перезвонить "),
-            l("span", ut, i(s(a).time), 1)
+            s("span", mt, u(l(a).time), 1)
           ]),
-          (r = s(a).transcript) != null && r.dialog ? (n(), c("button", {
+          (r = l(a).transcript) != null && r.dialog ? (n(), c("button", {
             key: 0,
             class: "call-message__download-button",
-            onClick: e[3] || (e[3] = (u) => M.value = !M.value)
-          }, [...e[12] || (e[12] = [
-            l("span", { class: "pi pi-arrow-up-right" }, null, -1)
-          ])])) : f("", !0),
-          s(me) && s(a).actions ? (n(), c("button", {
+            onClick: t[3] || (t[3] = (i) => F.value = !F.value)
+          }, [...t[12] || (t[12] = [
+            s("span", { class: "pi pi-arrow-up-right" }, null, -1)
+          ])])) : C("", !0),
+          l(pe) && l(a).actions ? (n(), c("button", {
             key: 1,
             class: "call-message__menu-button",
-            onClick: e[4] || (e[4] = (u) => V.value = !s(V))
-          }, [...e[13] || (e[13] = [
-            l("svg", {
+            onClick: t[4] || (t[4] = (i) => E.value = !l(E))
+          }, [...t[13] || (t[13] = [
+            s("svg", {
               width: "4",
               height: "17",
               viewBox: "0 0 4 17",
               fill: "none",
               xmlns: "http://www.w3.org/2000/svg"
             }, [
-              l("path", {
+              s("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),
-          R(se, null, {
-            default: N(() => [
-              s(V) && s(a).actions ? (n(), k(Pe, {
+          ])])) : C("", !0),
+          j(oe, null, {
+            default: $(() => [
+              l(E) && l(a).actions ? (n(), T(Ue, {
                 key: 0,
                 class: "call-message__context-menu",
-                actions: s(a).actions,
-                onClick: Te
-              }, null, 8, ["actions"])) : f("", !0)
+                actions: l(a).actions,
+                onClick: Ne
+              }, null, 8, ["actions"])) : C("", !0)
             ]),
             _: 1
           }),
-          (n(), k(Ne, { to: "body" }, [
-            R(se, { name: "modal-fade" }, {
-              default: N(() => {
-                var u;
+          (n(), T(Ve, { to: "body" }, [
+            j(oe, { name: "modal-fade" }, {
+              default: $(() => {
+                var i;
                 return [
-                  M.value ? (n(), c("div", {
+                  F.value ? (n(), c("div", {
                     key: 0,
                     class: "call-message__modal-overlay",
-                    "data-theme": s(B)().theme ? s(B)().theme : "light"
+                    "data-theme": l(U)().theme ? l(U)().theme : "light"
                   }, [
-                    l("div", rt, [
-                      l("button", {
+                    s("div", pt, [
+                      s("button", {
                         class: "call-message__modal-close-button",
-                        onClick: e[5] || (e[5] = (d) => M.value = !1)
-                      }, [...e[14] || (e[14] = [
-                        l("span", null, [
-                          l("i", { class: "pi pi-times" })
+                        onClick: t[5] || (t[5] = (d) => F.value = !1)
+                      }, [...t[14] || (t[14] = [
+                        s("span", null, [
+                          s("i", { class: "pi pi-times" })
                         ], -1)
                       ])]),
-                      (n(!0), c(w, null, Ve((u = s(a).transcript) == null ? void 0 : u.dialog, (d) => (n(), c("div", {
+                      (n(!0), c(w, null, Le((i = l(a).transcript) == null ? void 0 : i.dialog, (d) => (n(), c("div", {
                         key: d.time,
-                        class: te(Q(d, K.textDialog))
+                        class: le(Y(d, X.textDialog))
                       }, [
-                        l("p", null, i(d.text), 1),
-                        l("span", null, i(d.time), 1)
+                        s("p", null, u(d.text), 1),
+                        s("span", null, u(d.time), 1)
                       ], 2))), 128))
                     ])
-                  ], 8, ct)) : f("", !0)
+                  ], 8, vt)) : C("", !0)
                 ];
               }),
               _: 1
             })
           ]))
         ])
-      ], 42, Be);
+      ], 42, qe);
     };
   }
 });
 export {
-  Ft as default
+  At as default
 };