@maestro_io/maestro-web-sdk 4.0.0-beta.4 → 4.0.0

package/dist/index.d.ts

@@ -0,0 +1,1733 @@
+// Generated by dts-bundle v0.7.3
+// Dependencies for this module:
+//   ../../../@/services/AnalyticsService/types
+//   ../../../@/models/IPanel
+//   ../../../@/external/spatial-navigation/spatialNavigation
+//   ../../../@/modules/fantasy/view-model/FantasyViewModel
+//   ../../../@/modules/shop/view-model/ShopViewModel
+//   ../../../@/models/ITheme
+//   ../../../react
+//   ../../../@/types/OverlayTypes
+//   ../../../@/models/IWinningBet
+//   ../../../@/helpers/Observable
+//   ../../../@/services/AnalyticsService/AnalyticsService
+//   ../../../@/interfaces/IMaestroEvent
+//   ../../../@/interfaces/IMaestroEventDelegate
+//   ../../../@/services/StatsService
+//   ../../../@/external/spatial-navigation
+//   ../../../@/modules/stats/interfaces/IStats
+
+declare module '@maestro_io/maestro-web-sdk' {
+    import IMaestroEventDelegate, { PanelEvent } from '@maestro_io/maestro-web-sdk/interfaces/IMaestroEventDelegate';
+    import IMaestroManager, { SDKConfigParams } from '@maestro_io/maestro-web-sdk/interfaces/IMaestroManager';
+    import IMaestroEvent from '@maestro_io/maestro-web-sdk/interfaces/IMaestroEvent';
+    import { MaestroEventViewModel } from '@maestro_io/maestro-web-sdk/view-models/MaestroEventViewModel';
+    import IMaestroKeyPlaysResponse from '@maestro_io/maestro-web-sdk/modules/key-plays/interfaces/IKeyPlaysResponse';
+    import { IUserSettings } from '@maestro_io/maestro-web-sdk/interfaces/IUserSettings';
+    import { GlobalConfig, PageConfig } from '@maestro_io/maestro-web-sdk/services/StaticService/types';
+    import { MaestroPanelType } from '@maestro_io/maestro-web-sdk/models/IPanel';
+    export { default as Overlay } from '@maestro_io/maestro-web-sdk/components/molecules/Overlay/Overlay';
+    export { OverlayType, IMaestroOverlayEvent, IOverlaySize, IOverlayPosition, IFantasyPayload, IOverlayAnalyticsEvent, } from '@maestro_io/maestro-web-sdk/types/OverlayTypes';
+    export { IWinningBet } from '@maestro_io/maestro-web-sdk/models/IWinningBet';
+    export { ActionTrackEvent, ImpressionTrackEvent, Metadata, PanelClickAction, PanelViewAction, } from '@maestro_io/maestro-web-sdk/services/AnalyticsService/types';
+    export { PanelEvent, IMaestroEventDelegate, IMaestroEvent, IMaestroKeyPlaysResponse, MaestroPanelType, };
+    export { IUserSettings, DEFAULT_USER_SETTINGS, } from '@maestro_io/maestro-web-sdk/interfaces/IUserSettings';
+    /**
+        * Main SDK class that serves as the entry point for the Maestro TV SDK
+        * Follows a singleton pattern similar to the Swift implementation
+        */
+    class MaestroWebSDK implements IMaestroManager {
+            /**
+                * @description Returns the MaestroWebSDK instance
+                * @returns {MaestroWebSDK} - The MaestroWebSDK instance
+                */
+            static getInstance(): MaestroWebSDK;
+            userDidStartWatchingEvent(eventID: string, delegate: IMaestroEventDelegate, userSettings?: IUserSettings): Promise<IMaestroEvent>;
+            userDidStopWatchingEvent(_: string): Promise<void>;
+            configure(configParams: SDKConfigParams): void;
+            /**
+                * Sets the site ID for the SDK
+                * @param siteID The site ID to set
+                */
+            setSiteID(siteID: string): void;
+            getSiteID(): string;
+            /**
+                * Gets the event view model
+                * @returns The current event view model
+                */
+            getMaestroEventViewModel(): MaestroEventViewModel;
+            renderPanel(id: string): Promise<() => Promise<void>>;
+            getPageConfig(): PageConfig | null;
+            getGlobalConfig(): GlobalConfig | null;
+    }
+    const SDK: MaestroWebSDK;
+    export default SDK;
+}
+
+declare module '@maestro_io/maestro-web-sdk/interfaces/IMaestroEventDelegate' {
+    import { ActionTrackEvent, ImpressionTrackEvent } from '@/services/AnalyticsService/types';
+    export type RequestLoginPanelEvent = {
+            type: 'fantasy:request:login';
+            payload: {
+                    /**
+                        * @description Callback to be called by the client app once the login process is completed, so the SDK can refresh its state accordingly.
+                        */
+                    onLoginSuccess: () => void;
+            };
+    };
+    export type PanelEvent = RequestLoginPanelEvent;
+    /**
+        * @description Interface for the client app to implement in order to handle Maestro TV SDK events.
+        */
+    export default interface IMaestroEventDelegate {
+            /**
+                * @description Allows the SDK to tell the client app that the user has encountered an error screen for lack of valid key
+                 plays data, indicating the client app should call `updateKeyPlaysData` as soon as possible.
+                 https://developers.maestro.io/sdk/web/event-delegate/userRequestedNewKeyPlaysData
+                */
+            userRequestedNewKeyPlaysData(): Promise<void>;
+            /**
+                * Allows the SDK to request the client app play a particular key plays clip, given its array index in the key plays list.  Note that the `MaestroKeyPlaysResponse` subdivides the key plays by section, so the `index` referenced here assumes the client app has access to a flattened list of the key plays, disregarding the sectional subdivisions.
+                * https://developers.maestro.io/sdk/web/event-delegate/playClip
+                */
+            playClip(atIndex: number): void;
+            /**
+                * @description SDK can notify the client app when its time to handle the focus management.
+                * https://developers.maestro.io/sdk/web/event-delegate/startFocusManagement
+                */
+            startFocusManagement(): Promise<void>;
+            /**
+                * @description Check if the user is authenticated for betting.
+                * https://developers.maestro.io/sdk/web/event-delegate/userIsAuthenticated
+                */
+            userIsAuthenticated(): Promise<boolean>;
+            /**
+                * @description Get the user's SWID for authenticated betting requests.
+                * https://developers.maestro.io/sdk/web/event-delegate/getUserSWID
+                */
+            getUserSWID(): Promise<string | null>;
+            /**
+                * @description Get the user's Cookie token for authenticated betting requests.
+                * https://developers.maestro.io/sdk/web/event-delegate/getUserToken
+                */
+            getUserToken(): Promise<string | null>;
+            /**
+                * @description Get the API base URL for betting-related requests.
+                * This baseURL is used to fetch betting data, such as odds and betting lines.
+                * https://developers.maestro.io/sdk/web/event-delegate/getBettingAPIBaseURL
+                */
+            getBettingAPIBaseURL(): string;
+            /**
+                * @description Get the API base URL for stats-related requests.
+                * This baseURL is used to fetch stats data for the event.
+                *
+                */
+            getStatsAPIBaseURL(): string;
+            /**
+                * @description Track an user's action event for analytics. (i.e. key play clicked)
+                * https://developers.maestro.io/sdk/web/event-delegate/trackAction
+                */
+            trackAction(action: ActionTrackEvent): void;
+            /**
+                * @description Track an impression event for analytics. (i.e. panel view)
+                * https://developers.maestro.io/sdk/web/event-delegate/trackImpression
+                */
+            trackImpression(impression: ImpressionTrackEvent): void;
+            /**
+                * @description Notify the client app of a panel event within the SDK that may require handling by the client app. (i.e. request login)
+                * https://developers.maestro.io/sdk/web/event-delegate/onPanelEvent
+                */
+            onPanelEvent(event: PanelEvent): void;
+    }
+}
+
+declare module '@maestro_io/maestro-web-sdk/interfaces/IMaestroManager' {
+    import IMaestroEventDelegate from '@maestro_io/maestro-web-sdk/interfaces/IMaestroEventDelegate';
+    import IMaestroEvent from '@maestro_io/maestro-web-sdk/interfaces/IMaestroEvent';
+    import { IUserSettings } from '@maestro_io/maestro-web-sdk/interfaces/IUserSettings';
+    export type SDKConfigParams = {
+            /**
+                * The site ID to use for the SDK.
+                */
+            siteID: string;
+            /**
+                * User settings for customizing SDK behavior (panel visibility, feature toggles, etc.)
+                */
+            userSettings?: IUserSettings;
+    };
+    /**
+     This is the MaestroKit top-level API for initializing and configuring the framework.  It encompasses all functionality that is not specific to an event.
+        */
+    export default interface IMaestroManager {
+            /**
+                * @description Configure the MaestroWebSDK.
+                * @param {SDKConfigParams} configParams - Configuration parameters
+                * @param {SDKConfigParams['siteID']} configParams.siteID - The site ID to use for the SDK.
+                * @param {SDKConfigParams['userSettings']} configParams.userSettings - User settings for customizing SDK behavior.
+                */
+            configure(configParams: SDKConfigParams): void;
+            /**
+                 Tells the SDK the user has opened an event in the app's player.
+                 Arguments:
+                 - eventID: The Event ID for the event opened in the player.
+                 - delegate: an instance of the app's implementation of IMaestroEventDelegate
+                 - userSettings: Optional user settings to override the configured settings for this event
+                 The function returns an instance of MaestroEventViewModel, which includes an implementation of IMaestroEvent.  IMaestroEvent represents the app-facing portion of the MaestroKit API related to the currently-loaded event.  So after `userDidStartWatchingEvent` is called, the SDK has access to the API detailed in `MaestroEventDelegate` for making calls to the app, and the app has access to the API detailed in `IMaestroEvent` for making calls to the SDK.
+                 */
+            userDidStartWatchingEvent(eventID: string, delegate: IMaestroEventDelegate, userSettings?: IUserSettings): Promise<IMaestroEvent>;
+            /**
+                * @description Tells the SDK the user has closed an event that was open in the app's player.
+                * @param eventID
+                */
+            userDidStopWatchingEvent(eventID: string): void;
+            /**
+                * Render the PanelManager with the available panels for the current event in the specified HTML id element.
+                * @param id - The ID of the HTML element where the panel will be rendered.
+                * @return A Promise that resolves to an async function to remove the panel when no longer needed.
+                */
+            renderPanel(id: string): Promise<() => Promise<void>>;
+    }
+}
+
+declare module '@maestro_io/maestro-web-sdk/interfaces/IMaestroEvent' {
+    import { MaestroPanelType } from '@/models/IPanel';
+    import IMaestroKeyPlaysResponse from '@maestro_io/maestro-web-sdk/modules/key-plays/interfaces/IKeyPlaysResponse';
+    import { IUserSettings } from '@maestro_io/maestro-web-sdk/interfaces/IUserSettings';
+    /**
+        * This is the public API that the app can use to make calls to the SDK related to the currently-loaded event.
+        */
+    export default interface IMaestroEvent {
+            /**
+                * @description Tells the SDK that the user just started playing a new key play clip at the given index.
+                * https://developers.maestro.io/sdk/web/maestro-event-interface/playback-controls/didStartPlayingClip
+                */
+            didStartPlayingClip(index: number): void;
+            /**
+                * @description Tells the SDK that the user just stopped playing a key play clip at the given index.
+                * https://developers.maestro.io/sdk/web/maestro-event-interface/playback-controls/didStopPlayingClip
+                */
+            didStopPlayingClip(index: number): void;
+            /**
+                * @description Tells the SDK that the user tried to play the clip but it failed to play back.
+                * https://developers.maestro.io/sdk/web/maestro-event-interface/playback-controls/didFailToPlayClip
+                */
+            didFailToPlayClip(index: number): void;
+            /**
+                * @description Updates the SDK with the latest progress in the playback of the currently-played key play clip, from 0 to 1.
+                * https://developers.maestro.io/sdk/web/maestro-event-interface/playback-controls/didUpdatePlaybackProgressOfClip
+                */
+            didUpdatePlaybackProgressOfClip(index: number, to: number): void;
+            /**
+                * @description Tells the SDK that the app displayed the MaestroPanel.
+                * https://developers.maestro.io/sdk/web/maestro-event-interface/panel-management/didShowPanel
+                */
+            didShowPanel(): Promise<void>;
+            /**
+                * @description Tells the SDK that the app hid the MaestroPanel.
+                * https://developers.maestro.io/sdk/web/maestro-event-interface/panel-management/didHidePanel
+                */
+            didHidePanel(): Promise<void>;
+            /**
+                * @description Alerts the SDK that the current event does not support key plays.
+                * https://developers.maestro.io/sdk/web/maestro-event-interface/panel-management/currentEventDoesNotSupportKeyPlays
+                */
+            currentEventDoesNotSupportKeyPlays(): void;
+            /**
+                * @description Retrieves the event ID for the currently loaded event.
+                * https://developers.maestro.io/sdk/web/maestro-event-interface/state/getCurrentEventID
+                */
+            getCurrentEventID(): string | null;
+            /**
+                * @description Retrieves the array index of the key play clip that is currently being played.
+                * https://developers.maestro.io/sdk/web/maestro-event-interface/state/getCurrentlyPlayingClipIndex
+                */
+            getCurrentlyPlayingClipIndex(): number | null;
+            /**
+                * @description Retrieves the array index of the key plays clip that was most recently played.
+                * https://developers.maestro.io/sdk/web/maestro-event-interface/state/getLastPlayedClipIndex
+                */
+            getLastPlayedClipIndex(): number | null;
+            /**
+                * @description Retrieves the progress (between 0 and 1) of the currently-played key play clip.
+                * https://developers.maestro.io/sdk/web/maestro-event-interface/state/getCurrentClipPlaybackProgress
+                */
+            getCurrentClipPlaybackProgress(): number | null;
+            /**
+                * @description Retrieves the number of key plays.
+                * https://developers.maestro.io/sdk/web/maestro-event-interface/state/getKeyPlaysCount
+                */
+            getKeyPlaysCount(): number | null;
+            /**
+                * @description Tells the SDK to start managing focus.
+                * https://developers.maestro.io/sdk/web/focus-management/parent-app-focus
+                */
+            startFocusManagement(): Promise<void>;
+            /**
+                * @description Feeds the SDK new key plays data. A null value indicates a failure to retrieve the data.
+                * https://developers.maestro.io/sdk/web/maestro-event-interface/state/updateKeyPlaysData
+                */
+            updateKeyPlaysData(data: IMaestroKeyPlaysResponse | null): Promise<void>;
+            updateUserSettings(settings: IUserSettings): Promise<void>;
+            /**
+                * @description Updates the SDK with the current time code of the player.
+                * This is used to synchronize the SDK with the player's current time code.
+                * https://developers.maestro.io/sdk/web/maestro-event-interface/state/updatePlayerTimeCode
+                */
+            updatePlayerTimeCode(timestamp: number): void;
+            /**
+                * @description Retrieves the current player time code stored in the SDK.
+                * https://developers.maestro.io/sdk/web/maestro-event-interface/state/getPlayerTimeCode
+                */
+            getPlayerTimeCode(): number | null;
+            /**
+                * @description Sets data on panel view models. Interface to pass any data to any panel.
+                * @param {Record<string, any>} panelData - Object with panel names as keys and their data as values
+                * @example
+                * setDataToPanel({
+                *   [panelType]: {
+                *    overrideUrl: 'https://...',
+                *    customProperty: 'value'
+                *   },
+                * })
+                */
+            setDataToPanel(panelData: Record<string, any>): void;
+            simulateUseCase<T = any>(useCase: TestUseCase, panelType: MaestroPanelType, testData?: T): void;
+            /**
+                * @description Sets the active panel in the Maestro SDK, if the panel is available and not hidden.
+                * @param {MaestroPanelType} panelType - The type of the panel to set as active
+                * https://developers.maestro.io/sdk/web/maestro-event-interface/state/setActivePanel
+                */
+            setActivePanel(panelType: MaestroPanelType): void;
+    }
+    const TEST_USE_CASES: {
+            readonly betsTabLoadFailure: "betsTabLoadFailure";
+            readonly betsMockData: "betsMockData";
+            readonly betsLiveData: "betsLiveData";
+            readonly showBasketballPreGameStatsMockData: "showBasketballPreGameStatsMockData";
+            readonly showBasketballInGameStatsMockData: "showBasketballInGameStatsMockData";
+            readonly showFootballPreGameStatsMockData: "showFootballPreGameStatsMockData";
+            readonly showFootballInGameStatsMockData: "showFootballInGameStatsMockData";
+            readonly showHockeyPreGameStatsMockData: "showHockeyPreGameStatsMockData";
+            readonly showHockeyInGameStatsMockData: "showHockeyInGameStatsMockData";
+            readonly shopTabLoadFailure: "shopTabLoadFailure";
+            readonly shopEmptyState: "shopEmptyState";
+            readonly shopMockData: "shopMockData";
+            readonly shopLiveData: "shopLiveData";
+    };
+    export type TestUseCase = typeof TEST_USE_CASES[keyof typeof TEST_USE_CASES];
+    export {};
+}
+
+declare module '@maestro_io/maestro-web-sdk/view-models/MaestroEventViewModel' {
+    import IMaestroEventDelegate from '@maestro_io/maestro-web-sdk/interfaces/IMaestroEventDelegate';
+    import IMaestroEvent, { TestUseCase } from '@maestro_io/maestro-web-sdk/interfaces/IMaestroEvent';
+    import { Observable } from '@maestro_io/maestro-web-sdk/helpers/Observable';
+    import { ViewModel } from '@maestro_io/maestro-web-sdk/view-models/ViewModel';
+    import KeyPlaysViewModel from '@maestro_io/maestro-web-sdk/modules/key-plays/view-model/KeyPlaysViewModel';
+    import BetsViewModel from '@maestro_io/maestro-web-sdk/modules/bets/view-model/BetsViewModel';
+    import SpatialNavigation from '@/external/spatial-navigation/spatialNavigation';
+    import StatsViewModel from '@maestro_io/maestro-web-sdk/modules/stats/view-model/StatsViewModel';
+    import IMaestroKeyPlaysResponse from '@maestro_io/maestro-web-sdk/modules/key-plays/interfaces/IKeyPlaysResponse';
+    import { MaestroPanelType } from '@/models/IPanel';
+    import { IUserSettings } from '@maestro_io/maestro-web-sdk/interfaces/IUserSettings';
+    import { PanelManagerViewModel } from '@maestro_io/maestro-web-sdk/view-models/PanelManagerViewModel';
+    import FantasyViewModel from '@/modules/fantasy/view-model/FantasyViewModel';
+    import ShopViewModel from '@/modules/shop/view-model/ShopViewModel';
+    export class MaestroEventViewModel extends ViewModel implements IMaestroEvent {
+        delegate: IMaestroEventDelegate;
+        keyPlaysViewModel: KeyPlaysViewModel | null;
+        fantasyViewModel: FantasyViewModel | null;
+        betsViewModel: BetsViewModel | null;
+        statsViewModel: StatsViewModel | null;
+        shopViewModel: ShopViewModel | null;
+        panelManagerViewModel: PanelManagerViewModel;
+        navigation: SpatialNavigation;
+        constructor(eventId: string | undefined, delegate: IMaestroEventDelegate);
+        setActivePanel(panelType: MaestroPanelType): void;
+        updatePlayerTimeCode(timestamp: number): void;
+        getPlayerTimeCode(): number | null;
+        setDataToPanel(panelData: Record<string, any>): void;
+        deinit(): Promise<void>;
+        updateKeyPlaysData(data: IMaestroKeyPlaysResponse | null): Promise<void>;
+        updateUserSettings(settings: IUserSettings): Promise<void>;
+        startFocusManagement(): Promise<void>;
+        didStartPlayingClip(index: number): void;
+        didStopPlayingClip(index: number): void;
+        didFailToPlayClip(index: number): void;
+        didUpdatePlaybackProgressOfClip(index: number, to: number): void;
+        didShowPanel(): Promise<void>;
+        didHidePanel(): Promise<void>;
+        didShowOverlay(): Promise<void>;
+        didHideOverlay(): Promise<void>;
+        currentEventDoesNotSupportKeyPlays(): void;
+        getCurrentEventID(): string;
+        getCurrentlyPlayingClipIndex(): number | null;
+        getLastPlayedClipIndex(): number | null;
+        getCurrentClipPlaybackProgress(): number | null;
+        getKeyPlaysCount(): number;
+        get eventId(): Observable<string>;
+        get title(): Observable<string>;
+        get isLive(): Observable<boolean>;
+        get isShowingPanel(): boolean;
+        set isShowingPanel(value: boolean);
+        simulateUseCase<T = any>(useCase: TestUseCase, panelType: MaestroPanelType, testData?: T): void;
+        /**
+          * This method is called when the user navigates to the MaestroEventViewModel.
+          * It will pause navigation and start focus management.
+          */
+        deliverFocus(): void;
+    }
+}
+
+declare module '@maestro_io/maestro-web-sdk/modules/key-plays/interfaces/IKeyPlaysResponse' {
+    type TeamId = string;
+    type AthleteId = string;
+    export default interface IMaestroKeyPlaysResponse {
+        entities?: {
+            team?: Record<TeamId, IMaestroKeyPlaysTeam>;
+            athlete?: Record<AthleteId, MaestroKeyPlaysAthlete>;
+        };
+        sections: MaestroKeyPlaysSection[];
+    }
+    interface IMaestroKeyPlaysTeam {
+        id: string;
+        displayName: string;
+        shortName: string;
+        color: string;
+        alternateColor: string;
+        homeAway: string;
+        displayOrder: string;
+        logoRef: string;
+        logoDarkRef: string;
+    }
+    interface MaestroKeyPlaysAthlete {
+        id: string;
+        shortName: string;
+        headshot: string;
+    }
+    interface MaestroKeyPlaysSection {
+        title?: string;
+        items: MaestroKeyPlay[];
+    }
+    interface MaestroKeyPlay {
+        description: string;
+        team?: string;
+        wallClock?: string;
+        displayClock?: string;
+        shortPeriod?: string;
+        scoringPlay?: boolean;
+        athlete?: string;
+        thumbnail: string;
+        thumbnailType: string;
+        clipID: string;
+        awayScore?: string;
+        homeScore?: string;
+    }
+    export {};
+}
+
+declare module '@maestro_io/maestro-web-sdk/interfaces/IUserSettings' {
+    /**
+        * User settings interface for customizing Maestro Web SDK behavior
+        * Supports panel-level and feature-level customizations
+        */
+    export interface IUserSettings {
+            panels?: {
+                    bets?: {
+                            /** Hide the entire bets panel from panel selection */
+                            hidePanel?: boolean;
+                            /** Hide wager values (dollar amounts) in betting cards */
+                            hideWagers?: boolean;
+                    };
+                    stats?: {
+                            /** Hide the entire stats panel from panel selection */
+                            hidePanel?: boolean;
+                    };
+                    keyPlays?: {
+                            /** Hide the entire key plays panel from panel selection */
+                            hidePanel?: boolean;
+                    };
+                    fantasy?: {
+                            /** Hide the entire fantasy panel from panel selection */
+                            hidePanel?: boolean;
+                    };
+                    shop?: {
+                            /** Hide the entire shop panel from panel selection */
+                            hidePanel?: boolean;
+                    };
+            };
+    }
+    /**
+        * Default user settings - all features enabled by default
+        */
+    export const DEFAULT_USER_SETTINGS: IUserSettings;
+    /**
+        * Panel-specific settings type helpers
+        */
+    export type BetsSettings = NonNullable<IUserSettings['panels']>['bets'];
+    export type StatsSettings = NonNullable<IUserSettings['panels']>['stats'];
+    export type KeyPlaysSettings = NonNullable<IUserSettings['panels']>['keyPlays'];
+    /**
+        * Utility type for getting panel settings by panel type
+        */
+    export type PanelSettings<T extends keyof NonNullable<IUserSettings['panels']>> = NonNullable<IUserSettings['panels']>[T];
+}
+
+declare module '@maestro_io/maestro-web-sdk/services/StaticService/types' {
+    import ITheme from '@/models/ITheme';
+    type PlatformConfig = {
+            analytics: {
+                    enabled: boolean;
+                    beacon_interval: number;
+            };
+    };
+    export interface GlobalConfig {
+            shards: string[];
+            bbd: PlatformConfig;
+    }
+    interface PageConfigPanel<TRendererData = unknown, TBlockData = any> {
+            _id: string;
+            slug: string;
+            panel_name?: string;
+            panel_type?: string;
+            icon_name?: string;
+            renderer?: {
+                    block_data?: TBlockData;
+                    icon_name?: string;
+                    id?: string;
+                    panel_name?: string;
+                    panel_type?: string;
+                    supported_platforms?: {
+                            android?: boolean;
+                            bbd?: boolean;
+                            roku?: boolean;
+                            tvos?: boolean;
+                    } & TRendererData;
+            };
+    }
+    export type PageMetadata = {
+            /**
+                * Event ID or Airing ID
+                */
+            external_field_1?: string;
+            /**
+                * Sport guid
+                */
+            external_field_2?: string;
+            /**
+                * League guid
+                */
+            external_field_3?: string;
+            /**
+                * External field 1 identifier. Can be either 'airing' or 'event'.
+                */
+            external_field_4?: 'airing' | 'event';
+            /**
+                * A stringified JSON object containing additional metadata.
+                */
+            external_field_5?: string;
+    };
+    export interface PageConfig {
+            panels: PageConfigPanel[];
+            page: {
+                    _id: string;
+                    slug: string;
+                    type: string;
+                    name?: string;
+                    metadata?: PageMetadata;
+            };
+            insights: {
+                    _id: string | null;
+            };
+            site: {
+                    _id: string;
+                    domainUrl: string;
+                    package: {
+                            version: string;
+                            id: string;
+                    };
+            };
+            theme?: ITheme | null;
+    }
+    export {};
+}
+
+declare module '@maestro_io/maestro-web-sdk/models/IPanel' {
+    export const MaestroPanelType: {
+        readonly KEY_PLAYS: "keyPlays";
+        readonly STATS: "stats";
+        readonly BETS: "bets";
+        readonly FANTASY: "fantasy";
+        readonly SHOP: "shop";
+    };
+    export type MaestroPanelType = typeof MaestroPanelType[keyof typeof MaestroPanelType];
+    export interface PanelTypeInfo {
+        id: MaestroPanelType;
+        name: string;
+        imageNamePrefix: string;
+        iconName: string;
+    }
+    export const PANEL_TYPE_INFO: Record<MaestroPanelType, PanelTypeInfo>;
+}
+
+declare module '@maestro_io/maestro-web-sdk/components/molecules/Overlay/Overlay' {
+    import React from 'react';
+    import { OverlayType, IFantasyPayload } from '@/types/OverlayTypes';
+    import { IWinningBet } from '@/models/IWinningBet';
+    interface OverlayProps {
+        id: string;
+        position?: {
+            top?: number;
+            left?: number;
+            right?: number;
+            bottom?: number;
+        };
+        overlayType: OverlayType;
+        winningBet?: IWinningBet;
+        fantasy?: IFantasyPayload;
+        onOverlayAction?: (overlayType: OverlayType) => void;
+        onOverlayViewed?: (overlayType: OverlayType) => void;
+    }
+    interface OverlayState {
+        autoDismiss: boolean;
+        hasTrackedView: boolean;
+    }
+    export const WINNING_BET_RIVE_FILE_URL = "https://static.gcp.maestro.io/media/664b9c57d59a7a431542d814/67db106027ddcdcd2ecb97d4.riv";
+    class Overlay extends React.Component<OverlayProps, OverlayState> {
+        constructor(props: OverlayProps);
+        componentWillUnmount(): void;
+        get overlayTitle(): string;
+        get overlayMetadata(): string;
+        onLoadRiveInstance: (riveInstance: any | null) => void;
+        render(): JSX.Element;
+    }
+    export default Overlay;
+}
+
+declare module '@maestro_io/maestro-web-sdk/types/OverlayTypes' {
+    import { WinningBet } from '@maestro_io/maestro-web-sdk/models/IWinningBet';
+    export const OverlayType: {
+        readonly WinningBet: "winningBet";
+        readonly FantasyPlayerEvent: "fantasyPlayerEvent";
+    };
+    export type OverlayType = typeof OverlayType[keyof typeof OverlayType];
+    export interface IOverlayPosition {
+        top?: number;
+        left?: number;
+        right?: number;
+        bottom?: number;
+    }
+    export interface IOverlaySize {
+        width: number;
+        height: number;
+    }
+    export interface IFantasyPayload {
+        athleteId: string;
+        title: string;
+        metadata: string;
+        headline: string;
+        description: string;
+        image?: string;
+        sportsType: string;
+    }
+    export interface IMaestroOverlayEvent {
+        type: OverlayType;
+        size: IOverlaySize;
+        position: IOverlayPosition;
+        winningBet?: WinningBet;
+        fantasy?: IFantasyPayload;
+    }
+    export interface IOverlayAnalyticsEvent {
+        eventName: 'overlayViewed' | 'overlayClicked';
+        attributes: {
+            template: string;
+            templateId?: string;
+            instanceName: string;
+            instanceId: string;
+            fullscreen?: boolean;
+            overlayType: string;
+        };
+    }
+}
+
+declare module '@maestro_io/maestro-web-sdk/models/IWinningBet' {
+    export interface IWinningBet {
+        serverID: string;
+        notificationText: string;
+        amount: number;
+        outcome: 'WIN' | 'LOSS' | 'PUSH';
+    }
+    export type WinningBet = IWinningBet;
+}
+
+declare module '@maestro_io/maestro-web-sdk/services/AnalyticsService/types' {
+    /**
+        * Generic metadata type that accepts any object extending BaseMetadata
+        */
+    export type Metadata = BaseMetadata & {
+            [key: string]: any;
+    };
+    export type Kingdom = 'panel';
+    export type Phylum = 'view' | 'engage';
+    /**
+        * Base metadata analytics events should include
+        */
+    export interface BaseMetadata {
+            league: string;
+            event: string;
+            airing: string;
+            sport: string;
+    }
+    export type PanelViewAction = {
+            name: 'panel_selected';
+            e0_kingdom: Kingdom;
+            e1_phylum: Phylum;
+            /**
+                * Panel Type
+                */
+            e2_class: string;
+            /**
+                * Panel ID
+                */
+            e3_order: string;
+            /**
+                * Panel Name
+                */
+            e4_family: string;
+            e5_genus?: string;
+            e6_species?: string;
+            /**
+                * Additional metadata for the panel view action.
+                */
+            metadata: Metadata;
+    };
+    export type ImpressionTrackEvent = PanelViewAction;
+    export type PanelClickAction = {
+            name: string;
+            e0_kingdom: 'panel';
+            e1_phylum: 'engage';
+            /**
+                * Panel Type
+                */
+            e2_class: string;
+            /**
+                * Panel ID.
+                */
+            e3_order: string;
+            /**
+                * Panel Name
+                */
+            e4_family: string;
+            e5_genus?: string;
+            e6_species?: string;
+            /**
+                * Additional metadata for the panel click action.
+                */
+            metadata: Metadata;
+    };
+    export type ActionTrackEvent = PanelClickAction;
+}
+
+declare module '@maestro_io/maestro-web-sdk/helpers/Observable' {
+    /**
+      * Basic observable implementation for view models
+      */
+    export class Observable<T> {
+        constructor(initialValue: T);
+        get value(): T;
+        set value(newValue: T);
+        subscribe(listener: (value: T) => void): () => void;
+    }
+}
+
+declare module '@maestro_io/maestro-web-sdk/view-models/ViewModel' {
+    import { Observable } from '@maestro_io/maestro-web-sdk/helpers/Observable';
+    /**
+      * Base view model that implements reactive properties
+      */
+    export abstract class ViewModel {
+        get isLoading(): Observable<boolean>;
+        get error(): Observable<string | null>;
+        protected setLoading(loading: boolean): void;
+        protected setError(error: string | null): void;
+    }
+}
+
+declare module '@maestro_io/maestro-web-sdk/modules/key-plays/view-model/KeyPlaysViewModel' {
+    import IMaestroKeyPlaysResponse from '@maestro_io/maestro-web-sdk/modules/key-plays/interfaces/IKeyPlaysResponse';
+    import IKeyPlay, { KeyPlayLoadFailureStatus, KeyPlaysErrorState } from '@maestro_io/maestro-web-sdk/modules/key-plays/interfaces/IKeyPlays';
+    import { Observable } from '@/helpers/Observable';
+    import AnalyticsService from '@/services/AnalyticsService/AnalyticsService';
+    export type KeyPlayItem = {
+        title?: string;
+        items: IKeyPlay[];
+    };
+    class KeyPlaysViewModel {
+        currentlyPlayingClipIndex: Observable<number | null>;
+        lastPlayedClipIndex: Observable<number | null>;
+        currentClipPlaybackProgress: Observable<number | null>;
+        errorState: Observable<KeyPlaysErrorState | null>;
+        failedClips: Observable<{
+            [key: string]: KeyPlayLoadFailureStatus;
+        }>;
+        items: Observable<KeyPlayItem[]>;
+        filteredItems: Observable<KeyPlayItem[]>;
+        analyticsService: AnalyticsService;
+        constructor();
+        onUpdatePlayerTimeCode(playerTimeCode: number | null): void;
+        isCurrentlyPlaying(index: number): boolean;
+        setKeyPlays(items: IMaestroKeyPlaysResponse | null, playerTimeCode: number | null): Promise<void>;
+        playKeyPlay(atIndex: number): Promise<void>;
+        init(): Promise<void>;
+        parseNetworkResponse(response: IMaestroKeyPlaysResponse): KeyPlayItem[];
+        get allItems(): IKeyPlay[];
+        clipID(forKeyPlayAtIndex: number): string | undefined;
+        handleKeyPlayLoadFailure(forKeyPlayAtIndex: number): void;
+        loadFailureStatus(forKeyPlayAtIndex: number): KeyPlayLoadFailureStatus;
+        clearLoadFailureStatus(forKeyPlayAtIndex: number): void;
+        userRequestedNewKeyPlaysData(): Promise<void>;
+    }
+    export default KeyPlaysViewModel;
+}
+
+declare module '@maestro_io/maestro-web-sdk/modules/bets/view-model/BetsViewModel' {
+    import { Observable } from '@maestro_io/maestro-web-sdk/helpers/Observable';
+    import { ITeam, IUserBet, IBetLeg } from '@maestro_io/maestro-web-sdk/modules/bets/interfaces/IBets';
+    import { ViewModel } from '@maestro_io/maestro-web-sdk/view-models/ViewModel';
+    import { TestUseCase } from '@/interfaces/IMaestroEvent';
+    import IMaestroEventDelegate from '@/interfaces/IMaestroEventDelegate';
+    import { BetCardType, BetType } from '@maestro_io/maestro-web-sdk/modules/bets/types/BetsAnalyticsTypes';
+    const BET_ITEM_TYPE: {
+            readonly ODDS: "odds";
+            readonly USER_BETS: "userBets";
+            readonly PROMO: "promo";
+            readonly HOT_PROPS: "hotProps";
+            readonly LOCATION_DISCLAIMER: "locationDisclaimer";
+            readonly GAMBLING_MESSAGE: "gamblingMessage";
+    };
+    export type BetItemType = typeof BET_ITEM_TYPE[keyof typeof BET_ITEM_TYPE];
+    type TeamOdd = {
+            teamAbbreviation: string;
+            startOfGameFirstLine: string;
+            startOfGameSecondLine: string;
+            gameSpreadFirstLine: string;
+            gameSpreadSecondLine: string;
+            totalPointsFirstLine: string;
+            totalPointsSecondLine: string;
+            moneylineFirstLine: string;
+    };
+    export type ISixPackOdds = {
+            topTeamOdds: TeamOdd;
+            bottomTeamOdds: TeamOdd;
+            drawOdds?: TeamOdd;
+            orderedColumns: {
+                    abbreviation: string;
+                    type: string;
+            }[];
+            gameState: string;
+    };
+    export type IUserBets = {
+            defaultTab: string;
+            bets: {
+                    live: IUserBet[];
+                    upcoming: IUserBet[];
+                    settled: IUserBet[];
+            };
+    };
+    export type IHotProps = {
+            items: IBetLeg[];
+    };
+    export type ILocationDisclaimer = {
+            text: string;
+    };
+    export type IGamblingMessage = {
+            text: string;
+    };
+    export type IBetPromo = {
+            title: string;
+            description: string;
+            logo: string;
+            qrCode: string;
+            backgroundImage: string;
+    };
+    export type PromoBetItem = {
+            id: string;
+            type: 'promo';
+            data: IBetPromo;
+    };
+    export type LocationDisclaimerBetItem = {
+            type: 'locationDisclaimer';
+            id: string;
+            data: ILocationDisclaimer;
+    };
+    export type GamblingMessageBetItem = {
+            type: 'gamblingMessage';
+            id: string;
+            data: IGamblingMessage;
+    };
+    export type SixPackBetItem = {
+            type: 'sixPack';
+            data: ISixPackOdds;
+            teamInfo?: {
+                    home: ITeam;
+                    away: ITeam;
+            };
+            id: string;
+            hideWagers: boolean;
+    };
+    export type UserBetsBetItem = {
+            type: 'userBets';
+            data: IUserBets;
+            id: string;
+            hideWagers: boolean;
+    };
+    export type HotPropsBetItem = {
+            type: 'hotProps';
+            data: IHotProps;
+            id: string;
+            hideWagers: boolean;
+    };
+    export type BetItem = SixPackBetItem | UserBetsBetItem | PromoBetItem | HotPropsBetItem | LocationDisclaimerBetItem | GamblingMessageBetItem;
+    const BET_ERROR_STATE: {
+            readonly NONE: "none";
+            readonly TAB_LOAD_FAILURE: "tabLoadFailure";
+    };
+    export type BetsErrorState = typeof BET_ERROR_STATE[keyof typeof BET_ERROR_STATE];
+    export interface IBetsViewModelDelegate {
+            userIsAuthenticated(): Promise<boolean>;
+            getUserSWID(): Promise<string | null>;
+            getUserToken(): Promise<string | null>;
+    }
+    export class BetsViewModel extends ViewModel {
+            betsItems: Observable<BetItem[]>;
+            isDataLoading: Observable<boolean>;
+            errorState: Observable<BetsErrorState>;
+            hasEverSuccessfullyLoaded: Observable<boolean>;
+            hideWagers: Observable<boolean>;
+            initialized: boolean;
+            constructor(eventId: string, delegate: IMaestroEventDelegate, options?: {
+                    useMockData?: boolean;
+            });
+            /**
+                * Initialize the ViewModel and start data fetching
+                */
+            init(): Promise<void>;
+            /**
+                * Clean up resources when the ViewModel is no longer needed
+                */
+            cleanup(): void;
+            /**
+                * Track card click event
+                */
+            trackCardClick(cardType: BetCardType, betType?: BetType | null): Promise<void>;
+            /**
+                * Refresh polling for bet data
+                */
+            refreshPolling(): void;
+            /**
+                * Stop polling for bet data
+                */
+            stopPolling(): void;
+            /**
+                * Fetch new bet data immediately (one-time)
+                */
+            fetchNewData(): Promise<void>;
+            simulateUseCase<T = any>(useCase: TestUseCase, _: T): void;
+            clearTabLoadFailure(): void;
+            /**
+                * Check if wagers should be hidden based on user settings
+                */
+            shouldHideWagers(): boolean;
+    }
+    export default BetsViewModel;
+}
+
+declare module '@maestro_io/maestro-web-sdk/modules/stats/view-model/StatsViewModel' {
+    import { Observable } from '@maestro_io/maestro-web-sdk/helpers/Observable';
+    import { ViewModel } from '@maestro_io/maestro-web-sdk/view-models/ViewModel';
+    import { DrivePlay, Team } from '@maestro_io/maestro-web-sdk/modules/stats/interfaces/IStats';
+    import { AthletesStatisticsItem } from '@maestro_io/maestro-web-sdk/modules/stats/view/components/AthletesStatistics/AthletesStatistics';
+    import StatsService from '@/services/StatsService';
+    import IMaestroEventDelegate from '@/interfaces/IMaestroEventDelegate';
+    import { TestUseCase } from '@/interfaces/IMaestroEvent';
+    import AnalyticsService from '@/services/AnalyticsService/AnalyticsService';
+    const STATS_ERROR_STATE: {
+            readonly NONE: "none";
+            readonly TAB_LOAD_FAILURE: "tabLoadFailure";
+    };
+    export type StatsErrorState = typeof STATS_ERROR_STATE[keyof typeof STATS_ERROR_STATE];
+    export type HeaderTeamStatItem = {
+            type: 'headerTeam';
+            isLive: boolean;
+            linescoresHeader: string[];
+            statistics?: {
+                    displayName: string;
+                    homeTeamValue: number;
+                    awayTeamValue: number;
+                    awayTeamDisplayValue: string;
+                    homeTeamDisplayValue: string;
+            }[];
+            homeTeam: Pick<Team, 'color' | 'id' | 'logo' | 'name' | 'abbreviation' | 'record'> & {
+                    linescores: string[];
+            };
+            awayTeam: Pick<Team, 'color' | 'id' | 'logo' | 'name' | 'abbreviation' | 'record'> & {
+                    linescores: string[];
+            };
+    };
+    type RecentGamesPreviousGame = {
+            score: string;
+            gameResult: string;
+            teamLogo?: string;
+            homeAway: string;
+    };
+    type RecentGamesTeam = {
+            logo?: string;
+            name?: string;
+            events: RecentGamesPreviousGame[];
+    };
+    export type RecentGamesStatsItem = {
+            type: 'recentGames';
+            awayTeam: RecentGamesTeam;
+            homeTeam: RecentGamesTeam;
+    };
+    export type WinProbabilityStatsItem = {
+            type: 'winProbability';
+            chartImageUrl: string;
+            awayTeam: Pick<Team, 'id' | 'abbreviation' | 'logo'> & {
+                    winPercentage: string;
+            };
+            homeTeam: Pick<Team, 'id' | 'abbreviation' | 'logo'> & {
+                    winPercentage: string;
+            };
+    };
+    export type GameLeadersStatsItem = {
+            type: 'gameLeaders';
+            displayText: string;
+            items: AthletesStatisticsItem[];
+    };
+    export type ActiveAthletesItem = {
+            type: 'activeAthletes';
+            displayText: string;
+            awayTeam: Pick<Team, 'id' | 'logo' | 'name'>;
+            homeTeam: Pick<Team, 'id' | 'logo' | 'name'>;
+            athletes: AthletesStatisticsItem[];
+    };
+    export type StatsPromotionItem = {
+            type: 'promotion';
+            title: string;
+            description: string;
+            logo: string;
+            qrCode: string;
+            backgroundImage: string;
+    };
+    export type StatsMatchPredictorItem = {
+            type: 'matchPredictor';
+            header: string;
+            imageUrl: string;
+            awayTeam: Pick<Team, 'abbreviation' | 'logo' | 'displayName'> & {
+                    percentage: number;
+            };
+            homeTeam: Pick<Team, 'abbreviation' | 'logo' | 'displayName'> & {
+                    percentage: number;
+            };
+    };
+    export type TeamStatsItem = {
+            type: 'teamStats';
+            awayTeam: Pick<Team, 'logo' | 'displayName' | 'color' | 'abbreviation'>;
+            homeTeam: Pick<Team, 'logo' | 'displayName' | 'color' | 'abbreviation'>;
+            statistics: {
+                    displayName: string;
+                    awayTeamDisplayValue: string;
+                    homeTeamDisplayValue: string;
+                    awayTeamValue: number;
+                    homeTeamValue: number;
+            }[];
+    };
+    export type DriveSummaryItem = {
+            type: 'driveSummary';
+            id: string;
+            team: Pick<Team, 'logo' | 'displayName'>;
+            playsQuantity: string;
+            yards: string;
+            time: string;
+            lastPlayMarquee: string;
+            plays: DrivePlay[];
+    };
+    export type IScoreItem = {
+            teamLogo?: string;
+            teamName?: string;
+            athletePosition?: string;
+            athleteNumber?: string;
+            athleteName?: string;
+            athleteAssists?: string;
+            athleteThumbnail?: string;
+            description: string;
+            clock: string;
+    };
+    export type IScoreSection = {
+            title: string;
+            scores: IScoreItem[];
+    };
+    export type ScoringSummaryItem = {
+            type: 'scoringSummary';
+            title: string;
+            sections: IScoreSection[];
+    };
+    export type PenaltiesItem = {
+            type: 'penalties';
+            title: string;
+            sections: IScoreSection[];
+    };
+    export type StatsItem = HeaderTeamStatItem | RecentGamesStatsItem | WinProbabilityStatsItem | GameLeadersStatsItem | ActiveAthletesItem | StatsPromotionItem | StatsMatchPredictorItem | TeamStatsItem | DriveSummaryItem | ScoringSummaryItem | PenaltiesItem;
+    export class StatsViewModel extends ViewModel {
+            isDataLoading: Observable<boolean>;
+            hasEverSuccessfullyLoaded: Observable<boolean>;
+            eventId: string;
+            statsItems: Observable<StatsItem[]>;
+            errorState: Observable<StatsErrorState>;
+            currentGameState: Observable<string>;
+            statsService: StatsService;
+            analyticsService: AnalyticsService;
+            constructor(eventId: string, delegate: IMaestroEventDelegate, options?: {
+                    useMockData?: boolean;
+            });
+            /**
+                * Sets panel-specific data configuration
+                * @param panelData - Object containing panel configuration
+                */
+            setDataToPanel(panelData: Record<string, any>): void;
+            /**
+                * Initialize the ViewModel and start data fetching
+                */
+            init(): Promise<void>;
+            onEngage: (type: StatsItem['type']) => void;
+            /**
+                * Clean up resources when the ViewModel is no longer needed
+                */
+            cleanup(): void;
+            /**
+                * Handle player timecode updates with enhanced logging and validation
+                *
+                * @param playerTimeCode - The timecode in milliseconds, or null for live
+                */
+            onUpdatePlayerTimeCode(playerTimeCode: number | null): void;
+            clearTabLoadFailure(): void;
+            /**
+                * Simulate a use case using mock StatsApiResponse data
+                */
+            simulateUseCase<T = any>(_useCase: TestUseCase, testData?: T): void;
+    }
+    export default StatsViewModel;
+}
+
+declare module '@maestro_io/maestro-web-sdk/view-models/PanelManagerViewModel' {
+    import { Observable } from '@maestro_io/maestro-web-sdk/helpers/Observable';
+    import { MaestroPanelType } from '@maestro_io/maestro-web-sdk/models/IPanel';
+    export type PanelInfo = {
+            type: MaestroPanelType;
+            title: string;
+    };
+    export class PanelManagerViewModel {
+            constructor();
+            /**
+                * Cleanup subscriptions
+                */
+            cleanup(): void;
+            get panels(): PanelInfo[];
+            get panelsObservable(): Observable<PanelInfo[]>;
+            get currentPanel(): MaestroPanelType | null;
+            set currentPanel(value: MaestroPanelType | null);
+            get currentPanelObservable(): Observable<MaestroPanelType | null>;
+            setActivePanel(panelType: MaestroPanelType): void;
+            getIndex(forPanelType: MaestroPanelType): number | null;
+            getPanelType(atIndex: number): MaestroPanelType | null;
+            get panelTypeToLeft(): MaestroPanelType | null;
+            get panelTypeToRight(): MaestroPanelType | null;
+    }
+}
+
+declare module '@maestro_io/maestro-web-sdk/modules/key-plays/interfaces/IKeyPlays' {
+    export default interface IKeyPlay {
+        id: string;
+        description: string;
+        homeTeamName: string;
+        awayTeamName: string;
+        homeTeamScore?: number;
+        awayTeamScore?: number;
+        clipID: string;
+        teamImageUrl?: string;
+        playerImageUrl?: string;
+        thumbnailImageUrl?: string;
+        wallClock?: string;
+        section?: string;
+    }
+    export const KEY_PLAYS_LOAD_FAILURE_STATUS: {
+        readonly noFailure: "noFailure";
+        readonly recentFailure: "recentFailure";
+        readonly nonRecentFailure: "nonRecentFailure";
+    };
+    type KeyPlayLoadFailureStatus = typeof KEY_PLAYS_LOAD_FAILURE_STATUS[keyof typeof KEY_PLAYS_LOAD_FAILURE_STATUS];
+    export const KEY_PLAYS_ERROR_STATE: {
+        readonly unsupportedEvent: "unsupportedEvent";
+        readonly unpopulatedEvent: "unpopulatedEvent";
+        readonly tabLoadFailure: "tabLoadFailure";
+    };
+    type KeyPlaysErrorState = typeof KEY_PLAYS_ERROR_STATE[keyof typeof KEY_PLAYS_ERROR_STATE];
+    export const KEY_PLAYS_PANEL_SCROLL_VIEW_ITEM_TYPE: {
+        readonly keyPlay: "keyPlay";
+        readonly sectionHeader: "sectionHeader";
+    };
+    type KeyPlaysPanelScrollViewItemType = typeof KEY_PLAYS_PANEL_SCROLL_VIEW_ITEM_TYPE[keyof typeof KEY_PLAYS_PANEL_SCROLL_VIEW_ITEM_TYPE];
+    export { KeyPlaysPanelScrollViewItemType, KeyPlayLoadFailureStatus, KeyPlaysErrorState, };
+}
+
+declare module '@maestro_io/maestro-web-sdk/modules/bets/interfaces/IBets' {
+    export interface ITeam {
+        id: string;
+        uid: string;
+        guid: string;
+        slug: string;
+        abbreviation: string;
+        displayName: string;
+        shortDisplayName: string;
+        name: string;
+        nickname: string;
+        location: string;
+        color: string;
+        alternateColor: string;
+        favored: boolean;
+        favoredAtOpen?: boolean;
+    }
+    export interface IOddsValue {
+        /** "-110", "+138", "EVEN", etc. */
+        odds: string;
+        /** Team ID reference */
+        team?: string;
+        /** "home", "away", "over", "under" */
+        type: string;
+        /** "WIN", "LOSS" (for closed bets) */
+        outcome?: string;
+        /** "o41.5", "u41.5", "+2.5", "-2.5" (for totals and spreads) */
+        line?: string;
+    }
+    interface IOdds {
+        /** "Moneyline", "Total Points", "Spread" */
+        displayName: string;
+        /** "ML", "Total", "Spread" */
+        abbreviation: string;
+        /** "moneyline", "total", "pointSpread" */
+        type: string;
+        /** "open", "close" */
+        state: string;
+        /** Values for this bet type (usually 2 options) */
+        values: IOddsValue[];
+    }
+    export interface IHotPropsSelection {
+        id: string;
+        /** "Over 5.5", "Under 5.5" */
+        text: string;
+        /** "over", "under" */
+        type: string;
+        /** "closed" */
+        status: string;
+        odds: {
+            /** "+750", "-3000" */
+            current?: string;
+        };
+        /** "WIN", "LOSS" */
+        outcome?: string;
+        /** URL to icon */
+        icon?: string;
+        /** URL to dark mode icon */
+        iconDark?: string;
+    }
+    export interface IHotProps {
+        id: string;
+        /** "Carlos Santana Total Hits + Runs + RBIs" */
+        text: string;
+        /** ISO date string */
+        date: string;
+        selections: IHotPropsSelection[];
+    }
+    export type IBetsResponse = {
+        entities: {
+            teams: Record<string, ITeam>;
+        };
+        /** Featured bets (may not always be present) */
+        featured?: IHotProps[];
+    } & Partial<BetLiveEvent>;
+    export interface IBetLeg {
+        id: string;
+        marketId?: string;
+        marketSelectionId?: string;
+        marketType?: string;
+        /** "PENDING", "WIN", etc. */
+        status: string;
+        /** "+370", "+265", etc. */
+        odds: string;
+        /** "NONE", "ODDS_BOOST" */
+        boostType?: string;
+        /** Human-readable description */
+        selectionText: string;
+        /** "list", "over", etc. */
+        type: string;
+        /** Market description */
+        marketText?: string;
+        icon?: string;
+        iconDark?: string;
+        /** Deep link URL */
+        url?: string;
+        /** "LIVE", "UPCOMING", etc. */
+        marketStatus?: string;
+        /** Point value for totals */
+        points?: string;
+        accrued?: {
+            /** Accrued goal value */
+            goal: number;
+        };
+    }
+    export interface IBetEvent {
+        /** Event name */
+        displayName: string;
+        /** Bet legs for this event */
+        legs: IBetLeg[];
+    }
+    export interface IUserBet {
+        id: string;
+        /** "STRAIGHT", "PARLAY" */
+        type: string;
+        /** "OPEN", "SETTLED" */
+        betStatus: string;
+        /** "PENDING", "WIN" */
+        outcome: string;
+        /** "NOT_SET" */
+        overrideOutcome: string;
+        /** "10", "2", etc. */
+        betAmount: string;
+        /** "171.55", "12.00", etc. */
+        payoutAmount: string;
+        /** "+1616", "+500", etc. */
+        odds: string;
+        /** ISO date string */
+        startTime: string;
+        /** ISO date string (for settled bets) */
+        closedAtTime?: string;
+        /** Events in this bet */
+        events: IBetEvent[];
+        rewardInfo: {
+            /** "NONE", "ODDS_BOOST" */
+            type: string;
+            icon?: {
+                /** URL to light mode icon */
+                light: string;
+                /** URL to dark mode icon */
+                dark: string;
+            };
+        };
+        /** Number of legs in the bet */
+        legCount: number;
+        /** Whether the bet is no action */
+        isNoAction: boolean;
+        /** "to win", "you won", etc. */
+        betDisplayStatement: string;
+    }
+    export type BetLiveEvent = {
+        /** Event ID */
+        id: string;
+        /** "football", "basketball", etc. */
+        sport: string;
+        /** ISO date string */
+        date: string;
+        /** 'pre' | 'live' | 'post' | 'in' */
+        gameState: string;
+        bets?: {
+            odds: IOdds[];
+        };
+        featured?: IHotProps[];
+    };
+    export interface IPersonalizedBetsResponse extends IBetsResponse {
+        /** Current Live event data */
+        event?: BetLiveEvent;
+        betsModule?: {
+            /** "live", etc. */
+            defaultTab: string;
+            upcoming: IUserBet[];
+            live: IUserBet[];
+            settled: IUserBet[];
+        };
+        promotion?: {
+            /** "FIRST BET RESET" */
+            title: string;
+            /** Promo description */
+            description: string;
+            /** URL to logo */
+            logo: string;
+            /** URL to QR code */
+            qrCode: string;
+            backgroundImage: string;
+        };
+        disclaimers?: {
+            /** Location-specific disclaimer */
+            location?: string;
+            /** Gambling disclaimer */
+            gambling?: string;
+        };
+    }
+    export {};
+}
+
+declare module '@maestro_io/maestro-web-sdk/modules/bets/types/BetsAnalyticsTypes' {
+    /**
+        * Valid bet types as specified in the analytics spec
+        */
+    export type BetType = 'straight' | 'parlay' | 'parlay_plus' | 'teaser' | 'boost';
+    /**
+        * Valid card types for bets module
+        */
+    export type BetCardType = '6-pack' | 'my bets > live' | 'my bets > settled' | 'my bets > upcoming' | 'hot-props' | 'promo' | 'disclaimer';
+}
+
+declare module '@maestro_io/maestro-web-sdk/modules/stats/interfaces/IStats' {
+    export interface TeamStatistic {
+        $key: string;
+        value: number;
+        displayValue: string;
+        displayName: string;
+    }
+    export interface Team {
+        id: string;
+        uid: string;
+        slug?: string;
+        location?: string;
+        name?: string;
+        abbreviation: string;
+        displayName: string;
+        shortDisplayName?: string;
+        color?: string;
+        alternateColor?: string;
+        logo?: string;
+        statistics?: TeamStatistic[];
+        homeAway?: string;
+        record?: string;
+        displayOrder?: number;
+    }
+    interface AthleteLink {
+        rel: string[];
+        href: string;
+        text: string;
+    }
+    interface AthletePosition {
+        name?: string;
+        displayName?: string;
+        abbreviation: string;
+    }
+    export interface Athlete {
+        id: string;
+        uid: string;
+        guid: string;
+        displayName: string;
+        shortName: string;
+        jersey: string;
+        headshot?: string;
+        links?: AthleteLink[];
+        position?: AthletePosition;
+        statistics?: {
+            $key: string;
+            value?: number;
+            displayValue: string;
+        }[];
+    }
+    export interface EntityMap<T> {
+        [id: string]: T;
+    }
+    export interface LeaderStatistic {
+        displayValue: string;
+        abbreviation: string;
+    }
+    interface LeaderAthlete {
+        $key: string;
+        statistics?: LeaderStatistic[];
+    }
+    interface LeaderTeam {
+        team: {
+            $key: string;
+        };
+        athlete: LeaderAthlete;
+    }
+    export interface Leader {
+        displayName: string;
+        name: string;
+        home?: LeaderTeam;
+        away?: LeaderTeam;
+    }
+    interface LineScore {
+        displayValue: string;
+    }
+    interface HeaderTeam {
+        $key: string;
+        score?: string;
+        linescores?: LineScore[];
+    }
+    export interface Header {
+        teams: HeaderTeam[];
+        linescoresHeader?: string[];
+    }
+    export interface PredictorTeam {
+        team: {
+            $key: string;
+        };
+        gameProjection: string;
+        teamChanceLoss?: string;
+    }
+    export interface Predictor {
+        header: string;
+        imageUrl: string;
+        homeTeam: PredictorTeam;
+        awayTeam: PredictorTeam;
+    }
+    export interface WinProbabilityTeam {
+        team: {
+            $key: string;
+        };
+        winPercentage: string;
+    }
+    export interface WinProbability {
+        imageUrl: string;
+        homeTeam: WinProbabilityTeam;
+        awayTeam: WinProbabilityTeam;
+    }
+    interface ActiveAthletesTeam {
+        team: {
+            $key: string;
+        };
+        athletes: {
+            $key: string;
+            statLine: string;
+        }[];
+    }
+    export interface ActiveAthletes {
+        displayText: string;
+        teams: ActiveAthletesTeam[];
+    }
+    export interface Meta {
+        gp_topic: string;
+        picker_topic: string;
+        lastUpdatedAt?: string;
+        firstPlayWallClock?: string;
+        lastPlayWallClock?: string;
+        gameState: string;
+        syncUrl?: string;
+    }
+    export interface StatsPromotion {
+        backgroundImage?: string;
+        description?: string;
+        logoPng?: string;
+        logo?: string;
+        qrCode?: string;
+        title?: string;
+    }
+    export interface DrivePlay {
+        id: string;
+        clock: {
+            displayValue: string;
+        };
+        period: {
+            number: number;
+        };
+        type: {
+            text: string;
+        };
+        text: string;
+        start: {
+            downDistanceText: string;
+        };
+    }
+    export interface Drive {
+        id: string;
+        team: {
+            $key: string;
+        };
+        description: string;
+        plays: DrivePlay[];
+    }
+    export interface StatsApiResponse {
+        entities: {
+            teams: EntityMap<Team>;
+            athletes?: EntityMap<Athlete>;
+        };
+        leaders?: Leader[];
+        header: Header;
+        predictor: Predictor;
+        winProbability?: WinProbability;
+        gameState: string;
+        activeAthletes?: ActiveAthletes;
+        meta: Meta;
+        promotion?: StatsPromotion;
+        drives?: Drive[];
+        previousGames?: {
+            displayOrder: number;
+            team: {
+                $key: string;
+            };
+            events: {
+                team: {
+                    $key: string;
+                    homeAway: string;
+                };
+                score: string;
+                gameResult: string;
+            }[];
+        }[];
+        scoringSummary?: {
+            title: string;
+            sections: {
+                title: string;
+                items: {
+                    team: {
+                        $key: string;
+                    };
+                    athlete: {
+                        $key: string;
+                    };
+                    clock: string;
+                    title: string;
+                    description: string;
+                }[];
+            }[];
+        };
+        penaltySummary?: {
+            title: string;
+            sections: {
+                title: string;
+                items: {
+                    team: {
+                        $key: string;
+                    };
+                    athlete: {
+                        $key: string;
+                    };
+                    clock: string;
+                    title: string;
+                    description: string;
+                }[];
+            }[];
+        };
+    }
+    export {};
+}
+
+declare module '@maestro_io/maestro-web-sdk/modules/stats/view/components/AthletesStatistics/AthletesStatistics' {
+    import React from 'react';
+    import { WithFocusableProps } from '@/external/spatial-navigation';
+    import './AthleteStatistics.styles.css';
+    import { LeaderStatistic } from '@/modules/stats/interfaces/IStats';
+    type Athlete = {
+        id: string;
+        displayName: string;
+        headshot: string;
+        position: string;
+        shortName: string;
+        jersey: string;
+        statistics: LeaderStatistic[];
+        minifiedStatistics?: string;
+    };
+    export type AthletesStatisticsItem = {
+        displayName?: string;
+        awayAthlete: Athlete;
+        homeAthlete: Athlete;
+    };
+    export type AthletesStatisticsProps = {
+        item: AthletesStatisticsItem;
+    };
+    const _default: {
+        new (props: (AthletesStatisticsProps & WithFocusableProps) | Readonly<AthletesStatisticsProps & WithFocusableProps>): {
+            state: import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState;
+            navigation: import("../../../../../external/spatial-navigation/spatialNavigation").default;
+            getChildContext(): {
+                parentFocusKey: string;
+            };
+            setFocus: (focusKey: string) => void;
+            navigateByDirection: (direction: import("../../../../../external/spatial-navigation/utils").Direction, details?: Record<string, any>) => void;
+            stealFocus: () => void;
+            onUpdateFocus: (focused: boolean) => void;
+            onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
+            onEnterPressHandler: (details: import("../../../../../external/spatial-navigation/utils").Details) => void;
+            onEnterReleaseHandler: () => void;
+            onBackPressHandler: (details: import("../../../../../external/spatial-navigation/utils").Details) => void;
+            onArrowPressHandler: (direction: import("../../../../../external/spatial-navigation/utils").Direction, details: import("../../../../../external/spatial-navigation/utils").Details) => boolean | void;
+            onBecameFocusedHandler: (layout: import("../../../../../external/spatial-navigation/utils").Layout, details: import("../../../../../external/spatial-navigation/utils").Details) => void;
+            onBecameBlurredHandler: (layout: import("../../../../../external/spatial-navigation/utils").Layout, details: import("../../../../../external/spatial-navigation/utils").Details) => void;
+            componentDidMount(): void;
+            componentDidUpdate(): void;
+            componentWillUnmount(): void;
+            render(): React.ReactElement<AthletesStatisticsProps & WithFocusableProps, string | React.JSXElementConstructor<any>>;
+            context: any;
+            setState<K extends keyof import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>(state: import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState | ((prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, props: Readonly<AthletesStatisticsProps & WithFocusableProps>) => import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState | Pick<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null) | Pick<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null, callback?: (() => void) | undefined): void;
+            forceUpdate(callback?: (() => void) | undefined): void;
+            readonly props: Readonly<AthletesStatisticsProps & WithFocusableProps> & Readonly<{
+                children?: React.ReactNode;
+            }>;
+            refs: {
+                [key: string]: React.ReactInstance;
+            };
+            shouldComponentUpdate?(nextProps: Readonly<AthletesStatisticsProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+            componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<AthletesStatisticsProps & WithFocusableProps>, prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
+            componentWillMount?(): void;
+            UNSAFE_componentWillMount?(): void;
+            componentWillReceiveProps?(nextProps: Readonly<AthletesStatisticsProps & WithFocusableProps>, nextContext: any): void;
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<AthletesStatisticsProps & WithFocusableProps>, nextContext: any): void;
+            componentWillUpdate?(nextProps: Readonly<AthletesStatisticsProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<AthletesStatisticsProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        };
+        new (props: AthletesStatisticsProps & WithFocusableProps, context: any): {
+            state: import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState;
+            navigation: import("../../../../../external/spatial-navigation/spatialNavigation").default;
+            getChildContext(): {
+                parentFocusKey: string;
+            };
+            setFocus: (focusKey: string) => void;
+            navigateByDirection: (direction: import("../../../../../external/spatial-navigation/utils").Direction, details?: Record<string, any>) => void;
+            stealFocus: () => void;
+            onUpdateFocus: (focused: boolean) => void;
+            onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
+            onEnterPressHandler: (details: import("../../../../../external/spatial-navigation/utils").Details) => void;
+            onEnterReleaseHandler: () => void;
+            onBackPressHandler: (details: import("../../../../../external/spatial-navigation/utils").Details) => void;
+            onArrowPressHandler: (direction: import("../../../../../external/spatial-navigation/utils").Direction, details: import("../../../../../external/spatial-navigation/utils").Details) => boolean | void;
+            onBecameFocusedHandler: (layout: import("../../../../../external/spatial-navigation/utils").Layout, details: import("../../../../../external/spatial-navigation/utils").Details) => void;
+            onBecameBlurredHandler: (layout: import("../../../../../external/spatial-navigation/utils").Layout, details: import("../../../../../external/spatial-navigation/utils").Details) => void;
+            componentDidMount(): void;
+            componentDidUpdate(): void;
+            componentWillUnmount(): void;
+            render(): React.ReactElement<AthletesStatisticsProps & WithFocusableProps, string | React.JSXElementConstructor<any>>;
+            context: any;
+            setState<K extends keyof import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>(state: import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState | ((prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, props: Readonly<AthletesStatisticsProps & WithFocusableProps>) => import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState | Pick<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null) | Pick<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null, callback?: (() => void) | undefined): void;
+            forceUpdate(callback?: (() => void) | undefined): void;
+            readonly props: Readonly<AthletesStatisticsProps & WithFocusableProps> & Readonly<{
+                children?: React.ReactNode;
+            }>;
+            refs: {
+                [key: string]: React.ReactInstance;
+            };
+            shouldComponentUpdate?(nextProps: Readonly<AthletesStatisticsProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+            componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<AthletesStatisticsProps & WithFocusableProps>, prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
+            componentWillMount?(): void;
+            UNSAFE_componentWillMount?(): void;
+            componentWillReceiveProps?(nextProps: Readonly<AthletesStatisticsProps & WithFocusableProps>, nextContext: any): void;
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<AthletesStatisticsProps & WithFocusableProps>, nextContext: any): void;
+            componentWillUpdate?(nextProps: Readonly<AthletesStatisticsProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<AthletesStatisticsProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        };
+        contextTypes: {
+            parentFocusKey: import("prop-types").Requireable<string>;
+        };
+        childContextTypes: {
+            parentFocusKey: import("prop-types").Requireable<string>;
+        };
+        contextType?: React.Context<any> | undefined;
+    };
+    export default _default;
+}
+