@clickview/player 0.0.20 → 0.0.21-rc.3

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

@@ -39,7 +39,7 @@ 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';
+import { ProgressEventPair } from 'projects/player/plugins/progress-reporter-plugin/interfaces/ProgressEvent';
 import { PlayerWrapperOptions } from 'projects/player/components/player/player';
 import { HashObject } from 'libs/analytics/interfaces';
 export interface BasePlayerOptions {
@@ -75,7 +75,7 @@ export declare abstract class BasePlayer {
     protected initialize(): void;
     private _configurePlugins;
     protected configurePlugins(): void;
-    protected onFlushProgress(events: ProgressEvent[]): void;
+    protected onFlushProgress(events: ProgressEventPair[]): void;
     protected buildVideoJs(): VideoJsPlayer;
     protected getPlayerOptions(): PlayerWrapperOptions;
     protected fetch(): Promise<void>;
@@ -95,6 +95,8 @@ export declare abstract class BasePlayer {
     ready(callback: () => void): void;
     isDisposed(): boolean;
     play(): void;
+    pause(): void;
+    isPaused(): boolean;
     currentTime(time?: number): number | void;
     private bindEventListeners;
     private setupSeekBar;

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

@@ -8,7 +8,7 @@ import 'projects/player/plugins/interactive-plugin/interactive-plugin';
 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 { ProgressEventPair } from 'projects/player/plugins/progress-reporter-plugin/interfaces/ProgressEvent';
 import { PlayerWrapperOptions } from 'projects/player/components/player/player';
 import { BasePlayer, BasePlayerOptions } from './base-player';
 declare type CollectResultsOptionalOptions = {
@@ -40,7 +40,7 @@ export declare class InteractivePlayer extends BasePlayer {
     private totalProgress;
     constructor(id: string | Element, options: InteractivePlayerOptions);
     protected getPlayerOptions(): PlayerWrapperOptions;
-    protected onFlushProgress(events: ProgressEvent[]): void;
+    protected onFlushProgress(events: ProgressEventPair[]): void;
     protected additionalSetup(playbackObject: PlaybackObject): Promise<void>;
     private setupUpClipPlugin;
     private setupViewInteractivePlugin;

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

@@ -76,6 +76,8 @@ export declare class ClipTimepointSelector extends Component {
     private setStartTime;
     private setEndTime;
     private bindListeners;
+    private hasStartTime;
+    private hasEndTime;
     private onTimeupdate;
     private dragStart;
     private dragEnd;

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

@@ -3,14 +3,14 @@ import { VideoJsPlayer } from 'video.js';
 import { HtmlPortalNode } from 'react-reverse-portal';
 import { CurrentUser, 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 { ProgressEventPair } from 'projects/player/plugins/progress-reporter-plugin/interfaces/ProgressEvent';
 import { ResultsService } from 'projects/player/plugins/interactive-plugin/utils/ResultsService';
 interface InteractiveSummaryWrapperProps {
     title: string;
     currentUser: CurrentUser;
     player: VideoJsPlayer;
     state: InteractiveState;
-    progress?: ProgressEvent[];
+    progress?: ProgressEventPair[];
     interactive: Interactive;
     portalNode: HtmlPortalNode;
     resultsService: ResultsService;

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

@@ -3,7 +3,7 @@ import { HtmlPortalNode } from 'react-reverse-portal';
 import { VideoJsPlayer } from 'video.js';
 import { ResultsService } from 'projects/player/plugins/interactive-plugin/utils/ResultsService';
 import { CurrentUser, Interactive } from 'libs/shared/interfaces';
-import { ProgressEvent } from 'projects/player/plugins/progress-reporter-plugin/progress-reporter-plugin';
+import { ProgressEventPair } from 'projects/player/plugins/progress-reporter-plugin/interfaces/ProgressEvent';
 import { InteractiveState } from 'projects/player/plugins/interactive-plugin/interfaces';
 interface InteractiveSummaryProps {
     title: string;
@@ -13,7 +13,7 @@ interface InteractiveSummaryProps {
     currentUser: CurrentUser;
     player: VideoJsPlayer;
     state: InteractiveState;
-    progress?: ProgressEvent[];
+    progress?: ProgressEventPair[];
     interactive: Interactive;
     portalNode: HtmlPortalNode;
     resultsService?: ResultsService;

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

@@ -1,11 +1,11 @@
 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';
+import { ProgressEventPair } from 'projects/player/plugins/progress-reporter-plugin/interfaces/ProgressEvent';
 interface ProgressSummaryProps {
     player: VideoJsPlayer;
     duration: number;
-    progress?: ProgressEvent[];
+    progress?: ProgressEventPair[];
     interactive: Interactive;
 }
 export declare function ProgressSummary(props: ProgressSummaryProps): React.ReactElement;

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

@@ -3,7 +3,7 @@ import { HtmlPortalNode } from 'react-reverse-portal';
 import { CurrentUser, Interactive, Config } 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 { ProgressEventPair } from 'projects/player/plugins/progress-reporter-plugin/interfaces/ProgressEvent';
 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';
@@ -34,7 +34,7 @@ interface InteractivePluginOptions {
     actionsPortalNode?: HtmlPortalNode;
     questionListPortalNode?: HtmlPortalNode;
     summaryPortalNode?: HtmlPortalNode;
-    progress?: ProgressEvent[];
+    progress?: ProgressEventPair[];
     latestSession?: LatestSession;
     clipOffset?: number;
     analyticsService: AnalyticsService;

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

@@ -0,0 +1,57 @@
+import videojs, { VideoJsPlayer } from 'video.js';
+import { ProgressEventPair } from 'projects/player/plugins/progress-reporter-plugin/interfaces/ProgressEvent';
+import './progress-reporter-display.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;
+};
+export declare class ProgressReporterDisplay extends Component {
+    private events_;
+    update(): void;
+    addEvents(events: ProgressEventPair[]): void;
+    createEl(): HTMLDivElement;
+}
+export {};

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

@@ -0,0 +1,8 @@
+export interface ProgressEvent {
+    time: number;
+    type: string;
+}
+export interface ProgressEventPair {
+    start: ProgressEvent;
+    end: ProgressEvent;
+}

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

@@ -1,4 +1,5 @@
 import videojs, { VideoJsPlayer } from 'video.js';
+import { ProgressEventPair } from 'projects/player/plugins/progress-reporter-plugin/interfaces/ProgressEvent';
 declare const Plugin: {
     new (player: VideoJsPlayer, options?: any): videojs.Plugin;
     prototype: videojs.Plugin;
@@ -13,20 +14,13 @@ declare const Plugin: {
     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 Event {
-    time: number;
-    type: string;
-}
-export interface ProgressEvent {
-    start: Event;
-    end: Event;
-}
 interface ProgressReporterPluginOptions {
-    onFlush: (events: ProgressEvent[]) => void;
+    onFlush: (events: ProgressEventPair[]) => void;
     interval?: number;
 }
 declare class ProgressReporterPlugin extends Plugin {
     private options;
+    private progressReporterDisplay;
     private eventBuffer;
     private latestTime;
     /**
@@ -49,7 +43,10 @@ declare class ProgressReporterPlugin extends Plugin {
     private initialize;
     private validateOptions;
     private bindListeners;
+    private interval;
     private startInterval;
+    private addEasterEgg;
+    private addDisplay;
     private onPlay;
     private onPause;
     private onTimeUpdate;

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

@@ -1,6 +1,6 @@
 import { RegionName } from 'libs/analytics/enums/RegionName';
 import { RegionalUrl, AnalyticsOptions, HashObject } from 'libs/analytics/interfaces';
-import { ProgressEvent } from 'projects/player/plugins/progress-reporter-plugin/progress-reporter-plugin';
+import { ProgressEventPair } from 'projects/player/plugins/progress-reporter-plugin/interfaces/ProgressEvent';
 export declare type AnalyticsPlayerType = 'player' | 'interactive-player' | 'create-clip-player' | 'reports-player';
 interface AnalyticsServiceOptions {
     collectionApiUrls: RegionalUrl;
@@ -23,7 +23,7 @@ export declare class AnalyticsService {
     private collectionApiClient;
     constructor(options: AnalyticsServiceOptions);
     logStream(): void;
-    logVideoProgress(events: ProgressEvent[]): void;
+    logVideoProgress(events: ProgressEventPair[]): void;
     logUserAction(analyticsData: HashObject | HashObject[], analyticsOptions: AnalyticsOptions): void;
     private getAnalyticsData;
     private initialize;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clickview/player",
-  "version": "0.0.20",
+  "version": "0.0.21-rc.3",
   "description": "ClickView Player",
   "main": "dist/player-app.js",
   "scripts": {
@@ -28,7 +28,7 @@
     "@babel/core": "7.11.6",
     "@clickview/eslint-config": "1.0.1",
     "@clickview/player-font": "0.0.12",
-    "@clickview/tooling": "0.0.33",
+    "@clickview/tooling": "0.0.35-rc.3",
     "@storybook/react": "6.0.26",
     "@types/chromecast-caf-sender": "1.0.3",
     "@types/cropperjs": "1.3.0",
@@ -42,7 +42,7 @@
     "webpack-dev-server": "3.11.0"
   },
   "dependencies": {
-    "@clickview/styles": "1.0.28",
+    "@clickview/styles": "1.0.30-rc.3",
     "@microsoft/signalr": "5.0.2",
     "cropperjs": "1.5.6",
     "draft-convert": "2.1.10",