@mobilon-dev/chotto 0.3.73 → 0.3.74

package/dist/components/3_compounds/Feed/Feed.vue2.js

@@ -1,26 +1,26 @@
-import { defineComponent as me, ref as k, computed as l, inject as w, unref as o, watch as fe, nextTick as j, onMounted as ge, createElementBlock as c, openBlock as i, createVNode as g, createBlock as f, createCommentVNode as u, normalizeStyle as K, renderSlot as x, withDirectives as ye, createElementVNode as h, vShow as pe, Transition as v, withCtx as S, Fragment as be, renderList as ke, resolveDynamicComponent as he, toDisplayString as ve, Teleport as Se } from "vue";
-import Re from "../../2_feed_elements/DateMessageSticky/DateMessageSticky.vue.js";
-import Be from "../../2_feed_elements/BaseReplyMessage/BaseReplyMessage.vue.js";
-import Ie from "../../2_feed_elements/MessageKeyboard/MessageKeyboard.vue.js";
-import Te from "../../2_feed_elements/FeedKeyboard/FeedKeyboard.vue.js";
-import Ae from "../../2_feed_elements/TypingMessage/TypingMessage.vue.js";
-import Me from "../../1_atoms/LoadingIndicator/LoadingIndicator.vue.js";
-import { useFeedButton as Fe } from "./composables/useFeedButton.js";
-import { useFeedComponents as Ce } from "./composables/useFeedComponents.js";
-import { useFeedGrouping as De } from "./composables/useFeedGrouping.js";
-import { useFeedKeyboard as we } from "./composables/useFeedKeyboard.js";
+import { defineComponent as fe, ref as k, computed as i, inject as w, unref as s, watch as ge, nextTick as K, onMounted as ye, createElementBlock as c, openBlock as l, createVNode as g, createBlock as f, createCommentVNode as u, normalizeStyle as O, renderSlot as j, withDirectives as pe, createElementVNode as h, vShow as be, Transition as v, withCtx as S, Fragment as ke, renderList as he, resolveDynamicComponent as ve, mergeProps as Se, toDisplayString as Re, Teleport as Me } from "vue";
+import Be from "../../2_feed_elements/DateMessageSticky/DateMessageSticky.vue.js";
+import Ie from "../../2_feed_elements/BaseReplyMessage/BaseReplyMessage.vue.js";
+import Te from "../../2_feed_elements/MessageKeyboard/MessageKeyboard.vue.js";
+import Ae from "../../2_feed_elements/FeedKeyboard/FeedKeyboard.vue.js";
+import Ce from "../../2_feed_elements/TypingMessage/TypingMessage.vue.js";
+import Fe from "../../1_atoms/LoadingIndicator/LoadingIndicator.vue.js";
+import { useFeedButton as De } from "./composables/useFeedButton.js";
+import { useFeedComponents as we } from "./composables/useFeedComponents.js";
+import { useFeedGrouping as Ke } from "./composables/useFeedGrouping.js";
+import { useFeedKeyboard as Oe } from "./composables/useFeedKeyboard.js";
 import { useFeedLoadMore as je } from "./composables/useFeedLoadMore.js";
-import { useFeedMessageVisibility as Ke } from "./composables/useFeedMessageVisibility.js";
-import { useFeedReply as xe } from "./composables/useFeedReply.js";
-import { useFeedScroll as Le } from "./composables/useFeedScroll.js";
-import { useFeedScrollTo as Oe } from "./composables/useFeedScrollTo.js";
-import { useStickyDate as Ve } from "./composables/useStickyDate.js";
-import { throttle as $e } from "./functions/throttle.js";
-import qe from "./assets/chat-background.svg.js";
-const ze = { class: "message-feed-wrapper" }, Ee = ["id"], Pe = { class: "message-feed__loading" }, We = ["id", "data-timestamp", "onDblclick"], Ne = { style: { margin: "auto" } }, Ge = {
+import { useFeedMessageVisibility as xe } from "./composables/useFeedMessageVisibility.js";
+import { useFeedReply as Le } from "./composables/useFeedReply.js";
+import { useFeedScroll as Ve } from "./composables/useFeedScroll.js";
+import { useFeedScrollTo as $e } from "./composables/useFeedScrollTo.js";
+import { useStickyDate as qe } from "./composables/useStickyDate.js";
+import { throttle as Pe } from "./functions/throttle.js";
+import ze from "./assets/chat-background.svg.js";
+const Ee = { class: "message-feed-wrapper" }, We = ["id"], Ne = { class: "message-feed__loading" }, Ge = ["id", "data-timestamp", "onDblclick"], Ue = { style: { margin: "auto" } }, He = {
   key: 0,
   class: "message-feed__unread-amount"
-}, ut = /* @__PURE__ */ me({
+}, ft = /* @__PURE__ */ fe({
   __name: "Feed",
   props: {
     objects: {
@@ -84,6 +84,15 @@ const ze = { class: "message-feed-wrapper" }, Ee = ["id"], Pe = { class: "messag
       type: Object,
       required: !1,
       default: () => ({})
+    },
+    /**
+     * Позволяет переопределить действие "Перезвонить" для `message.call`.
+     * Будет передано внутрь `CallMessage` как проп `onCall`.
+     */
+    callMessageOnCallback: {
+      type: Function,
+      required: !1,
+      default: void 0
     }
   },
   emits: [
@@ -98,185 +107,189 @@ const ze = { class: "message-feed-wrapper" }, Ee = ["id"], Pe = { class: "messag
     "smsInvite",
     "delimiterRead"
   ],
-  setup(e, { emit: L }) {
+  setup(e, { emit: x }) {
     const a = e, b = k(), r = k(), R = k(), {
-      isShowButton: O,
+      isShowButton: L,
       isKeyboardPlace: V,
       checkButtonVisibility: $
-    } = Fe({
+    } = De({
       feedRef: r,
       keyboardRef: R
-    }), { componentsMap: q } = Ce(), z = l(() => a.reactionsEnabled), { groupedObjects: E } = De({
-      objects: l(() => a.objects)
-    }), y = w("chatAppId"), B = w("selectedChat", void 0), I = l(() => {
-      if (B)
-        return o(B);
+    }), { componentsMap: q } = we(), P = i(() => a.reactionsEnabled), { groupedObjects: z } = Ke({
+      objects: i(() => a.objects)
+    }), y = w("chatAppId"), M = w("selectedChat", void 0), B = i(() => {
+      if (M)
+        return s(M);
     });
-    function P(s) {
-      return s.timestamp;
+    function E(o) {
+      return o.timestamp;
     }
-    function W(s) {
+    function W(o) {
       var m;
-      const n = s;
-      if (!n.dialogId || !((m = I.value) != null && m.dialogs))
+      const n = o;
+      if (!n.dialogId || !((m = B.value) != null && m.dialogs))
         return;
-      const t = I.value.dialogs.find((p) => p.dialogId === n.dialogId);
+      const t = B.value.dialogs.find((p) => p.dialogId === n.dialogId);
       return t == null ? void 0 : t.channelId;
     }
-    const d = L, {
-      checkScrollPosition: N,
-      startScrollWatch: T,
-      stopScrollWatch: A,
-      resetAllowFlags: G
+    function N(o) {
+      return o.type === "message.call" && typeof a.callMessageOnCallback == "function" ? { onCall: a.callMessageOnCallback } : {};
+    }
+    const d = x, {
+      checkScrollPosition: G,
+      startScrollWatch: I,
+      stopScrollWatch: T,
+      resetAllowFlags: U
     } = je({
       feedRef: r,
       emit: d,
-      isLoadingMoreRef: l(() => a.isLoadingMore)
+      isLoadingMoreRef: i(() => a.isLoadingMore)
     }), {
-      getMessage: M,
-      messageAction: U,
-      handleClickReplied: H,
-      feedObjectDoubleClick: J,
-      handleResetReply: Q
-    } = xe({
+      getMessage: A,
+      messageAction: H,
+      handleClickReplied: J,
+      feedObjectDoubleClick: Q,
+      handleResetReply: X
+    } = Le({
       enableDoubleClickReply: a.enableDoubleClickReply,
       emit: d
     });
-    function X(s) {
-      d("smsInvite", s);
+    function Y(o) {
+      d("smsInvite", o);
     }
-    function Y(s) {
-      d("delimiterRead", s);
+    function Z(o) {
+      d("delimiterRead", o);
     }
     const {
-      showKeyboard: Z,
-      keyboardAction: _,
-      feedKeyboardAction: ee
-    } = we({
+      showKeyboard: _,
+      keyboardAction: ee,
+      feedKeyboardAction: te
+    } = Oe({
       isKeyboardPlace: V,
-      objects: l(() => a.objects),
+      objects: i(() => a.objects),
       emit: d
     }), {
-      showStickyDate: te,
-      stickyDateText: oe,
-      show: se
-    } = Ve({
+      showStickyDate: oe,
+      stickyDateText: se,
+      show: ae
+    } = qe({
       feedRef: r,
       trackingObjects: b
     }), {
       isInitialized: ne,
-      performScrollToBottom: ae,
-      ensureScrollToBottom: F,
+      performScrollToBottom: le,
+      ensureScrollToBottom: C,
       initializeScroll: ie,
-      smoothScrollToBottom: le
-    } = Le({
+      smoothScrollToBottom: re
+    } = Ve({
       feedRef: r,
-      objectsRef: l(() => a.objects),
-      scrollToBottomRef: l(() => a.scrollToBottom)
-    }), C = l(() => a.chatBackground ?? `data:image/svg+xml;charset=utf-8,${encodeURIComponent(qe)}`);
-    function D(s = !0) {
-      $(), N(s), se();
+      objectsRef: i(() => a.objects),
+      scrollToBottomRef: i(() => a.scrollToBottom)
+    }), F = i(() => a.chatBackground ?? `data:image/svg+xml;charset=utf-8,${encodeURIComponent(ze)}`);
+    function D(o = !0) {
+      $(), G(o), ae();
     }
-    const re = $e(() => D(), 250);
-    function de() {
-      d("forceScrollToBottom"), le();
+    const de = Pe(() => D(), 250);
+    function ce() {
+      d("forceScrollToBottom"), re();
     }
-    function ce(s) {
+    function ue(o) {
       const n = a.objects;
-      if (s.startsWith("mid-")) {
-        const t = parseInt(s.slice(4), 10);
+      if (o.startsWith("mid-")) {
+        const t = parseInt(o.slice(4), 10);
         return n[t];
       }
-      return n.find((t) => t.messageId === s);
+      return n.find((t) => t.messageId === o);
     }
-    const { restartObserving: ue } = Ke({
+    const { restartObserving: me } = xe({
       trackingObjects: b,
       chatAppId: y,
-      getMessageById: ce,
-      onMessageVisible: (s) => d("messageVisible", s)
+      getMessageById: ue,
+      onMessageVisible: (o) => d("messageVisible", o)
     });
-    return fe(
+    return ge(
       () => a.objects,
       () => {
-        j(() => {
+        K(() => {
           requestAnimationFrame(() => {
-            G(), D(!1), b.value = document.querySelectorAll(".tracking-message"), ue();
+            U(), D(!1), b.value = document.querySelectorAll(".tracking-message"), me();
           });
         });
       },
       { immediate: !0 }
-    ), Oe({
-      targetIdRef: l(() => a.scrollTo),
+    ), $e({
+      targetIdRef: i(() => a.scrollTo),
       feedContainerId: `feed-container-${y}`
-    }), ge(() => {
-      j(() => {
+    }), ye(() => {
+      K(() => {
         a.objects.length > 0 && !ne.value && ie();
-        const s = new ResizeObserver(() => {
-          a.scrollToBottom && (ae(), setTimeout(() => {
-            F();
+        const o = new ResizeObserver(() => {
+          a.scrollToBottom && (le(), setTimeout(() => {
+            C();
           }, 200), setTimeout(() => {
-            F();
+            C();
           }, 800));
         });
-        r.value && s.observe(r.value);
+        r.value && o.observe(r.value);
       });
-    }), (s, n) => (i(), c("div", ze, [
-      e.objects.length > 0 || e.typing ? (i(), c("div", {
+    }), (o, n) => (l(), c("div", Ee, [
+      e.objects.length > 0 || e.typing ? (l(), c("div", {
         key: 0,
-        id: "feed-container-" + o(y),
+        id: "feed-container-" + s(y),
         ref_key: "refFeed",
         ref: r,
         class: "message-feed",
-        style: K({ backgroundImage: `url(${C.value})` }),
-        onScroll: n[0] || (n[0] = (t) => o(re)()),
+        style: O({ backgroundImage: `url(${F.value})` }),
+        onScroll: n[0] || (n[0] = (t) => s(de)()),
         onMousedown: n[1] || (n[1] = //@ts-ignore
-        (...t) => o(T) && o(T)(...t)),
+        (...t) => s(I) && s(I)(...t)),
         onMouseup: n[2] || (n[2] = //@ts-ignore
-        (...t) => o(A) && o(A)(...t))
+        (...t) => s(T) && s(T)(...t))
       }, [
-        x(s.$slots, "prepend", {}, void 0, !0),
-        ye(h("div", Pe, [
-          g(Me, {
+        j(o.$slots, "prepend", {}, void 0, !0),
+        pe(h("div", Ne, [
+          g(Fe, {
             "is-loading": e.isLoadingMore,
             size: "small",
             position: "top"
           }, null, 8, ["is-loading"])
         ], 512), [
-          [pe, e.isLoadingMore]
+          [be, e.isLoadingMore]
         ]),
         g(v, null, {
           default: S(() => [
-            o(te) && !e.isLoadingMore ? (i(), f(Re, {
+            s(oe) && !e.isLoadingMore ? (l(), f(Be, {
               key: 0,
               class: "message-feed__sticky-date",
-              text: o(oe)
+              text: s(se)
             }, null, 8, ["text"])) : u("", !0)
           ]),
           _: 1
         }),
-        (i(!0), c(be, null, ke(o(E), (t, m) => (i(), c("div", {
+        (l(!0), c(ke, null, he(s(z), (t, m) => (l(), c("div", {
           id: "msg-" + (t.messageId ?? "mid-" + m),
           key: t.messageId ?? "mid-" + m,
-          "data-timestamp": P(t),
+          "data-timestamp": E(t),
           class: "tracking-message",
-          onDblclick: (p) => o(J)(p, t)
+          onDblclick: (p) => s(Q)(p, t)
         }, [
-          (i(), f(he(o(q)(t.type)), {
+          (l(), f(ve(s(q)(t.type)), Se({
             key: t.messageId ?? "mid-" + m,
             class: "message-feed__message",
             message: t,
             "apply-style": e.applyStyle,
             "is-first-in-series": t.isFirstInSeries,
-            "reactions-enabled": z.value,
+            "reactions-enabled": P.value,
             "subtext-tooltip-data": e.subtextTooltipData,
-            channel: W(t),
-            onAction: o(U),
-            onReply: o(H),
-            onSmsInvite: (p) => X(t),
-            onRead: Y
-          }, null, 40, ["message", "apply-style", "is-first-in-series", "reactions-enabled", "subtext-tooltip-data", "channel", "onAction", "onReply", "onSmsInvite"]))
-        ], 40, We))), 128)),
-        e.typing ? (i(), f(Ae, {
+            channel: W(t)
+          }, { ref_for: !0 }, N(t), {
+            onAction: s(H),
+            onReply: s(J),
+            onSmsInvite: (p) => Y(t),
+            onRead: Z
+          }), null, 16, ["message", "apply-style", "is-first-in-series", "reactions-enabled", "subtext-tooltip-data", "channel", "onAction", "onReply", "onSmsInvite"]))
+        ], 40, Ge))), 128)),
+        e.typing ? (l(), f(Ce, {
           key: 0,
           message: {
             subText: e.typing.title,
@@ -285,61 +298,61 @@ const ze = { class: "message-feed-wrapper" }, Ee = ["id"], Pe = { class: "messag
         }, null, 8, ["message"])) : u("", !0),
         g(v, null, {
           default: S(() => [
-            o(Z) ? (i(), f(Ie, {
+            s(_) ? (l(), f(Te, {
               key: 0,
               ref_key: "keyboardRef",
               ref: R,
               class: "message-feed__keyboard",
               keyboard: e.objects[e.objects.length - 1].keyboard,
               align: e.keyboardAlign,
-              onAction: o(_)
+              onAction: s(ee)
             }, null, 8, ["keyboard", "align", "onAction"])) : u("", !0)
           ]),
           _: 1
         }),
-        e.feedKeyboards && e.feedKeyboards.length > 0 ? (i(), f(Te, {
+        e.feedKeyboards && e.feedKeyboards.length > 0 ? (l(), f(Ae, {
           key: 1,
           buttons: e.feedKeyboards,
           align: e.feedKeyboardAlign,
-          onAction: o(ee)
+          onAction: s(te)
         }, null, 8, ["buttons", "align", "onAction"])) : u("", !0)
-      ], 44, Ee)) : (i(), c("div", {
+      ], 44, We)) : (l(), c("div", {
         key: 1,
         ref_key: "refFeed",
         ref: r,
         class: "message-feed",
-        style: K({ backgroundImage: `url(${C.value})` })
+        style: O({ backgroundImage: `url(${F.value})` })
       }, [
-        h("div", Ne, [
-          x(s.$slots, "empty-feed", {}, void 0, !0)
+        h("div", Ue, [
+          j(o.$slots, "empty-feed", {}, void 0, !0)
         ])
       ], 4)),
       g(v, null, {
         default: S(() => [
-          o(O) ? (i(), c("button", {
+          s(L) ? (l(), c("button", {
             key: 0,
             class: "message-feed__button-down",
-            onClick: de
+            onClick: ce
           }, [
-            e.buttonParams ? (i(), c("div", Ge, ve(e.buttonParams.unreadAmount), 1)) : u("", !0),
+            e.buttonParams ? (l(), c("div", He, Re(e.buttonParams.unreadAmount), 1)) : u("", !0),
             n[3] || (n[3] = h("span", { class: "pi pi-angle-down message-feed__icon-down" }, null, -1))
           ])) : u("", !0)
         ]),
         _: 1
       }),
-      o(M)().reply ? (i(), f(Se, {
+      s(A)().reply ? (l(), f(Me, {
         key: 2,
-        to: "#chat-input-reply-line-" + o(y)
+        to: "#chat-input-reply-line-" + s(y)
       }, [
-        g(Be, {
+        g(Ie, {
           class: "chat-input-reply",
-          message: o(M)().reply,
-          onReset: o(Q)
+          message: s(A)().reply,
+          onReset: s(X)
         }, null, 8, ["message", "onReset"])
       ], 8, ["to"])) : u("", !0)
     ]));
   }
 });
 export {
-  ut as default
+  ft as default
 };

package/dist/types/components/2_feed_elements/CallMessage/CallMessage.vue.d.ts

@@ -4,6 +4,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: () => ICallMessage;
         required: true;
     };
+    /**
+     * Позволяет переопределить действие кнопки "Перезвонить" снаружи (например, из feed).
+     * Если не задано, компонент эмитит событие `call`.
+     */
+    onCall: {
+        type: () => ((message: ICallMessage) => void) | undefined;
+        required: false;
+        default: undefined;
+    };
     applyStyle: {
         type: FunctionConstructor;
         default: () => null;
@@ -16,11 +25,21 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     action: (...args: any[]) => void;
     reply: (...args: any[]) => void;
+    call: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     message: {
         type: () => ICallMessage;
         required: true;
     };
+    /**
+     * Позволяет переопределить действие кнопки "Перезвонить" снаружи (например, из feed).
+     * Если не задано, компонент эмитит событие `call`.
+     */
+    onCall: {
+        type: () => ((message: ICallMessage) => void) | undefined;
+        required: false;
+        default: undefined;
+    };
     applyStyle: {
         type: FunctionConstructor;
         default: () => null;
@@ -33,8 +52,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>> & Readonly<{
     onAction?: ((...args: any[]) => any) | undefined;
     onReply?: ((...args: any[]) => any) | undefined;
+    onCall?: ((...args: any[]) => any) | undefined;
 }>, {
     applyStyle: Function;
     subtextTooltipData: Record<string, string>;
+    onCall: ((message: ICallMessage) => void) | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/types/components/3_compounds/Feed/Feed.vue.d.ts

@@ -80,6 +80,15 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         required: false;
         default: () => {};
     };
+    /**
+     * Позволяет переопределить действие "Перезвонить" для `message.call`.
+     * Будет передано внутрь `CallMessage` как проп `onCall`.
+     */
+    callMessageOnCallback: {
+        type: () => ((message: IFeedObject) => void) | undefined;
+        required: false;
+        default: undefined;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     loadMore: (...args: any[]) => void;
     smsInvite: (...args: any[]) => void;
@@ -166,6 +175,15 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         required: false;
         default: () => {};
     };
+    /**
+     * Позволяет переопределить действие "Перезвонить" для `message.call`.
+     * Будет передано внутрь `CallMessage` как проп `onCall`.
+     */
+    callMessageOnCallback: {
+        type: () => ((message: IFeedObject) => void) | undefined;
+        required: false;
+        default: undefined;
+    };
 }>> & Readonly<{
     onLoadMore?: ((...args: any[]) => any) | undefined;
     onSmsInvite?: ((...args: any[]) => any) | undefined;
@@ -191,6 +209,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     feedKeyboards: IFeedKeyboard[];
     feedKeyboardAlign: "left" | "right" | "center";
     isLoadingMore: boolean;
+    callMessageOnCallback: ((message: IFeedObject) => void) | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mobilon-dev/chotto",
-  "version": "0.3.73",
+  "version": "0.3.74",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",