@mobilon-dev/chotto 0.3.65 → 0.3.66

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

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