@clickview/player 0.0.3-dev-us.7 → 0.0.3-dev.0

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { MultipleChoiceAnswer } from './create-multiple-choice';
+interface MultipleChoiceAnswerProps {
+    answer: MultipleChoiceAnswer;
+    onChange: (answer: MultipleChoiceAnswer) => void;
+    isTrueOrFalse: boolean;
+}
+export declare function MultipleChoiceAnswer(props: MultipleChoiceAnswerProps): JSX.Element;
+export {};

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Interaction } from 'libs/shared/interfaces';
+import { InteractionProps, CreateInteractionState } from 'projects/player/plugins/interactive-plugin/interfaces';
+interface CreateShortAnswerState extends CreateInteractionState {
+    question: string;
+    suggestedResponse?: string;
+}
+export declare function ValidateShortAnswer(state: CreateShortAnswerState): string;
+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,15 @@
+import React from 'react';
+import { VideoJsPlayer } from 'video.js';
+import { Interaction, InteractionTypeId, Timepoint } from 'libs/shared/interfaces';
+import './create-type-selector.scss';
+interface CreateTypeSelectorProps {
+    addInteraction: (typeId: InteractionTypeId) => void;
+    cancelTypeSelector: () => void;
+    player: VideoJsPlayer;
+    timepoint: Timepoint;
+    interaction: Interaction;
+    open: boolean;
+    isCreate: boolean;
+}
+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/interaction-actions/interaction-actions.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { HtmlPortalNode } from 'react-reverse-portal';
+import { Interaction } from 'libs/shared/interfaces';
+interface InteractionActionsProps {
+    interaction: Interaction;
+    promptDelete: (id: string) => void;
+    optionsPortalNode: HtmlPortalNode;
+}
+export declare function InteractionActions(props: InteractionActionsProps): React.ReactElement;
+export {};

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { Interaction, Timepoint } from 'libs/shared/interfaces';
+import { InteractionState } from 'projects/player/plugins/interactive-plugin/interfaces';
+interface InteractionFooterProps {
+    isCreate: boolean;
+    interaction: Interaction;
+    timepoint: Timepoint;
+    interactionState: InteractionState;
+    currentIndex: number;
+    continueInteractive: () => void;
+    saveInteraction: () => void;
+    cancel: () => void;
+    addAnotherQuestion: () => void;
+    discardChanges: (after?: () => void) => void;
+    submitInteractionAnswer: () => void;
+    skip: () => void;
+    changeIndex: (index: number) => void;
+}
+export declare function InteractionFooter(props: InteractionFooterProps): React.ReactElement;
+export {};

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

@@ -0,0 +1,14 @@
+import React from 'react';
+import { VideoJsPlayer } from 'video.js';
+import { Interaction, Timepoint } from 'libs/shared/interfaces';
+import { TimepointState } from 'projects/player/plugins/interactive-plugin/interfaces';
+interface InteractionHeaderProps {
+    isCreate: boolean;
+    interaction: Interaction;
+    timepointState: TimepointState;
+    timepoint: Timepoint;
+    player: VideoJsPlayer;
+    changeIndex: (index: number) => void;
+}
+export declare function InteractionHeader(props: InteractionHeaderProps): React.ReactElement;
+export {};

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/interactive-icon-button/interactive-icon-button.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+interface InteractiveIconButtonProps {
+    svgName: string;
+    className?: string;
+    onClick?: (e: React.MouseEvent) => void;
+}
+export declare function InteractiveIconButton(props: React.PropsWithChildren<InteractiveIconButtonProps>): React.ReactElement;
+export {};

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

@@ -0,0 +1,18 @@
+import React from 'react';
+import { VideoJsPlayer } from 'video.js';
+import { HtmlPortalNode } from 'react-reverse-portal';
+import { Interactive } from 'libs/shared/interfaces';
+import { InteractiveState } from 'projects/player/plugins/interactive-plugin/interfaces';
+import { ProgressEvent } from 'projects/player/plugins/progress-reporter-plugin/progress-reporter-plugin';
+import { ResultsService } from 'projects/player/plugins/interactive-plugin/utils/ResultsService';
+interface InteractiveSummaryWrapperProps {
+    player: VideoJsPlayer;
+    state: InteractiveState;
+    progress?: ProgressEvent[];
+    interactive: Interactive;
+    portalNode: HtmlPortalNode;
+    resultsService: ResultsService;
+    goToTimepoint: (timepointId: string, interactionId: string) => void;
+}
+export declare function InteractiveSummaryWrapper(props: InteractiveSummaryWrapperProps): React.ReactElement;
+export {};

package/dist/projects/player/src/plugins/interactive-plugin/components/interactive-summary/interactions-bar/interactions-bar.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Interactive } from 'libs/shared/interfaces';
+interface InteractionBarProps {
+    interactive: Interactive;
+    duration: number;
+    goToTimepoint: (timepointId: string, interactionId: string) => void;
+}
+export declare function InteractionsBar(props: InteractionBarProps): React.ReactElement;
+export {};

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { HtmlPortalNode } from 'react-reverse-portal';
+import { VideoJsPlayer } from 'video.js';
+import { Interactive } from 'libs/shared/interfaces';
+import { ProgressEvent } from 'projects/player/plugins/progress-reporter-plugin/progress-reporter-plugin';
+import { InteractiveState } from 'projects/player/plugins/interactive-plugin/interfaces';
+import { ResultsService } from 'projects/player/plugins/interactive-plugin/utils/ResultsService';
+interface InteractiveSummaryProps {
+    showSummary: boolean;
+    setShowSummary: (show: boolean) => void;
+    player: VideoJsPlayer;
+    state: InteractiveState;
+    progress?: ProgressEvent[];
+    interactive: Interactive;
+    portalNode: HtmlPortalNode;
+    resultsService?: ResultsService;
+    goToTimepoint: (timepointId: string, interactionId: string) => void;
+}
+export declare function InteractiveSummary(props: InteractiveSummaryProps): React.ReactElement;
+export {};

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

@@ -0,0 +1,12 @@
+import { Interactive } from 'libs/shared/interfaces';
+import React from 'react';
+import { VideoJsPlayer } from 'video.js';
+import { ProgressEvent } from 'projects/player/plugins/progress-reporter-plugin/progress-reporter-plugin';
+interface ProgressSummaryProps {
+    player: VideoJsPlayer;
+    duration: number;
+    progress?: ProgressEvent[];
+    interactive: Interactive;
+}
+export declare function ProgressSummary(props: ProgressSummaryProps): React.ReactElement;
+export {};

package/dist/projects/player/src/plugins/interactive-plugin/components/interactive-summary/show-summary-button/show-summary-button.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { VideoJsPlayer } from 'video.js';
+import { Interactive } from 'libs/shared/interfaces';
+import { ResultsService } from 'projects/player/plugins/interactive-plugin/utils/ResultsService';
+import './show-summary-button.scss';
+interface ShowSummaryButtonProps {
+    setShowSummary: (show: boolean) => void;
+    player: VideoJsPlayer;
+    interactive: Interactive;
+    resultsService?: ResultsService;
+}
+export declare function ShowSummaryButton(props: ShowSummaryButtonProps): React.ReactElement;
+export {};

package/dist/projects/player/src/plugins/interactive-plugin/components/question-list/question-list-empty-state.d.ts

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

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { HtmlPortalNode } from 'react-reverse-portal';
+import { Interaction, Interactive } from 'libs/shared/interfaces';
+interface QuestionListProps {
+    isCreate: boolean;
+    interactive: Interactive;
+    interaction: Interaction;
+    portalNode: HtmlPortalNode;
+    goToTimepoint: (timepointId: string, interactionId: string) => void;
+    promptDelete: (interactionId: string) => void;
+}
+export declare function QuestionList(props: QuestionListProps): React.ReactElement;
+export {};

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

@@ -0,0 +1,20 @@
+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;
+}
+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/sliding-timepoint/sliding-timepoints.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { HtmlPortalNode } from 'react-reverse-portal';
+import { Interaction } from 'libs/shared/interfaces';
+import { InteractionState } from 'projects/player/plugins/interactive-plugin/interfaces';
+import { TimepointProps } from 'projects/player/plugins/interactive-plugin/components/timepoint/timepoint-component';
+import './sliding-timepoints.scss';
+interface SlidingTimepointProps extends Omit<TimepointProps, 'currentIndex'> {
+    nextInteraction: Interaction;
+    nextInteractionState: InteractionState;
+    optionsPortalNode?: HtmlPortalNode;
+}
+export declare function SlidingTimepoint(props: SlidingTimepointProps): React.ReactElement;
+export {};

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

@@ -0,0 +1,35 @@
+import React from 'react';
+import { HtmlPortalNode } from 'react-reverse-portal';
+import { VideoJsPlayer } from 'video.js';
+import { CurrentUser, Interaction, InteractionTypeId, Timepoint } from 'libs/shared/interfaces';
+import { InteractiveMode } from 'projects/player/plugins/interactive-plugin/interfaces';
+import { InteractionState, TimepointState } from 'projects/player/plugins/interactive-plugin/interfaces/InteractiveState';
+import './timepoint-component.scss';
+export interface TimepointProps {
+    isCreate: boolean;
+    interaction: Interaction;
+    mode: InteractiveMode;
+    immediateFeedback: boolean;
+    interactionState: InteractionState;
+    userUpdateInteractionState: (value: InteractionState) => void;
+    submitInteractionAnswer: () => void;
+    saveInteraction: () => void;
+    shouldFocus?: boolean;
+    currentUser?: CurrentUser;
+    optionsPortalNode?: HtmlPortalNode;
+    timepoint: Timepoint;
+    timepointState: TimepointState;
+    imageApi: URL;
+    player: VideoJsPlayer;
+    open: boolean;
+    currentIndex: number;
+    addInteraction: (typeId: InteractionTypeId) => void;
+    cancelTypeSelector: () => void;
+    changeIndex: (index: number) => void;
+    continueInteractive: () => void;
+    cancel: () => void;
+    addAnotherQuestion: () => void;
+    discardChanges: (after?: () => void) => void;
+    skip: () => void;
+}
+export declare function TimepointComponent(props: TimepointProps): React.ReactElement;

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/interactive-immersive-reader/interactive-immersive-reader.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Interaction } from 'libs/shared/interfaces';
+interface InteractiveImmersiveReaderProps {
+    interaction: Interaction;
+    className?: string;
+}
+export declare function InteractiveImmersiveReader(props: InteractiveImmersiveReaderProps): React.ReactElement;
+export {};

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Interaction } from 'libs/shared/interfaces';
+import { InteractionProps, ViewInteractionState, ViewSubmissionFunction } from 'projects/player/plugins/interactive-plugin//interfaces';
+import { InteractionCorrectness } from 'libs/shared/enums/InteractionCorrectness';
+import './missing-word-interaction.scss';
+interface MissingWordState extends ViewInteractionState {
+    [id: string]: string;
+}
+export declare function IsMissingWordCorrect(state: MissingWordState, interaction: Interaction): InteractionCorrectness;
+export declare function IsViewMissingWordValid(state: MissingWordState, interaction: Interaction): string;
+export declare const SubmitViewMissingWord: ViewSubmissionFunction;
+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,13 @@
+import React from 'react';
+import { Interaction } from 'libs/shared/interfaces';
+import { InteractionProps, ViewInteractionState, ViewSubmissionFunction } from 'projects/player/plugins/interactive-plugin/interfaces';
+import './multiple-choice-interaction.scss';
+import { InteractionCorrectness } from 'libs/shared/enums/InteractionCorrectness';
+interface MultipleChoiceState extends ViewInteractionState {
+    [id: string]: string;
+}
+export declare function IsMultipleChoiceCorrect(state: MultipleChoiceState, interaction: Interaction): InteractionCorrectness;
+export declare function IsViewMultipleChoiceValid(state: MultipleChoiceState): string;
+export declare const SubmitViewMultipleChoice: ViewSubmissionFunction;
+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,11 @@
+import React from 'react';
+import { Interaction } from 'libs/shared/interfaces';
+import { InteractionProps, ViewInteractionState, ViewSubmissionFunction } from 'projects/player/plugins/interactive-plugin/interfaces';
+interface ShortAnswerState extends ViewInteractionState {
+    [id: string]: string;
+}
+export declare function ShouldShowShowAnswerFeedback(interaction: Interaction): boolean;
+export declare function IsViewShortAnswerValid(state: ShortAnswerState): string;
+export declare const SubmitViewShortAnswer: ViewSubmissionFunction;
+export declare function ShortAnswerInteraction(props: InteractionProps<ShortAnswerState>): React.ReactElement;
+export {};

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Interaction } from 'libs/shared/interfaces';
+import { InteractionProps, ViewInteractionState, ViewSubmissionFunction } from 'projects/player/plugins/interactive-plugin/interfaces';
+import { InteractionCorrectness } from 'libs/shared/enums/InteractionCorrectness';
+import './true-or-false-interaction.scss';
+interface MultipleChoiceState extends ViewInteractionState {
+    [id: string]: string;
+}
+export declare function IsTrueOrFalseCorrect(state: MultipleChoiceState, interaction: Interaction): InteractionCorrectness;
+export declare function IsViewTrueOrFalseValid(state: MultipleChoiceState): string;
+export declare const SubmitViewTrueOrFalse: ViewSubmissionFunction;
+export declare function TrueOrFalseInteraction(props: InteractionProps<MultipleChoiceState>): React.ReactElement;
+export {};

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

@@ -0,0 +1,12 @@
+import { Interaction, InteractionTypeId } from 'libs/shared/interfaces';
+import { InteractionComponent, ViewInteractionState, ViewSubmissionFunction } from 'projects/player/plugins/interactive-plugin/interfaces';
+import { InteractionCorrectness } from 'libs/shared/enums/InteractionCorrectness';
+declare type ShowFeedbackFunction = (interaction: Interaction) => boolean;
+export declare function getShouldShowFeedback(typeId: InteractionTypeId): ShowFeedbackFunction;
+export declare function getViewComponent(typeId: InteractionTypeId): InteractionComponent;
+declare type ViewValidationFunction = (state: ViewInteractionState, interaction: Interaction) => string;
+export declare function getViewValidation(typeId: InteractionTypeId): ViewValidationFunction;
+export declare function getViewSubmit(typeId: InteractionTypeId): ViewSubmissionFunction;
+declare type IsCorrectFunction = (state: ViewInteractionState, interaction: Interaction) => InteractionCorrectness;
+export declare function getViewIsCorrect(typeId: InteractionTypeId): IsCorrectFunction;
+export {};

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

@@ -0,0 +1,6 @@
+import React from 'react';
+interface ViewErrorFeedbackProps {
+    error?: string;
+}
+export declare function ViewErrorFeedback(props: ViewErrorFeedbackProps): React.ReactElement;
+export {};

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { InteractionTypeId } from 'libs/shared/interfaces';
+import { InteractionState } from 'projects/player/plugins/interactive-plugin/interfaces';
+interface ViewInteractionButtonsProps {
+    typeId: InteractionTypeId;
+    interactionState: InteractionState;
+    onClickSubmit: () => void;
+    onClickSkip: () => void;
+    currentIndex: number;
+    numberOfInteractions: number;
+    changeIndex: (index: number) => void;
+}
+export declare function ViewInteractionButtons(props: ViewInteractionButtonsProps): React.ReactElement;
+export {};

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 { InteractionTypeId } from 'libs/shared/interfaces';
+import './view-interaction-heading.scss';
+interface ViewInteractionHeadingProps {
+    typeId: InteractionTypeId;
+}
+export declare function ViewInteractionHeading(props: ViewInteractionHeadingProps): React.ReactElement;
+export {};

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

@@ -0,0 +1,8 @@
+import { DialogOptions } from 'libs/shared/interfaces';
+import { DialogError } from 'libs/shared/errors/primitives/DialogError';
+export declare class ReconnectionError extends DialogError {
+    constructor();
+    get name(): string;
+    get dialogOptions(): DialogOptions;
+    onDone(): void;
+}

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

@@ -0,0 +1,25 @@
+import { Timepoint } from 'libs/shared/interfaces';
+import { InteractionState, InteractiveMode, TimepointState } from 'projects/player/plugins/interactive-plugin/interfaces';
+interface UseInteractiveStateProps {
+    mode: InteractiveMode;
+    timepoint: Timepoint;
+}
+/**
+ * This should only be used inside of useStateManager
+ */
+export declare const useInteractiveState: (props: UseInteractiveStateProps) => {
+    state: import("../interfaces").InteractiveState;
+    interaction: import("../../../../../../libs/shared/src/interfaces").Interaction;
+    interactionState: InteractionState;
+    timepointState: TimepointState;
+    nextInteraction: import("../../../../../../libs/shared/src/interfaces").Interaction;
+    nextInteractionState: InteractionState;
+    getTimepointState: (id: string) => TimepointState;
+    getInteractionState: (id: string) => InteractionState;
+    updateTimepointState: (id: string, value: TimepointState) => void;
+    updateInteractionState: (id: string, value: InteractionState, clear?: boolean) => void;
+    clearTimepointState: (id: string) => void;
+    clearInteractionState: (id: string) => void;
+    userUpdateInteractionState: (value: InteractionState, clear?: boolean) => void;
+};
+export {};

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import { VideoJsPlayer } from 'video.js';
+import { Interactive, Timepoint } from 'libs/shared/interfaces';
+import { InteractiveMode } from 'projects/player/plugins/interactive-plugin/interfaces';
+interface useInteractiveOptions {
+    player: VideoJsPlayer;
+    track: TextTrack;
+    interactive: Interactive;
+    mode: InteractiveMode;
+}
+export declare const useInteractiveTrack: (options: useInteractiveOptions) => {
+    open: boolean;
+    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
+    timepoint: Timepoint;
+    continueInteractive: () => void;
+    updateCue: (oldTimepointId: string, timepointId: string) => void;
+    addCue: (timepointId: string) => void;
+    removeCue: (visibleAt: number) => void;
+};
+export {};

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

@@ -0,0 +1,14 @@
+import { VideoJsPlayer } from 'video.js';
+import { Interaction, Timepoint } from 'libs/shared/interfaces';
+import { InteractiveMode } from 'projects/player/plugins/interactive-plugin/interfaces';
+import { InteractionState } from 'projects/player/plugins/interactive-plugin/interfaces/InteractiveState';
+interface UseLockNavProps {
+    mode: InteractiveMode;
+    player: VideoJsPlayer;
+    timepoint: Timepoint;
+    interaction: Interaction;
+    interactionState: InteractionState;
+    discardChanges: (after?: () => void) => void;
+}
+export declare function useLockPlayer(props: UseLockNavProps): void;
+export {};

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

@@ -0,0 +1,39 @@
+import { VideoJsPlayer } from 'video.js';
+import { Interaction, InteractionTypeId, Interactive, Timepoint } from 'libs/shared/interfaces';
+import { InteractiveMode } from 'projects/player/plugins/interactive-plugin/interfaces';
+import { ResultsService } from 'projects/player/plugins/interactive-plugin/utils/ResultsService';
+interface UseStateManagerProps {
+    mode: InteractiveMode;
+    timepoint: Timepoint;
+    interactive: Interactive;
+    player: VideoJsPlayer;
+    resultsService?: ResultsService;
+    setOpen: (open: boolean) => void;
+    addCue: (timepointId: string) => void;
+    updateCue: (oldTimepointId: string, timepointId: string) => void;
+    removeCue: (visibleAt: number) => void;
+    continueInteractive: () => void;
+}
+export declare const useStateManager: (props: UseStateManagerProps) => {
+    state: import("../interfaces").InteractiveState;
+    interaction: Interaction;
+    interactionState: import("../interfaces").InteractionState;
+    timepointState: import("../interfaces").TimepointState;
+    nextInteraction: Interaction;
+    nextInteractionState: import("../interfaces").InteractionState;
+    skip: () => void;
+    cancel: () => Promise<void>;
+    addAnotherQuestion: () => void;
+    goToTimepoint: (timepointId: string, interactionId: string) => void;
+    discardChanges: (afterDiscard?: () => void) => void;
+    changeIndex: (interactionIndex: number, prompt?: boolean) => void;
+    promptDelete: (interactionId: string) => void;
+    showTypeSelector: () => void;
+    cancelTypeSelector: () => void;
+    deleteInteraction: (interactionId: string) => Promise<void>;
+    saveInteraction: () => Promise<void>;
+    addInteraction: (typeId: InteractionTypeId) => void;
+    submitInteractionAnswer: () => Promise<void>;
+    userUpdateInteractionState: (value: import("../interfaces").InteractionState, clear?: boolean) => void;
+};
+export {};

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

@@ -0,0 +1,45 @@
+import videojs, { VideoJsPlayer } from 'video.js';
+import { HtmlPortalNode } from 'react-reverse-portal';
+import { CurrentUser, Interactive } from 'libs/shared/interfaces';
+import { InteractiveMode } from 'projects/player/plugins/interactive-plugin/interfaces';
+import { ResultsService } from 'projects/player/plugins/interactive-plugin/utils/ResultsService';
+import { ProgressEvent } from 'projects/player/plugins/progress-reporter-plugin/progress-reporter-plugin';
+import 'projects/player/plugins/interactive-plugin/components/interactive/interactive-component';
+import './interactive-plugin-styles.scss';
+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;
+};
+interface InteractivePluginOptions {
+    currentUser?: CurrentUser;
+    interactive: Interactive;
+    mode?: InteractiveMode;
+    imageApi?: URL;
+    resultsService?: ResultsService;
+    questionListPortalNode?: HtmlPortalNode;
+    summaryPortalNode?: HtmlPortalNode;
+    progress?: ProgressEvent[];
+}
+declare class InteractivePlugin extends Plugin {
+    private options;
+    constructor(player: VideoJsPlayer, options: InteractivePluginOptions);
+    private initialize;
+    private startSession;
+    private onTrackLoaded;
+}
+declare module 'video.js' {
+    interface VideoJsPlayer {
+        viewInteractivePlugin(options?: InteractivePluginOptions): InteractivePlugin;
+    }
+}
+export {};