easemob-chat-uikit 1.2.0 → 1.2.1-beta.1

package/ChatUI.esm.js

@@ -21306,11 +21306,15 @@ class MessageStore {
     });
   }
   receiveMessage(message2) {
-    var _a3;
+    var _a3, _b, _c;
     const curCvs = this.rootStore.conversationStore.currentCvs;
     if (curCvs && curCvs.chatType === message2.chatType && curCvs.conversationId === message2.from && message2.chatType != "chatRoom") {
       this.sendChannelAck(curCvs);
     }
+    const isChatbot = (_b = (_a3 = message2.from) == null ? void 0 : _a3.includes) == null ? void 0 : _b.call(_a3, "chatbot_");
+    if (isChatbot) {
+      message2.printed = false;
+    }
     this.message.byId[message2.id] = message2;
     if (message2.from !== this.rootStore.client.user) {
       message2.bySelf = false;
@@ -21389,7 +21393,7 @@ class MessageStore {
     cvs.lastMessage = message2;
     this.rootStore.conversationStore.topConversation({ ...cvs });
     if (!isCurrentCvs && message2.type === "txt") {
-      let mentionList = (_a3 = message2 == null ? void 0 : message2.ext) == null ? void 0 : _a3.em_at_list;
+      let mentionList = (_c = message2 == null ? void 0 : message2.ext) == null ? void 0 : _c.em_at_list;
       if (mentionList && message2.from !== this.rootStore.client.user) {
         if (mentionList === AT_ALL || mentionList.includes(this.rootStore.client.user)) {
           this.rootStore.conversationStore.setAtType(
@@ -21573,25 +21577,27 @@ class MessageStore {
       const messages2 = getMessages(cvs);
       const messageIndex = getMessageIndex(messages2, messageId);
       if (messageIndex > -1) {
-        const message2 = messages2[messageIndex];
-        const reaction2 = getReactionByEmoji(message2, emoji2);
-        if (reaction2) {
-          reaction2.count += 1;
-          reaction2.isAddedBySelf = true;
-          reaction2.userList.unshift(this.rootStore.client.user);
-        } else {
-          const newAction = {
-            count: 1,
-            isAddedBySelf: true,
-            reaction: emoji2,
-            userList: [this.rootStore.client.user]
-          };
-          if (Array.isArray(message2.reactions)) {
-            messages2[messageIndex].reactions.push(newAction);
+        runInAction(() => {
+          const message2 = messages2[messageIndex];
+          const reaction2 = getReactionByEmoji(message2, emoji2);
+          if (reaction2) {
+            reaction2.count += 1;
+            reaction2.isAddedBySelf = true;
+            reaction2.userList.unshift(this.rootStore.client.user);
           } else {
-            messages2[messageIndex].reactions = [newAction];
+            const newAction = {
+              count: 1,
+              isAddedBySelf: true,
+              reaction: emoji2,
+              userList: [this.rootStore.client.user]
+            };
+            if (Array.isArray(message2.reactions)) {
+              messages2[messageIndex].reactions.push(newAction);
+            } else {
+              messages2[messageIndex].reactions = [newAction];
+            }
           }
-        }
+        });
       }
       eventHandler.dispatchSuccess("addReaction");
     }).catch((err) => {
@@ -47668,6 +47674,10 @@ class AddressStore {
         initial = "#";
       }
       runInAction(() => {
+        let found2 = this.contacts.find((item) => item.userId === userId);
+        if (found2) {
+          return;
+        }
         this.contacts.push({
           userId,
           nickname: userInfo.nickname,
@@ -48486,7 +48496,7 @@ const emoji$3 = {
     "\u{1F60E}": "U+1F60E.png",
     "\u{1F971}": "U+1F971.png",
     "\u{1F974}": "U+1F974.png",
-    "\u263A": "U+263A.png",
+    "\u263A\uFE0F": "U+263A.png",
     "\u{1F641}": "U+1F641.png",
     "\u{1F62D}": "U+1F62D.png",
     "\u{1F610}": "U+1F610.png",
@@ -80094,7 +80104,7 @@ const Modal = (props) => {
     maskTransitionName: getTransitionName(rootPrefixCls, "fade", props.maskTransitionName)
   });
 };
-const convertToMessage = (e) => {
+const convertToMessage = (e, plainText = true) => {
   var t2 = function() {
     var t22 = [], r2 = document.createElement("div");
     r2.innerHTML = e.replace(/\\/g, "###h###");
@@ -80103,10 +80113,18 @@ const convertToMessage = (e) => {
       n2[i2].parentNode.insertBefore(s2, n2[i2]);
       n2[i2].parentNode.removeChild(n2[i2]);
     }
-    for (; o2--; )
+    for (; o2--; ) {
       t22.push(a2[o2].innerHTML), a2[o2].parentNode.removeChild(a2[o2]);
+    }
     var c2 = (t22 = t22.reverse()).length ? "\n" + t22.join("\n") : t22.join("\n");
-    return (r2.innerText + c2).replace(/###h###/g, "&#92;").replace(/<br>/g, "\n").replace(/&amp;/g, "&");
+    if (plainText) {
+      return (r2.innerText + c2).replace(/###h###/g, "&#92;").replace(/<br>/g, "\n").replace(/&amp;/g, "&");
+    }
+    if (r2.innerHTML.indexOf("</span>")) {
+      r2.innerHTML = r2.innerHTML.replace(/<span.*?>/g, "");
+      r2.innerHTML = r2.innerHTML.replace(/<\/span>/g, "");
+    }
+    return (r2.innerHTML + c2).replace(/###h###/g, "\\").replace(/<br>/g, "\n").replace(/&amp;/g, "&").replace(/&lt;/g, "<").replace(/&gt;/g, ">");
   }();
   return t2.replace(/&nbsp;/g, " ").trim();
 };
@@ -80294,7 +80312,7 @@ let Textarea = forwardRef((props, ref) => {
   const [isTyping, setIsTyping] = useState$1(false);
   const handleInputChange = (e) => {
     const value = e.target.innerHTML;
-    const str = convertToMessage(value).trim();
+    const str = convertToMessage(value, false).trim();
     setTextValue(str);
     onChange == null ? void 0 : onChange(str);
     if (usedCvs.chatType == "singleChat" && !isTyping && enabledTyping) {
@@ -80302,7 +80320,7 @@ let Textarea = forwardRef((props, ref) => {
       messageStore.sendTypingCmd(usedCvs);
       setTimeout(() => {
         setIsTyping(false);
-      }, 1e4);
+      }, 5e3);
     }
   };
   const _sendMessage = (message2) => {
@@ -80312,6 +80330,17 @@ let Textarea = forwardRef((props, ref) => {
     divRef.current.innerHTML = "";
     setTextValue("");
     onChange == null ? void 0 : onChange("");
+    if (usedCvs.chatType == "singleChat" && usedCvs.conversationId.includes("chatbot_")) {
+      const visibleOut = rootStore2.messageStore.typing[usedCvs.conversationId];
+      if (visibleOut) {
+        messageStore.setTyping(usedCvs, false);
+        setTimeout(() => {
+          messageStore.setTyping(usedCvs, true);
+        }, 200);
+      } else {
+        messageStore.setTyping(usedCvs, true);
+      }
+    }
   };
   const sendMessage = () => {
     var _a3;
@@ -80516,6 +80545,7 @@ const TextMessage = (props) => {
   const { translationTargetLanguage } = initConfig;
   const targetLng = targetLanguage || translationTargetLanguage || "en";
   const [modifyMessageVisible, setModifyMessageVisible] = useState$1(false);
+  const [text2, setText] = useState$1("");
   let urlTxtClass = "";
   if (((_a3 = urlData == null ? void 0 : urlData.images) == null ? void 0 : _a3.length) > 0) {
     urlTxtClass = "message-text-hasImage";
@@ -80760,6 +80790,25 @@ const TextMessage = (props) => {
     rootStore.threadStore.getChatThreadDetail(((_b2 = textMessage2 == null ? void 0 : textMessage2.chatThreadOverview) == null ? void 0 : _b2.id) || "");
     onOpenThreadPanel == null ? void 0 : onOpenThreadPanel(((_c2 = textMessage2.chatThreadOverview) == null ? void 0 : _c2.id) || "");
   };
+  useEffect(() => {
+    if (textMessage2.printed != false) {
+      return;
+    }
+    const msgArr = renderTxt(msg, true);
+    const message2 = msgArr.length > 1 ? msgArr : msgArr[0] || "";
+    let currentIndex = 0;
+    const typingInterval = setInterval(() => {
+      setText((prevMessage) => prevMessage + (message2 == null ? void 0 : message2[currentIndex]));
+      currentIndex++;
+      if (currentIndex >= message2.length - 1) {
+        clearInterval(typingInterval);
+        textMessage2.printed = true;
+      }
+    }, 50);
+    return () => {
+      clearInterval(typingInterval);
+    };
+  }, [msg]);
   return /* @__PURE__ */ React__default$1.createElement(React__default$1.Fragment, null, onlyContent ? /* @__PURE__ */ React__default$1.createElement("div", null, /* @__PURE__ */ React__default$1.createElement("span", {
     className: classString
   }, renderTxt(msg, true)), !!((urlData == null ? void 0 : urlData.title) || (urlData == null ? void 0 : urlData.description)) && /* @__PURE__ */ React__default$1.createElement(UrlMessage, {
@@ -80812,7 +80861,7 @@ const TextMessage = (props) => {
   }, /* @__PURE__ */ React__default$1.createElement("div", null, /* @__PURE__ */ React__default$1.createElement("span", {
     className: classString,
     style: { ...style2 }
-  }, renderTxt(msg, true)), !!((urlData == null ? void 0 : urlData.title) || (urlData == null ? void 0 : urlData.description)) && /* @__PURE__ */ React__default$1.createElement(UrlMessage, {
+  }, textMessage2.printed == false ? text2 : renderTxt(msg, true)), !!((urlData == null ? void 0 : urlData.title) || (urlData == null ? void 0 : urlData.description)) && /* @__PURE__ */ React__default$1.createElement(UrlMessage, {
     ...urlData,
     isLoading: isFetching
   }), (textMessage2 == null ? void 0 : textMessage2.modifiedInfo) ? /* @__PURE__ */ React__default$1.createElement("div", {
@@ -82868,7 +82917,7 @@ const emoji$2 = {
     "\u{1F60E}": "U+1F60E.png",
     "\u{1F971}": "U+1F971.png",
     "\u{1F974}": "U+1F974.png",
-    "\u263A": "U+263A.png",
+    "\u263A\uFE0F": "U+263A.png",
     "\u{1F641}": "U+1F641.png",
     "\u{1F62D}": "U+1F62D.png",
     "\u{1F610}": "U+1F610.png",
@@ -82974,7 +83023,7 @@ const emoji$2 = {
     "\u{1F60E}": "U+1F60E.png",
     "\u{1F971}": "U+1F971.png",
     "\u{1F974}": "U+1F974.png",
-    "\u263A": "U+263A.png",
+    "\u263A\uFE0F": "U+263A.png",
     "\u{1F641}": "U+1F641.png",
     "\u{1F62D}": "U+1F62D.png",
     "\u{1F610}": "U+1F610.png",
@@ -84986,6 +85035,8 @@ const useContacts = () => {
 const useUserInfo = (userList, withPresence) => {
   const rootStore2 = useContext(RootContext).rootStore;
   useEffect(() => {
+    if (!rootStore2.loginState)
+      return;
     let keys = Object.keys(rootStore2.addressStore.appUsersInfo);
     let cvsUserIds = rootStore2.conversationStore.conversationList.filter((item) => item.chatType === "singleChat" && !keys.includes(item.conversationId)).map((cvs) => cvs.conversationId);
     let contactsUserIds = rootStore2.addressStore.contacts.filter((item) => {
@@ -84995,7 +85046,11 @@ const useUserInfo = (userList, withPresence) => {
       userIdList: userList == "conversation" ? cvsUserIds : contactsUserIds,
       withPresence
     });
-  }, [rootStore2.conversationStore.conversationList.length, rootStore2.addressStore.contacts.length]);
+  }, [
+    rootStore2.conversationStore.conversationList.length,
+    rootStore2.addressStore.contacts.length,
+    rootStore2.loginState
+  ]);
 };
 const useGroups = () => {
   const pageSize2 = 200;
@@ -85215,7 +85270,11 @@ let ContactList = (props) => {
     useUserInfo("contacts");
   }
   const { getJoinedGroupList } = useGroups();
-  getJoinedGroupList();
+  useEffect(() => {
+    if (!rootStore2.loginState)
+      return;
+    getJoinedGroupList();
+  }, [rootStore2.loginState]);
   const [itemActiveKey, setItemActiveKey] = useState$1("");
   const [isSearch, setIsSearch] = useState$1(false);
   const handleCheckboxChange = (checked, data2) => {
@@ -85549,7 +85608,7 @@ const ContactDetail = (props) => {
     type: "BUBBLE_FILL",
     width: 24,
     height: 24
-  }), t2("message")), "|", /* @__PURE__ */ React__default$1.createElement(Button$1, {
+  }), t2("message")), data2.id.includes("chatbot_") ? null : /* @__PURE__ */ React__default$1.createElement(React__default$1.Fragment, null, "|", /* @__PURE__ */ React__default$1.createElement(Button$1, {
     type: "text",
     className: `${prefixCls}-content-btn`,
     onClick: handleClickBtn("audio")
@@ -85565,7 +85624,7 @@ const ContactDetail = (props) => {
     type: "VIDEO_CAMERA",
     width: 24,
     height: 24
-  }), t2("videoCall")))))) : /* @__PURE__ */ React__default$1.createElement(Empty, {
+  }), t2("videoCall"))))))) : /* @__PURE__ */ React__default$1.createElement(Empty, {
     text: t2("no contact"),
     icon: /* @__PURE__ */ React__default$1.createElement(Icon$1, {
       type: "EMPTY",
@@ -85613,9 +85672,26 @@ const UserSelect = (props) => {
   );
   useState$1(open);
   const [selectedUsers, setSelectedUsers] = useState$1([]);
+  const chatbotIds = rootStore2.addressStore.contacts.filter((item) => {
+    if (item.userId.indexOf("chatbot_") > -1)
+      return true;
+  });
   useEffect(() => {
     if (!open) {
       setSelectedUsers([]);
+    } else {
+      if (!users) {
+        setSelectedUsers(chatbotIds);
+        if (chatbotIds.length > 0) {
+          onUserSelect == null ? void 0 : onUserSelect(
+            {
+              ...chatbotIds[0],
+              type: "add"
+            },
+            chatbotIds
+          );
+        }
+      }
     }
   }, [open]);
   const handleSelect = (checked, userInfo) => {
@@ -85669,6 +85745,8 @@ const UserSelect = (props) => {
     }
   };
   const handleItemClose = (userInfo) => {
+    if (userInfo.userId.indexOf("chatbot_") > -1)
+      return;
     setSelectedUsers((value) => {
       const userArr = value.filter((user2) => {
         return user2.userId !== userInfo.userId;
@@ -85731,6 +85809,8 @@ const UserSelect = (props) => {
     onCheckboxChange: handleSelect,
     onItemClick: (data2) => {
       var _a3, _b;
+      if (data2.id.indexOf("chatbot_") > -1)
+        return;
       const disabled2 = defaultCheckedUsers == null ? void 0 : defaultCheckedUsers.find((item) => item.id === data2.id);
       if (disabled2)
         return;
@@ -85768,7 +85848,7 @@ const UserSelect = (props) => {
       key: user2.userId,
       data: user2,
       checked: true,
-      closeable: true,
+      closeable: user2.userId.indexOf("chatbot_") === -1,
       onClose: handleItemClose,
       onClick: (data2) => {
         handleItemClose(user2);
@@ -85782,7 +85862,7 @@ const UserSelect = (props) => {
     style: { marginRight: "24px", width: "68px" },
     type: "primary",
     onClick: (e) => {
-      onOk == null ? void 0 : onOk(e);
+      onOk == null ? void 0 : onOk(selectedUsers);
     },
     disabled: selectedUsers.length === 0
   }, (others == null ? void 0 : others.okText) || t2("confirmBtn")), /* @__PURE__ */ React__default$1.createElement(Button$1, {
@@ -87404,24 +87484,26 @@ let MessageList = (props) => {
 MessageList = observer(MessageList);
 const style$f = "";
 const Typing = (props) => {
+  var _a3, _b;
   const { prefix: customizePrefixCls, className, style: style2, onHide, onShow, conversation } = props;
   const { getPrefixCls } = React__default$1.useContext(ConfigContext);
   const prefixCls = getPrefixCls("typing", customizePrefixCls);
   const classString = classNames(prefixCls, className);
   const visibleOut = rootStore.messageStore.typing[conversation.conversationId];
   const [visible, setVisible] = useState$1(false);
-  let timer2;
+  let timer2 = useRef();
   const show2 = () => {
     setVisible(true);
     onShow == null ? void 0 : onShow();
-    timer2 && clearTimeout(timer2);
-    timer2 = setTimeout(() => {
+    timer2.current && clearTimeout(timer2.current);
+    timer2.current = setTimeout(() => {
       hide2();
     }, 5e3);
   };
   const hide2 = () => {
     setVisible(false);
     onHide == null ? void 0 : onHide();
+    timer2.current && clearTimeout(timer2.current);
   };
   useEffect(() => {
     if (visibleOut) {
@@ -87430,13 +87512,16 @@ const Typing = (props) => {
       hide2();
     }
   }, [visibleOut]);
+  const avatarUrl = (_a3 = rootStore.addressStore.appUsersInfo[conversation.conversationId]) == null ? void 0 : _a3.avatarurl;
+  const nickName = (_b = rootStore.addressStore.appUsersInfo[conversation.conversationId]) == null ? void 0 : _b.nickname;
   return /* @__PURE__ */ React__default$1.createElement("div", {
     className: classString,
     style: { ...style2, display: visible ? "flex" : "none" }
   }, /* @__PURE__ */ React__default$1.createElement(Avatar$1, {
     size: 16,
-    style: { fontSize: ".8em" }
-  }), /* @__PURE__ */ React__default$1.createElement("div", {
+    src: avatarUrl,
+    style: { fontSize: "12px" }
+  }, nickName || conversation.conversationId), /* @__PURE__ */ React__default$1.createElement("div", {
     className: "loading"
   }, /* @__PURE__ */ React__default$1.createElement("div", {
     className: "loading-dot"
@@ -130005,7 +130090,7 @@ const getChatAvatarUrl = (cvs) => {
   }
 };
 const Chat = forwardRef((props, ref) => {
-  var _a3, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o;
+  var _a3, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p;
   const {
     prefix: customizePrefixCls,
     className,
@@ -130022,7 +130107,8 @@ const Chat = forwardRef((props, ref) => {
     onOpenThread,
     onOpenThreadList,
     onAudioCall,
-    onVideoCall
+    onVideoCall,
+    renderRepliedMessage
   } = props;
   const { t: t2 } = useTranslation();
   const { getPrefixCls } = React__default$1.useContext(ConfigContext);
@@ -130285,7 +130371,7 @@ const Chat = forwardRef((props, ref) => {
       };
     }
     messageProps.customAction.actions = messageProps.customAction.actions.filter((item) => {
-      var _a4, _b2, _c2, _d2, _e2, _f2;
+      var _a4, _b2, _c2, _d2, _e2, _f2, _g2, _h2;
       if (((_a4 = globalConfig == null ? void 0 : globalConfig.message) == null ? void 0 : _a4.reply) == false && item.content == "REPLY") {
         return false;
       }
@@ -130304,6 +130390,12 @@ const Chat = forwardRef((props, ref) => {
       if (((_f2 = globalConfig == null ? void 0 : globalConfig.message) == null ? void 0 : _f2.select) == false && item.content == "SELECT") {
         return false;
       }
+      if (((_g2 = globalConfig == null ? void 0 : globalConfig.message) == null ? void 0 : _g2.forward) == false && item.content == "FORWARD") {
+        return false;
+      }
+      if (((_h2 = globalConfig == null ? void 0 : globalConfig.message) == null ? void 0 : _h2.report) == false && item.content == "REPORT") {
+        return false;
+      }
       return true;
     });
   }
@@ -130364,13 +130456,19 @@ const Chat = forwardRef((props, ref) => {
       return true;
     });
     messageInputConfig.customActions = (_l = messageInputConfig.customActions) == null ? void 0 : _l.filter((item) => {
-      var _a4, _b2;
+      var _a4, _b2, _c2, _d2;
       if (item.content == "IMAGE" && ((_a4 = globalConfig == null ? void 0 : globalConfig.messageInput) == null ? void 0 : _a4.picture) == false) {
         return false;
       }
       if (item.content == "FILE" && ((_b2 = globalConfig == null ? void 0 : globalConfig.messageInput) == null ? void 0 : _b2.file) == false) {
         return false;
       }
+      if (item.content == "VIDEO" && ((_c2 = globalConfig == null ? void 0 : globalConfig.messageInput) == null ? void 0 : _c2.video) == false) {
+        return false;
+      }
+      if (item.content == "CARD" && ((_d2 = globalConfig == null ? void 0 : globalConfig.messageInput) == null ? void 0 : _d2.contactCard) == false) {
+        return false;
+      }
       return true;
     });
   }
@@ -130582,6 +130680,10 @@ const Chat = forwardRef((props, ref) => {
     showVideoCall = false;
     showAudioCall = false;
   }
+  if (((_o = CVS.conversationId) == null ? void 0 : _o.indexOf("chatbot_")) > -1) {
+    showVideoCall = false;
+    showAudioCall = false;
+  }
   const [reportMessageId, setReportMessageId] = useState$1("");
   const [reportOpen, setReportOpen] = useState$1(false);
   const [checkedType, setCheckedType] = useState$1("");
@@ -130651,9 +130753,9 @@ const Chat = forwardRef((props, ref) => {
     onHide: () => {
       rootStore2.messageStore.setTyping(rootStore2.conversationStore.currentCvs, false);
     }
-  }), showReply && /* @__PURE__ */ React__default$1.createElement(UnsentRepliedMsg, {
+  }), showReply && (renderRepliedMessage ? renderRepliedMessage(rootStore2.messageStore.repliedMessage) : /* @__PURE__ */ React__default$1.createElement(UnsentRepliedMsg, {
     type: "summary"
-  }), renderMessageInput ? renderMessageInput() : /* @__PURE__ */ React__default$1.createElement(MessageInput$1, {
+  })), renderMessageInput ? renderMessageInput() : /* @__PURE__ */ React__default$1.createElement(MessageInput$1, {
     ...messageInputConfig,
     ...messageInputProps
   }), modalOpen && /* @__PURE__ */ React__default$1.createElement(ThreadModal, {
@@ -130674,7 +130776,7 @@ const Chat = forwardRef((props, ref) => {
     onAddPerson: showInvite,
     onStateChange: handleCallStateChange,
     onInvite: handleInvite,
-    contactAvatar: (_o = rootStore2.addressStore.appUsersInfo[currentCall.targetId]) == null ? void 0 : _o.avatarurl,
+    contactAvatar: (_p = rootStore2.addressStore.appUsersInfo[currentCall.targetId]) == null ? void 0 : _p.avatarurl,
     groupAvatar: /* @__PURE__ */ React__default$1.createElement(Avatar$1, {
       className: "cui-callkit-groupAvatar",
       src: rtcConfig == null ? void 0 : rtcConfig.groupAvatar
@@ -130947,7 +131049,7 @@ const Badge = ({
   }));
 };
 let ConversationItem = (props) => {
-  var _a3, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  var _a3, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
   let {
     prefix: customizePrefixCls,
     className,
@@ -131128,16 +131230,16 @@ let ConversationItem = (props) => {
       break;
   }
   if (data2.chatType == "groupChat") {
-    let msgFrom = data2.lastMessage.from || "";
+    let msgFrom = ((_e = data2.lastMessage) == null ? void 0 : _e.from) || "";
     let from = msgFrom && msgFrom !== rootStore2.client.context.userId ? `${msgFrom}: ` : "";
     const groupItem = getGroupItemFromGroupsById(data2.conversationId);
     if (groupItem) {
-      const memberIdx = (_e = getGroupMemberIndexByUserId(groupItem, msgFrom)) != null ? _e : -1;
-      const ease_chat_uikit_user_info = (_g = (_f = data2.lastMessage) == null ? void 0 : _f.ext) == null ? void 0 : _g.ease_chat_uikit_user_info;
+      const memberIdx = (_f = getGroupMemberIndexByUserId(groupItem, msgFrom)) != null ? _f : -1;
+      const ease_chat_uikit_user_info = (_h = (_g = data2.lastMessage) == null ? void 0 : _g.ext) == null ? void 0 : _h.ease_chat_uikit_user_info;
       if (ease_chat_uikit_user_info && ease_chat_uikit_user_info.nickname) {
         from = `${ease_chat_uikit_user_info.nickname}: `;
       } else if (memberIdx > -1) {
-        let memberItem = (_h = groupItem == null ? void 0 : groupItem.members) == null ? void 0 : _h[memberIdx];
+        let memberItem = (_i = groupItem == null ? void 0 : groupItem.members) == null ? void 0 : _i[memberIdx];
         from = `${getGroupMemberNickName(memberItem)}: `;
       }
     }
@@ -131169,7 +131271,7 @@ let ConversationItem = (props) => {
     className: `${prefixCls}-info`
   }, /* @__PURE__ */ React__default$1.createElement("span", {
     className: `${prefixCls}-time`
-  }, (formatDateTime == null ? void 0 : formatDateTime((_i = data2.lastMessage) == null ? void 0 : _i.time)) || getConversationTime((_j = data2.lastMessage) == null ? void 0 : _j.time)), showMore ? /* @__PURE__ */ React__default$1.createElement(Tooltip, {
+  }, (formatDateTime == null ? void 0 : formatDateTime((_j = data2.lastMessage) == null ? void 0 : _j.time)) || getConversationTime((_k = data2.lastMessage) == null ? void 0 : _k.time)), showMore ? /* @__PURE__ */ React__default$1.createElement(Tooltip, {
     title: menuNode,
     trigger: "click",
     placement: "bottomRight"
@@ -131204,7 +131306,8 @@ let Conversations = (props) => {
     headerProps = {},
     itemProps = {},
     style: style2 = {},
-    presence
+    presence,
+    showSearchList
   } = props;
   const { getPrefixCls } = React__default$1.useContext(ConfigContext);
   const prefixCls = getPrefixCls("conversationList", customizePrefixCls);
@@ -131252,7 +131355,7 @@ let Conversations = (props) => {
     }
   }, [cvsStore.currentCvs]);
   useEffect(() => {
-    if (isSearch) {
+    if (isSearch || showSearchList) {
       setRenderData(cvsStore.searchList);
     } else {
       const renderData2 = cvsStore.conversationList.map((item) => {
@@ -131297,8 +131400,10 @@ let Conversations = (props) => {
   const handleSearch = (e) => {
     const value = e.target.value;
     const returnValue = onSearch == null ? void 0 : onSearch(e);
-    if (returnValue === false)
+    if (returnValue === false) {
+      setIsSearch(value.length > 0 ? true : false);
       return;
+    }
     const searchList = initRenderData.filter((cvs) => {
       var _a4;
       if (cvs.conversationId.includes(value) || ((_a4 = cvs.name) == null ? void 0 : _a4.includes(value))) {
@@ -131438,7 +131543,7 @@ const GroupMember = (props) => {
     prefix: prefix2,
     onItemClick,
     checkable,
-    groupMembers: groupMembers2,
+    groupMembers: groupMembers2 = [],
     onPrivateChat,
     onAddContact,
     onClickBack,
@@ -131466,6 +131571,13 @@ const GroupMember = (props) => {
     className
   );
   rootStore2.addressStore.groups.find((item) => item.groupid == groupId);
+  const chatbotIds = groupMembers2.filter((item) => {
+    if (item.userId.indexOf("chatbot_") > -1) {
+      return {
+        userId: item.userId
+      };
+    }
+  });
   const privateChat2 = (userId) => {
     var _a3, _b;
     const result = onPrivateChat == null ? void 0 : onPrivateChat(userId);
@@ -131721,7 +131833,8 @@ const GroupMember = (props) => {
     checkedUsers: addMemberData.type == "add" ? groupMembers2 : [
       {
         userId: rootStore2.client.user
-      }
+      },
+      ...chatbotIds
     ]
   }));
 };
@@ -135660,7 +135773,7 @@ const userCard = "Contact Card";
 const videoBtn = "Video";
 const custom = "Custom message";
 const combine = "Combined message";
-const noConversation = "No Conversation";
+const noConversation = "No Conversations";
 const recording = "Recording";
 const you = "You";
 const yourself = "Yourself";
@@ -135901,7 +136014,7 @@ const en = {
   newRequests,
   contacts,
   groups,
-  "no contact": "No Contact",
+  "no contact": "No Contacts",
   addGroupMembers,
   removeGroupMembers,
   privateChat,