@clickview/player 0.0.2 → 0.0.3-dev-us.2

package/dist/projects/player/src/components/chapter-bar-items/chapter-bar-item.d.ts

@@ -34,7 +34,7 @@ declare const Component: {
         new (player: VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Spacer;
         prototype: videojs.Spacer;
     };
-    getComponent(name: "player" | "Player"): {
+    getComponent(name: "Player" | "player"): {
         new (player: VideoJsPlayer, options?: import("video.js").VideoJsPlayerOptions): VideoJsPlayer;
         prototype: VideoJsPlayer;
         getTagSettings(tag: Element): any;

package/dist/projects/player/src/components/chapter-bar-items/chapter-bar-items.d.ts

@@ -35,7 +35,7 @@ declare const Component: {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Spacer;
         prototype: videojs.Spacer;
     };
-    getComponent(name: "player" | "Player"): {
+    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;

package/dist/projects/player/src/components/chapter-bar-items/chapter-bar-load-progress.d.ts

@@ -34,7 +34,7 @@ declare const Component: {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Spacer;
         prototype: videojs.Spacer;
     };
-    getComponent(name: "player" | "Player"): {
+    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;

package/dist/projects/player/src/components/chapter-bar-items/chapter-bar-play-progress.d.ts

@@ -34,7 +34,7 @@ declare const Component: {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Spacer;
         prototype: videojs.Spacer;
     };
-    getComponent(name: "player" | "Player"): {
+    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;

package/dist/projects/player/src/components/chapters-button/chapter-menu-item.d.ts

@@ -35,7 +35,7 @@ declare const ChaptersTrackMenuItem: {
         new (player: VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Spacer;
         prototype: videojs.Spacer;
     };
-    getComponent(name: "player" | "Player"): {
+    getComponent(name: "Player" | "player"): {
         new (player: VideoJsPlayer, options?: import("video.js").VideoJsPlayerOptions): VideoJsPlayer;
         prototype: VideoJsPlayer;
         getTagSettings(tag: Element): any;

package/dist/projects/player/src/components/collapserator/collapserator.d.ts

@@ -1,4 +1,5 @@
 import 'projects/player/components/cog-button/cog-button';
+import 'projects/player/components/subtitle-size-button/subtitle-size-button';
 import './collapserator.scss';
 import '../play-toggle/play-toggle.scss';
 import '../fullscreen-toggle/fullscreen-toggle.scss';

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

@@ -1,7 +1,7 @@
+import './player.scss';
 declare module 'video.js' {
     interface VideoJsPlayer {
         lock(callback: (success: () => void) => void): void;
         unlock(): void;
     }
 }
-export {};

package/dist/projects/player/src/components/subs-caps-button/SubCapsMenuItem.d.ts

@@ -0,0 +1,52 @@
+import videojs from 'video.js';
+declare const SubCapsMenuItem: {
+    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 CustomSubCapsMenuItem extends SubCapsMenuItem {
+    handleClick(event: any): void;
+}
+export {};

package/dist/projects/player/src/components/subs-caps-button/subtitle-size-menu-item.d.ts

@@ -0,0 +1,53 @@
+import videojs, { VideoJsPlayer } from 'video.js';
+declare const TextTrackMenuItem: {
+    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;
+};
+export declare class SubtitleSizeMenuItem extends TextTrackMenuItem {
+    constructor(player: VideoJsPlayer);
+    handleClick(): void;
+}
+export {};

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

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

package/dist/projects/player/src/components/text-track-settings/text-track-settings.d.ts

@@ -0,0 +1,56 @@
+import videojs from 'video.js';
+declare const BaseTextTrackSettings: {
+    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 type SubtitleSizes = 'small' | 'medium' | 'large';
+export declare class TextTrackSettings extends BaseTextTrackSettings {
+    private size_;
+    setSizeSetting(size: SubtitleSizes): void;
+    getSizeSetting(): SubtitleSizes;
+    getValues(): any;
+}
+export {};

package/dist/projects/player/src/components/thumbnail-display/thumbnail-display.d.ts

@@ -35,7 +35,7 @@ declare const Component: {
         new (player: VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Spacer;
         prototype: videojs.Spacer;
     };
-    getComponent(name: "player" | "Player"): {
+    getComponent(name: "Player" | "player"): {
         new (player: VideoJsPlayer, options?: import("video.js").VideoJsPlayerOptions): VideoJsPlayer;
         prototype: VideoJsPlayer;
         getTagSettings(tag: Element): any;
@@ -61,6 +61,7 @@ export declare class ThumbnailDisplay extends Component {
     private enable;
     private disable;
     private parseImageLink;
+    private getScale;
     update(time: number): void;
 }
 export {};

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

@@ -5,7 +5,5 @@ import 'core-js/features/object';
 import 'regenerator-runtime/runtime';
 import './theme/index.scss';
 export * from './react/Player';
-export * from './react/InteractivePlayer';
 export * from './react/CreateClipPlayer';
 export * from './players/player';
-export * from './players/interactive-player';

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

@@ -12,6 +12,7 @@ export interface PlaybackObject {
     mediaType: 'MasterVideo' | 'MasterClip' | 'MasterInteractive';
     localCacheAddresses: LocalCacheAddress[];
     mediaId: string;
+    settings: CustomerSettings;
 }
 export interface Files {
     progressive: File[];
@@ -51,3 +52,10 @@ export interface Resource {
     name: string;
     url: string;
 }
+interface CustomerSettings {
+    showSubtitles: boolean;
+    playbackProfile: string;
+    playbackProfileLocalCache: string;
+    playbackSubtitleSizeDefault: string;
+}
+export {};

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

@@ -2,6 +2,10 @@ 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/plugins/persist-subtitle-settings-plugin/persist-subtitle-settings-plugin';
+import 'projects/player/plugins/persist-quality-settings-plugin/persist-quality-settings-plugin';
+import 'projects/player/plugins/progress-reporter-plugin/progress-reporter-plugin';
+import 'projects/player/plugins/whiteboard-mode-plugin/whiteboard-mode-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';
@@ -11,6 +15,7 @@ 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';
+import 'projects/player/components/text-track-settings/text-track-settings';
 import 'projects/player/components/player/player';
 /**
  * *.scss imports must be relative
@@ -19,9 +24,11 @@ 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 '../components/text-track-display/text-track-display.scss';
 import { ExternalLinkOptions } from 'projects/player/plugins/open-externally-plugin/interfaces/ExternalLinkOptions';
 import { PlaybackObject } from 'projects/player/interfaces/models/PlaybackObject';
 import { AnalyticsPlayerType, AnalyticsService } from 'projects/player/services/analytics-service';
+import { ProgressEvent } from 'projects/player/plugins/progress-reporter-plugin/progress-reporter-plugin';
 export interface BasePlayerOptions {
     autoplay?: boolean;
     viewKey: string;
@@ -54,7 +61,9 @@ export declare abstract class BasePlayer {
     private streamLogged;
     constructor(id: string | Element, options: BasePlayerOptions);
     protected initialize(): void;
+    private _configurePlugins;
     protected configurePlugins(): void;
+    protected onFlushProgress(events: ProgressEvent[]): void;
     protected buildVideoJs(): VideoJsPlayer;
     protected getPlayerOptions(): VideoJsPlayerOptions;
     protected fetch(): Promise<void>;
@@ -75,6 +84,7 @@ export declare abstract class BasePlayer {
     currentTime(time?: number): number | void;
     private bindEventListeners;
     private setupSeekBar;
+    protected getSeekBarOptions(): any;
     protected getSeekBarName(): string;
     private configureMenuDimensions;
 }

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

@@ -4,20 +4,25 @@ import { CurrentUser } from 'libs/shared/interfaces';
 import { InteractiveMode } from 'projects/player/plugins/interactive-plugin/interfaces';
 import { PlaybackObject } from 'projects/player/interfaces/models/PlaybackObject';
 import { AnalyticsPlayerType } from 'projects/player/services/analytics-service';
+import { ProgressEvent } from 'projects/player/plugins/progress-reporter-plugin/progress-reporter-plugin';
 import 'projects/player/plugins/interactive-plugin/interactive-plugin';
 export interface InteractivePlayerOptions extends BasePlayerOptions {
     mode?: InteractiveMode;
     imageApi?: URL;
-    portalNode?: HtmlPortalNode;
     authToken?: string;
     collectResults?: boolean;
     currentUser?: CurrentUser;
+    questionListPortalNode?: HtmlPortalNode;
+    summaryPortalNode?: HtmlPortalNode;
 }
 export declare class InteractivePlayer extends BasePlayer {
     protected options: InteractivePlayerOptions;
     private track;
     private resultsService;
+    private totalProgress;
     constructor(id: string | Element, options: InteractivePlayerOptions);
+    protected onFlushProgress(events: ProgressEvent[]): void;
     protected additionalSetup(playbackObject: PlaybackObject): Promise<void>;
+    protected getSeekBarOptions(): any;
     protected getAnalyticsPlayerType(): AnalyticsPlayerType;
 }

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

@@ -1,6 +1,5 @@
 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';
@@ -10,6 +9,7 @@ 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 'projects/player/plugins/picture-in-picture-plugin/picture-in-picture-plugin';
+import 'projects/player/plugins/favourite-plugin/favourite-plugin';
 import { PlaybackObject } from 'projects/player/interfaces/models/PlaybackObject';
 import { NextVideo } from 'projects/player/interfaces/NextVideo';
 export interface PlayerOptions extends BasePlayerOptions {
@@ -18,6 +18,7 @@ export declare class Player extends BasePlayer {
     protected options: PlayerOptions;
     constructor(id: string | Element, options: PlayerOptions);
     protected configurePlugins(): void;
+    setFavourite(isFavourited: boolean, onClickFavourite: () => void): void;
     setNextVideo(nextVideo: NextVideo, onPlayNext: () => void): void;
     enablePictureInPicture(): void;
     disablePictureInPicture(): void;

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

@@ -34,7 +34,7 @@ declare const Component: {
         new (player: import("video.js").VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Spacer;
         prototype: videojs.Spacer;
     };
-    getComponent(name: "player" | "Player"): {
+    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;

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

@@ -34,7 +34,7 @@ declare const Component: {
         new (player: VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Spacer;
         prototype: videojs.Spacer;
     };
-    getComponent(name: "player" | "Player"): {
+    getComponent(name: "Player" | "player"): {
         new (player: VideoJsPlayer, options?: import("video.js").VideoJsPlayerOptions): VideoJsPlayer;
         prototype: VideoJsPlayer;
         getTagSettings(tag: Element): any;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import { VideoJsPlayer } from 'video.js';
+interface ContinueSessionProps {
+    player: VideoJsPlayer;
+    continue: (sameSession: boolean) => void;
+}
+export declare function ContinueSession(props: ContinueSessionProps): React.ReactElement;
+export {};

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

@@ -1,10 +1,13 @@
 import React from 'react';
 import { HtmlPortalNode } from 'react-reverse-portal';
-import { Interaction } from 'libs/shared/interfaces';
+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

@@ -1,12 +1,12 @@
 import React from 'react';
 import { Interaction, Timepoint } from 'libs/shared/interfaces';
-import { InteractionState, TimepointState } from 'projects/player/plugins/interactive-plugin/interfaces';
+import { InteractionState } from 'projects/player/plugins/interactive-plugin/interfaces';
 interface InteractionFooterProps {
     isCreate: boolean;
     interaction: Interaction;
     timepoint: Timepoint;
     interactionState: InteractionState;
-    timepointState: TimepointState;
+    currentIndex: number;
     continueInteractive: () => void;
     saveInteraction: () => void;
     cancel: () => void;

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/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-items.d.ts

@@ -36,7 +36,7 @@ declare const Component: {
         new (player: VideoJsPlayer, options?: videojs.ComponentOptions, ready?: videojs.Component.ReadyCallback): videojs.Spacer;
         prototype: videojs.Spacer;
     };
-    getComponent(name: "player" | "Player"): {
+    getComponent(name: "Player" | "player"): {
         new (player: VideoJsPlayer, options?: import("video.js").VideoJsPlayerOptions): VideoJsPlayer;
         prototype: VideoJsPlayer;
         getTagSettings(tag: Element): any;

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

@@ -0,0 +1,11 @@
+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;
+}
+export declare function SlidingTimepoint(props: SlidingTimepointProps): React.ReactElement;
+export {};

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

@@ -1,20 +1,39 @@
 import React from 'react';
-import { HtmlPortalNode } from 'react-reverse-portal';
-import { CurrentUser, Interaction } from 'libs/shared/interfaces';
+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';
-interface TimepointProps {
+export declare type QuestionView = 'question' | 'move' | 'reorder';
+export interface TimepointProps {
+    isCreate: boolean;
     interaction: Interaction;
     mode: InteractiveMode;
-    recalculateScroll: () => void;
-    timepointState: TimepointState;
-    imageApi: URL;
-    optionsPortalNode?: HtmlPortalNode;
     immediateFeedback: boolean;
-    currentUser?: CurrentUser;
     interactionState: InteractionState;
     userUpdateInteractionState: (value: InteractionState) => void;
+    submitInteractionAnswer: () => void;
+    saveInteraction: () => void;
+    shouldFocus?: 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;
-export {};

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 {};