@npo/player 1.29.0 → 2.0.0-beta.0

package/lib/types/interfaces.d.ts

@@ -1,246 +0,0 @@
-import { type ErrorMessageOverlay, type Label, ControlBar, SettingsPanelItem, Button, SeekBar, CastToggleButton, SettingsPanel, SettingsToggleButton, Container, ContainerConfig, ToggleButton, ToggleButtonConfig } from 'bitmovin-player-ui';
-import { type NPOTag, type PageTracker } from '@npotag/tag';
-import { ButtonConfig } from 'bitmovin-player-ui/dist/js/framework/components/button';
-import NpoPlayer from '../npoplayer';
-import { NpoPlayerAPI } from '../services/npoPlayerAPI/npoPlayerAPI';
-import { NpoPlayerEventCallback } from './events';
-import { ProgressiveSourceConfig, SourceConfigOptions, SourceLabelingStreamTypeConfig, ThumbnailTrack } from 'bitmovin-player/modules/bitmovinplayer-core';
-import type { AnalyticsConfig } from 'bitmovin-player/types/analytics/ConfigAPI';
-import type { GoogleCastRemoteControlConfig } from 'bitmovin-player/types/remotecontrol/ConfigAPI';
-import DRMConfig from 'bitmovin-player/modules/bitmovinplayer-drm';
-import { SubtitleTrack } from 'bitmovin-player/modules/bitmovinplayer-subtitles';
-export { Technology } from 'bitmovin-player/modules/bitmovinplayer-core';
-export interface Profile {
-    profileName: string;
-    drm: string | undefined;
-}
-export interface Segment {
-    inpoint: number;
-    outpoint: number;
-    duration: number;
-}
-export interface EventListeners {
-    liveStreamHandleTimeChangedCallback?: NpoPlayerEventCallback;
-    segmentHandleTimeChangedCallback?: NpoPlayerEventCallback;
-    segmentSeekFunctionCallback?: NpoPlayerEventCallback;
-    adBreakFinishedCallback?: NpoPlayerEventCallback;
-    adErrorCallback?: NpoPlayerEventCallback;
-    handleStartOffsetCallbackOnReady?: NpoPlayerEventCallback;
-    handleStartOffsetCallbackOnSourceLoaded?: NpoPlayerEventCallback;
-    handleStartOffsetCallbackOnAdBreakFinished?: NpoPlayerEventCallback;
-    handleStartOffsetCallbackOnAdError?: NpoPlayerEventCallback;
-}
-export interface StreamObject {
-    stream: StreamObject_Stream;
-    metadata: StreamObject_Metadata;
-    assets: StreamObject_Assets;
-    user: {
-        type: 'plus' | 'anonymous';
-    };
-    segment?: Segment;
-}
-export interface PlayerContext {
-    player: NpoPlayerAPI;
-    npoPlayer: NpoPlayer;
-}
-export interface ApiPayload {
-    baseURL: string;
-    jwt: string;
-    data: Record<string, unknown>;
-    ster?: SterData;
-}
-interface SterData {
-    identifier: string;
-    deviceType?: number;
-    os?: string;
-    osVersion?: string;
-    player?: string;
-}
-export interface DRMProfile {
-    profileName: string;
-    drm: string;
-}
-export interface NPOTagObject {
-    npoTagInstance: NPOTag | undefined;
-    heartbeatInterval: number | undefined;
-    pageTracker: PageTracker | undefined;
-}
-interface StreamObject_Stream {
-    avType: string;
-    drmToken?: string;
-    drmType: string;
-    streamProfile: string;
-    sourceProfile: string;
-    streamURL: string;
-    isLiveStream?: boolean;
-    hasDvrWindow?: boolean;
-}
-interface Subtitle {
-    iso: string;
-    location: string;
-    name: string;
-}
-interface StreamObject_Assets {
-    scrubbingThumbnail: string;
-    subtitles: Subtitle[] | undefined;
-    preroll?: string;
-}
-export interface StreamObject_Metadata {
-    chapters?: Chapter[];
-    broadcaster?: string;
-    description: string;
-    duration?: string;
-    nicam?: string[] | null;
-    poster?: string;
-    posterIsDefault?: boolean;
-    prid?: string;
-    ageRating?: string;
-    title: string;
-    hasPreroll?: string;
-}
-interface FragmentSection {
-    time: number;
-    duration: number;
-    title: string;
-}
-export interface Fragment {
-    sections: FragmentSection[];
-}
-export interface SourceConfig {
-    dash?: string;
-    hls?: string;
-    progressive?: string | ProgressiveSourceConfig[];
-    smooth?: string;
-    whep?: string;
-    poster?: string;
-    drm?: typeof DRMConfig;
-    options?: SourceConfigOptions;
-    subtitleTracks?: SubtitleTrack[];
-    thumbnailTrack?: ThumbnailTrack;
-    title?: string;
-    description?: string;
-    labeling?: SourceLabelingStreamTypeConfig;
-    analytics?: AnalyticsConfig;
-    metadata?: {
-        [key: string]: string;
-    };
-}
-export interface StreamOptions {
-    sourceConfig?: SourceConfig;
-    fragments?: Fragment;
-    startOffset?: number;
-    liveOffset?: boolean;
-    liveProgramTime?: number;
-    endpoint?: string;
-    preferredDRM?: string;
-    ageRating?: string;
-    nicam?: string[] | null;
-    playNext?: PlayNext;
-    ster?: SterData;
-    enableSubtitles?: boolean;
-    useWidevineServerCertificate?: boolean;
-    customFallbackPoster?: string;
-    autoFillTimeLineMarkerDuration?: boolean;
-    autoplay?: boolean;
-    skippableChapters?: string[];
-    npoTagPageTracker?: PageTracker;
-    retryCallback?: () => void;
-    infoPanelHTML?: string;
-    backButton?: {
-        callback: () => void;
-        label?: string;
-    };
-}
-export interface UIComponents {
-    errorMessageOverlay?: ErrorMessageOverlay;
-    nicam?: Label<{
-        text: string;
-        cssClass: string;
-    }>;
-    subtitlesButton?: SettingsPanelItem | undefined;
-    qualityButton?: SettingsPanelItem | undefined;
-    watchFromStartButton?: Button<ButtonConfig> | undefined;
-    skipChapterButton?: Button<ButtonConfig> | undefined;
-    controlBar?: ControlBar | undefined;
-    adbutton?: Button<ButtonConfig> | undefined;
-    adlabel?: Label<{
-        text: string;
-        cssClass: string;
-    }> | undefined;
-    seekBar?: SeekBar | undefined;
-    chromeCastButton?: CastToggleButton | undefined;
-    settingsPanels?: SettingsPanel[] | undefined;
-    settingsPanel?: SettingsPanel | undefined;
-    settingsToggleButton?: SettingsToggleButton | undefined;
-    infoPanel?: Container<ContainerConfig>;
-    infoPanelToggleButtons?: ToggleButton<ToggleButtonConfig>[];
-    backButtons?: Button<ButtonConfig>[];
-}
-export declare enum NpoPlayerUIVariants {
-    DEFAULT = "default",
-    AUDIO = "audio",
-    VERTICAL = "vertical",
-    AD = "ad"
-}
-export declare enum ViewMode {
-    Inline = "inline",
-    Fullscreen = "fullscreen",
-    PictureInPicture = "pictureinpicture"
-}
-export interface PlayNext {
-    showPlayNext?: boolean;
-    duration?: number;
-    offset?: number;
-    proceedCallback?: () => void;
-    cancelCallback?: () => void;
-}
-export type TimeLineMarker = {
-    time: number;
-    title: string;
-    duration?: number;
-    cssClasses?: string[];
-};
-export declare enum LocalStorageValues {
-    IS_MUTED = "ismuted",
-    VOLUME = "volume",
-    SUBTITLES_ENABLED = "subtitles_enabled",
-    SUBTITLES_LANGUAGE = "subtitles_language"
-}
-export type LocalStorageData = Partial<Record<LocalStorageValues, string | number>>;
-export type NPOGoogleCastRemoteControlConfig = GoogleCastRemoteControlConfig;
-export interface PlayerTrackerParams {
-    playerContext: PlayerContext;
-    duration?: number;
-    source?: string;
-    afterAd?: boolean;
-}
-export interface LogEventParams {
-    playerContext: PlayerContext;
-    event: string;
-    data?: any;
-}
-export interface LogErrorContext {
-    programAvailableFrom?: string;
-    programAvailableUntil?: string;
-}
-export interface LogErrorParams {
-    playerContext: PlayerContext;
-    status: number;
-    body?: string;
-    context?: LogErrorContext;
-}
-export interface CreateButtonConfig {
-    text: string;
-    onClick: () => void;
-    ariaLabel?: string;
-    cssClass?: string;
-    hidden?: boolean;
-    acceptsTouchWithUiHidden?: boolean;
-}
-export interface Chapter {
-    description: string;
-    from: number;
-    until: number;
-    title: string;
-    type: string;
-}

package/lib/types/interfaces.js

@@ -1,20 +0,0 @@
-export var NpoPlayerUIVariants;
-(function (NpoPlayerUIVariants) {
-    NpoPlayerUIVariants["DEFAULT"] = "default";
-    NpoPlayerUIVariants["AUDIO"] = "audio";
-    NpoPlayerUIVariants["VERTICAL"] = "vertical";
-    NpoPlayerUIVariants["AD"] = "ad";
-})(NpoPlayerUIVariants || (NpoPlayerUIVariants = {}));
-export var ViewMode;
-(function (ViewMode) {
-    ViewMode["Inline"] = "inline";
-    ViewMode["Fullscreen"] = "fullscreen";
-    ViewMode["PictureInPicture"] = "pictureinpicture";
-})(ViewMode || (ViewMode = {}));
-export var LocalStorageValues;
-(function (LocalStorageValues) {
-    LocalStorageValues["IS_MUTED"] = "ismuted";
-    LocalStorageValues["VOLUME"] = "volume";
-    LocalStorageValues["SUBTITLES_ENABLED"] = "subtitles_enabled";
-    LocalStorageValues["SUBTITLES_LANGUAGE"] = "subtitles_language";
-})(LocalStorageValues || (LocalStorageValues = {}));

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

@@ -1,4 +0,0 @@
-import { Button } from 'bitmovin-player-ui';
-import { ButtonConfig } from 'bitmovin-player-ui/dist/js/framework/components/button';
-import { PlayerContext } from '../../types/interfaces';
-export declare function createAdButton(playerContext: PlayerContext): Button<ButtonConfig>;

package/lib/ui/components/adbutton.js

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

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

@@ -1,4 +0,0 @@
-import { Label } from 'bitmovin-player-ui';
-import { LabelConfig } from 'bitmovin-player-ui/dist/js/framework/components/label';
-import { PlayerContext } from '../../types/interfaces';
-export declare function createAdLabel(playerContext: PlayerContext): Label<LabelConfig>;

package/lib/ui/components/adlabel.js

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

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

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

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

@@ -1,23 +0,0 @@
-import { ControlBar, Container, VolumeControlButton } from 'bitmovin-player-ui';
-import { createSeekBar } from '../seekbar';
-import { NpoPlayerUIVariants } from '../../../types/interfaces';
-export function createAudioControlBar(playerContext) {
-    const { npoPlayer } = playerContext;
-    const seekBar = createSeekBar(playerContext, NpoPlayerUIVariants.AUDIO);
-    const controlBar = new ControlBar({
-        components: [
-            seekBar,
-            new Container({
-                components: [
-                    new VolumeControlButton({
-                        vertical: true
-                    })
-                ],
-                cssClasses: ['controlbar-bottom']
-            })
-        ],
-        cssClasses: ['ui-controlbar-bottom']
-    });
-    npoPlayer.uiComponents.controlBar = controlBar;
-    return controlBar;
-}

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

@@ -1,2 +0,0 @@
-import { Button, ButtonConfig } from 'bitmovin-player-ui';
-export declare function createBackButton(): Button<ButtonConfig>;

package/lib/ui/components/backButton.js

@@ -1,8 +0,0 @@
-import { Button } from 'bitmovin-player-ui';
-export function createBackButton() {
-    return new Button({
-        cssClass: 'back-button',
-        hidden: true,
-        tabIndex: 0
-    });
-}

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

@@ -1,42 +0,0 @@
-import { Button, ControlBar, CastToggleButton, Container } from 'bitmovin-player-ui';
-import { ContainerConfig } from 'bitmovin-player-ui/dist/js/framework/components/container';
-import { PlayerContext, CreateButtonConfig } from '../../types/interfaces';
-export declare function createButton(playerContext: PlayerContext, config: CreateButtonConfig): Button<{
-    cssClass: string;
-    ariaLabel: string;
-}>;
-export declare function createMiddleButtons(playerContext: PlayerContext): ControlBar;
-export declare function createRewindButton(playerContext: PlayerContext): Button<{
-    cssClass: string;
-    ariaLabel: string;
-}>;
-export declare function createForwardButton(playerContext: PlayerContext): Button<{
-    cssClass: string;
-    ariaLabel: string;
-}>;
-export declare function createPlayNextButton(playerContext: PlayerContext): Button<{
-    cssClass: string;
-    ariaLabel: string;
-}>;
-export declare function createCancelPlayNextButton(playerContext: PlayerContext): Button<{
-    cssClass: string;
-    ariaLabel: string;
-}>;
-export declare function createGoBackLiveButton(playerContext: PlayerContext): Button<{
-    cssClass: string;
-    ariaLabel: string;
-}>;
-export declare function createWatchFromStartButton(playerContext: PlayerContext): Button<{
-    cssClass: string;
-    ariaLabel: string;
-}>;
-export declare function createSkipChapterButton(playerContext: PlayerContext): Button<{
-    cssClass: string;
-    ariaLabel: string;
-}>;
-export declare function createChromecastButton(playerContext: PlayerContext): CastToggleButton;
-export interface ButtonOverlayConfig {
-    buttons: CreateButtonConfig[];
-    cssClasses?: string[];
-}
-export declare function createButtonOverlay(playerContext: PlayerContext, config: ButtonOverlayConfig): Container<ContainerConfig>;

package/lib/ui/components/buttons.js

@@ -1,144 +0,0 @@
-import { Button, PlaybackToggleButton, ControlBar, CastToggleButton, Container } from 'bitmovin-player-ui';
-import { rewind, forward } from '../handlers/timecontrolhandlers';
-import { NpoPlayerEvent } from '../../types/events';
-export function createButton(playerContext, config) {
-    const button = new Button({
-        cssClass: config.cssClass || 'ui-textbutton bmpui-ui-button',
-        text: config.text,
-        ariaLabel: config.ariaLabel || config.text,
-        hidden: config.hidden ?? false,
-        acceptsTouchWithUiHidden: config.acceptsTouchWithUiHidden ?? true
-    });
-    button.onClick.subscribe(() => {
-        config.onClick();
-    });
-    return button;
-}
-export function createMiddleButtons(playerContext) {
-    const bigPlayToggleButton = new PlaybackToggleButton({
-        cssClass: 'ui-playbacktogglebutton'
-    });
-    const bigRewindButton = createRewindButton(playerContext);
-    const bigForwardButton = createForwardButton(playerContext);
-    return new ControlBar({
-        components: [bigRewindButton, bigPlayToggleButton, bigForwardButton],
-        cssClasses: ['controlbar-middle']
-    });
-}
-export function createRewindButton(playerContext) {
-    const { player } = playerContext;
-    const rewindButton = new Button({
-        cssClass: 'ui-rewindbutton bmpui-ui-button',
-        ariaLabel: 'Spoel 10 seconden terug'
-    });
-    rewindButton.onClick.subscribe(() => {
-        rewind(player);
-    });
-    return rewindButton;
-}
-export function createForwardButton(playerContext) {
-    const { player } = playerContext;
-    const forwardButton = new Button({
-        cssClass: 'ui-forwardbutton bmpui-ui-button',
-        ariaLabel: 'Spoel 10 seconden vooruit'
-    });
-    forwardButton.onClick.subscribe(() => {
-        forward(player);
-    });
-    return forwardButton;
-}
-export function createPlayNextButton(playerContext) {
-    const { npoPlayer } = playerContext;
-    const playNextButton = new Button({
-        cssClass: 'ui-textbutton ui-playNextButton bmpui-ui-button',
-        text: '<span class="bmpui-ui-textbutton-icon bmpui-ui-textbutton-icon-play"></span> Volgende aflevering',
-        ariaLabel: 'Volgende aflevering',
-        hidden: false,
-        acceptsTouchWithUiHidden: true
-    });
-    playNextButton.onClick.subscribe(() => {
-        npoPlayer.doPlayNext();
-    });
-    return playNextButton;
-}
-export function createCancelPlayNextButton(playerContext) {
-    const { npoPlayer } = playerContext;
-    const cancelPlayNextButton = new Button({
-        cssClass: 'ui-textbutton ui-cancelPlayNextButton bmpui-ui-button',
-        text: 'Annuleer',
-        ariaLabel: 'Annuleer',
-        hidden: false,
-        acceptsTouchWithUiHidden: true
-    });
-    cancelPlayNextButton.onClick.subscribe(() => {
-        npoPlayer.cancelPlayNextScreen();
-    });
-    return cancelPlayNextButton;
-}
-export function createGoBackLiveButton(playerContext) {
-    const { player } = playerContext;
-    const goBackLiveButton = new Button({
-        cssClass: 'ui-textbutton ui-backtolivebutton bmpui-ui-button',
-        text: 'Terug naar live',
-        ariaLabel: 'Terug naar live',
-        hidden: true
-    });
-    goBackLiveButton.onClick.subscribe(() => {
-        if (player != undefined && player.isLive()) {
-            player.timeShift(0);
-        }
-    });
-    return goBackLiveButton;
-}
-export function createWatchFromStartButton(playerContext) {
-    const watchFromStartButton = new Button({
-        cssClass: 'ui-textbutton ui-watchfromstartbutton bmpui-ui-button',
-        text: 'Kijk vanaf het begin',
-        ariaLabel: 'Kijk vanaf het begin',
-        hidden: true
-    });
-    const { player, npoPlayer } = playerContext;
-    watchFromStartButton.onClick.subscribe(() => {
-        if (player.isLive() ?? false)
-            npoPlayer.watchFromStart();
-        if (npoPlayer.uiComponents.watchFromStartButton)
-            npoPlayer.uiComponents.watchFromStartButton.hide();
-    });
-    npoPlayer.uiComponents.watchFromStartButton = watchFromStartButton;
-    return watchFromStartButton;
-}
-export function createSkipChapterButton(playerContext) {
-    const skipChapterButton = new Button({
-        cssClass: 'ui-textbutton ui-skipchapterbutton bmpui-ui-button',
-        text: '',
-        ariaLabel: 'Overslaan',
-        hidden: true
-    });
-    const { npoPlayer } = playerContext;
-    npoPlayer.uiComponents.skipChapterButton = skipChapterButton;
-    return skipChapterButton;
-}
-export function createChromecastButton(playerContext) {
-    const { player, npoPlayer } = playerContext;
-    const chromeCastButton = new CastToggleButton({
-        disabled: true
-    });
-    const handleCastAvailable = () => {
-        const remoteControlConfig = npoPlayer.playerConfig?.remotecontrol;
-        if (player?.isCastAvailable() && remoteControlConfig.customReceiverConfig?.enable !== 'false') {
-            chromeCastButton.enable();
-        }
-        else {
-            chromeCastButton.disable();
-        }
-    };
-    player?.on(NpoPlayerEvent.CastAvailable, handleCastAvailable);
-    return chromeCastButton;
-}
-export function createButtonOverlay(playerContext, config) {
-    const buttons = config.buttons.map((buttonConfig) => createButton(playerContext, buttonConfig));
-    return new Container({
-        components: buttons,
-        cssClasses: config.cssClasses || ['overlay-generic']
-    });
-}

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

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

package/lib/ui/components/controlbar.js

@@ -1,40 +0,0 @@
-import { ControlBar, Container, PlaybackToggleButton, VolumeToggleButton, VolumeSlider, Spacer, PictureInPictureToggleButton, AirPlayToggleButton, SettingsToggleButton, FullscreenToggleButton } from 'bitmovin-player-ui';
-import { createChromecastButton, createForwardButton, createRewindButton } from './buttons';
-import { createSeekBar } from './seekbar';
-import { createSettingsPanel } from './settingspanel';
-import { NpoPlayerUIVariants } from '../../types/interfaces';
-import { localizeKey } from '../../js/utilities/utilities.locale';
-import { createInfoPanelToggleButton } from './infopanel/togglebutton';
-export function createControlBar(playerContext, variant) {
-    const { npoPlayer } = playerContext;
-    const controlComponents = [];
-    controlComponents.push(new PlaybackToggleButton(), new VolumeToggleButton(), new VolumeSlider());
-    if (variant === NpoPlayerUIVariants.DEFAULT) {
-        const rewindButton = createRewindButton(playerContext);
-        const forwardButton = createForwardButton(playerContext);
-        controlComponents.push(rewindButton, forwardButton);
-    }
-    const chromeCastButton = createChromecastButton(playerContext);
-    controlComponents.push(new Spacer(), new PictureInPictureToggleButton(), new AirPlayToggleButton(), chromeCastButton);
-    if (variant === NpoPlayerUIVariants.DEFAULT) {
-        const infoPanelToggleButton = createInfoPanelToggleButton(playerContext);
-        const settingsPanel = createSettingsPanel(playerContext);
-        const settingsToggleButton = new SettingsToggleButton({ settingsPanel, role: 'button' });
-        settingsToggleButton.getDomElement().attr('aria-haspopup', 'true');
-        controlComponents.push(infoPanelToggleButton, settingsToggleButton, settingsPanel);
-    }
-    controlComponents.push(new FullscreenToggleButton());
-    const controlBar = new ControlBar({
-        components: [
-            createSeekBar(playerContext, variant),
-            new Container({
-                components: [...controlComponents],
-                cssClasses: ['controlbar-bottom']
-            })
-        ],
-        cssClasses: ['ui-controlbar-bottom'],
-        ariaLabel: localizeKey('controlBar.bottom')
-    });
-    npoPlayer.uiComponents.controlBar = controlBar;
-    return controlBar;
-}

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

@@ -1,4 +0,0 @@
-import { Container } from 'bitmovin-player-ui';
-import { ContainerConfig } from 'bitmovin-player-ui/dist/js/framework/components/container';
-import { NpoPlayerUIVariants, PlayerContext } from '../../types/interfaces';
-export declare function createCTABar(playerContext: PlayerContext, variant: NpoPlayerUIVariants): Container<ContainerConfig>;

package/lib/ui/components/ctabar.js

@@ -1,28 +0,0 @@
-import { Container } from 'bitmovin-player-ui';
-import { createGoBackLiveButton, createWatchFromStartButton, createSkipChapterButton } from './buttons';
-import { createAdButton } from './adbutton';
-import { createAdLabel } from './adlabel';
-import { NpoPlayerUIVariants } from '../../types/interfaces';
-import { createBackButton } from './backButton';
-export function createCTABar(playerContext, variant) {
-    const barComponents = [];
-    const uiComponents = playerContext.npoPlayer.uiComponents;
-    if (variant === NpoPlayerUIVariants.DEFAULT) {
-        const goBackLiveButton = createGoBackLiveButton(playerContext);
-        const watchFromStartButton = createWatchFromStartButton(playerContext);
-        const skipChapterButton = createSkipChapterButton(playerContext);
-        barComponents.push(watchFromStartButton, goBackLiveButton, skipChapterButton);
-    }
-    if (variant === NpoPlayerUIVariants.AD) {
-        const backButton = createBackButton();
-        const adLabel = createAdLabel(playerContext);
-        const adButton = createAdButton(playerContext);
-        uiComponents.backButtons = uiComponents.backButtons ? [...uiComponents.backButtons, backButton] : [backButton];
-        barComponents.push(backButton, adLabel, adButton);
-        adLabel.hide();
-    }
-    return new Container({
-        components: barComponents,
-        cssClasses: ['controlbar-textbuttons']
-    });
-}

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

@@ -1,3 +0,0 @@
-import { Container, ContainerConfig } from 'bitmovin-player-ui';
-import { PlayerContext } from '../../../types/interfaces';
-export declare function createInfoPanel(playerContext: PlayerContext): Container<ContainerConfig>;

package/lib/ui/components/infopanel/infopanel.js

@@ -1,42 +0,0 @@
-import { Container, Button } from 'bitmovin-player-ui';
-export function createInfoPanel(playerContext) {
-    const { npoPlayer, player } = playerContext;
-    const infoPanel = new Container({
-        hidden: true,
-        cssClass: 'info-panel'
-    });
-    const infoToggleButtons = npoPlayer.uiComponents.infoPanelToggleButtons ?? [];
-    const settingsPanels = npoPlayer.uiComponents.settingsPanels ?? [];
-    infoPanel.onHide.subscribe(() => {
-        player.removeClassFromNpoPlayerElement('bmpui-panel-shown');
-        for (const button of infoToggleButtons) {
-            button.off();
-        }
-    });
-    infoPanel.onShow.subscribe(() => {
-        player.addClassToNpoPlayerElement('bmpui-panel-shown');
-        for (const panel of settingsPanels) {
-            panel.hide();
-        }
-        for (const button of infoToggleButtons) {
-            button.on();
-        }
-    });
-    const closeButton = new Button({
-        cssClass: 'info-panel-close-button'
-    });
-    closeButton.onClick.subscribe(() => {
-        infoPanel.hide();
-    });
-    infoPanel.addComponent(closeButton);
-    const contentContainer = new Container({
-        cssClass: 'info-panel-content'
-    });
-    infoPanel.addComponent(contentContainer);
-    const uiComponents = npoPlayer.uiComponents;
-    uiComponents.infoPanel = infoPanel;
-    infoPanel.setHtmlContent = (html) => {
-        contentContainer.getDomElement().html(html);
-    };
-    return infoPanel;
-}

package/lib/ui/components/infopanel/togglebutton.d.ts

@@ -1,3 +0,0 @@
-import { ToggleButton, ToggleButtonConfig } from 'bitmovin-player-ui';
-import { PlayerContext } from 'types/interfaces';
-export declare function createInfoPanelToggleButton(playerContext: PlayerContext): ToggleButton<ToggleButtonConfig>;