@wscsports/blaze-web-sdk 0.3.1701 → 0.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/package.json +6 -4
  2. package/publish/index.d.ts +1297 -125
  3. package/publish/index.js +1 -1
package/publish/index.d.ts CHANGED
@@ -1,3 +1,8 @@
1
+ type PlayContentOptions = {
2
+ dataSource: BlazeDataSourceType;
3
+ actionHandlers?: ActionHandler[];
4
+ style?: StoryPlayerStyle | VideoPlayerStyle;
5
+ };
1
6
  export declare function setDoNotTrack(value: boolean): void;
2
7
  export declare function setGeoLocation(value: string): void;
3
8
  export declare function setExternalUserId(value: string): Promise<void>;
@@ -7,6 +12,7 @@ export declare function WidgetGridView(containerId: string, options: IWidgetView
7
12
  export declare function WidgetEmbeddedStory(containerId: string, options: IWidgetViewOptions): IWidgetView;
8
13
  export declare function Theme(theme: ThemeType, contentType: 'moment'): IWidgetTheme<MomentPlayerStyle>;
9
14
  export declare function Theme(theme: ThemeType, contentType: 'story'): IWidgetTheme<StoryPlayerStyle>;
15
+ export declare function Theme(theme: ThemeType, contentType: 'video'): IWidgetTheme<VideoPlayerStyle>;
10
16
  export declare function Theme(theme: ThemeType): IWidgetTheme<StoryPlayerStyle>;
11
17
  export declare function addDelegateListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
12
18
  export declare const Delegations: typeof Delegation;
@@ -16,9 +22,11 @@ export declare function pauseCurrentPlayer(): void;
16
22
  export declare function resumeCurrentPlayer(): void;
17
23
  export declare function setGoogleCustomNativeAdsHandler(handler: CustomNativeAdHandler): void;
18
24
  export declare function setImaHandler(handler: ImaAdHandler): void;
19
- export declare function playStory(storyId: string, style?: StoryPlayerStyle): Promise<void>;
20
- export declare function playStories(dataSource: BlazeDataSourceType, style?: StoryPlayerStyle): Promise<void>;
25
+ export declare function playStory(storyId: string, style?: StoryPlayerStyle, actionHandlers?: ActionHandler[]): Promise<void>;
26
+ export declare function playStories(dataSource: BlazeDataSourceType, style?: StoryPlayerStyle, actionHandlers?: ActionHandler[]): Promise<void>;
27
+ export declare function playContent(contentType: ContentType, options: PlayContentOptions): Promise<void>;
21
28
  export declare function setAbTestParams(abTestParams: BlazeAbTestType): void;
29
+ export declare function getAppContextManager(): Record<string, any>;
22
30
  declare const _default: {
23
31
  Initialize: typeof Initialize;
24
32
  WidgetGridView: typeof WidgetGridView;
@@ -38,7 +46,9 @@ declare const _default: {
38
46
  setExternalUserId: typeof setExternalUserId;
39
47
  playStory: typeof playStory;
40
48
  playStories: typeof playStories;
49
+ playContent: typeof playContent;
41
50
  setAbTestParams: typeof setAbTestParams;
51
+ getAppContextManager: typeof getAppContextManager;
42
52
  };
43
53
  export default _default;
44
54
 
@@ -47,7 +57,7 @@ export interface IAPIOptions {
47
57
  analyticsBaseUrl: string | undefined;
48
58
  }
49
59
  export interface IRequestOptions {
50
- init?: Pick<RequestInit, 'method' | 'body' | 'headers' | 'credentials'>;
60
+ init?: Pick<RequestInit, 'method' | 'body' | 'headers' | 'credentials' | 'keepalive'>;
51
61
  baseUrl?: string;
52
62
  urlSearchParams?: {};
53
63
  auth?: boolean;
@@ -68,6 +78,7 @@ export declare enum Category {
68
78
  Story = "story",
69
79
  Moment = "moment",
70
80
  Widget = "widget",
81
+ Video = "video",
71
82
  Ad = "ad",
72
83
  Interaction = "interaction"
73
84
  }
@@ -156,6 +167,7 @@ export declare class AnalyticsEvent {
156
167
  story: Partial<StoryEvent> | undefined;
157
168
  moment: Partial<MomentEvent> | undefined;
158
169
  widget: Partial<WidgetEvent> | undefined;
170
+ video: Partial<VideoEvent> | undefined;
159
171
  ad: Partial<AdEvent> | undefined;
160
172
  interaction: Partial<InteractionEvent> | undefined;
161
173
  }
@@ -187,6 +199,9 @@ export declare class StoryEvent {
187
199
  'player_orientation': ContentAspectRatio;
188
200
  'cc_state': string;
189
201
  'content_extra_info': string;
202
+ 'custom_action_button_name': string;
203
+ 'enrichment_layer_id': string;
204
+ 'enrichment_layer_url': string;
190
205
  }
191
206
  export declare class MomentEvent {
192
207
  'moments_session_id': string;
@@ -200,11 +215,12 @@ export declare class MomentEvent {
200
215
  'moment_duration': number;
201
216
  'moment_duration_viewed_percent': number;
202
217
  'playback_action_method': string;
203
- 'audio_state': string;
218
+ 'audio_state': 'Mute' | 'Unmute';
204
219
  'loop_number': string;
205
220
  'gesture_type': MomentGestureType;
206
221
  'cc_state': string;
207
222
  'content_extra_info': string;
223
+ 'custom_action_button_name': string;
208
224
  }
209
225
  export declare class WidgetEvent {
210
226
  'page_view_id': string;
@@ -229,6 +245,28 @@ export declare class WidgetEvent {
229
245
  'page_type': string;
230
246
  'page_size': string;
231
247
  }
248
+ export declare class VideoEvent {
249
+ 'video_session_id': string;
250
+ 'video_id': string;
251
+ 'video_title': string;
252
+ 'video_duration': number;
253
+ 'video_start_trigger': string;
254
+ 'video_time_start': number;
255
+ 'video_time_end': number;
256
+ 'video_end_trigger': string;
257
+ 'next_video_id': string;
258
+ 'cta_config': CtaConfiguration | string;
259
+ 'screen_state': ScreenChangeState;
260
+ 'player_orientation': string;
261
+ 'device_orientation': string;
262
+ 'audio_state': string;
263
+ 'cc_state': string;
264
+ 'quality': string;
265
+ 'seek_type': string;
266
+ 'seek_total_time': number;
267
+ 'seek_direction': string;
268
+ 'content_extra_info': string;
269
+ }
232
270
  export declare class AdEvent {
233
271
  'advertiser_id': string;
234
272
  'advertiser_name': string;
@@ -270,6 +308,9 @@ export declare class ImaAdEvent {
270
308
  'ima_ad_provider': string;
271
309
  'player_orientation': ContentAspectRatio;
272
310
  'content_extra_info': string;
311
+ 'ad_index': string;
312
+ 'audio_state': string;
313
+ 'content_type': string;
273
314
  }
274
315
  export declare class InteractionEvent {
275
316
  'interaction_id': string;
@@ -295,8 +336,9 @@ export declare abstract class BaseWidget extends HTMLElement {
295
336
  removeElement(): void;
296
337
  }
297
338
 
339
+ type BlazeSourceType = 'labels' | 'ids';
298
340
  export interface BlazeDataSourceType {
299
- type: 'labels' | 'ids';
341
+ type: BlazeSourceType;
300
342
  labels?: string | string[] | BlazeWidgetLabel;
301
343
  labelsPriority?: string | string[] | BlazeWidgetLabel[];
302
344
  ids?: string[];
@@ -330,19 +372,20 @@ export declare const Platform: {
330
372
  readonly Embedded: "embedded";
331
373
  readonly Desktop: "desktop";
332
374
  };
333
- type ScreenOrientation = 'landscape' | 'portrait';
375
+ export declare const DEVICE_EVENTS: {
376
+ SCREEN_ORIENTATION_CHANGE: string;
377
+ };
334
378
  type Platform = 'console' | 'mobile' | 'tablet' | 'smarttv' | 'wearable' | 'embedded' | 'desktop';
335
379
  type OS = 'AIX' | 'Amiga OS' | 'Android' | 'Arch' | 'Bada' | 'BeOS' | 'BlackBerry' | 'CentOS' | 'Chromium OS' | 'Contiki' | 'Fedora' | 'Firefox OS' | 'FreeBSD' | 'Debian' | 'DragonFly' | 'Gentoo' | 'GNU' | 'Haiku' | 'Hurd' | 'iOS' | 'Joli' | 'Linpus' | 'Linux' | 'Mac OS' | 'Mageia' | 'Mandriva' | 'MeeGo' | 'Minix' | 'Mint' | 'Morph OS' | 'NetBSD' | 'Nintendo' | 'OpenBSD' | 'OpenVMS' | 'OS/2' | 'Palm' | 'PCLinuxOS' | 'Plan9' | 'Playstation' | 'QNX' | 'RedHat' | 'RIM Tablet OS' | 'RISC OS' | 'Sailfish' | 'Series40' | 'Slackware' | 'Solaris' | 'SUSE' | 'Symbian' | 'Tizen' | 'Ubuntu' | 'UNIX' | 'VectorLinux' | 'WebOS' | 'Windows Phone/Mobile' | 'Zenwalk';
336
380
  type Browser = 'Amaya' | 'Android Browser' | 'Arora' | 'Avant' | 'Baidu' | 'Blazer' | 'Bolt' | 'Camino' | 'Chimera' | 'Chrome' | 'Chromium' | 'Comodo Dragon' | 'Conkeror' | 'Dillo' | 'Dolphin' | 'Doris' | 'Edge' | 'Epiphany' | 'Fennec' | 'Firebird' | 'Firefox' | 'Flock' | 'GoBrowser' | 'iCab' | 'ICE Browser' | 'IceApe' | 'IceCat' | 'IceDragon' | 'Iceweasel' | 'IE' | 'Iron' | 'Jasmine' | 'K-Meleon' | 'Konqueror' | 'Kindle' | 'Links' | 'Lunascape' | 'Lynx' | 'Maemo' | 'Maxthon' | 'Midori' | 'Minimo' | 'MIUI Browser' | 'Safari' | 'Mosaic' | 'Mozilla' | 'Netfront' | 'Netscape' | 'NetSurf' | 'Nokia' | 'OmniWeb' | 'Opera' | 'Phoenix' | 'Polaris' | 'QQBrowser' | 'RockMelt' | 'Silk' | 'Skyfire' | 'SeaMonkey' | 'SlimBrowser' | 'Swiftfox' | 'Tizen' | 'UCBrowser' | 'Vivaldi' | 'w3m' | 'Yandex' | 'Mobile Safari';
337
381
  declare class DeviceDetector {
338
382
  private static instance;
339
383
  private parser;
340
- private resizeListener;
384
+ private boundResizeListener;
341
385
  OS: OS;
342
386
  platform: Platform;
343
387
  browser: Browser;
344
- screenOrientation: ScreenOrientation;
345
- private orientationChangeEvent;
388
+ screenOrientation: DeviceScreenOrientation;
346
389
  private constructor();
347
390
  removeResizeListener(): void;
348
391
  static getInstance(): DeviceDetector;
@@ -355,6 +398,7 @@ declare class DeviceDetector {
355
398
  private getScreenOrientation;
356
399
  private handleResize;
357
400
  isIOSMobileTabletSafari(): boolean;
401
+ get isFullscreenSupported(): boolean;
358
402
  }
359
403
  export declare const deviceDetector: DeviceDetector;
360
404
 
@@ -369,6 +413,23 @@ export declare class EventsListener {
369
413
  removeAll(): void;
370
414
  }
371
415
 
416
+ export declare class FullscreenManager {
417
+ private isFullscreen;
418
+ private isProgrammaticChange;
419
+ private container;
420
+ private boundOnFullscreenChange;
421
+ onFullscreenChangeByBrowser: (() => void) | undefined;
422
+ constructor(container: HTMLElement);
423
+ toggleFullscreen(): Promise<void>;
424
+ waitForFullscreenExit(): Promise<void>;
425
+ private enterFullscreen;
426
+ exitFullscreen(): Promise<void>;
427
+ private handleFullscreenChange;
428
+ isFullscreenMode(): boolean;
429
+ private attachEventListeners;
430
+ destroy(): void;
431
+ }
432
+
372
433
  export * from './analytics.class';
373
434
  export * from './base-element.class';
374
435
  export * from './debounce';
@@ -380,6 +441,8 @@ export * from './singleton.class';
380
441
  export * from './throttle';
381
442
  export * from './url';
382
443
  export * from './data-source.class';
444
+ export * from './fullscreen-manager.class';
445
+ export * from './visiblity-manager.class';
383
446
 
384
447
  export declare class BlazeWidgetLabel {
385
448
  value: string;
@@ -418,7 +481,7 @@ export declare function Singleton<T>(): {
418
481
  };
419
482
 
420
483
  export type EventHandler<E extends Event> = (event: E) => void;
421
- export declare function throttle<T extends Event>(func: EventHandler<T>, _delay: number): (event: T) => Promise<void>;
484
+ export declare function throttle<F extends (...args: any[]) => void>(func: F, _delay: number): (...args: Parameters<F>) => Promise<void>;
422
485
 
423
486
  interface UpdateLocationContentHashParams {
424
487
  contentType?: ContentType;
@@ -435,6 +498,7 @@ export declare class URLManager {
435
498
  static isBackWasCalled: boolean;
436
499
  static isAutoAdvancingEnabled: boolean;
437
500
  static resetLocationAfterContentClose(): void;
501
+ static get shouldModifyUrlWithId(): boolean;
438
502
  static resetLocation(): void;
439
503
  static updateLocationContentHash(params: UpdateLocationContentHashParams): void;
440
504
  static getHashMatch(): boolean;
@@ -449,6 +513,26 @@ export declare class URLManager {
449
513
  static navigateTo(navigationFeature: 'AUTO_ADVANCE'): Promise<void>;
450
514
  }
451
515
 
516
+ export interface IVideoPlayerController {
517
+ isConnected: boolean;
518
+ resumeAfterFocus: boolean;
519
+ pause(): void;
520
+ resume(): void;
521
+ currentVideoItem: BlazeVideoElement;
522
+ }
523
+ export declare class VisibilityManager {
524
+ private controller;
525
+ private boundHandleVisibilityChange;
526
+ private boundHandleFocus;
527
+ private BoundHandleBlur;
528
+ constructor(controller: IVideoPlayerController);
529
+ private attachEventListeners;
530
+ private handleVisibilityChange;
531
+ private handleBlur;
532
+ private handleFocus;
533
+ detach(): void;
534
+ }
535
+
452
536
  export declare class BlazeAlert extends BaseWidget {
453
537
  titleContainer: HTMLDivElement;
454
538
  textContainer: HTMLDivElement;
@@ -479,7 +563,6 @@ type DrawerAttributes = 'open' | 'background-color' | 'border-color' | 'border-r
479
563
  export declare class BlazeDrawer extends BaseWidget {
480
564
  backdropContainer: BlazeDiv;
481
565
  drawerContainer: BlazeDiv;
482
- isOpen: boolean;
483
566
  drawerOptions: IDrawerOptions | undefined;
484
567
  drawerComponent: BaseWidget | undefined;
485
568
  onOpen: (() => void) | undefined;
@@ -496,8 +579,8 @@ export declare class BlazeDrawer extends BaseWidget {
496
579
  init(options: IDrawerOptions): void;
497
580
  private buildBackdrop;
498
581
  private buildModal;
499
- open(): Promise<void>;
500
- close(): Promise<void>;
582
+ open(): void;
583
+ close(): void;
501
584
  private animateDrawer;
502
585
  }
503
586
 
@@ -523,7 +606,11 @@ export * from './typography';
523
606
 
524
607
  export declare class BlazeLoader extends HTMLElement {
525
608
  constructor();
609
+ static get observedAttributes(): string[];
610
+ attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
526
611
  connectedCallback(): void;
612
+ private updateLoaderSize;
613
+ private updateLoaderColor;
527
614
  }
528
615
 
529
616
  export declare class BlazeWidgetItemSkeleton extends BaseWidget {
@@ -551,18 +638,35 @@ export declare class BlazeTypography extends BaseWidget {
551
638
  get fontSize(): ".8rem" | "1rem" | ".5rem";
552
639
  }
553
640
 
554
- type AttributeType = 'disabled' | 'blaze-btn-hidden' | 'blaze-btn-visible' | 'height' | 'width' | 'icon-color' | 'order';
641
+ export type ButtonAttribute = (typeof BUTTON_ATTRIBUTES)[keyof typeof BUTTON_ATTRIBUTES];
642
+ export declare const BUTTON_ATTRIBUTES: {
643
+ readonly Disabled: "disabled";
644
+ readonly BlazeBtnHidden: "blaze-btn-hidden";
645
+ readonly BlazeBtnVisible: "blaze-btn-visible";
646
+ readonly Height: "height";
647
+ readonly Width: "width";
648
+ readonly IconColor: "icon-color";
649
+ readonly Order: "order";
650
+ readonly ButtonDesktopAnimation: "button-desktop-animation";
651
+ };
555
652
  export declare class BlazeButton extends BaseWidget {
556
653
  buttonElement: HTMLButtonElement;
654
+ buttonIcon: string;
655
+ isAnimationOnDesktopInitialized: boolean;
557
656
  get refElement(): ShadowRoot | this;
558
657
  constructor();
559
- static observedAttributes: string[];
658
+ static get observedAttributes(): ("height" | "order" | "width" | "icon-color" | "disabled" | "blaze-btn-visible" | "blaze-btn-hidden" | "button-desktop-animation")[];
659
+ private onMouseEnter;
660
+ private onMouseLeave;
661
+ private onClick;
560
662
  connectedCallback(): void;
561
663
  disconnectedCallback(): void;
562
- attributeChangedCallback(name: AttributeType, oldValue: string, newValue: string): void;
664
+ attributeChangedCallback(name: ButtonAttribute, oldValue: string, newValue: string): void;
563
665
  get height(): string | number | boolean;
564
666
  get width(): string | number | boolean;
565
667
  setIconUrl(value: string): void;
668
+ setIconUrlAnimation(value: string): void;
669
+ private applyIconStyles;
566
670
  private setIsHidden;
567
671
  private setIsVisible;
568
672
  private setIsDisabled;
@@ -570,6 +674,45 @@ export declare class BlazeButton extends BaseWidget {
570
674
  private setWidth;
571
675
  }
572
676
 
677
+ export declare const CTA_BUTTON_ATTRIBUTES: {
678
+ HiddenBtn: string;
679
+ Width: string;
680
+ Height: string;
681
+ Margin: string;
682
+ Text: string;
683
+ Href: string;
684
+ IconUrl: string;
685
+ IconSize: string;
686
+ IconColor: string;
687
+ ArrowIconDisplay: string;
688
+ ArrowIconColor: string;
689
+ DisplayIcon: string;
690
+ };
691
+ export declare class BlazeCallToActionButton extends BaseWidget {
692
+ private anchorButtonElement;
693
+ private iconButtonElement;
694
+ private iconArrowElement;
695
+ private ctaTextElement;
696
+ private isButtonCreated;
697
+ private animationTimeouts;
698
+ constructor();
699
+ private initializeAttributes;
700
+ private initializeStyles;
701
+ static get observedAttributes(): string[];
702
+ connectedCallback(): void;
703
+ disconnectedCallback(): void;
704
+ attributeChangedCallback(name: keyof typeof CTA_BUTTON_ATTRIBUTES, oldValue: string, newValue: string): void;
705
+ private createButton;
706
+ private animateElement;
707
+ animateButton(animationType: AnimationType): void;
708
+ animateIcon(animationType: AnimationType): void;
709
+ setAnchorButtonStyles(styles: Partial<CSSStyleDeclaration>): void;
710
+ setCtaTextStyle(styles: Partial<CSSStyleDeclaration>): void;
711
+ setCtaIconStyles(styles: Partial<CSSStyleDeclaration>): void;
712
+ clearAllAnimations(): void;
713
+ getIconElement(): BlazeButton;
714
+ }
715
+
573
716
  type AttributeType = 'hidden-btn' | 'width' | 'height' | 'margin' | 'text' | 'href' | 'icon-url' | 'icon-size' | 'icon-color' | 'arrow-icon-display' | 'arrow-icon-color' | 'display-icon';
574
717
  export declare class BlazeCtaButton extends BaseWidget {
575
718
  anchorButtonElement: HTMLAnchorElement;
@@ -599,6 +742,7 @@ export declare class BlazeCtaButton extends BaseWidget {
599
742
  export * from './share-button';
600
743
  export * from './button';
601
744
  export * from './cta-button';
745
+ export * from './call-to-action.button';
602
746
 
603
747
  export type ShareButtonType = 'copy-link' | 'linked-in';
604
748
  type AttributeType = 'size' | 'button-type';
@@ -639,7 +783,8 @@ export declare enum StoryAction {
639
783
  Expand = "expand",
640
784
  Minimize = "minimize",
641
785
  ClosedCaptionsOff = "cc_off",
642
- ClosedCaptionsOn = "cc_on"
786
+ ClosedCaptionsOn = "cc_on",
787
+ CustomActionButtonClick = "custom_action_button_click"
643
788
  }
644
789
  export declare enum MomentAction {
645
790
  MomentsPlaylistStart = "moments_playlist_start",
@@ -655,7 +800,25 @@ export declare enum MomentAction {
655
800
  PlaybackPause = "playback_pause",
656
801
  PlaybackPlay = "playback_play",
657
802
  ClosedCaptionsOff = "cc_off",
658
- ClosedCaptionsOn = "cc_on"
803
+ ClosedCaptionsOn = "cc_on",
804
+ CustomActionButtonClick = "custom_action_button_click"
805
+ }
806
+ export declare enum VideoAction {
807
+ VideoStart = "video_start",
808
+ VideoEnd = "video_end",
809
+ PlaybackPause = "playback_pause",
810
+ PlaybackPlay = "playback_play",
811
+ Seek = "seek",
812
+ Like = "like",
813
+ Unlike = "unlike",
814
+ Share = "share",
815
+ Audio = "audio",
816
+ CtaVisible = "cta_visible",
817
+ CtaClick = "cta_click",
818
+ CtaDismissed = "cta_dismissed",
819
+ ClosedCaptionsOff = "cc_off",
820
+ ClosedCaptionsOn = "cc_on",
821
+ ScreenChange = "screen_change"
659
822
  }
660
823
  export declare enum WidgetAction {
661
824
  Load = "widget_load",
@@ -663,14 +826,17 @@ export declare enum WidgetAction {
663
826
  Click = "widget_click"
664
827
  }
665
828
  export declare enum AdAction {
829
+ Requested = "ad_requested",
666
830
  View = "ad_view",
667
831
  Exit = "ad_exit",
668
832
  Click = "ad_click",
833
+ BannerRequested = "banner_ad_requested",
669
834
  BannerView = "banner_ad_view",
670
835
  BannerLoad = "banner_ad_load",
671
836
  BannerClick = "banner_ad_click"
672
837
  }
673
838
  export declare enum ImaAdAction {
839
+ REQUESTED = "ima_ad_requested",
674
840
  ALL_ADS_COMPLETED = "ima_all_ads_completed",
675
841
  CLICK = "ima_ad_clicked",
676
842
  COMPLETED = "ima_ad_completed",
@@ -693,18 +859,8 @@ export declare enum InteractionAction {
693
859
  PlaybackPause = "playback_pause",
694
860
  PlaybackPlay = "playback_play"
695
861
  }
696
- export declare const StoryToAdActionMapper: {
697
- story_page_start: AdAction;
698
- story_page_exit: AdAction;
699
- cta_click: AdAction;
700
- };
701
- export declare const MomentToAdActionMapper: {
702
- moment_start: AdAction;
703
- moment_exit: AdAction;
704
- cta_click: AdAction;
705
- };
706
862
  type ExposedFields = {
707
- [key in StoryAction | MomentAction | WidgetAction | AdAction]?: string[];
863
+ [key in StoryAction | MomentAction | WidgetAction | AdAction | VideoAction]?: string[];
708
864
  };
709
865
  export declare const exposedFieldsByAction: ExposedFields;
710
866
 
@@ -736,15 +892,27 @@ export declare const ONE_SECOND = 1000;
736
892
  export declare const ONE_AND_HALF_SECOND = 1500;
737
893
  export declare const FAIL_TO_LOAD_TIMEOUT_MS = 3000;
738
894
 
895
+ export declare const DB_NAMES: {
896
+ readonly MOMENTS: "moments";
897
+ readonly INTERACTIONS: "interactions";
898
+ readonly USER: "user";
899
+ readonly STORIES: "stories";
900
+ readonly VIDEOS: "videos";
901
+ };
739
902
  export declare class Database implements IDatabase {
740
903
  private readonly options;
741
904
  constructor(options: IDatabaseOptions);
742
905
  dbInstance?: IDBDatabase;
743
- init(options: IDatabaseInitOptions): Promise<void>;
744
- createTransaction(tableName: string, mode: 'readonly' | 'readwrite'): IDBObjectStore | undefined;
906
+ init(): Promise<void>;
907
+ private openDatabase;
908
+ private onUpgradeNeeded;
909
+ private onOpen;
910
+ private onError;
911
+ private deleteDatabase;
912
+ createTransaction(tableName: string, mode: 'readonly' | 'readwrite'): IDBObjectStore | null;
745
913
  get<T>(tableName: string, key: string): Promise<IResponse<T>>;
746
914
  update<T>(tableName: string, value: any): Promise<IResponse<T>>;
747
- private clearAndRecreateDatabase;
915
+ private throttledReinit;
748
916
  }
749
917
 
750
918
  export * from './database';
@@ -782,6 +950,11 @@ export interface AppConfiguration {
782
950
  };
783
951
  }
784
952
 
953
+ export type ContentEntities = {
954
+ gameId: string | null;
955
+ teamId: string | null;
956
+ playerId: string | null;
957
+ };
785
958
  export interface IContent {
786
959
  id: string;
787
960
  title: string;
@@ -791,16 +964,12 @@ export interface IContent {
791
964
  hasViewed: boolean;
792
965
  type?: string;
793
966
  isAd: boolean;
794
- entities?: {
795
- gameId: string | null;
796
- teamId: string | null;
797
- playerId: string | null;
798
- };
967
+ entities?: ContentEntities;
799
968
  bannerAdInfo?: IBannerAdInfo;
800
969
  closedCaptions?: IClosedCaption[];
801
970
  }
802
971
 
803
- export interface ICTA {
972
+ export interface ICta {
804
973
  type: 'Deeplink' | 'Web' | null;
805
974
  text: string;
806
975
  url: string;
@@ -809,6 +978,13 @@ export interface ICTA {
809
978
  enhancements: EnhancementsType;
810
979
  }
811
980
 
981
+ export interface IEntity {
982
+ gameId: string | null;
983
+ teamId: string | null;
984
+ playerId: string | null;
985
+ roundId: string | null;
986
+ }
987
+
812
988
  export * from './ad-info.interface';
813
989
  export * from './content.interface';
814
990
  export * from './cta.interface';
@@ -820,8 +996,32 @@ export * from './page.interface';
820
996
  export * from './rendition.interface';
821
997
  export * from './story.interface';
822
998
  export * from './thumbnail.interface';
823
-
824
- export type InteractionType = 'Poll' | 'Quiz';
999
+ export * from './video.interface';
1000
+ export * from './entity.interface';
1001
+ export * from './app-configuration';
1002
+
1003
+ export type InteractionType = 'Poll' | 'Quiz' | 'Enrichment';
1004
+ type InteractionRelative = 'Player' | 'Screen';
1005
+ export type InteractionObjectYPosition = 'BottomToTop' | 'TopToTop' | 'BottomToBottom' | 'TopToBottom' | 'CenterToTop' | 'CenterToBottom' | 'CenterY';
1006
+ export type InteractionObjectXPosition = 'StartToStart' | 'EndToEnd' | 'StartToEnd' | 'EndToStart' | 'CenterToStart' | 'CenterToEnd' | 'CenterX';
1007
+ type PositionType = {
1008
+ xOffset?: number;
1009
+ xPosition?: InteractionObjectXPosition;
1010
+ xRelativeTo?: InteractionRelative;
1011
+ yOffset?: number;
1012
+ yPosition?: InteractionObjectYPosition;
1013
+ yRelativeTo?: InteractionRelative;
1014
+ };
1015
+ type SizeType = {
1016
+ absoluteHeight?: number;
1017
+ absoluteWidth?: number;
1018
+ heightRatio?: number;
1019
+ widthRatio?: number;
1020
+ };
1021
+ export type InteractionBounds = {
1022
+ position?: PositionType;
1023
+ size?: SizeType;
1024
+ };
825
1025
  export type Interaction = {
826
1026
  id: string;
827
1027
  type: InteractionType;
@@ -832,6 +1032,7 @@ export type Interaction = {
832
1032
  relativeWidth: number;
833
1033
  initData: string;
834
1034
  designOverridesStr: string;
1035
+ bounds?: InteractionBounds;
835
1036
  };
836
1037
  export type InteractionDB = Pick<Interaction, 'id' | 'initData'> & {
837
1038
  userResponse?: string;
@@ -878,7 +1079,7 @@ export interface IMoment extends IContent {
878
1079
  rendition: IRendition;
879
1080
  type: string;
880
1081
  };
881
- cta: ICTA;
1082
+ cta: ICta;
882
1083
  adPath?: string;
883
1084
  subtitle?: string;
884
1085
  description?: string;
@@ -902,7 +1103,7 @@ export interface IContentPage extends IBasePage {
902
1103
  isSkippable: boolean;
903
1104
  thumbnail: IThumbnail;
904
1105
  baseLayer: ILayer;
905
- cta: ICTA;
1106
+ cta: ICta;
906
1107
  shouldShowImaAd?: boolean;
907
1108
  adInfo?: IAdInfo;
908
1109
  interaction?: Interaction;
@@ -918,6 +1119,8 @@ export type IPage = IAdPage | IContentPage;
918
1119
  export interface IRendition {
919
1120
  url: string;
920
1121
  aspectRatio: ContentAspectRatio;
1122
+ bitRate: number;
1123
+ fileSize: number;
921
1124
  }
922
1125
 
923
1126
  export interface IStory extends IContent {
@@ -933,6 +1136,38 @@ export interface IThumbnail {
933
1136
  renditions?: IRendition[];
934
1137
  }
935
1138
 
1139
+ export interface IVideo extends IContent {
1140
+ description: string;
1141
+ isLive: boolean;
1142
+ pages: IPage[];
1143
+ adInfo?: IAdInfo;
1144
+ duration: number;
1145
+ poster: IThumbnail;
1146
+ cta: ICta;
1147
+ baseLayer: ILayer;
1148
+ subtitle: string;
1149
+ likes: number;
1150
+ }
1151
+ export interface VideoDBData {
1152
+ liked: boolean | PromiseLike<boolean>;
1153
+ id: string;
1154
+ currentTime: number;
1155
+ posterCurrentTime: string;
1156
+ }
1157
+
1158
+ export declare enum ActionHandlerId {
1159
+ AddCustomActionButton = "addCustomActionButton"
1160
+ }
1161
+
1162
+ export declare enum ButtonState {
1163
+ Play = 0,
1164
+ Pause = 1,
1165
+ Mute = 2,
1166
+ Unmute = 3,
1167
+ CC_ON = 4,
1168
+ CC_OFF = 5
1169
+ }
1170
+
936
1171
  export declare enum ErrorCode {
937
1172
  FailedToFindContainerId = 1,
938
1173
  FailedContainerIdHasWidgetAlready = 2,
@@ -942,6 +1177,8 @@ export declare enum ErrorCode {
942
1177
  FailedToHaveLabels = 103,
943
1178
  FailedLoadingMoments = 110,
944
1179
  FailedEnrichMoments = 111,
1180
+ FailedLoadingVideos = 120,
1181
+ FailedEnrichVideos = 121,
945
1182
  VisualViewportScaled = 150,
946
1183
  VideoError = 200,
947
1184
  PreviewStoryNotFound = 300,
@@ -949,13 +1186,13 @@ export declare enum ErrorCode {
949
1186
  PreviewMomentNotFound = 310,
950
1187
  PreviewMomentLoadFailed = 311
951
1188
  }
1189
+ export declare const ErrorLoadingCodeMapper: Record<ContentType, ErrorCode>;
952
1190
 
953
1191
  export declare enum Delegation {
954
1192
  onEventTriggered = "blaze-event-triggered",
955
1193
  onErrorThrown = "blaze-error-event",
956
1194
  onPlayerDidAppear = "blaze-player-did-appear",
957
1195
  onPlayerDismissed = "blaze-player-dismissed",
958
- onGetAds = "blaze-get-ads",
959
1196
  onWidgetDataLoadStarted = "blaze-widget-data-load-started",
960
1197
  onWidgetDataLoadCompleted = "blaze-widget-data-load-completed",
961
1198
  onWidgetPlayerDismissed = "blaze-widget-player-dismissed",
@@ -970,6 +1207,7 @@ export declare enum InternalEvent {
970
1207
  FULL_SCREEN_CLICK = "full_screen_click",
971
1208
  AD_ENDED = "ad_ended",
972
1209
  AD_RESUMED = "ad_resumed",
1210
+ AD_STARTED = "ad_started",
973
1211
  BANNER_ANALYTICS = "banner_analytics"
974
1212
  }
975
1213
  export interface InternalEventDetails {
@@ -993,9 +1231,12 @@ export declare const HttpStatus: {
993
1231
  export * from './error-codes.enum';
994
1232
  export * from './event.enum';
995
1233
  export * from './http-status.enum';
1234
+ export * from './button.enum';
1235
+ export * from './action-handler-id.enum';
996
1236
 
997
1237
  export interface WidgetsTagNameMap {
998
1238
  'blaze-sdk': BlazeWidgetSDK;
1239
+ 'blaze-widget-vast-ad': BlazeWidgetVastAd;
999
1240
  'blaze-widget-ad': BlazeWidgetAd;
1000
1241
  'blaze-widget-embedded-story': BlazeWidgetEmbeddedStory;
1001
1242
  'blaze-widget-modal': BlazeWidgetModal;
@@ -1014,6 +1255,12 @@ export interface WidgetsTagNameMap {
1014
1255
  'blaze-widget-interaction': BlazeWidgetInteraction;
1015
1256
  'blaze-widget-banner-ad': BlazeWidgetBannerAd;
1016
1257
  'blaze-widget-captions': BlazeWidgetCaptions;
1258
+ 'blaze-video-element': BlazeVideoElement;
1259
+ 'blaze-video-long-form-overlay': BlazeLongFormControlsOverlay;
1260
+ 'blaze-widget-video-player': BlazeWidgetVideoPlayer;
1261
+ 'blaze-video-modal': BlazeWidgetVideoModal;
1262
+ 'blaze-video-navigation-overlay': BlazeVideoNavigationOverlay;
1263
+ 'blaze-video-seek-bar': BlazeVideoSeekBar;
1017
1264
  'blaze-loader': BlazeLoader;
1018
1265
  'blaze-chip': BlazeChip;
1019
1266
  'blaze-image': BlazeImage;
@@ -1023,10 +1270,13 @@ export interface WidgetsTagNameMap {
1023
1270
  'blaze-share-button': BlazeShareButton;
1024
1271
  'blaze-button': BlazeButton;
1025
1272
  'blaze-button-cta': BlazeCtaButton;
1273
+ 'blaze-call-to-action-button': BlazeCallToActionButton;
1026
1274
  'blaze-typography': BlazeTypography;
1275
+ 'blaze-timer': BlazeTimer;
1027
1276
  }
1028
1277
  interface WidgetsTagNameOptionsMap {
1029
1278
  'blaze-sdk': {};
1279
+ 'blaze-widget-vast-ad': {};
1030
1280
  'blaze-widget-ad': {};
1031
1281
  'blaze-widget-embedded-story': {};
1032
1282
  'blaze-widget-modal': {};
@@ -1047,6 +1297,13 @@ interface WidgetsTagNameOptionsMap {
1047
1297
  'blaze-widget-interaction': {};
1048
1298
  'blaze-widget-banner-ad': {};
1049
1299
  'blaze-widget-captions': {};
1300
+ 'blaze-video-element': {};
1301
+ 'blaze-video-long-form-overlay': {};
1302
+ 'blaze-widget-video-player': {};
1303
+ 'blaze-video-modal': {};
1304
+ 'blaze-video-navigation-overlay': {};
1305
+ 'blaze-video-seek-bar': {};
1306
+ 'blaze-timer': {};
1050
1307
  'blaze-loader': {};
1051
1308
  'blaze-chip': {};
1052
1309
  'blaze-image': {};
@@ -1056,6 +1313,7 @@ interface WidgetsTagNameOptionsMap {
1056
1313
  'blaze-share-button': {};
1057
1314
  'blaze-button': {};
1058
1315
  'blaze-button-cta': {};
1316
+ 'blaze-call-to-action-button': {};
1059
1317
  'blaze-typography': {};
1060
1318
  }
1061
1319
  export declare abstract class WidgetsFactory {
@@ -1068,7 +1326,12 @@ export * from './elements.factory';
1068
1326
  export * from './player.factory';
1069
1327
 
1070
1328
  export declare class PlayerViewFactory {
1071
- static create(dataSource: BlazeDataSourceType, style: StoryPlayerStyle): Promise<void>;
1329
+ static create(type: ContentType, dataSource: BlazeDataSourceType, options: {
1330
+ style: StoryPlayerStyle | VideoPlayerStyle;
1331
+ actionHandlers?: ActionHandler[];
1332
+ }): Promise<void>;
1333
+ static createStory(dataSource: BlazeDataSourceType, style: StoryPlayerStyle, actionHandlers?: ActionHandler[]): Promise<void>;
1334
+ static createVideos(dataSource: BlazeDataSourceType, style: VideoPlayerStyle): Promise<void>;
1072
1335
  }
1073
1336
 
1074
1337
  export * from './widget-theme.guard';
@@ -1097,12 +1360,15 @@ export declare const playResumeIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0
1097
1360
  export declare const pauseResumeIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InBsYXlfYXJyb3ciPgo8cmVjdCB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHJ4PSIyNCIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC42Ii8+CjxwYXRoIGlkPSJwYXVzZSIgZD0iTTI3IDM2VjEySDMzVjM2SDI3Wk0xNSAzNlYxMkgyMVYzNkgxNVoiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTIiLz4KPC9nPgo8L3N2Zz4K";
1098
1361
  export declare const arrowUpCtaIconSvg = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMCA4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJtMTggNy43LTAuNy0wLjItNy4zLTQtNy4zIDRjLTAuNyAwLjQtMS42IDAuMi0yLTAuNi0wLjQtMC43LTAuMS0xLjYgMC42LTJsOC00LjRhMiAyIDAgMCAxIDEuNSAwbDggNC40YzAuNyAwLjQgMSAxLjMgMC42IDItMC40IDAuNS0wLjkgMC44LTEuNCAwLjh6Ii8+Cjwvc3ZnPgo=";
1099
1362
  export declare const externalLinkIconSvg = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgY3Jvc3NvcmlnaW49ImFub255bW91cyI+CjxwYXRoIGQ9Im0xMiAwYzYuNiAwIDEyIDUuNCAxMiAxMnMtNS40IDEyLTEyIDEyLTEyLTUuNC0xMi0xMiA1LjQtMTIgMTItMTJ6IiBmaWxsLW9wYWNpdHk9Ii4xIi8+CjxwYXRoIGQ9Im0xMy44IDE0LjYgMC4yIDAuNS0wLjIgMC41LTEuNSAxLjRjLTAuNyAwLjctMS43IDEuMS0yLjcgMS4xYTQgNCAwIDAgMS0yLjctMS4xIDMuOSAzLjkgMCAwIDEtMS4xLTIuNyA0IDQgMCAwIDEgMS4xLTIuN2wxLjUtMS41IDAuNS0wLjEgMC41IDAuMiAwLjIgMC41LTAuMiAwLjUtMS41IDEuNWMtMC41IDAuNS0wLjcgMS4xLTAuNyAxLjdzMC4zIDEuMyAwLjcgMS43YzAuNSAwLjUgMS4xIDAuNyAxLjcgMC43czEuMy0wLjMgMS43LTAuN2wxLjUtMS41YzAuMy0wLjMgMC43LTAuMyAxIDB6bTMuMi03LjZhMy45IDMuOSAwIDAgMC0yLjctMS4xIDQgNCAwIDAgMC0yLjcgMS4xbC0xLjUgMS41LTAuMSAwLjQgMC4yIDAuNSAwLjUgMC4yIDAuNS0wLjIgMS41LTEuNWMwLjUtMC41IDEuMS0wLjcgMS43LTAuN3MxLjMgMC4zIDEuNyAwLjdjMC41IDAuNSAwLjcgMS4xIDAuNyAxLjdzLTAuMyAxLjMtMC43IDEuN2wtMS41IDEuNS0wLjIgMC41IDAuMiAwLjUgMC41IDAuMiAwLjUtMC4yIDEuNS0xLjVjMC43LTAuNyAxLjEtMS43IDEuMS0yLjctMC4xLTEtMC41LTEuOS0xLjItMi42em0tNy45IDcuMiAwLjIgMC41IDAuNSAwLjIgMC41LTAuMiA0LjUtNC41IDAuMi0wLjUtMC4yLTAuNWMtMC4zLTAuMi0wLjgtMC4yLTEgMC4xbC00LjUgNC41eiIvPgo8L3N2Zz4K";
1100
- export declare const fullscreenIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzkxNTFfNTE4OSIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF85MTUxXzUxODkpIj4KPHBhdGggZD0iTTUgMjFDNC40NSAyMSAzLjk3OTE3IDIwLjgwNDIgMy41ODc1IDIwLjQxMjVDMy4xOTU4MyAyMC4wMjA4IDMgMTkuNTUgMyAxOVYxNUg1VjE5SDlWMjFINVpNMTUgMjFWMTlIMTlWMTVIMjFWMTlDMjEgMTkuNTUgMjAuODA0MiAyMC4wMjA4IDIwLjQxMjUgMjAuNDEyNUMyMC4wMjA4IDIwLjgwNDIgMTkuNTUgMjEgMTkgMjFIMTVaTTMgOVY1QzMgNC40NSAzLjE5NTgzIDMuOTc5MTcgMy41ODc1IDMuNTg3NUMzLjk3OTE3IDMuMTk1ODMgNC40NSAzIDUgM0g5VjVINVY5SDNaTTE5IDlWNUgxNVYzSDE5QzE5LjU1IDMgMjAuMDIwOCAzLjE5NTgzIDIwLjQxMjUgMy41ODc1QzIwLjgwNDIgMy45NzkxNyAyMSA0LjQ1IDIxIDVWOUgxOVoiIGZpbGw9IiNGMEYwRjAiLz4KPC9nPgo8L3N2Zz4K";
1363
+ export declare const fullscreenEnterIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzkxNTFfNTE4OSIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF85MTUxXzUxODkpIj4KPHBhdGggZD0iTTUgMjFDNC40NSAyMSAzLjk3OTE3IDIwLjgwNDIgMy41ODc1IDIwLjQxMjVDMy4xOTU4MyAyMC4wMjA4IDMgMTkuNTUgMyAxOVYxNUg1VjE5SDlWMjFINVpNMTUgMjFWMTlIMTlWMTVIMjFWMTlDMjEgMTkuNTUgMjAuODA0MiAyMC4wMjA4IDIwLjQxMjUgMjAuNDEyNUMyMC4wMjA4IDIwLjgwNDIgMTkuNTUgMjEgMTkgMjFIMTVaTTMgOVY1QzMgNC40NSAzLjE5NTgzIDMuOTc5MTcgMy41ODc1IDMuNTg3NUMzLjk3OTE3IDMuMTk1ODMgNC40NSAzIDUgM0g5VjVINVY5SDNaTTE5IDlWNUgxNVYzSDE5QzE5LjU1IDMgMjAuMDIwOCAzLjE5NTgzIDIwLjQxMjUgMy41ODc1QzIwLjgwNDIgMy45NzkxNyAyMSA0LjQ1IDIxIDVWOUgxOVoiIGZpbGw9IiNGMEYwRjAiLz4KPC9nPgo8L3N2Zz4K";
1364
+ export declare const fullscreenExitIconSvg = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyNHB4IiBmaWxsPSIjNWY2MzY4Ij48cGF0aCBkPSJNMjQwLTEyMHYtMTIwSDEyMHYtODBoMjAwdjIwMGgtODBabTQwMCAwdi0yMDBoMjAwdjgwSDcyMHYxMjBoLTgwWk0xMjAtNjQwdi04MGgxMjB2LTEyMGg4MHYyMDBIMTIwWm01MjAgMHYtMjAwaDgwdjEyMGgxMjB2ODBINjQwWiIvPjwvc3ZnPg==";
1101
1365
  export declare const arrowDownMomentIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNjY2NjcgMThWNS43MzMzMkwxLjg2NjY3IDEwLjUzMzNMMCA4LjY2NjY2TDggMC42NjY2NTZMMTYgOC42NjY2NkwxNC4xMzMzIDEwLjUzMzNMOS4zMzMzMyA1LjczMzMyVjE4SDYuNjY2NjdaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjkyIi8+Cjwvc3ZnPgo=";
1102
1366
  export declare const arrowUpMomentIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgdHJhbnNmb3JtPSJzY2FsZSgxIC0xKSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNjY2NjcgMThWNS43MzMzMkwxLjg2NjY3IDEwLjUzMzNMMCA4LjY2NjY2TDggMC42NjY2NTZMMTYgOC42NjY2NkwxNC4xMzMzIDEwLjUzMzNMOS4zMzMzMyA1LjczMzMyVjE4SDYuNjY2NjdaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjkyIi8+Cjwvc3ZnPgo=";
1103
1367
  export declare const newPageIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzk0NDlfOTc2NyIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF85NDQ5Xzk3NjcpIj4KPHBhdGggZD0iTTUgMjFDNC40NSAyMSAzLjk3OTE3IDIwLjgwNDIgMy41ODc1IDIwLjQxMjVDMy4xOTU4MyAyMC4wMjA4IDMgMTkuNTUgMyAxOVY1QzMgNC40NSAzLjE5NTgzIDMuOTc5MTcgMy41ODc1IDMuNTg3NUMzLjk3OTE3IDMuMTk1ODMgNC40NSAzIDUgM0gxMlY1SDVWMTlIMTlWMTJIMjFWMTlDMjEgMTkuNTUgMjAuODA0MiAyMC4wMjA4IDIwLjQxMjUgMjAuNDEyNUMyMC4wMjA4IDIwLjgwNDIgMTkuNTUgMjEgMTkgMjFINVpNOS43IDE1LjdMOC4zIDE0LjNMMTcuNiA1SDE0VjNIMjFWMTBIMTlWNi40TDkuNyAxNS43WiIgZmlsbD0iI0YwRjBGMCIvPgo8L2c+Cjwvc3ZnPgo=";
1104
1368
  export declare const closedCaptionsOnIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzIxOF80NzAiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMjE4XzQ3MCkiPgo8cGF0aCBkPSJNNSAyMEM0LjQ1IDIwIDMuOTc5MTcgMTkuODA0MiAzLjU4NzUgMTkuNDEyNUMzLjE5NTgzIDE5LjAyMDggMyAxOC41NSAzIDE4VjZDMyA1LjQ1IDMuMTk1ODMgNC45NzkxNyAzLjU4NzUgNC41ODc1QzMuOTc5MTcgNC4xOTU4MyA0LjQ1IDQgNSA0SDE5QzE5LjU1IDQgMjAuMDIwOCA0LjE5NTgzIDIwLjQxMjUgNC41ODc1QzIwLjgwNDIgNC45NzkxNyAyMSA1LjQ1IDIxIDZWMThDMjEgMTguNTUgMjAuODA0MiAxOS4wMjA4IDIwLjQxMjUgMTkuNDEyNUMyMC4wMjA4IDE5LjgwNDIgMTkuNTUgMjAgMTkgMjBINVpNNSAxOEgxOVY2SDVWMThaTTcgMTVIMTBDMTAuMjgzMyAxNSAxMC41MjA4IDE0LjkwNDIgMTAuNzEyNSAxNC43MTI1QzEwLjkwNDIgMTQuNTIwOCAxMSAxNC4yODMzIDExIDE0VjEzSDkuNVYxMy41SDcuNVYxMC41SDkuNVYxMUgxMVYxMEMxMSA5LjcxNjY3IDEwLjkwNDIgOS40NzkxNyAxMC43MTI1IDkuMjg3NUMxMC41MjA4IDkuMDk1ODMgMTAuMjgzMyA5IDEwIDlIN0M2LjcxNjY3IDkgNi40NzkxNyA5LjA5NTgzIDYuMjg3NSA5LjI4NzVDNi4wOTU4MyA5LjQ3OTE3IDYgOS43MTY2NyA2IDEwVjE0QzYgMTQuMjgzMyA2LjA5NTgzIDE0LjUyMDggNi4yODc1IDE0LjcxMjVDNi40NzkxNyAxNC45MDQyIDYuNzE2NjcgMTUgNyAxNVpNMTQgMTVIMTdDMTcuMjgzMyAxNSAxNy41MjA4IDE0LjkwNDIgMTcuNzEyNSAxNC43MTI1QzE3LjkwNDIgMTQuNTIwOCAxOCAxNC4yODMzIDE4IDE0VjEzSDE2LjVWMTMuNUgxNC41VjEwLjVIMTYuNVYxMUgxOFYxMEMxOCA5LjcxNjY3IDE3LjkwNDIgOS40NzkxNyAxNy43MTI1IDkuMjg3NUMxNy41MjA4IDkuMDk1ODMgMTcuMjgzMyA5IDE3IDlIMTRDMTMuNzE2NyA5IDEzLjQ3OTIgOS4wOTU4MyAxMy4yODc1IDkuMjg3NUMxMy4wOTU4IDkuNDc5MTcgMTMgOS43MTY2NyAxMyAxMFYxNEMxMyAxNC4yODMzIDEzLjA5NTggMTQuNTIwOCAxMy4yODc1IDE0LjcxMjVDMTMuNDc5MiAxNC45MDQyIDEzLjcxNjcgMTUgMTQgMTVaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjkyIi8+CjwvZz4KPC9zdmc+Cg==";
1105
1369
  export declare const closedCaptionsOffIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzIxOF80NjQiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMjE4XzQ2NCkiPgo8cGF0aCBkPSJNOS4wMjUwNSA5LjAwMDJMMTAuNTI1IDEwLjUwMDJINy41MDAwNVYxMy41MDAySDkuNTAwMDVWMTMuMDAwMkgxMVYxNC4wMDAyQzExIDE0LjI4MzUgMTAuOTA0MiAxNC41MjEgMTAuNzEyNSAxNC43MTI3QzEwLjUyMDkgMTQuOTA0NCAxMC4yODM0IDE1LjAwMDIgMTAgMTUuMDAwMkg3LjAwMDA1QzYuNzE2NzIgMTUuMDAwMiA2LjQ3OTIyIDE0LjkwNDQgNi4yODc1NSAxNC43MTI3QzYuMDk1ODggMTQuNTIxIDYuMDAwMDUgMTQuMjgzNSA2LjAwMDA1IDE0LjAwMDJWMTAuMDAwMkM2LjAwMDA1IDkuNzE2ODYgNi4wOTU4OCA5LjQ3OTM2IDYuMjg3NTUgOS4yODc3QzYuNDc5MjIgOS4wOTYwMyA2LjcxNjcyIDkuMDAwMiA3LjAwMDA1IDkuMDAwMkg5LjAyNTA1Wk02Ljg3NTA1IDQuMDAwMkgxOUMxOS41NSA0LjAwMDIgMjAuMDIwOSA0LjE5NjAzIDIwLjQxMjUgNC41ODc3QzIwLjgwNDIgNC45NzkzNiAyMSA1LjQ1MDIgMjEgNi4wMDAyVjE4LjEyNTJMMTkgMTYuMTI1MlY2LjAwMDJIOC44NzUwNUw2Ljg3NTA1IDQuMDAwMlpNMTggMTMuMDAwMlYxNC4wMDAyQzE4IDE0LjE1MDIgMTcuOTcwOSAxNC4yOTYgMTcuOTEyNSAxNC40Mzc3QzE3Ljg1NDIgMTQuNTc5NCAxNy43NjY3IDE0LjY5MTkgMTcuNjUgMTQuNzc1MkwxNi4zNzUgMTMuNTAwMkgxNi41VjEzLjAwMDJIMThaTTE2LjUgMTEuMDAwMlYxMC41MDAySDE0LjVWMTEuNjI1MkwxMyAxMC4xMjUyVjEwLjAwMDJDMTMgOS43MTY4NiAxMy4wOTU5IDkuNDc5MzYgMTMuMjg3NSA5LjI4NzdDMTMuNDc5MiA5LjA5NjAzIDEzLjcxNjcgOS4wMDAyIDE0IDkuMDAwMkgxN0MxNy4yODM0IDkuMDAwMiAxNy41MjA5IDkuMDk2MDMgMTcuNzEyNSA5LjI4NzdDMTcuOTA0MiA5LjQ3OTM2IDE4IDkuNzE2ODYgMTggMTAuMDAwMlYxMS4wMDAySDE2LjVaTTQuMjAwMDUgNC4xNzUyTDYuMDI1MDUgNi4wMDAySDUuMDAwMDVWMTguMDAwMkgxNS4xNzVMMC42NzUwNDkgMy41MDAyTDIuMTAwMDUgMi4wNzUyTDIxLjkgMjEuODc1MkwyMC40NzUgMjMuMzAwMkwxNy4xNzUgMjAuMDAwMkg1LjAwMDA1QzQuNDUwMDUgMjAuMDAwMiAzLjk3OTIyIDE5LjgwNDQgMy41ODc1NSAxOS40MTI3QzMuMTk1ODggMTkuMDIxIDMuMDAwMDUgMTguNTUwMiAzLjAwMDA1IDE4LjAwMDJWNi4wMDAyQzMuMDAwMDUgNS41ODM1MyAzLjExMjU1IDUuMjEyNyAzLjMzNzU1IDQuODg3N0MzLjU2MjU1IDQuNTYyNyAzLjg1MDA1IDQuMzI1MiA0LjIwMDA1IDQuMTc1MloiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTIiLz4KPC9nPgo8L3N2Zz4K";
1370
+ export declare const shareVideosIconSvg = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyNHB4IiBmaWxsPSIjNWY2MzY4Ij48cGF0aCBkPSJNNjgwLTgwcS01MCAwLTg1LTM1dC0zNS04NXEwLTYgMy0yOEwyODItMzkycS0xNiAxNS0zNyAyMy41dC00NSA4LjVxLTUwIDAtODUtMzV0LTM1LTg1cTAtNTAgMzUtODV0ODUtMzVxMjQgMCA0NSA4LjV0MzcgMjMuNWwyODEtMTY0cS0yLTctMi41LTEzLjVUNTYwLTc2MHEwLTUwIDM1LTg1dDg1LTM1cTUwIDAgODUgMzV0MzUgODVxMCA1MC0zNSA4NXQtODUgMzVxLTI0IDAtNDUtOC41VDU5OC02NzJMMzE3LTUwOHEyIDcgMi41IDEzLjV0LjUgMTQuNXEwIDgtLjUgMTQuNVQzMTctNDUybDI4MSAxNjRxMTYtMTUgMzctMjMuNXQ0NS04LjVxNTAgMCA4NSAzNXQzNSA4NXEwIDUwLTM1IDg1dC04NSAzNVptMC04MHExNyAwIDI4LjUtMTEuNVQ3MjAtMjAwcTAtMTctMTEuNS0yOC41VDY4MC0yNDBxLTE3IDAtMjguNSAxMS41VDY0MC0yMDBxMCAxNyAxMS41IDI4LjVUNjgwLTE2MFpNMjAwLTQ0MHExNyAwIDI4LjUtMTEuNVQyNDAtNDgwcTAtMTctMTEuNS0yOC41VDIwMC01MjBxLTE3IDAtMjguNSAxMS41VDE2MC00ODBxMCAxNyAxMS41IDI4LjVUMjAwLTQ0MFptNDgwLTI4MHExNyAwIDI4LjUtMTEuNVQ3MjAtNzYwcTAtMTctMTEuNS0yOC41VDY4MC04MDBxLTE3IDAtMjguNSAxMS41VDY0MC03NjBxMCAxNyAxMS41IDI4LjVUNjgwLTcyMFptMCA1MjBaTTIwMC00ODBabTQ4MC0yODBaIi8+PC9zdmc+";
1371
+ export declare const linkIconSvg = "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyNHB4IiBmaWxsPSIjNWY2MzY4Ij48cGF0aCBkPSJNNDQwLTI4MEgyODBxLTgzIDAtMTQxLjUtNTguNVQ4MC00ODBxMC04MyA1OC41LTE0MS41VDI4MC02ODBoMTYwdjgwSDI4MHEtNTAgMC04NSAzNXQtMzUgODVxMCA1MCAzNSA4NXQ4NSAzNWgxNjB2ODBaTTMyMC00NDB2LTgwaDMyMHY4MEgzMjBabTIwMCAxNjB2LTgwaDE2MHE1MCAwIDg1LTM1dDM1LTg1cTAtNTAtMzUtODV0LTg1LTM1SDUyMHYtODBoMTYwcTgzIDAgMTQxLjUgNTguNVQ4ODAtNDgwcTAgODMtNTguNSAxNDEuNVQ2ODAtMjgwSDUyMFoiLz48L3N2Zz4=";
1106
1372
 
1107
1373
  type CustomNativeTargeting = Record<string, string | string[]>;
1108
1374
  type CustomNativeArgs = {
@@ -1133,6 +1399,7 @@ export interface IBlazeSDKOptions {
1133
1399
  runInShadowDom?: boolean;
1134
1400
  playerStyleCustomization?: Partial<StoryPlayerStyle>;
1135
1401
  shouldModifyUrlWithStoryId?: boolean;
1402
+ shouldModifyUrlWithContentId?: boolean;
1136
1403
  shouldDismissPlayer?: boolean;
1137
1404
  shouldCreateUser?: boolean;
1138
1405
  externalUserId?: string | null;
@@ -1174,7 +1441,7 @@ export interface IdsDataSourceParams {
1174
1441
  }
1175
1442
 
1176
1443
  export interface IDatabase {
1177
- init: (options: IDatabaseInitOptions) => Promise<void>;
1444
+ init: () => Promise<void>;
1178
1445
  get: <T>(tableName: string, key: string) => Promise<IResponse<T>>;
1179
1446
  update: <T>(tableName: string, value: any) => Promise<IResponse<T>>;
1180
1447
  }
@@ -1221,40 +1488,50 @@ export interface IHttpResponse<T = any> extends IResponse<T> {
1221
1488
  httpStatus?: number;
1222
1489
  }
1223
1490
 
1224
- export interface BlazeStoryIcons {
1491
+ export type BaseBlazeIcons = {
1225
1492
  play: string;
1226
1493
  pause: string;
1227
1494
  mute: string;
1228
1495
  unmute: string;
1229
1496
  share: string;
1230
- fullscreen: string;
1231
1497
  closedCaptionsOn: string;
1232
1498
  closedCaptionsOff: string;
1499
+ };
1500
+ export type BlazeStoryIcons = BaseBlazeIcons & {
1501
+ fullscreen: string;
1233
1502
  exitMobileTablet: string;
1234
1503
  exitDesktop: string;
1504
+ customActionButtonOne?: string;
1505
+ customActionButtonTwo?: string;
1235
1506
  navigation: {
1236
1507
  nextPage: string;
1237
1508
  prevPage: string;
1238
1509
  nextStory: string;
1239
1510
  prevStory: string;
1240
1511
  };
1241
- }
1242
- export interface BlazeMomentIconsStyle {
1243
- play: string;
1244
- pause: string;
1245
- mute: string;
1246
- unmute: string;
1247
- share: string;
1512
+ };
1513
+ export type BlazeMomentIconsStyle = BaseBlazeIcons & {
1248
1514
  exit: string;
1249
1515
  like: string;
1250
1516
  unlike: string;
1251
- closedCaptionsOn: string;
1252
- closedCaptionsOff: string;
1517
+ customActionButtonOne?: string;
1518
+ customActionButtonTwo?: string;
1253
1519
  navigation: {
1254
1520
  nextMoment: string;
1255
1521
  prevMoment: string;
1256
1522
  };
1257
- }
1523
+ };
1524
+ export type BlazeVideoIconsStyle = BaseBlazeIcons & {
1525
+ exit: string;
1526
+ like: string;
1527
+ unlike: string;
1528
+ fullscreenEnter: string;
1529
+ fullscreenExit: string;
1530
+ navigation: {
1531
+ prevVideo: string;
1532
+ nextVideo: string;
1533
+ };
1534
+ };
1258
1535
 
1259
1536
  export * from './ad-handler.interface';
1260
1537
  export * from './behaviors.interface';
@@ -1295,7 +1572,7 @@ export interface IWidgetLabelBuilder {
1295
1572
  atLeastOneOf(...labels: Array<string | BlazeWidgetLabel>): BlazeWidgetLabel;
1296
1573
  }
1297
1574
 
1298
- export type ContentType = 'story' | 'moment';
1575
+ export type ContentType = 'story' | 'moment' | 'video';
1299
1576
  export interface IWidgetViewOptionsBase {
1300
1577
  labelsPriority?: string;
1301
1578
  orderType?: OrderType;
@@ -1307,6 +1584,7 @@ export interface IWidgetViewOptionsBase {
1307
1584
  perItemStyleOverrides?: PerItemStyleOverrides;
1308
1585
  shouldOrderWidgetByReadStatus?: boolean;
1309
1586
  contentIds?: string[];
1587
+ actionHandlers?: ActionHandler[];
1310
1588
  }
1311
1589
  export interface IWidgetViewOptionsWithLabels extends IWidgetViewOptionsBase {
1312
1590
  labels: string | string[] | BlazeWidgetLabel;
@@ -1328,17 +1606,17 @@ export type IWidgetViewOptions = IWidgetViewOptionsWithLabels | IWidgetViewOptio
1328
1606
  export interface IWidgetView extends HTMLElement {
1329
1607
  setTheme: (theme: IWidgetTheme | ThemeType) => void;
1330
1608
  getTheme: () => IWidgetTheme;
1331
- setLabels: (labels: string | string[] | BlazeWidgetLabel, options?: ISetWidgetOptions) => void;
1332
- setLabelsPriority: (labelsPriority: string | string[] | BlazeWidgetLabel[], options?: ISetWidgetOptions) => void;
1333
- setContentIds: (storyIds: string[], options?: ISetWidgetOptions) => void;
1334
1609
  reload: () => void;
1335
1610
  updateWidgetUI: () => void;
1336
1611
  setMaxItemsDisplaySize: (size: number) => void;
1337
1612
  setDelegations: (delegates: Record<Delegation, EventListenerOrEventListenerObject>) => void;
1338
1613
  updateOverrideStyles: (perItemStyleOverrides: PerItemStyleOverrides) => void;
1339
1614
  setId: (id: string) => void;
1340
- setMaxItemsSize: (size: number) => void;
1341
1615
  updateDataSource: (dataSource: BlazeDataSourceType) => void;
1616
+ setLabels: (labels: string | string[] | BlazeWidgetLabel, options?: ISetWidgetOptions) => void;
1617
+ setLabelsPriority: (labelsPriority: string | string[] | BlazeWidgetLabel[], options?: ISetWidgetOptions) => void;
1618
+ setContentIds: (storyIds: string[], options?: ISetWidgetOptions) => void;
1619
+ setMaxItemsSize: (size: number) => void;
1342
1620
  }
1343
1621
  export interface ISetWidgetOptions {
1344
1622
  shouldReloadData?: boolean;
@@ -1373,6 +1651,7 @@ declare abstract class AnalyticsServiceClass extends AnalyticsServiceClass_base
1373
1651
  bulkEvent(body: Partial<AnalyticsEvent>[]): Promise<any>;
1374
1652
  pushStoryEvent(action: StoryAction, body: Partial<StoryEvent>, label?: string | undefined, referrer?: ReferringEventInfo | undefined): void;
1375
1653
  pushMomentEvent(action: MomentAction, body: Partial<MomentEvent>, label?: string | undefined, referrer?: ReferringEventInfo | undefined): void;
1654
+ pushVideoEvent(action: VideoAction, body: Partial<VideoEvent>, label?: string | undefined, referrer?: ReferringEventInfo | undefined): void;
1376
1655
  pushAdEvent(action: AdAction, body: Partial<AdEvent>, label?: string | undefined, referrer?: ReferringEventInfo | undefined): void;
1377
1656
  pushImaAdEvent(action: ImaAdAction, body: Partial<ImaAdEvent>, label?: string | undefined, referrer?: ReferringEventInfo | undefined): void;
1378
1657
  pushInteractionEvent(action: InteractionAction, body: Partial<InteractionEvent>, label?: string | undefined, referrer?: ReferringEventInfo | undefined): void;
@@ -1389,6 +1668,7 @@ export interface ApiResponse<T> {
1389
1668
  }
1390
1669
  export type MomentsResponse = ApiResponse<IMoment>;
1391
1670
  export type StoriesResponse = ApiResponse<IStory>;
1671
+ export type VideosResponse = ApiResponse<IVideo>;
1392
1672
  declare const ApiServiceClass_base: {
1393
1673
  new (): {};
1394
1674
  _instance: ApiServiceClass;
@@ -1421,6 +1701,20 @@ declare abstract class ApiServiceClass extends ApiServiceClass_base implements I
1421
1701
  setLiked: boolean;
1422
1702
  }): Promise<void>;
1423
1703
  getStaticStories(): Promise<IStory | null>;
1704
+ getVideosByIds(ids: string[], orderType?: OrderType): Promise<{
1705
+ httpStatus?: number | undefined;
1706
+ data?: VideosResponse | undefined;
1707
+ error?: Error | undefined;
1708
+ }>;
1709
+ getVideosByLabels(labels: string, orderType?: OrderType, maxItems?: number, labelsPriority?: string): Promise<{
1710
+ httpStatus?: number | undefined;
1711
+ data?: VideosResponse | undefined;
1712
+ error?: Error | undefined;
1713
+ }>;
1714
+ updateVideosLikeStatus(options: {
1715
+ videoId: string;
1716
+ setLiked: boolean;
1717
+ }): Promise<void>;
1424
1718
  preview(storyId: string, publishedOnly?: boolean): Promise<import("../interfaces").IHttpResponse<IStory & {
1425
1719
  status: number;
1426
1720
  }>>;
@@ -1468,6 +1762,7 @@ declare abstract class ConfigServiceClass extends ConfigServiceClass_base implem
1468
1762
  private _staticContent;
1469
1763
  private _runInShadowDom;
1470
1764
  private _shouldModifyUrlWithStoryId;
1765
+ private _shouldModifyUrlWithContentId;
1471
1766
  private _shouldDismissPlayer;
1472
1767
  private _shouldAutoAdvance;
1473
1768
  private _autoAdvanceUrl;
@@ -1481,6 +1776,7 @@ declare abstract class ConfigServiceClass extends ConfigServiceClass_base implem
1481
1776
  private _excludeContentId;
1482
1777
  private _layoutDirection;
1483
1778
  private _shouldAllowClosedCaptions;
1779
+ private _appContext;
1484
1780
  protected constructor();
1485
1781
  init(options: IBlazeSDKOptions): Promise<void>;
1486
1782
  private _urls;
@@ -1509,6 +1805,7 @@ declare abstract class ConfigServiceClass extends ConfigServiceClass_base implem
1509
1805
  get playerStyleCustomization(): Partial<StoryPlayerStyle>;
1510
1806
  set playerStyleCustomization(value: Partial<StoryPlayerStyle>);
1511
1807
  get shouldModifyUrlWithStoryId(): boolean;
1808
+ get shouldModifyUrlWithContentId(): boolean;
1512
1809
  get shouldDismissPlayer(): boolean;
1513
1810
  get shouldAutoAdvance(): boolean;
1514
1811
  get autoAdvanceUrl(): string | undefined;
@@ -1523,6 +1820,8 @@ declare abstract class ConfigServiceClass extends ConfigServiceClass_base implem
1523
1820
  get layoutDirection(): LocaleDirectionType;
1524
1821
  set layoutDirection(value: LocaleDirectionType);
1525
1822
  get shouldAllowClosedCaptions(): boolean;
1823
+ get appContext(): Record<string, any>;
1824
+ set appContext(value: Record<string, any>);
1526
1825
  }
1527
1826
  export declare const ConfigService: ConfigServiceClass;
1528
1827
 
@@ -1534,9 +1833,6 @@ declare const DatabaseServiceClass_base: {
1534
1833
  declare abstract class DatabaseServiceClass extends DatabaseServiceClass_base implements IService {
1535
1834
  database: IDatabase;
1536
1835
  init(): Promise<void>;
1537
- onOpen(): Promise<void>;
1538
- onError(e: Event): Promise<void>;
1539
- onUpgradeNeeded(db: IDBDatabase): Promise<void>;
1540
1836
  getUserId(): Promise<IResponse<{
1541
1837
  id: string;
1542
1838
  value: string;
@@ -1551,11 +1847,16 @@ declare abstract class DatabaseServiceClass extends DatabaseServiceClass_base im
1551
1847
  enrichStories(stories: IStory[]): Promise<IStory[]>;
1552
1848
  updateInteraction(data: InteractionDB): Promise<any>;
1553
1849
  getInteraction(id: string): Promise<IResponse<InteractionDB> | null>;
1554
- updateLike(momentId: string, isLike: boolean): Promise<IResponse | null>;
1555
- getLike(momentId: string): Promise<IResponse<MomentDB> | null>;
1850
+ updateMomentLike(momentId: string, isLike: boolean): Promise<IResponse | null>;
1851
+ getMomentLike(momentId: string): Promise<IResponse<MomentDB> | null>;
1556
1852
  updateViewedMoment(momentId: string): Promise<any>;
1557
1853
  getViewedMoment(momentId: string): Promise<boolean>;
1558
1854
  enrichMoments(moments: IMoment[]): Promise<IMoment[]>;
1855
+ updateVideoReadStatus(videoId: string, poster: string): Promise<void>;
1856
+ getVideoData(videoId: string): Promise<VideoDBData | null>;
1857
+ updateVideoData(videoId: string, data: Partial<VideoDBData>): Promise<void>;
1858
+ getVideoLike(videoId: string): Promise<IResponse<VideoDBData> | null>;
1859
+ getVideoPosterById(videoId: string): Promise<string | undefined>;
1559
1860
  }
1560
1861
  export declare const DatabaseService: DatabaseServiceClass;
1561
1862
 
@@ -1631,6 +1932,7 @@ export * from './startup.service';
1631
1932
  export * from './user.service';
1632
1933
  export * from './video-cache.service';
1633
1934
  export * from './video-player.service';
1935
+ export * from './video.service';
1634
1936
  export * from './widgets.service';
1635
1937
  export * from './moment.service';
1636
1938
  export * from './story.service';
@@ -1656,8 +1958,10 @@ declare const LikeServiceClass_base: {
1656
1958
  declare abstract class LikeServiceClass extends LikeServiceClass_base implements IService {
1657
1959
  constructor();
1658
1960
  init(): Promise<void>;
1659
- updateLike(isLike: boolean, momentId: string): Promise<void>;
1660
- isLiked(momentId: string): Promise<boolean>;
1961
+ updateMomentLike(isLike: boolean, momentId: string): Promise<void>;
1962
+ isMomentLiked(momentId: string): Promise<boolean>;
1963
+ updateVideoLike(isLike: boolean, videoId: string): Promise<void>;
1964
+ isVideoLiked(videoId: string): Promise<boolean>;
1661
1965
  }
1662
1966
  export declare const LikeService: LikeServiceClass;
1663
1967
 
@@ -1805,8 +2109,8 @@ declare abstract class VideoPlayerServiceClass extends VideoPlayerServiceClass_b
1805
2109
  private _isClosedCaptioningEnabled;
1806
2110
  private _playReference;
1807
2111
  private _currentPlayedContentId;
2112
+ private _playerLayoutDisplay;
1808
2113
  muteStateBeforeAd: 'mute' | 'unmute' | 'no-ad';
1809
- playerLoadingSpinner: HTMLElement | undefined;
1810
2114
  constructor();
1811
2115
  init(): Promise<void>;
1812
2116
  get isMuted(): boolean;
@@ -1824,11 +2128,29 @@ declare abstract class VideoPlayerServiceClass extends VideoPlayerServiceClass_b
1824
2128
  set isModalOpen(value: boolean);
1825
2129
  get isSeekBarDragging(): boolean;
1826
2130
  set isSeekBarDragging(value: boolean);
1827
- get isClosedCaptioningEnabled(): boolean;
1828
- set isClosedCaptioningEnabled(value: boolean);
2131
+ get isClosedCaptionsEnabled(): boolean;
2132
+ set isClosedCaptionsEnabled(value: boolean);
2133
+ get playerLayout(): PlayerLayoutDisplay;
2134
+ set playerLayout(value: PlayerLayoutDisplay);
1829
2135
  }
1830
2136
  export declare const VideoPlayerService: VideoPlayerServiceClass;
1831
2137
 
2138
+ declare const VideoServiceClass_base: {
2139
+ new (): {};
2140
+ _instance: VideoServiceClass;
2141
+ getInstance(): VideoServiceClass;
2142
+ };
2143
+ declare abstract class VideoServiceClass extends VideoServiceClass_base implements IService {
2144
+ init(): Promise<void>;
2145
+ private loadHlsScript;
2146
+ fetchContent(dataSource: BlazeDataSourceType): Promise<VideosResponse>;
2147
+ enrichVideos(videos: IVideo[]): Promise<IVideo[]>;
2148
+ getVideoDataById(videoId: string): Promise<VideoDBData | null>;
2149
+ updateVideoDataById(videoId: string, data: Partial<VideoDBData>): Promise<void>;
2150
+ markVideoAsViewed(videoId: string, poster: string): Promise<void>;
2151
+ }
2152
+ export declare const VideoService: VideoServiceClass;
2153
+
1832
2154
  declare const WidgetsServiceClass_base: {
1833
2155
  new (): {};
1834
2156
  _instance: WidgetsServiceClass;
@@ -1864,6 +2186,7 @@ export declare class Presets {
1864
2186
  static Default: LayoutStyle;
1865
2187
  static DefaultStoryStyle: StoryPlayerStyle;
1866
2188
  static DefaultMomentStyle: MomentPlayerStyle;
2189
+ static DefaultVideoStyle: VideoPlayerStyle;
1867
2190
  }
1868
2191
 
1869
2192
  export interface IndicatorStyle {
@@ -1975,6 +2298,13 @@ type BlazeMomentsPlayerButtonsStyle = {
1975
2298
  share: BlazeMomentsPlayerButtonStyle;
1976
2299
  like_unlike: BlazeMomentsPlayerButtonStyle;
1977
2300
  closed_captions: BlazeMomentsPlayerButtonStyle;
2301
+ custom_action_button_one: BlazeMomentsPlayerButtonStyle;
2302
+ custom_action_button_two: BlazeMomentsPlayerButtonStyle;
2303
+ };
2304
+ type BlazeMomentsPlayerButtonStyle = {
2305
+ mobile: BlazeMomentsPlayerButtonDeviceStyle;
2306
+ tablet: BlazeMomentsPlayerButtonDeviceStyle;
2307
+ desktop: BlazeMomentsPlayerButtonDeviceStyle;
1978
2308
  };
1979
2309
  export type BlazeMomentsPlayerButtonDeviceStyle = {
1980
2310
  width: string;
@@ -1985,13 +2315,44 @@ export type BlazeMomentsPlayerButtonDeviceStyle = {
1985
2315
  borderRadius: string;
1986
2316
  backgroundColor: string;
1987
2317
  };
1988
- type BlazeMomentsPlayerButtonStyle = {
1989
- mobile: BlazeMomentsPlayerButtonDeviceStyle;
1990
- tablet: BlazeMomentsPlayerButtonDeviceStyle;
1991
- desktop: BlazeMomentsPlayerButtonDeviceStyle;
2318
+ export type BlazeButtonDeviceStyle = {
2319
+ width: string;
2320
+ height: string;
2321
+ color: string;
2322
+ padding: string;
2323
+ isVisible: boolean;
2324
+ borderRadius: string;
2325
+ backgroundColor: string;
2326
+ };
2327
+ export type BlazeButtonStyle = {
2328
+ mobile: BlazeButtonDeviceStyle;
2329
+ tablet: BlazeButtonDeviceStyle;
2330
+ desktop: BlazeButtonDeviceStyle;
2331
+ };
2332
+ export type BlazeTextDeviceStyle = {
2333
+ fontSize: string;
2334
+ fontWeight: FontWeightType;
2335
+ lineHeight?: string;
2336
+ letterSpacing?: string;
2337
+ textTransform?: TextTransformType;
2338
+ };
2339
+ export type BlazeTextStyle = {
2340
+ mobile: BlazeTextDeviceStyle;
2341
+ tablet: BlazeTextDeviceStyle;
2342
+ desktop: BlazeTextDeviceStyle;
2343
+ };
2344
+ export type BlazeVideosPlayerButtonsStyle = {
2345
+ mute_unmute: BlazeButtonStyle;
2346
+ exit: BlazeButtonStyle;
2347
+ share: BlazeButtonStyle;
2348
+ like_unlike: BlazeButtonStyle;
2349
+ closed_captions: BlazeButtonStyle;
2350
+ play_pause: BlazeButtonStyle;
2351
+ prev_next: BlazeButtonStyle;
2352
+ fullscreen: BlazeButtonStyle;
1992
2353
  };
1993
2354
  export type BlazeMomentsPlayerCtaStyle = {
1994
- cornerRadius: string;
2355
+ borderRadius: string;
1995
2356
  textSize: string;
1996
2357
  font: string;
1997
2358
  fontWeight: FontWeightType;
@@ -1999,6 +2360,9 @@ export type BlazeMomentsPlayerCtaStyle = {
1999
2360
  layoutPositioning: BlazeMomentsPlayerCTAPositioning;
2000
2361
  horizontalAlignment: BlazeMomentsPlayerCTAHorizontalAlignment;
2001
2362
  icon: BlazeMomentsPlayerCtaIconStyle;
2363
+ fontFamily: string;
2364
+ backgroundColor?: string;
2365
+ borderColor?: string;
2002
2366
  };
2003
2367
  type BlazeMomentsPlayerCTAPositioning = 'CTA_BELLOW_BOTTOM_BUTTONS_BOX' | 'CTA_NEXT_TO_BOTTOM_BUTTONS_BOX';
2004
2368
  type BlazeMomentsPlayerCTAHorizontalAlignment = 'START' | 'CENTER' | 'END' | 'FULL_AVAILABLE_WIDTH';
@@ -2014,14 +2378,15 @@ type BlazeSeekBarStyle = {
2014
2378
  isThumbVisible: boolean;
2015
2379
  backgroundColor: string;
2016
2380
  progressColor: string;
2381
+ bufferProgressColor?: string;
2017
2382
  height: string;
2018
- cornerRadius: string;
2383
+ borderRadius: string;
2019
2384
  thumbColor: string;
2020
2385
  thumbSize: string;
2021
2386
  };
2022
2387
  export type BlazeMomentsPlayerSeekBarStyle = {
2023
2388
  isVisible: boolean;
2024
- bottomSpacing: string;
2389
+ verticalSpacing: string;
2025
2390
  horizontalSpacing: string;
2026
2391
  playingState: BlazeSeekBarStyle;
2027
2392
  pausedState: BlazeSeekBarStyle;
@@ -2038,6 +2403,45 @@ export interface MomentPlayerStyle {
2038
2403
  seekBar: BlazeMomentsPlayerSeekBarStyle;
2039
2404
  ctaButton: BlazeMomentsPlayerCtaStyle;
2040
2405
  }
2406
+ export interface VideoPlayerStyle {
2407
+ headingText: BlazeVideosPlayerHeadingTextStyle;
2408
+ buttons: BlazeVideosPlayerButtonsStyle;
2409
+ backgroundColor: string;
2410
+ cta: BlazeVideosPlayerCtaStyle;
2411
+ seekBar: BlazeVideosPlayerSeekBarStyle;
2412
+ icons: BlazeVideoIconsStyle;
2413
+ }
2414
+ export type BlazeVideosPlayerHeadingTextStyle = {
2415
+ textStyle: BlazeTextStyle;
2416
+ contentSource: 'TITLE';
2417
+ isVisible: boolean;
2418
+ font: string;
2419
+ textColor: string;
2420
+ };
2421
+ export interface BlazeVideosPlayerSeekBarStyle {
2422
+ isVisible: boolean;
2423
+ verticalMargin: string;
2424
+ horizontalMargin: string;
2425
+ playingState: BlazeSeekBarStyle;
2426
+ pausedState: BlazeSeekBarStyle;
2427
+ }
2428
+ export interface BlazeVideosPlayerCtaStyle {
2429
+ borderRadius: string;
2430
+ text: BlazeTextStyle;
2431
+ fontFamily?: string;
2432
+ height: string;
2433
+ icon: BlazeVideosPlayerCtaIconStyle;
2434
+ visibility: BlazeVideoPlayerVisibility;
2435
+ borderColor: string;
2436
+ horizontalAlignment: ButtonPositionType;
2437
+ }
2438
+ export type BlazeVideosPlayerCtaIconStyle = {
2439
+ position: 'START';
2440
+ color: string;
2441
+ url: string;
2442
+ size: string;
2443
+ isVisible: boolean;
2444
+ };
2041
2445
  export interface CtaButtonStyle {
2042
2446
  isAnimated: boolean;
2043
2447
  isDisplayCtaModal: boolean;
@@ -2061,7 +2465,7 @@ export interface IconStyle {
2061
2465
  size: string;
2062
2466
  color: string;
2063
2467
  }
2064
- export interface IWidgetTheme<T = MomentPlayerStyle | StoryPlayerStyle> {
2468
+ export interface IWidgetTheme<T = MomentPlayerStyle | StoryPlayerStyle | VideoPlayerStyle> {
2065
2469
  layoutStyle: LayoutStyle;
2066
2470
  playerStyle: T;
2067
2471
  }
@@ -2085,11 +2489,22 @@ export type ThemeType = 'grid-2-columns' | 'grid-3-columns' | 'row-circle' | 'ro
2085
2489
  export declare class ThemeFactory {
2086
2490
  static create(name: ThemeType, contentType: 'moment'): IWidgetTheme<MomentPlayerStyle>;
2087
2491
  static create(name: ThemeType, contentType: 'story'): IWidgetTheme<StoryPlayerStyle>;
2492
+ static create(name: ThemeType, contentType: 'video'): IWidgetTheme<VideoPlayerStyle>;
2088
2493
  static create(name: ThemeType): IWidgetTheme<StoryPlayerStyle>;
2089
2494
  }
2090
- export declare function isStoryPlayerStyle(playerStyle: StoryPlayerStyle | MomentPlayerStyle): playerStyle is StoryPlayerStyle;
2091
- export declare function isMomentPlayerStyle(playerStyle: StoryPlayerStyle | MomentPlayerStyle): playerStyle is MomentPlayerStyle;
2495
+ export declare function isStoryPlayerStyle(playerStyle: StoryPlayerStyle | MomentPlayerStyle | VideoPlayerStyle): playerStyle is StoryPlayerStyle;
2496
+ export declare function isMomentPlayerStyle(playerStyle: StoryPlayerStyle | MomentPlayerStyle | VideoPlayerStyle): playerStyle is MomentPlayerStyle;
2497
+ export declare function isVideoPlayerStyle(playerStyle: StoryPlayerStyle | MomentPlayerStyle | VideoPlayerStyle): playerStyle is VideoPlayerStyle;
2498
+
2092
2499
 
2500
+ export type CustomActionButtonOptions = {
2501
+ buttonName: string;
2502
+ onClick: (e: MouseEvent | Event, data: ContentEntities | null) => void;
2503
+ };
2504
+ export type ActionHandler = {
2505
+ actionId: `${ActionHandlerId}`;
2506
+ options: CustomActionButtonOptions;
2507
+ };
2093
2508
 
2094
2509
  export type AnimationType = 'Growing' | 'Shrinking' | 'BottomToTop';
2095
2510
  export declare const animationCssMapper: {
@@ -2454,9 +2869,9 @@ export type ButtonPositionType = 'LEFT' | 'CENTER' | 'RIGHT';
2454
2869
  export declare const positionMap: {
2455
2870
  [key: string]: string;
2456
2871
  };
2457
- export type IconButtonType = 'MUTE_UNMUTE' | 'PLAY_PAUSE' | 'SHARE' | 'FULLSCREEN' | 'EXIT_PLAYER' | 'CLOSED_CAPTIONS' | 'LIKE_UNLIKE';
2458
- export type MomentTopContainerIconButtonType = 'MUTE_UNMUTE' | 'EXIT_PLAYER';
2459
- export type MomentBottomContainerIconButtonType = 'SHARE' | 'LIKE_UNLIKE' | 'CLOSED_CAPTIONS';
2872
+ export type IconButtonType = 'MUTE_UNMUTE' | 'PLAY_PAUSE' | 'SHARE' | 'FULLSCREEN' | 'EXIT_PLAYER' | 'CLOSED_CAPTIONS' | 'LIKE_UNLIKE' | 'CUSTOM_ACTION_BUTTON_ONE' | 'CUSTOM_ACTION_BUTTON_TWO';
2873
+ export type MomentTopContainerIconButtonType = 'MUTE_UNMUTE' | 'EXIT_PLAYER' | 'CUSTOM_ACTION_BUTTON_ONE' | 'CUSTOM_ACTION_BUTTON_TWO';
2874
+ export type MomentBottomContainerIconButtonType = 'SHARE' | 'LIKE_UNLIKE' | 'CLOSED_CAPTIONS' | 'CUSTOM_ACTION_BUTTON_ONE' | 'CUSTOM_ACTION_BUTTON_TWO';
2460
2875
  export type IconPropertiesType = {
2461
2876
  value: IconButtonType | StoryDirectionType;
2462
2877
  embeddedSize?: string;
@@ -2485,6 +2900,16 @@ export type IClosedCaption = {
2485
2900
  export type FontWeightType = 'normal' | 'bold' | 'bolder' | 'lighter' | 'inherit' | 'initial' | 'unset' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
2486
2901
  export type TextTransformType = 'capitalize' | 'uppercase' | 'lowercase' | 'none';
2487
2902
 
2903
+ export type CtaVisibilityBehavior = 'AlwaysVisible' | 'VisibleAfterOverlayHidden';
2904
+ export type BlazeVideoPlayerVisibility = {
2905
+ duration: number;
2906
+ behavior: CtaVisibilityBehavior;
2907
+ };
2908
+ export type CtaConfiguration = {
2909
+ type: CtaVisibilityBehavior;
2910
+ visibile_duration: number;
2911
+ };
2912
+
2488
2913
  export type Direction = 'VerticalBackwards' | 'VerticalForwards' | 'HorizontalForwards' | 'HorizontalBackwards';
2489
2914
  export type NavigationType = 'Automatic' | 'Manual' | '';
2490
2915
  export type NavigationDirectionType = 'Forwards' | 'Backwards' | '';
@@ -2498,23 +2923,33 @@ export type EnvironmentType = 'prod' | 'uat';
2498
2923
  export type StoryGestureType = 'Swipe Up' | 'CTA Click';
2499
2924
  export type MomentGestureType = 'CTA Click';
2500
2925
 
2926
+ export * from './animation.type';
2501
2927
  export * from './attribute-parser';
2502
2928
  export * from './button.type';
2929
+ export * from './chip-status.type';
2503
2930
  export * from './client-platform.type';
2931
+ export * from './closed-captions.type';
2504
2932
  export * from './css.type';
2933
+ export * from './cta.type';
2505
2934
  export * from './direction.type';
2506
2935
  export * from './element.type';
2507
2936
  export * from './environment.type';
2937
+ export * from './gesture.type';
2508
2938
  export * from './item.type';
2509
2939
  export * from './label.type';
2510
2940
  export * from './locale.type';
2511
2941
  export * from './order.type';
2942
+ export * from './platform.type';
2512
2943
  export * from './play.type';
2944
+ export * from './player-layout.type';
2513
2945
  export * from './position.type';
2946
+ export * from './prefetch.type';
2947
+ export * from './ratio.type';
2514
2948
  export * from './severity.type';
2515
2949
  export * from './size.type';
2516
2950
  export * from './story-direction.type';
2517
2951
  export * from './thumbnail.type';
2952
+ export * from './trigger.type';
2518
2953
  export * from './user.type';
2519
2954
  export * from './widget.type';
2520
2955
  export * from './chip-status.type';
@@ -2524,6 +2959,8 @@ export * from './gesture.type';
2524
2959
  export * from './closed-captions.type';
2525
2960
  export * from './ratio.type';
2526
2961
  export * from './animation.type';
2962
+ export * from './screen.type';
2963
+ export * from './action-handler.type';
2527
2964
 
2528
2965
  export type EntitiesType = 'playerId' | 'teamId' | 'gameId' | 'roundId';
2529
2966
  export type PerItemStyleOverrides = Partial<Record<EntitiesType, Array<{
@@ -2538,9 +2975,13 @@ export type LocaleDirectionType = 'LTR' | 'RTL';
2538
2975
  export type OrderType = 'Manual' | 'AtoZ' | 'ZtoA' | 'RecentlyUpdatedFirst' | 'RecentlyUpdatedLast' | 'RecentlyCreatedFirst' | 'RecentlyCreatedLast';
2539
2976
  export type ContentOrderType = 'LIVE_CHIP' | 'STORY_TITLE' | 'PUBLISHED_DATE';
2540
2977
 
2978
+ export type Platform = 'mobile' | 'tablet' | 'desktop';
2979
+
2541
2980
  export declare const PlayTypeArray: readonly ["Widget", "Share", "SingleStory", "AutoAdvance"];
2542
2981
  export type PlayType = typeof PlayTypeArray[number];
2543
2982
 
2983
+ export type PlayerLayoutDisplay = 'fullscreen' | 'normal';
2984
+
2544
2985
  export type PositionInsideType = 'insideTopLeft' | 'insideTopRight' | 'insideTop' | 'insideTopMiddle' | 'insideBottomRight' | 'insideBottomLeft' | 'insideBottom' | 'insideBottomMiddle' | 'insideMiddle' | 'insideMiddleLeft' | 'insideMiddleRight';
2545
2986
  export type PositionOutsideType = 'outsideTop' | 'outsideTopLeft' | 'outsideTopRight' | 'outsideBottomLeft' | 'outsideBottomRight' | 'outsideBottom' | 'outsideRight' | 'outsideLeft';
2546
2987
  export type PositionType = PositionInsideType | PositionOutsideType;
@@ -2557,6 +2998,17 @@ export type PrefetchingPolicyType = 'low' | 'default';
2557
2998
 
2558
2999
  export type ContentAspectRatio = 'Vertical' | 'Horizontal';
2559
3000
 
3001
+ export type ScreenState = 'default_view' | 'full_screen';
3002
+ export type ScreenChangeState = {
3003
+ current_state: ScreenState;
3004
+ next_state?: ScreenState;
3005
+ };
3006
+ export type DeviceScreenOrientation = 'landscape' | 'portrait';
3007
+ export type DeviceScreenOrientationChangeEvent = {
3008
+ orientation: DeviceScreenOrientation;
3009
+ changedAt: number;
3010
+ };
3011
+
2560
3012
  export type SeverityType = 'error' | 'warning' | 'info' | 'success';
2561
3013
 
2562
3014
  export type SizeType = 'small' | 'medium' | 'large';
@@ -2569,7 +3021,7 @@ export type ThumbnailType = 'SQUARE_ICON' | 'VERTICAL_TWO_BY_THREE' | 'CUSTOM';
2569
3021
  export type ThumbnailShape = 'Circle' | 'Rectangle';
2570
3022
  export declare function thumbnailMapping(thumbnailType: ThumbnailType): ThumbnailApiType;
2571
3023
 
2572
- export type ExitTriggerType = 'Swipe' | 'Swipe Left' | 'Swipe Right' | 'Swipe Down' | 'Swipe Up' | 'Skip' | 'Close Button' | 'CTA Click' | 'Escape Button' | 'Stories Completed' | 'Story Completed' | '';
3024
+ export type ExitTriggerType = 'Swipe' | 'Swipe Left' | 'Swipe Right' | 'Swipe Down' | 'Swipe Up' | 'Skip' | 'Close Button' | 'CTA Click' | 'Escape Button' | 'Stories Completed' | 'Story Completed' | 'Video End' | '';
2573
3025
  export type StartTriggerType = 'Embedded Player in Viewport' | 'UI Button' | 'Widget' | 'Deeplink' | 'Swipe' | 'Skip' | 'SingleStory' | 'Share' | 'AutoAdvance' | '';
2574
3026
 
2575
3027
  export type GetUserTokenRequest = {
@@ -2586,6 +3038,8 @@ export type TokenData = {
2586
3038
 
2587
3039
  export type WidgetType = 'Row' | 'Grid';
2588
3040
 
3041
+ export declare function isImaAdInfo(ad: IAdInfo): ad is IImaAdInfo;
3042
+
2589
3043
  interface ChipSizeOptions {
2590
3044
  statusLiveStyle: IndicatorStyle;
2591
3045
  statusLiveUnreadStyle: IndicatorStyle;
@@ -2650,6 +3104,7 @@ export * from './helper';
2650
3104
  export * from './regex.utils';
2651
3105
  export * from './stopwatch';
2652
3106
  export * from './position.utils';
3107
+ export * from './ad-info.utils';
2653
3108
 
2654
3109
  export declare function calculatePosition(statusIndicatorPosition: PositionType): {
2655
3110
  isOutside: boolean;
@@ -2663,6 +3118,7 @@ export declare function calculatePosition(statusIndicatorPosition: PositionType)
2663
3118
 
2664
3119
  export declare const RegexStoryHash: RegExp;
2665
3120
  export declare const RegexMomentHash: RegExp;
3121
+ export declare const RegexVideoHash: RegExp;
2666
3122
 
2667
3123
  export declare class Stopwatch {
2668
3124
  isRunning: boolean;
@@ -2675,10 +3131,665 @@ export declare class Stopwatch {
2675
3131
  reset(): void;
2676
3132
  }
2677
3133
 
3134
+ export * from './commands/player-buttons.command';
3135
+ export * from './commands/video-commands';
3136
+ export * from './components/timer';
3137
+ export * from './components/video-seekbar';
3138
+ export * from './controls/long-form-player-overlay';
3139
+ export * from './controls/video-navigation-overlay';
3140
+ export * from './core/video';
3141
+ export * from './core/video-modal';
3142
+ export * from './core/video-player';
3143
+ export * from './factory/playback-strategy.factory';
3144
+ export * from './strategy/hls.strategy';
3145
+ export * from './interface/playback-strategy.interface';
3146
+ export * from './video-events';
3147
+
3148
+ export declare const KEY_CODES: {
3149
+ ARROW_UP: string;
3150
+ UP: string;
3151
+ PAGE_UP: string;
3152
+ ARROW_DOWN: string;
3153
+ DOWN: string;
3154
+ PAGE_DOWN: string;
3155
+ SPACE: string;
3156
+ ARROW_LEFT: string;
3157
+ ARROW_RIGHT: string;
3158
+ ESCAPE: string;
3159
+ };
3160
+ export declare const EVENTS: {
3161
+ KEYDOWN: string;
3162
+ CLICK: string;
3163
+ MOUSEENTER: string;
3164
+ MOUSELEAVE: string;
3165
+ MOUSEMOVE: string;
3166
+ BLUR: string;
3167
+ FOCUS: string;
3168
+ VISIBILITY_CHANGE: string;
3169
+ CAN_PLAY_THROUGH: string;
3170
+ PLAY: string;
3171
+ PLAYING: string;
3172
+ PAUSE: string;
3173
+ PAUSED: string;
3174
+ SEEKING: string;
3175
+ SEEKED: string;
3176
+ LOADED_METADATA: string;
3177
+ RESIZE: string;
3178
+ TIMEUPDATE: string;
3179
+ ERROR: string;
3180
+ ENDED: string;
3181
+ FULLSCREEN_CHANGE: string;
3182
+ FULLSCREEN_CHANGE_WEBKIT: string;
3183
+ FULLSCREEN_CHANGE_MOZ: string;
3184
+ CUE_CHANGE: string;
3185
+ DRAGSTART: string;
3186
+ DRAG: string;
3187
+ DROP: string;
3188
+ BEFOREUNLOAD: string;
3189
+ UNLOAD: string;
3190
+ RESIZE_WINDOW: string;
3191
+ };
3192
+ export declare const VIDEO_EVENTS: {
3193
+ readonly PLAY: "play-video";
3194
+ readonly PAUSE: "pause-video";
3195
+ readonly MUTE: "mute-video";
3196
+ readonly UNMUTE: "unmute-video";
3197
+ readonly SEEK: "seek-video";
3198
+ readonly FULLSCREEN: "fullscreen-video";
3199
+ readonly SHARE: "share-video";
3200
+ readonly LIKE: "like-video";
3201
+ readonly TIME_UPDATE: "time-update";
3202
+ readonly NAVIGATION_PREV: "navigate-prev";
3203
+ readonly NAVIGATION_NEXT: "navigate-next";
3204
+ readonly LOADER_DISPLAY: "loader-display";
3205
+ readonly LOADER_HIDE: "loader-hide";
3206
+ readonly ERROR: "video-error";
3207
+ readonly UPDATE_NAVIGATION: "update-navigation";
3208
+ readonly CTA_CLICKED: "cta-clicked";
3209
+ readonly CTA_VISIBILE: "cta-visible";
3210
+ readonly CTA_DISMISS: "cta-dismiss";
3211
+ readonly RESET_INACTIVITY_TIMER: "reset-inactivity-timer";
3212
+ readonly CLOSE_PLAYER: "close-player";
3213
+ readonly CLOSED_CAPTIONS_ON: "closed-captions";
3214
+ readonly CLOSED_CAPTIONS_OFF: "closed-captions-off";
3215
+ readonly DISPLAY_HIDE_OVERLAY_FROM_CTA: "display-hide-overlay-from-cta";
3216
+ readonly DISPLAY_SEEKED_TIME: "display-seeked-time";
3217
+ readonly UPDATE_CLOSED_CAPTIONS_LOCATION: "update-closed-captions-location";
3218
+ };
3219
+
3220
+ export interface Command {
3221
+ execute(...args: any[]): void;
3222
+ }
3223
+ export declare class PlayCommand implements Command {
3224
+ private playbackStrategy;
3225
+ constructor(playbackStrategy: PlaybackStrategy);
3226
+ execute(...args: any[]): Promise<PlayResult>;
3227
+ }
3228
+ export declare class PauseCommand implements Command {
3229
+ private playbackStrategy;
3230
+ constructor(playbackStrategy: PlaybackStrategy);
3231
+ execute(...args: any[]): void;
3232
+ }
3233
+ export declare class ToggleMuteCommand implements Command {
3234
+ private playbackStrategy;
3235
+ constructor(playbackStrategy: PlaybackStrategy);
3236
+ execute(...args: any[]): void;
3237
+ }
3238
+ export declare class MuteCommand implements Command {
3239
+ private playbackStrategy;
3240
+ constructor(playbackStrategy: PlaybackStrategy);
3241
+ execute(): void;
3242
+ }
3243
+ export declare class UnmuteCommand implements Command {
3244
+ private playbackStrategy;
3245
+ constructor(playbackStrategy: PlaybackStrategy);
3246
+ execute(): void;
3247
+ }
3248
+ export declare class ToggleFullscreenCommand implements Command {
3249
+ private playbackStrategy;
3250
+ private videoElement;
3251
+ constructor(playbackStrategy: PlaybackStrategy, videoElement: BlazeVideoElement);
3252
+ execute(...args: any[]): Promise<void>;
3253
+ }
3254
+ export declare class SeekCommand implements Command {
3255
+ private playbackStrategy;
3256
+ constructor(playbackStrategy: PlaybackStrategy);
3257
+ execute(seekTime: number): void;
3258
+ }
3259
+ export declare class LikeVideoCommand implements Command {
3260
+ private videoElement;
3261
+ constructor(videoElement: BlazeVideoElement);
3262
+ execute(...args: any[]): Promise<void>;
3263
+ }
3264
+
3265
+ export declare class VideoPlayerCommands {
3266
+ private playbackStrategy;
3267
+ private videoElement;
3268
+ private commands;
3269
+ constructor(playbackStrategy: PlaybackStrategy, videoElement: BlazeVideoElement);
3270
+ executeCommand(commandName: string, ...args: any[]): Promise<any>;
3271
+ }
3272
+
3273
+ export type TimerLayout = 'player' | 'seeking';
3274
+ interface IBlazeTimer {
3275
+ updateCurrentTime(currentTime: number): void;
3276
+ updateTotalTime(totalTime: number): void;
3277
+ resetTimer(): void;
3278
+ setLayout(layout: TimerLayout): void;
3279
+ }
3280
+ export declare class BlazeTimer extends HTMLElement implements IBlazeTimer {
3281
+ private shadow;
3282
+ private currentTimeText;
3283
+ private totalTimeText;
3284
+ private totalTimeDivider;
3285
+ constructor();
3286
+ connectedCallback(): void;
3287
+ disconnectedCallback(): void;
3288
+ set hidden(value: boolean);
3289
+ private attachStyles;
3290
+ private createDOM;
3291
+ updateCurrentTime(currentTime: number): void;
3292
+ updateTotalTime(totalTime: number): void;
3293
+ resetTimer(): void;
3294
+ setLayout(layout: TimerLayout): void;
3295
+ private applySeekingLayout;
3296
+ private applyPlayerLayout;
3297
+ private formatTime;
3298
+ private padZero;
3299
+ }
3300
+
3301
+ export declare class BlazeVideoSeekBar extends HTMLElement {
3302
+ private isInit;
3303
+ private isMouseIn;
3304
+ private isClicked;
3305
+ private isSeeking;
3306
+ private seekBarStyle;
3307
+ private playbackPart;
3308
+ private progressBarState;
3309
+ private videoState;
3310
+ private seekType;
3311
+ private lastProgress;
3312
+ private timeoutPlayingStyle;
3313
+ private timeoutPauseStyle;
3314
+ private timeoutPlay;
3315
+ onPause?: () => void;
3316
+ onResume?: () => void;
3317
+ onStartSeeking?: () => void;
3318
+ onEndSeeking?: () => void;
3319
+ private listeners;
3320
+ private boundOnTouchMove;
3321
+ private boundOnMouseMove;
3322
+ private boundOnClick;
3323
+ private boundOnMouseOut;
3324
+ private boundOnMouseIn;
3325
+ private boundOnStartDrag;
3326
+ private boundOnEndDrag;
3327
+ private progressBarContainer;
3328
+ private progressBarFill;
3329
+ private progressBarKnob;
3330
+ private progressBarBuffer;
3331
+ private progress;
3332
+ constructor();
3333
+ connectedCallback(): void;
3334
+ disconnectedCallback(): void;
3335
+ setTheme(style: BlazeVideosPlayerSeekBarStyle): void;
3336
+ private createPlaybackPart;
3337
+ private setupEventListeners;
3338
+ private handleOnStartDrag;
3339
+ private handleOnEndDrag;
3340
+ private handleOnClick;
3341
+ private handleMouseDrag;
3342
+ private handleTouchMove;
3343
+ private handleSeek;
3344
+ private handleOnMouseOut;
3345
+ private handleOnMouseIn;
3346
+ private updateVideoSeekBar;
3347
+ private styleProgressContainer;
3348
+ private updateProgressBarStyles;
3349
+ onContentPaused(): void;
3350
+ onContentResumed(): void;
3351
+ updateProgressBar(currentTime: number, duration: number): void;
3352
+ updateBuffer(buffer: number): void;
3353
+ private debouncedSeekBarUpdate;
3354
+ updateSeekBar(progress: number): void;
3355
+ reset(): void;
3356
+ resetProgressBar(): void;
3357
+ private applyPlayingSeekBarStyle;
3358
+ private applyPauseSeekBarStyle;
3359
+ }
3360
+
3361
+ export declare class BlazeLongFormControlsOverlay extends HTMLElement {
3362
+ private shadow;
3363
+ private isInitialize;
3364
+ private videoInfoText;
3365
+ private bottomContainerCta;
3366
+ private playerLayout;
3367
+ private closeButton;
3368
+ private shareButton;
3369
+ private likeButton;
3370
+ private fullscreenButton;
3371
+ private muteButton;
3372
+ private closedCaptionButton;
3373
+ private ctaButton;
3374
+ private ctaTimeout;
3375
+ private ctaVisiblity;
3376
+ private currentMuteState;
3377
+ private currentClosedCaptionState;
3378
+ videoSeekBar: BlazeVideoSeekBar;
3379
+ videoTimer: BlazeTimer;
3380
+ videoNavigationOverlay: BlazeVideoNavigationOverlay;
3381
+ gradientOverlayBottom: BlazeDiv;
3382
+ gradientOverlayTop: BlazeDiv;
3383
+ loader: BlazeLoader;
3384
+ private boundOnFullscreenClick;
3385
+ private boundOnShareClick;
3386
+ private boundOnLikeClick;
3387
+ private boundOnMuteClick;
3388
+ private boundOnCtaClick;
3389
+ private boundOnCloseClick;
3390
+ private boundOnClosedCaptionClick;
3391
+ private boundOnScreenOrientationChange;
3392
+ private boundOnCtaContainerClick;
3393
+ isOverlayChangesBlocked: boolean;
3394
+ constructor();
3395
+ connectedCallback(): void;
3396
+ disconnectedCallback(): void;
3397
+ private initialize;
3398
+ hidePlayerOverlayWhileSeeking(): void;
3399
+ showPlayerOverlayAfterSeeking(): void;
3400
+ setTheme(playerStyle: VideoPlayerStyle): void;
3401
+ static get observedAttributes(): string[];
3402
+ attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
3403
+ showLoader(): void;
3404
+ hideLoader(): void;
3405
+ hidePlayerOverlay(): void;
3406
+ showPlayerOverlay(): void;
3407
+ private animateOverlayVisibility;
3408
+ private handleScreenOrientationChange;
3409
+ setClosedCaptionState(state: 'enabled' | 'disabled'): void;
3410
+ get title(): string;
3411
+ set title(value: string);
3412
+ get isCtaRendered(): boolean;
3413
+ set isCtaRendered(value: boolean);
3414
+ setCta(data: ICta): void;
3415
+ removeCta(): void;
3416
+ private setCtaButtonStyles;
3417
+ private handleCtaClick;
3418
+ private attachStyles;
3419
+ private createDOM;
3420
+ private getDeviceStyle;
3421
+ private getButtonStyle;
3422
+ private getLikeButtonStyle;
3423
+ private getHeadingTextStyle;
3424
+ private setHeadingStyle;
3425
+ private setButtonStyle;
3426
+ private createTopContainer;
3427
+ private createBottomContainer;
3428
+ private createControls;
3429
+ private createBottomRightIcons;
3430
+ private createBottomLeftIcons;
3431
+ private attachEventListeners;
3432
+ private detachEventListeners;
3433
+ private handleCtaContainerClick;
3434
+ private handleFullscreenClick;
3435
+ private handleShareClick;
3436
+ private handleLikeClick;
3437
+ private handleCloseClick;
3438
+ private handleClosedCaptionClick;
3439
+ private handleMuteClick;
3440
+ updateClosedCaptionButtonIcon(forceOn?: boolean): void;
3441
+ setMuteState(isMuted: boolean): void;
3442
+ private updateMuteButtonIcon;
3443
+ toggleMute(isMuted: boolean): void;
3444
+ updateMute(isMuted: boolean): void;
3445
+ setFullscreenState(isFullscreen?: boolean): void;
3446
+ setVideoDuration(duration: number): void;
3447
+ setCurrentTime(currentTime: number): void;
3448
+ private updateVideoInfoText;
3449
+ setLikedState(isLiked: boolean): void;
3450
+ }
3451
+
3452
+ type NavigationPlayerStyle = {
3453
+ play: string;
3454
+ pause: string;
3455
+ navigation: {
3456
+ prevVideo: string;
3457
+ nextVideo: string;
3458
+ };
3459
+ prev_next: BlazeButtonStyle;
3460
+ play_pause: BlazeButtonStyle;
3461
+ };
3462
+ export declare const NAVIGATION_OVERLAY_ATTRIBUTES: {
3463
+ readonly Hidden: "hidden";
3464
+ readonly Layout: "layout";
3465
+ readonly HasPrev: "has-prev";
3466
+ readonly HasNext: "has-next";
3467
+ };
3468
+ export declare class BlazeVideoNavigationOverlay extends HTMLElement {
3469
+ private shadow;
3470
+ private nextButton;
3471
+ private prevButton;
3472
+ private playPauseButton;
3473
+ private isPlaying;
3474
+ private navigationStyle;
3475
+ private boundOnPrevClick;
3476
+ private boundOnNextClick;
3477
+ private boundOnPlayStopClick;
3478
+ private boundOnPlay;
3479
+ loader: BlazeLoader;
3480
+ private _platform;
3481
+ constructor();
3482
+ static get observedAttributes(): ("hidden" | "layout" | "has-next" | "has-prev")[];
3483
+ attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
3484
+ private applyAttribute;
3485
+ connectedCallback(): void;
3486
+ disconnectedCallback(): void;
3487
+ initializeStyles(): void;
3488
+ private setStyle;
3489
+ setTheme(style: NavigationPlayerStyle): void;
3490
+ get platform(): Platform;
3491
+ set platform(value: Platform);
3492
+ private setButtonStyle;
3493
+ createDom(): void;
3494
+ private attachEventListeners;
3495
+ private removeEventListeners;
3496
+ private setButtonDisabled;
3497
+ private onPrevClick;
3498
+ private onNextClick;
3499
+ private onPlayStopClick;
3500
+ setPlaying(isPlaying: boolean): void;
3501
+ showLoader(): void;
3502
+ hideLoader(): void;
3503
+ hideOverlay(): void;
3504
+ showOverlay(): void;
3505
+ }
3506
+
3507
+ export declare class BlazeWidgetVideoModal extends BlazeWidgetModal {
3508
+ parentWidget: HTMLElement;
3509
+ playerLayout: VideoPlayerStyle;
3510
+ data: IVideo[];
3511
+ onClose: (() => void) | undefined;
3512
+ onOpen: (() => void) | undefined;
3513
+ boundOnResizeEventDelay: (this: Window, ev: UIEvent) => void;
3514
+ boundOnKeyDown: (ev: KeyboardEvent) => void;
3515
+ boundOnBeforeUnload: () => void;
3516
+ constructor(parentWidget: HTMLElement, playerLayout: VideoPlayerStyle);
3517
+ get currentPlayedContent(): BlazeVideoElement;
3518
+ connectedCallback(): void;
3519
+ disconnectedCallback(): void;
3520
+ setTheme(playerStyle: VideoPlayerStyle): void;
3521
+ setModalContent(data: IVideo[]): void;
3522
+ onBeforeUnload(): null;
3523
+ dispatchExitEvent(): void;
3524
+ close(): Promise<void>;
3525
+ open(): void;
3526
+ play(): void;
3527
+ onKeyDown(ev: KeyboardEvent): void;
3528
+ render(): void;
3529
+ onResize(): void;
3530
+ onResizeEventDelay(): void;
3531
+ }
3532
+
3533
+ /// <reference types="hammerjs" />
3534
+ export declare class BlazeWidgetVideoPlayer extends WidgetAbstractPlayer implements IVideoPlayerController {
3535
+ private boundOnNavigationPrev;
3536
+ private boundOnNavigationNext;
3537
+ private boundOnResize;
3538
+ private boundOnScreenChangeByBrowser;
3539
+ private boundOnKeyDown;
3540
+ private visibilityManager;
3541
+ private fullscreenManager;
3542
+ resumeAfterFocus: boolean;
3543
+ constructor();
3544
+ connectedCallback(): void;
3545
+ disconnectedCallback(): void;
3546
+ destroy(): void;
3547
+ get currentVideoItem(): BlazeVideoElement;
3548
+ setupEventListeners(): void;
3549
+ detachEventListeners(): void;
3550
+ tryToCloseFullscreen(): Promise<void>;
3551
+ toggleFullscreen(): Promise<void>;
3552
+ private handleScreenChangeByBrowser;
3553
+ applyStyles(): void;
3554
+ setupContainer(): Promise<void>;
3555
+ private updateContainerStyles;
3556
+ private calculateDesktopStyles;
3557
+ handleDirection(direction: NavigationDirectionType): Promise<void>;
3558
+ handlePrevDirection(): void;
3559
+ handleNextDirection(): void;
3560
+ setContent(contentList: BlazeVideoElement[]): void;
3561
+ load(): Promise<void>;
3562
+ play(): Promise<void>;
3563
+ resume(): Promise<void>;
3564
+ pause(): void;
3565
+ restart(): void;
3566
+ private updateOverlayNavigationPlayingState;
3567
+ private updateOverlayNavigationButtons;
3568
+ handleNavigationKeyPress(event: KeyboardEvent): void;
3569
+ createAnimation(content: any, direction: ContentDirection, targetIndex: number): AnimeTimelineInstance;
3570
+ handleAnimationStart(content: BlazeVideoElement, direction: ContentDirection): void;
3571
+ handleAnimationCompletion(content: any, mode: ContentDirection): Promise<void>;
3572
+ loadAndPlayContent(): Promise<void>;
3573
+ preloadAdjacentContent(direction: ContentDirection): Promise<void>;
3574
+ prefetchPosters(): Promise<void>;
3575
+ onAnimationEnd(): void;
3576
+ handleMoveSwipe(ev: HammerInput): void;
3577
+ handleEndSwipe(ev: HammerInput): void;
3578
+ resetStyles(): void;
3579
+ render(): void;
3580
+ }
3581
+
3582
+ export declare class BlazeVideoElement extends BlazeWidgetVideoBase {
3583
+ private shadow;
3584
+ video: HTMLVideoElement;
3585
+ playerStyle: VideoPlayerStyle;
3586
+ private playbackStrategy;
3587
+ private playerCommands;
3588
+ private captionsElement;
3589
+ private posterOverlayElement;
3590
+ videoOverlay: BlazeLongFormControlsOverlay;
3591
+ shareModal: BlazeWidgetShareModal;
3592
+ private widgetVastAd;
3593
+ private adPercentageShownPlaces;
3594
+ private lastSavedTime;
3595
+ private lastSeekAction;
3596
+ private shouldSaveAfterSeek;
3597
+ private loaderTimeoutId;
3598
+ private inactivityTimeout;
3599
+ private inactivityEvents;
3600
+ contentType: string;
3601
+ data: IVideo;
3602
+ isActionBlocked: boolean;
3603
+ private isInitializing;
3604
+ private isLoaded;
3605
+ private lastMarkedVideoIdAsViewed;
3606
+ private videoSessionId;
3607
+ private aspectRatio;
3608
+ startTrigger: StartTriggerType;
3609
+ exitTrigger: ExitTriggerType;
3610
+ navigationType: NavigationType;
3611
+ refContentModal: BlazeWidgetVideoModal | undefined;
3612
+ widgetParentItem?: BlazeWidgetItem;
3613
+ modal: BlazeWidgetVideoModal | undefined;
3614
+ isActive: any;
3615
+ navigationDirection: any;
3616
+ private boundHandleLoaderDisplay;
3617
+ private boundHandleLoaderHide;
3618
+ private boundHandleTimeUpdate;
3619
+ private boundHandleLoadedMetadata;
3620
+ private boundHandleVideoEnded;
3621
+ private boundHandleSeekDebounce;
3622
+ private boundHandleClick;
3623
+ private boundHandleMouseIn;
3624
+ private boundHandleMouseOut;
3625
+ private boundHandleMouseMove;
3626
+ private boundHandleOverlayEvents;
3627
+ private boundHandleAdStarted;
3628
+ private boundHandleAdEnded;
3629
+ constructor();
3630
+ connectedCallback(): void;
3631
+ disconnectedCallback(): void;
3632
+ attributeChangedCallback(name: string, oldValue: any, newValue: any): void;
3633
+ setTheme(playerStyle: VideoPlayerStyle): void;
3634
+ setWidgetItemParent(widgetItem: BlazeWidgetItem): void;
3635
+ setData(data: IVideo): void;
3636
+ setModal(modal: BlazeWidgetVideoModal): void;
3637
+ setIsPlaying(isPlaying: boolean): void;
3638
+ load(): Promise<void>;
3639
+ private setupClosedCaptions;
3640
+ private setClosedCaptions;
3641
+ private setCta;
3642
+ private setTitle;
3643
+ private setLiked;
3644
+ private setVideoId;
3645
+ private createSnapshot;
3646
+ unload(): void;
3647
+ private initialize;
3648
+ private setupStyles;
3649
+ private setupVideoElement;
3650
+ private setupOverlay;
3651
+ private setupShareModal;
3652
+ private setupEventListeners;
3653
+ destroy(): void;
3654
+ private startOverlayAutoHideTimer;
3655
+ private clearOverlayTimer;
3656
+ private handleMouseIn;
3657
+ private handleMouseOut;
3658
+ private handleMouseMove;
3659
+ private handleClick;
3660
+ private showPlayerOverlay;
3661
+ private hidePlayerOverlay;
3662
+ private createPosterOverlay;
3663
+ private updatePosterOverlay;
3664
+ private handleVideoEnded;
3665
+ showLoaderWithDelay(): void;
3666
+ private hideLoader;
3667
+ private handleLoaderDisplay;
3668
+ private handleLoaderHide;
3669
+ private handleOverlayEvents;
3670
+ private handleCtaClick;
3671
+ setPlayerLayoutToNormal(): void;
3672
+ private handleSeekRequest;
3673
+ private handleSeek;
3674
+ private handleShareClick;
3675
+ pause(): void;
3676
+ play(): Promise<void>;
3677
+ updateMuteButtonState(isMuted: boolean): void;
3678
+ private handleLoadedMetadata;
3679
+ updateWidgetStatusReadUnread(): void;
3680
+ private handleVideoTimeUpdate;
3681
+ private saveCurrentTime;
3682
+ private handleAdStarted;
3683
+ private handleAdEnded;
3684
+ static get observedAttributes(): string[];
3685
+ get mute(): boolean;
3686
+ set muted(value: boolean);
3687
+ get videoId(): string;
3688
+ set videoId(value: string);
3689
+ get title(): string;
3690
+ set title(value: string);
3691
+ get isLiked(): boolean;
3692
+ set isLiked(value: boolean);
3693
+ get isPlayingAd(): boolean;
3694
+ set isPlayingAd(value: boolean);
3695
+ private applyAttribute;
3696
+ updatePlayerButtonIcons(): void;
3697
+ resetPosition(): void;
3698
+ render(): void;
3699
+ getRefferingObject(): ReferringEventInfo;
3700
+ event(action: VideoAction, data: Partial<VideoEvent>, label?: string | undefined): Promise<void>;
3701
+ private tryToPlayAd;
3702
+ }
3703
+
3704
+ export declare class PlaybackStrategyFactory {
3705
+ static createStrategy(video: HTMLVideoElement, strategyType: string): PlaybackStrategy;
3706
+ }
3707
+
3708
+ export interface PlayResult {
3709
+ status: PlayStatus;
3710
+ error?: unknown;
3711
+ }
3712
+ export declare enum PlayStatus {
3713
+ Success = "SUCCESS",
3714
+ Failed = "FAILED"
3715
+ }
3716
+ export interface PlaybackStrategy {
3717
+ play(): Promise<PlayResult>;
3718
+ pause(): void;
3719
+ initialize(videoOverlay: BlazeLongFormControlsOverlay): void;
3720
+ toggleMute(): void;
3721
+ setMuted(muted: boolean): void;
3722
+ isMuted(): boolean;
3723
+ toggleFullscreen(): void;
3724
+ seek(time: number): void;
3725
+ getDuration(): number;
3726
+ loadSource(src: string, bitRate: number, startingTime: number): void;
3727
+ unload(): void;
3728
+ destroy(): void;
3729
+ }
3730
+
3731
+ export declare class HLSStrategy implements PlaybackStrategy {
3732
+ private hls?;
3733
+ private videoOverlay?;
3734
+ private video;
3735
+ private initialBitrateBps;
3736
+ private retryCount;
3737
+ private maxRetries;
3738
+ private lastTime;
3739
+ private playbackWatchdogTimeout?;
3740
+ private loaderTimeout?;
3741
+ private recoveryTimeout?;
3742
+ private seekRecoveryListener?;
3743
+ private boundOnManifestParsed;
3744
+ private boundOnBufferAppended;
3745
+ private boundOnFragParsed;
3746
+ private boundOnLoadedMetadata;
3747
+ private boundOnPlaying;
3748
+ private boundOnCanPlay;
3749
+ private boundOnError;
3750
+ private boundOnNativeError;
3751
+ constructor(video: HTMLVideoElement);
3752
+ initialize(videoOverlay: BlazeLongFormControlsOverlay): void;
3753
+ loadSource(src: string, initialBitrate: number, startingTime?: number): void;
3754
+ unload(): void;
3755
+ destroy(): void;
3756
+ private waitForVideoCondition;
3757
+ play(): Promise<PlayResult>;
3758
+ private startPlaybackWatchdog;
3759
+ private handlePlaybackTimeout;
3760
+ pause(): void;
3761
+ getDuration(): number;
3762
+ isMuted(): boolean;
3763
+ seek(clampedSeek: number): void;
3764
+ setMuted(muted: boolean): void;
3765
+ toggleMute(): void;
3766
+ mute(): void;
3767
+ unmute(): void;
3768
+ toggleFullscreen(): void;
3769
+ private updateBuffer;
3770
+ private handleManifestParsed;
3771
+ private handleBufferAppended;
3772
+ private handleFragParsed;
3773
+ private handleError;
3774
+ private isSlowConnection;
3775
+ private nudgePlayback;
3776
+ private handleNetworkError;
3777
+ private handleOnlineNetworkRecovery;
3778
+ private recoverNativeHls;
3779
+ private handleMediaError;
3780
+ private reloadStream;
3781
+ private showLoader;
3782
+ private hideLoader;
3783
+ private handlePlaying;
3784
+ private handleNativeError;
3785
+ private handleLoadedMetadata;
3786
+ }
3787
+
2678
3788
  export * from './widget-video-base';
2679
3789
  export * from './widget-player';
2680
3790
  export * from './ad/widget-ad';
2681
3791
  export * from './ad/widget-banner-ad';
3792
+ export * from './ad/widget-vast-ad';
2682
3793
  export * from './widget-embedded-story';
2683
3794
  export * from './widget-interaction';
2684
3795
  export * from './widget-item';
@@ -2697,7 +3808,14 @@ export * from './widget-video';
2697
3808
  export * from './moment/widget-moment-seek-bar';
2698
3809
  export * from './widget-cta-modal';
2699
3810
  export * from './widget-captions';
3811
+ export * from '../video/core/video';
2700
3812
 
3813
+ type Position = {
3814
+ top?: string;
3815
+ left?: string;
3816
+ right?: string;
3817
+ bottom?: string;
3818
+ };
2701
3819
  export declare class BlazeWidgetCaptions extends HTMLElement {
2702
3820
  private parser;
2703
3821
  private container;
@@ -2716,7 +3834,6 @@ export declare class BlazeWidgetCaptions extends HTMLElement {
2716
3834
  private checkContainerContent;
2717
3835
  private handleTimeUpdate;
2718
3836
  private handleSeekUpdate;
2719
- updateTime(currentTime: number): void;
2720
3837
  private setupTimeUpdateHandling;
2721
3838
  private cleanup;
2722
3839
  private updateVisibility;
@@ -2724,6 +3841,7 @@ export declare class BlazeWidgetCaptions extends HTMLElement {
2724
3841
  initialize(video: HTMLVideoElement, captions: ICaptionFile[]): Promise<void>;
2725
3842
  private setupCaptions;
2726
3843
  private updateCaptions;
3844
+ setAbsolutePosition(position: Position): void;
2727
3845
  }
2728
3846
 
2729
3847
  export declare abstract class BlazeWidgetContent extends HTMLElement {
@@ -2744,7 +3862,7 @@ export declare abstract class BlazeWidgetContent extends HTMLElement {
2744
3862
  boundOnVisibilityChangeEvent: () => void;
2745
3863
  widgetParentItem: BlazeWidgetItem;
2746
3864
  sessionId: string;
2747
- refContentModal?: BlazeWidgetStoryModal | BlazeWidgetMomentModal;
3865
+ refContentModal?: BlazeWidgetStoryModal | BlazeWidgetMomentModal | BlazeWidgetVideoModal;
2748
3866
  abstract aspectRatio?: ContentAspectRatio;
2749
3867
  constructor();
2750
3868
  connectedCallback(): void;
@@ -2855,11 +3973,13 @@ export declare class BlazeWidgetInteraction extends BaseWidget {
2855
3973
  private focusMainWindow;
2856
3974
  private initInteraction;
2857
3975
  private orientationChange;
3976
+ private hideIframe;
3977
+ private showIframe;
2858
3978
  }
2859
3979
 
2860
3980
  export interface BlazeWidgetItemOptions {
2861
3981
  layout: LayoutStyle;
2862
- content: IStory | IMoment;
3982
+ content: IStory | IMoment | IVideo;
2863
3983
  }
2864
3984
  export declare class BlazeWidgetItem extends BaseWidget {
2865
3985
  protected options: BlazeWidgetItemOptions;
@@ -2881,7 +4001,7 @@ export declare class BlazeWidgetItem extends BaseWidget {
2881
4001
  get parentRef(): BlazeWidgetLayout;
2882
4002
  statusIndicatorSettings: IndicatorStyle;
2883
4003
  paddingItem: PositionOffset;
2884
- content: IStory | IMoment;
4004
+ content: IStory | IMoment | IVideo;
2885
4005
  onClick: (() => void) | undefined;
2886
4006
  private boundOnWidgetClick;
2887
4007
  constructor(options: BlazeWidgetItemOptions);
@@ -2921,8 +4041,9 @@ export declare class BlazeWidgetItem extends BaseWidget {
2921
4041
  export declare class BlazeWidgetLayout extends BlazeWidgetScrollable implements Observable, IWidgetView {
2922
4042
  storysModal: BlazeWidgetStoryModal | undefined;
2923
4043
  momentsModal: BlazeWidgetMomentModal | undefined;
4044
+ videosModal: BlazeWidgetVideoModal | undefined;
2924
4045
  defaultAdsInfo: IAdInfo | undefined;
2925
- content: IStory[] | IMoment[];
4046
+ content: IStory[] | IMoment[] | IVideo[];
2926
4047
  skeletonContainer: BlazeDiv | undefined;
2927
4048
  widgetItems: BlazeWidgetItem[];
2928
4049
  preset: IWidgetTheme | undefined;
@@ -2937,6 +4058,7 @@ export declare class BlazeWidgetLayout extends BlazeWidgetScrollable implements
2937
4058
  heightObserver: MutationObserver;
2938
4059
  reloadTimeout: NodeJS.Timeout | undefined;
2939
4060
  analyticsStack: Record<WidgetAction, boolean>;
4061
+ actionHandlers: ActionHandler[];
2940
4062
  onResizeEvent: (this: Window, ev: UIEvent) => void;
2941
4063
  shouldReloadWhenPlayerIsClosed: boolean;
2942
4064
  shouldReloadData: boolean;
@@ -2961,6 +4083,7 @@ export declare class BlazeWidgetLayout extends BlazeWidgetScrollable implements
2961
4083
  set contentIds(value: string);
2962
4084
  setContentIds(ids: string[], options?: ISetWidgetOptions): void;
2963
4085
  setLabelsPriority(labelsPriority: string | string[] | BlazeWidgetLabel[], options?: ISetWidgetOptions): void;
4086
+ setActionHandlers(actionHandlers: ActionHandler[]): void;
2964
4087
  setLabels(labels: string | string[] | BlazeWidgetLabel, options?: ISetWidgetOptions): void;
2965
4088
  getTheme(): IWidgetTheme;
2966
4089
  setTheme(theme: IWidgetTheme | ThemeType): void;
@@ -2982,6 +4105,7 @@ export declare class BlazeWidgetLayout extends BlazeWidgetScrollable implements
2982
4105
  private onItemClick;
2983
4106
  private loadContent;
2984
4107
  private handleStoryContent;
4108
+ private handleVideoContent;
2985
4109
  private handleMomentContent;
2986
4110
  handleAssetsExpiry(data: {
2987
4111
  assetsExpiryTime: string;
@@ -3032,18 +4156,18 @@ export declare class BlazeWidgetLayout extends BlazeWidgetScrollable implements
3032
4156
  widgetType(): WidgetType;
3033
4157
  }
3034
4158
 
3035
- /// <reference types="hammerjs" />
3036
4159
  export declare class BlazeWidgetModal extends BaseWidget {
3037
- player: BlazeWidgetStoryPlayer | BlazeWidgetMomentPlayer;
4160
+ player: BlazeWidgetStoryPlayer | BlazeWidgetMomentPlayer | BlazeWidgetVideoPlayer;
3038
4161
  isOpen: boolean;
3039
4162
  exitButtonElement: BlazeButton;
3040
4163
  exitButtonWrapperElement: BlazeDiv;
4164
+ blazeSdk: BlazeWidgetSDK;
3041
4165
  hammer: HammerManager | null;
3042
4166
  isMultiTouch: boolean;
3043
4167
  boundOnResizeEvent: (this: Window, ev: UIEvent) => void;
3044
4168
  boundOnPopStateEvent: (ev: PopStateEvent) => void;
3045
4169
  onContentChange?: (mode: ContentDirection) => void;
3046
- constructor(type: 'story' | 'moment');
4170
+ constructor(type: ContentType);
3047
4171
  connectedCallback(): void;
3048
4172
  disconnectedCallback(): void;
3049
4173
  onResize(): void;
@@ -3060,13 +4184,13 @@ export declare class BlazeWidgetModal extends BaseWidget {
3060
4184
  close(): void;
3061
4185
  }
3062
4186
 
3063
- export type BlazeWidgetContent = BlazeWidgetStory | BlazeWidgetMoment;
4187
+ export type BlazeWidgetContent = BlazeWidgetStory | BlazeWidgetMoment | BlazeVideoElement;
3064
4188
  export declare abstract class WidgetAbstractPlayer extends BaseWidget {
3065
4189
  index: number;
3066
4190
  container: BlazeDiv;
3067
4191
  numberOfContentInList: number;
3068
- contentList: BlazeWidgetStory[] | BlazeWidgetMoment[];
3069
- playerContentList: BlazeWidgetStory[] | BlazeWidgetMoment[];
4192
+ contentList: BlazeWidgetStory[] | BlazeWidgetMoment[] | BlazeVideoElement[];
4193
+ playerContentList: BlazeWidgetStory[] | BlazeWidgetMoment[] | BlazeVideoElement[];
3070
4194
  srcBackground: HTMLCanvasElement;
3071
4195
  destBackground: HTMLCanvasElement;
3072
4196
  backgroundAnimation?: Animation;
@@ -3074,7 +4198,7 @@ export declare abstract class WidgetAbstractPlayer extends BaseWidget {
3074
4198
  hammer: HammerManager;
3075
4199
  gestureActionLimitThreshold: number;
3076
4200
  edgeScreenThreshold: number;
3077
- isEdgeThreshold: Boolean;
4201
+ isEdgeThreshold: boolean;
3078
4202
  isNavigationBlocked: boolean;
3079
4203
  isCloseAnimationStarted: boolean;
3080
4204
  currentNextAnimation?: anime.AnimeInstance;
@@ -3088,7 +4212,7 @@ export declare abstract class WidgetAbstractPlayer extends BaseWidget {
3088
4212
  constructor();
3089
4213
  seekContentById(contentId: string): void;
3090
4214
  cleanPlayerContentList(): void;
3091
- abstract setContent(content: BlazeWidgetStory[] | BlazeWidgetMoment[]): void;
4215
+ abstract setContent(content: BlazeWidgetStory[] | BlazeWidgetMoment[] | BlazeVideoElement[]): void;
3092
4216
  muteVideoOnIOSOrMacTablet(): void;
3093
4217
  setupHammer(direction?: number): void;
3094
4218
  cleanupHammer(): void;
@@ -3113,11 +4237,11 @@ export declare abstract class WidgetAbstractPlayer extends BaseWidget {
3113
4237
  abstract handleAnimationCompletion(content: BlazeWidgetStory | BlazeWidgetMoment, mode: ContentDirection): void;
3114
4238
  get directionBackwards(): 2 | 4;
3115
4239
  get directionForwards(): 2 | 4;
3116
- processAnimation(event: HammerInput, content: BlazeWidgetMoment | BlazeWidgetStory, currentAnimation?: AnimeInstance | null | undefined): void;
4240
+ processAnimation(event: HammerInput, content: BlazeWidgetMoment | BlazeWidgetStory | BlazeVideoElement, currentAnimation?: AnimeInstance | null | undefined): void;
3117
4241
  unloadFromPlayerList(): void;
3118
4242
  handleAnimationEnd(direction: ContentDirection): void;
3119
4243
  abstract loadAndPlayContent(): void;
3120
- abstract onKeyDown(event: KeyboardEvent): void;
4244
+ abstract handleNavigationKeyPress(event: KeyboardEvent): void;
3121
4245
  handleSmallGestures(animation: AnimeInstance, content: BlazeWidgetStory | BlazeWidgetMoment): void;
3122
4246
  abstract resetStyles(): void;
3123
4247
  resetPosition(): void;
@@ -3125,6 +4249,7 @@ export declare abstract class WidgetAbstractPlayer extends BaseWidget {
3125
4249
  isContentDirectionInPlayerListValid(direction: ContentDirection | null): boolean;
3126
4250
  isBlazeWidgetStory(content: BlazeWidgetContent[]): content is BlazeWidgetStory[];
3127
4251
  isBlazeWidgetMoment(content: BlazeWidgetContent[]): content is BlazeWidgetMoment[];
4252
+ isBlazeWidgetVideo(content: BlazeWidgetContent[]): content is BlazeVideoElement[];
3128
4253
  }
3129
4254
 
3130
4255
  export declare class BlazeWidgetScrollable extends BaseWidget {
@@ -3144,7 +4269,7 @@ export declare class BlazeWidgetScrollable extends BaseWidget {
3144
4269
 
3145
4270
  export type playRefType = 'Share' | 'SingleStory' | 'AutoAdvance';
3146
4271
  export declare class BlazeWidgetSDK extends BaseWidget {
3147
- modal: BlazeWidgetStoryModal | BlazeWidgetMomentModal;
4272
+ modal: BlazeWidgetStoryModal | BlazeWidgetMomentModal | BlazeWidgetVideoModal;
3148
4273
  boundOnResizeEvent: (this: Window, ev: UIEvent) => void;
3149
4274
  boundOnResizeEventDelay: () => void;
3150
4275
  static get observedAttributes(): string[];
@@ -3154,17 +4279,18 @@ export declare class BlazeWidgetSDK extends BaseWidget {
3154
4279
  onResizeEventDelay(): void;
3155
4280
  onResize(): void;
3156
4281
  handleLoadingContent(): void;
3157
- checkUrlForContent(): {
4282
+ extractContentIdsFromUrl(): {
3158
4283
  isStoryMatch: boolean;
3159
- storyIds: string | null;
4284
+ storyId: string | null;
3160
4285
  isMomentMatch: boolean;
3161
- momentIds: string | null;
4286
+ momentId: string | null;
4287
+ isVideoMatch: boolean;
4288
+ videoId: string | null;
3162
4289
  };
3163
4290
  setPlayerStyleCustomization(playerStyleCustomization: Partial<StoryPlayerStyle>): void;
3164
4291
  handleContentLoad(contentType: ContentType, playReference: playRefType, contentIds: string): Promise<void>;
3165
4292
  handleStaticContentLoad(playReference: playRefType): Promise<void>;
3166
- enrichContent(content: IStory[]): Promise<IStory[]>;
3167
- setupModalAndLoadContent(contentType: ContentType, playReference: playRefType, content: IStory | IMoment): Promise<void>;
4293
+ setupModalAndLoadContent(contentType: ContentType, playReference: playRefType, content: IStory | IMoment | IVideo): Promise<void>;
3168
4294
  attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
3169
4295
  private getConfigAttributes;
3170
4296
  private initialize;
@@ -3200,13 +4326,13 @@ export declare class BlazeWidgetShareModal extends BaseWidget {
3200
4326
  }
3201
4327
 
3202
4328
  export declare class BlazeWidgetVideoBase extends HTMLElement {
3203
- data: IPage | undefined;
4329
+ data: IPage | IVideo | undefined;
3204
4330
  shouldShowImaAd?: boolean;
3205
4331
  isCurrentlyTryingToRunImaAd?: boolean;
3206
4332
  _isAd?: boolean | undefined;
3207
4333
  adsManager?: any;
3208
4334
  constructor();
3209
- setData(data: IPage): void;
4335
+ setData(data: IPage | IVideo): void;
3210
4336
  loadPoster(): void;
3211
4337
  play(): void;
3212
4338
  restartVideo(): void;
@@ -3268,8 +4394,9 @@ export declare class BlazeWidgetVideo extends BlazeWidgetVideoBase {
3268
4394
  connectedCallback(): void;
3269
4395
  disconnectedCallback(): void;
3270
4396
  setData(data: IPage): void;
4397
+ private isEnableInteractions;
3271
4398
  loadClosedCaptions(): Promise<void>;
3272
- getVideoDuration(): Promise<number>;
4399
+ getVideoDuration(existingVideo?: HTMLVideoElement): Promise<number>;
3273
4400
  loadPoster(): void;
3274
4401
  display(): void;
3275
4402
  hide(): void;
@@ -3294,10 +4421,10 @@ export declare class BlazeWidgetVideo extends BlazeWidgetVideoBase {
3294
4421
  get isAd(): boolean;
3295
4422
  render(): void;
3296
4423
  restartVideo(): void;
3297
- initializeIMA(): void;
3298
- buildImaUrl(iamData: IImaAdInfo, pageIndex?: number): string;
4424
+ initializeIMA(): Promise<void>;
4425
+ buildImaUrl(iamData: IImaAdInfo, pageIndex?: number): Promise<string>;
3299
4426
  buildAndSetCustParams(iamData: IImaAdInfo, newUrl: URL, pageIndex?: number): void;
3300
- setSearchParamIfNotNull(newUrl: URL, key: string, value?: string): void;
4427
+ setSearchParamIfNotNullOrZero(newUrl: URL, key: string, value?: string | number): void;
3301
4428
  addAniviewMacrosToUrl(newUrl: URL): void;
3302
4429
  addGoogleAdsMacrosToUrl(newUrl: URL): void;
3303
4430
  onAdsManagerLoaded(adsManagerLoadedEvent: any): void;
@@ -3355,6 +4482,7 @@ export declare class BlazeWidgetAd extends BlazeWidgetVideoBase {
3355
4482
  isAdContainerConnectedToDOM(): Promise<boolean>;
3356
4483
  private destroyAd;
3357
4484
  handleCtaSwipeUp(): void;
4485
+ private event;
3358
4486
  }
3359
4487
 
3360
4488
  export declare class BlazeWidgetBannerAd extends HTMLElement {
@@ -3367,10 +4495,44 @@ export declare class BlazeWidgetBannerAd extends HTMLElement {
3367
4495
  private raiseAnalyticsEventToParent;
3368
4496
  }
3369
4497
 
3370
- export type BlazeWidgetContentType = BlazeWidgetMoment[] & BlazeWidgetStory[];
4498
+ export declare class BlazeWidgetVastAd extends HTMLElement {
4499
+ private contentType;
4500
+ private getReferringObject?;
4501
+ private adDisplayContainer?;
4502
+ private adsManager?;
4503
+ private adsLoader?;
4504
+ private adContainer;
4505
+ private adLoaderContainer;
4506
+ private videoElement?;
4507
+ private currentAdTag;
4508
+ private boundedOnBlur;
4509
+ private boundedOnFocus;
4510
+ private boundedOnVisibilityChange;
4511
+ private boundedOnWindowResize;
4512
+ adIndex: number;
4513
+ get googleIMA(): any;
4514
+ constructor(contentType: ContentType, getReferringObject?: (() => ReferringEventInfo) | undefined);
4515
+ private initializeGoogleIma;
4516
+ private buildImaUrl;
4517
+ startAd(videoElement: HTMLVideoElement, tag: string): Boolean;
4518
+ private onAdsManagerLoaded;
4519
+ private loadAds;
4520
+ private onAdEvent;
4521
+ private onAdError;
4522
+ private onAdClick;
4523
+ private onContentPauseRequested;
4524
+ private onContentResumeRequested;
4525
+ private onBlur;
4526
+ private onFocus;
4527
+ private onVisibilityChange;
4528
+ private onWindowResize;
4529
+ }
4530
+
4531
+ export type BlazeWidgetContentType = BlazeWidgetMoment[] & BlazeWidgetStory[] & BlazeVideoElement[];
3371
4532
  export declare class BlazeWidgetMomentModal extends BlazeWidgetModal {
3372
4533
  parentWidget: HTMLElement;
3373
4534
  playerLayout: MomentPlayerStyle;
4535
+ actionHandlers?: ActionHandler[] | undefined;
3374
4536
  data: IMoment[];
3375
4537
  playlistSessionId: string;
3376
4538
  navigationButtonsContainerElement: BlazeDiv;
@@ -3381,7 +4543,7 @@ export declare class BlazeWidgetMomentModal extends BlazeWidgetModal {
3381
4543
  boundOnKeyDown: (ev: KeyboardEvent) => void;
3382
4544
  boundOnNavigationChange: (ev: Event) => void;
3383
4545
  boundOnResizeEventDelay: (this: Window, ev: UIEvent) => void;
3384
- constructor(parentWidget: HTMLElement, playerLayout: MomentPlayerStyle);
4546
+ constructor(parentWidget: HTMLElement, playerLayout: MomentPlayerStyle, actionHandlers?: ActionHandler[] | undefined);
3385
4547
  connectedCallback(): void;
3386
4548
  disconnectedCallback(): void;
3387
4549
  setTheme(playerStyle: MomentPlayerStyle): void;
@@ -3421,7 +4583,7 @@ export declare class BlazeWidgetMomentPlayer extends WidgetAbstractPlayer {
3421
4583
  handlePrevDirection(): void;
3422
4584
  handleNextDirection(): void;
3423
4585
  releaseMomentFromMemory(moment: BlazeWidgetMoment): void;
3424
- updateItemData(itemToReplaceWith: BlazeWidgetMoment & BlazeWidgetStory, nextItemToInsert: BlazeWidgetMoment | BlazeWidgetStory): void;
4586
+ updateItemData(itemToReplaceWith: BlazeWidgetMoment & BlazeWidgetStory & BlazeVideoElement, nextItemToInsert: BlazeWidgetMoment | BlazeWidgetStory | BlazeVideoElement): void;
3425
4587
  createAnimation(content: BlazeWidgetMoment, direction: ContentDirection, targetIndex: number): AnimeTimelineInstance;
3426
4588
  handleAnimationStart(content: BlazeWidgetMoment, direction: ContentDirection): void;
3427
4589
  handleAnimationCompletion(content: BlazeWidgetMoment, mode: ContentDirection): Promise<void>;
@@ -3433,7 +4595,7 @@ export declare class BlazeWidgetMomentPlayer extends WidgetAbstractPlayer {
3433
4595
  pause(): void;
3434
4596
  onAnimationEnd(): void;
3435
4597
  handleWheel(evt: WheelEvent): void;
3436
- onKeyDown(event: KeyboardEvent): void;
4598
+ handleNavigationKeyPress(event: KeyboardEvent): void;
3437
4599
  changeContent(direction: ContentDirection): void;
3438
4600
  handleMuteClicked(): void;
3439
4601
  loadContentBatch(): void;
@@ -3518,10 +4680,11 @@ export declare class BlazeWidgetMoment extends BlazeWidgetContent {
3518
4680
  seekBar: BlazeWidgetMomentSeekBar;
3519
4681
  shareModal: BlazeWidgetShareModal | undefined;
3520
4682
  data: IMoment;
3521
- type: string;
4683
+ contentType: string;
3522
4684
  momentIndex: number;
3523
4685
  loopNumber: number;
3524
4686
  isLiked: boolean;
4687
+ actionHandlers: ActionHandler[];
3525
4688
  onClose: () => void;
3526
4689
  boundOnCtaClicked: (event: Event) => void;
3527
4690
  boundPlayPauseButtonClick: (event: MouseEvent) => void;
@@ -3543,6 +4706,8 @@ export declare class BlazeWidgetMoment extends BlazeWidgetContent {
3543
4706
  shareButtonElement: BlazeButton;
3544
4707
  playPauseButtonElement: BlazeButton;
3545
4708
  closedCaptionButtonElement: BlazeButton;
4709
+ customActionButtonOneElement: BlazeButton;
4710
+ customActionButtonTwoElement: BlazeButton;
3546
4711
  headBodyContainer: BlazeDiv;
3547
4712
  headElement: BlazeDiv;
3548
4713
  bodyElement: BlazeDiv;
@@ -3556,6 +4721,7 @@ export declare class BlazeWidgetMoment extends BlazeWidgetContent {
3556
4721
  originalVideoRef: BlazeWidgetVideo | undefined;
3557
4722
  constructor(playerStyle?: MomentPlayerStyle | undefined);
3558
4723
  setPlayerStyle(style: MomentPlayerStyle): void;
4724
+ setActionHandlers(actionHandlers: ActionHandler[]): void;
3559
4725
  connectedCallback(): void;
3560
4726
  disconnectedCallback(): void;
3561
4727
  setTheme(playerStyle: MomentPlayerStyle): void;
@@ -3602,7 +4768,6 @@ export declare class BlazeWidgetMoment extends BlazeWidgetContent {
3602
4768
  private handleOnClosedCaptionClick;
3603
4769
  private toggleCaptionsVisibility;
3604
4770
  handleOnShareClick(): Promise<void>;
3605
- onShareModalButtonClick(shareButton: BlazeShareButton): Promise<void>;
3606
4771
  loadMoments(): Promise<void>;
3607
4772
  load(loadingType?: 'direct' | 'cache'): Promise<void>;
3608
4773
  unload(): Promise<void>;
@@ -3617,9 +4782,10 @@ export declare class BlazeWidgetMoment extends BlazeWidgetContent {
3617
4782
  }): Promise<void>;
3618
4783
  updateContent(momentContentData: MomentContentParams): void;
3619
4784
  updateLikeCount(likes?: number): Promise<void>;
3620
- updateCta(cta: ICTA): void;
4785
+ updateCta(cta: ICta): void;
3621
4786
  onCtaClick(event: Event): boolean;
3622
4787
  play(): void;
4788
+ handleOnCustomActionButtonClick(e: MouseEvent, handlerOptions: CustomActionButtonOptions): void;
3623
4789
  handleOnClose(): void;
3624
4790
  handleOnLikeClick(): void;
3625
4791
  pause(): void;
@@ -3635,13 +4801,14 @@ export declare class BlazeWidgetMoment extends BlazeWidgetContent {
3635
4801
  export declare class BlazeWidgetStoryModal extends BlazeWidgetModal {
3636
4802
  parentWidget: HTMLElement;
3637
4803
  playerLayout: StoryPlayerStyle;
4804
+ actionHandlers?: ActionHandler[] | undefined;
3638
4805
  onOpen?: () => void;
3639
4806
  onClose?: (options?: ISmoothOpenCloseModal) => void;
3640
4807
  boundOnResizeEventDelay: (this: Window, ev: UIEvent) => void;
3641
4808
  boundOnKeyDown: (ev: KeyboardEvent) => void;
3642
4809
  boundOnBeforeUnload: () => void;
3643
4810
  private currentState;
3644
- constructor(parentWidget: HTMLElement, playerLayout: StoryPlayerStyle);
4811
+ constructor(parentWidget: HTMLElement, playerLayout: StoryPlayerStyle, actionHandlers?: ActionHandler[] | undefined);
3645
4812
  connectedCallback(): void;
3646
4813
  disconnectedCallback(): void;
3647
4814
  onBeforeUnload(): null | undefined;
@@ -3691,7 +4858,7 @@ export declare class BlazeWidgetStoryPlayer extends WidgetAbstractPlayer {
3691
4858
  exitTrigger?: ExitTriggerType;
3692
4859
  navigationType?: NavigationType;
3693
4860
  }): void;
3694
- onKeyDown(event: KeyboardEvent): false | undefined;
4861
+ handleNavigationKeyPress(event: KeyboardEvent): false | undefined;
3695
4862
  render(): void;
3696
4863
  loadContentBatch(): void;
3697
4864
  playToggleCurrentStory(): void;
@@ -3700,6 +4867,7 @@ export declare class BlazeWidgetStoryPlayer extends WidgetAbstractPlayer {
3700
4867
  export declare class BlazeWidgetStory extends BlazeWidgetContent {
3701
4868
  playerStyle: StoryPlayerStyle;
3702
4869
  mode: ScreenMode;
4870
+ actionHandlers: ActionHandler[];
3703
4871
  pages: BlazeWidgetVideoBase[];
3704
4872
  data: IStory;
3705
4873
  shareModal: BlazeWidgetShareModal | undefined;
@@ -3712,7 +4880,7 @@ export declare class BlazeWidgetStory extends BlazeWidgetContent {
3712
4880
  resumeAfterBlurButton: BlazeButton | undefined;
3713
4881
  aspectRatio?: ContentAspectRatio;
3714
4882
  pageIndex: number;
3715
- type: string;
4883
+ contentType: string;
3716
4884
  progressElement: HTMLElement;
3717
4885
  onPageStart?: () => void;
3718
4886
  onPrevStory?: (navigation: NavigationType) => void;
@@ -3726,6 +4894,8 @@ export declare class BlazeWidgetStory extends BlazeWidgetContent {
3726
4894
  exitMobileTabletButtonElement?: BlazeButton;
3727
4895
  fullScreenElement?: BlazeButton;
3728
4896
  closedCaptionsButtonElement?: BlazeButton;
4897
+ customActionButtonOneElement?: BlazeButton;
4898
+ customActionButtonTwoElement?: BlazeButton;
3729
4899
  topContainer: BlazeDiv;
3730
4900
  bottomContainer: BlazeDiv;
3731
4901
  contentWrapper: BlazeDiv;
@@ -3752,12 +4922,14 @@ export declare class BlazeWidgetStory extends BlazeWidgetContent {
3752
4922
  requestAnimationId: number | null;
3753
4923
  shouldShowImaAdOnStart: boolean;
3754
4924
  bannerAdElement?: BlazeWidgetBannerAd;
3755
- constructor(playerStyle: StoryPlayerStyle, mode: ScreenMode);
4925
+ get currentPageIndexWithoutCustomAds(): number;
4926
+ constructor(playerStyle: StoryPlayerStyle, mode: ScreenMode, actionHandlers?: ActionHandler[]);
3756
4927
  isButtonVisible(iconName: IconButtonType | StoryDirectionType): boolean | undefined;
3757
4928
  private createPlayerButtonsAndAppendToButtonsContainer;
3758
4929
  private createNavigationButtonsAndAppendToWidgetStoryContainer;
3759
4930
  private createResumeAfterBlurButton;
3760
4931
  private applyIconStyle;
4932
+ onCustomActionButtonClick(e: Event, handlerOptions: CustomActionButtonOptions): void;
3761
4933
  onShareClick(): Promise<void>;
3762
4934
  private onClosedCaptionClick;
3763
4935
  private updateCtaButtonLayout;