@maestro_io/maestro-web-sdk 5.0.0 → 5.1.0

package/dist/index.d.ts

@@ -3,31 +3,21 @@
 //   ../../../@/services/AnalyticsService/types
 //   ../../../@/models/IPanel
 //   ../../../@/external/spatial-navigation/spatialNavigation
-//   ../../../@/modules/fantasy/view-model/FantasyViewModel
-//   ../../../@/modules/shop/view-model/ShopViewModel
+//   ../../../@/services/AnalyticsService/AnalyticsService
+//   ../../../@/modules/espn/fantasy/types
+//   ../../../@/modules/espn/shop/types
+//   ../../../@/modules/maestro/builder/view-model/BuilderPanelViewModel
 //   ../../../@/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, SDKEventConfigParams, SDKStopEventParams } 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 IMaestroKeyPlaysResponse from '@maestro_io/maestro-web-sdk/modules/espn/key-plays/interfaces/IKeyPlaysResponse';
     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, SDKEventConfigParams, SDKStopEventParams, };
     export { IUserSettings, DEFAULT_USER_SETTINGS, } from '@maestro_io/maestro-web-sdk/interfaces/IUserSettings';
@@ -227,7 +217,7 @@ declare module '@maestro_io/maestro-web-sdk/interfaces/IMaestroManager' {
 
 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 IMaestroKeyPlaysResponse from '@maestro_io/maestro-web-sdk/modules/espn/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.
@@ -327,7 +317,6 @@ declare module '@maestro_io/maestro-web-sdk/interfaces/IMaestroEvent' {
                 * })
                 */
             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
@@ -335,87 +324,99 @@ declare module '@maestro_io/maestro-web-sdk/interfaces/IMaestroEvent' {
                 */
             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 IMaestroEvent 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 IMaestroKeyPlaysResponse from '@maestro_io/maestro-web-sdk/modules/espn/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';
+    import AnalyticsService from '@/services/AnalyticsService/AnalyticsService';
+    import { IKeyPlaysViewModel } from '@maestro_io/maestro-web-sdk/modules/espn/key-plays/interfaces/IKeyPlaysViewModel';
+    import { IBetsViewModel } from '@maestro_io/maestro-web-sdk/modules/espn/bets/interfaces/IBetsViewModel';
+    import { IStatsViewModel } from '@maestro_io/maestro-web-sdk/modules/espn/stats/interfaces/IStatsViewModel';
+    import { IFantasyViewModel } from '@/modules/espn/fantasy/types';
+    import { IShopViewModel } from '@/modules/espn/shop/types';
+    import { BuilderPanelViewModel } from '@/modules/maestro/builder/view-model/BuilderPanelViewModel';
     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, pageId: 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;
+            delegate: IMaestroEventDelegate;
+            keyPlaysViewModel: IKeyPlaysViewModel | null;
+            fantasyViewModel: IFantasyViewModel | null;
+            betsViewModel: IBetsViewModel | null;
+            statsViewModel: IStatsViewModel | null;
+            shopViewModel: IShopViewModel | null;
+            builderPanelViewModel: BuilderPanelViewModel | null;
+            panelManagerViewModel: PanelManagerViewModel;
+            navigation: SpatialNavigation;
+            constructor(eventId: string | undefined, pageId: string | undefined, delegate: IMaestroEventDelegate, analyticsService: AnalyticsService);
+            /**
+                * Initializes view models for enabled panels using dynamic imports (code splitting).
+                *
+                * This method lazily loads view model modules based on the page configuration,
+                * reducing initial bundle size by only loading modules for panels that are enabled.
+                *
+                * @remarks
+                * - Must be called after SDK configuration and before interacting with any view models
+                * - Typically invoked during `userDidStartWatchingEvent()` flow
+                * - Each view model is loaded in parallel for optimal performance
+                *
+                * @remarks Error Handling
+                * - Individual view model loading failures are caught and logged as warnings
+                * - Failed view models remain `null`, allowing other panels to function normally
+                * - The method resolves successfully even if some view models fail to load
+                * - Callers should check for `null` before using any view model property
+                *
+                * @example
+                * ```typescript
+                * await maestroEventViewModel.initViewModels();
+                * // Check if view model loaded before use
+                * if (maestroEventViewModel.betsViewModel) {
+                *   maestroEventViewModel.betsViewModel.startPolling();
+                * }
+                * ```
+                *
+                * @returns Promise that resolves when all view model loading attempts complete
+                */
+            initViewModels(): Promise<void>;
+            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>;
+            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);
+            /**
+                * 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' {
+declare module '@maestro_io/maestro-web-sdk/modules/espn/key-plays/interfaces/IKeyPlaysResponse' {
     type TeamId = string;
     type AthleteId = string;
     export default interface IMaestroKeyPlaysResponse {
@@ -536,6 +537,7 @@ declare module '@maestro_io/maestro-web-sdk/services/StaticService/types' {
                             version: string;
                             id: string;
                     };
+                    slug: string;
             };
             theme?: ITheme | null;
     }
@@ -544,12 +546,16 @@ declare module '@maestro_io/maestro-web-sdk/services/StaticService/types' {
 
 declare module '@maestro_io/maestro-web-sdk/models/IPanel' {
     export const MaestroPanelType: {
-        readonly KEY_PLAYS: "espnKeyPlays";
-        readonly STATS: "espnStats";
-        readonly BETS: "espnBet";
-        readonly FANTASY: "espnFantasy";
-        readonly SHOP: "espnShop";
+        readonly ESPN_KEY_PLAYS: "espnKeyPlays";
+        readonly ESPN_STATS: "espnStats";
+        readonly ESPN_BETS: "espnBet";
+        readonly ESPN_FANTASY: "espnFantasy";
+        readonly ESPN_SHOP: "espnShop";
         readonly HELLO_WORLD: "helloWorld";
+        readonly FOX_KEY_PLAYS: "foxKeyPlays";
+        readonly FOX_MULTI_VIEW: "foxMultiview";
+        readonly FOX_STATS: "foxStats";
+        readonly BUILDER_BLOCK_PANEL: "builderBlockPanel";
     };
     export type MaestroPanelType = typeof MaestroPanelType[keyof typeof MaestroPanelType];
     export interface PanelTypeInfo {
@@ -560,96 +566,6 @@ declare module '@maestro_io/maestro-web-sdk/models/IPanel' {
     }
 }
 
-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
@@ -790,373 +706,6 @@ declare module '@maestro_io/maestro-web-sdk/view-models/ViewModel' {
     }
 }
 
-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';
@@ -1187,7 +736,45 @@ declare module '@maestro_io/maestro-web-sdk/view-models/PanelManagerViewModel' {
     }
 }
 
-declare module '@maestro_io/maestro-web-sdk/modules/key-plays/interfaces/IKeyPlays' {
+declare module '@maestro_io/maestro-web-sdk/modules/espn/key-plays/interfaces/IKeyPlaysViewModel' {
+    import { Observable } from '@/helpers/Observable';
+    import IKeyPlay, { KeyPlaysErrorState, KeyPlayLoadFailureStatus } from '@maestro_io/maestro-web-sdk/modules/espn/key-plays/interfaces/IKeyPlays';
+    import IMaestroKeyPlaysResponse from '@maestro_io/maestro-web-sdk/modules/espn/key-plays/interfaces/IKeyPlaysResponse';
+    export interface IKeyPlaysViewModel {
+        currentlyPlayingClipIndex: Observable<number | null>;
+        lastPlayedClipIndex: Observable<number | null>;
+        currentClipPlaybackProgress: Observable<number | null>;
+        errorState: Observable<KeyPlaysErrorState | null>;
+        failedClips: Observable<{
+            [key: string]: KeyPlayLoadFailureStatus;
+        }>;
+        allItems: IKeyPlay[];
+        onUpdatePlayerTimeCode(playerTimeCode: number | null): void;
+        setKeyPlays(items: IMaestroKeyPlaysResponse | null, playerTimeCode: number | null): Promise<void>;
+        handleKeyPlayLoadFailure(forKeyPlayAtIndex: number): void;
+        clearLoadFailureStatus(forKeyPlayAtIndex: number): void;
+    }
+}
+
+declare module '@maestro_io/maestro-web-sdk/modules/espn/bets/interfaces/IBetsViewModel' {
+    import { BetCardType, BetType } from '@maestro_io/maestro-web-sdk/modules/espn/bets/types/BetsAnalyticsTypes';
+    export interface IBetsViewModel {
+        cleanup(): void;
+        trackCardClick(cardType: BetCardType, betType?: BetType): void;
+    }
+}
+
+declare module '@maestro_io/maestro-web-sdk/modules/espn/stats/interfaces/IStatsViewModel' {
+    import { Observable } from '@/helpers/Observable';
+    export interface IStatsViewModel {
+        currentGameState: Observable<string>;
+        onUpdatePlayerTimeCode(playerTimeCode: number | null): void;
+        cleanup(): void;
+        setDataToPanel(data: Record<string, any>): void;
+    }
+}
+
+declare module '@maestro_io/maestro-web-sdk/modules/espn/key-plays/interfaces/IKeyPlays' {
     export default interface IKeyPlay {
         id: string;
         description: string;
@@ -1222,202 +809,7 @@ declare module '@maestro_io/maestro-web-sdk/modules/key-plays/interfaces/IKeyPla
     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' {
+declare module '@maestro_io/maestro-web-sdk/modules/espn/bets/types/BetsAnalyticsTypes' {
     /**
         * Valid bet types as specified in the analytics spec
         */
@@ -1428,347 +820,3 @@ declare module '@maestro_io/maestro-web-sdk/modules/bets/types/BetsAnalyticsType
     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;
-}
-