@wscsports/blaze-web-sdk 0.0.117 → 0.0.119

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wscsports/blaze-web-sdk",
-  "version": "0.0.117",
+  "version": "0.0.119",
   "main": "publish/index",
   "types": "publish/index",
   "files": [
@@ -17,8 +17,10 @@
     "@types/hammerjs": "^2.0.41",
     "@types/lodash": "^4.14.195",
     "@types/ua-parser-js": "^0.7.36",
+    "css-loader": "^6.8.1",
     "html-webpack-plugin": "^5.5.3",
     "javascript-obfuscator": "^4.0.2",
+    "style-loader": "^3.3.3",
     "ts-loader": "^9.4.4",
     "typescript": "^5.1.6",
     "typescript-declaration-webpack-plugin": "^0.3.0",

package/publish/index.d.ts

@@ -380,7 +380,7 @@ export type DeepPartial<T> = T extends object ? {
 } : T;
 export declare function flattenObject<T extends Record<string, any>>(obj: T): Record<string, any>;
 
-export declare function Initialize(apiKey: string, options?: IBlazeSDKOptions): Promise<void>;
+export declare function Initialize(apiKey: string, options?: Omit<IBlazeSDKOptions, "apiKey">): Promise<void>;
 export declare function WidgetRowView(containerId: string, options: IWidgetViewOptions): IWidgetView;
 export declare function WidgetGridView(containerId: string, options: IWidgetViewOptions): IWidgetView;
 export declare function Theme(theme: ThemeType): IWidgetTheme;
@@ -449,10 +449,10 @@ export declare class API {
 
 export * from './api';
 
-export declare class BaseHTMLElement extends HTMLElement {
+export declare abstract class BaseHTMLElement extends HTMLElement {
     protected _animationDuration: number;
     constructor();
-    getAttribute<T = any>(qualifiedName: string): T;
+    getAttribute<T = boolean | string | number>(qualifiedName: string): T;
 }
 
 export declare class EventsListener {
@@ -504,7 +504,18 @@ export interface ResizeEvent extends Event {
 }
 export declare function throttle<T extends Event>(func: EventHandler<T>, delay: number): (event: T) => void;
 
-export declare class BlazeChip extends HTMLElement {
+export declare class BlazeAlert extends BaseHTMLElement {
+    titleContainer: HTMLDivElement;
+    textContainer: HTMLDivElement;
+    constructor();
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    setAttribute(qualifiedName: 'alert-title' | 'alert-text', value: string): void;
+}
+
+export declare class BlazeChip extends BaseHTMLElement {
     constructor();
 }
 
@@ -512,12 +523,28 @@ export interface BlazeImageOptions {
     fetchPriority: FetchPriorityType;
     src: string;
 }
-export declare class BlazeImage extends HTMLElement {
-    constructor(options: BlazeImageOptions);
+export declare class BlazeImage extends BaseHTMLElement {
+    constructor();
 }
 
+export * from './alert';
 export * from './chip';
 export * from './image';
+export * from './toast';
+
+export declare class BlazeToast extends BaseHTMLElement {
+    constructor();
+    static get observedAttributes(): string[];
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+    show(options: {
+        show: boolean;
+        sevrity: SeverityType;
+        title?: string;
+        text: string;
+    }): void;
+}
 
 export declare enum StoryAction {
     Start = "story_start",
@@ -644,13 +671,20 @@ export declare enum Delegation {
 
 export * from './event';
 
+export declare abstract class ElementsFactory {
+    static create<T extends BaseHTMLElement>(e: ElementType): T;
+    static define(name: string, constructor: CustomElementConstructor, options?: ElementDefinitionOptions | undefined): void;
+}
+
+export * from './elements.factory';
+
 export type EnvironmentType = 'prod' | 'uat';
 export interface IBlazeSDKOptions {
     apiKey: string;
-    environment: EnvironmentType;
-    sendAnalytics: boolean;
-    previewUrl: string;
-    previewMomentUrl: string;
+    environment?: EnvironmentType;
+    sendAnalytics?: boolean | undefined;
+    previewUrl?: string;
+    previewMomentUrl?: string;
 }
 
 export interface IDatabase {
@@ -705,6 +739,17 @@ export interface IWidgetView {
     reload: (labels?: string[]) => void;
 }
 
+declare const AlertServiceClass_base: {
+    new (): {};
+    _instance: AlertServiceClass;
+    getInstance(): AlertServiceClass;
+};
+declare abstract class AlertServiceClass extends AlertServiceClass_base implements IService {
+    init(): Promise<void>;
+    alert(): void;
+}
+export declare const AlertService: AlertServiceClass;
+
 export declare enum AdAction {
     Request = "ad_request",
     Load = "ad_load",
@@ -726,9 +771,7 @@ declare const AnalyticsServiceClass_base: {
 };
 declare abstract class AnalyticsServiceClass extends AnalyticsServiceClass_base implements IService {
     events: AnalyticsEvent[];
-    inited: boolean;
-    enabled: boolean;
-    init(enable: boolean): Promise<void>;
+    init(): Promise<void>;
     sendLoop(): Promise<void>;
     bulkEvent(body: Partial<AnalyticsEvent>[]): Promise<any>;
     pushSessionEvent(action: SessionAction, body: Partial<WidgetEvent>, label?: string | undefined): void;
@@ -1003,6 +1046,7 @@ declare abstract class EventServiceClass extends EventServiceClass_base implemen
 }
 export declare const EventService: EventServiceClass;
 
+export * from './alert.ervice';
 export * from './analytics.service';
 export * from './blaze-api.service';
 export * from './blaze-database.service';
@@ -1152,18 +1196,27 @@ export declare function getLabelStyle(el: IAttributeParser): Partial<LabelStyle>
 export declare function setupLayoutStyle(layoutStyle: LayoutStyle): void;
 export declare function getLayoutStyle(el: IAttributeParser): DeepPartial<LayoutStyle>;
 
+
 export type ClientPlatform = 'Web';
 
+export type ComponentsElementType = 'blaze-alert' | 'blaze-toast' | 'blaze-chip' | 'blaze-image';
+export type WidgetElementType = 'blaze-sdk';
+export type ElementType = WidgetElementType | ComponentsElementType;
+
 export type FetchPriorityType = 'low' | 'high' | 'auto';
 
 export * from './client-platform.type';
+export * from './element.type';
 export * from './fetch-priority.type';
 export * from './order.type';
+export * from './severity.type';
 export * from './shape.type';
 export * from './thumbnail.type';
 
 export type OrderType = 'Manual' | 'RecentlyUpdatedFirst' | 'AtoZ' | 'RecentlyUpdatedLast' | 'ZtoA';
 
+export type SeverityType = 'error' | 'warning' | 'info' | 'success';
+
 export type ShapeType = 'rectangle' | 'custom' | 'circle';
 
 export type ThumbnailType = 'SquareIcon' | 'VerticalTwoByThree';
@@ -1176,9 +1229,12 @@ interface ChipSizeOptions {
 }
 export declare function getChipSize(options: ChipSizeOptions): DOMRect;
 
+export declare function delay(ms: number): Promise<void>;
+
 export declare function GuardNullOrEmpty(name: string, value: any): void;
 
 export * from './chip.utils';
+export * from './common.utils';
 export * from './guard.utils';
 
 export { BlazeWidgetItem } from './widget-item';
@@ -1252,7 +1308,7 @@ export declare class BlazeWidgetLayout extends BlazeWidgetScrollable implements
     analyticsStack: Record<WidgetAction, boolean>;
     intersectionObserver: IntersectionObserver;
     onResizeEvent: () => () => void;
-    constructor(options?: IWidgetViewOptions);
+    constructor();
     setLabels(labels: string[]): void;
     getTheme(): IWidgetTheme;
     setTheme(theme: IWidgetTheme): void;
@@ -1261,8 +1317,8 @@ export declare class BlazeWidgetLayout extends BlazeWidgetScrollable implements
     disconnectedCallback(): void;
     attributeChangedCallback(name: string, oldValue?: string, newValue?: string): void;
     setLabel(label: string | BlazeWidgetLabel): void;
-    private setMaxSize;
-    private setMaxItemsSize;
+    setMaxSize(maxSize: number): void;
+    setMaxItemsSize(maxItemsSize: number): void;
     handleIntersection(entries: IntersectionObserverEntry[]): void;
     createModal(): void;
     createMomentsModal(): void;
@@ -1290,6 +1346,7 @@ export declare class BlazeWidgetModal extends HTMLElement {
     open(): void;
     close(): void;
     disconnectedCallback(): void;
+    setTheme(theme: IWidgetTheme): void;
 }
 
 export declare class BlazeWidgetMomentModal extends BlazeWidgetModal {
@@ -1325,7 +1382,6 @@ export declare class BlazeWidgetMomentPlayer extends HTMLElement {
     touchStartY: number;
     listeners: EventsListener;
     constructor();
-    fetchMoments(labels: string, ordering?: OrderType): Promise<void>;
     prefetchNeighbours(addIndex?: number): void;
     setMoments(moments: BlazeWidgetMoment[]): void;
     seekMoment(id: string): void;
@@ -1432,11 +1488,10 @@ export declare class BlazeWidgetScrollable extends BaseHTMLElement {
 }
 
 export declare class BlazeWidgetSdk extends BaseHTMLElement {
-    protected readonly apiKey: string;
     static isMuted: boolean;
     static isPlaying: boolean;
     static get observedAttributes(): string[];
-    constructor(apiKey: string, options?: IBlazeSDKOptions);
+    constructor();
     connectedCallback(): Promise<void>;
     attributeChangedCallback(name: string, oldValue: string, newValue: string): Promise<void>;
     private getConfigAttributes;
@@ -1505,6 +1560,7 @@ export declare class BlazeWidgetStoryModal extends BlazeWidgetModal {
     hammer: HammerManager | null;
     isMultiTouch: boolean;
     constructor(parentWidget: HTMLElement);
+    setTheme(theme: IWidgetTheme): void;
     setStories(stories: IStory[]): void;
     seek(id: string): void;
     onKeyDown(ev: KeyboardEvent): void;
@@ -1623,7 +1679,7 @@ export declare class BlazeWidgetStoryPreview extends BlazeWidgetStory {
     get prevPage(): BlazeWidgetStoryBase;
     play(): Promise<void>;
     connectedCallback(): void;
-    close(): void;
+    close(): Promise<void>;
     pause(): void;
     resetPosition(): void;
     updateReplay(): void;
@@ -1727,15 +1783,15 @@ export declare class BlazeWidgetStory extends HTMLElement {
     unload(): void;
     removeFromCache(): void;
     load(): void;
-    play(): Promise<void>;
+    play(): void;
     event(action: StoryAction, data: Partial<StoryEvent>, label?: string | undefined): void;
     connectedCallback(): void;
     onVisibilityChange(): void;
     onBlur(): void;
     onFocus(): void;
-    close(): void;
+    close(): Promise<void>;
     pause(): void;
-    resume(): Promise<void>;
+    resume(): void;
     resetPosition(): void;
     prevStory(): void;
     nextStory(): void;