fcr-ui-scene 3.4.1 → 3.4.2

package/lib/scenes/main-scene.js

@@ -1,16 +1,50 @@
 "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.function.bind.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");
@@ -19,6 +53,8 @@ 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"));
@@ -33,22 +69,20 @@ var _reactDom = _interopRequireDefault(require("react-dom"));
 var _actionBar = require("../modules/action-bar");
 var _audioStream = require("../modules/audio-stream");
 var _chat = require("../modules/chat");
-var _connectionGateway = require("../modules/connection-gateway");
 var _controlBar = require("../modules/control-bar");
 var _dialog = require("../modules/dialog");
 var _chat2 = require("../modules/dialog/components/chat");
-var _connectionGateway2 = require("../modules/dialog/components/connection-gateway");
+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 _removeAdmitWaitingRoom = require("../modules/dialog/components/remove-admit-waiting-room");
 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 _dialogs = require("../modules/dialog/dialogs");
+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");
@@ -61,7 +95,7 @@ var _setting = require("../modules/setting");
 var _shareScreen = require("../modules/share-screen");
 var _soundEffect = require("../modules/sound-effect");
 var _stateBar = require("../modules/state-bar");
-var _videoWindow = require("../modules/video-window");
+var _videoWindow2 = require("../modules/video-window");
 var _whiteboard2 = require("../modules/whiteboard");
 var _constant = require("../utilities/constant");
 var _videoTrackRenderContext = require("../utilities/video-track-render-context");
@@ -69,7 +103,6 @@ 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 _privilegeProvider = require("../providers/privilege-provider");
 var _roomProvider = require("../providers/room-provider");
 var _type2 = require("fcr-core/lib/type");
 var _type3 = require("../type");
@@ -79,40 +112,88 @@ 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
-    // data source
+    (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;
+      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 interpreterProvider = new _interpreterProvider.FcrUIInterpreterProviderImpl();
+    var sharedInterpreterDataSource = new _interpreter3.FcrUISharedInterpreterDataSourceImpl(interpreterControl, userControl);
     var localStorageProvider = new _localStorageProvider.FcrUILocalStorageProviderImpl();
     var localVideoRenderProvider = new _rendererProvider.FcrUILocalVideoRenderProviderImpl(deviceProvider);
-    var privilegeProvider = new _privilegeProvider.FcrUIPrivilegeProviderImpl(eventProvider, mainRoomControl.getPrivilegeControl(), mainRoomControl.getUserControl(), mainRoomControl.getStreamControl(), mainRoomControl.getInterpreterControl());
     var remoteVideoRenderProvider = new _rendererProvider.FcrUIRemoteVideoRenderProviderImpl(mainRoomControl.getStreamControl());
-    var mainRoomControlProvider = new _roomProvider.FcrUIMainRoomControlProviderImpl(mainRoomControl, eventProvider);
+    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, privilegeProvider, deviceProvider, eventProvider);
-    var waitingRoomControlProvider = new _roomProvider.FcrUIWaitingRoomControlProviderImpl(roomProvider, eventProvider);
+    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;
@@ -121,7 +202,6 @@ var FcrMainUIScene = exports.FcrMainUIScene = /*#__PURE__*/function (_FcrBaseUIS
     _this.privilegeProvider = privilegeProvider;
     _this.remoteVideoRenderProvider = remoteVideoRenderProvider;
     _this.mainRoomControlProvider = mainRoomControlProvider;
-    _this.sharedConfigDataSource = sharedConfigDataSource;
     _this.roomProvider = roomProvider;
     _this.localVideoRenderProvider = localVideoRenderProvider;
     _this.currentRoomControlProvider = currentRoomControlProvider;
@@ -130,252 +210,263 @@ var FcrMainUIScene = exports.FcrMainUIScene = /*#__PURE__*/function (_FcrBaseUIS
     _this.deviceStreamProvider = deviceStreamProvider;
     _this.waitingRoomControlProvider = waitingRoomControlProvider;
     _this.monitorProvider = monitorProvider;
-    _this.notifyParticipantShowWaitingRoom = _this.notifyParticipantShowWaitingRoom.bind(_this);
-    roomProvider.addObserver({
-      onJoinWaitingRoom: function onJoinWaitingRoom(roomControl) {
-        var room = roomControl;
-        room.addObserver({
-          onRoomMessageReceived: function onRoomMessageReceived(roomId, message) {
-            if ((0, _lodash.get)(message, 'payload.data.messageKey') === _type2.RoomMessageKey.USER_WAITING_ROOM_JOINED && _this._isWaitingRoomNotify) {
-              eventProvider.showNotification({
-                type: _type3.FcrUINotificationContentType.WAITING_ROOM,
-                onOk: _this.notifyParticipantShowWaitingRoom,
-                onClose: _this.setIsWaitingRoomNotify,
-                placement: 'topLeft'
-              });
-            }
+    _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);
           }
-        });
-        var waitingRoomUserControl = room.getUserControl();
-        waitingRoomUserControl.addObserver({
-          onRemoteUsersLeft: function onRemoteUsersLeft(roomId, events) {
-            var _mainRoomControl$getP;
-            var targetRoles = (_mainRoomControl$getP = mainRoomControl.getPrivilegeControl().getSecurityInfo(_type4.FcrSecurityAction.WaitingRoom).info) === null || _mainRoomControl$getP === void 0 ? void 0 : _mainRoomControl$getP.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) {
-                _this.eventProvider.sendEvent(_constant.FcrUIAction.COLSE_NOTIFICATION, _type3.FcrUINotificationContentType.WAITING_ROOM);
-              }
-            }
+          _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 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 _videoWindow.VideoWindowUIModule(_this, _this);
-    var whiteBoradUIModule = new _whiteboard2.FcrWhiteboardUIModule(_this, _this);
-    var connectionGatewayUIModule = new _connectionGateway.ConnectionGatewayUIModule(_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);
-    _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(connectionGatewayUIModule);
-    _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._getView = function () {
-      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)(_dialogs.VideoWindowDialog, {
-            children: videoWindowModule.getComponent()
-          }, "VideoWindowDialog");
-        }
-      }, {
-        key: _constant.FcrUIDialogKey.CONNECTION_GATEWAY,
-        component: function component(params) {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_connectionGateway2.ConnectionGatewayDialog, {
-            params: params,
-            children: connectionGatewayUIModule.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.WAITING_ROOM_SINGLE_REMOVE,
-        component: function component(params) {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_removeAdmitWaitingRoom.RemoveAdmitWaitingRoomDialog, {
-            params: params,
-            children: participantsModule.getWaitingRoomDialog(params)
-          }, 'WaitingRoomSingleRemove');
-        }
-      }, {
-        key: _constant.FcrUIDialogKey.WAITING_ROOM_ALL_REMOVE,
-        component: function component(params) {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_removeAdmitWaitingRoom.RemoveAdmitWaitingRoomDialog, {
-            params: params,
-            children: participantsModule.getWaitingRoomDialog(params)
-          }, 'WaitingRoomAllRemove');
-        }
-      }, {
-        key: _constant.FcrUIDialogKey.WAITING_ROOM_ALL_ADMIT,
-        component: function component(params) {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_removeAdmitWaitingRoom.RemoveAdmitWaitingRoomDialog, {
-            params: params,
-            children: participantsModule === null || participantsModule === void 0 ? void 0 : participantsModule.getWaitingRoomDialog(params)
-          }, 'WaitingRoomAllAdmit');
+      };
+      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'
+            });
+          }
         }
-      }, {
-        key: _constant.FcrUIDialogKey.SYSTEM_PREFERENCE,
-        component: function component(params) {
-          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_systemPreference.SystemPreferenceDialog, {
-            params: params
-          }, "SystemPreference");
+      };
+      (_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);
+                }
+              }
+            }
+          });
         }
-      }]);
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_videoTrackRenderContext.FcrVideoTrackRenderContext.Provider, {
-        value: {
-          localVideoRenderProvider: localVideoRenderProvider,
-          remoteVideoRenderProvider: remoteVideoRenderProvider
-        },
-        children: _this.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: _this.renderLayers([dialogModule.getComponent(), eventToastUIModule.getComponent('local'), eventNotificationUIModule.getComponent()]),
-            whiteboard: whiteBoradUIModule.getComponent(),
-            globalToast: eventToastUIModule.getComponent('global'),
-            confirm: eventConfirmUIModule.getComponent()
-          })
-        }), 'mainroom')
       });
-    };
-    return _this;
-  }
-  (0, _inherits2["default"])(FcrMainUIScene, _FcrBaseUIScene);
-  return (0, _createClass2["default"])(FcrMainUIScene, [{
-    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: "mount",
     value: function mount(dom) {
-      _reactDom["default"].render(this._getView(), 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() {
@@ -385,6 +476,76 @@ var FcrMainUIScene = exports.FcrMainUIScene = /*#__PURE__*/function (_FcrBaseUIS
       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);
+}(_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;