@mobilon-dev/chotto 0.3.85 → 0.3.87

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/700';
 import '@fontsource/open-sans/400';
 import '@fontsource/open-sans/600';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mobilon-dev/chotto",
-  "version": "0.3.85",
+  "version": "0.3.87",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",