whyuzeim 1.0.0

package/es/GroupDetail/GroupDetailEditView/index.js

@@ -0,0 +1,267 @@
+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 _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
+import _asyncToGenerator from '@babel/runtime-corejs3/helpers/esm/asyncToGenerator';
+import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
+import _trimInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/trim';
+import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
+import React, { useState, useContext, useRef, useEffect } from 'react';
+import { Context } from '../../IM/context.js';
+import { message } from 'antd';
+import '../../IM/style/index.scss';
+import { rootStore } from 'agora-chat-uikit';
+
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context5, _context6; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context5 = ownKeys(Object(t), true)).call(_context5, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context6 = ownKeys(Object(t))).call(_context6, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+var GroupDetailEditView = function GroupDetailEditView(props) {
+  var _props$groupInfo$head, _props$groupInfo, _props$groupInfo$name, _props$groupInfo2, _props$groupInfo3, _context4;
+  var _useState = useState({
+      imageUrl: (_props$groupInfo$head = (_props$groupInfo = props.groupInfo) === null || _props$groupInfo === void 0 ? void 0 : _props$groupInfo.headimgurl) !== null && _props$groupInfo$head !== void 0 ? _props$groupInfo$head : '',
+      // 群组头像 URL
+      name: (_props$groupInfo$name = (_props$groupInfo2 = props.groupInfo) === null || _props$groupInfo2 === void 0 ? void 0 : _props$groupInfo2.name) !== null && _props$groupInfo$name !== void 0 ? _props$groupInfo$name : '',
+      // 群组名称
+      description: (_props$groupInfo3 = props.groupInfo) === null || _props$groupInfo3 === void 0 ? void 0 : _props$groupInfo3.description // 群组描述
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    groupForm = _useState2[0],
+    setGroupForm = _useState2[1];
+  var _useContext = useContext(Context),
+    http = _useContext.http;
+  var nameInputRef = useRef(null);
+  var descriptionInputRef = useRef(null);
+  // 设置默认值
+  useEffect(function () {
+    if (nameInputRef.current) {
+      var _groupForm$name;
+      nameInputRef.current.innerText = (_groupForm$name = groupForm.name) !== null && _groupForm$name !== void 0 ? _groupForm$name : '';
+    }
+    if (descriptionInputRef.current) {
+      var _groupForm$descriptio;
+      descriptionInputRef.current.innerText = (_groupForm$descriptio = groupForm.description) !== null && _groupForm$descriptio !== void 0 ? _groupForm$descriptio : '';
+    }
+  }, []);
+  // 处理头像上传
+  var upAvatar = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(file) {
+      var formData, _yield$http$post, data;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            // 实现上传逻辑
+            console.log('上传文件:', file);
+            // 假设上传成功后更新 imageUrl
+            formData = new FormData();
+            formData.append('file', file);
+            _context.prev = 3;
+            _context.next = 6;
+            return http.post("/capi/account/open/videos/upload", formData);
+          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), {}, {
+                  imageUrl: data.data
+                });
+              });
+            } else {
+              message.error(data === null || data === void 0 ? void 0 : data.msg);
+            }
+            _context.next = 15;
+            break;
+          case 12:
+            _context.prev = 12;
+            _context.t0 = _context["catch"](3);
+            console.error('Upload error:', _context.t0);
+          case 15:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[3, 12]]);
+    }));
+    return function upAvatar(_x) {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  // 处理头像上传前的校验
+  var beforeAvatarUpload = function beforeAvatarUpload(file) {
+    var isJPG = file.type === 'image/jpeg' || file.type === 'image/png' || file.type === 'image/jpg';
+    var isLt5M = file.size / 1024 / 1024 < 5;
+    if (!isJPG) {
+      message.error('Invalid File');
+    }
+    if (!isLt5M) {
+      message.error('Max size limit 5M');
+    }
+    return isLt5M && isJPG;
+  };
+  // 处理群组名称输入
+  var handleNameInput = function handleNameInput() {
+    if (nameInputRef.current) {
+      setGroupForm(function (prev) {
+        var _nameInputRef$current;
+        return _objectSpread(_objectSpread({}, prev), {}, {
+          name: ((_nameInputRef$current = nameInputRef.current) === null || _nameInputRef$current === void 0 ? void 0 : _nameInputRef$current.innerText) || ''
+        });
+      });
+    }
+  };
+  // 处理群组描述输入
+  var handleDescriptionInput = function handleDescriptionInput() {
+    if (descriptionInputRef.current) {
+      setGroupForm(function (prev) {
+        var _descriptionInputRef$;
+        return _objectSpread(_objectSpread({}, prev), {}, {
+          description: ((_descriptionInputRef$ = descriptionInputRef.current) === null || _descriptionInputRef$ === void 0 ? void 0 : _descriptionInputRef$.innerText) || ''
+        });
+      });
+    }
+  };
+  // 保存群组信息
+  var saveGroupInfo = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
+      var _context2, _props$groupInfo4;
+      var options, response, _response$data, code, msg, _props$groupInfo5, _props$groupInfo6;
+      return _regeneratorRuntime.wrap(function _callee2$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            if (!(_trimInstanceProperty(_context2 = groupForm.name).call(_context2) === '')) {
+              _context3.next = 3;
+              break;
+            }
+            console.error('群组名称不能为空');
+            return _context3.abrupt("return");
+          case 3:
+            console.log('保存群组信息:', groupForm);
+            // 实现保存逻辑
+            if (groupForm.name) {
+              _context3.next = 6;
+              break;
+            }
+            return _context3.abrupt("return");
+          case 6:
+            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;
+            return http.post("/capi/account/imchannel/update", options);
+          case 10:
+            response = _context3.sent;
+            _response$data = response.data, code = _response$data.code, msg = _response$data.msg;
+            if (code == 200) {
+              rootStore.addressStore.updateGroupName(props === null || props === void 0 || (_props$groupInfo5 = props.groupInfo) === null || _props$groupInfo5 === void 0 ? void 0 : _props$groupInfo5.sendbirdid, groupForm.name);
+              rootStore.addressStore.updateGroupAvatar(props === null || props === void 0 || (_props$groupInfo6 = props.groupInfo) === null || _props$groupInfo6 === void 0 ? void 0 : _props$groupInfo6.sendbirdid, groupForm.imageUrl);
+              if (props.onClickClose) {
+                props.onClickClose(true);
+              }
+            } else {
+              message.error(msg);
+            }
+            _context3.next = 17;
+            break;
+          case 15:
+            _context3.prev = 15;
+            _context3.t0 = _context3["catch"](7);
+          case 17:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee2, null, [[7, 15]]);
+    }));
+    return function saveGroupInfo() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/React.createElement("div", {
+    className: "yuze-groupDetail w-full h-full"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "p-4 h-16 border-[var(--im-main-bg-five)] cursor-pointer flex items-center text-[var(--im-five-fontColor)] hover:text-[var(--im-second-fontColor)]"
+  }, /*#__PURE__*/React.createElement("button", {
+    onClick: function onClick() {
+      if (props.onClickClose) {
+        props.onClickClose(false);
+      }
+    }
+  }, /*#__PURE__*/React.createElement("svg", {
+    className: "w-6 h-6",
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M6 18L18 6M6 6l12 12"
+  }))), /*#__PURE__*/React.createElement("span", {
+    className: "ml-2 text-[var(--im-main-fontColor)]"
+  }, "Edit")), /*#__PURE__*/React.createElement("div", {
+    className: "my-10"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "flex justify-center"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "relative"
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "file",
+    accept: "image/*",
+    className: "hidden",
+    id: "avatar-upload",
+    onChange: function onChange(e) {
+      if (e.target.files && e.target.files[0]) {
+        var file = e.target.files[0];
+        if (beforeAvatarUpload(file)) {
+          upAvatar(file);
+        }
+      }
+    }
+  }), /*#__PURE__*/React.createElement("label", {
+    htmlFor: "avatar-upload",
+    className: "cursor-pointer"
+  }, groupForm.imageUrl ? /*#__PURE__*/React.createElement("img", {
+    src: groupForm.imageUrl,
+    alt: "avatar",
+    className: "bg-[var(--im-second-fontColor)] w-20 h-20 rounded-lg"
+  }) : /*#__PURE__*/React.createElement("div", {
+    className: "w-20 h-20 rounded-lg bg-black-60 flex items-center justify-center"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "text-[var(--im-main-fontColor)]"
+  }, "Upload Avatar")))))), /*#__PURE__*/React.createElement("div", {
+    className: "gap-2 flex flex-col mt-4 gap-2 mx-4"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "text-[var(--im-seven-fontColor)] text-sm font-normal"
+  }, "Group Name"), /*#__PURE__*/React.createElement("div", {
+    className: "w-full h-12 px-4 py-3 rounded-sm bg-[var(--im-main-bg-ten)]"
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: nameInputRef,
+    contentEditable: true,
+    className: "text-[var(--im-main-fontColor)] text-base outline-none resize-none whitespace-pre-wrap break-words",
+    onInput: handleNameInput
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "gap-2 flex flex-col mt-4 mx-4"
+  }, /*#__PURE__*/React.createElement("span", {
+    className: "text-[var(--im-seven-fontColor)] text-sm font-normal"
+  }, "Description"), /*#__PURE__*/React.createElement("div", {
+    className: "w-full h-12 px-4 py-3 rounded-sm bg-[var(--im-main-bg-ten)]"
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: descriptionInputRef,
+    contentEditable: true,
+    className: "text-[var(--im-main-fontColor)] text-base outline-none resize-none whitespace-pre-wrap break-words",
+    onInput: handleDescriptionInput
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: "mt-4 mx-4  p-4 h-12 text-center text-base leading-normal font-semibold rounded-md cursor-pointer text-[var(--im-six-fontColor)] bg-[var(--im-green)] ".concat(_trimInstanceProperty(_context4 = groupForm.name).call(_context4) === '' ? 'opacity-50' : ''),
+    onClick: saveGroupInfo
+  }, "Save"));
+};
+
+export { GroupDetailEditView as default };

package/es/GroupDetail/GroupShareView/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import "../../IM/style/index.scss";
+export interface IGroupShareInfo {
+    shareObjId: string;
+    shareObjName?: string;
+    shareObjImageurl?: string;
+    onClickClose?: () => void;
+}
+declare const GroupShareView: React.FC<IGroupShareInfo>;
+export default GroupShareView;

package/es/GroupDetail/GroupShareView/index.js

@@ -0,0 +1,149 @@
+import _asyncToGenerator from '@babel/runtime-corejs3/helpers/esm/asyncToGenerator';
+import _slicedToArray from '@babel/runtime-corejs3/helpers/esm/slicedToArray';
+import _mapInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/map';
+import _regeneratorRuntime from '@babel/runtime-corejs3/regenerator';
+import React, { useContext, useState, useEffect } from 'react';
+import { Context } from '../../IM/context.js';
+import '../../IM/style/index.scss';
+import { useSDK, rootStore } from 'agora-chat-uikit';
+
+var GroupShareView = function GroupShareView(props) {
+  var _useContext = useContext(Context),
+    http = _useContext.http,
+    userInfo = _useContext.userInfo;
+  var _useState = useState([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    groupList = _useState2[0],
+    setGroupList = _useState2[1];
+  var _useSDK = useSDK(),
+    ChatSDK = _useSDK.ChatSDK;
+  var getMySelfGroups = /*#__PURE__*/function () {
+    var _ref = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+      var param, _yield$http$post, data;
+      return _regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            param = {
+              type: 3
+            };
+            _context.prev = 1;
+            _context.next = 4;
+            return http.post("/capi/account/imchannel/getchannels", param);
+          case 4:
+            _yield$http$post = _context.sent;
+            data = _yield$http$post.data;
+            if (data && data.code === 200) {
+              setGroupList(data.data);
+            }
+            _context.next = 11;
+            break;
+          case 9:
+            _context.prev = 9;
+            _context.t0 = _context["catch"](1);
+          case 11:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[1, 9]]);
+    }));
+    return function getMySelfGroups() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  var shareItemAction = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(groupItem) {
+      var option, customMessage;
+      return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            option = {
+              chatType: 'groupChat',
+              type: 'custom',
+              // Sets the message type.
+              to: groupItem === null || groupItem === void 0 ? void 0 : groupItem.sendbirdid,
+              // Sets the recipient of the message with user ID.
+              customEvent: 'im_group_share',
+              msg: '[group card]',
+              customExts: {
+                shareUserId: userInfo.uid,
+                objectId: props.shareObjId,
+                title: props.shareObjName,
+                shareUserName: userInfo.username,
+                imgUrl: props.shareObjImageurl
+              }
+            };
+            customMessage = ChatSDK.message.create(option);
+            _context2.next = 4;
+            return rootStore.messageStore.sendMessage(customMessage);
+          case 4:
+            if (props.onClickClose) {
+              props.onClickClose();
+            }
+          case 5:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2);
+    }));
+    return function shareItemAction(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  // 设置默认值
+  useEffect(function () {
+    getMySelfGroups();
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "yuze-groupDetail flex flex-col w-full h-full overflow-hidden"
+  }, /*#__PURE__*/React.createElement("div", {
+    onClick: function onClick() {
+      if (props.onClickClose) {
+        props.onClickClose();
+      }
+    },
+    className: "p-4 h-16 border-b border-[var(--im-main-bg-five)] cursor-pointer flex items-center text-[var(--im-five-fontColor)] hover:text-[var(--im-second-fontColor)]"
+  }, /*#__PURE__*/React.createElement("button", null, /*#__PURE__*/React.createElement("svg", {
+    className: "w-6 h-6",
+    fill: "none",
+    stroke: "currentColor",
+    viewBox: "0 0 24 24",
+    xmlns: "http://www.w3.org/2000/svg"
+  }, /*#__PURE__*/React.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M6 18L18 6M6 6l12 12"
+  }))), /*#__PURE__*/React.createElement("span", {
+    className: "ml-2 text-[var(--im-main-fontColor)]"
+  }, "Share")), /*#__PURE__*/React.createElement("p", {
+    className: "text-[var(--im-main-fontColor)] text-base font-semibold text-center pt-6 px-4 pb-2.5 border-b border-[var(--im-main-bg-ten)]"
+  }, "Groups"), /*#__PURE__*/React.createElement("div", {
+    className: "flex flex-col mt-3 mx-4 gap-4 overflow-y-auto flex-1 min-h-0 pb-5"
+  }, _mapInstanceProperty(groupList).call(groupList, function (groupinfo, index) {
+    var _groupinfo$name, _groupinfo$members;
+    return /*#__PURE__*/React.createElement("div", {
+      onClick: function onClick() {
+        return shareItemAction(groupinfo);
+      },
+      key: index,
+      className: "px-2 py-3 cursor-pointer flex items-center justify-between"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "flex gap-2 items-center mr-5 flex-1 min-w-0 overflow-hidden"
+    }, /*#__PURE__*/React.createElement("img", {
+      src: groupinfo === null || groupinfo === void 0 ? void 0 : groupinfo.headimgurl,
+      className: "w-12 h-12 rounded-[9px]"
+    }), /*#__PURE__*/React.createElement("div", {
+      className: "flex flex-col gap-[2px] ellipsis"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "text-[var(--im-main-fontColor)] text-base font-semibold font-['Inter'] leading-normal"
+    }, (_groupinfo$name = groupinfo === null || groupinfo === void 0 ? void 0 : groupinfo.name) !== null && _groupinfo$name !== void 0 ? _groupinfo$name : '-'), /*#__PURE__*/React.createElement("span", {
+      className: "text-[var(--im-third-fontColor)] text-sm font-normal font-['Inter'] leading-snug"
+    }, (_groupinfo$members = groupinfo === null || groupinfo === void 0 ? void 0 : groupinfo.members) !== null && _groupinfo$members !== void 0 ? _groupinfo$members : 0, " members"))), /*#__PURE__*/React.createElement("div", {
+      className: "flex flex-shrink-0 items-center justify-center w-14 h-6 text-center bg-gradient-to-r from-[#9cff1e] via-[#9cff1e] to-[#9cff1e] rounded"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: " text-[var(--im-six-fontColor)] text-xs font-medium leading-normal"
+    }, "Share")));
+  })));
+};
+
+export { GroupShareView as default };

package/es/GroupDetail/image/ic_close.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.0007 10.5865L16.9504 5.63672L18.3646 7.05093L13.4149 12.0007L18.3646 16.9504L16.9504 18.3646L12.0007 13.4149L7.05093 18.3646L5.63672 16.9504L10.5865 12.0007L5.63672 7.05093L7.05093 5.63672L12.0007 10.5865Z' fill='white' fill-opacity='0.4'/%3e%3c/svg%3e";
+
+export { img as default };

package/es/GroupDetail/image/ic_group_edit.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='M6.41421 15.89L16.5563 5.74786L15.1421 4.33365L5 14.4758V15.89H6.41421ZM7.24264 17.89H3V13.6474L14.435 2.21233C14.8256 1.8218 15.4587 1.8218 15.8492 2.21233L18.6777 5.04075C19.0682 5.43128 19.0682 6.06444 18.6777 6.45497L7.24264 17.89ZM3 19.89H21V21.89H3V19.89Z' fill='white' fill-opacity='0.4'/%3e%3c/svg%3e";
+
+export { img as default };

package/es/GroupDetail/image/ic_messages.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='M6.45455 18L2 22V3C2 2.44772 2.44772 2 3 2H21C21.5523 2 22 2.44772 22 3V17C22 17.5523 21.5523 18 21 18H6.45455ZM5.76282 16H20V4H4V17.3851L5.76282 16ZM11 9H13V11H11V9ZM7 9H9V11H7V9ZM15 9H17V11H15V9Z' fill='white' fill-opacity='0.4'/%3e%3c/svg%3e";
+
+export { img as default };

package/es/GroupDetail/image/ic_share.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 fill-rule='evenodd' clip-rule='evenodd' d='M10 16.1634C10.6309 16.0558 11.2963 15.9998 12 15.9998V19.5857C12 20.4766 13.0771 20.9228 13.7071 20.2928L21.2929 12.707C21.6834 12.3165 21.6834 11.6833 21.2929 11.2928L13.7071 3.70701C13.0771 3.07704 12 3.52321 12 4.41412V7.99984C5.92487 7.99984 2 12.9247 2 18.9998C2 19.1334 2.00238 19.2663 2.0071 19.3987C2.03783 20.261 3.10557 20.4916 3.67853 19.8464C5.37683 17.9341 7.39449 16.6078 10 16.1634ZM14 6.82833V8.99984C14 9.55213 13.5523 9.99984 13 9.99984H12C8.04219 9.99984 5.10357 12.6421 4.2521 16.5726C6.33295 14.969 8.85527 13.9998 12 13.9998H13C13.5523 13.9998 14 14.4476 14 14.9998V17.1715L19.1716 11.9999L14 6.82833Z' fill='white' fill-opacity='0.4'/%3e%3c/svg%3e";
+
+export { img as default };

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

@@ -0,0 +1,3 @@
+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/GroupDetail/index.d.ts

@@ -0,0 +1,26 @@
+import React from "react";
+import "./style/index.scss";
+export interface IGroupDetail {
+    userId: string;
+    onClickClose?: () => void;
+}
+export interface APIGroupDetailInfo {
+    ingroupstatus: number;
+    applyswitch: number;
+    groupownername: string;
+    description: string;
+    groupcode: number;
+    historyswitch: number;
+    members: number;
+    ismute: number;
+    name?: string;
+    headimgurl?: string;
+    sendbirdid: string;
+    isautomatictranslate: number;
+    roletype: number;
+    groupownernickname?: string;
+    id: string;
+    issynchronize: number;
+}
+declare const GroupDetail: React.FC<IGroupDetail>;
+export default GroupDetail;