@uzum-tech/ui 2.3.5 → 2.3.6

package/lib/chat/src/Chat.js

@@ -245,6 +245,8 @@ exports.default = (0, vue_1.defineComponent)({
             startEditingMessage: startEditingMessageRef,
             editMessageIdRef,
             bubbleActionsRef: (0, vue_1.toRef)(props, 'bubbleActions'),
+            markdownRef: (0, vue_1.toRef)(props, 'markdown'),
+            markdownOptionsRef: (0, vue_1.toRef)(props, 'markdownOptions'),
             markMessagesAsRead,
             handleFilterChange,
             handleFooterInputChange,

package/lib/chat/src/ChatListItems.d.ts

@@ -80,6 +80,11 @@ export declare const chatListItemsProps: {
         inputSuffixColor: string;
         unreadNotificationBackgroundColor: string;
         unreadNotificationTextColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
         typingIndicatorColor: string;
         dateSeparatorColor: string;
         dateSeparatorBackgroundColor: string;
@@ -853,6 +858,15 @@ export declare const chatListItemsProps: {
             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;
@@ -935,6 +949,11 @@ export declare const chatListItemsProps: {
         inputSuffixColor: string;
         unreadNotificationBackgroundColor: string;
         unreadNotificationTextColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
         typingIndicatorColor: string;
         dateSeparatorColor: string;
         dateSeparatorBackgroundColor: string;
@@ -1708,6 +1727,15 @@ export declare const chatListItemsProps: {
             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;
@@ -1790,6 +1818,11 @@ export declare const chatListItemsProps: {
         inputSuffixColor: string;
         unreadNotificationBackgroundColor: string;
         unreadNotificationTextColor: string;
+        markdownQuoteBorderColorOwn: string;
+        markdownQuoteBorderColorOther: string;
+        markdownQuoteTextColor: string;
+        markdownDividerColorOwn: string;
+        markdownDividerColorOther: string;
         typingIndicatorColor: string;
         dateSeparatorColor: string;
         dateSeparatorBackgroundColor: string;
@@ -2563,6 +2596,15 @@ export declare const chatListItemsProps: {
             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;
@@ -2692,6 +2734,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;
@@ -3465,6 +3512,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;
@@ -3547,6 +3603,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;
@@ -4320,6 +4381,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;
@@ -4402,6 +4472,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;
@@ -5175,6 +5250,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;
@@ -5228,7 +5312,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;
@@ -5261,6 +5345,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;
@@ -6035,6 +6124,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;
@@ -6475,7 +6573,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 } | undefined;
             } | undefined;
         };
-    }, {
+    }> | import("vue").Ref<{
         common: import("../..").ThemeCommonVars;
         self: {
             backgroundColor: string;
@@ -6508,6 +6606,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;
@@ -7282,6 +7385,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;
@@ -7722,7 +7834,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
                 } | undefined;
             } | undefined;
         };
-    }> | import("vue").ComputedRef<{
+    }, {
         common: import("../..").ThemeCommonVars;
         self: {
             backgroundColor: string;
@@ -7755,6 +7867,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;
@@ -8529,6 +8646,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;
@@ -9071,6 +9197,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;
@@ -9844,6 +9975,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;
@@ -9926,6 +10066,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;
@@ -10699,6 +10844,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;
@@ -10781,6 +10935,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;
@@ -11554,6 +11713,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;
@@ -11613,9 +11781,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly selectedChatId: string | number | symbol;
     readonly onChatSelect: (chatId: string | number | symbol) => void;
     readonly typingChatIds: (string | number | symbol)[];
-    readonly loadingCount: number;
     readonly avatarProps: Partial<AvatarProps>;
     readonly badgeProps: Partial<BadgeProps>;
+    readonly loadingCount: number;
     readonly notificationsShown: Set<string | number | symbol>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/chat/src/ChatListItems.js

@@ -7,6 +7,7 @@ exports.chatListItemsProps = void 0;
 const vue_1 = require("vue");
 const icons_1 = require("../../_internal/icons");
 const _mixins_1 = require("../../_mixins");
+const markdown_1 = require("../../_utils/markdown");
 const avatar_1 = require("../../avatar");
 const badge_1 = require("../../badge");
 const empty_1 = require("../../empty");
@@ -135,7 +136,11 @@ exports.default = (0, vue_1.defineComponent)({
                     }
                 })),
                 header: () => ((0, vue_1.h)(typography_1.UText, { class: `${mergedClsPrefixRef.value}-chat-sidebar__item-title`, variant: "body-l-medium" }, {
-                    default: () => typeof item.title === 'function' ? item.title() : item.title
+                    default: () => typeof item.title === 'function'
+                        ? item.title()
+                        : typeof item.title === 'string'
+                            ? (0, markdown_1.sanitizeMarkdown)(item.title)
+                            : item.title
                 })),
                 description: () => ((0, vue_1.h)(typography_1.UText, { class: [
                         `${mergedClsPrefixRef.value}-chat-sidebar__item-subtitle`,
@@ -144,7 +149,7 @@ exports.default = (0, vue_1.defineComponent)({
                     default: () => isTyping
                         ? mergedTypingTextRef.value
                         : typeof item.subtitle === 'string'
-                            ? item.subtitle
+                            ? (0, markdown_1.sanitizeMarkdown)(item.subtitle)
                             : typeof item.subtitle === 'function'
                                 ? item.subtitle()
                                 : item.subtitle