@wscsports/blaze-web-sdk 0.1.872 → 0.1.991

package/publish/index.d.ts

@@ -4,20 +4,28 @@ export declare function setExternalUserId(value: string): void;
 export declare function Initialize(apiKey: string, options?: Omit<IBlazeSDKOptions, "apiKey">): Promise<void>;
 export declare function WidgetRowView(containerId: string, options: IWidgetViewOptions): IWidgetView;
 export declare function WidgetGridView(containerId: string, options: IWidgetViewOptions): IWidgetView;
+export declare function WidgetEmbeddedStory(containerId: string, options: IWidgetViewOptions): IWidgetView;
 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 pauseCurrentPlayer(): void;
+export declare function resumeCurrentPlayer(): void;
+export declare function setGoogleCustomNativeAdsHandler(handler: CustomNativeAdHandler): void;
 declare const _default: {
     Initialize: typeof Initialize;
     WidgetGridView: typeof WidgetGridView;
     WidgetRowView: typeof WidgetRowView;
+    WidgetEmbeddedStory: typeof WidgetEmbeddedStory;
     Theme: typeof Theme;
     addDelegateListener: typeof addDelegateListener;
     setDoNotTrack: typeof setDoNotTrack;
     setGeoLocation: typeof setGeoLocation;
     LabelBuilder: typeof LabelBuilder;
     Delegations: typeof Delegation;
+    setGoogleCustomNativeAdsHandler: typeof setGoogleCustomNativeAdsHandler;
+    pauseCurrentPlayer: typeof pauseCurrentPlayer;
+    resumeCurrentPlayer: typeof resumeCurrentPlayer;
 };
 export default _default;
 
@@ -55,11 +63,21 @@ 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;
 }
 
 export declare function debounce<T extends Event>(func: EventHandler<T>, _delay: number): (event: T) => Promise<void>;
 
+export declare const Platform: {
+    readonly Console: "console";
+    readonly Mobile: "mobile";
+    readonly Tablet: "tablet";
+    readonly SmartTV: "smarttv";
+    readonly Wearable: "wearable";
+    readonly Embedded: "embedded";
+    readonly Desktop: "desktop";
+};
 type ScreenOrientation = 'landscape' | 'portrait';
 type Platform = 'console' | 'mobile' | 'tablet' | 'smarttv' | 'wearable' | 'embedded' | 'desktop';
 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';
@@ -134,8 +152,12 @@ export declare function throttle<T extends Event>(func: EventHandler<T>, _delay:
 export declare class URLManager {
     static isUpdateLocationByScript: boolean;
     static isBackWasCalled: boolean;
+    static resetLocationAfterStoryClose(): void;
     static resetLocation(): void;
     static updateLocationStoryHash(story?: IStory): void;
+    static getHashMatch(): RegExpMatchArray | null;
+    static getHash(): string;
+    static updateStoryInHash(story: IStory): void;
 }
 
 export declare class BlazeAlert extends BaseWidget {
@@ -164,7 +186,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;
@@ -255,9 +277,10 @@ 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' | 'order';
 export declare class BlazeButton extends BaseWidget {
     buttonElement: HTMLButtonElement;
+    get refElement(): ShadowRoot | this;
     constructor();
     static observedAttributes: string[];
     connectedCallback(): void;
@@ -272,8 +295,31 @@ 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;
+    animateButton(): 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';
@@ -304,7 +350,9 @@ export declare enum StoryAction {
     ShareSelect = "share_select",
     ShareSuccess = "share_success",
     PlaybackPause = "playback_pause",
-    PlaybackPlay = "playback_play"
+    PlaybackPlay = "playback_play",
+    Expand = "expand",
+    Minimize = "minimize"
 }
 export declare enum WidgetAction {
     Load = "widget_load",
@@ -339,13 +387,28 @@ type ExposedFields = {
 };
 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 {
@@ -511,6 +574,12 @@ export declare enum Delegation {
     onWidgetStoryPlayerDismissed = "blaze-widget-story-player-dismissed",
     onWidgetTriggerCTA = "blaze-widget-trigger-CTA"
 }
+export declare enum InternalEvent {
+    NEXT_STORY = "next_story",
+    PREV_STORY = "prev_story",
+    FULL_SCREEN_CLICK = "full_screen_click",
+    AD_ENDED = "ad_ended"
+}
 
 export * from './error-codes.enum';
 export * from './event.enum';
@@ -518,6 +587,7 @@ export * from './event.enum';
 export interface WidgetsTagNameMap {
     'blaze-sdk': BlazeWidgetSDK;
     'blaze-widget-ad': BlazeWidgetStoryAd;
+    'blaze-widget-embedded-story': BlazeWidgetEmbeddedStory;
     'blaze-widget-modal': BlazeWidgetModal;
     'blaze-widget-item': BlazeWidgetItem;
     'blaze-widget-layout': BlazeWidgetLayout;
@@ -530,6 +600,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;
@@ -543,11 +614,13 @@ export interface WidgetsTagNameMap {
     'blaze-div': BlazeDiv;
     'blaze-share-button': BlazeShareButton;
     'blaze-button': BlazeButton;
+    'blaze-button-cta': BlazeCtaButton;
     'blaze-typography': BlazeTypography;
 }
 interface WidgetsTagNameOptionsMap {
     'blaze-sdk': {};
     'blaze-widget-ad': {};
+    'blaze-widget-embedded-story': {};
     'blaze-widget-modal': {};
     'blaze-widget-item': {};
     'blaze-widget-layout': {};
@@ -560,6 +633,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': {};
@@ -573,6 +647,7 @@ interface WidgetsTagNameOptionsMap {
     'blaze-div': {};
     'blaze-share-button': {};
     'blaze-button': {};
+    'blaze-button-cta': {};
     'blaze-typography': {};
 }
 export declare abstract class WidgetsFactory {
@@ -601,7 +676,7 @@ export declare const prevSvg = "data:image/svg+xml;charset=utf-8,<svg xmlns=\"ht
 export declare const closeSvg = "data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" data-testid=\"CloseIcon\"><path fill=\"%23fff\"  d=\"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"></path></svg>";
 export declare const closeSvgBlack = "data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"48\" height=\"48\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" data-testid=\"CloseIcon\"><path fill=\"%23000\"  d=\"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"></path></svg>";
 export declare const nextStory = "data:image/svg+xml;charset=utf-8,<svg viewBox=\"0 0 48 48\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <g> <circle cx=\"24\" cy=\"24\" r=\"20\" fill=\"rgba(1,1,1,0.2)\" fill-opacity=\"0.2\" shape-rendering=\"crispEdges\"/> </g> <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M 25.725 28.753 L 27.705 30.899 L 34.296 23.756 L 27.705 16.613 L 25.725 18.759 L 30.334 23.756 L 25.725 28.753 Z\" fill=\"white\"/> <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M 15.098 29.053 L 17.078 31.199 L 23.669 24.056 L 17.078 16.913 L 15.098 19.059 L 19.707 24.056 L 15.098 29.053 Z\" fill=\"white\"/> </svg>";
-export declare const fullScreenSvg = "data:image/svg+xml;charset=utf-8,<svg width=\"14\" height=\"14\" viewBox=\"0 0 14 14\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M2 11.9999L5 11.9999L5 13.9999L2.15329e-09 13.9999L1.38309e-09 8.99988L2 8.99988L2 11.9999ZM12 1.99988L9 1.99988L9 -0.000122069L14 -0.000122068L14 4.99988L12 4.99988L12 1.99988ZM14 13.9999L9 13.9999L9 11.9999L12 11.9999L12 8.99988L14 8.99988L14 13.9999ZM0 -0.00012207L5 -0.00012207L5 1.99988L2 1.99988L2 4.99988L7.68381e-10 4.99988L0 -0.00012207Z\" fill=\"white\"/> </svg>";
+export declare const fullScreenSvg = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPG1hc2sgaWQ9Im1hc2swXzM3M18xNzMiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMzczXzE3MykiPgo8cGF0aCBkPSJNNSAyMUM0LjQ1IDIxIDMuOTc5MTcgMjAuODA0MiAzLjU4NzUgMjAuNDEyNUMzLjE5NTgzIDIwLjAyMDggMyAxOS41NSAzIDE5VjE1SDVWMTlIOVYyMUg1Wk0xNSAyMVYxOUgxOVYxNUgyMVYxOUMyMSAxOS41NSAyMC44MDQyIDIwLjAyMDggMjAuNDEyNSAyMC40MTI1QzIwLjAyMDggMjAuODA0MiAxOS41NSAyMSAxOSAyMUgxNVpNMyA5VjVDMyA0LjQ1IDMuMTk1ODMgMy45NzkxNyAzLjU4NzUgMy41ODc1QzMuOTc5MTcgMy4xOTU4MyA0LjQ1IDMgNSAzSDlWNUg1VjlIM1pNMTkgOVY1SDE1VjNIMTlDMTkuNTUgMyAyMC4wMjA4IDMuMTk1ODMgMjAuNDEyNSAzLjU4NzVDMjAuODA0MiAzLjk3OTE3IDIxIDQuNDUgMjEgNVY5SDE5WiIgZmlsbD0iI0YwRjBGMCIvPgo8L2c+Cjwvc3ZnPgo=";
 export declare const rightArrowSvg = "data:image/svg+xml;charset=utf-8,<svg width=\"6\" height=\"10\" viewBox=\"0 0 6 10\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"> <path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 8.49779L1.38618 10L6 5L1.38618 0L0 1.50221L3.22686 5L0 8.49779Z\" fill=\"white\"/> </svg>";
 export declare const replaySvg = "data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" data-testid=\"ReplayIcon\" aria-label=\"fontSize large\"><path d=\"M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z\"></path></svg>";
 export declare const replayWhiteSvg = "data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" focusable=\"false\" aria-hidden=\"true\" viewBox=\"0 0 24 24\" data-testid=\"ReplayIcon\" aria-label=\"fontSize large\"><path fill=\"white\" d=\"M12 5V1L7 6l5 5V7c3.31 0 6 2.69 6 6s-2.69 6-6 6-6-2.69-6-6H4c0 4.42 3.58 8 8 8s8-3.58 8-8-3.58-8-8-8z\"></path></svg>";
@@ -622,8 +697,19 @@ 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 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[]>;
+type CustomNativeArgs = {
+    path: string;
+};
+export interface CustomNativeAdHandler {
+    provideAdExtraParams?: (args: CustomNativeArgs) => CustomNativeTargeting;
+}
 
-export type EnvironmentType = 'prod' | 'uat';
 export interface IBlazeSDKOptions {
     apiKey: string;
     environment?: EnvironmentType;
@@ -634,6 +720,27 @@ export interface IBlazeSDKOptions {
     externalUserId?: string;
     geoLocation?: string;
     staticContent?: boolean;
+    runInShadowDom?: boolean;
+    playerStyleCustomization?: Partial<StoryPlayerStyle>;
+    shouldModifyUrlWithStoryId?: boolean;
+    shouldDismissPlayer?: boolean;
+}
+export interface ISmoothOpenCloseModal {
+    storyId?: string;
+    pageIndex: number;
+}
+
+export interface IButtonPlayerNavigationConfig {
+    iconUrl: string;
+    position: 'left' | 'right';
+    margin: string;
+    buttonType: StoryDirectionType;
+    clickHandler: EventHandler<MouseEvent>;
+}
+export interface IButtonPlayerConfig {
+    iconUrl: string;
+    eventType: string;
+    clickHandler: () => void;
 }
 
 export interface IDatabase {
@@ -680,10 +787,30 @@ export interface IDrawable {
     render: () => void;
 }
 
+export interface IIcons {
+    play: string;
+    pause: string;
+    mute: string;
+    unmute: string;
+    share: string;
+    fullscreen: string;
+    exitMobileTablet: string;
+    exitDesktop: string;
+    navigation: {
+        nextPage: string;
+        prevPage: string;
+        nextStory: string;
+        prevStory: string;
+    };
+}
+
+export * from './ad-handler.interface';
 export * from './blaze-sdk.interface';
+export * from './button.interface';
 export * from './database.interface';
 export * from './device.interface';
 export * from './drawable.interface';
+export * from './icons.interface';
 export * from './response.interface';
 export * from './service.interface';
 export * from './widget-label-builder.interface';
@@ -720,6 +847,7 @@ export interface IWidgetViewOptionsBase {
     delegates?: Record<Delegation, EventListenerOrEventListenerObject>;
     labelsPriority?: string;
     perItemStyleOverrides?: PerItemStyleOverrides;
+    shouldOrderWidgetByReadStatus?: boolean;
 }
 export interface IWidgetViewOptionsWithLabels extends IWidgetViewOptionsBase {
     labels: string | string[] | BlazeWidgetLabel;
@@ -731,17 +859,22 @@ export interface IWidgetViewOptionsWithStoryIds extends IWidgetViewOptionsBase {
 }
 export type IWidgetViewOptions = IWidgetViewOptionsWithLabels | IWidgetViewOptionsWithStoryIds;
 
-export interface IWidgetView {
+export interface IWidgetView extends HTMLElement {
     setTheme: (theme: IWidgetTheme) => void;
     getTheme: () => IWidgetTheme;
-    setLabels: (labels: string | string[] | BlazeWidgetLabel) => void;
-    setLabelsPriority: (labelsPriority: string) => void;
-    setContentIds: (storyIds: string[]) => void;
+    setLabels: (labels: string | string[] | BlazeWidgetLabel, options?: ISetWidgetOptions) => void;
+    setLabelsPriority: (labelsPriority: string, options?: ISetWidgetOptions) => void;
+    setContentIds: (storyIds: string[], options?: ISetWidgetOptions) => void;
     reload: () => void;
     updateWidgetUI: () => void;
     setMaxItemsDisplaySize: (size: number) => void;
     setDelegations: (delegates: Record<Delegation, EventListenerOrEventListenerObject>) => void;
     updateOverrideStyles: (perItemStyleOverrides: PerItemStyleOverrides) => void;
+    setId: (id: string) => void;
+    setMaxItemsSize: (size: number) => void;
+}
+export interface ISetWidgetOptions {
+    shouldReloadData?: boolean;
 }
 
 declare const AdServiceClass_base: {
@@ -764,7 +897,7 @@ declare abstract class AnalyticsServiceClass extends AnalyticsServiceClass_base
     events: AnalyticsEvent[];
     uaParsed?: IDevice;
     init(): Promise<void>;
-    sendLoop(): Promise<void>;
+    sendAnalyticsData(): Promise<void>;
     bulkEvent(body: Partial<AnalyticsEvent>[]): Promise<any>;
     pushStoryEvent(action: StoryAction, body: Partial<StoryEvent>, label?: string | undefined, referrer?: ReferringEventInfo | undefined): void;
     pushAdEvent(action: AdAction, body: Partial<AdEvent>, label?: string | undefined, referrer?: ReferringEventInfo | undefined): void;
@@ -879,12 +1012,14 @@ 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;
     'is_last_page': boolean;
     'audio_state': string;
     'playback_action_method': 'Press' | 'Release' | 'Click';
+    'player_type': 'Embedded' | 'Full Screen';
 }
 export declare class WidgetEvent {
     'page_view_id': string;
@@ -1002,6 +1137,11 @@ declare abstract class ConfigServiceClass extends ConfigServiceClass_base implem
     private _externalUserId;
     private _geoLocation;
     private _staticContent;
+    private _runInShadowDom;
+    private _shouldModifyUrlWithStoryId;
+    private _shouldDismissPlayer;
+    private _googleCustomNativeAdHandler?;
+    private _playerStyleCustomization?;
     protected constructor();
     init(options: IBlazeSDKOptions): Promise<void>;
     private _urls;
@@ -1023,6 +1163,13 @@ declare abstract class ConfigServiceClass extends ConfigServiceClass_base implem
     get apiKey(): string;
     get previewUrl(): string;
     get previewMomentsUrl(): string;
+    get runInShadowDom(): boolean;
+    get playerStyleCustomization(): Partial<StoryPlayerStyle>;
+    set playerStyleCustomization(value: Partial<StoryPlayerStyle>);
+    get shouldModifyUrlWithStoryId(): boolean;
+    get shouldDismissPlayer(): boolean;
+    get googleCustomNativeAdHandler(): CustomNativeAdHandler | undefined;
+    set googleCustomNativeAdHandler(value: CustomNativeAdHandler | undefined);
 }
 export declare const ConfigService: ConfigServiceClass;
 
@@ -1215,6 +1362,7 @@ declare abstract class VideoPlayerServiceClass extends VideoPlayerServiceClass_b
     private _isMuted;
     private _isPlaying;
     private _isNavigating;
+    private _isModalOpen;
     private _playReference;
     constructor();
     init(): Promise<void>;
@@ -1226,6 +1374,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;
 
@@ -1246,6 +1396,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;
@@ -1268,6 +1420,7 @@ export interface IndicatorStyle {
     backgroundImage: string;
     borderRadius: string;
     borderColor: string;
+    thumbnailBorderColor: string;
     borderWidth: number;
     text: string;
     textColor: string;
@@ -1298,8 +1451,8 @@ export interface LayoutStyle {
     statusLiveUnreadStyle: IndicatorStyle;
     statusReadStyle: IndicatorStyle;
     statusUnreadStyle: IndicatorStyle;
-    badgeIndicatorStyle: IndicatorStyle;
     statusIndicatorPosition: PositionType;
+    badgeIndicatorStyle: IndicatorStyle;
     badgePosition: PositionType;
 }
 export interface LabelStyle {
@@ -1307,7 +1460,7 @@ export interface LabelStyle {
     gap: number;
     width: number | 'auto';
     color: string;
-    height: number;
+    height: string | number;
     padding: string;
     font: string;
     fontSize: string;
@@ -1318,14 +1471,49 @@ export interface StoryPlayerStyle {
     titleVisible: boolean;
     titleFont: string;
     titleFontSize: string;
+    titleFontSizeEmbedded: string;
     titleColor: string;
-    timeVisible: boolean;
-    timeFont: string;
-    timeFontSize: string;
-    timeColor: string;
-    chipVisible: boolean;
-    chipFont: string;
-    chipFontSize: string;
+    publishedDateVisible: boolean;
+    publishedDateFont: string;
+    publishedDateFontSize: string;
+    publishedDateFontSizeEmbedded: string;
+    publishedDateColor: string;
+    statusLiveStyle: IndicatorStyle;
+    ctaButton: CtaButtonStyle;
+    iconsPosition: IconsPositionType;
+    iconsButton: IconPropertiesType[];
+    iconsButtonSize: string;
+    iconsButtonEmbeddedSize: string;
+    iconsButtonNavigation: IconPropertiesType[];
+    iconsButtonPadding: string;
+    iconsButtonOrder: IconButtonType[];
+    contentOrder: ContentOrderType[];
+    icons: IIcons;
+    localeDirection: LocaleDirectionType;
+}
+export interface CtaButtonStyle {
+    borderRadius: string;
+    border: string;
+    fontSize: string;
+    font: string;
+    backgroundColor: string;
+    color: string;
+    isVisible: boolean;
+    isAnimated: boolean;
+    isDisplayCtaModal: boolean;
+    fontWeight: FontWeightType;
+    textTransform: TextTransformType;
+    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;
@@ -1341,6 +1529,8 @@ export declare const Colors: {
     readonly LiveChip: "#FF364E";
     readonly ReadGray: "#9C9C9C";
     readonly TimeColor: "#B6B7B8";
+    readonly White: "#FFFFFF";
+    readonly Black: "#000000";
 };
 
 export type ThemeType = 'grid-2-columns' | 'grid-3-columns' | 'row-circle' | 'row-rectangle' | 'row-rectangle-horizontal' | 'grid-2-columns-horizontal' | 'grid-3-columns-horizontal' | 'default';
@@ -1691,32 +1881,55 @@ export declare function AttributeParser<TBase extends GHTMLElement>(Base: TBase)
 
 export type ButtonType = 'ALL' | 'PAGE_NAVIGATION_ONLY' | 'STORY_NAVIGATION_ONLY';
 export type ButtonState = 'ACTIVE' | 'DISABLED';
-export type NavigationButtonType = 'PREV_STORY' | 'NEXT_STORY' | 'PREV_PAGE' | 'NEXT_PAGE';
 export declare enum ButtonNavigation {
     PREV_STORY = 0,
     NEXT_STORY = 1,
     PREV_PAGE = 2,
     NEXT_PAGE = 3
 }
+export type ButtonPositionType = 'LEFT' | 'CENTER' | 'RIGHT';
+export declare const positionMap: {
+    [key: string]: string;
+};
+export type IconButtonType = "MUTE_UNMUTE" | "PLAY_PAUSE" | "SHARE" | "FULLSCREEN" | "EXIT_PLAYER";
+export type IconPropertiesType = {
+    value: IconButtonType | StoryDirectionType;
+    embeddedSize?: string;
+    isEmbeddedVisible?: boolean;
+    size?: string;
+    isVisible?: boolean;
+    color?: string;
+    backgroundColor?: string;
+    borderRadius?: string;
+    padding?: string;
+};
 
 export type ClientPlatform = 'Web';
 
+export type FontWeightType = 'normal' | 'bold' | 'bolder' | 'lighter' | 'inherit' | 'initial' | 'unset' | '100' | '200' | '300' | '400' | '500' | '600' | '700' | '800' | '900';
+export type TextTransformType = 'capitalize' | 'uppercase' | 'lowercase' | 'none';
+
 export type Direction = 'UP' | 'DOWN' | 'RIGHT' | 'LEFT';
 
 export type ComponentsElementType = 'blaze-alert' | 'blaze-toast' | 'blaze-chip' | 'blaze-image';
 export type WidgetElementType = 'blaze-sdk';
 export type ElementType = WidgetElementType | ComponentsElementType;
 
+export type EnvironmentType = 'prod' | 'uat';
+
 export type FetchPriorityType = 'low' | 'high' | 'auto';
 
 export * from './attribute-parser';
 export * from './button.type';
 export * from './client-platform.type';
+export * from './css.type';
 export * from './direction.type';
 export * from './element.type';
+export * from './environment.type';
 export * from './fetch-priority.type';
 export * from './item.type';
 export * from './label.type';
+export * from './locale.type';
 export * from './order.type';
 export * from './play.type';
 export * from './position.type';
@@ -1734,12 +1947,15 @@ export type PerItemStyleOverrides = Record<EntitiesType, Array<{
 
 export type labelType = string | string[] | BlazeWidgetLabel;
 
+export type LocaleDirectionType = 'LTR' | 'RTL';
+
 export type OrderType = 'Manual' | 'AtoZ' | 'ZtoA' | 'RecentlyUpdatedFirst' | 'RecentlyUpdatedLast' | 'RecentlyCreatedFirst' | 'RecentlyCreatedLast';
+export type ContentOrderType = 'LIVE_CHIP' | 'STORY_TITLE' | 'PUBLISHED_DATE';
 
 export declare const PlayTypeArray: readonly ["Widget", "Share", "SingleStory"];
 export type PlayType = typeof PlayTypeArray[number];
 
-export type PositionInsideType = 'insideTopLeft' | 'insideTopRight' | 'insideMiddleTop' | 'insideMiddle' | 'insideBottomRight' | 'insideBottomLeft' | 'insideBottomMiddle' | 'insideMiddleLeft' | 'insideMiddleRight';
+export type PositionInsideType = 'insideTopLeft' | 'insideTopRight' | 'insideTop' | 'insideTopMiddle' | 'insideBottomRight' | 'insideBottomLeft' | 'insideBottom' | 'insideBottomMiddle' | 'insideMiddle' | 'insideMiddleLeft' | 'insideMiddleRight';
 export type PositionOutsideType = 'outsideTop' | 'outsideTopLeft' | 'outsideTopRight' | 'outsideBottomLeft' | 'outsideBottomRight' | 'outsideBottom' | 'outsideRight' | 'outsideLeft';
 export type PositionType = PositionInsideType | PositionOutsideType;
 export interface PositionOffset {
@@ -1749,6 +1965,7 @@ export interface PositionOffset {
     bottom: string;
 }
 export type PartialPositionOffset = Partial<PositionOffset>;
+export type IconsPositionType = 'HORIZONTAL' | 'VERTICAL';
 
 export type SeverityType = 'error' | 'warning' | 'info' | 'success';
 
@@ -1787,9 +2004,11 @@ export declare function GuardNullOrEmpty(name: string, value: any): void;
 export declare function formatDuration(startDate: Date): string;
 export declare function isCssPropertySupported(property: string): boolean;
 export declare function pixelsToNumber(pxString: string): number;
+export declare function convertCssUnitToNumber(cssValue: string | number): number;
 export declare function isObject(item: any): boolean;
 export declare function mergeDeep(target: any, ...sources: any[]): any;
-export declare function cloneDeep<T>(target: T): T;
+export declare function mergeArrays(targetArray: any[], sourceArray: any[]): any[];
+export declare function cloneDeep<T>(source: 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;
@@ -1804,6 +2023,12 @@ export type DeepPartial<T> = T extends object ? {
 export declare function flattenObject<T extends Record<string, any>>(obj: T): Record<string, any>;
 export declare function mergeStyles(element: HTMLElement, styles: Partial<CSSStyleDeclaration>): object;
 export declare function getMaxValue(currentMax: string, newValue: string): string;
+export declare function isReadByLastUnIgnoredPageStatus(story: IStory): boolean;
+export declare function applyPlayerStyleChanges(defaultPlayerStyle: StoryPlayerStyle, mergedPlayerStyle: StoryPlayerStyle, themePlayerStyle: StoryPlayerStyle, playerStyleChanges: any): void;
+export declare function getChangedProperties(source: any, target: any, level: string, playerStyleChanges: any, parentKeys?: string): void;
+export declare function removeDuplicates(source: string[], checkAgainst: string[]): string[];
+export declare function updateStyle(styleToUpdate: any, path: string[], newValue: any): void;
+export declare function getNestedValue(obj: any, path: string[]): any;
 
 export * from './chip.utils';
 export * from './common.utils';
@@ -1838,6 +2063,8 @@ 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';
 export * from './widget-label';
@@ -1858,9 +2085,9 @@ 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 {
+    private storyParent;
     data: IPage | undefined;
     private isCurrectlyDisplay;
     private adContainer;
@@ -1890,6 +2117,83 @@ 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[];
+    intersectionObserver: IntersectionObserver;
+    isIntersecting: boolean;
+    currentStoryPlayerIndex: number;
+    stories: IStory[];
+    modal?: BlazeWidgetStoryModal;
+    skeleton?: BlazeWidgetItemSkeleton;
+    shouldReloadData: boolean;
+    bindedOnStoryPlayerDidAppear: (e: Event) => void;
+    bindedOnStoryPlayerDismissed: (e: Event) => void;
+    private get theme();
+    constructor();
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string, _newValue: string): void;
+    getTheme(): IWidgetTheme;
+    setTheme(theme: IWidgetTheme | string): void;
+    setLabels(labels: labelType, options?: ISetWidgetOptions): void;
+    setLabelsPriority(labelsPriority: string, options?: ISetWidgetOptions): void;
+    setContentIds(storyIds: string[], options?: ISetWidgetOptions): void;
+    reload(): void;
+    private reloadLogic;
+    private setReloadData;
+    updateWidgetUI(): void;
+    setMaxItemsDisplaySize(maxSize: number): void;
+    setDelegations(delegates: Record<Delegation, EventListenerOrEventListenerObject>): void;
+    updateOverrideStyles(perItemStyleOverrides: PerItemStyleOverrides): void;
+    setId(id: string): void;
+    setMaxItemsSize(size: number): void;
+    get currentStoryPlayer(): BlazeWidgetStory | undefined;
+    private loadStories;
+    setCurrentStoryPlayer(storyIndex: number, pageIndex?: number): void;
+    handleIntersection(entries: IntersectionObserverEntry[]): void;
+    nextStory(): void;
+    prevStory(): void;
+    removeCurrentStoryPlayer(): void;
+    createModal(): BlazeWidgetStoryModal;
+    private handleModalClose;
+    private updatePlayerStyle;
+    openFullscreen(): void;
+    onFullScreenClickHandler(event: Event): void;
+    pauseCurrentStoryPage(): void;
+    playCurrentStoryPage(): void;
+    onCustomNativeAdEnded(): void;
+    showSkeleton(): void;
+    hideSkeleton(): void;
+    private onStoryPlayerDidAppear;
+    private onStoryPlayerDismissed;
+    private onOtherModalOpenedClosed;
+}
+
 export declare class BlazeWidgetInteraction extends BaseWidget {
     private iframe;
     loadInteraction(interactionData: Interaction): void;
@@ -1917,6 +2221,7 @@ export declare class BlazeWidgetItem extends BaseWidget {
     private badge;
     private isLive;
     private analyticsCalls;
+    get parentRef(): BlazeWidgetLayout;
     private statusIndicatorSettings;
     paddingItem: PositionOffset;
     content: IStory;
@@ -1926,12 +2231,14 @@ export declare class BlazeWidgetItem extends BaseWidget {
     connectedCallback(): void;
     disconnectedCallback(): void;
     updateWidget(): void;
+    updateWidgetItemPadding(): void;
     updateWidgetItemStyle(theme: IWidgetTheme): void;
     private setupDOMElements;
     private setupEventListeners;
     private handleWidgetClick;
     private setData;
     getThumbnailUrl(): string;
+    setThumbnailBorderColor(color: string): void;
     private updateLabel;
     private resetWidgetItemStyles;
     private updateContainerStyles;
@@ -1976,6 +2283,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;
@@ -1985,6 +2293,9 @@ export declare class BlazeWidgetLayout extends BlazeWidgetScrollable implements
     reloadTimeout: NodeJS.Timeout | undefined;
     analyticsStack: Record<WidgetAction, boolean>;
     onResizeEvent: (this: Window, ev: UIEvent) => void;
+    shouldReloadWhenPlayerIsClosed: boolean;
+    shouldReloadData: boolean;
+    get refElement(): ShadowRoot | this;
     constructor();
     onResizeEventDelay(): void;
     onResize(): void;
@@ -1995,14 +2306,16 @@ 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;
+    private setReloadData;
     addDelegateListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
     set storyIds(value: string);
-    setContentIds(storyIds: string[]): void;
-    setLabelsPriority(labelsPriority: string): void;
-    setLabels(labels: labelType): void;
+    setContentIds(storyIds: string[], options?: ISetWidgetOptions): void;
+    setLabelsPriority(labelsPriority: string, options?: ISetWidgetOptions): void;
+    setLabels(labels: labelType, options?: ISetWidgetOptions): void;
     getTheme(): IWidgetTheme;
     setTheme(theme: IWidgetTheme | string): void;
     private get theme();
@@ -2010,9 +2323,11 @@ 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;
+    private updatePlayerStyle;
     createModal(): void;
     createMomentsModal(): void;
     static get observedAttributes(): string[];
@@ -2056,7 +2371,6 @@ export declare class BlazeWidgetLayout extends BlazeWidgetScrollable implements
     };
     maxSize(): number;
     event(action: WidgetAction, data: Partial<WidgetEvent>, label?: string | undefined): void;
-    isReadByLastUnIgnoredPageStatus(story: IStory): boolean;
     updateWidgetsData(): void;
     reorderWidgets(): void;
     connectWidgets(): void;
@@ -2070,8 +2384,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 {
@@ -2255,7 +2567,7 @@ export declare class BlazeWidgetScrollable extends BaseWidget {
 }
 
 export declare class BlazeWidgetSDK extends BaseWidget {
-    modalStory: BlazeWidgetStoryModal | undefined;
+    modalStory?: BlazeWidgetStoryModal;
     onResizeEvent: (this: Window, ev: UIEvent) => void;
     static get observedAttributes(): string[];
     constructor();
@@ -2263,6 +2575,7 @@ export declare class BlazeWidgetSDK extends BaseWidget {
     disconnectedCallback(): void;
     onResizeEventDelay(): void;
     onResize(): void;
+    setPlayerStyleCustomization(playerStyleCustomization: Partial<StoryPlayerStyle>): void;
     handleStoryLoad(playReference: 'Share' | 'SingleStory', storyIds: string): Promise<void>;
     handleStaticContentLoad(playReference: 'Share' | 'SingleStory'): Promise<void>;
     enrichContent(content: IStory[]): Promise<IStory[]>;
@@ -2283,6 +2596,7 @@ export interface IShareButton {
 export declare class BlazeWidgetShareModal extends BaseWidget {
     shareContainer: BlazeDiv;
     shareDrawer: BlazeDrawer;
+    shareUrl: string;
     onOpen: (() => void) | undefined;
     onClose: (() => void) | undefined;
     onClick?: ((button: BlazeShareButton) => void);
@@ -2292,7 +2606,7 @@ export declare class BlazeWidgetShareModal extends BaseWidget {
     attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     onDarwerOpen(): void;
     onDrawerClose(): void;
-    open(): void;
+    open(shareUrl: string): void;
     close(): void;
     renderButtons(): void;
     renderTitle(): void;
@@ -2303,6 +2617,7 @@ export declare class BlazeWidgetStoryBase extends HTMLElement {
     data: IPage | undefined;
     shouldShowImaAd?: boolean;
     isCurrentlyTryingToRunImaAd?: boolean;
+    _isAd?: boolean | undefined;
     constructor();
     setData(data: IPage): void;
     loadPoster(): void;
@@ -2313,6 +2628,8 @@ export declare class BlazeWidgetStoryBase extends HTMLElement {
     get currentTime(): number;
     set currentTime(value: number);
     get muted(): boolean;
+    get isAd(): boolean | undefined;
+    set isAd(value: boolean | undefined);
     removeLoader(): any;
     load(): void;
     unload(): void;
@@ -2355,23 +2672,26 @@ 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;
+    onClose?: (options?: ISmoothOpenCloseModal) => void;
     onStoryChange?: (mode: StoryDirectionType) => void;
-    onStoryChanged?: (mode: StoryDirectionType) => void;
     hammer: HammerManager | null;
     isMultiTouch: boolean;
-    constructor(parentWidget: HTMLElement);
+    onResizeEvent: (this: Window, ev: UIEvent) => void;
+    get refElement(): this;
+    constructor(parentWidget: HTMLElement, playerLayout: StoryPlayerStyle);
     handleOnStoryChange(mode: StoryDirectionType): void;
     setTheme(theme: IWidgetTheme): void;
     setStories(stories: IStory[], showInteraction?: boolean): void;
     seek(id: string): void;
+    handleExit(): void;
     onKeyDown(ev: KeyboardEvent): void;
     close(): void;
-    open(): void;
+    open(options?: ISmoothOpenCloseModal): void;
     play(): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
@@ -2382,6 +2702,9 @@ export declare class BlazeWidgetStoryModal extends BlazeWidgetModal {
     handlePinchOut(ev: HammerInput): void;
     private cleanupHammer;
     render(): void;
+    playToggleCurrentStory(): void;
+    private onResize;
+    private onResizeEventDelay;
 }
 
 export declare class BlazeWidgetStoryPlayer extends BaseWidget {
@@ -2402,7 +2725,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;
@@ -2424,7 +2746,7 @@ export declare class BlazeWidgetStoryPlayer extends BaseWidget {
     seek(storyId: string): void;
     injectStoryToDomBasedOnUserNavigation(direction: StoryDirectionType): void;
     resetPosition(): void;
-    play(): void;
+    play(options?: ISmoothOpenCloseModal): void;
     clean(): void;
     onCompleteAnimation(story: BlazeWidgetStory, mode: StoryDirectionType): void;
     animateStory(direction: StoryDirectionType): AnimeTimelineInstance | undefined;
@@ -2436,6 +2758,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 {
@@ -2451,8 +2774,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;
@@ -2466,7 +2789,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[];
@@ -2524,6 +2847,7 @@ export declare class BlazeWidgetStoryVideo extends BlazeWidgetStoryBase {
     storyParent: BlazeWidgetStory;
     googleIMA: any;
     isCurrentlyTryingToRunImaAd: boolean;
+    hasPoster: boolean;
     constructor(storyParent: BlazeWidgetStory, disableInteraction?: boolean);
     connectedCallback(): void;
     disconnectedCallback(): void;
@@ -2547,6 +2871,7 @@ export declare class BlazeWidgetStoryVideo extends BlazeWidgetStoryBase {
     get paused(): boolean;
     get muted(): boolean;
     set muted(value: boolean);
+    get isAd(): boolean;
     render(): void;
     restartVideo(): void;
     initializeIMA(): void;
@@ -2565,13 +2890,19 @@ export declare class BlazeWidgetStoryVideo extends BlazeWidgetStoryBase {
 }
 
 export declare class BlazeWidgetStory extends HTMLElement {
+    playerStyle: StoryPlayerStyle;
+    mode: 'Full Screen' | 'Embedded';
     pages: BlazeWidgetStoryBase[];
     data: IStory;
-    shareModal: BlazeWidgetShareModal | undefined;
+    shareModal?: BlazeWidgetShareModal;
+    ctaModal?: BlazeWidgetCtaModal;
     isStoryLoadCompletedTriggered: boolean;
     isStoryActive: boolean;
     isResumeOnFocusExecuted: boolean;
-    refWidget: BlazeWidgetStory[] | undefined;
+    isCtaWasClickedOrSwiped: boolean;
+    refWidget?: BlazeWidgetStory[];
+    refPlayer?: BlazeWidgetStoryPlayer;
+    refPlayerModal?: BlazeWidgetStoryModal;
     pageIndex: number;
     container: HTMLElement;
     progressElement: HTMLElement;
@@ -2582,13 +2913,18 @@ export declare class BlazeWidgetStory extends HTMLElement {
     buttonsContainer: BlazeDiv;
     playbackParts: HTMLElement[];
     playButtonElement?: BlazeButton;
-    shareButtonElement: BlazeButton;
-    muteButtonElement: BlazeButton;
-    exitMobileTabletButtonElement: BlazeButton;
-    storyTitle: HTMLElement;
-    storyPublishedDate: HTMLElement;
-    storyLiveChip: HTMLElement;
-    ctaButton: HTMLElement;
+    shareButtonElement?: BlazeButton;
+    muteButtonElement?: BlazeButton;
+    exitMobileTabletButtonElement?: BlazeButton;
+    fullScreenElement?: BlazeButton;
+    topContainer: BlazeDiv;
+    bottomContainer: BlazeDiv;
+    storyContentWrapper: BlazeDiv;
+    storyTitle: BlazeDiv;
+    storyPublishedDate: BlazeDiv;
+    storyLiveChip: BlazeDiv;
+    bottomButtonsWrapper: BlazeDiv;
+    ctaButtonElement: BlazeCtaButton;
     prevPageButton?: BlazeButton;
     nextPageButton?: BlazeButton;
     prevStoryButton?: BlazeButton;
@@ -2597,32 +2933,37 @@ export declare class BlazeWidgetStory extends HTMLElement {
     widgetParent: BlazeWidgetItem;
     playCallback: any;
     sessionId: string;
-    startTrigger: 'Widget' | 'Deeplink' | 'Swipe' | 'Skip' | 'SingleStory' | 'Share' | '';
-    exitTrigger: 'Swipe' | 'Swipe Down' | 'Skip' | 'Close Button' | 'CTA Click' | 'Escape Button' | '';
+    startTrigger: 'Embedded Player in Viewport' | 'Widget' | 'Deeplink' | 'Swipe' | 'Skip' | 'SingleStory' | 'Share' | '';
+    exitTrigger: 'Swipe' | 'Swipe Down' | 'Swipe Up' | 'Skip' | 'Close Button' | 'CTA Click' | 'Escape Button' | '';
     navigationType: 'Automatic' | 'Manual' | undefined;
     navigationDirection: 'Forwards' | 'Backwards' | undefined;
     resumeAfterfocus: boolean;
     totalPlayStopwatch: Stopwatch;
-    playerStyle: StoryPlayerStyle;
     listeners: EventsListener;
     shadowTopElement: HTMLDivElement;
     isNavigationPending: boolean;
     navigationTimeout: NodeJS.Timeout | null;
     lastPageIndexToResume: number;
-    elementsToHideOnWebAds: HTMLElement[];
+    elementsToHideOnWebAds: (HTMLElement | undefined)[];
     elementsToHideOnImaAds: (HTMLElement | undefined)[];
     muteStateBeforeAd: 'mute' | 'unmute' | 'no-ad';
     longPressHandler?: LongPressHandler;
     originalNextPageDesktopClickListener: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
     restartStoryOnClickEvent: ((event: MouseEvent) => void) | undefined;
-    constructor();
+    constructor(playerStyle: StoryPlayerStyle, mode: 'Full Screen' | 'Embedded');
+    private isButtonVisible;
+    private createPlayerButtonsAndAppendToButtonsContainer;
+    private createNavigationButtonsAndAppendToWidgetStoryContainer;
+    private applyIconStyle;
     onShareClick(): Promise<void>;
+    updateCtaButtonLayout(): void;
     updateChip(): void;
     setTheme(storyPlayerStyle: StoryPlayerStyle): void;
     setButtonNavigationAsDisabled(buttonType: ButtonType): void;
     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;
@@ -2649,11 +2990,12 @@ export declare class BlazeWidgetStory extends HTMLElement {
     updateContainerLayout(): void;
     connectedCallback(): void;
     onShareModalClose(): void;
+    onCtaModalClick(): void;
     onShareModalButtonClick(shareButton: BlazeShareButton): Promise<void>;
     onVisibilityChange(): void;
     onBlur(): void;
     onFocus(): void;
-    close(): void;
+    close(isDirectCloseCall?: boolean): void;
     pause(): void;
     resume(): void;
     resetPosition(): void;
@@ -2664,13 +3006,21 @@ 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;
     isNavigationButtonActive(navigationType: ButtonNavigation): boolean;
     updateNavButton(state: ButtonState, navButtonElement: BlazeButton): void;
-    updatePlayerButtonsCSS(): void;
+    updatePlayerButtonsStyleAttributes(): void;
+    setPlayerButtonPaddings(button: BlazeButton): void;
+    setPlayerButtonColors(button: BlazeButton, name: IconButtonType): void;
+    setPlayerButtonSize(buttonElement: HTMLElement, iconName: string): void;
+    updatePlayerButtonsOrder(): void;
+    updatePlayerContentOrder(): void;
+    updatePlayerLocaleDirection(): void;
     displayExitButtonOnMobileTablet(): void;
     render(): void;
+    onExpandClick(): void;
 }