@mobilon-dev/chotto 0.3.30 → 0.3.31

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

@@ -0,0 +1,476 @@
+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 "../../../node_modules/linkifyjs/dist/linkify.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 = {
+  key: 1,
+  class: "call-message__subtext"
+}, Ze = { class: "call-message__content" }, qe = { class: "call-message__header-container" }, ze = { class: "call-message__title-wrapper" }, He = {
+  key: 0,
+  class: "call-message__title"
+}, Ge = { class: "call-message__call-participant" }, Je = {
+  key: 1,
+  class: "call-message__title call-message__title--missed"
+}, Ke = { class: "call-message__call-participant" }, Qe = {
+  key: 0,
+  class: "call-message__title"
+}, Xe = { class: "call-message__call-participant" }, Ye = {
+  key: 1,
+  class: "call-message__title call-message__title--missed"
+}, We = { class: "call-message__call-participant" }, et = {
+  key: 0,
+  class: "call-message__missed-info"
+}, tt = {
+  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" }, Mt = /* @__PURE__ */ Se({
+  __name: "CallMessage",
+  props: {
+    message: {
+      type: Object,
+      required: !0
+    },
+    applyStyle: {
+      type: Function,
+      default: () => null
+    },
+    subtextTooltipData: {
+      type: Object,
+      required: !1,
+      default: () => ({})
+    }
+  },
+  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 = [
+      {
+        text: "1.0x",
+        speed: 1
+      },
+      {
+        text: "1.25x",
+        speed: 1.25
+      },
+      {
+        text: "1.5x",
+        speed: 1.5
+      },
+      {
+        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;
+    };
+    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()));
+      }
+    );
+    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;
+        else
+          try {
+            await o.value.play(), m.value = !0;
+          } catch (t) {
+            console.error("Не удалось воспроизвести запись звонка", t), m.value = !1;
+          }
+    }, fe = () => {
+      F.value = (F.value + 1) % E.length, o.value && (o.value.playbackRate = L.value.speed);
+    };
+    ee(
+      () => p.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));
+      }
+    );
+    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);
+        };
+        t.addEventListener("timeupdate", e, { 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) {
+        case "incoming":
+          return "Входящий";
+        case "outgoing":
+          return "Исходящий";
+        default:
+          return "Звонок";
+      }
+    }), S = v(() => {
+      var t;
+      switch ((t = a.value) == null ? void 0 : t.direction) {
+        case "incoming":
+          return "к";
+        case "outgoing":
+          return "от";
+        default:
+          return "к";
+      }
+    }), 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)
+        return null;
+      const u = (g = r.dialogs) == null ? void 0 : g.find((x) => x.dialogId === t.dialogId);
+      if (!(u != null && u.channelId))
+        return null;
+      const d = e.find((x) => x.channelId === u.channelId);
+      return (d == null ? void 0 : d.title) || null;
+    }), xe = Le(() => T.message, () => T.subtextTooltipData), K = {
+      textDialog: "textDialog",
+      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";
+        case "message":
+          return r === "left" ? "call-message__left" : "call-message__right";
+        default:
+          return "";
+      }
+    }
+    const be = () => {
+      alert("Перезвонить");
+    }, ke = async () => {
+      var t, e, r, u, d;
+      if ((t = a.value) != null && t.url)
+        try {
+          const g = await fetch(a.value.url, {
+            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 = {
+            "audio/mpeg": "mp3",
+            "audio/mp3": "mp3",
+            "audio/wav": "wav",
+            "audio/x-wav": "wav",
+            "audio/ogg": "ogg",
+            "audio/webm": "webm",
+            "audio/aac": "aac",
+            "audio/flac": "flac",
+            "audio/m4a": "m4a",
+            "audio/x-m4a": "m4a",
+            "application/octet-stream": $ || "mp3"
+          }, X = $ && ["mp3", "wav", "ogg", "webm", "aac", "flac", "m4a"].includes($) ? $ : Fe[x] || "mp3", Y = a.value.url.split("/"), D = decodeURIComponent(((u = Y[Y.length - 1]) == null ? void 0 : u.split("?")[0]) || ""), Ie = D ? D.includes(".") ? D : `${D}.${X}` : `call-${a.value.messageId}.${X}`, W = window.URL.createObjectURL(Me), b = document.createElement("a");
+          b.href = W, b.download = Ie, document.body.appendChild(b), b.click(), document.body.removeChild(b), window.URL.revokeObjectURL(W);
+        } catch (g) {
+          console.error("Ошибка при скачивании аудио звонка:", g), (d = a.value) != null && d.url && window.open(a.value.url, "_blank");
+        }
+    }, Te = (t) => {
+      t.action === "download" ? (ke(), A()) : pe(t);
+    };
+    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 }, [
+                    _(" звонок ")
+                  ], 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]
+              ]),
+              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,
+                    onTouchstart: e[2] || (e[2] = (u) => h.value = !0),
+                    onTouchend: 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)
+                ])
+              ])
+            ])) : f("", !0)
+          ]),
+          l("div", it, [
+            l("button", {
+              class: "call-message__call-button",
+              type: "button",
+              onClick: be
+            }, " Нажмите, чтобы перезвонить "),
+            l("span", ut, i(s(a).time), 1)
+          ]),
+          (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
+            })
+          ]))
+        ])
+      ], 42, Be);
+    };
+  }
+});
+export {
+  Mt as default
+};

package/dist/components/2_feed_elements/CallMessage/icons/IncomingCallIcon.vue.js

@@ -0,0 +1,26 @@
+import { defineComponent as o, createElementBlock as l, openBlock as t, createElementVNode as n } from "vue";
+const C = {
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, c = ["fill"], s = /* @__PURE__ */ o({
+  __name: "IncomingCallIcon",
+  props: {
+    color: { default: "#00AC47" }
+  },
+  setup(e) {
+    return (r, i) => (t(), l("svg", C, [
+      n("path", {
+        "fill-rule": "evenodd",
+        "clip-rule": "evenodd",
+        d: "M14.0001 13.5006C14.0001 13.6332 13.9475 13.7604 13.8537 13.8542C13.7599 13.948 13.6328 14.0006 13.5001 14.0006H7.50014C7.36753 14.0006 7.24036 13.948 7.14659 13.8542C7.05282 13.7604 7.00014 13.6332 7.00014 13.5006C7.00014 13.368 7.05282 13.2408 7.14659 13.1471C7.24036 13.0533 7.36753 13.0006 7.50014 13.0006H12.2931L2.14614 2.85463C2.09966 2.80814 2.06278 2.75295 2.03762 2.69221C2.01246 2.63148 1.99951 2.56638 1.99951 2.50063C1.99951 2.43489 2.01246 2.36979 2.03762 2.30905C2.06278 2.24831 2.09966 2.19312 2.14614 2.14663C2.19263 2.10014 2.24782 2.06327 2.30856 2.03811C2.3693 2.01295 2.4344 2 2.50014 2C2.56589 2 2.63099 2.01295 2.69173 2.03811C2.75247 2.06327 2.80766 2.10014 2.85414 2.14663L13.0001 12.2936V7.50063C13.0001 7.36802 13.0528 7.24085 13.1466 7.14708C13.2404 7.05331 13.3675 7.00063 13.5001 7.00063C13.6328 7.00063 13.7599 7.05331 13.8537 7.14708C13.9475 7.24085 14.0001 7.36802 14.0001 7.50063V13.5006Z",
+        fill: e.color
+      }, null, 8, c)
+    ]));
+  }
+});
+export {
+  s as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./IncomingCallIcon.vue.js";
+export {
+  f as default
+};

package/dist/components/2_feed_elements/CallMessage/icons/OutgoingCallIcon.vue.js

@@ -0,0 +1,26 @@
+import { defineComponent as o, createElementBlock as l, openBlock as t, createElementVNode as n } from "vue";
+const C = {
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, c = ["fill"], s = /* @__PURE__ */ o({
+  __name: "OutgoingCallIcon",
+  props: {
+    color: { default: "#118ABF" }
+  },
+  setup(e) {
+    return (r, i) => (t(), l("svg", C, [
+      n("path", {
+        "fill-rule": "evenodd",
+        "clip-rule": "evenodd",
+        d: "M2 2.5C2 2.36739 2.05268 2.24021 2.14645 2.14645C2.24021 2.05268 2.36739 2 2.5 2H8.5C8.63261 2 8.75979 2.05268 8.85355 2.14645C8.94732 2.24021 9 2.36739 9 2.5C9 2.63261 8.94732 2.75979 8.85355 2.85355C8.75979 2.94732 8.63261 3 8.5 3H3.707L13.854 13.146C13.9479 13.2399 14.0006 13.3672 14.0006 13.5C14.0006 13.6328 13.9479 13.7601 13.854 13.854C13.7601 13.9479 13.6328 14.0006 13.5 14.0006C13.3672 14.0006 13.2399 13.9479 13.146 13.854L3 3.707V8.5C3 8.63261 2.94732 8.75979 2.85355 8.85355C2.75979 8.94732 2.63261 9 2.5 9C2.36739 9 2.24021 8.94732 2.14645 8.85355C2.05268 8.75979 2 8.63261 2 8.5V2.5Z",
+        fill: e.color
+      }, null, 8, c)
+    ]));
+  }
+});
+export {
+  s as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./OutgoingCallIcon.vue.js";
+export {
+  f as default
+};

package/dist/components/2_feed_elements/DateMessage/DateMessage.vue.js

@@ -0,0 +1,7 @@
+import o from "./DateMessage.vue2.js";
+/* empty css                 */
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0369ddcb"]]);
+export {
+  s as default
+};

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

@@ -0,0 +1,20 @@
+import { defineComponent as t, createElementBlock as s, openBlock as a, createElementVNode as o, toDisplayString as n } from "vue";
+const c = { class: "date-message__container" }, r = { class: "date-message__text" }, i = /* @__PURE__ */ t({
+  __name: "DateMessage",
+  props: {
+    message: {
+      type: Object,
+      required: !0,
+      default: () => {
+      }
+    }
+  },
+  setup(e) {
+    return (_, m) => (a(), s("div", c, [
+      o("p", r, n(e.message.text), 1)
+    ]));
+  }
+});
+export {
+  i as default
+};

package/dist/components/2_feed_elements/DateMessageSticky/DateMessageSticky.vue.js

@@ -0,0 +1,7 @@
+import t from "./DateMessageSticky.vue2.js";
+/* empty css                       */
+import o from "../../../_virtual/_plugin-vue_export-helper.js";
+const s = /* @__PURE__ */ o(t, [["__scopeId", "data-v-b651f78e"]]);
+export {
+  s as default
+};

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

@@ -0,0 +1,18 @@
+import { defineComponent as t, createElementBlock as s, openBlock as a, createElementVNode as c, toDisplayString as n } from "vue";
+const o = { class: "date-message-sticky__container" }, r = { class: "date-message-sticky__text" }, d = /* @__PURE__ */ t({
+  __name: "DateMessageSticky",
+  props: {
+    text: {
+      type: String,
+      required: !0
+    }
+  },
+  setup(e) {
+    return (i, _) => (a(), s("div", o, [
+      c("p", r, n(e.text), 1)
+    ]));
+  }
+});
+export {
+  d as default
+};

package/dist/components/2_feed_elements/FeedKeyboard/FeedKeyboard.vue.js

@@ -0,0 +1,7 @@
+import o from "./FeedKeyboard.vue2.js";
+/* empty css                  */
+import r from "../../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-af2fc142"]]);
+export {
+  f as default
+};

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

@@ -0,0 +1,42 @@
+import { defineComponent as p, computed as f, createElementBlock as t, openBlock as n, normalizeClass as m, Fragment as y, renderList as u, normalizeStyle as _, createElementVNode as h, toDisplayString as x } from "vue";
+const k = ["onClick"], w = /* @__PURE__ */ p({
+  __name: "FeedKeyboard",
+  props: {
+    buttons: {
+      type: Array,
+      required: !0,
+      default: () => []
+    },
+    align: {
+      type: String,
+      default: "right",
+      validator: (r) => ["left", "center", "right"].includes(r)
+    }
+  },
+  emits: ["action"],
+  setup(r, { emit: i }) {
+    const l = r, c = i, s = f(() => [...l.buttons].sort((o, a) => o.order - a.order)), d = (o) => {
+      typeof o.action == "function" ? o.action() : o.action != null && c("action", o.action);
+    };
+    return (o, a) => (n(), t("div", {
+      class: m(["feed-keyboard__container", [
+        `feed-keyboard__container--${r.align}`
+      ]])
+    }, [
+      (n(!0), t(y, null, u(s.value, (e) => (n(), t("div", {
+        key: e.key,
+        class: "feed-keyboard__button",
+        style: _({
+          "box-shadow": e["shadow-color"] && e["shadow-color"] !== "none" ? `0px 4px 4px ${e["shadow-color"]}, 0px 1px 2px ${e["shadow-color"]}` : "none",
+          color: e["text-color"] || "inherit"
+        }),
+        onClick: (g) => d(e)
+      }, [
+        h("p", null, x(e.text), 1)
+      ], 12, k))), 128))
+    ], 2));
+  }
+});
+export {
+  w as default
+};

package/dist/components/2_feed_elements/FileMessage/FileMessage.vue.js

@@ -0,0 +1,7 @@
+import a from "./FileMessage.vue2.js";
+/* empty css                 */
+import o from "../../../_virtual/_plugin-vue_export-helper.js";
+const s = /* @__PURE__ */ o(a, [["__scopeId", "data-v-aad85a6d"]]);
+export {
+  s as default
+};