@mobilon-dev/chotto 0.3.23 → 0.3.25

package/dist/types/apps/stories/BasicChatExample.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const BasicExample: Story;

package/dist/types/components/2_blocks/CommunicationPanel/CommunicationPanel.vue.d.ts

@@ -1,16 +1,16 @@
 declare const _default: import("vue").DefineComponent<{}, {
     $emit: (event: "select-attribute-channel" | "phone-call", ...args: any[]) => void;
     channels: unknown[];
+    channelTooltips: Record<string, any>;
     contactAttributes: unknown[];
     recentAttributeChannels: Record<string, any>;
     selectedDialog: Record<string, any>;
-    channelTooltips: Record<string, any>;
     $props: {
         readonly channels?: unknown[] | undefined;
+        readonly channelTooltips?: Record<string, any> | undefined;
         readonly contactAttributes?: unknown[] | undefined;
         readonly recentAttributeChannels?: Record<string, any> | undefined;
         readonly selectedDialog?: Record<string, any> | undefined;
-        readonly channelTooltips?: Record<string, any> | undefined;
     };
 }, {}, {}, {}, 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_blocks/CommunicationPanel/composables/useCommunicationActions.d.ts

@@ -0,0 +1,56 @@
+import type { Ref, ComputedRef } from 'vue';
+import type { ContactAttribute } from './useCommunicationAttributes';
+/**
+ * Тип канала панели коммуникаций.
+ */
+type Channel = {
+    channelId: string;
+    title?: string;
+    [key: string]: unknown;
+};
+/**
+ * Тип информации о недавно использованном атрибуте для канала.
+ */
+type RecentAttributeMap = Record<string, {
+    channelId?: string;
+} | undefined>;
+/**
+ * Сигнатуры событий, которые эмитит панель.
+ */
+interface CommunicationActionsEmit {
+    (event: 'select-attribute-channel', payload: {
+        attributeId: string;
+        channelId: string;
+    }): void;
+    (event: 'phone-call', payload: {
+        attributeId: string;
+        phoneNumber: unknown;
+    }): void;
+}
+interface UseCommunicationActionsOptions {
+    activeChannelType: Ref<string | null>;
+    channels: ComputedRef<Channel[]>;
+    recentAttributeChannels: ComputedRef<RecentAttributeMap>;
+    selectedChannel: Ref<Channel | Record<string, unknown>>;
+    selectedChannelType: Ref<string | null>;
+    isRecentAttributeHovered: Ref<boolean>;
+    hoveredAttribute: Ref<ContactAttribute | null>;
+    closeMenu: () => void;
+    hasMultipleChannels: (channelType: string) => boolean;
+    getSingleChannelForType: (channelType: string) => Channel | null;
+    getAvailableChannels: (channelType: string) => Channel[];
+    emit: CommunicationActionsEmit;
+}
+/**
+ * Инкапсулирует действия панели: звонок, выбор каналов, выбор атрибутов и работу с недавними атрибутами.
+ */
+export declare function useCommunicationActions({ activeChannelType, channels, recentAttributeChannels, selectedChannel, selectedChannelType, isRecentAttributeHovered, hoveredAttribute, closeMenu, hasMultipleChannels, getSingleChannelForType, getAvailableChannels, emit, }: UseCommunicationActionsOptions): {
+    handlePhoneCall: (attribute: ContactAttribute | null | undefined) => void;
+    handleRecentAttributeClick: (recentAttribute: ContactAttribute | null) => void;
+    handleAttributeClick: (attribute: ContactAttribute) => void;
+    selectSingleChannel: (attribute: ContactAttribute, channelId: string) => void;
+    selectChannelForRecentAttribute: (channelId: string, recentAttribute: ContactAttribute | null) => void;
+    selectChannel: (channelId: string) => void;
+    availableChannels: () => Channel[];
+};
+export {};

package/dist/types/components/2_blocks/CommunicationPanel/composables/useCommunicationAttributes.d.ts

@@ -0,0 +1,49 @@
+import { type Ref, type ComputedRef } from 'vue';
+/**
+ * Тип контактного атрибута из панели коммуникаций.
+ */
+export type ContactAttribute = {
+    id: string;
+    type: string;
+    value?: string;
+    data?: unknown;
+    [key: string]: unknown;
+};
+/**
+ * Тип описания недавнего атрибута в пропсах.
+ */
+export type RecentAttributeChannel = {
+    attributeId?: string;
+    channelId?: string;
+    tooltip?: string;
+    [key: string]: unknown;
+};
+type MaybeRef<T> = T | Ref<T> | ComputedRef<T>;
+/**
+ * Параметры composable для работы с контактными атрибутами.
+ */
+interface UseCommunicationAttributesOptions {
+    /** Реактивный список контактных атрибутов */
+    contactAttributes: MaybeRef<ContactAttribute[]>;
+    /** Реактивная карта недавних атрибутов по типам */
+    recentAttributeChannels: MaybeRef<Record<string, RecentAttributeChannel>>;
+    /** Текущий активный тип канала */
+    activeChannelType: Ref<string | null>;
+    /** Текущий замороженный атрибут (подсвеченный) */
+    frozenAttribute: Ref<{
+        id?: string;
+    } | null>;
+}
+/**
+ * Формирует структуру организованных атрибутов, вычисляет "последний" атрибут
+ * для активного канала и предоставляет вспомогательные методы для панели коммуникаций.
+ */
+export declare function useCommunicationAttributes({ contactAttributes, recentAttributeChannels, activeChannelType, frozenAttribute, }: UseCommunicationAttributesOptions): {
+    organizedContactAttributes: Ref<Record<string, ContactAttribute[]>, Record<string, ContactAttribute[]>>;
+    organizeContactAttributes: () => void;
+    recentAttribute: ComputedRef<ContactAttribute | null>;
+    getRecentAttributeByType: (channelType: string) => ContactAttribute | null;
+    showRecentAttribute: ComputedRef<boolean>;
+    isAttributeFrozen: (attribute: ContactAttribute | null | undefined) => boolean;
+};
+export {};

package/dist/types/components/2_blocks/CommunicationPanel/composables/useCommunicationChannels.d.ts

@@ -0,0 +1,42 @@
+import { type Component, type ComputedRef, type Ref } from 'vue';
+/**
+ * Список поддерживаемых типов каналов в панели коммуникаций.
+ */
+export declare const CHANNEL_TYPES: readonly ["phone", "whatsapp", "telegram", "max", "sms"];
+export type ChannelType = (typeof CHANNEL_TYPES)[number];
+/**
+ * Базовое описание канала.
+ */
+type Channel = {
+    channelId: string;
+    title?: string;
+    [key: string]: unknown;
+};
+type MaybeRef<T> = T | Ref<T> | ComputedRef<T>;
+type ChannelTooltips = Record<string, string>;
+type ChannelsRef = MaybeRef<Channel[]>;
+type ChannelTooltipsRef = MaybeRef<ChannelTooltips | undefined>;
+interface UseCommunicationChannelsOptions {
+    /** Реактивный список каналов */
+    channels: ChannelsRef;
+    /** Реактивная карта пользовательских подсказок */
+    channelTooltips?: ChannelTooltipsRef;
+    /** Текущий выбранный тип канала */
+    selectedChannelType: Ref<string | null>;
+}
+export declare function useCommunicationChannels({ channels, channelTooltips, selectedChannelType }: UseCommunicationChannelsOptions): {
+    channelsTypes: ComputedRef<{
+        type: "phone" | "whatsapp" | "telegram" | "max" | "sms";
+        component: Component;
+    }[]>;
+    getTooltipText: (channelType: string) => string;
+    getChannelTypeFromId: (channelId: string | null | undefined) => string | null;
+    hasMultipleChannels: (channelType: string) => boolean;
+    isChannelActive: (channelType: string) => boolean;
+    getSingleChannelForType: (channelType: string) => Channel | null;
+    getMenuChannelIconComponent: (channelType: string) => Component | null;
+    getMenuChannelIconComponentForChannelId: (channelId: string) => Component | null;
+    getSingleMenuChannelIconComponent: (channelType: string) => Component | null;
+    getAvailableChannels: (channelType: string) => Channel[];
+};
+export {};

package/dist/types/components/2_blocks/CommunicationPanel/composables/useCommunicationDialogSync.d.ts

@@ -0,0 +1,26 @@
+import { type Ref, type MaybeRef } from 'vue';
+interface Dialog {
+    channelId?: string;
+    [key: string]: unknown;
+}
+interface Channel {
+    channelId: string;
+    [key: string]: unknown;
+}
+interface UseCommunicationDialogSyncOptions {
+    /** Текущее выбранное значение типа канала */
+    selectedChannelType: Ref<string | null>;
+    /** Текущий выбранный канал */
+    selectedChannel: Ref<Channel | Record<string, unknown>>;
+    /** Список доступных каналов */
+    channels: Ref<Channel[]>;
+    /** Текущий выбранный диалог */
+    selectedDialog: MaybeRef<Dialog | null | undefined>;
+}
+/**
+ * Синхронизирует выбранный канал панели с внешним диалогом.
+ */
+export declare function useCommunicationDialogSync({ selectedChannelType, selectedChannel, channels, selectedDialog, }: UseCommunicationDialogSyncOptions): {
+    updateSelectedChannelFromDialog: (dialog: Dialog | null | undefined) => void;
+};
+export {};

package/dist/types/components/2_blocks/CommunicationPanel/composables/useCommunicationMenu.d.ts

@@ -0,0 +1,32 @@
+import { type Ref } from 'vue';
+/**
+ * Опции для composable управления меню коммуникаций.
+ */
+interface UseCommunicationMenuOptions {
+    /** Ссылка на корневой контейнер панели */
+    panelRef: Ref<HTMLElement | null>;
+    /** Ссылка на панель с кнопками каналов */
+    channelsPanelRef: Ref<HTMLElement | null>;
+    /** Текущий выбранный тип канала */
+    selectedChannelType: Ref<string | null>;
+    /** Замороженный атрибут (для подсветки при наведении) */
+    frozenAttribute: Ref<unknown>;
+    /** Флаг наведения на недавний атрибут */
+    isRecentAttributeHovered: Ref<boolean>;
+}
+/**
+ * Компонует состояние и методы открытия/закрытия меню каналов, обработки кликов
+ * и вычисления ширины меню.
+ */
+export declare function useCommunicationMenu({ panelRef, channelsPanelRef, selectedChannelType, frozenAttribute, isRecentAttributeHovered, }: UseCommunicationMenuOptions): {
+    activeChannelType: Ref<string | null, string | null>;
+    hoveredChannel: Ref<string | null, string | null>;
+    showMenu: Ref<boolean, boolean>;
+    showSubMenu: Ref<boolean, boolean>;
+    menuWidth: Ref<string, string>;
+    updateMenuWidth: () => void;
+    handleChannelClick: (channelType: string) => void;
+    closeMenu: () => void;
+    handleClickOutside: (event: Event) => void;
+};
+export {};

package/dist/types/components/2_blocks/CommunicationPanel/composables/useCommunicationSubMenu.d.ts

@@ -0,0 +1,25 @@
+import { type Ref } from 'vue';
+import type { ContactAttribute } from './useCommunicationAttributes';
+interface UseCommunicationSubMenuOptions {
+    activeChannelType: Ref<string | null>;
+    showSubMenu: Ref<boolean>;
+    frozenAttribute: Ref<ContactAttribute | null>;
+    hoveredAttribute: Ref<ContactAttribute | null>;
+    isRecentAttributeHovered: Ref<boolean>;
+    hasMultipleChannels: (channelType: string) => boolean;
+}
+/**
+ * Управляет состоянием подменю выбора канала и hover-состояниями атрибутов.
+ */
+export declare function useCommunicationSubMenu({ activeChannelType, showSubMenu, frozenAttribute, hoveredAttribute, isRecentAttributeHovered, hasMultipleChannels, }: UseCommunicationSubMenuOptions): {
+    subMenuTop: Ref<number, number>;
+    resetRegularAttributeHover: () => void;
+    handleRecentAttributeMouseEnter: (eventTarget: EventTarget | null) => EventTarget | null | undefined;
+    handleRecentAttributeMouseLeave: () => void;
+    handleAttributeMouseEnter: (attribute: ContactAttribute, eventTarget: EventTarget | null) => EventTarget | null;
+    handleAttributeMouseLeave: () => void;
+    keepSubMenuOpen: () => void;
+    closeSubMenu: () => void;
+    alignSubMenuWithTarget: (panelRef: Ref<HTMLElement | null>, targetEl: HTMLElement | null) => void;
+};
+export {};

package/dist/types/components/2_blocks/CommunicationPanel/stories/CommunicationPanel.stories.d.ts

@@ -4,16 +4,16 @@ declare const meta: {
     component: import("vue").DefineComponent<{}, {
         $emit: (event: "select-attribute-channel" | "phone-call", ...args: any[]) => void;
         channels: unknown[];
+        channelTooltips: Record<string, any>;
         contactAttributes: unknown[];
         recentAttributeChannels: Record<string, any>;
         selectedDialog: Record<string, any>;
-        channelTooltips: Record<string, any>;
         $props: {
             readonly channels?: unknown[] | undefined;
+            readonly channelTooltips?: Record<string, any> | undefined;
             readonly contactAttributes?: unknown[] | undefined;
             readonly recentAttributeChannels?: Record<string, any> | undefined;
             readonly selectedDialog?: Record<string, any> | undefined;
-            readonly channelTooltips?: Record<string, any> | undefined;
         };
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     args: {};

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

@@ -12,6 +12,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    reactionsEnabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     reply: (...args: any[]) => void;
     action: (...args: any[]) => void;
@@ -28,11 +32,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    reactionsEnabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onReply?: ((...args: any[]) => any) | undefined;
     onAction?: ((...args: any[]) => any) | undefined;
 }>, {
     applyStyle: Function;
     isFirstInSeries: boolean;
+    reactionsEnabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -12,6 +12,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    reactionsEnabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     reply: (...args: any[]) => void;
     action: (...args: any[]) => void;
@@ -28,11 +32,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    reactionsEnabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onReply?: ((...args: any[]) => any) | undefined;
     onAction?: ((...args: any[]) => any) | undefined;
 }>, {
     applyStyle: Function;
     isFirstInSeries: boolean;
+    reactionsEnabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -12,6 +12,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    reactionsEnabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     reply: (...args: any[]) => void;
     action: (...args: any[]) => void;
@@ -28,11 +32,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    reactionsEnabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onReply?: ((...args: any[]) => any) | undefined;
     onAction?: ((...args: any[]) => any) | undefined;
 }>, {
     applyStyle: Function;
     isFirstInSeries: boolean;
+    reactionsEnabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -14,6 +14,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    enabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "toggle-reaction": (payload: {
         messageId: string | number;
@@ -41,6 +45,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    enabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onToggle-reaction"?: ((payload: {
         messageId: string | number;
@@ -57,5 +65,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
 }>, {
     reactions: MessageReactions | undefined;
     readonly: boolean;
+    enabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/types/components/2_feed_elements/MessageReactions/stories/MessageReactions.stories.d.ts

@@ -1,5 +1,10 @@
 import type { Meta, StoryObj } from '@storybook/vue3-vite';
 import TextMessage from '../../TextMessage/TextMessage.vue';
+import ImageMessage from '../../ImageMessage/ImageMessage.vue';
+import AudioMessage from '../../AudioMessage/AudioMessage.vue';
+import VideoMessage from '../../VideoMessage/VideoMessage.vue';
+import FileMessage from '../../FileMessage/FileMessage.vue';
+import StickerMessage from '../../StickerMessage/StickerMessage.vue';
 declare const meta: Meta<typeof TextMessage>;
 export default meta;
 type Story = StoryObj<typeof TextMessage>;
@@ -14,3 +19,13 @@ export declare const RightMessageMultipleReactions: Story;
 export declare const RightMessageNoReactions: Story;
 export declare const AllReactionsActive: Story;
 export declare const LargeCountReactions: Story;
+export declare const ImageMessageWithReactions: StoryObj<typeof ImageMessage>;
+export declare const ImageMessageRightWithReactions: StoryObj<typeof ImageMessage>;
+export declare const AudioMessageWithReactions: StoryObj<typeof AudioMessage>;
+export declare const AudioMessageRightWithReactions: StoryObj<typeof AudioMessage>;
+export declare const VideoMessageWithReactions: StoryObj<typeof VideoMessage>;
+export declare const VideoMessageRightWithReactions: StoryObj<typeof VideoMessage>;
+export declare const FileMessageWithReactions: StoryObj<typeof FileMessage>;
+export declare const FileMessageRightWithReactions: StoryObj<typeof FileMessage>;
+export declare const StickerMessageWithReactions: StoryObj<typeof StickerMessage>;
+export declare const StickerMessageRightWithReactions: StoryObj<typeof StickerMessage>;

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

@@ -0,0 +1,65 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    baseClass: {
+        type: StringConstructor;
+        required: true;
+    };
+    messageStatus: {
+        type: StringConstructor;
+        required: true;
+    };
+    statusClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    statusTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    messageClass: {
+        type: StringConstructor;
+        required: true;
+    };
+    tooltipPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+    statuses: {
+        type: () => string[];
+        default: () => string[];
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    baseClass: {
+        type: StringConstructor;
+        required: true;
+    };
+    messageStatus: {
+        type: StringConstructor;
+        required: true;
+    };
+    statusClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    statusTitle: {
+        type: StringConstructor;
+        default: string;
+    };
+    messageClass: {
+        type: StringConstructor;
+        required: true;
+    };
+    tooltipPosition: {
+        type: StringConstructor;
+        default: string;
+    };
+    statuses: {
+        type: () => string[];
+        default: () => string[];
+    };
+}>> & Readonly<{}>, {
+    statuses: string[];
+    statusClass: string;
+    statusTitle: string;
+    tooltipPosition: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/components/2_feed_elements/MessageStatusIndicator/stories/MessageStatusIndicator.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import MessageStatusIndicator from '../MessageStatusIndicator.vue';
+declare const meta: Meta<typeof MessageStatusIndicator>;
+export default meta;
+type Story = StoryObj<typeof MessageStatusIndicator>;
+export declare const Default: Story;
+export declare const Read: Story;
+export declare const Received: Story;
+export declare const Sent: Story;
+export declare const Pending: Story;
+export declare const Error: Story;
+export declare const HiddenForLeftMessage: Story;

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

@@ -15,6 +15,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    reactionsEnabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     reply: (...args: any[]) => void;
     action: (...args: any[]) => void;
@@ -31,11 +35,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    reactionsEnabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onReply?: ((...args: any[]) => any) | undefined;
     onAction?: ((...args: any[]) => any) | undefined;
 }>, {
     applyStyle: Function;
     isFirstInSeries: boolean;
+    reactionsEnabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -12,6 +12,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    reactionsEnabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     reply: (...args: any[]) => void;
     action: (...args: any[]) => void;
@@ -28,11 +32,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    reactionsEnabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onReply?: ((...args: any[]) => any) | undefined;
     onAction?: ((...args: any[]) => any) | undefined;
 }>, {
     applyStyle: Function;
     isFirstInSeries: boolean;
+    reactionsEnabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/types/components/2_feed_elements/TextMessage/stories/TextMessage.stories.d.ts

@@ -4,44 +4,10 @@ declare const meta: Meta<typeof TextMessage>;
 export default meta;
 type Story = StoryObj<typeof TextMessage>;
 export declare const Default: Story;
-export declare const LeftMessage: Story;
-export declare const LeftMessageWithViews: Story;
-export declare const LeftMessageLongText: Story;
-export declare const LeftMessageWithSubtext: Story;
-export declare const LeftMessageWithoutTime: Story;
-export declare const LeftMessageWithActions: Story;
-export declare const LeftMessageWithAvatar: Story;
-export declare const LeftMessageWithLongTime: Story;
-export declare const RightMessage: Story;
-export declare const RightMessageWithViews: Story;
-export declare const RightMessageLongText: Story;
-export declare const RightMessageWithSubtext: Story;
-export declare const RightMessageWithoutTime: Story;
-export declare const RightMessageStatusSent: Story;
-export declare const RightMessageStatusReceived: Story;
-export declare const RightMessageStatusRead: Story;
-export declare const RightMessageStatusPending: Story;
-export declare const RightMessageStatusError: Story;
-export declare const RightMessageWithActions: Story;
-export declare const RightMessageWithAvatar: Story;
-export declare const RightMessageWithLongTime: Story;
+export declare const LeftMessages: Story;
+export declare const RightMessages: Story;
 export declare const LeftMessageMax: Story;
 export declare const RightMessageMax: Story;
-export declare const LeftMessageWithLink: Story;
-export declare const RightMessageWithLink: Story;
-export declare const LeftMessageWithReplyText: Story;
-export declare const RightMessageWithReplyText: Story;
-export declare const LeftMessageWithReplyImage: Story;
-export declare const RightMessageWithReplyImage: Story;
-export declare const LeftMessageWithReplyVideo: Story;
-export declare const RightMessageWithReplyVideo: Story;
-export declare const LeftMessageWithReplyFile: Story;
-export declare const RightMessageWithReplyFile: Story;
-export declare const LeftMessageWithReplyAudio: Story;
-export declare const RightMessageWithReplyAudio: Story;
-export declare const LeftMessageWithReplyCall: Story;
-export declare const RightMessageWithReplyCall: Story;
-export declare const LeftMessageWithPreviewLink: Story;
-export declare const RightMessageWithPreviewLink: Story;
-export declare const LeftMessageWithEmbed: Story;
-export declare const RightMessageWithEmbed: Story;
+export declare const MessagesWithLinks: Story;
+export declare const MessagesWithReply: Story;
+export declare const MessagesWithPreviewAndEmbed: Story;

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

@@ -12,6 +12,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    reactionsEnabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     reply: (...args: any[]) => void;
     action: (...args: any[]) => void;
@@ -28,11 +32,16 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    reactionsEnabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     onReply?: ((...args: any[]) => any) | undefined;
     onAction?: ((...args: any[]) => any) | undefined;
 }>, {
     applyStyle: Function;
     isFirstInSeries: boolean;
+    reactionsEnabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;