@clickview/lite 0.0.26-dev.0 → 0.0.26-rc.0

package/dist/projects/lite/src/shared/flight-requests/SeriesRequests.d.ts

@@ -1,6 +1,6 @@
 import { Flight } from "../../../../../libs/common/src/react";
 export declare const SeriesRequests: {
     series(id: string): Flight.Request;
-    seriesVideos(id: string, cursor: string): Flight.Request;
+    seriesVideos(id: string, userId: string, cursor: string): Flight.Request;
     breadcrumbs(classificationId: string): Flight.Request;
 };

package/dist/projects/lite/src/shared/flight-requests/VideoRequests.d.ts

@@ -2,9 +2,9 @@ import { Flight } from "../../../../../libs/common/src/react";
 import { Video, UpdateVideoRequest } from "../../../../../libs/shared/src/interfaces";
 export declare const VideoRequests: {
     video(id: string): Flight.Request;
-    workspace(id: string, cursor: string): Flight.Request;
+    workspace(id: string, userId: string, cursor: string): Flight.Request;
     videos(ids: string[], success?: (videos: Video[]) => void): Flight.Request;
-    hydratedVideos(ids: string[], success?: (videos: Video[]) => void): Flight.Request;
+    watchHistoryVideos(ids: string[], userId?: string, success?: (videos: Video[]) => void): Flight.Request;
     updateVideo(id: string, data: UpdateVideoRequest, success?: () => void): Flight.Request;
     /**
      * This is simply an example to show the prototype for useVideoMixin

package/dist/projects/lite/src/shared/hooks/useBulkCheckboxManager.d.ts

@@ -11,7 +11,7 @@ export declare const useBulkCheckboxManager: (collection: HashObject<any>[], opt
     onToggleBulk: () => void;
     onToggleItem: (id: string) => void;
     getSelected: () => string[];
-    isChecked: (item: string | HashObject<string>) => boolean;
+    isChecked: (item: string | number | HashObject<string>) => boolean;
     bulkChecked: boolean;
 };
 export {};

package/dist/projects/lite/src/shared/hooks/useInitPlayerContext.d.ts

@@ -1,7 +1,16 @@
 import React from 'react';
 import { Video } from "../../../../../libs/shared/src/interfaces";
+import { Player } from "../../../../player/src/players/player";
 export interface PlayerContext {
+    /**
+     * The current instance of the player.
+     */
+    playerRef?: React.MutableRefObject<Player>;
     playerApiUrl: string;
+    /**
+     * Used as a fallback if Player doesn't support a video.
+     */
+    webPlayerUrl: string;
     /**
      * ViewKey for the video obtained from PlayerApi
      */

package/dist/projects/lite/src/shared/services/FlightUserDataService.d.ts

@@ -1,6 +1,7 @@
 import { Store } from 'redux';
 import { CurrentUser, BaseUserDataService } from "../../../../../libs/shared/src/interfaces";
 import { HashObject } from "../../../../../libs/common/src/react/interfaces";
+import { PermissionsLookup } from "../../../../../libs/shared/src/enums/PermissionName";
 interface FlightUserDataServiceOptions {
     store: Store;
 }
@@ -11,5 +12,6 @@ export declare class FlightUserDataService implements BaseUserDataService {
     getCurrentUser(success?: (user: CurrentUser) => void, error?: () => void): void;
     getToken(success?: (token: HashObject) => void, error?: () => void): void;
     getWorkspace(success?: (workspace: HashObject) => void, error?: () => void): void;
+    getPermissions(success?: (permissions: PermissionsLookup) => void, error?: () => void): void;
 }
 export {};

package/dist/projects/lite/src/shared/views/delete-clip/DeleteClipView.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { PopupViewProps } from "../../../../../../libs/shared/src/interfaces";
+interface DeleteClipViewProps extends PopupViewProps {
+    id: string;
+}
+export declare function DeleteClipView(props: DeleteClipViewProps): JSX.Element;
+export {};

package/dist/projects/lite/src/shared/views/edit-clip-details/EditClipDetailsView.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { PopupViewProps } from "../../../../../../libs/shared/src/interfaces";
+interface EditClipDetailsViewProps extends PopupViewProps {
+    id?: string;
+    videoId?: string;
+    startTime?: number;
+    endTime?: number;
+}
+export declare function EditClipDetailsView(props: EditClipDetailsViewProps): JSX.Element;
+export {};

package/dist/projects/lite/src/shared/views/edit-clip-timepoints/EditClipTimepointsView.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+interface EditClipTimepointsViewProps {
+    id?: string;
+    videoId?: string;
+    startTime?: number;
+}
+export declare function EditClipTimepointsView(props: EditClipTimepointsViewProps): JSX.Element;
+export {};

package/dist/projects/lite/src/shared/views/left-nav/CollapsedLeftNav.d.ts

@@ -2,6 +2,7 @@
 import { LeftNavId } from 'shared/enums/LeftNavId';
 interface CollapsedLeftNavViewProps {
     activeItem: LeftNavId;
+    hideFavouritedVideos?: boolean;
 }
-export declare function CollapsedLeftNavView({ activeItem }: CollapsedLeftNavViewProps): JSX.Element;
+export declare function CollapsedLeftNavView({ activeItem, hideFavouritedVideos }: CollapsedLeftNavViewProps): JSX.Element;
 export {};

package/dist/projects/lite/src/shared/views/left-nav/ExpandedLeftNav.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { Classroom } from "../../../../../../libs/shared/src/interfaces";
 import { LeftNavId } from 'shared/enums/LeftNavId';
 interface ExpandedLeftNavViewProps {
     activeItem: LeftNavId;
@@ -7,6 +8,9 @@ interface ExpandedLeftNavViewProps {
      * to be able to tell exactly which item is active.
      */
     dynamicActiveId?: string;
+    hideFavouritedVideos?: boolean;
+    hideClassrooms?: boolean;
+    favouritedClassrooms?: Classroom[];
 }
-export declare function ExpandedLeftNavView({ activeItem, dynamicActiveId }: ExpandedLeftNavViewProps): JSX.Element;
+export declare function ExpandedLeftNavView(props: ExpandedLeftNavViewProps): JSX.Element;
 export {};

package/dist/projects/lite/src/shared/views/play-clip/PlayClipView.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface PlayClipViewProps {
+    id: string;
+}
+export declare function PlayClipView(props: PlayClipViewProps): JSX.Element;
+export {};

package/dist/projects/lite/src/shared/views/preview-interactive/PreviewInteractiveView.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+interface PreviewInteractiveProps {
+    id: string;
+}
+export declare function PreviewInteractiveView(props: PreviewInteractiveProps): React.ReactElement;
+export {};

package/dist/projects/lite/src/shared/views/preview-questions/PreviewQuestionsView.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+import { PopupViewProps } from "../../../../../../libs/shared/src/interfaces";
+interface PreviewQuestionsViewProps extends PopupViewProps {
+    id: string;
+}
+export declare function PreviewQuestionsView(props: PreviewQuestionsViewProps): React.ReactElement;
+export {};

package/dist/projects/lite/src/styles/index.d.ts

@@ -1,4 +1,2 @@
 import './theme-overrides.scss';
-import '../../../player/dist/font.scss';
-import '../../../player/src/index.scss';
 import '../../../player/src/theme/index.scss';

package/dist/projects/player/src/components/cog-button/cog-button.d.ts

@@ -1,5 +1,6 @@
 import { CollapsibleComponent } from "../../interfaces/CollapsibleComponent";
 import videojs, { VideoJsPlayer } from 'video.js';
+import "../next-video-menu-item/next-video-menu-item";
 import './cog-button.scss';
 declare const MenuItem: {
     new (player: VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
@@ -23,6 +24,7 @@ interface CogButtonOptions extends videojs.ComponentOptions {
 }
 export declare class CogButton extends MenuButton {
     options_: CogButtonOptions;
+    private renderPlayNext;
     constructor(player: VideoJsPlayer, options: CogButtonOptions);
     buildWrapperCSSClass(): string;
     buildCSSClass(): string;
@@ -34,5 +36,6 @@ export declare class CogButton extends MenuButton {
      */
     createItems(): CogMenuItem[];
     update(): void;
+    showPlayNext(): void;
 }
 export {};

package/dist/projects/player/src/components/next-video-menu-item/next-video-menu-item.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/projects/player/src/components/progress-control/progress-control.d.ts

@@ -1 +1,12 @@
+import videojs from 'video.js';
 import './progress-control.scss';
+declare const BaseProgressControl: {
+    new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions): videojs.ProgressControl;
+    prototype: videojs.ProgressControl;
+};
+export declare class ProgressControl extends BaseProgressControl {
+    private seekBarName_;
+    setSeekBarName(name: string): void;
+    getChild(name: string): videojs.Component | undefined;
+}
+export {};

package/dist/projects/player/src/interfaces/NextVideo.d.ts

@@ -0,0 +1,4 @@
+export interface NextVideo {
+    name: string;
+    thumbnailUrl: string;
+}

package/dist/projects/player/src/interfaces/models/ClipData.d.ts

@@ -0,0 +1,4 @@
+export interface ClipData {
+    startTime: number;
+    endTime: number;
+}

package/dist/projects/player/src/interfaces/models/PlaybackObject.d.ts

@@ -3,6 +3,9 @@ export interface PlaybackObject {
     chapters: Chapters;
     subtitles: Subtitles;
     posterUrl?: string;
+    additionalData?: any;
+    mediaType: 'MasterVideo' | 'MasterClip' | 'MasterInteractive';
+    localCacheAddresses: LocalCacheAddress[];
 }
 export interface Files {
     progressive: File[];
@@ -30,3 +33,8 @@ export interface Subtitle {
     label: string;
     mimeType: string;
 }
+export interface LocalCacheAddress {
+    name: string;
+    httpsAddress: string;
+    playbackProfile?: string;
+}

package/dist/projects/player/src/players/base-player.d.ts

@@ -1,6 +1,7 @@
 import { VideoJsPlayer, VideoJsPlayerOptions } from 'video.js';
 import 'videojs-contrib-quality-levels';
 import "../plugins/progressive-files-plugin/progressive-files-plugin";
+import "../plugins/localcache-plugin/localcache-plugin";
 import "../components/time-wrapper/time-wrapper";
 import "../components/collapserator/collapserator";
 import "../components/chapter-seek-bar/chapter-seek-bar";
@@ -26,13 +27,15 @@ export interface BasePlayerOptions {
     controls?: boolean;
     playbackRates?: number[];
     embed?: boolean;
-    getExternalLink?: (options: ExternalLinkOptions) => string;
+    playerApi?: URL;
+    enableLocalCache?: boolean;
     /**
      * An optional external element for binding hotkey
      * event listeners to.
      */
     hotkeyElQuerySelector?: string;
-    playerApi?: URL;
+    onError?: (error: any) => void;
+    getExternalLink?: (options: ExternalLinkOptions) => string;
     setup?: (options: BasePlayerOptions, player: VideoJsPlayer) => void;
     fetch?: (viewKey: string) => Promise<PlaybackObject>;
 }
@@ -47,6 +50,7 @@ export declare abstract class BasePlayer {
     protected buildVideoJs(): VideoJsPlayer;
     protected getPlayerOptions(): VideoJsPlayerOptions;
     protected fetch(): Promise<void>;
+    protected additionalSetup(playbackObject: PlaybackObject): void;
     protected createEl(id: string | Element): HTMLVideoElement;
     protected getPlayerClassName(): string;
     on(type: string | string[], listener: (...args: any[]) => void): void;
@@ -59,6 +63,6 @@ export declare abstract class BasePlayer {
     currentTime(time?: number): number | void;
     private bindEventListeners;
     private setupSeekBar;
-    protected getSeekBarComponent(): string;
+    protected getSeekBarName(): string;
     private configureMenuDimensions;
 }

package/dist/projects/player/src/players/create-clip-player.d.ts

@@ -12,5 +12,5 @@ export declare class CreateClipPlayer extends BasePlayer {
     constructor(id: string | Element, options: CreateClipPlayerOptions);
     protected getPlayerClassName(): string;
     protected configurePlugins(): void;
-    protected getSeekBarComponent(): string;
+    protected getSeekBarName(): string;
 }

package/dist/projects/player/src/players/interactive-player.d.ts

@@ -0,0 +1,16 @@
+import { BasePlayer, BasePlayerOptions } from './base-player';
+import { InteractiveMode } from "../plugins/interactive-plugin/interfaces";
+import "../plugins/interactive-plugin/interactive-plugin";
+import { PlaybackObject } from '../interfaces/models/PlaybackObject';
+export interface InteractivePlayerOptions extends BasePlayerOptions {
+    mode?: InteractiveMode;
+    onTimepointChange?: (activeTimepointId: string) => void;
+}
+export declare class InteractivePlayer extends BasePlayer {
+    protected options: InteractivePlayerOptions;
+    private track;
+    constructor(id: string | Element, options: InteractivePlayerOptions);
+    protected additionalSetup(playbackObject: PlaybackObject): Promise<void>;
+    private bindCueChange;
+    private onCueChange;
+}

package/dist/projects/player/src/players/player.d.ts

@@ -6,10 +6,15 @@ import "../plugins/fullscreen-on-rotate-plugin/fullscreen-on-rotate-plugin";
 import "../plugins/open-externally-plugin/open-externally-plugin";
 import "../plugins/clip-plugin/clip-plugin";
 import "../plugins/touch-controls-plugin/touch-controls-plugin";
+import "../plugins/next-video-plugin/next-video-plugin";
+import { PlaybackObject } from "../interfaces/models/PlaybackObject";
+import { NextVideo } from '../interfaces/NextVideo';
 export interface PlayerOptions extends BasePlayerOptions {
 }
 export declare class Player extends BasePlayer {
     protected options: PlayerOptions;
     constructor(id: string | Element, options: PlayerOptions);
     protected configurePlugins(): void;
+    setNextVideo(nextVideo: NextVideo, onPlayNext: () => void): void;
+    protected additionalSetup(playbackObject: PlaybackObject): Promise<void>;
 }

package/dist/projects/player/src/plugins/clip-plugin/clip-plugin.d.ts

@@ -15,7 +15,7 @@ declare const Plugin: {
 };
 export interface ClipPluginOptions {
     startTime: number;
-    duration: number;
+    endTime: number;
 }
 export declare class ClipPlugin extends Plugin {
     private _clipStart;

package/dist/projects/player/src/plugins/create-clip-plugin/components/clip-timepoint-selector/clip-timepoint-selector.d.ts

@@ -57,6 +57,7 @@ export interface ClipTimepointSelectorOptions extends videojs.ComponentOptions {
 export declare class ClipTimepointSelector extends Component {
     options_: ClipTimepointSelectorOptions;
     el_: HTMLElement;
+    private minDuration;
     /**
      * These variables shouldn't be set directly.
      * setStartTime and setEndTime should be used.

package/dist/projects/player/src/plugins/interactive-plugin/components/create-components/create-components.d.ts

@@ -0,0 +1,5 @@
+import { InteractionTypeId } from "../../../../../../../libs/shared/src/interfaces";
+import { InteractionComponent, ValidationFunction, SubmissionFunction } from "../../interfaces";
+export declare function getCreateComponent(typeId: InteractionTypeId): InteractionComponent;
+export declare function getCreateValidation(typeId: InteractionTypeId): ValidationFunction;
+export declare function getCreateSubmit(typeId: InteractionTypeId): SubmissionFunction;

package/dist/projects/player/src/plugins/interactive-plugin/components/create-components/create-short-answer.ts/create-short-answer.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Interaction } from "../../../../../../../../libs/shared/src/interfaces";
+import { InteractionProps } from "../../../interfaces";
+import './create-short-answer.scss';
+interface CreateShortAnswerState {
+    text: string;
+}
+export declare function ValidateShortAnswer(state: CreateShortAnswerState): boolean;
+export declare function SubmitShortAnswer(state: CreateShortAnswerState, interaction: Interaction): Promise<void>;
+export declare function CreateShortAnswer(props: InteractionProps<CreateShortAnswerState>): React.ReactElement;
+export {};

package/dist/projects/player/src/plugins/interactive-plugin/components/create-components/create-type-selector/create-type-selector.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { InteractionTypeId } from "../../../../../../../../libs/shared/src/interfaces";
+import './create-type-selector.scss';
+interface CreateTypeSelectorProps {
+    onTypeSelected: (typeId: InteractionTypeId) => void;
+}
+export declare function CreateTypeSelector(props: CreateTypeSelectorProps): React.ReactElement;
+export {};

package/dist/projects/player/src/plugins/interactive-plugin/components/feedback/feedback.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface FeedbackProps {
+    correct: boolean;
+    showFeedback: boolean;
+}
+export declare function Feedback(props: FeedbackProps): React.ReactElement;
+export {};

package/dist/projects/player/src/plugins/interactive-plugin/components/incomplete-alert/incomplete-alert.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare function IncompleteAlert(): React.ReactElement;

package/dist/projects/player/src/plugins/interactive-plugin/components/interactive/interactive-component.d.ts

@@ -0,0 +1 @@
+import './interactive-component.scss';

package/dist/projects/player/src/plugins/interactive-plugin/components/seek-bar/interactive-bar-item.d.ts

@@ -0,0 +1,21 @@
+import videojs, { VideoJsPlayer } from 'video.js';
+import { Timepoint } from "../../../../../../../libs/shared/src/interfaces";
+import './interactive-bar-item.scss';
+declare const Component: {
+    new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.Button;
+    prototype: videojs.Button;
+};
+interface InteractiveBarItemOptions extends videojs.ComponentOptions {
+    timepoint: Timepoint;
+}
+export declare class InteractiveBarItem extends Component {
+    private timepoint_;
+    private time_;
+    constructor(player: VideoJsPlayer, options: InteractiveBarItemOptions);
+    buildCSSClass(): string;
+    createEl(tagName?: string, properties?: any, attributes?: any): HTMLButtonElement;
+    update(): void;
+    handleClick(e: Event): void;
+    private setColour;
+}
+export {};

package/dist/projects/player/src/plugins/interactive-plugin/components/seek-bar/interactive-bar-items.d.ts

@@ -0,0 +1,66 @@
+import videojs, { VideoJsPlayer } from 'video.js';
+import { Interactive } from "../../../../../../../libs/shared/src/interfaces";
+import './interactive-bar-items.scss';
+declare const Component: {
+    new (player: VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Component;
+    prototype: videojs.Component;
+    getComponent(name: "button" | "Button"): {
+        new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.Button;
+        prototype: videojs.Button;
+    };
+    getComponent(name: "ClickableComponent" | "clickablecomponent"): {
+        new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.ClickableComponent;
+        prototype: videojs.ClickableComponent;
+    };
+    getComponent(name: "ModalDialog" | "modaldialog"): {
+        new (player: VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
+        prototype: videojs.ModalDialog;
+    };
+    getComponent(name: "menu" | "Menu"): {
+        new (player: VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
+        prototype: videojs.Menu;
+    };
+    getComponent(name: "MenuButton" | "menubutton"): {
+        new (player: VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
+        prototype: videojs.MenuButton;
+    };
+    getComponent(name: "menuitem" | "MenuItem"): {
+        new (player: VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
+        prototype: videojs.MenuItem;
+    };
+    getComponent(name: "MouseTimeDisplay" | "mouseTimeDisplay"): {
+        new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.MouseTimeDisplay;
+        prototype: videojs.MouseTimeDisplay;
+    };
+    getComponent(name: "Spacer" | "spacer"): {
+        new (player: VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Spacer;
+        prototype: videojs.Spacer;
+    };
+    getComponent(name: "Player" | "player"): {
+        new (player: VideoJsPlayer, options?: import("video.js").VideoJsPlayerOptions): VideoJsPlayer;
+        prototype: VideoJsPlayer;
+        getTagSettings(tag: Element): any;
+    };
+    getComponent(name: "timeTooltip" | "TimeTooltip"): {
+        new (player: VideoJsPlayer, options?: videojs.ComponentOptions): videojs.TimeToolTip;
+        prototype: videojs.TimeToolTip;
+    };
+    getComponent(name: string): any;
+    registerComponent(name: string, ComponentToRegister: any): any;
+};
+interface InteractiveBarItemsOptions extends videojs.SliderOptions {
+    track: TextTrack;
+    interactive: Interactive;
+}
+export declare class InteractiveBarItems extends Component {
+    private track_;
+    private interactive_;
+    constructor(player: VideoJsPlayer, options: InteractiveBarItemsOptions);
+    buildCSSClass(): string;
+    createEl(tagName?: string, properties?: any, attributes?: any): Element;
+    update(): void;
+    private createInteractionItems;
+    private onDurationChange;
+    private getTimepointById;
+}
+export {};

package/dist/projects/player/src/plugins/interactive-plugin/components/timepoint/timepoint-component.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Timepoint } from "../../../../../../../libs/shared/src/interfaces";
+import { InteractiveMode } from "../../interfaces";
+import './timepoint-component.scss';
+interface TimepointState {
+    isValid: boolean;
+    submitted: boolean;
+    preview: boolean;
+}
+export declare const initialTimepointState: TimepointState;
+interface TimepointProps {
+    timepoint: Timepoint;
+    continueInteractive: () => void;
+    immediateFeedback: boolean;
+    mode: InteractiveMode;
+    state: any;
+    dispatch: React.Dispatch<any>;
+    recalculateScroll: () => void;
+    timepointState: TimepointState;
+}
+export declare function TimepointComponent(props: TimepointProps): React.ReactElement;
+export {};

package/dist/projects/player/src/plugins/interactive-plugin/components/view-components/annotation/annotation-interaction.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { InteractionProps } from "../../../interfaces";
+export declare function AnnotationInteraction(props: InteractionProps<null>): React.ReactElement;

package/dist/projects/player/src/plugins/interactive-plugin/components/view-components/image/image-interaction.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { InteractionProps } from "../../../interfaces";
+import './image-interaction.scss';
+export declare function ImageInteraction(props: InteractionProps<null>): React.ReactElement;

package/dist/projects/player/src/plugins/interactive-plugin/components/view-components/missing-word/missing-word-interaction.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Interaction } from "../../../../../../../../libs/shared/src/interfaces";
+import { InteractionProps } from "../../../interfaces";
+interface MissingWordState {
+    [id: string]: string;
+}
+export declare function IsViewMissingWordValid(state: MissingWordState, interaction: Interaction): boolean;
+export declare function SubmitViewMissingWord(): Promise<void>;
+export declare function MissingWordInteraction(props: InteractionProps<MissingWordState>): React.ReactElement;
+export {};

package/dist/projects/player/src/plugins/interactive-plugin/components/view-components/multiple-choice/multiple-choice-interaction.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { InteractionProps } from "../../../interfaces";
+import './multiple-choice-interaction.scss';
+interface MultiplechoiceState {
+    [id: string]: boolean;
+}
+export declare function IsViewMultipleChoiceValid(state: MultiplechoiceState): boolean;
+export declare function SubmitViewMultipleChoice(): Promise<void>;
+export declare function MultipleChoiceInteraction(props: InteractionProps<MultiplechoiceState>): React.ReactElement;
+export {};

package/dist/projects/player/src/plugins/interactive-plugin/components/view-components/short-answer/short-answer-interaction.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { InteractionProps } from "../../../interfaces";
+interface ShortAnswerState {
+    text: string;
+}
+export declare function IsViewShortAnswerValid(state: ShortAnswerState): boolean;
+export declare function SubmitViewShortAnswer(): Promise<void>;
+export declare function ShortAnswerInteraction(props: InteractionProps<ShortAnswerState>): React.ReactElement;
+export {};

package/dist/projects/player/src/plugins/interactive-plugin/components/view-components/view-components.d.ts

@@ -0,0 +1,5 @@
+import { InteractionTypeId } from "../../../../../../../libs/shared/src/interfaces";
+import { InteractionComponent, SubmissionFunction, ValidationFunction } from "../../interfaces";
+export declare function getViewComponent(typeId: InteractionTypeId): InteractionComponent;
+export declare function getViewValidation(typeId: InteractionTypeId): ValidationFunction;
+export declare function getViewSubmit(typeId: InteractionTypeId): SubmissionFunction;

package/dist/projects/player/src/plugins/interactive-plugin/components/view-components/view-interaction-heading/view-interaction-heading.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Interaction } from "../../../../../../../../libs/shared/src/interfaces";
+import './view-interaction-heading.scss';
+interface ViewInteractionHeadingProps {
+    interaction: Interaction;
+}
+export declare function ViewInteractionHeading(props: ViewInteractionHeadingProps): React.ReactElement;
+export {};

package/dist/projects/player/src/plugins/interactive-plugin/interactive-plugin.d.ts

@@ -0,0 +1 @@
+import "./components/interactive/interactive-component";

package/dist/projects/player/src/plugins/interactive-plugin/interfaces/InteractionComponent.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { InteractionProps } from "./";
+export declare type InteractionComponent = (props: InteractionProps<any>) => React.ReactElement;

package/dist/projects/player/src/plugins/interactive-plugin/interfaces/InteractionProps.d.ts

@@ -0,0 +1,8 @@
+import { Interaction } from "../../../../../../libs/shared/src/interfaces";
+export interface InteractionProps<T> {
+    interaction: Interaction;
+    state: T;
+    setState: (value: T) => void;
+    recalculateScroll?: () => void;
+    showFeedback: boolean;
+}

package/dist/projects/player/src/plugins/interactive-plugin/interfaces/InteractiveMode.d.ts

@@ -0,0 +1,4 @@
+export declare enum InteractiveMode {
+    View = 0,
+    Create = 1
+}

package/dist/projects/player/src/plugins/interactive-plugin/interfaces/SubmissionFunction.d.ts

@@ -0,0 +1,2 @@
+import { Interaction } from "../../../../../../libs/shared/src/interfaces";
+export declare type SubmissionFunction = (state: any, interaction: Interaction) => Promise<void>;

package/dist/projects/player/src/plugins/interactive-plugin/interfaces/ValidationFunction.d.ts

@@ -0,0 +1,2 @@
+import { Interaction } from "../../../../../../libs/shared/src/interfaces";
+export declare type ValidationFunction = (state: any, interaction: Interaction) => boolean;

package/dist/projects/player/src/plugins/interactive-plugin/interfaces/index.d.ts

@@ -0,0 +1,5 @@
+export * from './InteractiveMode';
+export * from './InteractionProps';
+export * from './InteractionComponent';
+export * from './SubmissionFunction';
+export * from './ValidationFunction';

package/dist/projects/player/src/plugins/interactive-plugin/utils/getInteractionComponents.d.ts

@@ -0,0 +1,3 @@
+import { InteractionTypeId } from "../../../../../../libs/shared/src/interfaces";
+import { InteractionComponent, InteractiveMode } from "../interfaces";
+export declare function getInteractionComponent(typeId: InteractionTypeId, mode: InteractiveMode): InteractionComponent;

package/dist/projects/player/src/plugins/interactive-plugin/utils/getInteractionStateId.d.ts

@@ -0,0 +1,2 @@
+import { Interaction } from "../../../../../../libs/shared/src/interfaces";
+export declare function getInteractionStateId(interaction: Interaction): string;

package/dist/projects/player/src/plugins/interactive-plugin/utils/getSubmissionFunction.d.ts

@@ -0,0 +1,3 @@
+import { InteractionTypeId } from "../../../../../../libs/shared/src/interfaces";
+import { InteractiveMode, SubmissionFunction } from "../interfaces";
+export declare function getSubmissionFunction(typeId: InteractionTypeId, mode: InteractiveMode): SubmissionFunction;

package/dist/projects/player/src/plugins/interactive-plugin/utils/getTimepointStateId.d.ts

@@ -0,0 +1,2 @@
+import { Timepoint } from "../../../../../../libs/shared/src/interfaces";
+export declare function getTimepointStateId(timepoint: Timepoint): string;

package/dist/projects/player/src/plugins/interactive-plugin/utils/getValidationFunction.d.ts

@@ -0,0 +1,3 @@
+import { InteractionTypeId } from "../../../../../../libs/shared/src/interfaces";
+import { InteractiveMode, ValidationFunction } from "../interfaces";
+export declare function getValidationFunction(typeId: InteractionTypeId, mode: InteractiveMode): ValidationFunction;