fcr-ui-scene 3.7.4 → 3.7.6

package/lib/{creator.js → creator/index.js}

@@ -15,9 +15,12 @@ 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.weak-map.js");
 require("core-js/modules/esnext.function.metadata.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/esnext.symbol.metadata.js");
+require("core-js/modules/esnext.weak-map.delete-all.js");
+require("core-js/modules/esnext.weak-map.emplace.js");
 require("core-js/modules/web.dom-collections.for-each.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
@@ -39,7 +42,6 @@ require("core-js/modules/es.map.js");
 require("core-js/modules/es.object.keys.js");
 require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.iterator.js");
-require("core-js/modules/es.weak-map.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
 require("core-js/modules/esnext.iterator.find.js");
@@ -59,145 +61,93 @@ require("core-js/modules/esnext.map.merge.js");
 require("core-js/modules/esnext.map.reduce.js");
 require("core-js/modules/esnext.map.some.js");
 require("core-js/modules/esnext.map.update.js");
-require("core-js/modules/esnext.weak-map.delete-all.js");
-require("core-js/modules/esnext.weak-map.emplace.js");
 require("core-js/modules/web.dom-collections.iterator.js");
-require("core-js/modules/web.timers.js");
 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 _uiScene = require("./ui-scene");
-var _validateParams = _interopRequireDefault(require("./utilities/validate-params"));
-var _schema = require("./schema");
+var _env = require("agora-foundation/lib/utilities/env");
+var _objectManager = require("../object-manager");
+var _renderer = require("../utilities/renderer");
+var _type = require("../type");
+var _uiScene = require("../ui-scene");
+var _validateParams = _interopRequireDefault(require("../utilities/validate-params"));
+var _schema = require("../schema");
 var _decorator = require("agora-foundation/lib/decorator");
-var _mobx = require("mobx");
-var _store = _interopRequireDefault(require("./modules/setting/store"));
-var _reactDom = _interopRequireDefault(require("react-dom"));
-var _view = require("./modules/setting/view");
-var _deviceProvider = require("./providers/device-provider");
 var _fcrCore = require("fcr-core");
-var _dialogProvider = require("./providers/dialog-provider");
-var _eventProvider = require("./providers/event-provider");
-var _messageProvider = require("./providers/message-provider");
-var _monitorProvider = require("./providers/monitor-provider");
-var _config2 = require("./shared-data-source/config");
-var _setting = require("./shared-data-source/setting");
-var _parameters = require("./utilities/parameters");
-var _defaultConfig = require("./utilities/default-config");
+var _parameters = require("../utilities/parameters");
+var _defaultConfig = require("../utilities/default-config");
 var _imports = require("fcr-core/lib/imports");
-var _localStorageProvider = require("./providers/local-storage-provider");
-var _logger = require("./utilities/logger");
-var _uiResources = require("./utilities/ui-resources");
-var _userSettingStorageProvider = require("./providers/user-setting-storage-provider");
-var _layoutData = require("./shared-data-source/layout-data");
-var _packageInfo = require("./utilities/package-info");
+var _logger = require("../utilities/logger");
+var _uiResources = require("../utilities/ui-resources");
+var _providerInitializer = require("./provider-initializer.electron");
+var _providerInitializer2 = require("./provider-initializer.browser");
+var _packageInfo = require("../utilities/package-info");
+var _dialog = require("../modules/dialog");
+var _base = require("../base");
+var _constant = require("../utilities/constant");
+var _eventToast = require("../modules/event-toast");
+var _confirm = require("../modules/dialog/dialogs/confirm");
+var _setting = require("../modules/setting");
+var _deviceSetting = _interopRequireWildcard(require("../modules/dialog/dialogs/device-setting"));
+var _toast = require("../modules/dialog/dialogs/toast");
+var _focusHelper = require("../utilities/focus-helper");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["rtc.microphone.keep.recording"];
 var _FcrUISceneCreator;
-var _initProto, _init_observableSettingStore, _launchDecs, _ref;
+var _initProto, _launchDecs, _ref;
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _classPrivateFieldInitSpec(e, t, a) { _checkPrivateRedeclaration(e, t), t.set(e, a); }
-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; }
-function _classPrivateFieldGet(s, a) { return s.get(_assertClassBrand(s, a)); }
-function _assertClassBrand(e, t, n) { if ("function" == typeof e ? e === t : e.has(t)) return arguments.length < 3 ? t : n; throw new TypeError("Private element is not present on this object"); }
 function _applyDecs(e, t, r, n, o, a) { function i(e, t, r) { return function (n, o) { return r && r(n), e[t].call(n, o); }; } function c(e, t) { for (var r = 0; r < e.length; r++) e[r].call(t); return t; } function s(e, t, r, n) { if ("function" != typeof e && (n || void 0 !== e)) throw new TypeError(t + " must " + (r || "be") + " a function" + (n ? "" : " or undefined")); return e; } function applyDec(e, t, r, n, o, a, c, u, l, f, p, d, h) { function m(e) { if (!h(e)) throw new TypeError("Attempted to access private element on non-instance"); } var y, v = t[0], g = t[3], b = !u; if (!b) { r || Array.isArray(v) || (v = [v]); var w = {}, S = [], A = 3 === o ? "get" : 4 === o || d ? "set" : "value"; f ? (p || d ? w = { get: _setFunctionName(function () { return g(this); }, n, "get"), set: function set(e) { t[4](this, e); } } : w[A] = g, p || _setFunctionName(w[A], n, 2 === o ? "" : A)) : p || (w = Object.getOwnPropertyDescriptor(e, n)); } for (var P = e, j = v.length - 1; j >= 0; j -= r ? 2 : 1) { var D = v[j], E = r ? v[j - 1] : void 0, I = {}, O = { kind: ["field", "accessor", "method", "getter", "setter", "class"][o], name: n, metadata: a, addInitializer: function (e, t) { if (e.v) throw Error("attempted to call addInitializer after decoration was finished"); s(t, "An initializer", "be", !0), c.push(t); }.bind(null, I) }; try { if (b) (y = s(D.call(E, P, O), "class decorators", "return")) && (P = y);else { var k, F; O["static"] = l, O["private"] = f, f ? 2 === o ? k = function k(e) { return m(e), w.value; } : (o < 4 && (k = i(w, "get", m)), 3 !== o && (F = i(w, "set", m))) : (k = function k(e) { return e[n]; }, (o < 2 || 4 === o) && (F = function F(e, t) { e[n] = t; })); var N = O.access = { has: f ? h.bind() : function (e) { return n in e; } }; if (k && (N.get = k), F && (N.set = F), P = D.call(E, d ? { get: w.get, set: w.set } : w[A], O), d) { if ("object" == _typeof(P) && P) (y = s(P.get, "accessor.get")) && (w.get = y), (y = s(P.set, "accessor.set")) && (w.set = y), (y = s(P.init, "accessor.init")) && S.push(y);else if (void 0 !== P) throw new TypeError("accessor decorators must return an object with get, set, or init properties or void 0"); } else s(P, (p ? "field" : "method") + " decorators", "return") && (p ? S.push(P) : w[A] = P); } } finally { I.v = !0; } } return (p || d) && u.push(function (e, t) { for (var r = S.length - 1; r >= 0; r--) t = S[r].call(e, t); return t; }), p || b || (f ? d ? u.push(i(w, "get"), i(w, "set")) : u.push(2 === o ? w[A] : i.call.bind(w[A])) : Object.defineProperty(e, n, w)), P; } function u(e, t) { return Object.defineProperty(e, Symbol.metadata || Symbol["for"]("Symbol.metadata"), { configurable: !0, enumerable: !0, value: t }); } if (arguments.length >= 6) var l = a[Symbol.metadata || Symbol["for"]("Symbol.metadata")]; var f = Object.create(null == l ? null : l), p = function (e, t, r, n) { var o, a, i = [], s = function s(t) { return _checkInRHS(t) === e; }, u = new Map(); function l(e) { e && i.push(c.bind(null, e)); } for (var f = 0; f < t.length; f++) { var p = t[f]; if (Array.isArray(p)) { var d = p[1], h = p[2], m = p.length > 3, y = 16 & d, v = !!(8 & d), g = 0 == (d &= 7), b = h + "/" + v; if (!g && !m) { var w = u.get(b); if (!0 === w || 3 === w && 4 !== d || 4 === w && 3 !== d) throw Error("Attempted to decorate a public method/accessor that has the same name as a previously decorated public method/accessor. This is not currently supported by the decorators plugin. Property name was: " + h); u.set(b, !(d > 2) || d); } applyDec(v ? e : e.prototype, p, y, m ? "#" + h : _toPropertyKey(h), d, n, v ? a = a || [] : o = o || [], i, v, m, g, 1 === d, v && m ? s : r); } } return l(o), l(a), i; }(e, t, o, f); return r.length || u(e, f), { e: p, get c() { var t = []; return r.length && [u(applyDec(e, [r], n, e.name, 5, f, t), f), c.bind(null, t, e)]; } }; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _setFunctionName(e, t, n) { "symbol" == _typeof(t) && (t = (t = t.description) ? "[" + t + "]" : ""); try { Object.defineProperty(e, "name", { configurable: !0, value: n ? n + " " + t : t }); } catch (e) {} return e; }
 function _checkInRHS(e) { if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (null !== e ? _typeof(e) : "null")); return e; }
-var _A = /*#__PURE__*/new WeakMap();
-_ref = (_launchDecs = [_decorator.trace, (0, _validateParams["default"])(_schema.fcrUISceneConfigSchema, _schema.fcrUISceneCallbackSchema, _schema.fcrUISceneCallbackSchema, _schema.fcrUISceneFailureCallbackSchema, _schema.fcrRenderViewSchema)], "_engine");
+_ref = (_launchDecs = [_decorator.trace, (0, _validateParams["default"])(_schema.fcrUISceneConfigSchema, _schema.fcrUISceneCallbackSchema, _schema.fcrUISceneCallbackSchema, _schema.fcrUISceneFailureCallbackSchema, _schema.fcrRenderViewSchema)], "logger");
 var FcrUISceneCreator = exports.FcrUISceneCreator = /*#__PURE__*/function () {
   function FcrUISceneCreator(_config) {
     (0, _classCallCheck2["default"])(this, FcrUISceneCreator);
-    // @internal
-    (0, _defineProperty2["default"])(this, _ref, void _initProto(this));
-    _classPrivateFieldInitSpec(this, _A, _init_observableSettingStore(this, {
-      value: null
-    }));
-    (0, _defineProperty2["default"])(this, "logger", (0, _logger.createLogger)({
+    (0, _defineProperty2["default"])(this, _ref, (_initProto(this), (0, _logger.createLogger)({
       prefix: 'FcrUISceneCreator'
-    }));
+    })));
     (0, _defineProperty2["default"])(this, "_registeredWidgetConfigs", new Map([]));
     (0, _defineProperty2["default"])(this, "_released", false);
     (0, _defineProperty2["default"])(this, "_scene", null);
     (0, _defineProperty2["default"])(this, "_microphoneKeepRecording", false);
     (0, _defineProperty2["default"])(this, "_sceneObserver", null);
+    (0, _defineProperty2["default"])(this, "_settingModule", null);
+    (0, _defineProperty2["default"])(this, "_eventToastModule", null);
     this._config = _config;
-    this.logger.info("creator config: ".concat(JSON.stringify(_config)));
-    this._localStorageProvider = new _localStorageProvider.FcrUILocalStorageProviderImpl();
-    this._userSettingStorageProvider = new _userSettingStorageProvider.FcrUIUserSettingStorageProviderImpl();
-    this._sharedSettingDataSource = new _setting.FcrUISharedSettingDataSourceImpl(this._config, this._userSettingStorageProvider);
-    this._setKeepRecordingValueFromParameters(this._config.parameters || {});
-    var filteredParameters = this._filterKeepRecordingValueFromParameters(this._config.parameters || {});
-    this.logger.info("[MicrophoneKeepRecording][initSettingStore] filteredParameters ==> ".concat(JSON.stringify(filteredParameters)));
-    var dualCameraVideoStreamConfigFromParameters = (0, _parameters.getDualCameraVideoStreamConfig)(filteredParameters);
-    var dualScreenVideoStreamConfigFromParameters = (0, _parameters.getDualScreenVideoStreamConfig)(filteredParameters);
-    (0, _defaultConfig.mergeDefaultDualStreamConfig)(dualCameraVideoStreamConfigFromParameters, dualScreenVideoStreamConfigFromParameters);
-    var dualCameraVideoStreamConfig = {
-      lowVideoEncoderConfig: _defaultConfig.cameraVideoLowStreamEncoderConfig,
-      highVideoEncoderConfig: _defaultConfig.cameraVideoHighStreamEncoderConfig,
-      enableDualStreamMode: (0, _defaultConfig.isCameraDualStreamModeEnabled)()
-    };
-    var dualScreenVideoStreamConfig = {
-      lowVideoEncoderConfig: _defaultConfig.screenCaptureLowStreamEncoderConfig,
-      highVideoEncoderConfig: _defaultConfig.screenCaptureHighStreamEncoderConfig,
-      enableDualStreamMode: (0, _defaultConfig.isScreenDualStreamModeEnabled)()
-    };
-    var config = {
-      appId: this._config.appId,
-      userId: this._config.userId,
-      parameters: filteredParameters,
-      token: this._config.token,
-      region: _fcrCore.FcrRegion.CN,
-      dualCameraVideoStreamConfig: dualCameraVideoStreamConfig,
-      dualScreenVideoStreamConfig: dualScreenVideoStreamConfig
-    };
-    this.logger.info("create core engine with config: ".concat((0, _imports.jsonstring)(config)));
-    var engine = new _imports.FcrCoreEngine(config);
+    this.logger.info("creator config: ".concat((0, _imports.jsonstring)(_config)));
+    this._objectManager = new _objectManager.FcrUIObjectManager();
+    this._globalNode = new _base.FcrUIGlobalNode(this._objectManager);
+    var engineConfig = this._createEngineConfig();
+    this.logger.info("create core engine with config: ".concat((0, _imports.jsonstring)(engineConfig)));
+    this._providerInitializer = this._createProviderInitializer();
+    this._providerInitializer.onCreatorInitialize(engineConfig);
+    this._initDeviceConfig();
+    this._initGlobalDialogs();
+    this._initGlobalModules();
 
+    // debug purpose
     // @ts-ignore
-    window.__core_engine = engine;
-    this._engine = engine;
-    this._initProviders();
-    this._createSettingStore();
+    window._objectManager = this._objectManager;
   }
   return (0, _createClass2["default"])(FcrUISceneCreator, [{
-    key: "observableSettingStore",
+    key: "settingModule",
     get: function get() {
-      return _classPrivateFieldGet(_A, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_A, this, v);
+      if (!this._settingModule) {
+        throw new Error('SettingModule is not initialized');
+      }
+      return this._settingModule;
     }
   }, {
-    key: "_initProviders",
-    value: function _initProviders() {
-      this._eventProvider = new _eventProvider.FcrUIEventProviderImpl();
-      this._messageProvider = new _messageProvider.FcrUIMessageProviderImpl();
-      this._dialogProvider = new _dialogProvider.FcrUIDialogProviderImpl();
-      this._deviceProvider = new _deviceProvider.FcrUIDeviceProviderImpl(this._eventProvider, this._engine.getDesktopMediaControl(), this._sharedSettingDataSource);
-      this._sharedConfigDataSource = new _config2.FcrUISharedConfigDataSourceImpl({
-        creatorConfig: this._config
-      });
-      this._monitorProvider = new _monitorProvider.FcrUIMonitorProviderImpl(this._engine.getMonitorControl());
-      this._sharedLayoutDataSource = new _layoutData.FcrUISharedLayoutDataSourceImpl(this._sharedConfigDataSource);
-      var openDefaultCamera = (0, _parameters.isOpenDefaultCamera)(this._config.parameters);
-      var openDefaultMicrophone = (0, _parameters.isOpenDefaultMicrophone)(this._config.parameters);
-      if (openDefaultCamera) {
-        this._sharedSettingDataSource.setMedia({
-          cameraExpectedOff: false
-        });
-      }
-      if (openDefaultMicrophone) {
-        this._sharedSettingDataSource.setMedia({
-          autoConnectAudio: true,
-          microphoneExpectedOff: false
-        });
+    key: "eventToastModule",
+    get: function get() {
+      if (!this._eventToastModule) {
+        throw new Error('EventToastModule is not initialized');
       }
-      this._deviceProvider.loadUiResources((0, _uiResources.getNormalDownloadResources)(this._config.resource));
+      return this._eventToastModule;
     }
   }, {
     key: "launch",
@@ -207,24 +157,13 @@ var FcrUISceneCreator = exports.FcrUISceneCreator = /*#__PURE__*/function () {
       if (this._scene) {
         throw new Error('scene is launched, please exit it before launching a new one.');
       }
-
-      // changeLanguage(config.language);
-
+      var engine = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.CORE_ENGINE);
+      var sharedConfigDataSource = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.S_SHARED_CONFIG_DATA_SOURCE);
+      sharedConfigDataSource.setSceneConfig(config);
       var scene = new _uiScene.FcrUIDefaultScene({
-        config: config,
-        creatorConfig: this._config,
-        dom: dom,
         registeredWidgetConfigs: this._registeredWidgetConfigs,
-        engine: this._engine,
-        eventProvider: this._eventProvider,
-        monitorProvider: this._monitorProvider,
-        deviceProvider: this._deviceProvider,
-        messageProvider: this._messageProvider,
-        dialogProvider: this._dialogProvider,
-        localStorageProvider: this._localStorageProvider,
-        sharedConfigDataSource: this._sharedConfigDataSource,
-        sharedSettingDataSource: this._sharedSettingDataSource,
-        sharedLayoutDataSource: this._sharedLayoutDataSource
+        objectManager: this._objectManager,
+        providerInitializer: this._providerInitializer
       });
       var observer = {
         onLaunchSuccess: function onLaunchSuccess() {
@@ -234,24 +173,44 @@ var FcrUISceneCreator = exports.FcrUISceneCreator = /*#__PURE__*/function () {
                 'rtc.microphone.keep.recording': true
               })]
             };
-            _this.logger.info("[MicrophoneKeepRecording][onLaunchSuccess] parameters ==> ".concat(JSON.stringify(parameters)));
-            _this._engine.setParameters(parameters);
+            engine.setParameters(parameters);
+          }
+          _this._setMeetingState(_renderer.MeetingState.IN_MEETING);
+          for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+            args[_key] = arguments[_key];
           }
-          onSuccess.apply(void 0, arguments);
+          _this._globalNode.sendBroadcastEvent({
+            type: _type.FcrUIGlobalNodeEventType.LAUNCH_SUCCESS,
+            data: args
+          });
+          if ((0, _env.isElectron)()) {
+            var windowProvider = _this._objectManager.getObject(_objectManager.FcrUIObjectKeys.P_WINDOW_PROVIDER);
+            var mainWindow = windowProvider.getCurrentWindow();
+            (0, _focusHelper.focusWindow)(mainWindow);
+          }
+          onSuccess.apply(void 0, args);
         },
         onLaunchFailure: function onLaunchFailure() {
-          onFailure.apply(void 0, arguments);
+          for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+            args[_key2] = arguments[_key2];
+          }
+          onFailure.apply(void 0, args);
           _this._resetScene();
+          _this._globalNode.sendBroadcastEvent({
+            type: _type.FcrUIGlobalNodeEventType.LAUNCH_FAILURE,
+            data: args
+          });
         },
         onLaunchCancel: function onLaunchCancel() {
-          onCancel.apply(void 0, arguments);
+          for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+            args[_key3] = arguments[_key3];
+          }
+          onCancel.apply(void 0, args);
           _this._resetScene();
-        },
-        onSettingStore: function onSettingStore(store) {
-          var _this$observableSetti;
-          (_this$observableSetti = _this.observableSettingStore.value) === null || _this$observableSetti === void 0 || _this$observableSetti.release();
-          _this.observableSettingStore.value = store;
-          _this.closeSetting();
+          _this._globalNode.sendBroadcastEvent({
+            type: _type.FcrUIGlobalNodeEventType.LAUNCH_CANCEL,
+            data: args
+          });
         },
         onExited: function onExited() {
           if (_this._microphoneKeepRecording) {
@@ -260,22 +219,30 @@ var FcrUISceneCreator = exports.FcrUISceneCreator = /*#__PURE__*/function () {
                 'rtc.microphone.keep.recording': false
               })]
             };
-            _this.logger.info("[MicrophoneKeepRecording][onExited] parameters ==> ".concat(JSON.stringify(parameters)));
-            _this._engine.setParameters(parameters);
+            engine.setParameters(parameters);
           }
-          _this.closeSetting();
-          _this._releaseProviders();
-          _this._initProviders();
-          _this._createSettingStore();
           _this._resetScene();
+          _this._globalNode.sendBroadcastEvent({
+            type: _type.FcrUIGlobalNodeEventType.EXITED,
+            data: null
+          });
         },
-        onOpenSettingDialog: function onOpenSettingDialog() {
-          _this.openSetting();
+        onSceneMounted: function onSceneMounted() {
+          _this._globalNode.sendBroadcastEvent({
+            type: _type.FcrUIGlobalNodeEventType.SCENE_MOUNTED,
+            data: null
+          });
+        },
+        onSceneUnmounted: function onSceneUnmounted() {
+          _this._globalNode.sendBroadcastEvent({
+            type: _type.FcrUIGlobalNodeEventType.SCENE_UNMOUNTED,
+            data: null
+          });
         }
       };
       this._sceneObserver = observer;
       scene.addObserver(this._sceneObserver);
-      scene.launch();
+      scene.launch(dom);
       this._scene = scene;
       return scene;
     }
@@ -283,7 +250,8 @@ var FcrUISceneCreator = exports.FcrUISceneCreator = /*#__PURE__*/function () {
     key: "getSettingConfig",
     value: function getSettingConfig() {
       this._precheckState();
-      return this._sharedSettingDataSource.settingConfig;
+      var sharedSettingDataSource = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.S_SHARED_SETTING_DATA_SOURCE);
+      return sharedSettingDataSource.settingConfig;
     }
   }, {
     key: "registerWidget",
@@ -300,22 +268,22 @@ var FcrUISceneCreator = exports.FcrUISceneCreator = /*#__PURE__*/function () {
   }, {
     key: "renewUserToken",
     value: function renewUserToken(token) {
-      this._engine.renewUserToken(token);
+      var engine = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.CORE_ENGINE);
+      engine.renewUserToken(token);
     }
   }, {
     key: "setParameters",
     value: function setParameters(parameters) {
-      var _this$_engine;
       this._precheckState();
+      var engine = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.CORE_ENGINE);
+      var sharedConfigDataSource = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.S_SHARED_CONFIG_DATA_SOURCE);
       var filteredParameters = parameters;
-      this.logger.info("[MicrophoneKeepRecording][setParameters] parameters has no rtc ==> ".concat(JSON.stringify(parameters)));
       if (parameters.rtc) {
         this._setKeepRecordingValueFromParameters(parameters);
         filteredParameters = this._filterKeepRecordingValueFromParameters(parameters);
-        this.logger.info("[MicrophoneKeepRecording][setParameters] rtc filtered ==> ".concat(JSON.stringify(filteredParameters)));
       }
-      (_this$_engine = this._engine) === null || _this$_engine === void 0 || _this$_engine.setParameters(filteredParameters);
-      this._sharedConfigDataSource.setParameters(parameters);
+      engine.setParameters(filteredParameters);
+      sharedConfigDataSource.setParameters(parameters);
     }
   }, {
     key: "getVersion",
@@ -325,63 +293,61 @@ var FcrUISceneCreator = exports.FcrUISceneCreator = /*#__PURE__*/function () {
   }, {
     key: "getDependencyVersions",
     value: function getDependencyVersions() {
+      var engine = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.CORE_ENGINE);
       return _objectSpread({
-        core: this._engine.getVersion()
-      }, this._engine.getDependencyVersions());
+        core: engine.getVersion()
+      }, engine.getDependencyVersions());
     }
   }, {
     key: "openSetting",
     value: function openSetting() {
-      var _this$observableSetti2,
-        _this2 = this;
       this._precheckState();
-      this.closeSetting();
-      (_this$observableSetti2 = this.observableSettingStore.value) === null || _this$observableSetti2 === void 0 || _this$observableSetti2.initSettingConfig();
-      setTimeout(function () {
-        var settingContainer = document.createElement('div');
-        settingContainer.setAttribute('id', 'setting-container');
-        var body = document.querySelector('body');
-        body === null || body === void 0 || body.appendChild(settingContainer);
-        //  this._renderSettingsViewe()
-        var dom = document.querySelector('#setting-container');
-        _reactDom["default"].render(/*#__PURE__*/(0, _jsxRuntime.jsx)(_view.SettingsView, {
-          onClose: _this2.closeSetting,
-          store: _this2.observableSettingStore
-        }), dom);
-      }, 400);
+      this._objectManager.getObject(_objectManager.FcrUIObjectKeys.P_DIALOG_PROVIDER).openDialog(_constant.FcrUIDialogKey.SETTINGS);
+      if ((0, _env.isElectron)()) {
+        var windowProvider = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.P_WINDOW_PROVIDER);
+        var settingWindow = windowProvider.getWindowById(_constant.FcrUIDialogKey.SETTINGS);
+        (0, _focusHelper.focusWindow)(settingWindow);
+      }
     }
   }, {
     key: "closeSetting",
     value: function closeSetting() {
       this._precheckState();
-      var settingContainer = document.querySelector('#setting-container');
-      if (settingContainer) {
-        _reactDom["default"].unmountComponentAtNode(settingContainer);
-        document.body.removeChild(settingContainer);
-      }
-    }
-  }, {
-    key: "_releaseProviders",
-    value: function _releaseProviders() {
-      this._eventProvider.release();
-      this._deviceProvider.release();
+      this._objectManager.getObject(_objectManager.FcrUIObjectKeys.P_DIALOG_PROVIDER).openDialog(_constant.FcrUIDialogKey.SETTINGS);
     }
   }, {
     key: "release",
     value: function release() {
-      var _this$_engine2;
-      this._releaseProviders();
-      (_this$_engine2 = this._engine) === null || _this$_engine2 === void 0 || _this$_engine2.release();
+      this._precheckState();
+      this._globalNode.unmount();
+      this._globalNode.nodeWillInactive();
+      this._providerInitializer.onCreatorRelease();
+      // Release core engine last
       this._released = true;
       this._resetScene();
     }
+  }, {
+    key: "_setMeetingState",
+    value: function _setMeetingState(state) {
+      if ((0, _env.isElectron)()) {
+        try {
+          var renderer = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.RENDERER_WRAPPER);
+          renderer.setInMeetingState(state);
+          this.logger.info("[setMeetingState] Set meeting state to ".concat(_renderer.MeetingState[state]));
+        } catch (error) {
+          this.logger.error("[setMeetingState] Failed to set meeting state: ".concat(error));
+        }
+      }
+    }
   }, {
     key: "_resetScene",
     value: function _resetScene() {
       if (this._sceneObserver) {
         var _this$_scene;
         (_this$_scene = this._scene) === null || _this$_scene === void 0 || _this$_scene.removeObserver(this._sceneObserver);
+        this._sceneObserver = null;
       }
+      this._setMeetingState(_renderer.MeetingState.NOT_IN_MEETING);
       this._scene = null;
     }
   }, {
@@ -408,7 +374,7 @@ var FcrUISceneCreator = exports.FcrUISceneCreator = /*#__PURE__*/function () {
           rtc: rtc
         });
       } catch (e) {
-        this.logger.error("[MicrophoneKeepRecording][filterKeepRecordingValueFromParameters] error: ".concat(e));
+        this.logger.error("failed to filter keep recording value from parameters: ".concat(e));
         return parameters;
       }
     }
@@ -424,42 +390,147 @@ var FcrUISceneCreator = exports.FcrUISceneCreator = /*#__PURE__*/function () {
         if (keepRecording) {
           var keepRecordingValue = JSON.parse(keepRecording)['rtc.microphone.keep.recording'];
           this._microphoneKeepRecording = !!keepRecordingValue;
-          this.logger.info("[MicrophoneKeepRecording][setParameters] keepRecording value is ==> ".concat(JSON.stringify(parameters)));
         }
       } catch (e) {
-        this.logger.error("[MicrophoneKeepRecording][setParameters] error: ".concat(e));
+        this.logger.error("failed to set keep recording value from parameters: ".concat(e));
       }
     }
   }, {
-    key: "_createSettingStore",
-    value: function _createSettingStore() {
-      var _this$observableSetti3;
-      var eventProvider = this._eventProvider;
-      var deviceProvider = this._deviceProvider;
-      var dialogProvider = this._dialogProvider;
-      var messageProvider = this._messageProvider;
-      var sharedConfigDataSource = this._sharedConfigDataSource;
-      var sharedSettingDataSource = this._sharedSettingDataSource;
-      var monitorProvider = this._monitorProvider;
-      var sharedLayoutDataSource = this._sharedLayoutDataSource;
-      (_this$observableSetti3 = this.observableSettingStore.value) === null || _this$observableSetti3 === void 0 || _this$observableSetti3.release();
-      this.logger.debug('create SettingStore');
-      this.observableSettingStore.value = new _store["default"]({
-        eventProvider: eventProvider,
-        deviceProvider: deviceProvider,
-        monitorProvider: monitorProvider,
-        sharedConfigDataSource: sharedConfigDataSource,
-        messageProvider: messageProvider,
-        sharedSettingDataSource: sharedSettingDataSource,
-        dialogProvider: dialogProvider,
-        sharedLayoutDataSource: sharedLayoutDataSource
-      });
+    key: "_initDeviceConfig",
+    value: function _initDeviceConfig() {
+      var openDefaultCamera = (0, _parameters.isOpenDefaultCamera)(this._config.parameters);
+      var openDefaultMicrophone = (0, _parameters.isOpenDefaultMicrophone)(this._config.parameters);
+      var sharedSettingDataSource = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.S_SHARED_SETTING_DATA_SOURCE);
+      var deviceProvider = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.P_DEVICE_PROVIDER);
+      if (openDefaultCamera) {
+        sharedSettingDataSource.setMedia({
+          cameraExpectedOff: false
+        });
+      }
+      if (openDefaultMicrophone) {
+        sharedSettingDataSource.setMedia({
+          autoConnectAudio: true,
+          microphoneExpectedOff: false
+        });
+      }
+      deviceProvider.loadUiResources((0, _uiResources.getNormalDownloadResources)(this._config.resource));
+    }
+  }, {
+    key: "_initGlobalModules",
+    value: function _initGlobalModules() {
+      var dialogModule = new _dialog.DialogUIModule(this._globalNode);
+      var eventToastModule = new _eventToast.EventToastUIModule(this._globalNode);
+      var settingModule = new _setting.SettingUIModule(this._globalNode);
+      this._settingModule = settingModule;
+      this._eventToastModule = eventToastModule;
+      this._globalNode.nodeWillActive();
+      this._globalNode.addSubNode(dialogModule);
+      this._globalNode.addSubNode(eventToastModule);
+      this._globalNode.addSubNode(settingModule);
+      this._globalNode.addToSlot('dialog', dialogModule.getComponent());
+      if (!(0, _env.isElectron)()) {
+        this._globalNode.addToSlot('toast', eventToastModule.getComponent('global'));
+      }
+
+      // other global modules...
+
+      this._globalNode.mount();
+    }
+  }, {
+    key: "_initGlobalDialogs",
+    value: function _initGlobalDialogs() {
+      var _this2 = this;
+      var dialogProvider = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.P_DIALOG_PROVIDER);
+      dialogProvider.addDialogs([{
+        key: _constant.FcrUIDialogKey.CONFIRM,
+        component: function component(_ref2) {
+          var dialogKey = _ref2.dialogKey,
+            dialogId = _ref2.dialogId,
+            params = _ref2.params;
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_confirm.ConfirmDialog, {
+            dialogKey: dialogKey,
+            dialogId: dialogId,
+            params: params
+          }, dialogId);
+        },
+        windowConfig: _confirm.windowConfig
+      }, {
+        key: _constant.FcrUIDialogKey.TOAST,
+        component: function component(_ref3) {
+          var dialogKey = _ref3.dialogKey,
+            dialogId = _ref3.dialogId,
+            params = _ref3.params;
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_toast.ToastDialog, {
+            dialogKey: dialogKey,
+            dialogId: dialogId,
+            params: params,
+            children: _this2.eventToastModule.getComponent('global')
+          }, dialogId);
+        },
+        windowConfig: _toast.windowConfig
+      }, {
+        key: _constant.FcrUIDialogKey.SETTINGS,
+        component: function component(_ref4) {
+          var dialogKey = _ref4.dialogKey,
+            dialogId = _ref4.dialogId,
+            params = _ref4.params;
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_deviceSetting["default"], {
+            dialogKey: dialogKey,
+            dialogId: dialogId,
+            children: _this2.settingModule.getComponent(params)
+          }, dialogId);
+        },
+        windowConfig: _deviceSetting.windowConfig
+      }]);
+    }
+  }, {
+    key: "_createEngineConfig",
+    value: function _createEngineConfig() {
+      this._setKeepRecordingValueFromParameters(this._config.parameters || {});
+      var filteredParameters = this._filterKeepRecordingValueFromParameters(this._config.parameters || {});
+      var dualCameraVideoStreamConfigFromParameters = (0, _parameters.getDualCameraVideoStreamConfig)(filteredParameters);
+      var dualScreenVideoStreamConfigFromParameters = (0, _parameters.getDualScreenVideoStreamConfig)(filteredParameters);
+      (0, _defaultConfig.mergeDefaultDualStreamConfig)(dualCameraVideoStreamConfigFromParameters, dualScreenVideoStreamConfigFromParameters);
+      var dualCameraVideoStreamConfig = {
+        lowVideoEncoderConfig: _defaultConfig.cameraVideoLowStreamEncoderConfig,
+        highVideoEncoderConfig: _defaultConfig.cameraVideoHighStreamEncoderConfig,
+        enableDualStreamMode: (0, _defaultConfig.isCameraDualStreamModeEnabled)()
+      };
+      var dualScreenVideoStreamConfig = {
+        lowVideoEncoderConfig: _defaultConfig.screenCaptureLowStreamEncoderConfig,
+        highVideoEncoderConfig: _defaultConfig.screenCaptureHighStreamEncoderConfig,
+        enableDualStreamMode: (0, _defaultConfig.isScreenDualStreamModeEnabled)()
+      };
+      var config = {
+        appId: this._config.appId,
+        userId: this._config.userId,
+        parameters: filteredParameters,
+        token: this._config.token,
+        region: _fcrCore.FcrRegion.CN,
+        dualCameraVideoStreamConfig: dualCameraVideoStreamConfig,
+        dualScreenVideoStreamConfig: dualScreenVideoStreamConfig
+      };
+      return config;
+    }
+  }, {
+    key: "_createProviderInitializer",
+    value: function _createProviderInitializer() {
+      if ((0, _env.isElectron)()) {
+        return new _providerInitializer.FcrUIElectronProviderInitializer({
+          objectManager: this._objectManager,
+          config: this._config
+        });
+      } else {
+        return new _providerInitializer2.FcrUIBrowserProviderInitializer({
+          objectManager: this._objectManager,
+          config: this._config
+        });
+      }
     }
   }]);
 }();
 _FcrUISceneCreator = FcrUISceneCreator;
-var _applyDecs$e = _applyDecs(_FcrUISceneCreator, [[_mobx.observable, 1, "observableSettingStore"], [_launchDecs, 2, "launch"], [_decorator.trace, 2, "getSettingConfig"], [_decorator.trace, 2, "registerWidget"], [_decorator.trace, 2, "unregisterWidget"], [_decorator.trace, 2, "renewUserToken"], [_decorator.trace, 2, "setParameters"], [[_decorator.trace, _decorator.bound], 2, "openSetting"], [[_decorator.trace, _decorator.bound], 2, "closeSetting"], [_decorator.trace, 2, "release"], [_decorator.bound, 2, "_resetScene"]], []).e;
-var _applyDecs$e2 = (0, _slicedToArray2["default"])(_applyDecs$e, 2);
-_init_observableSettingStore = _applyDecs$e2[0];
-_initProto = _applyDecs$e2[1];
+var _applyDecs$e = _applyDecs(_FcrUISceneCreator, [[_launchDecs, 2, "launch"], [_decorator.trace, 2, "getSettingConfig"], [_decorator.trace, 2, "registerWidget"], [_decorator.trace, 2, "unregisterWidget"], [_decorator.trace, 2, "renewUserToken"], [_decorator.trace, 2, "setParameters"], [[_decorator.trace, _decorator.bound], 2, "openSetting"], [[_decorator.trace, _decorator.bound], 2, "closeSetting"], [_decorator.trace, 2, "release"], [_decorator.bound, 2, "_resetScene"]], []).e;
+var _applyDecs$e2 = (0, _slicedToArray2["default"])(_applyDecs$e, 1);
+_initProto = _applyDecs$e2[0];
 _applyDecs$e;