fcr-ui-scene 3.5.0 → 3.6.0

package/lib/modules/share-screen/share-state-bar/index.js

@@ -1,98 +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.ShareStateBar = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _button = require("agora-ui-foundation/lib/components/button");
-var _divider = _interopRequireDefault(require("agora-ui-foundation/lib/components/divider"));
-var _icon = require("agora-ui-foundation/lib/components/icon");
-var _type = require("agora-ui-foundation/lib/components/icon/type");
-var _react = require("react");
-var _reactRnd = require("react-rnd");
-require("./index.css");
-var _i18n = require("agora-ui-foundation/lib/i18n");
-var _shareStateNav = require("../../control-bar/components/share-state-nav");
-var _jsxRuntime = require("react/jsx-runtime");
-var ShareStateBar = exports.ShareStateBar = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var shareScreenBarRef = (0, _react.useRef)(null);
-  var rndRef = (0, _react.useRef)(null);
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    showPreview = _useState2[0],
-    setShowPreview = _useState2[1];
-  var t = (0, _i18n.useI18n)();
-  (0, _react.useEffect)(function () {
-    var _shareScreenBarRef$cu, _rndRef$current;
-    var _document$body = document.body,
-      offsetWidth = _document$body.offsetWidth,
-      offsetTop = _document$body.offsetTop;
-    var barWidth = ((_shareScreenBarRef$cu = shareScreenBarRef.current) === null || _shareScreenBarRef$cu === void 0 ? void 0 : _shareScreenBarRef$cu.offsetWidth) || 300;
-    (_rndRef$current = rndRef.current) === null || _rndRef$current === void 0 || _rndRef$current.updatePosition({
-      x: offsetWidth / 2 - barWidth / 2,
-      y: offsetTop
-    });
-  }, [rndRef]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRnd.Rnd, {
-    bounds: "window",
-    ref: rndRef,
-    enableResizing: false,
-    dragHandleClassName: "share-state-nav__drag-icon",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "share-state-bar",
-      ref: shareScreenBarRef,
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "share-state-bar__control",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_shareStateNav.DragIcon, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_divider["default"], {
-          type: "vertical"
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "share-state-bar__state",
-          onClick: function onClick() {
-            return setShowPreview(!showPreview);
-          },
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-            type: _type.FcrIconType.FCR_VIDEO_SHARESCREEN,
-            size: 22,
-            colors: {
-              iconPrimary: 'var(--fcr_ui_scene_ramp_green6)'
-            }
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "share-state-bar__text",
-            children: t('fmt_modules_labels_sharing')
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-            size: 12,
-            type: _type.FcrIconType.FCR_V2_CHEVRON_DOWN2,
-            style: {
-              transform: showPreview ? 'rotate(180deg)' : 'rotate(0deg)'
-            },
-            colors: {
-              iconPrimary: 'var(--fcr_ui_scene_icontext3)'
-            }
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
-          type: "primary",
-          styleType: "danger",
-          size: "XXS",
-          shape: "rounded",
-          onClick: props.onStopShare,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
-            className: "share-state-bar__stop-share fcr-flex fcr-items-center fcr-justify-center",
-            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-              type: _type.FcrIconType.FCR_RECORDING_STOP,
-              size: 20,
-              colors: {
-                iconPrimary: 'var(--fcr_ui_scene_white10)'
-              }
-            }), t('fmt_screenshare_controlbar_button_stop')]
-          })
-        })]
-      }), showPreview && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "share-state-bar__share_screen_preview",
-        ref: ref
-      })]
-    })
-  });
-});

package/lib/modules/state-bar/context.d.ts

@@ -1,2 +0,0 @@
-import StateBarStore from './store';
-export declare const StoreContext: import("react").Context<StateBarStore>;

package/lib/modules/state-bar/context.js

@@ -1,9 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StoreContext = void 0;
-var _react = require("react");
-var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);

package/lib/modules/video-window/context.d.ts

@@ -1,2 +0,0 @@
-import store from './store';
-export declare const StoreContext: import("react").Context<store>;

package/lib/modules/video-window/context.js

@@ -1,9 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StoreContext = void 0;
-var _react = require("react");
-var StoreContext = exports.StoreContext = /*#__PURE__*/(0, _react.createContext)(null);

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

@@ -1,16 +0,0 @@
-import { ConnectionTabType } from './../type';
-import { FcrUIConnectType } from '../../../type';
-interface DeviceStateProps {
-    connectType: FcrUIConnectType;
-    openConnection: (type: ConnectionTabType) => void;
-    microphoneVolumeLevel: number;
-    enableMicrophone: (enable: boolean) => void;
-    microphoneEnabled: boolean;
-}
-export declare const DeviceState: ({ connectType, openConnection, microphoneVolumeLevel, enableMicrophone, microphoneEnabled, }: DeviceStateProps) => import("react/jsx-runtime").JSX.Element;
-export declare const AudioRecordinDeviceIcon: ({ size, micEnabled, volume, }: {
-    size?: number;
-    micEnabled?: boolean;
-    volume?: number;
-}) => import("react/jsx-runtime").JSX.Element;
-export {};

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,158 +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/es.object.to-string.js");
-require("core-js/modules/esnext.iterator.constructor.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;