@streamscloud/embeddable 2.0.4 → 2.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamscloud/embeddable",
-  "version": "2.0.4",
+  "version": "2.1.1",
   "author": "StreamsCloud",
   "repository": "https://github.com/StreamsCloud/streamscloud-frontend-packages.git",
   "type": "module",

package/dist/core/continuation-token.d.ts

@@ -1,10 +0,0 @@
-export declare class ContinuationToken {
-    canLoadMore: boolean;
-    value: string | null;
-    private constructor();
-    static init(): ContinuationToken;
-    static fromPayload(value: string | null): ContinuationToken;
-    static preventLoading(): ContinuationToken;
-    toString(): string | null;
-    toJSON(): string | null;
-}

package/dist/core/continuation-token.js

@@ -1,32 +0,0 @@
-export class ContinuationToken {
-    canLoadMore;
-    value;
-    constructor(canLoadMore, value) {
-        this.canLoadMore = canLoadMore;
-        this.value = value;
-    }
-    static init() {
-        // initial state, no data is loaded so far
-        return new ContinuationToken(true, null);
-    }
-    static fromPayload(value) {
-        if (value?.length && value.length > 1 && value.length < 5000) {
-            // initialized with server response that there is more data, and value is valid
-            return new ContinuationToken(true, value);
-        }
-        else {
-            // initialized with server response that there is no more data or value is invalid
-            return new ContinuationToken(false, null);
-        }
-    }
-    static preventLoading() {
-        // additional initilizer, to block further loading
-        return new ContinuationToken(false, null);
-    }
-    toString() {
-        return this.value;
-    }
-    toJSON() {
-        return this.value;
-    }
-}

package/dist/core/cursor-result.d.ts

@@ -1,9 +0,0 @@
-import type { ContinuationToken } from './continuation-token';
-export type CursorResult<T> = {
-    items: T[];
-    continuationToken: ContinuationToken;
-};
-export type CursorPayload<T> = {
-    items: T[];
-    continuationToken: string | null;
-};

package/dist/core/cursor-result.js

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

package/dist/core/data-loaders/cursor-data-loader.svelte.d.ts

@@ -1,14 +0,0 @@
-import { type CursorResult } from '../cursor-result';
-import { ContinuationToken } from '../continuation-token';
-import type { IDataLoader } from './data-loader';
-export declare class CursorDataLoader<T> implements IDataLoader<T> {
-    items: T[];
-    continuationToken: ContinuationToken;
-    private loadPage;
-    private deferred;
-    constructor(init: {
-        loadPage: (continuationToken: ContinuationToken) => Promise<CursorResult<T> | null>;
-    });
-    loadMore: () => Promise<T[]>;
-    reset(): Promise<void>;
-}

package/dist/core/data-loaders/cursor-data-loader.svelte.js

@@ -1,35 +0,0 @@
-import {} from '../cursor-result';
-import { Deferred } from '../deferred';
-import { ContinuationToken } from '../continuation-token';
-export class CursorDataLoader {
-    items = $state([]);
-    continuationToken = $state.raw(ContinuationToken.init());
-    loadPage;
-    deferred = null;
-    constructor(init) {
-        this.loadPage = init.loadPage;
-    }
-    loadMore = async () => {
-        if (this.deferred) {
-            return this.deferred.promise;
-        }
-        if (!this.continuationToken.canLoadMore) {
-            return [];
-        }
-        this.deferred = new Deferred();
-        let result = await this.loadPage(this.continuationToken);
-        if (!result) {
-            result = { items: [], continuationToken: ContinuationToken.preventLoading() };
-        }
-        this.continuationToken = result.continuationToken;
-        this.items = [...this.items, ...result.items];
-        this.deferred.resolve(result.items);
-        this.deferred = null;
-        return result.items;
-    };
-    async reset() {
-        this.items = [];
-        this.continuationToken = ContinuationToken.init();
-        await this.loadMore();
-    }
-}

package/dist/core/data-loaders/data-loader.d.ts

@@ -1,4 +0,0 @@
-export interface IDataLoader<T> {
-    items: T[];
-    loadMore: () => Promise<T[]>;
-}

package/dist/core/data-loaders/data-loader.js

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

package/dist/core/data-loaders/index.d.ts

@@ -1,2 +0,0 @@
-export { CursorDataLoader } from './cursor-data-loader.svelte';
-export type { IDataLoader } from './data-loader';

package/dist/core/data-loaders/index.js

@@ -1 +0,0 @@
-export { CursorDataLoader } from './cursor-data-loader.svelte';

package/dist/core/deferred.d.ts

@@ -1,6 +0,0 @@
-export declare class Deferred<T = void> {
-    promise: Promise<T>;
-    reject: (reason?: unknown) => void;
-    resolve: (value: T) => void;
-    constructor();
-}

package/dist/core/deferred.js

@@ -1,13 +0,0 @@
-export class Deferred {
-    promise;
-    reject;
-    resolve;
-    constructor() {
-        this.resolve = () => ({});
-        this.reject = () => ({});
-        this.promise = new Promise((resolve, reject) => {
-            this.reject = reject;
-            this.resolve = resolve;
-        });
-    }
-}

package/dist/core/enums.d.ts

@@ -1,33 +0,0 @@
-export declare enum PostSourceType {
-    Channel = "CHANNEL",
-    Group = "GROUP",
-    MediaPage = "MEDIA_PAGE",
-    Organization = "ORGANIZATION",
-    UserProfile = "USER_PROFILE"
-}
-export declare enum AdType {
-    BannerResponsive = "BANNER_RESPONSIVE",
-    MediaDialogPromotion = "MEDIA_DIALOG_PROMOTION",
-    Story = "STORY"
-}
-export declare enum Currency {
-    Eur = "EUR",
-    Nok = "NOK",
-    Usd = "USD"
-}
-export declare enum MediaType {
-    Audio = "AUDIO",
-    Image = "IMAGE",
-    ShortVideo = "SHORT_VIDEO",
-    Video = "VIDEO"
-}
-export declare enum MediaFormat {
-    W4H3 = "W4H3",
-    W16H9 = "W16H9"
-}
-export declare enum ImageScale {
-    Big = "BIG",
-    Medium = "MEDIUM",
-    OriginalEncoded = "ORIGINAL_ENCODED",
-    Small = "SMALL"
-}

package/dist/core/enums.js

@@ -1,39 +0,0 @@
-export var PostSourceType;
-(function (PostSourceType) {
-    PostSourceType["Channel"] = "CHANNEL";
-    PostSourceType["Group"] = "GROUP";
-    PostSourceType["MediaPage"] = "MEDIA_PAGE";
-    PostSourceType["Organization"] = "ORGANIZATION";
-    PostSourceType["UserProfile"] = "USER_PROFILE";
-})(PostSourceType || (PostSourceType = {}));
-export var AdType;
-(function (AdType) {
-    AdType["BannerResponsive"] = "BANNER_RESPONSIVE";
-    AdType["MediaDialogPromotion"] = "MEDIA_DIALOG_PROMOTION";
-    AdType["Story"] = "STORY";
-})(AdType || (AdType = {}));
-export var Currency;
-(function (Currency) {
-    Currency["Eur"] = "EUR";
-    Currency["Nok"] = "NOK";
-    Currency["Usd"] = "USD";
-})(Currency || (Currency = {}));
-export var MediaType;
-(function (MediaType) {
-    MediaType["Audio"] = "AUDIO";
-    MediaType["Image"] = "IMAGE";
-    MediaType["ShortVideo"] = "SHORT_VIDEO";
-    MediaType["Video"] = "VIDEO";
-})(MediaType || (MediaType = {}));
-export var MediaFormat;
-(function (MediaFormat) {
-    MediaFormat["W4H3"] = "W4H3";
-    MediaFormat["W16H9"] = "W16H9";
-})(MediaFormat || (MediaFormat = {}));
-export var ImageScale;
-(function (ImageScale) {
-    ImageScale["Big"] = "BIG";
-    ImageScale["Medium"] = "MEDIUM";
-    ImageScale["OriginalEncoded"] = "ORIGINAL_ENCODED";
-    ImageScale["Small"] = "SMALL";
-})(ImageScale || (ImageScale = {}));

package/dist/core/graphql.d.ts

@@ -1 +0,0 @@
-export declare const createLocalGQLClient: (graphqlUrl: string, customFetch?: typeof fetch) => import("@urql/core").Client;

package/dist/core/graphql.js

@@ -1,10 +0,0 @@
-import { createClient, fetchExchange } from '@urql/core';
-export const createLocalGQLClient = (graphqlUrl, customFetch) => createClient({
-    url: graphqlUrl,
-    requestPolicy: 'network-only',
-    fetchOptions: {
-        credentials: 'include'
-    },
-    fetch: customFetch || fetch,
-    exchanges: [fetchExchange]
-});

package/dist/core/media/image-helper.d.ts

@@ -1,10 +0,0 @@
-export declare class ImageHelper {
-    static checkIsVertical: (url: string) => Promise<boolean>;
-    static computeRatio: (src: string) => Promise<ImageSize | null>;
-    static getRatio: (metadata: ImageSize) => number;
-}
-type ImageSize = {
-    width: number;
-    height: number;
-};
-export {};

package/dist/core/media/image-helper.js

@@ -1,30 +0,0 @@
-export class ImageHelper {
-    static checkIsVertical = async (url) => {
-        const ratio = await ImageHelper.computeRatio(url);
-        if (!ratio) {
-            return false;
-        }
-        return ratio.height >= ratio.width;
-    };
-    static computeRatio = async (src) => {
-        const setRatio = (imageElement, resolveFn) => {
-            if (!imageElement || !imageElement.width) {
-                resolveFn(null);
-            }
-            else {
-                resolveFn({ width: imageElement.width, height: imageElement.height });
-            }
-        };
-        return new Promise((resolve) => {
-            const imageElement = new Image();
-            imageElement.onload = () => {
-                setRatio(imageElement, resolve);
-            };
-            imageElement.onerror = () => {
-                setRatio(null, resolve);
-            };
-            imageElement.src = src;
-        });
-    };
-    static getRatio = (metadata) => metadata.width / metadata.height;
-}

package/dist/core/media/images-size-detector.service.d.ts

@@ -1,6 +0,0 @@
-import { ImageScale } from '../enums';
-export declare class ImageSizeDetectorService {
-    userAgent: string | null;
-    constructor(userAgent?: string | null);
-    getImageSize(): ImageScale;
-}

package/dist/core/media/images-size-detector.service.js

@@ -1,15 +0,0 @@
-import { ImageScale } from '../enums';
-import MobileDetect from 'mobile-detect';
-export class ImageSizeDetectorService {
-    userAgent;
-    constructor(userAgent = null) {
-        this.userAgent = userAgent;
-    }
-    getImageSize() {
-        if (!this.userAgent) {
-            return ImageScale.OriginalEncoded;
-        }
-        const result = new MobileDetect(this.userAgent);
-        return result.mobile() ? ImageScale.Medium : ImageScale.OriginalEncoded;
-    }
-}

package/dist/core/media/index.d.ts

@@ -1,4 +0,0 @@
-export { ImageHelper } from './image-helper';
-export { ImageSizeDetectorService } from './images-size-detector.service';
-export { type MediaItemModel, type MediaItemMetadataModel, type MediaItemWithMetadataModel } from './types';
-export { getMediaItemImageUrl } from './media-item-url.service';

package/dist/core/media/index.js

@@ -1,4 +0,0 @@
-export { ImageHelper } from './image-helper';
-export { ImageSizeDetectorService } from './images-size-detector.service';
-export {} from './types';
-export { getMediaItemImageUrl } from './media-item-url.service';

package/dist/core/media/media-item-url.service.d.ts

@@ -1,2 +0,0 @@
-import { type MediaItemModel } from './types';
-export declare const getMediaItemImageUrl: (media: MediaItemModel) => string;

package/dist/core/media/media-item-url.service.js

@@ -1,3 +0,0 @@
-import { MediaType } from '../enums';
-import {} from './types';
-export const getMediaItemImageUrl = (media) => (media.type === MediaType.Image ? media.url : media.thumbnailUrl);

package/dist/core/media/types.d.ts

@@ -1,13 +0,0 @@
-import type { MediaType } from '../enums';
-export type MediaItemModel = {
-    type: MediaType;
-    url: string;
-    thumbnailUrl: string | null;
-};
-export type MediaItemMetadataModel = {
-    width: number;
-    height: number;
-};
-export type MediaItemWithMetadataModel = MediaItemModel & {
-    metadata: MediaItemMetadataModel;
-};

package/dist/core/media/types.js

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

package/dist/core/toastr.d.ts

@@ -1 +0,0 @@
-export declare const toastrWarning: (message: string) => void;

package/dist/core/toastr.js

@@ -1,26 +0,0 @@
-export const toastrWarning = (message) => {
-    const toast = document.createElement('div');
-    toast.innerHTML = `
-        <span>${message}</span>
-        <span style="margin-left: auto; cursor: pointer; color: #666;" onclick="this.parentElement.remove()">x</span>
-    `;
-    Object.assign(toast.style, {
-        display: 'flex',
-        alignItems: 'center',
-        gap: '8px',
-        background: 'white',
-        color: 'black',
-        borderRadius: '5px',
-        padding: '12px 16px',
-        boxShadow: '0 2px 10px rgba(0, 0, 0, 0.1)',
-        position: 'fixed',
-        bottom: '10px',
-        right: '10px',
-        width: '300px',
-        borderLeft: '4px solid #e0a800',
-        borderBottom: '4px solid #e0a800',
-        zIndex: 1000
-    });
-    document.body.appendChild(toast);
-    setTimeout(() => toast.remove(), 5000);
-};

package/dist/core/transitions/index.d.ts

@@ -1 +0,0 @@
-export { slideHorizontally } from './slide-horizontally';

package/dist/core/transitions/index.js

@@ -1 +0,0 @@
-export { slideHorizontally } from './slide-horizontally';

package/dist/core/transitions/slide-horizontally.d.ts

@@ -1,7 +0,0 @@
-import { sineInOut } from 'svelte/easing';
-import type { TransitionConfig } from 'svelte/transition';
-export declare const slideHorizontally: (node: HTMLElement, { delay, duration, easing }?: {
-    delay?: number | undefined;
-    duration?: number | undefined;
-    easing?: typeof sineInOut | undefined;
-}) => TransitionConfig;

package/dist/core/transitions/slide-horizontally.js

@@ -1,55 +0,0 @@
-import { sineInOut } from 'svelte/easing';
-export const slideHorizontally = (node, { delay = 0, duration = 400, easing = sineInOut } = {}) => {
-    const style = getComputedStyle(node);
-    const isHtmlElement = (node) => node.nodeType === Node.ELEMENT_NODE;
-    const children = Array.from(node.children).filter(isHtmlElement);
-    children.forEach((child) => {
-        const style = getComputedStyle(child);
-        child.style.width = style.width;
-        child.style.minWidth = style.width;
-        child.style.maxWidth = style.maxWidth;
-    });
-    const opacity = +style.opacity;
-    const width = parseFloat(style.width);
-    const padding_left = parseFloat(style.paddingLeft);
-    const padding_right = parseFloat(style.paddingRight);
-    const margin_left = parseFloat(style.marginLeft);
-    const margin_right = parseFloat(style.marginRight);
-    const border_left_width = parseFloat(style.borderLeftWidth);
-    const border_right_width = parseFloat(style.borderRightWidth);
-    let initialT = undefined;
-    let initialU = undefined;
-    return {
-        delay,
-        duration,
-        easing,
-        css: (t, u) => {
-            if (initialT === undefined) {
-                initialT = t;
-            }
-            if (initialU === undefined) {
-                initialU = u;
-            }
-            return ('overflow: hidden;' +
-                `opacity: ${Math.min(t, 1) * opacity};` +
-                `width: ${t * width}px;` +
-                `min-width: ${t * width}px;` +
-                `padding-left: ${t * padding_left}px;` +
-                `padding-right: ${t * padding_right}px;` +
-                `margin-left: ${t * margin_left}px;` +
-                `margin-right: ${t * margin_right}px;` +
-                `border-left-width: ${t * border_left_width}px;` +
-                `border-right-width: ${t * border_right_width}px;`);
-        },
-        // Clean up function to remove the wrapper when the transition is done
-        tick: (t, u) => {
-            if ((initialT === 0 && t === 1) || (initialU === 0 && u === 1)) {
-                children.forEach((child) => {
-                    child.style.width = '';
-                    child.style.minWidth = '';
-                    child.style.maxWidth = '';
-                });
-            }
-        }
-    };
-};

package/dist/core/utils/array-helper.d.ts

@@ -1,23 +0,0 @@
-export declare class ArrayHelper {
-    static distinct<T>(items: T[]): T[];
-    static distinctBy<T>(items: T[], keyFn: (elem: T) => unknown): T[];
-    static intersect<T>(arrays: T[][]): T[];
-    static assertHasValue<T>(value: T | null | undefined): value is T;
-    /**
-     * Find position ("from" and "to" indexes) of the element that was moved inside array (only one element should be moved)
-     */
-    static findMovedElement(initial: unknown[], modified: unknown[]): {
-        from: number;
-        to: number;
-    } | undefined;
-    static moveArrayItem<T>(arr: T[], from: number, to: number): T[];
-    static replaceArrayItem<T>(arr: T[], originalItem: T, newItem: T): T[];
-    static randomElement<T>(arr: T[]): T;
-    static randomElements<T>(arr: T[], count: number): T[];
-    static sortArray<T>(array: T[], propertyFunc: (elem: T) => unknown): T[];
-    static sortArrayDescending<T>(array: T[], propertyFunc: (elem: T) => unknown): T[];
-    static groupBy<T>(array: T[], keyResolver: (elem: T) => string): Record<string, T[]>;
-    static repeat<T>(itemFn: (i: number) => T, length: number): T[];
-    static areEqual<T>(array1?: T[] | null, array2?: T[] | null): boolean;
-    private static sortArrayInternal;
-}

package/dist/core/utils/array-helper.js

@@ -1,148 +0,0 @@
-export class ArrayHelper {
-    static distinct(items) {
-        return Array.from(new Set(items));
-    }
-    static distinctBy(items, keyFn) {
-        return Array.from(new Map(items.map((item) => [keyFn(item), item])).values());
-    }
-    static intersect(arrays) {
-        if (!arrays?.length) {
-            return [];
-        }
-        return arrays.reduce((result, current) => result.filter((item) => current.includes(item)));
-    }
-    static assertHasValue(value) {
-        return value !== null && value !== undefined;
-    }
-    /**
-     * Find position ("from" and "to" indexes) of the element that was moved inside array (only one element should be moved)
-     */
-    static findMovedElement(initial, modified) {
-        if (initial.length !== modified.length) {
-            throw new Error('Arrays should have the same number of elements.');
-        }
-        if (initial.length !== new Set(initial).size || modified.length !== new Set(modified).size) {
-            throw new Error("Arrays shouldn't have duplicates.");
-        }
-        const res = { from: -1, to: -1 };
-        let i = 0;
-        for (i; i < initial.length; i++) {
-            if (initial[i] !== modified[i]) {
-                if (initial[i] === modified[i + 1]) {
-                    res.to = i;
-                }
-                else {
-                    res.from = i;
-                }
-                break;
-            }
-        }
-        if (i === initial.length) {
-            return;
-        }
-        let j = initial.length;
-        for (j; j > i; j--) {
-            if (initial[j] !== modified[j]) {
-                if (res.from === -1) {
-                    res.from = j;
-                }
-                else {
-                    res.to = j;
-                }
-                break;
-            }
-        }
-        return res;
-    }
-    static moveArrayItem(arr, from, to) {
-        if (!arr?.length || from < 0 || from >= arr.length || to < 0 || to >= arr.length || from === to) {
-            return arr;
-        }
-        arr.splice(to, 0, arr.splice(from, 1)[0]);
-        return arr;
-    }
-    static replaceArrayItem(arr, originalItem, newItem) {
-        const index = arr.indexOf(originalItem);
-        if (index < 0) {
-            return arr;
-        }
-        arr.splice(index, 1, newItem);
-        return arr;
-    }
-    static randomElement(arr) {
-        if (!Array.isArray(arr)) {
-            throw new Error('Parameter is not an array.');
-        }
-        return arr[Math.floor(Math.random() * arr.length)];
-    }
-    static randomElements(arr, count) {
-        const result = [];
-        for (let i = 0; i < count; i++) {
-            let newItem = null;
-            while (!newItem) {
-                const item = ArrayHelper.randomElement(arr);
-                if (!result.includes(item)) {
-                    newItem = item;
-                }
-            }
-            result.push(newItem);
-        }
-        return result;
-    }
-    static sortArray(array, propertyFunc) {
-        return ArrayHelper.sortArrayInternal(array, true, propertyFunc);
-    }
-    static sortArrayDescending(array, propertyFunc) {
-        return ArrayHelper.sortArrayInternal(array, false, propertyFunc);
-    }
-    static groupBy(array, keyResolver) {
-        return array.reduce((resultValue, value) => {
-            const groupKey = keyResolver(value);
-            (resultValue[groupKey] = resultValue[groupKey] || []).push(value);
-            return resultValue;
-        }, {});
-    }
-    static repeat(itemFn, length) {
-        return [...Array(length)].map((_, i) => itemFn(i));
-    }
-    static areEqual(array1, array2) {
-        if (array1 === array2) {
-            return true;
-        }
-        if (!array1 && !array2) {
-            return true;
-        }
-        if (!array1 || !array2) {
-            return false;
-        }
-        return array1.length === array2.length && array1.every((element, index) => element === array2[index]);
-    }
-    static sortArrayInternal(array, ascending, propertyFunc) {
-        const clone = [...array];
-        return clone.sort((val1, val2) => {
-            const a = propertyFunc(val1);
-            const b = propertyFunc(val2);
-            const left = ascending ? a : b;
-            const right = ascending ? b : a;
-            if (!left && !right) {
-                return 0;
-            }
-            if (!left) {
-                return -1;
-            }
-            if (!right) {
-                return 1;
-            }
-            if (typeof left === 'string' && typeof right === 'string') {
-                return left.localeCompare(right);
-            }
-            if (left < right) {
-                return -1;
-            }
-            if (left > right) {
-                return 1;
-            }
-            return 0;
-        });
-    }
-}

package/dist/core/utils/date-helper.d.ts

@@ -1,29 +0,0 @@
-export declare class DateHelper {
-    static toDate(date: LikeDate, resetTime?: boolean): Date;
-    static secondsToTimeRepresentation(seconds: number, duration: number): string;
-    static getDate(date: LikeDate): number;
-    static getYear(date: LikeDate): number;
-    static getMonthName(date: LikeDate, locale: string, short?: boolean): string;
-    static getWeekdayName(date: LikeDate, locale: string, short?: boolean): string;
-    static getMonthRange(date: LikeDate): MonthRange;
-    static daysInMonth(date: LikeDate): number;
-    static getDayOfWeek(date: LikeDate): number;
-    static getShiftedDate(date: LikeDate, daysShift: number): Date;
-    static getDateOnlyString(date?: LikeDate): string | null;
-    static formatDateRange(startDate: LikeDate, endDate: LikeDate, locale: string): string;
-    static dateRangeDescriptionString(startDate: LikeDate, endDate: LikeDate | null | undefined, locale: string): string;
-}
-export declare class DateFormatOptions {
-    static dateTimeFormat: Intl.DateTimeFormatOptions;
-    static dateTimeWithoutYearFormat: Intl.DateTimeFormatOptions;
-    static timeFormat: Intl.DateTimeFormatOptions;
-    static dateFormat: Intl.DateTimeFormatOptions;
-    static dateFormatWithoutYear: Intl.DateTimeFormatOptions;
-    static dateFullMonthFormat: Intl.DateTimeFormatOptions;
-}
-export type MonthRange = {
-    firstDay: Date;
-    lastDay: Date;
-};
-type LikeDate = string | number | Date;
-export {};