@streamscloud/embeddable 12.1.0 → 13.0.0

package/dist/{streams/data-loaders → external-api/data-providers/stream-data-loaders}/streams-loader.d.ts

@@ -1,5 +1,5 @@
-import { StreamStatus } from '../../core/enums';
-import type { StreamPlayerModel } from '../streams-player/types';
+import { StreamStatus } from '../../../core/enums';
+import type { StreamPlayerModel } from '../../../streams/streams-player/types';
 import type { Client } from '@urql/core';
 export declare const getStreamsCursor: (input: {
     filter: {

package/dist/{streams/data-loaders → external-api/data-providers/stream-data-loaders}/streams-loader.js

@@ -1,4 +1,4 @@
-import { StreamStatus } from '../../core/enums';
+import { EmbedStreamsOrderBy, StreamStatus } from '../../../core/enums';
 import { mapToStreamPlayerModel } from './mapper';
 import { GetStreamsDocument } from './operations.generated';
 export const getStreamsCursor = async (input) => {
@@ -16,7 +16,11 @@ export const getStreamsCursor = async (input) => {
                 showInFeed
             },
             limit,
-            continuationToken
+            continuationToken,
+            sorting: {
+                orderBy: EmbedStreamsOrderBy.ContentUpdatedAt,
+                ascendingOrder: false
+            }
         }
     })
         .toPromise();

package/dist/external-api/index.d.ts

@@ -0,0 +1,3 @@
+export { openMediaPageModal } from './media-page';
+export { openStreamsPlayer } from './streams-player';
+export { openShortVideosPlayer } from './short-videos-player';

package/dist/external-api/index.js

@@ -0,0 +1,3 @@
+export { openMediaPageModal } from './media-page';
+export { openStreamsPlayer } from './streams-player';
+export { openShortVideosPlayer } from './short-videos-player';

package/dist/external-api/media-page/index.d.ts

@@ -0,0 +1,83 @@
+import type { Locale } from '../../core/locale';
+import { type IMediaCenterDataProvider } from '../../media-center/config/types';
+export type { IMediaCenterDataProvider };
+/**
+ * Opens the media page modal using an internal media-center configuration.
+ *
+ * This function is a thin wrapper around the internal `openMediaPageModal`
+ * from `$lib/media-page`. It constructs an `InternalMediaCenterDataProvider`
+ * from the provided media page ID and GraphQL parameters, then opens
+ * the modal with that configuration.
+ *
+ * @param init Configuration options.
+ *
+ * @param {string} init.id
+ *   Media page ID, used to construct an internal media-center config.
+ *
+ * @param {string} init.initiator
+ *   Initiator identifier (used for tracking/analytics and GraphQL).
+ *
+ * @param {string} [init.graphqlOrigin]
+ *   Optional GraphQL origin (base URL). If omitted, the default origin is
+ *   determined internally.
+ *
+ * @param {Object} [init.viewerSettings]
+ *   Viewer UI and behavior settings passed through to the internal
+ *   `openMediaPageModal`.
+ *
+ *   Fields of `viewerSettings`:
+ *  - {boolean} [disableBackground]
+ *       If true, hides the player's background image.
+ *   - {boolean} [hideCloseButton]
+ *       If true, hides the close button.
+ *   - {Locale} [locale='en']
+ *       Localization for the player UI. Supported values: 'en' | 'no'.
+ *       If omitted, the default locale 'en' is used.
+ *   - {boolean} [showStreamsCloudWatermark]
+ *       If true, shows the StreamsCloud watermark.
+ *   - {'light' | 'dark'} [theme]
+ *       Optional theme for the player UI.
+ *
+ * @param {{ closed?: () => void }} [init.on]
+ *   Optional event handlers.
+ *
+ * @param {() => void} [init.on.closed]
+ *   Called after the modal is fully closed (after unmount and removal
+ *   from the DOM).
+ *
+ * @returns {void}
+ *
+ * @example
+ * ```ts
+ * import { openMediaPageModal } from '@streamscloud/embeddable/media-page';
+ *
+ * openMediaPageModal({
+ *   id: 'media-page-123',
+ *   initiator: 'marketing-campaign',
+ *   graphqlOrigin: 'https://api.example.com',
+ *   viewerSettings: {
+ *     locale: 'en',
+ *     hideCloseButton: false,
+ *     theme: 'dark',
+ *   },
+ *   on: {
+ *     closed: () => console.log('Media page modal closed'),
+ *   },
+ * });
+ * ```
+ */
+export declare function openMediaPageModal(init: {
+    id: string;
+    initiator: string;
+    graphqlOrigin?: string;
+    viewerSettings?: {
+        disableBackground?: boolean;
+        locale?: Locale;
+        showStreamsCloudWatermark?: boolean;
+        hideCloseButton?: boolean;
+        theme?: 'light' | 'dark';
+    };
+    on?: {
+        closed?: () => void;
+    };
+}): void;

package/dist/external-api/media-page/index.js

@@ -0,0 +1,82 @@
+import { InternalMediaCenterDataProvider } from '../data-providers';
+import {} from '../../media-center/config/types';
+import { openMediaPageModal as openMediaPageModalInternal } from '../../media-page';
+/**
+ * Opens the media page modal using an internal media-center configuration.
+ *
+ * This function is a thin wrapper around the internal `openMediaPageModal`
+ * from `$lib/media-page`. It constructs an `InternalMediaCenterDataProvider`
+ * from the provided media page ID and GraphQL parameters, then opens
+ * the modal with that configuration.
+ *
+ * @param init Configuration options.
+ *
+ * @param {string} init.id
+ *   Media page ID, used to construct an internal media-center config.
+ *
+ * @param {string} init.initiator
+ *   Initiator identifier (used for tracking/analytics and GraphQL).
+ *
+ * @param {string} [init.graphqlOrigin]
+ *   Optional GraphQL origin (base URL). If omitted, the default origin is
+ *   determined internally.
+ *
+ * @param {Object} [init.viewerSettings]
+ *   Viewer UI and behavior settings passed through to the internal
+ *   `openMediaPageModal`.
+ *
+ *   Fields of `viewerSettings`:
+ *  - {boolean} [disableBackground]
+ *       If true, hides the player's background image.
+ *   - {boolean} [hideCloseButton]
+ *       If true, hides the close button.
+ *   - {Locale} [locale='en']
+ *       Localization for the player UI. Supported values: 'en' | 'no'.
+ *       If omitted, the default locale 'en' is used.
+ *   - {boolean} [showStreamsCloudWatermark]
+ *       If true, shows the StreamsCloud watermark.
+ *   - {'light' | 'dark'} [theme]
+ *       Optional theme for the player UI.
+ *
+ * @param {{ closed?: () => void }} [init.on]
+ *   Optional event handlers.
+ *
+ * @param {() => void} [init.on.closed]
+ *   Called after the modal is fully closed (after unmount and removal
+ *   from the DOM).
+ *
+ * @returns {void}
+ *
+ * @example
+ * ```ts
+ * import { openMediaPageModal } from '@streamscloud/embeddable/media-page';
+ *
+ * openMediaPageModal({
+ *   id: 'media-page-123',
+ *   initiator: 'marketing-campaign',
+ *   graphqlOrigin: 'https://api.example.com',
+ *   viewerSettings: {
+ *     locale: 'en',
+ *     hideCloseButton: false,
+ *     theme: 'dark',
+ *   },
+ *   on: {
+ *     closed: () => console.log('Media page modal closed'),
+ *   },
+ * });
+ * ```
+ */
+export function openMediaPageModal(init) {
+    const { id, graphqlOrigin, initiator, viewerSettings, on } = init;
+    const dataProvider = new InternalMediaCenterDataProvider({ mediaPageId: id, graphqlOrigin, initiator });
+    openMediaPageModalInternal({
+        dataProvider,
+        viewerSettings: {
+            hideCloseButton: viewerSettings?.hideCloseButton,
+            locale: viewerSettings?.locale,
+            showStreamsCloudWatermark: true,
+            theme: viewerSettings?.theme
+        },
+        on
+    });
+}

package/dist/{short-videos → external-api}/short-videos-player/index.d.ts

@@ -1,43 +1,53 @@
 import type { Locale } from '../../core/locale';
-import { type IMediaCenterConfig } from '../../media-center/config/types';
-export type { IMediaCenterConfig };
+import { type IMediaCenterDataProvider } from '../../media-center/config/types';
+export type { IMediaCenterDataProvider };
 /**
  * Opens the short videos player modal.
  *
+ * Uses an internal data provider configured by a list of short-video IDs,
+ * GraphQL parameters and optional media page configuration.
+ *
  * @param init Configuration options.
  *
- * IDs mode (overload 2)
+ * Required
  * @param {string[]} init.ids
  *   List of short-video IDs to display.
  * @param {string} init.initiator
  *   Identifier of the initiator (used for tracking/analytics and GraphQL).
+ *
+ * Optional
  * @param {string} [init.graphqlOrigin]
  *   Optional GraphQL origin (base URL). If omitted, the default origin is determined internally.
  * @param {string} [init.initialId]
  *   ID of the video to open first (optional).
  * @param {string} [init.mediaPageId]
  *   Optional media page ID used to construct an internal media-center config.
+ *   If provided, the short videos player will be opened inside a media page modal.
  *
  * Player settings
- * @param {IPostSocialInteractionsHandler} [init.socialInteractionsHandler]
- *   Handler for social interactions (like, share, etc.).
- * @param [init.playerSettings]
+ * @param {Object} [init.playerSettings]
  *   Player UI and behavior settings.
  *
- *   Fields of ContentPlayerSettings:
+ *   Fields of playerSettings:
+ *   - {boolean} [disableBackground]
+ *       If true, hides the player's background image.
  *   - {boolean} [hideCloseButton]
  *       If true, hides the close button.
  *   - {Locale} [locale='en']
  *       Localization for the player UI. Supported values: 'en' | 'no'.
  *       If omitted, the default locale 'en' is used.
+ *   - {boolean} [showStreamsCloudWatermark]
+ *       If true, shows the StreamsCloud watermark.
+ *   - {'light' | 'dark'} [theme]
+ *       Optional theme for the player UI.
  *
  * Events
- * @param {{ playerClosed?: () => void; videoActivated?: (id: string) => void }} [init.on]
+ * @param {{ playerClosed?: () => void; postActivated?: (id: string) => void }} [init.on]
  *   Optional event handlers.
  * @param {() => void} [init.on.playerClosed]
  *   Called after the player is fully closed (after unmount and removal from the DOM).
- * @param {(id: string) => void} [init.on.videoActivated]
- *   Called when a video becomes active (receives the video's id).
+ * @param {(id: string) => void} [init.on.postActivated]
+ *   Called when a short video becomes active (receives the video's id).
  *
  * @returns {void}
  *
@@ -57,6 +67,7 @@ export type { IMediaCenterConfig };
  *     disableBackground: false,
  *     hideCloseButton: false,
  *     showStreamsCloudWatermark: true,
+ *     theme: 'dark',
  *   },
  *   on: {
  *     playerClosed: () => console.log('Player closed'),
@@ -71,10 +82,14 @@ export declare function openShortVideosPlayer(init: {
     initialId?: string;
     mediaPageId?: string;
     playerSettings?: {
-        hideCloseButton?: boolean;
+        disableBackground?: boolean;
         locale?: Locale;
+        showStreamsCloudWatermark?: boolean;
+        hideCloseButton?: boolean;
+        theme?: 'light' | 'dark';
     };
     on?: {
         playerClosed?: () => void;
+        postActivated?: (id: string) => void;
     };
-}): Promise<void>;
+}): void;

package/dist/{short-videos → external-api}/short-videos-player/index.js

@@ -1,45 +1,54 @@
-import { InternalMediaCenterConfig } from '../../media-center/config/internal-media-center-config';
+import { InternalMediaCenterDataProvider, InternalShortVideoPlayerItemsProvider, InternalPostAnalyticsHandler } from '../data-providers';
 import {} from '../../media-center/config/types';
-import { InternalPostAnalyticsHandler } from '../../posts/handlers';
+import { openMediaPageModalWithInitialPostsProvider } from '../../media-page';
 import { openPostsPlayer } from '../../posts/posts-player';
-import { InternalShortVideoPlayerItemsProvider } from '../data-providers';
 /**
  * Opens the short videos player modal.
  *
+ * Uses an internal data provider configured by a list of short-video IDs,
+ * GraphQL parameters and optional media page configuration.
+ *
  * @param init Configuration options.
  *
- * IDs mode (overload 2)
+ * Required
  * @param {string[]} init.ids
  *   List of short-video IDs to display.
  * @param {string} init.initiator
  *   Identifier of the initiator (used for tracking/analytics and GraphQL).
+ *
+ * Optional
  * @param {string} [init.graphqlOrigin]
  *   Optional GraphQL origin (base URL). If omitted, the default origin is determined internally.
  * @param {string} [init.initialId]
  *   ID of the video to open first (optional).
  * @param {string} [init.mediaPageId]
  *   Optional media page ID used to construct an internal media-center config.
+ *   If provided, the short videos player will be opened inside a media page modal.
  *
  * Player settings
- * @param {IPostSocialInteractionsHandler} [init.socialInteractionsHandler]
- *   Handler for social interactions (like, share, etc.).
- * @param [init.playerSettings]
+ * @param {Object} [init.playerSettings]
  *   Player UI and behavior settings.
  *
- *   Fields of ContentPlayerSettings:
+ *   Fields of playerSettings:
+ *   - {boolean} [disableBackground]
+ *       If true, hides the player's background image.
  *   - {boolean} [hideCloseButton]
  *       If true, hides the close button.
  *   - {Locale} [locale='en']
  *       Localization for the player UI. Supported values: 'en' | 'no'.
  *       If omitted, the default locale 'en' is used.
+ *   - {boolean} [showStreamsCloudWatermark]
+ *       If true, shows the StreamsCloud watermark.
+ *   - {'light' | 'dark'} [theme]
+ *       Optional theme for the player UI.
  *
  * Events
- * @param {{ playerClosed?: () => void; videoActivated?: (id: string) => void }} [init.on]
+ * @param {{ playerClosed?: () => void; postActivated?: (id: string) => void }} [init.on]
  *   Optional event handlers.
  * @param {() => void} [init.on.playerClosed]
  *   Called after the player is fully closed (after unmount and removal from the DOM).
- * @param {(id: string) => void} [init.on.videoActivated]
- *   Called when a video becomes active (receives the video's id).
+ * @param {(id: string) => void} [init.on.postActivated]
+ *   Called when a short video becomes active (receives the video's id).
  *
  * @returns {void}
  *
@@ -59,6 +68,7 @@ import { InternalShortVideoPlayerItemsProvider } from '../data-providers';
  *     disableBackground: false,
  *     hideCloseButton: false,
  *     showStreamsCloudWatermark: true,
+ *     theme: 'dark',
  *   },
  *   on: {
  *     playerClosed: () => console.log('Player closed'),
@@ -66,32 +76,29 @@ import { InternalShortVideoPlayerItemsProvider } from '../data-providers';
  * });
  * ```
  */
-export async function openShortVideosPlayer(init) {
+export function openShortVideosPlayer(init) {
     const { ids, graphqlOrigin, initialId, initiator, playerSettings, on } = init;
     const dataProvider = new InternalShortVideoPlayerItemsProvider({ ids, graphqlOrigin, initialId, initiator });
-    const mediaCenterConfig = init.mediaPageId ? new InternalMediaCenterConfig({ mediaPageId: init.mediaPageId, graphqlOrigin, initiator }) : undefined;
+    const mediaCenterDataProvider = init.mediaPageId
+        ? new InternalMediaCenterDataProvider({ mediaPageId: init.mediaPageId, graphqlOrigin, initiator })
+        : undefined;
     const analyticsHandler = new InternalPostAnalyticsHandler(graphqlOrigin);
-    if (mediaCenterConfig) {
-        openPostsPlayer({
-            postsProvider: dataProvider,
-            mediaCenterConfig,
-            playerSettings: {
-                hideCloseButton: playerSettings?.hideCloseButton,
-                locale: playerSettings?.locale,
-                showStreamsCloudWatermark: true
-            },
-            on
+    if (mediaCenterDataProvider) {
+        openMediaPageModalWithInitialPostsProvider({
+            dataProvider: dataProvider,
+            mediaCenterDataProvider,
+            viewerSettings: playerSettings,
+            on: {
+                closed: on?.playerClosed,
+                postActivated: on?.postActivated
+            }
         });
     }
     else {
         openPostsPlayer({
             postsProvider: dataProvider,
             analyticsHandler,
-            playerSettings: {
-                hideCloseButton: playerSettings?.hideCloseButton,
-                locale: playerSettings?.locale,
-                showStreamsCloudWatermark: true
-            },
+            playerSettings: playerSettings,
             on
         });
     }

package/dist/external-api/streams-player/index.d.ts

@@ -0,0 +1,105 @@
+import type { Locale } from '../../core/locale';
+import { type IMediaCenterDataProvider } from '../../media-center/config/types';
+import type { StreamPageViewerModel } from '../../streams/stream-page-viewer/types';
+import type { IStreamAnalyticsHandler, IStreamsPlayerDataProvider, StreamAmplificationParameters, StreamPlayerModel } from '../../streams/streams-player/types';
+export { type StreamPlayerModel, type StreamPageViewerModel };
+export type { IStreamsPlayerDataProvider, IStreamAnalyticsHandler, IMediaCenterDataProvider };
+/**
+ * Opens the streams player modal.
+ *
+ * Uses an internal data provider configured by a list of stream IDs,
+ * GraphQL parameters and optional media page configuration.
+ *
+ * @param init Configuration options.
+ *
+ * Required
+ * @param {string[]} init.ids
+ *   List of stream IDs to display.
+ * @param {string} init.initiator
+ *   Initiator identifier (used for tracking/analytics and GraphQL).
+ *
+ * Optional
+ * @param {string} [init.graphqlOrigin]
+ *   Optional GraphQL origin (base URL). If omitted, the default origin is determined internally.
+ * @param {string} [init.initialId]
+ *   ID of the stream to open first (optional).
+ * @param {string} [init.mediaPageId]
+ *   Optional media page ID used to construct an internal media-center config.
+ *   If provided, the streams player will be opened inside a media page modal.
+ * @param {StreamAmplificationParameters} [init.amplificationParameters]
+ *   Optional parameters to configure amplification behavior.
+ * @param {Object} [init.playerSettings]
+ *   Player UI and behavior settings.
+ *
+ *   Fields of playerSettings:
+ *   - {boolean} [disableBackground]
+ *       If true, hides the player's background image.
+ *   - {boolean} [hideCloseButton]
+ *       If true, hides the close button.
+ *   - {Locale} [locale='en']
+ *       Localization for the player UI. Supported values: 'en' | 'no'.
+ *       If omitted, the default locale 'en' is used.
+ *   - {boolean} [showStreamsCloudWatermark]
+ *       If true, shows the StreamsCloud watermark.
+ *   - {'light' | 'dark'} [theme]
+ *       Optional theme for the player UI.
+ *
+ * Events
+ * @param {{ streamActivated?: (data: { title: string; image: string | null }) => void; playerClosed?: () => void }} [init.on]
+ *   Optional event handlers.
+ * @param {(data: { title: string; image: string | null }) => void} [init.on.streamActivated]
+ *   Called when the stream becomes active. Receives a subset of data with title and image.
+ * @param {() => void} [init.on.playerClosed]
+ *   Called after the player is fully closed (after unmount and removal from the DOM).
+ *
+ * @returns {void}
+ *
+ * @example
+ * ```ts
+ * import { openStreamsPlayer } from '@streamscloud/embeddable/stream-player';
+ *
+ * openStreamsPlayer({
+ *   ids: ['stream_123'],
+ *   initiator: 'marketing-campaign',
+ *   graphqlOrigin: 'https://api.example.com',
+ *   mediaPageId: 'media-page-123',
+ *   amplificationParameters: {
+ *     // ...your amplification parameters
+ *   },
+ *   playerSettings: {
+ *     // Locale defaults to 'en'; set 'no' to switch to Norwegian:
+ *     locale: 'no',
+ *     disableBackground: false,
+ *     hideCloseButton: false,
+ *     showStreamsCloudWatermark: true,
+ *     theme: 'dark',
+ *   },
+ *   on: {
+ *     streamActivated: ({ title, image }) => console.log('Stream active:', title, image),
+ *     playerClosed: () => console.log('Player closed'),
+ *   },
+ * });
+ * ```
+ */
+export declare function openStreamsPlayer(init: {
+    ids: string[];
+    initiator: string;
+    graphqlOrigin?: string;
+    initialId?: string;
+    mediaPageId?: string;
+    amplificationParameters?: StreamAmplificationParameters;
+    playerSettings?: {
+        disableBackground?: boolean;
+        locale?: Locale;
+        showStreamsCloudWatermark?: boolean;
+        hideCloseButton?: boolean;
+        theme?: 'light' | 'dark';
+    };
+    on?: {
+        streamActivated?: (data: {
+            title: string;
+            image: string | null;
+        }) => void;
+        playerClosed?: () => void;
+    };
+}): void;

package/dist/external-api/streams-player/index.js

@@ -0,0 +1,110 @@
+import { InternalMediaCenterDataProvider, InternalStreamsPlayerDataProvider, InternalStreamAnalyticsHandler } from '../data-providers';
+import {} from '../../media-center/config/types';
+import { openMediaPageModalWithInitialStreamsProvider } from '../../media-page';
+import { openStreamsPlayer as openStreamsPlayerInternal } from '../../streams/streams-player';
+export {};
+/**
+ * Opens the streams player modal.
+ *
+ * Uses an internal data provider configured by a list of stream IDs,
+ * GraphQL parameters and optional media page configuration.
+ *
+ * @param init Configuration options.
+ *
+ * Required
+ * @param {string[]} init.ids
+ *   List of stream IDs to display.
+ * @param {string} init.initiator
+ *   Initiator identifier (used for tracking/analytics and GraphQL).
+ *
+ * Optional
+ * @param {string} [init.graphqlOrigin]
+ *   Optional GraphQL origin (base URL). If omitted, the default origin is determined internally.
+ * @param {string} [init.initialId]
+ *   ID of the stream to open first (optional).
+ * @param {string} [init.mediaPageId]
+ *   Optional media page ID used to construct an internal media-center config.
+ *   If provided, the streams player will be opened inside a media page modal.
+ * @param {StreamAmplificationParameters} [init.amplificationParameters]
+ *   Optional parameters to configure amplification behavior.
+ * @param {Object} [init.playerSettings]
+ *   Player UI and behavior settings.
+ *
+ *   Fields of playerSettings:
+ *   - {boolean} [disableBackground]
+ *       If true, hides the player's background image.
+ *   - {boolean} [hideCloseButton]
+ *       If true, hides the close button.
+ *   - {Locale} [locale='en']
+ *       Localization for the player UI. Supported values: 'en' | 'no'.
+ *       If omitted, the default locale 'en' is used.
+ *   - {boolean} [showStreamsCloudWatermark]
+ *       If true, shows the StreamsCloud watermark.
+ *   - {'light' | 'dark'} [theme]
+ *       Optional theme for the player UI.
+ *
+ * Events
+ * @param {{ streamActivated?: (data: { title: string; image: string | null }) => void; playerClosed?: () => void }} [init.on]
+ *   Optional event handlers.
+ * @param {(data: { title: string; image: string | null }) => void} [init.on.streamActivated]
+ *   Called when the stream becomes active. Receives a subset of data with title and image.
+ * @param {() => void} [init.on.playerClosed]
+ *   Called after the player is fully closed (after unmount and removal from the DOM).
+ *
+ * @returns {void}
+ *
+ * @example
+ * ```ts
+ * import { openStreamsPlayer } from '@streamscloud/embeddable/stream-player';
+ *
+ * openStreamsPlayer({
+ *   ids: ['stream_123'],
+ *   initiator: 'marketing-campaign',
+ *   graphqlOrigin: 'https://api.example.com',
+ *   mediaPageId: 'media-page-123',
+ *   amplificationParameters: {
+ *     // ...your amplification parameters
+ *   },
+ *   playerSettings: {
+ *     // Locale defaults to 'en'; set 'no' to switch to Norwegian:
+ *     locale: 'no',
+ *     disableBackground: false,
+ *     hideCloseButton: false,
+ *     showStreamsCloudWatermark: true,
+ *     theme: 'dark',
+ *   },
+ *   on: {
+ *     streamActivated: ({ title, image }) => console.log('Stream active:', title, image),
+ *     playerClosed: () => console.log('Player closed'),
+ *   },
+ * });
+ * ```
+ */
+export function openStreamsPlayer(init) {
+    const { ids, initialId, graphqlOrigin, initiator, amplificationParameters, playerSettings, on } = init;
+    const dataProvider = new InternalStreamsPlayerDataProvider({ ids, initialId, graphqlOrigin, initiator });
+    const mediaCenterDataProvider = init.mediaPageId
+        ? new InternalMediaCenterDataProvider({ mediaPageId: init.mediaPageId, graphqlOrigin, initiator })
+        : undefined;
+    const analyticsHandler = new InternalStreamAnalyticsHandler(graphqlOrigin);
+    if (mediaCenterDataProvider) {
+        openMediaPageModalWithInitialStreamsProvider({
+            dataProvider: dataProvider,
+            mediaCenterDataProvider,
+            viewerSettings: playerSettings,
+            on: {
+                closed: on?.playerClosed,
+                streamActivated: on?.streamActivated
+            }
+        });
+    }
+    else {
+        openStreamsPlayerInternal({
+            dataProvider,
+            analyticsHandler,
+            amplificationParameters,
+            playerSettings,
+            on
+        });
+    }
+}