fcr-ui-scene 3.5.1 → 3.6.0

package/lib/modules/video-window/deviceState/index.js

@@ -1,75 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DeviceState = exports.AudioRecordinDeviceIcon = void 0;
-var _mobxReact = require("mobx-react");
-var _icon = require("agora-ui-foundation/lib/components/icon");
-var _type = require("agora-ui-foundation/lib/components/icon/type");
-var _microphoneIndicator = require("agora-ui-foundation/lib/components/microphone-indicator");
-var _type2 = require("../../../type");
-var _jsxRuntime = require("react/jsx-runtime");
-var DeviceState = exports.DeviceState = (0, _mobxReact.observer)(function (_ref) {
-  var connectType = _ref.connectType,
-    openConnection = _ref.openConnection,
-    microphoneVolumeLevel = _ref.microphoneVolumeLevel,
-    enableMicrophone = _ref.enableMicrophone,
-    microphoneEnabled = _ref.microphoneEnabled;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [connectType === _type2.FcrUIConnectType.NONE && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      onClick: function onClick() {
-        return openConnection('computer');
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-        type: _type.FcrIconType.FCR_WEB_CONNECTSOUND,
-        size: 32,
-        colors: {
-          iconPrimary: "var(--fcr_web_ui_scene_mainicon1)",
-          iconSecondary: 'var(--fcr_ui_scene_ramp_green6)'
-        }
-      })
-    }), connectType === _type2.FcrUIConnectType.COMPUTER && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      onClick: function onClick() {
-        enableMicrophone(!microphoneEnabled);
-      },
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(AudioRecordinDeviceIcon, {
-        micEnabled: microphoneEnabled,
-        volume: microphoneVolumeLevel
-      })
-    }), connectType === _type2.FcrUIConnectType.PHONE && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-        type: microphoneVolumeLevel > 20 ? _type.FcrIconType.FCR_PHONECALL3 : microphoneVolumeLevel > 10 ? _type.FcrIconType.FCR_PHONECALL2 : _type.FcrIconType.FCR_PHONECALL1,
-        size: 32,
-        colors: {
-          iconPrimary: 'var(--fcr_ui_scene_ramp_green6)'
-        }
-      })
-    })]
-  });
-});
-var AudioRecordinDeviceIcon = exports.AudioRecordinDeviceIcon = function AudioRecordinDeviceIcon(_ref2) {
-  var _ref2$size = _ref2.size,
-    size = _ref2$size === void 0 ? 32 : _ref2$size,
-    _ref2$micEnabled = _ref2.micEnabled,
-    micEnabled = _ref2$micEnabled === void 0 ? false : _ref2$micEnabled,
-    _ref2$volume = _ref2.volume,
-    volume = _ref2$volume === void 0 ? 0 : _ref2$volume;
-  var muteColor = {
-    iconPrimary: "var(--fcr_ui_scene_ramp_red6)",
-    iconSecondary: 'var(--fcr_ui_scene_ramp_red6)'
-  };
-  return !micEnabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-    type: _type.FcrIconType.FCR_NOMUTE,
-    colors: muteColor,
-    size: size
-  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_microphoneIndicator.MicrophoneIndicator, {
-      pathColor: "var(--fcr_web_ui_scene_mainicon1)",
-      stopStartColor: "var(--fcr_web_ui_scene_mainicon1)",
-      size: size,
-      voicePercent: volume
-    })
-  });
-};

package/lib/modules/video-window/members/index.css

@@ -1,51 +0,0 @@
-.fcr-video-window-members {
-  gap: 0;
-  user-select: none;
-  position: relative;
-  width: 100%;
-  min-height: 144px;
-  flex: 1;
-  display: none;
-  flex-direction: column;
-  align-items: center;
-  box-sizing: border-box;
-  padding: 0 1px;
-  border: 1px solid transparent;
-  border-top: none;
-  background-color: var(--fcr_web_ui_scene_fill5);
-  border-radius: 0 0 var(--fcr_cornerradius_m) var(--fcr_cornerradius_m);
-}
-.fcr-video-window-members .fcr-video-window-members-item {
-  width: 100%;
-  min-height: 144px;
-  overflow: hidden;
-  flex: 1;
-  box-sizing: border-box;
-}
-.fcr-video-window-members .fcr-video-window-members-item_last {
-  border-radius: 0 0 var(--fcr_cornerradius_s) var(--fcr_cornerradius_s);
-}
-.fcr-video-window-members .fcr-video-window-members-item_last .fcr-member-window-excitation {
-  border-radius: 0 0 var(--fcr_cornerradius_s) var(--fcr_cornerradius_s);
-}
-.fcr-video-window-members.fcr-video-window-members_mediapreview {
-  display: flex;
-  border: 1px solid var(--fcr_ui_scene_line1);
-  border-top: 0;
-}
-.fcr-video-window-members.fcr-video-window-members_mediapreviews {
-  border: 1px solid var(--fcr_ui_scene_line1);
-  border-top: 0;
-  display: flex;
-}
-.fcr-video-window-members-resize {
-  position: absolute;
-  left: 0;
-  bottom: 0;
-  width: 100%;
-  display: none;
-  justify-content: space-between;
-}
-.fcr-video-window-members-resize_active {
-  display: flex;
-}

package/lib/modules/video-window/members/index.d.ts

@@ -1,2 +0,0 @@
-import './index.css';
-export declare const Members: () => import("react/jsx-runtime").JSX.Element;

package/lib/modules/video-window/members/index.js

@@ -1,157 +0,0 @@
-"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.Members = void 0;
-require("core-js/modules/es.array.map.js");
-require("core-js/modules/esnext.async-iterator.map.js");
-require("core-js/modules/esnext.iterator.map.js");
-require("core-js/modules/web.timers.js");
-var _react = require("react");
-var _mobxReact = require("mobx-react");
-var _type = require("../type");
-var _store = require("../store");
-var _icon = require("agora-ui-foundation/lib/components/icon");
-var _type2 = require("agora-ui-foundation/lib/components/icon/type");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _memberWindow = require("../../components/member-window");
-var _type3 = require("agora-rte-sdk/lib/core/rtc/type");
-require("./index.css");
-var _fcrCore = require("fcr-core");
-var _muteAction = require("../../../utilities/mute-action");
-var _env = require("agora-foundation/lib/utilities/env");
-var _jsxRuntime = require("react/jsx-runtime");
-var Members = exports.Members = (0, _mobxReact.observer)(function () {
-  var _useContext = (0, _react.useContext)(_store.StoreContext),
-    videoWindowPreviewType = _useContext.videoWindowPreviewType,
-    videoWindowCurrentWidth = _useContext.videoWindowCurrentWidth,
-    videoWindowCurrentHeight = _useContext.videoWindowCurrentHeight,
-    foldListRenderData = _useContext.foldListRenderData,
-    startPlayLocalVideo = _useContext.startPlayLocalVideo,
-    stopPlayLocalVideo = _useContext.stopPlayLocalVideo,
-    startRenderRemoteVideo = _useContext.startRenderRemoteVideo,
-    stopRenderRemoteVideo = _useContext.stopRenderRemoteVideo,
-    removePin = _useContext.removePin,
-    addPin = _useContext.addPin,
-    sendParticipantEvent = _useContext.sendParticipantEvent,
-    muteAudio = _useContext.muteAudio,
-    openPrivateChat = _useContext.openPrivateChat,
-    hasMutePermission = _useContext.hasMutePermission,
-    hasPinnedStream = _useContext.hasPinnedStream,
-    sliceFoldList = _useContext.sliceFoldList,
-    localUserRole = _useContext.localUserRole,
-    filterFoldList = _useContext.filterFoldList,
-    shouldHideNonVideoParticipants = _useContext.shouldHideNonVideoParticipants,
-    speakHover = _useContext.speakHover,
-    getAllowedOperations = _useContext.getAllowedOperations,
-    setVideoOrientation = _useContext.setVideoOrientation,
-    hasUnmutePermission = _useContext.hasUnmutePermission,
-    hasRequestStartAudioPermission = _useContext.hasRequestStartAudioPermission,
-    setBounds = _useContext.setBounds,
-    interpreterUsers = _useContext.interpreterUsers,
-    interpreterState = _useContext.interpreterState,
-    openRenameDialog = _useContext.openRenameDialog,
-    setPopoverVisible = _useContext.setPopoverVisible;
-  var ref = (0, _react.useRef)(null);
-  var recalcBounds = function recalcBounds() {
-    var _ref$current;
-    var dom = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.ownerDocument.querySelector('.fcr-video-window-dialog-wrapper');
-    if (dom) {
-      var rect = dom.getBoundingClientRect();
-      setBounds(rect.width, rect.height);
-    }
-  };
-  var handleVisibleChanged = function handleVisibleChanged(visible) {
-    setPopoverVisible(visible);
-    if (visible) {
-      // 展开popover区域
-      recalcBounds();
-    } else {
-      // 收起popover区域
-      setBounds(0, 0);
-    }
-  };
-  (0, _react.useEffect)(function () {
-    setTimeout(function () {
-      setBounds(0, 0);
-    }, 100);
-  }, [foldListRenderData.length]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: (0, _classnames["default"])('fcr-video-window-members', {
-      'fcr-video-window-members_mediapreview': _type.FcrVideoWindowPreviewType.SMALL === videoWindowPreviewType,
-      'fcr-video-window-members_mediapreviews': _type.FcrVideoWindowPreviewType.MIDDLE === videoWindowPreviewType
-    }),
-    ref: ref,
-    children: [foldListRenderData.map(function (windowData, index) {
-      var muteAudioPermission = hasMutePermission(windowData.isMySelf ? _fcrCore.FcrPrivilegeUserRole.SELF : windowData.ownerRoleType);
-      var startAudioPermission = hasUnmutePermission(windowData.isMySelf ? _fcrCore.FcrPrivilegeUserRole.SELF : windowData.ownerRoleType);
-      var requestStartAudioPermission = hasRequestStartAudioPermission(windowData.ownerRoleType);
-      var _actionMute = (0, _muteAction.actionMute)(windowData.isMySelf, windowData.hasMicrophoneAudioStream, muteAudioPermission, startAudioPermission, requestStartAudioPermission),
-        isShowActionAudio = _actionMute.isShowActionAudio,
-        actionAudioTag = _actionMute.actionAudioTag;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: (0, _classnames["default"])('fcr-video-window-members-item', {
-          'fcr-video-window-members-item_last': index + 1 === foldListRenderData.length
-        }),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_memberWindow.MemberWindow, {
-          onRemovePin: removePin,
-          canShowSpeakerSpotlight: true,
-          width: videoWindowCurrentWidth,
-          height: videoWindowCurrentHeight,
-          memberWindowPreviewType: 'suspend',
-          slot: windowData.videoSourceType !== _fcrCore.FcrVideoSourceType.SCREEN && /*#__PURE__*/(0, _jsxRuntime.jsx)(_memberWindow.MemberWindowActions, {
-            interpreterUsers: interpreterUsers,
-            interpreterState: interpreterState,
-            onVisibleChanged: handleVisibleChanged,
-            videoWindowCurrentWidth: videoWindowCurrentWidth,
-            videoWindowCurrentHeight: videoWindowCurrentHeight,
-            videoWindowPreviewType: videoWindowPreviewType,
-            isShowActionAudio: isShowActionAudio,
-            actionAudioTag: actionAudioTag,
-            showActionBottomLabel: windowData.isSpeakerSpotlight || speakHover,
-            allowedOperations: getAllowedOperations(windowData.ownerRoleType, windowData.isMySelf),
-            setVideoOrientation: setVideoOrientation,
-            hasPinnedStream: hasPinnedStream,
-            localUserRole: localUserRole,
-            openPrivateChat: openPrivateChat,
-            sendParticipantEvent: sendParticipantEvent,
-            muteAudio: muteAudio,
-            windowSize: "normal",
-            windowData: windowData,
-            iconSize: 16,
-            showRotation: (0, _env.isElectron)(),
-            handleRename: openRenameDialog,
-            renderListLength: foldListRenderData.length
-          }),
-          videoRenderMode: _type3.AgoraRtcRenderMode.FIT,
-          videoStreamType: _type3.AgoraRtcVideoStreamType.LOW_STREAM,
-          windowData: windowData,
-          onDoubleClick: function onDoubleClick() {
-            !windowData.isPin && addPin(windowData.windowId);
-          },
-          showAvatar: true
-        })
-      }, windowData.windowId);
-    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: (0, _classnames["default"])('fcr-video-window-members-resize', {
-        'fcr-video-window-members-resize_active': foldListRenderData.length === 1 && speakHover
-      }),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-        type: _type2.FcrIconType.FCR_WEB_SCALE_LEFT,
-        colors: {
-          iconPrimary: 'var(--fcr_ui_scene_line1)'
-        },
-        size: 24
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-        type: _type2.FcrIconType.FCR_WEB_SCALE_RIGHT,
-        colors: {
-          iconPrimary: 'var(--fcr_ui_scene_line1)'
-        },
-        size: 24
-      })]
-    })]
-  });
-});

package/lib/modules/video-window/speaking/index.css

@@ -1,69 +0,0 @@
-.fcr-video-window-speaking-wrapper {
-  width: 100%;
-  height: 50px;
-  box-sizing: border-box;
-  position: relative;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 1px;
-  border-radius: 0 0 var(--fcr_cornerradius_m) var(--fcr_cornerradius_m);
-  border: 1px solid transparent;
-}
-.fcr-video-window-speaking-wrapper_hover,
-.fcr-video-window-speaking-wrapper_mediapreview {
-  background-color: var(--fcr_web_ui_scene_fill5);
-  border-left: 1px solid var(--fcr_ui_scene_line1);
-  border-right: 1px solid var(--fcr_ui_scene_line1);
-}
-.fcr-video-window-speaking-wrapper.fcr-video-window-speaking-wrapper_mediapreview {
-  border-radius: var(--fcr_cornerradius_m) var(--fcr_cornerradius_m) 0 0;
-}
-.fcr-video-window-speaking-wrapper.fcr-video-window-speaking-wrapper_hover.fcr-video-window-speaking-wrapper_mediapreview {
-  border-radius: 0;
-}
-.fcr-video-window-speaking {
-  position: absolute;
-  inset: 0;
-  margin: 0 auto;
-  display: flex;
-  box-sizing: border-box;
-  width: calc(100% - 2px);
-  height: 48px;
-  align-items: center;
-  gap: 8px;
-  padding: 0 4px;
-  background-color: var(--fcr_mobile_ui_scene_color_popup_fill1);
-  border-radius: var(--fcr_cornerradius_m);
-}
-.fcr-video-window-speaking-wrapper_mediapreview .fcr-video-window-speaking {
-  border-radius: var(--fcr_cornerradius_m) var(--fcr_cornerradius_m) 0 0;
-}
-.fcr-video-window-speaking-icon {
-  flex-grow: 0;
-  flex-shrink: 0;
-  width: 40px;
-  height: 40px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  background-color: var(--fcr_mobile_ui_scene_guide);
-  border-radius: var(--fcr_cornerradius_m);
-}
-.fcr-video-window-control-speakers {
-  flex: 1 0 0;
-  height: 14px;
-  display: flex;
-  gap: 4px;
-  font-size: 12px;
-  color: var(--fcr_ui_scene_icontext1);
-}
-.fcr-video-window-control-speakers_names {
-  width: 0;
-  flex-grow: 1;
-  font-weight: 800;
-  color: var(--fcr_ui_scene_icontext1);
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}

package/lib/modules/video-window/speaking/index.d.ts

@@ -1,3 +0,0 @@
-import './index.css';
-declare const Speaking: () => import("react/jsx-runtime").JSX.Element;
-export default Speaking;

package/lib/modules/video-window/speaking/index.js

@@ -1,57 +0,0 @@
-"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"] = void 0;
-var _react = require("react");
-var _mobxReact = require("mobx-react");
-var _store = require("../store");
-var _type = require("./../type");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _deviceState = require("../deviceState");
-require("./index.css");
-var _i18n = require("agora-ui-foundation/lib/i18n");
-var _jsxRuntime = require("react/jsx-runtime");
-var Speaking = (0, _mobxReact.observer)(function () {
-  var _useContext = (0, _react.useContext)(_store.StoreContext),
-    speakHover = _useContext.speakHover,
-    videoWindowPreviewType = _useContext.videoWindowPreviewType,
-    findSpotlightUser = _useContext.findSpotlightUser,
-    connectType = _useContext.connectType,
-    openConnection = _useContext.openConnection,
-    enableMicrophone = _useContext.enableMicrophone,
-    microphoneEnabled = _useContext.microphoneEnabled,
-    microphoneVolumeLevel = _useContext.microphoneVolumeLevel;
-  var t = (0, _i18n.useI18n)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: (0, _classnames["default"])('fcr-video-window-speaking-wrapper', {
-      'fcr-video-window-speaking-wrapper_hover': speakHover,
-      'fcr-video-window-speaking-wrapper_mediapreview': videoWindowPreviewType !== _type.FcrVideoWindowPreviewType.MIX
-    }),
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "fcr-video-window-speaking",
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "fcr-video-window-speaking-icon",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_deviceState.DeviceState, {
-          connectType: connectType,
-          openConnection: openConnection,
-          enableMicrophone: enableMicrophone,
-          microphoneEnabled: microphoneEnabled,
-          microphoneVolumeLevel: microphoneVolumeLevel
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        children: t('fmt_modules_labels_speaking')
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "fcr-video-window-control-speakers",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "fcr-video-window-control-speakers_names",
-          children: findSpotlightUser === null || findSpotlightUser === void 0 ? void 0 : findSpotlightUser.userName
-        })
-      })]
-    })
-  });
-});
-var _default = exports["default"] = Speaking;

package/lib/modules/video-window/topControl/index.css

@@ -1,35 +0,0 @@
-.fcr-video-window-topcontrol {
-  display: flex;
-  width: 100%;
-  gap: 3px;
-  height: 38px;
-  box-sizing: border-box;
-  overflow: hidden;
-  background-color: var(--fcr_web_ui_scene_fill5);
-  border-radius: var(--fcr_cornerradius_m) var(--fcr_cornerradius_m) 0 0;
-  padding: 4px 6px;
-  visibility: hidden;
-  border: 1px solid var(--fcr_ui_scene_line1);
-  border-bottom: none;
-  -webkit-app-region: drag;
-  user-select: none;
-  -webkit-user-select: none;
-}
-.fcr-video-window-topcontrol.fcr-video-window-topcontrol_hover {
-  visibility: visible;
-}
-.fcr-video-window-topcontrol-item {
-  width: 30px;
-  height: 30px;
-  display: flex;
-  justify-content: center;
-  flex-direction: column-reverse;
-  border-radius: var(--fcr_cornerradius_xs);
-  -webkit-app-region: no-drag;
-}
-.fcr-video-window-topcontrol-item:hover {
-  background: var(--fcr_web_ui_scene_hover);
-}
-.fcr-video-window-topcontrol-item:hover svg path {
-  fill: var(--fcr_ui_scene_ramp_brand6);
-}

package/lib/modules/video-window/topControl/index.d.ts

@@ -1,3 +0,0 @@
-import './index.css';
-declare const TopControl: () => import("react/jsx-runtime").JSX.Element;
-export default TopControl;

package/lib/modules/video-window/topControl/index.js

@@ -1,92 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.array.iterator.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.string.iterator.js");
-require("core-js/modules/es.weak-map.js");
-require("core-js/modules/esnext.weak-map.delete-all.js");
-require("core-js/modules/esnext.weak-map.emplace.js");
-require("core-js/modules/web.dom-collections.iterator.js");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-require("core-js/modules/es.array.filter.js");
-require("core-js/modules/es.array.map.js");
-require("core-js/modules/es.object.to-string.js");
-require("core-js/modules/esnext.async-iterator.filter.js");
-require("core-js/modules/esnext.async-iterator.map.js");
-require("core-js/modules/esnext.iterator.constructor.js");
-require("core-js/modules/esnext.iterator.filter.js");
-require("core-js/modules/esnext.iterator.map.js");
-var _react = _interopRequireWildcard(require("react"));
-var _mobxReact = require("mobx-react");
-require("./index.css");
-var _store = require("../store");
-var _icon = require("agora-ui-foundation/lib/components/icon");
-var _type = require("agora-ui-foundation/lib/components/icon/type");
-var _type2 = require("./../type");
-var _classnames = _interopRequireDefault(require("classnames"));
-var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
-var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var TopControl = (0, _mobxReact.observer)(function () {
-  var _filterFoldList;
-  var _useContext = (0, _react.useContext)(_store.StoreContext),
-    setVideoWindowPreviewType = _useContext.setVideoWindowPreviewType,
-    videoWindowPreviewType = _useContext.videoWindowPreviewType,
-    speakHover = _useContext.speakHover,
-    foldList = _useContext.foldList,
-    shouldHideNonVideoParticipants = _useContext.shouldHideNonVideoParticipants,
-    filterFoldList = _useContext.filterFoldList;
-  var itemData = [{
-    type: _type2.FcrVideoWindowPreviewType.MIX,
-    iconType: _type.FcrIconType.FCR_WEB_SHARINGVIEW_MIDDLE,
-    tips: _type2.FcrVideoWindowPreviewTip.MIX,
-    show: true
-  }, {
-    type: _type2.FcrVideoWindowPreviewType.SMALL,
-    iconType: _type.FcrIconType.FCR_WEB_SHARINGVIEW_SMALL,
-    tips: _type2.FcrVideoWindowPreviewTip.SMALL,
-    show: true
-  }, {
-    type: _type2.FcrVideoWindowPreviewType.MIDDLE,
-    iconType: _type.FcrIconType.FCR_WEB_SHARINGVIEW_MIX,
-    tips: _type2.FcrVideoWindowPreviewTip.MIDDLE,
-    show: ((_filterFoldList = filterFoldList(foldList, shouldHideNonVideoParticipants)) === null || _filterFoldList === void 0 ? void 0 : _filterFoldList.length) > 1
-  }];
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: (0, _classnames["default"])('fcr-video-window-topcontrol', {
-      'fcr-video-window-topcontrol_hover': speakHover
-    }),
-    children: (0, _react.useMemo)(function () {
-      return itemData.filter(function (data) {
-        return data.show;
-      }).map(function (item) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-          className: "fcr-video-window-topcontrol-item",
-          onClick: function onClick() {
-            setVideoWindowPreviewType(item.type);
-          },
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
-            content: item.tips,
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-                type: item.iconType,
-                colors: {
-                  iconPrimary: videoWindowPreviewType === item.type ? 'var(--fcr_ui_scene_ramp_brand6)' : 'var(--fcr_web_ui_scene_mainicon1)'
-                },
-                size: 30
-              })
-            })
-          })
-        }, item.type);
-      });
-    }, [videoWindowPreviewType, itemData])
-  });
-});
-var _default = exports["default"] = TopControl;