fcr-ui-scene 3.4.5 → 3.5.0

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

@@ -0,0 +1,46 @@
+"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

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

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

@@ -0,0 +1,336 @@
+"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("fcr-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 _meetingDetailsPortal = _interopRequireDefault(require("./meeting-details/meeting-details-portal"));
+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,
+    setShowMeetingDetailPortal = _useContext.setShowMeetingDetailPortal,
+    fetchLeavingRoomPropsAfterInit = _useContext.fetchLeavingRoomPropsAfterInit;
+  // 控制栏本身的高度
+  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);
+      setShowMeetingDetailPortal(false);
+      setShowSecurityPopover(false);
+    }
+    window.addEventListener('blur', handleBlur);
+    return function () {
+      window.removeEventListener('blur', handleBlur);
+    };
+  }, []);
+  var setControlBarAlwaysOnTop = function setControlBarAlwaysOnTop() {
+    window.runtime.setAlwaysOnTop();
+    window.runtime.browserWindow.setAlwaysOnTop(true, 'screen-saver');
+  };
+  (0, _react.useEffect)(function () {
+    setControlBarAlwaysOnTop();
+    /** control-bar初始化后补偿发起一次store数据同步 */
+    fetchLeavingRoomPropsAfterInit();
+    var timberId = setTimeout(setControlBarAlwaysOnTop, 500);
+    window.runtime.browserWindow.addListener('blur', setControlBarAlwaysOnTop);
+    return function () {
+      window.runtime.browserWindow.removeListener('blur', setControlBarAlwaysOnTop);
+      clearTimeout(timberId);
+    };
+  }, []);
+  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,
+            overlayClassName: "security-content-more-dropdown",
+            overlayInnerStyle: {
+              boxShadow: 'none',
+              backgroundColor: 'none',
+              borderRadius: 'var(--fcr_cornerradius_l)',
+              minWidth: '302px'
+            },
+            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)(_meetingDetailsPortal["default"], {})]
+    })
+  }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
+});

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

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

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

@@ -0,0 +1,9 @@
+"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

@@ -0,0 +1,11 @@
+.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

@@ -0,0 +1,11 @@
+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

@@ -0,0 +1,79 @@
+"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

@@ -0,0 +1,21 @@
+import { FcrLiveStreamingState } from 'fcr-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;
+}