@wscsports/blaze-web-sdk 0.0.107 → 0.0.109

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wscsports/blaze-web-sdk",
-  "version": "0.0.107",
+  "version": "0.0.109",
   "main": "publish/index",
   "types": "publish/index",
   "files": [
@@ -9,7 +9,7 @@
   "scripts": {
     "start:dev": "webpack --config webpack.config.dev.js && webpack-dev-server --config webpack.config.dev",
     "build:dev": "webpack --config webpack.config.dev.js",
-    "build:prod": "webpack  --config webpack.config.prod.js",
+    "build:prod": "webpack --config webpack.config.prod.js",
     "publish:npm": "npm publish --access public --tag latest"
   },
   "devDependencies": {

package/publish/index.d.ts

@@ -368,7 +368,7 @@ 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, priority?: 'low' | 'high' | 'auto'): Promise<any>;
+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;
@@ -383,7 +383,7 @@ export declare function flattenObject<T extends Record<string, any>>(obj: T): Re
 export declare function Initialize(apiKey: string, options?: IBlazeSDKOptions): Promise<void>;
 export declare function WidgetRowView(containerId: string, options: IWidgetViewOptions): IWidgetView;
 export declare function WidgetGridView(containerId: string, options: IWidgetViewOptions): IWidgetView;
-export declare function Theme(preset?: string): IWidgetTheme;
+export declare function Theme(theme: ThemeType): IWidgetTheme;
 export declare const Delegations: typeof Delegation;
 declare const _default: {
     Initialize: typeof Initialize;
@@ -433,6 +433,7 @@ export interface IAPIOptions {
 }
 export interface IRequestOptions {
     init?: RequestInit;
+    baseUrl?: string;
     urlSearchParams?: {};
 }
 export declare class API {
@@ -543,11 +544,9 @@ export declare const exposedFieldsByAction: ExposedFields;
 
 export declare class Database implements IDatabase {
     private readonly options;
-    private static _instances;
     constructor(options: IDatabaseOptions);
     dbInstance: IDBDatabase;
-    init(): Promise<void>;
-    open(databaseName: string, version: number): Promise<void>;
+    init(options: IDatabaseInitOptions): Promise<void>;
     createTransaction(tableName: string, mode: 'readonly' | 'readwrite'): IDBObjectStore;
     get<T>(tableName: string, key: string): Promise<IResponse<T>>;
     update<T>(tableName: string, value: any): Promise<IResponse<T>>;
@@ -555,6 +554,15 @@ export declare class Database implements IDatabase {
 
 export * from './database';
 
+export interface IContent {
+    id: string;
+    title: string;
+    updateTime: string;
+    createTime: string;
+    thumbnails: IThumbnail[];
+    hasViewed: boolean;
+}
+
 export interface ICTA {
     type: 'Deeplink' | 'Web' | null;
     text: string;
@@ -563,6 +571,7 @@ export interface ICTA {
     textColor: string;
 }
 
+export * from './content.interface';
 export * from './cta.interface';
 export * from './layer-content.interface';
 export * from './layer.interface';
@@ -581,12 +590,8 @@ export interface ILayer {
     content: ILayerContent;
 }
 
-export interface IMoment {
-    id: string;
-    title: string;
+export interface IMoment extends IContent {
     duration: string;
-    updateTime: string;
-    createTime: string;
     thumbnails: IThumbnail[];
     likes: number;
     baseLayer: ILayer;
@@ -594,7 +599,6 @@ export interface IMoment {
         rendition: IRendition;
         type: string;
     };
-    hasViewed: boolean;
 }
 
 export interface IPage {
@@ -613,15 +617,10 @@ export interface IRendition {
     url: string;
 }
 
-export interface IStory {
-    id: string;
-    title: string;
+export interface IStory extends IContent {
     description: string;
     isLive: boolean;
-    updateTime: string;
-    thumbnails: IThumbnail[];
     pages: IPage[];
-    hasViewed: boolean;
     isAd: boolean;
 }
 
@@ -655,16 +654,18 @@ export interface IBlazeSDKOptions {
 }
 
 export interface IDatabase {
-    dbInstance: IDBDatabase;
+    init: (options: IDatabaseInitOptions) => Promise<void>;
     get: <T>(tableName: string, key: string) => Promise<IResponse<T>>;
     update: <T>(tableName: string, value: any) => Promise<IResponse<T>>;
 }
+export interface IDatabaseInitOptions {
+    onOpen: (db: IDBDatabase) => Promise<void>;
+    onError: (e: Event) => Promise<void>;
+    onUpgradeNeeded?: (db: IDBDatabase) => Promise<void>;
+}
 export interface IDatabaseOptions {
     databaseName: string;
     version: number;
-    onSuccess?: (db: IDBDatabase) => Promise<void>;
-    onUpgradeNeeded?: (db: IDBDatabase) => Promise<void>;
-    onError?: () => Promise<void>;
 }
 
 export * from './blaze-sdk.interface';
@@ -681,7 +682,7 @@ export default interface IntersectionObservable {
 
 export interface IResponse<T = any> {
     data: T;
-    error: Error;
+    error?: Error;
 }
 
 export interface IService {
@@ -694,7 +695,7 @@ export interface IWidgetViewOptions {
     maxItemsCount?: number;
     maxDisplayItemsCount?: number;
     contentType: ContentType;
-    theme?: IWidgetTheme | string;
+    theme?: IWidgetTheme | ThemeType;
 }
 
 export interface IWidgetView {
@@ -875,23 +876,19 @@ declare const BlazeApiServiceClass_base: {
 declare abstract class BlazeApiServiceClass extends BlazeApiServiceClass_base implements IService {
     api: API;
     init(): Promise<void>;
-    getStories(labels: string, orderType: OrderType, maxItemsSize?: number): Promise<import("../interfaces").IResponse<{
+    getStories(labels: string, orderType: OrderType, maxItemsSize?: number): Promise<IResponse<{
         assetsExpiryTime: string;
         totalItems: number;
         result: IStory[];
     }>>;
-    getShorts(labels: string, orderType: OrderType, maxItemsSize?: number): Promise<import("../interfaces").IResponse<{
+    getShorts(labels: string, orderType: OrderType, maxItemsSize?: number): Promise<IResponse<{
         assetsExpiryTime: string;
         totalItems: number;
         result: IMoment[];
     }>>;
-    preview(storyId: string, publishedOnly?: boolean): Promise<import("../interfaces").IResponse<IStory[]>>;
-    preivewMoment(momentId: string, publishedOnly?: boolean): Promise<import("../interfaces").IResponse<{
-        assetsExpiryTime: string;
-        totalItems: number;
-        result: IMoment[];
-    }>>;
-    analyticsEvents(body: Partial<AnalyticsEvent>[]): Promise<import("../interfaces").IResponse<unknown>>;
+    preview(storyId: string, publishedOnly?: boolean): Promise<IResponse<any>>;
+    preivewMoment(momentId: string, publishedOnly?: boolean): Promise<IResponse<any>>;
+    analyticsEvents(body: Partial<AnalyticsEvent>[]): Promise<IResponse<unknown>>;
 }
 export declare const ApiService: BlazeApiServiceClass;
 
@@ -903,7 +900,8 @@ declare const BlazeDatabaseServiceClass_base: {
 declare abstract class BlazeDatabaseServiceClass extends BlazeDatabaseServiceClass_base implements IService {
     database: IDatabase;
     init(): Promise<void>;
-    onSuccess(db: IDBDatabase): Promise<void>;
+    onOpen(): Promise<void>;
+    onError(e: Event): Promise<void>;
     onUpgradeNeeded(db: IDBDatabase): Promise<void>;
     getPageViewed(id: string): Promise<any>;
     updatePageViewed(id: string, storyId: string): Promise<any>;
@@ -948,6 +946,16 @@ declare abstract class ConfigServiceClass extends ConfigServiceClass_base implem
 }
 export declare const ConfigService: ConfigServiceClass;
 
+declare const ErrorServiceClass_base: {
+    new (): {};
+    _instance: ErrorServiceClass;
+    getInstance(): ErrorServiceClass;
+};
+declare abstract class ErrorServiceClass extends ErrorServiceClass_base implements IService {
+    init(): Promise<void>;
+}
+export declare const ErrorService: ErrorServiceClass;
+
 export interface Registry {
     unsubscribed: () => void;
 }
@@ -998,11 +1006,12 @@ export declare const EventService: EventServiceClass;
 export * from './analytics.service';
 export * from './blaze-api.service';
 export * from './blaze-database.service';
-export * from './video-cache.service';
 export * from './config.service';
+export * from './error.service';
 export * from './event-bus.service';
 export * from './event.service';
 export * from './startup.service';
+export * from './video-cache.service';
 export * from './widgets.service';
 
 declare const StartupServiceClass_base: {
@@ -1134,13 +1143,9 @@ export declare const Colors: {
     readonly TimeColor: "#7F7F7F";
 };
 
+export type ThemeType = 'default' | 'grid-2-columns' | 'grid-3-columns' | 'row-circle' | 'row-rectangle';
 export declare class ThemeFactory {
-    static GRID_WIDGET_TWO_COLUMNS(): IWidgetTheme;
-    static GRID_WIDGET_THREE_COLUMNS(): IWidgetTheme;
-    static ROW_WIDGET_CIRCLES(): IWidgetTheme;
-    static ROW_WIDGET_RECTANGLES(): IWidgetTheme;
-    static getTheme(): IWidgetTheme;
-    static getThemeByString(name?: string): IWidgetTheme;
+    static create(name?: ThemeType): IWidgetTheme;
 }
 export declare function getIndicatorStyle(el: IAttributeParser, state: string): Partial<IndicatorStyle>;
 export declare function getLabelStyle(el: IAttributeParser): Partial<LabelStyle>;
@@ -1196,9 +1201,8 @@ export interface BlazeWidgetItemOptions {
     theme: IWidgetTheme;
     story: IStory;
     thumbnailType: string;
-    fetchPriority: FetchPriorityType;
 }
-export declare class BlazeWidgetItem extends HTMLElement {
+export declare class BlazeWidgetItem extends BaseHTMLElement {
     protected options: BlazeWidgetItemOptions;
     wrapper: HTMLElement;
     container: HTMLElement;
@@ -1209,14 +1213,11 @@ export declare class BlazeWidgetItem extends HTMLElement {
     modal: BlazeWidgetModal | undefined;
     thumbnailType: string | undefined;
     theme: IWidgetTheme;
-    labelStyle: LabelStyle;
-    labelWidth: number;
     data: IStory | IMoment | undefined;
     onClick: (() => void) | undefined;
     chip: HTMLElement;
     newChip: HTMLElement | undefined;
     state: 'loading' | 'done' | 'failed';
-    fetchPriority: FetchPriorityType;
     isLive: boolean | undefined;
     statusIndicatorSettings: IndicatorStyle;
     constructor(options: BlazeWidgetItemOptions);