@streamscloud/embeddable 13.3.0 → 14.0.0

package/dist/external-api/data-providers/mocks/operations.generated.js

@@ -0,0 +1,377 @@
+export const GetPostDocument = {
+    kind: 'Document',
+    definitions: [
+        {
+            kind: 'OperationDefinition',
+            operation: 'query',
+            name: { kind: 'Name', value: 'GetPost' },
+            variableDefinitions: [
+                {
+                    kind: 'VariableDefinition',
+                    variable: { kind: 'Variable', name: { kind: 'Name', value: 'id' } },
+                    type: { kind: 'NonNullType', type: { kind: 'NamedType', name: { kind: 'Name', value: 'String' } } }
+                },
+                {
+                    kind: 'VariableDefinition',
+                    variable: { kind: 'Variable', name: { kind: 'Name', value: 'image_scale' } },
+                    type: { kind: 'NamedType', name: { kind: 'Name', value: 'ImageScale' } },
+                    defaultValue: { kind: 'EnumValue', value: 'ORIGINAL_ENCODED' }
+                }
+            ],
+            selectionSet: {
+                kind: 'SelectionSet',
+                selections: [
+                    {
+                        kind: 'Field',
+                        alias: { kind: 'Name', value: 'posts' },
+                        name: { kind: 'Name', value: 'embedPosts' },
+                        arguments: [
+                            {
+                                kind: 'Argument',
+                                name: { kind: 'Name', value: 'input' },
+                                value: {
+                                    kind: 'ObjectValue',
+                                    fields: [
+                                        {
+                                            kind: 'ObjectField',
+                                            name: { kind: 'Name', value: 'filter' },
+                                            value: {
+                                                kind: 'ObjectValue',
+                                                fields: [
+                                                    {
+                                                        kind: 'ObjectField',
+                                                        name: { kind: 'Name', value: 'ids' },
+                                                        value: { kind: 'ListValue', values: [{ kind: 'Variable', name: { kind: 'Name', value: 'id' } }] }
+                                                    }
+                                                ]
+                                            }
+                                        }
+                                    ]
+                                }
+                            }
+                        ],
+                        selectionSet: {
+                            kind: 'SelectionSet',
+                            selections: [
+                                {
+                                    kind: 'Field',
+                                    name: { kind: 'Name', value: 'items' },
+                                    selectionSet: {
+                                        kind: 'SelectionSet',
+                                        selections: [
+                                            { kind: 'FragmentSpread', name: { kind: 'Name', value: 'PostsPlayerPayloadFragment' } },
+                                            { kind: 'Field', name: { kind: 'Name', value: 'categoryIds' } },
+                                            { kind: 'Field', name: { kind: 'Name', value: 'status' } }
+                                        ]
+                                    }
+                                }
+                            ]
+                        }
+                    }
+                ]
+            }
+        },
+        {
+            kind: 'FragmentDefinition',
+            name: { kind: 'Name', value: 'PostViewerPayloadFragment' },
+            typeCondition: { kind: 'NamedType', name: { kind: 'Name', value: 'Post' } },
+            selectionSet: {
+                kind: 'SelectionSet',
+                selections: [
+                    { kind: 'Field', name: { kind: 'Name', value: 'id' } },
+                    { kind: 'Field', name: { kind: 'Name', value: 'enableSocialInteractions' } },
+                    {
+                        kind: 'Field',
+                        name: { kind: 'Name', value: 'allProducts' },
+                        selectionSet: {
+                            kind: 'SelectionSet',
+                            selections: [
+                                { kind: 'Field', name: { kind: 'Name', value: 'id' } },
+                                { kind: 'Field', name: { kind: 'Name', value: 'title' } },
+                                { kind: 'Field', name: { kind: 'Name', value: 'shortDescription' } },
+                                { kind: 'Field', name: { kind: 'Name', value: 'link' } },
+                                {
+                                    kind: 'Field',
+                                    name: { kind: 'Name', value: 'media' },
+                                    selectionSet: {
+                                        kind: 'SelectionSet',
+                                        selections: [
+                                            {
+                                                kind: 'Field',
+                                                name: { kind: 'Name', value: 'url' },
+                                                arguments: [{ kind: 'Argument', name: { kind: 'Name', value: 'scale' }, value: { kind: 'EnumValue', value: 'SMALL' } }]
+                                            },
+                                            {
+                                                kind: 'Field',
+                                                name: { kind: 'Name', value: 'thumbnailUrl' },
+                                                arguments: [{ kind: 'Argument', name: { kind: 'Name', value: 'scale' }, value: { kind: 'EnumValue', value: 'SMALL' } }]
+                                            },
+                                            { kind: 'Field', name: { kind: 'Name', value: 'type' } }
+                                        ]
+                                    }
+                                },
+                                {
+                                    kind: 'Field',
+                                    name: { kind: 'Name', value: 'brand' },
+                                    selectionSet: { kind: 'SelectionSet', selections: [{ kind: 'Field', name: { kind: 'Name', value: 'name' } }] }
+                                },
+                                {
+                                    kind: 'Field',
+                                    name: { kind: 'Name', value: 'priceAndAvailability' },
+                                    selectionSet: {
+                                        kind: 'SelectionSet',
+                                        selections: [
+                                            { kind: 'Field', name: { kind: 'Name', value: 'currency' } },
+                                            { kind: 'Field', name: { kind: 'Name', value: 'price' } },
+                                            {
+                                                kind: 'Field',
+                                                name: { kind: 'Name', value: 'productSalePrices' },
+                                                selectionSet: {
+                                                    kind: 'SelectionSet',
+                                                    selections: [
+                                                        { kind: 'Field', name: { kind: 'Name', value: 'salePrice' } },
+                                                        { kind: 'Field', name: { kind: 'Name', value: 'salePriceEffectiveDateFrom' } },
+                                                        { kind: 'Field', name: { kind: 'Name', value: 'salePriceEffectiveDateTo' } }
+                                                    ]
+                                                }
+                                            }
+                                        ]
+                                    }
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        kind: 'Field',
+                        name: { kind: 'Name', value: 'ad' },
+                        selectionSet: {
+                            kind: 'SelectionSet',
+                            selections: [
+                                { kind: 'Field', name: { kind: 'Name', value: 'id' } },
+                                { kind: 'Field', name: { kind: 'Name', value: 'title' } },
+                                { kind: 'Field', name: { kind: 'Name', value: 'description' } },
+                                { kind: 'Field', name: { kind: 'Name', value: 'price' } },
+                                { kind: 'Field', name: { kind: 'Name', value: 'priceInfo' } },
+                                { kind: 'Field', name: { kind: 'Name', value: 'currency' } },
+                                {
+                                    kind: 'Field',
+                                    name: { kind: 'Name', value: 'ctaButton' },
+                                    selectionSet: {
+                                        kind: 'SelectionSet',
+                                        selections: [
+                                            { kind: 'Field', name: { kind: 'Name', value: 'background' } },
+                                            { kind: 'Field', name: { kind: 'Name', value: 'textColor' } },
+                                            { kind: 'Field', name: { kind: 'Name', value: 'text' } },
+                                            { kind: 'Field', name: { kind: 'Name', value: 'url' } },
+                                            { kind: 'Field', name: { kind: 'Name', value: 'border' } }
+                                        ]
+                                    }
+                                },
+                                { kind: 'Field', name: { kind: 'Name', value: 'type' } },
+                                {
+                                    kind: 'Field',
+                                    name: { kind: 'Name', value: 'media' },
+                                    selectionSet: {
+                                        kind: 'SelectionSet',
+                                        selections: [
+                                            {
+                                                kind: 'Field',
+                                                name: { kind: 'Name', value: 'url' },
+                                                arguments: [{ kind: 'Argument', name: { kind: 'Name', value: 'scale' }, value: { kind: 'EnumValue', value: 'SMALL' } }]
+                                            },
+                                            {
+                                                kind: 'Field',
+                                                name: { kind: 'Name', value: 'thumbnailUrl' },
+                                                arguments: [{ kind: 'Argument', name: { kind: 'Name', value: 'scale' }, value: { kind: 'EnumValue', value: 'SMALL' } }]
+                                            },
+                                            { kind: 'Field', name: { kind: 'Name', value: 'type' } }
+                                        ]
+                                    }
+                                }
+                            ]
+                        }
+                    },
+                    {
+                        kind: 'Field',
+                        name: { kind: 'Name', value: 'postData' },
+                        selectionSet: {
+                            kind: 'SelectionSet',
+                            selections: [
+                                {
+                                    kind: 'Field',
+                                    name: { kind: 'Name', value: 'media' },
+                                    selectionSet: {
+                                        kind: 'SelectionSet',
+                                        selections: [
+                                            {
+                                                kind: 'Field',
+                                                name: { kind: 'Name', value: 'url' },
+                                                arguments: [
+                                                    {
+                                                        kind: 'Argument',
+                                                        name: { kind: 'Name', value: 'scale' },
+                                                        value: { kind: 'Variable', name: { kind: 'Name', value: 'image_scale' } }
+                                                    }
+                                                ]
+                                            },
+                                            {
+                                                kind: 'Field',
+                                                name: { kind: 'Name', value: 'thumbnailUrl' },
+                                                arguments: [
+                                                    {
+                                                        kind: 'Argument',
+                                                        name: { kind: 'Name', value: 'scale' },
+                                                        value: { kind: 'Variable', name: { kind: 'Name', value: 'image_scale' } }
+                                                    }
+                                                ]
+                                            },
+                                            { kind: 'Field', name: { kind: 'Name', value: 'type' } }
+                                        ]
+                                    }
+                                },
+                                {
+                                    kind: 'Field',
+                                    name: { kind: 'Name', value: 'articleData' },
+                                    selectionSet: {
+                                        kind: 'SelectionSet',
+                                        selections: [
+                                            { kind: 'Field', name: { kind: 'Name', value: 'title' } },
+                                            { kind: 'Field', name: { kind: 'Name', value: 'kicker' } },
+                                            { kind: 'Field', name: { kind: 'Name', value: 'articleId' } }
+                                        ]
+                                    }
+                                },
+                                {
+                                    kind: 'Field',
+                                    name: { kind: 'Name', value: 'mediaData' },
+                                    selectionSet: { kind: 'SelectionSet', selections: [{ kind: 'Field', name: { kind: 'Name', value: 'text' } }] }
+                                },
+                                {
+                                    kind: 'Field',
+                                    name: { kind: 'Name', value: 'momentData' },
+                                    selectionSet: { kind: 'SelectionSet', selections: [{ kind: 'Field', name: { kind: 'Name', value: 'text' } }] }
+                                },
+                                {
+                                    kind: 'Field',
+                                    name: { kind: 'Name', value: 'shortVideoData' },
+                                    selectionSet: { kind: 'SelectionSet', selections: [{ kind: 'Field', name: { kind: 'Name', value: 'text' } }] }
+                                },
+                                {
+                                    kind: 'Field',
+                                    name: { kind: 'Name', value: 'videoData' },
+                                    selectionSet: {
+                                        kind: 'SelectionSet',
+                                        selections: [
+                                            { kind: 'Field', name: { kind: 'Name', value: 'title' } },
+                                            { kind: 'Field', name: { kind: 'Name', value: 'text' } }
+                                        ]
+                                    }
+                                }
+                            ]
+                        }
+                    },
+                    { kind: 'Field', name: { kind: 'Name', value: 'viewsCount' } },
+                    { kind: 'Field', name: { kind: 'Name', value: 'displayDate' } }
+                ]
+            }
+        },
+        {
+            kind: 'FragmentDefinition',
+            name: { kind: 'Name', value: 'PostsPlayerPayloadFragment' },
+            typeCondition: { kind: 'NamedType', name: { kind: 'Name', value: 'Post' } },
+            selectionSet: {
+                kind: 'SelectionSet',
+                selections: [
+                    { kind: 'FragmentSpread', name: { kind: 'Name', value: 'PostViewerPayloadFragment' } },
+                    {
+                        kind: 'Field',
+                        name: { kind: 'Name', value: 'ownerProfile' },
+                        selectionSet: {
+                            kind: 'SelectionSet',
+                            selections: [
+                                { kind: 'Field', name: { kind: 'Name', value: 'id' } },
+                                { kind: 'Field', name: { kind: 'Name', value: 'type' } }
+                            ]
+                        }
+                    }
+                ]
+            }
+        }
+    ]
+};
+export const GetStreamDocument = {
+    kind: 'Document',
+    definitions: [
+        {
+            kind: 'OperationDefinition',
+            operation: 'query',
+            name: { kind: 'Name', value: 'GetStream' },
+            variableDefinitions: [
+                {
+                    kind: 'VariableDefinition',
+                    variable: { kind: 'Variable', name: { kind: 'Name', value: 'id' } },
+                    type: { kind: 'NonNullType', type: { kind: 'NamedType', name: { kind: 'Name', value: 'String' } } }
+                }
+            ],
+            selectionSet: {
+                kind: 'SelectionSet',
+                selections: [
+                    {
+                        kind: 'Field',
+                        name: { kind: 'Name', value: 'embedStream' },
+                        arguments: [
+                            {
+                                kind: 'Argument',
+                                name: { kind: 'Name', value: 'input' },
+                                value: {
+                                    kind: 'ObjectValue',
+                                    fields: [{ kind: 'ObjectField', name: { kind: 'Name', value: 'id' }, value: { kind: 'Variable', name: { kind: 'Name', value: 'id' } } }]
+                                }
+                            }
+                        ],
+                        selectionSet: {
+                            kind: 'SelectionSet',
+                            selections: [
+                                { kind: 'FragmentSpread', name: { kind: 'Name', value: 'StreamPlayerPayloadFragment' } },
+                                { kind: 'Field', name: { kind: 'Name', value: 'categoryIds' } },
+                                { kind: 'Field', name: { kind: 'Name', value: 'status' } }
+                            ]
+                        }
+                    }
+                ]
+            }
+        },
+        {
+            kind: 'FragmentDefinition',
+            name: { kind: 'Name', value: 'StreamPlayerPayloadFragment' },
+            typeCondition: { kind: 'NamedType', name: { kind: 'Name', value: 'Stream' } },
+            selectionSet: {
+                kind: 'SelectionSet',
+                selections: [
+                    { kind: 'Field', name: { kind: 'Name', value: 'id' } },
+                    { kind: 'Field', name: { kind: 'Name', value: 'title' } },
+                    { kind: 'Field', name: { kind: 'Name', value: 'subTitle' } },
+                    { kind: 'Field', name: { kind: 'Name', value: 'createdAt' } },
+                    { kind: 'Field', name: { kind: 'Name', value: 'publishedAt' } },
+                    {
+                        kind: 'Field',
+                        name: { kind: 'Name', value: 'cover' },
+                        selectionSet: { kind: 'SelectionSet', selections: [{ kind: 'Field', name: { kind: 'Name', value: 'url' } }] }
+                    },
+                    {
+                        kind: 'Field',
+                        name: { kind: 'Name', value: 'ownerProfile' },
+                        selectionSet: {
+                            kind: 'SelectionSet',
+                            selections: [
+                                { kind: 'Field', name: { kind: 'Name', value: 'id' } },
+                                { kind: 'Field', name: { kind: 'Name', value: 'type' } }
+                            ]
+                        }
+                    },
+                    { kind: 'Field', name: { kind: 'Name', value: 'pagesCount' } }
+                ]
+            }
+        }
+    ]
+};

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/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;