@streamscloud/embeddable 5.1.3 → 6.0.1

package/dist/ads/ad-card/mapper.js

@@ -3,7 +3,7 @@ export const mapToAdCardModel = (payload) => {
     return {
         id: payload.id,
         type: payload.type,
-        image: getMediaItemImageUrl(payload.media?.[0]),
+        image: payload.media.length ? getMediaItemImageUrl(payload.media[0]) : null,
         title: payload.title,
         description: payload.description,
         price: payload.price,

package/dist/core/browser.d.ts

@@ -0,0 +1 @@
+export declare const runningInBrowser: () => boolean;

package/dist/core/browser.js

@@ -0,0 +1 @@
+export const runningInBrowser = () => !import.meta.env.SSR;

package/dist/core/continuation-token.d.ts

@@ -5,6 +5,7 @@ export declare class ContinuationToken {
     static init(): ContinuationToken;
     static fromPayload(value: string | null): ContinuationToken;
     static preventLoading(): ContinuationToken;
+    toRawFormat(): string | null | undefined;
     toString(): string | null;
     toJSON(): string | null;
 }

package/dist/core/continuation-token.js

@@ -23,6 +23,9 @@ export class ContinuationToken {
         // additional initilizer, to block further loading
         return new ContinuationToken(false, null);
     }
+    toRawFormat() {
+        return this.canLoadMore ? this.value || undefined : this.value;
+    }
     toString() {
         return this.value;
     }

package/dist/core/locale.d.ts

@@ -2,7 +2,6 @@ export type Locale = 'en' | 'no';
 export type LocalizationSchema = {
     [key: string]: Record<Locale, unknown>;
 };
-export declare const getLocale: <T>(input?: Locale | T) => Locale | T;
 export declare const isEn: <T>(input: Locale | T) => input is "en";
 export declare const isNo: <T>(input: Locale | T) => input is "no";
 export declare const isLocale: <T>(input: Locale | T) => input is Locale;

package/dist/core/locale.js

@@ -1,15 +1,3 @@
-export const getLocale = (input) => {
-    if (input === undefined || input === null) {
-        return 'en';
-    }
-    switch (input) {
-        case 'en':
-        case 'no':
-            return input;
-        default:
-            return input;
-    }
-};
 export const isEn = (input) => {
     return input === 'en';
 };

package/dist/core/media/media-item-url.service.d.ts

@@ -1,2 +1,2 @@
 import { type MediaItemModel } from './types';
-export declare const getMediaItemImageUrl: (media?: MediaItemModel | null) => string;
+export declare const getMediaItemImageUrl: (media: MediaItemModel) => string;

package/dist/core/media/media-item-url.service.js

@@ -1,8 +1,3 @@
 import { MediaType } from '../enums';
 import {} from './types';
-export const getMediaItemImageUrl = (media) => {
-    if (!media) {
-        return '';
-    }
-    return media.type === MediaType.Image ? media.url : media.thumbnailUrl;
-};
+export const getMediaItemImageUrl = (media) => (media.type === MediaType.Image ? media.url : media.thumbnailUrl);

package/dist/media-center/data-provider/index.d.ts

@@ -0,0 +1,2 @@
+export type { IMediaCenterDataProvider } from './types';
+export { InternalMediaCenterDataProvider } from './internal-media-center-data-provider.svelte';

package/dist/media-center/data-provider/index.js

@@ -0,0 +1 @@
+export { InternalMediaCenterDataProvider } from './internal-media-center-data-provider.svelte';

package/dist/media-center/data-provider/internal-media-center-data-provider.svelte.d.ts

@@ -0,0 +1,8 @@
+import type { IMediaCenterDataProvider } from './types';
+export declare class InternalMediaCenterDataProvider implements IMediaCenterDataProvider {
+    private readonly mediaPageId;
+    private graphql;
+    constructor(mediaPageId: string, graphqlOrigin?: string);
+    getConfig: IMediaCenterDataProvider['getConfig'];
+    getShortVideosCursor: IMediaCenterDataProvider['getShortVideosCursor'];
+}

package/dist/media-center/data-provider/internal-media-center-data-provider.svelte.js

@@ -0,0 +1,44 @@
+import { createLocalGQLClient } from '../../core/graphql';
+import { mapToShortVideoViewerModel } from '../../short-videos/short-video-viewer';
+import { GetMediaPageConfigDocument, GetShortVideosDocument } from './operations.generated';
+export class InternalMediaCenterDataProvider {
+    mediaPageId;
+    graphql;
+    constructor(mediaPageId, graphqlOrigin) {
+        this.mediaPageId = mediaPageId;
+        this.graphql = createLocalGQLClient(graphqlOrigin);
+    }
+    getConfig = async () => {
+        const payload = await this.graphql.query(GetMediaPageConfigDocument, { mediaPageId: this.mediaPageId }).toPromise();
+        if (!payload.data?.embedMediaPagePlayerSettings) {
+            return null;
+        }
+        const settings = payload.data.embedMediaPagePlayerSettings;
+        return {
+            logo: settings.logo?.url || null,
+            postCategories: settings.postCategories.map((c) => ({ id: c.id, name: c.name })),
+            streamCategories: settings.streamCategories.map((c) => ({ id: c.id, name: c.name }))
+        };
+    };
+    getShortVideosCursor = async ({ filter, limit, continuationToken }) => {
+        const payload = await this.graphql
+            .query(GetShortVideosDocument, {
+            input: {
+                filter: {
+                    mediaPageId: this.mediaPageId,
+                    types: ['SHORT_VIDEO'],
+                    categoryId: filter.categoryId,
+                    excludeIds: filter.excludeIds
+                },
+                limit,
+                continuationToken
+            }
+        })
+            .toPromise();
+        const posts = payload.data?.shortVideos?.items || [];
+        return {
+            items: posts.map(mapToShortVideoViewerModel),
+            continuationToken: payload.data?.shortVideos?.continuationToken || null
+        };
+    };
+}

package/dist/media-center/data-provider/operations.generated.d.ts

@@ -0,0 +1,89 @@
+import type * as SchemaTypes from '../../../gql/types';
+import type { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';
+export type GetMediaPageConfigQueryVariables = SchemaTypes.Exact<{
+    mediaPageId: SchemaTypes.Scalars['String']['input'];
+}>;
+export type GetMediaPageConfigQuery = {
+    embedMediaPagePlayerSettings: {
+        logo: {
+            url: string;
+        } | null;
+        postCategories: Array<{
+            id: string;
+            name: string;
+        }>;
+        streamCategories: Array<{
+            id: string;
+            name: string;
+        }>;
+    } | null;
+};
+export type GetShortVideosQueryVariables = SchemaTypes.Exact<{
+    input: SchemaTypes.EmbedPostsInput;
+    image_scale?: SchemaTypes.InputMaybe<SchemaTypes.ImageScale>;
+}>;
+export type GetShortVideosQuery = {
+    shortVideos: {
+        continuationToken: string | null;
+        items: Array<{
+            id: string;
+            enableSocialInteractions: boolean;
+            allProducts: Array<{
+                id: string;
+                title: string;
+                shortDescription: string | null;
+                link: string | null;
+                media: Array<{
+                    url: string;
+                    thumbnailUrl: string | null;
+                    type: SchemaTypes.MediaType;
+                }>;
+                brand: {
+                    name: string;
+                } | null;
+                priceAndAvailability: {
+                    currency: SchemaTypes.Currency;
+                    price: number;
+                    productSalePrices: Array<{
+                        salePrice: number;
+                        salePriceEffectiveDateFrom: any | null;
+                        salePriceEffectiveDateTo: any | null;
+                    }> | null;
+                };
+            }>;
+            ad: {
+                id: string;
+                title: string;
+                description: string | null;
+                price: number | null;
+                priceInfo: string | null;
+                currency: SchemaTypes.Currency | null;
+                type: SchemaTypes.AdType;
+                ctaButton: {
+                    background: string;
+                    textColor: string;
+                    text: string;
+                    url: string;
+                    border: string;
+                } | null;
+                media: Array<{
+                    url: string;
+                    thumbnailUrl: string | null;
+                    type: SchemaTypes.MediaType;
+                }>;
+            } | null;
+            postData: {
+                media: Array<{
+                    url: string;
+                    thumbnailUrl: string | null;
+                    type: SchemaTypes.MediaType;
+                }>;
+                shortVideoData: {
+                    text: string | null;
+                } | null;
+            };
+        }>;
+    };
+};
+export declare const GetMediaPageConfigDocument: DocumentNode<GetMediaPageConfigQuery, GetMediaPageConfigQueryVariables>;
+export declare const GetShortVideosDocument: DocumentNode<GetShortVideosQuery, GetShortVideosQueryVariables>;

package/dist/media-center/data-provider/operations.generated.js

@@ -0,0 +1,275 @@
+export const GetMediaPageConfigDocument = {
+    kind: 'Document',
+    definitions: [
+        {
+            kind: 'OperationDefinition',
+            operation: 'query',
+            name: { kind: 'Name', value: 'GetMediaPageConfig' },
+            variableDefinitions: [
+                {
+                    kind: 'VariableDefinition',
+                    variable: { kind: 'Variable', name: { kind: 'Name', value: 'mediaPageId' } },
+                    type: { kind: 'NonNullType', type: { kind: 'NamedType', name: { kind: 'Name', value: 'String' } } }
+                }
+            ],
+            selectionSet: {
+                kind: 'SelectionSet',
+                selections: [
+                    {
+                        kind: 'Field',
+                        name: { kind: 'Name', value: 'embedMediaPagePlayerSettings' },
+                        arguments: [
+                            {
+                                kind: 'Argument',
+                                name: { kind: 'Name', value: 'input' },
+                                value: {
+                                    kind: 'ObjectValue',
+                                    fields: [
+                                        {
+                                            kind: 'ObjectField',
+                                            name: { kind: 'Name', value: 'mediaPageId' },
+                                            value: { kind: 'Variable', name: { kind: 'Name', value: 'mediaPageId' } }
+                                        }
+                                    ]
+                                }
+                            }
+                        ],
+                        selectionSet: {
+                            kind: 'SelectionSet',
+                            selections: [
+                                {
+                                    kind: 'Field',
+                                    name: { kind: 'Name', value: 'logo' },
+                                    selectionSet: { kind: 'SelectionSet', selections: [{ kind: 'Field', name: { kind: 'Name', value: 'url' } }] }
+                                },
+                                {
+                                    kind: 'Field',
+                                    name: { kind: 'Name', value: 'postCategories' },
+                                    selectionSet: {
+                                        kind: 'SelectionSet',
+                                        selections: [
+                                            { kind: 'Field', name: { kind: 'Name', value: 'id' } },
+                                            { kind: 'Field', name: { kind: 'Name', value: 'name' } }
+                                        ]
+                                    }
+                                },
+                                {
+                                    kind: 'Field',
+                                    name: { kind: 'Name', value: 'streamCategories' },
+                                    selectionSet: {
+                                        kind: 'SelectionSet',
+                                        selections: [
+                                            { kind: 'Field', name: { kind: 'Name', value: 'id' } },
+                                            { kind: 'Field', name: { kind: 'Name', value: 'name' } }
+                                        ]
+                                    }
+                                }
+                            ]
+                        }
+                    }
+                ]
+            }
+        }
+    ]
+};
+export const GetShortVideosDocument = {
+    kind: 'Document',
+    definitions: [
+        {
+            kind: 'OperationDefinition',
+            operation: 'query',
+            name: { kind: 'Name', value: 'GetShortVideos' },
+            variableDefinitions: [
+                {
+                    kind: 'VariableDefinition',
+                    variable: { kind: 'Variable', name: { kind: 'Name', value: 'input' } },
+                    type: { kind: 'NonNullType', type: { kind: 'NamedType', name: { kind: 'Name', value: 'EmbedPostsInput' } } }
+                },
+                {
+                    kind: 'VariableDefinition',
+                    variable: { kind: 'Variable', name: { kind: 'Name', value: 'image_scale' } },
+                    type: { kind: 'NamedType', name: { kind: 'Name', value: 'ImageScale' } },
+                    defaultValue: { kind: 'EnumValue', value: 'ORIGINAL_ENCODED' }
+                }
+            ],
+            selectionSet: {
+                kind: 'SelectionSet',
+                selections: [
+                    {
+                        kind: 'Field',
+                        alias: { kind: 'Name', value: 'shortVideos' },
+                        name: { kind: 'Name', value: 'embedPosts' },
+                        arguments: [{ kind: 'Argument', name: { kind: 'Name', value: 'input' }, value: { kind: 'Variable', name: { kind: 'Name', value: 'input' } } }],
+                        selectionSet: {
+                            kind: 'SelectionSet',
+                            selections: [
+                                {
+                                    kind: 'Field',
+                                    name: { kind: 'Name', value: 'items' },
+                                    selectionSet: {
+                                        kind: 'SelectionSet',
+                                        selections: [{ kind: 'FragmentSpread', name: { kind: 'Name', value: 'ShortVideoViewerPayloadFragment' } }]
+                                    }
+                                },
+                                { kind: 'Field', name: { kind: 'Name', value: 'continuationToken' } }
+                            ]
+                        }
+                    }
+                ]
+            }
+        },
+        {
+            kind: 'FragmentDefinition',
+            name: { kind: 'Name', value: 'ShortVideoViewerPayloadFragment' },
+            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' } },
+                                            { kind: 'Field', name: { kind: 'Name', value: 'thumbnailUrl' } },
+                                            { 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' } },
+                                            { kind: 'Field', name: { kind: 'Name', value: 'thumbnailUrl' } },
+                                            { 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: 'shortVideoData' },
+                                    selectionSet: { kind: 'SelectionSet', selections: [{ kind: 'Field', name: { kind: 'Name', value: 'text' } }] }
+                                }
+                            ]
+                        }
+                    }
+                ]
+            }
+        }
+    ]
+};

package/dist/media-center/data-provider/operations.graphql

@@ -0,0 +1,25 @@
+query GetMediaPageConfig($mediaPageId: String!) {
+  embedMediaPagePlayerSettings(input: { mediaPageId: $mediaPageId }) {
+    logo {
+      url
+    }
+    postCategories {
+      id
+      name
+    }
+    streamCategories {
+      id
+      name
+    }
+  }
+}
+
+# noinspection GraphQLSchemaValidation
+query GetShortVideos($input: EmbedPostsInput!, $image_scale: ImageScale = ORIGINAL_ENCODED) {
+  shortVideos: embedPosts(input: $input) {
+    items {
+      ...ShortVideoViewerPayloadFragment
+    }
+    continuationToken
+  }
+}

package/dist/media-center/data-provider/types.d.ts

@@ -0,0 +1,24 @@
+import type { ShortVideoViewerModel } from '../../short-videos/short-video-viewer';
+export interface IMediaCenterDataProvider {
+    getConfig: () => Promise<MediaCenterConfig | null>;
+    getShortVideosCursor: (input: {
+        filter: {
+            categoryId?: string;
+            excludeIds?: string[];
+        };
+        limit: number;
+        continuationToken?: string | null;
+    }) => Promise<{
+        items: ShortVideoViewerModel[];
+        continuationToken: string | null;
+    }>;
+}
+export type MediaCenterConfig = {
+    logo: string | null;
+    postCategories: MediaCenterCategoryModel[];
+    streamCategories: MediaCenterCategoryModel[];
+};
+export type MediaCenterCategoryModel = {
+    id: string;
+    name: string;
+};

package/dist/media-center/data-provider/types.js

@@ -0,0 +1 @@
+export {};

package/dist/media-center/index.d.ts

@@ -0,0 +1 @@
+export type { IMediaCenterDataProvider } from './data-provider';

package/dist/media-center/index.js

@@ -0,0 +1 @@
+export {};