@streamscloud/embeddable 15.1.0-1770736445096 → 15.1.0-1770822240678

package/dist/ads/ad-card/cmp.ad-card.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">import { enrichAdLinkWithTracking } from '../../marketing-tracking';
 import { toPriceRepresentation } from '../../products/price-helper';
-import { Button, ButtonSize } from '../../ui/button';
+import { Button } from '../../ui/button';
 import { Image } from '../../ui/image';
 import { LineClamp } from '../../ui/line-clamp';
 let { ad, locale, trackingParams, inert = false, on } = $props();
@@ -68,7 +68,7 @@ const handleAdClick = () => {
     <div class="ad-card__button-container">
       {#if ad.ctaButton && enrichedLink && ad.ctaButton.text}
         <div class="ad-card__button">
-          <Button size={ButtonSize.Standard} on={{ click: handleAdClick }} --button--font--size="1em" --button--min-width="100%">
+          <Button size="standard" on={{ click: handleAdClick }} --button--font--size="1em" --button--min-width="100%">
             <span class="ad-card__button-text">{ad.ctaButton.text}</span>
           </Button>
         </div>
@@ -77,18 +77,7 @@ const handleAdClick = () => {
   </div>
 </div>
 
-<style>@keyframes fadeIn {
-  0% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.4;
-  }
-  100% {
-    opacity: 1;
-  }
-}
-.ad-card {
+<style>.ad-card {
   --_ad-card--background-color: var(--ad-card--background-color, rgb(from light-dark(#ffffff, #000000) r g b / 90%));
   --_ad-card--border-color: var(--ad-card--border-color, light-dark(#f2f2f2, #000000));
   --_ad-card--price-color: var(--ad-card--price-color, inherit);
@@ -145,7 +134,7 @@ const handleAdClick = () => {
 }
 @container (width < 230px) {
   .ad-card__content {
-    gap: 0.09375rem;
+    gap: 0.0938rem;
   }
 }
 .ad-card__price-container {
@@ -176,13 +165,13 @@ const handleAdClick = () => {
 @container (width < 230px) {
   .ad-card__button-container {
     min-height: 2rem;
-    margin-top: 0.09375rem;
+    margin-top: 0.0938rem;
   }
 }
 .ad-card__button-text {
   display: block;
   text-overflow: ellipsis;
-  width: 100%;
+  max-width: 100%;
   white-space: nowrap;
   overflow: hidden;
 }
@@ -237,7 +226,7 @@ const handleAdClick = () => {
   font-weight: 400;
   font-style: normal;
   font-size: 0.75rem;
-  line-height: 1.09125rem;
+  line-height: 1.0913rem;
   letter-spacing: 0;
   text-align: right;
   color: var(--sc-mc-color--text-secondary);

package/dist/ads/ad-card/cmp.ad-card.svelte.d.ts

@@ -1,16 +1,14 @@
-import type { Locale } from '../../core/locale';
-import { type TrackingParams } from '../../marketing-tracking';
-import type { AdCardModel } from './types';
-type Props = {
-    ad: AdCardModel;
-    trackingParams: TrackingParams;
-    locale: Locale;
-    inert?: boolean;
-    on?: {
-        click?: (id: string) => void;
-        impression?: (id: string) => void;
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
     };
+    slots: {};
 };
-declare const Cmp: import("svelte").Component<Props, {}, "">;
-type Cmp = ReturnType<typeof Cmp>;
-export default Cmp;
+export type CmpProps = typeof __propDef.props;
+export type CmpEvents = typeof __propDef.events;
+export type CmpSlots = typeof __propDef.slots;
+export default class Cmp extends SvelteComponentTyped<CmpProps, CmpEvents, CmpSlots> {
+}
+export {};

package/dist/core/browser.d.ts

@@ -1 +1 @@
-export declare const runningInBrowser: () => boolean;
+export { isBrowser as runningInBrowser } from '@streamscloud/kit/core/utils';

package/dist/core/browser.js

@@ -1 +1 @@
-export const runningInBrowser = () => typeof window !== 'undefined' && typeof document !== 'undefined';
+export { isBrowser as runningInBrowser } from '@streamscloud/kit/core/utils';

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

@@ -1,11 +1 @@
-export declare class ContinuationToken {
-    canLoadMore: boolean;
-    value: string | null;
-    private constructor();
-    static init(): ContinuationToken;
-    static fromPayload(value: string | null): ContinuationToken;
-    static preventLoading(): ContinuationToken;
-    toNextChunkString(): string | null | undefined;
-    toString(): string | null;
-    toJSON(): string | null;
-}
+export { ContinuationToken } from '@streamscloud/kit/core';

package/dist/core/continuation-token.js

@@ -1,35 +1 @@
-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);
-    }
-    toNextChunkString() {
-        return this.canLoadMore ? this.value || undefined : this.value;
-    }
-    toString() {
-        return this.value;
-    }
-    toJSON() {
-        return this.value;
-    }
-}
+export { ContinuationToken } from '@streamscloud/kit/core';

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

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

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

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

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

@@ -1 +1 @@
-export { CursorDataLoader } from './cursor-data-loader.svelte';
+export { CursorDataLoader } from '@streamscloud/kit/core/data-loaders';

package/dist/core/deferred.d.ts

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

package/dist/core/deferred.js

@@ -1,13 +1 @@
-export class Deferred {
-    promise;
-    reject;
-    resolve;
-    constructor() {
-        this.resolve = () => ({});
-        this.reject = () => ({});
-        this.promise = new Promise((resolve, reject) => {
-            this.reject = reject;
-            this.resolve = resolve;
-        });
-    }
-}
+export { Deferred } from '@streamscloud/kit/core';

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

@@ -1,4 +1,4 @@
-export { ImageHelper } from './image-helper';
+export { ImageHelper, type ImageSize } from '@streamscloud/kit/core/media';
 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 +1,4 @@
-export { ImageHelper } from './image-helper';
+export { ImageHelper } from '@streamscloud/kit/core/media';
 export { ImageSizeDetectorService } from './images-size-detector.service';
 export {} from './types';
 export { getMediaItemImageUrl } from './media-item-url.service';

package/dist/core/toastr.d.ts

@@ -1 +1 @@
-export declare const toastrWarning: (message: string) => void;
+export { Toastr, type ToastrAction, type ToastrOptions, type ToastrPromiseMessages } from '@streamscloud/kit/core/toastr';

package/dist/core/toastr.js

@@ -1,26 +1 @@
-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);
-};
+export { Toastr } from '@streamscloud/kit/core/toastr';

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

@@ -1 +1 @@
-export { slideHorizontally } from './slide-horizontally';
+export { slideHorizontally } from '@streamscloud/kit/core/transitions';

package/dist/core/transitions/index.js

@@ -1 +1 @@
-export { slideHorizontally } from './slide-horizontally';
+export { slideHorizontally } from '@streamscloud/kit/core/transitions';

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

@@ -1,29 +1 @@
-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 {};
+export { DateHelper, DateFormatOptions, type MonthRange } from '@streamscloud/kit/core/utils';

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

@@ -1,146 +1 @@
-export class DateHelper {
-    static toDate(date, resetTime = false) {
-        date = new Date(date);
-        if (resetTime) {
-            date.setHours(0, 0, 0, 0);
-        }
-        return date;
-    }
-    static secondsToTimeRepresentation(seconds, duration) {
-        const longerThanHour = Math.floor(duration / 3600) > 0;
-        if (!seconds) {
-            return longerThanHour ? '0:00:00' : '0:00';
-        }
-        const hours = Math.floor(seconds / 3600);
-        const mins = Math.floor((seconds - hours * 3600) / 60);
-        seconds = seconds - hours * 3600 - mins * 60;
-        let res = '';
-        if (longerThanHour) {
-            if (hours) {
-                res += `${hours}:`;
-            }
-            else {
-                res += '0:';
-            }
-            if (mins < 10) {
-                res += '0';
-            }
-        }
-        res += `${mins}:`;
-        if (seconds < 10) {
-            res += '0';
-        }
-        res += seconds;
-        return res;
-    }
-    static getDate(date) {
-        date = DateHelper.toDate(date);
-        return date.getDate();
-    }
-    static getYear(date) {
-        date = DateHelper.toDate(date);
-        return date.getFullYear();
-    }
-    static getMonthName(date, locale, short = false) {
-        date = DateHelper.toDate(date);
-        return date.toLocaleString(locale, { month: short ? 'short' : 'long' });
-    }
-    static getWeekdayName(date, locale, short = false) {
-        date = DateHelper.toDate(date);
-        return date.toLocaleString(locale, { weekday: short ? 'short' : 'long' });
-    }
-    static getMonthRange(date) {
-        date = DateHelper.toDate(date);
-        const fullYear = date.getFullYear();
-        const month = date.getMonth();
-        const firstDay = new Date(fullYear, month, 1);
-        const lastDay = new Date(fullYear, month + 1, 1);
-        lastDay.setMilliseconds(-1);
-        return { firstDay, lastDay };
-    }
-    static daysInMonth(date) {
-        date = DateHelper.toDate(date);
-        return new Date(date.getFullYear(), date.getMonth() + 1, 0).getDate();
-    }
-    static getDayOfWeek(date) {
-        date = DateHelper.toDate(date);
-        const day = date.getDay();
-        return day === 0 ? 7 : day;
-    }
-    static getShiftedDate(date, daysShift) {
-        date = DateHelper.toDate(date);
-        date.setDate(date.getDate() + daysShift);
-        return date;
-    }
-    static getDateOnlyString(date) {
-        if (!date) {
-            return null;
-        }
-        date = DateHelper.toDate(date);
-        const year = date.getFullYear();
-        const month = date.getMonth() + 1;
-        const day = date.getDate();
-        return `${year}-${month.toString().padStart(2, '0')}-${day.toString().padStart(2, '0')}`;
-    }
-    static formatDateRange(startDate, endDate, locale) {
-        const startTime = DateHelper.toDate(startDate);
-        const endTime = DateHelper.toDate(endDate);
-        const startMonthName = DateHelper.getMonthName(startDate, locale).toLocaleLowerCase();
-        const endMonthName = DateHelper.getMonthName(endDate, locale).toLocaleLowerCase();
-        const isSameDateWithStart = startTime.getDate() === endTime.getDate() && startTime.getMonth() === endTime.getMonth() && startTime.getFullYear() === endTime.getFullYear();
-        const isSameMonth = startTime.getMonth() === endTime.getMonth();
-        if (isSameDateWithStart) {
-            return `${startTime.getDate()}. ${startMonthName}`;
-        }
-        if (isSameMonth) {
-            return `${startTime.getDate()}. –${endTime.getDate()}. ${startMonthName}`;
-        }
-        return `${startTime.getDate()}. ${startMonthName} – ${endTime.getDate()}. ${endMonthName}`;
-    }
-    static dateRangeDescriptionString(startDate, endDate, locale) {
-        let eventTime;
-        const currentDate = new Date();
-        const startTime = DateHelper.toDate(startDate);
-        const getFormattedDate = (d) => {
-            const month = DateHelper.getMonthName(d, locale, false);
-            const date = d.getDate();
-            const year = d.getFullYear() === currentDate.getFullYear() ? '' : d.getFullYear().toString();
-            const dateString = [month, date, year].join(' ');
-            return dateString;
-        };
-        const getFormattedTime = (d) => {
-            return `${d.getHours().toString().padStart(2, '0')}:${d.getMinutes().toString().padStart(2, '0')}`;
-        };
-        const getWeekday = (d) => DateHelper.getWeekdayName(d, locale, false);
-        if (!endDate) {
-            eventTime = [getWeekday(startTime), getFormattedDate(startTime), getFormattedTime(startTime)].join(' · ');
-        }
-        else {
-            const endTime = DateHelper.toDate(endDate);
-            const isSameDateWithStart = startTime.getDate() === endTime.getDate() && startTime.getMonth() === endTime.getMonth() && startTime.getFullYear() === endTime.getFullYear();
-            if (isSameDateWithStart) {
-                eventTime = [getWeekday(startTime), getFormattedDate(startTime), `${getFormattedTime(startTime)}-${getFormattedTime(endTime)}`].join(' · ');
-            }
-            else {
-                const getFormattedDateWithTime = (d) => [getFormattedDate(d), getFormattedTime(d)].join(' · ');
-                eventTime = `${getFormattedDateWithTime(startTime)} - ${getFormattedDateWithTime(endTime)}`;
-            }
-        }
-        return eventTime;
-    }
-}
-export class DateFormatOptions {
-    static dateTimeFormat = {
-        day: '2-digit',
-        month: 'short',
-        year: 'numeric',
-        hour: '2-digit',
-        minute: '2-digit',
-        hour12: false
-    };
-    static dateTimeWithoutYearFormat = { day: '2-digit', month: 'short', hour: '2-digit', minute: '2-digit', hour12: false };
-    static timeFormat = { hour: '2-digit', minute: '2-digit', hour12: false };
-    static dateFormat = { day: '2-digit', month: 'short', year: 'numeric' };
-    static dateFormatWithoutYear = { day: '2-digit', month: 'short' };
-    static dateFullMonthFormat = { day: '2-digit', month: 'long' };
-}
+export { DateHelper, DateFormatOptions } from '@streamscloud/kit/core/utils';

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

@@ -1,42 +1 @@
-export declare class HtmlHelper {
-    static clearSelection(): void;
-    static elementFromString(html: string): Element;
-    /**
-     * Replaces reserved html characters with html entities e.g. '<' with '&lt;'
-     */
-    static escapeSpecialChars(s: string): string;
-    /**
-     * Inserts new element into DOM before specified sibling
-     * @param  newElement   Element to be inserted
-     * @param  siblingElement     Anchor element to determine new element position
-     * @return Returns nothing
-     *
-     * Usage
-     * DomHelper.insertBefore(siblingElement, newContentField);
-     */
-    static insertBefore(newElement: Element, siblingElement: Element): void;
-    /**
-     * Inserts new element into DOM after specified sibling
-     * @param  newElement   Element to be inserted
-     * @param  siblingElement     Anchor element to determine new element position
-     * @return Returns nothing
-     *
-     * Usage
-     * DomHelper.insertAfter(siblingElement, newContentField);
-     */
-    static insertAfter(newElement: Element, siblingElement: Element): void;
-    /**
-     * Inserts new element into DOM after/before specified sibling
-     * @param  newElement   Element to be inserted
-     * @param  siblingElement     Anchor element to determine new element position
-     * @param  insertBefore   Mark new position
-     * @return Returns nothing
-     *
-     * Usage
-     * DomHelper.insert(siblingElement, newContentField, false);
-     */
-    static insert(newElement: Element, siblingElement: Element, insertBefore?: boolean): void;
-    static sanitizeHtml(html: string): string;
-    static sanitizeSvg(svg: string): string;
-    static pasteIntoInput(value: string, element: HTMLInputElement | HTMLTextAreaElement): void;
-}
+export { HtmlHelper } from '@streamscloud/kit/core/utils';

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

@@ -1,104 +1 @@
-import dp from 'dompurify';
-export class HtmlHelper {
-    static clearSelection() {
-        if (window.getSelection) {
-            const selection = window.getSelection();
-            if (!selection) {
-                return;
-            }
-            if (selection.empty) {
-                // Chrome
-                selection.empty();
-            }
-            else if (selection.removeAllRanges) {
-                // Firefox
-                selection.removeAllRanges();
-            }
-        }
-    }
-    static elementFromString(html) {
-        const wrapper = document.createElement('div');
-        wrapper.innerHTML = html;
-        const result = wrapper.firstElementChild;
-        wrapper.remove();
-        return result;
-    }
-    /**
-     * Replaces reserved html characters with html entities e.g. '<' with '&lt;'
-     */
-    static escapeSpecialChars(s) {
-        return s.replaceAll('&', '&amp;').replaceAll('<', '&lt;').replaceAll('>', '&gt;').replaceAll('"', '&quot;').replaceAll("'", '&#039;');
-    }
-    /**
-     * Inserts new element into DOM before specified sibling
-     * @param  newElement   Element to be inserted
-     * @param  siblingElement     Anchor element to determine new element position
-     * @return Returns nothing
-     *
-     * Usage
-     * DomHelper.insertBefore(siblingElement, newContentField);
-     */
-    static insertBefore(newElement, siblingElement) {
-        siblingElement.parentNode?.insertBefore(newElement, siblingElement);
-    }
-    /**
-     * Inserts new element into DOM after specified sibling
-     * @param  newElement   Element to be inserted
-     * @param  siblingElement     Anchor element to determine new element position
-     * @return Returns nothing
-     *
-     * Usage
-     * DomHelper.insertAfter(siblingElement, newContentField);
-     */
-    static insertAfter(newElement, siblingElement) {
-        siblingElement.parentNode?.insertBefore(newElement, siblingElement.nextSibling);
-    }
-    /**
-     * Inserts new element into DOM after/before specified sibling
-     * @param  newElement   Element to be inserted
-     * @param  siblingElement     Anchor element to determine new element position
-     * @param  insertBefore   Mark new position
-     * @return Returns nothing
-     *
-     * Usage
-     * DomHelper.insert(siblingElement, newContentField, false);
-     */
-    static insert(newElement, siblingElement, insertBefore = false) {
-        if (insertBefore) {
-            HtmlHelper.insertBefore(newElement, siblingElement);
-        }
-        else {
-            HtmlHelper.insertAfter(newElement, siblingElement);
-        }
-    }
-    static sanitizeHtml(html) {
-        return dp.sanitize(html);
-    }
-    static sanitizeSvg(svg) {
-        return dp.sanitize(svg, { USE_PROFILES: { svg: true, svgFilters: true }, ADD_ATTR: ['dominant-baseline'] });
-    }
-    static pasteIntoInput(value, element) {
-        if (element.selectionStart || element.selectionStart === 0) {
-            const startPos = element.selectionStart;
-            const endPos = element.selectionEnd;
-            if (endPos === null) {
-                element.value = value;
-            }
-            else {
-                const beforeSelection = element.value.substring(0, startPos);
-                const afterSelection = element.value.substring(endPos, element.value.length);
-                element.value = `${beforeSelection}${value}${afterSelection}`;
-            }
-            const newCursor = startPos + value.length;
-            element.setSelectionRange(newCursor, newCursor);
-        }
-        else {
-            element.value += value;
-        }
-        element.dispatchEvent(new Event('input', {
-            bubbles: true,
-            cancelable: true
-        }));
-        element.focus();
-    }
-}
+export { HtmlHelper } from '@streamscloud/kit/core/utils';

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

@@ -1,3 +1 @@
-export * from './utils';
-export * from './string-helper';
-export * from './number-helper';
+export { Utils, type Without, type UnsubscribeMethod } from '@streamscloud/kit/core/utils';

package/dist/core/utils/index.js

@@ -1,3 +1 @@
-export * from './utils';
-export * from './string-helper';
-export * from './number-helper';
+export { Utils } from '@streamscloud/kit/core/utils';

package/dist/core/utils/string-generator.d.ts

@@ -1,2 +1 @@
-export declare function generateString(length: number): string;
-export declare const randomNanoid: (size?: number) => string;
+export { randomNanoid } from '@streamscloud/kit/core/utils';

package/dist/core/utils/string-generator.js

@@ -1,15 +1 @@
-import { nanoid } from 'nanoid';
-const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz';
-export function generateString(length) {
-    let result = '';
-    const charactersLength = characters.length;
-    let counter = 0;
-    while (counter < length) {
-        result += characters.charAt(Math.floor(Math.random() * charactersLength));
-        counter += 1;
-    }
-    return result;
-}
-export const randomNanoid = (size = 15) => {
-    return nanoid(size);
-};
+export { randomNanoid } from '@streamscloud/kit/core/utils';

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

@@ -1,6 +1,5 @@
 import { Status, StreamStatus } from '../../core/enums';
 import { createLocalGQLClient } from '../../core/graphql';
-import { brandColors } from '../../core/theme';
 import { InternalMediaCenterAnalyticsHandler } from './internal-media-center-analytics-handler';
 import { MockCategoryFollowingProvider, MockMediaCenterContentManagementHandler, MockMembershipHandler, MockNavigationHandler, MockPostSocialInteractionsHandler } from './mocks';
 import { GetMediaPageConfigDocument } from './operations.generated';
@@ -38,9 +37,9 @@ export class InternalMediaCenterDataProvider {
                         : null,
                     contentCategories: config.menuSettings?.contentCategories || [],
                     categoryTagAssociations: config.menuSettings?.contentCategoryMenuItems || [],
+                    playerColors: { light: null, dark: config.playerColors },
                     moments: config.moments
                 };
-                brandColors.set({ light: null, dark: config.playerColors });
             }
             return this.model;
         };