fcr-ui-scene 3.3.1 → 3.4.1

package/lib/modules/setting/store.js

@@ -32,7 +32,7 @@ Object.defineProperty(exports, "DEFAULT_BEAUTY_VALUE", {
     return _localVideoPlayer.DEFAULT_BEAUTY_VALUE;
   }
 });
-exports["default"] = exports.DeviceSettingTab = void 0;
+exports["default"] = exports.StoreContext = exports.DeviceSettingTab = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 require("core-js/modules/es.array.concat.js");
@@ -88,7 +88,7 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _agoraEduCore = require("agora-edu-core");
+var _fcrCore = require("fcr-core");
 var _logger = require("agora-foundation/lib/logger");
 var _mobx = require("mobx");
 var _decorator = require("agora-foundation/lib/decorator");
@@ -96,9 +96,13 @@ var _constant = require("../../utilities/constant");
 var _localVideoPlayer = require("agora-ui-foundation/lib/components/local-video-player");
 var _schedule = require("agora-foundation/lib/schedule");
 var _config = require("./config");
+var _parameters = require("../../utilities/parameters");
+var _react = require("react");
+var _env = require("agora-foundation/lib/utilities/env");
+var _i18n = require("agora-ui-foundation/lib/i18n");
 var _excluded = ["dialogId"];
 var _SettingStore;
-var _initProto, _init_loudestStreamVolumeLevel, _init_microphoneVolumeLevel, _init_isWifiConnected, _init_dialogConfig, _init_networkState, _init_performanceState, _init_localAudioStreamMap, _init_remoteAudioStreamMap, _init_localVideoStreamMap, _init_remoteVideoStreamMap, _init_systemMemorySize, _init_systemCpuDesc, _init_setting, _init_config, _init_getSystemInfoTimer, _setDialogConfigDecs, _setSettingDecs, _onEventDecs, _onNetworkStatsUpdatedDecs, _calculateSystemInfoDecs, _getSystemInformationDecs, _clearGetSystemInfoIntervalDecs, _closeDialogDecs, _onLocalAudioStatsUpdatedDecs, _onRemoteAudioStatsUpdatedDecs, _onLocalVideoStatsUpdatedDecs, _onRemoteVideoStatsUpdatedDecs, _onStreamsUpdatedDecs, _onStreamsRemovedDecs, _onPerformanceUpdatedDecs, _onAudioVolumeUpdatedDecs, _preHandleSettingDecs, _ref;
+var _initProto, _init_loudestStreamVolumeLevel, _init_microphoneVolumeLevel, _init_isWifiConnected, _init_dialogConfig, _init_networkState, _init_performanceState, _init_localAudioStreamMap, _init_remoteAudioStreamMap, _init_localVideoStreamMap, _init_remoteVideoStreamMap, _init_systemMemorySize, _init_systemCpuDesc, _init_setting, _init_config, _init_getSystemInfoTimer, _setDialogConfigDecs, _setSettingDecs, _onEventDecs, _onNetworkStatsUpdatedDecs, _calculateSystemInfoDecs, _getSystemInformationDecs, _clearGetSystemInfoIntervalDecs, _closeDialogDecs, _onLocalAudioStatsUpdatedDecs, _onRemoteAudioStatsUpdatedDecs, _onLocalVideoStatsUpdatedDecs, _onRemoteVideoStatsUpdatedDecs, _onStreamsAddedDecs, _onStreamsUpdatedDecs, _onStreamsRemovedDecs, _onPerformanceUpdatedDecs, _onAudioVolumeUpdatedDecs, _preHandleSettingDecs, _ref;
 function _createForOfIteratorHelper(r, e) { var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (!t) { if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) { t && (r = t); var _n = 0, F = function F() {}; return { s: F, n: function n() { return _n >= r.length ? { done: !0 } : { done: !1, value: r[_n++] }; }, e: function e(r) { throw r; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var o, a = !0, u = !1; return { s: function s() { t = t.call(r); }, n: function n() { var r = t.next(); return a = r.done, r; }, e: function e(r) { u = !0, o = r; }, f: function f() { try { a || null == t["return"] || t["return"](); } finally { if (u) throw o; } } }; }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
@@ -139,16 +143,18 @@ var _L = /*#__PURE__*/new WeakMap();
 var _M = /*#__PURE__*/new WeakMap();
 var _N = /*#__PURE__*/new WeakMap();
 var _O = /*#__PURE__*/new WeakMap();
-_ref = (_setDialogConfigDecs = [_mobx.action, _mobx.action.bound], _setSettingDecs = [_mobx.action, _mobx.action.bound], _onEventDecs = [_mobx.action, _mobx.action.bound], _onNetworkStatsUpdatedDecs = [_mobx.action, _mobx.action.bound], _calculateSystemInfoDecs = [_mobx.action, _mobx.action.bound], _getSystemInformationDecs = [_mobx.action, _mobx.action.bound], _clearGetSystemInfoIntervalDecs = [_mobx.action, _mobx.action.bound], _closeDialogDecs = [_mobx.action, _mobx.action.bound], _onLocalAudioStatsUpdatedDecs = [_mobx.action, _mobx.action.bound], _onRemoteAudioStatsUpdatedDecs = [_mobx.action, _mobx.action.bound], _onLocalVideoStatsUpdatedDecs = [_mobx.action, _mobx.action.bound], _onRemoteVideoStatsUpdatedDecs = [_mobx.action, _mobx.action.bound], _onStreamsUpdatedDecs = [_mobx.action, _mobx.action.bound], _onStreamsRemovedDecs = [_mobx.action, _mobx.action.bound], _onPerformanceUpdatedDecs = [_mobx.action, _mobx.action.bound], _onAudioVolumeUpdatedDecs = [_mobx.action, _mobx.action.bound], _preHandleSettingDecs = [_mobx.action, _mobx.action.bound], "logger");
+_ref = (_setDialogConfigDecs = [_mobx.action, _mobx.action.bound], _setSettingDecs = [_mobx.action, _mobx.action.bound], _onEventDecs = [_mobx.action, _mobx.action.bound], _onNetworkStatsUpdatedDecs = [_mobx.action, _mobx.action.bound], _calculateSystemInfoDecs = [_mobx.action, _mobx.action.bound], _getSystemInformationDecs = [_mobx.action, _mobx.action.bound], _clearGetSystemInfoIntervalDecs = [_mobx.action, _mobx.action.bound], _closeDialogDecs = [_mobx.action, _mobx.action.bound], _onLocalAudioStatsUpdatedDecs = [_mobx.action, _mobx.action.bound], _onRemoteAudioStatsUpdatedDecs = [_mobx.action, _mobx.action.bound], _onLocalVideoStatsUpdatedDecs = [_mobx.action, _mobx.action.bound], _onRemoteVideoStatsUpdatedDecs = [_mobx.action, _mobx.action.bound], _onStreamsAddedDecs = [_mobx.action, _mobx.action.bound], _onStreamsUpdatedDecs = [_mobx.action, _mobx.action.bound], _onStreamsRemovedDecs = [_mobx.action, _mobx.action.bound], _onPerformanceUpdatedDecs = [_mobx.action, _mobx.action.bound], _onAudioVolumeUpdatedDecs = [_mobx.action, _mobx.action.bound], _preHandleSettingDecs = [_mobx.action, _mobx.action.bound], "logger");
 var SettingStore = exports["default"] = /*#__PURE__*/function () {
   function SettingStore(_ref2) {
+    var _defaultVideoGalleryS;
     var mediaControl = _ref2.mediaControl,
       config = _ref2.config,
       uiEventStore = _ref2.uiEventStore,
       deviceStore = _ref2.deviceStore,
-      monitorControl = _ref2.monitorControl,
       streamControl = _ref2.streamControl,
-      roomControl = _ref2.roomControl;
+      roomControl = _ref2.roomControl,
+      parameters = _ref2.parameters,
+      engine = _ref2.engine;
     (0, _classCallCheck2["default"])(this, SettingStore);
     (0, _defineProperty2["default"])(this, _ref, (_initProto(this), (0, _logger.getLogger)()));
     (0, _defineProperty2["default"])(this, "_disposers", []);
@@ -161,6 +167,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
     (0, _defineProperty2["default"])(this, "_streamVolumeMap", new Map());
     (0, _defineProperty2["default"])(this, "_volumeIndicationInterval", _schedule.AgoraScheduler.Duration.second(2));
     (0, _defineProperty2["default"])(this, "_useDefaultAudioEchoCancellation", true);
+    (0, _defineProperty2["default"])(this, "_streamInfoList", new Map());
     _classPrivateFieldInitSpec(this, _A, _init_loudestStreamVolumeLevel(this, 0));
     _classPrivateFieldInitSpec(this, _B, _init_microphoneVolumeLevel(this, 0));
     _classPrivateFieldInitSpec(this, _C, _init_isWifiConnected(this, false));
@@ -201,14 +208,28 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
     _classPrivateFieldInitSpec(this, _J, _init_remoteVideoStreamMap(this, new Map()));
     _classPrivateFieldInitSpec(this, _K, _init_systemMemorySize(this, 0));
     _classPrivateFieldInitSpec(this, _L, _init_systemCpuDesc(this, ''));
-    _classPrivateFieldInitSpec(this, _M, _init_setting(this, {
+    _classPrivateFieldInitSpec(this, _M, _init_setting(this));
+    _classPrivateFieldInitSpec(this, _N, _init_config(this, undefined));
+    _classPrivateFieldInitSpec(this, _O, _init_getSystemInfoTimer(this, null));
+    this._mediaControl = mediaControl;
+    this._monitorControl = engine.getMonitorControl();
+    this._streamControl = streamControl;
+    this._roomControl = roomControl;
+    this.config = config;
+    this._uiEventStore = uiEventStore;
+    this._deviceStore = deviceStore;
+    var defaultVideoGallerySize = (0, _parameters.getDefaultVideoGallerySize)(parameters);
+    if (defaultVideoGallerySize) {
+      defaultVideoGallerySize = Math.min(Math.max(defaultVideoGallerySize, 16), 25);
+    }
+    this.setting = {
       shouldTurnOffVideo: true,
       shouldDisplayPreviewDialog: true,
       shouldHideNonVideoParticipants: false,
-      displayedMaxAttendees: 16,
+      displayedMaxAttendees: (_defaultVideoGalleryS = defaultVideoGallerySize) !== null && _defaultVideoGalleryS !== void 0 ? _defaultVideoGalleryS : 16,
       autoAdjustmentSpeakerVolume: true,
-      autoAdjustmentMicrophoneVolume: true,
-      noiseReduce: _agoraEduCore.FcrAiDenoiseLevel.AUTO,
+      autoAdjustmentMicrophoneVolume: (0, _env.isElectron)(),
+      noiseReduce: _fcrCore.FcrAiDenoiseLevel.AUTO,
       recordingPath: '',
       videoHD: true,
       videoLowLight: false,
@@ -219,16 +240,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       audioStereo: false,
       audioVoiceChanger: false,
       spotlightEnabled: true
-    }));
-    _classPrivateFieldInitSpec(this, _N, _init_config(this, undefined));
-    _classPrivateFieldInitSpec(this, _O, _init_getSystemInfoTimer(this, null));
-    this._mediaControl = mediaControl;
-    this._monitorControl = monitorControl;
-    this._streamControl = streamControl;
-    this._roomControl = roomControl;
-    this.config = config;
-    this._uiEventStore = uiEventStore;
-    this._deviceStore = deviceStore;
+    };
     this._uiEventStore.addObserver({
       onEvent: this._onEvent
     });
@@ -245,6 +257,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       onRemoteVideoStatsUpdated: this._onRemoteVideoStatsUpdated,
       onStreamsRemoved: this._onStreamsRemoved,
       onStreamsUpdated: this._onStreamsUpdated,
+      onStreamsAdded: this._onStreamsAdded,
       onStreamVolumeIndicationUpdated: this._onAudioVolumeUpdated
     });
     this.startMicrophoneTest = this.startMicrophoneTest.bind(this);
@@ -257,6 +270,9 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
     if (this._deviceStore.cameraId) {
       this._cameraTrack = this._mediaControl.getCameraTrack(this._deviceStore.cameraId);
     }
+    if (this.dialogConfig.activeTab === DeviceSettingTab.STATE) {
+      this._setupAudioVolumeAnalyzerTask();
+    }
   }
   return (0, _createClass2["default"])(SettingStore, [{
     key: "loudestStreamVolumeLevel",
@@ -424,7 +440,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       if (this.microphoneVolumeLevel === 0) {
         return '0';
       }
-      return (70 + 20 * Math.log10(this.microphoneVolumeLevel / 100)).toFixed(1);
+      return (70 + 20 * Math.log10(this.microphoneVolumeLevel / 255)).toFixed(1);
     }
   }, {
     key: "speakerVolumeDb",
@@ -432,7 +448,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       if (this.loudestStreamVolumeLevel === 0) {
         return '0';
       }
-      return (70 + 20 * Math.log10(this.loudestStreamVolumeLevel / 100)).toFixed(1);
+      return (70 + 20 * Math.log10(this.loudestStreamVolumeLevel / 255)).toFixed(1);
     }
   }, {
     key: "speakerTestVolumeLevel",
@@ -567,6 +583,15 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
         return _this.setting;
       }, function (setting) {
         _this._uiEventStore.notifyCustomSettingsChanged(setting);
+      }), (0, _mobx.reaction)(function () {
+        return _this.setting.shouldHideNonVideoParticipants;
+      }, function (shouldHideNonVideoParticipants) {
+        if (shouldHideNonVideoParticipants) {
+          _this._uiEventStore.showToast({
+            type: 'normal',
+            message: (0, _i18n.transI18n)('fmt_internalsetting_other_hide_no_video_toast')
+          });
+        }
       }), (0, _mobx.reaction)(function () {
         return _this.dialogConfig.activeTab;
       }, function (activeTab) {
@@ -576,13 +601,15 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
           _this._audioDeviceVolumeRefreshTask = undefined;
         }
         if (activeTab === DeviceSettingTab.STATE) {
-          _this._audioDeviceVolumeRefreshTask = _schedule.AgoraScheduler.shared.addIntervalTask(function () {
-            var loudestStreamVolumeLevel = Math.max.apply(Math, [0].concat((0, _toConsumableArray2["default"])(Array.from(_this._streamVolumeMap.values()))));
-            (0, _mobx.runInAction)(function () {
-              _this.loudestStreamVolumeLevel = loudestStreamVolumeLevel;
-              _this.microphoneVolumeLevel = _this._deviceStore.microphoneVolumeLevel;
-            });
-          }, _this._volumeIndicationInterval);
+          _this._setupAudioVolumeAnalyzerTask();
+        }
+      }), (0, _mobx.reaction)(function () {
+        return _this._deviceStore.microphoneEnabled;
+      }, function (microphoneEnabled) {
+        if (!microphoneEnabled) {
+          (0, _mobx.runInAction)(function () {
+            _this.microphoneVolumeLevel = 0;
+          });
         }
       }));
     }
@@ -594,6 +621,18 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       });
       this._disposers = [];
     }
+  }, {
+    key: "_setupAudioVolumeAnalyzerTask",
+    value: function _setupAudioVolumeAnalyzerTask() {
+      var _this2 = this;
+      this._audioDeviceVolumeRefreshTask = _schedule.AgoraScheduler.shared.addIntervalTask(function () {
+        var loudestStreamVolumeLevel = Math.max.apply(Math, [0].concat((0, _toConsumableArray2["default"])(Array.from(_this2._streamVolumeMap.values()))));
+        (0, _mobx.runInAction)(function () {
+          _this2.loudestStreamVolumeLevel = loudestStreamVolumeLevel;
+          _this2.microphoneVolumeLevel = _this2._deviceStore.microphoneVolumeLevel;
+        });
+      }, this._volumeIndicationInterval);
+    }
 
     // TODO:
     // private async _initCameraDevices() {
@@ -652,12 +691,12 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "toggleLocalMirrorPreview",
     value: function toggleLocalMirrorPreview(isMirror) {
-      var _this2 = this;
+      var _this3 = this;
       if (!this._videoView4Setting || !this._deviceStore.cameraId) return;
       this.stopVideo();
       // 直接在一个loop中调用stop和start会导致glcontext无法正常释放，现象 [APAAS-7207]
       setTimeout(function () {
-        _this2.startVideo(isMirror);
+        _this3.startVideo(isMirror);
       });
 
       // set mirror for layout
@@ -669,15 +708,17 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       var view = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this._videoView4Setting;
       if (!view) return;
       this._videoView4Setting = view;
+      this.startCameraTest();
       var cameraTrack = this._mediaControl.getCameraTrack(this._deviceStore.cameraId);
       cameraTrack.startPreview({
-        renderMode: _agoraEduCore.FcrVideoRenderMode.HIDDEN,
+        renderMode: _fcrCore.FcrVideoRenderMode.HIDDEN,
         isMirror: isMirror
       }, view);
     }
   }, {
     key: "stopVideo",
     value: function stopVideo() {
+      this.stopCameraTest();
       if (!this._videoView4Setting) return;
       var cameraTrack = this._mediaControl.getCameraTrack(this._deviceStore.cameraId);
       cameraTrack.stopPreview(this._videoView4Setting);
@@ -695,12 +736,12 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "toggleLocalMirror",
     value: function toggleLocalMirror(enable) {
-      var _this3 = this;
+      var _this4 = this;
       if (!this._videoView4Setting || !this._deviceStore.cameraId) return;
       this.stopVideo();
       // 直接在一个loop中调用stop和start会导致glcontext无法正常释放，现象 [APAAS-7207]
       setTimeout(function () {
-        _this3.startVideo(enable);
+        _this4.startVideo(enable);
       });
       this._deviceStore.toggleLocalMirror(enable);
     }
@@ -718,7 +759,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
     key: "_syncSystemInfo",
     value: function () {
       var _syncSystemInfo2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
-        var _this4 = this;
+        var _this5 = this;
         var _yield$window$runtime, isWifiConnected;
         return _regenerator["default"].wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
@@ -734,9 +775,9 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
               (0, _mobx.runInAction)(function () {
                 var cpus = window.runtime.getSystemCpuInfo();
                 var cpuInfo = cpus.length === 0 ? '' : "".concat(cpus.length, "-").concat(cpus[0].model);
-                _this4.systemCpuDesc = cpuInfo;
-                _this4.systemMemorySize = window.runtime.getSystemMemorySize() / 1024;
-                _this4.isWifiConnected = isWifiConnected;
+                _this5.systemCpuDesc = cpuInfo;
+                _this5.systemMemorySize = window.runtime.getSystemMemorySize() / 1024;
+                _this5.isWifiConnected = isWifiConnected;
 
                 // this.performanceState.cpuAppUsage = Number(cpuUsage.toFixed(2));
                 // this.performanceState.cpuOtherAppUsage = Number((totalCpuUsage - cpuUsage).toFixed(2));
@@ -857,7 +898,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "setSetting",
     value: function setSetting(setting) {
-      var _this5 = this;
+      var _this6 = this;
       var newSetting = this._preHandleSetting(setting);
       this.setting = _objectSpread(_objectSpread({}, this.setting), newSetting);
       if (newSetting.displayedMaxAttendees) {
@@ -867,33 +908,33 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       }
       var settingActions = {
         autoAdjustmentMicrophoneVolume: function autoAdjustmentMicrophoneVolume(enable) {
-          return _this5.setMicrophoneVolume(enable ? 100 : _this5._deviceStore.microphoneVolume);
+          return _this6.setMicrophoneVolume(enable ? 100 : _this6._deviceStore.microphoneVolume);
         },
         // video
         videoHD: function videoHD(value) {
-          return _this5._enableVideoHd(value);
+          return _this6._enableVideoHd(value);
         },
         videoLowLight: function videoLowLight(value) {
-          return _this5._enableLowlightEnhancement(value);
+          return _this6._enableLowlightEnhancement(value);
         },
         hardwareForReception: function hardwareForReception(value) {
-          return _this5._enableHardwareForReception(value);
+          return _this6._enableHardwareForReception(value);
         },
         videoNoise: function videoNoise(value) {
-          return _this5._enableVideoDenoiser(value);
+          return _this6._enableVideoDenoiser(value);
         },
         // audio
         audioHiFi: function audioHiFi(value) {
-          return _this5._deviceStore.enableAudioHiFiMode(value);
+          return _this6._deviceStore.enableAudioHiFiMode(value);
         },
         audioEchoCancellation: function audioEchoCancellation(value) {
-          return _this5._deviceStore.enableAudioEchoCancellation(value);
+          return _this6._deviceStore.enableAudioEchoCancellation(value);
         },
         audioStereo: function audioStereo(value) {
-          return _this5._deviceStore.enableAudioStereo(value);
+          return _this6._deviceStore.enableAudioStereo(value);
         },
         noiseReduce: function noiseReduce(value) {
-          return _this5._deviceStore.setNoiseLevel(value);
+          return _this6._deviceStore.setNoiseLevel(value);
         }
       };
       for (var _i = 0, _Object$entries = Object.entries(newSetting); _i < _Object$entries.length; _i++) {
@@ -994,13 +1035,13 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_onLocalVideoStatsUpdated",
     value: function _onLocalVideoStatsUpdated(roomId, streamId, stats) {
-      var streamInfo = this._streamControl.getStreamByStreamId(streamId);
+      var streamInfo = this._streamInfoList.get(streamId);
       if (streamInfo) {
         // console.log('onLocalVideoStatsUpdated', streamId, stats, streamInfo);
-        if (streamInfo.videoSourceState === _agoraEduCore.FcrMediaSourceState.STARTED) {
+        if (streamInfo.videoSourceState === _fcrCore.FcrMediaSourceState.OPEN) {
           this.localVideoStreamMap.set(streamId, _objectSpread(_objectSpread({}, stats), {}, {
             sendFrameRate: Math.max(0, stats.sendFrameRate),
-            isScreenStream: streamInfo.videoSourceType === _agoraEduCore.FcrVideoSourceType.SCREEN
+            isScreenStream: streamInfo.videoSourceType === _fcrCore.FcrVideoSourceType.SCREEN
           }));
         }
       }
@@ -1008,59 +1049,75 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_onRemoteVideoStatsUpdated",
     value: function _onRemoteVideoStatsUpdated(roomId, streamId, stats) {
-      var streamInfo = this._streamControl.getStreamByStreamId(streamId);
+      var streamInfo = this._streamInfoList.get(streamId);
       // console.log('onRemoteVideoStatsUpdated', streamId, stats, streamInfo);
-      if ((streamInfo === null || streamInfo === void 0 ? void 0 : streamInfo.videoSourceState) === _agoraEduCore.FcrMediaSourceState.STARTED) {
+      if ((streamInfo === null || streamInfo === void 0 ? void 0 : streamInfo.videoSourceState) === _fcrCore.FcrMediaSourceState.OPEN) {
         this.remoteVideoStreamMap.set(streamId, _objectSpread(_objectSpread({}, stats), {}, {
           frameRate: Math.max(0, stats.frameRate),
-          isScreenStream: streamInfo.videoSourceType === _agoraEduCore.FcrVideoSourceType.SCREEN
+          isScreenStream: streamInfo.videoSourceType === _fcrCore.FcrVideoSourceType.SCREEN
         }));
       }
     }
   }, {
-    key: "_onStreamsUpdated",
-    value: function _onStreamsUpdated(roomId, events) {
-      // console.log('_onStreamsUpdated', events);
+    key: "_onStreamsAdded",
+    value: function _onStreamsAdded(roomId, events) {
       var _iterator = _createForOfIteratorHelper(events),
         _step;
       try {
         for (_iterator.s(); !(_step = _iterator.n()).done;) {
           var event = _step.value;
-          if (event.modifiedStream.audioSourceState !== _agoraEduCore.FcrMediaSourceState.STARTED) {
+          this._streamInfoList.set(event.modifiedStream.streamId, event.modifiedStream);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+    }
+  }, {
+    key: "_onStreamsUpdated",
+    value: function _onStreamsUpdated(roomId, events) {
+      var _iterator2 = _createForOfIteratorHelper(events),
+        _step2;
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var event = _step2.value;
+          if (event.modifiedStream.audioSourceState !== _fcrCore.FcrMediaSourceState.OPEN) {
             this.localAudioStreamMap["delete"](event.modifiedStream.streamId);
             this.remoteAudioStreamMap["delete"](event.modifiedStream.streamId);
             this._streamVolumeMap["delete"](event.modifiedStream.streamId);
           }
-          if (event.modifiedStream.videoSourceState !== _agoraEduCore.FcrMediaSourceState.STARTED) {
+          if (event.modifiedStream.videoSourceState !== _fcrCore.FcrMediaSourceState.OPEN) {
             this.localVideoStreamMap["delete"](event.modifiedStream.streamId);
             this.remoteVideoStreamMap["delete"](event.modifiedStream.streamId);
           }
+          this._streamInfoList.set(event.modifiedStream.streamId, event.modifiedStream);
         }
       } catch (err) {
-        _iterator.e(err);
+        _iterator2.e(err);
       } finally {
-        _iterator.f();
+        _iterator2.f();
       }
     }
   }, {
     key: "_onStreamsRemoved",
     value: function _onStreamsRemoved(roomId, events) {
-      // console.log('_onStreamsRemoved', events);
-      var _iterator2 = _createForOfIteratorHelper(events),
-        _step2;
+      var _iterator3 = _createForOfIteratorHelper(events),
+        _step3;
       try {
-        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-          var event = _step2.value;
+        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+          var event = _step3.value;
           this.localAudioStreamMap["delete"](event.modifiedStream.streamId);
           this.remoteAudioStreamMap["delete"](event.modifiedStream.streamId);
           this.localVideoStreamMap["delete"](event.modifiedStream.streamId);
           this.remoteVideoStreamMap["delete"](event.modifiedStream.streamId);
           this._streamVolumeMap["delete"](event.modifiedStream.streamId);
+          this._streamInfoList["delete"](event.modifiedStream.streamId);
         }
       } catch (err) {
-        _iterator2.e(err);
+        _iterator3.e(err);
       } finally {
-        _iterator2.f();
+        _iterator3.f();
       }
     }
   }, {
@@ -1113,7 +1170,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_onAudioVolumeUpdated",
     value: function _onAudioVolumeUpdated(roomId, streamId, volume) {
-      this._streamVolumeMap.set(streamId, volume);
+      this._streamVolumeMap.set(streamId, Math.floor(volume / 255 * 100));
     }
   }, {
     key: "_preHandleSetting",
@@ -1129,7 +1186,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
   }]);
 }();
 _SettingStore = SettingStore;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_SettingStore, [[_mobx.observable, 1, "loudestStreamVolumeLevel"], [_mobx.observable, 1, "microphoneVolumeLevel"], [_mobx.observable, 1, "isWifiConnected"], [_mobx.observable, 1, "dialogConfig"], [_mobx.observable, 1, "networkState"], [_mobx.observable, 1, "performanceState"], [_mobx.observable, 1, "localAudioStreamMap"], [_mobx.observable, 1, "remoteAudioStreamMap"], [_mobx.observable, 1, "localVideoStreamMap"], [_mobx.observable, 1, "remoteVideoStreamMap"], [_mobx.observable, 1, "systemMemorySize"], [_mobx.observable, 1, "systemCpuDesc"], [_mobx.observable, 1, "setting"], [_mobx.observable, 1, "config"], [_mobx.observable, 1, "getSystemInfoTimer"], [_mobx.computed, 3, "maxVideoSendInfo"], [_mobx.computed, 3, "maxVideoReceiveInfo"], [_mobx.computed, 3, "sendScreenShareInfo"], [_mobx.computed, 3, "receiveScreenShareInfo"], [_mobx.computed, 3, "microphoneVolumeDb"], [_mobx.computed, 3, "speakerVolumeDb"], [_mobx.computed, 3, "speakerTestVolumeLevel"], [_mobx.computed, 3, "microphoneTestVolumeLevel"], [_mobx.computed, 3, "speakerVolume"], [_mobx.computed, 3, "microphoneVolume"], [_mobx.computed, 3, "isLocalMirrorEnabled"], [_mobx.computed, 3, "isLocalEditBeautyOptions"], [_mobx.computed, 3, "currentBeautyKey"], [_mobx.computed, 3, "beautyOptions"], [_mobx.computed, 3, "cameraDeviceId"], [_mobx.computed, 3, "cameraEnabled"], [_mobx.computed, 3, "showForceOpenEffectDialog"], [_mobx.computed, 3, "currentVirtualBackgroundName"], [_mobx.computed, 3, "cameraDeviceList"], [_mobx.computed, 3, "microphoneDeviceId"], [_mobx.computed, 3, "speakerDeviceId"], [_mobx.computed, 3, "speakerDeviceList"], [_mobx.computed, 3, "microphoneDeviceList"], [_mobx.computed, 3, "enableBeauty"], [_mobx.computed, 3, "virtualBackgroundList"], [_mobx.computed, 3, "currentIsMirror"], [_mobx.computed, 3, "microphoneDetecting"], [_mobx.computed, 3, "speakerDetecting"], [_decorator.bound, 2, "enableVirtualBackground"], [_decorator.bound, 2, "setEditBeautyKey"], [_decorator.bound, 2, "enableBeautyEffect"], [_decorator.bound, 2, "_initReactions"], [_decorator.bound, 2, "setCameraDevice"], [_decorator.bound, 2, "setMicrophoneDevice"], [_decorator.bound, 2, "stopSpeakerTest"], [_decorator.bound, 2, "startSpeakerTest"], [_decorator.bound, 2, "setSpeakerDevice"], [_decorator.bound, 2, "setSpeakerVolume"], [_decorator.bound, 2, "setMicrophoneVolume"], [_decorator.bound, 2, "setVideoOrientation"], [_decorator.bound, 2, "setBeautyOptions"], [_decorator.bound, 2, "toggleLocalMirrorPreview"], [_decorator.bound, 2, "startVideo"], [_decorator.bound, 2, "stopVideo"], [_decorator.bound, 2, "handleForceOpenVideoEffect"], [_decorator.bound, 2, "handleCancelForceOpenVideoEffect"], [_decorator.bound, 2, "toggleLocalMirror"], [_decorator.bound, 2, "setSettingVideoOpened"], [_decorator.bound, 2, "_syncSystemInfo"], [_decorator.bound, 2, "startCameraTest"], [_decorator.bound, 2, "stopCameraTest"], [_setDialogConfigDecs, 18, "setDialogConfig"], [_setSettingDecs, 18, "setSetting"], [_onEventDecs, 18, "_onEvent"], [_onNetworkStatsUpdatedDecs, 18, "_onNetworkStatsUpdated"], [_calculateSystemInfoDecs, 18, "calculateSystemInfo"], [_getSystemInformationDecs, 18, "getSystemInformation"], [_clearGetSystemInfoIntervalDecs, 18, "clearGetSystemInfoInterval"], [_closeDialogDecs, 18, "closeDialog"], [_onLocalAudioStatsUpdatedDecs, 18, "_onLocalAudioStatsUpdated"], [_onRemoteAudioStatsUpdatedDecs, 18, "_onRemoteAudioStatsUpdated"], [_onLocalVideoStatsUpdatedDecs, 18, "_onLocalVideoStatsUpdated"], [_onRemoteVideoStatsUpdatedDecs, 18, "_onRemoteVideoStatsUpdated"], [_onStreamsUpdatedDecs, 18, "_onStreamsUpdated"], [_onStreamsRemovedDecs, 18, "_onStreamsRemoved"], [_onPerformanceUpdatedDecs, 18, "_onPerformanceUpdated"], [_decorator.bound, 2, "_handleCameraChanged"], [_decorator.bound, 2, "_handleCameraListUpdated"], [_onAudioVolumeUpdatedDecs, 18, "_onAudioVolumeUpdated"], [_preHandleSettingDecs, 18, "_preHandleSetting"]], []).e, 16);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_SettingStore, [[_mobx.observable, 1, "loudestStreamVolumeLevel"], [_mobx.observable, 1, "microphoneVolumeLevel"], [_mobx.observable, 1, "isWifiConnected"], [_mobx.observable, 1, "dialogConfig"], [_mobx.observable, 1, "networkState"], [_mobx.observable, 1, "performanceState"], [_mobx.observable, 1, "localAudioStreamMap"], [_mobx.observable, 1, "remoteAudioStreamMap"], [_mobx.observable, 1, "localVideoStreamMap"], [_mobx.observable, 1, "remoteVideoStreamMap"], [_mobx.observable, 1, "systemMemorySize"], [_mobx.observable, 1, "systemCpuDesc"], [_mobx.observable, 1, "setting"], [_mobx.observable, 1, "config"], [_mobx.observable, 1, "getSystemInfoTimer"], [_mobx.computed, 3, "maxVideoSendInfo"], [_mobx.computed, 3, "maxVideoReceiveInfo"], [_mobx.computed, 3, "sendScreenShareInfo"], [_mobx.computed, 3, "receiveScreenShareInfo"], [_mobx.computed, 3, "microphoneVolumeDb"], [_mobx.computed, 3, "speakerVolumeDb"], [_mobx.computed, 3, "speakerTestVolumeLevel"], [_mobx.computed, 3, "microphoneTestVolumeLevel"], [_mobx.computed, 3, "speakerVolume"], [_mobx.computed, 3, "microphoneVolume"], [_mobx.computed, 3, "isLocalMirrorEnabled"], [_mobx.computed, 3, "isLocalEditBeautyOptions"], [_mobx.computed, 3, "currentBeautyKey"], [_mobx.computed, 3, "beautyOptions"], [_mobx.computed, 3, "cameraDeviceId"], [_mobx.computed, 3, "cameraEnabled"], [_mobx.computed, 3, "showForceOpenEffectDialog"], [_mobx.computed, 3, "currentVirtualBackgroundName"], [_mobx.computed, 3, "cameraDeviceList"], [_mobx.computed, 3, "microphoneDeviceId"], [_mobx.computed, 3, "speakerDeviceId"], [_mobx.computed, 3, "speakerDeviceList"], [_mobx.computed, 3, "microphoneDeviceList"], [_mobx.computed, 3, "enableBeauty"], [_mobx.computed, 3, "virtualBackgroundList"], [_mobx.computed, 3, "currentIsMirror"], [_mobx.computed, 3, "microphoneDetecting"], [_mobx.computed, 3, "speakerDetecting"], [_decorator.bound, 2, "enableVirtualBackground"], [_decorator.bound, 2, "setEditBeautyKey"], [_decorator.bound, 2, "enableBeautyEffect"], [_decorator.bound, 2, "_initReactions"], [_decorator.bound, 2, "setCameraDevice"], [_decorator.bound, 2, "setMicrophoneDevice"], [_decorator.bound, 2, "stopSpeakerTest"], [_decorator.bound, 2, "startSpeakerTest"], [_decorator.bound, 2, "setSpeakerDevice"], [_decorator.bound, 2, "setSpeakerVolume"], [_decorator.bound, 2, "setMicrophoneVolume"], [_decorator.bound, 2, "setVideoOrientation"], [_decorator.bound, 2, "setBeautyOptions"], [_decorator.bound, 2, "toggleLocalMirrorPreview"], [_decorator.bound, 2, "startVideo"], [_decorator.bound, 2, "stopVideo"], [_decorator.bound, 2, "handleForceOpenVideoEffect"], [_decorator.bound, 2, "handleCancelForceOpenVideoEffect"], [_decorator.bound, 2, "toggleLocalMirror"], [_decorator.bound, 2, "setSettingVideoOpened"], [_decorator.bound, 2, "_syncSystemInfo"], [_decorator.bound, 2, "startCameraTest"], [_decorator.bound, 2, "stopCameraTest"], [_setDialogConfigDecs, 18, "setDialogConfig"], [_setSettingDecs, 18, "setSetting"], [_onEventDecs, 18, "_onEvent"], [_onNetworkStatsUpdatedDecs, 18, "_onNetworkStatsUpdated"], [_calculateSystemInfoDecs, 18, "calculateSystemInfo"], [_getSystemInformationDecs, 18, "getSystemInformation"], [_clearGetSystemInfoIntervalDecs, 18, "clearGetSystemInfoInterval"], [_closeDialogDecs, 18, "closeDialog"], [_onLocalAudioStatsUpdatedDecs, 18, "_onLocalAudioStatsUpdated"], [_onRemoteAudioStatsUpdatedDecs, 18, "_onRemoteAudioStatsUpdated"], [_onLocalVideoStatsUpdatedDecs, 18, "_onLocalVideoStatsUpdated"], [_onRemoteVideoStatsUpdatedDecs, 18, "_onRemoteVideoStatsUpdated"], [_onStreamsAddedDecs, 18, "_onStreamsAdded"], [_onStreamsUpdatedDecs, 18, "_onStreamsUpdated"], [_onStreamsRemovedDecs, 18, "_onStreamsRemoved"], [_onPerformanceUpdatedDecs, 18, "_onPerformanceUpdated"], [_decorator.bound, 2, "_handleCameraChanged"], [_decorator.bound, 2, "_handleCameraListUpdated"], [_onAudioVolumeUpdatedDecs, 18, "_onAudioVolumeUpdated"], [_preHandleSettingDecs, 18, "_preHandleSetting"]], []).e, 16);
 _init_loudestStreamVolumeLevel = _applyDecs$e[0];
 _init_microphoneVolumeLevel = _applyDecs$e[1];
 _init_isWifiConnected = _applyDecs$e[2];
@@ -1145,4 +1202,5 @@ _init_systemCpuDesc = _applyDecs$e[11];
 _init_setting = _applyDecs$e[12];
 _init_config = _applyDecs$e[13];
 _init_getSystemInfoTimer = _applyDecs$e[14];
-_initProto = _applyDecs$e[15];
+_initProto = _applyDecs$e[15];
+var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);

package/lib/modules/setting/translate-settings/index.css

@@ -40,6 +40,8 @@
 
 .fcr-translate-settings__interpreter-mode {
   display: flex;
-  justify-content: space-evenly;
   padding: 12px;
+  flex-direction: column;
+  height: 100px;
+  justify-content: space-between;
 }

package/lib/modules/setting/translate-settings/translate-settings.js

@@ -23,13 +23,13 @@ var _languageSelect = require("./language-select");
 var _radio = require("agora-ui-foundation/lib/components/radio");
 require("./index.css");
 var _mobxReact = require("mobx-react");
-var _context = require("../context");
+var _store = require("../store");
 var _checkbox = require("agora-ui-foundation/lib/components/checkbox");
 var _jsxRuntime = require("react/jsx-runtime");
 var TranslateSettings = exports.TranslateSettings = (0, _mobxReact.observer)(function () {
   var ns = (0, _useNamespace.useNamespace)('translate-settings');
   var t = (0, _i18n.useI18n)();
-  var _useContext = (0, _react.useContext)(_context.StoreContext),
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
     setting = _useContext.setting,
     setSetting = _useContext.setSetting;
   var languageList = (0, _react.useMemo)(function () {

package/lib/modules/setting/video-settings/index.css

@@ -57,7 +57,7 @@
   z-index: 10;
   right: 6px;
   bottom: 6px;
-  border-radius: var(--fcr_cornerradius_s);
+  border-radius: var(--fcr_cornerradius_xs);
   background: var(--fcr_ui_scene_click);
 }
 
@@ -170,12 +170,13 @@
 .fcr-device-settings-video__tips {
   background-color: var(--fcr_mobile_ui_scene_color_popup_block5);
   border-radius: var(--fcr_cornerradius_s);
-  height: 32px;
+  line-height: 14px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin: 20px 0px;
   color: var(--fcr_ui_scene_icontext7);
+  padding: 10px;
 }
 
 .fcr-virtual-background-setting__virtual-list {
@@ -217,6 +218,7 @@
   justify-content: center;
   background-color: var(--fcr_web_ui_scene_fill4_popup);
   flex-direction: column;
+  padding: 0 10px;
 }
 
 .fcr-virtual-background-setting__virtual-item:not(:first-child):hover
@@ -302,6 +304,7 @@
   line-height: 12px;
   color: var(--fcr_ui_scene_icontext1);
   padding: 10px 0px 8px;
+  cursor: default;
 }
 
 .fcr-beauty-setting__card-title-disable {

package/lib/modules/setting/video-settings/video-settings-basic.js

@@ -10,7 +10,7 @@ var _i18n = require("agora-ui-foundation/lib/i18n");
 var _checkbox = require("agora-ui-foundation/lib/components/checkbox");
 var _useNamespace = require("../common/useNamespace");
 var _mobxReact = require("mobx-react");
-var _context = require("../context");
+var _store = require("../store");
 var _cameraSelect = require("../../device-pretest/settings/camera-select");
 var _constant = require("../../../utilities/constant");
 var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
@@ -24,7 +24,7 @@ var VideoSettingsBasic = exports.VideoSettingsBasic = (0, _mobxReact.observer)(f
     cameraDeviceList = _ref.cameraDeviceList;
   var ns = (0, _useNamespace.useNamespace)('video-settings-basic');
   var t = (0, _i18n.useI18n)();
-  var _useContext = (0, _react.useContext)(_context.StoreContext),
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
     setting = _useContext.setting,
     setSetting = _useContext.setSetting,
     dialogConfig = _useContext.dialogConfig;

package/lib/modules/setting/video-settings/video-settings.js

@@ -23,10 +23,9 @@ require("agora-ui-foundation/lib/components/local-video-player/index.css");
 var _mobxReact = require("mobx-react");
 var _react = require("react");
 var _useNamespace = require("../common/useNamespace");
-var _context = require("../context");
+var _store = require("../store");
 require("./index.css");
 var _videoEffect = require("../../device-pretest/settings/video-effect");
-var _store = require("../store");
 var _localVideoPlayer = _interopRequireWildcard(require("agora-ui-foundation/lib/components/local-video-player"));
 var _virtualBackgroundSetting = require("../../device-pretest/settings/virtual-background-setting");
 var _beauty = require("../../device-pretest/settings/beauty");
@@ -44,7 +43,7 @@ var VideoSettings = exports.VideoSettings = (0, _mobxReact.observer)(function (p
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     containerDom = _useState2[0],
     setContainerDom = _useState2[1];
-  var _useContext = (0, _react.useContext)(_context.StoreContext),
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
     config = _useContext.config,
     toggleLocalMirror = _useContext.toggleLocalMirror,
     isLocalMirrorEnabled = _useContext.isLocalMirrorEnabled,
@@ -69,8 +68,6 @@ var VideoSettings = exports.VideoSettings = (0, _mobxReact.observer)(function (p
     cameraDeviceList = _useContext.cameraDeviceList,
     enableBeauty = _useContext.enableBeauty,
     virtualBackgroundList = _useContext.virtualBackgroundList,
-    startCameraTest = _useContext.startCameraTest,
-    stopCameraTest = _useContext.stopCameraTest,
     currentIsMirror = _useContext.currentIsMirror;
   var _useState3 = (0, _react.useState)(beautyOptions[currentBeautyKey] || _store.DEFAULT_BEAUTY_VALUE),
     _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
@@ -86,14 +83,8 @@ var VideoSettings = exports.VideoSettings = (0, _mobxReact.observer)(function (p
       setCurrentVideoViewType(_localVideoPlayer.VideoViewType.SELFIE_VIEW);
     }
   }, [isLocalMirrorEnabled]);
-  (0, _react.useEffect)(function () {
-    startCameraTest();
-  }, [cameraDeviceId]);
   (0, _react.useEffect)(function () {
     setContainerDom(containerRef.current);
-    return function () {
-      stopCameraTest();
-    };
   }, []);
   (0, _react.useEffect)(function () {
     setCurrentEditValue(beautyOptions[currentBeautyKey] || _store.DEFAULT_BEAUTY_VALUE);

package/lib/modules/setting/view.js

@@ -15,7 +15,6 @@ var _icon = require("agora-ui-foundation/lib/components/icon");
 var _type = require("agora-ui-foundation/lib/components/icon/type");
 var _useNamespace = require("./common/useNamespace");
 var _mobxReact = require("mobx-react");
-var _context = require("./context");
 var _store = require("./store");
 require("./index.css");
 require("./state/index.css");
@@ -36,7 +35,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 // import { State } from './state';
 
 var DeviceSettingsView = exports.DeviceSettingsView = (0, _mobxReact.observer)(function () {
-  var _useContext = (0, _react.useContext)(_context.StoreContext),
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
     dialogConfig = _useContext.dialogConfig,
     setDialogConfig = _useContext.setDialogConfig,
     setSettingVideoOpened = _useContext.setSettingVideoOpened;

package/lib/modules/share-screen/index.d.ts

@@ -1,4 +1,4 @@
-import { FcrDesktopMediaControl, FcrBaseRoomControl } from 'agora-edu-core';
+import { FcrDesktopMediaControl, FcrBaseRoomControl } from 'fcr-core';
 import { UIModule } from '../../base';
 import './index.css';
 import { FcrDeviceStore } from '../../common/device-store';
@@ -17,10 +17,6 @@ export declare class ShareScreenUIModule extends UIModule {
         deviceStreamStore: FcrDeviceStreamStore;
         config: FcrUISceneConfig;
     });
-    getShareState(): void;
-    startShareScreen(): void;
-    stopShareScreen(): void;
-    replaceScreen(): void;
     getComponent(): import("react/jsx-runtime").JSX.Element;
     getSelectionComponent(): import("react/jsx-runtime").JSX.Element;
     onUnload(): void;