@clickview/player 0.0.0-rc.13 → 0.0.0-rc.14

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

@@ -0,0 +1,71 @@
+import { VideoJsPlayer, VideoJsPlayerOptions } from 'video.js';
+import 'videojs-contrib-quality-levels';
+import 'projects/player/plugins/progressive-files-plugin/progressive-files-plugin';
+import 'projects/player/plugins/localcache-plugin/localcache-plugin';
+import 'projects/player/components/time-wrapper/time-wrapper';
+import 'projects/player/components/collapserator/collapserator';
+import 'projects/player/components/chapter-seek-bar/chapter-seek-bar';
+import 'projects/player/components/progress-control/progress-control';
+import 'projects/player/components/mouse-time-display/mouse-time-display';
+import 'projects/player/components/chapters-button/chapters-button';
+import 'projects/player/components/subs-caps-button/subs-caps-button';
+import 'projects/player/components/quality-selector/quality-button';
+import 'projects/player/components/playback-rate-button/playback-rate-button';
+/**
+ * *.scss imports must be relative
+ */
+import '../components/control-bar/control-bar.scss';
+import '../components/volume-control/volume-control.scss';
+import '../components/menu/menu.scss';
+import '../components/big-play-button/big-play-button.scss';
+import { ExternalLinkOptions } from 'projects/player/plugins/open-externally-plugin/interfaces/ExternalLinkOptions';
+import { PlaybackObject } from 'projects/player/interfaces/models/PlaybackObject';
+export interface BasePlayerOptions {
+    autoplay?: boolean;
+    viewKey: string;
+    startTime?: number;
+    controls?: boolean;
+    playbackRates?: number[];
+    embed?: boolean;
+    playerApi?: URL;
+    enableLocalCache?: boolean;
+    showResources?: boolean;
+    imageCdnUrl?: string;
+    /**
+     * An optional external element for binding hotkey
+     * event listeners to.
+     */
+    hotkeyElQuerySelector?: string;
+    onError?: (error: any) => void;
+    getExternalLink?: (options: ExternalLinkOptions) => string;
+    onClickCreateClip?: () => void;
+    setup?: (options: BasePlayerOptions, player: VideoJsPlayer) => void;
+    fetch?: (viewKey: string) => Promise<PlaybackObject>;
+}
+export declare abstract class BasePlayer {
+    static options_: BasePlayerOptions;
+    protected el: HTMLVideoElement;
+    protected player: VideoJsPlayer;
+    protected options: BasePlayerOptions;
+    constructor(id: string | Element, options: BasePlayerOptions);
+    protected initialize(): void;
+    protected configurePlugins(): void;
+    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;
+    one(type: string | string[], listener: (...args: any[]) => void): void;
+    off(type: string | string[], listener: (...args: any[]) => void): void;
+    trigger(event: any, hash?: any): boolean;
+    dispose(): void;
+    ready(callback: () => void): void;
+    play(): void;
+    currentTime(time?: number): number | void;
+    private bindEventListeners;
+    private setupSeekBar;
+    protected getSeekBarName(): string;
+    private configureMenuDimensions;
+}

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

@@ -0,0 +1,16 @@
+import { BasePlayer, BasePlayerOptions } from './base-player';
+import 'projects/player/plugins/create-clip-plugin/create-clip-plugin';
+export interface CreateClipPlayerOptions extends Omit<BasePlayerOptions, 'playbackRates'> {
+    onChangeEndTime: (endTime: number) => void;
+    onChangeStartTime: (startTime: number) => void;
+    startTime?: number;
+    endTime?: number;
+    minDuration?: number;
+}
+export declare class CreateClipPlayer extends BasePlayer {
+    protected options: CreateClipPlayerOptions;
+    constructor(id: string | Element, options: CreateClipPlayerOptions);
+    protected getPlayerClassName(): string;
+    protected configurePlugins(): void;
+    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 'projects/player/plugins/interactive-plugin/interfaces';
+import 'projects/player/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

@@ -0,0 +1,22 @@
+import { BasePlayer, BasePlayerOptions } from './base-player';
+import 'projects/player/plugins/example-plugin/example-plugin';
+import 'projects/player/plugins/progress-reporter-plugin/progress-reporter-plugin';
+import 'projects/player/plugins/persist-volume-plugin/persist-volume-plugin';
+import 'projects/player/plugins/fullscreen-on-rotate-plugin/fullscreen-on-rotate-plugin';
+import 'projects/player/plugins/open-externally-plugin/open-externally-plugin';
+import 'projects/player/plugins/clip-plugin/clip-plugin';
+import 'projects/player/plugins/touch-controls-plugin/touch-controls-plugin';
+import 'projects/player/plugins/next-video-plugin/next-video-plugin';
+import 'projects/player/plugins/create-clip-button-plugin/create-clip-button-plugin';
+import 'projects/player/plugins/resources-plugin/resources-plugin';
+import { PlaybackObject } from 'projects/player/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

@@ -0,0 +1,50 @@
+import videojs, { VideoJsPlayer } from 'video.js';
+declare const Plugin: {
+    new (player: VideoJsPlayer, options?: any): videojs.Plugin;
+    prototype: videojs.Plugin;
+    BASE_PLUGIN_NAME: string;
+    deregisterPlugin(name: string): void;
+    getPlugin(name: string): any;
+    getPluginVersion(name: string): string;
+    getPlugins(names?: string[]): {
+        [name: string]: videojs.Plugin;
+    };
+    isBasic(plugin: string | (() => any)): boolean;
+    registerPlugin<T, K>(name: string, plugin: (this: VideoJsPlayer, ...options: K[]) => T): (...options: K[]) => T;
+    registerPlugin<T_1 extends any>(name: string, plugin: T_1): () => T_1;
+};
+export interface ClipPluginOptions {
+    startTime: number;
+    endTime: number;
+}
+export declare class ClipPlugin extends Plugin {
+    private _clipStart;
+    private _clipEnd;
+    private _isEnded;
+    private playerEndedFn;
+    private playerDurationFn;
+    private playerCurrentTimeFn;
+    private playerbufferedFn;
+    constructor(player: VideoJsPlayer, options: ClipPluginOptions);
+    get clipStart(): number;
+    get clipEnd(): number;
+    dispose(): void;
+    private initialize;
+    private onPlay;
+    private onTimeUpdate;
+    private ended;
+    private duration;
+    private currentTime;
+    /**
+     * Gets the current time of the video and updates the videojs currentTime cache
+     * @param clipTime Set to true to return the current time in the context of a clip
+     */
+    private getCurrentTime;
+    private buffered;
+}
+declare module 'video.js' {
+    interface VideoJsPlayer {
+        clipPlugin(options: ClipPluginOptions): void;
+    }
+}
+export {};

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

@@ -0,0 +1 @@
+import './create-clip-button.scss';

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

@@ -0,0 +1,10 @@
+import 'projects/player/plugins/create-clip-button-plugin/components/create-clip-button';
+interface CreateClipButtonPluginOptions {
+    onClick: () => void;
+}
+declare module 'video.js' {
+    interface VideoJsPlayer {
+        createClipButtonPlugin(options: CreateClipButtonPluginOptions): void;
+    }
+}
+export {};

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

@@ -0,0 +1,54 @@
+import videojs from 'video.js';
+declare const Component: {
+    new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Component;
+    prototype: videojs.Component;
+    getComponent(name: "button" | "Button"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions): videojs.Button;
+        prototype: videojs.Button;
+    };
+    getComponent(name: "ClickableComponent" | "clickablecomponent"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions): videojs.ClickableComponent;
+        prototype: videojs.ClickableComponent;
+    };
+    getComponent(name: "ModalDialog" | "modaldialog"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ModalDialogOptions): videojs.ModalDialog;
+        prototype: videojs.ModalDialog;
+    };
+    getComponent(name: "menu" | "Menu"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuOptions): videojs.Menu;
+        prototype: videojs.Menu;
+    };
+    getComponent(name: "MenuButton" | "menubutton"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuButtonOptions): videojs.MenuButton;
+        prototype: videojs.MenuButton;
+    };
+    getComponent(name: "menuitem" | "MenuItem"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
+        prototype: videojs.MenuItem;
+    };
+    getComponent(name: "MouseTimeDisplay" | "mouseTimeDisplay"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions): videojs.MouseTimeDisplay;
+        prototype: videojs.MouseTimeDisplay;
+    };
+    getComponent(name: "Spacer" | "spacer"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Spacer;
+        prototype: videojs.Spacer;
+    };
+    getComponent(name: "Player" | "player"): {
+        new (player: import("video.js").VideoJsPlayer, options?: import("video.js").VideoJsPlayerOptions): import("video.js").VideoJsPlayer;
+        prototype: import("video.js").VideoJsPlayer;
+        getTagSettings(tag: Element): any;
+    };
+    getComponent(name: "timeTooltip" | "TimeTooltip"): {
+        new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions): videojs.TimeToolTip;
+        prototype: videojs.TimeToolTip;
+    };
+    getComponent(name: string): any;
+    registerComponent(name: string, ComponentToRegister: any): any;
+};
+export declare class ClipTimepointSelectorHandle extends Component {
+    buildCSSClass(): string;
+    createEl(tagName?: string, properties?: any, attributes?: any): Element;
+    isEventTarget(e: videojs.EventTarget.Event): boolean;
+}
+export {};

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

@@ -0,0 +1,90 @@
+import videojs, { VideoJsPlayer } from 'video.js';
+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;
+};
+import './clip-timepoint-selector.scss';
+export interface ClipTimepointSelectorOptions extends videojs.ComponentOptions {
+    startTime: number;
+    endTime: number;
+    minDuration: number;
+    onChangeStartTime: (startTime: number) => void;
+    onChangeEndTime: (endTime: number) => void;
+}
+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.
+     */
+    private startTime;
+    private endTime;
+    private startHandle;
+    private endHandle;
+    private dragStartActive;
+    private dragEndActive;
+    private dragSliderActive;
+    private dragSliderCurrentPosition;
+    constructor(player: VideoJsPlayer, options: ClipTimepointSelectorOptions);
+    createEl(): Element;
+    private update;
+    private setStartTime;
+    private setEndTime;
+    private bindListeners;
+    private dragStart;
+    private dragEnd;
+    private drag;
+    private handleStartHandleDrag;
+    private handleEndHandleDrag;
+    private handleSliderDrag;
+    private getPosition;
+    private setStartOffset;
+    private setWidth;
+    private getPercentage;
+}
+export {};

package/dist/projects/player/src/plugins/create-clip-plugin/components/create-clip-seek-bar/create-clip-seek-bar.d.ts

@@ -0,0 +1,14 @@
+import videojs, { VideoJsPlayer } from 'video.js';
+declare const SeekBar: {
+    new (player: VideoJsPlayer, options?: videojs.SliderOptions): videojs.SeekBar;
+    prototype: videojs.SeekBar;
+};
+import { ClipTimepointSelectorOptions } from 'projects/player/plugins/create-clip-plugin/components/clip-timepoint-selector/clip-timepoint-selector';
+import './create-clip-seek-bar.scss';
+interface CreateClipSeekBarOptions extends ClipTimepointSelectorOptions {
+}
+export declare class CreateClipSeekBar extends SeekBar {
+    constructor(player: VideoJsPlayer, options: any);
+    initialize(options: CreateClipSeekBarOptions): void;
+}
+export {};

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

@@ -0,0 +1,14 @@
+import 'projects/player/plugins/create-clip-plugin/components/create-clip-seek-bar/create-clip-seek-bar';
+interface CreateClipPluginOptions {
+    onChangeStartTime: (startTime: number) => void;
+    onChangeEndTime: (endTime: number) => void;
+    startTime?: number;
+    endTime?: number;
+    minDuration?: number;
+}
+declare module 'video.js' {
+    interface VideoJsPlayer {
+        createClipPlugin(options: CreateClipPluginOptions): void;
+    }
+}
+export {};

package/dist/projects/player/src/plugins/example-plugin/components/example-button/example-button.d.ts

@@ -0,0 +1 @@
+import './example-button.scss';

package/dist/projects/player/src/plugins/example-plugin/components/example-react-button/example-react-button.d.ts

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

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

@@ -0,0 +1,2 @@
+import './components/example-button/example-button';
+import './components/example-react-button/example-react-button';

package/dist/projects/player/src/plugins/fullscreen-on-rotate-plugin/fullscreen-on-rotate-plugin.d.ts

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

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

@@ -0,0 +1,5 @@
+import { InteractionTypeId } from 'libs/shared/interfaces';
+import { InteractionComponent, ValidationFunction, SubmissionFunction } from 'projects/player/plugins/interactive-plugin/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/interfaces';
+import { InteractionProps } from 'projects/player/plugins/interactive-plugin/interfaces';
+interface CreateShortAnswerState {
+    question: string;
+    suggestedResponse?: 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,7 @@
+import React from 'react';
+import { InteractionTypeId } from 'libs/shared/interfaces';
+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/feedback-tooltip/feedback-tooltip.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface FeedbackTooltipProps {
+    tooltipText: string;
+}
+export declare function FeedbackTooltip(props: FeedbackTooltipProps): JSX.Element;
+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/required-star/required-star.d.ts

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

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/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/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/interfaces';
+import { InteractiveMode } from 'projects/player/plugins/interactive-plugin/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 'projects/player/plugins/interactive-plugin/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 'projects/player/plugins/interactive-plugin/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/interfaces';
+import { InteractionProps } from 'projects/player/plugins/interactive-plugin//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 'projects/player/plugins/interactive-plugin/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 'projects/player/plugins/interactive-plugin/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/interfaces';
+import { InteractionComponent, SubmissionFunction, ValidationFunction } from 'projects/player/plugins/interactive-plugin/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/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,2 @@
+import 'projects/player/plugins/interactive-plugin/components/interactive/interactive-component';
+import './interactive-plugin-styles.scss';

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

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