fcr-ui-scene 3.5.0 → 3.6.0

package/lib/ui-scene.js

@@ -39,7 +39,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FcrUIDefaultScene = 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.push.js");
 require("core-js/modules/es.date.to-string.js");
@@ -47,11 +46,11 @@ require("core-js/modules/es.number.constructor.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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -62,15 +61,13 @@ var _i18n = require("agora-ui-foundation/lib/i18n");
 var _type = require("./type");
 var _uiManager = require("./ui-manager");
 var _tools = require("./utilities/tools");
-var _defaultConfig = require("./utilities/default-config");
 var _renderer = require("./utilities/renderer");
 var _parameters = require("./utilities/parameters");
 var _dialog = require("agora-ui-foundation/lib/components/dialog");
-var _loginConfirmDialog = require("./login-confirm-dialog");
+var _comfirmDialog = require("agora-ui-foundation/lib/components/comfirm-dialog");
 var _type2 = require("fcr-core/lib/room-control/type");
 var _roomProvider = require("./providers/room-provider");
 var _constant = require("./utilities/constant");
-var _uiResources = require("./utilities/ui-resources");
 var _eventProvider = require("./providers/event-provider");
 var _config2 = require("./shared-data-source/config");
 var _deviceProvider = require("./providers/device-provider");
@@ -88,7 +85,9 @@ var _widgetProvider = require("./providers/widget-provider");
 var _decorator = require("agora-foundation/lib/decorator");
 var _logger = require("fcr-core/lib/utilities/logger");
 var _logger2 = require("./utilities/logger");
-var _imports = require("fcr-core/lib/imports");
+var _store = _interopRequireDefault(require("./modules/setting/store"));
+var _monitorProvider = require("./providers/monitor-provider");
+var _uiResources = require("./utilities/ui-resources");
 var _jsxRuntime = require("react/jsx-runtime");
 var _FcrUIDefaultScene;
 var _initProto;
@@ -98,7 +97,7 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 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 FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
-  function FcrUIDefaultScene(_config, _creatorConfig, _dom, _settingConfig, _registeredWidgetConfigs) {
+  function FcrUIDefaultScene(_config, _creatorConfig, _dom, _settingConfig, _registeredWidgetConfigs, _engine) {
     var _this = this;
     (0, _classCallCheck2["default"])(this, FcrUIDefaultScene);
     // @internal
@@ -109,6 +108,8 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
     (0, _defineProperty2["default"])(this, "_observable", new _observable.AgoraObservable());
     // @internal
     (0, _defineProperty2["default"])(this, "_disposers", []);
+    // @internal
+    (0, _defineProperty2["default"])(this, "_isLaunched", false);
     (0, _defineProperty2["default"])(this, "_handleBeforeUnload", function () {
       (0, _renderer.setInMeetingState)(0);
       (0, _renderer.releaseSubAllWindowRefs)();
@@ -118,6 +119,7 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
     this._dom = _dom;
     this._settingConfig = _settingConfig;
     this._registeredWidgetConfigs = _registeredWidgetConfigs;
+    this._engine = _engine;
     this._observable.addObserver({
       onLaunchSuccess: function onLaunchSuccess() {
         (0, _renderer.setInMeetingState)(1);
@@ -129,8 +131,8 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
         _this._release();
       }
     });
-    var language = (0, _i18n.getLanguage)();
     this._localStorageProvider = new _localStorageProvider.FcrUILocalStorageProviderImpl();
+    var language = (0, _i18n.getLanguage)();
     (0, _tools.setLanguage)(language);
     window.addEventListener('beforeunload', this._handleBeforeUnload);
     this._addLogObserver();
@@ -154,57 +156,33 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
     key: "launch",
     value: function launch() {
       var _this2 = this;
+      if (this._isLaunched) {
+        this.logger.error('Scene UI has been launched, cannot launch again');
+        return;
+      }
+      this._isLaunched = true;
       if (!this._dom) {
         this.logger.error('Scene UI cannot be rendered as dom is not exist');
         return;
       }
-      var dualCameraVideoStreamConfigFromParameters = (0, _parameters.getDualCameraVideoStreamConfig)(this._creatorConfig.parameters);
-      var dualScreenVideoStreamConfigFromParameters = (0, _parameters.getDualScreenVideoStreamConfig)(this._creatorConfig.parameters);
-      (0, _defaultConfig.mergeDefaultDualStreamConfig)(dualCameraVideoStreamConfigFromParameters, dualScreenVideoStreamConfigFromParameters);
-      var dualCameraVideoStreamConfig = {
-        lowVideoEncoderConfig: _defaultConfig.cameraVideoLowStreamEncoderConfig,
-        highVideoEncoderConfig: _defaultConfig.cameraVideoHighStreamEncoderConfig,
-        enableDualStreamMode: _defaultConfig.enableCameraDualStreamMode
-      };
-      var dualScreenVideoStreamConfig = {
-        lowVideoEncoderConfig: _defaultConfig.screenCaptureLowStreamEncoderConfig,
-        highVideoEncoderConfig: _defaultConfig.screenCaptureHighStreamEncoderConfig,
-        enableDualStreamMode: _defaultConfig.enableScreenDualStreamMode
-      };
-      var config = {
-        appId: this._creatorConfig.appId,
-        userId: this._creatorConfig.userId,
-        parameters: this._creatorConfig.parameters,
-        token: this._config.roomToken,
-        region: _fcrCore.FcrRegion.CN,
-        dualCameraVideoStreamConfig: dualCameraVideoStreamConfig,
-        dualScreenVideoStreamConfig: dualScreenVideoStreamConfig
-      };
-      this.logger.info("create core engine with config: ".concat((0, _imports.jsonstring)(config)));
-      var engine = new _fcrCore.FcrCoreEngine(config);
-
-      // @ts-ignore
-      window.__core_engine = engine;
-      this._engine = engine;
-      if (config.parameters) {
-        engine.setParameters(config.parameters);
-      }
-      this._uiManager = new _uiManager.DefaultSceneUIManager(this._config, config, engine);
+      var engine = this._engine;
+      this._uiManager = new _uiManager.FcrUIManager(this._config, engine, this._dom, this._creatorConfig.parameters);
       this._eventProvider = new _eventProvider.FcrUIEventProviderImpl();
       this._messageProvider = new _messageProvider.FcrUIMessageProviderImpl();
       this._dialogProvider = new _dialogProvider.FcrUIDialogProviderImpl();
       this._sharedDevicePrivilegeDataSource = new _devicePrivilegeData.FcrUISharedDevicePrivilegeDataSourceImpl();
-      this._deviceProvider = new _deviceProvider.FcrUIDeviceProviderImpl(this._eventProvider, engine.getDesktopMediaControl(), this._settingConfig.media);
+      this._deviceProvider = new _deviceProvider.FcrUIDeviceProviderImpl(this._eventProvider, engine.getDesktopMediaControl(), this._settingConfig.media, this._localStorageProvider);
       this._roomProvider = new _roomProvider.FcrUIRoomProviderImpl(this._eventProvider, this._config, engine, this._messageProvider);
       this._sharedConfigDataSource = new _config2.FcrUISharedConfigDataSourceImpl({
         creatorConfig: this._creatorConfig,
         sceneConfig: this._config,
-        settingConfig: this._settingConfig
+        settingConfig: this._settingConfig,
+        localStorageProvider: this._localStorageProvider
       });
       this._sharedSettingDataSource = new _setting.FcrUISharedSettingDataSourceImpl(this._creatorConfig, this._localStorageProvider);
       this._sharedLayoutDataSource = new _layoutData.FcrUISharedLayoutDataSourceImpl(this._sharedConfigDataSource);
       this._sharedSpeakerSpotlightDataSource = new _speakerSpotlight.FcrUISharedSpeakerSpotlightDataSourceImpl();
-      this._sharedVideoWindowDataSource = new _videoWindow.FcrUIVideoWindowDataSourceImpl(this._sharedSettingDataSource, this._eventProvider);
+      this._sharedVideoWindowDataSource = new _videoWindow.FcrUIVideoWindowDataSourceImpl(this._sharedSettingDataSource);
       this._sharedPinDataSource = new _pinData.FcrUISharedPinDataSourceImpl(this._eventProvider, this._sharedVideoWindowDataSource);
       this._widgetProvider = new _widgetProvider.FcrUIWidgetProviderImpl({
         registeredWidgetConfigs: this._registeredWidgetConfigs,
@@ -236,22 +214,19 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
       var uiManager = this._uiManager;
       var dom = this._dom;
       this._addObservers(roomProvider, eventProvider, deviceProvider, engine, uiManager, sharedConfigDataSource, sharedSettingDataSource, sharedLayoutDataSource, sharedSpeakerSpotlightDataSource, sharedPinDataSource, dialogProvider, messageProvider, sharedVideoWindowDataSource, sharedDevicePrivilegeDataSource, widgetProvider);
-      this._downloadResources(deviceProvider);
 
       // start render UI
 
-      var skipPretest = (0, _parameters.isSkipPretest)(config.parameters);
-      var renderSceneUI = function renderSceneUI(response) {
-        _this2._renderSceneUI(response, uiManager, eventProvider, deviceProvider, roomProvider, sharedConfigDataSource, sharedSettingDataSource, sharedLayoutDataSource, sharedSpeakerSpotlightDataSource, sharedPinDataSource, messageProvider, dialogProvider, sharedVideoWindowDataSource, sharedDevicePrivilegeDataSource, widgetProvider);
-      };
+      // const skipPretest = isSkipPretest(config.parameters);
+      var skipPretest = true;
       if (!skipPretest) {
         var joining = false;
-        uiManager.renderDevicePretestUi(dom, deviceProvider,
+        uiManager.renderDevicePretestUi(deviceProvider,
         // on join
         function () {
           if (joining) return;
           joining = true;
-          _this2._joinRoom(engine, roomProvider, deviceProvider).then(renderSceneUI)["finally"](function () {
+          _this2._joinRoom(engine, roomProvider, deviceProvider)["finally"](function () {
             joining = false;
           });
         },
@@ -260,7 +235,7 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
           _this2._observable.notifyObservers('onLaunchCancel', _this2._config.roomId);
         });
       } else {
-        this._joinRoom(engine, roomProvider, deviceProvider).then(renderSceneUI);
+        this._joinRoom(engine, roomProvider, deviceProvider);
       }
     }
   }, {
@@ -281,16 +256,6 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
         this._localStorageProvider.write(localMeetingTimeKey, Number(new Date()));
       }
     }
-  }, {
-    key: "_resetLocalMeetingTimeKey",
-    value: function _resetLocalMeetingTimeKey() {
-      var roomId = this._config.roomId;
-      var localMeetingTimeKey = "enter-room-".concat(roomId);
-      if (this._localStorageProvider) {
-        this._localStorageProvider.remove(localMeetingTimeKey);
-        this._localStorageProvider.write(localMeetingTimeKey, Number(new Date()));
-      }
-    }
   }, {
     key: "_addObservers",
     value: function _addObservers(roomProvider, eventProvider, deviceProvider, engine, uiManager, sharedConfigDataSource, sharedSettingDataSource, sharedLayoutDataSource, sharedSpeakerSpotlightDataSource, sharedPinDataSource, dialogProvider, messageProvider, sharedVideoWindowDataSource, sharedDevicePrivilegeDataSource, widgetProvider) {
@@ -299,45 +264,20 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
       var observable = this._observable;
       var sceneConfig = this._config;
       roomProvider.addObserver({
-        onJoinMainRoom: function onJoinMainRoom(ticket) {
-          roomProvider.handleJoinMainRoom(_this3._config.roomId, ticket).then(function () {
-            if (dom) {
-              _this3.logger.info('render main room ui');
-              _this3._resetLocalMeetingTimeKey();
-              _this3._disposers.push(uiManager.renderMainSceneUI(dom, eventProvider, deviceProvider, roomProvider, sharedConfigDataSource, sharedSettingDataSource, sharedLayoutDataSource, sharedSpeakerSpotlightDataSource, sharedPinDataSource, dialogProvider, messageProvider, sharedVideoWindowDataSource, sharedDevicePrivilegeDataSource, widgetProvider));
-            }
-          });
-        },
-        onJoinMainRoomFailed: function onJoinMainRoomFailed(error) {
-          if (error.code === '730403100') {
-            _dialog.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: 320,
-                closable: false,
-                rootClassName: 'login-confirm-dialog'
-              }
-            });
-          }
-        },
         onLeaveMainRoom: function onLeaveMainRoom() {
           _this3._disposeRoomControl();
-          uiManager.renderLoading(_this3._dom);
+          _this3._removeLocalMeetingTimeKey();
+          uiManager.renderLoading(true);
         },
         onLeaveWaitingRoom: function onLeaveWaitingRoom() {
           _this3._disposeRoomControl();
-          uiManager.renderLoading(dom);
+          uiManager.renderLoading(true);
         },
         onLocalUserKickedOut: function onLocalUserKickedOut() {
           _dialog.FcrDialogApi.open({
             id: 'login-confirm-dialog-kick-out',
             dialogProps: {
-              content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_loginConfirmDialog.LoginConfirmDialog, {
+              content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_comfirmDialog.LoginConfirmDialog, {
                 title: (0, _i18n.transI18n)('fmt_popup_button_leavemeeting'),
                 desc: (0, _i18n.transI18n)('fmt_leave_tips_removetip'),
                 id: "login-confirm-dialog-kick-out",
@@ -358,7 +298,7 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
         onJoinWaitingRoom: function onJoinWaitingRoom(roomControl, isWaitingRoomManaager) {
           if (_this3._dom && !isWaitingRoomManaager) {
             var _this3$_messageProvid;
-            _this3._disposers.push(uiManager.renderWaitingSceneUI(_this3._dom, eventProvider, deviceProvider, roomProvider, sharedConfigDataSource, dialogProvider, messageProvider, sharedLayoutDataSource, sharedSettingDataSource, sharedDevicePrivilegeDataSource, widgetProvider));
+            _this3._disposers.push(uiManager.renderWaitingSceneUI(eventProvider, deviceProvider, roomProvider, sharedConfigDataSource, dialogProvider, messageProvider, sharedLayoutDataSource, sharedSettingDataSource, sharedDevicePrivilegeDataSource, widgetProvider));
             (_this3$_messageProvid = _this3._messageProvider) === null || _this3$_messageProvid === void 0 || _this3$_messageProvid.showToast({
               message: (0, _i18n.transI18n)('fmt_waitingroom_attendie_overview_label_move_in_by_host'),
               type: 'error'
@@ -369,7 +309,7 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
           _dialog.FcrDialogApi.open({
             id: 'login-confirm-dialog-kick-out',
             dialogProps: {
-              content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_loginConfirmDialog.LoginConfirmDialog, {
+              content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_comfirmDialog.LoginConfirmDialog, {
                 title: (0, _i18n.transI18n)('fmt_toolbar_tips_leave_confirm_dialog_end_title'),
                 desc: (0, _i18n.transI18n)('fmt_leave_tips_classover'),
                 id: "login-confirm-dialog-kick-out",
@@ -389,6 +329,14 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
         },
         onExitRoom: function onExitRoom() {
           observable.notifyObservers('onExited', sceneConfig.roomId, _type.FcrUIExitReason.LEAVE_ROOM);
+        },
+        onRoutingChanged: function onRoutingChanged(roomControl) {
+          uiManager.renderLoading(false);
+          _this3._sharedVideoWindowDataSource = new _videoWindow.FcrUIVideoWindowDataSourceImpl(sharedSettingDataSource);
+          _this3._sharedPinDataSource = new _pinData.FcrUISharedPinDataSourceImpl(eventProvider, _this3._sharedVideoWindowDataSource);
+          var sharedPinDataSource = _this3._sharedPinDataSource;
+          var sharedVideoWindowDataSource = _this3._sharedVideoWindowDataSource;
+          _this3._renderSceneUI(roomControl, uiManager, eventProvider, deviceProvider, roomProvider, sharedConfigDataSource, sharedSettingDataSource, sharedLayoutDataSource, sharedSpeakerSpotlightDataSource, sharedPinDataSource, messageProvider, dialogProvider, sharedVideoWindowDataSource, sharedDevicePrivilegeDataSource, widgetProvider);
         }
       });
       engine.addObserver({
@@ -409,10 +357,18 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
             });
           }
           if (state === _fcrCore.FcrConnectionState.CONNECTED) {
+            uiManager.renderLoading(false);
             eventProvider.sendEvent(_constant.FcrUIAction.ENGINE_RECONNECTED);
           }
+          if (state !== _fcrCore.FcrConnectionState.CONNECTED) {
+            uiManager.renderLoading(true);
+          }
+        },
+        onUserTokenWillExpire: function onUserTokenWillExpire() {
+          _this3._observable.notifyObservers('onUserTokenWillExpire');
         }
       });
+      deviceProvider.loadUiResources((0, _uiResources.getNormalDownloadResources)(this._creatorConfig.resource));
     }
   }, {
     key: "_joinRoom",
@@ -424,17 +380,27 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               p = engine.login().then(function () {
-                return roomControl.handleJoinRoom(_this4._config.roomId);
+                return deviceProvider.init();
+              }).then(function () {
+                return roomControl.handleJoinRoom();
               }).then(/*#__PURE__*/function () {
                 var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee(response) {
                   return _regenerator["default"].wrap(function _callee$(_context) {
                     while (1) switch (_context.prev = _context.next) {
                       case 0:
-                        _context.next = 2;
-                        return deviceProvider.init();
-                      case 2:
+                        _this4._initSettingStore({
+                          engine: _this4._engine,
+                          roomProvider: _this4._roomProvider,
+                          eventProvider: _this4._eventProvider,
+                          deviceProvider: _this4._deviceProvider,
+                          sharedConfigDataSource: _this4._sharedConfigDataSource,
+                          sharedLayoutDataSource: _this4._sharedLayoutDataSource,
+                          messageProvider: _this4._messageProvider,
+                          sharedSettingDataSource: _this4._sharedSettingDataSource,
+                          dialogProvider: _this4._dialogProvider
+                        });
                         return _context.abrupt("return", response);
-                      case 3:
+                      case 2:
                       case "end":
                         return _context.stop();
                     }
@@ -445,7 +411,6 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
                 };
               }());
               p.then(function () {
-                _this4._setLocalMeetingTimeKey();
                 _this4._observable.notifyObservers('onLaunchSuccess', _this4._config.roomId);
               })["catch"](function (e) {
                 _this4._observable.notifyObservers('onLaunchFailure', _this4._config.roomId, e);
@@ -465,26 +430,26 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
   }, {
     key: "_renderSceneUI",
     value: function () {
-      var _renderSceneUI2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(response, uiManager, eventProvider, deviceProvider, roomProvider, sharedConfigDataSource, sharedSettingDataSource, sharedLayoutDataSource, sharedSpeakerSpotlightDataSource, sharedPinDataSource, messageProvider, dialogProvider, sharedVideoWindowDataSource, sharedDevicePrivilegeDataSource, widgetProvider) {
+      var _renderSceneUI2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(roomControl, uiManager, eventProvider, deviceProvider, roomProvider, sharedConfigDataSource, sharedSettingDataSource, sharedLayoutDataSource, sharedSpeakerSpotlightDataSource, sharedPinDataSource, messageProvider, dialogProvider, sharedVideoWindowDataSource, sharedDevicePrivilegeDataSource, widgetProvider) {
         var _roomControl$getRoomI;
-        var dom, roomControl, type;
+        var dom, type;
         return _regenerator["default"].wrap(function _callee3$(_context3) {
           while (1) switch (_context3.prev = _context3.next) {
             case 0:
               dom = this._dom;
-              roomControl = response;
               type = (_roomControl$getRoomI = roomControl.getRoomInfo()) === null || _roomControl$getRoomI === void 0 ? void 0 : _roomControl$getRoomI.roomType;
               if (type === _type2.FcrRoomType.Mainroom) {
                 if ((0, _parameters.isRobotPullingMode)(this._creatorConfig.parameters)) {
                   this.logger.info('Offscreen pulling mode enabled');
-                  this._disposers.push(uiManager.renderPullingUi(dom, roomControl));
+                  this._disposers.push(uiManager.renderPullingUi(roomControl));
                 } else {
-                  this._disposers.push(uiManager.renderMainSceneUI(dom, eventProvider, deviceProvider, roomProvider, sharedConfigDataSource, sharedSettingDataSource, sharedLayoutDataSource, sharedSpeakerSpotlightDataSource, sharedPinDataSource, dialogProvider, messageProvider, sharedVideoWindowDataSource, sharedDevicePrivilegeDataSource, widgetProvider));
+                  this._setLocalMeetingTimeKey();
+                  this._disposers.push(uiManager.renderMainSceneUI(eventProvider, deviceProvider, roomProvider, sharedConfigDataSource, sharedSettingDataSource, sharedLayoutDataSource, sharedSpeakerSpotlightDataSource, sharedPinDataSource, dialogProvider, messageProvider, sharedVideoWindowDataSource, sharedDevicePrivilegeDataSource, widgetProvider));
                 }
               } else {
-                this._disposers.push(uiManager.renderWaitingSceneUI(dom, eventProvider, deviceProvider, roomProvider, sharedConfigDataSource, dialogProvider, messageProvider, sharedLayoutDataSource, sharedSettingDataSource, sharedDevicePrivilegeDataSource, widgetProvider));
+                this._disposers.push(uiManager.renderWaitingSceneUI(eventProvider, deviceProvider, roomProvider, sharedConfigDataSource, dialogProvider, messageProvider, sharedLayoutDataSource, sharedSettingDataSource, sharedDevicePrivilegeDataSource, widgetProvider));
               }
-            case 4:
+            case 3:
             case "end":
               return _context3.stop();
           }
@@ -498,21 +463,21 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
   }, {
     key: "_release",
     value: function _release() {
-      var _this$_engine, _this$_engine2, _this$_eventProvider, _this$_deviceProvider, _this$_roomProvider;
+      var _this$_engine, _this$_eventProvider, _this$_deviceProvider, _this$_roomProvider, _this$_uiManager;
       this._removeLocalMeetingTimeKey();
       this._disposeRoomControl();
       (_this$_engine = this._engine) === null || _this$_engine === void 0 || _this$_engine.logout();
-      (_this$_engine2 = this._engine) === null || _this$_engine2 === void 0 || _this$_engine2.release();
       (_this$_eventProvider = this._eventProvider) === null || _this$_eventProvider === void 0 || _this$_eventProvider.release();
       (_this$_deviceProvider = this._deviceProvider) === null || _this$_deviceProvider === void 0 || _this$_deviceProvider.release();
       (_this$_roomProvider = this._roomProvider) === null || _this$_roomProvider === void 0 || _this$_roomProvider.release();
+      (_this$_uiManager = this._uiManager) === null || _this$_uiManager === void 0 || _this$_uiManager.release();
       this._uiManager = undefined;
-      this._engine = undefined;
       this._eventProvider = undefined;
       this._deviceProvider = undefined;
       (0, _renderer.setInMeetingState)(0);
       (0, _renderer.releaseSubAllWindowRefs)();
       window.removeEventListener('beforeunload', this._handleBeforeUnload);
+      this._isLaunched = false;
     }
   }, {
     key: "_disposeRoomControl",
@@ -523,26 +488,45 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
       this._disposers = [];
     }
   }, {
-    key: "_downloadResources",
-    value: function _downloadResources(mediaControl) {
-      var _this$_config$resourc;
-      var _ref2 = (_this$_config$resourc = this._config.resource) !== null && _this$_config$resourc !== void 0 ? _this$_config$resourc : {
-          virtualBackgroundImages: [],
-          virtualBackgroundVideos: [],
-          soundEffectAudios: []
-        },
-        _ref2$virtualBackgrou = _ref2.virtualBackgroundImages,
-        virtualBackgroundImages = _ref2$virtualBackgrou === void 0 ? [] : _ref2$virtualBackgrou,
-        _ref2$virtualBackgrou2 = _ref2.virtualBackgroundVideos,
-        virtualBackgroundVideos = _ref2$virtualBackgrou2 === void 0 ? [] : _ref2$virtualBackgrou2,
-        _ref2$soundEffectAudi = _ref2.soundEffectAudios,
-        soundEffectAudios = _ref2$soundEffectAudi === void 0 ? [] : _ref2$soundEffectAudi;
-      var uiResources = {
-        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)),
-        soundEffectAudios: [].concat((0, _toConsumableArray2["default"])(_uiResources.BUILTIN_SOUND_EFFECT_URL_LIST), (0, _toConsumableArray2["default"])(soundEffectAudios))
-      };
-      mediaControl.downloadUiResources(uiResources);
+    key: "_initSettingStore",
+    value: function _initSettingStore(_ref2) {
+      var _this$_dialogProvider,
+        _this5 = this;
+      var engine = _ref2.engine,
+        roomProvider = _ref2.roomProvider,
+        eventProvider = _ref2.eventProvider,
+        deviceProvider = _ref2.deviceProvider,
+        sharedConfigDataSource = _ref2.sharedConfigDataSource,
+        sharedLayoutDataSource = _ref2.sharedLayoutDataSource,
+        messageProvider = _ref2.messageProvider,
+        sharedSettingDataSource = _ref2.sharedSettingDataSource,
+        dialogProvider = _ref2.dialogProvider;
+      var monitorProvider = new _monitorProvider.FcrUIMonitorProviderImpl(engine.getMonitorControl());
+      var mainRoomControl = roomProvider.currentRoomControl;
+      var currentRoomControlProvider = new _roomProvider.FcrUICurrentRoomControlProviderImpl(mainRoomControl);
+      var streamControl = currentRoomControlProvider === null || currentRoomControlProvider === void 0 ? void 0 : currentRoomControlProvider.currentRoomControl.getStreamControl();
+      var settingStore = new _store["default"]({
+        uiEventStore: eventProvider,
+        monitorControl: monitorProvider,
+        deviceStore: deviceProvider,
+        streamControl: streamControl,
+        roomControl: currentRoomControlProvider.currentRoomControl,
+        config: sharedConfigDataSource === null || sharedConfigDataSource === void 0 ? void 0 : sharedConfigDataSource.sceneConfig,
+        parameters: sharedConfigDataSource === null || sharedConfigDataSource === void 0 ? void 0 : sharedConfigDataSource.creatorConfig.parameters,
+        sharedLayoutDataSource: sharedLayoutDataSource,
+        messageProvider: messageProvider,
+        sharedSettingDataSource: sharedSettingDataSource,
+        dialogProvider: dialogProvider,
+        settingConfig: sharedConfigDataSource.settingConfig,
+        localStorageProvider: this._localStorageProvider,
+        userId: this._creatorConfig.userId
+      });
+      (_this$_dialogProvider = this._dialogProvider) === null || _this$_dialogProvider === void 0 || _this$_dialogProvider.addObserver({
+        onOpenSettingDialog: function onOpenSettingDialog() {
+          _this5._observable.notifyObservers('onOpenSettingDialog');
+        }
+      });
+      this._observable.notifyObservers('onSettingStore', settingStore);
     }
   }, {
     key: "_addLogObserver",

package/lib/utilities/constant.d.ts

@@ -119,7 +119,8 @@ export declare enum FcrUIAction {
     ENABLE_WAITING_ROOM = 61,
     SET_SHARE_WITH_AUDIO = 62,
     CLOSE_VIDEO_WINDOW = 63,
-    OPEN_CONFIRM = 64
+    OPEN_CONFIRM = 64,
+    OPEN_TOP_VIDEO_WINDOW = 65
 }
 export declare enum FcrUIDialogKey {
     DEVICE_SETTINGS = "device-settings",
@@ -141,7 +142,9 @@ export declare enum FcrUIDialogKey {
     SYSTEM_PREFERENCE = "system-preference",
     INTERPRETATION_SIMULTANEOUS = "simultaneous-interpretation",
     WAITING_ROOM_OPERATION = "operation-waiting-room",
-    WIDGET = "widget"
+    WIDGET = "widget",
+    RENAME = "rename",
+    LEAVE_MEETING = "leave-meeting"
 }
 export declare enum FcrUIHighlightElement {
     VIDEO_BASIC = "fcr_VIDEO_BASIC_highlighter",

package/lib/utilities/constant.js

@@ -6,13 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.FcrUIVideoWindowPinType = exports.FcrUIRoomControlType = exports.FcrUIRendererEventAction = exports.FcrUIParticipantType = exports.FcrUIHighlightElement = exports.FcrUIDialogKey = exports.FcrUIAction = void 0;
 var FcrUIRendererEventAction = exports.FcrUIRendererEventAction = /*#__PURE__*/function (FcrUIRendererEventAction) {
-  /**
-   * Indicates that the fragment has been loaded.
-   */
   FcrUIRendererEventAction["FRAGMENT_LOADED"] = "FRAGMENT_LOADED";
-  /**
-   * Indicates that the fragment has been closed.
-   */
   FcrUIRendererEventAction["FRAGMENT_CLOSED"] = "FRAGMENT_CLOSED";
   FcrUIRendererEventAction["POWER_MONITOR_LOCK_SCREEN"] = "POWER_MONITOR_LOCK_SCREEN";
   FcrUIRendererEventAction["POWER_MONITOR_SUSPEND"] = "POWER_MONITOR_SUSPEND";
@@ -75,7 +69,6 @@ var FcrUIAction = exports.FcrUIAction = /*#__PURE__*/function (FcrUIAction) {
   FcrUIAction[FcrUIAction["START_SHARE_SCREEN"] = 6] = "START_SHARE_SCREEN";
   FcrUIAction[FcrUIAction["STOP_SHARE_SCREEN"] = 7] = "STOP_SHARE_SCREEN";
   FcrUIAction[FcrUIAction["TOGGLE_LAYOUT"] = 8] = "TOGGLE_LAYOUT";
-  // LAYOUT_CHANGED,
   FcrUIAction[FcrUIAction["SET_MAIN_SPEAKER"] = 9] = "SET_MAIN_SPEAKER";
   FcrUIAction[FcrUIAction["OPEN_DEVICE_SETTING"] = 10] = "OPEN_DEVICE_SETTING";
   FcrUIAction[FcrUIAction["OPEN_DEVICE_SETTING_DIALOG"] = 11] = "OPEN_DEVICE_SETTING_DIALOG";
@@ -132,6 +125,7 @@ var FcrUIAction = exports.FcrUIAction = /*#__PURE__*/function (FcrUIAction) {
   FcrUIAction[FcrUIAction["SET_SHARE_WITH_AUDIO"] = 62] = "SET_SHARE_WITH_AUDIO";
   FcrUIAction[FcrUIAction["CLOSE_VIDEO_WINDOW"] = 63] = "CLOSE_VIDEO_WINDOW";
   FcrUIAction[FcrUIAction["OPEN_CONFIRM"] = 64] = "OPEN_CONFIRM";
+  FcrUIAction[FcrUIAction["OPEN_TOP_VIDEO_WINDOW"] = 65] = "OPEN_TOP_VIDEO_WINDOW";
   return FcrUIAction;
 }({});
 var FcrUIDialogKey = exports.FcrUIDialogKey = /*#__PURE__*/function (FcrUIDialogKey) {
@@ -155,6 +149,8 @@ var FcrUIDialogKey = exports.FcrUIDialogKey = /*#__PURE__*/function (FcrUIDialog
   FcrUIDialogKey["INTERPRETATION_SIMULTANEOUS"] = "simultaneous-interpretation";
   FcrUIDialogKey["WAITING_ROOM_OPERATION"] = "operation-waiting-room";
   FcrUIDialogKey["WIDGET"] = "widget";
+  FcrUIDialogKey["RENAME"] = "rename";
+  FcrUIDialogKey["LEAVE_MEETING"] = "leave-meeting";
   return FcrUIDialogKey;
 }({});
 var FcrUIHighlightElement = exports.FcrUIHighlightElement = /*#__PURE__*/function (FcrUIHighlightElement) {

package/lib/utilities/copyText.js

@@ -17,28 +17,32 @@ function _copyText() {
     return _regenerator["default"].wrap(function _callee$(_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          _context.prev = 0;
-          _context.next = 3;
+          if (!('clipboard' in navigator)) {
+            _context.next = 10;
+            break;
+          }
+          _context.prev = 1;
+          _context.next = 4;
           return navigator.clipboard.writeText(text);
-        case 3:
-          _context.next = 14;
-          break;
-        case 5:
-          _context.prev = 5;
-          _context.t0 = _context["catch"](0);
+        case 4:
+          return _context.abrupt("return");
+        case 7:
+          _context.prev = 7;
+          _context.t0 = _context["catch"](1);
+          console.error('navigator.clipboard.writeText catch error:', _context.t0);
+        case 10:
           textarea = document.createElement('textarea');
           textarea.setAttribute('readonly', 'readonly');
-          // textarea.setAttribute('value', text);
           textarea.value = text;
           document.body.appendChild(textarea);
           textarea.select();
           document.execCommand('copy');
           document.body.removeChild(textarea);
-        case 14:
+        case 17:
         case "end":
           return _context.stop();
       }
-    }, _callee, null, [[0, 5]]);
+    }, _callee, null, [[1, 7]]);
   }));
   return _copyText.apply(this, arguments);
 }

package/lib/utilities/default-config.d.ts

@@ -34,3 +34,5 @@ export declare const screenCaptureLowStreamEncoderConfig: {
 export declare let enableCameraDualStreamMode: boolean;
 export declare let enableScreenDualStreamMode: boolean;
 export declare const mergeDefaultDualStreamConfig: (dualCameraVideoStreamConfig?: FcrDualVideoStreamConfig, dualScreenVideoStreamConfig?: FcrDualVideoStreamConfig) => void;
+export declare const isCameraDualStreamModeEnabled: () => boolean;
+export declare const isScreenDualStreamModeEnabled: () => boolean;

package/lib/utilities/default-config.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.screenCaptureLowStreamEncoderConfig = exports.screenCaptureHighStreamEncoderConfig = exports.mergeDefaultDualStreamConfig = exports.enableScreenDualStreamMode = exports.enableCameraDualStreamMode = exports.cameraVideoLowStreamEncoderConfig = exports.cameraVideoHighStreamEncoderConfig = void 0;
+exports.screenCaptureLowStreamEncoderConfig = exports.screenCaptureHighStreamEncoderConfig = exports.mergeDefaultDualStreamConfig = exports.isScreenDualStreamModeEnabled = exports.isCameraDualStreamModeEnabled = exports.enableScreenDualStreamMode = exports.enableCameraDualStreamMode = exports.cameraVideoLowStreamEncoderConfig = exports.cameraVideoHighStreamEncoderConfig = void 0;
 require("core-js/modules/es.object.assign.js");
 var _merge = _interopRequireDefault(require("lodash/merge"));
 var cameraVideoHighStreamEncoderConfig = exports.cameraVideoHighStreamEncoderConfig = {
@@ -30,7 +30,7 @@ var screenCaptureHighStreamEncoderConfig = exports.screenCaptureHighStreamEncode
     height: 1080
   },
   frameRate: 15,
-  bitrate: 1200
+  bitrate: 1500
 };
 var screenCaptureLowStreamEncoderConfig = exports.screenCaptureLowStreamEncoderConfig = {
   dimensions: {
@@ -41,7 +41,7 @@ var screenCaptureLowStreamEncoderConfig = exports.screenCaptureLowStreamEncoderC
   bitrate: 400
 };
 var enableCameraDualStreamMode = exports.enableCameraDualStreamMode = true;
-var enableScreenDualStreamMode = exports.enableScreenDualStreamMode = true;
+var enableScreenDualStreamMode = exports.enableScreenDualStreamMode = false;
 var mergeDefaultDualStreamConfig = exports.mergeDefaultDualStreamConfig = function mergeDefaultDualStreamConfig(dualCameraVideoStreamConfig, dualScreenVideoStreamConfig) {
   var _dualCameraVideoStrea, _dualScreenVideoStrea;
   var mergedDualCameraVideoStreamConfig = (0, _merge["default"])({
@@ -52,7 +52,7 @@ var mergeDefaultDualStreamConfig = exports.mergeDefaultDualStreamConfig = functi
   var mergedDualScreenVideoStreamConfig = (0, _merge["default"])({
     highVideoEncoderConfig: screenCaptureHighStreamEncoderConfig,
     lowVideoEncoderConfig: screenCaptureLowStreamEncoderConfig,
-    enableDualStreamMode: true
+    enableDualStreamMode: false
   }, dualScreenVideoStreamConfig);
 
   // override default config
@@ -61,5 +61,11 @@ var mergeDefaultDualStreamConfig = exports.mergeDefaultDualStreamConfig = functi
   Object.assign(screenCaptureHighStreamEncoderConfig, mergedDualScreenVideoStreamConfig === null || mergedDualScreenVideoStreamConfig === void 0 ? void 0 : mergedDualScreenVideoStreamConfig.highVideoEncoderConfig);
   Object.assign(screenCaptureLowStreamEncoderConfig, mergedDualScreenVideoStreamConfig === null || mergedDualScreenVideoStreamConfig === void 0 ? void 0 : mergedDualScreenVideoStreamConfig.lowVideoEncoderConfig);
   exports.enableCameraDualStreamMode = enableCameraDualStreamMode = (_dualCameraVideoStrea = dualCameraVideoStreamConfig === null || dualCameraVideoStreamConfig === void 0 ? void 0 : dualCameraVideoStreamConfig.enableDualStreamMode) !== null && _dualCameraVideoStrea !== void 0 ? _dualCameraVideoStrea : true;
-  exports.enableScreenDualStreamMode = enableScreenDualStreamMode = (_dualScreenVideoStrea = dualScreenVideoStreamConfig === null || dualScreenVideoStreamConfig === void 0 ? void 0 : dualScreenVideoStreamConfig.enableDualStreamMode) !== null && _dualScreenVideoStrea !== void 0 ? _dualScreenVideoStrea : true;
+  exports.enableScreenDualStreamMode = enableScreenDualStreamMode = (_dualScreenVideoStrea = dualScreenVideoStreamConfig === null || dualScreenVideoStreamConfig === void 0 ? void 0 : dualScreenVideoStreamConfig.enableDualStreamMode) !== null && _dualScreenVideoStrea !== void 0 ? _dualScreenVideoStrea : false;
+};
+var isCameraDualStreamModeEnabled = exports.isCameraDualStreamModeEnabled = function isCameraDualStreamModeEnabled() {
+  return enableCameraDualStreamMode;
+};
+var isScreenDualStreamModeEnabled = exports.isScreenDualStreamModeEnabled = function isScreenDualStreamModeEnabled() {
+  return enableScreenDualStreamMode;
 };

package/lib/utilities/i18n-common-data.d.ts

@@ -0,0 +1,2 @@
+import { FcrUserRole } from 'fcr-core';
+export declare const getUserRoleI18nLabel: (userRole: FcrUserRole) => string;