@npo/player 1.25.0 → 1.27.0

package/lib/src/services/verticalVideoHandlers/handleVerticalVideoControls.d.ts

@@ -1,2 +1,2 @@
-import { PlayerContext, NpoPlayerUIVariants } from '../../types/interfaces';
-export declare const handleVerticalVideoControls: (playerContext: PlayerContext, variant: NpoPlayerUIVariants) => void;
+import { PlayerContext } from '../../types/interfaces';
+export declare const handleVerticalVideoControls: (playerContext: PlayerContext) => void;

package/lib/src/services/verticalVideoHandlers/handleVerticalVideoSettings.d.ts

@@ -0,0 +1,2 @@
+import { PlayerContext } from '../../types/interfaces';
+export declare function handleVerticalVideoSettings(playerContext: PlayerContext): void;

package/lib/src/services/verticalVideoHandlers/handleVerticalVideoSettings.test.d.ts

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

package/lib/src/types/classes.d.ts

@@ -1,4 +1,10 @@
 /// <reference types="node" />
 import { EventEmitter } from 'events';
+type AllowedEvents = 'logControlsVisibilityChange' | 'logError' | 'logEvent';
 export declare class LogEmitter extends EventEmitter {
+    emit(event: AllowedEvents, ...args: any[]): boolean;
+    on(event: AllowedEvents, listener: (...args: any[]) => void): this;
+    once(event: AllowedEvents, listener: (...args: any[]) => void): this;
+    off(event: AllowedEvents, listener: (...args: any[]) => void): this;
 }
+export {};

package/lib/src/types/interfaces.d.ts

@@ -1,10 +1,10 @@
-import { type ErrorMessageOverlay, type Label, ControlBar, SettingsPanelItem, Button, SeekBar, CastToggleButton, SettingsPanel } from 'bitmovin-player-ui';
+import { type ErrorMessageOverlay, type Label, ControlBar, SettingsPanelItem, Button, SeekBar, CastToggleButton, SettingsPanel, SettingsToggleButton } from 'bitmovin-player-ui';
 import { type NPOTag, type PageTracker } from '@npotag/tag';
 import { ButtonConfig } from 'bitmovin-player-ui/dist/js/framework/components/button';
 import NpoPlayer from '../npoplayer';
 import { NpoPlayerAPI } from '../services/npoPlayerAPI/npoPlayerAPI';
 import { NpoPlayerEventCallback } from './events';
-import { GoogleCastRemoteControlConfig, SourceConfig } from 'bitmovin-player';
+import { AnalyticsConfig, DRMConfig, GoogleCastRemoteControlConfig, ProgressiveSourceConfig, SourceConfigOptions, SourceLabelingStreamTypeConfig, SubtitleTrack, ThumbnailTrack, VRConfig } from 'bitmovin-player';
 export { Technology } from 'bitmovin-player';
 export interface Profile {
     profileName: string;
@@ -31,7 +31,7 @@ export interface StreamObject {
 }
 export interface PlayerContext {
     player: NpoPlayerAPI;
-    npoplayer: NpoPlayer;
+    npoPlayer: NpoPlayer;
 }
 export interface ApiPayload {
     baseURL: string;
@@ -95,6 +95,26 @@ interface FragmentSection {
 export interface Fragment {
     sections: FragmentSection[];
 }
+export interface SourceConfig {
+    dash?: string;
+    hls?: string;
+    progressive?: string | ProgressiveSourceConfig[];
+    smooth?: string;
+    whep?: string;
+    poster?: string;
+    drm?: DRMConfig;
+    options?: SourceConfigOptions;
+    subtitleTracks?: SubtitleTrack[];
+    thumbnailTrack?: ThumbnailTrack;
+    vr?: VRConfig;
+    title?: string;
+    description?: string;
+    labeling?: SourceLabelingStreamTypeConfig;
+    analytics?: AnalyticsConfig;
+    metadata?: {
+        [key: string]: string;
+    };
+}
 export interface StreamOptions {
     sourceConfig?: SourceConfig;
     fragments?: Fragment;
@@ -112,6 +132,8 @@ export interface StreamOptions {
     customFallbackPoster?: string;
     autoFillTimeLineMarkerDuration?: boolean;
     autoplay?: boolean;
+    npoTagPageTracker?: PageTracker;
+    retryCallback?: () => void;
 }
 export interface UIComponents {
     errorMessageOverlay?: ErrorMessageOverlay;
@@ -131,6 +153,8 @@ export interface UIComponents {
     seekBar?: SeekBar | undefined;
     chromeCastButton?: CastToggleButton | undefined;
     settingsPanels?: SettingsPanel[] | undefined;
+    settingsPanel?: SettingsPanel | undefined;
+    settingsToggleButton?: SettingsToggleButton | undefined;
 }
 export interface CustomMessageHandlerInterface {
     defaultActionRequired?: boolean;
@@ -197,7 +221,18 @@ export type TimeLineMarker = {
 export declare enum LocalStorageValues {
     IS_MUTED = "ismuted",
     VOLUME = "volume",
-    SUBTITLES_ENABLED = "subtitles_enabled"
+    SUBTITLES_ENABLED = "subtitles_enabled",
+    SUBTITLES_LANGUAGE = "subtitles_language"
 }
 export type LocalStorageData = Partial<Record<LocalStorageValues, string | number>>;
 export type NPOGoogleCastRemoteControlConfig = GoogleCastRemoteControlConfig;
+export interface PlayerTrackerParams {
+    playerContext: PlayerContext;
+    duration: number | undefined;
+    source: string | undefined;
+}
+export interface LogEventParams {
+    playerContext: PlayerContext;
+    event: string;
+    data?: any;
+}

package/lib/src/ui/components/adbutton.d.ts

@@ -1,6 +1,6 @@
 import { Button } from 'bitmovin-player-ui';
 import type NpoPlayer from '../../npoplayer';
-export declare function createAdButton(npoplayer: NpoPlayer): Button<{
+export declare function createAdButton(npoPlayer: NpoPlayer): Button<{
     cssClass: string;
     text: string;
     hidden: true;

package/lib/src/ui/components/adlabel.d.ts

@@ -1,6 +1,6 @@
 import { Label } from 'bitmovin-player-ui';
 import type NpoPlayer from '../../npoplayer';
-export declare function createAdLabel(npoplayer: NpoPlayer): Label<{
+export declare function createAdLabel(npoPlayer: NpoPlayer): Label<{
     text: string;
     cssClass: string;
     hidden: true;

package/lib/src/ui/components/buttons.d.ts

@@ -1,7 +1,8 @@
 import { type PlayerAPI } from 'bitmovin-player';
-import { Button, ControlBar } from 'bitmovin-player-ui';
+import { Button, ControlBar, CastToggleButton } from 'bitmovin-player-ui';
 import type NpoPlayer from '../../npoplayer';
 import { PlayerContext } from '../../types/interfaces';
+import { NpoPlayerAPI } from '../../services/npoPlayerAPI/npoPlayerAPI';
 export declare function createMiddleButtons(playerContext: PlayerContext): ControlBar;
 export declare function createRewindButton(playerContext: PlayerContext): Button<{
     cssClass: string;
@@ -11,35 +12,24 @@ export declare function createForwardButton(playerContext: PlayerContext): Butto
     cssClass: string;
     ariaLabel: string;
 }>;
-export declare function createPlayNextButton(player: PlayerAPI, npoplayer: NpoPlayer): Button<{
+export declare function createPlayNextButton(player: PlayerAPI, npoPlayer: NpoPlayer): Button<{
     cssClass: string;
-    text: string;
     ariaLabel: string;
-    hidden: false;
-    acceptsTouchWithUiHidden: true;
 }>;
-export declare function createCancelPlayNextButton(player: PlayerAPI, npoplayer: NpoPlayer): Button<{
+export declare function createCancelPlayNextButton(player: PlayerAPI, npoPlayer: NpoPlayer): Button<{
     cssClass: string;
-    text: string;
     ariaLabel: string;
-    hidden: false;
-    acceptsTouchWithUiHidden: true;
 }>;
 export declare function createskipIntroButton(player: PlayerAPI): Button<{
     cssClass: string;
-    text: string;
     ariaLabel: string;
-    hidden: true;
 }>;
 export declare function createGoBackLiveButton(player: PlayerAPI): Button<{
     cssClass: string;
-    text: string;
     ariaLabel: string;
-    hidden: true;
 }>;
-export declare function createWatchFromStartButton(player: PlayerAPI, npoplayer: NpoPlayer): Button<{
+export declare function createWatchFromStartButton(player: PlayerAPI, npoPlayer: NpoPlayer): Button<{
     cssClass: string;
-    text: string;
     ariaLabel: string;
-    hidden: true;
 }>;
+export declare function createChromecastButton(player: NpoPlayerAPI, npoPlayer: NpoPlayer): CastToggleButton;

package/lib/src/ui/components/controlbar.d.ts

@@ -1,3 +1,3 @@
 import { ControlBar } from 'bitmovin-player-ui';
-import { PlayerContext } from '../../types/interfaces';
-export declare function createControlBar(playerContext: PlayerContext): ControlBar;
+import { NpoPlayerUIVariants, PlayerContext } from '../../types/interfaces';
+export declare function createControlBar(playerContext: PlayerContext, variant: NpoPlayerUIVariants): ControlBar;

package/lib/src/ui/components/ctabar.d.ts

@@ -4,7 +4,7 @@ import { type PlayerAPI } from 'bitmovin-player';
 import { ButtonConfig } from 'bitmovin-player-ui/dist/js/framework/components/button';
 import { LabelConfig } from 'bitmovin-player-ui/dist/js/framework/components/label';
 import { NpoPlayerUIVariants } from '../../types/interfaces';
-export declare function createCTABar(player: PlayerAPI, npoplayer: NpoPlayer, variant: NpoPlayerUIVariants): Container<{
+export declare function createCTABar(player: PlayerAPI, npoPlayer: NpoPlayer, variant: NpoPlayerUIVariants): Container<{
     components: (Button<ButtonConfig> | Label<LabelConfig>)[];
     cssClasses: string[];
 }>;

package/lib/src/ui/components/playnext.d.ts

@@ -1,13 +1,10 @@
 import { Container } from 'bitmovin-player-ui';
 import { type PlayerAPI } from 'bitmovin-player';
 import type NpoPlayer from '../../npoplayer';
-export declare function createPlayNextScreen(player: PlayerAPI, npoplayer: NpoPlayer): Container<{
+export declare function createPlayNextScreen(player: PlayerAPI, npoPlayer: NpoPlayer): Container<{
     components: import("bitmovin-player-ui").Button<{
         cssClass: string;
-        text: string;
         ariaLabel: string;
-        hidden: false;
-        acceptsTouchWithUiHidden: true;
     }>[];
     cssClasses: string[];
 }>;

package/lib/src/ui/components/seekbar.d.ts

@@ -1,6 +1,7 @@
 import { Container, PlaybackTimeLabel, SeekBar } from 'bitmovin-player-ui';
 import type NpoPlayer from '../../npoplayer';
-export declare function createSeekBar(npoplayer: NpoPlayer): Container<{
+import { NpoPlayerUIVariants } from '../../npoplayer';
+export declare function createSeekBar(npoPlayer: NpoPlayer, variant: NpoPlayerUIVariants): Container<{
     components: (SeekBar | PlaybackTimeLabel)[];
     cssClasses: string[];
 }>;

package/lib/src/ui/components/titlebar.d.ts

@@ -1,3 +1,3 @@
 import { TitleBar } from 'bitmovin-player-ui';
 import type NpoPlayer from '../../npoplayer';
-export declare function createTitleBar(npoplayer: NpoPlayer): TitleBar;
+export declare function createTitleBar(npoPlayer: NpoPlayer): TitleBar;

package/lib/src/ui/components/verticalvideo/controlbar.d.ts

@@ -1,3 +1,3 @@
-import { ControlBar } from 'bitmovin-player-ui';
-import { PlayerContext } from 'types/interfaces';
-export declare function createVerticalVideoControlBar(playerContext: PlayerContext): ControlBar;
+import { ControlBar, SettingsPanel } from 'bitmovin-player-ui';
+import { PlayerContext } from '../../../types/interfaces';
+export declare function createVerticalVideoControlBar(playerContext: PlayerContext, settingsPanel: SettingsPanel): ControlBar;

package/lib/src/ui/components/verticalvideo/settingspanel.d.ts

@@ -0,0 +1,2 @@
+import { SettingsPanel } from 'bitmovin-player-ui';
+export declare function createVerticalVideoSettingsPanel(): SettingsPanel;

package/lib/src/ui/handlers/playnextscreen.test.d.ts

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

package/lib/src/ui/uicontainer.test.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/lib/tests/mocks/mockLogEmitter.d.ts

@@ -0,0 +1,2 @@
+import { LogEmitter } from '../../src/types/classes';
+export declare const createLogEmitterMock: () => jest.Mocked<LogEmitter>;

package/lib/tests/mocks/mockLogEmitter.js

@@ -0,0 +1,20 @@
+export const createLogEmitterMock = () => {
+    const logEmitterMock = {
+        emit: jest.fn(),
+        on: jest.fn(),
+        once: jest.fn(),
+        off: jest.fn(),
+        addListener: jest.fn(),
+        removeListener: jest.fn(),
+        removeAllListeners: jest.fn(),
+        listeners: jest.fn(),
+        listenerCount: jest.fn(),
+        rawListeners: jest.fn(),
+        eventNames: jest.fn(),
+        setMaxListeners: jest.fn(),
+        getMaxListeners: jest.fn(),
+        prependListener: jest.fn(),
+        prependOnceListener: jest.fn()
+    };
+    return logEmitterMock;
+};

package/lib/tests/mocks/mockNpoplayer.js

@@ -40,7 +40,7 @@ export const mockNpoPlayer = {
     container: document.createElement('div'),
     initPlayer: jest.fn(),
     loadStream: jest.fn(),
-    doError: jest.fn(),
+    keydownHandler: jest.fn(),
     player: {
         getCurrentTime: jest.fn().mockReturnValue(10)
     },
@@ -68,7 +68,6 @@ export const mockNpoPlayer = {
     variant: '',
     playerContext: {},
     isShowingPlayNextScreen: false,
-    userPreferences: {},
     eventListeners: undefined,
     setVolume: function (volume) {
         jest.fn();
@@ -118,6 +117,6 @@ export const mockNpoPlayer = {
     updateMarkers: function () {
         jest.fn();
     },
-    npoplayerServices: new NpoPlayerServices(),
+    npoPlayerServices: new NpoPlayerServices(),
     mockNpoPlayer: undefined
 };

package/lib/tests/mocks/mockStreamObject.d.ts

@@ -0,0 +1,2 @@
+import { StreamObject } from '../../src/types/interfaces';
+export declare const mockStreamObject: StreamObject;

package/lib/tests/mocks/mockStreamObject.js

@@ -0,0 +1,21 @@
+export const mockStreamObject = {
+    stream: {
+        isLiveStream: false,
+        hasDvrWindow: true,
+        avType: '',
+        drmType: '',
+        streamProfile: '',
+        sourceProfile: '',
+        streamURL: ''
+    },
+    metadata: {
+        description: '',
+        title: ''
+    },
+    assets: {
+        scrubbingThumbnail: '',
+        subtitles: undefined,
+        preroll: ''
+    },
+    user: { type: 'anonymous' }
+};

package/lib/tests/mocks/playerContextMock.d.ts

@@ -15,7 +15,9 @@ export declare const createMockNpoPlayer: (overrides?: {}) => {
     };
     uiComponents: {};
     container: HTMLDivElement;
-    streamOptions: {};
+    streamOptions: {
+        enableSubtitles: boolean;
+    };
     jwt: string;
     apiPayload: {
         baseURL: string;
@@ -32,17 +34,18 @@ export declare const createMockNpoPlayer: (overrides?: {}) => {
     isShowingPlayNextScreen: boolean;
     canceledPlayNextScreen: boolean;
     playerContext: undefined;
-    npoplayerServices: {
+    npoPlayerServices: {
         getStoredUserPrefs: jest.Mock<any, any, any>;
+        setStoredUserPrefs: jest.Mock<any, any, any>;
         handleUserPrefs: jest.Mock<any, any, any>;
         setAccessibilityAttributes: jest.Mock<any, any, any>;
         keyboardHandler: jest.Mock<any, any, any>;
         decideProfile: jest.Mock<any, any, any>;
         verifyDRM: jest.Mock<any, any, any>;
+        handleError: jest.Mock<any, any, any>;
     };
     eventListeners: undefined;
     mockNpoPlayer: undefined;
-    userPreferences: {};
     initPlayer: jest.Mock<any, any, any>;
     loadStream: jest.Mock<any, any, any>;
     doError: jest.Mock<any, any, any>;

package/lib/tests/mocks/playerContextMock.js

@@ -7,6 +7,7 @@ const setVolume = jest.fn((level) => {
 export const createMockNpoPlayerAPI = (overrides = {}) => ({
     playerAPI: mockPlayerAPI,
     load: jest.fn(),
+    unload: jest.fn(),
     play: jest.fn(),
     pause: jest.fn(),
     mute: jest.fn(),
@@ -24,6 +25,7 @@ export const createMockNpoPlayerAPI = (overrides = {}) => ({
     setViewMode: jest.fn(),
     getViewMode: jest.fn(),
     areSubtitlesEnabled: jest.fn().mockReturnValue(false),
+    getCurrentSubtitle: jest.fn().mockReturnValue('nl'),
     enableSubtitles: jest.fn(),
     isPaused: jest.fn().mockReturnValue(false),
     isMuted: jest.fn().mockReturnValue(false),
@@ -33,6 +35,7 @@ export const createMockNpoPlayerAPI = (overrides = {}) => ({
     off: jest.fn(),
     on: jest.fn(),
     isCastAvailable: jest.fn(),
+    isCasting: jest.fn().mockReturnValue(false),
     seek: jest.fn(),
     timeShift: jest.fn(),
     getContainer: jest.fn(),
@@ -45,9 +48,9 @@ export const createMockNpoPlayerAPI = (overrides = {}) => ({
     getTimeShift: jest.fn().mockReturnValue(0),
     scheduleAds: jest.fn().mockResolvedValue([]),
     getActiveAdBreak: jest.fn().mockReturnValue(undefined),
-    discardAdBreak: jest.fn(),
     getConfig: jest.fn().mockReturnValue({}),
     createUIManager: jest.fn(),
+    handleErrorRetry: jest.fn(),
     ...overrides
 });
 export const createMockNpoPlayer = (overrides = {}) => ({
@@ -69,7 +72,9 @@ export const createMockNpoPlayer = (overrides = {}) => ({
     logEmitter: { emit: jest.fn() },
     uiComponents: {},
     container: document.createElement('div'),
-    streamOptions: {},
+    streamOptions: {
+        enableSubtitles: false
+    },
     jwt: '',
     apiPayload: { baseURL: '', jwt: '', data: {} },
     adBreakActive: false,
@@ -79,17 +84,18 @@ export const createMockNpoPlayer = (overrides = {}) => ({
     isShowingPlayNextScreen: false,
     canceledPlayNextScreen: false,
     playerContext: undefined,
-    npoplayerServices: {
+    npoPlayerServices: {
         getStoredUserPrefs: jest.fn(),
+        setStoredUserPrefs: jest.fn(),
         handleUserPrefs: jest.fn(),
         setAccessibilityAttributes: jest.fn(),
         keyboardHandler: jest.fn(),
         decideProfile: jest.fn(),
-        verifyDRM: jest.fn()
+        verifyDRM: jest.fn(),
+        handleError: jest.fn()
     },
     eventListeners: undefined,
     mockNpoPlayer: undefined,
-    userPreferences: {},
     initPlayer: jest.fn(),
     loadStream: jest.fn(),
     doError: jest.fn(),
@@ -113,7 +119,7 @@ export const createMockNpoPlayer = (overrides = {}) => ({
 });
 export const createPlayerContextMock = (overrides = {}) => ({
     player: createMockNpoPlayerAPI(),
-    npoplayer: createMockNpoPlayer(),
+    npoPlayer: createMockNpoPlayer(),
     ...overrides
 });
 export default createPlayerContextMock;

package/lib/types/classes.d.ts

@@ -1,4 +1,10 @@
 /// <reference types="node" />
 import { EventEmitter } from 'events';
+type AllowedEvents = 'logControlsVisibilityChange' | 'logError' | 'logEvent';
 export declare class LogEmitter extends EventEmitter {
+    emit(event: AllowedEvents, ...args: any[]): boolean;
+    on(event: AllowedEvents, listener: (...args: any[]) => void): this;
+    once(event: AllowedEvents, listener: (...args: any[]) => void): this;
+    off(event: AllowedEvents, listener: (...args: any[]) => void): this;
 }
+export {};

package/lib/types/classes.js

@@ -1,3 +1,15 @@
 import { EventEmitter } from 'events';
 export class LogEmitter extends EventEmitter {
+    emit(event, ...args) {
+        return super.emit(event, ...args);
+    }
+    on(event, listener) {
+        return super.on(event, listener);
+    }
+    once(event, listener) {
+        return super.once(event, listener);
+    }
+    off(event, listener) {
+        return super.off(event, listener);
+    }
 }

package/lib/types/interfaces.d.ts

@@ -1,10 +1,10 @@
-import { type ErrorMessageOverlay, type Label, ControlBar, SettingsPanelItem, Button, SeekBar, CastToggleButton, SettingsPanel } from 'bitmovin-player-ui';
+import { type ErrorMessageOverlay, type Label, ControlBar, SettingsPanelItem, Button, SeekBar, CastToggleButton, SettingsPanel, SettingsToggleButton } from 'bitmovin-player-ui';
 import { type NPOTag, type PageTracker } from '@npotag/tag';
 import { ButtonConfig } from 'bitmovin-player-ui/dist/js/framework/components/button';
 import NpoPlayer from '../npoplayer';
 import { NpoPlayerAPI } from '../services/npoPlayerAPI/npoPlayerAPI';
 import { NpoPlayerEventCallback } from './events';
-import { GoogleCastRemoteControlConfig, SourceConfig } from 'bitmovin-player';
+import { AnalyticsConfig, DRMConfig, GoogleCastRemoteControlConfig, ProgressiveSourceConfig, SourceConfigOptions, SourceLabelingStreamTypeConfig, SubtitleTrack, ThumbnailTrack, VRConfig } from 'bitmovin-player';
 export { Technology } from 'bitmovin-player';
 export interface Profile {
     profileName: string;
@@ -31,7 +31,7 @@ export interface StreamObject {
 }
 export interface PlayerContext {
     player: NpoPlayerAPI;
-    npoplayer: NpoPlayer;
+    npoPlayer: NpoPlayer;
 }
 export interface ApiPayload {
     baseURL: string;
@@ -95,6 +95,26 @@ interface FragmentSection {
 export interface Fragment {
     sections: FragmentSection[];
 }
+export interface SourceConfig {
+    dash?: string;
+    hls?: string;
+    progressive?: string | ProgressiveSourceConfig[];
+    smooth?: string;
+    whep?: string;
+    poster?: string;
+    drm?: DRMConfig;
+    options?: SourceConfigOptions;
+    subtitleTracks?: SubtitleTrack[];
+    thumbnailTrack?: ThumbnailTrack;
+    vr?: VRConfig;
+    title?: string;
+    description?: string;
+    labeling?: SourceLabelingStreamTypeConfig;
+    analytics?: AnalyticsConfig;
+    metadata?: {
+        [key: string]: string;
+    };
+}
 export interface StreamOptions {
     sourceConfig?: SourceConfig;
     fragments?: Fragment;
@@ -112,6 +132,8 @@ export interface StreamOptions {
     customFallbackPoster?: string;
     autoFillTimeLineMarkerDuration?: boolean;
     autoplay?: boolean;
+    npoTagPageTracker?: PageTracker;
+    retryCallback?: () => void;
 }
 export interface UIComponents {
     errorMessageOverlay?: ErrorMessageOverlay;
@@ -131,6 +153,8 @@ export interface UIComponents {
     seekBar?: SeekBar | undefined;
     chromeCastButton?: CastToggleButton | undefined;
     settingsPanels?: SettingsPanel[] | undefined;
+    settingsPanel?: SettingsPanel | undefined;
+    settingsToggleButton?: SettingsToggleButton | undefined;
 }
 export interface CustomMessageHandlerInterface {
     defaultActionRequired?: boolean;
@@ -197,7 +221,18 @@ export type TimeLineMarker = {
 export declare enum LocalStorageValues {
     IS_MUTED = "ismuted",
     VOLUME = "volume",
-    SUBTITLES_ENABLED = "subtitles_enabled"
+    SUBTITLES_ENABLED = "subtitles_enabled",
+    SUBTITLES_LANGUAGE = "subtitles_language"
 }
 export type LocalStorageData = Partial<Record<LocalStorageValues, string | number>>;
 export type NPOGoogleCastRemoteControlConfig = GoogleCastRemoteControlConfig;
+export interface PlayerTrackerParams {
+    playerContext: PlayerContext;
+    duration: number | undefined;
+    source: string | undefined;
+}
+export interface LogEventParams {
+    playerContext: PlayerContext;
+    event: string;
+    data?: any;
+}

package/lib/types/interfaces.js

@@ -43,4 +43,5 @@ export var LocalStorageValues;
     LocalStorageValues["IS_MUTED"] = "ismuted";
     LocalStorageValues["VOLUME"] = "volume";
     LocalStorageValues["SUBTITLES_ENABLED"] = "subtitles_enabled";
+    LocalStorageValues["SUBTITLES_LANGUAGE"] = "subtitles_language";
 })(LocalStorageValues || (LocalStorageValues = {}));

package/lib/ui/components/adbutton.d.ts

@@ -1,6 +1,6 @@
 import { Button } from 'bitmovin-player-ui';
 import type NpoPlayer from '../../npoplayer';
-export declare function createAdButton(npoplayer: NpoPlayer): Button<{
+export declare function createAdButton(npoPlayer: NpoPlayer): Button<{
     cssClass: string;
     text: string;
     hidden: true;

package/lib/ui/components/adbutton.js

@@ -1,11 +1,11 @@
 import { Button } from 'bitmovin-player-ui';
-export function createAdButton(npoplayer) {
-    npoplayer.uiComponents.adbutton = undefined;
+export function createAdButton(npoPlayer) {
+    npoPlayer.uiComponents.adbutton = undefined;
     const adButton = new Button({
         cssClass: 'ui-textbutton ui-sterbutton bmpui-ui-button',
         text: 'Ga naar website van adverteerder',
         hidden: true
     });
-    npoplayer.uiComponents.adbutton = adButton;
+    npoPlayer.uiComponents.adbutton = adButton;
     return adButton;
 }

package/lib/ui/components/adlabel.d.ts

@@ -1,6 +1,6 @@
 import { Label } from 'bitmovin-player-ui';
 import type NpoPlayer from '../../npoplayer';
-export declare function createAdLabel(npoplayer: NpoPlayer): Label<{
+export declare function createAdLabel(npoPlayer: NpoPlayer): Label<{
     text: string;
     cssClass: string;
     hidden: true;

package/lib/ui/components/adlabel.js

@@ -1,7 +1,7 @@
 import { Label } from 'bitmovin-player-ui';
-export function createAdLabel(npoplayer) {
-    npoplayer.uiComponents.adlabel = undefined;
+export function createAdLabel(npoPlayer) {
+    npoPlayer.uiComponents.adlabel = undefined;
     const adLabel = new Label({ text: '', cssClass: 'adLabel', hidden: true });
-    npoplayer.uiComponents.adlabel = adLabel;
+    npoPlayer.uiComponents.adlabel = adLabel;
     return adLabel;
 }

package/lib/ui/components/audio/controlbar.js

@@ -1,11 +1,12 @@
 import { ControlBar, Container, SeekBar, SeekBarLabel, VolumeControlButton } from 'bitmovin-player-ui';
 import { createSeekBar } from '../seekbar';
+import { NpoPlayerUIVariants } from '../../../npoplayer';
 export function createAudioControlBar(npoPlayer) {
     const seekBar = new SeekBar({ label: new SeekBarLabel() });
     npoPlayer.uiComponents.seekBar = seekBar;
     const controlBar = new ControlBar({
         components: [
-            createSeekBar(npoPlayer),
+            createSeekBar(npoPlayer, NpoPlayerUIVariants.AUDIO),
             new Container({
                 components: [
                     new VolumeControlButton({