fcr-ui-scene 3.4.0 → 3.4.2

package/lib/modules/participant/store.js

@@ -24,7 +24,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.StoreContext = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-require("core-js/modules/es.array.concat.js");
 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");
@@ -94,6 +93,7 @@ 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");
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
@@ -101,11 +101,11 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _fcrCore = require("fcr-core");
 var _type = require("fcr-core/lib/type");
-var _constant = require("../../utilities/constant");
 var _logger = require("agora-foundation/lib/logger");
 var _type2 = require("agora-rte-sdk/lib/type");
 var _attendee = require("agora-ui-foundation/lib/components/participants/attendee");
 var _mobx = require("mobx");
+var _constant = require("../../utilities/constant");
 var _decorator = require("agora-foundation/lib/decorator");
 var _mobxUtils = require("mobx-utils");
 var _memberListDataSource = require("./member-list-data-source");
@@ -113,13 +113,19 @@ var _type3 = require("./type");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _i18n2 = require("../../hooks/i18n");
 var _type4 = require("fcr-core/lib/room-control/user-control/type");
+var _type5 = require("fcr-core/lib/room-control/type");
 var _react = require("react");
 var _rename = _interopRequireDefault(require("./components/rename"));
-var _type5 = require("fcr-core/lib/room-control/privilege-control/type");
+var _type6 = require("fcr-core/lib/room-control/privilege-control/type");
 var _env = require("agora-foundation/lib/utilities/env");
+var _operateWaitingroomMember = require("./components/operate-waitingroom-member");
+var _muteAll = require("./components/mute-all");
 var _jsxRuntime = require("react/jsx-runtime");
 var _ParticipantStore;
-var _initProto, _init__mainList, _init__participantsWindowActive, _init_currentPerspectiveType, _init_audioVolumeMap, _init_enableParticipantsJoinWithMute, _init_searchText, _init_currentModal, _init_localUserRole, _init_spotlightStreamId, _init_enableSpotlight, _init_mergeConfirmDialog, _init_mergeUserId, _init_activeTab, _init_isNewWaitingRoomUserEnter, _init_waitingRoomUserCount, _init_interpreterUsers, _init_interpreterState, _init_interpreterInputLanguageList, _init_newName, _init_refreshList, _setSpotlightStreamIdDecs, _setCurrentModalDecs, _openParticipantsWindowDecs, _setParticipantsWindowActiveDecs, _handlerSearchUserDecs, _closeRemoveAdmitWaitingRoomDialogDecs, _openRemoveAdmitWaitingRoomDialogDecs, _handlerUserActionDecs, _closeChangeNameDialogDecs, _moveToWaitingRoomByUserIdsDecs, _removeWaitingRoomUserDecs, _kickOutWaitingRoomAllMemberDecs, _moveToMainRoomAllMemberDecs, _handlerRoomControlActionDecs, _handleEventDecs, _moveToMainRoomByUserIdsDecs, _handleActiveTabDecs, _getInterpreterStateDecs, _initWaitingRoomUserListDecs, _kickOutUserDecs, _setAsAttendeeDecs, _onAudioVolumeUpdatedDecs, _handleRemoteUserJoinedDecs, _handleRemoteUserLeftDecs, _handleRemoteWaitingUserJoinedDecs, _handleRemoteWaitingUserLeftDecs, _handleUserInfoUpdatedDecs, _initUserListDecs, _refreshCurrentPerspectiveTypeDecs, _onPeerSessionReceivedDecs, _updateLocalUserRoleDecs, _getOutputLanguageDecs, _ref;
+var _initProto, _init__mainList, _init__isChecked, _init__participantsWindowActive, _init_currentPerspectiveType, _init_audioVolumeMap, _init_enableParticipantsJoinWithMute, _init_searchText, _init_currentModal, _init_localUserRole, _init_mergeConfirmDialog, _init_mergeUserId, _init_activeTab, _init_interpreterInputLanguageList, _init_newName, _init_refreshList, _init_allowUnmute, _init_joinWithMuteAudio, _setCurrentModalDecs, _openParticipantsWindowDecs, _setParticipantsWindowActiveDecs, _handlerSearchUserDecs, _closeRemoveAdmitWaitingRoomDialogDecs, _openRemoveAdmitWaitingRoomDialogDecs, _setMuteAllDialogValueDecs, _openMuteAllDialogDecs, _handlerUserActionDecs, _closeChangeNameDialogDecs, _moveToWaitingRoomByUserIdsDecs, _removeWaitingRoomUserDecs, _kickOutWaitingRoomAllMemberDecs, _moveToMainRoomAllMemberDecs, _handlerRoomControlActionDecs, _handleEventDecs, _moveToMainRoomByUserIdsDecs, _handleActiveTabDecs, _initWaitingRoomUserListDecs, _kickOutUserDecs, _setAsAttendeeDecs, _onAudioVolumeUpdatedDecs, _updateUserBoardStateDecs, _handleRemoteUserJoinedDecs, _handleRemoteUserLeftDecs, _handleRemoteWaitingUserJoinedDecs, _handleRemoteWaitingUserLeftDecs, _handleUserInfoUpdatedDecs, _initUserListDecs, _refreshCurrentPerspectiveTypeDecs, _onPeerSessionReceivedDecs, _updateLocalUserRoleDecs, _getOutputLanguageDecs, _ref;
+/**
+ * seconds
+ */
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
@@ -132,9 +138,6 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _setFunctionName(e, t, n) { "symbol" == _typeof(t) && (t = (t = t.description) ? "[" + t + "]" : ""); try { Object.defineProperty(e, "name", { configurable: !0, value: n ? n + " " + t : t }); } catch (e) {} return e; }
 function _checkInRHS(e) { if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (null !== e ? _typeof(e) : "null")); return e; }
-/**
- * seconds
- */
 var SESSION_DURATION = 30;
 var _A = /*#__PURE__*/new WeakMap();
 var _B = /*#__PURE__*/new WeakMap();
@@ -153,21 +156,26 @@ var _N = /*#__PURE__*/new WeakMap();
 var _O = /*#__PURE__*/new WeakMap();
 var _P = /*#__PURE__*/new WeakMap();
 var _Q = /*#__PURE__*/new WeakMap();
-var _R = /*#__PURE__*/new WeakMap();
-var _S = /*#__PURE__*/new WeakMap();
-var _T = /*#__PURE__*/new WeakMap();
-_ref = (_setSpotlightStreamIdDecs = [_mobx.action, _mobx.action.bound], _setCurrentModalDecs = [_mobx.action, _mobx.action.bound], _openParticipantsWindowDecs = [_mobx.action, _mobx.action.bound], _setParticipantsWindowActiveDecs = [_mobx.action, _mobx.action.bound], _handlerSearchUserDecs = [_mobx.action, _mobx.action.bound], _closeRemoveAdmitWaitingRoomDialogDecs = [_mobx.action, _mobx.action.bound], _openRemoveAdmitWaitingRoomDialogDecs = [_mobx.action, _mobx.action.bound], _handlerUserActionDecs = [_mobx.action, _mobx.action.bound], _closeChangeNameDialogDecs = [_mobx.action, _mobx.action.bound], _moveToWaitingRoomByUserIdsDecs = [_mobx.action, _mobx.action.bound], _removeWaitingRoomUserDecs = [_mobx.action, _mobx.action.bound], _kickOutWaitingRoomAllMemberDecs = [_mobx.action, _mobx.action.bound], _moveToMainRoomAllMemberDecs = [_mobx.action, _mobx.action.bound], _handlerRoomControlActionDecs = [_mobx.action, _mobx.action.bound], _handleEventDecs = [_mobx.action, _mobx.action.bound], _moveToMainRoomByUserIdsDecs = [_mobx.action, _mobx.action.bound], _handleActiveTabDecs = [_mobx.action, _mobx.action.bound], _getInterpreterStateDecs = [_mobx.action, _mobx.action.bound], _initWaitingRoomUserListDecs = [_mobx.action, _mobx.action.bound], _kickOutUserDecs = [_mobx.action, _mobx.action.bound], _setAsAttendeeDecs = [_mobx.action, _mobx.action.bound], _onAudioVolumeUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleRemoteUserJoinedDecs = [_mobx.action, _mobx.action.bound], _handleRemoteUserLeftDecs = [_mobx.action, _mobx.action.bound], _handleRemoteWaitingUserJoinedDecs = [_mobx.action, _mobx.action.bound], _handleRemoteWaitingUserLeftDecs = [_mobx.action, _mobx.action.bound], _handleUserInfoUpdatedDecs = [_mobx.action, _mobx.action.bound], _initUserListDecs = [_mobx.action, _mobx.action.bound], _refreshCurrentPerspectiveTypeDecs = [_mobx.action, _mobx.action.bound], _onPeerSessionReceivedDecs = [_mobx.action, _mobx.action.bound], _updateLocalUserRoleDecs = [_mobx.action, _mobx.action.bound], _getOutputLanguageDecs = [_mobx.action, _mobx.action.bound], "logger");
+_ref = (_setCurrentModalDecs = [_mobx.action, _mobx.action.bound], _openParticipantsWindowDecs = [_mobx.action, _mobx.action.bound], _setParticipantsWindowActiveDecs = [_mobx.action, _mobx.action.bound], _handlerSearchUserDecs = [_mobx.action, _mobx.action.bound], _closeRemoveAdmitWaitingRoomDialogDecs = [_mobx.action, _mobx.action.bound], _openRemoveAdmitWaitingRoomDialogDecs = [_mobx.action, _mobx.action.bound], _setMuteAllDialogValueDecs = [_mobx.action, _mobx.action.bound], _openMuteAllDialogDecs = [_mobx.action, _mobx.action.bound], _handlerUserActionDecs = [_mobx.action, _mobx.action.bound], _closeChangeNameDialogDecs = [_mobx.action, _mobx.action.bound], _moveToWaitingRoomByUserIdsDecs = [_mobx.action, _mobx.action.bound], _removeWaitingRoomUserDecs = [_mobx.action, _mobx.action.bound], _kickOutWaitingRoomAllMemberDecs = [_mobx.action, _mobx.action.bound], _moveToMainRoomAllMemberDecs = [_mobx.action, _mobx.action.bound], _handlerRoomControlActionDecs = [_mobx.action, _mobx.action.bound], _handleEventDecs = [_mobx.action, _mobx.action.bound], _moveToMainRoomByUserIdsDecs = [_mobx.action, _mobx.action.bound], _handleActiveTabDecs = [_mobx.action, _mobx.action.bound], _initWaitingRoomUserListDecs = [_mobx.action, _mobx.action.bound], _kickOutUserDecs = [_mobx.action, _mobx.action.bound], _setAsAttendeeDecs = [_mobx.action, _mobx.action.bound], _onAudioVolumeUpdatedDecs = [_mobx.action, _mobx.action.bound], _updateUserBoardStateDecs = [_mobx.action, _mobx.action.bound], _handleRemoteUserJoinedDecs = [_mobx.action, _mobx.action.bound], _handleRemoteUserLeftDecs = [_mobx.action, _mobx.action.bound], _handleRemoteWaitingUserJoinedDecs = [_mobx.action, _mobx.action.bound], _handleRemoteWaitingUserLeftDecs = [_mobx.action, _mobx.action.bound], _handleUserInfoUpdatedDecs = [_mobx.action, _mobx.action.bound], _initUserListDecs = [_mobx.action, _mobx.action.bound], _refreshCurrentPerspectiveTypeDecs = [_mobx.action, _mobx.action.bound], _onPeerSessionReceivedDecs = [_mobx.action, _mobx.action.bound], _updateLocalUserRoleDecs = [_mobx.action, _mobx.action.bound], _getOutputLanguageDecs = [_mobx.action, _mobx.action.bound], "logger");
 var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
   function ParticipantStore(_ref2) {
-    var _this = this;
+    var _this = this,
+      _this$_roomStore;
     var _roomControl = _ref2.roomControl,
-      peerSessionControl = _ref2.peerSessionControl,
       securityStore = _ref2.securityStore,
       uiEventStore = _ref2.uiEventStore,
       deviceStore = _ref2.deviceStore,
       deviceStreamStore = _ref2.deviceStreamStore,
-      interpreterControl = _ref2.interpreterControl,
-      roomStore = _ref2.roomStore;
+      roomStore = _ref2.roomStore,
+      sessionProvider = _ref2.sessionProvider,
+      sharedSpeakerSpotlightDataSource = _ref2.sharedSpeakerSpotlightDataSource,
+      sharedPinDataSource = _ref2.sharedPinDataSource,
+      sharedLayoutDataSource = _ref2.sharedLayoutDataSource,
+      sharedInterpreterDataSource = _ref2.sharedInterpreterDataSource,
+      sharedSettingDataSource = _ref2.sharedSettingDataSource,
+      sharedWaitingRoomDataSource = _ref2.sharedWaitingRoomDataSource,
+      chatProvider = _ref2.chatProvider,
+      sharedVideoWindowDataSource = _ref2.sharedVideoWindowDataSource;
     (0, _classCallCheck2["default"])(this, ParticipantStore);
     (0, _defineProperty2["default"])(this, _ref, (_initProto(this), (0, _logger.getLogger)()));
     (0, _defineProperty2["default"])(this, "_dataSource", new _memberListDataSource.FcrUIMemberListDataSourceImpl());
@@ -195,15 +203,6 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       onUserInfoUpdated: this._handleUserInfoUpdated.bind(this),
       onUserPropertiesUpdated: this._handleUserPropertiesUpdated.bind(this)
     });
-    (0, _defineProperty2["default"])(this, "_interpreterObserver", {
-      onInterpreterUsersUpdated: function onInterpreterUsersUpdated(roomId, users) {
-        _this.interpreterUsers = users;
-      },
-      onInterpreterStateUpdated: function onInterpreterStateUpdated() {
-        _this.interpreterState = _this.getInterpreterState();
-        _this.interpreterUsers = _this._interpreterControl.getInterpreterUserList();
-      }
-    });
     (0, _defineProperty2["default"])(this, "_waitingRoomUserObserver", {
       onRemoteUsersJoined: this._handleRemoteWaitingUserJoined.bind(this),
       onRemoteUsersLeft: this._handleRemoteWaitingUserLeft.bind(this)
@@ -215,7 +214,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
         var waitingRoomUserControl = room.getUserControl();
         _this._waitingRoomUserControl = waitingRoomUserControl;
         waitingRoomUserControl.addObserver(_this._waitingRoomUserObserver);
-        _this.waitingRoomUserCount = _this._getWaitingRoomUserCount();
+        // this.waitingRoomUserCount = this._getWaitingRoomUserCount() as number;
         _this._initWaitingRoomUserList();
       }
     });
@@ -223,7 +222,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       onSecurityInfoUpdated: function onSecurityInfoUpdated(roomId, event) {
         var _event$securityInfo$i;
         _this.refreshList = Math.random();
-        if (((_event$securityInfo$i = event.securityInfo.info) === null || _event$securityInfo$i === void 0 ? void 0 : _event$securityInfo$i.action) === _type5.FcrSecurityAction.ChangeName) {
+        if (((_event$securityInfo$i = event.securityInfo.info) === null || _event$securityInfo$i === void 0 ? void 0 : _event$securityInfo$i.action) === _type6.FcrSecurityAction.ChangeName) {
           if (!event.securityInfo.enable) {
             _this._closeChangeNameDialog();
           }
@@ -235,33 +234,31 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
     });
     (0, _defineProperty2["default"])(this, "_whitebaordObderver", {
       onActive: function onActive(ownerId, operatorUser) {
-        _this._updateUserBoardState(operatorUser);
+        _this._updateUserBoardState();
       },
       onInactive: function onInactive(reason, operatorUser) {
-        _this._updateUserBoardState(operatorUser);
+        _this._updateUserBoardState();
       }
     });
     _classPrivateFieldInitSpec(this, _A, _init__mainList(this, []));
-    _classPrivateFieldInitSpec(this, _B, _init__participantsWindowActive(this, false));
-    _classPrivateFieldInitSpec(this, _C, _init_currentPerspectiveType(this, 'attendee'));
-    _classPrivateFieldInitSpec(this, _D, _init_audioVolumeMap(this, new Map()));
-    _classPrivateFieldInitSpec(this, _E, _init_enableParticipantsJoinWithMute(this, false));
-    _classPrivateFieldInitSpec(this, _F, _init_searchText(this, ''));
-    _classPrivateFieldInitSpec(this, _G, _init_currentModal(this, 'modal'));
-    _classPrivateFieldInitSpec(this, _H, _init_localUserRole(this));
-    _classPrivateFieldInitSpec(this, _I, _init_spotlightStreamId(this, ''));
-    _classPrivateFieldInitSpec(this, _J, _init_enableSpotlight(this, true));
-    _classPrivateFieldInitSpec(this, _K, _init_mergeConfirmDialog(this, false));
-    _classPrivateFieldInitSpec(this, _L, _init_mergeUserId(this, ''));
-    _classPrivateFieldInitSpec(this, _M, _init_activeTab(this, _constant.RoomType.MAIN_ROOM));
-    _classPrivateFieldInitSpec(this, _N, _init_isNewWaitingRoomUserEnter(this, false));
-    _classPrivateFieldInitSpec(this, _O, _init_waitingRoomUserCount(this, 0));
-    _classPrivateFieldInitSpec(this, _P, _init_interpreterUsers(this, []));
-    //  翻译官列表
-    _classPrivateFieldInitSpec(this, _Q, _init_interpreterState(this));
-    _classPrivateFieldInitSpec(this, _R, _init_interpreterInputLanguageList(this, []));
-    _classPrivateFieldInitSpec(this, _S, _init_newName(this, ''));
-    _classPrivateFieldInitSpec(this, _T, _init_refreshList(this, Math.random()));
+    _classPrivateFieldInitSpec(this, _B, _init__isChecked(this, {}));
+    _classPrivateFieldInitSpec(this, _C, _init__participantsWindowActive(this, false));
+    _classPrivateFieldInitSpec(this, _D, _init_currentPerspectiveType(this, 'attendee'));
+    _classPrivateFieldInitSpec(this, _E, _init_audioVolumeMap(this, new Map()));
+    _classPrivateFieldInitSpec(this, _F, _init_enableParticipantsJoinWithMute(this, false));
+    _classPrivateFieldInitSpec(this, _G, _init_searchText(this, ''));
+    _classPrivateFieldInitSpec(this, _H, _init_currentModal(this, 'modal'));
+    _classPrivateFieldInitSpec(this, _I, _init_localUserRole(this));
+    // @observable accessor spotlightStreamId: string = '';
+    // @observable accessor enableSpotlight: boolean = true;
+    _classPrivateFieldInitSpec(this, _J, _init_mergeConfirmDialog(this, false));
+    _classPrivateFieldInitSpec(this, _K, _init_mergeUserId(this, ''));
+    _classPrivateFieldInitSpec(this, _L, _init_activeTab(this, _type5.FcrRoomType.Mainroom));
+    _classPrivateFieldInitSpec(this, _M, _init_interpreterInputLanguageList(this, []));
+    _classPrivateFieldInitSpec(this, _N, _init_newName(this, ''));
+    _classPrivateFieldInitSpec(this, _O, _init_refreshList(this, Math.random()));
+    _classPrivateFieldInitSpec(this, _P, _init_allowUnmute(this, false));
+    _classPrivateFieldInitSpec(this, _Q, _init_joinWithMuteAudio(this, false));
     (0, _defineProperty2["default"])(this, "allowedOperations", (0, _mobxUtils.computedFn)(function (userId, userRole) {
       var _this$_localUser;
       return _this.getAllowedOperations(userRole, userId === ((_this$_localUser = _this._localUser) === null || _this$_localUser === void 0 ? void 0 : _this$_localUser.userId));
@@ -374,30 +371,41 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       };
     });
     this._roomControl = _roomControl;
+    this._chatProvider = chatProvider;
     this._streamControl = _roomControl.getStreamControl();
-    this._peerSessionControl = peerSessionControl;
+    this._peerSessionControl = sessionProvider;
     this._userControl = _roomControl.getUserControl();
+    this._sharedWaitingRoomDataSource = sharedWaitingRoomDataSource;
     this._securityStore = securityStore;
     this._uiEventStore = uiEventStore;
     this._deviceStore = deviceStore;
     this._deviceStreamStore = deviceStreamStore;
     this._roomStore = roomStore;
-    this._interpreterControl = interpreterControl;
+    this._sharedSpeakerSpotlightDataSource = sharedSpeakerSpotlightDataSource;
+    this._sharedPinDataSource = sharedPinDataSource;
+    this._sharedLayoutDataSource = sharedLayoutDataSource;
+    this._sharedSettingDataSource = sharedSettingDataSource;
+    this._sharedVideoWindowDataSource = sharedVideoWindowDataSource;
+    this.allowUnmute = this._securityStore.allowUnmuteSelfAudio();
+    this.joinWithMuteAudio = this._securityStore.allowJoinWithMuteAudio();
     this._uiEventStore.addObserver(this._eventObserver);
     this._userControl.addObserver(this._userObserver);
     this._streamControl.addObserver(this._streamsObserver);
     this._peerSessionControl.addObserver(this._peerSessionObserver);
     this._roomControl.getBoardControl().addObserver(this._whitebaordObderver);
     this._roomControl.getPrivilegeControl().addObserver(this._privilegeControlObserver);
-    this._interpreterControl.addObserver(this._interpreterObserver);
-    this._roomStore.addObserver(this._roomStoreObserver);
+    (_this$_roomStore = this._roomStore) === null || _this$_roomStore === void 0 || _this$_roomStore.addObserver(this._roomStoreObserver);
+    this._sharedInterpreterDataSource = sharedInterpreterDataSource;
     this._initUserList();
     this._updateUserBoardState();
-    this.interpreterUsers = this._interpreterControl.getInterpreterUserList();
-    this.interpreterState = this.getInterpreterState();
     this._getOutputLanguage();
     this.localUserRole = this._localUser.userRole;
   }
+
+  // @action.bound
+  // setSpotlightStreamId(streamId: string) {
+  //   this.spotlightStreamId = streamId;
+  // }
   return (0, _createClass2["default"])(ParticipantStore, [{
     key: "_localUser",
     get: function get() {
@@ -412,7 +420,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_A, this, v);
     }
   }, {
-    key: "_participantsWindowActive",
+    key: "_isChecked",
     get: function get() {
       return _classPrivateFieldGet(_B, this);
     },
@@ -420,7 +428,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_B, this, v);
     }
   }, {
-    key: "currentPerspectiveType",
+    key: "_participantsWindowActive",
     get: function get() {
       return _classPrivateFieldGet(_C, this);
     },
@@ -428,7 +436,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_C, this, v);
     }
   }, {
-    key: "audioVolumeMap",
+    key: "currentPerspectiveType",
     get: function get() {
       return _classPrivateFieldGet(_D, this);
     },
@@ -436,7 +444,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_D, this, v);
     }
   }, {
-    key: "enableParticipantsJoinWithMute",
+    key: "audioVolumeMap",
     get: function get() {
       return _classPrivateFieldGet(_E, this);
     },
@@ -444,7 +452,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_E, this, v);
     }
   }, {
-    key: "searchText",
+    key: "enableParticipantsJoinWithMute",
     get: function get() {
       return _classPrivateFieldGet(_F, this);
     },
@@ -452,7 +460,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_F, this, v);
     }
   }, {
-    key: "currentModal",
+    key: "searchText",
     get: function get() {
       return _classPrivateFieldGet(_G, this);
     },
@@ -460,7 +468,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_G, this, v);
     }
   }, {
-    key: "localUserRole",
+    key: "currentModal",
     get: function get() {
       return _classPrivateFieldGet(_H, this);
     },
@@ -468,7 +476,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_H, this, v);
     }
   }, {
-    key: "spotlightStreamId",
+    key: "localUserRole",
     get: function get() {
       return _classPrivateFieldGet(_I, this);
     },
@@ -476,7 +484,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_I, this, v);
     }
   }, {
-    key: "enableSpotlight",
+    key: "mergeConfirmDialog",
     get: function get() {
       return _classPrivateFieldGet(_J, this);
     },
@@ -484,7 +492,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_J, this, v);
     }
   }, {
-    key: "mergeConfirmDialog",
+    key: "mergeUserId",
     get: function get() {
       return _classPrivateFieldGet(_K, this);
     },
@@ -492,7 +500,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_K, this, v);
     }
   }, {
-    key: "mergeUserId",
+    key: "activeTab",
     get: function get() {
       return _classPrivateFieldGet(_L, this);
     },
@@ -500,7 +508,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_L, this, v);
     }
   }, {
-    key: "activeTab",
+    key: "interpreterInputLanguageList",
     get: function get() {
       return _classPrivateFieldGet(_M, this);
     },
@@ -508,7 +516,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_M, this, v);
     }
   }, {
-    key: "isNewWaitingRoomUserEnter",
+    key: "newName",
     get: function get() {
       return _classPrivateFieldGet(_N, this);
     },
@@ -516,7 +524,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_N, this, v);
     }
   }, {
-    key: "waitingRoomUserCount",
+    key: "refreshList",
     get: function get() {
       return _classPrivateFieldGet(_O, this);
     },
@@ -524,7 +532,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_O, this, v);
     }
   }, {
-    key: "interpreterUsers",
+    key: "allowUnmute",
     get: function get() {
       return _classPrivateFieldGet(_P, this);
     },
@@ -532,7 +540,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_P, this, v);
     }
   }, {
-    key: "interpreterState",
+    key: "joinWithMuteAudio",
     get: function get() {
       return _classPrivateFieldGet(_Q, this);
     },
@@ -540,38 +548,24 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_Q, this, v);
     }
   }, {
-    key: "interpreterInputLanguageList",
-    get: function get() {
-      return _classPrivateFieldGet(_R, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_R, this, v);
-    }
-  }, {
-    key: "newName",
-    get: function get() {
-      return _classPrivateFieldGet(_S, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_S, this, v);
-    }
-  }, {
-    key: "refreshList",
+    key: "enableSpotlight",
     get: function get() {
-      return _classPrivateFieldGet(_T, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_T, this, v);
+      return this._sharedSettingDataSource.setting.spotlightEnabled;
     }
   }, {
     key: "userListSource",
     get: function get() {
-      if (this.activeTab === _constant.RoomType.MAIN_ROOM) {
+      if (this.activeTab === _type5.FcrRoomType.Mainroom) {
         return this._dataSource.list;
       } else {
         return this._waitingRoomDataSource.list;
       }
     }
+  }, {
+    key: "spotlightStreamId",
+    get: function get() {
+      return this._sharedVideoWindowDataSource.spotlightStreamId;
+    }
   }, {
     key: "mergeUserInfo",
     get: function get() {
@@ -672,21 +666,35 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       return this._securityStore.hasRevokeHostPermission() && this.localUserRole !== _type.FcrUserRole.HOST;
     }
   }, {
-    key: "setSpotlightStreamId",
-    value: function setSpotlightStreamId(streamId) {
-      this.spotlightStreamId = streamId;
+    key: "interpreterUsers",
+    get: function get() {
+      return this._sharedInterpreterDataSource.interpreterUsers;
+    }
+  }, {
+    key: "interpreterState",
+    get: function get() {
+      return this._sharedInterpreterDataSource.interpreterOff;
+    }
+  }, {
+    key: "waitingRoomUserCount",
+    get: function get() {
+      return this._sharedWaitingRoomDataSource.totalWaitingRoomUser;
+    }
+  }, {
+    key: "isNewWaitingRoomUserEnter",
+    get: function get() {
+      return this._sharedWaitingRoomDataSource.unReadState;
     }
   }, {
     key: "release",
     value: function release() {
-      this._uiEventStore.addObserver(this._eventObserver);
-      this._userControl.addObserver(this._userObserver);
-      this._streamControl.addObserver(this._streamsObserver);
-      this._peerSessionControl.addObserver(this._peerSessionObserver);
-      this._roomControl.getBoardControl().addObserver(this._whitebaordObderver);
-      this._interpreterControl.addObserver(this._interpreterObserver);
-      this._roomControl.getPrivilegeControl().addObserver(this._privilegeControlObserver);
-      this._roomStore.addObserver(this._roomStoreObserver);
+      this._uiEventStore.removeObserver(this._eventObserver);
+      this._userControl.removeObserver(this._userObserver);
+      this._streamControl.removeObserver(this._streamsObserver);
+      this._peerSessionControl.removeObserver(this._peerSessionObserver);
+      this._roomControl.getBoardControl().removeObserver(this._whitebaordObderver);
+      this._roomControl.getPrivilegeControl().removeObserver(this._privilegeControlObserver);
+      this._roomStore.removeObserver(this._roomStoreObserver);
       this._disposers.forEach(function (disposer) {
         return disposer();
       });
@@ -719,7 +727,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "closeParticipantsAside",
     value: function closeParticipantsAside() {
-      this._uiEventStore.updateAside({
+      this._sharedLayoutDataSource.setAsideLayout({
         participant: false
       });
     }
@@ -751,7 +759,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "openDialog",
     value: function openDialog() {
-      this._dialogId = this._uiEventStore.openDialog(_constant.DialogKey.PARTICIPANT);
+      this._dialogId = this._uiEventStore.openDialog(_constant.FcrUIDialogKey.PARTICIPANT);
     }
   }, {
     key: "openConfirmDialog",
@@ -814,10 +822,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
         return stream.videoSourceType === _type2.AgoraRteVideoSourceType.CAMERA;
       })) === null || _this$userMap$get3 === void 0 ? void 0 : _this$userMap$get3.streamId;
       if (streamId) {
-        this._uiEventStore.sendEvent(_constant.UIAction.VIDEO_WINDOW_PIN_ACTION, {
-          action: _constant.VideoWindowPinType.REMOVE_PIN,
-          streamId: streamId
-        });
+        this._sharedVideoWindowDataSource.removePinToast(streamId, (0, _i18n.transI18n)('fmt_settings_tips_screenunlock'));
       }
     }
   }, {
@@ -828,10 +833,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
         return stream.videoSourceType === _type2.AgoraRteVideoSourceType.CAMERA;
       })) === null || _this$userMap$get4 === void 0 ? void 0 : _this$userMap$get4.streamId;
       if (streamId) {
-        this._uiEventStore.sendEvent(_constant.UIAction.VIDEO_WINDOW_PIN_ACTION, {
-          action: _constant.VideoWindowPinType.ADD_PIN,
-          streamId: streamId
-        });
+        this._sharedVideoWindowDataSource.addPinToast(streamId);
       }
     }
   }, {
@@ -841,18 +843,82 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
     }
   }, {
     key: "openRemoveAdmitWaitingRoomDialog",
-    value: function openRemoveAdmitWaitingRoomDialog(dialogKey, params) {
-      this._uiEventStore.openDialog(dialogKey, '', {
-        userId: params.userId,
-        type: params.type,
+    value: function openRemoveAdmitWaitingRoomDialog(params) {
+      var _this5 = this;
+      var buttonTextMap = {
+        removeAll: (0, _i18n.transI18n)('fmt_waitingroom_sidebar_button_removeall'),
+        admitAll: (0, _i18n.transI18n)('fmt_waitingroom_sidebar_button_admitall'),
+        remove: (0, _i18n.transI18n)('fmt_waitingroom_sidebar_popup_button_remove')
+      };
+      this._isChecked[params.type] = false;
+      var key = this.openConfirmDialog({
         title: params.title,
-        tooltip: params.tooltip
+        alignCenter: true,
+        content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_operateWaitingroomMember.OperateWaitingRoomMemberDialog, {
+          type: params.type,
+          userId: params.userId,
+          tooltip: params.tooltip,
+          title: params.title,
+          onChecked: function onChecked(isChecked) {
+            _this5._isChecked[params.type] = isChecked;
+          }
+        }),
+        onOk: function onOk() {
+          if (params.type === 'remove') {
+            _this5.removeWaitingRoomUser(params.userId, _this5._isChecked[params.type] ? _type4.FcrUserKickedOutType.Forever : _type4.FcrUserKickedOutType.Once);
+          }
+          if (params.type === 'removeAll') {
+            _this5.kickOutWaitingRoomAllMember(_this5._isChecked[params.type] ? _type4.FcrUserKickedOutType.Forever : _type4.FcrUserKickedOutType.Once);
+          }
+          if (params.type === 'admitAll') {
+            _this5.moveToMainRoomAllMember();
+          }
+          _this5._uiEventStore.closeConfirm(key);
+        },
+        okText: buttonTextMap[params.type]
+      });
+    }
+  }, {
+    key: "setMuteAllDialogValue",
+    value: function setMuteAllDialogValue(allowUnmuteSelfAudio, allowJoinWithMuteAudio) {
+      this.allowUnmute = allowUnmuteSelfAudio;
+      this.joinWithMuteAudio = allowJoinWithMuteAudio;
+    }
+  }, {
+    key: "openMuteAllDialog",
+    value: function openMuteAllDialog(params) {
+      var _this6 = this;
+      this.openConfirmDialog({
+        title: (0, _i18n.transI18n)('fmt_attendies_options_muteall'),
+        content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_muteAll.MuteAllDialog, {
+            allowUnmuteSelfAudio: this.allowUnmuteSelfAudio,
+            allowJoinWithMuteAudio: this.allowJoinWithMuteAudio,
+            open: params.open,
+            setMuteAllDialogValue: this.setMuteAllDialogValue
+          })
+        }),
+        okButtonProps: {
+          styleType: 'danger',
+          shape: 'rounded'
+        },
+        cancelButtonProps: {
+          shape: 'rounded'
+        },
+        okText: (0, _i18n.transI18n)('fmt_attendies_button_muteall'),
+        cancelText: (0, _i18n.transI18n)('fmt_attendies_button_cancel'),
+        onOk: function onOk() {
+          _this6.handlerRoomControlAction(_constant.FcrUIRoomControlType.MUTE_ALL_AUDIO, {
+            allowUnmute: _this6.allowUnmute,
+            joinWithMuteAudio: _this6.joinWithMuteAudio
+          });
+        }
       });
     }
   }, {
     key: "handlerUserAction",
     value: function handlerUserAction(action, userId) {
-      var _this5 = this;
+      var _this7 = this;
       switch (action) {
         case _attendee.ParticipantActionType.MUTE_AUDIO:
           this._muteUserAudio(userId);
@@ -870,17 +936,20 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
           this._privateChat(userId);
           break;
         case _attendee.ParticipantActionType.KICK_OUT:
-          if (this.activeTab === _constant.RoomType.MAIN_ROOM) {
+          if (this.activeTab === _type5.FcrRoomType.Mainroom) {
             this._kickOutUser(userId);
           } else {
             var _this$userMap$get5;
-            this.openRemoveAdmitWaitingRoomDialog(_constant.DialogKey.WAITING_ROOM_SINGLE_REMOVE, {
+            this.openRemoveAdmitWaitingRoomDialog({
               userId: userId,
               type: 'remove',
               title: (0, _i18n.transI18n)('fmt_waitingroom_sidebar_popup_removeall'),
               tooltip: (0, _i18n.transI18n)('fmt_waitingroom_sidebar_popup_label_remove', {
                 reason1: (_this$userMap$get5 = this.userMap.get(userId)) === null || _this$userMap$get5 === void 0 ? void 0 : _this$userMap$get5.userInfo.userName
-              })
+              }),
+              onChecked: function onChecked(isChecked) {
+                _this7._isChecked['remove'] = isChecked;
+              }
             });
           }
           break;
@@ -918,7 +987,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
             title: (0, _i18n.transI18n)('fmt_additional_option_rename_in_meeting'),
             content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_rename["default"], {
               onChange: function onChange(value) {
-                return _this5.newName = value;
+                return _this7.newName = value;
               }
             }),
             onOk: function () {
@@ -927,11 +996,11 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
                   while (1) switch (_context.prev = _context.next) {
                     case 0:
                       _context.next = 2;
-                      return _this5._userControl.updateUserName(userId, _this5.newName);
+                      return _this7._userControl.updateUserName(userId, _this7.newName);
                     case 2:
                       (0, _mobx.runInAction)(function () {
-                        _this5._closeChangeNameDialog();
-                        _this5._uiEventStore.showToast({
+                        _this7._closeChangeNameDialog();
+                        _this7._uiEventStore.showToast({
                           type: 'normal',
                           message: (0, _i18n.transI18n)('fmt_additional_tips_nickname_change_success')
                         });
@@ -949,8 +1018,9 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
             }(),
             alignCenter: true,
             onCancel: function onCancel() {
-              _this5._closeChangeNameDialog();
+              _this7._closeChangeNameDialog();
             },
+            closable: false,
             height: 190
           });
           this._changeNameDialogKey.push(key);
@@ -959,10 +1029,10 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_closeChangeNameDialog",
     value: function _closeChangeNameDialog() {
-      var _this6 = this;
+      var _this8 = this;
       if (this._changeNameDialogKey.length > 0) {
         this._changeNameDialogKey.forEach(function (key) {
-          _this6._uiEventStore.closeConfirm(key);
+          _this8._uiEventStore.closeConfirm(key);
         });
         this._changeNameDialogKey = [];
       }
@@ -1084,34 +1154,34 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
     key: "handlerRoomControlAction",
     value: function handlerRoomControlAction(action, data) {
       switch (action) {
-        case _constant.RoomControlType.MUTE_ALL_AUDIO:
+        case _constant.FcrUIRoomControlType.MUTE_ALL_AUDIO:
           this._muteAllAudio(data.allowUnmute, data.joinWithMuteAudio);
           break;
-        case _constant.RoomControlType.UNMUTE_ALL_AUDIO:
+        case _constant.FcrUIRoomControlType.UNMUTE_ALL_AUDIO:
           this._unmuteAllAudio();
           break;
-        case _constant.RoomControlType.ALLOW_ATTENDEE_TO_UNMUTE:
+        case _constant.FcrUIRoomControlType.ALLOW_ATTENDEE_TO_UNMUTE:
           this._enableSelfUnmute(data);
           break;
-        case _constant.RoomControlType.ALLOW_ATTENDEE_TO_OPEN_CAMERA:
+        case _constant.FcrUIRoomControlType.ALLOW_ATTENDEE_TO_OPEN_CAMERA:
           this._enableOpenVideo(data);
           break;
-        case _constant.RoomControlType.REVOKE_HOST:
+        case _constant.FcrUIRoomControlType.REVOKE_HOST:
           this._revokeHost();
           break;
-        case _constant.RoomControlType.PLAY_JOIN_LEAVE_SOUND:
+        case _constant.FcrUIRoomControlType.PLAY_JOIN_LEAVE_SOUND:
           this._playJoinLeaveSound();
           break;
-        case _constant.RoomControlType.LOCK_ROOM:
+        case _constant.FcrUIRoomControlType.LOCK_ROOM:
           this._lockRoom(data);
           break;
-        case _constant.RoomControlType.ENABLE_WAITING_ROOM:
+        case _constant.FcrUIRoomControlType.ENABLE_WAITING_ROOM:
           this._enableWaitingRoom(data);
           break;
-        case _constant.RoomControlType.RENAME:
+        case _constant.FcrUIRoomControlType.RENAME:
           this._enableRename();
           break;
-        case _constant.RoomControlType.JOIN_WITH_MUTE_AUDIO:
+        case _constant.FcrUIRoomControlType.JOIN_WITH_MUTE_AUDIO:
           this.enableJoinWithMuteAudio(data);
           break;
       }
@@ -1119,42 +1189,31 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_handleEvent",
     value: function _handleEvent(action, payload) {
-      if (action === _constant.UIAction.MAIN_LIST_CHANGED) {
+      if (action === _constant.FcrUIAction.MAIN_LIST_CHANGED) {
         this._mainList = payload || [];
       }
-      if (action === _constant.UIAction.SPOTLIGHT_STREAM_CHANGED) {
+      if (action === _constant.FcrUIAction.CUSTOM_SETTINGS_CHANGED) {
         var _ref6 = payload,
-          type = _ref6.type,
-          streamId = _ref6.streamId;
-        if (type === 'add') {
-          this.setSpotlightStreamId(streamId);
-        } else {
-          this.setSpotlightStreamId('');
-        }
-      }
-      if (action === _constant.UIAction.CUSTOM_SETTINGS_CHANGED) {
-        var _ref7 = payload,
-          spotlightEnabled = _ref7.spotlightEnabled;
-        this.enableSpotlight = spotlightEnabled;
+          spotlightEnabled = _ref6.spotlightEnabled;
+        // this.enableSpotlight = spotlightEnabled;
       }
-      if (action === _constant.UIAction.CHANGE_PARTICIPANT_TAB) {
+      if (action === _constant.FcrUIAction.CHANGE_PARTICIPANT_TAB) {
         this.handleActiveTab(payload);
       }
-      if (action === _constant.UIAction.WAITING_ROOM_DESTROYED) {
+      if (action === _constant.FcrUIAction.WAITING_ROOM_DESTROYED) {
         var _this$_waitingRoomUse3;
         (_this$_waitingRoomUse3 = this._waitingRoomUserControl) === null || _this$_waitingRoomUse3 === void 0 || _this$_waitingRoomUse3.removeObserver(this._waitingRoomUserObserver);
         this._waitingRoomControl = undefined;
         this._waitingRoomUserControl = undefined;
-        this.waitingRoomUserCount = 0;
-        this.handleActiveTab(_constant.RoomType.MAIN_ROOM);
+        this.handleActiveTab(_type5.FcrRoomType.Mainroom);
       }
-      if (action === _constant.UIAction.START_SHARE_SCREEN) {
+      if (action === _constant.FcrUIAction.START_SHARE_SCREEN) {
         this._screenSharingState = _fcrCore.FcrMediaSourceState.OPEN;
       }
-      if (action === _constant.UIAction.STOP_SHARE_SCREEN) {
+      if (action === _constant.FcrUIAction.STOP_SHARE_SCREEN) {
         this._screenSharingState = _fcrCore.FcrMediaSourceState.CLOSE;
       }
-      if (action === _constant.UIAction.PARTICIPANT_ACTION) {
+      if (action === _constant.FcrUIAction.PARTICIPANT_ACTION) {
         this.handlerUserAction(payload.action, payload.userId);
       }
     }
@@ -1169,16 +1228,12 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
     key: "handleActiveTab",
     value: function handleActiveTab(tab) {
       this.activeTab = tab;
-      this._uiEventStore.sendEvent(_constant.UIAction.CURRENT_PARTITIPANT_TAB, tab);
-      if (this.activeTab === _constant.RoomType.WAITING_ROOM) {
-        this.isNewWaitingRoomUserEnter = false;
+      this.refreshList = Math.random();
+      // this._uiEventStore.sendEvent(FcrUIAction.CURRENT_PARTITIPANT_TAB, tab);
+      if (this.activeTab === _type5.FcrRoomType.Waitingroom) {
+        this._sharedWaitingRoomDataSource.unReadState = false;
       }
     }
-  }, {
-    key: "getInterpreterState",
-    value: function getInterpreterState() {
-      return this._interpreterControl.getState().enable;
-    }
   }, {
     key: "_initWaitingRoomUserList",
     value: function _initWaitingRoomUserList() {
@@ -1200,7 +1255,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
     function _muteUserAudio(user) {
       var isSelf = user === this._localUser.userId;
       if (isSelf) {
-        this._deviceStreamStore.enableMicrophoneWithStream(false);
+        this._deviceStreamStore.enableMicrophoneWithPreCheck(false);
       } else {
         var targetUsers = this._streamControl.getStreamsByUserId(user);
         var targetUser = targetUsers.find(function (user) {
@@ -1220,7 +1275,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
     value: function _unmuteUserAudio(userId) {
       var isSelf = userId === this._localUser.userId;
       if (isSelf) {
-        this._deviceStreamStore.enableMicrophoneWithStream(true);
+        this._deviceStreamStore.enableMicrophoneWithPreCheck(true);
       } else {
         var _this$_unmuteAudioTim;
         var targetUsers = this._streamControl.getStreamsByUserId(userId);
@@ -1250,7 +1305,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
     value: function _muteUserVideo(user) {
       var isSelf = user === this._localUser.userId;
       if (isSelf) {
-        this._deviceStreamStore.enableCameraWithStream(false);
+        this._deviceStreamStore.enableCameraWithPreCheck(false);
       } else {
         var targetUsers = this._streamControl.getStreamsByUserId(user);
         var targetUser = targetUsers.find(function (user) {
@@ -1272,13 +1327,13 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
     value: function _unmuteUserVideo(userId) {
       var isSelf = userId === this._localUser.userId;
       if (isSelf) {
-        this._deviceStreamStore.enableCameraWithStream(true);
+        this._deviceStreamStore.enableCameraWithPreCheck(true);
       } else {
         var localUser = this._localUser;
         var targetUsers = this._streamControl.getStreamsByUserId(userId);
         var targetUser = targetUsers[0];
         if (localUser.userId === userId) {
-          this._deviceStreamStore.enableCameraWithStream(true);
+          this._deviceStreamStore.enableCameraWithPreCheck(true);
         } else {
           var _this$_unmuteVideoTim;
           var now = Date.now();
@@ -1303,34 +1358,36 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       if (!this._securityStore.permitPrivateChat(userId)) {
         return;
       }
-      this._uiEventStore.updateAside({
-        chat: true
-      });
-      this._uiEventStore.sendEvent(_constant.UIAction.TOGGLE_CHAT_ROOM_TAB, this.activeTab);
+      if (this._sharedLayoutDataSource.chatRenderAt !== 'dialog') {
+        this._sharedLayoutDataSource.setAsideLayout({
+          chat: true
+        });
+        this._uiEventStore.sendEvent(_constant.FcrUIAction.TOGGLE_CHAT_ROOM_TAB, this.activeTab);
+      }
       var userData = this.userListSource.find(function (u) {
         return u.userId === userId;
       });
-      userData && this._uiEventStore.notifyChatUpdateTarget(userData.userInfo, this.activeTab);
+      userData && this._chatProvider.setPrivateChatTargetUser(userData.userInfo, this.activeTab);
       if ((0, _env.isElectron)() && this._screenSharingState === _fcrCore.FcrMediaSourceState.OPEN) {
-        this._uiEventStore.openDialog(_constant.DialogKey.CHAT);
+        this._uiEventStore.openDialog(_constant.FcrUIDialogKey.CHAT);
       }
     }
   }, {
     key: "_kickOutUser",
     value: function _kickOutUser(userId) {
-      var _this7 = this,
+      var _this9 = this,
         _this$userMap$get7;
       var dialogId = this.openConfirmDialog({
         title: '',
         onCancel: function onCancel() {
-          _this7._uiEventStore.closeConfirm(dialogId);
+          _this9._uiEventStore.closeConfirm(dialogId);
         },
         content: (0, _i18n.transI18n)('fmt_uimanager_tips_Remove', {
           reason2: (_this$userMap$get7 = this.userMap.get(userId)) === null || _this$userMap$get7 === void 0 ? void 0 : _this$userMap$get7.userInfo.userName
         }),
         onOk: function onOk() {
-          _this7._userControl.kickOut(userId, _type4.FcrUserKickedOutType.Once);
-          _this7._uiEventStore.closeConfirm(dialogId);
+          _this9._userControl.kickOut(userId, _type4.FcrUserKickedOutType.Once);
+          _this9._uiEventStore.closeConfirm(dialogId);
         },
         height: 160
       }, 'KICK_OUT');
@@ -1339,7 +1396,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
     key: "_handleSetHostOrCoHost",
     value: function _handleSetHostOrCoHost(userId, type) {
       var _this$userMap$get8,
-        _this8 = this;
+        _this10 = this;
       var username = (_this$userMap$get8 = this.userMap.get(userId)) === null || _this$userMap$get8 === void 0 ? void 0 : _this$userMap$get8.userInfo.userName;
       var targetRole = type === 'host' ? (0, _i18n.transI18n)('fmt_role_host') : (0, _i18n.transI18n)('fmt_role_cohost');
       var dialogId = this.openConfirmDialog({
@@ -1347,22 +1404,22 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
           reason1: targetRole
         }),
         onCancel: function onCancel() {
-          _this8._uiEventStore.closeConfirm(dialogId);
+          _this10._uiEventStore.closeConfirm(dialogId);
         },
         content: (0, _i18n.transI18n)('fmt_uimanager_tips_designedas', {
           reason1: username,
           reason2: targetRole
         }),
         onOk: function onOk() {
-          if (!_this8.userMap.has(userId)) {
-            _this8._uiEventStore.showToast({
+          if (!_this10.userMap.has(userId)) {
+            _this10._uiEventStore.showToast({
               type: 'error',
               message: (0, _i18n.transI18n)('fmt_uimanager_tips_userleaft')
             });
             return;
           }
-          _this8._userControl.updateRemoteUserRole(userId, type === 'host' ? _type.FcrUserRole.HOST : _type.FcrUserRole.COHOST);
-          _this8._uiEventStore.closeConfirm(dialogId);
+          _this10._userControl.updateRemoteUserRole(userId, type === 'host' ? _type.FcrUserRole.HOST : _type.FcrUserRole.COHOST);
+          _this10._uiEventStore.closeConfirm(dialogId);
         },
         okText: (0, _i18n.transI18n)('fmt_uimanager_labels_Setas', {
           reason1: targetRole
@@ -1428,9 +1485,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
     }
   }, {
     key: "_playJoinLeaveSound",
-    value: function _playJoinLeaveSound() {
-      // TODO
-    }
+    value: function _playJoinLeaveSound() {}
   }, {
     key: "_lockRoom",
     value: function _lockRoom(enable) {
@@ -1469,111 +1524,81 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
     }
   }, {
     key: "_updateUserBoardState",
-    value: function _updateUserBoardState(modifiedUser) {
-      var _this$_roomControl$ge = this._roomControl.getBoardControl().getBoardActiveInfo(),
-        isActive = _this$_roomControl$ge.isActive,
-        ownerUserId = _this$_roomControl$ge.ownerUserId;
-      if (!ownerUserId && !modifiedUser) return;
-      var ownerUser = this._userControl.getUser(ownerUserId);
-      var targetUser = modifiedUser || ownerUser;
-      this._dataSource.update(!isActive ? ownerUser : targetUser, !isActive ? isActive : ownerUserId === (targetUser === null || targetUser === void 0 ? void 0 : targetUser.userId) && isActive);
+    value: function _updateUserBoardState() {
+      var _boardInfo = this._roomControl.getBoardControl().getBoardActiveInfo();
+      var isActive = _boardInfo.isActive,
+        ownerUserId = _boardInfo.ownerUserId;
+      this._dataSource.list.forEach(function (user) {
+        var isBoardActive = isActive && user.userId === ownerUserId;
+        user.setUserInfo(_objectSpread(_objectSpread({}, user.userInfo), {}, {
+          isBoardActive: isBoardActive
+        }));
+      });
+      this._dataSource.list = (0, _toConsumableArray2["default"])(this._dataSource.list);
     }
   }, {
     key: "_handleRemoteUserJoined",
     value: function _handleRemoteUserJoined(roomId, events) {
-      var _this9 = this;
+      var _this11 = this;
       events.forEach(function (event) {
         var modifiedUser = event.modifiedUser;
-        _this9._dataSource.add(modifiedUser, _this9._streamControl.getStreamsByUserId(modifiedUser.userId), modifiedUser.userId === _this9._localUser.userId);
-        _this9._updateUserBoardState(modifiedUser);
+        _this11._dataSource.add(modifiedUser, _this11._streamControl.getStreamsByUserId(modifiedUser.userId), modifiedUser.userId === _this11._localUser.userId);
+        _this11._updateUserBoardState();
       });
     }
   }, {
     key: "_handleRemoteUserLeft",
     value: function _handleRemoteUserLeft(roomId, events) {
-      var _this10 = this;
+      var _this12 = this;
       events.forEach(function (event) {
         var modifiedUser = event.modifiedUser;
-        _this10._dataSource["delete"](modifiedUser);
-        _this10._updateUserBoardState(modifiedUser);
+        _this12._dataSource["delete"](modifiedUser);
+        _this12._updateUserBoardState();
       });
     }
   }, {
     key: "_handleRemoteWaitingUserJoined",
     value: function _handleRemoteWaitingUserJoined(roomId, events) {
-      var _this11 = this;
+      var _this13 = this;
       events.forEach(function (event) {
         var modifiedUser = event.modifiedUser;
         if (modifiedUser.userRole === _type.FcrUserRole.PARTICIPANT) {
-          _this11._waitingRoomDataSource.add(modifiedUser, _this11._streamControl.getStreamsByUserId(modifiedUser.userId), modifiedUser.userId === _this11._localUser.userId);
+          _this13._waitingRoomDataSource.add(modifiedUser, _this13._streamControl.getStreamsByUserId(modifiedUser.userId), modifiedUser.userId === _this13._localUser.userId);
           // this._updateUserBoardState(modifiedUser);
         }
       });
-      if (this.activeTab === _constant.RoomType.MAIN_ROOM) {
-        this.isNewWaitingRoomUserEnter = true;
-      }
-      this.waitingRoomUserCount = this._getWaitingRoomUserCount();
-    }
-  }, {
-    key: "_getWaitingRoomUserCount",
-    value: function _getWaitingRoomUserCount() {
-      var _this$_waitingRoomUse4;
-      return (_this$_waitingRoomUse4 = this._waitingRoomUserControl) === null || _this$_waitingRoomUse4 === void 0 ? void 0 : _this$_waitingRoomUse4.getUserList().filter(function (user) {
-        return user.userRole === _type.FcrUserRole.PARTICIPANT;
-      }).length;
+      // if (this.activeTab === FcrRoomType.Mainroom) {
+      //   this.isNewWaitingRoomUserEnter = true;
+      // }
+      // this.waitingRoomUserCount = this._getWaitingRoomUserCount() as number;
     }
+
+    // private _getWaitingRoomUserCount() {
+    //   return this._waitingRoomUserControl
+    //     ?.getUserList()
+    //     .filter((user) => user.userRole === FcrUserRole.PARTICIPANT).length;
+    // }
   }, {
     key: "_handleRemoteWaitingUserLeft",
     value: function _handleRemoteWaitingUserLeft(roomId, events) {
-      var _this12 = this;
+      var _this14 = this;
       events.forEach(function (event) {
         var modifiedUser = event.modifiedUser;
-        _this12._waitingRoomDataSource["delete"](modifiedUser);
-        _this12._updateUserBoardState(modifiedUser);
+        _this14._waitingRoomDataSource["delete"](modifiedUser);
+        // this._updateUserBoardState(modifiedUser);
       });
-      this.waitingRoomUserCount = this._getWaitingRoomUserCount();
-      if (this._getWaitingRoomUserCount() === 0) {
-        this.handleActiveTab(_constant.RoomType.MAIN_ROOM);
-      }
+      // this.waitingRoomUserCount = this._getWaitingRoomUserCount() as number;
+      // if (this._getWaitingRoomUserCount() === 0) {
+      //   this.handleActiveTab(FcrRoomType.Mainroom);
+      // }
     }
   }, {
     key: "_handleUserInfoUpdated",
     value: function _handleUserInfoUpdated(roomId, event) {
-      var _this$userMap$get9;
+      this.refreshList = Math.random();
       var targetUser = event.modifiedUser;
-      this._updateUserBoardState(targetUser);
-      this._dataSource.update(targetUser);
-      var originUser = (_this$userMap$get9 = this.userMap.get(targetUser.userId)) === null || _this$userMap$get9 === void 0 ? void 0 : _this$userMap$get9.userInfo;
-      var _this$_localUser3 = this._localUser,
-        localUserId = _this$_localUser3.userId,
-        localUserRole = _this$_localUser3.userRole;
-      var effectSelf = targetUser.userId === localUserId;
-      if ((originUser === null || originUser === void 0 ? void 0 : originUser.userRole) !== targetUser.userRole) {
-        // 参会者变管理
-        if (targetUser.userRole === _type.FcrUserRole.HOST || targetUser.userRole === _type.FcrUserRole.COHOST) {
-          var userTxt = targetUser.userRole === _type.FcrUserRole.HOST ? (0, _i18n.transI18n)('fmt_role_host') : (0, _i18n.transI18n)('fmt_role_cohost');
-          this._uiEventStore.showToast({
-            type: effectSelf ? 'info' : 'normal',
-            message: effectSelf ? "".concat((0, _i18n.transI18n)('fmt_uimanager_labels_designate')).concat(userTxt) : (0, _i18n.transI18n)('fmt_uimanager_labels_Becoming', {
-              reason1: "".concat(targetUser.userName, " ").concat(this._isHost(localUserRole) ? '' : (0, _i18n.transI18n)('fmt_pairicipant_label_Now')),
-              reason2: userTxt
-            })
-          });
-        }
-
-        // 管理变参会者
-        if ((originUser === null || originUser === void 0 ? void 0 : originUser.userRole) === _type.FcrUserRole.COHOST && targetUser.userRole !== _type.FcrUserRole.COHOST) {
-          this._uiEventStore.showToast({
-            type: effectSelf ? 'error' : 'normal',
-            message: effectSelf ? (0, _i18n.transI18n)('fmt_additional_tips_cohostbeenrevoke') : this._isHost(localUserRole) ? (0, _i18n.transI18n)('fmt_additional_tips_cohostbeenrevoke', {
-              reason1: targetUser.userName
-            }) : (0, _i18n.transI18n)('fmt_additional_tips_nolongercohost', {
-              reason1: targetUser.userName
-            }),
-            duration: 3000
-          });
-        }
-      }
+      this._dataSource.updateUserInfo(targetUser, true);
+      var localUserRole = this._localUser.userRole;
       this._updateLocalUserRole(localUserRole);
       this._refreshCurrentPerspectiveType();
     }
@@ -1597,35 +1622,36 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_handleStreamsAdded",
     value: function _handleStreamsAdded(roomId, events) {
-      var _this13 = this;
+      var _this15 = this;
       events.forEach(function (e) {
         var modifiedStream = e.modifiedStream;
-        _this13._dataSource.updateWithStreamAdd(modifiedStream);
+        _this15._dataSource.updateWithStreamAdd(modifiedStream);
       });
     }
   }, {
     key: "_handleStreamsUpdated",
     value: function _handleStreamsUpdated(roomId, events) {
-      var _this14 = this;
+      var _this16 = this;
+      this.refreshList = Math.random();
       events.forEach(function (e) {
         var modifiedStream = e.modifiedStream;
-        _this14._dataSource.update(modifiedStream);
+        _this16._dataSource.updateStreamInfo(modifiedStream);
       });
     }
   }, {
     key: "_handleStreamsRemoved",
     value: function _handleStreamsRemoved(roomId, events) {
-      var _this15 = this;
+      var _this17 = this;
       events.forEach(function (e) {
         var modifiedStream = e.modifiedStream;
-        _this15._dataSource.updateWithStreamRemove(modifiedStream);
+        _this17._dataSource.updateWithStreamRemove(modifiedStream);
       });
     }
   }, {
     key: "_refreshCurrentPerspectiveType",
     value: function _refreshCurrentPerspectiveType() {
-      var _this$_localUser4;
-      var localUserUid = (_this$_localUser4 = this._localUser) === null || _this$_localUser4 === void 0 ? void 0 : _this$_localUser4.userId;
+      var _this$_localUser3;
+      var localUserUid = (_this$_localUser3 = this._localUser) === null || _this$_localUser3 === void 0 ? void 0 : _this$_localUser3.userId;
       if (!localUserUid) {
         this.currentPerspectiveType = 'attendee';
         return;
@@ -1648,13 +1674,13 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_onPeerSessionReceived",
     value: function _onPeerSessionReceived(session) {
-      var _this$_localUser5,
-        _this16 = this;
+      var _this$_localUser4,
+        _this18 = this;
       if (session.sessionId && this._processedUserOpenDeviceRequests.has(session.sessionId)) {
         return;
       }
       this._processedUserOpenDeviceRequests.add(session.sessionId);
-      var localUserUid = (_this$_localUser5 = this._localUser) === null || _this$_localUser5 === void 0 ? void 0 : _this$_localUser5.userId;
+      var localUserUid = (_this$_localUser4 = this._localUser) === null || _this$_localUser4 === void 0 ? void 0 : _this$_localUser4.userId;
       if (!localUserUid) {
         return;
       }
@@ -1673,8 +1699,8 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
           this._peerSessionControl.acceptPeerSession(session);
           return;
         }
-        var _ref8 = payload,
-          sender = _ref8.sender;
+        var _ref7 = payload,
+          sender = _ref7.sender;
         var dialogId = this.openConfirmDialog({
           width: 400,
           height: 166,
@@ -1685,13 +1711,13 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
           okText: (0, _i18n.transI18n)('fmt_additional_button_accept'),
           cancelText: (0, _i18n.transI18n)('fmt_additional_button_refuse'),
           onOk: function onOk() {
-            _this16._peerSessionControl.acceptPeerSession(session);
-            _this16._deviceStreamStore.enableCameraWithStream(true);
-            _this16._uiEventStore.closeConfirm(dialogId);
+            _this18._peerSessionControl.acceptPeerSession(session);
+            _this18._deviceStreamStore.enableCameraWithPreCheck(true);
+            _this18._uiEventStore.closeConfirm(dialogId);
           },
           onCancel: function onCancel() {
-            _this16._peerSessionControl.rejectPeerSession(session);
-            _this16._uiEventStore.closeConfirm(dialogId);
+            _this18._peerSessionControl.rejectPeerSession(session);
+            _this18._uiEventStore.closeConfirm(dialogId);
           }
         }, _type3.FcrUISessionKey.REQUEST_OPEN_CAMERA);
         return;
@@ -1701,8 +1727,8 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
           this._peerSessionControl.acceptPeerSession(session);
           return;
         }
-        var _ref9 = payload,
-          _sender = _ref9.sender;
+        var _ref8 = payload,
+          _sender = _ref8.sender;
         var _dialogId = this.openConfirmDialog({
           title: (0, _i18n.transI18n)('fmt_attendies_tips_apply_audio_title', {
             reason1: (0, _i18n.transI18n)(_i18n2.userRoleI18nKey[_sender.userRole])
@@ -1711,13 +1737,13 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
           okText: (0, _i18n.transI18n)('fmt_device_label_audio_unmute'),
           cancelText: (0, _i18n.transI18n)('fmt_additional_options_Keepsilent'),
           onOk: function onOk() {
-            _this16._peerSessionControl.acceptPeerSession(session);
-            _this16._deviceStreamStore.enableMicrophoneWithStream(true);
-            _this16._uiEventStore.closeConfirm(_dialogId);
+            _this18._peerSessionControl.acceptPeerSession(session);
+            _this18._deviceStreamStore.enableMicrophoneWithPreCheck(true);
+            _this18._uiEventStore.closeConfirm(_dialogId);
           },
           onCancel: function onCancel() {
-            _this16._peerSessionControl.rejectPeerSession(session);
-            _this16._uiEventStore.closeConfirm(_dialogId);
+            _this18._peerSessionControl.rejectPeerSession(session);
+            _this18._uiEventStore.closeConfirm(_dialogId);
           },
           width: 400,
           height: 166
@@ -1792,26 +1818,23 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
   }]);
 }();
 _ParticipantStore = ParticipantStore;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_ParticipantStore, [[_mobx.observable, 1, "_mainList"], [_mobx.observable, 1, "_participantsWindowActive"], [_mobx.observable, 1, "currentPerspectiveType"], [_mobx.observable, 1, "audioVolumeMap"], [_mobx.observable, 1, "enableParticipantsJoinWithMute"], [_mobx.observable, 1, "searchText"], [_mobx.observable, 1, "currentModal"], [_mobx.observable, 1, "localUserRole"], [_mobx.observable, 1, "spotlightStreamId"], [_mobx.observable, 1, "enableSpotlight"], [_mobx.observable, 1, "mergeConfirmDialog"], [_mobx.observable, 1, "mergeUserId"], [_mobx.observable, 1, "activeTab"], [_mobx.observable, 1, "isNewWaitingRoomUserEnter"], [_mobx.observable, 1, "waitingRoomUserCount"], [_mobx.observable, 1, "interpreterUsers"], [_mobx.observable, 1, "interpreterState"], [_mobx.observable, 1, "interpreterInputLanguageList"], [_mobx.observable, 1, "newName"], [_mobx.observable, 1, "refreshList"], [_mobx.computed, 3, "userListSource"], [_mobx.computed, 3, "mergeUserInfo"], [_mobx.computed, 3, "userMap"], [_mobx.computed, 3, "pinedStreamIds"], [_mobx.computed, 3, "hasPinnedStream"], [_mobx.computed, 3, "userList"], [_mobx.computed, 3, "localMicVolume"], [_mobx.computed, 3, "hasRevokeHostPermission"], [_setSpotlightStreamIdDecs, 18, "setSpotlightStreamId"], [_decorator.bound, 2, "hasMutePermission"], [_decorator.bound, 2, "hasWaitingRoomPermission"], [_decorator.bound, 2, "hasUnmutePermission"], [_decorator.bound, 2, "hasRequestStartAudioPermission"], [_setCurrentModalDecs, 18, "setCurrentModal"], [_decorator.bound, 2, "closeParticipantsAside"], [_openParticipantsWindowDecs, 18, "openParticipantsWindow"], [_setParticipantsWindowActiveDecs, 18, "setParticipantsWindowActive"], [_handlerSearchUserDecs, 18, "handlerSearchUser"], [_decorator.bound, 2, "onInvite"], [_decorator.bound, 2, "setMergeConfirmDialog"], [_decorator.bound, 2, "mergeConfirmDialogOk"], [_decorator.bound, 2, "removePin"], [_decorator.bound, 2, "addPin"], [_closeRemoveAdmitWaitingRoomDialogDecs, 18, "closeRemoveAdmitWaitingRoomDialog"], [_openRemoveAdmitWaitingRoomDialogDecs, 18, "openRemoveAdmitWaitingRoomDialog"], [_handlerUserActionDecs, 18, "handlerUserAction"], [_closeChangeNameDialogDecs, 18, "_closeChangeNameDialog"], [_moveToWaitingRoomByUserIdsDecs, 18, "_moveToWaitingRoomByUserIds"], [_removeWaitingRoomUserDecs, 18, "removeWaitingRoomUser"], [_kickOutWaitingRoomAllMemberDecs, 18, "kickOutWaitingRoomAllMember"], [_moveToMainRoomAllMemberDecs, 18, "moveToMainRoomAllMember"], [_decorator.bound, 2, "getMicStreamVolume"], [_handlerRoomControlActionDecs, 18, "handlerRoomControlAction"], [_handleEventDecs, 18, "_handleEvent"], [_moveToMainRoomByUserIdsDecs, 18, "moveToMainRoomByUserIds"], [_handleActiveTabDecs, 18, "handleActiveTab"], [_getInterpreterStateDecs, 18, "getInterpreterState"], [_initWaitingRoomUserListDecs, 18, "_initWaitingRoomUserList"], [_kickOutUserDecs, 18, "_kickOutUser"], [_setAsAttendeeDecs, 18, "_setAsAttendee"], [_onAudioVolumeUpdatedDecs, 18, "_onAudioVolumeUpdated"], [_handleRemoteUserJoinedDecs, 18, "_handleRemoteUserJoined"], [_handleRemoteUserLeftDecs, 18, "_handleRemoteUserLeft"], [_handleRemoteWaitingUserJoinedDecs, 18, "_handleRemoteWaitingUserJoined"], [_handleRemoteWaitingUserLeftDecs, 18, "_handleRemoteWaitingUserLeft"], [_handleUserInfoUpdatedDecs, 18, "_handleUserInfoUpdated"], [_initUserListDecs, 18, "_initUserList"], [_decorator.bound, 2, "_handleStreamsAdded"], [_decorator.bound, 2, "_handleStreamsUpdated"], [_decorator.bound, 2, "_handleStreamsRemoved"], [_refreshCurrentPerspectiveTypeDecs, 18, "_refreshCurrentPerspectiveType"], [_onPeerSessionReceivedDecs, 18, "_onPeerSessionReceived"], [_updateLocalUserRoleDecs, 18, "_updateLocalUserRole"], [_getOutputLanguageDecs, 18, "_getOutputLanguage"]], []).e, 21);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_ParticipantStore, [[_mobx.observable, 1, "_mainList"], [_mobx.observable, 1, "_isChecked"], [_mobx.observable, 1, "_participantsWindowActive"], [_mobx.observable, 1, "currentPerspectiveType"], [_mobx.observable, 1, "audioVolumeMap"], [_mobx.observable, 1, "enableParticipantsJoinWithMute"], [_mobx.observable, 1, "searchText"], [_mobx.observable, 1, "currentModal"], [_mobx.observable, 1, "localUserRole"], [_mobx.observable, 1, "mergeConfirmDialog"], [_mobx.observable, 1, "mergeUserId"], [_mobx.observable, 1, "activeTab"], [_mobx.observable, 1, "interpreterInputLanguageList"], [_mobx.observable, 1, "newName"], [_mobx.observable, 1, "refreshList"], [_mobx.observable, 1, "allowUnmute"], [_mobx.observable, 1, "joinWithMuteAudio"], [_mobx.computed, 3, "enableSpotlight"], [_mobx.computed, 3, "userListSource"], [_mobx.computed, 3, "spotlightStreamId"], [_mobx.computed, 3, "mergeUserInfo"], [_mobx.computed, 3, "userMap"], [_mobx.computed, 3, "pinedStreamIds"], [_mobx.computed, 3, "hasPinnedStream"], [_mobx.computed, 3, "userList"], [_mobx.computed, 3, "localMicVolume"], [_mobx.computed, 3, "hasRevokeHostPermission"], [_mobx.computed, 3, "waitingRoomUserCount"], [_mobx.computed, 3, "isNewWaitingRoomUserEnter"], [_decorator.bound, 2, "hasMutePermission"], [_decorator.bound, 2, "hasWaitingRoomPermission"], [_decorator.bound, 2, "hasUnmutePermission"], [_decorator.bound, 2, "hasRequestStartAudioPermission"], [_setCurrentModalDecs, 18, "setCurrentModal"], [_decorator.bound, 2, "closeParticipantsAside"], [_openParticipantsWindowDecs, 18, "openParticipantsWindow"], [_setParticipantsWindowActiveDecs, 18, "setParticipantsWindowActive"], [_handlerSearchUserDecs, 18, "handlerSearchUser"], [_decorator.bound, 2, "onInvite"], [_decorator.bound, 2, "setMergeConfirmDialog"], [_decorator.bound, 2, "mergeConfirmDialogOk"], [_decorator.bound, 2, "removePin"], [_decorator.bound, 2, "addPin"], [_closeRemoveAdmitWaitingRoomDialogDecs, 18, "closeRemoveAdmitWaitingRoomDialog"], [_openRemoveAdmitWaitingRoomDialogDecs, 18, "openRemoveAdmitWaitingRoomDialog"], [_setMuteAllDialogValueDecs, 18, "setMuteAllDialogValue"], [_openMuteAllDialogDecs, 18, "openMuteAllDialog"], [_handlerUserActionDecs, 18, "handlerUserAction"], [_closeChangeNameDialogDecs, 18, "_closeChangeNameDialog"], [_moveToWaitingRoomByUserIdsDecs, 18, "_moveToWaitingRoomByUserIds"], [_removeWaitingRoomUserDecs, 18, "removeWaitingRoomUser"], [_kickOutWaitingRoomAllMemberDecs, 18, "kickOutWaitingRoomAllMember"], [_moveToMainRoomAllMemberDecs, 18, "moveToMainRoomAllMember"], [_decorator.bound, 2, "getMicStreamVolume"], [_handlerRoomControlActionDecs, 18, "handlerRoomControlAction"], [_handleEventDecs, 18, "_handleEvent"], [_moveToMainRoomByUserIdsDecs, 18, "moveToMainRoomByUserIds"], [_handleActiveTabDecs, 18, "handleActiveTab"], [_initWaitingRoomUserListDecs, 18, "_initWaitingRoomUserList"], [_kickOutUserDecs, 18, "_kickOutUser"], [_setAsAttendeeDecs, 18, "_setAsAttendee"], [_onAudioVolumeUpdatedDecs, 18, "_onAudioVolumeUpdated"], [_updateUserBoardStateDecs, 18, "_updateUserBoardState"], [_handleRemoteUserJoinedDecs, 18, "_handleRemoteUserJoined"], [_handleRemoteUserLeftDecs, 18, "_handleRemoteUserLeft"], [_handleRemoteWaitingUserJoinedDecs, 18, "_handleRemoteWaitingUserJoined"], [_handleRemoteWaitingUserLeftDecs, 18, "_handleRemoteWaitingUserLeft"], [_handleUserInfoUpdatedDecs, 18, "_handleUserInfoUpdated"], [_initUserListDecs, 18, "_initUserList"], [_decorator.bound, 2, "_handleStreamsAdded"], [_decorator.bound, 2, "_handleStreamsUpdated"], [_decorator.bound, 2, "_handleStreamsRemoved"], [_refreshCurrentPerspectiveTypeDecs, 18, "_refreshCurrentPerspectiveType"], [_onPeerSessionReceivedDecs, 18, "_onPeerSessionReceived"], [_updateLocalUserRoleDecs, 18, "_updateLocalUserRole"], [_getOutputLanguageDecs, 18, "_getOutputLanguage"]], []).e, 18);
 _init__mainList = _applyDecs$e[0];
-_init__participantsWindowActive = _applyDecs$e[1];
-_init_currentPerspectiveType = _applyDecs$e[2];
-_init_audioVolumeMap = _applyDecs$e[3];
-_init_enableParticipantsJoinWithMute = _applyDecs$e[4];
-_init_searchText = _applyDecs$e[5];
-_init_currentModal = _applyDecs$e[6];
-_init_localUserRole = _applyDecs$e[7];
-_init_spotlightStreamId = _applyDecs$e[8];
-_init_enableSpotlight = _applyDecs$e[9];
-_init_mergeConfirmDialog = _applyDecs$e[10];
-_init_mergeUserId = _applyDecs$e[11];
-_init_activeTab = _applyDecs$e[12];
-_init_isNewWaitingRoomUserEnter = _applyDecs$e[13];
-_init_waitingRoomUserCount = _applyDecs$e[14];
-_init_interpreterUsers = _applyDecs$e[15];
-_init_interpreterState = _applyDecs$e[16];
-_init_interpreterInputLanguageList = _applyDecs$e[17];
-_init_newName = _applyDecs$e[18];
-_init_refreshList = _applyDecs$e[19];
-_initProto = _applyDecs$e[20];
+_init__isChecked = _applyDecs$e[1];
+_init__participantsWindowActive = _applyDecs$e[2];
+_init_currentPerspectiveType = _applyDecs$e[3];
+_init_audioVolumeMap = _applyDecs$e[4];
+_init_enableParticipantsJoinWithMute = _applyDecs$e[5];
+_init_searchText = _applyDecs$e[6];
+_init_currentModal = _applyDecs$e[7];
+_init_localUserRole = _applyDecs$e[8];
+_init_mergeConfirmDialog = _applyDecs$e[9];
+_init_mergeUserId = _applyDecs$e[10];
+_init_activeTab = _applyDecs$e[11];
+_init_interpreterInputLanguageList = _applyDecs$e[12];
+_init_newName = _applyDecs$e[13];
+_init_refreshList = _applyDecs$e[14];
+_init_allowUnmute = _applyDecs$e[15];
+_init_joinWithMuteAudio = _applyDecs$e[16];
+_initProto = _applyDecs$e[17];
 var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);