fcr-ui-scene 3.4.4 → 3.4.5

package/lib/fragments/control-bar/stop-live-streaming/index.js

@@ -1,82 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StopLiveStreamingButton = void 0;
-var _button = require("agora-ui-foundation/lib/components/button");
-var _dialog = require("agora-ui-foundation/lib/components/dialog");
-var _type = require("agora-ui-foundation/lib/components/icon/type");
-var _tooltipsButton = require("agora-ui-foundation/lib/components/tooltips-button");
-var _constant = require("../../../utilities/constant");
-var _react = require("react");
-var _context = require("../context");
-var _mobxReact = require("mobx-react");
-var _i18n = require("agora-ui-foundation/lib/i18n");
-var _jsxRuntime = require("react/jsx-runtime");
-var StopLiveStreamingButton = exports.StopLiveStreamingButton = (0, _mobxReact.observer)(function () {
-  var _useContext = (0, _react.useContext)(_context.StoreContext),
-    handleMoreClick = _useContext.handleMoreClick,
-    liveStreamingState = _useContext.liveStreamingState,
-    playUrl = _useContext.playUrl;
-  var transI18n = (0, _i18n.useI18n)();
-  var StopLiveContent = function StopLiveContent() {
-    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "leave-room-dialog-content",
-      onMouseEnter: function onMouseEnter() {
-        window.runtime.browserWindow.setIgnoreMouseEvents(false);
-      },
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "leave-room-dialog-title",
-        children: [transI18n('fmt_popup_copywrite_stopstreamingnow'), "?"]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
-        styleType: "danger",
-        size: "S",
-        onClick: function onClick() {
-          _dialog.FcrDialogApi.close('stop-live');
-          window.runtime.browserWindow.setIgnoreMouseEvents(true, {
-            forward: true
-          });
-          handleMoreClick(_constant.RendererEventAction.STOP_LIVE_STREAMING);
-        },
-        children: transI18n('fmt_popup_options_confirmstop')
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.FcrButton, {
-        size: "S",
-        type: "secondary-bordered",
-        onClick: function onClick() {
-          window.runtime.browserWindow.setIgnoreMouseEvents(true, {
-            forward: true
-          });
-          _dialog.FcrDialogApi.close('stop-live');
-        },
-        children: transI18n('fmt_security_buttons_cancel')
-      })]
-    });
-  };
-  var handleTooltipButtonClick = function handleTooltipButtonClick() {
-    _dialog.FcrDialogApi.open({
-      id: 'stop-live',
-      dialogProps: {
-        content: /*#__PURE__*/(0, _jsxRuntime.jsx)(StopLiveContent, {}),
-        width: 256,
-        closable: false,
-        rootClassName: 'leave-room-dialog'
-      }
-    });
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltipsButton.FrcTooltipButton, {
-    tooltip: {
-      content: transI18n('fmt_tips_button_Stopolive'),
-      icon: {
-        type: _type.FcrIconType.FCR_STOPLIVE,
-        size: 32,
-        colors: {
-          iconPrimary: 'var(--fcr_web_ui_scene_mainicon1)'
-        }
-      }
-    },
-    onTooltipButtonClick: handleTooltipButtonClick,
-    withPopover: false
-  });
-});

package/lib/fragments/control-bar/transfer-position-icon/index.d.ts

@@ -1,11 +0,0 @@
-export declare enum TransferPosition {
-    TOP = 0,
-    BOTTOM = 1,
-    CENTER = 2
-}
-interface ITransferPositionIconProps {
-    currentPosition: TransferPosition;
-    onTransferPositionButtonClick: (targetPosition: TransferPosition) => void;
-}
-export declare const TransferPositionIcon: (props: ITransferPositionIconProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/lib/fragments/control-bar/transfer-position-icon/index.js

@@ -1,46 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TransferPositionIcon = exports.TransferPosition = void 0;
-var _icon = require("agora-ui-foundation/lib/components/icon");
-var _type = require("agora-ui-foundation/lib/components/icon/type");
-var _tooltip = require("agora-ui-foundation/lib/components/tooltip");
-var _i18n = require("agora-ui-foundation/lib/i18n");
-var _jsxRuntime = require("react/jsx-runtime");
-var TransferPosition = exports.TransferPosition = /*#__PURE__*/function (TransferPosition) {
-  TransferPosition[TransferPosition["TOP"] = 0] = "TOP";
-  TransferPosition[TransferPosition["BOTTOM"] = 1] = "BOTTOM";
-  TransferPosition[TransferPosition["CENTER"] = 2] = "CENTER";
-  return TransferPosition;
-}({});
-var TransferPositionIcon = exports.TransferPositionIcon = function TransferPositionIcon(props) {
-  var currentPosition = props.currentPosition,
-    onTransferPositionButtonClick = props.onTransferPositionButtonClick;
-  var handlerTransferPositionClick = function handlerTransferPositionClick() {
-    if (currentPosition === TransferPosition.BOTTOM) {
-      onTransferPositionButtonClick(TransferPosition.TOP);
-      return;
-    }
-    onTransferPositionButtonClick(TransferPosition.BOTTOM);
-  };
-  var transI18n = (0, _i18n.useI18n)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.FcrToolTip, {
-    content: currentPosition === TransferPosition.TOP ? transI18n('fmt_popup_options_placedbottom') : transI18n('fmt_popup_options_placedtop'),
-    mouseEnterDelay: 0,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "share-action-nav__not-draggable  share-state-nav__transfer-position",
-      onClick: handlerTransferPositionClick,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FcrIcon, {
-        type: currentPosition === TransferPosition.TOP ? _type.FcrIconType.FCR_SHARINGBAR_DOWN : _type.FcrIconType.FCR_SHARINGBAR_UP,
-        className: "share-state-nav__transfer-position-button ",
-        colors: {
-          iconPrimary: 'var(--fcr_ui_scene_black8)'
-        },
-        size: 20
-      })
-    })
-  });
-};

package/lib/fragments/control-bar/view.d.ts

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

package/lib/fragments/control-bar/view.js

@@ -1,321 +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.ControlBarView = void 0;
-require("core-js/modules/es.array.concat.js");
-require("core-js/modules/web.timers.js");
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _divider = _interopRequireDefault(require("agora-ui-foundation/lib/components/divider"));
-var _popover = require("agora-ui-foundation/lib/components/popover");
-var _meetingSecurity = require("agora-ui-foundation/lib/components/room-screen-share-state-bar/meeting-security");
-var _more = require("agora-ui-foundation/lib/components/room-screen-share-state-bar/more");
-var _participants = require("agora-ui-foundation/lib/components/room-screen-share-state-bar/participants");
-var _shareAudio = require("agora-ui-foundation/lib/components/room-screen-share-state-bar/share-audio");
-var _shareScreenButton = require("agora-ui-foundation/lib/components/room-screen-share-state-bar/share-screen-button");
-var _mobxReact = require("mobx-react");
-var _react = require("react");
-var _reactRnd = require("react-rnd");
-var _context = require("./context");
-var _device = require("./device");
-var _securityContent = require("./security-content");
-var _shareStateNav = require("./share-state-nav");
-var _transferPositionIcon = require("./transfer-position-icon");
-var _moreActions = require("./more-actions");
-var _constant = require("../../utilities/constant");
-var _stopLiveStreaming = require("./stop-live-streaming");
-var _cloudRecordingButtons = require("./cloud-recording-buttons");
-var _type = require("agora-edu-core/lib/type");
-var _toast = require("agora-ui-foundation/lib/components/toast");
-var _platform = require("../../utilities/platform");
-var _type2 = require("../../modules/action-bar/type");
-var _jsxRuntime = require("react/jsx-runtime");
-var ControlBarView = exports.ControlBarView = (0, _mobxReact.observer)(function () {
-  var _screenBounds$availTo;
-  var _useContext = (0, _react.useContext)(_context.StoreContext),
-    setShareWithAudioState = _useContext.setShareWithAudioState,
-    shareWithAudio = _useContext.shareWithAudio,
-    handlerStopShare = _useContext.handlerStopShare,
-    shareAudioProcessingChannel = _useContext.shareAudioProcessingChannel,
-    setShareAudioProcessingChannel = _useContext.setShareAudioProcessingChannel,
-    createNewShare = _useContext.createNewShare,
-    currentMicrophoneId = _useContext.currentMicrophoneId,
-    currentCameraId = _useContext.currentCameraId,
-    currentSpeakerId = _useContext.currentSpeakerId,
-    currentShareId = _useContext.currentShareId,
-    cameraList = _useContext.cameraList,
-    microphoneList = _useContext.microphoneList,
-    speakerList = _useContext.speakerList,
-    setLocalAudioState = _useContext.setLocalAudioState,
-    handlerOpenAudioSetting = _useContext.handlerOpenAudioSetting,
-    handlerMicrophoneDeviceChange = _useContext.handlerMicrophoneDeviceChange,
-    handlerSpeakerDeviceChange = _useContext.handlerSpeakerDeviceChange,
-    setLocalVideoState = _useContext.setLocalVideoState,
-    handlerCameraDeviceChange = _useContext.handlerCameraDeviceChange,
-    handlerOpenVirtualBackground = _useContext.handlerOpenVirtualBackground,
-    handlerOpenVideoFilter = _useContext.handlerOpenVideoFilter,
-    handlerOpenVideoSetting = _useContext.handlerOpenVideoSetting,
-    isMuteAudio = _useContext.isMuteAudio,
-    isMuteVideo = _useContext.isMuteVideo,
-    showSecurity = _useContext.showSecurity,
-    handleMoreClick = _useContext.handleMoreClick,
-    localAudioVolume = _useContext.localAudioVolume,
-    liveStreamingState = _useContext.liveStreamingState,
-    cloudRecordingState = _useContext.cloudRecordingState,
-    hasStartCloudRecordingPermission = _useContext.hasStartCloudRecordingPermission,
-    hasStopLiveStreamingPermission = _useContext.hasStopLiveStreamingPermission,
-    getCoordinate = _useContext.getCoordinate,
-    screenBounds = _useContext.screenBounds,
-    connectType = _useContext.connectType,
-    phoneMicEnabled = _useContext.phoneMicEnabled,
-    hasSecurityPermission = _useContext.hasSecurityPermission;
-  // 控制栏本身的高度
-  var NAV_HEIGHT = 84;
-  // 鼠标移开后自动隐藏的时间
-  var HIDDEN_TIMEOUT = 3000;
-  // 系统顶部的状态栏
-  var TITLE_HEIGHT = (0, _platform.isWindows)() ? 0 : (_screenBounds$availTo = screenBounds.availTop) !== null && _screenBounds$availTo !== void 0 ? _screenBounds$availTo : 0;
-  var _useState = (0, _react.useState)(_transferPositionIcon.TransferPosition.TOP),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    navCurrentPosition = _useState2[0],
-    setNavCurrentPosition = _useState2[1];
-  var _useState3 = (0, _react.useState)(0),
-    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
-    currentCoordinateX = _useState4[0],
-    setCurrentCoordinateX = _useState4[1];
-  var _useState5 = (0, _react.useState)(0),
-    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
-    currentCoordinateY = _useState6[0],
-    setCurrentCoordinateY = _useState6[1];
-  var _useState7 = (0, _react.useState)(false),
-    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
-    hiddenShareActionNav = _useState8[0],
-    setHiddenShareActionNav = _useState8[1];
-  var _useState9 = (0, _react.useState)(false),
-    _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
-    showTransferAnimation = _useState10[0],
-    setShowTransferAnimation = _useState10[1];
-  var _useState11 = (0, _react.useState)(false),
-    _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
-    moreVisible = _useState12[0],
-    setMoreVisible = _useState12[1];
-  var _useState13 = (0, _react.useState)(false),
-    _useState14 = (0, _slicedToArray2["default"])(_useState13, 2),
-    showSecurityPopover = _useState14[0],
-    setShowSecurityPopover = _useState14[1];
-  var rndRef = (0, _react.useRef)(null);
-  var hideTimeout = (0, _react.useRef)(0);
-
-  // 逻辑更改为根据分享的内容重新计算control-bar的窗口大小后，
-  // 计算最大的Y坐标可直接从window.innerHeight - NAV_HEIGHT获取
-
-  var handlerShareNavTransferPosition = (0, _react.useCallback)(function (targetPosition) {
-    setNavCurrentPosition(targetPosition);
-    var targetY = targetPosition === _transferPositionIcon.TransferPosition.TOP ? 0 : window.innerHeight - NAV_HEIGHT;
-    setCurrentCoordinateY(targetY);
-  }, [currentCoordinateX, rndRef.current]);
-  var handleMouseEnter = function handleMouseEnter() {
-    window.runtime.browserWindow.focus();
-    window.runtime.browserWindow.setIgnoreMouseEvents(false, {
-      forward: true
-    });
-    clearTimeout(hideTimeout.current);
-    setHiddenShareActionNav(false);
-  };
-  var handleMouseLeave = function handleMouseLeave(e) {
-    window.runtime.browserWindow.setIgnoreMouseEvents(true, {
-      forward: true
-    });
-    hideTimeout.current = window.setTimeout(function () {
-      var hasPopover = document.querySelector('.fcr-popover');
-      if (!hasPopover) {
-        setHiddenShareActionNav(true);
-      }
-    }, HIDDEN_TIMEOUT);
-  };
-  var handleDragStop = function handleDragStop(_, data) {
-    setShowTransferAnimation(false);
-    var x = data.lastX,
-      y = data.lastY;
-    setCurrentCoordinateX(x);
-    setCurrentCoordinateY(y);
-    // 控制栏左上角在屏幕Y轴的最大坐标
-    var MAX_Y = window.innerHeight - NAV_HEIGHT;
-    if (y === MAX_Y || y > MAX_Y) {
-      setNavCurrentPosition(_transferPositionIcon.TransferPosition.BOTTOM);
-    } else if (y === 0 || y < 0) {
-      setNavCurrentPosition(_transferPositionIcon.TransferPosition.TOP);
-    }
-  };
-  var handleMouseMove = function handleMouseMove() {
-    window.runtime.browserWindow.moveTop();
-    window.runtime.browserWindow.focus();
-    window.runtime.browserWindow.setIgnoreMouseEvents(false, {
-      forward: true
-    });
-  };
-  (0, _react.useEffect)(function () {
-    if (rndRef.current) {
-      var width = rndRef.current.offsetWidth;
-      var height = rndRef.current.offsetHeight;
-      var _getCoordinate = getCoordinate(width, height),
-        x = _getCoordinate.x,
-        y = _getCoordinate.y;
-      setCurrentCoordinateX(x);
-      setCurrentCoordinateY(y);
-    }
-  }, [currentShareId]);
-  var handleIgnoreMinimize = function handleIgnoreMinimize(event) {
-    event.preventDefault();
-    // window.runtime.browserWindow.restore();
-  };
-  (0, _react.useEffect)(function () {
-    handleMouseLeave();
-    document.body.classList.add(_toast.TOAST_ROOT_CLASS_NAME);
-    window.runtime.browserWindow.addListener('minimize', handleIgnoreMinimize);
-    return function () {
-      window.runtime.browserWindow.setIgnoreMouseEvents(false);
-      clearTimeout(hideTimeout.current);
-    };
-  }, []);
-  (0, _react.useEffect)(function () {
-    function handleBlur(event) {
-      setMoreVisible(false);
-      setShowSecurityPopover(false);
-    }
-    window.addEventListener('blur', handleBlur);
-    return function () {
-      window.removeEventListener('blur', handleBlur);
-    };
-  }, []);
-  (0, _react.useEffect)(function () {
-    window.runtime.browserWindow.setAlwaysOnTop(false);
-    setTimeout(function () {
-      window.runtime.browserWindow.setAlwaysOnTop(true, 'screen-saver');
-    }, 500);
-  }, []);
-  return currentShareId ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactRnd.Rnd, {
-    style: {
-      transition: showTransferAnimation ? '0.2s' : '0s'
-    },
-    bounds: "window",
-    allowAnyClick: false,
-    cancel: ".share-action-nav__not-draggable",
-    dragHandleClassName: "share-action-nav__can-draggable",
-    enableUserSelectHack: true,
-    enableResizing: false,
-    "default": {
-      x: currentCoordinateX,
-      y: currentCoordinateY,
-      width: 'auto',
-      height: NAV_HEIGHT
-    },
-    onDragStop: handleDragStop,
-    position: {
-      x: currentCoordinateX,
-      y: currentCoordinateY
-    },
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      ref: rndRef,
-      onMouseEnter: handleMouseEnter,
-      onMouseLeave: handleMouseLeave,
-      onMouseOver: handleMouseEnter,
-      onMouseMove: handleMouseMove,
-      onClick: handleMouseMove,
-      className: "fcr-flex \n        share-action-nav__container\n         ".concat(navCurrentPosition === _transferPositionIcon.TransferPosition.BOTTOM ? 'share-action-nav__move_to_bottom' : 'share-action-nav__move_to_top', "\n         ").concat(hiddenShareActionNav ? 'share-action-nav__hidden' : '', "\n      ").concat(hiddenShareActionNav && currentCoordinateY === window.innerHeight - NAV_HEIGHT ? 'completely-hidden-in-bottom' : '', "\n      // \u8FD9\u91CC\u7684\u903B\u8F91\u662F\uFF0C \u5F53control-bar\u5728\u9876\u90E8\u65F6\uFF0C\u5982\u679C\u5F53\u524D\u7684Y\u5750\u6807\u5C0F\u4E8E\u6807\u9898\u680F\u7684\u9AD8\u5EA6\uFF0C\u6216\u8005\u7B49\u4E8E\u6807\u9898\u680F\u7684\u9AD8\u5EA6\uFF0C\u6216\u8005\u7B49\u4E8E0\uFF0C\u90A3\u4E48\u5C31\u6DFB\u52A0\u5438\u9876\u6548\u679C\n      // \u5F53\u7535\u8111\u6709\u4E24\u4E2A\u5C4F\u5E55\u65F6\uFF0CTITLE_HEIGHT\u7684\u503C\u53EF\u80FD\u4E3A\u8D1F\u6570\n      ").concat(hiddenShareActionNav && (currentCoordinateY < TITLE_HEIGHT || currentCoordinateY === TITLE_HEIGHT || currentCoordinateY === 0) ? 'completely-hidden-in-top' : '', "\n      "),
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "share-action-nav share-action-nav__can-draggable ".concat(hiddenShareActionNav ? 'invisible' : ''),
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "share-action-nav__media-control-group",
-          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_device.LocalAudioStatus, {
-            connectType: connectType,
-            currentMicrophoneDevice: currentMicrophoneId,
-            currentSpeakerDevice: currentSpeakerId,
-            microphoneList: microphoneList,
-            speakerList: speakerList,
-            openAudioSetting: handlerOpenAudioSetting,
-            isMuted: connectType === _type2.ConnectType.COMPUTER ? isMuteAudio : !phoneMicEnabled,
-            onClick: setLocalAudioState,
-            onSpeakerChange: handlerSpeakerDeviceChange,
-            onMicrophoneChange: handlerMicrophoneDeviceChange,
-            voicePercent: localAudioVolume
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_device.LocalVideoStatus, {
-            cameraList: cameraList,
-            currentDevice: currentCameraId,
-            openVideoFilter: handlerOpenVideoFilter,
-            openVirtualBackground: handlerOpenVirtualBackground,
-            onCameraChange: handlerCameraDeviceChange,
-            isMuted: isMuteVideo,
-            onClick: setLocalVideoState,
-            openVideoSetting: handlerOpenVideoSetting
-          })]
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_divider["default"], {
-          style: {
-            marginRight: 24,
-            height: '20px',
-            marginLeft: 30
-          }
-        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: "share-action-nav__meeting-control-group",
-          children: [hasSecurityPermission && /*#__PURE__*/(0, _jsxRuntime.jsx)(_popover.FcrPopover, {
-            mouseEnterDelay: 0,
-            overlayInnerStyle: {
-              boxShadow: 'none',
-              backgroundColor: 'none',
-              borderRadius: 'var(--fcr_cornerradius_l)'
-            },
-            content: /*#__PURE__*/(0, _jsxRuntime.jsx)(_securityContent.SecurityContent, {}),
-            trigger: "click",
-            visible: showSecurityPopover,
-            onVisibleChange: function onVisibleChange(visible) {
-              return setShowSecurityPopover(visible);
-            },
-            placement: "bottom",
-            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_meetingSecurity.MeetingSecurity, {})
-            })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_participants.ParticipantButton, {
-            onTooltipButtonClick: function onTooltipButtonClick() {
-              handleMoreClick(_constant.RendererEventAction.OPEN_PARTICIPANTS);
-            }
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_divider["default"], {
-            style: {
-              margin: '0 8px',
-              height: '20px'
-            }
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_shareScreenButton.ShareScreenButton, {
-            onCreateNewShareButtonClick: createNewShare
-          }), hasStopLiveStreamingPermission && liveStreamingState === _type.FcrLiveStreamingState.STARTED && /*#__PURE__*/(0, _jsxRuntime.jsx)(_stopLiveStreaming.StopLiveStreamingButton, {}), hasStartCloudRecordingPermission && cloudRecordingState !== _type.FcrRecordingState.Stopped && /*#__PURE__*/(0, _jsxRuntime.jsx)(_cloudRecordingButtons.CloudRecordingButtons, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_more.More, {
-            visible: moreVisible,
-            onButtonClick: function onButtonClick() {
-              return setMoreVisible(true);
-            },
-            morePopoverContent: /*#__PURE__*/(0, _jsxRuntime.jsx)(_moreActions.MorePopoverContent, {
-              closePopover: function closePopover() {
-                return setMoreVisible(false);
-              },
-              hasChatPermission: true
-            })
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_divider["default"], {
-            style: {
-              margin: '0 8px',
-              height: '20px'
-            }
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_shareAudio.ShareAudio, {
-            shareWithAudio: shareWithAudio,
-            currentAudioChannel: shareAudioProcessingChannel,
-            toggleShareWithAudio: setShareWithAudioState,
-            onSwitchAudioChannel: setShareAudioProcessingChannel
-          })]
-        })]
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_shareStateNav.ShareStateNav, {
-        onShareStateNavTransferPosition: handlerShareNavTransferPosition,
-        currentPosition: navCurrentPosition,
-        onStopShare: handlerStopShare
-      })]
-    })
-  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
-});

package/lib/fragments/live-streaming/context.d.ts

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

package/lib/fragments/live-streaming/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/fragments/live-streaming/index.css

@@ -1,11 +0,0 @@
-.live-streaming {
-  background: var(--fcr_mobile_ui_scene_color_popup_fill2);
-  border-radius: var(--fcr_cornerradius_m);
-  box-shadow: 0 0 15px 0 var(--fcr_web_light_dropup);
-  padding: 0px 20px 16px 20px;
-  -webkit-app-region: drag;
-}
-
-.live-streaming input {
-  -webkit-app-region: no-drag;
-}

package/lib/fragments/live-streaming/index.d.ts

@@ -1,11 +0,0 @@
-import { BaseFragment } from '../base';
-export declare class LiveStreaming extends BaseFragment {
-    private _store;
-    get name(): "live-streaming";
-    constructor(runtime: Runtime);
-    get component(): import("react/jsx-runtime").JSX.Element;
-    onEvent(event: RendererCustomEvent): void;
-}
-export declare const windowOptions: Electron.BrowserWindowConstructorOptions;
-export declare const webPreferences: Electron.WebPreferences;
-export declare const title = "Control Bar";

package/lib/fragments/live-streaming/index.js

@@ -1,79 +0,0 @@
-"use strict";
-
-require("core-js/modules/es.object.define-property.js");
-require("core-js/modules/es.reflect.construct.js");
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.windowOptions = exports.webPreferences = exports.title = exports.LiveStreaming = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _constant = require("../../utilities/constant");
-var _base = require("../base");
-var _context = require("./context");
-var _store = _interopRequireDefault(require("./store"));
-var _view = require("./view");
-var _jsxRuntime = require("react/jsx-runtime");
-var _window;
-function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var LiveStreaming = exports.LiveStreaming = /*#__PURE__*/function (_BaseFragment) {
-  function LiveStreaming(runtime) {
-    var _this;
-    (0, _classCallCheck2["default"])(this, LiveStreaming);
-    _this = _callSuper(this, LiveStreaming, [runtime]);
-    _this._store = new _store["default"]();
-    return _this;
-  }
-  (0, _inherits2["default"])(LiveStreaming, _BaseFragment);
-  return (0, _createClass2["default"])(LiveStreaming, [{
-    key: "name",
-    get: function get() {
-      return 'live-streaming';
-    }
-  }, {
-    key: "component",
-    get: function get() {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.StoreContext.Provider, {
-        value: this._store,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_view.View, {})
-      });
-    }
-  }, {
-    key: "onEvent",
-    value: function onEvent(event) {
-      var _ref = event,
-        action = _ref.action,
-        payload = _ref.payload;
-      switch (action) {
-        case _constant.RendererEventAction.INIT_LIVE_STREAMING:
-          this._store.initLiveStreaming(payload);
-          break;
-        case _constant.RendererEventAction.SET_LIVE_STREAMING_STATE:
-          this._store.setVideoStreamingState(payload.liveStreamingState);
-          break;
-        case _constant.RendererEventAction.LIVE_STREAMING_ERROR_STATE:
-          this._store.setIsStartError(payload.isStartError);
-          break;
-        case _constant.RendererEventAction.MOVE_LIVE_STREAMING_TO_TOP:
-          window.runtime.browserWindow.moveTop();
-          break;
-      }
-    }
-  }]);
-}(_base.BaseFragment);
-var windowOptions = exports.windowOptions = {
-  frame: false,
-  titleBarStyle: 'hidden',
-  width: 492,
-  fullscreen: false,
-  maximizable: false,
-  height: !(((_window = window) === null || _window === void 0 || (_window = _window.process) === null || _window === void 0 ? void 0 : _window.platform) === 'win32') ? 464 : 464 + 24,
-  minHeight: 464
-};
-var webPreferences = exports.webPreferences = {};
-var title = exports.title = 'Control Bar';

package/lib/fragments/live-streaming/store.d.ts

@@ -1,21 +0,0 @@
-import { FcrLiveStreamingState } from 'agora-edu-core/lib/type';
-export default class LiveStreamingStore {
-    accessor videoSteamingUrl: string;
-    accessor videoStreamingKey: string;
-    accessor playUrl: string;
-    accessor liveStreamingState: FcrLiveStreamingState;
-    accessor isStartError: boolean;
-    initLiveStreaming(payload: {
-        videoSteamingUrl: string;
-        videoStreamingKey: string;
-        playUrl: string;
-        liveStreamingState: FcrLiveStreamingState;
-        isStartError: boolean;
-    }): void;
-    setIsStartError(isStartError: boolean): void;
-    setVideoStreamingState(liveStreamingState: FcrLiveStreamingState): void;
-    onLiveButtonClick(videoSteamingUrl: string, videoStreamingKey: string, playUrl: string): Promise<void>;
-    private _startLiveStreaming;
-    private _stopLiveStreaming;
-    closeLiveStreaming(): void;
-}