fcr-ui-scene 3.1.0 → 3.2.0

package/lib/modules/layout/store.js

@@ -12,6 +12,8 @@ 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", {
@@ -32,6 +34,54 @@ require("core-js/modules/es.object.values.js");
 require("core-js/modules/es.set.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.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.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.set.add-all.js");
+require("core-js/modules/esnext.set.delete-all.js");
+require("core-js/modules/esnext.set.difference.v2.js");
+require("core-js/modules/esnext.set.difference.js");
+require("core-js/modules/esnext.set.every.js");
+require("core-js/modules/esnext.set.filter.js");
+require("core-js/modules/esnext.set.find.js");
+require("core-js/modules/esnext.set.intersection.v2.js");
+require("core-js/modules/esnext.set.intersection.js");
+require("core-js/modules/esnext.set.is-disjoint-from.v2.js");
+require("core-js/modules/esnext.set.is-disjoint-from.js");
+require("core-js/modules/esnext.set.is-subset-of.v2.js");
+require("core-js/modules/esnext.set.is-subset-of.js");
+require("core-js/modules/esnext.set.is-superset-of.v2.js");
+require("core-js/modules/esnext.set.is-superset-of.js");
+require("core-js/modules/esnext.set.join.js");
+require("core-js/modules/esnext.set.map.js");
+require("core-js/modules/esnext.set.reduce.js");
+require("core-js/modules/esnext.set.some.js");
+require("core-js/modules/esnext.set.symmetric-difference.v2.js");
+require("core-js/modules/esnext.set.symmetric-difference.js");
+require("core-js/modules/esnext.set.union.v2.js");
+require("core-js/modules/esnext.set.union.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");
@@ -40,22 +90,24 @@ 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 _mobx = require("mobx");
+var _agoraEduCore = require("agora-edu-core");
 var _type = require("agora-edu-core/lib/type");
 var _decorator = require("agora-foundation/lib/decorator");
 var _logger = require("agora-foundation/lib/logger");
-var _type2 = require("agora-rte-sdk/lib/core/rtc/type");
-var _type3 = require("../video-window/type");
+var _type2 = require("../video-window/type");
 var _constant = require("../../utilities/constant");
-var _type4 = require("./type");
+var _type3 = require("./type");
 var _Layout = require("./components/Layout");
 var _videoWindowDatasource = require("./video-window-datasource");
 var _toast = require("agora-ui-foundation/lib/components/toast");
-var _type5 = require("../whiteboard/type");
+var _type4 = require("../whiteboard/type");
 var _i18n = require("agora-ui-foundation/lib/i18n");
+var _type5 = require("agora-edu-core/lib/room-control/chatroom-control/type");
+var _type6 = require("agora-rte-sdk/lib/core/scene/type");
 var _LayoutStore;
-var _initProto, _participantDecs, _init_participant, _chatDecs, _init_chat, _chatActionDecs, _init_chatAction, _stateBarDecs, _init_stateBar, _actionBarDecs, _init_actionBar, _layersDecs, _init_layers, _whiteboardDecs, _init_whiteboard, _init_collapsed, _init_galleryMaxSize, _init_aside, _init_asideContent, _init_localUserRole, _init_barHovering, _init_barLocked, _init_barHidden, _init_asideWidth, _init_userVolumeMap, _init_chatRoomState, _init_videoWindowPreviewType, _init_whiteboardActive, _init_spotlightStreamId, _init_shouldHideNonVideoParticipants, _init_participantCount, _init_ownerUser, _init_localUser, _init_documentVisible, _init_enableSpotlight, _setWhiteboardActiveDecs, _handleLayoutUpdatedDecs, _init__handleLayoutUpdated, _handleFoldListChangedDecs, _handleMainListChangedDecs, _setAsideWidthDecs, _setDocumentVisibilityDecs, _updateSlotsDecs, _updateAsideContentDecs, _getAllowedOperationsDecs, _toggleLayoutDecs, _toggleCollapsedDecs, _setGalleryMaxSizeDecs, _toggleAsideDecs, _asideWidthChangedDecs, _toggleLayoutBarLockDecs, _toggleLayoutBarHiddenDecs, _setBarHoveringDecs, _resetLockTimerDecs, _setHoveringHandlerDecs, _setHoveringLeaveHandlerDecs, _onAllUserCountUpdatedDecs, _onUserInfoUpdatedDecs, _handleConnectionUpdatedDecs, _onAudioVolumeUpdatedDecs, _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, _participantDecs, _init_participant, _chatDecs, _init_chat, _chatActionDecs, _init_chatAction, _stateBarDecs, _init_stateBar, _actionBarDecs, _init_actionBar, _layersDecs, _init_layers, _whiteboardDecs, _init_whiteboard, _init_collapsed, _init_galleryMaxSize, _init_aside, _init_asideContent, _init_localUserRole, _init_barHovering, _init_barLocked, _init_barHidden, _init_asideWidth, _init_userVolumeMap, _init_chatRoomState, _init_videoWindowPreviewType, _init_whiteboardActive, _init_spotlightStreamId, _init_shouldHideNonVideoParticipants, _init_participantCount, _init_ownerUser, _init_localUser, _init_enableSpotlight, _setWhiteboardActiveDecs, _setAsideWidthDecs, _updateSlotsDecs, _updateAsideContentDecs, _getAllowedOperationsDecs, _toggleLayoutDecs, _toggleCollapsedDecs, _setGalleryMaxSizeDecs, _toggleAsideDecs, _asideWidthChangedDecs, _toggleLayoutBarLockDecs, _toggleLayoutBarHiddenDecs, _resetLockTimerDecs, _setHoveringHandlerDecs, _setHoveringLeaveHandlerDecs, _onUserInfoUpdatedDecs, _handleLayoutUpdatedDecs, _init__handleLayoutUpdated, _handleFoldListChangedDecs, _handleMainListChangedDecs, _setBarHoveringDecs, _onAllUserCountUpdatedDecs, _handleConnectionUpdatedDecs, _onAudioVolumeUpdatedDecs, _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"); }
@@ -90,14 +142,22 @@ var _W = /*#__PURE__*/new WeakMap();
 var _X = /*#__PURE__*/new WeakMap();
 var _Y = /*#__PURE__*/new WeakMap();
 var _Z = /*#__PURE__*/new WeakMap();
-var _a = /*#__PURE__*/new WeakMap();
-_ref = (_participantDecs = [_mobx.observable, _mobx.observable.ref], _chatDecs = [_mobx.observable, _mobx.observable.ref], _chatActionDecs = [_mobx.observable, _mobx.observable.ref], _stateBarDecs = [_mobx.observable, _mobx.observable.ref], _actionBarDecs = [_mobx.observable, _mobx.observable.ref], _layersDecs = [_mobx.observable, _mobx.observable.ref], _whiteboardDecs = [_mobx.observable, _mobx.observable.ref], _setWhiteboardActiveDecs = [_mobx.action, _mobx.action.bound], _handleLayoutUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleFoldListChangedDecs = [_mobx.action, _mobx.action.bound], _handleMainListChangedDecs = [_mobx.action, _mobx.action.bound], _setAsideWidthDecs = [_mobx.action, _mobx.action.bound], _setDocumentVisibilityDecs = [_mobx.action, _mobx.action.bound], _updateSlotsDecs = [_mobx.action, _mobx.action.bound], _updateAsideContentDecs = [_mobx.action, _mobx.action.bound], _getAllowedOperationsDecs = [_mobx.action, _mobx.action.bound], _toggleLayoutDecs = [_mobx.action, _mobx.action.bound], _toggleCollapsedDecs = [_mobx.action, _mobx.action.bound], _setGalleryMaxSizeDecs = [_mobx.action, _mobx.action.bound], _toggleAsideDecs = [_mobx.action, _mobx.action.bound], _asideWidthChangedDecs = [_mobx.action, _mobx.action.bound], _toggleLayoutBarLockDecs = [_mobx.action, _mobx.action.bound], _toggleLayoutBarHiddenDecs = [_mobx.action, _mobx.action.bound], _setBarHoveringDecs = [_mobx.action, _mobx.action.bound], _resetLockTimerDecs = [_mobx.action, _mobx.action.bound], _setHoveringHandlerDecs = [_mobx.action, _mobx.action.bound], _setHoveringLeaveHandlerDecs = [_mobx.action, _mobx.action.bound], _onAllUserCountUpdatedDecs = [_mobx.action, _mobx.action.bound], _onUserInfoUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleConnectionUpdatedDecs = [_mobx.action, _mobx.action.bound], _onAudioVolumeUpdatedDecs = [_mobx.action, _mobx.action.bound], "_videoWindowDataSource");
+_ref = (_participantDecs = [_mobx.observable, _mobx.observable.ref], _chatDecs = [_mobx.observable, _mobx.observable.ref], _chatActionDecs = [_mobx.observable, _mobx.observable.ref], _stateBarDecs = [_mobx.observable, _mobx.observable.ref], _actionBarDecs = [_mobx.observable, _mobx.observable.ref], _layersDecs = [_mobx.observable, _mobx.observable.ref], _whiteboardDecs = [_mobx.observable, _mobx.observable.ref], _setWhiteboardActiveDecs = [_mobx.action, _mobx.action.bound], _setAsideWidthDecs = [_mobx.action, _mobx.action.bound], _updateSlotsDecs = [_mobx.action, _mobx.action.bound], _updateAsideContentDecs = [_mobx.action, _mobx.action.bound], _getAllowedOperationsDecs = [_mobx.action, _mobx.action.bound], _toggleLayoutDecs = [_mobx.action, _mobx.action.bound], _toggleCollapsedDecs = [_mobx.action, _mobx.action.bound], _setGalleryMaxSizeDecs = [_mobx.action, _mobx.action.bound], _toggleAsideDecs = [_mobx.action, _mobx.action.bound], _asideWidthChangedDecs = [_mobx.action, _mobx.action.bound], _toggleLayoutBarLockDecs = [_mobx.action, _mobx.action.bound], _toggleLayoutBarHiddenDecs = [_mobx.action, _mobx.action.bound], _resetLockTimerDecs = [_mobx.action, _mobx.action.bound], _setHoveringHandlerDecs = [_mobx.action, _mobx.action.bound], _setHoveringLeaveHandlerDecs = [_mobx.action, _mobx.action.bound], _onUserInfoUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleLayoutUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleFoldListChangedDecs = [_mobx.action, _mobx.action.bound], _handleMainListChangedDecs = [_mobx.action, _mobx.action.bound], _setBarHoveringDecs = [_mobx.action, _mobx.action.bound], _onAllUserCountUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleConnectionUpdatedDecs = [_mobx.action, _mobx.action.bound], _onAudioVolumeUpdatedDecs = [_mobx.action, _mobx.action.bound], "logger");
 var LayoutStore = exports["default"] = /*#__PURE__*/function () {
   function LayoutStore(params) {
     var _this = this;
     (0, _classCallCheck2["default"])(this, LayoutStore);
-    (0, _defineProperty2["default"])(this, _ref, (_initProto(this), new _videoWindowDatasource.FcrUIVideoWindowDataSource()));
-    (0, _defineProperty2["default"])(this, "logger", (0, _logger.getLogger)());
+    (0, _defineProperty2["default"])(this, _ref, (_initProto(this), (0, _logger.getLogger)()));
+    (0, _defineProperty2["default"])(this, "_videoWindowDataSource", new _videoWindowDatasource.FcrUIVideoWindowDataSource());
+    (0, _defineProperty2["default"])(this, "_localView", null);
+    (0, _defineProperty2["default"])(this, "_subscriptions", []);
+    (0, _defineProperty2["default"])(this, "_barLockTimer", 0);
+    (0, _defineProperty2["default"])(this, "_chatRoomObserver", {
+      onConnectionStateUpdated: this._handleConnectionUpdated.bind(this),
+      onErrorOccurred: function onErrorOccurred() {},
+      onTextMessageReceived: function onTextMessageReceived() {}
+    });
+    (0, _defineProperty2["default"])(this, "_managerRoleUpdateForToast", new Set([_type.FcrUserRole.HOST, _type.FcrUserRole.COHOST]));
     // Slots
     _classPrivateFieldInitSpec(this, _A, _init_participant(this, null));
     _classPrivateFieldInitSpec(this, _B, _init_chat(this, null));
@@ -108,7 +168,7 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
     _classPrivateFieldInitSpec(this, _G, _init_whiteboard(this, null));
     // State
     _classPrivateFieldInitSpec(this, _H, _init_collapsed(this, true));
-    _classPrivateFieldInitSpec(this, _I, _init_galleryMaxSize(this, _type4.GalleryMaxSize.Normal));
+    _classPrivateFieldInitSpec(this, _I, _init_galleryMaxSize(this, _type3.GalleryMaxSize.Normal));
     _classPrivateFieldInitSpec(this, _J, _init_aside(this, false));
     _classPrivateFieldInitSpec(this, _K, _init_asideContent(this, {
       participant: false,
@@ -120,27 +180,19 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
     _classPrivateFieldInitSpec(this, _O, _init_barHidden(this, false));
     _classPrivateFieldInitSpec(this, _P, _init_asideWidth(this, _Layout.MinAsideWidth));
     _classPrivateFieldInitSpec(this, _Q, _init_userVolumeMap(this, new Map()));
-    _classPrivateFieldInitSpec(this, _R, _init_chatRoomState(this, _type.FcrChatRoomConnectionState.Disconnected));
-    _classPrivateFieldInitSpec(this, _S, _init_videoWindowPreviewType(this, _type3.FcrVideoWindowPreviewType.MIX));
+    _classPrivateFieldInitSpec(this, _R, _init_chatRoomState(this, _type5.FcrChatRoomConnectionState.Disconnected));
+    _classPrivateFieldInitSpec(this, _S, _init_videoWindowPreviewType(this, _type2.FcrVideoWindowPreviewType.MIX));
     _classPrivateFieldInitSpec(this, _T, _init_whiteboardActive(this, false));
     _classPrivateFieldInitSpec(this, _U, _init_spotlightStreamId(this, ''));
     _classPrivateFieldInitSpec(this, _V, _init_shouldHideNonVideoParticipants(this, false));
     _classPrivateFieldInitSpec(this, _W, _init_participantCount(this, 0));
-    _classPrivateFieldInitSpec(this, _X, _init_ownerUser(this, null));
+    _classPrivateFieldInitSpec(this, _X, _init_ownerUser(this, undefined));
     _classPrivateFieldInitSpec(this, _Y, _init_localUser(this));
-    _classPrivateFieldInitSpec(this, _Z, _init_documentVisible(this, document.visibilityState === 'visible'));
-    _classPrivateFieldInitSpec(this, _a, _init_enableSpotlight(this, true));
-    (0, _defineProperty2["default"])(this, "_localView", null);
-    (0, _defineProperty2["default"])(this, "_subscriptions", []);
-    (0, _defineProperty2["default"])(this, "_barLockTimer", 0);
-    (0, _defineProperty2["default"])(this, "_chatRoomObserver", {
-      onConnectionStateUpdated: this._handleConnectionUpdated.bind(this)
-    });
-    (0, _defineProperty2["default"])(this, "_managerRoleUpdateForToast", new Set([_type.FcrUserRole.HOST, _type.FcrUserRole.COHOST]));
+    _classPrivateFieldInitSpec(this, _Z, _init_enableSpotlight(this, true));
     (0, _defineProperty2["default"])(this, "_handleLayoutUpdated", _init__handleLayoutUpdated(this, function (layout) {
-      if (layout === _type4.FcrUIVideoWindowLayoutType.Speaker) {
+      if (layout === _type3.FcrUIVideoWindowLayoutType.Speaker) {
         _this._switchToSpeaker();
-      } else if (layout === _type4.FcrUIVideoWindowLayoutType.Gallery) {
+      } else if (layout === _type3.FcrUIVideoWindowLayoutType.Gallery) {
         _this._switchToGallery();
       }
       _this._uiEventStore.notifyLayoutChanged({
@@ -380,21 +432,13 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_Y, this, v);
     }
   }, {
-    key: "documentVisible",
+    key: "enableSpotlight",
     get: function get() {
       return _classPrivateFieldGet(_Z, this);
     },
     set: function set(v) {
       _classPrivateFieldSet(_Z, this, v);
     }
-  }, {
-    key: "enableSpotlight",
-    get: function get() {
-      return _classPrivateFieldGet(_a, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_a, this, v);
-    }
   }, {
     key: "deviceStore",
     get: function get() {
@@ -410,18 +454,23 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
     get: function get() {
       return this._videoWindowDataSource.layoutType;
     }
+  }, {
+    key: "manualLayout",
+    get: function get() {
+      return this._videoWindowDataSource.manualLayout;
+    }
   }, {
     key: "mainList",
     get: function get() {
       var _this2 = this;
       var sourceList = this._videoWindowDataSource.mainList.filter(function (i) {
-        return !i.isMySelf || i.videoSourceType !== _type2.AgoraRtcVideoSourceType.SCREEN;
+        return !i.isMySelf || i.videoSourceType !== _agoraEduCore.FcrVideoSourceType.SCREEN;
       });
       var existHasVideoStreamUser = sourceList.some(function (i) {
         return i.hasVideoStream;
       });
       return this.shouldHideNonVideoParticipants ? sourceList.filter(function (i) {
-        var visible = i.isMySelf && !existHasVideoStreamUser || i.hasVideoStream || i.videoSourceType === _type2.AgoraRtcVideoSourceType.SCREEN || i.type === _type4.FcrUIWindowType.BOARD;
+        var visible = i.isMySelf && !existHasVideoStreamUser || i.hasVideoStream || i.videoSourceType === _agoraEduCore.FcrVideoSourceType.SCREEN || i.type === _type3.FcrUIWindowType.BOARD;
         if (!visible && i.isPin) {
           _this2.removePin(i.windowId, (0, _i18n.transI18n)('fmt_internalsetting_other_hide_no_video_pin_cancelled'));
         }
@@ -450,18 +499,18 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
     key: "currentShareData",
     get: function get() {
       return this.mainList.find(function (item) {
-        return item.videoSourceType === _type.FcrVideoSourceType.SCREEN || item.type === _type4.FcrUIWindowType.BOARD;
+        return item.videoSourceType === _agoraEduCore.FcrVideoSourceType.SCREEN || item.type === _type3.FcrUIWindowType.BOARD;
       });
     }
   }, {
     key: "galleryList",
     get: function get() {
-      return this._videoWindowDataSource.layoutType === _type4.FcrUIVideoWindowLayoutType.Speaker ? this.mainList.slice(0, 1) : this.mainList;
+      return this._videoWindowDataSource.layoutType === _type3.FcrUIVideoWindowLayoutType.Speaker ? this.mainList.slice(0, 1) : this.mainList;
     }
   }, {
     key: "carouselList",
     get: function get() {
-      return this._videoWindowDataSource.layoutType === _type4.FcrUIVideoWindowLayoutType.Speaker ? this.mainList.slice(1) : this.mainList;
+      return this._videoWindowDataSource.layoutType === _type3.FcrUIVideoWindowLayoutType.Speaker ? this.mainList.slice(1) : this.mainList;
     }
   }, {
     key: "hasPinnedStream",
@@ -509,178 +558,40 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
       return this._securityStore.allowUnmuteSelfVideo();
     }
   }, {
-    key: "_initStream",
-    value: function _initStream() {
-      var _this4 = this;
-      var isSharingScreen = false;
-      this._streamControl.getStreamList().forEach(function (stream) {
-        if (stream.videoSourceType === _type2.AgoraRtcVideoSourceType.SCREEN) {
-          isSharingScreen = true;
-        }
-        _this4._handleStreamAdded(stream);
-      });
-      if (isSharingScreen && this.layout === _type4.FcrUIVideoWindowLayoutType.Gallery) {
-        this.toggleLayout(_type4.FcrUIVideoWindowLayoutType.Speaker);
-      }
+    key: "isHostOrCoHost",
+    get: function get() {
+      return this.localUserRole === _type.FcrUserRole.HOST || this.localUserRole === _type.FcrUserRole.COHOST;
     }
   }, {
-    key: "_isSetSpotlightEnable",
-    value: function _isSetSpotlightEnable(count, enableSpotlight) {
-      var setSpotlightEnable = count > LayoutStore.MIN_USERS_TO_ENABLE_SPOTLIGHT;
-      return setSpotlightEnable && enableSpotlight;
+    key: "allowedAllChat",
+    get: function get() {
+      return this._securityStore.allowedAllChat();
     }
   }, {
-    key: "_addListeners",
-    value: function _addListeners() {
-      var _this5 = this;
-      this._uiEventStore.addObserver({
-        onEvent: this.onEvent
-      });
-      this._streamControl.addObserver({
-        onStreamsAdded: this._onStreamsAdded,
-        onStreamsUpdated: this._onStreamsUpdated,
-        onStreamsRemoved: this._onStreamsRemoved,
-        onAudioVolumeUpdated: this._onAudioVolumeUpdated
-      });
-      this._userControl.addObserver({
-        onUserInfoUpdated: this.onUserInfoUpdated,
-        onAllUserCountUpdated: this._onAllUserCountUpdated
-      });
-      this._videoWindowDataSource.addObserver({
-        onLayoutUpdated: this._handleLayoutUpdated,
-        onFoldListAdded: this._handleFoldListChanged,
-        onFoldListRemoved: this._handleFoldListChanged,
-        onFoldListUpdated: this._handleFoldListChanged,
-        onMainListAdded: this._handleMainListChanged,
-        onMainListUpdated: this._handleMainListChanged,
-        onMainListRemoved: this._handleMainListChanged,
-        onSpotlightAdded: this._handleSpotlightAdded,
-        onSpotlightRemoved: this._handleSpotlightRemoved
-      });
-      this._whiteBoardControl.addObserver({
-        onBoardActiveInfoUpdated: this.setWhiteboardActive
-      });
-      this._chatRoomControl.addobserver(this._chatRoomObserver);
-      this._subscriptions.push((0, _mobx.reaction)(function () {
-        return _this5.mainList.length;
-      }, function (length) {
-        if (length < 2) {
-          if (_this5.layout === _type4.FcrUIVideoWindowLayoutType.Speaker) {
-            _this5.toggleLayout(_type4.FcrUIVideoWindowLayoutType.Gallery);
-          }
-        }
-        _this5._uiEventStore.sendEvent(_constant.UIAction.MAIN_LIST_LENGTH_CHANGED, length);
-      }), (0, _mobx.reaction)(function () {
-        return _this5.whiteboardActive;
-      }, function (opened) {
-        if (opened) {
-          var ownerUserId = _this5._whiteBoardControl.getBoardActiveInfo().ownerUserId;
-          var ownerUser = _this5._userControl.getUser(ownerUserId);
-          _this5._videoWindowDataSource.addBoard(ownerUser, ownerUserId === _this5.localUserId);
-          if (_this5.layout === _type4.FcrUIVideoWindowLayoutType.Gallery) {
-            _this5.toggleLayout(_type4.FcrUIVideoWindowLayoutType.Speaker);
-          }
-        } else {
-          _this5._videoWindowDataSource.removeBoard();
-        }
-      }), (0, _mobx.reaction)(function () {
-        return _this5._securityStore.hasWriteBoardPermission();
-      }, function (canEdit) {
-        if (!_this5.mainList.some(function (u) {
-          return u.type === _type4.FcrUIWindowType.BOARD;
-        })) return;
-        _this5._videoWindowDataSource.updateBoard(canEdit);
-      }), (0, _mobx.reaction)(function () {
-        return _this5.galleryMaxSize;
-      }, function (size) {
-        _this5._uiEventStore.notifyLayoutSizeChanged({
-          size: size
-        });
-      }), (0, _mobx.reaction)(function () {
-        return _this5.asideContent;
-      }, function (asideContent) {
-        if (asideContent.participant || asideContent.chat) {
-          _this5.toggleAside(true);
-        }
-        if (!asideContent.participant && !asideContent.chat) {
-          _this5.toggleAside(false);
-        }
-      }, {
-        fireImmediately: true
-      }), (0, _mobx.reaction)(function () {
-        return {
-          cameraEnabled: _this5._deviceStore.cameraEnabled,
-          cameraId: _this5._deviceStore.cameraId
-        };
-      }, function (_ref2) {
-        var cameraEnabled = _ref2.cameraEnabled,
-          cameraId = _ref2.cameraId;
-        if (!cameraEnabled && _this5._localView) {
-          _this5.stopLocalPreview(_this5._localView);
-        }
-        if (cameraEnabled && cameraId && _this5._localView) {
-          _this5.startLocalPreview(_this5._localView);
-        }
-      }), (0, _mobx.reaction)(function () {
-        return _this5.barLocked;
-      }, function (barLocked) {
-        if (_this5._barLockTimer && barLocked) {
-          _this5.resetLockTimer();
-        } else {
-          _this5.setHoveringHandler();
-        }
-      }), (0, _mobx.reaction)(function () {
-        return _this5._deviceStore.microphoneVolumeLevel;
-      }, function (volume) {
-        (0, _mobx.runInAction)(function () {
-          _this5.userVolumeMap.set('0', volume);
-        });
-      }), (0, _mobx.reaction)(function () {
-        return {
-          count: _this5.participantCount,
-          enableSpotlight: _this5.enableSpotlight
-        };
-      }, function (_ref3) {
-        var count = _ref3.count,
-          enableSpotlight = _ref3.enableSpotlight;
-        var enableSetSpotlight = _this5._isSetSpotlightEnable(count, enableSpotlight);
-        _this5._videoWindowDataSource.setSpotlightEnabled(enableSetSpotlight);
-      }),
-      // 录制的特殊逻辑：
-      // 因为录制机器人不发流，且当前切换布局的逻辑是有多个人的视频窗口才切换到 speaker layout
-      // 所以当房间只有主持人的时候录制机器人的视角不会切换到 speaker layout，故加上以下逻辑
-      (0, _mobx.reaction)(function () {
-        var _this5$currentShareDa;
-        return (_this5$currentShareDa = _this5.currentShareData) === null || _this5$currentShareDa === void 0 ? void 0 : _this5$currentShareDa.hasScreenSharing;
-      }, function (hasScreenSharing) {
-        if (_this5.isRobot) {
-          if (hasScreenSharing) {
-            _this5.logger.info('set layout to speaker for robot');
-            _this5.toggleLayout(_type4.FcrUIVideoWindowLayoutType.Speaker);
-          } else {
-            _this5.logger.info('set layout to gallery for robot');
-            _this5.toggleLayout(_type4.FcrUIVideoWindowLayoutType.Gallery);
-          }
-        }
-      }, {
-        fireImmediately: true
-      }));
+    key: "allowedPublicChatAndDisallowedPrivateChat",
+    get: function get() {
+      return this._securityStore.allowedPublicChatAndDisallowedPrivateChat();
     }
   }, {
-    key: "_handleSpotlightAdded",
-    value: function _handleSpotlightAdded(streamId) {
-      this._uiEventStore.notifySpotlightStreamChanged({
-        type: 'add',
-        streamId: streamId
-      });
+    key: "disallowedPublicChatAndDisallowedPrivateChatToParticipant",
+    get: function get() {
+      return this._securityStore.disallowedPublicChatAndDisallowedPrivateChatToParticipant();
     }
   }, {
-    key: "_handleSpotlightRemoved",
-    value: function _handleSpotlightRemoved(streamId) {
-      this._uiEventStore.notifySpotlightStreamChanged({
-        type: 'remove',
-        streamId: streamId
-      });
+    key: "disallowedAllChat",
+    get: function get() {
+      return this._securityStore.disallowedAllChat();
+    }
+  }, {
+    key: "privilegeOperator",
+    get: function get() {
+      return this._securityStore.privilegeOperator;
+    }
+  }, {
+    key: "localUserId",
+    get: function get() {
+      var _this$_userControl$ge;
+      return (_this$_userControl$ge = this._userControl.getLocalUser()) === null || _this$_userControl$ge === void 0 ? void 0 : _this$_userControl$ge.userId;
     }
   }, {
     key: "hasMutePermission",
@@ -702,8 +613,8 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
     value: function toggleMainStream(streamId) {
       var success = this._videoWindowDataSource.toggleMainStream(streamId);
       if (success) {
-        if (this.layout === _type4.FcrUIVideoWindowLayoutType.Gallery) {
-          this.toggleLayout(_type4.FcrUIVideoWindowLayoutType.Speaker);
+        if (this.layout === _type3.FcrUIVideoWindowLayoutType.Gallery) {
+          this.toggleLayout(_type3.FcrUIVideoWindowLayoutType.Speaker);
         }
       }
     }
@@ -732,8 +643,8 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
             content: (0, _i18n.transI18n)('fmt_settings_tips_screenlocked')
           }
         });
-        if (this.layout === _type4.FcrUIVideoWindowLayoutType.Gallery) {
-          this.toggleLayout(_type4.FcrUIVideoWindowLayoutType.Speaker);
+        if (this.layout === _type3.FcrUIVideoWindowLayoutType.Gallery) {
+          this.toggleLayout(_type3.FcrUIVideoWindowLayoutType.Speaker);
         }
       }
     }
@@ -778,16 +689,11 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
     key: "setWhiteboardActive",
     value: function setWhiteboardActive(active) {
       this.whiteboardActive = active;
-    }
-  }, {
-    key: "_handleFoldListChanged",
-    value: function _handleFoldListChanged() {
-      this._uiEventStore.sendEvent(_constant.UIAction.FOLD_LIST_CHANGED, this.foldList);
-    }
-  }, {
-    key: "_handleMainListChanged",
-    value: function _handleMainListChanged() {
-      this._uiEventStore.sendEvent(_constant.UIAction.MAIN_LIST_CHANGED, this.mainList);
+      if (!active) {
+        this._uiEventStore.sendEvent(_constant.UIAction.TOGGLE_LAYOUT, {
+          layout: this.manualLayout
+        });
+      }
     }
   }, {
     key: "setAsideWidth",
@@ -796,21 +702,6 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
       !this.aside && this.toggleAside(true);
       this.asideWidth = val;
     }
-  }, {
-    key: "setDocumentVisibility",
-    value: function setDocumentVisibility(visible) {
-      this.documentVisible = visible;
-    }
-  }, {
-    key: "_switchToSpeaker",
-    value: function _switchToSpeaker() {
-      this.collapsed = false;
-    }
-  }, {
-    key: "_switchToGallery",
-    value: function _switchToGallery() {
-      this.collapsed = true;
-    }
   }, {
     key: "getLocalUserId",
     value: function getLocalUserId() {
@@ -896,8 +787,8 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
     }
   }, {
     key: "toggleLayout",
-    value: function toggleLayout(layout) {
-      this._videoWindowDataSource.setLayout(layout);
+    value: function toggleLayout(layout, manual) {
+      this._videoWindowDataSource.setLayout(layout, manual);
     }
   }, {
     key: "toggleCollapsed",
@@ -932,11 +823,6 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
     value: function toggleLayoutBarHidden() {
       this.barHidden = !this.barHidden;
     }
-  }, {
-    key: "_setBarHovering",
-    value: function _setBarHovering(state) {
-      this.barHovering = state;
-    }
   }, {
     key: "resetLockTimer",
     value: function resetLockTimer() {
@@ -947,12 +833,12 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "setHoveringHandler",
     value: function setHoveringHandler() {
-      var _this6 = this;
+      var _this4 = this;
       this._setBarHovering(true);
       if (!this._barLockTimer && !this.barLocked) {
         this._barLockTimer = window.setTimeout(function () {
-          _this6._setBarHovering(false);
-          _this6.resetLockTimer();
+          _this4._setBarHovering(false);
+          _this4.resetLockTimer();
         }, 3000);
       }
     }
@@ -969,11 +855,6 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
       });
       this._chatRoomControl.removeObserver(this._chatRoomObserver);
     }
-  }, {
-    key: "_onAllUserCountUpdated",
-    value: function _onAllUserCountUpdated(_roomId, count) {
-      this.participantCount = count;
-    }
   }, {
     key: "onUserInfoUpdated",
     value: function onUserInfoUpdated(roomId, event) {
@@ -1008,50 +889,93 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
     value: function setLocalUserRole(role) {
       this.localUserRole = role;
     }
+  }, {
+    key: "stopLocalPreview",
+    value: function stopLocalPreview(view) {
+      this._deviceStore.stopPlayLocalVideo(view);
+    }
+  }, {
+    key: "startLocalPreview",
+    value: function startLocalPreview(div) {
+      if (div) {
+        this._deviceStore.startPlayLocalVideo(div);
+      }
+    }
+  }, {
+    key: "setAllowChatWithPayload",
+    value: function setAllowChatWithPayload(type) {
+      switch (type) {
+        case 'public':
+          this._securityStore.setAllowedPublicChatAndDisallowedPrivateChat();
+          break;
+        case 'private_to_manager':
+          this._securityStore.setDisallowedPublicChatAndDisallowedPrivateChatToParticipant();
+          break;
+      }
+    }
+  }, {
+    key: "muteAudio",
+    value: function muteAudio(mute, userId) {
+      this._uiEventStore.sendEvent(_constant.UIAction.PARTICIPANT_ACTION, {
+        action: mute ? _constant.ParticipantType.MUTE_AUDIO : _constant.ParticipantType.UNMUTE_AUDIO,
+        userId: userId
+      });
+    }
+  }, {
+    key: "sendParticipantEvent",
+    value: function sendParticipantEvent(payload) {
+      this._uiEventStore.sendEvent(_constant.UIAction.PARTICIPANT_ACTION, payload);
+    }
   }, {
     key: "onEvent",
-    value: function onEvent(action, payload) {
+    value:
+    // onEvent(
+    //   action: UIAction.WHITEBOARD_CHANGED,
+    //   payload: { action: WhiteboardControlbarEvents; payload: boolean },
+    // ): void;
+    function onEvent(action, payload) {
       if (action === _constant.UIAction.UPDATE_ASIDE) {
-        var _ref4 = payload,
-          participant = _ref4.participant,
-          chat = _ref4.chat;
+        var _ref2 = payload,
+          participant = _ref2.participant,
+          chat = _ref2.chat;
         // this._uiEventStore.sendEvent(UIAction.ASIDE_WIDTH_CHANGED, this.asideWidth);
         this.updateAsideContent(participant, chat);
       }
       if (action === _constant.UIAction.TOGGLE_LAYOUT) {
-        var _ref5 = payload,
-          layout = _ref5.layout;
-        this.toggleLayout(layout);
+        var _ref3 = payload,
+          layout = _ref3.layout,
+          manual = _ref3.manual;
+        this.toggleLayout(layout, manual);
       }
       if (action === _constant.UIAction.TOGGLE_LAYOUT_SIZE) {
-        var _ref6 = payload,
-          size = _ref6.size;
+        var _ref4 = payload,
+          size = _ref4.size;
         this.setGalleryMaxSize(size);
       }
       if (action === _constant.UIAction.SET_MAIN_SPEAKER) {
-        var _ref7 = payload,
-          userId = _ref7.userId;
+        var _ref5 = payload,
+          userId = _ref5.userId;
       }
       if (action === _constant.UIAction.SET_USER_PIN_STATE) {
-        var _ref8 = payload,
-          _userId = _ref8.userId;
+        var _ref6 = payload,
+          _userId = _ref6.userId;
         this.handleSetPinState(_userId);
       }
       if (action === _constant.UIAction.TOGGLE_LAYOUT_BAR_LOCK) {
         this.toggleLayoutBarLock(payload);
       }
       if (action === _constant.UIAction.VIDEO_WINDOW_BOUNDS) {
-        var _ref9 = payload,
-          videoWindowPreviewType = _ref9.videoWindowPreviewType;
+        var _ref7 = payload,
+          videoWindowPreviewType = _ref7.videoWindowPreviewType;
         this.videoWindowPreviewType = videoWindowPreviewType;
       }
       if (action === _constant.UIAction.TOGGLE_LAYOUT_ACTIONBAR_HIDDEN) {
         this.toggleLayoutBarHidden();
       }
       if (action === _constant.UIAction.VIDEO_WINDOW_PIN_ACTION) {
-        var _ref10 = payload,
-          _action = _ref10.action,
-          streamId = _ref10.streamId;
+        var _ref8 = payload,
+          _action = _ref8.action,
+          streamId = _ref8.streamId;
         if (_action === _constant.VideoWindowPinType.REMOVE_PIN) {
           this.removePin(streamId);
         } else if (_action === _constant.VideoWindowPinType.ADD_PIN) {
@@ -1059,9 +983,9 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
         }
       }
       if (action === _constant.UIAction.SPOTLIGHT_STREAM_CHANGED) {
-        var _ref11 = payload,
-          type = _ref11.type,
-          _streamId = _ref11.streamId;
+        var _ref9 = payload,
+          type = _ref9.type,
+          _streamId = _ref9.streamId;
         if (type === 'add') {
           this.spotlightStreamId = _streamId;
         } else {
@@ -1069,9 +993,9 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
         }
       }
       if (action === _constant.UIAction.CUSTOM_SETTINGS_CHANGED) {
-        var _ref12 = payload,
-          spotlightEnabled = _ref12.spotlightEnabled,
-          shouldHideNonVideoParticipants = _ref12.shouldHideNonVideoParticipants;
+        var _ref10 = payload,
+          spotlightEnabled = _ref10.spotlightEnabled,
+          shouldHideNonVideoParticipants = _ref10.shouldHideNonVideoParticipants;
         this.shouldHideNonVideoParticipants = shouldHideNonVideoParticipants;
         this.enableSpotlight = spotlightEnabled;
         if (shouldHideNonVideoParticipants) {
@@ -1082,10 +1006,10 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
         }
       }
       if (action === _constant.UIAction.WHITEBOARD_CHANGED) {
-        var _ref13 = payload,
-          changeAction = _ref13.action,
-          isLoneyWindow = _ref13.payload;
-        if (changeAction === _type5.WhiteboardControlbarEvents.LONEYWINDOW) {
+        var _ref11 = payload,
+          changeAction = _ref11.action,
+          isLoneyWindow = _ref11.payload;
+        if (changeAction === _type4.WhiteboardControlbarEvents.LONEYWINDOW) {
           if (isLoneyWindow) {
             this._videoWindowDataSource.removeBoard();
           } else {
@@ -1094,85 +1018,221 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
             this._videoWindowDataSource.addBoard(ownerUser, ownerUserId === this.localUserId, this._securityStore.hasWriteBoardPermission());
           }
         }
-        if (changeAction === _type5.WhiteboardBaseEvents.SET_OWNER_USER_ID) {
-          var _ref14 = payload,
-            _ownerUserId = _ref14.payload;
-          this.ownerUser = _ownerUserId ? this._userControl.getUser(_ownerUserId) : null;
+        if (changeAction === _type4.WhiteboardBaseEvents.SET_OWNER_USER_ID) {
+          var _ref12 = payload,
+            _ownerUserId = _ref12.payload;
+          this.ownerUser = _ownerUserId ? this._userControl.getUser(_ownerUserId) : undefined;
         }
       }
     }
   }, {
-    key: "stopLocalPreview",
-    value: function stopLocalPreview(view) {
-      this._deviceStore.stopPlayLocalVideo(view);
-    }
-  }, {
-    key: "startLocalPreview",
-    value: function startLocalPreview(div) {
-      if (div) {
-        this._deviceStore.startPlayLocalVideo(div);
-      }
+    key: "_addListeners",
+    value: function _addListeners() {
+      var _this5 = this;
+      this._uiEventStore.addObserver({
+        onEvent: this.onEvent
+      });
+      this._streamControl.addObserver({
+        onStreamsAdded: this._onStreamsAdded,
+        onStreamsUpdated: this._onStreamsUpdated,
+        onStreamsRemoved: this._onStreamsRemoved,
+        onStreamVolumeIndicationUpdated: this._onAudioVolumeUpdated
+      });
+      this._userControl.addObserver({
+        onUserInfoUpdated: this.onUserInfoUpdated,
+        onAllUserCountUpdated: this._onAllUserCountUpdated
+      });
+      this._videoWindowDataSource.addObserver({
+        onLayoutUpdated: this._handleLayoutUpdated,
+        onFoldListAdded: this._handleFoldListChanged,
+        onFoldListRemoved: this._handleFoldListChanged,
+        onFoldListUpdated: this._handleFoldListChanged,
+        onMainListAdded: this._handleMainListChanged,
+        onMainListUpdated: this._handleMainListChanged,
+        onMainListRemoved: this._handleMainListChanged,
+        onSpotlightAdded: this._handleSpotlightAdded,
+        onSpotlightRemoved: this._handleSpotlightRemoved
+      });
+      this._whiteBoardControl.addObserver({
+        onActive: function onActive() {
+          return _this5.setWhiteboardActive(true);
+        },
+        onInactive: function onInactive() {
+          return _this5.setWhiteboardActive(false);
+        }
+      });
+      this._chatRoomControl.addObserver(this._chatRoomObserver);
+      this._subscriptions.push((0, _mobx.reaction)(function () {
+        return _this5.mainList.length;
+      }, function (length) {
+        if (length < 2) {
+          if (_this5.layout === _type3.FcrUIVideoWindowLayoutType.Speaker) {
+            _this5.toggleLayout(_type3.FcrUIVideoWindowLayoutType.Gallery);
+          }
+        }
+        _this5._uiEventStore.sendEvent(_constant.UIAction.MAIN_LIST_LENGTH_CHANGED, length);
+      }), (0, _mobx.reaction)(function () {
+        return _this5.whiteboardActive;
+      }, function (opened) {
+        if (opened) {
+          var ownerUserId = _this5._whiteBoardControl.getBoardActiveInfo().ownerUserId;
+          var ownerUser = _this5._userControl.getUser(ownerUserId);
+          _this5._videoWindowDataSource.addBoard(ownerUser, ownerUserId === _this5.localUserId);
+          if (_this5.layout === _type3.FcrUIVideoWindowLayoutType.Gallery) {
+            _this5.toggleLayout(_type3.FcrUIVideoWindowLayoutType.Speaker);
+          }
+        } else {
+          _this5._videoWindowDataSource.removeBoard();
+        }
+      }), (0, _mobx.reaction)(function () {
+        return _this5._securityStore.hasWriteBoardPermission();
+      }, function (canEdit) {
+        if (!_this5.mainList.some(function (u) {
+          return u.type === _type3.FcrUIWindowType.BOARD;
+        })) return;
+        _this5._videoWindowDataSource.updateBoard(canEdit);
+      }), (0, _mobx.reaction)(function () {
+        return _this5.galleryMaxSize;
+      }, function (size) {
+        _this5._uiEventStore.notifyLayoutSizeChanged({
+          size: size
+        });
+      }), (0, _mobx.reaction)(function () {
+        return _this5.asideContent;
+      }, function (asideContent) {
+        if (asideContent.participant || asideContent.chat) {
+          _this5.toggleAside(true);
+        }
+        if (!asideContent.participant && !asideContent.chat) {
+          _this5.toggleAside(false);
+        }
+      }, {
+        fireImmediately: true
+      }), (0, _mobx.reaction)(function () {
+        return {
+          cameraEnabled: _this5._deviceStore.cameraEnabled,
+          cameraId: _this5._deviceStore.cameraId
+        };
+      }, function (_ref13) {
+        var cameraEnabled = _ref13.cameraEnabled,
+          cameraId = _ref13.cameraId;
+        if (!cameraEnabled && _this5._localView) {
+          _this5.stopLocalPreview(_this5._localView);
+        }
+        if (cameraEnabled && cameraId && _this5._localView) {
+          _this5.startLocalPreview(_this5._localView);
+        }
+      }), (0, _mobx.reaction)(function () {
+        return _this5.barLocked;
+      }, function (barLocked) {
+        if (_this5._barLockTimer && barLocked) {
+          _this5.resetLockTimer();
+        } else {
+          _this5.setHoveringHandler();
+        }
+      }), (0, _mobx.reaction)(function () {
+        return _this5._deviceStore.microphoneVolumeLevel;
+      }, function (volume) {
+        (0, _mobx.runInAction)(function () {
+          _this5.userVolumeMap.set('0', volume);
+        });
+      }), (0, _mobx.reaction)(function () {
+        return {
+          count: _this5.participantCount,
+          enableSpotlight: _this5.enableSpotlight
+        };
+      }, function (_ref14) {
+        var count = _ref14.count,
+          enableSpotlight = _ref14.enableSpotlight;
+        var enableSetSpotlight = _this5._isSetSpotlightEnable(count, enableSpotlight);
+        _this5._videoWindowDataSource.setSpotlightEnabled(enableSetSpotlight);
+      }),
+      // 录制的特殊逻辑：
+      // 因为录制机器人不发流，且当前切换布局的逻辑是有多个人的视频窗口才切换到 speaker layout
+      // 所以当房间只有主持人的时候录制机器人的视角不会切换到 speaker layout，故加上以下逻辑
+      (0, _mobx.reaction)(function () {
+        var _this5$currentShareDa;
+        return (_this5$currentShareDa = _this5.currentShareData) === null || _this5$currentShareDa === void 0 ? void 0 : _this5$currentShareDa.hasScreenSharing;
+      }, function (hasScreenSharing) {
+        if (_this5.isRobot) {
+          if (hasScreenSharing) {
+            _this5.logger.info('set layout to speaker for robot');
+            _this5.toggleLayout(_type3.FcrUIVideoWindowLayoutType.Speaker);
+          } else {
+            _this5.logger.info('set layout to gallery for robot');
+            _this5.toggleLayout(_type3.FcrUIVideoWindowLayoutType.Gallery);
+          }
+        }
+      }, {
+        fireImmediately: true
+      }));
     }
   }, {
-    key: "isHostOrCoHost",
-    get: function get() {
-      return this.localUserRole === _type.FcrUserRole.HOST || this.localUserRole === _type.FcrUserRole.COHOST;
+    key: "_handleFoldListChanged",
+    value: function _handleFoldListChanged() {
+      this._uiEventStore.sendEvent(_constant.UIAction.FOLD_LIST_CHANGED, this.foldList);
     }
   }, {
-    key: "setAllowChatWithPayload",
-    value: function setAllowChatWithPayload(type) {
-      switch (type) {
-        case 'public':
-          this._securityStore.setAllowedPublicChatAndDisallowedPrivateChat();
-          break;
-        case 'private_to_manager':
-          this._securityStore.setDisallowedPublicChatAndDisallowedPrivateChatToParticipant();
-          break;
-      }
+    key: "_handleMainListChanged",
+    value: function _handleMainListChanged() {
+      this._uiEventStore.sendEvent(_constant.UIAction.MAIN_LIST_CHANGED, this.mainList);
     }
   }, {
-    key: "allowedAllChat",
-    get: function get() {
-      return this._securityStore.allowedAllChat();
+    key: "_switchToSpeaker",
+    value: function _switchToSpeaker() {
+      this.collapsed = false;
     }
   }, {
-    key: "allowedPublicChatAndDisallowedPrivateChat",
-    get: function get() {
-      return this._securityStore.allowedPublicChatAndDisallowedPrivateChat();
+    key: "_switchToGallery",
+    value: function _switchToGallery() {
+      this.collapsed = true;
     }
   }, {
-    key: "disallowedPublicChatAndDisallowedPrivateChatToParticipant",
-    get: function get() {
-      return this._securityStore.disallowedPublicChatAndDisallowedPrivateChatToParticipant();
+    key: "_setBarHovering",
+    value: function _setBarHovering(state) {
+      this.barHovering = state;
     }
   }, {
-    key: "disallowedAllChat",
-    get: function get() {
-      return this._securityStore.disallowedAllChat();
+    key: "_onAllUserCountUpdated",
+    value: function _onAllUserCountUpdated(_roomId, count) {
+      this.participantCount = count;
     }
   }, {
-    key: "muteAudio",
-    value: function muteAudio(mute, userId) {
-      this._uiEventStore.sendEvent(_constant.UIAction.PARTICIPANT_ACTION, {
-        action: mute ? _constant.ParticipantType.MUTE_AUDIO : _constant.ParticipantType.UNMUTE_AUDIO,
-        userId: userId
+    key: "_initStream",
+    value: function _initStream() {
+      var _this6 = this;
+      var isSharingScreen = false;
+      this._streamControl.getStreamList().forEach(function (stream) {
+        if (stream.videoSourceType === _agoraEduCore.FcrVideoSourceType.SCREEN) {
+          isSharingScreen = true;
+        }
+        _this6._handleStreamAdded(stream);
       });
+      if (isSharingScreen && this.layout === _type3.FcrUIVideoWindowLayoutType.Gallery) {
+        this.toggleLayout(_type3.FcrUIVideoWindowLayoutType.Speaker);
+      }
     }
   }, {
-    key: "sendParticipantEvent",
-    value: function sendParticipantEvent(payload) {
-      this._uiEventStore.sendEvent(_constant.UIAction.PARTICIPANT_ACTION, payload);
+    key: "_isSetSpotlightEnable",
+    value: function _isSetSpotlightEnable(count, enableSpotlight) {
+      var setSpotlightEnable = count > LayoutStore.MIN_USERS_TO_ENABLE_SPOTLIGHT;
+      return setSpotlightEnable && enableSpotlight;
     }
   }, {
-    key: "privilegeOperator",
-    get: function get() {
-      return this._securityStore.privilegeOperator;
+    key: "_handleSpotlightAdded",
+    value: function _handleSpotlightAdded(streamId) {
+      this._uiEventStore.notifySpotlightStreamChanged({
+        type: 'add',
+        streamId: streamId
+      });
     }
   }, {
-    key: "localUserId",
-    get: function get() {
-      var _this$_userControl$ge;
-      return (_this$_userControl$ge = this._userControl.getLocalUser()) === null || _this$_userControl$ge === void 0 ? void 0 : _this$_userControl$ge.userId;
+    key: "_handleSpotlightRemoved",
+    value: function _handleSpotlightRemoved(streamId) {
+      this._uiEventStore.notifySpotlightStreamChanged({
+        type: 'remove',
+        streamId: streamId
+      });
     }
   }, {
     key: "_handleConnectionUpdated",
@@ -1182,9 +1242,9 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_handleStreamAdded",
     value: function _handleStreamAdded(modifiedStream) {
-      if (modifiedStream.videoSourceType === _type2.AgoraRtcVideoSourceType.SCREEN) {
-        if (this.layout === _type4.FcrUIVideoWindowLayoutType.Gallery) {
-          this.toggleLayout(_type4.FcrUIVideoWindowLayoutType.Speaker);
+      if (modifiedStream.videoSourceType === _agoraEduCore.FcrVideoSourceType.SCREEN) {
+        if (this.layout === _type3.FcrUIVideoWindowLayoutType.Gallery) {
+          this.toggleLayout(_type3.FcrUIVideoWindowLayoutType.Speaker);
         }
       }
       this._videoWindowDataSource.add(modifiedStream, modifiedStream.owner.userId === this.getLocalUserId());
@@ -1215,6 +1275,15 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
         var modifiedStream = _ref17.modifiedStream;
         _this9._videoWindowDataSource["delete"](modifiedStream);
       });
+      var hasScreenStream = events === null || events === void 0 ? void 0 : events.find(function (event) {
+        var type = event.modifiedStream.streamType;
+        return type === _type6.AgoraRteMediaStreamType.BOTH || type === _type6.AgoraRteMediaStreamType.VIDEO;
+      });
+      if (hasScreenStream) {
+        this._uiEventStore.sendEvent(_constant.UIAction.TOGGLE_LAYOUT, {
+          layout: this.manualLayout
+        });
+      }
     }
   }, {
     key: "_onAudioVolumeUpdated",
@@ -1245,7 +1314,7 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
   }]);
 }();
 _LayoutStore = LayoutStore;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_LayoutStore, [[_participantDecs, 17, "participant"], [_chatDecs, 17, "chat"], [_chatActionDecs, 17, "chatAction"], [_stateBarDecs, 17, "stateBar"], [_actionBarDecs, 17, "actionBar"], [_layersDecs, 17, "layers"], [_whiteboardDecs, 17, "whiteboard"], [_mobx.observable, 1, "collapsed"], [_mobx.observable, 1, "galleryMaxSize"], [_mobx.observable, 1, "aside"], [_mobx.observable, 1, "asideContent"], [_mobx.observable, 1, "localUserRole"], [_mobx.observable, 1, "barHovering"], [_mobx.observable, 1, "barLocked"], [_mobx.observable, 1, "barHidden"], [_mobx.observable, 1, "asideWidth"], [_mobx.observable, 1, "userVolumeMap"], [_mobx.observable, 1, "chatRoomState"], [_mobx.observable, 1, "videoWindowPreviewType"], [_mobx.observable, 1, "whiteboardActive"], [_mobx.observable, 1, "spotlightStreamId"], [_mobx.observable, 1, "shouldHideNonVideoParticipants"], [_mobx.observable, 1, "participantCount"], [_mobx.observable, 1, "ownerUser"], [_mobx.observable, 1, "localUser"], [_mobx.observable, 1, "documentVisible"], [_mobx.observable, 1, "enableSpotlight"], [_mobx.computed, 3, "layout"], [_mobx.computed, 3, "mainList"], [_mobx.computed, 3, "mainListMapByAudioStreamId"], [_mobx.computed, 3, "foldList"], [_mobx.computed, 3, "galleryList"], [_mobx.computed, 3, "carouselList"], [_mobx.computed, 3, "hasPinnedStream"], [_mobx.computed, 3, "isManager"], [_mobx.computed, 3, "isRobot"], [_mobx.computed, 3, "findSpotlightUser"], [_mobx.computed, 3, "microphoneEnabled"], [_decorator.bound, 2, "_initStream"], [_decorator.bound, 2, "_isSetSpotlightEnable"], [_decorator.bound, 2, "_addListeners"], [_decorator.bound, 2, "_handleSpotlightAdded"], [_decorator.bound, 2, "_handleSpotlightRemoved"], [_decorator.bound, 2, "hasMutePermission"], [_decorator.bound, 2, "hasUnmutePermission"], [_decorator.bound, 2, "hasRequestStartAudioPermission"], [_decorator.bound, 2, "toggleMainStream"], [_decorator.bound, 2, "addPin"], [_decorator.bound, 2, "removePin"], [_decorator.bound, 2, "setVideoOrientation"], [_decorator.bound, 2, "setAllowChat"], [_decorator.bound, 2, "handleSetPinState"], [_setWhiteboardActiveDecs, 18, "setWhiteboardActive"], [_handleFoldListChangedDecs, 18, "_handleFoldListChanged"], [_handleMainListChangedDecs, 18, "_handleMainListChanged"], [_setAsideWidthDecs, 18, "setAsideWidth"], [_setDocumentVisibilityDecs, 18, "setDocumentVisibility"], [_mobx.action, 2, "_switchToSpeaker"], [_mobx.action, 2, "_switchToGallery"], [_updateSlotsDecs, 18, "updateSlots"], [_updateAsideContentDecs, 18, "updateAsideContent"], [_decorator.bound, 2, "closeParticipantFromAside"], [_decorator.bound, 2, "moveParticipantFromAsideToDialog"], [_decorator.bound, 2, "closeChatFromAside"], [_decorator.bound, 2, "closeAsideChat"], [_decorator.bound, 2, "moveChatFromAsideToDialog"], [_decorator.bound, 2, "openPrivateChat"], [_getAllowedOperationsDecs, 18, "getAllowedOperations"], [_toggleLayoutDecs, 18, "toggleLayout"], [_toggleCollapsedDecs, 18, "toggleCollapsed"], [_setGalleryMaxSizeDecs, 18, "setGalleryMaxSize"], [_toggleAsideDecs, 18, "toggleAside"], [_asideWidthChangedDecs, 18, "asideWidthChanged"], [_toggleLayoutBarLockDecs, 18, "toggleLayoutBarLock"], [_toggleLayoutBarHiddenDecs, 18, "toggleLayoutBarHidden"], [_setBarHoveringDecs, 18, "_setBarHovering"], [_resetLockTimerDecs, 18, "resetLockTimer"], [_setHoveringHandlerDecs, 18, "setHoveringHandler"], [_setHoveringLeaveHandlerDecs, 18, "setHoveringLeaveHandler"], [_onAllUserCountUpdatedDecs, 18, "_onAllUserCountUpdated"], [_onUserInfoUpdatedDecs, 18, "onUserInfoUpdated"], [_mobx.action, 2, "setLocalUserRole"], [_decorator.bound, 2, "onEvent"], [_decorator.bound, 2, "stopLocalPreview"], [_decorator.bound, 2, "startLocalPreview"], [_mobx.computed, 3, "isHostOrCoHost"], [_decorator.bound, 2, "setAllowChatWithPayload"], [_decorator.bound, 2, "muteAudio"], [_decorator.bound, 2, "sendParticipantEvent"], [_handleConnectionUpdatedDecs, 18, "_handleConnectionUpdated"], [_decorator.bound, 2, "_handleStreamAdded"], [_decorator.bound, 2, "_onStreamsAdded"], [_decorator.bound, 2, "_onStreamsUpdated"], [_decorator.bound, 2, "_onStreamsRemoved"], [_onAudioVolumeUpdatedDecs, 18, "_onAudioVolumeUpdated"], [_handleLayoutUpdatedDecs, 16, "_handleLayoutUpdated"]], []).e, 29);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_LayoutStore, [[_participantDecs, 17, "participant"], [_chatDecs, 17, "chat"], [_chatActionDecs, 17, "chatAction"], [_stateBarDecs, 17, "stateBar"], [_actionBarDecs, 17, "actionBar"], [_layersDecs, 17, "layers"], [_whiteboardDecs, 17, "whiteboard"], [_mobx.observable, 1, "collapsed"], [_mobx.observable, 1, "galleryMaxSize"], [_mobx.observable, 1, "aside"], [_mobx.observable, 1, "asideContent"], [_mobx.observable, 1, "localUserRole"], [_mobx.observable, 1, "barHovering"], [_mobx.observable, 1, "barLocked"], [_mobx.observable, 1, "barHidden"], [_mobx.observable, 1, "asideWidth"], [_mobx.observable, 1, "userVolumeMap"], [_mobx.observable, 1, "chatRoomState"], [_mobx.observable, 1, "videoWindowPreviewType"], [_mobx.observable, 1, "whiteboardActive"], [_mobx.observable, 1, "spotlightStreamId"], [_mobx.observable, 1, "shouldHideNonVideoParticipants"], [_mobx.observable, 1, "participantCount"], [_mobx.observable, 1, "ownerUser"], [_mobx.observable, 1, "localUser"], [_mobx.observable, 1, "enableSpotlight"], [_mobx.computed, 3, "layout"], [_mobx.computed, 3, "manualLayout"], [_mobx.computed, 3, "mainList"], [_mobx.computed, 3, "mainListMapByAudioStreamId"], [_mobx.computed, 3, "foldList"], [_mobx.computed, 3, "galleryList"], [_mobx.computed, 3, "carouselList"], [_mobx.computed, 3, "hasPinnedStream"], [_mobx.computed, 3, "isManager"], [_mobx.computed, 3, "isRobot"], [_mobx.computed, 3, "findSpotlightUser"], [_mobx.computed, 3, "microphoneEnabled"], [_mobx.computed, 3, "isHostOrCoHost"], [_decorator.bound, 2, "hasMutePermission"], [_decorator.bound, 2, "hasUnmutePermission"], [_decorator.bound, 2, "hasRequestStartAudioPermission"], [_decorator.bound, 2, "toggleMainStream"], [_decorator.bound, 2, "addPin"], [_decorator.bound, 2, "removePin"], [_decorator.bound, 2, "setVideoOrientation"], [_decorator.bound, 2, "setAllowChat"], [_decorator.bound, 2, "handleSetPinState"], [_setWhiteboardActiveDecs, 18, "setWhiteboardActive"], [_setAsideWidthDecs, 18, "setAsideWidth"], [_updateSlotsDecs, 18, "updateSlots"], [_updateAsideContentDecs, 18, "updateAsideContent"], [_decorator.bound, 2, "closeParticipantFromAside"], [_decorator.bound, 2, "moveParticipantFromAsideToDialog"], [_decorator.bound, 2, "closeChatFromAside"], [_decorator.bound, 2, "closeAsideChat"], [_decorator.bound, 2, "moveChatFromAsideToDialog"], [_decorator.bound, 2, "openPrivateChat"], [_getAllowedOperationsDecs, 18, "getAllowedOperations"], [_toggleLayoutDecs, 18, "toggleLayout"], [_toggleCollapsedDecs, 18, "toggleCollapsed"], [_setGalleryMaxSizeDecs, 18, "setGalleryMaxSize"], [_toggleAsideDecs, 18, "toggleAside"], [_asideWidthChangedDecs, 18, "asideWidthChanged"], [_toggleLayoutBarLockDecs, 18, "toggleLayoutBarLock"], [_toggleLayoutBarHiddenDecs, 18, "toggleLayoutBarHidden"], [_resetLockTimerDecs, 18, "resetLockTimer"], [_setHoveringHandlerDecs, 18, "setHoveringHandler"], [_setHoveringLeaveHandlerDecs, 18, "setHoveringLeaveHandler"], [_onUserInfoUpdatedDecs, 18, "onUserInfoUpdated"], [_mobx.action, 2, "setLocalUserRole"], [_decorator.bound, 2, "stopLocalPreview"], [_decorator.bound, 2, "startLocalPreview"], [_decorator.bound, 2, "setAllowChatWithPayload"], [_decorator.bound, 2, "muteAudio"], [_decorator.bound, 2, "sendParticipantEvent"], [_decorator.bound, 2, "onEvent"], [_decorator.bound, 2, "_addListeners"], [_handleFoldListChangedDecs, 18, "_handleFoldListChanged"], [_handleMainListChangedDecs, 18, "_handleMainListChanged"], [_mobx.action, 2, "_switchToSpeaker"], [_mobx.action, 2, "_switchToGallery"], [_setBarHoveringDecs, 18, "_setBarHovering"], [_onAllUserCountUpdatedDecs, 18, "_onAllUserCountUpdated"], [_decorator.bound, 2, "_initStream"], [_decorator.bound, 2, "_isSetSpotlightEnable"], [_decorator.bound, 2, "_handleSpotlightAdded"], [_decorator.bound, 2, "_handleSpotlightRemoved"], [_handleConnectionUpdatedDecs, 18, "_handleConnectionUpdated"], [_decorator.bound, 2, "_handleStreamAdded"], [_decorator.bound, 2, "_onStreamsAdded"], [_decorator.bound, 2, "_onStreamsUpdated"], [_decorator.bound, 2, "_onStreamsRemoved"], [_onAudioVolumeUpdatedDecs, 18, "_onAudioVolumeUpdated"], [_handleLayoutUpdatedDecs, 16, "_handleLayoutUpdated"]], []).e, 28);
 _init_participant = _applyDecs$e[0];
 _init_chat = _applyDecs$e[1];
 _init_chatAction = _applyDecs$e[2];
@@ -1271,8 +1340,7 @@ _init_shouldHideNonVideoParticipants = _applyDecs$e[21];
 _init_participantCount = _applyDecs$e[22];
 _init_ownerUser = _applyDecs$e[23];
 _init_localUser = _applyDecs$e[24];
-_init_documentVisible = _applyDecs$e[25];
-_init_enableSpotlight = _applyDecs$e[26];
-_init__handleLayoutUpdated = _applyDecs$e[27];
-_initProto = _applyDecs$e[28];
+_init_enableSpotlight = _applyDecs$e[25];
+_init__handleLayoutUpdated = _applyDecs$e[26];
+_initProto = _applyDecs$e[27];
 (0, _defineProperty2["default"])(LayoutStore, "MIN_USERS_TO_ENABLE_SPOTLIGHT", 2);