@npo/player 1.15.2 → 1.17.0

package/lib/js/utilities/utilities.d.ts

@@ -1,6 +1,7 @@
 import { type LocalizableText } from 'bitmovin-player-ui/dist/js/framework/localization/i18n';
 export declare const jwtToBase64: (jwt: string) => string;
 export declare const base64ToObject: (base64: string) => Record<string, any>;
+export declare function isJWTToken(token: string): boolean;
 export declare const noTrailingSlash: (url: string) => string;
 export declare function localize(key: string): LocalizableText;
 export declare function validateStreamLength(duration: string | number | undefined, seconds?: boolean): number;

package/lib/js/utilities/utilities.js

@@ -11,6 +11,10 @@ export const base64ToObject = (base64) => {
     })
         .join('')));
 };
+export function isJWTToken(token) {
+    const jwtRegex = /^[A-Za-z0-9-_=]+\.[A-Za-z0-9-_=]+\.[A-Za-z0-9-_.+/=]+$/;
+    return jwtRegex.test(token);
+}
 export const noTrailingSlash = (url) => {
     return url.slice(-1) === '/' ? (url = url.slice(0, -1)) : url;
 };
@@ -36,7 +40,8 @@ export function getModuleExport(module) {
     return module;
 }
 export function isUrl(url) {
-    return url.startsWith("http://") || url.startsWith("https://");
+    const urlRegex = /^(http|https):\/\/(?:www\.)?[-a-zA-Z0-9]+(?:\.[a-zA-Z]{2,})+(?:\/[^ "]+)?(?:\?.*)?$/;
+    return urlRegex.test(url);
 }
 export async function isMediaUrl(url) {
     if (!isUrl(url))

package/lib/js/utilities/utilities.js.map

@@ -1 +1 @@
-{"version":3,"file":"utilities.js","sourceRoot":"","sources":["../../../../src/js/utilities/utilities.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"utilities.js","sourceRoot":"","sources":["../../../../src/js/utilities/utilities.ts"],"names":[],"mappings":"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"}

package/lib/js/utilities/utilities.test.js

@@ -1,4 +1,4 @@
-import { replaceSpecialChars } from './utilities';
+import { replaceSpecialChars, isJWTToken, isUrl } from './utilities';
 describe('replaceSpecialChars', () => {
     it('should replace special characters with their hexadecimal representation', () => {
         const inputText = 'This is a test with ( and * characters.';
@@ -16,4 +16,36 @@ describe('replaceSpecialChars', () => {
         expect(result).toBe(inputText);
     });
 });
+describe('isJWTToken', () => {
+    test('valid JWT token should return true', () => {
+        const validToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJucG8iLCJpYXQiOjE3MDA1Nzk4ODgsImxpY2Vuc2VfcHJvZmlsZSI6IndlYiIsImRybV90eXBlIjoid2lkZXZpbmUiLCJjbGllbnRfaXAiOiIzMS4yMS4yMDUuMTcxIn0.mxNDb_gx8nqwc5p-PwSPnJgjPB8_L-niXm_gIcgkQBw';
+        expect(isJWTToken(validToken)).toBe(true);
+    });
+    test('invalid JWT token should return false', () => {
+        const invalidToken = 'invalidToken';
+        expect(isJWTToken(invalidToken)).toBe(false);
+    });
+    test('an url input should return false, despite 3 dots', () => {
+        const invalidToken = 'https://www.example.com';
+        expect(isJWTToken(invalidToken)).toBe(false);
+    });
+});
+describe('isUrl', () => {
+    test('valid URL should return true', () => {
+        const validUrl = 'https://www.example.com';
+        expect(isUrl(validUrl)).toBe(true);
+    });
+    test('valid URL with parameters should return true', () => {
+        const validUrl = 'https://www.example.com?foo=bar';
+        expect(isUrl(validUrl)).toBe(true);
+    });
+    test('valid URL with parameters should return true', () => {
+        const validUrl = 'https://example.com';
+        expect(isUrl(validUrl)).toBe(true);
+    });
+    test('invalid URL should return false', () => {
+        const invalidUrl = 'invalidurl';
+        expect(isUrl(invalidUrl)).toBe(false);
+    });
+});
 //# sourceMappingURL=utilities.test.js.map

package/lib/js/utilities/utilities.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"utilities.test.js","sourceRoot":"","sources":["../../../../src/js/utilities/utilities.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAA;AAEjD,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACjC,EAAE,CAAC,yEAAyE,EAAE,GAAG,EAAE;QAC/E,MAAM,SAAS,GAAG,yCAAyC,CAAA;QAC3D,MAAM,MAAM,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAA;QAC7C,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,6CAA6C,CAAC,CAAA;IACtE,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE;QACrC,MAAM,SAAS,GAAG,EAAE,CAAA;QACpB,MAAM,MAAM,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAA;QAC7C,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IAC3B,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,mDAAmD,EAAE,GAAG,EAAE;QACzD,MAAM,SAAS,GAAG,qDAAqD,CAAA;QACvE,MAAM,MAAM,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAA;QAC7C,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IAClC,CAAC,CAAC,CAAA;AACN,CAAC,CAAC,CAAA"}
+{"version":3,"file":"utilities.test.js","sourceRoot":"","sources":["../../../../src/js/utilities/utilities.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAEpE,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACjC,EAAE,CAAC,yEAAyE,EAAE,GAAG,EAAE;QAC/E,MAAM,SAAS,GAAG,yCAAyC,CAAA;QAC3D,MAAM,MAAM,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAA;QAC7C,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,6CAA6C,CAAC,CAAA;IACtE,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE;QACrC,MAAM,SAAS,GAAG,EAAE,CAAA;QACpB,MAAM,MAAM,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAA;QAC7C,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IAC3B,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,mDAAmD,EAAE,GAAG,EAAE;QACzD,MAAM,SAAS,GAAG,qDAAqD,CAAA;QACvE,MAAM,MAAM,GAAG,mBAAmB,CAAC,SAAS,CAAC,CAAA;QAC7C,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAA;IAClC,CAAC,CAAC,CAAA;AACN,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,YAAY,EAAE,GAAG,EAAE;IACxB,IAAI,CAAC,oCAAoC,EAAE,GAAG,EAAE;QAC5C,MAAM,UAAU,GAAG,8NAA8N,CAAA;QACjP,MAAM,CAAC,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAC7C,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,uCAAuC,EAAE,GAAG,EAAE;QAC/C,MAAM,YAAY,GAAG,cAAc,CAAA;QACnC,MAAM,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IAChD,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,kDAAkD,EAAE,GAAG,EAAE;QAC1D,MAAM,YAAY,GAAG,yBAAyB,CAAA;QAC9C,MAAM,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IAChD,CAAC,CAAC,CAAA;AACN,CAAC,CAAC,CAAA;AAEF,QAAQ,CAAC,OAAO,EAAE,GAAG,EAAE;IACnB,IAAI,CAAC,8BAA8B,EAAE,GAAG,EAAE;QACtC,MAAM,QAAQ,GAAG,yBAAyB,CAAA;QAC1C,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACtC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,8CAA8C,EAAE,GAAG,EAAE;QACtD,MAAM,QAAQ,GAAG,iCAAiC,CAAA;QAClD,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACtC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,8CAA8C,EAAE,GAAG,EAAE;QACtD,MAAM,QAAQ,GAAG,qBAAqB,CAAA;QACtC,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACtC,CAAC,CAAC,CAAA;IAEF,IAAI,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,MAAM,UAAU,GAAG,YAAY,CAAA;QAC/B,MAAM,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IACzC,CAAC,CAAC,CAAA;AACN,CAAC,CAAC,CAAA"}

package/lib/npoplayer.d.ts

@@ -3,7 +3,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 Fragments, type NPOTagObject, type Section, type StreamObject, type StreamOptions, type UIComponents, NpoPlayerUIVariants } from './types/interfaces';
+import { type DRMProfile, type ApiPayload, type NPOTagObject, type Section, type StreamObject, type StreamOptions, type UIComponents, NpoPlayerUIVariants } from './types/interfaces';
 export { type PlayerConfig, type InitialisationProps, type NPOTagObject, type StreamOptions, NpoPlayerUIVariants, };
 export default class NpoPlayer {
     playerConfig: PlayerConfig;
@@ -28,7 +28,6 @@ export default class NpoPlayer {
     initPlayer(_container: HTMLElement, playerConfig: PlayerConfig, variant: NpoPlayerUIVariants): void;
     loadStream(source: string, options?: StreamOptions): Promise<void>;
     createUIManager(player: PlayerAPI, variant: NpoPlayerUIVariants): Promise<void>;
-    setFragments(fragments: Fragments): Promise<void>;
     doError(input: any, status?: number): void;
     keyPress(e: KeyboardEvent): void;
     setVolume(volume: number): void;
@@ -42,4 +41,5 @@ export default class NpoPlayer {
     doPlayNext(): void;
     destroy(): boolean;
     unload(): boolean;
+    printVersion(): void;
 }

package/lib/npoplayer.js

@@ -4,14 +4,12 @@ import { logEvent, initPlayerTracker, startPlayerTracker } from './js/tracking/p
 import { hidePlayNextScreen, showPlayNextScreen } from './js/ui/components/shared/playnextscreen';
 import * as utility from './js/utilities/utilities';
 import * as drm from './js/drm/drm';
-import { setFragments } from './js/fragments/setfragments';
 import * as playerAction from './js/playeractions/playeractions';
 import { getStreamObject } from './js/api/getstreamobject';
 import { printVersion } from './js/utilities/printversion';
 import { UIManager } from 'bitmovin-player-ui';
 import { customSpecificErrorMessageOverlayConfig } from './js/playeractions/handlers/customerrors';
 import { createUIContainer } from './js/ui/uicontainer';
-import { processNicam } from './js/ui/handlers/nicamhandler';
 import { addAccessibilityAttributes } from './js/ui/handlers/accessibilityhandler';
 import { LogEmitter } from './types/classes';
 import { handlePreRolls } from './js/ads/ster';
@@ -19,6 +17,7 @@ import pkg from '../package.json';
 import { NpoPlayerUIVariants } from './types/interfaces';
 import { nativeMobileUiFactory } from './js/ui/nativemobileuifactory';
 import { setupMediaSessionActionHandlers } from './js/playeractions/handlers/mediasessionactions';
+import { processStream } from './js/ui/handlers/streamhandler';
 export { NpoPlayerUIVariants, };
 export default class NpoPlayer {
     constructor(_container, _playerConfig, _npotag, _npotaginstance, _variant) {
@@ -47,7 +46,6 @@ export default class NpoPlayer {
         this.initPlayer(this.container, _playerConfig, this.variant);
     }
     initPlayer(_container, playerConfig, variant) {
-        printVersion(this.version);
         const processedPlayerConfig = playerAction.processPlayerConfig(this, playerConfig);
         Player.addModule(utility.getModuleExport(AdsModuleBM));
         this.player = new Player(_container, processedPlayerConfig);
@@ -66,19 +64,18 @@ export default class NpoPlayer {
             return;
         }
         let _streamObject;
-        const addFragments = (section) => {
-            void this.setFragments({ sections: [section] });
-        };
+        const isUrl = utility.isUrl(source);
         const isMedia = await utility.isMediaUrl(source);
-        if (isMedia) {
+        const isJWTToken = utility.isJWTToken(source);
+        if (isUrl && isMedia) {
             this.sourceConfig = {
                 ...options.sourceConfig,
-                "progressive": source
+                'progressive': source
             };
             this.player?.load(this.sourceConfig);
             startPlayerTracker(this, utility.validateStreamLength(this.player?.getDuration(), true), this.version, source);
         }
-        else {
+        else if (isJWTToken) {
             this.jwt = source;
             const profile = await drm.decideProfile(this.player, options?.preferredDRM ?? '');
             const defaultEndpoint = 'https://prod.npoplayer.nl/';
@@ -91,6 +88,9 @@ export default class NpoPlayer {
             try {
                 _streamObject = await getStreamObject(this, payload);
                 this.streamObject = _streamObject;
+                if (_streamObject) {
+                    this.createUIManager(this.player, this.variant);
+                }
             }
             catch (err) {
                 this.doError('Het is niet gelukt de stream op te halen. \n' + err);
@@ -102,22 +102,6 @@ export default class NpoPlayer {
             const drmType = this.streamObject.stream.drmType ?? null;
             this.sourceConfig = playerAction.processSourceConfig(options.sourceConfig ?? {}, this.streamObject, drmType && drmType.length > 0 ? profile.drm : null);
             await drm.verifyDRM(this, this.player, payload);
-            if (_streamObject.segment != null) {
-                const seg = _streamObject.segment;
-                const section = {
-                    start: seg.inpoint,
-                    end: seg.outpoint,
-                    title: this.sourceConfig.title || '',
-                };
-                this.player.off(PlayerEvent.Ready, () => addFragments(section));
-                this.player.on(PlayerEvent.Ready, () => addFragments(section));
-            }
-            if (_streamObject.segment === undefined && options?.fragments === undefined) {
-                const element = this.container.querySelector('.bmpui-seekbar-label-title');
-                if (element !== null) {
-                    element.textContent = this.sourceConfig.title || '';
-                }
-            }
             setupMediaSessionActionHandlers(this.player, this.sourceConfig, _streamObject);
             logEvent(this, 'load');
             if (this.variant !== NpoPlayerUIVariants.AUDIO) {
@@ -125,40 +109,18 @@ export default class NpoPlayer {
             }
             startPlayerTracker(this, utility.validateStreamLength(_streamObject.metadata.duration, false), this.version, _streamObject.metadata.prid);
         }
-        processNicam(this.streamObject, this.container.id, options);
+        else {
+            this.doError(`Het is niet gelukt de stream op te halen: \n Input is valide token of media object.`, 500);
+        }
         this.player.off(PlayerEvent.SourceLoaded, () => { void addAccessibilityAttributes(this.container, this.streamObject.metadata); });
         this.player.on(PlayerEvent.SourceLoaded, () => { void addAccessibilityAttributes(this.container, this.streamObject.metadata); });
+        this.player.off(PlayerEvent.AdBreakFinished, () => { void addAccessibilityAttributes(this.container, this.streamObject.metadata); });
+        this.player.on(PlayerEvent.AdBreakFinished, () => { void addAccessibilityAttributes(this.container, this.streamObject.metadata); });
         if (this.sourceConfig?.metadata) {
             this.sourceConfig.metadata.jwt = source;
             this.sourceConfig.metadata.av_type = this.streamObject.stream.avType;
+            this.sourceConfig.metadata.npoTagSession = String(this.npoTag?.npoTagInstance?.getSerializedSessionInfo());
         }
-        const isLiveStream = this.streamObject.stream.isLiveStream && this.streamObject.stream.hasDvrWindow;
-        if (isLiveStream) {
-            this.container.classList.add('livestream-dvr');
-        }
-        const isAutoplayEnabled = this.player.getConfig()?.playback?.autoplay ?? false;
-        if (isAutoplayEnabled && (this.sourceConfig?.progressive || this.streamObject?.stream?.streamProfile === 'progressive')) {
-            this.player.on(PlayerEvent.SourceLoaded, () => {
-                this.player?.play();
-            });
-        }
-        if (options?.startOffset != null)
-            playerAction.handleStartOffset(this.player, options.startOffset);
-        const setLiveOffsetListener = function () {
-            if (this.player === null)
-                return;
-            this.player.off(PlayerEvent.SourceLoaded, setLiveOffsetListener);
-            playerAction.handleLiveOffsetLogic(this, this.player, options);
-        }.bind(this);
-        this.player.on(PlayerEvent.SourceLoaded, setLiveOffsetListener);
-        if (options?.fragments != null) {
-            const fragments = options.fragments;
-            this.player.off(PlayerEvent.Ready, () => { void this.setFragments(fragments); });
-            this.player.on(PlayerEvent.Ready, () => { void this.setFragments(fragments); });
-        }
-        this.player.on(PlayerEvent.Seeked, () => {
-            document.querySelector('.bmpui-npo-player.bmpui-player-state-finished')?.classList.remove('bmpui-player-state-finished');
-        });
         this.player.off(PlayerEvent.PlaybackFinished, () => {
             this.showPlayNextScreen();
         });
@@ -173,11 +135,12 @@ export default class NpoPlayer {
             errorMessages: customSpecificErrorMessageOverlayConfig,
             disableAutoHideWhenHovered: true
         };
-        this.uiManager = new UIManager(player, createUIContainer(this, player, variant, this.container), uiConfig);
-    }
-    async setFragments(fragments) {
-        if (this.player && this.uiManager) {
-            void setFragments(this.player, this.uiManager, fragments);
+        if (!this.uiManager || variant !== this.variant) {
+            this.uiManager = new UIManager(player, createUIContainer(this, player, variant, this.container), uiConfig);
+            this.variant = variant;
+        }
+        if (this.uiManager) {
+            processStream(this.streamObject, this.container, this.streamOptions, player, this.uiManager, this.sourceConfig);
         }
     }
     doError(input, status) {
@@ -272,6 +235,9 @@ export default class NpoPlayer {
             return false;
         }
     }
+    printVersion() {
+        printVersion(this.version);
+    }
 }
 window.bitmovin.playerui = function () { };
 window.bitmovin.playerui.UIFactory = {

package/lib/npoplayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"npoplayer.js","sourceRoot":"","sources":["../../src/npoplayer.ts"],"names":[],"mappings":"AAGA,OAAO,EACH,MAAM,EACN,WAAW,GAKd,MAAM,iBAAiB,CAAA;AACxB,OAAO,WAAW,MAAM,6DAA6D,CAAA;AACrF,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,6BAA6B,CAAA;AAC7F,OAAO,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,0CAA0C,CAAA;AACjG,OAAO,KAAK,OAAO,MAAM,0BAA0B,CAAA;AACnD,OAAO,KAAK,GAAG,MAAM,cAAc,CAAA;AACnC,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC1D,OAAO,KAAK,YAAY,MAAM,kCAAkC,CAAA;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,uCAAuC,EAAE,MAAM,0CAA0C,CAAA;AAClG,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,0BAA0B,EAAE,MAAM,uCAAuC,CAAA;AAClF,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAC5C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,GAAG,MAAM,iBAAiB,CAAA;AACjC,OAAO,EASH,mBAAmB,EACtB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,qBAAqB,EAAE,MAAM,+BAA+B,CAAA;AACrE,OAAO,EAAE,+BAA+B,EAAE,MAAM,iDAAiD,CAAA;AAEjG,OAAO,EAKH,mBAAmB,GACtB,CAAA;AAED,MAAM,CAAC,OAAO,OAAO,SAAS;IAoB1B,YACI,UAAuB,EACvB,aAA2B,EAC3B,OAAoC,EACpC,eAAoC,EACpC,QAA8B;QAE9B,IAAI,CAAC,YAAY,GAAG,aAAa,CAAA;QACjC,IAAI,CAAC,YAAY,GAAG,EAAE,CAAA;QACtB,IAAI,CAAC,YAAY,GAAG;YAChB,MAAM,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE;YACxF,QAAQ,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE;YACxC,MAAM,EAAE,EAAE,kBAAkB,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE;SACpD,CAAA;QACD,IAAI,CAAC,SAAS,GAAG,UAAU,CAAA;QAC3B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAA;QAClB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAA;QACrB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAA;QACpB,IAAI,CAAC,aAAa,GAAG,IAAI,CAAA;QACzB,IAAI,CAAC,aAAa,GAAG,EAAE,CAAA;QACvB,IAAI,CAAC,GAAG,GAAG,EAAE,CAAA;QACb,IAAI,CAAC,UAAU,GAAG,EAAE,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,IAAI,EAAE,EAAE,EAAE,CAAA;QACpD,IAAI,CAAC,aAAa,GAAG,KAAK,CAAA;QAC1B,IAAI,CAAC,OAAO,GAAG,GAAG,CAAC,OAAO,CAAA;QAC1B,IAAI,CAAC,UAAU,GAAG,EAAE,WAAW,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAC,CAAA;QAC7C,IAAI,CAAC,OAAO,GAAG,QAAQ,IAAI,mBAAmB,CAAC,OAAO,CAAA;QAEtD,iBAAiB,CAAC,IAAI,EAAE,OAAO,EAAE,eAAe,CAAC,CAAA;QAEjD,IAAI,CAAC,UAAU,GAAG,IAAI,UAAU,EAAE,CAAA;QAClC,IAAI,CAAC,YAAY,GAAG,EAAE,CAAA;QAEtB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,SAAS,EAAE,aAAa,EAAE,IAAI,CAAC,OAAO,CAAC,CAAA;IAChE,CAAC;IAED,UAAU,CAAE,UAAuB,EAAE,YAA0B,EAAE,OAA4B;QAEzF,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;QAG1B,MAAM,qBAAqB,GAAG,YAAY,CAAC,mBAAmB,CAAC,IAAI,EAAE,YAAY,CAAC,CAAA;QAGlF,MAAM,CAAC,SAAS,CAAC,OAAO,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC,CAAA;QAEtD,IAAI,CAAC,MAAM,GAAG,IAAI,MAAM,CAAC,UAAU,EAAE,qBAAqB,CAAC,CAAA;QAE3D,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;QAE1C,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAC3B,SAAS,EACT,CAAC,CAAC,EAAE;YACA,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;QACpB,CAAC,EACD,IAAI,CACP,CAAA;IACL,CAAC;IAED,KAAK,CAAC,UAAU,CAAE,MAAc,EAAE,UAAyB,EAAE;QACzD,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,EAAE;YACrB,OAAO,CAAC,KAAK,CAAC,gCAAgC,CAAC,CAAA;YAC/C,OAAM;SACT;QAED,IAAI,IAAI,CAAC,aAAa,EAAE;YACpB,OAAO,CAAC,KAAK,CAAC,4DAA4D,CAAC,CAAA;YAC3E,OAAM;SACT;QAED,IAAI,aAAa,CAAA;QAEjB,MAAM,YAAY,GAAG,CAAC,OAAgB,EAAE,EAAE;YACtC,KAAK,IAAI,CAAC,YAAY,CAAC,EAAE,QAAQ,EAAE,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;QACnD,CAAC,CAAA;QAED,MAAM,OAAO,GAAG,MAAM,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,CAAA;QAEhD,IAAI,OAAO,EAAE;YACT,IAAI,CAAC,YAAY,GAAG;gBAChB,GAAG,OAAO,CAAC,YAAY;gBACvB,aAAa,EAAE,MAAM;aACxB,CAAA;YAED,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;YACpC,kBAAkB,CAAC,IAAI,EAAE,OAAO,CAAC,oBAAoB,CAAC,IAAI,CAAC,MAAM,EAAE,WAAW,EAAE,EAAE,IAAI,CAAC,EAAE,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,CAAA;SACjH;aAAM;YAEH,IAAI,CAAC,GAAG,GAAG,MAAM,CAAA;YAGjB,MAAM,OAAO,GAAG,MAAM,GAAG,CAAC,aAAa,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE,YAAY,IAAI,EAAE,CAAC,CAAA;YACjF,MAAM,eAAe,GAAG,4BAA4B,CAAA;YACpD,MAAM,QAAQ,GAAG,OAAO,EAAE,QAAQ,IAAI,eAAe,CAAA;YACrD,MAAM,OAAO,GAAe;gBACxB,OAAO,EAAE,QAAQ;gBACjB,GAAG,EAAE,MAAM;gBACX,IAAI,EAAE,EAAE,WAAW,EAAE,OAAO,CAAC,WAAW,EAAE,OAAO,EAAE,OAAO,CAAC,GAAG,EAAG,WAAW,EAAE,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAC;aACtG,CAAA;YAED,IAAI;gBACA,aAAa,GAAG,MAAM,eAAe,CAAC,IAAI,EAAE,OAAO,CAAC,CAAA;gBACpD,IAAI,CAAC,YAAY,GAAG,aAAa,CAAA;aACpC;YAAC,OAAO,GAAQ,EAAE;gBACf,IAAI,CAAC,OAAO,CAAC,8CAA8C,GAAG,GAAG,CAAC,CAAA;gBAClE,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAA;gBACnB,OAAM;aACT;YAGD,IAAI,IAAI,CAAC,YAAY,EAAE,MAAM,IAAI,SAAS;gBAAE,OAAM;YAGlD,MAAM,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,OAAO,IAAI,IAAI,CAAA;YACxD,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC,mBAAmB,CAChD,OAAO,CAAC,YAAY,IAAI,EAAE,EAC1B,IAAI,CAAC,YAAY,EACjB,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CACrD,CAAA;YAGD,MAAM,GAAG,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;YAE/C,IAAI,aAAa,CAAC,OAAO,IAAI,IAAI,EAAE;gBAC/B,MAAM,GAAG,GAAG,aAAa,CAAC,OAAO,CAAA;gBACjC,MAAM,OAAO,GAAY;oBACrB,KAAK,EAAE,GAAG,CAAC,OAAO;oBAClB,GAAG,EAAE,GAAG,CAAC,QAAQ;oBACjB,KAAK,EAAE,IAAI,CAAC,YAAY,CAAC,KAAK,IAAI,EAAE;iBACvC,CAAA;gBACD,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAA;gBAC/D,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,WAAW,CAAC,KAAK,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAA;aACjE;YAGD,IAAI,aAAa,CAAC,OAAO,KAAK,SAAS,IAAI,OAAO,EAAE,SAAS,KAAK,SAAS,EAAE;gBACzE,MAAM,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,aAAa,CAAC,4BAA4B,CAAC,CAAA;gBAC1E,IAAI,OAAO,KAAK,IAAI,EAAE;oBAClB,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC,YAAY,CAAC,KAAK,IAAI,EAAE,CAAA;iBACtD;aACJ;YAED,+BAA+B,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,EAAE,aAAa,CAAC,CAAA;YAG9E,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;YAEtB,IAAI,IAAI,CAAC,OAAO,KAAK,mBAAmB,CAAC,KAAK,EAAE;gBAC5C,MAAM,cAAc,CAAC,IAAI,CAAC,MAAM,EAAE,aAAa,EAAE,IAAI,CAAC,CAAA;aACzD;YAED,kBAAkB,CAAC,IAAI,EAAE,OAAO,CAAC,oBAAoB,CAAC,aAAa,CAAC,QAAQ,CAAC,QAAQ,EAAE,KAAK,CAAE,EAAE,IAAI,CAAC,OAAO,EAAE,aAAa,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAA;SAE7I;QAGD,YAAY,CAAC,IAAI,CAAC,YAAY,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE,EAAE,OAAO,CAAC,CAAA;QAE3D,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,YAAY,EAAE,GAAG,EAAE,GAAG,KAAK,0BAA0B,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAA,CAAC,CAAC,CAAC,CAAA;QAChI,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,WAAW,CAAC,YAAY,EAAE,GAAG,EAAE,GAAG,KAAK,0BAA0B,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAA,CAAC,CAAC,CAAC,CAAA;QAG/H,IAAI,IAAI,CAAC,YAAY,EAAE,QAAQ,EAAE;YAC7B,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,GAAG,GAAG,MAAM,CAAA;YACvC,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,MAAM,CAAA;SACvE;QAGD,MAAM,YAAY,GAAG,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,YAAY,IAAI,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,YAAY,CAAA;QACnG,IAAI,YAAY,EAAE;YACd,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;SACjD;QAED,MAAM,iBAAiB,GAAG,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,EAAE,QAAQ,EAAE,QAAQ,IAAI,KAAK,CAAA;QAC9E,IAAI,iBAAiB,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,WAAW,IAAI,IAAI,CAAC,YAAY,EAAE,MAAM,EAAE,aAAa,KAAK,aAAa,CAAC,EAAE;YACrH,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,WAAW,CAAC,YAAY,EAAE,GAAG,EAAE;gBAC1C,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,CAAA;YACvB,CAAC,CAAC,CAAA;SACL;QAGD,IAAI,OAAO,EAAE,WAAW,IAAI,IAAI;YAAE,YAAY,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,CAAA;QAGlG,MAAM,qBAAqB,GAAG;YAC1B,IAAI,IAAI,CAAC,MAAM,KAAK,IAAI;gBAAE,OAAM;YAEhC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,YAAY,EAAE,qBAAqB,CAAC,CAAA;YAChE,YAAY,CAAC,qBAAqB,CAAC,IAAI,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;QAClE,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;QACZ,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,WAAW,CAAC,YAAY,EAAE,qBAAqB,CAAC,CAAA;QAG/D,IAAI,OAAO,EAAE,SAAS,IAAI,IAAI,EAAE;YAC5B,MAAM,SAAS,GAAG,OAAO,CAAC,SAAS,CAAA;YACnC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAA,CAAC,CAAC,CAAC,CAAA;YAC/E,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,WAAW,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC,YAAY,CAAC,SAAS,CAAC,CAAA,CAAC,CAAC,CAAC,CAAA;SACjF;QAGD,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,WAAW,CAAC,MAAM,EAAE,GAAG,EAAE;YACpC,QAAQ,CAAC,aAAa,CAAC,+CAA+C,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,6BAA6B,CAAC,CAAA;QAC5H,CAAC,CAAC,CAAA;QAKF,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,gBAAgB,EAAE,GAAG,EAAE;YAC/C,IAAI,CAAC,kBAAkB,EAAE,CAAA;QAC7B,CAAC,CAAC,CAAA;QACF,IAAI,OAAO,EAAE,IAAI,IAAI,IAAI,EAAE;YACvB,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,WAAW,CAAC,gBAAgB,EAAE,GAAG,EAAE;gBAC9C,IAAI,CAAC,kBAAkB,EAAE,CAAA;YAC7B,CAAC,CAAC,CAAA;SACL;IACL,CAAC;IAED,KAAK,CAAC,eAAe,CAAC,MAAiB,EAAE,OAA4B;QACjE,MAAM,QAAQ,GAAa;YACvB,aAAa,EAAE,uCAAuC;YACtD,0BAA0B,EAAE,IAAI;SACnC,CAAA;QACD,IAAI,CAAC,SAAS,GAAG,IAAI,SAAS,CAC1B,MAAM,EACN,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,CAAC,SAAS,CAAC,EACxD,QAAQ,CACX,CAAA;IACL,CAAC;IAED,KAAK,CAAC,YAAY,CAAE,SAAoB;QACpC,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,CAAC,SAAS,EAAE;YAC/B,KAAK,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;SAC5D;IACL,CAAC;IAED,OAAO,CAAE,KAAU,EAAE,MAAe;QAChC,IAAG,IAAI,CAAC,MAAM,IAAI,IAAI;YAAE,OAAM;QAE9B,IAAI,MAAM,EAAE;YACR,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,UAAU,EAAE,MAAM,CAAC,CAAA;SAC3C;QAED,YAAY,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC,CAAA;IACzE,CAAC;IAGD,QAAQ,CAAE,CAAgB;QACtB,IAAI,CAAC,OAAO,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;YAAE,CAAC,CAAC,cAAc,EAAE,CAAA;QAE1E,IAAI,CAAC,IAAI,CAAC,MAAM;YAAE,OAAM;QAExB,YAAY,CAAC,eAAe,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAA;IACtD,CAAC;IAED,SAAS,CAAE,MAAc;QACrB,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI;YAAE,OAAM;QAC/B,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAA;IACjC,CAAC;IAED,cAAc;QACV,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI;YAAE,OAAM;QAC/B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,CAAA;IAChD,CAAC;IAED,cAAc;QACV,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI;YAAE,OAAM;QAC/B,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,CAAA;IAChD,CAAC;IAED,SAAS,CAAE,OAAe;QACtB,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI;YAAE,OAAM;QAC/B,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,KAAK,EAAE;YAC/B,IAAI,CAAC,MAAM,CAAC,SAAS,CACjB,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,GAAG,OAAO,CAAC,CACpD,CAAA;SACJ;aAAM;YACH,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,cAAc,EAAE,GAAG,OAAO,CAAC,CAAA;SAC3D;IACL,CAAC;IAED,WAAW,CAAE,OAAe;QACxB,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI;YAAE,OAAM;QAC/B,IAAI,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,KAAK,EAAE;YAC/B,IAAI,CAAC,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,MAAM,CAAC,YAAY,EAAE,GAAG,OAAO,CAAC,CAAA;SAC9D;aAAM;YACH,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,cAAc,EAAE,GAAG,OAAO,CAAC,CAAA;SAC3D;IACL,CAAC;IAED,cAAc;QACV,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI;YAAE,OAAM;QAC/B,YAAY,CAAC,mBAAmB,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,CAAA;IACrF,CAAC;IAGD,kBAAkB;QACd,kBAAkB,CAAC,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IAClD,CAAC;IAED,kBAAkB;QACd,kBAAkB,EAAE,CAAA;IACxB,CAAC;IAED,UAAU;QACN,IAAI,CAAC,kBAAkB,EAAE,CAAA;QACzB,KAAK,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,aAAa,CAAC,CAAA;IACtD,CAAC;IAED,OAAO;QACH,IAAI;YACA,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,EAAE;gBACrB,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAA;aAC/C;YACD,IAAI,CAAC,SAAS,EAAE,OAAO,EAAE,CAAA;YACzB,KAAK,IAAI,CAAC,MAAM,EAAE,OAAO,EAAE,CAAA;YAC3B,OAAO,IAAI,CAAA;SACd;QAAC,OAAO,CAAC,EAAE;YACR,OAAO,CAAC,KAAK,CAAC,4BAA4B,EAAE,CAAC,CAAC,CAAA;YAC9C,OAAO,KAAK,CAAA;SACf;IACL,CAAC;IAED,MAAM;QACF,IAAI;YACA,IAAI,IAAI,CAAC,MAAM,IAAI,IAAI,EAAE;gBACrB,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAA;aAC/C;YACD,KAAK,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,CAAA;YAC1B,OAAO,IAAI,CAAA;SACd;QAAC,OAAO,CAAC,EAAE;YACR,OAAO,CAAC,KAAK,CAAC,2BAA2B,EAAE,CAAC,CAAC,CAAA;YAC7C,OAAO,KAAK,CAAA;SACf;IACL,CAAC;CAEJ;AAGA,MAAc,CAAC,QAAQ,CAAC,QAAQ,GAAG,cAAY,CAAC,CAAC;AAEjD,MAAc,CAAC,QAAQ,CAAC,QAAQ,CAAC,SAAS,GAAG;IAC1C,yBAAyB,EAAE,UAAU,MAAiB,EAAE,SAAmB,EAAE;QACzE,OAAO,qBAAqB,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAChD,CAAC;CACJ,CAAA"}
+{"version":3,"file":"npoplayer.js","sourceRoot":"","sources":["../../src/npoplayer.ts"],"names":[],"mappings":"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"}

package/lib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npo/player",
-  "version": "1.15.2",
+  "version": "1.17.0",
   "description": "NPO Player",
   "author": "Publieke Omroep <player@npo.nl>",
   "contributors": [

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

@@ -3,7 +3,8 @@ import type NpoPlayer from '../../../npoplayer';
 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';
-export declare function createCTABar(player: PlayerAPI, npoplayer: NpoPlayer, variant: string): Container<{
+import { NpoPlayerUIVariants } from '../../../types/interfaces';
+export declare function createCTABar(player: PlayerAPI, npoplayer: NpoPlayer, variant: NpoPlayerUIVariants): Container<{
     components: (Label<LabelConfig> | Button<ButtonConfig>)[];
     cssClasses: string[];
 }>;

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

@@ -1,5 +1,6 @@
-import { AirPlayToggleButton, Button, CastToggleButton, FullscreenToggleButton, PictureInPictureToggleButton, PlaybackToggleButton, SettingsPanel, SettingsToggleButton, VolumeToggleButton } from 'bitmovin-player-ui';
+import { AirPlayToggleButton, Button, CastToggleButton, ControlBar, FullscreenToggleButton, PictureInPictureToggleButton, PlaybackToggleButton, SettingsPanel, SettingsToggleButton, VolumeToggleButton } from 'bitmovin-player-ui';
 import { PlayerAPI } from 'bitmovin-player';
+export declare function createMiddleButtons(player: PlayerAPI): ControlBar;
 export declare function createPlayNextButton(): Button<{
     cssClass: string;
     text: string;

package/lib/src/js/ui/handlers/streamhandler.d.ts

@@ -0,0 +1,4 @@
+import { type StreamObject, type StreamOptions } from "../../../types/interfaces";
+import { PlayerAPI, SourceConfig } from "bitmovin-player";
+import { UIManager } from "bitmovin-player-ui";
+export declare function processStream(streamObject: StreamObject | undefined, container: HTMLElement, streamOptions: StreamOptions | null, player: PlayerAPI, uiManager: UIManager, sourceConfig: SourceConfig): void;

package/lib/src/js/utilities/utilities.d.ts

@@ -1,6 +1,7 @@
 import { type LocalizableText } from 'bitmovin-player-ui/dist/js/framework/localization/i18n';
 export declare const jwtToBase64: (jwt: string) => string;
 export declare const base64ToObject: (base64: string) => Record<string, any>;
+export declare function isJWTToken(token: string): boolean;
 export declare const noTrailingSlash: (url: string) => string;
 export declare function localize(key: string): LocalizableText;
 export declare function validateStreamLength(duration: string | number | undefined, seconds?: boolean): number;

package/lib/src/npoplayer.d.ts

@@ -3,7 +3,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 Fragments, type NPOTagObject, type Section, type StreamObject, type StreamOptions, type UIComponents, NpoPlayerUIVariants } from './types/interfaces';
+import { type DRMProfile, type ApiPayload, type NPOTagObject, type Section, type StreamObject, type StreamOptions, type UIComponents, NpoPlayerUIVariants } from './types/interfaces';
 export { type PlayerConfig, type InitialisationProps, type NPOTagObject, type StreamOptions, NpoPlayerUIVariants, };
 export default class NpoPlayer {
     playerConfig: PlayerConfig;
@@ -28,7 +28,6 @@ export default class NpoPlayer {
     initPlayer(_container: HTMLElement, playerConfig: PlayerConfig, variant: NpoPlayerUIVariants): void;
     loadStream(source: string, options?: StreamOptions): Promise<void>;
     createUIManager(player: PlayerAPI, variant: NpoPlayerUIVariants): Promise<void>;
-    setFragments(fragments: Fragments): Promise<void>;
     doError(input: any, status?: number): void;
     keyPress(e: KeyboardEvent): void;
     setVolume(volume: number): void;
@@ -42,4 +41,5 @@ export default class NpoPlayer {
     doPlayNext(): void;
     destroy(): boolean;
     unload(): boolean;
+    printVersion(): void;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npo/player",
-  "version": "1.15.2",
+  "version": "1.17.0",
   "description": "NPO Player",
   "author": "Publieke Omroep <player@npo.nl>",
   "contributors": [

package/src/scss/components/_advert.scss

@@ -1,8 +1,7 @@
 &.bmpui-ster-ad {
     .bmpui-seekbar-playbackposition-marker,
-    .bmpui-ui-hugeplaybacktogglebutton,
-    .videoAdUiClickElement{
-        display: none !important;
+    .bmpui-ui-seekbar-label {
+        display: none;
     }
 
     .bmpui-ui-controlbar {
@@ -10,13 +9,15 @@
         .bmpui-ui-rewindbutton, 
         .bmpui-ui-forwardbutton,
         .bmpui-ui-settingstogglebutton {
-            display: none !important;
+            display: none;
         }   
     }
 
     .bmpui-ui-seekbar {
         .bmpui-seekbar {
             .bmpui-seekbar-bufferlevel {
+                position: relative;
+                z-index: 2;
                 background-color: var(--npo-player-white);
                 opacity: 0.6;
             }
@@ -27,6 +28,8 @@
             }
 
             .bmpui-seekbar-playbackposition {
+                position: relative;
+                z-index: 3;
                 background: var(--npo-player-white);
                 backdrop-filter: blur(50px);
             }
@@ -34,24 +37,41 @@
     }
 
     .bmpui-adLabel {
-        position: relative;
-        padding-right: 15px;
+        position: absolute;
+        display: flex;
+        align-items: center;
+        top: 24px;
+        left: 24px;
         font-family: var(--fontBold);
         font-weight: 700;
 
         &::before {
             content: '';
-            pointer-events: none;
-            position: absolute;
+            display: inline-block;
             height: 44px;
             width: 59px;
-            bottom: -12px;
-            left: -65px;
+            margin-right: 8px;
             background-image: url("data:image/svg+xml,%3Csvg width='59' height='44' viewBox='0 0 39 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 15.0338L19.4156 0.414307L38.8238 15.0338L19.4156 29.5855L0 15.0338ZM19.4223 27.5128L36.0603 15.0303L19.4223 2.48968L2.76764 15.0301L19.4223 27.5128Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.2215 13.9887C12.4213 13.3085 11.7303 12.721 11.7303 11.9329C11.7303 11.2697 12.064 10.8895 12.6461 10.8895C12.8494 10.8895 13.5139 10.9733 13.6141 12.0211L15.2164 11.8445C15.0406 10.3315 14.1464 9.42878 12.8164 9.42878C11.1077 9.42878 10.1279 10.3468 10.1279 11.9472C10.1279 13.5345 11.202 14.4297 12.1495 15.2195C12.9488 15.8859 13.704 16.5152 13.704 17.4532C13.704 18.0625 13.3087 18.4261 12.6463 18.4261C12.0333 18.4261 11.6413 17.8635 11.5647 16.8842C11.4962 16.894 10.0231 17.1058 9.96039 17.1152C10.0361 18.5001 10.8656 19.8866 12.5614 19.8866C14.2547 19.8866 15.3066 18.8944 15.3066 17.297C15.3062 15.7618 14.1987 14.8196 13.2215 13.9887ZM15.7374 13.4513V12.1456H16.6171V10.0881H18.2065V12.1456H19.2708V13.4513H18.2067V17.8506C18.2067 18.2478 18.377 18.4748 18.746 18.4748H19.271V19.837C19.0583 19.8936 18.8736 19.922 18.4762 19.922C17.2843 19.922 16.6173 19.3688 16.6173 18.2048V13.4513H15.7374ZM26.2467 19.7803V12.1458H27.7649V13.0398H27.7933C28.1768 12.3871 28.8435 12.0041 29.5958 12.0041H29.922V13.6642C29.6383 13.5932 29.3688 13.5081 28.9002 13.5081C28.3611 13.5081 27.8358 13.8485 27.8358 14.5297V19.7803H26.2467ZM23.4859 17.5288C23.4599 18.3273 23.1512 18.6659 22.6083 18.6659C22.0409 18.6659 21.7284 18.2968 21.7284 17.4167V16.3098H25.0775V14.8908C25.0775 13.2164 24.4249 12.0528 22.6085 12.0528C20.7921 12.0528 20.1395 13.2164 20.1395 14.8908V17.133C20.1395 18.8073 20.7921 19.9714 22.6085 19.9714C24.2771 19.9714 24.9661 18.9917 25.0655 17.5288H23.4859ZM21.7284 14.6073C21.7284 13.7275 22.0409 13.3583 22.6083 13.3583C23.1761 13.3583 23.4882 13.7275 23.4882 14.6073V15.0049H21.7284V14.6073Z' fill='white'/%3E%3C/svg%3E%0A");
         }
     }
 
-    .bmpui-controlbar-textbuttons {    
+    .bmpui-controlbar-textbuttons {
+        z-index: 1;
+        align-items: flex-end;
+        justify-content: flex-end;
+        left: 0;
+        top: 0;
+
+        &::before {
+            content: '';
+            position: absolute;
+            background: var(--npo-player-topcolor);
+            height: 161px;
+            width: 100%;
+            top: 0;
+            left: 0;
+        }
+
         .bmpui-ui-textbutton.ui-sterbutton {
             padding: 14px 10px;
             border: none;
@@ -68,4 +88,60 @@
             }
         }
     }
+
+    .bmpui-ui-playbacktoggle-overlay {
+        display: block !important;
+
+        .bmpui-container-wrapper {
+            height: 100%;
+        }
+
+        .bmpui-ui-hugeplaybacktogglebutton {
+            opacity: 0;
+        }
+    }
+
+    &.bmpui-layout-max-width-400,
+    &.bmpui-layout-max-width-600 {
+        .bmpui-controlbar-textbuttons {
+            display: flex;
+            width: 100%;
+            justify-content: center;
+            padding-right: 0;
+        }
+
+        .bmpui-adLabel {
+            left: 10px;
+            top: 10px;
+        }
+    }
+
+    .bmpui-layout-max-width-400 {
+        .bmpui-adLabel {
+            top: 10px;
+            left: 10px;
+            font-size: 14px;
+        }
+    }
+
+    &.bmpui-layout-max-width-800 {
+        .bmpui-controlbar-textbuttons {
+            position: absolute;
+            padding: 24px;
+            align-items: flex-start;
+            justify-content: flex-start;
+
+            > .bmpui-container-wrapper {
+                display: flex;
+                align-items: center;
+            }
+        }
+
+        .bmpui-adLabel {
+            position: relative;
+            top: 0;
+            left: 0;
+            margin-right: 16px;
+        }
+    }
 }

package/src/scss/components/_buffering.scss

@@ -1,9 +1,9 @@
 .bmpui-ui-buffering-overlay {
   background-color: var(--npo-player-bufferingcolor);
-  display: block;
+  display: none;
   pointer-events: none;
 
-  >* {
+  > * {
     pointer-events: none;
   }
 
@@ -43,7 +43,6 @@
 
 /* loading state */
 &:not(.bmpui-player-state-prepared):not(.bmpui-player-state-playing):not(.bmpui-player-state-paused):not(.bmpui-player-state-finished) {
-
   .bmpui-ui-buffering-overlay,
   .bmpui-ui-buffering-overlay.bmpui-hidden {
     display: block;

package/src/scss/components/_hugeplaybacktogglebutton.scss

@@ -23,6 +23,8 @@
 
 /* Icon Play */
 .bmpui-ui-hugeplaybacktogglebutton {
+    padding: 0;
+
     .bmpui-image {
         cursor: pointer;
         position: relative;

package/src/scss/components/_replay.scss

@@ -19,12 +19,12 @@
         background-position: 50% 50%;
         background-color: var(--npo-player-iconcolor);
         mask-size: 48px;
-        mask-image: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.2721 14.1005C10.4911 13.3195 10.4911 12.0531 11.2721 11.2721C18.3015 4.24264 29.6985 4.24264 36.728 11.2721C43.7574 18.3015 43.7574 29.6985 36.728 36.7279C29.6985 43.7574 18.3015 43.7574 11.2721 36.7279C10.4911 35.9469 10.4911 34.6805 11.2721 33.8995C12.0532 33.1184 13.3195 33.1184 14.1005 33.8995C19.5679 39.3668 28.4322 39.3668 33.8995 33.8995C39.3669 28.4322 39.3669 19.5678 33.8995 14.1005C28.4322 8.63316 19.5679 8.63316 14.1005 14.1005C13.3195 14.8816 12.0532 14.8816 11.2721 14.1005Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.199 4.00983C12.2981 4.11974 13.1 5.09983 12.9901 6.19891L12.2333 13.7666L19.801 13.0098C20.9001 12.8999 21.8802 13.7018 21.9901 14.8009C22.1 15.9 21.2981 16.8801 20.199 16.99L10.199 17.99C9.60213 18.0497 9.00997 17.8383 8.5858 17.4141C8.16163 16.99 7.95025 16.3978 8.00994 15.8009L9.00994 5.8009C9.11985 4.70181 10.0999 3.89992 11.199 4.00983Z" fill="white"/></svg>') !important;
+        mask-image: var(--npo-player-icon-replay) !important;
       }
     }
   }
 
   .bmpui-ui-playbacktogglebutton.bmpui-off {
-    mask-image: url('data:image/svg+xml,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.2721 14.1005C10.4911 13.3195 10.4911 12.0531 11.2721 11.2721C18.3015 4.24264 29.6985 4.24264 36.728 11.2721C43.7574 18.3015 43.7574 29.6985 36.728 36.7279C29.6985 43.7574 18.3015 43.7574 11.2721 36.7279C10.4911 35.9469 10.4911 34.6805 11.2721 33.8995C12.0532 33.1184 13.3195 33.1184 14.1005 33.8995C19.5679 39.3668 28.4322 39.3668 33.8995 33.8995C39.3669 28.4322 39.3669 19.5678 33.8995 14.1005C28.4322 8.63316 19.5679 8.63316 14.1005 14.1005C13.3195 14.8816 12.0532 14.8816 11.2721 14.1005Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M11.199 4.00983C12.2981 4.11974 13.1 5.09983 12.9901 6.19891L12.2333 13.7666L19.801 13.0098C20.9001 12.8999 21.8802 13.7018 21.9901 14.8009C22.1 15.9 21.2981 16.8801 20.199 16.99L10.199 17.99C9.60213 18.0497 9.00997 17.8383 8.5858 17.4141C8.16163 16.99 7.95025 16.3978 8.00994 15.8009L9.00994 5.8009C9.11985 4.70181 10.0999 3.89992 11.199 4.00983Z" fill="white"/></svg>');
+    mask-image: var(--npo-player-icon-replay);
   }
 }

package/src/scss/components/_seekbar.scss

@@ -12,6 +12,14 @@ $seekbar-border-radius: 2px;
         border-radius: $seekbar-border-radius;
         margin-top: 5px;
 
+        &::after {
+            content: '';
+            position: absolute;
+            width: 100%;
+            height: 20px;
+            top: -4px;
+        }
+
         .bmpui-seekbar-marker {
             background-color: var(--npo-player-seekbar-marker);
         }