fcr-ui-scene 3.7.5 → 3.7.7

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

@@ -177,23 +177,6 @@ var AudioSettings = exports.AudioSettings = (0, _mobxReact.observer)(function ()
           value: microphoneVolumeLevel,
           barCount: 13
         })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: ns.e('form-item'),
-        onMouseDown: function onMouseDown(e) {
-          return e.stopPropagation();
-        },
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: ns.e('form-label'),
-          children: t('fmt_internalsetting_label_inputvolume')
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_slider.FcrSlider, {
-          value: microphoneVolume,
-          min: 0,
-          max: 400,
-          step: 1,
-          onChange: setMicrophoneVolume,
-          draggableDom: containerDom
-          // disabled={setting.autoAdjustmentMicrophoneVolume}
-        })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: ns.em('checkbox-wrapper', 'bordered'),
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {

package/lib/modules/setting/dialog-wrapper.d.ts

@@ -0,0 +1,2 @@
+import { PropsWithChildren } from 'react';
+export declare const DialogWrapper: (props: PropsWithChildren<{}>) => import("react/jsx-runtime").JSX.Element;

package/lib/modules/setting/dialog-wrapper.js

@@ -0,0 +1,110 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DialogWrapper = void 0;
+require("core-js/modules/web.timers.js");
+var _react = require("react");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _dialog = require("agora-ui-foundation/lib/components/dialog");
+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 _store = require("./store");
+var _env = require("agora-foundation/lib/utilities/env");
+var _jsxRuntime = require("react/jsx-runtime");
+var scrollAndHighlightElement = function scrollAndHighlightElement(element) {
+  if (!element) return;
+  element.scrollIntoView({
+    behavior: 'smooth',
+    block: 'center'
+  });
+  var animation = element.animate([{
+    offset: 0,
+    background: 'var(--fcr_ui_scene_ramp_brand2)'
+  }, {
+    offset: 0.5 / 3,
+    background: 'var(--fcr_ui_scene_ramp_brand2)'
+  }, {
+    offset: 1 / 3,
+    background: 'var(--fcr_ui_scene_ramp_brand1)'
+  }, {
+    offset: 1.5 / 3,
+    background: 'var(--fcr_ui_scene_ramp_brand2)'
+  }, {
+    offset: 2 / 3,
+    background: 'var(--fcr_ui_scene_ramp_brand2)'
+  }, {
+    offset: 1,
+    background: 'transparent'
+  }], {
+    duration: 3000,
+    iterations: 1
+  });
+  animation.onfinish = function () {
+    animation.cancel();
+  };
+};
+var DialogWrapper = exports.DialogWrapper = (0, _mobxReact.observer)(function (props) {
+  var t = (0, _i18n.useI18n)();
+  var ns = (0, _useNamespace.useNamespace)('device-settings');
+  var containerRef = (0, _react.useRef)(null);
+  var _useContext = (0, _react.useContext)(_store.StoreContext),
+    dialogConfig = _useContext.dialogConfig,
+    setDialogConfig = _useContext.setDialogConfig,
+    closeDialog = _useContext.closeDialog;
+  (0, _react.useEffect)(function () {
+    if (!dialogConfig.highlightSelector || !containerRef) return;
+    var timer = setTimeout(function () {
+      var element = containerRef.current.querySelector("#".concat(dialogConfig.highlightSelector || ''));
+      scrollAndHighlightElement(element);
+      setDialogConfig({
+        highlightSelector: undefined
+      });
+    }, 100);
+    return function () {
+      clearTimeout(timer);
+    };
+  }, [dialogConfig.highlightSelector]);
+  var onClose = function onClose() {
+    closeDialog();
+  };
+  if ((0, _env.isElectron)()) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      ref: containerRef,
+      children: props.children
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_dialog.BaseDialog, {
+      destroyOnClose: true,
+      width: 530,
+      wrapClassName: ns.e('dialog'),
+      visible: true,
+      maskClosable: false,
+      closable: false,
+      onClose: onClose,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: ns.e('dialog-header'),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: ns.e('dialog-title'),
+          children: t('fmt_settings_option_setting')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+          onClick: onClose,
+          className: ns.e('dialog-close'),
+          type: _type.FcrIconType.FCR_CLOSE,
+          colors: {
+            iconPrimary: 'var(--fcr_ui_scene_icontext1)'
+          },
+          size: 14
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        ref: containerRef,
+        children: props.children
+      })]
+    })
+  });
+});

package/lib/modules/setting/index.js

@@ -87,7 +87,7 @@ var SettingUIModule = exports.SettingUIModule = /*#__PURE__*/function (_UIModule
         _this.store.handleExitRoom();
       },
       onRoutingChanged: function onRoutingChanged() {
-        _this.store.handleExitRoom();
+        _this.store.handleExitRoom(true);
         _this.store.handleJoinRoom();
       }
     });

package/lib/modules/setting/state/index.js

@@ -184,7 +184,7 @@ var State = exports.State = (0, _mobxReact.observer)(function () {
         title: t('fmt_qualitystatistics_label_video'),
         data: videoData
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(DataCard, {
-        title: t('fmt_screenshare_label_screenshare'),
+        title: t('fmt_screenshare_controlbar_security_list_participant_screenshare'),
         data: screenShareData
       })]
     })]

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

@@ -35,6 +35,7 @@ export declare abstract class SettingStoreBase implements FcrUIManagedObject {
     private _monitorObserver;
     private _roomObserver;
     private _streamObserver;
+    private _deviceProviderObserver;
     private _objectManager;
     private _interpreterRoomControlReaction;
     private _streamControl;
@@ -179,7 +180,7 @@ export declare abstract class SettingStoreBase implements FcrUIManagedObject {
     clearGetSystemInfoInterval(): void;
     changeMediaSetting(key: keyof typeof this._sharedSettingDataSource.media, value: any): void;
     handleJoinRoom(): void;
-    handleExitRoom(): void;
+    handleExitRoom(isRoutingChange?: boolean): void;
     private _onNetworkStatsUpdated;
     private _onLocalAudioStatsUpdated;
     private _onRemoteAudioStatsUpdated;
@@ -190,9 +191,11 @@ export declare abstract class SettingStoreBase implements FcrUIManagedObject {
     private _onStreamsRemoved;
     private _onPerformanceUpdated;
     private _handleCameraChanged;
-    private _handleCameraListUpdated;
     private _onAudioVolumeUpdated;
     private _preHandleSetting;
     private _setMeetingSettingsToLocalStorage;
+    private _handleSystemSelectedDeviceChanged;
+    private _showSystemSelectedDeviceChangedToast;
+    private _windows10UnsupportAirPods;
 }
 export declare const StoreContext: import("react").Context<SettingStoreBase>;

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

@@ -16,7 +16,6 @@ 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");
@@ -41,6 +40,7 @@ require("core-js/modules/es.array.filter.js");
 require("core-js/modules/es.array.find.js");
 require("core-js/modules/es.array.for-each.js");
 require("core-js/modules/es.array.from.js");
+require("core-js/modules/es.array.includes.js");
 require("core-js/modules/es.array.iterator.js");
 require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.array.push.js");
@@ -54,7 +54,10 @@ require("core-js/modules/es.object.assign.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");
@@ -93,6 +96,7 @@ var _roomProvider = require("../../providers/room-provider/room-provider");
 var _type = require("./type");
 var _objectManager = require("../../object-manager");
 var _react = require("react");
+var _env = require("agora-foundation/lib/utilities/env");
 var _SettingStoreBase;
 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_getSystemInfoTimer, _init_isHiddenStateTab, _setDialogConfigDecs, _setSettingDecs, _clearGetSystemInfoIntervalDecs, _changeMediaSettingDecs, _handleJoinRoomDecs, _handleExitRoomDecs, _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; } } }; }
@@ -161,7 +165,6 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
     (0, _defineProperty2["default"])(this, "_disposers", []);
     (0, _defineProperty2["default"])(this, "_settingVideoOpened", false);
     (0, _defineProperty2["default"])(this, "_deviceStoreObserver", {
-      onCameraListUpdated: this._handleCameraListUpdated,
       onCameraChanged: this._handleCameraChanged
     });
     (0, _defineProperty2["default"])(this, "_streamVolumeMap", new Map());
@@ -184,6 +187,9 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
       onStreamsAdded: this._onStreamsAdded,
       onStreamVolumeIndicationUpdated: this._onAudioVolumeUpdated
     });
+    (0, _defineProperty2["default"])(this, "_deviceProviderObserver", {
+      onSystemSelectedDeviceChanged: this._handleSystemSelectedDeviceChanged
+    });
     (0, _defineProperty2["default"])(this, "_interpreterRoomControlReaction", null);
     (0, _defineProperty2["default"])(this, "_streamControl", null);
     _classPrivateFieldInitSpec(this, _A, _init_loudestStreamVolumeLevel(this, 0));
@@ -1079,10 +1085,23 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
       this._interpreterRoomControlReaction = this._createInterpreterRoomControlReaction();
       this._disposers.push(this._interpreterRoomControlReaction);
       this.isHiddenStateTab = false;
+      if (this._deviceProvider.followSystemSpeakerDevice) {
+        this._showSystemSelectedDeviceChangedToast({
+          deviceId: this._deviceProvider.currentDeviceId.speakerDeviceId,
+          deviceName: this._deviceProvider.currentDeviceName.speakerDeviceName
+        });
+      }
+      if (this._deviceProvider.followSystemMicrophoneDevice) {
+        this._showSystemSelectedDeviceChangedToast({
+          deviceId: this._deviceProvider.currentDeviceId.microphoneDeviceId,
+          deviceName: this._deviceProvider.currentDeviceName.microphoneDeviceName
+        });
+      }
+      this._deviceProvider.addObserver(this._deviceProviderObserver);
     }
   }, {
     key: "handleExitRoom",
-    value: function handleExitRoom() {
+    value: function handleExitRoom(isRoutingChange) {
       var _this8 = this,
         _this$_streamControl,
         _this$_currentRoomCon3,
@@ -1097,10 +1116,19 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
       (_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$_interpreterRoo = this._interpreterRoomControl) === null || _this$_interpreterRoo === void 0 || _this$_interpreterRoo.removeObserver(this._roomObserver);
-      this._deviceProvider.resetDevice();
+      if (!isRoutingChange) {
+        this._deviceProvider.resetDevice();
+      }
       this.isHiddenStateTab = true;
       this._currentRoomControl = undefined;
       this._interpreterRoomControl = undefined;
+      this._deviceProvider.removeObserver(this._deviceProviderObserver);
+      this.localAudioStreamMap.clear();
+      this.remoteAudioStreamMap.clear();
+      this.localVideoStreamMap.clear();
+      this.remoteVideoStreamMap.clear();
+      this._streamVolumeMap.clear();
+      this._streamInfoList.clear();
     }
   }, {
     key: "_onNetworkStatsUpdated",
@@ -1235,27 +1263,6 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
         this._deviceProvider.toggleLocalCameraPreview(true);
       }
     }
-  }, {
-    key: "_handleCameraListUpdated",
-    value: function () {
-      var _handleCameraListUpdated2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2(cameraList) {
-        return _regenerator["default"].wrap(function (_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              if (cameraList.length > 0) {
-                this._settingVideoOpened && this._deviceProvider.startOrStopCamera(true);
-              }
-            case 1:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2, this);
-      }));
-      function _handleCameraListUpdated(_x) {
-        return _handleCameraListUpdated2.apply(this, arguments);
-      }
-      return _handleCameraListUpdated;
-    }()
   }, {
     key: "_onAudioVolumeUpdated",
     value: function _onAudioVolumeUpdated(roomId, streamId, volume) {
@@ -1277,10 +1284,49 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
     value: function _setMeetingSettingsToLocalStorage(value) {
       this._sharedSettingDataSource.setSetting(value);
     }
+  }, {
+    key: "_handleSystemSelectedDeviceChanged",
+    value: function _handleSystemSelectedDeviceChanged(device) {
+      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._windows10UnsupportAirPods(defaultDevice);
+    }
+  }, {
+    key: "_windows10UnsupportAirPods",
+    value: function _windows10UnsupportAirPods(defaultDevice) {
+      if (!(0, _env.isWindows)()) {
+        return;
+      }
+      var version = (0, _env.windowsVersion)();
+      if (!version) {
+        return;
+      }
+      version = version.split('.')[0];
+      if (version !== '10') {
+        return;
+      }
+      if (!defaultDevice.deviceName.includes('AirPods')) {
+        return;
+      }
+      var message = "windows 10 maybe not support ".concat(defaultDevice.deviceName);
+      this._messageProvider.showToast({
+        type: 'warn',
+        message: message
+      });
+    }
   }]);
 }();
 _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, "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, "getSystemInfoTimer"], [_mobx.observable, 1, "isHiddenStateTab"], [_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, "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, "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"], [_handleJoinRoomDecs, 18, "handleJoinRoom"], [_handleExitRoomDecs, 18, "handleExitRoom"], [_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"], [_decorator.bound, 2, "_handleCameraListUpdated"], [_onAudioVolumeUpdatedDecs, 18, "_onAudioVolumeUpdated"], [_preHandleSettingDecs, 18, "_preHandleSetting"], [_setMeetingSettingsToLocalStorageDecs, 18, "_setMeetingSettingsToLocalStorage"]], []).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, "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, "getSystemInfoTimer"], [_mobx.observable, 1, "isHiddenStateTab"], [_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, "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, "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"], [_handleJoinRoomDecs, 18, "handleJoinRoom"], [_handleExitRoomDecs, 18, "handleExitRoom"], [_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);
 _init_loudestStreamVolumeLevel = _applyDecs$e[0];
 _init_microphoneVolumeLevel = _applyDecs$e[1];
 _init_isWifiConnected = _applyDecs$e[2];

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

@@ -0,0 +1,261 @@
+import { FcrBeautyOptions } from 'fcr-core/lib/media-control/type';
+import { FcrDeviceInfo, FcrPerformanceInfo } from 'fcr-core/lib/type';
+import { FcrNetworkStats } from 'fcr-core/lib/type';
+import { FcrUIHighlightElement } from '../../utilities/constant';
+import { DEFAULT_BEAUTY_VALUE } from 'agora-ui-foundation/lib/components/local-video-player';
+import { FcrUIAiDenoiseLevel } from '../../type';
+import { VirtualBackground } from '../device-pretest/assets/virtual-backdound-resources';
+import { FcrUIDeviceProvider } from '../../providers/device-provider';
+import { FcrUIEventProvider } from '../../providers/event-provider';
+import { FcrUIMonitorProvider } from '../../providers/monitor-provider';
+import { FcrUISharedLayoutDataSource } from '../../shared-data-source/layout-data';
+import { FcrUIMessageProvider } from '../../providers/message-provider';
+import { FcrUISharedSettingDataSource } from '../../shared-data-source/setting';
+import { FcrUIDialogProvider } from '../../providers/dialog-provider';
+import { FcrUIRoomProvider } from '../../providers/room-provider';
+import { FcrUISharedConfigDataSource } from '../../shared-data-source/config';
+import { FcrUISharedInterpreterDataSource } from '../../shared-data-source/interpreter';
+export declare enum MeetingStatus {
+    PENDING = "pending",
+    ACTIVE = "active"
+}
+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;
+}
+export declare enum DeviceSettingTab {
+    GENERAL = "general",
+    AUDIO = "audio",
+    VIDEO = "video",
+    STATE = "state"
+}
+export type VideoActiveTab = 'basic' | 'virtual-background' | 'beauty-filter';
+export interface DeviceSettingDialogConfig {
+    activeTab: DeviceSettingTab;
+    highlightSelector: FcrUIHighlightElement | undefined;
+    videoActiveTab: VideoActiveTab;
+}
+export interface FcrUICustomSetting {
+    shouldDisplayPreviewDialog: boolean;
+    shouldHideNonVideoParticipants: boolean;
+    displayedMaxAttendees: number;
+    autoAdjustmentSpeakerVolume: boolean;
+    autoAdjustmentMicrophoneVolume: boolean;
+    noiseReduce: FcrUIAiDenoiseLevel;
+    recordingPath: string;
+    videoHD: boolean;
+    videoLowLight: boolean;
+    hardwareForReception: boolean;
+    videoNoise: boolean;
+    audioHiFi: boolean;
+    audioEchoCancellation: boolean;
+    audioStereo: boolean;
+    audioVoiceChanger: boolean;
+    spotlightEnabled: boolean;
+    isPlaySound: boolean;
+    language: string;
+    shouldHideMyVideo: boolean;
+    isDualDisplayMode: boolean;
+}
+export { DEFAULT_BEAUTY_VALUE };
+export type BeautyKey = 'none' | 'smoothnessLevel' | 'lighteningLevel' | 'lighteningLevel';
+export default class SettingStore {
+    private _enableRemoteVideoStatsDebugLog;
+    private _disposers;
+    private _currentDialogId;
+    private _monitorProvider;
+    private _currentRoomControl?;
+    private _eventProvider;
+    private _deviceProvider;
+    private _sharedLayoutDataSource;
+    private _videoView4Setting?;
+    private _settingVideoOpened;
+    private _deviceStoreObserver;
+    private _interpreterRoomControl?;
+    private _streamVolumeMap;
+    private _audioDeviceVolumeRefreshTask?;
+    private _volumeIndicationInterval;
+    private _cameraTrack?;
+    private _useDefaultAudioEchoCancellation;
+    private _messageProvider;
+    private _dialogProvider;
+    private _sharedSettingDataSource;
+    private _sharedConfigDataSource;
+    private _sharedInterpreterDataSource?;
+    private _streamInfoList;
+    private _onEventObserver;
+    private _monitorObserver;
+    private _roomObserver;
+    private _streamObserver;
+    accessor loudestStreamVolumeLevel: number;
+    accessor meetingStatus: MeetingStatus;
+    accessor microphoneVolumeLevel: number;
+    accessor isWifiConnected: boolean;
+    accessor dialogConfig: DeviceSettingDialogConfig;
+    accessor networkState: FcrNetworkStats;
+    accessor performanceState: FcrPerformanceInfo & {
+        cpuOtherAppUsage: number;
+        memoryOtherAppUsageRatio: number;
+        memoryOtherAppUsageInKbytes: number;
+    };
+    accessor localAudioStreamMap: Map<string, import("agora-rte-sdk").AgoraRtcLocalAudioStats>;
+    accessor remoteAudioStreamMap: Map<string, import("agora-rte-sdk").AgoraRtcRemoteAudioStats>;
+    accessor localVideoStreamMap: Map<string, import("agora-rte-sdk/lib/core/rtc/type").AgoraRtcLocalTrackStats & {
+        sendFrameRate: number;
+        dimensions: import("agora-rte-sdk").AgoraRtcDimensions;
+        frameRate: number;
+        bitrate: number;
+    } & {
+        isScreenStream: boolean;
+    }>;
+    accessor remoteVideoStreamMap: Map<string, import("agora-rte-sdk/lib/core/rtc/type").AgoraRtcRemoteTrackStats & {
+        dimensions: import("agora-rte-sdk").AgoraRtcDimensions;
+        frameRate: number;
+    } & {
+        isScreenStream: boolean;
+    }>;
+    accessor systemMemorySize: number;
+    accessor systemCpuDesc: string;
+    accessor getSystemInfoTimer: NodeJS.Timeout | null;
+    get maxVideoSendInfo(): (import("agora-rte-sdk/lib/core/rtc/type").AgoraRtcLocalTrackStats & {
+        sendFrameRate: number;
+        dimensions: import("agora-rte-sdk").AgoraRtcDimensions;
+        frameRate: number;
+        bitrate: number;
+    } & {
+        isScreenStream: boolean;
+    }) | null;
+    get maxVideoReceiveInfo(): (import("agora-rte-sdk/lib/core/rtc/type").AgoraRtcRemoteTrackStats & {
+        dimensions: import("agora-rte-sdk").AgoraRtcDimensions;
+        frameRate: number;
+    } & {
+        isScreenStream: boolean;
+    }) | null;
+    get sendScreenShareInfo(): (import("agora-rte-sdk/lib/core/rtc/type").AgoraRtcLocalTrackStats & {
+        sendFrameRate: number;
+        dimensions: import("agora-rte-sdk").AgoraRtcDimensions;
+        frameRate: number;
+        bitrate: number;
+    } & {
+        isScreenStream: boolean;
+    }) | null;
+    get receiveScreenShareInfo(): (import("agora-rte-sdk/lib/core/rtc/type").AgoraRtcRemoteTrackStats & {
+        dimensions: import("agora-rte-sdk").AgoraRtcDimensions;
+        frameRate: number;
+    } & {
+        isScreenStream: boolean;
+    }) | null;
+    get microphoneVolumeDb(): string;
+    get speakerVolumeDb(): string;
+    get speakerTestVolumeLevel(): number;
+    get microphoneTestVolumeLevel(): number;
+    get speakerVolume(): number;
+    get microphoneVolume(): number;
+    get isLocalMirrorEnabled(): boolean;
+    get isLocalEditBeautyOptions(): boolean;
+    get currentBeautyKey(): import("../../type").FcrUIBeautyKey;
+    get beautyOptions(): import("agora-rte-sdk/lib/core/rtc/type").AgoraRtcBeautyOptions;
+    get cameraDeviceId(): string;
+    get cameraEnabled(): boolean;
+    get showForceOpenEffectDialog(): boolean;
+    get currentVirtualBackgroundName(): string;
+    get cameraDeviceList(): DeviceItem[];
+    get microphoneDeviceId(): string | null;
+    get speakerDeviceId(): string;
+    get speakerDeviceList(): DeviceItem[];
+    get microphoneDeviceList(): DeviceItem[];
+    get enableBeauty(): boolean;
+    get virtualBackgroundList(): VirtualBackground[];
+    get currentIsMirror(): boolean;
+    get microphoneDetecting(): boolean;
+    get speakerDetecting(): boolean;
+    get setting(): FcrUICustomSetting;
+    get media(): import("../../type").FcrUIMediaConfig;
+    get sceneConfig(): {
+        roomToken: string;
+        roomId: string;
+        userName: string;
+        userRole: import("fcr-core").FcrUserRole;
+        language: string;
+        userProperties?: Record<string, unknown> | undefined;
+        password?: string | undefined;
+        avatar?: string | undefined;
+    };
+    constructor({ monitorProvider, eventProvider, deviceProvider, roomProvider, sharedConfigDataSource, sharedLayoutDataSource, messageProvider, dialogProvider, sharedSettingDataSource, sharedInterpreterDataSource, }: {
+        eventProvider: FcrUIEventProvider;
+        deviceProvider: FcrUIDeviceProvider;
+        monitorProvider: FcrUIMonitorProvider;
+        sharedConfigDataSource: FcrUISharedConfigDataSource;
+        sharedSettingDataSource: FcrUISharedSettingDataSource;
+        messageProvider: FcrUIMessageProvider;
+        dialogProvider: FcrUIDialogProvider;
+        sharedLayoutDataSource: FcrUISharedLayoutDataSource;
+        roomProvider?: FcrUIRoomProvider;
+        sharedInterpreterDataSource?: FcrUISharedInterpreterDataSource;
+    });
+    get messageProvider(): FcrUIMessageProvider;
+    startMeeting(): void;
+    initSettingConfig(): void;
+    enableVirtualBackground(enable: boolean, source?: VirtualBackground): void;
+    setEditBeautyKey(key: BeautyKey): void;
+    enableBeautyEffect(enable: boolean): void;
+    private _initReactions;
+    private _disposeReactions;
+    private _setupAudioVolumeAnalyzerTask;
+    setCameraDevice(cameraId: string): void;
+    setMicrophoneDevice(deviceId: string): void;
+    stopSpeakerTest(): void;
+    startSpeakerTest(): void;
+    setSpeakerDevice(deviceId: string): void;
+    setSpeakerVolume(value: number): void;
+    setMicrophoneVolume(value: number): void;
+    setVideoOrientation(): void;
+    setBeautyOptions(beautyOption: Partial<FcrBeautyOptions>): void;
+    toggleLocalMirrorPreview(isMirror: boolean): void;
+    startVideo(isMirror: boolean, view?: HTMLDivElement | undefined): void;
+    stopVideo(): void;
+    handleForceOpenVideoEffect(): void;
+    handleCancelForceOpenVideoEffect(): void;
+    toggleLocalMirror(enable: boolean): void;
+    setSettingVideoOpened(opened: boolean): void;
+    _syncSystemInfo(): Promise<void>;
+    private _enableVideoHd;
+    private _setVideoEncoderConfigForCameraStream;
+    private _enableLowlightEnhancement;
+    private _enableVideoDenoiser;
+    private _enableHardwareForReception;
+    startCameraTest(): void;
+    stopCameraTest(): void;
+    startMicrophoneTest(): void;
+    stopMicrophoneTest(): void;
+    release(): void;
+    setDialogConfig(dialogConfig: Partial<DeviceSettingDialogConfig>): void;
+    setSetting(setting: Partial<FcrUICustomSetting>): void;
+    private _onEvent;
+    private _onNetworkStatsUpdated;
+    clearGetSystemInfoInterval(): void;
+    closeDialog(): void;
+    private _onLocalAudioStatsUpdated;
+    private _onRemoteAudioStatsUpdated;
+    private _onLocalVideoStatsUpdated;
+    private _onRemoteVideoStatsUpdated;
+    private _onStreamsAdded;
+    private _onStreamsUpdated;
+    private _onStreamsRemoved;
+    private _onPerformanceUpdated;
+    private _handleCameraChanged;
+    private _handleCameraListUpdated;
+    private _onAudioVolumeUpdated;
+    private _preHandleSetting;
+    private _setMeetingSettingsToLocalStorage;
+    changeMediaSetting(key: keyof typeof this._sharedSettingDataSource.media, value: any): void;
+}
+export declare const StoreContext: import("react").Context<SettingStore>;