fcr-ui-scene 3.8.2 → 3.9.0-alpha

package/lib-es/modules/setting/store.base.js

@@ -6,7 +6,7 @@ import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _SettingStoreBase;
-var _initProto, _init_loudestStreamVolumeLevel, _init_microphoneVolumeLevel, _init_isWifiConnected, _init_isMainRoom, _init_networkState, _init_performanceState, _init_localAudioStreamMap, _init_remoteAudioStreamMap, _init_localVideoStreamMap, _init_remoteVideoStreamMap, _init_systemMemorySize, _init_systemCpuDesc, _init_getSystemInfoTimer, _init_isHiddenMeetingTab, _setDialogConfigDecs, _setSettingDecs, _clearGetSystemInfoIntervalDecs, _changeMediaSettingDecs, _toggleTwoLineCaptionEnabledDecs, _toggleTwoLineTranscribingEnabledDecs, _subscribeTranslateLanguageDecs, _handleJoinRoomDecs, _handleExitRoomDecs, _handleJoinMainRoomDecs, _onNetworkStatsUpdatedDecs, _onLocalAudioStatsUpdatedDecs, _onRemoteAudioStatsUpdatedDecs, _onLocalVideoStatsUpdatedDecs, _onRemoteVideoStatsUpdatedDecs, _onStreamsAddedDecs, _onStreamsUpdatedDecs, _onStreamsRemovedDecs, _onPerformanceUpdatedDecs, _onAudioVolumeUpdatedDecs, _preHandleSettingDecs, _setMeetingSettingsToLocalStorageDecs, _ref;
+var _initProto, _init_loudestStreamVolumeLevel, _init_microphoneVolumeLevel, _init_isWifiConnected, _init_isMainRoom, _init_networkState, _init_performanceState, _init_localAudioStreamMap, _init_remoteAudioStreamMap, _init_localVideoStreamMap, _init_remoteVideoStreamMap, _init_systemMemorySize, _init_systemCpuDesc, _init_isHiddenMeetingTab, _setDialogConfigDecs, _setSettingDecs, _changeMediaSettingDecs, _toggleTwoLineCaptionEnabledDecs, _toggleTwoLineTranscribingEnabledDecs, _subscribeTranslateLanguageDecs, _handleJoinRoomDecs, _handleExitRoomDecs, _resetSettingStoreDecs, _handleJoinMainRoomDecs, _onNetworkStatsUpdatedDecs, _onLocalAudioStatsUpdatedDecs, _onRemoteAudioStatsUpdatedDecs, _onLocalVideoStatsUpdatedDecs, _onRemoteVideoStatsUpdatedDecs, _onStreamsAddedDecs, _onStreamsUpdatedDecs, _onStreamsRemovedDecs, _onPerformanceUpdatedDecs, _onAudioVolumeUpdatedDecs, _preHandleSettingDecs, _setMeetingSettingsToLocalStorageDecs, _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; }
@@ -64,7 +64,6 @@ import "core-js/modules/es.regexp.test.js";
 import "core-js/modules/es.regexp.to-string.js";
 import "core-js/modules/es.string.includes.js";
 import "core-js/modules/es.string.iterator.js";
-import "core-js/modules/es.string.replace.js";
 import "core-js/modules/es.weak-map.js";
 import "core-js/modules/esnext.function.metadata.js";
 import "core-js/modules/esnext.iterator.constructor.js";
@@ -98,7 +97,7 @@ import { action, computed, observable, reaction, runInAction } from 'mobx';
 import { bound, trace } from 'agora-foundation/lib/decorator';
 import { AgoraScheduler } from 'agora-foundation/lib/schedule';
 import { FcrRoomType } from 'fcr-core/lib/room-control/type';
-import { changeLanguage, transI18n } from 'agora-ui-foundation/lib/i18n';
+import { changeLanguage } from 'agora-ui-foundation/lib/i18n';
 import { DEFAULT_DEVICE_ID } from '../../providers/device-provider';
 import { createLogger } from '../../utilities/logger';
 import { FcrUICurrentRoomControlProviderImpl } from '../../providers/room-provider/room-provider';
@@ -107,6 +106,8 @@ import { FcrUIObjectKeys } from '../../object-manager';
 import { createContext } from 'react';
 import { windowsVersion, isWindows } from 'agora-foundation/lib/utilities/env';
 import { cameraVideoHighStreamEncoderConfig, hdCameraVideoEncoderConfig } from '../../utilities/default-config';
+import { FcrUIToastKey } from '../../modules/toast-manager/type';
+import { FcrUISystemPereferencesType } from '../../providers/facility/struct';
 var mapDevice2Option = function mapDevice2Option(deviceList) {
   return deviceList.map(function (item) {
     return {
@@ -145,8 +146,7 @@ var _J = /*#__PURE__*/new WeakMap();
 var _K = /*#__PURE__*/new WeakMap();
 var _L = /*#__PURE__*/new WeakMap();
 var _M = /*#__PURE__*/new WeakMap();
-var _N = /*#__PURE__*/new WeakMap();
-_ref = (_setDialogConfigDecs = [action, action.bound], _setSettingDecs = [action, action.bound], _clearGetSystemInfoIntervalDecs = [action, action.bound], _changeMediaSettingDecs = [action, action.bound], _toggleTwoLineCaptionEnabledDecs = [action, action.bound], _toggleTwoLineTranscribingEnabledDecs = [action, action.bound], _subscribeTranslateLanguageDecs = [action, action.bound], _handleJoinRoomDecs = [action, action.bound, void 0, trace], _handleExitRoomDecs = [action, action.bound, void 0, trace], _handleJoinMainRoomDecs = [action, action.bound, void 0, trace], _onNetworkStatsUpdatedDecs = [action, action.bound], _onLocalAudioStatsUpdatedDecs = [action, action.bound], _onRemoteAudioStatsUpdatedDecs = [action, action.bound], _onLocalVideoStatsUpdatedDecs = [action, action.bound], _onRemoteVideoStatsUpdatedDecs = [action, action.bound], _onStreamsAddedDecs = [action, action.bound], _onStreamsUpdatedDecs = [action, action.bound], _onStreamsRemovedDecs = [action, action.bound], _onPerformanceUpdatedDecs = [action, action.bound], _onAudioVolumeUpdatedDecs = [action, action.bound], _preHandleSettingDecs = [action, action.bound], _setMeetingSettingsToLocalStorageDecs = [action, action.bound], "logger");
+_ref = (_setDialogConfigDecs = [action, action.bound], _setSettingDecs = [action, action.bound], _changeMediaSettingDecs = [action, action.bound], _toggleTwoLineCaptionEnabledDecs = [action, action.bound], _toggleTwoLineTranscribingEnabledDecs = [action, action.bound], _subscribeTranslateLanguageDecs = [action, action.bound], _handleJoinRoomDecs = [action, action.bound, void 0, trace], _handleExitRoomDecs = [action, action.bound, void 0, trace], _resetSettingStoreDecs = [action, action.bound], _handleJoinMainRoomDecs = [action, action.bound, void 0, trace], _onNetworkStatsUpdatedDecs = [action, action.bound], _onLocalAudioStatsUpdatedDecs = [action, action.bound], _onRemoteAudioStatsUpdatedDecs = [action, action.bound], _onLocalVideoStatsUpdatedDecs = [action, action.bound], _onRemoteVideoStatsUpdatedDecs = [action, action.bound], _onStreamsAddedDecs = [action, action.bound], _onStreamsUpdatedDecs = [action, action.bound], _onStreamsRemovedDecs = [action, action.bound], _onPerformanceUpdatedDecs = [action, action.bound], _onAudioVolumeUpdatedDecs = [action, action.bound], _preHandleSettingDecs = [action, action.bound], _setMeetingSettingsToLocalStorageDecs = [action, action.bound], "logger");
 export var SettingStoreBase = /*#__PURE__*/function () {
   function SettingStoreBase(_ref2) {
     var objectManager = _ref2.objectManager;
@@ -163,6 +163,7 @@ export var SettingStoreBase = /*#__PURE__*/function () {
     _defineProperty(this, "_streamVolumeMap", new Map());
     _defineProperty(this, "_volumeIndicationInterval", AgoraScheduler.Duration.second(2));
     _defineProperty(this, "_useDefaultAudioEchoCancellation", true);
+    _defineProperty(this, "_abilityProvider", null);
     _defineProperty(this, "_streamInfoList", new Map());
     _defineProperty(this, "_monitorObserver", {
       onPerformanceInfoUpdated: this._onPerformanceUpdated
@@ -181,7 +182,10 @@ export var SettingStoreBase = /*#__PURE__*/function () {
       onStreamVolumeIndicationUpdated: this._onAudioVolumeUpdated
     });
     _defineProperty(this, "_deviceProviderObserver", {
-      onSystemSelectedDeviceChanged: this._handleSystemSelectedDeviceChanged
+      onSystemSelectedDeviceChanged: this._handleSystemSelectedDeviceChanged,
+      onCameraStateChanged: this._handleCameraStateChanged,
+      onMicrophoneStateChanged: this._handleMicrophoneStateChanged,
+      onMediaPermissionMissing: this._handleMediaPermissionMissing
     });
     _defineProperty(this, "_interpreterRoomControlReaction", null);
     _defineProperty(this, "_streamControl", null);
@@ -223,17 +227,16 @@ export var SettingStoreBase = /*#__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_getSystemInfoTimer(this, null));
-    _classPrivateFieldInitSpec(this, _N, _init_isHiddenMeetingTab(this, true));
+    _classPrivateFieldInitSpec(this, _M, _init_isHiddenMeetingTab(this, true));
     this._objectManager = objectManager;
     this._monitorProvider = objectManager.getObject(FcrUIObjectKeys.P_MONITOR_PROVIDER);
     this._eventProvider = objectManager.getObject(FcrUIObjectKeys.P_EVENT_PROVIDER);
     this._deviceProvider = objectManager.getObject(FcrUIObjectKeys.P_DEVICE_PROVIDER);
     this._messageProvider = objectManager.getObject(FcrUIObjectKeys.P_MESSAGE_PROVIDER);
-    this._dialogProvider = objectManager.getObject(FcrUIObjectKeys.P_DIALOG_PROVIDER);
     this._sharedConfigDataSource = objectManager.getObject(FcrUIObjectKeys.S_SHARED_CONFIG_DATA_SOURCE);
     this._sharedSettingDataSource = objectManager.getObject(FcrUIObjectKeys.S_SHARED_SETTING_DATA_SOURCE);
     this._monitorProvider.addObserver(this._monitorObserver);
+    this._deviceProvider.addObserver(this._deviceProviderObserver);
     this._initReactions();
     if (this._deviceProvider.defaultMirror) {
       this._deviceProvider.toggleLocalMirror(true);
@@ -343,21 +346,13 @@ export var SettingStoreBase = /*#__PURE__*/function () {
       _classPrivateFieldSet(_L, this, v);
     }
   }, {
-    key: "getSystemInfoTimer",
+    key: "isHiddenMeetingTab",
     get: function get() {
       return _classPrivateFieldGet(_M, this);
     },
     set: function set(v) {
       _classPrivateFieldSet(_M, this, v);
     }
-  }, {
-    key: "isHiddenMeetingTab",
-    get: function get() {
-      return _classPrivateFieldGet(_N, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_N, this, v);
-    }
   }, {
     key: "maxVideoSendInfo",
     get: function get() {
@@ -587,6 +582,22 @@ export var SettingStoreBase = /*#__PURE__*/function () {
       }
       return this._interpreterRoomControl;
     }
+  }, {
+    key: "isVirtualBackgroundSupported",
+    get: function get() {
+      if (this._abilityProvider) {
+        return this._abilityProvider.isVirtualBackgroundSupported();
+      }
+      return true;
+    }
+  }, {
+    key: "isBeautyModeAbilitySupported",
+    get: function get() {
+      if (this._abilityProvider) {
+        return this._abilityProvider.isBeautyModeAbilitySupported();
+      }
+      return true;
+    }
   }, {
     key: "streamControl",
     get: function get() {
@@ -706,9 +717,8 @@ export var SettingStoreBase = /*#__PURE__*/function () {
         return _this3.setting.shouldHideNonVideoParticipants;
       }, function (shouldHideNonVideoParticipants) {
         if (shouldHideNonVideoParticipants) {
-          _this3._messageProvider.showToast({
-            type: 'normal',
-            message: transI18n('fmt_internalsetting_other_hide_no_video_toast')
+          _this3._messageProvider.showToastByKey({
+            key: FcrUIToastKey.FMT_INTERNALSSETTING_OTHER_HIDE_NO_VIDEO_TOAST
           });
         }
       }), reaction(function () {
@@ -821,17 +831,17 @@ export var SettingStoreBase = /*#__PURE__*/function () {
       var _this5 = this;
       if (!this._videoView4Setting || !this._deviceProvider.cameraId) return;
       setTimeout(function () {
-        _this5.startVideo(isMirror);
+        _this5.startVideoPreview(isMirror);
       });
       this._deviceProvider.toggleLocalMirrorPreview(isMirror);
     }
   }, {
-    key: "startVideo",
-    value: function startVideo(isMirror) {
+    key: "startVideoPreview",
+    value: function startVideoPreview(isMirror) {
       var view = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this._videoView4Setting;
       if (!view) return;
       this._videoView4Setting = view;
-      this.startCameraTest();
+      this._deviceProvider.startCameraTest();
       var cameraTrack = this._deviceProvider.cameraTrack;
       if (cameraTrack) {
         cameraTrack.startPreview({
@@ -841,13 +851,15 @@ export var SettingStoreBase = /*#__PURE__*/function () {
       }
     }
   }, {
-    key: "stopVideo",
-    value: function stopVideo() {
-      this.stopCameraTest();
-      if (!this._videoView4Setting) return;
-      var cameraTrack = this._deviceProvider.cameraTrack;
-      if (cameraTrack) {
-        cameraTrack.stopPreview(this._videoView4Setting);
+    key: "stopVideoPreview",
+    value: function stopVideoPreview() {
+      if (!this.cameraDeviceId) return;
+      var cameraVideoTrack = this._deviceProvider.cameraTrack;
+      if (cameraVideoTrack) {
+        if (this._videoView4Setting) {
+          cameraVideoTrack.stopPreview(this._videoView4Setting);
+        }
+        cameraVideoTrack.stopTest();
       }
     }
   }, {
@@ -866,7 +878,7 @@ export var SettingStoreBase = /*#__PURE__*/function () {
       var _this6 = this;
       if (!this._videoView4Setting || !this._deviceProvider.cameraId) return;
       setTimeout(function () {
-        _this6.startVideo(enable);
+        _this6.startVideoPreview(enable);
       });
       this._deviceProvider.toggleLocalMirror(enable);
       this._setMeetingSettingsToLocalStorage({
@@ -966,27 +978,6 @@ export var SettingStoreBase = /*#__PURE__*/function () {
         }
       }
     }
-  }, {
-    key: "startCameraTest",
-    value: function startCameraTest() {
-      if (!this.cameraDeviceId) return;
-      var cameraVideoTrack = this._deviceProvider.cameraTrack;
-      if (cameraVideoTrack) {
-        cameraVideoTrack.startTest();
-      }
-    }
-  }, {
-    key: "stopCameraTest",
-    value: function stopCameraTest() {
-      if (!this.cameraDeviceId) return;
-      var cameraVideoTrack = this._deviceProvider.cameraTrack;
-      if (cameraVideoTrack) {
-        if (this._videoView4Setting) {
-          cameraVideoTrack.stopPreview(this._videoView4Setting);
-        }
-        cameraVideoTrack.stopTest();
-      }
-    }
   }, {
     key: "startMicrophoneTest",
     value: function startMicrophoneTest() {
@@ -1000,13 +991,9 @@ export var SettingStoreBase = /*#__PURE__*/function () {
   }, {
     key: "release",
     value: function release() {
-      var _this$_currentRoomCon, _this$_currentRoomCon2;
-      if (this.getSystemInfoTimer) {
-        this.clearGetSystemInfoInterval();
-      }
       this._monitorProvider.removeObserver(this._monitorObserver);
-      (_this$_currentRoomCon = this._currentRoomControl) === null || _this$_currentRoomCon === void 0 || _this$_currentRoomCon.getStreamControl().removeObserver(this._streamObserver);
-      (_this$_currentRoomCon2 = this._currentRoomControl) === null || _this$_currentRoomCon2 === void 0 || _this$_currentRoomCon2.removeObserver(this._roomObserver);
+      this._deviceProvider.removeObserver(this._deviceProviderObserver);
+      this._resetSettingStore(true);
       this._disposeReactions();
     }
   }, {
@@ -1122,12 +1109,6 @@ export var SettingStoreBase = /*#__PURE__*/function () {
         }
       }
     }
-  }, {
-    key: "clearGetSystemInfoInterval",
-    value: function clearGetSystemInfoInterval() {
-      this.getSystemInfoTimer && clearInterval(this.getSystemInfoTimer);
-      this.getSystemInfoTimer = null;
-    }
   }, {
     key: "changeMediaSetting",
     value: function changeMediaSetting(key, value) {
@@ -1159,6 +1140,7 @@ export var SettingStoreBase = /*#__PURE__*/function () {
       var roomProvider = this._objectManager.getObject(FcrUIObjectKeys.P_ROOM_PROVIDER);
       this._sharedLayoutDataSource = this._objectManager.getObject(FcrUIObjectKeys.S_SHARED_LAYOUT_DATA_SOURCE);
       this._currentRoomControl = new FcrUICurrentRoomControlProviderImpl(roomProvider.currentRoomControl).currentRoomControl;
+      this._abilityProvider = this._objectManager.getObject(FcrUIObjectKeys.P_ABILITY_PROVIDER);
       this._currentRoomControl.addObserver(this._roomObserver);
       this._streamControl = this._currentRoomControl.getStreamControl();
       this._streamControl.addObserver(this._streamObserver);
@@ -1180,15 +1162,12 @@ export var SettingStoreBase = /*#__PURE__*/function () {
           deviceName: this._deviceProvider.currentDeviceName.microphoneDeviceName
         });
       }
-      this._deviceProvider.addObserver(this._deviceProviderObserver);
     }
   }, {
     key: "handleExitRoom",
-    value: function handleExitRoom(isRoutingChange) {
-      var _this8 = this,
-        _this$_streamControl,
-        _this$_currentRoomCon3,
-        _this$_interpreterRoo;
+    value: function handleExitRoom() {
+      var _this8 = this;
+      var isResetDevice = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
       this._disposers = this._disposers.filter(function (disposer) {
         if (disposer !== _this8._interpreterRoomControlReaction) {
           return true;
@@ -1196,10 +1175,17 @@ export var SettingStoreBase = /*#__PURE__*/function () {
           disposer();
         }
       });
+      this._resetSettingStore(isResetDevice);
+    }
+  }, {
+    key: "_resetSettingStore",
+    value: function _resetSettingStore() {
+      var _this$_streamControl, _this$_currentRoomCon, _this$_interpreterRoo;
+      var isResetDevice = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
       (_this$_streamControl = this._streamControl) === null || _this$_streamControl === void 0 || _this$_streamControl.removeObserver(this._streamObserver);
-      (_this$_currentRoomCon3 = this._currentRoomControl) === null || _this$_currentRoomCon3 === void 0 || _this$_currentRoomCon3.removeObserver(this._roomObserver);
+      (_this$_currentRoomCon = this._currentRoomControl) === null || _this$_currentRoomCon === void 0 || _this$_currentRoomCon.removeObserver(this._roomObserver);
       (_this$_interpreterRoo = this._interpreterRoomControl) === null || _this$_interpreterRoo === void 0 || _this$_interpreterRoo.removeObserver(this._roomObserver);
-      if (!isRoutingChange) {
+      if (isResetDevice) {
         this._deviceProvider.resetDevice();
       }
       this.isHiddenMeetingTab = true;
@@ -1208,7 +1194,7 @@ export var SettingStoreBase = /*#__PURE__*/function () {
       this._sharedLayoutDataSource = null;
       this._sharedSttSettingDataSource = null;
       this._sttProvider = null;
-      this._deviceProvider.removeObserver(this._deviceProviderObserver);
+      this._abilityProvider = null;
       this.localAudioStreamMap.clear();
       this.remoteAudioStreamMap.clear();
       this.localVideoStreamMap.clear();
@@ -1382,16 +1368,20 @@ export var SettingStoreBase = /*#__PURE__*/function () {
   }, {
     key: "_handleSystemSelectedDeviceChanged",
     value: function _handleSystemSelectedDeviceChanged(device) {
-      this._showSystemSelectedDeviceChangedToast(device);
+      if (!this.isHiddenMeetingTab) {
+        this._showSystemSelectedDeviceChangedToast(device);
+      }
     }
   }, {
     key: "_showSystemSelectedDeviceChangedToast",
     value: function _showSystemSelectedDeviceChangedToast(defaultDevice) {
-      var message = transI18n('fmt_device_toast_switch_device');
-      message = message.replace('{reason1}', defaultDevice.deviceName);
-      this._messageProvider.showToast({
-        type: 'normal',
-        message: message
+      this._messageProvider.showToastByKey({
+        key: FcrUIToastKey.FMT_DEVICE_TOAST_SWITCH_DEVICE,
+        params: {
+          transI18nOptions: {
+            reason1: defaultDevice.deviceName
+          }
+        }
       });
       this._windows10UnsupportAirPods(defaultDevice);
     }
@@ -1413,15 +1403,41 @@ export var SettingStoreBase = /*#__PURE__*/function () {
         return;
       }
       var message = "windows 10 maybe not support ".concat(defaultDevice.deviceName);
-      this._messageProvider.showToast({
-        type: 'warn',
-        message: message
+      this._messageProvider.showToastByKey({
+        key: FcrUIToastKey.WARN_MESSAGE,
+        params: {
+          message: message
+        }
       });
     }
+  }, {
+    key: "_handleCameraStateChanged",
+    value: function _handleCameraStateChanged(cameraDeviceId, state) {
+      if (cameraDeviceId === this.deviceProvider.cameraId && state === FcrMediaSourceState.ERROR) {
+        this.stopVideoPreview();
+      }
+    }
+  }, {
+    key: "_handleMicrophoneStateChanged",
+    value: function _handleMicrophoneStateChanged(microphoneDeviceId, state) {
+      if (microphoneDeviceId === this.deviceProvider.microphoneId && state === FcrMediaSourceState.ERROR) {
+        this.stopMicrophoneTest();
+      }
+    }
+  }, {
+    key: "_handleMediaPermissionMissing",
+    value: function _handleMediaPermissionMissing(mediaType) {
+      if (mediaType === FcrUISystemPereferencesType.Microphone) {
+        this.stopMicrophoneTest();
+      }
+      if (mediaType === FcrUISystemPereferencesType.Camera) {
+        this.stopVideoPreview();
+      }
+    }
   }]);
 }();
 _SettingStoreBase = SettingStoreBase;
-var _applyDecs$e = _slicedToArray(_applyDecs(_SettingStoreBase, [[observable, 1, "loudestStreamVolumeLevel"], [observable, 1, "microphoneVolumeLevel"], [observable, 1, "isWifiConnected"], [observable, 1, "isMainRoom"], [observable, 1, "networkState"], [observable, 1, "performanceState"], [observable, 1, "localAudioStreamMap"], [observable, 1, "remoteAudioStreamMap"], [observable, 1, "localVideoStreamMap"], [observable, 1, "remoteVideoStreamMap"], [observable, 1, "systemMemorySize"], [observable, 1, "systemCpuDesc"], [observable, 1, "getSystemInfoTimer"], [observable, 1, "isHiddenMeetingTab"], [computed, 3, "maxVideoSendInfo"], [computed, 3, "maxVideoReceiveInfo"], [computed, 3, "sendScreenShareInfo"], [computed, 3, "receiveScreenShareInfo"], [computed, 3, "microphoneVolumeDb"], [computed, 3, "speakerVolumeDb"], [computed, 3, "speakerTestVolumeLevel"], [computed, 3, "microphoneTestVolumeLevel"], [computed, 3, "speakerVolume"], [computed, 3, "microphoneVolume"], [computed, 3, "isLocalMirrorEnabled"], [computed, 3, "isLocalEditBeautyOptions"], [computed, 3, "currentBeautyKey"], [computed, 3, "beautyOptions"], [computed, 3, "cameraDeviceId"], [computed, 3, "cameraEnabled"], [computed, 3, "showForceOpenEffectDialog"], [computed, 3, "currentVirtualBackgroundName"], [computed, 3, "cameraDeviceList"], [computed, 3, "microphoneDeviceId"], [computed, 3, "speakerDeviceId"], [computed, 3, "speakerDeviceList"], [computed, 3, "microphoneDeviceList"], [computed, 3, "enableBeauty"], [computed, 3, "virtualBackgroundList"], [computed, 3, "currentIsMirror"], [computed, 3, "microphoneDetecting"], [computed, 3, "speakerDetecting"], [computed, 3, "setting"], [computed, 3, "media"], [computed, 3, "sceneConfig"], [computed, 3, "sharedSttSettingDataSource"], [computed, 3, "sttProvider"], [computed, 3, "languageOptions"], [computed, 3, "captionFontSize"], [computed, 3, "captionStyle"], [computed, 3, "isTwoLineCaptionEnabled"], [computed, 3, "isTwoLineTranscribingEnabled"], [computed, 3, "translateLanguage"], [computed, 3, "sharedInterpreterDataSource"], [computed, 3, "currentRoomControl"], [computed, 3, "interpreterRoomControl"], [bound, 2, "_syncSystemInfo"], [bound, 2, "initSettingConfig"], [bound, 2, "enableVirtualBackground"], [bound, 2, "setEditBeautyKey"], [bound, 2, "enableBeautyEffect"], [bound, 2, "_initReactions"], [bound, 2, "setCameraDevice"], [bound, 2, "setMicrophoneDevice"], [bound, 2, "stopSpeakerTest"], [bound, 2, "startSpeakerTest"], [bound, 2, "setSpeakerDevice"], [bound, 2, "setSpeakerVolume"], [bound, 2, "setMicrophoneVolume"], [bound, 2, "setVideoOrientation"], [bound, 2, "setBeautyOptions"], [bound, 2, "toggleLocalMirrorPreview"], [bound, 2, "startVideo"], [bound, 2, "stopVideo"], [bound, 2, "handleForceOpenVideoEffect"], [bound, 2, "handleCancelForceOpenVideoEffect"], [bound, 2, "toggleLocalMirror"], [bound, 2, "setSettingVideoOpened"], [bound, 2, "setCaptionFontSize"], [bound, 2, "startCameraTest"], [bound, 2, "stopCameraTest"], [bound, 2, "startMicrophoneTest"], [bound, 2, "stopMicrophoneTest"], [_setDialogConfigDecs, 18, "setDialogConfig"], [_setSettingDecs, 18, "setSetting"], [_clearGetSystemInfoIntervalDecs, 18, "clearGetSystemInfoInterval"], [_changeMediaSettingDecs, 18, "changeMediaSetting"], [_toggleTwoLineCaptionEnabledDecs, 18, "toggleTwoLineCaptionEnabled"], [_toggleTwoLineTranscribingEnabledDecs, 18, "toggleTwoLineTranscribingEnabled"], [_subscribeTranslateLanguageDecs, 18, "subscribeTranslateLanguage"], [_handleJoinRoomDecs, 18, "handleJoinRoom"], [_handleExitRoomDecs, 18, "handleExitRoom"], [_handleJoinMainRoomDecs, 18, "_handleJoinMainRoom"], [_onNetworkStatsUpdatedDecs, 18, "_onNetworkStatsUpdated"], [_onLocalAudioStatsUpdatedDecs, 18, "_onLocalAudioStatsUpdated"], [_onRemoteAudioStatsUpdatedDecs, 18, "_onRemoteAudioStatsUpdated"], [_onLocalVideoStatsUpdatedDecs, 18, "_onLocalVideoStatsUpdated"], [_onRemoteVideoStatsUpdatedDecs, 18, "_onRemoteVideoStatsUpdated"], [_onStreamsAddedDecs, 18, "_onStreamsAdded"], [_onStreamsUpdatedDecs, 18, "_onStreamsUpdated"], [_onStreamsRemovedDecs, 18, "_onStreamsRemoved"], [_onPerformanceUpdatedDecs, 18, "_onPerformanceUpdated"], [bound, 2, "_handleCameraChanged"], [_onAudioVolumeUpdatedDecs, 18, "_onAudioVolumeUpdated"], [_preHandleSettingDecs, 18, "_preHandleSetting"], [_setMeetingSettingsToLocalStorageDecs, 18, "_setMeetingSettingsToLocalStorage"], [bound, 2, "_handleSystemSelectedDeviceChanged"]], []).e, 15);
+var _applyDecs$e = _slicedToArray(_applyDecs(_SettingStoreBase, [[observable, 1, "loudestStreamVolumeLevel"], [observable, 1, "microphoneVolumeLevel"], [observable, 1, "isWifiConnected"], [observable, 1, "isMainRoom"], [observable, 1, "networkState"], [observable, 1, "performanceState"], [observable, 1, "localAudioStreamMap"], [observable, 1, "remoteAudioStreamMap"], [observable, 1, "localVideoStreamMap"], [observable, 1, "remoteVideoStreamMap"], [observable, 1, "systemMemorySize"], [observable, 1, "systemCpuDesc"], [observable, 1, "isHiddenMeetingTab"], [computed, 3, "maxVideoSendInfo"], [computed, 3, "maxVideoReceiveInfo"], [computed, 3, "sendScreenShareInfo"], [computed, 3, "receiveScreenShareInfo"], [computed, 3, "microphoneVolumeDb"], [computed, 3, "speakerVolumeDb"], [computed, 3, "speakerTestVolumeLevel"], [computed, 3, "microphoneTestVolumeLevel"], [computed, 3, "speakerVolume"], [computed, 3, "microphoneVolume"], [computed, 3, "isLocalMirrorEnabled"], [computed, 3, "isLocalEditBeautyOptions"], [computed, 3, "currentBeautyKey"], [computed, 3, "beautyOptions"], [computed, 3, "cameraDeviceId"], [computed, 3, "cameraEnabled"], [computed, 3, "showForceOpenEffectDialog"], [computed, 3, "currentVirtualBackgroundName"], [computed, 3, "cameraDeviceList"], [computed, 3, "microphoneDeviceId"], [computed, 3, "speakerDeviceId"], [computed, 3, "speakerDeviceList"], [computed, 3, "microphoneDeviceList"], [computed, 3, "enableBeauty"], [computed, 3, "virtualBackgroundList"], [computed, 3, "currentIsMirror"], [computed, 3, "microphoneDetecting"], [computed, 3, "speakerDetecting"], [computed, 3, "setting"], [computed, 3, "media"], [computed, 3, "sceneConfig"], [computed, 3, "sharedSttSettingDataSource"], [computed, 3, "sttProvider"], [computed, 3, "languageOptions"], [computed, 3, "captionFontSize"], [computed, 3, "captionStyle"], [computed, 3, "isTwoLineCaptionEnabled"], [computed, 3, "isTwoLineTranscribingEnabled"], [computed, 3, "translateLanguage"], [computed, 3, "sharedInterpreterDataSource"], [computed, 3, "currentRoomControl"], [computed, 3, "interpreterRoomControl"], [computed, 3, "isVirtualBackgroundSupported"], [computed, 3, "isBeautyModeAbilitySupported"], [bound, 2, "_syncSystemInfo"], [bound, 2, "initSettingConfig"], [bound, 2, "enableVirtualBackground"], [bound, 2, "setEditBeautyKey"], [bound, 2, "enableBeautyEffect"], [bound, 2, "_initReactions"], [bound, 2, "setCameraDevice"], [bound, 2, "setMicrophoneDevice"], [bound, 2, "stopSpeakerTest"], [bound, 2, "startSpeakerTest"], [bound, 2, "setSpeakerDevice"], [bound, 2, "setSpeakerVolume"], [bound, 2, "setMicrophoneVolume"], [bound, 2, "setVideoOrientation"], [bound, 2, "setBeautyOptions"], [bound, 2, "toggleLocalMirrorPreview"], [bound, 2, "startVideoPreview"], [bound, 2, "stopVideoPreview"], [bound, 2, "handleForceOpenVideoEffect"], [bound, 2, "handleCancelForceOpenVideoEffect"], [bound, 2, "toggleLocalMirror"], [bound, 2, "setSettingVideoOpened"], [bound, 2, "setCaptionFontSize"], [bound, 2, "startMicrophoneTest"], [bound, 2, "stopMicrophoneTest"], [_setDialogConfigDecs, 18, "setDialogConfig"], [_setSettingDecs, 18, "setSetting"], [_changeMediaSettingDecs, 18, "changeMediaSetting"], [_toggleTwoLineCaptionEnabledDecs, 18, "toggleTwoLineCaptionEnabled"], [_toggleTwoLineTranscribingEnabledDecs, 18, "toggleTwoLineTranscribingEnabled"], [_subscribeTranslateLanguageDecs, 18, "subscribeTranslateLanguage"], [_handleJoinRoomDecs, 18, "handleJoinRoom"], [_handleExitRoomDecs, 18, "handleExitRoom"], [_resetSettingStoreDecs, 18, "_resetSettingStore"], [_handleJoinMainRoomDecs, 18, "_handleJoinMainRoom"], [_onNetworkStatsUpdatedDecs, 18, "_onNetworkStatsUpdated"], [_onLocalAudioStatsUpdatedDecs, 18, "_onLocalAudioStatsUpdated"], [_onRemoteAudioStatsUpdatedDecs, 18, "_onRemoteAudioStatsUpdated"], [_onLocalVideoStatsUpdatedDecs, 18, "_onLocalVideoStatsUpdated"], [_onRemoteVideoStatsUpdatedDecs, 18, "_onRemoteVideoStatsUpdated"], [_onStreamsAddedDecs, 18, "_onStreamsAdded"], [_onStreamsUpdatedDecs, 18, "_onStreamsUpdated"], [_onStreamsRemovedDecs, 18, "_onStreamsRemoved"], [_onPerformanceUpdatedDecs, 18, "_onPerformanceUpdated"], [bound, 2, "_handleCameraChanged"], [_onAudioVolumeUpdatedDecs, 18, "_onAudioVolumeUpdated"], [_preHandleSettingDecs, 18, "_preHandleSetting"], [_setMeetingSettingsToLocalStorageDecs, 18, "_setMeetingSettingsToLocalStorage"], [bound, 2, "_handleSystemSelectedDeviceChanged"], [bound, 2, "_showSystemSelectedDeviceChangedToast"], [bound, 2, "_windows10UnsupportAirPods"], [bound, 2, "_handleCameraStateChanged"], [bound, 2, "_handleMicrophoneStateChanged"], [bound, 2, "_handleMediaPermissionMissing"]], []).e, 14);
 _init_loudestStreamVolumeLevel = _applyDecs$e[0];
 _init_microphoneVolumeLevel = _applyDecs$e[1];
 _init_isWifiConnected = _applyDecs$e[2];
@@ -1434,7 +1450,6 @@ _init_localVideoStreamMap = _applyDecs$e[8];
 _init_remoteVideoStreamMap = _applyDecs$e[9];
 _init_systemMemorySize = _applyDecs$e[10];
 _init_systemCpuDesc = _applyDecs$e[11];
-_init_getSystemInfoTimer = _applyDecs$e[12];
-_init_isHiddenMeetingTab = _applyDecs$e[13];
-_initProto = _applyDecs$e[14];
+_init_isHiddenMeetingTab = _applyDecs$e[12];
+_initProto = _applyDecs$e[13];
 export var StoreContext = /*#__PURE__*/createContext(null);

package/lib-es/modules/setting/store.electron.js

@@ -60,6 +60,7 @@ import { FcrUIObjectKeys } from '../../object-manager';
 import { AudioDeviceWhiteListManager } from './audio-whiteList/audio-whiteList-manager';
 import { AgoraScheduler } from 'agora-foundation/lib/schedule';
 import { bound, trace } from 'agora-foundation/lib/decorator';
+import { FcrUIDialogKey } from '../../utilities/constant';
 var SettingStore = /*#__PURE__*/function (_SettingStoreBase) {
   function SettingStore(args) {
     var _this;
@@ -67,13 +68,26 @@ var SettingStore = /*#__PURE__*/function (_SettingStoreBase) {
     _this = _callSuper(this, SettingStore, [args]);
     _defineProperty(_this, "_renderer", void _initProto(_this));
     _defineProperty(_this, "_audioDeviceWhiteListManager", null);
+    _defineProperty(_this, "_dialogObserver", {
+      onDialogOpen: function onDialogOpen(dialogKey) {
+        if (dialogKey === FcrUIDialogKey.SETTINGS) {
+          _this._pollingTask.start();
+        }
+      },
+      onDialogClose: function onDialogClose(dialogKey) {
+        if (dialogKey === FcrUIDialogKey.SETTINGS) {
+          _this._pollingTask.stop();
+        }
+      }
+    });
     _defineProperty(_this, "_audioDeviceObserver", {
       onMicrophoneChanged: _this._handleMicrophoneChanged,
       onMicrophoneListUpdated: _this._handleMicrophoneListUpdated
     });
     var objectManager = args.objectManager;
     _this._renderer = objectManager.getObject(FcrUIObjectKeys.RENDERER_WRAPPER);
-    _this._windowProvider = objectManager.getObject(FcrUIObjectKeys.P_WINDOW_PROVIDER);
+    _this._dialogProvider = objectManager.getObject(FcrUIObjectKeys.P_DIALOG_PROVIDER);
+    _this._dialogProvider.addObserver(_this._dialogObserver);
     var delegate = {
       getMicrophoneId: function getMicrophoneId() {
         return _this.deviceProvider.microphoneId || '';
@@ -97,6 +111,9 @@ var SettingStore = /*#__PURE__*/function (_SettingStoreBase) {
     _this._audioDeviceWhiteListManager = new AudioDeviceWhiteListManager(delegate);
     _this.deviceProvider.addObserver(_this._audioDeviceObserver);
     _this._pollingTask = AgoraScheduler.shared.addPollingTask(_this._syncSystemInfo, 5000, true);
+    if (!_this._dialogProvider.isDialogOpenedById(FcrUIDialogKey.SETTINGS)) {
+      _this._pollingTask.stop();
+    }
     return _this;
   }
   _inherits(SettingStore, _SettingStoreBase);
@@ -158,6 +175,7 @@ var SettingStore = /*#__PURE__*/function (_SettingStoreBase) {
       (_this$_audioDeviceWhi4 = this._audioDeviceWhiteListManager) === null || _this$_audioDeviceWhi4 === void 0 || _this$_audioDeviceWhi4.release();
       this._audioDeviceWhiteListManager = null;
       this.deviceProvider.removeObserver(this._audioDeviceObserver);
+      this._dialogProvider.removeObserver(this._dialogObserver);
     }
   }]);
 }(SettingStoreBase);

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

@@ -16,7 +16,7 @@ import './index.css';
 import { observer } from 'mobx-react';
 import { StoreContext } from '../store.base';
 import { FcrCheckbox } from 'agora-ui-foundation/lib/components/checkbox';
-import { useNamespace } from '../../../utilities/useNamespace';
+import { useNamespace } from 'agora-ui-foundation/lib/utilities/use-namespace';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export var TranslateSettings = observer(function () {
   var ns = useNamespace('translate-settings');

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

@@ -8,7 +8,7 @@ import { FcrUIHighlightElement } from '../../../utilities/constant';
 import { isElectron } from 'agora-foundation/lib/utilities/env';
 import classNames from 'classnames';
 import { HelpQuestionIcon } from '../view';
-import { useNamespace } from '../../../utilities/useNamespace';
+import { useNamespace } from 'agora-ui-foundation/lib/utilities/use-namespace';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export var VideoSettingsBasic = observer(function (_ref) {
   var cameraDeviceId = _ref.cameraDeviceId,

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

@@ -13,7 +13,7 @@ import { VideoEffect } from '../../device-pretest/settings/video-effect';
 import { VirtualBackgroundSetting } from '../../device-pretest/settings/virtual-background-setting';
 import { Beauty } from '../../device-pretest/settings/beauty';
 import { VideoSettingsBasic } from './video-settings-basic';
-import { useNamespace } from '../../../utilities/useNamespace';
+import { useNamespace } from 'agora-ui-foundation/lib/utilities/use-namespace';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 export var VideoSettings = observer(function (props) {
   var ns = useNamespace('device-settings-video');
@@ -35,8 +35,8 @@ export var VideoSettings = observer(function (props) {
     toggleLocalMirrorPreview = _useContext.toggleLocalMirrorPreview,
     cameraDeviceId = _useContext.cameraDeviceId,
     cameraEnabled = _useContext.cameraEnabled,
-    startVideo = _useContext.startVideo,
-    stopVideo = _useContext.stopVideo,
+    startVideoPreview = _useContext.startVideoPreview,
+    stopVideoPreview = _useContext.stopVideoPreview,
     showForceOpenEffectDialog = _useContext.showForceOpenEffectDialog,
     handleForceOpenVideoEffect = _useContext.handleForceOpenVideoEffect,
     handleCancelForceOpenVideoEffect = _useContext.handleCancelForceOpenVideoEffect,
@@ -49,7 +49,9 @@ export var VideoSettings = observer(function (props) {
     enableBeauty = _useContext.enableBeauty,
     virtualBackgroundList = _useContext.virtualBackgroundList,
     currentIsMirror = _useContext.currentIsMirror,
-    dialogConfig = _useContext.dialogConfig;
+    dialogConfig = _useContext.dialogConfig,
+    isBeautyModeAbilitySupported = _useContext.isBeautyModeAbilitySupported,
+    isVirtualBackgroundSupported = _useContext.isVirtualBackgroundSupported;
   var _useState3 = useState(beautyOptions[currentBeautyKey] || DEFAULT_BEAUTY_VALUE),
     _useState4 = _slicedToArray(_useState3, 2),
     currentEditValue = _useState4[0],
@@ -107,9 +109,9 @@ export var VideoSettings = observer(function (props) {
         showCameraPreview: true,
         showTopTips: !cameraEnabled,
         startLocalVideo: function startLocalVideo(view) {
-          startVideo(currentIsMirror, view);
+          startVideoPreview(currentIsMirror, view);
         },
-        stopLocalVideo: stopVideo,
+        stopLocalVideo: stopVideoPreview,
         currentVideoViewType: currentVideoViewType,
         handleVideoViewChange: handleVideoViewChange,
         showRotation: isElectron()
@@ -134,7 +136,9 @@ export var VideoSettings = observer(function (props) {
             enableBeautyEffect: enableBeautyEffect,
             beautySettingOption: beautyOptions
           })
-        }
+        },
+        isBeautyModeAbilitySupported: isBeautyModeAbilitySupported,
+        isVirtualBackgroundSupported: isVirtualBackgroundSupported
       }), /*#__PURE__*/_jsx(FcrBasicConfirmDialog, {
         visible: showForceOpenEffectDialog,
         onOk: handleForceOpenVideoEffect,

package/lib-es/modules/setting/view.js

@@ -20,7 +20,7 @@ import GeneralSettings from './general-settings/general-settings';
 import { FcrToolTip } from 'agora-ui-foundation/lib/components/tooltip';
 import { DeviceSettingTab } from './type';
 import { StoreContext } from './store.base';
-import { useNamespace } from '../../utilities/useNamespace';
+import { useNamespace } from 'agora-ui-foundation/lib/utilities/use-namespace';
 import CaptionAndTranscribing from './caption_and_transcribing';
 // import StorageSettings from './storage-settings/storage-settings';
 // import TranslateSettings from './translate-settings/translate-settings';

package/lib-es/modules/share-screen/components/control-bar/index.js

@@ -2,91 +2,5 @@ import { observer } from 'mobx-react';
 import './index.css';
 var FcrScreenShareControlBar = observer(function (props) {
   return null;
-  // const { secondaryWindowProprs } = props;
-  // const {
-  //   screenShareWindowData,
-  //   zoomIn,
-  //   zoomOut,
-  //   fullContainer,
-  //   setOriginScalc,
-  //   toggleIsShowToolbar,
-  //   annotationHasStart,
-  //   isShowToolbar,
-  //   isZoomMaxmum,
-  //   isZoomMinimum,
-  //   isCurrentOriginal,
-  //   isAspectRatioPreserved,
-  //   isAnnotationSupported,
-  //   allowAnnotationSelfWriteState,
-  //   participantShareCanWeAnnotation,
-  // } = useContext(StoreContext);
-  // const transI18n = useI18n();
-
-  // const hasScreenSharing =
-  //   screenShareWindowData && screenShareWindowData.videoSourceType === FcrVideoSourceType.SCREEN;
-  // const hasLoopbackAudioStream =
-  //   hasScreenSharing &&
-  //   screenShareWindowData.hasLoopbackSharing &&
-  //   screenShareWindowData.hasMicrophoneAudioStream;
-
-  // const clickFn = useCallback(() => {
-  //   toggleIsShowToolbar();
-  // }, []);
-
-  // return (
-  //   <div className="fcr-screen-share-controlbar">
-  //     <div className="fcr-screen-share-controlbar-left">
-  //       {screenShareWindowData ? (
-  //         <>
-  //           <div className="fcr-screen-share-controlbar-username">
-  //             {screenShareWindowData.userName}
-  //             {transI18n('fmt_uimanager_labels_sharing')}
-  //           </div>
-  //           <FcrIcon
-  //             type={
-  //               !!hasLoopbackAudioStream
-  //                 ? FcrIconType.FCR_DEVICEAUDIOON
-  //                 : FcrIconType.FCR_DEVICEAUDIOOFF
-  //             }
-  //             size={22}
-  //             colors={{ iconPrimary: 'var(--fcr_ui_scene_ramp_green6)' }}
-  //             style={{ marginRight: '10px' }}
-  //           />
-  //         </>
-  //       ) : null}
-  //     </div>
-
-  //     <div className="fcr-screen-share-controlbar-center">
-  //       <FcrScreenShareZoomInBtn
-  //         isMinimum={secondaryWindowProprs?.isZoomMinimum ?? isZoomMinimum}
-  //         zoomIn={secondaryWindowProprs?.zoomIn || zoomIn}
-  //       />
-  //       <FcrScreenShareZoomOutBtn
-  //         isMaxmum={secondaryWindowProprs?.isZoomMaxmum ?? isZoomMaxmum}
-  //         zoomOut={secondaryWindowProprs?.zoomOut || zoomOut}
-  //       />
-  //       <FcrScreenShareFullContainerBtn
-  //         isAdaptived={secondaryWindowProprs?.isAspectRatioPreserved ?? isAspectRatioPreserved}
-  //         fullContainer={secondaryWindowProprs?.fullContainer || fullContainer}
-  //       />
-  //       <FcrScreenShareOrgSizeBtn
-  //         isOriginal={secondaryWindowProprs?.isCurrentOriginal ?? isCurrentOriginal}
-  //         setOriginScalc={secondaryWindowProprs?.setOriginScalc || setOriginScalc}
-  //       />
-  //     </div>
-  //     <div className="fcr-screen-share-controlbar-right">
-  //       {isAnnotationSupported && annotationHasStart && participantShareCanWeAnnotation() && (
-  //         <FcrScreenShareAnnotationBtn
-  //           visible={
-  //             secondaryWindowProprs ? secondaryWindowProprs.isShowToolbarToggle : annotationHasStart
-  //           }
-  //           disable={!allowAnnotationSelfWriteState}
-  //           isShowToolbar={isShowToolbar}
-  //           clickFn={clickFn}
-  //         />
-  //       )}
-  //     </div>
-  //   </div>
-  // );
 });
 export default FcrScreenShareControlBar;