@npo/player 1.25.0 → 1.26.0

package/lib/src/npoplayer.d.ts

@@ -4,7 +4,7 @@ import { type InitialisationProps } from '@npotag/tag/dist/types/src/npoTag';
 import { type PlayerAPI, type PlayerConfig, type SourceConfig } from 'bitmovin-player';
 import { UIManager } from 'bitmovin-player-ui';
 import { LogEmitter } from './types/classes';
-import { type DRMProfile, type ApiPayload, type NPOTagObject, type StreamObject, type StreamOptions, type UIComponents, type TimeLineMarker, type LocalStorageData, type PlayerContext, type EventListeners, NpoPlayerUIVariants } from './types/interfaces';
+import { type DRMProfile, type ApiPayload, type NPOTagObject, type StreamObject, type StreamOptions, type UIComponents, type TimeLineMarker, type PlayerContext, type EventListeners, NpoPlayerUIVariants } from './types/interfaces';
 export { type PlayerConfig, type InitialisationProps, type NPOTagObject, type StreamOptions, NpoPlayerUIVariants };
 export default class NpoPlayer {
     playerConfig: PlayerConfig | undefined;
@@ -30,10 +30,9 @@ export default class NpoPlayer {
     isShowingPlayNextScreen: boolean;
     canceledPlayNextScreen: boolean;
     playerContext: PlayerContext | undefined;
-    npoplayerServices: NpoPlayerServices;
+    npoPlayerServices: NpoPlayerServices;
     eventListeners: EventListeners | undefined;
     mockNpoPlayer: any;
-    userPreferences: LocalStorageData;
     constructor(container: HTMLElement | {
         container: HTMLElement;
         playerConfig: PlayerConfig;

package/lib/src/services/nicamHandlers/nicamhandler.d.ts

@@ -1,6 +1,5 @@
-import { UIManager } from 'bitmovin-player-ui';
 import { PlayerContext } from '../../types/interfaces';
 export declare function processNicam(playerContext: PlayerContext, nicamElement: HTMLElement | undefined): void;
 export declare function addNicamIcon(character: string, nicamElement: Element): void;
-export declare function showNicamAfterUiDelay(playerContext: PlayerContext, uiManager: UIManager | undefined): void;
+export declare function showNicamAfterUiDelay(playerContext: PlayerContext): void;
 export declare function setupNicamKijkwijzerIcons(playerContext: PlayerContext): void;

package/lib/src/services/npoPlayerAPI/npoPlayerAPI.d.ts

@@ -17,7 +17,8 @@ export declare class NpoPlayerAPI {
     setViewMode(viewMode: ViewMode): void;
     getViewMode(): ViewMode;
     areSubtitlesEnabled(): boolean;
-    enableSubtitles(): void;
+    getCurrentSubtitle(): string | undefined;
+    enableSubtitles(selectedLang?: string): void;
     isPaused(): boolean;
     isMuted(): boolean;
     isLive(): boolean;
@@ -38,7 +39,6 @@ export declare class NpoPlayerAPI {
     getTimeShift(): number;
     scheduleAds(adConfig: AdConfig): Promise<AdBreak[]>;
     getActiveAdBreak(): AdBreak | null;
-    discardAdBreak(adBreakId: string): void;
     getConfig(mergedConfig?: boolean): PlayerConfig;
     createUIManager(playerContext: PlayerContext, variant: NpoPlayerUIVariants): Promise<void | UIManager>;
 }

package/lib/src/services/preferences/handlePreferences.d.ts

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

package/lib/src/services/preferences/handlePreferences.test.d.ts

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

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

@@ -1,6 +1,5 @@
 import { ApiPayload, Fragment, PlayerContext, Profile, Segment, TimeLineMarker, LocalStorageData, LocalStorageValues, NpoPlayerUIVariants } from '../types/interfaces';
 import { AVType } from '@npotag/tag/dist/types/src/streamTracker';
-import { UIManager } from 'bitmovin-player-ui';
 export declare class NpoPlayerServices {
     getAVType(avType: string): AVType;
     keyboardHandler(playerContext: PlayerContext, e: KeyboardEvent): void;
@@ -13,7 +12,12 @@ export declare class NpoPlayerServices {
     handleUserPrefs(playerContext: PlayerContext): void;
     setAccessibilityAttributes(playerContext: PlayerContext): void;
     schedulePreRolls(playerContext: PlayerContext): Promise<void>;
+    discardAdBreak(playerContext: PlayerContext): void;
     handleVerticalVideoControls(playerContext: PlayerContext, variant: NpoPlayerUIVariants): void;
-    showNicamAfterUiDelay(playerContext: PlayerContext | undefined, uiManager: UIManager | undefined): void;
+    showNicamAfterUiDelay(playerContext: PlayerContext | undefined): void;
     setupNicamKijkwijzerIcons(playerContext: PlayerContext): void;
+    handlePreferences(playerContext: PlayerContext): void;
+    addUivisiblityHandlers(playerContext: PlayerContext): void;
+    removeUivisiblityHandlers(playerContext: PlayerContext): void;
+    handleStreamOptions(playerContext: PlayerContext): void;
 }

package/lib/src/services/uiHandlers/uiVisiblityHandler.d.ts

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

package/lib/src/services/uiHandlers/uiVisiblityHandler.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

@@ -4,7 +4,7 @@ import { ButtonConfig } from 'bitmovin-player-ui/dist/js/framework/components/bu
 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;
@@ -197,7 +217,8 @@ 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;

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,6 @@
 import { Container, PlaybackTimeLabel, SeekBar } from 'bitmovin-player-ui';
 import type NpoPlayer from '../../npoplayer';
-export declare function createSeekBar(npoplayer: NpoPlayer): Container<{
+export declare function createSeekBar(npoPlayer: NpoPlayer): 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/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

@@ -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/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,8 +34,9 @@ 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>;
@@ -42,7 +45,6 @@ export declare const createMockNpoPlayer: (overrides?: {}) => {
     };
     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

@@ -24,6 +24,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),
@@ -45,7 +46,6 @@ 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(),
     ...overrides
@@ -69,7 +69,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,8 +81,9 @@ 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(),
@@ -89,7 +92,6 @@ export const createMockNpoPlayer = (overrides = {}) => ({
     },
     eventListeners: undefined,
     mockNpoPlayer: undefined,
-    userPreferences: {},
     initPlayer: jest.fn(),
     loadStream: jest.fn(),
     doError: jest.fn(),
@@ -113,7 +115,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

@@ -4,7 +4,7 @@ import { ButtonConfig } from 'bitmovin-player-ui/dist/js/framework/components/bu
 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;
@@ -197,7 +217,8 @@ 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;

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/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;