fcr-ui-scene 1.0.40 → 3.1.0-1

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

@@ -0,0 +1,34 @@
+import { FcrStreamInfo, FcrUserInfo } from 'agora-edu-core/lib/type';
+export declare enum FcrUIMemberSortingPriority {
+    MYSELF = 100,
+    HOST = 99,
+    CO_HOST = 98,
+    BOTH_OPEN = 97,
+    CAMERA_OPEN = 96,
+    MICROPHONE_OPEN = 95,
+    NONE = 0
+}
+export interface FcrUIMemberListDataSource {
+    list: FcrUIMemberData[];
+    resetList: (users: FcrUserInfo[], streams: Record<string, FcrStreamInfo[]>) => boolean;
+    add: (user: FcrUserInfo, streams: FcrStreamInfo[], isMySelf: boolean) => boolean;
+    update: (param: FcrStreamInfo | FcrUserInfo) => boolean;
+    updateWithStreamAdd: (stream: FcrStreamInfo) => boolean;
+    updateWithStreamRemove: (stream: FcrStreamInfo) => boolean;
+    delete: (user: FcrUserInfo) => boolean;
+}
+export interface FcrUIMemberData {
+    userId: string;
+    userInfo: FcrUserInfo & {
+        isBoardActive?: boolean;
+    };
+    streams: FcrStreamInfo[];
+    sortingPriority: FcrUIMemberSortingPriority;
+}
+export declare enum FcrUISessionKey {
+    REQUEST_OPEN_CAMERA = "REQUEST_OPEN_CAMERA",
+    REQUEST_OPEN_MICROPHONE = "REQUEST_OPEN_MICROPHONE"
+}
+export interface FcrUIRequestOpenDevicePayload {
+    sender: FcrUserInfo;
+}

package/lib/modules/participant/type.js

@@ -0,0 +1,22 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.FcrUISessionKey = exports.FcrUIMemberSortingPriority = void 0;
+var FcrUIMemberSortingPriority = exports.FcrUIMemberSortingPriority = /*#__PURE__*/function (FcrUIMemberSortingPriority) {
+  FcrUIMemberSortingPriority[FcrUIMemberSortingPriority["MYSELF"] = 100] = "MYSELF";
+  FcrUIMemberSortingPriority[FcrUIMemberSortingPriority["HOST"] = 99] = "HOST";
+  FcrUIMemberSortingPriority[FcrUIMemberSortingPriority["CO_HOST"] = 98] = "CO_HOST";
+  FcrUIMemberSortingPriority[FcrUIMemberSortingPriority["BOTH_OPEN"] = 97] = "BOTH_OPEN";
+  FcrUIMemberSortingPriority[FcrUIMemberSortingPriority["CAMERA_OPEN"] = 96] = "CAMERA_OPEN";
+  FcrUIMemberSortingPriority[FcrUIMemberSortingPriority["MICROPHONE_OPEN"] = 95] = "MICROPHONE_OPEN";
+  FcrUIMemberSortingPriority[FcrUIMemberSortingPriority["NONE"] = 0] = "NONE";
+  return FcrUIMemberSortingPriority;
+}({});
+var FcrUISessionKey = exports.FcrUISessionKey = /*#__PURE__*/function (FcrUISessionKey) {
+  FcrUISessionKey["REQUEST_OPEN_CAMERA"] = "REQUEST_OPEN_CAMERA";
+  FcrUISessionKey["REQUEST_OPEN_MICROPHONE"] = "REQUEST_OPEN_MICROPHONE";
+  return FcrUISessionKey;
+}({});

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

@@ -0,0 +1,11 @@
+import './index.css';
+export declare const MuteAllDialog: ({ getContainer, allowUnmuteSelfAudio, allowJoinWithMuteAudio, showMuteAllDialog, onCancel, onOk, onClose, }: {
+    getContainer?: (() => HTMLElement) | undefined;
+    allowUnmuteSelfAudio?: boolean | undefined;
+    allowJoinWithMuteAudio?: boolean | undefined;
+    showMuteAllDialog: boolean;
+    onCancel?: (() => void) | undefined;
+    onClose?: (() => void) | undefined;
+    onOk?: ((allowUnmute: boolean, joinWidthMute: boolean) => void) | undefined;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const View: () => import("react/jsx-runtime").JSX.Element | null;

package/lib/modules/participant/view.js

@@ -0,0 +1,260 @@
+"use strict";
+
+require("core-js/modules/es.symbol.js");
+require("core-js/modules/es.array.filter.js");
+require("core-js/modules/es.array.for-each.js");
+require("core-js/modules/es.array.push.js");
+require("core-js/modules/es.object.define-properties.js");
+require("core-js/modules/es.object.define-property.js");
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+require("core-js/modules/es.object.get-own-property-descriptors.js");
+require("core-js/modules/es.object.keys.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/web.dom-collections.for-each.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.View = exports.MuteAllDialog = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _env = require("agora-foundation/lib/utilities/env");
+var _checkbox = require("agora-ui-foundation/lib/components/checkbox");
+var _dialog = require("agora-ui-foundation/lib/components/dialog");
+var _participants = require("agora-ui-foundation/lib/components/participants");
+var _footer = require("agora-ui-foundation/lib/components/participants/footer");
+var _mobxReact = require("mobx-react");
+var _react = require("react");
+var _constant = require("../../utilities/constant");
+var _attendee = require("./attendee");
+var _context = require("./context");
+var _context2 = require("../dialog/context");
+require("./index.css");
+var _roomControlDropMenu = require("./room-control-drop-menu");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _jsxRuntime = require("react/jsx-runtime");
+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; }
+var MuteAllDialog = exports.MuteAllDialog = function MuteAllDialog(_ref) {
+  var getContainer = _ref.getContainer,
+    _ref$allowUnmuteSelfA = _ref.allowUnmuteSelfAudio,
+    allowUnmuteSelfAudio = _ref$allowUnmuteSelfA === void 0 ? false : _ref$allowUnmuteSelfA,
+    _ref$allowJoinWithMut = _ref.allowJoinWithMuteAudio,
+    allowJoinWithMuteAudio = _ref$allowJoinWithMut === void 0 ? false : _ref$allowJoinWithMut,
+    showMuteAllDialog = _ref.showMuteAllDialog,
+    onCancel = _ref.onCancel,
+    onOk = _ref.onOk,
+    onClose = _ref.onClose;
+  var _useState = (0, _react.useState)(allowUnmuteSelfAudio),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    allowUnmute = _useState2[0],
+    setAllowUnmute = _useState2[1];
+  var _useState3 = (0, _react.useState)(allowJoinWithMuteAudio),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    joinWithMute = _useState4[0],
+    setJoinWithMute = _useState4[1];
+  var handlerConfirm = function handlerConfirm() {
+    onOk && onOk(allowUnmute, joinWithMute);
+  };
+  (0, _react.useEffect)(function () {
+    if (showMuteAllDialog) {
+      setAllowUnmute(allowUnmuteSelfAudio);
+      setJoinWithMute(allowJoinWithMuteAudio);
+    }
+  }, [allowUnmuteSelfAudio, allowJoinWithMuteAudio, showMuteAllDialog]);
+  var transI18n = (0, _i18n.useI18n)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_dialog.FcrConfirmDialog, {
+    getContainer: getContainer,
+    title: transI18n('fmt_attendies_options_muteall'),
+    visible: showMuteAllDialog,
+    okButtonProps: {
+      styleType: 'danger'
+    },
+    onCancel: onCancel,
+    okText: transI18n('fmt_attendies_button_muteall'),
+    cancelText: transI18n('fmt_attendies_button_cancel'),
+    onClose: onClose,
+    onOk: handlerConfirm,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
+        label: transI18n('fmt_attendies_options_muteuponjoin'),
+        checked: joinWithMute,
+        onChange: function onChange(checked) {
+          return setJoinWithMute(checked);
+        }
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
+        label: transI18n('fmt_attendies_options_allowunmute'),
+        checked: allowUnmute,
+        onChange: function onChange(checked) {
+          return setAllowUnmute(checked);
+        }
+      })]
+    })
+  });
+};
+var MergeConfrimDialog = function MergeConfrimDialog(_ref2) {
+  var getContainer = _ref2.getContainer,
+    showMergeConfirmDialog = _ref2.showMergeConfirmDialog,
+    onClose = _ref2.onClose,
+    onOk = _ref2.onOk,
+    mergeUserInfo = _ref2.mergeUserInfo;
+  var t = (0, _i18n.useI18n)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_dialog.FcrConfirmDialog, {
+    getContainer: getContainer,
+    visible: showMergeConfirmDialog,
+    footer: null,
+    okButtonVisible: false,
+    cancelButtonVisible: false,
+    width: 280,
+    onClose: onClose,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "participants-container-merge-content",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "participants-container-merge-title",
+        children: t('fmt_broadcast_livestream_merge', {
+          reason1: mergeUserInfo === null || mergeUserInfo === void 0 ? void 0 : mergeUserInfo.userName
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        onClick: function onClick() {
+          onOk();
+        },
+        className: "participants-container-merge-button participants-container-merge-confirm",
+        children: t('fmt_pstn_button_merge')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        onClick: function onClick() {
+          onClose();
+        },
+        className: "participants-container-merge-button participants-container-merge-cancel",
+        children: t('fmt_attendies_button_cancel')
+      })]
+    })
+  });
+};
+var ParticipantsContainer = (0, _mobxReact.observer)(function () {
+  var _useContext = (0, _react.useContext)(_context.StoreContext),
+    userList = _useContext.userList,
+    handlerSearchUser = _useContext.handlerSearchUser,
+    searchText = _useContext.searchText,
+    currentPerspectiveType = _useContext.currentPerspectiveType,
+    setCurrentModal = _useContext.setCurrentModal,
+    handlerRoomControlAction = _useContext.handlerRoomControlAction,
+    handlerUserAction = _useContext.handlerUserAction,
+    allowUnmuteSelfAudio = _useContext.allowUnmuteSelfAudio,
+    allowJoinWithMuteAudio = _useContext.allowJoinWithMuteAudio,
+    currentModal = _useContext.currentModal,
+    openParticipantsWindow = _useContext.openParticipantsWindow,
+    onInvite = _useContext.onInvite,
+    hasRevokeHostPermission = _useContext.hasRevokeHostPermission,
+    checkIsPin = _useContext.checkIsPin,
+    hasPinnedStream = _useContext.hasPinnedStream,
+    enableSpotlight = _useContext.enableSpotlight,
+    mergeConfirmDialog = _useContext.mergeConfirmDialog,
+    setMergeConfirmDialog = _useContext.setMergeConfirmDialog,
+    mergeConfirmDialogOk = _useContext.mergeConfirmDialogOk,
+    mergeUserId = _useContext.mergeUserId,
+    mergeUserInfo = _useContext.mergeUserInfo,
+    getAllowedOperations = _useContext.getAllowedOperations,
+    hasMutePermission = _useContext.hasMutePermission,
+    hasUnmutePermission = _useContext.hasUnmutePermission,
+    hasRequestStartAudioPermission = _useContext.hasRequestStartAudioPermission;
+  var dialogStore = (0, _react.useContext)(_context2.StoreContext);
+  var handlerRoomControlClick = function handlerRoomControlClick(action, userId) {
+    if (action === _constant.RoomControlType.MUTE_ALL_AUDIO) {
+      setShowMuteAllDialog(true);
+      return;
+    }
+    setShowMuteAllDialog(false);
+    handlerRoomControlAction(action);
+  };
+  var _useState5 = (0, _react.useState)(false),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    showMuteAllDialog = _useState6[0],
+    setShowMuteAllDialog = _useState6[1];
+  var handlerTypeChange = function handlerTypeChange(type) {
+    setCurrentModal(type);
+    if ((0, _env.isElectron)() && type === 'window') {
+      openParticipantsWindow();
+    }
+  };
+  var dialogContaner = dialogStore !== null && dialogStore !== void 0 && dialogStore.participantElectronDialogContainer ? function () {
+    return dialogStore.participantElectronDialogContainer;
+  } : void 0;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: "participants-container",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_participants.FcrParticipants, {
+      type: currentModal,
+      userList: userList,
+      onSearch: handlerSearchUser,
+      searchText: searchText,
+      onInvite: onInvite,
+      userRenderer: function userRenderer(user) {
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mobxReact.Observer, {
+          children: function children() {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_attendee.ParticipantAttendee, _objectSpread(_objectSpread({
+              hasMutePermission: hasMutePermission,
+              hasUnmutePermission: hasUnmutePermission,
+              hasRequestStartAudioPermission: hasRequestStartAudioPermission,
+              currentPerspectiveType: currentPerspectiveType,
+              onParticipantsButtonClick: handlerUserAction
+            }, user), {}, {
+              isBoardActive: user.isBoardActive,
+              isPin: checkIsPin(user.userId),
+              hasPinnedStream: hasPinnedStream,
+              enableSpotlight: enableSpotlight,
+              allowedOperations: getAllowedOperations(user.userRole, !!user.isMe)
+            }));
+          }
+        });
+      }
+      // header={
+      //   <FcrWindowHeader type={currentModal} onTypeChange={handlerTypeChange} title="参会人" />
+      // }
+      ,
+      footer: /*#__PURE__*/(0, _jsxRuntime.jsx)(_footer.FcrParticipantsFooter, {
+        hasRevokeHostPermission: hasRevokeHostPermission,
+        onRoomControlClick: handlerRoomControlClick,
+        type: currentPerspectiveType,
+        moreDropMenu: /*#__PURE__*/(0, _jsxRuntime.jsx)(_roomControlDropMenu.RoomControlDropMenu, {})
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(MuteAllDialog, {
+      getContainer: dialogContaner,
+      allowUnmuteSelfAudio: allowUnmuteSelfAudio,
+      allowJoinWithMuteAudio: allowJoinWithMuteAudio,
+      showMuteAllDialog: showMuteAllDialog,
+      onCancel: function onCancel() {
+        return setShowMuteAllDialog(false);
+      },
+      onOk: function onOk(allowUnmute, joinWithMute) {
+        setShowMuteAllDialog(false);
+        handlerRoomControlAction(_constant.RoomControlType.MUTE_ALL_AUDIO, {
+          allowUnmute: allowUnmute,
+          joinWithMuteAudio: joinWithMute
+        });
+      },
+      onClose: function onClose() {
+        return setShowMuteAllDialog(false);
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(MergeConfrimDialog, {
+      getContainer: dialogContaner,
+      showMergeConfirmDialog: mergeConfirmDialog,
+      onClose: function onClose() {
+        return setMergeConfirmDialog(false);
+      },
+      mergeUserInfo: mergeUserInfo,
+      onOk: function onOk() {
+        mergeConfirmDialogOk(mergeUserId);
+      }
+    })]
+  });
+});
+var View = exports.View = (0, _mobxReact.observer)(function () {
+  var _useContext2 = (0, _react.useContext)(_context.StoreContext),
+    currentModal = _useContext2.currentModal;
+  if (currentModal === 'modal') {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(ParticipantsContainer, {});
+  }
+  if ((0, _env.isElectron)()) {
+    return null;
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ParticipantsContainer, {});
+});

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

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import './index.css';
+export declare const AudioSettings: FC;
+export default AudioSettings;

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

@@ -0,0 +1,303 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.AudioSettings = void 0;
+require("core-js/modules/es.error.to-string.js");
+require("core-js/modules/es.array.map.js");
+require("core-js/modules/es.date.to-string.js");
+require("core-js/modules/es.number.constructor.js");
+require("core-js/modules/es.object.to-string.js");
+require("core-js/modules/es.regexp.to-string.js");
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _react = require("react");
+var _radio = require("agora-ui-foundation/lib/components/radio");
+var _checkbox = require("agora-ui-foundation/lib/components/checkbox");
+var _switch = require("agora-ui-foundation/lib/components/switch");
+var _volumeIndicator = require("agora-ui-foundation/lib/components/volume-indicator");
+var _slider = require("agora-ui-foundation/lib/components/slider");
+var _i18n = require("agora-ui-foundation/lib/i18n");
+var _useNamespace = require("../common/useNamespace");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _microphoneDetection = require("../../device-pretest/audio-preview/microphone-detection");
+var _speakerDetection = require("../../device-pretest/audio-preview/speaker-detection");
+var _mobxReact = require("mobx-react");
+var _context = require("../context");
+require("./index.css");
+var _type = require("agora-edu-core/lib/type");
+var _icon = require("agora-ui-foundation/lib/components/icon");
+var _type2 = require("agora-ui-foundation/lib/components/icon/type");
+var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
+var _constant = require("../../../utilities/constant");
+var _jsxRuntime = require("react/jsx-runtime");
+var AudioSettings = exports.AudioSettings = (0, _mobxReact.observer)(function () {
+  var ns = (0, _useNamespace.useNamespace)('device-settings-audio');
+  var t = (0, _i18n.useI18n)();
+  var containerRef = (0, _react.useRef)(null);
+  var _useState = (0, _react.useState)(null),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    containerDom = _useState2[0],
+    setContainerDom = _useState2[1];
+  (0, _react.useEffect)(function () {
+    setContainerDom(containerRef.current);
+  }, []);
+  var _useContext = (0, _react.useContext)(_context.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;
+  var noiseReduceOptions = (0, _react.useMemo)(function () {
+    return [{
+      label: t('fmt_internalsetting_label_automatic'),
+      value: _type.FcrAiDenoiseLevel.AUTO
+    }, {
+      label: t('fmt_setting_option_3alow'),
+      addition: t('fmt_internalsetting_tips_backgroundsound'),
+      value: _type.FcrAiDenoiseLevel.LOW
+    }, {
+      label: t('fmt_setting_option_3amoderate'),
+      addition: t('fmt_internalsetting_tips_fanpan'),
+      value: _type.FcrAiDenoiseLevel.MEDIUM
+    }, {
+      label: t('fmt_setting_option_3ahigh'),
+      addition: t('fmt_internalsetting_tips_dogbarking'),
+      value: _type.FcrAiDenoiseLevel.HIGH
+    }];
+  }, [t]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: ns.b(),
+    ref: containerRef,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classnames["default"])(ns.e('section'), ns.e('section-speaker')),
+      id: _constant.HighlightElement.AUDIO_SPEAKER,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: ns.e('section-title'),
+        children: t('fmt_setting_label_Speaker')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: ns.e('detection-wrapper'),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_speakerDetection.SpeakerDetection, {
+          disabled: microphoneDetecting,
+          speakerDeviceId: speakerDeviceId !== null && speakerDeviceId !== void 0 ? speakerDeviceId : '',
+          speakerDeviceList: speakerDeviceList,
+          setSpeakerDevice: setSpeakerDevice,
+          startSpeakerTest: startSpeakerTest,
+          stopSpeakerTest: stopSpeakerTest
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: ns.e('form-item'),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: ns.e('form-label'),
+          children: t('fmt_setting_label_oututlevel')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_volumeIndicator.FcrVolumeIndicator, {
+          value: speakerTestVolumeLevel / 100,
+          barCount: 13
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: ns.e('form-item'),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: ns.e('form-label'),
+          children: t('fmt_setting_label_volume')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_slider.FcrSlider, {
+          value: speakerVolume,
+          min: 0,
+          max: 100,
+          step: 1,
+          onChange: setSpeakerVolume,
+          draggableDom: containerDom
+        })]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classnames["default"])(ns.e('section'), ns.e('section-microphones')),
+      id: _constant.HighlightElement.AUDIO_MICROPHONE,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: ns.e('section-title'),
+        children: t('fmt_setting_label_Mic')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: ns.e('detection-wrapper'),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_microphoneDetection.MicrophoneDetection, {
+          disabled: speakerDetecting,
+          microphoneDeviceId: microphoneDeviceId !== null && microphoneDeviceId !== void 0 ? microphoneDeviceId : '',
+          microphoneDeviceList: microphoneDeviceList,
+          setMicrophoneDevice: setMicrophoneDevice,
+          startMicrophoneTest: startMicrophoneTest,
+          stopMicrophoneTest: stopMicrophoneTest
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: ns.e('form-item'),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: ns.e('form-label'),
+          children: t('fmt_internalsetting_label_inputlevel')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_volumeIndicator.FcrVolumeIndicator, {
+          value: microphoneTestVolumeLevel / 100,
+          barCount: 13
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: ns.e('form-item'),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: ns.e('form-label'),
+          children: t('fmt_internalsetting_label_inputvolume')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_slider.FcrSlider, {
+          value: microphoneVolume,
+          min: 0,
+          max: 400,
+          step: 1,
+          onChange: setMicrophoneVolume,
+          draggableDom: containerDom,
+          disabled: setting.autoAdjustmentMicrophoneVolume
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: ns.em('checkbox-wrapper', 'bordered'),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
+          size: "small",
+          label: t('fmt_setting_option_volumeadjust', {
+            reason1: t('fmt_setting_label_Mic')
+          }),
+          checked: setting.autoAdjustmentMicrophoneVolume,
+          onChange: function onChange(v) {
+            return setSetting({
+              autoAdjustmentMicrophoneVolume: v
+            });
+          }
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classnames["default"])(ns.e('section'), ns.e('section-reduce-noise')),
+      id: _constant.HighlightElement.AUDIO_NOISE_REDUCE,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: ns.e('section-title'),
+        children: t('fmt_setting_label_3a')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.FcrRadioGroup, {
+        value: setting.noiseReduce.toString(),
+        onChange: function onChange(v) {
+          return setSetting({
+            noiseReduce: Number(v)
+          });
+        },
+        children: noiseReduceOptions.map(function (item) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_radio.FcrRadio, {
+            value: item.value.toString(),
+            label: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                children: item.label
+              }), item.addition && /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+                className: ns.e('radio-label-addition'),
+                children: ["\uFF08", item.addition, "\uFF09"]
+              })]
+            })
+          }, item.value);
+        })
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classnames["default"])(ns.e('section'), ns.e('section-pro-audio')),
+      id: _constant.HighlightElement.AUDIO_PRO_AUDIO,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: ns.e('section-title'),
+        children: t('fmt_setting_label_professional')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: ns.e('switch-title'),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          children: t('fmt_setting_option_orinalvoise')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_switch.FcrSwitch, {
+          value: setting.audioVoiceChanger,
+          onChange: function onChange(v) {
+            return setSetting({
+              audioVoiceChanger: v
+            });
+          }
+        })]
+      }), setting.audioVoiceChanger && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: ns.e('options-section'),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: ns.e('switch-title'),
+          children: t('fmt_settings_options_enableoptions')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: ns.e('options'),
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
+            size: "small",
+            checked: setting.audioHiFi,
+            onChange: function onChange(v) {
+              return setSetting({
+                audioHiFi: v
+              });
+            },
+            label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              className: ns.e('checkbox-item'),
+              children: [t('fmt_settings_options_highquality'), /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+                mouseEnterDelay: 0,
+                content: t('fmt_internalsetting_tips_optiomizeaudio'),
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+                    type: _type2.FcrIconType.FCR_HELPQUESTION,
+                    size: 14
+                  })
+                })
+              })]
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
+            size: "small",
+            label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              className: ns.e('checkbox-item'),
+              children: [t('fmt_settings_options_echocancel'), /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+                mouseEnterDelay: 0,
+                content: t('fmt_internalsetting_tips_preventechoes'),
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+                    type: _type2.FcrIconType.FCR_HELPQUESTION,
+                    size: 14
+                  })
+                })
+              })]
+            }),
+            checked: setting.audioEchoCancellation,
+            onChange: function onChange(v) {
+              return setSetting({
+                audioEchoCancellation: v
+              });
+            }
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_checkbox.FcrCheckbox, {
+            size: "small",
+            label: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              className: ns.e('checkbox-item'),
+              children: [t('fmt_settings_options_stereo'), /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
+                mouseEnterDelay: 0,
+                content: t('fmt_internalsetting_labels_audiostereoencode'),
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
+                    type: _type2.FcrIconType.FCR_HELPQUESTION,
+                    size: 14
+                  })
+                })
+              })]
+            }),
+            checked: setting.audioStereo,
+            onChange: function onChange(v) {
+              return setSetting({
+                audioStereo: v
+              });
+            }
+          })]
+        })]
+      })]
+    })]
+  });
+});
+var _default = exports["default"] = AudioSettings;