@wscsports/blaze-web-sdk 0.1.64 → 0.1.67

package/package.json

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

package/publish/index.d.ts

@@ -160,13 +160,12 @@ export declare class BlazeDrawer extends BaseWidget {
     private animateDrawer;
 }
 
-export interface BlazeImageOptions {
-    fetchPriority: FetchPriorityType;
-    src: string;
-}
 export declare class BlazeImage extends BaseWidget {
+    thumbnailElement: HTMLImageElement;
     constructor();
-    protected render(): void;
+    load(src: string): void;
+    setRatio(ratio: string): void;
+    setBorderRadius(radius: string): void;
 }
 
 export * from './alert';
@@ -356,6 +355,7 @@ export interface IThumbnail {
 
 export declare enum ErrorCode {
     FailedToFindContainerId = 1,
+    FailedContainerIdHasWidgetAlready = 2,
     FailedLoadingStories = 100,
     FailedEnrichStories = 101,
     FailedToHaveLabels = 103,
@@ -535,7 +535,7 @@ export interface IWidgetLabelBuilder {
 
 export type ContentType = 'story';
 export interface IWidgetViewOptionsBase {
-    orderType: OrderType;
+    orderType?: OrderType;
     maxItemsCount?: number;
     maxDisplayItemsCount?: number;
     contentType?: ContentType;
@@ -689,7 +689,7 @@ export declare class AnalyticsEvent {
 export declare class StoryEvent {
     'story_start_id': string;
     'story_id': string;
-    'story_name': string;
+    'story_title': string;
     'story_page_id': string;
     'story_page_count': number;
     'story_page_type': string;
@@ -1035,6 +1035,7 @@ export interface LabelStyle {
     padding: string;
     font: string;
     fontSize: string;
+    textAlign?: string;
     position: PositionType;
 }
 export interface StoryPlayerStyle {
@@ -1439,7 +1440,12 @@ export type OrderType = 'Manual' | 'AtoZ' | 'ZtoA' | 'RecentlyUpdatedFirst' | 'R
 export declare const PlayTypeArray: readonly ["Widget", "Share", "SingleStory"];
 export type PlayType = typeof PlayTypeArray[number];
 
-export type PositionType = 'insideTopLeft' | 'insideTopRight' | 'insideMiddle' | 'insideBottomRight' | 'insideBottomLeft' | 'insideBottomMiddle' | 'insideMiddleLeft' | 'insideMiddleRight' | 'outsideUnder' | 'outsideAbove' | 'outsideTop' | 'outsideTopLeft' | 'outsideTopRight' | 'outsideBottomLeft' | 'outsideBottomRight' | 'outsideBottom' | 'outsideRight' | 'outsideLeft';
+export type PositionInsideType = 'insideTopLeft' | 'insideTopRight' | 'insideMiddle' | 'insideBottomRight' | 'insideBottomLeft' | 'insideBottomMiddle' | 'insideMiddleLeft' | 'insideMiddleRight';
+export type PositionOutsideType = 'outsideUnder' | 'outsideBelow' | 'outsideAbove' | 'outsideTop' | 'outsideTopLeft' | 'outsideTopRight' | 'outsideBottomLeft' | 'outsideBottomRight' | 'outsideBottom' | 'outsideRight' | 'outsideLeft';
+export type PositionType = PositionInsideType | PositionOutsideType;
+export type PositionCircleRowLabelType = 'outsideBelow' | 'outsideAbove';
+export type PositionRectangleRowLabelType = PositionCircleRowLabelType | PositionInsideType;
+export type PositionRectangleRowHorizontalLabelType = PositionInsideType;
 
 export type SeverityType = 'error' | 'warning' | 'info' | 'success';
 
@@ -1473,7 +1479,6 @@ export declare function mergeStyles(element: HTMLElement, styles: Partial<CSSSty
 export declare function formatDate(date: Date): string;
 export declare function formatUTCDate(date: Date): string;
 export declare function getRandomId(): string;
-export declare function loadImage(src: string): Promise<any>;
 export declare function setId(element: HTMLElement, prefix?: string, suffix?: string): void;
 declare let isMobile: boolean;
 declare const isIOS: boolean;
@@ -1526,50 +1531,56 @@ export * from './widget-story-video';
 
 export interface BlazeWidgetItemOptions {
     theme: IWidgetTheme;
-    story: IStory;
+    content: IStory;
 }
-export type itemStateType = 'loading' | 'done' | 'failed';
 export declare class BlazeWidgetItem extends BaseWidget {
     protected options: BlazeWidgetItemOptions;
-    wrapper: HTMLElement;
-    container: HTMLElement;
-    image: HTMLElement;
-    label: HTMLElement;
-    labelContainer: HTMLElement;
-    labelBackground: HTMLElement;
-    modal: BlazeWidgetModal | undefined;
-    thumbnailType: string | undefined;
-    theme: IWidgetTheme;
-    data: IStory | IMoment | undefined;
+    private wrapper;
+    private container;
+    private thumbnail;
+    private thumbnailString;
+    private thumbnailType;
+    private label;
+    private labelContainer;
+    private labelBackground;
+    private theme;
+    private chip;
+    private isLive;
+    private isDisplaySkeleton;
+    private blazeSkeletonThumbnail;
+    private blazeSkeletonLabel;
+    private analyticsCalls;
+    private statusIndicatorSettings;
+    content: IStory;
     onClick: (() => void) | undefined;
-    chip: HTMLElement;
-    newChip: HTMLElement | undefined;
-    state: itemStateType;
-    isLive: boolean | undefined;
-    isDisplaySkeleton: boolean;
-    blazeSkeletonThumbnail: BlazeSkeleton | undefined;
-    blazeSkeletonLabel: BlazeSkeleton | undefined;
-    thumbnail: string;
-    analyticsCalls: any;
-    statusIndicatorSettings: IndicatorStyle;
     constructor(options: BlazeWidgetItemOptions);
-    setTheme(theme: IWidgetTheme): void;
-    setLive(): void;
-    removeSkeleton(): void;
-    setData(data: IStory): void;
-    updateWidgetLayout(): void;
-    updateLabel(): void;
-    updateThumbnail(thumbnailUrl: string): void;
-    event(action: WidgetAction, data: Partial<WidgetEvent>, label?: string | undefined): void;
+    private initializeWidget;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updateWidget(): void;
+    private setupDOMElements;
+    private setupEventListeners;
+    private handleWidgetClick;
+    private setData;
+    getThumbnailUrl(): string;
+    private removeSkeleton;
+    private updateWidgetLayout;
+    private updateLabel;
+    private updateThumbnail;
+    private updateContainerStyles;
+    private updateLabelStyles;
+    private updateInsideLabelStyles;
+    private updateOutsideLabelStyles;
+    private updateThumbnailStyles;
+    getMaxChipSize(): DOMRect;
     get chipDimenssions(): {
         chipWidth: number;
         chipHeight: number;
     };
-    getMaxChipSize(): DOMRect;
-    connectedCallback(): void;
-    updateWidget(): void;
-    disconnectedCallback(): void;
-    thumbnailUrl(): string;
+    private updateChipStyles;
+    setTheme(theme: IWidgetTheme): void;
+    setLive(): void;
+    event(action: WidgetAction, data: Partial<WidgetEvent>, label?: string | undefined): void;
     render(): void;
 }
 
@@ -1582,6 +1593,10 @@ export declare class BlazeWidgetLabel {
     mustInclude(...labels: Array<string | BlazeWidgetLabel>): BlazeWidgetLabel;
     atLeastOneOf(...labels: Array<string | BlazeWidgetLabel>): BlazeWidgetLabel;
     toString(): string;
+    private static createLabel;
+    private static validateAndProceed;
+    private static validateNoCommas;
+    private static isValidLabelFormat;
 }
 
 /// <reference types="node" />
@@ -1598,6 +1613,7 @@ export declare class BlazeWidgetLayout extends BlazeWidgetScrollable implements
     analyticsStack: Record<WidgetAction, boolean>;
     intersectionObserver: IntersectionObserver;
     onResizeEvent: (this: Window, ev: UIEvent) => void;
+    isWidgetReload: boolean | undefined;
     constructor();
     connectedCallback(): void;
     disconnectedCallback(): void;
@@ -2058,6 +2074,7 @@ export declare class BlazeWidgetStory extends HTMLElement {
     isStoryLoadCompletedTriggered: boolean;
     isStoryActive: boolean;
     isResumeOnFocusExecuted: boolean;
+    refWidget: BlazeWidgetStory[] | undefined;
     pageIndex: number;
     container: HTMLElement;
     progress: HTMLElement;
@@ -2140,5 +2157,6 @@ export declare class BlazeWidgetStory extends HTMLElement {
     disconnectedCallback(): void;
     renderCtaButton(pageIndex: number): void;
     render(): void;
+    shouldDisplayButton(navType: string): string;
 }