@uzum-tech/ui 1.11.2 → 1.12.0

package/lib/chat/src/Chat.js

@@ -100,6 +100,9 @@ exports.chatProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
     }, footerIconProps: {
         type: Object,
         default: undefined
+    }, footerSuffixIconProps: {
+        type: Object,
+        default: undefined
     }, emptyProps: {
         type: Object,
         default: undefined
@@ -142,6 +145,9 @@ exports.chatProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
     }, onMessageRetry: {
         type: Function,
         default: undefined
+    }, bubbleActions: {
+        type: Array,
+        default: undefined
     }, onChatClose: {
         type: Function,
         default: undefined
@@ -214,7 +220,7 @@ exports.default = (0, vue_1.defineComponent)({
             notificationsShownSet.value = new Set(notificationsShownSet.value);
         };
         const cssVarsRef = (0, vue_1.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,
@@ -244,6 +250,7 @@ exports.default = (0, vue_1.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,
@@ -351,6 +358,8 @@ exports.default = (0, vue_1.defineComponent)({
         const mergedShareButtonTooltipRef = (0, vue_1.computed)(() => { var _a; return (_a = props.shareButtonTooltip) !== null && _a !== void 0 ? _a : localeRef.value.shareButtonTooltip; });
         const mergedProfileButtonTooltipRef = (0, vue_1.computed)(() => { var _a; return (_a = props.profileButtonTooltip) !== null && _a !== void 0 ? _a : localeRef.value.profileButtonTooltip; });
         const mergedUnreadNotificationTextRef = (0, vue_1.computed)(() => { var _a; return (_a = props.unreadNotificationText) !== null && _a !== void 0 ? _a : localeRef.value.unreadNotificationText; });
+        const startEditingMessageRef = (0, vue_1.ref)();
+        const editMessageIdRef = (0, vue_1.ref)(null);
         (0, vue_1.provide)(interface_1.chatInjectionKey, {
             mergedClsPrefixRef,
             mergedThemeRef: themeRef,
@@ -384,6 +393,7 @@ exports.default = (0, vue_1.defineComponent)({
             footerUploadPropsRef: (0, vue_1.toRef)(props, 'footerUploadProps'),
             footerUploadTriggerPropsRef: (0, vue_1.toRef)(props, 'footerUploadTriggerProps'),
             footerIconPropsRef: (0, vue_1.toRef)(props, 'footerIconProps'),
+            footerSuffixIconPropsRef: (0, vue_1.toRef)(props, 'footerSuffixIconProps'),
             inputPlaceholderRef: mergedInputPlaceholderRef,
             retryTextRef: mergedRetryTextRef,
             typingTextRef: mergedTypingTextRef,
@@ -397,6 +407,9 @@ exports.default = (0, vue_1.defineComponent)({
             handleChatSelect,
             handleMessageSend,
             handleMessageRetry,
+            startEditingMessage: startEditingMessageRef,
+            editMessageIdRef,
+            bubbleActionsRef: (0, vue_1.toRef)(props, 'bubbleActions'),
             markMessagesAsRead,
             handleFilterChange,
             handleFooterInputChange,
@@ -455,7 +468,9 @@ exports.default = (0, vue_1.defineComponent)({
                     this.selectedChatId &&
                         (0, _utils_1.resolveSlot)($slots.default, () => [
                             (0, vue_1.h)(MainArea_1.default, { ref: "mainAreaRef" }, {
-                                headerActions: $slots.headerActions
+                                headerActions: $slots.headerActions,
+                                footerAttachIcon: $slots.footerAttachIcon,
+                                footerSuffixIcon: $slots.footerSuffixIcon
                             })
                         ])))
             })));