@streamscloud/embeddable 3.2.2 → 3.2.3

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

@@ -1,8 +1,6 @@
 import type { TextStreamElementModel } from '../elements';
-import type { Snippet } from 'svelte';
 type Props = {
     model: TextStreamElementModel;
-    placeholder?: Snippet;
 };
 declare const Cmp: import("svelte").Component<Props, {}, "">;
 type Cmp = ReturnType<typeof Cmp>;

package/dist/streams/layout/element-views/data-by-key-accessor.d.ts

@@ -1,3 +1,3 @@
-import type { StreamSlotDataRef } from '../slot-data-ref';
-export declare const getStringValueByKey: (data: StreamSlotDataRef, key: string) => string;
-export declare const getNumberValueByKey: (data: StreamSlotDataRef, key: string) => number;
+import type { StreamSlotData } from '../slot-data';
+export declare const getStringValueByKey: (data: StreamSlotData, key: string) => string;
+export declare const getNumberValueByKey: (data: StreamSlotData, key: string) => number;

package/dist/streams/layout/element-views/index.d.ts

@@ -1,16 +1,11 @@
-export { default as StreamElementView } from './cmp.stream-element.svelte';
-export { default as AnnotationStreamElementView } from './cmp.annotation-stream-element.svelte';
-export { default as ContainerStreamElementView } from './cmp.container-stream-element.svelte';
-export { default as ImageRefStreamElementView } from './cmp.image-ref-stream-element.svelte';
-export { default as ImagesStreamElementView } from './cmp.images-stream-element.svelte';
-export { default as PriceStreamElementView } from './cmp.price-stream-element.svelte';
-export { default as ShortVideoStreamElementView } from './cmp.short-video-stream-element.svelte';
-export { default as SpacerStreamElementView } from './cmp.spacer-stream-element.svelte';
-export { default as StockStreamElementView } from './cmp.stock-stream-element.svelte';
-export { default as TextRefStreamElementView } from './cmp.text-ref-stream-element.svelte';
-export { default as TextStreamElementView } from './cmp.text-stream-element.svelte';
-export { default as WebViewStreamElementView } from './cmp.web-view-stream-element.svelte';
-export type { IStreamElementLocalization } from './stream-element-localization';
-export type { IPriceStreamElementLocalization } from './price-stream-element-localization';
-export type { IStockStreamElementLocalization } from './stock-stream-element-localization';
-export type { IShortVideoStreamElementLocalization } from './short-video-stream-element-localization';
+export { default as StreamElement } from './cmp.stream-element.svelte';
+export { default as ContainerStreamElement } from './cmp.container-stream-element.svelte';
+export { default as ImageRefStreamElement } from './cmp.image-ref-stream-element.svelte';
+export { default as ImagesStreamElement } from './cmp.images-stream-element.svelte';
+export { default as PriceStreamElement } from './cmp.price-stream-element.svelte';
+export { default as ShortVideoStreamElement } from './cmp.short-video-stream-element.svelte';
+export { default as SpacerStreamElement } from './cmp.spacer-stream-element.svelte';
+export { default as TextRefStreamElement } from './cmp.text-ref-stream-element.svelte';
+export { default as TextStreamElement } from './cmp.text-stream-element.svelte';
+export type { IStreamElementLocalization } from './stream-element-localization.svelte';
+export type { IPriceStreamElementLocalization } from './price-stream-element-localization.svelte';

package/dist/streams/layout/element-views/index.js

@@ -1,12 +1,9 @@
-export { default as StreamElementView } from './cmp.stream-element.svelte';
-export { default as AnnotationStreamElementView } from './cmp.annotation-stream-element.svelte';
-export { default as ContainerStreamElementView } from './cmp.container-stream-element.svelte';
-export { default as ImageRefStreamElementView } from './cmp.image-ref-stream-element.svelte';
-export { default as ImagesStreamElementView } from './cmp.images-stream-element.svelte';
-export { default as PriceStreamElementView } from './cmp.price-stream-element.svelte';
-export { default as ShortVideoStreamElementView } from './cmp.short-video-stream-element.svelte';
-export { default as SpacerStreamElementView } from './cmp.spacer-stream-element.svelte';
-export { default as StockStreamElementView } from './cmp.stock-stream-element.svelte';
-export { default as TextRefStreamElementView } from './cmp.text-ref-stream-element.svelte';
-export { default as TextStreamElementView } from './cmp.text-stream-element.svelte';
-export { default as WebViewStreamElementView } from './cmp.web-view-stream-element.svelte';
+export { default as StreamElement } from './cmp.stream-element.svelte';
+export { default as ContainerStreamElement } from './cmp.container-stream-element.svelte';
+export { default as ImageRefStreamElement } from './cmp.image-ref-stream-element.svelte';
+export { default as ImagesStreamElement } from './cmp.images-stream-element.svelte';
+export { default as PriceStreamElement } from './cmp.price-stream-element.svelte';
+export { default as ShortVideoStreamElement } from './cmp.short-video-stream-element.svelte';
+export { default as SpacerStreamElement } from './cmp.spacer-stream-element.svelte';
+export { default as TextRefStreamElement } from './cmp.text-ref-stream-element.svelte';
+export { default as TextStreamElement } from './cmp.text-stream-element.svelte';

package/dist/streams/layout/element-views/price-stream-element-localization.svelte.d.ts

@@ -0,0 +1,9 @@
+export interface IPriceStreamElementLocalization {
+    saveValue?: (value: string | number) => string;
+    beforeValue?: (value: string) => string;
+}
+export declare class PriceStreamElementLocalization {
+    saveValue: (value: string | number) => string;
+    beforeValue: (value: string) => string;
+    constructor(init?: IPriceStreamElementLocalization);
+}

package/dist/streams/layout/element-views/price-stream-element-localization.svelte.js

@@ -0,0 +1,8 @@
+export class PriceStreamElementLocalization {
+    saveValue = $state((value) => `Save ${value}`);
+    beforeValue = $state((value) => `Before ${value}`);
+    constructor(init) {
+        this.saveValue = init?.saveValue ?? this.saveValue;
+        this.beforeValue = init?.beforeValue ?? this.beforeValue;
+    }
+}

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

@@ -0,0 +1,8 @@
+import type { IPriceStreamElementLocalization } from './price-stream-element-localization.svelte';
+export interface IStreamElementLocalization {
+    priceElementLocalization?: IPriceStreamElementLocalization;
+}
+export declare class StreamElementLocalization {
+    priceElementLocalization: IPriceStreamElementLocalization | undefined;
+    constructor(init?: IStreamElementLocalization);
+}

package/dist/streams/layout/element-views/stream-element-localization.svelte.js

@@ -0,0 +1,6 @@
+export class StreamElementLocalization {
+    priceElementLocalization = $state(undefined);
+    constructor(init) {
+        this.priceElementLocalization = init?.priceElementLocalization ?? this.priceElementLocalization;
+    }
+}

package/dist/streams/layout/elements.d.ts

@@ -1,86 +1,51 @@
-import { StreamElementType, ImagesStreamElementMode, AnnotationStreamElementPlacement, StockStreamElementLevel } from './enums';
-import type { ImageStreamElementStyles, TextStreamElementStyles, ContainerStreamElementStyles, PriceStreamElementStyles, AnnotationStreamElementStyles, StockStreamElementStyles } from './styles';
-export type StreamElementModel = AnnotationStreamElementModel | ContainerStreamElementModel | ImageRefStreamElementModel | ImagesStreamElementModel | PriceStreamElementModel | ShortVideoStreamElementModel | SpacerStreamElementModel | StockStreamElementModel | TextStreamElementModel | TextRefStreamElementModel | WebViewStreamElementModel;
-export type AnnotationStreamElementModel = {
-    type: StreamElementType.Annotation;
-    $id: string;
-    name?: string | null;
-    svg: string;
-    inactive: boolean;
-    placement: AnnotationStreamElementPlacement;
-    styles: AnnotationStreamElementStyles;
-};
+import { StreamElementType, ImagesImagesElementMode } from './enums';
+import type { ImageStreamElementStyles, TextStreamElementStyles, ContainerStreamElementStyles, PriceStreamElementStyles } from './styles';
+export type StreamElementModel = ContainerStreamElementModel | ImageRefStreamElementModel | ImagesStreamElementModel | PriceStreamElementModel | SpacerStreamElementModel | ShortVideoStreamElementModel | TextStreamElementModel | TextRefStreamElementModel;
 export type ContainerStreamElementModel = {
     type: StreamElementType.Container;
-    $id: string;
-    name?: string | null;
+    id?: string;
     elements: StreamElementModel[];
     customizable: boolean | null;
     styles: ContainerStreamElementStyles | null;
 };
 export type ImagesStreamElementModel = {
     type: StreamElementType.Images;
-    $id: string;
-    name?: string | null;
-    mode: ImagesStreamElementMode;
+    id?: string;
+    mode: ImagesImagesElementMode;
 };
 export type ImageRefStreamElementModel = {
     type: StreamElementType.ImageRef;
-    $id: string;
-    name?: string | null;
+    id?: string;
     key: string;
-    annotations?: AnnotationStreamElementModel[] | null;
     styles: ImageStreamElementStyles | null;
 };
 export type PriceStreamElementModel = {
     type: StreamElementType.Price;
-    $id: string;
-    name?: string | null;
+    id?: string;
     excludeBeforePrice: boolean | null;
     includeCurrency: boolean | null;
-    textAfter: string | null;
-    stock?: StockStreamElementModel | null;
     styles: PriceStreamElementStyles | null;
 };
 export type ShortVideoStreamElementModel = {
     type: StreamElementType.ShortVideo;
-    $id: string;
-    name?: string | null;
+    id?: string;
 };
 export type SpacerStreamElementModel = {
     type: StreamElementType.Spacer;
-    $id: string;
-    name?: string | null;
+    id?: string;
     value: number | null;
 };
-export type StockStreamElementModel = {
-    type: StreamElementType.Stock;
-    $id: string;
-    name?: string | null;
-    level: StockStreamElementLevel;
-    quantity: number;
-    textAfter: string | null;
-    styles: StockStreamElementStyles | null;
-};
 export type TextStreamElementModel = {
     type: StreamElementType.Text;
-    $id: string;
-    name?: string | null;
+    id?: string;
     value: string | null;
     styles: TextStreamElementStyles | null;
 };
 export type TextRefStreamElementModel = {
     type: StreamElementType.TextRef;
-    $id: string;
-    name?: string | null;
+    id?: string;
     key: string;
     valueBefore: string | null;
     valueAfter: string | null;
     styles: TextStreamElementStyles | null;
 };
-export type WebViewStreamElementModel = {
-    type: StreamElementType.WebView;
-    $id: string;
-    name?: string | null;
-    url: string | null;
-};

package/dist/streams/layout/elements.js

@@ -1 +1 @@
-import { StreamElementType, ImagesStreamElementMode, AnnotationStreamElementPlacement, StockStreamElementLevel } from './enums';
+import { StreamElementType, ImagesImagesElementMode } from './enums';

package/dist/streams/layout/enums.d.ts

@@ -1,39 +1,23 @@
 export declare enum StreamComponentDataType {
     Images = "IMAGES",
-    NoData = "NO_DATA",
     ShortVideo = "SHORT_VIDEO",
     Product = "PRODUCT"
 }
 export declare enum StreamElementType {
-    Annotation = "ANNOTATION",
     Container = "CONTAINER",
     ImageRef = "IMAGE_REF",
     Images = "IMAGES",
     Price = "PRICE",
-    ShortVideo = "SHORT_VIDEO",
     Spacer = "SPACER",
-    Stock = "STOCK",
+    ShortVideo = "SHORT_VIDEO",
     Text = "TEXT",
-    TextRef = "TEXT_REF",
-    WebView = "WEB_VIEW"
-}
-export declare enum AnnotationStreamElementPlacement {
-    TopLeft = "TOP_LEFT",
-    TopRight = "TOP_RIGHT",
-    BottomLeft = "BOTTOM_LEFT",
-    BottomRight = "BOTTOM_RIGHT"
+    TextRef = "TEXT_REF"
 }
-export declare enum ImagesStreamElementMode {
+export declare enum ImagesImagesElementMode {
     Single = "SINGLE",
     Gallery = "GALLERY",
     Slider = "SLIDER"
 }
-export declare enum StockStreamElementLevel {
-    High = "HIGH",
-    Medium = "MEDIUM",
-    Low = "LOW",
-    OutOfStock = "OUT_OF_STOCK"
-}
 export declare enum StreamElementStyleMediaFit {
     Cover = "COVER",
     Contain = "CONTAIN"
@@ -59,18 +43,3 @@ export declare enum StreamCssValueType {
     DDU = "DDU",
     Pct = "PCT"
 }
-export declare enum StreamSvgTextValueType {
-    customText = "STREAM_SVG_CUSTOM_TEXT",
-    currency = "STREAM_SVG_CURRENCY",
-    currencySymbol = "STREAM_SVG_CURRENCY_SYMBOL",
-    price = "STREAM_SVG_PRODUCT_PRICE",
-    priceWhole = "STREAM_SVG_PRODUCT_PRICE_WHOLE",
-    priceDecimal = "STREAM_SVG_PRODUCT_PRICE_DECIMAL",
-    beforePrice = "STREAM_SVG_PRODUCT_BEFORE_PRICE",
-    beforePriceWhole = "STREAM_SVG_PRODUCT_BEFORE_PRICE_WHOLE",
-    beforePriceDecimal = "STREAM_SVG_PRODUCT_BEFORE_PRICE_DECIMAL",
-    saveValue = "STREAM_SVG_PRODUCT_SAVE_VALUE",
-    saveValueWhole = "STREAM_SVG_PRODUCT_SAVE_VALUE_WHOLE",
-    saveValueDecimal = "STREAM_SVG_PRODUCT_SAVE_VALUE_DECIMAL",
-    savePercentValue = "STREAM_SVG_PRODUCT_SAVE_PERCENT_VALUE"
-}

package/dist/streams/layout/enums.js

@@ -1,44 +1,26 @@
 export var StreamComponentDataType;
 (function (StreamComponentDataType) {
     StreamComponentDataType["Images"] = "IMAGES";
-    StreamComponentDataType["NoData"] = "NO_DATA";
     StreamComponentDataType["ShortVideo"] = "SHORT_VIDEO";
     StreamComponentDataType["Product"] = "PRODUCT";
 })(StreamComponentDataType || (StreamComponentDataType = {}));
 export var StreamElementType;
 (function (StreamElementType) {
-    StreamElementType["Annotation"] = "ANNOTATION";
     StreamElementType["Container"] = "CONTAINER";
     StreamElementType["ImageRef"] = "IMAGE_REF";
     StreamElementType["Images"] = "IMAGES";
     StreamElementType["Price"] = "PRICE";
-    StreamElementType["ShortVideo"] = "SHORT_VIDEO";
     StreamElementType["Spacer"] = "SPACER";
-    StreamElementType["Stock"] = "STOCK";
+    StreamElementType["ShortVideo"] = "SHORT_VIDEO";
     StreamElementType["Text"] = "TEXT";
     StreamElementType["TextRef"] = "TEXT_REF";
-    StreamElementType["WebView"] = "WEB_VIEW";
 })(StreamElementType || (StreamElementType = {}));
-export var AnnotationStreamElementPlacement;
-(function (AnnotationStreamElementPlacement) {
-    AnnotationStreamElementPlacement["TopLeft"] = "TOP_LEFT";
-    AnnotationStreamElementPlacement["TopRight"] = "TOP_RIGHT";
-    AnnotationStreamElementPlacement["BottomLeft"] = "BOTTOM_LEFT";
-    AnnotationStreamElementPlacement["BottomRight"] = "BOTTOM_RIGHT";
-})(AnnotationStreamElementPlacement || (AnnotationStreamElementPlacement = {}));
-export var ImagesStreamElementMode;
-(function (ImagesStreamElementMode) {
-    ImagesStreamElementMode["Single"] = "SINGLE";
-    ImagesStreamElementMode["Gallery"] = "GALLERY";
-    ImagesStreamElementMode["Slider"] = "SLIDER";
-})(ImagesStreamElementMode || (ImagesStreamElementMode = {}));
-export var StockStreamElementLevel;
-(function (StockStreamElementLevel) {
-    StockStreamElementLevel["High"] = "HIGH";
-    StockStreamElementLevel["Medium"] = "MEDIUM";
-    StockStreamElementLevel["Low"] = "LOW";
-    StockStreamElementLevel["OutOfStock"] = "OUT_OF_STOCK";
-})(StockStreamElementLevel || (StockStreamElementLevel = {}));
+export var ImagesImagesElementMode;
+(function (ImagesImagesElementMode) {
+    ImagesImagesElementMode["Single"] = "SINGLE";
+    ImagesImagesElementMode["Gallery"] = "GALLERY";
+    ImagesImagesElementMode["Slider"] = "SLIDER";
+})(ImagesImagesElementMode || (ImagesImagesElementMode = {}));
 export var StreamElementStyleMediaFit;
 (function (StreamElementStyleMediaFit) {
     StreamElementStyleMediaFit["Cover"] = "COVER";
@@ -70,24 +52,3 @@ export var StreamCssValueType;
     StreamCssValueType["DDU"] = "DDU";
     StreamCssValueType["Pct"] = "PCT";
 })(StreamCssValueType || (StreamCssValueType = {}));
-export var StreamSvgTextValueType;
-(function (StreamSvgTextValueType) {
-    /* Generic text */
-    StreamSvgTextValueType["customText"] = "STREAM_SVG_CUSTOM_TEXT";
-    /* Currency info */
-    StreamSvgTextValueType["currency"] = "STREAM_SVG_CURRENCY";
-    StreamSvgTextValueType["currencySymbol"] = "STREAM_SVG_CURRENCY_SYMBOL";
-    /* Product actual price */
-    StreamSvgTextValueType["price"] = "STREAM_SVG_PRODUCT_PRICE";
-    StreamSvgTextValueType["priceWhole"] = "STREAM_SVG_PRODUCT_PRICE_WHOLE";
-    StreamSvgTextValueType["priceDecimal"] = "STREAM_SVG_PRODUCT_PRICE_DECIMAL";
-    /* Product price before sales (if applicable) */
-    StreamSvgTextValueType["beforePrice"] = "STREAM_SVG_PRODUCT_BEFORE_PRICE";
-    StreamSvgTextValueType["beforePriceWhole"] = "STREAM_SVG_PRODUCT_BEFORE_PRICE_WHOLE";
-    StreamSvgTextValueType["beforePriceDecimal"] = "STREAM_SVG_PRODUCT_BEFORE_PRICE_DECIMAL";
-    /* “Save” / discount values */
-    StreamSvgTextValueType["saveValue"] = "STREAM_SVG_PRODUCT_SAVE_VALUE";
-    StreamSvgTextValueType["saveValueWhole"] = "STREAM_SVG_PRODUCT_SAVE_VALUE_WHOLE";
-    StreamSvgTextValueType["saveValueDecimal"] = "STREAM_SVG_PRODUCT_SAVE_VALUE_DECIMAL";
-    StreamSvgTextValueType["savePercentValue"] = "STREAM_SVG_PRODUCT_SAVE_PERCENT_VALUE";
-})(StreamSvgTextValueType || (StreamSvgTextValueType = {}));

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

@@ -1,12 +1,19 @@
-import { StreamComponentDataType } from './enums';
+import { StreamComponentDataType, StreamElementType } from './enums';
 import type { StreamLayout } from './layout';
 import type { StreamLayoutShortVideoModel } from './models';
 import type { StreamSlot } from './slot';
+import type { ContainerStreamElementStyles, ImageStreamElementStyles, PriceStreamElementStyles, TextStreamElementStyles } from './styles';
 export { default as StreamPageLayout } from './cmp.layout.svelte';
 export { default as StreamLayoutSlot } from './cmp.slot.svelte';
 export { default as StreamLayoutSlotContent } from './cmp.slot-content.svelte';
 export * from './layout';
-export * from './svg-attributes';
-export { parseToStreamLayout, parseToStreamLayoutTemplate, stringifyToStreamLayoutInput, IdPopulator } from './serializer.svelte';
+export { parseToStreamLayout, stringifyToStreamLayoutInput } from './serializer';
 export declare const getAllowedDataTypesForSlot: (slot: StreamSlot) => StreamComponentDataType[];
 export declare const getSingleShortVideoFromLayout: (layout: StreamLayout) => StreamLayoutShortVideoModel | null;
+export type ElementTypeToStyles = {
+    [StreamElementType.Container]: ContainerStreamElementStyles;
+    [StreamElementType.Price]: PriceStreamElementStyles;
+    [StreamElementType.ImageRef]: ImageStreamElementStyles;
+    [StreamElementType.Text]: TextStreamElementStyles;
+    [StreamElementType.TextRef]: TextStreamElementStyles;
+};

package/dist/streams/layout/index.js

@@ -1,10 +1,9 @@
-import { StreamComponentDataType } from './enums';
+import { StreamComponentDataType, StreamElementType } from './enums';
 export { default as StreamPageLayout } from './cmp.layout.svelte';
 export { default as StreamLayoutSlot } from './cmp.slot.svelte';
 export { default as StreamLayoutSlotContent } from './cmp.slot-content.svelte';
 export * from './layout';
-export * from './svg-attributes';
-export { parseToStreamLayout, parseToStreamLayoutTemplate, stringifyToStreamLayoutInput, IdPopulator } from './serializer.svelte';
+export { parseToStreamLayout, stringifyToStreamLayoutInput } from './serializer';
 export const getAllowedDataTypesForSlot = (slot) => {
     return slot.components.flatMap((c) => c.dataType);
 };

package/dist/streams/layout/layout.d.ts

@@ -1,8 +1,6 @@
 import type { StreamSlot, StreamSlotInput, StreamSlotTemplate } from './slot';
 import type { StreamLayoutStyles } from './styles';
 export type StreamLayoutTemplate = {
-    $id: string;
-    name?: string | null;
     styles: StreamLayoutStyles | null;
     slots: StreamSlotTemplate[];
 };
@@ -10,5 +8,6 @@ export type StreamLayoutInput = Omit<StreamLayoutTemplate, 'slots'> & {
     slots: StreamSlotInput[];
 };
 export type StreamLayout = Omit<StreamLayoutTemplate, 'slots'> & {
+    id?: string;
     slots: StreamSlot[];
 };

package/dist/streams/layout/models/index.d.ts

@@ -2,5 +2,5 @@ export { mapToShortVideoViewerModel } from './mapper';
 export type { StreamLayoutBlobModel } from './stream-layout-blob-model';
 export type { StreamLayoutMediaItemModel } from './stream-layout-media-item-model';
 export type { StreamLayoutPostHeaderModel } from './stream-layout-post-header-model';
-export type { StreamLayoutProductModel, StreamLayoutProductPriceModel } from './stream-layout-product-model';
+export type { StreamLayoutProductModel } from './stream-layout-product-model';
 export type { StreamLayoutShortVideoModel, StreamLayoutShortVideoProductModel, StreamLayoutShortVideoAdModel } from './stream-layout-short-video-model';

package/dist/streams/layout/models/mapper.js

@@ -57,7 +57,6 @@ const mapToProductCardModel = (model) => {
         link: model.link,
         currency: model.currency,
         price: model.price,
-        salePrice: model.salePrice,
-        shortDescription: model.shortDescription ?? null
+        salePrice: model.salePrice
     };
 };

package/dist/streams/layout/models/stream-layout-media-item-model.d.ts

@@ -1,4 +1,4 @@
-import { MediaType } from '../../../core/enums';
+import { MediaType } from '../../..';
 export type StreamLayoutMediaItemModel = {
     url: string;
     thumbnailUrl: string | null;

package/dist/streams/layout/models/stream-layout-media-item-model.js

@@ -1 +1 @@
-import { MediaType } from '../../../core/enums';
+import { MediaType } from '../../..';

package/dist/streams/layout/models/stream-layout-post-header-model.d.ts

@@ -1,4 +1,4 @@
-import type { PostSourceType } from '../../../core/enums';
+import type { PostSourceType } from '$gql/types';
 export type StreamLayoutPostHeaderModel = {
     sourceId: string;
     sourceName: string;

package/dist/streams/layout/models/stream-layout-product-model.d.ts

@@ -7,7 +7,7 @@ export type StreamLayoutProductModel = {
     link: string | null;
     price: StreamLayoutProductPriceModel;
 };
-export type StreamLayoutProductPriceModel = {
+type StreamLayoutProductPriceModel = {
     price: number;
     currency: Currency;
     salePrice: number | null;
@@ -16,3 +16,4 @@ export type StreamLayoutProductPriceModel = {
     saveValue: string | null;
     savePercentValue: string | null;
 };
+export {};

package/dist/streams/layout/models/stream-layout-short-video-model.d.ts

@@ -28,8 +28,4 @@ export type StreamLayoutShortVideoProductModel = {
     price: number;
     currency: Currency;
     salePrice: number | null;
-    brand?: {
-        name?: string | null;
-    };
-    shortDescription?: string | null;
 };

package/dist/streams/layout/serializer.d.ts

@@ -0,0 +1,3 @@
+import type { StreamLayout } from './layout';
+export declare const parseToStreamLayout: (value: string) => StreamLayout;
+export declare const stringifyToStreamLayoutInput: (layout: StreamLayout) => string;

package/dist/streams/layout/serializer.js

@@ -0,0 +1,6 @@
+export const parseToStreamLayout = (value) => {
+    return JSON.parse(value);
+};
+export const stringifyToStreamLayoutInput = (layout) => {
+    return JSON.stringify(layout);
+};

package/dist/streams/layout/slot.d.ts

@@ -2,8 +2,6 @@ import type { StreamComponent } from './component';
 import type { StreamSlotData } from './slot-data';
 import type { StreamSlotDataInput } from './slot-data-input';
 export type StreamSlotTemplate = {
-    $id: string;
-    name?: string | null;
     top: number;
     left: number;
     width: number;

package/dist/streams/layout/styles-transformer.d.ts

@@ -1,8 +1,7 @@
-import { StreamElementStyleFontFamily, StreamElementStyleFontWeight, StreamElementStyleHorizontalAlign, AnnotationStreamElementPlacement } from './enums';
-import type { AnnotationStreamElementStyles, ContainerStreamElementStyles, ImageStreamElementStyles, StreamLayoutStyles, TextStreamElementStyles } from './styles';
+import { StreamElementStyleFontFamily, StreamElementStyleFontWeight, StreamElementStyleHorizontalAlign } from './enums';
+import type { ContainerStreamElementStyles, ImageStreamElementStyles, StreamLayoutStyles, TextStreamElementStyles } from './styles';
 export declare const generateStreamLayoutStyles: (styles: StreamLayoutStyles | null) => string;
 export declare const generateContainerStyles: (styles: Partial<ContainerStreamElementStyles> | null) => string;
-export declare const generateAnnotationStyles: (styles: AnnotationStreamElementStyles, placement: AnnotationStreamElementPlacement) => string;
 export declare const generateTextStyles: (styles: Partial<TextStreamElementStyles> | null) => string;
 export declare const generateImageStyles: (styles: Partial<ImageStreamElementStyles> | null) => string;
 export declare const mapFontFamily: (value: StreamElementStyleFontFamily | null | undefined) => string;

package/dist/streams/layout/styles-transformer.js

@@ -1,77 +1,53 @@
 import { Utils } from '../../core/utils';
-import { StreamCssValueType, StreamElementStyleDirection, StreamElementStyleFontFamily, StreamElementStyleFontWeight, StreamElementStyleMediaFit, StreamElementStyleHorizontalAlign, AnnotationStreamElementPlacement } from './enums';
+import { StreamCssValueType, StreamElementStyleDirection, StreamElementStyleFontFamily, StreamElementStyleFontWeight, StreamElementStyleMediaFit, StreamElementStyleHorizontalAlign } from './enums';
 export const generateStreamLayoutStyles = (styles) => {
     if (!styles) {
         return '';
     }
-    const values = [`background-color: ${transformColorValue(styles.backgroundColor)}`, `font-family: ${mapFontFamily(styles.fontFamily)}`];
-    return values.join(';');
+    const values = [`background-color: ${transformColorValue(styles.backgroundColor)};`, `font-family: ${mapFontFamily(styles.fontFamily)};`];
+    return values.join('');
 };
 export const generateContainerStyles = (styles) => {
     styles = styles || {};
     const values = [
-        'display: flex',
-        'flex-direction: column',
-        `width: ${transformCssValue(styles.width, 'auto')}`,
-        `height: ${transformCssValue(styles.height, 'fit-content')}`,
-        `aspect-ratio: ${styles.aspectRatio || 'auto'}`,
-        `gap: ${transformNumericValue(styles.gap)}`,
-        `padding-top: ${transformNumericValue(styles.paddingTop)}`,
-        `padding-right: ${transformNumericValue(styles.paddingRight)}`,
-        `padding-bottom: ${transformNumericValue(styles.paddingBottom)}`,
-        `padding-left: ${transformNumericValue(styles.paddingLeft)}`,
-        `background-color: ${transformColorValue(styles.backgroundColor)}`,
-        `border-width: ${styles.borderColor ? '1px' : '0'}`,
-        `border-radius: ${transformNumericValue(styles.borderRadius)}`,
-        `border-color: ${transformColorValue(styles.borderColor)}`,
-        `overflow: ${styles.borderRadius ? 'hidden' : 'visible'}`
+        'display: flex;',
+        'flex-direction: column;',
+        `width: ${transformCssValue(styles.width, 'auto')};`,
+        `height: ${transformCssValue(styles.height, 'fit-content')};`,
+        `aspect-ratio: ${styles.aspectRatio || 'auto'};`,
+        `gap: ${transformNumericValue(styles.gap)};`,
+        `padding-top: ${transformNumericValue(styles.paddingTop)};`,
+        `padding-right: ${transformNumericValue(styles.paddingRight)};`,
+        `padding-bottom: ${transformNumericValue(styles.paddingBottom)};`,
+        `padding-left: ${transformNumericValue(styles.paddingLeft)};`,
+        `background-color: ${transformColorValue(styles.backgroundColor)};`,
+        `border-width: ${styles.borderColor ? '1px' : '0'};`,
+        `border-radius: ${transformNumericValue(styles.borderRadius)};`,
+        `border-color: ${transformColorValue(styles.borderColor)};`,
+        `overflow: ${styles.borderRadius ? 'hidden' : 'visible'};`
     ];
     if (styles.direction) {
-        values.push(`display: flex`);
-        values.push(`flex-direction: ${styles.direction === StreamElementStyleDirection.Horizontal ? 'row' : 'column'}`);
+        values.push(`display: flex;`);
+        values.push(`flex-direction: ${styles.direction === StreamElementStyleDirection.Horizontal ? 'row' : 'column'};`);
     }
-    return values.join(';');
-};
-export const generateAnnotationStyles = (styles, placement) => {
-    const values = [`height: ${transformNumericValue(styles.height)}`, `aspect-ratio: ${styles.aspectRatio}`, 'position: absolute'];
-    switch (placement) {
-        case AnnotationStreamElementPlacement.TopLeft:
-            values.push(`top: ${transformNumericValue(styles.offsetY)}`);
-            values.push(`left: ${transformNumericValue(styles.offsetX)}`);
-            break;
-        case AnnotationStreamElementPlacement.TopRight:
-            values.push(`top: ${transformNumericValue(styles.offsetY)}`);
-            values.push(`right: ${transformNumericValue(styles.offsetX)}`);
-            break;
-        case AnnotationStreamElementPlacement.BottomLeft:
-            values.push(`bottom: ${transformNumericValue(styles.offsetY)}`);
-            values.push(`left: ${transformNumericValue(styles.offsetX)}`);
-            break;
-        case AnnotationStreamElementPlacement.BottomRight:
-            values.push(`bottom: ${transformNumericValue(styles.offsetY)}`);
-            values.push(`right: ${transformNumericValue(styles.offsetX)}`);
-            break;
-        default:
-            Utils.assertUnreachable(placement);
-    }
-    return values.join(';');
+    return values.join('');
 };
 export const generateTextStyles = (styles) => {
     styles = styles || {};
     const values = [
-        `font-family: ${mapFontFamily(styles.fontFamily)}`,
-        `font-size: ${transformFontSizeValue(styles.fontSize)}`,
-        `font-weight: ${mapFontWeight(styles.fontWeight)}`,
-        `line-height: ${transformNumericValue(styles.lineHeight, '1.2')}`,
-        `text-align: ${mapTextAlign(styles.textAlign)}`,
-        `color: ${transformColorValue(styles.color)}`
+        `font-family: ${mapFontFamily(styles.fontFamily)};`,
+        `font-size: ${transformFontSizeValue(styles.fontSize)};`,
+        `font-weight: ${mapFontWeight(styles.fontWeight)};`,
+        `line-height: ${transformNumericValue(styles.lineHeight, '1.2')};`,
+        `text-align: ${mapTextAlign(styles.textAlign)};`,
+        `color: ${transformColorValue(styles.color)};`
     ];
-    return values.join(';');
+    return values.join('');
 };
 export const generateImageStyles = (styles) => {
     styles = styles || {};
-    const imageStyles = [`object-fit: ${mapMediaFit(styles.mediaFit)}`];
-    return imageStyles.join(';');
+    const imageStyles = [`object-fit: ${mapMediaFit(styles.mediaFit)};`];
+    return imageStyles.join('');
 };
 export const mapFontFamily = (value) => {
     switch (value) {