@uzum-tech/ui 2.3.3 → 2.3.4

package/lib/chat/src/Chat.js

@@ -3,7 +3,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.chatProps = void 0;
 const vue_1 = require("vue");
 const _mixins_1 = require("../../_mixins");
 const _utils_1 = require("../../_utils");
@@ -13,189 +12,12 @@ const ChatMainArea_1 = __importDefault(require("./ChatMainArea"));
 const Sidebar_1 = __importDefault(require("./ChatParts/Sidebar"));
 const interface_1 = require("./interface");
 const index_cssr_1 = __importDefault(require("./styles/index.cssr"));
-exports.chatProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { chatItems: {
-        type: Array,
-        default: () => []
-    }, selectedChatId: {
-        type: [String, Number],
-        default: undefined
-    }, messages: {
-        type: Array,
-        default: () => []
-    }, typingChatIds: {
-        type: Array,
-        default: () => []
-    }, disabled: {
-        type: Boolean,
-        default: false
-    }, listEmptyProps: {
-        type: Object,
-        default: undefined
-    }, listHeaderTitle: {
-        type: [String, Function],
-        default: 'Chats'
-    }, listHeaderActions: {
-        type: Array,
-        default: () => []
-    }, listHeaderButtonProps: {
-        type: Object,
-        default: undefined
-    }, listHeaderIconProps: {
-        type: Object,
-        default: undefined
-    }, listItemAvatarProps: {
-        type: Object,
-        default: undefined
-    }, listItemBadgeProps: {
-        type: Object,
-        default: undefined
-    }, headerTitle: {
-        type: [String, Function],
-        default: undefined
-    }, headerActions: {
-        type: Array,
-        default: () => []
-    }, headerButtonProps: {
-        type: Object,
-        default: undefined
-    }, 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
-    }, messageUploadProps: {
-        type: Object,
-        default: undefined
-    }, messageButtonProps: {
-        type: Object,
-        default: undefined
-    }, footerInputProps: {
-        type: Object,
-        default: undefined
-    }, footerButtonProps: {
-        type: Object,
-        default: undefined
-    }, footerUploadProps: {
-        type: Object,
-        default: undefined
-    }, footerUploadTriggerProps: {
-        type: Object,
-        default: undefined
-    }, footerIconProps: {
-        type: Object,
-        default: undefined
-    }, footerSuffixIconProps: {
-        type: Object,
-        default: undefined
-    }, emptyProps: {
-        type: Object,
-        default: undefined
-    }, retryText: {
-        type: String,
-        default: undefined
-    }, typingText: {
-        type: String,
-        default: undefined
-    }, closeButtonText: {
-        type: String,
-        default: undefined
-    }, shareButtonTooltip: {
-        type: String,
-        default: undefined
-    }, profileButtonTooltip: {
-        type: String,
-        default: undefined
-    }, unreadNotificationText: {
-        type: String,
-        default: undefined
-    }, chatItemsLoading: {
-        type: Boolean,
-        default: false
-    }, chatItemsLoadingCount: {
-        type: Number,
-        default: 10
-    }, messagesLoading: {
-        type: Boolean,
-        default: false
-    }, messagesLoadingCount: {
-        type: Number,
-        default: 10
-    }, height: {
-        type: [String, Number],
-        default: 800
-    }, onChatSelect: {
-        type: Function,
-        default: undefined
-    }, onMessageRetry: {
-        type: Function,
-        default: undefined
-    }, bubbleActions: {
-        type: Array,
-        default: undefined
-    }, onChatClose: {
-        type: Function,
-        default: undefined
-    }, onChatShare: {
-        type: Function,
-        default: undefined
-    }, onUserProfile: {
-        type: Function,
-        default: undefined
-    }, onAttachmentUpload: {
-        type: Function,
-        default: undefined
-    }, onAttachmentDownload: {
-        type: Function,
-        default: undefined
-    }, onFilterChange: {
-        type: Function,
-        default: undefined
-    }, onFooterInputChange: {
-        type: Function,
-        default: undefined
-    }, onNetworkError: {
-        type: Function,
-        default: undefined
-    }, onUploadError: {
-        type: Function,
-        default: undefined
-    }, 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',
-    props: exports.chatProps,
+    props: interface_1.chatProps,
     emits: [
         'update:selectedChatId',
+        'update:inputValue',
         'message-send',
         'message-retry',
         'attachment-upload',
@@ -211,6 +33,7 @@ exports.default = (0, vue_1.defineComponent)({
         'messages-scroll-to-bottom'
     ],
     setup(props, { emit, expose }) {
+        var _a;
         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');
@@ -267,6 +90,16 @@ exports.default = (0, vue_1.defineComponent)({
                 ? props.selectedChatId
                 : uncontrolledSelectedChatIdRef.value;
         });
+        const uncontrolledInputValueRef = (0, vue_1.ref)((_a = props.inputValue) !== null && _a !== void 0 ? _a : '');
+        const mergedInputValueRef = (0, vue_1.computed)(() => {
+            return props.inputValue !== undefined
+                ? props.inputValue
+                : uncontrolledInputValueRef.value;
+        });
+        const handleInputValueChange = (value) => {
+            uncontrolledInputValueRef.value = value;
+            emit('update:inputValue', value);
+        };
         const selectedChatRef = (0, vue_1.computed)(() => {
             var _a;
             return (_a = props.chatItems) === null || _a === void 0 ? void 0 : _a.find((item) => item.id === mergedSelectedChatIdRef.value);
@@ -366,6 +199,8 @@ exports.default = (0, vue_1.defineComponent)({
             chatItemsRef: (0, vue_1.toRef)(props, 'chatItems'),
             selectedChatIdRef: mergedSelectedChatIdRef,
             selectedChatRef,
+            inputValueRef: mergedInputValueRef,
+            handleInputValueChange,
             messagesRef: filteredMessagesRef,
             typingChatIdsRef: (0, vue_1.toRef)(props, 'typingChatIds'),
             chatItemsLoadingRef: (0, vue_1.toRef)(props, 'chatItemsLoading'),

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

@@ -11609,13 +11609,13 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly loading: boolean;
     readonly typingText: string;
     readonly emptyProps: Partial<EmptyProps>;
-    readonly loadingCount: number;
-    readonly typingChatIds: (string | number | symbol)[];
-    readonly selectedChatId: string | number | symbol;
     readonly chatItems: ChatListItemData[];
+    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 onChatSelect: (chatId: string | number | symbol) => void;
     readonly notificationsShown: Set<string | number | symbol>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -10,6 +10,10 @@ export declare const chatMainAreaProps: {
         readonly type: PropType<ChatListItemData>;
         readonly default: undefined;
     };
+    readonly inputValue: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
     readonly messages: {
         readonly type: PropType<ChatMessageData[]>;
         readonly default: () => never[];
@@ -126,6 +130,10 @@ export declare const chatMainAreaProps: {
         readonly type: PropType<(value: string, chatId: ChatId) => void>;
         readonly default: undefined;
     };
+    readonly 'onUpdate:inputValue': {
+        readonly type: PropType<(value: string) => void>;
+        readonly default: undefined;
+    };
     readonly onChatClose: {
         readonly type: PropType<() => void>;
         readonly default: undefined;
@@ -2726,6 +2734,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: PropType<ChatListItemData>;
         readonly default: undefined;
     };
+    readonly inputValue: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
     readonly messages: {
         readonly type: PropType<ChatMessageData[]>;
         readonly default: () => never[];
@@ -2842,6 +2854,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: PropType<(value: string, chatId: ChatId) => void>;
         readonly default: undefined;
     };
+    readonly 'onUpdate:inputValue': {
+        readonly type: PropType<(value: string) => void>;
+        readonly default: undefined;
+    };
     readonly onChatClose: {
         readonly type: PropType<() => void>;
         readonly default: undefined;
@@ -9193,7 +9209,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         $el: HTMLElement;
     } | undefined>;
     inputRef: Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
-    inputValue: Ref<string, string>;
+    inputValue: import("vue").WritableComputedRef<string, string>;
     handleSendMessage: () => Promise<void>;
     handleMessagesScroll: (e: Event) => void;
     scrollToBottom: () => void;
@@ -9203,6 +9219,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: PropType<ChatListItemData>;
         readonly default: undefined;
     };
+    readonly inputValue: {
+        readonly type: StringConstructor;
+        readonly default: undefined;
+    };
     readonly messages: {
         readonly type: PropType<ChatMessageData[]>;
         readonly default: () => never[];
@@ -9319,6 +9339,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         readonly type: PropType<(value: string, chatId: ChatId) => void>;
         readonly default: undefined;
     };
+    readonly 'onUpdate:inputValue': {
+        readonly type: PropType<(value: string) => void>;
+        readonly default: undefined;
+    };
     readonly onChatClose: {
         readonly type: PropType<() => void>;
         readonly default: undefined;
@@ -11922,12 +11946,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly profileButtonTooltip: string;
     readonly unreadNotificationText: string;
     readonly onAttachmentDownload: OnAttachmentDownload;
-    readonly bubbleActions: ChatBubbleAction[];
+    readonly inputValue: string;
     readonly messages: ChatMessageData[];
-    readonly loadingCount: number;
-    readonly typingChatIds: (string | number | symbol)[];
-    readonly onMessageRetry: (message: ChatMessageData) => void;
-    readonly selectedChat: ChatListItemData;
     readonly headerButtonProps: Partial<ButtonProps>;
     readonly headerIconProps: Partial<IconProps>;
     readonly headerShareButtonProps: Partial<ButtonProps>;
@@ -11941,14 +11961,20 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly footerUploadProps: Partial<UploadProps>;
     readonly footerIconProps: Partial<IconProps>;
     readonly footerSuffixIconProps: Partial<IconProps>;
-    readonly showAttachButton: boolean;
-    readonly onMessageSend: OnMessageSend;
-    readonly onFooterInputChange: (value: string, chatId: ChatId) => void;
+    readonly onMessageRetry: (message: ChatMessageData) => void;
+    readonly bubbleActions: ChatBubbleAction[];
+    readonly onAttachmentUpload: OnAttachmentUpload;
+    readonly typingChatIds: (string | number | symbol)[];
     readonly onChatClose: () => void;
     readonly onChatShare: () => void;
     readonly onUserProfile: () => void;
-    readonly onAttachmentUpload: OnAttachmentUpload;
+    readonly onFooterInputChange: (value: string, chatId: ChatId) => void;
     readonly onMessagesScrollToTop: () => void;
     readonly onMessagesScrollToBottom: () => void;
+    readonly loadingCount: number;
+    readonly selectedChat: ChatListItemData;
+    readonly showAttachButton: boolean;
+    readonly onMessageSend: OnMessageSend;
+    readonly 'onUpdate:inputValue': (value: string) => void;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;

package/lib/chat/src/ChatMainArea.js

@@ -8,6 +8,17 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -34,6 +45,9 @@ const SENDING_DELAY = 100;
 exports.chatMainAreaProps = Object.assign(Object.assign({}, _mixins_1.useTheme.props), { selectedChat: {
         type: Object,
         default: undefined
+    }, inputValue: {
+        type: String,
+        default: undefined
     }, messages: {
         type: Array,
         default: () => []
@@ -121,6 +135,9 @@ exports.chatMainAreaProps = Object.assign(Object.assign({}, _mixins_1.useTheme.p
     }, onFooterInputChange: {
         type: Function,
         default: undefined
+    }, 'onUpdate:inputValue': {
+        type: Function,
+        default: undefined
     }, onChatClose: {
         type: Function,
         default: undefined
@@ -147,7 +164,7 @@ exports.default = (0, vue_1.defineComponent)({
     name: 'ChatMainArea',
     props: exports.chatMainAreaProps,
     setup(props, { slots }) {
-        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16;
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18;
         const UChat = (0, vue_1.inject)(interface_1.chatInjectionKey, null);
         const isStandalone = !UChat;
         const { mergedClsPrefixRef } = (0, _mixins_1.useConfig)(props);
@@ -167,6 +184,11 @@ exports.default = (0, vue_1.defineComponent)({
         const headerProfileIconPropsRef = (_o = UChat === null || UChat === void 0 ? void 0 : UChat.headerProfileIconPropsRef) !== null && _o !== void 0 ? _o : (0, vue_1.toRef)(props, 'headerProfileIconProps');
         const messageUploadPropsRef = (_p = UChat === null || UChat === void 0 ? void 0 : UChat.messageUploadPropsRef) !== null && _p !== void 0 ? _p : (0, vue_1.toRef)(props, 'messageUploadProps');
         const footerInputPropsRef = (_q = UChat === null || UChat === void 0 ? void 0 : UChat.footerInputPropsRef) !== null && _q !== void 0 ? _q : (0, vue_1.toRef)(props, 'footerInputProps');
+        const safeFooterInputPropsRef = (0, vue_1.computed)(() => {
+            var _a;
+            const _b = (_a = footerInputPropsRef.value) !== null && _a !== void 0 ? _a : {}, { value } = _b, rest = __rest(_b, ["value"]);
+            return rest;
+        });
         const footerButtonPropsRef = (_r = UChat === null || UChat === void 0 ? void 0 : UChat.footerButtonPropsRef) !== null && _r !== void 0 ? _r : (0, vue_1.toRef)(props, 'footerButtonProps');
         const footerUploadPropsRef = (_s = UChat === null || UChat === void 0 ? void 0 : UChat.footerUploadPropsRef) !== null && _s !== void 0 ? _s : (0, vue_1.toRef)(props, 'footerUploadProps');
         const footerIconPropsRef = (_t = UChat === null || UChat === void 0 ? void 0 : UChat.footerIconPropsRef) !== null && _t !== void 0 ? _t : (0, vue_1.toRef)(props, 'footerIconProps');
@@ -237,7 +259,26 @@ exports.default = (0, vue_1.defineComponent)({
         const themeClassHandle = (0, _mixins_1.useThemeClass)('chat-main-area', (0, vue_1.computed)(() => ''), cssVarsRef, props);
         const messagesBodyRef = (0, vue_1.ref)();
         const inputRef = (0, vue_1.ref)();
-        const inputValue = (0, vue_1.ref)('');
+        const uncontrolledInputValueRef = (0, vue_1.ref)((_17 = props.inputValue) !== null && _17 !== void 0 ? _17 : '');
+        const handleInputValueChange = (_18 = UChat === null || UChat === void 0 ? void 0 : UChat.handleInputValueChange) !== null && _18 !== void 0 ? _18 : ((value) => {
+            var _a;
+            uncontrolledInputValueRef.value = value;
+            (_a = props['onUpdate:inputValue']) === null || _a === void 0 ? void 0 : _a.call(props, value);
+        });
+        const inputValue = (0, vue_1.computed)({
+            get: () => {
+                var _a;
+                if (UChat) {
+                    return (_a = UChat.inputValueRef.value) !== null && _a !== void 0 ? _a : '';
+                }
+                return props.inputValue !== undefined
+                    ? props.inputValue
+                    : uncontrolledInputValueRef.value;
+            },
+            set: (value) => {
+                handleInputValueChange(value);
+            }
+        });
         const attachmentFileList = (0, vue_1.ref)([]);
         const uploadedAttachmentsMap = (0, vue_1.ref)(new Map());
         const lastScrollTop = (0, vue_1.ref)(0);
@@ -634,12 +675,14 @@ exports.default = (0, vue_1.defineComponent)({
                                         chatInputs.value[selectedChatRef.value.id] = value;
                                     }
                                 }, onKeydown: (e) => {
+                                    var _a, _b;
+                                    (_b = (_a = footerInputPropsRef.value) === null || _a === void 0 ? void 0 : _a.onKeydown) === null || _b === void 0 ? void 0 : _b.call(_a, e);
                                     if (e.key === 'Enter' && !e.shiftKey) {
                                         e.preventDefault();
                                         e.stopPropagation();
                                         void handleSendMessage();
                                     }
-                                } }, footerInputPropsRef.value), {
+                                } }, safeFooterInputPropsRef.value), {
                                 prefix: () => renderEditingBlock(),
                                 suffix: () => ((0, vue_1.h)(icon_1.UIcon, Object.assign({ size: 24, class: `${mergedClsPrefixRef.value}-chat-main__input-suffix` }, footerSuffixIconPropsRef.value, { theme: mergedThemeRef.value.peers.FooterSuffixIcon, themeOverrides: mergedThemeRef.value.peerOverrides
                                         .FooterSuffixIcon, onClick: () => {
@@ -658,6 +701,8 @@ exports.default = (0, vue_1.defineComponent)({
                 mergedClsPrefixRef,
                 mergedThemeRef,
                 selectedChatRef,
+                inputValueRef: inputValue,
+                handleInputValueChange,
                 messagesRef,
                 typingChatIdsRef,
                 messagesLoadingRef,

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

@@ -11604,12 +11604,12 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     readonly retryText: string;
     readonly unreadNotificationText: string;
     readonly uploadProps: Partial<UploadProps>;
+    readonly selectedChatId: string | number | symbol;
     readonly messages: ChatMessageData[];
-    readonly loadingCount: number;
+    readonly onMessageRetry: (message: ChatMessageData) => void;
     readonly typingChatIds: (string | number | symbol)[];
-    readonly selectedChatId: string | number | symbol;
+    readonly loadingCount: number;
     readonly showUnreadNotification: boolean;
     readonly unreadNotificationCount: number;
-    readonly onMessageRetry: (message: ChatMessageData) => void;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;