@maestro_io/maestro-web-sdk 3.1.3 → 3.3.0

package/dist/src/modules/shop/view/components/ShopSection/ShopSection.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import './ShopSection.styles.css';
+import { IShopBrowseCard, IShopProduct, IShopSection } from '../../../types';
+import { Direction, Layout } from '@/external/spatial-navigation/utils';
+export type ShopSectionProps = {
+    section: IShopSection;
+    onArrowPress: (direction: Direction) => void;
+    onItemClick: (item: IShopProduct | IShopBrowseCard, section: IShopSection, focusKey: string) => void;
+};
+declare class ShopSection extends React.Component<ShopSectionProps> {
+    static contextTypes: {
+        refsMap: React.Requireable<any>;
+        setRef: React.Requireable<any>;
+        scrollToFocusedElement: React.Requireable<any>;
+    };
+    context: import("@/components/core/ScrollableContainer/ScrollableContainer").ScrollableContainerContextType;
+    onBecameFocused: (layout: Layout) => void;
+    onEnterPress: (item: IShopProduct | IShopBrowseCard, section: IShopSection, focusKey: string) => () => void;
+    render(): React.JSX.Element;
+}
+export default ShopSection;

package/dist/src/modules/shop/view/components/ShopSection/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ShopSection';

package/dist/src/modules/shop/view/index.d.ts

@@ -0,0 +1,2 @@
+import ShopView from './ShopView';
+export default ShopView;

package/dist/src/modules/shop/view-model/ShopViewModel.ShopPolling.d.ts

@@ -0,0 +1,31 @@
+import ShopService from '@/services/ShopService';
+import { IShopResponse } from '../types';
+export default class ShopPolling {
+    private polling;
+    private shopService;
+    constructor(service: ShopService);
+    /**
+     * Refresh polling for shop data
+     */
+    refresh(callback: (data: IShopResponse) => void): void;
+    /**
+     * Stop polling for shop data
+     */
+    stop(): void;
+    removeLastResponseHash(): void;
+    private start;
+    /**
+     * @description Update polling interval checking either response header or panel config.
+     * Refresh polling if necessary.
+     */
+    private updateInterval;
+    private getResponseHeaderPollingIntervalValue;
+    /**
+     * Process data received from polling
+     */
+    private processPolledData;
+    /**
+     * Handle errors that occur during shop polling
+     */
+    private handlePollingError;
+}

package/dist/src/modules/shop/view-model/ShopViewModel.d.ts

@@ -0,0 +1,77 @@
+import { Observable } from '../../../helpers/Observable';
+import { ViewModel } from '../../../view-models/ViewModel';
+import { IShopSection, IShopProduct, IShopBrowseCard, IShopDefaultItem } from '../types';
+import { TestUseCase } from '@/interfaces/IMaestroEvent';
+declare const SHOP_ERROR_STATE: {
+    readonly NONE: "none";
+    readonly TAB_LOAD_FAILURE: "tabLoadFailure";
+    readonly EMPTY_SHOP: "emptyShop";
+};
+export type ShopErrorState = typeof SHOP_ERROR_STATE[keyof typeof SHOP_ERROR_STATE];
+/**
+ * ViewModel for Shop panel
+ * Manages shop data fetching, polling, and state
+ */
+export declare class ShopViewModel extends ViewModel {
+    sections: Observable<IShopSection[]>;
+    isDataLoading: Observable<boolean>;
+    errorState: Observable<ShopErrorState>;
+    hasEverSuccessfullyLoaded: Observable<boolean>;
+    promoData: Observable<IShopDefaultItem | null>;
+    private shopService;
+    private analyticsService;
+    private shopPolling;
+    private useMockData;
+    private mockDataType;
+    initialized: boolean;
+    constructor(eventId: string, options?: {
+        useMockData?: boolean;
+        mockDataType?: 'nfl' | 'nba' | 'ncf' | 'empty' | 'single';
+    });
+    /**
+     * Initialize the ViewModel and start data fetching
+     */
+    init(): void;
+    /**
+     * Clean up resources when the ViewModel is no longer needed
+     */
+    cleanup(): void;
+    /**
+     * Track panel view event
+     */
+    private trackPanelView;
+    /**
+     * Parse price string to number, handling currency formats
+     */
+    private parsePriceToNumber;
+    /**
+     * Track shop item card click event
+     */
+    trackItemClick(card: 'product_summary' | 'want more' | 'product_detail' | 'fallback', item: IShopProduct | IShopBrowseCard | null, section: IShopSection | null): Promise<void>;
+    /**
+     * Refresh polling for shop data
+     */
+    refreshPolling(): void;
+    /**
+     * Process the shop data and update the sections
+     */
+    private processShopData;
+    setTabLoadFailure(): void;
+    /**
+     * Fetch new shop data immediately (one-time)
+     */
+    fetchNewData(): void;
+    /**
+     * Fetch mock data for testing
+     */
+    private fetchMockData;
+    /**
+     * Simulate different use cases for testing
+     */
+    simulateUseCase<T = any>(useCase: TestUseCase, data: T): void;
+    /**
+     * Clear tab load failure and retry
+     */
+    clearTabLoadFailure(): void;
+}
+export default ShopViewModel;

package/dist/src/modules/stats/view-model/StatsViewModel.d.ts

@@ -233,9 +233,4 @@ export declare class StatsViewModel extends ViewModel {
      */
     simulateUseCase<T = any>(_useCase: TestUseCase, testData?: T): void;
 }
-declare global {
-    interface String {
-        hashCode(): number;
-    }
-}
 export default StatsViewModel;

package/dist/src/services/AnalyticsService/AnalyticsService.d.ts

@@ -30,7 +30,27 @@ type StatsItemClickedAction = {
         game_state: string[];
     };
 };
-type PanelClickPayload = KeyPlaysClickedAction | BetsItemClickedAction | StatsItemClickedAction;
+type FantasyItemClickedAction = {
+    type: 'espnFantasy';
+    name: 'fantasy_item_clicked';
+    metadata: {
+        card: string;
+    };
+};
+type ShopItemClickedAction = {
+    type: 'espnShop';
+    name: 'shop_item_clicked';
+    metadata: {
+        card: string[];
+        game_state: string[];
+        product: string | null;
+        entity_type: string[];
+        entity_name: string[];
+        price: string | null;
+        sale: string[];
+    };
+};
+type PanelClickPayload = KeyPlaysClickedAction | BetsItemClickedAction | StatsItemClickedAction | FantasyItemClickedAction | ShopItemClickedAction;
 type PanelData = {
     panel_type: string;
     panel_id: string;
@@ -46,10 +66,10 @@ declare class AnalyticsService {
     constructor();
     private trackAction;
     private trackImpression;
-    panelView(panelType: 'espnStats' | 'espnKeyPlays' | 'espnBet', metadata?: Record<string, any>): Promise<void>;
+    panelView(panelType: 'espnStats' | 'espnKeyPlays' | 'espnBet' | 'espnFantasy' | 'espnShop', metadata?: Record<string, any>): Promise<void>;
     panelClick({ type, metadata, name }: PanelClickPayload): Promise<void>;
     getBaseMetadataFromPageConfig(pageConfig: PageConfig | null): BaseMetadata;
-    getPanelDataFromPageConfig(type: 'espnBet' | 'espnStats' | 'espnKeyPlays', pageConfig: PageConfig | null): PanelData;
+    getPanelDataFromPageConfig(type: 'espnBet' | 'espnStats' | 'espnKeyPlays' | 'espnFantasy' | 'espnShop', pageConfig: PageConfig | null): PanelData;
     sessionStart(): Promise<void>;
     sessionEnd(): Promise<void>;
     private scheduleNextBeacon;

package/dist/src/services/FantasyService.d.ts

@@ -0,0 +1,53 @@
+import { IFantasyResponse, ILeagueManagerResponse, IPromoResponse } from '@/modules/fantasy/types';
+export type LeagueManagerPollingParams = {
+    /**
+     * NBA, NFL, etc.
+     */
+    game: string;
+    /**
+     * 2025
+     */
+    seasonId: number;
+    /**
+     * The league ID
+     */
+    leagueId: number;
+    token: string;
+    proGameId: string;
+    teamId: number;
+};
+export type FantasyPollingParams = {
+    swid: string;
+    jwt: string;
+    eventId: string;
+};
+/**
+ * Service for handling fantasy API calls
+ */
+declare class FantasyService {
+    private fantasyClient;
+    private leagueManagerClient;
+    private promoClient;
+    constructor();
+    /**
+     * Polls the fantasy API at regular intervals
+     * @param swid - The SWID of the user
+     * @param interval - Polling interval in milliseconds
+     * @param onData - Callback invoked with the data on each successful poll
+     * @param onError - Optional callback invoked on error
+     */
+    pollFantasy({ eventId, jwt, swid }: FantasyPollingParams, interval: number, onData: (data: {
+        data: IFantasyResponse;
+        headers: Record<string, string>;
+    }) => void, onError?: (error: Error) => void): {
+        stop: () => void;
+    };
+    pollLeagueManager({ game, leagueId, seasonId, token, proGameId, teamId, }: LeagueManagerPollingParams, interval: number, onData: (data: {
+        data: ILeagueManagerResponse;
+        headers: Record<string, string>;
+    }) => void, onError?: (error: Error) => void): {
+        stop: () => void;
+    };
+    getPromo(): Promise<IPromoResponse>;
+}
+export default FantasyService;

package/dist/src/services/NetworkManager/types.d.ts

@@ -5,6 +5,8 @@ export declare const ServiceType: {
     readonly STATS: "stats";
     readonly BETS: "bets";
     readonly MAESTRO: "maestro";
+    readonly FANTASY: "fantasy";
+    readonly SHOP: "shop";
 };
 export type ServiceType = typeof ServiceType[keyof typeof ServiceType];
 /**

package/dist/src/services/ShopService.d.ts

@@ -0,0 +1,23 @@
+import NetworkManager from './NetworkManager/NetworkManager';
+import { IShopResponse } from '../modules/shop/types';
+import { ResponseWithHeaders } from './NetworkManager/types';
+/**
+ * Service for handling shop-related API calls
+ */
+declare class ShopService {
+    networkManager: NetworkManager;
+    private eventId;
+    constructor(eventId: string);
+    /**
+     * Start polling shop data
+     *
+     * @param interval - The polling interval in milliseconds
+     * @param onData - Callback for successful data fetch with headers
+     * @param onError - Callback for errors
+     * @returns Object with a stop function to stop polling
+     */
+    pollShopData(interval: number, onData: (data: ResponseWithHeaders<IShopResponse>) => void, onError?: (error: Error) => void): {
+        stop: () => void;
+    };
+}
+export default ShopService;

package/dist/src/view-models/MaestroEventViewModel.d.ts

@@ -11,6 +11,8 @@ import { MaestroPanelType } from '@/models/IPanel';
 import { IUserSettings } from '../interfaces/IUserSettings';
 import { PanelManagerViewModel } from './PanelManagerViewModel';
 import AnalyticsService from '@/services/AnalyticsService/AnalyticsService';
+import FantasyViewModel from '@/modules/fantasy/view-model/FantasyViewModel';
+import ShopViewModel from '@/modules/shop/view-model/ShopViewModel';
 export declare class MaestroEventViewModel extends ViewModel implements IMaestroEvent {
     private _eventId;
     private _title;
@@ -19,8 +21,10 @@ export declare class MaestroEventViewModel extends ViewModel implements IMaestro
     private playerTimeCode;
     delegate: IMaestroEventDelegate;
     keyPlaysViewModel: KeyPlaysViewModel | null;
+    fantasyViewModel: FantasyViewModel | null;
     betsViewModel: BetsViewModel | null;
     statsViewModel: StatsViewModel | null;
+    shopViewModel: ShopViewModel | null;
     panelManagerViewModel: PanelManagerViewModel;
     navigation: SpatialNavigation;
     analyticsService: AnalyticsService;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maestro_io/maestro-web-sdk",
   "private": false,
-  "version": "3.1.3",
+  "version": "3.3.0",
   "type": "commonjs",
   "license": "MIT",
   "main": "dist/maestro-web-sdk.umd.js",
@@ -62,8 +62,6 @@
     "jest": "26.6.3",
     "nodemon": "^3.1.9",
     "prettier": "2.0.5",
-    "react": "15",
-    "react-dom": "15",
     "react-test-renderer": "15",
     "style-loader": "2",
     "tsconfig-paths-webpack-plugin": "^4.2.0",