fcr-ui-scene 3.8.1-beta → 3.8.2

package/lib-es/modules/secondary-window/view.js

@@ -0,0 +1,281 @@
+import "core-js/modules/es.error.to-string.js";
+import "core-js/modules/es.date.to-string.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.regexp.to-string.js";
+import { observer } from 'mobx-react';
+import { useContext, useEffect, useLayoutEffect, useRef } from 'react';
+import { SecondaryWindowStoreContext } from './store';
+import { FcrVideoRenderMode, FcrVideoStreamType } from 'fcr-core/lib/type';
+import { MemberWindow } from '../components/member-window';
+import { WhiteboardControlbar } from '../components/control-bar';
+import { Loading } from '../components/control-bar/components/loading';
+import { WhiteboardToolbar } from '../components/toolbar';
+import { FcrBoardToolType } from 'fcr-core';
+import { FcrUIDisplayDistributionContentType, WhiteboardToolAction } from './type';
+import ProgressDialog from '../components/control-bar/components/progress';
+import { transI18n } from 'agora-ui-foundation/lib/i18n';
+import { LeaveMeetingPortal } from '../components/leave-meeting/portal';
+import { FcrVideoTrackRenderContext } from '../../shared-context/video-track-render-context';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export var SubWindowView = observer(function (props) {
+  var renderScreenShareControl = props.renderScreenShareControl;
+  var store = useContext(SecondaryWindowStoreContext);
+  var joinSuccess = store.joinSuccess,
+    isHost = store.isHost,
+    canWriteBoard = store.canWriteBoard,
+    videoWindowData = store.videoWindowData,
+    toolbarState = store.toolbarState,
+    scalValue = store.scalValue,
+    currentTheme = store.currentTheme,
+    secondaryWindowContentType = store.secondaryWindowContentType,
+    connectionState = store.connectionState,
+    showLoading = store.showLoading,
+    isScreenShare = store.isScreenShare,
+    isBoardShare = store.isBoardShare,
+    annotationHasStart = store.annotationHasStart,
+    isZoomMinimum = store.isZoomMinimum,
+    isZoomMaxmum = store.isZoomMaxmum,
+    isCurrentOriginal = store.isCurrentOriginal,
+    isAspectRatioPreserved = store.isAspectRatioPreserved,
+    isShowToolbar = store.isShowToolbar,
+    isActive = store.isActive,
+    baseUrl = store.baseUrl,
+    setOriginScalc = store.setOriginScalc,
+    zoomIn = store.zoomIn,
+    zoomOut = store.zoomOut,
+    fullContainer = store.fullContainer,
+    setTheme = store.setTheme,
+    setScaleValue = store.setScaleValue,
+    handleIframeLoad = store.handleIframeLoad,
+    setControlEnable = store.setControlEnable,
+    setWhiteboardTool = store.setWhiteboardTool,
+    setShowLoading = store.setShowLoading,
+    setCommonColors = store.setCommonColors,
+    saveWhiteboardDraft = store.saveWhiteboardDraft,
+    setProgress = store.setProgress,
+    setSpeakerViewSize = store.setSpeakerViewSize,
+    interceptedClose = store.interceptedClose,
+    setInterceptedClose = store.setInterceptedClose,
+    videoRenderContext = store.videoRenderContext;
+  var videoWindowContainer = useRef(null);
+  useEffect(function () {
+    if (!interceptedClose) return;
+    if (!videoWindowContainer.current) {
+      console.error('videoWindowContainer is null');
+      return;
+    }
+    var ownerDocument = videoWindowContainer.current.ownerDocument;
+    var container = ownerDocument.getElementById('fcr-action-bar--leave-meeting-portal');
+    var handleClickOutside = function handleClickOutside(event) {
+      if (!container) {
+        console.error('leave-meeting container is null');
+        return;
+      }
+      if (!container.contains(event.target)) {
+        setInterceptedClose(false);
+      }
+    };
+    ownerDocument.addEventListener('mousedown', handleClickOutside);
+    return function () {
+      ownerDocument.removeEventListener('mousedown', handleClickOutside);
+    };
+  }, [interceptedClose]);
+  useLayoutEffect(function () {
+    var _videoWindowContainer;
+    var rect = (_videoWindowContainer = videoWindowContainer.current) === null || _videoWindowContainer === void 0 ? void 0 : _videoWindowContainer.getBoundingClientRect();
+    if (rect) {
+      var width = rect.width,
+        height = rect.height;
+      setSpeakerViewSize(width, height);
+    }
+  }, [secondaryWindowContentType]);
+  if (!videoWindowData) {
+    return null;
+  }
+  var content = null;
+  if (isBoardShare) {
+    content = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [showLoading && /*#__PURE__*/_jsx(Loading, {
+        joined: joinSuccess,
+        connectionState: connectionState,
+        canOperate: canWriteBoard,
+        handleClose: function handleClose() {
+          return setShowLoading(false);
+        }
+      }), toolbarState.progress > 0 && toolbarState.progress < 100 && /*#__PURE__*/_jsx(ProgressDialog, {
+        title: "".concat(transI18n('fmt_screenshare_whiteboard_tips_downloading'), "..."),
+        progress: toolbarState.progress
+      }), /*#__PURE__*/_jsxs(WhiteboardControlbar, {
+        onClose: function onClose() {},
+        onEnable: function onEnable(enable) {
+          setControlEnable(enable);
+        },
+        setTheme: setTheme,
+        canWriteBoard: canWriteBoard,
+        controlEnabled: toolbarState.controlEnable,
+        isHost: isHost,
+        currentTheme: currentTheme,
+        sharingType: 'whiteboard',
+        ownerUserName: videoWindowData.userName,
+        isMyBoard: isActive && store.isMyBoard,
+        children: [!isShowToolbar && /*#__PURE__*/_jsx("div", {
+          className: "whiteboard-action-prevent"
+        }), /*#__PURE__*/_jsx("iframe", {
+          ref: handleIframeLoad,
+          allow: "webview",
+          src: "".concat(baseUrl, "/whiteboard.html?type=whiteboard"),
+          style: {
+            width: '100vw',
+            height: 'calc(100vh - 28px)'
+          }
+        })]
+      })]
+    });
+  } else {
+    content = /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsxs(FcrVideoTrackRenderContext.Provider, {
+        value: videoRenderContext,
+        children: [isScreenShare && /*#__PURE__*/_jsx(WhiteboardControlbar, {
+          ownerUserName: videoWindowData.userName,
+          sharingType: 'annotation',
+          onZoomIn: function onZoomIn() {
+            zoomIn();
+            return isZoomMaxmum;
+          },
+          onZoomOut: function onZoomOut() {
+            zoomOut();
+            return isZoomMinimum;
+          },
+          onAdaptive: function onAdaptive() {
+            fullContainer();
+            return isAspectRatioPreserved;
+          },
+          onOrigin: function onOrigin() {
+            setOriginScalc();
+            return isCurrentOriginal;
+          },
+          isSharingAudio: videoWindowData.hasLoopbackSharing && videoWindowData.hasMicrophoneAudioStream
+        }), /*#__PURE__*/_jsx(MemberWindow, {
+          onRemovePin: function onRemovePin() {},
+          canShowSpeakerSpotlight: true,
+          width: Infinity,
+          height: Infinity,
+          videoRenderMode: FcrVideoRenderMode.FIT,
+          videoStreamType: FcrVideoStreamType.HIGH_STREAM,
+          windowData: videoWindowData,
+          showAvatar: true,
+          isVideoSuspended: false,
+          enableZoom: true,
+          scalcValue: scalValue,
+          onScaleChange: setScaleValue
+        })]
+      }), secondaryWindowContentType === FcrUIDisplayDistributionContentType.SHARING_SCREEN_WITH_ANNOTATION && annotationHasStart && /*#__PURE__*/_jsx("iframe", {
+        ref: handleIframeLoad,
+        allow: "webview",
+        src: "".concat(baseUrl, "/whiteboard.html?type=annotation"),
+        style: {
+          width: '100%',
+          height: '100%',
+          position: 'absolute',
+          top: 0,
+          left: 0,
+          background: 'transparent',
+          zIndex: 10
+        }
+      }), !isShowToolbar && /*#__PURE__*/_jsx("div", {
+        className: "annotation-action-prevent"
+      }), isScreenShare && /*#__PURE__*/_jsx("div", {
+        style: {
+          width: '100%',
+          position: 'absolute',
+          top: '-28px'
+        },
+        children: renderScreenShareControl({
+          isZoomMinimum: isZoomMinimum,
+          isZoomMaxmum: isZoomMaxmum,
+          isCurrentOriginal: isCurrentOriginal,
+          isAspectRatioPreserved: isAspectRatioPreserved,
+          setOriginScalc: setOriginScalc,
+          zoomIn: zoomIn,
+          zoomOut: zoomOut,
+          fullContainer: fullContainer,
+          isShowToolbarToggle: !showLoading && joinSuccess && canWriteBoard
+        })
+      })]
+    });
+  }
+  return /*#__PURE__*/_jsxs("div", {
+    ref: videoWindowContainer,
+    className: "sub-window-view",
+    style: {
+      width: '100%',
+      height: isScreenShare ? 'calc(100% - 28px)' : '100%',
+      position: 'relative',
+      top: isScreenShare ? 28 : 0
+    },
+    children: [interceptedClose && /*#__PURE__*/_jsx(LeaveMeetingPortal, {
+      setPopoverOpened: function setPopoverOpened() {
+        return setInterceptedClose(false);
+      }
+    }), content, (isBoardShare || annotationHasStart) && /*#__PURE__*/_jsx(WhiteboardToolbar, {
+      offsetTop: 28,
+      direction: "vertical",
+      container: videoWindowContainer.current || undefined,
+      show: canWriteBoard && joinSuccess && isShowToolbar && !showLoading,
+      currentStrokeWidth: toolbarState.currentStrokeWidth,
+      currentColor: toolbarState.currentColor,
+      currentTool: toolbarState.currentTool,
+      currentShape: toolbarState.currentShape,
+      redoSteps: toolbarState.redoSteps,
+      undoSteps: toolbarState.undoSteps,
+      commonColors: isBoardShare ? toolbarState.commonColors : undefined,
+      themeColors: toolbarState.themeColors,
+      setCommonColors: setCommonColors,
+      setStrokeWidth: function setStrokeWidth(width) {
+        setWhiteboardTool({
+          action: WhiteboardToolAction.WIDTH,
+          tool: width
+        });
+      },
+      setTool: function setTool(tool) {
+        setWhiteboardTool({
+          action: WhiteboardToolAction.TOOL,
+          tool: tool
+        });
+      },
+      setShape: function setShape(shape) {
+        setWhiteboardTool({
+          action: WhiteboardToolAction.SHAPE,
+          tool: shape
+        });
+      },
+      setStrokeColor: function setStrokeColor(color) {
+        setWhiteboardTool({
+          action: WhiteboardToolAction.COLOR,
+          tool: color.toString()
+        });
+      },
+      undo: function undo() {
+        return setWhiteboardTool({
+          action: WhiteboardToolAction.UNDO,
+          tool: FcrBoardToolType.NONE
+        });
+      },
+      redo: function redo() {
+        return setWhiteboardTool({
+          action: WhiteboardToolAction.REDO,
+          tool: FcrBoardToolType.NONE
+        });
+      },
+      clean: function clean() {
+        return setWhiteboardTool({
+          action: WhiteboardToolAction.CLEAR,
+          tool: FcrBoardToolType.NONE
+        });
+      },
+      onSave: isBoardShare ? saveWhiteboardDraft : undefined,
+      progress: toolbarState.progress,
+      setProgress: setProgress
+    })]
+  });
+});

package/lib-es/modules/setting/audio-settings/audio-settings.js

@@ -0,0 +1,292 @@
+import "core-js/modules/es.symbol.js";
+import "core-js/modules/es.array.filter.js";
+import "core-js/modules/es.array.for-each.js";
+import "core-js/modules/es.array.push.js";
+import "core-js/modules/es.object.define-properties.js";
+import "core-js/modules/es.object.define-property.js";
+import "core-js/modules/es.object.get-own-property-descriptor.js";
+import "core-js/modules/es.object.get-own-property-descriptors.js";
+import "core-js/modules/es.object.keys.js";
+import "core-js/modules/esnext.iterator.filter.js";
+import "core-js/modules/esnext.iterator.for-each.js";
+import "core-js/modules/web.dom-collections.for-each.js";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import "core-js/modules/es.error.to-string.js";
+import "core-js/modules/es.array.map.js";
+import "core-js/modules/es.date.to-string.js";
+import "core-js/modules/es.number.constructor.js";
+import "core-js/modules/es.object.to-string.js";
+import "core-js/modules/es.regexp.to-string.js";
+import "core-js/modules/esnext.iterator.constructor.js";
+import "core-js/modules/esnext.iterator.map.js";
+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) { _defineProperty(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; }
+import { useContext, useEffect, useMemo, useRef, useState } from 'react';
+import { FcrRadioGroup, FcrRadio } from 'agora-ui-foundation/lib/components/radio';
+import { FcrCheckbox } from 'agora-ui-foundation/lib/components/checkbox';
+import { FcrVolumeIndicator } from 'agora-ui-foundation/lib/components/volume-indicator';
+import { FcrSlider } from 'agora-ui-foundation/lib/components/slider';
+import { useI18n } from 'agora-ui-foundation/lib/i18n';
+import classNames from 'classnames';
+import { MicrophoneDetection } from '../../device-pretest/audio-preview/microphone-detection';
+import { SpeakerDetection } from '../../device-pretest/audio-preview/speaker-detection';
+import { observer } from 'mobx-react';
+import { StoreContext } from '../store.base';
+import { FcrUIHighlightElement } from '../../../utilities/constant';
+import { isElectron } from 'agora-foundation/lib/utilities/env';
+import { FcrUIAiDenoiseLevel } from '../../../type';
+import { HelpQuestionIcon } from '../view';
+import './index.css';
+import { useNamespace } from '../../../utilities/useNamespace';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export var AudioSettings = observer(function () {
+  var _setting$noiseReduce;
+  var ns = useNamespace('device-settings-audio');
+  var t = useI18n();
+  var containerRef = useRef(null);
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    containerDom = _useState2[0],
+    setContainerDom = _useState2[1];
+  useEffect(function () {
+    setContainerDom(containerRef.current);
+  }, []);
+  var _useContext = useContext(StoreContext),
+    setting = _useContext.setting,
+    setSetting = _useContext.setSetting,
+    speakerTestVolumeLevel = _useContext.speakerTestVolumeLevel,
+    speakerVolume = _useContext.speakerVolume,
+    microphoneTestVolumeLevel = _useContext.microphoneTestVolumeLevel,
+    microphoneVolume = _useContext.microphoneVolume,
+    setSpeakerVolume = _useContext.setSpeakerVolume,
+    setMicrophoneVolume = _useContext.setMicrophoneVolume,
+    speakerDeviceId = _useContext.speakerDeviceId,
+    microphoneDeviceId = _useContext.microphoneDeviceId,
+    speakerDeviceList = _useContext.speakerDeviceList,
+    microphoneDeviceList = _useContext.microphoneDeviceList,
+    setSpeakerDevice = _useContext.setSpeakerDevice,
+    stopMicrophoneTest = _useContext.stopMicrophoneTest,
+    startMicrophoneTest = _useContext.startMicrophoneTest,
+    setMicrophoneDevice = _useContext.setMicrophoneDevice,
+    stopSpeakerTest = _useContext.stopSpeakerTest,
+    startSpeakerTest = _useContext.startSpeakerTest,
+    microphoneDetecting = _useContext.microphoneDetecting,
+    speakerDetecting = _useContext.speakerDetecting,
+    media = _useContext.media,
+    changeMediaSetting = _useContext.changeMediaSetting;
+  var noiseReduceOptions = useMemo(function () {
+    return [{
+      label: t('fmt_premeeting_setting_label_turn_off'),
+      value: FcrUIAiDenoiseLevel.CLOSE
+    }, {
+      label: t('fmt_setting_option_3alow'),
+      addition: t('fmt_internalsetting_tips_backgroundsound'),
+      value: FcrUIAiDenoiseLevel.LOW
+    }, {
+      label: t('fmt_setting_option_3amoderate'),
+      addition: t('fmt_internalsetting_tips_fanpan'),
+      value: FcrUIAiDenoiseLevel.MEDIUM
+    }, {
+      label: t('fmt_setting_option_3ahigh'),
+      addition: t('fmt_internalsetting_tips_dogbarking'),
+      value: FcrUIAiDenoiseLevel.HIGH
+    }];
+  }, [t]);
+  var _useState3 = useState(media),
+    _useState4 = _slicedToArray(_useState3, 2),
+    mediaSetting = _useState4[0],
+    setMediaSetting = _useState4[1];
+  var speakerVolumeLevel = speakerDetecting ? speakerTestVolumeLevel / 100 : 0;
+  var microphoneVolumeLevel = microphoneDetecting ? microphoneTestVolumeLevel / 100 : 0;
+  return /*#__PURE__*/_jsxs("div", {
+    className: ns.b(),
+    ref: containerRef,
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: classNames(ns.e('section'), ns.e('section-speaker')),
+      id: FcrUIHighlightElement.AUDIO_SPEAKER,
+      children: [/*#__PURE__*/_jsx("div", {
+        className: ns.e('section-title'),
+        children: t('fmt_setting_label_Speaker')
+      }), /*#__PURE__*/_jsx("div", {
+        className: ns.e('detection-wrapper'),
+        children: /*#__PURE__*/_jsx(SpeakerDetection, {
+          disabled: microphoneDetecting,
+          speakerDeviceId: speakerDeviceId !== null && speakerDeviceId !== void 0 ? speakerDeviceId : '',
+          speakerDeviceList: speakerDeviceList,
+          setSpeakerDevice: setSpeakerDevice,
+          startSpeakerTest: startSpeakerTest,
+          stopSpeakerTest: stopSpeakerTest
+        })
+      }), /*#__PURE__*/_jsxs("div", {
+        className: ns.e('form-item'),
+        children: [/*#__PURE__*/_jsx("div", {
+          className: ns.e('form-label'),
+          children: t('fmt_setting_label_oututlevel')
+        }), /*#__PURE__*/_jsx(FcrVolumeIndicator, {
+          value: speakerVolumeLevel,
+          barCount: 13
+        })]
+      }), isElectron() && /*#__PURE__*/_jsxs("div", {
+        className: ns.e('form-item'),
+        onMouseDown: function onMouseDown(e) {
+          return e.stopPropagation();
+        },
+        children: [/*#__PURE__*/_jsx("div", {
+          className: ns.e('form-label'),
+          children: t('fmt_setting_label_volume')
+        }), /*#__PURE__*/_jsx(FcrSlider, {
+          value: speakerVolume,
+          min: 0,
+          max: 255,
+          step: 1,
+          onChange: setSpeakerVolume,
+          draggableDom: containerDom
+        })]
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      className: classNames(ns.e('section'), ns.e('section-microphones')),
+      id: FcrUIHighlightElement.AUDIO_MICROPHONE,
+      children: [/*#__PURE__*/_jsx("div", {
+        className: ns.e('section-title'),
+        children: t('fmt_setting_label_Mic')
+      }), /*#__PURE__*/_jsx("div", {
+        className: ns.e('detection-wrapper'),
+        children: /*#__PURE__*/_jsx(MicrophoneDetection, {
+          disabled: speakerDetecting,
+          microphoneDeviceId: microphoneDeviceId !== null && microphoneDeviceId !== void 0 ? microphoneDeviceId : '',
+          microphoneDeviceList: microphoneDeviceList,
+          setMicrophoneDevice: setMicrophoneDevice,
+          startMicrophoneTest: startMicrophoneTest,
+          stopMicrophoneTest: stopMicrophoneTest,
+          microphoneDetecting: microphoneDetecting
+        })
+      }), /*#__PURE__*/_jsxs("div", {
+        className: ns.e('form-item'),
+        children: [/*#__PURE__*/_jsx("div", {
+          className: ns.e('form-label'),
+          children: t('fmt_internalsetting_label_inputlevel')
+        }), /*#__PURE__*/_jsx(FcrVolumeIndicator, {
+          value: microphoneVolumeLevel,
+          barCount: 13
+        })]
+      }), /*#__PURE__*/_jsxs("div", {
+        className: ns.em('checkbox-wrapper', 'bordered'),
+        children: [/*#__PURE__*/_jsx(FcrCheckbox, {
+          size: "small",
+          label: t('fmt_premeeting_setting_label_turn_on_microphone'),
+          checked: !mediaSetting.microphoneExpectedOff,
+          onChange: function onChange(v) {
+            setMediaSetting(_objectSpread(_objectSpread({}, mediaSetting), {}, {
+              microphoneExpectedOff: !v
+            }));
+            changeMediaSetting('microphoneExpectedOff', !v);
+          }
+        }), /*#__PURE__*/_jsx(FcrCheckbox, {
+          size: "small",
+          label: t('fmt_premeeting_setting_checkbox_joining_meeting_connect_audio'),
+          checked: mediaSetting.autoConnectAudio,
+          onChange: function onChange(v) {
+            setMediaSetting(_objectSpread(_objectSpread({}, mediaSetting), {}, {
+              autoConnectAudio: v
+            }));
+            changeMediaSetting('autoConnectAudio', v);
+          }
+        })]
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      className: classNames(ns.e('section'), ns.e('section-reduce-noise')),
+      id: FcrUIHighlightElement.AUDIO_NOISE_REDUCE,
+      children: [/*#__PURE__*/_jsx("div", {
+        className: ns.e('section-title'),
+        children: t('fmt_setting_label_3a')
+      }), /*#__PURE__*/_jsx(FcrRadioGroup, {
+        value: (_setting$noiseReduce = setting.noiseReduce) === null || _setting$noiseReduce === void 0 ? void 0 : _setting$noiseReduce.toString(),
+        onChange: function onChange(v) {
+          setSetting({
+            noiseReduce: Number(v)
+          });
+        },
+        children: noiseReduceOptions.map(function (item) {
+          var _item$value;
+          return /*#__PURE__*/_jsx(FcrRadio, {
+            value: (_item$value = item.value) === null || _item$value === void 0 ? void 0 : _item$value.toString(),
+            label: /*#__PURE__*/_jsxs(_Fragment, {
+              children: [/*#__PURE__*/_jsx("span", {
+                children: item.label
+              }), item.addition && /*#__PURE__*/_jsx("span", {
+                className: ns.e('radio-label-addition'),
+                children: item.addition
+              })]
+            })
+          }, item.value);
+        })
+      })]
+    }), isElectron() && /*#__PURE__*/_jsxs("div", {
+      className: classNames(ns.e('section'), ns.e('section-pro-audio')),
+      id: FcrUIHighlightElement.AUDIO_PRO_AUDIO,
+      children: [/*#__PURE__*/_jsx("div", {
+        className: ns.e('section-title'),
+        children: t('fmt_setting_label_professional')
+      }), /*#__PURE__*/_jsx("div", {
+        className: ns.e('switch-wrapper'),
+        children: /*#__PURE__*/_jsx("div", {
+          className: ns.e('switch-wrapper-orinalvoise-tip'),
+          children: t('fmt_setting_option_orinalvoise')
+        })
+      }), setting.audioVoiceChanger && /*#__PURE__*/_jsxs("div", {
+        className: ns.e('options-section'),
+        children: [/*#__PURE__*/_jsx("div", {
+          className: ns.e('switch-title'),
+          children: t('fmt_settings_options_enableoptions')
+        }), /*#__PURE__*/_jsxs("div", {
+          className: ns.e('options'),
+          children: [/*#__PURE__*/_jsx(FcrCheckbox, {
+            size: "small",
+            checked: setting.audioHiFi,
+            onChange: function onChange(v) {
+              setSetting({
+                audioHiFi: v
+              });
+            },
+            label: /*#__PURE__*/_jsxs("div", {
+              className: ns.e('checkbox-item'),
+              children: [t('fmt_settings_options_highquality'), /*#__PURE__*/_jsx(HelpQuestionIcon, {
+                content: t('fmt_internalsetting_tips_optiomizeaudio')
+              })]
+            })
+          }), /*#__PURE__*/_jsx(FcrCheckbox, {
+            size: "small",
+            label: /*#__PURE__*/_jsxs("div", {
+              className: ns.e('checkbox-item'),
+              children: [t('fmt_settings_options_echocancel'), /*#__PURE__*/_jsx(HelpQuestionIcon, {
+                content: t('fmt_internalsetting_tips_preventechoes')
+              })]
+            }),
+            checked: setting.audioEchoCancellation,
+            onChange: function onChange(v) {
+              setSetting({
+                audioEchoCancellation: v
+              });
+            }
+          }), /*#__PURE__*/_jsx(FcrCheckbox, {
+            size: "small",
+            label: /*#__PURE__*/_jsxs("div", {
+              className: ns.e('checkbox-item'),
+              children: [t('fmt_settings_options_stereo'), /*#__PURE__*/_jsx(HelpQuestionIcon, {
+                content: t('fmt_internalsetting_labels_audiostereoencode')
+              })]
+            }),
+            checked: setting.audioStereo,
+            onChange: function onChange(v) {
+              setSetting({
+                audioStereo: v
+              });
+            }
+          })]
+        })]
+      })]
+    })]
+  });
+});
+export default AudioSettings;