@wscsports/blaze-web-sdk 0.1.96 → 0.1.98

package/package.json

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

package/publish/index.d.ts

@@ -16,6 +16,7 @@ declare const _default: {
     Initialize: typeof Initialize;
     WidgetGridView: typeof WidgetGridView;
     WidgetRowView: typeof WidgetRowView;
+    WidgetEmbeddedStory: typeof WidgetEmbeddedStory;
     Theme: typeof Theme;
     addDelegateListener: typeof addDelegateListener;
     setDoNotTrack: typeof setDoNotTrack;
@@ -62,6 +63,7 @@ export declare abstract class BaseWidget extends HTMLElement {
     constructor();
     getAttribute<T = boolean | string | number>(qualifiedName: string): T;
     setStyle<T extends keyof CSSStyleDeclaration | string>(styles: Record<T, string | null>): void;
+    setAttributes(attributes: Record<string, string>): void;
     removeElement(): void;
 }
 
@@ -175,7 +177,7 @@ export interface IDrawerOptions {
     height?: string;
     width?: string;
 }
-type DrawerAttributes = 'open';
+type DrawerAttributes = 'open' | 'background-color' | 'border-color' | 'border-radius';
 export declare class BlazeDrawer extends BaseWidget {
     backdropContainer: BlazeDiv;
     drawerContainer: BlazeDiv;
@@ -297,6 +299,7 @@ export declare class BlazeCtaButton extends BaseWidget {
     disconnectedCallback(): void;
     attributeChangedCallback(name: AttributeType, oldValue: string, newValue: string): void;
     createButton(): void;
+    animateButton(): void;
     setCtaText(value: string): void;
     setWidth(value: string): void;
     setMargin(value: string): void;
@@ -377,14 +380,26 @@ export declare const exposedFieldsByAction: ExposedFields;
 
 export declare const TRANSPARENT = "transparent";
 
+export declare const TABLET_PADDING_BOTTOM = "15px";
+export declare const DESKTOP_PADDING_BOTTOM = "40px";
+export declare const ASPECT_RATIO_16_9: number;
+export declare const ASPECT_RATIO_9_16: number;
+export declare const ASPECT_RATIO_4_3: number;
+
 export * from './analytics.constants';
+export * from './device.constants';
 export * from './iso-country-codes.constants';
+export * from './style.constants';
 export * from './time.constants';
 export * from './css.constants';
 
 export declare const CountryCodes: readonly ["AF", "AX", "AL", "DZ", "AS", "AD", "AO", "AI", "AQ", "AG", "AR", "AM", "AW", "AU", "AT", "AZ", "BA", "BB", "BD", "BE", "BF", "BG", "BH", "BI", "BJ", "BL", "BM", "BN", "BO", "BQ", "BR", "BS", "BT", "BV", "BW", "BY", "BZ", "CA", "CC", "CD", "CF", "CG", "CH", "CI", "CK", "CL", "CM", "CN", "CO", "CR", "CU", "CV", "CW", "CX", "CY", "CZ", "DE", "DJ", "DK", "DM", "DO", "DZ", "EC", "EE", "EG", "EH", "ER", "ES", "ET", "FI", "FJ", "FK", "FM", "FO", "FR", "GA", "GB", "GD", "GE", "GF", "GG", "GH", "GI", "GL", "GM", "GN", "GP", "GQ", "GR", "GS", "GT", "GU", "GW", "GY", "HK", "HM", "HN", "HR", "HT", "HU", "ID", "IE", "IL", "IM", "IN", "IO", "IQ", "IR", "IS", "IT", "JE", "JM", "JO", "JP", "KE", "KG", "KH", "KI", "KM", "KN", "KP", "KR", "KW", "KY", "KZ", "LA", "LB", "LC", "LI", "LK", "LR", "LS", "LT", "LU", "LV", "LY", "MA", "MC", "MD", "ME", "MF", "MG", "MH", "MK", "ML", "MM", "MN", "MO", "MP", "MQ", "MR", "MS", "MT", "MU", "MV", "MW", "MX", "MY", "MZ", "NA", "NC", "NE", "NF", "NG", "NI", "NL", "NO", "NP", "NR", "NU", "NZ", "OM", "PA", "PE", "PF", "PG", "PH", "PK", "PL", "PM", "PN", "PR", "PS", "PT", "PW", "PY", "QA", "RE", "RO", "RS", "RU", "RW", "SA", "SB", "SC", "SD", "SE", "SG", "SH", "SI", "SJ", "SK", "SL", "SM", "SN", "SO", "SR", "SS", "ST", "SV", "SX", "SY", "SZ", "TC", "TD", "TF", "TG", "TH", "TJ", "TK", "TL", "TM", "TN", "TO", "TR", "TT", "TV", "UG", "UA", "AE", "GB", "US", "UM", "UY", "UZ", "VU", "VE", "VN", "VG", "VI", "WF", "EH", "YE", "ZM", "ZW"];
 
+export declare const DEFAULT_CTA_HEIGHT = 40;
+export declare const MIN_PADDING_BOTTOM = 10;
+
 export declare const ONE_SECOND = 1000;
+export declare const ONE_AND_HALF_SECOND = 1500;
 export declare const FAIL_TO_LOAD_TIMEOUT_MS = 3000;
 
 export declare class Database implements IDatabase {
@@ -576,6 +591,7 @@ export interface WidgetsTagNameMap {
     'blaze-widget-moment-player': BlazeWidgetMomentPlayer;
     'blaze-widget-moment-modal': BlazeWidgetMomentModal;
     'blaze-widget-share-modal': BlazeWidgetShareModal;
+    'blaze-widget-cta-modal': BlazeWidgetCtaModal;
     'blaze-widget-image': BlazeWidgetStoryImage;
     'blaze-widget-video': BlazeWidgetStoryVideo;
     'blaze-widget-moment-video': BlazeWidgetMomentVideo;
@@ -608,6 +624,7 @@ interface WidgetsTagNameOptionsMap {
     'blaze-widget-moment-player': {};
     'blaze-widget-moment-modal': {};
     'blaze-widget-share-modal': {};
+    'blaze-widget-cta-modal': {};
     'blaze-widget-image': {};
     'blaze-widget-video': {};
     'blaze-widget-moment-video': {};
@@ -673,6 +690,7 @@ export declare const playIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiI
 export declare const pauseIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InBsYXlfYXJyb3ciPgo8cmVjdCB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHJ4PSIyNCIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC42Ii8+CjxwYXRoIGlkPSJwYXVzZSIgZD0iTTI3IDM2VjEySDMzVjM2SDI3Wk0xNSAzNlYxMkgyMVYzNkgxNVoiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTIiLz4KPC9nPgo8L3N2Zz4K";
 export declare const arrowUpCtaIcon = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAyMCA4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJtMTggNy43LTAuNy0wLjItNy4zLTQtNy4zIDRjLTAuNyAwLjQtMS42IDAuMi0yLTAuNi0wLjQtMC43LTAuMS0xLjYgMC42LTJsOC00LjRhMiAyIDAgMCAxIDEuNSAwbDggNC40YzAuNyAwLjQgMSAxLjMgMC42IDItMC40IDAuNS0wLjkgMC44LTEuNCAwLjh6Ii8+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=";
 export declare const fullscreenIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzkxNTFfNTE4OSIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3Qgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF85MTUxXzUxODkpIj4KPHBhdGggZD0iTTUgMjFDNC40NSAyMSAzLjk3OTE3IDIwLjgwNDIgMy41ODc1IDIwLjQxMjVDMy4xOTU4MyAyMC4wMjA4IDMgMTkuNTUgMyAxOVYxNUg1VjE5SDlWMjFINVpNMTUgMjFWMTlIMTlWMTVIMjFWMTlDMjEgMTkuNTUgMjAuODA0MiAyMC4wMjA4IDIwLjQxMjUgMjAuNDEyNUMyMC4wMjA4IDIwLjgwNDIgMTkuNTUgMjEgMTkgMjFIMTVaTTMgOVY1QzMgNC40NSAzLjE5NTgzIDMuOTc5MTcgMy41ODc1IDMuNTg3NUMzLjk3OTE3IDMuMTk1ODMgNC40NSAzIDUgM0g5VjVINVY5SDNaTTE5IDlWNUgxNVYzSDE5QzE5LjU1IDMgMjAuMDIwOCAzLjE5NTgzIDIwLjQxMjUgMy41ODc1QzIwLjgwNDIgMy45NzkxNyAyMSA0LjQ1IDIxIDVWOUgxOVoiIGZpbGw9IiNGMEYwRjAiLz4KPC9nPgo8L3N2Zz4K";
 
 type CustomNativeTargeting = Record<string, string | string[]>;
@@ -699,7 +717,7 @@ export interface IBlazeSDKOptions {
 }
 export interface ISmoothOpenCloseModal {
     storyId?: string;
-    pageIndex?: number;
+    pageIndex: number;
 }
 
 export interface IButtonPlayerNavigationConfig {
@@ -984,6 +1002,7 @@ export declare class StoryEvent {
     'content_duration_viewed': number;
     'story_page_duration': number;
     'story_page_duration_viewed_percent': number;
+    'gesture_type': string;
     'labels_expression': string;
     'story_session_id': string;
     'story_page_index': number;
@@ -1469,6 +1488,7 @@ export interface CtaButtonStyle {
     color: string;
     isVisible: boolean;
     isAnimated: boolean;
+    isDisplayCtaModal: boolean;
     fontWeight: FontWeightType;
     textTransform: TextTransformType;
     padding: string;
@@ -2031,6 +2051,7 @@ export declare class Stopwatch {
 }
 
 export * from './widget-ad';
+export * from './widget-cta-modal';
 export * from './widget-embedded-story';
 export * from './widget-interaction';
 export * from './widget-item';
@@ -2084,6 +2105,29 @@ export declare class BlazeWidgetStoryAd extends BlazeWidgetStoryBase {
     private initStyles;
 }
 
+export declare class BlazeWidgetCtaModal extends BaseWidget {
+    ctaContainer: BlazeDiv;
+    ctaDrawer: BlazeDrawer;
+    ctaUrl: BlazeTypography;
+    textContainer: BlazeDiv;
+    labelText: BlazeTypography;
+    iconShare: BlazeButton;
+    iconExternalLink: BlazeButton;
+    progressBar: BlazeDiv;
+    fullscreenOverlay: BlazeDiv;
+    isOpen: boolean;
+    constructor();
+    static observedAttributes: string[];
+    connectedCallback(): Promise<void>;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    animateProgressBar(open: boolean): void;
+    onDrawerClose(): void;
+    open(): void;
+    close(): void;
+    render(): void;
+}
+
 export declare class BlazeWidgetEmbeddedStory extends BaseWidget implements IWidgetView, Observable {
     preset?: IWidgetTheme;
     players: BlazeWidgetStory[];
@@ -2094,6 +2138,8 @@ export declare class BlazeWidgetEmbeddedStory extends BaseWidget implements IWid
     modal?: BlazeWidgetStoryModal;
     skeleton?: BlazeWidgetItemSkeleton;
     shouldReloadData: boolean;
+    bindedOnStoryPlayerDidAppear: (e: Event) => void;
+    bindedOnStoryPlayerDismissed: (e: Event) => void;
     private get theme();
     constructor();
     static get observedAttributes(): string[];
@@ -2131,6 +2177,9 @@ export declare class BlazeWidgetEmbeddedStory extends BaseWidget implements IWid
     onCustomNativeAdEnded(): void;
     showSkeleton(): void;
     hideSkeleton(): void;
+    private onStoryPlayerDidAppear;
+    private onStoryPlayerDismissed;
+    private onOtherModalOpenedClosed;
 }
 
 export declare class BlazeWidgetInteraction extends BaseWidget {
@@ -2624,6 +2673,7 @@ export declare class BlazeWidgetStoryModal extends BlazeWidgetModal {
     setTheme(theme: IWidgetTheme): void;
     setStories(stories: IStory[], showInteraction?: boolean): void;
     seek(id: string): void;
+    handleExit(): void;
     onKeyDown(ev: KeyboardEvent): void;
     close(): void;
     open(options?: ISmoothOpenCloseModal): void;
@@ -2709,8 +2759,8 @@ export declare class BlazeWidgetStoryPreview extends BlazeWidgetStory {
     playbackParts: HTMLElement[];
     playToggleBtn: HTMLElement;
     muteToggleBtn: HTMLElement;
-    storyTitle: HTMLElement;
-    storyPublishedDate: HTMLElement;
+    storyTitle: BlazeDiv;
+    storyPublishedDate: BlazeDiv;
     storyThumbnail: HTMLElement;
     storyChip: HTMLElement;
     ctaButton: HTMLElement;
@@ -2828,10 +2878,12 @@ export declare class BlazeWidgetStory extends HTMLElement {
     mode: 'Full Screen' | 'Embedded';
     pages: BlazeWidgetStoryBase[];
     data: IStory;
-    shareModal: BlazeWidgetShareModal | undefined;
+    shareModal?: BlazeWidgetShareModal;
+    ctaModal?: BlazeWidgetCtaModal;
     isStoryLoadCompletedTriggered: boolean;
     isStoryActive: boolean;
     isResumeOnFocusExecuted: boolean;
+    isCtaWasClickedOrSwiped: boolean;
     refWidget: BlazeWidgetStory[] | undefined;
     pageIndex: number;
     container: HTMLElement;
@@ -2850,9 +2902,9 @@ export declare class BlazeWidgetStory extends HTMLElement {
     topContainer: BlazeDiv;
     bottomContainer: BlazeDiv;
     storyContentWrapper: BlazeDiv;
-    storyTitle: HTMLElement;
-    storyPublishedDate: HTMLElement;
-    storyLiveChip: HTMLElement;
+    storyTitle: BlazeDiv;
+    storyPublishedDate: BlazeDiv;
+    storyLiveChip: BlazeDiv;
     bottomButtonsWrapper: BlazeDiv;
     ctaButtonElement: BlazeCtaButton;
     prevPageButton?: BlazeButton;
@@ -2864,7 +2916,7 @@ export declare class BlazeWidgetStory extends HTMLElement {
     playCallback: any;
     sessionId: string;
     startTrigger: 'Embedded Player in Viewport' | 'Widget' | 'Deeplink' | 'Swipe' | 'Skip' | 'SingleStory' | 'Share' | '';
-    exitTrigger: 'Swipe' | 'Swipe Down' | 'Skip' | 'Close Button' | 'CTA Click' | 'Escape Button' | '';
+    exitTrigger: 'Swipe' | 'Swipe Down' | 'Swipe Up' | 'Skip' | 'Close Button' | 'CTA Click' | 'Escape Button' | '';
     navigationType: 'Automatic' | 'Manual' | undefined;
     navigationDirection: 'Forwards' | 'Backwards' | undefined;
     resumeAfterfocus: boolean;
@@ -2893,7 +2945,7 @@ export declare class BlazeWidgetStory extends HTMLElement {
     adjustAdView(): void;
     setPlayerButtonPosition(state: 'AD' | 'NO_AD'): void;
     updatePlayerButtonIcons(): void;
-    onCtaClick(event: Event): boolean;
+    handleCtaAction(event: Event, gestureType: 'Swipe Up' | 'CTA Click'): boolean;
     playToggle(): void;
     muteToggle(): boolean;
     setWidgetParent(parent: BlazeWidgetItem): void;
@@ -2920,6 +2972,7 @@ export declare class BlazeWidgetStory extends HTMLElement {
     updateContainerLayout(): void;
     connectedCallback(): void;
     onShareModalClose(): void;
+    onCtaModalClick(): void;
     onShareModalButtonClick(shareButton: BlazeShareButton): Promise<void>;
     onVisibilityChange(): void;
     onBlur(): void;