fcr-ui-scene 3.4.0 → 3.4.1

package/lib/ui-manager.js

@@ -1,6 +1,14 @@
 "use strict";
 
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.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.iterator.filter.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -9,13 +17,16 @@ 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.map.js");
 require("core-js/modules/es.array.push.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.async-iterator.map.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.for-each.js");
+require("core-js/modules/esnext.iterator.map.js");
 require("core-js/modules/web.dom-collections.for-each.js");
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
@@ -23,6 +34,7 @@ var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
 var _reactDom = _interopRequireDefault(require("react-dom"));
 var _logger = require("agora-foundation/lib/logger");
 var _fcrCore = require("fcr-core");
@@ -67,7 +79,6 @@ var _deviceSetting = _interopRequireDefault(require("./modules/dialog/components
 var _loginConfirmDialog = require("./login-confirm-dialog");
 var _dialog2 = require("agora-ui-foundation/lib/components/dialog");
 var _type3 = require("fcr-core/lib/room-control/type");
-var _operationWaitingRoom = require("./modules/dialog/components/operation-waiting-room");
 var _interpreter = require("./modules/interpreter");
 var _interpreter2 = _interopRequireDefault(require("./modules/dialog/components/interpreter"));
 var _notification = require("./modules/notification");
@@ -81,8 +92,12 @@ var _liveStreaming2 = require("./modules/dialog/components/live-streaming");
 var _invite2 = require("./modules/dialog/components/invite");
 var _remoteRenderer = require("./common/remote-renderer");
 var _eventConfirm = require("./modules/event-confirm");
+var _reactErrorBoundary = require("react-error-boundary");
+var _errorFallback = require("./error-fallback");
+var _misc = require("agora-foundation/lib/utilities/misc");
 var _jsxRuntime = require("react/jsx-runtime");
-// import { EventNotificationUIModule } from './modules/event-notification';
+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, _observable, _settingConfig) {
     var _this = this,
@@ -173,7 +188,8 @@ var DefaultSceneUIManager = exports.DefaultSceneUIManager = /*#__PURE__*/functio
             }),
             width: 360,
             closable: false,
-            rootClassName: 'login-confirm-dialog'
+            rootClassName: 'login-confirm-dialog',
+            maskClosable: false
           }
         });
       },
@@ -192,7 +208,8 @@ var DefaultSceneUIManager = exports.DefaultSceneUIManager = /*#__PURE__*/functio
             }),
             width: 360,
             closable: false,
-            rootClassName: 'login-confirm-dialog'
+            rootClassName: 'login-confirm-dialog',
+            maskClosable: false
           }
         });
       },
@@ -233,10 +250,11 @@ var DefaultSceneUIManager = exports.DefaultSceneUIManager = /*#__PURE__*/functio
       var openDefaultCamera = (0, _parameters.isOpenDefaultCamera)(this._coreConfig.parameters);
       var openDefaultMicrophone = (0, _parameters.isOpenDefaultMicrophone)(this._coreConfig.parameters);
       if (openDefaultCamera) {
-        this._deviceStore.openFirstCamera();
+        this._settingConfig.media.cameraExpectedOff = false;
       }
       if (openDefaultMicrophone) {
-        this._deviceStore.openFirstMicrophone();
+        this._settingConfig.media.autoConnectAudio = true;
+        this._settingConfig.media.microphoneExpectedOff = false;
       }
       var joinRoom = /*#__PURE__*/function () {
         var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
@@ -260,7 +278,9 @@ var DefaultSceneUIManager = exports.DefaultSceneUIManager = /*#__PURE__*/functio
                     _this2._disposers.push(_this2._renderWaitingRoomUi(dom, roomControl));
                   }
                 }).then(function () {
-                  _this2._runSettingConfig();
+                  return _this2._deviceStore.init();
+                }).then(function () {
+                  return _this2._runSettingConfig();
                 }).then(function () {
                   _this2._observable.notifyObservers('onLaunchSuccess', _this2._sceneConfig.roomId);
                 })["catch"](function (e) {
@@ -360,14 +380,15 @@ var DefaultSceneUIManager = exports.DefaultSceneUIManager = /*#__PURE__*/functio
         return _regenerator["default"].wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
+              this.logger.info('run setting config: ', (0, _misc.jsonstring)(this._settingConfig));
               media = this._settingConfig.media; // 1. 音频连接
               if (!media.autoConnectAudio) {
-                _context3.next = 8;
+                _context3.next = 9;
                 break;
               }
-              _context3.next = 4;
+              _context3.next = 5;
               return this._deviceStore.joinAudioByComputer();
-            case 4:
+            case 5:
               _media = this._settingConfig.media; // 音频输入
               // 判断 FcrUISharedSettingConfig.media.microphoneExpectedOff
               if (!_media.microphoneExpectedOff) {
@@ -376,14 +397,14 @@ var DefaultSceneUIManager = exports.DefaultSceneUIManager = /*#__PURE__*/functio
                   this._deviceStreamStore.enableMicrophoneWithStream(true);
                 }
               }
-              _context3.next = 9;
+              _context3.next = 10;
               break;
-            case 8:
+            case 9:
               // 弹出是否链接音频的弹窗
               this._uiEventStore.openDialog(_constant.DialogKey.CONNECTION_GATEWAY, '', {
                 type: 'computer'
               });
-            case 9:
+            case 10:
               // 2.摄像头
               if (!media.cameraExpectedOff) {
                 // 设备开启逻辑与之前一致，1.0 ActionBar#1.0ActionBar-%E6%93%8D%E4%BD%9C%E8%AE%BE%E5%A4%8
@@ -392,7 +413,7 @@ var DefaultSceneUIManager = exports.DefaultSceneUIManager = /*#__PURE__*/functio
                   this._deviceStreamStore.enableCameraWithStream(true);
                 }
               }
-            case 10:
+            case 11:
             case "end":
               return _context3.stop();
           }
@@ -403,6 +424,40 @@ var DefaultSceneUIManager = exports.DefaultSceneUIManager = /*#__PURE__*/functio
       }
       return _runSettingConfig;
     }()
+  }, {
+    key: "_renderWithErrorBoundary",
+    value: function _renderWithErrorBoundary(layoutComponent, spaceName) {
+      var _this4 = this;
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactErrorBoundary.ErrorBoundary, {
+        FallbackComponent: _errorFallback.ErrorFallback,
+        onError: function onError(error, info) {
+          return _this4._logError(error, info, spaceName);
+        },
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          style: {
+            width: '100vw',
+            height: '100vh'
+          },
+          children: layoutComponent
+        })
+      });
+    }
+  }, {
+    key: "_logError",
+    value: function _logError(error, info, space) {
+      var errorMessage = "[DefaultSceneUIManager]: ErrorBoundary wrap ".concat(space, " error:");
+      var componentStackMessage = "componentStack: ".concat(info.componentStack);
+      this.logger.error("".concat(errorMessage, "\n") + "  Error: ".concat(error.message, "\n") + "  Stack: ".concat(error.stack, "\n") + "  ".concat(componentStackMessage));
+    }
+  }, {
+    key: "_renderLayers",
+    value: function _renderLayers(layers) {
+      return layers.map(function (el, i) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react["default"].Fragment, {
+          children: el
+        }, i);
+      });
+    }
   }, {
     key: "_renderPullingUi",
     value: function _renderPullingUi(dom, roomControl) {
@@ -435,78 +490,52 @@ var DefaultSceneUIManager = exports.DefaultSceneUIManager = /*#__PURE__*/functio
       var sceneConfig = this._sceneConfig;
       var coreConfig = this._coreConfig;
       var observable = this._observable;
-      var remoteVideoRenderManager = new _remoteRenderer.FcrRemoteVideoRenderManager(roomControl.getStreamControl());
-      var securityStore = new _securityStore.FcrSecurityStore(roomControl.getPrivilegeControl(), roomControl.getUserControl(), roomControl.getStreamControl(), roomControl.getRoomSessionControl(), uiEventStore, roomControl.getInterpreterControl());
-      var deviceStreamStore = new _deviceStreamStore.FcrDeviceStreamStore({
+      var streamControl = roomControl.getStreamControl();
+      var userControl = roomControl.getUserControl();
+      var privilegeControl = roomControl.getPrivilegeControl();
+      var interpreterControl = roomControl.getInterpreterControl();
+      var chatRoomControl = roomControl.getChatRoomControl();
+      var whiteboardControl = roomControl.getBoardControl();
+      var remoteVideoRenderManager = new _remoteRenderer.FcrRemoteVideoRenderManager(streamControl);
+      var securityStore = new _securityStore.FcrSecurityStore(privilegeControl, userControl, streamControl, uiEventStore, interpreterControl);
+      var baseConfig = {
         mediaControl: engine.getDesktopMediaControl(),
-        roomControl: roomControl,
-        securityStore: securityStore,
-        deviceStore: deviceStore,
-        uiEventStore: uiEventStore,
-        roomStore: roomStore,
-        interpterControl: roomControl.getInterpreterControl()
-      });
-      this._deviceStreamStore = deviceStreamStore;
-      var chatModule = new _chat.ChatUIModule({
-        roomControl: roomControl,
-        uiEventStore: uiEventStore,
-        securityStore: securityStore,
-        roomStore: roomStore
-      });
-      var audioStreamUIModule = new _audioStream.AudioStreamUIModule({
-        streamControl: roomControl.getStreamControl(),
-        userControl: roomControl.getUserControl(),
-        deviceStreamStore: deviceStreamStore,
+        streamControl: streamControl,
+        userControl: userControl,
+        privilegeControl: privilegeControl,
+        interpreterControl: interpreterControl,
+        chatRoomControl: chatRoomControl,
+        whiteboardControl: whiteboardControl,
         roomStore: roomStore,
-        interpterControl: roomControl.getInterpreterControl(),
-        uiEventStore: uiEventStore,
-        deviceStore: deviceStore
-      });
-      var soundEffectUIModule = new _soundEffect.SoundEffectUIModule({
-        chatRoomControl: roomControl.getChatRoomControl(),
-        roomControl: roomControl,
-        streamControl: roomControl.getStreamControl(),
-        whiteboardControl: roomControl.getBoardControl(),
-        userControl: roomControl.getUserControl(),
-        deviceStore: deviceStore,
-        engine: engine
-      });
-      var dialogModule = new _dialog.DialogUIModule({
         uiEventStore: uiEventStore,
-        userInfo: roomControl.getUserControl().getLocalUser(),
         securityStore: securityStore,
-        userControl: roomControl.getUserControl(),
-        chatRoomControl: roomControl.getChatRoomControl(),
-        deviceStore: deviceStore,
-        streamControl: roomControl.getStreamControl(),
-        remoteVideoRenderManager: remoteVideoRenderManager
-      });
-      var settingUIModule = new _setting.SettingUIModule({
-        mediaControl: engine.getDesktopMediaControl(),
-        config: sceneConfig,
-        uiEventStore: uiEventStore,
-        deviceStore: deviceStore,
-        monitorControl: engine.getMonitorControl(),
-        parameters: coreConfig.parameters,
-        streamControl: roomControl.getStreamControl(),
-        roomControl: roomControl
-      });
-      var interpreterUIModule = new _interpreter.InterpreterUIModule({
-        uiEventStore: uiEventStore,
-        roomControl: roomControl,
-        interpreterControl: roomControl.getInterpreterControl(),
         deviceStore: deviceStore,
-        roomStore: roomStore,
-        deviceStreamStore: deviceStreamStore,
-        securityStore: securityStore
-      });
-      var stateBarUIModule = new _stateBar.StateBarUIModule({
         roomControl: roomControl,
-        uiEventStore: uiEventStore,
-        securityStore: securityStore,
+        engine: engine,
+        remoteVideoRenderManager: remoteVideoRenderManager,
         config: sceneConfig,
         parameters: coreConfig.parameters
+      };
+      var deviceStreamStore = new _deviceStreamStore.FcrDeviceStreamStore(baseConfig);
+      var storeConfig = _objectSpread(_objectSpread({}, baseConfig), {}, {
+        deviceStreamStore: deviceStreamStore
       });
+      this._deviceStreamStore = deviceStreamStore;
+      var chatModule = new _chat.ChatUIModule(storeConfig);
+      var audioStreamUIModule = new _audioStream.AudioStreamUIModule(storeConfig);
+      var soundEffectUIModule = new _soundEffect.SoundEffectUIModule(storeConfig);
+      var dialogModule = new _dialog.DialogUIModule(storeConfig);
+      var settingUIModule = new _setting.SettingUIModule(storeConfig);
+      var interpreterUIModule = new _interpreter.InterpreterUIModule(storeConfig);
+      var stateBarUIModule = new _stateBar.StateBarUIModule(storeConfig);
+      var participantsModule = new _participant.ParticipantUIModule(storeConfig);
+      var shareScreenModule = new _shareScreen.ShareScreenUIModule(storeConfig);
+      var videoWindowModule = new _videoWindow.VideoWindowUIModule(storeConfig);
+      var whiteBoradUIModule = new _whiteboard.FcrWhiteboardUIModule(storeConfig);
+      var connectionGatewayUIModule = new _connectionGateway.ConnectionGatewayUIModule(storeConfig);
+      var actionBarUIModule = new _actionBar.FcrActionBarUIModule(storeConfig);
+      var controlbarUIModule = new _controlBar.ControlBarUIModule(storeConfig);
+      var layoutModule = new _layout.LayoutUIModule(storeConfig);
       var eventToastUIModule = new _eventToast.EventToastUIModule({
         uiEventStore: uiEventStore
       });
@@ -515,83 +544,17 @@ var DefaultSceneUIManager = exports.DefaultSceneUIManager = /*#__PURE__*/functio
       });
       var eventNotificationUIModule = new _notification.NotificationUIModule({
         uiEventStore: uiEventStore,
-        privilegeControl: roomControl.getPrivilegeControl(),
-        roomStore: roomStore
-      });
-      var participantsModule = new _participant.ParticipantUIModule({
-        roomControl: roomControl,
-        engine: engine,
-        peerSessionControl: engine.getPeerSessionControl(),
-        securityStore: securityStore,
-        uiEventStore: uiEventStore,
-        deviceStore: deviceStore,
-        deviceStreamStore: deviceStreamStore,
-        interpreterControl: roomControl.getInterpreterControl(),
+        privilegeControl: privilegeControl,
         roomStore: roomStore
       });
-      var shareScreenModule = new _shareScreen.ShareScreenUIModule({
-        roomControl: roomControl,
-        mediaControl: engine.getDesktopMediaControl(),
-        deviceStore: deviceStore,
-        deviceStreamStore: deviceStreamStore,
-        securityStore: securityStore,
-        uiEventStore: uiEventStore,
-        config: sceneConfig
-      });
       var liveStreamingUIModule = new _liveStreaming.LiveStreamingUIModule({
         roomControl: roomControl,
         uiEventStore: uiEventStore
       });
-      var videoWindowModule = new _videoWindow.VideoWindowUIModule({
-        uiEventStore: uiEventStore,
-        mediaControl: this._engine.getDesktopMediaControl(),
-        userControl: roomControl.getUserControl(),
-        streamControl: roomControl.getStreamControl(),
-        securityStore: securityStore,
-        deviceStore: deviceStore,
-        deviceStreamStore: deviceStreamStore,
-        interpreterControl: roomControl.getInterpreterControl()
-      });
-      var connectionGatewayUIModule = new _connectionGateway.ConnectionGatewayUIModule({
-        roomControl: roomControl,
-        uiEventStore: uiEventStore,
-        deviceStore: deviceStore,
-        mediaControl: engine.getDesktopMediaControl()
-      });
-      var actionBarUIModule = new _actionBar.FcrActionBarUIModule({
-        roomControl: roomControl,
-        userControl: roomControl.getUserControl(),
-        uiEventStore: uiEventStore,
-        securityStore: securityStore,
-        streamControl: roomControl.getStreamControl(),
-        deviceStore: deviceStore,
-        deviceStreamStore: deviceStreamStore,
-        mediaControl: engine.getDesktopMediaControl(),
-        interpreterControl: roomControl.getInterpreterControl(),
-        roomStore: roomStore
-      });
       var inviteUIModule = new _invite.InviteUIModule({
         roomControl: roomControl,
         uiEventStore: uiEventStore
       });
-      var whiteBoradUIModule = new _whiteboard.FcrWhiteboardUIModule({
-        roomControl: roomControl,
-        uiEventStore: uiEventStore,
-        userControl: roomControl.getUserControl(),
-        whiteboardControl: roomControl.getBoardControl(),
-        streamControl: roomControl.getStreamControl(),
-        securityStore: securityStore
-      });
-      var controlbarUIModule = new _controlBar.ControlBarUIModule({
-        uiEventStore: uiEventStore,
-        deviceStore: deviceStore,
-        securityStore: securityStore,
-        roomControl: roomControl,
-        mediaControl: engine.getDesktopMediaControl(),
-        streamControl: roomControl.getStreamControl(),
-        deviceStreamStore: deviceStreamStore,
-        userControl: roomControl.getUserControl()
-      });
       dialogModule.addDialogs([{
         key: _constant.DialogKey.DEVICE_SETTINGS,
         component: function component() {
@@ -676,13 +639,6 @@ var DefaultSceneUIManager = exports.DefaultSceneUIManager = /*#__PURE__*/functio
             params: params
           }, "ControlBar") : shareScreenModule.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) {
@@ -715,28 +671,13 @@ var DefaultSceneUIManager = exports.DefaultSceneUIManager = /*#__PURE__*/functio
           }, "SystemPreference");
         }
       }]);
-      var layoutModule = new _layout.LayoutUIModule({
-        deviceStore: deviceStore,
-        uiEventStore: uiEventStore,
-        mediaControl: engine.getDesktopMediaControl(),
-        userControl: roomControl.getUserControl(),
-        streamControl: roomControl.getStreamControl(),
-        securityStore: securityStore,
-        parameters: coreConfig.parameters,
-        interpreterControl: roomControl.getInterpreterControl(),
-        chatRoomControl: roomControl.getChatRoomControl(),
-        whiteBoardControl: roomControl.getBoardControl(),
-        privilegeControl: roomControl.getPrivilegeControl(),
-        roomControl: roomControl,
-        roomStore: roomStore
-      });
       var layoutComponent = layoutModule.getComponent({
         chat: chatModule.getComponent(),
         chatAction: chatModule.getActionsComponent(),
         participant: participantsModule.getComponent(),
         actionBar: actionBarUIModule.getComponent(),
         stateBar: stateBarUIModule.getComponent(),
-        layers: [dialogModule.getComponent(), eventToastUIModule.getComponent('local'), eventNotificationUIModule.getComponent()],
+        layers: this._renderLayers([dialogModule.getComponent(), eventToastUIModule.getComponent('local'), eventNotificationUIModule.getComponent()]),
         whiteboard: whiteBoradUIModule.getComponent(),
         globalToast: eventToastUIModule.getComponent('global'),
         confirm: eventConfirmUIModule.getComponent()
@@ -773,13 +714,13 @@ var DefaultSceneUIManager = exports.DefaultSceneUIManager = /*#__PURE__*/functio
           deviceStore: deviceStore,
           remoteVideoRenderManager: remoteVideoRenderManager
         },
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        children: this._renderWithErrorBoundary(/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           style: {
             width: '100vw',
             height: '100vh'
           },
           children: layoutComponent
-        })
+        }), 'mainroom')
       }), dom);
 
       // return disposer
@@ -814,7 +755,7 @@ var DefaultSceneUIManager = exports.DefaultSceneUIManager = /*#__PURE__*/functio
   }, {
     key: "_renderWaitingRoomUi",
     value: function _renderWaitingRoomUi(dom, roomControl) {
-      var _this4 = this;
+      var _this5 = this;
       /**
        * Common Stores
        */
@@ -825,10 +766,18 @@ var DefaultSceneUIManager = exports.DefaultSceneUIManager = /*#__PURE__*/functio
       var sceneConfig = this._sceneConfig;
       var coreConfig = this._coreConfig;
       var observable = this._observable;
-      var remoteVideoRenderManager = new _remoteRenderer.FcrRemoteVideoRenderManager(roomControl.getStreamControl());
+      var userControl = roomControl.getUserControl();
+      var mediaControl = engine.getDesktopMediaControl();
+      var streamControl = roomControl.getStreamControl();
+      var privilegeControl = roomControl.getPrivilegeControl();
+      var chatRoomControl = roomControl.getChatRoomControl();
+      var remoteVideoRenderManager = new _remoteRenderer.FcrRemoteVideoRenderManager(streamControl);
       var waitingRoomLayoutModule = new _waitingRoomLayout.WaitingRoomLayout({
         deviceStore: deviceStore,
-        userControl: roomControl.getUserControl()
+        userControl: userControl
+      });
+      var eventToastUIModule = new _eventToast.EventToastUIModule({
+        uiEventStore: uiEventStore
       });
       var eventObserver = {
         onEvent: function onEvent(action, payload) {
@@ -838,65 +787,34 @@ var DefaultSceneUIManager = exports.DefaultSceneUIManager = /*#__PURE__*/functio
         }
       };
       uiEventStore.addObserver(eventObserver);
-      var securityStore = new _securityStore.FcrSecurityStore(roomControl.getPrivilegeControl(), roomControl.getUserControl(), roomControl.getStreamControl(), roomControl.getRoomSessionControl(), uiEventStore);
-      var deviceStreamStore = new _deviceStreamStore.FcrDeviceStreamStore({
-        mediaControl: engine.getDesktopMediaControl(),
-        roomControl: roomControl,
-        securityStore: securityStore,
-        deviceStore: deviceStore,
-        uiEventStore: uiEventStore,
-        roomStore: roomStore
-      });
-      this._deviceStreamStore = deviceStreamStore;
-      var connectionGatewayUIModule = new _connectionGateway.ConnectionGatewayUIModule({
-        roomControl: roomControl,
-        uiEventStore: uiEventStore,
-        deviceStore: deviceStore,
-        mediaControl: engine.getDesktopMediaControl()
-      });
-      var stateBarUIModule = new _stateBar.StateBarUIModule({
-        roomControl: roomControl,
-        uiEventStore: uiEventStore,
-        securityStore: securityStore,
-        config: sceneConfig
-      });
-      var actionBarUIModule = new _actionBar.FcrActionBarUIModule({
-        roomControl: roomControl,
-        userControl: roomControl.getUserControl(),
+      var securityStore = new _securityStore.FcrSecurityStore(privilegeControl, userControl, streamControl, uiEventStore);
+      var baseConfig = {
+        mediaControl: mediaControl,
+        streamControl: streamControl,
+        userControl: userControl,
+        privilegeControl: privilegeControl,
+        chatRoomControl: chatRoomControl,
+        roomStore: roomStore,
         uiEventStore: uiEventStore,
         securityStore: securityStore,
-        streamControl: roomControl.getStreamControl(),
         deviceStore: deviceStore,
-        deviceStreamStore: deviceStreamStore,
-        mediaControl: engine.getDesktopMediaControl(),
-        roomStore: roomStore
-      });
-      var chatModule = new _chat.ChatUIModule({
         roomControl: roomControl,
-        uiEventStore: uiEventStore,
-        securityStore: securityStore,
-        roomStore: roomStore
-      });
-      var settingUIModule = new _setting.SettingUIModule({
-        mediaControl: engine.getDesktopMediaControl(),
+        engine: engine,
+        remoteVideoRenderManager: remoteVideoRenderManager,
         config: sceneConfig,
-        uiEventStore: uiEventStore,
-        deviceStore: deviceStore,
-        monitorControl: engine.getMonitorControl(),
-        parameters: coreConfig.parameters,
-        streamControl: roomControl.getStreamControl(),
-        roomControl: roomControl
-      });
-      var dialogModule = new _dialog.DialogUIModule({
-        uiEventStore: uiEventStore,
-        userInfo: roomControl.getUserControl().getLocalUser(),
-        securityStore: securityStore,
-        userControl: roomControl.getUserControl(),
-        chatRoomControl: roomControl.getChatRoomControl(),
-        deviceStore: deviceStore,
-        streamControl: roomControl.getStreamControl(),
-        remoteVideoRenderManager: remoteVideoRenderManager
+        parameters: coreConfig.parameters
+      };
+      var deviceStreamStore = new _deviceStreamStore.FcrDeviceStreamStore(baseConfig);
+      var storeConfig = _objectSpread(_objectSpread({}, baseConfig), {}, {
+        deviceStreamStore: deviceStreamStore
       });
+      this._deviceStreamStore = deviceStreamStore;
+      var connectionGatewayUIModule = new _connectionGateway.ConnectionGatewayUIModule(storeConfig);
+      var stateBarUIModule = new _stateBar.StateBarUIModule(storeConfig);
+      var actionBarUIModule = new _actionBar.FcrActionBarUIModule(storeConfig);
+      var chatModule = new _chat.ChatUIModule(storeConfig);
+      var settingUIModule = new _setting.SettingUIModule(storeConfig);
+      var dialogModule = new _dialog.DialogUIModule(storeConfig);
       dialogModule.addDialogs([{
         key: _constant.DialogKey.DEVICE_SETTINGS,
         component: function component() {
@@ -917,7 +835,8 @@ var DefaultSceneUIManager = exports.DefaultSceneUIManager = /*#__PURE__*/functio
         chat: chatModule.getComponent(),
         stateBar: stateBarUIModule.getComponent(),
         actionBar: actionBarUIModule.getComponent(),
-        layers: [dialogModule.getComponent()]
+        layers: this._renderLayers([dialogModule.getComponent()]),
+        globalToast: eventToastUIModule.getComponent('global')
       });
       var roomObserver = {
         onRoomStateUpdated: function onRoomStateUpdated(roomId, state) {
@@ -927,19 +846,21 @@ var DefaultSceneUIManager = exports.DefaultSceneUIManager = /*#__PURE__*/functio
         }
       };
       roomControl.addObserver(roomObserver);
-      _reactDom["default"].render(/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        style: {
-          width: '100vw',
-          height: '100vh'
-        },
-        children: layoutComponent
+      _reactDom["default"].render(/*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: this._renderWithErrorBoundary(/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          style: {
+            width: '100vw',
+            height: '100vh'
+          },
+          children: layoutComponent
+        }), 'waitingroom')
       }), dom);
 
       // return disposer
       return function () {
         _reactDom["default"].unmountComponentAtNode(dom);
         roomControl.leave();
-        _this4.logger.info('unmount waiting room and leave room');
+        _this5.logger.info('unmount waiting room and leave room');
         // ...
         remoteVideoRenderManager.release();
         waitingRoomLayoutModule.release();

package/lib/ui-node.d.ts

@@ -0,0 +1,25 @@
+export interface FcrUINodeEvent {
+    type: string;
+    data: unknown;
+}
+export declare abstract class FcrUINode {
+    protected parentNode: FcrUINode;
+    protected rootNode: FcrUIRootNode;
+    protected subNodes: FcrUINode[];
+    protected isActive: boolean;
+    constructor(parentNode: FcrUINode, rootNode: FcrUIRootNode);
+    addSubNode(node: FcrUINode): void;
+    removeNode(node: FcrUINode): void;
+    removeAllSubNodes(): void;
+    nodeWillActive(): void;
+    nodeWillInactive(): void;
+    sendBroadcastEvent(event: FcrUINodeEvent): void;
+    sendPeerEvent(event: FcrUINodeEvent, node: FcrUINode): void;
+    onNodeWillActive(): void;
+    onNodeWillInactive(): void;
+    onNodeReceivedEvent(event: FcrUINodeEvent): void;
+}
+export declare abstract class FcrUIRootNode extends FcrUINode {
+    constructor();
+}
+export declare const registerDependency: (depName: string) => void;