@mobilon-dev/chotto 0.3.20 → 0.3.22

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

@@ -0,0 +1,245 @@
+/**
+ * CSS variables for StickerMessage component
+ */
+export interface StickerMessageThemeCSSVariables {
+    /** Позиционирование контейнера контента стикера */
+    '--chotto-stickermessage-content-position': string;
+    /** Максимальная ширина контейнера контента стикера */
+    '--chotto-stickermessage-content-max-width': string;
+    /** Скругление контейнера контента стикера */
+    '--chotto-stickermessage-content-border-radius': string;
+    /** Ряд грида аватара */
+    '--chotto-stickermessage-avatar-grid-row': string;
+    /** Выравнивание аватара относительно себя */
+    '--chotto-stickermessage-avatar-align-self': string;
+    /** Вписывание изображения аватара */
+    '--chotto-stickermessage-avatar-object-fit': string;
+    /** Отступ снизу аватара */
+    '--chotto-stickermessage-avatar-margin-bottom': string;
+    /** Минимальная ширина аватара */
+    '--chotto-stickermessage-avatar-min-width': string;
+    /** Минимальная высота аватара */
+    '--chotto-stickermessage-avatar-min-height': string;
+    /** Скругление аватара */
+    '--chotto-stickermessage-avatar-border-radius': string;
+    /** Позиционирование контейнера информации */
+    '--chotto-stickermessage-info-container-position': string;
+    /** Отступ контейнера информации справа */
+    '--chotto-stickermessage-info-container-right': string;
+    /** Отступ контейнера информации снизу */
+    '--chotto-stickermessage-info-container-bottom': string;
+    /** Отображение контейнера информации */
+    '--chotto-stickermessage-info-container-display': string;
+    /** Выравнивание элементов контейнера информации */
+    '--chotto-stickermessage-info-container-align-items': string;
+    /** Промежуток между элементами контейнера информации */
+    '--chotto-stickermessage-info-container-column-gap': string;
+    /** Скругление контейнера информации */
+    '--chotto-stickermessage-info-container-border-radius': string;
+    /** Внутренние отступы контейнера информации */
+    '--chotto-stickermessage-info-container-padding': string;
+    /** Цвет текста/иконок контейнера информации */
+    '--chotto-stickermessage-info-container-color': string;
+    /** Цвет фона контейнера информации */
+    '--chotto-stickermessage-info-container-background-color': string;
+    /** Позиционирование кнопки скачивания */
+    '--chotto-stickermessage-download-button-position': string;
+    /** Отступ кнопки скачивания слева */
+    '--chotto-stickermessage-download-button-left': string;
+    /** Отступ кнопки скачивания снизу */
+    '--chotto-stickermessage-download-button-bottom': string;
+    /** Отображение кнопки скачивания */
+    '--chotto-stickermessage-download-button-display': string;
+    /** Выравнивание содержимого кнопки по главной оси */
+    '--chotto-stickermessage-download-button-justify-content': string;
+    /** Выравнивание содержимого кнопки по поперечной оси */
+    '--chotto-stickermessage-download-button-align-items': string;
+    /** Граница кнопки скачивания */
+    '--chotto-stickermessage-download-button-border': string;
+    /** Скругление кнопки скачивания */
+    '--chotto-stickermessage-download-button-border-radius': string;
+    /** Внутренние отступы кнопки скачивания */
+    '--chotto-stickermessage-download-button-padding': string;
+    /** Цвет фона кнопки скачивания */
+    '--chotto-stickermessage-download-button-background-color': string;
+    /** Курсор кнопки скачивания */
+    '--chotto-stickermessage-download-button-cursor': string;
+    /** Цвет текста/иконки внутри кнопки */
+    '--chotto-stickermessage-download-button-span-color': string;
+    /** Размер текста/иконки внутри кнопки */
+    '--chotto-stickermessage-download-button-span-font-size': string;
+    /** Отображение блока просмотров */
+    '--chotto-stickermessage-views-display': string;
+    /** Выравнивание элементов блока просмотров */
+    '--chotto-stickermessage-views-align-items': string;
+    /** Промежуток между элементами блока просмотров */
+    '--chotto-stickermessage-views-column-gap': string;
+    /** Курсор при наведении на блок просмотров */
+    '--chotto-stickermessage-views-cursor': string;
+    /** Размер иконки просмотров */
+    '--chotto-stickermessage-views-span-font-size': string;
+    /** Размер текста количества просмотров */
+    '--chotto-stickermessage-views-p-font-size': string;
+    /** Размер шрифта времени */
+    '--chotto-stickermessage-time-font-size': string;
+    /** Отображение статуса доставки/прочтения */
+    '--chotto-stickermessage-status-display': string;
+    /** Размер иконок статуса */
+    '--chotto-stickermessage-status-span-font-size': string;
+    /** Отрицательный отступ для иконки "доставлено" */
+    '--chotto-stickermessage-status-received-first-child-margin-right': string;
+    /** Отрицательный отступ для иконки "прочитано" */
+    '--chotto-stickermessage-status-read-first-child-margin-right': string;
+    /** Цвет иконок статуса "прочитано" */
+    '--chotto-stickermessage-status-read-color': string;
+    /** Цвет иконок статуса "в ожидании" */
+    '--chotto-stickermessage-status-pending-color': string;
+    /** Цвет иконок статуса "ошибка" */
+    '--chotto-stickermessage-status-error-color': string;
+    /** Размер шрифта подписи */
+    '--chotto-stickermessage-subtext-font-size': string;
+    /** Цвет подписи */
+    '--chotto-stickermessage-subtext-color': string;
+    /** Позиционирование кнопки превью */
+    '--chotto-stickermessage-preview-button-position': string;
+    /** Отображение кнопки превью */
+    '--chotto-stickermessage-preview-button-display': string;
+    /** Направление флекс-контейнера кнопки превью */
+    '--chotto-stickermessage-preview-button-flex-direction': string;
+    /** Внутренние отступы кнопки превью */
+    '--chotto-stickermessage-preview-button-padding': string;
+    /** Ширина превью-стикера */
+    '--chotto-stickermessage-preview-image-width': string;
+    /** Высота превью-стикера */
+    '--chotto-stickermessage-preview-image-height': string;
+    /** Максимальная ширина превью-стикера */
+    '--chotto-stickermessage-preview-image-max-width': string;
+    /** Максимальная высота превью-стикера */
+    '--chotto-stickermessage-preview-image-max-height': string;
+    /** Курсор при наведении на превью */
+    '--chotto-stickermessage-preview-image-cursor': string;
+    /** Вписывание изображения стикера */
+    '--chotto-stickermessage-preview-image-object-fit': string;
+    /** Ширина анимированного превью-стикера (TGS) */
+    '--chotto-stickermessage-preview-image-animated-width': string;
+    /** Высота анимированного превью-стикера (TGS) */
+    '--chotto-stickermessage-preview-image-animated-height': string;
+    /** Максимальная ширина анимированного превью-стикера (TGS) */
+    '--chotto-stickermessage-preview-image-animated-max-width': string;
+    /** Максимальная высота анимированного превью-стикера (TGS) */
+    '--chotto-stickermessage-preview-image-animated-max-height': string;
+    /** Курсор при наведении на анимированное превью (TGS) */
+    '--chotto-stickermessage-preview-image-animated-cursor': string;
+    /** Вписывание анимированного изображения стикера (TGS) */
+    '--chotto-stickermessage-preview-image-animated-object-fit': string;
+    /** Позиционирование кнопки меню сообщения */
+    '--chotto-stickermessage-menu-button-position': string;
+    /** Прозрачный фон кнопки меню */
+    '--chotto-stickermessage-menu-button-background-color': string;
+    /** Граница кнопки меню */
+    '--chotto-stickermessage-menu-button-border': string;
+    /** Трансформация кнопки меню по оси Y */
+    '--chotto-stickermessage-menu-button-transform': string;
+    /** Курсор кнопки меню */
+    '--chotto-stickermessage-menu-button-cursor': string;
+    /** Переход кнопки меню */
+    '--chotto-stickermessage-menu-button-transition': string;
+    /** Цвет иконки внутри кнопки меню */
+    '--chotto-stickermessage-menu-button-span-color': string;
+    /** Размер иконки внутри кнопки меню */
+    '--chotto-stickermessage-menu-button-span-font-size': string;
+    /** Цвет иконки при наведении */
+    '--chotto-stickermessage-menu-button-span-hover-color': string;
+    /** Переход при наведении */
+    '--chotto-stickermessage-menu-button-hover-transition': string;
+    /** Позиционирование контекстного меню */
+    '--chotto-stickermessage-context-menu-position': string;
+    /** Внутренние отступы контейнера текста */
+    '--chotto-stickermessage-text-container-padding': string;
+    /** Скругление контейнера текста */
+    '--chotto-stickermessage-text-container-border-radius': string;
+    /** Перенос слов в контейнере текста */
+    '--chotto-stickermessage-text-container-word-wrap': string;
+    /** Размер шрифта абзаца текста */
+    '--chotto-stickermessage-text-container-p-font-size': string;
+    /** Перенос слов в абзаце текста */
+    '--chotto-stickermessage-text-container-p-word-break': string;
+    /** Внешние отступы блока превью ссылки */
+    '--chotto-stickermessage-link-preview-margin': string;
+    /** Отображение общего контейнера лево/право */
+    '--chotto-stickermessage-left-right-display': string;
+    /** Шаблон строк грида для лево/право */
+    '--chotto-stickermessage-left-right-grid-template-rows': string;
+    /** Внешние отступы общего контейнера */
+    '--chotto-stickermessage-left-right-margin': string;
+    /** Шаблон колонок левой раскладки */
+    '--chotto-stickermessage-left-grid-template-columns': string;
+    /** Колонка грида аватара слева */
+    '--chotto-stickermessage-left-avatar-grid-column': string;
+    /** Отступ справа от аватара слева */
+    '--chotto-stickermessage-left-avatar-margin-right': string;
+    /** Колонка грида подписи слева */
+    '--chotto-stickermessage-left-subtext-grid-column': string;
+    /** Ряд грида подписи слева */
+    '--chotto-stickermessage-left-subtext-grid-row': string;
+    /** Внешние отступы подписи слева */
+    '--chotto-stickermessage-left-subtext-margin': string;
+    /** Колонка грида контента слева */
+    '--chotto-stickermessage-left-content-grid-column': string;
+    /** Отступ контента слева с учётом аватара */
+    '--chotto-stickermessage-left-content-with-avatar-indent-margin-left': string;
+    /** Положение кнопки меню слева (top) */
+    '--chotto-stickermessage-left-menu-button-top': string;
+    /** Положение кнопки меню слева (right) */
+    '--chotto-stickermessage-left-menu-button-right': string;
+    /** Позиция контекстного меню слева (top) */
+    '--chotto-stickermessage-left-context-menu-top': string;
+    /** Позиция контекстного меню слева (left) */
+    '--chotto-stickermessage-left-context-menu-left': string;
+    /** Отступ контекстного меню слева сверху */
+    '--chotto-stickermessage-left-context-menu-margin-top': string;
+    /** Шаблон колонок правой раскладки */
+    '--chotto-stickermessage-right-grid-template-columns': string;
+    /** Колонка грида аватара справа */
+    '--chotto-stickermessage-right-avatar-grid-column': string;
+    /** Отступ слева от аватара справа */
+    '--chotto-stickermessage-right-avatar-margin-left': string;
+    /** Колонка грида подписи справа */
+    '--chotto-stickermessage-right-subtext-grid-column': string;
+    /** Ряд грида подписи справа */
+    '--chotto-stickermessage-right-subtext-grid-row': string;
+    /** Внешние отступы подписи справа */
+    '--chotto-stickermessage-right-subtext-margin': string;
+    /** Колонка грида контента справа */
+    '--chotto-stickermessage-right-content-grid-column': string;
+    /** Выравнивание контента справа */
+    '--chotto-stickermessage-right-content-margin-left': string;
+    /** Отступ контента справа с учётом аватара */
+    '--chotto-stickermessage-right-content-with-avatar-indent-margin-right': string;
+    /** Отступ текстового контейнера справа */
+    '--chotto-stickermessage-right-text-container-margin-left': string;
+    /** Положение кнопки меню справа (top) */
+    '--chotto-stickermessage-right-menu-button-top': string;
+    /** Положение кнопки меню справа (left) */
+    '--chotto-stickermessage-right-menu-button-left': string;
+    /** Позиция контекстного меню справа (top) */
+    '--chotto-stickermessage-right-context-menu-top': string;
+    /** Позиция контекстного меню справа (right) */
+    '--chotto-stickermessage-right-context-menu-right': string;
+    /** Отступ контекстного меню справа сверху */
+    '--chotto-stickermessage-right-context-menu-margin-top': string;
+    /** Переход появления контекстного меню */
+    '--chotto-stickermessage-context-menu-enter-active-transition': string;
+    /** Переход скрытия контекстного меню */
+    '--chotto-stickermessage-context-menu-leave-active-transition': string;
+    /** Стартовая трансформация контекстного меню */
+    '--chotto-stickermessage-context-menu-enter-from-transform': string;
+    /** Стартовая прозрачность контекстного меню */
+    '--chotto-stickermessage-context-menu-enter-from-opacity': string;
+    /** Переход появления модального окна */
+    '--chotto-stickermessage-modal-fade-enter-active-transition': string;
+    /** Прозрачность модального окна в начале */
+    '--chotto-stickermessage-modal-fade-enter-from-opacity': string;
+    /** Прозрачность модального окна в конце */
+    '--chotto-stickermessage-modal-fade-enter-to-opacity': string;
+}

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

@@ -3,6 +3,7 @@ import TextMessage from '../TextMessage.vue';
 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;
@@ -19,6 +20,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/TypingMessage/stories/TypingMessage.stories.d.ts

@@ -3,6 +3,7 @@ import TypingMessage from '../TypingMessage.vue';
 declare const meta: Meta<typeof TypingMessage>;
 export default meta;
 type Story = StoryObj<typeof TypingMessage>;
+export declare const Default: Story;
 export declare const Standard: Story;
 export declare const WithAvatar: Story;
 export declare const WithAvatarAndSubtext: Story;

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

@@ -3,6 +3,7 @@ import VideoMessage from '../VideoMessage.vue';
 declare const meta: Meta<typeof VideoMessage>;
 export default meta;
 type Story = StoryObj<typeof VideoMessage>;
+export declare const Default: Story;
 export declare const LeftMessage: Story;
 export declare const RightMessage: Story;
 export declare const LeftMessageWithAvatar: Story;
@@ -16,6 +17,8 @@ export declare const RightMessageWithTextAndActions: Story;
 export declare const RightMessageWithStatusSent: Story;
 export declare const RightMessageWithStatusReceived: Story;
 export declare const RightMessageWithStatusRead: Story;
+export declare const RightMessageWithStatusPending: Story;
+export declare const RightMessageWithStatusError: Story;
 export declare const RightMessageWithVerticalVideo: Story;
 export declare const RightMessageWithVerticalVideoAndText: Story;
 export declare const LeftMessageWithVerticalVideoAndTextWithLink: Story;

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;
@@ -140,3 +145,23 @@ export interface IVideoMessage {
     embed?: object;
     keyboard?: IKeyBoard[];
 }
+export interface IStickerMessage {
+    messageId: string;
+    position: string;
+    time: string;
+    url: string;
+    alt?: string;
+    isAnimated?: boolean;
+    status: string;
+    statusMsg?: string;
+    avatar?: string;
+    header?: string;
+    subText?: string;
+    actions?: IAction[];
+    views?: number;
+    text?: string;
+    reply?: Reply;
+    linkPreview?: ILinkPreview;
+    embed?: object;
+    keyboard?: IKeyBoard[];
+}

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

@@ -3,10 +3,12 @@ declare const _default: import("vue").DefineComponent<{}, {
     sidebarItems: unknown[];
     horizontal: boolean;
     menuActions: unknown[];
+    showSettings: boolean;
     $props: {
         readonly sidebarItems?: unknown[] | undefined;
         readonly horizontal?: boolean | undefined;
         readonly menuActions?: unknown[] | undefined;
+        readonly showSettings?: boolean | 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/index.d.ts

@@ -48,10 +48,12 @@ export { default as FeedKeyboard } from './2_feed_elements/FeedKeyboard/FeedKeyb
 export { default as FileMessage } from './2_feed_elements/FileMessage/FileMessage.vue';
 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 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';
 export { default as ReplyFileMessage } from './2_feed_elements/ReplyFileMessage/ReplyFileMessage.vue';
 export { default as ReplyImageMessage } from './2_feed_elements/ReplyImageMessage/ReplyImageMessage.vue';
+export { default as ReplyStickerMessage } from './2_feed_elements/ReplyStickerMessage/ReplyStickerMessage.vue';
 export { default as ReplyTextMessage } from './2_feed_elements/ReplyTextMessage/ReplyTextMessage.vue';
 export { default as ReplyVideoMessage } from './2_feed_elements/ReplyVideoMessage/ReplyVideoMessage.vue';
 export { default as SplashScreen } from './2_feed_elements/SplashScreen/SplashScreen.vue';

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/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;

package/dist/types/main.d.ts

@@ -1,2 +1,3 @@
+import './utils/suppress-lit-warning';
 import 'primeicons/primeicons.css';
 import './themes/index.scss';