@streamscloud/embeddable 12.1.0 → 13.0.0

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

@@ -102,8 +102,8 @@ const styles = $derived.by(() => {
   }
 }
 .ad-card {
-  --_ad-card--background-color: var(--ad-card--background-color, rgb(from #ffffff r g b/90%));
-  --_ad-card--border-color: var(--ad-card--background-color, #f2f2f3);
+  --_ad-card--background-color: var(--ad-card--background-color, rgb(from var(--sc-mc-color--bg-card) r g b/90%));
+  --_ad-card--border-color: var(--ad-card--background-color, var(--sc-mc-color--border-card));
   --_ad-card--price-color: var(--ad-card--price-color, inherit);
   width: 100%;
   height: max-content;
@@ -112,7 +112,6 @@ const styles = $derived.by(() => {
   position: relative;
   container-type: inline-size;
   aspect-ratio: 9/16;
-  color: #000000;
   background-color: var(--_ad-card--background-color);
   border: 1px solid var(--_ad-card--border-color);
   border-radius: 0.5rem;
@@ -121,11 +120,6 @@ const styles = $derived.by(() => {
   gap: 0.5rem;
   /* Set 'container-type: inline-size;' to reference container*/
 }
-:global([data-theme="dark"]) .ad-card {
-  --_ad-card--background-color: var(--ad-card--background-color, rgb(from #121212 r g b/90%));
-  --_ad-card--border-color: var(--ad-card--background-color, #1e1e1e);
-  color: #ffffff;
-}
 @container (width < 230px) {
   .ad-card {
     padding: 0.5rem 0.5rem 0.75rem;
@@ -221,7 +215,7 @@ const styles = $derived.by(() => {
 }
 .ad-card__description {
   font-weight: 400;
-  color: #6b7280;
+  color: var(--sc-mc-color--text-secondary);
   font-size: 0.9375rem;
   line-height: 1.375rem;
   min-height: 1.375rem;
@@ -234,9 +228,6 @@ const styles = $derived.by(() => {
     min-height: 0.875rem;
   }
 }
-:global([data-theme="dark"]) .ad-card__description {
-  color: #d1d5db;
-}
 .ad-card__price {
   font-size: 1.6875rem;
   font-weight: 700;
@@ -262,7 +253,7 @@ const styles = $derived.by(() => {
   line-height: 1.09125rem;
   letter-spacing: 0;
   text-align: right;
-  color: #6b7280;
+  color: var(--sc-mc-color--text-secondary);
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -276,9 +267,6 @@ const styles = $derived.by(() => {
     line-height: 0.875rem;
   }
 }
-:global([data-theme="dark"]) .ad-card__price-info-label {
-  color: #d1d5db;
-}
 .ad-card__button {
   width: 100%;
 }

package/dist/content-player/cmp.content-player.svelte

@@ -150,7 +150,7 @@ const handleSliderMounted = (node) => {
       {/if}
     </div>
 
-    <ControlsAndAttachments config={config} />
+    <ControlsAndAttachments config={config} hasOverview={!!overviewPanelContent} />
   {:else}
     <Loading positionFixedCenter={true} timeout={1000} />
   {/if}

package/dist/content-player/content-player-config.svelte.d.ts

@@ -3,7 +3,7 @@ import type { IPostSocialInteractionsHandler } from '../posts/social-interaction
 import type { ICloseOrchestrator } from '../ui/player/close-orchestrator';
 import type { IPlayerBuffer } from '../ui/player/providers';
 import type { PlayerSliderCallbacks } from '../ui/player/slider/types';
-import { ContentPlayerSettings } from './content-player-settings';
+import { ContentPlayerSettings } from './content-player-settings.svelte';
 import { ContentPlayerUIManager } from './ui-manager.svelte';
 export declare class ContentPlayerConfig<T extends {
     id: string;
@@ -28,17 +28,7 @@ export declare class ContentPlayerConfig<T extends {
         trackingParams?: ContentPlayerTrackingParams | null;
         closeOrchestrator: ICloseOrchestrator;
     });
-    get playerColors(): {
-        brand: string | null;
-        button: string | null;
-        buttonInactive: string | null;
-        cardButton: string | null;
-        cardBackground: string | null;
-        playerBackground: string | null;
-        price: string | null;
-        salePrice: string | null;
-        sidebarBackground: string | null;
-    };
+    get playerColors(): import("../ui/player/colors").PlayerColors;
     get trackingParams(): ContentPlayerConfig<T>['_trackingParams'];
     itemAsPostViewerModel: (item: T & {
         mediaIndex?: number;

package/dist/content-player/content-player-config.svelte.js

@@ -1,5 +1,5 @@
 import { PostModel } from '../posts/model';
-import { ContentPlayerSettings } from './content-player-settings';
+import { ContentPlayerSettings } from './content-player-settings.svelte';
 import { ContentPlayerUIManager } from './ui-manager.svelte';
 export class ContentPlayerConfig {
     playerBuffer = $state.raw(null);

package/dist/content-player/content-player-settings.svelte.d.ts

@@ -0,0 +1,16 @@
+import type { Locale } from '../core/locale';
+import { type ThemeValue } from '../core/theme';
+import { PlayerColors } from '../ui/player/colors';
+export declare class ContentPlayerSettings {
+    locale: Locale;
+    showStreamsCloudWatermark: boolean;
+    allPlayerColors: Record<ThemeValue, PlayerColors>;
+    constructor(init?: IContentPlayerSettings);
+    get playerColors(): PlayerColors;
+    patch: (settings?: IContentPlayerSettings) => void;
+}
+export type IContentPlayerSettings = {
+    locale?: Locale;
+    showStreamsCloudWatermark?: boolean;
+    playerColors?: Record<ThemeValue, PlayerColors>;
+};

package/dist/content-player/content-player-settings.svelte.js

@@ -0,0 +1,27 @@
+import { Theme } from '../core/theme';
+import { PlayerColors } from '../ui/player/colors';
+export class ContentPlayerSettings {
+    locale = $state('en');
+    showStreamsCloudWatermark = $state(false);
+    allPlayerColors = $state.raw({
+        light: new PlayerColors(null),
+        dark: new PlayerColors(null)
+    });
+    constructor(init) {
+        this.patch(init);
+    }
+    get playerColors() {
+        return this.allPlayerColors[Theme.get()];
+    }
+    patch = (settings) => {
+        if (settings?.locale !== undefined) {
+            this.locale = settings.locale;
+        }
+        if (settings?.showStreamsCloudWatermark !== undefined) {
+            this.showStreamsCloudWatermark = settings.showStreamsCloudWatermark;
+        }
+        if (settings?.playerColors !== undefined) {
+            this.allPlayerColors = settings.playerColors;
+        }
+    };
+}

package/dist/content-player/controls-and-attachments.svelte

@@ -1,12 +1,14 @@
 <script lang="ts">import { slideHorizontally } from '../core/transitions';
 import { PostAttachments } from '../posts/attachments';
 import { PostControls } from '../posts/controls';
-import { PlayerButton } from '../ui/player/button';
+import { IconColor } from '../ui/icon';
+import { PlayerButton, PlayerButtonsGroup } from '../ui/player/button';
 import { ContentPlayerConfig } from './content-player-config.svelte';
+import IconCalendarWeekNumbers from '@fluentui/svg-icons/icons/calendar_week_numbers_24_regular.svg?raw';
 import IconChevronDown from '@fluentui/svg-icons/icons/chevron_down_28_regular.svg?raw';
 import IconChevronUp from '@fluentui/svg-icons/icons/chevron_up_28_regular.svg?raw';
 import IconDismiss from '@fluentui/svg-icons/icons/dismiss_28_regular.svg?raw';
-let { config } = $props();
+let { config, hasOverview } = $props();
 const uiManager = config.uiManager;
 let attachmentsCollapsed = $state(false);
 let closeButtonAreaHeight = $state(0);
@@ -17,6 +19,18 @@ const currentItemPostContainer = $derived.by(() => {
     }
     return config.itemAsPostViewerModel(config.playerBuffer.current);
 });
+const extraActions = $derived.by(() => {
+    const actions = [];
+    if (hasOverview && uiManager.overviewCanBeShown) {
+        actions.push({
+            icon: IconCalendarWeekNumbers,
+            callback: () => {
+                uiManager.overviewCollapsed = !uiManager.overviewCollapsed;
+            }
+        });
+    }
+    return actions;
+});
 const changeShowAttachments = () => {
     attachmentsCollapsed = !attachmentsCollapsed;
 };
@@ -68,7 +82,23 @@ const variables = $derived.by(() => {
           activeColor={config.playerColors.button}
           inactiveColor={config.playerColors.buttonInactive}
           socialInteractionsHandler={config.socialInteractionsHandler}
+          extraActions={extraActions}
           on={{ attachmentsClicked: changeShowAttachments }} />
+      {:else if extraActions.length}
+        {#if extraActions.length === 1}
+          <PlayerButton
+            scaleEffect={true}
+            activeColor={config.playerColors.button}
+            inactiveColor={config.playerColors.buttonInactive}
+            icon={extraActions[0].icon}
+            on={{ click: extraActions[0].callback }} />
+        {:else}
+          <PlayerButtonsGroup
+            scaleEffect={true}
+            activeColor={config.playerColors.button}
+            backgroundColor={config.playerColors.buttonInactive}
+            actions={extraActions} />
+        {/if}
       {/if}
       {#if config.playerBuffer}
         <div

package/dist/content-player/controls-and-attachments.svelte.d.ts

@@ -4,6 +4,7 @@ declare class __sveltets_Render<T extends {
 }> {
     props(): {
         config: ContentPlayerConfig<T>;
+        hasOverview: boolean;
     };
     events(): {};
     slots(): {};

package/dist/content-player/index.d.ts

@@ -1,2 +1,3 @@
 export { default as ContentPlayer } from './cmp.content-player.svelte';
 export { ContentPlayerConfig } from './content-player-config.svelte';
+export { ContentPlayerSettings } from './content-player-settings.svelte';

package/dist/content-player/index.js

@@ -1,2 +1,3 @@
 export { default as ContentPlayer } from './cmp.content-player.svelte';
 export { ContentPlayerConfig } from './content-player-config.svelte';
+export { ContentPlayerSettings } from './content-player-settings.svelte';

package/dist/content-player/overview-panel.svelte

@@ -22,7 +22,7 @@ const styles = $derived.by(() => {
 
 <!--Double `if` for correct behavior of slideHorizontally-->
 {#if uiManager.viewInitialized}
-  {#if !uiManager.overviewCollapsed}
+  {#if uiManager.overviewCanBeShown && !uiManager.overviewCollapsed}
     <div class="overview-panel" style={styles} transition:slideHorizontally|local onclick={handlePanelClick} onkeydown={() => {}} role="none">
       <div class="overview-panel__content" onclick={(e) => e.stopPropagation()} onkeydown={() => {}} role="none">
         {@render children()}
@@ -43,7 +43,7 @@ const styles = $derived.by(() => {
   }
 }
 .overview-panel {
-  --_overview-panel--background: var(--overview-panel--background, #1c1c1c);
+  --_overview-panel--background: var(--overview-panel--background, rgb(from var(--sc-mc-color--bg-panel) r g b / 90%));
   --_overview-panel--width: var(--overview-panel--width);
   --_overview-panel--top: var(--overview-panel--top);
   --_overview-panel--bottom: var(--overview-panel--bottom);

package/dist/content-player/ui-manager.svelte.d.ts

@@ -1,5 +1,6 @@
 export declare class ContentPlayerUIManager {
-    readonly overviewCollapsed: boolean;
+    overviewCollapsed: boolean;
+    readonly overviewCanBeShown: boolean;
     readonly overviewMaxWidth = 150;
     attachmentsWidth: number;
     readonly attachmentsMaxWidth = 176;

package/dist/content-player/ui-manager.svelte.js

@@ -2,7 +2,8 @@ const ATTACHMENTS_MAX_WIDTH = 176;
 const OVERLAY_MAX_WIDTH = 150;
 const SAFE_AREA_SIZE = 70;
 export class ContentPlayerUIManager {
-    overviewCollapsed = $derived.by(() => this.overviewMaxWidth > this.sidePanelsMaxWidth);
+    overviewCollapsed = $state(true);
+    overviewCanBeShown = $derived.by(() => this.overviewMaxWidth <= this.sidePanelsMaxWidth);
     overviewMaxWidth = OVERLAY_MAX_WIDTH;
     attachmentsWidth = $state(0);
     attachmentsMaxWidth = ATTACHMENTS_MAX_WIDTH;

package/dist/core/enums.d.ts

@@ -45,3 +45,6 @@ export declare enum Status {
 export declare enum StreamStatus {
     Published = "PUBLISHED"
 }
+export declare enum EmbedStreamsOrderBy {
+    ContentUpdatedAt = "CONTENT_UPDATED_AT"
+}

package/dist/core/enums.js

@@ -55,3 +55,7 @@ export var StreamStatus;
 (function (StreamStatus) {
     StreamStatus["Published"] = "PUBLISHED";
 })(StreamStatus || (StreamStatus = {}));
+export var EmbedStreamsOrderBy;
+(function (EmbedStreamsOrderBy) {
+    EmbedStreamsOrderBy["ContentUpdatedAt"] = "CONTENT_UPDATED_AT";
+})(EmbedStreamsOrderBy || (EmbedStreamsOrderBy = {}));

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

@@ -0,0 +1,2 @@
+export { Theme } from './theme-store.svelte';
+export type { ThemeValue } from './theme-store.svelte';

package/dist/core/theme/index.js

@@ -0,0 +1 @@
+export { Theme } from './theme-store.svelte';

package/dist/core/theme/theme-store.svelte.d.ts

@@ -0,0 +1,6 @@
+export declare const Theme: {
+    get: () => ThemeValue;
+    set: (theme: ThemeValue) => void;
+    toggle: () => void;
+};
+export type ThemeValue = 'dark' | 'light';

package/dist/core/theme/theme-store.svelte.js

@@ -0,0 +1,10 @@
+let themeStore = $state('dark');
+export const Theme = {
+    get: () => themeStore,
+    set: (theme) => {
+        themeStore = theme;
+    },
+    toggle: () => {
+        themeStore = themeStore === 'dark' ? 'light' : 'dark';
+    }
+};

package/dist/external-api/data-providers/index.d.ts

@@ -0,0 +1,6 @@
+export { InternalMediaCenterDataProvider } from './internal-media-center-data-provider.svelte.js';
+export { InternalMediaCenterAnalyticsHandler } from './internal-media-center-analytics-handler';
+export { InternalPostAnalyticsHandler } from './internal-post-analytics-handler';
+export { InternalShortVideoPlayerItemsProvider } from './internal-short-video-player-items-provider';
+export { InternalStreamsPlayerDataProvider } from './internal-streams-player-data-provider';
+export { InternalStreamAnalyticsHandler } from './internal-stream-analytics-handler';

package/dist/external-api/data-providers/index.js

@@ -0,0 +1,6 @@
+export { InternalMediaCenterDataProvider } from './internal-media-center-data-provider.svelte.js';
+export { InternalMediaCenterAnalyticsHandler } from './internal-media-center-analytics-handler';
+export { InternalPostAnalyticsHandler } from './internal-post-analytics-handler';
+export { InternalShortVideoPlayerItemsProvider } from './internal-short-video-player-items-provider';
+export { InternalStreamsPlayerDataProvider } from './internal-streams-player-data-provider';
+export { InternalStreamAnalyticsHandler } from './internal-stream-analytics-handler';

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

@@ -0,0 +1,15 @@
+import type { IMediaCenterDataProvider } from '../../media-center/config/types';
+export declare class InternalMediaCenterDataProvider implements IMediaCenterDataProvider {
+    model: IMediaCenterDataProvider['model'];
+    postsPlayer: IMediaCenterDataProvider['postsPlayer'];
+    streamPlayer: IMediaCenterDataProvider['streamPlayer'];
+    handlers: IMediaCenterDataProvider['handlers'];
+    fetchModel: IMediaCenterDataProvider['fetchModel'];
+    private graphql;
+    constructor(input: {
+        mediaPageId: string;
+        initiator?: string;
+        graphqlOrigin?: string;
+        testingStuff?: boolean;
+    });
+}

package/dist/{media-center/config/internal-media-center-config.js → external-api/data-providers/internal-media-center-data-provider.svelte.js}

@@ -1,28 +1,32 @@
 import { Status, StreamStatus } from '../../core/enums';
 import { createLocalGQLClient } from '../../core/graphql';
-import { MockCategoryFollowingProvider } from '../categories-following/mock-categories-following-handler.svelte';
-import { getPostsCursor } from '../../posts/data-loaders';
+import { MockCategoryFollowingProvider } from '../../media-center/categories-following/mock-categories-following-handler.svelte';
+import { MockMembershipHandler } from '../../media-center/membership/mock-membership-handler.svelte';
+import { MockNavigationHandler } from '../../media-center/navigation/mock-navigation-handler.svelte';
 import { MockPostSocialInteractionsHandler } from '../../posts/social-interactions/mock-post-social-interactions-handler.svelte';
-import { getStreamPagesCursor, getStreamsCursor } from '../../streams/data-loaders';
+import { PlayerColors } from '../../ui/player/colors';
 import { InternalMediaCenterAnalyticsHandler } from './internal-media-center-analytics-handler';
 import { GetMediaPageConfigDocument } from './operations.generated';
-export class InternalMediaCenterConfig {
+import { getPostsCursor } from './post-data-loaders';
+import { getStreamPagesCursor, getStreamsCursor } from './stream-data-loaders';
+export class InternalMediaCenterDataProvider {
+    model = $state.raw(null);
     postsPlayer;
     streamPlayer;
     handlers;
-    getConfig;
+    fetchModel;
     graphql;
     constructor(input) {
         const { mediaPageId, graphqlOrigin, initiator, testingStuff } = input;
         this.graphql = createLocalGQLClient(graphqlOrigin, initiator ? { 'x-initiator': initiator } : undefined);
-        this.getConfig = async () => {
+        this.fetchModel = async () => {
             const payload = await this.graphql.query(GetMediaPageConfigDocument, { mediaPageId }).toPromise();
             if (!payload.data?.embedMediaPage) {
-                return null;
+                this.model = null;
             }
-            const config = payload.data.embedMediaPage;
-            return {
-                targetData: {
+            else {
+                const config = payload.data.embedMediaPage;
+                this.model = {
                     id: config.id,
                     handle: config.handle,
                     name: config.name,
@@ -30,12 +34,21 @@ export class InternalMediaCenterConfig {
                     image: config.image?.url || null,
                     logo: config.logo?.url || null,
                     banner: config.banner?.url || null,
-                    membersCount: config.membersCount
-                },
-                contentCategories: config.menuSettings?.contentCategories || [],
-                categoryTagAssociations: config.menuSettings?.contentCategoryMenuItems || [],
-                playerColors: config.playerColors || null
-            };
+                    communityFeatures: config.enableCommunityFeatures
+                        ? {
+                            membersCount: config.membersCount
+                        }
+                        : null,
+                    contentCategories: config.menuSettings?.contentCategories || [],
+                    categoryTagAssociations: config.menuSettings?.contentCategoryMenuItems || [],
+                    playerColors: {
+                        light: new PlayerColors(null),
+                        dark: new PlayerColors(config.playerColors)
+                    },
+                    moments: config.moments
+                };
+            }
+            return this.model;
         };
         this.postsPlayer = {
             getPostsCursor: async ({ filter, limit, continuationToken }) => {
@@ -45,6 +58,7 @@ export class InternalMediaCenterConfig {
                         types: filter.types,
                         statuses: [Status.Published],
                         categoryId: filter.categoryId,
+                        ids: filter.includeIds,
                         excludeIds: filter.excludeIds
                     },
                     continuationToken,
@@ -79,7 +93,9 @@ export class InternalMediaCenterConfig {
         this.handlers = {
             analyticsHandler: new InternalMediaCenterAnalyticsHandler(graphqlOrigin),
             categoriesFollowingHandler: testingStuff ? new MockCategoryFollowingProvider() : undefined,
-            socialInteractionsHandler: testingStuff ? new MockPostSocialInteractionsHandler() : undefined
+            socialInteractionsHandler: testingStuff ? new MockPostSocialInteractionsHandler() : undefined,
+            membershipHandler: testingStuff ? new MockMembershipHandler() : undefined,
+            navigationHandler: testingStuff ? new MockNavigationHandler() : undefined
         };
     }
 }

package/dist/{posts/handlers → external-api/data-providers}/internal-post-analytics-handler.d.ts

@@ -1,4 +1,4 @@
-import type { IPostAnalyticsHandler } from '../posts-player';
+import type { IPostAnalyticsHandler } from '../../posts/posts-player';
 export declare class InternalPostAnalyticsHandler implements IPostAnalyticsHandler {
     constructor(graphqlOrigin: string | undefined);
     setOrganizationId: (organizationId: string) => void;

package/dist/{short-videos → external-api}/data-providers/internal-short-video-player-items-provider.js

@@ -2,8 +2,8 @@ import { PostType } from '../..';
 import { ContinuationToken } from '../../core/continuation-token';
 import { CursorDataLoader } from '../../core/data-loaders';
 import { createLocalGQLClient } from '../../core/graphql';
-import { getPostsCursor } from '../../posts/data-loaders';
 import {} from '../../posts/posts-player';
+import { getPostsCursor } from './post-data-loaders';
 const CHUNK_SIZE = 20;
 export class InternalShortVideoPlayerItemsProvider {
     kind = 'feed';

package/dist/{streams/streams-player → external-api/data-providers}/internal-stream-analytics-handler.d.ts

@@ -1,4 +1,4 @@
-import type { IStreamAnalyticsHandler } from './types';
+import type { IStreamAnalyticsHandler } from '../../streams/streams-player/types';
 export declare class InternalStreamAnalyticsHandler implements IStreamAnalyticsHandler {
     constructor(graphqlOrigin: string | undefined);
     setOrganizationId: (organizationId: string) => void;

package/dist/{streams/streams-player → external-api/data-providers}/internal-streams-player-data-provider.d.ts

@@ -1,4 +1,4 @@
-import type { IStreamsPlayerDataProvider } from './types';
+import type { IStreamsPlayerDataProvider } from '../../streams/streams-player';
 export declare class InternalStreamsPlayerDataProvider implements IStreamsPlayerDataProvider {
     initialData: IStreamsPlayerDataProvider['initialData'];
     private ids;

package/dist/{streams/streams-player → external-api/data-providers}/internal-streams-player-data-provider.js

@@ -1,7 +1,7 @@
 import { ContinuationToken } from '../../core/continuation-token';
 import { CursorDataLoader } from '../../core/data-loaders';
 import { createLocalGQLClient } from '../../core/graphql';
-import { getStreamPagesCursor, getStreamsCursor } from '../data-loaders';
+import { getStreamPagesCursor, getStreamsCursor } from './stream-data-loaders';
 const CHUNK_SIZE = 5;
 export class InternalStreamsPlayerDataProvider {
     initialData;

package/dist/{media-center/config → external-api/data-providers}/operations.generated.d.ts

@@ -9,6 +9,7 @@ export type GetMediaPageConfigQuery = {
         handle: string;
         name: string;
         description: string;
+        enableCommunityFeatures: boolean;
         membersCount: number;
         image: {
             url: string;
@@ -47,6 +48,11 @@ export type GetMediaPageConfigQuery = {
             salePrice: string | null;
             sidebarBackground: string | null;
         } | null;
+        moments: Array<{
+            id: string;
+            cover: string;
+            isSeen: boolean;
+        }>;
     } | null;
 };
 export declare const GetMediaPageConfigDocument: DocumentNode<GetMediaPageConfigQuery, GetMediaPageConfigQueryVariables>;

package/dist/{media-center/config → external-api/data-providers}/operations.generated.js

@@ -52,6 +52,7 @@ export const GetMediaPageConfigDocument = {
                                     name: { kind: 'Name', value: 'banner' },
                                     selectionSet: { kind: 'SelectionSet', selections: [{ kind: 'Field', name: { kind: 'Name', value: 'url' } }] }
                                 },
+                                { kind: 'Field', name: { kind: 'Name', value: 'enableCommunityFeatures' } },
                                 { kind: 'Field', name: { kind: 'Name', value: 'membersCount' } },
                                 {
                                     kind: 'Field',
@@ -115,6 +116,18 @@ export const GetMediaPageConfigDocument = {
                                             { kind: 'Field', name: { kind: 'Name', value: 'sidebarBackground' } }
                                         ]
                                     }
+                                },
+                                {
+                                    kind: 'Field',
+                                    name: { kind: 'Name', value: 'moments' },
+                                    selectionSet: {
+                                        kind: 'SelectionSet',
+                                        selections: [
+                                            { kind: 'Field', name: { kind: 'Name', value: 'id' } },
+                                            { kind: 'Field', name: { kind: 'Name', value: 'cover' } },
+                                            { kind: 'Field', name: { kind: 'Name', value: 'isSeen' } }
+                                        ]
+                                    }
                                 }
                             ]
                         }

package/dist/{media-center/config → external-api/data-providers}/operations.graphql

@@ -13,6 +13,7 @@ query GetMediaPageConfig($mediaPageId: String!) {
     banner {
       url
     }
+    enableCommunityFeatures
     membersCount
     menuSettings {
       contentCategories {
@@ -42,5 +43,10 @@ query GetMediaPageConfig($mediaPageId: String!) {
       salePrice
       sidebarBackground
     }
+    moments {
+      id
+      cover
+      isSeen
+    }
   }
 }

package/dist/{posts/data-loaders → external-api/data-providers/post-data-loaders}/mapper.d.ts

@@ -1,3 +1,3 @@
-import type { PostPlayerModel } from '../posts-player/types';
+import type { PostPlayerModel } from '../../../posts/posts-player/types';
 import type { PostsPlayerPayloadFragment } from './operations.generated';
 export declare const mapToPostPlayerModel: (payload: PostsPlayerPayloadFragment) => PostPlayerModel;

package/dist/{posts/data-loaders → external-api/data-providers/post-data-loaders}/mapper.js

@@ -1,5 +1,5 @@
-import { ProfileType } from '../../core/enums';
-import { mapToPostModel } from '../post-viewer';
+import { ProfileType } from '../../../core/enums';
+import { mapToPostModel } from '../../../posts/post-viewer';
 export const mapToPostPlayerModel = (payload) => {
     const viewerModel = mapToPostModel(payload);
     return {

package/dist/{posts/data-loaders → external-api/data-providers/post-data-loaders}/operations.generated.d.ts

@@ -1,4 +1,4 @@
-import type * as SchemaTypes from '../../../gql/types';
+import type * as SchemaTypes from '../../../../gql/types';
 import type { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';
 export type GetPostsQueryVariables = SchemaTypes.Exact<{
     input: SchemaTypes.EmbedPostsInput;

package/dist/{posts/data-loaders → external-api/data-providers/post-data-loaders}/posts-loader.d.ts

@@ -1,5 +1,5 @@
-import { PostType, Status } from '../../core/enums';
-import type { PostPlayerModel } from '../posts-player/types';
+import { PostType, Status } from '../../../core/enums';
+import type { PostPlayerModel } from '../../../posts/posts-player/types';
 import type { Client } from '@urql/core';
 export declare const getPostsCursor: (input: {
     filter: {

package/dist/{posts/data-loaders → external-api/data-providers/post-data-loaders}/posts-loader.js

@@ -1,4 +1,4 @@
-import { PostType, Status } from '../../core/enums';
+import { PostType, Status } from '../../../core/enums';
 import { mapToPostPlayerModel } from './mapper';
 import { GetPostsDocument } from './operations.generated';
 export const getPostsCursor = async (input) => {

package/dist/{streams/data-loaders → external-api/data-providers/stream-data-loaders}/mapper.d.ts

@@ -1,3 +1,3 @@
-import type { StreamPlayerModel } from '../streams-player/types';
+import type { StreamPlayerModel } from '../../../streams/streams-player/types';
 import type { StreamPlayerPayloadFragment } from './operations.generated';
 export declare const mapToStreamPlayerModel: (payload: StreamPlayerPayloadFragment) => StreamPlayerModel;

package/dist/{streams/data-loaders → external-api/data-providers/stream-data-loaders}/mapper.js

@@ -1,4 +1,4 @@
-import { ProfileType } from '../../core/enums';
+import { ProfileType } from '../../../core/enums';
 export const mapToStreamPlayerModel = (payload) => {
     return {
         id: payload.id,

package/dist/{streams/data-loaders → external-api/data-providers/stream-data-loaders}/operations.generated.d.ts

@@ -1,4 +1,4 @@
-import type * as SchemaTypes from '../../../gql/types';
+import type * as SchemaTypes from '../../../../gql/types';
 import type { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';
 export type GetStreamsQueryVariables = SchemaTypes.Exact<{
     input: SchemaTypes.EmbedStreamsInput;

package/dist/{streams/data-loaders → external-api/data-providers/stream-data-loaders}/stream-pages-loader.d.ts

@@ -1,4 +1,4 @@
-import { type StreamPageViewerModel } from '../stream-page-viewer';
+import { type StreamPageViewerModel } from '../../../streams/stream-page-viewer';
 import type { Client } from '@urql/core';
 export declare const getStreamPagesCursor: (input: {
     streamId: string;

package/dist/{streams/data-loaders → external-api/data-providers/stream-data-loaders}/stream-pages-loader.js

@@ -1,5 +1,5 @@
-import { ImageScale } from '../..';
-import { mapToStreamPageViewerModel } from '../stream-page-viewer';
+import { ImageScale } from '../../..';
+import { mapToStreamPageViewerModel } from '../../../streams/stream-page-viewer';
 import { GetStreamPagesDocument } from './operations.generated';
 export const getStreamPagesCursor = async (input) => {
     const { streamId, continuationToken, graphql } = input;