@uzum-tech/ui 2.3.3 → 2.3.4

package/dist/index.mjs

@@ -55477,6 +55477,249 @@ const markTypeToServiceVariantMap = {
   ["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%;
@@ -56306,6 +56549,10 @@ const chatMainAreaProps = {
     type: Object,
     default: void 0
   },
+  inputValue: {
+    type: String,
+    default: void 0
+  },
   messages: {
     type: Array,
     default: () => []
@@ -56422,6 +56669,10 @@ const chatMainAreaProps = {
     type: Function,
     default: void 0
   },
+  "onUpdate:inputValue": {
+    type: Function,
+    default: void 0
+  },
   onChatClose: {
     type: Function,
     default: void 0
@@ -56474,6 +56725,10 @@ var _UChatMainArea = defineComponent({
     const headerProfileIconPropsRef = UChat?.headerProfileIconPropsRef ?? toRef(props, "headerProfileIconProps");
     const messageUploadPropsRef = UChat?.messageUploadPropsRef ?? toRef(props, "messageUploadProps");
     const footerInputPropsRef = UChat?.footerInputPropsRef ?? toRef(props, "footerInputProps");
+    const safeFooterInputPropsRef = computed(() => {
+      const { value, ...rest } = footerInputPropsRef.value ?? {};
+      return rest;
+    });
     const footerButtonPropsRef = UChat?.footerButtonPropsRef ?? toRef(props, "footerButtonProps");
     const footerUploadPropsRef = UChat?.footerUploadPropsRef ?? toRef(props, "footerUploadProps");
     const footerIconPropsRef = UChat?.footerIconPropsRef ?? toRef(props, "footerIconProps");
@@ -56598,7 +56853,22 @@ var _UChatMainArea = defineComponent({
     );
     const messagesBodyRef = ref();
     const inputRef = ref();
-    const inputValue = ref("");
+    const uncontrolledInputValueRef = ref(props.inputValue ?? "");
+    const handleInputValueChange = UChat?.handleInputValueChange ?? ((value) => {
+      uncontrolledInputValueRef.value = value;
+      props["onUpdate:inputValue"]?.(value);
+    });
+    const inputValue = computed({
+      get: () => {
+        if (UChat) {
+          return UChat.inputValueRef.value ?? "";
+        }
+        return props.inputValue !== void 0 ? props.inputValue : uncontrolledInputValueRef.value;
+      },
+      set: (value) => {
+        handleInputValueChange(value);
+      }
+    });
     const attachmentFileList = ref([]);
     const uploadedAttachmentsMap = ref(/* @__PURE__ */ new Map());
     const lastScrollTop = ref(0);
@@ -57173,13 +57443,14 @@ var _UChatMainArea = defineComponent({
                     }
                   },
                   onKeydown: (e) => {
+                    footerInputPropsRef.value?.onKeydown?.(e);
                     if (e.key === "Enter" && !e.shiftKey) {
                       e.preventDefault();
                       e.stopPropagation();
                       void handleSendMessage();
                     }
                   },
-                  ...footerInputPropsRef.value
+                  ...safeFooterInputPropsRef.value
                 },
                 {
                   prefix: () => renderEditingBlock(),
@@ -57213,6 +57484,8 @@ var _UChatMainArea = defineComponent({
         mergedClsPrefixRef,
         mergedThemeRef,
         selectedChatRef,
+        inputValueRef: inputValue,
+        handleInputValueChange,
         messagesRef,
         typingChatIdsRef,
         messagesLoadingRef,
@@ -58982,250 +59255,12 @@ var ChatSidebar = defineComponent({
   }
 });
 
-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 = defineComponent({
   name: "Chat",
   props: chatProps,
   emits: [
     "update:selectedChatId",
+    "update:inputValue",
     "message-send",
     "message-retry",
     "attachment-upload",
@@ -59346,6 +59381,14 @@ var _UChat = defineComponent({
     const mergedSelectedChatIdRef = computed(() => {
       return props.selectedChatId !== void 0 ? props.selectedChatId : uncontrolledSelectedChatIdRef.value;
     });
+    const uncontrolledInputValueRef = ref(props.inputValue ?? "");
+    const mergedInputValueRef = computed(() => {
+      return props.inputValue !== void 0 ? props.inputValue : uncontrolledInputValueRef.value;
+    });
+    const handleInputValueChange = (value) => {
+      uncontrolledInputValueRef.value = value;
+      emit("update:inputValue", value);
+    };
     const selectedChatRef = computed(() => {
       return props.chatItems?.find(
         (item) => item.id === mergedSelectedChatIdRef.value
@@ -59459,6 +59502,8 @@ var _UChat = defineComponent({
       chatItemsRef: toRef(props, "chatItems"),
       selectedChatIdRef: mergedSelectedChatIdRef,
       selectedChatRef,
+      inputValueRef: mergedInputValueRef,
+      handleInputValueChange,
       messagesRef: filteredMessagesRef,
       typingChatIdsRef: toRef(props, "typingChatIds"),
       chatItemsLoadingRef: toRef(props, "chatItemsLoading"),
@@ -117631,7 +117676,7 @@ function useThemeVars() {
   });
 }
 
-var version = "2.3.3";
+var version = "2.3.4";
 
 function create({
   componentPrefix = "U",