@streamscloud/embeddable 1.1.2

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

@@ -0,0 +1,22 @@
+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

@@ -0,0 +1,34 @@
+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

@@ -0,0 +1,7 @@
+<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/cmp.images-component.svelte.d.ts

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1,3 @@
+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

@@ -0,0 +1,43 @@
+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

@@ -0,0 +1,178 @@
+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>;