fcr-ui-scene 3.7.4 → 3.7.6

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

@@ -0,0 +1,7 @@
+import { SettingStoreBase } from './store.base';
+import { SettingStoreArgs, SystemInfo } from './type';
+export default class SettingStore extends SettingStoreBase {
+    constructor(args: SettingStoreArgs);
+    protected getSystemInfo(): Promise<SystemInfo>;
+}
+export declare const StoreContext: import("react").Context<SettingStore>;

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

@@ -0,0 +1,55 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.reflect.construct.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.StoreContext = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _react = require("react");
+var _store = require("./store.base");
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var SettingStore = exports["default"] = /*#__PURE__*/function (_SettingStoreBase) {
+  function SettingStore(args) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, SettingStore);
+    _this = _callSuper(this, SettingStore, [args]);
+    _this._syncSystemInfo();
+    return _this;
+  }
+  (0, _inherits2["default"])(SettingStore, _SettingStoreBase);
+  return (0, _createClass2["default"])(SettingStore, [{
+    key: "getSystemInfo",
+    value: function () {
+      var _getSystemInfo = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+        return _regenerator["default"].wrap(function (_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              return _context.abrupt("return", {
+                isWifiConnected: navigator.onLine,
+                systemCpuDesc: navigator.hardwareConcurrency ? "".concat(navigator.hardwareConcurrency, "-core CPU") : 'Unknown CPU',
+                systemMemorySize: 0
+              });
+            case 1:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee);
+      }));
+      function getSystemInfo() {
+        return _getSystemInfo.apply(this, arguments);
+      }
+      return getSystemInfo;
+    }()
+  }]);
+}(_store.SettingStoreBase);
+var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);

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

@@ -0,0 +1,9 @@
+import { SettingStoreBase } from './store.base';
+import { SettingStoreArgs, SystemInfo } from './type';
+export default class SettingStore extends SettingStoreBase {
+    private _renderer;
+    private _windowProvider;
+    constructor(args: SettingStoreArgs);
+    protected getSystemInfo(): Promise<SystemInfo>;
+}
+export declare const StoreContext: import("react").Context<SettingStore>;

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

@@ -0,0 +1,69 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.reflect.construct.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.StoreContext = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+require("core-js/modules/es.array.concat.js");
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
+var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
+var _react = require("react");
+var _store = require("./store.base");
+var _objectManager = require("../../object-manager");
+function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var SettingStore = exports["default"] = /*#__PURE__*/function (_SettingStoreBase) {
+  function SettingStore(args) {
+    var _this;
+    (0, _classCallCheck2["default"])(this, SettingStore);
+    _this = _callSuper(this, SettingStore, [args]);
+    var objectManager = args.objectManager;
+    _this._renderer = objectManager.getObject(_objectManager.FcrUIObjectKeys.RENDERER_WRAPPER);
+    _this._windowProvider = objectManager.getObject(_objectManager.FcrUIObjectKeys.P_WINDOW_PROVIDER);
+    _this._syncSystemInfo();
+    return _this;
+  }
+  (0, _inherits2["default"])(SettingStore, _SettingStoreBase);
+  return (0, _createClass2["default"])(SettingStore, [{
+    key: "getSystemInfo",
+    value: function () {
+      var _getSystemInfo = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+        var _yield$this$_renderer, isWifiConnected, cpus, cpuInfo, systemMemorySize;
+        return _regenerator["default"].wrap(function (_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.next = 1;
+              return this._renderer.getNetworkType();
+            case 1:
+              _yield$this$_renderer = _context.sent;
+              isWifiConnected = _yield$this$_renderer.isWifiConnected;
+              cpus = this._renderer.getSystemCpuInfo();
+              cpuInfo = cpus.length === 0 ? '' : "".concat(cpus.length, "-").concat(cpus[0].model);
+              systemMemorySize = this._renderer.getSystemMemorySize() / 1024;
+              return _context.abrupt("return", {
+                isWifiConnected: isWifiConnected,
+                systemCpuDesc: cpuInfo,
+                systemMemorySize: systemMemorySize
+              });
+            case 2:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, this);
+      }));
+      function getSystemInfo() {
+        return _getSystemInfo.apply(this, arguments);
+      }
+      return getSystemInfo;
+    }()
+  }]);
+}(_store.SettingStoreBase);
+var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);

package/lib/modules/setting/translate-settings/translate-settings.js

@@ -16,15 +16,15 @@ require("core-js/modules/esnext.iterator.constructor.js");
 require("core-js/modules/esnext.iterator.map.js");
 var _react = require("react");
 var _i18n = require("agora-ui-foundation/lib/i18n");
-var _useNamespace = require("../common/useNamespace");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _constant = require("../../../utilities/constant");
 var _languageSelect = require("./language-select");
 var _radio = require("agora-ui-foundation/lib/components/radio");
 require("./index.css");
 var _mobxReact = require("mobx-react");
-var _store = require("../store");
+var _store = require("../store.base");
 var _checkbox = require("agora-ui-foundation/lib/components/checkbox");
+var _useNamespace = require("../../../utilities/useNamespace");
 var _jsxRuntime = require("react/jsx-runtime");
 var TranslateSettings = exports.TranslateSettings = (0, _mobxReact.observer)(function () {
   var ns = (0, _useNamespace.useNamespace)('translate-settings');

package/lib/modules/setting/type.d.ts

@@ -0,0 +1,69 @@
+import { FcrDeviceInfo, FcrDimensions } from 'fcr-core/lib/type';
+import { FcrUIObjectManager } from '../../object-manager';
+import { FcrUIAiDenoiseLevel } from '../../type';
+import { FcrUIHighlightElement } from '../../utilities/constant';
+export type SettingStoreArgs = {
+    objectManager: FcrUIObjectManager;
+};
+export interface FcrDeviceObserver {
+    onCameraChanged?(cameraId: string): void;
+    onMicrophoneChanged?(microphoneId: string): void;
+    onSpeakerChanged?(speakerId: string): void;
+    onCameraListUpdated?(cameraList: FcrDeviceInfo[]): void;
+    onMicrophoneListUpdated?(microphoneList: FcrDeviceInfo[]): void;
+    onSpeakerListUpdated?(speakerList: FcrDeviceInfo[]): void;
+}
+export interface DeviceItem {
+    text: string;
+    value: string;
+}
+export declare enum DeviceSettingTab {
+    GENERAL = "general",
+    AUDIO = "audio",
+    VIDEO = "video",
+    STATE = "state"
+}
+export type VideoActiveTab = 'basic' | 'virtual-background' | 'beauty-filter';
+export interface DeviceSettingDialogConfig {
+    activeTab: DeviceSettingTab;
+    highlightSelector: FcrUIHighlightElement | undefined;
+    videoActiveTab: VideoActiveTab;
+}
+export interface FcrUICustomSetting {
+    shouldDisplayPreviewDialog: boolean;
+    shouldHideNonVideoParticipants: boolean;
+    displayedMaxAttendees: number;
+    autoAdjustmentSpeakerVolume: boolean;
+    autoAdjustmentMicrophoneVolume: boolean;
+    noiseReduce: FcrUIAiDenoiseLevel;
+    recordingPath: string;
+    videoHD: boolean;
+    videoLowLight: boolean;
+    hardwareForReception: boolean;
+    videoNoise: boolean;
+    audioHiFi: boolean;
+    audioEchoCancellation: boolean;
+    audioStereo: boolean;
+    audioVoiceChanger: boolean;
+    spotlightEnabled: boolean;
+    isPlaySound: boolean;
+    language: string;
+    shouldHideMyVideo: boolean;
+    isDualDisplayMode: boolean;
+}
+export { DEFAULT_BEAUTY_VALUE } from 'agora-ui-foundation/lib/components/local-video-player';
+export type BeautyKey = 'none' | 'smoothnessLevel' | 'lighteningLevel' | 'lighteningLevel';
+export type VideoStreamInfo = {
+    isScreenStream: boolean;
+    dimensions: FcrDimensions;
+    frameRate: number;
+};
+export interface SystemInfo {
+    isWifiConnected: boolean;
+    systemCpuDesc: string;
+    systemMemorySize: number;
+}
+export declare enum MeetingState {
+    STARTED = "started",
+    ENDED = "ended"
+}

package/lib/modules/setting/type.js

@@ -0,0 +1,26 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DEFAULT_BEAUTY_VALUE", {
+  enumerable: true,
+  get: function get() {
+    return _localVideoPlayer.DEFAULT_BEAUTY_VALUE;
+  }
+});
+exports.MeetingState = exports.DeviceSettingTab = void 0;
+var _localVideoPlayer = require("agora-ui-foundation/lib/components/local-video-player");
+var DeviceSettingTab = exports.DeviceSettingTab = /*#__PURE__*/function (DeviceSettingTab) {
+  DeviceSettingTab["GENERAL"] = "general";
+  DeviceSettingTab["AUDIO"] = "audio";
+  DeviceSettingTab["VIDEO"] = "video";
+  DeviceSettingTab["STATE"] = "state";
+  return DeviceSettingTab;
+}({});
+var MeetingState = exports.MeetingState = /*#__PURE__*/function (MeetingState) {
+  MeetingState["STARTED"] = "started";
+  MeetingState["ENDED"] = "ended";
+  return MeetingState;
+}({});

package/lib/modules/setting/video-settings/video-settings-basic.js

@@ -10,14 +10,14 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = require("react");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _checkbox = require("agora-ui-foundation/lib/components/checkbox");
-var _useNamespace = require("../common/useNamespace");
 var _mobxReact = require("mobx-react");
-var _store = require("../store");
+var _store = require("../store.base");
 var _cameraSelect = require("../../device-pretest/settings/camera-select");
 var _constant = require("../../../utilities/constant");
 var _env = require("agora-foundation/lib/utilities/env");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _view = require("../view");
+var _useNamespace = require("../../../utilities/useNamespace");
 var _jsxRuntime = require("react/jsx-runtime");
 var VideoSettingsBasic = exports.VideoSettingsBasic = (0, _mobxReact.observer)(function (_ref) {
   var cameraDeviceId = _ref.cameraDeviceId,

package/lib/modules/setting/video-settings/video-settings.d.ts

@@ -1,7 +1,5 @@
-import 'agora-ui-foundation/lib/components/local-video-player/index.css';
 import { FC } from 'react';
 import './index.css';
-import 'agora-ui-foundation/lib/components/local-video-player/index.css';
 interface IVideoSettingsProps {
 }
 export declare const VideoSettings: FC<IVideoSettingsProps>;

package/lib/modules/setting/video-settings/video-settings.js

@@ -19,19 +19,18 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _checkbox = require("agora-ui-foundation/lib/components/checkbox");
 var _dialog = require("agora-ui-foundation/lib/components/dialog");
-require("agora-ui-foundation/lib/components/local-video-player/index.css");
+var _localVideoPlayer = _interopRequireWildcard(require("agora-ui-foundation/lib/components/local-video-player"));
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _env = require("agora-foundation/lib/utilities/env");
 var _mobxReact = require("mobx-react");
 var _react = require("react");
-var _useNamespace = require("../common/useNamespace");
-var _store = require("../store");
+var _store = require("../store.base");
 require("./index.css");
 var _videoEffect = require("../../device-pretest/settings/video-effect");
-var _localVideoPlayer = _interopRequireWildcard(require("agora-ui-foundation/lib/components/local-video-player"));
 var _virtualBackgroundSetting = require("../../device-pretest/settings/virtual-background-setting");
 var _beauty = require("../../device-pretest/settings/beauty");
 var _videoSettingsBasic = require("./video-settings-basic");
-var _i18n = require("agora-ui-foundation/lib/i18n");
-var _env = require("agora-foundation/lib/utilities/env");
+var _useNamespace = require("../../../utilities/useNamespace");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var VideoSettings = exports.VideoSettings = (0, _mobxReact.observer)(function (props) {
@@ -69,7 +68,7 @@ var VideoSettings = exports.VideoSettings = (0, _mobxReact.observer)(function (p
     virtualBackgroundList = _useContext.virtualBackgroundList,
     currentIsMirror = _useContext.currentIsMirror,
     dialogConfig = _useContext.dialogConfig;
-  var _useState3 = (0, _react.useState)(beautyOptions[currentBeautyKey] || _store.DEFAULT_BEAUTY_VALUE),
+  var _useState3 = (0, _react.useState)(beautyOptions[currentBeautyKey] || _localVideoPlayer.DEFAULT_BEAUTY_VALUE),
     _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
     currentEditValue = _useState4[0],
     setCurrentEditValue = _useState4[1];
@@ -87,7 +86,7 @@ var VideoSettings = exports.VideoSettings = (0, _mobxReact.observer)(function (p
     setContainerDom(containerRef.current);
   }, []);
   (0, _react.useEffect)(function () {
-    setCurrentEditValue(beautyOptions[currentBeautyKey] || _store.DEFAULT_BEAUTY_VALUE);
+    setCurrentEditValue(beautyOptions[currentBeautyKey] || _localVideoPlayer.DEFAULT_BEAUTY_VALUE);
     currentBeautyKeyRef.current = currentBeautyKey;
   }, [currentBeautyKey]);
   var handleBeautyValueChange = function handleBeautyValueChange(value) {
@@ -95,8 +94,8 @@ var VideoSettings = exports.VideoSettings = (0, _mobxReact.observer)(function (p
     setBeautyOptions((0, _defineProperty2["default"])({}, currentBeautyKeyRef.current, value));
   };
   var handleResetBeautyValueChange = function handleResetBeautyValueChange() {
-    setCurrentEditValue(_store.DEFAULT_BEAUTY_VALUE);
-    setBeautyOptions((0, _defineProperty2["default"])({}, currentBeautyKeyRef.current, _store.DEFAULT_BEAUTY_VALUE));
+    setCurrentEditValue(_localVideoPlayer.DEFAULT_BEAUTY_VALUE);
+    setBeautyOptions((0, _defineProperty2["default"])({}, currentBeautyKeyRef.current, _localVideoPlayer.DEFAULT_BEAUTY_VALUE));
   };
   var handleVideoViewChange = function handleVideoViewChange(key) {
     toggleLocalMirrorPreview(key === _localVideoPlayer.VideoViewType.SELFIE_VIEW);

package/lib/modules/setting/view.d.ts

@@ -3,17 +3,9 @@ import './state/index.css';
 import './video-settings/index.css';
 import './audio-settings/index.css';
 import './storage-settings/index.css';
-import 'agora-ui-foundation/lib/components/tabs/index.css';
-import 'agora-ui-foundation/lib/components/volume-indicator/index.css';
-import 'agora-ui-foundation/lib/components/slider/index.css';
-import { FcrObservableSettingStore } from '../../creator';
 import { Placement } from '../../type';
 export declare const HelpQuestionIcon: ({ content, placement, }: {
     content: string;
     placement?: Placement;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const DeviceSettingsView: () => import("react/jsx-runtime").JSX.Element;
-export declare const SettingsView: ({ onClose, store }: {
-    onClose: () => void;
-    store: FcrObservableSettingStore;
-}) => import("react/jsx-runtime").JSX.Element;

package/lib/modules/setting/view.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.SettingsView = exports.HelpQuestionIcon = exports.DeviceSettingsView = void 0;
+exports.HelpQuestionIcon = exports.DeviceSettingsView = void 0;
 require("core-js/modules/es.array.map.js");
 require("core-js/modules/es.object.to-string.js");
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -15,23 +15,20 @@ var _env = require("agora-foundation/lib/utilities/env");
 var _i18n = require("agora-ui-foundation/lib/i18n");
 var _icon = require("agora-ui-foundation/lib/components/icon");
 var _type = require("agora-ui-foundation/lib/components/icon/type");
-var _useNamespace = require("./common/useNamespace");
 var _mobxReact = require("mobx-react");
-var _store = require("./store");
 require("./index.css");
 require("./state/index.css");
 require("./video-settings/index.css");
 require("./audio-settings/index.css");
 require("./storage-settings/index.css");
-require("agora-ui-foundation/lib/components/tabs/index.css");
-require("agora-ui-foundation/lib/components/volume-indicator/index.css");
-require("agora-ui-foundation/lib/components/slider/index.css");
 var _state = _interopRequireDefault(require("./state"));
 var _audioSettings = _interopRequireDefault(require("./audio-settings/audio-settings"));
 var _videoSettings = _interopRequireDefault(require("./video-settings/video-settings"));
 var _generalSettings = _interopRequireDefault(require("./general-settings/general-settings"));
-var _preSetting = _interopRequireDefault(require("../dialog/dialogs/pre-setting"));
 var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
+var _type2 = require("./type");
+var _store = require("./store.base");
+var _useNamespace = require("../../utilities/useNamespace");
 var _jsxRuntime = require("react/jsx-runtime");
 // import StorageSettings from './storage-settings/storage-settings';
 // import TranslateSettings from './translate-settings/translate-settings';
@@ -42,7 +39,7 @@ var HelpQuestionIcon = exports.HelpQuestionIcon = function HelpQuestionIcon(_ref
     placement = _ref.placement;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
     mouseEnterDelay: 0,
-    trigger: "hover",
+    trigger: "click",
     content: content,
     placement: placement,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -64,7 +61,7 @@ var DeviceSettingsView = exports.DeviceSettingsView = (0, _mobxReact.observer)(f
     dialogConfig = _useContext.dialogConfig,
     setDialogConfig = _useContext.setDialogConfig,
     setSettingVideoOpened = _useContext.setSettingVideoOpened,
-    meetingStatus = _useContext.meetingStatus;
+    isHiddenStateTab = _useContext.isHiddenStateTab;
   var t = (0, _i18n.useI18n)();
   var ns = (0, _useNamespace.useNamespace)('device-settings');
   var getListItemCls = function getListItemCls(tabKey) {
@@ -87,27 +84,26 @@ var DeviceSettingsView = exports.DeviceSettingsView = (0, _mobxReact.observer)(f
     };
   }, []);
   var tabContent = (0, _react.useMemo)(function () {
-    var tabContents = (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _store.DeviceSettingTab.GENERAL, /*#__PURE__*/(0, _jsxRuntime.jsx)(_generalSettings["default"], {})), _store.DeviceSettingTab.AUDIO, /*#__PURE__*/(0, _jsxRuntime.jsx)(_audioSettings["default"], {})), _store.DeviceSettingTab.VIDEO, /*#__PURE__*/(0, _jsxRuntime.jsx)(_videoSettings["default"], {})), _store.DeviceSettingTab.STATE, /*#__PURE__*/(0, _jsxRuntime.jsx)(_state["default"], {}));
+    var tabContents = (0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])((0, _defineProperty2["default"])({}, _type2.DeviceSettingTab.GENERAL, /*#__PURE__*/(0, _jsxRuntime.jsx)(_generalSettings["default"], {})), _type2.DeviceSettingTab.AUDIO, /*#__PURE__*/(0, _jsxRuntime.jsx)(_audioSettings["default"], {})), _type2.DeviceSettingTab.VIDEO, /*#__PURE__*/(0, _jsxRuntime.jsx)(_videoSettings["default"], {})), _type2.DeviceSettingTab.STATE, /*#__PURE__*/(0, _jsxRuntime.jsx)(_state["default"], {}));
     return tabContents[dialogConfig.activeTab];
   }, [dialogConfig.activeTab]);
-  var isHiddenStateTab = meetingStatus === _store.MeetingStatus.PENDING;
   var deviceSettingItems = [{
-    tab: _store.DeviceSettingTab.GENERAL,
+    tab: _type2.DeviceSettingTab.GENERAL,
     color: 'orange',
     icon: _type.FcrIconType.FCR_SETTING,
     label: t('fmt_settings_option_general')
   }, {
-    tab: _store.DeviceSettingTab.AUDIO,
+    tab: _type2.DeviceSettingTab.AUDIO,
     color: 'green',
     icon: _type.FcrIconType.FCR_MUTE,
     label: t('fmt_setting_option_Voice')
   }, {
-    tab: _store.DeviceSettingTab.VIDEO,
+    tab: _type2.DeviceSettingTab.VIDEO,
     color: 'purple',
     icon: _type.FcrIconType.FCR_CAMERA,
     label: t('fmt_setting_option_Video')
   }, {
-    tab: _store.DeviceSettingTab.STATE,
+    tab: _type2.DeviceSettingTab.STATE,
     color: 'blue',
     icon: _type.FcrIconType.FCR_COMPUTERDATA,
     label: t('fmt_modules_labels_qualitystatistics'),
@@ -115,6 +111,9 @@ var DeviceSettingsView = exports.DeviceSettingsView = (0, _mobxReact.observer)(f
   }];
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: ns.b(),
+    onMouseDown: function onMouseDown(e) {
+      return e.stopPropagation();
+    },
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: ns.e('nav'),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
@@ -143,21 +142,10 @@ var DeviceSettingsView = exports.DeviceSettingsView = (0, _mobxReact.observer)(f
         })
       })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _classnames["default"])(ns.e('tab-content-wrapper'), ns.is('tab-content-video-wrapper', dialogConfig.activeTab === _store.DeviceSettingTab.VIDEO), {
+      className: (0, _classnames["default"])(ns.e('tab-content-wrapper'), ns.is('tab-content-video-wrapper', dialogConfig.activeTab === _type2.DeviceSettingTab.VIDEO), {
         'is-electron': (0, _env.isElectron)()
       }),
       children: tabContent
     })]
   });
-});
-var SettingsView = exports.SettingsView = (0, _mobxReact.observer)(function (_ref3) {
-  var onClose = _ref3.onClose,
-    store = _ref3.store;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_preSetting["default"], {
-    onClose: onClose,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_store.StoreContext.Provider, {
-      value: store.value,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(DeviceSettingsView, {})
-    })
-  });
 });