@clickview/player 0.0.6-dev.1 → 0.0.6-dev.3

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,7 +27,7 @@ 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;
@@ -35,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/players/base-player.d.ts

@@ -52,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

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

@@ -8,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/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;

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,7 +1,7 @@
 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';
-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;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clickview/player",
-  "version": "0.0.6-dev.1",
+  "version": "0.0.6-dev.3",
   "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.11",
-    "@clickview/tooling": "0.0.24-dev.3",
+    "@clickview/player-font": "0.0.12",
+    "@clickview/tooling": "0.0.24-dev.5",
     "@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-dev.3",
+    "@clickview/styles": "1.0.17-dev.5",
     "@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",

package/dist/libs/analytics/src/utils/VideoDataFormatHelper.d.ts

@@ -1,42 +0,0 @@
-import { HashObject, Video } from 'libs/analytics/interfaces';
-export interface VideoWatchAnalyticsEvent {
-    model: Video;
-    playbackStatus: PlaybackStatus;
-}
-export interface PlaybackStatus {
-    position: number;
-    chapter: number;
-    totalDuration: number;
-    totalWatched: number;
-    hasStarted?: boolean;
-}
-interface BaseVideoData {
-    id: string;
-    title: string;
-    trackingCode: string;
-    duration: number;
-}
-interface BaseAssocData {
-    id: string;
-    title?: string;
-}
-export interface VideoAnalyticsPayload {
-    video: BaseVideoData;
-    rating?: string;
-    series?: BaseAssocData;
-    folder?: BaseAssocData;
-    owner?: BaseAssocData;
-    playlist?: BaseAssocData;
-    playbackStatus?: PlaybackStatus;
-}
-export declare const VideoDataFormatHelper: {
-    getVideoData(options: VideoWatchAnalyticsEvent): VideoAnalyticsPayload;
-    /**
-     * Map to the same properties recorded in Online.
-     * @see _toLogMasterVideo() in AnalyticsService in Online
-     *
-     * TODO: Video origin and user channel logging - both of these need to be re-worked properly.
-     */
-    getLegacyVideoData(options: VideoWatchAnalyticsEvent): HashObject;
-};
-export {};

package/dist/libs/shared/src/images/svg/player/index.d.ts

@@ -1,14 +0,0 @@
-import Quality240 from './quality-240.svg';
-import Quality480 from './quality-480.svg';
-import QualityHD from './quality-hd.svg';
-import CloseCaption from './close-caption.svg';
-import Contract from './contract.svg';
-import FullScreen from './full-screen.svg';
-import Mute from './mute.svg';
-import Next from './next.svg';
-import Play from './play.svg';
-import PlayCircle from './play-circle.svg';
-import Pause from './pause.svg';
-import Previous from './previous.svg';
-import Volume from './volume.svg';
-export { Quality240, Quality480, QualityHD, CloseCaption, Contract, FullScreen, Mute, Next, Play, PlayCircle, Pause, Previous, Volume };

package/dist/libs/shared/src/interfaces/requests/CreateViewKeyRequest.d.ts

@@ -1,3 +0,0 @@
-export interface CreateViewKeyRequest {
-    mediaId: string;
-}