fcr-ui-scene 3.5.1 → 3.6.0

package/lib/providers/room-provider.js

@@ -3,21 +3,15 @@
 require("core-js/modules/es.symbol.js");
 require("core-js/modules/es.symbol.description.js");
 require("core-js/modules/es.symbol.to-primitive.js");
-require("core-js/modules/es.array.filter.js");
 require("core-js/modules/es.array.is-array.js");
 require("core-js/modules/es.array.push.js");
 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.async-iterator.filter.js");
 require("core-js/modules/esnext.function.metadata.js");
-require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.symbol.metadata.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
@@ -33,7 +27,6 @@ require("core-js/modules/es.array.find.js");
 require("core-js/modules/es.array.for-each.js");
 require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.array.iterator.js");
-require("core-js/modules/es.array.join.js");
 require("core-js/modules/es.function.bind.js");
 require("core-js/modules/es.map.js");
 require("core-js/modules/es.object.to-string.js");
@@ -78,7 +71,6 @@ var _observable = require("agora-foundation/lib/utilities/observable");
 var _type4 = require("agora-rte-sdk/lib/core/scene/type");
 var _type5 = require("../type");
 var _type6 = require("agora-rte-sdk/lib/type");
-var _lodash = require("lodash");
 var _constant = require("../utilities/constant");
 var _base = require("../base");
 var _privilegeProvider = require("./privilege-provider");
@@ -87,10 +79,10 @@ var _mobx = require("mobx");
 var _type7 = require("agora-ui-foundation/lib/components/icon/type");
 var _type8 = require("../modules/whiteboard/type");
 var _waitingRoomControlManager = _interopRequireDefault(require("../waiting-room-control-manager"));
+var _meetingDetail = require("../utilities/meeting-detail");
+var _decorator = require("agora-foundation/lib/decorator");
 var _FcrUIRoomProviderImpl, _FcrUIMainRoomControlProviderImpl;
-var _initProto, _init_liveStreamingState, _init_liveStreamingConfig, _init_cloudRecordingState, _initMainRoomStateDecs, _ref, _initProto2, _init_privilegeOperator, _init_boardOwnerUser, _handleSecurityUpdatedDecs, _ref2;
-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; }
+var _initProto, _init_liveStreamingState, _init_liveStreamingConfig, _init_cloudRecordingState, _initBaseRoomStateDecs, _ref, _initProto2, _init_privilegeOperator, _init_boardOwnerUser, _handleSecurityUpdatedDecs, _ref3;
 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; }
@@ -104,13 +96,15 @@ function _checkInRHS(e) { if (Object(e) !== e) throw TypeError("right-hand side
 var _A = /*#__PURE__*/new WeakMap();
 var _B = /*#__PURE__*/new WeakMap();
 var _C = /*#__PURE__*/new WeakMap();
-_ref = (_initMainRoomStateDecs = [_mobx.action, _mobx.action.bound], "logger");
+_ref = (_initBaseRoomStateDecs = [_mobx.action, _mobx.action.bound], "logger");
 var FcrUIRoomProviderImpl = exports.FcrUIRoomProviderImpl = /*#__PURE__*/function () {
   function FcrUIRoomProviderImpl(_eventProvider, _sceneConfig, _engine, _messageProvider) {
     var _this = this;
     (0, _classCallCheck2["default"])(this, FcrUIRoomProviderImpl);
     (0, _defineProperty2["default"])(this, _ref, (_initProto(this), (0, _logger.getLogger)()));
     (0, _defineProperty2["default"])(this, "_observable", new _observable.AgoraObservable());
+    // 标识是不是第一次加入房间
+    (0, _defineProperty2["default"])(this, "_isFirstJoined", true);
     (0, _defineProperty2["default"])(this, "_waitingRoomManagerObserver", {
       onWaitingRoomControlCreated: function onWaitingRoomControlCreated(roomControl) {
         _this._observable.notifyObservers('onJoinWaitingRoom', roomControl, true);
@@ -120,6 +114,45 @@ var FcrUIRoomProviderImpl = exports.FcrUIRoomProviderImpl = /*#__PURE__*/functio
         _this._messageProvider.closeNotification(_type5.FcrUINotificationContentType.WAITING_ROOM);
       }
     });
+    (0, _defineProperty2["default"])(this, "_roomRouterObserver", {
+      onRoomRouteSwitched: function onRoomRouteSwitched() {
+        var _this$currentRoomCont, _this$currentRoomCont2, _this$currentRoomCont3;
+        if (((_this$currentRoomCont = _this.currentRoomControl.getRoomInfo()) === null || _this$currentRoomCont === void 0 ? void 0 : _this$currentRoomCont.roomType) === _type.FcrRoomType.Mainroom) {
+          _this._observable.notifyObservers('onLeaveMainRoom');
+        } else if (((_this$currentRoomCont2 = _this.currentRoomControl.getRoomInfo()) === null || _this$currentRoomCont2 === void 0 ? void 0 : _this$currentRoomCont2.roomType) === _type.FcrRoomType.Waitingroom) {
+          _this._observable.notifyObservers('onLeaveWaitingRoom');
+        } else if (((_this$currentRoomCont3 = _this.currentRoomControl.getRoomInfo()) === null || _this$currentRoomCont3 === void 0 ? void 0 : _this$currentRoomCont3.roomType) === _type.FcrRoomType.JoinBeforeHostWaitingRoom) {
+          _this._observable.notifyObservers('onLeaveJBH');
+        }
+        _this._roomRouter.joinRoom(_this._getJoinRoomOption());
+      },
+      onRoomJoined: function onRoomJoined(roomControl) {
+        var _roomControl$getRoomI;
+        // nextStep: FcrRoomControlType
+        _this._currentRoomControl = roomControl;
+        _this._currentRoomControl.addObserver(_this._baseRoomControlObserver);
+        _this._currentRoomControl.getUserControl().addObserver(_this._userControlObserver);
+        _this._initBaseRoomState(_this._currentRoomControl);
+        var roomType = (_roomControl$getRoomI = roomControl.getRoomInfo()) === null || _roomControl$getRoomI === void 0 ? void 0 : _roomControl$getRoomI.roomType;
+        if (roomType === _type.FcrRoomType.Mainroom) {
+          _this._waitingRoomManager = new _waitingRoomControlManager["default"](_this._sceneConfig, _this._engine, roomControl);
+          _this._waitingRoomManager.addObserver(_this._waitingRoomManagerObserver);
+        } else if (roomType === _type.FcrRoomType.Waitingroom) {
+          if (_this._isFirstJoined) {
+            roomControl.sendRoomMessage({
+              messageKey: _type3.RoomMessageKey.USER_WAITING_ROOM_JOINED
+            }, false);
+          }
+        }
+        _this._isFirstJoined = false;
+        _this._observable.notifyObservers('onRoutingChanged', roomControl);
+      },
+      onErrorOccurred: function onErrorOccurred(error) {
+        if (!_this._isFirstJoined) {
+          _this._observable.notifyObservers('onExitRoom');
+        }
+      }
+    });
     _classPrivateFieldInitSpec(this, _A, _init_liveStreamingState(this, _type3.FcrLiveStreamingState.STOPPED));
     _classPrivateFieldInitSpec(this, _B, _init_liveStreamingConfig(this, undefined));
     _classPrivateFieldInitSpec(this, _C, _init_cloudRecordingState(this, _type3.FcrRecordingState.Stopped));
@@ -129,7 +162,7 @@ var FcrUIRoomProviderImpl = exports.FcrUIRoomProviderImpl = /*#__PURE__*/functio
     this._messageProvider = _messageProvider;
     //@ts-ignore
     window.roomStore = this;
-    this._mainRoomObserver = {
+    this._baseRoomControlObserver = {
       onRoomStateUpdated: function onRoomStateUpdated(roomId, state) {
         if (state === _type3.FcrRoomState.Closed) {
           _this._observable.notifyObservers('onRoomClosed');
@@ -141,108 +174,16 @@ var FcrUIRoomProviderImpl = exports.FcrUIRoomProviderImpl = /*#__PURE__*/functio
       onLiveStreamingStateUpdated: (0, _mobx.action)(function (roomId, state) {
         _this.liveStreamingState = state;
         _this.liveStreamingConfig = _this.currentRoomControl.getLiveStreamingConfig();
-      }),
-      onLocalUserMovedToWaitingRoom: function () {
-        var _onLocalUserMovedToWaitingRoom = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(roomId, event) {
-          var roomControl, _roomControl$getPrivi, info, room;
-          return _regenerator["default"].wrap(function _callee$(_context) {
-            while (1) switch (_context.prev = _context.next) {
-              case 0:
-                roomControl = _this.currentRoomControl; //todo
-                _roomControl$getPrivi = roomControl.getPrivilegeControl().getSecurityInfo(_type2.FcrSecurityAction.WaitingRoom), info = _roomControl$getPrivi.info;
-                if (!info) {
-                  _context.next = 18;
-                  break;
-                }
-                _context.prev = 3;
-                _this._observable.notifyObservers('onLeaveMainRoom');
-                room = _this._engine.createWaitingRoomControl(info.payload.roomUuid);
-                _context.next = 8;
-                return room.join(_objectSpread({}, _this._getJoinRoomOption()));
-              case 8:
-                _this._currentRoomControl = room;
-                room.addObserver(_this._waitingRoomObserver);
-                room.getUserControl().addObserver(_this._waitingRoomUserObserver);
-                roomControl.getUserControl().removeObserver(_this._mainRoomUserObserver);
-                _this._observable.notifyObservers('onJoinWaitingRoom', _this._currentRoomControl);
-                _context.next = 18;
-                break;
-              case 15:
-                _context.prev = 15;
-                _context.t0 = _context["catch"](3);
-                _this.logger.error('onLocalUserMovedToWaitingRoom error', _context.t0);
-              case 18:
-              case "end":
-                return _context.stop();
-            }
-          }, _callee, null, [[3, 15]]);
-        }));
-        function onLocalUserMovedToWaitingRoom(_x, _x2) {
-          return _onLocalUserMovedToWaitingRoom.apply(this, arguments);
-        }
-        return onLocalUserMovedToWaitingRoom;
-      }()
+      })
     };
-    this._waitingRoomObserver = {
-      onRoomStateUpdated: function onRoomStateUpdated(roomId, state) {
-        if (state === _type3.FcrRoomState.Closed) {
-          _this._observable.notifyObservers('onRoomClosed');
-        }
-      },
-      onLocalUserMovedToMainRoom: function () {
-        var _onLocalUserMovedToMainRoom = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(roomId, event) {
-          return _regenerator["default"].wrap(function _callee2$(_context2) {
-            while (1) switch (_context2.prev = _context2.next) {
-              case 0:
-                _this._observable.notifyObservers('onLeaveWaitingRoom');
-                _this._observable.notifyObservers('onJoinMainRoom', (0, _lodash.get)(event.changedProperties, 'security.ticket'));
-              case 2:
-              case "end":
-                return _context2.stop();
-            }
-          }, _callee2);
-        }));
-        function onLocalUserMovedToMainRoom(_x3, _x4) {
-          return _onLocalUserMovedToMainRoom.apply(this, arguments);
-        }
-        return onLocalUserMovedToMainRoom;
-      }()
-    };
-    this._waitingRoomUserObserver = {
-      onLocalUserKickedOut: function onLocalUserKickedOut() {
-        _this._observable.notifyObservers('onLocalUserKickedOut');
-      }
-    };
-    this._mainRoomUserObserver = {
-      onUserInfoUpdated: function onUserInfoUpdated(roomId, event) {
-        var isLocalUserInfoUpdated = event.modifiedUser.userId === _this.currentRoomControl.getUserControl().getLocalUser().userId;
-
-        // 权限变更的时候
-        if (isLocalUserInfoUpdated) {
-          _this._sceneConfig.userRole = event.modifiedUser.userRole;
-          var isWaitingRoomManager = _this._isWaitingRoomManager();
-          if (isWaitingRoomManager) {
-            _this._waitingRoomManager.joinWaitingRoom();
-          } else {
-            _this._waitingRoomManager.leaveWaitingRoom();
-          }
-        }
-      },
+    this._userControlObserver = {
       onLocalUserKickedOut: function onLocalUserKickedOut() {
         _this._observable.notifyObservers('onLocalUserKickedOut');
       }
     };
-    this._waitingRoomManager = new _waitingRoomControlManager["default"](this._sceneConfig, this._engine);
-    this._waitingRoomManager.addObserver(this._waitingRoomManagerObserver);
+    this._roomRouter = this._engine.createRoomRouter(this._sceneConfig.roomId);
+    this._roomRouter.addObserver(this._roomRouterObserver);
   }
-
-  // get waitingRoomControl() {
-  //   return this._currentRoomControl as FcrWaitingRoomControl;
-  // }
-
-  // get mainRoomControl() {
-  //   return this._currentRoomControl as FcrMainRoomControl;
-  // }
   return (0, _createClass2["default"])(FcrUIRoomProviderImpl, [{
     key: "liveStreamingState",
     get: function get() {
@@ -267,6 +208,34 @@ var FcrUIRoomProviderImpl = exports.FcrUIRoomProviderImpl = /*#__PURE__*/functio
     set: function set(v) {
       _classPrivateFieldSet(_C, this, v);
     }
+  }, {
+    key: "getRoomDetailCopyText",
+    value: function getRoomDetailCopyText() {
+      if (this._currentRoomControl) {
+        var _ref2;
+        var roomInfo = this._currentRoomControl.getRoomInfo();
+        var scheduleInfo = this._currentRoomControl.getRoomSchedule();
+        var duration = (scheduleInfo === null || scheduleInfo === void 0 ? void 0 : scheduleInfo.duration) || 0;
+        var meetingSetTime = (0, _meetingDetail.generateMeetingDuration)((scheduleInfo === null || scheduleInfo === void 0 ? void 0 : scheduleInfo.startTime) || 0, duration);
+        var meetingId = (_ref2 = this._currentRoomControl.getRoomPropertiesByKeyPath('meetingId')) !== null && _ref2 !== void 0 ? _ref2 : roomInfo === null || roomInfo === void 0 ? void 0 : roomInfo.roomId;
+        var copyText = '';
+        if (roomInfo) {
+          var localUserInfo = this._currentRoomControl.getUserControl().getLocalUser();
+          copyText = (0, _meetingDetail.generateMeetingDetail)(localUserInfo.userName, roomInfo.roomName, meetingSetTime, (roomInfo === null || roomInfo === void 0 ? void 0 : roomInfo.inviteLink) || '', meetingId || '', roomInfo.password || '');
+        }
+        return copyText;
+      } else {
+        return '';
+      }
+    }
+
+    // get waitingRoomControl() {
+    //   return this._currentRoomControl as FcrWaitingRoomControl;
+    // }
+
+    // get mainRoomControl() {
+    //   return this._currentRoomControl as FcrMainRoomControl;
+    // }
   }, {
     key: "currentRoomControl",
     get: function get() {
@@ -275,6 +244,14 @@ var FcrUIRoomProviderImpl = exports.FcrUIRoomProviderImpl = /*#__PURE__*/functio
       }
       return this._currentRoomControl;
     }
+  }, {
+    key: "waitingRoomManager",
+    get: function get() {
+      if (!this._waitingRoomManager) {
+        throw new Error('waitingRoomManager is not initialized');
+      }
+      return this._waitingRoomManager;
+    }
   }, {
     key: "release",
     value: function release() {
@@ -283,131 +260,60 @@ var FcrUIRoomProviderImpl = exports.FcrUIRoomProviderImpl = /*#__PURE__*/functio
       this._currentRoomControl = undefined;
       this._releaseWaitingRoomManager();
     }
-  }, {
-    key: "leaveRoom",
-    value: function leaveRoom() {
-      var _this$_currentRoomCon2;
-      (_this$_currentRoomCon2 = this._currentRoomControl) === null || _this$_currentRoomCon2 === void 0 || _this$_currentRoomCon2.leave();
-      this._currentRoomControl = undefined;
-    }
   }, {
     key: "_releaseWaitingRoomManager",
     value: function _releaseWaitingRoomManager() {
-      this._waitingRoomManager.removeObserver(this._waitingRoomManagerObserver);
-      this._waitingRoomManager.release();
+      var _this$_waitingRoomMan, _this$_waitingRoomMan2;
+      (_this$_waitingRoomMan = this._waitingRoomManager) === null || _this$_waitingRoomMan === void 0 || _this$_waitingRoomMan.removeObserver(this._waitingRoomManagerObserver);
+      (_this$_waitingRoomMan2 = this._waitingRoomManager) === null || _this$_waitingRoomMan2 === void 0 || _this$_waitingRoomMan2.release();
+      this._waitingRoomManager = undefined;
     }
   }, {
     key: "handleJoinRoom",
     value: function () {
-      var _handleJoinRoom = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(roomId) {
-        var _room$getRoomInfo;
-        var room, roomControl, isWaitingRoomManager, _roomControl;
-        return _regenerator["default"].wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
+      var _handleJoinRoom = (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:
-              _context3.next = 2;
-              return this._engine.createRoomControlAndJoin(roomId, this._getJoinRoomOption());
-            case 2:
-              room = _context3.sent;
-              if (!(((_room$getRoomInfo = room.getRoomInfo()) === null || _room$getRoomInfo === void 0 ? void 0 : _room$getRoomInfo.roomType) === _type.FcrRoomType.Mainroom)) {
-                _context3.next = 15;
-                break;
-              }
-              roomControl = room;
-              this._currentRoomControl = roomControl;
-              this._currentRoomControl.addObserver(this._mainRoomObserver);
-              this._currentRoomControl.getUserControl().addObserver(this._mainRoomUserObserver);
-              this._initMainRoomState(this._currentRoomControl);
-              // 如果已经有等候室管理员权限 再次创建房间
-              // this._judgeWaitingRoomPremissionAndCreateRoomControl();
-              this._waitingRoomManager.setMainRoomControl(roomControl);
-              isWaitingRoomManager = this._isWaitingRoomManager();
-              if (isWaitingRoomManager) {
-                this._waitingRoomManager.joinWaitingRoom();
-              }
-              return _context3.abrupt("return", roomControl);
-            case 15:
-              _roomControl = room;
-              this._currentRoomControl = _roomControl;
-              this._currentRoomControl.addObserver(this._waitingRoomObserver);
-              this._currentRoomControl.getUserControl().addObserver(this._waitingRoomUserObserver);
-              room.sendRoomMessage({
-                messageKey: _type3.RoomMessageKey.USER_WAITING_ROOM_JOINED
-              }, false);
-              return _context3.abrupt("return", _roomControl);
-            case 21:
+              _context.prev = 0;
+              _context.next = 3;
+              return this._roomRouter.joinRoom(this._getJoinRoomOption());
+            case 3:
+              _context.next = 10;
+              break;
+            case 5:
+              _context.prev = 5;
+              _context.t0 = _context["catch"](0);
+              this._observable.notifyObservers('onJoinMainRoomFailed', _context.t0);
+              this.logger.error('handleJoinRoom error', _context.t0);
+              throw _context.t0;
+            case 10:
             case "end":
-              return _context3.stop();
+              return _context.stop();
           }
-        }, _callee3, this);
+        }, _callee, this, [[0, 5]]);
       }));
-      function handleJoinRoom(_x5) {
+      function handleJoinRoom() {
         return _handleJoinRoom.apply(this, arguments);
       }
       return handleJoinRoom;
     }()
-  }, {
-    key: "handleJoinMainRoom",
-    value: function () {
-      var _handleJoinMainRoom = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4(roomId, ticket) {
-        var room;
-        return _regenerator["default"].wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
-            case 0:
-              room = this._engine.createMainRoomControl(roomId);
-              _context4.prev = 1;
-              _context4.next = 4;
-              return room.joinWithTicket(_objectSpread(_objectSpread({}, this._getJoinRoomOption()), {}, {
-                ticket: ticket
-              }));
-            case 4:
-              _context4.next = 12;
-              break;
-            case 6:
-              _context4.prev = 6;
-              _context4.t0 = _context4["catch"](1);
-              if (!(_context4.t0.code === '720410100')) {
-                _context4.next = 11;
-                break;
-              }
-              this._observable.notifyObservers('onRoomClosed');
-              return _context4.abrupt("return");
-            case 11:
-              throw _context4.t0;
-            case 12:
-              room.addObserver(this._mainRoomObserver);
-              room.getUserControl().addObserver(this._mainRoomUserObserver);
-              this._waitingRoomManager.setMainRoomControl(room);
-              this._initMainRoomState(room);
-              this._currentRoomControl = room;
-              return _context4.abrupt("return", room);
-            case 18:
-            case "end":
-              return _context4.stop();
-          }
-        }, _callee4, this, [[1, 6]]);
-      }));
-      function handleJoinMainRoom(_x6, _x7) {
-        return _handleJoinMainRoom.apply(this, arguments);
-      }
-      return handleJoinMainRoom;
-    }()
   }, {
     key: "startLiveStreaming",
     value: function () {
-      var _startLiveStreaming = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5(params) {
-        return _regenerator["default"].wrap(function _callee5$(_context5) {
-          while (1) switch (_context5.prev = _context5.next) {
+      var _startLiveStreaming = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(params) {
+        return _regenerator["default"].wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              _context5.next = 2;
+              _context2.next = 2;
               return this.currentRoomControl.startLiveStreaming(params);
             case 2:
             case "end":
-              return _context5.stop();
+              return _context2.stop();
           }
-        }, _callee5, this);
+        }, _callee2, this);
       }));
-      function startLiveStreaming(_x8) {
+      function startLiveStreaming(_x) {
         return _startLiveStreaming.apply(this, arguments);
       }
       return startLiveStreaming;
@@ -415,17 +321,17 @@ var FcrUIRoomProviderImpl = exports.FcrUIRoomProviderImpl = /*#__PURE__*/functio
   }, {
     key: "stopLiveStreaming",
     value: function () {
-      var _stopLiveStreaming = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee6() {
-        return _regenerator["default"].wrap(function _callee6$(_context6) {
-          while (1) switch (_context6.prev = _context6.next) {
+      var _stopLiveStreaming = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3() {
+        return _regenerator["default"].wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
             case 0:
-              _context6.next = 2;
+              _context3.next = 2;
               return this.currentRoomControl.stopLiveStreaming();
             case 2:
             case "end":
-              return _context6.stop();
+              return _context3.stop();
           }
-        }, _callee6, this);
+        }, _callee3, this);
       }));
       function stopLiveStreaming() {
         return _stopLiveStreaming.apply(this, arguments);
@@ -440,13 +346,13 @@ var FcrUIRoomProviderImpl = exports.FcrUIRoomProviderImpl = /*#__PURE__*/functio
   }, {
     key: "startCloudRecording",
     value: function () {
-      var _startCloudRecording = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee7() {
-        var _this$_currentRoomCon3;
-        return _regenerator["default"].wrap(function _callee7$(_context7) {
-          while (1) switch (_context7.prev = _context7.next) {
+      var _startCloudRecording = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4() {
+        var _this$_currentRoomCon2;
+        return _regenerator["default"].wrap(function _callee4$(_context4) {
+          while (1) switch (_context4.prev = _context4.next) {
             case 0:
-              _context7.next = 2;
-              return (_this$_currentRoomCon3 = this._currentRoomControl) === null || _this$_currentRoomCon3 === void 0 ? void 0 : _this$_currentRoomCon3.startCloudRecording({
+              _context4.next = 2;
+              return (_this$_currentRoomCon2 = this._currentRoomControl) === null || _this$_currentRoomCon2 === void 0 ? void 0 : _this$_currentRoomCon2.startCloudRecording({
                 audioProfile: _type3.FcrCloudRecordingAudioProfile.DEFAULT,
                 videoEncoderConfig: {
                   dimensions: {
@@ -460,9 +366,9 @@ var FcrUIRoomProviderImpl = exports.FcrUIRoomProviderImpl = /*#__PURE__*/functio
               });
             case 2:
             case "end":
-              return _context7.stop();
+              return _context4.stop();
           }
-        }, _callee7, this);
+        }, _callee4, this);
       }));
       function startCloudRecording() {
         return _startCloudRecording.apply(this, arguments);
@@ -472,18 +378,18 @@ var FcrUIRoomProviderImpl = exports.FcrUIRoomProviderImpl = /*#__PURE__*/functio
   }, {
     key: "pauseCloudRecording",
     value: function () {
-      var _pauseCloudRecording = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee8() {
-        var _this$_currentRoomCon4;
-        return _regenerator["default"].wrap(function _callee8$(_context8) {
-          while (1) switch (_context8.prev = _context8.next) {
+      var _pauseCloudRecording = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5() {
+        var _this$_currentRoomCon3;
+        return _regenerator["default"].wrap(function _callee5$(_context5) {
+          while (1) switch (_context5.prev = _context5.next) {
             case 0:
-              _context8.next = 2;
-              return (_this$_currentRoomCon4 = this._currentRoomControl) === null || _this$_currentRoomCon4 === void 0 ? void 0 : _this$_currentRoomCon4.pauseCloudRecording();
+              _context5.next = 2;
+              return (_this$_currentRoomCon3 = this._currentRoomControl) === null || _this$_currentRoomCon3 === void 0 ? void 0 : _this$_currentRoomCon3.pauseCloudRecording();
             case 2:
             case "end":
-              return _context8.stop();
+              return _context5.stop();
           }
-        }, _callee8, this);
+        }, _callee5, this);
       }));
       function pauseCloudRecording() {
         return _pauseCloudRecording.apply(this, arguments);
@@ -493,18 +399,18 @@ var FcrUIRoomProviderImpl = exports.FcrUIRoomProviderImpl = /*#__PURE__*/functio
   }, {
     key: "resumeCloudRecording",
     value: function () {
-      var _resumeCloudRecording = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee9() {
-        var _this$_currentRoomCon5;
-        return _regenerator["default"].wrap(function _callee9$(_context9) {
-          while (1) switch (_context9.prev = _context9.next) {
+      var _resumeCloudRecording = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee6() {
+        var _this$_currentRoomCon4;
+        return _regenerator["default"].wrap(function _callee6$(_context6) {
+          while (1) switch (_context6.prev = _context6.next) {
             case 0:
-              _context9.next = 2;
-              return (_this$_currentRoomCon5 = this._currentRoomControl) === null || _this$_currentRoomCon5 === void 0 ? void 0 : _this$_currentRoomCon5.resumeCloudRecording();
+              _context6.next = 2;
+              return (_this$_currentRoomCon4 = this._currentRoomControl) === null || _this$_currentRoomCon4 === void 0 ? void 0 : _this$_currentRoomCon4.resumeCloudRecording();
             case 2:
             case "end":
-              return _context9.stop();
+              return _context6.stop();
           }
-        }, _callee9, this);
+        }, _callee6, this);
       }));
       function resumeCloudRecording() {
         return _resumeCloudRecording.apply(this, arguments);
@@ -514,18 +420,18 @@ var FcrUIRoomProviderImpl = exports.FcrUIRoomProviderImpl = /*#__PURE__*/functio
   }, {
     key: "stopCloudRecording",
     value: function () {
-      var _stopCloudRecording = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee10() {
-        var _this$_currentRoomCon6;
-        return _regenerator["default"].wrap(function _callee10$(_context10) {
-          while (1) switch (_context10.prev = _context10.next) {
+      var _stopCloudRecording = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee7() {
+        var _this$_currentRoomCon5;
+        return _regenerator["default"].wrap(function _callee7$(_context7) {
+          while (1) switch (_context7.prev = _context7.next) {
             case 0:
-              _context10.next = 2;
-              return (_this$_currentRoomCon6 = this._currentRoomControl) === null || _this$_currentRoomCon6 === void 0 ? void 0 : _this$_currentRoomCon6.stopCloudRecording();
+              _context7.next = 2;
+              return (_this$_currentRoomCon5 = this._currentRoomControl) === null || _this$_currentRoomCon5 === void 0 ? void 0 : _this$_currentRoomCon5.stopCloudRecording();
             case 2:
             case "end":
-              return _context10.stop();
+              return _context7.stop();
           }
-        }, _callee10, this);
+        }, _callee7, this);
       }));
       function stopCloudRecording() {
         return _stopCloudRecording.apply(this, arguments);
@@ -542,12 +448,6 @@ var FcrUIRoomProviderImpl = exports.FcrUIRoomProviderImpl = /*#__PURE__*/functio
     value: function removeObserver(observer) {
       this._observable.removeObserver(observer);
     }
-  }, {
-    key: "_isWaitingRoomManager",
-    value: function _isWaitingRoomManager() {
-      var isWaitingRoomManager = this.currentRoomControl.getPrivilegeControl().getLocalUserPermissionInfo(_type2.FcrPermissionAction.WaitingRoomOpen).enable;
-      return isWaitingRoomManager;
-    }
   }, {
     key: "_getJoinRoomOption",
     value: function _getJoinRoomOption() {
@@ -574,8 +474,8 @@ var FcrUIRoomProviderImpl = exports.FcrUIRoomProviderImpl = /*#__PURE__*/functio
       };
     }
   }, {
-    key: "_initMainRoomState",
-    value: function _initMainRoomState(roomControl) {
+    key: "_initBaseRoomState",
+    value: function _initBaseRoomState(roomControl) {
       this.liveStreamingState = roomControl.getLiveStreamingState();
       this.liveStreamingConfig = roomControl.getLiveStreamingConfig();
       this.cloudRecordingState = roomControl.getCloudRecordingState();
@@ -583,7 +483,7 @@ var FcrUIRoomProviderImpl = exports.FcrUIRoomProviderImpl = /*#__PURE__*/functio
   }]);
 }();
 _FcrUIRoomProviderImpl = FcrUIRoomProviderImpl;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_FcrUIRoomProviderImpl, [[_mobx.observable, 1, "liveStreamingState"], [_mobx.observable, 1, "liveStreamingConfig"], [_mobx.observable, 1, "cloudRecordingState"], [_initMainRoomStateDecs, 18, "_initMainRoomState"]], []).e, 4);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_FcrUIRoomProviderImpl, [[_mobx.observable, 1, "liveStreamingState"], [_mobx.observable, 1, "liveStreamingConfig"], [_mobx.observable, 1, "cloudRecordingState"], [_decorator.bound, 2, "getRoomDetailCopyText"], [_initBaseRoomStateDecs, 18, "_initBaseRoomState"]], []).e, 4);
 _init_liveStreamingState = _applyDecs$e[0];
 _init_liveStreamingConfig = _applyDecs$e[1];
 _init_cloudRecordingState = _applyDecs$e[2];
@@ -607,12 +507,12 @@ var FcrUIConnectionProviderImpl = exports.FcrUIConnectionProviderImpl = /*#__PUR
 }();
 var _A2 = /*#__PURE__*/new WeakMap();
 var _B2 = /*#__PURE__*/new WeakMap();
-_ref2 = (_handleSecurityUpdatedDecs = [_mobx.action, _mobx.action.bound], "_privilegeProvider");
+_ref3 = (_handleSecurityUpdatedDecs = [_mobx.action, _mobx.action.bound], "_privilegeProvider");
 var FcrUIMainRoomControlProviderImpl = exports.FcrUIMainRoomControlProviderImpl = /*#__PURE__*/function () {
   function FcrUIMainRoomControlProviderImpl(_mainRoomControl, eventProvider, messageProvider, dialogProvider, _sharedInterpreterDataSource) {
     var _this2 = this;
     (0, _classCallCheck2["default"])(this, FcrUIMainRoomControlProviderImpl);
-    (0, _defineProperty2["default"])(this, _ref2, void _initProto2(this));
+    (0, _defineProperty2["default"])(this, _ref3, void _initProto2(this));
     (0, _defineProperty2["default"])(this, "_userMap", new Map());
     _classPrivateFieldInitSpec(this, _A2, _init_privilegeOperator(this));
     _classPrivateFieldInitSpec(this, _B2, _init_boardOwnerUser(this));
@@ -734,14 +634,14 @@ var FcrUIMainRoomControlProviderImpl = exports.FcrUIMainRoomControlProviderImpl
         var toastMessage = enable ? (0, _i18n.transI18n)('fmt_settings_tips_allowedselfunmuting') : (0, _i18n.transI18n)('fmt_settings_tips_disabledselfunmuting');
         if (!this._sharedInterpreterDataSource.localInterpreterUserInfo) {
           this._messageProvider.showToast({
-            type: toastType,
+            type: enable ? 'normal' : 'error',
             message: toastMessage
           });
         }
       } else if (((_securityInfo$info3 = securityInfo.info) === null || _securityInfo$info3 === void 0 ? void 0 : _securityInfo$info3.action) === _type2.FcrSecurityAction.StartVideo) {
         var _toastMessage = enable ? (0, _i18n.transI18n)('fmt_settings_tips_videoenabled') : (0, _i18n.transI18n)('fmt_settings_tips_disabledvideo');
         this._messageProvider.showToast({
-          type: toastType,
+          type: enable ? 'normal' : 'error',
           message: _toastMessage
         });
       } else if (((_securityInfo$info4 = securityInfo.info) === null || _securityInfo$info4 === void 0 ? void 0 : _securityInfo$info4.action) === _type2.FcrSecurityAction.ShareScreen) {
@@ -761,7 +661,7 @@ var FcrUIMainRoomControlProviderImpl = exports.FcrUIMainRoomControlProviderImpl
           reason1: operator
         });
         this._messageProvider.showToast({
-          type: toastType,
+          type: enable ? 'normal' : 'error',
           message: _toastMessage3
         });
       } else if (((_securityInfo$info6 = securityInfo.info) === null || _securityInfo$info6 === void 0 ? void 0 : _securityInfo$info6.action) === _type2.FcrSecurityAction.Sharing && !enable) {