fcr-ui-scene 3.1.1 → 3.2.0

package/lib/modules/action-bar/store.js

@@ -7,12 +7,13 @@ require("core-js/modules/es.error.cause.js");
 require("core-js/modules/es.error.to-string.js");
 require("core-js/modules/es.array.is-array.js");
 require("core-js/modules/es.date.to-primitive.js");
-require("core-js/modules/es.function.bind.js");
 require("core-js/modules/es.function.name.js");
 require("core-js/modules/es.number.constructor.js");
 require("core-js/modules/es.object.create.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/esnext.function.metadata.js");
+require("core-js/modules/esnext.symbol.metadata.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
@@ -30,11 +31,39 @@ require("core-js/modules/es.array.push.js");
 require("core-js/modules/es.array.some.js");
 require("core-js/modules/es.array.splice.js");
 require("core-js/modules/es.date.to-string.js");
+require("core-js/modules/es.function.bind.js");
 require("core-js/modules/es.map.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.object.values.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
+require("core-js/modules/esnext.async-iterator.filter.js");
+require("core-js/modules/esnext.async-iterator.find.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
+require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/esnext.async-iterator.some.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
+require("core-js/modules/esnext.iterator.find.js");
+require("core-js/modules/esnext.iterator.for-each.js");
+require("core-js/modules/esnext.iterator.map.js");
+require("core-js/modules/esnext.iterator.some.js");
+require("core-js/modules/esnext.map.delete-all.js");
+require("core-js/modules/esnext.map.emplace.js");
+require("core-js/modules/esnext.map.every.js");
+require("core-js/modules/esnext.map.filter.js");
+require("core-js/modules/esnext.map.find.js");
+require("core-js/modules/esnext.map.find-key.js");
+require("core-js/modules/esnext.map.includes.js");
+require("core-js/modules/esnext.map.key-of.js");
+require("core-js/modules/esnext.map.map-keys.js");
+require("core-js/modules/esnext.map.map-values.js");
+require("core-js/modules/esnext.map.merge.js");
+require("core-js/modules/esnext.map.reduce.js");
+require("core-js/modules/esnext.map.some.js");
+require("core-js/modules/esnext.map.update.js");
+require("core-js/modules/esnext.weak-map.delete-all.js");
+require("core-js/modules/esnext.weak-map.emplace.js");
 require("core-js/modules/web.dom-collections.for-each.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 require("core-js/modules/web.timers.js");
@@ -45,6 +74,7 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _logger = require("agora-foundation/lib/logger");
+var _agoraEduCore = require("agora-edu-core");
 var _mobx = require("mobx");
 var _type = require("agora-edu-core/lib/type");
 var _decorator = require("agora-foundation/lib/decorator");
@@ -60,9 +90,9 @@ var _type6 = require("agora-rte-sdk/lib/core/scene/type");
 var _type7 = require("agora-rte-sdk/lib/type");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _ActionBarStore;
-var _initProto, _init_users, _init_newMessageTooltipVisible, _init_newMessageCount, _init_latestMessage, _init_totalUser, _init_liveStreamingState, _init_currentMenuIs, _init_cloudRecordingState, _init_localUserRole, _init_localUser, _init_connectionSettingVisible, _init_connectType, _init_folded, _init_boardOwnerUser, _init_hasScreenShare, _init_showArrow, _init_phoneMicEnabled, _pauseCloudRecordingDecs, _resumeCloudRecordingDecs, _stopCloudRecordingDecs, _toggleLayoutBarLockDecs, _showNewMessageTooltipDecs, _hideNewMessageTooltipDecs, _switchMenuDecs, _assignHostDecs, _toggleFoldDecs, _setShowArrowDecs, _handleRemoteUsersJoinedDecs, _handleRemoteUsersLeftDecs, _handleAllUserCountUpdatedDecs, _handleUserInfoUpdatedDecs, _handleLiveStreamingStateUpdatedDecs, _handleNewMessageEventDecs, _init__handleNewMessageEvent, _handleChatVisibleDecs, _handleCloudRecordingStateUpdatedDecs, _handleStreamsAddedOrUpdatedDecs, _ref;
-function _classPrivateFieldInitSpec(obj, privateMap, value) { _checkPrivateRedeclaration(obj, privateMap); privateMap.set(obj, value); }
-function _checkPrivateRedeclaration(obj, privateCollection) { if (privateCollection.has(obj)) { throw new TypeError("Cannot initialize the same private elements twice on an object"); } }
+var _initProto, _init_users, _init_newMessageTooltipVisible, _init_newMessageCount, _init_latestMessage, _init_totalUser, _init_liveStreamingState, _init_currentMenuIs, _init_cloudRecordingState, _init_localUserRole, _init_localUser, _init_connectionSettingVisible, _init_connectType, _init_folded, _init_boardOwnerUser, _init_hasScreenShare, _init_showArrow, _init_phoneMicEnabled, _pauseCloudRecordingDecs, _resumeCloudRecordingDecs, _stopCloudRecordingDecs, _toggleLayoutBarLockDecs, _showNewMessageTooltipDecs, _hideNewMessageTooltipDecs, _switchMenuDecs, _assignHostDecs, _toggleFoldDecs, _setShowArrowDecs, _handleRemoteUsersJoinedDecs, _handleRemoteUsersLeftDecs, _handleAllUserCountUpdatedDecs, _handleUserInfoUpdatedDecs, _handleLiveStreamingStateUpdatedDecs, _handleNewMessageEventDecs, _init__handleNewMessageEvent, _handleChatVisibleDecs, _handlerTraceScreenCaptureStateUpdateDecs, _handleCloudRecordingStateUpdatedDecs, _handleStreamsAddedOrUpdatedDecs, _ref;
+function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
+function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
 function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
 function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
 function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
@@ -105,7 +135,7 @@ _ref = (_pauseCloudRecordingDecs = [_decorator.bound, (0, _decorator.debounced)(
   leading: true
 })], _stopCloudRecordingDecs = [_decorator.bound, (0, _decorator.debounced)(500, {
   leading: true
-})], _toggleLayoutBarLockDecs = [_mobx.action, _mobx.action.bound], _showNewMessageTooltipDecs = [_mobx.action, _mobx.action.bound], _hideNewMessageTooltipDecs = [_mobx.action, _mobx.action.bound], _switchMenuDecs = [_mobx.action, _mobx.action.bound], _assignHostDecs = [_mobx.action, _mobx.action.bound], _toggleFoldDecs = [_mobx.action, _mobx.action.bound], _setShowArrowDecs = [_mobx.action, _mobx.action.bound], _handleRemoteUsersJoinedDecs = [_mobx.action, _mobx.action.bound], _handleRemoteUsersLeftDecs = [_mobx.action, _mobx.action.bound], _handleAllUserCountUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleUserInfoUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleLiveStreamingStateUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleNewMessageEventDecs = [_mobx.action, _mobx.action.bound], _handleChatVisibleDecs = [_mobx.action, _mobx.action.bound], _handleCloudRecordingStateUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleStreamsAddedOrUpdatedDecs = [_mobx.action, _mobx.action.bound], "logger");
+})], _toggleLayoutBarLockDecs = [_mobx.action, _mobx.action.bound], _showNewMessageTooltipDecs = [_mobx.action, _mobx.action.bound], _hideNewMessageTooltipDecs = [_mobx.action, _mobx.action.bound], _switchMenuDecs = [_mobx.action, _mobx.action.bound], _assignHostDecs = [_mobx.action, _mobx.action.bound], _toggleFoldDecs = [_mobx.action, _mobx.action.bound], _setShowArrowDecs = [_mobx.action, _mobx.action.bound], _handleRemoteUsersJoinedDecs = [_mobx.action, _mobx.action.bound], _handleRemoteUsersLeftDecs = [_mobx.action, _mobx.action.bound], _handleAllUserCountUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleUserInfoUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleLiveStreamingStateUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleNewMessageEventDecs = [_mobx.action, _mobx.action.bound], _handleChatVisibleDecs = [_mobx.action, _mobx.action.bound], _handlerTraceScreenCaptureStateUpdateDecs = [_mobx.action, _mobx.action.bound], _handleCloudRecordingStateUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleStreamsAddedOrUpdatedDecs = [_mobx.action, _mobx.action.bound], "logger");
 var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
   function ActionBarStore(args) {
     var _this = this;
@@ -114,6 +144,7 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
     (0, _defineProperty2["default"])(this, "_disposers", []);
     (0, _defineProperty2["default"])(this, "_chatRenderAt", 'aside');
     (0, _defineProperty2["default"])(this, "_participantsRenderAt", 'aside');
+    (0, _defineProperty2["default"])(this, "_screenVideoTrack", null);
     (0, _defineProperty2["default"])(this, "_userObserver", {
       onRemoteUsersJoined: this._handleRemoteUsersJoined,
       onRemoteUsersLeft: this._handleRemoteUsersLeft,
@@ -193,6 +224,9 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
         _this.connectType = microphoneId ? _type3.ConnectType.COMPUTER : _type3.ConnectType.NONE;
       }
     });
+    this._observer = {
+      onScreenCaptureStateUpdated: this._handlerTraceScreenCaptureStateUpdate.bind(this)
+    };
     this._disposers.push((0, _mobx.reaction)(function () {
       return _this.cloudRecordingState;
     }, function (state) {
@@ -453,7 +487,7 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
       var streams = this._streamControl.getStreamsByUserId(this._userControl.getLocalUser().userId);
       var hasPstnStream = streams.some(function (_ref2) {
         var connectorType = _ref2.connectorType;
-        return connectorType === _type.FcrRoomConnectorType.PSTN;
+        return connectorType === _agoraEduCore.FcrRoomConnectorType.PSTN;
       });
       return hasPstnStream;
     }
@@ -586,7 +620,7 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "setAllowBoardWrite",
     value: function () {
-      var _setAllowBoardWrite = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      var _setAllowBoardWrite = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
         var write, payload;
         return _regenerator["default"].wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -626,53 +660,25 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
     value: function closeBoard() {
       this._uiEventStore.sendEvent(_constant.UIAction.CLOSE_WHITEBOARD);
     }
-  }, {
-    key: "enableShare",
-    value: function () {
-      var _enableShare = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2(state) {
-        var _this$boardOwnerUser;
-        return _regenerator["default"].wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              _context2.next = 2;
-              return this._securityStore.allowShare(state);
-            case 2:
-              if (state === _enums.FcrSharePermissionState.OFF) {
-                this._uiEventStore.showToast({
-                  type: 'info',
-                  message: this._userControl.getLocalUser().userId === ((_this$boardOwnerUser = this.boardOwnerUser) === null || _this$boardOwnerUser === void 0 ? void 0 : _this$boardOwnerUser.userId) ? (0, _i18n.transI18n)('fmt_screenshare_whiteboard_tips_stoppedboard') : (0, _i18n.transI18n)('fmt_screenshare_whiteboard_tips_stopped')
-                });
-              }
-            case 3:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2, this);
-      }));
-      function enableShare(_x) {
-        return _enableShare.apply(this, arguments);
-      }
-      return enableShare;
-    }()
   }, {
     key: "assignHost",
     value: function assignHost(user) {
-      this._userControl.updateUserRole(user.userId, _type.FcrUserRole.HOST);
+      this._userControl.updateRemoteUserRole(user.userId, _type.FcrUserRole.HOST);
       this.leave();
     }
   }, {
     key: "leave",
     value: function leave() {
-      var _this$boardOwnerUser2;
+      var _this$boardOwnerUser;
       this._uiEventStore.exitRoom(_type2.FcrUIExitReason.LEAVE_ROOM);
-      if (((_this$boardOwnerUser2 = this.boardOwnerUser) === null || _this$boardOwnerUser2 === void 0 ? void 0 : _this$boardOwnerUser2.userId) === this.localUser.userId) {
+      if (((_this$boardOwnerUser = this.boardOwnerUser) === null || _this$boardOwnerUser === void 0 ? void 0 : _this$boardOwnerUser.userId) === this.localUser.userId) {
         this._uiEventStore.sendEvent(_constant.UIAction.CLOSE_WHITEBOARD);
       }
     }
   }, {
     key: "keepPhoneAudioConnection",
     value: function keepPhoneAudioConnection() {
-      this._userControl.splitAudioStream(this._userControl.getLocalUser().userId);
+      this._streamControl.splitAudioStream(this._userControl.getLocalUser().userId);
     }
   }, {
     key: "end",
@@ -682,10 +688,12 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "release",
     value: function release() {
+      var _this$_screenVideoTra;
       this._disposers.forEach(function (dispose) {
         return dispose();
       });
       this._hideBarArrowTimer && clearTimeout(this._hideBarArrowTimer);
+      (_this$_screenVideoTra = this._screenVideoTrack) === null || _this$_screenVideoTra === void 0 || _this$_screenVideoTra.removeObserver(this._observer);
     }
   }, {
     key: "allowJoinWithMuteAudio",
@@ -848,11 +856,6 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
     value: function closeWhiteboard() {
       this._uiEventStore.sendEvent(_constant.UIAction.CLOSE_WHITEBOARD);
     }
-  }, {
-    key: "stopScreenShare",
-    value: function stopScreenShare() {
-      this._uiEventStore.stopShareScreen();
-    }
   }, {
     key: "openLiveStreamingDialog",
     value: function openLiveStreamingDialog() {
@@ -1036,6 +1039,14 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
         this.newMessageCount = 0;
       }
     }
+  }, {
+    key: "_handlerTraceScreenCaptureStateUpdate",
+    value: function _handlerTraceScreenCaptureStateUpdate(_, state) {
+      this.hasScreenShare = state === _agoraEduCore.FcrMediaSourceState.STARTED;
+      // if (state === FcrMediaSourceState.STOPPED) {
+      //   this.stopScreenShare();
+      // }
+    }
   }, {
     key: "_onEvent",
     value: function _onEvent(action, payload) {
@@ -1121,6 +1132,13 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
           }) : null;
         }
       }
+      if (action === _constant.UIAction.SET_CURRENT_SHARE_SCREEN) {
+        var _this$_mediaControl, _this$_screenVideoTra2;
+        var _ref8 = payload,
+          id = _ref8.id;
+        this._screenVideoTrack = (_this$_mediaControl = this._mediaControl) === null || _this$_mediaControl === void 0 ? void 0 : _this$_mediaControl.getScreenTrack(id);
+        (_this$_screenVideoTra2 = this._screenVideoTrack) === null || _this$_screenVideoTra2 === void 0 || _this$_screenVideoTra2.addObserver(this._observer);
+      }
     }
   }, {
     key: "_handleCloudRecordingStateUpdated",
@@ -1140,14 +1158,14 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
       var _this$_userControl$ge = this._userControl.getLocalUser(),
         userId = _this$_userControl$ge.userId;
       var streams = this._streamControl.getStreamsByUserId(userId);
-      var pstnStream = streams.find(function (_ref8) {
-        var connectorType = _ref8.connectorType;
-        return connectorType === _type.FcrRoomConnectorType.PSTN;
+      var pstnStream = streams.find(function (_ref9) {
+        var connectorType = _ref9.connectorType;
+        return connectorType === _agoraEduCore.FcrRoomConnectorType.PSTN;
       });
       var hasPstnStream = !!pstnStream;
       this.connectType = hasPstnStream ? _type3.ConnectType.PHONE : this.microphoneId ? _type3.ConnectType.COMPUTER : _type3.ConnectType.NONE;
       if (hasPstnStream) {
-        this.phoneMicEnabled = pstnStream.streamType === _type6.AgoraRteMediaStreamType.BOTH || pstnStream.audioSourceState === _type.FcrMediaSourceState.STARTED;
+        this.phoneMicEnabled = pstnStream.streamType === _type6.AgoraRteMediaStreamType.BOTH || pstnStream.audioSourceState === _agoraEduCore.FcrMediaSourceState.STARTED;
         (0, _rendererEvent.sendEvent)({
           action: _constant.RendererEventAction.SET_CONTROL_BAR_PHONECALL_STATE,
           payload: this.phoneMicEnabled
@@ -1157,7 +1175,7 @@ var ActionBarStore = exports["default"] = /*#__PURE__*/function () {
   }]);
 }();
 _ActionBarStore = ActionBarStore;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_ActionBarStore, [[_mobx.observable, 1, "users"], [_mobx.observable, 1, "newMessageTooltipVisible"], [_mobx.observable, 1, "newMessageCount"], [_mobx.observable, 1, "latestMessage"], [_mobx.observable, 1, "totalUser"], [_mobx.observable, 1, "liveStreamingState"], [_mobx.observable, 1, "currentMenuIs"], [_mobx.observable, 1, "cloudRecordingState"], [_mobx.observable, 1, "localUserRole"], [_mobx.observable, 1, "localUser"], [_mobx.observable, 1, "connectionSettingVisible"], [_mobx.observable, 1, "connectType"], [_mobx.observable, 1, "folded"], [_mobx.observable, 1, "boardOwnerUser"], [_mobx.observable, 1, "hasScreenShare"], [_mobx.observable, 1, "showArrow"], [_mobx.observable, 1, "phoneMicEnabled"], [_mobx.computed, 3, "remoteUsers"], [_mobx.computed, 3, "hasStartScreenSharePermission"], [_mobx.computed, 3, "hasStartLiveStreamingPermission"], [_mobx.computed, 3, "hasEnableStartAudioPermission"], [_mobx.computed, 3, "hasEnableChangeNamePermission"], [_mobx.computed, 3, "hasEnableStartVideoPermission"], [_mobx.computed, 3, "hasLockRoomPermission"], [_mobx.computed, 3, "hasEnableStartSharePermission"], [_mobx.computed, 3, "hasAllowWriteBoardPermission"], [_mobx.computed, 3, "hasCloseWriteBoardPermission"], [_mobx.computed, 3, "hasAllowScreenShareAndBoardPermission"], [_mobx.computed, 3, "hasAllowChatPermission"], [_mobx.computed, 3, "hasStartCloudRecordingPermission"], [_mobx.computed, 3, "hasAssignHostBeforeLeavingPermission"], [_mobx.computed, 3, "hasEndRoomPermission"], [_mobx.computed, 3, "isScreenShareAndBoardEnabled"], [_mobx.computed, 3, "isBoardWriteEnabled"], [_mobx.computed, 3, "isPstnUser"], [_mobx.computed, 3, "cameraId"], [_mobx.computed, 3, "cameraList"], [_mobx.computed, 3, "microphoneEnabled"], [_mobx.computed, 3, "microphoneId"], [_mobx.computed, 3, "microphoneVolumeLevel"], [_mobx.computed, 3, "microphoneList"], [_mobx.computed, 3, "speakerId"], [_mobx.computed, 3, "speakerList"], [_pauseCloudRecordingDecs, 2, "pauseCloudRecording"], [_resumeCloudRecordingDecs, 2, "resumeCloudRecording"], [_stopCloudRecordingDecs, 2, "stopCloudRecording"], [_decorator.bound, 2, "startCloudRecording"], [_toggleLayoutBarLockDecs, 18, "toggleLayoutBarLock"], [_showNewMessageTooltipDecs, 18, "showNewMessageTooltip"], [_hideNewMessageTooltipDecs, 18, "hideNewMessageTooltip"], [_switchMenuDecs, 18, "switchMenu"], [_decorator.bound, 2, "isLocked"], [_decorator.bound, 2, "enableCamera"], [_decorator.bound, 2, "setCameraId"], [_decorator.bound, 2, "enableMicrophone"], [_decorator.bound, 2, "setMicrophoneId"], [_decorator.bound, 2, "setSpeakerId"], [_decorator.bound, 2, "setAllowBoardWrite"], [_decorator.bound, 2, "setAllowScreenShare"], [_decorator.bound, 2, "closeBoard"], [_decorator.bound, 2, "enableShare"], [_assignHostDecs, 18, "assignHost"], [_decorator.bound, 2, "leave"], [_decorator.bound, 2, "keepPhoneAudioConnection"], [_decorator.bound, 2, "end"], [_decorator.bound, 2, "allowJoinWithMuteAudio"], [_decorator.bound, 2, "setAllowJoinWithMuteAudio"], [_decorator.bound, 2, "isLockRoomEnabled"], [_decorator.bound, 2, "setLockRoomEnabled"], [_decorator.bound, 2, "setAllowShareScreen"], [_decorator.bound, 2, "allowShareScreen"], [_decorator.bound, 2, "allowWriteBoard"], [_decorator.bound, 2, "allowChat"], [_decorator.bound, 2, "setAllowChat"], [_decorator.bound, 2, "allowUnmuteSelfAudio"], [_decorator.bound, 2, "setAllowUnmuteSelfAudio"], [_decorator.bound, 2, "allowUnmuteSelfVideo"], [_decorator.bound, 2, "setAllowUnmuteSelfVideo"], [_decorator.bound, 2, "toggleChat"], [_decorator.bound, 2, "openChat"], [_decorator.bound, 2, "closeChat"], [_decorator.bound, 2, "toggleParticipants"], [_decorator.bound, 2, "openParticipants"], [_decorator.bound, 2, "closeParticipants"], [_decorator.bound, 2, "openDeviceSettingDialog"], [_decorator.bound, 2, "startScreenShare"], [_decorator.bound, 2, "openWhiteboard"], [_decorator.bound, 2, "closeWhiteboard"], [_decorator.bound, 2, "stopScreenShare"], [_decorator.bound, 2, "openLiveStreamingDialog"], [_decorator.bound, 2, "closeLiveStreamingDialog"], [_decorator.bound, 2, "toggleConnection"], [_decorator.bound, 2, "openConnection"], [_decorator.bound, 2, "closeConnection"], [_toggleFoldDecs, 18, "toggleFold"], [_setShowArrowDecs, 18, "setShowArrow"], [_decorator.bound, 2, "_interceptShareScreen"], [_decorator.bound, 2, "_interceptShareBoard"], [_handleRemoteUsersJoinedDecs, 18, "_handleRemoteUsersJoined"], [_handleRemoteUsersLeftDecs, 18, "_handleRemoteUsersLeft"], [_handleAllUserCountUpdatedDecs, 18, "_handleAllUserCountUpdated"], [_handleUserInfoUpdatedDecs, 18, "_handleUserInfoUpdated"], [_handleLiveStreamingStateUpdatedDecs, 18, "_handleLiveStreamingStateUpdated"], [_handleChatVisibleDecs, 18, "_handleChatVisible"], [_decorator.bound, 2, "_onEvent"], [_handleCloudRecordingStateUpdatedDecs, 18, "_handleCloudRecordingStateUpdated"], [_handleStreamsAddedOrUpdatedDecs, 18, "_handleStreamsAddedOrUpdated"], [_handleNewMessageEventDecs, 16, "_handleNewMessageEvent"]], []).e, 19);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_ActionBarStore, [[_mobx.observable, 1, "users"], [_mobx.observable, 1, "newMessageTooltipVisible"], [_mobx.observable, 1, "newMessageCount"], [_mobx.observable, 1, "latestMessage"], [_mobx.observable, 1, "totalUser"], [_mobx.observable, 1, "liveStreamingState"], [_mobx.observable, 1, "currentMenuIs"], [_mobx.observable, 1, "cloudRecordingState"], [_mobx.observable, 1, "localUserRole"], [_mobx.observable, 1, "localUser"], [_mobx.observable, 1, "connectionSettingVisible"], [_mobx.observable, 1, "connectType"], [_mobx.observable, 1, "folded"], [_mobx.observable, 1, "boardOwnerUser"], [_mobx.observable, 1, "hasScreenShare"], [_mobx.observable, 1, "showArrow"], [_mobx.observable, 1, "phoneMicEnabled"], [_mobx.computed, 3, "remoteUsers"], [_mobx.computed, 3, "hasStartScreenSharePermission"], [_mobx.computed, 3, "hasStartLiveStreamingPermission"], [_mobx.computed, 3, "hasEnableStartAudioPermission"], [_mobx.computed, 3, "hasEnableChangeNamePermission"], [_mobx.computed, 3, "hasEnableStartVideoPermission"], [_mobx.computed, 3, "hasLockRoomPermission"], [_mobx.computed, 3, "hasEnableStartSharePermission"], [_mobx.computed, 3, "hasAllowWriteBoardPermission"], [_mobx.computed, 3, "hasCloseWriteBoardPermission"], [_mobx.computed, 3, "hasAllowScreenShareAndBoardPermission"], [_mobx.computed, 3, "hasAllowChatPermission"], [_mobx.computed, 3, "hasStartCloudRecordingPermission"], [_mobx.computed, 3, "hasAssignHostBeforeLeavingPermission"], [_mobx.computed, 3, "hasEndRoomPermission"], [_mobx.computed, 3, "isScreenShareAndBoardEnabled"], [_mobx.computed, 3, "isBoardWriteEnabled"], [_mobx.computed, 3, "isPstnUser"], [_mobx.computed, 3, "cameraId"], [_mobx.computed, 3, "cameraList"], [_mobx.computed, 3, "microphoneEnabled"], [_mobx.computed, 3, "microphoneId"], [_mobx.computed, 3, "microphoneVolumeLevel"], [_mobx.computed, 3, "microphoneList"], [_mobx.computed, 3, "speakerId"], [_mobx.computed, 3, "speakerList"], [_pauseCloudRecordingDecs, 2, "pauseCloudRecording"], [_resumeCloudRecordingDecs, 2, "resumeCloudRecording"], [_stopCloudRecordingDecs, 2, "stopCloudRecording"], [_decorator.bound, 2, "startCloudRecording"], [_toggleLayoutBarLockDecs, 18, "toggleLayoutBarLock"], [_showNewMessageTooltipDecs, 18, "showNewMessageTooltip"], [_hideNewMessageTooltipDecs, 18, "hideNewMessageTooltip"], [_switchMenuDecs, 18, "switchMenu"], [_decorator.bound, 2, "isLocked"], [_decorator.bound, 2, "enableCamera"], [_decorator.bound, 2, "setCameraId"], [_decorator.bound, 2, "enableMicrophone"], [_decorator.bound, 2, "setMicrophoneId"], [_decorator.bound, 2, "setSpeakerId"], [_decorator.bound, 2, "setAllowBoardWrite"], [_decorator.bound, 2, "setAllowScreenShare"], [_decorator.bound, 2, "closeBoard"], [_assignHostDecs, 18, "assignHost"], [_decorator.bound, 2, "leave"], [_decorator.bound, 2, "keepPhoneAudioConnection"], [_decorator.bound, 2, "end"], [_decorator.bound, 2, "allowJoinWithMuteAudio"], [_decorator.bound, 2, "setAllowJoinWithMuteAudio"], [_decorator.bound, 2, "isLockRoomEnabled"], [_decorator.bound, 2, "setLockRoomEnabled"], [_decorator.bound, 2, "setAllowShareScreen"], [_decorator.bound, 2, "allowShareScreen"], [_decorator.bound, 2, "allowWriteBoard"], [_decorator.bound, 2, "allowChat"], [_decorator.bound, 2, "setAllowChat"], [_decorator.bound, 2, "allowUnmuteSelfAudio"], [_decorator.bound, 2, "setAllowUnmuteSelfAudio"], [_decorator.bound, 2, "allowUnmuteSelfVideo"], [_decorator.bound, 2, "setAllowUnmuteSelfVideo"], [_decorator.bound, 2, "toggleChat"], [_decorator.bound, 2, "openChat"], [_decorator.bound, 2, "closeChat"], [_decorator.bound, 2, "toggleParticipants"], [_decorator.bound, 2, "openParticipants"], [_decorator.bound, 2, "closeParticipants"], [_decorator.bound, 2, "openDeviceSettingDialog"], [_decorator.bound, 2, "startScreenShare"], [_decorator.bound, 2, "openWhiteboard"], [_decorator.bound, 2, "closeWhiteboard"], [_decorator.bound, 2, "openLiveStreamingDialog"], [_decorator.bound, 2, "closeLiveStreamingDialog"], [_decorator.bound, 2, "toggleConnection"], [_decorator.bound, 2, "openConnection"], [_decorator.bound, 2, "closeConnection"], [_toggleFoldDecs, 18, "toggleFold"], [_setShowArrowDecs, 18, "setShowArrow"], [_decorator.bound, 2, "_interceptShareScreen"], [_decorator.bound, 2, "_interceptShareBoard"], [_handleRemoteUsersJoinedDecs, 18, "_handleRemoteUsersJoined"], [_handleRemoteUsersLeftDecs, 18, "_handleRemoteUsersLeft"], [_handleAllUserCountUpdatedDecs, 18, "_handleAllUserCountUpdated"], [_handleUserInfoUpdatedDecs, 18, "_handleUserInfoUpdated"], [_handleLiveStreamingStateUpdatedDecs, 18, "_handleLiveStreamingStateUpdated"], [_handleChatVisibleDecs, 18, "_handleChatVisible"], [_handlerTraceScreenCaptureStateUpdateDecs, 18, "_handlerTraceScreenCaptureStateUpdate"], [_decorator.bound, 2, "_onEvent"], [_handleCloudRecordingStateUpdatedDecs, 18, "_handleCloudRecordingStateUpdated"], [_handleStreamsAddedOrUpdatedDecs, 18, "_handleStreamsAddedOrUpdated"], [_handleNewMessageEventDecs, 16, "_handleNewMessageEvent"]], []).e, 19);
 _init_users = _applyDecs$e[0];
 _init_newMessageTooltipVisible = _applyDecs$e[1];
 _init_newMessageCount = _applyDecs$e[2];

package/lib/modules/audio-stream/index.js

@@ -11,7 +11,13 @@ require("core-js/modules/es.array.find.js");
 require("core-js/modules/es.array.for-each.js");
 require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/es.object.values.js");
+require("core-js/modules/esnext.async-iterator.find.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
+require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.find.js");
+require("core-js/modules/esnext.iterator.for-each.js");
+require("core-js/modules/esnext.iterator.map.js");
 require("core-js/modules/web.dom-collections.for-each.js");
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -19,8 +25,8 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _type = require("agora-edu-core/lib/type");
 var _base = require("../../base");
+var _agoraEduCore = require("agora-edu-core");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var AudioStreamUIModule = exports.AudioStreamUIModule = /*#__PURE__*/function (_UIModule) {
@@ -69,7 +75,7 @@ var AudioStreamUIModule = exports.AudioStreamUIModule = /*#__PURE__*/function (_
       } else {
         streams.forEach(function (stream) {
           if (stream.owner.userId !== _this._userControl.getLocalUser().userId) {
-            if ((stream.streamType === _type.FcrStreamType.AUDIO || stream.streamType === _type.FcrStreamType.BOTH) && stream.audioSourceState === _type.FcrMediaSourceState.STARTED) {
+            if ((stream.streamType === _agoraEduCore.FcrStreamType.AUDIO || stream.streamType === _agoraEduCore.FcrStreamType.BOTH) && stream.audioSourceState === _agoraEduCore.FcrMediaSourceState.STARTED) {
               _this.logger.info('start play remote audio', stream.streamId);
               _this._streamControl.startPlayRemoteAudioStream(stream.streamId);
             } else {
@@ -95,8 +101,8 @@ var AudioStreamUIModule = exports.AudioStreamUIModule = /*#__PURE__*/function (_
   return (0, _createClass2["default"])(AudioStreamUIModule, [{
     key: "init",
     value: function init() {
-      var streams = this._streamControl.getStreams();
-      this._playRemoteAudio(Object.values(streams));
+      var streams = this._streamControl.getStreamList();
+      this._playRemoteAudio(streams);
     }
   }, {
     key: "getComponent",
@@ -111,7 +117,7 @@ var AudioStreamUIModule = exports.AudioStreamUIModule = /*#__PURE__*/function (_
     value: function _hasPstn(streams) {
       var _this2 = this;
       var pstnStream = streams.find(function (stream) {
-        return stream.connectorType === _type.FcrRoomConnectorType.PSTN && stream.owner.userId === _this2._userControl.getLocalUser().userId;
+        return stream.connectorType === _agoraEduCore.FcrRoomConnectorType.PSTN && stream.owner.userId === _this2._userControl.getLocalUser().userId;
       });
       return !!pstnStream;
     }

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

@@ -9,6 +9,10 @@ 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.filter.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
+require("core-js/modules/esnext.iterator.filter.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", {
@@ -17,6 +21,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.MessageBar = void 0;
 require("core-js/modules/es.array.find.js");
 require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/esnext.async-iterator.find.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.find.js");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _type = require("agora-ui-foundation/lib/components/icon/type");

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

@@ -110,6 +110,11 @@
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
+  width: 150px;
+}
+
+.candidate-name-active {
+  color: var(--fcr_web_ui_scene_mainicon2);
 }
 
 .candidate-select {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import './index.css';
 import { FcrUserInfo } from 'agora-edu-core/lib/type';
 interface ChatSelectProps {

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

@@ -15,6 +15,12 @@ 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");
+var _avatar = require("agora-ui-foundation/lib/components/avatar");
 var _icon = require("agora-ui-foundation/lib/components/icon");
 var _input = require("agora-ui-foundation/lib/components/input");
 var _type = require("agora-ui-foundation/lib/components/icon/type");
@@ -28,6 +34,7 @@ var _store = require("../store");
 var _textBubble = require("agora-ui-foundation/lib/components/text-bubble");
 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 highlightMatches(str, matchStr) {
   var result = [];
@@ -103,6 +110,9 @@ var ChatSelect = exports.ChatSelect = (0, _mobxReact.observer)(function (_ref) {
         onSelect(user);
       },
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        style: {
+          background: (0, _helper.getNameColor)(datum.userName)
+        },
         className: (0, _classnames["default"])('candidate-avatar', {
           'candidate-avatar-all': datum.userId === _store.USER_ALL
         }),
@@ -112,13 +122,26 @@ var ChatSelect = exports.ChatSelect = (0, _mobxReact.observer)(function (_ref) {
           colors: {
             iconPrimary: 'var(--fcr_ui_scene_white10)'
           }
-        }) : datum.userName.charAt(0).toLocaleUpperCase()
+        }) :
+        /*#__PURE__*/
+        // datum.userName.charAt(0).toLocaleUpperCase()
+        (0, _jsxRuntime.jsx)(_avatar.FcrAvatar, {
+          isShowFirstLetter: true,
+          size: 32,
+          nickName: datum.userName,
+          textSize: 14
+        })
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "candidate",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "candidate-info",
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "candidate-name",
+            className: (0, _classnames["default"])('candidate-name', {
+              'candidate-name-active': selectedUid === users[index].userId
+            }),
+            style: {
+              color: (0, _helper.getNameColor)(datum.userName)
+            },
             children: highlightMatches(datum.userName, filterKey).map(function (value) {
               return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
                 className: value !== null && value !== void 0 && value.isHighlight ? 'candidate-highlight' : '',
@@ -127,6 +150,9 @@ var ChatSelect = exports.ChatSelect = (0, _mobxReact.observer)(function (_ref) {
             })
           }), 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'),
+            styles: {
+              width: 'fit-content'
+            },
             type: "gray",
             lineHeight: "small",
             classnames: datum.userRole === _type2.FcrUserRole.HOST ? 'host' : 'cohost'
@@ -137,7 +163,7 @@ var ChatSelect = exports.ChatSelect = (0, _mobxReact.observer)(function (_ref) {
             type: _type.FcrIconType.FCR_CHOOSEIT,
             size: 24,
             colors: {
-              iconPrimary: 'var(--fcr_ui_scene_icontext1)'
+              iconPrimary: 'var(--fcr_web_ui_scene_mainicon2)'
             }
           })
         }) : null]

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

@@ -6,7 +6,7 @@ export declare const Chat: ({ updateReadIndex, sendMsg, userId: localUserId, isH
     sendMsg: (msg: string) => void;
     userId: string;
     isHost: boolean;
-    singling?: boolean | undefined;
+    singling?: boolean;
     handleClickUploadImage: () => void;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const ChatAction: () => import("react/jsx-runtime").JSX.Element;

package/lib/modules/chat/chat.js

@@ -20,6 +20,29 @@ require("core-js/modules/es.array.unshift.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.filter.js");
+require("core-js/modules/esnext.async-iterator.find.js");
+require("core-js/modules/esnext.async-iterator.for-each.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.find.js");
+require("core-js/modules/esnext.iterator.for-each.js");
+require("core-js/modules/esnext.iterator.map.js");
+require("core-js/modules/esnext.map.delete-all.js");
+require("core-js/modules/esnext.map.emplace.js");
+require("core-js/modules/esnext.map.every.js");
+require("core-js/modules/esnext.map.filter.js");
+require("core-js/modules/esnext.map.find.js");
+require("core-js/modules/esnext.map.find-key.js");
+require("core-js/modules/esnext.map.includes.js");
+require("core-js/modules/esnext.map.key-of.js");
+require("core-js/modules/esnext.map.map-keys.js");
+require("core-js/modules/esnext.map.map-values.js");
+require("core-js/modules/esnext.map.merge.js");
+require("core-js/modules/esnext.map.reduce.js");
+require("core-js/modules/esnext.map.some.js");
+require("core-js/modules/esnext.map.update.js");
 require("core-js/modules/web.dom-collections.for-each.js");
 require("core-js/modules/web.dom-collections.iterator.js");
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
@@ -34,10 +57,11 @@ var _i18n = require("agora-ui-foundation/lib/i18n");
 var _react = require("react");
 var _chatBar = require("./chat-bar");
 var _type = require("../../type");
-var _type2 = require("agora-edu-core/lib/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 _jsxRuntime = require("react/jsx-runtime");
 var Chat = exports.Chat = (0, _mobxReact.observer)(function (_ref) {
   var updateReadIndex = _ref.updateReadIndex,
@@ -103,7 +127,7 @@ var Chat = exports.Chat = (0, _mobxReact.observer)(function (_ref) {
         userId: _store.USER_ALL,
         userName: t('fmt_chat_option_all'),
         userRole: _type.FcrUserRole.ROBOT,
-        connectorType: _type2.FcrRoomConnectorType.NONE
+        connectorType: _agoraEduCore.FcrRoomConnectorType.NONE
       });
     }
     remoteUsers.forEach(function (user) {
@@ -127,7 +151,7 @@ var Chat = exports.Chat = (0, _mobxReact.observer)(function (_ref) {
     setTargetList((0, _toConsumableArray2["default"])(users));
   }, [privateTargetList, chatLevel, remoteUsers]);
   var handleMultiCopyMsg = /*#__PURE__*/function () {
-    var _ref2 = (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) {
@@ -251,7 +275,7 @@ var Chat = exports.Chat = (0, _mobxReact.observer)(function (_ref) {
     onSelectCancel: function onSelectCancel() {
       resetMultiSelectStates();
     },
-    onSelectConfirm: /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+    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:

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import ChatStore from './store';
 export declare const StoreContext: import("react").Context<ChatStore>;

package/lib/modules/chat/demo-wrapper.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare const DemoWrapper: React.FC;

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

@@ -1,10 +1,10 @@
 import { UIModule } from '../../base';
 import './index.css';
-import { FcrMainRoomControl } from 'agora-edu-core';
 import { FcrUIEventStore } from '../../common/event-store';
 import { FcrSecurityStore } from '../../common/security-store';
-import { FcrChatRoomFile, FcrChatRoomMessageType } from 'agora-edu-core/lib/type';
 import { CHAT_WRAPPER_CLASS } from 'agora-ui-foundation/lib/components/chat-wrapper';
+import { FcrChatRoomFile, FcrChatRoomMessageType } from 'agora-edu-core/lib/room-control/chatroom-control/type';
+import { FcrBaseRoomControl } from 'agora-edu-core';
 export { CHAT_WRAPPER_CLASS };
 export declare class ChatUIModule extends UIModule {
     private _store;
@@ -12,7 +12,7 @@ export declare class ChatUIModule extends UIModule {
     private _uiEventStore;
     private _uid;
     constructor({ roomControl, uiEventStore, securityStore, }: {
-        roomControl: FcrMainRoomControl;
+        roomControl: FcrBaseRoomControl;
         uiEventStore: FcrUIEventStore;
         securityStore: FcrSecurityStore;
     });

package/lib/modules/chat/index.dev.js

@@ -14,8 +14,8 @@ var _jsxRuntime = require("react/jsx-runtime");
 var App = (0, _root.hot)(function () {
   return null;
 });
-_reactDom["default"].render( /*#__PURE__*/(0, _jsxRuntime.jsx)(App, {}), document.querySelector('#root'));
-window.__DEV_ENGINE_IS_READY__.then( /*#__PURE__*/(0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
+_reactDom["default"].render(/*#__PURE__*/(0, _jsxRuntime.jsx)(App, {}), document.querySelector('#root'));
+window.__DEV_ENGINE_IS_READY__.then(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
   var engine, roomId, roomControl, uiEventStore, securityStore, uiModule, App;
   return _regenerator["default"].wrap(function _callee$(_context) {
     while (1) switch (_context.prev = _context.next) {
@@ -49,7 +49,7 @@ window.__DEV_ENGINE_IS_READY__.then( /*#__PURE__*/(0, _asyncToGenerator2["defaul
             children: uiModule.getComponent()
           });
         });
-        _reactDom["default"].render( /*#__PURE__*/(0, _jsxRuntime.jsx)(App, {}), document.querySelector('#root'));
+        _reactDom["default"].render(/*#__PURE__*/(0, _jsxRuntime.jsx)(App, {}), document.querySelector('#root'));
       case 8:
       case "end":
         return _context.stop();