@streamscloud/embeddable 1.2.0 → 2.0.1

package/dist/streams/components/cmp.stream-page-component.svelte

@@ -1,16 +0,0 @@
-<script lang="ts">import { StreamComponentsLocalization } from './stream-components-localization.svelte';
-import { ImagesComponent } from './images';
-import { ProductComponent } from './product';
-import { ShortVideoComponent } from './short-video';
-import { StreamComponentType } from './types';
-let { component, autoplay = true, localization: localizationInit } = $props();
-const localization = $derived(new StreamComponentsLocalization(localizationInit));
-</script>
-
-{#if component.type === StreamComponentType.ShortVideo}
-  <ShortVideoComponent model={component.data} autoplay={autoplay} localization={localization} />
-{:else if component.type === StreamComponentType.Product}
-  <ProductComponent model={component.data} />
-{:else if component.type === StreamComponentType.Images}
-  <ImagesComponent model={component.data} />
-{/if}

package/dist/streams/components/cmp.stream-page-component.svelte.d.ts

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

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

@@ -1,22 +0,0 @@
-import type { StreamMediaComponentMode } from './images/types';
-import type { ProductComponentData } from './product';
-import type { ShortVideoStreamComponentData } from './short-video';
-import { type ImagesStreamComponentModel, type ProductStreamComponentModel, type ShortVideoStreamComponentModel } from './types';
-export declare class StreamComponentsFactory {
-    static images: (init: {
-        images: string[];
-        mode: StreamMediaComponentMode;
-        slotId: string;
-        id?: string;
-    }) => ImagesStreamComponentModel;
-    static shortVideo: (init: {
-        data: ShortVideoStreamComponentData;
-        slotId: string;
-        id?: string;
-    }) => ShortVideoStreamComponentModel;
-    static product: (init: {
-        data: ProductComponentData;
-        slotId: string;
-        id?: string;
-    }) => ProductStreamComponentModel;
-}

package/dist/streams/components/components.factory.js

@@ -1,34 +0,0 @@
-import { StreamComponentType } from './types';
-import { nanoid } from 'nanoid';
-export class StreamComponentsFactory {
-    static images = (init) => {
-        const { images, mode, slotId, id = nanoid(7) } = init;
-        return {
-            type: StreamComponentType.Images,
-            id,
-            slotId,
-            data: {
-                images,
-                mode
-            }
-        };
-    };
-    static shortVideo = (init) => {
-        const { data, slotId, id = nanoid(7) } = init;
-        return {
-            type: StreamComponentType.ShortVideo,
-            id,
-            slotId,
-            data
-        };
-    };
-    static product = (init) => {
-        const { data, slotId, id = nanoid(7) } = init;
-        return {
-            type: StreamComponentType.Product,
-            id,
-            slotId,
-            data
-        };
-    };
-}

package/dist/streams/components/images/cmp.images-component.svelte

@@ -1,7 +0,0 @@
-<script lang="ts">import { Image } from '../../../ui/image';
-let { model } = $props();
-</script>
-
-{#if model.images.length === 1}
-  <Image src={model.images[0]} />
-{/if}

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

@@ -1,2 +0,0 @@
-export { default as ImagesComponent } from './cmp.images-component.svelte';
-export type { ImagesComponentData } from './types';

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

@@ -1 +0,0 @@
-export { default as ImagesComponent } from './cmp.images-component.svelte';

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

@@ -1,8 +0,0 @@
-export type ImagesComponentData = {
-    images: string[];
-    mode: StreamMediaComponentMode;
-};
-export declare enum StreamMediaComponentMode {
-    Gallery = "GALLERY",
-    Slider = "SLIDER"
-}

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

@@ -1,5 +0,0 @@
-export var StreamMediaComponentMode;
-(function (StreamMediaComponentMode) {
-    StreamMediaComponentMode["Gallery"] = "GALLERY";
-    StreamMediaComponentMode["Slider"] = "SLIDER";
-})(StreamMediaComponentMode || (StreamMediaComponentMode = {}));

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

@@ -1,7 +0,0 @@
-export type { StreamComponentModel, ProductStreamComponentModel, ImagesStreamComponentModel, ShortVideoStreamComponentModel } from './types';
-export { StreamComponentType } from './types';
-export { StreamComponentsFactory } from './components.factory';
-export { default as StreamPageComponent } from './cmp.stream-page-component.svelte';
-export { mapToShortVideoStreamComponentData, type ShortVideoStreamComponentData } from './short-video';
-export { mapToProductComponentData } from './product';
-export { mapToStreamComponentModel } from './mapper';

package/dist/streams/components/index.js

@@ -1,6 +0,0 @@
-export { StreamComponentType } from './types';
-export { StreamComponentsFactory } from './components.factory';
-export { default as StreamPageComponent } from './cmp.stream-page-component.svelte';
-export { mapToShortVideoStreamComponentData } from './short-video';
-export { mapToProductComponentData } from './product';
-export { mapToStreamComponentModel } from './mapper';

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

@@ -1,3 +0,0 @@
-import type { StreamComponentPayloadFragment } from './operations.generated';
-import { type StreamComponentModel } from './types';
-export declare const mapToStreamComponentModel: (payload: StreamComponentPayloadFragment) => StreamComponentModel | null;

package/dist/streams/components/mapper.js

@@ -1,43 +0,0 @@
-import { Utils } from '../../core/utils';
-import { StreamComponentsFactory } from './components.factory';
-import { mapToProductComponentData } from './product';
-import { mapToShortVideoStreamComponentData } from './short-video';
-import { StreamComponentType } from './types';
-export const mapToStreamComponentModel = (payload) => {
-    const params = payload.params;
-    if (params.shortVideo && !params.shortVideo.data) {
-        // short video is missing
-        console.error('Short video is missing');
-        return null;
-    }
-    if (params.product && !params.product.data) {
-        // short video is missing
-        console.error('Product is missing');
-        return null;
-    }
-    const payloadType = payload.type;
-    switch (payloadType) {
-        case StreamComponentType.Images: {
-            return StreamComponentsFactory.images({
-                slotId: payload.slotId,
-                mode: params.images.mode,
-                images: params.images.images.map((c) => c.url)
-            });
-        }
-        case StreamComponentType.Product: {
-            return StreamComponentsFactory.product({
-                slotId: payload.slotId,
-                data: mapToProductComponentData(params.product.data)
-            });
-        }
-        case StreamComponentType.ShortVideo: {
-            return StreamComponentsFactory.shortVideo({
-                slotId: payload.slotId,
-                data: mapToShortVideoStreamComponentData(params.shortVideo.data)
-            });
-        }
-        default: {
-            Utils.assertUnreachable(payloadType);
-        }
-    }
-};

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

@@ -1,178 +0,0 @@
-import type * as SchemaTypes from '../../../gql/types';
-import type { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';
-export type StreamComponentPayloadFragment = {
-    slotId: string;
-    type: SchemaTypes.StreamComponentType;
-    params: {
-        shortVideo: {
-            data: {
-                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;
-                };
-            } | null;
-        } | null;
-        images: {
-            mode: SchemaTypes.StreamMediaComponentMode;
-            images: Array<{
-                id: string;
-                url: string;
-            }>;
-        } | null;
-        product: {
-            data: {
-                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;
-                };
-            } | null;
-        } | null;
-    };
-};
-export type ShortVideoStreamComponentParamsFragment = {
-    data: {
-        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;
-        };
-    } | null;
-};
-export type ImagesStreamComponentParamsFragment = {
-    mode: SchemaTypes.StreamMediaComponentMode;
-    images: Array<{
-        id: string;
-        url: string;
-    }>;
-};
-export type ProductStreamComponentParamsFragment = {
-    data: {
-        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;
-        };
-    } | null;
-};
-export declare const ShortVideoStreamComponentParamsFragmentDoc: DocumentNode<ShortVideoStreamComponentParamsFragment, unknown>;
-export declare const ImagesStreamComponentParamsFragmentDoc: DocumentNode<ImagesStreamComponentParamsFragment, unknown>;
-export declare const ProductStreamComponentParamsFragmentDoc: DocumentNode<ProductStreamComponentParamsFragment, unknown>;
-export declare const StreamComponentPayloadFragmentDoc: DocumentNode<StreamComponentPayloadFragment, unknown>;