easemob-chat-uikit 1.0.0 → 1.0.1

package/ChatUI.esm.js

@@ -19159,22 +19159,18 @@ const SvgImg = (props) => /* @__PURE__ */ React$6.createElement("svg", {
   width: "1em",
   height: "1em",
   viewBox: "0 0 24 24",
-  fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
   ...props
 }, /* @__PURE__ */ React$6.createElement("path", {
   fillRule: "evenodd",
   clipRule: "evenodd",
-  d: "M18.5 6.5H5.5C5.22386 6.5 5 6.72386 5 7V17C5 17.2761 5.22386 17.5 5.5 17.5H18.5C18.7761 17.5 19 17.2761 19 17V7C19 6.72386 18.7761 6.5 18.5 6.5ZM5.5 5C4.39543 5 3.5 5.89543 3.5 7V17C3.5 18.1046 4.39543 19 5.5 19H18.5C19.6046 19 20.5 18.1046 20.5 17V7C20.5 5.89543 19.6046 5 18.5 5H5.5Z",
-  fill: "#464E53"
+  d: "M18.5 6.5H5.5C5.22386 6.5 5 6.72386 5 7V17C5 17.2761 5.22386 17.5 5.5 17.5H18.5C18.7761 17.5 19 17.2761 19 17V7C19 6.72386 18.7761 6.5 18.5 6.5ZM5.5 5C4.39543 5 3.5 5.89543 3.5 7V17C3.5 18.1046 4.39543 19 5.5 19H18.5C19.6046 19 20.5 18.1046 20.5 17V7C20.5 5.89543 19.6046 5 18.5 5H5.5Z"
 }), /* @__PURE__ */ React$6.createElement("path", {
-  d: "M12.692 11.907L6.78174 17.6209H19.0786V15.5129L15.4963 11.9306C14.7246 11.1589 13.4766 11.1484 12.692 11.907Z",
-  fill: "#464E53"
+  d: "M12.692 11.907L6.78174 17.6209H19.0786V15.5129L15.4963 11.9306C14.7246 11.1589 13.4766 11.1484 12.692 11.907Z"
 }), /* @__PURE__ */ React$6.createElement("circle", {
   cx: 8.5,
   cy: 9.5,
-  r: 1.5,
-  fill: "#464E53"
+  r: 1.5
 }));
 const SvgArrowTurnLeft = (props) => /* @__PURE__ */ React$6.createElement("svg", {
   width: "1em",
@@ -19346,12 +19342,10 @@ const SvgPersonSingleFill = (props) => /* @__PURE__ */ React$6.createElement("sv
   width: "1em",
   height: "1em",
   viewBox: "0 0 24 24",
-  fill: "none",
   xmlns: "http://www.w3.org/2000/svg",
   ...props
 }, /* @__PURE__ */ React$6.createElement("path", {
-  d: "M12 4C11.4318 4 10.9088 4.15338 10.431 4.46013C9.95315 4.75294 9.5722 5.1573 9.2881 5.6732C9.01691 6.18911 8.88132 6.75381 8.88132 7.36732V9.39608C8.88132 9.99564 9.01691 10.5534 9.2881 11.0693C9.5722 11.5852 9.95315 11.9965 10.431 12.3033C10.9088 12.61 11.4318 12.7634 12 12.7634C12.5682 12.7634 13.0912 12.61 13.569 12.3033C14.0468 11.9965 14.4213 11.5852 14.6925 11.0693C14.9766 10.5534 15.1186 9.99564 15.1186 9.39608V7.36732C15.1186 6.75381 14.9766 6.18911 14.6925 5.6732C14.4213 5.1573 14.0468 4.75294 13.569 4.46013C13.0912 4.15338 12.5682 4 12 4ZM12 20H6.76994C6.31796 20 5.93055 19.8257 5.60771 19.4771C5.29779 19.1285 5.14282 18.7172 5.14282 18.2431C5.14282 17.7691 5.2203 17.3856 5.37527 17.0928C5.64645 16.6187 6.03386 16.1795 6.5375 15.7752C7.14444 15.2732 7.86114 14.8828 8.68762 14.6039C9.66905 14.2693 10.7732 14.102 12 14.102C13.2268 14.102 14.3309 14.2693 15.3123 14.6039C16.1388 14.8828 16.8555 15.2732 17.4624 15.7752C17.9661 16.1795 18.3535 16.6187 18.6247 17.0928C18.7796 17.3856 18.8571 17.7691 18.8571 18.2431C18.8571 18.7172 18.6957 19.1285 18.3728 19.4771C18.0629 19.8257 17.682 20 17.23 20H12Z",
-  fill: "#464E53"
+  d: "M12 4C11.4318 4 10.9088 4.15338 10.431 4.46013C9.95315 4.75294 9.5722 5.1573 9.2881 5.6732C9.01691 6.18911 8.88132 6.75381 8.88132 7.36732V9.39608C8.88132 9.99564 9.01691 10.5534 9.2881 11.0693C9.5722 11.5852 9.95315 11.9965 10.431 12.3033C10.9088 12.61 11.4318 12.7634 12 12.7634C12.5682 12.7634 13.0912 12.61 13.569 12.3033C14.0468 11.9965 14.4213 11.5852 14.6925 11.0693C14.9766 10.5534 15.1186 9.99564 15.1186 9.39608V7.36732C15.1186 6.75381 14.9766 6.18911 14.6925 5.6732C14.4213 5.1573 14.0468 4.75294 13.569 4.46013C13.0912 4.15338 12.5682 4 12 4ZM12 20H6.76994C6.31796 20 5.93055 19.8257 5.60771 19.4771C5.29779 19.1285 5.14282 18.7172 5.14282 18.2431C5.14282 17.7691 5.2203 17.3856 5.37527 17.0928C5.64645 16.6187 6.03386 16.1795 6.5375 15.7752C7.14444 15.2732 7.86114 14.8828 8.68762 14.6039C9.66905 14.2693 10.7732 14.102 12 14.102C13.2268 14.102 14.3309 14.2693 15.3123 14.6039C16.1388 14.8828 16.8555 15.2732 17.4624 15.7752C17.9661 16.1795 18.3535 16.6187 18.6247 17.0928C18.7796 17.3856 18.8571 17.7691 18.8571 18.2431C18.8571 18.7172 18.6957 19.1285 18.3728 19.4771C18.0629 19.8257 17.682 20 17.23 20H12Z"
 }));
 const SvgHashtagInBubble = (props) => /* @__PURE__ */ React$6.createElement("svg", {
   width: "1em",
@@ -19999,6 +19993,30 @@ const SvgRoundArrowThick = (props) => /* @__PURE__ */ React$6.createElement("svg
   clipRule: "evenodd",
   d: "M3.96953 4.93916C1.17122 8.27406 1.60621 13.246 4.9411 16.0443C8.12357 18.7147 12.7971 18.4406 15.6493 15.5117C15.7942 15.363 15.7808 15.1139 15.6067 14.9677C15.4389 14.8269 15.176 14.8426 15.0053 15.0133C12.4397 17.5795 8.29268 17.8012 5.46077 15.425C2.46792 12.9137 2.07755 8.45169 4.58885 5.45883C7.0567 2.51776 11.4083 2.0899 14.3983 4.45916L14.9182 3.83962C11.5859 1.18349 6.7244 1.65604 3.96953 4.93916ZM4.68127 16.354C1.17535 13.4122 0.718059 8.18524 3.65987 4.67933C6.60168 1.17342 11.8286 0.716122 15.3345 3.65793L15.4893 3.78785L14.45 5.02649L14.2952 4.89657C11.4733 2.52877 7.2663 2.89684 4.89851 5.71867C2.53071 8.5405 2.89878 12.7475 5.72061 15.1153C8.39053 17.3557 12.3008 17.1468 14.7194 14.7275C15.0223 14.4246 15.5212 14.3684 15.8665 14.6581C16.2054 14.9424 16.2614 15.4627 15.9389 15.7938C12.9401 18.8731 8.02709 19.1614 4.68127 16.354Z"
 }));
+const SvgTriangleInRectangle = (props) => /* @__PURE__ */ React$6.createElement("svg", {
+  width: "1em",
+  height: "1em",
+  viewBox: "0 0 24 24",
+  xmlns: "http://www.w3.org/2000/svg",
+  ...props
+}, /* @__PURE__ */ React$6.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M18.5 6.5H5.5C5.22386 6.5 5 6.72386 5 7V17C5 17.2761 5.22386 17.5 5.5 17.5H18.5C18.7761 17.5 19 17.2761 19 17V7C19 6.72386 18.7761 6.5 18.5 6.5ZM5.5 5C4.39543 5 3.5 5.89543 3.5 7V17C3.5 18.1046 4.39543 19 5.5 19H18.5C19.6046 19 20.5 18.1046 20.5 17V7C20.5 5.89543 19.6046 5 18.5 5H5.5Z"
+}), /* @__PURE__ */ React$6.createElement("path", {
+  d: "M9.5 15.0184V8.98159C9.5 8.61236 9.8833 8.38088 10.1914 8.56407L15.2672 11.5825C15.5776 11.7671 15.5776 12.2329 15.2672 12.4175L10.1914 15.4359C9.8833 15.6191 9.5 15.3876 9.5 15.0184Z"
+}));
+const SvgFolder = (props) => /* @__PURE__ */ React$6.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "1em",
+  height: "1em",
+  viewBox: "0 0 18 18",
+  ...props
+}, /* @__PURE__ */ React$6.createElement("path", {
+  fillRule: "evenodd",
+  clipRule: "evenodd",
+  d: "M3.25 3C2.69772 3 2.25 3.44772 2.25 4V13.5C2.25 14.3284 2.92157 15 3.75 15L14.25 15C15.0784 15 15.75 14.3284 15.75 13.5V6C15.75 5.17157 15.0784 4.5 14.25 4.5L7.95235 4.5C7.56874 4.5 7.21893 4.28056 7.052 3.93517L6.873 3.56483C6.70607 3.21945 6.35626 3 5.97265 3H3.25ZM4.185 6.75C3.94476 6.75 3.75 6.94476 3.75 7.185C3.75 7.42524 3.94476 7.62 4.185 7.62H13.815C14.0552 7.62 14.25 7.42524 14.25 7.185C14.25 6.94476 14.0552 6.75 13.815 6.75H4.185Z"
+}));
 const getIconNode = (type) => {
   switch (type) {
     case "SHUT_DOWN":
@@ -20151,6 +20169,10 @@ const getIconNode = (type) => {
       return /* @__PURE__ */ React__default$1.createElement(SvgSpkeakerNVerticalBar, null);
     case "ROUND_ARROW_THICK":
       return /* @__PURE__ */ React__default$1.createElement(SvgRoundArrowThick, null);
+    case "TRIANGLE_IN_RECTANGLE":
+      return /* @__PURE__ */ React__default$1.createElement(SvgTriangleInRectangle, null);
+    case "FOLDER":
+      return /* @__PURE__ */ React__default$1.createElement(SvgFolder, null);
     default:
       return "";
   }
@@ -20375,8 +20397,7 @@ class MessageStore {
     };
     this.selectedMessage = {
       singleChat: {},
-      groupChat: {},
-      chatRoom: {}
+      groupChat: {}
     };
     this.currentCVS = {};
     this.repliedMessage = null;
@@ -20538,7 +20559,7 @@ class MessageStore {
           }
         }
       }
-      const msg = this.message.byId[message2.id];
+      const msg = this.message.byId[message2.id] || {};
       msg.status = "sent";
       msg.mid = data2.serverMsgId;
       if (message2.type == "combine") {
@@ -20553,7 +20574,7 @@ class MessageStore {
       if (message2.url) {
         msg.url = message2.url;
         if (msg && msg.file) {
-          msg.file.url = message2.url;
+          msg.file.url = message2.url || "";
         }
       }
       this.message.byId[data2.serverMsgId] = this.message.byId[message2.id];
@@ -20582,7 +20603,6 @@ class MessageStore {
       this.rootStore.conversationStore.modifyConversation({ ...cvs });
       eventHandler.dispatchSuccess("sendMessage");
     }).catch((error2) => {
-      console.warn("send fail", error2);
       this.updateMessageStatus(message2.id, "failed");
       eventHandler.dispatchError("sendMessage", error2);
     });
@@ -20876,7 +20896,10 @@ class MessageStore {
         if (reaction2) {
           reaction2.count -= 1;
           if (reaction2.count <= 0) {
-            (_b = message2.reactions) == null ? void 0 : _b.splice((_a3 = message2.reactions) == null ? void 0 : _a3.indexOf(reaction2), 1);
+            (_b = message2.reactions) == null ? void 0 : _b.splice(
+              (_a3 = message2.reactions) == null ? void 0 : _a3.indexOf(reaction2),
+              1
+            );
           }
           const index2 = (_c = reaction2.userList) == null ? void 0 : _c.indexOf(this.rootStore.client.user);
           if (index2 > -1) {
@@ -21057,6 +21080,18 @@ class MessageStore {
   shiftBroadcastMessage() {
     this.message.broadcast.shift();
   }
+  sendReadAck(messageId, to) {
+    if (!messageId || !to) {
+      return console.error(`Invalid parameter, messageId: ${messageId}, to: ${to}`);
+    }
+    const readMsg = chatSDK.message.create({
+      type: "read",
+      chatType: "singleChat",
+      to,
+      id: messageId
+    });
+    this.rootStore.client.send(readMsg);
+  }
   clear() {
     this.message = {
       singleChat: {},
@@ -47361,7 +47396,10 @@ class ThreadStore {
             originalMessage: {}
           });
           this.setThreadVisible(false);
-          (_e = this.threadList[parentId]) == null ? void 0 : _e.splice((_d = this.threadList[parentId]) == null ? void 0 : _d.indexOf(foundThread), 1);
+          (_e = this.threadList[parentId]) == null ? void 0 : _e.splice(
+            (_d = this.threadList[parentId]) == null ? void 0 : _d.indexOf(foundThread),
+            1
+          );
         }
         break;
     }
@@ -47465,20 +47503,21 @@ class ThreadStore {
       pageSize: 20,
       cursor
     }).then((res) => {
-      const threads = res.entities;
+      const threads = res.entities || [];
       let list2 = this.threadList[parentId] || [];
       if (!cursor) {
         list2 = [];
       }
-      const chatThreadIds = threads.map((item) => {
+      const chatThreadIds = threads == null ? void 0 : threads.map((item) => {
         return item.id;
       });
       eventHandler.dispatchSuccess("getChatThreads");
       return this.rootStore.client.getChatThreadLastMessage({
         chatThreadIds
       }).then((data2) => {
-        data2.entities.forEach((item) => {
-          let idx = threads.findIndex((thread2) => item.chatThreadId === thread2.id);
+        var _a3;
+        (_a3 = data2.entities) == null ? void 0 : _a3.forEach((item) => {
+          let idx = threads == null ? void 0 : threads.findIndex((thread2) => item.chatThreadId === thread2.id);
           item.lastMessage.chatType = "groupChat";
           threads[idx].lastMessage = item.lastMessage;
         });
@@ -82956,7 +82995,7 @@ const TextMessage = (props) => {
     className: modifyPrefix,
     ref: textareaRef,
     enableEnterSend: false,
-    enabledMenton: false
+    enabledMention: false
   }))));
 };
 const TextMessage$1 = observer(TextMessage);
@@ -83215,7 +83254,7 @@ let ImageMessage = (props) => {
     ...others
   } = props;
   let type = props.type;
-  let { bySelf, from, reactions } = message2;
+  let { bySelf, from, reactions, status } = message2;
   const { getPrefixCls } = React__default$1.useContext(ConfigContext);
   const prefixCls = getPrefixCls("message-img", prefix2);
   const context = useContext(RootContext);
@@ -83439,6 +83478,7 @@ let ImageMessage = (props) => {
     onClickThreadTitle: handleClickThreadTitle,
     bubbleStyle: { background: "transparent", padding: 0 },
     shape,
+    status,
     ...others
   }, /* @__PURE__ */ React__default$1.createElement("div", {
     className: classString,
@@ -83491,7 +83531,7 @@ const FileMessage = (props) => {
     thread: thread2,
     ...baseMsgProps
   } = props;
-  const { filename, file_length, from, reactions } = fileMessage;
+  const { filename, file_length, from, reactions, status } = fileMessage;
   const { getPrefixCls } = React__default$1.useContext(ConfigContext);
   const prefixCls = getPrefixCls("message-file", customizePrefixCls);
   let { bySelf } = fileMessage;
@@ -83513,6 +83553,9 @@ const FileMessage = (props) => {
       return res.blob();
     }).then((blob) => {
       download(blob, filename);
+      if (fileMessage.chatType == "singleChat" && fileMessage.from != rootStore.client.context.userId && fileMessage.status != "read" && !fileMessage.isChatThread && fileMessage.to == rootStore.client.context.userId) {
+        rootStore.messageStore.sendReadAck(fileMessage.id, fileMessage.from || "");
+      }
     }).catch((err) => {
       return false;
     });
@@ -83677,6 +83720,7 @@ const FileMessage = (props) => {
     thread: _thread,
     chatThreadOverview: fileMessage.chatThreadOverview,
     onClickThreadTitle: handleClickThreadTitle,
+    status,
     ...baseMsgProps
   }, /* @__PURE__ */ React__default$1.createElement("div", {
     className: classString,
@@ -83709,7 +83753,7 @@ const UserCardMessage = (props) => {
     onUserIdCopied,
     ...others
   } = props;
-  let { bySelf, from, reactions } = message2;
+  let { bySelf, from, reactions, status } = message2;
   const { conversationStore, addressStore } = rootStore;
   const { getPrefixCls } = React__default$1.useContext(ConfigContext);
   const prefixCls = getPrefixCls("message-card", prefix2);
@@ -83928,6 +83972,7 @@ const UserCardMessage = (props) => {
     chatThreadOverview: message2.chatThreadOverview,
     onClickThreadTitle: handleClickThreadTitle,
     bubbleStyle: { padding: "0" },
+    status,
     ...others
   }, /* @__PURE__ */ React__default$1.createElement("div", {
     className: classString,
@@ -84002,8 +84047,7 @@ const VideoMessage = (props) => {
     videoProps,
     ...baseMsgProps
   } = props;
-  let { bySelf, from, reactions } = videoMessage;
-  console.log("videoMessage --->", videoMessage);
+  let { bySelf, from, reactions, status } = videoMessage;
   const { getPrefixCls } = React__default$1.useContext(ConfigContext);
   const prefixCls = getPrefixCls("message-video", prefix2);
   const context = useContext(RootContext);
@@ -84158,6 +84202,12 @@ const VideoMessage = (props) => {
     rootStore.threadStore.setThreadVisible(true);
     rootStore.threadStore.getChatThreadDetail(((_b = videoMessage == null ? void 0 : videoMessage.chatThreadOverview) == null ? void 0 : _b.id) || "");
   };
+  const handlePlayVideo = () => {
+    if (videoMessage.chatType == "singleChat" && videoMessage.from != rootStore.client.context.userId && videoMessage.status != "read" && !videoMessage.isChatThread && videoMessage.to == rootStore.client.context.userId) {
+      console.log("onPlay", videoMessage);
+      rootStore.messageStore.sendReadAck(videoMessage.id, videoMessage.from || "");
+    }
+  };
   return /* @__PURE__ */ React__default$1.createElement(BaseMessage, {
     id: videoMessage.id,
     message: videoMessage,
@@ -84183,6 +84233,7 @@ const VideoMessage = (props) => {
     thread: _thread,
     chatThreadOverview: videoMessage.chatThreadOverview,
     onClickThreadTitle: handleClickThreadTitle,
+    status,
     ...baseMsgProps
   }, /* @__PURE__ */ React__default$1.createElement("div", {
     className: classString
@@ -84193,6 +84244,7 @@ const VideoMessage = (props) => {
     controls: true,
     crossOrigin: "anonymous",
     preload: "metadata",
+    onPlay: handlePlayVideo,
     src: videoMessage.url || videoMessage.file.url,
     ...videoProps
   })));
@@ -84454,11 +84506,14 @@ const CombinedMessage = (props) => {
       return;
     }
     rootStore.client.downloadAndParseCombineMessage({
-      url: combinedMessage.url,
-      secret: combinedMessage.secret
+      url: combinedMessage.url || "",
+      secret: combinedMessage.secret || ""
     }).then((data2) => {
       combinedMessage.messages = data2;
       createDetailContent(data2);
+      if (combinedMessage.chatType == "singleChat" && combinedMessage.from != rootStore.client.context.userId && combinedMessage.status != "read" && !combinedMessage.isChatThread && combinedMessage.to == rootStore.client.context.userId) {
+        rootStore.messageStore.sendReadAck(combinedMessage.id, combinedMessage.from || "");
+      }
     }).catch(() => {
       setDetailContent(/* @__PURE__ */ React__default$1.createElement("div", null, "download message failed"));
     });
@@ -85404,8 +85459,8 @@ let BaseMessage$1 = (props) => {
   };
   const threadNode = () => {
     var _a4, _b2, _c2;
-    let { name: name2, messageCount, lastMessage = {} } = chatThreadOverview;
-    const { from, type, time: time2 } = lastMessage || {};
+    let { name: name2, messageCount, lastMessage = {} } = chatThreadOverview || {};
+    const { from, type, time: time2 } = lastMessage;
     let msgContent = "";
     switch (type) {
       case "txt":
@@ -85445,7 +85500,7 @@ let BaseMessage$1 = (props) => {
       height: 20,
       type: "THREAD",
       className: `${prefixCls}-thread-name-icon`
-    }), /* @__PURE__ */ React__default$1.createElement("span", null, name2)), /* @__PURE__ */ React__default$1.createElement("div", null, /* @__PURE__ */ React__default$1.createElement("span", null, messageCount > 100 ? "100 +" : messageCount), /* @__PURE__ */ React__default$1.createElement(Icon$1, {
+    }), /* @__PURE__ */ React__default$1.createElement("span", null, name2)), /* @__PURE__ */ React__default$1.createElement("div", null, /* @__PURE__ */ React__default$1.createElement("span", null, (messageCount != null ? messageCount : 0 > 100) ? "100 +" : messageCount), /* @__PURE__ */ React__default$1.createElement(Icon$1, {
       width: 16,
       height: 16,
       type: "ARROW_RIGHT",
@@ -85824,6 +85879,9 @@ const AudioMessage = (props) => {
     audioRef.current.play().then((res) => {
     }).catch((err) => {
     });
+    if (audioMessage.chatType == "singleChat" && audioMessage.from != rootStore.client.context.userId && audioMessage.status != "read" && !audioMessage.isChatThread && audioMessage.to == rootStore.client.context.userId) {
+      rootStore.messageStore.sendReadAck(audioMessage.id, audioMessage.from);
+    }
   };
   const handlePlayEnd = () => {
     setPlayStatus(false);
@@ -86780,7 +86838,6 @@ const ContactGroup = (props) => {
   };
   useEffect(() => {
     if (childrenVisible) {
-      console.log("\u51B2\u6D17\u7532\u9178");
       setHeight(`auto`);
     }
   }, [itemCount]);
@@ -87198,7 +87255,6 @@ let ContactList = (props) => {
   }, [addressStore.searchList, itemActiveKey, checkedList == null ? void 0 : checkedList.length]);
   const getNameAndType = (id) => {
     var _a3, _b;
-    console.log("###", itemActiveKey);
     let name2;
     let type = "contact";
     const findUser = addressStore.contacts.find((item) => item.userId == id);
@@ -87279,7 +87335,6 @@ const ContactDetail = (props) => {
     document.body.removeChild(textArea);
     onUserIdCopied == null ? void 0 : onUserIdCopied(id);
   };
-  console.log("avatarUrl", avatarUrl);
   const handleClickMessage = () => {
     const result = onMessageBtnClick == null ? void 0 : onMessageBtnClick();
     if (result == false)
@@ -87307,9 +87362,7 @@ const ContactDetail = (props) => {
   const addContact2 = () => {
     addressStore.acceptContactInvite(data2.id);
   };
-  console.log(">>>>>", requestData, data2);
   const isContact = addressStore.contacts.findIndex((item) => item.userId === data2.id) >= 0;
-  console.log("isContact", isContact);
   return /* @__PURE__ */ React__default$1.createElement("div", {
     className: classString,
     style: { ...style2 }
@@ -87466,10 +87519,6 @@ const UserSelect = (props) => {
     type: "contact",
     name: user2.nickname
   }));
-  const createGroup = () => {
-    console.log("createGroup");
-  };
-  console.log("%%%%%%%", checkedUsers);
   const defaultCheckedUsers = checkedUsers == null ? void 0 : checkedUsers.map((user2) => ({
     type: "contact",
     id: user2.userId
@@ -87531,7 +87580,6 @@ const UserSelect = (props) => {
     style: { marginRight: "24px", width: "68px" },
     type: "primary",
     onClick: (e) => {
-      createGroup();
       onOk == null ? void 0 : onOk(e);
     },
     disabled: selectedUsers.length === 0
@@ -87658,7 +87706,11 @@ let MoreAction$1 = (props) => {
           sendImage();
         },
         key: item.content || index2
-      }, t2("image"));
+      }, /* @__PURE__ */ React__default$1.createElement(Icon$1, {
+        type: "IMG",
+        width: 18,
+        height: 18
+      }), t2("image"));
     } else if (item.content == "FILE") {
       return /* @__PURE__ */ React__default$1.createElement("li", {
         className: themeMode == "dark" ? "cui-li-dark" : "",
@@ -87667,7 +87719,11 @@ let MoreAction$1 = (props) => {
           sendFile();
         },
         key: item.content || index2
-      }, t2("file"));
+      }, /* @__PURE__ */ React__default$1.createElement(Icon$1, {
+        type: "FOLDER",
+        width: 18,
+        height: 18
+      }), t2("file"));
     } else if (item.content == "CARD") {
       return /* @__PURE__ */ React__default$1.createElement("li", {
         className: themeMode == "dark" ? "cui-li-dark" : "",
@@ -87676,7 +87732,11 @@ let MoreAction$1 = (props) => {
           sendCard();
         },
         key: item.content || index2
-      }, t2("userCard"));
+      }, /* @__PURE__ */ React__default$1.createElement(Icon$1, {
+        type: "PERSON_SINGLE_FILL",
+        width: 18,
+        height: 18
+      }), t2("userCard"));
     } else if (item.content == "VIDEO") {
       return /* @__PURE__ */ React__default$1.createElement("li", {
         className: themeMode == "dark" ? "cui-li-dark" : "",
@@ -87685,7 +87745,11 @@ let MoreAction$1 = (props) => {
           sendVideo();
         },
         key: item.content || index2
-      }, t2("videoBtn"));
+      }, /* @__PURE__ */ React__default$1.createElement(Icon$1, {
+        type: "TRIANGLE_IN_RECTANGLE",
+        width: 18,
+        height: 18
+      }), t2("videoBtn"));
     }
     return /* @__PURE__ */ React__default$1.createElement("li", {
       className: themeMode == "dark" ? "cui-li-dark" : "",
@@ -88981,7 +89045,6 @@ let MessageList = (props) => {
         message: messageData[data2.index]
       }, messageData[data2.index].msg);
     } else if (messageData[data2.index].type == "custom" && messageData[data2.index].customEvent == "userCard") {
-      console.log("@@@@@", isThread);
       return /* @__PURE__ */ React__default$1.createElement(UserCardMessage$1, {
         style: data2.style,
         key: messageData[data2.index].id,
@@ -89218,7 +89281,10 @@ const ThreadModal = (props) => {
     },
     className
   );
-  const [position, setPosition] = useState$1({});
+  const [position, setPosition] = useState$1({
+    top: 0,
+    left: 0
+  });
   const popupRef = useRef(null);
   useEffect(() => {
     const calculatePosition = () => {
@@ -89741,7 +89807,7 @@ const Thread = (props) => {
   }), /* @__PURE__ */ React__default$1.createElement(MessageInput$1, {
     disabled: threadStore.currentThread.creating && editorDisable,
     isChatThread: true,
-    enabledMenton: false,
+    enabledMention: false,
     onBeforeSendMessage: handleSendMessage,
     conversation,
     ...messageInputProps
@@ -129832,14 +129898,14 @@ const Chat = (props) => {
   const [cursor, setCursor] = useState$1();
   const threadScrollRef = useRef(null);
   const pagingGetThreadList = () => {
-    var _a4, _b2;
-    (_a4 = threadScrollRef == null ? void 0 : threadScrollRef.current) == null ? void 0 : _a4.scrollHeight;
+    var _a4;
     if (cursor === null)
       return;
-    (_b2 = rootStore2.threadStore.getGroupChatThreads(CVS.conversationId, cursor)) == null ? void 0 : _b2.then((res) => {
+    (_a4 = rootStore2.threadStore.getGroupChatThreads(CVS.conversationId, cursor)) == null ? void 0 : _a4.then((res) => {
       setCursor(res);
       setTimeout(() => {
-        threadScrollRef == null ? void 0 : threadScrollRef.current.scrollTo(threadList.length * 56);
+        var _a5, _b2;
+        (_b2 = (_a5 = threadScrollRef == null ? void 0 : threadScrollRef.current) == null ? void 0 : _a5.scrollTo) == null ? void 0 : _b2.call(_a5, threadList.length * 56);
       }, 100);
     });
   };
@@ -129900,7 +129966,10 @@ const Chat = (props) => {
         src: (_f2 = appUsersInfo == null ? void 0 : appUsersInfo[(_e2 = item.lastMessage) == null ? void 0 : _e2.from]) == null ? void 0 : _f2.avatarurl
       }, ((_h2 = appUsersInfo == null ? void 0 : appUsersInfo[(_g2 = item.lastMessage) == null ? void 0 : _g2.from]) == null ? void 0 : _h2.nickname) || ((_i2 = item.lastMessage) == null ? void 0 : _i2.from)), /* @__PURE__ */ React__default$1.createElement("div", {
         className: `${prefixCls}-thread-item-msgBox-name`
-      }, getMsgSenderNickname(item.lastMessage, item.parentId)), /* @__PURE__ */ React__default$1.createElement("div", null, lastMsg), /* @__PURE__ */ React__default$1.createElement("div", null, getConversationTime((_j2 = item.lastMessage) == null ? void 0 : _j2.time))));
+      }, getMsgSenderNickname(
+        item.lastMessage,
+        item.parentId
+      )), /* @__PURE__ */ React__default$1.createElement("div", null, lastMsg), /* @__PURE__ */ React__default$1.createElement("div", null, getConversationTime((_j2 = item.lastMessage) == null ? void 0 : _j2.time))));
     };
     const dom = /* @__PURE__ */ React__default$1.createElement(ThreadScrollList, {
       ref: threadScrollRef,
@@ -130067,13 +130136,13 @@ const Chat = (props) => {
         content: "IMAGE"
       },
       {
-        content: "FILE"
+        content: "VIDEO"
       },
       {
-        content: "CARD"
+        content: "FILE"
       },
       {
-        content: "VIDEO"
+        content: "CARD"
       }
     ]
   };
@@ -130111,12 +130180,10 @@ const Chat = (props) => {
   const [currentCall, setCurrentCall] = useState$1({});
   const showInvite = async (conf) => {
     var _a4;
-    console.log("\u6DFB\u52A0\u4EBA", conf);
     const members2 = await ((_a4 = rtcConfig == null ? void 0 : rtcConfig.onAddPerson) == null ? void 0 : _a4.call(rtcConfig, conf));
     const rtcMembers = members2 == null ? void 0 : members2.map((item) => {
       return item.id;
     });
-    console.log("\u6DFB\u52A0\u4EBA2", members2, rtcMembers);
     let options2 = {
       callType: currentCall.callType,
       chatType: "groupChat",
@@ -131398,7 +131465,7 @@ const GroupMember = (props) => {
   }));
 };
 const GroupMember$1 = observer(GroupMember);
-const GroupSetting = (props) => {
+const GroupDetail = (props) => {
   var _a3, _b;
   const {
     conversation,
@@ -131758,7 +131825,6 @@ const GroupSetting = (props) => {
     groupMembers: groupData == null ? void 0 : groupData.members,
     groupId: (infoData == null ? void 0 : infoData.id) || "",
     onUserSelect: (userInfo, selectedUsers) => {
-      console.log("======", userInfo, selectedUsers);
       if (userInfo.type == "add") {
         setSelectedOwner(userInfo);
       } else {
@@ -131785,7 +131851,7 @@ const GroupSetting = (props) => {
     onOk: transferOwner2
   }, /* @__PURE__ */ React__default$1.createElement("div", null, selectedOwner ? `${t2("Want to transfer group ownership to")} \u201C${selectedOwner.nickname || selectedOwner.userId}\u201D?` : t2("Please select the person to be transferred")))));
 };
-const GroupSetting$1 = observer(GroupSetting);
+const GroupDetail$1 = observer(GroupDetail);
 const useEventHandler = () => {
   const rootStore2 = getStore();
   const { messageStore, threadStore, conversationStore, addressStore } = rootStore2;
@@ -136590,7 +136656,7 @@ const Chatroom = (props) => {
     }),
     ...headerProps
   }), /* @__PURE__ */ React__default$1.createElement("p", null), /* @__PURE__ */ React__default$1.createElement("div", {
-    style: { position: "relative", flex: "1" }
+    style: { position: "relative", flex: "1", overflow: "hidden", display: "flex" }
   }, typeof renderBroadcast == "function" ? renderBroadcast() : broadcast.length > 0 && /* @__PURE__ */ React__default$1.createElement(Broadcast, {
     loop: 0,
     delay: 1,
@@ -138105,8 +138171,8 @@ export {
   Dropdown,
   Empty,
   FileMessage$1 as FileMessage,
+  GroupDetail$1 as GroupDetail,
   GroupMember$1 as GroupMember,
-  GroupSetting$1 as GroupSetting,
   Header$1 as Header,
   Icon$1 as Icon,
   ImageMessage$1 as ImageMessage,