@uzum-tech/ui 1.9.0 → 1.10.0

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

@@ -1,5 +1,5 @@
 import { type PropType } from 'vue';
-import { type ChatProps as ChatPropsInterface, type ChatListItemData, type ChatMessageData } from './interface';
+import { type ChatProps as ChatPropsInterface, type ChatListItemData, type ChatMessageData, type ChatId } from './interface';
 import type { ExtractPublicPropTypes } from '../../_utils';
 type ChatPropsType = ChatPropsInterface;
 export declare const chatProps: {
@@ -67,6 +67,26 @@ export declare const chatProps: {
         type: PropType<Partial<ChatPropsType["headerIconProps"]>>;
         default: undefined;
     };
+    headerShareButtonProps: {
+        type: PropType<Partial<ChatPropsType["headerShareButtonProps"]>>;
+        default: undefined;
+    };
+    headerProfileButtonProps: {
+        type: PropType<Partial<ChatPropsType["headerProfileButtonProps"]>>;
+        default: undefined;
+    };
+    headerCloseButtonProps: {
+        type: PropType<Partial<ChatPropsType["headerCloseButtonProps"]>>;
+        default: undefined;
+    };
+    headerShareIconProps: {
+        type: PropType<Partial<ChatPropsType["headerShareIconProps"]>>;
+        default: undefined;
+    };
+    headerProfileIconProps: {
+        type: PropType<Partial<ChatPropsType["headerProfileIconProps"]>>;
+        default: undefined;
+    };
     messageSenderAvatarProps: {
         type: PropType<Partial<ChatPropsType["messageSenderAvatarProps"]>>;
         default: undefined;
@@ -115,6 +135,14 @@ export declare const chatProps: {
         type: PropType<ChatPropsType["closeButtonText"]>;
         default: undefined;
     };
+    shareButtonTooltip: {
+        type: PropType<ChatPropsType["shareButtonTooltip"]>;
+        default: undefined;
+    };
+    profileButtonTooltip: {
+        type: PropType<ChatPropsType["profileButtonTooltip"]>;
+        default: undefined;
+    };
     unreadNotificationText: {
         type: PropType<ChatPropsType["unreadNotificationText"]>;
         default: undefined;
@@ -167,8 +195,8 @@ export declare const chatProps: {
         type: PropType<ChatPropsType["onFilterChange"]>;
         default: undefined;
     };
-    onLoadMoreChats: {
-        type: PropType<ChatPropsType["onLoadMoreChats"]>;
+    onFooterInputChange: {
+        type: PropType<(value: string, chatId: ChatId) => void>;
         default: undefined;
     };
     onNetworkError: {
@@ -183,6 +211,22 @@ export declare const chatProps: {
         type: PropType<ChatPropsType["onSendError"]>;
         default: undefined;
     };
+    onChatItemsScrollToTop: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    onChatItemsScrollToBottom: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    onMessagesScrollToTop: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    onMessagesScrollToBottom: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
     theme: PropType<import("../../_mixins").Theme<"Chat", {
         backgroundColor: string;
         borderColor: string;
@@ -2245,6 +2289,26 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<Partial<ChatPropsType["headerIconProps"]>>;
         default: undefined;
     };
+    headerShareButtonProps: {
+        type: PropType<Partial<ChatPropsType["headerShareButtonProps"]>>;
+        default: undefined;
+    };
+    headerProfileButtonProps: {
+        type: PropType<Partial<ChatPropsType["headerProfileButtonProps"]>>;
+        default: undefined;
+    };
+    headerCloseButtonProps: {
+        type: PropType<Partial<ChatPropsType["headerCloseButtonProps"]>>;
+        default: undefined;
+    };
+    headerShareIconProps: {
+        type: PropType<Partial<ChatPropsType["headerShareIconProps"]>>;
+        default: undefined;
+    };
+    headerProfileIconProps: {
+        type: PropType<Partial<ChatPropsType["headerProfileIconProps"]>>;
+        default: undefined;
+    };
     messageSenderAvatarProps: {
         type: PropType<Partial<ChatPropsType["messageSenderAvatarProps"]>>;
         default: undefined;
@@ -2293,6 +2357,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<ChatPropsType["closeButtonText"]>;
         default: undefined;
     };
+    shareButtonTooltip: {
+        type: PropType<ChatPropsType["shareButtonTooltip"]>;
+        default: undefined;
+    };
+    profileButtonTooltip: {
+        type: PropType<ChatPropsType["profileButtonTooltip"]>;
+        default: undefined;
+    };
     unreadNotificationText: {
         type: PropType<ChatPropsType["unreadNotificationText"]>;
         default: undefined;
@@ -2345,8 +2417,8 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<ChatPropsType["onFilterChange"]>;
         default: undefined;
     };
-    onLoadMoreChats: {
-        type: PropType<ChatPropsType["onLoadMoreChats"]>;
+    onFooterInputChange: {
+        type: PropType<(value: string, chatId: ChatId) => void>;
         default: undefined;
     };
     onNetworkError: {
@@ -2361,6 +2433,22 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<ChatPropsType["onSendError"]>;
         default: undefined;
     };
+    onChatItemsScrollToTop: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    onChatItemsScrollToBottom: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    onMessagesScrollToTop: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    onMessagesScrollToBottom: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
     theme: PropType<import("../../_mixins").Theme<"Chat", {
         backgroundColor: string;
         borderColor: string;
@@ -5300,7 +5388,82 @@ declare const _default: import("vue").DefineComponent<{
     }>;
     themeClass: import("vue").Ref<string>;
     onRender: () => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("message-retry" | "update:selectedChatId" | "message-send" | "attachment-upload" | "mark-messages-read" | "filter-change" | "load-more-chats" | "network-error" | "upload-error" | "send-error")[], "message-retry" | "update:selectedChatId" | "message-send" | "attachment-upload" | "mark-messages-read" | "filter-change" | "load-more-chats" | "network-error" | "upload-error" | "send-error", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    mainAreaRef: import("vue").Ref<({
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            ref?: import("vue").VNodeRef | undefined;
+            class?: unknown;
+            style?: unknown;
+            key?: (string | number | symbol) | undefined;
+            ref_for?: boolean | undefined;
+            ref_key?: string | undefined;
+            onVnodeBeforeMount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+            onVnodeMounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+            onVnodeBeforeUpdate?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
+            onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
+            onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+            onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance | null;
+        $parent: import("vue").ComponentPublicInstance | null;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{}>>, {
+            renderHeader: () => JSX.Element;
+            renderMessages: () => JSX.Element;
+            renderFooter: () => JSX.Element;
+            messagesBodyRef: import("vue").Ref<HTMLElement | {
+                $el: HTMLElement;
+            } | undefined>;
+            inputRef: import("vue").Ref<HTMLInputElement | undefined>;
+            inputValue: import("vue").Ref<string>;
+            handleSendMessage: () => Promise<void>;
+            handleMessagesScroll: (e: Event) => void;
+            scrollToBottom: () => void;
+        }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance | null, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R]) => any : (...args: any) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{}>> & import("vue").ShallowUnwrapRef<{
+        renderHeader: () => JSX.Element;
+        renderMessages: () => JSX.Element;
+        renderFooter: () => JSX.Element;
+        messagesBodyRef: import("vue").Ref<HTMLElement | {
+            $el: HTMLElement;
+        } | undefined>;
+        inputRef: import("vue").Ref<HTMLInputElement | undefined>;
+        inputValue: import("vue").Ref<string>;
+        handleSendMessage: () => Promise<void>;
+        handleMessagesScroll: (e: Event) => void;
+        scrollToBottom: () => void;
+    }> & {} & import("vue").ComponentCustomProperties & {}) | null>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("message-retry" | "update:selectedChatId" | "message-send" | "attachment-upload" | "mark-messages-read" | "filter-change" | "footer-input-change" | "network-error" | "upload-error" | "send-error" | "chat-items-scroll-to-top" | "chat-items-scroll-to-bottom" | "messages-scroll-to-top" | "messages-scroll-to-bottom")[], "message-retry" | "update:selectedChatId" | "message-send" | "attachment-upload" | "mark-messages-read" | "filter-change" | "footer-input-change" | "network-error" | "upload-error" | "send-error" | "chat-items-scroll-to-top" | "chat-items-scroll-to-bottom" | "messages-scroll-to-top" | "messages-scroll-to-bottom", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     chatItems: {
         type: PropType<ChatPropsType["chatItems"]>;
         default: () => never[];
@@ -5365,6 +5528,26 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<Partial<ChatPropsType["headerIconProps"]>>;
         default: undefined;
     };
+    headerShareButtonProps: {
+        type: PropType<Partial<ChatPropsType["headerShareButtonProps"]>>;
+        default: undefined;
+    };
+    headerProfileButtonProps: {
+        type: PropType<Partial<ChatPropsType["headerProfileButtonProps"]>>;
+        default: undefined;
+    };
+    headerCloseButtonProps: {
+        type: PropType<Partial<ChatPropsType["headerCloseButtonProps"]>>;
+        default: undefined;
+    };
+    headerShareIconProps: {
+        type: PropType<Partial<ChatPropsType["headerShareIconProps"]>>;
+        default: undefined;
+    };
+    headerProfileIconProps: {
+        type: PropType<Partial<ChatPropsType["headerProfileIconProps"]>>;
+        default: undefined;
+    };
     messageSenderAvatarProps: {
         type: PropType<Partial<ChatPropsType["messageSenderAvatarProps"]>>;
         default: undefined;
@@ -5413,6 +5596,14 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<ChatPropsType["closeButtonText"]>;
         default: undefined;
     };
+    shareButtonTooltip: {
+        type: PropType<ChatPropsType["shareButtonTooltip"]>;
+        default: undefined;
+    };
+    profileButtonTooltip: {
+        type: PropType<ChatPropsType["profileButtonTooltip"]>;
+        default: undefined;
+    };
     unreadNotificationText: {
         type: PropType<ChatPropsType["unreadNotificationText"]>;
         default: undefined;
@@ -5465,8 +5656,8 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<ChatPropsType["onFilterChange"]>;
         default: undefined;
     };
-    onLoadMoreChats: {
-        type: PropType<ChatPropsType["onLoadMoreChats"]>;
+    onFooterInputChange: {
+        type: PropType<(value: string, chatId: ChatId) => void>;
         default: undefined;
     };
     onNetworkError: {
@@ -5481,6 +5672,22 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<ChatPropsType["onSendError"]>;
         default: undefined;
     };
+    onChatItemsScrollToTop: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    onChatItemsScrollToBottom: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    onMessagesScrollToTop: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
+    onMessagesScrollToBottom: {
+        type: PropType<() => void>;
+        default: undefined;
+    };
     theme: PropType<import("../../_mixins").Theme<"Chat", {
         backgroundColor: string;
         borderColor: string;
@@ -7483,27 +7690,37 @@ declare const _default: import("vue").DefineComponent<{
     "onAttachment-upload"?: ((...args: any[]) => any) | undefined;
     "onMark-messages-read"?: ((...args: any[]) => any) | undefined;
     "onFilter-change"?: ((...args: any[]) => any) | undefined;
-    "onLoad-more-chats"?: ((...args: any[]) => any) | undefined;
+    "onFooter-input-change"?: ((...args: any[]) => any) | undefined;
     "onNetwork-error"?: ((...args: any[]) => any) | undefined;
     "onUpload-error"?: ((...args: any[]) => any) | undefined;
     "onSend-error"?: ((...args: any[]) => any) | undefined;
+    "onChat-items-scroll-to-top"?: ((...args: any[]) => any) | undefined;
+    "onChat-items-scroll-to-bottom"?: ((...args: any[]) => any) | undefined;
+    "onMessages-scroll-to-top"?: ((...args: any[]) => any) | undefined;
+    "onMessages-scroll-to-bottom"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean | undefined;
     typingText: string | undefined;
     retryText: string | undefined;
     closeButtonText: string | undefined;
+    shareButtonTooltip: string | undefined;
+    profileButtonTooltip: string | undefined;
     unreadNotificationText: string | undefined;
     height: string | number;
     emptyProps: Partial<Partial<import("../..").EmptyProps> | undefined>;
     chatItems: ChatListItemData[] | undefined;
-    selectedChatId: import("./interface").ChatId | undefined;
+    selectedChatId: ChatId | undefined;
     typingChatIds: (string | number | symbol)[];
     onChatSelect: import("./interface").OnChatSelect | undefined;
+    onChatItemsScrollToTop: () => void;
+    onChatItemsScrollToBottom: () => void;
     messages: ChatMessageData[] | undefined;
     onMessageRetry: ((message: ChatMessageData) => void) | undefined;
     onChatClose: () => void;
     onChatShare: () => void;
     onUserProfile: () => void;
+    onMessagesScrollToTop: () => void;
+    onMessagesScrollToBottom: () => void;
     headerActions: (() => import("vue").VNodeChild)[] | undefined;
     listEmptyProps: Partial<Partial<import("../..").EmptyProps> | undefined>;
     listHeaderTitle: string | (() => import("vue").VNodeChild) | undefined;
@@ -7515,6 +7732,11 @@ declare const _default: import("vue").DefineComponent<{
     headerTitle: string | (() => import("vue").VNodeChild) | undefined;
     headerButtonProps: Partial<Partial<import("../..").ButtonProps> | undefined>;
     headerIconProps: Partial<Partial<import("../..").IconProps> | undefined>;
+    headerShareButtonProps: Partial<Partial<import("../..").ButtonProps> | undefined>;
+    headerProfileButtonProps: Partial<Partial<import("../..").ButtonProps> | undefined>;
+    headerCloseButtonProps: Partial<Partial<import("../..").ButtonProps> | undefined>;
+    headerShareIconProps: Partial<Partial<import("../..").IconProps> | undefined>;
+    headerProfileIconProps: Partial<Partial<import("../..").IconProps> | undefined>;
     messageSenderAvatarProps: Partial<Partial<import("../..").AvatarProps> | undefined>;
     messageUploadProps: Partial<Partial<import("../..").UploadProps> | undefined>;
     messageButtonProps: Partial<Partial<import("../..").ButtonProps> | undefined>;
@@ -7529,9 +7751,9 @@ declare const _default: import("vue").DefineComponent<{
     messagesLoadingCount: number | undefined;
     onAttachmentUpload: import("./interface").OnAttachmentUpload | undefined;
     onFilterChange: import("./interface").OnFilterChange | undefined;
-    onLoadMoreChats: import("./interface").OnLoadMoreChats | undefined;
     onNetworkError: import("./interface").OnNetworkError | undefined;
     onUploadError: import("./interface").OnUploadError | undefined;
     onSendError: import("./interface").OnSendError | undefined;
+    onFooterInputChange: (value: string, chatId: ChatId) => void;
 }, {}>;
 export default _default;

package/lib/chat/src/Chat.js

@@ -61,6 +61,21 @@ exports.chatProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
     }, headerIconProps: {
         type: Object,
         default: undefined
+    }, headerShareButtonProps: {
+        type: Object,
+        default: undefined
+    }, headerProfileButtonProps: {
+        type: Object,
+        default: undefined
+    }, headerCloseButtonProps: {
+        type: Object,
+        default: undefined
+    }, headerShareIconProps: {
+        type: Object,
+        default: undefined
+    }, headerProfileIconProps: {
+        type: Object,
+        default: undefined
     }, messageSenderAvatarProps: {
         type: Object,
         default: undefined
@@ -97,6 +112,12 @@ exports.chatProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
     }, closeButtonText: {
         type: String,
         default: undefined
+    }, shareButtonTooltip: {
+        type: String,
+        default: undefined
+    }, profileButtonTooltip: {
+        type: String,
+        default: undefined
     }, unreadNotificationText: {
         type: String,
         default: undefined
@@ -136,7 +157,7 @@ exports.chatProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
     }, onFilterChange: {
         type: Function,
         default: undefined
-    }, onLoadMoreChats: {
+    }, onFooterInputChange: {
         type: Function,
         default: undefined
     }, onNetworkError: {
@@ -148,6 +169,18 @@ exports.chatProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), {
     }, onSendError: {
         type: Function,
         default: undefined
+    }, onChatItemsScrollToTop: {
+        type: Function,
+        default: undefined
+    }, onChatItemsScrollToBottom: {
+        type: Function,
+        default: undefined
+    }, onMessagesScrollToTop: {
+        type: Function,
+        default: undefined
+    }, onMessagesScrollToBottom: {
+        type: Function,
+        default: undefined
     } });
 exports.default = (0, vue_1.defineComponent)({
     name: 'Chat',
@@ -159,12 +192,16 @@ exports.default = (0, vue_1.defineComponent)({
         'attachment-upload',
         'mark-messages-read',
         'filter-change',
-        'load-more-chats',
+        'footer-input-change',
         'network-error',
         'upload-error',
-        'send-error'
+        'send-error',
+        'chat-items-scroll-to-top',
+        'chat-items-scroll-to-bottom',
+        'messages-scroll-to-top',
+        'messages-scroll-to-bottom'
     ],
-    setup(props, { slots, emit }) {
+    setup(props, { slots, emit, expose }) {
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
         const themeRef = (0, _mixins_1.useTheme)('Chat', '-chat', index_cssr_1.default, styles_1.chatLight, props, mergedClsPrefixRef);
         const { localeRef } = (0, _mixins_1.useLocale)('Chat');
@@ -277,37 +314,25 @@ exports.default = (0, vue_1.defineComponent)({
             emit('message-send', content, attachments);
         };
         const handleMessageRetry = (message) => {
-            var _a;
             emit('message-retry', message);
-            (_a = props.onMessageRetry) === null || _a === void 0 ? void 0 : _a.call(props, message);
         };
         const markMessagesAsRead = (chatId) => {
             emit('mark-messages-read', chatId);
         };
         const handleFilterChange = (filter) => {
-            var _a;
             emit('filter-change', filter);
-            (_a = props.onFilterChange) === null || _a === void 0 ? void 0 : _a.call(props, filter);
         };
-        const handleLoadMoreChats = (offset, limit) => {
-            var _a;
-            emit('load-more-chats', { offset, limit });
-            (_a = props.onLoadMoreChats) === null || _a === void 0 ? void 0 : _a.call(props, offset, limit);
+        const handleFooterInputChange = (value, chatId) => {
+            emit('footer-input-change', value, chatId);
         };
         const handleNetworkError = (error) => {
-            var _a;
             emit('network-error', error);
-            (_a = props.onNetworkError) === null || _a === void 0 ? void 0 : _a.call(props, error);
         };
         const handleUploadError = (error) => {
-            var _a;
             emit('upload-error', error);
-            (_a = props.onUploadError) === null || _a === void 0 ? void 0 : _a.call(props, error);
         };
         const handleSendError = (error) => {
-            var _a;
             emit('send-error', error);
-            (_a = props.onSendError) === null || _a === void 0 ? void 0 : _a.call(props, error);
         };
         const mergedInputPlaceholderRef = (0, vue_1.computed)(() => {
             var _a;
@@ -320,6 +345,8 @@ exports.default = (0, vue_1.defineComponent)({
         const mergedRetryTextRef = (0, vue_1.computed)(() => { var _a; return (_a = props.retryText) !== null && _a !== void 0 ? _a : localeRef.value.retryText; });
         const mergedTypingTextRef = (0, vue_1.computed)(() => { var _a; return (_a = props.typingText) !== null && _a !== void 0 ? _a : localeRef.value.typingText; });
         const mergedCloseButtonTextRef = (0, vue_1.computed)(() => { var _a; return (_a = props.closeButtonText) !== null && _a !== void 0 ? _a : localeRef.value.closeButtonText; });
+        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; });
         (0, vue_1.provide)(interface_1.chatInjectionKey, {
             mergedClsPrefixRef,
@@ -341,6 +368,11 @@ exports.default = (0, vue_1.defineComponent)({
             emptyPropsRef: (0, vue_1.toRef)(props, 'emptyProps'),
             headerButtonPropsRef: (0, vue_1.toRef)(props, 'headerButtonProps'),
             headerIconPropsRef: (0, vue_1.toRef)(props, 'headerIconProps'),
+            headerShareButtonPropsRef: (0, vue_1.toRef)(props, 'headerShareButtonProps'),
+            headerProfileButtonPropsRef: (0, vue_1.toRef)(props, 'headerProfileButtonProps'),
+            headerCloseButtonPropsRef: (0, vue_1.toRef)(props, 'headerCloseButtonProps'),
+            headerShareIconPropsRef: (0, vue_1.toRef)(props, 'headerShareIconProps'),
+            headerProfileIconPropsRef: (0, vue_1.toRef)(props, 'headerProfileIconProps'),
             messageSenderAvatarPropsRef: (0, vue_1.toRef)(props, 'messageSenderAvatarProps'),
             messageUploadPropsRef: (0, vue_1.toRef)(props, 'messageUploadProps'),
             messageButtonPropsRef: (0, vue_1.toRef)(props, 'messageButtonProps'),
@@ -353,6 +385,8 @@ exports.default = (0, vue_1.defineComponent)({
             retryTextRef: mergedRetryTextRef,
             typingTextRef: mergedTypingTextRef,
             closeButtonTextRef: mergedCloseButtonTextRef,
+            shareButtonTooltipRef: mergedShareButtonTooltipRef,
+            profileButtonTooltipRef: mergedProfileButtonTooltipRef,
             unreadNotificationTextRef: mergedUnreadNotificationTextRef,
             notificationsShownSetRef: notificationsShownSet,
             unreadCountsBeforeReadRef: unreadCountsBeforeRead,
@@ -362,20 +396,37 @@ exports.default = (0, vue_1.defineComponent)({
             handleMessageRetry,
             markMessagesAsRead,
             handleFilterChange,
-            handleLoadMoreChats,
+            handleFooterInputChange,
             handleNetworkError,
             handleUploadError,
             handleSendError,
             onChatClose: (0, vue_1.toRef)(props, 'onChatClose'),
             onChatShare: (0, vue_1.toRef)(props, 'onChatShare'),
-            onUserProfile: (0, vue_1.toRef)(props, 'onUserProfile')
+            onUserProfile: (0, vue_1.toRef)(props, 'onUserProfile'),
+            onChatItemsScrollToTop: (0, vue_1.toRef)(props, 'onChatItemsScrollToTop'),
+            onChatItemsScrollToBottom: (0, vue_1.toRef)(props, 'onChatItemsScrollToBottom'),
+            onMessagesScrollToTop: (0, vue_1.toRef)(props, 'onMessagesScrollToTop'),
+            onMessagesScrollToBottom: (0, vue_1.toRef)(props, 'onMessagesScrollToBottom')
+        });
+        const mainAreaRef = (0, vue_1.ref)(null);
+        const scrollToBottom = () => {
+            var _a;
+            (_a = mainAreaRef.value) === null || _a === void 0 ? void 0 : _a.scrollToBottom();
+        };
+        const sendMessage = (content, attachments) => {
+            handleMessageSend(content, attachments);
+        };
+        expose({
+            scrollToBottom,
+            sendMessage
         });
         return {
             mergedClsPrefix: mergedClsPrefixRef,
             mergedTheme: themeRef,
             cssVars: cssVarsRef,
             themeClass: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.themeClass,
-            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender
+            onRender: themeClassHandle === null || themeClassHandle === void 0 ? void 0 : themeClassHandle.onRender,
+            mainAreaRef
         };
     },
     render() {
@@ -398,7 +449,7 @@ exports.default = (0, vue_1.defineComponent)({
                     ]),
                     this.selectedChatId &&
                         (0, _utils_1.resolveSlot)($slots.default, () => [
-                            (0, vue_1.h)(MainArea_1.default, null, {
+                            (0, vue_1.h)(MainArea_1.default, { ref: "mainAreaRef" }, {
                                 headerActions: $slots.headerActions
                             })
                         ])))

package/lib/chat/src/ChatParts/ChatAttachment.js

@@ -23,21 +23,21 @@ exports.default = (0, vue_1.defineComponent)({
         }
     },
     setup(props, { slots }) {
-        const getThumbnailUrl = (att) => {
-            const url = [att.preview, att.thumbnail].find((value) => typeof value === 'string');
+        const getThumbnailUrl = (attachment) => {
+            const url = [attachment.preview, attachment.thumbnail].find((value) => typeof value === 'string');
             return url !== null && url !== void 0 ? url : null;
         };
         const renderAttachment = () => {
-            const fileList = props.attachments.map((att, index) => {
+            const fileList = props.attachments.map((attachment, index) => {
                 var _a, _b, _c;
                 return ({
                     id: `${String(props.message.id)}-attachment-${index}`,
-                    name: att.name,
-                    status: att.status || 'finished',
-                    percentage: (_a = att.percentage) !== null && _a !== void 0 ? _a : null,
-                    url: (_b = att.url) !== null && _b !== void 0 ? _b : null,
-                    thumbnailUrl: getThumbnailUrl(att),
-                    type: (_c = att.type) !== null && _c !== void 0 ? _c : null,
+                    name: attachment.name,
+                    status: attachment.status || 'finished',
+                    percentage: (_a = attachment.percentage) !== null && _a !== void 0 ? _a : null,
+                    url: (_b = attachment.url) !== null && _b !== void 0 ? _b : null,
+                    thumbnailUrl: getThumbnailUrl(attachment),
+                    type: (_c = attachment.type) !== null && _c !== void 0 ? _c : null,
                     file: null,
                     batchId: null
                 });
@@ -49,7 +49,9 @@ exports.default = (0, vue_1.defineComponent)({
                         gap: '2px',
                         marginTop: '0'
                     }
-                    : undefined, showRemoveButton: false, showDownloadButton: props.attachments.some((att) => att.status === 'finished'), showRetryButton: props.attachments.some((att) => att.status === 'error') }, props.uploadProps), {
+                    : undefined, showRemoveButton: false, showDownloadButton: props.attachments.some((attachment) => attachment.status === 'finished' &&
+                    attachment.url &&
+                    attachment.url !== '#'), showRetryButton: props.attachments.some((attachment) => attachment.status === 'error') }, props.uploadProps), {
                 default: () => ((0, vue_1.h)(upload_1.UUploadFileList, null, {
                     'upload-file-title': slots['upload-file-title']
                         ? ({ file }) => { var _a; return (_a = slots['upload-file-title']) === null || _a === void 0 ? void 0 : _a.call(slots, file); }
@@ -58,8 +60,8 @@ exports.default = (0, vue_1.defineComponent)({
                         ? ({ file }) => { var _a; return (_a = slots['upload-file-subtitle']) === null || _a === void 0 ? void 0 : _a.call(slots, file); }
                         : ({ file }) => {
                             var _a;
-                            const att = props.attachments.find((a) => a.name === file.name);
-                            return ((0, vue_1.h)("span", { style: { fontSize: '12px', color: '#999' } }, (att === null || att === void 0 ? void 0 : att.size) || ((_a = file.file) === null || _a === void 0 ? void 0 : _a.size)));
+                            const attachment = props.attachments.find((attachment) => attachment.name === file.name);
+                            return ((0, vue_1.h)("span", { style: { fontSize: '12px', color: '#999' } }, (attachment === null || attachment === void 0 ? void 0 : attachment.size) || ((_a = file.file) === null || _a === void 0 ? void 0 : _a.size)));
                         }
                 }))
             }));

package/lib/chat/src/ChatParts/MainArea.d.ts

@@ -8,6 +8,7 @@ declare const _default: import("vue").DefineComponent<{}, {
     inputRef: import("vue").Ref<HTMLInputElement | undefined>;
     inputValue: import("vue").Ref<string>;
     handleSendMessage: () => Promise<void>;
+    handleMessagesScroll: (e: Event) => void;
     scrollToBottom: () => void;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
 export default _default;