@wscsports/blaze-web-sdk 0.1.87 → 0.1.89

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wscsports/blaze-web-sdk",
-  "version": "0.1.87",
+  "version": "0.1.89",
   "main": "publish/index",
   "types": "publish/index",
   "files": [
@@ -8,7 +8,8 @@
   ],
   "scripts": {
     "start:dev": "webpack-dev-server --config webpack.config.dev",
-    "build:dev": "webpack --config webpack.config.dev.js",
+    "build:pr": "webpack --config webpack.config.prod-pr.js",
+    "build:dev": "webpack --config webpack.config.dev-pr.js",
     "build:prod": "webpack --config webpack.config.prod.js",
     "publish:latest": "npm run build:prod && npm publish --access public --tag latest",
     "publish:beta": "npm run build:prod && npm publish --access public --tag beta",
@@ -39,4 +40,4 @@
     "intersection-observer": "^0.12.2",
     "ua-parser-js": "^1.0.36"
   }
-}
+}

package/publish/index.d.ts

@@ -8,6 +8,8 @@ export declare function Theme(theme: ThemeType): IWidgetTheme;
 export declare function addDelegateListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
 export declare const Delegations: typeof Delegation;
 export declare function LabelBuilder(): IWidgetLabelBuilder;
+export declare function pause(): void;
+export declare function resume(): void;
 declare const _default: {
     Initialize: typeof Initialize;
     WidgetGridView: typeof WidgetGridView;
@@ -18,6 +20,8 @@ declare const _default: {
     setGeoLocation: typeof setGeoLocation;
     LabelBuilder: typeof LabelBuilder;
     Delegations: typeof Delegation;
+    pause: typeof pause;
+    resume: typeof resume;
 };
 export default _default;
 
@@ -194,6 +198,7 @@ export declare class BlazeImage extends BaseWidget {
     thumbnailElement: HTMLImageElement;
     constructor();
     load(src: string): void;
+    setHeight(value: string): void;
     setRatio(ratio: string): void;
     setBorderRadius(radius: string): void;
 }
@@ -254,7 +259,7 @@ export declare class BlazeTypography extends BaseWidget {
     get fontSize(): ".8rem" | "1rem" | ".5rem";
 }
 
-type AttributeType = 'disabled' | 'hidden' | 'height' | 'width';
+type AttributeType = 'disabled' | 'hidden' | 'height' | 'width' | 'icon-color';
 export declare class BlazeButton extends BaseWidget {
     buttonElement: HTMLButtonElement;
     constructor();
@@ -271,8 +276,30 @@ 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';
+export declare class BlazeCtaButton extends BaseWidget {
+    anchorButtonElement: HTMLAnchorElement;
+    iconButtonElement: BlazeButton;
+    iconArrowElement: BlazeButton;
+    ctaTextElement: BlazeDiv;
+    isButtonCreated: boolean;
+    constructor();
+    static observedAttributes: string[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: AttributeType, oldValue: string, newValue: string): void;
+    createButton(): void;
+    setCtaText(value: string): void;
+    setWidth(value: string): void;
+    setMargin(value: string): void;
+    setAnchorButtonStyles(styles: Partial<CSSStyleDeclaration>): void;
+    setCtaTextStyle(styles: Partial<CSSStyleDeclaration>): void;
+    setCtaIconStyles(styles: Partial<CSSStyleDeclaration>): void;
+}
+
 export * from './share-button';
 export * from './button';
+export * from './cta-button';
 
 export type ShareButtonType = 'copy-link' | 'linked-in';
 type AttributeType = 'size' | 'button-type';
@@ -542,6 +569,7 @@ export interface WidgetsTagNameMap {
     'blaze-div': BlazeDiv;
     'blaze-share-button': BlazeShareButton;
     'blaze-button': BlazeButton;
+    'blaze-button-cta': BlazeCtaButton;
     'blaze-typography': BlazeTypography;
 }
 interface WidgetsTagNameOptionsMap {
@@ -572,6 +600,7 @@ interface WidgetsTagNameOptionsMap {
     'blaze-div': {};
     'blaze-share-button': {};
     'blaze-button': {};
+    'blaze-button-cta': {};
     'blaze-typography': {};
 }
 export declare abstract class WidgetsFactory {
@@ -621,6 +650,8 @@ export declare const newPrevPageIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD
 export declare const restartIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzVfNDg5ODEiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjQiIHk9IjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHg9IjQiIHk9IjQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45MiIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfNV80ODk4MSkiPgo8cGF0aCBkPSJNMTYgMjRDMTMuNzY2NyAyNCAxMS44NzUgMjMuMjI1IDEwLjMyNSAyMS42NzVDOC43NzUgMjAuMTI1IDggMTguMjMzMyA4IDE2QzggMTMuNzY2NyA4Ljc3NSAxMS44NzUgMTAuMzI1IDEwLjMyNUMxMS44NzUgOC43NzUgMTMuNzY2NyA4IDE2IDhDMTcuMTUgOCAxOC4yNSA4LjIzNzUgMTkuMyA4LjcxMjVDMjAuMzUgOS4xODc1IDIxLjI1IDkuODY2NjcgMjIgMTAuNzVWOEgyNFYxNUgxN1YxM0gyMS4yQzIwLjY2NjcgMTIuMDY2NyAxOS45Mzc1IDExLjMzMzMgMTkuMDEyNSAxMC44QzE4LjA4NzUgMTAuMjY2NyAxNy4wODMzIDEwIDE2IDEwQzE0LjMzMzMgMTAgMTIuOTE2NyAxMC41ODMzIDExLjc1IDExLjc1QzEwLjU4MzMgMTIuOTE2NyAxMCAxNC4zMzMzIDEwIDE2QzEwIDE3LjY2NjcgMTAuNTgzMyAxOS4wODMzIDExLjc1IDIwLjI1QzEyLjkxNjcgMjEuNDE2NyAxNC4zMzMzIDIyIDE2IDIyQzE3LjI4MzMgMjIgMTguNDQxNyAyMS42MzMzIDE5LjQ3NSAyMC45QzIwLjUwODMgMjAuMTY2NyAyMS4yMzMzIDE5LjIgMjEuNjUgMThIMjMuNzVDMjMuMjgzMyAxOS43NjY3IDIyLjMzMzMgMjEuMjA4MyAyMC45IDIyLjMyNUMxOS40NjY3IDIzLjQ0MTcgMTcuODMzMyAyNCAxNiAyNFoiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuOTIiLz4KPC9nPgo8L3N2Zz4K";
 export declare const playIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InBsYXlfYXJyb3ciPgo8cmVjdCB3aWR0aD0iNDgiIGhlaWdodD0iNDgiIHJ4PSIyNCIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC42Ii8+CjxwYXRoIGlkPSJwbGF5X2Fycm93XzIiIGQ9Ik0xOCAzNlYxMkwzNiAyNEwxOCAzNloiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTIiLz4KPC9nPgo8L3N2Zz4K";
 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 type EnvironmentType = 'prod' | 'uat';
 export interface IBlazeSDKOptions {
@@ -1214,6 +1245,7 @@ declare abstract class VideoPlayerServiceClass extends VideoPlayerServiceClass_b
     private _isMuted;
     private _isPlaying;
     private _isNavigating;
+    private _isModalOpen;
     private _playReference;
     constructor();
     init(): Promise<void>;
@@ -1225,6 +1257,8 @@ declare abstract class VideoPlayerServiceClass extends VideoPlayerServiceClass_b
     set isNavigating(value: boolean);
     get playReference(): PlayType;
     set playReference(value: PlayType);
+    get isModalOpen(): boolean;
+    set isModalOpen(value: boolean);
 }
 export declare const VideoPlayerService: VideoPlayerServiceClass;
 
@@ -1245,6 +1279,8 @@ export * from './theme.interface';
 export declare class Presets {
     static widgetFont: string;
     static playerFont: string;
+    static iconDefaultStyle: IconStyle;
+    static CtaButtonStyle: CtaButtonStyle;
     static StatusLiveStyle: IndicatorStyle;
     static StatusLiveUnreadStyle: IndicatorStyle;
     static StatusReadStyle: IndicatorStyle;
@@ -1325,6 +1361,30 @@ export interface StoryPlayerStyle {
     chipVisible: boolean;
     chipFont: string;
     chipFontSize: string;
+    ctaButton: CtaButtonStyle;
+}
+export interface CtaButtonStyle {
+    borderRadius: string;
+    border: string;
+    fontSize: string;
+    font: string;
+    backgroundColor: string;
+    color: string;
+    isVisible: boolean;
+    isAnimated: boolean;
+    fontWeight: 'normal' | 'bold' | 'bolder' | 'lighter' | 'inherit' | 'initial' | 'unset' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
+    textTransform: 'capitalize' | 'uppercase' | 'lowercase' | 'none';
+    padding: string;
+    width: string;
+    height: string;
+    position: ButtonPositionType;
+    icon: IconStyle;
+}
+export interface IconStyle {
+    isVisible: boolean;
+    url: string;
+    size: string;
+    color: string;
 }
 export interface IWidgetTheme {
     layoutStyle: LayoutStyle;
@@ -1384,7 +1444,7 @@ export declare function AttributeParser<TBase extends GHTMLElement>(Base: TBase)
         click(): void;
         hidePopover(): void;
         showPopover(): void;
-        togglePopover(force?: boolean | undefined): boolean;
+        togglePopover(force?: boolean | undefined): void;
         addEventListener<K extends keyof HTMLElementEventMap>(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions | undefined): void;
         addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
         removeEventListener<K_1 extends keyof HTMLElementEventMap>(type: K_1, listener: (this: HTMLElement, ev: HTMLElementEventMap[K_1]) => any, options?: boolean | EventListenerOptions | undefined): void;
@@ -1519,7 +1579,6 @@ export declare function AttributeParser<TBase extends GHTMLElement>(Base: TBase)
         ariaColIndex: string | null;
         ariaColSpan: string | null;
         ariaCurrent: string | null;
-        ariaDescription: string | null;
         ariaDisabled: string | null;
         ariaExpanded: string | null;
         ariaHasPopup: string | null;
@@ -1590,7 +1649,6 @@ export declare function AttributeParser<TBase extends GHTMLElement>(Base: TBase)
         onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null;
         onauxclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null;
         onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null;
-        onbeforetoggle: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null;
         oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -1697,6 +1755,10 @@ export declare enum ButtonNavigation {
     PREV_PAGE = 2,
     NEXT_PAGE = 3
 }
+export type ButtonPositionType = 'LEFT' | 'CENTER' | 'RIGHT';
+export declare const positionMap: {
+    [key: string]: string;
+};
 
 export type ClientPlatform = 'Web';
 
@@ -1784,7 +1846,6 @@ export declare function isValidCountryCode(countryCode: string): countryCode is
 export declare function GuardNullOrEmpty(name: string, value: any): void;
 
 export declare function formatDuration(startDate: Date): string;
-export declare function removeUndefined(value: any): object;
 export declare function isCssPropertySupported(property: string): boolean;
 export declare function pixelsToNumber(pxString: string): number;
 export declare function isObject(item: any): boolean;
@@ -1793,6 +1854,8 @@ export declare function cloneDeep<T>(target: T): T;
 export declare function formatDate(date: Date): string;
 export declare function formatUTCDate(date: Date): string;
 export declare function calculatePercentage(value: number, element: BlazeDiv): string;
+type RatioType = '16/9' | '9/16' | '2/3' | 'Custom Ratio';
+export declare function checkAspectRatios(decimal: number): RatioType;
 export declare function getRandomId(): string;
 export declare function isEmpty(obj: Record<string, any>): boolean;
 export declare function setId(element: HTMLElement, prefix?: string, suffix?: string): void;
@@ -1856,7 +1919,6 @@ export * from './widget-story-modal';
 export * from './widget-story-player';
 export * from './widget-story-preview';
 export * from './widget-story-video';
-export * from './widget-interaction';
 
 export declare class BlazeWidgetStoryAd extends BlazeWidgetStoryBase {
     data: IPage | undefined;
@@ -1924,6 +1986,7 @@ export declare class BlazeWidgetItem extends BaseWidget {
     connectedCallback(): void;
     disconnectedCallback(): void;
     updateWidget(): void;
+    updateWidgetItemPadding(): void;
     updateWidgetItemStyle(theme: IWidgetTheme): void;
     private setupDOMElements;
     private setupEventListeners;
@@ -1974,6 +2037,7 @@ export declare class BlazeWidgetLayout extends BlazeWidgetScrollable implements
     preset: IWidgetTheme | undefined;
     perItemStyleOverrides: PerItemStyleOverrides;
     activeOverridesLayoutThemes: PerItemStyleOverrides;
+    isWidgetVisible: boolean;
     thumbnailWidth: number | undefined;
     thumbnailHeight: number | undefined;
     widgetHeight: number;
@@ -1983,6 +2047,7 @@ export declare class BlazeWidgetLayout extends BlazeWidgetScrollable implements
     reloadTimeout: NodeJS.Timeout | undefined;
     analyticsStack: Record<WidgetAction, boolean>;
     onResizeEvent: (this: Window, ev: UIEvent) => void;
+    shouldReloadWhenPlayerIsClosed: boolean;
     constructor();
     onResizeEventDelay(): void;
     onResize(): void;
@@ -1993,9 +2058,10 @@ export declare class BlazeWidgetLayout extends BlazeWidgetScrollable implements
     attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     onKeyDown(e: KeyboardEvent): void;
     onStoryChange(mode: StoryDirectionType): void;
+    onPlayerClose(): void;
     getParentHeightWithoutPadding(): number | null;
     setId(id: string): void;
-    handlePopState(_event: Event): void;
+    handlePopState(): void;
     addDelegateListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
     set storyIds(value: string);
     setContentIds(storyIds: string[]): void;
@@ -2008,6 +2074,7 @@ export declare class BlazeWidgetLayout extends BlazeWidgetScrollable implements
     reload(): void;
     updateActiveLayoutThemesPerItemWithEntity(key: EntitiesType, value: string, theme: IWidgetTheme): void;
     updateWidgetUI(): void;
+    setMaxPaddingOnWidgetItems(): void;
     setDelegations(delegates: Record<Delegation, EventListenerOrEventListenerObject>): void;
     setMaxItemsDisplaySize(maxSize: number): void;
     setMaxItemsSize(maxItemsSize: number): void;
@@ -2068,8 +2135,6 @@ export declare class BlazeWidgetModal extends BaseWidget {
     connectedCallback(): void;
     open(): void;
     close(): void;
-    disconnectedCallback(): void;
-    setTheme(theme: IWidgetTheme): void;
 }
 
 export declare class BlazeWidgetMomentModal extends BlazeWidgetModal {
@@ -2353,16 +2418,16 @@ export declare class BlazeWidgetStoryImage extends BlazeWidgetStoryBase {
 /// <reference types="hammerjs" />
 export declare class BlazeWidgetStoryModal extends BlazeWidgetModal {
     parentWidget: HTMLElement;
+    playerLayout: StoryPlayerStyle;
     player: BlazeWidgetStoryPlayer;
     exitButtonElement: BlazeButton;
     exitButtonWrapperElement: BlazeDiv;
     onOpen?: () => void;
     onClose?: () => void;
     onStoryChange?: (mode: StoryDirectionType) => void;
-    onStoryChanged?: (mode: StoryDirectionType) => void;
     hammer: HammerManager | null;
     isMultiTouch: boolean;
-    constructor(parentWidget: HTMLElement);
+    constructor(parentWidget: HTMLElement, playerLayout: StoryPlayerStyle);
     handleOnStoryChange(mode: StoryDirectionType): void;
     setTheme(theme: IWidgetTheme): void;
     setStories(stories: IStory[], showInteraction?: boolean): void;
@@ -2380,6 +2445,7 @@ export declare class BlazeWidgetStoryModal extends BlazeWidgetModal {
     handlePinchOut(ev: HammerInput): void;
     private cleanupHammer;
     render(): void;
+    playToggleCurrentStory(): void;
 }
 
 export declare class BlazeWidgetStoryPlayer extends BaseWidget {
@@ -2400,7 +2466,6 @@ export declare class BlazeWidgetStoryPlayer extends BaseWidget {
     destBackground: HTMLCanvasElement;
     onClose?: () => void;
     onStoryChange?: (mode: StoryDirectionType) => void;
-    onStoryChanged?: (mode: StoryDirectionType) => void;
     listeners: EventsListener;
     backgroundAnimation?: Animation;
     overlay: any;
@@ -2434,6 +2499,7 @@ export declare class BlazeWidgetStoryPlayer extends BaseWidget {
     onSmallGestures(animation: AnimeInstance, story: BlazeWidgetStory): void;
     onKeyDown(ev: KeyboardEvent): false | undefined;
     render(): void;
+    playToggleCurrentStory(): void;
 }
 
 export declare class BlazeWidgetStoryPreview extends BlazeWidgetStory {
@@ -2464,7 +2530,7 @@ export declare class BlazeWidgetStoryPreview extends BlazeWidgetStory {
     modal: BlazeWidgetStoryModal;
     fullscreenMode: boolean;
     static isPlaying: boolean;
-    constructor();
+    constructor(playerStyle: StoryPlayerStyle);
     updateChip(): void;
     updateButtonsState(): void;
     static get observedAttributes(): string[];
@@ -2522,6 +2588,7 @@ export declare class BlazeWidgetStoryVideo extends BlazeWidgetStoryBase {
     storyParent: BlazeWidgetStory;
     googleIMA: any;
     isCurrentlyTryingToRunImaAd: boolean;
+    hasPoster: boolean;
     constructor(storyParent: BlazeWidgetStory, disableInteraction?: boolean);
     connectedCallback(): void;
     disconnectedCallback(): void;
@@ -2563,6 +2630,7 @@ export declare class BlazeWidgetStoryVideo extends BlazeWidgetStoryBase {
 }
 
 export declare class BlazeWidgetStory extends HTMLElement {
+    playerStyle: StoryPlayerStyle;
     pages: BlazeWidgetStoryBase[];
     data: IStory;
     shareModal: BlazeWidgetShareModal | undefined;
@@ -2586,7 +2654,9 @@ export declare class BlazeWidgetStory extends HTMLElement {
     storyTitle: HTMLElement;
     storyPublishedDate: HTMLElement;
     storyLiveChip: HTMLElement;
-    ctaButton: HTMLElement;
+    ctaButtonElement: BlazeCtaButton;
+    bottomContainer: BlazeDiv;
+    bottomButtons: BlazeDiv;
     prevPageButton?: BlazeButton;
     nextPageButton?: BlazeButton;
     prevStoryButton?: BlazeButton;
@@ -2601,7 +2671,6 @@ export declare class BlazeWidgetStory extends HTMLElement {
     navigationDirection: 'Forwards' | 'Backwards' | undefined;
     resumeAfterfocus: boolean;
     totalPlayStopwatch: Stopwatch;
-    playerStyle: StoryPlayerStyle;
     listeners: EventsListener;
     shadowTopElement: HTMLDivElement;
     isNavigationPending: boolean;
@@ -2613,8 +2682,9 @@ export declare class BlazeWidgetStory extends HTMLElement {
     longPressHandler?: LongPressHandler;
     originalNextPageDesktopClickListener: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
     restartStoryOnClickEvent: ((event: MouseEvent) => void) | undefined;
-    constructor();
+    constructor(playerStyle: StoryPlayerStyle);
     onShareClick(): Promise<void>;
+    updateCtaButtonLayout(): void;
     updateChip(): void;
     setTheme(storyPlayerStyle: StoryPlayerStyle): void;
     setButtonNavigationAsDisabled(buttonType: ButtonType): void;
@@ -2651,7 +2721,7 @@ export declare class BlazeWidgetStory extends HTMLElement {
     onVisibilityChange(): void;
     onBlur(): void;
     onFocus(): void;
-    close(): void;
+    close(isDirectCloseCall?: boolean): void;
     pause(): void;
     resume(): void;
     resetPosition(): void;
@@ -2662,6 +2732,7 @@ export declare class BlazeWidgetStory extends HTMLElement {
     goNextPage(navigationType?: 'Automatic' | 'Manual'): void;
     goPrevPage(): void;
     disconnectedCallback(): void;
+    updateCTAButtonPosition(): void;
     renderCtaButton(pageIndex: number): void;
     updatePlayerButtonsState(displayPageNavigationButtons?: boolean): void;
     updateButtonState(buttonType: ButtonNavigation, button: BlazeButton | undefined): void;