fcr-ui-scene 3.5.1 → 3.6.0

package/lib/modules/participant/components/participants/components/render-user/components/attendee/index.css

@@ -13,8 +13,14 @@
   border-radius: var(--fcr_cornerradius_l);
 }
 .attendee__more-actions {
+  min-width: 210px;
   max-width: 300px;
+  border: 0;
   padding: 0;
+  box-shadow: 0px 0px 15px var(--fcr_web_light_dropup_m);
+  border-radius: var(--fcr_cornerradius_l);
+  min-width: 210px;
+  max-width: 300px;
 }
 
 .operate-waiting-room-dialog-content {
@@ -25,6 +31,18 @@
   background: white;
   padding: 20px;
   border-radius: 20px;
+  background-color: var(--fcr_mobile_ui_scene_color_popup_fill2);
+}
+
+.fcr-rename-dialog-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background: white;
+  border-radius: 20px;
+  padding-top: 4px;
+  background-color: var(--fcr_mobile_ui_scene_color_popup_fill2);
 }
 
 .operate-waiting-room-dialog-title {

package/lib/modules/participant/components/participants/components/render-user/components/attendee/index.js

@@ -38,6 +38,7 @@ var _interpreterTag = require("./components/interpreter-tag");
 var _store = require("../../../../../../store");
 var _types = require("../../../../types");
 var _type2 = require("../../../../../../../../type");
+var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
 var _jsxRuntime = require("react/jsx-runtime");
 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; }
@@ -79,15 +80,21 @@ var ParticipantAttendee = exports.ParticipantAttendee = (0, _mobxReact.observer)
         }, (0, _userAvatar.userAvatar)(userType)))
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "attendee__user-info-identity",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "attendee__name",
           style: {
             color: nameColor
           },
-          children: [userName, isMe && /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-            className: "attendee__me-badge",
-            children: ["(", t('fmt_participant_label_Me'), ")"]
-          })]
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+            content: userName,
+            trigger: "hover",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              children: [userName, isMe && /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+                className: "attendee__me-badge",
+                children: ["(", t('fmt_participant_label_Me'), ")"]
+              })]
+            })
+          })
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "attendee__tag-group",
           children: [isHost && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/lib/modules/participant/components/participants/components/render-user/components/user-action/components/move-actions-popover/index.js

@@ -37,15 +37,8 @@ var MoreActionsPopover = exports.MoreActionsPopover = function MoreActionsPopove
     };
   }, []);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.FcrPopover, {
+    showArrow: false,
     visible: isShowDropMenu,
-    overlayInnerStyle: {
-      border: 0,
-      boxShadow: '0px 0px 15px var(--fcr_web_light_dropup_m)',
-      borderRadius: 'var(--fcr_cornerradius_l)',
-      minWidth: '210px',
-      maxWidth: '300px',
-      width: 'fit-content'
-    },
     overlayClassName: "attendee__more-actions",
     mouseEnterDelay: 0,
     content: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/lib/modules/participant/index.css

@@ -82,6 +82,12 @@
   padding: 0 4px;
   display: flex;
   flex: 1;
+  flex-direction: column;
+}
+
+.participants-container-rename-footer {
+  width: 100%;
+  margin: 20px 0px;
 }
 
 .participants-container .fcr-tabs {

package/lib/modules/participant/index.d.ts

@@ -50,5 +50,6 @@ export declare class ParticipantUIModule extends UIModule {
     onNodeWillInactive(): void;
     getComponent(): import("react/jsx-runtime").JSX.Element;
     getWaitingRoomDialog(params: OperateWaitingRoomMemberDialogProps): import("react/jsx-runtime").JSX.Element;
+    getRenameDialogContent(): import("react/jsx-runtime").JSX.Element;
     onProcessEvent(event: RendererCustomEvent): void;
 }

package/lib/modules/participant/index.js

@@ -42,6 +42,7 @@ var _store = _interopRequireWildcard(require("./store"));
 var _view = require("./view");
 require("./index.css");
 var _operateWaitingroomMember = require("./components/operate-waitingroom-member");
+var _confirmInput = require("./components/confirm-input");
 var _jsxRuntime = require("react/jsx-runtime");
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -110,6 +111,14 @@ var ParticipantUIModule = exports.ParticipantUIModule = /*#__PURE__*/function (_
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_operateWaitingroomMember.OperateWaitingRoomMemberDialog, _objectSpread({}, params))
       });
     }
+  }, {
+    key: "getRenameDialogContent",
+    value: function getRenameDialogContent() {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_store.StoreContext.Provider, {
+        value: this._store,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_confirmInput.FcrWrapConfirmRenameForm, {})
+      });
+    }
   }, {
     key: "onProcessEvent",
     value: function onProcessEvent(event) {

package/lib/modules/participant/store.d.ts

@@ -68,6 +68,8 @@ export default class ParticipantStore {
     private _whitebaordObderver;
     private _sharedSettingDataSource;
     private _sharedSecuritySharedDataSource;
+    private _operatorRenameUserId;
+    private _operatorRenameUserName;
     private accessor _mainList;
     private accessor _isChecked;
     accessor _participantsWindowActive: boolean;
@@ -85,6 +87,7 @@ export default class ParticipantStore {
     accessor allowUnmute: boolean;
     accessor joinWithMuteAudio: boolean;
     accessor showBecomeHostButton: boolean;
+    get operatorRenameUserName(): string;
     get audioVolumeMap(): Map<string, number>;
     get localUser(): FcrUserInfo;
     get localUserRole(): FcrUserRole;
@@ -163,9 +166,12 @@ export default class ParticipantStore {
     openMuteAllDialog(params: OpenMuteAllDialogProps): void;
     isHostSupported(userId: string): boolean;
     handlerUserAction(action: ParticipantActionType, userId: string): void;
+    private _getPinStreamIdFromUser;
     private _handleUserPropertiesUpdated;
     private _handleRemoteUsersJoined;
     private _handleUserInfoUpdated;
+    handleConfirmChangeName(): Promise<void>;
+    handleCancelChangeName(): void;
     private _openChangeNameDialog;
     private _closeChangeNameDialog;
     private _moveToWaitingRoomByUserIds;

package/lib/modules/participant/store.js

@@ -110,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");
@@ -120,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); }
@@ -151,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,
@@ -231,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));
@@ -490,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() {
@@ -788,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);
       }
@@ -799,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);
       }
@@ -893,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);
     }
@@ -922,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;
@@ -986,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() {
@@ -1011,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);
     }
   }, {
@@ -1073,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]);
@@ -1272,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;
@@ -1291,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;
@@ -1343,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 {
@@ -1368,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);
@@ -1408,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', {
@@ -1424,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:
@@ -1442,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;
         }(),
@@ -1578,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);
@@ -1597,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;
@@ -1611,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);
@@ -1637,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);
           },
@@ -1764,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) {
@@ -1774,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:
@@ -1800,7 +1834,7 @@ var ParticipantStore = exports["default"] = /*#__PURE__*/function () {
             }, _callee8);
           }));
           function onOk() {
-            return _onOk3.apply(this, arguments);
+            return _onOk2.apply(this, arguments);
           }
           return onOk;
         }(),
@@ -1812,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];