@streamscloud/embeddable 6.5.2 → 7.0.0-1758321891466

package/dist/ui/shadow-dom/shadow-root-service.js

@@ -1,5 +1,5 @@
-import normalize from './normalize.scss?raw';
-import reset from './reset.scss?raw';
+import normalize from './normalize-shadow.css?raw';
+import reset from './reset-shadow.css?raw';
 export const createShadowRoot = (host) => {
     prepareShadowRootHost(host);
     const shadowRoot = host.attachShadow({ mode: 'open' });

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

@@ -1,8 +1,8 @@
 <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 { fadeTimeout = 2000, locale } = $props();
+const localization = $derived(new SwipeIndicatorLocalization(locale));
 let isFaded = $state(false);
 const indicatorMounted = (_) => {
     if (fadeTimeout) {

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

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

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

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

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

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

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

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

package/dist/ui/time-ago/cmp.time-ago.svelte

@@ -1,8 +1,8 @@
 <script lang="ts">import { DateFormatOptions, DateHelper } from '../../core/utils/date-helper';
 import { TimeAgoLocalization } from './time-ago-localization';
 import { onDestroy } from 'svelte';
-let { date = null, thresholdMinutes = 60 * 24 * 2 /* 2 days */, localization: localizationInit } = $props();
-const localization = $derived(new TimeAgoLocalization(localizationInit));
+let { date = null, thresholdMinutes = 60 * 24 * 2 /* 2 days */, locale } = $props();
+const localization = $derived(new TimeAgoLocalization(locale));
 let timeSpan = $state.raw(null);
 let timeoutId;
 onDestroy(() => {

package/dist/ui/time-ago/cmp.time-ago.svelte.d.ts

@@ -1,9 +1,8 @@
 import type { Locale } from '../../core/locale';
-import { type ITimeAgoLocalization } from './time-ago-localization';
 type Props = {
     date: Date | string | null;
     thresholdMinutes?: number;
-    localization: ITimeAgoLocalization | Locale;
+    locale: Locale;
 };
 declare const Cmp: import("svelte").Component<Props, {}, "">;
 type Cmp = ReturnType<typeof Cmp>;

package/dist/ui/time-ago/index.d.ts

@@ -1,2 +1 @@
 export { default as TimeAgo } from './cmp.time-ago.svelte';
-export type { ITimeAgoLocalization } from './time-ago-localization';

package/dist/ui/time-ago/time-ago-localization.d.ts

@@ -1,14 +1,4 @@
 import { type Locale } from '../../core/locale';
-export interface ITimeAgoLocalization {
-    locale?: string;
-    aMinuteAgo?: string;
-    anHourAgo?: string;
-    justNow?: string;
-    at?: (date: string, time: string) => string;
-    hoursAgo?: (hours: number) => string;
-    minutesAgo?: (minutes: number) => string;
-    yesterday?: (time: string) => string;
-}
 export declare class TimeAgoLocalization {
     locale: string;
     aMinuteAgo: string;
@@ -18,5 +8,5 @@ export declare class TimeAgoLocalization {
     hoursAgo: (hours: number) => string;
     minutesAgo: (minutes: number) => string;
     yesterday: (time: string) => string;
-    constructor(init: ITimeAgoLocalization | Locale);
+    constructor(locale: Locale);
 }

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

@@ -1,4 +1,4 @@
-import { isLocale } from '../../core/locale';
+import {} from '../../core/locale';
 export class TimeAgoLocalization {
     locale;
     aMinuteAgo;
@@ -8,15 +8,15 @@ export class TimeAgoLocalization {
     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;
+    constructor(locale) {
+        this.locale = loc.locale[locale];
+        this.aMinuteAgo = loc.aMinuteAgo[locale];
+        this.anHourAgo = loc.anHourAgo[locale];
+        this.justNow = loc.justNow[locale];
+        this.at = loc.at[locale];
+        this.hoursAgo = loc.hoursAgo[locale];
+        this.minutesAgo = loc.minutesAgo[locale];
+        this.yesterday = loc.yesterday[locale];
     }
 }
 const loc = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamscloud/embeddable",
-  "version": "6.5.2",
+  "version": "7.0.0-1758321891466",
   "author": "StreamsCloud",
   "repository": {
     "type": "git",

package/dist/media-center/data-provider/index.d.ts

@@ -1,2 +0,0 @@
-export type { IMediaCenterDataProvider } from './types';
-export { InternalMediaCenterDataProvider } from './internal-media-center-data-provider.svelte';

package/dist/media-center/data-provider/index.js

@@ -1 +0,0 @@
-export { InternalMediaCenterDataProvider } from './internal-media-center-data-provider.svelte';

package/dist/media-center/data-provider/internal-media-center-data-provider.svelte.d.ts

@@ -1,8 +0,0 @@
-import type { IMediaCenterDataProvider } from './types';
-export declare class InternalMediaCenterDataProvider implements IMediaCenterDataProvider {
-    private readonly mediaPageId;
-    private graphql;
-    constructor(mediaPageId: string, graphqlOrigin?: string);
-    getConfig: IMediaCenterDataProvider['getConfig'];
-    getShortVideosCursor: IMediaCenterDataProvider['getShortVideosCursor'];
-}

package/dist/media-center/data-provider/internal-media-center-data-provider.svelte.js

@@ -1,46 +0,0 @@
-import { PostType, Status } from '../../core/enums';
-import { createLocalGQLClient } from '../../core/graphql';
-import { mapToShortVideoPlayerModel } from '../../short-videos/short-videos-player/mapper';
-import { GetMediaPageConfigDocument, GetShortVideosDocument } from './operations.generated';
-export class InternalMediaCenterDataProvider {
-    mediaPageId;
-    graphql;
-    constructor(mediaPageId, graphqlOrigin) {
-        this.mediaPageId = mediaPageId;
-        this.graphql = createLocalGQLClient(graphqlOrigin);
-    }
-    getConfig = async () => {
-        const payload = await this.graphql.query(GetMediaPageConfigDocument, { mediaPageId: this.mediaPageId }).toPromise();
-        if (!payload.data?.embedMediaPagePlayerSettings) {
-            return null;
-        }
-        const settings = payload.data.embedMediaPagePlayerSettings;
-        return {
-            logo: settings.logo?.url || null,
-            postCategories: settings.postCategories.map((c) => ({ id: c.id, name: c.name })),
-            streamCategories: settings.streamCategories.map((c) => ({ id: c.id, name: c.name }))
-        };
-    };
-    getShortVideosCursor = async ({ filter, limit, continuationToken }) => {
-        const payload = await this.graphql
-            .query(GetShortVideosDocument, {
-            input: {
-                filter: {
-                    mediaPageId: this.mediaPageId,
-                    types: [PostType.ShortVideo],
-                    statuses: [Status.Published],
-                    categoryId: filter.categoryId,
-                    excludeIds: filter.excludeIds
-                },
-                limit,
-                continuationToken
-            }
-        })
-            .toPromise();
-        const posts = payload.data?.shortVideos?.items || [];
-        return {
-            items: posts.map(mapToShortVideoPlayerModel),
-            continuationToken: payload.data?.shortVideos?.continuationToken || null
-        };
-    };
-}

package/dist/media-center/data-provider/types.d.ts

@@ -1,24 +0,0 @@
-import type { ShortVideoPlayerModel } from '../../short-videos/short-videos-player/types';
-export interface IMediaCenterDataProvider {
-    getConfig: () => Promise<MediaCenterConfig | null>;
-    getShortVideosCursor: (input: {
-        filter: {
-            categoryId?: string;
-            excludeIds?: string[];
-        };
-        limit: number;
-        continuationToken?: string | null;
-    }) => Promise<{
-        items: ShortVideoPlayerModel[];
-        continuationToken: string | null;
-    }>;
-}
-export type MediaCenterConfig = {
-    logo: string | null;
-    postCategories: MediaCenterCategoryModel[];
-    streamCategories: MediaCenterCategoryModel[];
-};
-export type MediaCenterCategoryModel = {
-    id: string;
-    name: string;
-};