@streamscloud/embeddable 12.2.0 → 13.0.1

package/dist/media-center/media-center/discover/community-features.svelte

@@ -0,0 +1,171 @@
+<script lang="ts">var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { compactNumber } from '../../../core/utils/compact-number';
+import { OptionsButton, ButtonSize, ButtonStyle, Button } from '../../../ui/button';
+import { CommunityFeaturesLocalization } from './community-features-localization';
+let { target, membershipHandler, locale } = $props();
+const localization = $derived(new CommunityFeaturesLocalization(locale));
+let uiState = $state('idle');
+let isJoinedStore = $state.raw({ isJoined: false });
+$effect(() => {
+    if (!membershipHandler) {
+        isJoinedStore = { isJoined: false };
+    }
+    else {
+        updateIsJoinedStore(membershipHandler);
+    }
+});
+const updateIsJoinedStore = (membershipHandler) => __awaiter(void 0, void 0, void 0, function* () {
+    uiState = 'loading';
+    try {
+        isJoinedStore = yield membershipHandler.getIsJoined();
+    }
+    finally {
+        uiState = 'idle';
+    }
+});
+const onLeaveMembershipClick = () => __awaiter(void 0, void 0, void 0, function* () {
+    if (!membershipHandler) {
+        return;
+    }
+    uiState = 'submitting';
+    try {
+        yield membershipHandler.leave();
+        yield updateIsJoinedStore(membershipHandler);
+    }
+    finally {
+        uiState = 'idle';
+    }
+});
+const onJoinMembershipClick = () => __awaiter(void 0, void 0, void 0, function* () {
+    if (!membershipHandler) {
+        return;
+    }
+    uiState = 'submitting';
+    try {
+        yield membershipHandler.join();
+        yield updateIsJoinedStore(membershipHandler);
+    }
+    finally {
+        uiState = 'idle';
+    }
+});
+</script>
+
+{#if target.communityFeatures && (target.communityFeatures.membersCount > 0 || membershipHandler)}
+  <div class="community-features">
+    <button
+      type="button"
+      class="members"
+      disabled={!membershipHandler || target.communityFeatures.membersCount === 0}
+      onclick={() => membershipHandler?.viewMembersList()}>
+      <span class="members__count">
+        {compactNumber(target.communityFeatures.membersCount, { locale })}
+      </span>
+      <span class="members__label">
+        {localization.membersLabel(target.communityFeatures.membersCount)}
+      </span>
+    </button>
+    {#if membershipHandler && uiState !== 'loading'}
+      <div class="actions">
+        {#if isJoinedStore.isJoined}
+          <OptionsButton size={ButtonSize.Small} style={ButtonStyle.Standard} optionsPosition="bottom-end" disabled={uiState === 'submitting'}>
+            {localization.memberButtonLabel}
+            {#snippet rightOptions()}
+              <div class="leave-actions">
+                <button type="button" class="leave-actions__button" onclick={onLeaveMembershipClick}>
+                  {localization.leaveButtonLabel}
+                </button>
+              </div>
+            {/snippet}
+          </OptionsButton>
+        {:else}
+          <Button size={ButtonSize.Small} style={ButtonStyle.Standard} on={{ click: onJoinMembershipClick }} disabled={uiState === 'submitting'}>
+            {localization.joinButtonLabel}
+          </Button>
+        {/if}
+      </div>
+    {/if}
+  </div>
+{/if}
+
+<style>@keyframes fadeIn {
+  0% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.4;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+.community-features {
+  display: flex;
+  flex-wrap: nowrap;
+  margin-top: 0.625rem;
+  gap: 8.125rem;
+  align-items: center;
+  /* Set 'container-type: inline-size;' to reference container*/
+}
+@container (width < 576px) {
+  .community-features {
+    margin-top: 0.125rem;
+  }
+}
+
+.members {
+  display: flex;
+  align-items: center;
+  gap: 0.625rem;
+  /* Set 'container-type: inline-size;' to reference container*/
+}
+@container (width < 576px) {
+  .members {
+    align-items: flex-end;
+    gap: 0.25rem;
+  }
+}
+.members__count {
+  font-size: 0.9375rem;
+  line-height: 1;
+  font-weight: 500;
+  /* Set 'container-type: inline-size;' to reference container*/
+}
+@container (width < 576px) {
+  .members__count {
+    font-weight: 600;
+  }
+}
+.members__label {
+  font-size: 0.75rem;
+  line-height: 1;
+  font-weight: 400;
+  color: var(--sc-mc-color--text-secondary);
+  /* Set 'container-type: inline-size;' to reference container*/
+}
+@container (width < 576px) {
+  .members__label {
+    font-weight: 600;
+  }
+}
+
+.actions {
+  --button--min-width: 7.5rem;
+}
+
+.leave-actions {
+  background: var(--sc-mc-color--bg-button);
+  border-radius: 0.25rem;
+}
+.leave-actions__button {
+  padding: 0.3125rem 0.9375rem;
+  font-size: 0.75rem;
+}</style>

package/dist/media-center/media-center/discover/community-features.svelte.d.ts

@@ -0,0 +1,11 @@
+import type { Locale } from '../../../core/locale';
+import type { MediaCenterModel } from '../../config/types';
+import type { IMediaCenterMembershipHandler } from '../../membership';
+type Props = {
+    target: MediaCenterModel;
+    membershipHandler: IMediaCenterMembershipHandler | null;
+    locale: Locale;
+};
+declare const CommunityFeatures: import("svelte").Component<Props, {}, "">;
+type CommunityFeatures = ReturnType<typeof CommunityFeatures>;
+export default CommunityFeatures;

package/dist/media-center/media-center/discover/data-loading.d.ts

@@ -1,8 +1,8 @@
-import type { IMediaCenterConfig } from '../../config/types';
+import type { IMediaCenterDataProvider } from '../../config/types';
 import { StreamsInCategory, ShortVideosInCategory } from './types.svelte';
 export declare class DiscoverDataLoader {
-    private readonly config;
-    constructor(config: IMediaCenterConfig);
+    private readonly dataProvider;
+    constructor(dataProvider: IMediaCenterDataProvider);
     loadStreams: (holder: StreamsInCategory) => Promise<void>;
     loadShortVideos: (holder: ShortVideosInCategory) => Promise<void>;
 }

package/dist/media-center/media-center/discover/data-loading.js

@@ -1,15 +1,15 @@
 import { PostType } from '../../..';
 import { StreamsInCategory, ShortVideosInCategory } from './types.svelte';
 export class DiscoverDataLoader {
-    config;
-    constructor(config) {
-        this.config = config;
+    dataProvider;
+    constructor(dataProvider) {
+        this.dataProvider = dataProvider;
     }
     loadStreams = async (holder) => {
         if (holder.continuationToken === null) {
             return;
         }
-        const streamsResponse = await this.config.streamPlayer.getStreamsCursor({
+        const streamsResponse = await this.dataProvider.streamPlayer.getStreamsCursor({
             filter: { categoryId: holder.categoryId ?? undefined },
             limit: 6,
             continuationToken: holder.continuationToken
@@ -21,7 +21,7 @@ export class DiscoverDataLoader {
         if (holder.continuationToken === null) {
             return;
         }
-        const shortVideosResponse = await this.config.postsPlayer.getPostsCursor({
+        const shortVideosResponse = await this.dataProvider.postsPlayer.getPostsCursor({
             filter: {
                 categoryId: holder.categoryId,
                 types: [PostType.ShortVideo]

package/dist/media-center/media-center/discover/discover-header.svelte

@@ -1,15 +1,13 @@
-<script lang="ts">import { compactNumber } from '../../../core/utils/compact-number';
-import { ImageRounded } from '../../../ui/image';
+<script lang="ts">import { ImageRounded } from '../../../ui/image';
 import { LineClamp } from '../../../ui/line-clamp';
 import { ProportionalContainer } from '../../../ui/proportional-container';
-import { DiscoverHeaderLocalization } from './discover-header-localization';
+import { default as CommunityFeatures } from './community-features.svelte';
 import { MomentsCircle } from '../moments';
 let { context } = $props();
-const localization = $derived(new DiscoverHeaderLocalization(context.locale));
 </script>
 
-{#if context.targetData}
-  {@const target = context.targetData}
+{#if context.model}
+  {@const target = context.model}
   <div class="header">
     <div class="header__avatar">
       <MomentsCircle context={context} />
@@ -17,14 +15,7 @@ const localization = $derived(new DiscoverHeaderLocalization(context.locale));
     <div class="header__info">
       <p class="header__name">{target.name}</p>
       <p class="header__handle">@{target.handle}</p>
-      <div class="header__members">
-        <span class="header__members-count">
-          {compactNumber(target.membersCount, { locale: context.locale })}
-        </span>
-        <span class="header__members-label">
-          {localization.membersLabel(target.membersCount)}
-        </span>
-      </div>
+      <CommunityFeatures target={target} membershipHandler={context.membershipHandler} locale={context.locale} />
 
       {#if target.description}
         <p class="header__description">
@@ -48,14 +39,7 @@ const localization = $derived(new DiscoverHeaderLocalization(context.locale));
       </div>
       <div class="header-mobile__texts">
         <p class="header-mobile__name">{target.name}</p>
-        <div class="header-mobile__members">
-          <span class="header-mobile__members-count">
-            {compactNumber(target.membersCount, { locale: localization.locale })}
-          </span>
-          <span class="header-mobile__members-label">
-            {localization.membersLabel(target.membersCount)}
-          </span>
-        </div>
+        <CommunityFeatures target={target} membershipHandler={context.membershipHandler} locale={context.locale} />
       </div>
     </div>
     {#if target.description}
@@ -111,28 +95,11 @@ const localization = $derived(new DiscoverHeaderLocalization(context.locale));
   font-weight: 400;
   color: var(--sc-mc-color--text-brand);
 }
-.header__members {
-  margin-top: 0.625rem;
-  display: flex;
-  align-items: center;
-  gap: 0.625rem;
-}
-.header__members-count {
-  font-size: 0.9375rem;
-  line-height: 1;
-  font-weight: 500;
-}
-.header__members-label {
-  font-size: 0.75rem;
-  line-height: 1;
-  font-weight: 400;
-  color: var(--sc-mc-color--text-secondary);
-}
 .header__description {
   margin-top: 0.875rem;
   font-size: 0.9375rem;
   max-width: 37.5rem;
-  --line-clamp--line-clamp: 6;
+  --line-clamp--line-clamp: 5;
 }
 .header__side-banner-container {
   width: 29.375rem;
@@ -188,22 +155,6 @@ const localization = $derived(new DiscoverHeaderLocalization(context.locale));
     letter-spacing: -0.0103125rem;
   }
 }
-.header-mobile__members {
-  display: flex;
-  align-items: flex-end;
-  gap: 0.25rem;
-}
-.header-mobile__members-count {
-  font-size: 0.9375rem;
-  line-height: 1;
-  font-weight: 600;
-}
-.header-mobile__members-label {
-  font-size: 0.75rem;
-  line-height: 1;
-  font-weight: 600;
-  color: var(--sc-mc-color--text-secondary);
-}
 .header-mobile__description {
   font-size: 1rem;
   font-weight: 500;

package/dist/media-center/media-center/discover/discover-view-handler.svelte.d.ts

@@ -1,7 +1,7 @@
-import type { IMediaCenterConfig } from '../../config/types';
+import type { IMediaCenterDataProvider } from '../../config/types';
 import { ShortVideosInCategory, StreamsInCategory } from './types.svelte';
 export declare class DiscoverViewHandler {
-    private readonly config;
+    private readonly dataProvider;
     private _activated;
     private _state;
     private _streamsInCategoryCache;
@@ -10,7 +10,7 @@ export declare class DiscoverViewHandler {
     private _shortVideosInCategory;
     private _dataLoader;
     private _shortVideosLoadingDeferred;
-    constructor(config: IMediaCenterConfig);
+    constructor(dataProvider: IMediaCenterDataProvider);
     get activated(): boolean;
     get active(): boolean;
     get loading(): boolean;

package/dist/media-center/media-center/discover/discover-view-handler.svelte.js

@@ -2,7 +2,7 @@ import { Deferred } from '../../../core/deferred';
 import { DiscoverDataLoader } from './data-loading';
 import { ShortVideosInCategory, StreamsInCategory } from './types.svelte';
 export class DiscoverViewHandler {
-    config;
+    dataProvider;
     _activated = $state(false);
     _state = $state('loading');
     _streamsInCategoryCache = $state.raw([]);
@@ -11,9 +11,9 @@ export class DiscoverViewHandler {
     _shortVideosInCategory = $state.raw([]);
     _dataLoader;
     _shortVideosLoadingDeferred = null;
-    constructor(config) {
-        this.config = config;
-        this._dataLoader = new DiscoverDataLoader(this.config);
+    constructor(dataProvider) {
+        this.dataProvider = dataProvider;
+        this._dataLoader = new DiscoverDataLoader(this.dataProvider);
     }
     get activated() {
         return this._activated;

package/dist/media-center/media-center/feed/feed-handler.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { IMediaCenterConfig } from '../..';
+import type { IMediaCenterDataProvider } from '../..';
 import type { PostPlayerModel } from '../../../posts/posts-player';
 import type { IStreamsPlayerDataProvider } from '../../../streams/streams-player';
 import type { ICloseOrchestrator } from '../../../ui/player/close-orchestrator';
@@ -10,13 +10,15 @@ export declare class FeedHandler {
     private _active;
     private _providersGenerator;
     private _feedPlayerProps;
-    private _externalHandlers;
+    private _dataProvider;
     private _mediaCenterSettingsHandler;
     private _closeOrchestrator;
+    private _onPlayerReachedEnd;
     constructor(data: {
-        config: IMediaCenterConfig;
+        dataProvider: IMediaCenterDataProvider;
         mediaCenterSettingsHandler: MediaCenterSettingsHandler;
         closeOrchestrator: ICloseOrchestrator;
+        onPlayerReachedEnd: () => void;
     });
     get active(): boolean;
     get feedPlayerProps(): PlayerProps | null;

package/dist/media-center/media-center/feed/feed-handler.svelte.js

@@ -6,15 +6,17 @@ export class FeedHandler {
     _active = $state(false);
     _providersGenerator;
     _feedPlayerProps = $state.raw(null);
-    _externalHandlers;
+    _dataProvider;
     _mediaCenterSettingsHandler;
     _closeOrchestrator;
+    _onPlayerReachedEnd;
     constructor(data) {
-        const { config, mediaCenterSettingsHandler, closeOrchestrator } = data;
-        this._providersGenerator = new FeedProvidersGenerator(config);
+        const { dataProvider, mediaCenterSettingsHandler, closeOrchestrator, onPlayerReachedEnd } = data;
+        this._providersGenerator = new FeedProvidersGenerator(dataProvider);
         this._mediaCenterSettingsHandler = mediaCenterSettingsHandler;
-        this._externalHandlers = config.handlers;
+        this._dataProvider = dataProvider;
         this._closeOrchestrator = closeOrchestrator;
+        this._onPlayerReachedEnd = onPlayerReachedEnd;
     }
     get active() {
         return this._active;
@@ -28,10 +30,13 @@ export class FeedHandler {
     activatePostsFeed = async (options) => {
         const { dataProvider, filter, onPostActivated } = options;
         if (dataProvider) {
+            if (!dataProvider.onEndReached) {
+                dataProvider.onEndReached = this._onPlayerReachedEnd;
+            }
             this._feedPlayerProps = this.makePostsPlayerProps({ dataProvider, onPostActivated });
         }
         else {
-            const dataProvider = this._providersGenerator.makePostPlayerItemsProvider(filter);
+            const dataProvider = this._providersGenerator.makePostPlayerItemsProvider({ filter, onEndReached: this._onPlayerReachedEnd });
             this._feedPlayerProps = this.makePostsPlayerProps({ dataProvider, onPostActivated });
         }
         this._active = true;
@@ -39,10 +44,13 @@ export class FeedHandler {
     activateStreamsFeed = async (options) => {
         const { dataProvider, filter, onStreamActivated } = options;
         if (dataProvider) {
+            if (!dataProvider.onEndReached) {
+                dataProvider.onEndReached = this._onPlayerReachedEnd;
+            }
             this._feedPlayerProps = this.makeStreamsPlayerProps({ dataProvider, onStreamActivated });
         }
         else {
-            const dataProvider = this._providersGenerator.makeStreamsPlayerDataProvider(filter);
+            const dataProvider = this._providersGenerator.makeStreamsPlayerDataProvider({ filter, onEndReached: this._onPlayerReachedEnd });
             this._feedPlayerProps = this.makeStreamsPlayerProps({ dataProvider, onStreamActivated });
         }
         this._active = true;
@@ -53,8 +61,8 @@ export class FeedHandler {
             type: 'posts',
             props: {
                 dataProvider: { type: 'buffer', buffer: initBufferFromProvider(dataProvider) },
-                socialInteractionsHandler: this._externalHandlers?.socialInteractionsHandler,
-                analyticsHandler: this._externalHandlers?.analyticsHandler,
+                socialInteractionsHandler: this._dataProvider.handlers?.socialInteractionsHandler,
+                analyticsHandler: this._dataProvider.handlers?.analyticsHandler,
                 playerSettings: this._mediaCenterSettingsHandler.playerSettings,
                 closeOrchestrator: this._closeOrchestrator,
                 on: {
@@ -70,8 +78,8 @@ export class FeedHandler {
             type: 'streams',
             props: {
                 dataProvider: { type: 'buffer', buffer: new StreamsPlayerBuffer(dataProvider) },
-                analyticsHandler: this._externalHandlers?.analyticsHandler,
-                postSocialInteractionsHandler: this._externalHandlers?.socialInteractionsHandler,
+                analyticsHandler: this._dataProvider.handlers?.analyticsHandler,
+                postSocialInteractionsHandler: this._dataProvider.handlers?.socialInteractionsHandler,
                 playerSettings: this._mediaCenterSettingsHandler.playerSettings,
                 closeOrchestrator: this._closeOrchestrator,
                 on: {

package/dist/media-center/media-center/feed/feed-providers-generator.d.ts

@@ -1,11 +1,17 @@
-import type { IMediaCenterConfig } from '../../config/types';
+import type { IMediaCenterDataProvider } from '../../config/types';
 import type { PostPlayerModel } from '../../../posts/posts-player/types';
 import type { IStreamsPlayerDataProvider } from '../../../streams/streams-player/types';
 import type { IFeedPlayerDataProvider } from '../../../ui/player/providers';
 import type { PostsDataProviderFilter, StreamsDataProviderFilter } from './types';
 export declare class FeedProvidersGenerator {
-    private config;
-    constructor(config: IMediaCenterConfig);
-    makePostPlayerItemsProvider: (filter?: PostsDataProviderFilter) => IFeedPlayerDataProvider<PostPlayerModel>;
-    makeStreamsPlayerDataProvider: (filter?: StreamsDataProviderFilter) => IStreamsPlayerDataProvider;
+    private dataProvider;
+    constructor(dataProvider: IMediaCenterDataProvider);
+    makePostPlayerItemsProvider: (data: {
+        filter?: PostsDataProviderFilter;
+        onEndReached: () => void;
+    }) => IFeedPlayerDataProvider<PostPlayerModel>;
+    makeStreamsPlayerDataProvider: (data: {
+        filter?: StreamsDataProviderFilter;
+        onEndReached: () => void;
+    }) => IStreamsPlayerDataProvider;
 }

package/dist/media-center/media-center/feed/feed-providers-generator.js

@@ -2,15 +2,16 @@ import { ContinuationToken } from '../../../core/continuation-token';
 import { CursorDataLoader } from '../../../core/data-loaders';
 import { PostType } from '../../../core/enums';
 export class FeedProvidersGenerator {
-    config;
-    constructor(config) {
-        this.config = config;
+    dataProvider;
+    constructor(dataProvider) {
+        this.dataProvider = dataProvider;
     }
-    makePostPlayerItemsProvider = (filter) => {
+    makePostPlayerItemsProvider = (data) => {
+        const { filter, onEndReached } = data;
         const { categoryId, prefetchedItems: initialPrefetchedItems = [], initialPostId } = filter || {};
         const loader = new CursorDataLoader({
             loadPage: async (continuationToken) => {
-                const result = await this.config.postsPlayer.getPostsCursor({
+                const result = await this.dataProvider.postsPlayer.getPostsCursor({
                     filter: {
                         types: [PostType.Article, PostType.Media, PostType.ShortVideo, PostType.Video],
                         categoryId,
@@ -39,14 +40,16 @@ export class FeedProvidersGenerator {
                 prefetchedItems,
                 startIndex: prefetchedItems.length ? 0 : -1
             },
-            loadMore: loader.loadMore
+            loadMore: loader.loadMore,
+            onEndReached
         };
     };
-    makeStreamsPlayerDataProvider = (filter) => {
+    makeStreamsPlayerDataProvider = (data) => {
+        const { filter, onEndReached } = data;
         const { categoryId, prefetchedStreams: initialPrefetchedStreams = [], initialStreamId } = filter || {};
         const loader = new CursorDataLoader({
             loadPage: async (continuationToken) => {
-                const result = await this.config.streamPlayer.getStreamsCursor({
+                const result = await this.dataProvider.streamPlayer.getStreamsCursor({
                     filter: {
                         categoryId,
                         excludeIds: initialPrefetchedStreams.length ? initialPrefetchedStreams.map((i) => i.id) : undefined
@@ -73,7 +76,8 @@ export class FeedProvidersGenerator {
                 prefetchedStreams
             },
             loadMoreStreams: loader.loadMore,
-            getStreamPages: this.config.streamPlayer.getStreamPages
+            getStreamPages: this.dataProvider.streamPlayer.getStreamPages,
+            onEndReached
         };
     };
 }

package/dist/media-center/media-center/footer/index.d.ts

@@ -0,0 +1 @@
+export { default as MediaCenterFooter } from './media-center-footer.svelte';

package/dist/media-center/media-center/footer/index.js

@@ -0,0 +1 @@
+export { default as MediaCenterFooter } from './media-center-footer.svelte';

package/dist/media-center/media-center/handlers/categories-handler.svelte.d.ts

@@ -1,9 +1,11 @@
-import type { MediaCenterConfigModel } from '../../config/types';
+import type { IMediaCenterDataProvider } from '../../config/types';
 import type { MediaCenterCategoryData } from '../types';
 export declare class CategoriesHandler {
+    private readonly dataProvider;
     private _allCateogories;
     private _tagAssociations;
     private _selectedCategoryId;
+    constructor(dataProvider: IMediaCenterDataProvider);
     get allCategories(): {
         id: string;
         name: string;
@@ -14,10 +16,6 @@ export declare class CategoriesHandler {
     get selectedCategoryId(): string | null;
     set selectedCategoryId(value: string | null);
     getCategoryData: (categoryId: string) => MediaCenterCategoryData | null;
-    init: (data: {
-        categories: MediaCenterConfigModel["contentCategories"];
-        tagAssociations: MediaCenterConfigModel["categoryTagAssociations"];
-    }) => Promise<void>;
 }
 export type MediaCenterCategoryModel = {
     id: string;

package/dist/media-center/media-center/handlers/categories-handler.svelte.js

@@ -1,7 +1,21 @@
 export class CategoriesHandler {
-    _allCateogories = $state.raw([]);
-    _tagAssociations = $state.raw(new Map());
+    dataProvider;
+    _allCateogories = $derived.by(() => this.dataProvider.model?.contentCategories ?? []);
+    _tagAssociations = $derived.by(() => {
+        const newTagAssociations = new Map();
+        if (this.dataProvider.model?.categoryTagAssociations) {
+            for (const assoc of this.dataProvider.model.categoryTagAssociations) {
+                if (assoc.tag) {
+                    newTagAssociations.set(assoc.id, assoc.tag);
+                }
+            }
+        }
+        return newTagAssociations;
+    });
     _selectedCategoryId = $state.raw(null);
+    constructor(dataProvider) {
+        this.dataProvider = dataProvider;
+    }
     get allCategories() {
         return this._allCateogories;
     }
@@ -40,15 +54,4 @@ export class CategoriesHandler {
         };
         return selectedCategoryData;
     };
-    init = async (data) => {
-        const { categories, tagAssociations } = data;
-        this._allCateogories = categories;
-        const newTagAssociations = new Map();
-        for (const assoc of tagAssociations) {
-            if (assoc.tag) {
-                newTagAssociations.set(assoc.id, assoc.tag);
-            }
-        }
-        this._tagAssociations = newTagAssociations;
-    };
 }

package/dist/media-center/media-center/handlers/media-center-settings-handler.svelte.d.ts

@@ -1,12 +1,24 @@
-import type { PlayerColors } from '../../../ui/player/colors';
-import type { MediaCenterSettings } from '../types';
+import type { Locale } from '../../../core/locale';
+import { type ThemeValue } from '../../../core/theme';
+import type { IMediaCenterDataProvider } from '../../config/types';
+import { PlayerColors } from '../../../ui/player/colors';
+import type { MediaCenterSettings } from '../media-center-settings.svelte';
 export declare class MediaCenterSettingsHandler {
     private _backgroundImageUrl;
+    private _mediaCenterSettings;
+    private _dataProvider;
     private _contentPlayerSettings;
-    private _colorsMap;
-    constructor(settings?: MediaCenterSettings);
-    get playerSettings(): MediaCenterSettingsWithColors;
-    get locale(): import("../../../core/locale").Locale;
+    constructor(init: {
+        readonly dataProvider: IMediaCenterDataProvider;
+        settings: MediaCenterSettings;
+    });
+    get playerSettings(): {
+        locale?: Locale;
+        showStreamsCloudWatermark?: boolean;
+        playerColors?: Record<ThemeValue, PlayerColors>;
+    };
+    get actualMediaCenterColors(): PlayerColors;
+    get locale(): Locale;
     get backgroundWrapperProps(): {
         backgroundDisabled: boolean;
         backgroundImageUrl: string | null;
@@ -14,7 +26,6 @@ export declare class MediaCenterSettingsHandler {
     };
     get backgroundImageLoadedHandler(): ((url: string | null) => void) | undefined;
     updateBackgroundImageUrl: (url: string | null | "not-applicable") => void;
-    updatePlayerColors: (colors: PlayerColors) => void;
 }
 export type MediaCenterSettingsWithColors = MediaCenterSettings & {
     playerColors?: PlayerColors;