fcr-ui-scene 3.4.1 → 3.4.2

package/lib/modules/chat/chat-select/index.css

@@ -1,15 +1,9 @@
 .leave-container {
   position: relative;
-  padding: 8px 20px 20px;
+  padding: 20px;
   max-height: 368px;
 }
 
-.fcr-dialog-body .leave-container {
-  position: relative;
-  max-height: 368px;
-  padding: 0px;
-}
-
 .leave-confirm {
   width: 100%;
   height: 36px;
@@ -57,7 +51,6 @@
   align-items: center;
   cursor: pointer;
   width: 215px !important;
-  border-radius: var(--fcr_cornerradius_l);
 }
 
 .candidate-container-selected {
@@ -65,37 +58,31 @@
   align-items: center;
   cursor: pointer;
   width: 215px !important;
-  border-radius: var(--fcr_cornerradius_l);
-}
-.candidate-container-selected:hover,
-.candidate-container:hover {
+
   background: var(--fcr_web_ui_scene_hover);
+  border-radius: var(--fcr_cornerradius_s);
 }
 
 .candidate-avatar {
-  width: 32px;
-  height: 32px;
+  width: 26px;
+  height: 26px;
   border-radius: var(--fcr_cornerradius_s);
+
   background: var(--for_head5);
   display: flex;
   justify-content: center;
   align-items: center;
+  margin: 0 5px;
   /* text */
   color: var(--fcr_ui_scene_white10);
   font-family: Verdana;
   font-size: 14px;
   font-weight: 700;
   line-height: 14px;
-  margin-right: 5px;
-}
-.candidate-avatar .fcr-avatar {
-  border-radius: var(--fcr_cornerradius_m);
 }
 
 .candidate-avatar-all {
   background: var(--for_head1);
-  width: 32px;
-  height: 32px;
 }
 
 .candidate {
@@ -165,13 +152,6 @@
   flex-direction: column;
 }
 
-.fcr-no-data img {
-  margin-top: 20px;
-  width: 50%;
-  object-fit: contain;
-  margin-bottom: 20px;
-}
-
 .fcr-no-data span {
   font-weight: 400;
   font-size: 13px;

package/lib/modules/chat/chat-select/index.d.ts

@@ -1,5 +1,5 @@
 import './index.css';
-import { FcrUserInfo } from 'fcr-core/lib/type';
+import { FcrUserInfo } from 'agora-edu-core/lib/type';
 interface ChatSelectProps {
     type: 'assign-host' | 'private-chat';
     title?: React.ReactNode;

package/lib/modules/chat/chat-select/index.js

@@ -1,21 +1,11 @@
 "use strict";
 
-require("core-js/modules/es.symbol.js");
-require("core-js/modules/es.array.for-each.js");
-require("core-js/modules/es.object.define-properties.js");
 require("core-js/modules/es.object.define-property.js");
-require("core-js/modules/es.object.get-own-property-descriptor.js");
-require("core-js/modules/es.object.get-own-property-descriptors.js");
-require("core-js/modules/es.object.keys.js");
-require("core-js/modules/esnext.async-iterator.for-each.js");
-require("core-js/modules/esnext.iterator.for-each.js");
-require("core-js/modules/web.dom-collections.for-each.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ChatSelect = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 require("core-js/modules/es.array.filter.js");
 require("core-js/modules/es.array.includes.js");
@@ -38,7 +28,7 @@ var _mobxReact = require("mobx-react");
 var _react = require("react");
 require("./index.css");
 var _reactVirtualized = require("react-virtualized");
-var _type2 = require("fcr-core/lib/type");
+var _type2 = require("agora-edu-core/lib/type");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _store = require("../store");
 var _textBubble = require("agora-ui-foundation/lib/components/text-bubble");
@@ -46,8 +36,6 @@ var _i18n = require("agora-ui-foundation/lib/i18n");
 var _fcr_defaultpage = _interopRequireDefault(require("../../../../public/assets/fcr_defaultpage.png"));
 var _helper = require("agora-ui-foundation/lib/components/avatar/helper");
 var _jsxRuntime = require("react/jsx-runtime");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(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 t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function highlightMatches(str, matchStr) {
   var result = [];
   var matchLen = matchStr.length;
@@ -116,9 +104,7 @@ var ChatSelect = exports.ChatSelect = (0, _mobxReact.observer)(function (_ref) {
     }
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: selectedUid === users[index].userId ? 'candidate-container-selected' : 'candidate-container',
-      style: _objectSpread(_objectSpread({}, style), {}, {
-        pointerEvents: 'all'
-      }),
+      style: style,
       onClick: function onClick(_) {
         var user = filterUsers[index];
         onSelect(user);
@@ -156,11 +142,11 @@ var ChatSelect = exports.ChatSelect = (0, _mobxReact.observer)(function (_ref) {
             style: {
               color: (0, _helper.getNameColor)(datum.userName)
             },
-            children: highlightMatches(datum.userName, filterKey).map(function (value, i) {
+            children: highlightMatches(datum.userName, filterKey).map(function (value) {
               return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
                 className: value !== null && value !== void 0 && value.isHighlight ? 'candidate-highlight' : '',
                 children: value.data
-              }, "".concat(i));
+              });
             })
           }), datum.userId !== _store.USER_ALL && (datum.userRole === _type2.FcrUserRole.COHOST || datum.userRole === _type2.FcrUserRole.HOST) && /*#__PURE__*/(0, _jsxRuntime.jsx)(_textBubble.TextBubble, {
             txt: t(datum.userRole === _type2.FcrUserRole.HOST ? 'fmt_role_host' : 'fmt_role_cohost'),

package/lib/modules/chat/chat.d.ts

@@ -1,10 +1,11 @@
-export declare const Chat: ({ updateReadIndex, sendMsg, userId: localUserId, singling, handleClickUploadImage, }: {
+export declare const Chat: ({ updateReadIndex, sendMsg, userId: localUserId, isHost, singling, handleClickUploadImage, }: {
     updateReadIndex: (data?: {
         index: number;
         msgId: string;
     }) => void;
     sendMsg: (msg: string) => void;
     userId: string;
+    isHost: boolean;
     singling?: boolean;
     handleClickUploadImage: () => void;
 }) => import("react/jsx-runtime").JSX.Element;

package/lib/modules/chat/chat.js

@@ -14,6 +14,7 @@ require("core-js/modules/es.array.for-each.js");
 require("core-js/modules/es.array.from.js");
 require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.array.push.js");
 require("core-js/modules/es.array.sort.js");
 require("core-js/modules/es.array.unshift.js");
 require("core-js/modules/es.map.js");
@@ -50,6 +51,7 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _mobxReact = require("mobx-react");
 var _store = require("./store");
 var _messageList = require("./message-list");
+var _contex = require("./contex");
 var _chatWrapper = require("agora-ui-foundation/lib/components/chat-wrapper");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _react = require("react");
@@ -58,56 +60,42 @@ var _type = require("../../type");
 var _util = require("./util");
 var _copyText = require("../../utilities/copyText");
 var _chatManager = require("agora-ui-foundation/lib/components/chat-manager");
-var _type2 = require("fcr-core/lib/room-control/chatroom-control/type");
-var _fcrCore = require("fcr-core");
-var _tabs = require("agora-ui-foundation/lib/components/tabs");
-var _constant = require("../../utilities/constant");
-var _fcr_chat_reddot = _interopRequireDefault(require("../../../public/assets/fcr_chat_reddot.svg"));
+var _type2 = require("agora-edu-core/lib/room-control/chatroom-control/type");
+var _agoraEduCore = require("agora-edu-core");
 var _jsxRuntime = require("react/jsx-runtime");
 var Chat = exports.Chat = (0, _mobxReact.observer)(function (_ref) {
-  var _chatRoomStores$RoomT, _chatRoomStores$RoomT2, _chatRoomStores$RoomT3, _chatRoomStores$RoomT4, _chatRoomStores$RoomT5, _chatRoomStores$RoomT6;
   var updateReadIndex = _ref.updateReadIndex,
     sendMsg = _ref.sendMsg,
     localUserId = _ref.userId,
+    isHost = _ref.isHost,
     singling = _ref.singling,
     handleClickUploadImage = _ref.handleClickUploadImage;
   var t = (0, _i18n.useI18n)();
-  var _useContext = (0, _react.useContext)(_store.StoreContext),
-    chatRoomStores = _useContext.chatRoomStores,
-    hasWaitingRoomPermission = _useContext.hasWaitingRoomPermission,
-    activeTabIndex = _useContext.activeTabIndex,
-    handlerActiveTab = _useContext.handlerActiveTab;
   var defaultProps = {
     errorMsg: t('fmt_chat_tips_exceedlimit'),
     forbiddenTxt: t('fmt_chat_button_muteall'),
     styles: {
-      display: 'flex',
-      height: chatRoomStores[_constant.RoomType.WAITING_ROOM] && chatRoomStores[_constant.RoomType.WAITING_ROOM].userCount > 0 ? 'calc(100% - 28px)' : '100%'
+      display: 'flex'
     }
   };
   var styles = defaultProps.styles,
     forbiddenTxt = defaultProps.forbiddenTxt,
     errorMsg = defaultProps.errorMsg;
-  var _ref2 = chatRoomStores[activeTabIndex],
-    setTargetUser = _ref2.setTargetUser,
-    privateTargetUser = _ref2.privateTargetUser,
-    remoteUsers = _ref2.remoteUsers,
-    targetUserIsOnline = _ref2.targetUserIsOnline,
-    localIsManager = _ref2.localIsManager,
-    chatLevel = _ref2.chatLevel,
-    messageList = _ref2.messageList,
-    textMsg = _ref2.textMsg,
-    updateChatTextMsg = _ref2.updateChatTextMsg,
-    privateTargetList = _ref2.privateTargetList,
-    resetTargetUser = _ref2.resetTargetUser,
-    handleToast = _ref2.handleToast,
-    chatRoomState = _ref2.chatRoomState,
-    isHost = _ref2.isHost,
-    hasChatPermission = _ref2.hasChatPermission,
-    hasChatSendPrivatePermission = _ref2.hasChatSendPrivatePermission,
-    filterChatMember = _ref2.filterChatMember,
-    hasSendMessagePermission = _ref2.hasSendMessagePermission,
-    hasSendAllPermission = _ref2.hasSendAllPermission;
+  var _useContext = (0, _react.useContext)(_contex.StoreContext),
+    allowChat = _useContext.allowChat,
+    setTargetUser = _useContext.setTargetUser,
+    privateTargetUser = _useContext.privateTargetUser,
+    remoteUsers = _useContext.remoteUsers,
+    targetUserIsOnline = _useContext.targetUserIsOnline,
+    localIsManager = _useContext.localIsManager,
+    chatLevel = _useContext.chatLevel,
+    messageList = _useContext.messageList,
+    textMsg = _useContext.textMsg,
+    updateChatTextMsg = _useContext.updateChatTextMsg,
+    privateTargetList = _useContext.privateTargetList,
+    resetTargetUser = _useContext.resetTargetUser,
+    handleToast = _useContext.handleToast,
+    chatRoomState = _useContext.chatRoomState;
   var handleTargetChange = function handleTargetChange(user) {
     setTargetUser(user);
   };
@@ -123,21 +111,32 @@ var Chat = exports.Chat = (0, _mobxReact.observer)(function (_ref) {
     _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
     selectCnt = _useState6[0],
     setSelectCnt = _useState6[1];
-  var targetList = (0, _react.useMemo)(function () {
+  var _useState7 = (0, _react.useState)((0, _toConsumableArray2["default"])(privateTargetList)),
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    targetList = _useState8[0],
+    setTargetList = _useState8[1];
+  (0, _react.useEffect)(function () {
     var _users$;
-    var users = (0, _toConsumableArray2["default"])(remoteUsers);
+    var users = (0, _toConsumableArray2["default"])(targetList);
     if (((_users$ = users[0]) === null || _users$ === void 0 ? void 0 : _users$.userId) === _store.USER_ALL) {
-      if (!hasSendAllPermission) {
+      if (chatLevel !== 'everyone' && chatLevel !== 'public' && !localIsManager) {
         users.shift();
       }
-    } else if (hasSendAllPermission) {
+    } else if (chatLevel === 'everyone' || chatLevel == 'public' || localIsManager) {
       users.unshift({
         userId: _store.USER_ALL,
         userName: t('fmt_chat_option_all'),
         userRole: _type.FcrUserRole.ROBOT,
-        connectorType: _fcrCore.FcrRoomConnectorType.NONE
+        connectorType: _agoraEduCore.FcrRoomConnectorType.NONE
       });
     }
+    remoteUsers.forEach(function (user) {
+      if (!users.find(function (u) {
+        return u.userId === user.userId;
+      })) {
+        users.push(user);
+      }
+    });
     users = users.filter(function (user) {
       return remoteUsers.find(function (u) {
         return u.userId === user.userId;
@@ -149,11 +148,10 @@ var Chat = exports.Chat = (0, _mobxReact.observer)(function (_ref) {
         return u.userId === user.userId;
       })) !== null && _remoteUsers$find !== void 0 ? _remoteUsers$find : user;
     });
-    users = filterChatMember(users);
-    return users;
-  }, [chatLevel, remoteUsers, activeTabIndex, hasChatPermission, hasChatSendPrivatePermission]);
+    setTargetList((0, _toConsumableArray2["default"])(users));
+  }, [privateTargetList, chatLevel, remoteUsers]);
   var handleMultiCopyMsg = /*#__PURE__*/function () {
-    var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
       var msgHandled, msgIndex;
       return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -188,7 +186,7 @@ var Chat = exports.Chat = (0, _mobxReact.observer)(function (_ref) {
       }, _callee);
     }));
     return function handleMultiCopyMsg() {
-      return _ref3.apply(this, arguments);
+      return _ref2.apply(this, arguments);
     };
   }();
   (0, _react.useEffect)(function () {
@@ -211,173 +209,107 @@ var Chat = exports.Chat = (0, _mobxReact.observer)(function (_ref) {
       }
     });
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "chat-tabs-container",
-      children: chatRoomStores[_constant.RoomType.WAITING_ROOM] && chatRoomStores[_constant.RoomType.MAIN_ROOM] && chatRoomStores[_constant.RoomType.WAITING_ROOM].userCount > 0 ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_tabs.FcrTabs, {
-        items: [{
-          label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: "chat-container-icon",
-            children: [((_chatRoomStores$RoomT = chatRoomStores[_constant.RoomType.MAIN_ROOM]) === null || _chatRoomStores$RoomT === void 0 ? void 0 : _chatRoomStores$RoomT.unReadMsgCount) > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: "fcr-action-bar-chat-unread-count",
-              children: ((_chatRoomStores$RoomT2 = chatRoomStores[_constant.RoomType.MAIN_ROOM]) === null || _chatRoomStores$RoomT2 === void 0 ? void 0 : _chatRoomStores$RoomT2.unReadMsgCount) > 99 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-                src: _fcr_chat_reddot["default"]
-              }) : (_chatRoomStores$RoomT3 = chatRoomStores[_constant.RoomType.MAIN_ROOM]) === null || _chatRoomStores$RoomT3 === void 0 ? void 0 : _chatRoomStores$RoomT3.unReadMsgCount
-            }), t('fmt_waitingroom_sidebar_chat_label_meeting', {
-              reason1: chatRoomStores[_constant.RoomType.MAIN_ROOM].userCount
-            })]
-          }),
-          key: _constant.RoomType.MAIN_ROOM
-        }, {
-          label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-            className: "chat-container-icon",
-            children: [((_chatRoomStores$RoomT4 = chatRoomStores[_constant.RoomType.WAITING_ROOM]) === null || _chatRoomStores$RoomT4 === void 0 ? void 0 : _chatRoomStores$RoomT4.unReadMsgCount) > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: "fcr-action-bar-chat-unread-count",
-              children: ((_chatRoomStores$RoomT5 = chatRoomStores[_constant.RoomType.WAITING_ROOM]) === null || _chatRoomStores$RoomT5 === void 0 ? void 0 : _chatRoomStores$RoomT5.unReadMsgCount) > 99 ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-                src: _fcr_chat_reddot["default"]
-              }) : (_chatRoomStores$RoomT6 = chatRoomStores[_constant.RoomType.WAITING_ROOM]) === null || _chatRoomStores$RoomT6 === void 0 ? void 0 : _chatRoomStores$RoomT6.unReadMsgCount
-            }), t('fmt_waitingroom_sidebar_label_waiting', {
-              reason1: chatRoomStores[_constant.RoomType.WAITING_ROOM].userCount
-            })]
-          }),
-          key: _constant.RoomType.WAITING_ROOM
-        }],
-        activeKey: activeTabIndex,
-        onChange: function onChange(key) {
-          handlerActiveTab(key);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_chatWrapper.ChatWrapper, {
+    styles: styles,
+    errorMsg: errorMsg,
+    forbiddenTxt: forbiddenTxt,
+    singling: singling,
+    forbidden: !localIsManager && !allowChat,
+    isHost: isHost,
+    handMsg: function handMsg(msg) {
+      if (chatRoomState !== _type2.FcrChatRoomConnectionState.Connected) {
+        handleToast({
+          id: 'send-msg-offline',
+          toastProps: {
+            type: 'error',
+            content: t('fmt_chat_tips_Networkconnect'),
+            size: 'small'
+          }
+        });
+        return;
+      }
+      if (!localIsManager) {
+        if (privateTargetUser.userId === _store.USER_NONE) {
+          handleToast({
+            id: 'send-msg-to-none',
+            toastProps: {
+              type: 'normal',
+              content: t('fmt_chat_tips_selectchat'),
+              size: 'small'
+            }
+          });
+          return;
         }
-      }) : null
-    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_chatWrapper.ChatWrapper, {
-      styles: styles,
-      errorMsg: errorMsg,
-      forbiddenTxt: forbiddenTxt,
-      singling: singling,
-      forbidden: !localIsManager && !hasChatPermission && !hasChatSendPrivatePermission,
-      isHost: isHost,
-      handMsg: function handMsg(msg) {
-        if (chatRoomState !== _type2.FcrChatRoomConnectionState.Connected) {
+        if (chatLevel === 'no_one' || chatLevel !== 'everyone' && privateTargetUser.userId !== _store.USER_ALL && !(0, _store.isManager)(privateTargetUser.userRole)) {
           handleToast({
-            id: 'send-msg-offline',
+            id: 'send-msg-to-none',
             toastProps: {
-              type: 'error',
-              content: t('fmt_chat_tips_Networkconnect'),
+              type: 'normal',
+              content: t('fmt_chat_tips_permissionchange'),
               size: 'small'
             }
           });
+          resetTargetUser();
           return;
         }
-        if (!localIsManager) {
-          if (privateTargetUser.userId === _store.USER_NONE) {
-            handleToast({
-              id: 'send-msg-to-none',
-              toastProps: {
-                type: 'normal',
-                content: t('fmt_chat_tips_selectchat'),
-                size: 'small'
-              }
-            });
-            return;
-          }
-
-          // if (
-          //   chatLevel === 'no_one' ||
-          //   (chatLevel !== 'everyone' &&
-          //     privateTargetUser.userId !== USER_ALL &&
-          //     !isManager(privateTargetUser.userRole))
-          // ) {
-          //   handleToast({
-          //     id: 'send-msg-to-none',
-          //     toastProps: {
-          //       type: 'normal',
-          //       content: t('fmt_chat_tips_permissionchange'),
-          //       size: 'small',
-          //     },
-          //   });
-          //   resetTargetUser();
-          //   return;
-          // }
-
-          if (privateTargetUser.userId === _store.USER_ALL && !hasSendMessagePermission()) {
-            handleToast({
-              id: 'send-msg-to-none',
-              toastProps: {
-                type: 'normal',
-                content: t('fmt_chat_tips_permissionchange'),
-                size: 'small'
-              }
-            });
-            return;
-          } else if (privateTargetUser.userId !== _store.USER_ALL && !hasChatSendPrivatePermission) {
-            handleToast({
-              id: 'send-msg-to-none',
-              toastProps: {
-                type: 'normal',
-                content: t('fmt_chat_tips_permissionchange'),
-                size: 'small'
-              }
-            });
-            resetTargetUser();
-            return;
-          }
+      }
+      sendMsg(msg);
+    },
+    handleClickUploadImage: handleClickUploadImage,
+    msgBarElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_chatBar.MessageBar, {
+      selectedUserId: privateTargetUser.userId,
+      users: (0, _toConsumableArray2["default"])(targetList.filter(function (user) {
+        return localIsManager || chatLevel === 'everyone' || user.userId === _store.USER_ALL || user.userId === privateTargetUser.userId || chatLevel !== 'no_one' && (0, _store.isManager)(user.userRole);
+      })),
+      onTargetChange: handleTargetChange,
+      title: chatSelectNoTitle ? undefined : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "assign-host-title",
+        children: chatLevel === 'public' ? t('fmt_chat_option_onlypublic') : t('fmt_chat_option_onlyprivate')
+      })
+    }),
+    targetUserIsOnline: targetUserIsOnline,
+    privateTarget: privateTargetUser.userId,
+    selectTargetNickname: privateTargetUser.userName,
+    multiSelectActive: multiSelectActive,
+    selectCnt: selectCnt,
+    onSelectCancel: function onSelectCancel() {
+      resetMultiSelectStates();
+    },
+    onSelectConfirm: /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+      return _regenerator["default"].wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            _context2.next = 2;
+            return handleMultiCopyMsg();
+          case 2:
+            resetMultiSelectStates();
+            copyTips();
+          case 4:
+          case "end":
+            return _context2.stop();
         }
-        sendMsg(msg);
-      },
-      handleClickUploadImage: handleClickUploadImage,
-      msgBarElement: /*#__PURE__*/(0, _jsxRuntime.jsx)(_chatBar.MessageBar, {
-        selectedUser: privateTargetUser,
-        users: targetList,
-        onTargetChange: handleTargetChange,
-        title: chatSelectNoTitle ? undefined : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "assign-host-title",
-          children: chatLevel === 'public' ? t('fmt_chat_option_onlypublic') : t('fmt_chat_option_onlyprivate')
-        })
-      }),
-      targetUserIsOnline: targetUserIsOnline,
-      privateTarget: privateTargetUser.userId,
-      selectTargetNickname: privateTargetUser.userName,
+      }, _callee2);
+    })),
+    defaultMsg: textMsg,
+    updateChatTextMsg: updateChatTextMsg,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_messageList.MessageList, {
+      updateReadMsgIndex: updateReadIndex,
+      userId: localUserId,
+      setMultiSelectActive: setMultiSelectActive,
       multiSelectActive: multiSelectActive,
+      copyMap: copyMap,
+      setCopyMap: setCopyMap,
       selectCnt: selectCnt,
-      onSelectCancel: function onSelectCancel() {
-        resetMultiSelectStates();
-      },
-      onSelectConfirm: /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
-        return _regenerator["default"].wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              _context2.next = 2;
-              return handleMultiCopyMsg();
-            case 2:
-              resetMultiSelectStates();
-              copyTips();
-            case 4:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2);
-      })),
-      defaultMsg: textMsg,
-      updateChatTextMsg: updateChatTextMsg,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_messageList.MessageList, {
-        updateReadMsgIndex: updateReadIndex,
-        userId: localUserId,
-        setMultiSelectActive: setMultiSelectActive,
-        multiSelectActive: multiSelectActive,
-        copyMap: copyMap,
-        setCopyMap: setCopyMap,
-        selectCnt: selectCnt,
-        copyTips: copyTips
-      })
-    })]
+      copyTips: copyTips
+    })
   });
 });
 var ChatAction = exports.ChatAction = (0, _mobxReact.observer)(function () {
-  var _useContext2 = (0, _react.useContext)(_store.StoreContext),
-    chatRoomStores = _useContext2.chatRoomStores;
-  var _ref5 = chatRoomStores[_constant.RoomType.MAIN_ROOM],
-    isHostOrCoHost = _ref5.isHostOrCoHost,
-    setAllowChat = _ref5.setAllowChat,
-    setAllowChatWithPayload = _ref5.setAllowChatWithPayload,
-    chatLevel = _ref5.chatLevel;
+  var _useContext2 = (0, _react.useContext)(_contex.StoreContext),
+    isHostOrCoHost = _useContext2.isHostOrCoHost,
+    setAllowChat = _useContext2.setAllowChat,
+    setAllowChatWithPayload = _useContext2.setAllowChatWithPayload,
+    chatLevel = _useContext2.chatLevel;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_chatManager.ChatManager, {
     isManager: isHostOrCoHost,
     setAllowChat: setAllowChat,

package/lib/modules/chat/components/chat-action/index.d.ts

@@ -0,0 +1 @@
+export declare const ChatAction: () => import("react/jsx-runtime").JSX.Element;

package/lib/modules/chat/components/chat-action/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ChatAction = void 0;
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+var _store = require("../../store");
+var _type = require("fcr-core/lib/room-control/type");
+var _chatManager = require("agora-ui-foundation/lib/components/chat-manager");
+var _jsxRuntime = require("react/jsx-runtime");
+var ChatAction = exports.ChatAction = (0, _mobxReact.observer)(function () {
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
+    chatRoomStores = _useContext.chatRoomStores;
+  var _ref = chatRoomStores[_type.FcrRoomType.Mainroom],
+    isHostOrCoHost = _ref.isHostOrCoHost,
+    setAllowChat = _ref.setAllowChat,
+    setAllowChatWithPayload = _ref.setAllowChatWithPayload,
+    chatLevel = _ref.chatLevel;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_chatManager.ChatManager, {
+    isManager: isHostOrCoHost,
+    setAllowChat: setAllowChat,
+    setAllowChatWithPayload: setAllowChatWithPayload,
+    allowChatLevel: chatLevel
+  });
+});