@mobilon-dev/chotto 0.3.85 → 0.3.87

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

@@ -1,53 +1,62 @@
-import { defineComponent as He, inject as re, computed as r, unref as l, toRefs as Ge, ref as g, watch as ce, createElementBlock as i, openBlock as n, normalizeClass as G, createCommentVNode as f, createElementVNode as o, createVNode as Y, withCtx as V, createTextVNode as h, toDisplayString as d, createBlock as $, Fragment as x, withDirectives as Z, vShow as de, vModelText as Ye, Transition as me, nextTick as Ze } from "vue";
-import { useMessageActions as qe } from "../../../hooks/messages/useMessageActions.js";
+import { defineComponent as We, inject as Y, computed as r, unref as a, toRefs as et, ref as g, watch as de, createElementBlock as u, openBlock as n, normalizeClass as Z, createCommentVNode as p, createElementVNode as o, createVNode as P, withCtx as $, createTextVNode as b, toDisplayString as c, Fragment as y, createBlock as T, withDirectives as q, vShow as me, vModelText as tt, Transition as ve, Teleport as at, normalizeStyle as st, nextTick as lt } from "vue";
+import { useMessageActions as nt } from "../../../hooks/messages/useMessageActions.js";
+import { useMessageMenuActions as ot } from "../../../hooks/messages/useMessageMenuActions.js";
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../node_modules/linkify-string/dist/linkify-string.js";
 import "../../../functions/parseMarkdown.js";
 import "../../../hooks/useEmojiNative.js";
-import { useSubtextTooltip as ze } from "../../../hooks/messages/useSubtextTooltip.js";
+import { useSubtextTooltip as ut } 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";
 /* empty css                              */
 /* empty css                                              */
-import Je from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
-import ve from "../../1_atoms/Tooltip/Tooltip.vue.js";
-import Ke from "./icons/IncomingCallIcon.vue.js";
-import Qe from "./icons/OutgoingCallIcon.vue.js";
-const Xe = ["messageId"], We = ["src"], et = {
+import "../../../locale/useLocale.js";
+/* empty css                                                            */
+import { buildReplyPayload as rt } from "../../../hooks/messages/buildReplyPayload.js";
+import ct from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
+import pe from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import dt from "../DeletedMessageContent/DeletedMessageContent.vue.js";
+import mt from "./icons/IncomingCallIcon.vue.js";
+import vt from "./icons/OutgoingCallIcon.vue.js";
+const pt = ["messageId"], _t = ["src"], ft = {
   key: 1,
   class: "call-message__subtext"
-}, tt = { class: "call-message__content" }, at = { class: "call-message__header-container" }, st = { class: "call-message__title-wrapper" }, lt = {
+}, gt = { class: "call-message__content" }, yt = { class: "call-message__info-container" }, ht = {
+  key: 0,
+  class: "call-message__time"
+}, Ct = { class: "call-message__header-container" }, xt = { class: "call-message__title-wrapper" }, bt = {
   key: 0,
   class: "call-message__title"
-}, nt = {
+}, wt = {
   key: 1,
   class: "call-message__title call-message__title--missed"
-}, ot = {
+}, kt = {
   key: 0,
   class: "call-message__title"
-}, ut = {
+}, Mt = {
   key: 1,
   class: "call-message__title call-message__title--missed"
-}, it = {
+}, Tt = {
   key: 0,
   class: "call-message__missed-info"
-}, rt = {
+}, Rt = {
   key: 1,
   class: "call-message__audio-wrapper"
-}, ct = ["src"], dt = { class: "call-message__audio-progress" }, mt = { class: "call-message__audio-progress-bar" }, vt = ["max"], pt = { class: "call-message__audio-time" }, _t = { class: "call-message__info-container" }, ft = { class: "call-message__actions" }, gt = { class: "call-message__time" }, yt = {
+}, Nt = ["src"], It = { class: "call-message__audio-progress" }, St = { class: "call-message__audio-progress-bar" }, At = ["max"], Et = { class: "call-message__audio-time" }, Ft = { class: "call-message__info-container" }, Ot = { class: "call-message__actions" }, Dt = { class: "call-message__time" }, Lt = {
   key: 0,
   class: "call-message__expand-panel"
-}, Ct = { class: "call-message__expand-inner" }, ht = {
+}, Ut = { class: "call-message__expand-inner" }, Vt = {
   key: 0,
   class: "call-message__expand-placeholder"
-}, xt = ["innerHTML"], bt = {
+}, Pt = ["innerHTML"], $t = {
   key: 1,
   class: "call-message__expand-plain"
-}, wt = {
+}, jt = {
   key: 0,
   class: "call-message__expand-placeholder"
-}, kt = ["innerHTML"], Tt = { class: "call-message__expand-close-wrap" }, Mt = "RECOGNITION_READY", Nt = "SUMMARY_READY", Yt = /* @__PURE__ */ He({
+}, Bt = ["innerHTML"], Ht = { class: "call-message__expand-close-wrap" }, Gt = "RECOGNITION_READY", Yt = "SUMMARY_READY", _a = /* @__PURE__ */ We({
   __name: "CallMessage",
   props: {
     message: {
@@ -74,54 +83,63 @@ const Xe = ["messageId"], We = ["src"], et = {
     }
   },
   emits: ["action", "reply", "call"],
-  setup(pe, { emit: _e }) {
-    const q = re("channels", void 0), z = re("selectedChat", void 0), fe = r(() => {
-      if (q)
-        return l(q);
-    }), ge = r(() => {
+  setup(_e, { emit: fe }) {
+    const z = Y("channels", void 0), J = Y("selectedChat", void 0), ge = r(() => {
       if (z)
-        return l(z);
-    }), M = _e, b = pe, { message: a, applyStyle: ye } = Ge(b), N = r(() => {
-      const e = a.value;
+        return a(z);
+    }), ye = r(() => {
+      if (J)
+        return a(J);
+    }), R = fe, { menuActions: j } = ot(() => h.message), he = Y("chatAppId"), { startReply: Ce } = it(he || ""), h = _e, { message: s, applyStyle: xe } = et(h), N = r(() => {
+      const e = s.value;
       return e.url ? e.url : typeof e.recordUrl == "string" ? e.recordUrl : void 0;
     }), {
-      isOpenMenu: P,
-      buttonMenuVisible: Ce,
-      showMenu: J,
-      hideMenu: j,
-      clickAction: he
-    } = qe(b.message, M), p = g(null), I = r(() => {
+      isOpenMenu: be,
+      buttonMenuVisible: we,
+      menuAnchorRef: ke,
+      menuRef: Me,
+      menuStyle: Te,
+      menuTheme: Re,
+      showMenu: K,
+      hideMenu: B,
+      toggleMenu: Q,
+      onMenuMouseEnter: Ne,
+      onMenuMouseLeave: Ie,
+      clickAction: Se
+    } = nt(h.message, R, {
+      onReply: () => Ce(rt(h.message, "message.call"))
+    }), _ = g(null), I = r(() => {
       var t;
-      const e = (t = a.value) == null ? void 0 : t.transcript;
+      const e = (t = s.value) == null ? void 0 : t.transcript;
       return !e || typeof e != "object" ? null : e;
-    }), R = r(() => {
+    }), S = r(() => {
       var t;
-      const e = (t = a.value) == null ? void 0 : t.summary;
+      const e = (t = s.value) == null ? void 0 : t.summary;
       return !e || typeof e != "object" ? null : e;
-    }), K = r(() => {
+    }), X = r(() => {
       var t;
       const e = (t = I.value) == null ? void 0 : t.html;
       return typeof e != "string" ? "" : e.trim();
-    }), Q = r(() => {
+    }), W = r(() => {
       var t;
-      const e = (t = R.value) == null ? void 0 : t.html;
+      const e = (t = S.value) == null ? void 0 : t.html;
       return typeof e != "string" ? "" : e.trim();
-    }), X = r(() => {
+    }), ee = r(() => {
       var e;
-      return ((e = I.value) == null ? void 0 : e.status) === Mt && K.value.length > 0;
-    }), W = r(() => {
+      return ((e = I.value) == null ? void 0 : e.status) === Gt && X.value.length > 0;
+    }), te = r(() => {
       var e;
-      return ((e = R.value) == null ? void 0 : e.status) === Nt && Q.value.length > 0;
-    }), E = g({
+      return ((e = S.value) == null ? void 0 : e.status) === Yt && W.value.length > 0;
+    }), A = g({
       text: !1,
       summary: !1
-    }), S = r(() => {
+    }), E = r(() => {
       var e, t;
-      return !!((e = I.value) != null && e.status) && !((t = a.value) != null && t.isMissedCall);
+      return !!((e = I.value) != null && e.status) && !((t = s.value) != null && t.isMissedCall);
     }), F = r(() => {
       var e, t;
-      return !!((e = R.value) != null && e.status) && !((t = a.value) != null && t.isMissedCall);
-    }), xe = r(() => p.value === "text" ? S.value : p.value === "summary" ? F.value : !1), be = r(() => {
+      return !!((e = S.value) != null && e.status) && !((t = s.value) != null && t.isMissedCall);
+    }), Ae = r(() => _.value === "text" ? E.value : _.value === "summary" ? F.value : !1), Ee = r(() => {
       var e;
       switch ((e = I.value) == null ? void 0 : e.status) {
         case "RECOGNITION_PLANNED":
@@ -133,9 +151,9 @@ const Xe = ["messageId"], We = ["src"], et = {
         default:
           return "Текст звонка недоступен";
       }
-    }), we = r(() => {
+    }), Fe = r(() => {
       var e;
-      switch ((e = R.value) == null ? void 0 : e.status) {
+      switch ((e = S.value) == null ? void 0 : e.status) {
         case "SUMMARY_PLANNED":
           return "Формируем резюме, пожалуйста подождите...";
         case "SUMMARY_ERROR":
@@ -145,7 +163,7 @@ const Xe = ["messageId"], We = ["src"], et = {
         default:
           return "Резюме недоступно";
       }
-    }), s = g(null), w = g(void 0), m = g(!1), y = g(0), v = g(0), C = g(!1), O = g(0), B = [
+    }), l = g(null), w = g(void 0), m = g(!1), C = g(0), v = g(0), x = g(!1), O = g(0), H = [
       {
         text: "1.0x",
         speed: 1
@@ -162,69 +180,69 @@ const Xe = ["messageId"], We = ["src"], et = {
         text: "2.0x",
         speed: 2
       }
-    ], H = r(() => B[O.value] ?? B[0]), ke = (e) => {
+    ], G = r(() => H[O.value] ?? H[0]), Oe = (e) => {
       if (!e) return;
-      const u = e.trim().match(/^(\d+):([0-5]\d)$/);
-      if (!u) return;
-      const _ = Number(u[1]), c = Number(u[2]);
-      if (!(Number.isNaN(_) || Number.isNaN(c)))
-        return _ * 60 + c;
-    }, ee = () => {
+      const i = e.trim().match(/^(\d+):([0-5]\d)$/);
+      if (!i) return;
+      const f = Number(i[1]), d = Number(i[2]);
+      if (!(Number.isNaN(f) || Number.isNaN(d)))
+        return f * 60 + d;
+    }, ae = () => {
       var e;
-      m.value = !1, v.value = 0, y.value = ke((e = a.value) == null ? void 0 : e.callDuration) ?? 0, C.value = !1, O.value = 0;
+      m.value = !1, v.value = 0, C.value = Oe((e = s.value) == null ? void 0 : e.callDuration) ?? 0, x.value = !1, O.value = 0;
     };
-    ee(), ce(
+    ae(), de(
       N,
       (e, t) => {
-        e !== t && (ee(), w.value = void 0, s.value && (s.value.pause(), s.value.currentTime = 0, s.value.removeAttribute("src"), s.value.load()));
+        e !== t && (ae(), w.value = void 0, l.value && (l.value.pause(), l.value.currentTime = 0, l.value.removeAttribute("src"), l.value.load()));
       }
     );
-    const te = (e) => {
-      const t = Math.floor(e / 60), u = Math.floor(e % 60);
-      return `${t.toString().padStart(2, "0")}:${u.toString().padStart(2, "0")}`;
-    }, Te = r(() => te(v.value)), Me = r(() => te(y.value)), ae = async () => {
+    const se = (e) => {
+      const t = Math.floor(e / 60), i = Math.floor(e % 60);
+      return `${t.toString().padStart(2, "0")}:${i.toString().padStart(2, "0")}`;
+    }, De = r(() => se(v.value)), Le = r(() => se(C.value)), le = async () => {
       const e = N.value;
-      if (!(!s.value || !e))
+      if (!(!l.value || !e))
         if (m.value)
-          s.value.pause(), m.value = !1;
+          l.value.pause(), m.value = !1;
         else
           try {
-            w.value || (w.value = e, await Ze(), s.value.load()), await s.value.play(), m.value = !0;
+            w.value || (w.value = e, await lt(), l.value.load()), await l.value.play(), m.value = !0;
           } catch (t) {
             console.error("Не удалось воспроизвести запись звонка", t), m.value = !1;
           }
-    }, Ne = () => {
-      O.value = (O.value + 1) % B.length, s.value && (s.value.playbackRate = H.value.speed);
+    }, Ue = () => {
+      O.value = (O.value + 1) % H.length, l.value && (l.value.playbackRate = G.value.speed);
     };
-    ce(
+    de(
       () => v.value,
       () => {
-        s.value && C.value && (s.value.duration !== 1 / 0 && !Number.isNaN(s.value.duration) && (s.value.currentTime = v.value), Math.abs(v.value - y.value) < 0.1 && (m.value = !1));
+        l.value && x.value && (l.value.duration !== 1 / 0 && !Number.isNaN(l.value.duration) && (l.value.currentTime = v.value), Math.abs(v.value - C.value) < 0.1 && (m.value = !1));
       }
     );
-    const se = () => {
-      s.value && C.value && s.value.duration !== 1 / 0 && !Number.isNaN(s.value.duration) && (s.value.currentTime = v.value), C.value = !1;
-    }, Ie = () => {
-      if (!s.value) return;
-      const e = s.value;
-      if (y.value = 0, v.value = e.currentTime || 0, e.duration === 1 / 0 || Number.isNaN(e.duration)) {
+    const ne = () => {
+      l.value && x.value && l.value.duration !== 1 / 0 && !Number.isNaN(l.value.duration) && (l.value.currentTime = v.value), x.value = !1;
+    }, Ve = () => {
+      if (!l.value) return;
+      const e = l.value;
+      if (C.value = 0, v.value = e.currentTime || 0, e.duration === 1 / 0 || Number.isNaN(e.duration)) {
         e.currentTime = 1e101;
         const t = () => {
-          s.value && (y.value = s.value.duration || 0, v.value = 0, s.value.currentTime = 0);
+          l.value && (C.value = l.value.duration || 0, v.value = 0, l.value.currentTime = 0);
         };
         e.addEventListener("timeupdate", t, { once: !0 });
       } else
-        y.value = e.duration || 0;
-      e.playbackRate = H.value.speed;
-    }, Re = () => {
-      s.value && (C.value || (v.value = s.value.currentTime), s.value.ended && m.value && (m.value = !1));
-    }, Ee = () => {
+        C.value = e.duration || 0;
+      e.playbackRate = G.value.speed;
+    }, Pe = () => {
+      l.value && (x.value || (v.value = l.value.currentTime), l.value.ended && m.value && (m.value = !1));
+    }, $e = () => {
       m.value = !1;
-    }, Se = () => {
-      console.error("Не удалось загрузить запись звонка"), m.value = !1, w.value = void 0, s.value && (s.value.pause(), s.value.currentTime = 0, s.value.removeAttribute("src"), s.value.load());
-    }, A = r(() => {
+    }, je = () => {
+      console.error("Не удалось загрузить запись звонка"), m.value = !1, w.value = void 0, l.value && (l.value.pause(), l.value.currentTime = 0, l.value.removeAttribute("src"), l.value.load());
+    }, D = r(() => {
       var e;
-      switch ((e = a.value) == null ? void 0 : e.direction) {
+      switch ((e = s.value) == null ? void 0 : e.direction) {
         case "incoming":
           return "Входящий";
         case "outgoing":
@@ -232,10 +250,10 @@ const Xe = ["messageId"], We = ["src"], et = {
         default:
           return "Звонок";
       }
-    }), le = r(() => {
-      var t, u;
-      const e = (t = a.value) == null ? void 0 : t.isMissedCall;
-      switch ((u = a.value) == null ? void 0 : u.direction) {
+    }), oe = r(() => {
+      var t, i;
+      const e = (t = s.value) == null ? void 0 : t.isMissedCall;
+      switch ((i = s.value) == null ? void 0 : i.direction) {
         case "incoming":
           return e ? "#F84932" : "#00AC47";
         case "outgoing":
@@ -243,58 +261,58 @@ const Xe = ["messageId"], We = ["src"], et = {
         default:
           return e ? "#5F5F5F" : "#00AC47";
       }
-    }), Fe = r(() => {
+    }), Be = r(() => {
       var e;
-      return ((e = a.value) == null ? void 0 : e.direction) === "outgoing" ? "Без ответа" : "Пропущенный";
-    }), ne = r(() => {
-      var D;
-      const e = a.value, t = fe.value, u = ge.value;
-      if (!(e != null && e.dialogId) || !t || !u)
+      return ((e = s.value) == null ? void 0 : e.direction) === "outgoing" ? "Без ответа" : "Пропущенный";
+    }), ue = r(() => {
+      var L;
+      const e = s.value, t = ge.value, i = ye.value;
+      if (!(e != null && e.dialogId) || !t || !i)
         return null;
-      const _ = (D = u.dialogs) == null ? void 0 : D.find((k) => k.dialogId === e.dialogId);
-      if (!(_ != null && _.channelId))
+      const f = (L = i.dialogs) == null ? void 0 : L.find((k) => k.dialogId === e.dialogId);
+      if (!(f != null && f.channelId))
         return null;
-      const c = t.find((k) => k.channelId === _.channelId);
-      return (c == null ? void 0 : c.title) || null;
-    }), Oe = ze(() => b.message, () => b.subtextTooltipData), Ae = {
+      const d = t.find((k) => k.channelId === f.channelId);
+      return (d == null ? void 0 : d.title) || null;
+    }), He = ut(() => h.message, () => h.subtextTooltipData), Ge = {
       message: "message"
     };
-    function De(e, t) {
-      const u = e.position;
+    function Ye(e, t) {
+      const i = e.position;
       switch (t) {
         case "message":
-          return u === "left" ? "call-message__left" : "call-message__right";
+          return i === "left" ? "call-message__left" : "call-message__right";
         default:
           return "";
       }
     }
-    const Le = () => {
-      if (typeof b.onCall == "function") {
-        b.onCall(a.value);
+    const Ze = () => {
+      if (typeof h.onCall == "function") {
+        h.onCall(s.value);
         return;
       }
-      M("call", { message: a.value });
-    }, Ue = () => {
-      if (!S.value) return;
-      const e = p.value === "text" ? null : "text";
-      p.value = e, e === "text" && !X.value && !E.value.text && (E.value.text = !0, M("action", { action: "fetchTranscript", messageId: a.value.messageId }));
-    }, Ve = () => {
+      R("call", { message: s.value });
+    }, qe = () => {
+      if (!E.value) return;
+      const e = _.value === "text" ? null : "text";
+      _.value = e, e === "text" && !ee.value && !A.value.text && (A.value.text = !0, R("action", { action: "fetchTranscript", messageId: s.value.messageId }));
+    }, ze = () => {
       if (!F.value) return;
-      const e = p.value === "summary" ? null : "summary";
-      p.value = e, e === "summary" && !W.value && !E.value.summary && (E.value.summary = !0, M("action", { action: "fetchCallSummary", messageId: a.value.messageId }));
-    }, $e = async () => {
-      var t, u, _;
+      const e = _.value === "summary" ? null : "summary";
+      _.value = e, e === "summary" && !te.value && !A.value.summary && (A.value.summary = !0, R("action", { action: "fetchCallSummary", messageId: s.value.messageId }));
+    }, Je = async () => {
+      var t, i, f;
       const e = N.value;
       if (e)
         try {
-          const c = await fetch(e, {
+          const d = await fetch(e, {
             headers: {
               Accept: "audio/*"
             }
           });
-          if (!c.ok)
-            throw new Error(`HTTP error! status: ${c.status}`);
-          const D = c.headers.get("content-type") || "", k = await c.blob(), L = ((u = (t = e.split(".").pop()) == null ? void 0 : t.split("?")[0]) == null ? void 0 : u.toLowerCase()) || "", je = {
+          if (!d.ok)
+            throw new Error(`HTTP error! status: ${d.status}`);
+          const L = d.headers.get("content-type") || "", k = await d.blob(), U = ((i = (t = e.split(".").pop()) == null ? void 0 : t.split("?")[0]) == null ? void 0 : i.toLowerCase()) || "", Qe = {
             "audio/mpeg": "mp3",
             "audio/mp3": "mp3",
             "audio/wav": "wav",
@@ -305,261 +323,279 @@ const Xe = ["messageId"], We = ["src"], et = {
             "audio/flac": "flac",
             "audio/m4a": "m4a",
             "audio/x-m4a": "m4a",
-            "application/octet-stream": L || "mp3"
-          }, oe = L && ["mp3", "wav", "ogg", "webm", "aac", "flac", "m4a"].includes(L) ? L : je[D] || "mp3", ue = e.split("/"), U = decodeURIComponent(((_ = ue[ue.length - 1]) == null ? void 0 : _.split("?")[0]) || ""), Be = U ? U.includes(".") ? U : `${U}.${oe}` : `call-${a.value.messageId}.${oe}`, ie = window.URL.createObjectURL(k), T = document.createElement("a");
-          T.href = ie, T.download = Be, document.body.appendChild(T), T.click(), document.body.removeChild(T), window.URL.revokeObjectURL(ie);
-        } catch (c) {
-          console.error("Ошибка при скачивании аудио звонка:", c), e && window.open(e, "_blank");
+            "application/octet-stream": U || "mp3"
+          }, ie = U && ["mp3", "wav", "ogg", "webm", "aac", "flac", "m4a"].includes(U) ? U : Qe[L] || "mp3", re = e.split("/"), V = decodeURIComponent(((f = re[re.length - 1]) == null ? void 0 : f.split("?")[0]) || ""), Xe = V ? V.includes(".") ? V : `${V}.${ie}` : `call-${s.value.messageId}.${ie}`, ce = window.URL.createObjectURL(k), M = document.createElement("a");
+          M.href = ce, M.download = Xe, document.body.appendChild(M), M.click(), document.body.removeChild(M), window.URL.revokeObjectURL(ce);
+        } catch (d) {
+          console.error("Ошибка при скачивании аудио звонка:", d), e && window.open(e, "_blank");
         }
-    }, Pe = (e) => {
-      e.action === "download" ? ($e(), j()) : he(e);
+    }, Ke = (e) => {
+      e.action === "download" ? (Je(), B()) : Se(e);
     };
-    return (e, t) => (n(), i("div", {
-      class: G([
-        De(l(a), Ae.message),
-        l(ye)(l(a))
+    return (e, t) => (n(), u("div", {
+      ref_key: "menuAnchorRef",
+      ref: ke,
+      class: Z([
+        Ye(a(s), Ge.message),
+        a(xe)(a(s))
       ]),
-      messageId: l(a).messageId,
+      messageId: a(s).messageId,
       onMouseenter: t[5] || (t[5] = //@ts-ignore
-      (...u) => l(J) && l(J)(...u)),
+      (...i) => a(K) && a(K)(...i)),
       onMouseleave: t[6] || (t[6] = //@ts-ignore
-      (...u) => l(j) && l(j)(...u))
+      (...i) => a(B) && a(B)(...i))
     }, [
-      l(a).avatar ? (n(), i("img", {
+      a(s).avatar ? (n(), u("img", {
         key: 0,
         class: "call-message__avatar",
-        src: l(a).avatar,
+        src: a(s).avatar,
         height: "32",
         width: "32"
-      }, null, 8, We)) : f("", !0),
-      l(a).subText ? (n(), i("p", et, [
-        Y(ve, {
-          text: l(Oe),
-          position: l(a).position === "left" ? "right" : "left",
+      }, null, 8, _t)) : p("", !0),
+      a(s).subText ? (n(), u("p", ft, [
+        P(pe, {
+          text: a(He),
+          position: a(s).position === "left" ? "right" : "left",
           offset: 8
         }, {
-          default: V(() => [
-            h(d(l(a).subText), 1)
+          default: $(() => [
+            b(c(a(s).subText), 1)
           ]),
           _: 1
         }, 8, ["text", "position"])
-      ])) : f("", !0),
-      o("div", tt, [
-        o("div", at, [
-          o("div", st, [
-            l(a).direction === "incoming" || !l(a).direction ? (n(), $(Ke, {
-              key: 0,
-              class: "call-message__direction-icon",
-              color: le.value
-            }, null, 8, ["color"])) : (n(), $(Qe, {
-              key: 1,
-              class: "call-message__direction-icon",
-              color: le.value
-            }, null, 8, ["color"])),
-            ne.value ? (n(), $(ve, {
-              key: 2,
-              text: ne.value,
-              position: "top",
-              offset: 8
-            }, {
-              default: V(() => [
-                l(a).isMissedCall ? (n(), i("span", nt, [
-                  h(d(A.value) + " ", 1),
-                  l(a).direction !== "incoming" ? (n(), i(x, { key: 0 }, [
-                    h(" звонок ")
-                  ], 64)) : (n(), i(x, { key: 1 }, [
-                    h(" звонок ")
+      ])) : p("", !0),
+      o("div", gt, [
+        a(s).deleted ? (n(), u(y, { key: 0 }, [
+          P(dt),
+          o("div", yt, [
+            a(s).time ? (n(), u("span", ht, c(a(s).time), 1)) : p("", !0)
+          ])
+        ], 64)) : (n(), u(y, { key: 1 }, [
+          o("div", Ct, [
+            o("div", xt, [
+              a(s).direction === "incoming" || !a(s).direction ? (n(), T(mt, {
+                key: 0,
+                class: "call-message__direction-icon",
+                color: oe.value
+              }, null, 8, ["color"])) : (n(), T(vt, {
+                key: 1,
+                class: "call-message__direction-icon",
+                color: oe.value
+              }, null, 8, ["color"])),
+              ue.value ? (n(), T(pe, {
+                key: 2,
+                text: ue.value,
+                position: "top",
+                offset: 8
+              }, {
+                default: $(() => [
+                  a(s).isMissedCall ? (n(), u("span", wt, [
+                    b(c(D.value) + " ", 1),
+                    a(s).direction !== "incoming" ? (n(), u(y, { key: 0 }, [
+                      b(" звонок ")
+                    ], 64)) : (n(), u(y, { key: 1 }, [
+                      b(" звонок ")
+                    ], 64))
+                  ])) : (n(), u("span", bt, c(D.value) + " звонок ", 1))
+                ]),
+                _: 1
+              }, 8, ["text"])) : (n(), u(y, { key: 3 }, [
+                a(s).isMissedCall ? (n(), u("span", Mt, [
+                  b(c(D.value) + " ", 1),
+                  a(s).direction !== "incoming" ? (n(), u(y, { key: 0 }, [
+                    b(" звонок ")
+                  ], 64)) : (n(), u(y, { key: 1 }, [
+                    b(" звонок ")
                   ], 64))
-                ])) : (n(), i("span", lt, d(A.value) + " звонок ", 1))
-              ]),
-              _: 1
-            }, 8, ["text"])) : (n(), i(x, { key: 3 }, [
-              l(a).isMissedCall ? (n(), i("span", ut, [
-                h(d(A.value) + " ", 1),
-                l(a).direction !== "incoming" ? (n(), i(x, { key: 0 }, [
-                  h(" звонок ")
-                ], 64)) : (n(), i(x, { key: 1 }, [
-                  h(" звонок ")
-                ], 64))
-              ])) : (n(), i("span", ot, d(A.value) + " звонок ", 1))
-            ], 64))
-          ]),
-          l(a).isMissedCall ? (n(), i("p", it, d(Fe.value) + ": " + d(l(a).callAttemptDuration), 1)) : f("", !0),
-          N.value && !l(a).isMissedCall ? (n(), i("div", rt, [
-            o("audio", {
-              ref_key: "player",
-              ref: s,
-              src: w.value,
-              type: "audio/webm",
-              onLoadedmetadata: Ie,
-              onTimeupdate: Re,
-              onEnded: Ee,
-              onError: Se
-            }, null, 40, ct),
-            Z(o("button", {
-              class: "call-message__audio-play",
-              type: "button",
-              onClick: ae
-            }, [...t[7] || (t[7] = [
-              o("div", { class: "call-message__audio-play-icon" }, [
-                o("svg", {
-                  width: "20",
-                  height: "23",
-                  viewBox: "0 0 20 23",
-                  fill: "none",
-                  xmlns: "http://www.w3.org/2000/svg"
-                }, [
-                  o("path", {
-                    d: "M18.99 12.9934L3.0825 22.2234C1.7325 23.0059 0 22.0584 0 20.4809V2.02087C0 0.44587 1.73 -0.50413 3.0825 0.28087L18.99 9.51087C19.2971 9.68618 19.5524 9.93959 19.7299 10.2454C19.9075 10.5512 20.001 10.8985 20.001 11.2521C20.001 11.6057 19.9075 11.953 19.7299 12.2589C19.5524 12.5647 19.2971 12.8181 18.99 12.9934Z",
-                    fill: "#5F5F5F"
-                  })
-                ])
-              ], -1)
-            ])], 512), [
-              [de, !m.value]
-            ]),
-            Z(o("button", {
-              class: "call-message__audio-pause",
-              type: "button",
-              onClick: ae
-            }, [...t[8] || (t[8] = [
-              o("div", { class: "call-message__audio-pause-icon" }, [
-                o("svg", {
-                  width: "20",
-                  height: "23",
-                  viewBox: "0 0 20 23",
-                  fill: "none",
-                  xmlns: "http://www.w3.org/2000/svg"
-                }, [
-                  o("path", {
-                    d: "M3.75 0C4.74456 0 5.69839 0.395088 6.40165 1.09835C7.10491 1.80161 7.5 2.75544 7.5 3.75V18.75C7.5 19.7446 7.10491 20.6984 6.40165 21.4017C5.69839 22.1049 4.74456 22.5 3.75 22.5C2.75544 22.5 1.80161 22.1049 1.09835 21.4017C0.395088 20.6984 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), [
-              [de, m.value]
+                ])) : (n(), u("span", kt, c(D.value) + " звонок ", 1))
+              ], 64))
             ]),
-            o("div", dt, [
-              o("div", mt, [
-                Z(o("input", {
-                  "onUpdate:modelValue": t[0] || (t[0] = (u) => v.value = u),
-                  class: "call-message__audio-slider",
-                  type: "range",
-                  min: 0,
-                  max: y.value,
-                  step: "0.1",
-                  onMousedown: t[1] || (t[1] = (u) => C.value = !0),
-                  onMouseup: se,
-                  onTouchstartPassive: t[2] || (t[2] = (u) => C.value = !0),
-                  onTouchendPassive: se
-                }, null, 40, vt), [
-                  [Ye, v.value]
-                ]),
-                o("button", {
-                  type: "button",
-                  class: "call-message__audio-speed-btn",
-                  onClick: Ne
-                }, d(H.value.text), 1)
+            a(s).isMissedCall ? (n(), u("p", Tt, c(Be.value) + ": " + c(a(s).callAttemptDuration), 1)) : p("", !0),
+            N.value && !a(s).isMissedCall ? (n(), u("div", Rt, [
+              o("audio", {
+                ref_key: "player",
+                ref: l,
+                src: w.value,
+                type: "audio/webm",
+                onLoadedmetadata: Ve,
+                onTimeupdate: Pe,
+                onEnded: $e,
+                onError: je
+              }, null, 40, Nt),
+              q(o("button", {
+                class: "call-message__audio-play",
+                type: "button",
+                onClick: le
+              }, [...t[7] || (t[7] = [
+                o("div", { class: "call-message__audio-play-icon" }, [
+                  o("svg", {
+                    width: "20",
+                    height: "23",
+                    viewBox: "0 0 20 23",
+                    fill: "none",
+                    xmlns: "http://www.w3.org/2000/svg"
+                  }, [
+                    o("path", {
+                      d: "M18.99 12.9934L3.0825 22.2234C1.7325 23.0059 0 22.0584 0 20.4809V2.02087C0 0.44587 1.73 -0.50413 3.0825 0.28087L18.99 9.51087C19.2971 9.68618 19.5524 9.93959 19.7299 10.2454C19.9075 10.5512 20.001 10.8985 20.001 11.2521C20.001 11.6057 19.9075 11.953 19.7299 12.2589C19.5524 12.5647 19.2971 12.8181 18.99 12.9934Z",
+                      fill: "#5F5F5F"
+                    })
+                  ])
+                ], -1)
+              ])], 512), [
+                [me, !m.value]
               ]),
-              o("div", pt, [
-                o("span", null, d(Te.value), 1),
-                o("span", null, d(Me.value), 1)
-              ])
-            ])
-          ])) : f("", !0)
-        ]),
-        o("div", _t, [
-          o("div", ft, [
-            !l(a).isMissedCall && (S.value || F.value) ? (n(), i(x, { key: 0 }, [
-              S.value ? (n(), i("button", {
-                key: 0,
-                class: G([
-                  "call-message__call-button",
-                  { "call-message__call-button--active": p.value === "text" }
-                ]),
+              q(o("button", {
+                class: "call-message__audio-pause",
                 type: "button",
-                onClick: Ue
-              }, " Текст ", 2)) : f("", !0),
-              F.value ? (n(), i("button", {
-                key: 1,
-                class: G([
-                  "call-message__call-button",
-                  { "call-message__call-button--active": p.value === "summary" }
+                onClick: le
+              }, [...t[8] || (t[8] = [
+                o("div", { class: "call-message__audio-pause-icon" }, [
+                  o("svg", {
+                    width: "20",
+                    height: "23",
+                    viewBox: "0 0 20 23",
+                    fill: "none",
+                    xmlns: "http://www.w3.org/2000/svg"
+                  }, [
+                    o("path", {
+                      d: "M3.75 0C4.74456 0 5.69839 0.395088 6.40165 1.09835C7.10491 1.80161 7.5 2.75544 7.5 3.75V18.75C7.5 19.7446 7.10491 20.6984 6.40165 21.4017C5.69839 22.1049 4.74456 22.5 3.75 22.5C2.75544 22.5 1.80161 22.1049 1.09835 21.4017C0.395088 20.6984 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), [
+                [me, m.value]
+              ]),
+              o("div", It, [
+                o("div", St, [
+                  q(o("input", {
+                    "onUpdate:modelValue": t[0] || (t[0] = (i) => v.value = i),
+                    class: "call-message__audio-slider",
+                    type: "range",
+                    min: 0,
+                    max: C.value,
+                    step: "0.1",
+                    onMousedown: t[1] || (t[1] = (i) => x.value = !0),
+                    onMouseup: ne,
+                    onTouchstartPassive: t[2] || (t[2] = (i) => x.value = !0),
+                    onTouchendPassive: ne
+                  }, null, 40, At), [
+                    [tt, v.value]
+                  ]),
+                  o("button", {
+                    type: "button",
+                    class: "call-message__audio-speed-btn",
+                    onClick: Ue
+                  }, c(G.value.text), 1)
                 ]),
-                type: "button",
-                onClick: Ve
-              }, " Резюме ", 2)) : f("", !0)
-            ], 64)) : f("", !0),
-            o("button", {
-              class: "call-message__call-button",
-              type: "button",
-              onClick: Le
-            }, " Перезвонить ")
+                o("div", Et, [
+                  o("span", null, c(De.value), 1),
+                  o("span", null, c(Le.value), 1)
+                ])
+              ])
+            ])) : p("", !0)
           ]),
-          o("span", gt, d(l(a).time), 1)
-        ]),
-        Y(me, { name: "call-message-expand" }, {
-          default: V(() => [
-            xe.value ? (n(), i("div", yt, [
-              o("div", Ct, [
-                p.value === "text" ? (n(), i(x, { key: 0 }, [
-                  X.value ? (n(), i("p", {
-                    key: 1,
-                    class: "call-message__expand-plain",
-                    innerHTML: K.value
-                  }, null, 8, xt)) : (n(), i("p", ht, d(be.value), 1))
-                ], 64)) : (n(), i("p", bt, [
-                  W.value ? (n(), i("span", {
-                    key: 1,
-                    innerHTML: Q.value
-                  }, null, 8, kt)) : (n(), i("span", wt, d(we.value), 1))
-                ]))
-              ]),
-              o("div", Tt, [
-                o("button", {
+          o("div", Ft, [
+            o("div", Ot, [
+              !a(s).isMissedCall && (E.value || F.value) ? (n(), u(y, { key: 0 }, [
+                E.value ? (n(), u("button", {
+                  key: 0,
+                  class: Z([
+                    "call-message__call-button",
+                    { "call-message__call-button--active": _.value === "text" }
+                  ]),
                   type: "button",
-                  class: "call-message__expand-close",
-                  onClick: t[3] || (t[3] = (u) => p.value = null)
-                }, " Закрыть ")
-              ])
-            ])) : f("", !0)
+                  onClick: qe
+                }, " Текст ", 2)) : p("", !0),
+                F.value ? (n(), u("button", {
+                  key: 1,
+                  class: Z([
+                    "call-message__call-button",
+                    { "call-message__call-button--active": _.value === "summary" }
+                  ]),
+                  type: "button",
+                  onClick: ze
+                }, " Резюме ", 2)) : p("", !0)
+              ], 64)) : p("", !0),
+              o("button", {
+                class: "call-message__call-button",
+                type: "button",
+                onClick: Ze
+              }, " Перезвонить ")
+            ]),
+            o("span", Dt, c(a(s).time), 1)
           ]),
-          _: 1
-        }),
-        l(Ce) && l(a).actions ? (n(), i("button", {
-          key: 0,
-          class: "call-message__menu-button",
-          onClick: t[4] || (t[4] = (u) => P.value = !l(P))
-        }, [...t[9] || (t[9] = [
-          o("svg", {
-            width: "4",
-            height: "17",
-            viewBox: "0 0 4 17",
-            fill: "none",
-            xmlns: "http://www.w3.org/2000/svg"
-          }, [
-            o("path", {
-              d: "M3.75 14.375C3.75 14.8723 3.55246 15.3492 3.20083 15.7008C2.84919 16.0525 2.37228 16.25 1.875 16.25C1.37772 16.25 0.900805 16.0525 0.549175 15.7008C0.197544 15.3492 0 14.8723 0 14.375C0 13.8777 0.197544 13.4008 0.549175 13.0492C0.900805 12.6975 1.37772 12.5 1.875 12.5C2.37228 12.5 2.84919 12.6975 3.20083 13.0492C3.55246 13.4008 3.75 13.8777 3.75 14.375ZM3.75 8.125C3.75 8.62228 3.55246 9.09919 3.20083 9.45083C2.84919 9.80246 2.37228 10 1.875 10C1.37772 10 0.900805 9.80246 0.549175 9.45083C0.197544 9.09919 0 8.62228 0 8.125C0 7.62772 0.197544 7.15081 0.549175 6.79917C0.900805 6.44754 1.37772 6.25 1.875 6.25C2.37228 6.25 2.84919 6.44754 3.20083 6.79917C3.55246 7.15081 3.75 7.62772 3.75 8.125ZM3.75 1.875C3.75 2.37228 3.55246 2.84919 3.20083 3.20083C2.84919 3.55246 2.37228 3.75 1.875 3.75C1.37772 3.75 0.900805 3.55246 0.549175 3.20083C0.197544 2.84919 0 2.37228 0 1.875C0 1.37772 0.197544 0.900806 0.549175 0.549175C0.900805 0.197544 1.37772 0 1.875 0C2.37228 0 2.84919 0.197544 3.20083 0.549175C3.55246 0.900806 3.75 1.37772 3.75 1.875Z",
-              fill: "#5F5F5F"
+          P(ve, { name: "call-message-expand" }, {
+            default: $(() => [
+              Ae.value ? (n(), u("div", Lt, [
+                o("div", Ut, [
+                  _.value === "text" ? (n(), u(y, { key: 0 }, [
+                    ee.value ? (n(), u("p", {
+                      key: 1,
+                      class: "call-message__expand-plain",
+                      innerHTML: X.value
+                    }, null, 8, Pt)) : (n(), u("p", Vt, c(Ee.value), 1))
+                  ], 64)) : (n(), u("p", $t, [
+                    te.value ? (n(), u("span", {
+                      key: 1,
+                      innerHTML: W.value
+                    }, null, 8, Bt)) : (n(), u("span", jt, c(Fe.value), 1))
+                  ]))
+                ]),
+                o("div", Ht, [
+                  o("button", {
+                    type: "button",
+                    class: "call-message__expand-close",
+                    onClick: t[3] || (t[3] = (i) => _.value = null)
+                  }, " Закрыть ")
+                ])
+              ])) : p("", !0)
+            ]),
+            _: 1
+          }),
+          a(we) && a(j).length ? (n(), u("button", {
+            key: 0,
+            class: "call-message__menu-button",
+            onClick: t[4] || (t[4] = //@ts-ignore
+            (...i) => a(Q) && a(Q)(...i))
+          }, [...t[9] || (t[9] = [
+            o("svg", {
+              width: "4",
+              height: "17",
+              viewBox: "0 0 4 17",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg"
+            }, [
+              o("path", {
+                d: "M3.75 14.375C3.75 14.8723 3.55246 15.3492 3.20083 15.7008C2.84919 16.0525 2.37228 16.25 1.875 16.25C1.37772 16.25 0.900805 16.0525 0.549175 15.7008C0.197544 15.3492 0 14.8723 0 14.375C0 13.8777 0.197544 13.4008 0.549175 13.0492C0.900805 12.6975 1.37772 12.5 1.875 12.5C2.37228 12.5 2.84919 12.6975 3.20083 13.0492C3.55246 13.4008 3.75 13.8777 3.75 14.375ZM3.75 8.125C3.75 8.62228 3.55246 9.09919 3.20083 9.45083C2.84919 9.80246 2.37228 10 1.875 10C1.37772 10 0.900805 9.80246 0.549175 9.45083C0.197544 9.09919 0 8.62228 0 8.125C0 7.62772 0.197544 7.15081 0.549175 6.79917C0.900805 6.44754 1.37772 6.25 1.875 6.25C2.37228 6.25 2.84919 6.44754 3.20083 6.79917C3.55246 7.15081 3.75 7.62772 3.75 8.125ZM3.75 1.875C3.75 2.37228 3.55246 2.84919 3.20083 3.20083C2.84919 3.55246 2.37228 3.75 1.875 3.75C1.37772 3.75 0.900805 3.55246 0.549175 3.20083C0.197544 2.84919 0 2.37228 0 1.875C0 1.37772 0.197544 0.900806 0.549175 0.549175C0.900805 0.197544 1.37772 0 1.875 0C2.37228 0 2.84919 0.197544 3.20083 0.549175C3.55246 0.900806 3.75 1.37772 3.75 1.875Z",
+                fill: "#5F5F5F"
+              })
+            ], -1)
+          ])])) : p("", !0),
+          (n(), T(at, { to: "body" }, [
+            P(ve, null, {
+              default: $(() => [
+                a(be) && a(j).length ? (n(), T(ct, {
+                  key: 0,
+                  ref_key: "menuRef",
+                  ref: Me,
+                  class: "call-message__context-menu message-actions-menu",
+                  style: st(a(Te)),
+                  "data-theme": a(Re),
+                  actions: a(j),
+                  onClick: Ke,
+                  onMouseenter: a(Ne),
+                  onMouseleave: a(Ie)
+                }, null, 8, ["style", "data-theme", "actions", "onMouseenter", "onMouseleave"])) : p("", !0)
+              ]),
+              _: 1
             })
-          ], -1)
-        ])])) : f("", !0),
-        Y(me, null, {
-          default: V(() => [
-            l(P) && l(a).actions ? (n(), $(Je, {
-              key: 0,
-              class: "call-message__context-menu",
-              actions: l(a).actions,
-              onClick: Pe
-            }, null, 8, ["actions"])) : f("", !0)
-          ]),
-          _: 1
-        })
+          ]))
+        ], 64))
       ])
-    ], 42, Xe));
+    ], 42, pt));
   }
 });
 export {
-  Yt as default
+  _a as default
 };