whyuzeim 1.0.0

package/es/CustomChatView/index.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { ChatType } from "agora-chat-uikit/types/module/types/messageType";
+export interface ICustomChatbox {
+    conversationId: string;
+    chatType: ChatType;
+    className?: string;
+}
+declare const CustomChatView: React.FC<ICustomChatbox>;
+export default CustomChatView;

package/es/CustomChatView/index.js

@@ -0,0 +1,387 @@
+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 _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 _extends from '@babel/runtime-corejs3/helpers/esm/extends';
+import _asyncToGenerator from '@babel/runtime-corejs3/helpers/esm/asyncToGenerator';
+import _defineProperty from '@babel/runtime-corejs3/helpers/esm/defineProperty';
+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 React, { useContext, useState, useEffect } from 'react';
+import { rootStore, MessageList, MessageInput, ImageMessage, FileMessage, VideoMessage, AudioMessage, BaseMessage, TextMessage } from 'agora-chat-uikit';
+import { Context } from '../IM/context.js';
+import { Modal, message } from 'antd';
+import { commonMessageInputConfig, commonMessageProps } from '../type.js';
+
+function ownKeys(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var _context4, _context5; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context4 = ownKeys(Object(t), true)).call(_context4, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context5 = ownKeys(Object(t))).call(_context5, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+var CustomChatView = function CustomChatView(props) {
+  var _props$className;
+  var _useContext = useContext(Context),
+    http = _useContext.http,
+    userInfo = _useContext.userInfo;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2);
+    _useState2[0];
+    var setShowJoinGroupDialog = _useState2[1];
+  var _useState3 = useState({}),
+    _useState4 = _slicedToArray(_useState3, 2);
+    _useState4[0];
+    var setJoinGroupInfo = _useState4[1];
+  var _Modal$useModal = Modal.useModal(),
+    _Modal$useModal2 = _slicedToArray(_Modal$useModal, 2);
+    _Modal$useModal2[0];
+    _Modal$useModal2[1];
+  var _useState5 = useState({
+      headerImageURL: '',
+      conversationName: '',
+      memberCount: 0,
+      chatType: 'singleChat'
+    }),
+    _useState6 = _slicedToArray(_useState5, 2),
+    headerInfo = _useState6[0],
+    setHeaderInfo = _useState6[1];
+  var renderTxtMsg = function renderTxtMsg(msg) {
+    var _userInfo$uid, _ref;
+    var isMySelf = (msg === null || msg === void 0 ? void 0 : msg.bySelf) === true || (msg === null || msg === void 0 ? void 0 : msg.from.toLowerCase()) === ((_userInfo$uid = userInfo.uid) === null || _userInfo$uid === void 0 ? void 0 : _userInfo$uid.toLowerCase());
+    return /*#__PURE__*/React.createElement(TextMessage, {
+      bubbleStyle: {
+        background: isMySelf ? "var(--im-msg-bubble-color-right)" : "var(--im-msg-bubble-color-left)",
+        borderRadius: "9px",
+        padding: "10px 12px",
+        color: "var(--im-msg-bubble-font-color)"
+      },
+      shape: "square",
+      arrow: false,
+      status: msg.status,
+      textMessage: msg,
+      reaction: false,
+      select: false,
+      thread: false,
+      customAction: (_ref = commonMessageProps && (commonMessageProps === null || commonMessageProps === void 0 ? void 0 : commonMessageProps.customAction)) !== null && _ref !== void 0 ? _ref : undefined
+    });
+  };
+  var renderShareCardMsg = function renderShareCardMsg(msg) {
+    var _msg$customExts, _msg$customExts2;
+    return /*#__PURE__*/React.createElement("div", {
+      className: "text-[var(--im-main-fontColor)]",
+      onClick: function onClick() {
+        return clickCustomGroupCardMsg(msg);
+      }
+    }, /*#__PURE__*/React.createElement("p", {
+      className: "text-sm font-normal leading-snug"
+    }, msg.customEvent === "im_group_share" ? "\"".concat((_msg$customExts = msg.customExts) === null || _msg$customExts === void 0 ? void 0 : _msg$customExts.shareUserName, "\" invites you to join group chat click to enter.") : "\"".concat((_msg$customExts2 = msg.customExts) === null || _msg$customExts2 === void 0 ? void 0 : _msg$customExts2.shareUserName, "\" recommends friends to you")), /*#__PURE__*/React.createElement("div", {
+      className: "flex items-center bg-[var(--im-main-bg-ten)] p-4 rounded-lg mt-2"
+    }, /*#__PURE__*/React.createElement("img", {
+      className: "w-12 h-12 object-cover ".concat(msg.customEvent === "im_group_share" ? "rounded-md" : "rounded-full"),
+      src: msg.customExts.imgUrl,
+      alt: ""
+    }), /*#__PURE__*/React.createElement("p", {
+      className: "ml-2 text-base font-semibold leading-normal ellipsis"
+    }, msg.customExts.title)));
+  };
+  var _renderMessage = function renderMessage(msg) {
+    if (msg.type === "txt") {
+      return renderTxtMsg(msg);
+    } else if (msg.type === 'img') {
+      var _ref2;
+      return /*#__PURE__*/React.createElement(ImageMessage, {
+        reaction: false,
+        select: false,
+        thread: false,
+        customAction: (_ref2 = commonMessageProps && (commonMessageProps === null || commonMessageProps === void 0 ? void 0 : commonMessageProps.customAction)) !== null && _ref2 !== void 0 ? _ref2 : undefined,
+        imageMessage: msg
+      });
+    } else if (msg.type === 'file') {
+      var _ref3;
+      return /*#__PURE__*/React.createElement(FileMessage, {
+        bubbleStyle: {
+          background: msg.bySelf ? "var(--im-msg-bubble-color-right)" : "var(--im-msg-bubble-color-left)",
+          borderRadius: "9px",
+          padding: "10px 12px",
+          color: "var(--im-msg-bubble-font-color)"
+        },
+        reaction: false,
+        select: false,
+        thread: false,
+        customAction: (_ref3 = commonMessageProps && (commonMessageProps === null || commonMessageProps === void 0 ? void 0 : commonMessageProps.customAction)) !== null && _ref3 !== void 0 ? _ref3 : undefined,
+        fileMessage: msg
+      });
+    } else if (msg.type === 'video') {
+      var _ref4;
+      return /*#__PURE__*/React.createElement(VideoMessage, {
+        reaction: false,
+        select: false,
+        thread: false,
+        customAction: (_ref4 = commonMessageProps && (commonMessageProps === null || commonMessageProps === void 0 ? void 0 : commonMessageProps.customAction)) !== null && _ref4 !== void 0 ? _ref4 : undefined,
+        videoMessage: msg
+      });
+    } else if (msg.type === 'audio') {
+      var _ref5;
+      return /*#__PURE__*/React.createElement(AudioMessage, {
+        reaction: false,
+        select: false,
+        thread: false,
+        customAction: (_ref5 = commonMessageProps && (commonMessageProps === null || commonMessageProps === void 0 ? void 0 : commonMessageProps.customAction)) !== null && _ref5 !== void 0 ? _ref5 : undefined,
+        audioMessage: msg
+      });
+    } else if (msg.type === 'custom' && ((msg === null || msg === void 0 ? void 0 : msg.customEvent) === 'im_group_share' || (msg === null || msg === void 0 ? void 0 : msg.customEvent) === 'personcenter_share')) {
+      var _userInfo$uid2, _ref6;
+      var isMySelf = (msg === null || msg === void 0 ? void 0 : msg.bySelf) === true || (msg === null || msg === void 0 ? void 0 : msg.from.toLowerCase()) === (userInfo === null || userInfo === void 0 || (_userInfo$uid2 = userInfo.uid) === null || _userInfo$uid2 === void 0 ? void 0 : _userInfo$uid2.toLowerCase());
+      return /*#__PURE__*/React.createElement(BaseMessage, {
+        bubbleStyle: {
+          background: isMySelf ? "var(--im-msg-bubble-color-right)" : "var(--im-msg-bubble-color-left)",
+          borderRadius: "9px",
+          padding: "10px 12px",
+          color: "var(--im-msg-bubble-font-color)"
+        },
+        reaction: false,
+        select: false,
+        thread: false,
+        direction: isMySelf ? 'rtl' : 'ltr',
+        customAction: (_ref6 = commonMessageProps && (commonMessageProps === null || commonMessageProps === void 0 ? void 0 : commonMessageProps.customAction)) !== null && _ref6 !== void 0 ? _ref6 : undefined,
+        children: renderShareCardMsg(msg)
+      });
+    } else {
+      return undefined;
+    }
+  };
+  var getHeaderInfo = function getHeaderInfo() {
+    var _context;
+    var cvs = _findInstanceProperty(_context = rootStore.conversationStore.conversationList).call(_context, function (cvs) {
+      return cvs.conversationId === props.conversationId;
+    });
+    if (!cvs || !(cvs !== null && cvs !== void 0 && cvs.conversationId)) {
+      return;
+    }
+    var isGroup = cvs.chatType === "groupChat";
+    setHeaderInfo(function (prevState) {
+      return _objectSpread(_objectSpread({}, prevState), {}, {
+        chatType: cvs.chatType
+      });
+    });
+    if (isGroup) {
+      var groupData = rootStore.addressStore.groups;
+      _forEachInstanceProperty(groupData).call(groupData, function (group) {
+        var _group$info;
+        // @ts-ignore
+        if (cvs.conversationId == (group === null || group === void 0 ? void 0 : group.groupid) && group !== null && group !== void 0 && (_group$info = group.info) !== null && _group$info !== void 0 && _group$info.custom) {
+          var _group$info2, _customObj$headimgurl, _group$info$affiliati, _group$info3, _ref7, _ref8, _group$name, _group$info4;
+          var customObj = JSON.parse(group === null || group === void 0 || (_group$info2 = group.info) === null || _group$info2 === void 0 ? void 0 : _group$info2.custom);
+          var imageurl = (_customObj$headimgurl = customObj === null || customObj === void 0 ? void 0 : customObj.headimgurl) !== null && _customObj$headimgurl !== void 0 ? _customObj$headimgurl : '';
+          var member = (_group$info$affiliati = group === null || group === void 0 || (_group$info3 = group.info) === null || _group$info3 === void 0 ? void 0 : _group$info3.affiliations_count) !== null && _group$info$affiliati !== void 0 ? _group$info$affiliati : 0;
+          var name = (_ref7 = (_ref8 = (_group$name = group === null || group === void 0 ? void 0 : group.name) !== null && _group$name !== void 0 ? _group$name : group === null || group === void 0 || (_group$info4 = group.info) === null || _group$info4 === void 0 ? void 0 : _group$info4.name) !== null && _ref8 !== void 0 ? _ref8 : cvs.name) !== null && _ref7 !== void 0 ? _ref7 : '';
+          setHeaderInfo(function (prevState) {
+            return _objectSpread(_objectSpread({}, prevState), {}, {
+              headerImageURL: imageurl,
+              memberCount: member,
+              conversationName: name
+            });
+          });
+          if (!(group !== null && group !== void 0 && group.info)) {
+            rootStore.addressStore.getGroupInfo(cvs.conversationId);
+          }
+        }
+      });
+    } else {
+      var appUsersInfo = rootStore.addressStore.appUsersInfo[cvs.conversationId];
+      if (!appUsersInfo) {
+        rootStore.addressStore.getUserInfo(cvs.conversationId);
+        rootStore.addressStore.getUserInfo(cvs.conversationId).then(function (value) {
+          if (value) {
+            var _value$avatarurl, _value$name;
+            var imageurl = (_value$avatarurl = value === null || value === void 0 ? void 0 : value.avatarurl) !== null && _value$avatarurl !== void 0 ? _value$avatarurl : '';
+            var name = (_value$name = value === null || value === void 0 ? void 0 : value.name) !== null && _value$name !== void 0 ? _value$name : cvs.name;
+            setHeaderInfo(function (prevState) {
+              return _objectSpread(_objectSpread({}, prevState), {}, {
+                headerImageURL: imageurl,
+                conversationName: name
+              });
+            });
+          }
+        });
+      } else {
+        var _appUsersInfo$avataru, _ref9, _appUsersInfo$name;
+        var imageurl = (_appUsersInfo$avataru = appUsersInfo === null || appUsersInfo === void 0 ? void 0 : appUsersInfo.avatarurl) !== null && _appUsersInfo$avataru !== void 0 ? _appUsersInfo$avataru : '';
+        var name = (_ref9 = (_appUsersInfo$name = appUsersInfo === null || appUsersInfo === void 0 ? void 0 : appUsersInfo.name) !== null && _appUsersInfo$name !== void 0 ? _appUsersInfo$name : cvs.name) !== null && _ref9 !== void 0 ? _ref9 : '';
+        setHeaderInfo(function (prevState) {
+          return _objectSpread(_objectSpread({}, prevState), {}, {
+            headerImageURL: imageurl,
+            conversationName: name
+          });
+        });
+      }
+      console.log("the appUsersInfo is ".concat(_JSON$stringify(appUsersInfo)));
+    }
+  };
+  function getShareGroupInfo(_x, _x2) {
+    return _getShareGroupInfo.apply(this, arguments);
+  }
+  function _getShareGroupInfo() {
+    _getShareGroupInfo = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(shareInfo, isJoined) {
+      var params, response, data, groupInfo, waitJoinGroupinfo, conversation, _response$data2;
+      return _regeneratorRuntime.wrap(function _callee2$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            params = {
+              sendbirdid: shareInfo === null || shareInfo === void 0 ? void 0 : shareInfo.objectId
+            };
+            _context3.next = 3;
+            return http.post("/capi/account/imchannel/getdetails", params);
+          case 3:
+            response = _context3.sent;
+            data = response.data;
+            if (data && data.code === 200 && data.data) {
+              groupInfo = data.data;
+              if (!isJoined) {
+                waitJoinGroupinfo = {
+                  headimgurl: groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.headimgurl,
+                  name: groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.name,
+                  description: groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.description,
+                  members: groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.members,
+                  ownername: groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.groupownername,
+                  sendbirdid: groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.sendbirdid
+                };
+                setJoinGroupInfo(waitJoinGroupinfo);
+                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,
+                  lastMessage: {},
+                  unreadCount: 0,
+                  name: groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.name,
+                  avatarUrl: groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.headimgurl
+                };
+                rootStore.conversationStore.addConversation(conversation);
+                rootStore.conversationStore.setCurrentCvs({
+                  conversationId: groupInfo === null || groupInfo === void 0 ? void 0 : groupInfo.sendbirdid,
+                  chatType: 'groupChat'
+                });
+              }
+            } else {
+              message.error((_response$data2 = response.data) === null || _response$data2 === void 0 ? void 0 : _response$data2.msg);
+            }
+          case 6:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee2);
+    }));
+    return _getShareGroupInfo.apply(this, arguments);
+  }
+  var clickCustomGroupCardMsg = /*#__PURE__*/function () {
+    var _ref10 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(msg) {
+      var params, _response$data, response, _msg$customExts3, _msg$customExts4, _msg$customExts5, _msg$customExts6, conversation;
+      return _regeneratorRuntime.wrap(function _callee$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            if (!(msg.customExts.objectId == userInfo.uid)) {
+              _context2.next = 2;
+              break;
+            }
+            return _context2.abrupt("return");
+          case 2:
+            if (!(msg.customEvent == 'im_group_share')) {
+              _context2.next = 15;
+              break;
+            }
+            params = {
+              id: msg.customExts.objectId
+            };
+            _context2.prev = 4;
+            _context2.next = 7;
+            return http.get("/capi/account/imchannel/checkuserisexist", {
+              params: params
+            });
+          case 7:
+            response = _context2.sent;
+            if (response.data.code === 200 && ((_response$data = response.data) === null || _response$data === void 0 || (_response$data = _response$data.data) === null || _response$data === void 0 ? void 0 : _response$data.isjoin) === 1) {
+              getShareGroupInfo(msg === null || msg === void 0 ? void 0 : msg.customExts, true);
+            } else {
+              getShareGroupInfo(msg === null || msg === void 0 ? void 0 : msg.customExts, false);
+            }
+            _context2.next = 13;
+            break;
+          case 11:
+            _context2.prev = 11;
+            _context2.t0 = _context2["catch"](4);
+          case 13:
+            _context2.next = 18;
+            break;
+          case 15:
+            conversation = {
+              chatType: 'singleChat',
+              conversationId: (_msg$customExts3 = msg.customExts) === null || _msg$customExts3 === void 0 ? void 0 : _msg$customExts3.objectId,
+              lastMessage: {},
+              unreadCount: 0,
+              name: (_msg$customExts4 = msg.customExts) === null || _msg$customExts4 === void 0 ? void 0 : _msg$customExts4.title,
+              avatarUrl: (_msg$customExts5 = msg.customExts) === null || _msg$customExts5 === void 0 ? void 0 : _msg$customExts5.imgUrl
+            };
+            rootStore.conversationStore.addConversation(conversation);
+            rootStore.conversationStore.setCurrentCvs({
+              conversationId: msg === null || msg === void 0 || (_msg$customExts6 = msg.customExts) === null || _msg$customExts6 === void 0 ? void 0 : _msg$customExts6.objectId,
+              chatType: 'singleChat'
+            });
+          case 18:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee, null, [[4, 11]]);
+    }));
+    return function clickCustomGroupCardMsg(_x3) {
+      return _ref10.apply(this, arguments);
+    };
+  }();
+  useEffect(function () {
+    if (props.conversationId) {
+      var _props$chatType;
+      var chattype = (_props$chatType = props.chatType) !== null && _props$chatType !== void 0 ? _props$chatType : 'singleChat';
+      var conversation = rootStore.conversationStore.getConversation(chattype, props.conversationId);
+      if (!conversation) {
+        var newConversation = {
+          conversationId: props.conversationId,
+          chatType: props.chatType,
+          lastMessage: {},
+          unreadCount: 0
+        };
+        rootStore.conversationStore.addConversation(newConversation);
+      }
+    }
+    getHeaderInfo();
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    className: "bg-[var(--im-main-backgroundColor)] ".concat((_props$className = props.className) !== null && _props$className !== void 0 ? _props$className : '', " w-full h-full overflow-hidden flex flex-col")
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "h-16 text-white"
+  }, headerInfo.conversationName), /*#__PURE__*/React.createElement(MessageList, {
+    className: "w-full flex-1",
+    conversation: {
+      conversationId: props.conversationId,
+      chatType: props.chatType
+    },
+    renderMessage: function renderMessage(msg) {
+      return _renderMessage(msg);
+    },
+    messageProps: _objectSpread({}, commonMessageProps)
+  }), /*#__PURE__*/React.createElement(MessageInput, _extends({
+    enabledTyping: true,
+    placeHolder: '',
+    conversation: {
+      conversationId: props.conversationId,
+      chatType: props.chatType
+    }
+  }, commonMessageInputConfig, {
+    disabled: false
+  })));
+};
+
+export { CustomChatView as default };

package/es/Exit/index.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const Exit: () => React.JSX.Element;
+export default Exit;

package/es/Exit/index.js

@@ -0,0 +1,15 @@
+import React, { useEffect } from 'react';
+import { useClient } from 'agora-chat-uikit';
+
+/* eslint-disable react-hooks/exhaustive-deps */
+var Exit = function Exit() {
+  var client = useClient();
+  useEffect(function () {
+    return function () {
+      client.close();
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement(React.Fragment, null);
+};
+
+export { Exit as default };

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import "../../IM/style/index.scss";
+export interface IGroupDetailInfo {
+    groupInfo: any;
+    onClickClose?: (needUpdate: boolean) => void;
+}
+declare const GroupDetailEditView: React.FC<IGroupDetailInfo>;
+export default GroupDetailEditView;