fcr-ui-scene 3.6.4-rc.1 → 3.7.0

package/lib/modules/setting/store.js

@@ -10,6 +10,7 @@ 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");
 require("core-js/modules/es.date.to-string.js");
+require("core-js/modules/es.function.bind.js");
 require("core-js/modules/es.function.name.js");
 require("core-js/modules/es.number.constructor.js");
 require("core-js/modules/es.object.create.js");
@@ -21,8 +22,6 @@ 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");
-require("core-js/modules/esnext.iterator.filter.js");
-require("core-js/modules/esnext.iterator.find.js");
 require("core-js/modules/esnext.symbol.metadata.js");
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 var _typeof = require("@babel/runtime/helpers/typeof");
@@ -54,7 +53,6 @@ require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.array.push.js");
 require("core-js/modules/es.array.reduce.js");
 require("core-js/modules/es.date.to-json.js");
-require("core-js/modules/es.function.bind.js");
 require("core-js/modules/es.json.stringify.js");
 require("core-js/modules/es.map.js");
 require("core-js/modules/es.math.log10.js");
@@ -66,6 +64,8 @@ require("core-js/modules/es.object.to-string.js");
 require("core-js/modules/es.string.iterator.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");
+require("core-js/modules/esnext.iterator.find.js");
 require("core-js/modules/esnext.iterator.for-each.js");
 require("core-js/modules/esnext.iterator.map.js");
 require("core-js/modules/esnext.iterator.reduce.js");
@@ -95,13 +95,14 @@ 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 _parameters = require("../../utilities/parameters");
 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_isPreMeetingSettingsStore, _init_microphoneVolumeLevel, _init_isWifiConnected, _init_dialogConfig, _init_networkState, _init_performanceState, _init_localAudioStreamMap, _init_remoteAudioStreamMap, _init_localVideoStreamMap, _init_remoteVideoStreamMap, _init_systemMemorySize, _init_systemCpuDesc, _init_config, _init_getSystemInfoTimer, _setDialogConfigDecs, _setSettingDecs, _onEventDecs, _onNetworkStatsUpdatedDecs, _clearGetSystemInfoIntervalDecs, _closeDialogDecs, _onLocalAudioStatsUpdatedDecs, _onRemoteAudioStatsUpdatedDecs, _onLocalVideoStatsUpdatedDecs, _onRemoteVideoStatsUpdatedDecs, _onStreamsAddedDecs, _onStreamsUpdatedDecs, _onStreamsRemovedDecs, _onPerformanceUpdatedDecs, _onAudioVolumeUpdatedDecs, _preHandleSettingDecs, _setMeetingSettingsToLocalStorageDecs, _getMeetingSettingsFromLocalStorageDecs, _changeMediaSettingDecs, _ref;
+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, _setDialogConfigDecs, _setSettingDecs, _onEventDecs, _onNetworkStatsUpdatedDecs, _clearGetSystemInfoIntervalDecs, _closeDialogDecs, _onLocalAudioStatsUpdatedDecs, _onRemoteAudioStatsUpdatedDecs, _onLocalVideoStatsUpdatedDecs, _onRemoteVideoStatsUpdatedDecs, _onStreamsAddedDecs, _onStreamsUpdatedDecs, _onStreamsRemovedDecs, _onPerformanceUpdatedDecs, _onAudioVolumeUpdatedDecs, _preHandleSettingDecs, _setMeetingSettingsToLocalStorageDecs, _changeMediaSettingDecs, _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; }
@@ -134,6 +135,23 @@ var mapDevice2Option = function mapDevice2Option(deviceList) {
     };
   });
 };
+var getMaxVideoStream = function getMaxVideoStream(streamList) {
+  return streamList.filter(function (item) {
+    return !item.isScreenStream;
+  }).reduce(function (maxItem, item) {
+    if (!maxItem) return item;
+    if (item.dimensions.width * item.dimensions.height > maxItem.dimensions.width * maxItem.dimensions.height) {
+      return item;
+    }
+    return maxItem;
+  }, null);
+};
+var getVolumeDb = function getVolumeDb(volume) {
+  if (volume === 0) {
+    return '0';
+  }
+  return (70 + 20 * Math.log10(volume / 255)).toFixed(1);
+};
 var _A = /*#__PURE__*/new WeakMap();
 var _B = /*#__PURE__*/new WeakMap();
 var _C = /*#__PURE__*/new WeakMap();
@@ -147,32 +165,24 @@ var _J = /*#__PURE__*/new WeakMap();
 var _K = /*#__PURE__*/new WeakMap();
 var _L = /*#__PURE__*/new WeakMap();
 var _M = /*#__PURE__*/new WeakMap();
-var _N = /*#__PURE__*/new WeakMap();
-var _O = /*#__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], _getMeetingSettingsFromLocalStorageDecs = [_mobx.action, _mobx.action.bound], _changeMediaSettingDecs = [_mobx.action, _mobx.action.bound], "_userSettingStorageProvider");
+_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 _this$_roomControl, _this$_streamControl, _this$_streamControl2;
-    var monitorControl = _ref2.monitorControl,
-      uiEventStore = _ref2.uiEventStore,
-      deviceStore = _ref2.deviceStore,
-      streamControl = _ref2.streamControl,
-      roomControl = _ref2.roomControl,
-      config = _ref2.config,
-      parameters = _ref2.parameters,
+    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,
-      settingConfig = _ref2.settingConfig,
-      userId = _ref2.userId,
-      userSettingStorageProvider = _ref2.userSettingStorageProvider;
+      sharedInterpreterDataSource = _ref2.sharedInterpreterDataSource;
     (0, _classCallCheck2["default"])(this, SettingStore);
     // @internal
-    (0, _defineProperty2["default"])(this, _ref, void _initProto(this));
-    (0, _defineProperty2["default"])(this, "logger", (0, _logger.createLogger)({
+    (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", '');
@@ -205,16 +215,15 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       onStreamVolumeIndicationUpdated: this._onAudioVolumeUpdated
     });
     _classPrivateFieldInitSpec(this, _A, _init_loudestStreamVolumeLevel(this, 0));
-    _classPrivateFieldInitSpec(this, _B, _init_isPreMeetingSettingsStore(this, true));
-    _classPrivateFieldInitSpec(this, _C, _init_microphoneVolumeLevel(this, 0));
-    _classPrivateFieldInitSpec(this, _D, _init_isWifiConnected(this, false));
-    _classPrivateFieldInitSpec(this, _E, _init_dialogConfig(this, {
+    _classPrivateFieldInitSpec(this, _B, _init_microphoneVolumeLevel(this, 0));
+    _classPrivateFieldInitSpec(this, _C, _init_isWifiConnected(this, false));
+    _classPrivateFieldInitSpec(this, _D, _init_dialogConfig(this, {
       // activeTab: DeviceSettingTab.AUDIO,
       activeTab: DeviceSettingTab.GENERAL,
       highlightSelector: undefined,
       videoActiveTab: 'basic'
     }));
-    _classPrivateFieldInitSpec(this, _F, _init_networkState(this, {
+    _classPrivateFieldInitSpec(this, _E, _init_networkState(this, {
       txPacketLoss: -1,
       rxPacketLoss: -1,
       rtt: 0,
@@ -229,7 +238,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,
@@ -239,62 +248,47 @@ 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_config(this, undefined));
-    _classPrivateFieldInitSpec(this, _O, _init_getSystemInfoTimer(this, null));
-    this._userSettingStorageProvider = userSettingStorageProvider;
-    this._monitorControl = monitorControl;
-    this._streamControl = streamControl;
-    this._roomControl = roomControl;
-    this.config = config;
-    this._uiEventStore = uiEventStore;
-    this._deviceStore = deviceStore;
+    _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));
+    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._settingConfig = settingConfig;
-    this._userId = userId;
-    if (this._roomControl) {
-      this.isPreMeetingSettingsStore = false;
-    } else {
-      this.isPreMeetingSettingsStore = true;
-    }
-    // this._initDialogConfig();
-
-    var defaultVideoGallerySize = (0, _parameters.getDefaultVideoGallerySize)(parameters);
-    if (defaultVideoGallerySize) {
-      defaultVideoGallerySize = Math.min(Math.max(defaultVideoGallerySize, 16), 25);
+    this._sharedInterpreterDataSource = sharedInterpreterDataSource;
+    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._uiEventStore.addObserver(this._onEventObserver);
+    this._eventProvider.addObserver(this._onEventObserver);
     this._dialogProvider.addObserver(this._onEventObserver);
-    this._monitorControl.addObserver(this._monitorObserver);
-    (_this$_roomControl = this._roomControl) === null || _this$_roomControl === void 0 || _this$_roomControl.addObserver(this._roomObserver);
-    (_this$_streamControl = this._streamControl) === null || _this$_streamControl === void 0 || _this$_streamControl.addObserver(this._streamObserver);
-    this.startMicrophoneTest = this.startMicrophoneTest.bind(this);
-    this.stopMicrophoneTest = this.stopMicrophoneTest.bind(this);
+    this._monitorProvider.addObserver(this._monitorObserver);
     this._syncSystemInfo();
     this._initReactions();
-    if (this._deviceStore.defaultMirror) {
-      this._deviceStore.toggleLocalMirror(true);
+    if (this._deviceProvider.defaultMirror) {
+      this._deviceProvider.toggleLocalMirror(true);
     }
-    if (this._deviceStore.cameraId) {
-      this._cameraTrack = this._deviceStore.cameraTrack;
+    if (this._deviceProvider.cameraId) {
+      this._cameraTrack = this._deviceProvider.cameraTrack;
     }
     if (this.dialogConfig.activeTab === DeviceSettingTab.STATE) {
       this._setupAudioVolumeAnalyzerTask();
     }
-    var streamInfoList = new Map();
-    (_this$_streamControl2 = this._streamControl) === null || _this$_streamControl2 === void 0 || _this$_streamControl2.getStreamList().forEach(function (streamInfo) {
-      streamInfoList.set(streamInfo.streamId, streamInfo);
-    });
-    this._streamInfoList = streamInfoList;
-    this.setSetting(this.setting);
+    this.initSettingConfig();
     // @ts-ignore
     window._settingStore = this;
   }
@@ -307,7 +301,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_A, this, v);
     }
   }, {
-    key: "isPreMeetingSettingsStore",
+    key: "microphoneVolumeLevel",
     get: function get() {
       return _classPrivateFieldGet(_B, this);
     },
@@ -315,7 +309,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_B, this, v);
     }
   }, {
-    key: "microphoneVolumeLevel",
+    key: "isWifiConnected",
     get: function get() {
       return _classPrivateFieldGet(_C, this);
     },
@@ -323,7 +317,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_C, this, v);
     }
   }, {
-    key: "isWifiConnected",
+    key: "dialogConfig",
     get: function get() {
       return _classPrivateFieldGet(_D, this);
     },
@@ -331,7 +325,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_D, this, v);
     }
   }, {
-    key: "dialogConfig",
+    key: "networkState",
     get: function get() {
       return _classPrivateFieldGet(_E, this);
     },
@@ -339,7 +333,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_E, this, v);
     }
   }, {
-    key: "networkState",
+    key: "performanceState",
     get: function get() {
       return _classPrivateFieldGet(_F, this);
     },
@@ -347,7 +341,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_F, this, v);
     }
   }, {
-    key: "performanceState",
+    key: "localAudioStreamMap",
     get: function get() {
       return _classPrivateFieldGet(_G, this);
     },
@@ -355,7 +349,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_G, this, v);
     }
   }, {
-    key: "localAudioStreamMap",
+    key: "remoteAudioStreamMap",
     get: function get() {
       return _classPrivateFieldGet(_H, this);
     },
@@ -363,7 +357,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_H, this, v);
     }
   }, {
-    key: "remoteAudioStreamMap",
+    key: "localVideoStreamMap",
     get: function get() {
       return _classPrivateFieldGet(_I, this);
     },
@@ -371,7 +365,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_I, this, v);
     }
   }, {
-    key: "localVideoStreamMap",
+    key: "remoteVideoStreamMap",
     get: function get() {
       return _classPrivateFieldGet(_J, this);
     },
@@ -379,7 +373,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_J, this, v);
     }
   }, {
-    key: "remoteVideoStreamMap",
+    key: "systemMemorySize",
     get: function get() {
       return _classPrivateFieldGet(_K, this);
     },
@@ -387,7 +381,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_K, this, v);
     }
   }, {
-    key: "systemMemorySize",
+    key: "systemCpuDesc",
     get: function get() {
       return _classPrivateFieldGet(_L, this);
     },
@@ -395,54 +389,22 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       _classPrivateFieldSet(_L, this, v);
     }
   }, {
-    key: "systemCpuDesc",
+    key: "getSystemInfoTimer",
     get: function get() {
       return _classPrivateFieldGet(_M, this);
     },
     set: function set(v) {
       _classPrivateFieldSet(_M, this, v);
     }
-  }, {
-    key: "config",
-    get: function get() {
-      return _classPrivateFieldGet(_N, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_N, this, v);
-    }
-  }, {
-    key: "getSystemInfoTimer",
-    get: function get() {
-      return _classPrivateFieldGet(_O, this);
-    },
-    set: function set(v) {
-      _classPrivateFieldSet(_O, this, v);
-    }
   }, {
     key: "maxVideoSendInfo",
     get: function get() {
-      return (0, _toConsumableArray2["default"])(this.localVideoStreamMap.values()).filter(function (item) {
-        return !item.isScreenStream;
-      }).reduce(function (maxItem, item) {
-        if (!maxItem) return item;
-        if (item.dimensions.width * item.dimensions.height > maxItem.dimensions.width * maxItem.dimensions.height) {
-          return item;
-        }
-        return maxItem;
-      }, null);
+      return getMaxVideoStream((0, _toConsumableArray2["default"])(this.localVideoStreamMap.values()));
     }
   }, {
     key: "maxVideoReceiveInfo",
     get: function get() {
-      return (0, _toConsumableArray2["default"])(this.remoteVideoStreamMap.values()).filter(function (item) {
-        return !item.isScreenStream;
-      }).reduce(function (maxItem, item) {
-        if (!maxItem) return item;
-        if (item.dimensions.width * item.dimensions.height > maxItem.dimensions.width * maxItem.dimensions.height) {
-          return item;
-        }
-        return maxItem;
-      }, null);
+      return getMaxVideoStream((0, _toConsumableArray2["default"])(this.remoteVideoStreamMap.values()));
     }
   }, {
     key: "sendScreenShareInfo",
@@ -461,128 +423,122 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "microphoneVolumeDb",
     get: function get() {
-      if (this.microphoneVolumeLevel === 0) {
-        return '0';
-      }
-      return (70 + 20 * Math.log10(this.microphoneVolumeLevel / 255)).toFixed(1);
+      return getVolumeDb(this.microphoneVolumeLevel);
     }
   }, {
     key: "speakerVolumeDb",
     get: function get() {
-      if (this.loudestStreamVolumeLevel === 0) {
-        return '0';
-      }
-      return (70 + 20 * Math.log10(this.loudestStreamVolumeLevel / 255)).toFixed(1);
+      return getVolumeDb(this.loudestStreamVolumeLevel);
     }
   }, {
     key: "speakerTestVolumeLevel",
     get: function get() {
-      return this._deviceStore.speakerVolumeLevel;
+      return this._deviceProvider.speakerVolumeLevel;
     }
   }, {
     key: "microphoneTestVolumeLevel",
     get: function get() {
-      return this._deviceStore.microphoneVolumeLevel;
+      return this._deviceProvider.microphoneVolumeLevel;
     }
   }, {
     key: "speakerVolume",
     get: function get() {
-      return this._deviceStore.speakerVolume;
+      return this._deviceProvider.speakerVolume;
     }
   }, {
     key: "microphoneVolume",
     get: function get() {
-      return this._deviceStore.microphoneVolume;
+      return this._deviceProvider.microphoneVolume;
     }
   }, {
     key: "isLocalMirrorEnabled",
     get: function get() {
-      return this._deviceStore.isLocalMirrorEnabled;
+      return this._deviceProvider.isLocalMirrorEnabled;
     }
   }, {
     key: "isLocalEditBeautyOptions",
     get: function get() {
-      return this._deviceStore.isLocalEditBeautyOptions;
+      return this._deviceProvider.isLocalEditBeautyOptions;
     }
   }, {
     key: "currentBeautyKey",
     get: function get() {
-      return this._deviceStore.beautyKey;
+      return this._deviceProvider.beautyKey;
     }
   }, {
     key: "beautyOptions",
     get: function get() {
-      return this._deviceStore.beautyOptions;
+      return this._deviceProvider.beautyOptions;
     }
   }, {
     key: "cameraDeviceId",
     get: function get() {
-      return this._deviceStore.cameraId;
+      return this._deviceProvider.cameraId;
     }
   }, {
     key: "cameraEnabled",
     get: function get() {
-      return this._deviceStore.cameraEnabled;
+      return this._deviceProvider.cameraEnabled;
     }
   }, {
     key: "showForceOpenEffectDialog",
     get: function get() {
-      return this._deviceStore.showForceOpenEffectDialog;
+      return this._deviceProvider.showForceOpenEffectDialog;
     }
   }, {
     key: "currentVirtualBackgroundName",
     get: function get() {
-      return this._deviceStore.virtualBackgroundName;
+      return this._deviceProvider.virtualBackgroundName;
     }
   }, {
     key: "cameraDeviceList",
     get: function get() {
-      return mapDevice2Option(this._deviceStore.cameraList);
+      return mapDevice2Option(this._deviceProvider.cameraList);
     }
   }, {
     key: "microphoneDeviceId",
     get: function get() {
-      return this._deviceStore.microphoneId;
+      return this._deviceProvider.microphoneId;
     }
   }, {
     key: "speakerDeviceId",
     get: function get() {
-      return this._deviceStore.speakerId;
+      return this._deviceProvider.speakerId;
     }
   }, {
     key: "speakerDeviceList",
     get: function get() {
-      return mapDevice2Option(this._deviceStore.speakerList);
+      return mapDevice2Option(this._deviceProvider.speakerList);
     }
   }, {
     key: "microphoneDeviceList",
     get: function get() {
-      return mapDevice2Option(this._deviceStore.microphoneList);
+      return mapDevice2Option(this._deviceProvider.microphoneList);
     }
   }, {
     key: "enableBeauty",
     get: function get() {
-      return this._deviceStore.enableBeauty;
+      return this._deviceProvider.enableBeauty;
     }
   }, {
     key: "virtualBackgroundList",
     get: function get() {
-      return this._deviceStore.virtualBackgroundList;
+      return this._deviceProvider.virtualBackgroundList;
     }
   }, {
     key: "currentIsMirror",
     get: function get() {
-      return this._deviceStore.currentIsMirror;
+      return this._deviceProvider.currentIsMirror;
     }
   }, {
     key: "microphoneDetecting",
     get: function get() {
-      return this._deviceStore.microphoneDetecting;
+      return this._deviceProvider.microphoneDetecting;
     }
   }, {
     key: "speakerDetecting",
     get: function get() {
-      return this._deviceStore.speakerDetecting;
+      return this._deviceProvider.speakerDetecting;
     }
   }, {
     key: "setting",
@@ -590,36 +546,54 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       return this._sharedSettingDataSource.setting;
     }
   }, {
-    key: "settingConfig",
+    key: "media",
     get: function get() {
-      return this._settingConfig;
+      return this._sharedSettingDataSource.media;
+    }
+  }, {
+    key: "isPreMeetingSettingsStore",
+    get: function get() {
+      return !this._currentRoomControl;
+    }
+  }, {
+    key: "sceneConfig",
+    get: function get() {
+      return this._sharedConfigDataSource.sceneConfig;
     }
   }, {
     key: "messageProvider",
     get: function get() {
       return this._messageProvider;
     }
+  }, {
+    key: "initSettingConfig",
+    value: function initSettingConfig() {
+      this._sharedSettingDataSource.initSettingConfig();
+      this.setSetting(this._sharedSettingDataSource.setting);
+    }
   }, {
     key: "enableVirtualBackground",
     value: function enableVirtualBackground(enable, source) {
-      this._deviceStore.enableVirtualBackground(enable, source);
+      this._deviceProvider.enableVirtualBackground(enable, source);
       this._setMeetingSettingsToLocalStorage({
-        enable: enable,
-        source: source
+        virtualBackground: {
+          enable: enable,
+          source: source
+        }
       });
     }
   }, {
     key: "setEditBeautyKey",
     value: function setEditBeautyKey(key) {
-      this._deviceStore.setEditBeautyKey(key);
+      this._deviceProvider.setEditBeautyKey(key);
       this._setMeetingSettingsToLocalStorage({
-        editBeautyKey: key
+        beautyKey: key
       });
     }
   }, {
     key: "enableBeautyEffect",
     value: function enableBeautyEffect(enable) {
-      this._deviceStore.enableBeautyEffect(enable);
+      this._deviceProvider.enableBeautyEffect(enable);
       this._setMeetingSettingsToLocalStorage({
         enableBeauty: enable
       });
@@ -632,7 +606,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
         return _this.setting.shouldHideNonVideoParticipants;
       }, function (shouldHideNonVideoParticipants) {
         if (shouldHideNonVideoParticipants) {
-          _this._uiEventStore.showToast({
+          _this._eventProvider.showToast({
             type: 'normal',
             message: (0, _i18n.transI18n)('fmt_internalsetting_other_hide_no_video_toast')
           });
@@ -649,13 +623,28 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
           _this._setupAudioVolumeAnalyzerTask();
         }
       }), (0, _mobx.reaction)(function () {
-        return _this._deviceStore.microphoneEnabled;
+        return _this._deviceProvider.microphoneEnabled;
       }, function (microphoneEnabled) {
         if (!microphoneEnabled) {
           (0, _mobx.runInAction)(function () {
             _this.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,43 +663,43 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
         var loudestStreamVolumeLevel = Math.max.apply(Math, [0].concat((0, _toConsumableArray2["default"])(Array.from(_this2._streamVolumeMap.values()))));
         (0, _mobx.runInAction)(function () {
           _this2.loudestStreamVolumeLevel = loudestStreamVolumeLevel;
-          _this2.microphoneVolumeLevel = _this2._deviceStore.microphoneVolumeLevel;
+          _this2.microphoneVolumeLevel = _this2._deviceProvider.microphoneVolumeLevel;
         });
       }, this._volumeIndicationInterval);
     }
   }, {
     key: "setCameraDevice",
-    value: function setCameraDevice(id) {
-      this._deviceStore.setCameraId(id);
+    value: function setCameraDevice(cameraId) {
+      this._deviceProvider.setCameraId(cameraId);
       this._setMeetingSettingsToLocalStorage({
-        cameraDeviceId: id
+        cameraId: cameraId
       });
     }
   }, {
     key: "setMicrophoneDevice",
     value: function setMicrophoneDevice(deviceId) {
       this._setMeetingSettingsToLocalStorage({
-        microphoneDeviceId: deviceId
+        microphoneId: deviceId
       });
-      this._deviceStore.setMicrophoneId(deviceId);
+      this._deviceProvider.setMicrophoneId(deviceId);
     }
   }, {
     key: "stopSpeakerTest",
     value: function stopSpeakerTest() {
-      this._deviceStore.stopSpeakerTest();
+      this._deviceProvider.stopSpeakerTest();
     }
   }, {
     key: "startSpeakerTest",
     value: function startSpeakerTest() {
-      this._deviceStore.startSpeakerTest();
+      this._deviceProvider.startSpeakerTest();
     }
   }, {
     key: "setSpeakerDevice",
     value: function setSpeakerDevice(deviceId) {
       this._setMeetingSettingsToLocalStorage({
-        speakerDeviceId: deviceId
+        speakerId: deviceId
       });
-      this._deviceStore.setSpeakerId(deviceId);
+      this._deviceProvider.setSpeakerId(deviceId);
     }
   }, {
     key: "setSpeakerVolume",
@@ -718,7 +707,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       this._setMeetingSettingsToLocalStorage({
         speakerVolume: value
       });
-      this._deviceStore.setSpeakerVolume(value);
+      this._deviceProvider.setSpeakerVolume(value);
     }
   }, {
     key: "setMicrophoneVolume",
@@ -726,12 +715,12 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       this._setMeetingSettingsToLocalStorage({
         microphoneVolume: value
       });
-      this._deviceStore.setMicrophoneVolume(value);
+      this._deviceProvider.setMicrophoneVolume(value);
     }
   }, {
     key: "setVideoOrientation",
     value: function setVideoOrientation() {
-      return this._deviceStore.setVideoOrientation();
+      return this._deviceProvider.setVideoOrientation();
     }
   }, {
     key: "setBeautyOptions",
@@ -739,13 +728,13 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       this._setMeetingSettingsToLocalStorage({
         beautyOptions: _objectSpread(_objectSpread({}, this.beautyOptions), beautyOption)
       });
-      return this._deviceStore.setBeautyOptions(beautyOption);
+      return this._deviceProvider.setBeautyOptions(beautyOption);
     }
   }, {
     key: "toggleLocalMirrorPreview",
     value: function toggleLocalMirrorPreview(isMirror) {
       var _this3 = this;
-      if (!this._videoView4Setting || !this._deviceStore.cameraId) return;
+      if (!this._videoView4Setting || !this._deviceProvider.cameraId) return;
       this.stopVideo();
       // 直接在一个loop中调用stop和start会导致glcontext无法正常释放，现象 [APAAS-7207]
       setTimeout(function () {
@@ -753,7 +742,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       });
 
       // set mirror for layout
-      this._deviceStore.toggleLocalMirrorPreview(isMirror);
+      this._deviceProvider.toggleLocalMirrorPreview(isMirror);
     }
   }, {
     key: "startVideo",
@@ -762,7 +751,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       if (!view) return;
       this._videoView4Setting = view;
       this.startCameraTest();
-      var cameraTrack = this._deviceStore.cameraTrack;
+      var cameraTrack = this._deviceProvider.cameraTrack;
       cameraTrack.startPreview({
         renderMode: _fcrCore.FcrVideoRenderMode.HIDDEN,
         isMirror: isMirror
@@ -773,30 +762,30 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
     value: function stopVideo() {
       this.stopCameraTest();
       if (!this._videoView4Setting) return;
-      var cameraTrack = this._deviceStore.cameraTrack;
+      var cameraTrack = this._deviceProvider.cameraTrack;
       cameraTrack.stopPreview(this._videoView4Setting);
     }
   }, {
     key: "handleForceOpenVideoEffect",
     value: function handleForceOpenVideoEffect() {
-      return this._deviceStore.handleForceOpenVideoEffect();
+      return this._deviceProvider.handleForceOpenVideoEffect();
     }
   }, {
     key: "handleCancelForceOpenVideoEffect",
     value: function handleCancelForceOpenVideoEffect() {
-      return this._deviceStore.handleCancelForceOpenVideoEffect();
+      return this._deviceProvider.handleCancelForceOpenVideoEffect();
     }
   }, {
     key: "toggleLocalMirror",
     value: function toggleLocalMirror(enable) {
       var _this4 = this;
-      if (!this._videoView4Setting || !this._deviceStore.cameraId) return;
+      if (!this._videoView4Setting || !this._deviceProvider.cameraId) return;
       this.stopVideo();
       // 直接在一个loop中调用stop和start会导致glcontext无法正常释放，现象 [APAAS-7207]
       setTimeout(function () {
         _this4.startVideo(enable);
       });
-      this._deviceStore.toggleLocalMirror(enable);
+      this._deviceProvider.toggleLocalMirror(enable);
       this._setMeetingSettingsToLocalStorage({
         isLocalMirrorEnabled: enable
       });
@@ -806,9 +795,9 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
     value: function setSettingVideoOpened(opened) {
       this._settingVideoOpened = opened;
       if (opened) {
-        this._deviceStore.addObserver(this._deviceStoreObserver);
+        this._deviceProvider.addObserver(this._deviceStoreObserver);
       } else {
-        this._deviceStore.removeObserver(this._deviceStoreObserver);
+        this._deviceProvider.removeObserver(this._deviceStoreObserver);
       }
     }
   }, {
@@ -846,16 +835,16 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_enableVideoHd",
     value: function _enableVideoHd(enable) {
-      if (!this._deviceStore.cameraId) return;
-      var track = this._deviceStore.cameraTrack;
+      if (!this._deviceProvider.cameraId) return;
+      var track = this._deviceProvider.cameraTrack;
       if (enable) {
         track.setCaptureParams(_objectSpread(_objectSpread({}, _config.hdCameraVideoEncoderConfig), {}, {
-          isMirror: this._deviceStore.currentIsMirror
+          isMirror: this._deviceProvider.currentIsMirror
         }));
         this._setVideoEncoderConfigForCameraStream(_config.hdCameraVideoEncoderConfig);
       } else {
         track.setCaptureParams(_objectSpread(_objectSpread({}, _config.defaultCameraVideoEncoderConfig), {}, {
-          isMirror: this._deviceStore.currentIsMirror
+          isMirror: this._deviceProvider.currentIsMirror
         }));
         this._setVideoEncoderConfigForCameraStream(_config.defaultCameraVideoEncoderConfig);
       }
@@ -863,8 +852,8 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_setVideoEncoderConfigForCameraStream",
     value: function _setVideoEncoderConfigForCameraStream(config) {
-      var _this$_streamControl3;
-      var localStreams = (_this$_streamControl3 = this._streamControl) === null || _this$_streamControl3 === void 0 ? void 0 : _this$_streamControl3.getStreamsByUserId(this._userId);
+      if (!this._currentRoomControl) return;
+      var localStreams = this._currentRoomControl.getStreamControl().getStreamsByUserId(this._sharedConfigDataSource.creatorConfig.userId);
       if (localStreams) {
         var _iterator = _createForOfIteratorHelper(localStreams),
           _step;
@@ -872,8 +861,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
           for (_iterator.s(); !(_step = _iterator.n()).done;) {
             var stream = _step.value;
             if (stream.videoSourceType === _fcrCore.FcrVideoSourceType.CAMERA) {
-              var _this$_streamControl4;
-              (_this$_streamControl4 = this._streamControl) === null || _this$_streamControl4 === void 0 || _this$_streamControl4.setVideoEncoderConfig(stream.streamId, config, _fcrCore.FcrVideoStreamType.HIGH_STREAM);
+              this._currentRoomControl.getStreamControl().setVideoEncoderConfig(stream.streamId, config, _fcrCore.FcrVideoStreamType.HIGH_STREAM);
             }
           }
         } catch (err) {
@@ -888,8 +876,8 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_enableLowlightEnhancement",
     value: function _enableLowlightEnhancement(enable) {
-      if (!this._deviceStore.cameraId) return;
-      var track = this._deviceStore.cameraTrack;
+      if (!this._deviceProvider.cameraId) return;
+      var track = this._deviceProvider.cameraTrack;
       if (enable) {
         track.getVideoEffectEnhancer().enableLowlightEnhancement();
       } else {
@@ -900,8 +888,8 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_enableVideoDenoiser",
     value: function _enableVideoDenoiser(enable) {
-      if (!this._deviceStore.cameraId) return;
-      var track = this._deviceStore.cameraTrack;
+      if (!this._deviceProvider.cameraId) return;
+      var track = this._deviceProvider.cameraTrack;
       if (enable) {
         track.getVideoEffectEnhancer().enableVideoDenoiser();
       } else {
@@ -913,8 +901,8 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_enableHardwareForReception",
     value: function _enableHardwareForReception(enable) {
-      if (!this._deviceStore.cameraId) return;
-      var track = this._deviceStore.cameraTrack;
+      if (!this._deviceProvider.cameraId) return;
+      var track = this._deviceProvider.cameraTrack;
       if (enable) {
         track.getVideoEffectEnhancer().enableHardwareEncoder();
       } else {
@@ -925,14 +913,14 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
     key: "startCameraTest",
     value: function startCameraTest() {
       if (!this.cameraDeviceId) return;
-      var cameraVideoTrack = this._deviceStore.cameraTrack;
+      var cameraVideoTrack = this._deviceProvider.cameraTrack;
       cameraVideoTrack.startTest();
     }
   }, {
     key: "stopCameraTest",
     value: function stopCameraTest() {
       if (!this.cameraDeviceId) return;
-      var cameraVideoTrack = this._deviceStore.cameraTrack;
+      var cameraVideoTrack = this._deviceProvider.cameraTrack;
       if (this._videoView4Setting) {
         cameraVideoTrack.stopPreview(this._videoView4Setting);
       }
@@ -941,25 +929,25 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "startMicrophoneTest",
     value: function startMicrophoneTest() {
-      this._deviceStore.startMicrophoneTest();
+      this._deviceProvider.startMicrophoneTest();
     }
   }, {
     key: "stopMicrophoneTest",
     value: function stopMicrophoneTest() {
-      this._deviceStore.stopMicrophoneTest();
+      this._deviceProvider.stopMicrophoneTest();
     }
   }, {
     key: "release",
     value: function release() {
-      var _this$_roomControl2, _this$_streamControl5;
+      var _this$_currentRoomCon3, _this$_currentRoomCon4;
       if (this.getSystemInfoTimer) {
         this.clearGetSystemInfoInterval();
       }
-      this._monitorControl.removeObserver(this._monitorObserver);
+      this._monitorProvider.removeObserver(this._monitorObserver);
       this._dialogProvider.removeObserver(this._onEventObserver);
-      this._uiEventStore.removeObserver(this._onEventObserver);
-      (_this$_roomControl2 = this._roomControl) === null || _this$_roomControl2 === void 0 || _this$_roomControl2.removeObserver(this._roomObserver);
-      (_this$_streamControl5 = this._streamControl) === null || _this$_streamControl5 === void 0 || _this$_streamControl5.removeObserver(this._streamObserver);
+      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._disposeReactions();
     }
   }, {
@@ -975,16 +963,13 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
     value: function setSetting(setting) {
       var _this6 = this;
       var newSetting = this._preHandleSetting(setting);
-      var assignedSetting = _objectSpread(_objectSpread({}, this.setting), newSetting);
-      this._sharedSettingDataSource.setSetting(assignedSetting);
+      this._sharedSettingDataSource.setSetting(newSetting);
       if (newSetting.displayedMaxAttendees) {
-        var _this$_sharedLayoutDa;
-        (_this$_sharedLayoutDa = this._sharedLayoutDataSource) === null || _this$_sharedLayoutDa === void 0 || _this$_sharedLayoutDa.setLayoutSize(newSetting.displayedMaxAttendees);
+        this._sharedLayoutDataSource.setLayoutSize(newSetting.displayedMaxAttendees);
       }
       var settingActions = {
-        autoAdjustmentMicrophoneVolume: function autoAdjustmentMicrophoneVolume(enable) {
-          return _this6.setMicrophoneVolume(enable ? 100 : _this6._deviceStore.microphoneVolume);
-        },
+        // autoAdjustmentMicrophoneVolume: (enable) =>
+        //   this.setMicrophoneVolume(enable ? 100 : this._deviceProvider.microphoneVolume),
         // video
         videoHD: function videoHD(value) {
           return _this6._enableVideoHd(value);
@@ -1000,16 +985,70 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
         },
         // audio
         audioHiFi: function audioHiFi(value) {
-          return _this6._deviceStore.enableAudioHiFiMode(value);
+          return _this6._deviceProvider.enableAudioHiFiMode(value);
         },
         audioEchoCancellation: function audioEchoCancellation(value) {
-          return _this6._deviceStore.enableAudioEchoCancellation(value);
+          return _this6._deviceProvider.enableAudioEchoCancellation(value);
         },
         audioStereo: function audioStereo(value) {
-          return _this6._deviceStore.enableAudioStereo(value);
+          return _this6._deviceProvider.enableAudioStereo(value);
         },
         noiseReduce: function noiseReduce(value) {
-          return _this6._deviceStore.setNoiseLevel(value);
+          return _this6._deviceProvider.setNoiseLevel(value);
+        },
+        language: function language(value) {
+          return (0, _i18n.changeLanguage)(value);
+        },
+        beautyKey: function beautyKey(value) {
+          return _this6._deviceProvider.setEditBeautyKey(value);
+        },
+        isLocalMirrorEnabled: function isLocalMirrorEnabled(value) {
+          return _this6._deviceProvider.toggleLocalMirror(value);
+        },
+        enableBeauty: function enableBeauty(value) {
+          return _this6._deviceProvider.enableBeautyEffect(value);
+        },
+        beautyOptions: function beautyOptions(value) {
+          return _this6._deviceProvider.setBeautyOptions(value);
+        },
+        virtualBackground: function virtualBackground(value) {
+          return _this6._deviceProvider.enableVirtualBackground(value.enable, value.source);
+        },
+        speakerId: function speakerId(value) {
+          // 如果设备存在，则设置设备 否则重置缓存
+          if (_this6._deviceProvider.speakerList.find(function (item) {
+            return item.deviceId === value;
+          })) {
+            _this6._deviceProvider.setSpeakerId(value);
+          } else {
+            //
+            _this6._setMeetingSettingsToLocalStorage({
+              speakerId: _deviceProvider.DEFAULT_DEVICE_ID
+            });
+          }
+        },
+        cameraId: function cameraId(value) {
+          _this6._deviceProvider.setCameraId(value);
+          if (_this6._deviceProvider.cameraList.find(function (item) {
+            return item.deviceId === value;
+          })) {
+            _this6._deviceProvider.setCameraId(value);
+          } else {
+            _this6._setMeetingSettingsToLocalStorage({
+              cameraId: _this6._deviceProvider.cameraList[0].deviceId
+            });
+          }
+        },
+        microphoneId: function microphoneId(value) {
+          if (_this6._deviceProvider.microphoneList.find(function (item) {
+            return item.deviceId === value;
+          })) {
+            _this6._deviceProvider.setMicrophoneId(value);
+          } else {
+            _this6._setMeetingSettingsToLocalStorage({
+              microphoneId: _deviceProvider.DEFAULT_DEVICE_ID
+            });
+          }
         }
       };
       for (var _i = 0, _Object$entries = Object.entries(newSetting); _i < _Object$entries.length; _i++) {
@@ -1049,19 +1088,16 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "closeDialog",
     value: function closeDialog() {
-      this._uiEventStore.closeDialog(this._currentDialogId);
+      this._eventProvider.closeDialog(this._currentDialogId);
     }
   }, {
     key: "_onLocalAudioStatsUpdated",
     value: function _onLocalAudioStatsUpdated(roomId, streamId, stats) {
-      // console.log('onLocalAudioStatsUpdated', streamId, stats);
       this.localAudioStreamMap.set(streamId, stats);
     }
   }, {
     key: "_onRemoteAudioStatsUpdated",
     value: function _onRemoteAudioStatsUpdated(roomId, streamId, stats) {
-      // console.log('onRemoteAudioStatsUpdated', streamId, stats);
-
       this.remoteAudioStreamMap.set(streamId, stats);
     }
   }, {
@@ -1069,7 +1105,6 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
     value: function _onLocalVideoStatsUpdated(roomId, streamId, stats) {
       var streamInfo = this._streamInfoList.get(streamId);
       if (streamInfo) {
-        // console.log('onLocalVideoStatsUpdated', streamId, stats, streamInfo);
         if (streamInfo.videoSourceState === _fcrCore.FcrMediaSourceState.OPEN) {
           this.localVideoStreamMap.set(streamId, _objectSpread(_objectSpread({}, stats), {}, {
             sendFrameRate: Math.max(0, stats.sendFrameRate),
@@ -1088,7 +1123,6 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
           stats: stats
         }));
       }
-      // console.log('onRemoteVideoStatsUpdated', streamId, stats, streamInfo);
       if ((streamInfo === null || streamInfo === void 0 ? void 0 : streamInfo.videoSourceState) === _fcrCore.FcrMediaSourceState.OPEN) {
         this.remoteVideoStreamMap.set(streamId, _objectSpread(_objectSpread({}, stats), {}, {
           frameRate: Math.max(0, stats.frameRate),
@@ -1180,10 +1214,10 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
       if (this._cameraTrack && this._videoView4Setting) {
         this._cameraTrack.stopPreview(this._videoView4Setting);
       }
-      if (!this._deviceStore.cameraEnabled) {
-        this._deviceStore.toggleLocalCameraPreview(true);
+      if (!this._deviceProvider.cameraEnabled) {
+        this._deviceProvider.toggleLocalCameraPreview(true);
         // TODO:
-        // this._deviceStore.handleCameraChanged(true);
+        // this._deviceProvider.handleCameraChanged(true);
       }
     }
   }, {
@@ -1194,7 +1228,7 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
               if (cameraList.length > 0) {
-                this._settingVideoOpened && this._deviceStore.startOrStopCamera(true);
+                this._settingVideoOpened && this._deviceProvider.startOrStopCamera(true);
               }
             case 1:
             case "end":
@@ -1226,49 +1260,29 @@ var SettingStore = exports["default"] = /*#__PURE__*/function () {
   }, {
     key: "_setMeetingSettingsToLocalStorage",
     value: function _setMeetingSettingsToLocalStorage(value) {
-      var oldValue = this._getMeetingSettingsFromLocalStorage() || {};
-      this._userSettingStorageProvider.write({
-        setting: _objectSpread(_objectSpread({}, oldValue), value)
-      });
+      this._sharedSettingDataSource.setSetting(value);
     }
-  }, {
-    key: "_getMeetingSettingsFromLocalStorage",
-    value: function _getMeetingSettingsFromLocalStorage() {
-      var _this$_userSettingSto;
-      return (_this$_userSettingSto = this._userSettingStorageProvider.read()) === null || _this$_userSettingSto === void 0 ? void 0 : _this$_userSettingSto.setting;
-    }
-
-    // @action.bound
-    // private _initDialogConfig() {
-    //   const value = this._getMeetingSettingsFromLocalStorage();
-    //   if (value && !this.isPreMeetingSettingsStore) {
-    //     this.dialogConfig = value.dialogConfig ?? this.dialogConfig;
-    //   }
-    // }
   }, {
     key: "changeMediaSetting",
     value: function changeMediaSetting(key, value) {
-      this.settingConfig.media[key] = value;
-      this._setMeetingSettingsToLocalStorage((0, _defineProperty2["default"])({}, key, value));
+      this._sharedSettingDataSource.setMedia((0, _defineProperty2["default"])({}, key, value));
     }
   }]);
 }();
 _SettingStore = SettingStore;
-var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_SettingStore, [[_mobx.observable, 1, "loudestStreamVolumeLevel"], [_mobx.observable, 1, "isPreMeetingSettingsStore"], [_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, "config"], [_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"], [_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"], [_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"], [_getMeetingSettingsFromLocalStorageDecs, 18, "_getMeetingSettingsFromLocalStorage"], [_changeMediaSettingDecs, 18, "changeMediaSetting"]], []).e, 16);
+var _applyDecs$e = (0, _slicedToArray2["default"])(_applyDecs(_SettingStore, [[_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.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, "isPreMeetingSettingsStore"], [_mobx.computed, 3, "sceneConfig"], [_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, 14);
 _init_loudestStreamVolumeLevel = _applyDecs$e[0];
-_init_isPreMeetingSettingsStore = _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_config = _applyDecs$e[13];
-_init_getSystemInfoTimer = _applyDecs$e[14];
-_initProto = _applyDecs$e[15];
+_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];
+_initProto = _applyDecs$e[13];
 var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);