fcr-ui-scene 3.4.5 → 3.5.1

package/lib/ui-scene.js

@@ -1,15 +1,39 @@
 "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.symbol.description.js");
+require("core-js/modules/es.symbol.to-primitive.js");
+require("core-js/modules/es.error.cause.js");
+require("core-js/modules/es.error.to-string.js");
+require("core-js/modules/es.array.is-array.js");
+require("core-js/modules/es.array.iterator.js");
+require("core-js/modules/es.date.to-primitive.js");
+require("core-js/modules/es.function.bind.js");
+require("core-js/modules/es.function.name.js");
+require("core-js/modules/es.map.js");
+require("core-js/modules/es.object.create.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");
+require("core-js/modules/es.string.iterator.js");
+require("core-js/modules/esnext.function.metadata.js");
+require("core-js/modules/esnext.map.delete-all.js");
+require("core-js/modules/esnext.map.emplace.js");
+require("core-js/modules/esnext.map.every.js");
+require("core-js/modules/esnext.map.filter.js");
+require("core-js/modules/esnext.map.find.js");
+require("core-js/modules/esnext.map.find-key.js");
+require("core-js/modules/esnext.map.includes.js");
+require("core-js/modules/esnext.map.key-of.js");
+require("core-js/modules/esnext.map.map-keys.js");
+require("core-js/modules/esnext.map.map-values.js");
+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.symbol.metadata.js");
+require("core-js/modules/web.dom-collections.iterator.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -18,6 +42,8 @@ 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");
+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");
@@ -25,8 +51,8 @@ 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 _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 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"));
@@ -42,7 +68,6 @@ 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 _logger = require("agora-foundation/lib/logger");
 var _type2 = require("fcr-core/lib/room-control/type");
 var _roomProvider = require("./providers/room-provider");
 var _constant = require("./utilities/constant");
@@ -59,15 +84,28 @@ var _messageProvider = require("./providers/message-provider");
 var _videoWindow = require("./shared-data-source/video-window");
 var _devicePrivilegeData = require("./shared-data-source/device-privilege-data");
 var _leaveMeeting = _interopRequireDefault(require("../public/assets/leave-meeting.png"));
+var _localStorageProvider = require("./providers/local-storage-provider");
+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 _jsxRuntime = require("react/jsx-runtime");
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _FcrUIDefaultScene;
+var _initProto;
+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 FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
-  function FcrUIDefaultScene(_config, _creatorConfig, _dom, _settingConfig) {
+  function FcrUIDefaultScene(_config, _creatorConfig, _dom, _settingConfig, _registeredWidgetConfigs) {
     var _this = this;
     (0, _classCallCheck2["default"])(this, FcrUIDefaultScene);
     // @internal
-    (0, _defineProperty2["default"])(this, "logger", (0, _logger.getLogger)());
+    (0, _defineProperty2["default"])(this, "logger", (_initProto(this), (0, _logger2.createLogger)({
+      prefix: 'FcrUIDefaultScene'
+    })));
     // @internal
     (0, _defineProperty2["default"])(this, "_observable", new _observable.AgoraObservable());
     // @internal
@@ -80,6 +118,7 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
     this._creatorConfig = _creatorConfig;
     this._dom = _dom;
     this._settingConfig = _settingConfig;
+    this._registeredWidgetConfigs = _registeredWidgetConfigs;
     this._observable.addObserver({
       onLaunchSuccess: function onLaunchSuccess() {
         (0, _renderer.setInMeetingState)(1);
@@ -92,8 +131,10 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
       }
     });
     var language = (0, _i18n.getLanguage)();
+    this._localStorageProvider = new _localStorageProvider.FcrUILocalStorageProviderImpl();
     (0, _tools.setLanguage)(language);
     window.addEventListener('beforeunload', this._handleBeforeUnload);
+    this._addLogObserver();
   }
   return (0, _createClass2["default"])(FcrUIDefaultScene, [{
     key: "exit",
@@ -118,20 +159,29 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
         this.logger.error('Scene UI cannot be rendered as dom is not exist');
         return;
       }
-      var config = _objectSpread(_objectSpread(_objectSpread({}, this._config), this._creatorConfig), {}, {
+      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: {
-          highVideoEncoderConfig: _defaultConfig.cameraVideoHighStreamEncoderLowConfig,
-          lowVideoEncoderConfig: _defaultConfig.cameraVideoLowStreamEncoderConfig,
-          enableDualStreamMode: true
-        },
-        dualScreenVideoStreamConfig: {
-          highVideoEncoderConfig: _defaultConfig.screenCaptureHighStreamEncoderConfig,
-          lowVideoEncoderConfig: _defaultConfig.screenCaptureLowStreamEncoderConfig,
-          enableDualStreamMode: false
-        }
-      });
+        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
@@ -152,11 +202,16 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
         sceneConfig: this._config,
         settingConfig: this._settingConfig
       });
-      this._sharedSettingDataSource = new _setting.FcrUISharedSettingDataSourceImpl(this._creatorConfig);
+      this._sharedSettingDataSource = new _setting.FcrUISharedSettingDataSourceImpl(this._creatorConfig, this._localStorageProvider);
       this._sharedLayoutDataSource = new _layoutData.FcrUISharedLayoutDataSourceImpl(this._sharedConfigDataSource);
       this._sharedSpeakerSpotlightDataSource = new _speakerSpotlight.FcrUISharedSpeakerSpotlightDataSourceImpl();
-      this._sharedPinDataSource = new _pinData.FcrUISharedPinDataSourceImpl();
       this._sharedVideoWindowDataSource = new _videoWindow.FcrUIVideoWindowDataSourceImpl(this._sharedSettingDataSource, this._eventProvider);
+      this._sharedPinDataSource = new _pinData.FcrUISharedPinDataSourceImpl(this._eventProvider, this._sharedVideoWindowDataSource);
+      this._widgetProvider = new _widgetProvider.FcrUIWidgetProviderImpl({
+        registeredWidgetConfigs: this._registeredWidgetConfigs,
+        roomProvider: this._roomProvider,
+        dialogProvider: this._dialogProvider
+      });
       var openDefaultCamera = (0, _parameters.isOpenDefaultCamera)(this._creatorConfig.parameters);
       var openDefaultMicrophone = (0, _parameters.isOpenDefaultMicrophone)(this._creatorConfig.parameters);
       if (openDefaultCamera) {
@@ -178,16 +233,17 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
       var sharedPinDataSource = this._sharedPinDataSource;
       var sharedVideoWindowDataSource = this._sharedVideoWindowDataSource;
       var sharedDevicePrivilegeDataSource = this._sharedDevicePrivilegeDataSource;
+      var widgetProvider = this._widgetProvider;
       var uiManager = this._uiManager;
       var dom = this._dom;
-      this._addObservers(roomProvider, eventProvider, deviceProvider, engine, uiManager, sharedConfigDataSource, sharedSettingDataSource, sharedLayoutDataSource, sharedSpeakerSpotlightDataSource, sharedPinDataSource, dialogProvider, messageProvider, sharedVideoWindowDataSource, sharedDevicePrivilegeDataSource);
+      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);
+        _this2._renderSceneUI(response, uiManager, eventProvider, deviceProvider, roomProvider, sharedConfigDataSource, sharedSettingDataSource, sharedLayoutDataSource, sharedSpeakerSpotlightDataSource, sharedPinDataSource, messageProvider, dialogProvider, sharedVideoWindowDataSource, sharedDevicePrivilegeDataSource, widgetProvider);
       };
       if (!skipPretest) {
         var joining = false;
@@ -208,45 +264,48 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
         this._joinRoom(engine, roomProvider, deviceProvider).then(renderSceneUI);
       }
     }
+  }, {
+    key: "_removeLocalMeetingTimeKey",
+    value: function _removeLocalMeetingTimeKey() {
+      var roomId = this._config.roomId;
+      var localMeetingTimeKey = "enter-room-".concat(roomId);
+      if (this._localStorageProvider) {
+        this._localStorageProvider.remove(localMeetingTimeKey);
+      }
+    }
+  }, {
+    key: "_setLocalMeetingTimeKey",
+    value: function _setLocalMeetingTimeKey() {
+      var roomId = this._config.roomId;
+      var localMeetingTimeKey = "enter-room-".concat(roomId);
+      if (this._localStorageProvider && !this._localStorageProvider.read(localMeetingTimeKey)) {
+        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) {
+    value: function _addObservers(roomProvider, eventProvider, deviceProvider, engine, uiManager, sharedConfigDataSource, sharedSettingDataSource, sharedLayoutDataSource, sharedSpeakerSpotlightDataSource, sharedPinDataSource, dialogProvider, messageProvider, sharedVideoWindowDataSource, sharedDevicePrivilegeDataSource, widgetProvider) {
       var _this3 = this;
       var dom = this._dom;
       var observable = this._observable;
       var sceneConfig = this._config;
       roomProvider.addObserver({
         onJoinMainRoom: function onJoinMainRoom(ticket) {
-          _dialog.FcrDialogApi.open({
-            id: 'login-confirm-dialog-move-mainroom',
-            dialogProps: {
-              content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_loginConfirmDialog.LoginConfirmDialog, {
-                title: (0, _i18n.transI18n)('fmt_waitingroom_mobile_notice_popup_label_about_join'),
-                desc: (0, _i18n.transI18n)('fmt_waitingroom_mobile_notice_popup_label_quick_join'),
-                id: "login-confirm-dialog-move-mainroom",
-                btnTxt: (0, _i18n.transI18n)('fmt_waitingroom_mobile_notice_popup_button_join_now_no_count'),
-                isShowCoutDown: true,
-                showImg: false,
-                onConfirm: /*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
-                  return _regenerator["default"].wrap(function _callee$(_context) {
-                    while (1) switch (_context.prev = _context.next) {
-                      case 0:
-                        roomProvider.handleJoinMainRoom(_this3._config.roomId, ticket).then(function () {
-                          if (dom) {
-                            _this3.logger.info('render main room ui');
-                            _this3._disposers.push(uiManager.renderMainSceneUI(dom, eventProvider, deviceProvider, roomProvider, sharedConfigDataSource, sharedSettingDataSource, sharedLayoutDataSource, sharedSpeakerSpotlightDataSource, sharedPinDataSource, dialogProvider, messageProvider, sharedVideoWindowDataSource, sharedDevicePrivilegeDataSource));
-                          }
-                        });
-                      case 1:
-                      case "end":
-                        return _context.stop();
-                    }
-                  }, _callee);
-                }))
-              }),
-              width: 360,
-              closable: false,
-              rootClassName: 'login-confirm-dialog'
+          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));
             }
           });
         },
@@ -260,7 +319,7 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
                   id: "login-confirm-dialog-error",
                   btnTxt: (0, _i18n.transI18n)('fmt_waitingroom_attendie_popup_button_gotit')
                 }),
-                width: 360,
+                width: 320,
                 closable: false,
                 rootClassName: 'login-confirm-dialog'
               }
@@ -290,7 +349,7 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
                   observable.notifyObservers('onExited', sceneConfig.roomId, _type.FcrUIExitReason.KICKED_OUT);
                 }
               }),
-              width: 360,
+              width: 320,
               closable: false,
               rootClassName: 'login-confirm-dialog',
               maskClosable: false
@@ -299,7 +358,12 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
         },
         onJoinWaitingRoom: function onJoinWaitingRoom(roomControl, isWaitingRoomManaager) {
           if (_this3._dom && !isWaitingRoomManaager) {
-            _this3._disposers.push(uiManager.renderWaitingSceneUI(_this3._dom, eventProvider, deviceProvider, roomProvider, sharedConfigDataSource, dialogProvider, messageProvider, sharedLayoutDataSource, sharedSettingDataSource, sharedDevicePrivilegeDataSource));
+            var _this3$_messageProvid;
+            _this3._disposers.push(uiManager.renderWaitingSceneUI(_this3._dom, 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'
+            });
           }
         },
         onRoomClosed: function onRoomClosed() {
@@ -317,7 +381,7 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
                   observable.notifyObservers('onExited', sceneConfig.roomId, _type.FcrUIExitReason.CLOSE_ROOM);
                 }
               }),
-              width: 360,
+              width: 320,
               closable: false,
               rootClassName: 'login-confirm-dialog',
               maskClosable: false
@@ -331,7 +395,19 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
       engine.addObserver({
         onConnectionStateUpdated: function onConnectionStateUpdated(state) {
           if (state === _fcrCore.FcrConnectionState.ABORTED) {
-            observable.notifyObservers('onExited', sceneConfig.roomId, _type.FcrUIExitReason.ABORTED);
+            dialogProvider.openConfirmDialog({
+              title: (0, _i18n.transI18n)('fmt_meetingroom_status_abnormal'),
+              content: (0, _i18n.transI18n)('fmt_meetingroom_tips_disconnected'),
+              showCancel: false,
+              okButtonProps: {
+                block: true
+              },
+              alignCenter: true,
+              closable: false,
+              onOk: function onOk() {
+                observable.notifyObservers('onExited', sceneConfig.roomId, _type.FcrUIExitReason.ABORTED);
+              }
+            });
           }
           if (state === _fcrCore.FcrConnectionState.CONNECTED) {
             eventProvider.sendEvent(_constant.FcrUIAction.ENGINE_RECONNECTED);
@@ -342,44 +418,45 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
   }, {
     key: "_joinRoom",
     value: function () {
-      var _joinRoom2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee3(engine, roomControl, deviceProvider) {
+      var _joinRoom2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(engine, roomControl, deviceProvider) {
         var _this4 = this;
         var p;
-        return _regenerator["default"].wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
+        return _regenerator["default"].wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
             case 0:
               p = engine.login().then(function () {
                 return roomControl.handleJoinRoom(_this4._config.roomId);
               }).then(/*#__PURE__*/function () {
-                var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(response) {
-                  return _regenerator["default"].wrap(function _callee2$(_context2) {
-                    while (1) switch (_context2.prev = _context2.next) {
+                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:
-                        _context2.next = 2;
+                        _context.next = 2;
                         return deviceProvider.init();
                       case 2:
-                        return _context2.abrupt("return", response);
+                        return _context.abrupt("return", response);
                       case 3:
                       case "end":
-                        return _context2.stop();
+                        return _context.stop();
                     }
-                  }, _callee2);
+                  }, _callee);
                 }));
                 return function (_x4) {
-                  return _ref2.apply(this, arguments);
+                  return _ref.apply(this, arguments);
                 };
               }());
               p.then(function () {
+                _this4._setLocalMeetingTimeKey();
                 _this4._observable.notifyObservers('onLaunchSuccess', _this4._config.roomId);
               })["catch"](function (e) {
                 _this4._observable.notifyObservers('onLaunchFailure', _this4._config.roomId, e);
               });
-              return _context3.abrupt("return", p);
+              return _context2.abrupt("return", p);
             case 3:
             case "end":
-              return _context3.stop();
+              return _context2.stop();
           }
-        }, _callee3);
+        }, _callee2);
       }));
       function _joinRoom(_x, _x2, _x3) {
         return _joinRoom2.apply(this, arguments);
@@ -389,30 +466,32 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
   }, {
     key: "_renderSceneUI",
     value: function () {
-      var _renderSceneUI2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee4(response, uiManager, eventProvider, deviceProvider, roomProvider, sharedConfigDataSource, sharedSettingDataSource, sharedLayoutDataSource, sharedSpeakerSpotlightDataSource, sharedPinDataSource, messageProvider, dialogProvider, sharedVideoWindowDataSource, sharedDevicePrivilegeDataSource) {
-        var dom, _response, type, roomControl;
-        return _regenerator["default"].wrap(function _callee4$(_context4) {
-          while (1) switch (_context4.prev = _context4.next) {
+      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 _roomControl$getRoomI;
+        var dom, roomControl, type;
+        return _regenerator["default"].wrap(function _callee3$(_context3) {
+          while (1) switch (_context3.prev = _context3.next) {
             case 0:
               dom = this._dom;
-              _response = (0, _slicedToArray2["default"])(response, 2), type = _response[0], roomControl = _response[1];
+              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));
                 } else {
-                  this._disposers.push(uiManager.renderMainSceneUI(dom, eventProvider, deviceProvider, roomProvider, sharedConfigDataSource, sharedSettingDataSource, sharedLayoutDataSource, sharedSpeakerSpotlightDataSource, sharedPinDataSource, dialogProvider, messageProvider, sharedVideoWindowDataSource, sharedDevicePrivilegeDataSource));
+                  this._disposers.push(uiManager.renderMainSceneUI(dom, 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));
+                this._disposers.push(uiManager.renderWaitingSceneUI(dom, eventProvider, deviceProvider, roomProvider, sharedConfigDataSource, dialogProvider, messageProvider, sharedLayoutDataSource, sharedSettingDataSource, sharedDevicePrivilegeDataSource, widgetProvider));
               }
-            case 3:
+            case 4:
             case "end":
-              return _context4.stop();
+              return _context3.stop();
           }
-        }, _callee4, this);
+        }, _callee3, this);
       }));
-      function _renderSceneUI(_x5, _x6, _x7, _x8, _x9, _x10, _x11, _x12, _x13, _x14, _x15, _x16, _x17, _x18) {
+      function _renderSceneUI(_x5, _x6, _x7, _x8, _x9, _x10, _x11, _x12, _x13, _x14, _x15, _x16, _x17, _x18, _x19) {
         return _renderSceneUI2.apply(this, arguments);
       }
       return _renderSceneUI;
@@ -421,6 +500,7 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
     key: "_release",
     value: function _release() {
       var _this$_engine, _this$_engine2, _this$_eventProvider, _this$_deviceProvider, _this$_roomProvider;
+      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();
@@ -447,17 +527,17 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
     key: "_downloadResources",
     value: function _downloadResources(mediaControl) {
       var _this$_config$resourc;
-      var _ref3 = (_this$_config$resourc = this._config.resource) !== null && _this$_config$resourc !== void 0 ? _this$_config$resourc : {
+      var _ref2 = (_this$_config$resourc = this._config.resource) !== null && _this$_config$resourc !== void 0 ? _this$_config$resourc : {
           virtualBackgroundImages: [],
           virtualBackgroundVideos: [],
           soundEffectAudios: []
         },
-        _ref3$virtualBackgrou = _ref3.virtualBackgroundImages,
-        virtualBackgroundImages = _ref3$virtualBackgrou === void 0 ? [] : _ref3$virtualBackgrou,
-        _ref3$virtualBackgrou2 = _ref3.virtualBackgroundVideos,
-        virtualBackgroundVideos = _ref3$virtualBackgrou2 === void 0 ? [] : _ref3$virtualBackgrou2,
-        _ref3$soundEffectAudi = _ref3.soundEffectAudios,
-        soundEffectAudios = _ref3$soundEffectAudi === void 0 ? [] : _ref3$soundEffectAudi;
+        _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)),
@@ -465,5 +545,15 @@ var FcrUIDefaultScene = exports.FcrUIDefaultScene = /*#__PURE__*/function () {
       };
       mediaControl.downloadUiResources(uiResources);
     }
+  }, {
+    key: "_addLogObserver",
+    value: function _addLogObserver() {
+      this.addObserver((0, _logger.generateLogObserver)(this.logger, ['onExited', 'onLaunchSuccess', 'onLaunchCancel', 'onLaunchFailure']));
+    }
   }]);
-}();
+}();
+_FcrUIDefaultScene = FcrUIDefaultScene;
+var _applyDecs$e = _applyDecs(_FcrUIDefaultScene, [[_decorator.trace, 2, "exit"], [_decorator.trace, 2, "launch"]], []).e;
+var _applyDecs$e2 = (0, _slicedToArray2["default"])(_applyDecs$e, 1);
+_initProto = _applyDecs$e2[0];
+_applyDecs$e;

package/lib/utilities/constant.d.ts

@@ -50,7 +50,9 @@ export declare enum FcrUIRoomControlType {
     LOCK_ROOM = "LOCK_ROOM",
     ENABLE_WAITING_ROOM = "ENABLE_WAITING_ROOM",
     RENAME = "RENAME",
-    JOIN_WITH_MUTE_AUDIO = "JOIN_WITH_MUTE_AUDIO"
+    JOIN_WITH_MUTE_AUDIO = "JOIN_WITH_MUTE_AUDIO",
+    ACTION_REVOKE_HOST_BY_TICKET = "ACTION_REVOKE_HOST_BY_TICKET",
+    ACTION_CHANGE_NAME = "ACTION_CHANGE_NAME"
 }
 export declare enum FcrUIAction {
     OPEN_DIALOG = 0,
@@ -117,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",
@@ -138,7 +141,8 @@ export declare enum FcrUIDialogKey {
     SHOW_TOAST = "show-toast",
     SYSTEM_PREFERENCE = "system-preference",
     INTERPRETATION_SIMULTANEOUS = "simultaneous-interpretation",
-    WAITING_ROOM_OPERATION = "operation-waiting-room"
+    WAITING_ROOM_OPERATION = "operation-waiting-room",
+    WIDGET = "widget"
 }
 export declare enum FcrUIHighlightElement {
     VIDEO_BASIC = "fcr_VIDEO_BASIC_highlighter",

package/lib/utilities/constant.js

@@ -55,6 +55,8 @@ var FcrUIRoomControlType = exports.FcrUIRoomControlType = /*#__PURE__*/function
   FcrUIRoomControlType["ENABLE_WAITING_ROOM"] = "ENABLE_WAITING_ROOM";
   FcrUIRoomControlType["RENAME"] = "RENAME";
   FcrUIRoomControlType["JOIN_WITH_MUTE_AUDIO"] = "JOIN_WITH_MUTE_AUDIO";
+  FcrUIRoomControlType["ACTION_REVOKE_HOST_BY_TICKET"] = "ACTION_REVOKE_HOST_BY_TICKET";
+  FcrUIRoomControlType["ACTION_CHANGE_NAME"] = "ACTION_CHANGE_NAME";
   return FcrUIRoomControlType;
 }({});
 var FcrUIAction = exports.FcrUIAction = /*#__PURE__*/function (FcrUIAction) {
@@ -123,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) {
@@ -145,6 +148,7 @@ var FcrUIDialogKey = exports.FcrUIDialogKey = /*#__PURE__*/function (FcrUIDialog
   FcrUIDialogKey["SYSTEM_PREFERENCE"] = "system-preference";
   FcrUIDialogKey["INTERPRETATION_SIMULTANEOUS"] = "simultaneous-interpretation";
   FcrUIDialogKey["WAITING_ROOM_OPERATION"] = "operation-waiting-room";
+  FcrUIDialogKey["WIDGET"] = "widget";
   return FcrUIDialogKey;
 }({});
 var FcrUIHighlightElement = exports.FcrUIHighlightElement = /*#__PURE__*/function (FcrUIHighlightElement) {

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

@@ -1,4 +1,5 @@
-export declare const cameraVideoHighStreamEncoderLowConfig: {
+import { FcrDualVideoStreamConfig } from 'fcr-core/lib/type';
+export declare const cameraVideoHighStreamEncoderConfig: {
     dimensions: {
         width: number;
         height: number;
@@ -30,3 +31,6 @@ export declare const screenCaptureLowStreamEncoderConfig: {
     frameRate: number;
     bitrate: number;
 };
+export declare let enableCameraDualStreamMode: boolean;
+export declare let enableScreenDualStreamMode: boolean;
+export declare const mergeDefaultDualStreamConfig: (dualCameraVideoStreamConfig?: FcrDualVideoStreamConfig, dualScreenVideoStreamConfig?: FcrDualVideoStreamConfig) => void;

package/lib/utilities/default-config.js

@@ -1,11 +1,14 @@
 "use strict";
 
 require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.screenCaptureLowStreamEncoderConfig = exports.screenCaptureHighStreamEncoderConfig = exports.cameraVideoLowStreamEncoderConfig = exports.cameraVideoHighStreamEncoderLowConfig = void 0;
-var cameraVideoHighStreamEncoderLowConfig = exports.cameraVideoHighStreamEncoderLowConfig = {
+exports.screenCaptureLowStreamEncoderConfig = exports.screenCaptureHighStreamEncoderConfig = exports.mergeDefaultDualStreamConfig = 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 = {
   dimensions: {
     width: 1280,
     height: 720
@@ -36,4 +39,27 @@ var screenCaptureLowStreamEncoderConfig = exports.screenCaptureLowStreamEncoderC
   },
   frameRate: 15,
   bitrate: 400
+};
+var enableCameraDualStreamMode = exports.enableCameraDualStreamMode = true;
+var enableScreenDualStreamMode = exports.enableScreenDualStreamMode = true;
+var mergeDefaultDualStreamConfig = exports.mergeDefaultDualStreamConfig = function mergeDefaultDualStreamConfig(dualCameraVideoStreamConfig, dualScreenVideoStreamConfig) {
+  var _dualCameraVideoStrea, _dualScreenVideoStrea;
+  var mergedDualCameraVideoStreamConfig = (0, _merge["default"])({
+    highVideoEncoderConfig: cameraVideoHighStreamEncoderConfig,
+    lowVideoEncoderConfig: cameraVideoLowStreamEncoderConfig,
+    enableDualStreamMode: true
+  }, dualCameraVideoStreamConfig);
+  var mergedDualScreenVideoStreamConfig = (0, _merge["default"])({
+    highVideoEncoderConfig: screenCaptureHighStreamEncoderConfig,
+    lowVideoEncoderConfig: screenCaptureLowStreamEncoderConfig,
+    enableDualStreamMode: true
+  }, dualScreenVideoStreamConfig);
+
+  // override default config
+  Object.assign(cameraVideoHighStreamEncoderConfig, mergedDualCameraVideoStreamConfig === null || mergedDualCameraVideoStreamConfig === void 0 ? void 0 : mergedDualCameraVideoStreamConfig.highVideoEncoderConfig);
+  Object.assign(cameraVideoLowStreamEncoderConfig, mergedDualCameraVideoStreamConfig === null || mergedDualCameraVideoStreamConfig === void 0 ? void 0 : mergedDualCameraVideoStreamConfig.lowVideoEncoderConfig);
+  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;
 };

package/lib/utilities/logger.d.ts

@@ -0,0 +1,8 @@
+import { getLogger as _getLogger } from 'agora-foundation/lib/logger';
+export declare const getLogger: () => import("agora-foundation/lib/logger").Logger;
+export declare const createLogger: (opts: {
+    prefix: string;
+    database?: boolean;
+}) => import("agora-foundation/lib/logger").Logger;
+export declare const trace: (originalMethod: any, context: ClassMethodDecoratorContext) => void;
+export declare const generateLogObserver: <T>(logger: ReturnType<typeof _getLogger>, callbackMethods: (keyof T)[]) => T;