@wscsports/blaze-web-sdk 0.1.80 → 0.1.81

package/package.json

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

package/publish/index.d.ts

@@ -60,6 +60,30 @@ export declare abstract class BaseWidget extends HTMLElement {
 
 export declare function debounce<T extends Event>(func: EventHandler<T>, _delay: number): (event: T) => Promise<void>;
 
+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';
+declare class DeviceDetector {
+    private static instance;
+    private parser;
+    private resizeListener;
+    OS: OS;
+    platform: Platform;
+    browser: Browser;
+    screenOrientation: ScreenOrientation;
+    private orientationChangeEvent;
+    private constructor();
+    removeResizeListener(): void;
+    static getInstance(): DeviceDetector;
+    private detectOS;
+    private detectBrowser;
+    private detectPlatform;
+    private getScreenOrientation;
+    private handleResize;
+}
+export declare const deviceDetector: DeviceDetector;
+
 export declare class EventsListener {
     listeners: {
         node: Node;
@@ -267,6 +291,19 @@ export declare enum AdAction {
     Exit = "ad_exit",
     Click = "ad_click"
 }
+export declare enum ImaAdAction {
+    ALL_ADS_COMPLETED = "ima_all_ads_completed",
+    CLICK = "ima_ad_clicked",
+    COMPLETED = "ima_ad_completed",
+    LOADED = "ima_ad_loaded",
+    PAUSED = "ima_ad_paused",
+    RESUMED = "ima_ad_resumed",
+    SKIPPED = "ima_ad_skipped",
+    STARTED = "ima_ad_started",
+    FIRST_QUARTILE = "ima_ad_first_quartile",
+    MIDPOINT = "ima_ad_midpoint",
+    THIRD_QUARTILE = "ima_ad_third_quartile"
+}
 export declare const StoryToAdActionMapper: {
     story_page_start: AdAction;
     story_page_exit: AdAction;
@@ -279,9 +316,13 @@ export declare const exposedFieldsByAction: ExposedFields;
 
 export * from './analytics.constants';
 export * from './iso-country-codes.constants';
+export * from './time.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 ONE_SECOND = 1000;
+export declare const FAIL_TO_LOAD_TIMEOUT_MS = 3000;
+
 export declare class Database implements IDatabase {
     private readonly options;
     constructor(options: IDatabaseOptions);
@@ -300,8 +341,9 @@ interface IAdInfoConfiguration {
     isActive: boolean;
 }
 export interface IAdInfo {
-    path: string;
-    type: string;
+    path?: string;
+    tag?: string;
+    type: 'Web' | 'IMA';
     configuration: IAdInfoConfiguration;
 }
 
@@ -364,6 +406,8 @@ export interface IContentPage {
     hasViewed: boolean;
     ignoreReadStatusForStory: boolean;
     createTime: string;
+    shouldShowImaAd?: boolean;
+    imaUrl?: string;
 }
 export interface IAdPage {
     id: string;
@@ -527,7 +571,7 @@ export interface IBlazeSDKOptions {
     doNotTrack?: boolean;
     externalUserId?: string;
     geoLocation?: string;
-    loadByStaticContent?: boolean;
+    staticContent?: boolean;
 }
 
 export interface IDatabase {
@@ -545,6 +589,31 @@ export interface IDatabaseOptions {
     version: number;
 }
 
+export interface IDevice {
+    ua: string;
+    browser: {
+        name: string;
+        version: string;
+        major: string;
+    };
+    engine: {
+        name: string;
+        version: string;
+    };
+    os: {
+        name: string;
+        version: string;
+    };
+    device: {
+        type: string;
+        model: string;
+        vendor: string;
+    };
+    cpu: {
+        architecture: any;
+    };
+}
+
 export interface IDrawable {
     render: () => void;
 }
@@ -631,10 +700,6 @@ declare abstract class AlertServiceClass extends AlertServiceClass_base implemen
 }
 export declare const AlertService: AlertServiceClass;
 
-export declare enum SessionAction {
-    Start = "start",
-    End = "end"
-}
 declare const AnalyticsServiceClass_base: {
     new (): {};
     _instance: AnalyticsServiceClass;
@@ -642,12 +707,13 @@ declare const AnalyticsServiceClass_base: {
 };
 declare abstract class AnalyticsServiceClass extends AnalyticsServiceClass_base implements IService {
     events: AnalyticsEvent[];
+    uaParsed?: IDevice;
     init(): Promise<void>;
     sendLoop(): Promise<void>;
     bulkEvent(body: Partial<AnalyticsEvent>[]): Promise<any>;
-    pushSessionEvent(action: SessionAction, body: Partial<WidgetEvent>, label?: string | undefined): void;
     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;
+    pushImaAdEvent(action: ImaAdAction, body: Partial<ImaAdEvent>, label?: string | undefined, referrer?: ReferringEventInfo | undefined): void;
     pushWidgetEvent(action: WidgetAction, body: Partial<WidgetEvent>, label?: string | undefined, referrer?: ReferringEventInfo | undefined): void;
     setupEvent(category: Category, action: string, body: object, label?: string | undefined, referrer?: ReferringEventInfo | undefined): AnalyticsEvent;
 }
@@ -655,8 +721,7 @@ export declare const AnalyticsService: AnalyticsServiceClass;
 export declare enum Category {
     Story = "story",
     Widget = "widget",
-    Ad = "ad",
-    Session = "session"
+    Ad = "ad"
 }
 declare class UserEventInfo {
     'generated_user_id': string;
@@ -809,6 +874,20 @@ export declare class AdEvent {
     'content_type': string;
     'ad_path': string;
 }
+export declare class ImaAdEvent {
+    'story_id': string;
+    'story_title': string;
+    'ad_id': string;
+    'ad_title': string;
+    'ad_description': string;
+    'ad_system': string;
+    'ad_duration': string;
+    'skippable': string;
+    'skip_time_offset': string;
+    'advertiser_name': string;
+    'failure_reason': string;
+    'ad_type': string;
+}
 
 declare const ApiServiceClass_base: {
     new (): {};
@@ -989,6 +1068,36 @@ export * from './video-cache.service';
 export * from './video-player.service';
 export * from './widgets.service';
 
+interface LoggerParams {
+    message: string;
+    level?: LogLevel;
+    metadata?: Record<string, any>;
+}
+declare enum LogLevel {
+    INFO = "info",
+    WARN = "warn",
+    ERROR = "error"
+}
+declare const LoggerServiceClass_base: {
+    new (): {};
+    _instance: LoggerServiceClass;
+    getInstance(): LoggerServiceClass;
+};
+declare class LoggerServiceClass extends LoggerServiceClass_base implements IService {
+    private isEnabled;
+    private logStack;
+    private constructor();
+    init(): Promise<void>;
+    private getCurrentTime;
+    private logToConsole;
+    log({ message, level, metadata }: LoggerParams): void;
+    info(message: string, metadata?: Record<string, any>): void;
+    warn(message: string, metadata?: Record<string, any>): void;
+    error(message: string, metadata?: Record<string, any>): void;
+    printLogsToScreen(): void;
+}
+export declare const LoggerService: LoggerServiceClass;
+
 declare const StartupServiceClass_base: {
     new (): {};
     _instance: StartupServiceClass;
@@ -1024,12 +1133,18 @@ declare const VideoCacheServiceClass_base: {
 declare abstract class VideoCacheServiceClass extends VideoCacheServiceClass_base implements IService {
     private cache;
     private cacheName;
+    private downloadControllers;
+    private cacheInitialized;
     constructor();
     init(): Promise<void>;
+    private retryCacheInitialization;
+    isVideoDownloading(url: string): boolean;
+    isInitialized(): boolean;
     private fetchAndCache;
-    addCacheVideoByUrl(url: string): Promise<Response>;
-    getCacheVideoByUrl(url: string): Promise<string>;
+    private cacheResponse;
+    addCacheVideoByUrl(url: string): Promise<Response | void>;
     isVideoCached(url: string): Promise<boolean>;
+    abortDownload(url: string): Promise<void>;
     deleteCacheVideoByUrl(url: string): Promise<boolean>;
     clearAllCache(): Promise<void>;
 }
@@ -1169,10 +1284,6 @@ export type ThemeType = 'grid-2-columns' | 'grid-3-columns' | 'row-circle' | 'ro
 export declare class ThemeFactory {
     static create(name?: ThemeType): IWidgetTheme;
 }
-export declare function getIndicatorStyle(el: IAttributeParser, state: string): Partial<IndicatorStyle>;
-export declare function getLabelStyle(el: IAttributeParser): Partial<LabelStyle>;
-export declare function setupLayoutStyle(layoutStyle: LayoutStyle): void;
-export declare function getLayoutStyle(el: IAttributeParser): DeepPartial<LayoutStyle>;
 
 
 export interface IAttributeParser {
@@ -1203,11 +1314,15 @@ 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;
@@ -1472,6 +1587,7 @@ 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;
@@ -1520,6 +1636,7 @@ export type FetchPriorityType = 'low' | 'high' | 'auto';
 
 export * from './attribute-parser';
 export * from './client-platform.type';
+export * from './story-direction.type';
 export * from './direction.type';
 export * from './element.type';
 export * from './fetch-priority.type';
@@ -1546,6 +1663,8 @@ export type SeverityType = 'error' | 'warning' | 'info' | 'success';
 
 export type SizeType = 'small' | 'medium' | 'large';
 
+export type StoryDirectionType = 'PREV_STORY' | 'NEXT_STORY';
+
 export type ThumbnailApiType = 'SquareIcon' | 'VerticalTwoByThree' | 'MainThumbnail';
 export type ThumbnailType = 'SQUARE_ICON' | 'VERTICAL_TWO_BY_THREE' | 'CUSTOM';
 export type ThumbnailShape = 'Circle' | 'Rectangle';
@@ -1579,20 +1698,15 @@ export declare function isCssPropertySupported(property: string): boolean;
 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 mergeStyles(element: HTMLElement, styles: Partial<CSSStyleDeclaration>): object;
 export declare function formatDate(date: Date): string;
 export declare function formatUTCDate(date: Date): string;
 export declare function getRandomId(): string;
 export declare function setId(element: HTMLElement, prefix?: string, suffix?: string): void;
-declare let isMobile: boolean;
-declare const isIOS: boolean;
-declare const isSafari: boolean;
-declare const isChrome: boolean;
-export { isMobile, isIOS, isSafari, isChrome };
 export type DeepPartial<T> = T extends object ? {
     [P in keyof T]?: DeepPartial<T[P]>;
 } : T;
 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 * from './chip.utils';
 export * from './common.utils';
@@ -1616,7 +1730,6 @@ export declare function calculatePosition(statusIndicatorPosition: PositionType)
 };
 
 export declare const RegexHash: RegExp;
-export declare const RegexHashPlayType: RegExp;
 
 export declare class Stopwatch {
     isRunning: boolean;
@@ -1653,7 +1766,6 @@ export declare class BlazeWidgetStoryAd extends BlazeWidgetStoryBase {
     private adContainer;
     private placeholderContainer;
     private googletag;
-    private isMuted;
     private failToLoadTimeout?;
     constructor(storyParent: BlazeWidgetStory);
     connectedCallback(): void;
@@ -1760,13 +1872,17 @@ export declare class BlazeWidgetLayout extends BlazeWidgetScrollable implements
     analyticsStack: Record<WidgetAction, boolean>;
     onResizeEvent: (this: Window, ev: UIEvent) => void;
     constructor();
+    onResizeEventDelay(): void;
+    onResize(): void;
     handleHeightChangeMutation(mutationsList: MutationRecord[]): void;
+    handleIntersection(entries: IntersectionObserverEntry[]): void;
     connectedCallback(): void;
-    getParentHeightWithoutPadding(): number | null;
     disconnectedCallback(): void;
+    onKeyDown(e: KeyboardEvent): void;
+    onStoryChange(mode: StoryDirectionType): void;
+    getParentHeightWithoutPadding(): number | null;
     attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     setId(id: string): void;
-    onResize(): void;
     handlePopState(_event: Event): void;
     addDelegateListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
     set storyIds(value: string);
@@ -1775,17 +1891,16 @@ export declare class BlazeWidgetLayout extends BlazeWidgetScrollable implements
     setLabels(labels: labelType): void;
     getTheme(): IWidgetTheme;
     setTheme(theme: IWidgetTheme | string): void;
+    private get theme();
     reload(): void;
     setDelegations(delegates: Record<Delegation, EventListenerOrEventListenerObject>): void;
     setMaxItemsDisplaySize(maxSize: number): void;
     setMaxItemsSize(maxItemsSize: number): void;
-    handleIntersection(entries: IntersectionObserverEntry[]): void;
     createModal(): void;
     createMomentsModal(): void;
     static get observedAttributes(): string[];
     onItemClick(item: BlazeWidgetItem, i: number): void;
     loadStories(): Promise<void>;
-    private get theme();
     render(): void;
     calculateLabelSizes(labelStyle: LabelStyle, lineNumber: number): {
         labelWidth: number | "auto";
@@ -1958,6 +2073,7 @@ export declare class BlazeWidgetSDK extends BaseWidget {
     constructor();
     connectedCallback(): Promise<void>;
     disconnectedCallback(): void;
+    onResizeEventDelay(): void;
     onResize(): void;
     loadStoriesByHash(storyIds: string): Promise<void>;
     loadStoriesByStaticContent(): Promise<void>;
@@ -1967,6 +2083,7 @@ export declare class BlazeWidgetSDK extends BaseWidget {
     private injectToHead;
     private injectFontResource;
     private injectGoogleTag;
+    private injectIma;
 }
 
 export interface IShareButton {
@@ -1994,6 +2111,7 @@ export declare class BlazeWidgetShareModal extends BaseWidget {
 
 export declare class BlazeWidgetStoryBase extends HTMLElement {
     data: IPage | undefined;
+    shouldShowImaAd?: boolean;
     constructor();
     setData(data: IPage): void;
     loadPoster(): void;
@@ -2047,15 +2165,19 @@ export declare class BlazeWidgetStoryModal extends BlazeWidgetModal {
     parentWidget: HTMLElement;
     player: BlazeWidgetStoryPlayer;
     exitPopup: HTMLElement;
-    onClose: (() => void) | undefined;
+    onOpen?: () => void;
+    onClose?: () => void;
+    onStoryChange?: (mode: StoryDirectionType) => void;
+    onStoryChanged?: (mode: StoryDirectionType) => void;
     hammer: HammerManager | null;
     isMultiTouch: boolean;
     constructor(parentWidget: HTMLElement);
+    handleOnStoryChange(mode: StoryDirectionType): void;
     setTheme(theme: IWidgetTheme): void;
     setStories(stories: IStory[]): void;
     seek(id: string): void;
     onKeyDown(ev: KeyboardEvent): void;
-    close(): Promise<void>;
+    close(): void;
     open(): void;
     play(): void;
     connectedCallback(): void;
@@ -2077,14 +2199,17 @@ export declare class BlazeWidgetStoryPlayer extends BaseWidget {
     index: number;
     currentNextAnimation?: anime.AnimeInstance | null;
     currentPrevAnimation?: anime.AnimeInstance | null;
-    items: BlazeWidgetStory[];
+    widgetStories: BlazeWidgetStory[];
+    gestureActionLimitThreshold: number;
     edgeScreenThreshold: number;
     isEdgeThreshold: Boolean;
     isNavigationBlocked: boolean;
     isCloseAnimationStarted: boolean;
     srcBackground: HTMLCanvasElement;
     destBackground: HTMLCanvasElement;
-    onClose: (() => void) | undefined;
+    onClose?: () => void;
+    onStoryChange?: (mode: StoryDirectionType) => void;
+    onStoryChanged?: (mode: StoryDirectionType) => void;
     listeners: EventsListener;
     backgroundAnimation?: Animation;
     overlay: any;
@@ -2101,25 +2226,21 @@ export declare class BlazeWidgetStoryPlayer extends BaseWidget {
     private reverseAnimation;
     private cleanupHammer;
     renderBackground(): void;
-    prefetchNeighbours(storyLocation: number, action: string): void;
     setStories(stories: BlazeWidgetStory[]): void;
-    close(): Promise<void>;
+    close(): void;
     seek(storyId: string): void;
-    populatePrev(): Promise<void>;
-    populateNext(): Promise<void>;
+    injectStoryToDomBasedOnUserNavigation(direction: StoryDirectionType): void;
     resetPosition(): void;
     play(): void;
     clean(): void;
-    onCompleteAnimation(currStory: BlazeWidgetStory, mode: 'NEXT' | 'PREV'): void;
-    nextAnimation(): AnimeTimelineInstance | undefined;
-    prevAnimation(): AnimeTimelineInstance | undefined;
-    onAnimationEnd(): void;
+    onCompleteAnimation(story: BlazeWidgetStory, mode: StoryDirectionType): void;
+    animateStory(direction: StoryDirectionType): AnimeTimelineInstance | undefined;
+    onAnimationEnd(direction: StoryDirectionType): void;
     blockInteractionWithUserInterface(): void;
     closeWithAnimation(direction: Direction): void;
-    goPrev(): void;
-    goNext(): void;
+    navigateToStory(direction: StoryDirectionType): void;
     handleAnimation(distance: number, story: BlazeWidgetStory, currentAnimation?: AnimeInstance | null): void;
-    onSmallGestures(currentAnimation: AnimeInstance, currentStory: BlazeWidgetStory): void;
+    onSmallGestures(animation: AnimeInstance, story: BlazeWidgetStory): void;
     onKeyDown(ev: KeyboardEvent): false | undefined;
     render(): void;
 }
@@ -2186,28 +2307,39 @@ export declare class BlazeWidgetStoryPreview extends BlazeWidgetStory {
 
 export declare class BlazeWidgetStoryVideo extends BlazeWidgetStoryBase {
     data: IPage | undefined;
-    video: HTMLVideoElement | undefined;
-    loader: HTMLElement | undefined;
-    source: HTMLElement | undefined;
+    video: HTMLVideoElement;
+    loader: HTMLElement;
+    source: HTMLElement;
+    videoUrl: string | undefined;
+    videoFrameCallback?: any;
+    eventRenderBackgroundPercentageTriggered: Array<boolean>;
     loaderTimeoutRefAppending: NodeJS.Timeout | undefined;
+    lastErrorExecutionTime: number;
     isVideoStartPlaying: boolean;
     isError: boolean;
     isLoaded: boolean;
     isVideoRunning: boolean;
     maxRetryTimes: number;
-    videoFrameCallback?: any;
-    eventRenderBackgroundPercentageTriggered: Array<boolean>;
     mode: 'contain' | 'cover';
-    constructor();
+    adContainer: HTMLElement;
+    adLoaderContainer: BlazeLoader;
+    adDisplayContainer: any;
+    adsManager: any;
+    shouldShowImaAd: boolean;
+    storyParent: BlazeWidgetStory;
+    googleIMA: any;
+    constructor(storyParent: BlazeWidgetStory);
+    connectedCallback(): void;
+    disconnectedCallback(): void;
     setData(data: IPage): void;
     loadPoster(): void;
-    load(): Promise<void>;
     display(): void;
     hide(): void;
+    load(): Promise<void>;
     unload(): Promise<void>;
     removeLoader(): void;
     startPlayVideo(video: HTMLVideoElement, maxRetryTimes: number): Promise<void>;
-    reloadVideo(retryTime: number): void;
+    tryReloadVideo(retryTime: number): void;
     tryToAddLoader(): void;
     play(): void;
     pause(): void;
@@ -2219,9 +2351,19 @@ export declare class BlazeWidgetStoryVideo extends BlazeWidgetStoryBase {
     get paused(): boolean;
     get muted(): boolean;
     set muted(value: boolean);
-    connectedCallback(): void;
-    disconnectedCallback(): void;
     render(): void;
+    initializeIMA(): void;
+    onAdsManagerLoaded(adsManagerLoadedEvent: any): void;
+    onAdEvent(adEvent: any): void;
+    onWindowResize(): void;
+    onVisibile(): void;
+    onBlur(): void;
+    onFocus(): void;
+    onAdError(): void;
+    loadAds(): void;
+    onContentPauseRequested(): void;
+    onContentResumeRequested(): void;
+    removeAdLoader(): void;
 }
 
 export declare class BlazeWidgetStory extends HTMLElement {
@@ -2234,17 +2376,16 @@ export declare class BlazeWidgetStory extends HTMLElement {
     refWidget: BlazeWidgetStory[] | undefined;
     pageIndex: number;
     container: HTMLElement;
-    progress: HTMLElement;
-    onPageStart: (() => void) | undefined;
-    onPrevStory: (() => void) | undefined;
-    onNextStory: (() => void) | undefined;
-    onClose: (() => void) | undefined;
+    progressElement: HTMLElement;
+    onPageStart?: () => void;
+    onPrevStory?: () => void;
+    onNextStory?: () => void;
+    onClose?: () => void;
     playbackParts: HTMLElement[];
-    playToggleBtn: HTMLElement;
-    muteToggleBtn: HTMLElement;
+    playButtonElement: HTMLElement;
+    muteButtonElement: HTMLElement;
     storyTitle: HTMLElement;
     storySubtitle: HTMLElement;
-    storyThumbnail: HTMLElement;
     storyChip: HTMLElement;
     ctaButton: HTMLElement;
     prevButton: HTMLElement;
@@ -2258,18 +2399,19 @@ export declare class BlazeWidgetStory extends HTMLElement {
     exitTrigger: 'Swipe' | 'Swipe Down' | 'Skip' | 'Close Button' | 'CTA Click' | 'Escape Button' | '';
     navigationType: 'Automatic' | 'Manual' | undefined;
     navigationDirection: 'Forwards' | 'Backwards' | undefined;
-    referring: ReferringEventInfo | undefined;
     resumeAfterfocus: boolean;
     totalPlayStopwatch: Stopwatch;
     playerStyle: StoryPlayerStyle;
     listeners: EventsListener;
-    shadowTop: HTMLDivElement;
-    shadow: HTMLDivElement;
+    shadowTopElement: HTMLDivElement;
+    topStoryShadow: BlazeDiv;
     isNavigationPending: boolean;
     navigationTimeout: NodeJS.Timeout | null;
     lastPageIndexToResume: number;
-    elementsToHideOnAds: HTMLElement[];
+    elementsToHideOnCustomNativeAds: HTMLElement[];
+    elementsToHideOnImaAds: (HTMLElement | undefined)[];
     muteStateBeforeAd: 'mute' | 'unmute' | 'no-ad';
+    longPressHandler?: LongPressHandler;
     constructor();
     onShareClick(): Promise<void>;
     updateChip(): void;
@@ -2286,17 +2428,19 @@ export declare class BlazeWidgetStory extends HTMLElement {
     get nextPage(): BlazeWidgetStoryBase;
     get prevPage(): BlazeWidgetStoryBase;
     prefetchNeighbours(distance?: number): void;
-    loadAllPostersOfStory(): void;
-    loadAllPostersOfFirstPage(): void;
+    loadStoryPostersByDistance(distance: number): void;
     loadFirstVideo(): void;
     playPage(pageIndexToPlayNext: number): void;
     switchToPage(newPageIndex: number): void;
     startPage(indexToPlay: number): void;
     unload(): void;
     removeFromCache(): void;
+    displayCurrentStoryPageAndHideTheRest(): void;
     load(): void;
     play(): void;
+    getRefferingObject(): ReferringEventInfo;
     event(action: StoryAction, storyData: Partial<StoryEvent>, label?: string | undefined): void;
+    updateContainerLayout(): void;
     connectedCallback(): void;
     onShareModalClose(): void;
     onShareModalButtonClick(shareButton: BlazeShareButton): Promise<void>;