@mobilon-dev/chotto 0.3.19 → 0.3.21

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

@@ -1,19 +1,10 @@
-import type { StoryObj } from '@storybook/vue3-vite';
-declare const meta: {
-    title: string;
-    component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        message: {
-            type: () => import("../../types/messages.ts").ITextMessage;
-            required: true;
-        };
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        message: {
-            type: () => import("../../types/messages.ts").ITextMessage;
-            required: true;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    args: {};
-};
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import ReplyTextMessage from '../ReplyTextMessage.vue';
+declare const meta: Meta<typeof ReplyTextMessage>;
 export default meta;
-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<typeof ReplyTextMessage>;
 export declare const Default: Story;
+export declare const WithHeader: Story;
+export declare const LongText: Story;
+export declare const WithLink: Story;
+export declare const RightPosition: Story;

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

@@ -1,19 +1,9 @@
-import type { StoryObj } from '@storybook/vue3-vite';
-declare const meta: {
-    title: string;
-    component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        message: {
-            type: () => import("../../types/messages.ts").IVideoMessage;
-            required: true;
-        };
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        message: {
-            type: () => import("../../types/messages.ts").IVideoMessage;
-            required: true;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    args: {};
-};
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import ReplyVideoMessage from '../ReplyVideoMessage.vue';
+declare const meta: Meta<typeof ReplyVideoMessage>;
 export default meta;
-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<typeof ReplyVideoMessage>;
 export declare const Default: Story;
+export declare const WithHeaderAndText: Story;
+export declare const LongText: Story;
+export declare const RightPosition: Story;

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

@@ -19,6 +19,8 @@ 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;

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

@@ -90,6 +90,10 @@ export interface TextMessageThemeCSSVariables {
     '--chotto-textmessage-status-read-color': string;
     /** Отрицательный отступ первой иконки статуса "прочитано" */
     '--chotto-textmessage-status-read-first-child-margin-right': string;
+    /** Цвет статуса "в ожидании" */
+    '--chotto-textmessage-status-pending-color': string;
+    /** Цвет статуса "ошибка" */
+    '--chotto-textmessage-status-error-color': string;
     /** Размер шрифта текста сообщения */
     '--chotto-textmessage-text-font-size': string;
     /** Правила перевода строк текста */

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

@@ -76,6 +76,10 @@ export interface VideoMessageThemeCSSVariables {
     '--chotto-videomessage-status-read-color': string;
     /** Отрицательный отступ для иконки "прочитано" */
     '--chotto-videomessage-status-read-first-child-margin-right': string;
+    /** Цвет иконок статуса "в ожидании" */
+    '--chotto-videomessage-status-pending-color': string;
+    /** Цвет иконок статуса "ошибка" */
+    '--chotto-videomessage-status-error-color': string;
     /** Ряд грида для аватара */
     '--chotto-videomessage-avatar-grid-row': string;
     /** Выравнивание аватара относительно себя */

package/dist/types/components/2_feed_elements/types/messages.d.ts

@@ -28,6 +28,7 @@ export interface IAudioMessage {
     time: string;
     url: string;
     status: string;
+    statusMsg?: string;
     avatar?: string;
     header?: string;
     subText?: string;
@@ -69,6 +70,7 @@ export interface IFileMessage {
     time: string;
     url: string;
     status: string;
+    statusMsg?: string;
     avatar?: string;
     header?: string;
     subText?: string;
@@ -87,6 +89,7 @@ export interface IImageMessage {
     url: string;
     alt?: string;
     status: string;
+    statusMsg?: string;
     avatar?: string;
     header?: string;
     subText?: string;
@@ -107,6 +110,7 @@ export interface ITextMessage {
     text: string;
     position: string;
     status: string;
+    statusMsg?: string;
     time: string;
     avatar?: string;
     header?: string;
@@ -126,6 +130,7 @@ export interface IVideoMessage {
     messageId: string;
     position: string;
     status: string;
+    statusMsg?: string;
     time: string;
     url: string;
     alt?: string;

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

@@ -5,6 +5,7 @@ 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;
@@ -16,6 +17,7 @@ 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;

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

@@ -71,13 +71,13 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     loadMore: (...args: any[]) => void;
-    messageAction: (...args: any[]) => void;
+    keyboardAction: (...args: any[]) => void;
+    feedAction: (...args: any[]) => void;
     loadMoreDown: (...args: any[]) => void;
-    messageVisible: (...args: any[]) => void;
+    messageAction: (...args: any[]) => void;
     clickRepliedMessage: (...args: any[]) => void;
+    messageVisible: (...args: any[]) => void;
     forceScrollToBottom: (...args: any[]) => void;
-    keyboardAction: (...args: any[]) => void;
-    feedAction: (...args: any[]) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     objects: {
         type: {
@@ -146,20 +146,20 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     };
 }>> & Readonly<{
     onLoadMore?: ((...args: any[]) => any) | undefined;
-    onMessageAction?: ((...args: any[]) => any) | undefined;
+    onKeyboardAction?: ((...args: any[]) => any) | undefined;
+    onFeedAction?: ((...args: any[]) => any) | undefined;
     onLoadMoreDown?: ((...args: any[]) => any) | undefined;
-    onMessageVisible?: ((...args: any[]) => any) | undefined;
+    onMessageAction?: ((...args: any[]) => any) | undefined;
     onClickRepliedMessage?: ((...args: any[]) => any) | undefined;
+    onMessageVisible?: ((...args: any[]) => any) | undefined;
     onForceScrollToBottom?: ((...args: any[]) => any) | undefined;
-    onKeyboardAction?: ((...args: any[]) => any) | undefined;
-    onFeedAction?: ((...args: any[]) => any) | undefined;
 }>, {
     typing: boolean | IFeedTyping;
     chatBackground: string;
     applyStyle: Function;
+    enableDoubleClickReply: boolean;
     buttonParams: IFeedUnreadButton;
     scrollToBottom: boolean;
-    enableDoubleClickReply: boolean;
     scrollTo: string;
     keyboardAlign: "left" | "right" | "center";
     feedKeyboards: IFeedKeyboard[];

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

@@ -0,0 +1,10 @@
+export * from './useFeedButton';
+export * from './useFeedComponents';
+export * from './useFeedGrouping';
+export * from './useFeedKeyboard';
+export * from './useFeedLoadMore';
+export * from './useFeedMessageVisibility';
+export * from './useFeedReply';
+export * from './useFeedScroll';
+export * from './useFeedScrollTo';
+export * from './useStickyDate';

package/dist/types/components/3_compounds/Feed/composables/useFeedButton.d.ts

@@ -0,0 +1,20 @@
+import { Ref } from 'vue';
+interface UseFeedButtonOptions {
+    feedRef: Ref<HTMLElement | null>;
+    keyboardRef: Ref<{
+        refKeyboard: {
+            clientHeight: number;
+        };
+    } | null>;
+    onButtonShow?: () => void;
+    onKeyboardPlace?: () => void;
+}
+/**
+ * Композабл для управления кнопкой "прокрутить вниз" и позиционированием клавиатуры
+ */
+export declare function useFeedButton({ feedRef, keyboardRef, onButtonShow, onKeyboardPlace }: UseFeedButtonOptions): {
+    isShowButton: Ref<boolean, boolean>;
+    isKeyboardPlace: Ref<boolean, boolean>;
+    checkButtonVisibility: () => void;
+};
+export {};

package/dist/types/components/3_compounds/Feed/composables/useFeedComponents.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Композабл для маппинга типов сообщений на компоненты
+ */
+export declare function useFeedComponents(): {
+    componentsMap: (type: string) => unknown;
+};

package/dist/types/components/3_compounds/Feed/composables/useFeedGrouping.d.ts

@@ -0,0 +1,33 @@
+import { ComputedRef } from 'vue';
+import { IFeedObject } from '@/types';
+interface UseFeedGroupingOptions {
+    objects: ComputedRef<IFeedObject[]>;
+}
+/**
+ * Композабл для группировки сообщений в серии (по отправителю)
+ */
+export declare function useFeedGrouping({ objects }: UseFeedGroupingOptions): {
+    groupedObjects: ComputedRef<{
+        isFirstInSeries: boolean;
+        messageId: string;
+        type: string;
+        header?: string;
+        text?: string;
+        position?: string;
+        status?: string;
+        time?: string;
+        url?: string;
+        alt?: string;
+        filename?: string;
+        avatar?: string;
+        subtext?: string;
+        actions?: import("@/types").IAction[];
+        views?: number;
+        callDuration?: string;
+        isMissedCall?: boolean;
+        reply?: import("@/types").Reply;
+        linkPreview?: import("@/types").ILinkPreview;
+        keyboard?: import("@/types").IKeyBoard[];
+    }[]>;
+};
+export {};

package/dist/types/components/3_compounds/Feed/composables/useFeedKeyboard.d.ts

@@ -0,0 +1,15 @@
+import { Ref } from 'vue';
+interface UseFeedKeyboardOptions {
+    isKeyboardPlace: Ref<boolean>;
+    objects: Ref<any[]>;
+    emit: (event: 'keyboardAction' | 'feedAction', payload: any) => void;
+}
+/**
+ * Композабл для управления видимостью и действиями клавиатур
+ */
+export declare function useFeedKeyboard({ isKeyboardPlace, objects, emit }: UseFeedKeyboardOptions): {
+    showKeyboard: import("vue").ComputedRef<boolean>;
+    keyboardAction: (action: string | (() => void)) => void;
+    feedKeyboardAction: (action: string | (() => void)) => void;
+};
+export {};

package/dist/types/components/3_compounds/Feed/composables/useFeedLoadMore.d.ts

@@ -0,0 +1,23 @@
+import { Ref } from 'vue';
+interface UseFeedLoadMoreOptions {
+    feedRef: Ref<HTMLElement | null>;
+    emit?: (event: 'loadMore' | 'loadMoreDown', ...args: unknown[]) => void;
+    isLoadingMoreRef?: Ref<boolean>;
+}
+/**
+ * Композабл для управления подгрузкой сообщений сверху/снизу и восстановлением позиции скролла
+ */
+export declare function useFeedLoadMore({ feedRef, emit, isLoadingMoreRef }: UseFeedLoadMoreOptions): {
+    allowLoadMoreTop: Ref<boolean, boolean>;
+    allowLoadMoreBottom: Ref<boolean, boolean>;
+    movingDown: Ref<boolean, boolean>;
+    isScrollByMouseButton: Ref<boolean, boolean>;
+    pendingTopRestore: Ref<boolean, boolean>;
+    topLoadJustHappened: Ref<boolean, boolean>;
+    checkScrollPosition: (allowLoadMore?: boolean) => void;
+    restoreScrollPosition: (delay?: number) => void;
+    startScrollWatch: (event: MouseEvent) => void;
+    stopScrollWatch: () => void;
+    resetAllowFlags: () => void;
+};
+export {};

package/dist/types/components/3_compounds/Feed/composables/useFeedMessageVisibility.d.ts

@@ -0,0 +1,16 @@
+import { Ref } from 'vue';
+interface UseFeedMessageVisibilityOptions<T = unknown> {
+    feedRef: Ref<HTMLElement | null>;
+    trackingObjects: Ref<NodeListOf<Element> | undefined>;
+    chatAppId: string;
+    onMessageVisible: (message: T) => void;
+}
+/**
+ * Композабл для отслеживания видимости сообщений с помощью Intersection Observer
+ */
+export declare function useFeedMessageVisibility<T = unknown>({ trackingObjects, chatAppId, onMessageVisible, }: UseFeedMessageVisibilityOptions<T>): {
+    observer: IntersectionObserver;
+    observeMessages: () => void;
+    restartObserving: () => void;
+};
+export {};

package/dist/types/components/3_compounds/Feed/composables/useFeedReply.d.ts

@@ -0,0 +1,37 @@
+import { IFeedObject } from '@/types';
+interface UseFeedReplyOptions {
+    enableDoubleClickReply: boolean;
+    emit: (event: 'messageAction' | 'clickRepliedMessage', payload: IFeedObject | string) => void;
+}
+/**
+ * Композабл для обработки ответов на сообщения
+ */
+export declare function useFeedReply({ enableDoubleClickReply, emit }: UseFeedReplyOptions): {
+    getMessage: () => {
+        id: string;
+        text: string;
+        file?: {
+            url: string;
+            name?: string | undefined;
+            size?: number | undefined;
+            type?: string | undefined;
+        } | undefined;
+        reply?: {
+            messageId: string;
+            type: string;
+            text?: string | undefined;
+            url?: string | undefined;
+            filename?: string | undefined;
+            header?: string | undefined;
+            callDuration?: string | undefined;
+            isMissedCall?: boolean | undefined;
+        } | undefined;
+        forceSend: boolean;
+        isRecording: boolean;
+    };
+    messageAction: (message: IFeedObject) => void;
+    handleClickReplied: (messageId: string) => void;
+    feedObjectDoubleClick: (event: MouseEvent, object: IFeedObject) => void;
+    handleResetReply: () => void;
+};
+export {};

package/dist/types/components/3_compounds/Feed/composables/useFeedScroll.d.ts

@@ -0,0 +1,26 @@
+import { Ref } from 'vue';
+/**
+ * Композабл для управления скроллом ленты сообщений.
+ * Инкапсулирует типичные сценарии: принудительный скролл вниз,
+ * гарантирование положения внизу, первичную инициализацию и
+ * плавную прокрутку (например, по кнопке «вниз»).
+ */
+/**
+ * Параметры и зависимости композабла.
+ */
+interface UseFeedScrollOptions<T = unknown> {
+    /** Ссылка на DOM-элемент контейнера ленты */
+    feedRef: Ref<HTMLElement | null>;
+    /** Реактивный список объектов ленты (для определения, когда есть контент) */
+    objectsRef: Ref<T[]>;
+    /** Внешний флаг, который триггерит прокрутку вниз */
+    scrollToBottomRef: Ref<boolean>;
+}
+export declare function useFeedScroll<T = unknown>({ feedRef, objectsRef, scrollToBottomRef }: UseFeedScrollOptions<T>): {
+    isInitialized: Ref<boolean, boolean>;
+    performScrollToBottom: () => void;
+    ensureScrollToBottom: () => void;
+    initializeScroll: () => void;
+    smoothScrollToBottom: () => void;
+};
+export {};

package/dist/types/components/3_compounds/Feed/composables/useFeedScrollTo.d.ts

@@ -0,0 +1,14 @@
+import { Ref } from 'vue';
+interface UseFeedScrollToOptions {
+    /** ID целевого элемента для прокрутки */
+    targetIdRef: Ref<string | null>;
+    /** ID контейнера ленты */
+    feedContainerId: string;
+    /** CSS-класс для фокуса на сообщении */
+    focusClass?: string;
+}
+/**
+ * Композабл для прокрутки к определённому сообщению с подсветкой
+ */
+export declare function useFeedScrollTo({ targetIdRef, feedContainerId, focusClass }: UseFeedScrollToOptions): void;
+export {};

package/dist/types/components/3_compounds/Feed/composables/useStickyDate.d.ts

@@ -0,0 +1,16 @@
+import { Ref } from 'vue';
+interface UseStickyDateOptions {
+    feedRef: Ref<HTMLElement | null>;
+    trackingObjects: Ref<NodeListOf<Element> | undefined>;
+    autoHideDelay?: number;
+    onUpdate?: () => void;
+}
+export declare function useStickyDate(options: UseStickyDateOptions): {
+    showStickyDate: Ref<boolean, boolean>;
+    stickyDateText: Ref<string, string>;
+    updateStickyDate: () => void;
+    show: () => void;
+    hide: () => void;
+    cleanup: () => void;
+};
+export {};

package/dist/types/functions/getMessageClass.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Возвращает CSS-класс для сообщения в зависимости от позиции
+ *
+ * Используется в компонентах сообщений, чтобы единообразно формировать
+ * классы вида `<prefix>__left` и `<prefix>__right`.
+ *
+ * @param {string} position - позиция сообщения: 'left' | 'right'
+ * @param {string} prefix - префикс CSS-блока (например, 'text-message')
+ * @returns {string} CSS-класс с учетом позиции
+ */
+export declare function getMessageClass(position: string, prefix: string): string;

package/dist/types/functions/getStatusMessage.d.ts

@@ -12,3 +12,4 @@ export declare const statuses: string[];
  * getStatus('unknown') // returns ''
  */
 export declare const getStatus: (status: string) => string;
+export declare const getStatusTitle: (status: string, statusMsg?: string) => string;

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

@@ -3,3 +3,4 @@ export * from './formatTimestamp';
 export * from './playNotificationAudio';
 export * from './insertDaySeparators';
 export * from './sortByTimestamp';
+export * from './getMessageClass';

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

@@ -1,8 +1,9 @@
 export * from './uploadFile';
 export * from './useDelayDebouncedRef';
 export * from './useImmediateDebouncedRef';
-export * from './useMessage';
+export * from './useMessageDraft';
 export * from './useSearchModel';
 export * from './useTheme';
 export * from './modals';
 export * from './validators';
+export * from './messages';

package/dist/types/hooks/messages/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useMessageActions';
+export * from './useMessageLinks';

package/dist/types/hooks/messages/useMessageActions.d.ts

@@ -0,0 +1,56 @@
+/**
+ * Полезная нагрузка для событий действия сообщения
+ * @typedef ActionPayload
+ * @property {string} messageId - Идентификатор сообщения
+ * @property {string} type - Тип действия (например, 'menu' | 'views')
+ */
+type ActionPayload = {
+    messageId: string;
+    type: string;
+} & Record<string, unknown>;
+/**
+ * Тип эмиттера событий компонентов сообщений
+ * @typedef EmitFn
+ * @param {'action' | 'reply'} event - Имя события
+ * @param {ActionPayload | string} payload - Данные события
+ */
+type EmitFn = (event: 'action' | 'reply', payload: ActionPayload | string) => void;
+/**
+ * Минимально необходимая структура сообщения для работы composable
+ * @interface MessageWithMeta
+ * @property {string} messageId - Идентификатор сообщения
+ * @property {unknown} [actions] - Описание доступных действий (передается в `ContextMenu`)
+ */
+export interface MessageWithMeta {
+    messageId: string;
+    actions?: unknown;
+}
+/**
+ * Composable для унификации поведения контекстного меню и связанных действий у сообщений ленты
+ *
+ * Предоставляет реактивные флаги и обработчики действий: показать/скрыть меню, клик по пункту меню,
+ * клик по просмотрам, эмит события ответа.
+ *
+ * @template T Расширяет {@link MessageWithMeta}
+ * @param {T} message - Сообщение с `messageId` (и опционально `actions`)
+ * @param {EmitFn} emit - Эмиттер событий из компонента сообщения
+ *
+ * @returns {object} Объект с состояниями и методами
+ * @returns {import('vue').Ref<boolean>} returns.isOpenMenu - Открыт ли контекстное меню
+ * @returns {import('vue').Ref<boolean>} returns.buttonMenuVisible - Видна ли кнопка вызова меню
+ * @returns {Function} returns.showMenu - Показать кнопку меню
+ * @returns {Function} returns.hideMenu - Скрыть кнопку и закрыть меню
+ * @returns {Function} returns.clickAction - Обработчик клика по пункту контекстного меню
+ * @returns {Function} returns.viewsAction - Обработчик клика по просмотрам
+ * @returns {Function} returns.handleClickReplied - Эмит события ответа по `replyMessageId`
+ */
+export declare const useMessageActions: <T extends MessageWithMeta>(message: T, emit: EmitFn) => {
+    isOpenMenu: import("vue").Ref<boolean, boolean>;
+    buttonMenuVisible: import("vue").Ref<boolean, boolean>;
+    showMenu: () => void;
+    hideMenu: () => void;
+    clickAction: (action: Record<string, unknown>) => void;
+    viewsAction: () => void;
+    handleClickReplied: (replyMessageId: string) => void;
+};
+export {};

package/dist/types/hooks/messages/useMessageLinks.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Создает вычисляемое HTML-представление текста с автоссылками и обработчик
+ * открытия ссылок в новой вкладке
+ *
+ * @param {() => string | undefined} getText - функция, возвращающая исходный текст
+ * @returns {{ linkedHtml: import('vue').ComputedRef<string>, inNewWindow: (event: Event) => void }}
+ *  - linkedHtml: вычисляемый HTML с проставленными ссылками
+ *  - inNewWindow: обработчик клика, открывающий ссылки в новой вкладке
+ */
+export declare const useMessageLinks: (getText: () => string | undefined) => {
+    linkedHtml: import("vue").ComputedRef<string>;
+    inNewWindow: (event: Event) => void;
+};

package/dist/types/hooks/{useMessage.d.ts → useMessageDraft.d.ts}

@@ -37,10 +37,10 @@ interface UploadedFile {
  *
  * @example
  * // Базовое использование в компоненте
- * import { useMessage } from '@/hooks';
+ * import { useMessageDraft } from '@/hooks';
  *
  * const chatAppId = 'chat-123';
- * const { getMessage, setMessageText, setMessageFile, resetMessage } = useMessage(chatAppId);
+ * const { getMessage, setMessageText, setMessageFile, resetMessage } = useMessageDraft(chatAppId);
  *
  * // Установить текст
  * setMessageText('Привет!');
@@ -62,7 +62,7 @@ interface UploadedFile {
  *
  * @example
  * // Работа с ответами
- * const { setReply, resetReply } = useMessage(chatAppId);
+ * const { setReply, resetReply } = useMessageDraft(chatAppId);
  *
  * setReply({
  *   id: 'msg-456',
@@ -73,7 +73,7 @@ interface UploadedFile {
  * // Удалить ответ
  * resetReply();
  */
-export declare const useMessage: (outId: string) => {
+export declare const useMessageDraft: (outId: string) => {
     getMessage: () => {
         id: string;
         text: string;

package/dist/types/hooks/validators/index.d.ts

@@ -1,3 +1,4 @@
 export * from './chats';
 export * from './messages';
 export * from './sidebar';
+export * from './useValidation';

package/dist/types/hooks/validators/messages/types.d.ts

@@ -45,7 +45,8 @@ export interface Message {
     type: string;
     timestamp: string | number;
     direction?: 'incoming' | 'outgoing';
-    status?: 'read' | 'sent' | 'received';
+    status?: 'read' | 'sent' | 'received' | 'pending' | 'error';
+    statusMsg?: string;
     text?: string;
     header?: string;
     subText?: string;