fcr-ui-scene 3.4.5 → 3.5.0

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

@@ -0,0 +1,98 @@
+"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/share-screen/store.d.ts

@@ -1,9 +1,8 @@
 import { FcrMediaSourceState } from 'fcr-core';
-import { FcrUserInfo, FcrUserRole } from 'fcr-core/lib/type';
+import { FcrUserInfo } from 'fcr-core/lib/type';
 import { AgoraRtcScreenCaptureType, AgoraRtcWindowInfo } from 'agora-rte-sdk/lib/core/rtc/type';
 import { AudioProcessingChannel } from 'agora-ui-foundation/lib/components/room-screen-share-state-bar/share-audio';
 import { FcrMainRoomControl } from 'fcr-core/lib/room-control/type';
-import { FcrUIDialogKey } from '../../utilities/constant';
 import { FcrUIPrivilegeProvider } from '../../providers/privilege-provider';
 import { FcrUIEventProvider } from '../../providers/event-provider';
 import { FcrUIDeviceProvider } from '../../providers/device-provider';
@@ -11,59 +10,66 @@ import { FcrUIDisplayCaptureSource } from './types';
 import { FcrUIMessageProvider } from '../../providers/message-provider';
 import { FcrUIDialogProvider } from '../../providers/dialog-provider';
 import { CurrentShareBounds } from '../control-bar/types';
+import { FcrUIMemberSharedDataSource } from '../../shared-data-source/member-data';
+import { FcrUIRoomProvider } from '../../providers/room-provider';
+import { FcrUISharedConfigDataSource } from '../../shared-data-source/config';
 export default class ShareScreenStore {
     protected logger: import("agora-foundation/lib/logger").Logger;
     private _disposers;
-    private _roomControl;
     private _deviceProvider;
     private _eventProvider;
     private _messageProvider;
     private _dialogProvider;
+    private _roomProvider;
     private _streamControl;
     private _securityStore;
     private _userControl;
+    private _boardControl;
     private _controlBarWindowId;
     private _currentShareStreamId;
     private _removeScreenStreamFailed;
     private _isReplaceScreen;
     private _previewDom;
+    private _sharedMemberDataSource;
+    private _roomObserver;
     private _observer;
     private _uiEventObserver;
     private _streamObserver;
     private _boardObserver;
     private _loopbackAudioSourceId;
-    private accessor _shareSelectionDialogId;
-    private accessor _controlBarDialogId;
-    private accessor _videoWindowDialogId;
-    private accessor _isHost;
-    private accessor _shareLocked;
-    private accessor _screenTrack;
-    private accessor _shareAudioTrack;
+    private _shareSelectionDialogId;
+    private _controlBarDialogId;
+    private _videoWindowDialogId;
+    private _shareLocked;
+    private _screenTrack;
+    private _shareAudioTrack;
+    private _currentShareId;
+    private _currentShareType;
     accessor screenSharingState: FcrMediaSourceState;
     accessor applicationCaptureSources: AgoraRtcWindowInfo[];
     accessor screenCaptureSources: FcrUIDisplayCaptureSource[];
-    accessor hasScreenCapturePermission: boolean;
     accessor currentShareAudioProcessingChannel: AudioProcessingChannel;
-    accessor currentShareId: string;
-    accessor sharerId: string;
-    accessor currentShareType: AgoraRtcScreenCaptureType;
     accessor currentSelection: string;
     accessor currentSelectionType: AgoraRtcScreenCaptureType;
-    accessor currentSelectionBounds: CurrentShareBounds;
     accessor shareWithAudio: boolean;
     accessor boardOwnerUser: FcrUserInfo | undefined;
-    accessor localUser: FcrUserInfo;
-    accessor localUserRole: FcrUserRole;
+    accessor currentSelectionBounds: CurrentShareBounds;
+    get localUser(): FcrUserInfo;
+    get localUserRole(): import("fcr-core").FcrUserRole;
+    get isHost(): boolean;
     get supportEnumScreen(): boolean;
     get appWindowList(): Promise<AgoraRtcWindowInfo[]>;
     get displayList(): Promise<import("agora-rte-sdk/lib/core/rtc/type").AgoraRtcDisplayInfo[]>;
-    constructor({ roomControl, deviceProvider, privilegeProvider, messageProvider, dialogProvider, eventProvider, }: {
+    constructor({ roomControl, deviceProvider, privilegeProvider, messageProvider, dialogProvider, eventProvider, sharedMemberDataSource, roomProvider, sharedConfigDataSource, }: {
         roomControl: FcrMainRoomControl;
         deviceProvider: FcrUIDeviceProvider;
         privilegeProvider: FcrUIPrivilegeProvider;
         messageProvider: FcrUIMessageProvider;
         dialogProvider: FcrUIDialogProvider;
         eventProvider: FcrUIEventProvider;
+        sharedMemberDataSource: FcrUIMemberSharedDataSource;
+        roomProvider: FcrUIRoomProvider;
+        sharedConfigDataSource: FcrUISharedConfigDataSource;
     });
     handleChooseScreen: (id: string, type: AgoraRtcScreenCaptureType | undefined, bounds: CurrentShareBounds) => void;
     setShareWithAudioState(withAudio: boolean): void;
@@ -71,24 +77,22 @@ export default class ShareScreenStore {
     setShareAudioProcessingChannel(currentShareAudioProcessingChannel: any): void;
     handlerBoardShareStop(): void;
     release(): void;
-    handleShareStartWithAudio(): void;
-    handleShareStopWithAudio(): void;
-    startPreview(dom: HTMLElement): void;
-    openDialog(item: FcrUIDialogKey): void;
-    closeDialog(item: FcrUIDialogKey): void;
-    openShareScreenSelection(): Promise<void>;
-    closeShareScreenSelection(): void;
-    setControlBarWindowId(id: number): void;
-    openVideoWindowDialog(): void;
-    closeControlBar(): void;
-    closeVideoWindowDialog(): void;
     openRelaunchTipsDialog(): void;
-    startLoopback(withAudio: boolean): Promise<void>;
-    private _setWithAudioState;
+    startPreview(dom: HTMLElement): void;
+    handleStopShare(): void;
     prepareShareScreen(): Promise<void>;
     handleStartShare(id: string, type: AgoraRtcScreenCaptureType, withAudio: boolean, audioProcessingChannel: AudioProcessingChannel | undefined, bounds: CurrentShareBounds): Promise<void>;
-    handleReplaceScreen(id: string, type: AgoraRtcScreenCaptureType, withAudio: boolean, audioProcessingChannel: AudioProcessingChannel | undefined, bounds: CurrentShareBounds): void;
-    handleStopShare(): void;
+    private _startLoopback;
+    private _handleShareStartWithAudio;
+    private _handleShareStopWithAudio;
+    private _openShareScreenSelection;
+    private _closeShareScreenSelection;
+    private _setControlBarWindowId;
+    private _openVideoWindowDialog;
+    private _closeControlBar;
+    private _closeVideoWindowDialog;
+    private _setWithAudioState;
+    private _handleReplaceScreen;
     private _createScreenStream;
     private _handleWebScreenCaptureStateUpdated;
     private _handleScreenCaptureStateUpdated;