@mobilon-dev/chotto 0.3.64 → 0.3.66

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

@@ -1,40 +1,50 @@
-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 "../../../hooks/useMessageDraft.js";
-import "../../../hooks/useSearchModel.js";
-import { useTheme as Ae } from "../../../hooks/useTheme.js";
-/* empty css                              */
-/* empty css                                              */
-import { useMessageActions as Ee } 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 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 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"
-}, Ze = { class: "call-message__content" }, qe = { class: "call-message__header-container" }, ze = { class: "call-message__title-wrapper" }, He = {
+}, nt = { class: "call-message__content" }, ot = { class: "call-message__header-container" }, it = { class: "call-message__title-wrapper" }, rt = {
   key: 0,
   class: "call-message__title"
-}, Ge = { class: "call-message__call-participant" }, Je = {
+}, ut = {
   key: 1,
   class: "call-message__title call-message__title--missed"
-}, Ke = { class: "call-message__call-participant" }, Qe = {
+}, ct = {
   key: 0,
   class: "call-message__title"
-}, Xe = { class: "call-message__call-participant" }, Ye = {
+}, dt = {
   key: 1,
   class: "call-message__title call-message__title--missed"
-}, We = { class: "call-message__call-participant" }, et = {
+}, mt = {
   key: 0,
   class: "call-message__missed-info"
-}, tt = {
+}, vt = {
   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({
+}, 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 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(() => {
-      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 = [
+  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: 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,61 +171,69 @@ 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;
+    ], U = m(() => P[N.value] ?? P[0]), Fe = (e) => {
+      if (!e) return;
+      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;
+      v.value = !1, f.value = 0, C.value = Fe((e = s.value) == null ? void 0 : e.callDuration) ?? 0, x.value = !1, N.value = 0;
     };
-    ee(
-      () => {
-        var t;
-        return (t = a.value) == null ? void 0 : t.url;
-      },
-      (t, e) => {
-        t !== e && (ve(), o.value && (o.value.pause(), o.value.currentTime = 0, o.value.load()));
+    Y(), ue(
+      M,
+      (e, t) => {
+        e !== t && (Y(), b.value = void 0, n.value && (n.value.pause(), n.value.currentTime = 0, n.value.removeAttribute("src"), n.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)
-        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 {
-            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;
           }
-    }, fe = () => {
-      F.value = (F.value + 1) % E.length, o.value && (o.value.playbackRate = L.value.speed);
+    }, Ae = () => {
+      N.value = (N.value + 1) % P.length, n.value && (n.value.playbackRate = U.value.speed);
     };
-    ee(
-      () => p.value,
+    ue(
+      () => f.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));
+        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 H = () => {
-      o.value && h.value && o.value.duration !== 1 / 0 && !Number.isNaN(o.value.duration) && (o.value.currentTime = p.value), h.value = !1;
-    }, Ce = () => {
-      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 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 = () => {
+          n.value && (C.value = n.value.duration || 0, f.value = 0, n.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 = () => {
-      m.value = !1;
-    }, I = v(() => {
-      var t;
-      switch ((t = a.value) == null ? void 0 : t.direction) {
+        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 = s.value) == null ? void 0 : e.direction) {
         case "incoming":
           return "Входящий";
         case "outgoing":
@@ -144,69 +241,63 @@ const Be = ["messageId"], Ue = ["src"], Oe = {
         default:
           return "Звонок";
       }
-    }), S = v(() => {
-      var t;
-      switch ((t = a.value) == null ? void 0 : t.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 "к";
+          return e ? "#F84932" : "#00AC47";
         case "outgoing":
-          return "на";
+          return e ? "#5F5F5F" : "#118ABF";
         default:
-          return "к";
+          return e ? "#5F5F5F" : "#00AC47";
       }
-    }), G = v(() => {
-      var e, r;
-      const t = (e = a.value) == null ? void 0 : e.isMissedCall;
-      switch ((r = a.value) == null ? void 0 : r.direction) {
-        case "incoming":
-          return t ? "#F84932" : "#00AC47";
-        case "outgoing":
-          return t ? "#5F5F5F" : "#118ABF";
-        default:
-          return t ? "#5F5F5F" : "#00AC47";
-      }
-    }), we = v(() => {
-      var t;
-      return ((t = a.value) == null ? void 0 : t.direction) === "outgoing" ? "Без ответа" : "Пропущенный";
-    }), J = v(() => {
-      var g;
-      const t = a.value, e = ue.value, r = ce.value;
-      if (!(t != null && t.dialogId) || !e || !r)
+    }), De = m(() => {
+      var e;
+      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 u = (g = r.dialogs) == null ? void 0 : g.find((x) => x.dialogId === t.dialogId);
+      const u = (A = a.dialogs) == null ? void 0 : A.find((k) => k.dialogId === e.dialogId);
       if (!(u != null && u.channelId))
         return null;
-      const d = e.find((x) => x.channelId === u.channelId);
+      const d = t.find((k) => k.channelId === u.channelId);
       return (d == null ? void 0 : d.title) || null;
-    }), xe = Le(() => T.message, () => T.subtextTooltipData), K = {
-      textDialog: "textDialog",
+    }), Re = Xe(() => T.message, () => T.subtextTooltipData), Ve = {
       message: "message"
     };
-    function Q(t, e) {
-      const r = t.position;
-      switch (e) {
-        case "textDialog":
-          return r === "left" ? "call-message__text-dialog-left" : "call-message__text-dialog-right";
+    function Pe(e, t) {
+      const a = e.position;
+      switch (t) {
         case "message":
-          return r === "left" ? "call-message__left" : "call-message__right";
+          return a === "left" ? "call-message__left" : "call-message__right";
         default:
           return "";
       }
     }
-    const be = () => {
+    const Ue = () => {
       alert("Перезвонить");
-    }, ke = async () => {
-      var t, e, r, u, d;
-      if ((t = a.value) != null && t.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") || "", Me = await g.blob(), $ = ((r = (e = a.value.url.split(".").pop()) == null ? void 0 : e.split("?")[0]) == null ? void 0 : r.toLowerCase()) || "", Fe = {
+          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",
@@ -218,260 +309,264 @@ const Be = ["messageId"], Ue = ["src"], Oe = {
             "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);
-        } catch (g) {
-          console.error("Ошибка при скачивании аудио звонка:", g), (d = a.value) != null && d.url && window.open(a.value.url, "_blank");
+          }, 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");
         }
-    }, Te = (t) => {
-      t.action === "download" ? (ke(), A()) : pe(t);
+    }, qe = (e) => {
+      e.action === "download" ? (Ze(), V()) : Me(e);
     };
-    return (t, e) => {
-      var r;
-      return n(), c("div", {
-        class: te([
-          Q(s(a), K.message),
-          s(de)(s(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))
-      }, [
-        s(a).avatar ? (n(), c("img", {
-          key: 0,
-          class: "call-message__avatar",
-          src: s(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",
-            offset: 8
-          }, {
-            default: N(() => [
-              _(i(s(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, {
-                key: 0,
-                class: "call-message__direction-icon",
-                color: G.value
-              }, null, 8, ["color"])) : (n(), k(je, {
-                key: 1,
-                class: "call-message__direction-icon",
-                color: G.value
-              }, null, 8, ["color"])),
-              J.value ? (n(), k(le, {
-                key: 2,
-                text: J.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)
-                    ], 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)
-                  ]))
-                ]),
-                _: 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)
-                  ], 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", Qe, [
-                  _(i(I.value) + " звонок ", 1),
-                  l("span", Xe, i(S.value) + " " + i(s(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", {
-                ref_key: "player",
-                ref: o,
-                src: s(a).url,
-                type: "audio/webm",
-                onLoadedmetadata: Ce,
-                onTimeupdate: he,
-                onEnded: ye
-              }, null, 40, at),
-              j(l("button", {
-                class: "call-message__audio-play",
-                type: "button",
-                onClick: z
-              }, [...e[10] || (e[10] = [
-                l("div", { class: "call-message__audio-play-icon" }, [
-                  l("svg", {
-                    width: "20",
-                    height: "23",
-                    viewBox: "0 0 20 23",
-                    fill: "none",
-                    xmlns: "http://www.w3.org/2000/svg"
-                  }, [
-                    l("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]
+                ])) : (o(), i("span", rt, c(I.value) + " звонок ", 1))
               ]),
-              j(l("button", {
-                class: "call-message__audio-pause",
-                type: "button",
-                onClick: z
-              }, [...e[11] || (e[11] = [
-                l("div", { class: "call-message__audio-pause-icon" }, [
-                  l("svg", {
-                    width: "20",
-                    height: "23",
-                    viewBox: "0 0 20 23",
-                    fill: "none",
-                    xmlns: "http://www.w3.org/2000/svg"
-                  }, [
-                    l("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]
-              ]),
-              l("div", st, [
-                l("div", lt, [
-                  j(l("input", {
-                    "onUpdate:modelValue": e[0] || (e[0] = (u) => p.value = u),
-                    class: "call-message__audio-slider",
-                    type: "range",
-                    min: 0,
-                    max: C.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]
-                  ]),
-                  l("button", {
-                    type: "button",
-                    class: "call-message__audio-speed-btn",
-                    onClick: fe
-                  }, i(L.value.text), 1)
-                ]),
-                l("div", nt, [
-                  l("span", null, i(ge.value), 1),
-                  l("span", null, i(_e.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)
               ])
-            ])) : f("", !0)
-          ]),
-          l("div", it, [
-            l("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: be
-            }, " Нажмите, чтобы перезвонить "),
-            l("span", ut, i(s(a).time), 1)
+              onClick: Ue
+            }, " Перезвонить ")
           ]),
-          (r = s(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", {
-            key: 1,
-            class: "call-message__menu-button",
-            onClick: e[4] || (e[4] = (u) => V.value = !s(V))
-          }, [...e[13] || (e[13] = [
-            l("svg", {
-              width: "4",
-              height: "17",
-              viewBox: "0 0 4 17",
-              fill: "none",
-              xmlns: "http://www.w3.org/2000/svg"
-            }, [
-              l("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, {
-                key: 0,
-                class: "call-message__context-menu",
-                actions: s(a).actions,
-                onClick: Te
-              }, null, 8, ["actions"])) : f("", !0)
-            ]),
-            _: 1
-          }),
-          (n(), k(Ne, { to: "body" }, [
-            R(se, { name: "modal-fade" }, {
-              default: N(() => {
-                var u;
-                return [
-                  M.value ? (n(), c("div", {
-                    key: 0,
-                    class: "call-message__modal-overlay",
-                    "data-theme": s(B)().theme ? s(B)().theme : "light"
-                  }, [
-                    l("div", rt, [
-                      l("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" })
-                        ], -1)
-                      ])]),
-                      (n(!0), c(w, null, Ve((u = s(a).transcript) == null ? void 0 : u.dialog, (d) => (n(), c("div", {
-                        key: d.time,
-                        class: te(Q(d, K.textDialog))
-                      }, [
-                        l("p", null, i(d.text), 1),
-                        l("span", null, i(d.time), 1)
-                      ], 2))), 128))
-                    ])
-                  ], 8, ct)) : f("", !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, Be);
-    };
+          ], -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 {
-  Ft as default
+  Ut as default
 };