@glomex/integration-web-component 1.1507.1 → 1.1508.0

package/README.md

@@ -71,3 +71,48 @@ export const connectIntegration: ConnectIntegration = (integration) => {
   });
 };
 ```
+
+### Shared Context
+
+Use `getSharedContext()` to provide global application context and provider-specific user tokens to all `<glomex-integration>` instances on the page.
+
+`getSharedContext()` waits for the integration component to be loaded and returns the same singleton instance that the running player uses.
+
+```ts
+import { getSharedContext } from '@glomex/integration-web-component';
+
+const sharedContext = await getSharedContext();
+
+sharedContext.set({
+  // Plain values — used as-is
+  appVersion: '2.3.0',
+  appName: 'my-app',
+  deviceId: { id: '...', name: 'idfa' },
+
+  // Resolver functions — called each time the player needs the value,
+  // so they can return fresh data (e.g. after consent changes)
+  userIds: async () => await cmp.getConsentedUserIds(),
+
+  // Provider-specific context (tokens, subscription state, ...)
+  providers: {
+    'my-provider': async () => ({
+      token: await myAuth.getToken(),
+      subscriptionState: userState
+    })
+  }
+});
+```
+
+Calling `set()` multiple times merges incrementally — previously set values are preserved unless overwritten:
+
+```ts
+// Initial setup
+sharedContext.set({ appVersion: '2.3.0', appName: 'my-app' });
+
+// Later — adds providers without removing appVersion/appName
+sharedContext.set({
+  providers: {
+    'my-provider': async () => ({ token: await myAuth.getToken() })
+  }
+});
+```

package/dist/index.d.ts

@@ -1,13 +1,14 @@
 
+import type { SerializedError } from '@reduxjs/toolkit';
 
 export declare interface Ad {
     sessionId: string;
     id: string;
-    adFormat: AdFormat;
+    adFormat: AdFormat | `${AdFormat}`;
     duration?: number;
     positionIndex: number;
     breakIndex: number;
-    breakName: AdBreakName;
+    breakName: AdBreakName | `${AdBreakName}`;
     mimetype: string;
     totalAds: number;
     adUrl?: string;
@@ -27,8 +28,12 @@ export declare interface Ad {
     clickThroughUrl?: string;
 }
 
-/** Name of ad break - when the ad appears, `overlay` is deprecated */
-export declare type AdBreakName = 'preroll' | 'midroll' | 'postroll' | 'overlay';
+/** Name of ad break - when the ad appears, `OVERLAY` is deprecated */
+export declare enum AdBreakName {
+    PREROLL = "preroll",
+    MIDROLL = "midroll",
+    POSTROLL = "postroll"
+}
 
 export declare class AdError extends Error {
     code: string;
@@ -37,9 +42,14 @@ export declare class AdError extends Error {
 }
 
 /** Format of the ad - how it is presented */
-export declare type AdFormat = 'linear' | 'overlay' | 'cutin' | 'pause';
+export declare enum AdFormat {
+    LINEAR = "linear",
+    OVERLAY = "overlay",
+    CUTIN = "cutin",
+    PAUSE = "pause"
+}
 
-export declare const ALLOWED_UI_ACTIONS: readonly ["play", "pause", "openEpg", "startAgeSetup", "forgotPin"];
+declare const ALLOWED_UI_ACTIONS: readonly ["play", "pause", "openEpg", "startAgeSetup", "forgotPin"];
 
 /**
  * An additional API script definition that should be executed for this media-item.
@@ -103,6 +113,12 @@ export declare interface AudioTrackList extends MediaTrackList<AudioTrack> {
     select(trackOrId: AudioTrack | string): void;
 }
 
+declare class BaseMediaError<T extends string = string> extends Error {
+    code: T;
+    name: string;
+    constructor(message: string, code: T);
+}
+
 export declare interface Channel {
     /** Human-readable channel title shown in the player UI */
     name?: string;
@@ -118,8 +134,9 @@ export declare interface Channel {
 
 export declare enum ComponentName {
     INTEGRATION = "glomex-integration",
-    EXTERNAL_MEDIA_ITEM = "glomex-external-media-item",
-    GLOMEX_MEDIA_ITEM = "glomex-media-item"
+    EXTERNAL_MEDIA_ITEM = "external-media-item",
+    GLOMEX_MEDIA_ITEM = "glomex-media-item",
+    JOYN_MEDIA_ITEM = "joyn-media-item"
 }
 
 /**
@@ -206,7 +223,41 @@ export declare interface CustomMarker extends Omit<Marker, 'name'> {
     name: string;
 }
 
-export declare const DEBUG_CONFIG_STORAGE_KEY = "turboDebugPlayerConfig";
+/**
+ * Identifier names for device IDs that can be passed via {@link SharedContextData.deviceId}.
+ */
+export declare enum DeviceIdName {
+    /** Android Advertising ID (Google) */
+    AAID = "aaid",
+    /** Amazon Fire OS Advertising ID */
+    AFAI = "afai",
+    /** Android App Set ID — scope: app */
+    ASIA = "asia",
+    /** Android App Set ID — scope: developer */
+    ASID = "asid",
+    /** Tizen Identifier for Advertising (Samsung) */
+    TIFA = "tifa",
+    /** VIDAA Advertising ID (Hisense) */
+    VAID = "vaid",
+    /** Apple Identifier for Advertisers */
+    IDFA = "idfa",
+    /** Apple Identifier for Vendors */
+    IDFV = "idfv",
+    /** LG Unique Device ID */
+    LGUDID = "lgudid",
+    /** Microsoft Advertising ID */
+    MSAI = "msai",
+    /** Huawei Open Advertising ID */
+    OAID = "oaid",
+    /** PlayStation Advertising ID */
+    PSNAI = "psnai",
+    /** Roku Identifier for Advertising */
+    RIDA = "rida",
+    /** Vizio Advertising ID */
+    VIDA = "vida",
+    /** TitanOS Advertising ID (Walmart) */
+    WAID = "waid"
+}
 
 declare interface Experiment {
     name: string;
@@ -231,6 +282,7 @@ export declare interface ExtendedVideoPlaybackQuality extends VideoPlaybackQuali
     height: number;
 }
 
+/** @ignore */
 export declare const EXTERNAL_PLAYER_NAME = "turbo-player";
 
 /**
@@ -238,9 +290,9 @@ export declare const EXTERNAL_PLAYER_NAME = "turbo-player";
  * It can be placed inside the integration element as a child.
  * For more complex use cases, see {@link MediaItemElement}.
  *
- * @tagname glomex-external-media-item
+ * @tagname external-media-item
  *
- * @slot - Slot for inline JSON of type `application/glomex-external-media-item+json`
+ * @slot - Slot for inline JSON of type `application/external-media-item+json`
  *
  * @example single media item with inline JSON
  *
@@ -250,8 +302,8 @@ export declare const EXTERNAL_PLAYER_NAME = "turbo-player";
  * <glomex-integration
  *   integration-id="REPLACE_WITH_INTEGRATION_ID"
  * >
- *   <glomex-external-media-item>
- *     <script type="application/glomex-external-media-item+json">
+ *   <external-media-item>
+ *     <script type="application/external-media-item+json">
  *       {
  *         "id": "SOME_ID",
  *         "sources": [
@@ -265,7 +317,7 @@ export declare const EXTERNAL_PLAYER_NAME = "turbo-player";
  *         "title": "VIDEO_TITLE"
  *       }
  *     </script>
- *   </glomex-external-media-item>
+ *   </external-media-item>
  * </glomex-integration>
  * ```
  *
@@ -277,8 +329,8 @@ export declare const EXTERNAL_PLAYER_NAME = "turbo-player";
  * <glomex-integration
  *   integration-id="REPLACE_WITH_INTEGRATION_ID"
  * >
- *   <glomex-external-media-item>
- *     <script type="application/glomex-external-media-item+json">
+ *   <external-media-item>
+ *     <script type="application/external-media-item+json">
  *       [
  *         {
  *           "id": "VIDEO_1",
@@ -296,13 +348,11 @@ export declare const EXTERNAL_PLAYER_NAME = "turbo-player";
  *         }
  *       ]
  *     </script>
- *   </glomex-external-media-item>
+ *   </external-media-item>
  * </glomex-integration>
  * ```
  */
-export declare class ExternalMediaItemElement extends HTMLElement implements MediaItemElement {
-    #private;
-    get data(): MediaItem | MediaItem[];
+export declare class ExternalMediaItemElement extends MediaItemElement {
 }
 
 /**
@@ -324,7 +374,11 @@ export declare interface ExtraContext {
     /**
      * User ids of the user. User ids are only used when the user has given consent for the assigned vendor.
      */
-    userIds?: ExtraContextUserId[];
+    userIds?: {
+        id: string;
+        name: UserIdName | `${UserIdName}`;
+        ext?: Record<string, unknown>;
+    }[];
     /**
      * The bundle id of the app. Only required for iOS apps.
      */
@@ -340,28 +394,46 @@ export declare interface ExtraContext {
      */
     appStoreUrl?: string;
     b2bContext?: string;
-    deviceId?: ExtraContextDeviceId;
+    deviceId?: {
+        id: string;
+        name: DeviceIdName | `${DeviceIdName}`;
+    };
 }
 
 /**
- * Device id of the user. Only required for app environments. When no listed deviceId is available, you can pass a ppid {@link ExtraContextUserId}.
+ * Returns the CSS URL for a given integration variant.
+ *
+ * @example
+ * ```ts
+ * import { getIntegrationCssUrl } from '@glomex/integration-web-component';
+ *
+ * const cssUrl = getIntegrationCssUrl('my-integration-id');
+ * // => 'https://player.glomex.com/variant/my-integration-id/variant.css'
+ * ```
  */
-export declare interface ExtraContextDeviceId {
-    id: string;
-    name: 'aaid' | 'afai' | 'asia' | 'asid' | 'tifa' | 'vaid' | 'idfa' | 'idfv' | 'lgudid' | 'msai' | 'oaid' | 'psnai' | 'rida' | 'vida' | 'waid';
-}
+export declare function getIntegrationCssUrl(integrationId: string): string;
 
 /**
- * User id of the user that can be passed additionally to the integration. It improves the monetization. User ids
- * can be updated dynamically by assigning a new object to the {@link IntegrationElement#extraContext} property.
+ * Returns the {@link SharedContext} singleton from the loaded `integration.js`.
+ *
+ * Waits for the `<glomex-integration>` custom element to be defined, then
+ * reads the singleton from its static property — guaranteeing the same
+ * instance that the running player uses.
+ *
+ * @example
+ * ```ts
+ * import { getSharedContext } from '@glomex/integration-web-component';
+ *
+ * const sharedContext = await getSharedContext();
+ * sharedContext.set({
+ *   appVersion: '2.3.0',
+ *   providers: {
+ *     'my-provider': async () => ({ token: await myAuth.getFreshToken() }),
+ *   }
+ * });
+ * ```
  */
-export declare interface ExtraContextUserId {
-    id: string;
-    name: 'netId' | 'sevenPassId' | 'ppid' | 'utiqId' | 'liverampId' | 'pairId';
-    ext?: Record<string, unknown>;
-}
-
-export declare function getIntegrationCssUrl(integrationId: string): string;
+export declare function getSharedContext(): Promise<SharedContext>;
 
 /**
  * Web component that allows to override title and poster of a given glomex content id. It can be placed
@@ -369,6 +441,11 @@ export declare function getIntegrationCssUrl(integrationId: string): string;
  *
  * @tagname glomex-media-item
  *
+ * @attribute id - The glomex media ID or playlist ID to load.
+ * @attribute {stage|prod} environment - The environment to use for the provider request.
+ * @attribute poster - URL to override the poster image of the media item.
+ * @attribute title - Override the title of the media item.
+ *
  * @example with 2 glomex-media-items
  *
  * This only works when no `playlist-id` is assigned to `glomex-integration`
@@ -399,26 +476,26 @@ export declare function getIntegrationCssUrl(integrationId: string): string;
  *   ></glomex-media-item>
  * </glomex-integration>
  * ```
+ *
+ * @example glomex-media-item targeting the stage environment
+ *
+ * ```html
+ * <glomex-integration
+ *   integration-id="REPLACE_WITH_INTEGRATION_ID"
+ * >
+ *   <glomex-media-item
+ *     id="REPLACE_WITH_MEDIA_OR_PLAYLIST_ID"
+ *     environment="stage"
+ *   ></glomex-media-item>
+ * </glomex-integration>
+ * ```
  */
-export declare class GlomexMediaItemElement extends HTMLElement {
-    #private;
-    /**
-     * {@inheritDoc MediaItem#id}
-     */
-    id: string;
+export declare class GlomexMediaItemElement extends MediaItemElement {
     /**
      * Overridden poster of the media item.
+     * @attribute poster
      */
     poster: string;
-    /**
-     * Overridden title of the media item.
-     */
-    title: string;
-}
-
-export declare interface GlomexMediaItemWithOverrides {
-    id: string;
-    overrides: Partial<Omit<MediaItem, 'id' | 'sources'>>;
 }
 
 /**
@@ -426,7 +503,7 @@ export declare interface GlomexMediaItemWithOverrides {
  *
  * @see {@link IntegrationElementEventMap} for a full list of event types and their payloads
  * @tagname glomex-integration
- * @slot - (optional) Slot for custom media items ({@link GlomexMediaItemElement}, {@link ExternalMediaItemElement} or {@link MediaItemElement})
+ * @slot - (optional) Slot for custom media items ({@link GlomexMediaItemElement}, {@link JoynMediaItemElement}, {@link ExternalMediaItemElement} or {@link MediaItemElement})
  *
  * @example with a playlist-id
  *
@@ -437,7 +514,7 @@ export declare interface GlomexMediaItemWithOverrides {
  * ></glomex-integration>
  * ```
  *
- * You can find more advanced examples in the {@link GlomexMediaItemElement}, {@link ExternalMediaItemElement} or {@link MediaItemElement} documentation.
+ * You can find more advanced examples in the {@link GlomexMediaItemElement}, {@link JoynMediaItemElement}, {@link ExternalMediaItemElement} or {@link MediaItemElement} documentation.
  */
 export declare class IntegrationElement extends HTMLElement implements IntegrationProperties {
     #private;
@@ -447,6 +524,7 @@ export declare class IntegrationElement extends HTMLElement implements Integrati
     static Mimetype: typeof Mimetype;
     static PresentationMode: typeof PresentationMode;
     static IntegrationEvent: typeof IntegrationEvent;
+    static sharedContext: SharedContext;
     /**
      * {@inheritDoc IntegrationProperties.integrationId}
      * @attribute integration-id
@@ -633,7 +711,7 @@ export declare class IntegrationElement extends HTMLElement implements Integrati
     /**
      * Retrieves the currently selected content item.
      */
-    get content(): MediaItem | undefined;
+    get content(): MediaItemResolved | undefined;
     /**
      * Retrieves the currently selected source.
      */
@@ -641,7 +719,7 @@ export declare class IntegrationElement extends HTMLElement implements Integrati
     /**
      * Retrieves the current playlist.
      */
-    get playlist(): MediaItem[] | undefined;
+    get playlist(): MediaItemResolved[] | undefined;
     /**
      * Provides access to the user's consent information.
      */
@@ -668,7 +746,7 @@ export declare class IntegrationElement extends HTMLElement implements Integrati
      * @param {Object} [options] - Optional configuration.
      * @param {boolean} [options.byUser=false] - Indicates if the change was initiated by a user action.
      */
-    setPresentationMode(mode: PresentationMode | PresentationModeString, { byUser }?: {
+    setPresentationMode(mode: PresentationMode | `${PresentationMode}`, { byUser }?: {
         byUser?: boolean | undefined;
     }): Promise<void>;
     /**
@@ -769,7 +847,7 @@ export declare interface IntegrationElementEventMap {
      * @eventProperty
      */
     [IntegrationEvent.INTEGRATION_ABORT]: CustomEvent<{
-        error: Error;
+        error: SerializedError;
     }>;
     /**
      * @inheritdoc IntegrationEvent.INTEGRATION_AD_AVAILABLE
@@ -843,7 +921,7 @@ export declare interface IntegrationElementEventMap {
      * @eventProperty
      */
     [IntegrationEvent.CONTENT_ERROR]: CustomEvent<{
-        error: MediaError_2 | MediaItemError | MediaNetworkError;
+        error: SerializedError;
     }>;
     /**
      * @inheritdoc IntegrationEvent.CONTENT_MARKER_REACHED
@@ -1248,7 +1326,59 @@ export declare interface IntegrationProperties {
     extraContext?: ExtraContext;
 }
 
-export declare const INTERNAL_PREFIX = "turbo";
+/**
+ * Web component that allows to register Joyn media items. It can be placed
+ * inside the integration element as a child.
+ *
+ * @tagname joyn-media-item
+ *
+ * @attribute id - The Joyn media ID to load.
+ * @attribute {stage|prod} environment - The environment to use for the provider request.
+ *
+ * @example with a joyn-media-item
+ *
+ * This only works when no `playlist-id` is assigned to `glomex-integration`
+ *
+ * ```html
+ * <glomex-integration
+ *   integration-id="REPLACE_WITH_INTEGRATION_ID"
+ * >
+ *   <joyn-media-item
+ *     id="REPLACE_WITH_JOYN_MEDIA_ID"
+ *   ></joyn-media-item>
+ * </glomex-integration>
+ * ```
+ *
+ * @example with 2 joyn-media-items
+ *
+ * ```html
+ * <glomex-integration
+ *   integration-id="REPLACE_WITH_INTEGRATION_ID"
+ * >
+ *   <joyn-media-item
+ *     id="REPLACE_WITH_JOYN_MEDIA_ID"
+ *   ></joyn-media-item>
+ *   <joyn-media-item
+ *     id="ANOTHER_JOYN_MEDIA_ID"
+ *   ></joyn-media-item>
+ * </glomex-integration>
+ * ```
+ *
+ * @example joyn-media-item targeting the stage environment
+ *
+ * ```html
+ * <glomex-integration
+ *   integration-id="REPLACE_WITH_INTEGRATION_ID"
+ * >
+ *   <joyn-media-item
+ *     id="REPLACE_WITH_JOYN_MEDIA_ID"
+ *     environment="stage"
+ *   ></joyn-media-item>
+ * </glomex-integration>
+ * ```
+ */
+export declare class JoynMediaItemElement extends MediaItemElement {
+}
 
 export declare enum KnownMarkerName {
     PREROLL = "preroll",
@@ -1262,8 +1392,32 @@ export declare enum KnownMarkerName {
     REQUEST_RECOMMENDATIONS = "requestRecommendations"
 }
 
+/**
+ * Loads the `<glomex-integration>` custom element by injecting the
+ * `integration.js` script into the document. Does nothing if the element
+ * is already defined.
+ *
+ * @example
+ * ```ts
+ * import { loadIntegrationComponent } from '@glomex/integration-web-component';
+ *
+ * loadIntegrationComponent();
+ * ```
+ */
 export declare function loadIntegrationComponent(): void;
 
+/**
+ * Loads the variant CSS for the given integration ID by injecting a
+ * `<link>` element into the document head. Does nothing if the stylesheet
+ * is already loaded.
+ *
+ * @example
+ * ```ts
+ * import { loadIntegrationStyles } from '@glomex/integration-web-component';
+ *
+ * loadIntegrationStyles('my-integration-id');
+ * ```
+ */
 export declare function loadIntegrationStyles(integrationId: string): void;
 
 /**
@@ -1295,50 +1449,41 @@ export declare enum MarkerType {
 }
 
 /**
- * Runtime error when the player fails to load or play a media item.
- */
-declare interface MediaError_2 {
-    name: 'MediaError';
-    /** Error code from the playback engine */
-    code: string;
-    /** A detailed error message */
-    message: string;
-}
-export { MediaError_2 as MediaError }
-
-/**
- * Represents a media asset within the player.
- *
- * A minimal MediaItem requires only:
- *   - an `id`
- *   - a poster image
- *   - a title
- *   - a source
+ * Represents the input description of a media asset for the player.
  *
+ * A minimal playable `MediaItem` requires only a source — every other field is optional.
  * Additional fields can be supplied to support analytics, monetization, UI enhancements, and other use cases.
- * In general, the richer the metadata, the more likely the MediaItem can satisfy all integration requirements.
+ * In general, the richer the metadata, the more likely the `MediaItem` can satisfy all integration requirements.
+ *
+ * Alternatively, a {@link MediaItemReference} can be passed to the player instead of a
+ * full `MediaItem`. A reference carries only an `id` and a `provider`, letting the player
+ * resolve the complete media item from that provider by ID.
+ *
+ * When the player processes a `MediaItem` (or a resolved {@link MediaItemReference}) it
+ * produces a {@link MediaItemResolved} — an expanded version where missing fields are
+ * filled with defaults (e.g. `id`, `language`, `aspectRatio`) and additional data is
+ * derived automatically.
  */
 export declare interface MediaItem {
     /**
      * Unique identifier of the media item.
      */
-    id: string;
+    id?: string;
     /**
      * Additional ids that identify the media item in other systems
      */
     additionalIds?: {
         originId?: string;
-        originSourceId?: string;
         externalId?: string;
     };
     /**
      * Poster image of the media item.
      */
-    poster: string;
+    poster?: string;
     /**
      * Sources of the media item.
      */
-    sources: MediaSource_2[];
+    sources?: MediaSource_2[];
     /**
      * Array of text tracks for subtitles, captions, etc.
      * These tracks apply to the whole media item, not to individual sources.
@@ -1350,7 +1495,7 @@ export declare interface MediaItem {
     /**
      * Title of the media item.
      */
-    title: string;
+    title?: string;
     /**
      * Duration of the media item in seconds. Not defined when livestream.
      */
@@ -1462,19 +1607,10 @@ export declare interface MediaItem {
      * @defaultValue `['all']` (worldwide)
      */
     regionsAllowed?: string[];
-    /**
-     * Will be automatically filled based on {@link minimumAge} and {@link iabCategories}.
-     * @ignore */
-    ppsj?: string;
     /**
      * Mark this media item as a recommendation.
      */
     isRecommendation?: boolean;
-    /**
-     * An internal marker for the used playlist. It is automatically filled.
-     * @ignore
-     */
-    playlistId?: string;
     /**
      * JSON-LD `contentUrl` that allows search engines to crawl the media source.
      * You should only allow known crawlers ({@link https://developers.google.com/search/docs/crawling-indexing/verifying-googlebot?hl=en how to verify Googlebot & Crawler})
@@ -1594,11 +1730,6 @@ export declare interface MediaItem {
             poster?: string;
         }[];
     };
-    /**
-     * Only relevant for glomex-internal use. Mark it to allow teaser experiments.
-     * @ignore
-     */
-    allowTeaserExperiments?: boolean;
     /**
      * An additional API script definition that should be executed for this media-item.
      * @ignore
@@ -1608,10 +1739,6 @@ export declare interface MediaItem {
      * Indicates the source from which additional metadata was derived (e.g., "joyn").
      */
     metadataSource?: string;
-    /**
-     * Indicates the provider of the media item
-     */
-    provider?: MediaItemProvider;
     /**
      * Name of actors appearing in the given media item
      *
@@ -1639,14 +1766,18 @@ export declare interface MediaItem {
  * <script>
  *   class CustomMediaItemElement extends HTMLElement {
  *     get data() {
- *       return fetch(`https://api.example.com/media/${this.getAttribute('id')}`)
+ *       return fetch(`https://api.example.com/media/${this.id}`)
  *       .then(response => response.json())
  *       .then((body) => ({
- *         id: this.getAttribute('id'),
- *         sources: body.sources,
- *         duration: body.duration,
- *         poster: body.poster,
- *         title: body.title
+ *         id: this.id,
+ *         provider: 'external',
+ *         item: {
+ *           id: this.id,
+ *           sources: body.sources,
+ *           duration: body.duration,
+ *           poster: body.poster,
+ *           title: body.title
+ *         }
  *       }));
  *     }
  *   }
@@ -1658,24 +1789,62 @@ export declare interface MediaItem {
  *   <custom-media-item id="API_CONTENT_ID"></custom-media-item>
  * </glomex-integration>
  * ```
+ *
+ * @example of a custom media item that returns multiple items
+ *
+ * The `data` getter can also return an array of {@link MediaItemReference} objects
+ * to define a playlist from a single element.
+ *
+ * ```html
+ * <script>
+ *   class CustomPlaylistElement extends HTMLElement {
+ *     get data() {
+ *       return fetch(`https://api.example.com/playlist/${this.id}`)
+ *       .then(response => response.json())
+ *       .then((body) => body.items.map((item) => ({
+ *         id: item.id,
+ *         provider: 'external',
+ *         item: {
+ *           id: item.id,
+ *           sources: item.sources,
+ *           duration: item.duration,
+ *           poster: item.poster,
+ *           title: item.title
+ *         }
+ *       })));
+ *     }
+ *   }
+ *   window.customElements.define('custom-playlist', CustomPlaylistElement);
+ * </script>
+ * <glomex-integration
+ *   integration-id="REPLACE_WITH_INTEGRATION_ID"
+ * >
+ *   <custom-playlist id="API_PLAYLIST_ID"></custom-playlist>
+ * </glomex-integration>
+ * ```
  */
-export declare interface MediaItemElement extends HTMLElement {
-    readonly data: MediaItem | MediaItem[] | Promise<MediaItem | MediaItem[]>;
+export declare abstract class MediaItemElement extends HTMLElement {
+    /**
+     * The content ID used by the provider to look up the media item.
+     * For glomex, this can be a media ID or a playlist ID.
+     * For Joyn, this is a Joyn media ID.
+     * @attribute id
+     */
+    id: string;
+    /**
+     * The environment to use for the provider.
+     * @attribute {stage|prod} environment
+     * @defaultValue 'prod'
+     */
+    environment?: 'stage' | 'prod';
+    abstract get data(): MediaItemReference | MediaItemReference[] | Promise<MediaItemReference | MediaItemReference[]>;
 }
 
 /**
- * Serializable error with the reason why a media item is not available.
- * `name` is set to `MediaItemError` internally.
+ * Error known before the media item gets loaded.
  */
-export declare interface MediaItemError {
-    /**
-     * @protected
-     */
-    name?: 'MediaItemError';
-    /** Error code that gets handled by the player */
-    code: MediaItemErrorCode;
-    /** Optional custom error message or code from the source system */
-    message?: string;
+export declare class MediaItemError extends BaseMediaError<MediaItemErrorCode> {
+    name: string;
 }
 
 export declare enum MediaItemErrorCode {
@@ -1684,6 +1853,7 @@ export declare enum MediaItemErrorCode {
     GEOBLOCKED = "Geoblocked",
     YOUTH_PROTECTED = "YouthProtected",
     TERMINATED = "Terminated",
+    EXPIRED = "Expired",
     LOGIN_REQUIRED = "LoginRequired",
     HIGHER_TIER_ACCOUNT_REQUIRED = "HigherTierAccountRequired",
     VPN_DETECTED = "VpnDetected",
@@ -1702,6 +1872,79 @@ export declare enum MediaItemProvider {
     EXTERNAL = "external"
 }
 
+/**
+ * Describes how to fetch a media item from a given provider.
+ *
+ * The provider resolves the media item by its {@link id}. When an {@link item}
+ * is supplied, its properties are merged on top of the fetched result, allowing
+ * callers to override individual fields such as `title` or `poster`.
+ */
+export declare interface MediaItemReference {
+    /** Media item ID used by the provider to look up the content. */
+    id: string;
+    /** Provider that is responsible for resolving this media item. */
+    provider: MediaItemProvider | `${MediaItemProvider}`;
+    /**
+     * Target environment for the provider request.
+     * @defaultValue 'prod'
+     */
+    environment?: 'stage' | 'prod';
+    /**
+     * Optional partial media item whose properties are merged on top of the
+     * data returned by the provider, allowing individual fields to be overridden.
+     *
+     * **Required** when the provider is `external`, since there is no remote
+     * source to fetch the media item from.
+     */
+    item?: MediaItem;
+}
+
+/**
+ * Represents a {@link MediaItem} after it has been resolved by the player.
+ *
+ * When a {@link MediaItem} is passed to the player, it is expanded into a
+ * `MediaItemResolved`: fields that were omitted receive sensible defaults
+ * (e.g. `id`, `language`, `aspectRatio`), and additional fields such as
+ * `originalId`, `provider`, and `ppsj` are derived automatically.
+ *
+ * As a result, several properties that are optional on {@link MediaItem}
+ * become required here.
+ */
+export declare interface MediaItemResolved extends Omit<MediaItem, 'id' | 'sources' | 'title' | 'regionsAllowed' | 'aspectRatio' | 'minimumAge' | 'iabCategoryTaxonomy' | 'language'> {
+    id: NonNullable<MediaItem['id']>;
+    sources: NonNullable<MediaItem['sources']>;
+    title: NonNullable<MediaItem['title']>;
+    regionsAllowed: NonNullable<MediaItem['regionsAllowed']>;
+    /**
+     * An internal marker for the used playlist. It is automatically filled.
+     * @ignore
+     */
+    playlistId: string;
+    aspectRatio: NonNullable<MediaItem['aspectRatio']>;
+    minimumAge: NonNullable<MediaItem['minimumAge']>;
+    iabCategoryTaxonomy: NonNullable<MediaItem['iabCategoryTaxonomy']>;
+    language: NonNullable<MediaItem['language']>;
+    /**
+     * Mark this media item to allow teaser experiments.
+     * @ignore
+     */
+    allowTeaserExperiments: boolean;
+    /**
+     * Will be automatically filled based on {@link MediaItem#minimumAge} and {@link MediaItem#iabCategories}.
+     * @ignore
+     */
+    ppsj?: string;
+    /**
+     * The original ID of the media item before any transformations.
+     * It gets automatically generated if not provided.
+     */
+    originalId: string;
+    /**
+     * Indicates the provider of the media item.
+     */
+    provider: MediaItemProvider | `${MediaItemProvider}`;
+}
+
 /**
  * Text track definition for a media item.
  * Based on {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLTrackElement | HTMLTrackElement}.
@@ -1738,12 +1981,44 @@ export declare interface MediaItemTextTrack {
  * Shaka Player network errors have codes in the 1000-1999 range
  * while HTMLMediaElement errors with 2 and 4 are considered network errors.
  */
-export declare interface MediaNetworkError {
-    name: 'MediaNetworkError';
-    /** Shaka error code (1000-1999 range) or HTMLMediaElement error code (2, 4) */
-    code: string;
-    /** A detailed error message */
-    message: string;
+export declare class MediaNetworkError extends BaseMediaError {
+    name: string;
+}
+
+/**
+ * Error after loading the media item.
+ */
+export declare class MediaPlaybackError extends BaseMediaError {
+    name: string;
+}
+
+/**
+ * Context object returned by a media-provider resolver registered via
+ * {@link SharedContextData.providers}.
+ *
+ * Only {@link token} is required. Additional provider-specific fields
+ * (e.g. subscription state, user ID) can be added freely.
+ */
+export declare interface MediaProviderContext {
+    /** Authentication token (should be fresh / handle refresh internally). */
+    token: string;
+    /** Any additional provider-specific fields. */
+    [key: string]: unknown;
+}
+
+/**
+ * Error while fetching metadata of the media item.
+ */
+export declare class MediaProviderError extends BaseMediaError<MediaProviderErrorCode> {
+    name: string;
+}
+
+export declare enum MediaProviderErrorCode {
+    NOT_FOUND = "NotFound",
+    FORBIDDEN = "Forbidden",
+    HIDDEN = "Hidden",
+    NO_CONTENT = "NoContent",
+    GENERIC = "Generic"
 }
 
 declare type MediaSource_2 = MediaSourceBase | MediaSourceDrm | MediaSourceJoyn | MediaSourceDynamicContent;
@@ -1845,6 +2120,10 @@ export declare interface MediaSourceJoyn {
      * Shall the source be observed independent of business model?
      */
     forceObserveTermination?: boolean;
+    /**
+     * @ignore
+     */
+    validUntil?: number;
 }
 
 /**
@@ -1902,14 +2181,17 @@ export declare enum Mimetype {
     JOYN = "application/x-joyn-source"
 }
 
-export declare enum Origin {
-    DEFAULT = "turbo-integration",
-    SCRIPT = "turbo-script",
-    IFRAME = "turbo-iframe",
-    FULLPAGE = "turbo-fullpage",
-    AMP_VIDEO_IFRAME = "turbo-amp-video-iframe",
-    AMP_IFRAME = "turbo-amp-iframe"
-}
+/**
+ * Normalizes a {@link MediaItem} or {@link MediaItemReference} into a
+ * {@link MediaItemReference}.
+ *
+ * @ignore
+ *
+ * If the input already has a `provider` it is returned as-is.
+ * Otherwise the provider is detected from the media item's sources
+ * (Joyn when a source with {@link Mimetype.JOYN} is present, external otherwise).
+ */
+export declare function normalizeMediaItem(input: MediaItemReference | MediaItem): MediaItemReference;
 
 export declare interface Page {
     url: string;
@@ -1943,13 +2225,13 @@ export declare enum PresentationMode {
     AMP_DOCK = "amp-dock"
 }
 
-export declare type PresentationModeString = `${PresentationMode}`;
-
-export declare const PUBLIC_PREFIX = "glomex";
-
 export declare enum ScriptType {
-    INTEGRATION_CONFIGS = "application/glomex-integration-configs+json",
-    EXTERNAL_MEDIA_ITEM = "application/glomex-external-media-item+json"
+    INTEGRATION_CONFIGS = "application/integration-configs+json",
+    /** @deprecated Use {@link ScriptType.INTEGRATION_CONFIGS} instead. */
+    INTEGRATION_CONFIGS_LEGACY = "application/glomex-integration-configs+json",
+    EXTERNAL_MEDIA_ITEM = "application/external-media-item+json",
+    /** @deprecated Use {@link ScriptType.EXTERNAL_MEDIA_ITEM} instead. */
+    EXTERNAL_MEDIA_ITEM_LEGACY = "application/glomex-external-media-item+json"
 }
 
 /**
@@ -1964,6 +2246,195 @@ export declare interface SeekRange {
     end?: number;
 }
 
+/**
+ * A global context singleton shared by every `<glomex-integration>` instance
+ * on the page.
+ *
+ * @example JavaScript (dynamic import)
+ * ```ts
+ * const { sharedContext } = await import('https://player.glomex.com/integration/1/integration.js');
+ *
+ * sharedContext.set({
+ *   appVersion: '2.3.0',
+ *   appName: 'my-app',
+ *   deviceId: { id: '...', name: 'idfa' },
+ *   userIds: async () => await cmp.getConsentedUserIds(),
+ *   providers: {
+ *     'my-provider': async () => ({
+ *       token: await myAuth.getFreshToken(),
+ *     }),
+ *   },
+ * });
+ * ```
+ *
+ * @example React
+ * ```tsx
+ * import { getSharedContext } from '@glomex/integration-react';
+ * import { useEffect } from 'react';
+ *
+ * function App() {
+ *   useEffect(() => {
+ *     async function setup() {
+ *       const sharedContext = await getSharedContext();
+ *       sharedContext.set({
+ *         appVersion: '2.3.0',
+ *         appName: 'my-app',
+ *         deviceId: { id: '...', name: 'idfa' },
+ *         userIds: async () => await cmp.getConsentedUserIds(),
+ *         providers: {
+ *           'my-provider': async () => ({
+ *             token: await myAuth.getFreshToken(),
+ *           }),
+ *         },
+ *       });
+ *     }
+ *     setup();
+ *   }, []);
+ * }
+ * ```
+ */
+export declare interface SharedContext {
+    /**
+     * Merge context data into the shared context.
+     *
+     * - Provider resolvers under `providers` are merged individually —
+     *   only the specified providers are replaced, others are kept.
+     * - Calling `set()` multiple times merges incrementally.
+     */
+    set(data: SharedContextData): void;
+}
+
+/**
+ * Module-level singleton shared by every `<glomex-integration>` instance on
+ * the page.
+ *
+ * Publishers obtain it via dynamic import of `integration.js` to ensure they
+ * get the same singleton instance as the running player:
+ *
+ * ```ts
+ * const { sharedContext } = await import('https://player.glomex.com/integration/1/integration.js');
+ * ```
+ *
+ * When using the React wrapper, use {@link https://www.npmjs.com/package/@glomex/integration-react @glomex/integration-react} instead:
+ *
+ * ```ts
+ * import { getSharedContext } from '@glomex/integration-react';
+ *
+ * const sharedContext = await getSharedContext();
+ * ```
+ */
+export declare const sharedContext: SharedContext;
+
+/**
+ * The data object accepted by {@link SharedContext.set}.
+ *
+ * Every field is optional and merged on top of previously set values.
+ * Calling `set()` multiple times merges incrementally — previously set
+ * values are preserved unless explicitly overwritten.
+ */
+export declare interface SharedContextData {
+    /**
+     * The presentational context of the integration.
+     * Do not define it when it is not part of those contexts.
+     */
+    presentationalContext?: 'curated-list' | 'discovery-page';
+    /**
+     * The version of the app.
+     * When it is a website, fill in the deployed version of the website.
+     */
+    appVersion?: string;
+    /**
+     * The name of the app.
+     * When it is a website, fill in the name of the project.
+     */
+    appName?: string;
+    /**
+     * The bundle id of the app. Only required for iOS apps.
+     */
+    appBundleId?: string;
+    /**
+     * The store id of the app. Only required for apps.
+     * Depending on the app store, the id is formatted differently.
+     *
+     * {@link https://iabtechlab.com/wp-content/uploads/2020/08/IAB-Tech-Lab-OTT-store-assigned-App-Identification-Guidelines-2020.pdf IAB Tech Lab App Identification Guidelines}
+     */
+    appStoreId?: string;
+    /**
+     * The store URL of the app. Only required for apps.
+     *
+     * {@link https://iabtechlab.com/wp-content/uploads/2020/08/IAB-Tech-Lab-OTT-store-assigned-App-Identification-Guidelines-2020.pdf IAB Tech Lab App Identification Guidelines}
+     */
+    appStoreUrl?: string;
+    /** Business-to-business context identifier. */
+    b2bContext?: string;
+    /**
+     * Device id of the user. Only required for app environments.
+     * When no listed deviceId is available, you can pass a ppid as a user id instead.
+     */
+    deviceId?: {
+        id: string;
+        name: DeviceIdName | `${DeviceIdName}`;
+    };
+    /**
+     * Identifiers for the current user (e.g. netID, LiveRamp, PAIR).
+     *
+     * You can pass either a **static array** or a **resolver function**.
+     * A resolver is re-invoked every time the player needs user IDs
+     * (for example before each ad request), so it can return a different
+     * set of IDs when the user's consent state has changed.
+     * The resolver may be asynchronous.
+     *
+     * @example Static array
+     * ```ts
+     * sharedContext.set({
+     *   userIds: [{ id: '...', name: 'netId' }],
+     * });
+     * ```
+     *
+     * @example Async resolver (re-evaluated on every ad request)
+     * ```ts
+     * sharedContext.set({
+     *   userIds: async () => await cmp.getConsentedUserIds(),
+     * });
+     * ```
+     */
+    userIds?: {
+        id: string;
+        name: UserIdName | `${UserIdName}`;
+        ext?: Record<string, unknown>;
+    }[] | (() => {
+        id: string;
+        name: UserIdName | `${UserIdName}`;
+        ext?: Record<string, unknown>;
+    }[] | Promise<{
+        id: string;
+        name: UserIdName | `${UserIdName}`;
+        ext?: Record<string, unknown>;
+    }[]>);
+    /**
+     * Media-provider-specific context resolvers keyed by provider name.
+     *
+     * Each resolver is called every time the player needs fresh context for
+     * the given provider (e.g. to obtain a fresh auth token).
+     *
+     * @example
+     * ```ts
+     * sharedContext.set({
+     *   providers: {
+     *     'my-provider': async () => ({
+     *       token: await myAuth.getFreshToken(),
+     *     }),
+     *   },
+     * });
+     * ```
+     */
+    providers?: {
+        [providerName: string]: (context?: {
+            environment?: string;
+        }) => MediaProviderContext | Promise<MediaProviderContext>;
+    };
+}
+
 export declare enum StartMethod {
     /** Autoplay occured for above the fold content */
     PRE_CLICK = "pre-click-to-play",
@@ -2021,7 +2492,25 @@ declare interface TextTrackList_2 extends MediaTrackList<TextTrack_2> {
 }
 export { TextTrackList_2 as TextTrackList }
 
-export declare type UiAction = (typeof ALLOWED_UI_ACTIONS)[number];
+declare type UiAction = (typeof ALLOWED_UI_ACTIONS)[number];
+
+/**
+ * Identifier names for user IDs that can be passed via {@link SharedContextData.userIds}.
+ */
+export declare enum UserIdName {
+    /** {@link https://netid.de netID} — European login alliance ID */
+    NET_ID = "netId",
+    /** {@link https://7pass.de 7Pass} — ProSiebenSat.1 login ID */
+    SEVEN_PASS_ID = "sevenPassId",
+    /** Publisher Provided ID */
+    PPID = "ppid",
+    /** {@link https://utiq.com Utiq} — telco-based advertising ID */
+    UTIQ_ID = "utiqId",
+    /** {@link https://liveramp.com LiveRamp} — identity resolution ID */
+    LIVERAMP_ID = "liverampId",
+    /** {@link https://developers.google.com/interactive-media-ads/docs/sdks/html5/client-side/pair Google PAIR} — Publisher Advertiser Identity Reconciliation ID */
+    PAIR_ID = "pairId"
+}
 
 /**
  * Represents a video track (quality variant).
@@ -2089,6 +2578,7 @@ declare global {
   interface HTMLElementTagNameMap {
     [ComponentName.INTEGRATION]: IntegrationElement;
     [ComponentName.GLOMEX_MEDIA_ITEM]: GlomexMediaItemElement;
+    [ComponentName.JOYN_MEDIA_ITEM]: JoynMediaItemElement;
     [ComponentName.EXTERNAL_MEDIA_ITEM]: ExternalMediaItemElement;
   }
   interface HTMLElementEventMap extends IntegrationElementEventMap {}

package/dist/index.js

@@ -1 +1 @@
-(_=m||(m={})).DEFAULT="turbo-integration",_.SCRIPT="turbo-script",_.IFRAME="turbo-iframe",_.FULLPAGE="turbo-fullpage",_.AMP_VIDEO_IFRAME="turbo-amp-video-iframe",_.AMP_IFRAME="turbo-amp-iframe",(N=D||(D={})).INTEGRATION="glomex-integration",N.EXTERNAL_MEDIA_ITEM="glomex-external-media-item",N.GLOMEX_MEDIA_ITEM="glomex-media-item",(I=u||(u={})).INTEGRATION_CONFIGS="application/glomex-integration-configs+json",I.EXTERNAL_MEDIA_ITEM="application/glomex-external-media-item+json";let e="turbo",t=`${e}-player`,E=`${e}DebugPlayerConfig`;(A=P||(P={})).HIDDEN="hidden",A.INLINE="inline",A.DOCK="dock",A.LIGHTBOX="lightbox",A.LIGHTBOX_EXTERNAL="lightbox-external",A.FULLSCREEN="fullscreen",A.AMP_DOCK="amp-dock",(l=S||(S={})).READY="ready",l.INTEGRATION_ABORT="integrationabort",l.INTEGRATION_AD_AVAILABLE="integrationadavailable",l.INTEGRATION_PASSBACK="integrationpassback",l.USER_UPDATE_CONSENT="userupdateconsent",l.PLAYLIST_UPDATE="playlistupdate",l.PLAYER_SET_PRESENTATION_MODE="playersetpresentationmode",l.CONTENT_SELECT="contentselect",l.CONTENT_START="contentstart",l.CONTENT_IMPRESSION="contentimpression",l.CONTENT_BUFFERING_START="contentbufferingstart",l.CONTENT_BUFFERING_END="contentbufferingend",l.CONTENT_STOP="contentstop",l.CONTENT_ERROR="contenterror",l.CONTENT_MARKER_REACHED="contentmarkerreached",l.CONTENT_TIME_UPDATE="timeupdate",l.CONTENT_SEEKING="seeking",l.CONTENT_SEEKED="seeked",l.CONTENT_PLAY="play",l.CONTENT_PAUSE="pause",l.CONTENT_VOLUME_CHANGE="volumechange",l.CONTENT_RATECHANGE="ratechange",l.CONTENT_ENDED="ended",l.AD_BREAK_REQUEST="adbreakrequest",l.AD_BREAK_REQUEST_ERROR="adbreakrequesterror",l.AD_LOADED="adloaded",l.AD_IMPRESSION="adimpression",l.AD_BUFFERING_START="adbufferingstart",l.AD_BUFFERING_END="adbufferingend",l.AD_TIME_UPDATE="adtimeupdate",l.AD_VOLUME_CHANGE="advolumechange",l.AD_PAUSED="adpaused",l.AD_RESUMED="adresumed",l.AD_CLICK="adclick",l.AD_SKIPPED="adskipped",l.AD_COMPLETE="adcomplete",l.AD_ERROR="aderror",l.UI_INTERACTION="uiinteraction",(R=M||(M={})).TIME_IN_SECONDS="time",R.PERCENT="percent",R.TIME_IN_SECONDS_RECURRING="timeRecurring",(s=g||(g={})).PREROLL="preroll",s.MIDROLL="midroll",s.POSTROLL="postroll",s.FIRST_QUARTILE="contentFirstQuartile",s.MIDPOINT="contentMidpoint",s.THIRD_QUARTILE="contentThirdQuartile",s.COMPLETE="contentComplete",s.STILL_INTERESTING="stillInteresting",s.REQUEST_RECOMMENDATIONS="requestRecommendations",(d=U||(U={})).NOT_FOUND="NotFound",d.NOT_AVAILABLE="NotAvailable",d.GEOBLOCKED="Geoblocked",d.YOUTH_PROTECTED="YouthProtected",d.TERMINATED="Terminated",d.LOGIN_REQUIRED="LoginRequired",d.HIGHER_TIER_ACCOUNT_REQUIRED="HigherTierAccountRequired",d.VPN_DETECTED="VpnDetected",d.AGE_VERIFICATION_REQUIRED="AgeVerificationRequired",d.PIN_REQUIRED="PinRequired",d.INVALID_PIN="InvalidPin",d.GENERIC="Generic",(c=G||(G={})).GLOMEX="glomex",c.JOYN="joyn",c.EXTERNAL="external",(p=y||(y={})).HLS="application/vnd.apple.mpegurl",p.HLS_LEGACY="application/x-mpegURL",p.DASH="application/dash+xml",p.MP4="video/mp4",p.OGG="video/ogg",p.WEBM="video/webm",p.MP3="audio/mp3",p.AAC="audio/aac",p.WAV="audio/wav",p.OGG_AUDIO="audio/ogg",p.MPEG_AUDIO="audio/mpeg",p.DYNAMIC_CONTENT="application/x-turbo-dynamic-content",p.JOYN="application/x-joyn-source",(O=b||(b={})).LIVE="live",O.VOD="vod",O.INTERACTIVE="interactive",O.EMBED="embed",(C=F||(F={})).PRE_CLICK="pre-click-to-play",C.CLICK="click-to-play",C.AUTOPLAY_SCROLL="autoplay-scroll",C.AUTOPLAY_SCROLL_OUT="autoplay-scroll-out",C.CLICK_NEXT="click-to-play-next",C.CLICK_REPLAY="click-to-play-replay",C.AUTOPLAY_NEXT="autoplay-next",(L=f||(f={})).CLEAR_PLAYLIST="clearPlaylist",L.SELECT_PLAYLIST_ITEM="selectPlaylistItem",L.ENDED="ended",L.CONTENT_ERROR="contentError",L.API_STOP="apiStop",L.LIVESTREAM_STOP="livestreamStop",L.PAGE_HIDE="pageHide",L.BEFORE_UNLOAD="beforeUnload";let n=["play","pause","openEpg","startAgeSetup","forgotPin"],a="player.glomex.com",o=`https://${a}/integration/1/integration.js`;function i(e){return`https://${a}/variant/${e}/variant.css`}function r(){if(window.customElements.get(D.INTEGRATION))return;let e=document.createElement("script");e.innerText=`import('${o}');`,e.type="module",(document.head||document.body).appendChild(e)}function T(e){if(document.querySelector(`link[href="${i(e)}"]`))return;let t=document.createElement("link");t.rel="stylesheet",t.href=i(e),(document.head||document.body).appendChild(t)}var _,N,I,A,l,R,s,d,c,p,O,C,L,m,D,u,P,S,M,g,U,G,y,b,F,f,k="turbo",x="glomex";export{n as ALLOWED_UI_ACTIONS,D as ComponentName,f as ContentStopReason,E as DEBUG_CONFIG_STORAGE_KEY,t as EXTERNAL_PLAYER_NAME,S as IntegrationEvent,g as KnownMarkerName,M as MarkerType,U as MediaItemErrorCode,G as MediaItemProvider,y as Mimetype,m as Origin,b as PlaybackMode,P as PresentationMode,u as ScriptType,F as StartMethod,i as getIntegrationCssUrl,r as loadIntegrationComponent,T as loadIntegrationStyles,k as INTERNAL_PREFIX,x as PUBLIC_PREFIX};
+function e(e){if("provider"in e)return e;let t=e.sources?.some(e=>e.mimetype===k.JOYN);return{id:e.id||"",provider:t?h.JOYN:h.EXTERNAL,item:e}}(I=S||(S={})).DEFAULT="turbo-integration",I.SCRIPT="turbo-script",I.IFRAME="turbo-iframe",I.FULLPAGE="turbo-fullpage",I.AMP_VIDEO_IFRAME="turbo-amp-video-iframe",I.AMP_IFRAME="turbo-amp-iframe",(T=M||(M={})).INTEGRATION="glomex-integration",T.EXTERNAL_MEDIA_ITEM="external-media-item",T.GLOMEX_MEDIA_ITEM="glomex-media-item",T.JOYN_MEDIA_ITEM="joyn-media-item",(d=g||(g={})).INTEGRATION_CONFIGS="application/integration-configs+json",d.INTEGRATION_CONFIGS_LEGACY="application/glomex-integration-configs+json",d.EXTERNAL_MEDIA_ITEM="application/external-media-item+json",d.EXTERNAL_MEDIA_ITEM_LEGACY="application/glomex-external-media-item+json";let t="turbo-player";(_=U||(U={})).NET_ID="netId",_.SEVEN_PASS_ID="sevenPassId",_.PPID="ppid",_.UTIQ_ID="utiqId",_.LIVERAMP_ID="liverampId",_.PAIR_ID="pairId",(N=G||(G={})).AAID="aaid",N.AFAI="afai",N.ASIA="asia",N.ASID="asid",N.TIFA="tifa",N.VAID="vaid",N.IDFA="idfa",N.IDFV="idfv",N.LGUDID="lgudid",N.MSAI="msai",N.OAID="oaid",N.PSNAI="psnai",N.RIDA="rida",N.VIDA="vida",N.WAID="waid",(A=y||(y={})).HIDDEN="hidden",A.INLINE="inline",A.DOCK="dock",A.LIGHTBOX="lightbox",A.LIGHTBOX_EXTERNAL="lightbox-external",A.FULLSCREEN="fullscreen",A.AMP_DOCK="amp-dock",(s=v||(v={})).READY="ready",s.INTEGRATION_ABORT="integrationabort",s.INTEGRATION_AD_AVAILABLE="integrationadavailable",s.INTEGRATION_PASSBACK="integrationpassback",s.USER_UPDATE_CONSENT="userupdateconsent",s.PLAYLIST_UPDATE="playlistupdate",s.PLAYER_SET_PRESENTATION_MODE="playersetpresentationmode",s.CONTENT_SELECT="contentselect",s.CONTENT_START="contentstart",s.CONTENT_IMPRESSION="contentimpression",s.CONTENT_BUFFERING_START="contentbufferingstart",s.CONTENT_BUFFERING_END="contentbufferingend",s.CONTENT_STOP="contentstop",s.CONTENT_ERROR="contenterror",s.CONTENT_MARKER_REACHED="contentmarkerreached",s.CONTENT_TIME_UPDATE="timeupdate",s.CONTENT_SEEKING="seeking",s.CONTENT_SEEKED="seeked",s.CONTENT_PLAY="play",s.CONTENT_PAUSE="pause",s.CONTENT_VOLUME_CHANGE="volumechange",s.CONTENT_RATECHANGE="ratechange",s.CONTENT_ENDED="ended",s.AD_BREAK_REQUEST="adbreakrequest",s.AD_BREAK_REQUEST_ERROR="adbreakrequesterror",s.AD_LOADED="adloaded",s.AD_IMPRESSION="adimpression",s.AD_BUFFERING_START="adbufferingstart",s.AD_BUFFERING_END="adbufferingend",s.AD_TIME_UPDATE="adtimeupdate",s.AD_VOLUME_CHANGE="advolumechange",s.AD_PAUSED="adpaused",s.AD_RESUMED="adresumed",s.AD_CLICK="adclick",s.AD_SKIPPED="adskipped",s.AD_COMPLETE="adcomplete",s.AD_ERROR="aderror",s.UI_INTERACTION="uiinteraction",(l=F||(F={})).TIME_IN_SECONDS="time",l.PERCENT="percent",l.TIME_IN_SECONDS_RECURRING="timeRecurring",(R=b||(b={})).PREROLL="preroll",R.MIDROLL="midroll",R.POSTROLL="postroll",R.FIRST_QUARTILE="contentFirstQuartile",R.MIDPOINT="contentMidpoint",R.THIRD_QUARTILE="contentThirdQuartile",R.COMPLETE="contentComplete",R.STILL_INTERESTING="stillInteresting",R.REQUEST_RECOMMENDATIONS="requestRecommendations",(c=f||(f={})).NOT_FOUND="NotFound",c.FORBIDDEN="Forbidden",c.HIDDEN="Hidden",c.NO_CONTENT="NoContent",c.GENERIC="Generic",(p=x||(x={})).NOT_FOUND="NotFound",p.NOT_AVAILABLE="NotAvailable",p.GEOBLOCKED="Geoblocked",p.YOUTH_PROTECTED="YouthProtected",p.TERMINATED="Terminated",p.EXPIRED="Expired",p.LOGIN_REQUIRED="LoginRequired",p.HIGHER_TIER_ACCOUNT_REQUIRED="HigherTierAccountRequired",p.VPN_DETECTED="VpnDetected",p.AGE_VERIFICATION_REQUIRED="AgeVerificationRequired",p.PIN_REQUIRED="PinRequired",p.INVALID_PIN="InvalidPin",p.GENERIC="Generic",(O=h||(h={})).GLOMEX="glomex",O.JOYN="joyn",O.EXTERNAL="external",(m=k||(k={})).HLS="application/vnd.apple.mpegurl",m.HLS_LEGACY="application/x-mpegURL",m.DASH="application/dash+xml",m.MP4="video/mp4",m.OGG="video/ogg",m.WEBM="video/webm",m.MP3="audio/mp3",m.AAC="audio/aac",m.WAV="audio/wav",m.OGG_AUDIO="audio/ogg",m.MPEG_AUDIO="audio/mpeg",m.DYNAMIC_CONTENT="application/x-turbo-dynamic-content",m.JOYN="application/x-joyn-source",(D=Y||(Y={})).LIVE="live",D.VOD="vod",D.INTERACTIVE="interactive",D.EMBED="embed",(C=V||(V={})).PREROLL="preroll",C.MIDROLL="midroll",C.POSTROLL="postroll",C.OVERLAY="overlay",(L=B||(B={})).LINEAR="linear",L.OVERLAY="overlay",L.CUTIN="cutin",L.PAUSE="pause",(u=H||(H={})).PRE_CLICK="pre-click-to-play",u.CLICK="click-to-play",u.AUTOPLAY_SCROLL="autoplay-scroll",u.AUTOPLAY_SCROLL_OUT="autoplay-scroll-out",u.CLICK_NEXT="click-to-play-next",u.CLICK_REPLAY="click-to-play-replay",u.AUTOPLAY_NEXT="autoplay-next",(P=X||(X={})).CLEAR_PLAYLIST="clearPlaylist",P.SELECT_PLAYLIST_ITEM="selectPlaylistItem",P.ENDED="ended",P.CONTENT_ERROR="contentError",P.API_STOP="apiStop",P.LIVESTREAM_STOP="livestreamStop",P.PAGE_HIDE="pageHide",P.BEFORE_UNLOAD="beforeUnload";let a="player.glomex.com",n=`https://${a}/integration/1/integration.js`;function o(e){return`https://${a}/variant/${e}/variant.css`}function E(){if(window.customElements.get(M.INTEGRATION))return;let e=document.createElement("script");e.innerText=`import('${n}');`,e.type="module",(document.head||document.body).appendChild(e)}function i(e){if(document.querySelector(`link[href="${o(e)}"]`))return;let t=document.createElement("link");t.rel="stylesheet",t.href=o(e),(document.head||document.body).appendChild(t)}async function r(){await customElements.whenDefined(M.INTEGRATION);let e=customElements.get(M.INTEGRATION);if(!e?.sharedContext)throw Error("sharedContext not available on glomex-integration element");return e.sharedContext}var I,T,d,_,N,A,s,l,R,c,p,O,m,D,C,L,u,P,S,M,g,U,G,y,v,F,b,f,x,h,k,Y,V,B,H,X,K="turbo",w="glomex";export{V as AdBreakName,B as AdFormat,M as ComponentName,X as ContentStopReason,G as DeviceIdName,t as EXTERNAL_PLAYER_NAME,v as IntegrationEvent,b as KnownMarkerName,F as MarkerType,x as MediaItemErrorCode,h as MediaItemProvider,f as MediaProviderErrorCode,k as Mimetype,S as Origin,Y as PlaybackMode,y as PresentationMode,g as ScriptType,H as StartMethod,U as UserIdName,o as getIntegrationCssUrl,r as getSharedContext,E as loadIntegrationComponent,i as loadIntegrationStyles,e as normalizeMediaItem,K as INTERNAL_PREFIX,w as PUBLIC_PREFIX};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@glomex/integration-web-component",
-  "version": "1.1507.1",
+  "version": "1.1508.0",
   "description": "Web component and types to integrate the glomex player",
   "documentation": "https://docs.glomex.com",
   "homepage": "https://glomex.com",
@@ -32,7 +32,7 @@
   },
   "devDependencies": {
     "@biomejs/biome": "catalog:",
-    "@glomex/integration": "1.1507.1",
+    "@glomex/integration": "1.1508.0",
     "@microsoft/api-extractor": "catalog:",
     "@rslib/core": "catalog:",
     "npm-run-all": "catalog:",
@@ -42,5 +42,5 @@
     "access": "public"
   },
   "license": "MIT",
-  "gitHead": "07fe5c36d239ea603c322391ff72fc379ee5c041"
+  "gitHead": "9d30ff98e3aad157ef49a62c3db150a9195eb7f8"
 }