@mobilon-dev/chotto 0.3.41 → 0.3.42

package/dist/components/1_atoms/Tooltip/Tooltip.vue.js

@@ -1,7 +1,7 @@
 import o from "./Tooltip.vue2.js";
 /* empty css             */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-16a60fe9"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d13721a4"]]);
 export {
-  f as default
+  m as default
 };

package/dist/components/1_atoms/Tooltip/Tooltip.vue2.js

@@ -1,12 +1,12 @@
-import { defineComponent as S, inject as k, ref as s, computed as N, createElementBlock as w, openBlock as h, Fragment as A, createElementVNode as D, createBlock as R, renderSlot as V, Teleport as E, createVNode as I, Transition as L, withCtx as M, createCommentVNode as $, normalizeClass as j, unref as u, toDisplayString as q, nextTick as m } from "vue";
+import { defineComponent as k, inject as N, ref as c, computed as A, onUnmounted as D, createElementBlock as d, openBlock as m, Fragment as R, createElementVNode as V, createBlock as E, renderSlot as I, Teleport as L, createVNode as M, Transition as $, withCtx as j, createCommentVNode as q, normalizeClass as z, unref as v, toDisplayString as F, nextTick as g } from "vue";
 import "../../../hooks/useMessageDraft.js";
 import "../../../hooks/useSearchModel.js";
-import { useTheme as z } from "../../../hooks/useTheme.js";
+import { useTheme as P } from "../../../hooks/useTheme.js";
 /* empty css                              */
 /* empty css                                              */
 import "../../../node_modules/linkifyjs/dist/linkify.js";
 import "../../../functions/parseMarkdown.js";
-const F = ["data-theme"], W = /* @__PURE__ */ S({
+const U = ["data-theme"], Y = /* @__PURE__ */ k({
   __name: "Tooltip",
   props: {
     text: {
@@ -28,71 +28,79 @@ const F = ["data-theme"], W = /* @__PURE__ */ S({
     autoShowDuration: {
       type: Number,
       default: 0
+    },
+    delay: {
+      type: Number,
+      default: 600
     }
   },
-  setup(g, { expose: T }) {
-    const d = k("chatAppId"), { getTheme: v } = z(d), p = s(), r = s(), a = s(!1), n = s(null), e = g, x = N(() => ({
+  setup(y, { expose: w }) {
+    const x = N("chatAppId"), { getTheme: T } = P(x), p = c(), a = c(), n = c(!1), s = c(null), f = c(null), e = y, _ = A(() => ({
       tooltip__text: !0,
       [`tooltip--${e.position}`]: !0
-    })), _ = () => {
-      e.trigger !== "auto" && (a.value = !0, m(() => {
-        if (p.value && r.value) {
-          const l = r.value, t = p.value.getBoundingClientRect(), o = r.value.getBoundingClientRect(), i = o.left < 0 ? o.left : 0, f = o.top < 0 ? o.top : 0, c = {
-            left: { top: t.top - (o.height - t.height) / 2 - f, left: (t == null ? void 0 : t.left) - o.width - i - e.offset },
-            right: { top: t.top - (o.height - t.height) / 2 - f, left: (t == null ? void 0 : t.left) + t.width - i + e.offset },
-            bottom: { top: (t == null ? void 0 : t.bottom) - f + e.offset, left: (t == null ? void 0 : t.left) - i },
-            top: { top: t.top - o.height - e.offset - f, left: (t == null ? void 0 : t.left) - i },
-            "bottom-left": { top: (t == null ? void 0 : t.bottom) - f + e.offset, left: (t == null ? void 0 : t.left) + t.width - o.width - i }
-          };
-          l.style.top = c[e.position].top + "px", l.style.left = c[e.position].left + "px";
-        }
-      }));
-    }, B = () => {
-      e.trigger !== "auto" && (a.value = !1, m(() => {
-        const l = u(r);
+    })), B = () => {
+      e.trigger !== "auto" && (f.value && (clearTimeout(f.value), f.value = null), f.value = setTimeout(() => {
+        n.value = !0, g(() => {
+          if (p.value && a.value) {
+            const l = a.value, t = p.value.getBoundingClientRect(), o = a.value.getBoundingClientRect(), i = o.left < 0 ? o.left : 0, r = o.top < 0 ? o.top : 0, u = {
+              left: { top: t.top - (o.height - t.height) / 2 - r, left: (t == null ? void 0 : t.left) - o.width - i - e.offset },
+              right: { top: t.top - (o.height - t.height) / 2 - r, left: (t == null ? void 0 : t.left) + t.width - i + e.offset },
+              bottom: { top: (t == null ? void 0 : t.bottom) - r + e.offset, left: (t == null ? void 0 : t.left) - i },
+              top: { top: t.top - o.height - e.offset - r, left: (t == null ? void 0 : t.left) - i },
+              "bottom-left": { top: (t == null ? void 0 : t.bottom) - r + e.offset, left: (t == null ? void 0 : t.left) + t.width - o.width - i }
+            };
+            l.style.top = u[e.position].top + "px", l.style.left = u[e.position].left + "px";
+          }
+        }), f.value = null;
+      }, e.delay));
+    }, C = () => {
+      e.trigger !== "auto" && (f.value && (clearTimeout(f.value), f.value = null), n.value = !1, g(() => {
+        const l = v(a);
         l && (l.style.top = "0", l.style.left = "0");
       }));
-    }, C = () => {
-      y(), a.value = !0, m(() => {
-        if (p.value && r.value) {
-          const l = r.value, t = p.value.getBoundingClientRect(), o = r.value.getBoundingClientRect(), i = o.left < 0 ? o.left : 0, f = o.top < 0 ? o.top : 0, c = {
-            left: { top: t.top - (o.height - t.height) / 2 - f, left: (t == null ? void 0 : t.left) - o.width - i - e.offset },
-            right: { top: t.top - (o.height - t.height) / 2 - f, left: (t == null ? void 0 : t.left) + t.width - i + e.offset },
-            bottom: { top: (t == null ? void 0 : t.bottom) - f + e.offset, left: (t == null ? void 0 : t.left) - i },
-            top: { top: t.top - o.height - e.offset - f, left: (t == null ? void 0 : t.left) - i },
-            "bottom-left": { top: (t == null ? void 0 : t.bottom) - f + e.offset, left: (t == null ? void 0 : t.left) + t.width - o.width - i }
+    }, S = () => {
+      h(), n.value = !0, g(() => {
+        if (p.value && a.value) {
+          const l = a.value, t = p.value.getBoundingClientRect(), o = a.value.getBoundingClientRect(), i = o.left < 0 ? o.left : 0, r = o.top < 0 ? o.top : 0, u = {
+            left: { top: t.top - (o.height - t.height) / 2 - r, left: (t == null ? void 0 : t.left) - o.width - i - e.offset },
+            right: { top: t.top - (o.height - t.height) / 2 - r, left: (t == null ? void 0 : t.left) + t.width - i + e.offset },
+            bottom: { top: (t == null ? void 0 : t.bottom) - r + e.offset, left: (t == null ? void 0 : t.left) - i },
+            top: { top: t.top - o.height - e.offset - r, left: (t == null ? void 0 : t.left) - i },
+            "bottom-left": { top: (t == null ? void 0 : t.bottom) - r + e.offset, left: (t == null ? void 0 : t.left) + t.width - o.width - i }
           };
-          l.style.top = c[e.position].top + "px", l.style.left = c[e.position].left + "px";
+          l.style.top = u[e.position].top + "px", l.style.left = u[e.position].left + "px";
         }
-      }), e.autoShowDuration > 0 && (n.value = setTimeout(() => {
-        a.value = !1;
+      }), e.autoShowDuration > 0 && (s.value = setTimeout(() => {
+        n.value = !1;
       }, e.autoShowDuration));
-    }, y = () => {
-      n.value && (clearTimeout(n.value), n.value = null);
+    }, h = () => {
+      s.value && (clearTimeout(s.value), s.value = null);
     };
-    return T({
-      startAutoShow: C,
-      clearAutoTimer: y
-    }), (l, t) => (h(), w(A, null, [
-      D("div", {
+    return D(() => {
+      f.value && clearTimeout(f.value), h();
+    }), w({
+      startAutoShow: S,
+      clearAutoTimer: h
+    }), (l, t) => (m(), d(R, null, [
+      V("div", {
         ref_key: "container",
         ref: p,
         class: "tooltip-wrapper",
-        onMouseover: _,
-        onMouseout: B
+        onMouseover: B,
+        onMouseout: C
       }, [
-        V(l.$slots, "default", {}, void 0, !0)
+        I(l.$slots, "default", {}, void 0, !0)
       ], 544),
-      (h(), R(E, { to: "body" }, [
-        I(L, null, {
-          default: M(() => [
-            a.value ? (h(), w("span", {
+      (m(), E(L, { to: "body" }, [
+        M($, null, {
+          default: j(() => [
+            n.value ? (m(), d("span", {
               key: 0,
               ref_key: "tooltip",
-              ref: r,
-              "data-theme": u(v)().theme ? u(v)().theme : "light",
-              class: j(x.value)
-            }, q(g.text), 11, F)) : $("", !0)
+              ref: a,
+              "data-theme": v(T)().theme ? v(T)().theme : "light",
+              class: z(_.value)
+            }, F(y.text), 11, U)) : q("", !0)
           ]),
           _: 1
         })
@@ -101,5 +109,5 @@ const F = ["data-theme"], W = /* @__PURE__ */ S({
   }
 });
 export {
-  W as default
+  Y as default
 };

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

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

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

@@ -0,0 +1,109 @@
+import { defineComponent as T, createElementBlock as o, openBlock as i, unref as t, normalizeClass as f, createCommentVNode as n, createElementVNode as a, normalizeStyle as _, createVNode as u, withCtx as x, createTextVNode as h, toDisplayString as p, Transition as w, createBlock as S } from "vue";
+import { useMessageActions as V } from "../../../hooks/messages/useMessageActions.js";
+import "../../../node_modules/linkifyjs/dist/linkify.js";
+import "../../../functions/parseMarkdown.js";
+import { getMessageClass as I } from "../../../functions/getMessageClass.js";
+import { useSubtextTooltip as N } from "../../../hooks/messages/useSubtextTooltip.js";
+import B from "../../1_atoms/ContextMenu/ContextMenu.vue.js";
+import D from "../../1_atoms/Tooltip/Tooltip.vue.js";
+import O from "./icons/MissedCallIcon.vue.js";
+const j = ["messageId"], q = ["src"], z = {
+  key: 1,
+  class: "missed-call-message__subtext"
+}, A = { class: "missed-call-message__main-content" }, E = { class: "missed-call-message__icon-wrapper" }, F = { class: "missed-call-message__info-container" }, R = { class: "missed-call-message__time" }, W = /* @__PURE__ */ T({
+  __name: "MissedCallMessage",
+  props: {
+    message: {
+      type: Object,
+      required: !0
+    },
+    applyStyle: {
+      type: Function,
+      default: () => null
+    },
+    subtextTooltipData: {
+      type: Object,
+      required: !1,
+      default: () => ({})
+    }
+  },
+  emits: ["action", "reply"],
+  setup(e, { emit: y }) {
+    const b = y, m = e, {
+      isOpenMenu: c,
+      buttonMenuVisible: C,
+      showMenu: r,
+      hideMenu: d,
+      clickAction: M
+    } = V(m.message, b), k = N(() => m.message, () => m.subtextTooltipData);
+    function v(g) {
+      return I(g.position, "missed-call-message");
+    }
+    return (g, s) => (i(), o("div", {
+      class: f([
+        v(e.message),
+        e.applyStyle(e.message)
+      ]),
+      messageId: e.message.messageId,
+      onMouseenter: s[1] || (s[1] = //@ts-ignore
+      (...l) => t(r) && t(r)(...l)),
+      onMouseleave: s[2] || (s[2] = //@ts-ignore
+      (...l) => t(d) && t(d)(...l))
+    }, [
+      e.message.avatar ? (i(), o("img", {
+        key: 0,
+        class: "missed-call-message__avatar",
+        src: e.message.avatar,
+        height: "32",
+        width: "32",
+        style: _({ gridRow: e.message.subText ? "2" : "1" })
+      }, null, 12, q)) : n("", !0),
+      e.message.subText ? (i(), o("p", z, [
+        u(D, {
+          text: t(k),
+          position: "right",
+          offset: 8
+        }, {
+          default: x(() => [
+            h(p(e.message.subText), 1)
+          ]),
+          _: 1
+        }, 8, ["text"])
+      ])) : n("", !0),
+      a("div", {
+        class: f(["missed-call-message__content", { "is-first": !0 }])
+      }, [
+        a("div", A, [
+          a("div", E, [
+            u(O, { class: "missed-call-message__icon" })
+          ]),
+          s[3] || (s[3] = a("p", { class: "missed-call-message__text" }, " Пропущенный звонок ", -1))
+        ]),
+        a("div", F, [
+          a("span", R, p(e.message.time), 1)
+        ]),
+        t(C) && e.message.actions ? (i(), o("button", {
+          key: 0,
+          class: "missed-call-message__menu-button",
+          onClick: s[0] || (s[0] = (l) => c.value = !t(c))
+        }, [...s[4] || (s[4] = [
+          a("span", { class: "pi pi-ellipsis-h" }, null, -1)
+        ])])) : n("", !0),
+        u(w, null, {
+          default: x(() => [
+            t(c) && e.message.actions ? (i(), S(B, {
+              key: 0,
+              class: "missed-call-message__context-menu",
+              actions: e.message.actions,
+              onClick: t(M)
+            }, null, 8, ["actions", "onClick"])) : n("", !0)
+          ]),
+          _: 1
+        })
+      ])
+    ], 42, j));
+  }
+});
+export {
+  W as default
+};

package/dist/components/2_feed_elements/MissedCallMessage/icons/MissedCallIcon.vue.js

@@ -0,0 +1,34 @@
+import { createElementBlock as t, openBlock as l, createElementVNode as C } from "vue";
+import i from "../../../../_virtual/_plugin-vue_export-helper.js";
+const o = {}, n = {
+  width: "20",
+  height: "20",
+  viewBox: "0 0 20 20",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+function r(c, e) {
+  return l(), t("svg", n, [...e[0] || (e[0] = [
+    C("g", { "clip-path": "url(#clip0_8206_19)" }, [
+      C("path", {
+        "fill-rule": "evenodd",
+        "clip-rule": "evenodd",
+        d: "M2.35684 0.639867C2.57556 0.421478 2.83819 0.252065 3.12733 0.142855C3.41648 0.0336443 3.72553 -0.0128694 4.03401 0.00639586C4.34249 0.0256611 4.64336 0.110265 4.91667 0.254602C5.18998 0.398939 5.42949 0.599712 5.61934 0.843617L7.86309 3.72612C8.27434 4.25487 8.41934 4.94362 8.25684 5.59362L7.57309 8.33112C7.53774 8.4729 7.53965 8.62142 7.57863 8.76225C7.61762 8.90309 7.69236 9.03144 7.79559 9.13487L10.8668 12.2061C10.9704 12.3096 11.099 12.3844 11.24 12.4234C11.3811 12.4624 11.5299 12.4642 11.6718 12.4286L14.4081 11.7449C14.7289 11.6647 15.0637 11.6584 15.3872 11.7267C15.7107 11.7949 16.0145 11.9357 16.2756 12.1386L19.1581 14.3811C20.1943 15.1874 20.2893 16.7186 19.3618 17.6449L18.0693 18.9374C17.1443 19.8624 15.7618 20.2686 14.4731 19.8149C11.1746 18.6543 8.17968 16.7659 5.71059 14.2899C3.2347 11.8211 1.34635 8.82669 0.185589 5.52862C-0.266911 4.24112 0.139339 2.85737 1.06434 1.93237L2.35684 0.639867ZM19.8181 0.183617C19.8763 0.241674 19.9225 0.310644 19.954 0.386575C19.9855 0.462507 20.0017 0.543908 20.0017 0.626117C20.0017 0.708326 19.9855 0.789728 19.954 0.865659C19.9225 0.941591 19.8763 1.01056 19.8181 1.06862L14.6343 6.25112H18.1256C18.2913 6.25112 18.4503 6.31697 18.5675 6.43418C18.6847 6.55139 18.7506 6.71036 18.7506 6.87612C18.7506 7.04188 18.6847 7.20085 18.5675 7.31806C18.4503 7.43527 18.2913 7.50112 18.1256 7.50112H13.1256C12.9598 7.50112 12.8009 7.43527 12.6836 7.31806C12.5664 7.20085 12.5006 7.04188 12.5006 6.87612V1.87612C12.5006 1.71036 12.5664 1.55139 12.6836 1.43418C12.8009 1.31697 12.9598 1.25112 13.1256 1.25112C13.2913 1.25112 13.4503 1.31697 13.5675 1.43418C13.6847 1.55139 13.7506 1.71036 13.7506 1.87612V5.36737L18.9331 0.183617C18.9911 0.125413 19.0601 0.0792346 19.136 0.0477266C19.212 0.0162185 19.2934 0 19.3756 0C19.4578 0 19.5392 0.0162185 19.6151 0.0477266C19.6911 0.0792346 19.76 0.125413 19.8181 0.183617Z",
+        fill: "#F84932"
+      })
+    ], -1),
+    C("defs", null, [
+      C("clipPath", { id: "clip0_8206_19" }, [
+        C("rect", {
+          width: "20",
+          height: "20",
+          fill: "white"
+        })
+      ])
+    ], -1)
+  ])]);
+}
+const p = /* @__PURE__ */ i(o, [["render", r]]);
+export {
+  p as default
+};

package/dist/components/3_compounds/ChatList/ChatListHeader.vue.js

@@ -1,8 +1,12 @@
-import { createElementBlock as e, openBlock as o, createCommentVNode as a, renderSlot as n, toDisplayString as i } from "vue";
-const r = { class: "chat-list__title-container" }, c = {
+import { createElementBlock as l, openBlock as e, createElementVNode as i, renderSlot as d, createCommentVNode as o, createBlock as s, toDisplayString as c, withCtx as p } from "vue";
+import _ from "./icons/LogoIcon.vue.js";
+import u from "../../1_atoms/Tooltip/Tooltip.vue.js";
+/* empty css                    */
+import m from "../../../_virtual/_plugin-vue_export-helper.js";
+const b = { class: "chat-list__title-container" }, f = { class: "chat-list__title-block" }, h = {
   key: 0,
   class: "chat-list__title"
-}, p = {
+}, y = {
   __name: "ChatListHeader",
   props: {
     title: {
@@ -12,16 +16,45 @@ const r = { class: "chat-list__title-container" }, c = {
     titleEnabled: {
       type: Boolean,
       default: !0
+    },
+    logoEnabled: {
+      type: Boolean,
+      default: !0
+    },
+    betaEnabled: {
+      type: Boolean,
+      default: !0
+    },
+    betaTooltipText: {
+      type: String,
+      default: `Мы постоянно улучшаем платформу.
+Некоторые функции находятся в разработке.`
     }
   },
-  setup(l) {
-    const t = l;
-    return (s, _) => (o(), e("div", r, [
-      t.titleEnabled ? (o(), e("h2", c, i(t.title), 1)) : a("", !0),
-      n(s.$slots, "actions")
+  setup(r) {
+    const t = r;
+    return (n, a) => (e(), l("div", b, [
+      i("div", f, [
+        t.titleEnabled ? (e(), l("h2", h, c(t.title), 1)) : o("", !0),
+        t.logoEnabled ? (e(), s(_, {
+          key: 1,
+          class: "chat-list__title-logo"
+        })) : o("", !0),
+        t.betaEnabled ? (e(), s(u, {
+          key: 2,
+          text: t.betaTooltipText,
+          position: "bottom"
+        }, {
+          default: p(() => [...a[0] || (a[0] = [
+            i("div", { class: "chat-list__title-beta-badge" }, " beta ", -1)
+          ])]),
+          _: 1
+        }, 8, ["text"])) : o("", !0)
+      ]),
+      d(n.$slots, "actions", {}, void 0, !0)
     ]));
   }
-};
+}, T = /* @__PURE__ */ m(y, [["__scopeId", "data-v-892a8a18"]]);
 export {
-  p as default
+  T as default
 };