@wscsports/blaze-web-sdk 0.5.0 → 0.6.0

package/package.json

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

package/publish/index.d.ts

@@ -2,6 +2,7 @@ type PlayContentOptions = {
     dataSource: BlazeDataSourceType;
     actionHandlers?: ActionHandler[];
     style?: StoryPlayerStyle | VideoPlayerStyle | MomentPlayerStyle;
+    shouldOrderContentByReadStatus?: boolean;
 };
 export declare function setDoNotTrack(value: boolean): void;
 export declare function setGeoLocation(value: string): void;
@@ -330,6 +331,7 @@ export declare class InteractionEvent {
     'playback_action_method': string;
     'audio_state': string;
     'content_extra_info': string;
+    'client_enrichment_url': string;
 }
 export declare class ConsentEvent {
 }
@@ -897,6 +899,12 @@ export declare const CountryCodes: readonly ["AF", "AX", "AL", "DZ", "AS", "AD",
 
 export declare const DEFAULT_CTA_HEIGHT = 40;
 export declare const MIN_PADDING_BOTTOM = 10;
+export declare const Z_INDEX: {
+    readonly base: "0";
+    readonly player: "1";
+    readonly interaction: "2";
+    readonly onTopOfPlayer: "3";
+};
 
 export declare const ONE_SECOND = 1000;
 export declare const ONE_AND_HALF_SECOND = 1500;
@@ -1043,6 +1051,7 @@ export type Interaction = {
     initData: string;
     designOverridesStr: string;
     bounds?: InteractionBounds;
+    clientEnrichmentUrl?: string;
 };
 export type InteractionDB = Pick<Interaction, 'id' | 'initData'> & {
     userResponse?: string;
@@ -1065,7 +1074,33 @@ export type InteractionIframeVibrate = {
         type: keyof typeof ANSWER_FEEDBACK_VIBRATE_PATTERNS;
     };
 };
-export type InteractionIframeCustomEvent = InteractionIframeResponse | InteractionIframeVibrate;
+export type EnrichmentIframeTriggerHaptic = {
+    type: 'hapticFeedback';
+    data: {
+        type: keyof typeof ANSWER_FEEDBACK_VIBRATE_PATTERNS;
+    };
+};
+export type EnrichmentIframePlay = {
+    type: 'play';
+    data: undefined;
+};
+export type EnrichmentIframePause = {
+    type: 'pause';
+    data: undefined;
+};
+export type EnrichmentIframeNextPage = {
+    type: 'goToNextPage';
+    data: undefined;
+};
+export type EnrichmentIframePreviousPage = {
+    type: 'goToPreviousPage';
+    data: undefined;
+};
+export type EnrichmentIframeSetAppContext = {
+    type: 'setAppContext';
+    data: Record<string, any>;
+};
+export type InteractionIframeCustomEvent = InteractionIframeResponse | InteractionIframeVibrate | EnrichmentIframePlay | EnrichmentIframePause | EnrichmentIframePreviousPage | EnrichmentIframeNextPage | EnrichmentIframeSetAppContext | EnrichmentIframeTriggerHaptic;
 export declare const INTERACTION_ANALYTICS = "INTERACTION_ANALYTICS";
 
 export interface ILayerContent {
@@ -1218,7 +1253,11 @@ export declare enum InternalEvent {
     AD_ENDED = "ad_ended",
     AD_RESUMED = "ad_resumed",
     AD_STARTED = "ad_started",
-    BANNER_ANALYTICS = "banner_analytics"
+    BANNER_ANALYTICS = "banner_analytics",
+    PAUSE = "pause",
+    RESUME = "resume",
+    NEXT_PAGE = "next_page",
+    PREVIOUS_PAGE = "previous_page"
 }
 export interface InternalEventDetails {
     [InternalEvent.BANNER_ANALYTICS]: {
@@ -2179,6 +2218,7 @@ export declare class PlayerViewTemplate {
     static display(type: ContentType, dataSource: BlazeDataSourceType, options: {
         style: StoryPlayerStyle | VideoPlayerStyle | MomentPlayerStyle;
         actionHandlers?: ActionHandler[];
+        orderByReadStatus: boolean;
     }): Promise<void>;
     private static validateStyleType;
 }
@@ -2209,7 +2249,7 @@ export interface ContentResponse<T> {
     defaultAdsInfo?: IAdInfo;
 }
 export declare abstract class BaseModalTemplate<M extends BlazeWidgetModal, C extends IContent, S> {
-    render(dataSource: BlazeDataSourceType, options: ModalTemplateOptions<S>): Promise<void>;
+    render(dataSource: BlazeDataSourceType, options: ModalTemplateOptions<S>, orderByReadStatus: boolean): Promise<void>;
     protected validateRequirements(dataSource: BlazeDataSourceType): {
         isValid: boolean;
         blazeSdk: null;
@@ -2229,7 +2269,6 @@ export declare abstract class BaseModalTemplate<M extends BlazeWidgetModal, C ex
     protected handleError(error: unknown, blazeSdk: BlazeWidgetSDK, dataSourceStringRep: string): void;
     protected fetchContent(dataSource: BlazeDataSourceType): Promise<ContentResponse<C>>;
     protected abstract createModal(parent: HTMLElement, style: S, actionHandlers?: ActionHandler[]): M;
-    protected abstract prepareContent(content: C[], service: ContentService<C>): Promise<C[]>;
     protected abstract configureModal(modal: M, content: C[]): void;
     protected abstract getService(): ContentService<C>;
     protected abstract getErrorCode(): ErrorCode;
@@ -2242,7 +2281,6 @@ export * from './moment.template';
 
 export declare class MomentModalTemplate extends BaseModalTemplate<BlazeWidgetMomentModal, IMoment, MomentPlayerStyle> {
     protected createModal(parent: HTMLElement, style: MomentPlayerStyle, actionHandlers?: ActionHandler[]): BlazeWidgetMomentModal;
-    protected prepareContent(content: IMoment[], service: ContentService<IMoment>): Promise<IMoment[]>;
     protected configureModal(modal: BlazeWidgetMomentModal, content: IMoment[]): void;
     protected getService(): ContentService<IMoment>;
     protected getErrorCode(): ErrorCode;
@@ -2250,7 +2288,6 @@ export declare class MomentModalTemplate extends BaseModalTemplate<BlazeWidgetMo
 
 export declare class StoryModalTemplate extends BaseModalTemplate<BlazeWidgetStoryModal, IStory, StoryPlayerStyle> {
     protected createModal(parent: HTMLElement, style: StoryPlayerStyle, actionHandlers?: ActionHandler[]): BlazeWidgetStoryModal;
-    protected prepareContent(content: IStory[], service: ContentService<IStory>): Promise<IStory[]>;
     protected configureModal(modal: BlazeWidgetStoryModal, content: IStory[]): void;
     protected getService(): ContentService<IStory>;
     protected getErrorCode(): ErrorCode;
@@ -2258,7 +2295,6 @@ export declare class StoryModalTemplate extends BaseModalTemplate<BlazeWidgetSto
 
 export declare class VideoModalTemplate extends BaseModalTemplate<BlazeWidgetVideoModal, IVideo, VideoPlayerStyle> {
     protected createModal(parent: HTMLElement, style: VideoPlayerStyle): BlazeWidgetVideoModal;
-    protected prepareContent(content: IVideo[], service: ContentService<IVideo>): Promise<IVideo[]>;
     protected configureModal(modal: BlazeWidgetVideoModal, content: IVideo[]): void;
     protected getService(): ContentService<IVideo>;
     protected getErrorCode(): ErrorCode;
@@ -2269,9 +2305,7 @@ export declare function getDataSourceStringRep(dataSource: BlazeDataSourceType):
 export * from './data-source.utils';
 export * from './sort.utils';
 
-export declare function sortVideosByViewedStatus(a: IVideo, b: IVideo): number;
-export declare function sortStoriesByViewedStatus(a: IStory, b: IStory): number;
-export declare function sortMomentsByViewedStatus(a: IMoment, b: IMoment): number;
+export declare function sortContentByViewedStatus<T extends IContent>(a: T, b: T): number;
 
 export * from './preset';
 export * from './theme';
@@ -3172,6 +3206,7 @@ type CountryCode = typeof CountryCodes[number];
 export declare function isValidCountryCode(countryCode: string): countryCode is CountryCode;
 
 export declare function GuardNullOrEmpty(name: string, value: any): void;
+export declare function isStory(content: IContent): content is IStory;
 
 export declare function formatDuration(startDate: Date): string;
 export declare function isCssPropertySupported(property: string): boolean;
@@ -4063,6 +4098,8 @@ export declare class BlazeWidgetEmbeddedStory extends BaseWidget implements IWid
 export declare class BlazeWidgetInteraction extends BaseWidget {
     private iframe;
     private interaction?;
+    private isIframeLoaded;
+    private isInitialized;
     private isActive;
     private shouldForceHide;
     private responseHandler;
@@ -5032,6 +5069,10 @@ export declare class BlazeWidgetStory extends BlazeWidgetContent {
     requestAnimationId: number | null;
     shouldShowImaAdOnStart: boolean;
     bannerAdElement?: BlazeWidgetBannerAd;
+    boundOnResumeEvent: () => void;
+    boundOnPauseEvent: () => void;
+    boundOnNextPageEvent: () => void;
+    boundOnPrevPageEvent: () => void;
     get currentPageIndexWithoutCustomAds(): number;
     constructor(playerStyle: StoryPlayerStyle, mode: ScreenMode, actionHandlers?: ActionHandler[]);
     isButtonVisible(iconName: IconButtonType | StoryDirectionType): boolean | undefined;
@@ -5083,6 +5124,7 @@ export declare class BlazeWidgetStory extends BlazeWidgetContent {
     bannerAdEvent(detail: InternalEventDetails[InternalEvent.BANNER_ANALYTICS]): void;
     event(action: StoryAction, storyData: Partial<StoryEvent>, label?: string | undefined): Promise<void>;
     updateContainerLayout(): void;
+    private addOrRemoveEventListeners;
     connectedCallback(): void;
     onShareModalClose(): void;
     updateStoryProgress(): void;
@@ -5126,6 +5168,10 @@ export declare class BlazeWidgetStory extends BlazeWidgetContent {
     resetLayout(): void;
     render(): void;
     onExpandClick(): void;
+    private onResumeEvent;
+    private onPauseEvent;
+    private onNextPageEvent;
+    private onPrevPageEvent;
 }
 
 export declare const ElementId: {