fcr-ui-scene 1.0.20 → 3.1.0-1

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

@@ -0,0 +1,57 @@
+"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 _context = require("../context");
+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)(_context.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/store.d.ts

@@ -0,0 +1,88 @@
+import { FcrUserControl, FcrStreamControl, FcrDesktopMediaControl } from 'agora-edu-core';
+import { FcrUIEventStore } from '../../common/event-store';
+import { FcrSecurityStore } from '../../common/security-store';
+import { FcrDeviceStore } from '../../common/device-store';
+import { UIAction } from '../../utilities/constant';
+import { FcrVideoWindowPreviewType } from './type';
+import { FcrUIVideoWindowData } from '../layout/type';
+import { AgoraRtcRenderMode, AgoraRtcVideoStreamType, AgoraRtcScreenCaptureType } from 'agora-rte-sdk/lib/core/rtc/type';
+import { FcrPrivilegeUserRole, FcrUserRole, FcrUserUpdatedEvent } from 'agora-edu-core/lib/type';
+import { ConnectType, ConnectionTabType } from './type';
+import { FcrDeviceStreamStore } from '../../common/device-stream-store';
+export interface VideoWindowStoreParams {
+    uiEventStore: FcrUIEventStore;
+    userControl: FcrUserControl;
+    streamControl: FcrStreamControl;
+    mediaControl: FcrDesktopMediaControl;
+    securityStore: FcrSecurityStore;
+    deviceStore: FcrDeviceStore;
+    deviceStreamStore: FcrDeviceStreamStore;
+}
+export default class VideoWindowStore {
+    private _uiEventStore;
+    private _userControl;
+    private _deviceStore;
+    private _deviceStreamStore;
+    private _streamControl;
+    private _mediaControl;
+    private _securityStore;
+    private _releaseVideoWindowListeners;
+    private _subscriptions;
+    accessor userVolumeMap: Map<string, number>;
+    accessor speakHover: boolean;
+    accessor videoWindowPreviewType: FcrVideoWindowPreviewType;
+    accessor videoWindowCurrentWidth: number;
+    accessor videoWindowCurrentHeight: number;
+    accessor foldList: FcrUIVideoWindowData[];
+    accessor workareaX: number;
+    accessor workareaY: number;
+    accessor workareaWidth: number;
+    accessor workareaHeight: number;
+    accessor localUserRole: FcrUserRole;
+    accessor _spotlightStreamId: string;
+    accessor shouldHideNonVideoParticipants: boolean;
+    accessor connectType: ConnectType;
+    accessor bounds: {
+        width: number;
+        height: number;
+    };
+    setBounds(width: number, height: number): void;
+    constructor(params: VideoWindowStoreParams);
+    setVideoOrientation(): void;
+    release(): void;
+    private _onAudioVolumeUpdated;
+    get foldListRenderData(): FcrUIVideoWindowData[];
+    get findSpotlightUser(): FcrUIVideoWindowData | null | undefined;
+    get hasPinnedStream(): boolean;
+    getLocalUserId(): string | undefined;
+    removePin(streamId: string): void;
+    addPin(streamId: string): void;
+    startPlayLocalVideo(element: HTMLElement): void;
+    stopPlayLocalVideo(element: HTMLElement): void;
+    startRenderRemoteVideo(streamId: string, type: AgoraRtcVideoStreamType, renderMode: AgoraRtcRenderMode, isMirror: boolean, element: HTMLElement): void;
+    stopRenderRemoteVideo(streamId: string, element: HTMLElement): void;
+    sendParticipantEvent(payload: unknown): void;
+    muteAudio(mute: boolean, userId: string): void;
+    setLocalUserRole(role: FcrUserRole): void;
+    computedVideoWindowHeight(list: FcrUIVideoWindowData[]): number;
+    sliceFoldList(list: FcrUIVideoWindowData[], previewType: FcrVideoWindowPreviewType): FcrUIVideoWindowData[];
+    changeVideoWindowBounds(x: number, y: number, width: number, height: number, list: FcrUIVideoWindowData[]): void;
+    openPrivateChat(userId: string): void;
+    hasMutePermission(targetRole: FcrPrivilegeUserRole | FcrUserRole): boolean;
+    hasUnmutePermission(targetRole: FcrPrivilegeUserRole | FcrUserRole): boolean;
+    hasRequestStartAudioPermission(targetRole: FcrPrivilegeUserRole | FcrUserRole): boolean;
+    onUserInfoUpdated(roomId: string, event: FcrUserUpdatedEvent): void;
+    setVideoWindowPreviewType(type: FcrVideoWindowPreviewType): void;
+    closeVideoWindow(): void;
+    get microphoneEnabled(): boolean;
+    get microphoneVolumeLevel(): number;
+    filterFoldList(list: FcrUIVideoWindowData[], shouldHideNonVideoParticipants: boolean): FcrUIVideoWindowData[];
+    get videoWindowHeight(): number;
+    setSpeakHover(hover: boolean): void;
+    getAllowedOperations(targetRole: FcrUserRole, isSelf: boolean): string[];
+    getCurrentDisplayBounds(id: string, type: AgoraRtcScreenCaptureType): Promise<void>;
+    private _handleStreamsAddedOrUpdated;
+    openConnection(type: ConnectionTabType): void;
+    enableMicrophone(enable: boolean): void;
+    onEvent(action: UIAction, payload: unknown): void;
+}