@wscsports/blaze-web-sdk 0.21.0 → 0.22.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wscsports/blaze-web-sdk",
-  "version": "0.21.0",
+  "version": "0.22.0",
   "main": "publish/index",
   "types": "publish/index",
   "files": [
@@ -15,18 +15,15 @@
     "publish:latest": "npm run build:prod && npm publish --access public --tag latest",
     "publish:beta": "npm run build:prod && npm publish --access public --tag beta",
     "version-download": "node ./version-downloader.js",
-
     "test": "node ./node_modules/@playwright/test/cli.js test --project='Desktop Chrome'",
     "test:desktop": "node ./node_modules/@playwright/test/cli.js test --project='Desktop Chrome' --project='Desktop Firefox' --project='Desktop Safari'",
     "test:desktop:stories": "node ./node_modules/@playwright/test/cli.js test --project='Desktop Chrome' --project='Desktop Safari' e2e-tests/tests/stories",
     "test:desktop:moments": "node ./node_modules/@playwright/test/cli.js test --project='Desktop Chrome' --project='Desktop Safari' e2e-tests/tests/moments",
     "test:desktop:long-form": "node ./node_modules/@playwright/test/cli.js test --project='Desktop Chrome' --project='Desktop Safari' e2e-tests/tests/video-longform",
-
     "test:mobile": "node ./node_modules/@playwright/test/cli.js test --project='iOS Safari 13' --project='Android Chrome'",
     "test:mobile:stories": "node ./node_modules/@playwright/test/cli.js test --project='iOS Safari 13' --project='Android Chrome' e2e-tests/tests/stories",
     "test:mobile:moments": "node ./node_modules/@playwright/test/cli.js test --project='iOS Safari 13' e2e-tests/tests/moments",
     "test:mobile:long-form": "node ./node_modules/@playwright/test/cli.js test --project='iOS Safari 13' e2e-tests/tests/video-longform",
-
     "test:android:stories": "export USE_PHYSICAL_DEVICE=true && export $(cat .env.physical-device 2>/dev/null | xargs) && node ./node_modules/@playwright/test/cli.js test --config=playwright.config.physical-device.ts --project='Android Mobile Chrome' e2e-tests/tests/stories",
     "test:android:moments": "export USE_PHYSICAL_DEVICE=true && export $(cat .env.physical-device 2>/dev/null | xargs) && node ./node_modules/@playwright/test/cli.js test --config=playwright.config.physical-device.ts --project='Android Mobile Chrome' e2e-tests/tests/moments"
   },

package/publish/index.d.ts

@@ -27,6 +27,9 @@ export declare function getAppContextManager(): Record<string, any>;
 export declare const pushConsentEvent: (action: string, body: Record<string, any>) => void;
 export declare const isInitialized: () => boolean;
 export declare function setBeforeContentPlayCallback(callback: BeforeContentPlayCallback | undefined): void;
+export declare function appendContentToPlayer(contentType: ContentType, dataSource: BlazeDataSourceType, options?: {
+    shouldOrderContentByReadStatus?: boolean;
+}): Promise<void>;
 declare const _default: {
     Initialize: typeof Initialize;
     WidgetGridView: typeof WidgetGridView;
@@ -54,6 +57,7 @@ declare const _default: {
     pushConsentEvent: (action: string, body: Record<string, any>) => void;
     isInitialized: () => boolean;
     setBeforeContentPlayCallback: typeof setBeforeContentPlayCallback;
+    appendContentToPlayer: typeof appendContentToPlayer;
 };
 export default _default;
 
@@ -971,7 +975,7 @@ export declare class BlazeButton extends BaseWidget {
     get refElement(): ShadowRoot | this;
     constructor();
     private setupFocusDelegation;
-    static get observedAttributes(): ("height" | "order" | "width" | "icon-color" | "disabled" | "blaze-btn-visible" | "blaze-btn-hidden" | "button-desktop-animation")[];
+    static get observedAttributes(): ("height" | "order" | "width" | "blaze-btn-visible" | "icon-color" | "disabled" | "blaze-btn-hidden" | "button-desktop-animation")[];
     private onMouseEnter;
     private onMouseLeave;
     private onClick;
@@ -1669,6 +1673,7 @@ export declare enum Delegation {
     onWidgetDataLoadCompleted = "blaze-widget-data-load-completed",
     onWidgetPlayerDismissed = "blaze-widget-player-dismissed",
     onWidgetTriggerCTA = "blaze-widget-trigger-CTA",
+    onMomentStart = "blaze-moment-start",
     onStoryPlayerDidAppear = "blaze-story-player-did-appear",
     onStoryPlayerDismissed = "blaze-story-player-dismissed",
     onWidgetStoryPlayerDismissed = "blaze-widget-story-player-dismissed"
@@ -4106,6 +4111,9 @@ export * from './shared-event-target.utils';
 export * from './tab-index-utils';
 export * from './stopwatch';
 
+export declare function findOpenModal(): BlazeWidgetModal | undefined;
+export declare function findOpenMomentModal(): BlazeWidgetMomentModal | undefined;
+
 export declare function getPersonalizedParamsForRequest(personalized?: BlazePersonalized): {
     PersonalPlayers?: undefined;
     PersonalTeams?: undefined;
@@ -4618,7 +4626,7 @@ export declare class BlazeWidgetVideoModal extends BlazeWidgetModal {
 }
 
 /// <reference types="hammerjs" />
-export declare class BlazeWidgetVideoPlayer extends WidgetAbstractPlayer implements IVideoPlayerController {
+export declare class BlazeWidgetVideoPlayer extends WidgetAbstractPlayer<BlazeVideoElement> implements IVideoPlayerController {
     private boundOnNavigationPrev;
     private boundOnNavigationNext;
     private boundOnResize;
@@ -5664,12 +5672,12 @@ export declare class BlazeWidgetModal extends BaseWidget {
 }
 
 export type BlazeWidgetContent = BlazeWidgetStory | BlazeWidgetMoment | BlazeVideoElement;
-export declare abstract class WidgetAbstractPlayer extends BaseWidget {
+export declare abstract class WidgetAbstractPlayer<T extends BlazeWidgetContent> extends BaseWidget {
     index: number;
     container: BlazeDiv;
     numberOfContentInList: number;
-    contentList: BlazeWidgetStory[] | BlazeWidgetMoment[] | BlazeVideoElement[];
-    playerContentList: BlazeWidgetStory[] | BlazeWidgetMoment[] | BlazeVideoElement[];
+    contentList: T[];
+    playerContentList: T[];
     srcBackground: HTMLCanvasElement;
     destBackground: HTMLCanvasElement;
     backgroundAnimation?: Animation;
@@ -5690,6 +5698,7 @@ export declare abstract class WidgetAbstractPlayer extends BaseWidget {
     boundHandlePanEnd: (ev: HammerInput) => void;
     constructor();
     seekContentById(contentId: string): void;
+    protected cloneMoment(contentListItem: BlazeWidgetMoment): BlazeWidgetMoment & BlazeWidgetStory;
     cleanPlayerContentList(): void;
     abstract setContent(content: BlazeWidgetStory[] | BlazeWidgetMoment[] | BlazeVideoElement[]): void;
     muteVideoOnIOSOrMacTablet(): void;
@@ -5998,6 +6007,7 @@ export declare class BlazeWidgetVastAd extends HTMLElement {
     private adContainer;
     private adLoaderContainer;
     private videoElement?;
+    private videoUrl?;
     private currentAdTag;
     private currentAdInfo?;
     private currentAddExtraAnalyticsParams?;
@@ -6010,7 +6020,7 @@ export declare class BlazeWidgetVastAd extends HTMLElement {
     private initializeGoogleIma;
     private buildImaUrl;
     private cleanupAdSession;
-    startAd(videoElement: HTMLVideoElement, adInfo: IImaAdInfo, contentExtraInfo?: ContentExtraInfo, addCustomParams?: (url: URL) => void, addExtraAnalyticsParams?: AddExtraAnalyticsParams): Promise<Boolean>;
+    startAd(videoElement: HTMLVideoElement, adInfo: IImaAdInfo, contentExtraInfo?: ContentExtraInfo, addCustomParams?: (url: URL) => void, addExtraAnalyticsParams?: AddExtraAnalyticsParams, videoUrl?: string, videoDuration?: number): Promise<Boolean>;
     private onAdsManagerLoaded;
     private loadAds;
     private onAdEvent;
@@ -6051,7 +6061,10 @@ export declare class BlazeWidgetMomentModal extends BlazeWidgetModal {
     navigateContent(direction: ContentDirection): void;
     createNavigationButton(direction: ContentDirection): BlazeButton;
     handleClickNavigation(direction: ContentDirection): void;
+    private generateMomentElement;
+    private generateAdMomentElement;
     setModalContent(data: IMoment[], indexOfContentInWidget: number, defaultAdsInfo?: IAdInfo): void;
+    appendContent(newMoments: IMoment[], defaultAdsInfo?: IAdInfo): void;
     onKeyDown(ev: KeyboardEvent): void;
     close(): void;
     open(): Promise<void>;
@@ -6064,7 +6077,7 @@ export declare class BlazeWidgetMomentModal extends BlazeWidgetModal {
 
 export declare const MUTE_UNMUTE_EVENT = "muteButtonClicked";
 export declare const UPDATE_NAVIGATION_BUTTONS_EVENT = "updateNavigationButtons";
-export declare class BlazeWidgetMomentPlayer extends WidgetAbstractPlayer {
+export declare class BlazeWidgetMomentPlayer extends WidgetAbstractPlayer<BlazeWidgetMoment> {
     isWheelEventHandling: boolean;
     boundHandleMuteClicked: () => void;
     private fetchedPosterUrls;
@@ -6087,13 +6100,14 @@ export declare class BlazeWidgetMomentPlayer extends WidgetAbstractPlayer {
     handlePrevDirection(): void;
     handleNextDirection(): void;
     releaseMomentFromMemory(moment: BlazeWidgetMoment): void;
-    updateItemData(itemToReplaceWith: BlazeWidgetMoment & BlazeWidgetStory & BlazeVideoElement, nextItemToInsert: BlazeWidgetMoment | BlazeWidgetStory | BlazeVideoElement): void;
+    updateItemData(itemToReplaceWith: BlazeWidgetMoment, nextItemToInsert: BlazeWidgetMoment): void;
     createAnimation(content: BlazeWidgetMoment, direction: ContentDirection, targetIndex: number): AnimeTimelineInstance;
     handleAnimationStart(content: BlazeWidgetMoment, direction: ContentDirection): void;
     private calculateTruePosition;
     handleAnimationCompletion(content: BlazeWidgetMoment, mode: ContentDirection): Promise<void>;
     loadAndPlayContent(): Promise<void>;
     setContent(content: BlazeWidgetMoment[]): void;
+    appendToContentList(newMoments: BlazeWidgetMoment[]): void;
     preloadAdjacentVideos(): void;
     preloadAdjacentPosters(): void;
     private getCurrentContentIndex;
@@ -6359,7 +6373,7 @@ export declare class BlazeWidgetStoryModal extends BlazeWidgetModal {
     onResizeEventDelay(): void;
 }
 
-export declare class BlazeWidgetStoryPlayer extends WidgetAbstractPlayer {
+export declare class BlazeWidgetStoryPlayer extends WidgetAbstractPlayer<BlazeWidgetStory> {
     boundOnKeyDown: (event: KeyboardEvent) => Promise<void>;
     backgroundAnimation?: Animation;
     dispatchExitStoryEvents: (() => void) | undefined;