whyuzeim 1.0.0

package/es/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/es/Sidebar/CustomConversationItem/OperateBtn/image/delete.svg.js

@@ -0,0 +1,3 @@
+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";
+
+export { img as default };

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

@@ -0,0 +1,3 @@
+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";
+
+export { img as default };

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

@@ -0,0 +1,3 @@
+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";
+
+export { img as default };

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

@@ -0,0 +1,3 @@
+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";
+
+export { img as default };

package/es/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/es/Sidebar/CustomConversationItem/OperateBtn/index.js

@@ -0,0 +1,208 @@
+import _asyncToGenerator from '@babel/runtime-corejs3/helpers/esm/asyncToGenerator';
+import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
+import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
+import React, { useContext, useState, useCallback } from 'react';
+import { Modal, Tooltip, Button } from 'antd';
+import img$3 from './image/more.svg.js';
+import { Context } from '../../../IM/context.js';
+import { useDebounceCallback } from 'usehooks-ts';
+import { useConversationContext, rootStore } from 'agora-chat-uikit';
+import img from './image/muted.svg.js';
+import img$1 from './image/logout.svg.js';
+import img$2 from './image/delete.svg.js';
+import './style/index.scss';
+
+var OperateBtn = function OperateBtn(props) {
+  var conversationId = props.conversationId,
+    chatType = props.chatType,
+    silent = props.silent;
+  var _useContext = useContext(Context),
+    http = _useContext.http;
+  var _useConversationConte = useConversationContext(),
+    deleteConversation = _useConversationConte.deleteConversation;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _Modal$useModal = Modal.useModal(),
+    _Modal$useModal2 = _slicedToArray(_Modal$useModal, 2),
+    modal = _Modal$useModal2[0],
+    contextHolder = _Modal$useModal2[1];
+  var handleMuted = 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) {
+            rootStore === null || rootStore === void 0 || rootStore.conversationStore.clearRemindTypeForConversation({
+              chatType: chatType,
+              conversationId: conversationId
+            });
+          } else {
+            rootStore === null || rootStore === void 0 || rootStore.conversationStore.setSilentModeForConversation({
+              chatType: chatType,
+              conversationId: conversationId
+            });
+          }
+          setOpen(false);
+        case 2:
+        case "end":
+          return _context.stop();
+      }
+    }, _callee);
+  })), [chatType, conversationId, silent]);
+  var handleDebounceMuted = 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(Button, {
+                type: "default",
+                className: "flex-1 bg-transparent",
+                size: "large",
+                onClick: function onClick() {
+                  Modal.destroyAll();
+                }
+              }, "Close"), /*#__PURE__*/React.createElement(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(Button, {
+                type: "default",
+                className: "flex-1 bg-transparent",
+                size: "large",
+                onClick: function onClick() {
+                  Modal.destroyAll();
+                }
+              }, "Close"), /*#__PURE__*/React.createElement(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 = 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
+          });
+          Modal.destroyAll();
+        case 4:
+        case "end":
+          return _context4.stop();
+      }
+    }, _callee4);
+  })), [chatType, conversationId, deleteConversation, http]);
+  var handleDebounceLeave = useDebounceCallback(handleLeave, 100);
+  var handleDelete = 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
+          });
+          Modal.destroyAll();
+        case 2:
+        case "end":
+          return _context5.stop();
+      }
+    }, _callee5);
+  })), [chatType, conversationId, deleteConversation]);
+  var handleDebounceDelete = useDebounceCallback(handleDelete, 100);
+  return /*#__PURE__*/React.createElement(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: img,
+      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: img$1,
+      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: img$2,
+      alt: "",
+      className: "yuze-conversationItem-action-img"
+    }), /*#__PURE__*/React.createElement("span", {
+      className: "text-sm delete"
+    }, "Delete Chat")))
+  }, /*#__PURE__*/React.createElement("img", {
+    src: img$3,
+    className: "cursor-pointer ml-2 yuze-conversationItem-action-img",
+    onClick: function onClick(event) {
+      event.stopPropagation();
+      setOpen(true);
+    }
+  }), contextHolder);
+};
+
+export { OperateBtn as default };

package/es/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/es/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/es/Sidebar/CustomConversationItem/index.js

@@ -0,0 +1,103 @@
+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';
+import _Object$getOwnPropertyDescriptor from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor';
+import _forEachInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/for-each';
+import _Object$getOwnPropertyDescriptors from '@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors';
+import _Object$defineProperties from '@babel/runtime-corejs3/core-js-stable/object/define-properties';
+import _Object$defineProperty from '@babel/runtime-corejs3/core-js-stable/object/define-property';
+import React, { useContext, useState, useEffect } from 'react';
+import './style/index.scss';
+import { useConversationContext, rootStore, ConversationItem, Avatar } from 'agora-chat-uikit';
+import { Context } from '../../IM/context.js';
+import OperateBtn from './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 = useContext(Context),
+    http = _useContext.http;
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    avatar = _useState2[0],
+    setAvatar = _useState2[1];
+  var _useConversationConte = useConversationContext(),
+    setCurrentConversation = _useConversationConte.setCurrentConversation;
+  cvs.chatType === "groupChat" && rootStore.addressStore.getGroupInfo(cvs.conversationId);
+  useEffect(function () {
+    if (cvs.chatType === "groupChat") {
+      var _context;
+      var current = _findInstanceProperty(_context = 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 = rootStore.addressStore.appUsersInfo[cvs.conversationId];
+      if (!appUsersInfo) {
+        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(ConversationItem, {
+    className: "yuze-conversationItem",
+    avatar: /*#__PURE__*/React.createElement("div", {
+      className: "yuze-conversationItem-avatar relative"
+    }, /*#__PURE__*/React.createElement(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(OperateBtn, {
+        conversationId: cvs.conversationId,
+        chatType: cvs.chatType,
+        silent: cvs.silent
+      })
+    },
+    onClick: function onClick() {
+      _onClick && _onClick();
+      setCurrentConversation(_objectSpread({}, cvs));
+    }
+  });
+};
+
+export { CustomConversationItem as default };

package/es/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/es/Sidebar/GroupList/OperateBtn/image/delete.svg.js

@@ -0,0 +1,3 @@
+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";
+
+export { img as default };

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

@@ -0,0 +1,3 @@
+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";
+
+export { img as default };

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

@@ -0,0 +1,3 @@
+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";
+
+export { img as default };

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

@@ -0,0 +1,3 @@
+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";
+
+export { img as default };

package/es/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;