@uzum-tech/ui 2.3.3 → 2.3.4

package/dist/index.js

@@ -55481,6 +55481,249 @@
     ["event" /* EVENT */]: MessageBubbleServiceVariant.EVENT,
     ["divider" /* DIVIDER */]: MessageBubbleServiceVariant.DIVIDER
   };
+  const chatProps = {
+    ...useTheme.props,
+    chatItems: {
+      type: Array,
+      default: () => []
+    },
+    selectedChatId: {
+      type: [String, Number],
+      default: void 0
+    },
+    inputValue: {
+      type: String,
+      default: void 0
+    },
+    messages: {
+      type: Array,
+      default: () => []
+    },
+    typingChatIds: {
+      type: Array,
+      default: () => []
+    },
+    disabled: {
+      type: Boolean,
+      default: false
+    },
+    listEmptyProps: {
+      type: Object,
+      default: void 0
+    },
+    listHeaderTitle: {
+      type: [String, Function],
+      default: "Chats"
+    },
+    listHeaderActions: {
+      type: Array,
+      default: () => []
+    },
+    listHeaderButtonProps: {
+      type: Object,
+      default: void 0
+    },
+    listHeaderIconProps: {
+      type: Object,
+      default: void 0
+    },
+    listItemAvatarProps: {
+      type: Object,
+      default: void 0
+    },
+    listItemBadgeProps: {
+      type: Object,
+      default: void 0
+    },
+    headerTitle: {
+      type: [String, Function],
+      default: void 0
+    },
+    headerActions: {
+      type: Array,
+      default: () => []
+    },
+    headerButtonProps: {
+      type: Object,
+      default: void 0
+    },
+    headerIconProps: {
+      type: Object,
+      default: void 0
+    },
+    headerShareButtonProps: {
+      type: Object,
+      default: void 0
+    },
+    headerProfileButtonProps: {
+      type: Object,
+      default: void 0
+    },
+    headerCloseButtonProps: {
+      type: Object,
+      default: void 0
+    },
+    headerShareIconProps: {
+      type: Object,
+      default: void 0
+    },
+    headerProfileIconProps: {
+      type: Object,
+      default: void 0
+    },
+    messageSenderAvatarProps: {
+      type: Object,
+      default: void 0
+    },
+    messageUploadProps: {
+      type: Object,
+      default: void 0
+    },
+    messageButtonProps: {
+      type: Object,
+      default: void 0
+    },
+    footerInputProps: {
+      type: Object,
+      default: void 0
+    },
+    footerButtonProps: {
+      type: Object,
+      default: void 0
+    },
+    footerUploadProps: {
+      type: Object,
+      default: void 0
+    },
+    footerUploadTriggerProps: {
+      type: Object,
+      default: void 0
+    },
+    footerIconProps: {
+      type: Object,
+      default: void 0
+    },
+    footerSuffixIconProps: {
+      type: Object,
+      default: void 0
+    },
+    emptyProps: {
+      type: Object,
+      default: void 0
+    },
+    retryText: {
+      type: String,
+      default: void 0
+    },
+    typingText: {
+      type: String,
+      default: void 0
+    },
+    closeButtonText: {
+      type: String,
+      default: void 0
+    },
+    shareButtonTooltip: {
+      type: String,
+      default: void 0
+    },
+    profileButtonTooltip: {
+      type: String,
+      default: void 0
+    },
+    unreadNotificationText: {
+      type: String,
+      default: void 0
+    },
+    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: void 0
+    },
+    onMessageRetry: {
+      type: Function,
+      default: void 0
+    },
+    bubbleActions: {
+      type: Array,
+      default: void 0
+    },
+    onChatClose: {
+      type: Function,
+      default: void 0
+    },
+    onChatShare: {
+      type: Function,
+      default: void 0
+    },
+    onUserProfile: {
+      type: Function,
+      default: void 0
+    },
+    onAttachmentUpload: {
+      type: Function,
+      default: void 0
+    },
+    onAttachmentDownload: {
+      type: Function,
+      default: void 0
+    },
+    onFilterChange: {
+      type: Function,
+      default: void 0
+    },
+    onFooterInputChange: {
+      type: Function,
+      default: void 0
+    },
+    onNetworkError: {
+      type: Function,
+      default: void 0
+    },
+    onUploadError: {
+      type: Function,
+      default: void 0
+    },
+    onSendError: {
+      type: Function,
+      default: void 0
+    },
+    onChatItemsScrollToTop: {
+      type: Function,
+      default: void 0
+    },
+    onChatItemsScrollToBottom: {
+      type: Function,
+      default: void 0
+    },
+    onMessagesScrollToTop: {
+      type: Function,
+      default: void 0
+    },
+    onMessagesScrollToBottom: {
+      type: Function,
+      default: void 0
+    }
+  };
 
   var style$15 = cB("chat", `
   height: 100%;
@@ -56310,6 +56553,10 @@
       type: Object,
       default: void 0
     },
+    inputValue: {
+      type: String,
+      default: void 0
+    },
     messages: {
       type: Array,
       default: () => []
@@ -56426,6 +56673,10 @@
       type: Function,
       default: void 0
     },
+    "onUpdate:inputValue": {
+      type: Function,
+      default: void 0
+    },
     onChatClose: {
       type: Function,
       default: void 0
@@ -56478,6 +56729,10 @@
       const headerProfileIconPropsRef = UChat?.headerProfileIconPropsRef ?? vue.toRef(props, "headerProfileIconProps");
       const messageUploadPropsRef = UChat?.messageUploadPropsRef ?? vue.toRef(props, "messageUploadProps");
       const footerInputPropsRef = UChat?.footerInputPropsRef ?? vue.toRef(props, "footerInputProps");
+      const safeFooterInputPropsRef = vue.computed(() => {
+        const { value, ...rest } = footerInputPropsRef.value ?? {};
+        return rest;
+      });
       const footerButtonPropsRef = UChat?.footerButtonPropsRef ?? vue.toRef(props, "footerButtonProps");
       const footerUploadPropsRef = UChat?.footerUploadPropsRef ?? vue.toRef(props, "footerUploadProps");
       const footerIconPropsRef = UChat?.footerIconPropsRef ?? vue.toRef(props, "footerIconProps");
@@ -56602,7 +56857,22 @@
       );
       const messagesBodyRef = vue.ref();
       const inputRef = vue.ref();
-      const inputValue = vue.ref("");
+      const uncontrolledInputValueRef = vue.ref(props.inputValue ?? "");
+      const handleInputValueChange = UChat?.handleInputValueChange ?? ((value) => {
+        uncontrolledInputValueRef.value = value;
+        props["onUpdate:inputValue"]?.(value);
+      });
+      const inputValue = vue.computed({
+        get: () => {
+          if (UChat) {
+            return UChat.inputValueRef.value ?? "";
+          }
+          return props.inputValue !== void 0 ? props.inputValue : uncontrolledInputValueRef.value;
+        },
+        set: (value) => {
+          handleInputValueChange(value);
+        }
+      });
       const attachmentFileList = vue.ref([]);
       const uploadedAttachmentsMap = vue.ref(/* @__PURE__ */ new Map());
       const lastScrollTop = vue.ref(0);
@@ -57177,13 +57447,14 @@
                       }
                     },
                     onKeydown: (e) => {
+                      footerInputPropsRef.value?.onKeydown?.(e);
                       if (e.key === "Enter" && !e.shiftKey) {
                         e.preventDefault();
                         e.stopPropagation();
                         void handleSendMessage();
                       }
                     },
-                    ...footerInputPropsRef.value
+                    ...safeFooterInputPropsRef.value
                   },
                   {
                     prefix: () => renderEditingBlock(),
@@ -57217,6 +57488,8 @@
           mergedClsPrefixRef,
           mergedThemeRef,
           selectedChatRef,
+          inputValueRef: inputValue,
+          handleInputValueChange,
           messagesRef,
           typingChatIdsRef,
           messagesLoadingRef,
@@ -58986,250 +59259,12 @@
     }
   });
 
-  const chatProps = {
-    ...useTheme.props,
-    chatItems: {
-      type: Array,
-      default: () => []
-    },
-    selectedChatId: {
-      type: [String, Number],
-      default: void 0
-    },
-    messages: {
-      type: Array,
-      default: () => []
-    },
-    typingChatIds: {
-      type: Array,
-      default: () => []
-    },
-    disabled: {
-      type: Boolean,
-      default: false
-    },
-    listEmptyProps: {
-      type: Object,
-      default: void 0
-    },
-    listHeaderTitle: {
-      type: [String, Function],
-      default: "Chats"
-    },
-    listHeaderActions: {
-      type: Array,
-      default: () => []
-    },
-    listHeaderButtonProps: {
-      type: Object,
-      default: void 0
-    },
-    listHeaderIconProps: {
-      type: Object,
-      default: void 0
-    },
-    listItemAvatarProps: {
-      type: Object,
-      default: void 0
-    },
-    listItemBadgeProps: {
-      type: Object,
-      default: void 0
-    },
-    headerTitle: {
-      type: [String, Function],
-      default: void 0
-    },
-    headerActions: {
-      type: Array,
-      default: () => []
-    },
-    headerButtonProps: {
-      type: Object,
-      default: void 0
-    },
-    headerIconProps: {
-      type: Object,
-      default: void 0
-    },
-    headerShareButtonProps: {
-      type: Object,
-      default: void 0
-    },
-    headerProfileButtonProps: {
-      type: Object,
-      default: void 0
-    },
-    headerCloseButtonProps: {
-      type: Object,
-      default: void 0
-    },
-    headerShareIconProps: {
-      type: Object,
-      default: void 0
-    },
-    headerProfileIconProps: {
-      type: Object,
-      default: void 0
-    },
-    messageSenderAvatarProps: {
-      type: Object,
-      default: void 0
-    },
-    messageUploadProps: {
-      type: Object,
-      default: void 0
-    },
-    messageButtonProps: {
-      type: Object,
-      default: void 0
-    },
-    footerInputProps: {
-      type: Object,
-      default: void 0
-    },
-    footerButtonProps: {
-      type: Object,
-      default: void 0
-    },
-    footerUploadProps: {
-      type: Object,
-      default: void 0
-    },
-    footerUploadTriggerProps: {
-      type: Object,
-      default: void 0
-    },
-    footerIconProps: {
-      type: Object,
-      default: void 0
-    },
-    footerSuffixIconProps: {
-      type: Object,
-      default: void 0
-    },
-    emptyProps: {
-      type: Object,
-      default: void 0
-    },
-    retryText: {
-      type: String,
-      default: void 0
-    },
-    typingText: {
-      type: String,
-      default: void 0
-    },
-    closeButtonText: {
-      type: String,
-      default: void 0
-    },
-    shareButtonTooltip: {
-      type: String,
-      default: void 0
-    },
-    profileButtonTooltip: {
-      type: String,
-      default: void 0
-    },
-    unreadNotificationText: {
-      type: String,
-      default: void 0
-    },
-    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: void 0
-    },
-    onMessageRetry: {
-      type: Function,
-      default: void 0
-    },
-    bubbleActions: {
-      type: Array,
-      default: void 0
-    },
-    onChatClose: {
-      type: Function,
-      default: void 0
-    },
-    onChatShare: {
-      type: Function,
-      default: void 0
-    },
-    onUserProfile: {
-      type: Function,
-      default: void 0
-    },
-    onAttachmentUpload: {
-      type: Function,
-      default: void 0
-    },
-    onAttachmentDownload: {
-      type: Function,
-      default: void 0
-    },
-    onFilterChange: {
-      type: Function,
-      default: void 0
-    },
-    onFooterInputChange: {
-      type: Function,
-      default: void 0
-    },
-    onNetworkError: {
-      type: Function,
-      default: void 0
-    },
-    onUploadError: {
-      type: Function,
-      default: void 0
-    },
-    onSendError: {
-      type: Function,
-      default: void 0
-    },
-    onChatItemsScrollToTop: {
-      type: Function,
-      default: void 0
-    },
-    onChatItemsScrollToBottom: {
-      type: Function,
-      default: void 0
-    },
-    onMessagesScrollToTop: {
-      type: Function,
-      default: void 0
-    },
-    onMessagesScrollToBottom: {
-      type: Function,
-      default: void 0
-    }
-  };
   var _UChat = vue.defineComponent({
     name: "Chat",
     props: chatProps,
     emits: [
       "update:selectedChatId",
+      "update:inputValue",
       "message-send",
       "message-retry",
       "attachment-upload",
@@ -59350,6 +59385,14 @@
       const mergedSelectedChatIdRef = vue.computed(() => {
         return props.selectedChatId !== void 0 ? props.selectedChatId : uncontrolledSelectedChatIdRef.value;
       });
+      const uncontrolledInputValueRef = vue.ref(props.inputValue ?? "");
+      const mergedInputValueRef = vue.computed(() => {
+        return props.inputValue !== void 0 ? props.inputValue : uncontrolledInputValueRef.value;
+      });
+      const handleInputValueChange = (value) => {
+        uncontrolledInputValueRef.value = value;
+        emit("update:inputValue", value);
+      };
       const selectedChatRef = vue.computed(() => {
         return props.chatItems?.find(
           (item) => item.id === mergedSelectedChatIdRef.value
@@ -59463,6 +59506,8 @@
         chatItemsRef: vue.toRef(props, "chatItems"),
         selectedChatIdRef: mergedSelectedChatIdRef,
         selectedChatRef,
+        inputValueRef: mergedInputValueRef,
+        handleInputValueChange,
         messagesRef: filteredMessagesRef,
         typingChatIdsRef: vue.toRef(props, "typingChatIds"),
         chatItemsLoadingRef: vue.toRef(props, "chatItemsLoading"),
@@ -117635,7 +117680,7 @@ ${icon.label}`.toLowerCase()
     });
   }
 
-  var version = "2.3.3";
+  var version = "2.3.4";
 
   function create({
     componentPrefix = "U",