@clickview/player 0.0.20-dev.0 → 0.0.20-rc.0

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 { ProgressEventPair } from 'projects/player/plugins/progress-reporter-plugin/interfaces/ProgressEvent';
+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 {
@@ -75,7 +75,7 @@ export declare abstract class BasePlayer {
     protected initialize(): void;
     private _configurePlugins;
     protected configurePlugins(): void;
-    protected onFlushProgress(events: ProgressEventPair[]): void;
+    protected onFlushProgress(events: ProgressEvent[]): void;
     protected buildVideoJs(): VideoJsPlayer;
     protected getPlayerOptions(): PlayerWrapperOptions;
     protected fetch(): Promise<void>;

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

@@ -1,6 +1,6 @@
 import { HtmlPortalNode } from 'react-reverse-portal';
 import { HashObject } from 'libs/analytics/interfaces';
-import { CurrentUser } from 'libs/shared/interfaces';
+import { CurrentUser, Config } from 'libs/shared/interfaces';
 import { ShareActivityStatus } from 'libs/shared/enums/ShareActivityStatus';
 import 'projects/player/plugins/favourite-plugin/favourite-plugin';
 import 'projects/player/plugins/activity-status-plugin/activity-status-plugin';
@@ -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 { ProgressEventPair } from 'projects/player/plugins/progress-reporter-plugin/interfaces/ProgressEvent';
+import { ProgressEvent } from 'projects/player/plugins/progress-reporter-plugin/progress-reporter-plugin';
 import { PlayerWrapperOptions } from 'projects/player/components/player/player';
 import { BasePlayer, BasePlayerOptions } from './base-player';
 declare type CollectResultsOptionalOptions = {
@@ -31,6 +31,7 @@ export declare type InteractivePlayerOptions = {
     onShowSummary?: (showing: boolean) => void;
     onClickEditDetails?: () => void;
     onClickPublish?: () => void;
+    config?: Config;
 } & (CollectResultsOptionalOptions | CollectResultsRequiredOptions) & BasePlayerOptions;
 export declare class InteractivePlayer extends BasePlayer {
     protected options: InteractivePlayerOptions;
@@ -39,7 +40,7 @@ export declare class InteractivePlayer extends BasePlayer {
     private totalProgress;
     constructor(id: string | Element, options: InteractivePlayerOptions);
     protected getPlayerOptions(): PlayerWrapperOptions;
-    protected onFlushProgress(events: ProgressEventPair[]): void;
+    protected onFlushProgress(events: ProgressEvent[]): 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,8 +76,6 @@ 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 { ProgressEventPair } from 'projects/player/plugins/progress-reporter-plugin/interfaces/ProgressEvent';
+import { ProgressEvent } from 'projects/player/plugins/progress-reporter-plugin/progress-reporter-plugin';
 import { ResultsService } from 'projects/player/plugins/interactive-plugin/utils/ResultsService';
 interface InteractiveSummaryWrapperProps {
     title: string;
     currentUser: CurrentUser;
     player: VideoJsPlayer;
     state: InteractiveState;
-    progress?: ProgressEventPair[];
+    progress?: ProgressEvent[];
     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 { ProgressEventPair } from 'projects/player/plugins/progress-reporter-plugin/interfaces/ProgressEvent';
+import { ProgressEvent } from 'projects/player/plugins/progress-reporter-plugin/progress-reporter-plugin';
 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?: ProgressEventPair[];
+    progress?: ProgressEvent[];
     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 { ProgressEventPair } from 'projects/player/plugins/progress-reporter-plugin/interfaces/ProgressEvent';
+import { ProgressEvent } from 'projects/player/plugins/progress-reporter-plugin/progress-reporter-plugin';
 interface ProgressSummaryProps {
     player: VideoJsPlayer;
     duration: number;
-    progress?: ProgressEventPair[];
+    progress?: ProgressEvent[];
     interactive: Interactive;
 }
 export declare function ProgressSummary(props: ProgressSummaryProps): React.ReactElement;

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

@@ -1,2 +1,7 @@
 import React from 'react';
-export declare function QuestionListEmptyState(): React.ReactElement;
+import { Config } from 'libs/shared/interfaces';
+interface QuestionListEmptyStateProps {
+    config: Config;
+}
+export declare function QuestionListEmptyState(props: QuestionListEmptyStateProps): React.ReactElement;
+export {};

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

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

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

@@ -1,9 +1,9 @@
 import videojs, { VideoJsPlayer } from 'video.js';
 import { HtmlPortalNode } from 'react-reverse-portal';
-import { CurrentUser, Interactive } from 'libs/shared/interfaces';
+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 { ProgressEventPair } from 'projects/player/plugins/progress-reporter-plugin/interfaces/ProgressEvent';
+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';
@@ -26,6 +26,7 @@ declare const Plugin: {
 interface InteractivePluginOptions {
     title: string;
     currentUser?: CurrentUser;
+    config?: Config;
     interactive: Interactive;
     mode?: InteractiveMode;
     imageApi?: URL;
@@ -33,7 +34,7 @@ interface InteractivePluginOptions {
     actionsPortalNode?: HtmlPortalNode;
     questionListPortalNode?: HtmlPortalNode;
     summaryPortalNode?: HtmlPortalNode;
-    progress?: ProgressEventPair[];
+    progress?: ProgressEvent[];
     latestSession?: LatestSession;
     clipOffset?: number;
     analyticsService: AnalyticsService;

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

@@ -1,5 +1,4 @@
 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;
@@ -14,13 +13,20 @@ 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: ProgressEventPair[]) => void;
+    onFlush: (events: ProgressEvent[]) => void;
     interval?: number;
 }
 declare class ProgressReporterPlugin extends Plugin {
     private options;
-    private progressReporterDisplay;
     private eventBuffer;
     private latestTime;
     /**
@@ -44,8 +50,6 @@ declare class ProgressReporterPlugin extends Plugin {
     private validateOptions;
     private bindListeners;
     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 { ProgressEventPair } from 'projects/player/plugins/progress-reporter-plugin/interfaces/ProgressEvent';
+import { ProgressEvent } from 'projects/player/plugins/progress-reporter-plugin/progress-reporter-plugin';
 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: ProgressEventPair[]): void;
+    logVideoProgress(events: ProgressEvent[]): 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-dev.0",
+  "version": "0.0.20-rc.0",
   "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.34-dev.0",
+    "@clickview/tooling": "0.0.33",
     "@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.29-dev.0",
+    "@clickview/styles": "1.0.28",
     "@microsoft/signalr": "5.0.2",
     "cropperjs": "1.5.6",
     "draft-convert": "2.1.10",

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

@@ -1,57 +0,0 @@
-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

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