@npo/player 1.18.4 → 1.20.0

package/lib/js/ui/handlers/nicamhandler.js

@@ -1,3 +1,4 @@
+import { PlayerEvent } from 'bitmovin-player';
 export function processNicam(streamObject, nicamElement, streamOptions) {
     const effectiveMetadata = streamOptions ? { ...streamObject.metadata, ...streamOptions } : streamObject.metadata;
     if (nicamElement) {
@@ -24,3 +25,18 @@ export function addNicamIcon(character, nicamElement) {
     span.classList.add('nicam-icon', iconClass);
     nicamElement.appendChild(span);
 }
+export function showNicamAfterUiDelay(player, uiManager) {
+    player.off(PlayerEvent.Play, () => { showNicamAfterUiDelay(player, uiManager); });
+    if (uiManager === null)
+        return;
+    const playerContainer = player.getContainer().querySelector('.bmpui-npo-player.bmpui-layout-max-width-400') || player.getContainer().querySelector('.bmpui-npo-player.bmpui-layout-max-width-600');
+    if (!playerContainer)
+        return;
+    uiManager.activeUi.onControlsHide.subscribeOnce(() => {
+        const className = 'show-nicam';
+        playerContainer.classList.add(className);
+        setTimeout(() => {
+            playerContainer.classList.remove(className);
+        }, 3000);
+    });
+}

package/lib/js/ui/handlers/streamhandler.js

@@ -10,7 +10,7 @@ export function processStream(streamObject, container, streamOptions, player, ui
         const section = {
             start: seg.inpoint,
             end: seg.outpoint,
-            title: sourceConfig.title || '',
+            title: sourceConfig.title || streamObject.metadata.title || '',
         };
         setFragments(player, uiManager, { sections: [section] });
     }

package/lib/js/ui/nativemobileuicontainer.js

@@ -10,6 +10,7 @@ const defaultData = {
     defaultActionRequired: true,
 };
 export function sendCustomMessage(message, data) {
+    console.log('sendCustomMessage', message, data);
     try {
         if (data !== undefined) {
             return JSON.parse(window.bitmovin.customMessageHandler.sendSynchronous(message, JSON.stringify(data)));
@@ -18,8 +19,7 @@ export function sendCustomMessage(message, data) {
             return JSON.parse(window.bitmovin.customMessageHandler.sendSynchronous(message));
         }
     }
-    catch (e) {
-        console.warn(`Custom message ${message} may not be send, as it returned no valid data (JSON as a string)`, e);
+    catch {
         return defaultData;
     }
 }

package/lib/js/ui/nativemobileuifactory.js

@@ -17,30 +17,31 @@ export function nativeMobileUiFactory(player, config = {}) {
     const mobileUIManager = new UIManager(player, nativeMobileUIContainer(player), uiConfig);
     let _streamObject = {};
     const removeFinishedClass = () => {
-        const playerFinishedElement = document.querySelector('.bmpui-npo-player.bmpui-player-state-finished');
+        player.off(PlayerEvent.Seeked, removeFinishedClass);
+        const playerFinishedElement = player.getContainer().querySelector('.bmpui-npo-player.bmpui-player-state-finished');
         if (playerFinishedElement) {
             playerFinishedElement.classList.remove('bmpui-player-state-finished');
         }
     };
     const clearUI = () => {
-        const nicamElement = document.querySelector('#ui-container .bmpui-nicam');
+        const nicamElement = player.getContainer().querySelector('.bmpui-nicam');
         if (nicamElement) {
             nicamElement.innerHTML = '';
         }
-        document.querySelector('.bmpui-npo-player')?.classList.remove('livestream-dvr');
-        const element = document.querySelector('.bmpui-npo-player .bmpui-seekbar-label-title');
+        player.getContainer().querySelector('.bmpui-npo-player')?.classList.remove('livestream-dvr');
+        const element = player.getContainer().querySelector('.bmpui-seekbar-label-title');
         if (element) {
             element.textContent = '';
         }
-        removeFragments(player, mobileUIManager);
+        removeFragments(mobileUIManager);
     };
     const updateUI = () => {
         if (_streamObject.metadata?.ageRating) {
-            processNicam(_streamObject, document.querySelector('#ui-container .bmpui-nicam'), null);
+            processNicam(_streamObject, player.getContainer().querySelector('.bmpui-nicam'), null);
         }
         const isLiveStream = _streamObject.stream?.isLiveStream && _streamObject.stream?.hasDvrWindow;
         if (isLiveStream) {
-            document.querySelector('.bmpui-npo-player')?.classList.add('livestream-dvr');
+            player.getContainer().querySelector('.bmpui-npo-player')?.classList.add('livestream-dvr');
         }
         if (_streamObject.segment) {
             const seg = _streamObject.segment;
@@ -54,7 +55,7 @@ export function nativeMobileUiFactory(player, config = {}) {
         else {
             addFragments(player, mobileUIManager, null);
         }
-        const element = document.querySelector('.bmpui-npo-player .bmpui-seekbar-label-title');
+        const element = player.getContainer().querySelector('.bmpui-seekbar-label-title');
         if (element) {
             element.textContent = _streamObject.title || '';
         }
@@ -69,27 +70,18 @@ export function nativeMobileUiFactory(player, config = {}) {
         });
     }
     const addEventListeners = () => {
-        const playbackToggleElement = document.getElementById('native-mobile-playbacktoggleoverlay');
+        player.off(PlayerEvent.Ready, addEventListeners);
+        sendCustomMessage(CustomMessages.JAVASCRIPT_READY);
+        const playbackToggleElement = player.getContainer().querySelector('#native-mobile-playbacktoggleoverlay');
         if (playbackToggleElement) {
-            const playbackToggleButton = playbackToggleElement.querySelector('button');
-            playbackToggleElement.addEventListener('click', () => {
-                const isPlaying = playbackToggleButton?.getAttribute('aria-pressed') === 'true';
-                sendCustomMessage(CustomMessages.TOGGLE_PLAY_PAUSE, { isChecked: !isPlaying });
+            playbackToggleElement.addEventListener('touchend', (event) => {
+                event.preventDefault();
+                player?.play();
+                sendCustomMessage(CustomMessages.TOGGLE_PLAY_PAUSE, { isChecked: true });
             });
         }
     };
-    player.off(PlayerEvent.Seeked, () => {
-        removeFinishedClass();
-    });
-    player.on(PlayerEvent.Seeked, () => {
-        removeFinishedClass();
-    });
-    player.off(PlayerEvent.Ready, () => {
-        sendCustomMessage(CustomMessages.JAVASCRIPT_READY);
-    });
-    player.on(PlayerEvent.Ready, () => {
-        addEventListeners();
-        sendCustomMessage(CustomMessages.JAVASCRIPT_READY);
-    });
+    player.on(PlayerEvent.Seeked, removeFinishedClass);
+    player.on(PlayerEvent.Ready, addEventListeners);
     return mobileUIManager;
 }

package/lib/js/ui/uicontainer.d.ts

@@ -3,3 +3,4 @@ import { UIContainer } from 'bitmovin-player-ui';
 import { PlayerAPI } from 'bitmovin-player';
 import { NpoPlayerUIVariants } from '../../types/interfaces';
 export declare function createUIContainer(npoplayer: NpoPlayer, player: PlayerAPI, variant: NpoPlayerUIVariants, container: HTMLElement): UIContainer;
+export declare function removeUIContainer(container: HTMLElement): void;

package/lib/js/ui/uicontainer.js

@@ -77,3 +77,11 @@ export function createUIContainer(npoplayer, player, variant, container) {
         hideDelay: uiDelay
     });
 }
+export function removeUIContainer(container) {
+    for (let i = 0; i < container.attributes.length; i += 1) {
+        const attributeName = container.attributes[i].name;
+        if (attributeName.startsWith('data-')) {
+            container.removeAttribute(attributeName);
+        }
+    }
+}

package/lib/js/utilities/utilities.js

@@ -22,10 +22,9 @@ export function localize(key) {
     return i18n.getLocalizer(key);
 }
 export function validateStreamLength(duration, seconds = false) {
-    if (seconds) {
-        return Number(duration);
-    }
-    return duration !== undefined ? msToSeconds(Number(duration)) : -1;
+    if (duration === undefined || duration === Infinity)
+        return -1;
+    return seconds ? (isFinite(+duration) ? Number(duration) : -1) : msToSeconds(Number(duration));
 }
 export function msToSeconds(ms) {
     return ms / 1000;

package/lib/npoplayer.d.ts

@@ -32,6 +32,8 @@ export default class NpoPlayer {
     createUIManager(player: PlayerAPI, variant: NpoPlayerUIVariants): Promise<void>;
     doError(input: any, status?: number): void;
     keyPress(e: KeyboardEvent): void;
+    play(): void;
+    pause(): void;
     setVolume(volume: number): void;
     increaseVolume(): void;
     decreaseVolume(): void;
@@ -42,7 +44,7 @@ export default class NpoPlayer {
     cancelPlayNextScreen(): void;
     hidePlayNextScreen(): void;
     doPlayNext(): void;
-    destroy(): boolean;
-    unload(): boolean;
+    destroy(asyncMode?: boolean): Promise<boolean> | boolean;
+    unload(asyncMode?: boolean): Promise<boolean> | boolean;
     printVersion(): void;
 }

package/lib/npoplayer.js

@@ -9,7 +9,7 @@ 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 { createUIContainer, removeUIContainer } from './js/ui/uicontainer';
 import { addAccessibilityAttributes } from './js/ui/handlers/accessibilityhandler';
 import { LogEmitter } from './types/classes';
 import { handlePreRolls } from './js/ads/ster';
@@ -18,6 +18,8 @@ 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';
+import { removeReplayClass } from './js/playeractions/handlers/removereplayclass';
+import { showNicamAfterUiDelay } from './js/ui/handlers/nicamhandler';
 export { NpoPlayerUIVariants, };
 export default class NpoPlayer {
     constructor(_container, _playerConfig, _npotag, _npotaginstance, _variant) {
@@ -55,6 +57,13 @@ export default class NpoPlayer {
         this.container.addEventListener('keydown', e => {
             this.keyPress(e);
         }, true);
+        const playbackToggleElement = this.container.querySelector('.bmpui-ui-playbacktoggle-overlay');
+        if (playbackToggleElement) {
+            playbackToggleElement.addEventListener('touchend', (event) => {
+                event.preventDefault();
+                this.player?.play();
+            });
+        }
     }
     async loadStream(source, options = {}) {
         this.streamOptions = options;
@@ -70,13 +79,21 @@ export default class NpoPlayer {
         const isUrl = utility.isUrl(source);
         const isMedia = await utility.isMediaUrl(source);
         const isJWTToken = utility.isJWTToken(source);
+        const getDurationAndStartPlayerTracker = function () {
+            if (this.player === null)
+                return;
+            let prid = (utility.isJWTToken(source) ? this.streamObject?.metadata.prid : source) || 'unknown';
+            this.player.off(PlayerEvent.SourceLoaded, getDurationAndStartPlayerTracker);
+            let duration = this.player ? this.player.getDuration() : undefined;
+            startPlayerTracker(this, utility.validateStreamLength(duration, true), this.version, prid);
+        }.bind(this);
         if (isUrl && isMedia) {
             this.sourceConfig = {
                 ...options.sourceConfig,
                 'progressive': source
             };
             this.player?.load(this.sourceConfig);
-            startPlayerTracker(this, utility.validateStreamLength(this.player?.getDuration(), true), this.version, source);
+            getDurationAndStartPlayerTracker();
         }
         else if (isJWTToken) {
             this.jwt = source;
@@ -86,7 +103,17 @@ export default class NpoPlayer {
             const payload = {
                 baseURL: endpoint,
                 jwt: source,
-                data: { profileName: profile.profileName, drmType: profile.drm, referrerUrl: window.location.href }
+                data: {
+                    profileName: profile.profileName,
+                    drmType: profile.drm,
+                    referrerUrl: window.location.href,
+                    ster: {
+                        identifier: options?.ster?.identifier ?? 'npo-app-desktop',
+                        deviceType: options?.ster?.deviceType ?? 4,
+                        site: options?.ster?.site ?? 'npo',
+                        player: 'web'
+                    }
+                }
             };
             try {
                 _streamObject = await getStreamObject(this, payload);
@@ -107,7 +134,14 @@ export default class NpoPlayer {
             await drm.verifyDRM(this, this.player, payload);
             setupMediaSessionActionHandlers(this.player, this.sourceConfig, _streamObject);
             logEvent(this, 'load');
-            startPlayerTracker(this, utility.validateStreamLength(_streamObject.metadata.duration, false), this.version, _streamObject.metadata.prid);
+            let streamDuration = _streamObject.metadata.duration;
+            let streamPrid = this.streamObject.metadata.prid || _streamObject.metadata.prid;
+            streamDuration = streamDuration == null
+                ? this.player.on(PlayerEvent.SourceLoaded, getDurationAndStartPlayerTracker)
+                : startPlayerTracker(this, utility.validateStreamLength(streamDuration, false), this.version, streamPrid);
+            if (this.isShowingPlayNextScreen) {
+                this.hidePlayNextScreen();
+            }
             if (this.variant !== NpoPlayerUIVariants.AUDIO) {
                 await handlePreRolls(this.player, _streamObject, this);
             }
@@ -115,15 +149,23 @@ export default class NpoPlayer {
         else {
             this.doError(`Het is niet gelukt de stream op te halen: \n Input is geen 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); });
+        const triggerAddAccessibilityAttributes = () => {
+            this.player?.off(PlayerEvent.SourceLoaded, triggerAddAccessibilityAttributes);
+            this.player?.off(PlayerEvent.AdBreakFinished, triggerAddAccessibilityAttributes);
+            this.player?.off(PlayerEvent.AdError, triggerAddAccessibilityAttributes);
+            void addAccessibilityAttributes(this.container, this.streamObject.metadata);
+        };
+        this.player.on(PlayerEvent.SourceLoaded, triggerAddAccessibilityAttributes);
+        this.player.on(PlayerEvent.AdBreakFinished, triggerAddAccessibilityAttributes);
+        this.player.on(PlayerEvent.AdError, triggerAddAccessibilityAttributes);
         if (this.sourceConfig?.metadata) {
             this.sourceConfig.metadata.jwt = source;
             this.sourceConfig.metadata.streamLinkAsJsonString = JSON.stringify(this.streamObject);
             this.sourceConfig.metadata.npoTagSession = String(this.npoTag?.npoTagInstance?.getSerializedSessionInfo());
         }
+        this.player.on(PlayerEvent.Seek, () => {
+            removeReplayClass(this.player);
+        });
         if (options?.playNext?.showPlayNext === true) {
             this.player.on(PlayerEvent.TimeChanged, () => {
                 this.showPlayNextScreen();
@@ -132,6 +174,7 @@ export default class NpoPlayer {
                 this.hidePlayNextScreen();
             });
         }
+        this.player.on(PlayerEvent.Play, () => { showNicamAfterUiDelay(this.player, this.uiManager); });
         if (options?.startOffset != null)
             playerAction.handleStartOffset(this.player, options.startOffset);
         const setLiveOffsetListener = function () {
@@ -143,15 +186,15 @@ export default class NpoPlayer {
         this.player.on(PlayerEvent.SourceLoaded, setLiveOffsetListener);
     }
     async createUIManager(player, variant) {
-        const uiConfig = {
-            errorMessages: customSpecificErrorMessageOverlayConfig,
-            disableAutoHideWhenHovered: true
-        };
-        if (!this.uiManager || variant !== this.variant) {
+        if (this.uiManager === null || variant !== this.variant) {
+            const uiConfig = {
+                errorMessages: customSpecificErrorMessageOverlayConfig,
+                disableAutoHideWhenHovered: true
+            };
             this.uiManager = new UIManager(player, createUIContainer(this, player, variant, this.container), uiConfig);
             this.variant = variant;
         }
-        if (this.uiManager) {
+        else {
             processStream(this.streamObject, this.container, this.streamOptions, player, this.uiManager, this.sourceConfig);
         }
     }
@@ -170,6 +213,16 @@ export default class NpoPlayer {
             return;
         playerAction.resolveKeyPress(this.player, this, e);
     }
+    play() {
+        if (this.player == null)
+            return;
+        this.player.play();
+    }
+    pause() {
+        if (this.player == null)
+            return;
+        this.player.pause();
+    }
     setVolume(volume) {
         if (this.player == null)
             return;
@@ -211,7 +264,7 @@ export default class NpoPlayer {
         playerAction.shiftToProgramStart(this.player, this.streamOptions.liveProgramTime);
     }
     showPlayNextScreen() {
-        if (this.player == null || !this.streamOptions.playNext?.showPlayNext)
+        if (this.player == null || !this.streamOptions.playNext?.showPlayNext || this.adBreakActive)
             return;
         this.player.off(PlayerEvent.TimeChanged, () => {
             this.showPlayNextScreen();
@@ -245,33 +298,61 @@ export default class NpoPlayer {
         this.hidePlayNextScreen();
         void this.streamOptions.playNext?.proceedCallback?.();
     }
-    destroy() {
-        try {
-            if (this.npoTag != null) {
-                clearInterval(this.npoTag.heartbeatInterval);
+    destroy(asyncMode = false) {
+        const destroyLogic = async () => {
+            try {
+                if (this.npoTag != null) {
+                    clearInterval(this.npoTag.heartbeatInterval);
+                }
+                logEvent(this, 'stop');
+                const playerContainer = this.player?.getContainer();
+                if (playerContainer)
+                    removeUIContainer(playerContainer);
+                this.uiManager?.release();
+                this.uiManager = null;
+                await this.player?.destroy();
+                return true;
             }
-            logEvent(this, 'stop');
-            this.uiManager?.release();
-            this.uiManager = null;
-            void this.player?.destroy();
-            return true;
+            catch (e) {
+                console.error('Error destroying player:', e);
+                return false;
+            }
+        };
+        if (asyncMode) {
+            return destroyLogic().then(() => true).catch(() => false);
         }
-        catch (e) {
-            console.error('NPO Player is al destroyed', e);
-            return false;
+        else {
+            return destroyLogic();
         }
     }
-    unload() {
-        try {
-            if (this.npoTag != null) {
-                clearInterval(this.npoTag.heartbeatInterval);
+    unload(asyncMode = false) {
+        const unloadLogic = async () => {
+            try {
+                if (this.npoTag != null) {
+                    clearInterval(this.npoTag.heartbeatInterval);
+                }
+                const playerContainer = this.player?.getContainer();
+                if (playerContainer)
+                    removeUIContainer(playerContainer);
+                this.hidePlayNextScreen();
+                await this.player?.unload();
+                return true;
             }
-            void this.player?.unload();
-            return true;
+            catch (e) {
+                console.error('Error unloading player:', e);
+                return false;
+            }
+        };
+        if (asyncMode) {
+            return unloadLogic();
         }
-        catch (e) {
-            console.error('NPO Player is al unloaded', e);
-            return false;
+        else {
+            try {
+                return unloadLogic();
+            }
+            catch (error) {
+                return false;
+            }
         }
     }
     printVersion() {

package/lib/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npo/player",
-  "version": "1.18.4",
+  "version": "1.20.0",
   "description": "NPO Player",
   "author": "Publieke Omroep <player@npo.nl>",
   "contributors": [
@@ -9,7 +9,7 @@
     "Arjan Kruithof"
   ],
   "engines": {
-    "node": "^18.16.0"
+    "node": "^18 || ^20"
   },
   "license": "ISC",
   "main": "./lib/npoplayer",
@@ -24,7 +24,7 @@
     "bundle": "npm run lint && bash build-lib.sh && npm run build:scss && npm run build:cdn",
     "build:ts": "bash build-lib.sh",
     "test": "jest",
-    "test:ci": "node_modules/.bin/jest",
+    "test:ci": "jest --collectCoverage --testResultsProcessor=jest-sonar-reporter",
     "version:dev": "npm version prerelease --preid=dev --no-git-tag-version"
   },
   "files": [
@@ -55,7 +55,7 @@
     "eslint-plugin-import": "^2.27.5",
     "eslint-plugin-n": "^15.7.0",
     "eslint-plugin-promise": "^6.1.1",
-    "eslint-plugin-sonarjs": "^0.19.0",
+    "eslint-plugin-sonarjs": "^0.23.0",
     "fs-extra": "^11.1.1",
     "jest": "^28.1.3",
     "jest-environment-jsdom": "^29.4.1",
@@ -81,9 +81,9 @@
     "webpack-dev-server": "^4.11.1"
   },
   "dependencies": {
-    "@npotag/tag": "^3.0.0",
-    "bitmovin-player": "8.125.0",
-    "bitmovin-player-ui": "^3.48.0"
+    "@npotag/tag": "^3.0.1",
+    "bitmovin-player": "8.151.0",
+    "bitmovin-player-ui": "3.54.0"
   },
   "browserslist": [
     "defaults",

package/lib/src/js/drm/handlers/decideprofile.test.d.ts

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

package/lib/src/js/fragments/removefragments.d.ts

@@ -1,3 +1,2 @@
-import { PlayerAPI } from 'bitmovin-player';
 import { UIManager } from 'bitmovin-player-ui';
-export declare function removeFragments(player: PlayerAPI, uiManager: UIManager): Promise<void>;
+export declare function removeFragments(uiManager: UIManager): void;

package/lib/src/js/fragments/removefragments.test.d.ts

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

package/lib/src/js/fragments/setfragments.d.ts

@@ -3,4 +3,4 @@ import { type Fragments } from '../../types/interfaces';
 import { UIManager } from 'bitmovin-player-ui';
 export declare const checkFunction: () => (e: any) => void;
 export declare const seekFunction: () => (e: any) => void;
-export declare function setFragments(player: PlayerAPI, uiManager: UIManager, fragments: Fragments): Promise<void>;
+export declare function setFragments(player: PlayerAPI, uiManager: UIManager, fragments: Fragments): void;

package/lib/src/js/fragments/setfragments.test.d.ts

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

package/lib/src/js/playeractions/handlers/removereplayclass.d.ts

@@ -0,0 +1,2 @@
+import { PlayerAPI } from 'bitmovin-player';
+export declare function removeReplayClass(player: PlayerAPI | null): void;

package/lib/src/js/playeractions/handlers/removereplayclass.test.d.ts

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

package/lib/src/js/playeractions/handlers/resolvekeypress.test.d.ts

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

package/lib/src/js/tracking/handlers/eventlogging.test.d.ts

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

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

@@ -1,3 +1,6 @@
+import { PlayerAPI } from 'bitmovin-player';
+import { UIManager } from 'bitmovin-player-ui';
 import { StreamObject, StreamOptions } from 'types/interfaces';
 export declare function processNicam(streamObject: StreamObject, nicamElement: HTMLElement | null, streamOptions: StreamOptions | null): void;
 export declare function addNicamIcon(character: string, nicamElement: Element): void;
+export declare function showNicamAfterUiDelay(player: PlayerAPI, uiManager: UIManager | null): void;

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

@@ -3,3 +3,4 @@ import { UIContainer } from 'bitmovin-player-ui';
 import { PlayerAPI } from 'bitmovin-player';
 import { NpoPlayerUIVariants } from '../../types/interfaces';
 export declare function createUIContainer(npoplayer: NpoPlayer, player: PlayerAPI, variant: NpoPlayerUIVariants, container: HTMLElement): UIContainer;
+export declare function removeUIContainer(container: HTMLElement): void;

package/lib/src/npoplayer.d.ts

@@ -32,6 +32,8 @@ export default class NpoPlayer {
     createUIManager(player: PlayerAPI, variant: NpoPlayerUIVariants): Promise<void>;
     doError(input: any, status?: number): void;
     keyPress(e: KeyboardEvent): void;
+    play(): void;
+    pause(): void;
     setVolume(volume: number): void;
     increaseVolume(): void;
     decreaseVolume(): void;
@@ -42,7 +44,7 @@ export default class NpoPlayer {
     cancelPlayNextScreen(): void;
     hidePlayNextScreen(): void;
     doPlayNext(): void;
-    destroy(): boolean;
-    unload(): boolean;
+    destroy(asyncMode?: boolean): Promise<boolean> | boolean;
+    unload(asyncMode?: boolean): Promise<boolean> | boolean;
     printVersion(): void;
 }

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

@@ -15,6 +15,15 @@ export interface ApiPayload {
     baseURL: string;
     jwt: string;
     data: Record<string, unknown>;
+    ster?: SterData;
+}
+interface SterData {
+    identifier: string;
+    site?: string;
+    deviceType?: number;
+    os?: string;
+    osVersion?: string;
+    player?: string;
 }
 export interface DRMProfile {
     profileName: string;
@@ -86,6 +95,7 @@ export interface StreamOptions {
     ageRating?: string;
     nicam?: string[] | null;
     playNext?: PlayNext;
+    ster?: SterData;
 }
 export interface UIComponents {
     errorMessageOverlay?: ErrorMessageOverlay;

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

@@ -0,0 +1,2 @@
+import type NpoPlayer from '../../src/npoplayer';
+export declare const mockNpoPlayer: NpoPlayer;