@mobilon-dev/chotto 0.3.20 → 0.3.22

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

@@ -187,6 +187,7 @@ export declare const chats: ({
     lastMessage: string;
     'lastActivity.time': string;
     'lastActivity.timestamp': string;
+    avatar: string;
     actions: {
         action: string;
         title: string;
@@ -215,7 +216,6 @@ export declare const chats: ({
             data: string;
         }[];
     };
-    avatar?: undefined;
     isFixedBottom?: undefined;
     status?: undefined;
     'lastMessage.status'?: undefined;

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

@@ -29,6 +29,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    statusMsg?: undefined;
 } | {
     chatId: number;
     dialogId: string;
@@ -56,6 +57,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    statusMsg?: undefined;
 } | {
     chatId: number;
     dialogId: string;
@@ -88,6 +90,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    statusMsg?: undefined;
 } | {
     chatId: number;
     dialogId: string;
@@ -112,6 +115,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    statusMsg?: undefined;
 } | {
     chatId: number;
     dialogId: string;
@@ -144,6 +148,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    statusMsg?: undefined;
 } | {
     chatId: number;
     dialogId: string;
@@ -176,6 +181,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    statusMsg?: undefined;
 } | {
     chatId: number;
     dialogId: string;
@@ -200,6 +206,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    statusMsg?: undefined;
 } | {
     chatId: number;
     dialogId: string;
@@ -238,6 +245,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    statusMsg?: undefined;
 } | {
     chatId: number;
     dialogId: string;
@@ -268,6 +276,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    statusMsg?: undefined;
 } | {
     chatId: number;
     dialogId: string;
@@ -298,6 +307,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    statusMsg?: undefined;
 } | {
     chatId: number;
     dialogId: string;
@@ -322,6 +332,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    statusMsg?: undefined;
 } | {
     chatId: number;
     dialogId: string;
@@ -354,6 +365,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    statusMsg?: undefined;
 } | {
     chatId: number;
     dialogId: string;
@@ -384,6 +396,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    statusMsg?: undefined;
 } | {
     chatId: number;
     dialogId: string;
@@ -414,6 +427,7 @@ export declare const messages: ({
     alt?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    statusMsg?: undefined;
 } | {
     chatId: number;
     dialogId: string;
@@ -450,6 +464,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    statusMsg?: undefined;
 } | {
     chatId: number;
     dialogId: string;
@@ -479,6 +494,7 @@ export declare const messages: ({
     reply?: undefined;
     filename?: undefined;
     keyboard?: undefined;
+    statusMsg?: undefined;
 } | {
     chatId: number;
     dialogId: string;
@@ -515,6 +531,7 @@ export declare const messages: ({
     reply?: undefined;
     filename?: undefined;
     linkPreview?: undefined;
+    statusMsg?: undefined;
 } | {
     chatId: number;
     type: string;
@@ -547,6 +564,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    statusMsg?: undefined;
 } | {
     chatId: number;
     type: string;
@@ -579,6 +597,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    statusMsg?: undefined;
 } | {
     chatId: number;
     type: string;
@@ -603,6 +622,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    statusMsg?: undefined;
 } | {
     chatId: number;
     messageId: number;
@@ -627,6 +647,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    statusMsg?: undefined;
 } | {
     chatId: number;
     type: string;
@@ -654,6 +675,7 @@ export declare const messages: ({
     reply?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    statusMsg?: undefined;
 } | {
     chatId: number;
     header: string;
@@ -678,6 +700,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    statusMsg?: undefined;
 } | {
     chatId: number;
     type: string;
@@ -708,6 +731,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    statusMsg?: undefined;
 } | {
     chatId: number;
     type: string;
@@ -735,6 +759,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    statusMsg?: undefined;
 } | {
     chatId: number;
     type: string;
@@ -759,6 +784,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    statusMsg?: undefined;
 } | {
     chatId: number;
     type: string;
@@ -783,6 +809,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    statusMsg?: undefined;
 } | {
     chatId: number;
     type: string;
@@ -807,6 +834,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    statusMsg?: undefined;
 } | {
     chatId: number;
     type: string;
@@ -834,6 +862,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    statusMsg?: undefined;
 } | {
     chatId: number;
     type: string;
@@ -858,6 +887,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    statusMsg?: undefined;
 } | {
     chatId: number;
     type: string;
@@ -882,6 +912,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    statusMsg?: undefined;
 } | {
     chatId: number;
     type: string;
@@ -909,6 +940,7 @@ export declare const messages: ({
     reply?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    statusMsg?: undefined;
 } | {
     chatId: number;
     type: string;
@@ -940,6 +972,7 @@ export declare const messages: ({
     alt?: undefined;
     reply?: undefined;
     linkPreview?: undefined;
+    statusMsg?: undefined;
 } | {
     chatId: number;
     dialogId: string;
@@ -972,6 +1005,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    statusMsg?: undefined;
 } | {
     chatId: number;
     dialogId: string;
@@ -996,6 +1030,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    statusMsg?: undefined;
 } | {
     chatId: number;
     dialogId: string;
@@ -1020,6 +1055,7 @@ export declare const messages: ({
     reply?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    statusMsg?: undefined;
 } | {
     chatId: number;
     dialogId: string;
@@ -1050,6 +1086,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    statusMsg?: undefined;
 } | {
     chatId: number;
     dialogId: string;
@@ -1077,6 +1114,138 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    statusMsg?: undefined;
+} | {
+    chatId: number;
+    dialogId: string;
+    messageId: string;
+    type: string;
+    text: string;
+    direction: string;
+    status: string;
+    statusMsg: string;
+    timestamp: string;
+    header: string;
+    subText: string;
+    avatar: string;
+    callDuration?: undefined;
+    isMissedCall?: undefined;
+    transcript?: undefined;
+    embed?: undefined;
+    actions?: undefined;
+    views?: undefined;
+    url?: undefined;
+    alt?: undefined;
+    reply?: undefined;
+    filename?: undefined;
+    linkPreview?: undefined;
+    keyboard?: undefined;
+} | {
+    chatId: number;
+    dialogId: string;
+    messageId: string;
+    type: string;
+    text: string;
+    direction: string;
+    status: string;
+    statusMsg: string;
+    timestamp: string;
+    header: string;
+    subText: string;
+    avatar: string;
+    reply: {
+        messageId: string;
+        type: string;
+        text: string;
+        filename: string;
+        url?: undefined;
+    };
+    callDuration?: undefined;
+    isMissedCall?: undefined;
+    transcript?: undefined;
+    embed?: undefined;
+    actions?: undefined;
+    views?: undefined;
+    url?: undefined;
+    alt?: undefined;
+    filename?: undefined;
+    linkPreview?: undefined;
+    keyboard?: undefined;
+} | {
+    chatId: number;
+    type: string;
+    url: string;
+    alt: string;
+    header: string;
+    messageId: string;
+    text: string;
+    direction: string;
+    subText: string;
+    timestamp: string;
+    status: string;
+    avatar: string;
+    dialogId?: undefined;
+    callDuration?: undefined;
+    isMissedCall?: undefined;
+    transcript?: undefined;
+    embed?: undefined;
+    actions?: undefined;
+    views?: undefined;
+    reply?: undefined;
+    filename?: undefined;
+    linkPreview?: undefined;
+    keyboard?: undefined;
+    statusMsg?: undefined;
+} | {
+    chatId: number;
+    dialogId: string;
+    messageId: string;
+    type: string;
+    url: string;
+    alt: 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;
+    reply?: undefined;
+    filename?: undefined;
+    linkPreview?: undefined;
+    keyboard?: undefined;
+    statusMsg?: undefined;
+} | {
+    chatId: number;
+    dialogId: string;
+    messageId: string;
+    type: string;
+    url: string;
+    alt: string;
+    direction: string;
+    status: string;
+    statusMsg: string;
+    timestamp: string;
+    header: string;
+    subText: string;
+    avatar: string;
+    callDuration?: undefined;
+    isMissedCall?: undefined;
+    transcript?: undefined;
+    text?: undefined;
+    embed?: undefined;
+    actions?: undefined;
+    views?: undefined;
+    reply?: undefined;
+    filename?: undefined;
+    linkPreview?: undefined;
+    keyboard?: undefined;
 } | {
     messageId: number;
     chatId: number;
@@ -1101,6 +1270,7 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    statusMsg?: undefined;
 } | {
     messageId: number;
     chatId: number;
@@ -1131,4 +1301,5 @@ export declare const messages: ({
     filename?: undefined;
     linkPreview?: undefined;
     keyboard?: undefined;
+    statusMsg?: undefined;
 })[];

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

@@ -3,7 +3,13 @@ import Tooltip from '../Tooltip.vue';
 declare const meta: Meta<typeof Tooltip>;
 export default meta;
 type Story = StoryObj<typeof Tooltip>;
-export declare const Right: Story;
+export declare const Default: Story;
 export declare const Top: Story;
-export declare const Left: Story;
 export declare const Bottom: Story;
+export declare const Left: Story;
+export declare const Right: Story;
+export declare const BottomLeft: Story;
+export declare const WithIcon: Story;
+export declare const WithButton: Story;
+export declare const LongText: Story;
+export declare const CustomOffset: Story;

package/dist/types/components/2_chatinput_elements/ButtonEmojiPicker/stories/ButtonEmojiPicker.stories.d.ts

@@ -3,6 +3,7 @@ import ButtonEmojiPicker from '../ButtonEmojiPicker.vue';
 declare const meta: Meta<typeof ButtonEmojiPicker>;
 export default meta;
 type Story = StoryObj<typeof ButtonEmojiPicker>;
-export declare const StandardHovering: Story;
-export declare const StandardClicking: Story;
-export declare const InactiveButton: Story;
+export declare const Default: Story;
+export declare const ClickMode: Story;
+export declare const HoverMode: Story;
+export declare const Disabled: Story;

package/dist/types/components/2_elements/ContactInfo/stories/ContactInfo.stories.d.ts

@@ -1,20 +1,12 @@
-import type { StoryObj } from '@storybook/vue3-vite';
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
 import ContactInfo from '../ContactInfo.vue';
-declare const meta: {
-    title: string;
-    component: import("vue").DefineComponent<{}, {
-        $emit: (event: "close" | "select-attribute-channel" | "open-crm", ...args: any[]) => void;
-        contact: Record<string, any>;
-        channels: unknown[];
-        currentDialog: Record<string, any>;
-        $props: {
-            readonly contact?: Record<string, any> | undefined;
-            readonly channels?: unknown[] | undefined;
-            readonly currentDialog?: Record<string, any> | undefined;
-        };
-    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    args: {};
-};
+declare const meta: Meta<typeof ContactInfo>;
 export default meta;
 type Story = StoryObj<typeof ContactInfo>;
 export declare const Default: Story;
+export declare const WithCurrentDialog: Story;
+export declare const WithoutCurrentDialog: Story;
+export declare const SingleAttribute: Story;
+export declare const MultipleChannels: Story;
+export declare const EmptyContact: Story;
+export declare const WithIconUrls: Story;

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

@@ -3,6 +3,7 @@ import AudioMessage from '../AudioMessage.vue';
 declare const meta: Meta<typeof AudioMessage>;
 export default meta;
 type Story = StoryObj<typeof AudioMessage>;
+export declare const Default: Story;
 export declare const LeftMessage: Story;
 export declare const LeftMessageWithActions: Story;
 export declare const RightMessage: Story;
@@ -13,6 +14,9 @@ export declare const RightMessageWithAvatarAndSubtext: Story;
 export declare const RightMessageSent: Story;
 export declare const RightMessageReceived: Story;
 export declare const RightMessageRead: Story;
+export declare const RightMessagePending: Story;
+export declare const RightMessageError: Story;
+export declare const RightMessageErrorWithStatusMsg: Story;
 export declare const RightMessageWithActions: Story;
 export declare const RightMessageWithActionsAndText: Story;
 export declare const LeftMessageWithActionsAndText: Story;

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

@@ -392,6 +392,10 @@ export interface AudioMessageThemeCSSVariables {
     '--chotto-audiomessage-status-color-received': string;
     /** Цвет статуса прочитано */
     '--chotto-audiomessage-status-color-read': string;
+    /** Цвет статуса в ожидании */
+    '--chotto-audiomessage-status-color-pending': string;
+    /** Цвет статуса ошибка */
+    '--chotto-audiomessage-status-color-error': string;
     /** Размер малого текста-иконки */
     '--chotto-audiomessage-small-text-icon-size': string;
     /** Цвет иконки/текста (span) просмотров */

package/dist/types/components/2_feed_elements/CallMessage/stories/CallMessage.stories.d.ts

@@ -3,6 +3,7 @@ import CallMessage from '../CallMessage.vue';
 declare const meta: Meta<typeof CallMessage>;
 export default meta;
 type Story = StoryObj<typeof CallMessage>;
+export declare const Default: Story;
 export declare const NoAnswerLeft: Story;
 export declare const NoAnswerRight: Story;
 export declare const NoAnswerLeftWithAvatar: Story;
@@ -11,6 +12,9 @@ export declare const NoAnswerLeftWithAvatarAndSubtext: Story;
 export declare const NoAnswerRightWithAvatarAndSubtext: Story;
 export declare const CallHappenedLeft: Story;
 export declare const CallHappenedRight: Story;
+export declare const RightCallMissed: Story;
+export declare const RightCallSuccess: Story;
+export declare const RightCallLong: Story;
 export declare const RecallLeft: Story;
 export declare const RecallRight: Story;
 export declare const LeftCallWithTranscript: Story;

package/dist/types/components/2_feed_elements/DateMessage/stories/DateMessage.stories.d.ts

@@ -3,4 +3,5 @@ import DateMessage from '../DateMessage.vue';
 declare const meta: Meta<typeof DateMessage>;
 export default meta;
 type Story = StoryObj<typeof DateMessage>;
+export declare const Default: Story;
 export declare const Today: Story;

package/dist/types/components/2_feed_elements/DateMessageSticky/stories/DateMessageSticky.stories.d.ts

@@ -1,19 +1,6 @@
-import type { StoryObj } from '@storybook/vue3-vite';
-declare const meta: {
-    title: string;
-    component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        text: {
-            type: StringConstructor;
-            required: true;
-        };
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        text: {
-            type: StringConstructor;
-            required: true;
-        };
-    }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    args: {};
-};
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import DateMessageSticky from '../DateMessageSticky.vue';
+declare const meta: Meta<typeof DateMessageSticky>;
 export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
+type Story = StoryObj<typeof DateMessageSticky>;
+export declare const Today: Story;

package/dist/types/components/2_feed_elements/FeedKeyboard/stories/FeedKeyboard.stories.d.ts

@@ -1,38 +1,7 @@
-import type { StoryObj } from '@storybook/vue3-vite';
-declare const meta: {
-    title: string;
-    component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-        buttons: {
-            type: () => import("../types/IFeedKeyboard.ts").IFeedKeyboard[];
-            required: true;
-            default: () => never[];
-        };
-        align: {
-            type: () => "left" | "center" | "right";
-            default: string;
-            validator: (value: string) => boolean;
-        };
-    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        action: (...args: any[]) => void;
-    }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-        buttons: {
-            type: () => import("../types/IFeedKeyboard.ts").IFeedKeyboard[];
-            required: true;
-            default: () => never[];
-        };
-        align: {
-            type: () => "left" | "center" | "right";
-            default: string;
-            validator: (value: string) => boolean;
-        };
-    }>> & Readonly<{
-        onAction?: ((...args: any[]) => any) | undefined;
-    }>, {
-        buttons: import("../types/IFeedKeyboard.ts").IFeedKeyboard[];
-        align: "left" | "right" | "center";
-    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-    args: {};
-};
+import type { Meta, StoryObj } from '@storybook/vue3-vite';
+import FeedKeyboard from '../FeedKeyboard.vue';
+declare const meta: Meta<typeof FeedKeyboard>;
 export default meta;
-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<typeof FeedKeyboard>;
 export declare const Default: Story;
+export declare const CenterAligned: Story;

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

@@ -3,6 +3,7 @@ import FileMessage from '../FileMessage.vue';
 declare const meta: Meta<typeof FileMessage>;
 export default meta;
 type Story = StoryObj<typeof FileMessage>;
+export declare const Default: Story;
 export declare const LeftFileMessage: Story;
 export declare const LeftFileMessageWithSubtext: Story;
 export declare const LeftFileMessageWithActions: Story;
@@ -14,6 +15,8 @@ export declare const RightFileMessage: Story;
 export declare const RightFileMessageStatusSent: Story;
 export declare const RightFileMessageStatusReceived: Story;
 export declare const RightFileMessageStatusRead: Story;
+export declare const RightFileMessageStatusPending: Story;
+export declare const RightFileMessageStatusError: Story;
 export declare const RightFileMessageWithSubtext: Story;
 export declare const RightFileMessageWithActions: Story;
 export declare const RightFileMessageWithActionsAndText: Story;

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

@@ -142,6 +142,10 @@ export interface FileMessageThemeCSSVariables {
     '--chotto-filemessage-status-received-color': string;
     /** Цвет статуса "прочитано" */
     '--chotto-filemessage-status-read-color': string;
+    /** Цвет статуса "в ожидании" */
+    '--chotto-filemessage-status-pending-color': string;
+    /** Цвет статуса "ошибка" */
+    '--chotto-filemessage-status-error-color': string;
     /** Отображение блока просмотров */
     '--chotto-filemessage-views-display': string;
     /** Выравнивание элементов блока просмотров */

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

@@ -3,6 +3,7 @@ import ImageMessage from '../ImageMessage.vue';
 declare const meta: Meta<typeof ImageMessage>;
 export default meta;
 type Story = StoryObj<typeof ImageMessage>;
+export declare const Default: Story;
 export declare const LeftImageMessage: Story;
 export declare const LeftImageMessageWithText: Story;
 export declare const LeftImageMessageWithTextAndLink: Story;
@@ -21,6 +22,8 @@ export declare const RightImageMessageWithSubtext: Story;
 export declare const RightImageMessageStatusSent: Story;
 export declare const RightImageMessageStatusReceived: Story;
 export declare const RightImageMessageStatusRead: Story;
+export declare const RightImageMessageStatusPending: Story;
+export declare const RightImageMessageStatusError: Story;
 export declare const RightImageMessageWithActions: Story;
 export declare const LeftMessageWithReplyText: Story;
 export declare const RightMessageWithReplyText: Story;

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

@@ -92,6 +92,10 @@ export interface ImageMessageThemeCSSVariables {
     '--chotto-imagemessage-status-read-first-child-margin-right': string;
     /** Цвет иконок статуса "прочитано" */
     '--chotto-imagemessage-status-read-color': string;
+    /** Цвет иконок статуса "в ожидании" */
+    '--chotto-imagemessage-status-pending-color': string;
+    /** Цвет иконок статуса "ошибка" */
+    '--chotto-imagemessage-status-error-color': string;
     /** Размер шрифта подписи */
     '--chotto-imagemessage-subtext-font-size': string;
     /** Цвет подписи */