@mobilon-dev/chotto 0.3.44 → 0.3.46

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

@@ -1,25 +1,25 @@
-import { defineComponent as ne, ref as b, computed as i, inject as ae, watch as re, nextTick as C, onMounted as ie, createElementBlock as d, openBlock as s, Fragment as D, createBlock as m, createCommentVNode as c, unref as t, normalizeStyle as I, createVNode as y, Transition as p, withCtx as k, renderList as de, resolveDynamicComponent as ce, createElementVNode as w, toDisplayString as ue, renderSlot as me, Teleport as fe } from "vue";
-import ye from "../../2_feed_elements/DateMessageSticky/DateMessageSticky.vue.js";
-import ge from "../../2_feed_elements/BaseReplyMessage/BaseReplyMessage.vue.js";
-import be from "../../2_feed_elements/MessageKeyboard/MessageKeyboard.vue.js";
-import pe from "../../2_feed_elements/FeedKeyboard/FeedKeyboard.vue.js";
-import ke from "../../2_feed_elements/TypingMessage/TypingMessage.vue.js";
-import { useFeedButton as ve } from "./composables/useFeedButton.js";
-import { useFeedComponents as Se } from "./composables/useFeedComponents.js";
-import { useFeedGrouping as he } from "./composables/useFeedGrouping.js";
-import { useFeedKeyboard as Re } from "./composables/useFeedKeyboard.js";
-import { useFeedLoadMore as Be } from "./composables/useFeedLoadMore.js";
-import { useFeedMessageVisibility as Te } from "./composables/useFeedMessageVisibility.js";
-import { useFeedReply as Ae } from "./composables/useFeedReply.js";
-import { useFeedScroll as Fe } from "./composables/useFeedScroll.js";
-import { useFeedScrollTo as Me } from "./composables/useFeedScrollTo.js";
-import { useStickyDate as Ce } from "./composables/useStickyDate.js";
-import { throttle as De } from "./functions/throttle.js";
-import Ie from "./assets/chat-background.svg.js";
-const we = ["id"], je = ["id", "onDblclick"], Ke = {
+import { defineComponent as de, ref as k, computed as i, inject as D, unref as e, watch as ce, nextTick as w, onMounted as ue, createElementBlock as d, openBlock as s, Fragment as j, createBlock as m, createCommentVNode as c, normalizeStyle as K, createVNode as b, Transition as h, withCtx as v, renderList as me, resolveDynamicComponent as fe, createElementVNode as x, toDisplayString as ye, renderSlot as ge, Teleport as be } from "vue";
+import pe from "../../2_feed_elements/DateMessageSticky/DateMessageSticky.vue.js";
+import ke from "../../2_feed_elements/BaseReplyMessage/BaseReplyMessage.vue.js";
+import he from "../../2_feed_elements/MessageKeyboard/MessageKeyboard.vue.js";
+import ve from "../../2_feed_elements/FeedKeyboard/FeedKeyboard.vue.js";
+import Se from "../../2_feed_elements/TypingMessage/TypingMessage.vue.js";
+import { useFeedButton as Re } from "./composables/useFeedButton.js";
+import { useFeedComponents as Be } from "./composables/useFeedComponents.js";
+import { useFeedGrouping as Te } from "./composables/useFeedGrouping.js";
+import { useFeedKeyboard as Ae } from "./composables/useFeedKeyboard.js";
+import { useFeedLoadMore as Ie } from "./composables/useFeedLoadMore.js";
+import { useFeedMessageVisibility as Ce } from "./composables/useFeedMessageVisibility.js";
+import { useFeedReply as Fe } from "./composables/useFeedReply.js";
+import { useFeedScroll as Me } from "./composables/useFeedScroll.js";
+import { useFeedScrollTo as De } from "./composables/useFeedScrollTo.js";
+import { useStickyDate as we } from "./composables/useStickyDate.js";
+import { throttle as je } from "./functions/throttle.js";
+import Ke from "./assets/chat-background.svg.js";
+const xe = ["id"], $e = ["id", "onDblclick"], Oe = {
   key: 0,
   class: "message-feed__unread-amount"
-}, xe = { style: { margin: "auto" } }, _e = /* @__PURE__ */ ne({
+}, Ve = { style: { margin: "auto" } }, ot = /* @__PURE__ */ de({
   __name: "Feed",
   props: {
     objects: {
@@ -55,7 +55,7 @@ const we = ["id"], je = ["id", "onDblclick"], Ke = {
     keyboardAlign: {
       type: String,
       default: "right",
-      validator: (e) => ["left", "center", "right"].includes(e)
+      validator: (t) => ["left", "center", "right"].includes(t)
     },
     feedKeyboards: {
       type: Array,
@@ -65,7 +65,7 @@ const we = ["id"], je = ["id", "onDblclick"], Ke = {
     feedKeyboardAlign: {
       type: String,
       default: "right",
-      validator: (e) => ["left", "center", "right"].includes(e)
+      validator: (t) => ["left", "center", "right"].includes(t)
     },
     chatBackground: {
       type: String,
@@ -96,207 +96,220 @@ const we = ["id"], je = ["id", "onDblclick"], Ke = {
     "feedAction",
     "smsInvite"
   ],
-  setup(e, { emit: j }) {
-    const l = e, g = b(), n = b(), v = b(), {
-      isShowButton: K,
-      isKeyboardPlace: x,
-      checkButtonVisibility: $
-    } = ve({
-      feedRef: n,
-      keyboardRef: v
-    }), { componentsMap: O } = Se(), V = i(() => l.reactionsEnabled), { groupedObjects: q } = he({
-      objects: i(() => l.objects)
-    }), f = ae("chatAppId"), u = j, {
-      checkScrollPosition: z,
-      startScrollWatch: S,
-      stopScrollWatch: h,
-      resetAllowFlags: E
-    } = Be({
-      feedRef: n,
+  setup(t, { emit: $ }) {
+    const n = t, p = k(), r = k(), S = k(), {
+      isShowButton: O,
+      isKeyboardPlace: V,
+      checkButtonVisibility: q
+    } = Re({
+      feedRef: r,
+      keyboardRef: S
+    }), { componentsMap: z } = Be(), E = i(() => n.reactionsEnabled), { groupedObjects: L } = Te({
+      objects: i(() => n.objects)
+    }), y = D("chatAppId"), R = D("selectedChat", void 0), B = i(() => {
+      if (R)
+        return e(R);
+    });
+    function P(l) {
+      var f;
+      const a = l;
+      if (!a.dialogId || !((f = B.value) != null && f.dialogs))
+        return;
+      const o = B.value.dialogs.find((g) => g.dialogId === a.dialogId);
+      return o == null ? void 0 : o.channelId;
+    }
+    const u = $, {
+      checkScrollPosition: N,
+      startScrollWatch: T,
+      stopScrollWatch: A,
+      resetAllowFlags: W
+    } = Ie({
+      feedRef: r,
       emit: u,
-      isLoadingMoreRef: i(() => l.isLoadingMore)
+      isLoadingMoreRef: i(() => n.isLoadingMore)
     }), {
-      getMessage: R,
-      messageAction: L,
-      handleClickReplied: P,
-      feedObjectDoubleClick: N,
-      handleResetReply: W
-    } = Ae({
-      enableDoubleClickReply: l.enableDoubleClickReply,
+      getMessage: I,
+      messageAction: G,
+      handleClickReplied: J,
+      feedObjectDoubleClick: U,
+      handleResetReply: H
+    } = Fe({
+      enableDoubleClickReply: n.enableDoubleClickReply,
       emit: u
     });
-    function G(a) {
-      u("smsInvite", a);
+    function Q(l) {
+      u("smsInvite", l);
     }
     const {
-      showKeyboard: J,
-      keyboardAction: U,
-      feedKeyboardAction: H
-    } = Re({
-      isKeyboardPlace: x,
-      objects: i(() => l.objects),
+      showKeyboard: X,
+      keyboardAction: Y,
+      feedKeyboardAction: Z
+    } = Ae({
+      isKeyboardPlace: V,
+      objects: i(() => n.objects),
       emit: u
     }), {
-      showStickyDate: Q,
-      stickyDateText: X,
-      show: Y
-    } = Ce({
-      feedRef: n,
-      trackingObjects: g
+      showStickyDate: _,
+      stickyDateText: ee,
+      show: te
+    } = we({
+      feedRef: r,
+      trackingObjects: p
     }), {
-      isInitialized: Z,
-      performScrollToBottom: _,
-      ensureScrollToBottom: B,
-      initializeScroll: ee,
-      smoothScrollToBottom: te
-    } = Fe({
-      feedRef: n,
-      objectsRef: i(() => l.objects),
-      scrollToBottomRef: i(() => l.scrollToBottom)
-    }), T = i(() => l.chatBackground ?? `data:image/svg+xml;charset=utf-8,${encodeURIComponent(Ie)}`);
-    function A(a = !0) {
-      $(), z(a), Y();
+      isInitialized: oe,
+      performScrollToBottom: se,
+      ensureScrollToBottom: C,
+      initializeScroll: ne,
+      smoothScrollToBottom: le
+    } = Me({
+      feedRef: r,
+      objectsRef: i(() => n.objects),
+      scrollToBottomRef: i(() => n.scrollToBottom)
+    }), F = i(() => n.chatBackground ?? `data:image/svg+xml;charset=utf-8,${encodeURIComponent(Ke)}`);
+    function M(l = !0) {
+      q(), N(l), te();
     }
-    const oe = De(() => A(), 250);
-    function se() {
-      u("forceScrollToBottom"), te();
+    const ae = je(() => M(), 250);
+    function re() {
+      u("forceScrollToBottom"), le();
     }
-    const { restartObserving: le } = Te({
-      feedRef: n,
-      trackingObjects: g,
-      chatAppId: f,
-      onMessageVisible: (a) => u("messageVisible", a)
+    const { restartObserving: ie } = Ce({
+      feedRef: r,
+      trackingObjects: p,
+      chatAppId: y,
+      onMessageVisible: (l) => u("messageVisible", l)
     });
-    return re(
-      () => l.objects,
+    return ce(
+      () => n.objects,
       () => {
-        C(() => {
-          E(), A(!1), g.value = document.querySelectorAll(".tracking-message"), le();
+        w(() => {
+          W(), M(!1), p.value = document.querySelectorAll(".tracking-message"), ie();
         });
       },
       { immediate: !0 }
-    ), Me({
-      targetIdRef: i(() => l.scrollTo),
-      feedContainerId: `feed-container-${f}`
-    }), ie(() => {
-      C(() => {
-        l.objects.length > 0 && !Z.value && ee();
-        const a = new ResizeObserver(() => {
-          l.scrollToBottom && (_(), setTimeout(() => {
-            B();
+    ), De({
+      targetIdRef: i(() => n.scrollTo),
+      feedContainerId: `feed-container-${y}`
+    }), ue(() => {
+      w(() => {
+        n.objects.length > 0 && !oe.value && ne();
+        const l = new ResizeObserver(() => {
+          n.scrollToBottom && (se(), setTimeout(() => {
+            C();
           }, 200), setTimeout(() => {
-            B();
+            C();
           }, 800));
         });
-        n.value && a.observe(n.value);
+        r.value && l.observe(r.value);
       });
-    }), (a, r) => (s(), d(D, null, [
-      e.objects.length > 0 || e.typing ? (s(), d("div", {
+    }), (l, a) => (s(), d(j, null, [
+      t.objects.length > 0 || t.typing ? (s(), d("div", {
         key: 0,
-        id: "feed-container-" + t(f),
+        id: "feed-container-" + e(y),
         ref_key: "refFeed",
-        ref: n,
+        ref: r,
         class: "message-feed",
-        style: I({ backgroundImage: `url(${T.value})` }),
-        onScroll: r[0] || (r[0] = (o) => t(oe)()),
-        onMousedown: r[1] || (r[1] = //@ts-ignore
-        (...o) => t(S) && t(S)(...o)),
-        onMouseup: r[2] || (r[2] = //@ts-ignore
-        (...o) => t(h) && t(h)(...o))
+        style: K({ backgroundImage: `url(${F.value})` }),
+        onScroll: a[0] || (a[0] = (o) => e(ae)()),
+        onMousedown: a[1] || (a[1] = //@ts-ignore
+        (...o) => e(T) && e(T)(...o)),
+        onMouseup: a[2] || (a[2] = //@ts-ignore
+        (...o) => e(A) && e(A)(...o))
       }, [
-        y(p, null, {
-          default: k(() => [
-            t(Q) ? (s(), m(ye, {
+        b(h, null, {
+          default: v(() => [
+            e(_) ? (s(), m(pe, {
               key: 0,
               class: "message-feed__sticky-date",
-              text: t(X)
+              text: e(ee)
             }, null, 8, ["text"])) : c("", !0)
           ]),
           _: 1
         }),
-        (s(!0), d(D, null, de(t(q), (o, F) => (s(), d("div", {
+        (s(!0), d(j, null, me(e(L), (o, f) => (s(), d("div", {
           id: JSON.stringify(o),
-          key: `${o.messageId ?? "mid"}-${F}`,
+          key: `${o.messageId ?? "mid"}-${f}`,
           class: "tracking-message",
-          onDblclick: (M) => t(N)(M, o)
+          onDblclick: (g) => e(U)(g, o)
         }, [
-          (s(), m(ce(t(O)(o.type)), {
-            key: `${o.messageId ?? "mid"}-${F}`,
+          (s(), m(fe(e(z)(o.type)), {
+            key: `${o.messageId ?? "mid"}-${f}`,
             class: "message-feed__message",
             message: o,
-            "apply-style": e.applyStyle,
+            "apply-style": t.applyStyle,
             "is-first-in-series": o.isFirstInSeries,
-            "reactions-enabled": V.value,
-            "subtext-tooltip-data": e.subtextTooltipData,
-            onAction: t(L),
-            onReply: t(P),
-            onSmsInvite: (M) => G(o)
-          }, null, 40, ["message", "apply-style", "is-first-in-series", "reactions-enabled", "subtext-tooltip-data", "onAction", "onReply", "onSmsInvite"]))
-        ], 40, je))), 128)),
-        e.typing ? (s(), m(ke, {
+            "reactions-enabled": E.value,
+            "subtext-tooltip-data": t.subtextTooltipData,
+            channel: P(o),
+            onAction: e(G),
+            onReply: e(J),
+            onSmsInvite: (g) => Q(o)
+          }, null, 40, ["message", "apply-style", "is-first-in-series", "reactions-enabled", "subtext-tooltip-data", "channel", "onAction", "onReply", "onSmsInvite"]))
+        ], 40, $e))), 128)),
+        t.typing ? (s(), m(Se, {
           key: 0,
           message: {
-            subText: e.typing.title,
-            avatar: e.typing.avatar
+            subText: t.typing.title,
+            avatar: t.typing.avatar
           }
         }, null, 8, ["message"])) : c("", !0),
-        y(p, null, {
-          default: k(() => [
-            t(J) ? (s(), m(be, {
+        b(h, null, {
+          default: v(() => [
+            e(X) ? (s(), m(he, {
               key: 0,
               ref_key: "keyboardRef",
-              ref: v,
+              ref: S,
               class: "message-feed__keyboard",
-              keyboard: e.objects[e.objects.length - 1].keyboard,
-              align: e.keyboardAlign,
-              onAction: t(U)
+              keyboard: t.objects[t.objects.length - 1].keyboard,
+              align: t.keyboardAlign,
+              onAction: e(Y)
             }, null, 8, ["keyboard", "align", "onAction"])) : c("", !0)
           ]),
           _: 1
         }),
-        y(p, null, {
-          default: k(() => [
-            t(K) ? (s(), d("button", {
+        b(h, null, {
+          default: v(() => [
+            e(O) ? (s(), d("button", {
               key: 0,
               class: "message-feed__button-down",
-              onClick: se
+              onClick: re
             }, [
-              e.buttonParams ? (s(), d("div", Ke, ue(e.buttonParams.unreadAmount), 1)) : c("", !0),
-              r[3] || (r[3] = w("span", { class: "pi pi-angle-down message-feed__icon-down" }, null, -1))
+              t.buttonParams ? (s(), d("div", Oe, ye(t.buttonParams.unreadAmount), 1)) : c("", !0),
+              a[3] || (a[3] = x("span", { class: "pi pi-angle-down message-feed__icon-down" }, null, -1))
             ])) : c("", !0)
           ]),
           _: 1
         }),
-        e.feedKeyboards && e.feedKeyboards.length > 0 ? (s(), m(pe, {
+        t.feedKeyboards && t.feedKeyboards.length > 0 ? (s(), m(ve, {
           key: 1,
-          buttons: e.feedKeyboards,
-          align: e.feedKeyboardAlign,
-          onAction: t(H)
+          buttons: t.feedKeyboards,
+          align: t.feedKeyboardAlign,
+          onAction: e(Z)
         }, null, 8, ["buttons", "align", "onAction"])) : c("", !0)
-      ], 44, we)) : (s(), d("div", {
+      ], 44, xe)) : (s(), d("div", {
         key: 1,
         ref_key: "refFeed",
-        ref: n,
+        ref: r,
         class: "message-feed",
-        style: I({ backgroundImage: `url(${T.value})` })
+        style: K({ backgroundImage: `url(${F.value})` })
       }, [
-        w("div", xe, [
-          me(a.$slots, "empty-feed", {}, void 0, !0)
+        x("div", Ve, [
+          ge(l.$slots, "empty-feed", {}, void 0, !0)
         ])
       ], 4)),
-      t(R)().reply ? (s(), m(fe, {
+      e(I)().reply ? (s(), m(be, {
         key: 2,
-        to: "#chat-input-reply-line-" + t(f)
+        to: "#chat-input-reply-line-" + e(y)
       }, [
-        y(ge, {
+        b(ke, {
           class: "chat-input-reply",
-          message: t(R)().reply,
-          onReset: t(W)
+          message: e(I)().reply,
+          onReset: e(H)
         }, null, 8, ["message", "onReset"])
       ], 8, ["to"])) : c("", !0)
     ], 64));
   }
 });
 export {
-  _e as default
+  ot as default
 };

package/dist/types/apps/data/chats.d.ts

@@ -160,10 +160,13 @@ export declare const chats: ({
     chatId: number;
     name: string;
     countUnread: number;
-    lastMessage: string;
+    lastMessage: {
+        type: string;
+        data?: undefined;
+    };
+    'lastMessage.status': string;
     'lastActivity.time': string;
     'lastActivity.timestamp': string;
-    'lastMessage.status': string;
     actions: {
         action: string;
         title: string;
@@ -190,6 +193,7 @@ export declare const chats: ({
             text: string;
             url: string;
             filename: string;
+            isVoiceMessage?: undefined;
         };
     };
     'lastMessage.status': string;
@@ -243,6 +247,7 @@ export declare const chats: ({
             text: string;
             url: string;
             filename: string;
+            isVoiceMessage?: undefined;
         };
     };
     'lastActivity.time': string;
@@ -297,6 +302,7 @@ export declare const chats: ({
             text: string;
             url: string;
             filename: string;
+            isVoiceMessage?: undefined;
         };
     };
     'lastActivity.time': string;
@@ -366,11 +372,76 @@ export declare const chats: ({
             text: string;
             url: string;
             filename: string;
+            isVoiceMessage?: undefined;
+        };
+    };
+    'lastActivity.time': string;
+    'lastActivity.timestamp': string;
+    'lastMessage.status': string;
+    actions: {
+        action: string;
+        title: string;
+    }[];
+    metadata: string;
+    avatar?: undefined;
+    isFixedBottom?: undefined;
+    status?: undefined;
+    typing?: undefined;
+    dialogsExpanded?: undefined;
+    dialogs?: undefined;
+    contact?: undefined;
+    colorUnread?: undefined;
+    isFixedTop?: undefined;
+    statusMessage?: undefined;
+    isFixed?: undefined;
+} | {
+    chatId: number;
+    name: string;
+    countUnread: number;
+    lastMessage: {
+        type: string;
+        data: {
+            url: string;
+            filename: string;
+            text?: undefined;
+            isVoiceMessage?: undefined;
         };
     };
+    'lastMessage.status': string;
     'lastActivity.time': string;
     'lastActivity.timestamp': string;
+    actions: {
+        action: string;
+        title: string;
+    }[];
+    metadata: string;
+    avatar?: undefined;
+    isFixedBottom?: undefined;
+    status?: undefined;
+    typing?: undefined;
+    dialogsExpanded?: undefined;
+    dialogs?: undefined;
+    contact?: undefined;
+    colorUnread?: undefined;
+    isFixedTop?: undefined;
+    statusMessage?: undefined;
+    isFixed?: undefined;
+} | {
+    chatId: number;
+    name: string;
+    countUnread: number;
+    lastMessage: {
+        type: string;
+        data: {
+            url: string;
+            filename: string;
+            isVoiceMessage: boolean;
+            text?: undefined;
+        };
+    };
     'lastMessage.status': string;
+    'lastActivity.time': string;
+    'lastActivity.timestamp': string;
     actions: {
         action: string;
         title: string;

package/dist/types/components/2_chatlist_elements/ChatItem/icons/AudioIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/components/2_chatlist_elements/ChatItem/icons/MissedCallIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/components/2_chatlist_elements/ChatItem/icons/VoiceIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/components/2_chatlist_elements/ChatItem/icons/index.d.ts

@@ -0,0 +1,7 @@
+export { default as AudioIcon } from './AudioIcon.vue';
+export { default as FileIcon } from './FileIcon.vue';
+export { default as ImageIcon } from './ImageIcon.vue';
+export { default as MissedCallIcon } from './MissedCallIcon.vue';
+export { default as StickerIcon } from './StickerIcon.vue';
+export { default as VideoIcon } from './VideoIcon.vue';
+export { default as VoiceIcon } from './VoiceIcon.vue';

package/dist/types/components/2_chatlist_elements/ChatItem/types.d.ts

@@ -29,10 +29,12 @@ export interface ILastMessageObject {
     channelId?: string;
     senderId?: string;
     type?: string;
+    isVoiceMessage?: boolean;
     data?: {
         text?: string;
         url?: string;
         filename?: string;
+        isVoiceMessage?: boolean;
     };
     timestampms?: number;
     channel?: {

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

@@ -21,6 +21,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: false;
         default: () => {};
     };
+    channel: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     action: (...args: any[]) => void;
     reply: (...args: any[]) => void;
@@ -47,11 +52,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: false;
         default: () => {};
     };
+    channel: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
 }>> & Readonly<{
     onAction?: ((...args: any[]) => any) | undefined;
     onReply?: ((...args: any[]) => any) | undefined;
     "onSms-invite"?: ((...args: any[]) => any) | undefined;
 }>, {
+    channel: string;
     applyStyle: Function;
     isFirstInSeries: boolean;
     reactionsEnabled: boolean;

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

@@ -21,6 +21,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: false;
         default: () => {};
     };
+    channel: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     action: (...args: any[]) => void;
     reply: (...args: any[]) => void;
@@ -47,11 +52,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: false;
         default: () => {};
     };
+    channel: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
 }>> & Readonly<{
     onAction?: ((...args: any[]) => any) | undefined;
     onReply?: ((...args: any[]) => any) | undefined;
     "onSms-invite"?: ((...args: any[]) => any) | undefined;
 }>, {
+    channel: string;
     applyStyle: Function;
     isFirstInSeries: boolean;
     reactionsEnabled: boolean;

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

@@ -21,6 +21,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: false;
         default: () => {};
     };
+    channel: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     action: (...args: any[]) => void;
     reply: (...args: any[]) => void;
@@ -47,11 +52,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: false;
         default: () => {};
     };
+    channel: {
+        type: StringConstructor;
+        required: false;
+        default: undefined;
+    };
 }>> & Readonly<{
     onAction?: ((...args: any[]) => any) | undefined;
     onReply?: ((...args: any[]) => any) | undefined;
     "onSms-invite"?: ((...args: any[]) => any) | undefined;
 }>, {
+    channel: string;
     applyStyle: Function;
     isFirstInSeries: boolean;
     reactionsEnabled: boolean;