fcr-ui-scene 3.8.2 → 3.9.0-alpha

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

@@ -16,6 +16,7 @@ require("core-js/modules/es.object.define-properties.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.object.get-own-property-descriptors.js");
+require("core-js/modules/es.regexp.exec.js");
 require("core-js/modules/es.regexp.test.js");
 require("core-js/modules/es.regexp.to-string.js");
 require("core-js/modules/esnext.function.metadata.js");
@@ -53,10 +54,8 @@ require("core-js/modules/es.number.to-fixed.js");
 require("core-js/modules/es.object.entries.js");
 require("core-js/modules/es.object.keys.js");
 require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/es.regexp.exec.js");
 require("core-js/modules/es.string.includes.js");
 require("core-js/modules/es.string.iterator.js");
-require("core-js/modules/es.string.replace.js");
 require("core-js/modules/es.weak-map.js");
 require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.filter.js");
@@ -97,8 +96,10 @@ var _objectManager = require("../../object-manager");
 var _react = require("react");
 var _env = require("agora-foundation/lib/utilities/env");
 var _defaultConfig = require("../../utilities/default-config");
+var _type3 = require("../../modules/toast-manager/type");
+var _struct = require("../../providers/facility/struct");
 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; }
@@ -152,8 +153,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 = [_mobx.action, _mobx.action.bound], _setSettingDecs = [_mobx.action, _mobx.action.bound], _clearGetSystemInfoIntervalDecs = [_mobx.action, _mobx.action.bound], _changeMediaSettingDecs = [_mobx.action, _mobx.action.bound], _toggleTwoLineCaptionEnabledDecs = [_mobx.action, _mobx.action.bound], _toggleTwoLineTranscribingEnabledDecs = [_mobx.action, _mobx.action.bound], _subscribeTranslateLanguageDecs = [_mobx.action, _mobx.action.bound], _handleJoinRoomDecs = [_mobx.action, _mobx.action.bound, void 0, _decorator.trace], _handleExitRoomDecs = [_mobx.action, _mobx.action.bound, void 0, _decorator.trace], _handleJoinMainRoomDecs = [_mobx.action, _mobx.action.bound, void 0, _decorator.trace], _onNetworkStatsUpdatedDecs = [_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], _setMeetingSettingsToLocalStorageDecs = [_mobx.action, _mobx.action.bound], "logger");
+_ref = (_setDialogConfigDecs = [_mobx.action, _mobx.action.bound], _setSettingDecs = [_mobx.action, _mobx.action.bound], _changeMediaSettingDecs = [_mobx.action, _mobx.action.bound], _toggleTwoLineCaptionEnabledDecs = [_mobx.action, _mobx.action.bound], _toggleTwoLineTranscribingEnabledDecs = [_mobx.action, _mobx.action.bound], _subscribeTranslateLanguageDecs = [_mobx.action, _mobx.action.bound], _handleJoinRoomDecs = [_mobx.action, _mobx.action.bound, void 0, _decorator.trace], _handleExitRoomDecs = [_mobx.action, _mobx.action.bound, void 0, _decorator.trace], _resetSettingStoreDecs = [_mobx.action, _mobx.action.bound], _handleJoinMainRoomDecs = [_mobx.action, _mobx.action.bound, void 0, _decorator.trace], _onNetworkStatsUpdatedDecs = [_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], _setMeetingSettingsToLocalStorageDecs = [_mobx.action, _mobx.action.bound], "logger");
 var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
   function SettingStoreBase(_ref2) {
     var objectManager = _ref2.objectManager;
@@ -170,6 +170,7 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__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, "_abilityProvider", null);
     (0, _defineProperty2["default"])(this, "_streamInfoList", new Map());
     (0, _defineProperty2["default"])(this, "_monitorObserver", {
       onPerformanceInfoUpdated: this._onPerformanceUpdated
@@ -188,7 +189,10 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
       onStreamVolumeIndicationUpdated: this._onAudioVolumeUpdated
     });
     (0, _defineProperty2["default"])(this, "_deviceProviderObserver", {
-      onSystemSelectedDeviceChanged: this._handleSystemSelectedDeviceChanged
+      onSystemSelectedDeviceChanged: this._handleSystemSelectedDeviceChanged,
+      onCameraStateChanged: this._handleCameraStateChanged,
+      onMicrophoneStateChanged: this._handleMicrophoneStateChanged,
+      onMediaPermissionMissing: this._handleMediaPermissionMissing
     });
     (0, _defineProperty2["default"])(this, "_interpreterRoomControlReaction", null);
     (0, _defineProperty2["default"])(this, "_streamControl", null);
@@ -230,17 +234,16 @@ var SettingStoreBase = exports.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(_objectManager.FcrUIObjectKeys.P_MONITOR_PROVIDER);
     this._eventProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_EVENT_PROVIDER);
     this._deviceProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_DEVICE_PROVIDER);
     this._messageProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_MESSAGE_PROVIDER);
-    this._dialogProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_DIALOG_PROVIDER);
     this._sharedConfigDataSource = objectManager.getObject(_objectManager.FcrUIObjectKeys.S_SHARED_CONFIG_DATA_SOURCE);
     this._sharedSettingDataSource = objectManager.getObject(_objectManager.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);
@@ -350,21 +353,13 @@ var SettingStoreBase = exports.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() {
@@ -594,6 +589,22 @@ var SettingStoreBase = exports.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() {
@@ -713,9 +724,8 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
         return _this3.setting.shouldHideNonVideoParticipants;
       }, function (shouldHideNonVideoParticipants) {
         if (shouldHideNonVideoParticipants) {
-          _this3._messageProvider.showToast({
-            type: 'normal',
-            message: (0, _i18n.transI18n)('fmt_internalsetting_other_hide_no_video_toast')
+          _this3._messageProvider.showToastByKey({
+            key: _type3.FcrUIToastKey.FMT_INTERNALSSETTING_OTHER_HIDE_NO_VIDEO_TOAST
           });
         }
       }), (0, _mobx.reaction)(function () {
@@ -828,17 +838,17 @@ var SettingStoreBase = exports.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({
@@ -848,13 +858,15 @@ var SettingStoreBase = exports.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();
       }
     }
   }, {
@@ -873,7 +885,7 @@ var SettingStoreBase = exports.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({
@@ -973,27 +985,6 @@ var SettingStoreBase = exports.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() {
@@ -1007,13 +998,9 @@ var SettingStoreBase = exports.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();
     }
   }, {
@@ -1129,12 +1116,6 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
         }
       }
     }
-  }, {
-    key: "clearGetSystemInfoInterval",
-    value: function clearGetSystemInfoInterval() {
-      this.getSystemInfoTimer && clearInterval(this.getSystemInfoTimer);
-      this.getSystemInfoTimer = null;
-    }
   }, {
     key: "changeMediaSetting",
     value: function changeMediaSetting(key, value) {
@@ -1166,6 +1147,7 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
       var roomProvider = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.P_ROOM_PROVIDER);
       this._sharedLayoutDataSource = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.S_SHARED_LAYOUT_DATA_SOURCE);
       this._currentRoomControl = new _roomProvider.FcrUICurrentRoomControlProviderImpl(roomProvider.currentRoomControl).currentRoomControl;
+      this._abilityProvider = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.P_ABILITY_PROVIDER);
       this._currentRoomControl.addObserver(this._roomObserver);
       this._streamControl = this._currentRoomControl.getStreamControl();
       this._streamControl.addObserver(this._streamObserver);
@@ -1187,15 +1169,12 @@ var SettingStoreBase = exports.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;
@@ -1203,10 +1182,17 @@ var SettingStoreBase = exports.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;
@@ -1215,7 +1201,7 @@ var SettingStoreBase = exports.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();
@@ -1389,16 +1375,20 @@ var SettingStoreBase = exports.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 = (0, _i18n.transI18n)('fmt_device_toast_switch_device');
-      message = message.replace('{reason1}', defaultDevice.deviceName);
-      this._messageProvider.showToast({
-        type: 'normal',
-        message: message
+      this._messageProvider.showToastByKey({
+        key: _type3.FcrUIToastKey.FMT_DEVICE_TOAST_SWITCH_DEVICE,
+        params: {
+          transI18nOptions: {
+            reason1: defaultDevice.deviceName
+          }
+        }
       });
       this._windows10UnsupportAirPods(defaultDevice);
     }
@@ -1420,15 +1410,41 @@ var SettingStoreBase = exports.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: _type3.FcrUIToastKey.WARN_MESSAGE,
+        params: {
+          message: message
+        }
       });
     }
+  }, {
+    key: "_handleCameraStateChanged",
+    value: function _handleCameraStateChanged(cameraDeviceId, state) {
+      if (cameraDeviceId === this.deviceProvider.cameraId && state === _fcrCore.FcrMediaSourceState.ERROR) {
+        this.stopVideoPreview();
+      }
+    }
+  }, {
+    key: "_handleMicrophoneStateChanged",
+    value: function _handleMicrophoneStateChanged(microphoneDeviceId, state) {
+      if (microphoneDeviceId === this.deviceProvider.microphoneId && state === _fcrCore.FcrMediaSourceState.ERROR) {
+        this.stopMicrophoneTest();
+      }
+    }
+  }, {
+    key: "_handleMediaPermissionMissing",
+    value: function _handleMediaPermissionMissing(mediaType) {
+      if (mediaType === _struct.FcrUISystemPereferencesType.Microphone) {
+        this.stopMicrophoneTest();
+      }
+      if (mediaType === _struct.FcrUISystemPereferencesType.Camera) {
+        this.stopVideoPreview();
+      }
+    }
   }]);
 }();
 _SettingStoreBase = SettingStoreBase;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_SettingStoreBase, [[_mobx.observable, 1, "loudestStreamVolumeLevel"], [_mobx.observable, 1, "microphoneVolumeLevel"], [_mobx.observable, 1, "isWifiConnected"], [_mobx.observable, 1, "isMainRoom"], [_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, "getSystemInfoTimer"], [_mobx.observable, 1, "isHiddenMeetingTab"], [_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"], [_mobx.computed, 3, "setting"], [_mobx.computed, 3, "media"], [_mobx.computed, 3, "sceneConfig"], [_mobx.computed, 3, "sharedSttSettingDataSource"], [_mobx.computed, 3, "sttProvider"], [_mobx.computed, 3, "languageOptions"], [_mobx.computed, 3, "captionFontSize"], [_mobx.computed, 3, "captionStyle"], [_mobx.computed, 3, "isTwoLineCaptionEnabled"], [_mobx.computed, 3, "isTwoLineTranscribingEnabled"], [_mobx.computed, 3, "translateLanguage"], [_mobx.computed, 3, "sharedInterpreterDataSource"], [_mobx.computed, 3, "currentRoomControl"], [_mobx.computed, 3, "interpreterRoomControl"], [_decorator.bound, 2, "_syncSystemInfo"], [_decorator.bound, 2, "initSettingConfig"], [_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, "setCaptionFontSize"], [_decorator.bound, 2, "startCameraTest"], [_decorator.bound, 2, "stopCameraTest"], [_decorator.bound, 2, "startMicrophoneTest"], [_decorator.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"], [_decorator.bound, 2, "_handleCameraChanged"], [_onAudioVolumeUpdatedDecs, 18, "_onAudioVolumeUpdated"], [_preHandleSettingDecs, 18, "_preHandleSetting"], [_setMeetingSettingsToLocalStorageDecs, 18, "_setMeetingSettingsToLocalStorage"], [_decorator.bound, 2, "_handleSystemSelectedDeviceChanged"]], []).e, 15);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_SettingStoreBase, [[_mobx.observable, 1, "loudestStreamVolumeLevel"], [_mobx.observable, 1, "microphoneVolumeLevel"], [_mobx.observable, 1, "isWifiConnected"], [_mobx.observable, 1, "isMainRoom"], [_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, "isHiddenMeetingTab"], [_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"], [_mobx.computed, 3, "setting"], [_mobx.computed, 3, "media"], [_mobx.computed, 3, "sceneConfig"], [_mobx.computed, 3, "sharedSttSettingDataSource"], [_mobx.computed, 3, "sttProvider"], [_mobx.computed, 3, "languageOptions"], [_mobx.computed, 3, "captionFontSize"], [_mobx.computed, 3, "captionStyle"], [_mobx.computed, 3, "isTwoLineCaptionEnabled"], [_mobx.computed, 3, "isTwoLineTranscribingEnabled"], [_mobx.computed, 3, "translateLanguage"], [_mobx.computed, 3, "sharedInterpreterDataSource"], [_mobx.computed, 3, "currentRoomControl"], [_mobx.computed, 3, "interpreterRoomControl"], [_mobx.computed, 3, "isVirtualBackgroundSupported"], [_mobx.computed, 3, "isBeautyModeAbilitySupported"], [_decorator.bound, 2, "_syncSystemInfo"], [_decorator.bound, 2, "initSettingConfig"], [_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, "startVideoPreview"], [_decorator.bound, 2, "stopVideoPreview"], [_decorator.bound, 2, "handleForceOpenVideoEffect"], [_decorator.bound, 2, "handleCancelForceOpenVideoEffect"], [_decorator.bound, 2, "toggleLocalMirror"], [_decorator.bound, 2, "setSettingVideoOpened"], [_decorator.bound, 2, "setCaptionFontSize"], [_decorator.bound, 2, "startMicrophoneTest"], [_decorator.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"], [_decorator.bound, 2, "_handleCameraChanged"], [_onAudioVolumeUpdatedDecs, 18, "_onAudioVolumeUpdated"], [_preHandleSettingDecs, 18, "_preHandleSetting"], [_setMeetingSettingsToLocalStorageDecs, 18, "_setMeetingSettingsToLocalStorage"], [_decorator.bound, 2, "_handleSystemSelectedDeviceChanged"], [_decorator.bound, 2, "_showSystemSelectedDeviceChangedToast"], [_decorator.bound, 2, "_windows10UnsupportAirPods"], [_decorator.bound, 2, "_handleCameraStateChanged"], [_decorator.bound, 2, "_handleMicrophoneStateChanged"], [_decorator.bound, 2, "_handleMediaPermissionMissing"]], []).e, 14);
 _init_loudestStreamVolumeLevel = _applyDecs$e[0];
 _init_microphoneVolumeLevel = _applyDecs$e[1];
 _init_isWifiConnected = _applyDecs$e[2];
@@ -1441,7 +1457,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];
 var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);

package/lib/modules/setting/store.electron.d.ts

@@ -3,9 +3,10 @@ import { SettingStoreArgs, SystemInfo } from './type';
 import { FcrDeviceInfo } from 'fcr-core/lib/type';
 export default class SettingStore extends SettingStoreBase {
     private _renderer;
-    private _windowProvider;
     private _audioDeviceWhiteListManager;
     private _pollingTask;
+    private _dialogProvider;
+    private _dialogObserver;
     private _audioDeviceObserver;
     constructor(args: SettingStoreArgs);
     protected _handleMicrophoneChanged(microphoneId: string, productId: string | null, vendorId: string | null): void;

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

@@ -58,6 +58,7 @@ var _objectManager = require("../../object-manager");
 var _audioWhiteListManager = require("./audio-whiteList/audio-whiteList-manager");
 var _schedule = require("agora-foundation/lib/schedule");
 var _decorator = require("agora-foundation/lib/decorator");
+var _constant = require("../../utilities/constant");
 var _SettingStore;
 var _initProto;
 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)); }
@@ -74,13 +75,26 @@ var SettingStore = exports["default"] = /*#__PURE__*/function (_SettingStoreBase
     _this = _callSuper(this, SettingStore, [args]);
     (0, _defineProperty2["default"])(_this, "_renderer", void _initProto(_this));
     (0, _defineProperty2["default"])(_this, "_audioDeviceWhiteListManager", null);
+    (0, _defineProperty2["default"])(_this, "_dialogObserver", {
+      onDialogOpen: function onDialogOpen(dialogKey) {
+        if (dialogKey === _constant.FcrUIDialogKey.SETTINGS) {
+          _this._pollingTask.start();
+        }
+      },
+      onDialogClose: function onDialogClose(dialogKey) {
+        if (dialogKey === _constant.FcrUIDialogKey.SETTINGS) {
+          _this._pollingTask.stop();
+        }
+      }
+    });
     (0, _defineProperty2["default"])(_this, "_audioDeviceObserver", {
       onMicrophoneChanged: _this._handleMicrophoneChanged,
       onMicrophoneListUpdated: _this._handleMicrophoneListUpdated
     });
     var objectManager = args.objectManager;
     _this._renderer = objectManager.getObject(_objectManager.FcrUIObjectKeys.RENDERER_WRAPPER);
-    _this._windowProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_WINDOW_PROVIDER);
+    _this._dialogProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_DIALOG_PROVIDER);
+    _this._dialogProvider.addObserver(_this._dialogObserver);
     var delegate = {
       getMicrophoneId: function getMicrophoneId() {
         return _this.deviceProvider.microphoneId || '';
@@ -104,6 +118,9 @@ var SettingStore = exports["default"] = /*#__PURE__*/function (_SettingStoreBase
     _this._audioDeviceWhiteListManager = new _audioWhiteListManager.AudioDeviceWhiteListManager(delegate);
     _this.deviceProvider.addObserver(_this._audioDeviceObserver);
     _this._pollingTask = _schedule.AgoraScheduler.shared.addPollingTask(_this._syncSystemInfo, 5000, true);
+    if (!_this._dialogProvider.isDialogOpenedById(_constant.FcrUIDialogKey.SETTINGS)) {
+      _this._pollingTask.stop();
+    }
     return _this;
   }
   (0, _inherits2["default"])(SettingStore, _SettingStoreBase);
@@ -165,6 +182,7 @@ var SettingStore = exports["default"] = /*#__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);
     }
   }]);
 }(_store.SettingStoreBase);

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

@@ -24,7 +24,7 @@ require("./index.css");
 var _mobxReact = require("mobx-react");
 var _store = require("../store.base");
 var _checkbox = require("agora-ui-foundation/lib/components/checkbox");
-var _useNamespace = require("../../../utilities/useNamespace");
+var _useNamespace = require("agora-ui-foundation/lib/utilities/use-namespace");
 var _jsxRuntime = require("react/jsx-runtime");
 var TranslateSettings = exports.TranslateSettings = (0, _mobxReact.observer)(function () {
   var ns = (0, _useNamespace.useNamespace)('translate-settings');

package/lib/modules/setting/type.d.ts

@@ -1,18 +1,10 @@
-import { FcrDeviceInfo, FcrDimensions } from 'fcr-core/lib/type';
+import { FcrDimensions } from 'fcr-core/lib/type';
 import { FcrUIObjectManager } from '../../object-manager';
 import { FcrUIAiDenoiseLevel } from '../../type';
 import { FcrUIHighlightElement } from '../../utilities/constant';
 export type SettingStoreArgs = {
     objectManager: FcrUIObjectManager;
 };
-export interface FcrDeviceObserver {
-    onCameraChanged?(cameraId: string): void;
-    onMicrophoneChanged?(microphoneId: string): void;
-    onSpeakerChanged?(speakerId: string): void;
-    onCameraListUpdated?(cameraList: FcrDeviceInfo[]): void;
-    onMicrophoneListUpdated?(microphoneList: FcrDeviceInfo[]): void;
-    onSpeakerListUpdated?(speakerList: FcrDeviceInfo[]): void;
-}
 export interface DeviceItem {
     text: string;
     value: string;

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

@@ -16,7 +16,7 @@ var _constant = require("../../../utilities/constant");
 var _env = require("agora-foundation/lib/utilities/env");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _view = require("../view");
-var _useNamespace = require("../../../utilities/useNamespace");
+var _useNamespace = require("agora-ui-foundation/lib/utilities/use-namespace");
 var _jsxRuntime = require("react/jsx-runtime");
 var VideoSettingsBasic = exports.VideoSettingsBasic = (0, _mobxReact.observer)(function (_ref) {
   var cameraDeviceId = _ref.cameraDeviceId,

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

@@ -30,7 +30,7 @@ var _videoEffect = require("../../device-pretest/settings/video-effect");
 var _virtualBackgroundSetting = require("../../device-pretest/settings/virtual-background-setting");
 var _beauty = require("../../device-pretest/settings/beauty");
 var _videoSettingsBasic = require("./video-settings-basic");
-var _useNamespace = require("../../../utilities/useNamespace");
+var _useNamespace = require("agora-ui-foundation/lib/utilities/use-namespace");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var VideoSettings = exports.VideoSettings = (0, _mobxReact.observer)(function (props) {
@@ -53,8 +53,8 @@ var VideoSettings = exports.VideoSettings = (0, _mobxReact.observer)(function (p
     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,
@@ -67,7 +67,9 @@ var VideoSettings = exports.VideoSettings = (0, _mobxReact.observer)(function (p
     enableBeauty = _useContext.enableBeauty,
     virtualBackgroundList = _useContext.virtualBackgroundList,
     currentIsMirror = _useContext.currentIsMirror,
-    dialogConfig = _useContext.dialogConfig;
+    dialogConfig = _useContext.dialogConfig,
+    isBeautyModeAbilitySupported = _useContext.isBeautyModeAbilitySupported,
+    isVirtualBackgroundSupported = _useContext.isVirtualBackgroundSupported;
   var _useState3 = (0, _react.useState)(beautyOptions[currentBeautyKey] || _localVideoPlayer.DEFAULT_BEAUTY_VALUE),
     _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
     currentEditValue = _useState4[0],
@@ -125,9 +127,9 @@ var VideoSettings = exports.VideoSettings = (0, _mobxReact.observer)(function (p
         showCameraPreview: true,
         showTopTips: !cameraEnabled,
         startLocalVideo: function startLocalVideo(view) {
-          startVideo(currentIsMirror, view);
+          startVideoPreview(currentIsMirror, view);
         },
-        stopLocalVideo: stopVideo,
+        stopLocalVideo: stopVideoPreview,
         currentVideoViewType: currentVideoViewType,
         handleVideoViewChange: handleVideoViewChange,
         showRotation: (0, _env.isElectron)()
@@ -152,7 +154,9 @@ var VideoSettings = exports.VideoSettings = (0, _mobxReact.observer)(function (p
             enableBeautyEffect: enableBeautyEffect,
             beautySettingOption: beautyOptions
           })
-        }
+        },
+        isBeautyModeAbilitySupported: isBeautyModeAbilitySupported,
+        isVirtualBackgroundSupported: isVirtualBackgroundSupported
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_dialog.FcrBasicConfirmDialog, {
         visible: showForceOpenEffectDialog,
         onOk: handleForceOpenVideoEffect,

package/lib/modules/setting/view.js

@@ -28,7 +28,7 @@ var _generalSettings = _interopRequireDefault(require("./general-settings/genera
 var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
 var _type2 = require("./type");
 var _store = require("./store.base");
-var _useNamespace = require("../../utilities/useNamespace");
+var _useNamespace = require("agora-ui-foundation/lib/utilities/use-namespace");
 var _caption_and_transcribing = _interopRequireDefault(require("./caption_and_transcribing"));
 var _jsxRuntime = require("react/jsx-runtime");
 // import StorageSettings from './storage-settings/storage-settings';