whyuzeim 1.0.0

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

@@ -0,0 +1,65 @@
+.yuze-createGroup {
+  .cui-modal-content {
+    background-color: var(--im-modal-backgroundColor);
+    border-radius: 20px;
+    height: 520px;
+    .cui-modal-footer {
+      display: none;
+    }
+    .cui-modal-close {
+      display: none;
+    }
+    .cui-modal-body {
+      display: flex;
+    }
+  }
+  &-left-title {
+    span {
+      color: var(--im-main-fontColor);
+    }
+  }
+  &-left-list {
+    height: 380px;
+    &::-webkit-scrollbar {
+      display: none;
+    }
+  }
+
+  &-right-title {
+    span {
+      color: var(--im-third-fontColor);
+    }
+  }
+  &-right-list {
+    height: 380px;
+    &-member {
+      &-close {
+        background-color: rgba(164, 166, 168, 1);
+        width: 20px;
+        height: 20px;
+        border-radius: 100%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        right: -5px;
+        top: 0;
+        img {
+          width: 15px;
+          height: 15px;
+        }
+      }
+    }
+  }
+  &-right-button {
+    button {
+      &:nth-child(1) {
+        background-color: transparent !important;
+        color: var(--im-main-fontColor) !important;
+      }
+      &:nth-child(2) {
+        background-color: var(--im-main-buttonColor) !important;
+        color: var(--im-five-fontColor) !important;
+      }
+    }
+  }
+}

package/cjs/Sidebar/CustomConversationItem/OperateBtn/image/delete.svg.js

@@ -0,0 +1,5 @@
+'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%3cg clip-path='url(%23clip0_2112_36478)'%3e%3cpath d='M11.333 3.99967H14.6663V5.33301H13.333V13.9997C13.333 14.3679 13.0345 14.6663 12.6663 14.6663H3.33301C2.96482 14.6663 2.66634 14.3679 2.66634 13.9997V5.33301H1.33301V3.99967H4.66634V1.99967C4.66634 1.63149 4.96482 1.33301 5.33301 1.33301H10.6663C11.0345 1.33301 11.333 1.63149 11.333 1.99967V3.99967ZM11.9997 5.33301H3.99967V13.333H11.9997V5.33301ZM5.99967 7.33301H7.33301V11.333H5.99967V7.33301ZM8.66634 7.33301H9.99967V11.333H8.66634V7.33301ZM5.99967 2.66634V3.99967H9.99967V2.66634H5.99967Z' fill='%23E94359'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_2112_36478'%3e%3crect width='16' height='16' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
+
+module.exports = img;

package/cjs/Sidebar/CustomConversationItem/OperateBtn/image/logout.svg.js

@@ -0,0 +1,5 @@
+'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='M7.99723 2H2V14H8' stroke='white' stroke-width='1.5' stroke-linecap='square'/%3e%3cpath d='M11 11L14 8L11 5' stroke='white' stroke-width='1.5' stroke-linecap='square'/%3e%3cpath d='M5.33301 7.99707H13.5' stroke='white' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3e%3c/svg%3e";
+
+module.exports = img;

package/cjs/Sidebar/CustomConversationItem/OperateBtn/image/more.svg.js

@@ -0,0 +1,5 @@
+'use strict';
+
+var img = "data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 3C11.175 3 10.5 3.675 10.5 4.5C10.5 5.325 11.175 6 12 6C12.825 6 13.5 5.325 13.5 4.5C13.5 3.675 12.825 3 12 3ZM12 18C11.175 18 10.5 18.675 10.5 19.5C10.5 20.325 11.175 21 12 21C12.825 21 13.5 20.325 13.5 19.5C13.5 18.675 12.825 18 12 18ZM12 10.5C11.175 10.5 10.5 11.175 10.5 12C10.5 12.825 11.175 13.5 12 13.5C12.825 13.5 13.5 12.825 13.5 12C13.5 11.175 12.825 10.5 12 10.5Z' fill='white'/%3e%3c/svg%3e";
+
+module.exports = img;

package/cjs/Sidebar/CustomConversationItem/OperateBtn/image/muted.svg.js

@@ -0,0 +1,5 @@
+'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%3cg clip-path='url(%23clip0_2112_36549)'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.7497 4.88179C2.67324 5.24253 2.63301 5.61665 2.63301 6.00016V11.9668H1.33301H0.633008V13.3668H1.33301H2.63301H3.33301H5.66124C5.83746 14.4998 6.81732 15.3668 7.99967 15.3668C9.18203 15.3668 10.1619 14.4998 10.3381 13.3668H10.3416L9.08895 11.9668H6.33301H5.63301H4.03301V6.31607L2.7497 4.88179ZM4.29864 2.11382L5.23277 3.15785C5.9474 2.46207 6.92349 2.0335 7.99967 2.0335C10.1904 2.0335 11.9663 3.80943 11.9663 6.00016V10.6836L14.3671 13.3668H14.6663H15.3663V11.9668H14.6663H13.3663V6.00016C13.3663 3.03623 10.9636 0.633496 7.99967 0.633496C6.56484 0.633496 5.26152 1.19658 4.29864 2.11382ZM7.99967 13.9668C7.59559 13.9668 7.24941 13.7189 7.10498 13.3668H8.89437C8.74994 13.7189 8.40376 13.9668 7.99967 13.9668Z' fill='white'/%3e%3cpath d='M2.33301 2.1665L13.6663 14.8332' stroke='white' stroke-width='1.4' stroke-linecap='square'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_2112_36549'%3e%3crect width='16' height='16' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
+
+module.exports = img;

package/cjs/Sidebar/CustomConversationItem/OperateBtn/index.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import { ChatType } from "agora-chat-uikit/types/module/types/messageType";
+import "./style/index.scss";
+interface IOperateBtn {
+    conversationId: string;
+    silent?: boolean;
+    chatType: ChatType;
+}
+declare const OperateBtn: React.FC<IOperateBtn>;
+export default OperateBtn;

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

@@ -0,0 +1,210 @@
+'use strict';
+
+var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/esm/asyncToGenerator');
+var _slicedToArray = require('@babel/runtime-corejs3/helpers/esm/slicedToArray');
+var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
+var React = require('react');
+var antd = require('antd');
+var more = require('./image/more.svg.js');
+var context = require('../../../IM/context.js');
+var usehooksTs = require('usehooks-ts');
+var agoraChatUikit = require('agora-chat-uikit');
+var muted = require('./image/muted.svg.js');
+var logout = require('./image/logout.svg.js');
+var _delete = require('./image/delete.svg.js');
+require('./style/index.scss');
+
+var OperateBtn = function OperateBtn(props) {
+  var conversationId = props.conversationId,
+    chatType = props.chatType,
+    silent = props.silent;
+  var _useContext = React.useContext(context.Context),
+    http = _useContext.http;
+  var _useConversationConte = agoraChatUikit.useConversationContext(),
+    deleteConversation = _useConversationConte.deleteConversation;
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _Modal$useModal = antd.Modal.useModal(),
+    _Modal$useModal2 = _slicedToArray(_Modal$useModal, 2),
+    modal = _Modal$useModal2[0],
+    contextHolder = _Modal$useModal2[1];
+  var handleMuted = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          if (silent) {
+            agoraChatUikit.rootStore === null || agoraChatUikit.rootStore === void 0 || agoraChatUikit.rootStore.conversationStore.clearRemindTypeForConversation({
+              chatType: chatType,
+              conversationId: conversationId
+            });
+          } else {
+            agoraChatUikit.rootStore === null || agoraChatUikit.rootStore === void 0 || agoraChatUikit.rootStore.conversationStore.setSilentModeForConversation({
+              chatType: chatType,
+              conversationId: conversationId
+            });
+          }
+          setOpen(false);
+        case 2:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), [chatType, conversationId, silent]);
+  var handleDebounceMuted = usehooksTs.useDebounceCallback(handleMuted, 100);
+  var handleConfirmDelete = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            setOpen(false);
+            _context2.next = 3;
+            return modal.confirm({
+              content: /*#__PURE__*/React.createElement("span", {
+                className: "text-sm "
+              }, "Are you sure you want to delete ?"),
+              footer: /*#__PURE__*/React.createElement("div", {
+                className: "yuze-confirm-footer flex justify-center gap-5 mt-4"
+              }, /*#__PURE__*/React.createElement(antd.Button, {
+                type: "default",
+                className: "flex-1 bg-transparent",
+                size: "large",
+                onClick: function onClick() {
+                  antd.Modal.destroyAll();
+                }
+              }, "Close"), /*#__PURE__*/React.createElement(antd.Button, {
+                type: "primary",
+                className: "flex-1",
+                size: "large",
+                onClick: handleDebounceDelete
+              }, "Confirm"))
+            });
+          case 3:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function handleConfirmDelete() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var handleConfirmLeave = /*#__PURE__*/function () {
+    var _ref3 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
+      return _regeneratorRuntime.wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            setOpen(false);
+            _context3.next = 3;
+            return modal.confirm({
+              content: /*#__PURE__*/React.createElement("span", {
+                className: "text-sm "
+              }, "Are you sure you want to delete and leave the group ?"),
+              footer: /*#__PURE__*/React.createElement("div", {
+                className: "yuze-confirm-footer flex justify-center gap-5 mt-4"
+              }, /*#__PURE__*/React.createElement(antd.Button, {
+                type: "default",
+                className: "flex-1 bg-transparent",
+                size: "large",
+                onClick: function onClick() {
+                  antd.Modal.destroyAll();
+                }
+              }, "Close"), /*#__PURE__*/React.createElement(antd.Button, {
+                type: "primary",
+                className: "flex-1",
+                size: "large",
+                onClick: handleDebounceLeave
+              }, "Confirm"))
+            });
+          case 3:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return function handleConfirmLeave() {
+      return _ref3.apply(this, arguments);
+    };
+  }();
+  var handleLeave = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee4() {
+    return _regeneratorRuntime.wrap(function _callee4$(_context4) {
+      while (1) switch (_context4.prev = _context4.next) {
+        case 0:
+          _context4.next = 2;
+          return http.post("/capi/account/imchannel/exitchannel", {
+            sendbirdid: conversationId
+          });
+        case 2:
+          deleteConversation({
+            conversationId: conversationId,
+            chatType: chatType
+          });
+          antd.Modal.destroyAll();
+        case 4:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee4);
+  })), [chatType, conversationId, deleteConversation, http]);
+  var handleDebounceLeave = usehooksTs.useDebounceCallback(handleLeave, 100);
+  var handleDelete = React.useCallback(/*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee5() {
+    return _regeneratorRuntime.wrap(function _callee5$(_context5) {
+      while (1) switch (_context5.prev = _context5.next) {
+        case 0:
+          deleteConversation({
+            conversationId: conversationId,
+            chatType: chatType
+          });
+          antd.Modal.destroyAll();
+        case 2:
+        case "end":
+          return _context5.stop();
+      }
+    }, _callee5);
+  })), [chatType, conversationId, deleteConversation]);
+  var handleDebounceDelete = usehooksTs.useDebounceCallback(handleDelete, 100);
+  return /*#__PURE__*/React.createElement(antd.Tooltip, {
+    placement: "bottomRight",
+    open: open,
+    title: /*#__PURE__*/React.createElement("div", {
+      className: "flex flex-col"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "yuze-conversationList-header-right-tooltip-item flex flex-row items-center gap-3 cursor-pointer",
+      onClick: handleDebounceMuted
+    }, /*#__PURE__*/React.createElement("img", {
+      src: muted,
+      alt: "",
+      className: "yuze-conversationItem-action-img"
+    }), /*#__PURE__*/React.createElement("span", {
+      className: "text-sm"
+    }, silent ? "Unmuted" : "Muted")), chatType === "groupChat" && /*#__PURE__*/React.createElement("div", {
+      className: "yuze-conversationList-header-right-tooltip-item flex flex-row items-center gap-3 cursor-pointer",
+      onClick: handleConfirmLeave
+    }, /*#__PURE__*/React.createElement("img", {
+      src: logout,
+      alt: "",
+      className: "yuze-conversationItem-action-img"
+    }), /*#__PURE__*/React.createElement("span", {
+      className: "text-sm"
+    }, "Leave Group")), /*#__PURE__*/React.createElement("div", {
+      className: "yuze-conversationList-header-right-tooltip-item flex flex-row items-center gap-3 cursor-pointer",
+      onClick: handleConfirmDelete
+    }, /*#__PURE__*/React.createElement("img", {
+      src: _delete,
+      alt: "",
+      className: "yuze-conversationItem-action-img"
+    }), /*#__PURE__*/React.createElement("span", {
+      className: "text-sm delete"
+    }, "Delete Chat")))
+  }, /*#__PURE__*/React.createElement("img", {
+    src: more,
+    className: "cursor-pointer ml-2 yuze-conversationItem-action-img",
+    onClick: function onClick(event) {
+      event.stopPropagation();
+      setOpen(true);
+    }
+  }), contextHolder);
+};
+
+module.exports = OperateBtn;

package/cjs/Sidebar/CustomConversationItem/OperateBtn/style/index.scss

@@ -0,0 +1,14 @@
+.yuze-conversationItem-action-img {
+  width: 16px;
+  height: 16px;
+}
+.yuze-conversationList-header-right-tooltip-item{
+  .delete{
+    // color: var(--im-delete-fontColor);
+    color: rgba(233, 67, 89, 1);
+  }
+  .yuze-conversationItem-action-img{
+    width: 16px;
+    height: 16px;
+  }
+}

package/cjs/Sidebar/CustomConversationItem/index.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import "./style/index.scss";
+import { Conversation } from "agora-chat-uikit";
+interface ICustomConversationItem {
+    cvs: Conversation;
+    onClick?: () => void;
+}
+declare const CustomConversationItem: React.FC<ICustomConversationItem>;
+export default CustomConversationItem;

package/cjs/Sidebar/CustomConversationItem/index.js

@@ -0,0 +1,105 @@
+'use strict';
+
+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');
+var _Object$getOwnPropertyDescriptor = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor');
+var _forEachInstanceProperty = require('@babel/runtime-corejs3/core-js-stable/instance/for-each');
+var _Object$getOwnPropertyDescriptors = require('@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors');
+var _Object$defineProperties = require('@babel/runtime-corejs3/core-js-stable/object/define-properties');
+var _Object$defineProperty = require('@babel/runtime-corejs3/core-js-stable/object/define-property');
+var React = require('react');
+require('./style/index.scss');
+var agoraChatUikit = require('agora-chat-uikit');
+var context = require('../../IM/context.js');
+var index = require('./OperateBtn/index.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 _context2, _context3; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context2 = ownKeys(Object(t), true)).call(_context2, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context3 = ownKeys(Object(t))).call(_context3, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+var CustomConversationItem = function CustomConversationItem(props) {
+  var cvs = props.cvs,
+    _onClick = props.onClick;
+  var _useContext = React.useContext(context.Context),
+    http = _useContext.http;
+  var _useState = React.useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    avatar = _useState2[0],
+    setAvatar = _useState2[1];
+  var _useConversationConte = agoraChatUikit.useConversationContext(),
+    setCurrentConversation = _useConversationConte.setCurrentConversation;
+  cvs.chatType === "groupChat" && agoraChatUikit.rootStore.addressStore.getGroupInfo(cvs.conversationId);
+  React.useEffect(function () {
+    if (cvs.chatType === "groupChat") {
+      var _context;
+      var current = _findInstanceProperty(_context = agoraChatUikit.rootStore.addressStore.groups).call(_context, function (item) {
+        var _item$info;
+        return ((_item$info = item.info) === null || _item$info === void 0 ? void 0 : _item$info.id) === cvs.conversationId;
+      });
+      if (current) {
+        var _current$info;
+        var customStr = (_current$info = current.info) === null || _current$info === void 0 ? void 0 : _current$info.custom;
+        if (customStr) {
+          var custom = JSON.parse(customStr);
+          setAvatar(custom.headimgurl);
+        } else {
+          var _current$info2;
+          setAvatar((_current$info2 = current.info) === null || _current$info2 === void 0 ? void 0 : _current$info2.avatar);
+        }
+      }
+    } else {
+      var imageUrl = "";
+      if (!cvs || !cvs.conversationId) {
+        return;
+      }
+      var appUsersInfo = agoraChatUikit.rootStore.addressStore.appUsersInfo[cvs.conversationId];
+      if (!appUsersInfo) {
+        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);
+    }
+  }, [cvs, cvs.chatType, cvs.conversationId, http]);
+  return /*#__PURE__*/React.createElement(agoraChatUikit.ConversationItem, {
+    className: "yuze-conversationItem",
+    avatar: /*#__PURE__*/React.createElement("div", {
+      className: "yuze-conversationItem-avatar relative"
+    }, /*#__PURE__*/React.createElement(agoraChatUikit.Avatar, {
+      shape: cvs.chatType === "groupChat" ? "square" : "circle",
+      src: avatar,
+      style: {
+        background: "transparent"
+      }
+    }), cvs.unreadCount > 0 && /*#__PURE__*/React.createElement("div", {
+      className: "text-sm absolute yuze-conversationItem-avatar-notice"
+    }, cvs.unreadCount > 99 ? "99+" : cvs.unreadCount)),
+    data: _objectSpread({}, cvs),
+    moreAction: {
+      actions: [],
+      visible: true,
+      icon: /*#__PURE__*/React.createElement(index, {
+        conversationId: cvs.conversationId,
+        chatType: cvs.chatType,
+        silent: cvs.silent
+      })
+    },
+    onClick: function onClick() {
+      _onClick && _onClick();
+      setCurrentConversation(_objectSpread({}, cvs));
+    }
+  });
+};
+
+module.exports = CustomConversationItem;

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

@@ -0,0 +1,15 @@
+.yuze-conversationItem {
+  .cui-conversationItem-nickname-silent {
+    right: 20px;
+    top: 2px;
+  }
+  .yuze-conversationItem-avatar{
+    .yuze-conversationItem-avatar-notice{
+      background-color: var(--im-conversationItem-noticeColor);
+      right:-9px;
+      top:-5px;
+      border-radius: 20px;
+      padding: 1px 7px;
+    }
+  }
+}

package/cjs/Sidebar/GroupList/OperateBtn/image/delete.svg.js

@@ -0,0 +1,5 @@
+'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%3cg clip-path='url(%23clip0_2112_36478)'%3e%3cpath d='M11.333 3.99967H14.6663V5.33301H13.333V13.9997C13.333 14.3679 13.0345 14.6663 12.6663 14.6663H3.33301C2.96482 14.6663 2.66634 14.3679 2.66634 13.9997V5.33301H1.33301V3.99967H4.66634V1.99967C4.66634 1.63149 4.96482 1.33301 5.33301 1.33301H10.6663C11.0345 1.33301 11.333 1.63149 11.333 1.99967V3.99967ZM11.9997 5.33301H3.99967V13.333H11.9997V5.33301ZM5.99967 7.33301H7.33301V11.333H5.99967V7.33301ZM8.66634 7.33301H9.99967V11.333H8.66634V7.33301ZM5.99967 2.66634V3.99967H9.99967V2.66634H5.99967Z' fill='%23E94359'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_2112_36478'%3e%3crect width='16' height='16' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
+
+module.exports = img;

package/cjs/Sidebar/GroupList/OperateBtn/image/logout.svg.js

@@ -0,0 +1,5 @@
+'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='M7.99723 2H2V14H8' stroke='white' stroke-width='1.5' stroke-linecap='square'/%3e%3cpath d='M11 11L14 8L11 5' stroke='white' stroke-width='1.5' stroke-linecap='square'/%3e%3cpath d='M5.33301 7.99707H13.5' stroke='white' stroke-width='1.5' stroke-linecap='square' stroke-linejoin='round'/%3e%3c/svg%3e";
+
+module.exports = img;

package/cjs/Sidebar/GroupList/OperateBtn/image/more.svg.js

@@ -0,0 +1,5 @@
+'use strict';
+
+var img = "data:image/svg+xml,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12 3C11.175 3 10.5 3.675 10.5 4.5C10.5 5.325 11.175 6 12 6C12.825 6 13.5 5.325 13.5 4.5C13.5 3.675 12.825 3 12 3ZM12 18C11.175 18 10.5 18.675 10.5 19.5C10.5 20.325 11.175 21 12 21C12.825 21 13.5 20.325 13.5 19.5C13.5 18.675 12.825 18 12 18ZM12 10.5C11.175 10.5 10.5 11.175 10.5 12C10.5 12.825 11.175 13.5 12 13.5C12.825 13.5 13.5 12.825 13.5 12C13.5 11.175 12.825 10.5 12 10.5Z' fill='white'/%3e%3c/svg%3e";
+
+module.exports = img;

package/cjs/Sidebar/GroupList/OperateBtn/image/muted.svg.js

@@ -0,0 +1,5 @@
+'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%3cg clip-path='url(%23clip0_2112_36549)'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.7497 4.88179C2.67324 5.24253 2.63301 5.61665 2.63301 6.00016V11.9668H1.33301H0.633008V13.3668H1.33301H2.63301H3.33301H5.66124C5.83746 14.4998 6.81732 15.3668 7.99967 15.3668C9.18203 15.3668 10.1619 14.4998 10.3381 13.3668H10.3416L9.08895 11.9668H6.33301H5.63301H4.03301V6.31607L2.7497 4.88179ZM4.29864 2.11382L5.23277 3.15785C5.9474 2.46207 6.92349 2.0335 7.99967 2.0335C10.1904 2.0335 11.9663 3.80943 11.9663 6.00016V10.6836L14.3671 13.3668H14.6663H15.3663V11.9668H14.6663H13.3663V6.00016C13.3663 3.03623 10.9636 0.633496 7.99967 0.633496C6.56484 0.633496 5.26152 1.19658 4.29864 2.11382ZM7.99967 13.9668C7.59559 13.9668 7.24941 13.7189 7.10498 13.3668H8.89437C8.74994 13.7189 8.40376 13.9668 7.99967 13.9668Z' fill='white'/%3e%3cpath d='M2.33301 2.1665L13.6663 14.8332' stroke='white' stroke-width='1.4' stroke-linecap='square'/%3e%3c/g%3e%3cdefs%3e%3cclipPath id='clip0_2112_36549'%3e%3crect width='16' height='16' fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e";
+
+module.exports = img;

package/cjs/Sidebar/GroupList/OperateBtn/index.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { ChatType } from "agora-chat-uikit/types/module/types/messageType";
+import "./style/index.scss";
+interface IOperateBtn {
+    conversationId: string;
+    silent?: boolean;
+    chatType: ChatType;
+    onDelete?: (conversationId: string) => void;
+}
+declare const OperateBtn: React.FC<IOperateBtn>;
+export default OperateBtn;