@clickview/player 0.0.4-rc.0 → 0.0.4-rc.1

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Interaction } from 'libs/shared/interfaces';
+import { InteractionProps, CreateInteractionState } from 'projects/player/plugins/interactive-plugin/interfaces';
+import './create-image.scss';
+interface CreateImageState extends CreateInteractionState {
+    url: string;
+    caption?: string;
+}
+export declare function ValidateImage(state: CreateImageState): string;
+export declare function SubmitImage(state: CreateImageState, interaction: Interaction): Promise<void>;
+interface CreateImageProps {
+    imageApi: string;
+}
+export declare function CreateImage(props: InteractionProps<CreateImageState> & CreateImageProps): React.ReactElement;
+export {};

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

@@ -0,0 +1,6 @@
+import React from 'react';
+interface UploadImageDropzoneProps {
+    onDropImage: (files: FileList) => void;
+}
+export declare function UploadImageDropzone(props: React.PropsWithChildren<UploadImageDropzoneProps>): JSX.Element;
+export {};

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

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

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { Interaction } from 'libs/shared/interfaces';
+import { InteractionState } from 'projects/player/plugins/interactive-plugin/interfaces';
+interface CreateInteractionButtonsProps {
+    interaction: Interaction;
+    interactionState: InteractionState;
+    onClickContinue: () => void;
+    onClickSave: () => void;
+    onClickCancel: () => void;
+    onClickAddAnother: () => void;
+    onClickDiscard: () => void;
+}
+export declare function CreateInteractionButtons(props: CreateInteractionButtonsProps): React.ReactElement;
+export {};

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

@@ -0,0 +1,12 @@
+import React from 'react';
+import { VideoJsPlayer } from 'video.js';
+import { InteractionTypeId } from 'libs/shared/interfaces';
+interface CreateInteractionHeadingProps {
+    typeId: InteractionTypeId;
+    currentIndex: number;
+    numberOfInteractions: number;
+    changeIndex: (index: number) => void;
+    player: VideoJsPlayer;
+}
+export declare function CreateInteractionHeading(props: CreateInteractionHeadingProps): React.ReactElement;
+export {};

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { Interaction } from 'libs/shared/interfaces';
+import { InteractionProps, CreateInteractionState } from 'projects/player/plugins/interactive-plugin/interfaces';
+interface Word {
+    text: string;
+    order: number;
+    selected: boolean;
+}
+interface CreateMissingWordState extends CreateInteractionState {
+    fullSentence: string;
+    sentence: string;
+    preview: string;
+    words: Word[];
+}
+export declare function ValidateMissingWord(state: CreateMissingWordState): string;
+export declare function SubmitMissingWord(state: CreateMissingWordState, interaction: Interaction): Promise<void>;
+export declare function CreateMissingWord(props: InteractionProps<CreateMissingWordState>): JSX.Element;
+export {};

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

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { Interaction } from 'libs/shared/interfaces';
+import { InteractionProps, CreateInteractionState } from 'projects/player/plugins/interactive-plugin/interfaces';
+import './create-multiple-choice.scss';
+export interface MultipleChoiceAnswer {
+    order: number;
+    name: string;
+    isCorrect: boolean;
+}
+interface CreateMultipleChoiceState extends CreateInteractionState {
+    question: string;
+    answers: MultipleChoiceAnswer[];
+    feedback?: string;
+}
+export declare function ValidateMultipleChoice(state: CreateMultipleChoiceState): string;
+export declare function SubmitMultipleChoice(state: CreateMultipleChoiceState, interaction: Interaction): Promise<void>;
+export declare function CreateMultipleChoice(props: InteractionProps<CreateMultipleChoiceState>): JSX.Element;
+export {};

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,13 @@
+import React from 'react';
+import { HtmlPortalNode } from 'react-reverse-portal';
+import { Interaction, Timepoint } from 'libs/shared/interfaces';
+import { QuestionView } from 'projects/player/plugins/interactive-plugin/components/timepoint/timepoint-component';
+interface InteractionActionsProps {
+    timepoint: Timepoint;
+    interaction: Interaction;
+    promptDelete: (id: string) => void;
+    optionsPortalNode: HtmlPortalNode;
+    setView: (view: QuestionView) => void;
+}
+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/move-timepoint/move-timepoint.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Timepoint } from 'libs/shared/interfaces';
+import './move-timepoint.scss';
+interface MoveTimepointProps {
+    updateTimepointTime: (time: number) => void;
+    timepoint: Timepoint;
+    saveTimepoint: () => void;
+    back: () => void;
+    clearTimepointTimeState: (reset?: boolean) => void;
+}
+export declare function MoveTimepoint(props: MoveTimepointProps): 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/reorder-interactions/reorder-interactions.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { Interaction } from 'libs/shared/interfaces';
+interface ReorderInteractionsProps {
+    interactions: Interaction[];
+    back: () => void;
+    reOrderQuestions: (interactions: Interaction[]) => void;
+}
+export declare function ReorderInteractions(props: ReorderInteractionsProps): 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,12 @@
+import React from 'react';
+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;
+    delayFocus: boolean;
+}
+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,40 @@
+import React from 'react';
+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 declare type QuestionView = 'question' | 'move' | 'reorder';
+export interface TimepointProps {
+    isCreate: boolean;
+    interaction: Interaction;
+    mode: InteractiveMode;
+    immediateFeedback: boolean;
+    interactionState: InteractionState;
+    userUpdateInteractionState: (value: InteractionState) => void;
+    submitInteractionAnswer: () => void;
+    saveInteraction: () => void;
+    shouldFocus?: boolean;
+    delayFocus?: boolean;
+    currentUser?: CurrentUser;
+    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;
+    promptDelete: (id: string) => void;
+    updateTimepointTime: (time: number) => void;
+    saveTimepoint: () => void;
+    clearTimepointTimeState: (reset?: boolean) => void;
+    reOrderQuestions: (interactions: Interaction[]) => 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;
+}