educast-classroom-sdk 2.4.1 → 2.4.3

package/lib/infra/api/index.d.ts

@@ -0,0 +1,53 @@
+import { CloudDriveResource, EduRoomTypeEnum } from 'agora-edu-core';
+import './polyfills';
+import { BoardWindowAnimationOptions, ConfigParams, LaunchOption, LaunchWindowOption, RecordingHandlers } from './type';
+import { FcrMultiThemeMode, FcrTheme, FcrUIConfig, AgoraWidgetBase } from 'agora-common-libs';
+export * from './type';
+export { applyTheme, loadGeneratedFiles, themes } from '../utils/config-loader';
+export declare class AgoraEduSDK {
+    private static _config;
+    private static _widgets;
+    private static _coursewareList;
+    private static _boardWindowAnimationOptions;
+    private static _language;
+    private static _appId;
+    private static _uiMode;
+    private static _uiConfig;
+    private static _theme;
+    private static _shareUrl;
+    private static _recordingHandlers?;
+    private static _region;
+    private static _virtualBackgroundImages;
+    private static _virtualBackgroundVideos;
+    private static _convertRegion;
+    private static _convertMediaOptions;
+    static setParameters(params: string): void;
+    static setRecordingHandlers(handlers: RecordingHandlers): void;
+    static get recordingHandlers(): RecordingHandlers | undefined;
+    static getLoadedScenes(): {
+        name: string;
+        roomType: EduRoomTypeEnum;
+    }[];
+    static config(config: ConfigParams): void;
+    static get widgets(): Record<string, typeof AgoraWidgetBase>;
+    static get courseWareList(): CloudDriveResource[];
+    static get boardWindowAnimationOptions(): BoardWindowAnimationOptions;
+    static get language(): string;
+    static get uiConfig(): FcrUIConfig;
+    static get theme(): FcrTheme;
+    static get uiMode(): FcrMultiThemeMode;
+    static get shareUrl(): string;
+    static get virtualBackgroundImages(): string[];
+    static get virtualBackgroundVideos(): string[];
+    private static _validateOptions;
+    static launch(dom: HTMLElement, option: LaunchOption): () => void;
+    /**
+     * 运行窗口UI
+     * @param dom
+     * @param option
+     * @returns
+     */
+    static launchWindow(dom: HTMLElement, option: LaunchWindowOption): () => void;
+    private static _selectUITheme;
+    static setRecordReady(): void;
+}

package/lib/infra/api/lock.d.ts

@@ -0,0 +1,8 @@
+declare global {
+    interface Window {
+        __agora__fcr__locked: boolean;
+    }
+}
+export declare const lock: () => void;
+export declare const unlock: () => void;
+export declare const isLocked: () => boolean;

package/lib/infra/api/providers.d.ts

@@ -0,0 +1,7 @@
+import { FC, PropsWithChildren } from 'react';
+import { FcrTheme, FcrUIConfig } from 'agora-common-libs';
+export declare const Providers: FC<PropsWithChildren<{
+    language: string;
+    uiConfig: FcrUIConfig;
+    theme: FcrTheme;
+}>>;

package/lib/infra/api/rtc-extensions/index.d.ts

@@ -0,0 +1,29 @@
+import { IVirtualBackgroundProcessor } from 'agora-extension-virtual-background';
+import { IBeautyProcessor } from 'agora-extension-beauty-effect';
+import { IAIDenoiserProcessor } from 'agora-extension-ai-denoiser';
+import { ProcessorInitializer } from '../type';
+import { IBaseProcessor, IExtension } from 'agora-rte-extension';
+export declare const builtInExtensions: {
+    virtualBackgroundExtension: string;
+    beautyEffectExtension: string;
+    aiDenoiserExtension: string;
+};
+export declare const setAssetsBaseUrl: (baseUrl: string) => void;
+export declare const initializeBuiltInExtensions: () => {
+    virtualBackgroundExtension: {
+        name: string;
+        instance: IExtension<IBaseProcessor>;
+        createProcessor: () => Promise<IVirtualBackgroundProcessor>;
+    };
+    beautyEffectExtension: {
+        name: string;
+        instance: IExtension<IBaseProcessor>;
+        createProcessor: () => Promise<IBeautyProcessor>;
+    };
+    aiDenoiserExtension: {
+        name: string;
+        instance: IExtension<IBaseProcessor>;
+        createProcessor: () => Promise<IAIDenoiserProcessor>;
+    };
+};
+export declare const getProcessorInitializer: <T extends IBaseProcessor>(name: string) => ProcessorInitializer<T>;

package/lib/infra/api/type.d.ts

@@ -0,0 +1,112 @@
+import { AgoraEduClassroomEvent, ConversionOption, EduRoleTypeEnum, EduRoomTypeEnum, EduRtcConfig, Platform, AgoraCloudProxyType } from 'agora-edu-core';
+import { AGMediaOptions, AgoraLatencyLevel, AGVideoEncoderConfiguration } from 'agora-rte-sdk';
+import { IBaseProcessor, IExtension } from 'agora-rte-extension';
+import { CloudDriveResourceConvertProgress } from '../stores/common/cloud-drive/type';
+import { FcrMultiThemeMode, AgoraWidgetBase } from 'agora-common-libs';
+export declare type AgoraRegion = Uppercase<AgoraRegionString>;
+export declare const regionMap: {
+    readonly AP: "sg";
+    readonly CN: "cn-hz";
+    readonly EU: "gb-lon";
+    readonly NA: "us-sv";
+};
+export declare type AgoraRegionString = 'cn' | 'ap' | 'na' | 'eu';
+export declare type ListenerCallback = (evt: AgoraEduClassroomEvent, ...args: unknown[]) => void;
+export declare enum WindowID {
+    Main = "main",
+    VideoGallery = "video-gallery"
+}
+export declare type LanguageEnum = 'en' | 'zh';
+export declare type TranslateEnum = '' | 'auto' | 'zh-CHS' | 'en' | 'ja' | 'ko' | 'fr' | 'es' | 'pt' | 'it' | 'ru' | 'vi' | 'de' | 'ar';
+export declare type ConfigParams = {
+    appId: string;
+    region?: string;
+};
+export declare type LaunchMediaOptions = AGMediaOptions & {
+    lowStreamCameraEncoderConfiguration?: AGVideoEncoderConfiguration;
+};
+export declare type ConvertMediaOptionsConfig = EduRtcConfig & {
+    defaultLowStreamCameraEncoderConfigurations?: AGVideoEncoderConfiguration;
+};
+export declare type RecordingHandlers = {
+    start: (args?: unknown) => Promise<boolean | void> | boolean | void;
+    stop: (args?: unknown) => Promise<boolean | void> | boolean | void;
+    isRecording?: () => Promise<boolean> | boolean;
+};
+/**
+ * LaunchOption 接口
+ */
+export declare type LaunchOption = {
+    userUuid: string;
+    userName: string;
+    roomUuid: string;
+    roleType: EduRoleTypeEnum;
+    roomType: EduRoomTypeEnum;
+    roomName: string;
+    listener: ListenerCallback;
+    pretest: boolean;
+    rtmToken: string;
+    language: LanguageEnum;
+    startTime?: number;
+    duration: number;
+    courseWareList: CourseWareList;
+    recordUrl?: string;
+    widgets?: {
+        [key: string]: typeof AgoraWidgetBase;
+    };
+    userFlexProperties?: {
+        [key: string]: unknown;
+    };
+    mediaOptions?: LaunchMediaOptions;
+    latencyLevel?: AgoraLatencyLevel;
+    platform?: Platform;
+    recordOptions?: BoardWindowAnimationOptions;
+    recordRetryTimeout?: number;
+    uiMode?: FcrMultiThemeMode;
+    shareUrl?: string;
+    virtualBackgroundImages?: string[];
+    virtualBackgroundVideos?: string[];
+    webrtcExtensionBaseUrl?: string;
+    rtcCloudProxyType?: AgoraCloudProxyType;
+    rtmCloudProxyEnabled?: boolean;
+};
+/**
+ *  运行窗口选项
+ */
+export declare type LaunchWindowOption = {
+    windowID: WindowID;
+    language: LanguageEnum;
+    args: any;
+    roomType: EduRoomTypeEnum;
+    uiMode: FcrMultiThemeMode;
+};
+export declare type CourseWareItem = {
+    resourceName: string;
+    resourceUuid: string;
+    ext: string;
+    url?: string;
+    size: number;
+    updateTime: number;
+    taskUuid?: string;
+    taskProgress?: CloudDriveResourceConvertProgress;
+    conversion?: ConversionOption;
+    initOpen?: boolean;
+};
+export declare type CourseWareList = CourseWareItem[];
+export declare type BoardWindowAnimationOptions = {
+    minFPS?: number;
+    maxFPS?: number;
+    resolution?: number;
+    autoResolution?: boolean;
+    autoFPS?: boolean;
+    maxResolutionLevel?: number;
+    forceCanvas?: boolean;
+};
+export declare type ExtensionInitializer = {
+    createInstance: () => IExtension<IBaseProcessor>;
+    createProcessor: (extension: IExtension<IBaseProcessor>) => Promise<IBaseProcessor>;
+};
+export declare type ProcessorInitializer<T extends IBaseProcessor> = {
+    name: string;
+    createProcessor: () => Promise<T>;
+};

package/lib/infra/capabilities/config.d.ts

@@ -0,0 +1,22 @@
+/**
+ * 教学区组件层级规则控制
+ * -------- 顶层 ---------
+ *        教师工具
+ *  视频容器（摄像头/屏幕共享）
+ * 在线课件(webview/youtube)
+ *          白板
+ * -------- 底层 ---------
+ */
+export declare enum ComponentLevelRules {
+    WhiteBoard = 0,
+    ScreenShare = 1,
+    OnlineCourseware = 2,
+    StreamWindow = 3,
+    TeachTools = 4
+}
+export declare enum ComponentLevelRulesMobile {
+    Level1 = 1,
+    Level2 = 10,
+    Level3 = 20,
+    Level4 = 2000
+}

package/lib/infra/capabilities/containers/action-sheet-mobile/hands-up.mobile.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import './index.mobile.css';
+export declare const HandsUpActionSheetMobile: () => JSX.Element;

package/lib/infra/capabilities/containers/action-sheet-mobile/mic.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const MicrophoneIndicator: ({ size, voicePercent, }: {
+    size?: number | undefined;
+    voicePercent?: number | undefined;
+}) => JSX.Element;

package/lib/infra/capabilities/containers/action-sheet-mobile/share.mobile.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import './index.mobile.css';
+export declare const ShareActionSheetMobile: () => JSX.Element;

package/lib/infra/capabilities/containers/aside/index.d.ts

@@ -0,0 +1,3 @@
+import { FC, PropsWithChildren } from 'react';
+export declare const BigClassAside: FC<PropsWithChildren>;
+export declare const OneToOneClassAside: FC<PropsWithChildren>;

package/lib/infra/capabilities/containers/award/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const Award: () => JSX.Element;
+export default Award;

package/lib/infra/capabilities/containers/camera-preview/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const CameraPreview: () => JSX.Element | null;
+export default CameraPreview;

package/lib/infra/capabilities/containers/cloud-driver/cloud-driver.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import './index.css';
+import { CloudDriverContainerProps } from '.';
+export declare enum ActiveKeyEnum {
+    public = "1",
+    person = "2",
+    download = "3"
+}
+export declare type CloudDriverProps = {
+    activeKey: ActiveKeyEnum;
+    handleChange: (key: string) => void;
+} & CloudDriverContainerProps;
+export declare const CloudDriver: ({ onClose, activeKey, handleChange }: CloudDriverProps) => JSX.Element;

package/lib/infra/capabilities/containers/cloud-driver/cloud-help.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function CloudHelp(): JSX.Element;

package/lib/infra/capabilities/containers/cloud-driver/cloud-minimize.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

package/lib/infra/capabilities/containers/cloud-driver/cloud-more-menu.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare type CloudMoreMenuProps = {
+    resourceUuid: string;
+    deleteResource: (uuid: string) => void;
+};
+export default function CloudMoreMenu({ resourceUuid, deleteResource }: CloudMoreMenuProps): JSX.Element;

package/lib/infra/capabilities/containers/cloud-driver/cloud-toolbar.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+export declare type CloudToolbarProps = {
+    /**
+     * 文件数量
+     */
+    fileCounts: number;
+    /**
+     * 搜索关键字
+     */
+    keyword: string;
+    /**
+     * 关键字搜索变化
+     */
+    onKeywordChange: (evt: any) => void;
+    showRefresh?: boolean;
+    /**
+     * 刷新方法
+     */
+    onRefresh?: () => void;
+};
+export default function CloudToolbar({ fileCounts, keyword, onKeywordChange, showRefresh, onRefresh, }: CloudToolbarProps): JSX.Element;

package/lib/infra/capabilities/containers/cloud-driver/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare type CloudDriverContainerProps = {
+    onClose?: () => void;
+    onDelete?: (fileName: string) => void;
+};
+export declare const CloudDriverContainer: React.FC<CloudDriverContainerProps>;

package/lib/infra/capabilities/containers/cloud-driver/person-resource.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const PersonalResourcesContainer: () => JSX.Element;
+export interface IUploadOnlineCoursewareData {
+    url: string;
+    resourceName: string;
+}

package/lib/infra/capabilities/containers/cloud-driver/public-resource.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const PublicResourcesContainer: () => JSX.Element;

package/lib/infra/capabilities/containers/device-setting/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import './index.css';
+export declare const RoomDeviceSettingContainer: ({ id }: {
+    id: string;
+}) => JSX.Element;

package/lib/infra/capabilities/containers/dialog/breakout-room/confirm-dialog.d.ts

@@ -0,0 +1,10 @@
+import React, { FC } from 'react';
+declare type ConfirmDialogProps = {
+    children: React.ReactNode;
+    onOk: () => void | Promise<void>;
+    onCancel: () => void | Promise<void>;
+    onOkText?: string;
+    onCancelText?: string;
+};
+export declare const ConfirmDialog: FC<ConfirmDialogProps>;
+export {};

package/lib/infra/capabilities/containers/dialog/breakout-room/confirm-panel.d.ts

@@ -0,0 +1,10 @@
+import React, { FC } from 'react';
+declare type ConfirmPanelProps = {
+    title: string;
+    onOk: () => void | Promise<void>;
+    onCancel: () => void | Promise<void>;
+    panelId?: string;
+    children?: React.ReactNode;
+};
+export declare const ConfirmPanel: FC<ConfirmPanelProps>;
+export {};

package/lib/infra/capabilities/containers/dialog/breakout-room/fragments/group-select.d.ts

@@ -0,0 +1,7 @@
+import { FC } from 'react';
+import './index.css';
+declare type Props = {
+    onNext: () => void;
+};
+export declare const GroupSelect: FC<Props>;
+export {};

package/lib/infra/capabilities/containers/dialog/breakout-room/fragments/start.d.ts

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+import './index.css';
+declare type Props = {
+    onCancel: () => void;
+    onNext: (params: {
+        groupNum: number;
+    }) => void;
+};
+export declare const Start: FC<Props>;
+export {};

package/lib/infra/capabilities/containers/dialog/breakout-room/group.d.ts

@@ -0,0 +1,17 @@
+import { FC } from 'react';
+import { TreeModel } from '@classroom/ui-kit';
+declare type GroupPanelProps = {
+    groups: {
+        text: string;
+        id: string;
+    }[];
+    panelId?: string;
+    onOpen?: () => void;
+    onClose?: (users: string[]) => void;
+    onChange?: (users: string[]) => void;
+    canExpand?: boolean;
+    onNodeClick?: (node: TreeModel, level: number) => void;
+    children?: React.ReactNode;
+};
+export declare const GroupPanel: FC<GroupPanelProps>;
+export {};

package/lib/infra/capabilities/containers/dialog/breakout-room/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import './index.css';
+export declare const BreakoutRoomDialog: ({ id }: {
+    id: string;
+}) => JSX.Element;

package/lib/infra/capabilities/containers/dialog/breakout-room/panel.d.ts

@@ -0,0 +1,23 @@
+import { FC } from 'react';
+export declare const PanelStateContext: import("react").Context<{
+    visiblePanelId: number | string;
+    onTrigger: (panelId: number | string) => void;
+    getNextPanelId: () => number | string;
+    closeAll: () => void;
+}>;
+export declare const usePanelState: () => {
+    visiblePanelId: string | number;
+    onTrigger: (panelId: number | string) => void;
+    getNextPanelId: () => number;
+    closeAll: () => void;
+};
+declare type PanelProps = {
+    trigger: React.ReactElement;
+    className?: string;
+    onOpen?: () => void;
+    onClose?: () => void;
+    panelId?: string;
+    children?: React.ReactNode;
+};
+export declare const Panel: FC<PanelProps>;
+export {};

package/lib/infra/capabilities/containers/dialog/breakout-room/user.d.ts

@@ -0,0 +1,18 @@
+import React, { FC } from 'react';
+declare type UserPanelProps = {
+    groupUuid?: string;
+    users: {
+        userUuid: string;
+        userName: string;
+        groupUuid: string | undefined;
+    }[];
+    limitCount: number;
+    onOpen?: () => void;
+    onClose?: (users: string[]) => void;
+    onChange?: (users: string[]) => void;
+    onError?: (message: string) => void;
+    panelId?: string;
+    children?: React.ReactNode;
+};
+export declare const UserPanel: FC<UserPanelProps>;
+export {};

package/lib/infra/capabilities/containers/dialog/confirm.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { ConfirmDialogAction } from '@classroom/infra/stores/common/type';
+import { BaseDialogProps } from '.';
+export declare const Confirm: React.FC<BaseDialogProps & {
+    title: string;
+    content: string;
+    opts?: {
+        actions?: ConfirmDialogAction[];
+        btnText?: Record<ConfirmDialogAction, string>;
+        onOk?: () => void;
+        onCancel?: () => void;
+    };
+}>;

package/lib/infra/capabilities/containers/dialog/error-generic.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { BaseDialogProps } from '.';
+export declare const GenericErrorDialog: FC<BaseDialogProps & {
+    onOK: () => void;
+    okBtnText: string;
+    title: string;
+    content: string;
+    error: Error;
+}>;

package/lib/infra/capabilities/containers/dialog/guide/index.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import './index.css';
+export declare const GuideDialog: FC<{
+    id: string;
+}>;

package/lib/infra/capabilities/containers/dialog/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+export declare type BaseDialogProps = {
+    id: string;
+};
+export declare const DialogContainer: React.FC<unknown>;

package/lib/infra/capabilities/containers/dialog/kick-out.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { BaseDialogProps } from '.';
+export declare const KickOut: React.FC<BaseDialogProps & {
+    onOk: (ban: boolean) => void;
+}>;

package/lib/infra/capabilities/containers/dialog/quit.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { BaseDialogProps } from '.';
+export declare const Quit: React.FC<BaseDialogProps & {
+    onOk: (back: boolean) => void;
+    showOption: boolean;
+}>;

package/lib/infra/capabilities/containers/dialog/remote-control-confirm/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import './index.css';
+interface IPropsTypes {
+    onOK: () => void;
+}
+export declare const RemoteControlConfirm: (props: IPropsTypes) => JSX.Element;
+export {};

package/lib/infra/capabilities/containers/dialog/screen-picker/index.d.ts

@@ -0,0 +1,30 @@
+import { FC } from 'react';
+import { BaseProps } from '@classroom/ui-kit/components/util/type';
+import './index.css';
+import { AGScreenShareDevice } from 'agora-rte-sdk';
+export declare const ScreenPickerDialog: ({ id, onOK, onCancel, windowList, desktopList, }: {
+    id: string;
+    onOK?: ((id: string, withAudio: boolean) => void) | undefined;
+    onCancel?: (() => void) | undefined;
+    windowList: (AGScreenShareDevice & {
+        imagebase64: string;
+    })[];
+    desktopList: (AGScreenShareDevice & {
+        imagebase64: string;
+    })[];
+}) => JSX.Element;
+export interface ScreenPickerProps extends BaseProps {
+    screenShareTitle?: string;
+    scrollHeight?: number;
+    desktopList: (AGScreenShareDevice & {
+        imagebase64: string;
+    })[];
+    windowList: (AGScreenShareDevice & {
+        imagebase64: string;
+    })[];
+    onActiveItem: (id: string) => void;
+    currentActiveId?: string;
+    onOK?: (withAudio: boolean) => void;
+    onCancel?: () => void;
+}
+export declare const ScreenPicker: FC<ScreenPickerProps>;

package/lib/infra/capabilities/containers/dialog/screen-share/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import './index.css';
+import { ScreenShareRoleType } from '@classroom/infra/stores/common/toolbar/type';
+export declare const ScreenShareDialog: ({ id, onOK, onCancel, }: {
+    id: string;
+    onOK: (roleType: ScreenShareRoleType) => void;
+    onCancel?: (() => void) | undefined;
+}) => JSX.Element;

package/lib/infra/capabilities/containers/dialog/video-gallery/hooks.d.ts

@@ -0,0 +1,33 @@
+import { RefObject } from 'react';
+import { DraggableData, Rnd, RndDragEvent } from 'react-rnd';
+/**
+ * pagniation control, update published user list when user scroll into page
+ */
+export declare const useVideoPage: () => {
+    streamList: import("../../../../stores/common/stream/struct").EduStreamUI[];
+    setPageSize: (pageSize: number) => void;
+    totalPageNum: number;
+};
+export declare enum ForceDirection {
+    RightToLeft = "left",
+    LeftToRight = "right",
+    TopToBottom = "bottom",
+    BottomToTop = "top"
+}
+declare type DragOutCallback = (forceDirection: ForceDirection) => void;
+/**
+ * analyze whether the target moved out of bounds and how it is being moved out
+ */
+export declare const useDragAnalyzer: ({ bounds, rnd, onDragOutDetect, detectMovement, }: {
+    bounds: string;
+    rnd: RefObject<Rnd>;
+    onDragOutDetect: DragOutCallback;
+    detectMovement: number;
+}) => {
+    eventHandlers: {
+        onDragStart: (e: RndDragEvent, data: DraggableData) => void;
+        onDragStop: (e: RndDragEvent, data: DraggableData) => void;
+        onDrag: (e: RndDragEvent, data: DraggableData) => void;
+    };
+};
+export {};

package/lib/infra/capabilities/containers/dialog/video-gallery/index.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { FC } from 'react';
+import { Props as PagerProps } from './pager';
+import { Props as SettingProps } from './setting';
+import './index.css';
+import { EduStreamUI } from '@classroom/infra/stores/common/stream/struct';
+interface VideoGalleryProps {
+    id: string;
+}
+export declare const VideoGallery: FC<VideoGalleryProps>;
+declare type PortalProps = {
+    className: string;
+    streamList: EduStreamUI[];
+} & SettingProps & PagerProps & StageHoverProps;
+export declare const VideoGalleryPortal: FC<PortalProps>;
+declare type StageHoverProps = {
+    renderVideo: (stream: EduStreamUI) => React.ReactElement;
+    stageUserUuids: string[];
+    onStageClick: (userUuid: string) => void;
+    offStageClick: (userUuid: string) => void;
+};
+export {};

package/lib/infra/capabilities/containers/dialog/video-gallery/pager.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import './pager.css';
+export declare type Props = {
+    nextPage: () => void;
+    prevPage: () => void;
+    curPage: number;
+    totalPageNum: number;
+};
+export declare const Pager: FC<Props>;

package/lib/infra/capabilities/containers/dialog/video-gallery/setting.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import './setting.css';
+export declare type Props = {
+    options: {
+        text: string;
+        value: number;
+    }[];
+    setPageSize: (pageSize: number) => void;
+    pageSize: number;
+};
+export declare const Setting: FC<Props>;