@streamscloud/embeddable 13.3.0 → 14.0.0

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

@@ -1,11 +1,8 @@
 import { Status, StreamStatus } from '../../core/enums';
 import { createLocalGQLClient } from '../../core/graphql';
-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 { PlayerColors } from '../../ui/player/colors';
 import { InternalMediaCenterAnalyticsHandler } from './internal-media-center-analytics-handler';
+import { MockCategoryFollowingProvider, MockMediaCenterContentManagementHandler, MockMembershipHandler, MockNavigationHandler, MockPostSocialInteractionsHandler } from './mocks';
 import { GetMediaPageConfigDocument } from './operations.generated';
 import { getPostsCursor } from './post-data-loaders';
 import { getStreamPagesCursor, getStreamsCursor } from './stream-data-loaders';
@@ -94,9 +91,12 @@ export class InternalMediaCenterDataProvider {
         this.handlers = {
             analyticsHandler: new InternalMediaCenterAnalyticsHandler(graphqlOrigin),
             categoriesFollowingHandler: testingStuff ? new MockCategoryFollowingProvider() : undefined,
-            socialInteractionsHandler: testingStuff ? new MockPostSocialInteractionsHandler() : undefined,
+            postSocialInteractionsHandler: testingStuff ? new MockPostSocialInteractionsHandler() : undefined,
+            postSharingHandler: testingStuff ? { share: (postId) => console.warn('Share post', postId) } : undefined,
+            streamSharingHandler: testingStuff ? { share: (streamId) => console.warn('Share stream', streamId) } : undefined,
             membershipHandler: testingStuff ? new MockMembershipHandler() : undefined,
-            navigationHandler: testingStuff && onNavigationStateChange ? new MockNavigationHandler(onNavigationStateChange) : undefined
+            navigationHandler: testingStuff && onNavigationStateChange ? new MockNavigationHandler(onNavigationStateChange) : undefined,
+            contentManagementHandler: testingStuff ? new MockMediaCenterContentManagementHandler(this.graphql) : undefined
         };
     }
 }

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

@@ -0,0 +1,5 @@
+export { MockCategoryFollowingProvider } from './mock-categories-following-handler.svelte';
+export { MockMediaCenterContentManagementHandler } from './mock-content-management-handler.svelte';
+export { MockMembershipHandler } from './mock-membership-handler.svelte';
+export { MockNavigationHandler } from './mock-navigation-handler.svelte';
+export { MockPostSocialInteractionsHandler } from './mock-post-social-interactions-handler.svelte';

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

@@ -0,0 +1,5 @@
+export { MockCategoryFollowingProvider } from './mock-categories-following-handler.svelte';
+export { MockMediaCenterContentManagementHandler } from './mock-content-management-handler.svelte';
+export { MockMembershipHandler } from './mock-membership-handler.svelte';
+export { MockNavigationHandler } from './mock-navigation-handler.svelte';
+export { MockPostSocialInteractionsHandler } from './mock-post-social-interactions-handler.svelte';

package/dist/{media-center/categories-following → external-api/data-providers/mocks}/mock-categories-following-handler.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { IContentCategoryFollowingHandler } from './types';
+import type { IContentCategoryFollowingHandler } from '../../../media-center/categories-following';
 export declare class MockCategoryFollowingProvider implements IContentCategoryFollowingHandler {
     private categoriesMap;
     getIsFollowed: (categoryId: string) => Promise<{

package/dist/external-api/data-providers/mocks/mock-content-management-handler.svelte.d.ts

@@ -0,0 +1,29 @@
+import type { IMediaCenterContentManagementHandler } from '../../../media-center/content-management';
+import type { PostPlayerModel } from '../../../posts/posts-player/types';
+import type { StreamPlayerModel } from '../../../streams/streams-player/types';
+import type { Client } from '@urql/core';
+export declare class MockMediaCenterContentManagementHandler implements IMediaCenterContentManagementHandler {
+    private graphql;
+    constructor(graphql: Client);
+    onHandlerMounted: (api: Parameters<IMediaCenterContentManagementHandler["onHandlerMounted"]>[0]) => void;
+    editPost: (postId: string) => Promise<{
+        post: PostPlayerModel;
+        categories: string[];
+        isPublished: boolean;
+    } | null>;
+    editArticle: (postId: string) => Promise<{
+        post: PostPlayerModel;
+        categories: string[];
+        isPublished: boolean;
+    } | null>;
+    deletePost: (postId: string) => Promise<boolean>;
+    editStream: (streamId: string) => Promise<{
+        stream: StreamPlayerModel;
+        categories: string[];
+        isPublished: boolean;
+    } | null>;
+    deleteStream: (streamId: string) => Promise<boolean>;
+    deleteStreamPage: (streamPageId: string) => Promise<boolean>;
+    private _getUpdatedPost;
+    private _getUpdatedStream;
+}

package/dist/external-api/data-providers/mocks/mock-content-management-handler.svelte.js

@@ -0,0 +1,61 @@
+import { Status, StreamStatus } from '../../../core/enums';
+import { mapToStreamPlayerModel } from '../stream-data-loaders/mapper';
+import { GetPostDocument, GetStreamDocument } from './operations.generated';
+import { mapToPostPlayerModel } from '../post-data-loaders/mapper';
+export class MockMediaCenterContentManagementHandler {
+    graphql;
+    constructor(graphql) {
+        this.graphql = graphql;
+    }
+    onHandlerMounted = (api) => {
+        console.warn('MockContentCategoryFollowingHandler.onHandlerMounted called', api);
+    };
+    editPost = async (postId) => {
+        console.log('MockContentCategoryFollowingHandler.editPost', postId);
+        return await this._getUpdatedPost(postId);
+    };
+    editArticle = async (postId) => {
+        console.log('MockContentCategoryFollowingHandler.editArticle', postId);
+        return await this._getUpdatedPost(postId);
+    };
+    deletePost = (postId) => {
+        console.log('MockContentCategoryFollowingHandler.deletePost', postId);
+        return Promise.resolve(true);
+    };
+    editStream = async (streamId) => {
+        console.log('MockContentCategoryFollowingHandler.editStream', streamId);
+        return await this._getUpdatedStream(streamId);
+    };
+    deleteStream = (streamId) => {
+        console.log('MockContentCategoryFollowingHandler.deleteStream', streamId);
+        return Promise.resolve(true);
+    };
+    deleteStreamPage = (streamPageId) => {
+        console.log('MockContentCategoryFollowingHandler.deleteStreamPage', streamPageId);
+        return Promise.resolve(true);
+    };
+    _getUpdatedPost = async (id) => {
+        const payload = await this.graphql.query(GetPostDocument, { id }).toPromise();
+        const post = payload.data?.posts.items[0];
+        if (!post) {
+            return null;
+        }
+        return {
+            post: mapToPostPlayerModel(post),
+            categories: post.categoryIds,
+            isPublished: post.status === Status.Published
+        };
+    };
+    _getUpdatedStream = async (id) => {
+        const payload = await this.graphql.query(GetStreamDocument, { id }).toPromise();
+        const stream = payload.data?.embedStream;
+        if (!stream) {
+            return null;
+        }
+        return {
+            stream: mapToStreamPlayerModel(stream),
+            categories: stream.categoryIds,
+            isPublished: stream.status === StreamStatus.Published
+        };
+    };
+}

package/dist/{media-center/membership → external-api/data-providers/mocks}/mock-membership-handler.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { IMediaCenterMembershipHandler } from './types';
+import type { IMediaCenterMembershipHandler } from '../../../media-center/membership';
 export declare class MockMembershipHandler implements IMediaCenterMembershipHandler {
     private isJoined;
     getIsJoined: () => Promise<{

package/dist/{media-center/navigation → external-api/data-providers/mocks}/mock-navigation-handler.svelte.d.ts

@@ -1,5 +1,4 @@
-import type { MediaCenterState } from './';
-import type { IMediaCenterNavigationHandler } from './types';
+import type { MediaCenterState, IMediaCenterNavigationHandler } from '../../../media-center/navigation';
 export declare class MockNavigationHandler implements IMediaCenterNavigationHandler {
     private onChangeCallback;
     constructor(onChangeCallback: (state: MediaCenterState) => void);

package/dist/{posts/social-interactions → external-api/data-providers/mocks}/mock-post-social-interactions-handler.svelte.d.ts

@@ -1,9 +1,8 @@
-import type { IPostSocialInteractionsHandler } from './types';
+import type { IPostSocialInteractionsHandler } from '../../../posts';
 export declare class MockPostSocialInteractionsHandler implements IPostSocialInteractionsHandler {
     private postsMap;
     getIsLiked: (postId: string) => Promise<{
         readonly isLiked: boolean;
     }>;
     toggleLike: (postId: string) => void;
-    share: (postId: string) => void;
 }

package/dist/{posts/social-interactions → external-api/data-providers/mocks}/mock-post-social-interactions-handler.svelte.js

@@ -1,5 +1,5 @@
 export class MockPostSocialInteractionsHandler {
-    postsMap = $state([]);
+    postsMap = [];
     getIsLiked = (postId) => {
         const entry = this.postsMap.find((c) => c.id === postId);
         if (entry) {
@@ -10,7 +10,7 @@ export class MockPostSocialInteractionsHandler {
             });
         }
         else {
-            const newEntry = { id: postId, isLiked: Math.random() < 0.5 };
+            const newEntry = new IsLikedStore(postId, Math.random() < 0.5);
             this.postsMap.push(newEntry);
             return Promise.resolve({
                 get isLiked() {
@@ -22,13 +22,24 @@ export class MockPostSocialInteractionsHandler {
     toggleLike = (postId) => {
         const entry = this.postsMap.find((c) => c.id === postId);
         if (entry) {
-            entry.isLiked = !entry.isLiked;
+            entry.toggle();
         }
         else {
-            this.postsMap.push({ id: postId, isLiked: true });
+            this.postsMap.push(new IsLikedStore(postId, true));
         }
     };
-    share = (postId) => {
-        console.log('onShare', postId);
+}
+class IsLikedStore {
+    id;
+    _isLiked = $state(false);
+    constructor(postId, isLiked) {
+        this.id = postId;
+        this._isLiked = isLiked;
+    }
+    get isLiked() {
+        return this._isLiked;
+    }
+    toggle = () => {
+        this._isLiked = !this._isLiked;
     };
 }

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

@@ -0,0 +1,115 @@
+import type * as SchemaTypes from '../../../../gql/types';
+import type { TypedDocumentNode as DocumentNode } from '@graphql-typed-document-node/core';
+export type GetPostQueryVariables = SchemaTypes.Exact<{
+    id: SchemaTypes.Scalars['String']['input'];
+    image_scale?: SchemaTypes.InputMaybe<SchemaTypes.ImageScale>;
+}>;
+export type GetPostQuery = {
+    posts: {
+        items: Array<{
+            categoryIds: Array<string>;
+            status: SchemaTypes.Status;
+            id: string;
+            enableSocialInteractions: boolean;
+            viewsCount: number;
+            displayDate: any;
+            ownerProfile: {
+                id: string;
+                type: SchemaTypes.ProfileType;
+            };
+            allProducts: Array<{
+                id: string;
+                title: string;
+                shortDescription: string | null;
+                link: string | null;
+                media: Array<{
+                    url: string;
+                    thumbnailUrl: string | null;
+                    type: SchemaTypes.MediaType;
+                }>;
+                brand: {
+                    name: string;
+                } | null;
+                priceAndAvailability: {
+                    currency: SchemaTypes.Currency;
+                    price: number;
+                    productSalePrices: Array<{
+                        salePrice: number;
+                        salePriceEffectiveDateFrom: any | null;
+                        salePriceEffectiveDateTo: any | null;
+                    }> | null;
+                };
+            }>;
+            ad: {
+                id: string;
+                title: string;
+                description: string | null;
+                price: number | null;
+                priceInfo: string | null;
+                currency: SchemaTypes.Currency | null;
+                type: SchemaTypes.AdType;
+                ctaButton: {
+                    background: string;
+                    textColor: string;
+                    text: string;
+                    url: string;
+                    border: string;
+                } | null;
+                media: Array<{
+                    url: string;
+                    thumbnailUrl: string | null;
+                    type: SchemaTypes.MediaType;
+                }>;
+            } | null;
+            postData: {
+                media: Array<{
+                    url: string;
+                    thumbnailUrl: string | null;
+                    type: SchemaTypes.MediaType;
+                }>;
+                articleData: {
+                    title: string;
+                    kicker: string | null;
+                    articleId: string;
+                } | null;
+                mediaData: {
+                    text: string | null;
+                } | null;
+                momentData: {
+                    text: string | null;
+                } | null;
+                shortVideoData: {
+                    text: string | null;
+                } | null;
+                videoData: {
+                    title: string | null;
+                    text: string | null;
+                } | null;
+            };
+        }>;
+    };
+};
+export type GetStreamQueryVariables = SchemaTypes.Exact<{
+    id: SchemaTypes.Scalars['String']['input'];
+}>;
+export type GetStreamQuery = {
+    embedStream: {
+        categoryIds: Array<string>;
+        status: SchemaTypes.StreamStatus;
+        id: string;
+        title: string;
+        subTitle: string | null;
+        createdAt: any;
+        publishedAt: any | null;
+        pagesCount: number;
+        cover: {
+            url: string;
+        } | null;
+        ownerProfile: {
+            id: string;
+            type: SchemaTypes.ProfileType;
+        };
+    } | null;
+};
+export declare const GetPostDocument: DocumentNode<GetPostQuery, GetPostQueryVariables>;
+export declare const GetStreamDocument: DocumentNode<GetStreamQuery, GetStreamQueryVariables>;