fcr-ui-scene 3.4.2 → 3.4.3

package/lib/modules/chat/chat.js

@@ -14,7 +14,6 @@ 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");
@@ -51,7 +50,6 @@ 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");
@@ -60,14 +58,17 @@ 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("agora-edu-core/lib/room-control/chatroom-control/type");
-var _agoraEduCore = require("agora-edu-core");
+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 _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)();
@@ -81,21 +82,31 @@ var Chat = exports.Chat = (0, _mobxReact.observer)(function (_ref) {
   var styles = defaultProps.styles,
     forbiddenTxt = defaultProps.forbiddenTxt,
     errorMsg = defaultProps.errorMsg;
-  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 _useContext = (0, _react.useContext)(_store.StoreContext),
+    chatRoomStores = _useContext.chatRoomStores,
+    hasWaitingRoomPermission = _useContext.hasWaitingRoomPermission,
+    activeTabIndex = _useContext.activeTabIndex,
+    handlerActiveTab = _useContext.handlerActiveTab;
+  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 handleTargetChange = function handleTargetChange(user) {
     setTargetUser(user);
   };
@@ -111,32 +122,21 @@ var Chat = exports.Chat = (0, _mobxReact.observer)(function (_ref) {
     _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
     selectCnt = _useState6[0],
     setSelectCnt = _useState6[1];
-  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 targetList = (0, _react.useMemo)(function () {
     var _users$;
-    var users = (0, _toConsumableArray2["default"])(targetList);
+    var users = (0, _toConsumableArray2["default"])(remoteUsers);
     if (((_users$ = users[0]) === null || _users$ === void 0 ? void 0 : _users$.userId) === _store.USER_ALL) {
-      if (chatLevel !== 'everyone' && chatLevel !== 'public' && !localIsManager) {
+      if (!hasSendAllPermission) {
         users.shift();
       }
-    } else if (chatLevel === 'everyone' || chatLevel == 'public' || localIsManager) {
+    } else if (hasSendAllPermission) {
       users.unshift({
         userId: _store.USER_ALL,
         userName: t('fmt_chat_option_all'),
         userRole: _type.FcrUserRole.ROBOT,
-        connectorType: _agoraEduCore.FcrRoomConnectorType.NONE
+        connectorType: _fcrCore.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;
@@ -148,10 +148,11 @@ var Chat = exports.Chat = (0, _mobxReact.observer)(function (_ref) {
         return u.userId === user.userId;
       })) !== null && _remoteUsers$find !== void 0 ? _remoteUsers$find : user;
     });
-    setTargetList((0, _toConsumableArray2["default"])(users));
-  }, [privateTargetList, chatLevel, remoteUsers]);
+    users = filterChatMember(users);
+    return users;
+  }, [chatLevel, remoteUsers, activeTabIndex, hasChatPermission, hasChatSendPrivatePermission]);
   var handleMultiCopyMsg = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+    var _ref3 = (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) {
@@ -186,7 +187,7 @@ var Chat = exports.Chat = (0, _mobxReact.observer)(function (_ref) {
       }, _callee);
     }));
     return function handleMultiCopyMsg() {
-      return _ref2.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }();
   (0, _react.useEffect)(function () {
@@ -209,107 +210,173 @@ var Chat = exports.Chat = (0, _mobxReact.observer)(function (_ref) {
       }
     });
   };
-  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;
+  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);
         }
-        if (chatLevel === 'no_one' || chatLevel !== 'everyone' && privateTargetUser.userId !== _store.USER_ALL && !(0, _store.isManager)(privateTargetUser.userRole)) {
+      }) : 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) {
           handleToast({
-            id: 'send-msg-to-none',
+            id: 'send-msg-offline',
             toastProps: {
-              type: 'normal',
-              content: t('fmt_chat_tips_permissionchange'),
+              type: 'error',
+              content: t('fmt_chat_tips_Networkconnect'),
               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();
+        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;
+          }
         }
-      }, _callee2);
-    })),
-    defaultMsg: textMsg,
-    updateChatTextMsg: updateChatTextMsg,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_messageList.MessageList, {
-      updateReadMsgIndex: updateReadIndex,
-      userId: localUserId,
-      setMultiSelectActive: setMultiSelectActive,
+        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,
       multiSelectActive: multiSelectActive,
-      copyMap: copyMap,
-      setCopyMap: setCopyMap,
       selectCnt: selectCnt,
-      copyTips: copyTips
-    })
+      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
+      })
+    })]
   });
 });
 var ChatAction = exports.ChatAction = (0, _mobxReact.observer)(function () {
-  var _useContext2 = (0, _react.useContext)(_contex.StoreContext),
-    isHostOrCoHost = _useContext2.isHostOrCoHost,
-    setAllowChat = _useContext2.setAllowChat,
-    setAllowChatWithPayload = _useContext2.setAllowChatWithPayload,
-    chatLevel = _useContext2.chatLevel;
+  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;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_chatManager.ChatManager, {
     isManager: isHostOrCoHost,
     setAllowChat: setAllowChat,

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

@@ -8,7 +8,6 @@ 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");
@@ -18,7 +17,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.MessageBar = void 0;
 require("core-js/modules/es.array.filter.js");
 require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/esnext.async-iterator.filter.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));

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

@@ -7,7 +7,6 @@ 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");
@@ -23,8 +22,6 @@ require("core-js/modules/es.array.push.js");
 require("core-js/modules/es.array.slice.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.includes.js");
-require("core-js/modules/esnext.async-iterator.filter.js");
-require("core-js/modules/esnext.async-iterator.map.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.map.js");

package/lib/modules/chat/components/message-list/index.js

@@ -9,7 +9,6 @@ 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/es.weak-map.js");
-require("core-js/modules/esnext.async-iterator.filter.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.weak-map.delete-all.js");
 require("core-js/modules/esnext.weak-map.emplace.js");
@@ -30,7 +29,6 @@ require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.map.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.iterator.js");
-require("core-js/modules/esnext.async-iterator.for-each.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/esnext.map.delete-all.js");

package/lib/modules/chat/message-list.js

@@ -61,7 +61,6 @@ var _textBubble = require("agora-ui-foundation/lib/components/text-bubble");
 var _latestButton = require("agora-ui-foundation/lib/components/latest-button");
 var _store = require("./store");
 var _i18n = require("agora-ui-foundation/lib/i18n");
-var _contex = require("./contex");
 var _mobxReact = require("mobx-react");
 var _throttle = _interopRequireDefault(require("lodash/throttle"));
 var _multiSelect = require("agora-ui-foundation/lib/components/multi-select");
@@ -70,6 +69,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _copyText = require("../../utilities/copyText");
 var _platform = require("../../utilities/platform");
 var _env = require("agora-foundation/lib/utilities/env");
+var _fcr_defaultpage = _interopRequireDefault(require("../../../public/assets/fcr_defaultpage.png"));
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -94,40 +94,43 @@ var MessageList = exports.MessageList = (0, _mobxReact.observer)(function (_ref)
     selectCnt = _ref.selectCnt,
     copyTips = _ref.copyTips;
   var t = (0, _i18n.useI18n)();
-  var _useContext = (0, _react.useContext)(_contex.StoreContext),
-    storeMsgs = _useContext.messageList,
-    readMsgIndex = _useContext.readMsgIndex,
-    needCbBottomCount = _useContext.needCbBottomCount,
-    list = _useContext.list,
-    mostRecentHeight = _useContext.mostRecentHeight,
-    mostRecentWidth = _useContext.mostRecentWidth,
-    cache = _useContext.cache,
-    scrollHeight = _useContext.scrollHeight,
-    scrollTop = _useContext.scrollTop,
-    clientHeight = _useContext.clientHeight,
-    firstMsgId = _useContext.firstMsgId,
-    readIdx = _useContext.readIdx,
-    viewIdx = _useContext.viewIdx,
-    historyUnReadCount = _useContext.historyUnreadCount,
-    hasHistoryMsg = _useContext.hasHistoryMsg,
-    newMsgsUnReadCnt = _useContext.newMsgsUnReadCnt,
-    isHost = _useContext.isHost,
-    isCohost = _useContext.isCohost,
-    initReadInfo = _useContext.initReadInfo,
-    updateScrollInfo = _useContext.updateScrollInfo,
-    updateHasHistoryMsg = _useContext.updateHasHistoryMsg,
-    updateHistoryCnt = _useContext.updateHistoryUnreadCnt,
-    updateViewIdx = _useContext.updateViewIdx,
-    updateReadIdx = _useContext.updateReadIdx,
-    updateFirstMsgId = _useContext.updateFirstMsgId,
-    updateHistoryUnReadCount = _useContext.updateHistoryUnReadCount,
-    updateList = _useContext.updateList,
-    updateMostRecentHeight = _useContext.updateMostRecentHeight,
-    updateMostRecentWidth = _useContext.updateMostRecentWidth,
-    forceNotifyMsgs = _useContext.forceNotifyMsgs,
-    permitPrivateChat = _useContext.permitPrivateChat,
-    lastScrollTop = _useContext.lastScrollTop,
-    setLastScrollTop = _useContext.setLastScrollTop;
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
+    chatRoomStores = _useContext.chatRoomStores,
+    activeTabIndex = _useContext.activeTabIndex;
+  var _ref2 = chatRoomStores[activeTabIndex],
+    storeMsgs = _ref2.messageList,
+    readMsgIndex = _ref2.readMsgIndex,
+    needCbBottomCount = _ref2.needCbBottomCount,
+    list = _ref2.list,
+    mostRecentHeight = _ref2.mostRecentHeight,
+    mostRecentWidth = _ref2.mostRecentWidth,
+    cache = _ref2.cache,
+    scrollHeight = _ref2.scrollHeight,
+    scrollTop = _ref2.scrollTop,
+    clientHeight = _ref2.clientHeight,
+    firstMsgId = _ref2.firstMsgId,
+    readIdx = _ref2.readIdx,
+    viewIdx = _ref2.viewIdx,
+    historyUnReadCount = _ref2.historyUnreadCount,
+    hasHistoryMsg = _ref2.hasHistoryMsg,
+    newMsgsUnReadCnt = _ref2.newMsgsUnReadCnt,
+    isHost = _ref2.isHost,
+    isCohost = _ref2.isCohost,
+    initReadInfo = _ref2.initReadInfo,
+    updateScrollInfo = _ref2.updateScrollInfo,
+    updateHasHistoryMsg = _ref2.updateHasHistoryMsg,
+    updateHistoryCnt = _ref2.updateHistoryUnreadCnt,
+    updateViewIdx = _ref2.updateViewIdx,
+    updateReadIdx = _ref2.updateReadIdx,
+    updateFirstMsgId = _ref2.updateFirstMsgId,
+    updateHistoryUnReadCount = _ref2.updateHistoryUnReadCount,
+    updateList = _ref2.updateList,
+    updateMostRecentHeight = _ref2.updateMostRecentHeight,
+    updateMostRecentWidth = _ref2.updateMostRecentWidth,
+    forceNotifyMsgs = _ref2.forceNotifyMsgs,
+    permitPrivateChat = _ref2.permitPrivateChat,
+    lastScrollTop = _ref2.lastScrollTop,
+    setLastScrollTop = _ref2.setLastScrollTop;
   var _useState = (0, _react.useState)(storeMsgs !== null && storeMsgs !== void 0 ? storeMsgs : []),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     messageList = _useState2[0],
@@ -207,7 +210,7 @@ var MessageList = exports.MessageList = (0, _mobxReact.observer)(function (_ref)
     scrollToIdx(viewIdx);
   }, [newMsgsUnReadCnt]);
   var handleCopyMsg = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(msg, time, publisherNickName, targetNickname) {
+    var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(msg, time, publisherNickName, targetNickname) {
       var msgHandled;
       return _regenerator["default"].wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -224,7 +227,7 @@ var MessageList = exports.MessageList = (0, _mobxReact.observer)(function (_ref)
       }, _callee);
     }));
     return function handleCopyMsg(_x, _x2, _x3, _x4) {
-      return _ref2.apply(this, arguments);
+      return _ref3.apply(this, arguments);
     };
   }();
   var handleSelectMsg = function handleSelectMsg(idx, checked) {
@@ -245,12 +248,12 @@ var MessageList = exports.MessageList = (0, _mobxReact.observer)(function (_ref)
     // list?.scrollToPosition(_scrollTop);
   };
   var rowRenderer = function rowRenderer(messageList) {
-    return function (_ref3) {
+    return function (_ref4) {
       var _arr, _arr2, _arr3, _arr4, _datum$img;
-      var index = _ref3.index,
-        key = _ref3.key,
-        parent = _ref3.parent,
-        style = _ref3.style;
+      var index = _ref4.index,
+        key = _ref4.key,
+        parent = _ref4.parent,
+        style = _ref4.style;
       var datum = messageList[index % messageList.length];
       var publisherRole = datum.role,
         time = datum.time,
@@ -379,7 +382,7 @@ var MessageList = exports.MessageList = (0, _mobxReact.observer)(function (_ref)
                       width: 'auto'
                     },
                     onCopy: (/*#__PURE__*/function () {
-                      var _ref4 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(type) {
+                      var _ref5 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(type) {
                         var currentScrollTop;
                         return _regenerator["default"].wrap(function _callee2$(_context2) {
                           while (1) switch (_context2.prev = _context2.next) {
@@ -410,7 +413,7 @@ var MessageList = exports.MessageList = (0, _mobxReact.observer)(function (_ref)
                         }, _callee2);
                       }));
                       return function (_x5) {
-                        return _ref4.apply(this, arguments);
+                        return _ref5.apply(this, arguments);
                       };
                     }()),
                     onPrivate: function onPrivate() {
@@ -576,13 +579,24 @@ var MessageList = exports.MessageList = (0, _mobxReact.observer)(function (_ref)
       styles: {
         zIndex: 999
       }
-    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactVirtualized.AutoSizer, {
+    }) : null, messageList.length === 0 ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "fcr-no-data-chat",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        style: {
+          width: 138,
+          height: 100
+        },
+        src: _fcr_defaultpage["default"]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        children: t('fmt_chat_tips_nodata')
+      })]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactVirtualized.AutoSizer, {
       style: {
         alignSelf: 'stretch'
       },
-      children: function children(_ref5) {
-        var height = _ref5.height,
-          width = _ref5.width;
+      children: function children(_ref6) {
+        var height = _ref6.height,
+          width = _ref6.width;
         if (height !== mostRecentHeight || width !== mostRecentWidth) {
           cache.clearAll();
           if (list) {
@@ -592,8 +606,8 @@ var MessageList = exports.MessageList = (0, _mobxReact.observer)(function (_ref)
         updateMostRecentHeight(height);
         updateMostRecentWidth(width);
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactVirtualized.List, {
-          ref: function ref(_ref6) {
-            updateList(_ref6);
+          ref: function ref(_ref7) {
+            updateList(_ref7);
           },
           style: {
             padding: 'inherit',