@mobilon-dev/chotto 0.3.24 → 0.3.25

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/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/3_compounds/ChatList/ChatList.vue.d.ts

@@ -5,10 +5,8 @@ type __VLS_WithSlots<T, S> = T & (new () => {
 });
 declare const __VLS_component: import("vue").DefineComponent<{}, {
     $emit: (event: "search" | "select" | "action" | "expand" | "tab-click" | "loadMoreChats" | "clear-search", ...args: any[]) => void;
-    title: string;
     chats: unknown[];
     searchQuery: string;
-    titleEnabled: boolean;
     filterEnabled: boolean;
     filterQuery: string;
     dialogTabs: unknown[];
@@ -17,10 +15,8 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
     searchProgress: string;
     searchStats: Record<string, any>;
     $props: {
-        readonly title?: string | undefined;
         readonly chats?: unknown[] | undefined;
         readonly searchQuery?: string | undefined;
-        readonly titleEnabled?: boolean | undefined;
         readonly filterEnabled?: boolean | undefined;
         readonly filterQuery?: string | undefined;
         readonly dialogTabs?: unknown[] | undefined;
@@ -31,7 +27,7 @@ declare const __VLS_component: import("vue").DefineComponent<{}, {
     };
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 type __VLS_Slots = {
-    actions?: ((props: {}) => any) | undefined;
+    header?: ((props: {}) => any) | undefined;
 } & {
     sidebar?: ((props: {}) => any) | undefined;
 };

package/dist/types/components/3_compounds/ChatList/ChatListHeader.vue.d.ts

@@ -0,0 +1,16 @@
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & (new () => {
+    $slots: S;
+});
+declare const __VLS_component: import("vue").DefineComponent<{}, {
+    title: string;
+    titleEnabled: boolean;
+    $props: {
+        readonly title?: string | undefined;
+        readonly titleEnabled?: boolean | undefined;
+    };
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+type __VLS_Slots = {
+    actions?: ((props: {}) => any) | undefined;
+};

package/dist/types/components/3_compounds/ChatList/composables/index.d.ts

@@ -0,0 +1,4 @@
+export { useChatListScroll } from './useChatListScroll';
+export { useChatListSelection } from './useChatListSelection';
+export { useChatListFilter } from './useChatListFilter';
+export { useChatListActions } from './useChatListActions';

package/dist/types/components/3_compounds/ChatList/composables/useChatListActions.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Композабл для обработки действий в списке чатов.
+ * Инкапсулирует логику эмита событий для расширения чата,
+ * выполнения действий и обработки кликов по табам.
+ */
+/**
+ * Тип эмиттера событий для действий списка чатов.
+ */
+type ChatListActionsEmit = {
+    /** Событие расширения чата */
+    (event: 'expand', args: unknown): void;
+    /** Событие выполнения действия */
+    (event: 'action', data: unknown): void;
+    /** Событие клика по табу */
+    (event: 'tab-click', tabId: string): void;
+};
+/**
+ * Параметры и зависимости композабла.
+ */
+interface UseChatListActionsOptions {
+    /** Функция эмита событий */
+    emit: ChatListActionsEmit;
+}
+export declare function useChatListActions({ emit }: UseChatListActionsOptions): {
+    expandChat: (args: unknown) => void;
+    action: (data: unknown) => void;
+    handleTabClick: (tabId: string) => void;
+};
+export {};

package/dist/types/components/3_compounds/ChatList/composables/useChatListFilter.d.ts

@@ -0,0 +1,58 @@
+/**
+ * Композабл для фильтрации и сортировки списка чатов.
+ * Инкапсулирует логику сортировки по времени активности и количеству
+ * непрочитанных сообщений, фильтрации по табам, тегам и текстовому поиску.
+ */
+/**
+ * Тип элемента чата.
+ */
+type ChatItem = {
+    chatId: string;
+    name: string;
+    metadata: string;
+    countUnread: number;
+    'lastActivity.timestamp'?: string | number;
+    contact?: {
+        tags?: Array<{
+            tagId: string;
+        }>;
+    };
+    [key: string]: unknown;
+};
+/**
+ * Параметры компонента для фильтрации.
+ */
+type ChatListFilterProps = {
+    chats: ChatItem[];
+    filterEnabled: boolean;
+    filterQuery?: string | null;
+    dialogTabs?: unknown[];
+    activeTabId?: string;
+    searchQuery?: string;
+    isSearching?: boolean;
+    searchProgress?: string;
+    searchStats?: {
+        loaded: number;
+        total: number | string;
+    };
+};
+/**
+ * Тип эмиттера событий для фильтрации.
+ */
+type ChatListFilterEmit = {
+    (event: 'search', value: string): void;
+    (event: 'clear-search'): void;
+};
+/**
+ * Параметры и зависимости композабла.
+ */
+interface UseChatListFilterOptions {
+    props: ChatListFilterProps;
+    emit: ChatListFilterEmit;
+}
+export declare function useChatListFilter({ props, emit }: UseChatListFilterOptions): {
+    filter: import("vue").Ref<string, string>;
+    getSortedAndFilteredChats: () => ChatItem[];
+    getFilter: (value: string) => void;
+};
+export {};

package/dist/types/components/3_compounds/ChatList/composables/useChatListScroll.d.ts

@@ -0,0 +1,34 @@
+import { type Ref, type ComputedRef } from 'vue';
+/**
+ * Композабл для управления скроллом списка чатов.
+ * Инкапсулирует логику прокрутки вверх, отслеживания позиции скролла,
+ * определения необходимости загрузки дополнительных чатов и отображения
+ * кнопки прокрутки вверх.
+ */
+/**
+ * Тип эмиттера событий для скролла.
+ */
+type ChatListScrollEmit = {
+    /** Событие запроса загрузки дополнительных чатов */
+    (event: 'loadMoreChats'): void;
+};
+/**
+ * Параметры и зависимости композабла.
+ */
+interface UseChatListScrollOptions {
+    /** Ссылка на DOM-элемент контейнера списка чатов */
+    refChatList: Ref<HTMLElement | undefined>;
+    /** Реактивный список чатов (для определения момента обновления) */
+    chats: ComputedRef<unknown[]> | Ref<unknown[]>;
+    /** Функция эмита событий */
+    emit: ChatListScrollEmit;
+}
+export declare function useChatListScroll({ refChatList, chats, emit }: UseChatListScrollOptions): {
+    allowLoadMore: Ref<boolean, boolean>;
+    isShowButton: Ref<boolean, boolean>;
+    scrollToTopForce: () => void;
+    scrollCheck: () => void;
+    startScrollWatch: (event: MouseEvent) => void;
+    stopScrollWatch: () => void;
+};
+export {};

package/dist/types/components/3_compounds/ChatList/composables/useChatListSelection.d.ts

@@ -0,0 +1,56 @@
+import { type ComputedRef, type Ref } from 'vue';
+/**
+ * Композабл для управления выбором чатов и диалогов в списке.
+ * Инкапсулирует логику установки состояния выбранного чата/диалога,
+ * сброса предыдущих выборов и эмита событий выбора.
+ */
+/**
+ * Тип элемента чата.
+ */
+type ChatItem = {
+    chatId: string;
+    isSelected?: boolean;
+    dialogs?: Array<{
+        dialogId: string;
+        isSelected?: boolean;
+    }>;
+    [key: string]: unknown;
+};
+/**
+ * Тип элемента диалога.
+ */
+type Dialog = {
+    dialogId: string;
+    [key: string]: unknown;
+};
+/**
+ * Аргументы для выбора чата.
+ */
+type SelectChatArgs = {
+    /** Выбранный чат */
+    chat: ChatItem;
+    /** Опциональный выбранный диалог */
+    dialog?: Dialog;
+    [key: string]: unknown;
+};
+/**
+ * Тип эмиттера событий для выбора.
+ */
+type ChatListSelectionEmit = {
+    /** Событие выбора чата/диалога */
+    (event: 'select', args: SelectChatArgs): void;
+};
+/**
+ * Параметры и зависимости композабла.
+ */
+interface UseChatListSelectionOptions {
+    /** Реактивный список чатов */
+    chats: ComputedRef<ChatItem[]> | Ref<ChatItem[]>;
+    /** Функция эмита событий */
+    emit: ChatListSelectionEmit;
+}
+export declare function useChatListSelection({ chats, emit }: UseChatListSelectionOptions): {
+    selectChat: (args: SelectChatArgs) => void;
+    selectDialog: (dialog: Dialog) => void;
+};
+export {};

package/dist/types/components/index.d.ts

@@ -49,6 +49,7 @@ export { default as FileMessage } from './2_feed_elements/FileMessage/FileMessag
 export { default as ImageMessage } from './2_feed_elements/ImageMessage/ImageMessage.vue';
 export { default as MessageKeyboard } from './2_feed_elements/MessageKeyboard/MessageKeyboard.vue';
 export { default as MessageReactions } from './2_feed_elements/MessageReactions/MessageReactions.vue';
+export { default as MessageStatusIndicator } from './2_feed_elements/MessageStatusIndicator/MessageStatusIndicator.vue';
 export { default as StickerMessage } from './2_feed_elements/StickerMessage/StickerMessage.vue';
 export { default as ReplyAudioMessage } from './2_feed_elements/ReplyAudioMessage/ReplyAudioMessage.vue';
 export { default as ReplyCallMessage } from './2_feed_elements/ReplyCallMessage/ReplyCallMessage.vue';
@@ -67,6 +68,7 @@ export { default as ModalFullscreen } from './2_modals/ModalFullscreen/ModalFull
 export { default as ModalNoFooter } from './2_modals/ModalNoFooter/ModalNoFooter.vue';
 export { default as SelectUser } from './2_modals/SelectUser/SelectUser.vue';
 export { default as ChatInput } from './3_compounds/ChatInput/ChatInput.vue';
+export { default as ChatListHeader } from './3_compounds/ChatList/ChatListHeader.vue';
 export { default as ChatList } from './3_compounds/ChatList/ChatList.vue';
 export { default as Feed } from './3_compounds/Feed/Feed.vue';
 export { default as SideBar } from './3_compounds/SideBar/SideBar.vue';