fcr-ui-scene 3.8.0-alpha → 3.8.1-alpha

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

@@ -1,91 +1,91 @@
-.fcr-device-settings-storage {
-  display: flex;
-  flex-flow: column nowrap;
-  align-items: stretch;
-  gap: 10px;
-}
-
-.fcr-device-settings-storage__block {
-  padding: 10px 12px 12px;
-  display: flex;
-  flex-flow: column nowrap;
-  gap: 9px;
-  border-radius: var(--fcr_cornerradius_s);
-  background-color: var(--fcr_mobile_ui_scene_color_popup_block5);
-}
-
-.fcr-device-settings-storage__title {
-  font-size: 13px;
-  line-height: 1;
-  font-weight: 700;
-  color: var(--fcr_ui_scene_icontext1);
-}
-
-.fcr-device-settings-storage__row {
-  display: flex;
-  flex-flow: row nowrap;
-  gap: 8px;
-}
-
-.fcr-device-settings-storage__input-wrapper {
-  flex: 1;
-  display: inline-flex;
-  flex-flow: row nowrap;
-  align-items: center;
-  height: 32px;
-  border: 0.5px solid var(--fcr_web_ui_scene_line4);
-  padding: 1px 1px 1px 11px;
-  border-radius: var(--fcr_cornerradius_xs);
-  background-color: var(--fcr_ui_scene_input2);
-  font-size: 12px;
-  overflow: hidden;
-}
-
-.fcr-device-settings-storage__input {
-  flex: 1;
-  color: var(--fcr_ui_scene_icontext1);
-  outline: none;
-  background: none;
-  font-size: inherit;
-}
-
-.fcr-device-settings-storage__input-btn {
-  height: 28px;
-  padding: 0 6px;
-  color: var(--fcr_ui_scene_ramp_brand6);
-  border-radius: var(--fcr_cornerradius_xxs);
-  font-size: inherit;
-}
-
-.fcr-device-settings-storage__action-btn {
-  border: 0.5px solid var(--fcr_web_ui_scene_line4);
-  border-radius: var(--fcr_cornerradius_xs);
-  padding: 0 20px;
-  color: var(--fcr_ui_scene_icontext1);
-  background-color: var(--fcr_web_ui_scene_fill2);
-}
-
-.fcr-device-settings-storage__input-btn:hover,
-.fcr-device-settings-storage__action-btn:hover {
-  background-color: var(--fcr_web_ui_scene_hover);
-}
-
-.fcr-device-settings-storage__input-btn:disabled,
-.fcr-device-settings-storage__action-btn:disabled {
-  background-color: var(--fcr_web_ui_scene_fill2);
-  opacity: 0.5;
-  cursor: default;
-}
-
-.fcr-device-settings-storage__footer {
-  padding-top: 3px;
-  font-size: 13px;
-  line-height: 1;
-  font-weight: 300;
-  color: var(--fcr_ui_scene_icontext2);
-  font-variant-numeric: tabular-nums;
-}
-
-.fcr-device-settings-storage__footer .highlight {
-  color: var(--fcr_ui_scene_ramp_brand6);
-}
+.fcr-device-settings-storage {
+  display: flex;
+  flex-flow: column nowrap;
+  align-items: stretch;
+  gap: 10px;
+}
+
+.fcr-device-settings-storage__block {
+  padding: 10px 12px 12px;
+  display: flex;
+  flex-flow: column nowrap;
+  gap: 9px;
+  border-radius: var(--fcr_cornerradius_s);
+  background-color: var(--fcr_mobile_ui_scene_color_popup_block5);
+}
+
+.fcr-device-settings-storage__title {
+  font-size: 13px;
+  line-height: 1;
+  font-weight: 700;
+  color: var(--fcr_ui_scene_icontext1);
+}
+
+.fcr-device-settings-storage__row {
+  display: flex;
+  flex-flow: row nowrap;
+  gap: 8px;
+}
+
+.fcr-device-settings-storage__input-wrapper {
+  flex: 1;
+  display: inline-flex;
+  flex-flow: row nowrap;
+  align-items: center;
+  height: 32px;
+  border: 0.5px solid var(--fcr_web_ui_scene_line4);
+  padding: 1px 1px 1px 11px;
+  border-radius: var(--fcr_cornerradius_xs);
+  background-color: var(--fcr_ui_scene_input2);
+  font-size: 12px;
+  overflow: hidden;
+}
+
+.fcr-device-settings-storage__input {
+  flex: 1;
+  color: var(--fcr_ui_scene_icontext1);
+  outline: none;
+  background: none;
+  font-size: inherit;
+}
+
+.fcr-device-settings-storage__input-btn {
+  height: 28px;
+  padding: 0 6px;
+  color: var(--fcr_ui_scene_ramp_brand6);
+  border-radius: var(--fcr_cornerradius_xxs);
+  font-size: inherit;
+}
+
+.fcr-device-settings-storage__action-btn {
+  border: 0.5px solid var(--fcr_web_ui_scene_line4);
+  border-radius: var(--fcr_cornerradius_xs);
+  padding: 0 20px;
+  color: var(--fcr_ui_scene_icontext1);
+  background-color: var(--fcr_web_ui_scene_fill2);
+}
+
+.fcr-device-settings-storage__input-btn:hover,
+.fcr-device-settings-storage__action-btn:hover {
+  background-color: var(--fcr_web_ui_scene_hover);
+}
+
+.fcr-device-settings-storage__input-btn:disabled,
+.fcr-device-settings-storage__action-btn:disabled {
+  background-color: var(--fcr_web_ui_scene_fill2);
+  opacity: 0.5;
+  cursor: default;
+}
+
+.fcr-device-settings-storage__footer {
+  padding-top: 3px;
+  font-size: 13px;
+  line-height: 1;
+  font-weight: 300;
+  color: var(--fcr_ui_scene_icontext2);
+  font-variant-numeric: tabular-nums;
+}
+
+.fcr-device-settings-storage__footer .highlight {
+  color: var(--fcr_ui_scene_ramp_brand6);
+}

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

@@ -3,7 +3,7 @@ import { FcrInterpreterRoomControl, FcrLanguage, FcrPerformanceInfo } from 'fcr-
 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';
@@ -49,6 +49,7 @@ export declare abstract class SettingStoreBase implements FcrUIManagedObject {
     accessor loudestStreamVolumeLevel: number;
     accessor microphoneVolumeLevel: number;
     accessor isWifiConnected: boolean;
+    accessor isMainRoom: boolean;
     accessor networkState: FcrNetworkStats;
     accessor performanceState: FcrPerformanceInfo & {
         cpuOtherAppUsage: number;
@@ -140,7 +141,7 @@ export declare abstract class SettingStoreBase implements FcrUIManagedObject {
         avatar?: string | undefined;
     }>;
     get sharedSttSettingDataSource(): FcrUISharedSttSettingDataSource;
-    get sttProvider(): FcrUISttProvider;
+    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;
@@ -204,8 +205,9 @@ export declare abstract class SettingStoreBase implements FcrUIManagedObject {
     toggleTwoLineCaptionEnabled(): void;
     toggleTwoLineTranscribingEnabled(): void;
     subscribeTranslateLanguage(language: FcrLanguage | null): void;
-    handleJoinRoom(): 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

@@ -87,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 _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_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, _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; }
@@ -151,7 +152,8 @@ var _J = /*#__PURE__*/new WeakMap();
 var _K = /*#__PURE__*/new WeakMap();
 var _L = /*#__PURE__*/new WeakMap();
 var _M = /*#__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], _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 _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");
 var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
   function SettingStoreBase(_ref2) {
     var objectManager = _ref2.objectManager;
@@ -196,7 +198,8 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
     _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_networkState(this, {
+    _classPrivateFieldInitSpec(this, _D, _init_isMainRoom(this, false));
+    _classPrivateFieldInitSpec(this, _E, _init_networkState(this, {
       txPacketLoss: -1,
       rxPacketLoss: -1,
       rtt: 0,
@@ -211,7 +214,7 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
       rxVideoKBitrate: 0,
       rxVideoKBytes: 0
     }));
-    _classPrivateFieldInitSpec(this, _E, _init_performanceState(this, {
+    _classPrivateFieldInitSpec(this, _F, _init_performanceState(this, {
       cpuTotalUsage: 0,
       cpuAppUsage: 0,
       cpuOtherAppUsage: 0,
@@ -221,14 +224,14 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
       memoryAppUsageInKbytes: 0,
       memoryOtherAppUsageInKbytes: 0
     }));
-    _classPrivateFieldInitSpec(this, _F, _init_localAudioStreamMap(this, new Map()));
-    _classPrivateFieldInitSpec(this, _G, _init_remoteAudioStreamMap(this, new Map()));
-    _classPrivateFieldInitSpec(this, _H, _init_localVideoStreamMap(this, new Map()));
-    _classPrivateFieldInitSpec(this, _I, _init_remoteVideoStreamMap(this, new Map()));
-    _classPrivateFieldInitSpec(this, _J, _init_systemMemorySize(this, 0));
-    _classPrivateFieldInitSpec(this, _K, _init_systemCpuDesc(this, ''));
-    _classPrivateFieldInitSpec(this, _L, _init_getSystemInfoTimer(this, null));
-    _classPrivateFieldInitSpec(this, _M, _init_isHiddenMeetingTab(this, true));
+    _classPrivateFieldInitSpec(this, _G, _init_localAudioStreamMap(this, new Map()));
+    _classPrivateFieldInitSpec(this, _H, _init_remoteAudioStreamMap(this, new Map()));
+    _classPrivateFieldInitSpec(this, _I, _init_localVideoStreamMap(this, new Map()));
+    _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));
     this._objectManager = objectManager;
     this._monitorProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_MONITOR_PROVIDER);
     this._eventProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_EVENT_PROVIDER);
@@ -245,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();
@@ -275,7 +278,7 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
       _classPrivateFieldSet(_C, this, v);
     }
   }, {
-    key: "networkState",
+    key: "isMainRoom",
     get: function get() {
       return _classPrivateFieldGet(_D, this);
     },
@@ -283,7 +286,7 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
       _classPrivateFieldSet(_D, this, v);
     }
   }, {
-    key: "performanceState",
+    key: "networkState",
     get: function get() {
       return _classPrivateFieldGet(_E, this);
     },
@@ -291,7 +294,7 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
       _classPrivateFieldSet(_E, this, v);
     }
   }, {
-    key: "localAudioStreamMap",
+    key: "performanceState",
     get: function get() {
       return _classPrivateFieldGet(_F, this);
     },
@@ -299,7 +302,7 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
       _classPrivateFieldSet(_F, this, v);
     }
   }, {
-    key: "remoteAudioStreamMap",
+    key: "localAudioStreamMap",
     get: function get() {
       return _classPrivateFieldGet(_G, this);
     },
@@ -307,7 +310,7 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
       _classPrivateFieldSet(_G, this, v);
     }
   }, {
-    key: "localVideoStreamMap",
+    key: "remoteAudioStreamMap",
     get: function get() {
       return _classPrivateFieldGet(_H, this);
     },
@@ -315,7 +318,7 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
       _classPrivateFieldSet(_H, this, v);
     }
   }, {
-    key: "remoteVideoStreamMap",
+    key: "localVideoStreamMap",
     get: function get() {
       return _classPrivateFieldGet(_I, this);
     },
@@ -323,7 +326,7 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
       _classPrivateFieldSet(_I, this, v);
     }
   }, {
-    key: "systemMemorySize",
+    key: "remoteVideoStreamMap",
     get: function get() {
       return _classPrivateFieldGet(_J, this);
     },
@@ -331,7 +334,7 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
       _classPrivateFieldSet(_J, this, v);
     }
   }, {
-    key: "systemCpuDesc",
+    key: "systemMemorySize",
     get: function get() {
       return _classPrivateFieldGet(_K, this);
     },
@@ -339,7 +342,7 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
       _classPrivateFieldSet(_K, this, v);
     }
   }, {
-    key: "getSystemInfoTimer",
+    key: "systemCpuDesc",
     get: function get() {
       return _classPrivateFieldGet(_L, this);
     },
@@ -347,13 +350,21 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
       _classPrivateFieldSet(_L, this, v);
     }
   }, {
-    key: "isHiddenMeetingTab",
+    key: "getSystemInfoTimer",
     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() {
@@ -715,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 () {
@@ -1146,10 +1157,13 @@ var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
     }
   }, {
     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._sharedSttSettingDataSource = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.S_SHARED_STT_SETTING_DATA_SOURCE);
-      this._sttProvider = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.P_STT_PROVIDER);
       this._sharedLayoutDataSource = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.S_SHARED_LAYOUT_DATA_SOURCE);
       this._currentRoomControl = new _roomProvider.FcrUICurrentRoomControlProviderImpl(roomProvider.currentRoomControl).currentRoomControl;
       this._currentRoomControl.addObserver(this._roomObserver);
@@ -1160,9 +1174,6 @@ 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.isHiddenMeetingTab = false;
       if (this._deviceProvider.followSystemSpeakerDevice) {
         this._showSystemSelectedDeviceChangedToast({
@@ -1212,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) {
@@ -1408,19 +1428,20 @@ 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, "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"], [_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, 14);
+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_networkState = _applyDecs$e[3];
-_init_performanceState = _applyDecs$e[4];
-_init_localAudioStreamMap = _applyDecs$e[5];
-_init_remoteAudioStreamMap = _applyDecs$e[6];
-_init_localVideoStreamMap = _applyDecs$e[7];
-_init_remoteVideoStreamMap = _applyDecs$e[8];
-_init_systemMemorySize = _applyDecs$e[9];
-_init_systemCpuDesc = _applyDecs$e[10];
-_init_getSystemInfoTimer = _applyDecs$e[11];
-_init_isHiddenMeetingTab = _applyDecs$e[12];
-_initProto = _applyDecs$e[13];
+_init_isMainRoom = _applyDecs$e[3];
+_init_networkState = _applyDecs$e[4];
+_init_performanceState = _applyDecs$e[5];
+_init_localAudioStreamMap = _applyDecs$e[6];
+_init_remoteAudioStreamMap = _applyDecs$e[7];
+_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];
 var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);

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

@@ -4,7 +4,7 @@ import { FcrDeviceInfo } from 'fcr-core/lib/type';
 export default class SettingStore extends SettingStoreBase {
     private _renderer;
     private _windowProvider;
-    private _audioDeviceWhiteListManager?;
+    private _audioDeviceWhiteListManager;
     private _pollingTask;
     private _audioDeviceObserver;
     constructor(args: SettingStoreArgs);

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

@@ -73,6 +73,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function (_SettingStoreBase
     (0, _classCallCheck2["default"])(this, SettingStore);
     _this = _callSuper(this, SettingStore, [args]);
     (0, _defineProperty2["default"])(_this, "_renderer", void _initProto(_this));
+    (0, _defineProperty2["default"])(_this, "_audioDeviceWhiteListManager", null);
     (0, _defineProperty2["default"])(_this, "_audioDeviceObserver", {
       onMicrophoneChanged: _this._handleMicrophoneChanged,
       onMicrophoneListUpdated: _this._handleMicrophoneListUpdated
@@ -81,12 +82,6 @@ var SettingStore = exports["default"] = /*#__PURE__*/function (_SettingStoreBase
     _this._renderer = objectManager.getObject(_objectManager.FcrUIObjectKeys.RENDERER_WRAPPER);
     _this._windowProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_WINDOW_PROVIDER);
     var delegate = {
-      getCurrentSetting: function getCurrentSetting() {
-        return {
-          audioEchoCancellation: _this.sharedSettingDataSource.setting.audioEchoCancellation,
-          noiseReduce: _this.sharedSettingDataSource.setting.noiseReduce
-        };
-      },
       getMicrophoneId: function getMicrophoneId() {
         return _this.deviceProvider.microphoneId || '';
       },
@@ -96,7 +91,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function (_SettingStoreBase
       enableAudioEchoCancellation: function enableAudioEchoCancellation(enable) {
         return _this.deviceProvider.enableAudioEchoCancellation(enable);
       },
-      toggleAgc: function toggleAgc(enable) {
+      enableAudioGainControl: function enableAudioGainControl(enable) {
         return _this.deviceProvider.toggleAGC(enable);
       },
       setNoiseLevel: function setNoiseLevel(level) {
@@ -168,6 +163,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function (_SettingStoreBase
       var _this$_audioDeviceWhi4;
       this._pollingTask.stop();
       (_this$_audioDeviceWhi4 = this._audioDeviceWhiteListManager) === null || _this$_audioDeviceWhi4 === void 0 || _this$_audioDeviceWhi4.release();
+      this._audioDeviceWhiteListManager = null;
       this.deviceProvider.removeObserver(this._audioDeviceObserver);
     }
   }]);

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

@@ -1,47 +1,47 @@
-.fcr-translate-settings {
-  padding-top: 15px;
-}
-
-.fcr-translate-settings__section {
-  margin-top: 10px;
-  border-radius: var(--fcr_cornerradius_s);
-  width: 100%;
-  background: var(--fcr_mobile_ui_scene_color_popup_block5);
-}
-
-.fcr-translate-settings__section:first-child {
-  margin-top: 0;
-}
-
-.fcr-translate-settings__section:last-child {
-  margin-bottom: 10px;
-}
-
-.fcr-translate-settings__section-title {
-  padding: 0 10px 0 12px;
-  font-size: 13px;
-  line-height: 32px;
-  font-weight: 700;
-  color: var(--fcr_ui_scene_icontext1);
-}
-
-.fcr-translate-settings__section-sub-title {
-  padding: 0 10px 0 12px;
-  font-size: 13px;
-}
-
-.fcr-translate-settings__translate-language-select {
-  padding: 12px;
-}
-
-.fcr-translate-settings__show-two-language {
-  padding: 0 12px 12px 12px;
-}
-
-.fcr-translate-settings__interpreter-mode {
-  display: flex;
-  padding: 12px;
-  flex-direction: column;
-  height: 100px;
-  justify-content: space-between;
-}
+.fcr-translate-settings {
+  padding-top: 15px;
+}
+
+.fcr-translate-settings__section {
+  margin-top: 10px;
+  border-radius: var(--fcr_cornerradius_s);
+  width: 100%;
+  background: var(--fcr_mobile_ui_scene_color_popup_block5);
+}
+
+.fcr-translate-settings__section:first-child {
+  margin-top: 0;
+}
+
+.fcr-translate-settings__section:last-child {
+  margin-bottom: 10px;
+}
+
+.fcr-translate-settings__section-title {
+  padding: 0 10px 0 12px;
+  font-size: 13px;
+  line-height: 32px;
+  font-weight: 700;
+  color: var(--fcr_ui_scene_icontext1);
+}
+
+.fcr-translate-settings__section-sub-title {
+  padding: 0 10px 0 12px;
+  font-size: 13px;
+}
+
+.fcr-translate-settings__translate-language-select {
+  padding: 12px;
+}
+
+.fcr-translate-settings__show-two-language {
+  padding: 0 12px 12px 12px;
+}
+
+.fcr-translate-settings__interpreter-mode {
+  display: flex;
+  padding: 12px;
+  flex-direction: column;
+  height: 100px;
+  justify-content: space-between;
+}