@mobilon-dev/chotto 0.3.83 → 0.3.85

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

@@ -12,6 +12,8 @@ export interface ReplyFileMessageThemeCSSVariables {
     '--chotto-replyfilemessage-p-white-space': string;
     /** Размер шрифта абзаца */
     '--chotto-replyfilemessage-p-font-size': string;
+    /** Жирность абзаца (заголовок «В ответ») */
+    '--chotto-replyfilemessage-p-font-weight': string;
     /** Цвет абзаца */
     '--chotto-replyfilemessage-p-color': string;
     /** Переполнение абзаца */
@@ -30,6 +32,8 @@ export interface ReplyFileMessageThemeCSSVariables {
     '--chotto-replyfilemessage-text-margin-top': string;
     /** Размер шрифта текста */
     '--chotto-replyfilemessage-text-font-size': string;
+    /** Жирность текста */
+    '--chotto-replyfilemessage-text-font-weight': string;
     /** Цвет текста */
     '--chotto-replyfilemessage-text-color': string;
     /** Отображение ссылки на файл */
@@ -60,6 +64,8 @@ export interface ReplyFileMessageThemeCSSVariables {
     '--chotto-replyfilemessage-filename-text-margin-right': string;
     /** Размер шрифта имени файла */
     '--chotto-replyfilemessage-filename-text-font-size': string;
+    /** Жирность имени файла */
+    '--chotto-replyfilemessage-filename-text-font-weight': string;
     /** Цвет имени файла */
     '--chotto-replyfilemessage-filename-text-color': string;
     /** Подчёркивание имени файла */

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

@@ -6,6 +6,8 @@ export interface ReplyImageMessageThemeCSSVariables {
     '--chotto-replyimagemessage-p-margin': string;
     /** Размер шрифта абзаца */
     '--chotto-replyimagemessage-p-font-size': string;
+    /** Жирность абзаца (заголовок «В ответ») */
+    '--chotto-replyimagemessage-p-font-weight': string;
     /** Цвет абзаца */
     '--chotto-replyimagemessage-p-color': string;
     /** Переполнение абзаца */
@@ -62,6 +64,8 @@ export interface ReplyImageMessageThemeCSSVariables {
     '--chotto-replyimagemessage-text-margin-top': string;
     /** Размер шрифта текста */
     '--chotto-replyimagemessage-text-font-size': string;
+    /** Жирность текста */
+    '--chotto-replyimagemessage-text-font-weight': string;
     /** Цвет текста */
     '--chotto-replyimagemessage-text-color': string;
     /** Отображение описания ответа */
@@ -76,6 +80,8 @@ export interface ReplyImageMessageThemeCSSVariables {
     '--chotto-replyimagemessage-reply-description-white-space': string;
     /** Цвет спана в описании ответа */
     '--chotto-replyimagemessage-reply-description-span-color': string;
+    /** Жирность текста «Фотография» */
+    '--chotto-replyimagemessage-reply-description-p-font-weight': string;
     /** Переход появления модального окна */
     '--chotto-replyimagemessage-modal-fade-enter-active-transition': string;
     /** Прозрачность модального окна в начале */

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

@@ -6,6 +6,8 @@ export interface ReplyStickerMessageThemeCSSVariables {
     '--chotto-replystickermessage-p-margin': string;
     /** Размер шрифта абзаца */
     '--chotto-replystickermessage-p-font-size': string;
+    /** Жирность абзаца (заголовок «В ответ») */
+    '--chotto-replystickermessage-p-font-weight': string;
     /** Цвет абзаца */
     '--chotto-replystickermessage-p-color': string;
     /** Переполнение абзаца */
@@ -84,6 +86,8 @@ export interface ReplyStickerMessageThemeCSSVariables {
     '--chotto-replystickermessage-text-margin-top': string;
     /** Размер шрифта текста */
     '--chotto-replystickermessage-text-font-size': string;
+    /** Жирность текста */
+    '--chotto-replystickermessage-text-font-weight': string;
     /** Цвет текста */
     '--chotto-replystickermessage-text-color': string;
     /** Отображение описания ответа */
@@ -98,6 +102,8 @@ export interface ReplyStickerMessageThemeCSSVariables {
     '--chotto-replystickermessage-reply-description-white-space': string;
     /** Цвет спана в описании ответа */
     '--chotto-replystickermessage-reply-description-span-color': string;
+    /** Жирность текста «Стикер» */
+    '--chotto-replystickermessage-reply-description-p-font-weight': string;
     /** Переход появления модального окна */
     '--chotto-replystickermessage-modal-fade-enter-active-transition': string;
     /** Прозрачность модального окна в начале */

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

@@ -12,10 +12,14 @@ export interface ReplyTextMessageThemeCSSVariables {
     '--chotto-replytextmessage-text-font-size': string;
     /** Цвет текста ответа */
     '--chotto-replytextmessage-text-color': string;
+    /** Жирность текста ответа */
+    '--chotto-replytextmessage-text-font-weight': string;
     /** Внешние отступы абзаца */
     '--chotto-replytextmessage-p-margin': string;
     /** Размер шрифта абзаца */
     '--chotto-replytextmessage-p-font-size': string;
+    /** Жирность абзаца */
+    '--chotto-replytextmessage-p-font-weight': string;
     /** Цвет абзаца */
     '--chotto-replytextmessage-p-color': string;
     /** Правила переноса строк */

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

@@ -6,6 +6,8 @@ export interface ReplyVideoMessageThemeCSSVariables {
     '--chotto-replyvideomessage-p-margin': string;
     /** Размер шрифта текста ответа */
     '--chotto-replyvideomessage-p-font-size': string;
+    /** Жирность абзаца (заголовок «В ответ») */
+    '--chotto-replyvideomessage-p-font-weight': string;
     /** Цвет текста ответа */
     '--chotto-replyvideomessage-p-color': string;
     /** Переполнение текста ответа */
@@ -48,6 +50,8 @@ export interface ReplyVideoMessageThemeCSSVariables {
     '--chotto-replyvideomessage-text-margin-top': string;
     /** Размер шрифта текста */
     '--chotto-replyvideomessage-text-font-size': string;
+    /** Жирность текста */
+    '--chotto-replyvideomessage-text-font-weight': string;
     /** Цвет текста */
     '--chotto-replyvideomessage-text-color': string;
     /** Отображение описания ответа */
@@ -60,6 +64,8 @@ export interface ReplyVideoMessageThemeCSSVariables {
     '--chotto-replyvideomessage-reply-description-margin-bottom': string;
     /** Цвет текста описания ответа */
     '--chotto-replyvideomessage-reply-description-span-color': string;
+    /** Жирность текста «Видео» */
+    '--chotto-replyvideomessage-reply-description-p-font-weight': string;
     /** Ширина видео в модальном окне */
     '--chotto-replyvideomessage-modal-video-width': string;
     /** Высота видео в модальном окне */

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

@@ -17,6 +17,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;
+    };
     channel: {
         type: StringConstructor;
         required: false;
@@ -43,6 +56,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;
+    };
     channel: {
         type: StringConstructor;
         required: false;
@@ -54,8 +80,11 @@ 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";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/types/components/2_feed_elements/TextMessage/TextMessage.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/TextMessage/styles/types.d.ts

@@ -52,6 +52,24 @@ export interface TextMessageThemeCSSVariables {
     '--chotto-textmessage-right-after-z-index': string;
     /** Фильтр псевдоэлемента справа */
     '--chotto-textmessage-right-after-filter': string;
+    /** Обрезка хвостика справа (скрывает часть внутри пузыря) */
+    '--chotto-textmessage-right-after-clip-path': string;
+    /** Отображение футера (реакции + время) */
+    '--chotto-textmessage-footer-display': string;
+    /** Выравнивание элементов футера по поперечной оси */
+    '--chotto-textmessage-footer-align-items': string;
+    /** Выравнивание элементов футера по главной оси */
+    '--chotto-textmessage-footer-justify-content': string;
+    /** Промежуток между элементами футера */
+    '--chotto-textmessage-footer-column-gap': string;
+    /** Отступ сверху футера при наличии реакций */
+    '--chotto-textmessage-footer-margin-top': string;
+    /** Растягивание блока реакций в футере */
+    '--chotto-textmessage-reactions-flex': string;
+    /** Перенос реакций */
+    '--chotto-textmessage-reactions-flex-wrap': string;
+    /** Минимальная ширина блока реакций */
+    '--chotto-textmessage-reactions-min-width': string;
     /** Отображение контейнера информации */
     '--chotto-textmessage-info-container-display': string;
     /** Выравнивание элементов контейнера информации по поперечной оси */
@@ -60,6 +78,10 @@ export interface TextMessageThemeCSSVariables {
     '--chotto-textmessage-info-container-justify-content': string;
     /** Промежуток между элементами контейнера информации */
     '--chotto-textmessage-info-container-column-gap': string;
+    /** Сжатие контейнера информации */
+    '--chotto-textmessage-info-container-flex-shrink': string;
+    /** Отступ слева у контейнера информации */
+    '--chotto-textmessage-info-container-margin-left': string;
     /** Отображение блока просмотров */
     '--chotto-textmessage-views-display': string;
     /** Выравнивание элементов блока просмотров */

package/dist/types/components/2_feed_elements/VideoMessage/VideoMessage.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/types/messages.d.ts

@@ -16,22 +16,27 @@ export interface ILinkPreview {
     description: string;
 }
 export type ReactionKey = string;
+/** Одна реакция от конкретного пользователя */
 export interface MessageReactionItem {
     key: ReactionKey;
-    count: number;
-    reactedByMe?: boolean;
-}
-export interface MessageRecentReaction {
     userId: string | number;
-    key: ReactionKey;
     date?: number;
+    /** Имя автора (snapshot); если нет — берётся из reactionUserNames */
+    name?: string;
+}
+/** Агрегированный чип для отображения (считается в UI) */
+export interface MessageReactionChip {
+    key: ReactionKey;
+    count: number;
+    reactedByMe: boolean;
+    /** Исходные события по этому эмодзи (для тултипа) */
+    events: MessageReactionItem[];
 }
 export interface MessageReactions {
     items: MessageReactionItem[];
     meta?: {
         mode?: 'single' | 'multi';
     };
-    recent?: MessageRecentReaction[];
     vendor?: {
         telegram?: {
             total_count?: number;

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

@@ -26,6 +26,8 @@ export interface ChatInputThemeCSSVariables {
     '--chotto-chatinput-reply-line-grid-row': string;
     /** Отображение строки ответа */
     '--chotto-chatinput-reply-line-display': string;
+    /** Отступ снизу строки ответа */
+    '--chotto-chatinput-reply-line-margin-bottom': string;
     /** Колонка сетки строки файла */
     '--chotto-chatinput-file-line-grid-column': string;
     /** Строка сетки строки файла */

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

@@ -75,6 +75,21 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    reactionsMode: {
+        type: () => "single" | "multi";
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /** Id текущего пользователя — для расчёта «моих» реакций */
+    currentUserId: {
+        type: () => string | number | undefined;
+        default: undefined;
+    };
+    /** userId → имя для тултипов реакций */
+    reactionUserNames: {
+        type: () => Record<string, string>;
+        default: undefined;
+    };
     subtextTooltipData: {
         type: ObjectConstructor;
         required: false;
@@ -170,6 +185,21 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         type: BooleanConstructor;
         default: boolean;
     };
+    reactionsMode: {
+        type: () => "single" | "multi";
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    /** Id текущего пользователя — для расчёта «моих» реакций */
+    currentUserId: {
+        type: () => string | number | undefined;
+        default: undefined;
+    };
+    /** userId → имя для тултипов реакций */
+    reactionUserNames: {
+        type: () => Record<string, string>;
+        default: undefined;
+    };
     subtextTooltipData: {
         type: ObjectConstructor;
         required: false;
@@ -198,8 +228,11 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
 }>, {
     typing: boolean | IFeedTyping;
     chatBackground: string;
+    currentUserId: string | number | undefined;
+    reactionUserNames: Record<string, string>;
     applyStyle: Function;
     reactionsEnabled: boolean;
+    reactionsMode: "single" | "multi";
     subtextTooltipData: Record<string, any>;
     enableDoubleClickReply: boolean;
     buttonParams: IFeedUnreadButton;

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

@@ -0,0 +1,16 @@
+/**
+ * Рендер Unicode-эмодзi картинками Apple (тот же CDN, что vue3-emoji-picker-ru при native=false).
+ */
+export declare const APPLE_EMOJI_CDN = "https://cdn.jsdelivr.net/npm/emoji-datasource-apple@6.0.1/img/apple/64";
+/** Имена файлов emoji-datasource совпадают с полем u: все codepoints через дефис, включая fe0f/fe0e */
+export declare function emojiToAppleCode(emoji: string, options?: {
+    stripVariationSelectors?: boolean;
+}): string;
+export declare function getAppleEmojiUrl(emoji: string): string;
+/** Альтернативный URL, если основной codepoint не совпал с именем файла в emoji-datasource */
+export declare function getAppleEmojiFallbackUrl(emoji: string): string | null;
+export declare function createAppleEmojiImgHtml(emoji: string): string;
+/** Plain text → HTML с Apple-эмодзi (для зеркала инпута) */
+export declare function textToAppleEmojiHtml(text: string): string;
+/** HTML → HTML, эмодзi в текстовых узлах заменяются на img */
+export declare function replaceEmojisInHtml(html: string): string;

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

@@ -4,6 +4,7 @@ export * from './useImmediateDebouncedRef';
 export * from './useMessageDraft';
 export * from './useSearchModel';
 export * from './useTheme';
+export * from './useEmojiNative';
 export * from './modals';
 export * from './validators';
 export * from './messages';

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

@@ -0,0 +1,11 @@
+import type { Reply } from '@/types';
+export interface ReplyMessageSource {
+    messageId: string | number;
+    type?: string;
+    text?: string;
+    url?: string;
+    filename?: string;
+    header?: string;
+    callDuration?: string;
+}
+export declare function buildReplyPayload(message: ReplyMessageSource, fallbackType: string): Reply;

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

@@ -2,3 +2,5 @@ export * from './useMessageActions';
 export * from './useMessageLinks';
 export * from './useChannelAccentColor';
 export * from './useSubtextTooltip';
+export * from './useStartReply';
+export * from './buildReplyPayload';

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

@@ -0,0 +1,6 @@
+import type { Reply } from '@/types';
+export declare function showReplyPreview(chatAppId: string): void;
+export declare function hideReplyPreview(chatAppId: string): void;
+export declare function useStartReply(chatAppId: string): {
+    startReply: (reply: Reply) => void;
+};

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

@@ -0,0 +1,9 @@
+/**
+ * Общий флаг native/3D-эмодзи для инстанса чата (ключ — chatAppId).
+ * Источник правды — prop `native` у ButtonEmojiPicker.
+ */
+export declare const useEmojiNative: (outId: string) => {
+    isNative: import("vue").ComputedRef<boolean>;
+    getNative: () => boolean;
+    setNative: (native: boolean) => void;
+};

package/package.json

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