@wscsports/blaze-web-sdk 0.13.4 → 0.14.0

package/publish/index.d.ts

@@ -11,6 +11,7 @@ export declare function Initialize(apiKey: string, userOptions?: Partial<IBlazeS
 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 WidgetCustomView(containerId: string, options: ICustomWidgetOptionsWithDataSource): IWidgetView;
 export declare function Theme(theme: ThemeType, contentType: 'moment'): IWidgetTheme<MomentPlayerStyle>;
 export declare function Theme(theme: ThemeType, contentType: 'story'): IWidgetTheme<StoryPlayerStyle>;
 export declare function Theme(theme: ThemeType, contentType: 'video'): IWidgetTheme<VideoPlayerStyle>;
@@ -35,6 +36,7 @@ declare const _default: {
     WidgetGridView: typeof WidgetGridView;
     WidgetRowView: typeof WidgetRowView;
     WidgetEmbeddedStory: typeof WidgetEmbeddedStory;
+    WidgetCustomView: typeof WidgetCustomView;
     Theme: typeof Theme;
     addDelegateListener: typeof addDelegateListener;
     setDoNotTrack: typeof setDoNotTrack;
@@ -328,6 +330,7 @@ export declare class ImaAdEvent {
     'audio_state': string;
     'content_type': string;
     'backoffice_campaign_data': string;
+    'session_id': string;
 }
 export declare class InteractionEvent {
     'interaction_id': string;
@@ -359,7 +362,7 @@ export declare abstract class BaseWidget extends HTMLElement {
 type BlazeSourceType = 'labels' | 'ids';
 export type AdvancedOrdering = 'LiveFirst';
 export interface BlazeDataSourceType {
-    type: BlazeSourceType;
+    sourceType: BlazeSourceType;
     labels?: string | string[] | BlazeWidgetLabel;
     labelsPriority?: string | string[] | BlazeWidgetLabel[];
     ids?: string[];
@@ -382,6 +385,11 @@ export declare class BlazeDataSourceFactory {
 }
 export declare class BlazeDataSourceValidations {
     static validateFormat(dataSource: BlazeDataSourceType): void;
+    static validateDataSource(containerId: string, legacyProps: {
+        labels?: string | string[] | BlazeWidgetLabel;
+        storyIds?: string[];
+        contentIds?: string[];
+    }, dataSource?: BlazeDataSourceType): void;
 }
 
 export declare function debounce<T extends (...args: any[]) => any>(func: T, delay: number): {
@@ -662,6 +670,10 @@ export declare const PLAYER_MENU_EVENTS: {
     readonly EXPAND: "player-menu-expand";
     readonly COLLAPSE: "player-menu-collapse";
 };
+export declare const PLAYER_MENU_ATTRIBUTES: {
+    readonly OPEN: "open";
+    readonly EXPANDED: "expanded";
+};
 export declare class BlazePlayerMenu extends BaseWidget {
     private menuOptions;
     private menuComponent;
@@ -671,6 +683,7 @@ export declare class BlazePlayerMenu extends BaseWidget {
     private titleElement;
     private closeButton;
     menuContainer: BlazeDiv;
+    private boundPreventScrollBubbling;
     private detachTouchEventListeners;
     constructor();
     connectedCallback(): void;
@@ -678,6 +691,7 @@ export declare class BlazePlayerMenu extends BaseWidget {
     setAttribute(qualifiedName: string, value: string): void;
     private setupEventListeners;
     private detachEventListeners;
+    private preventScrollBubbling;
     init(options: IPlayerMenuOptions): void;
     private buildHeader;
     private buildBackdrop;
@@ -978,9 +992,32 @@ export * from './css.constants';
 export * from './cc-supported-languages.constants';
 export * from './closed-captions.constants';
 export * from './common.constants';
+export * from './network.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 interface NetworkConfig {
+    posterLimits: {
+        previous: number;
+        next: number;
+    };
+    videoPreloadLimits: {
+        next: number;
+    };
+}
+export type NetworkSpeed = 'slow' | 'medium' | 'fast';
+export declare const NETWORK_CONFIGS: Record<NetworkSpeed, NetworkConfig>;
+export declare const DEFAULT_NETWORK_SPEED: NetworkSpeed;
+export declare function getNavigatorConnection(): any;
+export declare function getNetworkSpeed(downlinkMbps: number): NetworkSpeed;
+export declare function getPosterLimits(): {
+    previous: number;
+    next: number;
+};
+export declare function getVideoPreloadLimits(): {
+    next: number;
+};
+
 export declare const DEFAULT_CTA_HEIGHT = 40;
 export declare const MIN_PADDING_BOTTOM = 10;
 export declare const Z_INDEX: {
@@ -1032,6 +1069,7 @@ interface IBaseAdInfo {
     configuration?: IAdInfoConfiguration;
     context?: IAdContext;
     externalAdServerId?: string;
+    backofficeCampaignData?: string;
 }
 export interface IImaAdInfo extends IBaseAdInfo {
     type: 'IMA';
@@ -1042,7 +1080,7 @@ export interface IWebAdInfo extends IBaseAdInfo {
     type: 'Web';
     path: string;
 }
-export interface IBannerAdInfo {
+export interface IBannerAdInfo extends IBaseAdInfo {
     type: 'Banner';
     adUnitId: string;
     size: 'Banner';
@@ -1078,9 +1116,20 @@ export interface IContent {
     isAd: boolean;
     entities?: ContentEntities;
     bannerAdInfo?: IBannerAdInfo;
+    description?: string;
     closedCaptions?: IClosedCaption[];
     extraInfo: ExtraInfo;
 }
+export interface IBlazeContent {
+    id: string;
+    title: string;
+    updateTime: string;
+    createTime: string;
+    thumbnails: IThumbnail[];
+    hasViewed: boolean;
+    type?: string;
+    entities?: ContentEntities;
+}
 
 export interface ICta {
     type: 'Deeplink' | 'Web' | null;
@@ -1221,15 +1270,18 @@ export interface IMoment extends IContent {
         type: string;
     };
     cta: ICta;
-    adPath?: string;
+    adInfo?: IAdInfo;
     subtitle?: string;
-    description?: string;
 }
 export type MomentDB = {
     id: string;
     liked: boolean;
     viewed: boolean;
 };
+export interface IBlazeMoment extends IBlazeContent {
+    duration: string;
+    likes: number;
+}
 
 interface IBasePage {
     id: string;
@@ -1257,6 +1309,15 @@ export interface IAdPage extends IBasePage {
     type: 'Ad';
     adInfo?: IWebAdInfo;
 }
+export interface IBlazePage {
+    id: string;
+    duration: number;
+    hasViewed: boolean;
+    createTime: string;
+    index?: number;
+    thumbnail?: IThumbnail;
+    poster?: IThumbnail;
+}
 export type IPage = IAdPage | IContentPage;
 
 export interface IRendition {
@@ -1267,12 +1328,15 @@ export interface IRendition {
 }
 
 export interface IStory extends IContent {
-    description: string;
     isLive: boolean;
     pages: IPage[];
     adInfo?: IAdInfo;
     compositionType?: string;
 }
+export interface IBlazeStory extends IBlazeContent {
+    pages: IBlazePage[];
+    isLive: boolean;
+}
 
 export interface IThumbnail {
     type: ThumbnailApiType;
@@ -1281,7 +1345,6 @@ export interface IThumbnail {
 }
 
 export interface IVideo extends IContent {
-    description: string;
     isLive: boolean;
     pages: IPage[];
     adInfo?: IAdInfo;
@@ -1298,6 +1361,11 @@ export interface VideoDBData {
     currentTime: number;
     posterCurrentTime: string;
 }
+export interface IBlazeVideo extends IBlazeContent {
+    duration: string;
+    likes: number;
+    isLive: boolean;
+}
 
 export declare enum ActionHandlerId {
     AddCustomActionButton = "addCustomActionButton"
@@ -1388,6 +1456,7 @@ export interface WidgetsTagNameMap {
     'blaze-widget-modal': BlazeWidgetModal;
     'blaze-widget-item': BlazeWidgetItem;
     'blaze-widget-layout': BlazeWidgetLayout;
+    'blaze-widget-custom-layout': BlazeWidgetCustomLayout;
     'blaze-widget-story': BlazeWidgetStory;
     'blaze-widget-story-player': BlazeWidgetStoryPlayer;
     'blaze-widget-story-modal': BlazeWidgetStoryModal;
@@ -1430,6 +1499,7 @@ interface WidgetsTagNameOptionsMap {
     'blaze-widget-modal': {};
     'blaze-widget-item': {};
     'blaze-widget-layout': {};
+    'blaze-widget-custom-layout': {};
     'blaze-widget-story': {};
     'blaze-widget-story-player': {};
     'blaze-widget-story-modal': {};
@@ -1474,12 +1544,17 @@ export declare abstract class WidgetsFactory {
 
 export * from './elements.factory';
 
+export declare function isStory(item: ContentItem): item is IStory;
+export declare function isVideo(item: ContentItem): item is IVideo;
+export declare function isMoment(item: ContentItem): item is IMoment;
+
 export declare function isValidIds(ids: unknown): ids is string[];
 export declare function hasValidIds(...sources: Array<string[] | undefined>): boolean;
 
 export * from './widget-theme.guard';
 export * from './labels.guard';
 export * from './ids.guard';
+export * from './contents.guard';
 
 export declare function isValidLabels(labels: unknown): labels is string | string[] | IBlazeWidgetLabel;
 export declare function hasValidLabels(...sources: Array<string | string[] | IBlazeWidgetLabel | undefined>): boolean;
@@ -1580,8 +1655,8 @@ export interface IDataSourceBuilder {
     labels: (params: LabelsDataSourceParams) => BlazeDataSourceType;
     ids: (params: IdsDataSourceParams) => BlazeDataSourceType;
 }
-export type LabelsDataSourceParams = Omit<BlazeDataSourceType, 'type' | 'ids'>;
-export type IdsDataSourceParams = Omit<BlazeDataSourceType, 'type' | 'labels' | 'labelsPriority' | 'maxItems'>;
+export type LabelsDataSourceParams = Omit<BlazeDataSourceType, 'sourceType' | 'ids'>;
+export type IdsDataSourceParams = Omit<BlazeDataSourceType, 'sourceType' | 'labels' | 'labelsPriority' | 'maxItems'>;
 
 export interface IDatabase {
     init: () => Promise<void>;
@@ -1694,6 +1769,18 @@ export * from './widget-options.interface';
 export * from './widget-view.interface';
 export { default as Observable } from './observable';
 
+export interface ILayoutDataSourceOptions {
+    dataSource?: BlazeDataSourceType;
+    labels?: string | string[] | BlazeWidgetLabel;
+    storyIds?: string[];
+    contentIds?: string[];
+    maxItemsCount?: number;
+    maxDisplayItemsCount?: number;
+    orderType?: string;
+    labelsPriority?: string | string[] | BlazeWidgetLabel[];
+    shouldOrderWidgetByReadStatus?: boolean;
+}
+
 export default interface IntersectionObservable {
     intersectionObserver: IntersectionObserver;
     handleIntersection(entries: IntersectionObserverEntry[]): void;
@@ -1745,7 +1832,13 @@ export interface IWidgetViewOptionsWithDataSource extends IWidgetViewOptionsBase
     storyIds?: never;
     labels?: never;
 }
-export type IWidgetViewOptions = IWidgetViewOptionsWithLabels | IWidgetViewOptionsWithStoryIds | IWidgetViewOptionsWithDataSource;
+export interface IBlazeCustomRenderer {
+    render(contents: BlazeContentItem[], container: HTMLElement, playContent: (contentId: string) => void): void;
+    destroy?(): void;
+}
+export interface ICustomWidgetOptionsWithDataSource extends IWidgetViewOptionsWithDataSource {
+    customRenderer: IBlazeCustomRenderer;
+}
 
 export interface IWidgetView extends HTMLElement {
     setTheme: (theme: IWidgetTheme | ThemeType) => void;
@@ -1766,6 +1859,10 @@ export interface IWidgetView extends HTMLElement {
 export interface ISetWidgetOptions {
     shouldReloadData?: boolean;
 }
+export interface ICustomWidgetView extends IWidgetView {
+    getContainer: () => HTMLElement;
+    getContents: () => IBlazeContent[];
+}
 
 declare const AdServiceClass_base: {
     new (): {};
@@ -3205,6 +3302,9 @@ export type IClosedCaption = {
 };
 export type ClosedCaptionsState = CcLanguageCode | 'Off' | 'Unknown' | 'Unavailable';
 
+export type ContentItem = IStory | IVideo | IMoment | IContent;
+export type BlazeContentItem = IBlazeStory | IBlazeVideo | IBlazeMoment | IBlazeContent;
+
 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';
 
@@ -3245,6 +3345,7 @@ export * from './environment.type';
 export * from './gesture.type';
 export * from './item.type';
 export * from './label.type';
+export * from './loading.type';
 export * from './locale.type';
 export * from './order.type';
 export * from './personalized.type';
@@ -3271,6 +3372,8 @@ export * from './animation.type';
 export * from './screen.type';
 export * from './action-handler.type';
 export * from './cc-language.type';
+export * from './widget-view-options.type';
+export * from './content-item.type';
 
 export type EntitiesType = 'playerId' | 'teamId' | 'gameId' | 'roundId';
 export type PerItemStyleOverrides = Partial<Record<EntitiesType, Array<{
@@ -3280,6 +3383,8 @@ export type PerItemStyleOverrides = Partial<Record<EntitiesType, Array<{
 
 export type LabelsType = string | string[] | BlazeWidgetLabel;
 
+export type LoadingType = 'cache' | 'direct';
+
 export type LocaleDirectionType = 'LTR' | 'RTL';
 
 export type OrderType = 'Manual' | 'AtoZ' | 'ZtoA' | 'RecentlyUpdatedFirst' | 'RecentlyUpdatedLast' | 'RecentlyCreatedFirst' | 'RecentlyCreatedLast' | 'Random';
@@ -3358,6 +3463,8 @@ export type TokenData = {
     userId: string;
 };
 
+export type IWidgetViewOptions = IWidgetViewOptionsWithLabels | IWidgetViewOptionsWithStoryIds | IWidgetViewOptionsWithDataSource | ICustomWidgetOptionsWithDataSource;
+
 export type WidgetType = 'Row' | 'Grid';
 
 export declare function isImaAdInfo(ad: IAdInfo): ad is IImaAdInfo;
@@ -3380,6 +3487,13 @@ export declare function calculateChipSize(type: 'chip' | 'badge', statusIndicato
 
 export declare function delay(ms: number): Promise<void>;
 
+export declare function transformContent(item: IContent): IBlazeContent;
+export declare function transformStory(item: IStory): IBlazeStory;
+export declare function transformVideo(item: IVideo): IBlazeVideo;
+export declare function transformMoment(item: IMoment): IBlazeMoment;
+export declare function transformContentItem(item: ContentItem): BlazeContentItem;
+export declare function transformContentsArray(items: ContentItem[]): BlazeContentItem[];
+
 type CountryCode = typeof CountryCodes[number];
 export declare function isValidCountryCode(countryCode: string): countryCode is CountryCode;
 
@@ -3420,19 +3534,21 @@ export declare function isElementInsideTarget(target: EventTarget | null, select
 export declare function findParentOfType<T>(target: EventTarget | null, type: {
     new (...args: any[]): T;
 }, stopAt: Element): T | null;
+export declare function validateContainer(containerId: string, widgetElementName?: string): HTMLElement;
 
+export * from './ad-info.utils';
+export * from './cc-language.utils';
 export * from './chip.utils';
 export * from './common.utils';
+export * from './content-mapper.utils';
 export * from './country-location.utils';
 export * from './guard.utils';
 export * from './helper';
 export * from './personalized.utils';
-export * from './regex.utils';
-export * from './stopwatch';
 export * from './position.utils';
-export * from './ad-info.utils';
-export * from './cc-language.utils';
+export * from './regex.utils';
 export * from './shared-event-target.utils';
+export * from './stopwatch';
 
 export declare function getPersonalizedParamsForRequest(personalized?: BlazePersonalized): {
     PersonalPlayers?: undefined;
@@ -3478,6 +3594,8 @@ export declare class Stopwatch {
     reset(): void;
 }
 
+export declare function getVideoDuration(existingVideo?: HTMLVideoElement, videoUrl?: string): Promise<number>;
+
 export * from './commands/player-buttons.command';
 export * from './commands/video-commands';
 export * from './components/timer';
@@ -3933,8 +4051,9 @@ export declare class BlazeVideoElement extends BlazeWidgetVideoBase {
     videoOverlay: BlazeLongFormControlsOverlay;
     shareModal: BlazeWidgetShareModal;
     closedCaptionsModal: BlazeWidgetClosedCaptionsModal | undefined;
-    private widgetVastAd;
+    widgetVastAd: BlazeWidgetVastAd;
     private adPercentageShownPlaces;
+    private adIndex;
     private lastSavedTime;
     private lastSeekAction;
     private shouldSaveAfterSeek;
@@ -4136,6 +4255,7 @@ export declare class HLSStrategy implements PlaybackStrategy {
 
 export * from './widget-video-base';
 export * from './widget-player';
+export * from './widget-custom-layout';
 export * from './ad/widget-ad';
 export * from './ad/widget-banner-ad';
 export * from './ad/widget-vast-ad';
@@ -4160,6 +4280,83 @@ export * from './widget-captions';
 export * from '../video/core/video';
 export * from './widget-cc-modal';
 
+export declare abstract class WidgetBaseLayout extends BlazeWidgetScrollable implements Observable, IWidgetView {
+    isWidgetVisible: boolean;
+    widgetItems: BlazeWidgetItem[];
+    analyticsStack: Record<WidgetAction, boolean>;
+    shouldReloadData: boolean;
+    shouldReloadWhenPlayerIsClosed: boolean;
+    personalized?: BlazePersonalized;
+    preset: IWidgetTheme | undefined;
+    contents: IStory[] | IMoment[] | IVideo[];
+    actionHandlers: ActionHandler[];
+    defaultAdsInfo: IAdInfo | undefined;
+    thumbnailWidth: number | undefined;
+    thumbnailHeight: number | undefined;
+    storysModal: BlazeWidgetStoryModal | undefined;
+    momentsModal: BlazeWidgetMomentModal | undefined;
+    videosModal: BlazeWidgetVideoModal | undefined;
+    perItemStyleOverrides: PerItemStyleOverrides;
+    activeOverridesLayoutThemes: PerItemStyleOverrides;
+    constructor();
+    abstract render(): void;
+    widgetType(): WidgetType;
+    get thumbnailShape(): ThumbnailShape;
+    protected get theme(): IWidgetTheme<StoryPlayerStyle | VideoPlayerStyle | MomentPlayerStyle>;
+    protected updateActiveLayoutThemesPerItemWithEntity(key: EntitiesType, value: string, theme: IWidgetTheme): void;
+    protected setReloadData(options?: ISetWidgetOptions): void;
+    set contentIds(value: string);
+    set storyIds(value: string);
+    addDelegateListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
+    event(action: WidgetAction, data: Partial<WidgetEvent>, label?: string | undefined): void;
+    intersectionObserver: IntersectionObserver;
+    abstract handleIntersection(entries: IntersectionObserverEntry[]): void;
+    getTheme(): IWidgetTheme;
+    setTheme(theme: IWidgetTheme | ThemeType): void;
+    reload(): void;
+    abstract updateWidgetUI(): void;
+    setMaxItemsDisplaySize(size: number): void;
+    setDelegations(delegates: Record<Delegation, EventListenerOrEventListenerObject>): void;
+    abstract updateOverrideStyles(perItemStyleOverrides: PerItemStyleOverrides): void;
+    abstract setId(id: string): void;
+    protected setOrderType(orderType?: string): void;
+    updateDataSource(dataSource: BlazeDataSourceType): void;
+    setPersonalized(personalized?: BlazePersonalized): void;
+    setAdvancedOrdering(advancedOrdering?: AdvancedOrdering): void;
+    setLabels(labels: string | string[] | BlazeWidgetLabel, options?: ISetWidgetOptions): void;
+    setLabelsPriority(labelsPriority: string | string[] | BlazeWidgetLabel[], options?: ISetWidgetOptions): void;
+    setContentIds(ids: string[], options?: ISetWidgetOptions): void;
+    setMaxItemsSize(maxItemsSize?: number, options?: ISetWidgetOptions): void;
+    setActionHandlers(actionHandlers: ActionHandler[]): void;
+    protected appendModalToBlazeSDK(modal: BlazeWidgetMomentModal | BlazeWidgetStoryModal | BlazeWidgetVideoModal): void;
+    updateWidgetsData(): void;
+    protected abstract reorderWidgetItems(): void;
+    protected abstract updateWidgetDisplay(): void;
+    protected sortContent(): void;
+    protected reorderWidgets(): void;
+    private getContentType;
+    static get observedAttributes(): string[];
+    protected createModal(type: ContentType): void;
+    protected beforeStoryModalCreation(): void;
+    protected abstract setupVideoModalCallbacks(): void;
+    protected abstract setupMomentModalCallbacks(): void;
+    protected abstract setupStoryModalCallbacks(): void;
+    loadContent(): Promise<void>;
+    protected handleContentLoadError(e: any): Promise<void>;
+    protected handleStoryContent(): void;
+    protected handleVideoContent(): void;
+    protected handleMomentContent(): void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    protected playVideo(contentId: string): void;
+    protected playMoment(contentId: string): void;
+    protected playStory(contentId: string): void;
+    protected handleAssetsExpiry(data: {
+        assetsExpiryTime: string;
+    }): void;
+    protected removeSkeletonContainer?(): Promise<void>;
+    protected abstract handlePostContentLoad(isStoryContentType: boolean, isMomentContentType: boolean, isVideoContentType: boolean): Promise<void>;
+}
+
 type Position = {
     top?: string;
     left?: string;
@@ -4223,8 +4420,8 @@ export declare class BlazeWidgetClosedCaptionsModal extends BaseWidget {
     private onMenuCollapse;
     open(): void;
     close(): void;
-    get isOpen(): boolean;
-    reloadData(data: IClosedCaption[]): void;
+    isOpen(): boolean;
+    reloadData(data: IClosedCaption[] | undefined): void;
     private handleCcOptionClick;
     private buildCcOption;
     private fillContainerWithOptions;
@@ -4253,10 +4450,15 @@ export declare abstract class BlazeWidgetContent extends HTMLElement {
     widgetParentItem: BlazeWidgetItem;
     sessionId: string;
     refContentModal?: BlazeWidgetStoryModal | BlazeWidgetMomentModal | BlazeWidgetVideoModal;
+    adIndex: number;
     abstract aspectRatio?: ContentAspectRatio;
+    private detachTimeout;
+    private isScheduledForDetach;
     constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;
+    attachEventListeners(): void;
+    detachEventListeners(): void;
     setWidgetItemParent(item: BlazeWidgetItem): void;
     updateWidgetStatusReadUnread(): void;
     getRefferingObject(): ReferringEventInfo;
@@ -4287,6 +4489,32 @@ export declare class BlazeWidgetCtaModal extends BaseWidget {
     render(): void;
 }
 
+export declare class BlazeWidgetCustomLayout extends WidgetBaseLayout implements ICustomWidgetView {
+    private customContainer;
+    private customRenderer;
+    constructor(customRenderer: IBlazeCustomRenderer);
+    getContainer(): HTMLElement;
+    getContents(): IBlazeContent[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    handleIntersection(entries: IntersectionObserverEntry[]): void;
+    reload(): void;
+    updateWidgetUI(): void;
+    setMaxItemsDisplaySize(size: number): void;
+    setDelegations(delegates: Record<Delegation, EventListenerOrEventListenerObject>): void;
+    updateOverrideStyles(): void;
+    setId(id: string): void;
+    protected handlePostContentLoad(isStoryContentType: boolean, isMomentContentType: boolean, isVideoContentType: boolean): Promise<void>;
+    protected reorderWidgetItems(): void;
+    protected updateWidgetDisplay(): void;
+    private setupModalContent;
+    private playContentById;
+    render(): void;
+    protected setupVideoModalCallbacks(): void;
+    protected setupMomentModalCallbacks(): void;
+    protected setupStoryModalCallbacks(): void;
+}
+
 export declare class BlazeWidgetEmbeddedStory extends BaseWidget implements IWidgetView, Observable {
     preset?: IWidgetTheme;
     contents: BlazeWidgetStory[];
@@ -4442,47 +4670,27 @@ export declare class BlazeWidgetItem extends BaseWidget implements Observable {
 }
 
 /// <reference types="node" />
-export declare class BlazeWidgetLayout extends BlazeWidgetScrollable implements Observable, IWidgetView {
-    storysModal: BlazeWidgetStoryModal | undefined;
-    momentsModal: BlazeWidgetMomentModal | undefined;
-    videosModal: BlazeWidgetVideoModal | undefined;
-    defaultAdsInfo: IAdInfo | undefined;
-    content: IStory[] | IMoment[] | IVideo[];
+export declare class BlazeWidgetLayout extends WidgetBaseLayout {
     skeletonContainer: BlazeDiv | undefined;
-    widgetItems: BlazeWidgetItem[];
-    preset: IWidgetTheme | undefined;
-    perItemStyleOverrides: PerItemStyleOverrides;
-    activeOverridesLayoutThemes: PerItemStyleOverrides;
-    isWidgetVisible: boolean;
-    thumbnailWidth: number | undefined;
-    thumbnailHeight: number | undefined;
     widgetHeight: number;
     parentHeight: number | undefined;
-    intersectionObserver: IntersectionObserver;
     heightObserver: MutationObserver;
     reloadTimeout: NodeJS.Timeout | undefined;
-    analyticsStack: Record<WidgetAction, boolean>;
-    actionHandlers: ActionHandler[];
     onResizeEvent: (this: Window, ev: UIEvent) => void;
     onMouseMoveEvent: ((e: MouseEvent) => void) & {
         cancel: () => void;
     };
     onMouseLeaveEvent: (e: MouseEvent) => void;
-    shouldReloadWhenPlayerIsClosed: boolean;
-    shouldReloadData: boolean;
-    private personalized?;
     currentlyAnimatedItem: BlazeWidgetItem | undefined;
     firstVisibleItem: BlazeWidgetItem | undefined;
     get refElement(): ShadowRoot | BlazeWidgetLayout;
     constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;
-    private getContentType;
     onResizeEventDelay(): void;
     onResize(): void;
     handleHeightChangeMutation(mutationsList: MutationRecord[]): void;
     handleIntersection(entries: IntersectionObserverEntry[]): void;
-    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     onKeyDown(e: KeyboardEvent): void;
     onContentChange(mode: ContentDirection): void;
     onPlayerClose(): void;
@@ -4490,39 +4698,24 @@ export declare class BlazeWidgetLayout extends BlazeWidgetScrollable implements
     setFirstVisibleItem(): void;
     getParentHeightWithoutPadding(): number | null;
     setId(id: string): void;
-    private setReloadData;
-    addDelegateListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions | undefined): void;
     set storyIds(value: string);
     set contentIds(value: string);
-    setContentIds(ids: string[], options?: ISetWidgetOptions): void;
-    setLabelsPriority(labelsPriority: string | string[] | BlazeWidgetLabel[], options?: ISetWidgetOptions): void;
-    setActionHandlers(actionHandlers: ActionHandler[]): void;
-    setLabels(labels: string | string[] | BlazeWidgetLabel, options?: ISetWidgetOptions): void;
-    getTheme(): IWidgetTheme;
-    setTheme(theme: IWidgetTheme | ThemeType): void;
-    private get theme();
-    updateOverrideStyles(perItemStyleOverrides: PerItemStyleOverrides): void;
-    reload(): void;
-    private updateActiveLayoutThemesPerItemWithEntity;
     updateWidgetUI(): void;
+    updateOverrideStyles(perItemStyleOverrides: PerItemStyleOverrides): void;
+    private updatePlayerStyle;
     setMaxPaddingOnWidgetItems(): void;
-    updateDataSource(dataSource: BlazeDataSourceType): void;
-    setDelegations(delegates: Record<Delegation, EventListenerOrEventListenerObject>): void;
-    private setOrderType;
     setMaxItemsDisplaySize(maxSize: number): void;
     setMaxItemsSize(maxItemsSize?: number, options?: ISetWidgetOptions): void;
-    private updatePlayerStyle;
-    private createModal;
-    private appendModalToBlazeSDK;
-    static get observedAttributes(): string[];
-    private onItemClick;
-    private loadContent;
-    private handleStoryContent;
-    private handleVideoContent;
-    private handleMomentContent;
-    handleAssetsExpiry(data: {
+    protected setupVideoModalCallbacks(): void;
+    protected setupMomentModalCallbacks(): void;
+    protected setupStoryModalCallbacks(): void;
+    protected beforeStoryModalCreation(): void;
+    protected removeSkeletonContainer(): Promise<void>;
+    protected handlePostContentLoad(isStoryContentType: boolean, isMomentContentType: boolean, isVideoContentType: boolean): Promise<void>;
+    protected handleAssetsExpiry(data: {
         assetsExpiryTime: string;
     }): void;
+    private onItemClick;
     handleWidgetContent(): void;
     calculateChipSizes(theme: IWidgetTheme): {
         badge: {
@@ -4560,16 +4753,12 @@ export declare class BlazeWidgetLayout extends BlazeWidgetScrollable implements
         labelAdditionalWidth: number;
         labelAdditionalHeight: number;
     };
-    event(action: WidgetAction, data: Partial<WidgetEvent>, label?: string | undefined): void;
-    private sortContent;
-    private reorderWidgets;
-    updateWidgetsData(): void;
-    private updateWidgetDisplay;
+    protected reorderWidgetItems(): void;
+    protected updateWidgetDisplay(): void;
     private maxSize;
     connectWidgets(): void;
     get thumbnailShape(): ThumbnailShape;
     widgetType(): WidgetType;
-    setPersonalized(personalized?: BlazePersonalized): void;
 }
 
 export declare class BlazeWidgetModal extends BaseWidget {
@@ -4759,7 +4948,7 @@ export declare class BlazeWidgetVideoBase extends HTMLElement {
     shouldShowImaAd?: boolean;
     isCurrentlyTryingToRunImaAd?: boolean;
     _isAd?: boolean | undefined;
-    adsManager?: any;
+    widgetVastAd?: BlazeWidgetVastAd;
     constructor();
     setData(data: IPage | IVideo): void;
     loadPoster(): void;
@@ -4773,7 +4962,7 @@ export declare class BlazeWidgetVideoBase extends HTMLElement {
     get isAd(): boolean | undefined;
     set isAd(value: boolean | undefined);
     removeLoader(): any;
-    load(): void;
+    load(loadingType?: LoadingType): void;
     unload(): void;
     display(onFail?: () => void): void;
     hide(): void;
@@ -4809,19 +4998,19 @@ export declare class BlazeWidgetVideo extends BlazeWidgetVideoBase {
     isLoaded: boolean;
     isVideoRunning: boolean;
     maxRetryTimes: number;
-    adContainer: HTMLElement;
-    adLoaderContainer: BlazeLoader;
-    adDisplayContainer: any;
-    adsManager: any;
     shouldShowImaAd: boolean;
     isCurrentlyTryingToRunImaAd: boolean;
     hasPoster: boolean;
+    widgetVastAd: BlazeWidgetVastAd;
+    private boundHandleAdStarted;
+    private boundHandleAdEnded;
     boundLanguageChangeEvent: (event: Event) => void;
     static get observedAttributes(): string[];
     constructor(contentParent: BlazeWidgetStory | BlazeWidgetMoment);
     attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    private getContentType;
     setData(data: IPage): void;
     getGoogleIMA(): any;
     private isEnableInteractions;
@@ -4830,7 +5019,8 @@ export declare class BlazeWidgetVideo extends BlazeWidgetVideoBase {
     loadPoster(): void;
     display(): void;
     hide(): void;
-    load(loadingType?: 'cache' | 'direct'): Promise<void>;
+    load(loadingType?: LoadingType): Promise<void>;
+    setVideoSource(videoUrl: string): void;
     unload(): Promise<void>;
     resetVideoState(): void;
     removeLoader(): void;
@@ -4851,26 +5041,12 @@ export declare class BlazeWidgetVideo extends BlazeWidgetVideoBase {
     get isAd(): boolean;
     render(): void;
     restartVideo(): void;
-    initializeIMA(): Promise<void>;
-    buildImaUrl(iamData: IImaAdInfo, pageIndex?: number, contentExtraInfo?: ContentExtraInfo): Promise<string>;
-    buildAndSetCustParams(iamData: IImaAdInfo, newUrl: URL, pageIndex?: number): void;
-    setSearchParamIfNotNullOrZero(newUrl: URL, key: string, value?: string | number): void;
-    addAniviewMacrosToUrl(newUrl: URL): void;
-    addGoogleAdsMacrosToUrl(newUrl: URL): 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;
+    handleAdStarted(): void;
+    handleAdEnded(): void;
     loadInteraction(): void;
     onLanguageChange(event: Event): Promise<void>;
     handleInteractionEvent(event: CustomEvent<InteractionAnalyticCustomEvent>): void;
+    private tryToPlayAd;
 }
 
 export declare class BlazeWidgetAd extends BlazeWidgetVideoBase {
@@ -4901,6 +5077,7 @@ export declare class BlazeWidgetAd extends BlazeWidgetVideoBase {
     setData(data: IPage): void;
     startEnter(): Promise<void>;
     endExit(): void;
+    getIframeVideoElement(): HTMLVideoElement | undefined;
     play(): void;
     get paused(): boolean;
     pause(): void;
@@ -4932,9 +5109,11 @@ export declare class BlazeWidgetBannerAd extends HTMLElement {
     raiseAnalyticsViewBannerAd(): void;
 }
 
+type AddExtraAnalyticsParams = () => Partial<ImaAdEvent>;
 export declare class BlazeWidgetVastAd extends HTMLElement {
     private contentType;
     private getReferringObject?;
+    private isInitialized;
     private adDisplayContainer?;
     private adsManager?;
     private adsLoader?;
@@ -4943,16 +5122,17 @@ export declare class BlazeWidgetVastAd extends HTMLElement {
     private videoElement?;
     private currentAdTag;
     private currentAdInfo?;
+    private currentAddExtraAnalyticsParams?;
     private boundedOnBlur;
     private boundedOnFocus;
     private boundedOnVisibilityChange;
     private boundedOnWindowResize;
-    adIndex: number;
     get googleIMA(): any;
     constructor(contentType: ContentType, getReferringObject?: (() => ReferringEventInfo) | undefined);
     private initializeGoogleIma;
     private buildImaUrl;
-    startAd(videoElement: HTMLVideoElement, adInfo: IImaAdInfo, contentExtraInfo: ContentExtraInfo): Boolean;
+    private cleanupAdSession;
+    startAd(videoElement: HTMLVideoElement, adInfo: IImaAdInfo, contentExtraInfo?: ContentExtraInfo, addCustomParams?: (url: URL) => void, addExtraAnalyticsParams?: AddExtraAnalyticsParams): Promise<Boolean>;
     private onAdsManagerLoaded;
     private loadAds;
     private onAdEvent;
@@ -4964,6 +5144,12 @@ export declare class BlazeWidgetVastAd extends HTMLElement {
     private onFocus;
     private onVisibilityChange;
     private onWindowResize;
+    setSearchParamIfNotNullOrZero(newUrl: URL, key: string, value?: string | number): void;
+    private addAniviewMacrosToUrl;
+    private addGoogleAdsMacrosToUrl;
+    private buildAndSetCustParams;
+    pause(): void;
+    resume(): void;
 }
 
 export type BlazeWidgetContentType = BlazeWidgetMoment[] & BlazeWidgetStory[] & BlazeVideoElement[];
@@ -5003,6 +5189,8 @@ export declare const UPDATE_NAVIGATION_BUTTONS_EVENT = "updateNavigationButtons"
 export declare class BlazeWidgetMomentPlayer extends WidgetAbstractPlayer {
     isWheelEventHandling: boolean;
     boundHandleMuteClicked: () => void;
+    private fetchedPosterUrls;
+    private preloadTimer;
     constructor();
     get currentMoment(): BlazeWidgetMoment;
     connectedCallback(): void;
@@ -5025,8 +5213,11 @@ export declare class BlazeWidgetMomentPlayer extends WidgetAbstractPlayer {
     handleAnimationCompletion(content: BlazeWidgetMoment, mode: ContentDirection): Promise<void>;
     loadAndPlayContent(): Promise<void>;
     setContent(content: BlazeWidgetMoment[]): void;
-    preloadAdjacentContent(direction: ContentDirection): Promise<void>;
-    prefetchPosters(): Promise<void>;
+    preloadAdjacentVideos(): void;
+    preloadAdjacentPosters(): void;
+    private getCurrentContentIndex;
+    private getIndicesRange;
+    private fetchPosterAtIndex;
     play(): void;
     pause(): void;
     onAnimationEnd(): void;
@@ -5096,6 +5287,7 @@ export declare class BlazeWidgetMomentSeekBar extends HTMLElement {
 interface ButtonElementOptions {
     iconUrl: string;
     width: string;
+    testId: string;
     height: string;
     onClick?: (this: GlobalEventHandlers, ev: MouseEvent) => void;
     backgroundColor?: string;
@@ -5207,8 +5399,7 @@ export declare class BlazeWidgetMoment extends BlazeWidgetContent {
     private handleOnClosedCaptionClick;
     toggleClosedCaptions(language?: CcLanguageCode): void;
     handleOnShareClick(): Promise<void>;
-    loadMoments(): Promise<void>;
-    load(loadingType?: 'direct' | 'cache'): Promise<void>;
+    load(loadingType?: LoadingType): Promise<void>;
     unload(): Promise<void>;
     playToggle(): void;
     handleOnMuteUnmuteToggle(): void;
@@ -5409,7 +5600,7 @@ export declare class BlazeWidgetStory extends BlazeWidgetContent {
     unload(): void;
     removeFromCache(): void;
     displayCurrentStoryPageAndHideTheRest(): void;
-    load(): void;
+    load(loadingType?: LoadingType): void;
     play(): void;
     bannerAdEvent(detail: InternalEventDetails[InternalEvent.BANNER_ANALYTICS]): void;
     event(action: StoryAction, storyData: Partial<StoryEvent>, label?: string | undefined): Promise<void>;