fcr-ui-scene 3.4.5 → 3.5.0

package/lib/modules/participant/store.js

@@ -35,17 +35,11 @@ require("core-js/modules/es.array.some.js");
 require("core-js/modules/es.date.now.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.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");
@@ -93,7 +87,6 @@ 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,31 +94,28 @@ 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 _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");
 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 _type6 = require("fcr-core/lib/room-control/privilege-control/type");
+var _confirmInput = _interopRequireDefault(require("./components/confirm-input"));
+var _type5 = require("fcr-core/lib/room-control/privilege-control/type");
 var _env = require("agora-foundation/lib/utilities/env");
+var _type6 = require("../../type");
 var _operateWaitingroomMember = require("./components/operate-waitingroom-member");
 var _muteAll = require("./components/mute-all");
+var _imports = require("fcr-core/lib/imports");
+var _logger = require("../../utilities/logger");
 var _jsxRuntime = require("react/jsx-runtime");
 var _ParticipantStore;
-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
- */
+var _initProto, _init__mainList, _init__isChecked, _init__participantsWindowActive, _init_enableParticipantsJoinWithMute, _init_searchText, _init_currentModal, _init_mergeConfirmDialog, _init_mergeUserId, _init_activeTab, _init_interpreterInputLanguageList, _init_newName, _init_allowUnmute, _init_joinWithMuteAudio, _init_showBecomeHostButton, _setCurrentModalDecs, _openParticipantsWindowDecs, _setParticipantsWindowActiveDecs, _handlerSearchUserDecs, _closeRemoveAdmitWaitingRoomDialogDecs, _openRemoveAdmitWaitingRoomDialogDecs, _setAllowUnmuteDecs, _setAllowJoinWithMuteAudioDecs, _openMuteAllDialogDecs, _isHostSupportedDecs, _handlerUserActionDecs, _closeChangeNameDialogDecs, _moveToWaitingRoomByUserIdsDecs, _removeWaitingRoomUserDecs, _kickOutWaitingRoomAllMemberDecs, _moveToMainRoomAllMemberDecs, _handlerRoomControlActionDecs, _handleEventDecs, _moveToMainRoomByUserIdsDecs, _handleActiveTabDecs, _kickOutUserDecs, _setAsAttendeeDecs, _onPeerSessionReceivedDecs, _getOutputLanguageDecs, _ref;
 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); }
@@ -138,6 +128,9 @@ 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,10 +146,7 @@ var _K = /*#__PURE__*/new WeakMap();
 var _L = /*#__PURE__*/new WeakMap();
 var _M = /*#__PURE__*/new WeakMap();
 var _N = /*#__PURE__*/new WeakMap();
-var _O = /*#__PURE__*/new WeakMap();
-var _P = /*#__PURE__*/new WeakMap();
-var _Q = /*#__PURE__*/new WeakMap();
-_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");
+_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], _setAllowUnmuteDecs = [_mobx.action, _mobx.action.bound], _setAllowJoinWithMuteAudioDecs = [_mobx.action, _mobx.action.bound], _openMuteAllDialogDecs = [_mobx.action, _mobx.action.bound], _isHostSupportedDecs = [_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], _kickOutUserDecs = [_mobx.action, _mobx.action.bound], _setAsAttendeeDecs = [_mobx.action, _mobx.action.bound], _onPeerSessionReceivedDecs = [_mobx.action, _mobx.action.bound], _getOutputLanguageDecs = [_mobx.action, _mobx.action.bound], "logger");
 var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
   function ParticipantStore(_ref2) {
     var _this = this,
@@ -175,93 +165,85 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       sharedSettingDataSource = _ref2.sharedSettingDataSource,
       sharedWaitingRoomDataSource = _ref2.sharedWaitingRoomDataSource,
       chatProvider = _ref2.chatProvider,
-      sharedVideoWindowDataSource = _ref2.sharedVideoWindowDataSource;
+      sharedVideoWindowDataSource = _ref2.sharedVideoWindowDataSource,
+      sharedMemberDataSource = _ref2.sharedMemberDataSource,
+      sharedChatDataSource = _ref2.sharedChatDataSource,
+      dialogProvider = _ref2.dialogProvider,
+      abilityProvider = _ref2.abilityProvider,
+      messageProvider = _ref2.messageProvider,
+      sharedSecuritySharedDataSource = _ref2.sharedSecuritySharedDataSource;
     (0, _classCallCheck2["default"])(this, ParticipantStore);
-    (0, _defineProperty2["default"])(this, _ref, (_initProto(this), (0, _logger.getLogger)()));
-    (0, _defineProperty2["default"])(this, "_dataSource", new _memberListDataSource.FcrUIMemberListDataSourceImpl());
-    (0, _defineProperty2["default"])(this, "_waitingRoomDataSource", new _memberListDataSource.FcrUIMemberListDataSourceImpl());
+    (0, _defineProperty2["default"])(this, _ref, (_initProto(this), (0, _logger.createLogger)({
+      prefix: 'ParticipantStore'
+    })));
     (0, _defineProperty2["default"])(this, "_screenSharingState", _fcrCore.FcrMediaSourceState.CLOSE);
     (0, _defineProperty2["default"])(this, "_disposers", []);
     (0, _defineProperty2["default"])(this, "_changeNameDialogKey", []);
     (0, _defineProperty2["default"])(this, "_unmuteAudioTimestamp", new Map());
     (0, _defineProperty2["default"])(this, "_unmuteVideoTimestamp", new Map());
     (0, _defineProperty2["default"])(this, "_processedUserOpenDeviceRequests", new Set());
-    (0, _defineProperty2["default"])(this, "_streamsObserver", {
-      onStreamsAdded: this._handleStreamsAdded,
-      onStreamsUpdated: this._handleStreamsUpdated,
-      onStreamVolumeIndicationUpdated: this._onAudioVolumeUpdated,
-      onStreamsRemoved: this._handleStreamsRemoved
-    });
     (0, _defineProperty2["default"])(this, "_peerSessionObserver", {
       onPeerSessionReceived: this._onPeerSessionReceived.bind(this),
       onPeerSessionAccepted: this._onPeerSessionAccepted.bind(this),
       onPeerSessionRejected: this._onPeerSessionRejected.bind(this)
     });
-    (0, _defineProperty2["default"])(this, "_userObserver", {
-      onRemoteUsersJoined: this._handleRemoteUserJoined.bind(this),
-      onRemoteUsersLeft: this._handleRemoteUserLeft.bind(this),
-      onUserInfoUpdated: this._handleUserInfoUpdated.bind(this),
-      onUserPropertiesUpdated: this._handleUserPropertiesUpdated.bind(this)
-    });
-    (0, _defineProperty2["default"])(this, "_waitingRoomUserObserver", {
-      onRemoteUsersJoined: this._handleRemoteWaitingUserJoined.bind(this),
-      onRemoteUsersLeft: this._handleRemoteWaitingUserLeft.bind(this)
-    });
     (0, _defineProperty2["default"])(this, "_roomStoreObserver", {
       onJoinWaitingRoom: function onJoinWaitingRoom(roomControl) {
         var room = roomControl;
         _this._waitingRoomControl = room;
         var waitingRoomUserControl = room.getUserControl();
         _this._waitingRoomUserControl = waitingRoomUserControl;
-        waitingRoomUserControl.addObserver(_this._waitingRoomUserObserver);
-        // this.waitingRoomUserCount = this._getWaitingRoomUserCount() as number;
-        _this._initWaitingRoomUserList();
+      },
+      onWaitingRoomManageCanceled: function onWaitingRoomManageCanceled() {
+        _this._waitingRoomControl = undefined;
+        _this._waitingRoomUserControl = undefined;
+        _this.handleActiveTab(_type6.FcrUIRoomType.MAIN_ROOM);
       }
     });
     (0, _defineProperty2["default"])(this, "_privilegeControlObserver", {
       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) === _type6.FcrSecurityAction.ChangeName) {
+        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.enable) {
             _this._closeChangeNameDialog();
           }
         }
       }
     });
+    (0, _defineProperty2["default"])(this, "_userObserver", {
+      onRemoteUsersJoined: this._handleRemoteUsersJoined.bind(this),
+      onUserPropertiesUpdated: this._handleUserPropertiesUpdated.bind(this),
+      onUserInfoUpdated: this._handleUserInfoUpdated.bind(this)
+    });
     (0, _defineProperty2["default"])(this, "_eventObserver", {
       onEvent: this._handleEvent
     });
     (0, _defineProperty2["default"])(this, "_whitebaordObderver", {
       onActive: function onActive(ownerId, operatorUser) {
-        _this._updateUserBoardState();
+        _this._sharedMemberDataSource.updateMemberListWithBoardState();
       },
       onInactive: function onInactive(reason, operatorUser) {
-        _this._updateUserBoardState();
+        _this._sharedMemberDataSource.updateMemberListWithBoardState();
       }
     });
     _classPrivateFieldInitSpec(this, _A, _init__mainList(this, []));
     _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));
+    _classPrivateFieldInitSpec(this, _D, _init_enableParticipantsJoinWithMute(this, false));
+    _classPrivateFieldInitSpec(this, _E, _init_searchText(this, ''));
+    _classPrivateFieldInitSpec(this, _F, _init_currentModal(this, 'modal'));
     // @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));
+    _classPrivateFieldInitSpec(this, _G, _init_mergeConfirmDialog(this, false));
+    _classPrivateFieldInitSpec(this, _H, _init_mergeUserId(this, ''));
+    _classPrivateFieldInitSpec(this, _I, _init_activeTab(this, _type6.FcrUIRoomType.MAIN_ROOM));
+    _classPrivateFieldInitSpec(this, _J, _init_interpreterInputLanguageList(this, []));
+    _classPrivateFieldInitSpec(this, _K, _init_newName(this, ''));
+    _classPrivateFieldInitSpec(this, _L, _init_allowUnmute(this, false));
+    _classPrivateFieldInitSpec(this, _M, _init_joinWithMuteAudio(this, false));
+    _classPrivateFieldInitSpec(this, _N, _init_showBecomeHostButton(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));
+      return _this.getAllowedOperations(userRole, userId === _this.localUser.userId);
     }));
     (0, _defineProperty2["default"])(this, "checkIsPin", (0, _mobxUtils.computedFn)(function (userId) {
       var _this$userMap$get;
@@ -273,27 +255,14 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       return _this._securityStore.getAllowedOperations(targetRole, isSelf);
     }));
     (0, _defineProperty2["default"])(this, "_formatUser", function (user) {
-      var _this$_localUser2;
       var targetUsers = user.streams;
-      var hasShareScreen = targetUsers.find(function (user) {
+      var hasShareScreen = targetUsers.some(function (user) {
         return user.videoSourceType === _type2.AgoraRteVideoSourceType.SCREEN;
       });
-      var isSelf = user.userId === _this._localUser.userId;
-
-      // const hasAudioPublishedAndStarted = (stream?: FcrStreamInfo) =>
-      //   stream?.audioSourceState === FcrMediaSourceState.OPEN &&
-      //   (stream?.streamType === AgoraRteMediaStreamType.AUDIO ||
-      //     stream?.streamType === AgoraRteMediaStreamType.BOTH);
-
+      var isSelf = user.userId === _this.localUser.userId;
       var hasAudioPublishedAndStarted = function hasAudioPublishedAndStarted(stream) {
         return (stream === null || stream === void 0 ? void 0 : stream.audioSourceState) === _fcrCore.FcrMediaSourceState.OPEN;
       };
-
-      // const hasVideoPublishedAndStarted = (stream?: FcrStreamInfo) =>
-      //   stream?.videoSourceState === FcrMediaSourceState.OPEN &&
-      //   (stream?.streamType === AgoraRteMediaStreamType.VIDEO ||
-      //     stream?.streamType === AgoraRteMediaStreamType.BOTH);
-
       var hasVideoPublishedAndStarted = function hasVideoPublishedAndStarted(stream) {
         return (stream === null || stream === void 0 ? void 0 : stream.videoSourceState) === _fcrCore.FcrMediaSourceState.OPEN;
       };
@@ -302,48 +271,44 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       var audioDeviceType = 'none';
       var videoDeviceType = 'none';
       var userType = 'normal';
-      if (user.userInfo.connectorType === _fcrCore.FcrRoomConnectorType.NONE) {
-        var defaultStream = targetUsers.find(function (user) {
+      var getDefaultStream = function getDefaultStream() {
+        return targetUsers.find(function (user) {
           return user.videoSourceType === _type2.AgoraRteVideoSourceType.CAMERA;
         });
-        var pstnStream = targetUsers.find(function (_ref3) {
+      };
+      var getPstnStream = function getPstnStream() {
+        return targetUsers.find(function (_ref3) {
           var connectorType = _ref3.connectorType;
-          return connectorType == _fcrCore.FcrRoomConnectorType.PSTN;
+          return connectorType === _fcrCore.FcrRoomConnectorType.PSTN;
+        });
+      };
+      var getSipOrH323Stream = function getSipOrH323Stream() {
+        return targetUsers.find(function (_ref4) {
+          var connectorType = _ref4.connectorType;
+          return [_fcrCore.FcrRoomConnectorType.SIP, _fcrCore.FcrRoomConnectorType.H323].includes(connectorType);
         });
+      };
+      if (user.userInfo.connectorType === _fcrCore.FcrRoomConnectorType.NONE) {
+        var defaultStream = getDefaultStream();
+        var pstnStream = getPstnStream();
         videoDeviceType = 'computer-cam';
         hasVideo = isSelf ? _this._deviceStore.cameraEnabled : hasVideoPublishedAndStarted(defaultStream);
-
-        // 4.normal user with camera and phone mic
         if (pstnStream) {
           audioDeviceType = 'phone-mic';
-
-          // hasAudio = hasAudioPublishedAndStarted(pstnStream);
           hasAudio = true;
-        }
-        // 1.normal user with computer devices
-        else {
+        } else {
           audioDeviceType = 'computer-mic';
           hasAudio = isSelf ? _this._deviceStore.microphoneEnabled : hasAudioPublishedAndStarted(defaultStream);
         }
-      }
-      // 2.sip user with camera and phone mic
-      else if ([_fcrCore.FcrRoomConnectorType.SIP, _fcrCore.FcrRoomConnectorType.H323].includes(user.userInfo.connectorType)) {
-        var firstSipOrH323Stream = targetUsers.find(function (_ref4) {
-          var connectorType = _ref4.connectorType;
-          return [_fcrCore.FcrRoomConnectorType.SIP, _fcrCore.FcrRoomConnectorType.H323].includes(connectorType);
-        });
+      } else if ([_fcrCore.FcrRoomConnectorType.SIP, _fcrCore.FcrRoomConnectorType.H323].includes(user.userInfo.connectorType)) {
+        var firstSipOrH323Stream = getSipOrH323Stream();
         audioDeviceType = 'phone-mic';
         videoDeviceType = 'computer-cam';
         userType = 'meeting-system';
         hasAudio = hasAudioPublishedAndStarted(firstSipOrH323Stream);
         hasVideo = hasVideoPublishedAndStarted(firstSipOrH323Stream);
-      }
-      // 3.phone user with no camera and phone mic
-      else if (user.userInfo.connectorType === _fcrCore.FcrRoomConnectorType.PSTN) {
-        var _pstnStream = targetUsers.find(function (_ref5) {
-          var connectorType = _ref5.connectorType;
-          return connectorType == _fcrCore.FcrRoomConnectorType.PSTN;
-        });
+      } else if (user.userInfo.connectorType === _fcrCore.FcrRoomConnectorType.PSTN) {
+        var _pstnStream = getPstnStream();
         audioDeviceType = 'phone-mic';
         userType = 'phone';
         hasAudio = hasAudioPublishedAndStarted(_pstnStream);
@@ -356,7 +321,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
         userId: user.userId,
         userName: user.userInfo.userName,
         isHost: user.userInfo.userRole === _type.FcrUserRole.HOST,
-        isMe: user.userId === ((_this$_localUser2 = _this._localUser) === null || _this$_localUser2 === void 0 ? void 0 : _this$_localUser2.userId),
+        isMe: user.userId === _this.localUser.userId,
         hasAudio: hasAudio,
         hasVideo: hasVideo,
         isScreenSharing: !!hasShareScreen,
@@ -375,6 +340,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
     this._streamControl = _roomControl.getStreamControl();
     this._peerSessionControl = sessionProvider;
     this._userControl = _roomControl.getUserControl();
+    this._userControl.addObserver(this._userObserver);
     this._sharedWaitingRoomDataSource = sharedWaitingRoomDataSource;
     this._securityStore = securityStore;
     this._uiEventStore = uiEventStore;
@@ -386,32 +352,28 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
     this._sharedLayoutDataSource = sharedLayoutDataSource;
     this._sharedSettingDataSource = sharedSettingDataSource;
     this._sharedVideoWindowDataSource = sharedVideoWindowDataSource;
+    this._sharedChatDataSource = sharedChatDataSource;
+    this._sharedSecuritySharedDataSource = sharedSecuritySharedDataSource;
     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$_roomStore = this._roomStore) === null || _this$_roomStore === void 0 || _this$_roomStore.addObserver(this._roomStoreObserver);
     this._sharedInterpreterDataSource = sharedInterpreterDataSource;
-    this._initUserList();
-    this._updateUserBoardState();
+    this._sharedMemberDataSource = sharedMemberDataSource;
+    this._abilityProvider = abilityProvider;
+    this._messageProvider = messageProvider;
     this._getOutputLanguage();
-    this.localUserRole = this._localUser.userRole;
+    this.showBecomeHostButton = !this._sharedMemberDataSource.memberList.some(function (user) {
+      return user.userInfo.userRole === _type.FcrUserRole.HOST;
+    });
+    this._dialogProvider = dialogProvider;
+    this._messageProvider = messageProvider;
+    this._checkCreatorInfo();
   }
-
-  // @action.bound
-  // setSpotlightStreamId(streamId: string) {
-  //   this.spotlightStreamId = streamId;
-  // }
   return (0, _createClass2["default"])(ParticipantStore, [{
-    key: "_localUser",
-    get: function get() {
-      return this._userControl.getLocalUser();
-    }
-  }, {
     key: "_mainList",
     get: function get() {
       return _classPrivateFieldGet(_A, this);
@@ -436,7 +398,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_C, this, v);
     }
   }, {
-    key: "currentPerspectiveType",
+    key: "enableParticipantsJoinWithMute",
     get: function get() {
       return _classPrivateFieldGet(_D, this);
     },
@@ -444,7 +406,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_D, this, v);
     }
   }, {
-    key: "audioVolumeMap",
+    key: "searchText",
     get: function get() {
       return _classPrivateFieldGet(_E, this);
     },
@@ -452,7 +414,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_E, this, v);
     }
   }, {
-    key: "enableParticipantsJoinWithMute",
+    key: "currentModal",
     get: function get() {
       return _classPrivateFieldGet(_F, this);
     },
@@ -460,7 +422,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_F, this, v);
     }
   }, {
-    key: "searchText",
+    key: "mergeConfirmDialog",
     get: function get() {
       return _classPrivateFieldGet(_G, this);
     },
@@ -468,7 +430,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_G, this, v);
     }
   }, {
-    key: "currentModal",
+    key: "mergeUserId",
     get: function get() {
       return _classPrivateFieldGet(_H, this);
     },
@@ -476,7 +438,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_H, this, v);
     }
   }, {
-    key: "localUserRole",
+    key: "activeTab",
     get: function get() {
       return _classPrivateFieldGet(_I, this);
     },
@@ -484,7 +446,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_I, this, v);
     }
   }, {
-    key: "mergeConfirmDialog",
+    key: "interpreterInputLanguageList",
     get: function get() {
       return _classPrivateFieldGet(_J, this);
     },
@@ -492,7 +454,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_J, this, v);
     }
   }, {
-    key: "mergeUserId",
+    key: "newName",
     get: function get() {
       return _classPrivateFieldGet(_K, this);
     },
@@ -500,7 +462,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_K, this, v);
     }
   }, {
-    key: "activeTab",
+    key: "allowUnmute",
     get: function get() {
       return _classPrivateFieldGet(_L, this);
     },
@@ -508,7 +470,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_L, this, v);
     }
   }, {
-    key: "interpreterInputLanguageList",
+    key: "joinWithMuteAudio",
     get: function get() {
       return _classPrivateFieldGet(_M, this);
     },
@@ -516,7 +478,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_M, this, v);
     }
   }, {
-    key: "newName",
+    key: "showBecomeHostButton",
     get: function get() {
       return _classPrivateFieldGet(_N, this);
     },
@@ -524,28 +486,24 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_N, this, v);
     }
   }, {
-    key: "refreshList",
+    key: "audioVolumeMap",
     get: function get() {
-      return _classPrivateFieldGet(_O, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_O, this, v);
+      return this._sharedMemberDataSource.audioVolumeMap;
     }
   }, {
-    key: "allowUnmute",
+    key: "localUser",
     get: function get() {
-      return _classPrivateFieldGet(_P, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_P, this, v);
+      return this._sharedMemberDataSource.localUser;
     }
   }, {
-    key: "joinWithMuteAudio",
+    key: "localUserRole",
     get: function get() {
-      return _classPrivateFieldGet(_Q, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_Q, this, v);
+      return this._sharedMemberDataSource.localUserRole;
+    }
+  }, {
+    key: "isLocalUserHost",
+    get: function get() {
+      return this._sharedMemberDataSource.isLocalUserHost;
     }
   }, {
     key: "enableSpotlight",
@@ -555,10 +513,10 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "userListSource",
     get: function get() {
-      if (this.activeTab === _type5.FcrRoomType.Mainroom) {
-        return this._dataSource.list;
+      if (this.activeTab === _type6.FcrUIRoomType.MAIN_ROOM) {
+        return this._sharedMemberDataSource.memberList;
       } else {
-        return this._waitingRoomDataSource.list;
+        return this._sharedWaitingRoomDataSource.waitingRoomDataSource.list;
       }
     }
   }, {
@@ -587,22 +545,22 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "allowUnmuteSelfAudio",
     get: function get() {
-      return this._securityStore.allowUnmuteSelfAudio();
+      return this.checkedStateMap.unmuteYourself;
     }
   }, {
     key: "allowJoinWithMuteAudio",
     get: function get() {
-      return this._securityStore.allowJoinWithMuteAudio();
+      return this.checkedStateMap.enableJoinWithAudio;
     }
   }, {
     key: "allowUnmuteSelfVideo",
     get: function get() {
-      return this._securityStore.allowUnmuteSelfVideo();
+      return this.checkedStateMap.startVideo;
     }
   }, {
     key: "isLockRoomEnabled",
     get: function get() {
-      return this._securityStore.isLockRoomEnabled();
+      return this.checkedStateMap.lockRoom;
     }
   }, {
     key: "isWaitingRoomEnabled",
@@ -612,17 +570,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "allowChangeSelfName",
     get: function get() {
-      return this._securityStore.allowChangeSelfName();
-    }
-  }, {
-    key: "allowChat",
-    get: function get() {
-      return this._securityStore.allowChat();
-    }
-  }, {
-    key: "allowShareScreen",
-    get: function get() {
-      return this._securityStore.allowShareScreen();
+      return this.checkedStateMap.rename;
     }
   }, {
     key: "pinedStreamIds",
@@ -666,14 +614,14 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       return this._securityStore.hasRevokeHostPermission() && this.localUserRole !== _type.FcrUserRole.HOST;
     }
   }, {
-    key: "interpreterUsers",
+    key: "interpreterUserList",
     get: function get() {
-      return this._sharedInterpreterDataSource.interpreterUsers;
+      return this._sharedInterpreterDataSource.interpreterUserList;
     }
   }, {
-    key: "interpreterState",
+    key: "isInterpreterEnabled",
     get: function get() {
-      return this._sharedInterpreterDataSource.interpreterOff;
+      return this._sharedInterpreterDataSource.isInterpreterEnabled;
     }
   }, {
     key: "waitingRoomUserCount",
@@ -685,16 +633,31 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
     get: function get() {
       return this._sharedWaitingRoomDataSource.unReadState;
     }
+  }, {
+    key: "isHostKeyEnabled",
+    get: function get() {
+      return this._roomControl.isHostKeyEnabled();
+    }
+  }, {
+    key: "hasInvite",
+    get: function get() {
+      return this._abilityProvider.isRoomDetailSupported();
+    }
+  }, {
+    key: "checkedStateMap",
+    get: function get() {
+      return this._sharedSecuritySharedDataSource.checkedStateMap;
+    }
   }, {
     key: "release",
     value: function release() {
-      this._uiEventStore.removeObserver(this._eventObserver);
+      this._dialogProvider.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._sharedWaitingRoomDataSource.release();
       this._disposers.forEach(function (disposer) {
         return disposer();
       });
@@ -753,26 +716,26 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
     key: "closeParticipantsWindow",
     value: function closeParticipantsWindow() {
       if (this._dialogId) {
-        this._uiEventStore.closeDialog(this._dialogId);
+        this._dialogProvider.closeDialog(this._dialogId);
       }
     }
   }, {
     key: "openDialog",
     value: function openDialog() {
-      this._dialogId = this._uiEventStore.openDialog(_constant.FcrUIDialogKey.PARTICIPANT);
+      this._dialogId = this._dialogProvider.openDialog(_constant.FcrUIDialogKey.PARTICIPANT);
     }
   }, {
     key: "openConfirmDialog",
     value: function openConfirmDialog(params, id) {
       var _this4 = this;
-      var dialogId = this._uiEventStore.openConfirmDialog(_objectSpread(_objectSpread({}, params), {}, {
+      var dialogId = this._dialogProvider.openConfirmDialog(_objectSpread(_objectSpread({}, params), {}, {
         onCancel: function onCancel() {
-          _this4._uiEventStore.closeConfirm(dialogId);
+          _this4._dialogProvider.closeConfirm(dialogId);
           params.onCancel && params.onCancel();
         },
         onOk: function onOk() {
           var _params$onOk;
-          _this4._uiEventStore.closeConfirm(dialogId);
+          _this4._dialogProvider.closeConfirm(dialogId);
           (_params$onOk = params.onOk) === null || _params$onOk === void 0 || _params$onOk.call(params);
         }
       }));
@@ -781,10 +744,13 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "setParticipantsWindowActive",
     value: function setParticipantsWindowActive(active) {
-      this._participantsWindowActive = active;
-      if (!active) {
-        this.setCurrentModal('modal');
-      }
+      var _this5 = this;
+      (0, _mobx.runInAction)(function () {
+        _this5._participantsWindowActive = active;
+        if (!active) {
+          _this5.setCurrentModal('modal');
+        }
+      });
     }
   }, {
     key: "handlerSearchUser",
@@ -794,7 +760,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "onInvite",
     value: function onInvite() {
-      this._uiEventStore.openInviteDialog();
+      this._dialogProvider.openInviteDialog();
     }
   }, {
     key: "setMergeConfirmDialog",
@@ -807,7 +773,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       var _this$userMap$get2;
       this._streamControl.mergeAudioStream(userId);
       this.setMergeConfirmDialog(false);
-      this._uiEventStore.showToast({
+      this._messageProvider.showToast({
         message: (0, _i18n.transI18n)('fmt_PSTN_toast_merged', {
           reason1: (_this$userMap$get2 = this.userMap.get(userId)) === null || _this$userMap$get2 === void 0 ? void 0 : _this$userMap$get2.userInfo.userName
         }),
@@ -822,7 +788,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._sharedVideoWindowDataSource.removePinToast(streamId, (0, _i18n.transI18n)('fmt_settings_tips_screenunlock'));
+        this._sharedPinDataSource.removePin(streamId);
       }
     }
   }, {
@@ -833,18 +799,18 @@ 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._sharedVideoWindowDataSource.addPinToast(streamId);
+        this._sharedPinDataSource.addPin(streamId);
       }
     }
   }, {
     key: "closeRemoveAdmitWaitingRoomDialog",
     value: function closeRemoveAdmitWaitingRoomDialog(dialogKey) {
-      this._uiEventStore.closeRemoveAdmitWaitingRoomDialog(dialogKey);
+      this._dialogProvider.closeRemoveAdmitWaitingRoomDialog(dialogKey);
     }
   }, {
     key: "openRemoveAdmitWaitingRoomDialog",
     value: function openRemoveAdmitWaitingRoomDialog(params) {
-      var _this5 = this;
+      var _this6 = this;
       var buttonTextMap = {
         removeAll: (0, _i18n.transI18n)('fmt_waitingroom_sidebar_button_removeall'),
         admitAll: (0, _i18n.transI18n)('fmt_waitingroom_sidebar_button_admitall'),
@@ -860,43 +826,47 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
           tooltip: params.tooltip,
           title: params.title,
           onChecked: function onChecked(isChecked) {
-            _this5._isChecked[params.type] = isChecked;
+            _this6._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);
+            _this6.removeWaitingRoomUser(params.userId, _this6._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);
+            _this6.kickOutWaitingRoomAllMember(_this6._isChecked[params.type] ? _type4.FcrUserKickedOutType.Forever : _type4.FcrUserKickedOutType.Once);
           }
           if (params.type === 'admitAll') {
-            _this5.moveToMainRoomAllMember();
+            _this6.moveToMainRoomAllMember();
           }
-          _this5._uiEventStore.closeConfirm(key);
+          _this6._dialogProvider.closeConfirm(key);
         },
-        okText: buttonTextMap[params.type]
+        okText: buttonTextMap[params.type],
+        okButtonProps: {
+          styleType: params.type === 'remove' || params.type === 'removeAll' ? 'danger' : undefined
+        }
       });
     }
   }, {
-    key: "setMuteAllDialogValue",
-    value: function setMuteAllDialogValue(allowUnmuteSelfAudio, allowJoinWithMuteAudio) {
-      this.allowUnmute = allowUnmuteSelfAudio;
-      this.joinWithMuteAudio = allowJoinWithMuteAudio;
+    key: "setAllowUnmute",
+    value: function setAllowUnmute(checked) {
+      this.allowUnmute = checked;
+    }
+  }, {
+    key: "setAllowJoinWithMuteAudio",
+    value: function setAllowJoinWithMuteAudio(checked) {
+      this.joinWithMuteAudio = checked;
     }
   }, {
     key: "openMuteAllDialog",
     value: function openMuteAllDialog(params) {
-      var _this6 = this;
+      var _this7 = this;
+      this.allowUnmute = this._securityStore.allowUnmuteSelfAudio();
+      this.joinWithMuteAudio = this._securityStore.allowJoinWithMuteAudio();
       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
-          })
+        content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_muteAll.WrapperMuteAllDialog, {
+          store: this
         }),
         okButtonProps: {
           styleType: 'danger',
@@ -908,17 +878,25 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
         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
+          _this7.handlerRoomControlAction(_constant.FcrUIRoomControlType.MUTE_ALL_AUDIO, {
+            allowUnmute: _this7.allowUnmute,
+            joinWithMuteAudio: _this7.joinWithMuteAudio
           });
         }
       });
     }
+  }, {
+    key: "isHostSupported",
+    value: function isHostSupported(userId) {
+      var _this$userMap$get5;
+      var user = (_this$userMap$get5 = this.userMap.get(userId)) === null || _this$userMap$get5 === void 0 ? void 0 : _this$userMap$get5.userInfo;
+      if (!(user !== null && user !== void 0 && user.platform)) return false;
+      return this._abilityProvider.isHostSupportedByPlatform(user.platform);
+    }
   }, {
     key: "handlerUserAction",
     value: function handlerUserAction(action, userId) {
-      var _this7 = this;
+      var _this8 = this;
       switch (action) {
         case _attendee.ParticipantActionType.MUTE_AUDIO:
           this._muteUserAudio(userId);
@@ -936,19 +914,19 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
           this._privateChat(userId);
           break;
         case _attendee.ParticipantActionType.KICK_OUT:
-          if (this.activeTab === _type5.FcrRoomType.Mainroom) {
+          if (this.activeTab === _type6.FcrUIRoomType.MAIN_ROOM) {
             this._kickOutUser(userId);
           } else {
-            var _this$userMap$get5;
+            var _this$userMap$get6;
             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
+                reason1: (_this$userMap$get6 = this.userMap.get(userId)) === null || _this$userMap$get6 === void 0 ? void 0 : _this$userMap$get6.userInfo.userName
               }),
               onChecked: function onChecked(isChecked) {
-                _this7._isChecked['remove'] = isChecked;
+                _this8._isChecked['remove'] = isChecked;
               }
             });
           }
@@ -960,7 +938,15 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
           this.removePin(userId);
           break;
         case _attendee.ParticipantActionType.SET_AS_HOST:
-          this._setAsHost(userId);
+          var canSetHost = this.isHostSupported(userId);
+          if (canSetHost) {
+            this._setAsHost(userId);
+          } else {
+            this._messageProvider.showToast({
+              type: 'normal',
+              message: (0, _i18n.transI18n)('fmt_attendies_toast_cant_sethost')
+            });
+          }
           break;
         case _attendee.ParticipantActionType.RENAME:
           break;
@@ -970,7 +956,15 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
           });
           break;
         case _attendee.ParticipantActionType.SET_AS_CO_HOST:
-          this._setAsCoHost(userId);
+          var canSetCoHost = this.isHostSupported(userId);
+          if (canSetCoHost) {
+            this._setAsCoHost(userId);
+          } else {
+            this._messageProvider.showToast({
+              type: 'normal',
+              message: (0, _i18n.transI18n)('fmt_attendies_toast_cant_setcohost')
+            });
+          }
           break;
         case _attendee.ParticipantActionType.SET_AS_ATTENDEE:
           this._setAsAttendee(userId);
@@ -983,56 +977,89 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
           this._moveToWaitingRoomByUserIds(userId);
           break;
         case _attendee.ParticipantActionType.RENAME_IN_MEETING:
-          var key = this._uiEventStore.openConfirmDialog({
-            title: (0, _i18n.transI18n)('fmt_additional_option_rename_in_meeting'),
-            content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_rename["default"], {
-              onChange: function onChange(value) {
-                return _this7.newName = value;
-              }
-            }),
-            onOk: function () {
-              var _onOk = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
-                return _regenerator["default"].wrap(function _callee$(_context) {
-                  while (1) switch (_context.prev = _context.next) {
-                    case 0:
-                      _context.next = 2;
-                      return _this7._userControl.updateUserName(userId, _this7.newName);
-                    case 2:
-                      (0, _mobx.runInAction)(function () {
-                        _this7._closeChangeNameDialog();
-                        _this7._uiEventStore.showToast({
-                          type: 'normal',
-                          message: (0, _i18n.transI18n)('fmt_additional_tips_nickname_change_success')
-                        });
-                      });
-                    case 3:
-                    case "end":
-                      return _context.stop();
-                  }
-                }, _callee);
-              }));
-              function onOk() {
-                return _onOk.apply(this, arguments);
-              }
-              return onOk;
-            }(),
-            alignCenter: true,
-            onCancel: function onCancel() {
-              _this7._closeChangeNameDialog();
-            },
-            closable: false,
-            height: 190
-          });
-          this._changeNameDialogKey.push(key);
+          this._openChangeNameDialog(userId);
+          break;
+      }
+    }
+  }, {
+    key: "_handleUserPropertiesUpdated",
+    value: function _handleUserPropertiesUpdated() {
+      this._getOutputLanguage();
+    }
+  }, {
+    key: "_handleRemoteUsersJoined",
+    value: function _handleRemoteUsersJoined(roomId, events) {
+      if (events.some(function (user) {
+        return user.userInfo.userRole === _type.FcrUserRole.HOST;
+      })) {
+        this.showBecomeHostButton = false;
+        this._messageProvider.showToast({
+          type: 'info',
+          message: '主持人已进入会议'
+        });
       }
     }
+  }, {
+    key: "_handleUserInfoUpdated",
+    value: function _handleUserInfoUpdated(roomId, event) {
+      if (event.reason === _imports.AgoraRteUserUpdatedReason.ROLE && event.modifiedUser.userRole === _type.FcrUserRole.HOST) {
+        this.showBecomeHostButton = false;
+      }
+    }
+  }, {
+    key: "_openChangeNameDialog",
+    value: function _openChangeNameDialog(userId) {
+      var _this9 = this;
+      var key = this._dialogProvider.openConfirmDialog({
+        title: (0, _i18n.transI18n)('fmt_additional_option_rename_in_meeting'),
+        content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_confirmInput["default"], {
+          onChange: function onChange(value) {
+            return _this9.newName = String(value);
+          }
+        }),
+        onOk: function () {
+          var _onOk = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+            return _regenerator["default"].wrap(function _callee$(_context) {
+              while (1) switch (_context.prev = _context.next) {
+                case 0:
+                  _context.next = 2;
+                  return _this9._userControl.updateUserName(userId, _this9.newName);
+                case 2:
+                  (0, _mobx.runInAction)(function () {
+                    _this9._closeChangeNameDialog();
+                    _this9._messageProvider.showToast({
+                      type: 'normal',
+                      message: (0, _i18n.transI18n)('fmt_additional_tips_nickname_change_success')
+                    });
+                  });
+                case 3:
+                case "end":
+                  return _context.stop();
+              }
+            }, _callee);
+          }));
+          function onOk() {
+            return _onOk.apply(this, arguments);
+          }
+          return onOk;
+        }(),
+        alignCenter: true,
+        onCancel: function onCancel() {
+          _this9._closeChangeNameDialog();
+        },
+        closable: false,
+        width: 320,
+        height: 194
+      });
+      this._changeNameDialogKey.push(key);
+    }
   }, {
     key: "_closeChangeNameDialog",
     value: function _closeChangeNameDialog() {
-      var _this8 = this;
+      var _this10 = this;
       if (this._changeNameDialogKey.length > 0) {
         this._changeNameDialogKey.forEach(function (key) {
-          _this8._uiEventStore.closeConfirm(key);
+          _this10._dialogProvider.closeConfirm(key);
         });
         this._changeNameDialogKey = [];
       }
@@ -1041,17 +1068,17 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
     key: "_moveToWaitingRoomByUserIds",
     value: function () {
       var _moveToWaitingRoomByUserIds2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(userId) {
-        var _this$userMap$get6;
+        var _this$userMap$get7;
         var username;
         return _regenerator["default"].wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              username = (_this$userMap$get6 = this.userMap.get(userId)) === null || _this$userMap$get6 === void 0 ? void 0 : _this$userMap$get6.userInfo.userName;
+              username = (_this$userMap$get7 = this.userMap.get(userId)) === null || _this$userMap$get7 === void 0 ? void 0 : _this$userMap$get7.userInfo.userName;
               _context2.prev = 1;
               _context2.next = 4;
               return this._roomControl.moveToWaitingRoomByUserIds([userId]);
             case 4:
-              this._uiEventStore.showToast({
+              this._messageProvider.showToast({
                 type: 'normal',
                 message: (0, _i18n.transI18n)('fmt_waitingroom_put_in_success', {
                   reason1: username
@@ -1066,13 +1093,13 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
                 _context2.next = 12;
                 break;
               }
-              this._uiEventStore.showToast({
+              this._messageProvider.showToast({
                 type: 'error',
                 message: (0, _i18n.transI18n)('fmt_waitingroom_setting_popup_toast_unable_move_creator')
               });
               return _context2.abrupt("return");
             case 12:
-              this._uiEventStore.showToast({
+              this._messageProvider.showToast({
                 type: 'error',
                 message: (0, _i18n.transI18n)('fmt_waitingroom_setting_popup_toast_move_in_failed')
               });
@@ -1104,7 +1131,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
               _context3.next = 2;
               return (_this$_waitingRoomUse2 = this._waitingRoomUserControl) === null || _this$_waitingRoomUse2 === void 0 ? void 0 : _this$_waitingRoomUse2.kickOutByUserRoles([_type.FcrUserRole.PARTICIPANT], type);
             case 2:
-              this._uiEventStore.showToast({
+              this._messageProvider.showToast({
                 type: 'normal',
                 message: (0, _i18n.transI18n)('fmt_waitingroom_mobile_memberlist_tips_all_removed')
               });
@@ -1130,7 +1157,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
               _context4.next = 2;
               return (_this$_waitingRoomCon = this._waitingRoomControl) === null || _this$_waitingRoomCon === void 0 ? void 0 : _this$_waitingRoomCon.moveToMainRoomByUserRoles([_type.FcrUserRole.PARTICIPANT]);
             case 2:
-              this._uiEventStore.showToast({
+              this._messageProvider.showToast({
                 type: 'normal',
                 message: (0, _i18n.transI18n)('fmt_waitingroom_mobile_memberlist_tips_all_amitted')
               });
@@ -1179,11 +1206,17 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
           this._enableWaitingRoom(data);
           break;
         case _constant.FcrUIRoomControlType.RENAME:
-          this._enableRename();
+          this._enableRename(data);
           break;
         case _constant.FcrUIRoomControlType.JOIN_WITH_MUTE_AUDIO:
           this.enableJoinWithMuteAudio(data);
           break;
+        case _constant.FcrUIRoomControlType.ACTION_REVOKE_HOST_BY_TICKET:
+          this._revokeHostByTicket();
+          break;
+        case _constant.FcrUIRoomControlType.ACTION_CHANGE_NAME:
+          this._openChangeNameDialog(this.localUser.userId);
+          break;
       }
     }
   }, {
@@ -1193,20 +1226,13 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
         this._mainList = payload || [];
       }
       if (action === _constant.FcrUIAction.CUSTOM_SETTINGS_CHANGED) {
-        var _ref6 = payload,
-          spotlightEnabled = _ref6.spotlightEnabled;
+        var _ref5 = payload,
+          spotlightEnabled = _ref5.spotlightEnabled;
         // this.enableSpotlight = spotlightEnabled;
       }
       if (action === _constant.FcrUIAction.CHANGE_PARTICIPANT_TAB) {
         this.handleActiveTab(payload);
       }
-      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.handleActiveTab(_type5.FcrRoomType.Mainroom);
-      }
       if (action === _constant.FcrUIAction.START_SHARE_SCREEN) {
         this._screenSharingState = _fcrCore.FcrMediaSourceState.OPEN;
       }
@@ -1228,32 +1254,17 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
     key: "handleActiveTab",
     value: function handleActiveTab(tab) {
       this.activeTab = tab;
-      this.refreshList = Math.random();
       // this._uiEventStore.sendEvent(FcrUIAction.CURRENT_PARTITIPANT_TAB, tab);
-      if (this.activeTab === _type5.FcrRoomType.Waitingroom) {
+      if (this.activeTab === _type6.FcrUIRoomType.WAITING_ROOM) {
         this._sharedWaitingRoomDataSource.unReadState = false;
       }
     }
-  }, {
-    key: "_initWaitingRoomUserList",
-    value: function _initWaitingRoomUserList() {
-      if (!this._waitingRoomUserControl) return;
-      var users = this._waitingRoomUserControl.getUsers();
-      for (var _i = 0, _Object$entries = Object.entries(users); _i < _Object$entries.length; _i++) {
-        var _Object$entries$_i = (0, _slicedToArray2["default"])(_Object$entries[_i], 2),
-          userId = _Object$entries$_i[0],
-          user = _Object$entries$_i[1];
-        if (userId !== this._localUser.userId && user.userRole === _type.FcrUserRole.PARTICIPANT) {
-          this._waitingRoomDataSource.add(user, this._streamControl.getStreamsByUserId(userId), this._localUser.userId === userId);
-        }
-      }
-    }
   }, {
     key: "_muteUserAudio",
     value:
     //  user actions
     function _muteUserAudio(user) {
-      var isSelf = user === this._localUser.userId;
+      var isSelf = user === this.localUser.userId;
       if (isSelf) {
         this._deviceStreamStore.enableMicrophoneWithPreCheck(false);
       } else {
@@ -1273,7 +1284,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_unmuteUserAudio",
     value: function _unmuteUserAudio(userId) {
-      var isSelf = userId === this._localUser.userId;
+      var isSelf = userId === this.localUser.userId;
       if (isSelf) {
         this._deviceStreamStore.enableMicrophoneWithPreCheck(true);
       } else {
@@ -1295,7 +1306,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
           receiverId: userId,
           duration: SESSION_DURATION,
           payload: {
-            sender: this._localUser
+            sender: this.localUser
           }
         });
       }
@@ -1303,7 +1314,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_muteUserVideo",
     value: function _muteUserVideo(user) {
-      var isSelf = user === this._localUser.userId;
+      var isSelf = user === this.localUser.userId;
       if (isSelf) {
         this._deviceStreamStore.enableCameraWithPreCheck(false);
       } else {
@@ -1325,11 +1336,11 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_unmuteUserVideo",
     value: function _unmuteUserVideo(userId) {
-      var isSelf = userId === this._localUser.userId;
+      var isSelf = userId === this.localUser.userId;
       if (isSelf) {
         this._deviceStreamStore.enableCameraWithPreCheck(true);
       } else {
-        var localUser = this._localUser;
+        var localUser = this.localUser;
         var targetUsers = this._streamControl.getStreamsByUserId(userId);
         var targetUser = targetUsers[0];
         if (localUser.userId === userId) {
@@ -1346,7 +1357,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
             receiverId: userId,
             duration: SESSION_DURATION,
             payload: {
-              sender: this._localUser
+              sender: this.localUser
             }
           });
         }
@@ -1362,7 +1373,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
         this._sharedLayoutDataSource.setAsideLayout({
           chat: true
         });
-        this._uiEventStore.sendEvent(_constant.FcrUIAction.TOGGLE_CHAT_ROOM_TAB, this.activeTab);
+        this._sharedChatDataSource.activeTab = this.activeTab;
       }
       var userData = this.userListSource.find(function (u) {
         return u.userId === userId;
@@ -1375,19 +1386,19 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_kickOutUser",
     value: function _kickOutUser(userId) {
-      var _this9 = this,
-        _this$userMap$get7;
+      var _this11 = this,
+        _this$userMap$get8;
       var dialogId = this.openConfirmDialog({
         title: '',
         onCancel: function onCancel() {
-          _this9._uiEventStore.closeConfirm(dialogId);
+          _this11._dialogProvider.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
+          reason2: (_this$userMap$get8 = this.userMap.get(userId)) === null || _this$userMap$get8 === void 0 ? void 0 : _this$userMap$get8.userInfo.userName
         }),
         onOk: function onOk() {
-          _this9._userControl.kickOut(userId, _type4.FcrUserKickedOutType.Once);
-          _this9._uiEventStore.closeConfirm(dialogId);
+          _this11._userControl.kickOut(userId, _type4.FcrUserKickedOutType.Once);
+          _this11._dialogProvider.closeConfirm(dialogId);
         },
         height: 160
       }, 'KICK_OUT');
@@ -1395,38 +1406,70 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_handleSetHostOrCoHost",
     value: function _handleSetHostOrCoHost(userId, type) {
-      var _this$userMap$get8,
-        _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 _this$userMap$get9,
+        _this12 = this;
+      var username = (_this$userMap$get9 = this.userMap.get(userId)) === null || _this$userMap$get9 === void 0 ? void 0 : _this$userMap$get9.userInfo.userName;
       var targetRole = type === 'host' ? (0, _i18n.transI18n)('fmt_role_host') : (0, _i18n.transI18n)('fmt_role_cohost');
       var dialogId = this.openConfirmDialog({
         title: (0, _i18n.transI18n)('fmt_uimanager_labels_Setas', {
           reason1: targetRole
         }),
         onCancel: function onCancel() {
-          _this10._uiEventStore.closeConfirm(dialogId);
+          _this12._dialogProvider.closeConfirm(dialogId);
         },
         content: (0, _i18n.transI18n)('fmt_uimanager_tips_designedas', {
           reason1: username,
           reason2: targetRole
         }),
-        onOk: function onOk() {
-          if (!_this10.userMap.has(userId)) {
-            _this10._uiEventStore.showToast({
-              type: 'error',
-              message: (0, _i18n.transI18n)('fmt_uimanager_tips_userleaft')
-            });
-            return;
+        onOk: function () {
+          var _onOk2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5() {
+            return _regenerator["default"].wrap(function _callee5$(_context5) {
+              while (1) switch (_context5.prev = _context5.next) {
+                case 0:
+                  if (_this12.userMap.has(userId)) {
+                    _context5.next = 3;
+                    break;
+                  }
+                  _this12._messageProvider.showToast({
+                    type: 'error',
+                    message: (0, _i18n.transI18n)('fmt_uimanager_tips_userleaft')
+                  });
+                  return _context5.abrupt("return");
+                case 3:
+                  _context5.prev = 3;
+                  _context5.next = 6;
+                  return _this12._userControl.updateRemoteUserRole(userId, type === 'host' ? _type.FcrUserRole.HOST : _type.FcrUserRole.COHOST);
+                case 6:
+                  _context5.next = 12;
+                  break;
+                case 8:
+                  _context5.prev = 8;
+                  _context5.t0 = _context5["catch"](3);
+                  if (_context5.t0.code === '700000403') {
+                    _this12._messageProvider.showToast({
+                      type: 'error',
+                      message: (0, _i18n.transI18n)('fmt_attendies_button_revokehost_error')
+                    });
+                  }
+                  _this12.logger.error(_context5.t0);
+                case 12:
+                  _this12._dialogProvider.closeConfirm(dialogId);
+                case 13:
+                case "end":
+                  return _context5.stop();
+              }
+            }, _callee5, null, [[3, 8]]);
+          }));
+          function onOk() {
+            return _onOk2.apply(this, arguments);
           }
-          _this10._userControl.updateRemoteUserRole(userId, type === 'host' ? _type.FcrUserRole.HOST : _type.FcrUserRole.COHOST);
-          _this10._uiEventStore.closeConfirm(dialogId);
-        },
+          return onOk;
+        }(),
         okText: (0, _i18n.transI18n)('fmt_uimanager_labels_Setas', {
           reason1: targetRole
         }),
         cancelText: (0, _i18n.transI18n)('fmt_security_buttons_cancel'),
         closable: false,
-        width: 400,
         alignCenter: true
       }, 'UPDATE_USER_ROLE');
     }
@@ -1453,15 +1496,22 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       this._securityStore.setAllowJoinWithMuteAudio(JoinWithMuteAudio);
       this._securityStore.setAllowUnmuteSelfAudio(allowUnmute);
       this._securityStore.muteAll();
-      this._uiEventStore.showToast({
+      this._messageProvider.showToast({
         message: (0, _i18n.transI18n)('fmt_uimanager_tips_allmuted'),
         type: 'normal'
       });
+      this._sharedSecuritySharedDataSource.setCheckedStateMap(_objectSpread(_objectSpread({}, this.checkedStateMap), {
+        enableJoinWithAudio: JoinWithMuteAudio,
+        unmuteYourself: allowUnmute
+      }));
     }
   }, {
     key: "_unmuteAllAudio",
     value: function _unmuteAllAudio() {
       this._securityStore.setAllowUnmuteSelfAudio(true);
+      this._sharedSecuritySharedDataSource.setCheckedStateMap(_objectSpread(_objectSpread({}, this.checkedStateMap), {
+        unmuteYourself: true
+      }));
     }
 
     //允许自我解除静音
@@ -1469,16 +1519,22 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
     key: "_enableSelfUnmute",
     value: function _enableSelfUnmute(enable) {
       this._securityStore.setAllowUnmuteSelfAudio(enable);
+      this._sharedSecuritySharedDataSource.setCheckedStateMap(_objectSpread(_objectSpread({}, this.checkedStateMap), {
+        unmuteYourself: enable
+      }));
     }
   }, {
     key: "_enableOpenVideo",
     value: function _enableOpenVideo(enable) {
       this._securityStore.setAllowUnmuteSelfVideo(enable);
+      this._sharedSecuritySharedDataSource.setCheckedStateMap(_objectSpread(_objectSpread({}, this.checkedStateMap), {
+        startVideo: enable
+      }));
     }
   }, {
     key: "_revokeHost",
     value: function _revokeHost() {
-      if (!this._securityStore.hasRevokeHostPermission() || this._localUser.userRole === _type.FcrUserRole.HOST) {
+      if (!this._securityStore.hasRevokeHostPermission() || this.localUser.userRole === _type.FcrUserRole.HOST) {
         return;
       }
       this._userControl.revokeHost();
@@ -1489,11 +1545,13 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_lockRoom",
     value: function _lockRoom(enable) {
-      this._uiEventStore.showToast({
+      this._messageProvider.showToast({
         type: 'info',
-        message: enable ? (0, _i18n.transI18n)('fmt_uimanager_tips_meetinglocked') : (0, _i18n.transI18n)('fmt_uimanager_tips_meetingunlocked')
+        message: enable ? (0, _i18n.transI18n)('fmt_security_tips_lock_meeting_on') : (0, _i18n.transI18n)('fmt_security_tips_lock_meeting_off')
       });
-      this._securityStore.setLockRoomEnabled(enable);
+      this._sharedSecuritySharedDataSource.setCheckedStateMap(_objectSpread(_objectSpread({}, this.checkedStateMap), {
+        lockRoom: enable
+      }));
     }
   }, {
     key: "_enableWaitingRoom",
@@ -1502,185 +1560,30 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
     }
   }, {
     key: "_enableRename",
-    value: function _enableRename() {
-      var isAllowChangeSelfName = this._securityStore.allowChangeSelfName();
-      this._securityStore.setAllowChangeSelfName(!isAllowChangeSelfName);
+    value: function _enableRename(enable) {
+      this._securityStore.setAllowChangeSelfName(enable);
+      this._sharedSecuritySharedDataSource.setCheckedStateMap(_objectSpread(_objectSpread({}, this.checkedStateMap), {
+        rename: enable
+      }));
     }
 
     // 所有人加入会议时静音
   }, {
     key: "enableJoinWithMuteAudio",
     value: function enableJoinWithMuteAudio(enable) {
-      this._securityStore.setAllowJoinWithMuteAudio(enable);
-    }
-  }, {
-    key: "_onAudioVolumeUpdated",
-    value: function _onAudioVolumeUpdated(roomId, streamId, volume) {
-      var stream = this._streamControl.getStreamByStreamId(streamId);
-      if (!stream) {
-        return;
-      }
-      this.audioVolumeMap.set(stream.owner.userId, Math.floor(volume / 255 * 100));
-    }
-  }, {
-    key: "_updateUserBoardState",
-    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 _this11 = this;
-      events.forEach(function (event) {
-        var modifiedUser = event.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 _this12 = this;
-      events.forEach(function (event) {
-        var modifiedUser = event.modifiedUser;
-        _this12._dataSource["delete"](modifiedUser);
-        _this12._updateUserBoardState();
-      });
-    }
-  }, {
-    key: "_handleRemoteWaitingUserJoined",
-    value: function _handleRemoteWaitingUserJoined(roomId, events) {
-      var _this13 = this;
-      events.forEach(function (event) {
-        var modifiedUser = event.modifiedUser;
-        if (modifiedUser.userRole === _type.FcrUserRole.PARTICIPANT) {
-          _this13._waitingRoomDataSource.add(modifiedUser, _this13._streamControl.getStreamsByUserId(modifiedUser.userId), modifiedUser.userId === _this13._localUser.userId);
-          // this._updateUserBoardState(modifiedUser);
-        }
-      });
-      // 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 _this14 = this;
-      events.forEach(function (event) {
-        var modifiedUser = event.modifiedUser;
-        _this14._waitingRoomDataSource["delete"](modifiedUser);
-        // this._updateUserBoardState(modifiedUser);
-      });
-      // this.waitingRoomUserCount = this._getWaitingRoomUserCount() as number;
-      // if (this._getWaitingRoomUserCount() === 0) {
-      //   this.handleActiveTab(FcrRoomType.Mainroom);
-      // }
-    }
-  }, {
-    key: "_handleUserInfoUpdated",
-    value: function _handleUserInfoUpdated(roomId, event) {
-      this.refreshList = Math.random();
-      var targetUser = event.modifiedUser;
-      this._dataSource.updateUserInfo(targetUser, true);
-      var localUserRole = this._localUser.userRole;
-      this._updateLocalUserRole(localUserRole);
-      this._refreshCurrentPerspectiveType();
-    }
-  }, {
-    key: "_handleUserPropertiesUpdated",
-    value: function _handleUserPropertiesUpdated() {
-      this._getOutputLanguage();
-    }
-  }, {
-    key: "_initUserList",
-    value: function _initUserList() {
-      this._refreshCurrentPerspectiveType();
-      var users = this._userControl.getUsers();
-      for (var _i2 = 0, _Object$entries2 = Object.entries(users); _i2 < _Object$entries2.length; _i2++) {
-        var _Object$entries2$_i = (0, _slicedToArray2["default"])(_Object$entries2[_i2], 2),
-          userId = _Object$entries2$_i[0],
-          user = _Object$entries2$_i[1];
-        this._dataSource.add(user, this._streamControl.getStreamsByUserId(userId), this._localUser.userId === userId);
-      }
-    }
-  }, {
-    key: "_handleStreamsAdded",
-    value: function _handleStreamsAdded(roomId, events) {
-      var _this15 = this;
-      events.forEach(function (e) {
-        var modifiedStream = e.modifiedStream;
-        _this15._dataSource.updateWithStreamAdd(modifiedStream);
-      });
-    }
-  }, {
-    key: "_handleStreamsUpdated",
-    value: function _handleStreamsUpdated(roomId, events) {
-      var _this16 = this;
-      this.refreshList = Math.random();
-      events.forEach(function (e) {
-        var modifiedStream = e.modifiedStream;
-        _this16._dataSource.updateStreamInfo(modifiedStream);
-      });
-    }
-  }, {
-    key: "_handleStreamsRemoved",
-    value: function _handleStreamsRemoved(roomId, events) {
-      var _this17 = this;
-      events.forEach(function (e) {
-        var modifiedStream = e.modifiedStream;
-        _this17._dataSource.updateWithStreamRemove(modifiedStream);
-      });
-    }
-  }, {
-    key: "_refreshCurrentPerspectiveType",
-    value: function _refreshCurrentPerspectiveType() {
-      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;
-      }
-      var localUser = this._userControl.getUser(localUserUid);
-      if (!localUser) {
-        this.currentPerspectiveType = 'attendee';
-        return;
-      }
-      if (localUser.userRole === _type.FcrUserRole.HOST) {
-        this.currentPerspectiveType = 'host';
-        return;
-      }
-      if (localUser.userRole === _type.FcrUserRole.COHOST) {
-        this.currentPerspectiveType = 'cohost';
-        return;
-      }
-      this.currentPerspectiveType = 'attendee';
+      this._sharedSecuritySharedDataSource.setCheckedStateMap(_objectSpread(_objectSpread({}, this.checkedStateMap), {
+        enableJoinWithAudio: enable
+      }));
     }
   }, {
     key: "_onPeerSessionReceived",
     value: function _onPeerSessionReceived(session) {
-      var _this$_localUser4,
-        _this18 = this;
+      var _this13 = this;
       if (session.sessionId && this._processedUserOpenDeviceRequests.has(session.sessionId)) {
         return;
       }
       this._processedUserOpenDeviceRequests.add(session.sessionId);
-      var localUserUid = (_this$_localUser4 = this._localUser) === null || _this$_localUser4 === void 0 ? void 0 : _this$_localUser4.userId;
+      var localUserUid = this.localUser.userId;
       if (!localUserUid) {
         return;
       }
@@ -1699,10 +1602,9 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
           this._peerSessionControl.acceptPeerSession(session);
           return;
         }
-        var _ref7 = payload,
-          sender = _ref7.sender;
+        var _ref6 = payload,
+          sender = _ref6.sender;
         var dialogId = this.openConfirmDialog({
-          width: 400,
           height: 166,
           title: (0, _i18n.transI18n)('fmt_attendies_tips_apply_video_title', {
             reason1: (0, _i18n.transI18n)(_i18n2.userRoleI18nKey[sender.userRole])
@@ -1711,13 +1613,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() {
-            _this18._peerSessionControl.acceptPeerSession(session);
-            _this18._deviceStreamStore.enableCameraWithPreCheck(true);
-            _this18._uiEventStore.closeConfirm(dialogId);
+            _this13._peerSessionControl.acceptPeerSession(session);
+            _this13._deviceStreamStore.enableCameraWithPreCheck(true);
+            _this13._dialogProvider.closeConfirm(dialogId);
           },
           onCancel: function onCancel() {
-            _this18._peerSessionControl.rejectPeerSession(session);
-            _this18._uiEventStore.closeConfirm(dialogId);
+            _this13._peerSessionControl.rejectPeerSession(session);
+            _this13._dialogProvider.closeConfirm(dialogId);
           }
         }, _type3.FcrUISessionKey.REQUEST_OPEN_CAMERA);
         return;
@@ -1727,8 +1629,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({
           title: (0, _i18n.transI18n)('fmt_attendies_tips_apply_audio_title', {
             reason1: (0, _i18n.transI18n)(_i18n2.userRoleI18nKey[_sender.userRole])
@@ -1737,15 +1639,14 @@ 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() {
-            _this18._peerSessionControl.acceptPeerSession(session);
-            _this18._deviceStreamStore.enableMicrophoneWithPreCheck(true);
-            _this18._uiEventStore.closeConfirm(_dialogId);
+            _this13._peerSessionControl.acceptPeerSession(session);
+            _this13._deviceStreamStore.enableMicrophoneWithPreCheck(true);
+            _this13._dialogProvider.closeConfirm(_dialogId);
           },
           onCancel: function onCancel() {
-            _this18._peerSessionControl.rejectPeerSession(session);
-            _this18._uiEventStore.closeConfirm(_dialogId);
+            _this13._peerSessionControl.rejectPeerSession(session);
+            _this13._dialogProvider.closeConfirm(_dialogId);
           },
-          width: 400,
           height: 166
         }, _type3.FcrUISessionKey.REQUEST_OPEN_MICROPHONE);
       }
@@ -1774,23 +1675,14 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
           break;
       }
     }
-  }, {
-    key: "_isHost",
-    value: function _isHost(userRole) {
-      return userRole === _type.FcrUserRole.HOST;
-    }
-  }, {
-    key: "_updateLocalUserRole",
-    value: function _updateLocalUserRole(userRole) {
-      this.localUserRole = userRole;
-    }
   }, {
     key: "_getOutputLanguage",
     value: function () {
-      var _getOutputLanguage2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5() {
+      var _getOutputLanguage2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee6() {
+        var _this14 = this;
         var interpreterInputLanguageList, index, user, language;
-        return _regenerator["default"].wrap(function _callee5$(_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
+        return _regenerator["default"].wrap(function _callee6$(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
             case 0:
               interpreterInputLanguageList = [];
               for (index = 0; index < this.userList.length; index++) {
@@ -1803,38 +1695,138 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
                   });
                 }
               }
-              this.interpreterInputLanguageList = interpreterInputLanguageList;
+              (0, _mobx.runInAction)(function () {
+                _this14.interpreterInputLanguageList = interpreterInputLanguageList;
+              });
             case 3:
             case "end":
-              return _context5.stop();
+              return _context6.stop();
           }
-        }, _callee5, this);
+        }, _callee6, this);
       }));
       function _getOutputLanguage() {
         return _getOutputLanguage2.apply(this, arguments);
       }
       return _getOutputLanguage;
     }()
+  }, {
+    key: "_checkCreatorInfo",
+    value: function _checkCreatorInfo() {
+      var _this15 = this;
+      var hasRevokeHostPermission = this._securityStore.hasRevokeHostPermission();
+      var currentHost = this._sharedMemberDataSource.memberList.find(function (user) {
+        return user.userInfo.userRole === _type.FcrUserRole.HOST;
+      });
+      if (hasRevokeHostPermission && currentHost && currentHost.userId !== this.localUser.userId) {
+        this._dialogProvider.openDialog(_constant.FcrUIDialogKey.SYSTEM_PREFERENCE, '', {
+          title: (0, _i18n.transI18n)('fmt_hostkey_window_title_reclaim_host'),
+          desc: (0, _i18n.transI18n)('fmt_hostkey_window_content_reclaim_host', {
+            reason1: "".concat(currentHost.userInfo.userName)
+          }),
+          img: 'host',
+          height: 390,
+          buttons: [{
+            text: (0, _i18n.transI18n)('fmt_hostkey_window_button_reclaim_host'),
+            withClose: true,
+            styleType: 'success',
+            onClick: function () {
+              var _onClick = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee7() {
+                return _regenerator["default"].wrap(function _callee7$(_context7) {
+                  while (1) switch (_context7.prev = _context7.next) {
+                    case 0:
+                      _this15._revokeHost();
+                    case 1:
+                    case "end":
+                      return _context7.stop();
+                  }
+                }, _callee7);
+              }));
+              function onClick() {
+                return _onClick.apply(this, arguments);
+              }
+              return onClick;
+            }()
+          }, {
+            text: [_type.FcrUserRole.HOST, _type.FcrUserRole.COHOST].includes(this._sharedMemberDataSource.localUserRole) ? (0, _i18n.transI18n)('fmt_hostkey_window_button_remain_cohost') : (0, _i18n.transI18n)('fmt_hostkey_window_button_remain_attendees'),
+            withClose: true,
+            onClick: function onClick() {}
+          }]
+        });
+      }
+    }
+  }, {
+    key: "_revokeHostByTicket",
+    value: function _revokeHostByTicket() {
+      var _this16 = this;
+      var hostKey = '';
+      var errMessage = {
+        '732403104': (0, _i18n.transI18n)('fmt_hostkey_meetingroom_toast_unable_to_claim_host'),
+        '732403105': (0, _i18n.transI18n)('fmt_hostkey_input_hostkey_tips_incorrect_key')
+      };
+      var dialogId = this._dialogProvider.openConfirmDialog({
+        title: (0, _i18n.transI18n)('fmt_hostkey_input_hostkey_title_enter_key'),
+        content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_confirmInput["default"], {
+          type: "number",
+          placeholder: (0, _i18n.transI18n)('fmt_hostkey_input_hostkey_text_hint_enter_key'),
+          onChange: function onChange(value) {
+            hostKey = String(value);
+          }
+        }),
+        alignCenter: true,
+        closable: false,
+        onOk: function () {
+          var _onOk3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee8() {
+            return _regenerator["default"].wrap(function _callee8$(_context8) {
+              while (1) switch (_context8.prev = _context8.next) {
+                case 0:
+                  return _context8.abrupt("return", _this16._userControl.claimHost(hostKey).then(function (res) {
+                    _this16._messageProvider.showToast({
+                      type: 'normal',
+                      message: (0, _i18n.transI18n)('fmt_hostkey_meetingroom_toast_now_host')
+                    });
+                    _this16._dialogProvider.closeConfirm(dialogId);
+                  })["catch"](function (err) {
+                    if (err.code === '732403105') return {
+                      message: errMessage === null || errMessage === void 0 ? void 0 : errMessage["".concat(err.code)]
+                    };
+                    _this16._messageProvider.showToast({
+                      type: err.code === 0 ? 'normal' : 'error',
+                      message: err.code === 0 ? (0, _i18n.transI18n)('fmt_hostkey_meetingroom_toast_now_host') : (errMessage === null || errMessage === void 0 ? void 0 : errMessage["".concat(err.code)]) || err.message
+                    });
+                  }));
+                case 1:
+                case "end":
+                  return _context8.stop();
+              }
+            }, _callee8);
+          }));
+          function onOk() {
+            return _onOk3.apply(this, arguments);
+          }
+          return onOk;
+        }(),
+        onCancel: function onCancel() {
+          _this16._dialogProvider.closeConfirm(dialogId);
+        }
+      });
+    }
   }]);
 }();
 _ParticipantStore = ParticipantStore;
-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);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_ParticipantStore, [[_mobx.observable, 1, "_mainList"], [_mobx.observable, 1, "_isChecked"], [_mobx.observable, 1, "_participantsWindowActive"], [_mobx.observable, 1, "enableParticipantsJoinWithMute"], [_mobx.observable, 1, "searchText"], [_mobx.observable, 1, "currentModal"], [_mobx.observable, 1, "mergeConfirmDialog"], [_mobx.observable, 1, "mergeUserId"], [_mobx.observable, 1, "activeTab"], [_mobx.observable, 1, "interpreterInputLanguageList"], [_mobx.observable, 1, "newName"], [_mobx.observable, 1, "allowUnmute"], [_mobx.observable, 1, "joinWithMuteAudio"], [_mobx.observable, 1, "showBecomeHostButton"], [_mobx.computed, 3, "audioVolumeMap"], [_mobx.computed, 3, "localUser"], [_mobx.computed, 3, "localUserRole"], [_mobx.computed, 3, "isLocalUserHost"], [_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"], [_setAllowUnmuteDecs, 18, "setAllowUnmute"], [_setAllowJoinWithMuteAudioDecs, 18, "setAllowJoinWithMuteAudio"], [_openMuteAllDialogDecs, 18, "openMuteAllDialog"], [_isHostSupportedDecs, 18, "isHostSupported"], [_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"], [_kickOutUserDecs, 18, "_kickOutUser"], [_setAsAttendeeDecs, 18, "_setAsAttendee"], [_onPeerSessionReceivedDecs, 18, "_onPeerSessionReceived"], [_getOutputLanguageDecs, 18, "_getOutputLanguage"]], []).e, 15);
 _init__mainList = _applyDecs$e[0];
 _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];
+_init_enableParticipantsJoinWithMute = _applyDecs$e[3];
+_init_searchText = _applyDecs$e[4];
+_init_currentModal = _applyDecs$e[5];
+_init_mergeConfirmDialog = _applyDecs$e[6];
+_init_mergeUserId = _applyDecs$e[7];
+_init_activeTab = _applyDecs$e[8];
+_init_interpreterInputLanguageList = _applyDecs$e[9];
+_init_newName = _applyDecs$e[10];
+_init_allowUnmute = _applyDecs$e[11];
+_init_joinWithMuteAudio = _applyDecs$e[12];
+_init_showBecomeHostButton = _applyDecs$e[13];
+_initProto = _applyDecs$e[14];
 var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);