whyuzeim 1.0.6 → 1.0.8

package/cjs/ChatBox/index.js

@@ -26,7 +26,7 @@ var index$1 = require('../AddMember/index.js');
 var type = require('../type.js');
 
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context5, _context6; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context5 = ownKeys(Object(t), true)).call(_context5, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context6 = ownKeys(Object(t))).call(_context6, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context7, _context8; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context7 = ownKeys(Object(t), true)).call(_context7, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context8 = ownKeys(Object(t))).call(_context8, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Chatbox = function Chatbox(props) {
   var _userInfo$uid3;
   var _useContext = React.useContext(context.Context),
@@ -423,18 +423,18 @@ var Chatbox = function Chatbox(props) {
     return _getShareGroupInfo.apply(this, arguments);
   }
   function _getShareGroupInfo() {
-    _getShareGroupInfo = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(shareInfo, isJoined) {
+    _getShareGroupInfo = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(shareInfo, isJoined) {
       var params, response, data, groupInfo, waitJoinGroupinfo, conversation, _response$data3;
-      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
+      return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
           case 0:
             params = {
               sendbirdid: shareInfo === null || shareInfo === void 0 ? void 0 : shareInfo.objectId
             };
-            _context4.next = 3;
+            _context6.next = 3;
             return http.post("/capi/account/imchannel/getdetails", params);
           case 3:
-            response = _context4.sent;
+            response = _context6.sent;
             data = response.data;
             if (data && data.code === 200 && data.data) {
               groupInfo = data.data;
@@ -471,9 +471,9 @@ var Chatbox = function Chatbox(props) {
             }
           case 6:
           case "end":
-            return _context4.stop();
+            return _context6.stop();
         }
-      }, _callee4);
+      }, _callee6);
     }));
     return _getShareGroupInfo.apply(this, arguments);
   }
@@ -540,6 +540,60 @@ var Chatbox = function Chatbox(props) {
       return _ref12.apply(this, arguments);
     };
   }();
+  // 给agent 发送消息需要调用该接口
+  var sendAgentMsg = /*#__PURE__*/function () {
+    var _ref13 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+      var userid,
+        content,
+        options,
+        _args4 = arguments;
+      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            userid = _args4.length > 0 && _args4[0] !== undefined ? _args4[0] : '';
+            content = _args4.length > 1 && _args4[1] !== undefined ? _args4[1] : '';
+            _context4.prev = 2;
+            options = {
+              userid: userid,
+              content: content
+            };
+            _context4.next = 6;
+            return http.post('/api/imchannel/sendagentmessage', options);
+          case 6:
+            _context4.next = 11;
+            break;
+          case 8:
+            _context4.prev = 8;
+            _context4.t0 = _context4["catch"](2);
+            console.log(_context4.t0);
+          case 11:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4, null, [[2, 8]]);
+    }));
+    return function sendAgentMsg() {
+      return _ref13.apply(this, arguments);
+    };
+  }();
+  var afterSendMsg = /*#__PURE__*/function () {
+    var _ref14 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(msgInfo) {
+      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            if (agoraChatUikit.rootStore.conversationStore.currentCvs.chatType === 'singleChat') {
+              sendAgentMsg(agoraChatUikit.rootStore.conversationStore.currentCvs.conversationId, msgInfo.msg);
+            }
+          case 1:
+          case "end":
+            return _context5.stop();
+        }
+      }, _callee5);
+    }));
+    return function afterSendMsg(_x5) {
+      return _ref14.apply(this, arguments);
+    };
+  }();
   React.useEffect(function () {
     getHeaderInfo();
   }, []);
@@ -555,7 +609,11 @@ var Chatbox = function Chatbox(props) {
     className: "yuze_chat_container w-full h-full overflow-hidden flex flex-col"
   }, agoraChatUikit.rootStore.conversationStore.currentCvs.conversationId && customHeader(), /*#__PURE__*/React.createElement(agoraChatUikit.Chat, {
     className: "flex-1",
-    messageInputProps: _objectSpread({}, type.commonMessageInputConfig),
+    messageInputProps: _objectSpread(_objectSpread({}, type.commonMessageInputConfig), {}, {
+      onSendMessage: function onSendMessage(msg) {
+        return afterSendMsg(msg);
+      }
+    }),
     renderHeader: function renderHeader() {
       return undefined;
     },

package/cjs/CustomChatView/index.js

@@ -56,7 +56,7 @@ var CustomChatView = function CustomChatView(props) {
   var _useSDK = agoraChatUikit.useSDK(),
     MessageSDK = _useSDK.ChatSDK;
   var renderTxtMsg = function renderTxtMsg(msg) {
-    var _userInfo$uid, _ref;
+    var _userInfo$uid;
     var isMySelf = (msg === null || msg === void 0 ? void 0 : msg.bySelf) === true || (msg === null || msg === void 0 ? void 0 : msg.from.toLowerCase()) === ((_userInfo$uid = userInfo.uid) === null || _userInfo$uid === void 0 ? void 0 : _userInfo$uid.toLowerCase());
     return /*#__PURE__*/React.createElement(agoraChatUikit.TextMessage, {
       bubbleStyle: {
@@ -76,7 +76,7 @@ var CustomChatView = function CustomChatView(props) {
       renderUserProfile: function renderUserProfile() {
         return null;
       },
-      customAction: (_ref = type.commonMessageProps && (type.commonMessageProps === null || type.commonMessageProps === void 0 ? void 0 : type.commonMessageProps.customAction)) !== null && _ref !== void 0 ? _ref : undefined
+      customAction: undefined
     });
   };
   var renderShareCardMsg = function renderShareCardMsg(msg) {
@@ -102,7 +102,6 @@ var CustomChatView = function CustomChatView(props) {
     if (msg.type === "txt") {
       return renderTxtMsg(msg);
     } else if (msg.type === 'img') {
-      var _ref2;
       return /*#__PURE__*/React.createElement(agoraChatUikit.ImageMessage, {
         reaction: false,
         select: false,
@@ -110,11 +109,10 @@ var CustomChatView = function CustomChatView(props) {
         renderUserProfile: function renderUserProfile() {
           return null;
         },
-        customAction: (_ref2 = type.commonMessageProps && (type.commonMessageProps === null || type.commonMessageProps === void 0 ? void 0 : type.commonMessageProps.customAction)) !== null && _ref2 !== void 0 ? _ref2 : undefined,
+        customAction: undefined,
         imageMessage: msg
       });
     } else if (msg.type === 'file') {
-      var _ref3;
       return /*#__PURE__*/React.createElement(agoraChatUikit.FileMessage, {
         bubbleStyle: {
           background: msg.bySelf ? "var(--im-msg-bubble-color-right)" : "var(--im-msg-bubble-color-left)",
@@ -128,11 +126,10 @@ var CustomChatView = function CustomChatView(props) {
         renderUserProfile: function renderUserProfile() {
           return null;
         },
-        customAction: (_ref3 = type.commonMessageProps && (type.commonMessageProps === null || type.commonMessageProps === void 0 ? void 0 : type.commonMessageProps.customAction)) !== null && _ref3 !== void 0 ? _ref3 : undefined,
+        customAction: undefined,
         fileMessage: msg
       });
     } else if (msg.type === 'video') {
-      var _ref4;
       return /*#__PURE__*/React.createElement(agoraChatUikit.VideoMessage, {
         reaction: false,
         select: false,
@@ -140,11 +137,10 @@ var CustomChatView = function CustomChatView(props) {
         renderUserProfile: function renderUserProfile() {
           return null;
         },
-        customAction: (_ref4 = type.commonMessageProps && (type.commonMessageProps === null || type.commonMessageProps === void 0 ? void 0 : type.commonMessageProps.customAction)) !== null && _ref4 !== void 0 ? _ref4 : undefined,
+        customAction: undefined,
         videoMessage: msg
       });
     } else if (msg.type === 'audio') {
-      var _ref5;
       return /*#__PURE__*/React.createElement(agoraChatUikit.AudioMessage, {
         reaction: false,
         select: false,
@@ -152,11 +148,11 @@ var CustomChatView = function CustomChatView(props) {
         renderUserProfile: function renderUserProfile() {
           return null;
         },
-        customAction: (_ref5 = type.commonMessageProps && (type.commonMessageProps === null || type.commonMessageProps === void 0 ? void 0 : type.commonMessageProps.customAction)) !== null && _ref5 !== void 0 ? _ref5 : undefined,
+        customAction: undefined,
         audioMessage: msg
       });
     } else if (msg.type === 'custom' && ((msg === null || msg === void 0 ? void 0 : msg.customEvent) === 'im_group_share' || (msg === null || msg === void 0 ? void 0 : msg.customEvent) === 'personcenter_share')) {
-      var _userInfo$uid2, _ref6;
+      var _userInfo$uid2;
       var isMySelf = (msg === null || msg === void 0 ? void 0 : msg.bySelf) === true || (msg === null || msg === void 0 ? void 0 : msg.from.toLowerCase()) === (userInfo === null || userInfo === void 0 || (_userInfo$uid2 = userInfo.uid) === null || _userInfo$uid2 === void 0 ? void 0 : _userInfo$uid2.toLowerCase());
       return /*#__PURE__*/React.createElement(agoraChatUikit.BaseMessage, {
         bubbleStyle: {
@@ -172,7 +168,7 @@ var CustomChatView = function CustomChatView(props) {
         renderUserProfile: function renderUserProfile() {
           return null;
         },
-        customAction: (_ref6 = type.commonMessageProps && (type.commonMessageProps === null || type.commonMessageProps === void 0 ? void 0 : type.commonMessageProps.customAction)) !== null && _ref6 !== void 0 ? _ref6 : undefined,
+        customAction: undefined,
         children: renderShareCardMsg(msg)
       });
     } else {
@@ -200,11 +196,11 @@ var CustomChatView = function CustomChatView(props) {
         var _group$info;
         // @ts-ignore
         if (cvs.conversationId == (group === null || group === void 0 ? void 0 : group.groupid) && group !== null && group !== void 0 && (_group$info = group.info) !== null && _group$info !== void 0 && _group$info.custom) {
-          var _group$info2, _customObj$headimgurl, _group$info$affiliati, _group$info3, _ref7, _ref8, _group$name, _group$info4;
+          var _group$info2, _customObj$headimgurl, _group$info$affiliati, _group$info3, _ref, _ref2, _group$name, _group$info4;
           var customObj = JSON.parse(group === null || group === void 0 || (_group$info2 = group.info) === null || _group$info2 === void 0 ? void 0 : _group$info2.custom);
           var imageurl = (_customObj$headimgurl = customObj === null || customObj === void 0 ? void 0 : customObj.headimgurl) !== null && _customObj$headimgurl !== void 0 ? _customObj$headimgurl : '';
           var member = (_group$info$affiliati = group === null || group === void 0 || (_group$info3 = group.info) === null || _group$info3 === void 0 ? void 0 : _group$info3.affiliations_count) !== null && _group$info$affiliati !== void 0 ? _group$info$affiliati : 0;
-          var name = (_ref7 = (_ref8 = (_group$name = group === null || group === void 0 ? void 0 : group.name) !== null && _group$name !== void 0 ? _group$name : group === null || group === void 0 || (_group$info4 = group.info) === null || _group$info4 === void 0 ? void 0 : _group$info4.name) !== null && _ref8 !== void 0 ? _ref8 : cvs.name) !== null && _ref7 !== void 0 ? _ref7 : '';
+          var name = (_ref = (_ref2 = (_group$name = group === null || group === void 0 ? void 0 : group.name) !== null && _group$name !== void 0 ? _group$name : group === null || group === void 0 || (_group$info4 = group.info) === null || _group$info4 === void 0 ? void 0 : _group$info4.name) !== null && _ref2 !== void 0 ? _ref2 : cvs.name) !== null && _ref !== void 0 ? _ref : '';
           setHeaderInfo(function (prevState) {
             return _objectSpread(_objectSpread({}, prevState), {}, {
               headerImageURL: imageurl,
@@ -235,9 +231,9 @@ var CustomChatView = function CustomChatView(props) {
           }
         });
       } else {
-        var _appUsersInfo$avataru, _ref9, _appUsersInfo$name;
+        var _appUsersInfo$avataru, _ref3, _appUsersInfo$name;
         var imageurl = (_appUsersInfo$avataru = appUsersInfo === null || appUsersInfo === void 0 ? void 0 : appUsersInfo.avatarurl) !== null && _appUsersInfo$avataru !== void 0 ? _appUsersInfo$avataru : '';
-        var name = (_ref9 = (_appUsersInfo$name = appUsersInfo === null || appUsersInfo === void 0 ? void 0 : appUsersInfo.name) !== null && _appUsersInfo$name !== void 0 ? _appUsersInfo$name : cvs.name) !== null && _ref9 !== void 0 ? _ref9 : '';
+        var name = (_ref3 = (_appUsersInfo$name = appUsersInfo === null || appUsersInfo === void 0 ? void 0 : appUsersInfo.name) !== null && _appUsersInfo$name !== void 0 ? _appUsersInfo$name : cvs.name) !== null && _ref3 !== void 0 ? _ref3 : '';
         setHeaderInfo(function (prevState) {
           return _objectSpread(_objectSpread({}, prevState), {}, {
             headerImageURL: imageurl,
@@ -307,7 +303,7 @@ var CustomChatView = function CustomChatView(props) {
     return _getShareGroupInfo.apply(this, arguments);
   }
   var clickCustomGroupCardMsg = /*#__PURE__*/function () {
-    var _ref10 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(msg) {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(msg) {
       var params, _response$data, response, _msg$customExts3, _msg$customExts4, _msg$customExts5, _msg$customExts6, conversation;
       return _regeneratorRuntime.wrap(function _callee$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -366,7 +362,7 @@ var CustomChatView = function CustomChatView(props) {
       }, _callee, null, [[4, 11]]);
     }));
     return function clickCustomGroupCardMsg(_x3) {
-      return _ref10.apply(this, arguments);
+      return _ref4.apply(this, arguments);
     };
   }();
   React.useEffect(function () {
@@ -415,7 +411,7 @@ var CustomChatView = function CustomChatView(props) {
     setCurAgentId = _useState10[1];
   // 获取agent列表
   var getCollectList = /*#__PURE__*/function () {
-    var _ref11 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
       var _yield$http$get, data;
       return _regeneratorRuntime.wrap(function _callee2$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
@@ -446,7 +442,7 @@ var CustomChatView = function CustomChatView(props) {
       }, _callee2, null, [[0, 8]]);
     }));
     return function getCollectList() {
-      return _ref11.apply(this, arguments);
+      return _ref5.apply(this, arguments);
     };
   }();
   var _useState11 = React.useState([]),
@@ -454,7 +450,7 @@ var CustomChatView = function CustomChatView(props) {
     agentTipList = _useState12[0],
     setAgentTipList = _useState12[1];
   var getTipsList = /*#__PURE__*/function () {
-    var _ref12 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
       var _yield$http$get2, data;
       return _regeneratorRuntime.wrap(function _callee3$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
@@ -479,7 +475,7 @@ var CustomChatView = function CustomChatView(props) {
       }, _callee3, null, [[0, 8]]);
     }));
     return function getTipsList() {
-      return _ref12.apply(this, arguments);
+      return _ref6.apply(this, arguments);
     };
   }();
   React.useEffect(function () {
@@ -488,7 +484,7 @@ var CustomChatView = function CustomChatView(props) {
     getTipsList();
   }, []);
   var changeAgent = /*#__PURE__*/function () {
-    var _ref13 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(val) {
+    var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(val) {
       var curAgent;
       return _regeneratorRuntime.wrap(function _callee4$(_context5) {
         while (1) switch (_context5.prev = _context5.next) {
@@ -511,12 +507,12 @@ var CustomChatView = function CustomChatView(props) {
       }, _callee4);
     }));
     return function changeAgent(_x4) {
-      return _ref13.apply(this, arguments);
+      return _ref7.apply(this, arguments);
     };
   }();
   // 给agent 发送消息需要调用该接口
   var sendAgentMsg = /*#__PURE__*/function () {
-    var _ref14 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
+    var _ref8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
       var userid,
         content,
         options,
@@ -548,11 +544,11 @@ var CustomChatView = function CustomChatView(props) {
       }, _callee5, null, [[2, 8]]);
     }));
     return function sendAgentMsg() {
-      return _ref14.apply(this, arguments);
+      return _ref8.apply(this, arguments);
     };
   }();
   var postMessage = /*#__PURE__*/function () {
-    var _ref15 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(msg) {
+    var _ref9 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(msg) {
       var customMessage;
       return _regeneratorRuntime.wrap(function _callee6$(_context7) {
         while (1) switch (_context7.prev = _context7.next) {
@@ -575,11 +571,11 @@ var CustomChatView = function CustomChatView(props) {
       }, _callee6);
     }));
     return function postMessage(_x5) {
-      return _ref15.apply(this, arguments);
+      return _ref9.apply(this, arguments);
     };
   }();
   var afterSendMsg = /*#__PURE__*/function () {
-    var _ref16 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7(msgInfo) {
+    var _ref10 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7(msgInfo) {
       return _regeneratorRuntime.wrap(function _callee7$(_context8) {
         while (1) switch (_context8.prev = _context8.next) {
           case 0:
@@ -591,7 +587,7 @@ var CustomChatView = function CustomChatView(props) {
       }, _callee7);
     }));
     return function afterSendMsg(_x6) {
-      return _ref16.apply(this, arguments);
+      return _ref10.apply(this, arguments);
     };
   }();
   return /*#__PURE__*/React.createElement("div", {
@@ -600,7 +596,7 @@ var CustomChatView = function CustomChatView(props) {
     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",
+    popupClassName: "agent-select-popup bg-[var(--im-main-backgroundColor)] text-[var(--im-main-fontColor)]",
     value: curAgentId,
     placeholder: "Select your agent to take actions on token",
     prefix: /*#__PURE__*/React.createElement("img", {

package/cjs/GroupDetail/index.js

@@ -213,6 +213,7 @@ var GroupDetail = function GroupDetail(props) {
       avatar: item.headimgurl,
       key: item.userid,
       roletype: item.roletype,
+      groupRoleType: groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.roletype,
       rightNode: /*#__PURE__*/React.createElement("img", {
         src: ic_messages,
         onClick: function onClick() {

package/cjs/IM/style/index.scss

@@ -38,6 +38,8 @@
   .ant-select-dropdown {
     background-color: var(--im-main-backgroundColor);
   }
+  height: 100vh;
+  overflow: auto;
 }
 .im-dark {
   --im-main-backgroundColor: #1e2329;
@@ -90,6 +92,9 @@
   }
 
   --im-border-10: rgba(255, 255, 255, 0.1);
+
+  height: 100vh;
+  overflow: auto;
 }
 
 .cui-message-base-right {

package/cjs/Sidebar/CreateGroup/index.js

@@ -6,6 +6,7 @@ var _slicedToArray = require('@babel/runtime-corejs3/helpers/esm/slicedToArray')
 var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
+var _sliceInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/slice');
 var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
 var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
 var React = require('react');
@@ -88,7 +89,7 @@ var CreateGroup = function CreateGroup(props) {
   var handleDebounceGetFrindList = useDebounce.useDebouncedCallback(handleGetFrindList, 150);
   var handleCreateGroup = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-      var _result2$data, result1, data, result2;
+      var _result2$data, result1, name, data, result2;
       return _regeneratorRuntime.wrap(function _callee2$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
@@ -98,37 +99,38 @@ var CreateGroup = function CreateGroup(props) {
             return http.get("/capi/account/imchannel/imchannelconfig");
           case 4:
             result1 = _context3.sent;
+            name = _mapInstanceProperty(member).call(member, function (item) {
+              return item.name;
+            }).join(",");
             data = {
-              name: _mapInstanceProperty(member).call(member, function (item) {
-                return item.name;
-              }).join(","),
+              name: _sliceInstanceProperty(name).call(name, -32, name.length),
               customtype: "chat_group",
               headimgurl: result1.data.data.headimgurl,
               memberids: _mapInstanceProperty(member).call(member, function (item) {
                 return item.userid;
               })
             };
-            _context3.next = 8;
+            _context3.next = 9;
             return http.post("/capi/account/imchannel/save", data);
-          case 8:
+          case 9:
             result2 = _context3.sent;
             setLoading(false);
             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();
             }
-            _context3.next = 17;
+            _context3.next = 18;
             break;
-          case 13:
-            _context3.prev = 13;
+          case 14:
+            _context3.prev = 14;
             _context3.t0 = _context3["catch"](1);
             console.log(_context3.t0);
             setLoading(false);
-          case 17:
+          case 18:
           case "end":
             return _context3.stop();
         }
-      }, _callee2, null, [[1, 13]]);
+      }, _callee2, null, [[1, 14]]);
     }));
     return function handleCreateGroup() {
       return _ref2.apply(this, arguments);

package/cjs/TypeItem/OperateBtn/index.d.ts

@@ -8,6 +8,7 @@ interface IOperateBtn {
     onDelete?: (memberid: string) => void;
     onBlock?: (memberid: string) => void;
     onBan?: (value: number) => void;
+    groupRoleType?: number;
 }
 declare const OperateBtn: React.FC<IOperateBtn>;
 export default OperateBtn;

package/cjs/TypeItem/OperateBtn/index.js

@@ -21,7 +21,8 @@ var OperateBtn = function OperateBtn(props) {
     onDelete = props.onDelete,
     onBlock = props.onBlock,
     isprohibition = props.isprohibition,
-    onBan = props.onBan;
+    onBan = props.onBan,
+    groupRoleType = props.groupRoleType;
   var _useContext = React.useContext(context.Context),
     http = _useContext.http;
   var _Modal$useModal = antd.Modal.useModal(),
@@ -140,7 +141,7 @@ var OperateBtn = function OperateBtn(props) {
     placement: "bottomLeft",
     title: /*#__PURE__*/React.createElement("div", {
       className: "flex flex-col"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, groupRoleType === 2 && /*#__PURE__*/React.createElement("div", {
       className: "yuze-conversationList-header-right-tooltip-item flex flex-row items-center gap-3 cursor-pointer",
       onClick: handleDebounceUpdateAdmin
     }, /*#__PURE__*/React.createElement("img", {

package/cjs/TypeItem/index.d.ts

@@ -7,6 +7,7 @@ export interface ITypeItem {
     description?: string;
     type?: "1" | "2";
     roletype?: number;
+    groupRoleType?: number;
     groupId?: string;
     onClick?: () => void;
     isSelectable?: boolean;

package/cjs/TypeItem/index.js

@@ -25,7 +25,8 @@ var TypeItem = function TypeItem(props) {
     showMore = _props$showMore === void 0 ? false : _props$showMore,
     onDelete = props.onDelete,
     isprohibition = props.isprohibition,
-    onBlock = props.onBlock;
+    onBlock = props.onBlock,
+    groupRoleType = props.groupRoleType;
   var _useState = React.useState(roletype),
     _useState2 = _slicedToArray(_useState, 2),
     iroletype = _useState2[0],
@@ -65,7 +66,8 @@ var TypeItem = function TypeItem(props) {
     })
   }, /*#__PURE__*/React.createElement("span", null, iroletype === 2 ? "Owner" : "Admin"))), /*#__PURE__*/React.createElement("div", {
     className: "yuze-TypeItem-right shrink-0 flex items-center justify-center"
-  }, rightNode, roletype !== 2 && userId && sendbirdid && showMore && /*#__PURE__*/React.createElement(index, {
+  }, rightNode, roletype !== 2 && groupRoleType !== 0 && userId && sendbirdid && showMore && /*#__PURE__*/React.createElement(index, {
+    groupRoleType: groupRoleType,
     userId: userId,
     roletype: iroletype,
     sendbirdid: sendbirdid,

package/es/ChatBox/index.js

@@ -21,10 +21,10 @@ import { Context } from '../IM/context.js';
 import { Modal, Button, message } from 'antd';
 import JoinGroupDialog from './JoinGroupDialog/index.js';
 import AddMember from '../AddMember/index.js';
-import { commonMessageProps, commonMessageInputConfig } from '../type.js';
+import { commonMessageInputConfig, commonMessageProps } from '../type.js';
 
 function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context5, _context6; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context5 = ownKeys(Object(t), true)).call(_context5, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context6 = ownKeys(Object(t))).call(_context6, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context7, _context8; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context7 = ownKeys(Object(t), true)).call(_context7, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context8 = ownKeys(Object(t))).call(_context8, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Chatbox = function Chatbox(props) {
   var _userInfo$uid3;
   var _useContext = useContext(Context),
@@ -421,18 +421,18 @@ var Chatbox = function Chatbox(props) {
     return _getShareGroupInfo.apply(this, arguments);
   }
   function _getShareGroupInfo() {
-    _getShareGroupInfo = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(shareInfo, isJoined) {
+    _getShareGroupInfo = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(shareInfo, isJoined) {
       var params, response, data, groupInfo, waitJoinGroupinfo, conversation, _response$data3;
-      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
+      return _regeneratorRuntime.wrap(function _callee6$(_context6) {
+        while (1) switch (_context6.prev = _context6.next) {
           case 0:
             params = {
               sendbirdid: shareInfo === null || shareInfo === void 0 ? void 0 : shareInfo.objectId
             };
-            _context4.next = 3;
+            _context6.next = 3;
             return http.post("/capi/account/imchannel/getdetails", params);
           case 3:
-            response = _context4.sent;
+            response = _context6.sent;
             data = response.data;
             if (data && data.code === 200 && data.data) {
               groupInfo = data.data;
@@ -469,9 +469,9 @@ var Chatbox = function Chatbox(props) {
             }
           case 6:
           case "end":
-            return _context4.stop();
+            return _context6.stop();
         }
-      }, _callee4);
+      }, _callee6);
     }));
     return _getShareGroupInfo.apply(this, arguments);
   }
@@ -538,6 +538,60 @@ var Chatbox = function Chatbox(props) {
       return _ref12.apply(this, arguments);
     };
   }();
+  // 给agent 发送消息需要调用该接口
+  var sendAgentMsg = /*#__PURE__*/function () {
+    var _ref13 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+      var userid,
+        content,
+        options,
+        _args4 = arguments;
+      return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+        while (1) switch (_context4.prev = _context4.next) {
+          case 0:
+            userid = _args4.length > 0 && _args4[0] !== undefined ? _args4[0] : '';
+            content = _args4.length > 1 && _args4[1] !== undefined ? _args4[1] : '';
+            _context4.prev = 2;
+            options = {
+              userid: userid,
+              content: content
+            };
+            _context4.next = 6;
+            return http.post('/api/imchannel/sendagentmessage', options);
+          case 6:
+            _context4.next = 11;
+            break;
+          case 8:
+            _context4.prev = 8;
+            _context4.t0 = _context4["catch"](2);
+            console.log(_context4.t0);
+          case 11:
+          case "end":
+            return _context4.stop();
+        }
+      }, _callee4, null, [[2, 8]]);
+    }));
+    return function sendAgentMsg() {
+      return _ref13.apply(this, arguments);
+    };
+  }();
+  var afterSendMsg = /*#__PURE__*/function () {
+    var _ref14 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5(msgInfo) {
+      return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+        while (1) switch (_context5.prev = _context5.next) {
+          case 0:
+            if (rootStore.conversationStore.currentCvs.chatType === 'singleChat') {
+              sendAgentMsg(rootStore.conversationStore.currentCvs.conversationId, msgInfo.msg);
+            }
+          case 1:
+          case "end":
+            return _context5.stop();
+        }
+      }, _callee5);
+    }));
+    return function afterSendMsg(_x5) {
+      return _ref14.apply(this, arguments);
+    };
+  }();
   useEffect(function () {
     getHeaderInfo();
   }, []);
@@ -553,7 +607,11 @@ var Chatbox = function Chatbox(props) {
     className: "yuze_chat_container w-full h-full overflow-hidden flex flex-col"
   }, rootStore.conversationStore.currentCvs.conversationId && customHeader(), /*#__PURE__*/React.createElement(Chat, {
     className: "flex-1",
-    messageInputProps: _objectSpread({}, commonMessageInputConfig),
+    messageInputProps: _objectSpread(_objectSpread({}, commonMessageInputConfig), {}, {
+      onSendMessage: function onSendMessage(msg) {
+        return afterSendMsg(msg);
+      }
+    }),
     renderHeader: function renderHeader() {
       return undefined;
     },

package/es/CustomChatView/index.js

@@ -54,7 +54,7 @@ var CustomChatView = function CustomChatView(props) {
   var _useSDK = useSDK(),
     MessageSDK = _useSDK.ChatSDK;
   var renderTxtMsg = function renderTxtMsg(msg) {
-    var _userInfo$uid, _ref;
+    var _userInfo$uid;
     var isMySelf = (msg === null || msg === void 0 ? void 0 : msg.bySelf) === true || (msg === null || msg === void 0 ? void 0 : msg.from.toLowerCase()) === ((_userInfo$uid = userInfo.uid) === null || _userInfo$uid === void 0 ? void 0 : _userInfo$uid.toLowerCase());
     return /*#__PURE__*/React.createElement(TextMessage, {
       bubbleStyle: {
@@ -74,7 +74,7 @@ var CustomChatView = function CustomChatView(props) {
       renderUserProfile: function renderUserProfile() {
         return null;
       },
-      customAction: (_ref = commonMessageProps && (commonMessageProps === null || commonMessageProps === void 0 ? void 0 : commonMessageProps.customAction)) !== null && _ref !== void 0 ? _ref : undefined
+      customAction: undefined
     });
   };
   var renderShareCardMsg = function renderShareCardMsg(msg) {
@@ -100,7 +100,6 @@ var CustomChatView = function CustomChatView(props) {
     if (msg.type === "txt") {
       return renderTxtMsg(msg);
     } else if (msg.type === 'img') {
-      var _ref2;
       return /*#__PURE__*/React.createElement(ImageMessage, {
         reaction: false,
         select: false,
@@ -108,11 +107,10 @@ var CustomChatView = function CustomChatView(props) {
         renderUserProfile: function renderUserProfile() {
           return null;
         },
-        customAction: (_ref2 = commonMessageProps && (commonMessageProps === null || commonMessageProps === void 0 ? void 0 : commonMessageProps.customAction)) !== null && _ref2 !== void 0 ? _ref2 : undefined,
+        customAction: undefined,
         imageMessage: msg
       });
     } else if (msg.type === 'file') {
-      var _ref3;
       return /*#__PURE__*/React.createElement(FileMessage, {
         bubbleStyle: {
           background: msg.bySelf ? "var(--im-msg-bubble-color-right)" : "var(--im-msg-bubble-color-left)",
@@ -126,11 +124,10 @@ var CustomChatView = function CustomChatView(props) {
         renderUserProfile: function renderUserProfile() {
           return null;
         },
-        customAction: (_ref3 = commonMessageProps && (commonMessageProps === null || commonMessageProps === void 0 ? void 0 : commonMessageProps.customAction)) !== null && _ref3 !== void 0 ? _ref3 : undefined,
+        customAction: undefined,
         fileMessage: msg
       });
     } else if (msg.type === 'video') {
-      var _ref4;
       return /*#__PURE__*/React.createElement(VideoMessage, {
         reaction: false,
         select: false,
@@ -138,11 +135,10 @@ var CustomChatView = function CustomChatView(props) {
         renderUserProfile: function renderUserProfile() {
           return null;
         },
-        customAction: (_ref4 = commonMessageProps && (commonMessageProps === null || commonMessageProps === void 0 ? void 0 : commonMessageProps.customAction)) !== null && _ref4 !== void 0 ? _ref4 : undefined,
+        customAction: undefined,
         videoMessage: msg
       });
     } else if (msg.type === 'audio') {
-      var _ref5;
       return /*#__PURE__*/React.createElement(AudioMessage, {
         reaction: false,
         select: false,
@@ -150,11 +146,11 @@ var CustomChatView = function CustomChatView(props) {
         renderUserProfile: function renderUserProfile() {
           return null;
         },
-        customAction: (_ref5 = commonMessageProps && (commonMessageProps === null || commonMessageProps === void 0 ? void 0 : commonMessageProps.customAction)) !== null && _ref5 !== void 0 ? _ref5 : undefined,
+        customAction: undefined,
         audioMessage: msg
       });
     } else if (msg.type === 'custom' && ((msg === null || msg === void 0 ? void 0 : msg.customEvent) === 'im_group_share' || (msg === null || msg === void 0 ? void 0 : msg.customEvent) === 'personcenter_share')) {
-      var _userInfo$uid2, _ref6;
+      var _userInfo$uid2;
       var isMySelf = (msg === null || msg === void 0 ? void 0 : msg.bySelf) === true || (msg === null || msg === void 0 ? void 0 : msg.from.toLowerCase()) === (userInfo === null || userInfo === void 0 || (_userInfo$uid2 = userInfo.uid) === null || _userInfo$uid2 === void 0 ? void 0 : _userInfo$uid2.toLowerCase());
       return /*#__PURE__*/React.createElement(BaseMessage, {
         bubbleStyle: {
@@ -170,7 +166,7 @@ var CustomChatView = function CustomChatView(props) {
         renderUserProfile: function renderUserProfile() {
           return null;
         },
-        customAction: (_ref6 = commonMessageProps && (commonMessageProps === null || commonMessageProps === void 0 ? void 0 : commonMessageProps.customAction)) !== null && _ref6 !== void 0 ? _ref6 : undefined,
+        customAction: undefined,
         children: renderShareCardMsg(msg)
       });
     } else {
@@ -198,11 +194,11 @@ var CustomChatView = function CustomChatView(props) {
         var _group$info;
         // @ts-ignore
         if (cvs.conversationId == (group === null || group === void 0 ? void 0 : group.groupid) && group !== null && group !== void 0 && (_group$info = group.info) !== null && _group$info !== void 0 && _group$info.custom) {
-          var _group$info2, _customObj$headimgurl, _group$info$affiliati, _group$info3, _ref7, _ref8, _group$name, _group$info4;
+          var _group$info2, _customObj$headimgurl, _group$info$affiliati, _group$info3, _ref, _ref2, _group$name, _group$info4;
           var customObj = JSON.parse(group === null || group === void 0 || (_group$info2 = group.info) === null || _group$info2 === void 0 ? void 0 : _group$info2.custom);
           var imageurl = (_customObj$headimgurl = customObj === null || customObj === void 0 ? void 0 : customObj.headimgurl) !== null && _customObj$headimgurl !== void 0 ? _customObj$headimgurl : '';
           var member = (_group$info$affiliati = group === null || group === void 0 || (_group$info3 = group.info) === null || _group$info3 === void 0 ? void 0 : _group$info3.affiliations_count) !== null && _group$info$affiliati !== void 0 ? _group$info$affiliati : 0;
-          var name = (_ref7 = (_ref8 = (_group$name = group === null || group === void 0 ? void 0 : group.name) !== null && _group$name !== void 0 ? _group$name : group === null || group === void 0 || (_group$info4 = group.info) === null || _group$info4 === void 0 ? void 0 : _group$info4.name) !== null && _ref8 !== void 0 ? _ref8 : cvs.name) !== null && _ref7 !== void 0 ? _ref7 : '';
+          var name = (_ref = (_ref2 = (_group$name = group === null || group === void 0 ? void 0 : group.name) !== null && _group$name !== void 0 ? _group$name : group === null || group === void 0 || (_group$info4 = group.info) === null || _group$info4 === void 0 ? void 0 : _group$info4.name) !== null && _ref2 !== void 0 ? _ref2 : cvs.name) !== null && _ref !== void 0 ? _ref : '';
           setHeaderInfo(function (prevState) {
             return _objectSpread(_objectSpread({}, prevState), {}, {
               headerImageURL: imageurl,
@@ -233,9 +229,9 @@ var CustomChatView = function CustomChatView(props) {
           }
         });
       } else {
-        var _appUsersInfo$avataru, _ref9, _appUsersInfo$name;
+        var _appUsersInfo$avataru, _ref3, _appUsersInfo$name;
         var imageurl = (_appUsersInfo$avataru = appUsersInfo === null || appUsersInfo === void 0 ? void 0 : appUsersInfo.avatarurl) !== null && _appUsersInfo$avataru !== void 0 ? _appUsersInfo$avataru : '';
-        var name = (_ref9 = (_appUsersInfo$name = appUsersInfo === null || appUsersInfo === void 0 ? void 0 : appUsersInfo.name) !== null && _appUsersInfo$name !== void 0 ? _appUsersInfo$name : cvs.name) !== null && _ref9 !== void 0 ? _ref9 : '';
+        var name = (_ref3 = (_appUsersInfo$name = appUsersInfo === null || appUsersInfo === void 0 ? void 0 : appUsersInfo.name) !== null && _appUsersInfo$name !== void 0 ? _appUsersInfo$name : cvs.name) !== null && _ref3 !== void 0 ? _ref3 : '';
         setHeaderInfo(function (prevState) {
           return _objectSpread(_objectSpread({}, prevState), {}, {
             headerImageURL: imageurl,
@@ -305,7 +301,7 @@ var CustomChatView = function CustomChatView(props) {
     return _getShareGroupInfo.apply(this, arguments);
   }
   var clickCustomGroupCardMsg = /*#__PURE__*/function () {
-    var _ref10 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(msg) {
+    var _ref4 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(msg) {
       var params, _response$data, response, _msg$customExts3, _msg$customExts4, _msg$customExts5, _msg$customExts6, conversation;
       return _regeneratorRuntime.wrap(function _callee$(_context2) {
         while (1) switch (_context2.prev = _context2.next) {
@@ -364,7 +360,7 @@ var CustomChatView = function CustomChatView(props) {
       }, _callee, null, [[4, 11]]);
     }));
     return function clickCustomGroupCardMsg(_x3) {
-      return _ref10.apply(this, arguments);
+      return _ref4.apply(this, arguments);
     };
   }();
   useEffect(function () {
@@ -413,7 +409,7 @@ var CustomChatView = function CustomChatView(props) {
     setCurAgentId = _useState10[1];
   // 获取agent列表
   var getCollectList = /*#__PURE__*/function () {
-    var _ref11 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    var _ref5 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
       var _yield$http$get, data;
       return _regeneratorRuntime.wrap(function _callee2$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
@@ -444,7 +440,7 @@ var CustomChatView = function CustomChatView(props) {
       }, _callee2, null, [[0, 8]]);
     }));
     return function getCollectList() {
-      return _ref11.apply(this, arguments);
+      return _ref5.apply(this, arguments);
     };
   }();
   var _useState11 = useState([]),
@@ -452,7 +448,7 @@ var CustomChatView = function CustomChatView(props) {
     agentTipList = _useState12[0],
     setAgentTipList = _useState12[1];
   var getTipsList = /*#__PURE__*/function () {
-    var _ref12 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+    var _ref6 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
       var _yield$http$get2, data;
       return _regeneratorRuntime.wrap(function _callee3$(_context4) {
         while (1) switch (_context4.prev = _context4.next) {
@@ -477,7 +473,7 @@ var CustomChatView = function CustomChatView(props) {
       }, _callee3, null, [[0, 8]]);
     }));
     return function getTipsList() {
-      return _ref12.apply(this, arguments);
+      return _ref6.apply(this, arguments);
     };
   }();
   useEffect(function () {
@@ -486,7 +482,7 @@ var CustomChatView = function CustomChatView(props) {
     getTipsList();
   }, []);
   var changeAgent = /*#__PURE__*/function () {
-    var _ref13 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(val) {
+    var _ref7 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4(val) {
       var curAgent;
       return _regeneratorRuntime.wrap(function _callee4$(_context5) {
         while (1) switch (_context5.prev = _context5.next) {
@@ -509,12 +505,12 @@ var CustomChatView = function CustomChatView(props) {
       }, _callee4);
     }));
     return function changeAgent(_x4) {
-      return _ref13.apply(this, arguments);
+      return _ref7.apply(this, arguments);
     };
   }();
   // 给agent 发送消息需要调用该接口
   var sendAgentMsg = /*#__PURE__*/function () {
-    var _ref14 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
+    var _ref8 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
       var userid,
         content,
         options,
@@ -546,11 +542,11 @@ var CustomChatView = function CustomChatView(props) {
       }, _callee5, null, [[2, 8]]);
     }));
     return function sendAgentMsg() {
-      return _ref14.apply(this, arguments);
+      return _ref8.apply(this, arguments);
     };
   }();
   var postMessage = /*#__PURE__*/function () {
-    var _ref15 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(msg) {
+    var _ref9 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee6(msg) {
       var customMessage;
       return _regeneratorRuntime.wrap(function _callee6$(_context7) {
         while (1) switch (_context7.prev = _context7.next) {
@@ -573,11 +569,11 @@ var CustomChatView = function CustomChatView(props) {
       }, _callee6);
     }));
     return function postMessage(_x5) {
-      return _ref15.apply(this, arguments);
+      return _ref9.apply(this, arguments);
     };
   }();
   var afterSendMsg = /*#__PURE__*/function () {
-    var _ref16 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7(msgInfo) {
+    var _ref10 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee7(msgInfo) {
       return _regeneratorRuntime.wrap(function _callee7$(_context8) {
         while (1) switch (_context8.prev = _context8.next) {
           case 0:
@@ -589,7 +585,7 @@ var CustomChatView = function CustomChatView(props) {
       }, _callee7);
     }));
     return function afterSendMsg(_x6) {
-      return _ref16.apply(this, arguments);
+      return _ref10.apply(this, arguments);
     };
   }();
   return /*#__PURE__*/React.createElement("div", {
@@ -598,7 +594,7 @@ var CustomChatView = function CustomChatView(props) {
     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",
+    popupClassName: "agent-select-popup bg-[var(--im-main-backgroundColor)] text-[var(--im-main-fontColor)]",
     value: curAgentId,
     placeholder: "Select your agent to take actions on token",
     prefix: /*#__PURE__*/React.createElement("img", {

package/es/GroupDetail/index.js

@@ -211,6 +211,7 @@ var GroupDetail = function GroupDetail(props) {
       avatar: item.headimgurl,
       key: item.userid,
       roletype: item.roletype,
+      groupRoleType: groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.roletype,
       rightNode: /*#__PURE__*/React.createElement("img", {
         src: img$3,
         onClick: function onClick() {

package/es/IM/style/index.scss

@@ -38,6 +38,8 @@
   .ant-select-dropdown {
     background-color: var(--im-main-backgroundColor);
   }
+  height: 100vh;
+  overflow: auto;
 }
 .im-dark {
   --im-main-backgroundColor: #1e2329;
@@ -90,6 +92,9 @@
   }
 
   --im-border-10: rgba(255, 255, 255, 0.1);
+
+  height: 100vh;
+  overflow: auto;
 }
 
 .cui-message-base-right {

package/es/Sidebar/CreateGroup/index.js

@@ -4,6 +4,7 @@ import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
 import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
+import _sliceInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/slice';
 import _findInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/find';
 import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
 import React, { useContext, useState, useRef, useEffect } from 'react';
@@ -86,7 +87,7 @@ var CreateGroup = function CreateGroup(props) {
   var handleDebounceGetFrindList = useDebouncedCallback(handleGetFrindList, 150);
   var handleCreateGroup = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
-      var _result2$data, result1, data, result2;
+      var _result2$data, result1, name, data, result2;
       return _regeneratorRuntime.wrap(function _callee2$(_context3) {
         while (1) switch (_context3.prev = _context3.next) {
           case 0:
@@ -96,37 +97,38 @@ var CreateGroup = function CreateGroup(props) {
             return http.get("/capi/account/imchannel/imchannelconfig");
           case 4:
             result1 = _context3.sent;
+            name = _mapInstanceProperty(member).call(member, function (item) {
+              return item.name;
+            }).join(",");
             data = {
-              name: _mapInstanceProperty(member).call(member, function (item) {
-                return item.name;
-              }).join(","),
+              name: _sliceInstanceProperty(name).call(name, -32, name.length),
               customtype: "chat_group",
               headimgurl: result1.data.data.headimgurl,
               memberids: _mapInstanceProperty(member).call(member, function (item) {
                 return item.userid;
               })
             };
-            _context3.next = 8;
+            _context3.next = 9;
             return http.post("/capi/account/imchannel/save", data);
-          case 8:
+          case 9:
             result2 = _context3.sent;
             setLoading(false);
             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();
             }
-            _context3.next = 17;
+            _context3.next = 18;
             break;
-          case 13:
-            _context3.prev = 13;
+          case 14:
+            _context3.prev = 14;
             _context3.t0 = _context3["catch"](1);
             console.log(_context3.t0);
             setLoading(false);
-          case 17:
+          case 18:
           case "end":
             return _context3.stop();
         }
-      }, _callee2, null, [[1, 13]]);
+      }, _callee2, null, [[1, 14]]);
     }));
     return function handleCreateGroup() {
       return _ref2.apply(this, arguments);

package/es/TypeItem/OperateBtn/index.d.ts

@@ -8,6 +8,7 @@ interface IOperateBtn {
     onDelete?: (memberid: string) => void;
     onBlock?: (memberid: string) => void;
     onBan?: (value: number) => void;
+    groupRoleType?: number;
 }
 declare const OperateBtn: React.FC<IOperateBtn>;
 export default OperateBtn;

package/es/TypeItem/OperateBtn/index.js

@@ -19,7 +19,8 @@ var OperateBtn = function OperateBtn(props) {
     onDelete = props.onDelete,
     onBlock = props.onBlock,
     isprohibition = props.isprohibition,
-    onBan = props.onBan;
+    onBan = props.onBan,
+    groupRoleType = props.groupRoleType;
   var _useContext = useContext(Context),
     http = _useContext.http;
   var _Modal$useModal = Modal.useModal(),
@@ -138,7 +139,7 @@ var OperateBtn = function OperateBtn(props) {
     placement: "bottomLeft",
     title: /*#__PURE__*/React.createElement("div", {
       className: "flex flex-col"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, groupRoleType === 2 && /*#__PURE__*/React.createElement("div", {
       className: "yuze-conversationList-header-right-tooltip-item flex flex-row items-center gap-3 cursor-pointer",
       onClick: handleDebounceUpdateAdmin
     }, /*#__PURE__*/React.createElement("img", {

package/es/TypeItem/index.d.ts

@@ -7,6 +7,7 @@ export interface ITypeItem {
     description?: string;
     type?: "1" | "2";
     roletype?: number;
+    groupRoleType?: number;
     groupId?: string;
     onClick?: () => void;
     isSelectable?: boolean;

package/es/TypeItem/index.js

@@ -23,7 +23,8 @@ var TypeItem = function TypeItem(props) {
     showMore = _props$showMore === void 0 ? false : _props$showMore,
     onDelete = props.onDelete,
     isprohibition = props.isprohibition,
-    onBlock = props.onBlock;
+    onBlock = props.onBlock,
+    groupRoleType = props.groupRoleType;
   var _useState = useState(roletype),
     _useState2 = _slicedToArray(_useState, 2),
     iroletype = _useState2[0],
@@ -63,7 +64,8 @@ var TypeItem = function TypeItem(props) {
     })
   }, /*#__PURE__*/React.createElement("span", null, iroletype === 2 ? "Owner" : "Admin"))), /*#__PURE__*/React.createElement("div", {
     className: "yuze-TypeItem-right shrink-0 flex items-center justify-center"
-  }, rightNode, roletype !== 2 && userId && sendbirdid && showMore && /*#__PURE__*/React.createElement(OperateBtn, {
+  }, rightNode, roletype !== 2 && groupRoleType !== 0 && userId && sendbirdid && showMore && /*#__PURE__*/React.createElement(OperateBtn, {
+    groupRoleType: groupRoleType,
     userId: userId,
     roletype: iroletype,
     sendbirdid: sendbirdid,

package/package.json

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