fcr-ui-scene 3.4.0 → 3.4.2

package/lib/scenes/main-scene.js

@@ -0,0 +1,551 @@
+"use strict";
+
+require("core-js/modules/es.symbol.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.array.push.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.number.constructor.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.reflect.construct.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
+});
+exports.FcrMainUIScene = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.includes.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.object.entries.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.string.includes.js");
+require("core-js/modules/esnext.async-iterator.filter.js");
+require("core-js/modules/esnext.async-iterator.map.js");
+require("core-js/modules/esnext.iterator.constructor.js");
+require("core-js/modules/esnext.iterator.filter.js");
+require("core-js/modules/esnext.iterator.map.js");
+require("core-js/modules/web.timers.js");
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _type = require("fcr-core/lib/room-control/type");
+var _env = require("agora-foundation/lib/utilities/env");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _reactDom = _interopRequireDefault(require("react-dom"));
+var _actionBar = require("../modules/action-bar");
+var _audioStream = require("../modules/audio-stream");
+var _chat = require("../modules/chat");
+var _controlBar = require("../modules/control-bar");
+var _dialog = require("../modules/dialog");
+var _chat2 = require("../modules/dialog/components/chat");
+var _connectionGateway = require("../modules/dialog/components/connection-gateway");
+var _controlBar2 = require("../modules/dialog/components/control-bar");
+var _deviceSetting = _interopRequireDefault(require("../modules/dialog/components/device-setting"));
+var _interpreter = _interopRequireDefault(require("../modules/dialog/components/interpreter"));
+var _invite = require("../modules/dialog/components/invite");
+var _liveStreaming = require("../modules/dialog/components/live-streaming");
+var _participant = require("../modules/dialog/components/participant");
+var _shareScreenSelection = require("../modules/dialog/components/share-screen-selection");
+var _systemPreference = require("../modules/dialog/components/system-preference");
+var _whiteboard = require("../modules/dialog/components/whiteboard");
+var _videoWindow = require("../modules/dialog/components/video-window");
+var _eventConfirm = require("../modules/event-confirm");
+var _eventToast = require("../modules/event-toast");
+var _interpreter2 = require("../modules/interpreter");
+var _invite2 = require("../modules/invite");
+var _layout = require("../modules/layout");
+var _liveStreaming2 = require("../modules/live-streaming");
+var _notification = require("../modules/notification");
+var _participant2 = require("../modules/participant");
+var _setting = require("../modules/setting");
+var _shareScreen = require("../modules/share-screen");
+var _soundEffect = require("../modules/sound-effect");
+var _stateBar = require("../modules/state-bar");
+var _videoWindow2 = require("../modules/video-window");
+var _whiteboard2 = require("../modules/whiteboard");
+var _constant = require("../utilities/constant");
+var _videoTrackRenderContext = require("../utilities/video-track-render-context");
+var _rendererProvider = require("../providers/renderer-provider");
+var _devicePrivilegeProvider = require("../providers/device-privilege-provider");
+var _interpreterProvider = require("../providers/interpreter-provider");
+var _localStorageProvider = require("../providers/local-storage-provider");
+var _roomProvider = require("../providers/room-provider");
+var _type2 = require("fcr-core/lib/type");
+var _type3 = require("../type");
+var _lodash = require("lodash");
+var _type4 = require("fcr-core/lib/room-control/privilege-control/type");
+var _sessionProvider = require("../providers/session-provider");
+var _deviceStreamProvider = require("../providers/device-stream-provider");
+var _monitorProvider = require("../providers/monitor-provider");
+var _base = require("../base");
+var _chatProvider = require("../providers/chat-provider");
+var _interpreter3 = require("../shared-data-source/interpreter");
+var _waitingRoom = require("../shared-data-source/waiting-room");
+var _screenShareProvider = require("../providers/screen-share-provider");
+var _pcAudioConnect = require("../modules/pc-audio-connect");
+var _phoneAudioConnect = require("../modules/phone-audio-connect");
+var _phoneAudioProvider = require("../providers/phone-audio-provider");
+var _decorator = require("agora-foundation/lib/decorator");
+var _misc = require("agora-foundation/lib/utilities/misc");
+var _chatData = require("../shared-data-source/chat-data");
+var _jsxRuntime = require("react/jsx-runtime");
+var _FcrMainUIScene;
+var _initProto; // import { RemoveAdmitWaitingRoomDialog } from '../modules/dialog/components/remove-admit-waiting-room';
+// import { OperateWaitingRoomMemberDialogProps } from '../modules/participant/attendee';
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+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 FcrMainUIScene = exports.FcrMainUIScene = /*#__PURE__*/function (_FcrBaseUIScene) {
+  function FcrMainUIScene(args) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, FcrMainUIScene);
+    _this = _callSuper(this, FcrMainUIScene);
+    // providers
+    (0, _defineProperty2["default"])(_this, "eventProvider", void _initProto(_this));
+    // states
+    (0, _defineProperty2["default"])(_this, "_isWaitingRoomNotify", true);
+    var eventProvider = args.eventProvider,
+      sharedConfigDataSource = args.sharedConfigDataSource,
+      sharedSettingDataSource = args.sharedSettingDataSource,
+      deviceProvider = args.deviceProvider,
+      roomProvider = args.roomProvider,
+      engine = args.engine,
+      sharedLayoutDataSource = args.sharedLayoutDataSource,
+      sharedSpeakerSpotlightDataSource = args.sharedSpeakerSpotlightDataSource,
+      sharedPinDataSource = args.sharedPinDataSource,
+      messageProvider = args.messageProvider,
+      dialogProvider = args.dialogProvider,
+      sharedVideoWindowDataSource = args.sharedVideoWindowDataSource,
+      sharedDevicePrivilegeDataSource = args.sharedDevicePrivilegeDataSource;
+    var mainRoomControl = roomProvider.mainRoomControl;
+    var privilegeControl = mainRoomControl.getPrivilegeControl();
+    var streamControl = mainRoomControl.getStreamControl();
+    var userControl = mainRoomControl.getUserControl();
+    var interpreterControl = mainRoomControl.getInterpreterControl();
+    var devicePrivilegeProvider = new _devicePrivilegeProvider.FcrUIDevicePrivilegeProviderImpl(privilegeControl, streamControl, userControl);
+    var sharedInterpreterDataSource = new _interpreter3.FcrUISharedInterpreterDataSourceImpl(interpreterControl, userControl);
+    var localStorageProvider = new _localStorageProvider.FcrUILocalStorageProviderImpl();
+    var localVideoRenderProvider = new _rendererProvider.FcrUILocalVideoRenderProviderImpl(deviceProvider);
+    var remoteVideoRenderProvider = new _rendererProvider.FcrUIRemoteVideoRenderProviderImpl(mainRoomControl.getStreamControl());
+    var mainRoomControlProvider = new _roomProvider.FcrUIMainRoomControlProviderImpl(mainRoomControl, eventProvider, messageProvider, dialogProvider, sharedInterpreterDataSource);
+    var privilegeProvider = mainRoomControlProvider.privilegeProvider;
+    var currentRoomControlProvider = new _roomProvider.FcrUICurrentRoomControlProviderImpl(mainRoomControl);
+    var connectionProvider = new _roomProvider.FcrUIConnectionProviderImpl(engine);
+    var sessionProvider = new _sessionProvider.FcrUISessionProviderImpl(engine);
+    var deviceStreamProvider = new _deviceStreamProvider.FcrUIDeviceStreamProviderImpl(mainRoomControl, deviceProvider, eventProvider, devicePrivilegeProvider, sharedDevicePrivilegeDataSource);
+    var waitingRoomControlProvider = new _roomProvider.FcrUIWaitingRoomControlProviderImpl(roomProvider);
+    var interpreterProvider = new _interpreterProvider.FcrUIInterpreterProviderImpl({
+      privilegeProvider: privilegeProvider,
+      interpreterControl: interpreterControl,
+      userControl: userControl,
+      sharedInterpreterDataSource: sharedInterpreterDataSource,
+      eventProvider: eventProvider,
+      streamControl: streamControl,
+      deviceProvider: deviceProvider,
+      devicePrivilegeProvider: devicePrivilegeProvider
+    });
+    var monitorProvider = new _monitorProvider.FcrUIMonitorProviderImpl(engine.getMonitorControl());
+    var chatProvider = new _chatProvider.FcrUIChatProviderImpl(currentRoomControlProvider.currentRoomControl, roomProvider);
+    var sharedWaitingRoomDataSource = new _waitingRoom.FcrUISharedWaitingRoomDataSourceImpl(roomProvider, eventProvider);
+    var screenShareProvider = new _screenShareProvider.FcrUIScreenShareProviderImpl(deviceProvider, dialogProvider, roomProvider);
+    var phoneAudioConnectorProvider = new _phoneAudioProvider.FcrUIPhoneAudioConnectorProviderImpl({
+      roomControl: mainRoomControl,
+      messageProvider: messageProvider,
+      deviceProvider: deviceProvider
+    });
+    var sharedChatDataSource = new _chatData.FcrUISharedChatDataSourceImpl(chatProvider);
+    _this.messageProvider = messageProvider;
+    _this.dialogProvider = dialogProvider;
+    _this.eventProvider = eventProvider;
+    _this.devicePrivilegeProvider = devicePrivilegeProvider;
+    _this.deviceProvider = deviceProvider;
+    _this.interpreterProvider = interpreterProvider;
+    _this.localStorageProvider = localStorageProvider;
+    _this.privilegeProvider = privilegeProvider;
+    _this.remoteVideoRenderProvider = remoteVideoRenderProvider;
+    _this.mainRoomControlProvider = mainRoomControlProvider;
+    _this.roomProvider = roomProvider;
+    _this.localVideoRenderProvider = localVideoRenderProvider;
+    _this.currentRoomControlProvider = currentRoomControlProvider;
+    _this.connectionProvider = connectionProvider;
+    _this.sessionProvider = sessionProvider;
+    _this.deviceStreamProvider = deviceStreamProvider;
+    _this.waitingRoomControlProvider = waitingRoomControlProvider;
+    _this.monitorProvider = monitorProvider;
+    _this.screenShareProvider = screenShareProvider;
+    _this.phoneAudioConnectorProvider = phoneAudioConnectorProvider;
+    _this.chatProvider = chatProvider;
+    _this.sharedSpeakerSpotlightDataSource = sharedSpeakerSpotlightDataSource;
+    _this.sharedPinDataSource = sharedPinDataSource;
+    _this.sharedConfigDataSource = sharedConfigDataSource;
+    _this.sharedSettingDataSource = sharedSettingDataSource;
+    _this.sharedLayoutDataSource = sharedLayoutDataSource;
+    _this.sharedVideoWindowDataSource = sharedVideoWindowDataSource;
+    _this.sharedWaitingRoomDataSource = sharedWaitingRoomDataSource;
+    _this.sharedInterpreterDataSource = sharedInterpreterDataSource;
+    _this.sharedChatDataSource = sharedChatDataSource;
+    _this.sharedDevicePrivilegeDataSource = sharedDevicePrivilegeDataSource;
+    _this._addObservers();
+    return _this;
+  }
+  (0, _inherits2["default"])(FcrMainUIScene, _FcrBaseUIScene);
+  return (0, _createClass2["default"])(FcrMainUIScene, [{
+    key: "_addObservers",
+    value: function _addObservers() {
+      var _this2 = this,
+        _this$roomProvider$ma;
+      var mainRoomObserver = {
+        onLocalUserMovedToWaitingRoom: function onLocalUserMovedToWaitingRoom() {
+          var cameraEnabled = _this2.deviceProvider.cameraEnabled;
+          if (cameraEnabled) {
+            _this2.deviceProvider.setCameraEnabled(false);
+          }
+          _this2.messageProvider.showToast({
+            type: 'error',
+            message: (0, _i18n.transI18n)('fmt_waitingroom_attendie_overview_label__toast_move_to_waitingroom')
+          });
+          if (cameraEnabled) {
+            _this2.deviceProvider.setCameraEnabled(true);
+          }
+        }
+      };
+      var waitingRoomObserver = {
+        onRoomMessageReceived: function onRoomMessageReceived(roomId, message) {
+          if ((0, _lodash.get)(message, 'payload.data.messageKey') === _type2.RoomMessageKey.USER_WAITING_ROOM_JOINED && _this2._isWaitingRoomNotify) {
+            _this2.messageProvider.showNotification({
+              type: _type3.FcrUINotificationContentType.WAITING_ROOM,
+              onOk: function onOk() {
+                _this2._notifyParticipantShowWaitingRoom();
+                _this2.sharedWaitingRoomDataSource.unReadState = false;
+              },
+              onClose: _this2._setIsWaitingRoomNotify,
+              placement: 'topLeft'
+            });
+          }
+        }
+      };
+      (_this$roomProvider$ma = this.roomProvider.mainRoomControl) === null || _this$roomProvider$ma === void 0 || _this$roomProvider$ma.addObserver(mainRoomObserver);
+      this.roomProvider.addObserver({
+        onJoinWaitingRoom: function onJoinWaitingRoom(roomControl) {
+          var room = roomControl;
+          room.addObserver(waitingRoomObserver);
+          var waitingRoomUserControl = room.getUserControl();
+          waitingRoomUserControl.addObserver({
+            onRemoteUsersLeft: function onRemoteUsersLeft(roomId, events) {
+              var _getPrivilegeControl$;
+              var targetRoles = (_getPrivilegeControl$ = _this2.roomProvider.mainRoomControl.getPrivilegeControl().getSecurityInfo(_type4.FcrSecurityAction.WaitingRoom).info) === null || _getPrivilegeControl$ === void 0 ? void 0 : _getPrivilegeControl$.targetRoles;
+              if (waitingRoomUserControl) {
+                var users = waitingRoomUserControl.getUsers();
+                var userCount = Object.entries(users).map(function (_ref) {
+                  var _ref2 = (0, _slicedToArray2["default"])(_ref, 2),
+                    userId = _ref2[0],
+                    user = _ref2[1];
+                  return user;
+                }).filter(function (user) {
+                  return targetRoles.includes(user.userRole);
+                }).length;
+                if (userCount === 0) {
+                  _this2.eventProvider.sendEvent(_constant.FcrUIAction.COLSE_NOTIFICATION, _type3.FcrUINotificationContentType.WAITING_ROOM);
+                }
+              }
+            }
+          });
+        }
+      });
+    }
+  }, {
+    key: "mount",
+    value: function mount(dom) {
+      var _this3 = this;
+      var chatModule = new _chat.ChatUIModule(this, this);
+      var audioStreamUIModule = new _audioStream.AudioStreamUIModule(this, this);
+      var soundEffectUIModule = new _soundEffect.SoundEffectUIModule(this, this);
+      var dialogModule = new _dialog.DialogUIModule(this, this);
+      var settingUIModule = new _setting.SettingUIModule(this, this);
+      var interpreterUIModule = new _interpreter2.InterpreterUIModule(this, this);
+      var stateBarUIModule = new _stateBar.StateBarUIModule(this, this);
+      var participantsModule = new _participant2.ParticipantUIModule(this, this);
+      var shareScreenModule = new _shareScreen.ShareScreenUIModule(this, this);
+      var videoWindowModule = new _videoWindow2.VideoWindowUIModule(this, this);
+      var whiteBoradUIModule = new _whiteboard2.FcrWhiteboardUIModule(this, this);
+      var actionBarUIModule = new _actionBar.FcrActionBarUIModule(this, this);
+      var controlbarUIModule = new _controlBar.ControlBarUIModule(this, this);
+      var layoutModule = new _layout.LayoutUIModule(this, this);
+      var eventToastUIModule = new _eventToast.EventToastUIModule(this, this);
+      var eventConfirmUIModule = new _eventConfirm.EventConfirmUIModule(this, this);
+      var eventNotificationUIModule = new _notification.NotificationUIModule(this, this);
+      var liveStreamingUIModule = new _liveStreaming2.LiveStreamingUIModule(this, this);
+      var inviteUIModule = new _invite2.InviteUIModule(this, this);
+      var pcAudioConnection = new _pcAudioConnect.PcAudioConnectionUIModule(this, this);
+      var phoneAudioConnection = new _phoneAudioConnect.PhoneAudioConnectionUIModule(this, this);
+      this.addSubNode(chatModule);
+      this.addSubNode(audioStreamUIModule);
+      this.addSubNode(soundEffectUIModule);
+      this.addSubNode(dialogModule);
+      this.addSubNode(settingUIModule);
+      this.addSubNode(interpreterUIModule);
+      this.addSubNode(stateBarUIModule);
+      this.addSubNode(participantsModule);
+      this.addSubNode(shareScreenModule);
+      this.addSubNode(videoWindowModule);
+      this.addSubNode(whiteBoradUIModule);
+      this.addSubNode(actionBarUIModule);
+      this.addSubNode(controlbarUIModule);
+      this.addSubNode(layoutModule);
+      this.addSubNode(eventToastUIModule);
+      this.addSubNode(eventConfirmUIModule);
+      this.addSubNode(eventNotificationUIModule);
+      this.addSubNode(liveStreamingUIModule);
+      this.addSubNode(inviteUIModule);
+      this.addSubNode(pcAudioConnection);
+      this.addSubNode(phoneAudioConnection);
+      var getView = function getView() {
+        dialogModule.addDialogs([{
+          key: _constant.FcrUIDialogKey.DEVICE_SETTINGS,
+          component: function component() {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_deviceSetting["default"], {
+              children: settingUIModule.getComponent()
+            }, "DeviceSettingDialog");
+          }
+        }, {
+          key: _constant.FcrUIDialogKey.INTERPRETER,
+          component: function component(params) {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_interpreter["default"], {
+              children: interpreterUIModule.getComponent()
+            }, "InterpreterDialog");
+          }
+        }, {
+          key: _constant.FcrUIDialogKey.PARTICIPANT,
+          component: function component() {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_participant.ParticipantDialog, {
+              children: participantsModule.getComponent()
+            }, "ParticipantDialog");
+          }
+        }, {
+          key: _constant.FcrUIDialogKey.LIVE_STREAMING,
+          component: function component() {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_liveStreaming.LiveStreamingDialog, {
+              title: (0, _i18n.transI18n)('fmt_live_label_push_platform'),
+              children: liveStreamingUIModule === null || liveStreamingUIModule === void 0 ? void 0 : liveStreamingUIModule.getComponent()
+            }, "LiveStreamingDialog-".concat(Math.random()));
+          }
+        }, {
+          key: _constant.FcrUIDialogKey.INVITE,
+          component: function component() {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_invite.InviteDialog, {
+              children: inviteUIModule.getComponent()
+            }, "InviteDialog");
+          }
+        }, {
+          key: _constant.FcrUIDialogKey.CHAT,
+          component: function component() {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_chat2.ChatDialog, {
+              chatAction: chatModule.getActionsComponent(),
+              children: chatModule.getComponent({
+                singling: true
+              })
+            }, "ChatDialog");
+          }
+        }, {
+          key: _constant.FcrUIDialogKey.VIDEO_WINDOW,
+          component: function component() {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_videoWindow.VideoWindowDialog, {
+              children: videoWindowModule.getComponent()
+            }, "VideoWindowDialog");
+          }
+        }, {
+          key: _constant.FcrUIDialogKey.CONNECTION_GATEWAY,
+          component: function component(params) {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_connectionGateway.ConnectionGatewayDialog, {
+              params: params,
+              computerChildren: pcAudioConnection.getComponent(),
+              phoneChildren: phoneAudioConnection.getComponent()
+            }, "ConnectionGatewayDialog");
+          }
+        }, {
+          key: _constant.FcrUIDialogKey.WHITEBOARD,
+          component: function component() {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_whiteboard.WhiteboardElectronDialog, {
+              module: whiteBoradUIModule
+            }, "WhiteboardDialog");
+          }
+        }, {
+          key: _constant.FcrUIDialogKey.SHARE_SCREEN,
+          component: function component(params) {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_shareScreenSelection.ShareScreenSelectronDialog, {
+              params: params,
+              children: shareScreenModule.getSelectionComponent()
+            }, "ShareScreenSelection");
+          }
+        }, {
+          key: _constant.FcrUIDialogKey.CONTROL_BAR,
+          component: function component(params) {
+            return (0, _env.isElectron)() ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_controlBar2.ControlBarDialog, {
+              module: controlbarUIModule,
+              params: params
+            }, "ControlBar") : shareScreenModule.getComponent();
+          }
+        }, {
+          key: _constant.FcrUIDialogKey.SYSTEM_PREFERENCE,
+          component: function component(params) {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_systemPreference.SystemPreferenceDialog, {
+              params: params
+            }, "SystemPreference");
+          }
+        }]);
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_videoTrackRenderContext.FcrVideoTrackRenderContext.Provider, {
+          value: {
+            localVideoRenderProvider: _this3.localVideoRenderProvider,
+            remoteVideoRenderProvider: _this3.remoteVideoRenderProvider
+          },
+          children: _this3.renderWithErrorBoundary(/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            style: {
+              width: '100vw',
+              height: '100vh'
+            },
+            children: layoutModule.getComponent({
+              chat: chatModule.getComponent(),
+              chatAction: chatModule.getActionsComponent(),
+              participant: participantsModule.getComponent(),
+              actionBar: actionBarUIModule.getComponent(),
+              stateBar: stateBarUIModule.getComponent(),
+              layers: _this3.renderLayers([dialogModule.getComponent(), eventToastUIModule.getComponent('local'), eventNotificationUIModule.getComponent()]),
+              whiteboard: whiteBoradUIModule.getComponent(),
+              globalToast: eventToastUIModule.getComponent('global'),
+              confirm: eventConfirmUIModule.getComponent()
+            })
+          }), 'mainroom')
+        });
+      };
+      _reactDom["default"].render(getView(), dom);
+    }
+  }, {
+    key: "unmount",
+    value: function unmount(dom) {
+      _reactDom["default"].unmountComponentAtNode(dom);
+    }
+  }, {
+    key: "onNodeWillActive",
+    value: function onNodeWillActive() {
+      this._runSettingConfig();
+    }
+  }, {
+    key: "onNodeWillInactive",
+    value: function onNodeWillInactive() {
+      this.mainRoomControlProvider.release();
+      this.localVideoRenderProvider.release();
+      this.remoteVideoRenderProvider.release();
+      this.devicePrivilegeProvider.release();
+      this.privilegeProvider.release();
+      this.deviceStreamProvider.release();
+      this.sharedInterpreterDataSource.release();
+    }
+  }, {
+    key: "_setIsWaitingRoomNotify",
+    value: function _setIsWaitingRoomNotify() {
+      this._isWaitingRoomNotify = false;
+      this.eventProvider.sendEvent(_constant.FcrUIAction.COLSE_NOTIFICATION, _type3.FcrUINotificationContentType.WAITING_ROOM);
+    }
+  }, {
+    key: "_notifyParticipantShowWaitingRoom",
+    value: function _notifyParticipantShowWaitingRoom() {
+      this.eventProvider.sendEvent(_constant.FcrUIAction.TOGGLE_PARTICIPANT_TAB, _type.FcrRoomType.Waitingroom);
+      this.eventProvider.sendEvent(_constant.FcrUIAction.CHANGE_PARTICIPANT_TAB, _type.FcrRoomType.Waitingroom);
+      this.eventProvider.sendEvent(_constant.FcrUIAction.COLSE_NOTIFICATION, _type3.FcrUINotificationContentType.WAITING_ROOM);
+    }
+  }, {
+    key: "_runSettingConfig",
+    value: function () {
+      var _runSettingConfig2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+        var _this4 = this;
+        var deviceProvider, settingConfig, hasOpenCameraPrivilege, hasOpenMicrophonePrivilege;
+        return _regenerator["default"].wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              deviceProvider = this.deviceProvider;
+              settingConfig = this.sharedConfigDataSource.settingConfig;
+              this.logger.info('run setting config in main room:', (0, _misc.jsonstring)(settingConfig));
+              if (!this.deviceProvider.ifNeedExecuteOpenCamera()) {
+                _context.next = 8;
+                break;
+              }
+              _context.next = 6;
+              return this.devicePrivilegeProvider.hasOpenCameraPrivilege();
+            case 6:
+              hasOpenCameraPrivilege = _context.sent;
+              this.deviceProvider.setCameraEnabled(hasOpenCameraPrivilege);
+            case 8:
+              if (!this.deviceProvider.ifNeedExecuteAutoConnectAudio()) {
+                _context.next = 13;
+                break;
+              }
+              _context.next = 11;
+              return this.devicePrivilegeProvider.hasOpenMicrophonePrivilege();
+            case 11:
+              hasOpenMicrophonePrivilege = _context.sent;
+              deviceProvider.connectAudio(hasOpenMicrophonePrivilege);
+            case 13:
+              if (this.deviceProvider.ifNeedExecuteConnectAudioOption()) {
+                setTimeout(function () {
+                  // 弹出是否链接音频的弹窗
+                  _this4.eventProvider.openDialog(_constant.FcrUIDialogKey.CONNECTION_GATEWAY, '', {
+                    type: 'computer'
+                  });
+                });
+              }
+            case 14:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this);
+      }));
+      function _runSettingConfig() {
+        return _runSettingConfig2.apply(this, arguments);
+      }
+      return _runSettingConfig;
+    }()
+  }]);
+}(_base.FcrBaseUIScene);
+_FcrMainUIScene = FcrMainUIScene;
+var _applyDecs$e = _applyDecs(_FcrMainUIScene, [[_decorator.bound, 2, "_setIsWaitingRoomNotify"], [_decorator.bound, 2, "_notifyParticipantShowWaitingRoom"]], [], 0, void 0, _base.FcrBaseUIScene).e;
+var _applyDecs$e2 = (0, _slicedToArray2["default"])(_applyDecs$e, 1);
+_initProto = _applyDecs$e2[0];
+_applyDecs$e;

package/lib/scenes/waiting-scene.d.ts

@@ -0,0 +1,61 @@
+import { FcrCoreEngine } from 'fcr-core';
+import { FcrUIDeviceProvider } from '../providers/device-provider';
+import { FcrUIEventProvider } from '../providers/event-provider';
+import { FcrUILocalStorageProviderImpl } from '../providers/local-storage-provider';
+import { FcrUICurrentRoomControlProviderImpl, FcrUIRoomProvider, FcrUIWaitingRoomControlProviderImpl } from '../providers/room-provider';
+import { FcrUISharedConfigDataSource } from '../shared-data-source/config';
+import { FcrUILocalVideoRenderProviderImpl, FcrUIRemoteVideoRenderProviderImpl } from '../providers/renderer-provider';
+import { FcrBaseUIScene } from '../base';
+import { FcrUIChatProviderImpl } from '../providers/chat-provider';
+import { FcrUIMessageProvider } from '../providers/message-provider';
+import { FcrUIDialogProvider } from '../providers/dialog-provider';
+import { FcrUISharedInterpreterDataSourceImpl } from '../shared-data-source/interpreter';
+import { FcrUIPhoneAudioConnectorProviderImpl } from '../providers/phone-audio-provider';
+import { FcrUISharedLayoutDataSource } from '../shared-data-source/layout-data';
+import { FcrUISharedSettingDataSource } from '../shared-data-source/setting';
+import { FcrUIMonitorProviderImpl } from '../providers/monitor-provider';
+import { FcrUIDevicePrivilegeProviderImpl } from '../providers/device-privilege-provider';
+import { FcrUISharedDevicePrivilegeDataSource } from '../shared-data-source/device-privilege-data';
+import { FcrUISharedChatDataSource } from '../shared-data-source/chat-data';
+import { FcrUIDeviceStreamProviderImpl } from '../providers/device-stream-provider';
+export type FcrWaitingUISceneArgs = {
+    engine: FcrCoreEngine;
+    eventProvider: FcrUIEventProvider;
+    deviceProvider: FcrUIDeviceProvider;
+    roomProvider: FcrUIRoomProvider;
+    sharedConfigDataSource: FcrUISharedConfigDataSource;
+    messageProvider: FcrUIMessageProvider;
+    dialogProvider: FcrUIDialogProvider;
+    sharedLayoutDataSource: FcrUISharedLayoutDataSource;
+    sharedSettingDataSource: FcrUISharedSettingDataSource;
+    sharedDevicePrivilegeDataSource: FcrUISharedDevicePrivilegeDataSource;
+};
+export declare class FcrWaitingUIScene extends FcrBaseUIScene {
+    eventProvider: FcrUIEventProvider;
+    roomProvider: FcrUIRoomProvider;
+    waitingRoomControlProvider: FcrUIWaitingRoomControlProviderImpl;
+    currentRoomControlProvider: FcrUICurrentRoomControlProviderImpl;
+    deviceProvider: FcrUIDeviceProvider;
+    devicePrivilegeProvider: FcrUIDevicePrivilegeProviderImpl;
+    localStorageProvider: FcrUILocalStorageProviderImpl;
+    localVideoRenderProvider: FcrUILocalVideoRenderProviderImpl;
+    chatProvider: FcrUIChatProviderImpl;
+    dialogProvider: FcrUIDialogProvider;
+    remoteVideoRenderProvider: FcrUIRemoteVideoRenderProviderImpl;
+    phoneAudioConnectorProvider: FcrUIPhoneAudioConnectorProviderImpl;
+    monitorProvider: FcrUIMonitorProviderImpl;
+    deviceStreamProvider: FcrUIDeviceStreamProviderImpl;
+    sharedConfigDataSource: FcrUISharedConfigDataSource;
+    messageProvider: FcrUIMessageProvider;
+    sharedInterpreterDataSource: FcrUISharedInterpreterDataSourceImpl;
+    sharedLayoutDataSource: FcrUISharedLayoutDataSource;
+    sharedSettingDataSource: FcrUISharedSettingDataSource;
+    sharedDevicePrivilegeDataSource: FcrUISharedDevicePrivilegeDataSource;
+    sharedChatDataSource: FcrUISharedChatDataSource;
+    constructor(args: FcrWaitingUISceneArgs);
+    mount(dom: HTMLElement): void;
+    onNodeWillActive(): void;
+    unmount(dom: HTMLElement): void;
+    onNodeWillInactive(): void;
+    private _runSettingConfig;
+}