@mobilon-dev/chotto 0.3.84 → 0.3.85

package/dist/types/apps/data/messages.d.ts

@@ -1477,8 +1477,9 @@ export declare const messages: ({
     reactions: {
         items: {
             key: string;
-            count: number;
-            reactedByMe: boolean;
+            userId: string;
+            name: string;
+            date: number;
         }[];
         meta?: undefined;
     };
@@ -1522,8 +1523,9 @@ export declare const messages: ({
     reactions: {
         items: {
             key: string;
-            count: number;
-            reactedByMe: boolean;
+            userId: string;
+            name: string;
+            date: number;
         }[];
         meta: {
             mode: string;
@@ -1610,8 +1612,9 @@ export declare const messages: ({
     reactions: {
         items: {
             key: string;
-            count: number;
-            reactedByMe: boolean;
+            userId: string;
+            name: string;
+            date: number;
         }[];
         meta: {
             mode: string;
@@ -1809,8 +1812,9 @@ export declare const messages: ({
     reactions: {
         items: {
             key: string;
-            count: number;
-            reactedByMe: boolean;
+            userId: string;
+            name: string;
+            date: number;
         }[];
         meta: {
             mode: string;
@@ -1892,15 +1896,12 @@ export declare const messages: ({
     subText: string;
     avatar: string;
     reactions: {
-        items: ({
-            key: string;
-            count: number;
-            reactedByMe?: undefined;
-        } | {
+        items: {
             key: string;
-            count: number;
-            reactedByMe: boolean;
-        })[];
+            userId: string;
+            name: string;
+            date: number;
+        }[];
         meta: {
             mode: string;
         };
@@ -1987,8 +1988,9 @@ export declare const messages: ({
     reactions: {
         items: {
             key: string;
-            count: number;
-            reactedByMe: boolean;
+            userId: string;
+            name: string;
+            date: number;
         }[];
         meta: {
             mode: string;

package/dist/types/components/1_atoms/EmojiGlyph/EmojiGlyph.vue.d.ts

@@ -0,0 +1,12 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    emoji: {
+        type: StringConstructor;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    emoji: {
+        type: StringConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/types/components/1_atoms/Tooltip/stories/Tooltip.stories.d.ts

@@ -9,6 +9,9 @@ export declare const Bottom: Story;
 export declare const Left: Story;
 export declare const Right: Story;
 export declare const BottomLeft: Story;
+export declare const BottomRight: Story;
+export declare const TopLeft: Story;
+export declare const TopRight: Story;
 export declare const WithIcon: Story;
 export declare const WithButton: Story;
 export declare const LongText: Story;

package/dist/types/components/1_icons/CloseIcon.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, 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_chatinput_elements/ButtonEmojiPicker/ButtonEmojiPicker.vue.d.ts

@@ -9,6 +9,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
         validator: (value: string) => boolean;
     };
+    /**
+     * true — системные эмодзи; false — 3D (Apple) в пикере, инпуте и ленте.
+     * Значение пишется в общий store чата (useEmojiNative).
+     */
     native: {
         type: BooleanConstructor;
         default: boolean;
@@ -23,13 +27,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         default: string;
         validator: (value: string) => boolean;
     };
+    /**
+     * true — системные эмодзи; false — 3D (Apple) в пикере, инпуте и ленте.
+     * Значение пишется в общий store чата (useEmojiNative).
+     */
     native: {
         type: BooleanConstructor;
         default: boolean;
     };
 }>> & Readonly<{}>, {
+    native: boolean;
     mode: string;
     state: string;
-    native: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/types/components/2_feed_elements/AudioMessage/AudioMessage.vue.d.ts

@@ -16,6 +16,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    reactionsMode: {
+        type: () => "single" | "multi";
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    currentUserId: {
+        type: () => string | number | undefined;
+        default: undefined;
+    };
+    reactionUserNames: {
+        type: () => Record<string, string>;
+        default: undefined;
+    };
     subtextTooltipData: {
         type: () => Record<string, string>;
         required: false;
@@ -47,6 +60,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    reactionsMode: {
+        type: () => "single" | "multi";
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    currentUserId: {
+        type: () => string | number | undefined;
+        default: undefined;
+    };
+    reactionUserNames: {
+        type: () => Record<string, string>;
+        default: undefined;
+    };
     subtextTooltipData: {
         type: () => Record<string, string>;
         required: false;
@@ -63,9 +89,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onSms-invite"?: ((...args: any[]) => any) | undefined;
 }>, {
     channel: string;
+    currentUserId: string | number | undefined;
+    reactionUserNames: Record<string, string>;
     applyStyle: Function;
     isFirstInSeries: boolean;
     reactionsEnabled: boolean;
+    reactionsMode: "single" | "multi";
     subtextTooltipData: Record<string, string>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -230,8 +230,22 @@ export interface AudioMessageThemeCSSVariables {
     '--chotto-audiomessage-avatar-min-height': string;
     /** Скругление аватара */
     '--chotto-audiomessage-avatar-border-radius': string;
-    /** Колонки грида инфо-контейнера */
-    '--chotto-audiomessage-info-container-grid-column': string;
+    /** Колонки грида футера */
+    '--chotto-audiomessage-footer-grid-column': string;
+    /** Отображение футера */
+    '--chotto-audiomessage-footer-display': string;
+    /** Выравнивание элементов футера по поперечной оси */
+    '--chotto-audiomessage-footer-align-items': string;
+    /** Выравнивание элементов футера по главной оси */
+    '--chotto-audiomessage-footer-justify-content': string;
+    /** Промежуток между элементами футера */
+    '--chotto-audiomessage-footer-column-gap': string;
+    /** Отступ сверху футера */
+    '--chotto-audiomessage-footer-margin-top': string;
+    /** Отступ справа футера */
+    '--chotto-audiomessage-footer-margin-right': string;
+    /** Доп. отступ сверху футера при наличии реакций */
+    '--chotto-audiomessage-footer-reactions-extra-margin-top': string;
     /** Отображение инфо-контейнера */
     '--chotto-audiomessage-info-container-display': string;
     /** Выравнивание элементов инфо-контейнера */
@@ -240,12 +254,12 @@ export interface AudioMessageThemeCSSVariables {
     '--chotto-audiomessage-info-container-justify-content': string;
     /** Промежуток между элементами инфо-контейнера */
     '--chotto-audiomessage-info-container-column-gap': string;
-    /** Отступ справа инфо-контейнера */
-    '--chotto-audiomessage-info-container-margin-right': string;
-    /** Отступ сверху инфо-контейнера */
-    '--chotto-audiomessage-info-container-margin-top': string;
     /** События указателя инфо-контейнера */
     '--chotto-audiomessage-info-container-pointer-events': string;
+    /** Растягивание инфо-контейнера в футере */
+    '--chotto-audiomessage-info-container-flex': string;
+    /** Минимальная ширина инфо-контейнера */
+    '--chotto-audiomessage-info-container-min-width': string;
     /** Отображение контейнера кнопок "Текст / Резюме" */
     '--chotto-audiomessage-actions-display': string;
     /** Выравнивание элементов контейнера кнопок */
@@ -386,20 +400,14 @@ export interface AudioMessageThemeCSSVariables {
     '--chotto-audiomessage-transcript-delimiter-height': string;
     /** Скругление разделителя */
     '--chotto-audiomessage-transcript-delimiter-border-radius': string;
-    /** Колонка грида реакций */
-    '--chotto-audiomessage-reactions-grid-column': string;
-    /** Отступ сверху реакций */
-    '--chotto-audiomessage-reactions-margin-top': string;
-    /** Отступ снизу реакций */
-    '--chotto-audiomessage-reactions-margin-bottom': string;
+    /** Растягивание блока реакций в футере */
+    '--chotto-audiomessage-reactions-flex': string;
     /** Перенос строк реакций */
     '--chotto-audiomessage-reactions-flex-wrap': string;
+    /** Минимальная ширина реакций */
+    '--chotto-audiomessage-reactions-min-width': string;
     /** Максимальная ширина реакций */
     '--chotto-audiomessage-reactions-max-width': string;
-    /** Внутренний отступ справа реакций */
-    '--chotto-audiomessage-reactions-padding-right': string;
-    /** Внутренний отступ снизу реакций */
-    '--chotto-audiomessage-reactions-padding-bottom': string;
     /** Отображение общего контейнера лево/право */
     '--chotto-audiomessage-left-right-display': string;
     /** Шаблон колонок левой раскладки */

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

@@ -20,6 +20,10 @@ export interface BaseReplyMessageThemeCSSVariables {
     '--chotto-basereplymessage-container-overflow': string;
     /** Отступ снизу контейнера */
     '--chotto-basereplymessage-container-margin-bottom': string;
+    /** Отступ справа контейнера */
+    '--chotto-basereplymessage-container-margin-right': string;
+    /** Цвет фона контейнера */
+    '--chotto-basereplymessage-container-background-color': string;
     /** Контент псевдоэлемента перед контейнером */
     '--chotto-basereplymessage-container-before-content': string;
     /** Позиционирование псевдоэлемента */
@@ -32,6 +36,10 @@ export interface BaseReplyMessageThemeCSSVariables {
     '--chotto-basereplymessage-container-before-width': string;
     /** Высота псевдоэлемента */
     '--chotto-basereplymessage-container-before-height': string;
+    /** Скругление верхнего левого угла псевдоэлемента */
+    '--chotto-basereplymessage-container-before-border-top-left-radius': string;
+    /** Скругление нижнего левого угла псевдоэлемента */
+    '--chotto-basereplymessage-container-before-border-bottom-left-radius': string;
     /** Отображение кнопки сброса */
     '--chotto-basereplymessage-reset-display': string;
     /** Позиционирование кнопки сброса */
@@ -52,10 +60,6 @@ export interface BaseReplyMessageThemeCSSVariables {
     '--chotto-basereplymessage-grid-padding': string;
     /** Правый внутренний отступ блока ответа в инпуте */
     '--chotto-basereplymessage-chat-input-reply-padding-right': string;
-    /** Граница блока ответа в инпуте */
-    '--chotto-basereplymessage-chat-input-reply-border': string;
-    /** Скругление блока ответа в инпуте */
-    '--chotto-basereplymessage-chat-input-reply-border-radius': string;
     /** Перенос слов в блоке ответа в инпуте */
     '--chotto-basereplymessage-chat-input-reply-word-break': string;
     /** Отступ снизу блока ответа в инпуте */

package/dist/types/components/2_feed_elements/FileMessage/FileMessage.vue.d.ts

@@ -16,6 +16,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    reactionsMode: {
+        type: () => "single" | "multi";
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    currentUserId: {
+        type: () => string | number | undefined;
+        default: undefined;
+    };
+    reactionUserNames: {
+        type: () => Record<string, string>;
+        default: undefined;
+    };
     subtextTooltipData: {
         type: () => Record<string, string>;
         required: false;
@@ -47,6 +60,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    reactionsMode: {
+        type: () => "single" | "multi";
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    currentUserId: {
+        type: () => string | number | undefined;
+        default: undefined;
+    };
+    reactionUserNames: {
+        type: () => Record<string, string>;
+        default: undefined;
+    };
     subtextTooltipData: {
         type: () => Record<string, string>;
         required: false;
@@ -63,9 +89,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onSms-invite"?: ((...args: any[]) => any) | undefined;
 }>, {
     channel: string;
+    currentUserId: string | number | undefined;
+    reactionUserNames: Record<string, string>;
     applyStyle: Function;
     isFirstInSeries: boolean;
     reactionsEnabled: boolean;
+    reactionsMode: "single" | "multi";
     subtextTooltipData: Record<string, string>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -114,6 +114,22 @@ export interface FileMessageThemeCSSVariables {
     '--chotto-filemessage-filename-text-font-size': string;
     /** Цвет имени файла */
     '--chotto-filemessage-filename-text-color': string;
+    /** Отображение футера (реакции + время) */
+    '--chotto-filemessage-footer-display': string;
+    /** Выравнивание элементов футера по поперечной оси */
+    '--chotto-filemessage-footer-align-items': string;
+    /** Выравнивание элементов футера по главной оси */
+    '--chotto-filemessage-footer-justify-content': string;
+    /** Промежуток между элементами футера */
+    '--chotto-filemessage-footer-column-gap': string;
+    /** Отступ сверху футера */
+    '--chotto-filemessage-footer-margin-top': string;
+    /** Растягивание блока реакций в футере */
+    '--chotto-filemessage-reactions-flex': string;
+    /** Перенос реакций */
+    '--chotto-filemessage-reactions-flex-wrap': string;
+    /** Минимальная ширина блока реакций */
+    '--chotto-filemessage-reactions-min-width': string;
     /** Отображение контейнера информации */
     '--chotto-filemessage-info-container-display': string;
     /** Выравнивание элементов контейнера информации */
@@ -122,6 +138,10 @@ export interface FileMessageThemeCSSVariables {
     '--chotto-filemessage-info-container-justify-content': string;
     /** Промежуток между элементами контейнера информации */
     '--chotto-filemessage-info-container-column-gap': string;
+    /** Сжатие контейнера информации */
+    '--chotto-filemessage-info-container-flex-shrink': string;
+    /** Отступ слева у контейнера информации */
+    '--chotto-filemessage-info-container-margin-left': string;
     /** Отступ снизу кнопки скачивания */
     '--chotto-filemessage-download-button-margin-bottom': string;
     /** Отступ слева кнопки скачивания */

package/dist/types/components/2_feed_elements/ImageMessage/ImageMessage.vue.d.ts

@@ -16,6 +16,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    reactionsMode: {
+        type: () => "single" | "multi";
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    currentUserId: {
+        type: () => string | number | undefined;
+        default: undefined;
+    };
+    reactionUserNames: {
+        type: () => Record<string, string>;
+        default: undefined;
+    };
     subtextTooltipData: {
         type: () => Record<string, string>;
         required: false;
@@ -47,6 +60,19 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    reactionsMode: {
+        type: () => "single" | "multi";
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    currentUserId: {
+        type: () => string | number | undefined;
+        default: undefined;
+    };
+    reactionUserNames: {
+        type: () => Record<string, string>;
+        default: undefined;
+    };
     subtextTooltipData: {
         type: () => Record<string, string>;
         required: false;
@@ -63,9 +89,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "onSms-invite"?: ((...args: any[]) => any) | undefined;
 }>, {
     channel: string;
+    currentUserId: string | number | undefined;
+    reactionUserNames: Record<string, string>;
     applyStyle: Function;
     isFirstInSeries: boolean;
     reactionsEnabled: boolean;
+    reactionsMode: "single" | "multi";
     subtextTooltipData: Record<string, string>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -358,6 +358,8 @@ export interface ImageMessageThemeCSSVariables {
     '--chotto-imagemessage-right-context-menu-right': string;
     /** Отступ контекстного меню справа сверху */
     '--chotto-imagemessage-right-context-menu-margin-top': string;
+    /** Внешние отступы реакций */
+    '--chotto-imagemessage-reactions-margin': string;
     /** Ширина изображения в модальном окне */
     '--chotto-imagemessage-modal-image-width': string;
     /** Высота изображения в модальном окне */

package/dist/types/components/2_feed_elements/MessageReactions/MessageReactions.vue.d.ts

@@ -1,5 +1,6 @@
 import 'vue3-emoji-picker-ru/css';
-import type { MessageReactions } from '@/types';
+import type { MessageReactions, Reply } from '@/types';
+import { type ReactionsMode } from './composables';
 declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     reactions: {
         type: () => MessageReactions | undefined;
@@ -18,6 +19,34 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    mode: {
+        type: () => ReactionsMode;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /** Id текущего пользователя — для расчёта reactedByMe и локальных add/remove */
+    currentUserId: {
+        type: () => string | number | undefined;
+        default: undefined;
+    };
+    /** Имя текущего пользователя — для тултипа при локальном добавлении реакции */
+    currentUserName: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** userId → имя (если в item нет name) */
+    reactionUserNames: {
+        type: () => Record<string, string>;
+        default: undefined;
+    };
+    reply: {
+        type: () => Reply | undefined;
+        default: undefined;
+    };
+    replyEnabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     "toggle-reaction": (payload: {
         messageId: string | number;
@@ -49,6 +78,34 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    mode: {
+        type: () => ReactionsMode;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /** Id текущего пользователя — для расчёта reactedByMe и локальных add/remove */
+    currentUserId: {
+        type: () => string | number | undefined;
+        default: undefined;
+    };
+    /** Имя текущего пользователя — для тултипа при локальном добавлении реакции */
+    currentUserName: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    /** userId → имя (если в item нет name) */
+    reactionUserNames: {
+        type: () => Record<string, string>;
+        default: undefined;
+    };
+    reply: {
+        type: () => Reply | undefined;
+        default: undefined;
+    };
+    replyEnabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{
     "onToggle-reaction"?: ((payload: {
         messageId: string | number;
@@ -63,8 +120,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         key: string;
     }) => any) | undefined;
 }>, {
+    reply: Reply | undefined;
+    mode: ReactionsMode;
     reactions: MessageReactions | undefined;
     readonly: boolean;
     enabled: boolean;
+    currentUserId: string | number | undefined;
+    currentUserName: string;
+    reactionUserNames: Record<string, string>;
+    replyEnabled: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/types/components/2_feed_elements/MessageReactions/composables/index.d.ts

@@ -1,4 +1,4 @@
-export { findFeedContainer, isRightMessage, calculatePanelPosition, calculateFixedPanelPosition, } from './usePositioning';
-export { updateLocalReactionsAdd, updateLocalReactionsRemove, updateLocalReactionsToggle, } from './useReactions';
+export { findFeedContainer, findMessageContent, isRightMessage, calculatePanelPosition, calculateFixedPanelPosition, calculatePickerPositionAboveQuickPanel, } from './usePositioning';
+export { updateLocalReactionsAdd, updateLocalReactionsRemove, updateLocalReactionsToggle, updateLocalReactionsReplace, aggregateReactions, hasMyReaction, getMyReactionKey, sameUserId, type ReactionsMode, } from './useReactions';
 export { useReactionsState } from './useReactionsState';
 export { useReactionsPanel } from './useReactionsPanel';

package/dist/types/components/2_feed_elements/MessageReactions/composables/usePositioning.d.ts

@@ -2,15 +2,25 @@
  * Находит ближайший feed-контейнер в DOM дереве
  */
 export declare function findFeedContainer(element: HTMLElement | null): HTMLElement | null;
+/**
+ * Находит контейнер содержимого сообщения (например, text-message__content)
+ */
+export declare function findMessageContent(element: HTMLElement | null): HTMLElement | null;
 /**
  * Определяет, является ли сообщение правым (outgoing)
  */
 export declare function isRightMessage(element: HTMLElement | null): boolean;
 /**
- * Вычисляет позицию панели реакций относительно кнопки и feed контейнера
+ * Вычисляет позицию панели быстрых реакций в координатах viewport (position: fixed):
+ * по центру высоты, слева для правых сообщений и справа для левых.
+ * Fixed нужен, чтобы панель не обрезалась overflow ленты и могла перекрывать ChatList.
  */
 export declare function calculatePanelPosition(panelElement: HTMLElement | null, buttonElement: HTMLElement | null, estimatedWidth?: number): Promise<Record<string, string>>;
 /**
  * Вычисляет позицию для fixed-элемента относительно viewport
  */
 export declare function calculateFixedPanelPosition(panelElement: HTMLElement | null, buttonElement: HTMLElement | null, estimatedWidth?: number): Promise<Record<string, string>>;
+/**
+ * Вычисляет позицию EmojiPicker над панелью быстрых реакций
+ */
+export declare function calculatePickerPositionAboveQuickPanel(pickerElement: HTMLElement | null, quickPanelElement: HTMLElement | null, messageElement: HTMLElement | null, estimatedWidth?: number): Promise<Record<string, string>>;

package/dist/types/components/2_feed_elements/MessageReactions/composables/useReactions.d.ts

@@ -1,19 +1,27 @@
-import type { MessageReactions } from '@/types';
+import type { MessageReactionChip, MessageReactions } from '@/types';
+export type ReactionsMode = 'single' | 'multi';
+export type ReactionsRef = {
+    value: MessageReactions | undefined;
+};
+export declare function sameUserId(a: string | number | undefined | null, b: string | number | undefined | null): boolean;
+export declare function hasMyReaction(localReactions: ReactionsRef, key: string, currentUserId: string | number | undefined | null): boolean;
+export declare function getMyReactionKey(localReactions: ReactionsRef, currentUserId: string | number | undefined | null): string | undefined;
+/** Группирует event-list в чипы для UI */
+export declare function aggregateReactions(reactions: MessageReactions | undefined, currentUserId: string | number | undefined | null): MessageReactionChip[];
 /**
- * Добавляет или увеличивает реакцию в локальном состоянии
+ * Добавляет реакцию текущего пользователя
  */
-export declare function updateLocalReactionsAdd(localReactions: {
-    value: MessageReactions | undefined;
-}, key: string): void;
+export declare function updateLocalReactionsAdd(localReactions: ReactionsRef, key: string, currentUserId: string | number, mode?: ReactionsMode, name?: string): void;
 /**
- * Удаляет или уменьшает реакцию в локальном состоянии
+ * Удаляет реакцию текущего пользователя по ключу
  */
-export declare function updateLocalReactionsRemove(localReactions: {
-    value: MessageReactions | undefined;
-}, key: string): void;
+export declare function updateLocalReactionsRemove(localReactions: ReactionsRef, key: string, currentUserId: string | number): void;
+/**
+ * В single-режиме заменяет свою текущую реакцию на новую.
+ * Возвращает ключ снятой реакции (если была).
+ */
+export declare function updateLocalReactionsReplace(localReactions: ReactionsRef, key: string, currentUserId: string | number, name?: string): string | undefined;
 /**
  * Переключает реакцию (добавляет, если нет, или удаляет, если есть)
  */
-export declare function updateLocalReactionsToggle(localReactions: {
-    value: MessageReactions | undefined;
-}, key: string): void;
+export declare function updateLocalReactionsToggle(localReactions: ReactionsRef, key: string, currentUserId: string | number, mode?: ReactionsMode, name?: string): void;

package/dist/types/components/2_feed_elements/MessageReactions/composables/useReactionsPanel.d.ts

@@ -2,7 +2,7 @@ import { type Ref } from 'vue';
 /**
  * Композабл для управления панелями реакций (быстрые реакции и полный picker)
  */
-export declare function useReactionsPanel(quickEmojis: Ref<readonly string[]>, addButtonRef: Ref<HTMLButtonElement | null>): {
+export declare function useReactionsPanel(quickEmojis: Ref<readonly string[]>, messageRef: Ref<HTMLElement | null>): {
     isQuickReactionsOpen: Ref<boolean, boolean>;
     isFullPickerOpen: Ref<boolean, boolean>;
     pickerRef: Ref<HTMLElement | null, HTMLElement | null>;
@@ -13,11 +13,11 @@ export declare function useReactionsPanel(quickEmojis: Ref<readonly string[]>, a
     closeQuickPanel: () => void;
     openFullPicker: () => Promise<void>;
     closeFullPicker: () => void;
+    handleMessageMouseEnter: () => void;
+    handleMessageMouseLeave: () => void;
     handleQuickPanelMouseEnter: () => void;
     handleQuickPanelMouseLeave: () => void;
     handlePickerMouseEnter: () => void;
     handlePickerMouseLeave: () => void;
-    handleButtonMouseEnter: () => void;
-    handleButtonMouseLeave: () => void;
     handleClickOutside: (event: MouseEvent) => void;
 };