whyuzeim 1.0.8 → 1.0.9

package/cjs/AddMember/index.js

@@ -3,6 +3,7 @@
 var _toConsumableArray = require('@babel/runtime-corejs3/helpers/esm/toConsumableArray');
 var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/esm/asyncToGenerator');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/esm/slicedToArray');
+var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
 var _concatInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/concat');
 var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
 var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
@@ -34,9 +35,50 @@ var AddMember = function AddMember() {
     setMemberids = _useState6[1];
   var _useContext2 = React.useContext(context.Context),
     http = _useContext2.http;
-  var handleAddMember = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+  var _useState7 = React.useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    memberList = _useState8[0],
+    setMemberList = _useState8[1];
+  var handleGetGroupList = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var groupid, result;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.prev = 0;
+          groupid = agoraChatUikit.rootStore.conversationStore.currentCvs.conversationId;
+          if (groupid) {
+            _context.next = 4;
+            break;
+          }
+          return _context.abrupt("return");
+        case 4:
+          _context.next = 6;
+          return http.post("/capi/account/imchannel/getchanneluserv2", {
+            page: 1,
+            size: 2000,
+            sendbirdid: groupid
+          });
+        case 6:
+          result = _context.sent;
+          setMemberList(result.data.data.list);
+          _context.next = 13;
+          break;
+        case 10:
+          _context.prev = 10;
+          _context.t0 = _context["catch"](0);
+          console.log(_context.t0);
+        case 13:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[0, 10]]);
+  })), [http, agoraChatUikit.rootStore.conversationStore.currentCvs]);
+  React.useEffect(function () {
+    handleGetGroupList();
+  }, [handleGetGroupList]);
+  var handleAddMember = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
         case 0:
           setLoading(true);
           try {
@@ -53,9 +95,9 @@ var AddMember = function AddMember() {
           }
         case 2:
         case "end":
-          return _context.stop();
+          return _context2.stop();
       }
-    }, _callee);
+    }, _callee2);
   })), [http, memberids, setRightComponent]);
   var handleDebouncdAddMember = useDebounce.useDebouncedCallback(handleAddMember, 150);
   return /*#__PURE__*/React.createElement("div", {
@@ -97,11 +139,17 @@ var AddMember = function AddMember() {
         key: item.id,
         avatar: item.headimgurl,
         rightNode: /*#__PURE__*/React.createElement(agoraChatUikit.Checkbox, {
+          checked: !!_findInstanceProperty(memberList).call(memberList, function (child) {
+            return child.userid === item.userid;
+          }),
+          disabled: !!_findInstanceProperty(memberList).call(memberList, function (child) {
+            return child.userid === item.userid;
+          }),
           className: "yuze-addMember-checkbox",
           onChange: function onChange(event) {
             if (event.target.checked) {
-              var _context2;
-              setMemberids(_concatInstanceProperty(_context2 = []).call(_context2, _toConsumableArray(memberids), [item.userid]));
+              var _context3;
+              setMemberids(_concatInstanceProperty(_context3 = []).call(_context3, _toConsumableArray(memberids), [item.userid]));
             } else {
               var filterMember = _filterInstanceProperty(memberids).call(memberids, function (child) {
                 return child !== item.id;

package/cjs/ChatBox/index.js

@@ -12,7 +12,6 @@ var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/esm/asyncToGener
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/esm/slicedToArray');
 var _Date$now = require('@babel/runtime-corejs3/core-js-stable/date/now');
 var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
-var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
 var React = require('react');
 var agoraChatUikit = require('agora-chat-uikit');
@@ -416,7 +415,6 @@ var Chatbox = function Chatbox(props) {
           });
         });
       }
-      console.log("the appUsersInfo is ".concat(_JSON$stringify(appUsersInfo)));
     }
   };
   function getShareGroupInfo(_x2, _x3) {
@@ -451,7 +449,6 @@ var Chatbox = function Chatbox(props) {
                 setShowJoinGroupDialog(true);
               } else {
                 //显示指定的群
-                console.log('enter specific conversation', groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.sendbirdid);
                 conversation = {
                   chatType: 'groupChat',
                   conversationId: groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.sendbirdid,

package/cjs/ContactList/index.js

@@ -14,8 +14,10 @@ var agoraChatUikit = require('agora-chat-uikit');
 var useDebounce = require('use-debounce');
 var classNames = require('classnames');
 var index = require('../NoData/index.js');
+var _ = require('lodash');
 
 var ContactList = function ContactList(props) {
+  var _$uniqBy;
   var className = props.className,
     keyword = props.keyword,
     renderItem = props.renderItem,
@@ -96,7 +98,7 @@ var ContactList = function ContactList(props) {
     scrollableTarget: targetId,
     loader: /*#__PURE__*/React.createElement(React.Fragment, null),
     className: "h-full"
-  }, list === null || list === void 0 ? void 0 : _mapInstanceProperty(list).call(list, function (item) {
+  }, (_$uniqBy = _.uniqBy(list, "id")) === null || _$uniqBy === void 0 ? void 0 : _mapInstanceProperty(_$uniqBy).call(_$uniqBy, function (item) {
     return renderItem(item);
   })), (list === null || list === void 0 ? void 0 : list.length) === 0 && /*#__PURE__*/React.createElement(index, null));
 };

package/cjs/CustomChatView/index.js

@@ -14,7 +14,6 @@ var _slicedToArray = require('@babel/runtime-corejs3/helpers/esm/slicedToArray')
 var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
 var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
 var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
-var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 var _mapInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/map');
 var React = require('react');
 var agoraChatUikit = require('agora-chat-uikit');
@@ -180,7 +179,6 @@ var CustomChatView = function CustomChatView(props) {
     var cvs = _findInstanceProperty(_context = agoraChatUikit.rootStore.conversationStore.conversationList).call(_context, function (cvs) {
       return cvs.conversationId === props.conversationId;
     });
-    console.log("----getHeaderInfo---", cvs);
     if (!cvs || !(cvs !== null && cvs !== void 0 && cvs.conversationId)) {
       return;
     }
@@ -241,7 +239,6 @@ var CustomChatView = function CustomChatView(props) {
           });
         });
       }
-      console.log("the appUsersInfo is ".concat(_JSON$stringify(appUsersInfo)));
     }
   };
   function getShareGroupInfo(_x, _x2) {
@@ -276,7 +273,6 @@ var CustomChatView = function CustomChatView(props) {
                 setShowJoinGroupDialog(true);
               } else {
                 //显示指定的群
-                console.log('enter specific conversation', groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.sendbirdid);
                 conversation = {
                   chatType: 'groupChat',
                   conversationId: groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.sendbirdid,

package/cjs/GroupDetail/GroupDetailEditView/index.js

@@ -66,7 +66,6 @@ var GroupDetailEditView = function GroupDetailEditView(props) {
           case 6:
             _yield$http$post = _context.sent;
             data = _yield$http$post.data;
-            console.log('data', data);
             if (data.code === 200) {
               setGroupForm(function (prev) {
                 return _objectSpread(_objectSpread({}, prev), {}, {
@@ -76,17 +75,17 @@ var GroupDetailEditView = function GroupDetailEditView(props) {
             } else {
               antd.message.error(data === null || data === void 0 ? void 0 : data.msg);
             }
-            _context.next = 15;
+            _context.next = 14;
             break;
-          case 12:
-            _context.prev = 12;
+          case 11:
+            _context.prev = 11;
             _context.t0 = _context["catch"](3);
             console.error('Upload error:', _context.t0);
-          case 15:
+          case 14:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[3, 12]]);
+      }, _callee, null, [[3, 11]]);
     }));
     return function upAvatar(_x) {
       return _ref.apply(this, arguments);
@@ -141,24 +140,22 @@ var GroupDetailEditView = function GroupDetailEditView(props) {
             console.error('群组名称不能为空');
             return _context3.abrupt("return");
           case 3:
-            console.log('保存群组信息:', groupForm);
-            // 实现保存逻辑
             if (groupForm.name) {
-              _context3.next = 6;
+              _context3.next = 5;
               break;
             }
             return _context3.abrupt("return");
-          case 6:
+          case 5:
             options = {
               sendbirdid: props === null || props === void 0 || (_props$groupInfo4 = props.groupInfo) === null || _props$groupInfo4 === void 0 ? void 0 : _props$groupInfo4.sendbirdid,
               headimgurl: groupForm === null || groupForm === void 0 ? void 0 : groupForm.imageUrl,
               name: groupForm.name,
               description: groupForm.description
             };
-            _context3.prev = 7;
-            _context3.next = 10;
+            _context3.prev = 6;
+            _context3.next = 9;
             return http.post("/capi/account/imchannel/update", options);
-          case 10:
+          case 9:
             response = _context3.sent;
             _response$data = response.data, code = _response$data.code, msg = _response$data.msg;
             if (code == 200) {
@@ -170,16 +167,16 @@ var GroupDetailEditView = function GroupDetailEditView(props) {
             } else {
               antd.message.error(msg);
             }
-            _context3.next = 17;
+            _context3.next = 16;
             break;
-          case 15:
-            _context3.prev = 15;
-            _context3.t0 = _context3["catch"](7);
-          case 17:
+          case 14:
+            _context3.prev = 14;
+            _context3.t0 = _context3["catch"](6);
+          case 16:
           case "end":
             return _context3.stop();
         }
-      }, _callee2, null, [[7, 15]]);
+      }, _callee2, null, [[6, 14]]);
     }));
     return function saveGroupInfo() {
       return _ref2.apply(this, arguments);

package/cjs/GroupDetail/GroupShareView/index.js

@@ -74,9 +74,7 @@ var GroupShareView = function GroupShareView(props) {
                 imgUrl: props.shareObjImageurl
               }
             };
-            customMessage = ChatSDK.message.create({
-              option: option
-            });
+            customMessage = ChatSDK.message.create(option);
             _context2.next = 4;
             return agoraChatUikit.rootStore.messageStore.sendMessage(customMessage);
           case 4:

package/cjs/Sidebar/CreateGroup/index.js

@@ -19,8 +19,10 @@ var ic_close = require('../image/ic_close.svg.js');
 require('./style/index.scss');
 var InfiniteScroll = require('react-infinite-scroll-component');
 var index$1 = require('../../NoData/index.js');
+var _ = require('lodash');
 
 var CreateGroup = function CreateGroup(props) {
+  var _$uniqBy;
   var onClose = props.onClose,
     _props$open = props.open,
     open = _props$open === void 0 ? false : _props$open;
@@ -161,6 +163,14 @@ var CreateGroup = function CreateGroup(props) {
         return;
       }
       handleDebounceGetFrindList(e.target.value);
+    },
+    onClear: function onClear() {
+      pageRef.current = 0;
+      listRef.current = [];
+      if (!apiRef.current) {
+        return;
+      }
+      handleDebounceGetFrindList("");
     }
   }), /*#__PURE__*/React.createElement("div", {
     className: "yuze-createGroup-left-list w-full overflow-auto",
@@ -174,7 +184,7 @@ var CreateGroup = function CreateGroup(props) {
     scrollableTarget: "createGroup_list",
     loader: /*#__PURE__*/React.createElement(React.Fragment, null),
     className: "h-full"
-  }, list === null || list === void 0 ? void 0 : _mapInstanceProperty(list).call(list, function (item) {
+  }, (_$uniqBy = _.uniqBy(list, "id")) === null || _$uniqBy === void 0 ? void 0 : _mapInstanceProperty(_$uniqBy).call(_$uniqBy, function (item) {
     return /*#__PURE__*/React.createElement(index, {
       isSelectable: true,
       name: item.name,
@@ -201,7 +211,9 @@ var CreateGroup = function CreateGroup(props) {
   }, /*#__PURE__*/React.createElement("span", {
     className: "text-sm"
   }, "Group Member(", member.length, "/2000)")), /*#__PURE__*/React.createElement("div", {
-    className: "yuze-createGroup-right-list flex flex-row gap-5 py-4 flex-wrap overflow-auto"
+    className: "yuze-createGroup-right-list overflow-auto"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-row gap-5 py-4 flex-wrap"
   }, _mapInstanceProperty(member).call(member, function (item) {
     return /*#__PURE__*/React.createElement("div", {
       className: "yuze-createGroup-right-list-member relative",
@@ -237,7 +249,7 @@ var CreateGroup = function CreateGroup(props) {
     onClick: function onClick() {
       handleDebounceCreateGroup();
     }
-  }, "Create"))));
+  }, "Create")))));
 };
 
 module.exports = CreateGroup;

package/cjs/Sidebar/CreateGroup/style/index.scss

@@ -31,7 +31,10 @@
     }
   }
   &-right-list {
-    height: 380px;
+    height: 450px;
+    &::-webkit-scrollbar{
+      display: none;
+    }
     &-member {
       &-close {
         background-color: rgba(164, 166, 168, 1);
@@ -55,10 +58,13 @@
       &:nth-child(1) {
         background-color: transparent !important;
         color: var(--im-main-fontColor) !important;
+        border:1px solid #fff !important;
+        font-size: 14px;
       }
       &:nth-child(2) {
         background-color: var(--im-main-buttonColor) !important;
         color: var(--im-five-fontColor) !important;
+        font-size: 14px;
       }
     }
   }

package/cjs/Sidebar/CustomConversationItem/index.js

@@ -3,7 +3,6 @@
 var _defineProperty = require('@babel/runtime-corejs3/helpers/esm/defineProperty');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/esm/slicedToArray');
 var _findInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/find');
-var _JSON$stringify = require('@babel/runtime-corejs3/core-js-stable/json/stringify');
 var _Object$keys = require('@babel/runtime-corejs3/core-js-stable/object/keys');
 var _Object$getOwnPropertySymbols = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols');
 var _filterInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/filter');
@@ -60,13 +59,11 @@ var CustomConversationItem = function CustomConversationItem(props) {
         agoraChatUikit.rootStore.addressStore.getUserInfo(cvs.conversationId).then(function (value) {
           if (value) {
             var _value$avatarurl;
-            console.log(_JSON$stringify(value), "appUserInfo conversationItem");
             imageUrl = (_value$avatarurl = value === null || value === void 0 ? void 0 : value.avatarurl) !== null && _value$avatarurl !== void 0 ? _value$avatarurl : "";
           }
         });
       } else {
         var _appUsersInfo$avataru;
-        console.log(_JSON$stringify(appUsersInfo), "appUserInfo conversationItem");
         imageUrl = (_appUsersInfo$avataru = appUsersInfo === null || appUsersInfo === void 0 ? void 0 : appUsersInfo.avatarurl) !== null && _appUsersInfo$avataru !== void 0 ? _appUsersInfo$avataru : "";
       }
       setAvatar(imageUrl);

package/es/AddMember/index.js

@@ -1,11 +1,12 @@
 import _toConsumableArray from '@babel/runtime-corejs3/helpers/esm/toConsumableArray';
 import _asyncToGenerator from '@babel/runtime-corejs3/helpers/esm/asyncToGenerator';
 import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
+import _findInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/find';
 import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
 import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
 import classNames from 'classnames';
-import React, { useContext, useState, useCallback } from 'react';
+import React, { useContext, useState, useCallback, useEffect } from 'react';
 import img from './image/ic_close.svg.js';
 import { rootStore, Input, Checkbox } from 'agora-chat-uikit';
 import ContactList from '../ContactList/index.js';
@@ -32,9 +33,50 @@ var AddMember = function AddMember() {
     setMemberids = _useState6[1];
   var _useContext2 = useContext(Context),
     http = _useContext2.http;
-  var handleAddMember = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+  var _useState7 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    memberList = _useState8[0],
+    setMemberList = _useState8[1];
+  var handleGetGroupList = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    var groupid, result;
     return _regeneratorRuntime.wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.prev = 0;
+          groupid = rootStore.conversationStore.currentCvs.conversationId;
+          if (groupid) {
+            _context.next = 4;
+            break;
+          }
+          return _context.abrupt("return");
+        case 4:
+          _context.next = 6;
+          return http.post("/capi/account/imchannel/getchanneluserv2", {
+            page: 1,
+            size: 2000,
+            sendbirdid: groupid
+          });
+        case 6:
+          result = _context.sent;
+          setMemberList(result.data.data.list);
+          _context.next = 13;
+          break;
+        case 10:
+          _context.prev = 10;
+          _context.t0 = _context["catch"](0);
+          console.log(_context.t0);
+        case 13:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee, null, [[0, 10]]);
+  })), [http, rootStore.conversationStore.currentCvs]);
+  useEffect(function () {
+    handleGetGroupList();
+  }, [handleGetGroupList]);
+  var handleAddMember = useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+    return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) switch (_context2.prev = _context2.next) {
         case 0:
           setLoading(true);
           try {
@@ -51,9 +93,9 @@ var AddMember = function AddMember() {
           }
         case 2:
         case "end":
-          return _context.stop();
+          return _context2.stop();
       }
-    }, _callee);
+    }, _callee2);
   })), [http, memberids, setRightComponent]);
   var handleDebouncdAddMember = useDebouncedCallback(handleAddMember, 150);
   return /*#__PURE__*/React.createElement("div", {
@@ -95,11 +137,17 @@ var AddMember = function AddMember() {
         key: item.id,
         avatar: item.headimgurl,
         rightNode: /*#__PURE__*/React.createElement(Checkbox, {
+          checked: !!_findInstanceProperty(memberList).call(memberList, function (child) {
+            return child.userid === item.userid;
+          }),
+          disabled: !!_findInstanceProperty(memberList).call(memberList, function (child) {
+            return child.userid === item.userid;
+          }),
           className: "yuze-addMember-checkbox",
           onChange: function onChange(event) {
             if (event.target.checked) {
-              var _context2;
-              setMemberids(_concatInstanceProperty(_context2 = []).call(_context2, _toConsumableArray(memberids), [item.userid]));
+              var _context3;
+              setMemberids(_concatInstanceProperty(_context3 = []).call(_context3, _toConsumableArray(memberids), [item.userid]));
             } else {
               var filterMember = _filterInstanceProperty(memberids).call(memberids, function (child) {
                 return child !== item.id;

package/es/ChatBox/index.js

@@ -10,7 +10,6 @@ import _asyncToGenerator from '@babel/runtime-corejs3/helpers/esm/asyncToGenerat
 import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
 import _Date$now from '@babel/runtime-corejs3/core-js-stable/date/now';
 import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
-import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringify';
 import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
 import React, { useContext, useState, useEffect } from 'react';
 import { rootStore, Chat, MessageList, Tooltip, ImageMessage, FileMessage, VideoMessage, AudioMessage, BaseMessage, TextMessage } from 'agora-chat-uikit';
@@ -414,7 +413,6 @@ var Chatbox = function Chatbox(props) {
           });
         });
       }
-      console.log("the appUsersInfo is ".concat(_JSON$stringify(appUsersInfo)));
     }
   };
   function getShareGroupInfo(_x2, _x3) {
@@ -449,7 +447,6 @@ var Chatbox = function Chatbox(props) {
                 setShowJoinGroupDialog(true);
               } else {
                 //显示指定的群
-                console.log('enter specific conversation', groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.sendbirdid);
                 conversation = {
                   chatType: 'groupChat',
                   conversationId: groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.sendbirdid,

package/es/ContactList/index.js

@@ -12,8 +12,10 @@ import { rootStore } from 'agora-chat-uikit';
 import { useDebouncedCallback } from 'use-debounce';
 import classNames from 'classnames';
 import NoData from '../NoData/index.js';
+import _ from 'lodash';
 
 var ContactList = function ContactList(props) {
+  var _$uniqBy;
   var className = props.className,
     keyword = props.keyword,
     renderItem = props.renderItem,
@@ -94,7 +96,7 @@ var ContactList = function ContactList(props) {
     scrollableTarget: targetId,
     loader: /*#__PURE__*/React.createElement(React.Fragment, null),
     className: "h-full"
-  }, list === null || list === void 0 ? void 0 : _mapInstanceProperty(list).call(list, function (item) {
+  }, (_$uniqBy = _.uniqBy(list, "id")) === null || _$uniqBy === void 0 ? void 0 : _mapInstanceProperty(_$uniqBy).call(_$uniqBy, function (item) {
     return renderItem(item);
   })), (list === null || list === void 0 ? void 0 : list.length) === 0 && /*#__PURE__*/React.createElement(NoData, null));
 };

package/es/CustomChatView/index.js

@@ -12,7 +12,6 @@ import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
 import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
 import _findInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/find';
 import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
-import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringify';
 import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
 import React, { useContext, useState, useEffect } from 'react';
 import { useSDK, rootStore, MessageList, MessageInput, ImageMessage, FileMessage, VideoMessage, AudioMessage, BaseMessage, TextMessage } from 'agora-chat-uikit';
@@ -178,7 +177,6 @@ var CustomChatView = function CustomChatView(props) {
     var cvs = _findInstanceProperty(_context = rootStore.conversationStore.conversationList).call(_context, function (cvs) {
       return cvs.conversationId === props.conversationId;
     });
-    console.log("----getHeaderInfo---", cvs);
     if (!cvs || !(cvs !== null && cvs !== void 0 && cvs.conversationId)) {
       return;
     }
@@ -239,7 +237,6 @@ var CustomChatView = function CustomChatView(props) {
           });
         });
       }
-      console.log("the appUsersInfo is ".concat(_JSON$stringify(appUsersInfo)));
     }
   };
   function getShareGroupInfo(_x, _x2) {
@@ -274,7 +271,6 @@ var CustomChatView = function CustomChatView(props) {
                 setShowJoinGroupDialog(true);
               } else {
                 //显示指定的群
-                console.log('enter specific conversation', groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.sendbirdid);
                 conversation = {
                   chatType: 'groupChat',
                   conversationId: groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.sendbirdid,

package/es/GroupDetail/GroupDetailEditView/index.js

@@ -64,7 +64,6 @@ var GroupDetailEditView = function GroupDetailEditView(props) {
           case 6:
             _yield$http$post = _context.sent;
             data = _yield$http$post.data;
-            console.log('data', data);
             if (data.code === 200) {
               setGroupForm(function (prev) {
                 return _objectSpread(_objectSpread({}, prev), {}, {
@@ -74,17 +73,17 @@ var GroupDetailEditView = function GroupDetailEditView(props) {
             } else {
               message.error(data === null || data === void 0 ? void 0 : data.msg);
             }
-            _context.next = 15;
+            _context.next = 14;
             break;
-          case 12:
-            _context.prev = 12;
+          case 11:
+            _context.prev = 11;
             _context.t0 = _context["catch"](3);
             console.error('Upload error:', _context.t0);
-          case 15:
+          case 14:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[3, 12]]);
+      }, _callee, null, [[3, 11]]);
     }));
     return function upAvatar(_x) {
       return _ref.apply(this, arguments);
@@ -139,24 +138,22 @@ var GroupDetailEditView = function GroupDetailEditView(props) {
             console.error('群组名称不能为空');
             return _context3.abrupt("return");
           case 3:
-            console.log('保存群组信息:', groupForm);
-            // 实现保存逻辑
             if (groupForm.name) {
-              _context3.next = 6;
+              _context3.next = 5;
               break;
             }
             return _context3.abrupt("return");
-          case 6:
+          case 5:
             options = {
               sendbirdid: props === null || props === void 0 || (_props$groupInfo4 = props.groupInfo) === null || _props$groupInfo4 === void 0 ? void 0 : _props$groupInfo4.sendbirdid,
               headimgurl: groupForm === null || groupForm === void 0 ? void 0 : groupForm.imageUrl,
               name: groupForm.name,
               description: groupForm.description
             };
-            _context3.prev = 7;
-            _context3.next = 10;
+            _context3.prev = 6;
+            _context3.next = 9;
             return http.post("/capi/account/imchannel/update", options);
-          case 10:
+          case 9:
             response = _context3.sent;
             _response$data = response.data, code = _response$data.code, msg = _response$data.msg;
             if (code == 200) {
@@ -168,16 +165,16 @@ var GroupDetailEditView = function GroupDetailEditView(props) {
             } else {
               message.error(msg);
             }
-            _context3.next = 17;
+            _context3.next = 16;
             break;
-          case 15:
-            _context3.prev = 15;
-            _context3.t0 = _context3["catch"](7);
-          case 17:
+          case 14:
+            _context3.prev = 14;
+            _context3.t0 = _context3["catch"](6);
+          case 16:
           case "end":
             return _context3.stop();
         }
-      }, _callee2, null, [[7, 15]]);
+      }, _callee2, null, [[6, 14]]);
     }));
     return function saveGroupInfo() {
       return _ref2.apply(this, arguments);

package/es/GroupDetail/GroupShareView/index.js

@@ -72,9 +72,7 @@ var GroupShareView = function GroupShareView(props) {
                 imgUrl: props.shareObjImageurl
               }
             };
-            customMessage = ChatSDK.message.create({
-              option: option
-            });
+            customMessage = ChatSDK.message.create(option);
             _context2.next = 4;
             return rootStore.messageStore.sendMessage(customMessage);
           case 4:

package/es/Sidebar/CreateGroup/index.js

@@ -17,8 +17,10 @@ import img from '../image/ic_close.svg.js';
 import './style/index.scss';
 import InfiniteScroll from 'react-infinite-scroll-component';
 import NoData from '../../NoData/index.js';
+import _ from 'lodash';
 
 var CreateGroup = function CreateGroup(props) {
+  var _$uniqBy;
   var onClose = props.onClose,
     _props$open = props.open,
     open = _props$open === void 0 ? false : _props$open;
@@ -159,6 +161,14 @@ var CreateGroup = function CreateGroup(props) {
         return;
       }
       handleDebounceGetFrindList(e.target.value);
+    },
+    onClear: function onClear() {
+      pageRef.current = 0;
+      listRef.current = [];
+      if (!apiRef.current) {
+        return;
+      }
+      handleDebounceGetFrindList("");
     }
   }), /*#__PURE__*/React.createElement("div", {
     className: "yuze-createGroup-left-list w-full overflow-auto",
@@ -172,7 +182,7 @@ var CreateGroup = function CreateGroup(props) {
     scrollableTarget: "createGroup_list",
     loader: /*#__PURE__*/React.createElement(React.Fragment, null),
     className: "h-full"
-  }, list === null || list === void 0 ? void 0 : _mapInstanceProperty(list).call(list, function (item) {
+  }, (_$uniqBy = _.uniqBy(list, "id")) === null || _$uniqBy === void 0 ? void 0 : _mapInstanceProperty(_$uniqBy).call(_$uniqBy, function (item) {
     return /*#__PURE__*/React.createElement(TypeItem, {
       isSelectable: true,
       name: item.name,
@@ -199,7 +209,9 @@ var CreateGroup = function CreateGroup(props) {
   }, /*#__PURE__*/React.createElement("span", {
     className: "text-sm"
   }, "Group Member(", member.length, "/2000)")), /*#__PURE__*/React.createElement("div", {
-    className: "yuze-createGroup-right-list flex flex-row gap-5 py-4 flex-wrap overflow-auto"
+    className: "yuze-createGroup-right-list overflow-auto"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-row gap-5 py-4 flex-wrap"
   }, _mapInstanceProperty(member).call(member, function (item) {
     return /*#__PURE__*/React.createElement("div", {
       className: "yuze-createGroup-right-list-member relative",
@@ -235,7 +247,7 @@ var CreateGroup = function CreateGroup(props) {
     onClick: function onClick() {
       handleDebounceCreateGroup();
     }
-  }, "Create"))));
+  }, "Create")))));
 };
 
 export { CreateGroup as default };

package/es/Sidebar/CreateGroup/style/index.scss

@@ -31,7 +31,10 @@
     }
   }
   &-right-list {
-    height: 380px;
+    height: 450px;
+    &::-webkit-scrollbar{
+      display: none;
+    }
     &-member {
       &-close {
         background-color: rgba(164, 166, 168, 1);
@@ -55,10 +58,13 @@
       &:nth-child(1) {
         background-color: transparent !important;
         color: var(--im-main-fontColor) !important;
+        border:1px solid #fff !important;
+        font-size: 14px;
       }
       &:nth-child(2) {
         background-color: var(--im-main-buttonColor) !important;
         color: var(--im-five-fontColor) !important;
+        font-size: 14px;
       }
     }
   }

package/es/Sidebar/CustomConversationItem/index.js

@@ -1,7 +1,6 @@
 import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
 import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
 import _findInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/find';
-import _JSON$stringify from '@babel/runtime-corejs3/core-js-stable/json/stringify';
 import _Object$keys from '@babel/runtime-corejs3/core-js-stable/object/keys';
 import _Object$getOwnPropertySymbols from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols';
 import _filterInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/filter';
@@ -58,13 +57,11 @@ var CustomConversationItem = function CustomConversationItem(props) {
         rootStore.addressStore.getUserInfo(cvs.conversationId).then(function (value) {
           if (value) {
             var _value$avatarurl;
-            console.log(_JSON$stringify(value), "appUserInfo conversationItem");
             imageUrl = (_value$avatarurl = value === null || value === void 0 ? void 0 : value.avatarurl) !== null && _value$avatarurl !== void 0 ? _value$avatarurl : "";
           }
         });
       } else {
         var _appUsersInfo$avataru;
-        console.log(_JSON$stringify(appUsersInfo), "appUserInfo conversationItem");
         imageUrl = (_appUsersInfo$avataru = appUsersInfo === null || appUsersInfo === void 0 ? void 0 : appUsersInfo.avatarurl) !== null && _appUsersInfo$avataru !== void 0 ? _appUsersInfo$avataru : "";
       }
       setAvatar(imageUrl);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "whyuzeim",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "description": "im componenets",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -39,6 +39,7 @@
     "classnames": "^2.5.1",
     "use-debounce": "^10.0.4",
     "@babel/runtime-corejs3": "^7.26.9",
-    "react-infinite-scroll-component": "^6.1.0"
+    "react-infinite-scroll-component": "^6.1.0",
+    "lodash": "^4.17.21"
   }
 }

package/cjs/GroupDetail/image/icon_translation.svg.js

@@ -1,5 +0,0 @@
-'use strict';
-
-var img = "data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.02273 10C2.02273 5.59427 5.59427 2.02273 10 2.02273C12.7648 2.02273 15.2025 3.42934 16.6342 5.56818H15.3182V7.34091H19.75V2.90909H17.9773V4.39303C16.2134 1.88804 13.2987 0.25 10 0.25C4.61522 0.25 0.25 4.61522 0.25 10H2.02273Z' fill='white' fill-opacity='0.4'/%3e%3cpath d='M9.99995 19.75C15.3847 19.75 19.75 15.3848 19.75 10H17.9772C17.9772 14.4057 14.4057 17.9773 9.99995 17.9773C7.23516 17.9773 4.79749 16.5707 3.36579 14.4318H4.68182V12.6591H0.25V17.0909H2.02273V15.607C3.7866 18.112 6.70132 19.75 9.99995 19.75Z' fill='white' fill-opacity='0.4'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.30758 5.23249L6.40385 13.4225C6.37904 13.5052 6.40799 13.5466 6.49072 13.5466H8.11631C8.19904 13.5466 8.25281 13.5052 8.27763 13.4225L8.74917 11.9458H11.7025L12.1865 13.4225C12.2113 13.5052 12.2651 13.5466 12.3478 13.5466H13.961C14.0437 13.5466 14.0727 13.5052 14.0479 13.4225L11.1938 5.23249C11.1689 5.14976 11.1152 5.1084 11.0324 5.1084H9.4689C9.38617 5.1084 9.3324 5.14976 9.30758 5.23249ZM11.2062 10.3947H9.25795L10.2134 7.44131H10.2507L11.2062 10.3947Z' fill='white' fill-opacity='0.4'/%3e%3c/svg%3e";
-
-module.exports = img;

package/cjs/IM/DefaultIMLayout/MobileHeader/index.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import "./style/index.scss";
-export interface IMobileHeader {
-    leftIcon?: React.ReactElement;
-    rightIcon?: React.ReactElement;
-    title?: React.ReactElement;
-    className?: string;
-    style?: React.CSSProperties;
-}
-declare const MobileHeader: React.FC<IMobileHeader>;
-export default MobileHeader;

package/cjs/IM/DefaultIMLayout/MobileHeader/index.js

@@ -1,29 +0,0 @@
-'use strict';
-
-var React = require('react');
-require('./style/index.scss');
-var classNames = require('classnames');
-
-var MobileHeader = function MobileHeader(props) {
-  var title = props.title,
-    leftIcon = props.leftIcon,
-    rightIcon = props.rightIcon,
-    className = props.className,
-    style = props.style;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames("yuze-mobileHeader flex flex-row items-center justify-between px-4", className),
-    style: style
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "yuze-mobileHeader-left"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "yuze-mobileHeader-item flex flex-row items-center justify-center"
-  }, leftIcon)), /*#__PURE__*/React.createElement("div", {
-    className: "yuze-mobileHeader-middle text-xl text-[var(--im-main-fontColor)]"
-  }, title), /*#__PURE__*/React.createElement("div", {
-    className: "yuze-mobileHeader-right"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "yuze-mobileHeader-item flex flex-row items-center justify-center"
-  }, rightIcon)));
-};
-
-module.exports = MobileHeader;

package/cjs/IM/DefaultIMLayout/MobileHeader/style/index.scss

@@ -1,11 +0,0 @@
-.yuze-mobileHeader {
-  height: 64px;
-  box-sizing: border-box;
-  border-bottom: solid 1px var(--im-mainContent-left-borderColor);
-  &-item {
-    width: 40px;
-    height: 40px;
-    border-radius: 50%;
-    background-color: #292e23;
-  }
-}

package/cjs/Sidebar/image/mobile_create.svg.js

@@ -1,5 +0,0 @@
-'use strict';
-
-var img = "data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.8571 6.85714H9.14286V1.14286C9.14286 0.514286 8.62857 0 8 0C7.37143 0 6.85714 0.514286 6.85714 1.14286V6.85714H1.14286C0.514286 6.85714 0 7.37143 0 8C0 8.62857 0.514286 9.14286 1.14286 9.14286H6.85714V14.8571C6.85714 15.4857 7.37143 16 8 16C8.62857 16 9.14286 15.4857 9.14286 14.8571V9.14286H14.8571C15.4857 9.14286 16 8.62857 16 8C16 7.37143 15.4857 6.85714 14.8571 6.85714Z' fill='white'/%3e%3c/svg%3e";
-
-module.exports = img;

package/es/GroupDetail/image/icon_translation.svg.js

@@ -1,3 +0,0 @@
-var img = "data:image/svg+xml,%3csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M2.02273 10C2.02273 5.59427 5.59427 2.02273 10 2.02273C12.7648 2.02273 15.2025 3.42934 16.6342 5.56818H15.3182V7.34091H19.75V2.90909H17.9773V4.39303C16.2134 1.88804 13.2987 0.25 10 0.25C4.61522 0.25 0.25 4.61522 0.25 10H2.02273Z' fill='white' fill-opacity='0.4'/%3e%3cpath d='M9.99995 19.75C15.3847 19.75 19.75 15.3848 19.75 10H17.9772C17.9772 14.4057 14.4057 17.9773 9.99995 17.9773C7.23516 17.9773 4.79749 16.5707 3.36579 14.4318H4.68182V12.6591H0.25V17.0909H2.02273V15.607C3.7866 18.112 6.70132 19.75 9.99995 19.75Z' fill='white' fill-opacity='0.4'/%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.30758 5.23249L6.40385 13.4225C6.37904 13.5052 6.40799 13.5466 6.49072 13.5466H8.11631C8.19904 13.5466 8.25281 13.5052 8.27763 13.4225L8.74917 11.9458H11.7025L12.1865 13.4225C12.2113 13.5052 12.2651 13.5466 12.3478 13.5466H13.961C14.0437 13.5466 14.0727 13.5052 14.0479 13.4225L11.1938 5.23249C11.1689 5.14976 11.1152 5.1084 11.0324 5.1084H9.4689C9.38617 5.1084 9.3324 5.14976 9.30758 5.23249ZM11.2062 10.3947H9.25795L10.2134 7.44131H10.2507L11.2062 10.3947Z' fill='white' fill-opacity='0.4'/%3e%3c/svg%3e";
-
-export { img as default };

package/es/IM/DefaultIMLayout/MobileHeader/index.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import "./style/index.scss";
-export interface IMobileHeader {
-    leftIcon?: React.ReactElement;
-    rightIcon?: React.ReactElement;
-    title?: React.ReactElement;
-    className?: string;
-    style?: React.CSSProperties;
-}
-declare const MobileHeader: React.FC<IMobileHeader>;
-export default MobileHeader;

package/es/IM/DefaultIMLayout/MobileHeader/index.js

@@ -1,27 +0,0 @@
-import React from 'react';
-import './style/index.scss';
-import classNames from 'classnames';
-
-var MobileHeader = function MobileHeader(props) {
-  var title = props.title,
-    leftIcon = props.leftIcon,
-    rightIcon = props.rightIcon,
-    className = props.className,
-    style = props.style;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classNames("yuze-mobileHeader flex flex-row items-center justify-between px-4", className),
-    style: style
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "yuze-mobileHeader-left"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "yuze-mobileHeader-item flex flex-row items-center justify-center"
-  }, leftIcon)), /*#__PURE__*/React.createElement("div", {
-    className: "yuze-mobileHeader-middle text-xl text-[var(--im-main-fontColor)]"
-  }, title), /*#__PURE__*/React.createElement("div", {
-    className: "yuze-mobileHeader-right"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "yuze-mobileHeader-item flex flex-row items-center justify-center"
-  }, rightIcon)));
-};
-
-export { MobileHeader as default };

package/es/IM/DefaultIMLayout/MobileHeader/style/index.scss

@@ -1,11 +0,0 @@
-.yuze-mobileHeader {
-  height: 64px;
-  box-sizing: border-box;
-  border-bottom: solid 1px var(--im-mainContent-left-borderColor);
-  &-item {
-    width: 40px;
-    height: 40px;
-    border-radius: 50%;
-    background-color: #292e23;
-  }
-}

package/es/Sidebar/image/mobile_create.svg.js

@@ -1,3 +0,0 @@
-var img = "data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.8571 6.85714H9.14286V1.14286C9.14286 0.514286 8.62857 0 8 0C7.37143 0 6.85714 0.514286 6.85714 1.14286V6.85714H1.14286C0.514286 6.85714 0 7.37143 0 8C0 8.62857 0.514286 9.14286 1.14286 9.14286H6.85714V14.8571C6.85714 15.4857 7.37143 16 8 16C8.62857 16 9.14286 15.4857 9.14286 14.8571V9.14286H14.8571C15.4857 9.14286 16 8.62857 16 8C16 7.37143 15.4857 6.85714 14.8571 6.85714Z' fill='white'/%3e%3c/svg%3e";
-
-export { img as default };