@wscsports/blaze-web-sdk 0.1.81 → 0.1.82

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wscsports/blaze-web-sdk",
-  "version": "0.1.81",
+  "version": "0.1.82",
   "main": "publish/index",
   "types": "publish/index",
   "files": [
@@ -11,7 +11,8 @@
     "build:dev": "webpack --config webpack.config.dev.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"
+    "publish:beta": "npm run build:prod && npm publish --access public --tag beta",
+    "version-download": "node ./version-downloader.js"
   },
   "devDependencies": {
     "@types/animejs": "^3.1.7",
@@ -27,7 +28,10 @@
     "webpack": "^5.88.1",
     "webpack-cli": "^5.1.4",
     "webpack-dev-server": "^4.15.1",
-    "webpack-obfuscator": "^3.5.1"
+    "webpack-obfuscator": "^3.5.1",
+    "fs-extra": "^11.1.1",
+    "glob-promise": "^6.0.5",
+    "npm-registry-fetch": "^16.0.0"
   },
   "dependencies": {
     "animejs": "^3.2.1",

package/publish/index.d.ts

@@ -63,7 +63,7 @@ export declare function debounce<T extends Event>(func: EventHandler<T>, _delay:
 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';
-type Browser = 'Amaya' | 'Android Browser' | 'Arora' | 'Avant' | 'Baidu' | 'Blazer' | 'Bolt' | 'Camino' | 'Chimera' | 'Chrome' | 'Chromium' | 'Comodo Dragon' | 'Conkeror' | 'Dillo' | 'Dolphin' | 'Doris' | 'Edge' | 'Epiphany' | 'Fennec' | 'Firebird' | 'Firefox' | 'Flock' | 'GoBrowser' | 'iCab' | 'ICE Browser' | 'IceApe' | 'IceCat' | 'IceDragon' | 'Iceweasel' | 'IE' | 'Iron' | 'Jasmine' | 'K-Meleon' | 'Konqueror' | 'Kindle' | 'Links' | 'Lunascape' | 'Lynx' | 'Maemo' | 'Maxthon' | 'Midori' | 'Minimo' | 'MIUI Browser' | 'Safari' | 'Mosaic' | 'Mozilla' | 'Netfront' | 'Netscape' | 'NetSurf' | 'Nokia' | 'OmniWeb' | 'Opera' | 'Phoenix' | 'Polaris' | 'QQBrowser' | 'RockMelt' | 'Silk' | 'Skyfire' | 'SeaMonkey' | 'SlimBrowser' | 'Swiftfox' | 'Tizen' | 'UCBrowser' | 'Vivaldi' | 'w3m' | 'Yandex';
+type Browser = 'Amaya' | 'Android Browser' | 'Arora' | 'Avant' | 'Baidu' | 'Blazer' | 'Bolt' | 'Camino' | 'Chimera' | 'Chrome' | 'Chromium' | 'Comodo Dragon' | 'Conkeror' | 'Dillo' | 'Dolphin' | 'Doris' | 'Edge' | 'Epiphany' | 'Fennec' | 'Firebird' | 'Firefox' | 'Flock' | 'GoBrowser' | 'iCab' | 'ICE Browser' | 'IceApe' | 'IceCat' | 'IceDragon' | 'Iceweasel' | 'IE' | 'Iron' | 'Jasmine' | 'K-Meleon' | 'Konqueror' | 'Kindle' | 'Links' | 'Lunascape' | 'Lynx' | 'Maemo' | 'Maxthon' | 'Midori' | 'Minimo' | 'MIUI Browser' | 'Safari' | 'Mosaic' | 'Mozilla' | 'Netfront' | 'Netscape' | 'NetSurf' | 'Nokia' | 'OmniWeb' | 'Opera' | 'Phoenix' | 'Polaris' | 'QQBrowser' | 'RockMelt' | 'Silk' | 'Skyfire' | 'SeaMonkey' | 'SlimBrowser' | 'Swiftfox' | 'Tizen' | 'UCBrowser' | 'Vivaldi' | 'w3m' | 'Yandex' | 'Mobile Safari';
 declare class DeviceDetector {
     private static instance;
     private parser;
@@ -98,6 +98,7 @@ export declare class EventsListener {
 export * from './base-drawable-element.class';
 export * from './base-element.class';
 export * from './debounce';
+export * from './device-detector.class';
 export * from './events-listener';
 export * from './long-press.handler';
 export * from './singleton.class';
@@ -112,6 +113,7 @@ export declare class LongPressHandler {
     private readonly options;
     private pressTimer?;
     private isDuringPress;
+    private isAttached;
     constructor(options: ILongPressHandlerOptions);
     private startPress;
     private endPress;
@@ -248,7 +250,25 @@ export declare class BlazeTypography extends BaseWidget {
     get fontSize(): ".8rem" | "1rem" | ".5rem";
 }
 
+type AttributeType = 'disabled' | 'hidden' | 'height' | 'width';
+export declare class BlazeButton extends BaseWidget {
+    buttonElement: HTMLButtonElement;
+    constructor();
+    static observedAttributes: string[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: AttributeType, oldValue: string, newValue: string): void;
+    get height(): string | number | boolean;
+    get width(): string | number | boolean;
+    setIconUrl(value: string): void;
+    private setIsHidden;
+    private setIsDisabled;
+    private setHeight;
+    private setWidth;
+}
+
 export * from './share-button';
+export * from './button';
 
 export type ShareButtonType = 'copy-link' | 'linked-in';
 type AttributeType = 'size' | 'button-type';
@@ -366,6 +386,7 @@ export interface ICTA {
 
 export * from './content.interface';
 export * from './cta.interface';
+export * from './interaction.interface';
 export * from './layer-content.interface';
 export * from './layer.interface';
 export * from './moment.interface';
@@ -374,6 +395,19 @@ export * from './rendition.interface';
 export * from './story.interface';
 export * from './thumbnail.interface';
 
+export type InteractionType = 'Poll' | 'Quiz';
+export type Interaction = {
+    id: string;
+    type: InteractionType;
+    htmlUrl: string;
+    topOffset: number;
+    leftOffset: number;
+    relativeHeight: number;
+    relativeWidth: number;
+    initData: string;
+    designOverridesStr: string;
+};
+
 export interface ILayerContent {
     renditions: IRendition[];
 }
@@ -408,6 +442,7 @@ export interface IContentPage {
     createTime: string;
     shouldShowImaAd?: boolean;
     imaUrl?: string;
+    interaction?: Interaction;
 }
 export interface IAdPage {
     id: string;
@@ -487,6 +522,8 @@ export interface WidgetsTagNameMap {
     'blaze-widget-share-modal': BlazeWidgetShareModal;
     'blaze-widget-image': BlazeWidgetStoryImage;
     'blaze-widget-video': BlazeWidgetStoryVideo;
+    'blaze-widget-moment-video': BlazeWidgetMomentVideo;
+    'blaze-widget-interaction': BlazeWidgetInteraction;
     'blaze-loader': BlazeLoader;
     'blaze-skeleton': BlazeSkeleton;
     'blaze-chip': BlazeChip;
@@ -496,6 +533,7 @@ export interface WidgetsTagNameMap {
     'blaze-modal': BlazeDrawer;
     'blaze-div': BlazeDiv;
     'blaze-share-button': BlazeShareButton;
+    'blaze-button': BlazeButton;
     'blaze-typography': BlazeTypography;
 }
 interface WidgetsTagNameOptionsMap {
@@ -515,6 +553,8 @@ interface WidgetsTagNameOptionsMap {
     'blaze-widget-share-modal': {};
     'blaze-widget-image': {};
     'blaze-widget-video': {};
+    'blaze-widget-moment-video': {};
+    'blaze-widget-interaction': {};
     'blaze-loader': {};
     'blaze-skeleton': {};
     'blaze-chip': {};
@@ -524,6 +564,7 @@ interface WidgetsTagNameOptionsMap {
     'blaze-modal': {};
     'blaze-div': {};
     'blaze-share-button': {};
+    'blaze-button': {};
     'blaze-typography': {};
 }
 export declare abstract class WidgetsFactory {
@@ -560,6 +601,19 @@ export declare const likeSvg = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC
 export declare const newShareSvg = "data:image/png;base64,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";
 export declare const IconLink = "data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"10\" viewBox=\"0 0 20 10\" fill=\"none\"><path d=\"M9 10H5C3.61667 10 2.4375 9.5125 1.4625 8.5375C0.4875 7.5625 0 6.38333 0 5C0 3.61667 0.4875 2.4375 1.4625 1.4625C2.4375 0.4875 3.61667 0 5 0H9V2H5C4.16667 2 3.45833 2.29167 2.875 2.875C2.29167 3.45833 2 4.16667 2 5C2 5.83333 2.29167 6.54167 2.875 7.125C3.45833 7.70833 4.16667 8 5 8H9V10ZM6 6V4H14V6H6ZM11 10V8H15C15.8333 8 16.5417 7.70833 17.125 7.125C17.7083 6.54167 18 5.83333 18 5C18 4.16667 17.7083 3.45833 17.125 2.875C16.5417 2.29167 15.8333 2 15 2H11V0H15C16.3833 0 17.5625 0.4875 18.5375 1.4625C19.5125 2.4375 20 3.61667 20 5C20 6.38333 19.5125 7.5625 18.5375 8.5375C17.5625 9.5125 16.3833 10 15 10H11Z\" fill=\"white\" fill-opacity=\"0.92\"/></svg>";
 export declare const IconGlobe = "data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\"><path d=\"M10 20C8.61667 20 7.31667 19.7375 6.1 19.2125C4.88333 18.6875 3.825 17.975 2.925 17.075C2.025 16.175 1.3125 15.1167 0.7875 13.9C0.2625 12.6833 0 11.3833 0 10C0 8.61667 0.2625 7.31667 0.7875 6.1C1.3125 4.88333 2.025 3.825 2.925 2.925C3.825 2.025 4.88333 1.3125 6.1 0.7875C7.31667 0.2625 8.61667 0 10 0C11.3833 0 12.6833 0.2625 13.9 0.7875C15.1167 1.3125 16.175 2.025 17.075 2.925C17.975 3.825 18.6875 4.88333 19.2125 6.1C19.7375 7.31667 20 8.61667 20 10C20 11.3833 19.7375 12.6833 19.2125 13.9C18.6875 15.1167 17.975 16.175 17.075 17.075C16.175 17.975 15.1167 18.6875 13.9 19.2125C12.6833 19.7375 11.3833 20 10 20ZM9 17.95V16C8.45 16 7.97917 15.8042 7.5875 15.4125C7.19583 15.0208 7 14.55 7 14V13L2.2 8.2C2.15 8.5 2.10417 8.8 2.0625 9.1C2.02083 9.4 2 9.7 2 10C2 12.0167 2.6625 13.7833 3.9875 15.3C5.3125 16.8167 6.98333 17.7 9 17.95ZM15.9 15.4C16.2333 15.0333 16.5333 14.6375 16.8 14.2125C17.0667 13.7875 17.2875 13.3458 17.4625 12.8875C17.6375 12.4292 17.7708 11.9583 17.8625 11.475C17.9542 10.9917 18 10.5 18 10C18 8.36667 17.5458 6.875 16.6375 5.525C15.7292 4.175 14.5167 3.2 13 2.6V3C13 3.55 12.8042 4.02083 12.4125 4.4125C12.0208 4.80417 11.55 5 11 5H9V7C9 7.28333 8.90417 7.52083 8.7125 7.7125C8.52083 7.90417 8.28333 8 8 8H6V10H12C12.2833 10 12.5208 10.0958 12.7125 10.2875C12.9042 10.4792 13 10.7167 13 11V14H14C14.4333 14 14.825 14.1292 15.175 14.3875C15.525 14.6458 15.7667 14.9833 15.9 15.4Z\" fill=\"%23131313\"/></svg>";
+export declare const newPlayIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InBsYXlfYXJyb3dfIGhvbGxvdyI+CjxtYXNrIGlkPSJtYXNrMF8yMTA2Xzk5NCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3QgaWQ9IkJvdW5kaW5nIGJveCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSIjRDlEOUQ5Ii8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8yMTA2Xzk5NCkiPgo8cGF0aCBpZD0icGxheV9hcnJvdyIgZD0iTTggMTlWNUwxOSAxMkw4IDE5Wk0xMCAxNS4zNUwxNS4yNSAxMkwxMCA4LjY1VjE1LjM1WiIgZmlsbD0iI0YwRjBGMCIvPgo8L2c+CjwvZz4KPC9zdmc+Cg==";
+export declare const newPauseIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InBhdXNlIj4KPG1hc2sgaWQ9Im1hc2swXzIxMTdfMiIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0Ij4KPHJlY3QgaWQ9IkJvdW5kaW5nIGJveCIgd2lkdGg9IjI0IiBoZWlnaHQ9IjI0IiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjkyIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8yMTE3XzIpIj4KPHBhdGggaWQ9InBhdXNlXzIiIGQ9Ik0xNCAxOVY1SDE3VjE5SDE0Wk03IDE5VjVIMTBWMTlIN1oiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTIiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=";
+export declare const newUnmuteIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InZvbHVtZV91cF8yIj4KPG1hc2sgaWQ9Im1hc2swXzIxMDZfOTg3IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPgo8cmVjdCBpZD0iQm91bmRpbmcgYm94IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IiNEOUQ5RDkiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzIxMDZfOTg3KSI+CjxwYXRoIGlkPSJ2b2x1bWVfdXAiIGQ9Ik0xNCAyMC43MjVWMTguNjc1QzE1LjUgMTguMjQxNiAxNi43MDgzIDE3LjQwODMgMTcuNjI1IDE2LjE3NUMxOC41NDE3IDE0Ljk0MTYgMTkgMTMuNTQxNiAxOSAxMS45NzVDMTkgMTAuNDA4MyAxOC41NDE3IDkuMDA4MzEgMTcuNjI1IDcuNzc0OThDMTYuNzA4MyA2LjU0MTY0IDE1LjUgNS43MDgzMSAxNCA1LjI3NDk4VjMuMjI0OThDMTYuMDY2NyAzLjY5MTY0IDE3Ljc1IDQuNzM3NDggMTkuMDUgNi4zNjI0OEMyMC4zNSA3Ljk4NzQ4IDIxIDkuODU4MzEgMjEgMTEuOTc1QzIxIDE0LjA5MTYgMjAuMzUgMTUuOTYyNSAxOS4wNSAxNy41ODc1QzE3Ljc1IDE5LjIxMjUgMTYuMDY2NyAyMC4yNTgzIDE0IDIwLjcyNVpNMyAxNVY4Ljk5OTk4SDdMMTIgMy45OTk5OFYyMEw3IDE1SDNaTTE0IDE2VjcuOTQ5OThDMTQuNzgzMyA4LjMxNjY0IDE1LjM5NTggOC44NjY2NCAxNS44Mzc1IDkuNTk5OThDMTYuMjc5MiAxMC4zMzMzIDE2LjUgMTEuMTMzMyAxNi41IDEyQzE2LjUgMTIuODUgMTYuMjc5MiAxMy42Mzc1IDE1LjgzNzUgMTQuMzYyNUMxNS4zOTU4IDE1LjA4NzUgMTQuNzgzMyAxNS42MzMzIDE0IDE2Wk0xMCA4Ljg0OTk4TDcuODUgMTFINVYxM0g3Ljg1TDEwIDE1LjE1VjguODQ5OThaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjkyIi8+CjwvZz4KPC9nPgo8L3N2Zz4K";
+export declare const newMuteIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InZvbHVtZV9tdXRlIj4KPHBhdGggaWQ9InZvbHVtZV9vZmYiIGQ9Ik0xOS44IDIyLjZMMTYuNzc1IDE5LjU3NTFDMTYuMzU4NCAxOS44NDE3IDE1LjkxNjcgMjAuMDcwOSAxNS40NSAyMC4yNjI2QzE0Ljk4MzQgMjAuNDU0MiAxNC41IDIwLjYwODQgMTQgMjAuNzI1VjE4LjY3NUMxNC4yMzM0IDE4LjU5MTcgMTQuNDYyNSAxOC41MDg0IDE0LjY4NzUgMTguNDI1QzE0LjkxMjUgMTguMzQxNyAxNS4xMjUgMTguMjQxNyAxNS4zMjUgMTguMTI1MUwxMiAxNC44VjIwTDcuMDAwMDIgMTVIMy4wMDAwMlY5LjAwMDA1SDYuMjAwMDJMMS40MDAwMiA0LjIwMDA1TDIuODAwMDIgMi44MDAwNUwyMS4yIDIxLjIwMDFMMTkuOCAyMi42Wk0xOS42IDE2LjhMMTguMTUgMTUuMzVDMTguNDMzNCAxNC44MzM0IDE4LjY0NTkgMTQuMjkxNyAxOC43ODc1IDEzLjcyNUMxOC45MjkyIDEzLjE1ODQgMTkgMTIuNTc1MSAxOSAxMS45NzVDMTkgMTAuNDA4NCAxOC41NDE3IDkuMDA4MzggMTcuNjI1IDcuNzc1MDVDMTYuNzA4NCA2LjU0MTcyIDE1LjUgNS43MDgzOCAxNCA1LjI3NTA1VjMuMjI1MDVDMTYuMDY2NyAzLjY5MTcyIDE3Ljc1IDQuNzM3NTUgMTkuMDUgNi4zNjI1NUMyMC4zNSA3Ljk4NzU1IDIxIDkuODU4MzggMjEgMTEuOTc1QzIxIDEyLjg1ODQgMjAuODc5MiAxMy43MDg0IDIwLjYzNzUgMTQuNTI1MUMyMC4zOTU5IDE1LjM0MTcgMjAuMDUgMTYuMSAxOS42IDE2LjhaTTE2LjI1IDEzLjQ1TDE0IDExLjJWNy45NTAwNUMxNC43ODM0IDguMzE2NzIgMTUuMzk1OSA4Ljg2NjcyIDE1LjgzNzUgOS42MDAwNUMxNi4yNzkyIDEwLjMzMzQgMTYuNSAxMS4xMzM0IDE2LjUgMTJDMTYuNSAxMi4yNSAxNi40NzkyIDEyLjQ5NTkgMTYuNDM3NSAxMi43Mzc1QzE2LjM5NTkgMTIuOTc5MiAxNi4zMzM0IDEzLjIxNjcgMTYuMjUgMTMuNDVaTTEyIDkuMjAwMDVMOS40MDAwMyA2LjYwMDA1TDEyIDQuMDAwMDVWOS4yMDAwNVpNMTAgMTUuMTUwMVYxMi44TDguMjAwMDMgMTFINS4wMDAwMlYxM0g3Ljg1MDAzTDEwIDE1LjE1MDFaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjkyIi8+CjwvZz4KPC9zdmc+Cg==";
+export declare const newShareIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InNoYXJlIj4KPHBhdGggaWQ9IlVuaW9uIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEyLjY0NzMgMjAuMzc0OEMxMi44IDIwLjc1MjcgMTMuMTY2OCAyMSAxMy41NzQ0IDIxSDEzLjYwNTJDMTQuMDIyOSAyMSAxNC4zOTY3IDIwLjc0MDQgMTQuNTQyNCAyMC4zNDg5TDIwLjIzNzUgNS4wNDg1NkMyMC41MzYyIDQuMjQ2MSAxOS43NTM5IDMuNDYzODUgMTguOTUxNSAzLjc2MjU0TDMuNjUxMTYgOS40NTc2NkMzLjI1OTY2IDkuNjAzMzggMyA5Ljk3NzEgMyAxMC4zOTQ4VjEwLjQyNTdDMyAxMC44MzMyIDMuMjQ3MzUgMTEuMiAzLjYyNTIxIDExLjM1MjhMMTAuMDUgMTMuOTVMMTIuNjQ3MyAyMC4zNzQ4Wk0xNi43NjM4IDguNjUwNDdMMTMuNTUgMTcuM0wxMi4wMDI2IDEzLjQxMTdMMTYuNzYzOCA4LjY1MDQ3Wk0xNS4zNDk3IDcuMjM2MTRMMTAuNTg4NCAxMS45OTc1TDYuNyAxMC40NUwxNS4zNDk3IDcuMjM2MTRaIiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjkyIi8+CjwvZz4KPC9zdmc+Cg==";
+export declare const newCloseIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNsb3NlIj4KPG1hc2sgaWQ9Im1hc2swXzIwODlfNjUxOCIgc3R5bGU9Im1hc2stdHlwZTphbHBoYSIgbWFza1VuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeD0iMCIgeT0iMCIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2Ij4KPHJlY3QgaWQ9IkJvdW5kaW5nIGJveCIgd2lkdGg9IjM2IiBoZWlnaHQ9IjM2IiBmaWxsPSJ3aGl0ZSIgZmlsbC1vcGFjaXR5PSIwLjkyIi8+CjwvbWFzaz4KPGcgbWFzaz0idXJsKCNtYXNrMF8yMDg5XzY1MTgpIj4KPHBhdGggaWQ9ImNsb3NlXzIiIGQ9Ik05LjYgMjguNUw3LjUgMjYuNEwxNS45IDE4TDcuNSA5LjZMOS42IDcuNUwxOCAxNS45TDI2LjQgNy41TDI4LjUgOS42TDIwLjEgMThMMjguNSAyNi40TDI2LjQgMjguNUwxOCAyMC4xTDkuNiAyOC41WiIgZmlsbD0iI0YwRjBGMCIvPgo8L2c+CjwvZz4KPC9zdmc+Cg==";
+export declare const newNextStoryIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InNraXBfbmV4dCI+CjxtYXNrIGlkPSJtYXNrMF8yMDM2XzMyMzYiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiI+CjxyZWN0IGlkPSJCb3VuZGluZyBib3giIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45MiIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMjAzNl8zMjM2KSI+CjxwYXRoIGlkPSJza2lwX25leHRfMiIgZD0iTTIyIDI0VjhIMjQuNjY2NlYyNEgyMlpNNy4zMzMzMSAyNFY4TDE5LjMzMzMgMTZMNy4zMzMzMSAyNFpNOS45OTk5OCAxOUwxNC41MzMzIDE2TDkuOTk5OTggMTNWMTlaIiBmaWxsPSIjRjBGMEYwIi8+CjwvZz4KPC9nPgo8L3N2Zz4K";
+export declare const newPrevStoryIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9InNraXBfcHJldmlvdXMiPgo8bWFzayBpZD0ibWFzazBfMjAzNl8zMjM4IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPgo8cmVjdCBpZD0iQm91bmRpbmcgYm94IiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTIiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzIwMzZfMzIzOCkiPgo8cGF0aCBpZD0ic2tpcF9wcmV2aW91c18yIiBkPSJNNy4zMzMzMyAyNFY4SDkuOTk5OTlWMjRINy4zMzMzM1pNMjQuNjY2NyAyNEwxMi42NjY3IDE2TDI0LjY2NjcgOFYyNFpNMjIgMTlWMTNMMTcuNDY2NyAxNkwyMiAxOVoiIGZpbGw9IiNGMEYwRjAiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=";
+export declare const newNextPageIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNoZXZyb25fcmlnaHQiPgo8bWFzayBpZD0ibWFzazBfMjAzNl8zMjc3IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiPgo8cmVjdCBpZD0iQm91bmRpbmcgYm94IiB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOTIiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzIwMzZfMzI3NykiPgo8cGF0aCBpZD0iY2hldnJvbl9yaWdodF8yIiBkPSJNMTAuOTY2NiAyMUw5LjMzMzMxIDE5LjM2NjdMMTQuNyAxNEw5LjMzMzMxIDguNjMzMzNMMTAuOTY2NiA3TDE3Ljk2NjYgMTRMMTAuOTY2NiAyMVoiIGZpbGw9IiMxMzEzMTMiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=";
+export declare const newPrevPageIcon = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHZpZXdCb3g9IjAgMCAyOCAyOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNoZXZyb25fbGVmdCI+CjxtYXNrIGlkPSJtYXNrMF8yMDM2XzMyNDAiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCI+CjxyZWN0IGlkPSJCb3VuZGluZyBib3giIHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC45MiIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfMjAzNl8zMjQwKSI+CjxwYXRoIGlkPSJjaGV2cm9uX2xlZnRfMiIgZD0iTTE2LjMzMzMgMjFMOS4zMzMzMyAxNEwxNi4zMzMzIDdMMTcuOTY2NyA4LjYzMzMzTDEyLjYgMTRMMTcuOTY2NyAxOS4zNjY3TDE2LjMzMzMgMjFaIiBmaWxsPSIjMTMxMzEzIi8+CjwvZz4KPC9nPgo8L3N2Zz4K";
+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 type EnvironmentType = 'prod' | 'uat';
 export interface IBlazeSDKOptions {
@@ -1054,6 +1108,7 @@ declare abstract class EventServiceClass extends EventServiceClass_base implemen
 }
 export declare const EventService: EventServiceClass;
 
+export * from './ad.service';
 export * from './alert.ervice';
 export * from './analytics.service';
 export * from './api.service';
@@ -1062,6 +1117,7 @@ export * from './database.service';
 export * from './error.service';
 export * from './event-bus.service';
 export * from './event.service';
+export * from './logger.service';
 export * from './startup.service';
 export * from './user.service';
 export * from './video-cache.service';
@@ -1277,7 +1333,7 @@ export declare const Colors: {
     readonly Accent: "#5AA3FF";
     readonly LiveChip: "#FF364E";
     readonly ReadGray: "#9C9C9C";
-    readonly TimeColor: "#7F7F7F";
+    readonly TimeColor: "#B6B7B8";
 };
 
 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';
@@ -1314,15 +1370,11 @@ export declare function AttributeParser<TBase extends GHTMLElement>(Base: TBase)
         readonly offsetTop: number;
         readonly offsetWidth: number;
         outerText: string;
-        popover: string | null;
         spellcheck: boolean;
         title: string;
         translate: boolean;
         attachInternals(): ElementInternals;
         click(): void;
-        hidePopover(): void;
-        showPopover(): void;
-        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;
@@ -1587,7 +1639,6 @@ export declare function AttributeParser<TBase extends GHTMLElement>(Base: TBase)
         onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null;
         onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null;
-        onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null;
         onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null;
         onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null;
@@ -1624,6 +1675,16 @@ export declare function AttributeParser<TBase extends GHTMLElement>(Base: TBase)
     };
 } & 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 ClientPlatform = 'Web';
 
 export type Direction = 'UP' | 'DOWN' | 'RIGHT' | 'LEFT';
@@ -1635,8 +1696,8 @@ export type ElementType = WidgetElementType | ComponentsElementType;
 export type FetchPriorityType = 'low' | 'high' | 'auto';
 
 export * from './attribute-parser';
+export * from './button.type';
 export * from './client-platform.type';
-export * from './story-direction.type';
 export * from './direction.type';
 export * from './element.type';
 export * from './fetch-priority.type';
@@ -1645,6 +1706,7 @@ export * from './order.type';
 export * from './play.type';
 export * from './severity.type';
 export * from './size.type';
+export * from './story-direction.type';
 export * from './thumbnail.type';
 export * from './widget.type';
 
@@ -1663,7 +1725,7 @@ export type SeverityType = 'error' | 'warning' | 'info' | 'success';
 
 export type SizeType = 'small' | 'medium' | 'large';
 
-export type StoryDirectionType = 'PREV_STORY' | 'NEXT_STORY';
+export type StoryDirectionType = 'PREV_STORY' | 'NEXT_STORY' | 'PREV_PAGE' | 'NEXT_PAGE';
 
 export type ThumbnailApiType = 'SquareIcon' | 'VerticalTwoByThree' | 'MainThumbnail';
 export type ThumbnailType = 'SQUARE_ICON' | 'VERTICAL_TWO_BY_THREE' | 'CUSTOM';
@@ -1742,6 +1804,8 @@ export declare class Stopwatch {
     reset(): void;
 }
 
+export * from './widget-ad';
+export * from './widget-interaction';
 export * from './widget-item';
 export * from './widget-label';
 export * from './widget-layout';
@@ -1750,15 +1814,18 @@ export * from './widget-moment';
 export * from './widget-moment-modal';
 export * from './widget-moment-player';
 export * from './widget-moment-preview';
+export * from './widget-moment-video';
 export * from './widget-scrollable';
 export * from './widget-sdk';
 export * from './widget-share-modal';
 export * from './widget-story';
+export * from './widget-story-base';
 export * from './widget-story-image';
 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;
@@ -1790,6 +1857,14 @@ export declare class BlazeWidgetStoryAd extends BlazeWidgetStoryBase {
     private initStyles;
 }
 
+export declare class BlazeWidgetInteraction extends BaseWidget {
+    private iframe;
+    loadInteraction(interactionData: Interaction): void;
+    showInteraction(): void;
+    hideInteraction(): void;
+    unloadInteraction(): void;
+}
+
 export interface BlazeWidgetItemOptions {
     theme: IWidgetTheme;
     content: IStory;
@@ -1993,8 +2068,49 @@ export declare class BlazeWidgetMomentPreview extends BlazeWidgetMoment {
     attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
 }
 
+export declare class BlazeWidgetMomentVideo extends HTMLElement {
+    data: IContentPage | undefined;
+    video: HTMLVideoElement | undefined;
+    loader: HTMLElement | undefined;
+    source: HTMLElement | undefined;
+    loaderTimeoutRefAppending: NodeJS.Timeout | undefined;
+    isVideoStartPlaying: boolean;
+    isError: boolean;
+    isLoaded: boolean;
+    isVideoRunning: boolean;
+    maxRetryTimes: number;
+    videoFrameCallback?: any;
+    eventRenderBackgroundPercentageTriggered: Array<boolean>;
+    mode: 'contain' | 'cover';
+    constructor();
+    get progress(): number;
+    setData(data: IContentPage): void;
+    loadPoster(): void;
+    load(): Promise<void>;
+    display(): void;
+    hide(): void;
+    unload(): Promise<void>;
+    removeLoader(): void;
+    startPlayVideo(video: HTMLVideoElement, maxRetryTimes: number): Promise<void>;
+    reloadVideo(retryTime: number): void;
+    tryToAddLoader(): void;
+    play(): void;
+    pause(): void;
+    set currentTime(value: number);
+    get currentTime(): number;
+    get duration(): number;
+    requestFrameCallback(callback: () => void): void;
+    mainElement(): CanvasImageSource;
+    get paused(): boolean;
+    get muted(): boolean;
+    set muted(value: boolean);
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): void;
+}
+
 export declare class BlazeWidgetMoment extends HTMLElement {
-    player?: BlazeWidgetStoryBase;
+    player?: BlazeWidgetMomentVideo;
     data: IMoment | any;
     pageIndex: number;
     container: HTMLElement;
@@ -2112,6 +2228,7 @@ export declare class BlazeWidgetShareModal extends BaseWidget {
 export declare class BlazeWidgetStoryBase extends HTMLElement {
     data: IPage | undefined;
     shouldShowImaAd?: boolean;
+    isCurrentlyTryingToRunImaAd?: boolean;
     constructor();
     setData(data: IPage): void;
     loadPoster(): void;
@@ -2164,7 +2281,8 @@ export declare class BlazeWidgetStoryImage extends BlazeWidgetStoryBase {
 export declare class BlazeWidgetStoryModal extends BlazeWidgetModal {
     parentWidget: HTMLElement;
     player: BlazeWidgetStoryPlayer;
-    exitPopup: HTMLElement;
+    exitButtonElement: BlazeButton;
+    exitButtonWrapperElement: BlazeDiv;
     onOpen?: () => void;
     onClose?: () => void;
     onStoryChange?: (mode: StoryDirectionType) => void;
@@ -2174,7 +2292,7 @@ export declare class BlazeWidgetStoryModal extends BlazeWidgetModal {
     constructor(parentWidget: HTMLElement);
     handleOnStoryChange(mode: StoryDirectionType): void;
     setTheme(theme: IWidgetTheme): void;
-    setStories(stories: IStory[]): void;
+    setStories(stories: IStory[], showInteraction?: boolean): void;
     seek(id: string): void;
     onKeyDown(ev: KeyboardEvent): void;
     close(): void;
@@ -2225,7 +2343,7 @@ export declare class BlazeWidgetStoryPlayer extends BaseWidget {
     private handlePanEnd;
     private reverseAnimation;
     private cleanupHammer;
-    renderBackground(): void;
+    renderBackground(renderBlackBackground?: boolean): void;
     setStories(stories: BlazeWidgetStory[]): void;
     close(): void;
     seek(storyId: string): void;
@@ -2259,7 +2377,7 @@ export declare class BlazeWidgetStoryPreview extends BlazeWidgetStory {
     playToggleBtn: HTMLElement;
     muteToggleBtn: HTMLElement;
     storyTitle: HTMLElement;
-    storySubtitle: HTMLElement;
+    storyPublishedDate: HTMLElement;
     storyThumbnail: HTMLElement;
     storyChip: HTMLElement;
     ctaButton: HTMLElement;
@@ -2306,10 +2424,12 @@ export declare class BlazeWidgetStoryPreview extends BlazeWidgetStory {
 }
 
 export declare class BlazeWidgetStoryVideo extends BlazeWidgetStoryBase {
+    private disableInteraction;
     data: IPage | undefined;
     video: HTMLVideoElement;
     loader: HTMLElement;
     source: HTMLElement;
+    interactionElement: BlazeWidgetInteraction;
     videoUrl: string | undefined;
     videoFrameCallback?: any;
     eventRenderBackgroundPercentageTriggered: Array<boolean>;
@@ -2328,7 +2448,8 @@ export declare class BlazeWidgetStoryVideo extends BlazeWidgetStoryBase {
     shouldShowImaAd: boolean;
     storyParent: BlazeWidgetStory;
     googleIMA: any;
-    constructor(storyParent: BlazeWidgetStory);
+    isCurrentlyTryingToRunImaAd: boolean;
+    constructor(storyParent: BlazeWidgetStory, disableInteraction?: boolean);
     connectedCallback(): void;
     disconnectedCallback(): void;
     setData(data: IPage): void;
@@ -2364,6 +2485,7 @@ export declare class BlazeWidgetStoryVideo extends BlazeWidgetStoryBase {
     onContentPauseRequested(): void;
     onContentResumeRequested(): void;
     removeAdLoader(): void;
+    loadInteraction(): void;
 }
 
 export declare class BlazeWidgetStory extends HTMLElement {
@@ -2381,17 +2503,21 @@ export declare class BlazeWidgetStory extends HTMLElement {
     onPrevStory?: () => void;
     onNextStory?: () => void;
     onClose?: () => void;
+    buttonsContainer: BlazeDiv;
     playbackParts: HTMLElement[];
-    playButtonElement: HTMLElement;
-    muteButtonElement: HTMLElement;
+    playButtonElement?: BlazeButton;
+    shareButtonElement: BlazeButton;
+    muteButtonElement: BlazeButton;
+    exitMobileTabletButtonElement: BlazeButton;
     storyTitle: HTMLElement;
-    storySubtitle: HTMLElement;
-    storyChip: HTMLElement;
+    storyPublishedDate: HTMLElement;
+    storyLiveChip: HTMLElement;
     ctaButton: HTMLElement;
-    prevButton: HTMLElement;
-    nextButton: HTMLElement;
-    prevStoryButton: HTMLElement;
-    nextStoryButton: HTMLElement;
+    prevPageButton?: BlazeButton;
+    nextPageButton?: BlazeButton;
+    prevStoryButton?: BlazeButton;
+    nextStoryButton?: BlazeButton;
+    resumeAfterBlurButton?: BlazeButton;
     widgetParent: BlazeWidgetItem;
     playCallback: any;
     sessionId: string;
@@ -2404,18 +2530,20 @@ export declare class BlazeWidgetStory extends HTMLElement {
     playerStyle: StoryPlayerStyle;
     listeners: EventsListener;
     shadowTopElement: HTMLDivElement;
-    topStoryShadow: BlazeDiv;
     isNavigationPending: boolean;
     navigationTimeout: NodeJS.Timeout | null;
     lastPageIndexToResume: number;
-    elementsToHideOnCustomNativeAds: HTMLElement[];
+    elementsToHideOnWebAds: HTMLElement[];
     elementsToHideOnImaAds: (HTMLElement | undefined)[];
     muteStateBeforeAd: 'mute' | 'unmute' | 'no-ad';
     longPressHandler?: LongPressHandler;
+    originalNextPageDesktopClickListener: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null | undefined;
+    restartStoryOnClickEvent: ((event: MouseEvent) => void) | undefined;
     constructor();
     onShareClick(): Promise<void>;
     updateChip(): void;
     setTheme(storyPlayerStyle: StoryPlayerStyle): void;
+    setButtonNavigationAsDisabled(buttonType: ButtonType): void;
     adjustAdView(): void;
     updatePlayerButtonIcons(): void;
     onCtaClick(event: Event): boolean;
@@ -2423,13 +2551,15 @@ export declare class BlazeWidgetStory extends HTMLElement {
     muteToggle(): boolean;
     setWidgetParent(parent: BlazeWidgetItem): void;
     resetStoryLocationIndexToLastUnseen(): void;
-    setData(data: any, modal?: any): void;
+    setData(data: any, showInteraction?: boolean): void;
     get currentPage(): BlazeWidgetStoryBase;
     get nextPage(): BlazeWidgetStoryBase;
     get prevPage(): BlazeWidgetStoryBase;
     prefetchNeighbours(distance?: number): void;
     loadStoryPostersByDistance(distance: number): void;
     loadFirstVideo(): void;
+    revertNextPageButtonToPreviousAction(): void;
+    displayRestartStoryButton(): void;
     playPage(pageIndexToPlayNext: number): void;
     switchToPage(newPageIndex: number): void;
     startPage(indexToPlay: number): void;
@@ -2455,11 +2585,16 @@ export declare class BlazeWidgetStory extends HTMLElement {
     prevStory(): void;
     nextStory(): void;
     markAsRead(): Promise<any>;
-    goNextPage(): void;
+    goNextPage(navigationType?: 'Automatic' | 'Manual'): void;
     goPrevPage(): void;
     disconnectedCallback(): 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;
+    displayExitButtonOnMoibleTablet(): void;
     render(): void;
-    shouldDisplayButton(navType: string): string;
 }