@streamscloud/embeddable 3.2.2 → 3.2.4

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

@@ -1,9 +0,0 @@
-import { type Locale } from '../../../core/locale';
-import type { IShortVideoViewerLocalization } from '../../../short-videos/short-video-viewer';
-export interface IShortVideoStreamElementLocalization {
-    shortVideoViewerLocalization?: IShortVideoViewerLocalization | Locale;
-}
-export declare class ShortVideoStreamElementLocalization {
-    shortVideoViewerLocalization: IShortVideoViewerLocalization | Locale;
-    constructor(init: IShortVideoStreamElementLocalization | Locale);
-}

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

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

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

@@ -1,8 +0,0 @@
-import { type Locale } from '../../../core/locale';
-export interface IStockStreamElementLocalization {
-    quantity?: (value: number, low: boolean) => string;
-}
-export declare class StockStreamElementLocalization {
-    quantity: (value: number, low: boolean) => string;
-    constructor(init: IStockStreamElementLocalization | Locale);
-}

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

@@ -1,26 +0,0 @@
-import { isLocale } from '../../../core/locale';
-export class StockStreamElementLocalization {
-    quantity;
-    constructor(init) {
-        this.quantity = isLocale(init) ? loc.quantity[init] : init.quantity || loc.quantity.en;
-    }
-}
-const loc = {
-    quantity: {
-        en: (value, low) => {
-            if (value === 0) {
-                return 'Out of stock';
-            }
-            const plusMark = low || value < 2 ? '' : '+';
-            const unit = value === 1 ? 'pc' : 'pcs';
-            return `${value}${plusMark} ${unit} in stock`;
-        },
-        no: (value, low) => {
-            if (value === 0) {
-                return 'Ikke på lager';
-            }
-            const plusMark = low || value < 2 ? '' : '+';
-            return `${value}${plusMark} stk. på lager`;
-        }
-    }
-};

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

@@ -1,15 +0,0 @@
-import { type Locale } from '../../../core/locale';
-import type { IPriceStreamElementLocalization } from './price-stream-element-localization';
-import type { IShortVideoStreamElementLocalization } from './short-video-stream-element-localization';
-import type { IStockStreamElementLocalization } from './stock-stream-element-localization';
-export interface IStreamElementLocalization {
-    priceElementLocalization?: IPriceStreamElementLocalization | Locale;
-    stockElementLocalization?: IStockStreamElementLocalization | Locale;
-    shortVideoElementLocalization?: IShortVideoStreamElementLocalization | Locale;
-}
-export declare class StreamElementLocalization {
-    priceElementLocalization: IPriceStreamElementLocalization | Locale;
-    stockElementLocalization: IStockStreamElementLocalization | Locale;
-    shortVideoElementLocalization: IShortVideoStreamElementLocalization | Locale;
-    constructor(init: IStreamElementLocalization | Locale);
-}

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

@@ -1,11 +0,0 @@
-import { isLocale } from '../../../core/locale';
-export class StreamElementLocalization {
-    priceElementLocalization;
-    stockElementLocalization;
-    shortVideoElementLocalization;
-    constructor(init) {
-        this.priceElementLocalization = isLocale(init) ? init : init.priceElementLocalization || 'en';
-        this.stockElementLocalization = isLocale(init) ? init : init.stockElementLocalization || 'en';
-        this.shortVideoElementLocalization = isLocale(init) ? init : init.shortVideoElementLocalization || 'en';
-    }
-}

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

@@ -1,29 +0,0 @@
-import type { StreamElementModel } from './elements';
-import type { StreamLayout, StreamLayoutTemplate } from './layout';
-export declare const parseToStreamLayout: (value: string) => StreamLayout;
-export declare const parseToStreamLayoutTemplate: (value: string) => StreamLayoutTemplate;
-export declare const stringifyToStreamLayoutInput: (layout: StreamLayout | StreamLayoutTemplate) => string;
-export declare class IdPopulator {
-    static populateLayoutIds(layout: {
-        $id: string;
-        slots: {
-            $id: string;
-            components: {
-                $id: string;
-                elements: StreamElementModel[];
-            }[];
-        }[];
-    }): void;
-    static populateSlotIds(slot: {
-        $id: string;
-        components: {
-            $id: string;
-            elements: StreamElementModel[];
-        }[];
-    }): void;
-    static populateComponentIds(component: {
-        $id: string;
-        elements: StreamElementModel[];
-    }): void;
-    static populateElementId(element: StreamElementModel): void;
-}

package/dist/streams/layout/serializer.svelte.js

@@ -1,93 +0,0 @@
-import { Utils } from '../../core/utils';
-import { StreamComponentDataType, StreamElementType } from './enums';
-import { nanoid } from 'nanoid';
-export const parseToStreamLayout = (value) => {
-    const layout = JSON.parse(value);
-    IdPopulator.populateLayoutIds(layout);
-    return layout;
-};
-export const parseToStreamLayoutTemplate = (value) => {
-    const layout = JSON.parse(value);
-    IdPopulator.populateLayoutIds(layout);
-    return layout;
-};
-export const stringifyToStreamLayoutInput = (layout) => {
-    const clone = structuredClone($state.snapshot(layout));
-    // @ts-expect-error - clearing local data before sending to the server - clearing local data before sending to the server
-    delete clone.$id;
-    if (clone.slots) {
-        clone.slots.forEach((slot) => {
-            // @ts-expect-error - clearing local data before sending to the server
-            delete slot.$id;
-            slot.components.forEach((component) => {
-                // @ts-expect-error - clearing local data before sending to the server
-                delete component.$id;
-                component.elements.forEach(removeElementIdRecursive);
-            });
-            if ('data' in slot && slot.data) {
-                const data = slot.data;
-                switch (data.type) {
-                    case StreamComponentDataType.Images:
-                        // @ts-expect-error - clearing local data before sending to the server
-                        delete data.items;
-                        break;
-                    case StreamComponentDataType.ShortVideo:
-                        // @ts-expect-error - clearing local data before sending to the server
-                        delete data.shortVideo;
-                        break;
-                    case StreamComponentDataType.Product:
-                        // @ts-expect-error - clearing local data before sending to the server
-                        delete data.product;
-                        break;
-                    default:
-                        Utils.assertUnreachable(data);
-                }
-            }
-        });
-    }
-    return JSON.stringify(clone);
-};
-const removeElementIdRecursive = (element) => {
-    // @ts-expect-error - clearing local data before sending to the server
-    delete element.$id;
-    if (element.type === StreamElementType.Container && Array.isArray(element.elements)) {
-        element.elements.forEach(removeElementIdRecursive);
-    }
-    if (element.type === StreamElementType.ImageRef && Array.isArray(element.annotations)) {
-        element.annotations.forEach((annotation) => {
-            // @ts-expect-error - clearing local data before sending to the server
-            delete annotation.$id;
-        });
-    }
-    if (element.type === StreamElementType.Price && element.stock) {
-        // @ts-expect-error - clearing local data before sending to the server
-        delete element.stock.$id;
-    }
-};
-export class IdPopulator {
-    static populateLayoutIds(layout) {
-        layout.$id = nanoid(10);
-        layout.slots.forEach((slot) => IdPopulator.populateSlotIds(slot));
-    }
-    static populateSlotIds(slot) {
-        slot.$id = nanoid(10);
-        slot.components.forEach((component) => IdPopulator.populateComponentIds(component));
-    }
-    static populateComponentIds(component) {
-        component.$id = nanoid(10);
-        component.elements.forEach((element) => IdPopulator.populateElementId(element));
-    }
-    static populateElementId(element) {
-        element.$id = nanoid(10);
-        // Рекурсивно обрабатываем дочерние элементы
-        if (element.type === StreamElementType.Container && element.elements) {
-            element.elements.forEach((element) => IdPopulator.populateElementId(element));
-        }
-        if (element.type === StreamElementType.ImageRef && element.annotations) {
-            element.annotations.forEach((element) => IdPopulator.populateElementId(element));
-        }
-        if (element.type === StreamElementType.Price && element.stock) {
-            IdPopulator.populateElementId(element.stock);
-        }
-    }
-}

package/dist/streams/layout/slot-data-ref.d.ts

@@ -1,13 +0,0 @@
-import type { ImagesStreamSlotData, ProductStreamSlotData, ShortVideoStreamSlotData } from './slot-data';
-export type StreamSlotDataRef = Partial<Pick<ImagesStreamSlotData, 'items'>> & Partial<Pick<ProductStreamSlotData, 'product'>> & Partial<Pick<ShortVideoStreamSlotData, 'shortVideo'>>;
-type Prev = [never, 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, ...0[]];
-type Join<K, P> = K extends string | number ? (P extends string | number ? `${K}${'' extends P ? '' : '.'}${P}` : never) : never;
-type IsPrimitive<T> = T extends string | number | boolean | null | undefined ? true : false;
-type ExcludeBuiltins<T> = {
-    [K in keyof T as K extends keyof any[] ? never : K extends symbol ? never : T[K] extends (...args: any[]) => any ? never : T[K] extends any[] ? never : K]: T[K];
-};
-type Paths<T, D extends number = 4> = [D] extends [never] ? never : T extends object ? {
-    [K in keyof ExcludeBuiltins<T>]: K extends string | number ? IsPrimitive<ExcludeBuiltins<T>[K]> extends true ? `${K}` : ExcludeBuiltins<T>[K] extends object | null ? ExcludeBuiltins<T>[K] extends null ? never : Join<K, Paths<ExcludeBuiltins<NonNullable<T[K]>>, Prev[D]>> : never : never;
-}[keyof ExcludeBuiltins<T>] : '';
-export type StreamSlotDataRefPaths = `#${Paths<Required<StreamSlotDataRef>>}`;
-export {};

package/dist/streams/layout/slot-data-ref.js

@@ -1 +0,0 @@
-export {};

package/dist/streams/layout/svg-attributes.d.ts

@@ -1,7 +0,0 @@
-export declare enum SvgAttributes {
-    customizableElement = "data-streams--customizable",
-    textElementValueType = "data-streams--text--value-type",
-    textElementCustomValue = "data-streams--text--custom-value",
-    textElementValueBefore = "data-streams--text--value-before",
-    textElementValueAfter = "data-streams--text--value-after"
-}

package/dist/streams/layout/svg-attributes.js

@@ -1,8 +0,0 @@
-export var SvgAttributes;
-(function (SvgAttributes) {
-    SvgAttributes["customizableElement"] = "data-streams--customizable";
-    SvgAttributes["textElementValueType"] = "data-streams--text--value-type";
-    SvgAttributes["textElementCustomValue"] = "data-streams--text--custom-value";
-    SvgAttributes["textElementValueBefore"] = "data-streams--text--value-before";
-    SvgAttributes["textElementValueAfter"] = "data-streams--text--value-after";
-})(SvgAttributes || (SvgAttributes = {}));

package/dist/streams/stream-page-viewer/stream-page-viewer-localization.d.ts

@@ -1,9 +0,0 @@
-import { type Locale } from '../../core/locale';
-import type { IStreamElementLocalization } from '../layout/element-views';
-export interface IStreamPageViewerLocalization {
-    elementsLocalization?: IStreamElementLocalization | Locale;
-}
-export declare class StreamPageViewerLocalization {
-    elementsLocalization: IStreamElementLocalization | Locale;
-    constructor(init: IStreamPageViewerLocalization | Locale);
-}

package/dist/streams/stream-page-viewer/stream-page-viewer-localization.js

@@ -1,7 +0,0 @@
-import { isLocale } from '../../core/locale';
-export class StreamPageViewerLocalization {
-    elementsLocalization;
-    constructor(init) {
-        this.elementsLocalization = isLocale(init) ? init : init?.elementsLocalization || 'en';
-    }
-}

package/dist/streams/stream-player/stream-player-localization.d.ts

@@ -1,26 +0,0 @@
-import { type Locale } from '../../core/locale';
-import type { IShortVideoAttachmentsLocalization, IShortVideoDetailsLocalization, IShortVideoViewerLocalization } from '../../short-videos/short-video-viewer';
-import type { IStreamPageViewerLocalization } from '../stream-page-viewer';
-import type { ISwipeIndicatorLocalization } from '../../ui/swipe-indicator';
-import type { ITimeAgoLocalization } from '../../ui/time-ago';
-export interface IStreamPlayerLocalization {
-    streamNotFound?: string;
-    pagesCount?: (count: number) => string;
-    timeAgoLocalization?: ITimeAgoLocalization | Locale;
-    streamPageViewerLocalization?: IStreamPageViewerLocalization | Locale;
-    shortVideoAttachmentsLocalization?: IShortVideoAttachmentsLocalization | Locale;
-    shortVideoDetailsLocalization?: IShortVideoDetailsLocalization | Locale;
-    shortVideoViewerLocalization?: IShortVideoViewerLocalization | Locale;
-    swipeIndicatorLocalization?: ISwipeIndicatorLocalization | Locale;
-}
-export declare class StreamPlayerLocalization {
-    streamNotFound: string;
-    pagesCount: (count: number) => string;
-    timeAgoLocalization: ITimeAgoLocalization | Locale;
-    streamPageViewerLocalization: IStreamPageViewerLocalization | Locale;
-    shortVideoAttachmentsLocalization: IShortVideoAttachmentsLocalization | Locale;
-    shortVideoDetailsLocalization: IShortVideoDetailsLocalization | Locale;
-    shortVideoViewerLocalization: IShortVideoViewerLocalization | Locale;
-    swipeIndicatorLocalization: ISwipeIndicatorLocalization | Locale;
-    constructor(init: IStreamPlayerLocalization | Locale);
-}

package/dist/streams/stream-player/stream-player-localization.js

@@ -1,31 +0,0 @@
-import { isLocale } from '../../core/locale';
-export class StreamPlayerLocalization {
-    streamNotFound;
-    pagesCount;
-    timeAgoLocalization;
-    streamPageViewerLocalization;
-    shortVideoAttachmentsLocalization;
-    shortVideoDetailsLocalization;
-    shortVideoViewerLocalization;
-    swipeIndicatorLocalization;
-    constructor(init) {
-        this.streamNotFound = isLocale(init) ? loc.streamNotFound[init] : init?.streamNotFound || loc.streamNotFound.en;
-        this.pagesCount = isLocale(init) ? loc.pagesCount[init] : init?.pagesCount || loc.pagesCount.en;
-        this.timeAgoLocalization = isLocale(init) ? init : init.timeAgoLocalization || 'en';
-        this.streamPageViewerLocalization = isLocale(init) ? init : init.streamPageViewerLocalization || 'en';
-        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';
-    }
-}
-const loc = {
-    streamNotFound: {
-        en: 'Stream not found',
-        no: 'Stream ikke funnet'
-    },
-    pagesCount: {
-        en: (count) => (count === 1 ? '1 page' : `${count} pages`),
-        no: (count) => (count === 1 ? '1 side' : `${count} sider`)
-    }
-};

package/dist/ui/line-clamp/line-clamp-localization.js

@@ -1,19 +0,0 @@
-import { isLocale } from '../../core/locale';
-export class LineClampLocalization {
-    showLess;
-    showMore;
-    constructor(init) {
-        this.showLess = isLocale(init) ? loc.showLess[init] : init.showLess || loc.showLess.en;
-        this.showMore = isLocale(init) ? loc.showMore[init] : init.showMore || loc.showMore.en;
-    }
-}
-const loc = {
-    showLess: {
-        en: 'Show less',
-        no: 'Vis mindre'
-    },
-    showMore: {
-        en: 'Show more',
-        no: 'Vis mer'
-    }
-};

package/dist/ui/swipe-indicator/cmp.swipe-indicator.svelte

@@ -1,125 +0,0 @@
-<script lang="ts">import { Icon } from '../icon';
-import { SwipeIndicatorLocalization } from './swipe-indicator-localization';
-import IconArrowUp from '@fluentui/svg-icons/icons/arrow_up_20_regular.svg?raw';
-let { fadeTimeout = 2000, localization: localizationInit } = $props();
-const localization = $derived(new SwipeIndicatorLocalization(localizationInit));
-let isFaded = $state(false);
-const indicatorMounted = (_) => {
-    if (fadeTimeout) {
-        const timeout = setTimeout(() => {
-            isFaded = true;
-        }, 3000);
-        return {
-            destroy() {
-                clearTimeout(timeout);
-            }
-        };
-    }
-};
-</script>
-
-<div class="swipe-indicator" class:swipe-indicator--faded={isFaded} use:indicatorMounted>
-  <div class="swipe-indicator__icon">
-    <Icon src={IconArrowUp} />
-  </div>
-  <div class="swipe-indicator__text">
-    {localization.swipe}
-  </div>
-</div>
-
-<style>@charset "UTF-8";
-@keyframes fadeIn {
-  0% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.4;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-.swipe-indicator {
-  --_swipe-indicator--color: var(--swipe-indicator--color, #ffffff);
-  --_swipe-indicator--font-size: var(--swipe-indicator--font-size, 1rem);
-  --_swipe-indicator--icon-size: var(--swipe-indicator--icon-size, var(--_swipe-indicator--font-size));
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  position: absolute;
-  bottom: 1.25rem;
-  left: 50%;
-  transform: translateX(-50%);
-  z-index: 10;
-  color: var(--_swipe-indicator--color);
-  opacity: 1;
-  transition: opacity 2s cubic-bezier(0.4, 0, 0.2, 1);
-}
-.swipe-indicator--faded {
-  opacity: 0;
-  pointer-events: none;
-}
-.swipe-indicator:before {
-  content: "";
-  position: absolute;
-  inset: 0;
-  z-index: 0;
-  pointer-events: none;
-  border-radius: 50%;
-  background: #000;
-  filter: blur(12px);
-  transform: scale(3);
-}
-.swipe-indicator__icon {
-  font-size: var(--_swipe-indicator--icon-size);
-  animation: bounce 2.7s cubic-bezier(0.22, 0.61, 0.36, 1) infinite;
-  will-change: transform;
-  z-index: 1;
-}
-.swipe-indicator__text {
-  font-size: var(--_swipe-indicator--font-size);
-  z-index: 1;
-}
-
-@keyframes bounce {
-  0%, 100% {
-    transform: translateY(0);
-  }
-  10% {
-    transform: translateY(-24px); /* основной прыжок */
-  }
-  18% {
-    transform: translateY(0);
-  }
-  26% {
-    transform: translateY(-12px); /* первый малый отскок */
-  }
-  34% {
-    transform: translateY(0);
-  }
-  41% {
-    transform: translateY(-8px); /* второй малый отскок */
-  }
-  48% {
-    transform: translateY(0);
-  }
-  54% {
-    transform: translateY(-4px); /* третий малый отскок */
-  }
-  60% {
-    transform: translateY(0);
-  }
-  65% {
-    transform: translateY(-2px); /* почти затух */
-  }
-  70% {
-    transform: translateY(0);
-  }
-  75% {
-    transform: translateY(-1px); /* совсем маленький */
-  }
-  80% {
-    transform: translateY(0);
-  }
-}</style>

package/dist/ui/swipe-indicator/cmp.swipe-indicator.svelte.d.ts

@@ -1,9 +0,0 @@
-import type { Locale } from '../../core/locale';
-import { type ISwipeIndicatorLocalization } from './swipe-indicator-localization';
-type Props = {
-    fadeTimeout?: number;
-    localization: ISwipeIndicatorLocalization | Locale;
-};
-declare const Cmp: import("svelte").Component<Props, {}, "">;
-type Cmp = ReturnType<typeof Cmp>;
-export default Cmp;

package/dist/ui/swipe-indicator/index.d.ts

@@ -1,2 +0,0 @@
-export { default as SwipeIndicator } from './cmp.swipe-indicator.svelte';
-export type { ISwipeIndicatorLocalization } from './swipe-indicator-localization';

package/dist/ui/swipe-indicator/index.js

@@ -1 +0,0 @@
-export { default as SwipeIndicator } from './cmp.swipe-indicator.svelte';

package/dist/ui/swipe-indicator/swipe-indicator-localization.d.ts

@@ -1,8 +0,0 @@
-import { type Locale } from '../../core/locale';
-export interface ISwipeIndicatorLocalization {
-    swipe?: string;
-}
-export declare class SwipeIndicatorLocalization {
-    swipe: string;
-    constructor(init: ISwipeIndicatorLocalization | Locale);
-}

package/dist/ui/swipe-indicator/swipe-indicator-localization.js

@@ -1,13 +0,0 @@
-import { isLocale } from '../../core/locale';
-export class SwipeIndicatorLocalization {
-    swipe;
-    constructor(init) {
-        this.swipe = isLocale(init) ? loc.swipe[init] : init.swipe || loc.swipe.en;
-    }
-}
-const loc = {
-    swipe: {
-        en: 'Swipe',
-        no: 'Sveip'
-    }
-};

package/dist/ui/time-ago/time-ago-localization.js

@@ -1,55 +0,0 @@
-import { isLocale } from '../../core/locale';
-export class TimeAgoLocalization {
-    locale;
-    aMinuteAgo;
-    anHourAgo;
-    justNow;
-    at;
-    hoursAgo;
-    minutesAgo;
-    yesterday;
-    constructor(init) {
-        this.locale = isLocale(init) ? loc.locale[init] : init.locale || loc.locale.en;
-        this.aMinuteAgo = isLocale(init) ? loc.aMinuteAgo[init] : init.aMinuteAgo || loc.aMinuteAgo.en;
-        this.anHourAgo = isLocale(init) ? loc.anHourAgo[init] : init.anHourAgo || loc.anHourAgo.en;
-        this.justNow = isLocale(init) ? loc.justNow[init] : init.justNow || loc.justNow.en;
-        this.at = isLocale(init) ? loc.at[init] : init.at || loc.at.en;
-        this.hoursAgo = isLocale(init) ? loc.hoursAgo[init] : init.hoursAgo || loc.hoursAgo.en;
-        this.minutesAgo = isLocale(init) ? loc.minutesAgo[init] : init.minutesAgo || loc.minutesAgo.en;
-        this.yesterday = isLocale(init) ? loc.yesterday[init] : init.yesterday || loc.yesterday.en;
-    }
-}
-const loc = {
-    locale: {
-        en: 'en-US',
-        no: 'no-NO'
-    },
-    aMinuteAgo: {
-        en: 'a minute ago',
-        no: 'ett minutt siden'
-    },
-    anHourAgo: {
-        en: 'an hour ago',
-        no: 'en time siden'
-    },
-    justNow: {
-        en: 'just now',
-        no: 'nettopp nå'
-    },
-    at: {
-        en: (date, time) => `${date} at ${time}`,
-        no: (date, time) => `${date} kl. ${time}`
-    },
-    hoursAgo: {
-        en: (hours) => `${hours} hours ago`,
-        no: (hours) => `${hours} timer siden`
-    },
-    minutesAgo: {
-        en: (minutes) => `${minutes} minutes ago`,
-        no: (minutes) => `${minutes} minutter siden`
-    },
-    yesterday: {
-        en: (time) => `Yesterday at ${time}`,
-        no: (time) => `I går kl. ${time}`
-    }
-};