fcr-ui-scene 3.7.9-alpha → 3.8.0

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

@@ -85,7 +85,7 @@ var State = exports.State = (0, _mobxReact.observer)(function () {
     systemCpuDesc = _useContext.systemCpuDesc,
     isWifiConnected = _useContext.isWifiConnected;
   var networkUIData = (0, _react.useMemo)(function () {
-    return [{
+    var defaultNetworkData = [{
       title: t('fmt_internalsetting_labels_bandwidth'),
       up: "".concat(networkState.txKBitRate, " kbps"),
       down: "".concat(networkState.rxKBitRate, " kbps")
@@ -93,13 +93,15 @@ var State = exports.State = (0, _mobxReact.observer)(function () {
       title: t('fmt_networkstatus_window_loss'),
       up: networkState.txPacketLoss === -1 ? '--' : "".concat(networkState.txPacketLoss, " %"),
       down: networkState.rxPacketLoss === -1 ? '--' : "".concat(networkState.rxPacketLoss, " %")
-    }, {
+    }];
+    var connectData = [{
       title: t('fmt_internalsetting_labels_Network'),
       text: isWifiConnected ? 'Wi-Fi' : t('fmt_uimanager_labels_wirednetwork')
     }, {
       title: t('fmt_internalsetting_labels_Network_type'),
-      text: 'WLAN'
+      text: isWifiConnected ? 'WIFI' : 'WLAN'
     }];
+    return (0, _env.isElectron)() ? defaultNetworkData.concat(connectData) : defaultNetworkData;
   }, [JSON.stringify(networkState), isWifiConnected]);
   var audioData = (0, _react.useMemo)(function () {
     return [{

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

@@ -1,13 +1,18 @@
 import { FcrBeautyOptions } from 'fcr-core/lib/media-control/type';
-import { FcrInterpreterRoomControl, FcrPerformanceInfo } from 'fcr-core/lib/type';
+import { FcrInterpreterRoomControl, FcrLanguage, FcrPerformanceInfo } from 'fcr-core/lib/type';
 import { FcrNetworkStats } from 'fcr-core/lib/type';
 import { VirtualBackground } from '../device-pretest/assets/virtual-backdound-resources';
 import { FcrStreamControl } from 'fcr-core/lib/room-control/stream-control/type';
-import { FcrBaseRoomControl } from 'fcr-core/lib/room-control/type';
+import { FcrBaseRoomControl, FcrRoomType } from 'fcr-core/lib/room-control/type';
+import { FcrUIDeviceProvider } from '../../providers/device-provider';
 import { FcrUIMessageProvider } from '../../providers/message/type';
+import { FcrUISharedSettingDataSource } from '../../shared-data/setting';
 import { FcrUISharedInterpreterDataSource } from '../../shared-data/interpreter';
 import { BeautyKey, DeviceItem, DeviceSettingDialogConfig, FcrUICustomSetting, SettingStoreArgs, SystemInfo } from './type';
 import { FcrUIManagedObject } from '../../object-manager';
+import { FcrUISharedSttSettingDataSource } from '../../shared-data/stt-setting.ts';
+import { FcrUICaptionFontSize } from '../../shared-data/stt-setting.ts/type';
+import { FcrUISttProvider } from '../../providers/stt-provider/type';
 export declare abstract class SettingStoreBase implements FcrUIManagedObject {
     protected logger: import("agora-foundation/lib/logger").Logger;
     private _enableRemoteVideoStatsDebugLog;
@@ -30,7 +35,6 @@ export declare abstract class SettingStoreBase implements FcrUIManagedObject {
     private _sharedSettingDataSource;
     private _sharedConfigDataSource;
     private _sharedInterpreterDataSource?;
-    private _sharedLayoutDataSource?;
     private _streamInfoList;
     private _monitorObserver;
     private _roomObserver;
@@ -39,10 +43,13 @@ export declare abstract class SettingStoreBase implements FcrUIManagedObject {
     private _objectManager;
     private _interpreterRoomControlReaction;
     private _streamControl;
+    private _sharedSttSettingDataSource;
+    private _sttProvider;
+    private _sharedLayoutDataSource;
     accessor loudestStreamVolumeLevel: number;
     accessor microphoneVolumeLevel: number;
     accessor isWifiConnected: boolean;
-    accessor dialogConfig: DeviceSettingDialogConfig;
+    accessor isMainRoom: boolean;
     accessor networkState: FcrNetworkStats;
     accessor performanceState: FcrPerformanceInfo & {
         cpuOtherAppUsage: number;
@@ -68,7 +75,7 @@ export declare abstract class SettingStoreBase implements FcrUIManagedObject {
     accessor systemMemorySize: number;
     accessor systemCpuDesc: string;
     accessor getSystemInfoTimer: NodeJS.Timeout | null;
-    accessor isHiddenStateTab: boolean;
+    accessor isHiddenMeetingTab: boolean;
     get maxVideoSendInfo(): (import("agora-rte-sdk/lib/core/rtc/type").AgoraRtcLocalTrackStats & {
         sendFrameRate: number;
         dimensions: import("agora-rte-sdk").AgoraRtcDimensions;
@@ -133,13 +140,28 @@ export declare abstract class SettingStoreBase implements FcrUIManagedObject {
         password?: string | undefined;
         avatar?: string | undefined;
     }>;
+    get sharedSttSettingDataSource(): FcrUISharedSttSettingDataSource;
+    protected get sttProvider(): FcrUISttProvider;
+    get languageOptions(): import("../../providers/stt-provider/type").FcrUISttLanguageOptions;
+    get captionFontSize(): FcrUICaptionFontSize;
+    get captionStyle(): import("../../shared-data/stt-setting.ts/type").FcrUICaptionStyle;
+    get isTwoLineCaptionEnabled(): boolean;
+    get isTwoLineTranscribingEnabled(): boolean;
+    get translateLanguage(): FcrLanguage | null;
     get sharedInterpreterDataSource(): FcrUISharedInterpreterDataSource;
     get currentRoomControl(): FcrBaseRoomControl;
     get interpreterRoomControl(): FcrInterpreterRoomControl;
     get streamControl(): FcrStreamControl;
+    get dialogConfig(): DeviceSettingDialogConfig;
+    get deviceProvider(): FcrUIDeviceProvider;
+    get sharedSettingDataSource(): FcrUISharedSettingDataSource;
     constructor({ objectManager }: SettingStoreArgs);
     get messageProvider(): FcrUIMessageProvider;
     protected abstract getSystemInfo(): Promise<SystemInfo>;
+    protected _updateAudioDeviceWhitelistConfig(config: {
+        audioEchoCancellation?: boolean;
+        noiseReduce?: number;
+    }): void;
     _syncSystemInfo(): Promise<void>;
     initSettingConfig(): void;
     enableVirtualBackground(enable: boolean, source?: VirtualBackground): void;
@@ -165,6 +187,7 @@ export declare abstract class SettingStoreBase implements FcrUIManagedObject {
     handleCancelForceOpenVideoEffect(): void;
     toggleLocalMirror(enable: boolean): void;
     setSettingVideoOpened(opened: boolean): void;
+    setCaptionFontSize(captionFontSize: FcrUICaptionFontSize): void;
     private _enableVideoHd;
     private _setVideoEncoderConfigForCameraStream;
     private _enableLowlightEnhancement;
@@ -179,8 +202,12 @@ export declare abstract class SettingStoreBase implements FcrUIManagedObject {
     setSetting(setting: Partial<FcrUICustomSetting>): void;
     clearGetSystemInfoInterval(): void;
     changeMediaSetting(key: keyof typeof this._sharedSettingDataSource.media, value: any): void;
-    handleJoinRoom(): void;
+    toggleTwoLineCaptionEnabled(): void;
+    toggleTwoLineTranscribingEnabled(): void;
+    subscribeTranslateLanguage(language: FcrLanguage | null): void;
+    handleJoinRoom(roomType: FcrRoomType | undefined): void;
     handleExitRoom(isRoutingChange?: boolean): void;
+    private _handleJoinMainRoom;
     private _onNetworkStatsUpdated;
     private _onLocalAudioStatsUpdated;
     private _onRemoteAudioStatsUpdated;

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

@@ -50,7 +50,6 @@ require("core-js/modules/es.json.stringify.js");
 require("core-js/modules/es.map.js");
 require("core-js/modules/es.math.log10.js");
 require("core-js/modules/es.number.to-fixed.js");
-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");
@@ -88,17 +87,18 @@ var _fcrCore = require("fcr-core");
 var _mobx = require("mobx");
 var _decorator = require("agora-foundation/lib/decorator");
 var _schedule = require("agora-foundation/lib/schedule");
-var _config = require("./config");
+var _type = require("fcr-core/lib/room-control/type");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _deviceProvider = require("../../providers/device-provider");
 var _logger = require("../../utilities/logger");
 var _roomProvider = require("../../providers/room-provider/room-provider");
-var _type = require("./type");
+var _type2 = require("./type");
 var _objectManager = require("../../object-manager");
 var _react = require("react");
 var _env = require("agora-foundation/lib/utilities/env");
+var _defaultConfig = require("../../utilities/default-config");
 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;
+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;
 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; }
@@ -153,7 +153,7 @@ 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], _handleJoinRoomDecs = [_mobx.action, _mobx.action.bound, void 0, _decorator.trace], _handleExitRoomDecs = [_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], _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");
 var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
   function SettingStoreBase(_ref2) {
     var objectManager = _ref2.objectManager;
@@ -192,14 +192,13 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
     });
     (0, _defineProperty2["default"])(this, "_interpreterRoomControlReaction", null);
     (0, _defineProperty2["default"])(this, "_streamControl", null);
+    (0, _defineProperty2["default"])(this, "_sharedSttSettingDataSource", null);
+    (0, _defineProperty2["default"])(this, "_sttProvider", null);
+    (0, _defineProperty2["default"])(this, "_sharedLayoutDataSource", null);
     _classPrivateFieldInitSpec(this, _A, _init_loudestStreamVolumeLevel(this, 0));
     _classPrivateFieldInitSpec(this, _B, _init_microphoneVolumeLevel(this, 0));
     _classPrivateFieldInitSpec(this, _C, _init_isWifiConnected(this, false));
-    _classPrivateFieldInitSpec(this, _D, _init_dialogConfig(this, {
-      activeTab: _type.DeviceSettingTab.GENERAL,
-      highlightSelector: undefined,
-      videoActiveTab: 'basic'
-    }));
+    _classPrivateFieldInitSpec(this, _D, _init_isMainRoom(this, false));
     _classPrivateFieldInitSpec(this, _E, _init_networkState(this, {
       txPacketLoss: -1,
       rxPacketLoss: -1,
@@ -232,7 +231,7 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
     _classPrivateFieldInitSpec(this, _K, _init_systemMemorySize(this, 0));
     _classPrivateFieldInitSpec(this, _L, _init_systemCpuDesc(this, ''));
     _classPrivateFieldInitSpec(this, _M, _init_getSystemInfoTimer(this, null));
-    _classPrivateFieldInitSpec(this, _N, _init_isHiddenStateTab(this, true));
+    _classPrivateFieldInitSpec(this, _N, _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);
@@ -249,7 +248,7 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
     if (this._deviceProvider.cameraId && this._deviceProvider.cameraTrack) {
       this._cameraTrack = this._deviceProvider.cameraTrack;
     }
-    if (this.dialogConfig.activeTab === _type.DeviceSettingTab.STATE) {
+    if (this.dialogConfig.activeTab === _type2.DeviceSettingTab.STATE) {
       this._setupAudioVolumeAnalyzerTask();
     }
     this.initSettingConfig();
@@ -279,7 +278,7 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
       _classPrivateFieldSet(_C, this, v);
     }
   }, {
-    key: "dialogConfig",
+    key: "isMainRoom",
     get: function get() {
       return _classPrivateFieldGet(_D, this);
     },
@@ -359,7 +358,7 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
       _classPrivateFieldSet(_M, this, v);
     }
   }, {
-    key: "isHiddenStateTab",
+    key: "isHiddenMeetingTab",
     get: function get() {
       return _classPrivateFieldGet(_N, this);
     },
@@ -525,6 +524,52 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
     get: function get() {
       return this._sharedConfigDataSource.sceneConfig;
     }
+  }, {
+    key: "sharedSttSettingDataSource",
+    get: function get() {
+      if (!this._sharedSttSettingDataSource) {
+        throw new Error('sharedSttSettingDataSource is not initialized');
+      }
+      return this._sharedSttSettingDataSource;
+    }
+  }, {
+    key: "sttProvider",
+    get: function get() {
+      if (!this._sttProvider) {
+        throw new Error('sttProvider is not initialized');
+      }
+      return this._sttProvider;
+    }
+  }, {
+    key: "languageOptions",
+    get: function get() {
+      return this.sttProvider.languageOptions;
+    }
+  }, {
+    key: "captionFontSize",
+    get: function get() {
+      return this.sharedSttSettingDataSource.captionFontSize;
+    }
+  }, {
+    key: "captionStyle",
+    get: function get() {
+      return this.sharedSttSettingDataSource.captionStyle;
+    }
+  }, {
+    key: "isTwoLineCaptionEnabled",
+    get: function get() {
+      return this.sharedSttSettingDataSource.isTwoLineCaptionEnabled;
+    }
+  }, {
+    key: "isTwoLineTranscribingEnabled",
+    get: function get() {
+      return this.sharedSttSettingDataSource.isTwoLineTranscribingEnabled;
+    }
+  }, {
+    key: "translateLanguage",
+    get: function get() {
+      return this.sttProvider.translateLanguage;
+    }
   }, {
     key: "sharedInterpreterDataSource",
     get: function get() {
@@ -557,11 +602,29 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
       }
       return this._streamControl;
     }
+  }, {
+    key: "dialogConfig",
+    get: function get() {
+      return this._sharedSettingDataSource.dialogConfig;
+    }
+  }, {
+    key: "deviceProvider",
+    get: function get() {
+      return this._deviceProvider;
+    }
+  }, {
+    key: "sharedSettingDataSource",
+    get: function get() {
+      return this._sharedSettingDataSource;
+    }
   }, {
     key: "messageProvider",
     get: function get() {
       return this._messageProvider;
     }
+  }, {
+    key: "_updateAudioDeviceWhitelistConfig",
+    value: function _updateAudioDeviceWhitelistConfig(config) {}
   }, {
     key: "_syncSystemInfo",
     value: function () {
@@ -663,7 +726,7 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
           (_this3$_audioDeviceVo = _this3._audioDeviceVolumeRefreshTask) === null || _this3$_audioDeviceVo === void 0 || _this3$_audioDeviceVo.stop();
           _this3._audioDeviceVolumeRefreshTask = undefined;
         }
-        if (activeTab === _type.DeviceSettingTab.STATE) {
+        if (activeTab === _type2.DeviceSettingTab.STATE) {
           _this3._setupAudioVolumeAnalyzerTask();
         }
       }), (0, _mobx.reaction)(function () {
@@ -764,7 +827,6 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
     value: function toggleLocalMirrorPreview(isMirror) {
       var _this5 = this;
       if (!this._videoView4Setting || !this._deviceProvider.cameraId) return;
-      this.stopVideo();
       setTimeout(function () {
         _this5.startVideo(isMirror);
       });
@@ -810,7 +872,6 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
     value: function toggleLocalMirror(enable) {
       var _this6 = this;
       if (!this._videoView4Setting || !this._deviceProvider.cameraId) return;
-      this.stopVideo();
       setTimeout(function () {
         _this6.startVideo(enable);
       });
@@ -829,6 +890,11 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
         this._deviceProvider.removeObserver(this._deviceStoreObserver);
       }
     }
+  }, {
+    key: "setCaptionFontSize",
+    value: function setCaptionFontSize(captionFontSize) {
+      this.sharedSttSettingDataSource.setCaptionFontSize(captionFontSize);
+    }
   }, {
     key: "_enableVideoHd",
     value: function _enableVideoHd(enable) {
@@ -836,14 +902,14 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
       var track = this._deviceProvider.cameraTrack;
       if (enable) {
         if (track) {
-          track.setCaptureParams(_objectSpread({}, _config.hdCameraVideoEncoderConfig));
+          track.setCaptureParams(_objectSpread({}, _defaultConfig.hdCameraVideoEncoderConfig));
         }
-        this._setVideoEncoderConfigForCameraStream(_config.hdCameraVideoEncoderConfig);
+        this._setVideoEncoderConfigForCameraStream(_defaultConfig.hdCameraVideoEncoderConfig);
       } else {
         if (track) {
-          track.setCaptureParams(_objectSpread({}, _config.defaultCameraVideoEncoderConfig));
+          track.setCaptureParams(_objectSpread({}, _defaultConfig.cameraVideoHighStreamEncoderConfig));
         }
-        this._setVideoEncoderConfigForCameraStream(_config.defaultCameraVideoEncoderConfig);
+        this._setVideoEncoderConfigForCameraStream(_defaultConfig.cameraVideoHighStreamEncoderConfig);
       }
     }
   }, {
@@ -953,7 +1019,7 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
   }, {
     key: "setDialogConfig",
     value: function setDialogConfig(dialogConfig) {
-      Object.assign(this.dialogConfig, dialogConfig);
+      this._sharedSettingDataSource.setDialogConfig(dialogConfig);
       this._setMeetingSettingsToLocalStorage({
         dialogConfig: this.dialogConfig
       });
@@ -967,6 +1033,13 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
       if (newSetting.displayedMaxAttendees && this._sharedLayoutDataSource) {
         this._sharedLayoutDataSource.setLayoutSize(newSetting.displayedMaxAttendees);
       }
+      var audioSettingsChanged = newSetting.audioEchoCancellation !== undefined || newSetting.noiseReduce !== undefined;
+      if (audioSettingsChanged) {
+        this._updateAudioDeviceWhitelistConfig({
+          audioEchoCancellation: newSetting.audioEchoCancellation,
+          noiseReduce: newSetting.noiseReduce
+        });
+      }
       var settingActions = {
         videoHD: function videoHD(value) {
           return _this7._enableVideoHd(value);
@@ -1067,9 +1140,29 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
     value: function changeMediaSetting(key, value) {
       this._sharedSettingDataSource.setMedia((0, _defineProperty2["default"])({}, key, value));
     }
+  }, {
+    key: "toggleTwoLineCaptionEnabled",
+    value: function toggleTwoLineCaptionEnabled() {
+      this.sharedSttSettingDataSource.toggleTwoLineCaptionEnabled();
+    }
+  }, {
+    key: "toggleTwoLineTranscribingEnabled",
+    value: function toggleTwoLineTranscribingEnabled() {
+      this.sharedSttSettingDataSource.toggleTwoLineTranscribingEnabled();
+    }
+  }, {
+    key: "subscribeTranslateLanguage",
+    value: function subscribeTranslateLanguage(language) {
+      this.sttProvider.subscribeTranslateLanguage(language);
+    }
   }, {
     key: "handleJoinRoom",
-    value: function handleJoinRoom() {
+    value: function handleJoinRoom(roomType) {
+      var isMainRoom = roomType === _type.FcrRoomType.Mainroom;
+      this.isMainRoom = isMainRoom;
+      if (isMainRoom) {
+        this._handleJoinMainRoom();
+      }
       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;
@@ -1081,10 +1174,7 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
         streamInfoList.set(streamInfo.streamId, streamInfo);
       });
       this._streamInfoList = streamInfoList;
-      this._sharedInterpreterDataSource = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.S_SHARED_INTERPRETER_DATA_SOURCE);
-      this._interpreterRoomControlReaction = this._createInterpreterRoomControlReaction();
-      this._disposers.push(this._interpreterRoomControlReaction);
-      this.isHiddenStateTab = false;
+      this.isHiddenMeetingTab = false;
       if (this._deviceProvider.followSystemSpeakerDevice) {
         this._showSystemSelectedDeviceChangedToast({
           deviceId: this._deviceProvider.currentDeviceId.speakerDeviceId,
@@ -1119,10 +1209,12 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
       if (!isRoutingChange) {
         this._deviceProvider.resetDevice();
       }
-      this.isHiddenStateTab = true;
+      this.isHiddenMeetingTab = true;
       this._currentRoomControl = undefined;
       this._interpreterRoomControl = undefined;
-      this._sharedLayoutDataSource = undefined;
+      this._sharedLayoutDataSource = null;
+      this._sharedSttSettingDataSource = null;
+      this._sttProvider = null;
       this._deviceProvider.removeObserver(this._deviceProviderObserver);
       this.localAudioStreamMap.clear();
       this.remoteAudioStreamMap.clear();
@@ -1131,6 +1223,15 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
       this._streamVolumeMap.clear();
       this._streamInfoList.clear();
     }
+  }, {
+    key: "_handleJoinMainRoom",
+    value: function _handleJoinMainRoom() {
+      this._sharedSttSettingDataSource = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.S_SHARED_STT_SETTING_DATA_SOURCE);
+      this._sttProvider = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.P_STT_PROVIDER);
+      this._sharedInterpreterDataSource = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.S_SHARED_INTERPRETER_DATA_SOURCE);
+      this._interpreterRoomControlReaction = this._createInterpreterRoomControlReaction();
+      this._disposers.push(this._interpreterRoomControlReaction);
+    }
   }, {
     key: "_onNetworkStatsUpdated",
     value: function _onNetworkStatsUpdated(roomId, stats) {
@@ -1327,11 +1428,11 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
   }]);
 }();
 _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"], [_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, "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);
 _init_loudestStreamVolumeLevel = _applyDecs$e[0];
 _init_microphoneVolumeLevel = _applyDecs$e[1];
 _init_isWifiConnected = _applyDecs$e[2];
-_init_dialogConfig = _applyDecs$e[3];
+_init_isMainRoom = _applyDecs$e[3];
 _init_networkState = _applyDecs$e[4];
 _init_performanceState = _applyDecs$e[5];
 _init_localAudioStreamMap = _applyDecs$e[6];
@@ -1341,6 +1442,6 @@ _init_remoteVideoStreamMap = _applyDecs$e[9];
 _init_systemMemorySize = _applyDecs$e[10];
 _init_systemCpuDesc = _applyDecs$e[11];
 _init_getSystemInfoTimer = _applyDecs$e[12];
-_init_isHiddenStateTab = _applyDecs$e[13];
+_init_isHiddenMeetingTab = _applyDecs$e[13];
 _initProto = _applyDecs$e[14];
 var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);

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

@@ -8,6 +8,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.StoreContext = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+require("core-js/modules/es.error.cause.js");
+require("core-js/modules/es.error.to-string.js");
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -20,11 +22,8 @@ function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 var SettingStore = exports["default"] = /*#__PURE__*/function (_SettingStoreBase) {
   function SettingStore(args) {
-    var _this;
     (0, _classCallCheck2["default"])(this, SettingStore);
-    _this = _callSuper(this, SettingStore, [args]);
-    _this._syncSystemInfo();
-    return _this;
+    return _callSuper(this, SettingStore, [args]);
   }
   (0, _inherits2["default"])(SettingStore, _SettingStoreBase);
   return (0, _createClass2["default"])(SettingStore, [{
@@ -34,11 +33,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function (_SettingStoreBase
         return _regenerator["default"].wrap(function (_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
-              return _context.abrupt("return", {
-                isWifiConnected: navigator.onLine,
-                systemCpuDesc: navigator.hardwareConcurrency ? "".concat(navigator.hardwareConcurrency, "-core CPU") : 'Unknown CPU',
-                systemMemorySize: 0
-              });
+              throw new Error('Browser getSystemInfo is not implemented.');
             case 1:
             case "end":
               return _context.stop();

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

@@ -1,9 +1,20 @@
 import { SettingStoreBase } from './store.base';
 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 _audioDeviceObserver;
     constructor(args: SettingStoreArgs);
+    protected _handleMicrophoneChanged(microphoneId: string, productId: string | null, vendorId: string | null): void;
+    protected _handleMicrophoneListUpdated(microphoneList: FcrDeviceInfo[]): void;
     protected getSystemInfo(): Promise<SystemInfo>;
+    protected _updateAudioDeviceWhitelistConfig(config: {
+        audioEchoCancellation?: boolean;
+        noiseReduce?: number;
+    }): void;
+    release(): void;
 }
 export declare const StoreContext: import("react").Context<SettingStore>;