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

package/lib/modules/setting/audio-whiteList/audio-whiteList-manager.js

@@ -77,6 +77,7 @@ var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/cl
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _logger = require("../../../utilities/logger");
+var _type = require("../../../type");
 var _audioDeviceAdaptation = require("./audio-device-adaptation");
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -87,15 +88,11 @@ var STORAGE_KEY_WHITE_LIST_INITIALIZED = 'fcr_whitelist_device_initialized';
 var DEFAULT_DEVICE_ID = 'default_device_id';
 // Default values for non-white list devices
 var DEFAULT_AUDIO_AGC = false;
-var DEFAULT_NOISE_REDUCE_LEVEL = 4;
+var DEFAULT_AUDIO_ECHO_CANCELLATION = true;
+var DEFAULT_NOISE_REDUCE_LEVEL = _type.FcrUIAiDenoiseLevel.LOW;
 
-/**
- * Audio device configuration
- * Includes audio echo cancellation, automatic gain control, noise reduction and other audio processing parameters
- */
-
-/**
- * The manager delegates device operations and settings management to the implementing class
+/**
+ * The manager delegates device operations and settings management to the implementing class
  */
 var AudioDeviceWhiteListManager = exports.AudioDeviceWhiteListManager = /*#__PURE__*/function () {
   function AudioDeviceWhiteListManager(delegate) {
@@ -109,6 +106,7 @@ var AudioDeviceWhiteListManager = exports.AudioDeviceWhiteListManager = /*#__PUR
     (0, _defineProperty2["default"])(this, "_whiteListDeviceUsed", new Set());
     // Current device ID (microphone)
     (0, _defineProperty2["default"])(this, "_currentDeviceId", null);
+    (0, _defineProperty2["default"])(this, "_delegate", null);
     this._delegate = delegate;
     this._whiteListDeviceIds = (0, _toConsumableArray2["default"])(_audioDeviceAdaptation.AUDIO_DEVICE_WHITE_LIST_CONFIG.whiteListDeviceIds);
     this._whiteListConfig = {
@@ -122,8 +120,12 @@ var AudioDeviceWhiteListManager = exports.AudioDeviceWhiteListManager = /*#__PUR
   return (0, _createClass2["default"])(AudioDeviceWhiteListManager, [{
     key: "_initialize",
     value: function _initialize() {
+      var _this$_delegate;
       this._initializeDeviceConfigsFromList();
-      var currentMicrophoneId = this._delegate.getMicrophoneId();
+      var currentMicrophoneId = (_this$_delegate = this._delegate) === null || _this$_delegate === void 0 ? void 0 : _this$_delegate.getMicrophoneId();
+      if (!currentMicrophoneId) {
+        this.logger.warn('[AudioDeviceWhiteList] Current microphone ID is null');
+      }
       var microphoneIdentifier = currentMicrophoneId ? this._getDeviceIdentifierFromList(currentMicrophoneId, 'microphone') : '';
       var microphoneDeviceId = microphoneIdentifier || DEFAULT_DEVICE_ID;
       if (currentMicrophoneId && !microphoneIdentifier) {
@@ -174,29 +176,37 @@ var AudioDeviceWhiteListManager = exports.AudioDeviceWhiteListManager = /*#__PUR
       this._applyDeviceConfig(deviceId);
       this._currentDeviceId = deviceId;
     }
+  }, {
+    key: "_createDeviceConfig",
+    value: function _createDeviceConfig(deviceId) {
+      var specificConfig = (0, _audioDeviceAdaptation.getDeviceSpecificConfig)(deviceId);
+      if (specificConfig) {
+        this.logger.info("[AudioDeviceWhiteList] Using specific config for device: ".concat(deviceId));
+        return _objectSpread({}, specificConfig);
+      }
+      return {
+        audioEchoCancellation: DEFAULT_AUDIO_ECHO_CANCELLATION,
+        audioAgc: DEFAULT_AUDIO_AGC,
+        noiseReduce: DEFAULT_NOISE_REDUCE_LEVEL
+      };
+    }
 
-    /**
-     * Get device 3A configuration (use current settings if not exists)
+    /**
+     * Get device 3A configuration (use current settings if not exists)
      */
   }, {
     key: "_getDeviceConfig",
     value: function _getDeviceConfig(deviceId) {
       if (!this._deviceConfigs.has(deviceId)) {
-        var _currentSetting$audio, _currentSetting$noise;
-        var currentSetting = this._delegate.getCurrentSetting();
-        var config = {
-          audioEchoCancellation: (_currentSetting$audio = currentSetting.audioEchoCancellation) !== null && _currentSetting$audio !== void 0 ? _currentSetting$audio : false,
-          audioAgc: DEFAULT_AUDIO_AGC,
-          noiseReduce: (_currentSetting$noise = currentSetting.noiseReduce) !== null && _currentSetting$noise !== void 0 ? _currentSetting$noise : DEFAULT_NOISE_REDUCE_LEVEL
-        };
+        var config = this._createDeviceConfig(deviceId);
         this._deviceConfigs.set(deviceId, config);
         this.logger.info("[AudioDeviceWhiteList] Created config for device: ".concat(deviceId), config);
       }
       return this._deviceConfigs.get(deviceId);
     }
 
-    /**
-     * Update device 3A configuration (save for both white list and non-white list devices)
+    /**
+     * Update device 3A configuration (save for both white list and non-white list devices)
      */
   }, {
     key: "updateDeviceConfig",
@@ -218,8 +228,12 @@ var AudioDeviceWhiteListManager = exports.AudioDeviceWhiteListManager = /*#__PUR
   }, {
     key: "_applyAudioConfig",
     value: function _applyAudioConfig(config) {
+      if (!this._delegate) {
+        this.logger.warn('[AudioDeviceWhiteList] Delegate is null');
+        return;
+      }
       this._delegate.enableAudioEchoCancellation(config.audioEchoCancellation);
-      this._delegate.toggleAgc(config.audioAgc);
+      this._delegate.enableAudioGainControl(config.audioAgc);
       this._delegate.setNoiseLevel(config.noiseReduce);
 
       // Update UI settings
@@ -252,7 +266,11 @@ var AudioDeviceWhiteListManager = exports.AudioDeviceWhiteListManager = /*#__PUR
   }, {
     key: "_getDeviceIdentifierFromList",
     value: function _getDeviceIdentifierFromList(deviceId, deviceType) {
-      var deviceList = this._delegate.getMicrophoneList();
+      var _this$_delegate2;
+      var deviceList = (_this$_delegate2 = this._delegate) === null || _this$_delegate2 === void 0 ? void 0 : _this$_delegate2.getMicrophoneList();
+      if (!deviceList) {
+        return '';
+      }
       var device = deviceList.find(function (d) {
         return d.deviceId === deviceId;
       });
@@ -269,7 +287,12 @@ var AudioDeviceWhiteListManager = exports.AudioDeviceWhiteListManager = /*#__PUR
   }, {
     key: "_initializeDeviceConfigsFromList",
     value: function _initializeDeviceConfigsFromList() {
-      var microphoneList = this._delegate.getMicrophoneList();
+      var _this$_delegate3;
+      var microphoneList = (_this$_delegate3 = this._delegate) === null || _this$_delegate3 === void 0 ? void 0 : _this$_delegate3.getMicrophoneList();
+      if (!microphoneList) {
+        this.logger.warn('[AudioDeviceWhiteList] Microphone list is null');
+        return;
+      }
       this._updateDeviceConfigs(microphoneList);
       this.logger.info("[AudioDeviceWhiteList] Initialized ".concat(this._deviceConfigs.size, " device configs"));
     }
@@ -299,17 +322,11 @@ var AudioDeviceWhiteListManager = exports.AudioDeviceWhiteListManager = /*#__PUR
   }, {
     key: "_createConfigForDevice",
     value: function _createConfigForDevice(deviceIdentifier) {
-      var _currentSetting$audio2, _currentSetting$noise2;
       var isWhiteListDevice = this._isDeviceInWhiteList(deviceIdentifier);
       if (isWhiteListDevice) {
         return _objectSpread({}, this._whiteListConfig);
       }
-      var currentSetting = this._delegate.getCurrentSetting();
-      return {
-        audioEchoCancellation: (_currentSetting$audio2 = currentSetting.audioEchoCancellation) !== null && _currentSetting$audio2 !== void 0 ? _currentSetting$audio2 : false,
-        audioAgc: DEFAULT_AUDIO_AGC,
-        noiseReduce: (_currentSetting$noise2 = currentSetting.noiseReduce) !== null && _currentSetting$noise2 !== void 0 ? _currentSetting$noise2 : DEFAULT_NOISE_REDUCE_LEVEL
-      };
+      return this._createDeviceConfig(deviceIdentifier);
     }
   }, {
     key: "_loadFromLocalStorage",
@@ -348,6 +365,10 @@ var AudioDeviceWhiteListManager = exports.AudioDeviceWhiteListManager = /*#__PUR
     key: "release",
     value: function release() {
       this._saveToLocalStorage();
+      this._deviceConfigs.clear();
+      this._whiteListDeviceUsed.clear();
+      this._currentDeviceId = null;
+      this._delegate = null;
     }
   }]);
 }();

package/lib/modules/setting/caption_and_transcribing/index.css

@@ -1,88 +1,88 @@
-.fcr-caption-and-transcribing-settings__basic-form {
-  margin-top: 10px;
-  margin-bottom: 10px;
-  border-radius: var(--fcr_cornerradius_s);
-  width: 100%;
-  padding: 10px;
-  background: var(--fcr_mobile_ui_scene_color_popup_block5);
-}
-
-.fcr-caption-and-transcribing-settings__basic-form:first-child {
-  margin-top: 0px;
-}
-
-.fcr-caption-and-transcribing-settings__basic-form .fcr-checkbox {
-  height: 32px;
-}
-
-.fcr-caption-and-transcribing-settings__basic-form.fcr-video-settings__max-person-form {
-  padding: 5px 10px;
-}
-.fcr-caption-and-transcribing-settings__basic-form
-  .fcr-caption-and-transcribing-settings__spotlight-label {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 5px;
-}
-.fcr-caption-and-transcribing-settings__section-group {
-  display: flex;
-  gap: 10px;
-  height: 32px;
-}
-.fcr-caption-and-transcribing-settings__section-title {
-  font-size: 13px;
-  font-weight: 700;
-  color: var(--fcr_ui_scene_icontext1);
-  margin-bottom: 10px;
-}
-
-.fcr-caption-and-transcribing-settings__section-group-language .fcr-radio-label {
-  line-height: 16px;
-}
-
-.fcr-caption-and-transcribing-settings__message-container {
-  display: flex;
-  align-items: start;
-  gap: 10px;
-  background: var(--fcr_ui_scene_black6);
-  /* height: 67px; */
-  padding-top: 15px;
-  padding-right: 20px;
-  padding-bottom: 15px;
-  padding-left: 20px;
-  border-radius: var(--fcr_cornerradius_xs);
-  margin-top: 13px;
-}
-
-.fcr-caption-and-transcribing-settings__message-content {
-  display: flex;
-  flex-direction: column;
-  gap: 5px;
-}
-
-.fcr-caption-and-transcribing-settings__message-container .fcr-avatar {
-  border-radius: var(--fcr_cornerradius_xs);
-}
-
-.fcr-caption-and-transcribing-settings__message-content-original-text {
-  font-size: 14px;
-  font-weight: 400;
-  color: var(--fcr_ui_scene_white10);
-}
-
-.fcr-caption-and-transcribing-settings__message-content-translated-text {
-  font-size: 14px;
-  font-weight: 400;
-  color: var(--fcr_ui_scene_ramp_2yellow6, rgba(255, 199, 0, 1));
-}
-
-.fcr-caption-and-transcribing-settings__translation-setting-description {
-  font-weight: 400;
-  color: var(--fcr_ui_scene_icontext2, rgba(120, 118, 118, 0.8));
-  font-size: 12px;
-  line-height: 140%;
-  letter-spacing: 0px;
-  vertical-align: middle;
-  margin-bottom: 4px;
-}
+.fcr-caption-and-transcribing-settings__basic-form {
+  margin-top: 10px;
+  margin-bottom: 10px;
+  border-radius: var(--fcr_cornerradius_s);
+  width: 100%;
+  padding: 10px;
+  background: var(--fcr_mobile_ui_scene_color_popup_block5);
+}
+
+.fcr-caption-and-transcribing-settings__basic-form:first-child {
+  margin-top: 0px;
+}
+
+.fcr-caption-and-transcribing-settings__basic-form .fcr-checkbox {
+  height: 32px;
+}
+
+.fcr-caption-and-transcribing-settings__basic-form.fcr-video-settings__max-person-form {
+  padding: 5px 10px;
+}
+.fcr-caption-and-transcribing-settings__basic-form
+  .fcr-caption-and-transcribing-settings__spotlight-label {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 5px;
+}
+.fcr-caption-and-transcribing-settings__section-group {
+  display: flex;
+  gap: 10px;
+  height: 32px;
+}
+.fcr-caption-and-transcribing-settings__section-title {
+  font-size: 13px;
+  font-weight: 700;
+  color: var(--fcr_ui_scene_icontext1);
+  margin-bottom: 10px;
+}
+
+.fcr-caption-and-transcribing-settings__section-group-language .fcr-radio-label {
+  line-height: 16px;
+}
+
+.fcr-caption-and-transcribing-settings__message-container {
+  display: flex;
+  align-items: start;
+  gap: 10px;
+  background: var(--fcr_ui_scene_black6);
+  /* height: 67px; */
+  padding-top: 15px;
+  padding-right: 20px;
+  padding-bottom: 15px;
+  padding-left: 20px;
+  border-radius: var(--fcr_cornerradius_xs);
+  margin-top: 13px;
+}
+
+.fcr-caption-and-transcribing-settings__message-content {
+  display: flex;
+  flex-direction: column;
+  gap: 5px;
+}
+
+.fcr-caption-and-transcribing-settings__message-container .fcr-avatar {
+  border-radius: var(--fcr_cornerradius_xs);
+}
+
+.fcr-caption-and-transcribing-settings__message-content-original-text {
+  font-size: 14px;
+  font-weight: 400;
+  color: var(--fcr_ui_scene_white10);
+}
+
+.fcr-caption-and-transcribing-settings__message-content-translated-text {
+  font-size: 14px;
+  font-weight: 400;
+  color: var(--fcr_ui_scene_ramp_2yellow6, rgba(255, 199, 0, 1));
+}
+
+.fcr-caption-and-transcribing-settings__translation-setting-description {
+  font-weight: 400;
+  color: var(--fcr_ui_scene_icontext2, rgba(120, 118, 118, 0.8));
+  font-size: 12px;
+  line-height: 140%;
+  letter-spacing: 0px;
+  vertical-align: middle;
+  margin-bottom: 4px;
+}

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

@@ -1,41 +1,41 @@
-.fcr-general-settings__basic-form {
-  margin-top: 10px;
-  margin-bottom: 10px;
-  border-radius: var(--fcr_cornerradius_s);
-  width: 100%;
-  padding: 10px;
-  background: var(--fcr_mobile_ui_scene_color_popup_block5);
-}
-
-.fcr-general-settings__basic-form:first-child {
-  margin-top: 0px;
-}
-
-.fcr-general-settings__basic-form .fcr-checkbox {
-  height: 32px;
-}
-
-.fcr-general-settings__basic-form.fcr-video-settings__max-person-form {
-  padding: 5px 10px;
-}
-.fcr-general-settings__basic-form .fcr-general-settings__spotlight-label {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 5px;
-}
-.fcr-general-settings__section-group {
-  display: flex;
-  gap: 10px;
-  height: 32px;
-}
-.fcr-general-settings__section-title {
-  font-size: 13px;
-  font-weight: 700;
-  color: var(--fcr_ui_scene_icontext1);
-  margin-bottom: 10px;
-}
-
-.fcr-general-settings__section-group-language .fcr-radio-label {
-  line-height: 16px;
-}
+.fcr-general-settings__basic-form {
+  margin-top: 10px;
+  margin-bottom: 10px;
+  border-radius: var(--fcr_cornerradius_s);
+  width: 100%;
+  padding: 10px;
+  background: var(--fcr_mobile_ui_scene_color_popup_block5);
+}
+
+.fcr-general-settings__basic-form:first-child {
+  margin-top: 0px;
+}
+
+.fcr-general-settings__basic-form .fcr-checkbox {
+  height: 32px;
+}
+
+.fcr-general-settings__basic-form.fcr-video-settings__max-person-form {
+  padding: 5px 10px;
+}
+.fcr-general-settings__basic-form .fcr-general-settings__spotlight-label {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 5px;
+}
+.fcr-general-settings__section-group {
+  display: flex;
+  gap: 10px;
+  height: 32px;
+}
+.fcr-general-settings__section-title {
+  font-size: 13px;
+  font-weight: 700;
+  color: var(--fcr_ui_scene_icontext1);
+  margin-bottom: 10px;
+}
+
+.fcr-general-settings__section-group-language .fcr-radio-label {
+  line-height: 16px;
+}

package/lib/modules/setting/index.css

@@ -1,112 +1,112 @@
-.fcr-device-settings__dialog .fcr-dialog-body {
-  padding: 0;
-}
-
-.fcr-device-settings__dialog .fcr-dialog-content {
-  overflow-y: hidden;
-}
-
-.fcr-device-settings__dialog-header {
-  position: relative;
-  height: 46px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-.fcr-device-settings__dialog-title {
-  font-size: 14px;
-  line-height: 100%;
-  font-weight: 800;
-  color: var(--fcr_ui_scene_icontext1);
-}
-
-.fcr-device-settings__dialog-close {
-  position: absolute;
-  right: 12px;
-  top: calc(50% - 7px);
-  cursor: pointer;
-}
-
-.fcr-device-settings {
-  border-top: 1px solid var(--fcr_ui_scene_line1);
-  display: flex;
-  width: 100%;
-  min-width: 580px;
-  height: 100%;
-}
-
-.fcr-device-settings__nav {
-  flex: 0 0 190px;
-  border-right: 1px solid var(--fcr_ui_scene_line1);
-  padding: 10px 6px 0;
-}
-
-.fcr-device-settings__nav-list-item {
-  border-radius: var(--fcr_cornerradius_xs);
-  width: 100%;
-  height: 44px;
-  padding: 0px 14px;
-  white-space: nowrap;
-  font-size: 14px;
-  line-height: 1;
-  color: var(--fcr_ui_scene_icontext1);
-  cursor: pointer;
-  transition: all 0.2s ease;
-  display: flex;
-  align-items: center;
-  column-gap: 12px;
-}
-
-/* TODO: hover 样式 */
-.fcr-device-settings__nav-list-item:hover {
-  color: var(--fcr_web_ui_scene_mainicon2);
-}
-
-.fcr-device-settings__nav-list-item.is-active {
-  color: var(--fcr_web_ui_scene_mainicon2);
-  background: var(--fcr_web_ui_scene_hover);
-}
-
-.fcr-device-settings__surrounding {
-  border-radius: var(--fcr_cornerradius_xs);
-}
-
-/* TODO: css 变量 */
-.fcr-device-settings__surrounding--green {
-  background: #83bc53;
-}
-
-/* TODO: css 变量 */
-.fcr-device-settings__surrounding--purple {
-  background: #7c79ff;
-}
-
-/* TODO: css 变量 */
-.fcr-device-settings__surrounding--storage {
-  background: #6fcfa2;
-}
-
-.fcr-device-settings__surrounding--blue {
-  background: #5765ff;
-}
-.fcr-device-settings__surrounding--orange {
-  background: var(--fcr_orange6);
-}
-.fcr-device-settings__tab-content-wrapper {
-  flex: 1 1 auto;
-  padding: 15px 15px 0px;
-  overflow-y: auto;
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-}
-
-.fcr-device-settings__tab-content-wrapper.is-tab-content-video-wrapper {
-  overflow: hidden;
-}
-
-/* .fcr-device-settings__tab-content-wrapper.is-electron {
-  height: auto;
-} */
+.fcr-device-settings__dialog .fcr-dialog-body {
+  padding: 0;
+}
+
+.fcr-device-settings__dialog .fcr-dialog-content {
+  overflow-y: hidden;
+}
+
+.fcr-device-settings__dialog-header {
+  position: relative;
+  height: 46px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+
+.fcr-device-settings__dialog-title {
+  font-size: 14px;
+  line-height: 100%;
+  font-weight: 800;
+  color: var(--fcr_ui_scene_icontext1);
+}
+
+.fcr-device-settings__dialog-close {
+  position: absolute;
+  right: 12px;
+  top: calc(50% - 7px);
+  cursor: pointer;
+}
+
+.fcr-device-settings {
+  border-top: 1px solid var(--fcr_ui_scene_line1);
+  display: flex;
+  width: 100%;
+  min-width: 580px;
+  height: 100%;
+}
+
+.fcr-device-settings__nav {
+  flex: 0 0 190px;
+  border-right: 1px solid var(--fcr_ui_scene_line1);
+  padding: 10px 6px 0;
+}
+
+.fcr-device-settings__nav-list-item {
+  border-radius: var(--fcr_cornerradius_xs);
+  width: 100%;
+  height: 44px;
+  padding: 0px 14px;
+  white-space: nowrap;
+  font-size: 14px;
+  line-height: 1;
+  color: var(--fcr_ui_scene_icontext1);
+  cursor: pointer;
+  transition: all 0.2s ease;
+  display: flex;
+  align-items: center;
+  column-gap: 12px;
+}
+
+/* TODO: hover 样式 */
+.fcr-device-settings__nav-list-item:hover {
+  color: var(--fcr_web_ui_scene_mainicon2);
+}
+
+.fcr-device-settings__nav-list-item.is-active {
+  color: var(--fcr_web_ui_scene_mainicon2);
+  background: var(--fcr_web_ui_scene_hover);
+}
+
+.fcr-device-settings__surrounding {
+  border-radius: var(--fcr_cornerradius_xs);
+}
+
+/* TODO: css 变量 */
+.fcr-device-settings__surrounding--green {
+  background: #83bc53;
+}
+
+/* TODO: css 变量 */
+.fcr-device-settings__surrounding--purple {
+  background: #7c79ff;
+}
+
+/* TODO: css 变量 */
+.fcr-device-settings__surrounding--storage {
+  background: #6fcfa2;
+}
+
+.fcr-device-settings__surrounding--blue {
+  background: #5765ff;
+}
+.fcr-device-settings__surrounding--orange {
+  background: var(--fcr_orange6);
+}
+.fcr-device-settings__tab-content-wrapper {
+  flex: 1 1 auto;
+  padding: 15px 15px 0px;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+}
+
+.fcr-device-settings__tab-content-wrapper.is-tab-content-video-wrapper {
+  overflow: hidden;
+}
+
+/* .fcr-device-settings__tab-content-wrapper.is-electron {
+  height: auto;
+} */

package/lib/modules/setting/index.js

@@ -87,9 +87,11 @@ var SettingUIModule = exports.SettingUIModule = /*#__PURE__*/function (_UIModule
       onExitRoom: function onExitRoom() {
         _this.store.handleExitRoom();
       },
-      onRoutingChanged: function onRoutingChanged() {
+      onRoutingChanged: function onRoutingChanged(roomControl) {
+        var _roomControl$getRoomI;
+        var roomType = (_roomControl$getRoomI = roomControl.getRoomInfo()) === null || _roomControl$getRoomI === void 0 ? void 0 : _roomControl$getRoomI.roomType;
         _this.store.handleExitRoom(true);
-        _this.store.handleJoinRoom();
+        _this.store.handleJoinRoom(roomType);
       },
       onLocalUserKickedOut: function onLocalUserKickedOut() {
         _this.store.handleExitRoom();