@mobilon-dev/chotto 0.3.24 → 0.3.26

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

@@ -1259,6 +1259,32 @@ export declare const messages: ({
     linkPreview?: undefined;
     keyboard?: undefined;
     reactions?: undefined;
+} | {
+    chatId: number;
+    dialogId: string;
+    messageId: string;
+    type: string;
+    url: string;
+    filename: string;
+    direction: string;
+    status: string;
+    timestamp: string;
+    header: string;
+    subText: string;
+    avatar: string;
+    callDuration?: undefined;
+    isMissedCall?: undefined;
+    transcript?: undefined;
+    text?: undefined;
+    embed?: undefined;
+    actions?: undefined;
+    views?: undefined;
+    alt?: undefined;
+    reply?: undefined;
+    linkPreview?: undefined;
+    keyboard?: undefined;
+    reactions?: undefined;
+    statusMsg?: undefined;
 } | {
     chatId: number;
     dialogId: string;
@@ -1423,7 +1449,40 @@ export declare const messages: ({
     messageId: string;
     type: string;
     url: string;
-    text: string;
+    direction: string;
+    status: string;
+    subText: string;
+    timestamp: string;
+    header: string;
+    avatar: string;
+    actions: ({
+        title: string;
+        action: string;
+        disabled?: undefined;
+    } | {
+        title: string;
+        disabled: boolean;
+        action: string;
+    })[];
+    callDuration?: undefined;
+    isMissedCall?: undefined;
+    transcript?: undefined;
+    text?: undefined;
+    embed?: undefined;
+    views?: undefined;
+    alt?: undefined;
+    reply?: undefined;
+    filename?: undefined;
+    linkPreview?: undefined;
+    keyboard?: undefined;
+    reactions?: undefined;
+    statusMsg?: undefined;
+} | {
+    chatId: number;
+    dialogId: string;
+    messageId: string;
+    type: string;
+    url: string;
     direction: string;
     status: string;
     subText: string;
@@ -1434,14 +1493,26 @@ export declare const messages: ({
         items: {
             key: string;
             count: number;
+            reactedByMe: boolean;
         }[];
-        meta?: undefined;
+        meta: {
+            mode: string;
+        };
     };
+    actions: ({
+        title: string;
+        action: string;
+        disabled?: undefined;
+    } | {
+        title: string;
+        disabled: boolean;
+        action: string;
+    })[];
     callDuration?: undefined;
     isMissedCall?: undefined;
     transcript?: undefined;
+    text?: undefined;
     embed?: undefined;
-    actions?: undefined;
     views?: undefined;
     alt?: undefined;
     reply?: undefined;

package/dist/types/components/1_atoms/ContextMenu/styles/types.d.ts

@@ -56,4 +56,8 @@ export interface ContextMenuThemeCSSVariables {
     '--chotto-contextmenu-item-hover-background-color': string;
     /** Граница снизу элемента контекстного меню (не последний) */
     '--chotto-contextmenu-item-not-last-child-border-bottom': string;
+    /** Непрозрачность отключенного элемента контекстного меню */
+    '--chotto-contextmenu-item-disabled-opacity': string;
+    /** Курсор отключенного элемента контекстного меню */
+    '--chotto-contextmenu-item-disabled-cursor': string;
 }

package/dist/types/components/2_blocks/CommunicationPanel/CommunicationPanel.vue.d.ts

@@ -1,16 +1,16 @@
 declare const _default: import("vue").DefineComponent<{}, {
     $emit: (event: "select-attribute-channel" | "phone-call", ...args: any[]) => void;
     channels: unknown[];
+    channelTooltips: Record<string, any>;
     contactAttributes: unknown[];
     recentAttributeChannels: Record<string, any>;
     selectedDialog: Record<string, any>;
-    channelTooltips: Record<string, any>;
     $props: {
         readonly channels?: unknown[] | undefined;
+        readonly channelTooltips?: Record<string, any> | undefined;
         readonly contactAttributes?: unknown[] | undefined;
         readonly recentAttributeChannels?: Record<string, any> | undefined;
         readonly selectedDialog?: Record<string, any> | undefined;
-        readonly channelTooltips?: Record<string, any> | 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/2_blocks/CommunicationPanel/composables/useCommunicationActions.d.ts

@@ -0,0 +1,56 @@
+import type { Ref, ComputedRef } from 'vue';
+import type { ContactAttribute } from './useCommunicationAttributes';
+/**
+ * Тип канала панели коммуникаций.
+ */
+type Channel = {
+    channelId: string;
+    title?: string;
+    [key: string]: unknown;
+};
+/**
+ * Тип информации о недавно использованном атрибуте для канала.
+ */
+type RecentAttributeMap = Record<string, {
+    channelId?: string;
+} | undefined>;
+/**
+ * Сигнатуры событий, которые эмитит панель.
+ */
+interface CommunicationActionsEmit {
+    (event: 'select-attribute-channel', payload: {
+        attributeId: string;
+        channelId: string;
+    }): void;
+    (event: 'phone-call', payload: {
+        attributeId: string;
+        phoneNumber: unknown;
+    }): void;
+}
+interface UseCommunicationActionsOptions {
+    activeChannelType: Ref<string | null>;
+    channels: ComputedRef<Channel[]>;
+    recentAttributeChannels: ComputedRef<RecentAttributeMap>;
+    selectedChannel: Ref<Channel | Record<string, unknown>>;
+    selectedChannelType: Ref<string | null>;
+    isRecentAttributeHovered: Ref<boolean>;
+    hoveredAttribute: Ref<ContactAttribute | null>;
+    closeMenu: () => void;
+    hasMultipleChannels: (channelType: string) => boolean;
+    getSingleChannelForType: (channelType: string) => Channel | null;
+    getAvailableChannels: (channelType: string) => Channel[];
+    emit: CommunicationActionsEmit;
+}
+/**
+ * Инкапсулирует действия панели: звонок, выбор каналов, выбор атрибутов и работу с недавними атрибутами.
+ */
+export declare function useCommunicationActions({ activeChannelType, channels, recentAttributeChannels, selectedChannel, selectedChannelType, isRecentAttributeHovered, hoveredAttribute, closeMenu, hasMultipleChannels, getSingleChannelForType, getAvailableChannels, emit, }: UseCommunicationActionsOptions): {
+    handlePhoneCall: (attribute: ContactAttribute | null | undefined) => void;
+    handleRecentAttributeClick: (recentAttribute: ContactAttribute | null) => void;
+    handleAttributeClick: (attribute: ContactAttribute) => void;
+    selectSingleChannel: (attribute: ContactAttribute, channelId: string) => void;
+    selectChannelForRecentAttribute: (channelId: string, recentAttribute: ContactAttribute | null) => void;
+    selectChannel: (channelId: string) => void;
+    availableChannels: () => Channel[];
+};
+export {};

package/dist/types/components/2_blocks/CommunicationPanel/composables/useCommunicationAttributes.d.ts

@@ -0,0 +1,49 @@
+import { type Ref, type ComputedRef } from 'vue';
+/**
+ * Тип контактного атрибута из панели коммуникаций.
+ */
+export type ContactAttribute = {
+    id: string;
+    type: string;
+    value?: string;
+    data?: unknown;
+    [key: string]: unknown;
+};
+/**
+ * Тип описания недавнего атрибута в пропсах.
+ */
+export type RecentAttributeChannel = {
+    attributeId?: string;
+    channelId?: string;
+    tooltip?: string;
+    [key: string]: unknown;
+};
+type MaybeRef<T> = T | Ref<T> | ComputedRef<T>;
+/**
+ * Параметры composable для работы с контактными атрибутами.
+ */
+interface UseCommunicationAttributesOptions {
+    /** Реактивный список контактных атрибутов */
+    contactAttributes: MaybeRef<ContactAttribute[]>;
+    /** Реактивная карта недавних атрибутов по типам */
+    recentAttributeChannels: MaybeRef<Record<string, RecentAttributeChannel>>;
+    /** Текущий активный тип канала */
+    activeChannelType: Ref<string | null>;
+    /** Текущий замороженный атрибут (подсвеченный) */
+    frozenAttribute: Ref<{
+        id?: string;
+    } | null>;
+}
+/**
+ * Формирует структуру организованных атрибутов, вычисляет "последний" атрибут
+ * для активного канала и предоставляет вспомогательные методы для панели коммуникаций.
+ */
+export declare function useCommunicationAttributes({ contactAttributes, recentAttributeChannels, activeChannelType, frozenAttribute, }: UseCommunicationAttributesOptions): {
+    organizedContactAttributes: Ref<Record<string, ContactAttribute[]>, Record<string, ContactAttribute[]>>;
+    organizeContactAttributes: () => void;
+    recentAttribute: ComputedRef<ContactAttribute | null>;
+    getRecentAttributeByType: (channelType: string) => ContactAttribute | null;
+    showRecentAttribute: ComputedRef<boolean>;
+    isAttributeFrozen: (attribute: ContactAttribute | null | undefined) => boolean;
+};
+export {};

package/dist/types/components/2_blocks/CommunicationPanel/composables/useCommunicationChannels.d.ts

@@ -0,0 +1,42 @@
+import { type Component, type ComputedRef, type Ref } from 'vue';
+/**
+ * Список поддерживаемых типов каналов в панели коммуникаций.
+ */
+export declare const CHANNEL_TYPES: readonly ["phone", "whatsapp", "telegram", "max", "sms"];
+export type ChannelType = (typeof CHANNEL_TYPES)[number];
+/**
+ * Базовое описание канала.
+ */
+type Channel = {
+    channelId: string;
+    title?: string;
+    [key: string]: unknown;
+};
+type MaybeRef<T> = T | Ref<T> | ComputedRef<T>;
+type ChannelTooltips = Record<string, string>;
+type ChannelsRef = MaybeRef<Channel[]>;
+type ChannelTooltipsRef = MaybeRef<ChannelTooltips | undefined>;
+interface UseCommunicationChannelsOptions {
+    /** Реактивный список каналов */
+    channels: ChannelsRef;
+    /** Реактивная карта пользовательских подсказок */
+    channelTooltips?: ChannelTooltipsRef;
+    /** Текущий выбранный тип канала */
+    selectedChannelType: Ref<string | null>;
+}
+export declare function useCommunicationChannels({ channels, channelTooltips, selectedChannelType }: UseCommunicationChannelsOptions): {
+    channelsTypes: ComputedRef<{
+        type: "phone" | "whatsapp" | "telegram" | "max" | "sms";
+        component: Component;
+    }[]>;
+    getTooltipText: (channelType: string) => string;
+    getChannelTypeFromId: (channelId: string | null | undefined) => string | null;
+    hasMultipleChannels: (channelType: string) => boolean;
+    isChannelActive: (channelType: string) => boolean;
+    getSingleChannelForType: (channelType: string) => Channel | null;
+    getMenuChannelIconComponent: (channelType: string) => Component | null;
+    getMenuChannelIconComponentForChannelId: (channelId: string) => Component | null;
+    getSingleMenuChannelIconComponent: (channelType: string) => Component | null;
+    getAvailableChannels: (channelType: string) => Channel[];
+};
+export {};

package/dist/types/components/2_blocks/CommunicationPanel/composables/useCommunicationDialogSync.d.ts

@@ -0,0 +1,26 @@
+import { type Ref, type MaybeRef } from 'vue';
+interface Dialog {
+    channelId?: string;
+    [key: string]: unknown;
+}
+interface Channel {
+    channelId: string;
+    [key: string]: unknown;
+}
+interface UseCommunicationDialogSyncOptions {
+    /** Текущее выбранное значение типа канала */
+    selectedChannelType: Ref<string | null>;
+    /** Текущий выбранный канал */
+    selectedChannel: Ref<Channel | Record<string, unknown>>;
+    /** Список доступных каналов */
+    channels: Ref<Channel[]>;
+    /** Текущий выбранный диалог */
+    selectedDialog: MaybeRef<Dialog | null | undefined>;
+}
+/**
+ * Синхронизирует выбранный канал панели с внешним диалогом.
+ */
+export declare function useCommunicationDialogSync({ selectedChannelType, selectedChannel, channels, selectedDialog, }: UseCommunicationDialogSyncOptions): {
+    updateSelectedChannelFromDialog: (dialog: Dialog | null | undefined) => void;
+};
+export {};

package/dist/types/components/2_blocks/CommunicationPanel/composables/useCommunicationMenu.d.ts

@@ -0,0 +1,32 @@
+import { type Ref } from 'vue';
+/**
+ * Опции для composable управления меню коммуникаций.
+ */
+interface UseCommunicationMenuOptions {
+    /** Ссылка на корневой контейнер панели */
+    panelRef: Ref<HTMLElement | null>;
+    /** Ссылка на панель с кнопками каналов */
+    channelsPanelRef: Ref<HTMLElement | null>;
+    /** Текущий выбранный тип канала */
+    selectedChannelType: Ref<string | null>;
+    /** Замороженный атрибут (для подсветки при наведении) */
+    frozenAttribute: Ref<unknown>;
+    /** Флаг наведения на недавний атрибут */
+    isRecentAttributeHovered: Ref<boolean>;
+}
+/**
+ * Компонует состояние и методы открытия/закрытия меню каналов, обработки кликов
+ * и вычисления ширины меню.
+ */
+export declare function useCommunicationMenu({ panelRef, channelsPanelRef, selectedChannelType, frozenAttribute, isRecentAttributeHovered, }: UseCommunicationMenuOptions): {
+    activeChannelType: Ref<string | null, string | null>;
+    hoveredChannel: Ref<string | null, string | null>;
+    showMenu: Ref<boolean, boolean>;
+    showSubMenu: Ref<boolean, boolean>;
+    menuWidth: Ref<string, string>;
+    updateMenuWidth: () => void;
+    handleChannelClick: (channelType: string) => void;
+    closeMenu: () => void;
+    handleClickOutside: (event: Event) => void;
+};
+export {};

package/dist/types/components/2_blocks/CommunicationPanel/composables/useCommunicationSubMenu.d.ts

@@ -0,0 +1,25 @@
+import { type Ref } from 'vue';
+import type { ContactAttribute } from './useCommunicationAttributes';
+interface UseCommunicationSubMenuOptions {
+    activeChannelType: Ref<string | null>;
+    showSubMenu: Ref<boolean>;
+    frozenAttribute: Ref<ContactAttribute | null>;
+    hoveredAttribute: Ref<ContactAttribute | null>;
+    isRecentAttributeHovered: Ref<boolean>;
+    hasMultipleChannels: (channelType: string) => boolean;
+}
+/**
+ * Управляет состоянием подменю выбора канала и hover-состояниями атрибутов.
+ */
+export declare function useCommunicationSubMenu({ activeChannelType, showSubMenu, frozenAttribute, hoveredAttribute, isRecentAttributeHovered, hasMultipleChannels, }: UseCommunicationSubMenuOptions): {
+    subMenuTop: Ref<number, number>;
+    resetRegularAttributeHover: () => void;
+    handleRecentAttributeMouseEnter: (eventTarget: EventTarget | null) => EventTarget | null | undefined;
+    handleRecentAttributeMouseLeave: () => void;
+    handleAttributeMouseEnter: (attribute: ContactAttribute, eventTarget: EventTarget | null) => EventTarget | null;
+    handleAttributeMouseLeave: () => void;
+    keepSubMenuOpen: () => void;
+    closeSubMenu: () => void;
+    alignSubMenuWithTarget: (panelRef: Ref<HTMLElement | null>, targetEl: HTMLElement | null) => void;
+};
+export {};

package/dist/types/components/2_blocks/CommunicationPanel/stories/CommunicationPanel.stories.d.ts

@@ -4,16 +4,16 @@ declare const meta: {
     component: import("vue").DefineComponent<{}, {
         $emit: (event: "select-attribute-channel" | "phone-call", ...args: any[]) => void;
         channels: unknown[];
+        channelTooltips: Record<string, any>;
         contactAttributes: unknown[];
         recentAttributeChannels: Record<string, any>;
         selectedDialog: Record<string, any>;
-        channelTooltips: Record<string, any>;
         $props: {
             readonly channels?: unknown[] | undefined;
+            readonly channelTooltips?: Record<string, any> | undefined;
             readonly contactAttributes?: unknown[] | undefined;
             readonly recentAttributeChannels?: Record<string, any> | undefined;
             readonly selectedDialog?: Record<string, any> | undefined;
-            readonly channelTooltips?: Record<string, any> | undefined;
         };
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
     args: {};

package/dist/types/components/2_chatlist_elements/ChatItem/types.d.ts

@@ -3,6 +3,7 @@ export interface IAction {
     title: string;
     icon?: string;
     prime?: string;
+    disabled?: boolean;
 }
 export interface IChatDialog {
     branchId: string;

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

@@ -22,8 +22,18 @@ export interface AudioMessageThemeCSSVariables {
     '--chotto-audiomessage-content-max-width': string;
     /** Минимальная ширина контейнера */
     '--chotto-audiomessage-content-min-width': string;
-    /** Внутренние отступы контейнера */
-    '--chotto-audiomessage-content-padding': string;
+    /** Минимальная высота контейнера */
+    '--chotto-audiomessage-content-min-height': string;
+    /** Высота контейнера */
+    '--chotto-audiomessage-content-height': string;
+    /** Внутренний отступ сверху контейнера */
+    '--chotto-audiomessage-content-padding-top': string;
+    /** Внутренний отступ справа контейнера */
+    '--chotto-audiomessage-content-padding-right': string;
+    /** Внутренний отступ снизу контейнера */
+    '--chotto-audiomessage-content-padding-bottom': string;
+    /** Внутренний отступ слева контейнера */
+    '--chotto-audiomessage-content-padding-left': string;
     /** Контент псевдоэлемента "хвостик" слева */
     '--chotto-audiomessage-left-arrow-content': string;
     /** Позиционирование хвостика слева */
@@ -68,14 +78,14 @@ export interface AudioMessageThemeCSSVariables {
     '--chotto-audiomessage-audio-container-grid-template-columns': string;
     /** Промежуток между колонками плеера */
     '--chotto-audiomessage-audio-container-column-gap': string;
-    /** Максимальная ширина контейнера плеера */
-    '--chotto-audiomessage-audio-container-max-width': string;
     /** Скругление контейнера плеера */
     '--chotto-audiomessage-audio-container-border-radius': string;
     /** Внутренние отступы контейнера плеера */
     '--chotto-audiomessage-audio-container-padding': string;
     /** Захват двух колонок в сетке */
     '--chotto-audiomessage-audio-container-grid-column': string;
+    /** Выравнивание элементов контейнера аудио-плеера */
+    '--chotto-audiomessage-audio-container-align-items': string;
     /** Граница кнопки play/pause */
     '--chotto-audiomessage-play-pause-border': string;
     /** Курсор кнопки play/pause */
@@ -90,7 +100,19 @@ export interface AudioMessageThemeCSSVariables {
     '--chotto-audiomessage-play-pause-height': string;
     /** Скругление кнопки play/pause */
     '--chotto-audiomessage-play-pause-border-radius': string;
+    /** Отображение кнопки play/pause */
+    '--chotto-audiomessage-play-pause-display': string;
+    /** Выравнивание элементов кнопки play/pause */
+    '--chotto-audiomessage-play-pause-align-items': string;
+    /** Выравнивание содержимого кнопки play/pause */
+    '--chotto-audiomessage-play-pause-justify-content': string;
     /** Отображение иконки play/pause */
+    '--chotto-audiomessage-play-pause-icon-display': string;
+    /** Выравнивание элементов иконки play/pause */
+    '--chotto-audiomessage-play-pause-icon-align-items': string;
+    /** Выравнивание содержимого иконки play/pause */
+    '--chotto-audiomessage-play-pause-icon-justify-content': string;
+    /** Отображение иконки play/pause (legacy) */
     '--chotto-audiomessage-play-pause-span-display': string;
     /** Позиционирование иконки play/pause */
     '--chotto-audiomessage-play-pause-span-position': string;
@@ -116,6 +138,26 @@ export interface AudioMessageThemeCSSVariables {
     '--chotto-audiomessage-progress-bar-margin-top': string;
     /** Отступ слева прогресс-бара */
     '--chotto-audiomessage-progress-bar-margin-left': string;
+    /** Высота трека прогресс-бара */
+    '--chotto-audiomessage-progress-bar-track-height': string;
+    /** Фон прогресса прогресс-бара */
+    '--chotto-audiomessage-progress-bar-progress-background': string;
+    /** Flex-свойство прогресс-бара */
+    '--chotto-audiomessage-progress-bar-flex': string;
+    /** Ширина прогресс-бара */
+    '--chotto-audiomessage-progress-bar-width': string;
+    /** Колонка грида обёртки прогресс-бара */
+    '--chotto-audiomessage-progress-wrapper-grid-column': string;
+    /** Ряд грида обёртки прогресс-бара */
+    '--chotto-audiomessage-progress-wrapper-grid-row': string;
+    /** Отображение обёртки прогресс-бара */
+    '--chotto-audiomessage-progress-wrapper-display': string;
+    /** Выравнивание элементов обёртки прогресс-бара */
+    '--chotto-audiomessage-progress-wrapper-align-items': string;
+    /** Промежуток между колонками обёртки прогресс-бара */
+    '--chotto-audiomessage-progress-wrapper-column-gap': string;
+    /** Выравнивание обёртки прогресс-бара */
+    '--chotto-audiomessage-progress-wrapper-align-self': string;
     /** Ширина бегунка прогресс-бара */
     '--chotto-audiomessage-progress-bar-thumb-width': string;
     /** Высота бегунка прогресс-бара */
@@ -128,10 +170,20 @@ export interface AudioMessageThemeCSSVariables {
     '--chotto-audiomessage-progress-bar-thumb-border-radius': string;
     /** Тень бегунка (для заливки полосы) */
     '--chotto-audiomessage-progress-bar-thumb-box-shadow': string;
+    /** Отступ сверху бегунка прогресс-бара */
+    '--chotto-audiomessage-progress-bar-thumb-margin-top': string;
+    /** Колонка грида блока управления плеером */
+    '--chotto-audiomessage-player-controls-grid-column': string;
+    /** Ряд грида блока управления плеером */
+    '--chotto-audiomessage-player-controls-grid-row': string;
     /** Отображение блока управления плеером */
     '--chotto-audiomessage-player-controls-display': string;
     /** Выравнивание элементов управления плеером */
     '--chotto-audiomessage-player-controls-justify-content': string;
+    /** Отступ сверху блока управления плеером */
+    '--chotto-audiomessage-player-controls-margin-top': string;
+    /** Дополнительное смещение блока управления плеером */
+    '--chotto-audiomessage-player-controls-extra-offset': string;
     /** Отображение контейнера кнопок скорости */
     '--chotto-audiomessage-speed-btn-container-display': string;
     /** Промежуток между кнопками скорости */
@@ -152,12 +204,18 @@ export interface AudioMessageThemeCSSVariables {
     '--chotto-audiomessage-speed-btn-hover-font-weight': string;
     /** Толщина шрифта выбранной кнопки */
     '--chotto-audiomessage-speed-btn-selected-font-weight': string;
-    /** Колонка грида оставшегося времени */
-    '--chotto-audiomessage-remaining-time-grid-column': string;
-    /** Отступ снизу у оставшегося времени */
-    '--chotto-audiomessage-remaining-time-margin-bottom': string;
-    /** Высота контейнера оставшегося времени */
-    '--chotto-audiomessage-remaining-time-height': string;
+    /** Цвет текста кнопки скорости */
+    '--chotto-audiomessage-speed-btn-text-color': string;
+    /** Отступ времени */
+    '--chotto-audiomessage-time-margin': string;
+    /** Толщина шрифта времени */
+    '--chotto-audiomessage-time-font-weight': string;
+    /** Цвет времени */
+    '--chotto-audiomessage-time-color': string;
+    /** Отступ слева длительности */
+    '--chotto-audiomessage-duration-margin-left': string;
+    /** Выравнивание текста длительности */
+    '--chotto-audiomessage-duration-text-align': string;
     /** Выравнивание аватара */
     '--chotto-audiomessage-avatar-align-self': string;
     /** Вписывание изображения аватара */
@@ -168,16 +226,20 @@ export interface AudioMessageThemeCSSVariables {
     '--chotto-audiomessage-avatar-min-height': string;
     /** Скругление аватара */
     '--chotto-audiomessage-avatar-border-radius': string;
-    /** Колонка грида инфо-контейнера */
-    '--chotto-audiomessage-info-container-grid-column': string;
-    /** Отступ слева у инфо-контейнера */
-    '--chotto-audiomessage-info-container-margin-left': string;
+    /** Позиционирование инфо-контейнера */
+    '--chotto-audiomessage-info-container-position': string;
+    /** Отступ справа инфо-контейнера */
+    '--chotto-audiomessage-info-container-right': string;
+    /** Отступ снизу инфо-контейнера */
+    '--chotto-audiomessage-info-container-bottom': string;
     /** Отображение инфо-контейнера */
     '--chotto-audiomessage-info-container-display': string;
     /** Выравнивание элементов инфо-контейнера */
     '--chotto-audiomessage-info-container-align-items': string;
     /** Промежуток между элементами инфо-контейнера */
     '--chotto-audiomessage-info-container-column-gap': string;
+    /** События указателя инфо-контейнера */
+    '--chotto-audiomessage-info-container-pointer-events': string;
     /** Позиционирование кнопки скачивания */
     '--chotto-audiomessage-download-button-position': string;
     /** Отступ справа кнопки скачивания */
@@ -220,6 +282,8 @@ export interface AudioMessageThemeCSSVariables {
     '--chotto-audiomessage-menu-button-cursor': string;
     /** Переход кнопки меню */
     '--chotto-audiomessage-menu-button-transition': string;
+    /** Z-index кнопки меню */
+    '--chotto-audiomessage-menu-button-z-index': string;
     /** Позиционирование контекстного меню */
     '--chotto-audiomessage-context-menu-position': string;
     /** Колонка грида текстового контейнера */
@@ -256,6 +320,20 @@ 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-wrap': 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;
     /** Шаблон колонок левой раскладки */
@@ -280,12 +358,24 @@ export interface AudioMessageThemeCSSVariables {
     '--chotto-audiomessage-left-menu-button-top': string;
     /** Положение кнопки меню слева (right) */
     '--chotto-audiomessage-left-menu-button-right': string;
+    /** Положение кнопки меню слева (bottom) */
+    '--chotto-audiomessage-left-menu-button-bottom': string;
+    /** Положение кнопки меню слева (left) */
+    '--chotto-audiomessage-left-menu-button-left': string;
     /** Позиция контекстного меню слева (top) */
     '--chotto-audiomessage-left-context-menu-top': string;
     /** Позиция контекстного меню слева (left) */
     '--chotto-audiomessage-left-context-menu-left': string;
     /** Отступ контекстного меню слева сверху */
     '--chotto-audiomessage-left-context-menu-margin-top': string;
+    /** Ширина контекстного меню слева */
+    '--chotto-audiomessage-left-context-menu-width': string;
+    /** Высота контекстного меню слева */
+    '--chotto-audiomessage-left-context-menu-height': string;
+    /** Промежуток между строками контекстного меню слева */
+    '--chotto-audiomessage-left-context-menu-row-gap': string;
+    /** Внутренние отступы контекстного меню слева */
+    '--chotto-audiomessage-left-context-menu-padding': string;
     /** Шаблон колонок правой раскладки */
     '--chotto-audiomessage-right-grid-template-columns': string;
     /** Колонка грида аватара справа */
@@ -310,12 +400,24 @@ export interface AudioMessageThemeCSSVariables {
     '--chotto-audiomessage-right-menu-button-top': string;
     /** Положение кнопки меню справа (left) */
     '--chotto-audiomessage-right-menu-button-left': string;
+    /** Положение кнопки меню справа (bottom) */
+    '--chotto-audiomessage-right-menu-button-bottom': string;
+    /** Положение кнопки меню справа (right) */
+    '--chotto-audiomessage-right-menu-button-right': string;
     /** Позиция контекстного меню справа (top) */
     '--chotto-audiomessage-right-context-menu-top': string;
     /** Позиция контекстного меню справа (right) */
     '--chotto-audiomessage-right-context-menu-right': string;
     /** Отступ контекстного меню справа сверху */
     '--chotto-audiomessage-right-context-menu-margin-top': string;
+    /** Ширина контекстного меню справа */
+    '--chotto-audiomessage-right-context-menu-width': string;
+    /** Высота контекстного меню справа */
+    '--chotto-audiomessage-right-context-menu-height': string;
+    /** Промежуток между строками контекстного меню справа */
+    '--chotto-audiomessage-right-context-menu-row-gap': string;
+    /** Внутренние отступы контекстного меню справа */
+    '--chotto-audiomessage-right-context-menu-padding': string;
     /** Позиционирование модального окна */
     '--chotto-audiomessage-modal-position': string;
     /** Отступ сверху модального окна */
@@ -378,8 +480,6 @@ export interface AudioMessageThemeCSSVariables {
     '--chotto-audiomessage-type-icon-color': string;
     /** Размер шрифта кнопки скорости */
     '--chotto-audiomessage-speed-btn-font-size': string;
-    /** Размер шрифта оставшегося времени */
-    '--chotto-audiomessage-remaining-time-font-size': string;
     /** Размер шрифта подписи */
     '--chotto-audiomessage-subtext-font-size': string;
     /** Цвет текста подписи */