@clickview/player 0.0.5 → 0.0.6-dev.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

@@ -28,7 +28,6 @@ export declare class CogButton extends MenuButton {
     constructor(player: VideoJsPlayer, options: CogButtonOptions);
     buildWrapperCSSClass(): string;
     buildCSSClass(): string;
-    pressButton(): void;
     /**
      * Create the list of menu items. Specific to each subclass.
      *

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;
@@ -68,11 +78,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';

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

@@ -30,7 +30,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/services/analytics-service.d.ts

@@ -1,5 +1,5 @@
 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';
 interface AnalyticsServiceOptions {
@@ -8,12 +8,14 @@ interface AnalyticsServiceOptions {
     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,70 +1,70 @@
-{
-  "name": "@clickview/player",
-  "version": "0.0.5",
-  "description": "ClickView Player",
-  "main": "dist/player-app.js",
-  "scripts": {
-    "start": "set NODE_ENV=development&& webpack -w --config ./tooling/webpack.config.js",
-    "build": "set NODE_ENV=production&&  webpack --config ./tooling/webpack.config.js",
-    "build-font": "set NODE_ENV=development&& npm run start",
-    "dev-build": "set NODE_ENV=development&& webpack --config ./tooling/webpack.config.js",
-    "storybook": "start-storybook -s ./.storybook/stories/assets -p 6006",
-    "build-storybook": "build-storybook",
-    "test": "jest",
-    "test-watch": "jest --watch",
-    "webpack-dev-server": "set NODE_ENV=development&& webpack-dev-server --config ./tooling/webpack.config.js"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://gitlab.cvinternal.net/front-end/clickview"
-  },
-  "cv": {
-    "publishable": true,
-    "rebuildable": true
-  },
-  "author": "Matt Trengrove, Cameron Hill, Shale Kuzmanovski",
-  "license": "ISC",
-  "devDependencies": {
-    "@babel/core": "7.11.6",
-    "@clickview/eslint-config": "1.0.1",
-    "@clickview/player-font": "0.0.10",
-    "@clickview/tooling": "0.0.23",
-    "@storybook/react": "6.0.26",
-    "@types/chromecast-caf-sender": "1.0.3",
-    "@types/cropperjs": "1.3.0",
-    "@types/draft-js": "0.10.44",
-    "@types/node-polyglot": "0.4.34",
-    "@types/react-draft-wysiwyg": "1.13.1",
-    "@types/simplebar": "5.1.1",
-    "@types/video.js": "7.3.11",
-    "jest": "26.1.0",
-    "ts-jest": "26.1.4",
-    "webpack-dev-server": "3.11.0"
-  },
-  "dependencies": {
-    "@clickview/styles": "1.0.16",
-    "@microsoft/signalr": "5.0.2",
-    "cropperjs": "1.5.6",
-    "draft-convert": "2.1.10",
-    "draft-js": "0.11.7",
-    "keycode": "2.2.0",
-    "node-polyglot": "2.3.0",
-    "react-draft-wysiwyg": "1.14.5",
-    "react-textarea-autosize": "8.3.2",
-    "simplebar": "5.3.0",
-    "simplebar-react": "2.3.0",
-    "video.js": "7.11.2",
-    "videojs-contrib-quality-levels": "2.0.9"
-  },
-  "babel": {
-    "presets": [
-      [
-        "@babel/preset-env",
-        {
-          "corejs": 3,
-          "useBuiltIns": "entry"
-        }
-      ]
-    ]
-  }
-}
+{
+  "name": "@clickview/player",
+  "version": "0.0.6-dev.0",
+  "description": "ClickView Player",
+  "main": "dist/player-app.js",
+  "scripts": {
+    "start": "set NODE_ENV=development&& webpack -w --config ./tooling/webpack.config.js",
+    "build": "set NODE_ENV=production&&  webpack --config ./tooling/webpack.config.js",
+    "build-font": "set NODE_ENV=development&& npm run start",
+    "dev-build": "set NODE_ENV=development&& webpack --config ./tooling/webpack.config.js",
+    "storybook": "start-storybook -s ./.storybook/stories/assets -p 6006",
+    "build-storybook": "build-storybook",
+    "test": "jest",
+    "test-watch": "jest --watch",
+    "webpack-dev-server": "set NODE_ENV=development&& webpack-dev-server --config ./tooling/webpack.config.js"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://gitlab.cvinternal.net/front-end/clickview"
+  },
+  "cv": {
+    "publishable": true,
+    "rebuildable": true
+  },
+  "author": "Matt Trengrove, Cameron Hill, Shale Kuzmanovski",
+  "license": "ISC",
+  "devDependencies": {
+    "@babel/core": "7.11.6",
+    "@clickview/eslint-config": "1.0.1",
+    "@clickview/player-font": "0.0.11",
+    "@clickview/tooling": "0.0.24-dev.2",
+    "@storybook/react": "6.0.26",
+    "@types/chromecast-caf-sender": "1.0.3",
+    "@types/cropperjs": "1.3.0",
+    "@types/draft-js": "0.10.44",
+    "@types/node-polyglot": "0.4.34",
+    "@types/react-draft-wysiwyg": "1.13.1",
+    "@types/simplebar": "5.1.1",
+    "@types/video.js": "7.3.11",
+    "jest": "26.1.0",
+    "ts-jest": "26.1.4",
+    "webpack-dev-server": "3.11.0"
+  },
+  "dependencies": {
+    "@clickview/styles": "1.0.17-dev.2",
+    "@microsoft/signalr": "5.0.2",
+    "cropperjs": "1.5.6",
+    "draft-convert": "2.1.10",
+    "draft-js": "0.11.7",
+    "keycode": "2.2.0",
+    "node-polyglot": "2.3.0",
+    "react-draft-wysiwyg": "1.14.5",
+    "react-textarea-autosize": "8.3.2",
+    "simplebar": "5.3.0",
+    "simplebar-react": "2.3.0",
+    "video.js": "7.11.2",
+    "videojs-contrib-quality-levels": "2.0.9"
+  },
+  "babel": {
+    "presets": [
+      [
+        "@babel/preset-env",
+        {
+          "corejs": 3,
+          "useBuiltIns": "entry"
+        }
+      ]
+    ]
+  }
+}

package/dist/projects/player/src/plugins/example-plugin/components/example-button/example-button.d.ts

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

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

@@ -1,2 +0,0 @@
-import './components/example-button/example-button';
-import './components/example-react-button/example-react-button';

package/dist/projects/player/src/utils/scrollbar-helper.d.ts

@@ -1,6 +0,0 @@
-import videojs from 'video.js';
-export declare const ScrollbarHelper: {
-    initMenuScrollbar(component: videojs.MenuButton): void;
-    unMountScrollbar(component: videojs.MenuButton): void;
-    getMenuEl(component: videojs.MenuButton): HTMLElement;
-};