@mobilon-dev/chotto 0.3.86 → 0.3.88

package/dist/types/components/2_modals/ConfirmDeleteMessage/ConfirmDeleteMessage.vue.d.ts

@@ -0,0 +1,22 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    theme: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    cancel: () => any;
+    confirm: () => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    theme: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+}>> & Readonly<{
+    onCancel?: (() => any) | undefined;
+    onConfirm?: (() => any) | undefined;
+}>, {
+    theme: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/components/2_modals/ConfirmDeleteMessage/stories/ConfirmDeleteMessage.stories.d.ts

@@ -0,0 +1,37 @@
+import type { StoryObj } from '@storybook/vue3-vite';
+declare const meta: {
+    title: string;
+    component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+        theme: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        cancel: () => any;
+        confirm: () => any;
+    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+        theme: {
+            type: StringConstructor;
+            required: false;
+            default: string;
+        };
+    }>> & Readonly<{
+        onCancel?: (() => any) | undefined;
+        onConfirm?: (() => any) | undefined;
+    }>, {
+        theme: string;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    args: {
+        theme: string;
+    };
+    argTypes: {
+        theme: {
+            control: "select";
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/types/components/2_modals/ConfirmDeleteMessage/styles/types.d.ts

@@ -0,0 +1,97 @@
+/**
+ * CSS переменные для компонента ConfirmDeleteMessage
+ */
+export interface ConfirmDeleteMessageThemeCSSVariables {
+    /** Позиционирование оверлея */
+    '--chotto-confirmdeletemessage-backdrop-position': string;
+    /** Фон оверлея */
+    '--chotto-confirmdeletemessage-backdrop-bg': string;
+    /** Фильтр оверлея */
+    '--chotto-confirmdeletemessage-backdrop-filter': string;
+    /** Отображение оверлея */
+    '--chotto-confirmdeletemessage-backdrop-display': string;
+    /** Выравнивание по горизонтали */
+    '--chotto-confirmdeletemessage-backdrop-justify': string;
+    /** Выравнивание по вертикали */
+    '--chotto-confirmdeletemessage-backdrop-align': string;
+    /** Z-index оверлея */
+    '--chotto-confirmdeletemessage-backdrop-z-index': string;
+    /** Ширина диалога */
+    '--chotto-confirmdeletemessage-width': string;
+    /** Высота диалога */
+    '--chotto-confirmdeletemessage-height': string;
+    /** Внутренние отступы диалога */
+    '--chotto-confirmdeletemessage-padding': string;
+    /** Фон диалога */
+    '--chotto-confirmdeletemessage-background': string;
+    /** Граница диалога */
+    '--chotto-confirmdeletemessage-border': string;
+    /** Тень диалога */
+    '--chotto-confirmdeletemessage-box-shadow': string;
+    /** Радиус границы диалога */
+    '--chotto-confirmdeletemessage-border-radius': string;
+    /** Отображение диалога */
+    '--chotto-confirmdeletemessage-display': string;
+    /** Направление flex диалога */
+    '--chotto-confirmdeletemessage-flex-direction': string;
+    /** Выравнивание элементов по горизонтали */
+    '--chotto-confirmdeletemessage-align-items': string;
+    /** Выравнивание содержимого по вертикали */
+    '--chotto-confirmdeletemessage-justify-content': string;
+    /** Максимальная ширина диалога */
+    '--chotto-confirmdeletemessage-max-width': string;
+    /** Отступы заголовка */
+    '--chotto-confirmdeletemessage-title-margin': string;
+    /** Ширина заголовка */
+    '--chotto-confirmdeletemessage-title-width': string;
+    /** Выравнивание текста заголовка */
+    '--chotto-confirmdeletemessage-title-text-align': string;
+    /** Семейство шрифтов заголовка */
+    '--chotto-confirmdeletemessage-title-font-family': string;
+    /** Жирность шрифта заголовка */
+    '--chotto-confirmdeletemessage-title-font-weight': string;
+    /** Размер шрифта заголовка */
+    '--chotto-confirmdeletemessage-title-font-size': string;
+    /** Высота строки заголовка */
+    '--chotto-confirmdeletemessage-title-line-height': string;
+    /** Цвет заголовка */
+    '--chotto-confirmdeletemessage-title-color': string;
+    /** Отображение блока кнопок */
+    '--chotto-confirmdeletemessage-actions-display': string;
+    /** Выравнивание кнопок по вертикали */
+    '--chotto-confirmdeletemessage-actions-align-items': string;
+    /** Выравнивание кнопок по горизонтали */
+    '--chotto-confirmdeletemessage-actions-justify-content': string;
+    /** Отступ между кнопками */
+    '--chotto-confirmdeletemessage-actions-gap': string;
+    /** Ширина кнопки */
+    '--chotto-confirmdeletemessage-btn-width': string;
+    /** Высота кнопки */
+    '--chotto-confirmdeletemessage-btn-height': string;
+    /** Семейство шрифтов кнопки */
+    '--chotto-confirmdeletemessage-btn-font-family': string;
+    /** Жирность шрифта кнопки */
+    '--chotto-confirmdeletemessage-btn-font-weight': string;
+    /** Размер шрифта кнопки */
+    '--chotto-confirmdeletemessage-btn-font-size': string;
+    /** Курсор кнопки */
+    '--chotto-confirmdeletemessage-btn-cursor': string;
+    /** Фон кнопки */
+    '--chotto-confirmdeletemessage-btn-background': string;
+    /** Цвет текста кнопки удаления */
+    '--chotto-confirmdeletemessage-btn-delete-color': string;
+    /** Граница кнопки удаления */
+    '--chotto-confirmdeletemessage-btn-delete-border': string;
+    /** Радиус границы кнопки удаления */
+    '--chotto-confirmdeletemessage-btn-delete-border-radius': string;
+    /** Цвет текста кнопки отмены */
+    '--chotto-confirmdeletemessage-btn-cancel-color': string;
+    /** Граница кнопки отмены */
+    '--chotto-confirmdeletemessage-btn-cancel-border': string;
+    /** Переход появления/скрытия */
+    '--chotto-confirmdeletemessage-transition': string;
+    /** Начальная прозрачность */
+    '--chotto-confirmdeletemessage-enter-opacity': string;
+    /** Конечная прозрачность */
+    '--chotto-confirmdeletemessage-enter-to-opacity': string;
+}

package/dist/types/components/3_compounds/ChatInput/types/IInputMessage.d.ts

@@ -1,4 +1,4 @@
-import { Reply } from "@/types";
+import { Edit, Reply } from "@/types";
 export interface IInputMessage {
     type: string;
     text?: string;
@@ -6,4 +6,5 @@ export interface IInputMessage {
     filename?: string;
     size?: string;
     reply?: Reply;
+    edit?: Edit;
 }

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

@@ -88,8 +88,8 @@ export interface ChatListThemeCSSVariables {
     '--chotto-chatlist-title-logo-width': string;
     /** Высота логотипа заголовка */
     '--chotto-chatlist-title-logo-height': string;
-    /** Отступ слева логотипа заголовка */
-    '--chotto-chatlist-title-logo-margin-left': string;
+    /** Отступ справа логотипа заголовка */
+    '--chotto-chatlist-title-logo-margin-right': string;
     /** Коэффициент сжатия логотипа заголовка */
     '--chotto-chatlist-title-logo-flex-shrink': string;
     /** Отображение бейджа beta заголовка */

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

@@ -1,4 +1,4 @@
-import { IFeedObject, IFeedTyping, IFeedUnreadButton, IFeedKeyboard } from '@/types';
+import { IFeedObject, IFeedTyping, IFeedUnreadButton, IFeedKeyboard, IFeedMessageMenuAction } from '@/types';
 declare var __VLS_1: {}, __VLS_47: {};
 type __VLS_Slots = {} & {
     prepend?: (props: typeof __VLS_1) => any;
@@ -104,6 +104,14 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         required: false;
         default: undefined;
     };
+    /**
+     * Пункты контекстного меню сообщений (с иконками).
+     * По умолчанию: Ответить, Редактировать, разделитель, Удалить (красный).
+     */
+    messageMenuActions: {
+        type: () => IFeedMessageMenuAction[];
+        default: () => IFeedMessageMenuAction[];
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     loadMore: (...args: any[]) => void;
     smsInvite: (...args: any[]) => void;
@@ -214,6 +222,14 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         required: false;
         default: undefined;
     };
+    /**
+     * Пункты контекстного меню сообщений (с иконками).
+     * По умолчанию: Ответить, Редактировать, разделитель, Удалить (красный).
+     */
+    messageMenuActions: {
+        type: () => IFeedMessageMenuAction[];
+        default: () => IFeedMessageMenuAction[];
+    };
 }>> & Readonly<{
     onLoadMore?: ((...args: any[]) => any) | undefined;
     onSmsInvite?: ((...args: any[]) => any) | undefined;
@@ -227,6 +243,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     onDelimiterRead?: ((...args: any[]) => any) | undefined;
 }>, {
     typing: boolean | IFeedTyping;
+    messageMenuActions: IFeedMessageMenuAction[];
     chatBackground: string;
     currentUserId: string | number | undefined;
     reactionUserNames: Record<string, string>;
@@ -238,9 +255,9 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     buttonParams: IFeedUnreadButton;
     scrollToBottom: boolean;
     scrollTo: string;
-    keyboardAlign: "left" | "right" | "center";
+    keyboardAlign: "center" | "left" | "right";
     feedKeyboards: IFeedKeyboard[];
-    feedKeyboardAlign: "left" | "right" | "center";
+    feedKeyboardAlign: "center" | "left" | "right";
     isLoadingMore: boolean;
     callMessageOnCallback: ((message: IFeedObject) => void) | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -1,6 +1,10 @@
 /**
- * Композабл для маппинга типов сообщений на компоненты
+ * Композабл для маппинга типов сообщений на компоненты.
+ * Удалённые сообщения ленты всегда рендерятся как TextMessage.
  */
 export declare function useFeedComponents(): {
-    componentsMap: (type: string) => unknown;
+    componentsMap: (object: {
+        type?: string;
+        deleted?: boolean;
+    } | string) => unknown;
 };

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

@@ -21,7 +21,6 @@ export declare function useFeedGrouping({ objects }: UseFeedGroupingOptions): {
         filename?: string;
         avatar?: string;
         subtext?: string;
-        actions?: import("@/types").IAction[];
         views?: number;
         callDuration?: string;
         isMissedCall?: boolean;

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

@@ -4,7 +4,7 @@ interface UseFeedReplyOptions {
     emit: (event: 'messageAction' | 'clickRepliedMessage', payload: IFeedObject | string) => void;
 }
 /**
- * Композабл для обработки ответов на сообщения
+ * Композабл для обработки ответов и редактирования сообщений
  */
 export declare function useFeedReply({ enableDoubleClickReply, emit }: UseFeedReplyOptions): {
     getMessage: () => {
@@ -26,6 +26,11 @@ export declare function useFeedReply({ enableDoubleClickReply, emit }: UseFeedRe
             callDuration?: string | undefined;
             isMissedCall?: boolean | undefined;
         } | undefined;
+        edit?: {
+            messageId: string;
+            type: string;
+            text?: string | undefined;
+        } | undefined;
         forceSend: boolean;
         isRecording: boolean;
     };
@@ -33,5 +38,6 @@ export declare function useFeedReply({ enableDoubleClickReply, emit }: UseFeedRe
     handleClickReplied: (messageId: string) => void;
     feedObjectDoubleClick: (event: MouseEvent, object: IFeedObject) => void;
     handleResetReply: () => void;
+    handleResetEdit: () => void;
 };
 export {};

package/dist/types/components/3_compounds/Feed/utils/getDefaultMessageMenuActions.d.ts

@@ -0,0 +1,3 @@
+import type { IFeedMessageMenuAction } from '@/types';
+/** Пункты меню сообщения по умолчанию: Ответить, Редактировать | Удалить */
+export declare function getDefaultMessageMenuActions(): IFeedMessageMenuAction[];

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

@@ -1,8 +1,8 @@
 declare const _default: import("vue").DefineComponent<{}, {
     $emit: (event: "selectItem" | "settingsClick", ...args: any[]) => void;
     sidebarItems: unknown[];
-    horizontal: boolean;
     menuActions: unknown[];
+    horizontal: boolean;
     showSettings: boolean;
     settingsButtonMode: string;
     showSettingsIndicator: boolean;
@@ -11,8 +11,8 @@ declare const _default: import("vue").DefineComponent<{}, {
     settingsIndicatorTooltipAutoShowMs: number;
     $props: {
         readonly sidebarItems?: unknown[] | undefined;
-        readonly horizontal?: boolean | undefined;
         readonly menuActions?: unknown[] | undefined;
+        readonly horizontal?: boolean | undefined;
         readonly showSettings?: boolean | undefined;
         readonly settingsButtonMode?: string | undefined;
         readonly showSettingsIndicator?: boolean | undefined;

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

@@ -49,11 +49,14 @@ export { default as UserProfile } from './2_elements/UserProfile/UserProfile.vue
 export { default as VideoRecorder } from './2_elements/VideoRecorder/VideoRecorder.vue';
 export { default as AudioMessage } from './2_feed_elements/AudioMessage/AudioMessage.vue';
 export { default as BaseReplyMessage } from './2_feed_elements/BaseReplyMessage/BaseReplyMessage.vue';
+export { default as BaseEditMessage } from './2_feed_elements/BaseEditMessage/BaseEditMessage.vue';
 export { default as CallMessage } from './2_feed_elements/CallMessage/CallMessage.vue';
 export { default as DateMessage } from './2_feed_elements/DateMessage/DateMessage.vue';
+export { default as DeletedMessageContent } from './2_feed_elements/DeletedMessageContent/DeletedMessageContent.vue';
 export { default as MissedCallMessage } from './2_feed_elements/MissedCallMessage/MissedCallMessage.vue';
 export { default as DateMessageSticky } from './2_feed_elements/DateMessageSticky/DateMessageSticky.vue';
 export { default as DelimiterMessage } from './2_feed_elements/DelimiterMessage/DelimiterMessage.vue';
+export { default as EditTextMessage } from './2_feed_elements/EditTextMessage/EditTextMessage.vue';
 export { default as FeedKeyboard } from './2_feed_elements/FeedKeyboard/FeedKeyboard.vue';
 export { default as FileMessage } from './2_feed_elements/FileMessage/FileMessage.vue';
 export { default as ImageMessage } from './2_feed_elements/ImageMessage/ImageMessage.vue';
@@ -76,6 +79,7 @@ export { default as VideoMessage } from './2_feed_elements/VideoMessage/VideoMes
 export { default as Modal } from './2_modals/Modal/Modal.vue';
 export { default as ModalFullscreen } from './2_modals/ModalFullscreen/ModalFullscreen.vue';
 export { default as ModalNoFooter } from './2_modals/ModalNoFooter/ModalNoFooter.vue';
+export { default as ConfirmDeleteMessage } from './2_modals/ConfirmDeleteMessage/ConfirmDeleteMessage.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';

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

@@ -0,0 +1,7 @@
+import type { Edit } from '@/types';
+export interface EditMessageSource {
+    messageId: string | number;
+    type?: string;
+    text?: string;
+}
+export declare function buildEditPayload(message: EditMessageSource, fallbackType?: string): Edit;

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

@@ -0,0 +1,16 @@
+export type MenuTriggerRect = Pick<DOMRect, 'top' | 'right' | 'bottom' | 'left' | 'width' | 'height'>;
+/**
+ * Границы приложения для встроек: .base__container / .base / .chat-app / [data-theme],
+ * пересечённые с viewport.
+ */
+export declare function findAppBoundsRect(element: HTMLElement | null): DOMRect;
+/**
+ * Позиция контекстного меню рядом с кнопкой «три точки» (position: fixed).
+ * Не выходит за границы приложения (важно для встроек).
+ */
+export declare function calculateMessageMenuPosition(menuElement: HTMLElement | null, options: {
+    triggerRect: MenuTriggerRect | null;
+    boundsElement: HTMLElement | null;
+    estimatedWidth?: number;
+    estimatedHeight?: number;
+}): Promise<Record<string, string>>;

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

@@ -0,0 +1,28 @@
+/**
+ * Текст и мета для тултипа удалённого сообщения
+ * (текст + «Имя, дата в время»).
+ */
+export type DeletedTooltipLines = {
+    original: string;
+    meta: string;
+};
+/**
+ * Строки тултипа для «Сообщение удалено»:
+ * original — исходный текст/подпись;
+ * meta — «Имя, дата в время».
+ */
+export declare function getDeletedTooltipLines(message: {
+    text?: string;
+    filename?: string;
+    alt?: string;
+    deletion?: {
+        deletedBy?: string;
+        deletedAt?: string;
+    } | null;
+}): DeletedTooltipLines;
+/** @deprecated используйте getDeletedTooltipLines().original */
+export declare function getDeletedOriginalText(message: {
+    text?: string;
+    filename?: string;
+    alt?: string;
+}): string;

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

@@ -0,0 +1,17 @@
+import type { MessageEditInfo } from '@/types';
+export type EditTooltipEntry = {
+    text: string;
+    meta: string;
+};
+export type EditTooltipLines = {
+    /** Оригинальный текст до первой правки */
+    original?: string;
+    /** Правки: текст версии и «Имя, дата в время» */
+    edits: EditTooltipEntry[];
+};
+/**
+ * Строки тултипа для метки «изменено»:
+ * original — текст до первой правки;
+ * edits — для каждой правки: текст версии + «Имя, дата в время».
+ */
+export declare function getEditTooltipLines(edited?: MessageEditInfo | null): EditTooltipLines;

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

@@ -1,6 +1,12 @@
 export * from './useMessageActions';
+export * from './calculateMessageMenuPosition';
+export * from './useMessageMenuActions';
 export * from './useMessageLinks';
 export * from './useChannelAccentColor';
 export * from './useSubtextTooltip';
 export * from './useStartReply';
+export * from './useStartEdit';
 export * from './buildReplyPayload';
+export * from './buildEditPayload';
+export * from './getEditTooltipLines';
+export * from './getDeletedOriginalText';

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

@@ -1,55 +1,49 @@
 /**
- * Полезная нагрузка для событий действия сообщения
- * @typedef ActionPayload
- * @property {string} messageId - Идентификатор сообщения
- * @property {string} type - Тип действия (например, 'menu' | 'views')
+ * Composable для общих действий в компонентах сообщений (контекстное меню, просмотры, ответ)
+ *
+ * Предназначен для элементов ленты (`TextMessage`, `ImageMessage`, `VideoMessage`, `FileMessage`, `AudioMessage`).
+ * Централизует управление состоянием кнопки меню/контекстного меню и единообразно эмитит события наружу.
+ *
+ * @example
+ * const { isOpenMenu, toggleMenu, openMenu, menuStyle, menuRef, menuAnchorRef } = useMessageActions(...)
+ * // <button @click="toggleMenu">
+ * // <MessageReactions @menu="openMenu" />
+ * // <Teleport to="body"><ContextMenu v-if="isOpenMenu" ref="menuRef" :style="menuStyle" /></Teleport>
  */
+import { type ComponentPublicInstance } from 'vue';
+import { type MenuTriggerRect } from './calculateMessageMenuPosition';
 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) => {
+type UseMessageActionsOptions = {
+    onReply?: () => void;
+    onEdit?: () => void;
+};
+/** Payload от MessageReactions @menu или клик по кнопке */
+export type OpenMessageMenuSource = Event | {
+    event?: Event;
+    triggerRect?: MenuTriggerRect;
+    messageId?: string | number;
+} | MenuTriggerRect | undefined;
+export declare const useMessageActions: <T extends MessageWithMeta>(message: T, emit: EmitFn, options?: UseMessageActionsOptions) => {
     isOpenMenu: import("vue").Ref<boolean, boolean>;
     buttonMenuVisible: import("vue").Ref<boolean, boolean>;
+    menuAnchorRef: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+    menuRef: import("vue").Ref<HTMLElement | ComponentPublicInstance | null, HTMLElement | ComponentPublicInstance | null>;
+    menuStyle: import("vue").Ref<Record<string, string>, Record<string, string>>;
+    menuTheme: import("vue").ComputedRef<string>;
     showMenu: () => void;
-    hideMenu: () => void;
-    clickAction: (action: Record<string, unknown>) => void;
+    hideMenu: (event?: MouseEvent) => void;
+    openMenu: (source?: OpenMessageMenuSource) => void;
+    toggleMenu: (event?: Event) => void;
+    onMenuMouseEnter: () => void;
+    onMenuMouseLeave: () => void;
+    clickAction: (action: Record<string, unknown>) => Promise<void>;
     viewsAction: () => void;
     handleClickReplied: (replyMessageId: string) => void;
 };

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

@@ -0,0 +1,10 @@
+import { type MaybeRefOrGetter } from 'vue';
+import type { IFeedMessageMenuAction, MessageMenuActionContext } from '@/types';
+/**
+ * Пункты контекстного меню сообщения из Feed (`messageMenuActions`)
+ * или дефолт: Ответить / Редактировать / Удалить.
+ * `disabled` может быть функцией от сообщения — резолвится здесь.
+ */
+export declare function useMessageMenuActions(message?: MaybeRefOrGetter<MessageMenuActionContext>): {
+    menuActions: import("vue").ComputedRef<IFeedMessageMenuAction[]>;
+};

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

@@ -0,0 +1,6 @@
+import type { Edit } from '@/types';
+export declare function useStartEdit(chatAppId: string): {
+    startEdit: (edit: Edit) => void;
+};
+export declare function hideEditPreview(chatAppId: string): void;
+export declare function showEditPreview(chatAppId: string): void;

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

@@ -1,5 +1,6 @@
 export * from './useCreateChat';
 export * from './useCreateChat2';
 export * from './useCreateDialog';
+export * from './useConfirmDeleteMessage';
 export * from './useModalSelectUser2';
 export * from './useVideoRecorder';

package/dist/types/hooks/modals/useConfirmDeleteMessage.d.ts

@@ -0,0 +1,2 @@
+/** Показывает диалог «Удалить сообщение?» и возвращает true при подтверждении */
+export declare function useConfirmDeleteMessage(theme?: string): Promise<boolean>;

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

@@ -1,4 +1,4 @@
-import { Reply } from '@/types';
+import { Edit, Reply } from '@/types';
 /**
  * Структура загруженного файла
  * @interface UploadedFile
@@ -32,6 +32,8 @@ interface UploadedFile {
  * @returns {Function} returns.resetMessageFile - Удалить прикрепленный файл
  * @returns {Function} returns.setReply - Установить ответ на сообщение
  * @returns {Function} returns.resetReply - Удалить ответ на сообщение
+ * @returns {Function} returns.setEdit - Установить редактируемое сообщение
+ * @returns {Function} returns.resetEdit - Сбросить режим редактирования
  * @returns {Function} returns.setForceSendMessage - Установить флаг принудительной отправки
  * @returns {Function} returns.setRecordingMessage - Установить флаг записи
  *
@@ -93,6 +95,11 @@ export declare const useMessageDraft: (outId: string) => {
             callDuration?: string | undefined;
             isMissedCall?: boolean | undefined;
         } | undefined;
+        edit?: {
+            messageId: string;
+            type: string;
+            text?: string | undefined;
+        } | undefined;
         forceSend: boolean;
         isRecording: boolean;
     };
@@ -102,6 +109,8 @@ export declare const useMessageDraft: (outId: string) => {
     setMessageText: (text: string) => void;
     setReply: (reply: Reply) => void;
     resetReply: () => void;
+    setEdit: (edit: Edit) => void;
+    resetEdit: () => void;
     setForceSendMessage: (val: boolean) => void;
     setRecordingMessage: (val: boolean) => void;
 };

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

@@ -1,11 +1,6 @@
 /**
  * Типы для данных сообщений
  */
-export interface MessageAction {
-    action: string;
-    title: string;
-    icon?: string;
-}
 export interface MessageReply {
     messageId: string | number;
     type: string;
@@ -55,7 +50,6 @@ export interface Message {
     filename?: string;
     alt?: string;
     views?: number;
-    actions?: MessageAction[];
     reply?: MessageReply;
     embed?: MessageEmbed;
     linkPreview?: MessageLinkPreview;

package/dist/types/locale/en.d.ts

@@ -21,4 +21,9 @@ export const en: {
     'component.TextFormatToolbar.Code': string;
     'component.TextFormatToolbar.Quote': string;
     'component.TextMessage.sendSmsInvite': string;
+    'component.TextMessage.edited': string;
+    'component.ConfirmDeleteMessage.title': string;
+    'component.ConfirmDeleteMessage.delete': string;
+    'component.ConfirmDeleteMessage.cancel': string;
+    'component.DeletedMessageContent.text': string;
 };

package/dist/types/locale/ru.d.ts

@@ -21,4 +21,9 @@ export const ru: {
     'component.TextFormatToolbar.Code': string;
     'component.TextFormatToolbar.Quote': string;
     'component.TextMessage.sendSmsInvite': string;
+    'component.TextMessage.edited': string;
+    'component.ConfirmDeleteMessage.title': string;
+    'component.ConfirmDeleteMessage.delete': string;
+    'component.ConfirmDeleteMessage.cancel': string;
+    'component.DeletedMessageContent.text': string;
 };

package/dist/types/main.d.ts

@@ -2,5 +2,6 @@ import './components/2_feed_elements/StickerMessage/utils/suppress-lit-warning';
 import 'primeicons/primeicons.css';
 import './themes/index.scss';
 import '@fontsource/inter/700';
+import '@fontsource/montserrat/600';
 import '@fontsource/open-sans/400';
 import '@fontsource/open-sans/600';