@wscsports/blaze-web-sdk 0.3.2 → 0.3.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wscsports/blaze-web-sdk",
-  "version": "0.3.2",
+  "version": "0.3.4",
   "main": "publish/index",
   "types": "publish/index",
   "files": [

package/publish/index.d.ts

@@ -172,7 +172,7 @@ export declare class StoryEvent {
     'content_duration_viewed': number;
     'story_page_duration': number;
     'story_page_duration_viewed_percent': number;
-    'gesture_type': string;
+    'gesture_type': StoryGestureType;
     'labels_expression': string;
     'story_session_id': string;
     'story_page_index': number;
@@ -196,6 +196,7 @@ export declare class MomentEvent {
     'playback_action_method': string;
     'audio_state': string;
     'loop_number': string;
+    'gesture_type': MomentGestureType;
 }
 export declare class WidgetEvent {
     'page_view_id': string;
@@ -241,6 +242,7 @@ export declare class AdEvent {
     'ad_path': string;
     'ad_unit_id': string;
     'session_id': string;
+    'gesture_type': MomentGestureType | StoryGestureType;
 }
 export declare class ImaAdEvent {
     'story_id': string;
@@ -256,6 +258,7 @@ export declare class ImaAdEvent {
     'failure_reason': string;
     'ad_type': string;
     'ima_url': string;
+    'player_orientation': ContentAspectRatio;
 }
 export declare class InteractionEvent {
     'interaction_id': string;
@@ -303,7 +306,7 @@ export declare class BlazeDataSourceValidations {
     static validateFormat(dataSource: BlazeDataSourceType): void;
 }
 
-export declare function debounce<T extends Event>(func: EventHandler<T>, _delay: number): (event: T) => Promise<void>;
+export declare function debounce<T extends (...args: any[]) => any>(func: T, delay: number): (...args: Parameters<T>) => void;
 
 export declare const Platform: {
     readonly Console: "console";
@@ -335,6 +338,7 @@ declare class DeviceDetector {
     private detectPlatform;
     private getScreenOrientation;
     private handleResize;
+    isIOSMobileTabletSafari(): boolean;
 }
 export declare const deviceDetector: DeviceDetector;
 
@@ -475,6 +479,7 @@ export declare class BlazeImage extends BaseWidget {
     setHeight(value: string): void;
     setRatio(ratio: string): void;
     setBorderRadius(radius: string): void;
+    setAccessibility(text: string): void;
 }
 
 export * from './alert';
@@ -536,7 +541,7 @@ export declare class BlazeButton extends BaseWidget {
     private setWidth;
 }
 
-type AttributeType = 'hidden-btn' | 'width' | 'height' | 'margin' | 'text' | 'href' | 'icon-url' | 'icon-size' | 'icon-color' | 'arrow-icon-display' | 'arrow-icon-color';
+type AttributeType = 'hidden-btn' | 'width' | 'height' | 'margin' | 'text' | 'href' | 'icon-url' | 'icon-size' | 'icon-color' | 'arrow-icon-display' | 'arrow-icon-color' | 'display-icon';
 export declare class BlazeCtaButton extends BaseWidget {
     anchorButtonElement: HTMLAnchorElement;
     iconButtonElement: BlazeButton;
@@ -1044,7 +1049,6 @@ export declare const externalLinkIconSvg = "data:image/svg+xml;base64,PD94bWwgdm
 export declare const fullscreenIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzkxNTFfNTE4OSIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF85MTUxXzUxODkpIj4KPHBhdGggZD0iTTUgMjFDNC40NSAyMSAzLjk3OTE3IDIwLjgwNDIgMy41ODc1IDIwLjQxMjVDMy4xOTU4MyAyMC4wMjA4IDMgMTkuNTUgMyAxOVYxNUg1VjE5SDlWMjFINVpNMTUgMjFWMTlIMTlWMTVIMjFWMTlDMjEgMTkuNTUgMjAuODA0MiAyMC4wMjA4IDIwLjQxMjUgMjAuNDEyNUMyMC4wMjA4IDIwLjgwNDIgMTkuNTUgMjEgMTkgMjFIMTVaTTMgOVY1QzMgNC40NSAzLjE5NTgzIDMuOTc5MTcgMy41ODc1IDMuNTg3NUMzLjk3OTE3IDMuMTk1ODMgNC40NSAzIDUgM0g5VjVINVY5SDNaTTE5IDlWNUgxNVYzSDE5QzE5LjU1IDMgMjAuMDIwOCAzLjE5NTgzIDIwLjQxMjUgMy41ODc1QzIwLjgwNDIgMy45NzkxNyAyMSA0LjQ1IDIxIDVWOUgxOVoiIGZpbGw9IiNGMEYwRjAiLz4KPC9nPgo8L3N2Zz4K";
 export declare const arrowDownMomentIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNjY2NjcgMThWNS43MzMzMkwxLjg2NjY3IDEwLjUzMzNMMCA4LjY2NjY2TDggMC42NjY2NTZMMTYgOC42NjY2NkwxNC4xMzMzIDEwLjUzMzNMOS4zMzMzMyA1LjczMzMyVjE4SDYuNjY2NjdaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjkyIi8+Cjwvc3ZnPgo=";
 export declare const arrowUpMomentIconSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgdHJhbnNmb3JtPSJzY2FsZSgxIC0xKSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTYuNjY2NjcgMThWNS43MzMzMkwxLjg2NjY3IDEwLjUzMzNMMCA4LjY2NjY2TDggMC42NjY2NTZMMTYgOC42NjY2NkwxNC4xMzMzIDEwLjUzMzNMOS4zMzMzMyA1LjczMzMyVjE4SDYuNjY2NjdaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjkyIi8+Cjwvc3ZnPgo=";
-export declare const externalLinkIcon = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgY3Jvc3NvcmlnaW49ImFub255bW91cyI+CjxwYXRoIGQ9Im0xMiAwYzYuNiAwIDEyIDUuNCAxMiAxMnMtNS40IDEyLTEyIDEyLTEyLTUuNC0xMi0xMiA1LjQtMTIgMTItMTJ6IiBmaWxsLW9wYWNpdHk9Ii4xIi8+CjxwYXRoIGQ9Im0xMy44IDE0LjYgMC4yIDAuNS0wLjIgMC41LTEuNSAxLjRjLTAuNyAwLjctMS43IDEuMS0yLjcgMS4xYTQgNCAwIDAgMS0yLjctMS4xIDMuOSAzLjkgMCAwIDEtMS4xLTIuNyA0IDQgMCAwIDEgMS4xLTIuN2wxLjUtMS41IDAuNS0wLjEgMC41IDAuMiAwLjIgMC41LTAuMiAwLjUtMS41IDEuNWMtMC41IDAuNS0wLjcgMS4xLTAuNyAxLjdzMC4zIDEuMyAwLjcgMS43YzAuNSAwLjUgMS4xIDAuNyAxLjcgMC43czEuMy0wLjMgMS43LTAuN2wxLjUtMS41YzAuMy0wLjMgMC43LTAuMyAxIDB6bTMuMi03LjZhMy45IDMuOSAwIDAgMC0yLjctMS4xIDQgNCAwIDAgMC0yLjcgMS4xbC0xLjUgMS41LTAuMSAwLjQgMC4yIDAuNSAwLjUgMC4yIDAuNS0wLjIgMS41LTEuNWMwLjUtMC41IDEuMS0wLjcgMS43LTAuN3MxLjMgMC4zIDEuNyAwLjdjMC41IDAuNSAwLjcgMS4xIDAuNyAxLjdzLTAuMyAxLjMtMC43IDEuN2wtMS41IDEuNS0wLjIgMC41IDAuMiAwLjUgMC41IDAuMiAwLjUtMC4yIDEuNS0xLjVjMC43LTAuNyAxLjEtMS43IDEuMS0yLjctMC4xLTEtMC41LTEuOS0xLjItMi42em0tNy45IDcuMiAwLjIgMC41IDAuNSAwLjIgMC41LTAuMiA0LjUtNC41IDAuMi0wLjUtMC4yLTAuNWMtMC4zLTAuMi0wLjgtMC4yLTEgMC4xbC00LjUgNC41eiIvPgo8L3N2Zz4K";
 export declare const newPageIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzk0NDlfOTc2NyIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF85NDQ5Xzk3NjcpIj4KPHBhdGggZD0iTTUgMjFDNC40NSAyMSAzLjk3OTE3IDIwLjgwNDIgMy41ODc1IDIwLjQxMjVDMy4xOTU4MyAyMC4wMjA4IDMgMTkuNTUgMyAxOVY1QzMgNC40NSAzLjE5NTgzIDMuOTc5MTcgMy41ODc1IDMuNTg3NUMzLjk3OTE3IDMuMTk1ODMgNC40NSAzIDUgM0gxMlY1SDVWMTlIMTlWMTJIMjFWMTlDMjEgMTkuNTUgMjAuODA0MiAyMC4wMjA4IDIwLjQxMjUgMjAuNDEyNUMyMC4wMjA4IDIwLjgwNDIgMTkuNTUgMjEgMTkgMjFINVpNOS43IDE1LjdMOC4zIDE0LjNMMTcuNiA1SDE0VjNIMjFWMTBIMTlWNi40TDkuNyAxNS43WiIgZmlsbD0iI0YwRjBGMCIvPgo8L2c+Cjwvc3ZnPgo=";
 
 type CustomNativeTargeting = Record<string, string | string[]>;
@@ -1093,7 +1097,7 @@ export interface IButtonPlayerNavigationConfig {
 export interface IButtonPlayerConfig {
     iconUrl: string;
     eventType: string;
-    clickHandler: (event: Event) => void;
+    clickHandler: (event?: Event) => void;
     dataTestId?: string;
 }
 
@@ -1864,6 +1868,26 @@ type BlazeMomentsPlayerButtonStyle = {
     tablet: BlazeMomentsPlayerButtonDeviceStyle;
     desktop: BlazeMomentsPlayerButtonDeviceStyle;
 };
+export type BlazeMomentsPlayerCtaStyle = {
+    cornerRadius: string;
+    textSize: string;
+    font: string;
+    fontWeight: FontWeightType;
+    width: string;
+    height: string;
+    layoutPositioning: BlazeMomentsPlayerCTAPositioning;
+    horizontalAlignment: BlazeMomentsPlayerCTAHorizontalAlignment;
+    icon: BlazeMomentsPlayerCtaIconStyle;
+};
+type BlazeMomentsPlayerCTAPositioning = 'CTA_BELLOW_BOTTOM_BUTTONS_BOX' | 'CTA_NEXT_TO_BOTTOM_BUTTONS_BOX';
+type BlazeMomentsPlayerCTAHorizontalAlignment = 'START' | 'CENTER' | 'END' | 'FULL_AVAILABLE_WIDTH';
+type BlazeMomentsPlayerCtaIconStyle = {
+    position: 'START';
+    color: string;
+    url: string;
+    size: string;
+    isVisible: boolean;
+};
 type BlazeSeekBarStyle = {
     isVisible: boolean;
     isThumbVisible: boolean;
@@ -1889,7 +1913,9 @@ export interface MomentPlayerStyle {
     icons: BlazeMomentIconsStyle;
     iconsButtonOrder: IconButtonType[];
     iconsPosition: IconsPositionType;
+    contentBoxHorizontalSpacing: string;
     seekBar: BlazeMomentsPlayerSeekBarStyle;
+    ctaButton: BlazeMomentsPlayerCtaStyle;
 }
 export interface CtaButtonStyle {
     borderRadius: string;
@@ -2326,6 +2352,9 @@ export type ElementType = WidgetElementType | ComponentsElementType;
 
 export type EnvironmentType = 'prod' | 'uat';
 
+export type StoryGestureType = 'Swipe Up' | 'CTA Click';
+export type MomentGestureType = 'CTA Click';
+
 export * from './attribute-parser';
 export * from './button.type';
 export * from './client-platform.type';
@@ -2348,6 +2377,7 @@ export * from './widget.type';
 export * from './chip-status.type';
 export * from './prefetch.type';
 export * from './trigger.type';
+export * from './gesture.type';
 
 export type EntitiesType = 'playerId' | 'teamId' | 'gameId' | 'roundId';
 export type PerItemStyleOverrides = Partial<Record<EntitiesType, Array<{
@@ -3055,6 +3085,7 @@ export declare class BlazeWidgetVideo extends BlazeWidgetVideoBase {
     connectedCallback(): void;
     disconnectedCallback(): void;
     setData(data: IPage): void;
+    getVideoDuration(): Promise<number>;
     loadPoster(): void;
     display(): void;
     hide(): void;
@@ -3070,6 +3101,7 @@ export declare class BlazeWidgetVideo extends BlazeWidgetVideoBase {
     set currentTime(value: number);
     get currentTime(): number;
     get duration(): number;
+    videoDurationMetrics(): Promise<void>;
     requestFrameCallback(callback: () => void): void;
     mainElement(): CanvasImageSource;
     get paused(): boolean;
@@ -3106,10 +3138,13 @@ export declare class BlazeWidgetAd extends BlazeWidgetVideoBase {
     private onFail?;
     private isAdFailed;
     private isPlaying;
+    private boundMessageEvent;
+    private ctaModal;
     constructor(contentParent: BlazeWidgetStory | BlazeWidgetMoment);
     connectedCallback(): void;
     disconnectedCallback(): void;
     render(): void;
+    handleMessageEvent(event: MessageEvent): void;
     get currentTime(): number;
     set currentTime(value: number);
     get duration(): number;
@@ -3131,6 +3166,7 @@ export declare class BlazeWidgetAd extends BlazeWidgetVideoBase {
     private initStyles;
     isAdContainerConnectedToDOM(): Promise<boolean>;
     private destroyAd;
+    handleCtaSwipeUp(): void;
 }
 
 export declare class BlazeWidgetBannerAd extends HTMLElement {
@@ -3245,6 +3281,7 @@ export declare class BlazeWidgetMomentSeekBar extends HTMLElement {
     static get observedAttributes(): string[];
     attributeChangedCallback(name: string, oldValue: string, _newValue: string): void;
     connectedCallback(): void;
+    private addTransitionStyle;
     onContentPaused(): void;
     onContentResumed(directReset?: boolean): void;
     disconnectedCallback(): void;
@@ -3303,6 +3340,9 @@ export declare class BlazeWidgetMoment extends BlazeWidgetContent {
     topContainer: BlazeDiv;
     bottomContainer: BlazeDiv;
     bottomContentContainer: BlazeDiv;
+    buttonsContainer: BlazeDiv;
+    bottomContainerCtaAndContent: BlazeDiv;
+    bottomContainerCtaContentButtons: BlazeDiv;
     shadowBottomElement: BlazeDiv;
     shadowTopElement: BlazeDiv;
     topButtonsContainer: BlazeDiv;
@@ -3320,6 +3360,7 @@ export declare class BlazeWidgetMoment extends BlazeWidgetContent {
     ctaButtonElement: BlazeCtaButton;
     isInit: boolean;
     isActive: boolean;
+    isMomentPausedByPlayPauseButton: boolean;
     shouldShowImaAdOnStart: boolean;
     imaUrl: string;
     adContext?: IAdContext;
@@ -3341,10 +3382,15 @@ export declare class BlazeWidgetMoment extends BlazeWidgetContent {
     styleTopContainer(): void;
     styleBottomContainer(): void;
     styleHeadBodyContainer(): void;
-    styleContent(element: BlazeDiv, textStyle: BlazeMomentsPlayerTextStyle, type: string): void;
-    styleLike(): void;
-    styleShare(): void;
-    styleCta(): void;
+    styleContent(element: BlazeDiv, textStyle: BlazeMomentsPlayerTextStyle, type: 'HEADING_CONTENT' | 'BODY_CONTENT'): void;
+    applyLikeStyle(): void;
+    applyShareStyle(): void;
+    private applyCtaButtonStyles;
+    private setAnchorButtonStyles;
+    private setIconAttributes;
+    private setLayoutPositioning;
+    private setCtaButtonAlignment;
+    setLayoutSpacing(ctaButtonStyle: BlazeMomentsPlayerCtaStyle, horizontalSpacing: string): void;
     initializeElements(): void;
     appendShadowElements(): void;
     createButtonElement(options: ButtonElementOptions, button: BlazeButton): void;
@@ -3354,6 +3400,7 @@ export declare class BlazeWidgetMoment extends BlazeWidgetContent {
     handleMobileSpecificFeatures(): void;
     configureContentBody(): void;
     appendBottomContainer(): void;
+    private updateLayoutPositioning;
     createPlayPauseButton(): void;
     handlePlayPauseButtonClick(): void;
     setModal(modal: BlazeWidgetMomentModal): void;
@@ -3384,13 +3431,13 @@ export declare class BlazeWidgetMoment extends BlazeWidgetContent {
     onCtaClick(event: Event): boolean;
     play(): void;
     handleOnClose(): void;
-    handleOnLikeClick(e: Event): void;
+    handleOnLikeClick(): void;
     pause(): void;
     resume(): void;
     resetPosition(): void;
     restartVideo(): void;
     adjustAdView(): void;
-    event(action: MomentAction, momentData: Partial<MomentEvent>, label?: string | undefined): void;
+    event(action: MomentAction, momentData: Partial<MomentEvent>, label?: string | undefined): Promise<void>;
     render(): void;
 }
 
@@ -3516,7 +3563,7 @@ export declare class BlazeWidgetStory extends BlazeWidgetContent {
     adjustAdView(): void;
     private setPlayerButtonPosition;
     updatePlayerButtonIcons(): void;
-    handleCtaAction(event: Event, gestureType: 'Swipe Up' | 'CTA Click'): boolean;
+    handleCtaAction(event: Event, gestureType: StoryGestureType): boolean;
     playToggle(options?: {
         customIsPlaying?: boolean;
     }): void;
@@ -3539,7 +3586,7 @@ export declare class BlazeWidgetStory extends BlazeWidgetContent {
     load(): void;
     play(): void;
     bannerAdEvent(detail: InternalEventDetails[InternalEvent.BANNER_ANALYTICS]): void;
-    event(action: StoryAction, storyData: Partial<StoryEvent>, label?: string | undefined): void;
+    event(action: StoryAction, storyData: Partial<StoryEvent>, label?: string | undefined): Promise<void>;
     updateContainerLayout(): void;
     connectedCallback(): void;
     onShareModalClose(): void;