@streamscloud/embeddable 8.3.0 → 10.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (137) hide show
  1. package/dist/content-player/cmp.content-player.svelte +1 -1
  2. package/dist/content-player/content-player-config.svelte.d.ts +4 -4
  3. package/dist/content-player/controls-and-attachments.svelte +1 -1
  4. package/dist/content-player/header.svelte +1 -1
  5. package/dist/core/document.event-handlers.d.ts +1 -0
  6. package/dist/core/document.event-handlers.js +3 -0
  7. package/dist/media-center/config/internal-media-center-analytics-handler.d.ts +4 -3
  8. package/dist/media-center/config/internal-media-center-analytics-handler.js +1 -0
  9. package/dist/media-center/config/internal-media-center-config.d.ts +1 -1
  10. package/dist/media-center/config/internal-media-center-config.js +38 -48
  11. package/dist/media-center/config/operations.generated.d.ts +0 -104
  12. package/dist/media-center/config/operations.generated.js +0 -323
  13. package/dist/media-center/config/operations.graphql +0 -24
  14. package/dist/media-center/config/types.d.ts +14 -14
  15. package/dist/media-center/config/types.js +1 -1
  16. package/dist/media-center/media-center/cmp.media-center.svelte +101 -24
  17. package/dist/media-center/media-center/cmp.media-center.svelte.d.ts +5 -5
  18. package/dist/media-center/media-center/discover-panel-handler.svelte.d.ts +5 -4
  19. package/dist/media-center/media-center/discover-panel-handler.svelte.js +2 -1
  20. package/dist/media-center/media-center/discover-panel.svelte +1 -1
  21. package/dist/media-center/media-center/discover-panel.svelte.d.ts +4 -3
  22. package/dist/media-center/media-center/post-player-provider-generator.d.ts +8 -0
  23. package/dist/media-center/media-center/{short-video-resources-generator.js → post-player-provider-generator.js} +9 -3
  24. package/dist/media-center/media-center/streams-in-category-panel-handler.svelte.d.ts +5 -2
  25. package/dist/media-center/media-center/streams-in-category-panel-handler.svelte.js +5 -0
  26. package/dist/media-center/media-center/streams-in-category-panel.svelte +2 -2
  27. package/dist/media-center/media-center/streams-in-category-panel.svelte.d.ts +3 -2
  28. package/dist/media-center/media-center/streams-player-provider-generator.d.ts +8 -0
  29. package/dist/media-center/media-center/streams-player-provider-generator.js +36 -0
  30. package/dist/media-center/media-center/types.d.ts +1 -7
  31. package/dist/posts/controls/cmp.controls.svelte +1 -1
  32. package/dist/posts/data-loaders/index.d.ts +1 -0
  33. package/dist/posts/data-loaders/index.js +1 -0
  34. package/dist/posts/data-loaders/mapper.d.ts +3 -0
  35. package/dist/{short-videos/short-videos-player → posts/data-loaders}/mapper.js +2 -2
  36. package/dist/{short-videos/short-videos-player → posts/data-loaders}/operations.generated.d.ts +6 -6
  37. package/dist/{short-videos/short-videos-player → posts/data-loaders}/operations.generated.js +7 -10
  38. package/dist/posts/data-loaders/operations.graphql +17 -0
  39. package/dist/posts/data-loaders/posts-loader.d.ts +19 -0
  40. package/dist/posts/data-loaders/posts-loader.js +28 -0
  41. package/dist/posts/handlers/index.d.ts +1 -0
  42. package/dist/posts/handlers/index.js +1 -0
  43. package/dist/{short-videos/short-videos-player/internal-short-video-analytics-handler.d.ts → posts/handlers/internal-post-analytics-handler.d.ts} +3 -2
  44. package/dist/{short-videos/short-videos-player/internal-short-video-analytics-handler.js → posts/handlers/internal-post-analytics-handler.js} +2 -1
  45. package/dist/{short-videos/short-videos-player/cmp.short-videos-player.svelte → posts/posts-player/cmp.posts-player.svelte} +3 -3
  46. package/dist/posts/posts-player/cmp.posts-player.svelte.d.ts +4 -0
  47. package/dist/posts/posts-player/index.d.ts +55 -20
  48. package/dist/posts/posts-player/index.js +48 -32
  49. package/dist/posts/posts-player/posts-player-view.svelte +65 -15
  50. package/dist/posts/posts-player/posts-player-view.svelte.d.ts +5 -1
  51. package/dist/posts/posts-player/types.d.ts +9 -3
  52. package/dist/short-videos/data-providers/index.d.ts +1 -0
  53. package/dist/short-videos/data-providers/index.js +1 -0
  54. package/dist/short-videos/data-providers/internal-short-video-player-items-provider.d.ts +17 -0
  55. package/dist/short-videos/{short-videos-player/internal-short-video-player-provider.js → data-providers/internal-short-video-player-items-provider.js} +13 -33
  56. package/dist/short-videos/short-videos-player/index.d.ts +14 -64
  57. package/dist/short-videos/short-videos-player/index.js +77 -31
  58. package/dist/streams/data-loaders/index.d.ts +2 -0
  59. package/dist/streams/data-loaders/index.js +2 -0
  60. package/dist/streams/{stream-player → data-loaders}/mapper.d.ts +1 -1
  61. package/dist/streams/{stream-player → data-loaders}/operations.generated.d.ts +27 -24
  62. package/dist/streams/{stream-player → data-loaders}/operations.generated.js +18 -17
  63. package/dist/streams/{stream-player → data-loaders}/operations.graphql +6 -3
  64. package/dist/streams/data-loaders/stream-pages-loader.d.ts +10 -0
  65. package/dist/streams/data-loaders/stream-pages-loader.js +33 -0
  66. package/dist/streams/data-loaders/streams-loader.d.ts +19 -0
  67. package/dist/streams/data-loaders/streams-loader.js +28 -0
  68. package/dist/streams/{stream-player → streams-player}/index.d.ts +21 -22
  69. package/dist/streams/{stream-player → streams-player}/index.js +9 -7
  70. package/dist/streams/streams-player/internal-streams-player-data-provider.d.ts +16 -0
  71. package/dist/streams/streams-player/internal-streams-player-data-provider.js +55 -0
  72. package/dist/streams/{stream-player → streams-player}/stream-overview.svelte +18 -15
  73. package/dist/streams/{stream-player → streams-player}/stream-overview.svelte.d.ts +2 -2
  74. package/dist/streams/streams-player/streams-player-buffer.svelte.d.ts +8 -0
  75. package/dist/streams/streams-player/streams-player-buffer.svelte.js +15 -0
  76. package/dist/streams/{stream-player/stream-player-view.svelte → streams-player/streams-player-view.svelte} +69 -55
  77. package/dist/streams/streams-player/streams-player-view.svelte.d.ts +8 -0
  78. package/dist/streams/{stream-player → streams-player}/types.d.ts +9 -7
  79. package/dist/ui/{player-button → player/button}/cmp.player-button.svelte +1 -1
  80. package/dist/ui/{player-button → player/button}/cmp.player-button.svelte.d.ts +1 -1
  81. package/dist/ui/{player-button → player/button}/cmp.player-buttons-group.svelte +1 -1
  82. package/dist/ui/{player-button → player/button}/types.d.ts +1 -1
  83. package/dist/ui/player/button/types.js +1 -0
  84. package/dist/ui/player/providers/chunks-player-buffer/index.d.ts +2 -0
  85. package/dist/ui/player/providers/chunks-player-buffer/index.js +2 -0
  86. package/dist/ui/player/providers/chunks-player-buffer/player-chunk-item.svelte.d.ts +11 -0
  87. package/dist/ui/player/providers/chunks-player-buffer/player-chunk-item.svelte.js +11 -0
  88. package/dist/ui/player/providers/chunks-player-buffer/player-chunk.svelte.d.ts +31 -0
  89. package/dist/ui/player/providers/chunks-player-buffer/player-chunk.svelte.js +67 -0
  90. package/dist/ui/player/providers/chunks-player-buffer/player-chunks-manager.svelte.d.ts +23 -0
  91. package/dist/ui/player/providers/chunks-player-buffer/player-chunks-manager.svelte.js +119 -0
  92. package/dist/ui/player/providers/default-chunks-player-buffer.svelte.d.ts +20 -0
  93. package/dist/ui/player/providers/default-chunks-player-buffer.svelte.js +47 -0
  94. package/dist/ui/player/providers/default-feed-player-buffer.svelte.d.ts +27 -0
  95. package/dist/ui/player/providers/default-feed-player-buffer.svelte.js +78 -0
  96. package/dist/ui/player/providers/index.d.ts +3 -0
  97. package/dist/ui/player/providers/index.js +2 -0
  98. package/dist/ui/player/providers/types.d.ts +49 -0
  99. package/dist/ui/{player-slider → player/slider}/cmp.player-slider.svelte +7 -20
  100. package/dist/ui/{player-slider → player/slider}/cmp.player-slider.svelte.d.ts +4 -4
  101. package/dist/ui/{player-slider → player/slider}/index.d.ts +0 -2
  102. package/dist/ui/{player-slider → player/slider}/index.js +0 -1
  103. package/dist/ui/player/slider/types.d.ts +16 -0
  104. package/dist/ui/swipe-indicator/cmp.swipe-indicator.svelte +7 -8
  105. package/package.json +4 -4
  106. package/dist/media-center/media-center/short-video-resources-generator.d.ts +0 -8
  107. package/dist/short-videos/short-videos-player/cmp.short-videos-player.svelte.d.ts +0 -4
  108. package/dist/short-videos/short-videos-player/internal-short-video-player-provider.d.ts +0 -18
  109. package/dist/short-videos/short-videos-player/mapper.d.ts +0 -3
  110. package/dist/short-videos/short-videos-player/operations.graphql +0 -17
  111. package/dist/short-videos/short-videos-player/short-videos-player-view.svelte +0 -82
  112. package/dist/short-videos/short-videos-player/short-videos-player-view.svelte.d.ts +0 -8
  113. package/dist/short-videos/short-videos-player/types.d.ts +0 -26
  114. package/dist/streams/stream-player/internal-stream-player-data-provider.d.ts +0 -12
  115. package/dist/streams/stream-player/internal-stream-player-data-provider.js +0 -48
  116. package/dist/streams/stream-player/stream-player-buffer.svelte.d.ts +0 -28
  117. package/dist/streams/stream-player/stream-player-buffer.svelte.js +0 -79
  118. package/dist/streams/stream-player/stream-player-view.svelte.d.ts +0 -8
  119. package/dist/ui/player-button/types.js +0 -1
  120. package/dist/ui/player-slider/player-buffer.svelte.d.ts +0 -31
  121. package/dist/ui/player-slider/player-buffer.svelte.js +0 -76
  122. package/dist/ui/player-slider/types.d.ts +0 -26
  123. /package/dist/streams/{stream-player → data-loaders}/mapper.js +0 -0
  124. /package/dist/streams/{stream-player → streams-player}/internal-stream-analytics-handler.d.ts +0 -0
  125. /package/dist/streams/{stream-player → streams-player}/internal-stream-analytics-handler.js +0 -0
  126. /package/dist/streams/{stream-player → streams-player}/stream-player-localization.d.ts +0 -0
  127. /package/dist/streams/{stream-player → streams-player}/stream-player-localization.js +0 -0
  128. /package/dist/{short-videos/short-videos-player → streams/streams-player}/types.js +0 -0
  129. /package/dist/ui/{player-button → player/button}/cmp.player-buttons-group.svelte.d.ts +0 -0
  130. /package/dist/ui/{player-button → player/button}/index.d.ts +0 -0
  131. /package/dist/ui/{player-button → player/button}/index.js +0 -0
  132. /package/dist/{streams/stream-player → ui/player/providers}/types.js +0 -0
  133. /package/dist/ui/{player-slider → player/slider}/prevent-slider-scroll.d.ts +0 -0
  134. /package/dist/ui/{player-slider → player/slider}/prevent-slider-scroll.js +0 -0
  135. /package/dist/ui/{player-slider → player/slider}/types.js +0 -0
  136. /package/dist/ui/{player-slider → player/slider}/wheel-gestures-adapter.d.ts +0 -0
  137. /package/dist/ui/{player-slider → player/slider}/wheel-gestures-adapter.js +0 -0
@@ -11,7 +11,7 @@ import { ContentPlayerLocalization } from './content-player-localization';
11
11
  import { handleEsc } from '../core/document.event-handlers';
12
12
  import { PostViewer } from '../posts/post-viewer';
13
13
  import { Loading } from '../ui/loading';
14
- import { PlayerSlider } from '../ui/player-slider';
14
+ import { PlayerSlider } from '../ui/player/slider';
15
15
  import { SwipeIndicator } from '../ui/swipe-indicator';
16
16
  import { default as ControlsAndAttachments } from './controls-and-attachments.svelte';
17
17
  import { default as Header } from './header.svelte';
@@ -1,8 +1,8 @@
1
1
  import type { MediaCenterData } from '../media-center/model/types';
2
2
  import { type IPostModel, PostModel } from '../posts/model';
3
3
  import type { IPostSocialInteractionsHandler } from '../posts/social-interactions';
4
- import type { IPlayerBuffer } from '../ui/player-slider';
5
- import type { PlayerSliderCallbacks } from '../ui/player-slider/types';
4
+ import type { IPlayerBuffer } from '../ui/player/providers';
5
+ import type { PlayerSliderCallbacks } from '../ui/player/slider/types';
6
6
  import { ContentPlayerSettings } from './content-player-settings';
7
7
  import { ContentPlayerUIManager } from './ui-manager.svelte';
8
8
  export declare class ContentPlayerConfig<T extends {
@@ -11,7 +11,7 @@ export declare class ContentPlayerConfig<T extends {
11
11
  playerBuffer: IPlayerBuffer<T> | null;
12
12
  readonly settings: ContentPlayerSettings;
13
13
  readonly callbacks: ContentPlayerCallbacks | null;
14
- readonly playerSliderCallbacks: PlayerSliderCallbacks<T> | undefined;
14
+ readonly playerSliderCallbacks: PlayerSliderCallbacks | undefined;
15
15
  readonly socialInteractionsHandler: IPostSocialInteractionsHandler | undefined;
16
16
  readonly uiManager: ContentPlayerUIManager;
17
17
  private _mediaCenterData;
@@ -25,7 +25,7 @@ export declare class ContentPlayerConfig<T extends {
25
25
  mediaCenterData?: MediaCenterData;
26
26
  settings?: ContentPlayerSettings;
27
27
  callbacks?: ContentPlayerCallbacks;
28
- playerSliderCallbacks?: PlayerSliderCallbacks<T>;
28
+ playerSliderCallbacks?: PlayerSliderCallbacks;
29
29
  trackingParams?: ContentPlayerTrackingParams | null;
30
30
  });
31
31
  get mediaCenterControlsPanel(): MediaCenterData['controlsPanel'] | null;
@@ -1,7 +1,7 @@
1
1
  <script lang="ts">import { slideHorizontally } from '../core/transitions';
2
2
  import { PostAttachments } from '../posts/attachments';
3
3
  import { PostControls } from '../posts/controls';
4
- import { PlayerButton } from '../ui/player-button';
4
+ import { PlayerButton } from '../ui/player/button';
5
5
  import { ContentPlayerConfig } from './content-player-config.svelte';
6
6
  import IconChevronDown from '@fluentui/svg-icons/icons/chevron_down_28_regular.svg?raw';
7
7
  import IconChevronUp from '@fluentui/svg-icons/icons/chevron_up_28_regular.svg?raw';
@@ -1,4 +1,4 @@
1
- <script lang="ts">import { PlayerButton } from '../ui/player-button';
1
+ <script lang="ts">import { PlayerButton } from '../ui/player/button';
2
2
  import { ContentPlayerConfig } from './content-player-config.svelte';
3
3
  import { ContentPlayerLocalization } from './content-player-localization';
4
4
  import IconDismiss from '@fluentui/svg-icons/icons/dismiss_28_regular.svg?raw';
@@ -1 +1,2 @@
1
1
  export declare const handleEsc: (event: KeyboardEvent, callback: () => void) => void;
2
+ export declare const isTouchDevice: () => boolean;
@@ -3,3 +3,6 @@ export const handleEsc = (event, callback) => {
3
3
  callback();
4
4
  }
5
5
  };
6
+ export const isTouchDevice = () => {
7
+ return 'ontouchstart' in window || navigator.maxTouchPoints > 0;
8
+ };
@@ -1,8 +1,9 @@
1
- import type { IShortVideoAnalyticsHandler } from '../../short-videos/short-videos-player/types';
2
- import type { IStreamAnalyticsHandler } from '../../streams/stream-player/types';
3
- export declare class InternalMediaCenterAnalyticsHandler implements IShortVideoAnalyticsHandler, IStreamAnalyticsHandler {
1
+ import type { IPostAnalyticsHandler } from '../../posts/posts-player/types';
2
+ import type { IStreamAnalyticsHandler } from '../../streams/streams-player/types';
3
+ export declare class InternalMediaCenterAnalyticsHandler implements IPostAnalyticsHandler, IStreamAnalyticsHandler {
4
4
  constructor(graphqlOrigin: string | undefined);
5
5
  setOrganizationId: (organizationId: string) => void;
6
+ trackPostOpened: (postId: string, ownerId: string) => void;
6
7
  trackStreamView: (streamId: string) => void;
7
8
  trackStreamPageView: (pageId: string, streamId: string) => void;
8
9
  trackStreamEngagementTime: (streamId: string, engagementTime: number) => void;
@@ -7,6 +7,7 @@ export class InternalMediaCenterAnalyticsHandler {
7
7
  AppEventsTracker.setProfileId(getOrCreateProfileId());
8
8
  }
9
9
  setOrganizationId = (organizationId) => AppEventsTracker.setOrganizationId(organizationId);
10
+ trackPostOpened = (postId, ownerId) => AppEventsTracker.trackPostOpened(postId, ownerId);
10
11
  trackStreamView = (streamId) => AppEventsTracker.trackStreamView(streamId);
11
12
  trackStreamPageView = (pageId, streamId) => AppEventsTracker.trackStreamPageView(pageId, streamId);
12
13
  trackStreamEngagementTime = (streamId, engagementTime) => AppEventsTracker.trackStreamEngagementTime(streamId, engagementTime);
@@ -1,7 +1,7 @@
1
1
  import type { IMediaCenterConfig } from './types';
2
2
  export declare class InternalMediaCenterConfig implements IMediaCenterConfig {
3
3
  private readonly mediaPageId;
4
- shortVideosPlayer: IMediaCenterConfig['shortVideosPlayer'];
4
+ postsPlayer: IMediaCenterConfig['postsPlayer'];
5
5
  streamPlayer: IMediaCenterConfig['streamPlayer'];
6
6
  handlers: IMediaCenterConfig['handlers'];
7
7
  private graphql;
@@ -1,68 +1,58 @@
1
- import { PostType, Status, StreamStatus } from '../../core/enums';
1
+ import { Status, StreamStatus } from '../../core/enums';
2
2
  import { createLocalGQLClient } from '../../core/graphql';
3
3
  import { MockCategoryFollowingProvider } from '../categories-following/mock-categories-following-handler.svelte';
4
+ import { getPostsCursor } from '../../posts/data-loaders';
4
5
  import { MockPostSocialInteractionsHandler } from '../../posts/social-interactions/mock-post-social-interactions-handler.svelte';
5
- import { mapToShortVideoPlayerModel } from '../../short-videos/short-videos-player/mapper';
6
- import { InternalStreamPlayerDataProvider } from '../../streams/stream-player/internal-stream-player-data-provider';
6
+ import { getStreamPagesCursor, getStreamsCursor } from '../../streams/data-loaders';
7
7
  import { InternalMediaCenterAnalyticsHandler } from './internal-media-center-analytics-handler';
8
- import { GetMediaPageConfigDocument, GetShortVideosDocument, GetStreamsDocument } from './operations.generated';
8
+ import { GetMediaPageConfigDocument } from './operations.generated';
9
9
  export class InternalMediaCenterConfig {
10
10
  mediaPageId;
11
- shortVideosPlayer;
11
+ postsPlayer;
12
12
  streamPlayer;
13
13
  handlers;
14
14
  graphql;
15
15
  constructor(mediaPageId, graphqlOrigin, testingStuff) {
16
16
  this.mediaPageId = mediaPageId;
17
17
  this.graphql = createLocalGQLClient(graphqlOrigin);
18
- this.shortVideosPlayer = {
19
- getShortVideosCursor: async ({ filter, limit, continuationToken }) => {
20
- const payload = await this.graphql
21
- .query(GetShortVideosDocument, {
22
- input: {
23
- filter: {
24
- mediaPageId: this.mediaPageId,
25
- types: [PostType.ShortVideo],
26
- statuses: [Status.Published],
27
- categoryId: filter.categoryId,
28
- excludeIds: filter.excludeIds
29
- },
30
- limit,
31
- continuationToken
32
- }
33
- })
34
- .toPromise();
35
- const posts = payload.data?.shortVideos?.items || [];
36
- return {
37
- items: posts.map(mapToShortVideoPlayerModel),
38
- continuationToken: payload.data?.shortVideos?.continuationToken || null
39
- };
18
+ this.postsPlayer = {
19
+ getPostsCursor: async ({ filter, limit, continuationToken }) => {
20
+ return await getPostsCursor({
21
+ filter: {
22
+ mediaPageId: this.mediaPageId,
23
+ types: filter.types,
24
+ statuses: [Status.Published],
25
+ categoryId: filter.categoryId,
26
+ excludeIds: filter.excludeIds
27
+ },
28
+ continuationToken,
29
+ limit,
30
+ graphql: this.graphql
31
+ });
40
32
  }
41
33
  };
42
34
  this.streamPlayer = {
43
35
  getStreamsCursor: async ({ filter, limit, continuationToken }) => {
44
- const payload = await this.graphql
45
- .query(GetStreamsDocument, {
46
- input: {
47
- filter: {
48
- mediaPageId: this.mediaPageId,
49
- categoryId: filter.categoryId,
50
- excludeIds: filter.excludeIds,
51
- statuses: [StreamStatus.Published],
52
- showInFeed: true
53
- },
54
- limit,
55
- continuationToken
56
- }
57
- })
58
- .toPromise();
59
- const streams = payload.data?.streams.items ?? [];
60
- return {
61
- items: streams.map((x) => ({ id: x.id, title: x.title, subTitle: x.subTitle, cover: x.cover?.url ?? null })),
62
- continuationToken: payload.data?.streams?.continuationToken ?? null
63
- };
36
+ return await getStreamsCursor({
37
+ filter: {
38
+ mediaPageId: this.mediaPageId,
39
+ categoryId: filter.categoryId,
40
+ excludeIds: filter.excludeIds,
41
+ statuses: [StreamStatus.Published],
42
+ showInFeed: true
43
+ },
44
+ limit,
45
+ continuationToken,
46
+ graphql: this.graphql
47
+ });
64
48
  },
65
- streamPlayerDataProvider: new InternalStreamPlayerDataProvider({ graphql: this.graphql })
49
+ getStreamPages: async (streamId, continuationToken) => {
50
+ return await getStreamPagesCursor({
51
+ streamId,
52
+ continuationToken,
53
+ graphql: this.graphql
54
+ });
55
+ }
66
56
  };
67
57
  this.handlers = {
68
58
  analyticsHandler: new InternalMediaCenterAnalyticsHandler(graphqlOrigin),
@@ -23,108 +23,4 @@ export type GetMediaPageConfigQuery = {
23
23
  } | null;
24
24
  } | null;
25
25
  };
26
- export type GetShortVideosQueryVariables = SchemaTypes.Exact<{
27
- input: SchemaTypes.EmbedPostsInput;
28
- image_scale?: SchemaTypes.InputMaybe<SchemaTypes.ImageScale>;
29
- }>;
30
- export type GetShortVideosQuery = {
31
- shortVideos: {
32
- continuationToken: string | null;
33
- items: Array<{
34
- id: string;
35
- enableSocialInteractions: boolean;
36
- ownerProfile: {
37
- id: string;
38
- type: SchemaTypes.ProfileType;
39
- };
40
- allProducts: Array<{
41
- id: string;
42
- title: string;
43
- shortDescription: string | null;
44
- link: string | null;
45
- media: Array<{
46
- url: string;
47
- thumbnailUrl: string | null;
48
- type: SchemaTypes.MediaType;
49
- }>;
50
- brand: {
51
- name: string;
52
- } | null;
53
- priceAndAvailability: {
54
- currency: SchemaTypes.Currency;
55
- price: number;
56
- productSalePrices: Array<{
57
- salePrice: number;
58
- salePriceEffectiveDateFrom: any | null;
59
- salePriceEffectiveDateTo: any | null;
60
- }> | null;
61
- };
62
- }>;
63
- ad: {
64
- id: string;
65
- title: string;
66
- description: string | null;
67
- price: number | null;
68
- priceInfo: string | null;
69
- currency: SchemaTypes.Currency | null;
70
- type: SchemaTypes.AdType;
71
- ctaButton: {
72
- background: string;
73
- textColor: string;
74
- text: string;
75
- url: string;
76
- border: string;
77
- } | null;
78
- media: Array<{
79
- url: string;
80
- thumbnailUrl: string | null;
81
- type: SchemaTypes.MediaType;
82
- }>;
83
- } | null;
84
- postData: {
85
- media: Array<{
86
- url: string;
87
- thumbnailUrl: string | null;
88
- type: SchemaTypes.MediaType;
89
- }>;
90
- articleData: {
91
- title: string;
92
- kicker: string | null;
93
- articleId: string;
94
- } | null;
95
- mediaData: {
96
- text: string | null;
97
- } | null;
98
- momentData: {
99
- text: string | null;
100
- } | null;
101
- shortVideoData: {
102
- text: string | null;
103
- } | null;
104
- videoData: {
105
- title: string | null;
106
- text: string | null;
107
- } | null;
108
- };
109
- }>;
110
- };
111
- };
112
- export type GetStreamsQueryVariables = SchemaTypes.Exact<{
113
- input: SchemaTypes.EmbedStreamsInput;
114
- }>;
115
- export type GetStreamsQuery = {
116
- streams: {
117
- continuationToken: string | null;
118
- items: Array<{
119
- id: string;
120
- title: string;
121
- subTitle: string | null;
122
- cover: {
123
- url: string;
124
- } | null;
125
- }>;
126
- };
127
- };
128
26
  export declare const GetMediaPageConfigDocument: DocumentNode<GetMediaPageConfigQuery, GetMediaPageConfigQueryVariables>;
129
- export declare const GetShortVideosDocument: DocumentNode<GetShortVideosQuery, GetShortVideosQueryVariables>;
130
- export declare const GetStreamsDocument: DocumentNode<GetStreamsQuery, GetStreamsQueryVariables>;
@@ -84,326 +84,3 @@ export const GetMediaPageConfigDocument = {
84
84
  }
85
85
  ]
86
86
  };
87
- export const GetShortVideosDocument = {
88
- kind: 'Document',
89
- definitions: [
90
- {
91
- kind: 'OperationDefinition',
92
- operation: 'query',
93
- name: { kind: 'Name', value: 'GetShortVideos' },
94
- variableDefinitions: [
95
- {
96
- kind: 'VariableDefinition',
97
- variable: { kind: 'Variable', name: { kind: 'Name', value: 'input' } },
98
- type: { kind: 'NonNullType', type: { kind: 'NamedType', name: { kind: 'Name', value: 'EmbedPostsInput' } } }
99
- },
100
- {
101
- kind: 'VariableDefinition',
102
- variable: { kind: 'Variable', name: { kind: 'Name', value: 'image_scale' } },
103
- type: { kind: 'NamedType', name: { kind: 'Name', value: 'ImageScale' } },
104
- defaultValue: { kind: 'EnumValue', value: 'ORIGINAL_ENCODED' }
105
- }
106
- ],
107
- selectionSet: {
108
- kind: 'SelectionSet',
109
- selections: [
110
- {
111
- kind: 'Field',
112
- alias: { kind: 'Name', value: 'shortVideos' },
113
- name: { kind: 'Name', value: 'embedPosts' },
114
- arguments: [{ kind: 'Argument', name: { kind: 'Name', value: 'input' }, value: { kind: 'Variable', name: { kind: 'Name', value: 'input' } } }],
115
- selectionSet: {
116
- kind: 'SelectionSet',
117
- selections: [
118
- {
119
- kind: 'Field',
120
- name: { kind: 'Name', value: 'items' },
121
- selectionSet: {
122
- kind: 'SelectionSet',
123
- selections: [{ kind: 'FragmentSpread', name: { kind: 'Name', value: 'ShortVideosPlayerPayloadFragment' } }]
124
- }
125
- },
126
- { kind: 'Field', name: { kind: 'Name', value: 'continuationToken' } }
127
- ]
128
- }
129
- }
130
- ]
131
- }
132
- },
133
- {
134
- kind: 'FragmentDefinition',
135
- name: { kind: 'Name', value: 'PostViewerPayloadFragment' },
136
- typeCondition: { kind: 'NamedType', name: { kind: 'Name', value: 'Post' } },
137
- selectionSet: {
138
- kind: 'SelectionSet',
139
- selections: [
140
- { kind: 'Field', name: { kind: 'Name', value: 'id' } },
141
- { kind: 'Field', name: { kind: 'Name', value: 'enableSocialInteractions' } },
142
- {
143
- kind: 'Field',
144
- name: { kind: 'Name', value: 'allProducts' },
145
- selectionSet: {
146
- kind: 'SelectionSet',
147
- selections: [
148
- { kind: 'Field', name: { kind: 'Name', value: 'id' } },
149
- { kind: 'Field', name: { kind: 'Name', value: 'title' } },
150
- { kind: 'Field', name: { kind: 'Name', value: 'shortDescription' } },
151
- { kind: 'Field', name: { kind: 'Name', value: 'link' } },
152
- {
153
- kind: 'Field',
154
- name: { kind: 'Name', value: 'media' },
155
- selectionSet: {
156
- kind: 'SelectionSet',
157
- selections: [
158
- {
159
- kind: 'Field',
160
- name: { kind: 'Name', value: 'url' },
161
- arguments: [{ kind: 'Argument', name: { kind: 'Name', value: 'scale' }, value: { kind: 'EnumValue', value: 'SMALL' } }]
162
- },
163
- {
164
- kind: 'Field',
165
- name: { kind: 'Name', value: 'thumbnailUrl' },
166
- arguments: [{ kind: 'Argument', name: { kind: 'Name', value: 'scale' }, value: { kind: 'EnumValue', value: 'SMALL' } }]
167
- },
168
- { kind: 'Field', name: { kind: 'Name', value: 'type' } }
169
- ]
170
- }
171
- },
172
- {
173
- kind: 'Field',
174
- name: { kind: 'Name', value: 'brand' },
175
- selectionSet: { kind: 'SelectionSet', selections: [{ kind: 'Field', name: { kind: 'Name', value: 'name' } }] }
176
- },
177
- {
178
- kind: 'Field',
179
- name: { kind: 'Name', value: 'priceAndAvailability' },
180
- selectionSet: {
181
- kind: 'SelectionSet',
182
- selections: [
183
- { kind: 'Field', name: { kind: 'Name', value: 'currency' } },
184
- { kind: 'Field', name: { kind: 'Name', value: 'price' } },
185
- {
186
- kind: 'Field',
187
- name: { kind: 'Name', value: 'productSalePrices' },
188
- selectionSet: {
189
- kind: 'SelectionSet',
190
- selections: [
191
- { kind: 'Field', name: { kind: 'Name', value: 'salePrice' } },
192
- { kind: 'Field', name: { kind: 'Name', value: 'salePriceEffectiveDateFrom' } },
193
- { kind: 'Field', name: { kind: 'Name', value: 'salePriceEffectiveDateTo' } }
194
- ]
195
- }
196
- }
197
- ]
198
- }
199
- }
200
- ]
201
- }
202
- },
203
- {
204
- kind: 'Field',
205
- name: { kind: 'Name', value: 'ad' },
206
- selectionSet: {
207
- kind: 'SelectionSet',
208
- selections: [
209
- { kind: 'Field', name: { kind: 'Name', value: 'id' } },
210
- { kind: 'Field', name: { kind: 'Name', value: 'title' } },
211
- { kind: 'Field', name: { kind: 'Name', value: 'description' } },
212
- { kind: 'Field', name: { kind: 'Name', value: 'price' } },
213
- { kind: 'Field', name: { kind: 'Name', value: 'priceInfo' } },
214
- { kind: 'Field', name: { kind: 'Name', value: 'currency' } },
215
- {
216
- kind: 'Field',
217
- name: { kind: 'Name', value: 'ctaButton' },
218
- selectionSet: {
219
- kind: 'SelectionSet',
220
- selections: [
221
- { kind: 'Field', name: { kind: 'Name', value: 'background' } },
222
- { kind: 'Field', name: { kind: 'Name', value: 'textColor' } },
223
- { kind: 'Field', name: { kind: 'Name', value: 'text' } },
224
- { kind: 'Field', name: { kind: 'Name', value: 'url' } },
225
- { kind: 'Field', name: { kind: 'Name', value: 'border' } }
226
- ]
227
- }
228
- },
229
- { kind: 'Field', name: { kind: 'Name', value: 'type' } },
230
- {
231
- kind: 'Field',
232
- name: { kind: 'Name', value: 'media' },
233
- selectionSet: {
234
- kind: 'SelectionSet',
235
- selections: [
236
- {
237
- kind: 'Field',
238
- name: { kind: 'Name', value: 'url' },
239
- arguments: [{ kind: 'Argument', name: { kind: 'Name', value: 'scale' }, value: { kind: 'EnumValue', value: 'SMALL' } }]
240
- },
241
- {
242
- kind: 'Field',
243
- name: { kind: 'Name', value: 'thumbnailUrl' },
244
- arguments: [{ kind: 'Argument', name: { kind: 'Name', value: 'scale' }, value: { kind: 'EnumValue', value: 'SMALL' } }]
245
- },
246
- { kind: 'Field', name: { kind: 'Name', value: 'type' } }
247
- ]
248
- }
249
- }
250
- ]
251
- }
252
- },
253
- {
254
- kind: 'Field',
255
- name: { kind: 'Name', value: 'postData' },
256
- selectionSet: {
257
- kind: 'SelectionSet',
258
- selections: [
259
- {
260
- kind: 'Field',
261
- name: { kind: 'Name', value: 'media' },
262
- selectionSet: {
263
- kind: 'SelectionSet',
264
- selections: [
265
- {
266
- kind: 'Field',
267
- name: { kind: 'Name', value: 'url' },
268
- arguments: [
269
- {
270
- kind: 'Argument',
271
- name: { kind: 'Name', value: 'scale' },
272
- value: { kind: 'Variable', name: { kind: 'Name', value: 'image_scale' } }
273
- }
274
- ]
275
- },
276
- {
277
- kind: 'Field',
278
- name: { kind: 'Name', value: 'thumbnailUrl' },
279
- arguments: [
280
- {
281
- kind: 'Argument',
282
- name: { kind: 'Name', value: 'scale' },
283
- value: { kind: 'Variable', name: { kind: 'Name', value: 'image_scale' } }
284
- }
285
- ]
286
- },
287
- { kind: 'Field', name: { kind: 'Name', value: 'type' } }
288
- ]
289
- }
290
- },
291
- {
292
- kind: 'Field',
293
- name: { kind: 'Name', value: 'articleData' },
294
- selectionSet: {
295
- kind: 'SelectionSet',
296
- selections: [
297
- { kind: 'Field', name: { kind: 'Name', value: 'title' } },
298
- { kind: 'Field', name: { kind: 'Name', value: 'kicker' } },
299
- { kind: 'Field', name: { kind: 'Name', value: 'articleId' } }
300
- ]
301
- }
302
- },
303
- {
304
- kind: 'Field',
305
- name: { kind: 'Name', value: 'mediaData' },
306
- selectionSet: { kind: 'SelectionSet', selections: [{ kind: 'Field', name: { kind: 'Name', value: 'text' } }] }
307
- },
308
- {
309
- kind: 'Field',
310
- name: { kind: 'Name', value: 'momentData' },
311
- selectionSet: { kind: 'SelectionSet', selections: [{ kind: 'Field', name: { kind: 'Name', value: 'text' } }] }
312
- },
313
- {
314
- kind: 'Field',
315
- name: { kind: 'Name', value: 'shortVideoData' },
316
- selectionSet: { kind: 'SelectionSet', selections: [{ kind: 'Field', name: { kind: 'Name', value: 'text' } }] }
317
- },
318
- {
319
- kind: 'Field',
320
- name: { kind: 'Name', value: 'videoData' },
321
- selectionSet: {
322
- kind: 'SelectionSet',
323
- selections: [
324
- { kind: 'Field', name: { kind: 'Name', value: 'title' } },
325
- { kind: 'Field', name: { kind: 'Name', value: 'text' } }
326
- ]
327
- }
328
- }
329
- ]
330
- }
331
- }
332
- ]
333
- }
334
- },
335
- {
336
- kind: 'FragmentDefinition',
337
- name: { kind: 'Name', value: 'ShortVideosPlayerPayloadFragment' },
338
- typeCondition: { kind: 'NamedType', name: { kind: 'Name', value: 'Post' } },
339
- selectionSet: {
340
- kind: 'SelectionSet',
341
- selections: [
342
- { kind: 'FragmentSpread', name: { kind: 'Name', value: 'PostViewerPayloadFragment' } },
343
- {
344
- kind: 'Field',
345
- name: { kind: 'Name', value: 'ownerProfile' },
346
- selectionSet: {
347
- kind: 'SelectionSet',
348
- selections: [
349
- { kind: 'Field', name: { kind: 'Name', value: 'id' } },
350
- { kind: 'Field', name: { kind: 'Name', value: 'type' } }
351
- ]
352
- }
353
- }
354
- ]
355
- }
356
- }
357
- ]
358
- };
359
- export const GetStreamsDocument = {
360
- kind: 'Document',
361
- definitions: [
362
- {
363
- kind: 'OperationDefinition',
364
- operation: 'query',
365
- name: { kind: 'Name', value: 'GetStreams' },
366
- variableDefinitions: [
367
- {
368
- kind: 'VariableDefinition',
369
- variable: { kind: 'Variable', name: { kind: 'Name', value: 'input' } },
370
- type: { kind: 'NonNullType', type: { kind: 'NamedType', name: { kind: 'Name', value: 'EmbedStreamsInput' } } }
371
- }
372
- ],
373
- selectionSet: {
374
- kind: 'SelectionSet',
375
- selections: [
376
- {
377
- kind: 'Field',
378
- alias: { kind: 'Name', value: 'streams' },
379
- name: { kind: 'Name', value: 'embedStreams' },
380
- arguments: [{ kind: 'Argument', name: { kind: 'Name', value: 'input' }, value: { kind: 'Variable', name: { kind: 'Name', value: 'input' } } }],
381
- selectionSet: {
382
- kind: 'SelectionSet',
383
- selections: [
384
- {
385
- kind: 'Field',
386
- name: { kind: 'Name', value: 'items' },
387
- selectionSet: {
388
- kind: 'SelectionSet',
389
- selections: [
390
- { kind: 'Field', name: { kind: 'Name', value: 'id' } },
391
- {
392
- kind: 'Field',
393
- name: { kind: 'Name', value: 'cover' },
394
- selectionSet: { kind: 'SelectionSet', selections: [{ kind: 'Field', name: { kind: 'Name', value: 'url' } }] }
395
- },
396
- { kind: 'Field', name: { kind: 'Name', value: 'title' } },
397
- { kind: 'Field', name: { kind: 'Name', value: 'subTitle' } }
398
- ]
399
- }
400
- },
401
- { kind: 'Field', name: { kind: 'Name', value: 'continuationToken' } }
402
- ]
403
- }
404
- }
405
- ]
406
- }
407
- }
408
- ]
409
- };