@maestro_io/maestro-web-sdk 2.1.2 → 2.1.3

package/dist/modules/bets/view/HotProps/HotPropsView.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="prop-types" />
 import React from 'react';
 import { WithFocusableProps } from '@/external/spatial-navigation';
-import { Details, Direction, Layout } from '@/external/spatial-navigation/utils';
+import { Direction, Layout } from '@/external/spatial-navigation/utils';
 import './HotPropsView.css';
 import { HotPropsBetItem } from '../../view-model/BetsViewModel';
 type HotPropsViewProps = {
@@ -11,6 +11,7 @@ type HotPropsViewProps = {
 declare const _default: {
     new (props?: (HotPropsViewProps & WithFocusableProps) | undefined, context?: any): {
         state: import("../../../../external/spatial-navigation/withFocusable").WithFocusableState;
+        navigation: import("../../../../external/spatial-navigation/spatialNavigation").default;
         getChildContext(): {
             parentFocusKey: string;
         };
@@ -19,12 +20,12 @@ declare const _default: {
         stealFocus: () => void;
         onUpdateFocus: (focused: boolean) => void;
         onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
-        onEnterPressHandler: (details: Details) => void;
+        onEnterPressHandler: (details: import("@/external/spatial-navigation/utils").Details) => void;
         onEnterReleaseHandler: () => void;
-        onBackPressHandler: (details: Details) => void;
-        onArrowPressHandler: (direction: Direction, details: Details) => boolean | void;
-        onBecameFocusedHandler: (layout: Layout, details: Details) => void;
-        onBecameBlurredHandler: (layout: Layout, details: Details) => void;
+        onBackPressHandler: (details: import("@/external/spatial-navigation/utils").Details) => void;
+        onArrowPressHandler: (direction: Direction, details: import("@/external/spatial-navigation/utils").Details) => boolean | void;
+        onBecameFocusedHandler: (layout: Layout, details: import("@/external/spatial-navigation/utils").Details) => void;
+        onBecameBlurredHandler: (layout: Layout, details: import("@/external/spatial-navigation/utils").Details) => void;
         componentDidMount(): void;
         componentDidUpdate(): void;
         componentWillUnmount(): void;

package/dist/modules/bets/view/HotProps/HotPropsView.js

@@ -1,12 +1,12 @@
 import React from 'react';
-import { withFocusable, setFocus, } from '@/external/spatial-navigation';
+import { withFocusable, } from '@/external/spatial-navigation';
 import Bet from '../components/Bet/Bet';
 import BetsCard from '../components/BetsCard/BetsCard';
 import Icon from '@/components/atoms/SvgIcon/Icon';
 import { DEFAULT_SCROLLABLE_CONTAINER_CONTEXT, SCROLLABLE_CONTEXT_TYPE, } from '@/components/core/ScrollableContainer/ScrollableContainer';
 import './HotPropsView.css';
 import BetsCardHeader from '../components/BetsCard/BetsCardHeader';
-import deliverFocus from '@/helpers/deliver-focus';
+import SDK from '@/index';
 const BETS_MIN_VISIBLE = 4;
 class HotPropsView extends React.Component {
     constructor() {
@@ -17,7 +17,7 @@ class HotPropsView extends React.Component {
             configurable: true,
             writable: true,
             value: (index) => {
-                setFocus(this.getBetFocusKey(index));
+                SDK.getMaestroEventViewModel().navigation.setFocus(this.getBetFocusKey(index));
             }
         });
         // Helper function to focus back to the card
@@ -26,7 +26,7 @@ class HotPropsView extends React.Component {
             configurable: true,
             writable: true,
             value: () => {
-                setFocus(this.getCardFocusKey());
+                SDK.getMaestroEventViewModel().navigation.setFocus(this.getCardFocusKey());
             }
         });
         // Helper function to get the total number of bets
@@ -43,7 +43,7 @@ class HotPropsView extends React.Component {
             configurable: true,
             writable: true,
             value: () => {
-                setFocus(this.getBetFocusKey(0));
+                SDK.getMaestroEventViewModel().navigation.setFocus(this.getBetFocusKey(0));
             }
         });
         Object.defineProperty(this, "context", {
@@ -72,9 +72,9 @@ class HotPropsView extends React.Component {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: (index) => (direction, _props, details) => {
-                if (direction === 'left' && details.layout) {
-                    deliverFocus(details.layout.node.firstElementChild);
+            value: (index) => (direction, _props) => {
+                if (direction === 'left') {
+                    SDK.getMaestroEventViewModel().deliverFocus();
                 }
                 if (index === 0 && direction === 'up') {
                     // If the first bet is focused and up arrow is pressed, focus the card itself
@@ -87,9 +87,9 @@ class HotPropsView extends React.Component {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: (d, _props, details) => {
-                if (d === 'left' && details.layout) {
-                    deliverFocus(details.layout.node.firstElementChild);
+            value: (d, _props) => {
+                if (d === 'left') {
+                    SDK.getMaestroEventViewModel().deliverFocus();
                 }
             }
         });

package/dist/modules/bets/view/SixPack/SixPackView.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import './SixPackView.style.css';
 import { WithFocusableProps } from '@/external/spatial-navigation';
-import { Details, Direction, Layout } from '@/external/spatial-navigation/utils';
+import { Direction, Layout } from '@/external/spatial-navigation/utils';
 import { SixPackBetItem } from '../../view-model/BetsViewModel';
 type Props = WithFocusableProps & {
     item: SixPackBetItem;
@@ -14,7 +14,7 @@ export default class FocusableSixPackViewWrapper extends React.Component<Props>
     };
     context: import("@/components/core/ScrollableContainer/ScrollableContainer").ScrollableContainerContextType;
     onBecameFocused: (layout: Layout) => void;
-    onArrowPress: (d: Direction, _props: any, details: Details) => void;
+    onArrowPress: (d: Direction, _props: any) => void;
     render(): React.JSX.Element;
 }
 export {};

package/dist/modules/bets/view/SixPack/SixPackView.js

@@ -3,7 +3,7 @@ import './SixPackView.style.css';
 import { withFocusable, } from '@/external/spatial-navigation';
 import FocusableItem from '@/components/core/ScrollableContainer/FocusableItem';
 import { DEFAULT_SCROLLABLE_CONTAINER_CONTEXT, SCROLLABLE_CONTEXT_TYPE, } from '@/components/core/ScrollableContainer/ScrollableContainer';
-import deliverFocus from '@/helpers/deliver-focus';
+import SDK from '@/index';
 class SixPackView extends React.Component {
     get columnOrder() {
         switch (this.props.item.data.sport) {
@@ -84,9 +84,9 @@ export default class FocusableSixPackViewWrapper extends React.Component {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: (d, _props, details) => {
-                if (d === 'left' && details.layout) {
-                    deliverFocus(details.layout.node.firstElementChild);
+            value: (d, _props) => {
+                if (d === 'left') {
+                    SDK.getMaestroEventViewModel().deliverFocus();
                 }
             }
         });

package/dist/modules/bets/view/TabLoadFailureView.d.ts

@@ -4,6 +4,7 @@ import { WithFocusableProps } from '@/external/spatial-navigation';
 declare const _default: {
     new (props?: (object & WithFocusableProps) | undefined, context?: any): {
         state: import("../../../external/spatial-navigation/withFocusable").WithFocusableState;
+        navigation: import("../../../external/spatial-navigation/spatialNavigation").default;
         getChildContext(): {
             parentFocusKey: string;
         };

package/dist/modules/bets/view/UserBets/BetsCard/BetsCard.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="prop-types" />
 import React from 'react';
 import { WithFocusableProps } from '@/external/spatial-navigation';
-import { Details, Direction, Layout } from '@/external/spatial-navigation/utils';
+import { Direction, Layout } from '@/external/spatial-navigation/utils';
 import { IUserBet } from '@/modules/bets/interfaces/IBets';
 export declare const EVENTS_COUNT_THRESHOLD = 3;
 export type BaseBetCardProps = {
@@ -11,6 +11,7 @@ export type BaseBetCardProps = {
 declare const _default: {
     new (props?: (BaseBetCardProps & WithFocusableProps) | undefined, context?: any): {
         state: import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState;
+        navigation: import("../../../../../external/spatial-navigation/spatialNavigation").default;
         getChildContext(): {
             parentFocusKey: string;
         };
@@ -19,12 +20,12 @@ declare const _default: {
         stealFocus: () => void;
         onUpdateFocus: (focused: boolean) => void;
         onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
-        onEnterPressHandler: (details: Details) => void;
+        onEnterPressHandler: (details: import("@/external/spatial-navigation/utils").Details) => void;
         onEnterReleaseHandler: () => void;
-        onBackPressHandler: (details: Details) => void;
-        onArrowPressHandler: (direction: Direction, details: Details) => boolean | void;
-        onBecameFocusedHandler: (layout: Layout, details: Details) => void;
-        onBecameBlurredHandler: (layout: Layout, details: Details) => void;
+        onBackPressHandler: (details: import("@/external/spatial-navigation/utils").Details) => void;
+        onArrowPressHandler: (direction: Direction, details: import("@/external/spatial-navigation/utils").Details) => boolean | void;
+        onBecameFocusedHandler: (layout: Layout, details: import("@/external/spatial-navigation/utils").Details) => void;
+        onBecameBlurredHandler: (layout: Layout, details: import("@/external/spatial-navigation/utils").Details) => void;
         componentDidMount(): void;
         componentDidUpdate(): void;
         componentWillUnmount(): void;

package/dist/modules/bets/view/UserBets/BetsCard/BetsCard.js

@@ -1,11 +1,11 @@
 import React from 'react';
-import { setFocus, withFocusable, } from '@/external/spatial-navigation';
+import { withFocusable, } from '@/external/spatial-navigation';
 import BetsCard from '../../components/BetsCard/BetsCard';
 import BetsCardHeader from '../../components/BetsCard/BetsCardHeader';
 import BetsCardFooter from './BetsCardFooter';
 import BetsCardEvent from './BetsCardEvent';
 import { DEFAULT_SCROLLABLE_CONTAINER_CONTEXT, SCROLLABLE_CONTEXT_TYPE, } from '@/components/core/ScrollableContainer/ScrollableContainer';
-import deliverFocus from '@/helpers/deliver-focus';
+import SDK from '@/index';
 export const EVENTS_COUNT_THRESHOLD = 3;
 class UserBetsCard extends React.Component {
     constructor() {
@@ -26,7 +26,7 @@ class UserBetsCard extends React.Component {
                 }
                 if (!this.props.hasFocusedChild) {
                     // Set focus on the first bet of the first event
-                    setFocus(`sdk-bets-card-${this.betType}-bet-${this.props.bet.id}-0-0`);
+                    SDK.getMaestroEventViewModel().navigation.setFocus(`sdk-bets-card-${this.betType}-bet-${this.props.bet.id}-0-0`);
                 }
             }
         });
@@ -36,22 +36,22 @@ class UserBetsCard extends React.Component {
             writable: true,
             value: () => {
                 // Focus the card itself
-                setFocus(`${this.focusKeyPrefix}-${this.props.bet.id}`);
+                SDK.getMaestroEventViewModel().navigation.setFocus(`${this.focusKeyPrefix}-${this.props.bet.id}`);
             }
         });
         Object.defineProperty(this, "handleBetArrowPress", {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: (eventIndex, legIndex) => (d, _props, details) => {
+            value: (eventIndex, legIndex) => (d, _props) => {
                 if (d === 'up' && legIndex === 0 && eventIndex === 0) {
                     // If the first leg of the first event is focused and up arrow is pressed,
                     this.focusCard();
                     // Return false to prevent further propagation
                     return false;
                 }
-                if (d === 'left' && details.layout) {
-                    deliverFocus(details.layout.node.firstElementChild);
+                if (d === 'left') {
+                    SDK.getMaestroEventViewModel().deliverFocus();
                 }
             }
         });
@@ -59,9 +59,9 @@ class UserBetsCard extends React.Component {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: (d, _props, details) => {
-                if (d === 'left' && details.layout) {
-                    deliverFocus(details.layout.node.firstElementChild);
+            value: (d, _props) => {
+                if (d === 'left') {
+                    SDK.getMaestroEventViewModel().deliverFocus();
                 }
             }
         });

package/dist/modules/bets/view/components/Bet/Bet.d.ts

@@ -8,6 +8,7 @@ declare const _default: {
         leg: IBetLeg;
     } & WithFocusableProps) | undefined, context?: any): {
         state: import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState;
+        navigation: import("../../../../../external/spatial-navigation/spatialNavigation").default;
         getChildContext(): {
             parentFocusKey: string;
         };

package/dist/modules/bets/view/components/PromoCodeBanner/PromoCodeBanner.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import './PromoCodeBanner.styles.css';
 import { WithFocusableProps } from '@/external/spatial-navigation';
-import { Details, Direction, Layout } from '@/external/spatial-navigation/utils';
+import { Direction, Layout } from '@/external/spatial-navigation/utils';
 export interface PromoCodeBannerProps extends WithFocusableProps {
     title: string;
     description: string;
@@ -17,6 +17,6 @@ export default class FocusablePromoCodeBannerWrapper extends React.Component<Pro
     };
     context: import("@/components/core/ScrollableContainer/ScrollableContainer").ScrollableContainerContextType;
     onBecameFocused: (layout: Layout) => void;
-    onArrowPress: (d: Direction, _props: any, details: Details) => void;
+    onArrowPress: (d: Direction, _props: any) => void;
     render(): React.JSX.Element;
 }

package/dist/modules/bets/view/components/PromoCodeBanner/PromoCodeBanner.js

@@ -3,7 +3,7 @@ import './PromoCodeBanner.styles.css';
 import { withFocusable, } from '@/external/spatial-navigation';
 import FocusableItem from '@/components/core/ScrollableContainer/FocusableItem';
 import { DEFAULT_SCROLLABLE_CONTAINER_CONTEXT, SCROLLABLE_CONTEXT_TYPE, } from '@/components/core/ScrollableContainer/ScrollableContainer';
-import deliverFocus from '@/helpers/deliver-focus';
+import SDK from '@/index';
 const ESPN_BET_BACKGROUND_FALLBACK = 'https://www.espn.com/redesign/assets/img/ictv/bkg_qr_bet.jpg';
 class PromoCodeBanner extends React.Component {
     render() {
@@ -44,9 +44,9 @@ export default class FocusablePromoCodeBannerWrapper extends React.Component {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: (d, _props, details) => {
-                if (d === 'left' && details.layout) {
-                    deliverFocus(details.layout.node.firstElementChild);
+            value: (d, _props) => {
+                if (d === 'left') {
+                    SDK.getMaestroEventViewModel().deliverFocus();
                 }
             }
         });

package/dist/modules/bets/view-model/BetsViewModel.js

@@ -3,7 +3,7 @@ import BetsService from '../../../services/BetsService';
 // Import ViewModel with correct path
 import { ViewModel } from '../../../view-models/ViewModel';
 import { MOCK_BETS_API_RESPONSE } from '../mocks';
-import { setFocus } from '@/external/spatial-navigation';
+import SDK from '@/index';
 // The interval for polling bet data (in milliseconds)
 const DEFAULT_POLLING_INTERVAL = 30000; // 30 seconds
 const BET_ITEM_TYPE = {
@@ -747,7 +747,7 @@ export class BetsViewModel extends ViewModel {
     }
     clearTabLoadFailure() {
         this.errorState.value = 'none';
-        setFocus('PANEL_NAV_BUTTON_1');
+        SDK.getMaestroEventViewModel().navigation.setFocus('PANEL_NAV_BUTTON_1');
         setTimeout(async () => {
             await this.fetchNewData();
         }, 100);

package/dist/modules/key-plays/view/KeyPlayCardView.d.ts

@@ -7,14 +7,12 @@ type KeyPlayCardViewProps = IKeyPlay & {
     isPlaying: boolean;
     playbackProgress: number | null;
     isScoring: boolean;
-    setRef: (ref: HTMLDivElement | null) => void;
 };
 type KeyPlaysCardViewState = {
     failedClip: KeyPlayLoadFailureStatus | null;
 };
 export declare class KeyPlayCardView extends React.Component<KeyPlayCardViewProps & WithFocusableProps, KeyPlaysCardViewState> {
     private failedClipListener;
-    private ref;
     private vm;
     state: {
         failedClip: null;
@@ -26,14 +24,12 @@ export declare class KeyPlayCardView extends React.Component<KeyPlayCardViewProp
     render(): React.JSX.Element;
 }
 export default class KeyPlayCard extends React.Component<Omit<KeyPlayCardViewProps, 'setRef'> & WithFocusableProps> {
-    private ref;
     context: import("@/components/core/ScrollableContainer/ScrollableContainer").ScrollableContainerContextType;
     static contextTypes: {
         refsMap: React.Requireable<any>;
         setRef: React.Requireable<any>;
         scrollToFocusedElement: React.Requireable<any>;
     };
-    setRef: (ref: HTMLDivElement | null) => void;
     handleLeftPressed: (d: Direction) => void;
     onBecameFocused: (layout: Layout) => void;
     render(): React.JSX.Element;

package/dist/modules/key-plays/view/KeyPlayCardView.js

@@ -6,7 +6,6 @@ import Icon from '@/components/atoms/SvgIcon';
 import React from 'react';
 import { withFocusable, } from '@/external/spatial-navigation';
 import ScoreCard from './KeyPlayCardScoreTagView';
-import deliverFocus from '@/helpers/deliver-focus';
 import FocusableItem from '@/components/core/ScrollableContainer/FocusableItem';
 import { DEFAULT_SCROLLABLE_CONTAINER_CONTEXT, SCROLLABLE_CONTEXT_TYPE, } from '@/components/core/ScrollableContainer/ScrollableContainer';
 export class KeyPlayCardView extends React.Component {
@@ -18,12 +17,6 @@ export class KeyPlayCardView extends React.Component {
             writable: true,
             value: () => { }
         });
-        Object.defineProperty(this, "ref", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: null
-        });
         Object.defineProperty(this, "vm", {
             enumerable: true,
             configurable: true,
@@ -62,7 +55,6 @@ export class KeyPlayCardView extends React.Component {
         this.failedClipListener = this.vm.failedClips.subscribe((failedClips) => {
             this.setState({ failedClip: failedClips[this.props.clipID] });
         });
-        this.props.setRef(this.ref);
     }
     componentWillUnmount() {
         if (this.failedClipListener) {
@@ -72,7 +64,7 @@ export class KeyPlayCardView extends React.Component {
     render() {
         const { clipID, description, isPlaying, playbackProgress, isScoring, focused, awayTeamScore, homeTeamScore, homeTeamName, awayTeamName, } = this.props;
         const { failedClip } = this.state;
-        return (React.createElement("div", { className: "key-play-card focus-ring", id: clipID, "data-focused": focused, ref: (ref) => (this.ref = ref) },
+        return (React.createElement("div", { className: "key-play-card focus-ring", id: clipID, "data-focused": focused },
             React.createElement("div", { className: "key-play-card-content" },
                 this.renderImage(),
                 React.createElement("div", { className: "text-content T05_ALT" },
@@ -90,33 +82,19 @@ const FocusableKeyPlayCard = withFocusable()(KeyPlayCardView);
 export default class KeyPlayCard extends React.Component {
     constructor() {
         super(...arguments);
-        Object.defineProperty(this, "ref", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: null
-        });
         Object.defineProperty(this, "context", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: DEFAULT_SCROLLABLE_CONTAINER_CONTEXT
         });
-        Object.defineProperty(this, "setRef", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (ref) => {
-                this.ref = ref;
-            }
-        });
         Object.defineProperty(this, "handleLeftPressed", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: (d) => {
-                if (d === 'left' && this.ref) {
-                    deliverFocus(this.ref);
+                if (d === 'left') {
+                    SDK.getMaestroEventViewModel().deliverFocus();
                 }
             }
         });
@@ -131,7 +109,7 @@ export default class KeyPlayCard extends React.Component {
     }
     render() {
         return (React.createElement(FocusableItem, null,
-            React.createElement(FocusableKeyPlayCard, { ...this.props, setRef: this.setRef, onArrowPress: this.handleLeftPressed, onBecameFocused: this.onBecameFocused })));
+            React.createElement(FocusableKeyPlayCard, { ...this.props, onArrowPress: this.handleLeftPressed, onBecameFocused: this.onBecameFocused })));
     }
 }
 Object.defineProperty(KeyPlayCard, "contextTypes", {

package/dist/modules/key-plays/view/KeyPlaysView.js

@@ -3,7 +3,6 @@ import KeyPlayCardView from './KeyPlayCardView';
 import './KeyPlaysView.styles.css';
 import KeyPlayErrorStateView from './KeyPlayErrorStateView';
 import SDK from '@/index';
-import { setFocus } from '@/external/spatial-navigation';
 import ScrollableContainer from '@/components/core/ScrollableContainer';
 const STICKY_HEADER_HEIGHT = 32;
 export class KeyPlays extends Component {
@@ -143,7 +142,7 @@ export default class KeyPlaysWithErrorState extends Component {
             writable: true,
             value: async () => {
                 await this.vm.userRequestedNewKeyPlaysData();
-                setFocus('PANEL_NAV_BUTTON_0');
+                SDK.getMaestroEventViewModel().navigation.setFocus('PANEL_NAV_BUTTON_0');
             }
         });
         this.vm = SDK.getMaestroEventViewModel().keyPlaysViewModel;

package/dist/modules/stats/interfaces/IStats.d.ts

@@ -40,7 +40,7 @@ export interface Athlete {
     jersey: string;
     headshot: string;
     links: AthleteLink[];
-    position: AthletePosition;
+    position?: AthletePosition;
     statistics?: {
         $key: string;
         value?: number;
@@ -50,7 +50,7 @@ export interface Athlete {
 export interface EntityMap<T> {
     [id: string]: T;
 }
-interface LeaderStatistic {
+export interface LeaderStatistic {
     displayValue: string;
     abbreviation: string;
 }
@@ -110,7 +110,10 @@ interface ActiveAthletesTeam {
     team: {
         $key: string;
     };
-    athletes: unknown[];
+    athletes: {
+        $key: string;
+        statLine: string;
+    }[];
 }
 export interface ActiveAthletes {
     displayText: string;

package/dist/modules/stats/mocks.d.ts

@@ -1,2 +1,82 @@
 import { StatsApiResponse } from './interfaces/IStats';
 export declare const MOCK_STATS_API_PRE_GAME_RESPONSE: StatsApiResponse;
+export declare const mockTeamWithStatistics: {
+    id: string;
+    uid: string;
+    abbreviation: string;
+    displayName: string;
+    color: string;
+    logo: string;
+    homeAway: string;
+    statistics: {
+        $key: string;
+        value: number;
+        displayValue: string;
+        displayName: string;
+    }[];
+};
+export declare const mockAwayTeamWithStatistics: {
+    id: string;
+    uid: string;
+    abbreviation: string;
+    displayName: string;
+    color: string;
+    logo: string;
+    homeAway: string;
+    statistics: {
+        $key: string;
+        value: number;
+        displayValue: string;
+        displayName: string;
+    }[];
+};
+export declare const mockStatsResponseWithTeamStats: {
+    entities: {
+        teams: {
+            '12': {
+                id: string;
+                uid: string;
+                abbreviation: string;
+                displayName: string;
+                color: string;
+                logo: string;
+                homeAway: string;
+                statistics: {
+                    $key: string;
+                    value: number;
+                    displayValue: string;
+                    displayName: string;
+                }[];
+            };
+            '21': {
+                id: string;
+                uid: string;
+                abbreviation: string;
+                displayName: string;
+                color: string;
+                logo: string;
+                homeAway: string;
+                statistics: {
+                    $key: string;
+                    value: number;
+                    displayValue: string;
+                    displayName: string;
+                }[];
+            };
+        };
+        athletes: {};
+    };
+    leaders: never[];
+    header: {
+        teams: never[];
+        linescoresHeader: never[];
+    };
+    predictor: null;
+    winProbability: null;
+    gameState: string;
+    meta: {
+        gp_topic: string;
+        picker_topic: string;
+        gameState: string;
+    };
+};