fcr-ui-scene 3.8.1 → 3.9.0-alpha

package/lib-es/scenes/main-scene.js

@@ -0,0 +1,726 @@
+import "core-js/modules/es.reflect.construct.js";
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.array.includes.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.object.entries.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.string.includes.js";
+import "core-js/modules/esnext.iterator.constructor.js";
+import "core-js/modules/esnext.iterator.filter.js";
+import "core-js/modules/esnext.iterator.map.js";
+import "core-js/modules/web.timers.js";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(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; })(); }
+import ReactDOM from 'react-dom';
+import { ActionBarMainSceneUIModule } from '../modules/action-bar/main-scene';
+import { AudioStreamUIModule } from '../modules/audio-stream';
+import { ChatUIModule } from '../modules/chat';
+import { SubtitlesHistoryUIModule } from '../modules/subtitles-history';
+import { ControlBarUIModule } from '../modules/control-bar';
+import { ChatDialog, electronWindowConfig as chatDialogWindowConfig, webDialogConfig as chatWebDialogConfig } from '../modules/dialog/dialogs/chat';
+import { ConnectionGatewayDialog, electronWindowConfig as connectionGatewayDialogWindowConfig, webDialogConfig as connectionGatewayWebDialogConfig } from '../modules/dialog/dialogs/connection-gateway';
+import { ControlBarDialog, electronWindowConfig as controlBarDialogWindowConfig } from '../modules/dialog/dialogs/control-bar';
+import { InterpreterDialog, electronWindowConfig as interpreterDialogWindowConfig, webDialogConfig as interpreterWebDialogConfig } from '../modules/dialog/dialogs/interpreter';
+import { InviteDialog, electronWindowConfig as inviteDialogWindowConfig } from '../modules/dialog/dialogs/invite';
+import { LiveStreamingDialog, electronWindowConfig as liveStreamingDialogWindowConfig } from '../modules/dialog/dialogs/live-streaming';
+import { ParticipantDialog, electronWindowConfig as participantDialogWindowConfig, webDialogConfig as participantWebDialogConfig } from '../modules/dialog/dialogs/participant';
+import { electronRevokeHostWindowConfig, webRevokeHostWindowConfig, SystemPreferenceDialog } from '../modules/dialog/dialogs/system-preference';
+import { WhiteboardDialog } from '../modules/dialog/dialogs/whiteboard';
+import { VideoWindowDialog, electronWindowConfig as videoWindowConfig } from '../modules/dialog/dialogs/video-window';
+import { AnnotationMask, electronWindowConfig as annotationMaskWindowConfig } from '../modules/dialog/dialogs/annotation-mask';
+import { AnnotationTool, electronWindowConfig as annotationToolWindowConfig } from '../modules/dialog/dialogs/annotation-tool';
+import { InterpreterUIModule } from '../modules/interpreter';
+import { InviteUIModule } from '../modules/invite';
+import { LayoutUIModule } from '../modules/layout';
+import { LiveStreamingUIModule } from '../modules/live-streaming';
+import { NotificationUIModule } from '../modules/notification';
+import { ParticipantUIModule } from '../modules/participant';
+import { ShareScreenUIModule } from '../modules/share-screen';
+import { SoundEffectUIModule } from '../modules/event-sound';
+import { VideoWindowUIModule } from '../modules/video-window';
+import { FcrWhiteboardUIModule } from '../modules/whiteboard';
+import { FcrUIAction, FcrUIDialogKey } from '../utilities/constant';
+import { FcrVideoTrackRenderContext } from '../shared-context/video-track-render-context';
+import { RoomMessageKey } from 'fcr-core/lib/type';
+import { FcrUINotificationContentType, FcrUIRoomType } from '../type';
+import get from 'lodash/get';
+import { FcrSecurityAction } from 'fcr-core/lib/room-control/privilege-control/type';
+import { FcrBaseUIScene } from '../base';
+import { PcAudioConnectionUIModule } from '../modules/pc-audio-connect/main-scene';
+import { PhoneAudioConnectionUIModule } from '../modules/phone-audio-connect';
+import { jsonstring } from 'agora-foundation/lib/utilities/misc';
+import { WidgetDialog, electronWindowConfig as widgetDialogWindowConfig } from '../modules/dialog/dialogs/widget';
+import { WebWidgetUIModule } from '../modules/widget';
+import { RenameDialog, electronWindowConfig as renameDialogWindowConfig } from '../modules/dialog/dialogs/rename';
+import { ConfirmEndMeetingDialog, electronWindowConfig as confirmLeaveMeetingDialogWindowConfig } from '../modules/dialog/dialogs/confirm-leave-meeting';
+import { ExitMeetingNoticeDialog, electronWindowConfig as endMeetingDialogWindowConfig } from '../modules/dialog/dialogs/end-meeting-notice';
+import { SubWindowDialog, electronWindowConfig as subWindowDialogWindowConfig } from '../modules/dialog/dialogs/sub-window';
+import { FcrUISecondaryWindowModule } from '../modules/secondary-window';
+import { FcrUIObjectKeys } from '../object-manager';
+import { createLogger } from '../utilities/logger';
+import { ShareScreenSelectionDialog, electronWindowConfig as shareScreenSelectionDialogWindowConfig } from '../modules/dialog/dialogs/share-screen-selection';
+import { StateBarMainSceneUIModule } from '../modules/state-bar/main-scene';
+import { MuteAllDialog, electronWindowConfig as muteAllDialogWindowConfig } from '../modules/dialog/dialogs/mute-all';
+import { ControlBarLeaveMeetingDialog, electronWindowConfig as controlBarLeaveMeetingDialogWindowConfig } from '../modules/dialog/dialogs/control-bar-leave-meeting';
+import { CaptionUIModule } from '../modules/caption';
+import { SubtitlesHistoryDialog, electronWindowConfig as subtitlesHistoryDialogWindowConfig, webDialogConfig as subtitlesHistoryWebDialogConfig } from '../modules/dialog/dialogs/subtitles-history';
+import { isMac } from 'agora-foundation/lib/utilities/env';
+import { isElectron } from 'agora-foundation/lib/utilities/env';
+import { CaptionDialog, electronWindowConfig as captionDialogWindowConfig } from '../modules/dialog/dialogs/caption';
+import { AnnotationUIModule } from '../modules/annotation';
+import { FcrUIToastKey } from '../modules/toast-manager/type';
+import { ToastManagerUIModule } from '../modules/toast-manager';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var FcrMainUIScene = /*#__PURE__*/function (_FcrBaseUIScene) {
+  function FcrMainUIScene(args) {
+    var _this;
+    _classCallCheck(this, FcrMainUIScene);
+    _this = _callSuper(this, FcrMainUIScene, [args.objectManager]);
+    _defineProperty(_this, "logger", createLogger({
+      prefix: 'FcrMainUIScene'
+    }));
+    _defineProperty(_this, "_isWaitingRoomNotify", true);
+    var objectManager = _this.objectManager;
+    var roomProvider = objectManager.getObject(FcrUIObjectKeys.P_ROOM_PROVIDER);
+    _this._roomObserver = {
+      onJoinWaitingRoom: function onJoinWaitingRoom(roomControl) {
+        var room = roomControl;
+        var eventProvider = objectManager.getObject(FcrUIObjectKeys.P_EVENT_PROVIDER);
+        var messageProvider = objectManager.getObject(FcrUIObjectKeys.P_MESSAGE_PROVIDER);
+        var sharedWaitingRoomDataSource = objectManager.getObject(FcrUIObjectKeys.S_SHARED_WAITING_ROOM_DATA_SOURCE);
+        var waitingRoomObserver = {
+          onRoomMessageReceived: function onRoomMessageReceived(roomId, message) {
+            if (get(message, 'payload.messageKey') === RoomMessageKey.USER_WAITING_ROOM_JOINED && _this._isWaitingRoomNotify) {
+              messageProvider.showNotification({
+                type: FcrUINotificationContentType.WAITING_ROOM,
+                onOk: function onOk() {
+                  eventProvider.sendEvent(FcrUIAction.TOGGLE_PARTICIPANT_TAB, FcrUIRoomType.MAIN_ROOM);
+                  eventProvider.sendEvent(FcrUIAction.CHANGE_PARTICIPANT_TAB, FcrUIRoomType.WAITING_ROOM);
+                  messageProvider.closeNotification(FcrUINotificationContentType.WAITING_ROOM);
+                  sharedWaitingRoomDataSource.unReadState = false;
+                },
+                onClose: function onClose() {
+                  _this._isWaitingRoomNotify = false;
+                  messageProvider.closeNotification(FcrUINotificationContentType.WAITING_ROOM);
+                },
+                placement: 'topLeft'
+              });
+            }
+          }
+        };
+        var waitingRoomUserObserver = {
+          onRemoteUsersLeft: function onRemoteUsersLeft(roomId, events) {
+            var _getPrivilegeControl$;
+            var targetRoles = (_getPrivilegeControl$ = roomProvider.currentRoomControl.getPrivilegeControl().getSecurityInfo(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 = _slicedToArray(_ref, 2),
+                  userId = _ref2[0],
+                  user = _ref2[1];
+                return user;
+              }).filter(function (user) {
+                return targetRoles.includes(user.userRole);
+              }).length;
+              if (userCount === 0) {
+                messageProvider.closeNotification(FcrUINotificationContentType.WAITING_ROOM);
+              }
+            }
+          }
+        };
+        var waitingRoomUserControl = room.getUserControl();
+        room.addObserver(waitingRoomObserver);
+        waitingRoomUserControl.addObserver(waitingRoomUserObserver);
+      }
+    };
+    _this._windowObserver = {
+      onWindowCreated: function onWindowCreated(dialogKey, _, window) {
+        if (dialogKey === FcrUIDialogKey.SHARE_SCREEN_SELECTION) {
+          window.setAlwaysOnTop(true, isMac() ? 'floating' : 'normal');
+          if (isMac()) {
+            window.setVisibleOnAllWorkspaces(true, {
+              visibleOnFullScreen: true
+            });
+          }
+        }
+        if (dialogKey === FcrUIDialogKey.CONFIRM_END_MEETING) {
+          window.setAlwaysOnTop(true, isMac() ? 'floating' : 'normal');
+          if (isMac()) {
+            window.setVisibleOnAllWorkspaces(true, {
+              visibleOnFullScreen: true
+            });
+          }
+        }
+      }
+    };
+    return _this;
+  }
+  _inherits(FcrMainUIScene, _FcrBaseUIScene);
+  return _createClass(FcrMainUIScene, [{
+    key: "mount",
+    value: function mount(dom) {
+      var _this2 = this;
+      var chatModule = new ChatUIModule(this);
+      var audioStreamUIModule = new AudioStreamUIModule(this);
+      var soundEffectUIModule = new SoundEffectUIModule(this);
+      var interpreterUIModule = new InterpreterUIModule(this);
+      var stateBarUIModule = new StateBarMainSceneUIModule(this);
+      var participantsModule = new ParticipantUIModule(this);
+      var subtitlesHistoryModule = new SubtitlesHistoryUIModule(this);
+      var shareScreenModule = new ShareScreenUIModule(this);
+      var videoWindowModule = new VideoWindowUIModule(this);
+      var whiteBoradUIModule = new FcrWhiteboardUIModule(this);
+      var actionBarUIModule = new ActionBarMainSceneUIModule(this);
+      var controlbarUIModule = new ControlBarUIModule(this);
+      var annotationUIModule = new AnnotationUIModule(this);
+      var layoutModule = new LayoutUIModule(this);
+      var captionUIModule = new CaptionUIModule(this);
+      var eventNotificationUIModule = new NotificationUIModule(this);
+      var liveStreamingUIModule = new LiveStreamingUIModule(this);
+      var inviteUIModule = new InviteUIModule(this);
+      var pcAudioConnection = new PcAudioConnectionUIModule(this);
+      var phoneAudioConnection = new PhoneAudioConnectionUIModule(this);
+      var webWidgetUIModule = new WebWidgetUIModule(this);
+      var displayDistributionModule = new FcrUISecondaryWindowModule(this);
+      var toastManagerUIModule = new ToastManagerUIModule(this);
+      var localVideoRenderProvider = this.objectManager.getObject(FcrUIObjectKeys.P_LOCAL_VIDEO_RENDER_PROVIDER);
+      var remoteVideoRenderProvider = this.objectManager.getObject(FcrUIObjectKeys.P_REMOTE_VIDEO_RENDER_PROVIDER);
+      var dialogProvider = this.objectManager.getObject(FcrUIObjectKeys.P_DIALOG_PROVIDER);
+      this.addSubNode(chatModule);
+      this.addSubNode(subtitlesHistoryModule);
+      this.addSubNode(audioStreamUIModule);
+      this.addSubNode(soundEffectUIModule);
+      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(eventNotificationUIModule);
+      this.addSubNode(liveStreamingUIModule);
+      this.addSubNode(inviteUIModule);
+      this.addSubNode(pcAudioConnection);
+      this.addSubNode(phoneAudioConnection);
+      this.addSubNode(webWidgetUIModule);
+      this.addSubNode(displayDistributionModule);
+      this.addSubNode(captionUIModule);
+      this.addSubNode(annotationUIModule);
+      this.addSubNode(toastManagerUIModule);
+      // add dialogs
+      dialogProvider.addDialogs([{
+        key: FcrUIDialogKey.INTERPRETER,
+        component: function component(_ref3) {
+          var dialogKey = _ref3.dialogKey,
+            dialogId = _ref3.dialogId,
+            params = _ref3.params;
+          return /*#__PURE__*/_jsx(InterpreterDialog, {
+            dialogKey: dialogKey,
+            dialogId: dialogId,
+            params: params,
+            children: interpreterUIModule.getComponent()
+          }, dialogId);
+        },
+        electronWindowConfig: interpreterDialogWindowConfig,
+        webDialogConfig: interpreterWebDialogConfig
+      }, {
+        key: FcrUIDialogKey.WIDGET,
+        component: function component(_ref4) {
+          var dialogKey = _ref4.dialogKey,
+            dialogId = _ref4.dialogId,
+            params = _ref4.params;
+          return /*#__PURE__*/_jsx(WidgetDialog, {
+            dialogKey: dialogKey,
+            dialogId: dialogId,
+            params: params,
+            children: webWidgetUIModule.getComponent(params)
+          }, dialogId);
+        },
+        electronWindowConfig: widgetDialogWindowConfig
+      }, {
+        key: FcrUIDialogKey.PARTICIPANT,
+        component: function component(_ref5) {
+          var dialogKey = _ref5.dialogKey,
+            dialogId = _ref5.dialogId,
+            params = _ref5.params;
+          return /*#__PURE__*/_jsx(ParticipantDialog, {
+            dialogKey: dialogKey,
+            dialogId: dialogId,
+            header: participantsModule.getHeaderComponent(),
+            actions: participantsModule.getActionsComponent(),
+            params: params,
+            children: participantsModule.getComponent()
+          }, dialogId);
+        },
+        electronWindowConfig: participantDialogWindowConfig,
+        webDialogConfig: participantWebDialogConfig
+      }, {
+        key: FcrUIDialogKey.SUBTITLES_HISTORY,
+        component: function component(_ref6) {
+          var dialogKey = _ref6.dialogKey,
+            dialogId = _ref6.dialogId,
+            params = _ref6.params;
+          return /*#__PURE__*/_jsx(SubtitlesHistoryDialog, {
+            dialogKey: dialogKey,
+            dialogId: dialogId,
+            params: params,
+            header: subtitlesHistoryModule.getHeaderComponent(),
+            actions: subtitlesHistoryModule.getActionsComponent(),
+            children: subtitlesHistoryModule.getComponent()
+          }, dialogId);
+        },
+        electronWindowConfig: subtitlesHistoryDialogWindowConfig,
+        webDialogConfig: subtitlesHistoryWebDialogConfig
+      }, {
+        key: FcrUIDialogKey.CAPTION,
+        component: function component(_ref7) {
+          var dialogKey = _ref7.dialogKey,
+            dialogId = _ref7.dialogId,
+            params = _ref7.params;
+          return /*#__PURE__*/_jsx(CaptionDialog, {
+            dialogKey: dialogKey,
+            dialogId: dialogId,
+            params: params
+            // header={captionUIModule.getHeaderComponent()}
+            //   actions={captionUIModule.getActionsComponent()}
+            ,
+            children: captionUIModule.getComponent()
+          }, dialogId);
+        },
+        electronWindowConfig: captionDialogWindowConfig
+      }, {
+        key: FcrUIDialogKey.LIVE_STREAMING,
+        component: function component(_ref8) {
+          var dialogKey = _ref8.dialogKey,
+            dialogId = _ref8.dialogId,
+            params = _ref8.params;
+          return /*#__PURE__*/_jsx(LiveStreamingDialog, {
+            dialogKey: dialogKey,
+            dialogId: dialogId,
+            params: params,
+            children: liveStreamingUIModule.getComponent()
+          }, dialogId);
+        },
+        electronWindowConfig: liveStreamingDialogWindowConfig
+      }, {
+        key: FcrUIDialogKey.INVITE,
+        component: function component(_ref9) {
+          var dialogKey = _ref9.dialogKey,
+            dialogId = _ref9.dialogId,
+            params = _ref9.params;
+          return /*#__PURE__*/_jsx(InviteDialog, {
+            dialogKey: dialogKey,
+            dialogId: dialogId,
+            params: params,
+            children: inviteUIModule.getComponent({
+              contactsChildren: webWidgetUIModule.getContactsComponent()
+            })
+          }, dialogId);
+        },
+        electronWindowConfig: inviteDialogWindowConfig
+      }, {
+        key: FcrUIDialogKey.CHAT,
+        component: function component(_ref0) {
+          var dialogKey = _ref0.dialogKey,
+            dialogId = _ref0.dialogId,
+            params = _ref0.params;
+          return /*#__PURE__*/_jsx(ChatDialog, {
+            dialogKey: dialogKey,
+            dialogId: dialogId,
+            params: params,
+            header: chatModule.getChatDialogHeaderComponent(),
+            chatActions: chatModule.getActionsComponent(),
+            headerActions: chatModule.getChatDialogHeaderActionsComponent(dialogId),
+            children: chatModule.getComponent({
+              singling: true
+            })
+          }, dialogId);
+        },
+        electronWindowConfig: chatDialogWindowConfig,
+        webDialogConfig: chatWebDialogConfig
+      }, {
+        key: FcrUIDialogKey.VIDEO_WINDOW,
+        component: function component(_ref1) {
+          var dialogKey = _ref1.dialogKey,
+            dialogId = _ref1.dialogId,
+            params = _ref1.params;
+          return /*#__PURE__*/_jsx(VideoWindowDialog, {
+            dialogKey: dialogKey,
+            dialogId: dialogId,
+            params: params,
+            children: videoWindowModule.getComponent()
+          }, dialogId);
+        },
+        electronWindowConfig: videoWindowConfig
+      }, {
+        key: FcrUIDialogKey.CONNECTION_GATEWAY,
+        component: function component(_ref10) {
+          var dialogKey = _ref10.dialogKey,
+            dialogId = _ref10.dialogId,
+            params = _ref10.params;
+          return /*#__PURE__*/_jsx(ConnectionGatewayDialog, {
+            dialogKey: dialogKey,
+            dialogId: dialogId,
+            params: params,
+            children: pcAudioConnection.getComponent({
+              phoneChildren: phoneAudioConnection.getComponent(),
+              type: params === null || params === void 0 ? void 0 : params.type
+            })
+          }, dialogId);
+        },
+        electronWindowConfig: connectionGatewayDialogWindowConfig,
+        webDialogConfig: connectionGatewayWebDialogConfig
+      }, {
+        key: FcrUIDialogKey.WHITEBOARD,
+        component: function component(_ref11) {
+          var dialogKey = _ref11.dialogKey,
+            dialogId = _ref11.dialogId,
+            params = _ref11.params;
+          return /*#__PURE__*/_jsx(WhiteboardDialog, {
+            dialogKey: dialogKey,
+            dialogId: dialogId,
+            params: params
+          }, dialogId);
+        },
+        electronWindowConfig: {}
+      }, {
+        key: FcrUIDialogKey.SHARE_SCREEN_SELECTION,
+        component: function component(_ref12) {
+          var dialogKey = _ref12.dialogKey,
+            dialogId = _ref12.dialogId,
+            params = _ref12.params;
+          return /*#__PURE__*/_jsx(ShareScreenSelectionDialog, {
+            dialogKey: dialogKey,
+            dialogId: dialogId,
+            params: params,
+            children: shareScreenModule.getSelectionComponent()
+          }, dialogId);
+        },
+        electronWindowConfig: shareScreenSelectionDialogWindowConfig
+      }, {
+        key: FcrUIDialogKey.SHARE_SCREEN_CONTROL_BAR,
+        component: function component(_ref13) {
+          var dialogKey = _ref13.dialogKey,
+            dialogId = _ref13.dialogId,
+            params = _ref13.params;
+          return /*#__PURE__*/_jsx(ControlBarDialog, {
+            dialogKey: dialogKey,
+            dialogId: dialogId,
+            params: params,
+            children: controlbarUIModule.getComponent()
+          }, dialogId);
+        },
+        electronWindowConfig: controlBarDialogWindowConfig
+      }, {
+        key: FcrUIDialogKey.RENAME,
+        component: function component(_ref14) {
+          var dialogKey = _ref14.dialogKey,
+            dialogId = _ref14.dialogId,
+            params = _ref14.params;
+          return /*#__PURE__*/_jsx(RenameDialog, {
+            dialogKey: dialogKey,
+            dialogId: dialogId,
+            params: params,
+            children: participantsModule.getRenameDialogContent()
+          }, dialogId);
+        },
+        electronWindowConfig: renameDialogWindowConfig
+      }, {
+        key: FcrUIDialogKey.CONFIRM_END_MEETING,
+        component: function component(_ref15) {
+          var dialogKey = _ref15.dialogKey,
+            dialogId = _ref15.dialogId,
+            params = _ref15.params;
+          return /*#__PURE__*/_jsx(ConfirmEndMeetingDialog, {
+            dialogKey: dialogKey,
+            dialogId: dialogId,
+            params: params,
+            children: actionBarUIModule.getConfirmEndMeetingComponent(dialogId)
+          }, dialogId);
+        },
+        electronWindowConfig: confirmLeaveMeetingDialogWindowConfig
+      }, {
+        key: FcrUIDialogKey.EXIT_MEETING_NOTICE,
+        component: function component(_ref16) {
+          var dialogKey = _ref16.dialogKey,
+            dialogId = _ref16.dialogId,
+            params = _ref16.params;
+          return /*#__PURE__*/_jsx(ExitMeetingNoticeDialog, {
+            dialogKey: dialogKey,
+            dialogId: dialogId,
+            params: params
+          }, dialogId);
+        },
+        electronWindowConfig: endMeetingDialogWindowConfig
+      }, {
+        key: FcrUIDialogKey.SUB_WINDOW,
+        component: function component(_ref17) {
+          var dialogKey = _ref17.dialogKey,
+            dialogId = _ref17.dialogId,
+            params = _ref17.params;
+          return /*#__PURE__*/_jsx(SubWindowDialog, {
+            dialogKey: dialogKey,
+            dialogId: dialogId,
+            params: params,
+            children: displayDistributionModule.component(shareScreenModule)
+          }, dialogId);
+        },
+        electronWindowConfig: subWindowDialogWindowConfig
+      }, {
+        key: FcrUIDialogKey.REVOKE_HOST,
+        component: function component(_ref18) {
+          var dialogKey = _ref18.dialogKey,
+            dialogId = _ref18.dialogId,
+            params = _ref18.params;
+          return /*#__PURE__*/_jsx(SystemPreferenceDialog, {
+            dialogKey: dialogKey,
+            dialogId: dialogId,
+            params: params
+          }, dialogId);
+        },
+        electronWindowConfig: electronRevokeHostWindowConfig,
+        webDialogConfig: webRevokeHostWindowConfig
+      }, {
+        key: FcrUIDialogKey.MUTE_ALL,
+        component: function component(_ref19) {
+          var dialogKey = _ref19.dialogKey,
+            dialogId = _ref19.dialogId,
+            params = _ref19.params;
+          return /*#__PURE__*/_jsx(MuteAllDialog, {
+            dialogKey: dialogKey,
+            dialogId: dialogId,
+            params: params,
+            children: participantsModule.getMuteAllDialogContent()
+          }, dialogId);
+        },
+        electronWindowConfig: muteAllDialogWindowConfig
+      }, {
+        key: FcrUIDialogKey.CONTROL_BAR_LEAVE_MEETING,
+        component: function component(_ref20) {
+          var dialogKey = _ref20.dialogKey,
+            dialogId = _ref20.dialogId,
+            params = _ref20.params;
+          return /*#__PURE__*/_jsx(ControlBarLeaveMeetingDialog, {
+            dialogKey: dialogKey,
+            dialogId: dialogId,
+            params: params,
+            children: controlbarUIModule.getLeaveMeetingComponent()
+          }, dialogId);
+        },
+        electronWindowConfig: controlBarLeaveMeetingDialogWindowConfig
+      }, {
+        key: FcrUIDialogKey.ANNOTATION_MASK,
+        component: function component(_ref21) {
+          var dialogKey = _ref21.dialogKey,
+            dialogId = _ref21.dialogId,
+            params = _ref21.params;
+          return /*#__PURE__*/_jsx(AnnotationMask, {
+            dialogKey: dialogKey,
+            dialogId: dialogId,
+            params: params,
+            children: annotationUIModule.getBoardComponent()
+          }, dialogId);
+        },
+        electronWindowConfig: annotationMaskWindowConfig
+      }, {
+        key: FcrUIDialogKey.ANNOTATION_TOOLBAR,
+        component: function component(_ref22) {
+          var dialogKey = _ref22.dialogKey,
+            dialogId = _ref22.dialogId,
+            params = _ref22.params;
+          return /*#__PURE__*/_jsx(AnnotationTool, {
+            dialogKey: dialogKey,
+            dialogId: dialogId,
+            params: params,
+            children: annotationUIModule.getBoardToolComponent()
+          }, dialogId);
+        },
+        electronWindowConfig: annotationToolWindowConfig
+      }]);
+      var getView = function getView() {
+        return /*#__PURE__*/_jsx(FcrVideoTrackRenderContext.Provider, {
+          value: {
+            localVideoRenderProvider: localVideoRenderProvider,
+            remoteVideoRenderProvider: remoteVideoRenderProvider
+          },
+          children: _this2.renderWithErrorBoundary(/*#__PURE__*/_jsx("div", {
+            style: {
+              width: '100vw',
+              height: '100vh'
+            },
+            className: "fcr-scene-scope",
+            children: layoutModule.getComponent({
+              chat: chatModule.getComponent(),
+              chatAction: chatModule.getActionsComponent(),
+              subtitlesHistory: subtitlesHistoryModule.getComponent(),
+              subtitlesHistorySettings: subtitlesHistoryModule.getSettingsComponent(),
+              participant: participantsModule.getComponent(),
+              actionBar: actionBarUIModule.getComponent(),
+              stateBar: stateBarUIModule.getComponent(),
+              subtitles: captionUIModule.getDraggableComponent(),
+              layers: _this2.renderLayers([eventNotificationUIModule.getComponent(), shareScreenModule.getComponent()]),
+              whiteboard: whiteBoradUIModule.getComponent(),
+              screenShareControl: shareScreenModule.getControlComponent(),
+              annotation: annotationUIModule.getComponent()
+            })
+          }), 'mainroom')
+        });
+      };
+      ReactDOM.render(getView(), dom);
+    }
+  }, {
+    key: "unmount",
+    value: function unmount(dom) {
+      var dialogProvider = this.objectManager.getObject(FcrUIObjectKeys.P_DIALOG_PROVIDER);
+
+      // add dialogs
+      dialogProvider.removeDialogs([FcrUIDialogKey.INTERPRETER, FcrUIDialogKey.WIDGET, FcrUIDialogKey.PARTICIPANT, FcrUIDialogKey.LIVE_STREAMING, FcrUIDialogKey.INVITE, FcrUIDialogKey.CHAT, FcrUIDialogKey.VIDEO_WINDOW, FcrUIDialogKey.CONNECTION_GATEWAY, FcrUIDialogKey.WHITEBOARD, FcrUIDialogKey.SHARE_SCREEN_SELECTION, FcrUIDialogKey.SHARE_SCREEN_CONTROL_BAR, FcrUIDialogKey.RENAME, FcrUIDialogKey.CONFIRM_END_MEETING, FcrUIDialogKey.EXIT_MEETING_NOTICE, FcrUIDialogKey.SUB_WINDOW, FcrUIDialogKey.SUBTITLES_HISTORY, FcrUIDialogKey.CAPTION, FcrUIDialogKey.ANNOTATION_MASK, FcrUIDialogKey.ANNOTATION_TOOLBAR]);
+      ReactDOM.unmountComponentAtNode(dom);
+    }
+  }, {
+    key: "onNodeWillActive",
+    value: function onNodeWillActive() {
+      var objectManager = this.objectManager;
+      var roomProvider = objectManager.getObject(FcrUIObjectKeys.P_ROOM_PROVIDER);
+      roomProvider.addObserver(this._roomObserver);
+      if (isElectron()) {
+        var windowProvider = objectManager.getObject(FcrUIObjectKeys.P_WINDOW_PROVIDER);
+        windowProvider.addObserver(this._windowObserver);
+      }
+      this._runSettingConfig();
+    }
+  }, {
+    key: "onNodeWillInactive",
+    value: function onNodeWillInactive() {
+      this._closeDialogs();
+      var objectManager = this.objectManager;
+      var roomProvider = objectManager.getObject(FcrUIObjectKeys.P_ROOM_PROVIDER);
+      roomProvider.removeObserver(this._roomObserver);
+      if (isElectron()) {
+        var windowProvider = objectManager.getObject(FcrUIObjectKeys.P_WINDOW_PROVIDER);
+        windowProvider.removeObserver(this._windowObserver);
+      }
+    }
+  }, {
+    key: "_runSettingConfig",
+    value: function () {
+      var _runSettingConfig2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
+        var objectManager, dialogProvider, deviceProvider, messageProvider, privilegeProvider, devicePrivilegeProvider, sharedSettingDataSource, media, setting, showToast, allowJoinWithCloseVideo, hasOpenCameraPrivilege, isJoinWithCloseVideo, allowJoinWithMuteAudio, hasOpenMicrophonePrivilege, isJoinWithMuteAudio;
+        return _regeneratorRuntime.wrap(function (_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              objectManager = this.objectManager;
+              dialogProvider = objectManager.getObject(FcrUIObjectKeys.P_DIALOG_PROVIDER);
+              deviceProvider = objectManager.getObject(FcrUIObjectKeys.P_DEVICE_PROVIDER);
+              messageProvider = objectManager.getObject(FcrUIObjectKeys.P_MESSAGE_PROVIDER);
+              privilegeProvider = objectManager.getObject(FcrUIObjectKeys.P_PRIVILEGE_PROVIDER);
+              devicePrivilegeProvider = objectManager.getObject(FcrUIObjectKeys.P_DEVICE_PRIVILEGE_PROVIDER);
+              sharedSettingDataSource = objectManager.getObject(FcrUIObjectKeys.S_SHARED_SETTING_DATA_SOURCE); // c++ demo 在会前页面入会的表单中，有“入会开启麦克风、摄像头” 的选项，勾选（取消勾选）这两个选项时，会写入到配置文件， 所以在入会时需要重新读取一遍配置文件。
+              sharedSettingDataSource.initSettingConfig();
+              media = sharedSettingDataSource.media, setting = sharedSettingDataSource.setting;
+              this.logger.info('run setting config:', jsonstring({
+                media: media,
+                setting: setting
+              }));
+              showToast = function showToast(key) {
+                messageProvider.showToastByKey({
+                  key: key
+                });
+              };
+              allowJoinWithCloseVideo = privilegeProvider.isJoinWithMutedVideoEnabled();
+              _context.next = 1;
+              return devicePrivilegeProvider.hasOpenCameraPrivilege();
+            case 1:
+              hasOpenCameraPrivilege = _context.sent;
+              if (deviceProvider.ifNeedExecuteOpenCamera()) {
+                isJoinWithCloseVideo = allowJoinWithCloseVideo && !hasOpenCameraPrivilege;
+                if (isJoinWithCloseVideo) {
+                  showToast(FcrUIToastKey.FMT_ATTENDIES_TOAST_HOST_TURNED_OFF_VIDEO);
+                }
+                deviceProvider.setCameraEnabled(hasOpenCameraPrivilege);
+              } else {
+                if (deviceProvider.cameraEnabled) {
+                  if (allowJoinWithCloseVideo) {
+                    showToast(FcrUIToastKey.FMT_ATTENDIES_TOAST_HOST_TURNED_OFF_VIDEO);
+                    deviceProvider.setCameraEnabled(hasOpenCameraPrivilege);
+                  }
+                }
+              }
+              allowJoinWithMuteAudio = privilegeProvider.isJoinWithMutedAudioEnabled();
+              _context.next = 2;
+              return devicePrivilegeProvider.hasOpenMicrophonePrivilege();
+            case 2:
+              hasOpenMicrophonePrivilege = _context.sent;
+              if (deviceProvider.ifNeedExecuteAutoConnectAudio()) {
+                isJoinWithMuteAudio = allowJoinWithMuteAudio && !hasOpenMicrophonePrivilege && deviceProvider.shouldEnableMicBeforeSession;
+                if (isJoinWithMuteAudio) {
+                  showToast(FcrUIToastKey.FMT_ATTENDIES_TOAST_HOST_ENABLED_MUTE);
+                }
+                deviceProvider.connectAudio(hasOpenMicrophonePrivilege);
+              } else {
+                if (deviceProvider.microphoneEnabled) {
+                  if (allowJoinWithMuteAudio) {
+                    showToast(FcrUIToastKey.FMT_ATTENDIES_TOAST_HOST_ENABLED_MUTE);
+                    deviceProvider.setMicrophoneEnabled(hasOpenMicrophonePrivilege);
+                  }
+                }
+              }
+              if (deviceProvider.ifNeedExecuteConnectAudioOption()) {
+                setTimeout(function () {
+                  // 弹出是否链接音频的弹窗
+                  dialogProvider.openDialog(FcrUIDialogKey.CONNECTION_GATEWAY, {
+                    type: 'computer'
+                  });
+                });
+              }
+            case 3:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this);
+      }));
+      function _runSettingConfig() {
+        return _runSettingConfig2.apply(this, arguments);
+      }
+      return _runSettingConfig;
+    }()
+  }, {
+    key: "_closeDialogs",
+    value: function _closeDialogs() {
+      var dialogProvider = this.objectManager.getObject(FcrUIObjectKeys.P_DIALOG_PROVIDER);
+      dialogProvider.closeDialog(FcrUIDialogKey.CHAT);
+      dialogProvider.closeDialog(FcrUIDialogKey.PARTICIPANT);
+      dialogProvider.closeDialog(FcrUIDialogKey.SUBTITLES_HISTORY);
+      dialogProvider.closeDialog(FcrUIDialogKey.CAPTION);
+      dialogProvider.closeDialog(FcrUIDialogKey.INVITE);
+      dialogProvider.closeDialog(FcrUIDialogKey.LIVE_STREAMING);
+      dialogProvider.closeDialog(FcrUIDialogKey.INTERPRETER);
+      dialogProvider.closeDialog(FcrUIDialogKey.VIDEO_WINDOW);
+      dialogProvider.closeDialog(FcrUIDialogKey.CONNECTION_GATEWAY);
+      dialogProvider.closeDialog(FcrUIDialogKey.SHARE_SCREEN_SELECTION);
+      dialogProvider.closeDialog(FcrUIDialogKey.SHARE_SCREEN_CONTROL_BAR);
+      dialogProvider.closeDialog(FcrUIDialogKey.RENAME);
+      dialogProvider.closeDialog(FcrUIDialogKey.CONFIRM_END_MEETING);
+      dialogProvider.closeDialog(FcrUIDialogKey.EXIT_MEETING_NOTICE);
+      dialogProvider.closeDialog(FcrUIDialogKey.SUB_WINDOW);
+      dialogProvider.closeDialog(FcrUIDialogKey.REVOKE_HOST);
+      dialogProvider.closeDialog(FcrUIDialogKey.MUTE_ALL);
+      dialogProvider.closeDialog(FcrUIDialogKey.CONTROL_BAR_LEAVE_MEETING);
+      dialogProvider.closeDialog(FcrUIDialogKey.EXIT_MEETING_NOTICE);
+      dialogProvider.closeDialog(FcrUIDialogKey.ANNOTATION_MASK);
+      dialogProvider.closeDialog(FcrUIDialogKey.ANNOTATION_TOOLBAR);
+      dialogProvider.closeAllConfirms();
+    }
+  }]);
+}(FcrBaseUIScene);