@streamscloud/embeddable 3.2.1 → 3.2.3

package/dist/short-videos/short-videos-player/operations.generated.d.ts

@@ -1,68 +0,0 @@
-import type * as SchemaTypes from '../../../gql/types';
-import type { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';
-export type GetShortVideosQueryVariables = SchemaTypes.Exact<{
-    input: SchemaTypes.EmbedPostsInput;
-    image_scale?: SchemaTypes.InputMaybe<SchemaTypes.ImageScale>;
-}>;
-export type GetShortVideosQuery = {
-    shortVideos: {
-        items: Array<{
-            id: string;
-            enableSocialInteractions: boolean;
-            postHeading: {
-                sourceImage: string | null;
-                sourceName: string;
-                postDisplayDate: any;
-                postViewsCount: number;
-            };
-            allProducts: Array<{
-                title: string;
-                id: string;
-                link: string | null;
-                shortDescription: 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;
-                buttonText: string | null;
-                buttonUrl: string | null;
-                openLinkInNewWindow: boolean | null;
-                type: SchemaTypes.AdType;
-                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 GetShortVideosDocument: DocumentNode<GetShortVideosQuery, GetShortVideosQueryVariables>;

package/dist/short-videos/short-videos-player/operations.generated.js

@@ -1,199 +0,0 @@
-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: '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: '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: 'shortDescription' } },
-                                {
-                                    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: '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: '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/short-videos/short-videos-player/operations.graphql

@@ -1,8 +0,0 @@
-# noinspection GraphQLSchemaValidation
-query GetShortVideos($input: EmbedPostsInput!, $image_scale: ImageScale = ORIGINAL_ENCODED) {
-  shortVideos: embedPosts(input: $input) {
-    items {
-      ...ShortVideoViewerPayloadFragment
-    }
-  }
-}

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

@@ -1,16 +0,0 @@
-import { type Locale } from '../../core/locale';
-import type { IShortVideoAttachmentsLocalization, IShortVideoDetailsLocalization, IShortVideoViewerLocalization } from '../short-video-viewer';
-import type { ISwipeIndicatorLocalization } from '../../ui/swipe-indicator';
-export interface IShortVideosPlayerLocalization {
-    shortVideoAttachmentsLocalization?: IShortVideoAttachmentsLocalization | Locale;
-    shortVideoDetailsLocalization?: IShortVideoDetailsLocalization | Locale;
-    shortVideoViewerLocalization?: IShortVideoViewerLocalization | Locale;
-    swipeIndicatorLocalization?: ISwipeIndicatorLocalization | Locale;
-}
-export declare class ShortVideosPlayerLocalization {
-    shortVideoAttachmentsLocalization: IShortVideoAttachmentsLocalization | Locale;
-    shortVideoDetailsLocalization: IShortVideoDetailsLocalization | Locale;
-    shortVideoViewerLocalization: IShortVideoViewerLocalization | Locale;
-    swipeIndicatorLocalization: ISwipeIndicatorLocalization | Locale;
-    constructor(init: IShortVideosPlayerLocalization | Locale);
-}

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

@@ -1,13 +0,0 @@
-import { isLocale } from '../../core/locale';
-export class ShortVideosPlayerLocalization {
-    shortVideoAttachmentsLocalization;
-    shortVideoDetailsLocalization;
-    shortVideoViewerLocalization;
-    swipeIndicatorLocalization;
-    constructor(init) {
-        this.shortVideoAttachmentsLocalization = isLocale(init) ? init : init.shortVideoAttachmentsLocalization || 'en';
-        this.shortVideoDetailsLocalization = isLocale(init) ? init : init.shortVideoDetailsLocalization || 'en';
-        this.shortVideoViewerLocalization = isLocale(init) ? init : init.shortVideoViewerLocalization || 'en';
-        this.swipeIndicatorLocalization = isLocale(init) ? init : init.swipeIndicatorLocalization || 'en';
-    }
-}

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

@@ -1,36 +0,0 @@
-import type { ShortVideoViewerModel } from '../..';
-import type { PlayerItemsProvider } from '../../ui/player';
-import type { IShortVideosPlayerLocalization } from './short-videos-player-localization';
-export type PlayerInput = ProviderPlayerInput | IdsPlayerInput;
-export type ProviderPlayerInput = {
-    type: 'provider';
-    provider: PlayerItemsProvider<ShortVideoViewerModel>;
-};
-export type IdsPlayerInput = {
-    type: 'ids';
-    ids: string[];
-    initialId?: string;
-    graphqlOrigin?: string;
-    initiator?: string;
-};
-export type OpenShortVideosPlayerInit = ProviderInit | IdsInit;
-type ProviderInit = {
-    shortVideosProvider: PlayerItemsProvider<ShortVideoViewerModel>;
-    localization?: IShortVideosPlayerLocalization | 'en' | 'no';
-    on?: {
-        playerClosed?: () => void;
-    };
-};
-type IdsInit = {
-    ids: string[];
-    graphqlOrigin?: string;
-    initialId?: string;
-    localization?: IShortVideosPlayerLocalization | 'en' | 'no';
-    initiator?: string;
-    on?: {
-        playerClosed?: () => void;
-    };
-};
-export declare const isShortVideosProviderInit: (init: unknown) => init is ProviderInit;
-export declare function isIdsInit(init: unknown): init is IdsInit;
-export {};

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

@@ -1,6 +0,0 @@
-export const isShortVideosProviderInit = (init) => {
-    return typeof init === 'object' && init !== null && 'shortVideosProvider' in init;
-};
-export function isIdsInit(init) {
-    return typeof init === 'object' && init !== null && 'ids' in init && 'graphqlOrigin' in init;
-}

package/dist/streams/layout/element-views/cmp.annotation-stream-element.svelte

@@ -1,16 +0,0 @@
-<script lang="ts">import { HtmlHelper } from '../../../core/utils/html-helper';
-import { generateAnnotationStyles } from '../styles-transformer';
-let { model } = $props();
-const svgValue = $derived.by(() => {
-    if (model.svg) {
-        return HtmlHelper.sanitizeSvg(model.svg);
-    }
-    return '';
-});
-</script>
-
-{#if !model.inactive}
-  <div class="annotation-stream-element" style={generateAnnotationStyles(model.styles, model.placement)}>
-    {@html svgValue}
-  </div>
-{/if}

package/dist/streams/layout/element-views/cmp.annotation-stream-element.svelte.d.ts

@@ -1,7 +0,0 @@
-import type { AnnotationStreamElementModel } from '../elements';
-type Props = {
-    model: AnnotationStreamElementModel;
-};
-declare const Cmp: import("svelte").Component<Props, {}, "">;
-type Cmp = ReturnType<typeof Cmp>;
-export default Cmp;

package/dist/streams/layout/element-views/cmp.stock-stream-element.svelte

@@ -1,74 +0,0 @@
-<script lang="ts">var _a;
-import { StockStreamElementLocalization } from './stock-stream-element-localization';
-import { StockStreamElementLevel } from '../enums';
-import { mapFlexJustifyContent, transformNumericValue } from '../styles-transformer';
-let { model, heightOverrideDdu, localization: localizationInit } = $props();
-const localization = $derived(new StockStreamElementLocalization(localizationInit));
-const height = $derived(heightOverrideDdu || ((_a = model.styles) === null || _a === void 0 ? void 0 : _a.height) || 16);
-const containerStyles = $derived.by(() => {
-    var _a;
-    const values = [
-        `align-items: center;`,
-        `height: ${transformNumericValue(height)}; gap: 1cqi;`,
-        `justify-content: ${mapFlexJustifyContent((_a = model.styles) === null || _a === void 0 ? void 0 : _a.horizontalAlign)};`
-    ];
-    return values.join('');
-});
-const dotCustomStyles = $derived.by(() => {
-    const values = [`height: ${transformNumericValue(height)};`, `width: ${transformNumericValue(height)};`];
-    return values.join('');
-});
-const quantityCustomStyles = $derived.by(() => {
-    const values = [`font-size: ${transformNumericValue(height * 0.75)};`];
-    return values.join('');
-});
-</script>
-
-<div class="stock-stream-element" style={containerStyles}>
-  <div
-    class="stock-stream-element__dot"
-    style={dotCustomStyles}
-    class:stock-stream-element__dot--high={model.level === StockStreamElementLevel.High}
-    class:stock-stream-element__dot--medium={model.level === StockStreamElementLevel.Medium}
-    class:stock-stream-element__dot--low={model.level === StockStreamElementLevel.Low}
-    class:stock-stream-element__dot--out-of-stock={model.level === StockStreamElementLevel.OutOfStock}>
-    &nbsp;
-  </div>
-  <div class="stock-stream-element__quantity" style={quantityCustomStyles}>
-    {localization.quantity(model.quantity, [StockStreamElementLevel.Low, StockStreamElementLevel.OutOfStock].includes(model.level))}
-    {#if model.textAfter}
-      &nbsp;{model.textAfter}
-    {/if}
-  </div>
-</div>
-
-<style>@keyframes fadeIn {
-  0% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.4;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-.stock-stream-element {
-  display: flex;
-}
-.stock-stream-element__dot {
-  border-radius: 50%;
-}
-.stock-stream-element__dot--high {
-  background-color: #0cce6b;
-}
-.stock-stream-element__dot--medium {
-  background-color: #ffa62b;
-}
-.stock-stream-element__dot--low {
-  background-color: #e71d36;
-}
-.stock-stream-element__dot--out-of-stock {
-  border: 1px solid #144ab0;
-  background-color: #ffffff;
-}</style>

package/dist/streams/layout/element-views/cmp.stock-stream-element.svelte.d.ts

@@ -1,11 +0,0 @@
-import type { Locale } from '../../../core/locale';
-import { type IStockStreamElementLocalization } from './stock-stream-element-localization';
-import type { StockStreamElementModel } from '../elements';
-type Props = {
-    model: StockStreamElementModel;
-    heightOverrideDdu?: number;
-    localization: IStockStreamElementLocalization | Locale;
-};
-declare const Cmp: import("svelte").Component<Props, {}, "">;
-type Cmp = ReturnType<typeof Cmp>;
-export default Cmp;

package/dist/streams/layout/element-views/cmp.web-view-stream-element.svelte

@@ -1,37 +0,0 @@
-<script lang="ts">let { model } = $props();
-export {};
-</script>
-
-<div class="web-view-stream-element">
-  {#if model.url}
-    <iframe
-      title="Web View"
-      src={model.url}
-      style="width: 100%; height: 100%; border: none;"
-      allowfullscreen
-      sandbox="allow-scripts allow-forms allow-same-origin"></iframe>
-  {:else}
-    <p>No URL provided for the web view.</p>
-  {/if}
-</div>
-
-<style>@keyframes fadeIn {
-  0% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.4;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-.web-view-stream-element {
-  width: 100%;
-  min-width: 100%;
-  max-width: 100%;
-  height: 100%;
-  min-height: 100%;
-  max-height: 100%;
-  position: relative;
-}</style>

package/dist/streams/layout/element-views/cmp.web-view-stream-element.svelte.d.ts

@@ -1,7 +0,0 @@
-import type { WebViewStreamElementModel } from '../elements';
-type Props = {
-    model: WebViewStreamElementModel;
-};
-declare const Cmp: import("svelte").Component<Props, {}, "">;
-type Cmp = ReturnType<typeof Cmp>;
-export default Cmp;