fcr-ui-scene 3.1.1 → 3.3.0

package/lib/ui-manager.js

@@ -2,14 +2,14 @@
 
 require("core-js/modules/es.symbol.js");
 require("core-js/modules/es.array.filter.js");
-require("core-js/modules/es.array.for-each.js");
 require("core-js/modules/es.array.push.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/web.dom-collections.for-each.js");
+require("core-js/modules/esnext.async-iterator.filter.js");
+require("core-js/modules/esnext.iterator.filter.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -17,10 +17,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.DefaultSceneUIManager = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 require("core-js/modules/es.array.concat.js");
+require("core-js/modules/es.array.for-each.js");
 require("core-js/modules/es.array.join.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.promise.js");
 require("core-js/modules/es.promise.finally.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/web.dom-collections.for-each.js");
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
@@ -28,8 +33,10 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _logger = require("agora-foundation/lib/logger");
+var _agoraEduCore = require("agora-edu-core");
 var _deviceStore = require("./common/device-store");
 var _layout = require("./modules/layout");
+var _waitingRoomLayout = require("./modules/waiting-room-layout");
 var _chat = require("./modules/chat");
 var _eventStore = require("./common/event-store");
 var _securityStore = require("./common/security-store");
@@ -55,7 +62,7 @@ var _type3 = require("agora-rte-sdk/lib/core/rtc/type");
 var _type4 = require("agora-rte-sdk/lib/core/scene/type");
 var _type5 = require("agora-rte-sdk/lib/type");
 var _devicePretest = require("./modules/device-pretest");
-var _context2 = require("./modules/device-pretest/context");
+var _context9 = require("./modules/device-pretest/context");
 var _whiteboard = require("./modules/whiteboard");
 var _whiteboard2 = require("./modules/dialog/components/whiteboard");
 var _participant2 = require("./modules/dialog/components/participant");
@@ -69,11 +76,22 @@ var _store = require("./modules/device-pretest/store");
 var _videoTrackRenderContext = require("./utilities/video-track-render-context");
 var _shareScreenSelection = require("./modules/dialog/components/share-screen-selection");
 var _parameters = require("./utilities/parameters");
+var _deviceSetting = _interopRequireDefault(require("./modules/dialog/components/device-setting"));
+var _loginConfirmDialog = require("./login-confirm-dialog");
+var _dialog2 = require("agora-ui-foundation/lib/components/dialog");
+var _type6 = require("agora-edu-core/lib/room-control/type");
+var _type7 = require("agora-edu-core/lib/room-control/privilege-control/type");
+var _operationWaitingRoom = require("./modules/dialog/components/operation-waiting-room");
+var _eventNotification = require("./modules/event-notification");
+var _removeAdmitWaitingRoom = require("./modules/dialog/components/remove-admit-waiting-room");
+var _lodash = require("lodash");
 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; }
 var DefaultSceneUIManager = exports.DefaultSceneUIManager = /*#__PURE__*/function () {
-  function DefaultSceneUIManager(_sceneConfig, _coreConfig, _engine, _roomControl, _observable) {
+  // @internal
+
+  function DefaultSceneUIManager(_sceneConfig, _coreConfig, _engine, _observable) {
     var _this$_sceneConfig$re;
     (0, _classCallCheck2["default"])(this, DefaultSceneUIManager);
     // @internal
@@ -85,14 +103,17 @@ var DefaultSceneUIManager = exports.DefaultSceneUIManager = /*#__PURE__*/functio
     // @internal
     (0, _defineProperty2["default"])(this, "_userObserver", {});
     // @internal
+    (0, _defineProperty2["default"])(this, "_waitingRoomUserObserver", {});
+    // @internal
     (0, _defineProperty2["default"])(this, "_roomObserver", {});
+    // @internal
+    (0, _defineProperty2["default"])(this, "_disposers", []);
     this._sceneConfig = _sceneConfig;
     this._coreConfig = _coreConfig;
     this._engine = _engine;
-    this._roomControl = _roomControl;
     this._observable = _observable;
     this._uiEventStore = new _eventStore.FcrUIEventStore();
-    this._deviceStore = new _deviceStore.FcrDeviceStore(_sceneConfig.userName, this._engine.getMediaControl());
+    this._deviceStore = new _deviceStore.FcrDeviceStore(_sceneConfig.userName, this._engine.getDesktopMediaControl());
     var _ref = (_this$_sceneConfig$re = this._sceneConfig.resource) !== null && _this$_sceneConfig$re !== void 0 ? _this$_sceneConfig$re : {
         virtualBackgroundImages: [],
         virtualBackgroundVideos: []
@@ -102,8 +123,8 @@ var DefaultSceneUIManager = exports.DefaultSceneUIManager = /*#__PURE__*/functio
       _ref$virtualBackgroun2 = _ref.virtualBackgroundVideos,
       virtualBackgroundVideos = _ref$virtualBackgroun2 === void 0 ? [] : _ref$virtualBackgroun2;
     var uiResources = {
-      virtualBackgroundImages: [_uiResources.BUILTIN_VIRTUAL_BACKGROUND_IMAGES_URL].concat((0, _toConsumableArray2["default"])(virtualBackgroundImages)),
-      virtualBackgroundVideos: [_uiResources.BUILTIN_VIRTUAL_BACKGROUND_VIDEOS_URL].concat((0, _toConsumableArray2["default"])(virtualBackgroundVideos))
+      virtualBackgroundImages: [].concat((0, _toConsumableArray2["default"])(_uiResources.BUILTIN_VIRTUAL_BACKGROUND_IMAGE_URL_LIST), (0, _toConsumableArray2["default"])(virtualBackgroundImages)),
+      virtualBackgroundVideos: [].concat((0, _toConsumableArray2["default"])(_uiResources.BUILTIN_VIRTUAL_BACKGROUND_VIDEO_URL_LIST), (0, _toConsumableArray2["default"])(virtualBackgroundVideos))
     };
     this._deviceStore.downloadUiResources(uiResources);
   }
@@ -125,6 +146,34 @@ var DefaultSceneUIManager = exports.DefaultSceneUIManager = /*#__PURE__*/functio
       if (openDefaultMicrophone) {
         this._deviceStore.openFirstMicrophone();
       }
+      var joinRoom = /*#__PURE__*/function () {
+        var _ref2 = (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:
+                return _context.abrupt("return", _this._engine.login().then(function () {
+                  return _this._handleJoinRoom();
+                }).then(function (type) {
+                  if (type === _type6.FcrRoomType.Mainroom) {
+                    _this._renderRoomUi(dom);
+                  } else {
+                    _this._renderWaitingRoomUi(dom);
+                  }
+                }).then(function () {
+                  _this._observable.notifyObservers('onLaunchSuccess', _this._sceneConfig.roomId);
+                })["catch"](function (e) {
+                  _this._observable.notifyObservers('onLaunchFailure', _this._sceneConfig.roomId, e);
+                }));
+              case 1:
+              case "end":
+                return _context.stop();
+            }
+          }, _callee);
+        }));
+        return function joinRoom() {
+          return _ref2.apply(this, arguments);
+        };
+      }();
       if (!skipPretest) {
         var joining = false;
         this._renderDevicePretestUi(dom,
@@ -132,9 +181,7 @@ var DefaultSceneUIManager = exports.DefaultSceneUIManager = /*#__PURE__*/functio
         function () {
           if (joining) return;
           joining = true;
-          _this._handleJoinRoom().then(function () {
-            _this._renderRoomUi(dom);
-          })["finally"](function () {
+          joinRoom()["finally"](function () {
             joining = false;
           });
         },
@@ -143,9 +190,7 @@ var DefaultSceneUIManager = exports.DefaultSceneUIManager = /*#__PURE__*/functio
           _this._observable.notifyObservers('onLaunchCancel', _this._sceneConfig.roomId);
         });
       } else {
-        this._handleJoinRoom().then(function () {
-          _this._renderRoomUi(dom);
-        });
+        joinRoom();
       }
     }
   }, {
@@ -175,59 +220,47 @@ var DefaultSceneUIManager = exports.DefaultSceneUIManager = /*#__PURE__*/functio
       (_this$_deviceStreamSt = this._deviceStreamStore) === null || _this$_deviceStreamSt === void 0 || _this$_deviceStreamSt.release();
       this._deviceStore.release();
       this._uiEventStore.release();
+      this._disposers.forEach(function (dispose) {
+        return dispose();
+      });
     }
   }, {
     key: "_handleJoinRoom",
     value: function () {
-      var _handleJoinRoom2 = (0, _asyncToGenerator2["default"])( /*#__PURE__*/_regenerator["default"].mark(function _callee() {
-        var engine, config, streams;
-        return _regenerator["default"].wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
+      var _handleJoinRoom2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
+        var _this2 = this;
+        return _regenerator["default"].wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
             case 0:
-              engine = this._engine;
-              config = this._sceneConfig;
-              if (engine) {
-                _context.next = 4;
-                break;
-              }
-              return _context.abrupt("return");
-            case 4:
-              streams = [{
-                videoSourceState: _type3.AgoraRtcMediaSourceState.STOPPED,
-                audioSourceState: _type3.AgoraRtcMediaSourceState.STOPPED,
-                videoSourceId: '',
-                audioSourceId: '',
-                streamName: 'default',
-                streamType: _type4.AgoraRteMediaStreamType.BOTH,
-                videoSourceType: _type5.AgoraRteVideoSourceType.CAMERA,
-                audioSourceType: _type5.AgoraRteAudioSourceType.MICROPHONE
-              }];
-              if (config.userRole === _type2.FcrUserRole.ROBOT) {
-                streams = [];
-              }
-              _context.prev = 6;
-              _context.next = 9;
-              return this._roomControl.join({
-                userName: config.userName,
-                userRole: config.userRole,
-                userProperties: config.userProperties,
-                streamLatency: _type2.FcrStreamLatencyLevel.ULTRA_LOW,
-                createStreamConfigs: streams
-              });
-            case 9:
-              this._observable.notifyObservers('onLaunchSuccess', this._sceneConfig.roomId);
-              _context.next = 16;
-              break;
-            case 12:
-              _context.prev = 12;
-              _context.t0 = _context["catch"](6);
-              this._observable.notifyObservers('onLaunchFailure', this._sceneConfig.roomId, _context.t0);
-              throw _context.t0;
-            case 16:
+              return _context2.abrupt("return", this._createRoomControl(this._sceneConfig.roomId).then(function (room) {
+                var _room$getRoomInfo;
+                if (((_room$getRoomInfo = room.getRoomInfo()) === null || _room$getRoomInfo === void 0 ? void 0 : _room$getRoomInfo.roomType) === _type6.FcrRoomType.Mainroom) {
+                  _this2._mainRoomControl = room;
+                  _this2._mainRoomControl.addObserver(_this2._roomObserver);
+                  // 如果已经有等候室管理员权限 再次创建房间
+                  _this2._judgeWaitingRoomPremissionAndCreateRoomControl();
+                  // @ts-ignore
+                  window.__mainRoom_control = room;
+                  return _type6.FcrRoomType.Mainroom;
+                } else {
+                  _this2._waitingRoomControl = room;
+                  _this2._waitingRoomControl.addObserver(_this2._roomObserver);
+                  // @ts-ignore
+                  window.__waitingRoom_control = room;
+                  room.sendRoomMessage({
+                    messageKey: _type2.RoomMessageKey.USER_WAITING_ROOM_JOINED
+                  }, false);
+                  return _type6.FcrRoomType.Waitingroom;
+                }
+              })["catch"](function (e) {
+                _this2._observable.notifyObservers('onLaunchFailure', _this2._sceneConfig.roomId, e);
+                throw e;
+              }));
+            case 1:
             case "end":
-              return _context.stop();
+              return _context2.stop();
           }
-        }, _callee, this, [[6, 12]]);
+        }, _callee2, this);
       }));
       function _handleJoinRoom() {
         return _handleJoinRoom2.apply(this, arguments);
@@ -237,12 +270,12 @@ var DefaultSceneUIManager = exports.DefaultSceneUIManager = /*#__PURE__*/functio
   }, {
     key: "_renderDevicePretestUi",
     value: function _renderDevicePretestUi(dom, onJoin, _onExit) {
-      var _this2 = this;
+      var _this3 = this;
       var store = this._deviceStore;
       var pretestStore = new _store.FcrPretestStore({
         deviceStore: store
       });
-      _reactDom["default"].render( /*#__PURE__*/(0, _jsxRuntime.jsx)(_context2.PretestStoreContext.Provider, {
+      _reactDom["default"].render(/*#__PURE__*/(0, _jsxRuntime.jsx)(_context9.PretestStoreContext.Provider, {
         value: pretestStore,
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           style: {
@@ -258,11 +291,12 @@ var DefaultSceneUIManager = exports.DefaultSceneUIManager = /*#__PURE__*/functio
               meetingHostName: ''
             },
             onClick: function onClick() {
-              _this2._deviceStore.actionsBeforeJoin();
+              _this3._deviceStore.actionsBeforeJoin();
               pretestStore.release();
               onJoin();
             },
             onExit: function onExit() {
+              pretestStore.release();
               _onExit();
             }
           })
@@ -272,72 +306,66 @@ var DefaultSceneUIManager = exports.DefaultSceneUIManager = /*#__PURE__*/functio
   }, {
     key: "_renderRoomUi",
     value: function _renderRoomUi(dom) {
-      var _this3 = this;
+      var _this4 = this;
       /**
        * Common Stores
        */
       var deviceStore = this._deviceStore;
       var uiEventStore = this._uiEventStore;
-      var securityStore = new _securityStore.FcrSecurityStore(this._roomControl.getPrivilegeControl(), this._roomControl.getUserControl(), this._roomControl.getStreamControl(), this._roomControl.getRoomSessionControl(), uiEventStore);
+      if (!this._mainRoomControl) {
+        this.logger.error('Cannot render room ui without mainroom control');
+        return;
+      }
+      var securityStore = new _securityStore.FcrSecurityStore(this._mainRoomControl.getPrivilegeControl(), this._mainRoomControl.getUserControl(), this._mainRoomControl.getStreamControl(), this._mainRoomControl.getRoomSessionControl(), uiEventStore);
       this._securityStore = securityStore;
       var deviceStreamStore = new _deviceStreamStore.FcrDeviceStreamStore({
-        mediaControl: this._engine.getMediaControl(),
-        roomControl: this._roomControl,
+        mediaControl: this._engine.getDesktopMediaControl(),
+        roomControl: this._mainRoomControl,
         securityStore: securityStore,
         deviceStore: deviceStore,
         uiEventStore: uiEventStore
       });
       this._deviceStreamStore = deviceStreamStore;
-      this._layoutModule = new _layout.LayoutUIModule({
-        deviceStore: deviceStore,
-        uiEventStore: uiEventStore,
-        mediaControl: this._engine.getMediaControl(),
-        userControl: this._roomControl.getUserControl(),
-        streamControl: this._roomControl.getStreamControl(),
-        securityStore: securityStore,
-        chatRoomControl: this._roomControl.getChatRoomControl(),
-        whiteBoardControl: this._roomControl.getWhiteboardControl()
-      });
       this._chatModule = new _chat.ChatUIModule({
-        roomControl: this._roomControl,
+        roomControl: this._mainRoomControl,
         uiEventStore: uiEventStore,
         securityStore: securityStore
       });
       this._actionBarUIModule = new _actionBar.FcrActionBarUIModule({
-        roomControl: this._roomControl,
-        userControl: this._roomControl.getUserControl(),
+        roomControl: this._mainRoomControl,
+        userControl: this._mainRoomControl.getUserControl(),
         uiEventStore: uiEventStore,
         securityStore: securityStore,
-        streamControl: this._roomControl.getStreamControl(),
+        streamControl: this._mainRoomControl.getStreamControl(),
         deviceStore: deviceStore,
         deviceStreamStore: deviceStreamStore,
-        mediaControl: this._engine.getMediaControl()
+        mediaControl: this._engine.getDesktopMediaControl()
       });
       this._audioStreamUIModule = new _audioStream.AudioStreamUIModule({
-        streamControl: this._roomControl.getStreamControl(),
-        userControl: this._roomControl.getUserControl(),
+        streamControl: this._mainRoomControl.getStreamControl(),
+        userControl: this._mainRoomControl.getUserControl(),
         deviceStreamStore: deviceStreamStore
       });
       this._dialogModule = new _dialog.DialogUIModule({
         uiEventStore: uiEventStore,
-        userInfo: this._roomControl.getUserControl().getLocalUser(),
+        userInfo: this._mainRoomControl.getUserControl().getLocalUser(),
         securityStore: securityStore,
-        userControl: this._roomControl.getUserControl(),
-        chatRoomControl: this._roomControl.getChatRoomControl(),
+        userControl: this._mainRoomControl.getUserControl(),
+        chatRoomControl: this._mainRoomControl.getChatRoomControl(),
         deviceStore: deviceStore,
-        streamControl: this._roomControl.getStreamControl()
+        streamControl: this._mainRoomControl.getStreamControl()
       });
       this._settingUIModule = new _setting.SettingUIModule({
-        mediaControl: this._engine.getMediaControl(),
+        mediaControl: this._engine.getDesktopMediaControl(),
         config: this._sceneConfig,
         uiEventStore: uiEventStore,
         deviceStore: deviceStore,
         monitorControl: this._engine.getMonitorControl(),
-        streamControl: this._roomControl.getStreamControl(),
-        roomControl: this._roomControl
+        streamControl: this._mainRoomControl.getStreamControl(),
+        roomControl: this._mainRoomControl
       });
       this._stateBarUIModule = new _stateBar.StateBarUIModule({
-        roomControl: this._roomControl,
+        roomControl: this._mainRoomControl,
         uiEventStore: uiEventStore,
         securityStore: securityStore,
         config: this._sceneConfig
@@ -345,8 +373,12 @@ var DefaultSceneUIManager = exports.DefaultSceneUIManager = /*#__PURE__*/functio
       this._eventToastUIModule = new _eventToast.EventToastUIModule({
         uiEventStore: uiEventStore
       });
+      this._eventNotificationUIModule = new _eventNotification.EventNotificationUIModule({
+        uiEventStore: uiEventStore,
+        privilegeControl: this._mainRoomControl.getPrivilegeControl()
+      });
       this._participantsModule = new _participant.ParticipantUIModule({
-        roomControl: this._roomControl,
+        roomControl: this._mainRoomControl,
         engine: this._engine,
         peerSessionControl: this._engine.getPeerSessionControl(),
         securityStore: securityStore,
@@ -355,83 +387,85 @@ var DefaultSceneUIManager = exports.DefaultSceneUIManager = /*#__PURE__*/functio
         deviceStreamStore: deviceStreamStore
       });
       this._shareScreenModule = new _shareScreen.ShareScreenUIModule({
-        roomControl: this._roomControl,
-        mediaControl: this._engine.getMediaControl(),
+        roomControl: this._mainRoomControl,
+        mediaControl: this._engine.getDesktopMediaControl(),
         deviceStore: deviceStore,
         deviceStreamStore: deviceStreamStore,
         securityStore: securityStore,
-        uiEventStore: uiEventStore
+        uiEventStore: uiEventStore,
+        config: this._sceneConfig
       });
       this._liveStreamingUIModule = new _liveStreaming.LiveStreamingUIModule({
-        roomControl: this._roomControl,
+        roomControl: this._mainRoomControl,
         uiEventStore: uiEventStore
       });
       this._videoWindowModule = new _videoWindow.VideoWindowUIModule({
         uiEventStore: uiEventStore,
-        mediaControl: this._engine.getMediaControl(),
-        userControl: this._roomControl.getUserControl(),
-        streamControl: this._roomControl.getStreamControl(),
+        mediaControl: this._engine.getDesktopMediaControl(),
+        userControl: this._mainRoomControl.getUserControl(),
+        streamControl: this._mainRoomControl.getStreamControl(),
         securityStore: securityStore,
         deviceStore: deviceStore,
         deviceStreamStore: deviceStreamStore
       });
       this._connectionGatewayUIModule = new _connectionGateway.ConnectionGatewayUIModule({
-        roomControl: this._roomControl,
+        roomControl: this._mainRoomControl,
         uiEventStore: uiEventStore,
-        deviceStore: this._deviceStore
+        deviceStore: this._deviceStore,
+        mediaControl: this._engine.getDesktopMediaControl()
       });
       this._inviteUIModule = new _invite.InviteUIModule({
-        roomControl: this._roomControl,
+        roomControl: this._mainRoomControl,
         uiEventStore: uiEventStore
       });
       this._whiteBoradUIModule = new _whiteboard.FcrWhiteboardUIModule({
-        roomControl: this._roomControl,
+        roomControl: this._mainRoomControl,
         uiEventStore: uiEventStore,
-        userControl: this._roomControl.getUserControl(),
-        whiteboardControl: this._roomControl.getWhiteboardControl(),
-        streamControl: this._roomControl.getStreamControl(),
+        userControl: this._mainRoomControl.getUserControl(),
+        whiteboardControl: this._mainRoomControl.getBoardControl(),
+        streamControl: this._mainRoomControl.getStreamControl(),
         securityStore: securityStore
       });
       this._dialogModule.addDialogs([{
         key: _constant.DialogKey.DEVICE_SETTINGS,
         component: function component() {
-          var _this3$_settingUIModu;
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_dialogs.DeviceSettingDialog, {
-            children: (_this3$_settingUIModu = _this3._settingUIModule) === null || _this3$_settingUIModu === void 0 ? void 0 : _this3$_settingUIModu.getComponent()
+          var _this4$_settingUIModu;
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_deviceSetting["default"], {
+            children: (_this4$_settingUIModu = _this4._settingUIModule) === null || _this4$_settingUIModu === void 0 ? void 0 : _this4$_settingUIModu.getComponent()
           }, "DeviceSettingDialog");
         }
       }, {
         key: _constant.DialogKey.PARTICIPANT,
         component: function component() {
-          var _this3$_participantsM;
+          var _this4$_participantsM;
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_participant2.ParticipantDialog, {
-            children: (_this3$_participantsM = _this3._participantsModule) === null || _this3$_participantsM === void 0 ? void 0 : _this3$_participantsM.getComponent()
+            children: (_this4$_participantsM = _this4._participantsModule) === null || _this4$_participantsM === void 0 ? void 0 : _this4$_participantsM.getComponent()
           }, "ParticipantDialog");
         }
       }, {
         key: _constant.DialogKey.LIVE_STREAMING,
         component: function component() {
-          var _this3$_liveStreaming;
+          var _this4$_liveStreaming;
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_dialogs.LiveStreamingDialog, {
             title: "Push the meeting to the specified live platform",
-            children: (_this3$_liveStreaming = _this3._liveStreamingUIModule) === null || _this3$_liveStreaming === void 0 ? void 0 : _this3$_liveStreaming.getComponent()
+            children: (_this4$_liveStreaming = _this4._liveStreamingUIModule) === null || _this4$_liveStreaming === void 0 ? void 0 : _this4$_liveStreaming.getComponent()
           }, "LiveStreamingDialog");
         }
       }, {
         key: _constant.DialogKey.INVITE,
         component: function component() {
-          var _this3$_inviteUIModul;
+          var _this4$_inviteUIModul;
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_dialogs.InviteDialog, {
-            children: (_this3$_inviteUIModul = _this3._inviteUIModule) === null || _this3$_inviteUIModul === void 0 ? void 0 : _this3$_inviteUIModul.getComponent()
+            children: (_this4$_inviteUIModul = _this4._inviteUIModule) === null || _this4$_inviteUIModul === void 0 ? void 0 : _this4$_inviteUIModul.getComponent()
           }, "InviteDialog");
         }
       }, {
         key: _constant.DialogKey.CHAT,
         component: function component() {
-          var _this3$_chatModule, _this3$_chatModule2;
+          var _this4$_chatModule, _this4$_chatModule2;
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_chat2.ChatDialog, {
-            chatAction: (_this3$_chatModule = _this3._chatModule) === null || _this3$_chatModule === void 0 ? void 0 : _this3$_chatModule.getActionsComponent(),
-            children: (_this3$_chatModule2 = _this3._chatModule) === null || _this3$_chatModule2 === void 0 ? void 0 : _this3$_chatModule2.getComponent({
+            chatAction: (_this4$_chatModule = _this4._chatModule) === null || _this4$_chatModule === void 0 ? void 0 : _this4$_chatModule.getActionsComponent(),
+            children: (_this4$_chatModule2 = _this4._chatModule) === null || _this4$_chatModule2 === void 0 ? void 0 : _this4$_chatModule2.getComponent({
               singling: true
             })
           }, "ChatDialog");
@@ -455,45 +489,87 @@ var DefaultSceneUIManager = exports.DefaultSceneUIManager = /*#__PURE__*/functio
       }, {
         key: _constant.DialogKey.VIDEO_WINDOW,
         component: function component() {
-          var _this3$_videoWindowMo;
+          var _this4$_videoWindowMo;
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_dialogs.VideoWindowDialog, {
-            children: (_this3$_videoWindowMo = _this3._videoWindowModule) === null || _this3$_videoWindowMo === void 0 ? void 0 : _this3$_videoWindowMo.getComponent()
+            children: (_this4$_videoWindowMo = _this4._videoWindowModule) === null || _this4$_videoWindowMo === void 0 ? void 0 : _this4$_videoWindowMo.getComponent()
           }, "VideoWindowDialog");
         }
       }, {
         key: _constant.DialogKey.CONNECTION_GATEWAY,
         component: function component() {
-          var _this3$_connectionGat;
+          var _this4$_connectionGat;
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_connectionGateway2.ConnectionGatewayDialog, {
-            children: (_this3$_connectionGat = _this3._connectionGatewayUIModule) === null || _this3$_connectionGat === void 0 ? void 0 : _this3$_connectionGat.getComponent()
+            children: (_this4$_connectionGat = _this4._connectionGatewayUIModule) === null || _this4$_connectionGat === void 0 ? void 0 : _this4$_connectionGat.getComponent()
           }, "ConnectionGatewayDialog");
         }
       }, {
         key: _constant.DialogKey.WHITEBOARD,
         component: function component() {
-          return _this3._whiteBoradUIModule ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_whiteboard2.WhiteboardElectronDialog, {
-            module: _this3._whiteBoradUIModule
+          return _this4._whiteBoradUIModule ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_whiteboard2.WhiteboardElectronDialog, {
+            module: _this4._whiteBoradUIModule
           }, "WhiteboardDialog") : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
         }
       }, {
         key: _constant.DialogKey.SHARE_SCREEN,
         component: function component(params) {
-          var _this3$_shareScreenMo;
+          var _this4$_shareScreenMo;
           return /*#__PURE__*/(0, _jsxRuntime.jsx)(_shareScreenSelection.ShareScreenSelectronDialog, {
             params: params,
-            children: (_this3$_shareScreenMo = _this3._shareScreenModule) === null || _this3$_shareScreenMo === void 0 ? void 0 : _this3$_shareScreenMo.getSelectionComponent()
+            children: (_this4$_shareScreenMo = _this4._shareScreenModule) === null || _this4$_shareScreenMo === void 0 ? void 0 : _this4$_shareScreenMo.getSelectionComponent()
           }, "ShareScreenSelection");
         }
+      }, {
+        key: _constant.DialogKey.CONTROL_BAR,
+        component: function component() {
+          var _this4$_shareScreenMo2;
+          return (_this4$_shareScreenMo2 = _this4._shareScreenModule) === null || _this4$_shareScreenMo2 === void 0 ? void 0 : _this4$_shareScreenMo2.getComponent();
+        }
+      }, {
+        key: _constant.DialogKey.WAITING_ROOM,
+        component: function component(params) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_operationWaitingRoom.OperationWaitingRoomDialog, {
+            params: params
+          }, 'WaitingRoom');
+        }
+      }, {
+        key: _constant.DialogKey.WAITING_ROOM_SINGLE_REMOVE,
+        component: function component(params) {
+          var _this4$_participantsM2;
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_removeAdmitWaitingRoom.RemoveAdmitWaitingRoomDialog, {
+            params: params,
+            children: (_this4$_participantsM2 = _this4._participantsModule) === null || _this4$_participantsM2 === void 0 ? void 0 : _this4$_participantsM2.getWaitingRoomDialog(params)
+          }, 'WaitingRoomSingleRemove');
+        }
+      }, {
+        key: _constant.DialogKey.WAITING_ROOM_ALL_REMOVE,
+        component: function component(params) {
+          var _this4$_participantsM3;
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_removeAdmitWaitingRoom.RemoveAdmitWaitingRoomDialog, {
+            params: params,
+            children: (_this4$_participantsM3 = _this4._participantsModule) === null || _this4$_participantsM3 === void 0 ? void 0 : _this4$_participantsM3.getWaitingRoomDialog(params)
+          }, 'WaitingRoomAllRemove');
+        }
+      }, {
+        key: _constant.DialogKey.WAITING_ROOM_ALL_ADMIT,
+        component: function component(params) {
+          var _this4$_participantsM4;
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_removeAdmitWaitingRoom.RemoveAdmitWaitingRoomDialog, {
+            params: params,
+            children: (_this4$_participantsM4 = _this4._participantsModule) === null || _this4$_participantsM4 === void 0 ? void 0 : _this4$_participantsM4.getWaitingRoomDialog(params)
+          }, 'WaitingRoomAllAdmit');
+        }
       }]);
       this._layoutModule = new _layout.LayoutUIModule({
         deviceStore: this._deviceStore,
         uiEventStore: uiEventStore,
-        mediaControl: this._engine.getMediaControl(),
-        userControl: this._roomControl.getUserControl(),
-        streamControl: this._roomControl.getStreamControl(),
+        mediaControl: this._engine.getDesktopMediaControl(),
+        userControl: this._mainRoomControl.getUserControl(),
+        streamControl: this._mainRoomControl.getStreamControl(),
         securityStore: securityStore,
-        chatRoomControl: this._roomControl.getChatRoomControl(),
-        whiteBoardControl: this._roomControl.getWhiteboardControl()
+        chatRoomControl: this._mainRoomControl.getChatRoomControl(),
+        whiteBoardControl: this._mainRoomControl.getBoardControl(),
+        privilegeControl: this._mainRoomControl.getPrivilegeControl(),
+        roomControl: this._mainRoomControl
       });
       var layoutComponent = this._layoutModule.getComponent({
         chat: this._chatModule.getComponent(),
@@ -501,46 +577,112 @@ var DefaultSceneUIManager = exports.DefaultSceneUIManager = /*#__PURE__*/functio
         participant: this._participantsModule.getComponent(),
         actionBar: this._actionBarUIModule.getComponent(),
         stateBar: this._stateBarUIModule.getComponent(),
-        layers: [this._dialogModule.getComponent(), this._eventToastUIModule.getComponent()],
+        layers: [this._dialogModule.getComponent(), this._eventToastUIModule.getComponent(), this._eventNotificationUIModule.getComponent()],
         whiteboard: this._whiteBoradUIModule.getComponent()
       });
       this._eventObserver = {
         onEvent: function onEvent(action, payload) {
           if (action === _constant.UIAction.EXIT_ROOM) {
-            _this3._observable.notifyObservers('onExited', _this3._sceneConfig.roomId, payload.reason);
+            _this4._observable.notifyObservers('onExited', _this4._sceneConfig.roomId, payload.reason, _this4._mainRoomControl);
           }
         }
       };
       this._engineObserver = {
         onConnectionStateUpdated: function onConnectionStateUpdated(state) {
-          if (state === _type2.FcrConnectionState.ABORTED) {
-            _this3._observable.notifyObservers('onExited', _this3._sceneConfig.roomId, _type.FcrUIExitReason.ABORTED);
+          if (state === _agoraEduCore.FcrConnectionState.ABORTED) {
+            _this4._observable.notifyObservers('onExited', _this4._sceneConfig.roomId, _type.FcrUIExitReason.ABORTED);
           }
-          if (state === _type2.FcrConnectionState.CONNECTED) {
+          if (state === _agoraEduCore.FcrConnectionState.CONNECTED) {
             uiEventStore.sendEvent(_constant.UIAction.ENGINE_RECONNECTED);
           }
         }
       };
       this._userObserver = {
         onLocalUserKickedOut: function onLocalUserKickedOut(roomId) {
-          _this3._observable.notifyObservers('onExited', roomId, _type.FcrUIExitReason.KICKED_OUT);
+          _dialog2.FcrDialogApi.open({
+            id: 'login-confirm-dialog-kick-out',
+            dialogProps: {
+              content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_loginConfirmDialog.LoginConfirmDialog, {
+                title: (0, _i18n.transI18n)('fmt_popup_button_leavemeeting'),
+                desc: (0, _i18n.transI18n)('fmt_leave_tips_removetip'),
+                btnTxt: (0, _i18n.transI18n)('fmt_waitingroom_attendie_popup_button_gotit'),
+                id: "login-confirm-dialog-kick-out",
+                onConfirm: function onConfirm() {
+                  _this4._observable.notifyObservers('onExited', roomId, _type.FcrUIExitReason.KICKED_OUT);
+                }
+              }),
+              width: 360,
+              closable: false,
+              rootClassName: 'login-confirm-dialog'
+            }
+          });
+        },
+        onUserInfoUpdated: function onUserInfoUpdated(roomId, event) {
+          // 权限变更的时候
+          if (_this4._mainRoomControl && event.modifiedUser.userId === _this4._mainRoomControl.getUserControl().getLocalUser().userId) {
+            _this4._sceneConfig.userRole = event.modifiedUser.userRole;
+            _this4._judgeWaitingRoomPremissionAndCreateRoomControl();
+          }
         }
       };
       this._roomObserver = {
+        onLocalUserMovedToWaitingRoom: function () {
+          var _onLocalUserMovedToWaitingRoom = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(roomId, event) {
+            var _this4$_mainRoomContr, info, enable, room;
+            return _regenerator["default"].wrap(function _callee3$(_context3) {
+              while (1) switch (_context3.prev = _context3.next) {
+                case 0:
+                  if (!_this4._mainRoomControl) {
+                    _context3.next = 14;
+                    break;
+                  }
+                  _this4$_mainRoomContr = _this4._mainRoomControl.getPrivilegeControl().getSecurityInfo(_type7.FcrSecurityAction.WaitingRoom), info = _this4$_mainRoomContr.info, enable = _this4$_mainRoomContr.enable;
+                  _context3.next = 4;
+                  return _this4._mainRoomControl.leave();
+                case 4:
+                  _this4._mainRoomControl.removeObserver(_this4._roomObserver);
+                  if (!info) {
+                    _context3.next = 14;
+                    break;
+                  }
+                  _context3.next = 8;
+                  return _this4._createRoomControl(info.payload.roomUuid);
+                case 8:
+                  room = _context3.sent;
+                  _this4._waitingRoomControl = room;
+                  // @ts-ignore
+                  window.__waitingRoom_control = room;
+                  _reactDom["default"].unmountComponentAtNode(dom);
+                  _this4._uiEventStore.showToast({
+                    type: 'error',
+                    message: (0, _i18n.transI18n)('fmt_waitingroom_attendie_overview_label__toast_move_to_waitingroom')
+                  });
+                  _this4._renderWaitingRoomUi(dom);
+                case 14:
+                case "end":
+                  return _context3.stop();
+              }
+            }, _callee3);
+          }));
+          function onLocalUserMovedToWaitingRoom(_x, _x2) {
+            return _onLocalUserMovedToWaitingRoom.apply(this, arguments);
+          }
+          return onLocalUserMovedToWaitingRoom;
+        }(),
         onRoomStateUpdated: function onRoomStateUpdated(roomId, state) {
           if (state === _type2.FcrRoomState.Closed) {
-            _this3._observable.notifyObservers('onExited', roomId, _type.FcrUIExitReason.CLOSE_ROOM);
+            _this4._observable.notifyObservers('onExited', roomId, _type.FcrUIExitReason.CLOSE_ROOM);
           }
         }
       };
       uiEventStore.addObserver(this._eventObserver);
       this._engine.addObserver(this._engineObserver);
-      this._roomControl.addObserver(this._roomObserver);
-      this._roomControl.getUserControl().addObserver(this._userObserver);
-      _reactDom["default"].render( /*#__PURE__*/(0, _jsxRuntime.jsx)(_videoTrackRenderContext.FcrVideoTrackRenderContext.Provider, {
+      this._mainRoomControl.addObserver(this._roomObserver);
+      this._mainRoomControl.getUserControl().addObserver(this._userObserver);
+      _reactDom["default"].render(/*#__PURE__*/(0, _jsxRuntime.jsx)(_videoTrackRenderContext.FcrVideoTrackRenderContext.Provider, {
         value: {
           deviceStore: this._deviceStore,
-          streamControl: this._roomControl.getStreamControl()
+          streamControl: this._mainRoomControl.getStreamControl()
         },
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           style: {
@@ -551,5 +693,317 @@ var DefaultSceneUIManager = exports.DefaultSceneUIManager = /*#__PURE__*/functio
         })
       }), dom);
     }
+  }, {
+    key: "_renderWaitingRoomUi",
+    value: function _renderWaitingRoomUi(dom) {
+      var _this5 = this;
+      var deviceStore = this._deviceStore;
+      if (this._waitingRoomControl) {
+        this._waitingRoomLayoutModule = new _waitingRoomLayout.WaitingRoomLayout({
+          deviceStore: deviceStore,
+          userControl: this._waitingRoomControl.getUserControl()
+        });
+        var uiEventStore = this._uiEventStore;
+        this._eventObserver = {
+          onEvent: function onEvent(action, payload) {
+            if (action === _constant.UIAction.EXIT_ROOM) {
+              _this5._observable.notifyObservers('onExited', _this5._sceneConfig.roomId, payload.reason, _this5._waitingRoomControl);
+            }
+          }
+        };
+        uiEventStore.addObserver(this._eventObserver);
+        var securityStore = new _securityStore.FcrSecurityStore(this._waitingRoomControl.getPrivilegeControl(), this._waitingRoomControl.getUserControl(), this._waitingRoomControl.getStreamControl(), this._waitingRoomControl.getRoomSessionControl(), uiEventStore);
+        var deviceStreamStore = new _deviceStreamStore.FcrDeviceStreamStore({
+          mediaControl: this._engine.getDesktopMediaControl(),
+          roomControl: this._waitingRoomControl,
+          securityStore: securityStore,
+          deviceStore: deviceStore,
+          uiEventStore: uiEventStore
+        });
+        this._stateBarUIModule = new _stateBar.StateBarUIModule({
+          roomControl: this._waitingRoomControl,
+          uiEventStore: uiEventStore,
+          securityStore: securityStore,
+          config: this._sceneConfig
+        });
+        this._actionBarUIModule = new _actionBar.FcrActionBarUIModule({
+          roomControl: this._waitingRoomControl,
+          userControl: this._waitingRoomControl.getUserControl(),
+          uiEventStore: uiEventStore,
+          securityStore: securityStore,
+          streamControl: this._waitingRoomControl.getStreamControl(),
+          deviceStore: deviceStore,
+          deviceStreamStore: deviceStreamStore,
+          mediaControl: this._engine.getDesktopMediaControl()
+        });
+        this._chatModule = new _chat.ChatUIModule({
+          roomControl: this._waitingRoomControl,
+          uiEventStore: uiEventStore,
+          securityStore: securityStore
+        });
+        var layoutComponent = this._waitingRoomLayoutModule.getComponent({
+          chat: this._chatModule.getComponent(),
+          stateBar: this._stateBarUIModule.getComponent(),
+          actionBar: this._actionBarUIModule.getComponent()
+        });
+        this._roomObserver = {
+          onLocalUserMovedToMainRoom: function () {
+            var _onLocalUserMovedToMainRoom = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee5(roomId, event) {
+              return _regenerator["default"].wrap(function _callee5$(_context5) {
+                while (1) switch (_context5.prev = _context5.next) {
+                  case 0:
+                    _dialog2.FcrDialogApi.open({
+                      id: 'login-confirm-dialog-move-mainroom',
+                      dialogProps: {
+                        content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_loginConfirmDialog.LoginConfirmDialog, {
+                          title: (0, _i18n.transI18n)('fmt_waitingroom_mobile_notice_popup_label_about_join'),
+                          desc: (0, _i18n.transI18n)('fmt_waitingroom_mobile_notice_popup_label_quick_join'),
+                          id: "login-confirm-dialog-move-mainroom",
+                          btnTxt: (0, _i18n.transI18n)('fmt_waitingroom_mobile_notice_popup_button_join_now_no_count'),
+                          isShowCoutDown: true,
+                          showImg: false,
+                          onConfirm: /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4() {
+                            var room;
+                            return _regenerator["default"].wrap(function _callee4$(_context4) {
+                              while (1) switch (_context4.prev = _context4.next) {
+                                case 0:
+                                  if (!_this5._waitingRoomControl) {
+                                    _context4.next = 10;
+                                    break;
+                                  }
+                                  _context4.next = 3;
+                                  return _this5._waitingRoomControl.leave();
+                                case 3:
+                                  room = _this5._engine.createMainRoomControl(roomId.split('-')[0]);
+                                  _context4.next = 6;
+                                  return room.joinWithTicket(_objectSpread(_objectSpread({}, _this5._getJoinRoomOption()), {}, {
+                                    ticket: (0, _lodash.get)(event.changedProperties, 'security.ticket')
+                                  }));
+                                case 6:
+                                  _this5._mainRoomControl = room;
+                                  // @ts-ignore
+                                  window.__mainRoom_control = room;
+                                  _reactDom["default"].unmountComponentAtNode(dom);
+                                  _this5._renderRoomUi(dom);
+                                case 10:
+                                case "end":
+                                  return _context4.stop();
+                              }
+                            }, _callee4);
+                          }))
+                        }),
+                        width: 360,
+                        closable: false,
+                        rootClassName: 'login-confirm-dialog'
+                      }
+                    });
+                  case 1:
+                  case "end":
+                    return _context5.stop();
+                }
+              }, _callee5);
+            }));
+            function onLocalUserMovedToMainRoom(_x3, _x4) {
+              return _onLocalUserMovedToMainRoom.apply(this, arguments);
+            }
+            return onLocalUserMovedToMainRoom;
+          }(),
+          onRoomStateUpdated: function onRoomStateUpdated(roomId, state) {
+            if (state === _type2.FcrRoomState.Closed) {
+              _this5._observable.notifyObservers('onExited', roomId, _type.FcrUIExitReason.CLOSE_ROOM);
+            }
+          }
+        };
+        this._waitingRoomUserObserver = {
+          onLocalUserKickedOut: function onLocalUserKickedOut(roomId) {
+            _dialog2.FcrDialogApi.open({
+              id: 'login-confirm-dialog-kick-out',
+              dialogProps: {
+                content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_loginConfirmDialog.LoginConfirmDialog, {
+                  title: (0, _i18n.transI18n)('fmt_popup_button_leavemeeting'),
+                  desc: (0, _i18n.transI18n)('fmt_leave_tips_removetip'),
+                  id: "login-confirm-dialog-kick-out",
+                  btnTxt: (0, _i18n.transI18n)('fmt_waitingroom_attendie_popup_button_gotit'),
+                  onConfirm: function onConfirm() {
+                    _this5._observable.notifyObservers('onExited', roomId, _type.FcrUIExitReason.KICKED_OUT);
+                  }
+                }),
+                width: 360,
+                closable: false,
+                rootClassName: 'login-confirm-dialog'
+              }
+            });
+          }
+        };
+        this._waitingRoomControl.addObserver(this._roomObserver);
+        this._waitingRoomControl.getUserControl().addObserver(this._waitingRoomUserObserver);
+        _reactDom["default"].render(/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          style: {
+            width: '100vw',
+            height: '100vh'
+          },
+          children: layoutComponent
+        }), dom);
+      }
+    }
+  }, {
+    key: "_getJoinRoomOption",
+    value: function _getJoinRoomOption() {
+      var config = this._sceneConfig;
+      var streams = [{
+        videoSourceState: this._deviceStore.cameraEnabled ? _type3.AgoraRtcMediaSourceState.STARTED : _type3.AgoraRtcMediaSourceState.STOPPED,
+        audioSourceState: this._deviceStore.microphoneEnabled ? _type3.AgoraRtcMediaSourceState.STARTED : _type3.AgoraRtcMediaSourceState.STOPPED,
+        videoSourceId: this._deviceStore.currentDeviceId.cameraDeviceId,
+        audioSourceId: this._deviceStore.currentDeviceId.microphoneDeviceId,
+        streamName: 'default',
+        streamType: _type4.AgoraRteMediaStreamType.BOTH,
+        videoSourceType: _type5.AgoraRteVideoSourceType.CAMERA,
+        audioSourceType: _type5.AgoraRteAudioSourceType.MICROPHONE
+      }];
+      if (config.userRole === _type2.FcrUserRole.ROBOT) {
+        streams = [];
+      }
+      return {
+        userName: config.userName,
+        userRole: config.userRole,
+        userProperties: config.userProperties,
+        streamLatency: _agoraEduCore.FcrStreamLatencyLevel.ULTRA_LOW,
+        createStreamConfigs: streams,
+        roomToken: config.roomToken,
+        password: config.password
+      };
+    }
+  }, {
+    key: "_createRoomControl",
+    value: function () {
+      var _createRoomControl2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee7(roomId) {
+        var _this6 = this;
+        return _regenerator["default"].wrap(function _callee7$(_context7) {
+          while (1) switch (_context7.prev = _context7.next) {
+            case 0:
+              return _context7.abrupt("return", new Promise(/*#__PURE__*/function () {
+                var _ref4 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee6(resolve, reject) {
+                  var engine, room;
+                  return _regenerator["default"].wrap(function _callee6$(_context6) {
+                    while (1) switch (_context6.prev = _context6.next) {
+                      case 0:
+                        engine = _this6._engine;
+                        if (engine) {
+                          _context6.next = 3;
+                          break;
+                        }
+                        return _context6.abrupt("return");
+                      case 3:
+                        _context6.prev = 3;
+                        _context6.next = 6;
+                        return engine.createRoomControlAndJoin(roomId, _this6._getJoinRoomOption());
+                      case 6:
+                        room = _context6.sent;
+                        resolve(room);
+                        _context6.next = 14;
+                        break;
+                      case 10:
+                        _context6.prev = 10;
+                        _context6.t0 = _context6["catch"](3);
+                        if (_context6.t0.code === '730403100') {
+                          _dialog2.FcrDialogApi.open({
+                            id: 'login-confirm-dialog-error',
+                            dialogProps: {
+                              content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_loginConfirmDialog.LoginConfirmDialog, {
+                                desc: (0, _i18n.transI18n)('fmt_waitingroom_attendie_popup_label_removed'),
+                                id: "login-confirm-dialog-error",
+                                btnTxt: (0, _i18n.transI18n)('fmt_waitingroom_attendie_popup_button_gotit')
+                              }),
+                              width: 360,
+                              closable: false,
+                              rootClassName: 'login-confirm-dialog'
+                            }
+                          });
+                        }
+                        reject(_context6.t0);
+                      case 14:
+                      case "end":
+                        return _context6.stop();
+                    }
+                  }, _callee6, null, [[3, 10]]);
+                }));
+                return function (_x6, _x7) {
+                  return _ref4.apply(this, arguments);
+                };
+              }()));
+            case 1:
+            case "end":
+              return _context7.stop();
+          }
+        }, _callee7);
+      }));
+      function _createRoomControl(_x5) {
+        return _createRoomControl2.apply(this, arguments);
+      }
+      return _createRoomControl;
+    }()
+  }, {
+    key: "_judgeWaitingRoomPremissionAndCreateRoomControl",
+    value: function () {
+      var _judgeWaitingRoomPremissionAndCreateRoomControl2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee8() {
+        var _this$_mainRoomContro, info, isWaitingRoomManager, waitingRoomId, room, securityStore;
+        return _regenerator["default"].wrap(function _callee8$(_context8) {
+          while (1) switch (_context8.prev = _context8.next) {
+            case 0:
+              if (this._mainRoomControl) {
+                _context8.next = 2;
+                break;
+              }
+              return _context8.abrupt("return");
+            case 2:
+              _this$_mainRoomContro = this._mainRoomControl.getPrivilegeControl().getSecurityInfo(_type7.FcrSecurityAction.WaitingRoom), info = _this$_mainRoomContro.info;
+              isWaitingRoomManager = this._mainRoomControl.getPrivilegeControl().getLocalUserPermissionInfo(_type7.FcrPermissionAction.WaitingRoomOpen).enable;
+              if (!isWaitingRoomManager) {
+                _context8.next = 16;
+                break;
+              }
+              if (!info) {
+                _context8.next = 14;
+                break;
+              }
+              waitingRoomId = info.payload.roomUuid;
+              room = this._engine.createWaitingRoomControl(waitingRoomId);
+              _context8.next = 10;
+              return room.join(this._getJoinRoomOption());
+            case 10:
+              this._waitingRoomControl = room;
+              // @ts-ignore
+              window.__waitingRoom_control = room;
+              securityStore = new _securityStore.FcrSecurityStore(this._waitingRoomControl.getPrivilegeControl(), this._waitingRoomControl.getUserControl(), this._waitingRoomControl.getStreamControl(), this._waitingRoomControl.getRoomSessionControl(), this._uiEventStore);
+              this._uiEventStore.sendEvent(_constant.UIAction.WAITING_ROOM_CREATED, {
+                room: room,
+                securityStore: securityStore
+              });
+            case 14:
+              _context8.next = 17;
+              break;
+            case 16:
+              this._destroyWaitingRoom();
+            case 17:
+            case "end":
+              return _context8.stop();
+          }
+        }, _callee8, this);
+      }));
+      function _judgeWaitingRoomPremissionAndCreateRoomControl() {
+        return _judgeWaitingRoomPremissionAndCreateRoomControl2.apply(this, arguments);
+      }
+      return _judgeWaitingRoomPremissionAndCreateRoomControl;
+    }()
+  }, {
+    key: "_destroyWaitingRoom",
+    value: function _destroyWaitingRoom() {
+      var _this$_waitingRoomCon;
+      (_this$_waitingRoomCon = this._waitingRoomControl) === null || _this$_waitingRoomCon === void 0 || _this$_waitingRoomCon.leave();
+      this._waitingRoomControl = undefined;
+      this._uiEventStore.sendEvent(_constant.UIAction.WAITING_ROOM_DESTROYED);
+      // @ts-ignore
+      window.__waitingRoom_control = undefined;
+    }
   }]);
 }();