@uzum-tech/ui 1.11.1 → 1.12.0

package/es/chat/src/Chat.js

@@ -94,6 +94,9 @@ export const chatProps = Object.assign(Object.assign({}, useTheme.props), { chat
     }, footerIconProps: {
         type: Object,
         default: undefined
+    }, footerSuffixIconProps: {
+        type: Object,
+        default: undefined
     }, emptyProps: {
         type: Object,
         default: undefined
@@ -136,6 +139,9 @@ export const chatProps = Object.assign(Object.assign({}, useTheme.props), { chat
     }, onMessageRetry: {
         type: Function,
         default: undefined
+    }, bubbleActions: {
+        type: Array,
+        default: undefined
     }, onChatClose: {
         type: Function,
         default: undefined
@@ -208,7 +214,7 @@ export default defineComponent({
             notificationsShownSet.value = new Set(notificationsShownSet.value);
         };
         const cssVarsRef = computed(() => {
-            const { common: { cubicBezierEaseInOut }, self: { backgroundColor, borderColor, sidebarBackgroundColor, sidebarBorderColor, sidebarItemBackgroundColor, sidebarItemBackgroundColorHover, sidebarItemBackgroundColorSelected, sidebarItemTextColor, sidebarItemTextColorSelected, sidebarItemSubtitleColor, sidebarItemTimeColor, mainBackgroundColor, headerBackgroundColor, headerBorderColor, headerTitleColor, messageBubbleBackgroundColorOwn, messageBubbleBackgroundColorOther, messageBubbleTextColorOwn, messageBubbleTextColorOther, messageTimeColor, messageStatusColor, attachmentBackgroundColorOwn, attachmentBackgroundColorOther, footerBackgroundColor, footerBorderColor, inputBackgroundColor, inputBorderColor, unreadNotificationBackgroundColor, unreadNotificationTextColor, typingIndicatorColor, dateSeparatorColor, dateSeparatorBackgroundColor, borderRadius, errorColor } } = themeRef.value;
+            const { common: { cubicBezierEaseInOut }, self: { backgroundColor, borderColor, sidebarBackgroundColor, sidebarBorderColor, sidebarItemBackgroundColor, sidebarItemBackgroundColorHover, sidebarItemBackgroundColorSelected, sidebarItemTextColor, sidebarItemTextColorSelected, sidebarItemSubtitleColor, sidebarItemTimeColor, mainBackgroundColor, headerBackgroundColor, headerBorderColor, headerTitleColor, messageBubbleBackgroundColorOwn, messageBubbleBackgroundColorOther, messageBubbleTextColorOwn, messageBubbleTextColorOther, messageTimeColor, messageStatusColor, attachmentBackgroundColorOwn, attachmentBackgroundColorOther, footerBackgroundColor, footerBorderColor, inputBackgroundColor, inputBorderColor, inputSuffixColor, unreadNotificationBackgroundColor, unreadNotificationTextColor, typingIndicatorColor, dateSeparatorColor, dateSeparatorBackgroundColor, borderRadius, errorColor } } = themeRef.value;
             return {
                 '--u-bezier': cubicBezierEaseInOut,
                 '--u-background-color': backgroundColor,
@@ -238,6 +244,7 @@ export default defineComponent({
                 '--u-footer-border-color': footerBorderColor,
                 '--u-input-background-color': inputBackgroundColor,
                 '--u-input-border-color': inputBorderColor,
+                '--u-input-suffix-color': inputSuffixColor,
                 '--u-unread-notification-background-color': unreadNotificationBackgroundColor,
                 '--u-unread-notification-text-color': unreadNotificationTextColor,
                 '--u-typing-indicator-color': typingIndicatorColor,
@@ -345,6 +352,8 @@ export default defineComponent({
         const mergedShareButtonTooltipRef = computed(() => { var _a; return (_a = props.shareButtonTooltip) !== null && _a !== void 0 ? _a : localeRef.value.shareButtonTooltip; });
         const mergedProfileButtonTooltipRef = computed(() => { var _a; return (_a = props.profileButtonTooltip) !== null && _a !== void 0 ? _a : localeRef.value.profileButtonTooltip; });
         const mergedUnreadNotificationTextRef = computed(() => { var _a; return (_a = props.unreadNotificationText) !== null && _a !== void 0 ? _a : localeRef.value.unreadNotificationText; });
+        const startEditingMessageRef = ref();
+        const editMessageIdRef = ref(null);
         provide(chatInjectionKey, {
             mergedClsPrefixRef,
             mergedThemeRef: themeRef,
@@ -378,6 +387,7 @@ export default defineComponent({
             footerUploadPropsRef: toRef(props, 'footerUploadProps'),
             footerUploadTriggerPropsRef: toRef(props, 'footerUploadTriggerProps'),
             footerIconPropsRef: toRef(props, 'footerIconProps'),
+            footerSuffixIconPropsRef: toRef(props, 'footerSuffixIconProps'),
             inputPlaceholderRef: mergedInputPlaceholderRef,
             retryTextRef: mergedRetryTextRef,
             typingTextRef: mergedTypingTextRef,
@@ -391,6 +401,9 @@ export default defineComponent({
             handleChatSelect,
             handleMessageSend,
             handleMessageRetry,
+            startEditingMessage: startEditingMessageRef,
+            editMessageIdRef,
+            bubbleActionsRef: toRef(props, 'bubbleActions'),
             markMessagesAsRead,
             handleFilterChange,
             handleFooterInputChange,
@@ -449,7 +462,9 @@ export default defineComponent({
                     this.selectedChatId &&
                         resolveSlot($slots.default, () => [
                             h(ChatMainArea, { ref: "mainAreaRef" }, {
-                                headerActions: $slots.headerActions
+                                headerActions: $slots.headerActions,
+                                footerAttachIcon: $slots.footerAttachIcon,
+                                footerSuffixIcon: $slots.footerSuffixIcon
                             })
                         ])))
             })));