@wscsports/blaze-web-sdk 0.2.2 → 0.2.4

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.
@@ -12,6 +12,7 @@ export declare function LabelBuilder(): IWidgetLabelBuilder;
12
12
  export declare function pauseCurrentPlayer(): void;
13
13
  export declare function resumeCurrentPlayer(): void;
14
14
  export declare function setGoogleCustomNativeAdsHandler(handler: CustomNativeAdHandler): void;
15
+ export declare function setImaHandler(handler: ImaAdHandler): void;
15
16
  declare const _default: {
16
17
  Initialize: typeof Initialize;
17
18
  WidgetGridView: typeof WidgetGridView;
@@ -24,6 +25,7 @@ declare const _default: {
24
25
  LabelBuilder: typeof LabelBuilder;
25
26
  Delegations: typeof Delegation;
26
27
  setGoogleCustomNativeAdsHandler: typeof setGoogleCustomNativeAdsHandler;
28
+ setImaHandler: typeof setImaHandler;
27
29
  pauseCurrentPlayer: typeof pauseCurrentPlayer;
28
30
  resumeCurrentPlayer: typeof resumeCurrentPlayer;
29
31
  setExternalUserId: typeof setExternalUserId;
@@ -52,11 +54,210 @@ export declare class API {
52
54
 
53
55
  export * from './api';
54
56
 
55
- export declare abstract class BaseDrawableElement extends BaseWidget implements IDrawable {
56
- protected abstract connectedCallback(): void;
57
- protected abstract disconnectedCallback(): void;
58
- protected abstract attributeChangedCallback(name: string, oldValue?: string, newValue?: string): void;
59
- abstract render(): void;
57
+ export declare enum Category {
58
+ Story = "story",
59
+ Moment = "moment",
60
+ Widget = "widget",
61
+ Ad = "ad",
62
+ Interaction = "interaction"
63
+ }
64
+ declare class UserEventInfo {
65
+ 'generated_user_id': string;
66
+ 'external_user_id': string;
67
+ 'user_id': string;
68
+ 'age': number;
69
+ 'gender': string;
70
+ 'locale': string;
71
+ 'user_email_address': string;
72
+ 'ip_address': string;
73
+ 'mac_address': string;
74
+ 'user_type': string;
75
+ 'is_bot': true;
76
+ }
77
+ declare class TechEventInfo {
78
+ 'device_type': string;
79
+ 'device_brand': string;
80
+ 'device_model': string;
81
+ 'network_domain': string;
82
+ 'os': string;
83
+ 'os_version': string;
84
+ 'screen_color': string;
85
+ 'screen_resolution': string;
86
+ 'browser': string;
87
+ 'browser_size': string;
88
+ 'browser_version': string;
89
+ 'app_id': string;
90
+ 'app_version': string;
91
+ 'user_agent': string;
92
+ 'connection_type': string;
93
+ }
94
+ declare class GeoEventInfo {
95
+ 'latitude': string;
96
+ 'longitude': string;
97
+ 'city': string;
98
+ 'city_id': string;
99
+ 'region': string;
100
+ 'region_id': string;
101
+ 'country': string;
102
+ 'sub_continent': string;
103
+ 'sub_continent_code': string;
104
+ 'continent': string;
105
+ 'continent_id': string;
106
+ }
107
+ export declare class ReferringEventInfo {
108
+ 'referrer_page_type': string;
109
+ 'referrer_page_url': string;
110
+ 'referrer_page_domain': string;
111
+ 'labels_expression': string;
112
+ 'session_referrer_page_type': string;
113
+ 'session_referrer_url': string;
114
+ 'session_referrer_domain': string;
115
+ 'session_referrer_type': string;
116
+ 'origin_widget_id': string;
117
+ 'origin_widget_name': string;
118
+ 'origin_widget_type': string;
119
+ 'origin_placement_id': string;
120
+ 'origin_placement_name': string;
121
+ 'story_source': string;
122
+ }
123
+ export declare class AnalyticsEvent {
124
+ 'timestamp_utc': string;
125
+ 'timestamp_user_tz': string;
126
+ 'sdk_id': string;
127
+ 'sdk_version': string;
128
+ 'sdk_type': string;
129
+ 'event_category': string;
130
+ 'event_action': string;
131
+ 'event_label': string;
132
+ 'session_id': string;
133
+ 'user': UserEventInfo;
134
+ 'tech': TechEventInfo;
135
+ 'geo': GeoEventInfo;
136
+ 'wsc_internal': {
137
+ customer_name: string;
138
+ customer_id: string;
139
+ };
140
+ 'page': {
141
+ page_url: string;
142
+ };
143
+ 'referring': ReferringEventInfo;
144
+ story: Partial<StoryEvent> | undefined;
145
+ moment: Partial<MomentEvent> | undefined;
146
+ widget: Partial<WidgetEvent> | undefined;
147
+ ad: Partial<AdEvent> | undefined;
148
+ interaction: Partial<InteractionEvent> | undefined;
149
+ }
150
+ export declare class StoryEvent {
151
+ 'story_start_id': string;
152
+ 'story_id': string;
153
+ 'story_title': string;
154
+ 'story_page_id': string;
155
+ 'story_page_count': number;
156
+ 'story_page_type': string;
157
+ 'story_page_action_type': string;
158
+ 'story_page_player_name': string;
159
+ 'story_page_game_name': string;
160
+ 'story_page_navigation_type': string;
161
+ 'story_page_navigation_direction': string;
162
+ 'story_start_trigger': string;
163
+ 'story_exit_trigger': string;
164
+ 'content_duration_viewed': number;
165
+ 'story_page_duration': number;
166
+ 'story_page_duration_viewed_percent': number;
167
+ 'gesture_type': string;
168
+ 'labels_expression': string;
169
+ 'story_session_id': string;
170
+ 'story_page_index': number;
171
+ 'is_last_page': boolean;
172
+ 'audio_state': string;
173
+ 'playback_action_method': PlaybackActionType;
174
+ 'player_type': PlayerType;
175
+ }
176
+ export declare class MomentEvent {
177
+ 'moments_session_id': string;
178
+ 'moment_id': string;
179
+ 'moment_title': string;
180
+ 'moment_index': number;
181
+ 'moment_navigation_type': string;
182
+ 'moment_navigation_direction': string;
183
+ 'moment_start_trigger': string;
184
+ 'moment_exit_trigger': string;
185
+ 'moment_duration': number;
186
+ 'moment_duration_viewed_percent': number;
187
+ 'playback_action_method': string;
188
+ 'audio_state': string;
189
+ 'loop_number': string;
190
+ }
191
+ export declare class WidgetEvent {
192
+ 'page_view_id': string;
193
+ 'placement_id': string;
194
+ 'placement_name': string;
195
+ 'placement_distance': string;
196
+ 'widget_id': string;
197
+ 'widget_name': string;
198
+ 'widget_type': string;
199
+ 'widget_size': string;
200
+ 'widget_content_count': number;
201
+ 'widget_content_list': string;
202
+ 'labels_expression': string;
203
+ 'content_id': string;
204
+ 'content_name': string;
205
+ 'content_version_id': string;
206
+ 'content_type': string;
207
+ 'content_index': number;
208
+ 'thumbnail_size': string;
209
+ 'thumbnail_aspect_ratio': string;
210
+ 'thumbnail_type': string;
211
+ 'page_type': string;
212
+ 'page_size': string;
213
+ }
214
+ export declare class AdEvent {
215
+ 'advertiser_id': string;
216
+ 'advertiser_name': string;
217
+ 'campaign_id': string;
218
+ 'campaign_name': string;
219
+ 'ad_server': string;
220
+ 'story_id': string;
221
+ 'story_title': string;
222
+ 'ad_insertion_logic': string;
223
+ 'ad_index': string;
224
+ 'ad_start_trigger': string;
225
+ 'ad_exit_trigger': string;
226
+ 'ad_duration': string;
227
+ 'ad_duration_viewed_percent': string;
228
+ 'playback_action_method': string;
229
+ 'audio_state': string;
230
+ 'skip_config': string;
231
+ 'content_type': string;
232
+ 'ad_path': string;
233
+ }
234
+ export declare class ImaAdEvent {
235
+ 'story_id': string;
236
+ 'story_title': string;
237
+ 'ad_id': string;
238
+ 'ad_title': string;
239
+ 'ad_description': string;
240
+ 'ad_system': string;
241
+ 'ad_duration': string;
242
+ 'skippable': string;
243
+ 'skip_time_offset': string;
244
+ 'advertiser_name': string;
245
+ 'failure_reason': string;
246
+ 'ad_type': string;
247
+ 'ima_url': string;
248
+ }
249
+ export declare class InteractionEvent {
250
+ 'interaction_id': string;
251
+ 'interaction_type': string;
252
+ 'interaction_text': string;
253
+ 'interaction_selected_answer': string;
254
+ 'content_session_id': string;
255
+ 'content_type': string;
256
+ 'content_id': string;
257
+ 'content_title': string;
258
+ 'content_page_id': string;
259
+ 'playback_action_method': string;
260
+ 'audio_state': string;
60
261
  }
61
262
 
62
263
  export declare abstract class BaseWidget extends HTMLElement {
@@ -114,16 +315,30 @@ export declare class EventsListener {
114
315
  removeAll(): void;
115
316
  }
116
317
 
117
- export * from './base-drawable-element.class';
318
+ export * from './analytics.class';
118
319
  export * from './base-element.class';
119
320
  export * from './debounce';
120
321
  export * from './device-detector.class';
121
322
  export * from './events-listener';
323
+ export * from './label-builder.class';
122
324
  export * from './long-press.handler';
123
325
  export * from './singleton.class';
124
326
  export * from './throttle';
125
327
  export * from './url';
126
- export * from './device-detector.class';
328
+
329
+ export declare class BlazeWidgetLabel {
330
+ value: string;
331
+ constructor(value: string);
332
+ static singleLabel(label: string): BlazeWidgetLabel;
333
+ static mustInclude(...labels: Array<string | BlazeWidgetLabel>): BlazeWidgetLabel;
334
+ static atLeastOneOf(...labels: Array<string | BlazeWidgetLabel>): BlazeWidgetLabel;
335
+ mustInclude(...labels: Array<string | BlazeWidgetLabel>): BlazeWidgetLabel;
336
+ atLeastOneOf(...labels: Array<string | BlazeWidgetLabel>): BlazeWidgetLabel;
337
+ toString(): string;
338
+ private static createLabel;
339
+ private static validateAndProceed;
340
+ private static isValidLabelFormat;
341
+ }
127
342
 
128
343
  export interface ILongPressHandlerOptions {
129
344
  onStart: () => void;
@@ -155,7 +370,7 @@ export declare class URLManager {
155
370
  static isBackWasCalled: boolean;
156
371
  static resetLocationAfterStoryClose(): void;
157
372
  static resetLocation(): void;
158
- static updateLocationStoryHash(story?: IStory): void;
373
+ static updateLocationContentHash(content?: IStory | IMoment): void;
159
374
  static getHashMatch(): RegExpMatchArray | null;
160
375
  static getHash(): string;
161
376
  static updateStoryInHash(story: IStory): void;
@@ -278,7 +493,7 @@ export declare class BlazeTypography extends BaseWidget {
278
493
  get fontSize(): ".8rem" | "1rem" | ".5rem";
279
494
  }
280
495
 
281
- type AttributeType = 'disabled' | 'hidden' | 'height' | 'width' | 'icon-color' | 'order';
496
+ type AttributeType = 'disabled' | 'blaze-btn-hidden' | 'blaze-btn-visible' | 'height' | 'width' | 'icon-color' | 'order';
282
497
  export declare class BlazeButton extends BaseWidget {
283
498
  buttonElement: HTMLButtonElement;
284
499
  get refElement(): ShadowRoot | this;
@@ -291,6 +506,7 @@ export declare class BlazeButton extends BaseWidget {
291
506
  get width(): string | number | boolean;
292
507
  setIconUrl(value: string): void;
293
508
  private setIsHidden;
509
+ private setIsVisible;
294
510
  private setIsDisabled;
295
511
  private setHeight;
296
512
  private setWidth;
@@ -345,7 +561,7 @@ export declare enum StoryAction {
345
561
  Exit = "story_exit",
346
562
  PageStart = "story_page_start",
347
563
  PageExit = "story_page_exit",
348
- CTAClick = "cta_click",
564
+ CtaClick = "cta_click",
349
565
  Audio = "audio",
350
566
  ShareClick = "share_click",
351
567
  ShareSelect = "share_select",
@@ -355,6 +571,20 @@ export declare enum StoryAction {
355
571
  Expand = "expand",
356
572
  Minimize = "minimize"
357
573
  }
574
+ export declare enum MomentAction {
575
+ MomentsPlaylistStart = "moments_playlist_start",
576
+ MomentsPlaylistExit = "moments_playlist_exit",
577
+ MomentStart = "moment_start",
578
+ MomentExit = "moment_exit",
579
+ CtaClick = "cta_click",
580
+ Like = "like",
581
+ Unlike = "unlike",
582
+ Audio = "audio",
583
+ ShareClick = "share_click",
584
+ ShareSuccess = "share_success",
585
+ PlaybackPause = "playback_pause",
586
+ PlaybackPlay = "playback_play"
587
+ }
358
588
  export declare enum WidgetAction {
359
589
  Load = "widget_load",
360
590
  Visible = "widget_visible",
@@ -394,7 +624,7 @@ export declare const StoryToAdActionMapper: {
394
624
  cta_click: AdAction;
395
625
  };
396
626
  type ExposedFields = {
397
- [key in StoryAction | WidgetAction | AdAction]?: string[];
627
+ [key in StoryAction | MomentAction | WidgetAction | AdAction]?: string[];
398
628
  };
399
629
  export declare const exposedFieldsByAction: ExposedFields;
400
630
 
@@ -435,10 +665,12 @@ export declare class Database implements IDatabase {
435
665
 
436
666
  export * from './database';
437
667
 
668
+ type ContentType = 'Story' | 'Moment';
438
669
  interface IAdInfoConfiguration {
439
670
  adLocationsIndexes: Array<number>;
440
671
  isActive: boolean;
441
672
  adsLocationType: 'FixedPages' | 'EveryXStories';
673
+ type: ContentType;
442
674
  }
443
675
  export interface IAdInfo {
444
676
  path?: string;
@@ -454,6 +686,13 @@ export interface IContent {
454
686
  createTime: string;
455
687
  thumbnails: IThumbnail[];
456
688
  hasViewed: boolean;
689
+ type?: string;
690
+ isAd: boolean;
691
+ entities?: {
692
+ gameId: string | null;
693
+ teamId: string | null;
694
+ playerId: string | null;
695
+ };
457
696
  }
458
697
 
459
698
  export interface ICTA {
@@ -522,6 +761,8 @@ export interface ILayer {
522
761
  }
523
762
 
524
763
  export interface IMoment extends IContent {
764
+ momentIndexInPlaylist: number;
765
+ type: string;
525
766
  duration: string;
526
767
  thumbnails: IThumbnail[];
527
768
  likes: number;
@@ -530,7 +771,12 @@ export interface IMoment extends IContent {
530
771
  rendition: IRendition;
531
772
  type: string;
532
773
  };
774
+ cta: ICTA;
533
775
  }
776
+ export type MomentDB = {
777
+ id: string;
778
+ liked: boolean;
779
+ };
534
780
 
535
781
  export interface IContentPage {
536
782
  id: string;
@@ -547,6 +793,7 @@ export interface IContentPage {
547
793
  shouldShowImaAd?: boolean;
548
794
  imaUrl?: string;
549
795
  interaction?: Interaction;
796
+ poster?: IThumbnail;
550
797
  }
551
798
  export interface IAdPage {
552
799
  id: string;
@@ -567,17 +814,11 @@ export interface IStory extends IContent {
567
814
  description: string;
568
815
  isLive: boolean;
569
816
  pages: IPage[];
570
- isAd: boolean;
571
817
  adInfo?: IAdInfo;
572
- entities?: {
573
- gameId: string | null;
574
- teamId: string | null;
575
- playerId: string | null;
576
- };
577
818
  }
578
819
 
579
820
  export interface IThumbnail {
580
- type: 'SquareIcon' | 'VerticalTwoByThree' | 'MainThumbnail';
821
+ type: 'SquareIcon' | 'VerticalTwoByThree' | 'MainThumbnail' | 'PosterPortrait';
581
822
  rendition: IRendition;
582
823
  }
583
824
 
@@ -600,15 +841,16 @@ export declare enum ErrorCode {
600
841
  export declare enum Delegation {
601
842
  onEventTriggered = "blaze-event-triggered",
602
843
  onErrorThrown = "blaze-error-event",
603
- onStoryPlayerDidAppear = "blaze-story-player-did-appear",
604
- onStoryPlayerDismissed = "blaze-story-player-dismissed",
605
- onStoryLoadStarted = "blaze-story-load-started",
606
- onStoryLoadComplete = "blaze-story-load-completed",
844
+ onPlayerDidAppear = "blaze-player-did-appear",
845
+ onPlayerDismissed = "blaze-player-dismissed",
607
846
  onGetAds = "blaze-get-ads",
608
847
  onWidgetDataLoadStarted = "blaze-widget-data-load-started",
609
848
  onWidgetDataLoadCompleted = "blaze-widget-data-load-completed",
610
- onWidgetStoryPlayerDismissed = "blaze-widget-story-player-dismissed",
611
- onWidgetTriggerCTA = "blaze-widget-trigger-CTA"
849
+ onWidgetPlayerDismissed = "blaze-widget-player-dismissed",
850
+ onWidgetTriggerCTA = "blaze-widget-trigger-CTA",
851
+ onStoryPlayerDidAppear = "blaze-story-player-did-appear",
852
+ onStoryPlayerDismissed = "blaze-story-player-dismissed",
853
+ onWidgetStoryPlayerDismissed = "blaze-widget-story-player-dismissed"
612
854
  }
613
855
  export declare enum InternalEvent {
614
856
  NEXT_STORY = "next_story",
@@ -641,18 +883,15 @@ export interface WidgetsTagNameMap {
641
883
  'blaze-widget-item': BlazeWidgetItem;
642
884
  'blaze-widget-layout': BlazeWidgetLayout;
643
885
  'blaze-widget-story': BlazeWidgetStory;
644
- 'blaze-widget-story-preview': BlazeWidgetStoryPreview;
645
886
  'blaze-widget-story-player': BlazeWidgetStoryPlayer;
646
887
  'blaze-widget-story-modal': BlazeWidgetStoryModal;
647
888
  'blaze-widget-moment': BlazeWidgetMoment;
648
- 'blaze-widget-moment-preview': BlazeWidgetMomentPreview;
649
889
  'blaze-widget-moment-player': BlazeWidgetMomentPlayer;
650
890
  'blaze-widget-moment-modal': BlazeWidgetMomentModal;
891
+ 'blaze-widget-moment-seek-bar': BlazeWidgetMomentSeekBar;
651
892
  'blaze-widget-share-modal': BlazeWidgetShareModal;
652
893
  'blaze-widget-cta-modal': BlazeWidgetCtaModal;
653
- 'blaze-widget-image': BlazeWidgetStoryImage;
654
- 'blaze-widget-video': BlazeWidgetStoryVideo;
655
- 'blaze-widget-moment-video': BlazeWidgetMomentVideo;
894
+ 'blaze-widget-video': BlazeWidgetVideo;
656
895
  'blaze-widget-interaction': BlazeWidgetInteraction;
657
896
  'blaze-loader': BlazeLoader;
658
897
  'blaze-chip': BlazeChip;
@@ -674,13 +913,12 @@ interface WidgetsTagNameOptionsMap {
674
913
  'blaze-widget-item': {};
675
914
  'blaze-widget-layout': {};
676
915
  'blaze-widget-story': {};
677
- 'blaze-widget-story-preview': {};
678
916
  'blaze-widget-story-player': {};
679
917
  'blaze-widget-story-modal': {};
680
918
  'blaze-widget-moment': {};
681
- 'blaze-widget-moment-preview': {};
682
919
  'blaze-widget-moment-player': {};
683
920
  'blaze-widget-moment-modal': {};
921
+ 'blaze-widget-moment-seek-bar': {};
684
922
  'blaze-widget-share-modal': {};
685
923
  'blaze-widget-cta-modal': {};
686
924
  'blaze-widget-image': {};
@@ -713,43 +951,30 @@ export declare function isWidgetTheme(theme: any): theme is IWidgetTheme;
713
951
 
714
952
  export * from './svgs';
715
953
 
716
- export declare const playSvg = "data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" fill=\"none\"><path stroke=\"%23fff\" stroke-linecap=\"round\" stroke-width=\"1.9\" d=\"M17.74 30.34V18.53a1.8 1.8 0 0 1 2.77-1.52l9.23 5.92a1.8 1.8 0 0 1 0 3.03l-9.23 5.9a1.8 1.8 0 0 1-2.77-1.52z\"/></svg>";
717
- export declare const pauseSvg = "data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" fill=\"none\"><path stroke=\"%23fff\" stroke-linecap=\"round\" stroke-width=\"2.1\" d=\"M20.33 16.86v15.4m7.34-15.4v15.4\"/></svg>";
718
- export declare const unmuteSvg = "data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" fill=\"none\"><path fill=\"%23fff\" fill-rule=\"evenodd\" d=\"M27.53 16.97a.95.95 0 0 1 1.1-.76c.75.13 2.28.7 3.63 1.9a7.71 7.71 0 0 1 2.62 5.95c0 1.86-.55 3.32-1.33 4.45l-1.38-1.37c.48-.8.8-1.81.8-3.08 0-2.16-.92-3.59-1.97-4.53a6.43 6.43 0 0 0-2.7-1.45.95.95 0 0 1-.77-1.1z\" clip-rule=\"evenodd\"/><path fill=\"%23fff\" fill-rule=\"evenodd\" d=\"M27.54 21.03a.95.95 0 0 1 1.14-.72c.7.16 2.5 1.19 2.5 3.71 0 .7-.15 1.28-.36 1.76l-1.56-1.52c.05-.6-.07-1.25-.48-1.71-.23-.26-.47-.36-.51-.38 0 0-.01 0 0 0a.95.95 0 0 1-.73-1.14z\" clip-rule=\"evenodd\"/><path fill=\"%23fff\" d=\"M23.4 16.79v1.56l1.9 1.9v-4.27c0-.3-.12-.6-.29-.84a1.59 1.59 0 0 0-.7-.57c-.29-.11-.61-.16-.9-.1-.3.06-.61.21-.82.42l-1.31 1.34 1.33 1.34.8-.78z\"/><path stroke=\"%23fff\" stroke-linecap=\"round\" stroke-width=\"1.9\" d=\"m20.12 18.73-1.76 1.81h-2.59c-.94 0-1.7.76-1.7 1.7v3.45c0 .93.75 1.68 1.67 1.7l2.6.04 4.9 4.9a.65.65 0 0 0 1.1-.46v-9.1\"/><path stroke=\"%23fff\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m17.13 15.36 17.2 17.19\"/><path stroke=\"%23fff\" stroke-linecap=\"round\" stroke-width=\"1.9\" d=\"M28.47 30.84A7.2 7.2 0 0 0 31 29.67\"/></svg>";
719
- export declare const muteSvg = "data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" fill=\"none\"><path stroke=\"%23fff\" stroke-linecap=\"round\" stroke-width=\"1.9\" d=\"M28.47 17.14c1.15.2 5.46 1.98 5.46 6.92 0 4.95-4.39 6.63-5.46 6.83\"/><path stroke=\"%23fff\" stroke-linecap=\"round\" stroke-width=\"1.8\" d=\"M28.47 21.24c.37.08 1.75.79 1.75 2.78 0 1.99-1.4 2.67-1.75 2.74\"/><path stroke=\"%23fff\" stroke-linecap=\"round\" stroke-width=\"1.9\" d=\"m18.36 27.48 4.88 4.9a.65.65 0 0 0 1.1-.46V16.09c0-.58-.7-.87-1.1-.45l-4.88 4.94h-2.59c-.94 0-1.7.77-1.7 1.7v3.45c0 .93.75 1.69 1.67 1.7l2.62.05z\"/></svg>";
720
- export declare const shareSvg = "data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" fill=\"none\"><path fill=\"%23fff\" d=\"m21.1 25.4 9.87-9.86 1.42 1.42-9.86 9.87z\"/><path stroke=\"%23fff\" stroke-linecap=\"round\" stroke-width=\"1.9\" d=\"m16.85 19.82 15.33-4.14c.04 0 .07.03.06.06l-4.02 15.34a1.6 1.6 0 0 1-2.97.33l-2.93-5.73-5.77-2.88a1.6 1.6 0 0 1 .3-2.98z\"/></svg>";
721
- export declare const nextSvg = "data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" fill=\"none\"><path stroke=\"%23000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.4\" d=\"m21.52 16.22 7.75 7.75m-7.75 7.78L29.27 24\"/></svg>";
722
- export declare const nextPageSvg = "data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22a%22%20style%3D%22mask-type%3Aalpha%22%20width%3D%2224%22%20height%3D%2224%22%20x%3D%220%22%20y%3D%220%22%20maskUnits%3D%22userSpaceOnUse%22%3E%3Cpath%20fill%3D%22%23D9D9D9%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23a)%22%3E%3Cpath%20fill%3D%22%23000%22%20fill-opacity%3D%22.92%22%20d%3D%22M9.4%2018L8%2016.6l4.6-4.6L8%207.4%209.4%206l6%206-6%206z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E";
723
- export declare const prevPageSvg = "data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20viewBox%3D%220%200%2024%2024%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cmask%20id%3D%22a%22%20style%3D%22mask-type%3Aalpha%22%20width%3D%2224%22%20height%3D%2224%22%20x%3D%220%22%20y%3D%220%22%20maskUnits%3D%22userSpaceOnUse%22%3E%3Cpath%20fill%3D%22%23D9D9D9%22%20d%3D%22M0%200h24v24H0z%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23a)%22%3E%3Cpath%20fill%3D%22%23000%22%20fill-opacity%3D%22.92%22%20d%3D%22M14%2018l-6-6%206-6%201.4%201.4-4.6%204.6%204.6%204.6L14%2018z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E";
724
- export declare const prevSvg = "data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" fill=\"none\"><path stroke=\"%23000\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.4\" d=\"m21.52 16.22 7.75 7.75m-7.75 7.78L29.27 24\"/></svg>";
725
- export declare const closeSvg = "data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" data-testid=\"CloseIcon\"><path fill=\"%23fff\" d=\"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"></path></svg>";
726
- export declare const closeSvgBlack = "data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" data-testid=\"CloseIcon\"><path fill=\"%23000\" d=\"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"></path></svg>";
727
- export declare const nextStory = "data:image/svg+xml;charset=utf-8,<svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g> <circle cx=\"24\" cy=\"24\" r=\"20\" fill=\"rgba(1,1,1,0.2)\" fill-opacity=\"0.2\" shape-rendering=\"crispEdges\"/> </g> <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M 25.725 28.753 L 27.705 30.899 L 34.296 23.756 L 27.705 16.613 L 25.725 18.759 L 30.334 23.756 L 25.725 28.753 Z\" fill=\"white\"/> <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M 15.098 29.053 L 17.078 31.199 L 23.669 24.056 L 17.078 16.913 L 15.098 19.059 L 19.707 24.056 L 15.098 29.053 Z\" fill=\"white\"/> </svg>";
728
- export declare const fullScreenSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzM3M18xNzMiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMzczXzE3MykiPgo8cGF0aCBkPSJNNSAyMUM0LjQ1IDIxIDMuOTc5MTcgMjAuODA0MiAzLjU4NzUgMjAuNDEyNUMzLjE5NTgzIDIwLjAyMDggMyAxOS41NSAzIDE5VjE1SDVWMTlIOVYyMUg1Wk0xNSAyMVYxOUgxOVYxNUgyMVYxOUMyMSAxOS41NSAyMC44MDQyIDIwLjAyMDggMjAuNDEyNSAyMC40MTI1QzIwLjAyMDggMjAuODA0MiAxOS41NSAyMSAxOSAyMUgxNVpNMyA5VjVDMyA0LjQ1IDMuMTk1ODMgMy45NzkxNyAzLjU4NzUgMy41ODc1QzMuOTc5MTcgMy4xOTU4MyA0LjQ1IDMgNSAzSDlWNUg1VjlIM1pNMTkgOVY1SDE1VjNIMTlDMTkuNTUgMyAyMC4wMjA4IDMuMTk1ODMgMjAuNDEyNSAzLjU4NzVDMjAuODA0MiAzLjk3OTE3IDIxIDQuNDUgMjEgNVY5SDE5WiIgZmlsbD0iI0YwRjBGMCIvPgo8L2c+Cjwvc3ZnPgo=";
729
- export declare const rightArrowSvg = "data:image/svg+xml;charset=utf-8,<svg width=\"6\" height=\"10\" viewBox=\"0 0 6 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 8.49779L1.38618 10L6 5L1.38618 0L0 1.50221L3.22686 5L0 8.49779Z\" fill=\"white\"/> </svg>";
730
- export declare const replaySvg = "data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" data-testid=\"ReplayIcon\" aria-label=\"fontSize large\"><path d=\"M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z\"></path></svg>";
731
- export declare const replayWhiteSvg = "data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" data-testid=\"ReplayIcon\" aria-label=\"fontSize large\"><path fill=\"white\" d=\"M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z\"></path></svg>";
732
- export declare const likeSvg = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVSSURBVHgBzVltTFtVGH5PvzbaLq6fTOjccmlaCKwRN/zAGCVb2NABJsuSQZaYuO3P4o/FxUEYaAS3jKiBBEUNmM0Zrcbwh83InIqb8wcOJpYSoKHFBCEW2kImbek67vGcknbQ9ePe0sCeX/fe8957nr7nvM9537cIUkRO3p4CxAKzhKAAIWAQIBlGIKNjCIMXA+vEGM0ggAkyPmQf6bdCCkB8jDMzTTK5UlJOXqsMk+E8EQYnBrCiewGz3W6Z4fweFyNKbIty8xEW4UpIBzD8zJVoUoL6/KJyzEI1X48lnZh4FNgls33szi+J7ISJBvV5Tx9jAarJz5BAuoFADgLBs1vVOum8a+rP+GYxENprCkkdFqBdsB7A4PB6AmedTos3ekgQy16m3HRu3chREBWQKzbXxRp6aInpspL99hysNxBkxlruVQQZQ9FeLITXYINA9DJ3qyp7Yd41bQs/iyxxTk6xFoSoCjYYhGQ1jYHwvSh8gSXBKuJmLZeP7N9XojpQWrJti1wu/m9hIdjzY++/137qdfO1ic0QZFKiuUSEPl++hWXv4U3BTuCAzvYPnyx58YXtPp//vs/vvyfNyJBIpRmi3hu3Jmvqm0LH2cctFwqL9hRui7a5crXHcarm7WEu83jdgSoa1SEPhrzHAa3NjfmU3JXvexxNF1psbs9ckD5vaqgxVh85ZPiioy2D3uflGtSfdFwavnjZPBltQ6+5kJQpJBXEi+ZQkCg0uhOQ5KQw6JmMxndqd3/9bddYTf17o37/Ihse6735uzvg9/tfrXiZ0ahVUkrug9Z2R7QNs3OHuPzgfsZmG3ePO/72Q0IgZs413SWkWQkhVwFJ0FB72mg05CjO1DX+5Z5b9spKDAxa7mpUSjQ0POI619w6Husb/QOD8ydeP6pfYpeC1673ziackJxeSnXWkAhj2MUlZZDLpWKX2+Oz2R2+eDYNTc1jib7h8niC9Bs0cIADWJLOCWguB+sIGjCcjYVQQHQQabjYjtrsd9UqpfQAkQ9IEXQf02juuz2YXG4glPEwAiLVmVyML5GIpLJx5vQb+SqlQgQ8Qd/5tO39otlZt//GzVucCBKKMgHZg5zyPLp/PmrvsO54Yvtj333VWcyXJNVG+m5L22fWRPt4NT+QCRWabM7HG41UKievlJXuLN33kvbqD9enVkpJPFBxf774mWwqPx0Xv5wEHhAqtdlUYjhvXL4kwycP1c948hMXpPgSKtS6MuCZznMl+W79W8bKg2UMJdfQ2GwDvkDwj1CpeZzoINIBTyQjSckdrTpsSJkcUAfiMaFKm6XAgJ6CFBCPZDrIUZC6+zeyxFli4sG9kCKiSRaaCuSHD1XqaUJBz2xYCzD+RkgO5Bm+gZKIpNGgV/xKUq+Tp2qHYA0gJ5zTMdLfuZzNaLMIubUVSWGSQYJjJ98chLUCQx9xXl8oTTCZTLKF+5vM8AgBiQLH7RbLTKgmsVgsXgFG3fCogLRGKDl6GSmapOJFM1l3L2ww6N5D4kBkNSNlp9PpDKo0WcFUJSddQLDUabcORlp1q+piz+z0mEqto30+I2wASD+xm0Ru18pnD3UWPK6pO0qNroBcckrD0gjHxMjt89EPY/dmRIvnSXg7YP1g9YoCZ2MNJKxGSJ/mOGlaJi2o1gK6rBMjf8StyRP2B+lyk3xxhpaA5Da9DUxE+9j4MlnWhPrLqQWcYyKdh2CoNZLymb0S1Gs+ImtOiyWprPFqoj8gSo9FzKmPE5ko5DHU7RUudnMhlhLBlWBydxOSiPwFIWBI+aWljadwfRMiwyLv8l8Q7BDL4gnH6EBKycP/05ePdBFq824AAAAASUVORK5CYII=";
733
- export declare const newShareSvg = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAW4SURBVHgBxVl7TFNnFD9fW1FafEB5bVKdF6wwKsYBbhozxnROp+B0bBEmmqDRPTSLWWYWWVyyTZds/+4PtxG3YVw14nR1mxqDG+hU3goo0qXFDR8U2s452lI6+u07F4u1Fri9XOCX0Ps45/b+OOf7zqsERCIxJUNHvMD1EdARAhwBoqIEVCgjFBwUvBZKSScBaGPyJlNLbTOIAAlFOS4uTRURFZbDHlvtIyP4RRQsFKCZ9Lr1JlNjp+DnhCghsclRk9Z5CV0NUoBCuVCiwxJMSs3MoV4oCNViw76YWRS8fXpTa/3ZofTkQwmTUhZs8gIUsH8jDKQGgQiQyZ6ZFp2gvGu91TC4WhDway0ybBeVkbkwFqBgdtjdxRZLoyNQJAumr4qauGfMyCFYFIiInLQrmOgRF6Nb2XpbCGMNAnHB3P0QQU6buYTKYSOME1i8TJ6mnt5913rb6Ls34OLExEWxICf5MM5gJAtwD/iuBwjSME8+2/uxMEpQR0Uq3tvx9qwtRYUJQyqycKZkMdd3qcAPtB4lniUwCqSWZmdFFxbkzUpJ1kb7y77af+DmYM8RlhCYFQ/hruYJ8taTEC8uzVYvX5Yd/8LzWZrw8PAJgXKWo4dNEKrIsFwWyvWK+5znYjAaCWYncsrC/LyEtS+v5HyknE7Xfzf+bL/3xEzNFH/disrztmG/kJBc9qlXYFVCRa49dGHRxgJN1uKF8f4uvHbdaKs4d7HDcOJkx74vPs/wkVUqwxUtrX9YjSazc9gvZ2sRuSkohbmh1TT9Ltz+5iYts8xUf2sdN/xiPvB9WbvRZHIi+SMHSxbNnKGZilbs6rI6MzPmx/944vRNoe/xsnJOgbWcUOd+9MFObaALDT+fMp8+81vHqTNnB9wWSK54957LB7/b96zT5fJ8/U1pOwiFHHRsDZIYIbpbNxUmvJ6fNwfP0YUHD5WZzpRX2G32vz3+eoHkXlu/+ULemlVxKKuqruuAEMAqHk7GImGcEOXJk6fwFY3VanNWVv5+p76h8Z4QcqizasWyGSgvO/aTcOv1U1TJI2OmC0ptRqOpe9681IjZSVxkRvr82PX5eVyaLkXpdvd6TOYbrsHIaZO48B3b39B1ddlc7+/+5CqEAlbmKYTqWu12T/6GrTVaFk52vrtNq0tNic7OWqzBP7Sqw+n0BJLD597aUsTh8WJ1zR0QAZKYmqlnO1lUtby1aINm1cplmieTtWq8RiutXFtQ4e/6qsqTS6LVauWK3HXlgsKLP1jzJaNe4gCR+HJ/aXvOK+sv7Prw0xq8drmcvf7kMBwhOcGxLxAELDIC3jYYIQ6XHeu41tJqm8FcvJyR8t1/dW2OBo+hxD5/UKCdMuxZQQJUnL/Eh5BtLID77j2dmf4YLxOS2oKA9d1tMrb+zCABvi3Vt2PgxpSHOxrjJqa26tr6DlHu5UGbZdjxMyuKXoc+4C4v//XcX3j+zrYt3HNZi3nrHTecCjH29YNxspiv1zXxBSvztQEkgP7ID/xaW5P7ErcgfX487urDR4+HlD18YL04PyrhCUbIeyUhWFVT/w9uFuX9XH1JZOxDkAluPR75pslisXjU0Qk4/JkDI0Rd3RXbv90OV239la7dH39mBDFgoxHz1QZ+4jBQaKWlpakcfRNLxAZtqYBrD+TuYlNj/9xmoO3krRjzuIcCeQrGEQT6SkzNlwdGdQ/1xfau261SuVoMWK9iMLfUHvW/98hkwW69VR8Vk6Bjp4LKMAlhbmup2Rt4M/hsRtGzly1OSQK4QDQ7FO7iYIIhuxE2p9nMhpa5MIpAt7a1VJcMJh9yPojuZgUt200EazppB5gE59i0lLlVP6QeCEBiGps8eHA0ApJMH9Bqzgk9ektj47ApNqSG8wFRvtEPqZfutxgxOOQ9BiHERBH0B5eczkgS9hOEjOOHTgRifUGeJ8MK4f6fILxNXi9tw8QPIvA/106DnSOL69cAAAAASUVORK5CYII=";
954
+ export declare const likeIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyOCAyNSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTE0LjAwMDMgMjVMMTIuMDY3IDIzLjI2NjdDOS44MjI1NSAyMS4yNDQ1IDcuOTY2OTkgMTkuNSA2LjUwMDMzIDE4LjAzMzRDNS4wMzM2NiAxNi41NjY3IDMuODY2OTkgMTUuMjUgMy4wMDAzMyAxNC4wODM0QzIuMTMzNjYgMTIuOTE2NyAxLjUyODEgMTEuODQ0NSAxLjE4MzY2IDEwLjg2NjdDMC44MzkyMTQgOS44ODg5MSAwLjY2Njk5MiA4Ljg4ODkxIDAuNjY2OTkyIDcuODY2NjlDMC42NjY5OTIgNS43Nzc4IDEuMzY2OTkgNC4wMzMzNiAyLjc2Njk5IDIuNjMzMzZDNC4xNjY5OSAxLjIzMzM2IDUuOTExNDQgMC41MzMzNTYgOC4wMDAzMyAwLjUzMzM1NkM5LjE1NTg4IDAuNTMzMzU2IDEwLjI1NTkgMC43Nzc4IDExLjMwMDMgMS4yNjY2OUMxMi4zNDQ4IDEuNzU1NTggMTMuMjQ0OCAyLjQ0NDQ3IDE0LjAwMDMgMy4zMzMzNkMxNC43NTU5IDIuNDQ0NDcgMTUuNjU1OSAxLjc1NTU4IDE2LjcwMDMgMS4yNjY2OUMxNy43NDQ4IDAuNzc3OCAxOC44NDQ4IDAuNTMzMzU2IDIwLjAwMDMgMC41MzMzNTZDMjIuMDg5MiAwLjUzMzM1NiAyMy44MzM3IDEuMjMzMzYgMjUuMjMzNyAyLjYzMzM2QzI2LjYzMzcgNC4wMzMzNiAyNy4zMzM3IDUuNzc3OCAyNy4zMzM3IDcuODY2NjlDMjcuMzMzNyA4Ljg4ODkxIDI3LjE2MTQgOS44ODg5MSAyNi44MTcgMTAuODY2N0MyNi40NzI1IDExLjg0NDUgMjUuODY3IDEyLjkxNjcgMjUuMDAwMyAxNC4wODM0QzI0LjEzMzcgMTUuMjUgMjIuOTY3IDE2LjU2NjcgMjEuNTAwMyAxOC4wMzM0QzIwLjAzMzcgMTkuNSAxOC4xNzgxIDIxLjI0NDUgMTUuOTMzNyAyMy4yNjY3TDE0LjAwMDMgMjVaTTE0LjAwMDMgMjEuNEMxNi4xMzM3IDE5LjQ4ODkgMTcuODg5MiAxNy44NSAxOS4yNjcgMTYuNDgzNEMyMC42NDQ4IDE1LjExNjcgMjEuNzMzNyAxMy45Mjc4IDIyLjUzMzcgMTIuOTE2N0MyMy4zMzM3IDExLjkwNTYgMjMuODg5MiAxMS4wMDU2IDI0LjIwMDMgMTAuMjE2N0MyNC41MTE0IDkuNDI3OCAyNC42NjcgOC42NDQ0NyAyNC42NjcgNy44NjY2OUMyNC42NjcgNi41MzMzNiAyNC4yMjI1IDUuNDIyMjQgMjMuMzMzNyA0LjUzMzM2QzIyLjQ0NDggMy42NDQ0NyAyMS4zMzM3IDMuMjAwMDIgMjAuMDAwMyAzLjIwMDAyQzE4Ljk1NTkgMy4yMDAwMiAxNy45ODkyIDMuNDk0NDcgMTcuMTAwMyA0LjA4MzM2QzE2LjIxMTQgNC42NzIyNSAxNS42MDAzIDUuNDIyMjQgMTUuMjY3IDYuMzMzMzZIMTIuNzMzN0MxMi40MDAzIDUuNDIyMjQgMTEuNzg5MiA0LjY3MjI1IDEwLjkwMDMgNC4wODMzNkMxMC4wMTE0IDMuNDk0NDcgOS4wNDQ3NyAzLjIwMDAyIDguMDAwMzMgMy4yMDAwMkM2LjY2Njk5IDMuMjAwMDIgNS41NTU4OCAzLjY0NDQ3IDQuNjY2OTkgNC41MzMzNkMzLjc3ODEgNS40MjIyNCAzLjMzMzY2IDYuNTMzMzYgMy4zMzM2NiA3Ljg2NjY5QzMuMzMzNjYgOC42NDQ0NyAzLjQ4OTIxIDkuNDI3OCAzLjgwMDMzIDEwLjIxNjdDNC4xMTE0NCAxMS4wMDU2IDQuNjY2OTkgMTEuOTA1NiA1LjQ2Njk5IDEyLjkxNjdDNi4yNjY5OSAxMy45Mjc4IDcuMzU1ODggMTUuMTE2NyA4LjczMzY2IDE2LjQ4MzRDMTAuMTExNCAxNy44NSAxMS44NjcgMTkuNDg4OSAxNC4wMDAzIDIxLjRaIiBmaWxsPSIjRjBGMEYwIi8+Cjwvc3ZnPgo=";
955
+ export declare const likeIconFullSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTEwIDE4Ljk5OTlMOC41NSAxNy42OTk5QzYuODY2NjcgMTYuMTgzMiA1LjQ3NSAxNC44NzQ5IDQuMzc1IDEzLjc3NDlDMy4yNzUgMTIuNjc0OSAyLjQgMTEuNjg3NCAxLjc1IDEwLjgxMjRDMS4xIDkuOTM3NCAwLjY0NTgzMyA5LjEzMzI0IDAuMzg3NSA4LjM5OTlDMC4xMjkxNjcgNy42NjY1NyAwIDYuOTE2NTcgMCA2LjE0OTlDMCA0LjU4MzI0IDAuNTI1IDMuMjc0OSAxLjU3NSAyLjIyNDlDMi42MjUgMS4xNzQ5IDMuOTMzMzMgMC42NDk5MDIgNS41IDAuNjQ5OTAyQzYuMzY2NjcgMC42NDk5MDIgNy4xOTE2NyAwLjgzMzIzNiA3Ljk3NSAxLjE5OTlDOC43NTgzMyAxLjU2NjU3IDkuNDMzMzMgMi4wODMyNCAxMCAyLjc0OTlDMTAuNTY2NyAyLjA4MzI0IDExLjI0MTcgMS41NjY1NyAxMi4wMjUgMS4xOTk5QzEyLjgwODMgMC44MzMyMzYgMTMuNjMzMyAwLjY0OTkwMiAxNC41IDAuNjQ5OTAyQzE2LjA2NjcgMC42NDk5MDIgMTcuMzc1IDEuMTc0OSAxOC40MjUgMi4yMjQ5QzE5LjQ3NSAzLjI3NDkgMjAgNC41ODMyNCAyMCA2LjE0OTlDMjAgNi45MTY1NyAxOS44NzA4IDcuNjY2NTcgMTkuNjEyNSA4LjM5OTlDMTkuMzU0MiA5LjEzMzI0IDE4LjkgOS45Mzc0IDE4LjI1IDEwLjgxMjRDMTcuNiAxMS42ODc0IDE2LjcyNSAxMi42NzQ5IDE1LjYyNSAxMy43NzQ5QzE0LjUyNSAxNC44NzQ5IDEzLjEzMzMgMTYuMTgzMiAxMS40NSAxNy42OTk5TDEwIDE4Ljk5OTlaIiBmaWxsPSIjRjBGMEYwIi8+Cjwvc3ZnPgo=";
956
+ export declare const ShareIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMi45NDczIDIzLjM3NDhDMTMuMSAyMy43NTI2IDEzLjQ2NjggMjQgMTMuODc0NCAyNEgxNC4zNzE5QzE0Ljc4OTYgMjQgMTUuMTYzMyAyMy43NDAzIDE1LjMwOSAyMy4zNDg4TDIzLjIzNzUgMi4wNDg1QzIzLjUzNjIgMS4yNDYwNCAyMi43NTM5IDAuNDYzNzg1IDIxLjk1MTUgMC43NjI0OEwwLjY1MTE2IDguNjkwOTNDMC4yNTk2NjUgOC44MzY2NSAwIDkuMjEwMzcgMCA5LjYyODExVjEwLjEyNTZDMCAxMC41MzMyIDAuMjQ3MzQ5IDEwLjkgMC42MjUyMTEgMTEuMDUyN0w5LjQgMTQuNkwxMi45NDczIDIzLjM3NDhaTTE4LjM1MTggNy41MzM4OUwxNC4wNjY3IDE5LjA2NjZMMTIuMDAzNSAxMy44ODIyTDE4LjM1MTggNy41MzM4OVpNMTYuNDY2MyA1LjY0ODEyTDEwLjExNzkgMTEuOTk2NUw0LjkzMzMzIDkuOTMzMzFMMTYuNDY2MyA1LjY0ODEyWiIgZmlsbD0iI0YwRjBGMCIvPgo8L3N2Zz4K";
734
957
  export declare const IconLink = "data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"10\" viewBox=\"0 0 20 10\" fill=\"none\"><path d=\"M9 10H5C3.61667 10 2.4375 9.5125 1.4625 8.5375C0.4875 7.5625 0 6.38333 0 5C0 3.61667 0.4875 2.4375 1.4625 1.4625C2.4375 0.4875 3.61667 0 5 0H9V2H5C4.16667 2 3.45833 2.29167 2.875 2.875C2.29167 3.45833 2 4.16667 2 5C2 5.83333 2.29167 6.54167 2.875 7.125C3.45833 7.70833 4.16667 8 5 8H9V10ZM6 6V4H14V6H6ZM11 10V8H15C15.8333 8 16.5417 7.70833 17.125 7.125C17.7083 6.54167 18 5.83333 18 5C18 4.16667 17.7083 3.45833 17.125 2.875C16.5417 2.29167 15.8333 2 15 2H11V0H15C16.3833 0 17.5625 0.4875 18.5375 1.4625C19.5125 2.4375 20 3.61667 20 5C20 6.38333 19.5125 7.5625 18.5375 8.5375C17.5625 9.5125 16.3833 10 15 10H11Z\" fill=\"white\" fill-opacity=\"0.92\"/></svg>";
735
958
  export declare const IconGlobe = "data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20ZM9 17.95V16C8.45 16 7.97917 15.8042 7.5875 15.4125C7.19583 15.0208 7 14.55 7 14V13L2.2 8.2C2.15 8.5 2.10417 8.8 2.0625 9.1C2.02083 9.4 2 9.7 2 10C2 12.0167 2.6625 13.7833 3.9875 15.3C5.3125 16.8167 6.98333 17.7 9 17.95ZM15.9 15.4C16.2333 15.0333 16.5333 14.6375 16.8 14.2125C17.0667 13.7875 17.2875 13.3458 17.4625 12.8875C17.6375 12.4292 17.7708 11.9583 17.8625 11.475C17.9542 10.9917 18 10.5 18 10C18 8.36667 17.5458 6.875 16.6375 5.525C15.7292 4.175 14.5167 3.2 13 2.6V3C13 3.55 12.8042 4.02083 12.4125 4.4125C12.0208 4.80417 11.55 5 11 5H9V7C9 7.28333 8.90417 7.52083 8.7125 7.7125C8.52083 7.90417 8.28333 8 8 8H6V10H12C12.2833 10 12.5208 10.0958 12.7125 10.2875C12.9042 10.4792 13 10.7167 13 11V14H14C14.4333 14 14.825 14.1292 15.175 14.3875C15.525 14.6458 15.7667 14.9833 15.9 15.4Z\" fill=\"%23131313\"/></svg>";
736
- export declare const newPlayIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InBsYXlfYXJyb3dfIGhvbGxvdyI+CjxtYXNrIGlkPSJtYXNrMF8yMTA2Xzk5NCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3QgaWQ9IkJvdW5kaW5nIGJveCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8yMTA2Xzk5NCkiPgo8cGF0aCBpZD0icGxheV9hcnJvdyIgZD0iTTggMTlWNUwxOSAxMkw4IDE5Wk0xMCAxNS4zNUwxNS4yNSAxMkwxMCA4LjY1VjE1LjM1WiIgZmlsbD0iI0YwRjBGMCIvPgo8L2c+CjwvZz4KPC9zdmc+Cg==";
737
- export declare const newPauseIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InBhdXNlIj4KPG1hc2sgaWQ9Im1hc2swXzIxMTdfMiIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3QgaWQ9IkJvdW5kaW5nIGJveCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjkyIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8yMTE3XzIpIj4KPHBhdGggaWQ9InBhdXNlXzIiIGQ9Ik0xNCAxOVY1SDE3VjE5SDE0Wk03IDE5VjVIMTBWMTlIN1oiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTIiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=";
738
- export declare const newUnmuteIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InZvbHVtZV91cF8yIj4KPG1hc2sgaWQ9Im1hc2swXzIxMDZfOTg3IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPgo8cmVjdCBpZD0iQm91bmRpbmcgYm94IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IiNEOUQ5RDkiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzIxMDZfOTg3KSI+CjxwYXRoIGlkPSJ2b2x1bWVfdXAiIGQ9Ik0xNCAyMC43MjVWMTguNjc1QzE1LjUgMTguMjQxNiAxNi43MDgzIDE3LjQwODMgMTcuNjI1IDE2LjE3NUMxOC41NDE3IDE0Ljk0MTYgMTkgMTMuNTQxNiAxOSAxMS45NzVDMTkgMTAuNDA4MyAxOC41NDE3IDkuMDA4MzEgMTcuNjI1IDcuNzc0OThDMTYuNzA4MyA2LjU0MTY0IDE1LjUgNS43MDgzMSAxNCA1LjI3NDk4VjMuMjI0OThDMTYuMDY2NyAzLjY5MTY0IDE3Ljc1IDQuNzM3NDggMTkuMDUgNi4zNjI0OEMyMC4zNSA3Ljk4NzQ4IDIxIDkuODU4MzEgMjEgMTEuOTc1QzIxIDE0LjA5MTYgMjAuMzUgMTUuOTYyNSAxOS4wNSAxNy41ODc1QzE3Ljc1IDE5LjIxMjUgMTYuMDY2NyAyMC4yNTgzIDE0IDIwLjcyNVpNMyAxNVY4Ljk5OTk4SDdMMTIgMy45OTk5OFYyMEw3IDE1SDNaTTE0IDE2VjcuOTQ5OThDMTQuNzgzMyA4LjMxNjY0IDE1LjM5NTggOC44NjY2NCAxNS44Mzc1IDkuNTk5OThDMTYuMjc5MiAxMC4zMzMzIDE2LjUgMTEuMTMzMyAxNi41IDEyQzE2LjUgMTIuODUgMTYuMjc5MiAxMy42Mzc1IDE1LjgzNzUgMTQuMzYyNUMxNS4zOTU4IDE1LjA4NzUgMTQuNzgzMyAxNS42MzMzIDE0IDE2Wk0xMCA4Ljg0OTk4TDcuODUgMTFINVYxM0g3Ljg1TDEwIDE1LjE1VjguODQ5OThaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjkyIi8+CjwvZz4KPC9nPgo8L3N2Zz4K";
739
- export declare const newMuteIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InZvbHVtZV9tdXRlIj4KPHBhdGggaWQ9InZvbHVtZV9vZmYiIGQ9Ik0xOS44IDIyLjZMMTYuNzc1IDE5LjU3NTFDMTYuMzU4NCAxOS44NDE3IDE1LjkxNjcgMjAuMDcwOSAxNS40NSAyMC4yNjI2QzE0Ljk4MzQgMjAuNDU0MiAxNC41IDIwLjYwODQgMTQgMjAuNzI1VjE4LjY3NUMxNC4yMzM0IDE4LjU5MTcgMTQuNDYyNSAxOC41MDg0IDE0LjY4NzUgMTguNDI1QzE0LjkxMjUgMTguMzQxNyAxNS4xMjUgMTguMjQxNyAxNS4zMjUgMTguMTI1MUwxMiAxNC44VjIwTDcuMDAwMDIgMTVIMy4wMDAwMlY5LjAwMDA1SDYuMjAwMDJMMS40MDAwMiA0LjIwMDA1TDIuODAwMDIgMi44MDAwNUwyMS4yIDIxLjIwMDFMMTkuOCAyMi42Wk0xOS42IDE2LjhMMTguMTUgMTUuMzVDMTguNDMzNCAxNC44MzM0IDE4LjY0NTkgMTQuMjkxNyAxOC43ODc1IDEzLjcyNUMxOC45MjkyIDEzLjE1ODQgMTkgMTIuNTc1MSAxOSAxMS45NzVDMTkgMTAuNDA4NCAxOC41NDE3IDkuMDA4MzggMTcuNjI1IDcuNzc1MDVDMTYuNzA4NCA2LjU0MTcyIDE1LjUgNS43MDgzOCAxNCA1LjI3NTA1VjMuMjI1MDVDMTYuMDY2NyAzLjY5MTcyIDE3Ljc1IDQuNzM3NTUgMTkuMDUgNi4zNjI1NUMyMC4zNSA3Ljk4NzU1IDIxIDkuODU4MzggMjEgMTEuOTc1QzIxIDEyLjg1ODQgMjAuODc5MiAxMy43MDg0IDIwLjYzNzUgMTQuNTI1MUMyMC4zOTU5IDE1LjM0MTcgMjAuMDUgMTYuMSAxOS42IDE2LjhaTTE2LjI1IDEzLjQ1TDE0IDExLjJWNy45NTAwNUMxNC43ODM0IDguMzE2NzIgMTUuMzk1OSA4Ljg2NjcyIDE1LjgzNzUgOS42MDAwNUMxNi4yNzkyIDEwLjMzMzQgMTYuNSAxMS4xMzM0IDE2LjUgMTJDMTYuNSAxMi4yNSAxNi40NzkyIDEyLjQ5NTkgMTYuNDM3NSAxMi43Mzc1QzE2LjM5NTkgMTIuOTc5MiAxNi4zMzM0IDEzLjIxNjcgMTYuMjUgMTMuNDVaTTEyIDkuMjAwMDVMOS40MDAwMyA2LjYwMDA1TDEyIDQuMDAwMDVWOS4yMDAwNVpNMTAgMTUuMTUwMVYxMi44TDguMjAwMDMgMTFINS4wMDAwMlYxM0g3Ljg1MDAzTDEwIDE1LjE1MDFaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjkyIi8+CjwvZz4KPC9zdmc+Cg==";
740
- export declare const newShareIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InNoYXJlIj4KPHBhdGggaWQ9IlVuaW9uIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEyLjY0NzMgMjAuMzc0OEMxMi44IDIwLjc1MjcgMTMuMTY2OCAyMSAxMy41NzQ0IDIxSDEzLjYwNTJDMTQuMDIyOSAyMSAxNC4zOTY3IDIwLjc0MDQgMTQuNTQyNCAyMC4zNDg5TDIwLjIzNzUgNS4wNDg1NkMyMC41MzYyIDQuMjQ2MSAxOS43NTM5IDMuNDYzODUgMTguOTUxNSAzLjc2MjU0TDMuNjUxMTYgOS40NTc2NkMzLjI1OTY2IDkuNjAzMzggMyA5Ljk3NzEgMyAxMC4zOTQ4VjEwLjQyNTdDMyAxMC44MzMyIDMuMjQ3MzUgMTEuMiAzLjYyNTIxIDExLjM1MjhMMTAuMDUgMTMuOTVMMTIuNjQ3MyAyMC4zNzQ4Wk0xNi43NjM4IDguNjUwNDdMMTMuNTUgMTcuM0wxMi4wMDI2IDEzLjQxMTdMMTYuNzYzOCA4LjY1MDQ3Wk0xNS4zNDk3IDcuMjM2MTRMMTAuNTg4NCAxMS45OTc1TDYuNyAxMC40NUwxNS4zNDk3IDcuMjM2MTRaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjkyIi8+CjwvZz4KPC9zdmc+Cg==";
741
- export declare const newCloseIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNsb3NlIj4KPG1hc2sgaWQ9Im1hc2swXzIwODlfNjUxOCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2Ij4KPHJlY3QgaWQ9IkJvdW5kaW5nIGJveCIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2IiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjkyIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8yMDg5XzY1MTgpIj4KPHBhdGggaWQ9ImNsb3NlXzIiIGQ9Ik05LjYgMjguNUw3LjUgMjYuNEwxNS45IDE4TDcuNSA5LjZMOS42IDcuNUwxOCAxNS45TDI2LjQgNy41TDI4LjUgOS42TDIwLjEgMThMMjguNSAyNi40TDI2LjQgMjguNUwxOCAyMC4xTDkuNiAyOC41WiIgZmlsbD0iI0YwRjBGMCIvPgo8L2c+CjwvZz4KPC9zdmc+Cg==";
742
- export declare const newNextStoryIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InNraXBfbmV4dCI+CjxtYXNrIGlkPSJtYXNrMF8yMDM2XzMyMzYiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+CjxyZWN0IGlkPSJCb3VuZGluZyBib3giIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45MiIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMjAzNl8zMjM2KSI+CjxwYXRoIGlkPSJza2lwX25leHRfMiIgZD0iTTIyIDI0VjhIMjQuNjY2NlYyNEgyMlpNNy4zMzMzMSAyNFY4TDE5LjMzMzMgMTZMNy4zMzMzMSAyNFpNOS45OTk5OCAxOUwxNC41MzMzIDE2TDkuOTk5OTggMTNWMTlaIiBmaWxsPSIjRjBGMEYwIi8+CjwvZz4KPC9nPgo8L3N2Zz4K";
743
- export declare const newPrevStoryIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InNraXBfcHJldmlvdXMiPgo8bWFzayBpZD0ibWFzazBfMjAzNl8zMjM4IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPgo8cmVjdCBpZD0iQm91bmRpbmcgYm94IiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTIiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzIwMzZfMzIzOCkiPgo8cGF0aCBpZD0ic2tpcF9wcmV2aW91c18yIiBkPSJNNy4zMzMzMyAyNFY4SDkuOTk5OTlWMjRINy4zMzMzM1pNMjQuNjY2NyAyNEwxMi42NjY3IDE2TDI0LjY2NjcgOFYyNFpNMjIgMTlWMTNMMTcuNDY2NyAxNkwyMiAxOVoiIGZpbGw9IiNGMEYwRjAiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=";
744
- export declare const newNextPageIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNoZXZyb25fcmlnaHQiPgo8bWFzayBpZD0ibWFzazBfMjAzNl8zMjc3IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiPgo8cmVjdCBpZD0iQm91bmRpbmcgYm94IiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTIiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzIwMzZfMzI3NykiPgo8cGF0aCBpZD0iY2hldnJvbl9yaWdodF8yIiBkPSJNMTAuOTY2NiAyMUw5LjMzMzMxIDE5LjM2NjdMMTQuNyAxNEw5LjMzMzMxIDguNjMzMzNMMTAuOTY2NiA3TDE3Ljk2NjYgMTRMMTAuOTY2NiAyMVoiIGZpbGw9IiMxMzEzMTMiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=";
745
- export declare const newPrevPageIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNoZXZyb25fbGVmdCI+CjxtYXNrIGlkPSJtYXNrMF8yMDM2XzMyNDAiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCI+CjxyZWN0IGlkPSJCb3VuZGluZyBib3giIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45MiIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMjAzNl8zMjQwKSI+CjxwYXRoIGlkPSJjaGV2cm9uX2xlZnRfMiIgZD0iTTE2LjMzMzMgMjFMOS4zMzMzMyAxNEwxNi4zMzMzIDdMMTcuOTY2NyA4LjYzMzMzTDEyLjYgMTRMMTcuOTY2NyAxOS4zNjY3TDE2LjMzMzMgMjFaIiBmaWxsPSIjMTMxMzEzIi8+CjwvZz4KPC9nPgo8L3N2Zz4K";
746
- export declare const restartIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzVfNDg5ODEiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjQiIHk9IjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHg9IjQiIHk9IjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45MiIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfNV80ODk4MSkiPgo8cGF0aCBkPSJNMTYgMjRDMTMuNzY2NyAyNCAxMS44NzUgMjMuMjI1IDEwLjMyNSAyMS42NzVDOC43NzUgMjAuMTI1IDggMTguMjMzMyA4IDE2QzggMTMuNzY2NyA4Ljc3NSAxMS44NzUgMTAuMzI1IDEwLjMyNUMxMS44NzUgOC43NzUgMTMuNzY2NyA4IDE2IDhDMTcuMTUgOCAxOC4yNSA4LjIzNzUgMTkuMyA4LjcxMjVDMjAuMzUgOS4xODc1IDIxLjI1IDkuODY2NjcgMjIgMTAuNzVWOEgyNFYxNUgxN1YxM0gyMS4yQzIwLjY2NjcgMTIuMDY2NyAxOS45Mzc1IDExLjMzMzMgMTkuMDEyNSAxMC44QzE4LjA4NzUgMTAuMjY2NyAxNy4wODMzIDEwIDE2IDEwQzE0LjMzMzMgMTAgMTIuOTE2NyAxMC41ODMzIDExLjc1IDExLjc1QzEwLjU4MzMgMTIuOTE2NyAxMCAxNC4zMzMzIDEwIDE2QzEwIDE3LjY2NjcgMTAuNTgzMyAxOS4wODMzIDExLjc1IDIwLjI1QzEyLjkxNjcgMjEuNDE2NyAxNC4zMzMzIDIyIDE2IDIyQzE3LjI4MzMgMjIgMTguNDQxNyAyMS42MzMzIDE5LjQ3NSAyMC45QzIwLjUwODMgMjAuMTY2NyAyMS4yMzMzIDE5LjIgMjEuNjUgMThIMjMuNzVDMjMuMjgzMyAxOS43NjY3IDIyLjMzMzMgMjEuMjA4MyAyMC45IDIyLjMyNUMxOS40NjY3IDIzLjQ0MTcgMTcuODMzMyAyNCAxNiAyNFoiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuOTIiLz4KPC9nPgo8L3N2Zz4K";
747
- export declare const playIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InBsYXlfYXJyb3ciPgo8cmVjdCB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHJ4PSIyNCIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC42Ii8+CjxwYXRoIGlkPSJwbGF5X2Fycm93XzIiIGQ9Ik0xOCAzNlYxMkwzNiAyNEwxOCAzNloiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTIiLz4KPC9nPgo8L3N2Zz4K";
748
- export declare const pauseIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InBsYXlfYXJyb3ciPgo8cmVjdCB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHJ4PSIyNCIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC42Ii8+CjxwYXRoIGlkPSJwYXVzZSIgZD0iTTI3IDM2VjEySDMzVjM2SDI3Wk0xNSAzNlYxMkgyMVYzNkgxNVoiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTIiLz4KPC9nPgo8L3N2Zz4K";
749
- export declare const arrowUpCtaIcon = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMCA4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJtMTggNy43LTAuNy0wLjItNy4zLTQtNy4zIDRjLTAuNyAwLjQtMS42IDAuMi0yLTAuNi0wLjQtMC43LTAuMS0xLjYgMC42LTJsOC00LjRhMiAyIDAgMCAxIDEuNSAwbDggNC40YzAuNyAwLjQgMSAxLjMgMC42IDItMC40IDAuNS0wLjkgMC44LTEuNCAwLjh6Ii8+Cjwvc3ZnPgo=";
959
+ export declare const playIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InBsYXlfYXJyb3dfIGhvbGxvdyI+CjxtYXNrIGlkPSJtYXNrMF8yMTA2Xzk5NCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3QgaWQ9IkJvdW5kaW5nIGJveCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8yMTA2Xzk5NCkiPgo8cGF0aCBpZD0icGxheV9hcnJvdyIgZD0iTTggMTlWNUwxOSAxMkw4IDE5Wk0xMCAxNS4zNUwxNS4yNSAxMkwxMCA4LjY1VjE1LjM1WiIgZmlsbD0iI0YwRjBGMCIvPgo8L2c+CjwvZz4KPC9zdmc+Cg==";
960
+ export declare const pauseIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InBhdXNlIj4KPG1hc2sgaWQ9Im1hc2swXzIxMTdfMiIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3QgaWQ9IkJvdW5kaW5nIGJveCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjkyIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8yMTE3XzIpIj4KPHBhdGggaWQ9InBhdXNlXzIiIGQ9Ik0xNCAxOVY1SDE3VjE5SDE0Wk03IDE5VjVIMTBWMTlIN1oiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTIiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=";
961
+ export declare const unmuteIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InZvbHVtZV91cF8yIj4KPG1hc2sgaWQ9Im1hc2swXzIxMDZfOTg3IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPgo8cmVjdCBpZD0iQm91bmRpbmcgYm94IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IiNEOUQ5RDkiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzIxMDZfOTg3KSI+CjxwYXRoIGlkPSJ2b2x1bWVfdXAiIGQ9Ik0xNCAyMC43MjVWMTguNjc1QzE1LjUgMTguMjQxNiAxNi43MDgzIDE3LjQwODMgMTcuNjI1IDE2LjE3NUMxOC41NDE3IDE0Ljk0MTYgMTkgMTMuNTQxNiAxOSAxMS45NzVDMTkgMTAuNDA4MyAxOC41NDE3IDkuMDA4MzEgMTcuNjI1IDcuNzc0OThDMTYuNzA4MyA2LjU0MTY0IDE1LjUgNS43MDgzMSAxNCA1LjI3NDk4VjMuMjI0OThDMTYuMDY2NyAzLjY5MTY0IDE3Ljc1IDQuNzM3NDggMTkuMDUgNi4zNjI0OEMyMC4zNSA3Ljk4NzQ4IDIxIDkuODU4MzEgMjEgMTEuOTc1QzIxIDE0LjA5MTYgMjAuMzUgMTUuOTYyNSAxOS4wNSAxNy41ODc1QzE3Ljc1IDE5LjIxMjUgMTYuMDY2NyAyMC4yNTgzIDE0IDIwLjcyNVpNMyAxNVY4Ljk5OTk4SDdMMTIgMy45OTk5OFYyMEw3IDE1SDNaTTE0IDE2VjcuOTQ5OThDMTQuNzgzMyA4LjMxNjY0IDE1LjM5NTggOC44NjY2NCAxNS44Mzc1IDkuNTk5OThDMTYuMjc5MiAxMC4zMzMzIDE2LjUgMTEuMTMzMyAxNi41IDEyQzE2LjUgMTIuODUgMTYuMjc5MiAxMy42Mzc1IDE1LjgzNzUgMTQuMzYyNUMxNS4zOTU4IDE1LjA4NzUgMTQuNzgzMyAxNS42MzMzIDE0IDE2Wk0xMCA4Ljg0OTk4TDcuODUgMTFINVYxM0g3Ljg1TDEwIDE1LjE1VjguODQ5OThaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjkyIi8+CjwvZz4KPC9nPgo8L3N2Zz4K";
962
+ export declare const muteIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InZvbHVtZV9tdXRlIj4KPHBhdGggaWQ9InZvbHVtZV9vZmYiIGQ9Ik0xOS44IDIyLjZMMTYuNzc1IDE5LjU3NTFDMTYuMzU4NCAxOS44NDE3IDE1LjkxNjcgMjAuMDcwOSAxNS40NSAyMC4yNjI2QzE0Ljk4MzQgMjAuNDU0MiAxNC41IDIwLjYwODQgMTQgMjAuNzI1VjE4LjY3NUMxNC4yMzM0IDE4LjU5MTcgMTQuNDYyNSAxOC41MDg0IDE0LjY4NzUgMTguNDI1QzE0LjkxMjUgMTguMzQxNyAxNS4xMjUgMTguMjQxNyAxNS4zMjUgMTguMTI1MUwxMiAxNC44VjIwTDcuMDAwMDIgMTVIMy4wMDAwMlY5LjAwMDA1SDYuMjAwMDJMMS40MDAwMiA0LjIwMDA1TDIuODAwMDIgMi44MDAwNUwyMS4yIDIxLjIwMDFMMTkuOCAyMi42Wk0xOS42IDE2LjhMMTguMTUgMTUuMzVDMTguNDMzNCAxNC44MzM0IDE4LjY0NTkgMTQuMjkxNyAxOC43ODc1IDEzLjcyNUMxOC45MjkyIDEzLjE1ODQgMTkgMTIuNTc1MSAxOSAxMS45NzVDMTkgMTAuNDA4NCAxOC41NDE3IDkuMDA4MzggMTcuNjI1IDcuNzc1MDVDMTYuNzA4NCA2LjU0MTcyIDE1LjUgNS43MDgzOCAxNCA1LjI3NTA1VjMuMjI1MDVDMTYuMDY2NyAzLjY5MTcyIDE3Ljc1IDQuNzM3NTUgMTkuMDUgNi4zNjI1NUMyMC4zNSA3Ljk4NzU1IDIxIDkuODU4MzggMjEgMTEuOTc1QzIxIDEyLjg1ODQgMjAuODc5MiAxMy43MDg0IDIwLjYzNzUgMTQuNTI1MUMyMC4zOTU5IDE1LjM0MTcgMjAuMDUgMTYuMSAxOS42IDE2LjhaTTE2LjI1IDEzLjQ1TDE0IDExLjJWNy45NTAwNUMxNC43ODM0IDguMzE2NzIgMTUuMzk1OSA4Ljg2NjcyIDE1LjgzNzUgOS42MDAwNUMxNi4yNzkyIDEwLjMzMzQgMTYuNSAxMS4xMzM0IDE2LjUgMTJDMTYuNSAxMi4yNSAxNi40NzkyIDEyLjQ5NTkgMTYuNDM3NSAxMi43Mzc1QzE2LjM5NTkgMTIuOTc5MiAxNi4zMzM0IDEzLjIxNjcgMTYuMjUgMTMuNDVaTTEyIDkuMjAwMDVMOS40MDAwMyA2LjYwMDA1TDEyIDQuMDAwMDVWOS4yMDAwNVpNMTAgMTUuMTUwMVYxMi44TDguMjAwMDMgMTFINS4wMDAwMlYxM0g3Ljg1MDAzTDEwIDE1LjE1MDFaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjkyIi8+CjwvZz4KPC9zdmc+Cg==";
963
+ export declare const shareIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InNoYXJlIj4KPHBhdGggaWQ9IlVuaW9uIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEyLjY0NzMgMjAuMzc0OEMxMi44IDIwLjc1MjcgMTMuMTY2OCAyMSAxMy41NzQ0IDIxSDEzLjYwNTJDMTQuMDIyOSAyMSAxNC4zOTY3IDIwLjc0MDQgMTQuNTQyNCAyMC4zNDg5TDIwLjIzNzUgNS4wNDg1NkMyMC41MzYyIDQuMjQ2MSAxOS43NTM5IDMuNDYzODUgMTguOTUxNSAzLjc2MjU0TDMuNjUxMTYgOS40NTc2NkMzLjI1OTY2IDkuNjAzMzggMyA5Ljk3NzEgMyAxMC4zOTQ4VjEwLjQyNTdDMyAxMC44MzMyIDMuMjQ3MzUgMTEuMiAzLjYyNTIxIDExLjM1MjhMMTAuMDUgMTMuOTVMMTIuNjQ3MyAyMC4zNzQ4Wk0xNi43NjM4IDguNjUwNDdMMTMuNTUgMTcuM0wxMi4wMDI2IDEzLjQxMTdMMTYuNzYzOCA4LjY1MDQ3Wk0xNS4zNDk3IDcuMjM2MTRMMTAuNTg4NCAxMS45OTc1TDYuNyAxMC40NUwxNS4zNDk3IDcuMjM2MTRaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjkyIi8+CjwvZz4KPC9zdmc+Cg==";
964
+ export declare const closeIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNsb3NlIj4KPG1hc2sgaWQ9Im1hc2swXzIwODlfNjUxOCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2Ij4KPHJlY3QgaWQ9IkJvdW5kaW5nIGJveCIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2IiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjkyIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8yMDg5XzY1MTgpIj4KPHBhdGggaWQ9ImNsb3NlXzIiIGQ9Ik05LjYgMjguNUw3LjUgMjYuNEwxNS45IDE4TDcuNSA5LjZMOS42IDcuNUwxOCAxNS45TDI2LjQgNy41TDI4LjUgOS42TDIwLjEgMThMMjguNSAyNi40TDI2LjQgMjguNUwxOCAyMC4xTDkuNiAyOC41WiIgZmlsbD0iI0YwRjBGMCIvPgo8L2c+CjwvZz4KPC9zdmc+Cg==";
965
+ export declare const nextStoryIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InNraXBfbmV4dCI+CjxtYXNrIGlkPSJtYXNrMF8yMDM2XzMyMzYiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+CjxyZWN0IGlkPSJCb3VuZGluZyBib3giIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45MiIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMjAzNl8zMjM2KSI+CjxwYXRoIGlkPSJza2lwX25leHRfMiIgZD0iTTIyIDI0VjhIMjQuNjY2NlYyNEgyMlpNNy4zMzMzMSAyNFY4TDE5LjMzMzMgMTZMNy4zMzMzMSAyNFpNOS45OTk5OCAxOUwxNC41MzMzIDE2TDkuOTk5OTggMTNWMTlaIiBmaWxsPSIjRjBGMEYwIi8+CjwvZz4KPC9nPgo8L3N2Zz4K";
966
+ export declare const prevStoryIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InNraXBfcHJldmlvdXMiPgo8bWFzayBpZD0ibWFzazBfMjAzNl8zMjM4IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPgo8cmVjdCBpZD0iQm91bmRpbmcgYm94IiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTIiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzIwMzZfMzIzOCkiPgo8cGF0aCBpZD0ic2tpcF9wcmV2aW91c18yIiBkPSJNNy4zMzMzMyAyNFY4SDkuOTk5OTlWMjRINy4zMzMzM1pNMjQuNjY2NyAyNEwxMi42NjY3IDE2TDI0LjY2NjcgOFYyNFpNMjIgMTlWMTNMMTcuNDY2NyAxNkwyMiAxOVoiIGZpbGw9IiNGMEYwRjAiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=";
967
+ export declare const nextPageIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNoZXZyb25fcmlnaHQiPgo8bWFzayBpZD0ibWFzazBfMjAzNl8zMjc3IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiPgo8cmVjdCBpZD0iQm91bmRpbmcgYm94IiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTIiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzIwMzZfMzI3NykiPgo8cGF0aCBpZD0iY2hldnJvbl9yaWdodF8yIiBkPSJNMTAuOTY2NiAyMUw5LjMzMzMxIDE5LjM2NjdMMTQuNyAxNEw5LjMzMzMxIDguNjMzMzNMMTAuOTY2NiA3TDE3Ljk2NjYgMTRMMTAuOTY2NiAyMVoiIGZpbGw9IiMxMzEzMTMiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=";
968
+ export declare const prevPageIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNoZXZyb25fbGVmdCI+CjxtYXNrIGlkPSJtYXNrMF8yMDM2XzMyNDAiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCI+CjxyZWN0IGlkPSJCb3VuZGluZyBib3giIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45MiIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMjAzNl8zMjQwKSI+CjxwYXRoIGlkPSJjaGV2cm9uX2xlZnRfMiIgZD0iTTE2LjMzMzMgMjFMOS4zMzMzMyAxNEwxNi4zMzMzIDdMMTcuOTY2NyA4LjYzMzMzTDEyLjYgMTRMMTcuOTY2NyAxOS4zNjY3TDE2LjMzMzMgMjFaIiBmaWxsPSIjMTMxMzEzIi8+CjwvZz4KPC9nPgo8L3N2Zz4K";
969
+ export declare const restartIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzVfNDg5ODEiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjQiIHk9IjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHg9IjQiIHk9IjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45MiIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfNV80ODk4MSkiPgo8cGF0aCBkPSJNMTYgMjRDMTMuNzY2NyAyNCAxMS44NzUgMjMuMjI1IDEwLjMyNSAyMS42NzVDOC43NzUgMjAuMTI1IDggMTguMjMzMyA4IDE2QzggMTMuNzY2NyA4Ljc3NSAxMS44NzUgMTAuMzI1IDEwLjMyNUMxMS44NzUgOC43NzUgMTMuNzY2NyA4IDE2IDhDMTcuMTUgOCAxOC4yNSA4LjIzNzUgMTkuMyA4LjcxMjVDMjAuMzUgOS4xODc1IDIxLjI1IDkuODY2NjcgMjIgMTAuNzVWOEgyNFYxNUgxN1YxM0gyMS4yQzIwLjY2NjcgMTIuMDY2NyAxOS45Mzc1IDExLjMzMzMgMTkuMDEyNSAxMC44QzE4LjA4NzUgMTAuMjY2NyAxNy4wODMzIDEwIDE2IDEwQzE0LjMzMzMgMTAgMTIuOTE2NyAxMC41ODMzIDExLjc1IDExLjc1QzEwLjU4MzMgMTIuOTE2NyAxMCAxNC4zMzMzIDEwIDE2QzEwIDE3LjY2NjcgMTAuNTgzMyAxOS4wODMzIDExLjc1IDIwLjI1QzEyLjkxNjcgMjEuNDE2NyAxNC4zMzMzIDIyIDE2IDIyQzE3LjI4MzMgMjIgMTguNDQxNyAyMS42MzMzIDE5LjQ3NSAyMC45QzIwLjUwODMgMjAuMTY2NyAyMS4yMzMzIDE5LjIgMjEuNjUgMThIMjMuNzVDMjMuMjgzMyAxOS43NjY3IDIyLjMzMzMgMjEuMjA4MyAyMC45IDIyLjMyNUMxOS40NjY3IDIzLjQ0MTcgMTcuODMzMyAyNCAxNiAyNFoiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuOTIiLz4KPC9nPgo8L3N2Zz4K";
970
+ export declare const playResumeIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InBsYXlfYXJyb3ciPgo8cmVjdCB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHJ4PSIyNCIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC42Ii8+CjxwYXRoIGlkPSJwbGF5X2Fycm93XzIiIGQ9Ik0xOCAzNlYxMkwzNiAyNEwxOCAzNloiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTIiLz4KPC9nPgo8L3N2Zz4K";
971
+ export declare const pauseResumeIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InBsYXlfYXJyb3ciPgo8cmVjdCB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHJ4PSIyNCIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC42Ii8+CjxwYXRoIGlkPSJwYXVzZSIgZD0iTTI3IDM2VjEySDMzVjM2SDI3Wk0xNSAzNlYxMkgyMVYzNkgxNVoiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTIiLz4KPC9nPgo8L3N2Zz4K";
972
+ export declare const arrowUpCtaIconSvg = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMCA4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJtMTggNy43LTAuNy0wLjItNy4zLTQtNy4zIDRjLTAuNyAwLjQtMS42IDAuMi0yLTAuNi0wLjQtMC43LTAuMS0xLjYgMC42LTJsOC00LjRhMiAyIDAgMCAxIDEuNSAwbDggNC40YzAuNyAwLjQgMSAxLjMgMC42IDItMC40IDAuNS0wLjkgMC44LTEuNCAwLjh6Ii8+Cjwvc3ZnPgo=";
973
+ export declare const externalLinkIconSvg = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgY3Jvc3NvcmlnaW49ImFub255bW91cyI+CjxwYXRoIGQ9Im0xMiAwYzYuNiAwIDEyIDUuNCAxMiAxMnMtNS40IDEyLTEyIDEyLTEyLTUuNC0xMi0xMiA1LjQtMTIgMTItMTJ6IiBmaWxsLW9wYWNpdHk9Ii4xIi8+CjxwYXRoIGQ9Im0xMy44IDE0LjYgMC4yIDAuNS0wLjIgMC41LTEuNSAxLjRjLTAuNyAwLjctMS43IDEuMS0yLjcgMS4xYTQgNCAwIDAgMS0yLjctMS4xIDMuOSAzLjkgMCAwIDEtMS4xLTIuNyA0IDQgMCAwIDEgMS4xLTIuN2wxLjUtMS41IDAuNS0wLjEgMC41IDAuMiAwLjIgMC41LTAuMiAwLjUtMS41IDEuNWMtMC41IDAuNS0wLjcgMS4xLTAuNyAxLjdzMC4zIDEuMyAwLjcgMS43YzAuNSAwLjUgMS4xIDAuNyAxLjcgMC43czEuMy0wLjMgMS43LTAuN2wxLjUtMS41YzAuMy0wLjMgMC43LTAuMyAxIDB6bTMuMi03LjZhMy45IDMuOSAwIDAgMC0yLjctMS4xIDQgNCAwIDAgMC0yLjcgMS4xbC0xLjUgMS41LTAuMSAwLjQgMC4yIDAuNSAwLjUgMC4yIDAuNS0wLjIgMS41LTEuNWMwLjUtMC41IDEuMS0wLjcgMS43LTAuN3MxLjMgMC4zIDEuNyAwLjdjMC41IDAuNSAwLjcgMS4xIDAuNyAxLjdzLTAuMyAxLjMtMC43IDEuN2wtMS41IDEuNS0wLjIgMC41IDAuMiAwLjUgMC41IDAuMiAwLjUtMC4yIDEuNS0xLjVjMC43LTAuNyAxLjEtMS43IDEuMS0yLjctMC4xLTEtMC41LTEuOS0xLjItMi42em0tNy45IDcuMiAwLjIgMC41IDAuNSAwLjIgMC41LTAuMiA0LjUtNC41IDAuMi0wLjUtMC4yLTAuNWMtMC4zLTAuMi0wLjgtMC4yLTEgMC4xbC00LjUgNC41eiIvPgo8L3N2Zz4K";
974
+ export declare const fullscreenIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzkxNTFfNTE4OSIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF85MTUxXzUxODkpIj4KPHBhdGggZD0iTTUgMjFDNC40NSAyMSAzLjk3OTE3IDIwLjgwNDIgMy41ODc1IDIwLjQxMjVDMy4xOTU4MyAyMC4wMjA4IDMgMTkuNTUgMyAxOVYxNUg1VjE5SDlWMjFINVpNMTUgMjFWMTlIMTlWMTVIMjFWMTlDMjEgMTkuNTUgMjAuODA0MiAyMC4wMjA4IDIwLjQxMjUgMjAuNDEyNUMyMC4wMjA4IDIwLjgwNDIgMTkuNTUgMjEgMTkgMjFIMTVaTTMgOVY1QzMgNC40NSAzLjE5NTgzIDMuOTc5MTcgMy41ODc1IDMuNTg3NUMzLjk3OTE3IDMuMTk1ODMgNC40NSAzIDUgM0g5VjVINVY5SDNaTTE5IDlWNUgxNVYzSDE5QzE5LjU1IDMgMjAuMDIwOCAzLjE5NTgzIDIwLjQxMjUgMy41ODc1QzIwLjgwNDIgMy45NzkxNyAyMSA0LjQ1IDIxIDVWOUgxOVoiIGZpbGw9IiNGMEYwRjAiLz4KPC9nPgo8L3N2Zz4K";
975
+ export declare const arrowPageMomentIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAxNiAxOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNjY2NjcgMThWNS43MzMzMkwxLjg2NjY3IDEwLjUzMzNMMCA4LjY2NjY2TDggMC42NjY2NTZMMTYgOC42NjY2NkwxNC4xMzMzIDEwLjUzMzNMOS4zMzMzMyA1LjczMzMyVjE4SDYuNjY2NjdaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjkyIi8+Cjwvc3ZnPgo=";
750
976
  export declare const externalLinkIcon = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgY3Jvc3NvcmlnaW49ImFub255bW91cyI+CjxwYXRoIGQ9Im0xMiAwYzYuNiAwIDEyIDUuNCAxMiAxMnMtNS40IDEyLTEyIDEyLTEyLTUuNC0xMi0xMiA1LjQtMTIgMTItMTJ6IiBmaWxsLW9wYWNpdHk9Ii4xIi8+CjxwYXRoIGQ9Im0xMy44IDE0LjYgMC4yIDAuNS0wLjIgMC41LTEuNSAxLjRjLTAuNyAwLjctMS43IDEuMS0yLjcgMS4xYTQgNCAwIDAgMS0yLjctMS4xIDMuOSAzLjkgMCAwIDEtMS4xLTIuNyA0IDQgMCAwIDEgMS4xLTIuN2wxLjUtMS41IDAuNS0wLjEgMC41IDAuMiAwLjIgMC41LTAuMiAwLjUtMS41IDEuNWMtMC41IDAuNS0wLjcgMS4xLTAuNyAxLjdzMC4zIDEuMyAwLjcgMS43YzAuNSAwLjUgMS4xIDAuNyAxLjcgMC43czEuMy0wLjMgMS43LTAuN2wxLjUtMS41YzAuMy0wLjMgMC43LTAuMyAxIDB6bTMuMi03LjZhMy45IDMuOSAwIDAgMC0yLjctMS4xIDQgNCAwIDAgMC0yLjcgMS4xbC0xLjUgMS41LTAuMSAwLjQgMC4yIDAuNSAwLjUgMC4yIDAuNS0wLjIgMS41LTEuNWMwLjUtMC41IDEuMS0wLjcgMS43LTAuN3MxLjMgMC4zIDEuNyAwLjdjMC41IDAuNSAwLjcgMS4xIDAuNyAxLjdzLTAuMyAxLjMtMC43IDEuN2wtMS41IDEuNS0wLjIgMC41IDAuMiAwLjUgMC41IDAuMiAwLjUtMC4yIDEuNS0xLjVjMC43LTAuNyAxLjEtMS43IDEuMS0yLjctMC4xLTEtMC41LTEuOS0xLjItMi42em0tNy45IDcuMiAwLjIgMC41IDAuNSAwLjIgMC41LTAuMiA0LjUtNC41IDAuMi0wLjUtMC4yLTAuNWMtMC4zLTAuMi0wLjgtMC4yLTEgMC4xbC00LjUgNC41eiIvPgo8L3N2Zz4K";
751
977
  export declare const newPageIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzk0NDlfOTc2NyIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF85NDQ5Xzk3NjcpIj4KPHBhdGggZD0iTTUgMjFDNC40NSAyMSAzLjk3OTE3IDIwLjgwNDIgMy41ODc1IDIwLjQxMjVDMy4xOTU4MyAyMC4wMjA4IDMgMTkuNTUgMyAxOVY1QzMgNC40NSAzLjE5NTgzIDMuOTc5MTcgMy41ODc1IDMuNTg3NUMzLjk3OTE3IDMuMTk1ODMgNC40NSAzIDUgM0gxMlY1SDVWMTlIMTlWMTJIMjFWMTlDMjEgMTkuNTUgMjAuODA0MiAyMC4wMjA4IDIwLjQxMjUgMjAuNDEyNUMyMC4wMjA4IDIwLjgwNDIgMTkuNTUgMjEgMTkgMjFINVpNOS43IDE1LjdMOC4zIDE0LjNMMTcuNiA1SDE0VjNIMjFWMTBIMTlWNi40TDkuNyAxNS43WiIgZmlsbD0iI0YwRjBGMCIvPgo8L2c+Cjwvc3ZnPgo=";
752
- export declare const fullscreenIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzkxNTFfNTE4OSIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF85MTUxXzUxODkpIj4KPHBhdGggZD0iTTUgMjFDNC40NSAyMSAzLjk3OTE3IDIwLjgwNDIgMy41ODc1IDIwLjQxMjVDMy4xOTU4MyAyMC4wMjA4IDMgMTkuNTUgMyAxOVYxNUg1VjE5SDlWMjFINVpNMTUgMjFWMTlIMTlWMTVIMjFWMTlDMjEgMTkuNTUgMjAuODA0MiAyMC4wMjA4IDIwLjQxMjUgMjAuNDEyNUMyMC4wMjA4IDIwLjgwNDIgMTkuNTUgMjEgMTkgMjFIMTVaTTMgOVY1QzMgNC40NSAzLjE5NTgzIDMuOTc5MTcgMy41ODc1IDMuNTg3NUMzLjk3OTE3IDMuMTk1ODMgNC40NSAzIDUgM0g5VjVINVY5SDNaTTE5IDlWNUgxNVYzSDE5QzE5LjU1IDMgMjAuMDIwOCAzLjE5NTgzIDIwLjQxMjUgMy41ODc1QzIwLjgwNDIgMy45NzkxNyAyMSA0LjQ1IDIxIDVWOUgxOVoiIGZpbGw9IiNGMEYwRjAiLz4KPC9nPgo8L3N2Zz4K";
753
978
 
754
979
  type CustomNativeTargeting = Record<string, string | string[]>;
755
980
  type CustomNativeArgs = {
@@ -758,6 +983,10 @@ type CustomNativeArgs = {
758
983
  export interface CustomNativeAdHandler {
759
984
  provideAdExtraParams?: (args: CustomNativeArgs) => CustomNativeTargeting;
760
985
  }
986
+ type ImaExtraParams = Record<string, string>;
987
+ export interface ImaAdHandler {
988
+ provideAdExtraParams?: () => ImaExtraParams;
989
+ }
761
990
 
762
991
  export interface ISmoothOpenCloseModal {
763
992
  storyId?: string;
@@ -792,6 +1021,7 @@ export interface IButtonPlayerConfig {
792
1021
  iconUrl: string;
793
1022
  eventType: string;
794
1023
  clickHandler: () => void;
1024
+ dataTestId?: string;
795
1025
  }
796
1026
 
797
1027
  export interface IDatabase {
@@ -897,7 +1127,7 @@ export interface IWidgetLabelBuilder {
897
1127
  atLeastOneOf(...labels: Array<string | BlazeWidgetLabel>): BlazeWidgetLabel;
898
1128
  }
899
1129
 
900
- export type ContentType = 'story';
1130
+ export type ContentType = 'story' | 'moment';
901
1131
  export interface IWidgetViewOptionsBase {
902
1132
  orderType?: OrderType;
903
1133
  maxItemsCount?: number;
@@ -910,7 +1140,7 @@ export interface IWidgetViewOptionsBase {
910
1140
  shouldOrderWidgetByReadStatus?: boolean;
911
1141
  }
912
1142
  export interface IWidgetViewOptionsWithLabels extends IWidgetViewOptionsBase {
913
- labels: string | string[] | BlazeWidgetLabel;
1143
+ labels: LabelsType;
914
1144
  storyIds?: never;
915
1145
  }
916
1146
  export interface IWidgetViewOptionsWithStoryIds extends IWidgetViewOptionsBase {
@@ -922,7 +1152,7 @@ export type IWidgetViewOptions = IWidgetViewOptionsWithLabels | IWidgetViewOptio
922
1152
  export interface IWidgetView extends HTMLElement {
923
1153
  setTheme: (theme: IWidgetTheme) => void;
924
1154
  getTheme: () => IWidgetTheme;
925
- setLabels: (labels: string | string[] | BlazeWidgetLabel, options?: ISetWidgetOptions) => void;
1155
+ setLabels: (labels: LabelsType, options?: ISetWidgetOptions) => void;
926
1156
  setLabelsPriority: (labelsPriority: string, options?: ISetWidgetOptions) => void;
927
1157
  setContentIds: (storyIds: string[], options?: ISetWidgetOptions) => void;
928
1158
  reload: () => void;
@@ -945,10 +1175,14 @@ declare const AdServiceClass_base: {
945
1175
  declare abstract class AdServiceClass extends AdServiceClass_base implements IService {
946
1176
  canRunAds: boolean;
947
1177
  init(): Promise<void>;
948
- pushCustomNativeAdsBetweenStories(defaultAdsInfo: IAdInfo | undefined, widgets: BlazeWidgetStory[], stories: IStory[], index: number, playerLayout: StoryPlayerStyle, mode?: ScreenMode): void;
1178
+ pushAdsBetweenStories(defaultAdsInfo: IAdInfo | undefined, widgets: BlazeWidgetStory[], stories: IStory[], index: number, indexOfContentInWidget: number, playerLayout: StoryPlayerStyle, mode?: ScreenMode): void;
1179
+ pushAdsBetweenMoments(defaultAdsInfo: IAdInfo | undefined, widgets: BlazeWidgetMoment[], index: number, indexOfContentInWidget: number): void;
949
1180
  }
950
1181
  export declare const AdService: AdServiceClass;
951
1182
 
1183
+ export type PlaybackActionType = 'Press' | 'Release' | 'Click';
1184
+ export type PlayerType = 'Embedded' | 'Full Screen';
1185
+ export type AudioType = 'Mute' | 'Unmute';
952
1186
  declare const AnalyticsServiceClass_base: {
953
1187
  new (): {};
954
1188
  _instance: AnalyticsServiceClass;
@@ -961,6 +1195,7 @@ declare abstract class AnalyticsServiceClass extends AnalyticsServiceClass_base
961
1195
  sendAnalyticsData(): Promise<void>;
962
1196
  bulkEvent(body: Partial<AnalyticsEvent>[]): Promise<any>;
963
1197
  pushStoryEvent(action: StoryAction, body: Partial<StoryEvent>, label?: string | undefined, referrer?: ReferringEventInfo | undefined): void;
1198
+ pushMomentEvent(action: MomentAction, body: Partial<MomentEvent>, label?: string | undefined, referrer?: ReferringEventInfo | undefined): void;
964
1199
  pushAdEvent(action: AdAction, body: Partial<AdEvent>, label?: string | undefined, referrer?: ReferringEventInfo | undefined): void;
965
1200
  pushImaAdEvent(action: ImaAdAction, body: Partial<ImaAdEvent>, label?: string | undefined, referrer?: ReferringEventInfo | undefined): void;
966
1201
  pushInteractionEvent(action: InteractionAction, body: Partial<InteractionEvent>, label?: string | undefined, referrer?: ReferringEventInfo | undefined): void;
@@ -968,193 +1203,6 @@ declare abstract class AnalyticsServiceClass extends AnalyticsServiceClass_base
968
1203
  setupEvent(category: Category, action: string, body: object, label?: string | undefined, referrer?: ReferringEventInfo | undefined): AnalyticsEvent;
969
1204
  }
970
1205
  export declare const AnalyticsService: AnalyticsServiceClass;
971
- export declare enum Category {
972
- Story = "story",
973
- Widget = "widget",
974
- Ad = "ad",
975
- Interaction = "interaction"
976
- }
977
- declare class UserEventInfo {
978
- 'generated_user_id': string;
979
- 'external_user_id': string;
980
- 'user_id': string;
981
- 'age': number;
982
- 'gender': string;
983
- 'locale': string;
984
- 'user_email_address': string;
985
- 'ip_address': string;
986
- 'mac_address': string;
987
- 'user_type': string;
988
- 'is_bot': true;
989
- }
990
- declare class TechEventInfo {
991
- 'device_type': string;
992
- 'device_brand': string;
993
- 'device_model': string;
994
- 'network_domain': string;
995
- 'os': string;
996
- 'os_version': string;
997
- 'screen_color': string;
998
- 'screen_resolution': string;
999
- 'browser': string;
1000
- 'browser_size': string;
1001
- 'browser_version': string;
1002
- 'app_id': string;
1003
- 'app_version': string;
1004
- 'user_agent': string;
1005
- 'connection_type': string;
1006
- }
1007
- declare class GeoEventInfo {
1008
- 'latitude': string;
1009
- 'longitude': string;
1010
- 'city': string;
1011
- 'city_id': string;
1012
- 'region': string;
1013
- 'region_id': string;
1014
- 'country': string;
1015
- 'sub_continent': string;
1016
- 'sub_continent_code': string;
1017
- 'continent': string;
1018
- 'continent_id': string;
1019
- }
1020
- export declare class ReferringEventInfo {
1021
- 'referrer_page_type': string;
1022
- 'referrer_page_url': string;
1023
- 'referrer_page_domain': string;
1024
- 'labels_expression': string;
1025
- 'session_referrer_page_type': string;
1026
- 'session_referrer_url': string;
1027
- 'session_referrer_domain': string;
1028
- 'session_referrer_type': string;
1029
- 'origin_widget_id': string;
1030
- 'origin_widget_name': string;
1031
- 'origin_widget_type': string;
1032
- 'origin_placement_id': string;
1033
- 'origin_placement_name': string;
1034
- 'story_source': string;
1035
- }
1036
- export declare class AnalyticsEvent {
1037
- 'timestamp_utc': string;
1038
- 'timestamp_user_tz': string;
1039
- 'sdk_id': string;
1040
- 'sdk_version': string;
1041
- 'sdk_type': string;
1042
- 'event_category': string;
1043
- 'event_action': string;
1044
- 'event_label': string;
1045
- 'session_id': string;
1046
- 'user': UserEventInfo;
1047
- 'tech': TechEventInfo;
1048
- 'geo': GeoEventInfo;
1049
- 'wsc_internal': {
1050
- customer_name: string;
1051
- customer_id: string;
1052
- };
1053
- 'page': {
1054
- page_url: string;
1055
- };
1056
- 'referring': ReferringEventInfo;
1057
- story: Partial<StoryEvent> | undefined;
1058
- widget: Partial<WidgetEvent> | undefined;
1059
- ad: Partial<AdEvent> | undefined;
1060
- interaction: Partial<InteractionEvent> | undefined;
1061
- }
1062
- export declare class StoryEvent {
1063
- 'story_start_id': string;
1064
- 'story_id': string;
1065
- 'story_title': string;
1066
- 'story_page_id': string;
1067
- 'story_page_count': number;
1068
- 'story_page_type': string;
1069
- 'story_page_action_type': string;
1070
- 'story_page_player_name': string;
1071
- 'story_page_game_name': string;
1072
- 'story_page_navigation_type': string;
1073
- 'story_page_navigation_direction': string;
1074
- 'story_start_trigger': string;
1075
- 'story_exit_trigger': string;
1076
- 'content_duration_viewed': number;
1077
- 'story_page_duration': number;
1078
- 'story_page_duration_viewed_percent': number;
1079
- 'gesture_type': string;
1080
- 'labels_expression': string;
1081
- 'story_session_id': string;
1082
- 'story_page_index': number;
1083
- 'is_last_page': boolean;
1084
- 'audio_state': string;
1085
- 'playback_action_method': 'Press' | 'Release' | 'Click';
1086
- 'player_type': 'Embedded' | 'Full Screen';
1087
- }
1088
- export declare class WidgetEvent {
1089
- 'page_view_id': string;
1090
- 'placement_id': string;
1091
- 'placement_name': string;
1092
- 'placement_distance': string;
1093
- 'widget_id': string;
1094
- 'widget_name': string;
1095
- 'widget_type': string;
1096
- 'widget_size': string;
1097
- 'widget_content_count': number;
1098
- 'widget_content_list': string;
1099
- 'labels_expression': string;
1100
- 'content_id': string;
1101
- 'content_name': string;
1102
- 'content_version_id': string;
1103
- 'content_type': string;
1104
- 'content_index': number;
1105
- 'thumbnail_size': string;
1106
- 'thumbnail_aspect_ratio': string;
1107
- 'thumbnail_type': string;
1108
- 'page_type': string;
1109
- 'page_size': string;
1110
- }
1111
- export declare class AdEvent {
1112
- 'advertiser_id': string;
1113
- 'advertiser_name': string;
1114
- 'campaign_id': string;
1115
- 'campaign_name': string;
1116
- 'ad_server': string;
1117
- 'story_id': string;
1118
- 'story_title': string;
1119
- 'ad_insertion_logic': string;
1120
- 'ad_index': string;
1121
- 'ad_start_trigger': string;
1122
- 'ad_exit_trigger': string;
1123
- 'ad_duration': string;
1124
- 'ad_duration_viewed_percent': string;
1125
- 'playback_action_method': string;
1126
- 'audio_state': string;
1127
- 'skip_config': string;
1128
- 'content_type': string;
1129
- 'ad_path': string;
1130
- }
1131
- export declare class ImaAdEvent {
1132
- 'story_id': string;
1133
- 'story_title': string;
1134
- 'ad_id': string;
1135
- 'ad_title': string;
1136
- 'ad_description': string;
1137
- 'ad_system': string;
1138
- 'ad_duration': string;
1139
- 'skippable': string;
1140
- 'skip_time_offset': string;
1141
- 'advertiser_name': string;
1142
- 'failure_reason': string;
1143
- 'ad_type': string;
1144
- }
1145
- export declare class InteractionEvent {
1146
- 'interaction_id': string;
1147
- 'interaction_type': string;
1148
- 'interaction_text': string;
1149
- 'interaction_selected_answer': string;
1150
- 'content_session_id': string;
1151
- 'content_type': string;
1152
- 'content_id': string;
1153
- 'content_title': string;
1154
- 'content_page_id': string;
1155
- 'playback_action_method': string;
1156
- 'audio_state': string;
1157
- }
1158
1206
 
1159
1207
  declare const ApiServiceClass_base: {
1160
1208
  new (): {};
@@ -1187,17 +1235,31 @@ declare abstract class ApiServiceClass extends ApiServiceClass_base implements I
1187
1235
  } | undefined;
1188
1236
  error?: Error | undefined;
1189
1237
  }>;
1190
- getShorts(labels: string, orderType: OrderType, maxItemsSize?: number): Promise<import("../interfaces").IHttpResponse<{
1238
+ getMomentByIds(momentIds: string[], orderType?: OrderType): Promise<{
1239
+ httpStatus?: number | undefined;
1240
+ data?: {
1241
+ assetsExpiryTime: string;
1242
+ totalItems: number;
1243
+ result: IMoment[];
1244
+ } | undefined;
1245
+ error?: Error | undefined;
1246
+ }>;
1247
+ getMoments(labels: string, orderType: OrderType, maxItemsSize?: number): Promise<import("../interfaces").IHttpResponse<{
1191
1248
  assetsExpiryTime: string;
1192
1249
  totalItems: number;
1193
1250
  result: IMoment[];
1251
+ defaultAdsInfo?: IAdInfo | undefined;
1194
1252
  }>>;
1253
+ updateMomentLikeStatus(options: {
1254
+ momentId: string;
1255
+ setLiked: boolean;
1256
+ }): Promise<void>;
1195
1257
  getStaticStories(): Promise<IStory | null>;
1196
1258
  preview(storyId: string, publishedOnly?: boolean): Promise<import("../interfaces").IHttpResponse<IStory & {
1197
1259
  status: number;
1198
1260
  }>>;
1199
1261
  preivewMoment(momentId: string, publishedOnly?: boolean): Promise<IResponse<any>>;
1200
- analyticsEvents(body: Partial<AnalyticsEvent>[]): Promise<import("../interfaces").IHttpResponse<unknown>>;
1262
+ sendAnaltyicsEvents(body: Partial<AnalyticsEvent>[]): Promise<import("../interfaces").IHttpResponse<unknown>>;
1201
1263
  sendInteractionResponse(options: {
1202
1264
  interactionId: Interaction['id'];
1203
1265
  responseId: string;
@@ -1228,6 +1290,7 @@ declare abstract class ConfigServiceClass extends ConfigServiceClass_base implem
1228
1290
  private _shouldModifyUrlWithStoryId;
1229
1291
  private _shouldDismissPlayer;
1230
1292
  private _googleCustomNativeAdHandler?;
1293
+ private _imaAdHandler?;
1231
1294
  private _playerStyleCustomization?;
1232
1295
  private _shouldCreateUser;
1233
1296
  private _externalUserId;
@@ -1260,6 +1323,8 @@ declare abstract class ConfigServiceClass extends ConfigServiceClass_base implem
1260
1323
  get shouldDismissPlayer(): boolean;
1261
1324
  get googleCustomNativeAdHandler(): CustomNativeAdHandler | undefined;
1262
1325
  set googleCustomNativeAdHandler(value: CustomNativeAdHandler | undefined);
1326
+ get imaAdHandler(): ImaAdHandler | undefined;
1327
+ set imaAdHandler(value: ImaAdHandler | undefined);
1263
1328
  }
1264
1329
  export declare const ConfigService: ConfigServiceClass;
1265
1330
 
@@ -1289,6 +1354,8 @@ declare abstract class DatabaseServiceClass extends DatabaseServiceClass_base im
1289
1354
  isPageViewed(id: string): Promise<boolean>;
1290
1355
  updateInteraction(data: InteractionDB): Promise<any>;
1291
1356
  getInteraction(id: string): Promise<IResponse<InteractionDB> | null>;
1357
+ updateLike(momentId: string, isLike: boolean): Promise<IResponse | null>;
1358
+ getLike(momentId: string): Promise<IResponse<MomentDB> | null>;
1292
1359
  }
1293
1360
  export declare const DatabaseService: DatabaseServiceClass;
1294
1361
 
@@ -1339,10 +1406,10 @@ declare abstract class EventServiceClass extends EventServiceClass_base implemen
1339
1406
  private rootElement;
1340
1407
  constructor();
1341
1408
  init(): Promise<void>;
1342
- dispatch(el: HTMLElement | undefined, event: Delegation, params?: object): {
1409
+ dispatch(el: HTMLElement, event: Delegation, params?: object): {
1343
1410
  mainEvent: CustomEvent;
1344
1411
  };
1345
- dispatchAnaltyicsEvent(name: string, event: any): {
1412
+ dispatchAnaltyicsEvents(name: string, event: any): {
1346
1413
  mainEvent: CustomEvent;
1347
1414
  };
1348
1415
  }
@@ -1357,6 +1424,7 @@ export * from './error.service';
1357
1424
  export * from './event-bus.service';
1358
1425
  export * from './event.service';
1359
1426
  export * from './interaction.service';
1427
+ export * from './like.service';
1360
1428
  export * from './logger.service';
1361
1429
  export * from './startup.service';
1362
1430
  export * from './user.service';
@@ -1377,6 +1445,19 @@ declare abstract class InteractionServiceClass extends InteractionServiceClass_b
1377
1445
  }
1378
1446
  export declare const InteractionService: InteractionServiceClass;
1379
1447
 
1448
+ declare const LikeServiceClass_base: {
1449
+ new (): {};
1450
+ _instance: LikeServiceClass;
1451
+ getInstance(): LikeServiceClass;
1452
+ };
1453
+ declare abstract class LikeServiceClass extends LikeServiceClass_base implements IService {
1454
+ constructor();
1455
+ init(): Promise<void>;
1456
+ updateLike(isLike: boolean, momentId: string): Promise<void>;
1457
+ isLiked(momentId: string): Promise<boolean>;
1458
+ }
1459
+ export declare const LikeService: LikeServiceClass;
1460
+
1380
1461
  interface LoggerParams {
1381
1462
  message: string;
1382
1463
  level?: LogLevel;
@@ -1450,12 +1531,16 @@ declare abstract class VideoCacheServiceClass extends VideoCacheServiceClass_bas
1450
1531
  private cache;
1451
1532
  private cacheName;
1452
1533
  private downloadControllers;
1534
+ private cacheList;
1453
1535
  private cacheInitialized;
1536
+ private sizeLimit;
1454
1537
  constructor();
1455
1538
  init(): Promise<void>;
1456
1539
  private retryCacheInitialization;
1540
+ checkCacheSize(): Promise<void>;
1457
1541
  isVideoDownloading(url: string): boolean;
1458
1542
  isInitialized(): boolean;
1543
+ private handleError;
1459
1544
  private fetchAndCache;
1460
1545
  private cacheResponse;
1461
1546
  addCacheVideoByUrl(url: string): Promise<Response | void>;
@@ -1463,6 +1548,8 @@ declare abstract class VideoCacheServiceClass extends VideoCacheServiceClass_bas
1463
1548
  abortDownload(url: string): Promise<void>;
1464
1549
  deleteCacheVideoByUrl(url: string): Promise<boolean>;
1465
1550
  clearAllCache(): Promise<void>;
1551
+ downloadAndCacheVideo(url: string): Promise<void>;
1552
+ deleteVideoFromCache(url: string): Promise<void>;
1466
1553
  }
1467
1554
  export declare const VideoCacheService: VideoCacheServiceClass;
1468
1555
 
@@ -1476,6 +1563,7 @@ declare abstract class VideoPlayerServiceClass extends VideoPlayerServiceClass_b
1476
1563
  private _isPlaying;
1477
1564
  private _isNavigating;
1478
1565
  private _isModalOpen;
1566
+ private _isSeekBarDragging;
1479
1567
  private _playReference;
1480
1568
  muteStateBeforeAd: 'mute' | 'unmute' | 'no-ad';
1481
1569
  constructor();
@@ -1490,6 +1578,8 @@ declare abstract class VideoPlayerServiceClass extends VideoPlayerServiceClass_b
1490
1578
  set playReference(value: PlayType);
1491
1579
  get isModalOpen(): boolean;
1492
1580
  set isModalOpen(value: boolean);
1581
+ get isSeekBarDragging(): boolean;
1582
+ set isSeekBarDragging(value: boolean);
1493
1583
  }
1494
1584
  export declare const VideoPlayerService: VideoPlayerServiceClass;
1495
1585
 
@@ -1645,6 +1735,7 @@ export declare const Colors: {
1645
1735
  readonly TimeColor: "#B6B7B8";
1646
1736
  readonly White: "#FFFFFF";
1647
1737
  readonly Black: "#000000";
1738
+ readonly Gray: "#B6B7B8";
1648
1739
  };
1649
1740
 
1650
1741
  export type ThemeType = 'grid-2-columns' | 'grid-3-columns' | 'row-circle' | 'row-rectangle' | 'row-rectangle-horizontal' | 'grid-2-columns-horizontal' | 'grid-3-columns-horizontal' | 'default';
@@ -2018,6 +2109,8 @@ export type IconPropertiesType = {
2018
2109
  padding?: string;
2019
2110
  };
2020
2111
 
2112
+ export type ChipStatusType = 'statusReadStyle' | 'statusUnreadStyle' | 'statusLiveUnreadStyle' | 'statusLiveStyle';
2113
+
2021
2114
  export type ClientPlatform = 'Web';
2022
2115
 
2023
2116
  export type FontWeightType = 'normal' | 'bold' | 'bolder' | 'lighter' | 'inherit' | 'initial' | 'unset' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
@@ -2031,8 +2124,6 @@ export type ElementType = WidgetElementType | ComponentsElementType;
2031
2124
 
2032
2125
  export type EnvironmentType = 'prod' | 'uat';
2033
2126
 
2034
- export type FetchPriorityType = 'low' | 'high' | 'auto';
2035
-
2036
2127
  export * from './attribute-parser';
2037
2128
  export * from './button.type';
2038
2129
  export * from './client-platform.type';
@@ -2040,7 +2131,6 @@ export * from './css.type';
2040
2131
  export * from './direction.type';
2041
2132
  export * from './element.type';
2042
2133
  export * from './environment.type';
2043
- export * from './fetch-priority.type';
2044
2134
  export * from './item.type';
2045
2135
  export * from './label.type';
2046
2136
  export * from './locale.type';
@@ -2053,6 +2143,7 @@ export * from './story-direction.type';
2053
2143
  export * from './thumbnail.type';
2054
2144
  export * from './user.type';
2055
2145
  export * from './widget.type';
2146
+ export * from './chip-status.type';
2056
2147
 
2057
2148
  export type EntitiesType = 'playerId' | 'teamId' | 'gameId';
2058
2149
  export type PerItemStyleOverrides = Record<EntitiesType, Array<{
@@ -2060,7 +2151,7 @@ export type PerItemStyleOverrides = Record<EntitiesType, Array<{
2060
2151
  theme: IWidgetTheme;
2061
2152
  }>>;
2062
2153
 
2063
- export type labelType = string | string[] | BlazeWidgetLabel;
2154
+ export type LabelsType = string | string[] | BlazeWidgetLabel;
2064
2155
 
2065
2156
  export type LocaleDirectionType = 'LTR' | 'RTL';
2066
2157
 
@@ -2087,6 +2178,7 @@ export type SeverityType = 'error' | 'warning' | 'info' | 'success';
2087
2178
  export type SizeType = 'small' | 'medium' | 'large';
2088
2179
 
2089
2180
  export type StoryDirectionType = 'PREV_STORY' | 'NEXT_STORY' | 'PREV_PAGE' | 'NEXT_PAGE';
2181
+ export type ContentDirection = 'PREV' | 'NEXT';
2090
2182
 
2091
2183
  export type ThumbnailApiType = 'SquareIcon' | 'VerticalTwoByThree' | 'MainThumbnail';
2092
2184
  export type ThumbnailType = 'SQUARE_ICON' | 'VERTICAL_TWO_BY_THREE' | 'CUSTOM';
@@ -2156,6 +2248,7 @@ export declare function getChangedProperties(source: any, target: any, level: st
2156
2248
  export declare function removeDuplicates(source: string[], checkAgainst: string[]): string[];
2157
2249
  export declare function updateStyle(styleToUpdate: any, path: string[], newValue: any): void;
2158
2250
  export declare function getNestedValue(obj: any, path: string[]): any;
2251
+ export declare function formatLikes(count: number): string;
2159
2252
 
2160
2253
  export * from './chip.utils';
2161
2254
  export * from './common.utils';
@@ -2176,7 +2269,8 @@ export declare function calculatePosition(statusIndicatorPosition: PositionType)
2176
2269
  isRight: boolean;
2177
2270
  };
2178
2271
 
2179
- export declare const RegexHash: RegExp;
2272
+ export declare const RegexStoryHash: RegExp;
2273
+ export declare const RegexMomentHash: RegExp;
2180
2274
 
2181
2275
  export declare class Stopwatch {
2182
2276
  isRunning: boolean;
@@ -2189,66 +2283,55 @@ export declare class Stopwatch {
2189
2283
  reset(): void;
2190
2284
  }
2191
2285
 
2192
- export * from './widget-ad';
2193
- export * from './widget-cta-modal';
2286
+ export * from './widget-video-base';
2287
+ export * from './widget-player';
2288
+ export * from './ad/widget-ad';
2194
2289
  export * from './widget-embedded-story';
2195
2290
  export * from './widget-interaction';
2196
2291
  export * from './widget-item';
2197
- export * from './widget-label';
2198
2292
  export * from './widget-layout';
2199
2293
  export * from './widget-modal';
2200
- export * from './widget-moment';
2201
- export * from './widget-moment-modal';
2202
- export * from './widget-moment-player';
2203
- export * from './widget-moment-preview';
2204
- export * from './widget-moment-video';
2294
+ export * from './moment/widget-moment';
2295
+ export * from './moment/widget-moment-modal';
2296
+ export * from './moment/widget-moment-player';
2205
2297
  export * from './widget-scrollable';
2206
2298
  export * from './widget-sdk';
2207
2299
  export * from './widget-share-modal';
2208
- export * from './widget-story';
2209
- export * from './widget-story-base';
2210
- export * from './widget-story-image';
2211
- export * from './widget-story-modal';
2212
- export * from './widget-story-player';
2213
- export * from './widget-story-preview';
2214
- export * from './widget-story-video';
2215
-
2216
- export declare class BlazeWidgetStoryAd extends BlazeWidgetStoryBase {
2217
- private storyParent;
2218
- data: IPage | undefined;
2219
- private isCurrentlyDisplay;
2220
- private adContainer;
2221
- private placeholderContainer;
2222
- private googletag;
2223
- private failToLoadTimeout?;
2224
- private onFail?;
2225
- private isAdFailed;
2226
- private isPlaying;
2227
- constructor(storyParent: BlazeWidgetStory);
2300
+ export * from './story/widget-story';
2301
+ export * from './story/widget-story-modal';
2302
+ export * from './story/widget-story-player';
2303
+ export * from './widget-video';
2304
+ export * from './moment/widget-moment-seek-bar';
2305
+ export * from './widget-cta-modal';
2306
+
2307
+ export type ExitTriggerType = 'Swipe' | 'Swipe Down' | 'Swipe Up' | 'Skip' | 'Close Button' | 'CTA Click' | 'Escape Button' | '';
2308
+ export type StartTriggerType = 'Embedded Player in Viewport' | 'Widget' | 'Deeplink' | 'Swipe' | 'Skip' | 'SingleStory' | 'Share' | '';
2309
+ export type NavigationType = 'Automatic' | 'Manual' | '';
2310
+ export type NavigationDirectionType = 'Forwards' | 'Backwards' | '';
2311
+ export declare abstract class BlazeWidgetContent extends HTMLElement {
2312
+ container: HTMLElement;
2313
+ pageIndex: number;
2314
+ startTrigger: StartTriggerType;
2315
+ exitTrigger: ExitTriggerType;
2316
+ navigationType: NavigationType;
2317
+ navigationDirection: NavigationDirectionType;
2318
+ listeners: EventsListener;
2319
+ isActive: boolean;
2320
+ isResumeOnFocusExecuted: boolean;
2321
+ isNavigationPending: boolean;
2322
+ resumeAfterfocus: boolean;
2323
+ boundOnFocusEvent: () => void;
2324
+ boundOnBlurEvent: () => void;
2325
+ boundOnVisibilityChangeEvent: () => void;
2326
+ widgetParent: BlazeWidgetItem;
2327
+ sessionId: string;
2328
+ refContentModal?: BlazeWidgetStoryModal | BlazeWidgetMomentModal;
2329
+ constructor();
2228
2330
  connectedCallback(): void;
2229
2331
  disconnectedCallback(): void;
2332
+ setWidgetParent(parent: BlazeWidgetItem): void;
2333
+ getRefferingObject(): ReferringEventInfo;
2230
2334
  render(): void;
2231
- get currentTime(): number;
2232
- set currentTime(value: number);
2233
- get duration(): number;
2234
- get progress(): number;
2235
- set muted(isMuted: boolean);
2236
- getAdIframeRef(): HTMLIFrameElement | null;
2237
- changeAdMutedState(isMuted: boolean): void;
2238
- setData(data: IPage): void;
2239
- startEnter(): Promise<void>;
2240
- endExit(): void;
2241
- play(): void;
2242
- get paused(): boolean;
2243
- pause(): void;
2244
- removeLoader(): void;
2245
- loadPoster(): void;
2246
- hide(): void;
2247
- display(onFail?: () => void): Promise<void>;
2248
- mainElement(): CanvasImageSource;
2249
- private initStyles;
2250
- isAdContainerConncetedToDOM(): Promise<boolean>;
2251
- private destroyAd;
2252
2335
  }
2253
2336
 
2254
2337
  export declare class BlazeWidgetCtaModal extends BaseWidget {
@@ -2276,7 +2359,7 @@ export declare class BlazeWidgetCtaModal extends BaseWidget {
2276
2359
 
2277
2360
  export declare class BlazeWidgetEmbeddedStory extends BaseWidget implements IWidgetView, Observable {
2278
2361
  preset?: IWidgetTheme;
2279
- players: BlazeWidgetStory[];
2362
+ contents: BlazeWidgetStory[];
2280
2363
  intersectionObserver: IntersectionObserver;
2281
2364
  isIntersecting: boolean;
2282
2365
  currentStoryPlayerIndex: number;
@@ -2286,8 +2369,8 @@ export declare class BlazeWidgetEmbeddedStory extends BaseWidget implements IWid
2286
2369
  shouldReloadData: boolean;
2287
2370
  defaultAdsInfo?: IAdInfo;
2288
2371
  isCurrentPlayerFirstPlay: boolean;
2289
- bindedOnStoryPlayerDidAppear: (e: Event) => void;
2290
- bindedOnStoryPlayerDismissed: (e: Event) => void;
2372
+ bindedOnPlayerDidAppear: (e: Event) => void;
2373
+ bindedOnPlayerDismissed: (e: Event) => void;
2291
2374
  private get theme();
2292
2375
  constructor();
2293
2376
  static get observedAttributes(): string[];
@@ -2296,7 +2379,7 @@ export declare class BlazeWidgetEmbeddedStory extends BaseWidget implements IWid
2296
2379
  attributeChangedCallback(name: string, oldValue: string, _newValue: string): void;
2297
2380
  getTheme(): IWidgetTheme;
2298
2381
  setTheme(theme: IWidgetTheme | string): void;
2299
- setLabels(labels: labelType, options?: ISetWidgetOptions): void;
2382
+ setLabels(labels: LabelsType, options?: ISetWidgetOptions): void;
2300
2383
  setLabelsPriority(labelsPriority: string, options?: ISetWidgetOptions): void;
2301
2384
  setContentIds(storyIds: string[], options?: ISetWidgetOptions): void;
2302
2385
  reload(): void;
@@ -2319,6 +2402,7 @@ export declare class BlazeWidgetEmbeddedStory extends BaseWidget implements IWid
2319
2402
  private handleModalClose;
2320
2403
  private updatePlayerStyle;
2321
2404
  openFullscreen(): void;
2405
+ appendModalToBlazeSDK(modal: BlazeWidgetStoryModal): void;
2322
2406
  onFullScreenClickHandler(event: Event): void;
2323
2407
  pauseCurrentStoryPage(): void;
2324
2408
  playCurrentStoryPage(): void;
@@ -2326,8 +2410,8 @@ export declare class BlazeWidgetEmbeddedStory extends BaseWidget implements IWid
2326
2410
  onVastAdResumedEnded(): void;
2327
2411
  showSkeleton(): void;
2328
2412
  hideSkeleton(): void;
2329
- private onStoryPlayerDidAppear;
2330
- private onStoryPlayerDismissed;
2413
+ private onPlayerDidAppear;
2414
+ private onPlayerDismissed;
2331
2415
  private onOtherModalOpenedClosed;
2332
2416
  }
2333
2417
 
@@ -2352,7 +2436,7 @@ export declare class BlazeWidgetInteraction extends BaseWidget {
2352
2436
 
2353
2437
  export interface BlazeWidgetItemOptions {
2354
2438
  theme: IWidgetTheme;
2355
- content: IStory;
2439
+ content: IStory | IMoment;
2356
2440
  }
2357
2441
  export declare class BlazeWidgetItem extends BaseWidget {
2358
2442
  protected options: BlazeWidgetItemOptions;
@@ -2364,26 +2448,29 @@ export declare class BlazeWidgetItem extends BaseWidget {
2364
2448
  private label;
2365
2449
  private labelContainer;
2366
2450
  private labelBackground;
2367
- private theme;
2451
+ theme: IWidgetTheme;
2368
2452
  private chip;
2369
2453
  private badge;
2370
2454
  private isLive;
2371
2455
  private analyticsCalls;
2456
+ contentType: ContentType | undefined;
2457
+ chipType: ChipStatusType;
2372
2458
  get parentRef(): BlazeWidgetLayout;
2373
- private statusIndicatorSettings;
2459
+ statusIndicatorSettings: IndicatorStyle;
2374
2460
  paddingItem: PositionOffset;
2375
- content: IStory;
2461
+ content: IStory | IMoment;
2376
2462
  onClick: (() => void) | undefined;
2463
+ private boundOnWidgetClick;
2377
2464
  constructor(options: BlazeWidgetItemOptions);
2378
2465
  private initializeWidget;
2379
2466
  connectedCallback(): void;
2380
- disconnectedCallback(): void;
2381
2467
  updateWidget(): void;
2382
2468
  updateWidgetItemPadding(): void;
2383
2469
  updateWidgetItemStyle(theme: IWidgetTheme): void;
2384
2470
  private setupDOMElements;
2385
2471
  private setupEventListeners;
2386
2472
  private handleWidgetClick;
2473
+ disconnectedCallback(): void;
2387
2474
  private setData;
2388
2475
  getThumbnailUrl(): string;
2389
2476
  setThumbnailBorderColor(color: string): void;
@@ -2399,6 +2486,7 @@ export declare class BlazeWidgetItem extends BaseWidget {
2399
2486
  private handleInsidePosition;
2400
2487
  private applyCommonStyles;
2401
2488
  setTheme(theme: IWidgetTheme): void;
2489
+ initializeAndRenderWidget(): void;
2402
2490
  getPaddingOnContainer(): PositionOffset;
2403
2491
  setPaddingOnContainer(padding: PositionOffset): void;
2404
2492
  setChipStyle(): void;
@@ -2406,27 +2494,12 @@ export declare class BlazeWidgetItem extends BaseWidget {
2406
2494
  render(): void;
2407
2495
  }
2408
2496
 
2409
- export declare class BlazeWidgetLabel {
2410
- value: string;
2411
- constructor(value: string);
2412
- static singleLabel(label: string): BlazeWidgetLabel;
2413
- static mustInclude(...labels: Array<string | BlazeWidgetLabel>): BlazeWidgetLabel;
2414
- static atLeastOneOf(...labels: Array<string | BlazeWidgetLabel>): BlazeWidgetLabel;
2415
- mustInclude(...labels: Array<string | BlazeWidgetLabel>): BlazeWidgetLabel;
2416
- atLeastOneOf(...labels: Array<string | BlazeWidgetLabel>): BlazeWidgetLabel;
2417
- toString(): string;
2418
- private static createLabel;
2419
- private static validateAndProceed;
2420
- private static isValidLabelFormat;
2421
- }
2422
-
2423
2497
  /// <reference types="node" />
2424
2498
  export declare class BlazeWidgetLayout extends BlazeWidgetScrollable implements Observable, IWidgetView {
2425
- modal: BlazeWidgetStoryModal | undefined;
2426
- modalMoments: BlazeWidgetMomentModal | undefined;
2499
+ storysModal: BlazeWidgetStoryModal | undefined;
2500
+ momentsModal: BlazeWidgetMomentModal | undefined;
2427
2501
  defaultAdsInfo: IAdInfo | undefined;
2428
- stories: IStory[];
2429
- moments: IMoment[];
2502
+ content: IStory[] | IMoment[];
2430
2503
  skeletonContainer: BlazeDiv | undefined;
2431
2504
  widgetItems: BlazeWidgetItem[];
2432
2505
  preset: IWidgetTheme | undefined;
@@ -2444,7 +2517,7 @@ export declare class BlazeWidgetLayout extends BlazeWidgetScrollable implements
2444
2517
  onResizeEvent: (this: Window, ev: UIEvent) => void;
2445
2518
  shouldReloadWhenPlayerIsClosed: boolean;
2446
2519
  shouldReloadData: boolean;
2447
- get refElement(): ShadowRoot | this;
2520
+ get refElement(): ShadowRoot | BlazeWidgetLayout;
2448
2521
  constructor();
2449
2522
  onResizeEventDelay(): void;
2450
2523
  onResize(): void;
@@ -2454,8 +2527,9 @@ export declare class BlazeWidgetLayout extends BlazeWidgetScrollable implements
2454
2527
  disconnectedCallback(): void;
2455
2528
  attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
2456
2529
  onKeyDown(e: KeyboardEvent): void;
2457
- onStoryChange(mode: StoryDirectionType): void;
2530
+ onStoryChange(mode: ContentDirection): void;
2458
2531
  onPlayerClose(): void;
2532
+ onPlayerOpen(): void;
2459
2533
  getParentHeightWithoutPadding(): number | null;
2460
2534
  setId(id: string): void;
2461
2535
  handlePopState(): void;
@@ -2464,24 +2538,24 @@ export declare class BlazeWidgetLayout extends BlazeWidgetScrollable implements
2464
2538
  set storyIds(value: string);
2465
2539
  setContentIds(storyIds: string[], options?: ISetWidgetOptions): void;
2466
2540
  setLabelsPriority(labelsPriority: string, options?: ISetWidgetOptions): void;
2467
- setLabels(labels: labelType, options?: ISetWidgetOptions): void;
2541
+ setLabels(labels: LabelsType, options?: ISetWidgetOptions): void;
2468
2542
  getTheme(): IWidgetTheme;
2469
2543
  setTheme(theme: IWidgetTheme | string): void;
2470
2544
  private get theme();
2471
2545
  updateOverrideStyles(perItemStyleOverrides: PerItemStyleOverrides): void;
2472
2546
  reload(): void;
2473
- updateActiveLayoutThemesPerItemWithEntity(key: EntitiesType, value: string, theme: IWidgetTheme): void;
2547
+ private updateActiveLayoutThemesPerItemWithEntity;
2474
2548
  updateWidgetUI(): void;
2475
2549
  setMaxPaddingOnWidgetItems(): void;
2476
2550
  setDelegations(delegates: Record<Delegation, EventListenerOrEventListenerObject>): void;
2477
2551
  setMaxItemsDisplaySize(maxSize: number): void;
2478
2552
  setMaxItemsSize(maxItemsSize: number): void;
2479
2553
  private updatePlayerStyle;
2480
- createModal(): void;
2481
- createMomentsModal(): void;
2554
+ createModal(type: string): void;
2555
+ appendModalToBlazeSDK(modal: BlazeWidgetMomentModal | BlazeWidgetStoryModal): void;
2482
2556
  static get observedAttributes(): string[];
2483
2557
  onItemClick(item: BlazeWidgetItem, i: number): void;
2484
- loadStories(): Promise<void>;
2558
+ loadContent(): Promise<void>;
2485
2559
  processStoriesInWidget(): void;
2486
2560
  calculateChipSizes(theme: IWidgetTheme): {
2487
2561
  badge: {
@@ -2527,176 +2601,93 @@ export declare class BlazeWidgetLayout extends BlazeWidgetScrollable implements
2527
2601
  widgetType(): WidgetType;
2528
2602
  }
2529
2603
 
2604
+ /// <reference types="hammerjs" />
2530
2605
  export declare class BlazeWidgetModal extends BaseWidget {
2606
+ player: BlazeWidgetStoryPlayer | BlazeWidgetMomentPlayer;
2531
2607
  isOpen: boolean;
2532
- constructor();
2608
+ exitButtonElement: BlazeButton;
2609
+ exitButtonWrapperElement: BlazeDiv;
2610
+ hammer: HammerManager | null;
2611
+ isMultiTouch: boolean;
2612
+ boundOnResizeEvent: (this: Window, ev: UIEvent) => void;
2613
+ constructor(type: 'story' | 'moment');
2533
2614
  connectedCallback(): void;
2534
- open(): void;
2615
+ disconnectedCallback(): void;
2616
+ onResize(): void;
2617
+ seek(id: string): void;
2618
+ setupHammer(): void;
2619
+ handlePanStart(ev: HammerInput): void;
2620
+ handlePan(ev: HammerInput): void;
2621
+ handleDoubleTap(ev: HammerInput): void;
2622
+ handlePinchOut(ev: HammerInput): void;
2623
+ cleanupHammer(): void;
2624
+ open(options?: ISmoothOpenCloseModal): void;
2535
2625
  close(): void;
2536
2626
  }
2537
2627
 
2538
- export declare class BlazeWidgetMomentModal extends BlazeWidgetModal {
2539
- player: BlazeWidgetMomentPlayer;
2540
- exitPopup: HTMLElement;
2541
- exitButton: HTMLElement;
2542
- resizeCallback: any;
2543
- parentWidget: HTMLElement;
2544
- onClose: (() => void) | undefined;
2545
- constructor();
2546
- setMoments(data: IMoment[]): void;
2547
- seekMoment(id: string): void;
2548
- onKeyDown(ev: KeyboardEvent): void;
2549
- close(): void;
2550
- open(): void;
2551
- play(): void;
2552
- connectedCallback(): void;
2553
- disconnectedCallback(): void;
2554
- render(): void;
2555
- }
2556
-
2557
- export declare class BlazeWidgetMomentPlayer extends HTMLElement {
2558
- data: any;
2559
- widgets: BlazeWidgetMoment[];
2560
- container: HTMLElement;
2628
+ export type BlazeWidgetContent = BlazeWidgetStory | BlazeWidgetMoment;
2629
+ export declare abstract class WidgetAbstractPlayer extends BaseWidget {
2561
2630
  index: number;
2631
+ container: BlazeDiv;
2632
+ numberOfContentInList: number;
2633
+ contentList: BlazeWidgetStory[] | BlazeWidgetMoment[];
2634
+ playerContentList: BlazeWidgetStory[] | BlazeWidgetMoment[];
2635
+ srcBackground: HTMLCanvasElement;
2636
+ destBackground: HTMLCanvasElement;
2637
+ backgroundAnimation?: Animation;
2638
+ playerFullscreenOverlay: BlazeDiv;
2639
+ hammer: HammerManager;
2640
+ gestureActionLimitThreshold: number;
2641
+ edgeScreenThreshold: number;
2642
+ isEdgeThreshold: Boolean;
2643
+ isNavigationBlocked: boolean;
2644
+ isCloseAnimationStarted: boolean;
2562
2645
  currentNextAnimation?: anime.AnimeInstance;
2563
2646
  currentPrevAnimation?: anime.AnimeInstance;
2564
- preload: number;
2565
- cached: number;
2566
- items: BlazeWidgetMoment[];
2567
- actionLock: boolean;
2568
- touchStartY: number;
2647
+ onClose?: () => void;
2569
2648
  listeners: EventsListener;
2649
+ boundHandlePanStart: (ev: HammerInput) => void;
2650
+ boundHandlePanMove: (ev: HammerInput) => void;
2651
+ boundHandlePanEnd: (ev: HammerInput) => void;
2570
2652
  constructor();
2571
- prefetchNeighbours(addIndex?: number): void;
2572
- setMoments(moments: BlazeWidgetMoment[]): void;
2573
- seekMoment(id: string): void;
2574
- populatePrev(): Promise<void>;
2575
- populateNext(): Promise<void>;
2576
- play(): void;
2577
- pause(): void;
2578
- clean(): void;
2579
- nextAnimation(): AnimeTimelineInstance;
2580
- prevAnimation(): AnimeTimelineInstance;
2581
- onAnimationUpdate(anime: AnimeInstance): void;
2582
- onAnimationEnd(anime: AnimeInstance): void;
2583
- goPrev(): void;
2584
- goNext(): void;
2585
- handleTouchStart(evt: TouchEvent): void;
2586
- handleTouchMove(evt: TouchEvent): void;
2587
- handleTouchEnd(evt: TouchEvent): void;
2588
- handleWheel(evt: WheelEvent): void;
2589
- onKeyDown(ev: KeyboardEvent): void;
2590
- connectedCallback(): void;
2591
- disconnectedCallback(): void;
2592
- attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
2593
- render(): void;
2594
- }
2595
-
2596
- export declare class BlazeWidgetMomentPreview extends BlazeWidgetMoment {
2597
- constructor();
2598
- disconnectedCallback(): void;
2599
- loadMoments(): Promise<void>;
2600
- static get observedAttributes(): string[];
2601
- attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
2602
- }
2603
-
2604
- export declare class BlazeWidgetMomentVideo extends HTMLElement {
2605
- data: IContentPage | undefined;
2606
- video: HTMLVideoElement | undefined;
2607
- loader: HTMLElement | undefined;
2608
- source: HTMLElement | undefined;
2609
- loaderTimeoutRefAppending: NodeJS.Timeout | undefined;
2610
- isVideoStartPlaying: boolean;
2611
- isError: boolean;
2612
- isLoaded: boolean;
2613
- isVideoRunning: boolean;
2614
- maxRetryTimes: number;
2615
- videoFrameCallback?: any;
2616
- eventRenderBackgroundPercentageTriggered: Array<boolean>;
2617
- mode: 'contain' | 'cover';
2618
- constructor();
2619
- get progress(): number;
2620
- setData(data: IContentPage): void;
2621
- loadPoster(): void;
2622
- load(): Promise<void>;
2623
- display(): void;
2624
- hide(): void;
2625
- unload(): Promise<void>;
2626
- removeLoader(): void;
2627
- startPlayVideo(video: HTMLVideoElement, maxRetryTimes: number): Promise<void>;
2628
- reloadVideo(retryTime: number): void;
2629
- tryToAddLoader(): void;
2630
- play(): void;
2631
- pause(): void;
2632
- set currentTime(value: number);
2633
- get currentTime(): number;
2634
- get duration(): number;
2635
- requestFrameCallback(callback: () => void): void;
2636
- mainElement(): CanvasImageSource;
2637
- get paused(): boolean;
2638
- get muted(): boolean;
2639
- set muted(value: boolean);
2640
- connectedCallback(): void;
2641
- disconnectedCallback(): void;
2642
- render(): void;
2643
- }
2644
-
2645
- export declare class BlazeWidgetMoment extends HTMLElement {
2646
- player?: BlazeWidgetMomentVideo;
2647
- data: IMoment | any;
2648
- pageIndex: number;
2649
- container: HTMLElement;
2650
- progress: HTMLElement;
2651
- progressContainer: HTMLElement;
2652
- onPageStart: (() => void) | undefined;
2653
- onPrevStory: (() => void) | undefined;
2654
- onNextStory: (() => void) | undefined;
2655
- onClose: (() => void) | undefined;
2656
- playbackParts: HTMLElement[];
2657
- playToggleBtn: HTMLElement;
2658
- closeButton: HTMLElement;
2659
- muteToggleBtn: HTMLElement;
2660
- storyTitle: HTMLElement;
2661
- storyThumbnail: HTMLElement;
2662
- storyChip: HTMLElement;
2663
- ctaButton: HTMLElement;
2664
- likesContainer: HTMLElement;
2665
- likesCounter: HTMLElement;
2666
- shareBtn: HTMLElement;
2667
- playCallback: string | number | NodeJS.Timeout | null | undefined;
2668
- modal: BlazeWidgetMomentModal;
2669
- fullscreenMode: boolean;
2670
- listener: EventsListener;
2671
- constructor();
2672
- onTitleClick(): void;
2673
- updateButtonsPositions(isInside: boolean): void;
2674
- onMouseSeek(ev: MouseEvent): void;
2675
- onTouchMove(ev: TouchEvent): void;
2676
- updateChip(): void;
2677
- updateButtonsState(): void;
2678
- static get observedAttributes(): string[];
2679
- attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
2680
- loadMoments(): Promise<void>;
2681
- playToggle(): boolean;
2682
- load(): void;
2683
- unload(): void;
2684
- openFullscreen(play?: boolean): void;
2685
- closeFullscreen(): void;
2686
- fullscreenPress(): void;
2687
- muteToggle(): boolean;
2688
- setData(data: IMoment | null, modal: BlazeWidgetMomentModal): void;
2689
- play(): void;
2690
- connectedCallback(): void;
2653
+ seekContentById(contentId: string): void;
2654
+ cleanPlayerContentList(): void;
2655
+ abstract setContent(content: BlazeWidgetStory[] | BlazeWidgetMoment[]): void;
2656
+ muteVideoOnIOSOrMacTablet(): void;
2657
+ setupHammer(direction?: number): void;
2658
+ cleanupHammer(): void;
2659
+ handlePanStart(ev: HammerInput): void;
2660
+ handlePanMove(ev: HammerInput): void;
2661
+ handlePanEnd(ev: HammerInput): void;
2662
+ abstract handleMoveSwipe(ev: HammerInput): void;
2663
+ abstract handleEndSwipe(ev: HammerInput): void;
2664
+ reverseAnimation(ev: HammerInput): void;
2665
+ setAnimationContent(): void;
2666
+ isTouchOnScreenEdges(touchX: number, elementWidth: number): boolean;
2667
+ blockInteractionWithUserInterface(): void;
2668
+ renderPlayerBackground(renderBlackBackground?: boolean): void;
2669
+ appendToDomBasedOnNavigation(direction: ContentDirection): void;
2670
+ abstract handlePrevDirection(): void;
2671
+ abstract handleNextDirection(): void;
2672
+ resetAnimation(): void;
2673
+ abstract play(options?: any): void;
2691
2674
  close(): void;
2692
- pause(): void;
2693
- unpause(): void;
2675
+ animateContent(direction: ContentDirection): AnimeTimelineInstance | undefined;
2676
+ abstract createAnimation(content: BlazeWidgetStory | BlazeWidgetMoment, direction: ContentDirection, targetIndex: number): AnimeTimelineInstance;
2677
+ abstract handleAnimationCompletion(content: BlazeWidgetStory | BlazeWidgetMoment, mode: ContentDirection): void;
2678
+ processAnimation(event: HammerInput, content: BlazeWidgetMoment | BlazeWidgetStory, currentAnimation?: AnimeInstance | null | undefined): void;
2679
+ unloadFromPlayerList(): void;
2680
+ handleAnimationEnd(direction: ContentDirection): void;
2681
+ abstract loadAndPlayContent(): void;
2682
+ navigateContent(direction: ContentDirection): void;
2683
+ abstract onKeyDown(event: KeyboardEvent): void;
2684
+ handleSmallGestures(animation: AnimeInstance, content: BlazeWidgetStory | BlazeWidgetMoment): void;
2685
+ abstract resetStyles(): void;
2694
2686
  resetPosition(): void;
2695
- replay(): void;
2696
- goReplay(): void;
2697
- disconnectedCallback(): void;
2698
- playInternal(): void;
2699
- render(): void;
2687
+ abstract render(): void;
2688
+ isContentDirectionInPlayerListValid(direction: ContentDirection | null): boolean;
2689
+ isBlazeWidgetStory(content: BlazeWidgetContent[]): content is BlazeWidgetStory[];
2690
+ isBlazeWidgetMoment(content: BlazeWidgetContent[]): content is BlazeWidgetMoment[];
2700
2691
  }
2701
2692
 
2702
2693
  export declare class BlazeWidgetScrollable extends BaseWidget {
@@ -2715,8 +2706,9 @@ export declare class BlazeWidgetScrollable extends BaseWidget {
2715
2706
  disconnectedCallback(): void;
2716
2707
  }
2717
2708
 
2709
+ export type playRefType = 'Share' | 'SingleStory';
2718
2710
  export declare class BlazeWidgetSDK extends BaseWidget {
2719
- modalStory?: BlazeWidgetStoryModal;
2711
+ modal: BlazeWidgetStoryModal | BlazeWidgetMomentModal;
2720
2712
  onResizeEvent: (this: Window, ev: UIEvent) => void;
2721
2713
  static get observedAttributes(): string[];
2722
2714
  constructor();
@@ -2724,11 +2716,17 @@ export declare class BlazeWidgetSDK extends BaseWidget {
2724
2716
  disconnectedCallback(): void;
2725
2717
  onResizeEventDelay(): void;
2726
2718
  onResize(): void;
2719
+ checkUrlForContent(): {
2720
+ isStoryMatch: boolean;
2721
+ storyIds: string | null;
2722
+ isMomentMatch: boolean;
2723
+ momentIds: string | null;
2724
+ };
2727
2725
  setPlayerStyleCustomization(playerStyleCustomization: Partial<StoryPlayerStyle>): void;
2728
- handleStoryLoad(playReference: 'Share' | 'SingleStory', storyIds: string): Promise<void>;
2729
- handleStaticContentLoad(playReference: 'Share' | 'SingleStory'): Promise<void>;
2726
+ handleContentLoad(contentType: 'Moment' | 'Story', playReference: playRefType, contentIds: string): Promise<void>;
2727
+ handleStaticContentLoad(playReference: playRefType): Promise<void>;
2730
2728
  enrichContent(content: IStory[]): Promise<IStory[]>;
2731
- setupModalAndLoadStories(playReference: 'Share' | 'SingleStory', content: IStory): Promise<void>;
2729
+ setupModalAndLoadContent(contentType: 'Moment' | 'Story', playReference: 'Share' | 'SingleStory', content: IStory | IMoment): Promise<void>;
2732
2730
  attributeChangedCallback(name: string, oldValue: string, newValue: string): Promise<void>;
2733
2731
  private getConfigAttributes;
2734
2732
  private initialize;
@@ -2762,7 +2760,7 @@ export declare class BlazeWidgetShareModal extends BaseWidget {
2762
2760
  render(): void;
2763
2761
  }
2764
2762
 
2765
- export declare class BlazeWidgetStoryBase extends HTMLElement {
2763
+ export declare class BlazeWidgetVideoBase extends HTMLElement {
2766
2764
  data: IPage | undefined;
2767
2765
  shouldShowImaAd?: boolean;
2768
2766
  isCurrentlyTryingToRunImaAd?: boolean;
@@ -2799,184 +2797,8 @@ export declare class BlazeWidgetStoryBase extends HTMLElement {
2799
2797
  endExit(): void;
2800
2798
  }
2801
2799
 
2802
- export declare class BlazeWidgetStoryImage extends BlazeWidgetStoryBase {
2803
- data: IPage | undefined;
2804
- video: HTMLImageElement | undefined;
2805
- startTime: Date;
2806
- excessTime: number;
2807
- isPlaying: boolean;
2808
- mode: 'contain' | 'cover';
2809
- constructor();
2810
- setData(data: IPage): void;
2811
- play(): void;
2812
- pause(): void;
2813
- set currentTime(value: number);
2814
- get currentTime(): number;
2815
- get duration(): number;
2816
- requestFrameCallback(): void;
2817
- mainElement(): CanvasImageSource;
2818
- get paused(): boolean;
2819
- get muted(): boolean;
2820
- set muted(value: boolean);
2821
- connectedCallback(): void;
2822
- disconnectedCallback(): void;
2823
- render(): void;
2824
- }
2825
-
2826
- /// <reference types="hammerjs" />
2827
- export declare class BlazeWidgetStoryModal extends BlazeWidgetModal {
2828
- parentWidget: HTMLElement;
2829
- playerLayout: StoryPlayerStyle;
2830
- player: BlazeWidgetStoryPlayer;
2831
- exitButtonElement: BlazeButton;
2832
- exitButtonWrapperElement: BlazeDiv;
2833
- onOpen?: () => void;
2834
- onClose?: (options?: ISmoothOpenCloseModal) => void;
2835
- onStoryChange?: (mode: StoryDirectionType) => void;
2836
- hammer: HammerManager | null;
2837
- isMultiTouch: boolean;
2838
- onResizeEvent: (this: Window, ev: UIEvent) => void;
2839
- get refElement(): this;
2840
- constructor(parentWidget: HTMLElement, playerLayout: StoryPlayerStyle);
2841
- handleOnStoryChange(mode: StoryDirectionType): void;
2842
- setTheme(theme: IWidgetTheme): void;
2843
- setStories(stories: IStory[], defaultAdsInfo?: IAdInfo): void;
2844
- seek(id: string): void;
2845
- handleExit(): void;
2846
- onKeyDown(ev: KeyboardEvent): void;
2847
- close(): void;
2848
- open(options?: ISmoothOpenCloseModal): void;
2849
- play(): void;
2850
- connectedCallback(): void;
2851
- disconnectedCallback(): void;
2852
- private handlePanStart;
2853
- private handlePan;
2854
- private handleDoubleTap;
2855
- private setupHammer;
2856
- handlePinchOut(ev: HammerInput): void;
2857
- private cleanupHammer;
2858
- render(): void;
2859
- playToggleCurrentStory(): void;
2860
- private onResize;
2861
- private onResizeEventDelay;
2862
- }
2863
-
2864
- export declare class BlazeWidgetStoryPlayer extends BaseWidget {
2865
- data: any;
2866
- hammer: HammerManager;
2867
- widgets: BlazeWidgetStory[];
2868
- container: HTMLElement;
2869
- index: number;
2870
- currentNextAnimation?: anime.AnimeInstance | null;
2871
- currentPrevAnimation?: anime.AnimeInstance | null;
2872
- widgetStories: BlazeWidgetStory[];
2873
- gestureActionLimitThreshold: number;
2874
- edgeScreenThreshold: number;
2875
- isEdgeThreshold: Boolean;
2876
- isNavigationBlocked: boolean;
2877
- isCloseAnimationStarted: boolean;
2878
- srcBackground: HTMLCanvasElement;
2879
- destBackground: HTMLCanvasElement;
2880
- onClose?: () => void;
2881
- onStoryChange?: (mode: StoryDirectionType) => void;
2882
- listeners: EventsListener;
2883
- backgroundAnimation?: Animation;
2884
- overlay: any;
2885
- constructor();
2886
- connectedCallback(): void;
2887
- onFocus(): void;
2888
- disconnectedCallback(): void;
2889
- attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
2890
- private setupHammer;
2891
- private isTouchOnScreenEdges;
2892
- private isCurrentlyDisplayingVastAd;
2893
- private handlePanStart;
2894
- private handlePanMove;
2895
- private handlePanEnd;
2896
- private reverseAnimation;
2897
- private cleanupHammer;
2898
- renderBackground(renderBlackBackground?: boolean): void;
2899
- setStories(stories: BlazeWidgetStory[]): void;
2900
- close(): void;
2901
- seek(storyId: string): void;
2902
- injectStoryToDomBasedOnUserNavigation(direction: StoryDirectionType): void;
2903
- resetPosition(): void;
2904
- play(options?: ISmoothOpenCloseModal): void;
2905
- clean(): void;
2906
- onCompleteAnimation(story: BlazeWidgetStory, mode: StoryDirectionType): void;
2907
- animateStory(direction: StoryDirectionType): AnimeTimelineInstance | undefined;
2908
- onAnimationEnd(direction: StoryDirectionType): void;
2909
- blockInteractionWithUserInterface(): void;
2910
- closeWithAnimation(direction: Direction): void;
2911
- navigateToStory(direction: StoryDirectionType): void;
2912
- handleAnimation(distance: number, story: BlazeWidgetStory, currentAnimation?: AnimeInstance | null): void;
2913
- onSmallGestures(animation: AnimeInstance, story: BlazeWidgetStory): void;
2914
- onKeyDown(ev: KeyboardEvent): false | undefined;
2915
- render(): void;
2916
- playToggleCurrentStory(): void;
2917
- }
2918
-
2919
- export declare class BlazeWidgetStoryPreview extends BlazeWidgetStory {
2920
- pages: BlazeWidgetStoryBase[];
2921
- data: IStory;
2922
- pageIndex: number;
2923
- container: HTMLElement;
2924
- progress: HTMLElement;
2925
- onPageStart: (() => void) | undefined;
2926
- onPrevStory: (() => void) | undefined;
2927
- onNextStory: (() => void) | undefined;
2928
- onClose: (() => void) | undefined;
2929
- playbackParts: HTMLElement[];
2930
- playToggleBtn: HTMLElement;
2931
- muteToggleBtn: HTMLElement;
2932
- storyTitle: BlazeDiv;
2933
- storyPublishedDate: BlazeDiv;
2934
- storyThumbnail: HTMLElement;
2935
- storyChip: HTMLElement;
2936
- ctaButton: HTMLElement;
2937
- prevButton: HTMLElement;
2938
- nextButton: HTMLElement;
2939
- prevButtonFS: HTMLElement;
2940
- nextButtonFS: HTMLElement;
2941
- replayButton: HTMLElement;
2942
- replayButtonFS: HTMLElement;
2943
- playCallback: string | number | NodeJS.Timeout | null | undefined;
2944
- modal: BlazeWidgetStoryModal;
2945
- fullscreenMode: boolean;
2946
- static isPlaying: boolean;
2947
- constructor(playerStyle: StoryPlayerStyle);
2948
- updateChip(): void;
2949
- updateButtonsState(): void;
2950
- static get observedAttributes(): string[];
2951
- attributeChangedCallback(name: string, oldValue: any, newValue: string): void;
2952
- setPageId(): void;
2953
- loadStory(): Promise<void>;
2954
- prefetchNeighbours(distance?: number): void;
2955
- playToggle(): boolean;
2956
- openFullscreen(): void;
2957
- closeFullscreen(): void;
2958
- fullscreenPress(): void;
2959
- muteToggle(): boolean;
2960
- setData(data: IStory | IStory[] | null | undefined): void;
2961
- setVisible(isVisible: boolean): boolean;
2962
- get currentPage(): BlazeWidgetStoryBase;
2963
- get nextPage(): BlazeWidgetStoryBase;
2964
- get prevPage(): BlazeWidgetStoryBase;
2965
- play(): Promise<void>;
2966
- connectedCallback(): void;
2967
- close(): Promise<void>;
2968
- pause(): void;
2969
- resetPosition(): void;
2970
- updateReplay(): void;
2971
- goNextPage(): void;
2972
- goReplay(): void;
2973
- goPrevPage(): void;
2974
- disconnectedCallback(): void;
2975
- playPage(index: number): Promise<void>;
2976
- render(): void;
2977
- }
2978
-
2979
- export declare class BlazeWidgetStoryVideo extends BlazeWidgetStoryBase {
2800
+ export declare class BlazeWidgetVideo extends BlazeWidgetVideoBase {
2801
+ contentParent: BlazeWidgetStory | BlazeWidgetMoment;
2980
2802
  data: IPage | undefined;
2981
2803
  video: HTMLVideoElement;
2982
2804
  loader: HTMLElement;
@@ -2992,30 +2814,29 @@ export declare class BlazeWidgetStoryVideo extends BlazeWidgetStoryBase {
2992
2814
  isLoaded: boolean;
2993
2815
  isVideoRunning: boolean;
2994
2816
  maxRetryTimes: number;
2995
- mode: 'contain' | 'cover';
2996
2817
  adContainer: HTMLElement;
2997
2818
  adLoaderContainer: BlazeLoader;
2998
2819
  adDisplayContainer: any;
2999
2820
  adsManager: any;
3000
2821
  shouldShowImaAd: boolean;
3001
- storyParent: BlazeWidgetStory;
3002
2822
  googleIMA: any;
3003
2823
  isCurrentlyTryingToRunImaAd: boolean;
3004
2824
  hasPoster: boolean;
3005
- constructor(storyParent: BlazeWidgetStory);
2825
+ constructor(contentParent: BlazeWidgetStory | BlazeWidgetMoment);
3006
2826
  connectedCallback(): void;
3007
2827
  disconnectedCallback(): void;
3008
2828
  setData(data: IPage): void;
3009
2829
  loadPoster(): void;
3010
2830
  display(): void;
3011
2831
  hide(): void;
3012
- load(): Promise<void>;
2832
+ load(loadingType?: 'cache' | 'direct'): Promise<void>;
3013
2833
  unload(): Promise<void>;
2834
+ resetVideoState(): void;
3014
2835
  removeLoader(): void;
3015
2836
  startPlayVideo(video: HTMLVideoElement, maxRetryTimes: number): Promise<void>;
3016
2837
  tryReloadVideo(retryTime: number): void;
3017
2838
  tryToAddLoader(): void;
3018
- play(): void;
2839
+ play(): Promise<void>;
3019
2840
  pause(): void;
3020
2841
  set currentTime(value: number);
3021
2842
  get currentTime(): number;
@@ -3029,6 +2850,7 @@ export declare class BlazeWidgetStoryVideo extends BlazeWidgetStoryBase {
3029
2850
  render(): void;
3030
2851
  restartVideo(): void;
3031
2852
  initializeIMA(): void;
2853
+ buildImaUrl(url: string): string;
3032
2854
  onAdsManagerLoaded(adsManagerLoadedEvent: any): void;
3033
2855
  onAdEvent(adEvent: any): void;
3034
2856
  onWindowResize(): void;
@@ -3044,22 +2866,337 @@ export declare class BlazeWidgetStoryVideo extends BlazeWidgetStoryBase {
3044
2866
  handleInteractionEvent(event: CustomEvent<InteractionAnalyticCustomEvent>): void;
3045
2867
  }
3046
2868
 
3047
- export declare class BlazeWidgetStory extends HTMLElement {
2869
+ export declare class BlazeWidgetStoryAd extends BlazeWidgetVideoBase {
2870
+ private storyParent;
2871
+ data: IPage | undefined;
2872
+ private isCurrentlyDisplay;
2873
+ private adContainer;
2874
+ private placeholderContainer;
2875
+ private googletag;
2876
+ private failToLoadTimeout?;
2877
+ private onFail?;
2878
+ private isAdFailed;
2879
+ private isPlaying;
2880
+ constructor(storyParent: BlazeWidgetStory);
2881
+ connectedCallback(): void;
2882
+ disconnectedCallback(): void;
2883
+ render(): void;
2884
+ get currentTime(): number;
2885
+ set currentTime(value: number);
2886
+ get duration(): number;
2887
+ get progress(): number;
2888
+ set muted(isMuted: boolean);
2889
+ getAdIframeRef(): HTMLIFrameElement | null;
2890
+ changeAdMutedState(isMuted: boolean): void;
2891
+ setData(data: IPage): void;
2892
+ startEnter(): Promise<void>;
2893
+ endExit(): void;
2894
+ play(): void;
2895
+ get paused(): boolean;
2896
+ pause(): void;
2897
+ removeLoader(): void;
2898
+ loadPoster(): void;
2899
+ hide(): void;
2900
+ display(onFail?: () => void): Promise<void>;
2901
+ mainElement(): CanvasImageSource;
2902
+ private initStyles;
2903
+ isAdContainerConnectedToDOM(): Promise<boolean>;
2904
+ private destroyAd;
2905
+ }
2906
+
2907
+ export type BlazeWidgetContentType = BlazeWidgetMoment[] & BlazeWidgetStory[];
2908
+ export declare class BlazeWidgetMomentModal extends BlazeWidgetModal {
2909
+ parentWidget: HTMLElement;
2910
+ playerLayout: StoryPlayerStyle;
2911
+ data: IMoment[];
2912
+ playlistSessionId: string;
2913
+ navigationButtonsContainerElement: BlazeDiv;
2914
+ nextContentButtonElement?: BlazeButton;
2915
+ prevContentButtonElement?: BlazeButton;
2916
+ onClose: (() => void) | undefined;
2917
+ onOpen: (() => void) | undefined;
2918
+ boundOnKeyDown: (ev: KeyboardEvent) => void;
2919
+ boundOnNavigationChange: (ev: Event) => void;
2920
+ boundOnResizeEventDelay: (this: Window, ev: UIEvent) => void;
2921
+ constructor(parentWidget: HTMLElement, playerLayout: StoryPlayerStyle);
2922
+ connectedCallback(): void;
2923
+ disconnectedCallback(): void;
2924
+ onNavigationChange(ev: Event): void;
2925
+ navigateContent(direction: ContentDirection): void;
2926
+ createNavigationButton(direction: ContentDirection): BlazeButton;
2927
+ setModalContent(data: IMoment[], indexOfContentInWidget: number, defaultAdsInfo?: IAdInfo): void;
2928
+ onKeyDown(ev: KeyboardEvent): void;
2929
+ close(): void;
2930
+ open(): void;
2931
+ play(): void;
2932
+ setExitButtonDisplay(): void;
2933
+ render(): void;
2934
+ onResize(): void;
2935
+ onResizeEventDelay(): void;
2936
+ }
2937
+
2938
+ export declare const MUTE_UNMUTE_EVENT = "muteButtonClicked";
2939
+ export declare const UPDATE_NAVIGATION_BUTTONS_EVENT = "updateNavigationButtons";
2940
+ export declare class BlazeWidgetMomentPlayer extends WidgetAbstractPlayer {
2941
+ isWheelEventHandling: boolean;
2942
+ boundHandleMuteClicked: () => void;
2943
+ constructor();
2944
+ connectedCallback(): void;
2945
+ disconnectedCallback(): void;
2946
+ setupEventListeners(): void;
2947
+ setupContainer(): void;
2948
+ updateNavigationButtons(): void;
2949
+ private adjustContainerStyle;
2950
+ private adjustPlayerContentStyle;
2951
+ applyStyles(): void;
2952
+ attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
2953
+ handleMoveSwipe(ev: HammerInput): void;
2954
+ handleEndSwipe(ev: HammerInput): void;
2955
+ handlePrevDirection(): void;
2956
+ handleNextDirection(): void;
2957
+ updateItemData(itemToReplaceWith: BlazeWidgetMoment & BlazeWidgetStory, nextItemToInsert: BlazeWidgetMoment | BlazeWidgetStory): void;
2958
+ createAnimation(content: BlazeWidgetMoment, direction: ContentDirection, targetIndex: number): AnimeTimelineInstance;
2959
+ loadAndPlayContent(): Promise<void>;
2960
+ handleAnimationCompletion(content: BlazeWidgetMoment, mode: ContentDirection): Promise<void>;
2961
+ setContent(content: BlazeWidgetMoment[]): void;
2962
+ preloadAdjacentContent(direction: ContentDirection): Promise<void>;
2963
+ prefetchPosters(): Promise<void>;
2964
+ play(): void;
2965
+ pause(): void;
2966
+ onAnimationEnd(): void;
2967
+ handleWheel(evt: WheelEvent): void;
2968
+ onKeyDown(event: KeyboardEvent): void;
2969
+ changeContent(direction: ContentDirection): Promise<void>;
2970
+ handleMuteClicked(): void;
2971
+ loadContentBatch(): void;
2972
+ resetStyles(): void;
2973
+ render(): void;
2974
+ }
2975
+
2976
+ export declare class BlazeWidgetMomentSeekBar extends HTMLElement {
2977
+ video: BlazeWidgetVideo;
2978
+ private progress;
2979
+ private playbackParts;
2980
+ private isEmphasized;
2981
+ private listeners;
2982
+ onPause?: () => void;
2983
+ onResume?: () => void;
2984
+ private boundOnTouchMove;
2985
+ private boundOnMouseMove;
2986
+ private boundOnClick;
2987
+ private boundOnMouseOut;
2988
+ private boundOnMouseIn;
2989
+ private boundOnStartDrag;
2990
+ private boundOnEndDrag;
2991
+ private isActive;
2992
+ private isInit;
2993
+ private animationFrameId;
2994
+ private lastProgress;
2995
+ private progressBarFill;
2996
+ private progressBarKnob;
2997
+ private isMouseIn;
2998
+ constructor(video: BlazeWidgetVideo);
2999
+ static get observedAttributes(): string[];
3000
+ attributeChangedCallback(name: string, oldValue: string, _newValue: string): void;
3001
+ connectedCallback(): void;
3002
+ onContentPaused(): void;
3003
+ onContentResumed(directReset?: boolean): void;
3004
+ disconnectedCallback(): void;
3005
+ private initialize;
3006
+ setVideo(video: BlazeWidgetVideo): void;
3007
+ private setupProgressUpdate;
3008
+ private stopProgressUpdate;
3009
+ private setupEventListeners;
3010
+ private handleOnStartDrag;
3011
+ private handleOnEndDrag;
3012
+ private handleOnClick;
3013
+ private onMouseMove;
3014
+ private onTouchMove;
3015
+ private handleOnMouseOut;
3016
+ private handleOnMouseIn;
3017
+ private resetSeekBarStyle;
3018
+ private emphasizesSeekBarStyle;
3019
+ reset(): void;
3020
+ private handleSeek;
3021
+ private styleProgressContainer;
3022
+ private createPlaybackPart;
3023
+ render(): void;
3024
+ }
3025
+
3026
+ interface ButtonElementOptions {
3027
+ iconUrl: string;
3028
+ size: string;
3029
+ onClick?: (this: GlobalEventHandlers, ev: MouseEvent) => void;
3030
+ backgroundColor?: string;
3031
+ }
3032
+ export declare class BlazeWidgetMoment extends BlazeWidgetContent {
3033
+ video: BlazeWidgetVideo;
3034
+ modal: BlazeWidgetMomentModal;
3035
+ seekBar: BlazeWidgetMomentSeekBar;
3036
+ shareModal: BlazeWidgetShareModal | undefined;
3037
+ data: IMoment;
3038
+ type: string;
3039
+ momentIndex: number;
3040
+ loopNumber: number;
3041
+ isLiked: boolean;
3042
+ onClose: () => void;
3043
+ boundOnCtaClicked: (event: Event) => void;
3044
+ boundPlayPauseButtonClick: (event: MouseEvent) => void;
3045
+ topContainer: BlazeDiv;
3046
+ bottomContainer: BlazeDiv;
3047
+ bottomContentContainer: BlazeDiv;
3048
+ shadowBottomElement: BlazeDiv;
3049
+ shadowTopElement: BlazeDiv;
3050
+ topButtonsContainer: BlazeDiv;
3051
+ bottomButtonsContainer: BlazeDiv;
3052
+ closeButtonElement: BlazeButton;
3053
+ muteButtonElement: BlazeButton;
3054
+ likeWrapperElement: BlazeDiv;
3055
+ likeButtonElement: BlazeButton;
3056
+ likeCountElement: BlazeDiv;
3057
+ shareButtonElement: BlazeButton;
3058
+ playPauseButtonElement: BlazeButton;
3059
+ contentTitleElement: BlazeDiv;
3060
+ ctaButtonElement: BlazeCtaButton;
3061
+ isInit: boolean;
3062
+ isActive: boolean;
3063
+ shouldShowImaAdOnStart: boolean;
3064
+ imaUrl: string;
3065
+ elementsToHideOnImaAds: (HTMLElement | undefined)[];
3066
+ constructor();
3067
+ connectedCallback(): void;
3068
+ disconnectedCallback(): void;
3069
+ initializeStyles(): void;
3070
+ styleBottomContentContainer(): void;
3071
+ styleMainContainer(): void;
3072
+ styleShadowElements(): void;
3073
+ styleShadowTopElement(): void;
3074
+ styleShadowBottomElement(): void;
3075
+ styleButtonsContainer(): void;
3076
+ styleTopContainer(): void;
3077
+ styleBottomContainer(): void;
3078
+ styleContentTitle(): void;
3079
+ styleLike(): void;
3080
+ styleShare(): void;
3081
+ styleCta(): void;
3082
+ initializeElements(): void;
3083
+ appendShadowElements(): void;
3084
+ createButtonElement(options: ButtonElementOptions, button: BlazeButton): void;
3085
+ configureShareModal(): void;
3086
+ configureButtons(): void;
3087
+ createLikeButton(size: string): Promise<void>;
3088
+ appendButtonsContainer(): void;
3089
+ handleMobileSpecificFeatures(): void;
3090
+ configureContentTitle(): void;
3091
+ appendBottomContainer(): void;
3092
+ createPlayPauseButton(): void;
3093
+ handlePlayPauseButtonClick(): void;
3094
+ setModal(modal: BlazeWidgetMomentModal): void;
3095
+ onVisibilityChange(): void;
3096
+ onBlur(): void;
3097
+ onFocus(): void;
3098
+ onContentClick(): void;
3099
+ onMuteUnmuteChange(): void;
3100
+ updatePlayerButtonIcons(): void;
3101
+ handleOnShareClick(): Promise<void>;
3102
+ onShareModalButtonClick(shareButton: BlazeShareButton): Promise<void>;
3103
+ loadMoments(): Promise<void>;
3104
+ load(loadingType?: 'direct' | 'cache'): Promise<void>;
3105
+ unload(): Promise<void>;
3106
+ playToggle(): void;
3107
+ handleOnMuteUnmuteToggle(): void;
3108
+ setData(data: IMoment | null): void;
3109
+ updateData(options: {
3110
+ data: IMoment;
3111
+ shouldShowImaAdOnStart: boolean;
3112
+ imaUrl: string;
3113
+ }): Promise<void>;
3114
+ updateContentTitle(title: string): void;
3115
+ updateLikeCount(likes?: number): Promise<void>;
3116
+ updateCta(cta: ICTA): void;
3117
+ onCtaClick(event: Event): boolean;
3118
+ play(): void;
3119
+ handleOnClose(): void;
3120
+ handleOnLikeClick(e: Event): void;
3121
+ pause(): void;
3122
+ resume(): void;
3123
+ resetPosition(): void;
3124
+ restartVideo(): void;
3125
+ adjustAdView(): void;
3126
+ event(action: MomentAction, momentData: Partial<MomentEvent>, label?: string | undefined): void;
3127
+ adjustStylesForDevice(): void;
3128
+ render(): void;
3129
+ }
3130
+
3131
+ export declare class BlazeWidgetStoryModal extends BlazeWidgetModal {
3132
+ parentWidget: HTMLElement;
3133
+ playerLayout: StoryPlayerStyle;
3134
+ onOpen?: () => void;
3135
+ onClose?: (options?: ISmoothOpenCloseModal) => void;
3136
+ onStoryChange?: (mode: ContentDirection) => void;
3137
+ boundOnResizeEventDelay: (this: Window, ev: UIEvent) => void;
3138
+ boundOnKeyDown: (ev: KeyboardEvent) => void;
3139
+ constructor(parentWidget: HTMLElement, playerLayout: StoryPlayerStyle);
3140
+ connectedCallback(): void;
3141
+ disconnectedCallback(): void;
3142
+ handleOnStoryChange(mode: ContentDirection): void;
3143
+ setTheme(theme: IWidgetTheme): void;
3144
+ setModalContent(stories: IStory[], indexOfContentInWidget: number, defaultAdsInfo?: IAdInfo): void;
3145
+ onKeyDown(ev: KeyboardEvent): void;
3146
+ close(): void;
3147
+ dispatchPlayerEvent(): void;
3148
+ open(options?: ISmoothOpenCloseModal): void;
3149
+ play(): void;
3150
+ render(): void;
3151
+ playToggleCurrentStory(): void;
3152
+ onResize(): void;
3153
+ onResizeEventDelay(): void;
3154
+ }
3155
+
3156
+ export declare class BlazeWidgetStoryPlayer extends WidgetAbstractPlayer {
3157
+ onStoryChange?: (mode: ContentDirection) => void;
3158
+ boundOnKeyDown: (event: KeyboardEvent) => Promise<void>;
3159
+ backgroundAnimation?: Animation;
3160
+ constructor();
3161
+ connectedCallback(): void;
3162
+ disconnectedCallback(): void;
3163
+ setupEventListeners(): void;
3164
+ applyStyles(): void;
3165
+ attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
3166
+ setContent(content: BlazeWidgetStory[]): void;
3167
+ onFocus(): void;
3168
+ handleMoveSwipe(ev: HammerInput): void;
3169
+ handleEndSwipe(ev: HammerInput): void;
3170
+ handlePrevDirection(): void;
3171
+ handleNextDirection(): void;
3172
+ resetStyles(): void;
3173
+ play(options?: ISmoothOpenCloseModal): void;
3174
+ loadAndPlayContent(): Promise<void>;
3175
+ handleAnimationCompletion(content: BlazeWidgetStory, mode: ContentDirection): void;
3176
+ createAnimation(content: BlazeWidgetStory, direction: ContentDirection, targetIndex: number): anime.AnimeTimelineInstance;
3177
+ handleAnimationStart(content: BlazeWidgetStory, targetContent: BlazeWidgetStory, direction: ContentDirection): void;
3178
+ closeWithAnimation(direction: Direction): void;
3179
+ onKeyDown(event: KeyboardEvent): false | undefined;
3180
+ render(): void;
3181
+ loadContentBatch(): void;
3182
+ playToggleCurrentStory(): void;
3183
+ }
3184
+
3185
+ export declare class BlazeWidgetStory extends BlazeWidgetContent {
3048
3186
  playerStyle: StoryPlayerStyle;
3049
3187
  mode: ScreenMode;
3050
- pages: BlazeWidgetStoryBase[];
3188
+ pages: BlazeWidgetVideoBase[];
3051
3189
  data: IStory;
3052
- shareModal?: BlazeWidgetShareModal;
3053
- ctaModal?: BlazeWidgetCtaModal;
3190
+ shareModal: BlazeWidgetShareModal | undefined;
3054
3191
  isStoryLoadCompletedTriggered: boolean;
3055
3192
  isStoryActive: boolean;
3056
3193
  isResumeOnFocusExecuted: boolean;
3194
+ refWidget: BlazeWidgetStory[] | undefined;
3195
+ ctaModal: BlazeWidgetCtaModal;
3057
3196
  isCtaWasClickedOrSwiped: boolean;
3058
- refWidget?: BlazeWidgetStory[];
3059
- refPlayer?: BlazeWidgetStoryPlayer;
3060
- refPlayerModal?: BlazeWidgetStoryModal;
3197
+ resumeAfterBlurButton: BlazeButton | undefined;
3061
3198
  pageIndex: number;
3062
- container: HTMLElement;
3199
+ type: string;
3063
3200
  progressElement: HTMLElement;
3064
3201
  onPageStart?: () => void;
3065
3202
  onPrevStory?: () => void;
@@ -3074,29 +3211,20 @@ export declare class BlazeWidgetStory extends HTMLElement {
3074
3211
  fullScreenElement?: BlazeButton;
3075
3212
  topContainer: BlazeDiv;
3076
3213
  bottomContainer: BlazeDiv;
3077
- storyContentWrapper: BlazeDiv;
3078
- storyTitle: BlazeDiv;
3079
- storyPublishedDate: BlazeDiv;
3080
- storyLiveChip: BlazeDiv;
3214
+ contentWrapper: BlazeDiv;
3215
+ contentTitle: BlazeDiv;
3216
+ contentPublishedDate: BlazeDiv;
3217
+ contentChip: BlazeDiv;
3081
3218
  bottomButtonsWrapper: BlazeDiv;
3082
3219
  ctaButtonElement: BlazeCtaButton;
3083
3220
  prevPageButton?: BlazeButton;
3084
3221
  nextPageButton?: BlazeButton;
3085
3222
  prevStoryButton?: BlazeButton;
3086
3223
  nextStoryButton?: BlazeButton;
3087
- resumeAfterBlurButton?: BlazeButton;
3088
- widgetParent: BlazeWidgetItem;
3089
3224
  playCallback: any;
3090
- sessionId: string;
3091
- startTrigger: 'Embedded Player in Viewport' | 'Widget' | 'Deeplink' | 'Swipe' | 'Skip' | 'SingleStory' | 'Share' | '';
3092
- exitTrigger: 'Swipe' | 'Swipe Down' | 'Swipe Up' | 'Skip' | 'Close Button' | 'CTA Click' | 'Escape Button' | '';
3093
- navigationType: 'Automatic' | 'Manual' | undefined;
3094
- navigationDirection: 'Forwards' | 'Backwards' | undefined;
3095
3225
  resumeAfterfocus: boolean;
3096
3226
  totalPlayStopwatch: Stopwatch;
3097
- listeners: EventsListener;
3098
3227
  shadowTopElement: HTMLDivElement;
3099
- isNavigationPending: boolean;
3100
3228
  navigationTimeout: NodeJS.Timeout | null;
3101
3229
  lastPageIndexToResume: number;
3102
3230
  elementsToHideOnWebAds: (HTMLElement | undefined)[];
@@ -3104,33 +3232,34 @@ export declare class BlazeWidgetStory extends HTMLElement {
3104
3232
  longPressHandler?: LongPressHandler;
3105
3233
  originalNextPageDesktopClickListener: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
3106
3234
  restartStoryOnClickEvent: ((event: MouseEvent) => void) | undefined;
3235
+ requestAnimationId: number | null;
3236
+ shouldShowImaAdOnStart: boolean;
3237
+ imaUrl: string;
3107
3238
  constructor(playerStyle: StoryPlayerStyle, mode: ScreenMode);
3108
3239
  private isButtonVisible;
3109
3240
  private createPlayerButtonsAndAppendToButtonsContainer;
3110
3241
  private createNavigationButtonsAndAppendToWidgetStoryContainer;
3111
3242
  private applyIconStyle;
3112
3243
  onShareClick(): Promise<void>;
3113
- updateCtaButtonLayout(): void;
3114
- updateChip(): void;
3244
+ private updateCtaButtonLayout;
3245
+ private updateChip;
3115
3246
  setTheme(storyPlayerStyle: StoryPlayerStyle): void;
3116
- setButtonNavigationAsDisabled(buttonType: ButtonType): void;
3247
+ private setButtonNavigationAsDisabled;
3117
3248
  adjustAdView(): void;
3118
- setPlayerButtonPosition(state: 'AD' | 'NO_AD'): void;
3249
+ private setPlayerButtonPosition;
3119
3250
  updatePlayerButtonIcons(): void;
3120
3251
  handleCtaAction(event: Event, gestureType: 'Swipe Up' | 'CTA Click'): boolean;
3121
3252
  playToggle(options?: {
3122
3253
  customIsPlaying?: boolean;
3123
3254
  }): void;
3124
3255
  muteToggle(): boolean;
3125
- setWidgetParent(parent: BlazeWidgetItem): void;
3126
3256
  resetStoryLocationIndexToLastUnseen(): void;
3127
3257
  setData(data: any): void;
3128
- get currentPage(): BlazeWidgetStoryBase;
3129
- get nextPage(): BlazeWidgetStoryBase;
3130
- get prevPage(): BlazeWidgetStoryBase;
3258
+ get currentPage(): BlazeWidgetVideoBase;
3259
+ get nextPage(): BlazeWidgetVideoBase;
3260
+ get prevPage(): BlazeWidgetVideoBase;
3131
3261
  prefetchNeighbours(distance?: number): void;
3132
3262
  loadStoryPostersByDistance(distance: number): void;
3133
- loadFirstVideo(): void;
3134
3263
  revertNextPageButtonToPreviousAction(): void;
3135
3264
  displayRestartStoryButton(): void;
3136
3265
  playPage(pageIndexToPlayNext: number): void;
@@ -3141,11 +3270,11 @@ export declare class BlazeWidgetStory extends HTMLElement {
3141
3270
  displayCurrentStoryPageAndHideTheRest(): void;
3142
3271
  load(): void;
3143
3272
  play(): void;
3144
- getRefferingObject(): ReferringEventInfo;
3145
3273
  event(action: StoryAction, storyData: Partial<StoryEvent>, label?: string | undefined): void;
3146
3274
  updateContainerLayout(): void;
3147
3275
  connectedCallback(): void;
3148
3276
  onShareModalClose(): void;
3277
+ updateStoryProgress(): void;
3149
3278
  onShareModalButtonClick(shareButton: BlazeShareButton): Promise<void>;
3150
3279
  onVisibilityChange(): void;
3151
3280
  onBlur(): void;
@@ -3162,7 +3291,7 @@ export declare class BlazeWidgetStory extends HTMLElement {
3162
3291
  goPrevPage(): void;
3163
3292
  disconnectedCallback(): void;
3164
3293
  updateCTAButtonPosition(): void;
3165
- renderCtaButton(pageIndex: number): void;
3294
+ updateCta(pageIndex: number): void;
3166
3295
  updatePlayerButtonsState(displayPageNavigationButtons?: boolean): void;
3167
3296
  updateButtonState(buttonType: ButtonNavigation, button: BlazeButton | undefined): void;
3168
3297
  isNavigationButtonActive(navigationType: ButtonNavigation): boolean;
@@ -3175,6 +3304,7 @@ export declare class BlazeWidgetStory extends HTMLElement {
3175
3304
  updatePlayerContentOrder(): void;
3176
3305
  updatePlayerLocaleDirection(): void;
3177
3306
  displayExitButtonOnMobileTablet(): void;
3307
+ resetLayout(): void;
3178
3308
  render(): void;
3179
3309
  onExpandClick(): void;
3180
3310
  }