fcr-ui-scene 3.3.1 → 3.4.1

package/lib/modules/participant/store.js

@@ -10,8 +10,11 @@ require("core-js/modules/es.date.to-primitive.js");
 require("core-js/modules/es.function.name.js");
 require("core-js/modules/es.number.constructor.js");
 require("core-js/modules/es.object.create.js");
+require("core-js/modules/es.object.define-properties.js");
 require("core-js/modules/es.object.define-property.js");
 require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.keys.js");
 require("core-js/modules/esnext.function.metadata.js");
 require("core-js/modules/esnext.symbol.metadata.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -19,7 +22,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.StoreContext = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 require("core-js/modules/es.array.concat.js");
 require("core-js/modules/es.array.filter.js");
@@ -96,25 +99,29 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _agoraEduCore = require("agora-edu-core");
-var _type = require("agora-edu-core/lib/type");
+var _fcrCore = require("fcr-core");
+var _type = require("fcr-core/lib/type");
 var _constant = require("../../utilities/constant");
 var _logger = require("agora-foundation/lib/logger");
-var _type2 = require("agora-rte-sdk/lib/core/scene/type");
-var _type3 = require("agora-rte-sdk/lib/type");
+var _type2 = require("agora-rte-sdk/lib/type");
 var _attendee = require("agora-ui-foundation/lib/components/participants/attendee");
-var _toast = require("agora-ui-foundation/lib/components/toast");
 var _mobx = require("mobx");
 var _decorator = require("agora-foundation/lib/decorator");
-var _rendererEvent = require("../../utilities/renderer-event");
 var _mobxUtils = require("mobx-utils");
 var _memberListDataSource = require("./member-list-data-source");
-var _type4 = require("./type");
+var _type3 = require("./type");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _i18n2 = require("../../hooks/i18n");
-var _type5 = require("agora-edu-core/lib/room-control/user-control/type");
+var _type4 = require("fcr-core/lib/room-control/user-control/type");
+var _react = require("react");
+var _rename = _interopRequireDefault(require("./components/rename"));
+var _type5 = require("fcr-core/lib/room-control/privilege-control/type");
+var _env = require("agora-foundation/lib/utilities/env");
+var _jsxRuntime = require("react/jsx-runtime");
 var _ParticipantStore;
-var _initProto, _init__mainList, _init__participantsWindowActive, _init_currentPerspectiveType, _init_audioVolumeMap, _init_enableParticipantsJoinWithMute, _init_searchText, _init_currentModal, _init_localUserRole, _init_spotlightStreamId, _init_enableSpotlight, _init_mergeConfirmDialog, _init_mergeUserId, _init_activeTab, _init_isNewWaitingRoomUserEnter, _init_waitingRoomUserCount, _setSpotlightStreamIdDecs, _setCurrentModalDecs, _openParticipantsWindowDecs, _setParticipantsWindowActiveDecs, _handlerSearchUserDecs, _getAllowedOperationsDecs, _closeRemoveAdmitWaitingRoomDialogDecs, _openRemoveAdmitWaitingRoomDialogDecs, _handlerUserActionDecs, _moveToWaitingRoomByUserIdsDecs, _removeWaitingRoomUserDecs, _kickOutWaitingRoomAllMemberDecs, _moveToMainRoomAllMemberDecs, _handlerRoomControlActionDecs, _handleEventDecs, _moveToMainRoomByUserIdsDecs, _handleActiveTabDecs, _initWaitingRoomUserListDecs, _kickOutUserDecs, _setAsAttendeeDecs, _onAudioVolumeUpdatedDecs, _handleRemoteUserJoinedDecs, _handleRemoteUserLeftDecs, _handleRemoteWaitingUserJoinedDecs, _handleRemoteWaitingUserLeftDecs, _onUserInfoUpdatedDecs, _initUserListDecs, _refreshCurrentPerspectiveTypeDecs, _onPeerSessionReceivedDecs, _updateLocalUserRoleDecs, _ref;
+var _initProto, _init__mainList, _init__participantsWindowActive, _init_currentPerspectiveType, _init_audioVolumeMap, _init_enableParticipantsJoinWithMute, _init_searchText, _init_currentModal, _init_localUserRole, _init_spotlightStreamId, _init_enableSpotlight, _init_mergeConfirmDialog, _init_mergeUserId, _init_activeTab, _init_isNewWaitingRoomUserEnter, _init_waitingRoomUserCount, _init_interpreterUsers, _init_interpreterState, _init_interpreterInputLanguageList, _init_newName, _init_refreshList, _setSpotlightStreamIdDecs, _setCurrentModalDecs, _openParticipantsWindowDecs, _setParticipantsWindowActiveDecs, _handlerSearchUserDecs, _closeRemoveAdmitWaitingRoomDialogDecs, _openRemoveAdmitWaitingRoomDialogDecs, _handlerUserActionDecs, _closeChangeNameDialogDecs, _moveToWaitingRoomByUserIdsDecs, _removeWaitingRoomUserDecs, _kickOutWaitingRoomAllMemberDecs, _moveToMainRoomAllMemberDecs, _handlerRoomControlActionDecs, _handleEventDecs, _moveToMainRoomByUserIdsDecs, _handleActiveTabDecs, _getInterpreterStateDecs, _initWaitingRoomUserListDecs, _kickOutUserDecs, _setAsAttendeeDecs, _onAudioVolumeUpdatedDecs, _handleRemoteUserJoinedDecs, _handleRemoteUserLeftDecs, _handleRemoteWaitingUserJoinedDecs, _handleRemoteWaitingUserLeftDecs, _handleUserInfoUpdatedDecs, _initUserListDecs, _refreshCurrentPerspectiveTypeDecs, _onPeerSessionReceivedDecs, _updateLocalUserRoleDecs, _getOutputLanguageDecs, _ref;
+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); }
 function _checkPrivateRedeclaration(e, t) { if (t.has(e)) throw new TypeError("Cannot initialize the same private elements twice on an object"); }
 function _classPrivateFieldSet(s, a, r) { return s.set(_assertClassBrand(s, a), r), r; }
@@ -129,11 +136,11 @@ function _checkInRHS(e) { if (Object(e) !== e) throw TypeError("right-hand side
  * seconds
  */
 var SESSION_DURATION = 30;
+var _A = /*#__PURE__*/new WeakMap();
 var _B = /*#__PURE__*/new WeakMap();
 var _C = /*#__PURE__*/new WeakMap();
 var _D = /*#__PURE__*/new WeakMap();
 var _E = /*#__PURE__*/new WeakMap();
-var _A = /*#__PURE__*/new WeakMap();
 var _F = /*#__PURE__*/new WeakMap();
 var _G = /*#__PURE__*/new WeakMap();
 var _H = /*#__PURE__*/new WeakMap();
@@ -145,22 +152,28 @@ var _M = /*#__PURE__*/new WeakMap();
 var _N = /*#__PURE__*/new WeakMap();
 var _O = /*#__PURE__*/new WeakMap();
 var _P = /*#__PURE__*/new WeakMap();
-_ref = (_setSpotlightStreamIdDecs = [_mobx.action, _mobx.action.bound], _setCurrentModalDecs = [_mobx.action, _mobx.action.bound], _openParticipantsWindowDecs = [_mobx.action, _mobx.action.bound], _setParticipantsWindowActiveDecs = [_mobx.action, _mobx.action.bound], _handlerSearchUserDecs = [_mobx.action, _mobx.action.bound], _getAllowedOperationsDecs = [_mobx.action, _mobx.action.bound], _closeRemoveAdmitWaitingRoomDialogDecs = [_mobx.action, _mobx.action.bound], _openRemoveAdmitWaitingRoomDialogDecs = [_mobx.action, _mobx.action.bound], _handlerUserActionDecs = [_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], _handleRemoteUserJoinedDecs = [_mobx.action, _mobx.action.bound], _handleRemoteUserLeftDecs = [_mobx.action, _mobx.action.bound], _handleRemoteWaitingUserJoinedDecs = [_mobx.action, _mobx.action.bound], _handleRemoteWaitingUserLeftDecs = [_mobx.action, _mobx.action.bound], _onUserInfoUpdatedDecs = [_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], "logger");
+var _Q = /*#__PURE__*/new WeakMap();
+var _R = /*#__PURE__*/new WeakMap();
+var _S = /*#__PURE__*/new WeakMap();
+var _T = /*#__PURE__*/new WeakMap();
+_ref = (_setSpotlightStreamIdDecs = [_mobx.action, _mobx.action.bound], _setCurrentModalDecs = [_mobx.action, _mobx.action.bound], _openParticipantsWindowDecs = [_mobx.action, _mobx.action.bound], _setParticipantsWindowActiveDecs = [_mobx.action, _mobx.action.bound], _handlerSearchUserDecs = [_mobx.action, _mobx.action.bound], _closeRemoveAdmitWaitingRoomDialogDecs = [_mobx.action, _mobx.action.bound], _openRemoveAdmitWaitingRoomDialogDecs = [_mobx.action, _mobx.action.bound], _handlerUserActionDecs = [_mobx.action, _mobx.action.bound], _closeChangeNameDialogDecs = [_mobx.action, _mobx.action.bound], _moveToWaitingRoomByUserIdsDecs = [_mobx.action, _mobx.action.bound], _removeWaitingRoomUserDecs = [_mobx.action, _mobx.action.bound], _kickOutWaitingRoomAllMemberDecs = [_mobx.action, _mobx.action.bound], _moveToMainRoomAllMemberDecs = [_mobx.action, _mobx.action.bound], _handlerRoomControlActionDecs = [_mobx.action, _mobx.action.bound], _handleEventDecs = [_mobx.action, _mobx.action.bound], _moveToMainRoomByUserIdsDecs = [_mobx.action, _mobx.action.bound], _handleActiveTabDecs = [_mobx.action, _mobx.action.bound], _getInterpreterStateDecs = [_mobx.action, _mobx.action.bound], _initWaitingRoomUserListDecs = [_mobx.action, _mobx.action.bound], _kickOutUserDecs = [_mobx.action, _mobx.action.bound], _setAsAttendeeDecs = [_mobx.action, _mobx.action.bound], _onAudioVolumeUpdatedDecs = [_mobx.action, _mobx.action.bound], _handleRemoteUserJoinedDecs = [_mobx.action, _mobx.action.bound], _handleRemoteUserLeftDecs = [_mobx.action, _mobx.action.bound], _handleRemoteWaitingUserJoinedDecs = [_mobx.action, _mobx.action.bound], _handleRemoteWaitingUserLeftDecs = [_mobx.action, _mobx.action.bound], _handleUserInfoUpdatedDecs = [_mobx.action, _mobx.action.bound], _initUserListDecs = [_mobx.action, _mobx.action.bound], _refreshCurrentPerspectiveTypeDecs = [_mobx.action, _mobx.action.bound], _onPeerSessionReceivedDecs = [_mobx.action, _mobx.action.bound], _updateLocalUserRoleDecs = [_mobx.action, _mobx.action.bound], _getOutputLanguageDecs = [_mobx.action, _mobx.action.bound], "logger");
 var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
   function ParticipantStore(_ref2) {
     var _this = this;
-    var roomControl = _ref2.roomControl,
-      engine = _ref2.engine,
-      peerSessionControl = _ref2.peerSessionControl,
+    var _roomControl = _ref2.roomControl,
       securityStore = _ref2.securityStore,
       uiEventStore = _ref2.uiEventStore,
       deviceStore = _ref2.deviceStore,
-      deviceStreamStore = _ref2.deviceStreamStore;
+      deviceStreamStore = _ref2.deviceStreamStore,
+      roomStore = _ref2.roomStore,
+      engine = _ref2.engine;
     (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, "_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());
@@ -178,15 +191,47 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
     (0, _defineProperty2["default"])(this, "_userObserver", {
       onRemoteUsersJoined: this._handleRemoteUserJoined.bind(this),
       onRemoteUsersLeft: this._handleRemoteUserLeft.bind(this),
-      onUserInfoUpdated: this._onUserInfoUpdated.bind(this)
+      onUserInfoUpdated: this._handleUserInfoUpdated.bind(this),
+      onUserPropertiesUpdated: this._handleUserPropertiesUpdated.bind(this)
     });
-    (0, _defineProperty2["default"])(this, "_eventObserver", {
-      onEvent: this._handleEvent
+    (0, _defineProperty2["default"])(this, "_interpreterObserver", {
+      onInterpreterUsersUpdated: function onInterpreterUsersUpdated(roomId, users) {
+        _this.interpreterUsers = users;
+      },
+      onInterpreterStateUpdated: function onInterpreterStateUpdated() {
+        _this.interpreterState = _this.getInterpreterState();
+        _this.interpreterUsers = _this._interpreterControl.getInterpreterUserList();
+      }
     });
     (0, _defineProperty2["default"])(this, "_waitingRoomUserObserver", {
       onRemoteUsersJoined: this._handleRemoteWaitingUserJoined.bind(this),
       onRemoteUsersLeft: this._handleRemoteWaitingUserLeft.bind(this)
     });
+    (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();
+        _this._initWaitingRoomUserList();
+      }
+    });
+    (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) === _type5.FcrSecurityAction.ChangeName) {
+          if (!event.securityInfo.enable) {
+            _this._closeChangeNameDialog();
+          }
+        }
+      }
+    });
+    (0, _defineProperty2["default"])(this, "_eventObserver", {
+      onEvent: this._handleEvent
+    });
     (0, _defineProperty2["default"])(this, "_whitebaordObderver", {
       onActive: function onActive(ownerId, operatorUser) {
         _this._updateUserBoardState(operatorUser);
@@ -195,25 +240,30 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
         _this._updateUserBoardState(operatorUser);
       }
     });
-    _classPrivateFieldInitSpec(this, _B, _init__mainList(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, _A, _agoraEduCore.FcrMediaSourceState.STOPPED);
-    _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, _J, _init_spotlightStreamId(this, ''));
-    _classPrivateFieldInitSpec(this, _K, _init_enableSpotlight(this, true));
-    _classPrivateFieldInitSpec(this, _L, _init_mergeConfirmDialog(this, false));
-    _classPrivateFieldInitSpec(this, _M, _init_mergeUserId(this, ''));
-    _classPrivateFieldInitSpec(this, _N, _init_activeTab(this, _constant.RoomType.MAIN_ROOM));
-    _classPrivateFieldInitSpec(this, _O, _init_isNewWaitingRoomUserEnter(this, false));
-    _classPrivateFieldInitSpec(this, _P, _init_waitingRoomUserCount(this, 0));
+    _classPrivateFieldInitSpec(this, _A, _init__mainList(this, []));
+    _classPrivateFieldInitSpec(this, _B, _init__participantsWindowActive(this, false));
+    _classPrivateFieldInitSpec(this, _C, _init_currentPerspectiveType(this, 'attendee'));
+    _classPrivateFieldInitSpec(this, _D, _init_audioVolumeMap(this, new Map()));
+    _classPrivateFieldInitSpec(this, _E, _init_enableParticipantsJoinWithMute(this, false));
+    _classPrivateFieldInitSpec(this, _F, _init_searchText(this, ''));
+    _classPrivateFieldInitSpec(this, _G, _init_currentModal(this, 'modal'));
+    _classPrivateFieldInitSpec(this, _H, _init_localUserRole(this));
+    _classPrivateFieldInitSpec(this, _I, _init_spotlightStreamId(this, ''));
+    _classPrivateFieldInitSpec(this, _J, _init_enableSpotlight(this, true));
+    _classPrivateFieldInitSpec(this, _K, _init_mergeConfirmDialog(this, false));
+    _classPrivateFieldInitSpec(this, _L, _init_mergeUserId(this, ''));
+    _classPrivateFieldInitSpec(this, _M, _init_activeTab(this, _constant.RoomType.MAIN_ROOM));
+    _classPrivateFieldInitSpec(this, _N, _init_isNewWaitingRoomUserEnter(this, false));
+    _classPrivateFieldInitSpec(this, _O, _init_waitingRoomUserCount(this, 0));
+    _classPrivateFieldInitSpec(this, _P, _init_interpreterUsers(this, []));
+    //  翻译官列表
+    _classPrivateFieldInitSpec(this, _Q, _init_interpreterState(this));
+    _classPrivateFieldInitSpec(this, _R, _init_interpreterInputLanguageList(this, []));
+    _classPrivateFieldInitSpec(this, _S, _init_newName(this, ''));
+    _classPrivateFieldInitSpec(this, _T, _init_refreshList(this, Math.random()));
     (0, _defineProperty2["default"])(this, "allowedOperations", (0, _mobxUtils.computedFn)(function (userId, userRole) {
-      var _this$_userControl$ge;
-      return _this.getAllowedOperations(userRole, userId === ((_this$_userControl$ge = _this._userControl.getLocalUser()) === null || _this$_userControl$ge === void 0 ? void 0 : _this$_userControl$ge.userId));
+      var _this$_localUser;
+      return _this.getAllowedOperations(userRole, userId === ((_this$_localUser = _this._localUser) === null || _this$_localUser === void 0 ? void 0 : _this$_localUser.userId));
     }));
     (0, _defineProperty2["default"])(this, "checkIsPin", (0, _mobxUtils.computedFn)(function (userId) {
       var _this$userMap$get;
@@ -221,31 +271,46 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
         return _this.pinedStreamIds.includes(stream.streamId);
       }));
     }));
+    (0, _defineProperty2["default"])(this, "getAllowedOperations", (0, _mobxUtils.computedFn)(function (targetRole, isSelf) {
+      return _this._securityStore.getAllowedOperations(targetRole, isSelf);
+    }));
     (0, _defineProperty2["default"])(this, "_formatUser", function (user) {
-      var _this$_userControl$ge2;
+      var _this$_localUser2;
       var targetUsers = user.streams;
       var hasShareScreen = targetUsers.find(function (user) {
-        return user.videoSourceType === _type3.AgoraRteVideoSourceType.SCREEN;
+        return user.videoSourceType === _type2.AgoraRteVideoSourceType.SCREEN;
       });
-      var isSelf = user.userId === _this._userControl.getLocalUser().userId;
+      var isSelf = user.userId === _this._localUser.userId;
+
+      // const hasAudioPublishedAndStarted = (stream?: FcrStreamInfo) =>
+      //   stream?.audioSourceState === FcrMediaSourceState.OPEN &&
+      //   (stream?.streamType === AgoraRteMediaStreamType.AUDIO ||
+      //     stream?.streamType === AgoraRteMediaStreamType.BOTH);
+
       var hasAudioPublishedAndStarted = function hasAudioPublishedAndStarted(stream) {
-        return (stream === null || stream === void 0 ? void 0 : stream.audioSourceState) === _agoraEduCore.FcrMediaSourceState.STARTED && ((stream === null || stream === void 0 ? void 0 : stream.streamType) === _type2.AgoraRteMediaStreamType.AUDIO || (stream === null || stream === void 0 ? void 0 : stream.streamType) === _type2.AgoraRteMediaStreamType.BOTH);
+        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) === _agoraEduCore.FcrMediaSourceState.STARTED && ((stream === null || stream === void 0 ? void 0 : stream.streamType) === _type2.AgoraRteMediaStreamType.VIDEO || (stream === null || stream === void 0 ? void 0 : stream.streamType) === _type2.AgoraRteMediaStreamType.BOTH);
+        return (stream === null || stream === void 0 ? void 0 : stream.videoSourceState) === _fcrCore.FcrMediaSourceState.OPEN;
       };
       var hasAudio = false;
       var hasVideo = false;
       var audioDeviceType = 'none';
       var videoDeviceType = 'none';
       var userType = 'normal';
-      if (user.userInfo.connectorType === _agoraEduCore.FcrRoomConnectorType.NONE) {
+      if (user.userInfo.connectorType === _fcrCore.FcrRoomConnectorType.NONE) {
         var defaultStream = targetUsers.find(function (user) {
-          return user.videoSourceType === _type3.AgoraRteVideoSourceType.CAMERA;
+          return user.videoSourceType === _type2.AgoraRteVideoSourceType.CAMERA;
         });
         var pstnStream = targetUsers.find(function (_ref3) {
           var connectorType = _ref3.connectorType;
-          return connectorType == _agoraEduCore.FcrRoomConnectorType.PSTN;
+          return connectorType == _fcrCore.FcrRoomConnectorType.PSTN;
         });
         videoDeviceType = 'computer-cam';
         hasVideo = isSelf ? _this._deviceStore.cameraEnabled : hasVideoPublishedAndStarted(defaultStream);
@@ -264,10 +329,10 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
         }
       }
       // 2.sip user with camera and phone mic
-      else if ([_agoraEduCore.FcrRoomConnectorType.SIP, _agoraEduCore.FcrRoomConnectorType.H323].includes(user.userInfo.connectorType)) {
+      else if ([_fcrCore.FcrRoomConnectorType.SIP, _fcrCore.FcrRoomConnectorType.H323].includes(user.userInfo.connectorType)) {
         var firstSipOrH323Stream = targetUsers.find(function (_ref4) {
           var connectorType = _ref4.connectorType;
-          return [_agoraEduCore.FcrRoomConnectorType.SIP, _agoraEduCore.FcrRoomConnectorType.H323].includes(connectorType);
+          return [_fcrCore.FcrRoomConnectorType.SIP, _fcrCore.FcrRoomConnectorType.H323].includes(connectorType);
         });
         audioDeviceType = 'phone-mic';
         videoDeviceType = 'computer-cam';
@@ -276,10 +341,10 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
         hasVideo = hasVideoPublishedAndStarted(firstSipOrH323Stream);
       }
       // 3.phone user with no camera and phone mic
-      else if (user.userInfo.connectorType === _agoraEduCore.FcrRoomConnectorType.PSTN) {
+      else if (user.userInfo.connectorType === _fcrCore.FcrRoomConnectorType.PSTN) {
         var _pstnStream = targetUsers.find(function (_ref5) {
           var connectorType = _ref5.connectorType;
-          return connectorType == _agoraEduCore.FcrRoomConnectorType.PSTN;
+          return connectorType == _fcrCore.FcrRoomConnectorType.PSTN;
         });
         audioDeviceType = 'phone-mic';
         userType = 'phone';
@@ -293,7 +358,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$_userControl$ge2 = _this._userControl.getLocalUser()) === null || _this$_userControl$ge2 === void 0 ? void 0 : _this$_userControl$ge2.userId),
+        isMe: user.userId === ((_this$_localUser2 = _this._localUser) === null || _this$_localUser2 === void 0 ? void 0 : _this$_localUser2.userId),
         hasAudio: hasAudio,
         hasVideo: hasVideo,
         isScreenSharing: !!hasShareScreen,
@@ -307,67 +372,78 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
         isPin: _this.checkIsPin(user.userId)
       };
     });
-    this._roomControl = roomControl;
-    this._engine = engine;
-    this._streamControl = roomControl.getStreamControl();
-    this._peerSessionControl = peerSessionControl;
-    this._userControl = roomControl.getUserControl();
-    this.localUserRole = this._userControl.getLocalUser().userRole;
-    this._userControl.addObserver(this._userObserver);
-    this._streamControl.addObserver(this._streamsObserver);
-    this._peerSessionControl.addObserver(this._peerSessionObserver);
-    this._roomControl.getBoardControl().addObserver(this._whitebaordObderver);
+    this._roomControl = _roomControl;
+    this._streamControl = _roomControl.getStreamControl();
+    this._peerSessionControl = engine.getPeerSessionControl();
+    this._userControl = _roomControl.getUserControl();
     this._securityStore = securityStore;
     this._uiEventStore = uiEventStore;
     this._deviceStore = deviceStore;
     this._deviceStreamStore = deviceStreamStore;
+    this._roomStore = roomStore;
+    this._interpreterControl = _roomControl.getInterpreterControl();
     this._uiEventStore.addObserver(this._eventObserver);
+    this._userControl.addObserver(this._userObserver);
+    this._streamControl.addObserver(this._streamsObserver);
+    this._peerSessionControl.addObserver(this._peerSessionObserver);
+    this._roomControl.getBoardControl().addObserver(this._whitebaordObderver);
+    this._roomControl.getPrivilegeControl().addObserver(this._privilegeControlObserver);
+    this._interpreterControl.addObserver(this._interpreterObserver);
+    this._roomStore.addObserver(this._roomStoreObserver);
     this._initUserList();
-    this._addReactions();
     this._updateUserBoardState();
+    this.interpreterUsers = this._interpreterControl.getInterpreterUserList();
+    this.interpreterState = this.getInterpreterState();
+    this._getOutputLanguage();
+    this.localUserRole = this._localUser.userRole;
   }
   return (0, _createClass2["default"])(ParticipantStore, [{
+    key: "_localUser",
+    get: function get() {
+      return this._userControl.getLocalUser();
+    }
+  }, {
     key: "_mainList",
     get: function get() {
-      return _classPrivateFieldGet(_B, this);
+      return _classPrivateFieldGet(_A, this);
     },
     set: function set(v) {
-      _classPrivateFieldSet(_B, this, v);
+      _classPrivateFieldSet(_A, this, v);
     }
   }, {
     key: "_participantsWindowActive",
     get: function get() {
-      return _classPrivateFieldGet(_C, this);
+      return _classPrivateFieldGet(_B, this);
     },
     set: function set(v) {
-      _classPrivateFieldSet(_C, this, v);
+      _classPrivateFieldSet(_B, this, v);
     }
   }, {
     key: "currentPerspectiveType",
     get: function get() {
-      return _classPrivateFieldGet(_D, this);
+      return _classPrivateFieldGet(_C, this);
     },
     set: function set(v) {
-      _classPrivateFieldSet(_D, this, v);
+      _classPrivateFieldSet(_C, this, v);
     }
   }, {
     key: "audioVolumeMap",
     get: function get() {
-      return _classPrivateFieldGet(_E, this);
+      return _classPrivateFieldGet(_D, this);
     },
     set: function set(v) {
-      _classPrivateFieldSet(_E, this, v);
+      _classPrivateFieldSet(_D, this, v);
     }
   }, {
-    key: "screenSharingState",
+    key: "enableParticipantsJoinWithMute",
     get: function get() {
-      return _classPrivateFieldGet(_A, this);
+      return _classPrivateFieldGet(_E, this);
     },
     set: function set(v) {
-      _classPrivateFieldSet(_A, this, v);
+      _classPrivateFieldSet(_E, this, v);
     }
   }, {
-    key: "enableParticipantsJoinWithMute",
+    key: "searchText",
     get: function get() {
       return _classPrivateFieldGet(_F, this);
     },
@@ -375,7 +451,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_F, this, v);
     }
   }, {
-    key: "searchText",
+    key: "currentModal",
     get: function get() {
       return _classPrivateFieldGet(_G, this);
     },
@@ -383,7 +459,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_G, this, v);
     }
   }, {
-    key: "currentModal",
+    key: "localUserRole",
     get: function get() {
       return _classPrivateFieldGet(_H, this);
     },
@@ -391,7 +467,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_H, this, v);
     }
   }, {
-    key: "localUserRole",
+    key: "spotlightStreamId",
     get: function get() {
       return _classPrivateFieldGet(_I, this);
     },
@@ -399,7 +475,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_I, this, v);
     }
   }, {
-    key: "spotlightStreamId",
+    key: "enableSpotlight",
     get: function get() {
       return _classPrivateFieldGet(_J, this);
     },
@@ -407,7 +483,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_J, this, v);
     }
   }, {
-    key: "enableSpotlight",
+    key: "mergeConfirmDialog",
     get: function get() {
       return _classPrivateFieldGet(_K, this);
     },
@@ -415,7 +491,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_K, this, v);
     }
   }, {
-    key: "mergeConfirmDialog",
+    key: "mergeUserId",
     get: function get() {
       return _classPrivateFieldGet(_L, this);
     },
@@ -423,7 +499,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_L, this, v);
     }
   }, {
-    key: "mergeUserId",
+    key: "activeTab",
     get: function get() {
       return _classPrivateFieldGet(_M, this);
     },
@@ -431,7 +507,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_M, this, v);
     }
   }, {
-    key: "activeTab",
+    key: "isNewWaitingRoomUserEnter",
     get: function get() {
       return _classPrivateFieldGet(_N, this);
     },
@@ -439,7 +515,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_N, this, v);
     }
   }, {
-    key: "isNewWaitingRoomUserEnter",
+    key: "waitingRoomUserCount",
     get: function get() {
       return _classPrivateFieldGet(_O, this);
     },
@@ -447,13 +523,45 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_O, this, v);
     }
   }, {
-    key: "waitingRoomUserCount",
+    key: "interpreterUsers",
     get: function get() {
       return _classPrivateFieldGet(_P, this);
     },
     set: function set(v) {
       _classPrivateFieldSet(_P, this, v);
     }
+  }, {
+    key: "interpreterState",
+    get: function get() {
+      return _classPrivateFieldGet(_Q, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_Q, this, v);
+    }
+  }, {
+    key: "interpreterInputLanguageList",
+    get: function get() {
+      return _classPrivateFieldGet(_R, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_R, this, v);
+    }
+  }, {
+    key: "newName",
+    get: function get() {
+      return _classPrivateFieldGet(_S, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_S, this, v);
+    }
+  }, {
+    key: "refreshList",
+    get: function get() {
+      return _classPrivateFieldGet(_T, this);
+    },
+    set: function set(v) {
+      _classPrivateFieldSet(_T, this, v);
+    }
   }, {
     key: "userListSource",
     get: function get() {
@@ -570,9 +678,14 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "release",
     value: function release() {
+      this._uiEventStore.removeObserver(this._eventObserver);
       this._userControl.removeObserver(this._userObserver);
       this._streamControl.removeObserver(this._streamsObserver);
-      this._uiEventStore.removeObserver(this._eventObserver);
+      this._peerSessionControl.removeObserver(this._peerSessionObserver);
+      this._roomControl.getBoardControl().removeObserver(this._whitebaordObderver);
+      this._interpreterControl.removeObserver(this._interpreterObserver);
+      this._roomControl.getPrivilegeControl().removeObserver(this._privilegeControlObserver);
+      this._roomStore.removeObserver(this._roomStoreObserver);
       this._disposers.forEach(function (disposer) {
         return disposer();
       });
@@ -643,29 +756,18 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
     key: "openConfirmDialog",
     value: function openConfirmDialog(params, id) {
       var _this4 = this;
-      var title = params.title,
-        content = params.content,
-        _onOk = params.onOk,
-        _onCancel = params.onCancel,
-        okText = params.okText,
-        cancelText = params.cancelText,
-        closable = params.closable,
-        height = params.height;
-      var dialogKey = this._uiEventStore.openConfirmDialog({
-        title: title,
-        content: content,
-        okText: okText,
-        cancelText: cancelText,
-        height: height,
+      var dialogId = this._uiEventStore.openConfirmDialog(_objectSpread(_objectSpread({}, params), {}, {
         onCancel: function onCancel() {
-          _this4._uiEventStore.closeDialog(dialogKey);
-          _onCancel && _onCancel();
+          _this4._uiEventStore.closeConfirm(dialogId);
+          params.onCancel && params.onCancel();
         },
         onOk: function onOk() {
-          _this4._uiEventStore.closeDialog(dialogKey);
-          _onOk();
+          var _params$onOk;
+          _this4._uiEventStore.closeConfirm(dialogId);
+          (_params$onOk = params.onOk) === null || _params$onOk === void 0 || _params$onOk.call(params);
         }
-      });
+      }));
+      return dialogId;
     }
   }, {
     key: "setParticipantsWindowActive",
@@ -696,15 +798,11 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       var _this$userMap$get2;
       this._streamControl.mergeAudioStream(userId);
       this.setMergeConfirmDialog(false);
-      _toast.FcrToastApi.open({
-        id: 'mergeVideo',
-        toastProps: {
-          content: (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
-          }),
-          type: 'normal'
-        },
-        duration: 3000
+      this._uiEventStore.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
+        }),
+        type: 'normal'
       });
     }
   }, {
@@ -712,7 +810,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
     value: function removePin(userId) {
       var _this$userMap$get3;
       var streamId = (_this$userMap$get3 = this.userMap.get(userId)) === null || _this$userMap$get3 === void 0 || (_this$userMap$get3 = _this$userMap$get3.streams.find(function (stream) {
-        return stream.videoSourceType === _type3.AgoraRteVideoSourceType.CAMERA;
+        return stream.videoSourceType === _type2.AgoraRteVideoSourceType.CAMERA;
       })) === null || _this$userMap$get3 === void 0 ? void 0 : _this$userMap$get3.streamId;
       if (streamId) {
         this._uiEventStore.sendEvent(_constant.UIAction.VIDEO_WINDOW_PIN_ACTION, {
@@ -726,7 +824,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
     value: function addPin(userId) {
       var _this$userMap$get4;
       var streamId = (_this$userMap$get4 = this.userMap.get(userId)) === null || _this$userMap$get4 === void 0 || (_this$userMap$get4 = _this$userMap$get4.streams.find(function (stream) {
-        return stream.videoSourceType === _type3.AgoraRteVideoSourceType.CAMERA;
+        return stream.videoSourceType === _type2.AgoraRteVideoSourceType.CAMERA;
       })) === null || _this$userMap$get4 === void 0 ? void 0 : _this$userMap$get4.streamId;
       if (streamId) {
         this._uiEventStore.sendEvent(_constant.UIAction.VIDEO_WINDOW_PIN_ACTION, {
@@ -735,11 +833,6 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
         });
       }
     }
-  }, {
-    key: "getAllowedOperations",
-    value: function getAllowedOperations(targetRole, isSelf) {
-      return this._securityStore.getAllowedOperations(targetRole, isSelf);
-    }
   }, {
     key: "closeRemoveAdmitWaitingRoomDialog",
     value: function closeRemoveAdmitWaitingRoomDialog(dialogKey) {
@@ -758,6 +851,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "handlerUserAction",
     value: function handlerUserAction(action, userId) {
+      var _this5 = this;
       switch (action) {
         case _attendee.ParticipantActionType.MUTE_AUDIO:
           this._muteUserAudio(userId);
@@ -818,20 +912,73 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
         case _attendee.ParticipantActionType.PUT_IN_WAITING_ROOM:
           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 _this5.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 _this5._userControl.updateUserName(userId, _this5.newName);
+                    case 2:
+                      (0, _mobx.runInAction)(function () {
+                        _this5._closeChangeNameDialog();
+                        _this5._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() {
+              _this5._closeChangeNameDialog();
+            },
+            closable: false,
+            height: 190
+          });
+          this._changeNameDialogKey.push(key);
+      }
+    }
+  }, {
+    key: "_closeChangeNameDialog",
+    value: function _closeChangeNameDialog() {
+      var _this6 = this;
+      if (this._changeNameDialogKey.length > 0) {
+        this._changeNameDialogKey.forEach(function (key) {
+          _this6._uiEventStore.closeConfirm(key);
+        });
+        this._changeNameDialogKey = [];
       }
     }
   }, {
     key: "_moveToWaitingRoomByUserIds",
     value: function () {
-      var _moveToWaitingRoomByUserIds2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(userId) {
+      var _moveToWaitingRoomByUserIds2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(userId) {
         var _this$userMap$get6;
         var username;
-        return _regenerator["default"].wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
+        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;
-              _context.prev = 1;
-              _context.next = 4;
+              _context2.prev = 1;
+              _context2.next = 4;
               return this._roomControl.moveToWaitingRoomByUserIds([userId]);
             case 4:
               this._uiEventStore.showToast({
@@ -840,20 +987,30 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
                   reason1: username
                 })
               });
-              _context.next = 10;
+              _context2.next = 13;
               break;
             case 7:
-              _context.prev = 7;
-              _context.t0 = _context["catch"](1);
+              _context2.prev = 7;
+              _context2.t0 = _context2["catch"](1);
+              if (!(_context2.t0.code === '732403470')) {
+                _context2.next = 12;
+                break;
+              }
+              this._uiEventStore.showToast({
+                type: 'error',
+                message: (0, _i18n.transI18n)('fmt_waitingroom_setting_popup_toast_unable_move_creator')
+              });
+              return _context2.abrupt("return");
+            case 12:
               this._uiEventStore.showToast({
                 type: 'error',
                 message: (0, _i18n.transI18n)('fmt_waitingroom_setting_popup_toast_move_in_failed')
               });
-            case 10:
+            case 13:
             case "end":
-              return _context.stop();
+              return _context2.stop();
           }
-        }, _callee, this, [[1, 7]]);
+        }, _callee2, this, [[1, 7]]);
       }));
       function _moveToWaitingRoomByUserIds(_x) {
         return _moveToWaitingRoomByUserIds2.apply(this, arguments);
@@ -869,12 +1026,12 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "kickOutWaitingRoomAllMember",
     value: function () {
-      var _kickOutWaitingRoomAllMember = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(type) {
+      var _kickOutWaitingRoomAllMember = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(type) {
         var _this$_waitingRoomUse2;
-        return _regenerator["default"].wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
+        return _regenerator["default"].wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
             case 0:
-              _context2.next = 2;
+              _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({
@@ -883,9 +1040,9 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
               });
             case 3:
             case "end":
-              return _context2.stop();
+              return _context3.stop();
           }
-        }, _callee2, this);
+        }, _callee3, this);
       }));
       function kickOutWaitingRoomAllMember(_x2) {
         return _kickOutWaitingRoomAllMember.apply(this, arguments);
@@ -895,12 +1052,12 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "moveToMainRoomAllMember",
     value: function () {
-      var _moveToMainRoomAllMember = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3() {
+      var _moveToMainRoomAllMember = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4() {
         var _this$_waitingRoomCon;
-        return _regenerator["default"].wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
+        return _regenerator["default"].wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
             case 0:
-              _context3.next = 2;
+              _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({
@@ -909,9 +1066,9 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
               });
             case 3:
             case "end":
-              return _context3.stop();
+              return _context4.stop();
           }
-        }, _callee3, this);
+        }, _callee4, this);
       }));
       function moveToMainRoomAllMember() {
         return _moveToMainRoomAllMember.apply(this, arguments);
@@ -952,7 +1109,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
           this._enableWaitingRoom(data);
           break;
         case _constant.RoomControlType.RENAME:
-          this._enableRename(data);
+          this._enableRename();
           break;
         case _constant.RoomControlType.JOIN_WITH_MUTE_AUDIO:
           this.enableJoinWithMuteAudio(data);
@@ -980,15 +1137,6 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
           spotlightEnabled = _ref7.spotlightEnabled;
         this.enableSpotlight = spotlightEnabled;
       }
-      if (action === _constant.UIAction.WAITING_ROOM_CREATED) {
-        var room = payload.room;
-        this._waitingRoomControl = room;
-        var waitingRoomUserControl = room.getUserControl();
-        this._waitingRoomUserControl = waitingRoomUserControl;
-        waitingRoomUserControl.addObserver(this._waitingRoomUserObserver);
-        this.waitingRoomUserCount = this._getWaitingRoomUserCount();
-        this._initWaitingRoomUserList();
-      }
       if (action === _constant.UIAction.CHANGE_PARTICIPANT_TAB) {
         this.handleActiveTab(payload);
       }
@@ -1000,6 +1148,15 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
         this.waitingRoomUserCount = 0;
         this.handleActiveTab(_constant.RoomType.MAIN_ROOM);
       }
+      if (action === _constant.UIAction.START_SHARE_SCREEN) {
+        this._screenSharingState = _fcrCore.FcrMediaSourceState.OPEN;
+      }
+      if (action === _constant.UIAction.STOP_SHARE_SCREEN) {
+        this._screenSharingState = _fcrCore.FcrMediaSourceState.CLOSE;
+      }
+      if (action === _constant.UIAction.PARTICIPANT_ACTION) {
+        this.handlerUserAction(payload.action, payload.userId);
+      }
     }
   }, {
     key: "moveToMainRoomByUserIds",
@@ -1017,6 +1174,11 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
         this.isNewWaitingRoomUserEnter = false;
       }
     }
+  }, {
+    key: "getInterpreterState",
+    value: function getInterpreterState() {
+      return this._interpreterControl.getState().enable;
+    }
   }, {
     key: "_initWaitingRoomUserList",
     value: function _initWaitingRoomUserList() {
@@ -1026,8 +1188,8 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
         var _Object$entries$_i = (0, _slicedToArray2["default"])(_Object$entries[_i], 2),
           userId = _Object$entries$_i[0],
           user = _Object$entries$_i[1];
-        if (userId !== this._userControl.getLocalUser().userId && user.userRole === _type.FcrUserRole.PARTICIPANT) {
-          this._waitingRoomDataSource.add(user, this._streamControl.getStreamsByUserId(userId), this._userControl.getLocalUser().userId === userId);
+        if (userId !== this._localUser.userId && user.userRole === _type.FcrUserRole.PARTICIPANT) {
+          this._waitingRoomDataSource.add(user, this._streamControl.getStreamsByUserId(userId), this._localUser.userId === userId);
         }
       }
     }
@@ -1036,34 +1198,34 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
     value:
     //  user actions
     function _muteUserAudio(user) {
-      var isSelf = user === this._userControl.getLocalUser().userId;
+      var isSelf = user === this._localUser.userId;
       if (isSelf) {
         this._deviceStreamStore.enableMicrophoneWithStream(false);
       } else {
         var targetUsers = this._streamControl.getStreamsByUserId(user);
         var targetUser = targetUsers.find(function (user) {
-          return user.videoSourceType === _type3.AgoraRteVideoSourceType.CAMERA;
+          return user.videoSourceType === _type2.AgoraRteVideoSourceType.CAMERA;
         });
         if (!targetUser) {
           return;
         }
         this._streamControl.updatePublishPrivilegeOfStreams((0, _defineProperty2["default"])({}, targetUser.streamId, {
-          audioPrivilege: _agoraEduCore.FcrStreamPrivilegeOperation.NOPRIVILEGE,
-          videoPrivilege: _agoraEduCore.FcrStreamPrivilegeOperation.NOOPERATION
+          audioPrivilege: _fcrCore.FcrStreamPrivilegeOperation.NOPRIVILEGE,
+          videoPrivilege: _fcrCore.FcrStreamPrivilegeOperation.NOOPERATION
         }));
       }
     }
   }, {
     key: "_unmuteUserAudio",
     value: function _unmuteUserAudio(userId) {
-      var isSelf = userId === this._userControl.getLocalUser().userId;
+      var isSelf = userId === this._localUser.userId;
       if (isSelf) {
         this._deviceStreamStore.enableMicrophoneWithStream(true);
       } else {
         var _this$_unmuteAudioTim;
         var targetUsers = this._streamControl.getStreamsByUserId(userId);
         var targetUser = targetUsers.find(function (user) {
-          return user.videoSourceType === _type3.AgoraRteVideoSourceType.CAMERA;
+          return user.videoSourceType === _type2.AgoraRteVideoSourceType.CAMERA;
         });
         if (!targetUser) {
           return;
@@ -1078,7 +1240,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
           receiverId: userId,
           duration: SESSION_DURATION,
           payload: {
-            sender: this._userControl.getLocalUser()
+            sender: this._localUser
           }
         });
       }
@@ -1086,20 +1248,20 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_muteUserVideo",
     value: function _muteUserVideo(user) {
-      var isSelf = user === this._userControl.getLocalUser().userId;
+      var isSelf = user === this._localUser.userId;
       if (isSelf) {
         this._deviceStreamStore.enableCameraWithStream(false);
       } else {
         var targetUsers = this._streamControl.getStreamsByUserId(user);
         var targetUser = targetUsers.find(function (user) {
-          return user.videoSourceType === _type3.AgoraRteVideoSourceType.CAMERA;
+          return user.videoSourceType === _type2.AgoraRteVideoSourceType.CAMERA;
         });
         if (!targetUser) {
           return;
         }
         this._streamControl.updatePublishPrivilegeOfStreams((0, _defineProperty2["default"])({}, targetUser.streamId, {
-          audioPrivilege: _agoraEduCore.FcrStreamPrivilegeOperation.NOOPERATION,
-          videoPrivilege: _agoraEduCore.FcrStreamPrivilegeOperation.NOPRIVILEGE
+          audioPrivilege: _fcrCore.FcrStreamPrivilegeOperation.NOOPERATION,
+          videoPrivilege: _fcrCore.FcrStreamPrivilegeOperation.NOPRIVILEGE
         }));
       }
     }
@@ -1108,11 +1270,11 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_unmuteUserVideo",
     value: function _unmuteUserVideo(userId) {
-      var isSelf = userId === this._userControl.getLocalUser().userId;
+      var isSelf = userId === this._localUser.userId;
       if (isSelf) {
         this._deviceStreamStore.enableCameraWithStream(true);
       } else {
-        var localUser = this._userControl.getLocalUser();
+        var localUser = this._localUser;
         var targetUsers = this._streamControl.getStreamsByUserId(userId);
         var targetUser = targetUsers[0];
         if (localUser.userId === userId) {
@@ -1125,11 +1287,11 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
           }
           this._unmuteVideoTimestamp.set(userId, now);
           this._peerSessionControl.startPeerSession({
-            sessionKey: _type4.FcrUISessionKey.REQUEST_OPEN_CAMERA,
+            sessionKey: _type3.FcrUISessionKey.REQUEST_OPEN_CAMERA,
             receiverId: userId,
             duration: SESSION_DURATION,
             payload: {
-              sender: this._userControl.getLocalUser()
+              sender: this._localUser
             }
           });
         }
@@ -1144,27 +1306,31 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       this._uiEventStore.updateAside({
         chat: true
       });
+      this._uiEventStore.sendEvent(_constant.UIAction.TOGGLE_CHAT_ROOM_TAB, this.activeTab);
       var userData = this.userListSource.find(function (u) {
         return u.userId === userId;
       });
-      userData && this._uiEventStore.notifyChatUpdateTarget(userData.userInfo);
+      userData && this._uiEventStore.notifyChatUpdateTarget(userData.userInfo, this.activeTab);
+      if ((0, _env.isElectron)() && this._screenSharingState === _fcrCore.FcrMediaSourceState.OPEN) {
+        this._uiEventStore.openDialog(_constant.DialogKey.CHAT);
+      }
     }
   }, {
     key: "_kickOutUser",
     value: function _kickOutUser(userId) {
-      var _this5 = this,
+      var _this7 = this,
         _this$userMap$get7;
-      this.openConfirmDialog({
+      var dialogId = this.openConfirmDialog({
         title: '',
         onCancel: function onCancel() {
-          _this5._uiEventStore.closeConfirmDialog();
+          _this7._uiEventStore.closeConfirm(dialogId);
         },
         content: (0, _i18n.transI18n)('fmt_uimanager_tips_Remove', {
           reason2: (_this$userMap$get7 = this.userMap.get(userId)) === null || _this$userMap$get7 === void 0 ? void 0 : _this$userMap$get7.userInfo.userName
         }),
         onOk: function onOk() {
-          _this5._userControl.kickOut(userId, _type5.FcrUserKickOutType.Once);
-          _this5._uiEventStore.closeConfirmDialog();
+          _this7._userControl.kickOut(userId, _type4.FcrUserKickedOutType.Once);
+          _this7._uiEventStore.closeConfirm(dialogId);
         },
         height: 160
       }, 'KICK_OUT');
@@ -1173,36 +1339,38 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
     key: "_handleSetHostOrCoHost",
     value: function _handleSetHostOrCoHost(userId, type) {
       var _this$userMap$get8,
-        _this6 = this;
+        _this8 = this;
       var username = (_this$userMap$get8 = this.userMap.get(userId)) === null || _this$userMap$get8 === void 0 ? void 0 : _this$userMap$get8.userInfo.userName;
       var targetRole = type === 'host' ? (0, _i18n.transI18n)('fmt_role_host') : (0, _i18n.transI18n)('fmt_role_cohost');
-      this.openConfirmDialog({
+      var dialogId = this.openConfirmDialog({
         title: (0, _i18n.transI18n)('fmt_uimanager_labels_Setas', {
           reason1: targetRole
         }),
         onCancel: function onCancel() {
-          _this6._uiEventStore.closeConfirmDialog();
+          _this8._uiEventStore.closeConfirm(dialogId);
         },
         content: (0, _i18n.transI18n)('fmt_uimanager_tips_designedas', {
           reason1: username,
           reason2: targetRole
         }),
         onOk: function onOk() {
-          if (!_this6.userMap.has(userId)) {
-            _this6._uiEventStore.showToast({
+          if (!_this8.userMap.has(userId)) {
+            _this8._uiEventStore.showToast({
               type: 'error',
               message: (0, _i18n.transI18n)('fmt_uimanager_tips_userleaft')
             });
             return;
           }
-          _this6._userControl.updateRemoteUserRole(userId, type === 'host' ? _type.FcrUserRole.HOST : _type.FcrUserRole.COHOST);
-          _this6._uiEventStore.closeConfirmDialog();
+          _this8._userControl.updateRemoteUserRole(userId, type === 'host' ? _type.FcrUserRole.HOST : _type.FcrUserRole.COHOST);
+          _this8._uiEventStore.closeConfirm(dialogId);
         },
         okText: (0, _i18n.transI18n)('fmt_uimanager_labels_Setas', {
           reason1: targetRole
         }),
         cancelText: (0, _i18n.transI18n)('fmt_security_buttons_cancel'),
-        closable: false
+        closable: false,
+        width: 400,
+        alignCenter: true
       }, 'UPDATE_USER_ROLE');
     }
   }, {
@@ -1228,13 +1396,9 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       this._securityStore.setAllowJoinWithMuteAudio(JoinWithMuteAudio);
       this._securityStore.setAllowUnmuteSelfAudio(allowUnmute);
       this._securityStore.muteAll();
-      _toast.FcrToastApi.open({
-        id: 'muteAll',
-        toastProps: {
-          content: (0, _i18n.transI18n)('fmt_uimanager_tips_allmuted'),
-          type: 'normal'
-        },
-        duration: 3000
+      this._uiEventStore.showToast({
+        message: (0, _i18n.transI18n)('fmt_uimanager_tips_allmuted'),
+        type: 'normal'
       });
     }
   }, {
@@ -1257,7 +1421,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_revokeHost",
     value: function _revokeHost() {
-      if (!this._securityStore.hasRevokeHostPermission() || this._userControl.getLocalUser().userRole === _type.FcrUserRole.HOST) {
+      if (!this._securityStore.hasRevokeHostPermission() || this._localUser.userRole === _type.FcrUserRole.HOST) {
         return;
       }
       this._userControl.revokeHost();
@@ -1283,11 +1447,11 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
     }
   }, {
     key: "_enableRename",
-    value: function _enableRename(enable) {
-      // TODO
-      // const isAllowChangeSelfName = this._securityStore.allowChangeSelfName();
-      this._securityStore.setAllowChangeSelfName();
+    value: function _enableRename() {
+      var isAllowChangeSelfName = this._securityStore.allowChangeSelfName();
+      this._securityStore.setAllowChangeSelfName(!isAllowChangeSelfName);
     }
+
     // 所有人加入会议时静音
   }, {
     key: "enableJoinWithMuteAudio",
@@ -1301,7 +1465,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       if (!stream) {
         return;
       }
-      this.audioVolumeMap.set(stream.owner.userId, volume);
+      this.audioVolumeMap.set(stream.owner.userId, Math.floor(volume / 255 * 100));
     }
   }, {
     key: "_updateUserBoardState",
@@ -1317,31 +1481,31 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_handleRemoteUserJoined",
     value: function _handleRemoteUserJoined(roomId, events) {
-      var _this7 = this;
+      var _this9 = this;
       events.forEach(function (event) {
         var modifiedUser = event.modifiedUser;
-        _this7._dataSource.add(modifiedUser, _this7._streamControl.getStreamsByUserId(modifiedUser.userId), modifiedUser.userId === _this7._userControl.getLocalUser().userId);
-        _this7._updateUserBoardState(modifiedUser);
+        _this9._dataSource.add(modifiedUser, _this9._streamControl.getStreamsByUserId(modifiedUser.userId), modifiedUser.userId === _this9._localUser.userId);
+        _this9._updateUserBoardState(modifiedUser);
       });
     }
   }, {
     key: "_handleRemoteUserLeft",
     value: function _handleRemoteUserLeft(roomId, events) {
-      var _this8 = this;
+      var _this10 = this;
       events.forEach(function (event) {
         var modifiedUser = event.modifiedUser;
-        _this8._dataSource["delete"](modifiedUser);
-        _this8._updateUserBoardState(modifiedUser);
+        _this10._dataSource["delete"](modifiedUser);
+        _this10._updateUserBoardState(modifiedUser);
       });
     }
   }, {
     key: "_handleRemoteWaitingUserJoined",
     value: function _handleRemoteWaitingUserJoined(roomId, events) {
-      var _this9 = this;
+      var _this11 = this;
       events.forEach(function (event) {
         var modifiedUser = event.modifiedUser;
         if (modifiedUser.userRole === _type.FcrUserRole.PARTICIPANT) {
-          _this9._waitingRoomDataSource.add(modifiedUser, _this9._streamControl.getStreamsByUserId(modifiedUser.userId), modifiedUser.userId === _this9._userControl.getLocalUser().userId);
+          _this11._waitingRoomDataSource.add(modifiedUser, _this11._streamControl.getStreamsByUserId(modifiedUser.userId), modifiedUser.userId === _this11._localUser.userId);
           // this._updateUserBoardState(modifiedUser);
         }
       });
@@ -1361,11 +1525,11 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_handleRemoteWaitingUserLeft",
     value: function _handleRemoteWaitingUserLeft(roomId, events) {
-      var _this10 = this;
+      var _this12 = this;
       events.forEach(function (event) {
         var modifiedUser = event.modifiedUser;
-        _this10._waitingRoomDataSource["delete"](modifiedUser);
-        _this10._updateUserBoardState(modifiedUser);
+        _this12._waitingRoomDataSource["delete"](modifiedUser);
+        _this12._updateUserBoardState(modifiedUser);
       });
       this.waitingRoomUserCount = this._getWaitingRoomUserCount();
       if (this._getWaitingRoomUserCount() === 0) {
@@ -1373,16 +1537,16 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       }
     }
   }, {
-    key: "_onUserInfoUpdated",
-    value: function _onUserInfoUpdated(roomId, event) {
+    key: "_handleUserInfoUpdated",
+    value: function _handleUserInfoUpdated(roomId, event) {
       var _this$userMap$get9;
       var targetUser = event.modifiedUser;
       this._updateUserBoardState(targetUser);
       this._dataSource.update(targetUser);
       var originUser = (_this$userMap$get9 = this.userMap.get(targetUser.userId)) === null || _this$userMap$get9 === void 0 ? void 0 : _this$userMap$get9.userInfo;
-      var _this$_userControl$ge3 = this._userControl.getLocalUser(),
-        localUserId = _this$_userControl$ge3.userId,
-        localUserRole = _this$_userControl$ge3.userRole;
+      var _this$_localUser3 = this._localUser,
+        localUserId = _this$_localUser3.userId,
+        localUserRole = _this$_localUser3.userRole;
       var effectSelf = targetUser.userId === localUserId;
       if ((originUser === null || originUser === void 0 ? void 0 : originUser.userRole) !== targetUser.userRole) {
         // 参会者变管理
@@ -1413,6 +1577,11 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       this._updateLocalUserRole(localUserRole);
       this._refreshCurrentPerspectiveType();
     }
+  }, {
+    key: "_handleUserPropertiesUpdated",
+    value: function _handleUserPropertiesUpdated() {
+      this._getOutputLanguage();
+    }
   }, {
     key: "_initUserList",
     value: function _initUserList() {
@@ -1422,41 +1591,41 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
         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._userControl.getLocalUser().userId === userId);
+        this._dataSource.add(user, this._streamControl.getStreamsByUserId(userId), this._localUser.userId === userId);
       }
     }
   }, {
     key: "_handleStreamsAdded",
     value: function _handleStreamsAdded(roomId, events) {
-      var _this11 = this;
+      var _this13 = this;
       events.forEach(function (e) {
         var modifiedStream = e.modifiedStream;
-        _this11._dataSource.updateWithStreamAdd(modifiedStream);
+        _this13._dataSource.updateWithStreamAdd(modifiedStream);
       });
     }
   }, {
     key: "_handleStreamsUpdated",
     value: function _handleStreamsUpdated(roomId, events) {
-      var _this12 = this;
+      var _this14 = this;
       events.forEach(function (e) {
         var modifiedStream = e.modifiedStream;
-        _this12._dataSource.update(modifiedStream);
+        _this14._dataSource.update(modifiedStream);
       });
     }
   }, {
     key: "_handleStreamsRemoved",
     value: function _handleStreamsRemoved(roomId, events) {
-      var _this13 = this;
+      var _this15 = this;
       events.forEach(function (e) {
         var modifiedStream = e.modifiedStream;
-        _this13._dataSource.updateWithStreamRemove(modifiedStream);
+        _this15._dataSource.updateWithStreamRemove(modifiedStream);
       });
     }
   }, {
     key: "_refreshCurrentPerspectiveType",
     value: function _refreshCurrentPerspectiveType() {
-      var _this$_userControl$ge4;
-      var localUserUid = (_this$_userControl$ge4 = this._userControl.getLocalUser()) === null || _this$_userControl$ge4 === void 0 ? void 0 : _this$_userControl$ge4.userId;
+      var _this$_localUser4;
+      var localUserUid = (_this$_localUser4 = this._localUser) === null || _this$_localUser4 === void 0 ? void 0 : _this$_localUser4.userId;
       if (!localUserUid) {
         this.currentPerspectiveType = 'attendee';
         return;
@@ -1479,18 +1648,18 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_onPeerSessionReceived",
     value: function _onPeerSessionReceived(session) {
-      var _this$_userControl$ge5,
-        _this14 = this;
+      var _this$_localUser5,
+        _this16 = this;
       if (session.sessionId && this._processedUserOpenDeviceRequests.has(session.sessionId)) {
         return;
       }
       this._processedUserOpenDeviceRequests.add(session.sessionId);
-      var localUserUid = (_this$_userControl$ge5 = this._userControl.getLocalUser()) === null || _this$_userControl$ge5 === void 0 ? void 0 : _this$_userControl$ge5.userId;
+      var localUserUid = (_this$_localUser5 = this._localUser) === null || _this$_localUser5 === void 0 ? void 0 : _this$_localUser5.userId;
       if (!localUserUid) {
         return;
       }
       var localUser = this._streamControl.getStreamsByUserId(localUserUid).find(function (user) {
-        return user.videoSourceType === _type3.AgoraRteVideoSourceType.CAMERA;
+        return user.videoSourceType === _type2.AgoraRteVideoSourceType.CAMERA;
       });
       if (!localUser) {
         return;
@@ -1499,14 +1668,16 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       var localUserHasVideo = this._deviceStore.cameraEnabled;
       var sessionKey = session.sessionKey,
         payload = session.payload;
-      if (sessionKey === _type4.FcrUISessionKey.REQUEST_OPEN_CAMERA) {
+      if (sessionKey === _type3.FcrUISessionKey.REQUEST_OPEN_CAMERA) {
         if (localUserHasVideo) {
           this._peerSessionControl.acceptPeerSession(session);
           return;
         }
         var _ref8 = payload,
           sender = _ref8.sender;
-        this.openConfirmDialog({
+        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])
           }),
@@ -1514,25 +1685,25 @@ 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() {
-            _this14._peerSessionControl.acceptPeerSession(session);
-            _this14._deviceStreamStore.enableCameraWithStream(true);
-            _this14._uiEventStore.closeConfirmDialog();
+            _this16._peerSessionControl.acceptPeerSession(session);
+            _this16._deviceStreamStore.enableCameraWithStream(true);
+            _this16._uiEventStore.closeConfirm(dialogId);
           },
           onCancel: function onCancel() {
-            _this14._peerSessionControl.rejectPeerSession(session);
-            _this14._uiEventStore.closeConfirmDialog();
+            _this16._peerSessionControl.rejectPeerSession(session);
+            _this16._uiEventStore.closeConfirm(dialogId);
           }
-        }, _type4.FcrUISessionKey.REQUEST_OPEN_CAMERA);
+        }, _type3.FcrUISessionKey.REQUEST_OPEN_CAMERA);
         return;
       }
-      if (sessionKey === _type4.FcrUISessionKey.REQUEST_OPEN_MICROPHONE) {
+      if (sessionKey === _type3.FcrUISessionKey.REQUEST_OPEN_MICROPHONE) {
         if (localUserHasAudio) {
           this._peerSessionControl.acceptPeerSession(session);
           return;
         }
         var _ref9 = payload,
           _sender = _ref9.sender;
-        this.openConfirmDialog({
+        var _dialogId = this.openConfirmDialog({
           title: (0, _i18n.transI18n)('fmt_attendies_tips_apply_audio_title', {
             reason1: (0, _i18n.transI18n)(_i18n2.userRoleI18nKey[_sender.userRole])
           }),
@@ -1540,15 +1711,17 @@ 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() {
-            _this14._peerSessionControl.acceptPeerSession(session);
-            _this14._deviceStreamStore.enableMicrophoneWithStream(true);
-            _this14._uiEventStore.closeConfirmDialog();
+            _this16._peerSessionControl.acceptPeerSession(session);
+            _this16._deviceStreamStore.enableMicrophoneWithStream(true);
+            _this16._uiEventStore.closeConfirm(_dialogId);
           },
           onCancel: function onCancel() {
-            _this14._peerSessionControl.rejectPeerSession(session);
-            _this14._uiEventStore.closeConfirmDialog();
-          }
-        }, _type4.FcrUISessionKey.REQUEST_OPEN_MICROPHONE);
+            _this16._peerSessionControl.rejectPeerSession(session);
+            _this16._uiEventStore.closeConfirm(_dialogId);
+          },
+          width: 400,
+          height: 166
+        }, _type3.FcrUISessionKey.REQUEST_OPEN_MICROPHONE);
       }
     }
   }, {
@@ -1567,60 +1740,14 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       var responderId = session.responderId,
         sessionKey = session.sessionKey;
       switch (sessionKey) {
-        case _type4.FcrUISessionKey.REQUEST_OPEN_CAMERA:
+        case _type3.FcrUISessionKey.REQUEST_OPEN_CAMERA:
           this._unmuteVideoTimestamp["delete"](responderId);
           break;
-        case _type4.FcrUISessionKey.REQUEST_OPEN_MICROPHONE:
+        case _type3.FcrUISessionKey.REQUEST_OPEN_MICROPHONE:
           this._unmuteAudioTimestamp["delete"](responderId);
           break;
       }
     }
-  }, {
-    key: "_sendEvent",
-    value: function _sendEvent(action, payload) {
-      (0, _rendererEvent.sendEvent)({
-        action: action,
-        payload: payload
-      });
-    }
-  }, {
-    key: "_addReactions",
-    value: function _addReactions() {
-      var _this15 = this;
-      this._disposers.push((0, _mobx.reaction)(function () {
-        return _this15._participantsWindowActive;
-      }, function (active) {
-        if (active) {
-          _this15._sendEvent(_constant.RendererEventAction.INIT_PARTICIPANT_LIST, {
-            userList: _this15.userList,
-            perspectiveType: _this15.currentPerspectiveType,
-            allowChangeSelfName: _this15._securityStore.allowChangeSelfName(),
-            allowChat: _this15._securityStore.allowChat(),
-            allowJoinWithMuteAudio: _this15._securityStore.allowJoinWithMuteAudio(),
-            allowShareScreen: _this15._securityStore.allowScreenShareAndBoard(),
-            allowUnmuteSelfVideo: _this15._securityStore.allowUnmuteSelfVideo(),
-            allowUnmuteSelfAudio: _this15._securityStore.allowUnmuteSelfAudio(),
-            isLockRoomEnabled: _this15._securityStore.isLockRoomEnabled(),
-            isWaitingRoomEnabled: _this15._securityStore.isWaitingRoomEnabled(),
-            hasRevokeHostPermission: _this15._securityStore.hasRevokeHostPermission() && _this15._userControl.getLocalUser().userRole !== _type.FcrUserRole.HOST,
-            userRole: _this15._userControl.getLocalUser().userRole
-          });
-        }
-      }));
-      this._disposers.push((0, _mobx.reaction)(function () {
-        return _this15.userList;
-      }, function (list) {
-        (0, _rendererEvent.sendEvent)({
-          action: _constant.RendererEventAction.UPDATE_PARTICIPANT,
-          payload: list
-        });
-      }));
-    }
-  }, {
-    key: "_isCohost",
-    value: function _isCohost(userRole) {
-      return userRole === _type.FcrUserRole.COHOST;
-    }
   }, {
     key: "_isHost",
     value: function _isHost(userRole) {
@@ -1631,10 +1758,41 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
     value: function _updateLocalUserRole(userRole) {
       this.localUserRole = userRole;
     }
+  }, {
+    key: "_getOutputLanguage",
+    value: function () {
+      var _getOutputLanguage2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5() {
+        var interpreterInputLanguageList, index, user, language;
+        return _regenerator["default"].wrap(function _callee5$(_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
+            case 0:
+              interpreterInputLanguageList = [];
+              for (index = 0; index < this.userList.length; index++) {
+                user = this.userList[index];
+                language = this._userControl.getUserPropertiesByKeyPath('interpreterLangCode', user.userId);
+                if (language) {
+                  interpreterInputLanguageList.push({
+                    userId: user.userId,
+                    language: language
+                  });
+                }
+              }
+              this.interpreterInputLanguageList = interpreterInputLanguageList;
+            case 3:
+            case "end":
+              return _context5.stop();
+          }
+        }, _callee5, this);
+      }));
+      function _getOutputLanguage() {
+        return _getOutputLanguage2.apply(this, arguments);
+      }
+      return _getOutputLanguage;
+    }()
   }]);
 }();
 _ParticipantStore = ParticipantStore;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_ParticipantStore, [[_mobx.observable, 1, "_mainList"], [_mobx.observable, 1, "_participantsWindowActive"], [_mobx.observable, 1, "currentPerspectiveType"], [_mobx.observable, 1, "audioVolumeMap"], [_mobx.observable, 1, "enableParticipantsJoinWithMute"], [_mobx.observable, 1, "searchText"], [_mobx.observable, 1, "currentModal"], [_mobx.observable, 1, "localUserRole"], [_mobx.observable, 1, "spotlightStreamId"], [_mobx.observable, 1, "enableSpotlight"], [_mobx.observable, 1, "mergeConfirmDialog"], [_mobx.observable, 1, "mergeUserId"], [_mobx.observable, 1, "activeTab"], [_mobx.observable, 1, "isNewWaitingRoomUserEnter"], [_mobx.observable, 1, "waitingRoomUserCount"], [_mobx.computed, 3, "userListSource"], [_mobx.computed, 3, "mergeUserInfo"], [_mobx.computed, 3, "userMap"], [_mobx.computed, 3, "pinedStreamIds"], [_mobx.computed, 3, "hasPinnedStream"], [_mobx.computed, 3, "userList"], [_mobx.computed, 3, "localMicVolume"], [_mobx.computed, 3, "hasRevokeHostPermission"], [_setSpotlightStreamIdDecs, 18, "setSpotlightStreamId"], [_decorator.bound, 2, "hasMutePermission"], [_decorator.bound, 2, "hasWaitingRoomPermission"], [_decorator.bound, 2, "hasUnmutePermission"], [_decorator.bound, 2, "hasRequestStartAudioPermission"], [_setCurrentModalDecs, 18, "setCurrentModal"], [_decorator.bound, 2, "closeParticipantsAside"], [_openParticipantsWindowDecs, 18, "openParticipantsWindow"], [_setParticipantsWindowActiveDecs, 18, "setParticipantsWindowActive"], [_handlerSearchUserDecs, 18, "handlerSearchUser"], [_decorator.bound, 2, "onInvite"], [_decorator.bound, 2, "setMergeConfirmDialog"], [_decorator.bound, 2, "mergeConfirmDialogOk"], [_decorator.bound, 2, "removePin"], [_decorator.bound, 2, "addPin"], [_getAllowedOperationsDecs, 18, "getAllowedOperations"], [_closeRemoveAdmitWaitingRoomDialogDecs, 18, "closeRemoveAdmitWaitingRoomDialog"], [_openRemoveAdmitWaitingRoomDialogDecs, 18, "openRemoveAdmitWaitingRoomDialog"], [_handlerUserActionDecs, 18, "handlerUserAction"], [_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"], [_handleRemoteUserJoinedDecs, 18, "_handleRemoteUserJoined"], [_handleRemoteUserLeftDecs, 18, "_handleRemoteUserLeft"], [_handleRemoteWaitingUserJoinedDecs, 18, "_handleRemoteWaitingUserJoined"], [_handleRemoteWaitingUserLeftDecs, 18, "_handleRemoteWaitingUserLeft"], [_onUserInfoUpdatedDecs, 18, "_onUserInfoUpdated"], [_initUserListDecs, 18, "_initUserList"], [_decorator.bound, 2, "_handleStreamsAdded"], [_decorator.bound, 2, "_handleStreamsUpdated"], [_decorator.bound, 2, "_handleStreamsRemoved"], [_refreshCurrentPerspectiveTypeDecs, 18, "_refreshCurrentPerspectiveType"], [_onPeerSessionReceivedDecs, 18, "_onPeerSessionReceived"], [_updateLocalUserRoleDecs, 18, "_updateLocalUserRole"]], []).e, 16);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_ParticipantStore, [[_mobx.observable, 1, "_mainList"], [_mobx.observable, 1, "_participantsWindowActive"], [_mobx.observable, 1, "currentPerspectiveType"], [_mobx.observable, 1, "audioVolumeMap"], [_mobx.observable, 1, "enableParticipantsJoinWithMute"], [_mobx.observable, 1, "searchText"], [_mobx.observable, 1, "currentModal"], [_mobx.observable, 1, "localUserRole"], [_mobx.observable, 1, "spotlightStreamId"], [_mobx.observable, 1, "enableSpotlight"], [_mobx.observable, 1, "mergeConfirmDialog"], [_mobx.observable, 1, "mergeUserId"], [_mobx.observable, 1, "activeTab"], [_mobx.observable, 1, "isNewWaitingRoomUserEnter"], [_mobx.observable, 1, "waitingRoomUserCount"], [_mobx.observable, 1, "interpreterUsers"], [_mobx.observable, 1, "interpreterState"], [_mobx.observable, 1, "interpreterInputLanguageList"], [_mobx.observable, 1, "newName"], [_mobx.observable, 1, "refreshList"], [_mobx.computed, 3, "userListSource"], [_mobx.computed, 3, "mergeUserInfo"], [_mobx.computed, 3, "userMap"], [_mobx.computed, 3, "pinedStreamIds"], [_mobx.computed, 3, "hasPinnedStream"], [_mobx.computed, 3, "userList"], [_mobx.computed, 3, "localMicVolume"], [_mobx.computed, 3, "hasRevokeHostPermission"], [_setSpotlightStreamIdDecs, 18, "setSpotlightStreamId"], [_decorator.bound, 2, "hasMutePermission"], [_decorator.bound, 2, "hasWaitingRoomPermission"], [_decorator.bound, 2, "hasUnmutePermission"], [_decorator.bound, 2, "hasRequestStartAudioPermission"], [_setCurrentModalDecs, 18, "setCurrentModal"], [_decorator.bound, 2, "closeParticipantsAside"], [_openParticipantsWindowDecs, 18, "openParticipantsWindow"], [_setParticipantsWindowActiveDecs, 18, "setParticipantsWindowActive"], [_handlerSearchUserDecs, 18, "handlerSearchUser"], [_decorator.bound, 2, "onInvite"], [_decorator.bound, 2, "setMergeConfirmDialog"], [_decorator.bound, 2, "mergeConfirmDialogOk"], [_decorator.bound, 2, "removePin"], [_decorator.bound, 2, "addPin"], [_closeRemoveAdmitWaitingRoomDialogDecs, 18, "closeRemoveAdmitWaitingRoomDialog"], [_openRemoveAdmitWaitingRoomDialogDecs, 18, "openRemoveAdmitWaitingRoomDialog"], [_handlerUserActionDecs, 18, "handlerUserAction"], [_closeChangeNameDialogDecs, 18, "_closeChangeNameDialog"], [_moveToWaitingRoomByUserIdsDecs, 18, "_moveToWaitingRoomByUserIds"], [_removeWaitingRoomUserDecs, 18, "removeWaitingRoomUser"], [_kickOutWaitingRoomAllMemberDecs, 18, "kickOutWaitingRoomAllMember"], [_moveToMainRoomAllMemberDecs, 18, "moveToMainRoomAllMember"], [_decorator.bound, 2, "getMicStreamVolume"], [_handlerRoomControlActionDecs, 18, "handlerRoomControlAction"], [_handleEventDecs, 18, "_handleEvent"], [_moveToMainRoomByUserIdsDecs, 18, "moveToMainRoomByUserIds"], [_handleActiveTabDecs, 18, "handleActiveTab"], [_getInterpreterStateDecs, 18, "getInterpreterState"], [_initWaitingRoomUserListDecs, 18, "_initWaitingRoomUserList"], [_kickOutUserDecs, 18, "_kickOutUser"], [_setAsAttendeeDecs, 18, "_setAsAttendee"], [_onAudioVolumeUpdatedDecs, 18, "_onAudioVolumeUpdated"], [_handleRemoteUserJoinedDecs, 18, "_handleRemoteUserJoined"], [_handleRemoteUserLeftDecs, 18, "_handleRemoteUserLeft"], [_handleRemoteWaitingUserJoinedDecs, 18, "_handleRemoteWaitingUserJoined"], [_handleRemoteWaitingUserLeftDecs, 18, "_handleRemoteWaitingUserLeft"], [_handleUserInfoUpdatedDecs, 18, "_handleUserInfoUpdated"], [_initUserListDecs, 18, "_initUserList"], [_decorator.bound, 2, "_handleStreamsAdded"], [_decorator.bound, 2, "_handleStreamsUpdated"], [_decorator.bound, 2, "_handleStreamsRemoved"], [_refreshCurrentPerspectiveTypeDecs, 18, "_refreshCurrentPerspectiveType"], [_onPeerSessionReceivedDecs, 18, "_onPeerSessionReceived"], [_updateLocalUserRoleDecs, 18, "_updateLocalUserRole"], [_getOutputLanguageDecs, 18, "_getOutputLanguage"]], []).e, 21);
 _init__mainList = _applyDecs$e[0];
 _init__participantsWindowActive = _applyDecs$e[1];
 _init_currentPerspectiveType = _applyDecs$e[2];
@@ -1650,4 +1808,10 @@ _init_mergeUserId = _applyDecs$e[11];
 _init_activeTab = _applyDecs$e[12];
 _init_isNewWaitingRoomUserEnter = _applyDecs$e[13];
 _init_waitingRoomUserCount = _applyDecs$e[14];
-_initProto = _applyDecs$e[15];
+_init_interpreterUsers = _applyDecs$e[15];
+_init_interpreterState = _applyDecs$e[16];
+_init_interpreterInputLanguageList = _applyDecs$e[17];
+_init_newName = _applyDecs$e[18];
+_init_refreshList = _applyDecs$e[19];
+_initProto = _applyDecs$e[20];
+var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);