fcr-ui-scene 3.7.4 → 3.7.6

package/lib/modules/setting/{store.js → store.base.js}

@@ -4,8 +4,6 @@ require("core-js/modules/es.symbol.js");
 require("core-js/modules/es.symbol.description.js");
 require("core-js/modules/es.symbol.iterator.js");
 require("core-js/modules/es.symbol.to-primitive.js");
-require("core-js/modules/es.error.cause.js");
-require("core-js/modules/es.error.to-string.js");
 require("core-js/modules/es.array.is-array.js");
 require("core-js/modules/es.array.slice.js");
 require("core-js/modules/es.date.to-primitive.js");
@@ -18,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");
@@ -28,14 +25,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "DEFAULT_BEAUTY_VALUE", {
-  enumerable: true,
-  get: function get() {
-    return _localVideoPlayer.DEFAULT_BEAUTY_VALUE;
-  }
-});
-exports["default"] = exports.StoreContext = exports.MeetingStatus = exports.DeviceSettingTab = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+exports.StoreContext = exports.SettingStoreBase = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
@@ -43,11 +33,14 @@ var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+require("core-js/modules/es.error.cause.js");
+require("core-js/modules/es.error.to-string.js");
 require("core-js/modules/es.array.concat.js");
 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");
@@ -61,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");
@@ -91,18 +87,18 @@ require("core-js/modules/web.timers.js");
 var _fcrCore = require("fcr-core");
 var _mobx = require("mobx");
 var _decorator = require("agora-foundation/lib/decorator");
-var _constant = require("../../utilities/constant");
-var _localVideoPlayer = require("agora-ui-foundation/lib/components/local-video-player");
 var _schedule = require("agora-foundation/lib/schedule");
 var _config = require("./config");
-var _react = require("react");
 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");
-var _excluded = ["dialogId"];
-var _SettingStore;
-var _initProto, _init_loudestStreamVolumeLevel, _init_meetingStatus, _init_microphoneVolumeLevel, _init_isWifiConnected, _init_dialogConfig, _init_networkState, _init_performanceState, _init_localAudioStreamMap, _init_remoteAudioStreamMap, _init_localVideoStreamMap, _init_remoteVideoStreamMap, _init_systemMemorySize, _init_systemCpuDesc, _init_getSystemInfoTimer, _setDialogConfigDecs, _setSettingDecs, _onEventDecs, _onNetworkStatsUpdatedDecs, _clearGetSystemInfoIntervalDecs, _closeDialogDecs, _onLocalAudioStatsUpdatedDecs, _onRemoteAudioStatsUpdatedDecs, _onLocalVideoStatsUpdatedDecs, _onRemoteVideoStatsUpdatedDecs, _onStreamsAddedDecs, _onStreamsUpdatedDecs, _onStreamsRemovedDecs, _onPerformanceUpdatedDecs, _onAudioVolumeUpdatedDecs, _preHandleSettingDecs, _setMeetingSettingsToLocalStorageDecs, _changeMediaSettingDecs, _ref;
+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; } } }; }
 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; }
@@ -118,20 +114,6 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _setFunctionName(e, t, n) { "symbol" == _typeof(t) && (t = (t = t.description) ? "[" + t + "]" : ""); try { Object.defineProperty(e, "name", { configurable: !0, value: n ? n + " " + t : t }); } catch (e) {} return e; }
 function _checkInRHS(e) { if (Object(e) !== e) throw TypeError("right-hand side of 'in' should be an object, got " + (null !== e ? _typeof(e) : "null")); return e; }
-var MeetingStatus = exports.MeetingStatus = /*#__PURE__*/function (MeetingStatus) {
-  MeetingStatus["PENDING"] = "pending";
-  MeetingStatus["ACTIVE"] = "active";
-  return MeetingStatus;
-}({});
-var DeviceSettingTab = exports.DeviceSettingTab = /*#__PURE__*/function (DeviceSettingTab) {
-  DeviceSettingTab["GENERAL"] = "general";
-  DeviceSettingTab["AUDIO"] = "audio";
-  DeviceSettingTab["VIDEO"] = "video";
-  // STORAGE = 'storage',
-  DeviceSettingTab["STATE"] = "state"; // TRANSLATE = 'translate',
-  // MINUTES = 'minutes',
-  return DeviceSettingTab;
-}({});
 var mapDevice2Option = function mapDevice2Option(deviceList) {
   return deviceList.map(function (item) {
     return {
@@ -171,39 +153,24 @@ 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], _onEventDecs = [_mobx.action, _mobx.action.bound], _onNetworkStatsUpdatedDecs = [_mobx.action, _mobx.action.bound], _clearGetSystemInfoIntervalDecs = [_mobx.action, _mobx.action.bound], _closeDialogDecs = [_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], _changeMediaSettingDecs = [_mobx.action, _mobx.action.bound], "logger");
-var SettingStore = exports["default"] = /*#__PURE__*/function () {
-  function SettingStore(_ref2) {
-    var monitorProvider = _ref2.monitorProvider,
-      eventProvider = _ref2.eventProvider,
-      deviceProvider = _ref2.deviceProvider,
-      roomProvider = _ref2.roomProvider,
-      sharedConfigDataSource = _ref2.sharedConfigDataSource,
-      sharedLayoutDataSource = _ref2.sharedLayoutDataSource,
-      messageProvider = _ref2.messageProvider,
-      dialogProvider = _ref2.dialogProvider,
-      sharedSettingDataSource = _ref2.sharedSettingDataSource,
-      sharedInterpreterDataSource = _ref2.sharedInterpreterDataSource;
-    (0, _classCallCheck2["default"])(this, SettingStore);
-    // @internal
+_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");
+var SettingStoreBase = exports.SettingStoreBase = /*#__PURE__*/function () {
+  function SettingStoreBase(_ref2) {
+    var objectManager = _ref2.objectManager;
+    (0, _classCallCheck2["default"])(this, SettingStoreBase);
     (0, _defineProperty2["default"])(this, _ref, (_initProto(this), (0, _logger.createLogger)({
       prefix: 'SettingStore'
     })));
     (0, _defineProperty2["default"])(this, "_enableRemoteVideoStatsDebugLog", false);
     (0, _defineProperty2["default"])(this, "_disposers", []);
-    (0, _defineProperty2["default"])(this, "_currentDialogId", '');
     (0, _defineProperty2["default"])(this, "_settingVideoOpened", false);
     (0, _defineProperty2["default"])(this, "_deviceStoreObserver", {
-      onCameraListUpdated: this._handleCameraListUpdated,
       onCameraChanged: this._handleCameraChanged
     });
     (0, _defineProperty2["default"])(this, "_streamVolumeMap", new Map());
     (0, _defineProperty2["default"])(this, "_volumeIndicationInterval", _schedule.AgoraScheduler.Duration.second(2));
     (0, _defineProperty2["default"])(this, "_useDefaultAudioEchoCancellation", true);
     (0, _defineProperty2["default"])(this, "_streamInfoList", new Map());
-    (0, _defineProperty2["default"])(this, "_onEventObserver", {
-      onEvent: this._onEvent
-    });
     (0, _defineProperty2["default"])(this, "_monitorObserver", {
       onPerformanceInfoUpdated: this._onPerformanceUpdated
     });
@@ -220,17 +187,20 @@ var SettingStore = exports["default"] = /*#__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));
-    _classPrivateFieldInitSpec(this, _B, _init_meetingStatus(this, MeetingStatus.PENDING));
-    _classPrivateFieldInitSpec(this, _C, _init_microphoneVolumeLevel(this, 0));
-    _classPrivateFieldInitSpec(this, _D, _init_isWifiConnected(this, false));
-    _classPrivateFieldInitSpec(this, _E, _init_dialogConfig(this, {
-      // activeTab: DeviceSettingTab.AUDIO,
-      activeTab: DeviceSettingTab.GENERAL,
+    _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, _F, _init_networkState(this, {
+    _classPrivateFieldInitSpec(this, _E, _init_networkState(this, {
       txPacketLoss: -1,
       rxPacketLoss: -1,
       rtt: 0,
@@ -245,7 +215,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       rxVideoKBitrate: 0,
       rxVideoKBytes: 0
     }));
-    _classPrivateFieldInitSpec(this, _G, _init_performanceState(this, {
+    _classPrivateFieldInitSpec(this, _F, _init_performanceState(this, {
       cpuTotalUsage: 0,
       cpuAppUsage: 0,
       cpuOtherAppUsage: 0,
@@ -255,37 +225,24 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       memoryAppUsageInKbytes: 0,
       memoryOtherAppUsageInKbytes: 0
     }));
-    _classPrivateFieldInitSpec(this, _H, _init_localAudioStreamMap(this, new Map()));
-    _classPrivateFieldInitSpec(this, _I, _init_remoteAudioStreamMap(this, new Map()));
-    _classPrivateFieldInitSpec(this, _J, _init_localVideoStreamMap(this, new Map()));
-    _classPrivateFieldInitSpec(this, _K, _init_remoteVideoStreamMap(this, new Map()));
-    _classPrivateFieldInitSpec(this, _L, _init_systemMemorySize(this, 0));
-    _classPrivateFieldInitSpec(this, _M, _init_systemCpuDesc(this, ''));
-    _classPrivateFieldInitSpec(this, _N, _init_getSystemInfoTimer(this, null));
-    this._monitorProvider = monitorProvider;
-    this._sharedConfigDataSource = sharedConfigDataSource;
-    this._eventProvider = eventProvider;
-    this._deviceProvider = deviceProvider;
-    this._sharedLayoutDataSource = sharedLayoutDataSource;
-    this._messageProvider = messageProvider;
-    this._dialogProvider = dialogProvider;
-    this._sharedSettingDataSource = sharedSettingDataSource;
-    this._sharedInterpreterDataSource = sharedInterpreterDataSource;
-    this.logger.debug("constructor SettingStore hasRoomProvider:".concat(!!roomProvider, ",hasCurrentRoomControl:").concat(!!(roomProvider !== null && roomProvider !== void 0 && roomProvider.currentRoomControl)));
-    if (roomProvider !== null && roomProvider !== void 0 && roomProvider.currentRoomControl) {
-      this._currentRoomControl = new _roomProvider.FcrUICurrentRoomControlProviderImpl(roomProvider.currentRoomControl).currentRoomControl;
-      this._currentRoomControl.addObserver(this._roomObserver);
-      this._currentRoomControl.getStreamControl().addObserver(this._streamObserver);
-      var streamInfoList = new Map();
-      this._currentRoomControl.getStreamControl().getStreamList().forEach(function (streamInfo) {
-        streamInfoList.set(streamInfo.streamId, streamInfo);
-      });
-      this._streamInfoList = streamInfoList;
-    }
-    this._eventProvider.addObserver(this._onEventObserver);
-    this._dialogProvider.addObserver(this._onEventObserver);
+    _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_isHiddenStateTab(this, true));
+    this._objectManager = objectManager;
+    this._monitorProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_MONITOR_PROVIDER);
+    this._eventProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_EVENT_PROVIDER);
+    this._deviceProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_DEVICE_PROVIDER);
+    this._messageProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_MESSAGE_PROVIDER);
+    this._dialogProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_DIALOG_PROVIDER);
+    this._sharedConfigDataSource = objectManager.getObject(_objectManager.FcrUIObjectKeys.S_SHARED_CONFIG_DATA_SOURCE);
+    this._sharedLayoutDataSource = objectManager.getObject(_objectManager.FcrUIObjectKeys.S_SHARED_LAYOUT_DATA_SOURCE);
+    this._sharedSettingDataSource = objectManager.getObject(_objectManager.FcrUIObjectKeys.S_SHARED_SETTING_DATA_SOURCE);
     this._monitorProvider.addObserver(this._monitorObserver);
-    this._syncSystemInfo();
     this._initReactions();
     if (this._deviceProvider.defaultMirror) {
       this._deviceProvider.toggleLocalMirror(true);
@@ -293,14 +250,12 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
     if (this._deviceProvider.cameraId && this._deviceProvider.cameraTrack) {
       this._cameraTrack = this._deviceProvider.cameraTrack;
     }
-    if (this.dialogConfig.activeTab === DeviceSettingTab.STATE) {
+    if (this.dialogConfig.activeTab === _type.DeviceSettingTab.STATE) {
       this._setupAudioVolumeAnalyzerTask();
     }
     this.initSettingConfig();
-    // @ts-ignore
-    window._settingStore = this;
   }
-  return (0, _createClass2["default"])(SettingStore, [{
+  return (0, _createClass2["default"])(SettingStoreBase, [{
     key: "loudestStreamVolumeLevel",
     get: function get() {
       return _classPrivateFieldGet(_A, this);
@@ -309,7 +264,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_A, this, v);
     }
   }, {
-    key: "meetingStatus",
+    key: "microphoneVolumeLevel",
     get: function get() {
       return _classPrivateFieldGet(_B, this);
     },
@@ -317,7 +272,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_B, this, v);
     }
   }, {
-    key: "microphoneVolumeLevel",
+    key: "isWifiConnected",
     get: function get() {
       return _classPrivateFieldGet(_C, this);
     },
@@ -325,7 +280,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_C, this, v);
     }
   }, {
-    key: "isWifiConnected",
+    key: "dialogConfig",
     get: function get() {
       return _classPrivateFieldGet(_D, this);
     },
@@ -333,7 +288,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_D, this, v);
     }
   }, {
-    key: "dialogConfig",
+    key: "networkState",
     get: function get() {
       return _classPrivateFieldGet(_E, this);
     },
@@ -341,7 +296,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_E, this, v);
     }
   }, {
-    key: "networkState",
+    key: "performanceState",
     get: function get() {
       return _classPrivateFieldGet(_F, this);
     },
@@ -349,7 +304,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_F, this, v);
     }
   }, {
-    key: "performanceState",
+    key: "localAudioStreamMap",
     get: function get() {
       return _classPrivateFieldGet(_G, this);
     },
@@ -357,7 +312,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_G, this, v);
     }
   }, {
-    key: "localAudioStreamMap",
+    key: "remoteAudioStreamMap",
     get: function get() {
       return _classPrivateFieldGet(_H, this);
     },
@@ -365,7 +320,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_H, this, v);
     }
   }, {
-    key: "remoteAudioStreamMap",
+    key: "localVideoStreamMap",
     get: function get() {
       return _classPrivateFieldGet(_I, this);
     },
@@ -373,7 +328,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_I, this, v);
     }
   }, {
-    key: "localVideoStreamMap",
+    key: "remoteVideoStreamMap",
     get: function get() {
       return _classPrivateFieldGet(_J, this);
     },
@@ -381,7 +336,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_J, this, v);
     }
   }, {
-    key: "remoteVideoStreamMap",
+    key: "systemMemorySize",
     get: function get() {
       return _classPrivateFieldGet(_K, this);
     },
@@ -389,7 +344,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_K, this, v);
     }
   }, {
-    key: "systemMemorySize",
+    key: "systemCpuDesc",
     get: function get() {
       return _classPrivateFieldGet(_L, this);
     },
@@ -397,7 +352,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_L, this, v);
     }
   }, {
-    key: "systemCpuDesc",
+    key: "getSystemInfoTimer",
     get: function get() {
       return _classPrivateFieldGet(_M, this);
     },
@@ -405,7 +360,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_M, this, v);
     }
   }, {
-    key: "getSystemInfoTimer",
+    key: "isHiddenStateTab",
     get: function get() {
       return _classPrivateFieldGet(_N, this);
     },
@@ -571,16 +526,72 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
     get: function get() {
       return this._sharedConfigDataSource.sceneConfig;
     }
+  }, {
+    key: "sharedInterpreterDataSource",
+    get: function get() {
+      if (!this._sharedInterpreterDataSource) {
+        throw new Error('sharedInterpreterDataSource is not initialized');
+      }
+      return this._sharedInterpreterDataSource;
+    }
+  }, {
+    key: "currentRoomControl",
+    get: function get() {
+      if (!this._currentRoomControl) {
+        throw new Error('currentRoomControl is not initialized');
+      }
+      return this._currentRoomControl;
+    }
+  }, {
+    key: "interpreterRoomControl",
+    get: function get() {
+      if (!this._interpreterRoomControl) {
+        throw new Error('interpreterRoomControl is not initialized');
+      }
+      return this._interpreterRoomControl;
+    }
+  }, {
+    key: "streamControl",
+    get: function get() {
+      if (!this._streamControl) {
+        throw new Error('streamControl is not initialized');
+      }
+      return this._streamControl;
+    }
   }, {
     key: "messageProvider",
     get: function get() {
       return this._messageProvider;
     }
   }, {
-    key: "startMeeting",
-    value: function startMeeting() {
-      this.meetingStatus = MeetingStatus.ACTIVE;
-    }
+    key: "_syncSystemInfo",
+    value: function () {
+      var _syncSystemInfo2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+        var _this = this;
+        var systemInfo;
+        return _regenerator["default"].wrap(function (_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 1;
+              return this.getSystemInfo();
+            case 1:
+              systemInfo = _context.sent;
+              (0, _mobx.runInAction)(function () {
+                _this.systemCpuDesc = systemInfo.systemCpuDesc;
+                _this.systemMemorySize = systemInfo.systemMemorySize;
+                _this.isWifiConnected = systemInfo.isWifiConnected;
+              });
+            case 2:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this);
+      }));
+      function _syncSystemInfo() {
+        return _syncSystemInfo2.apply(this, arguments);
+      }
+      return _syncSystemInfo;
+    }()
   }, {
     key: "initSettingConfig",
     value: function initSettingConfig() {
@@ -614,53 +625,56 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
         enableBeauty: enable
       });
     }
+  }, {
+    key: "_createInterpreterRoomControlReaction",
+    value: function _createInterpreterRoomControlReaction() {
+      var _this2 = this;
+      return (0, _mobx.reaction)(function () {
+        return _this2.sharedInterpreterDataSource.outputLanguage;
+      }, function (outputLanguage) {
+        if (outputLanguage) {
+          var _this2$_interpreterRo, _this2$sharedInterpre;
+          (_this2$_interpreterRo = _this2._interpreterRoomControl) === null || _this2$_interpreterRo === void 0 || _this2$_interpreterRo.removeObserver(_this2._roomObserver);
+          _this2._interpreterRoomControl = (_this2$sharedInterpre = _this2.sharedInterpreterDataSource.languageRoomListByStatus.get(outputLanguage)) === null || _this2$sharedInterpre === void 0 ? void 0 : _this2$sharedInterpre.control;
+          _this2.interpreterRoomControl.addObserver(_this2._roomObserver);
+        } else {
+          _this2.interpreterRoomControl.removeObserver(_this2._roomObserver);
+          _this2._interpreterRoomControl = undefined;
+        }
+      });
+    }
   }, {
     key: "_initReactions",
     value: function _initReactions() {
-      var _this = this;
+      var _this3 = this;
       this._disposers.push((0, _mobx.reaction)(function () {
-        return _this.setting.shouldHideNonVideoParticipants;
+        return _this3.setting.shouldHideNonVideoParticipants;
       }, function (shouldHideNonVideoParticipants) {
         if (shouldHideNonVideoParticipants) {
-          _this._eventProvider.showToast({
+          _this3._messageProvider.showToast({
             type: 'normal',
             message: (0, _i18n.transI18n)('fmt_internalsetting_other_hide_no_video_toast')
           });
         }
       }), (0, _mobx.reaction)(function () {
-        return _this.dialogConfig.activeTab;
+        return _this3.dialogConfig.activeTab;
       }, function (activeTab) {
-        if (_this._audioDeviceVolumeRefreshTask) {
-          var _this$_audioDeviceVol;
-          (_this$_audioDeviceVol = _this._audioDeviceVolumeRefreshTask) === null || _this$_audioDeviceVol === void 0 || _this$_audioDeviceVol.stop();
-          _this._audioDeviceVolumeRefreshTask = undefined;
+        if (_this3._audioDeviceVolumeRefreshTask) {
+          var _this3$_audioDeviceVo;
+          (_this3$_audioDeviceVo = _this3._audioDeviceVolumeRefreshTask) === null || _this3$_audioDeviceVo === void 0 || _this3$_audioDeviceVo.stop();
+          _this3._audioDeviceVolumeRefreshTask = undefined;
         }
-        if (activeTab === DeviceSettingTab.STATE) {
-          _this._setupAudioVolumeAnalyzerTask();
+        if (activeTab === _type.DeviceSettingTab.STATE) {
+          _this3._setupAudioVolumeAnalyzerTask();
         }
       }), (0, _mobx.reaction)(function () {
-        return _this._deviceProvider.microphoneEnabled;
+        return _this3._deviceProvider.microphoneEnabled;
       }, function (microphoneEnabled) {
         if (!microphoneEnabled) {
           (0, _mobx.runInAction)(function () {
-            _this.microphoneVolumeLevel = 0;
+            _this3.microphoneVolumeLevel = 0;
           });
         }
-      }), (0, _mobx.reaction)(function () {
-        var _this$_sharedInterpre;
-        return (_this$_sharedInterpre = _this._sharedInterpreterDataSource) === null || _this$_sharedInterpre === void 0 ? void 0 : _this$_sharedInterpre.outputLanguage;
-      }, function (outputLanguage) {
-        if (outputLanguage) {
-          var _this$_sharedInterpre2, _this$_currentRoomCon, _this$_interpreterRoo;
-          _this._interpreterRoomControl = (_this$_sharedInterpre2 = _this._sharedInterpreterDataSource) === null || _this$_sharedInterpre2 === void 0 || (_this$_sharedInterpre2 = _this$_sharedInterpre2.languageRoomListByStatus.get(outputLanguage)) === null || _this$_sharedInterpre2 === void 0 ? void 0 : _this$_sharedInterpre2.control;
-          (_this$_currentRoomCon = _this._currentRoomControl) === null || _this$_currentRoomCon === void 0 || _this$_currentRoomCon.removeObserver(_this._roomObserver);
-          (_this$_interpreterRoo = _this._interpreterRoomControl) === null || _this$_interpreterRoo === void 0 || _this$_interpreterRoo.addObserver(_this._roomObserver);
-        } else {
-          var _this$_interpreterRoo2, _this$_currentRoomCon2;
-          (_this$_interpreterRoo2 = _this._interpreterRoomControl) === null || _this$_interpreterRoo2 === void 0 || _this$_interpreterRoo2.removeObserver(_this._roomObserver);
-          _this._interpreterRoomControl = undefined;
-          (_this$_currentRoomCon2 = _this._currentRoomControl) === null || _this$_currentRoomCon2 === void 0 || _this$_currentRoomCon2.addObserver(_this._roomObserver);
-        }
       }));
     }
   }, {
@@ -674,12 +688,12 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_setupAudioVolumeAnalyzerTask",
     value: function _setupAudioVolumeAnalyzerTask() {
-      var _this2 = this;
+      var _this4 = this;
       this._audioDeviceVolumeRefreshTask = _schedule.AgoraScheduler.shared.addIntervalTask(function () {
-        var loudestStreamVolumeLevel = Math.max.apply(Math, [0].concat((0, _toConsumableArray2["default"])(Array.from(_this2._streamVolumeMap.values()))));
+        var loudestStreamVolumeLevel = Math.max.apply(Math, [0].concat((0, _toConsumableArray2["default"])(Array.from(_this4._streamVolumeMap.values()))));
         (0, _mobx.runInAction)(function () {
-          _this2.loudestStreamVolumeLevel = loudestStreamVolumeLevel;
-          _this2.microphoneVolumeLevel = _this2._deviceProvider.microphoneVolumeLevel;
+          _this4.loudestStreamVolumeLevel = loudestStreamVolumeLevel;
+          _this4.microphoneVolumeLevel = _this4._deviceProvider.microphoneVolumeLevel;
         });
       }, this._volumeIndicationInterval);
     }
@@ -749,15 +763,12 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "toggleLocalMirrorPreview",
     value: function toggleLocalMirrorPreview(isMirror) {
-      var _this3 = this;
+      var _this5 = this;
       if (!this._videoView4Setting || !this._deviceProvider.cameraId) return;
       this.stopVideo();
-      // 直接在一个loop中调用stop和start会导致glcontext无法正常释放，现象 [APAAS-7207]
       setTimeout(function () {
-        _this3.startVideo(isMirror);
+        _this5.startVideo(isMirror);
       });
-
-      // set mirror for layout
       this._deviceProvider.toggleLocalMirrorPreview(isMirror);
     }
   }, {
@@ -798,12 +809,11 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "toggleLocalMirror",
     value: function toggleLocalMirror(enable) {
-      var _this4 = this;
+      var _this6 = this;
       if (!this._videoView4Setting || !this._deviceProvider.cameraId) return;
       this.stopVideo();
-      // 直接在一个loop中调用stop和start会导致glcontext无法正常释放，现象 [APAAS-7207]
       setTimeout(function () {
-        _this4.startVideo(enable);
+        _this6.startVideo(enable);
       });
       this._deviceProvider.toggleLocalMirror(enable);
       this._setMeetingSettingsToLocalStorage({
@@ -820,38 +830,6 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
         this._deviceProvider.removeObserver(this._deviceStoreObserver);
       }
     }
-  }, {
-    key: "_syncSystemInfo",
-    value: function () {
-      var _syncSystemInfo2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
-        var _this5 = this;
-        var _yield$window$runtime, isWifiConnected;
-        return _regenerator["default"].wrap(function (_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 1;
-              return window.runtime.getNetworkType();
-            case 1:
-              _yield$window$runtime = _context.sent;
-              isWifiConnected = _yield$window$runtime.isWifiConnected;
-              (0, _mobx.runInAction)(function () {
-                var cpus = window.runtime.getSystemCpuInfo();
-                var cpuInfo = cpus.length === 0 ? '' : "".concat(cpus.length, "-").concat(cpus[0].model);
-                _this5.systemCpuDesc = cpuInfo;
-                _this5.systemMemorySize = window.runtime.getSystemMemorySize() / 1024;
-                _this5.isWifiConnected = isWifiConnected;
-              });
-            case 2:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      function _syncSystemInfo() {
-        return _syncSystemInfo2.apply(this, arguments);
-      }
-      return _syncSystemInfo;
-    }() // 开启视频高清
   }, {
     key: "_enableVideoHd",
     value: function _enableVideoHd(enable) {
@@ -891,8 +869,6 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
         }
       }
     }
-
-    // 调整以适应弱光
   }, {
     key: "_enableLowlightEnhancement",
     value: function _enableLowlightEnhancement(enable) {
@@ -906,7 +882,6 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
         }
       }
     }
-    // 视频降噪
   }, {
     key: "_enableVideoDenoiser",
     value: function _enableVideoDenoiser(enable) {
@@ -920,8 +895,6 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
         }
       }
     }
-
-    // 硬件加速
   }, {
     key: "_enableHardwareForReception",
     value: function _enableHardwareForReception(enable) {
@@ -969,15 +942,13 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "release",
     value: function release() {
-      var _this$_currentRoomCon3, _this$_currentRoomCon4;
+      var _this$_currentRoomCon, _this$_currentRoomCon2;
       if (this.getSystemInfoTimer) {
         this.clearGetSystemInfoInterval();
       }
       this._monitorProvider.removeObserver(this._monitorObserver);
-      this._dialogProvider.removeObserver(this._onEventObserver);
-      this._eventProvider.removeObserver(this._onEventObserver);
-      (_this$_currentRoomCon3 = this._currentRoomControl) === null || _this$_currentRoomCon3 === void 0 || _this$_currentRoomCon3.getStreamControl().removeObserver(this._streamObserver);
-      (_this$_currentRoomCon4 = this._currentRoomControl) === null || _this$_currentRoomCon4 === void 0 || _this$_currentRoomCon4.removeObserver(this._roomObserver);
+      (_this$_currentRoomCon = this._currentRoomControl) === null || _this$_currentRoomCon === void 0 || _this$_currentRoomCon.getStreamControl().removeObserver(this._streamObserver);
+      (_this$_currentRoomCon2 = this._currentRoomControl) === null || _this$_currentRoomCon2 === void 0 || _this$_currentRoomCon2.removeObserver(this._roomObserver);
       this._disposeReactions();
     }
   }, {
@@ -991,93 +962,87 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "setSetting",
     value: function setSetting(setting) {
-      var _this6 = this;
+      var _this7 = this;
       var newSetting = this._preHandleSetting(setting);
       this._sharedSettingDataSource.setSetting(newSetting);
       if (newSetting.displayedMaxAttendees) {
         this._sharedLayoutDataSource.setLayoutSize(newSetting.displayedMaxAttendees);
       }
       var settingActions = {
-        // autoAdjustmentMicrophoneVolume: (enable) =>
-        //   this.setMicrophoneVolume(enable ? 100 : this._deviceProvider.microphoneVolume),
-        // video
         videoHD: function videoHD(value) {
-          return _this6._enableVideoHd(value);
+          return _this7._enableVideoHd(value);
         },
         videoLowLight: function videoLowLight(value) {
-          return _this6._enableLowlightEnhancement(value);
+          return _this7._enableLowlightEnhancement(value);
         },
         hardwareForReception: function hardwareForReception(value) {
-          return _this6._enableHardwareForReception(value);
+          return _this7._enableHardwareForReception(value);
         },
         videoNoise: function videoNoise(value) {
-          return _this6._enableVideoDenoiser(value);
+          return _this7._enableVideoDenoiser(value);
         },
-        // audio
         audioHiFi: function audioHiFi(value) {
-          return _this6._deviceProvider.enableAudioHiFiMode(value);
+          return _this7._deviceProvider.enableAudioHiFiMode(value);
         },
         audioEchoCancellation: function audioEchoCancellation(value) {
-          return _this6._deviceProvider.enableAudioEchoCancellation(value);
+          return _this7._deviceProvider.enableAudioEchoCancellation(value);
         },
         audioStereo: function audioStereo(value) {
-          return _this6._deviceProvider.enableAudioStereo(value);
+          return _this7._deviceProvider.enableAudioStereo(value);
         },
         noiseReduce: function noiseReduce(value) {
-          return _this6._deviceProvider.setNoiseLevel(value);
+          return _this7._deviceProvider.setNoiseLevel(value);
         },
         language: function language(value) {
           return (0, _i18n.changeLanguage)(value);
         },
         beautyKey: function beautyKey(value) {
-          return _this6._deviceProvider.setEditBeautyKey(value);
+          return _this7._deviceProvider.setEditBeautyKey(value);
         },
         isLocalMirrorEnabled: function isLocalMirrorEnabled(value) {
-          return _this6._deviceProvider.toggleLocalMirror(value);
+          return _this7._deviceProvider.toggleLocalMirror(value);
         },
         enableBeauty: function enableBeauty(value) {
-          return _this6._deviceProvider.enableBeautyEffect(value);
+          return _this7._deviceProvider.enableBeautyEffect(value);
         },
         beautyOptions: function beautyOptions(value) {
-          return _this6._deviceProvider.setBeautyOptions(value);
+          return _this7._deviceProvider.setBeautyOptions(value);
         },
         virtualBackground: function virtualBackground(value) {
-          return _this6._deviceProvider.enableVirtualBackground(value.enable, value.source);
+          return _this7._deviceProvider.enableVirtualBackground(value.enable, value.source);
         },
         speakerId: function speakerId(value) {
-          // 如果设备存在，则设置设备 否则重置缓存
-          if (_this6._deviceProvider.speakerList.find(function (item) {
+          if (_this7._deviceProvider.speakerList.find(function (item) {
             return item.deviceId === value;
           })) {
-            _this6._deviceProvider.setSpeakerId(value);
+            _this7._deviceProvider.setSpeakerId(value);
           } else {
-            //
-            _this6._setMeetingSettingsToLocalStorage({
+            _this7._setMeetingSettingsToLocalStorage({
               speakerId: _deviceProvider.DEFAULT_DEVICE_ID
             });
           }
         },
         cameraId: function cameraId(value) {
-          if (_this6._deviceProvider.cameraList.find(function (item) {
+          if (_this7._deviceProvider.cameraList.find(function (item) {
             return item.deviceId === value;
           })) {
-            _this6._deviceProvider.setCameraId(value);
+            _this7._deviceProvider.setCameraId(value);
           } else {
-            var isDeviceListNotEmpty = _this6._deviceProvider.cameraList.length > 0;
+            var isDeviceListNotEmpty = _this7._deviceProvider.cameraList.length > 0;
             if (isDeviceListNotEmpty) {
-              _this6._setMeetingSettingsToLocalStorage({
-                cameraId: _this6._deviceProvider.cameraList[0].deviceId
+              _this7._setMeetingSettingsToLocalStorage({
+                cameraId: _this7._deviceProvider.cameraList[0].deviceId
               });
             }
           }
         },
         microphoneId: function microphoneId(value) {
-          if (_this6._deviceProvider.microphoneList.find(function (item) {
+          if (_this7._deviceProvider.microphoneList.find(function (item) {
             return item.deviceId === value;
           })) {
-            _this6._deviceProvider.setMicrophoneId(value);
+            _this7._deviceProvider.setMicrophoneId(value);
           } else {
-            _this6._setMeetingSettingsToLocalStorage({
+            _this7._setMeetingSettingsToLocalStorage({
               microphoneId: _deviceProvider.DEFAULT_DEVICE_ID
             });
           }
@@ -1093,15 +1058,71 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       }
     }
   }, {
-    key: "_onEvent",
-    value: function _onEvent(action, payload) {
-      if (action === _constant.FcrUIAction.OPEN_DEVICE_SETTING_DIALOG) {
-        var _ref3 = payload,
-          dialogId = _ref3.dialogId,
-          config = (0, _objectWithoutProperties2["default"])(_ref3, _excluded);
-        // this._currentDialogId = dialogId;
-        this.setDialogConfig(config);
+    key: "clearGetSystemInfoInterval",
+    value: function clearGetSystemInfoInterval() {
+      this.getSystemInfoTimer && clearInterval(this.getSystemInfoTimer);
+      this.getSystemInfoTimer = null;
+    }
+  }, {
+    key: "changeMediaSetting",
+    value: function changeMediaSetting(key, value) {
+      this._sharedSettingDataSource.setMedia((0, _defineProperty2["default"])({}, key, value));
+    }
+  }, {
+    key: "handleJoinRoom",
+    value: function handleJoinRoom() {
+      var roomProvider = this._objectManager.getObject(_objectManager.FcrUIObjectKeys.P_ROOM_PROVIDER);
+      this._currentRoomControl = new _roomProvider.FcrUICurrentRoomControlProviderImpl(roomProvider.currentRoomControl).currentRoomControl;
+      this._currentRoomControl.addObserver(this._roomObserver);
+      this._streamControl = this._currentRoomControl.getStreamControl();
+      this._streamControl.addObserver(this._streamObserver);
+      var streamInfoList = new Map();
+      this._currentRoomControl.getStreamControl().getStreamList().forEach(function (streamInfo) {
+        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;
+      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(isRoutingChange) {
+      var _this8 = this,
+        _this$_streamControl,
+        _this$_currentRoomCon3,
+        _this$_interpreterRoo;
+      this._disposers = this._disposers.filter(function (disposer) {
+        if (disposer !== _this8._interpreterRoomControlReaction) {
+          return true;
+        } else {
+          disposer();
+        }
+      });
+      (_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);
+      if (!isRoutingChange) {
+        this._deviceProvider.resetDevice();
+      }
+      this.isHiddenStateTab = true;
+      this._currentRoomControl = undefined;
+      this._interpreterRoomControl = undefined;
+      this._deviceProvider.removeObserver(this._deviceProviderObserver);
     }
   }, {
     key: "_onNetworkStatsUpdated",
@@ -1111,17 +1132,6 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
         this.networkState[key] = Math.floor(stats[key]);
       }
     }
-  }, {
-    key: "clearGetSystemInfoInterval",
-    value: function clearGetSystemInfoInterval() {
-      this.getSystemInfoTimer && clearInterval(this.getSystemInfoTimer);
-      this.getSystemInfoTimer = null;
-    }
-  }, {
-    key: "closeDialog",
-    value: function closeDialog() {
-      this._eventProvider.closeDialog(this._currentDialogId);
-    }
   }, {
     key: "_onLocalAudioStatsUpdated",
     value: function _onLocalAudioStatsUpdated(roomId, streamId, stats) {
@@ -1231,9 +1241,6 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
         var key = _arr2[_i3];
         this.performanceState[key] = Math.floor(status[key]);
       }
-
-      // Native SDK BUG：可能会存在 cpuTotalUsage 比 cpuAppUsage 低或者为 0 的情况
-
       this.performanceState.cpuAppUsage = Math.max(0, this.performanceState.cpuAppUsage);
       this.performanceState.cpuTotalUsage = Math.max(this.performanceState.cpuTotalUsage, this.performanceState.cpuAppUsage);
       this.performanceState.cpuOtherAppUsage = this.performanceState.cpuTotalUsage - this.performanceState.cpuAppUsage;
@@ -1248,31 +1255,8 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       }
       if (!this._deviceProvider.cameraEnabled) {
         this._deviceProvider.toggleLocalCameraPreview(true);
-        // TODO:
-        // this._deviceProvider.handleCameraChanged(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) {
@@ -1295,27 +1279,61 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       this._sharedSettingDataSource.setSetting(value);
     }
   }, {
-    key: "changeMediaSetting",
-    value: function changeMediaSetting(key, value) {
-      this._sharedSettingDataSource.setMedia((0, _defineProperty2["default"])({}, key, 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
+      });
     }
   }]);
 }();
-_SettingStore = SettingStore;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_SettingStore, [[_mobx.observable, 1, "loudestStreamVolumeLevel"], [_mobx.observable, 1, "meetingStatus"], [_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.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"], [_decorator.bound, 2, "startMeeting"], [_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, "_syncSystemInfo"], [_decorator.bound, 2, "startCameraTest"], [_decorator.bound, 2, "stopCameraTest"], [_decorator.bound, 2, "startMicrophoneTest"], [_decorator.bound, 2, "stopMicrophoneTest"], [_setDialogConfigDecs, 18, "setDialogConfig"], [_setSettingDecs, 18, "setSetting"], [_onEventDecs, 18, "_onEvent"], [_onNetworkStatsUpdatedDecs, 18, "_onNetworkStatsUpdated"], [_clearGetSystemInfoIntervalDecs, 18, "clearGetSystemInfoInterval"], [_closeDialogDecs, 18, "closeDialog"], [_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"], [_changeMediaSettingDecs, 18, "changeMediaSetting"]], []).e, 15);
+_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);
 _init_loudestStreamVolumeLevel = _applyDecs$e[0];
-_init_meetingStatus = _applyDecs$e[1];
-_init_microphoneVolumeLevel = _applyDecs$e[2];
-_init_isWifiConnected = _applyDecs$e[3];
-_init_dialogConfig = _applyDecs$e[4];
-_init_networkState = _applyDecs$e[5];
-_init_performanceState = _applyDecs$e[6];
-_init_localAudioStreamMap = _applyDecs$e[7];
-_init_remoteAudioStreamMap = _applyDecs$e[8];
-_init_localVideoStreamMap = _applyDecs$e[9];
-_init_remoteVideoStreamMap = _applyDecs$e[10];
-_init_systemMemorySize = _applyDecs$e[11];
-_init_systemCpuDesc = _applyDecs$e[12];
-_init_getSystemInfoTimer = _applyDecs$e[13];
+_init_microphoneVolumeLevel = _applyDecs$e[1];
+_init_isWifiConnected = _applyDecs$e[2];
+_init_dialogConfig = _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_isHiddenStateTab = _applyDecs$e[13];
 _initProto = _applyDecs$e[14];
 var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);