@streamscloud/embeddable 9.0.0 → 10.0.0

package/dist/{short-videos/data-providers → posts/data-loaders}/operations.generated.js

@@ -1,10 +1,239 @@
-export const GetShortVideosDocument = {
+export const PostsPlayerPayloadFragmentDoc = {
+    kind: 'Document',
+    definitions: [
+        {
+            kind: 'FragmentDefinition',
+            name: { kind: 'Name', value: 'PostsPlayerPayloadFragment' },
+            typeCondition: { kind: 'NamedType', name: { kind: 'Name', value: 'Post' } },
+            selectionSet: {
+                kind: 'SelectionSet',
+                selections: [
+                    { kind: 'FragmentSpread', name: { kind: 'Name', value: 'PostViewerPayloadFragment' } },
+                    {
+                        kind: 'Field',
+                        name: { kind: 'Name', value: 'ownerProfile' },
+                        selectionSet: {
+                            kind: 'SelectionSet',
+                            selections: [
+                                { kind: 'Field', name: { kind: 'Name', value: 'id' } },
+                                { kind: 'Field', name: { kind: 'Name', value: 'type' } }
+                            ]
+                        }
+                    }
+                ]
+            }
+        },
+        {
+            kind: 'FragmentDefinition',
+            name: { kind: 'Name', value: 'PostViewerPayloadFragment' },
+            typeCondition: { kind: 'NamedType', name: { kind: 'Name', value: 'Post' } },
+            selectionSet: {
+                kind: 'SelectionSet',
+                selections: [
+                    { kind: 'Field', name: { kind: 'Name', value: 'id' } },
+                    { kind: 'Field', name: { kind: 'Name', value: 'enableSocialInteractions' } },
+                    {
+                        kind: 'Field',
+                        name: { kind: 'Name', value: 'allProducts' },
+                        selectionSet: {
+                            kind: 'SelectionSet',
+                            selections: [
+                                { kind: 'Field', name: { kind: 'Name', value: 'id' } },
+                                { kind: 'Field', name: { kind: 'Name', value: 'title' } },
+                                { kind: 'Field', name: { kind: 'Name', value: 'shortDescription' } },
+                                { kind: 'Field', name: { kind: 'Name', value: 'link' } },
+                                {
+                                    kind: 'Field',
+                                    name: { kind: 'Name', value: 'media' },
+                                    selectionSet: {
+                                        kind: 'SelectionSet',
+                                        selections: [
+                                            {
+                                                kind: 'Field',
+                                                name: { kind: 'Name', value: 'url' },
+                                                arguments: [{ kind: 'Argument', name: { kind: 'Name', value: 'scale' }, value: { kind: 'EnumValue', value: 'SMALL' } }]
+                                            },
+                                            {
+                                                kind: 'Field',
+                                                name: { kind: 'Name', value: 'thumbnailUrl' },
+                                                arguments: [{ kind: 'Argument', name: { kind: 'Name', value: 'scale' }, value: { kind: 'EnumValue', value: 'SMALL' } }]
+                                            },
+                                            { kind: 'Field', name: { kind: 'Name', value: 'type' } }
+                                        ]
+                                    }
+                                },
+                                {
+                                    kind: 'Field',
+                                    name: { kind: 'Name', value: 'brand' },
+                                    selectionSet: { kind: 'SelectionSet', selections: [{ kind: 'Field', name: { kind: 'Name', value: 'name' } }] }
+                                },
+                                {
+                                    kind: 'Field',
+                                    name: { kind: 'Name', value: 'priceAndAvailability' },
+                                    selectionSet: {
+                                        kind: 'SelectionSet',
+                                        selections: [
+                                            { kind: 'Field', name: { kind: 'Name', value: 'currency' } },
+                                            { kind: 'Field', name: { kind: 'Name', value: 'price' } },
+                                            {
+                                                kind: 'Field',
+                                                name: { kind: 'Name', value: 'productSalePrices' },
+                                                selectionSet: {
+                                                    kind: 'SelectionSet',
+                                                    selections: [
+                                                        { kind: 'Field', name: { kind: 'Name', value: 'salePrice' } },
+                                                        { kind: 'Field', name: { kind: 'Name', value: 'salePriceEffectiveDateFrom' } },
+                                                        { kind: 'Field', name: { kind: 'Name', value: 'salePriceEffectiveDateTo' } }
+                                                    ]
+                                                }
+                                            }
+                                        ]
+                                    }
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        kind: 'Field',
+                        name: { kind: 'Name', value: 'ad' },
+                        selectionSet: {
+                            kind: 'SelectionSet',
+                            selections: [
+                                { kind: 'Field', name: { kind: 'Name', value: 'id' } },
+                                { kind: 'Field', name: { kind: 'Name', value: 'title' } },
+                                { kind: 'Field', name: { kind: 'Name', value: 'description' } },
+                                { kind: 'Field', name: { kind: 'Name', value: 'price' } },
+                                { kind: 'Field', name: { kind: 'Name', value: 'priceInfo' } },
+                                { kind: 'Field', name: { kind: 'Name', value: 'currency' } },
+                                {
+                                    kind: 'Field',
+                                    name: { kind: 'Name', value: 'ctaButton' },
+                                    selectionSet: {
+                                        kind: 'SelectionSet',
+                                        selections: [
+                                            { kind: 'Field', name: { kind: 'Name', value: 'background' } },
+                                            { kind: 'Field', name: { kind: 'Name', value: 'textColor' } },
+                                            { kind: 'Field', name: { kind: 'Name', value: 'text' } },
+                                            { kind: 'Field', name: { kind: 'Name', value: 'url' } },
+                                            { kind: 'Field', name: { kind: 'Name', value: 'border' } }
+                                        ]
+                                    }
+                                },
+                                { kind: 'Field', name: { kind: 'Name', value: 'type' } },
+                                {
+                                    kind: 'Field',
+                                    name: { kind: 'Name', value: 'media' },
+                                    selectionSet: {
+                                        kind: 'SelectionSet',
+                                        selections: [
+                                            {
+                                                kind: 'Field',
+                                                name: { kind: 'Name', value: 'url' },
+                                                arguments: [{ kind: 'Argument', name: { kind: 'Name', value: 'scale' }, value: { kind: 'EnumValue', value: 'SMALL' } }]
+                                            },
+                                            {
+                                                kind: 'Field',
+                                                name: { kind: 'Name', value: 'thumbnailUrl' },
+                                                arguments: [{ kind: 'Argument', name: { kind: 'Name', value: 'scale' }, value: { kind: 'EnumValue', value: 'SMALL' } }]
+                                            },
+                                            { kind: 'Field', name: { kind: 'Name', value: 'type' } }
+                                        ]
+                                    }
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        kind: 'Field',
+                        name: { kind: 'Name', value: 'postData' },
+                        selectionSet: {
+                            kind: 'SelectionSet',
+                            selections: [
+                                {
+                                    kind: 'Field',
+                                    name: { kind: 'Name', value: 'media' },
+                                    selectionSet: {
+                                        kind: 'SelectionSet',
+                                        selections: [
+                                            {
+                                                kind: 'Field',
+                                                name: { kind: 'Name', value: 'url' },
+                                                arguments: [
+                                                    {
+                                                        kind: 'Argument',
+                                                        name: { kind: 'Name', value: 'scale' },
+                                                        value: { kind: 'Variable', name: { kind: 'Name', value: 'image_scale' } }
+                                                    }
+                                                ]
+                                            },
+                                            {
+                                                kind: 'Field',
+                                                name: { kind: 'Name', value: 'thumbnailUrl' },
+                                                arguments: [
+                                                    {
+                                                        kind: 'Argument',
+                                                        name: { kind: 'Name', value: 'scale' },
+                                                        value: { kind: 'Variable', name: { kind: 'Name', value: 'image_scale' } }
+                                                    }
+                                                ]
+                                            },
+                                            { kind: 'Field', name: { kind: 'Name', value: 'type' } }
+                                        ]
+                                    }
+                                },
+                                {
+                                    kind: 'Field',
+                                    name: { kind: 'Name', value: 'articleData' },
+                                    selectionSet: {
+                                        kind: 'SelectionSet',
+                                        selections: [
+                                            { kind: 'Field', name: { kind: 'Name', value: 'title' } },
+                                            { kind: 'Field', name: { kind: 'Name', value: 'kicker' } },
+                                            { kind: 'Field', name: { kind: 'Name', value: 'articleId' } }
+                                        ]
+                                    }
+                                },
+                                {
+                                    kind: 'Field',
+                                    name: { kind: 'Name', value: 'mediaData' },
+                                    selectionSet: { kind: 'SelectionSet', selections: [{ kind: 'Field', name: { kind: 'Name', value: 'text' } }] }
+                                },
+                                {
+                                    kind: 'Field',
+                                    name: { kind: 'Name', value: 'momentData' },
+                                    selectionSet: { kind: 'SelectionSet', selections: [{ kind: 'Field', name: { kind: 'Name', value: 'text' } }] }
+                                },
+                                {
+                                    kind: 'Field',
+                                    name: { kind: 'Name', value: 'shortVideoData' },
+                                    selectionSet: { kind: 'SelectionSet', selections: [{ kind: 'Field', name: { kind: 'Name', value: 'text' } }] }
+                                },
+                                {
+                                    kind: 'Field',
+                                    name: { kind: 'Name', value: 'videoData' },
+                                    selectionSet: {
+                                        kind: 'SelectionSet',
+                                        selections: [
+                                            { kind: 'Field', name: { kind: 'Name', value: 'title' } },
+                                            { kind: 'Field', name: { kind: 'Name', value: 'text' } }
+                                        ]
+                                    }
+                                }
+                            ]
+                        }
+                    }
+                ]
+            }
+        }
+    ]
+};
+export const GetPostsDocument = {
     kind: 'Document',
     definitions: [
         {
             kind: 'OperationDefinition',
             operation: 'query',
-            name: { kind: 'Name', value: 'GetShortVideos' },
+            name: { kind: 'Name', value: 'GetPosts' },
             variableDefinitions: [
                 {
                     kind: 'VariableDefinition',
@@ -23,7 +252,7 @@ export const GetShortVideosDocument = {
                 selections: [
                     {
                         kind: 'Field',
-                        alias: { kind: 'Name', value: 'shortVideos' },
+                        alias: { kind: 'Name', value: 'posts' },
                         name: { kind: 'Name', value: 'embedPosts' },
                         arguments: [{ kind: 'Argument', name: { kind: 'Name', value: 'input' }, value: { kind: 'Variable', name: { kind: 'Name', value: 'input' } } }],
                         selectionSet: {

package/dist/posts/data-loaders/operations.graphql

@@ -0,0 +1,17 @@
+# noinspection GraphQLSchemaValidation
+query GetPosts($input: EmbedPostsInput!, $image_scale: ImageScale = ORIGINAL_ENCODED) {
+  posts: embedPosts(input: $input) {
+    items {
+      ...PostsPlayerPayloadFragment
+    }
+    continuationToken
+  }
+}
+
+fragment PostsPlayerPayloadFragment on Post {
+  ...PostViewerPayloadFragment
+  ownerProfile {
+    id
+    type
+  }
+}

package/dist/posts/data-loaders/posts-loader.d.ts

@@ -0,0 +1,19 @@
+import { PostType, Status } from '../../core/enums';
+import type { PostPlayerModel } from '../posts-player/types';
+import type { Client } from '@urql/core';
+export declare const getPostsCursor: (input: {
+    filter: {
+        types: PostType[];
+        ids?: string[];
+        categoryId?: string;
+        excludeIds?: string[];
+        mediaPageId?: string;
+        statuses?: Status[];
+    };
+    limit: number;
+    continuationToken?: string | null;
+    graphql: Client;
+}) => Promise<{
+    items: PostPlayerModel[];
+    continuationToken: string | null;
+}>;

package/dist/posts/data-loaders/posts-loader.js

@@ -0,0 +1,28 @@
+import { PostType, Status } from '../../core/enums';
+import { mapToPostPlayerModel } from './mapper';
+import { GetPostsDocument } from './operations.generated';
+export const getPostsCursor = async (input) => {
+    const { filter, limit, continuationToken, graphql } = input;
+    const { ids, mediaPageId, categoryId, excludeIds, types, statuses } = filter;
+    const payload = await graphql
+        .query(GetPostsDocument, {
+        input: {
+            filter: {
+                ids,
+                mediaPageId,
+                types,
+                statuses,
+                categoryId,
+                excludeIds
+            },
+            limit,
+            continuationToken
+        }
+    })
+        .toPromise();
+    const posts = payload.data?.posts?.items || [];
+    return {
+        items: posts.map(mapToPostPlayerModel),
+        continuationToken: payload.data?.posts?.continuationToken || null
+    };
+};

package/dist/posts/posts-player/index.d.ts

@@ -1,19 +1,17 @@
 import { type IMediaCenterConfig } from '../../media-center/config/types';
 import type { IPostSocialInteractionsHandler } from '../social-interactions';
-import type { IPlayerItemsProvider } from '../../ui/player-slider';
 import { default as PostsPlayer } from './cmp.posts-player.svelte';
-import { mapToPostPlayerModel } from './mapper';
 import type { IPostAnalyticsHandler, PostPlayerModel, PostPlayerSettings } from './types';
 export { PostsPlayer, type PostPlayerModel };
-export type { IMediaCenterConfig, IPlayerItemsProvider, IPostAnalyticsHandler };
-export { mapToPostPlayerModel };
+export type { IMediaCenterConfig, IPostAnalyticsHandler };
+export { mapToPostPlayerModel } from '../data-loaders/mapper';
 /**
  * Opens the posts player modal.
  *
  * @param init Configuration options.
  *
  * Data provider (required)
- * @param {IPlayerItemsProvider<PostPlayerModel>} init.postsProvider
+ * @param init.postsProvider
  *   Provider that supplies post items to the player.
  *
  * Media center (optional)
@@ -75,7 +73,7 @@ export { mapToPostPlayerModel };
  * ```
  */
 export declare function openPostsPlayer(init: {
-    postsProvider: IPlayerItemsProvider<PostPlayerModel>;
+    postsProvider: IPostsPlayerDataProvider;
     mediaCenterConfig?: IMediaCenterConfig;
     analyticsHandler?: IPostAnalyticsHandler;
     socialInteractionsHandler?: IPostSocialInteractionsHandler;
@@ -85,3 +83,26 @@ export declare function openPostsPlayer(init: {
         postActivated?: (id: string) => void;
     };
 }): void;
+export type IPostsPlayerDataProvider<TChunk extends WithId = WithId> = {
+    kind: 'feed';
+    initialData: {
+        prefetchedItems: PostPlayerModel[];
+        startIndex: number;
+        startMediaIndex?: number;
+    };
+    loadMore(): Promise<PostPlayerModel[]>;
+} | {
+    kind: 'chunks';
+    initialData: {
+        prefetchedChunks: TChunk[];
+        startItemIndex?: number;
+    };
+    loadMoreChunks: () => Promise<TChunk[]>;
+    loadChunkItems: (chunkId: string, continuationToken: string | null | undefined) => Promise<{
+        items: PostPlayerModel[];
+        continuationToken: string | null;
+    }>;
+};
+type WithId = {
+    id: string;
+};

package/dist/posts/posts-player/index.js

@@ -2,17 +2,16 @@ import {} from '../../media-center/config/types';
 import { MediaCenter } from '../../media-center/media-center';
 import { ModalShadowHost } from '../../ui/shadow-dom';
 import { default as PostsPlayer } from './cmp.posts-player.svelte';
-import { mapToPostPlayerModel } from './mapper';
 import { mount, unmount } from 'svelte';
 export { PostsPlayer };
-export { mapToPostPlayerModel };
+export { mapToPostPlayerModel } from '../data-loaders/mapper';
 /**
  * Opens the posts player modal.
  *
  * @param init Configuration options.
  *
  * Data provider (required)
- * @param {IPlayerItemsProvider<PostPlayerModel>} init.postsProvider
+ * @param init.postsProvider
  *   Provider that supplies post items to the player.
  *
  * Media center (optional)

package/dist/posts/posts-player/posts-player-view.svelte

@@ -11,8 +11,9 @@ import { PostType } from '../..';
 import { ContentPlayer, ContentPlayerConfig } from '../../content-player';
 import { ContentPlayerSettings } from '../../content-player/content-player-settings';
 import { preloadImage } from '../../core/image-preloader';
+import { Utils } from '../../core/utils';
 import { getPostCoverImage } from '../model';
-import { PlayerBuffer } from '../../ui/player-slider';
+import { DefaultChunksPlayerBuffer, DefaultFeedPlayerBuffer } from '../../ui/player/providers';
 import { untrack } from 'svelte';
 let { dataProvider, socialInteractionsHandler, playerSettings, analyticsHandler, on, mediaCenterData } = $props();
 $effect(() => {
@@ -24,19 +25,34 @@ $effect(() => {
 });
 $effect(() => contentPlayerConfig.updateMediaCenterData(mediaCenterData));
 const initBuffer = (dataProvider) => __awaiter(void 0, void 0, void 0, function* () {
-    if (dataProvider.prefetch) {
-        yield dataProvider.prefetch();
+    switch (dataProvider.kind) {
+        case 'feed':
+            new DefaultFeedPlayerBuffer(dataProvider, {
+                preloaded: (instance) => __awaiter(void 0, void 0, void 0, function* () {
+                    if (instance.loaded.length) {
+                        const coverUrl = getPostCoverImage(instance.loaded[0]);
+                        yield preloadImage(coverUrl);
+                        contentPlayerConfig.setBackgroundImageUrl(coverUrl);
+                    }
+                    contentPlayerConfig.playerBuffer = instance;
+                })
+            });
+            break;
+        case 'chunks':
+            new DefaultChunksPlayerBuffer(dataProvider, {
+                preloaded: (instance) => __awaiter(void 0, void 0, void 0, function* () {
+                    if (instance.loaded.length) {
+                        const coverUrl = getPostCoverImage(instance.loaded[0]);
+                        yield preloadImage(coverUrl);
+                        contentPlayerConfig.setBackgroundImageUrl(coverUrl);
+                    }
+                    contentPlayerConfig.playerBuffer = instance;
+                })
+            });
+            break;
+        default:
+            Utils.assertUnreachable(dataProvider);
     }
-    new PlayerBuffer(dataProvider, {
-        preloaded: (instance) => __awaiter(void 0, void 0, void 0, function* () {
-            if (instance.loaded.length) {
-                const coverUrl = getPostCoverImage(instance.loaded[0]);
-                yield preloadImage(coverUrl);
-                contentPlayerConfig.setBackgroundImageUrl(coverUrl);
-            }
-            contentPlayerConfig.playerBuffer = instance;
-        })
-    });
 });
 const getLoadedItemById = (id) => {
     if (!contentPlayerConfig.playerBuffer) {

package/dist/posts/posts-player/types.d.ts

@@ -1,7 +1,7 @@
 import type { IContentPlayerSettingsInitializer } from '../../content-player/content-player-settings';
 import type { IPostModel } from '..';
 import type { IPostSocialInteractionsHandler } from '../social-interactions';
-import type { IPlayerItemsProvider } from '../../ui/player-slider';
+import type { IPlayerDataProvider } from '../../ui/player/providers';
 export interface IPostAnalyticsHandler {
     setOrganizationId: (organizationId: string) => void;
     trackPostOpened: (postId: string, ownerId: string) => void;
@@ -15,7 +15,7 @@ export type PostPlayerModel = IPostModel & {
     analyticsOrganizationId: string | null;
 };
 export type PostPlayerProps = {
-    dataProvider: IPlayerItemsProvider<PostPlayerModel>;
+    dataProvider: IPlayerDataProvider<PostPlayerModel>;
     socialInteractionsHandler?: IPostSocialInteractionsHandler;
     analyticsHandler?: IPostAnalyticsHandler;
     playerSettings?: PostPlayerSettings;

package/dist/short-videos/data-providers/internal-short-video-player-items-provider.d.ts

@@ -1,10 +1,10 @@
 import { type PostPlayerModel } from '../../posts/posts-player';
-import type { IPlayerItemsProvider } from '../../ui/player-slider';
-export declare class InternalShortVideoPlayerItemsProvider implements IPlayerItemsProvider<PostPlayerModel> {
-    initialData: IPlayerItemsProvider<PostPlayerModel>['initialData'];
+import type { IFeedPlayerDataProvider } from '../../ui/player/providers';
+export declare class InternalShortVideoPlayerItemsProvider implements IFeedPlayerDataProvider<PostPlayerModel> {
+    readonly kind = "feed";
+    readonly initialData: IFeedPlayerDataProvider<PostPlayerModel>['initialData'];
     private ids;
     private idOrder;
-    private initialId?;
     private graphql;
     private dataLoader;
     constructor(input: {
@@ -13,6 +13,5 @@ export declare class InternalShortVideoPlayerItemsProvider implements IPlayerIte
         graphqlOrigin?: string;
         initialId?: string;
     });
-    loadMore: () => Promise<PostPlayerModel[]>;
-    prefetch: () => Promise<void>;
+    loadMore: IFeedPlayerDataProvider<PostPlayerModel>['loadMore'];
 }

package/dist/short-videos/data-providers/internal-short-video-player-items-provider.js

@@ -1,15 +1,15 @@
-import { ImageScale } from '../..';
+import { PostType } from '../..';
 import { ContinuationToken } from '../../core/continuation-token';
 import { CursorDataLoader } from '../../core/data-loaders';
 import { createLocalGQLClient } from '../../core/graphql';
-import { mapToPostPlayerModel } from '../../posts/posts-player';
-import { GetShortVideosDocument } from './operations.generated';
+import { getPostsCursor } from '../../posts/data-loaders';
+import {} from '../../posts/posts-player';
 const CHUNK_SIZE = 20;
 export class InternalShortVideoPlayerItemsProvider {
+    kind = 'feed';
     initialData;
     ids;
     idOrder = new Map();
-    initialId;
     graphql;
     dataLoader = new CursorDataLoader({
         loadPage: async (continuationToken) => {
@@ -17,22 +17,12 @@ export class InternalShortVideoPlayerItemsProvider {
             const endIdIndex = Math.min(startIdIndex + CHUNK_SIZE, this.ids.length);
             const idsChunk = this.ids.slice(startIdIndex, endIdIndex);
             try {
-                const payload = await this.graphql
-                    .query(GetShortVideosDocument, {
-                    input: {
-                        limit: idsChunk.length,
-                        filter: {
-                            ids: idsChunk
-                        }
-                    },
-                    image_scale: ImageScale.OriginalEncoded
-                })
-                    .toPromise();
-                const data = payload.data?.shortVideos;
-                if (!data) {
-                    return null;
-                }
-                const items = data.items.map(mapToPostPlayerModel).sort((a, b) => {
+                const posts = await getPostsCursor({
+                    filter: { ids: idsChunk, types: [PostType.ShortVideo] },
+                    limit: idsChunk.length,
+                    graphql: this.graphql
+                });
+                const items = posts.items.sort((a, b) => {
                     const ia = this.idOrder.get(a.id) ?? Number.MAX_SAFE_INTEGER;
                     const ib = this.idOrder.get(b.id) ?? Number.MAX_SAFE_INTEGER;
                     return ia - ib;
@@ -52,18 +42,8 @@ export class InternalShortVideoPlayerItemsProvider {
         this.graphql = createLocalGQLClient(graphqlOrigin, initiator ? { 'x-initiator': initiator } : undefined);
         this.ids = ids;
         ids.forEach((id, idx) => this.idOrder.set(id, idx));
-        this.initialId = initialId;
-        this.initialData = { prefetchedItems: [], startIndex: 0 };
+        const startIndex = initialId ? ids.indexOf(initialId) : 0;
+        this.initialData = { prefetchedItems: [], startIndex };
     }
     loadMore = () => this.dataLoader.loadMore();
-    prefetch = async () => {
-        const items = await this.loadMore();
-        if (this.initialId && items.length) {
-            const initialIndex = items.findIndex((i) => i.id === this.initialId);
-            this.initialData = { prefetchedItems: items, startIndex: initialIndex >= 0 ? initialIndex : 0 };
-        }
-        else {
-            this.initialData = { prefetchedItems: items, startIndex: 0 };
-        }
-    };
 }

package/dist/short-videos/short-videos-player/index.d.ts

@@ -1,7 +1,6 @@
 import type { Locale } from '../../core/locale';
 import { type IMediaCenterConfig } from '../../media-center/config/types';
-import type { IPlayerItemsProvider } from '../../ui/player-slider';
-export type { IMediaCenterConfig, IPlayerItemsProvider };
+export type { IMediaCenterConfig };
 /**
  * Opens the short videos player modal.
  *
@@ -78,4 +77,4 @@ export declare function openShortVideosPlayer(init: {
     on?: {
         playerClosed?: () => void;
     };
-}): void;
+}): Promise<void>;

package/dist/short-videos/short-videos-player/index.js

@@ -68,7 +68,7 @@ import { mount, unmount } from 'svelte';
  * });
  * ```
  */
-export function openShortVideosPlayer(init) {
+export async 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(init.mediaPageId, graphqlOrigin) : undefined;

package/dist/streams/data-loaders/index.d.ts

@@ -0,0 +1,2 @@
+export { getStreamsCursor } from './streams-loader';
+export { getStreamPagesCursor } from './stream-pages-loader';

package/dist/streams/data-loaders/index.js

@@ -0,0 +1,2 @@
+export { getStreamsCursor } from './streams-loader';
+export { getStreamPagesCursor } from './stream-pages-loader';

package/dist/streams/{stream-player → data-loaders}/mapper.d.ts

@@ -1,3 +1,3 @@
+import type { StreamPlayerModel } from '../streams-player/types';
 import type { StreamPlayerPayloadFragment } from './operations.generated';
-import type { StreamPlayerModel } from './types';
 export declare const mapToStreamPlayerModel: (payload: StreamPlayerPayloadFragment) => StreamPlayerModel;