@clickview/player 0.0.6-rc.0 → 0.0.7-rc.0

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

@@ -75,5 +75,6 @@ export declare class ChapterBarItem extends Component {
      * by SeekBar which ChapterSeekBar extends
      */
     update(): void;
+    updateBuffered(bufferEnd: number): void;
 }
 export {};

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

@@ -51,5 +51,6 @@ export declare class ChapterBarItems extends Component {
     buildCSSClass(): string;
     createEl(tagName?: string, properties?: any, attributes?: any): Element;
     update(): void;
+    updateBuffered(): void;
 }
 export {};

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

@@ -1,15 +1,18 @@
 import { CollapsibleComponent } from 'projects/player/interfaces/CollapsibleComponent';
 import videojs, { VideoJsPlayer } from 'video.js';
-import 'projects/player/components/next-video-menu-item/next-video-menu-item';
 import './cog-button.scss';
 declare const MenuItem: {
     new (player: VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
     prototype: videojs.MenuItem;
 };
+interface AdditionalMenuItem {
+    index: number;
+    ctor: typeof MenuItem;
+}
 interface CogMenuItemOptions extends videojs.ComponentOptions {
     item: CollapsibleComponent;
 }
-declare class CogMenuItem extends MenuItem {
+export declare class CogMenuItem extends MenuItem {
     options_: CogMenuItemOptions;
     constructor(player: VideoJsPlayer, options: CogMenuItemOptions);
     handleClick(event: videojs.EventTarget.Event): void;
@@ -24,11 +27,10 @@ interface CogButtonOptions extends videojs.ComponentOptions {
 }
 export declare class CogButton extends MenuButton {
     options_: CogButtonOptions;
-    private renderPlayNext;
+    private additionalItems;
     constructor(player: VideoJsPlayer, options: CogButtonOptions);
     buildWrapperCSSClass(): string;
     buildCSSClass(): string;
-    pressButton(): void;
     /**
      * Create the list of menu items. Specific to each subclass.
      *
@@ -36,6 +38,6 @@ export declare class CogButton extends MenuButton {
      */
     createItems(): CogMenuItem[];
     update(): void;
-    showPlayNext(): void;
+    addItem(item: AdditionalMenuItem): void;
 }
 export {};

package/dist/projects/player/src/components/cog-button/collapsible-heading-menu-item.d.ts

@@ -0,0 +1,15 @@
+import videojs, { VideoJsPlayer } from 'video.js';
+declare const MenuItem: {
+    new (player: VideoJsPlayer, options?: videojs.MenuItemOptions): videojs.MenuItem;
+    prototype: videojs.MenuItem;
+};
+interface CollapsibleHeadingMenuItemOptions extends videojs.MenuItemOptions {
+    onClickBack?: () => void;
+}
+export declare class CollapsibleHeadingMenuItem extends MenuItem {
+    options_: CollapsibleHeadingMenuItemOptions;
+    constructor(player: VideoJsPlayer, options?: CollapsibleHeadingMenuItemOptions);
+    createEl(): HTMLLIElement;
+    handleClick(event: videojs.EventTarget.Event): void;
+}
+export {};

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

@@ -1,6 +1,6 @@
 import 'projects/player/components/cog-button/cog-button';
 import 'projects/player/components/subtitle-size-button/subtitle-size-button';
 import 'projects/player/components/subtitle-search-button/subtitle-search-button';
+import 'projects/player/components/keyboard-shortcuts-button/keyboard-shortcuts-button';
 import './collapserator.scss';
-import '../play-toggle/play-toggle.scss';
 import '../fullscreen-toggle/fullscreen-toggle.scss';

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

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

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

@@ -5,6 +5,13 @@ declare const BaseMenu: {
 };
 export declare class Menu extends BaseMenu {
     isDisposed_: boolean;
+    private simpleBar;
+    createEl(): HTMLDivElement;
+    contentEl(): Element;
+    dispose(): void;
+    addItem(component: string | videojs.MenuItem): void;
+    lockShowing(): void;
+    recalculateScrollBar(): void;
     /**
      * The video.js Menu handleBlur function checks if the target is an immediate child
      * but we have scenarios where the target is not an immediate child

package/dist/projects/player/src/components/play-pause-feedback/play-pause-feedback.d.ts

@@ -0,0 +1 @@
+import './play-pause-feedback.scss';

package/dist/projects/player/src/components/play-toggle/play-toggle.d.ts

@@ -0,0 +1 @@
+import './play-toggle.scss';

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

@@ -1,6 +1,10 @@
+import { VideoJsPlayerOptions } from 'video.js';
 import './player.scss';
 export declare const IS_IPOD: boolean;
 export declare const IS_ANDROID: boolean;
+export interface PlayerWrapperOptions extends VideoJsPlayerOptions {
+    setMaxHeight?: boolean;
+}
 declare module 'video.js' {
     interface VideoJsPlayer {
         lock(callback: (success: () => void) => void): void;

package/dist/projects/player/src/components/subs-caps-button/off-text-track-menu-item.d.ts

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

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

@@ -1 +1,2 @@
+import './off-text-track-menu-item.ts';
 import './subs-caps-button.scss';

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

@@ -48,7 +48,8 @@ declare const TextTrackMenuItem: {
 };
 export declare class SubtitleSearchMenuItem extends TextTrackMenuItem {
     constructor(player: VideoJsPlayer);
-    private toggleHidden;
+    private toggleEnabled;
+    private bindTrackEvents;
     handleClick(): void;
 }
 export {};

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

@@ -8,6 +8,7 @@ declare const MenuButton: {
 };
 export declare class SubtitleSearchButton extends MenuButton implements CollapsibleComponent {
     constructor(player: VideoJsPlayer, options?: videojs.MenuButtonOptions);
+    private bindTrackEvents;
     createItems(): SubtitleResultMenuItem[];
     search(text: string): void;
     private findMatches;
@@ -15,6 +16,7 @@ export declare class SubtitleSearchButton extends MenuButton implements Collapsi
     private toggleNoResults;
     buildWrapperCSSClass(): string;
     update(): void;
+    pressButton(): void;
     /**
      * CollapsibileComponent interface implementation
      * from here onward

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

@@ -11,6 +11,7 @@ export declare class SubtitleSearchInput extends MenuItem {
     options_: SubtitleSearchInputOptions;
     constructor(player: VideoJsPlayer, options: SubtitleSearchInputOptions);
     createEl(): HTMLLIElement;
+    focus(): void;
     /**
      * Because we extend MenuItem which will close the menu by default
      * we need to halt the event propogation here

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

@@ -1,5 +1,9 @@
-import { VideoJsPlayer, VideoJsPlayerOptions } from 'video.js';
+import { VideoJsPlayer } from 'video.js';
 import 'videojs-contrib-quality-levels';
+import 'projects/player/plugins/persist-volume-plugin/persist-volume-plugin';
+import 'projects/player/plugins/fullscreen-on-rotate-plugin/fullscreen-on-rotate-plugin';
+import 'projects/player/plugins/open-externally-plugin/open-externally-plugin';
+import 'projects/player/plugins/touch-controls-plugin/touch-controls-plugin';
 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';
@@ -11,6 +15,8 @@ import 'projects/player/components/menu/menu';
 import 'projects/player/components/menu-button/menu-button';
 import 'projects/player/components/time-wrapper/time-wrapper';
 import 'projects/player/components/collapserator/collapserator';
+/** Seekbar must be imported before chapter-seek-bar */
+import 'projects/player/components/seek-bar/seek-bar';
 import 'projects/player/components/chapter-seek-bar/chapter-seek-bar';
 import 'projects/player/components/progress-control/progress-control';
 import 'projects/player/components/mouse-time-display/mouse-time-display';
@@ -20,6 +26,8 @@ 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';
+import 'projects/player/components/play-pause-feedback/play-pause-feedback';
+import 'projects/player/components/play-toggle/play-toggle';
 /**
  * *.scss imports must be relative
  */
@@ -32,6 +40,8 @@ import { ExternalLinkOptions } from 'projects/player/plugins/open-externally-plu
 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';
+import { PlayerWrapperOptions } from 'projects/player/components/player/player';
+import { HashObject } from 'libs/analytics/interfaces';
 export interface BasePlayerOptions {
     autoplay?: boolean;
     viewKey: string;
@@ -42,7 +52,6 @@ export interface BasePlayerOptions {
     playerApi?: URL;
     enableLocalCache?: boolean;
     onRequestPictureInPicture?: (isPiP: boolean) => void;
-    showResources?: boolean;
     imageCdnUrl?: string;
     /**
      * An optional external element for binding hotkey
@@ -68,11 +77,12 @@ export declare abstract class BasePlayer {
     protected configurePlugins(): void;
     protected onFlushProgress(events: ProgressEvent[]): void;
     protected buildVideoJs(): VideoJsPlayer;
-    protected getPlayerOptions(): VideoJsPlayerOptions;
+    protected getPlayerOptions(): PlayerWrapperOptions;
     protected fetch(): Promise<void>;
     private fetchConfig;
     protected additionalSetup(playbackObject: PlaybackObject): void;
     private setupAnalyticsService;
+    protected getAdditionalAnalyticsData(playbackObject: PlaybackObject): HashObject;
     protected logStream(): void;
     protected getAnalyticsPlayerType(): AnalyticsPlayerType;
     protected createEl(id: string | Element): HTMLVideoElement;

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

@@ -6,6 +6,8 @@ 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';
+import { PlayerWrapperOptions } from '../components/player/player';
+import { HashObject } from 'libs/analytics/interfaces';
 export interface InteractivePlayerOptions extends BasePlayerOptions {
     mode?: InteractiveMode;
     imageApi?: URL;
@@ -21,10 +23,12 @@ export declare class InteractivePlayer extends BasePlayer {
     private resultsService;
     private totalProgress;
     constructor(id: string | Element, options: InteractivePlayerOptions);
+    protected getPlayerOptions(): PlayerWrapperOptions;
     protected onFlushProgress(events: ProgressEvent[]): void;
     protected additionalSetup(playbackObject: PlaybackObject): Promise<void>;
     private setupUpClipPlugin;
     private setupViewInteractivePlugin;
+    protected getAdditionalAnalyticsData(playbackObject: PlaybackObject): HashObject;
     protected getSeekBarOptions(): any;
     protected getAnalyticsPlayerType(): AnalyticsPlayerType;
 }

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

@@ -1,10 +1,5 @@
 import { BasePlayer, BasePlayerOptions } from './base-player';
-import 'projects/player/plugins/example-plugin/example-plugin';
-import 'projects/player/plugins/persist-volume-plugin/persist-volume-plugin';
-import 'projects/player/plugins/fullscreen-on-rotate-plugin/fullscreen-on-rotate-plugin';
-import 'projects/player/plugins/open-externally-plugin/open-externally-plugin';
 import 'projects/player/plugins/clip-plugin/clip-plugin';
-import 'projects/player/plugins/touch-controls-plugin/touch-controls-plugin';
 import 'projects/player/plugins/next-video-plugin/next-video-plugin';
 import 'projects/player/plugins/create-clip-button-plugin/create-clip-button-plugin';
 import 'projects/player/plugins/resources-plugin/resources-plugin';
@@ -13,6 +8,7 @@ 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 {
+    showResources?: boolean;
 }
 export declare class Player extends BasePlayer {
     protected options: PlayerOptions;

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

@@ -0,0 +1,14 @@
+import { BasePlayer, BasePlayerOptions } from 'projects/player/players/base-player';
+import 'projects/player/plugins/engagement-overlay-plugin/engagement-overlay-plugin';
+import { AnalyticsPlayerType } from 'projects/player/services/analytics-service';
+import './reports-player.scss';
+export interface ReportsPlayerOptions extends BasePlayerOptions {
+    heatMap: number[];
+}
+export declare class ReportsPlayer extends BasePlayer {
+    protected options: ReportsPlayerOptions;
+    constructor(id: string | Element, options: ReportsPlayerOptions);
+    protected getPlayerClassName(): string;
+    protected configurePlugins(): void;
+    protected getAnalyticsPlayerType(): AnalyticsPlayerType;
+}

package/dist/projects/player/src/plugins/engagement-overlay-plugin/components/engagement-overlay.d.ts

@@ -0,0 +1 @@
+import './engagement-overlay.scss';

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

@@ -0,0 +1,30 @@
+import videojs, { VideoJsPlayer } from 'video.js';
+import 'projects/player/plugins/engagement-overlay-plugin/components/engagement-overlay';
+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 EngagementOverlayPluginOptions {
+    heatMap: number[];
+}
+declare class EngagementOverlayPlugin extends Plugin {
+    private options;
+    constructor(player: VideoJsPlayer, options: EngagementOverlayPluginOptions);
+    private initialize;
+}
+declare module 'video.js' {
+    interface VideoJsPlayer {
+        engagementOverlayPlugin(options?: EngagementOverlayPluginOptions): EngagementOverlayPlugin;
+    }
+}
+export {};

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

@@ -1 +1,30 @@
+import videojs, { VideoJsPlayer } from 'video.js';
+declare const Plugin: {
+    new (player: VideoJsPlayer, options?: any): videojs.Plugin;
+    prototype: videojs.Plugin;
+    BASE_PLUGIN_NAME: string;
+    deregisterPlugin(name: string): void;
+    getPlugin(name: string): any;
+    getPluginVersion(name: string): string;
+    getPlugins(names?: string[]): {
+        [name: string]: videojs.Plugin;
+    };
+    isBasic(plugin: string | (() => any)): boolean;
+    registerPlugin<T, K>(name: string, plugin: (this: VideoJsPlayer, ...options: K[]) => T): (...options: K[]) => T;
+    registerPlugin<T_1 extends any>(name: string, plugin: T_1): () => T_1;
+};
+declare class FullscreenOnRotatePlugin extends Plugin {
+    constructor(player: VideoJsPlayer);
+    private initialize;
+    private onFullscreenChange;
+    private onRotate;
+    private hasScreenOrientation;
+    private hasScreenLock;
+    private getAngle;
+}
+declare module 'video.js' {
+    interface VideoJsPlayer {
+        fullscreenOnRotatePlugin(): FullscreenOnRotatePlugin;
+    }
+}
 export {};

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

@@ -2,6 +2,7 @@ import { VideoJsPlayer } from 'video.js';
 import { Interaction, InteractionTypeId, Interactive, Timepoint } from 'libs/shared/interfaces';
 import { InteractiveMode, LatestSession } from 'projects/player/plugins/interactive-plugin/interfaces';
 import { ResultsService } from 'projects/player/plugins/interactive-plugin/utils/ResultsService';
+import { AnalyticsService } from 'projects/player/services/analytics-service';
 interface UseStateManagerProps {
     mode: InteractiveMode;
     timepoint: Timepoint;
@@ -9,6 +10,7 @@ interface UseStateManagerProps {
     player: VideoJsPlayer;
     resultsService?: ResultsService;
     latestSession?: LatestSession;
+    analyticsService: AnalyticsService;
     setOpen: (open: boolean) => void;
     addCue: (timepointId: string) => void;
     updateCue: (oldTimepointId: string, timepointId: string) => void;

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

@@ -4,6 +4,7 @@ import { CurrentUser, Interactive } from 'libs/shared/interfaces';
 import { InteractiveMode, LatestSession } 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 { AnalyticsService } from 'projects/player/services/analytics-service';
 import 'projects/player/plugins/interactive-plugin/components/interactive/interactive-component';
 import 'projects/player/plugins/interactive-plugin/components/continue-session/continue-session';
 import './interactive-plugin-styles.scss';
@@ -32,6 +33,7 @@ interface InteractivePluginOptions {
     progress?: ProgressEvent[];
     latestSession?: LatestSession;
     clipOffset?: number;
+    analyticsService: AnalyticsService;
 }
 declare class InteractivePlugin extends Plugin {
     private options;

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

@@ -1,6 +1,7 @@
 import videojs, { VideoJsPlayer } from 'video.js';
 import { NextVideo } from 'projects/player/interfaces/NextVideo';
 import 'projects/player/plugins/next-video-plugin/components/up-next/up-next';
+import 'projects/player/components/next-video-menu-item/next-video-menu-item';
 declare const Plugin: {
     new (player: VideoJsPlayer, options?: any): videojs.Plugin;
     prototype: videojs.Plugin;
@@ -30,7 +31,7 @@ declare class NextVideoPlugin extends Plugin {
     setShouldPlayNext(val: boolean): void;
     private setChapterTrack;
     private bindListeners;
-    private unbindListeners;
+    dispose(): void;
     private onTimeUpdate;
     private showUpNext;
     private hideUpNext;

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

@@ -1 +1,31 @@
+import videojs, { VideoJsPlayer } from 'video.js';
+import { ExternalLinkOptions } from 'projects/player/plugins/open-externally-plugin/interfaces/ExternalLinkOptions';
 import 'projects/player/plugins/open-externally-plugin/components/open-externally-button';
+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 OpenExternallyPluginOptions {
+    getExternalLink: (options: ExternalLinkOptions) => string;
+}
+declare class OpenExternallyPlugin extends Plugin {
+    private options;
+    constructor(player: VideoJsPlayer, options: OpenExternallyPluginOptions);
+    private onReady;
+}
+declare module 'video.js' {
+    interface VideoJsPlayer {
+        openExternallyPlugin(oprions: OpenExternallyPluginOptions): OpenExternallyPlugin;
+    }
+}
+export {};

package/dist/projects/player/src/plugins/persist-subtitle-settings-plugin/persist-subtitle-settings-plugin.d.ts

@@ -20,7 +20,6 @@ interface PersistSubtitleSettingsPluginOptions {
 }
 declare class PersistSubtitleSettingsPlugin extends Plugin {
     private options;
-    private trackGuess;
     constructor(player: VideoJsPlayer, options: PersistSubtitleSettingsPluginOptions);
     private initialize;
     private safeGet;

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

@@ -1 +1,26 @@
+import videojs, { VideoJsPlayer } from 'video.js';
+declare const Plugin: {
+    new (player: VideoJsPlayer, options?: any): videojs.Plugin;
+    prototype: videojs.Plugin;
+    BASE_PLUGIN_NAME: string;
+    deregisterPlugin(name: string): void;
+    getPlugin(name: string): any;
+    getPluginVersion(name: string): string;
+    getPlugins(names?: string[]): {
+        [name: string]: videojs.Plugin;
+    };
+    isBasic(plugin: string | (() => any)): boolean;
+    registerPlugin<T, K>(name: string, plugin: (this: VideoJsPlayer, ...options: K[]) => T): (...options: K[]) => T;
+    registerPlugin<T_1 extends any>(name: string, plugin: T_1): () => T_1;
+};
+declare class PersistVolumePlugin extends Plugin {
+    constructor(player: VideoJsPlayer);
+    private initialize;
+    private saveVolumeState;
+}
+declare module 'video.js' {
+    interface VideoJsPlayer {
+        persistVolumePlugin(): PersistVolumePlugin;
+    }
+}
 export {};

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

@@ -15,7 +15,6 @@ declare const Plugin: {
     registerPlugin<T_1 extends any>(name: string, plugin: T_1): () => T_1;
 };
 interface PictureInPicturePluginOptions {
-    initialIsInPictureInPicture: boolean;
     onRequestPictureInPicture: (isPiP: boolean) => void;
 }
 declare class PictureInPicturePlugin extends Plugin {

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

@@ -57,6 +57,7 @@ declare class ProgressReporterPlugin extends Plugin {
     private onEnded;
     private logEvent;
     private shouldUseCarriedOverTime;
+    private shouldSaveCarriedOverTime;
     private shouldClearCarriedOverTime;
     private flushBuffer;
 }

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

@@ -19,7 +19,9 @@ export declare class ProgressiveFilesPlugin extends Plugin {
     private sources;
     private _currentSource;
     private qualityLevels;
+    private options_;
     constructor(player: VideoJsPlayer, options: ProgressiveFilesPluginOptions);
+    private initialize;
     get currentSource(): Source;
     /**
      * Sets the current player source. If the id cannot be found, the current source is returned
@@ -27,6 +29,7 @@ export declare class ProgressiveFilesPlugin extends Plugin {
      */
     setSource(id: string): Source;
     getSourceById(id: string): Source;
+    private sortSources;
     private populateSources;
     private sourceChangeUpdateQualityLevels;
 }

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

@@ -1 +1,41 @@
+import videojs, { VideoJsPlayer } from 'video.js';
 import './components/touch-controls/touch-controls';
+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;
+};
+declare class TouchControlsPlugin extends Plugin {
+    private tech;
+    private touchControls;
+    private touchStartTime;
+    private lastTouchTime;
+    private doubleTouchCount;
+    private seekStartTime;
+    private directionModifier;
+    constructor(player: VideoJsPlayer);
+    private bindFunctions;
+    private initialize;
+    private reBindEventListeners;
+    private unBindEventListeners;
+    dispose(): void;
+    private onTouchStart;
+    private onTouchEnd;
+    private resetProperties;
+    private onDoubleTouch;
+}
+declare module 'video.js' {
+    interface VideoJsPlayer {
+        touchControls(): TouchControlsPlugin;
+    }
+}
+export {};

package/dist/projects/player/src/react/ReportsPlayer.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ReportsPlayerOptions } from 'projects/player/players/reports/reports-player';
+export declare function ClickViewReportsPlayer(props: ReportsPlayerOptions): React.ReactElement;

package/dist/projects/player/src/services/analytics-service.d.ts

@@ -1,19 +1,21 @@
 import { RegionName } from 'libs/analytics/enums/RegionName';
-import { RegionalUrl } from 'libs/analytics/interfaces';
+import { RegionalUrl, AnalyticsOptions, HashObject } from 'libs/analytics/interfaces';
 import { ProgressEvent } from 'projects/player/plugins/progress-reporter-plugin/progress-reporter-plugin';
-export declare type AnalyticsPlayerType = 'player' | 'interactive-player' | 'create-clip-player';
+export declare type AnalyticsPlayerType = 'player' | 'interactive-player' | 'create-clip-player' | 'reports-player';
 interface AnalyticsServiceOptions {
     collectionApiUrls: RegionalUrl;
     collectionApiClientId: string;
     productVersion: string;
     regionName: RegionName;
     videoId: string;
+    mediaId: string;
     userId: string;
     customerId: string;
     mediaType: 'MasterVideo' | 'MasterClip' | 'MasterInteractive';
     playerType: AnalyticsPlayerType;
     isEmbedded: boolean;
     isUsingLocalCache: boolean;
+    additionalAnalyticsData?: HashObject;
 }
 export declare class AnalyticsService {
     private options;
@@ -21,6 +23,8 @@ export declare class AnalyticsService {
     constructor(options: AnalyticsServiceOptions);
     logStream(): void;
     logVideoProgress(events: ProgressEvent[]): void;
+    logUserAction(analyticsData: HashObject | HashObject[], analyticsOptions: AnalyticsOptions): void;
+    private getAnalyticsData;
     private initialize;
     private setupCollectionApiClient;
     private getCurrentUser;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clickview/player",
-  "version": "0.0.6-rc.0",
+  "version": "0.0.7-rc.0",
   "description": "ClickView Player",
   "main": "dist/player-app.js",
   "scripts": {
@@ -27,8 +27,8 @@
   "devDependencies": {
     "@babel/core": "7.11.6",
     "@clickview/eslint-config": "1.0.1",
-    "@clickview/player-font": "0.0.10",
-    "@clickview/tooling": "0.0.24-rc.0",
+    "@clickview/player-font": "0.0.12",
+    "@clickview/tooling": "0.0.25-rc.0",
     "@storybook/react": "6.0.26",
     "@types/chromecast-caf-sender": "1.0.3",
     "@types/cropperjs": "1.3.0",
@@ -42,11 +42,12 @@
     "webpack-dev-server": "3.11.0"
   },
   "dependencies": {
-    "@clickview/styles": "1.0.17-rc.0",
+    "@clickview/styles": "1.0.18-rc.0",
     "@microsoft/signalr": "5.0.2",
     "cropperjs": "1.5.6",
     "draft-convert": "2.1.10",
     "draft-js": "0.11.7",
+    "highcharts": "9.1.0",
     "keycode": "2.2.0",
     "node-polyglot": "2.3.0",
     "react-draft-wysiwyg": "1.14.5",