whyuzeim 1.0.3 → 1.0.5

package/cjs/AddMember/index.js

@@ -48,7 +48,7 @@ var AddMember = function AddMember() {
       }
     }, _callee);
   })), [http, memberids, setRightComponent]);
-  var handleDebouncdAddMember = useDebounce.useDebouncedCallback(handleAddMember, 100);
+  var handleDebouncdAddMember = useDebounce.useDebouncedCallback(handleAddMember, 150);
   return /*#__PURE__*/React.createElement("div", {
     className: classNames("yuze-addMember w-full h-full")
   }, /*#__PURE__*/React.createElement("div", {

package/cjs/ChatBox/index.js

@@ -543,7 +543,12 @@ var Chatbox = function Chatbox(props) {
     getHeaderInfo();
   }, []);
   React.useEffect(function () {
-    getHeaderInfo();
+    if (agoraChatUikit.rootStore.conversationStore.currentCvs.conversationId) {
+      getHeaderInfo();
+    } else {
+      setMidComponent && setMidComponent(undefined);
+      setRightComponent && setRightComponent(undefined);
+    }
   }, [agoraChatUikit.rootStore.conversationStore.currentCvs]);
   return /*#__PURE__*/React.createElement("div", {
     className: "yuze_chat_container w-full h-full overflow-hidden flex flex-col"

package/cjs/ContactList/index.js

@@ -63,7 +63,7 @@ var ContactList = function ContactList(props) {
       return _ref.apply(this, arguments);
     };
   }(), [http]);
-  var handleDebounceFriendList = useDebounce.useDebouncedCallback(handleGetFrindList, 100);
+  var handleDebounceFriendList = useDebounce.useDebouncedCallback(handleGetFrindList, 150);
   React.useEffect(function () {
     pageRef.current = 0;
     listRef.current = [];

package/cjs/CustomChatView/index.js

@@ -387,16 +387,16 @@ var CustomChatView = function CustomChatView(props) {
   }, []);
   var customHeader = function customHeader() {
     return /*#__PURE__*/React.createElement("div", {
-      className: "flex h-20 items-center bg-[var(--im-main-backgroundColor)] border-b border-[var(--im-border-10)] mx-4 justify-between"
+      className: "flex h-16 items-center bg-[var(--im-main-backgroundColor)] border-b border-[var(--im-border-10)] mx-4 justify-between"
     }, /*#__PURE__*/React.createElement("div", {
       className: "flex items-center gap-4"
     }, /*#__PURE__*/React.createElement("img", {
       src: headerInfo.headerImageURL,
-      className: "w-12 h-12 ".concat(headerInfo.chatType === 'groupChat' ? 'rounded-md' : 'rounded-full', " bg-blue")
+      className: "size-8 ".concat(headerInfo.chatType === 'groupChat' ? 'rounded-md' : 'rounded-full', " bg-blue")
     }), /*#__PURE__*/React.createElement("div", {
       className: "flex flex-col overflow-hidden flex-1"
     }, /*#__PURE__*/React.createElement("p", {
-      className: "text-[var(--im-main-fontColor)] text-base font-normal line-clamp-1 mr-[100px]"
+      className: "text-[var(--im-main-fontColor)] text-[20px] font-bold line-clamp-1 mr-[100px]"
     }, headerInfo.conversationName), headerInfo.chatType === 'groupChat' && /*#__PURE__*/React.createElement("p", {
       style: {
         color: 'var(--im-third-fontColor)'
@@ -594,9 +594,9 @@ var CustomChatView = function CustomChatView(props) {
     };
   }();
   return /*#__PURE__*/React.createElement("div", {
-    className: "bg-[var(--im-main-backgroundColor)] bg-pink ".concat((_props$className = props.className) !== null && _props$className !== void 0 ? _props$className : '', " w-full h-full overflow-hidden flex flex-col")
-  }, (collectList === null || collectList === void 0 ? void 0 : collectList.length) && /*#__PURE__*/React.createElement("div", {
-    className: "mb-2 mx-5 py-2 rounded-lg bg-[var(--im-main-bg-five)]"
+    className: "bg-[var(--im-main-backgroundColor)] im-agent-mid ".concat((_props$className = props.className) !== null && _props$className !== void 0 ? _props$className : '', " w-full h-full overflow-hidden flex flex-col")
+  }, !!(collectList !== null && collectList !== void 0 && collectList.length) && /*#__PURE__*/React.createElement("div", {
+    className: "mb-2 mx-4 py-2 rounded-lg bg-[var(--im-main-bg-five)]"
   }, /*#__PURE__*/React.createElement(antd.Select, {
     className: "w-full !h-12 border-none rouded-lg agent-select",
     popupClassName: "agent-select-popup",
@@ -623,7 +623,7 @@ var CustomChatView = function CustomChatView(props) {
     },
     messageProps: _objectSpread({}, type.commonMessageProps)
   }), (agentTipList === null || agentTipList === void 0 ? void 0 : agentTipList.length) && /*#__PURE__*/React.createElement("div", {
-    className: "pb-1 pl-5 overflow-x-auto"
+    className: "pb-1 pl-4 pt-2.5 overflow-x-auto"
   }, /*#__PURE__*/React.createElement("ul", {
     className: "flex items-center gap-4"
   }, _mapInstanceProperty(agentTipList).call(agentTipList, function (item, index) {

package/cjs/CustomChatView/style/index.scss

@@ -4,4 +4,15 @@
         border: none!important;
         box-shadow: none !important;
     }
+}
+.im-agent-mid {
+    .cui-message-base{
+        padding-left: 16px;
+        padding-right: 16px;
+    }
+    .cui-message-editor{
+        padding-left: 16px;
+        padding-right: 16px;
+    }
+    
 }

package/cjs/IM/style/index.scss

@@ -32,6 +32,12 @@
     color: var(--im-five-fontColor);
     background-color: var(--im-main-bg-five);
   }
+  .ant-select-single .ant-select-selector .ant-select-selection-item{
+    color: var(--im-five-fontColor);
+  }
+  .ant-select-dropdown {
+    background-color: var(--im-main-backgroundColor);
+  }
 }
 .im-dark {
   --im-main-backgroundColor: #1e2329;
@@ -79,6 +85,10 @@
   --im-main-buttonColor: rgba(156, 255, 30, 1);
   --im-main-switchColor: rgba(0, 200, 5, 1);
 
+  .cui-message-text-translation-text {
+    color: var(--im-seven-fontColor);
+  }
+
   --im-border-10: rgba(255, 255, 255, 0.1);
 }
 

package/cjs/Sidebar/CreateGroup/index.js

@@ -39,6 +39,7 @@ var CreateGroup = function CreateGroup(props) {
     _useState6 = _slicedToArray(_useState5, 2),
     total = _useState6[0],
     setTotal = _useState6[1];
+  var apiRef = React.useRef(true);
   var handleGetFrindList = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(keyword) {
       var _context;
@@ -71,7 +72,7 @@ var CreateGroup = function CreateGroup(props) {
       return _ref.apply(this, arguments);
     };
   }();
-  var handleDebounceGetFrindList = useDebounce.useDebouncedCallback(handleGetFrindList, 100);
+  var handleDebounceGetFrindList = useDebounce.useDebouncedCallback(handleGetFrindList, 150);
   var handleCreateGroup = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
       var _result2$data;
@@ -79,9 +80,10 @@ var CreateGroup = function CreateGroup(props) {
       return _regeneratorRuntime.wrap(function _callee2$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
-            _context3.next = 2;
+            apiRef.current = false;
+            _context3.next = 3;
             return http.get("/capi/account/imchannel/imchannelconfig");
-          case 2:
+          case 3:
             result1 = _context3.sent;
             data = {
               name: _mapInstanceProperty(member).call(member, function (item) {
@@ -93,15 +95,16 @@ var CreateGroup = function CreateGroup(props) {
                 return item.userid;
               })
             };
-            _context3.next = 6;
+            _context3.next = 7;
             return http.post("/capi/account/imchannel/save", data);
-          case 6:
+          case 7:
             result2 = _context3.sent;
+            apiRef.current = true;
             if ((_result2$data = result2.data) !== null && _result2$data !== void 0 && (_result2$data = _result2$data.data) !== null && _result2$data !== void 0 && _result2$data.sendbirdid) {
               setMember([]);
               onClose && onClose();
             }
-          case 8:
+          case 10:
           case "end":
             return _context3.stop();
         }
@@ -111,7 +114,7 @@ var CreateGroup = function CreateGroup(props) {
       return _ref2.apply(this, arguments);
     };
   }();
-  var handleDebounceCreateGroup = useDebounce.useDebouncedCallback(handleCreateGroup, 400);
+  var handleDebounceCreateGroup = useDebounce.useDebouncedCallback(handleCreateGroup, 150);
   React.useEffect(function () {
     handleGetFrindList();
   }, []);

package/cjs/Sidebar/CustomConversationItem/OperateBtn/index.js

@@ -52,7 +52,7 @@ var OperateBtn = function OperateBtn(props) {
       }
     }, _callee);
   })), [chatType, conversationId, silent]);
-  var handleDebounceMuted = useDebounce.useDebouncedCallback(handleMuted, 100);
+  var handleDebounceMuted = useDebounce.useDebouncedCallback(handleMuted, 150);
   var handleConfirmDelete = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
@@ -147,7 +147,7 @@ var OperateBtn = function OperateBtn(props) {
       }
     }, _callee4);
   })), [chatType, conversationId, deleteConversation, http]);
-  var handleDebounceLeave = useDebounce.useDebouncedCallback(handleLeave, 100);
+  var handleDebounceLeave = useDebounce.useDebouncedCallback(handleLeave, 150);
   var handleDelete = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
     return _regeneratorRuntime.wrap(function _callee5$(_context5) {
       while (1) switch (_context5.prev = _context5.next) {
@@ -163,7 +163,7 @@ var OperateBtn = function OperateBtn(props) {
       }
     }, _callee5);
   })), [chatType, conversationId, deleteConversation]);
-  var handleDebounceDelete = useDebounce.useDebouncedCallback(handleDelete, 100);
+  var handleDebounceDelete = useDebounce.useDebouncedCallback(handleDelete, 150);
   return /*#__PURE__*/React.createElement(antd.Tooltip, {
     placement: "bottomRight",
     open: open,

package/cjs/Sidebar/GroupList/OperateBtn/index.js

@@ -35,7 +35,7 @@ var OperateBtn = function OperateBtn(props) {
   var handleTooltip = React.useCallback(function (event) {
     try {
       var _context;
-      if (!_includesInstanceProperty(_context = event.target.className).call(_context, "yuze-conversationItem-action-img")) {
+      if (typeof event.target.className === "string" && !_includesInstanceProperty(_context = event.target.className).call(_context, "yuze-conversationItem-action-img")) {
         setTooltipOpen(false);
       }
     } catch (error) {
@@ -75,7 +75,7 @@ var OperateBtn = function OperateBtn(props) {
       return _ref.apply(this, arguments);
     };
   }(), [chatType, conversationId, silent]);
-  var handleDebounceMuted = useDebounce.useDebouncedCallback(handleMuted, 100);
+  var handleDebounceMuted = useDebounce.useDebouncedCallback(handleMuted, 150);
   var handleConfirmDelete = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(event) {
       return _regeneratorRuntime.wrap(function _callee2$(_context3) {
@@ -171,7 +171,7 @@ var OperateBtn = function OperateBtn(props) {
       }
     }, _callee4);
   })), [chatType, conversationId, deleteConversation, http, onDelete]);
-  var handleDebounceLeave = useDebounce.useDebouncedCallback(handleLeave, 100);
+  var handleDebounceLeave = useDebounce.useDebouncedCallback(handleLeave, 150);
   var handleDelete = React.useCallback(/*#__PURE__*/function () {
     var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(event) {
       return _regeneratorRuntime.wrap(function _callee5$(_context6) {
@@ -195,7 +195,7 @@ var OperateBtn = function OperateBtn(props) {
       return _ref5.apply(this, arguments);
     };
   }(), [conversationId, http, onDelete]);
-  var handleDebounceDelete = useDebounce.useDebouncedCallback(handleDelete, 100);
+  var handleDebounceDelete = useDebounce.useDebouncedCallback(handleDelete, 150);
   return /*#__PURE__*/React.createElement(antd.Tooltip, {
     open: tooltipOpen,
     placement: "bottomRight",

package/cjs/Sidebar/GroupList/index.js

@@ -93,7 +93,7 @@ var GroupList = function GroupList(props) {
     setKeyword = _useState6[1];
   var handleDebounceInput = useDebounce.useDebouncedCallback(function (event) {
     setKeyword(event.target.value);
-  }, 500);
+  }, 150);
   var items = [{
     label: "Created",
     key: "0",

package/cjs/Sidebar/MobileCreateGroup/index.js

@@ -58,7 +58,7 @@ var MobileCreateGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
       return _ref.apply(this, arguments);
     };
   }();
-  var handleDebounceGetFrindList = useDebounce.useDebouncedCallback(handleGetFrindList, 100);
+  var handleDebounceGetFrindList = useDebounce.useDebouncedCallback(handleGetFrindList, 150);
   var handleCreateGroup = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
       var _result2$data;
@@ -97,7 +97,7 @@ var MobileCreateGroup = /*#__PURE__*/React.forwardRef(function (props, ref) {
       return _ref2.apply(this, arguments);
     };
   }();
-  var handleDebounceCreateGroup = useDebounce.useDebouncedCallback(handleCreateGroup, 500);
+  var handleDebounceCreateGroup = useDebounce.useDebouncedCallback(handleCreateGroup, 150);
   React.useEffect(function () {
     handleGetFrindList();
   }, []);

package/cjs/Sidebar/Searchbox/index.js

@@ -74,7 +74,7 @@ var Searchbox = function Searchbox(props) {
       }
     }, _callee);
   })), [keyword]);
-  var handleDebounceGetGroupList = useDebounce.useDebouncedCallback(handleGetGroupList, 500);
+  var handleDebounceGetGroupList = useDebounce.useDebouncedCallback(handleGetGroupList, 150);
   React.useEffect(function () {
     handleDebounceGetGroupList();
   }, [handleGetGroupList]);
@@ -132,7 +132,7 @@ var Searchbox = function Searchbox(props) {
         onClick: function onClick() {
           renderMidComponent && renderMidComponent();
           setCurrentConversation({
-            conversationId: item.id,
+            conversationId: item.id.toLowerCase(),
             chatType: "singleChat",
             name: item.name
           });

package/cjs/Sidebar/index.js

@@ -44,13 +44,9 @@ var Sidebar = function Sidebar(props) {
     userInfo = _useContext.userInfo,
     mobile = _useContext.mobile;
   var handleTooltip = React.useCallback(function (event) {
-    try {
-      var _context;
-      if (!_includesInstanceProperty(_context = event.target.className).call(_context, "menu")) {
-        setTooltipOpen(false);
-      }
-    } catch (error) {
-      console.log(error);
+    var _context;
+    if (typeof event.target.className === "string" && !_includesInstanceProperty(_context = event.target.className).call(_context, "menu")) {
+      setTooltipOpen(false);
     }
   }, [setTooltipOpen]);
   React.useEffect(function () {

package/cjs/TypeItem/OperateBtn/index.js

@@ -46,7 +46,7 @@ var OperateBtn = function OperateBtn(props) {
       }
     }, _callee);
   })), [http, userId, sendbirdid, onRoletype, roletype]);
-  var handleDebounceUpdateAdmin = useDebounce.useDebouncedCallback(handleUpdateAdmin, 100);
+  var handleDebounceUpdateAdmin = useDebounce.useDebouncedCallback(handleUpdateAdmin, 150);
   var handleConfirmRemove = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
@@ -98,7 +98,7 @@ var OperateBtn = function OperateBtn(props) {
       }
     }, _callee3);
   })), [http, sendbirdid, userId, onDelete]);
-  var handleDebounceRemoveMember = useDebounce.useDebouncedCallback(handleRemoveMember, 100);
+  var handleDebounceRemoveMember = useDebounce.useDebouncedCallback(handleRemoveMember, 150);
   // /capi/account/imchannelblocks/save
   var handleBlockMember = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
     return _regeneratorRuntime.wrap(function _callee4$(_context4) {
@@ -116,7 +116,7 @@ var OperateBtn = function OperateBtn(props) {
       }
     }, _callee4);
   })), [http, sendbirdid, userId, onBlock]);
-  var handleDebounceBlockMember = useDebounce.useDebouncedCallback(handleBlockMember, 100);
+  var handleDebounceBlockMember = useDebounce.useDebouncedCallback(handleBlockMember, 150);
   var handleBanMember = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
     var iisprohibition;
     return _regeneratorRuntime.wrap(function _callee5$(_context5) {
@@ -135,7 +135,7 @@ var OperateBtn = function OperateBtn(props) {
       }
     }, _callee5);
   })), [isprohibition, http, sendbirdid, userId, onBan]);
-  var handleDebounceBanMember = useDebounce.useDebouncedCallback(handleBanMember, 100);
+  var handleDebounceBanMember = useDebounce.useDebouncedCallback(handleBanMember, 150);
   return /*#__PURE__*/React.createElement(antd.Tooltip, {
     placement: "bottomLeft",
     title: /*#__PURE__*/React.createElement("div", {

package/es/AddMember/index.js

@@ -46,7 +46,7 @@ var AddMember = function AddMember() {
       }
     }, _callee);
   })), [http, memberids, setRightComponent]);
-  var handleDebouncdAddMember = useDebouncedCallback(handleAddMember, 100);
+  var handleDebouncdAddMember = useDebouncedCallback(handleAddMember, 150);
   return /*#__PURE__*/React.createElement("div", {
     className: classNames("yuze-addMember w-full h-full")
   }, /*#__PURE__*/React.createElement("div", {

package/es/ChatBox/index.js

@@ -541,7 +541,12 @@ var Chatbox = function Chatbox(props) {
     getHeaderInfo();
   }, []);
   useEffect(function () {
-    getHeaderInfo();
+    if (rootStore.conversationStore.currentCvs.conversationId) {
+      getHeaderInfo();
+    } else {
+      setMidComponent && setMidComponent(undefined);
+      setRightComponent && setRightComponent(undefined);
+    }
   }, [rootStore.conversationStore.currentCvs]);
   return /*#__PURE__*/React.createElement("div", {
     className: "yuze_chat_container w-full h-full overflow-hidden flex flex-col"

package/es/ContactList/index.js

@@ -61,7 +61,7 @@ var ContactList = function ContactList(props) {
       return _ref.apply(this, arguments);
     };
   }(), [http]);
-  var handleDebounceFriendList = useDebouncedCallback(handleGetFrindList, 100);
+  var handleDebounceFriendList = useDebouncedCallback(handleGetFrindList, 150);
   useEffect(function () {
     pageRef.current = 0;
     listRef.current = [];

package/es/CustomChatView/index.js

@@ -385,16 +385,16 @@ var CustomChatView = function CustomChatView(props) {
   }, []);
   var customHeader = function customHeader() {
     return /*#__PURE__*/React.createElement("div", {
-      className: "flex h-20 items-center bg-[var(--im-main-backgroundColor)] border-b border-[var(--im-border-10)] mx-4 justify-between"
+      className: "flex h-16 items-center bg-[var(--im-main-backgroundColor)] border-b border-[var(--im-border-10)] mx-4 justify-between"
     }, /*#__PURE__*/React.createElement("div", {
       className: "flex items-center gap-4"
     }, /*#__PURE__*/React.createElement("img", {
       src: headerInfo.headerImageURL,
-      className: "w-12 h-12 ".concat(headerInfo.chatType === 'groupChat' ? 'rounded-md' : 'rounded-full', " bg-blue")
+      className: "size-8 ".concat(headerInfo.chatType === 'groupChat' ? 'rounded-md' : 'rounded-full', " bg-blue")
     }), /*#__PURE__*/React.createElement("div", {
       className: "flex flex-col overflow-hidden flex-1"
     }, /*#__PURE__*/React.createElement("p", {
-      className: "text-[var(--im-main-fontColor)] text-base font-normal line-clamp-1 mr-[100px]"
+      className: "text-[var(--im-main-fontColor)] text-[20px] font-bold line-clamp-1 mr-[100px]"
     }, headerInfo.conversationName), headerInfo.chatType === 'groupChat' && /*#__PURE__*/React.createElement("p", {
       style: {
         color: 'var(--im-third-fontColor)'
@@ -592,9 +592,9 @@ var CustomChatView = function CustomChatView(props) {
     };
   }();
   return /*#__PURE__*/React.createElement("div", {
-    className: "bg-[var(--im-main-backgroundColor)] bg-pink ".concat((_props$className = props.className) !== null && _props$className !== void 0 ? _props$className : '', " w-full h-full overflow-hidden flex flex-col")
-  }, (collectList === null || collectList === void 0 ? void 0 : collectList.length) && /*#__PURE__*/React.createElement("div", {
-    className: "mb-2 mx-5 py-2 rounded-lg bg-[var(--im-main-bg-five)]"
+    className: "bg-[var(--im-main-backgroundColor)] im-agent-mid ".concat((_props$className = props.className) !== null && _props$className !== void 0 ? _props$className : '', " w-full h-full overflow-hidden flex flex-col")
+  }, !!(collectList !== null && collectList !== void 0 && collectList.length) && /*#__PURE__*/React.createElement("div", {
+    className: "mb-2 mx-4 py-2 rounded-lg bg-[var(--im-main-bg-five)]"
   }, /*#__PURE__*/React.createElement(Select, {
     className: "w-full !h-12 border-none rouded-lg agent-select",
     popupClassName: "agent-select-popup",
@@ -621,7 +621,7 @@ var CustomChatView = function CustomChatView(props) {
     },
     messageProps: _objectSpread({}, commonMessageProps)
   }), (agentTipList === null || agentTipList === void 0 ? void 0 : agentTipList.length) && /*#__PURE__*/React.createElement("div", {
-    className: "pb-1 pl-5 overflow-x-auto"
+    className: "pb-1 pl-4 pt-2.5 overflow-x-auto"
   }, /*#__PURE__*/React.createElement("ul", {
     className: "flex items-center gap-4"
   }, _mapInstanceProperty(agentTipList).call(agentTipList, function (item, index) {

package/es/CustomChatView/style/index.scss

@@ -4,4 +4,15 @@
         border: none!important;
         box-shadow: none !important;
     }
+}
+.im-agent-mid {
+    .cui-message-base{
+        padding-left: 16px;
+        padding-right: 16px;
+    }
+    .cui-message-editor{
+        padding-left: 16px;
+        padding-right: 16px;
+    }
+    
 }

package/es/IM/style/index.scss

@@ -32,6 +32,12 @@
     color: var(--im-five-fontColor);
     background-color: var(--im-main-bg-five);
   }
+  .ant-select-single .ant-select-selector .ant-select-selection-item{
+    color: var(--im-five-fontColor);
+  }
+  .ant-select-dropdown {
+    background-color: var(--im-main-backgroundColor);
+  }
 }
 .im-dark {
   --im-main-backgroundColor: #1e2329;
@@ -79,6 +85,10 @@
   --im-main-buttonColor: rgba(156, 255, 30, 1);
   --im-main-switchColor: rgba(0, 200, 5, 1);
 
+  .cui-message-text-translation-text {
+    color: var(--im-seven-fontColor);
+  }
+
   --im-border-10: rgba(255, 255, 255, 0.1);
 }
 

package/es/Sidebar/CreateGroup/index.js

@@ -37,6 +37,7 @@ var CreateGroup = function CreateGroup(props) {
     _useState6 = _slicedToArray(_useState5, 2),
     total = _useState6[0],
     setTotal = _useState6[1];
+  var apiRef = useRef(true);
   var handleGetFrindList = /*#__PURE__*/function () {
     var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(keyword) {
       var _context;
@@ -69,7 +70,7 @@ var CreateGroup = function CreateGroup(props) {
       return _ref.apply(this, arguments);
     };
   }();
-  var handleDebounceGetFrindList = useDebouncedCallback(handleGetFrindList, 100);
+  var handleDebounceGetFrindList = useDebouncedCallback(handleGetFrindList, 150);
   var handleCreateGroup = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
       var _result2$data;
@@ -77,9 +78,10 @@ var CreateGroup = function CreateGroup(props) {
       return _regeneratorRuntime.wrap(function _callee2$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
-            _context3.next = 2;
+            apiRef.current = false;
+            _context3.next = 3;
             return http.get("/capi/account/imchannel/imchannelconfig");
-          case 2:
+          case 3:
             result1 = _context3.sent;
             data = {
               name: _mapInstanceProperty(member).call(member, function (item) {
@@ -91,15 +93,16 @@ var CreateGroup = function CreateGroup(props) {
                 return item.userid;
               })
             };
-            _context3.next = 6;
+            _context3.next = 7;
             return http.post("/capi/account/imchannel/save", data);
-          case 6:
+          case 7:
             result2 = _context3.sent;
+            apiRef.current = true;
             if ((_result2$data = result2.data) !== null && _result2$data !== void 0 && (_result2$data = _result2$data.data) !== null && _result2$data !== void 0 && _result2$data.sendbirdid) {
               setMember([]);
               onClose && onClose();
             }
-          case 8:
+          case 10:
           case "end":
             return _context3.stop();
         }
@@ -109,7 +112,7 @@ var CreateGroup = function CreateGroup(props) {
       return _ref2.apply(this, arguments);
     };
   }();
-  var handleDebounceCreateGroup = useDebouncedCallback(handleCreateGroup, 400);
+  var handleDebounceCreateGroup = useDebouncedCallback(handleCreateGroup, 150);
   useEffect(function () {
     handleGetFrindList();
   }, []);

package/es/Sidebar/CustomConversationItem/OperateBtn/index.js

@@ -50,7 +50,7 @@ var OperateBtn = function OperateBtn(props) {
       }
     }, _callee);
   })), [chatType, conversationId, silent]);
-  var handleDebounceMuted = useDebouncedCallback(handleMuted, 100);
+  var handleDebounceMuted = useDebouncedCallback(handleMuted, 150);
   var handleConfirmDelete = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
@@ -145,7 +145,7 @@ var OperateBtn = function OperateBtn(props) {
       }
     }, _callee4);
   })), [chatType, conversationId, deleteConversation, http]);
-  var handleDebounceLeave = useDebouncedCallback(handleLeave, 100);
+  var handleDebounceLeave = useDebouncedCallback(handleLeave, 150);
   var handleDelete = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
     return _regeneratorRuntime.wrap(function _callee5$(_context5) {
       while (1) switch (_context5.prev = _context5.next) {
@@ -161,7 +161,7 @@ var OperateBtn = function OperateBtn(props) {
       }
     }, _callee5);
   })), [chatType, conversationId, deleteConversation]);
-  var handleDebounceDelete = useDebouncedCallback(handleDelete, 100);
+  var handleDebounceDelete = useDebouncedCallback(handleDelete, 150);
   return /*#__PURE__*/React.createElement(Tooltip, {
     placement: "bottomRight",
     open: open,

package/es/Sidebar/GroupList/OperateBtn/index.js

@@ -33,7 +33,7 @@ var OperateBtn = function OperateBtn(props) {
   var handleTooltip = useCallback(function (event) {
     try {
       var _context;
-      if (!_includesInstanceProperty(_context = event.target.className).call(_context, "yuze-conversationItem-action-img")) {
+      if (typeof event.target.className === "string" && !_includesInstanceProperty(_context = event.target.className).call(_context, "yuze-conversationItem-action-img")) {
         setTooltipOpen(false);
       }
     } catch (error) {
@@ -73,7 +73,7 @@ var OperateBtn = function OperateBtn(props) {
       return _ref.apply(this, arguments);
     };
   }(), [chatType, conversationId, silent]);
-  var handleDebounceMuted = useDebouncedCallback(handleMuted, 100);
+  var handleDebounceMuted = useDebouncedCallback(handleMuted, 150);
   var handleConfirmDelete = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(event) {
       return _regeneratorRuntime.wrap(function _callee2$(_context3) {
@@ -169,7 +169,7 @@ var OperateBtn = function OperateBtn(props) {
       }
     }, _callee4);
   })), [chatType, conversationId, deleteConversation, http, onDelete]);
-  var handleDebounceLeave = useDebouncedCallback(handleLeave, 100);
+  var handleDebounceLeave = useDebouncedCallback(handleLeave, 150);
   var handleDelete = useCallback(/*#__PURE__*/function () {
     var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(event) {
       return _regeneratorRuntime.wrap(function _callee5$(_context6) {
@@ -193,7 +193,7 @@ var OperateBtn = function OperateBtn(props) {
       return _ref5.apply(this, arguments);
     };
   }(), [conversationId, http, onDelete]);
-  var handleDebounceDelete = useDebouncedCallback(handleDelete, 100);
+  var handleDebounceDelete = useDebouncedCallback(handleDelete, 150);
   return /*#__PURE__*/React.createElement(Tooltip, {
     open: tooltipOpen,
     placement: "bottomRight",

package/es/Sidebar/GroupList/index.js

@@ -91,7 +91,7 @@ var GroupList = function GroupList(props) {
     setKeyword = _useState6[1];
   var handleDebounceInput = useDebouncedCallback(function (event) {
     setKeyword(event.target.value);
-  }, 500);
+  }, 150);
   var items = [{
     label: "Created",
     key: "0",

package/es/Sidebar/MobileCreateGroup/index.js

@@ -56,7 +56,7 @@ var MobileCreateGroup = /*#__PURE__*/forwardRef(function (props, ref) {
       return _ref.apply(this, arguments);
     };
   }();
-  var handleDebounceGetFrindList = useDebouncedCallback(handleGetFrindList, 100);
+  var handleDebounceGetFrindList = useDebouncedCallback(handleGetFrindList, 150);
   var handleCreateGroup = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
       var _result2$data;
@@ -95,7 +95,7 @@ var MobileCreateGroup = /*#__PURE__*/forwardRef(function (props, ref) {
       return _ref2.apply(this, arguments);
     };
   }();
-  var handleDebounceCreateGroup = useDebouncedCallback(handleCreateGroup, 500);
+  var handleDebounceCreateGroup = useDebouncedCallback(handleCreateGroup, 150);
   useEffect(function () {
     handleGetFrindList();
   }, []);

package/es/Sidebar/Searchbox/index.js

@@ -72,7 +72,7 @@ var Searchbox = function Searchbox(props) {
       }
     }, _callee);
   })), [keyword]);
-  var handleDebounceGetGroupList = useDebouncedCallback(handleGetGroupList, 500);
+  var handleDebounceGetGroupList = useDebouncedCallback(handleGetGroupList, 150);
   useEffect(function () {
     handleDebounceGetGroupList();
   }, [handleGetGroupList]);
@@ -130,7 +130,7 @@ var Searchbox = function Searchbox(props) {
         onClick: function onClick() {
           renderMidComponent && renderMidComponent();
           setCurrentConversation({
-            conversationId: item.id,
+            conversationId: item.id.toLowerCase(),
             chatType: "singleChat",
             name: item.name
           });

package/es/Sidebar/index.js

@@ -42,13 +42,9 @@ var Sidebar = function Sidebar(props) {
     userInfo = _useContext.userInfo,
     mobile = _useContext.mobile;
   var handleTooltip = useCallback(function (event) {
-    try {
-      var _context;
-      if (!_includesInstanceProperty(_context = event.target.className).call(_context, "menu")) {
-        setTooltipOpen(false);
-      }
-    } catch (error) {
-      console.log(error);
+    var _context;
+    if (typeof event.target.className === "string" && !_includesInstanceProperty(_context = event.target.className).call(_context, "menu")) {
+      setTooltipOpen(false);
     }
   }, [setTooltipOpen]);
   useEffect(function () {

package/es/TypeItem/OperateBtn/index.js

@@ -44,7 +44,7 @@ var OperateBtn = function OperateBtn(props) {
       }
     }, _callee);
   })), [http, userId, sendbirdid, onRoletype, roletype]);
-  var handleDebounceUpdateAdmin = useDebouncedCallback(handleUpdateAdmin, 100);
+  var handleDebounceUpdateAdmin = useDebouncedCallback(handleUpdateAdmin, 150);
   var handleConfirmRemove = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
@@ -96,7 +96,7 @@ var OperateBtn = function OperateBtn(props) {
       }
     }, _callee3);
   })), [http, sendbirdid, userId, onDelete]);
-  var handleDebounceRemoveMember = useDebouncedCallback(handleRemoveMember, 100);
+  var handleDebounceRemoveMember = useDebouncedCallback(handleRemoveMember, 150);
   // /capi/account/imchannelblocks/save
   var handleBlockMember = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
     return _regeneratorRuntime.wrap(function _callee4$(_context4) {
@@ -114,7 +114,7 @@ var OperateBtn = function OperateBtn(props) {
       }
     }, _callee4);
   })), [http, sendbirdid, userId, onBlock]);
-  var handleDebounceBlockMember = useDebouncedCallback(handleBlockMember, 100);
+  var handleDebounceBlockMember = useDebouncedCallback(handleBlockMember, 150);
   var handleBanMember = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
     var iisprohibition;
     return _regeneratorRuntime.wrap(function _callee5$(_context5) {
@@ -133,7 +133,7 @@ var OperateBtn = function OperateBtn(props) {
       }
     }, _callee5);
   })), [isprohibition, http, sendbirdid, userId, onBan]);
-  var handleDebounceBanMember = useDebouncedCallback(handleBanMember, 100);
+  var handleDebounceBanMember = useDebouncedCallback(handleBanMember, 150);
   return /*#__PURE__*/React.createElement(Tooltip, {
     placement: "bottomLeft",
     title: /*#__PURE__*/React.createElement("div", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "whyuzeim",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "im componenets",
   "main": "cjs/index.js",
   "module": "es/index.js",