@streamscloud/embeddable 14.0.0-rc.0 → 14.0.0

package/dist/external-api/data-providers/mocks/operations.graphql

@@ -0,0 +1,18 @@
+# noinspection GraphQLSchemaValidation
+query GetPost($id: String!, $image_scale: ImageScale = ORIGINAL_ENCODED) {
+  posts: embedPosts(input: { filter: { ids: [$id] } }) {
+    items {
+      ...PostsPlayerPayloadFragment
+      categoryIds
+      status
+    }
+  }
+}
+
+query GetStream($id: String!) {
+  embedStream(input: { id: $id }) {
+    ...StreamPlayerPayloadFragment
+    categoryIds
+    status
+  }
+}

package/dist/external-api/data-providers/post-data-loaders/mapper.js

@@ -1,7 +1,9 @@
+import { ProfileType } from '../../../core/enums';
 import { mapToPostModel } from '../../../posts/post-viewer';
 export const mapToPostPlayerModel = (payload) => {
     const viewerModel = mapToPostModel(payload);
     return {
-        ...viewerModel
+        ...viewerModel,
+        analyticsOrganizationId: payload.ownerProfile.type === ProfileType.Organization ? payload.ownerProfile.id : null
     };
 };

package/dist/media-center/config/types.d.ts

@@ -1,10 +1,13 @@
 import { PostType } from '../../core/enums';
 import type { ThemeValue } from '../../core/theme';
 import type { IContentCategoryFollowingHandler } from '../categories-following';
+import type { IMediaCenterContentManagementHandler } from '../content-management';
 import type { IMediaCenterMembershipHandler } from '../membership';
 import type { IMediaCenterNavigationHandler } from '../navigation';
 import type { IPostAnalyticsHandler, PostPlayerModel } from '../../posts/posts-player/types';
+import type { IPostSharingHandler } from '../../posts/sharing';
 import type { IPostSocialInteractionsHandler } from '../../posts/social-interactions';
+import type { IStreamSharingHandler } from '../../streams/sharing';
 import type { StreamPageViewerModel } from '../../streams/stream-page-viewer/types';
 import type { IStreamAnalyticsHandler, StreamPlayerModel } from '../../streams/streams-player/types';
 import type { PlayerColors } from '../../ui/player/colors';
@@ -16,7 +19,10 @@ export interface IMediaCenterDataProvider {
         categoriesFollowingHandler?: IContentCategoryFollowingHandler;
         membershipHandler?: IMediaCenterMembershipHandler;
         navigationHandler?: IMediaCenterNavigationHandler;
-        socialInteractionsHandler?: IPostSocialInteractionsHandler;
+        postSocialInteractionsHandler?: IPostSocialInteractionsHandler;
+        postSharingHandler?: IPostSharingHandler;
+        streamSharingHandler?: IStreamSharingHandler;
+        contentManagementHandler?: IMediaCenterContentManagementHandler;
     };
     postsPlayer: {
         getPostsCursor: (input: {

package/dist/media-center/content-management/index.d.ts

@@ -0,0 +1 @@
+export type { IMediaCenterContentManagementHandler } from './types';

package/dist/media-center/content-management/index.js

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

package/dist/media-center/content-management/types.d.ts

@@ -0,0 +1,24 @@
+import type { PostPlayerModel } from '../../posts/posts-player/types';
+import type { StreamPlayerModel } from '../../streams/streams-player/types';
+export interface IMediaCenterContentManagementHandler {
+    onHandlerMounted: (api: {
+        postCreated: (result: PostEditResult) => void;
+    }) => void;
+    editPost: ((postId: string) => Promise<PostEditResult | null>) | null;
+    editArticle: ((postId: string) => Promise<PostEditResult | null>) | null;
+    deletePost: ((postId: string) => Promise<boolean>) | null;
+    editStream: ((streamId: string) => Promise<StreamEditResult | null>) | null;
+    deleteStream: ((streamId: string) => Promise<boolean>) | null;
+    deleteStreamPage: ((streamPageId: string) => Promise<boolean>) | null;
+}
+type PostEditResult = {
+    post: PostPlayerModel;
+    categories: string[];
+    isPublished: boolean;
+};
+type StreamEditResult = {
+    stream: StreamPlayerModel;
+    categories: string[];
+    isPublished: boolean;
+};
+export {};

package/dist/media-center/content-management/types.js

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

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

@@ -1,4 +1,5 @@
 export type { IMediaCenterDataProvider } from './config/types';
-export type { IContentCategoryFollowingHandler } from './categories-following/types';
+export type { IContentCategoryFollowingHandler } from './categories-following';
 export type { IMediaCenterMembershipHandler } from './membership';
 export type { IMediaCenterNavigationHandler, MediaCenterState } from './navigation';
+export type { IMediaCenterContentManagementHandler } from './content-management';

package/dist/media-center/media-center/cmp.media-center-proxy.svelte

@@ -15,13 +15,13 @@ const context = new MediaCenterContext({
         initialized: (instance) => {
             switch (modeProps.mode) {
                 case 'posts':
-                    instance.postsFeedHandler.activateWithExistingProvider({
+                    instance.postsFeedHandler.activateWithDataProvider({
                         dataProvider: modeProps.props.dataProvider,
                         onPostActivated: modeProps.props.onPostActivated
                     });
                     break;
                 case 'streams':
-                    instance.streamsFeedHandler.activateWithExistingProvider({
+                    instance.streamsFeedHandler.activateWithDataProvider({
                         dataProvider: modeProps.props.dataProvider,
                         onStreamActivated: modeProps.props.onStreamActivated
                     });

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

@@ -2,7 +2,10 @@ import type { IMediaCenterDataProvider } from '../../config/types';
 import { StreamsInCategory, ShortVideosInCategory } from './types.svelte';
 export declare class DiscoverDataLoader {
     private readonly dataProvider;
+    readonly minItemsPerLoad = 5;
     constructor(dataProvider: IMediaCenterDataProvider);
     loadStreams: (holder: StreamsInCategory) => Promise<void>;
+    reloadStreams: (holder: StreamsInCategory) => Promise<void>;
     loadShortVideos: (holder: ShortVideosInCategory) => Promise<void>;
+    reloadShortVideos: (holder: ShortVideosInCategory) => Promise<void>;
 }

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

@@ -2,6 +2,7 @@ import { PostType } from '../../..';
 import { StreamsInCategory, ShortVideosInCategory } from './types.svelte';
 export class DiscoverDataLoader {
     dataProvider;
+    minItemsPerLoad = 5;
     constructor(dataProvider) {
         this.dataProvider = dataProvider;
     }
@@ -11,12 +12,17 @@ export class DiscoverDataLoader {
         }
         const streamsResponse = await this.dataProvider.streamPlayer.getStreamsCursor({
             filter: { categoryId: holder.categoryId ?? undefined },
-            limit: 5,
+            limit: this.minItemsPerLoad,
             continuationToken: holder.continuationToken
         });
         holder.streams = [...holder.streams, ...streamsResponse.items];
         holder.continuationToken = streamsResponse.continuationToken;
     };
+    reloadStreams = async (holder) => {
+        holder.continuationToken = undefined;
+        holder.streams = [];
+        await this.loadStreams(holder);
+    };
     loadShortVideos = async (holder) => {
         if (holder.continuationToken === null) {
             return;
@@ -26,10 +32,15 @@ export class DiscoverDataLoader {
                 categoryId: holder.categoryId,
                 types: [PostType.ShortVideo]
             },
-            limit: 5,
+            limit: this.minItemsPerLoad,
             continuationToken: holder.continuationToken
         });
         holder.shortVideos = [...holder.shortVideos, ...shortVideosResponse.items];
         holder.continuationToken = shortVideosResponse.continuationToken;
     };
+    reloadShortVideos = async (holder) => {
+        holder.continuationToken = undefined;
+        holder.shortVideos = [];
+        await this.loadShortVideos(holder);
+    };
 }

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

@@ -1,5 +1,7 @@
 import type { IMediaCenterDataProvider } from '../../config/types';
 import type { MediaCenterState } from '../../navigation';
+import type { PostPlayerModel } from '../../../posts/posts-player/types';
+import type { StreamPlayerModel } from '../../../streams/streams-player/types';
 import { ShortVideosInCategory, StreamsInCategory } from './types.svelte';
 export declare class DiscoverViewHandler {
     private _state;
@@ -29,6 +31,27 @@ export declare class DiscoverViewHandler {
         }[];
     }) => Promise<void>;
     deactivate: () => void;
+    onPostCreated: (data: {
+        post: PostPlayerModel;
+        categories: string[];
+        isPublished: boolean;
+    }) => void;
+    onPostModified: (data: {
+        post: PostPlayerModel;
+        categories: string[];
+        isPublished: boolean;
+    }) => void;
+    onPostDeleted: (data: {
+        id: string;
+    }) => void;
+    onStreamModified: (data: {
+        stream: StreamPlayerModel;
+        categories: string[];
+        isPublished: boolean;
+    }) => void;
+    onStreamDeleted: (data: {
+        id: string;
+    }) => void;
 }
 type Callbacks = {
     navigationStateChanged: (state: MediaCenterState) => void;

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

@@ -1,4 +1,5 @@
 import { Deferred } from '../../../core/deferred';
+import { PostType } from '../../../core/enums';
 import { DiscoverDataLoader } from './data-loading';
 import { ShortVideosInCategory, StreamsInCategory } from './types.svelte';
 export class DiscoverViewHandler {
@@ -111,4 +112,91 @@ export class DiscoverViewHandler {
         this._state = 'inactive';
         this._shortVideosLoadingDeferred = null;
     };
+    onPostCreated = (data) => {
+        if (!data.isPublished || data.post.postType !== PostType.ShortVideo) {
+            return;
+        }
+        const affectedHolders = this._shortVideosInCategoryCache.filter((x) => data.categories.includes(x.categoryId) && x.continuationToken !== undefined);
+        for (const holder of affectedHolders) {
+            holder.shortVideos = [data.post, ...holder.shortVideos];
+        }
+    };
+    onPostModified = (data) => {
+        const { post, categories, isPublished } = data;
+        for (const holder of this._shortVideosInCategory.filter((h) => h.continuationToken !== undefined)) {
+            const index = holder.shortVideos.findIndex((x) => x.id === post.id);
+            const isInCategory = categories.includes(holder.categoryId);
+            if (index !== -1) {
+                // Post exists in holder
+                if (isInCategory && isPublished) {
+                    // Post remains in category and is published - update it
+                    const clone = [...holder.shortVideos];
+                    clone[index] = post;
+                    holder.shortVideos = clone;
+                }
+                else {
+                    // Post no longer in category or unpublished - remove it
+                    holder.shortVideos = holder.shortVideos.filter((x) => x.id !== post.id);
+                    if (holder.shortVideos.length < this._dataLoader.minItemsPerLoad) {
+                        this._dataLoader.loadShortVideos(holder);
+                    }
+                }
+            }
+            else {
+                // Post doesn't exist in holder
+                if (isInCategory && isPublished) {
+                    // Post should be in this category - reset and reload
+                    holder.continuationToken = undefined;
+                    this._dataLoader.reloadShortVideos(holder);
+                }
+            }
+        }
+    };
+    onPostDeleted = (data) => {
+        for (const holder of this._shortVideosInCategoryCache) {
+            holder.shortVideos = holder.shortVideos.filter((x) => x.id !== data.id);
+            if (holder.shortVideos.length < this._dataLoader.minItemsPerLoad) {
+                this._dataLoader.loadShortVideos(holder);
+            }
+        }
+    };
+    onStreamModified = (data) => {
+        const { stream, categories, isPublished } = data;
+        for (const holder of this._streamsInCategoryCache.filter((h) => h.continuationToken !== undefined)) {
+            const index = holder.streams.findIndex((x) => x.id === stream.id);
+            const isInCategory = holder.categoryId === null || categories.includes(holder.categoryId);
+            if (index !== -1) {
+                // Stream exists in holder
+                if (isInCategory && isPublished) {
+                    // Stream remains in category and is published - update it
+                    const clone = [...holder.streams];
+                    clone[index] = stream;
+                    holder.streams = clone;
+                }
+                else {
+                    // Stream no longer in category or unpublished - remove it
+                    holder.streams = holder.streams.filter((x) => x.id !== stream.id);
+                    if (holder.streams.length < this._dataLoader.minItemsPerLoad) {
+                        this._dataLoader.loadStreams(holder);
+                    }
+                }
+            }
+            else {
+                // Stream doesn't exist in holder
+                if (isInCategory && isPublished) {
+                    // Stream should be in this category - reset and reload
+                    holder.continuationToken = undefined;
+                    this._dataLoader.loadStreams(holder);
+                }
+            }
+        }
+    };
+    onStreamDeleted = (data) => {
+        for (const holder of this._streamsInCategoryCache) {
+            holder.streams = holder.streams.filter((x) => x.id !== data.id);
+            if (holder.streams.length < this._dataLoader.minItemsPerLoad) {
+                this._dataLoader.loadStreams(holder);
+            }
+        }
+    };
 }

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

@@ -1,12 +1,71 @@
-<script lang="ts">import { getPostCoverImage } from '../../../posts/model';
+<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 { getPostCoverImage } from '../../../posts/model';
 import { ShortVideoCard } from '../../../short-videos/short-video-card';
 import { StreamCard } from '../../../streams/stream-card';
+import { cardActionContainer, CardActions } from '../../../ui/card-actions';
+import { IconColor } from '../../../ui/icon';
 import { InfiniteScrolling } from '../../../ui/infinite-scrolling';
 import { default as Header } from './discover-header.svelte';
 import { DiscoverViewLocalization } from './discover-view-localization';
+import IconDelete from '@fluentui/svg-icons/icons/delete_20_regular.svg?raw';
+import IconEdit from '@fluentui/svg-icons/icons/edit_20_regular.svg?raw';
 let { context, on } = $props();
 const handler = $derived(context.discoverHandler);
 const localization = $derived(new DiscoverViewLocalization(context.locale));
+const generateShortVideoActions = (id) => {
+    const actions = [];
+    if (context.contentManagementHandler.editPost) {
+        actions.push({
+            icon: IconEdit,
+            callback: () => __awaiter(void 0, void 0, void 0, function* () {
+                var _a, _b;
+                (_b = (_a = context.contentManagementHandler).editPost) === null || _b === void 0 ? void 0 : _b.call(_a, id);
+            })
+        });
+    }
+    if (context.contentManagementHandler.deletePost) {
+        actions.push({
+            icon: IconDelete,
+            iconColor: IconColor.Red,
+            callback: () => __awaiter(void 0, void 0, void 0, function* () {
+                var _a, _b;
+                (_b = (_a = context.contentManagementHandler).deletePost) === null || _b === void 0 ? void 0 : _b.call(_a, id);
+            })
+        });
+    }
+    return actions;
+};
+const genereateStreamActions = (id) => {
+    const actions = [];
+    if (context.contentManagementHandler.editStream) {
+        actions.push({
+            icon: IconEdit,
+            callback: () => {
+                var _a, _b;
+                (_b = (_a = context.contentManagementHandler).editStream) === null || _b === void 0 ? void 0 : _b.call(_a, id);
+            }
+        });
+    }
+    if (context.contentManagementHandler.deleteStream) {
+        actions.push({
+            icon: IconDelete,
+            iconColor: IconColor.Red,
+            callback: () => __awaiter(void 0, void 0, void 0, function* () {
+                var _a, _b;
+                (_b = (_a = context.contentManagementHandler).deleteStream) === null || _b === void 0 ? void 0 : _b.call(_a, id);
+            })
+        });
+    }
+    return actions;
+};
 </script>
 
 <div class="media-center-discover">
@@ -17,9 +76,12 @@ const localization = $derived(new DiscoverViewLocalization(context.locale));
         <div class="media-center-discover__section-header">
           {localization.latestStreamsSectionTitle}
         </div>
-        <div class="media-center-discover__section-content media-center-discover__section-content--5">
+        <div class="media-center-discover__section-content media-center-discover__section-content--5 media-center-discover__section-content--not-alone">
           {#each handler.streamsHolder.streams as item (item.id)}
-            <StreamCard stream={item} on={{ click: () => on.streamSelected(item) }}></StreamCard>
+            <div use:cardActionContainer>
+              <StreamCard stream={item} on={{ click: () => on.streamSelected(item, handler.streamsHolder?.categoryId ?? null) }}></StreamCard>
+              <CardActions actions={genereateStreamActions(item.id)} />
+            </div>
           {/each}
         </div>
       </div>
@@ -39,17 +101,20 @@ const localization = $derived(new DiscoverViewLocalization(context.locale));
                   class:media-center-discover__section-content--4={index % 2 === 0}
                   class:media-center-discover__section-content--not-alone={handler.shortVideosHolders.length > 1}>
                   {#each holder.shortVideos as item (item.id)}
-                    <ShortVideoCard
-                      shortVideo={{
-                        id: item.id,
-                        text: item.text,
-                        cover: getPostCoverImage(item),
-                        displayDate: item.displayDate,
-                        viewsCount: item.viewsCount,
-                        products: item.products
-                      }}
-                      locale={context.locale}
-                      on={{ click: () => on.shortVideoSelected(item) }} />
+                    <div use:cardActionContainer>
+                      <ShortVideoCard
+                        shortVideo={{
+                          id: item.id,
+                          text: item.text,
+                          cover: getPostCoverImage(item),
+                          displayDate: item.displayDate,
+                          viewsCount: item.viewsCount,
+                          products: item.products
+                        }}
+                        locale={context.locale}
+                        on={{ click: () => on.shortVideoSelected(item, holder.categoryId) }} />
+                      <CardActions actions={generateShortVideoActions(item.id)} />
+                    </div>
                   {/each}
                 </div>
               </div>
@@ -81,6 +146,7 @@ const localization = $derived(new DiscoverViewLocalization(context.locale));
   overflow-y: auto;
   --_cross-browser-scrollbar--thumb-color: transparent;
   --_cross-browser-scrollbar--track-color: transparent;
+  /* Set 'container-type: inline-size;' to reference container*/
 }
 .media-center-discover:hover {
   --_cross-browser-scrollbar--thumb-color: var(--scrollbar--thumb-color, #7d7d7d);
@@ -104,9 +170,6 @@ const localization = $derived(new DiscoverViewLocalization(context.locale));
     scrollbar-width: thin;
   }
 }
-.media-center-discover {
-  /* Set 'container-type: inline-size;' to reference container*/
-}
 @container (width < 576px) {
   .media-center-discover {
     padding-inline: 0.9375rem;
@@ -118,23 +181,19 @@ const localization = $derived(new DiscoverViewLocalization(context.locale));
   margin: 0 auto;
   padding-bottom: 1.25rem;
   /* Set 'container-type: inline-size;' to reference container*/
+  /* Set 'container-type: inline-size;' to reference container*/
+  /* Set 'container-type: inline-size;' to reference container*/
 }
 @container (width < 992px) {
   .media-center-discover__content {
     padding-bottom: 1rem;
   }
 }
-.media-center-discover__content {
-  /* Set 'container-type: inline-size;' to reference container*/
-}
 @container (width < 768px) {
   .media-center-discover__content {
     padding-bottom: 0.8125rem;
   }
 }
-.media-center-discover__content {
-  /* Set 'container-type: inline-size;' to reference container*/
-}
 @container (width < 576px) {
   .media-center-discover__content {
     padding-bottom: 0.625rem;
@@ -145,23 +204,19 @@ const localization = $derived(new DiscoverViewLocalization(context.locale));
   flex-direction: column;
   gap: 3rem;
   /* Set 'container-type: inline-size;' to reference container*/
+  /* Set 'container-type: inline-size;' to reference container*/
+  /* Set 'container-type: inline-size;' to reference container*/
 }
 @container (width < 992px) {
   .media-center-discover__feed {
     gap: 2.5rem;
   }
 }
-.media-center-discover__feed {
-  /* Set 'container-type: inline-size;' to reference container*/
-}
 @container (width < 768px) {
   .media-center-discover__feed {
     gap: 2rem;
   }
 }
-.media-center-discover__feed {
-  /* Set 'container-type: inline-size;' to reference container*/
-}
 @container (width < 576px) {
   .media-center-discover__feed {
     gap: 1.5rem;
@@ -198,13 +253,13 @@ const localization = $derived(new DiscoverViewLocalization(context.locale));
 .media-center-discover__section-content--4 {
   gap: 1.25rem;
   grid-template-columns: repeat(4, minmax(0, 1fr));
+  /* Set 'container-type: inline-size;' to reference container*/
+  /* Set 'container-type: inline-size;' to reference container*/
+  /* Set 'container-type: inline-size;' to reference container*/
 }
 .media-center-discover__section-content--4 :global(> :nth-child(n + 5)) {
   display: var(--_section-content--more-items--display);
 }
-.media-center-discover__section-content--4 {
-  /* Set 'container-type: inline-size;' to reference container*/
-}
 @container (width < 992px) {
   .media-center-discover__section-content--4 {
     gap: 1rem;
@@ -214,9 +269,6 @@ const localization = $derived(new DiscoverViewLocalization(context.locale));
     display: var(--_section-content--more-items--display);
   }
 }
-.media-center-discover__section-content--4 {
-  /* Set 'container-type: inline-size;' to reference container*/
-}
 @container (width < 768px) {
   .media-center-discover__section-content--4 {
     gap: 0.75rem;
@@ -229,9 +281,6 @@ const localization = $derived(new DiscoverViewLocalization(context.locale));
     display: var(--_section-content--more-items--display);
   }
 }
-.media-center-discover__section-content--4 {
-  /* Set 'container-type: inline-size;' to reference container*/
-}
 @container (width < 576px) {
   .media-center-discover__section-content--4 {
     gap: 0.625rem;
@@ -240,13 +289,13 @@ const localization = $derived(new DiscoverViewLocalization(context.locale));
 .media-center-discover__section-content--5 {
   gap: 1.875rem;
   grid-template-columns: repeat(5, minmax(0, 1fr));
+  /* Set 'container-type: inline-size;' to reference container*/
+  /* Set 'container-type: inline-size;' to reference container*/
+  /* Set 'container-type: inline-size;' to reference container*/
 }
 .media-center-discover__section-content--5 :global(> :nth-child(n + 6)) {
   display: var(--_section-content--more-items--display);
 }
-.media-center-discover__section-content--5 {
-  /* Set 'container-type: inline-size;' to reference container*/
-}
 @container (width < 992px) {
   .media-center-discover__section-content--5 {
     gap: 1.5rem;
@@ -256,9 +305,6 @@ const localization = $derived(new DiscoverViewLocalization(context.locale));
     display: var(--_section-content--more-items--display);
   }
 }
-.media-center-discover__section-content--5 {
-  /* Set 'container-type: inline-size;' to reference container*/
-}
 @container (width < 768px) {
   .media-center-discover__section-content--5 {
     gap: 1.125rem;
@@ -268,9 +314,6 @@ const localization = $derived(new DiscoverViewLocalization(context.locale));
     display: var(--_section-content--more-items--display);
   }
 }
-.media-center-discover__section-content--5 {
-  /* Set 'container-type: inline-size;' to reference container*/
-}
 @container (width < 576px) {
   .media-center-discover__section-content--5 {
     gap: 0.9375rem;

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

@@ -4,8 +4,8 @@ import type { MediaCenterContext } from '../media-center-context.svelte';
 type Props = {
     context: MediaCenterContext;
     on: {
-        shortVideoSelected: (shortVideo: PostPlayerModel) => void;
-        streamSelected: (stream: StreamPlayerModel) => void;
+        shortVideoSelected: (shortVideo: PostPlayerModel, categoryId: string | null) => void;
+        streamSelected: (stream: StreamPlayerModel, categoryId: string | null) => void;
     };
 };
 declare const DiscoverView: import("svelte").Component<Props, {}, "">;

package/dist/media-center/media-center/footer/media-center-footer.svelte

@@ -12,7 +12,7 @@ let { context } = $props();
     type="button"
     class="media-center-footer__button"
     class:media-center-footer__button--active={context.postsFeedHandler.activated || context.streamsFeedHandler.activated}
-    onclick={() => context.playRootFeed()}>
+    onclick={() => context.activateDefaultFeed()}>
     <Icon src={IconPhone} />
   </button>
   <div class="media-center-footer__spacer"></div>

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

@@ -1,3 +1,4 @@
 export { CategoriesHandler } from './categories-handler.svelte';
 export type { MediaCenterCategoryModel, MediaCenterSubCategoryModel, MediaCenterCategoryTagModel } from './categories-handler.svelte';
 export { MediaCenterSettingsHandler } from './media-center-settings-handler.svelte';
+export { MediaCenterContentHandler } from './media-center-content-handler.svelte';

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

@@ -1,2 +1,3 @@
 export { CategoriesHandler } from './categories-handler.svelte';
 export { MediaCenterSettingsHandler } from './media-center-settings-handler.svelte';
+export { MediaCenterContentHandler } from './media-center-content-handler.svelte';

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

@@ -0,0 +1,62 @@
+import type { IMediaCenterDataProvider } from '../../config/types';
+import type { PostPlayerModel } from '../../../posts/posts-player/types';
+import type { StreamPlayerModel } from '../../../streams/streams-player/types';
+export declare class MediaCenterContentHandler {
+    private readonly dataProvider;
+    private postCreatedListeners;
+    private postDeletedListeners;
+    private postModifiedListeners;
+    private streamModifiedListeners;
+    private streamDeletedListeners;
+    private streamPageDeletedListeners;
+    constructor(dataProvider: IMediaCenterDataProvider);
+    get editPost(): ((postId: string) => Promise<{
+        post: PostPlayerModel;
+        categories: string[];
+        isPublished: boolean;
+    } | null>) | null;
+    get deletePost(): ((postId: string) => Promise<boolean>) | null;
+    get editArticle(): ((postId: string) => Promise<{
+        post: PostPlayerModel;
+        categories: string[];
+        isPublished: boolean;
+    } | null>) | null;
+    get editStream(): ((streamId: string) => Promise<{
+        stream: StreamPlayerModel;
+        categories: string[];
+        isPublished: boolean;
+    } | null>) | null;
+    get deleteStream(): ((streamId: string) => Promise<boolean>) | null;
+    get deleteStreamPage(): ((streamPageId: string) => Promise<boolean>) | null;
+    addPostCreatedListener: (...callbacks: PostCreatedCallback[]) => void;
+    addPostModifiedListener: (...callbacks: PostModifiedCallback[]) => void;
+    addPostDeletedListener: (...callbacks: PostDeletedCallback[]) => void;
+    addStreamModifiedListener: (...callbacks: StreamModifiedCallback[]) => void;
+    addStreamDeletedListener: (...callbacks: StreamDeletedCallback[]) => void;
+    addStreamPageDeletedListener: (...callbacks: StreamPageDeletedCallback[]) => void;
+}
+type PostCreatedCallback = (data: {
+    post: PostPlayerModel;
+    categories: string[];
+    isPublished: boolean;
+}) => void;
+type PostModifiedCallback = (data: {
+    post: PostPlayerModel;
+    categories: string[];
+    isPublished: boolean;
+}) => void;
+type PostDeletedCallback = (data: {
+    id: string;
+}) => void;
+type StreamModifiedCallback = (data: {
+    stream: StreamPlayerModel;
+    categories: string[];
+    isPublished: boolean;
+}) => void;
+type StreamDeletedCallback = (data: {
+    id: string;
+}) => void;
+type StreamPageDeletedCallback = (data: {
+    id: string;
+}) => void;
+export {};