fcr-ui-scene 3.4.1 → 3.4.2

package/lib/modules/layout/store.js

@@ -7,6 +7,7 @@ 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");
@@ -20,34 +21,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.StoreContext = void 0;
-require("core-js/modules/es.array.filter.js");
 require("core-js/modules/es.array.find.js");
 require("core-js/modules/es.array.for-each.js");
-require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.array.push.js");
 require("core-js/modules/es.array.slice.js");
 require("core-js/modules/es.array.some.js");
-require("core-js/modules/es.function.bind.js");
 require("core-js/modules/es.map.js");
-require("core-js/modules/es.object.entries.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.object.values.js");
 require("core-js/modules/es.set.js");
-require("core-js/modules/es.string.includes.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");
@@ -101,24 +92,19 @@ var _type = require("fcr-core/lib/type");
 var _decorator = require("agora-foundation/lib/decorator");
 var _logger = require("agora-foundation/lib/logger");
 var _type2 = require("../video-window/type");
-var _eventStore = require("../../common/event-store");
-var _constant = require("../../utilities/constant");
 var _type3 = require("./type");
-var _Layout = require("./components/Layout");
-var _videoWindowDatasource = require("./video-window-datasource");
 var _type4 = require("../whiteboard/type");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _type5 = require("fcr-core/lib/room-control/chatroom-control/type");
 var _type6 = require("agora-rte-sdk/lib/core/scene/type");
 var _attendee = require("agora-ui-foundation/lib/components/participants/attendee");
 var _type7 = require("fcr-core/lib/room-control/type");
-var _type8 = require("fcr-core/lib/room-control/privilege-control/type");
-var _get = _interopRequireDefault(require("lodash/get"));
-var _parameters = require("../../utilities/parameters");
 var _react = require("react");
 var _mobxUtils = require("mobx-utils");
+var _constant = require("../../utilities/constant");
+var _view = require("./view");
 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_enableSpotlight, _init_isWaitingRoomNotify, _init_interpreterUsers, _init_interpreterState, _notifyParticipantShowWaitingRoomDecs, _setIsWaitingRoomNotifyDecs, _setWhiteboardActiveDecs, _setAsideWidthDecs, _updateSlotsDecs, _updateAsideContentDecs, _toggleLayoutDecs, _toggleCollapsedDecs, _setGalleryMaxSizeDecs, _toggleAsideDecs, _asideWidthChangedDecs, _toggleLayoutBarLockDecs, _toggleLayoutBarHiddenDecs, _resetLockTimerDecs, _setHoveringHandlerDecs, _setHoveringLeaveHandlerDecs, _handleLiveLayoutChangeDecs, _onUserInfoUpdatedDecs, _handleLayoutUpdatedDecs, _init__handleLayoutUpdated, _handleFoldListChangedDecs, _handleMainListChangedDecs, _setBarHoveringDecs, _onAllUserCountUpdatedDecs, _handleConnectionUpdatedDecs, _onAudioVolumeUpdatedDecs, _getInterpreterStateDecs, _ref;
+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_aside, _init_localUserRole, _init_barHovering, _init_barLocked, _init_barHidden, _init_asideWidth, _init_userVolumeMap, _init_chatRoomState, _init_videoWindowPreviewType, _init_whiteboardActive, _init_participantCount, _init_ownerUser, _init_localUser, _setWhiteboardActiveDecs, _setAsideWidthDecs, _updateSlotsDecs, _toggleLayoutDecs, _toggleCollapsedDecs, _toggleAsideDecs, _asideWidthChangedDecs, _toggleLayoutBarLockDecs, _toggleLayoutBarHiddenDecs, _resetLockTimerDecs, _setHoveringHandlerDecs, _setHoveringLeaveHandlerDecs, _handleLiveLayoutChangeDecs, _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; }
@@ -150,35 +136,16 @@ var _R = /*#__PURE__*/new WeakMap();
 var _S = /*#__PURE__*/new WeakMap();
 var _T = /*#__PURE__*/new WeakMap();
 var _U = /*#__PURE__*/new WeakMap();
-var _V = /*#__PURE__*/new WeakMap();
-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();
-var _b = /*#__PURE__*/new WeakMap();
-var _c = /*#__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], _notifyParticipantShowWaitingRoomDecs = [_mobx.action, _mobx.action.bound], _setIsWaitingRoomNotifyDecs = [_mobx.action, _mobx.action.bound], _setWhiteboardActiveDecs = [_mobx.action, _mobx.action.bound], _setAsideWidthDecs = [_mobx.action, _mobx.action.bound], _updateSlotsDecs = [_mobx.action, _mobx.action.bound], _updateAsideContentDecs = [_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], _handleLiveLayoutChangeDecs = [_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], _getInterpreterStateDecs = [_mobx.action, _mobx.action.bound], "logger");
+_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], _toggleLayoutDecs = [_mobx.action, _mobx.action.bound], _toggleCollapsedDecs = [_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], _handleLiveLayoutChangeDecs = [_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,
-      _defaultVideoGalleryS;
+    var _this = this;
     (0, _classCallCheck2["default"])(this, LayoutStore);
     (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, "_disposers", []);
     (0, _defineProperty2["default"])(this, "_barLockTimer", 0);
     (0, _defineProperty2["default"])(this, "_liveStreamState", _type.FcrLiveStreamingState.STOPPED);
-    (0, _defineProperty2["default"])(this, "_chatRoomObserver", {
-      onConnectionStateUpdated: this._handleConnectionUpdated.bind(this)
-    });
-    (0, _defineProperty2["default"])(this, "_waitingRoomUserObserver", {
-      onRemoteUsersLeft: this._handleRemoteWaitingUserLeft.bind(this)
-    });
-    (0, _defineProperty2["default"])(this, "_waitingRoomObserver", {
-      onRoomMessageReceived: this._handleMessageReceived.bind(this)
-    });
     (0, _defineProperty2["default"])(this, "_managerRoleUpdateForToast", new Set([_type.FcrUserRole.HOST, _type.FcrUserRole.COHOST]));
     // Slots
     _classPrivateFieldInitSpec(this, _A, _init_participant(this, null));
@@ -190,33 +157,23 @@ 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));
-    _classPrivateFieldInitSpec(this, _J, _init_aside(this, false));
-    _classPrivateFieldInitSpec(this, _K, _init_asideContent(this, {
-      participant: false,
-      chat: false
-    }));
-    _classPrivateFieldInitSpec(this, _L, _init_localUserRole(this, _type.FcrUserRole.PARTICIPANT));
-    _classPrivateFieldInitSpec(this, _M, _init_barHovering(this, true));
-    _classPrivateFieldInitSpec(this, _N, _init_barLocked(this, true));
-    _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, _type5.FcrChatRoomConnectionState.Disconnected));
-    _classPrivateFieldInitSpec(this, _S, _init_videoWindowPreviewType(this, _type2.FcrVideoWindowPreviewType.SMALL));
-    _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, undefined));
-    _classPrivateFieldInitSpec(this, _Y, _init_localUser(this));
-    _classPrivateFieldInitSpec(this, _Z, _init_enableSpotlight(this, true));
-    _classPrivateFieldInitSpec(this, _a, _init_isWaitingRoomNotify(this, true));
-    _classPrivateFieldInitSpec(this, _b, _init_interpreterUsers(this, []));
-    //  翻译官列表
-    _classPrivateFieldInitSpec(this, _c, _init_interpreterState(this));
+    _classPrivateFieldInitSpec(this, _I, _init_aside(this, false));
+    _classPrivateFieldInitSpec(this, _J, _init_localUserRole(this, _type.FcrUserRole.PARTICIPANT));
+    _classPrivateFieldInitSpec(this, _K, _init_barHovering(this, true));
+    _classPrivateFieldInitSpec(this, _L, _init_barLocked(this, true));
+    _classPrivateFieldInitSpec(this, _M, _init_barHidden(this, false));
+    _classPrivateFieldInitSpec(this, _N, _init_asideWidth(this, _view.MinAsideWidth));
+    _classPrivateFieldInitSpec(this, _O, _init_userVolumeMap(this, new Map()));
+    _classPrivateFieldInitSpec(this, _P, _init_chatRoomState(this, _type5.FcrChatRoomConnectionState.Disconnected));
+    _classPrivateFieldInitSpec(this, _Q, _init_videoWindowPreviewType(this, _type2.FcrVideoWindowPreviewType.SMALL));
+    _classPrivateFieldInitSpec(this, _R, _init_whiteboardActive(this, false));
+    // @observable accessor spotlightStreamId = '';
+    // @observable accessor shouldHideNonVideoParticipants = false;
+    _classPrivateFieldInitSpec(this, _S, _init_participantCount(this, 0));
+    _classPrivateFieldInitSpec(this, _T, _init_ownerUser(this, undefined));
+    _classPrivateFieldInitSpec(this, _U, _init_localUser(this));
     (0, _defineProperty2["default"])(this, "getAllowedOperations", (0, _mobxUtils.computedFn)(function (targetRole, isSelf) {
-      return _this._securityStore.getAllowedOperations(targetRole, isSelf);
+      return _this._privilegeProvider.getAllowedOperations(targetRole, isSelf);
     }));
     (0, _defineProperty2["default"])(this, "_handleLayoutUpdated", _init__handleLayoutUpdated(this, function (layout) {
       if (layout === _type3.FcrUIVideoWindowLayoutType.Speaker) {
@@ -224,9 +181,6 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
       } else if (layout === _type3.FcrUIVideoWindowLayoutType.Gallery) {
         _this._switchToGallery();
       }
-      _this._uiEventStore.notifyLayoutChanged({
-        layout: layout
-      });
     }));
     (0, _defineProperty2["default"])(this, "_setSpotlightStream", function () {
       var spotlightStream = _this._findSpotlightStream();
@@ -234,73 +188,36 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
       var streamId = spotlightStream.streamId;
       _this._videoWindowDataSource.setSpeakerSpotlight(streamId);
     });
-    var userControl = params.userControl,
-      chatRoomControl = params.chatRoomControl,
-      roomControl = params.roomControl,
-      interpreterControl = params.interpreterControl;
-    this._securityStore = params.securityStore;
-    this._deviceStore = params.deviceStore;
-    this._uiEventStore = params.uiEventStore;
-    this._userControl = params.userControl;
-    this._streamControl = params.streamControl;
-    this._chatRoomControl = chatRoomControl;
-    this._whiteBoardControl = params.whiteboardControl;
-    this._privilegeControl = params.privilegeControl;
-    this._interpreterControl = interpreterControl;
+    var roomControl = params.roomControl,
+      chatProvider = params.chatProvider;
+    this._userControl = roomControl.getUserControl();
+    this._streamControl = roomControl.getStreamControl();
+    this._chatRoomControl = roomControl.getChatRoomControl();
+    this._whiteBoardControl = roomControl.getBoardControl();
     this._roomControl = roomControl;
-    var defaultVideoGallerySize = (0, _parameters.getDefaultVideoGallerySize)(params.parameters);
-    if (defaultVideoGallerySize) {
-      defaultVideoGallerySize = Math.min(Math.max(defaultVideoGallerySize, 16), 25);
-    }
-    this.galleryMaxSize = (_defaultVideoGalleryS = defaultVideoGallerySize) !== null && _defaultVideoGalleryS !== void 0 ? _defaultVideoGalleryS : _type3.GalleryMaxSize.Normal;
-    this.interpreterUsers = this._interpreterControl.getInterpreterUserList() || [];
-    this.interpreterState = this.getInterpreterState();
-    this._interpreterControl.addObserver({
-      onInterpreterUsersUpdated: function onInterpreterUsersUpdated(roomId, users) {
-        _this.interpreterUsers = users;
-      },
-      onInterpreterStateUpdated: function onInterpreterStateUpdated() {
-        _this.interpreterState = _this.getInterpreterState();
-        _this.interpreterUsers = _this._interpreterControl.getInterpreterUserList() || [];
-      }
-    });
-    this.localUser = userControl.getLocalUser();
-    params.roomStore.addObserver({
-      onJoinWaitingRoom: function onJoinWaitingRoom(roomControl, securityStore) {
-        var room = roomControl;
-        _this._waitingRoomControl = room;
-        _this._waitingRoomControl.addObserver(_this._waitingRoomObserver);
-        _this._waitingRoomUserControl = room.getUserControl();
-        _this._waitingRoomUserControl.addObserver(_this._waitingRoomUserObserver);
-      }
-    });
-    roomControl.addObserver({
-      onLiveStreamingStateUpdated: function onLiveStreamingStateUpdated(_, state, pageUrl, reason) {
-        _this._liveStreamState = state;
-        if (state === _type.FcrLiveStreamingState.STOPPED && reason === _type7.FcrLiveStreamingStateUpdatedReason.HOSTCHANGED) {
-          _this._uiEventStore.showToast({
-            type: 'info',
-            message: (0, _i18n.transI18n)('fmt_broadcast_livestream_tips_hand_over_pc_to_mobile')
-          });
-        }
-      }
-    });
+    this._sharedLayoutDataSource = params.sharedLayoutDataSource;
+    this._eventProvider = params.eventProvider;
+    this._deviceProvider = params.deviceProvider;
+    this._privilegeProvider = params.privilegeProvider;
+    this._sharedSettingDataSource = params.sharedSettingDataSource;
+    this._sharedInterpreterDataSource = params.sharedInterpreterDataSource;
+    this._sharedSettingDataSource = params.sharedSettingDataSource;
+    this._chatProvider = chatProvider;
+    this._videoWindowDataSource = params.sharedVideoWindowDataSource;
+    this.localUser = this._userControl.getLocalUser();
+    this.chatRoomState = this._chatRoomControl.getConnectionState();
     this._addListeners();
     //@ts-ignore
     window.layoutStore = this;
-    this.setLocalUserRole(userControl.getLocalUser().userRole);
+    this.setLocalUserRole(this._userControl.getLocalUser().userRole);
     this._initStream();
     this._handleFoldListChanged();
     this._handleMainListChanged();
     this._handleLayoutUpdated(this._videoWindowDataSource.layoutType);
     this.setWhiteboardActive(this._whiteBoardControl.getBoardActiveInfo().isActive);
     (0, _mobx.runInAction)(function () {
-      _this.participantCount = userControl.getAllUserCount();
+      _this.participantCount = _this._userControl.getAllUserCount();
     });
-    if (this.isRobot) {
-      this.updateAsideContent(false, true);
-    }
-    (0, _parameters.getDefaultVideoGallerySize)(params.parameters);
   }
   return (0, _createClass2["default"])(LayoutStore, [{
     key: "participant",
@@ -367,7 +284,7 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_H, this, v);
     }
   }, {
-    key: "galleryMaxSize",
+    key: "aside",
     get: function get() {
       return _classPrivateFieldGet(_I, this);
     },
@@ -375,7 +292,7 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_I, this, v);
     }
   }, {
-    key: "aside",
+    key: "localUserRole",
     get: function get() {
       return _classPrivateFieldGet(_J, this);
     },
@@ -383,7 +300,7 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_J, this, v);
     }
   }, {
-    key: "asideContent",
+    key: "barHovering",
     get: function get() {
       return _classPrivateFieldGet(_K, this);
     },
@@ -391,7 +308,7 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_K, this, v);
     }
   }, {
-    key: "localUserRole",
+    key: "barLocked",
     get: function get() {
       return _classPrivateFieldGet(_L, this);
     },
@@ -399,7 +316,7 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_L, this, v);
     }
   }, {
-    key: "barHovering",
+    key: "barHidden",
     get: function get() {
       return _classPrivateFieldGet(_M, this);
     },
@@ -407,7 +324,7 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_M, this, v);
     }
   }, {
-    key: "barLocked",
+    key: "asideWidth",
     get: function get() {
       return _classPrivateFieldGet(_N, this);
     },
@@ -415,7 +332,7 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_N, this, v);
     }
   }, {
-    key: "barHidden",
+    key: "userVolumeMap",
     get: function get() {
       return _classPrivateFieldGet(_O, this);
     },
@@ -423,7 +340,7 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_O, this, v);
     }
   }, {
-    key: "asideWidth",
+    key: "chatRoomState",
     get: function get() {
       return _classPrivateFieldGet(_P, this);
     },
@@ -431,7 +348,7 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_P, this, v);
     }
   }, {
-    key: "userVolumeMap",
+    key: "videoWindowPreviewType",
     get: function get() {
       return _classPrivateFieldGet(_Q, this);
     },
@@ -439,7 +356,7 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_Q, this, v);
     }
   }, {
-    key: "chatRoomState",
+    key: "whiteboardActive",
     get: function get() {
       return _classPrivateFieldGet(_R, this);
     },
@@ -447,7 +364,7 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_R, this, v);
     }
   }, {
-    key: "videoWindowPreviewType",
+    key: "participantCount",
     get: function get() {
       return _classPrivateFieldGet(_S, this);
     },
@@ -455,7 +372,7 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_S, this, v);
     }
   }, {
-    key: "whiteboardActive",
+    key: "ownerUser",
     get: function get() {
       return _classPrivateFieldGet(_T, this);
     },
@@ -463,7 +380,7 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_T, this, v);
     }
   }, {
-    key: "spotlightStreamId",
+    key: "localUser",
     get: function get() {
       return _classPrivateFieldGet(_U, this);
     },
@@ -471,88 +388,29 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_U, this, v);
     }
   }, {
-    key: "shouldHideNonVideoParticipants",
-    get: function get() {
-      return _classPrivateFieldGet(_V, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_V, this, v);
-    }
-  }, {
-    key: "participantCount",
-    get: function get() {
-      return _classPrivateFieldGet(_W, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_W, this, v);
-    }
-  }, {
-    key: "ownerUser",
+    key: "streamControl",
     get: function get() {
-      return _classPrivateFieldGet(_X, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_X, this, v);
+      return this._streamControl;
     }
   }, {
-    key: "localUser",
+    key: "shouldHideNonVideoParticipants",
     get: function get() {
-      return _classPrivateFieldGet(_Y, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_Y, this, v);
+      return this._sharedSettingDataSource.setting.shouldHideNonVideoParticipants || false;
     }
   }, {
     key: "enableSpotlight",
     get: function get() {
-      return _classPrivateFieldGet(_Z, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_Z, this, v);
-    }
-  }, {
-    key: "isWaitingRoomNotify",
-    get: function get() {
-      return _classPrivateFieldGet(_a, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_a, this, v);
-    }
-  }, {
-    key: "interpreterUsers",
-    get: function get() {
-      return _classPrivateFieldGet(_b, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_b, this, v);
-    }
-  }, {
-    key: "interpreterState",
-    get: function get() {
-      return _classPrivateFieldGet(_c, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_c, this, v);
-    }
-  }, {
-    key: "deviceStore",
-    get: function get() {
-      return this._deviceStore;
-    }
-  }, {
-    key: "streamControl",
-    get: function get() {
-      return this._streamControl;
+      return this._sharedSettingDataSource.setting.spotlightEnabled;
     }
   }, {
     key: "isWaterMarkEnabled",
     get: function get() {
-      return this._securityStore.isWaterMarkEnabled();
+      return this._privilegeProvider.isWaterMarkEnabled();
     }
   }, {
     key: "isMulti",
     get: function get() {
-      return this._securityStore.isMulti();
+      return this._privilegeProvider.isMulti();
     }
   }, {
     key: "layout",
@@ -567,20 +425,7 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "mainList",
     get: function get() {
-      var _this2 = this;
-      var sourceList = this._videoWindowDataSource.mainList.filter(function (i) {
-        return !i.isMySelf || i.videoSourceType !== _fcrCore.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 === _fcrCore.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'));
-        }
-        return visible;
-      }) : sourceList;
+      return this._videoWindowDataSource.layoutMainList;
     }
   }, {
     key: "mainListMapByAudioStreamId",
@@ -595,6 +440,11 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
       });
       return map;
     }
+  }, {
+    key: "spotlightStreamId",
+    get: function get() {
+      return this._videoWindowDataSource.spotlightStreamId;
+    }
   }, {
     key: "foldList",
     get: function get() {
@@ -612,6 +462,12 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
     get: function get() {
       return this._videoWindowDataSource.layoutType === _type3.FcrUIVideoWindowLayoutType.Speaker ? this.mainList.slice(0, 1) : this.mainList;
     }
+  }, {
+    key: "asideLayout",
+    get: function get() {
+      var _this$_sharedLayoutDa;
+      return (_this$_sharedLayoutDa = this._sharedLayoutDataSource) === null || _this$_sharedLayoutDa === void 0 ? void 0 : _this$_sharedLayoutDa.asideLayout;
+    }
   }, {
     key: "carouselList",
     get: function get() {
@@ -637,60 +493,66 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "findSpotlightUser",
     get: function get() {
-      var _this3 = this;
+      var _this2 = this;
       return this.spotlightStreamId ? this.mainList.find(function (item) {
-        return item.videoStreamId === _this3.spotlightStreamId || item.audioStreamId === _this3.spotlightStreamId;
+        return item.videoStreamId === _this2.spotlightStreamId || item.audioStreamId === _this2.spotlightStreamId;
       }) : null;
     }
   }, {
     key: "microphoneEnabled",
     get: function get() {
-      return this._deviceStore.microphoneEnabled;
+      return this._deviceProvider.microphoneEnabled;
     }
   }, {
     key: "allowChat",
     get: function get() {
-      return this._securityStore.allowChat();
+      return this._privilegeProvider.allowChat();
     }
   }, {
     key: "allowUnmuteSelfAudio",
     get: function get() {
-      return this._securityStore.allowUnmuteSelfAudio();
+      return this._privilegeProvider.allowUnmuteSelfAudio();
     }
   }, {
     key: "allowUnmuteSelfVideo",
     get: function get() {
-      return this._securityStore.allowUnmuteSelfVideo();
+      return this._privilegeProvider.allowUnmuteSelfVideo();
     }
   }, {
     key: "isHostOrCoHost",
     get: function get() {
       return this.localUserRole === _type.FcrUserRole.HOST || this.localUserRole === _type.FcrUserRole.COHOST;
     }
+  }, {
+    key: "galleryMaxSize",
+    get: function get() {
+      var _this$_sharedLayoutDa2;
+      return (_this$_sharedLayoutDa2 = this._sharedLayoutDataSource) === null || _this$_sharedLayoutDa2 === void 0 ? void 0 : _this$_sharedLayoutDa2.layoutSize;
+    }
   }, {
     key: "allowedAllChat",
     get: function get() {
-      return this._securityStore.allowedAllChat();
+      return this._privilegeProvider.allowedAllChat();
     }
   }, {
     key: "allowedPublicChatAndDisallowedPrivateChat",
     get: function get() {
-      return this._securityStore.allowedPublicChatAndDisallowedPrivateChat();
+      return this._privilegeProvider.allowedPublicChatAndDisallowedPrivateChat();
     }
   }, {
     key: "disallowedPublicChatAndDisallowedPrivateChatToParticipant",
     get: function get() {
-      return this._securityStore.disallowedPublicChatAndDisallowedPrivateChatToParticipant();
+      return this._privilegeProvider.disallowedPublicChatAndDisallowedPrivateChatToParticipant();
     }
   }, {
     key: "disallowedAllChat",
     get: function get() {
-      return this._securityStore.disallowedAllChat();
+      return this._privilegeProvider.disallowedAllChat();
     }
   }, {
     key: "privilegeOperator",
     get: function get() {
-      return this._securityStore.privilegeOperator;
+      return this._privilegeProvider.privilegeOperator;
     }
   }, {
     key: "localUserId",
@@ -699,37 +561,49 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
       return (_this$_userControl$ge = this._userControl.getLocalUser()) === null || _this$_userControl$ge === void 0 ? void 0 : _this$_userControl$ge.userId;
     }
   }, {
-    key: "getWaterMarkContent",
-    value: function getWaterMarkContent() {
-      return this._securityStore.getWaterMarkContent();
+    key: "interpreterUsers",
+    get: function get() {
+      return this._sharedInterpreterDataSource.interpreterUsers;
+    }
+  }, {
+    key: "interpreterState",
+    get: function get() {
+      return this._sharedInterpreterDataSource.interpreterOff;
+    }
+  }, {
+    key: "asideContent",
+    get: function get() {
+      return this._sharedLayoutDataSource.asideLayout;
     }
   }, {
-    key: "notifyParticipantShowWaitingRoom",
-    value: function notifyParticipantShowWaitingRoom() {
-      this._uiEventStore.sendEvent(_constant.UIAction.TOGGLE_PARTICIPANT_TAB, _constant.RoomType.WAITING_ROOM);
-      this._uiEventStore.sendEvent(_constant.UIAction.CHANGE_PARTICIPANT_TAB, _constant.RoomType.WAITING_ROOM);
-      this._uiEventStore.sendEvent(_constant.UIAction.COLSE_NOTIFICATION, _eventStore.NotificationContentType.WAITING_ROOM);
+    key: "participantsRenderAt",
+    get: function get() {
+      return this._sharedLayoutDataSource.participantsRenderAt;
+    }
+  }, {
+    key: "chatRenderAt",
+    get: function get() {
+      return this._sharedLayoutDataSource.chatRenderAt;
     }
   }, {
-    key: "setIsWaitingRoomNotify",
-    value: function setIsWaitingRoomNotify() {
-      this.isWaitingRoomNotify = false;
-      this._uiEventStore.sendEvent(_constant.UIAction.COLSE_NOTIFICATION, _eventStore.NotificationContentType.WAITING_ROOM);
+    key: "getWaterMarkContent",
+    value: function getWaterMarkContent() {
+      return this._privilegeProvider.getWaterMarkContent();
     }
   }, {
     key: "hasMutePermission",
     value: function hasMutePermission(targetRole) {
-      return this._securityStore.hasMutePermission(targetRole);
+      return this._privilegeProvider.hasMutePermission(targetRole);
     }
   }, {
     key: "hasUnmutePermission",
     value: function hasUnmutePermission(targetRole) {
-      return this._securityStore.hasUnmutePermission(targetRole);
+      return this._privilegeProvider.hasUnmutePermission(targetRole);
     }
   }, {
     key: "hasRequestStartAudioPermission",
     value: function hasRequestStartAudioPermission(targetRole) {
-      return this._securityStore.hasRequestStartAudioPermission(targetRole);
+      return this._privilegeProvider.hasRequestStartAudioPermission(targetRole);
     }
   }, {
     key: "toggleMainStream",
@@ -744,48 +618,23 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "addPin",
     value: function addPin(streamId) {
-      if (this.shouldHideNonVideoParticipants) {
-        var stream = this.mainList.find(function (u) {
-          return u.windowId === streamId;
-        });
-        if (!(stream !== null && stream !== void 0 && stream.hasVideoStream)) {
-          this._uiEventStore.showToast({
-            type: 'error',
-            message: (0, _i18n.transI18n)('fmt_internalsetting_other_hide_no_video_pin_cancelled')
-          });
-          return;
-        }
-      }
-      var success = this._videoWindowDataSource.addPin(streamId);
-      if (success) {
-        this._uiEventStore.showToast({
-          type: 'normal',
-          message: (0, _i18n.transI18n)('fmt_settings_tips_screenlocked')
-        });
-        if (this.layout === _type3.FcrUIVideoWindowLayoutType.Gallery) {
-          this.toggleLayout(_type3.FcrUIVideoWindowLayoutType.Speaker);
-        }
-      }
+      this._videoWindowDataSource.addPinToast(streamId);
     }
   }, {
     key: "removePin",
     value: function removePin(streamId) {
       var toastText = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : (0, _i18n.transI18n)('fmt_settings_tips_screenunlock');
-      this._videoWindowDataSource.removePin(streamId);
-      this._uiEventStore.showToast({
-        type: 'normal',
-        message: toastText
-      });
+      this._videoWindowDataSource.removePinToast(streamId, toastText);
     }
   }, {
     key: "setVideoOrientation",
     value: function setVideoOrientation() {
-      this._deviceStore.setVideoOrientation();
+      this._deviceProvider.setVideoOrientation();
     }
   }, {
     key: "setAllowChat",
     value: function setAllowChat(allowChat) {
-      this._securityStore.setAllowChat(allowChat);
+      this._privilegeProvider.setAllowChat(allowChat);
     }
   }, {
     key: "handleSetPinState",
@@ -807,9 +656,8 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
     value: function setWhiteboardActive(active) {
       this.whiteboardActive = active;
       if (!active && this.manualLayout) {
-        this._uiEventStore.sendEvent(_constant.UIAction.TOGGLE_LAYOUT, {
-          layout: this.manualLayout
-        });
+        this._videoWindowDataSource.setLayout(this.manualLayout);
+        // this._sharedLayoutDataSource.toggleLayout(this.manualLayout);
       }
     }
   }, {
@@ -839,21 +687,10 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
         }
       }
     }
-  }, {
-    key: "updateAsideContent",
-    value: function updateAsideContent(participant, chat) {
-      if (participant === undefined) participant = this.asideContent.participant;
-      if (chat === undefined) chat = this.asideContent.chat;
-      if (participant === this.asideContent.participant && chat === this.asideContent.chat) return;
-      this.asideContent = {
-        participant: participant,
-        chat: chat
-      };
-    }
   }, {
     key: "closeParticipantFromAside",
     value: function closeParticipantFromAside() {
-      this._uiEventStore.updateAside({
+      this._sharedLayoutDataSource.setAsideLayout({
         participant: false
       });
     }
@@ -861,12 +698,13 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
     key: "moveParticipantFromAsideToDialog",
     value: function moveParticipantFromAsideToDialog() {
       this.closeParticipantFromAside();
-      this._uiEventStore.openDialog(_constant.DialogKey.PARTICIPANT);
+      this._sharedLayoutDataSource.setParticipantsRenderAt('dialog');
+      this._eventProvider.openDialog(_constant.FcrUIDialogKey.PARTICIPANT);
     }
   }, {
     key: "closeChatFromAside",
     value: function closeChatFromAside() {
-      this._uiEventStore.updateAside({
+      this._sharedLayoutDataSource.setAsideLayout({
         chat: false
       });
     }
@@ -874,33 +712,40 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
     key: "closeAsideChat",
     value: function closeAsideChat() {
       this.closeChatFromAside();
-      this._uiEventStore.notifyChatResetTarget();
+      this._eventProvider.notifyChatResetTarget();
     }
   }, {
     key: "moveChatFromAsideToDialog",
     value: function moveChatFromAsideToDialog() {
       this.closeChatFromAside();
-      this._uiEventStore.openDialog(_constant.DialogKey.CHAT);
+      this._sharedLayoutDataSource.setChatRenderAt('dialog');
+      this._eventProvider.openDialog(_constant.FcrUIDialogKey.CHAT);
+      this._sharedLayoutDataSource.setAsideLayout({
+        chat: true
+      });
     }
   }, {
     key: "openPrivateChat",
     value: function openPrivateChat(userId) {
       var _this$_userControl;
-      if (!this._securityStore.permitPrivateChat(userId)) {
+      if (!this._privilegeProvider.permitPrivateChat(userId)) {
         return;
       }
-      this._uiEventStore.updateAside({
-        chat: true
-      });
+      if (!this.asideContent.chat) {
+        this._sharedLayoutDataSource.setAsideLayout({
+          chat: true
+        });
+      }
       var user = Object.values(this === null || this === void 0 || (_this$_userControl = this._userControl) === null || _this$_userControl === void 0 ? void 0 : _this$_userControl.getUsers()).find(function (u) {
         return u.userId === userId;
       });
-      user && this._uiEventStore.notifyChatUpdateTarget(user, _constant.RoomType.MAIN_ROOM);
+      // user && this._eventProvider.notifyChatUpdateTarget(user, FcrRoomType.Mainroom);
+      user && this._chatProvider.setPrivateChatTargetUser(user, _type7.FcrRoomType.Mainroom);
     }
   }, {
     key: "openRenameDialog",
     value: function openRenameDialog(userId) {
-      this._uiEventStore.sendEvent(_constant.UIAction.PARTICIPANT_ACTION, {
+      this._eventProvider.sendEvent(_constant.FcrUIAction.PARTICIPANT_ACTION, {
         action: _attendee.ParticipantActionType.RENAME_IN_MEETING,
         userId: userId
       });
@@ -915,12 +760,7 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
     value: function toggleCollapsed() {
       var collapsed = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : !this.collapsed;
       this.collapsed = collapsed;
-      this._uiEventStore.sendEvent(_constant.UIAction.CAROUSEL_COLLAPSED, collapsed);
-    }
-  }, {
-    key: "setGalleryMaxSize",
-    value: function setGalleryMaxSize(size) {
-      this.galleryMaxSize = size;
+      this._eventProvider.sendEvent(_constant.FcrUIAction.CAROUSEL_COLLAPSED, collapsed);
     }
   }, {
     key: "toggleAside",
@@ -931,7 +771,7 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "asideWidthChanged",
     value: function asideWidthChanged(width) {
-      this._uiEventStore.sendEvent(_constant.UIAction.ASIDE_WIDTH_CHANGED, width);
+      this._eventProvider.sendEvent(_constant.FcrUIAction.ASIDE_WIDTH_CHANGED, width);
     }
   }, {
     key: "toggleLayoutBarLock",
@@ -953,12 +793,12 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "setHoveringHandler",
     value: function setHoveringHandler() {
-      var _this4 = this;
+      var _this3 = this;
       this._setBarHovering(true);
       if (!this._barLockTimer && !this.barLocked) {
         this._barLockTimer = window.setTimeout(function () {
-          _this4._setBarHovering(false);
-          _this4.resetLockTimer();
+          _this3._setBarHovering(false);
+          _this3.resetLockTimer();
         }, 3000);
       }
     }
@@ -981,44 +821,21 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "release",
     value: function release() {
-      this._subscriptions.forEach(function (fn) {
+      this._disposers.forEach(function (fn) {
         return fn();
       });
-      this._chatRoomControl.removeObserver(this._chatRoomObserver);
+      this._disposers = [];
     }
   }, {
     key: "onUserInfoUpdated",
     value: function onUserInfoUpdated(roomId, event) {
-      var _this5 = this;
+      var _this4 = this;
       this._videoWindowDataSource.update(event.modifiedUser);
       this.setLocalUserRole(this._userControl.getLocalUser().userRole);
       this.handleLiveLayoutChange(event.modifiedUser);
-      if (this._managerRoleUpdateForToast.has(event.modifiedUser.userRole) && event.reason === _type6.AgoraRteUserUpdatedReason.ROLE) {
-        var userName = event.modifiedUser.userName;
-        var isMe = event.modifiedUser.userId === this.getLocalUserId();
-        var toastContent = function toastContent() {
-          var contentText = '';
-          if (event.modifiedUser.userRole === _type.FcrUserRole.HOST) {
-            contentText = isMe ? (0, _i18n.transI18n)('fmt_attendies_tips_mine_new_host', {
-              reason1: userName
-            }) : (0, _i18n.transI18n)('fmt_attendies_tips_new_host', {
-              reason1: userName
-            });
-          } else if (event.modifiedUser.userRole === _type.FcrUserRole.COHOST) {
-            contentText = isMe ? (0, _i18n.transI18n)('fmt_attendies_tips_mine_new_co_host') : (0, _i18n.transI18n)('fmt_attendies_tips_new_co_host', {
-              reason1: userName
-            });
-          }
-          return contentText;
-        };
-        this._uiEventStore.showToast({
-          type: 'info',
-          message: toastContent()
-        });
-      }
       if (event.reason === _type6.AgoraRteUserUpdatedReason.NAME) {
         setTimeout(function () {
-          _this5.localUser = _this5._userControl.getLocalUser();
+          _this4.localUser = _this4._userControl.getLocalUser();
         }, 1000);
       }
     }
@@ -1030,13 +847,13 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "stopLocalPreview",
     value: function stopLocalPreview(view) {
-      this._deviceStore.stopPlayLocalVideo(view);
+      this._deviceProvider.stopPlayLocalVideo(view);
     }
   }, {
     key: "startLocalPreview",
     value: function startLocalPreview(div) {
       if (div) {
-        this._deviceStore.startPlayLocalVideo(div);
+        this._deviceProvider.startPlayLocalVideo(div);
       }
     }
   }, {
@@ -1044,17 +861,17 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
     value: function setAllowChatWithPayload(type) {
       switch (type) {
         case 'public':
-          this._securityStore.setAllowedPublicChatAndDisallowedPrivateChat();
+          this._privilegeProvider.setAllowedPublicChatAndDisallowedPrivateChat();
           break;
         case 'private_to_manager':
-          this._securityStore.setDisallowedPublicChatAndDisallowedPrivateChatToParticipant();
+          this._privilegeProvider.setDisallowedPublicChatAndDisallowedPrivateChatToParticipant();
           break;
       }
     }
   }, {
     key: "muteAudio",
     value: function muteAudio(mute, userId) {
-      this._uiEventStore.sendEvent(_constant.UIAction.PARTICIPANT_ACTION, {
+      this._eventProvider.sendEvent(_constant.FcrUIAction.PARTICIPANT_ACTION, {
         action: mute ? _attendee.ParticipantActionType.MUTE_AUDIO : _attendee.ParticipantActionType.UNMUTE_AUDIO,
         userId: userId
       });
@@ -1062,97 +879,54 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "sendParticipantEvent",
     value: function sendParticipantEvent(payload) {
-      this._uiEventStore.sendEvent(_constant.UIAction.PARTICIPANT_ACTION, payload);
+      this._eventProvider.sendEvent(_constant.FcrUIAction.PARTICIPANT_ACTION, payload);
     }
+
+    // onEvent(action: FcrUIAction.UPDATE_ASIDE, payload: FcrUIUpdateAsideParams): void;
   }, {
     key: "onEvent",
     value:
     // onEvent(
-    //   action: UIAction.WHITEBOARD_CHANGED,
+    //   action: FcrUIAction.WHITEBOARD_CHANGED,
     //   payload: { action: WhiteboardControlbarEvents; payload: boolean },
     // ): void;
     function onEvent(action, payload) {
-      if (action === _constant.UIAction.UPDATE_ASIDE) {
+      if (action === _constant.FcrUIAction.SET_MAIN_SPEAKER) {
         var _ref2 = payload,
-          participant = _ref2.participant,
-          chat = _ref2.chat;
-        // this._uiEventStore.sendEvent(UIAction.ASIDE_WIDTH_CHANGED, this.asideWidth);
-        this.updateAsideContent(participant, chat);
+          userId = _ref2.userId;
       }
-      if (action === _constant.UIAction.TOGGLE_LAYOUT) {
+      if (action === _constant.FcrUIAction.SET_USER_PIN_STATE) {
         var _ref3 = payload,
-          layout = _ref3.layout,
-          manual = _ref3.manual;
-        this.toggleLayout(layout, manual);
-      }
-      if (action === _constant.UIAction.TOGGLE_LAYOUT_SIZE) {
-        var _ref4 = payload,
-          size = _ref4.size;
-        this.setGalleryMaxSize(size);
-      }
-      if (action === _constant.UIAction.SET_MAIN_SPEAKER) {
-        var _ref5 = payload,
-          userId = _ref5.userId;
-      }
-      if (action === _constant.UIAction.SET_USER_PIN_STATE) {
-        var _ref6 = payload,
-          _userId = _ref6.userId;
+          _userId = _ref3.userId;
         this.handleSetPinState(_userId);
       }
-      if (action === _constant.UIAction.TOGGLE_LAYOUT_BAR_LOCK) {
+      if (action === _constant.FcrUIAction.TOGGLE_LAYOUT_BAR_LOCK) {
         this.toggleLayoutBarLock(payload);
       }
-      if (action === _constant.UIAction.VIDEO_WINDOW_BOUNDS) {
-        var _ref7 = payload,
-          videoWindowPreviewType = _ref7.videoWindowPreviewType;
+      if (action === _constant.FcrUIAction.VIDEO_WINDOW_BOUNDS) {
+        var _ref4 = payload,
+          videoWindowPreviewType = _ref4.videoWindowPreviewType;
         this.videoWindowPreviewType = videoWindowPreviewType;
       }
-      if (action === _constant.UIAction.TOGGLE_LAYOUT_ACTIONBAR_HIDDEN) {
+      if (action === _constant.FcrUIAction.TOGGLE_LAYOUT_ACTIONBAR_HIDDEN) {
         this.toggleLayoutBarHidden();
       }
-      if (action === _constant.UIAction.VIDEO_WINDOW_PIN_ACTION) {
-        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) {
-          this.addPin(streamId);
-        }
-      }
-      if (action === _constant.UIAction.SPOTLIGHT_STREAM_CHANGED) {
-        var _ref9 = payload,
-          type = _ref9.type,
-          _streamId = _ref9.streamId;
-        if (type === 'add') {
-          this.spotlightStreamId = _streamId;
-        } else {
-          this.spotlightStreamId = '';
-        }
-      }
-      if (action === _constant.UIAction.CUSTOM_SETTINGS_CHANGED) {
-        var _ref10 = payload,
-          spotlightEnabled = _ref10.spotlightEnabled,
-          shouldHideNonVideoParticipants = _ref10.shouldHideNonVideoParticipants;
-        this.shouldHideNonVideoParticipants = shouldHideNonVideoParticipants;
-        this.enableSpotlight = spotlightEnabled;
-      }
-      if (action === _constant.UIAction.WHITEBOARD_CHANGED) {
-        var _ref11 = payload,
-          changeAction = _ref11.action,
-          isLoneyWindow = _ref11.payload;
+      if (action === _constant.FcrUIAction.WHITEBOARD_CHANGED) {
+        var _ref5 = payload,
+          changeAction = _ref5.action,
+          isLoneyWindow = _ref5.payload;
         if (changeAction === _type4.WhiteboardControlbarEvents.LONEYWINDOW) {
           if (isLoneyWindow) {
             this._videoWindowDataSource.removeBoard();
           } else {
             var ownerUserId = this._whiteBoardControl.getBoardActiveInfo().ownerUserId;
             var ownerUser = this._userControl.getUser(ownerUserId);
-            this._videoWindowDataSource.addBoard(ownerUser, ownerUserId === this.localUserId, this._securityStore.hasWriteBoardPermission());
+            this._videoWindowDataSource.addBoard(ownerUser, ownerUserId === this.localUserId, this._privilegeProvider.hasWriteBoardPermission());
           }
         }
         if (changeAction === _type4.WhiteboardBaseEvents.SET_OWNER_USER_ID) {
-          var _ref12 = payload,
-            _ownerUserId = _ref12.payload;
+          var _ref6 = payload,
+            _ownerUserId = _ref6.payload;
           this.ownerUser = _ownerUserId ? this._userControl.getUser(_ownerUserId) : undefined;
         }
       }
@@ -1160,139 +934,151 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_addListeners",
     value: function _addListeners() {
-      var _this6 = this;
-      this._uiEventStore.addObserver({
+      var _this5 = this;
+      var chatRoomObserver = {
+        onConnectionStateUpdated: this._handleConnectionUpdated
+      };
+      var roomObserver = {
+        onLiveStreamingStateUpdated: this._handleLiveStreamingStateUpdated
+      };
+      var eventObserver = {
         onEvent: this.onEvent
-      });
-      this._streamControl.addObserver({
+      };
+      var streamObserver = {
         onStreamsAdded: this._onStreamsAdded,
         onStreamsUpdated: this._onStreamsUpdated,
         onStreamsRemoved: this._onStreamsRemoved,
         onStreamVolumeIndicationUpdated: this._onAudioVolumeUpdated
-      });
-      this._userControl.addObserver({
+      };
+      var userObserver = {
         onUserInfoUpdated: this.onUserInfoUpdated,
         onAllUserCountUpdated: this._onAllUserCountUpdated
-      });
-      this._videoWindowDataSource.addObserver({
+      };
+      var videoWindowObserver = {
         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({
+        onMainListRemoved: this._handleMainListChanged
+      };
+      var whiteboardObserver = {
         onActive: function onActive() {
-          return _this6.setWhiteboardActive(true);
+          return _this5.setWhiteboardActive(true);
         },
         onInactive: function onInactive() {
-          return _this6.setWhiteboardActive(false);
+          return _this5.setWhiteboardActive(false);
         }
-      });
-      this._chatRoomControl.addObserver(this._chatRoomObserver);
-      this._subscriptions.push((0, _mobx.reaction)(function () {
-        return _this6.mainList.length;
+      };
+      this._roomControl.addObserver(roomObserver);
+      this._eventProvider.addObserver(eventObserver);
+      this._streamControl.addObserver(streamObserver);
+      this._userControl.addObserver(userObserver);
+      this._videoWindowDataSource.addObserver(videoWindowObserver);
+      this._whiteBoardControl.addObserver(whiteboardObserver);
+      this._chatRoomControl.addObserver(chatRoomObserver);
+      this._disposers.push(function () {
+        _this5._roomControl.addObserver(roomObserver);
+        _this5._eventProvider.addObserver(eventObserver);
+        _this5._streamControl.addObserver(streamObserver);
+        _this5._userControl.addObserver(userObserver);
+        _this5._videoWindowDataSource.addObserver(videoWindowObserver);
+        _this5._whiteBoardControl.addObserver(whiteboardObserver);
+        _this5._chatRoomControl.addObserver(chatRoomObserver);
+      }, (0, _mobx.reaction)(function () {
+        return _this5.mainList.length;
       }, function (length) {
         if (length < 2) {
-          if (_this6.layout === _type3.FcrUIVideoWindowLayoutType.Speaker) {
-            _this6.toggleLayout(_type3.FcrUIVideoWindowLayoutType.Gallery);
+          if (_this5.layout === _type3.FcrUIVideoWindowLayoutType.Speaker) {
+            _this5.toggleLayout(_type3.FcrUIVideoWindowLayoutType.Gallery);
           }
         }
-        _this6._uiEventStore.sendEvent(_constant.UIAction.MAIN_LIST_LENGTH_CHANGED, length);
+        _this5._eventProvider.sendEvent(_constant.FcrUIAction.MAIN_LIST_LENGTH_CHANGED, length);
       }), (0, _mobx.reaction)(function () {
-        return _this6.whiteboardActive;
+        return _this5.whiteboardActive;
       }, function (opened) {
         if (opened) {
-          var ownerUserId = _this6._whiteBoardControl.getBoardActiveInfo().ownerUserId;
-          var ownerUser = _this6._userControl.getUser(ownerUserId);
-          _this6._videoWindowDataSource.addBoard(ownerUser, ownerUserId === _this6.localUserId);
-          if (_this6.layout === _type3.FcrUIVideoWindowLayoutType.Gallery) {
-            _this6.toggleLayout(_type3.FcrUIVideoWindowLayoutType.Speaker);
+          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 {
-          _this6._videoWindowDataSource.removeBoard();
+          _this5._videoWindowDataSource.removeBoard();
         }
       }), (0, _mobx.reaction)(function () {
-        return _this6._securityStore.hasWriteBoardPermission();
+        return _this5._privilegeProvider.hasWriteBoardPermission();
       }, function (canEdit) {
-        if (!_this6.mainList.some(function (u) {
+        if (!_this5.mainList.some(function (u) {
           return u.type === _type3.FcrUIWindowType.BOARD;
         })) return;
-        _this6._videoWindowDataSource.updateBoard(canEdit);
-      }), (0, _mobx.reaction)(function () {
-        return _this6.galleryMaxSize;
-      }, function (size) {
-        _this6._uiEventStore.notifyLayoutSizeChanged({
-          size: size
-        });
+        _this5._videoWindowDataSource.updateBoard(canEdit);
       }), (0, _mobx.reaction)(function () {
-        return _this6.asideContent;
+        return _this5.asideContent;
       }, function (asideContent) {
         if (asideContent.participant || asideContent.chat) {
-          _this6.toggleAside(true);
+          _this5.toggleAside(true);
         }
         if (!asideContent.participant && !asideContent.chat) {
-          _this6.toggleAside(false);
+          _this5.toggleAside(false);
         }
       }, {
         fireImmediately: true
       }), (0, _mobx.reaction)(function () {
         return {
-          cameraEnabled: _this6._deviceStore.cameraEnabled,
-          cameraId: _this6._deviceStore.cameraId
+          cameraEnabled: _this5._deviceProvider.cameraEnabled,
+          cameraId: _this5._deviceProvider.cameraId
         };
-      }, function (_ref13) {
-        var cameraEnabled = _ref13.cameraEnabled,
-          cameraId = _ref13.cameraId;
-        if (!cameraEnabled && _this6._localView) {
-          _this6.stopLocalPreview(_this6._localView);
+      }, function (_ref7) {
+        var cameraEnabled = _ref7.cameraEnabled,
+          cameraId = _ref7.cameraId;
+        if (!cameraEnabled && _this5._localView) {
+          _this5.stopLocalPreview(_this5._localView);
         }
-        if (cameraEnabled && cameraId && _this6._localView) {
-          _this6.startLocalPreview(_this6._localView);
+        if (cameraEnabled && cameraId && _this5._localView) {
+          _this5.startLocalPreview(_this5._localView);
         }
       }), (0, _mobx.reaction)(function () {
-        return _this6.barLocked;
+        return _this5.barLocked;
       }, function (barLocked) {
-        if (_this6._barLockTimer && barLocked) {
-          _this6.resetLockTimer();
+        if (_this5._barLockTimer && barLocked) {
+          _this5.resetLockTimer();
         } else {
-          _this6.setHoveringHandler();
+          _this5.setHoveringHandler();
         }
       }), (0, _mobx.reaction)(function () {
-        return _this6._deviceStore.microphoneVolumeLevel;
+        return _this5._deviceProvider.microphoneVolumeLevel;
       }, function (volume) {
         (0, _mobx.runInAction)(function () {
-          _this6.userVolumeMap.set('0', volume);
+          _this5.userVolumeMap.set('0', volume);
         });
       }), (0, _mobx.reaction)(function () {
         return {
-          count: _this6.participantCount,
-          enableSpotlight: _this6.enableSpotlight
+          count: _this5.participantCount,
+          enableSpotlight: _this5.enableSpotlight
         };
-      }, function (_ref14) {
-        var count = _ref14.count,
-          enableSpotlight = _ref14.enableSpotlight;
-        var enableSetSpotlight = _this6._isSetSpotlightEnable(count, enableSpotlight);
-        _this6._videoWindowDataSource.setSpotlightEnabled(enableSetSpotlight);
+      }, function (_ref8) {
+        var count = _ref8.count,
+          enableSpotlight = _ref8.enableSpotlight;
+        var enableSetSpotlight = _this5._isSetSpotlightEnable(count, enableSpotlight);
+        _this5._videoWindowDataSource.setSpotlightEnabled(enableSetSpotlight);
       }),
       // 录制的特殊逻辑：
       // 因为录制机器人不发流，且当前切换布局的逻辑是有多个人的视频窗口才切换到 speaker layout
       // 所以当房间只有主持人的时候录制机器人的视角不会切换到 speaker layout，故加上以下逻辑
       (0, _mobx.reaction)(function () {
-        var _this6$currentShareDa;
-        return (_this6$currentShareDa = _this6.currentShareData) === null || _this6$currentShareDa === void 0 ? void 0 : _this6$currentShareDa.hasScreenSharing;
+        var _this5$currentShareDa;
+        return (_this5$currentShareDa = _this5.currentShareData) === null || _this5$currentShareDa === void 0 ? void 0 : _this5$currentShareDa.hasScreenSharing;
       }, function (hasScreenSharing) {
-        if (_this6.isRobot) {
+        if (_this5.isRobot) {
           if (hasScreenSharing) {
-            _this6.logger.info('set layout to speaker for robot');
-            _this6.toggleLayout(_type3.FcrUIVideoWindowLayoutType.Speaker);
+            _this5.logger.info('set layout to speaker for robot');
+            _this5.toggleLayout(_type3.FcrUIVideoWindowLayoutType.Speaker);
           } else {
-            _this6.logger.info('set layout to gallery for robot');
-            _this6.toggleLayout(_type3.FcrUIVideoWindowLayoutType.Gallery);
+            _this5.logger.info('set layout to gallery for robot');
+            _this5.toggleLayout(_type3.FcrUIVideoWindowLayoutType.Gallery);
           }
         }
       }, {
@@ -1302,12 +1088,12 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_handleFoldListChanged",
     value: function _handleFoldListChanged() {
-      this._uiEventStore.sendEvent(_constant.UIAction.FOLD_LIST_CHANGED, this.foldList);
+      this._eventProvider.sendEvent(_constant.FcrUIAction.FOLD_LIST_CHANGED, this.foldList);
     }
   }, {
     key: "_handleMainListChanged",
     value: function _handleMainListChanged() {
-      this._uiEventStore.sendEvent(_constant.UIAction.MAIN_LIST_CHANGED, this.mainList);
+      this._eventProvider.sendEvent(_constant.FcrUIAction.MAIN_LIST_CHANGED, this.mainList);
     }
   }, {
     key: "_switchToSpeaker",
@@ -1332,13 +1118,13 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_initStream",
     value: function _initStream() {
-      var _this7 = this;
+      var _this6 = this;
       var isSharingScreen = false;
       this._streamControl.getStreamList().forEach(function (stream) {
         if (stream.videoSourceType === _fcrCore.FcrVideoSourceType.SCREEN) {
           isSharingScreen = true;
         }
-        _this7._handleStreamAdded(stream);
+        _this6._handleStreamAdded(stream);
       });
       if (isSharingScreen && this.layout === _type3.FcrUIVideoWindowLayoutType.Gallery) {
         this.toggleLayout(_type3.FcrUIVideoWindowLayoutType.Speaker);
@@ -1350,27 +1136,22 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
       var setSpotlightEnable = count > LayoutStore.MIN_USERS_TO_ENABLE_SPOTLIGHT;
       return setSpotlightEnable && enableSpotlight;
     }
-  }, {
-    key: "_handleSpotlightAdded",
-    value: function _handleSpotlightAdded(streamId) {
-      this._uiEventStore.notifySpotlightStreamChanged({
-        type: 'add',
-        streamId: streamId
-      });
-    }
-  }, {
-    key: "_handleSpotlightRemoved",
-    value: function _handleSpotlightRemoved(streamId) {
-      this._uiEventStore.notifySpotlightStreamChanged({
-        type: 'remove',
-        streamId: streamId
-      });
-    }
   }, {
     key: "_handleConnectionUpdated",
     value: function _handleConnectionUpdated(_, state) {
       this.chatRoomState = state;
     }
+  }, {
+    key: "_handleLiveStreamingStateUpdated",
+    value: function _handleLiveStreamingStateUpdated(_, state, url, reason) {
+      this._liveStreamState = state;
+      if (state === _type.FcrLiveStreamingState.STOPPED && reason === _type7.FcrLiveStreamingStateUpdatedReason.HOSTCHANGED) {
+        this._eventProvider.showToast({
+          type: 'info',
+          message: (0, _i18n.transI18n)('fmt_broadcast_livestream_tips_hand_over_pc_to_mobile')
+        });
+      }
+    }
   }, {
     key: "_handleStreamAdded",
     value: function _handleStreamAdded(modifiedStream) {
@@ -1384,37 +1165,39 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_onStreamsAdded",
     value: function _onStreamsAdded(roomId, events) {
-      var _this8 = this;
-      events.forEach(function (_ref15) {
-        var modifiedStream = _ref15.modifiedStream;
-        _this8._handleStreamAdded(modifiedStream);
+      var _this7 = this;
+      events.forEach(function (_ref9) {
+        var modifiedStream = _ref9.modifiedStream;
+        _this7._handleStreamAdded(modifiedStream);
       });
     }
   }, {
     key: "_onStreamsUpdated",
     value: function _onStreamsUpdated(roomId, events) {
-      var _this9 = this;
-      events.forEach(function (_ref16) {
-        var modifiedStream = _ref16.modifiedStream;
-        _this9._videoWindowDataSource.update(modifiedStream);
+      var _this8 = this;
+      events.forEach(function (_ref10) {
+        var modifiedStream = _ref10.modifiedStream;
+        _this8._videoWindowDataSource.update(modifiedStream);
       });
     }
   }, {
     key: "_onStreamsRemoved",
     value: function _onStreamsRemoved(roomId, events) {
-      var _this10 = this;
-      events.forEach(function (_ref17) {
-        var modifiedStream = _ref17.modifiedStream;
-        _this10._videoWindowDataSource["delete"](modifiedStream);
+      var _this9 = this;
+      events.forEach(function (_ref11) {
+        var modifiedStream = _ref11.modifiedStream;
+        _this9._videoWindowDataSource["delete"](modifiedStream);
       });
       var hasScreenStream = events === null || events === void 0 ? void 0 : events.find(function (event) {
         var videoType = event.modifiedStream.videoSourceType;
         return videoType === _fcrCore.FcrVideoSourceType.SCREEN;
       });
-      if (hasScreenStream && this.manualLayout) {
-        this._uiEventStore.sendEvent(_constant.UIAction.TOGGLE_LAYOUT, {
-          layout: this.manualLayout
-        });
+      if (hasScreenStream) {
+        if (this.manualLayout) {
+          this._videoWindowDataSource.setLayout(this.manualLayout);
+        } else {
+          this._videoWindowDataSource.setLayout(_type3.FcrUIVideoWindowLayoutType.Gallery);
+        }
       }
     }
   }, {
@@ -1426,15 +1209,15 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_findSpotlightStream",
     value: function _findSpotlightStream() {
-      var _this11 = this;
+      var _this10 = this;
       //find the max volume stream
       var res = {
         streamId: '',
         volume: 0
       };
       this.userVolumeMap.forEach(function (volume, id) {
-        var windowData = _this11.mainListMapByAudioStreamId.get(id);
-        if (id !== '0' && !res.streamId && volume > 0 && windowData !== null && windowData !== void 0 && windowData.hasMicrophoneAudioStream) {
+        var windowData = _this10.mainListMapByAudioStreamId.get(id);
+        if (id !== '0' && !res.streamId && volume > 0 && windowData !== null && windowData !== void 0 && windowData.hasMicrophoneAudioStream && windowData.videoSourceType !== _fcrCore.FcrVideoSourceType.SCREEN) {
           res = {
             streamId: windowData.windowId,
             volume: volume
@@ -1443,47 +1226,10 @@ var LayoutStore = exports["default"] = /*#__PURE__*/function () {
       });
       return res;
     }
-  }, {
-    key: "_handleRemoteWaitingUserLeft",
-    value: function _handleRemoteWaitingUserLeft(roomId, events) {
-      var _this$_privilegeContr;
-      var targetRoles = (_this$_privilegeContr = this._privilegeControl.getSecurityInfo(_type8.FcrSecurityAction.WaitingRoom).info) === null || _this$_privilegeContr === void 0 ? void 0 : _this$_privilegeContr.targetRoles;
-      if (this._waitingRoomUserControl) {
-        var users = this._waitingRoomUserControl.getUsers();
-        var userCount = Object.entries(users).map(function (_ref18) {
-          var _ref19 = (0, _slicedToArray2["default"])(_ref18, 2),
-            userId = _ref19[0],
-            user = _ref19[1];
-          return user;
-        }).filter(function (user) {
-          return targetRoles.includes(user.userRole);
-        }).length;
-        if (userCount === 0) {
-          this._uiEventStore.sendEvent(_constant.UIAction.COLSE_NOTIFICATION, _eventStore.NotificationContentType.WAITING_ROOM);
-        }
-      }
-    }
-  }, {
-    key: "_handleMessageReceived",
-    value: function _handleMessageReceived(roomId, message) {
-      if ((0, _get["default"])(message, 'payload.data.messageKey') === _type.RoomMessageKey.USER_WAITING_ROOM_JOINED && this.isWaitingRoomNotify) {
-        this._uiEventStore.showNotification({
-          type: _eventStore.NotificationContentType.WAITING_ROOM,
-          onOk: this.notifyParticipantShowWaitingRoom,
-          onClose: this.setIsWaitingRoomNotify,
-          placement: 'topLeft'
-        });
-      }
-    }
-  }, {
-    key: "getInterpreterState",
-    value: function getInterpreterState() {
-      return this._interpreterControl.getState().enable;
-    }
   }]);
 }();
 _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, "enableSpotlight"], [_mobx.observable, 1, "isWaitingRoomNotify"], [_mobx.observable, 1, "interpreterUsers"], [_mobx.observable, 1, "interpreterState"], [_mobx.computed, 3, "isWaterMarkEnabled"], [_mobx.computed, 3, "isMulti"], [_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, "getWaterMarkContent"], [_notifyParticipantShowWaitingRoomDecs, 18, "notifyParticipantShowWaitingRoom"], [_setIsWaitingRoomNotifyDecs, 18, "setIsWaitingRoomNotify"], [_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"], [_decorator.bound, 2, "openRenameDialog"], [_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"], [_handleLiveLayoutChangeDecs, 18, "handleLiveLayoutChange"], [_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"], [_decorator.bound, 2, "_handleRemoteWaitingUserLeft"], [_decorator.bound, 2, "_handleMessageReceived"], [_getInterpreterStateDecs, 18, "getInterpreterState"], [_handleLayoutUpdatedDecs, 16, "_handleLayoutUpdated"]], []).e, 31);
+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, "aside"], [_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, "participantCount"], [_mobx.observable, 1, "ownerUser"], [_mobx.observable, 1, "localUser"], [_mobx.computed, 3, "shouldHideNonVideoParticipants"], [_mobx.computed, 3, "enableSpotlight"], [_mobx.computed, 3, "isWaterMarkEnabled"], [_mobx.computed, 3, "isMulti"], [_mobx.computed, 3, "layout"], [_mobx.computed, 3, "manualLayout"], [_mobx.computed, 3, "mainList"], [_mobx.computed, 3, "mainListMapByAudioStreamId"], [_mobx.computed, 3, "spotlightStreamId"], [_mobx.computed, 3, "foldList"], [_mobx.computed, 3, "galleryList"], [_mobx.computed, 3, "asideLayout"], [_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"], [_mobx.computed, 3, "galleryMaxSize"], [_mobx.computed, 3, "asideContent"], [_mobx.computed, 3, "participantsRenderAt"], [_mobx.computed, 3, "chatRenderAt"], [_decorator.bound, 2, "getWaterMarkContent"], [_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"], [_decorator.bound, 2, "closeParticipantFromAside"], [_decorator.bound, 2, "moveParticipantFromAsideToDialog"], [_decorator.bound, 2, "closeChatFromAside"], [_decorator.bound, 2, "closeAsideChat"], [_decorator.bound, 2, "moveChatFromAsideToDialog"], [_decorator.bound, 2, "openPrivateChat"], [_decorator.bound, 2, "openRenameDialog"], [_toggleLayoutDecs, 18, "toggleLayout"], [_toggleCollapsedDecs, 18, "toggleCollapsed"], [_toggleAsideDecs, 18, "toggleAside"], [_asideWidthChangedDecs, 18, "asideWidthChanged"], [_toggleLayoutBarLockDecs, 18, "toggleLayoutBarLock"], [_toggleLayoutBarHiddenDecs, 18, "toggleLayoutBarHidden"], [_resetLockTimerDecs, 18, "resetLockTimer"], [_setHoveringHandlerDecs, 18, "setHoveringHandler"], [_setHoveringLeaveHandlerDecs, 18, "setHoveringLeaveHandler"], [_handleLiveLayoutChangeDecs, 18, "handleLiveLayoutChange"], [_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"], [_handleConnectionUpdatedDecs, 18, "_handleConnectionUpdated"], [_decorator.bound, 2, "_handleLiveStreamingStateUpdated"], [_decorator.bound, 2, "_handleStreamAdded"], [_decorator.bound, 2, "_onStreamsAdded"], [_decorator.bound, 2, "_onStreamsUpdated"], [_decorator.bound, 2, "_onStreamsRemoved"], [_onAudioVolumeUpdatedDecs, 18, "_onAudioVolumeUpdated"], [_handleLayoutUpdatedDecs, 16, "_handleLayoutUpdated"]], []).e, 23);
 _init_participant = _applyDecs$e[0];
 _init_chat = _applyDecs$e[1];
 _init_chatAction = _applyDecs$e[2];
@@ -1492,28 +1238,20 @@ _init_actionBar = _applyDecs$e[4];
 _init_layers = _applyDecs$e[5];
 _init_whiteboard = _applyDecs$e[6];
 _init_collapsed = _applyDecs$e[7];
-_init_galleryMaxSize = _applyDecs$e[8];
-_init_aside = _applyDecs$e[9];
-_init_asideContent = _applyDecs$e[10];
-_init_localUserRole = _applyDecs$e[11];
-_init_barHovering = _applyDecs$e[12];
-_init_barLocked = _applyDecs$e[13];
-_init_barHidden = _applyDecs$e[14];
-_init_asideWidth = _applyDecs$e[15];
-_init_userVolumeMap = _applyDecs$e[16];
-_init_chatRoomState = _applyDecs$e[17];
-_init_videoWindowPreviewType = _applyDecs$e[18];
-_init_whiteboardActive = _applyDecs$e[19];
-_init_spotlightStreamId = _applyDecs$e[20];
-_init_shouldHideNonVideoParticipants = _applyDecs$e[21];
-_init_participantCount = _applyDecs$e[22];
-_init_ownerUser = _applyDecs$e[23];
-_init_localUser = _applyDecs$e[24];
-_init_enableSpotlight = _applyDecs$e[25];
-_init_isWaitingRoomNotify = _applyDecs$e[26];
-_init_interpreterUsers = _applyDecs$e[27];
-_init_interpreterState = _applyDecs$e[28];
-_init__handleLayoutUpdated = _applyDecs$e[29];
-_initProto = _applyDecs$e[30];
+_init_aside = _applyDecs$e[8];
+_init_localUserRole = _applyDecs$e[9];
+_init_barHovering = _applyDecs$e[10];
+_init_barLocked = _applyDecs$e[11];
+_init_barHidden = _applyDecs$e[12];
+_init_asideWidth = _applyDecs$e[13];
+_init_userVolumeMap = _applyDecs$e[14];
+_init_chatRoomState = _applyDecs$e[15];
+_init_videoWindowPreviewType = _applyDecs$e[16];
+_init_whiteboardActive = _applyDecs$e[17];
+_init_participantCount = _applyDecs$e[18];
+_init_ownerUser = _applyDecs$e[19];
+_init_localUser = _applyDecs$e[20];
+_init__handleLayoutUpdated = _applyDecs$e[21];
+_initProto = _applyDecs$e[22];
 (0, _defineProperty2["default"])(LayoutStore, "MIN_USERS_TO_ENABLE_SPOTLIGHT", 2);
 var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);