@streamscloud/embeddable 1.2.0 → 2.0.0

package/dist/streams/components/operations.graphql

@@ -1,35 +0,0 @@
-fragment StreamComponentPayloadFragment on StreamComponent {
-  slotId
-  type
-  params {
-    shortVideo {
-      ...ShortVideoStreamComponentParamsFragment
-    }
-    images {
-      ...ImagesStreamComponentParamsFragment
-    }
-    product {
-      ...ProductStreamComponentParamsFragment
-    }
-  }
-}
-
-fragment ShortVideoStreamComponentParamsFragment on ShortVideoStreamComponentParams {
-  data {
-    ...ShortVideoStreamComponentDataFragment
-  }
-}
-
-fragment ImagesStreamComponentParamsFragment on ImagesStreamComponentParams {
-  images {
-    id
-    url
-  }
-  mode
-}
-
-fragment ProductStreamComponentParamsFragment on ProductStreamComponentParams {
-  data {
-    ...ProductStreamComponentDataFragment
-  }
-}

package/dist/streams/components/product/index.d.ts

@@ -1,3 +0,0 @@
-export { default as ProductComponent } from './cmp.product-component.svelte';
-export { mapToProductComponentData } from './mapper';
-export type { ProductComponentData } from './types';

package/dist/streams/components/product/index.js

@@ -1,2 +0,0 @@
-export { default as ProductComponent } from './cmp.product-component.svelte';
-export { mapToProductComponentData } from './mapper';

package/dist/streams/components/product/mapper.d.ts

@@ -1,3 +0,0 @@
-import type { ProductStreamComponentDataFragment } from './operations.generated';
-import type { ProductComponentData } from './types';
-export declare const mapToProductComponentData: (payload: ProductStreamComponentDataFragment) => ProductComponentData;

package/dist/streams/components/product/mapper.js

@@ -1,14 +0,0 @@
-import { getMediaItemImageUrl } from '../../../core/media';
-import { shouldUseSalePrice } from '../../../products/price-helper';
-export const mapToProductComponentData = (payload) => {
-    const effectiveSalePrice = payload.priceAndAvailability.productSalePrices?.find((x) => shouldUseSalePrice(payload.priceAndAvailability.price, x.salePrice, x.salePriceEffectiveDateFrom, x.salePriceEffectiveDateTo));
-    return {
-        id: payload.id,
-        title: payload.title,
-        image: payload.media[0] ? getMediaItemImageUrl(payload.media[0]) : null,
-        link: payload.link,
-        currency: payload.priceAndAvailability.currency,
-        price: payload.priceAndAvailability.price,
-        salePrice: effectiveSalePrice?.salePrice || null
-    };
-};

package/dist/streams/components/product/operations.generated.d.ts

@@ -1,22 +0,0 @@
-import type * as SchemaTypes from '../../../../gql/types';
-import type { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';
-export type ProductStreamComponentDataFragment = {
-    title: string;
-    id: string;
-    link: string | null;
-    media: Array<{
-        url: string;
-        thumbnailUrl: string | null;
-        type: SchemaTypes.MediaType;
-    }>;
-    priceAndAvailability: {
-        currency: SchemaTypes.Currency;
-        price: number;
-        productSalePrices: Array<{
-            salePrice: number;
-            salePriceEffectiveDateFrom: any | null;
-            salePriceEffectiveDateTo: any | null;
-        }> | null;
-    };
-};
-export declare const ProductStreamComponentDataFragmentDoc: DocumentNode<ProductStreamComponentDataFragment, unknown>;

package/dist/streams/components/product/operations.generated.js

@@ -1,53 +0,0 @@
-export const ProductStreamComponentDataFragmentDoc = {
-    kind: 'Document',
-    definitions: [
-        {
-            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' } }
-                                        ]
-                                    }
-                                }
-                            ]
-                        }
-                    }
-                ]
-            }
-        }
-    ]
-};

package/dist/streams/components/product/operations.graphql

@@ -1,19 +0,0 @@
-fragment ProductStreamComponentDataFragment on Product {
-  media {
-    url
-    thumbnailUrl
-    type
-  }
-  title
-  id
-  link
-  priceAndAvailability {
-    currency
-    price
-    productSalePrices {
-      salePrice
-      salePriceEffectiveDateFrom
-      salePriceEffectiveDateTo
-    }
-  }
-}

package/dist/streams/components/product/types.d.ts

@@ -1,10 +0,0 @@
-import { Currency } from '../../../products';
-export type ProductComponentData = {
-    id: string;
-    title: string;
-    image: string | null;
-    link: string | null;
-    price: number;
-    currency: Currency;
-    salePrice: number | null;
-};

package/dist/streams/components/product/types.js

@@ -1 +0,0 @@
-import { Currency } from '../../../products';

package/dist/streams/components/short-video/cmp.short-video-component.svelte

@@ -1,9 +0,0 @@
-<script lang="ts">import { ShortVideosViewer } from '../../../short-videos/short-video-viewer';
-import { StreamComponentsLocalization } from '../stream-components-localization.svelte';
-let { model, autoplay = true, localization } = $props();
-</script>
-
-<ShortVideosViewer
-  model={model}
-  autoplay={autoplay ? 'on-appearance' : false}
-  localization={{ viewsCount: localization.viewsCount, timeAgoLocalization: localization.timeAgoLocalization }} />

package/dist/streams/components/short-video/cmp.short-video-component.svelte.d.ts

@@ -1,10 +0,0 @@
-import { StreamComponentsLocalization } from '../stream-components-localization.svelte';
-import type { ShortVideoStreamComponentData } from './types';
-type Props = {
-    model: ShortVideoStreamComponentData;
-    autoplay?: boolean;
-    localization: StreamComponentsLocalization;
-};
-declare const Cmp: import("svelte").Component<Props, {}, "">;
-type Cmp = ReturnType<typeof Cmp>;
-export default Cmp;

package/dist/streams/components/short-video/index.d.ts

@@ -1,3 +0,0 @@
-export { default as ShortVideoComponent } from './cmp.short-video-component.svelte';
-export { mapToShortVideoStreamComponentData } from './mapper';
-export type { ShortVideoStreamComponentData } from './types';

package/dist/streams/components/short-video/index.js

@@ -1,2 +0,0 @@
-export { default as ShortVideoComponent } from './cmp.short-video-component.svelte';
-export { mapToShortVideoStreamComponentData } from './mapper';

package/dist/streams/components/short-video/mapper.d.ts

@@ -1,3 +0,0 @@
-import type { ShortVideoStreamComponentDataFragment } from './operations.generated';
-import type { ShortVideoStreamComponentData } from './types';
-export declare const mapToShortVideoStreamComponentData: (payload: ShortVideoStreamComponentDataFragment) => ShortVideoStreamComponentData;

package/dist/streams/components/short-video/mapper.js

@@ -1,4 +0,0 @@
-import { mapShortVideoViewerModel } from '../../../short-videos/short-video-viewer/mapper';
-export const mapToShortVideoStreamComponentData = (payload) => {
-    return mapShortVideoViewerModel(payload);
-};

package/dist/streams/components/short-video/operations.generated.d.ts

@@ -1,56 +0,0 @@
-import type * as SchemaTypes from '../../../../gql/types';
-import type { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';
-export type ShortVideoStreamComponentDataFragment = {
-    id: string;
-    enableSocialInteractions: boolean;
-    postHeading: {
-        sourceImage: string | null;
-        sourceName: string;
-        postDisplayDate: any;
-        postViewsCount: number;
-    };
-    allProducts: Array<{
-        title: string;
-        id: string;
-        link: string | null;
-        media: Array<{
-            url: string;
-            thumbnailUrl: string | null;
-            type: SchemaTypes.MediaType;
-        }>;
-        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<{
-            type: SchemaTypes.MediaType;
-            url: string;
-            thumbnailUrl: string | null;
-        }>;
-    } | null;
-    postData: {
-        media: Array<{
-            url: string;
-            thumbnailUrl: string | null;
-            type: SchemaTypes.MediaType;
-        }>;
-        shortVideoData: {
-            text: string | null;
-        } | null;
-    };
-};
-export declare const ShortVideoStreamComponentDataFragmentDoc: DocumentNode<ShortVideoStreamComponentDataFragment, unknown>;

package/dist/streams/components/short-video/operations.generated.js

@@ -1,193 +0,0 @@
-export const ShortVideoStreamComponentDataFragmentDoc = {
-    kind: 'Document',
-    definitions: [
-        {
-            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: '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' } }] }
-                                }
-                            ]
-                        }
-                    }
-                ]
-            }
-        }
-    ]
-};

package/dist/streams/components/short-video/operations.graphql

@@ -1,3 +0,0 @@
-fragment ShortVideoStreamComponentDataFragment on Post {
-  ...ShortVideoViewerPayloadFragment
-}

package/dist/streams/components/short-video/types.d.ts

@@ -1,2 +0,0 @@
-import type { ShortVideoViewerModel } from '../../../short-videos/short-video-viewer';
-export type ShortVideoStreamComponentData = ShortVideoViewerModel;

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

@@ -1,10 +0,0 @@
-import type { ITimeAgoLocalization } from '../../ui/time-ago';
-export interface IStreamComponentsLocalization {
-    viewsCount?: (count: number) => string;
-    timeAgoLocalization?: ITimeAgoLocalization;
-}
-export declare class StreamComponentsLocalization {
-    viewsCount: (count: number) => string;
-    timeAgoLocalization: ITimeAgoLocalization | undefined;
-    constructor(init?: IStreamComponentsLocalization);
-}

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

@@ -1,13 +0,0 @@
-export class StreamComponentsLocalization {
-    viewsCount = $state((count) => (count === 1 ? '1 view' : `${count} views`));
-    timeAgoLocalization = $state(undefined);
-    constructor(init) {
-        if (!init) {
-            return;
-        }
-        if (init.viewsCount !== undefined) {
-            this.viewsCount = init.viewsCount;
-        }
-        this.timeAgoLocalization = init.timeAgoLocalization;
-    }
-}

package/dist/streams/components/types.d.ts

@@ -1,27 +0,0 @@
-import type { ImagesComponentData } from './images';
-import type { ProductComponentData } from './product';
-import type { ShortVideoStreamComponentData } from './short-video';
-export type StreamComponentModel = ImagesStreamComponentModel | ShortVideoStreamComponentModel | ProductStreamComponentModel;
-export type ImagesStreamComponentModel = {
-    type: StreamComponentType.Images;
-    id: string;
-    slotId: string;
-    data: ImagesComponentData;
-};
-export type ShortVideoStreamComponentModel = {
-    type: StreamComponentType.ShortVideo;
-    id: string;
-    slotId: string;
-    data: ShortVideoStreamComponentData;
-};
-export type ProductStreamComponentModel = {
-    type: StreamComponentType.Product;
-    id: string;
-    slotId: string;
-    data: ProductComponentData;
-};
-export declare enum StreamComponentType {
-    Images = "IMAGES",
-    Product = "PRODUCT",
-    ShortVideo = "SHORT_VIDEO"
-}

package/dist/streams/components/types.js

@@ -1,6 +0,0 @@
-export var StreamComponentType;
-(function (StreamComponentType) {
-    StreamComponentType["Images"] = "IMAGES";
-    StreamComponentType["Product"] = "PRODUCT";
-    StreamComponentType["ShortVideo"] = "SHORT_VIDEO";
-})(StreamComponentType || (StreamComponentType = {}));

package/dist/streams/slots/cmp.stream-component-slot.svelte

@@ -1,35 +0,0 @@
-<script lang="ts">import { generatePaddingsCssVar } from './styles-transformer';
-let { model, children } = $props();
-const computeStyles = (settings) => {
-    const values = [`width: ${settings.width}%`, `height: ${settings.height}%`, `top: ${settings.top}%`, `left: ${settings.left}%`];
-    if (settings.styles) {
-        values.push(`padding: ${generatePaddingsCssVar(settings.styles)}`);
-    }
-    return values.join(';');
-};
-</script>
-
-<div class="slot" style={computeStyles(model)}>
-  <div class="slot__content">
-    {@render children()}
-  </div>
-</div>
-
-<style>@keyframes fadeIn {
-  0% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.4;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-.slot {
-  position: absolute;
-}
-.slot__content {
-  width: 100%;
-  height: 100%;
-}</style>

package/dist/streams/slots/index.d.ts

@@ -1,3 +0,0 @@
-export { default as StreamComponentSlot } from './cmp.stream-component-slot.svelte';
-export type { StreamComponentSlotModel } from './types';
-export { mapToStreamComponentSlotModel } from './mapper';

package/dist/streams/slots/index.js

@@ -1,2 +0,0 @@
-export { default as StreamComponentSlot } from './cmp.stream-component-slot.svelte';
-export { mapToStreamComponentSlotModel } from './mapper';

package/dist/streams/slots/mapper.d.ts

@@ -1,3 +0,0 @@
-import type { StreamComponentSlotFragment } from './operations.generated';
-import type { StreamComponentSlotModel } from './types';
-export declare const mapToStreamComponentSlotModel: (payload: StreamComponentSlotFragment) => StreamComponentSlotModel;

package/dist/streams/slots/mapper.js

@@ -1,18 +0,0 @@
-export const mapToStreamComponentSlotModel = (payload) => {
-    return {
-        id: payload.id,
-        allowedComponents: payload.allowedComponents,
-        top: payload.top,
-        left: payload.left,
-        width: payload.width,
-        height: payload.height,
-        styles: payload.styles
-            ? {
-                paddingTop: payload.styles.paddingTop,
-                paddingRight: payload.styles.paddingRight,
-                paddingBottom: payload.styles.paddingBottom,
-                paddingLeft: payload.styles.paddingLeft
-            }
-            : null
-    };
-};

package/dist/streams/slots/operations.generated.d.ts

@@ -1,17 +0,0 @@
-import type * as SchemaTypes from '../../../gql/types';
-import type { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';
-export type StreamComponentSlotFragment = {
-    id: string;
-    allowedComponents: Array<SchemaTypes.StreamComponentType>;
-    top: number;
-    left: number;
-    width: number;
-    height: number;
-    styles: {
-        paddingTop: number;
-        paddingRight: number;
-        paddingBottom: number;
-        paddingLeft: number;
-    } | null;
-};
-export declare const StreamComponentSlotFragmentDoc: DocumentNode<StreamComponentSlotFragment, unknown>;