@npo/player 1.11.3 → 1.11.4

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

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

package/lib/js/fragments/removefragments.js

@@ -0,0 +1,10 @@
+import { PlayerEvent } from 'bitmovin-player';
+import { checkFunction, seekFunction } from './setfragments';
+export async function removeFragments(player, uiManager) {
+    uiManager.getTimelineMarkers().forEach(marker => {
+        uiManager.removeTimelineMarker(marker);
+    });
+    player.off(PlayerEvent.TimeChanged, checkFunction());
+    player.off(PlayerEvent.Seek, seekFunction());
+}
+//# sourceMappingURL=removefragments.js.map

package/lib/js/fragments/removefragments.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"removefragments.js","sourceRoot":"","sources":["../../../../src/js/fragments/removefragments.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAExD,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAE5D,MAAM,CAAC,KAAK,UAAU,eAAe,CAAE,MAAiB,EAAE,SAAoB;IAC1E,SAAS,CAAC,kBAAkB,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;QAC5C,SAAS,CAAC,oBAAoB,CAAC,MAAM,CAAC,CAAA;IAC1C,CAAC,CAAC,CAAA;IAEF,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,WAAW,EAAE,aAAa,EAAE,CAAC,CAAA;IACpD,MAAM,CAAC,GAAG,CAAC,WAAW,CAAC,IAAI,EAAE,YAAY,EAAE,CAAC,CAAA;AAChD,CAAC"}

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

@@ -1,4 +1,6 @@
 import { PlayerAPI } from 'bitmovin-player';
 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>;

package/lib/js/fragments/setfragments.js

@@ -1,13 +1,48 @@
 import { PlayerEvent } from 'bitmovin-player';
+import { removeFragments } from './removefragments';
+let fragment = null;
+let playerInstance = null;
+const setTitle = () => {
+    const element = document.querySelector('.bmpui-npo-player .bmpui-seekbar-label-title');
+    if (element !== null && element.textContent === '') {
+        element.textContent = fragment?.title || '';
+    }
+};
+export const checkFunction = () => (e) => {
+    if (!fragment || !playerInstance)
+        return;
+    if (e.time > fragment.end) {
+        playerInstance.seek(Math.max(fragment.start, fragment.end));
+        playerInstance.pause();
+    }
+    else if (e.time < fragment.start) {
+        playerInstance.seek(fragment.start);
+    }
+    setTitle();
+};
+export const seekFunction = () => (e) => {
+    if (!fragment || !playerInstance)
+        return;
+    const seekTarget = e.seekTarget ? e.seekTarget : e.to.time;
+    if (seekTarget > fragment.end || seekTarget < fragment.start) {
+        playerInstance.seek(Math.max(fragment.start, Math.min(fragment.end, seekTarget)));
+    }
+    setTitle();
+};
 export async function setFragments(player, uiManager, fragments) {
-    const fragment = fragments.sections[0];
+    fragment = fragments.sections[0] || null;
+    playerInstance = player;
+    const unplayableClass = 'seekbar-marker-unplayable';
     const playFragmentFromStart = () => {
+        if (!fragment)
+            return;
         player.seek(fragment.start);
         if (player.isPaused())
             void player.play();
     };
-    const unplayableClass = 'seekbar-marker-unplayable';
     const addMarkers = () => {
+        if (!fragment)
+            return;
         const timelineMarkers = [
             {
                 time: 0,
@@ -26,44 +61,12 @@ export async function setFragments(player, uiManager, fragments) {
             uiManager.addTimelineMarker(marker);
         });
         playFragmentFromStart();
+        player.off(PlayerEvent.TimeChanged, checkFunction());
+        player.off(PlayerEvent.Seek, seekFunction());
+        player.on(PlayerEvent.TimeChanged, checkFunction());
+        player.on(PlayerEvent.Seek, seekFunction());
     };
-    const removeMarkers = () => {
-        uiManager.getTimelineMarkers().forEach(marker => {
-            uiManager.removeTimelineMarker(marker);
-        });
-    };
-    const setTitle = () => {
-        const element = document.querySelector('.bmpui-npo-player .bmpui-seekbar-label-title');
-        if (element !== null && element.textContent === '') {
-            element.textContent = fragment.title || '';
-        }
-    };
-    const checkFunction = (e) => {
-        if (fragment == null)
-            return;
-        if (e.time > fragment.end) {
-            player.seek(Math.max(fragment.start, fragment.end));
-            player.pause();
-        }
-        else if (e.time < fragment.start) {
-            player.seek(fragment.start);
-        }
-        setTitle();
-    };
-    const seekFunction = (e) => {
-        if (fragment == null)
-            return;
-        const seekTarget = e.seekTarget ? e.seekTarget : e.to.time;
-        if (seekTarget > fragment.end || seekTarget < fragment.start) {
-            player.seek(Math.max(fragment.start, Math.min(fragment.end, seekTarget)));
-        }
-        setTitle();
-    };
-    player.off(PlayerEvent.TimeChanged, checkFunction);
-    player.off(PlayerEvent.Seek, seekFunction);
-    player.on(PlayerEvent.TimeChanged, checkFunction);
-    player.on(PlayerEvent.Seek, seekFunction);
-    removeMarkers();
+    removeFragments(player, uiManager);
     addMarkers();
 }
 //# sourceMappingURL=setfragments.js.map

package/lib/js/fragments/setfragments.js.map

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

package/lib/js/playeractions/handlers/processplayerconfig.js

@@ -11,13 +11,27 @@ export function processPlayerConfig(npoplayer, playerConfig) {
         };
     }
     processedConfig.ui = false;
-    if (!processedConfig.remotecontrol)
-        processedConfig.remotecontrol = {
-            type: 'googlecast',
-            receiverApplicationId: 'CC38EB17',
-            receiverVersion: 'v3',
-            messageNamespace: 'urn:x-cast:com.bitmovin.player.caf'
-        };
+    const defaultRemoteControlConfig = {
+        type: 'googlecast',
+        receiverApplicationId: 'CC38EB17',
+        receiverVersion: 'v3',
+        messageNamespace: 'urn:x-cast:com.bitmovin.player.caf',
+        customReceiverConfig: {
+            drm: npoplayer.drmProfile.drm,
+            profileName: npoplayer.drmProfile.profileName,
+            jwt: npoplayer.jwt
+        }
+    };
+    const userRemoteControlConfig = processedConfig.remotecontrol || defaultRemoteControlConfig;
+    const mergedRemoteControlConfig = {
+        ...defaultRemoteControlConfig,
+        ...userRemoteControlConfig,
+        customReceiverConfig: {
+            ...defaultRemoteControlConfig.customReceiverConfig,
+            ...userRemoteControlConfig.customReceiverConfig
+        }
+    };
+    processedConfig.remotecontrol = mergedRemoteControlConfig;
     if (!processedConfig.logs)
         processedConfig.logs = {
             level: LogLevel.ERROR

package/lib/js/playeractions/handlers/processplayerconfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"processplayerconfig.js","sourceRoot":"","sources":["../../../../../src/js/playeractions/handlers/processplayerconfig.ts"],"names":[],"mappings":"AASA,OAAO,EAAqB,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE9D,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAE9C,MAAM,UAAU,mBAAmB,CAAC,SAAmB,EAAE,YAAyB;IAE9E,IAAI,eAAe,GAAG,YAAY,CAAA;IAElC,IAAI,QAAQ,CAAC,SAAS,CAAC,sBAAsB,EAAE,CAAC,EAAE;QAE9C,eAAe,CAAC,QAAQ,GAAG;YACvB,QAAQ,EAAE,KAAK;SAClB,CAAA;QAGD,eAAe,CAAC,MAAM,GAAG;YACrB,8CAA8C,EAAE,IAAI;SACvD,CAAA;KACJ;IAED,eAAe,CAAC,EAAE,GAAG,KAAK,CAAA;IAG1B,IAAG,CAAC,eAAe,CAAC,aAAa;QAAE,eAAe,CAAC,aAAa,GAAG;YAC/D,IAAI,EAAE,YAAY;YAClB,qBAAqB,EAAE,UAAU;YACjC,eAAe,EAAE,IAAI;YACrB,gBAAgB,EAAE,oCAAoC;SACzD,CAAA;IAED,IAAG,CAAC,eAAe,CAAC,IAAI;QAAE,eAAe,CAAC,IAAI,GAAG;YAC7C,KAAK,EAAE,QAAQ,CAAC,KAAK;SACxB,CAAA;IAGD,eAAe,CAAC,WAAW,GAAG,EAAE,CAAA;IAEhC,OAAO,eAAe,CAAA;AAC1B,CAAC"}
+{"version":3,"file":"processplayerconfig.js","sourceRoot":"","sources":["../../../../../src/js/playeractions/handlers/processplayerconfig.ts"],"names":[],"mappings":"AASA,OAAO,EAAqB,QAAQ,EAAiC,MAAM,iBAAiB,CAAC;AAE7F,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAE9C,MAAM,UAAU,mBAAmB,CAAC,SAAmB,EAAE,YAAyB;IAE9E,IAAI,eAAe,GAAG,YAAY,CAAA;IAElC,IAAI,QAAQ,CAAC,SAAS,CAAC,sBAAsB,EAAE,CAAC,EAAE;QAE9C,eAAe,CAAC,QAAQ,GAAG;YACvB,QAAQ,EAAE,KAAK;SAClB,CAAA;QAGD,eAAe,CAAC,MAAM,GAAG;YACrB,8CAA8C,EAAE,IAAI;SACvD,CAAA;KACJ;IAED,eAAe,CAAC,EAAE,GAAG,KAAK,CAAA;IAE1B,MAAM,0BAA0B,GAAG;QAC/B,IAAI,EAAE,YAAY;QAClB,qBAAqB,EAAE,UAAU;QACjC,eAAe,EAAE,IAAI;QACrB,gBAAgB,EAAE,oCAAoC;QACtD,oBAAoB,EAAE;YAClB,GAAG,EAAE,SAAS,CAAC,UAAU,CAAC,GAAG;YAC7B,WAAW,EAAE,SAAS,CAAC,UAAU,CAAC,WAAW;YAC7C,GAAG,EAAE,SAAS,CAAC,GAAG;SACrB;KACJ,CAAC;IAEF,MAAM,uBAAuB,GAAG,eAAe,CAAC,aAAa,IAAI,0BAA0B,CAAC;IAG5F,MAAM,yBAAyB,GAAG;QAC9B,GAAG,0BAA0B;QAC7B,GAAG,uBAAuB;QAC1B,oBAAoB,EAAE;YAClB,GAAG,0BAA0B,CAAC,oBAAoB;YAClD,GAAG,uBAAuB,CAAC,oBAAoB;SAClD;KACJ,CAAC;IAEF,eAAe,CAAC,aAAa,GAAG,yBAA0D,CAAC;IAE3F,IAAG,CAAC,eAAe,CAAC,IAAI;QAAE,eAAe,CAAC,IAAI,GAAG;YAC7C,KAAK,EAAE,QAAQ,CAAC,KAAK;SACxB,CAAA;IAGD,eAAe,CAAC,WAAW,GAAG,EAAE,CAAA;IAEhC,OAAO,eAAe,CAAA;AAC1B,CAAC"}

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

@@ -1,6 +1,6 @@
-import { type PlayerAPI } from 'bitmovin-player';
-import { Button, SettingsPanel, SettingsToggleButton } from 'bitmovin-player-ui';
-export declare function createPlayNextButton(player: PlayerAPI): Button<{
+import { AirPlayToggleButton, Button, CastToggleButton, FullscreenToggleButton, PictureInPictureToggleButton, PlaybackToggleButton, SettingsPanel, SettingsToggleButton, VolumeToggleButton } from 'bitmovin-player-ui';
+import { PlayerAPI } from 'bitmovin-player';
+export declare function createPlayNextButton(): Button<{
     cssClass: string;
     text: string;
     hidden: false;
@@ -10,4 +10,15 @@ export declare function createWatchFromStartButton(): Button<{
     text: string;
     hidden: true;
 }>;
+export declare function createGoBackLiveButton(player: PlayerAPI): Button<{
+    cssClass: string;
+    text: string;
+    hidden: true;
+}>;
 export declare function createSettingsButton(settingsPanel: SettingsPanel): SettingsToggleButton;
+export declare function createPlaybackToggleButton(): PlaybackToggleButton;
+export declare function createVolumeToggleButton(): VolumeToggleButton;
+export declare function createPictureInPictureToggleButton(): PictureInPictureToggleButton;
+export declare function createAirPlayToggleButton(): AirPlayToggleButton;
+export declare function createCastToggleButton(): CastToggleButton;
+export declare function createFullscreenToggleButton(): FullscreenToggleButton;

package/lib/js/ui/components/nativemobile/buttons.js

@@ -1,41 +1,179 @@
-import { Button, SettingsToggleButton } from 'bitmovin-player-ui';
+import { AirPlayToggleButton, Button, CastToggleButton, FullscreenToggleButton, PictureInPictureToggleButton, PlaybackToggleButton, SettingsToggleButton, VolumeToggleButton } from 'bitmovin-player-ui';
 import { sendCustomMessage } from '../../nativemobileuicontainer';
 import { CustomMessages } from '../../../../types/interfaces';
-export function createPlayNextButton(player) {
+export function createPlayNextButton() {
     const playNextButton = new Button({
         cssClass: 'ui-hugeplaynextbacktogglebutton ui-playNextButton bmpui-ui-button',
         text: 'De volgende aflevering wordt zo afgespeeld...',
         hidden: false
     });
-    if (player != null) {
-        playNextButton.onClick.subscribe(() => {
-            const result = sendCustomMessage(CustomMessages.DO_PLAY_NEXT);
-            if (result.defaultActionRequired === true) {
-                console.log('do something');
-            }
-            else {
-                console.log('do something else');
-            }
-        });
-    }
+    const playNextButtonClickHandler = () => {
+        const result = sendCustomMessage(CustomMessages.CLICK_PLAY_NEXT);
+        if (result?.defaultActionRequired === false) {
+            console.warn('Default action for "playNextButton" not overwritten yet');
+        }
+    };
+    playNextButton.onClick.subscribe(() => {
+        playNextButtonClickHandler();
+    });
+    playNextButton.onClick.unsubscribe(() => {
+        playNextButtonClickHandler();
+    });
     return playNextButton;
 }
 export function createWatchFromStartButton() {
-    return new Button({
+    const watchFromStartButton = new Button({
         cssClass: 'ui-textbutton ui-watchfromstartbutton bmpui-ui-button',
         text: 'Kijk vanaf het begin',
         hidden: true
     });
+    const watchFromStartButtonClickHandler = () => {
+        const result = sendCustomMessage(CustomMessages.CLICK_WATCH_FROM_START);
+        if (result?.defaultActionRequired === false) {
+            console.warn('Default action for "watchFromStartButton" not overwritten yet');
+        }
+    };
+    watchFromStartButton.onClick.subscribe(() => {
+        watchFromStartButtonClickHandler();
+    });
+    watchFromStartButton.onClick.unsubscribe(() => {
+        watchFromStartButtonClickHandler();
+    });
+    return watchFromStartButton;
+}
+export function createGoBackLiveButton(player) {
+    const goBackLiveButton = new Button({
+        cssClass: 'ui-textbutton ui-backtolivebutton bmpui-ui-button',
+        text: 'Terug naar live',
+        hidden: true
+    });
+    const goBackLiveButtonClickHandler = () => {
+        const result = sendCustomMessage(CustomMessages.CLICK_GO_BACK_TO_LIVE);
+        if (result.defaultActionRequired === false && player.isLive()) {
+            player.timeShift(0);
+        }
+    };
+    goBackLiveButton.onClick.subscribe(() => {
+        goBackLiveButtonClickHandler();
+    });
+    goBackLiveButton.onClick.unsubscribe(() => {
+        goBackLiveButtonClickHandler();
+    });
+    return goBackLiveButton;
 }
 export function createSettingsButton(settingsPanel) {
     const customSettingsToggleButton = new SettingsToggleButton({ settingsPanel });
-    customSettingsToggleButton.onToggleOn.subscribe(() => {
+    const settingsButtonToggleOnHandler = () => {
         const result = sendCustomMessage(CustomMessages.TOGGLE_SETTINGS_PANEL);
         if (result.defaultActionRequired === false) {
             settingsPanel.hide();
             customSettingsToggleButton.off();
         }
+    };
+    customSettingsToggleButton.onToggleOn.subscribe(() => {
+        settingsButtonToggleOnHandler();
+    });
+    customSettingsToggleButton.onToggleOn.unsubscribe(() => {
+        settingsButtonToggleOnHandler();
     });
     return customSettingsToggleButton;
 }
+export function createPlaybackToggleButton() {
+    const customPlayerbackToggleButton = new PlaybackToggleButton({
+        cssClass: 'ui-playbacktogglebutton'
+    });
+    const playbackToggleHandler = () => {
+        const result = sendCustomMessage(CustomMessages.TOGGLE_PLAY_PAUSE, { isChecked: customPlayerbackToggleButton.isOn() });
+        if (result?.defaultActionRequired === false) {
+            console.warn('Default action for "PlaybackToggleButton" not overwritten yet');
+        }
+    };
+    customPlayerbackToggleButton.onToggle.subscribe(() => {
+        playbackToggleHandler();
+    });
+    customPlayerbackToggleButton.onToggle.unsubscribe(() => {
+        playbackToggleHandler();
+    });
+    return customPlayerbackToggleButton;
+}
+export function createVolumeToggleButton() {
+    const customVolumeToggleButton = new VolumeToggleButton();
+    const volumeToggleHandler = () => {
+        const result = sendCustomMessage(CustomMessages.TOGGLE_MUTE, { isChecked: customVolumeToggleButton.isOn() });
+        if (result?.defaultActionRequired === false) {
+            console.warn('Default action for "VolumeToggleButton" not overwritten yet');
+        }
+    };
+    customVolumeToggleButton.onToggle.subscribe(() => {
+        volumeToggleHandler();
+    });
+    customVolumeToggleButton.onToggle.unsubscribe(() => {
+        volumeToggleHandler();
+    });
+    return customVolumeToggleButton;
+}
+export function createPictureInPictureToggleButton() {
+    const customPictureInPictureToggleButton = new PictureInPictureToggleButton();
+    const pictureInPictureToggleHandler = () => {
+        const result = sendCustomMessage(CustomMessages.TOGGLE_PIP, { isChecked: customPictureInPictureToggleButton.isOn() });
+        if (result?.defaultActionRequired === false) {
+            console.warn('Default action for "PictureInPictureToggleButton" not overwritten yet');
+        }
+    };
+    customPictureInPictureToggleButton.onToggle.subscribe(() => {
+        pictureInPictureToggleHandler();
+    });
+    customPictureInPictureToggleButton.onToggle.unsubscribe(() => {
+        pictureInPictureToggleHandler();
+    });
+    return customPictureInPictureToggleButton;
+}
+export function createAirPlayToggleButton() {
+    const customAirPlayToggleButton = new AirPlayToggleButton();
+    const airPlayToggleHandler = () => {
+        const result = sendCustomMessage(CustomMessages.TOGGLE_AIRPLAY, { isChecked: customAirPlayToggleButton.isOn() });
+        if (result?.defaultActionRequired === false) {
+            console.warn('Default action for "AirPlayToggleButton" not overwritten yet');
+        }
+    };
+    customAirPlayToggleButton.onToggle.subscribe(() => {
+        airPlayToggleHandler();
+    });
+    customAirPlayToggleButton.onToggle.unsubscribe(() => {
+        airPlayToggleHandler();
+    });
+    return customAirPlayToggleButton;
+}
+export function createCastToggleButton() {
+    const customCastToggleButton = new CastToggleButton();
+    const castToggleHandler = () => {
+        const result = sendCustomMessage(CustomMessages.TOGGLE_AIRPLAY, { isChecked: customCastToggleButton.isOn() });
+        if (result?.defaultActionRequired === false) {
+            console.warn('Default action for "CastToggleButton" not overwritten yet');
+        }
+    };
+    customCastToggleButton.onToggle.subscribe(() => {
+        castToggleHandler();
+    });
+    customCastToggleButton.onToggle.unsubscribe(() => {
+        castToggleHandler();
+    });
+    return customCastToggleButton;
+}
+export function createFullscreenToggleButton() {
+    const customFullscreenToggleButton = new FullscreenToggleButton();
+    const fullscreenToggleHandler = () => {
+        const result = sendCustomMessage(CustomMessages.TOGGLE_FULLSCREEN, { isChecked: customFullscreenToggleButton.isOn() });
+        if (result?.defaultActionRequired === false) {
+            console.warn('Default action for "FullscreenToggleButton" not overwritten yet');
+        }
+    };
+    customFullscreenToggleButton.onToggle.subscribe(() => {
+        fullscreenToggleHandler();
+    });
+    customFullscreenToggleButton.onToggle.unsubscribe(() => {
+        fullscreenToggleHandler();
+    });
+    return customFullscreenToggleButton;
+}
 //# sourceMappingURL=buttons.js.map

package/lib/js/ui/components/nativemobile/buttons.js.map

@@ -1 +1 @@
-{"version":3,"file":"buttons.js","sourceRoot":"","sources":["../../../../../../src/js/ui/components/nativemobile/buttons.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAiB,oBAAoB,EAAE,MAAM,oBAAoB,CAAA;AAChF,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAA8B,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE1F,MAAM,UAAU,oBAAoB,CAAE,MAAiB;IACnD,MAAM,cAAc,GAAG,IAAI,MAAM,CAAC;QAC9B,QAAQ,EACJ,mEAAmE;QACvE,IAAI,EAAE,+CAA+C;QACrD,MAAM,EAAE,KAAK;KAChB,CAAC,CAAA;IAEF,IAAI,MAAM,IAAI,IAAI,EAAE;QAChB,cAAc,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE;YAClC,MAAM,MAAM,GAA+B,iBAAiB,CAAC,cAAc,CAAC,YAAY,CAAC,CAAA;YACzF,IAAI,MAAM,CAAC,qBAAqB,KAAK,IAAI,EAAE;gBACvC,OAAO,CAAC,GAAG,CAAC,cAAc,CAAC,CAAA;aAC9B;iBAAM;gBACH,OAAO,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAA;aACnC;QACL,CAAC,CAAC,CAAA;KACL;IAED,OAAO,cAAc,CAAA;AACzB,CAAC;AAED,MAAM,UAAU,0BAA0B;IACtC,OAAO,IAAI,MAAM,CAAC;QACd,QAAQ,EAAE,uDAAuD;QACjE,IAAI,EAAE,sBAAsB;QAC5B,MAAM,EAAE,IAAI;KACf,CAAC,CAAA;AACN,CAAC;AAED,MAAM,UAAU,oBAAoB,CAAE,aAA4B;IAC9D,MAAM,0BAA0B,GAAG,IAAI,oBAAoB,CAAC,EAAE,aAAa,EAAE,CAAC,CAAA;IAE9E,0BAA0B,CAAC,UAAU,CAAC,SAAS,CAAC,GAAG,EAAE;QACjD,MAAM,MAAM,GAA+B,iBAAiB,CAAC,cAAc,CAAC,qBAAqB,CAAC,CAAA;QAClG,IAAI,MAAM,CAAC,qBAAqB,KAAK,KAAK,EAAE;YACxC,aAAa,CAAC,IAAI,EAAE,CAAA;YACpB,0BAA0B,CAAC,GAAG,EAAE,CAAA;SACnC;IACL,CAAC,CAAC,CAAA;IAEF,OAAO,0BAA0B,CAAC;AACtC,CAAC"}
+{"version":3,"file":"buttons.js","sourceRoot":"","sources":["../../../../../../src/js/ui/components/nativemobile/buttons.ts"],"names":[],"mappings":"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"}

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

@@ -1,13 +1,13 @@
 import { PlayerEvent } from 'bitmovin-player';
-import { ControlBar, Container, PlaybackTimeLabel, PlaybackTimeLabelMode, SeekBar, SeekBarLabel, PlaybackToggleButton, VolumeToggleButton, VolumeSlider, Spacer, PictureInPictureToggleButton, AirPlayToggleButton, SettingsToggleButton, FullscreenToggleButton, CastToggleButton } from 'bitmovin-player-ui';
+import { ControlBar, Container, PlaybackTimeLabel, PlaybackTimeLabelMode, SeekBar, SeekBarLabel, VolumeSlider, Spacer, SettingsToggleButton, } from 'bitmovin-player-ui';
 import { createForwardButton, createRewindButton } from '../buttons';
 import { airPlaySupported } from '../../../utilities/utilities';
+import { createAirPlayToggleButton, createCastToggleButton, createFullscreenToggleButton, createPictureInPictureToggleButton, createPlaybackToggleButton, createVolumeToggleButton, } from './buttons';
 export function createControlBar(player, settingsPanel) {
     const rewindButton = createRewindButton(player);
     const forwardButton = createForwardButton(player);
-    const chromeCastButton = new CastToggleButton({
-        hidden: true
-    });
+    const chromeCastButton = createCastToggleButton();
+    chromeCastButton.hide();
     player.on(PlayerEvent.CastAvailable, () => {
         if (player.isCastAvailable())
             chromeCastButton.show();
@@ -32,17 +32,17 @@ export function createControlBar(player, settingsPanel) {
             }),
             new Container({
                 components: [
-                    new PlaybackToggleButton(),
-                    new VolumeToggleButton(),
+                    createPlaybackToggleButton(),
+                    createVolumeToggleButton(),
                     new VolumeSlider(),
                     rewindButton,
                     forwardButton,
                     new Spacer(),
-                    ...(document.pictureInPictureEnabled && /^((?!chrome|android).)*safari/i.test(navigator.userAgent) ? [new PictureInPictureToggleButton()] : []),
-                    ...(airPlaySupported() ? [new AirPlayToggleButton()] : []),
+                    ...(document.pictureInPictureEnabled && /^((?!chrome|android).)*safari/i.test(navigator.userAgent) ? [createPictureInPictureToggleButton()] : []),
+                    ...(airPlaySupported() ? [createAirPlayToggleButton()] : []),
                     chromeCastButton,
                     new SettingsToggleButton({ settingsPanel }),
-                    new FullscreenToggleButton()
+                    createFullscreenToggleButton()
                 ],
                 cssClasses: ['controlbar-bottom']
             })

package/lib/js/ui/components/nativemobile/controlbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"controlbar.js","sourceRoot":"","sources":["../../../../../../src/js/ui/components/nativemobile/controlbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,WAAW,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,EACH,UAAU,EACV,SAAS,EACT,iBAAiB,EACjB,qBAAqB,EACrB,OAAO,EACP,YAAY,EAEZ,oBAAoB,EACpB,kBAAkB,EAClB,YAAY,EACZ,MAAM,EACN,4BAA4B,EAC5B,mBAAmB,EACnB,oBAAoB,EACpB,sBAAsB,EACtB,gBAAgB,EACnB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAE/D,MAAM,UAAU,gBAAgB,CAC5B,MAAiB,EACjB,aAA4B;IAE5B,MAAM,YAAY,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAA;IAC/C,MAAM,aAAa,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAA;IAEjD,MAAM,gBAAgB,GAAG,IAAI,gBAAgB,CAAC;QAC1C,MAAM,EAAE,IAAI;KACf,CAAC,CAAA;IAEF,MAAM,CAAC,EAAE,CAAC,WAAW,CAAC,aAAa,EAAE,GAAG,EAAE;QACtC,IAAG,MAAM,CAAC,eAAe,EAAE;YAAE,gBAAgB,CAAC,IAAI,EAAE,CAAA;IACxD,CAAC,CAAC,CAAA;IAEF,OAAO,IAAI,UAAU,CAAC;QAClB,UAAU,EAAE;YACR,aAAa;YACb,IAAI,SAAS,CAAC;gBACV,UAAU,EAAE;oBACR,IAAI,iBAAiB,CAAC;wBAClB,aAAa,EAAE,qBAAqB,CAAC,WAAW;wBAChD,kBAAkB,EAAE,IAAI;wBACxB,UAAU,EAAE,CAAC,cAAc,CAAC;qBAC/B,CAAC;oBACF,IAAI,OAAO,CAAC,EAAE,KAAK,EAAE,IAAI,YAAY,EAAE,EAAE,CAAC;oBAC1C,IAAI,iBAAiB,CAAC;wBAClB,aAAa,EAAE,qBAAqB,CAAC,SAAS;wBAC9C,UAAU,EAAE,CAAC,YAAY,CAAC;qBAC7B,CAAC;iBACL;gBACD,UAAU,EAAE,CAAC,gBAAgB,CAAC;aACjC,CAAC;YACF,IAAI,SAAS,CAAC;gBACV,UAAU,EAAE;oBACR,IAAI,oBAAoB,EAAE;oBAC1B,IAAI,kBAAkB,EAAE;oBACxB,IAAI,YAAY,EAAE;oBAClB,YAAY;oBACZ,aAAa;oBACb,IAAI,MAAM,EAAE;oBACZ,GAAG,CAAC,QAAQ,CAAC,uBAAuB,IAAI,gCAAgC,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,4BAA4B,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;oBAC/I,GAAG,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,mBAAmB,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;oBAC1D,gBAAgB;oBAChB,IAAI,oBAAoB,CAAC,EAAE,aAAa,EAAE,CAAC;oBAC3C,IAAI,sBAAsB,EAAE;iBAC/B;gBACD,UAAU,EAAE,CAAC,mBAAmB,CAAC;aACpC,CAAC;SACL;KACJ,CAAC,CAAA;AACN,CAAC"}
+{"version":3,"file":"controlbar.js","sourceRoot":"","sources":["../../../../../../src/js/ui/components/nativemobile/controlbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAa,WAAW,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,EACH,UAAU,EACV,SAAS,EACT,iBAAiB,EACjB,qBAAqB,EACrB,OAAO,EACP,YAAY,EAEZ,YAAY,EACZ,MAAM,EACN,oBAAoB,GACvB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAA;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAC/D,OAAO,EACH,yBAAyB,EACzB,sBAAsB,EACtB,4BAA4B,EAC5B,kCAAkC,EAClC,0BAA0B,EAC1B,wBAAwB,GAC3B,MAAM,WAAW,CAAA;AAElB,MAAM,UAAU,gBAAgB,CAC5B,MAAiB,EACjB,aAA4B;IAE5B,MAAM,YAAY,GAAG,kBAAkB,CAAC,MAAM,CAAC,CAAA;IAC/C,MAAM,aAAa,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAA;IAEjD,MAAM,gBAAgB,GAAG,sBAAsB,EAAE,CAAA;IAEjD,gBAAgB,CAAC,IAAI,EAAE,CAAA;IAEvB,MAAM,CAAC,EAAE,CAAC,WAAW,CAAC,aAAa,EAAE,GAAG,EAAE;QACtC,IAAG,MAAM,CAAC,eAAe,EAAE;YAAE,gBAAgB,CAAC,IAAI,EAAE,CAAA;IACxD,CAAC,CAAC,CAAA;IAEF,OAAO,IAAI,UAAU,CAAC;QAClB,UAAU,EAAE;YACR,aAAa;YACb,IAAI,SAAS,CAAC;gBACV,UAAU,EAAE;oBACR,IAAI,iBAAiB,CAAC;wBAClB,aAAa,EAAE,qBAAqB,CAAC,WAAW;wBAChD,kBAAkB,EAAE,IAAI;wBACxB,UAAU,EAAE,CAAC,cAAc,CAAC;qBAC/B,CAAC;oBACF,IAAI,OAAO,CAAC,EAAE,KAAK,EAAE,IAAI,YAAY,EAAE,EAAE,CAAC;oBAC1C,IAAI,iBAAiB,CAAC;wBAClB,aAAa,EAAE,qBAAqB,CAAC,SAAS;wBAC9C,UAAU,EAAE,CAAC,YAAY,CAAC;qBAC7B,CAAC;iBACL;gBACD,UAAU,EAAE,CAAC,gBAAgB,CAAC;aACjC,CAAC;YACF,IAAI,SAAS,CAAC;gBACV,UAAU,EAAE;oBACR,0BAA0B,EAAE;oBAC5B,wBAAwB,EAAE;oBAC1B,IAAI,YAAY,EAAE;oBAClB,YAAY;oBACZ,aAAa;oBACb,IAAI,MAAM,EAAE;oBACZ,GAAG,CAAC,QAAQ,CAAC,uBAAuB,IAAI,gCAAgC,CAAC,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,kCAAkC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;oBACjJ,GAAG,CAAC,gBAAgB,EAAE,CAAC,CAAC,CAAC,CAAC,yBAAyB,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;oBAC5D,gBAAgB;oBAEhB,IAAI,oBAAoB,CAAC,EAAE,aAAa,EAAE,CAAC;oBAC3C,4BAA4B,EAAE;iBACjC;gBACD,UAAU,EAAE,CAAC,mBAAmB,CAAC;aACpC,CAAC;SACL;KACJ,CAAC,CAAA;AACN,CAAC"}

package/lib/js/ui/components/nativemobile/ctabar.js

@@ -1,6 +1,5 @@
 import { Container } from 'bitmovin-player-ui';
-import { createWatchFromStartButton } from '../nativemobile/buttons';
-import { createGoBackLiveButton } from '../buttons';
+import { createWatchFromStartButton, createGoBackLiveButton } from '../nativemobile/buttons';
 export function createCTABar(player) {
     const goBackLiveButton = createGoBackLiveButton(player);
     const watchFromStartButton = createWatchFromStartButton();

package/lib/js/ui/components/nativemobile/ctabar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ctabar.js","sourceRoot":"","sources":["../../../../../../src/js/ui/components/nativemobile/ctabar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,0BAA0B,EAAE,MAAM,yBAAyB,CAAA;AACpE,OAAO,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAA;AAGnD,MAAM,UAAU,YAAY,CAAE,MAAiB;IAC3C,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,MAAM,CAAC,CAAA;IACvD,MAAM,oBAAoB,GAAG,0BAA0B,EAAE,CAAA;IAEzD,OAAO,IAAI,SAAS,CAAC;QACjB,UAAU,EAAE,CAAC,oBAAoB,EAAE,gBAAgB,CAAC;QACpD,UAAU,EAAE,CAAC,wBAAwB,CAAC;KACzC,CAAC,CAAA;AACN,CAAC"}
+{"version":3,"file":"ctabar.js","sourceRoot":"","sources":["../../../../../../src/js/ui/components/nativemobile/ctabar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,0BAA0B,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAA;AAG5F,MAAM,UAAU,YAAY,CAAE,MAAiB;IAC3C,MAAM,gBAAgB,GAAG,sBAAsB,CAAC,MAAM,CAAC,CAAA;IACvD,MAAM,oBAAoB,GAAG,0BAA0B,EAAE,CAAA;IAEzD,OAAO,IAAI,SAAS,CAAC;QACjB,UAAU,EAAE,CAAC,oBAAoB,EAAE,gBAAgB,CAAC;QACpD,UAAU,EAAE,CAAC,wBAAwB,CAAC;KACzC,CAAC,CAAA;AACN,CAAC"}

package/lib/js/ui/components/nativemobile/playnext.d.ts

@@ -1,6 +1,5 @@
 import { Container } from 'bitmovin-player-ui';
-import { type PlayerAPI } from 'bitmovin-player';
-export declare function createPlayNextScreen(player: PlayerAPI): Container<{
+export declare function createPlayNextScreen(): Container<{
     components: import("bitmovin-player-ui").Button<{
         cssClass: string;
         text: string;

package/lib/js/ui/components/nativemobile/playnext.js

@@ -1,8 +1,8 @@
 import { Container } from 'bitmovin-player-ui';
 import { createPlayNextButton } from './buttons';
 import { showPlayNextScreen } from '../shared/playnextscreen';
-export function createPlayNextScreen(player) {
-    const playNextButton = createPlayNextButton(player);
+export function createPlayNextScreen() {
+    const playNextButton = createPlayNextButton();
     if (window.bitmovin.customMessageHandler) {
         window.bitmovin.customMessageHandler.on('showPlayNextScreen', () => {
             showPlayNextScreen(window.bitmovin.customMessageHandler.sendAsynchronous('doPlayNext'));

package/lib/js/ui/components/nativemobile/playnext.js.map

@@ -1 +1 @@
-{"version":3,"file":"playnext.js","sourceRoot":"","sources":["../../../../../../src/js/ui/components/nativemobile/playnext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAA;AAEhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AAK7D,MAAM,UAAU,oBAAoB,CAAE,MAAiB;IACnD,MAAM,cAAc,GAAG,oBAAoB,CAAC,MAAM,CAAC,CAAA;IAEnD,IAAI,MAAM,CAAC,QAAQ,CAAC,oBAAoB,EAAE;QACtC,MAAM,CAAC,QAAQ,CAAC,oBAAoB,CAAC,EAAE,CAAC,oBAAoB,EAAE,GAAG,EAAE;YAC/D,kBAAkB,CAAC,MAAM,CAAC,QAAQ,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC;QAC5F,CAAC,CAAC,CAAA;KACL;IAED,OAAO,IAAI,SAAS,CAAC;QACjB,UAAU,EAAE,CAAC,cAAc,CAAC;QAC5B,UAAU,EAAE,CAAC,kBAAkB,CAAC;KACnC,CAAC,CAAA;AACN,CAAC"}
+{"version":3,"file":"playnext.js","sourceRoot":"","sources":["../../../../../../src/js/ui/components/nativemobile/playnext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAA;AAC9C,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAA;AAChD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAA;AAK7D,MAAM,UAAU,oBAAoB;IAChC,MAAM,cAAc,GAAG,oBAAoB,EAAE,CAAA;IAE7C,IAAI,MAAM,CAAC,QAAQ,CAAC,oBAAoB,EAAE;QACtC,MAAM,CAAC,QAAQ,CAAC,oBAAoB,CAAC,EAAE,CAAC,oBAAoB,EAAE,GAAG,EAAE;YAC/D,kBAAkB,CAAC,MAAM,CAAC,QAAQ,CAAC,oBAAoB,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC,CAAC;QAC5F,CAAC,CAAC,CAAA;KACL;IAED,OAAO,IAAI,SAAS,CAAC;QACjB,UAAU,EAAE,CAAC,cAAc,CAAC;QAC5B,UAAU,EAAE,CAAC,kBAAkB,CAAC;KACnC,CAAC,CAAA;AACN,CAAC"}

package/lib/js/ui/components/nativemobile/topbar.js

@@ -1,6 +1,6 @@
-import { Container, TitleBar, PictureInPictureToggleButton, AirPlayToggleButton, CastToggleButton, FullscreenToggleButton, VolumeToggleButton } from 'bitmovin-player-ui';
-import { createSettingsButton } from './buttons';
+import { Container, TitleBar, PictureInPictureToggleButton, AirPlayToggleButton, CastToggleButton, FullscreenToggleButton, VolumeToggleButton, } from 'bitmovin-player-ui';
 import { PlayerEvent } from 'bitmovin-player';
+import { createSettingsButton } from './buttons';
 export function createTopBar(player, settingsPanel) {
     const chromeCastButton = new CastToggleButton({
         hidden: true
@@ -13,12 +13,12 @@ export function createTopBar(player, settingsPanel) {
         components: [
             new Container({
                 components: [
-                    new CastToggleButton(),
+                    chromeCastButton,
                     new AirPlayToggleButton(),
                     createSettingsButton(settingsPanel),
                     new PictureInPictureToggleButton(),
                     new FullscreenToggleButton(),
-                    new VolumeToggleButton()
+                    new VolumeToggleButton(),
                 ],
                 cssClasses: ['controlbar-top', 'controlbar-small']
             })

package/lib/js/ui/components/nativemobile/topbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"topbar.js","sourceRoot":"","sources":["../../../../../../src/js/ui/components/nativemobile/topbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAEH,SAAS,EACT,QAAQ,EACR,4BAA4B,EAC5B,mBAAmB,EACnB,gBAAgB,EAChB,sBAAsB,EACtB,kBAAkB,EACrB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAA;AAChD,OAAO,EAAa,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAExD,MAAM,UAAU,YAAY,CAAE,MAAiB,EAAE,aAA4B;IACzE,MAAM,gBAAgB,GAAG,IAAI,gBAAgB,CAAC;QAC1C,MAAM,EAAE,IAAI;KACf,CAAC,CAAA;IAEF,MAAM,CAAC,EAAE,CAAC,WAAW,CAAC,aAAa,EAAE,GAAG,EAAE;QACtC,IAAG,MAAM,CAAC,eAAe,EAAE;YAAE,gBAAgB,CAAC,IAAI,EAAE,CAAA;IACxD,CAAC,CAAC,CAAA;IAEF,OAAO,IAAI,QAAQ,CAAC;QAChB,UAAU,EAAE;YACR,IAAI,SAAS,CAAC;gBACV,UAAU,EAAE;oBACR,IAAI,gBAAgB,EAAE;oBACtB,IAAI,mBAAmB,EAAE;oBACzB,oBAAoB,CAAC,aAAa,CAAC;oBACnC,IAAI,4BAA4B,EAAE;oBAClC,IAAI,sBAAsB,EAAE;oBAC5B,IAAI,kBAAkB,EAAE;iBAC3B;gBACD,UAAU,EAAE,CAAC,gBAAgB,EAAE,kBAAkB,CAAC;aACrD,CAAC;SACL;QACD,UAAU,EAAE,CAAC,gBAAgB,CAAC;KACjC,CAAC,CAAA;AACN,CAAC"}
+{"version":3,"file":"topbar.js","sourceRoot":"","sources":["../../../../../../src/js/ui/components/nativemobile/topbar.ts"],"names":[],"mappings":"AAAA,OAAO,EAEH,SAAS,EACT,QAAQ,EACR,4BAA4B,EAC5B,mBAAmB,EACnB,gBAAgB,EAChB,sBAAsB,EAEtB,kBAAkB,GACrB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAa,WAAW,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAAE,oBAAoB,EAAE,MAAM,WAAW,CAAA;AAEhD,MAAM,UAAU,YAAY,CAAE,MAAiB,EAAE,aAA4B;IACzE,MAAM,gBAAgB,GAAG,IAAI,gBAAgB,CAAC;QAC1C,MAAM,EAAE,IAAI;KACf,CAAC,CAAA;IAEF,MAAM,CAAC,EAAE,CAAC,WAAW,CAAC,aAAa,EAAE,GAAG,EAAE;QACtC,IAAG,MAAM,CAAC,eAAe,EAAE;YAAE,gBAAgB,CAAC,IAAI,EAAE,CAAA;IACxD,CAAC,CAAC,CAAA;IAEF,OAAO,IAAI,QAAQ,CAAC;QAChB,UAAU,EAAE;YACR,IAAI,SAAS,CAAC;gBACV,UAAU,EAAE;oBACR,gBAAgB;oBAChB,IAAI,mBAAmB,EAAE;oBACzB,oBAAoB,CAAC,aAAa,CAAC;oBAEnC,IAAI,4BAA4B,EAAE;oBAClC,IAAI,sBAAsB,EAAE;oBAC5B,IAAI,kBAAkB,EAAE;iBAC3B;gBACD,UAAU,EAAE,CAAC,gBAAgB,EAAE,kBAAkB,CAAC;aACrD,CAAC;SACL;QACD,UAAU,EAAE,CAAC,gBAAgB,CAAC;KACjC,CAAC,CAAA;AACN,CAAC"}

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

@@ -1,6 +1,5 @@
 import { UIContainer } from 'bitmovin-player-ui';
 import { PlayerAPI } from 'bitmovin-player';
-import { CustomMessages } from '../../types/interfaces';
-export declare function sendCustomMessage(message: CustomMessages): any;
-export declare function getCustomMessage(message: CustomMessages): {};
+import { CustomMessageHandlerInterface, CustomMessages } from '../../types/interfaces';
+export declare function sendCustomMessage(message: CustomMessages, data?: CustomMessageHandlerInterface): any;
 export declare function nativeMobileUIContainer(player: PlayerAPI): UIContainer;

package/lib/js/ui/nativemobileuicontainer.js

@@ -6,23 +6,18 @@ import { createTopBar } from './components/nativemobile/topbar';
 import { createSettingsPanel } from './components/settingspanel';
 import { createMiddleButtons } from './components/buttons';
 import { createTitleBar } from './components/nativemobile/titlebar';
-export function sendCustomMessage(message) {
-    if (window.bitmovin.customMessageHandler) {
-        return JSON.parse(window.bitmovin.customMessageHandler.sendSynchronous(message)) || {};
+export function sendCustomMessage(message, data) {
+    try {
+        if (window.bitmovin.customMessageHandler) {
+            return JSON.parse(window.bitmovin.customMessageHandler.sendSynchronous(message, data !== undefined ? JSON.stringify(data) : '{}'));
+        }
     }
-    return {};
-}
-export function getCustomMessage(message) {
-    if (window.bitmovin.customMessageHandler) {
-        window.bitmovin.customMessageHandler.on(message, (data) => {
-            return JSON.parse(data || '{}');
-        });
+    catch {
     }
-    return {};
 }
 export function nativeMobileUIContainer(player) {
     const middleButtons = createMiddleButtons(player);
-    const playNextScreen = createPlayNextScreen(player);
+    const playNextScreen = createPlayNextScreen();
     const settingsPanel = createSettingsPanel(player);
     const ctaBar = createCTABar(player);
     const topBar = createTopBar(player, settingsPanel);

package/lib/js/ui/nativemobileuicontainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"nativemobileuicontainer.js","sourceRoot":"","sources":["../../../../src/js/ui/nativemobileuicontainer.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,eAAe,EACf,WAAW,GACd,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAA;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAA;AAEvE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAEhE,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAE1D,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAKpE,MAAM,UAAU,iBAAiB,CAAC,OAAuB;IACrD,IAAI,MAAM,CAAC,QAAQ,CAAC,oBAAoB,EAAE;QACtC,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,oBAAoB,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,CAAA;KACzF;IACD,OAAO,EAAE,CAAA;AACb,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAC,OAAuB;IACpD,IAAI,MAAM,CAAC,QAAQ,CAAC,oBAAoB,EAAE;QACtC,MAAM,CAAC,QAAQ,CAAC,oBAAoB,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,IAAa,EAAE,EAAE;YAC/D,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;QACpC,CAAC,CAAC,CAAA;KACL;IAED,OAAO,EAAE,CAAA;AACb,CAAC;AAED,MAAM,UAAU,uBAAuB,CAAE,MAAiB;IACtD,MAAM,aAAa,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAA;IACjD,MAAM,cAAc,GAAG,oBAAoB,CAAC,MAAM,CAAC,CAAA;IACnD,MAAM,aAAa,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAA;IACjD,MAAM,MAAM,GAAG,YAAY,CAAC,MAAM,CAAC,CAAA;IACnC,MAAM,MAAM,GAAG,YAAY,CAAC,MAAM,EAAE,aAAa,CAAC,CAAA;IAClD,MAAM,UAAU,GAAG,gBAAgB,CAAC,MAAM,EAAE,aAAa,CAAC,CAAA;IAC1D,MAAM,mBAAmB,GAAG,IAAI,mBAAmB,EAAE,CAAA;IAErD,OAAO,IAAI,WAAW,CAAC;QACnB,UAAU,EAAE;YACR,IAAI,eAAe,EAAE;YACrB,IAAI,gBAAgB,EAAE;YACtB,IAAI,qBAAqB,EAAE;YAC3B,IAAI,iBAAiB,EAAE;YACvB,cAAc;YACd,aAAa;YACb,UAAU;YACV,MAAM;YACN,MAAM;YACN,cAAc,EAAE;YAChB,mBAAmB;SACtB;QACD,UAAU,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC;KAC9C,CAAC,CAAC;AACP,CAAC"}
+{"version":3,"file":"nativemobileuicontainer.js","sourceRoot":"","sources":["../../../../src/js/ui/nativemobileuicontainer.ts"],"names":[],"mappings":"AAAA,OAAO,EACH,gBAAgB,EAChB,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,eAAe,EACf,WAAW,GACd,MAAM,oBAAoB,CAAC;AAG5B,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAA;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAC/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,sCAAsC,CAAA;AAEvE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAA;AAC/D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAA;AAEhE,OAAO,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAA;AAE1D,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAKpE,MAAM,UAAU,iBAAiB,CAAC,OAAuB,EAAE,IAAoC;IAC3F,IAAI;QACA,IAAI,MAAM,CAAC,QAAQ,CAAC,oBAAoB,EAAE;YACtC,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,oBAAoB,CAAC,eAAe,CAAC,OAAO,EAAE,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAA;SACrI;KACJ;IAAC,MAAM;KAEP;AACL,CAAC;AAED,MAAM,UAAU,uBAAuB,CAAE,MAAiB;IACtD,MAAM,aAAa,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAA;IACjD,MAAM,cAAc,GAAG,oBAAoB,EAAE,CAAA;IAC7C,MAAM,aAAa,GAAG,mBAAmB,CAAC,MAAM,CAAC,CAAA;IACjD,MAAM,MAAM,GAAG,YAAY,CAAC,MAAM,CAAC,CAAA;IACnC,MAAM,MAAM,GAAG,YAAY,CAAC,MAAM,EAAE,aAAa,CAAC,CAAA;IAClD,MAAM,UAAU,GAAG,gBAAgB,CAAC,MAAM,EAAE,aAAa,CAAC,CAAA;IAC1D,MAAM,mBAAmB,GAAG,IAAI,mBAAmB,EAAE,CAAA;IAErD,OAAO,IAAI,WAAW,CAAC;QACnB,UAAU,EAAE;YACR,IAAI,eAAe,EAAE;YACrB,IAAI,gBAAgB,EAAE;YACtB,IAAI,qBAAqB,EAAE;YAC3B,IAAI,iBAAiB,EAAE;YACvB,cAAc;YACd,aAAa;YACb,UAAU;YACV,MAAM;YACN,MAAM;YACN,cAAc,EAAE;YAChB,mBAAmB;SACtB;QACD,UAAU,EAAE,CAAC,YAAY,EAAE,eAAe,CAAC;KAC9C,CAAC,CAAC;AACP,CAAC"}