@streamscloud/embeddable 1.2.0 → 2.0.0

package/dist/streams/stream-player/operations.generated.js

@@ -160,374 +160,6 @@ export const GetStreamPagesDocument = {
                 ]
             }
         },
-        {
-            kind: 'FragmentDefinition',
-            name: { kind: 'Name', value: 'ProductCardPayloadFragment' },
-            typeCondition: { kind: 'NamedType', name: { kind: 'Name', value: 'Product' } },
-            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: 'title' } },
-                    { kind: 'Field', name: { kind: 'Name', value: 'id' } },
-                    { kind: 'Field', name: { kind: 'Name', value: 'link' } },
-                    {
-                        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: 'FragmentDefinition',
-            name: { kind: 'Name', value: 'AdViewPayloadFragment' },
-            typeCondition: { kind: 'NamedType', 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: 'buttonText' } },
-                    { kind: 'Field', name: { kind: 'Name', value: 'buttonUrl' } },
-                    { kind: 'Field', name: { kind: 'Name', value: 'openLinkInNewWindow' } },
-                    { kind: 'Field', name: { kind: 'Name', value: 'type' } },
-                    {
-                        kind: 'Field',
-                        name: { kind: 'Name', value: 'media' },
-                        selectionSet: {
-                            kind: 'SelectionSet',
-                            selections: [
-                                { kind: 'Field', name: { kind: 'Name', value: 'type' } },
-                                {
-                                    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: '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: 'postHeading' },
-                        selectionSet: {
-                            kind: 'SelectionSet',
-                            selections: [
-                                { kind: 'Field', name: { kind: 'Name', value: 'sourceImage' } },
-                                { kind: 'Field', name: { kind: 'Name', value: 'sourceName' } },
-                                { kind: 'Field', name: { kind: 'Name', value: 'postDisplayDate' } },
-                                { kind: 'Field', name: { kind: 'Name', value: 'postViewsCount' } }
-                            ]
-                        }
-                    },
-                    {
-                        kind: 'Field',
-                        name: { kind: 'Name', value: 'allProducts' },
-                        selectionSet: { kind: 'SelectionSet', selections: [{ kind: 'FragmentSpread', name: { kind: 'Name', value: 'ProductCardPayloadFragment' } }] }
-                    },
-                    {
-                        kind: 'Field',
-                        name: { kind: 'Name', value: 'ad' },
-                        selectionSet: { kind: 'SelectionSet', selections: [{ kind: 'FragmentSpread', name: { kind: 'Name', value: 'AdViewPayloadFragment' } }] }
-                    },
-                    {
-                        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' } }] }
-                                }
-                            ]
-                        }
-                    }
-                ]
-            }
-        },
-        {
-            kind: 'FragmentDefinition',
-            name: { kind: 'Name', value: 'ShortVideoStreamComponentDataFragment' },
-            typeCondition: { kind: 'NamedType', name: { kind: 'Name', value: 'Post' } },
-            selectionSet: { kind: 'SelectionSet', selections: [{ kind: 'FragmentSpread', name: { kind: 'Name', value: 'ShortVideoViewerPayloadFragment' } }] }
-        },
-        {
-            kind: 'FragmentDefinition',
-            name: { kind: 'Name', value: 'ShortVideoStreamComponentParamsFragment' },
-            typeCondition: { kind: 'NamedType', name: { kind: 'Name', value: 'ShortVideoStreamComponentParams' } },
-            selectionSet: {
-                kind: 'SelectionSet',
-                selections: [
-                    {
-                        kind: 'Field',
-                        name: { kind: 'Name', value: 'data' },
-                        selectionSet: {
-                            kind: 'SelectionSet',
-                            selections: [{ kind: 'FragmentSpread', name: { kind: 'Name', value: 'ShortVideoStreamComponentDataFragment' } }]
-                        }
-                    }
-                ]
-            }
-        },
-        {
-            kind: 'FragmentDefinition',
-            name: { kind: 'Name', value: 'ImagesStreamComponentParamsFragment' },
-            typeCondition: { kind: 'NamedType', name: { kind: 'Name', value: 'ImagesStreamComponentParams' } },
-            selectionSet: {
-                kind: 'SelectionSet',
-                selections: [
-                    {
-                        kind: 'Field',
-                        name: { kind: 'Name', value: 'images' },
-                        selectionSet: {
-                            kind: 'SelectionSet',
-                            selections: [
-                                { kind: 'Field', name: { kind: 'Name', value: 'id' } },
-                                { kind: 'Field', name: { kind: 'Name', value: 'url' } }
-                            ]
-                        }
-                    },
-                    { kind: 'Field', name: { kind: 'Name', value: 'mode' } }
-                ]
-            }
-        },
-        {
-            kind: 'FragmentDefinition',
-            name: { kind: 'Name', value: 'ProductStreamComponentDataFragment' },
-            typeCondition: { kind: 'NamedType', name: { kind: 'Name', value: 'Product' } },
-            selectionSet: {
-                kind: 'SelectionSet',
-                selections: [
-                    {
-                        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: 'title' } },
-                    { kind: 'Field', name: { kind: 'Name', value: 'id' } },
-                    { kind: 'Field', name: { kind: 'Name', value: 'link' } },
-                    {
-                        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: 'FragmentDefinition',
-            name: { kind: 'Name', value: 'ProductStreamComponentParamsFragment' },
-            typeCondition: { kind: 'NamedType', name: { kind: 'Name', value: 'ProductStreamComponentParams' } },
-            selectionSet: {
-                kind: 'SelectionSet',
-                selections: [
-                    {
-                        kind: 'Field',
-                        name: { kind: 'Name', value: 'data' },
-                        selectionSet: {
-                            kind: 'SelectionSet',
-                            selections: [{ kind: 'FragmentSpread', name: { kind: 'Name', value: 'ProductStreamComponentDataFragment' } }]
-                        }
-                    }
-                ]
-            }
-        },
-        {
-            kind: 'FragmentDefinition',
-            name: { kind: 'Name', value: 'StreamComponentPayloadFragment' },
-            typeCondition: { kind: 'NamedType', name: { kind: 'Name', value: 'StreamComponent' } },
-            selectionSet: {
-                kind: 'SelectionSet',
-                selections: [
-                    { kind: 'Field', name: { kind: 'Name', value: 'slotId' } },
-                    { kind: 'Field', name: { kind: 'Name', value: 'type' } },
-                    {
-                        kind: 'Field',
-                        name: { kind: 'Name', value: 'params' },
-                        selectionSet: {
-                            kind: 'SelectionSet',
-                            selections: [
-                                {
-                                    kind: 'Field',
-                                    name: { kind: 'Name', value: 'shortVideo' },
-                                    selectionSet: {
-                                        kind: 'SelectionSet',
-                                        selections: [{ kind: 'FragmentSpread', name: { kind: 'Name', value: 'ShortVideoStreamComponentParamsFragment' } }]
-                                    }
-                                },
-                                {
-                                    kind: 'Field',
-                                    name: { kind: 'Name', value: 'images' },
-                                    selectionSet: {
-                                        kind: 'SelectionSet',
-                                        selections: [{ kind: 'FragmentSpread', name: { kind: 'Name', value: 'ImagesStreamComponentParamsFragment' } }]
-                                    }
-                                },
-                                {
-                                    kind: 'Field',
-                                    name: { kind: 'Name', value: 'product' },
-                                    selectionSet: {
-                                        kind: 'SelectionSet',
-                                        selections: [{ kind: 'FragmentSpread', name: { kind: 'Name', value: 'ProductStreamComponentParamsFragment' } }]
-                                    }
-                                }
-                            ]
-                        }
-                    }
-                ]
-            }
-        },
-        {
-            kind: 'FragmentDefinition',
-            name: { kind: 'Name', value: 'StreamComponentSlotFragment' },
-            typeCondition: { kind: 'NamedType', name: { kind: 'Name', value: 'StreamComponentSlot' } },
-            selectionSet: {
-                kind: 'SelectionSet',
-                selections: [
-                    { kind: 'Field', name: { kind: 'Name', value: 'id' } },
-                    { kind: 'Field', name: { kind: 'Name', value: 'allowedComponents' } },
-                    { kind: 'Field', name: { kind: 'Name', value: 'top' } },
-                    { kind: 'Field', name: { kind: 'Name', value: 'left' } },
-                    { kind: 'Field', name: { kind: 'Name', value: 'width' } },
-                    { kind: 'Field', name: { kind: 'Name', value: 'height' } },
-                    {
-                        kind: 'Field',
-                        name: { kind: 'Name', value: 'styles' },
-                        selectionSet: {
-                            kind: 'SelectionSet',
-                            selections: [
-                                { kind: 'Field', name: { kind: 'Name', value: 'paddingTop' } },
-                                { kind: 'Field', name: { kind: 'Name', value: 'paddingRight' } },
-                                { kind: 'Field', name: { kind: 'Name', value: 'paddingBottom' } },
-                                { kind: 'Field', name: { kind: 'Name', value: 'paddingLeft' } }
-                            ]
-                        }
-                    }
-                ]
-            }
-        },
         {
             kind: 'FragmentDefinition',
             name: { kind: 'Name', value: 'StreamPageViewerPayloadFragment' },
@@ -544,13 +176,8 @@ export const GetStreamPagesDocument = {
                     { kind: 'Field', name: { kind: 'Name', value: 'name' } },
                     {
                         kind: 'Field',
-                        name: { kind: 'Name', value: 'components' },
-                        selectionSet: { kind: 'SelectionSet', selections: [{ kind: 'FragmentSpread', name: { kind: 'Name', value: 'StreamComponentPayloadFragment' } }] }
-                    },
-                    {
-                        kind: 'Field',
-                        name: { kind: 'Name', value: 'slots' },
-                        selectionSet: { kind: 'SelectionSet', selections: [{ kind: 'FragmentSpread', name: { kind: 'Name', value: 'StreamComponentSlotFragment' } }] }
+                        name: { kind: 'Name', value: 'layout' },
+                        arguments: [{ kind: 'Argument', name: { kind: 'Name', value: 'scale' }, value: { kind: 'Variable', name: { kind: 'Name', value: 'image_scale' } } }]
                     }
                 ]
             }

package/dist/streams/stream-player/stream-overview.svelte

@@ -163,7 +163,7 @@ let { model, buffer, activePageId, on, uiManager, localization } = $props();
   background: transparent;
 }
 .stream-overview-pages:hover {
-  scrollbar-color: var(--custom-scrollbar-color, #b0b0b0) var(--custom-scrollbar-background, #f1f1f1);
+  scrollbar-color: var(--custom-scrollbar-color, #7d7d7d) var(--custom-scrollbar-background, transparent);
   scrollbar-width: thin;
 }
 .stream-overview-pages:hover::-webkit-scrollbar {
@@ -173,7 +173,7 @@ let { model, buffer, activePageId, on, uiManager, localization } = $props();
   visibility: hidden;
 }
 .stream-overview-pages:hover::-webkit-scrollbar-thumb {
-  background: var(--custom-scrollbar-color, #b0b0b0);
+  background: var(--custom-scrollbar-color, #7d7d7d);
 }
 .stream-overview-pages__grid {
   display: flex;

package/dist/streams/stream-player/stream-player-buffer.svelte.d.ts

@@ -1,5 +1,5 @@
-import type { IPlayerBuffer } from '../../ui/player';
 import { type StreamPageViewerModel } from '../stream-page-viewer';
+import type { IPlayerBuffer } from '../../ui/player';
 import type { Client } from '@urql/core';
 export declare class StreamPlayerBuffer implements IPlayerBuffer<StreamPageViewerModel> {
     readonly loaded: StreamPageViewerModel[];

package/dist/streams/stream-player/stream-player-buffer.svelte.js

@@ -1,6 +1,6 @@
 import { ContinuationToken } from '../../core/continuation-token';
 import { CursorDataLoader } from '../../core/data-loaders';
-import { ImageScale } from '../../core/media';
+import { ImageScale } from '../../core/enums';
 import { Utils } from '../../core/utils';
 import {} from '../stream-page-viewer';
 import { mapToStreamPageViewerModel } from '../stream-page-viewer/mapper';

package/dist/streams/stream-player/stream-player-localization.svelte.d.ts

@@ -1,18 +1,12 @@
-import type { ITimeAgoLocalization } from '../../ui/time-ago';
+import type { IShortVideoDetailsLocalization } from '../../short-videos/short-video-viewer';
 export interface IStreamPlayerLocalization {
-    productsSection?: string;
-    offersSection?: string;
     streamNotFound?: string;
-    viewsCount?: (count: number) => string;
     pagesCount?: (count: number) => string;
-    timeAgoLocalization?: ITimeAgoLocalization;
+    shortVideoDetailsLocalization?: IShortVideoDetailsLocalization;
 }
 export declare class StreamPlayerLocalization {
     streamNotFound: string;
-    productsSection: string;
-    offersSection: string;
-    viewsCount: (count: number) => string;
     pagesCount: (count: number) => string;
-    timeAgoLocalization: ITimeAgoLocalization | undefined;
+    shortVideoDetailsLocalization: IShortVideoDetailsLocalization | undefined;
     constructor(init?: IStreamPlayerLocalization);
 }

package/dist/streams/stream-player/stream-player-localization.svelte.js

@@ -1,29 +1,10 @@
 export class StreamPlayerLocalization {
     streamNotFound = $state('Stream not found');
-    productsSection = $state('Products');
-    offersSection = $state('Offers');
-    viewsCount = $state((count) => (count === 1 ? '1 view' : `${count} views`));
     pagesCount = $state((count) => (count === 1 ? '1 page' : `${count} pages`));
-    timeAgoLocalization = $state(undefined);
+    shortVideoDetailsLocalization = $state(undefined);
     constructor(init) {
-        if (!init) {
-            return;
-        }
-        if (init.streamNotFound !== undefined) {
-            this.streamNotFound = init.streamNotFound;
-        }
-        if (init.productsSection !== undefined) {
-            this.productsSection = init.productsSection;
-        }
-        if (init.offersSection !== undefined) {
-            this.offersSection = init.offersSection;
-        }
-        if (init.viewsCount !== undefined) {
-            this.viewsCount = init.viewsCount;
-        }
-        if (init.pagesCount !== undefined) {
-            this.pagesCount = init.pagesCount;
-        }
-        this.timeAgoLocalization = init.timeAgoLocalization;
+        this.streamNotFound = init?.streamNotFound || this.streamNotFound;
+        this.pagesCount = init?.pagesCount || this.pagesCount;
+        this.shortVideoDetailsLocalization = init?.shortVideoDetailsLocalization || this.shortVideoDetailsLocalization;
     }
 }

package/dist/ui/media-item-view/cmp.media-item-view.svelte

@@ -1,4 +1,5 @@
-<script lang="ts">import { MediaFormat, MediaType, getMediaItemImageUrl } from '../../core/media';
+<script lang="ts">import { MediaFormat, MediaType } from '../../core/enums';
+import { getMediaItemImageUrl } from '../../core/media';
 import { Image } from '../image';
 import { ProportionalContainer } from '../proportional-container';
 import { Video } from '../video';

package/dist/ui/media-item-view/cmp.media-item-view.svelte.d.ts

@@ -1,4 +1,5 @@
-import { MediaFormat, type MediaItemModel } from '../../core/media';
+import { MediaFormat } from '../../core/enums';
+import { type MediaItemModel } from '../../core/media';
 type Props = {
     media: MediaItemModel | null;
     ratio?: number | MediaFormat | 'fit-parent';

package/dist/ui/media-items-gallery/cmp.media-items-gallery.svelte

@@ -7,7 +7,8 @@
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { MediaFormat } from '../../core/media';
+import { MediaFormat } from '../../core/enums';
+import {} from '../../core/media';
 import { MediaItemView } from '../media-item-view';
 import { GalleryLayout } from './types';
 let { media, singleImageRatio = 0, inert = false, on } = $props();

package/dist/ui/media-items-gallery/cmp.media-items-gallery.svelte.d.ts

@@ -1,4 +1,5 @@
-import { MediaFormat, type MediaItemWithMetadataModel } from '../../core/media';
+import { MediaFormat } from '../../core/enums';
+import { type MediaItemWithMetadataModel } from '../../core/media';
 type Props = {
     media: Array<MediaItemWithMetadataModel> | ReadonlyArray<MediaItemWithMetadataModel>;
     singleImageRatio?: number | MediaFormat;