fcr-ui-scene 3.5.0 → 3.6.0

package/lib/modules/participant/store.js

@@ -40,6 +40,11 @@ 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");
@@ -105,7 +110,7 @@ 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 _react = require("react");
-var _confirmInput = _interopRequireDefault(require("./components/confirm-input"));
+var _confirmInput = 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");
@@ -115,7 +120,7 @@ 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_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;
+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, _handleConfirmChangeNameDecs, _handleCancelChangeNameDecs, _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); }
@@ -146,7 +151,7 @@ var _K = /*#__PURE__*/new WeakMap();
 var _L = /*#__PURE__*/new WeakMap();
 var _M = /*#__PURE__*/new WeakMap();
 var _N = /*#__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], _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");
+_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], _handleConfirmChangeNameDecs = [_mobx.action, _mobx.action.bound], _handleCancelChangeNameDecs = [_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,
@@ -226,6 +231,8 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
         _this._sharedMemberDataSource.updateMemberListWithBoardState();
       }
     });
+    (0, _defineProperty2["default"])(this, "_operatorRenameUserId", '');
+    (0, _defineProperty2["default"])(this, "_operatorRenameUserName", '');
     _classPrivateFieldInitSpec(this, _A, _init__mainList(this, []));
     _classPrivateFieldInitSpec(this, _B, _init__isChecked(this, {}));
     _classPrivateFieldInitSpec(this, _C, _init__participantsWindowActive(this, false));
@@ -485,6 +492,11 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
     set: function set(v) {
       _classPrivateFieldSet(_N, this, v);
     }
+  }, {
+    key: "operatorRenameUserName",
+    get: function get() {
+      return this._operatorRenameUserName;
+    }
   }, {
     key: "audioVolumeMap",
     get: function get() {
@@ -783,10 +795,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "removePin",
     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 === _type2.AgoraRteVideoSourceType.CAMERA;
-      })) === null || _this$userMap$get3 === void 0 ? void 0 : _this$userMap$get3.streamId;
+      var streamId = this._getPinStreamIdFromUser(userId);
       if (streamId) {
         this._sharedPinDataSource.removePin(streamId);
       }
@@ -794,10 +803,15 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "addPin",
     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 === _type2.AgoraRteVideoSourceType.CAMERA;
-      })) === null || _this$userMap$get4 === void 0 ? void 0 : _this$userMap$get4.streamId;
+      var shouldHideMyVideo = this._sharedSettingDataSource.setting.shouldHideMyVideo;
+      if (shouldHideMyVideo && userId === this.localUser.userId) {
+        this._messageProvider.showToast({
+          type: 'error',
+          message: (0, _i18n.transI18n)('fmt_internalsetting_other_hide_my_window_pin_cancelled')
+        });
+        return;
+      }
+      var streamId = this._getPinStreamIdFromUser(userId);
       if (streamId) {
         this._sharedPinDataSource.addPin(streamId);
       }
@@ -861,8 +875,8 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
     key: "openMuteAllDialog",
     value: function openMuteAllDialog(params) {
       var _this7 = this;
-      this.allowUnmute = this._securityStore.allowUnmuteSelfAudio();
-      this.joinWithMuteAudio = this._securityStore.allowJoinWithMuteAudio();
+      this.allowUnmute = this.allowUnmuteSelfAudio;
+      this.joinWithMuteAudio = this.allowJoinWithMuteAudio;
       this.openConfirmDialog({
         title: (0, _i18n.transI18n)('fmt_attendies_options_muteall'),
         content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_muteAll.WrapperMuteAllDialog, {
@@ -888,8 +902,8 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     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;
+      var _this$userMap$get3;
+      var user = (_this$userMap$get3 = this.userMap.get(userId)) === null || _this$userMap$get3 === void 0 ? void 0 : _this$userMap$get3.userInfo;
       if (!(user !== null && user !== void 0 && user.platform)) return false;
       return this._abilityProvider.isHostSupportedByPlatform(user.platform);
     }
@@ -917,13 +931,13 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
           if (this.activeTab === _type6.FcrUIRoomType.MAIN_ROOM) {
             this._kickOutUser(userId);
           } else {
-            var _this$userMap$get6;
+            var _this$userMap$get4;
             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$get6 = this.userMap.get(userId)) === null || _this$userMap$get6 === void 0 ? void 0 : _this$userMap$get6.userInfo.userName
+                reason1: (_this$userMap$get4 = this.userMap.get(userId)) === null || _this$userMap$get4 === void 0 ? void 0 : _this$userMap$get4.userInfo.userName
               }),
               onChecked: function onChecked(isChecked) {
                 _this8._isChecked['remove'] = isChecked;
@@ -981,6 +995,18 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
           break;
       }
     }
+  }, {
+    key: "_getPinStreamIdFromUser",
+    value: function _getPinStreamIdFromUser(userId) {
+      var _streams$find;
+      var user = this.userMap.get(userId);
+      var isPSTN = (user === null || user === void 0 ? void 0 : user.userInfo.connectorType) === _fcrCore.FcrRoomConnectorType.PSTN;
+      var streams = user === null || user === void 0 ? void 0 : user.streams;
+      var streamId = streams === null || streams === void 0 || (_streams$find = streams.find(function (stream) {
+        return stream.videoSourceType === _type2.AgoraRteVideoSourceType.CAMERA || isPSTN && stream.videoSourceType === _fcrCore.FcrVideoSourceType.NONE;
+      })) === null || _streams$find === void 0 ? void 0 : _streams$find.streamId;
+      return streamId;
+    }
   }, {
     key: "_handleUserPropertiesUpdated",
     value: function _handleUserPropertiesUpdated() {
@@ -1006,51 +1032,47 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
         this.showBecomeHostButton = false;
       }
     }
+  }, {
+    key: "handleConfirmChangeName",
+    value: function () {
+      var _handleConfirmChangeName = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+        var _this9 = this;
+        return _regenerator["default"].wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 2;
+              return this._userControl.updateUserName(this._operatorRenameUserId, this.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, this);
+      }));
+      function handleConfirmChangeName() {
+        return _handleConfirmChangeName.apply(this, arguments);
+      }
+      return handleConfirmChangeName;
+    }()
+  }, {
+    key: "handleCancelChangeName",
+    value: function handleCancelChangeName() {
+      this._closeChangeNameDialog();
+    }
   }, {
     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
-      });
+      var _this$userMap$get5;
+      this._operatorRenameUserId = userId;
+      this._operatorRenameUserName = ((_this$userMap$get5 = this.userMap.get(this._operatorRenameUserId)) === null || _this$userMap$get5 === void 0 ? void 0 : _this$userMap$get5.userInfo.userName) || '';
+      var key = this._dialogProvider.openDialog(_constant.FcrUIDialogKey.RENAME, '');
       this._changeNameDialogKey.push(key);
     }
   }, {
@@ -1068,12 +1090,12 @@ 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$get7;
+        var _this$userMap$get6;
         var username;
         return _regenerator["default"].wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              username = (_this$userMap$get7 = this.userMap.get(userId)) === null || _this$userMap$get7 === void 0 ? void 0 : _this$userMap$get7.userInfo.userName;
+              username = (_this$userMap$get6 = this.userMap.get(userId)) === null || _this$userMap$get6 === void 0 ? void 0 : _this$userMap$get6.userInfo.userName;
               _context2.prev = 1;
               _context2.next = 4;
               return this._roomControl.moveToWaitingRoomByUserIds([userId]);
@@ -1202,9 +1224,6 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
         case _constant.FcrUIRoomControlType.LOCK_ROOM:
           this._lockRoom(data);
           break;
-        case _constant.FcrUIRoomControlType.ENABLE_WAITING_ROOM:
-          this._enableWaitingRoom(data);
-          break;
         case _constant.FcrUIRoomControlType.RENAME:
           this._enableRename(data);
           break;
@@ -1270,7 +1289,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       } else {
         var targetUsers = this._streamControl.getStreamsByUserId(user);
         var targetUser = targetUsers.find(function (user) {
-          return user.videoSourceType === _type2.AgoraRteVideoSourceType.CAMERA;
+          return user.audioSourceType === _type2.AgoraRteAudioSourceType.MICROPHONE;
         });
         if (!targetUser) {
           return;
@@ -1289,13 +1308,6 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
         this._deviceStreamStore.enableMicrophoneWithPreCheck(true);
       } else {
         var _this$_unmuteAudioTim;
-        var targetUsers = this._streamControl.getStreamsByUserId(userId);
-        var targetUser = targetUsers.find(function (user) {
-          return user.videoSourceType === _type2.AgoraRteVideoSourceType.CAMERA;
-        });
-        if (!targetUser) {
-          return;
-        }
         var now = Date.now();
         if (now - ((_this$_unmuteAudioTim = this._unmuteAudioTimestamp.get(userId)) !== null && _this$_unmuteAudioTim !== void 0 ? _this$_unmuteAudioTim : 0) <= SESSION_DURATION * 1000) {
           return;
@@ -1341,8 +1353,6 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
         this._deviceStreamStore.enableCameraWithPreCheck(true);
       } else {
         var localUser = this.localUser;
-        var targetUsers = this._streamControl.getStreamsByUserId(userId);
-        var targetUser = targetUsers[0];
         if (localUser.userId === userId) {
           this._deviceStreamStore.enableCameraWithPreCheck(true);
         } else {
@@ -1366,35 +1376,45 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_privateChat",
     value: function _privateChat(userId) {
-      if (!this._securityStore.permitPrivateChat(userId)) {
-        return;
-      }
-      if (this._sharedLayoutDataSource.chatRenderAt !== 'dialog') {
-        this._sharedLayoutDataSource.setAsideLayout({
-          chat: true
-        });
-        this._sharedChatDataSource.activeTab = this.activeTab;
-      }
       var userData = this.userListSource.find(function (u) {
         return u.userId === userId;
       });
-      userData && this._chatProvider.setPrivateChatTargetUser(userData.userInfo, this.activeTab);
-      if ((0, _env.isElectron)() && this._screenSharingState === _fcrCore.FcrMediaSourceState.OPEN) {
-        this._uiEventStore.openDialog(_constant.FcrUIDialogKey.CHAT);
+      if (userData) {
+        var hasPermissionToSendPrivateMessage = this._securityStore.hasPermissionToSendPrivateMessage(userData.userInfo.userRole);
+        if (!hasPermissionToSendPrivateMessage) {
+          this._messageProvider.showToast({
+            type: 'error',
+            message: (0, _i18n.transI18n)('fmt_attendies_tips_chat_off')
+          });
+          return;
+        }
+        if (!this._securityStore.permitPrivateChat(userId)) {
+          return;
+        }
+        if (this._sharedLayoutDataSource.chatRenderAt !== 'dialog') {
+          this._sharedLayoutDataSource.setAsideLayout({
+            chat: true
+          });
+          this._sharedChatDataSource.activeTab = this.activeTab;
+        }
+        this._chatProvider.setPrivateChatTargetUser(userData.userInfo, this.activeTab);
+        if ((0, _env.isElectron)() && this._screenSharingState === _fcrCore.FcrMediaSourceState.OPEN || this._sharedLayoutDataSource.chatRenderAt === 'dialog') {
+          this._uiEventStore.openDialog(_constant.FcrUIDialogKey.CHAT);
+        }
       }
     }
   }, {
     key: "_kickOutUser",
     value: function _kickOutUser(userId) {
       var _this11 = this,
-        _this$userMap$get8;
+        _this$userMap$get7;
       var dialogId = this.openConfirmDialog({
         title: '',
         onCancel: function onCancel() {
           _this11._dialogProvider.closeConfirm(dialogId);
         },
         content: (0, _i18n.transI18n)('fmt_uimanager_tips_Remove', {
-          reason2: (_this$userMap$get8 = this.userMap.get(userId)) === null || _this$userMap$get8 === void 0 ? void 0 : _this$userMap$get8.userInfo.userName
+          reason2: (_this$userMap$get7 = this.userMap.get(userId)) === null || _this$userMap$get7 === void 0 ? void 0 : _this$userMap$get7.userInfo.userName
         }),
         onOk: function onOk() {
           _this11._userControl.kickOut(userId, _type4.FcrUserKickedOutType.Once);
@@ -1406,9 +1426,9 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_handleSetHostOrCoHost",
     value: function _handleSetHostOrCoHost(userId, type) {
-      var _this$userMap$get9,
+      var _this$userMap$get8,
         _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 username = (_this$userMap$get8 = this.userMap.get(userId)) === null || _this$userMap$get8 === void 0 ? void 0 : _this$userMap$get8.userInfo.userName;
       var targetRole = type === 'host' ? (0, _i18n.transI18n)('fmt_role_host') : (0, _i18n.transI18n)('fmt_role_cohost');
       var dialogId = this.openConfirmDialog({
         title: (0, _i18n.transI18n)('fmt_uimanager_labels_Setas', {
@@ -1422,7 +1442,8 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
           reason2: targetRole
         }),
         onOk: function () {
-          var _onOk2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5() {
+          var _onOk = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5() {
+            var errCode;
             return _regenerator["default"].wrap(function _callee5$(_context5) {
               while (1) switch (_context5.prev = _context5.next) {
                 case 0:
@@ -1440,28 +1461,34 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
                   _context5.next = 6;
                   return _this12._userControl.updateRemoteUserRole(userId, type === 'host' ? _type.FcrUserRole.HOST : _type.FcrUserRole.COHOST);
                 case 6:
-                  _context5.next = 12;
+                  _context5.next = 13;
                   break;
                 case 8:
                   _context5.prev = 8;
                   _context5.t0 = _context5["catch"](3);
-                  if (_context5.t0.code === '700000403') {
+                  errCode = _context5.t0.code;
+                  if (errCode === '700000403') {
                     _this12._messageProvider.showToast({
                       type: 'error',
                       message: (0, _i18n.transI18n)('fmt_attendies_button_revokehost_error')
                     });
+                  } else if (errCode === '720403001') {
+                    _this12._messageProvider.showToast({
+                      type: 'error',
+                      message: (0, _i18n.transI18n)('fmt_attendies_toast_cohost_upper_limit')
+                    });
                   }
                   _this12.logger.error(_context5.t0);
-                case 12:
-                  _this12._dialogProvider.closeConfirm(dialogId);
                 case 13:
+                  _this12._dialogProvider.closeConfirm(dialogId);
+                case 14:
                 case "end":
                   return _context5.stop();
               }
             }, _callee5, null, [[3, 8]]);
           }));
           function onOk() {
-            return _onOk2.apply(this, arguments);
+            return _onOk.apply(this, arguments);
           }
           return onOk;
         }(),
@@ -1549,15 +1576,11 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
         type: 'info',
         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",
-    value: function _enableWaitingRoom(enable) {
-      this._securityStore.setLockRoomEnabled(enable);
-    }
   }, {
     key: "_enableRename",
     value: function _enableRename(enable) {
@@ -1571,6 +1594,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "enableJoinWithMuteAudio",
     value: function enableJoinWithMuteAudio(enable) {
+      this._securityStore.setAllowJoinWithMuteAudio(enable);
       this._sharedSecuritySharedDataSource.setCheckedStateMap(_objectSpread(_objectSpread({}, this.checkedStateMap), {
         enableJoinWithAudio: enable
       }));
@@ -1579,7 +1603,11 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
     key: "_onPeerSessionReceived",
     value: function _onPeerSessionReceived(session) {
       var _this13 = this;
-      if (session.sessionId && this._processedUserOpenDeviceRequests.has(session.sessionId)) {
+      this.logger.info('participant store onPeerSessionReceived');
+      var recevieSessionId = session.sessionId;
+      var userOpenDeviceInProcessed = this._processedUserOpenDeviceRequests.has(session.sessionId);
+      this.logger.info('participant store onPeerSessionReceived userOpenDeviceInProcessed', userOpenDeviceInProcessed);
+      if (recevieSessionId && userOpenDeviceInProcessed) {
         return;
       }
       this._processedUserOpenDeviceRequests.add(session.sessionId);
@@ -1598,6 +1626,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       var sessionKey = session.sessionKey,
         payload = session.payload;
       if (sessionKey === _type3.FcrUISessionKey.REQUEST_OPEN_CAMERA) {
+        this.logger.info('participant store onPeerSessionReceived handle REQUEST_OPEN_CAMERA', localUserHasVideo);
         if (localUserHasVideo) {
           this._peerSessionControl.acceptPeerSession(session);
           return;
@@ -1612,6 +1641,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
           content: (0, _i18n.transI18n)('fmt_additional_tips_cameraturnon'),
           okText: (0, _i18n.transI18n)('fmt_additional_button_accept'),
           cancelText: (0, _i18n.transI18n)('fmt_additional_button_refuse'),
+          closable: false,
           onOk: function onOk() {
             _this13._peerSessionControl.acceptPeerSession(session);
             _this13._deviceStreamStore.enableCameraWithPreCheck(true);
@@ -1638,12 +1668,15 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
           content: (0, _i18n.transI18n)('fmt_additional_tips_agreeturnon'),
           okText: (0, _i18n.transI18n)('fmt_device_label_audio_unmute'),
           cancelText: (0, _i18n.transI18n)('fmt_additional_options_Keepsilent'),
+          closable: false,
           onOk: function onOk() {
+            _this13._processedUserOpenDeviceRequests["delete"](session.sessionId);
             _this13._peerSessionControl.acceptPeerSession(session);
             _this13._deviceStreamStore.enableMicrophoneWithPreCheck(true);
             _this13._dialogProvider.closeConfirm(_dialogId);
           },
           onCancel: function onCancel() {
+            _this13._processedUserOpenDeviceRequests["delete"](session.sessionId);
             _this13._peerSessionControl.rejectPeerSession(session);
             _this13._dialogProvider.closeConfirm(_dialogId);
           },
@@ -1765,7 +1798,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
       };
       var dialogId = this._dialogProvider.openConfirmDialog({
         title: (0, _i18n.transI18n)('fmt_hostkey_input_hostkey_title_enter_key'),
-        content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_confirmInput["default"], {
+        content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_confirmInput.FcrConfirmInput, {
           type: "number",
           placeholder: (0, _i18n.transI18n)('fmt_hostkey_input_hostkey_text_hint_enter_key'),
           onChange: function onChange(value) {
@@ -1775,7 +1808,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
         alignCenter: true,
         closable: false,
         onOk: function () {
-          var _onOk3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee8() {
+          var _onOk2 = (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:
@@ -1801,7 +1834,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
             }, _callee8);
           }));
           function onOk() {
-            return _onOk3.apply(this, arguments);
+            return _onOk2.apply(this, arguments);
           }
           return onOk;
         }(),
@@ -1813,7 +1846,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
   }]);
 }();
 _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, "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);
+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, "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"], [_decorator.bound, 2, "_getPinStreamIdFromUser"], [_handleConfirmChangeNameDecs, 18, "handleConfirmChangeName"], [_handleCancelChangeNameDecs, 18, "handleCancelChangeName"], [_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];

package/lib/modules/pc-audio-connect/store.js

@@ -43,6 +43,7 @@ require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.iterator.js");
 require("core-js/modules/es.weak-map.js");
+require("core-js/modules/esnext.async-iterator.for-each.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/esnext.weak-map.delete-all.js");
@@ -175,7 +176,7 @@ var ConnectionGatewayStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "openAudioSettings",
     value: function openAudioSettings() {
-      this._eventProvider.openDeviceSettingDialog({
+      this._dialogProvider.openDeviceSettingDialog({
         activeTab: _store.DeviceSettingTab.AUDIO,
         highlightSelector: _constant.FcrUIHighlightElement.AUDIO_MICROPHONE
       });

package/lib/modules/phone-audio-connect/components/callinfo/index.js

@@ -7,8 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.array.slice.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.async-iterator.map.js");
 require("core-js/modules/esnext.iterator.map.js");
 var _select = require("agora-ui-foundation/lib/components/select");
 require("./index.css");

package/lib/modules/phone-audio-connect/index.d.ts

@@ -4,12 +4,14 @@ import { FcrUIEventProvider } from '../../providers/event-provider';
 import { FcrUICurrentRoomControlProvider } from '../../providers/room-provider';
 import { FcrUIDeviceProvider } from '../../providers/device-provider';
 import { FcrUIPhoneAudioConnectorProvider } from '../../providers/phone-audio-provider';
+import { FcrUIDialogProvider } from '../../providers/dialog-provider';
 export declare class PhoneAudioConnectionUIModule extends UIModule {
     private _store?;
     currentRoomControlProvider?: FcrUICurrentRoomControlProvider;
     eventProvider?: FcrUIEventProvider;
     deviceProvider?: FcrUIDeviceProvider;
     phoneAudioConnectorProvider?: FcrUIPhoneAudioConnectorProvider;
+    dialogProvider?: FcrUIDialogProvider;
     onNodeWillActive(): void;
     onNodeWillInactive(): void;
     getComponent(): import("react/jsx-runtime").JSX.Element;

package/lib/modules/phone-audio-connect/index.js

@@ -42,7 +42,8 @@ var PhoneAudioConnectionUIModule = exports.PhoneAudioConnectionUIModule = /*#__P
       this._store = new _store["default"]({
         eventProvider: this.eventProvider,
         deviceProvider: this.deviceProvider,
-        phoneAudioConnectorProvider: this.phoneAudioConnectorProvider
+        phoneAudioConnectorProvider: this.phoneAudioConnectorProvider,
+        dialogProvider: this.dialogProvider
       });
     }
   }, {

package/lib/modules/phone-audio-connect/store.d.ts

@@ -3,10 +3,12 @@ import { FcrUIDeviceProvider } from '../../providers/device-provider';
 import { ConnectorRegion } from './enums';
 import { FcrUIPhoneAudioConnectorProvider } from '../../providers/phone-audio-provider';
 import { ConnectListType } from './types';
+import { FcrUIDialogProvider } from '../../providers/dialog-provider';
 export default class ConnectionGatewayStore {
     private _disposers;
     private _eventProvider;
     private _deviceProvider;
+    private _dialogProvider;
     private _failureTimer;
     private _phoneAudioConnectorProvider;
     accessor rememberMe: boolean;
@@ -24,10 +26,11 @@ export default class ConnectionGatewayStore {
     get hasNeedMergedStream(): boolean;
     get connectInfo(): import("fcr-core/lib/room-control/room-connector-control/type").FcrRoomConnectorPhoneInfo;
     get connectSession(): import("fcr-core/lib/room-control/room-connector-control/type").FcrPhoneConnectorSession | null;
-    constructor({ eventProvider, deviceProvider, phoneAudioConnectorProvider, }: {
+    constructor({ eventProvider, deviceProvider, phoneAudioConnectorProvider, dialogProvider, }: {
         eventProvider: FcrUIEventProvider;
         deviceProvider: FcrUIDeviceProvider;
         phoneAudioConnectorProvider: FcrUIPhoneAudioConnectorProvider;
+        dialogProvider: FcrUIDialogProvider;
     });
     startCall(): void;
     stopCall(): void;