@uzum-tech/ui 2.3.4 → 2.3.6

package/es/chat/src/ChatMessages.d.ts

@@ -1,5 +1,6 @@
 import type { PropType } from 'vue';
 import type { ExtractPublicPropTypes } from '../../_utils';
+import type { MarkdownOptions } from '../../_utils/markdown';
 import type { UploadProps } from '../../upload';
 import type { ChatMessageData } from './interface';
 export declare const chatMessagesProps: {
@@ -31,6 +32,14 @@ export declare const chatMessagesProps: {
         readonly type: StringConstructor;
         readonly default: undefined;
     };
+    readonly markdown: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly markdownOptions: {
+        readonly type: PropType<MarkdownOptions>;
+        readonly default: undefined;
+    };
     readonly uploadProps: {
         readonly type: PropType<Partial<UploadProps>>;
         readonly default: undefined;
@@ -82,6 +91,11 @@ export declare const chatMessagesProps: {
         inputSuffixColor: string;
         unreadNotificationBackgroundColor: string;
         unreadNotificationTextColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
         typingIndicatorColor: string;
         dateSeparatorColor: string;
         dateSeparatorBackgroundColor: string;
@@ -855,6 +869,15 @@ export declare const chatMessagesProps: {
             serviceMessageTextColor: string;
             serviceMessageBackgroundColor: string;
             messageTitleColor: string;
+            markdownQuoteBorderColorOwn: string;
+            markdownQuoteBorderColorOther: string;
+            markdownQuoteTextColor: string;
+            markdownDividerColorOwn: string;
+            markdownDividerColorOther: string;
+            markdownH1FontSize: string;
+            markdownH2FontSize: string;
+            markdownH3FontSize: string;
+            markdownTextFontSize: string;
         }, {
             StatusIcon: import("../../_mixins").Theme<"Icon", {
                 color: string;
@@ -937,6 +960,11 @@ export declare const chatMessagesProps: {
         inputSuffixColor: string;
         unreadNotificationBackgroundColor: string;
         unreadNotificationTextColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
         typingIndicatorColor: string;
         dateSeparatorColor: string;
         dateSeparatorBackgroundColor: string;
@@ -1710,6 +1738,15 @@ export declare const chatMessagesProps: {
             serviceMessageTextColor: string;
             serviceMessageBackgroundColor: string;
             messageTitleColor: string;
+            markdownQuoteBorderColorOwn: string;
+            markdownQuoteBorderColorOther: string;
+            markdownQuoteTextColor: string;
+            markdownDividerColorOwn: string;
+            markdownDividerColorOther: string;
+            markdownH1FontSize: string;
+            markdownH2FontSize: string;
+            markdownH3FontSize: string;
+            markdownTextFontSize: string;
         }, {
             StatusIcon: import("../../_mixins").Theme<"Icon", {
                 color: string;
@@ -1792,6 +1829,11 @@ export declare const chatMessagesProps: {
         inputSuffixColor: string;
         unreadNotificationBackgroundColor: string;
         unreadNotificationTextColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
         typingIndicatorColor: string;
         dateSeparatorColor: string;
         dateSeparatorBackgroundColor: string;
@@ -2565,6 +2607,15 @@ export declare const chatMessagesProps: {
             serviceMessageTextColor: string;
             serviceMessageBackgroundColor: string;
             messageTitleColor: string;
+            markdownQuoteBorderColorOwn: string;
+            markdownQuoteBorderColorOther: string;
+            markdownQuoteTextColor: string;
+            markdownDividerColorOwn: string;
+            markdownDividerColorOther: string;
+            markdownH1FontSize: string;
+            markdownH2FontSize: string;
+            markdownH3FontSize: string;
+            markdownTextFontSize: string;
         }, {
             StatusIcon: import("../../_mixins").Theme<"Icon", {
                 color: string;
@@ -2647,6 +2698,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: StringConstructor;
         readonly default: undefined;
     };
+    readonly markdown: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly markdownOptions: {
+        readonly type: PropType<MarkdownOptions>;
+        readonly default: undefined;
+    };
     readonly uploadProps: {
         readonly type: PropType<Partial<UploadProps>>;
         readonly default: undefined;
@@ -2698,6 +2757,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         inputSuffixColor: string;
         unreadNotificationBackgroundColor: string;
         unreadNotificationTextColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
         typingIndicatorColor: string;
         dateSeparatorColor: string;
         dateSeparatorBackgroundColor: string;
@@ -3471,6 +3535,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             serviceMessageTextColor: string;
             serviceMessageBackgroundColor: string;
             messageTitleColor: string;
+            markdownQuoteBorderColorOwn: string;
+            markdownQuoteBorderColorOther: string;
+            markdownQuoteTextColor: string;
+            markdownDividerColorOwn: string;
+            markdownDividerColorOther: string;
+            markdownH1FontSize: string;
+            markdownH2FontSize: string;
+            markdownH3FontSize: string;
+            markdownTextFontSize: string;
         }, {
             StatusIcon: import("../../_mixins").Theme<"Icon", {
                 color: string;
@@ -3553,6 +3626,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         inputSuffixColor: string;
         unreadNotificationBackgroundColor: string;
         unreadNotificationTextColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
         typingIndicatorColor: string;
         dateSeparatorColor: string;
         dateSeparatorBackgroundColor: string;
@@ -4326,6 +4404,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             serviceMessageTextColor: string;
             serviceMessageBackgroundColor: string;
             messageTitleColor: string;
+            markdownQuoteBorderColorOwn: string;
+            markdownQuoteBorderColorOther: string;
+            markdownQuoteTextColor: string;
+            markdownDividerColorOwn: string;
+            markdownDividerColorOther: string;
+            markdownH1FontSize: string;
+            markdownH2FontSize: string;
+            markdownH3FontSize: string;
+            markdownTextFontSize: string;
         }, {
             StatusIcon: import("../../_mixins").Theme<"Icon", {
                 color: string;
@@ -4408,6 +4495,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         inputSuffixColor: string;
         unreadNotificationBackgroundColor: string;
         unreadNotificationTextColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
         typingIndicatorColor: string;
         dateSeparatorColor: string;
         dateSeparatorBackgroundColor: string;
@@ -5181,6 +5273,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             serviceMessageTextColor: string;
             serviceMessageBackgroundColor: string;
             messageTitleColor: string;
+            markdownQuoteBorderColorOwn: string;
+            markdownQuoteBorderColorOther: string;
+            markdownQuoteTextColor: string;
+            markdownDividerColorOwn: string;
+            markdownDividerColorOther: string;
+            markdownH1FontSize: string;
+            markdownH2FontSize: string;
+            markdownH3FontSize: string;
+            markdownTextFontSize: string;
         }, {
             StatusIcon: import("../../_mixins").Theme<"Icon", {
                 color: string;
@@ -5234,7 +5335,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }>>>;
 }>, {
     mergedClsPrefixRef: import("vue").Ref<string, string>;
-    mergedTheme: import("vue").Ref<{
+    mergedTheme: import("vue").ComputedRef<{
         common: import("../..").ThemeCommonVars;
         self: {
             backgroundColor: string;
@@ -5267,6 +5368,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             inputSuffixColor: string;
             unreadNotificationBackgroundColor: string;
             unreadNotificationTextColor: string;
+            markdownQuoteBorderColorOwn: string;
+            markdownQuoteBorderColorOther: string;
+            markdownQuoteTextColor: string;
+            markdownDividerColorOwn: string;
+            markdownDividerColorOther: string;
             typingIndicatorColor: string;
             dateSeparatorColor: string;
             dateSeparatorBackgroundColor: string;
@@ -6041,6 +6147,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 serviceMessageTextColor: string;
                 serviceMessageBackgroundColor: string;
                 messageTitleColor: string;
+                markdownQuoteBorderColorOwn: string;
+                markdownQuoteBorderColorOther: string;
+                markdownQuoteTextColor: string;
+                markdownDividerColorOwn: string;
+                markdownDividerColorOther: string;
+                markdownH1FontSize: string;
+                markdownH2FontSize: string;
+                markdownH3FontSize: string;
+                markdownTextFontSize: string;
             }, {
                 StatusIcon: import("../../_mixins").Theme<"Icon", {
                     color: string;
@@ -6481,7 +6596,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 } | undefined;
             } | undefined;
         };
-    }, {
+    }> | import("vue").Ref<{
         common: import("../..").ThemeCommonVars;
         self: {
             backgroundColor: string;
@@ -6514,6 +6629,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             inputSuffixColor: string;
             unreadNotificationBackgroundColor: string;
             unreadNotificationTextColor: string;
+            markdownQuoteBorderColorOwn: string;
+            markdownQuoteBorderColorOther: string;
+            markdownQuoteTextColor: string;
+            markdownDividerColorOwn: string;
+            markdownDividerColorOther: string;
             typingIndicatorColor: string;
             dateSeparatorColor: string;
             dateSeparatorBackgroundColor: string;
@@ -7288,6 +7408,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 serviceMessageTextColor: string;
                 serviceMessageBackgroundColor: string;
                 messageTitleColor: string;
+                markdownQuoteBorderColorOwn: string;
+                markdownQuoteBorderColorOther: string;
+                markdownQuoteTextColor: string;
+                markdownDividerColorOwn: string;
+                markdownDividerColorOther: string;
+                markdownH1FontSize: string;
+                markdownH2FontSize: string;
+                markdownH3FontSize: string;
+                markdownTextFontSize: string;
             }, {
                 StatusIcon: import("../../_mixins").Theme<"Icon", {
                     color: string;
@@ -7728,7 +7857,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 } | undefined;
             } | undefined;
         };
-    }> | import("vue").ComputedRef<{
+    }, {
         common: import("../..").ThemeCommonVars;
         self: {
             backgroundColor: string;
@@ -7761,6 +7890,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             inputSuffixColor: string;
             unreadNotificationBackgroundColor: string;
             unreadNotificationTextColor: string;
+            markdownQuoteBorderColorOwn: string;
+            markdownQuoteBorderColorOther: string;
+            markdownQuoteTextColor: string;
+            markdownDividerColorOwn: string;
+            markdownDividerColorOther: string;
             typingIndicatorColor: string;
             dateSeparatorColor: string;
             dateSeparatorBackgroundColor: string;
@@ -8535,6 +8669,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 serviceMessageTextColor: string;
                 serviceMessageBackgroundColor: string;
                 messageTitleColor: string;
+                markdownQuoteBorderColorOwn: string;
+                markdownQuoteBorderColorOther: string;
+                markdownQuoteTextColor: string;
+                markdownDividerColorOwn: string;
+                markdownDividerColorOther: string;
+                markdownH1FontSize: string;
+                markdownH2FontSize: string;
+                markdownH3FontSize: string;
+                markdownTextFontSize: string;
             }, {
                 StatusIcon: import("../../_mixins").Theme<"Icon", {
                     color: string;
@@ -9013,6 +9156,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: StringConstructor;
         readonly default: undefined;
     };
+    readonly markdown: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    readonly markdownOptions: {
+        readonly type: PropType<MarkdownOptions>;
+        readonly default: undefined;
+    };
     readonly uploadProps: {
         readonly type: PropType<Partial<UploadProps>>;
         readonly default: undefined;
@@ -9064,6 +9215,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         inputSuffixColor: string;
         unreadNotificationBackgroundColor: string;
         unreadNotificationTextColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
         typingIndicatorColor: string;
         dateSeparatorColor: string;
         dateSeparatorBackgroundColor: string;
@@ -9837,6 +9993,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             serviceMessageTextColor: string;
             serviceMessageBackgroundColor: string;
             messageTitleColor: string;
+            markdownQuoteBorderColorOwn: string;
+            markdownQuoteBorderColorOther: string;
+            markdownQuoteTextColor: string;
+            markdownDividerColorOwn: string;
+            markdownDividerColorOther: string;
+            markdownH1FontSize: string;
+            markdownH2FontSize: string;
+            markdownH3FontSize: string;
+            markdownTextFontSize: string;
         }, {
             StatusIcon: import("../../_mixins").Theme<"Icon", {
                 color: string;
@@ -9919,6 +10084,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         inputSuffixColor: string;
         unreadNotificationBackgroundColor: string;
         unreadNotificationTextColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
         typingIndicatorColor: string;
         dateSeparatorColor: string;
         dateSeparatorBackgroundColor: string;
@@ -10692,6 +10862,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             serviceMessageTextColor: string;
             serviceMessageBackgroundColor: string;
             messageTitleColor: string;
+            markdownQuoteBorderColorOwn: string;
+            markdownQuoteBorderColorOther: string;
+            markdownQuoteTextColor: string;
+            markdownDividerColorOwn: string;
+            markdownDividerColorOther: string;
+            markdownH1FontSize: string;
+            markdownH2FontSize: string;
+            markdownH3FontSize: string;
+            markdownTextFontSize: string;
         }, {
             StatusIcon: import("../../_mixins").Theme<"Icon", {
                 color: string;
@@ -10774,6 +10953,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         inputSuffixColor: string;
         unreadNotificationBackgroundColor: string;
         unreadNotificationTextColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
         typingIndicatorColor: string;
         dateSeparatorColor: string;
         dateSeparatorBackgroundColor: string;
@@ -11547,6 +11731,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             serviceMessageTextColor: string;
             serviceMessageBackgroundColor: string;
             messageTitleColor: string;
+            markdownQuoteBorderColorOwn: string;
+            markdownQuoteBorderColorOther: string;
+            markdownQuoteTextColor: string;
+            markdownDividerColorOwn: string;
+            markdownDividerColorOther: string;
+            markdownH1FontSize: string;
+            markdownH2FontSize: string;
+            markdownH3FontSize: string;
+            markdownTextFontSize: string;
         }, {
             StatusIcon: import("../../_mixins").Theme<"Icon", {
                 color: string;
@@ -11603,6 +11796,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly typingText: string;
     readonly retryText: string;
     readonly unreadNotificationText: string;
+    readonly markdown: boolean;
+    readonly markdownOptions: MarkdownOptions;
     readonly uploadProps: Partial<UploadProps>;
     readonly selectedChatId: string | number | symbol;
     readonly messages: ChatMessageData[];

package/es/chat/src/ChatMessages.mjs

@@ -34,6 +34,14 @@ export const chatMessagesProps = Object.assign(Object.assign({}, useTheme.props)
     type: String,
     default: undefined
   },
+  markdown: {
+    type: Boolean,
+    default: true
+  },
+  markdownOptions: {
+    type: Object,
+    default: undefined
+  },
   uploadProps: {
     type: Object,
     default: undefined
@@ -84,7 +92,12 @@ export default defineComponent({
         attachmentBackgroundColorOwn: self.attachmentBackgroundColorOwn,
         attachmentBackgroundColorOther: self.attachmentBackgroundColorOther,
         unreadNotificationBackgroundColor: self.unreadNotificationBackgroundColor,
-        unreadNotificationTextColor: self.unreadNotificationTextColor
+        unreadNotificationTextColor: self.unreadNotificationTextColor,
+        markdownQuoteBorderColorOwn: self.markdownQuoteBorderColorOwn,
+        markdownQuoteBorderColorOther: self.markdownQuoteBorderColorOther,
+        markdownQuoteTextColor: self.markdownQuoteTextColor,
+        markdownDividerColorOwn: self.markdownDividerColorOwn,
+        markdownDividerColorOther: self.markdownDividerColorOther
       }, peerOverrides.MessageBubble);
     });
     const cssVarsRef = computed(() => {
@@ -206,18 +219,21 @@ export default defineComponent({
       });
     };
     const renderMarkMessage = message => {
-      var _a;
+      var _a, _b;
       const serviceVariant = markTypeToServiceVariantMap[(_a = message.markType) !== null && _a !== void 0 ? _a : ChatMarkType.DIVIDER];
       return h(UMessageBubble, {
         key: String(message.id),
         type: MessageBubbleType.SERVICE,
         serviceVariant: serviceVariant,
         content: message.content,
+        markdown: (_b = message.markdown) !== null && _b !== void 0 ? _b : props.markdown,
+        markdownOptions: props.markdownOptions,
         theme: themeRef.value.peers.MessageBubble,
         themeOverrides: messageBubbleThemeOverridesRef.value
       });
     };
     const renderMessage = message => {
+      var _a;
       const attachments = message.attachment ? Array.isArray(message.attachment) ? message.attachment : [message.attachment] : [];
       const messageBubbleAttachments = attachments.map(attachment => ({
         id: attachment.id,
@@ -245,6 +261,8 @@ export default defineComponent({
         type: MessageBubbleType.MESSAGE,
         isOwn: Boolean(message.isOwn),
         content: message.content,
+        markdown: (_a = message.markdown) !== null && _a !== void 0 ? _a : props.markdown,
+        markdownOptions: props.markdownOptions,
         timestamp: message.timestamp,
         title: message.title,
         status: message.status,

package/es/chat/src/ChatParts/Sidebar.d.ts

@@ -43,6 +43,11 @@ declare const _default: import("vue").DefineComponent<{}, {
             inputSuffixColor: string;
             unreadNotificationBackgroundColor: string;
             unreadNotificationTextColor: string;
+            markdownQuoteBorderColorOwn: string;
+            markdownQuoteBorderColorOther: string;
+            markdownQuoteTextColor: string;
+            markdownDividerColorOwn: string;
+            markdownDividerColorOther: string;
             typingIndicatorColor: string;
             dateSeparatorColor: string;
             dateSeparatorBackgroundColor: string;
@@ -817,6 +822,15 @@ declare const _default: import("vue").DefineComponent<{}, {
                 serviceMessageTextColor: string;
                 serviceMessageBackgroundColor: string;
                 messageTitleColor: string;
+                markdownQuoteBorderColorOwn: string;
+                markdownQuoteBorderColorOther: string;
+                markdownQuoteTextColor: string;
+                markdownDividerColorOwn: string;
+                markdownDividerColorOther: string;
+                markdownH1FontSize: string;
+                markdownH2FontSize: string;
+                markdownH3FontSize: string;
+                markdownTextFontSize: string;
             }, {
                 StatusIcon: import("../../../_mixins").Theme<"Icon", {
                     color: string;
@@ -1290,6 +1304,11 @@ declare const _default: import("vue").DefineComponent<{}, {
             inputSuffixColor: string;
             unreadNotificationBackgroundColor: string;
             unreadNotificationTextColor: string;
+            markdownQuoteBorderColorOwn: string;
+            markdownQuoteBorderColorOther: string;
+            markdownQuoteTextColor: string;
+            markdownDividerColorOwn: string;
+            markdownDividerColorOther: string;
             typingIndicatorColor: string;
             dateSeparatorColor: string;
             dateSeparatorBackgroundColor: string;
@@ -2064,6 +2083,15 @@ declare const _default: import("vue").DefineComponent<{}, {
                 serviceMessageTextColor: string;
                 serviceMessageBackgroundColor: string;
                 messageTitleColor: string;
+                markdownQuoteBorderColorOwn: string;
+                markdownQuoteBorderColorOther: string;
+                markdownQuoteTextColor: string;
+                markdownDividerColorOwn: string;
+                markdownDividerColorOther: string;
+                markdownH1FontSize: string;
+                markdownH2FontSize: string;
+                markdownH3FontSize: string;
+                markdownTextFontSize: string;
             }, {
                 StatusIcon: import("../../../_mixins").Theme<"Icon", {
                     color: string;

package/es/chat/src/interface.d.ts

@@ -1,5 +1,6 @@
 import type { ExtractPublicPropTypes, InjectionKey, PropType, Ref, VNodeChild } from 'vue';
 import type { MergedTheme } from '../../_mixins';
+import type { MarkdownOptions } from '../../_utils/markdown';
 import type { AvatarProps } from '../../avatar';
 import type { BadgeProps } from '../../badge';
 import type { ButtonProps } from '../../button';
@@ -86,6 +87,7 @@ export interface ChatMessageData {
     senderName?: string | (() => VNodeChild);
     markType?: ChatMarkType;
     title?: string | (() => VNodeChild);
+    markdown?: boolean;
 }
 export interface ChatMessageProps {
     id: ChatId;
@@ -174,6 +176,8 @@ export interface ChatPropsInterface {
     shareButtonTooltip?: string;
     profileButtonTooltip?: string;
     unreadNotificationText?: string;
+    markdown?: boolean;
+    markdownOptions?: MarkdownOptions;
     chatItemsLoading?: boolean;
     chatItemsLoadingCount?: number;
     messagesLoading?: boolean;
@@ -321,6 +325,8 @@ export declare const chatInjectionKey: InjectionKey<{
     shareButtonTooltipRef: Ref<string>;
     profileButtonTooltipRef: Ref<string>;
     unreadNotificationTextRef: Ref<string>;
+    markdownRef: Ref<boolean>;
+    markdownOptionsRef: Ref<MarkdownOptions | undefined>;
     notificationsShownSetRef: Ref<Set<ChatId>>;
     unreadCountsBeforeReadRef: Ref<Record<ChatId, number>>;
     markNotificationShown: (chatId: ChatId) => void;
@@ -517,6 +523,14 @@ export declare const chatProps: {
         type: PropType<ChatPropsInterface["unreadNotificationText"]>;
         default: undefined;
     };
+    markdown: {
+        type: PropType<ChatPropsInterface["markdown"]>;
+        default: boolean;
+    };
+    markdownOptions: {
+        type: PropType<ChatPropsInterface["markdownOptions"]>;
+        default: undefined;
+    };
     chatItemsLoading: {
         type: PropType<ChatPropsInterface["chatItemsLoading"]>;
         default: boolean;
@@ -636,6 +650,11 @@ export declare const chatProps: {
         inputSuffixColor: string;
         unreadNotificationBackgroundColor: string;
         unreadNotificationTextColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
         typingIndicatorColor: string;
         dateSeparatorColor: string;
         dateSeparatorBackgroundColor: string;
@@ -1409,6 +1428,15 @@ export declare const chatProps: {
             serviceMessageTextColor: string;
             serviceMessageBackgroundColor: string;
             messageTitleColor: string;
+            markdownQuoteBorderColorOwn: string;
+            markdownQuoteBorderColorOther: string;
+            markdownQuoteTextColor: string;
+            markdownDividerColorOwn: string;
+            markdownDividerColorOther: string;
+            markdownH1FontSize: string;
+            markdownH2FontSize: string;
+            markdownH3FontSize: string;
+            markdownTextFontSize: string;
         }, {
             StatusIcon: import("../../_mixins").Theme<"Icon", {
                 color: string;
@@ -1491,6 +1519,11 @@ export declare const chatProps: {
         inputSuffixColor: string;
         unreadNotificationBackgroundColor: string;
         unreadNotificationTextColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
         typingIndicatorColor: string;
         dateSeparatorColor: string;
         dateSeparatorBackgroundColor: string;
@@ -2264,6 +2297,15 @@ export declare const chatProps: {
             serviceMessageTextColor: string;
             serviceMessageBackgroundColor: string;
             messageTitleColor: string;
+            markdownQuoteBorderColorOwn: string;
+            markdownQuoteBorderColorOther: string;
+            markdownQuoteTextColor: string;
+            markdownDividerColorOwn: string;
+            markdownDividerColorOther: string;
+            markdownH1FontSize: string;
+            markdownH2FontSize: string;
+            markdownH3FontSize: string;
+            markdownTextFontSize: string;
         }, {
             StatusIcon: import("../../_mixins").Theme<"Icon", {
                 color: string;
@@ -2346,6 +2388,11 @@ export declare const chatProps: {
         inputSuffixColor: string;
         unreadNotificationBackgroundColor: string;
         unreadNotificationTextColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
         typingIndicatorColor: string;
         dateSeparatorColor: string;
         dateSeparatorBackgroundColor: string;
@@ -3119,6 +3166,15 @@ export declare const chatProps: {
             serviceMessageTextColor: string;
             serviceMessageBackgroundColor: string;
             messageTitleColor: string;
+            markdownQuoteBorderColorOwn: string;
+            markdownQuoteBorderColorOther: string;
+            markdownQuoteTextColor: string;
+            markdownDividerColorOwn: string;
+            markdownDividerColorOther: string;
+            markdownH1FontSize: string;
+            markdownH2FontSize: string;
+            markdownH3FontSize: string;
+            markdownTextFontSize: string;
         }, {
             StatusIcon: import("../../_mixins").Theme<"Icon", {
                 color: string;

package/es/chat/src/interface.mjs

@@ -193,6 +193,14 @@ export const chatProps = Object.assign(Object.assign({}, useTheme.props), {
     type: String,
     default: undefined
   },
+  markdown: {
+    type: Boolean,
+    default: true
+  },
+  markdownOptions: {
+    type: Object,
+    default: undefined
+  },
   chatItemsLoading: {
     type: Boolean,
     default: false