@maestro_io/maestro-web-sdk 4.0.2 → 5.1.0

package/dist/src/modules/{shop → espn/shop}/view-model/ShopViewModel.js

@@ -1,7 +1,6 @@
-import { Observable } from '../../../helpers/Observable';
-import ShopService from '../../../services/ShopService';
-import AnalyticsService from '../../../services/AnalyticsService/AnalyticsService';
-import { ViewModel } from '../../../view-models/ViewModel';
+import { Observable } from '../../../../helpers/Observable';
+import ShopService from '../services/ShopService';
+import { ViewModel } from '../../../../view-models/ViewModel';
 import { isShopProduct, } from '../types';
 import { MOCK_SHOP_NFL_RESPONSE, MOCK_SHOP_NBA_RESPONSE, MOCK_SHOP_NCF_RESPONSE, MOCK_SHOP_EMPTY_RESPONSE, MOCK_SHOP_SINGLE_SECTION_RESPONSE, } from '../mocks';
 import { captureException } from '@/sentry';
@@ -17,7 +16,7 @@ const SHOP_ERROR_STATE = {
  * Manages shop data fetching, polling, and state
  */
 export class ShopViewModel extends ViewModel {
-    constructor(eventId, options = {}) {
+    constructor(eventId, analyticsService, options = {}) {
         super();
         // Observable properties
         Object.defineProperty(this, "sections", {
@@ -88,7 +87,7 @@ export class ShopViewModel extends ViewModel {
             value: false
         });
         this.shopService = new ShopService(eventId);
-        this.analyticsService = new AnalyticsService();
+        this.analyticsService = analyticsService;
         this.shopPolling = new ShopPolling(this.shopService);
         this.useMockData = options.useMockData || false;
         this.mockDataType = options.mockDataType || 'nfl';
@@ -310,39 +309,6 @@ export class ShopViewModel extends ViewModel {
         this.hasEverSuccessfullyLoaded.value = true;
         this.isDataLoading.value = false;
     }
-    /**
-     * Simulate different use cases for testing
-     */
-    simulateUseCase(useCase, data) {
-        switch (useCase) {
-            case 'shopTabLoadFailure':
-                this.errorState.value = 'tabLoadFailure';
-                this.sections.value = [];
-                break;
-            case 'shopEmptyState':
-                this.errorState.value = 'emptyShop';
-                this.sections.value = [];
-                break;
-            case 'shopMockData':
-                this.shopPolling.stop();
-                this.useMockData = true;
-                this.mockDataType = data?.mockDataType || 'nfl';
-                this.shopPolling.removeLastResponseHash();
-                this.errorState.value = 'none';
-                this.fetchNewData();
-                break;
-            case 'shopLiveData':
-                this.useMockData = false;
-                this.shopPolling.removeLastResponseHash();
-                this.hasEverSuccessfullyLoaded.value = false;
-                this.errorState.value = 'none';
-                this.fetchNewData();
-                this.refreshPolling();
-                break;
-            default:
-                throw new Error(`Unsupported use case: ${useCase}`);
-        }
-    }
     /**
      * Clear tab load failure and retry
      */

package/dist/src/modules/{stats/utils/renderTeamStatistic.d.ts → espn/stats/components/TeamStatistic.d.ts}

@@ -4,7 +4,6 @@ export interface TeamStatisticProps {
     secondDisplayValue: string | number;
     awayProgressValue: number;
     homeProgressValue: number;
-    key?: string | number;
     classNames?: {
         container?: string;
         header?: string;
@@ -13,8 +12,5 @@ export interface TeamStatisticProps {
         statisticName?: string;
     };
 }
-/**
- * Shared utility to render a team statistic with consistent structure
- * This eliminates code duplication between Teams and TeamStatsView components
- */
-export declare const renderTeamStatistic: (props: TeamStatisticProps) => JSX.Element;
+declare const TeamStatistic: (props: TeamStatisticProps) => JSX.Element;
+export default TeamStatistic;

package/dist/src/modules/{stats/utils/renderTeamStatistic.js → espn/stats/components/TeamStatistic.js}

@@ -1,16 +1,13 @@
 import React from 'react';
 import StatsProgressBar from '../view/Teams/StatsProgressBar';
-/**
- * Shared utility to render a team statistic with consistent structure
- * This eliminates code duplication between Teams and TeamStatsView components
- */
-export const renderTeamStatistic = (props) => {
-    const { statisticName, firstDisplayValue, secondDisplayValue, awayProgressValue, homeProgressValue, key, classNames = {}, } = props;
+const TeamStatistic = (props) => {
+    const { statisticName, firstDisplayValue, secondDisplayValue, awayProgressValue, homeProgressValue, classNames = {}, } = props;
     const { container = 'team-stat-item', header = 'stat-header', firstValue = 'stat-value away-value', secondValue = 'stat-value home-value', statisticName: statisticNameClass = 'stat-name', } = classNames;
-    return (React.createElement("div", { key: key, className: container },
+    return (React.createElement("div", { className: container },
         React.createElement("div", { className: header },
             React.createElement("span", { className: firstValue }, firstDisplayValue),
             React.createElement("span", { className: statisticNameClass }, statisticName),
             React.createElement("span", { className: secondValue }, secondDisplayValue)),
         React.createElement(StatsProgressBar, { awayTeamValue: awayProgressValue, homeTeamValue: homeProgressValue })));
 };
+export default TeamStatistic;

package/dist/src/modules/{stats → espn/stats}/interfaces/IStats.d.ts

@@ -4,6 +4,20 @@ export interface TeamStatistic {
     displayValue: string;
     displayName: string;
 }
+export declare const isTeamStatistic: (data: any) => data is TeamStatistic;
+export declare const isTabbedStatistics: (data: any) => data is TeamTabbedStatistics;
+export declare const isTabbedStatisticsArray: (data: any) => data is TeamTabbedStatistics[];
+export declare const isHockeyScoringSummary: (data: any) => data is RawScoringSummary;
+export declare const isMlbScoringSummary: (data: any) => data is RawScoringSummary;
+export interface TeamTabbedStatistics {
+    $key?: string;
+    stats?: {
+        abbreviation?: string;
+        displayName?: string;
+        displayValue?: string;
+        name?: string;
+    }[];
+}
 export interface Team {
     id: string;
     uid: string;
@@ -16,7 +30,7 @@ export interface Team {
     color?: string;
     alternateColor?: string;
     logo?: string;
-    statistics?: TeamStatistic[];
+    statistics?: TeamStatistic[] | TeamTabbedStatistics[];
     homeAway?: string;
     record?: string;
     displayOrder?: number;
@@ -82,6 +96,20 @@ export interface Header {
     teams: HeaderTeam[];
     linescoresHeader?: string[];
 }
+interface TeamHeaderTeam {
+    $key: string;
+    details?: string[];
+    linescores?: LineScore[];
+}
+export interface TeamHeader {
+    teams: TeamHeaderTeam[];
+    linescoresHeader?: string[];
+    style?: {
+        linescores?: {
+            rowHeader?: string;
+        };
+    };
+}
 export interface PredictorTeam {
     team: {
         $key: string;
@@ -160,20 +188,110 @@ export interface Drive {
     description: string;
     plays: DrivePlay[];
 }
+export interface StatsTeam {
+    title?: string;
+    teams?: {
+        $key?: string;
+    }[];
+    sections?: {
+        $key?: string;
+        title?: string;
+    }[];
+}
+export interface PlayerStatsAthleteStatistic {
+    displayValue?: string;
+    label?: string;
+    featured?: boolean;
+}
+export interface PlayerStatsAthlete {
+    $key?: string;
+    statistics?: PlayerStatsAthleteStatistic[];
+}
+export interface PlayerStatsAthleteStatus {
+    displayName?: string;
+    type?: string;
+}
+export interface PlayerStatsItem {
+    title?: string;
+    athlete?: PlayerStatsAthlete;
+    status?: PlayerStatsAthleteStatus;
+}
+export interface PlayerStatsSection {
+    title?: string;
+    items?: PlayerStatsItem[];
+}
+export interface PlayerStatsTeam {
+    $key?: string;
+    sections?: PlayerStatsSection[];
+}
+export interface PlayerStats {
+    teams?: PlayerStatsTeam[];
+}
+export interface CareerMatchupStatistic {
+    displayValue?: string;
+    abbreviation?: string;
+}
+type TextLike = string | {
+    type?: string;
+    displayName?: string;
+};
+export interface CareerMatchupItem {
+    status?: TextLike;
+    type?: TextLike;
+    displayName?: TextLike;
+    athlete?: {
+        $key?: string;
+    };
+}
+export interface CareerMatchupSection {
+    items?: CareerMatchupItem[];
+    statistics?: CareerMatchupStatistic[];
+}
+export interface CareerMatchup {
+    title?: string;
+    sections?: CareerMatchupSection[];
+}
+export interface RawScoringSummaryItem {
+    team?: {
+        $key?: string;
+    };
+    athlete?: {
+        $key?: string;
+    };
+    clock?: string;
+    title?: string;
+    description?: string;
+    header?: {
+        title?: string;
+        featured?: boolean;
+    }[];
+    text?: string;
+    shortText?: string;
+}
+export interface RawScoringSummarySection {
+    title?: string;
+    items?: RawScoringSummaryItem[];
+}
+export interface RawScoringSummary {
+    title?: string;
+    sections?: RawScoringSummarySection[];
+}
 export interface StatsApiResponse {
     entities: {
         teams: EntityMap<Team>;
         athletes?: EntityMap<Athlete>;
     };
     leaders?: Leader[];
-    header: Header;
-    predictor: Predictor;
+    header?: Header;
+    teamHeader?: TeamHeader;
+    predictor?: Predictor;
     winProbability?: WinProbability;
     gameState: string;
     activeAthletes?: ActiveAthletes;
     meta: Meta;
     promotion?: StatsPromotion;
     drives?: Drive[];
+    statTeams?: StatsTeam;
     previousGames?: {
         displayOrder: number;
         team: {
@@ -188,23 +306,7 @@ export interface StatsApiResponse {
             gameResult: string;
         }[];
     }[];
-    scoringSummary?: {
-        title: string;
-        sections: {
-            title: string;
-            items: {
-                team: {
-                    $key: string;
-                };
-                athlete: {
-                    $key: string;
-                };
-                clock: string;
-                title: string;
-                description: string;
-            }[];
-        }[];
-    };
+    scoringSummary?: RawScoringSummary;
     penaltySummary?: {
         title: string;
         sections: {
@@ -222,5 +324,7 @@ export interface StatsApiResponse {
             }[];
         }[];
     };
+    playerStats?: PlayerStats;
+    careerMatchup?: CareerMatchup;
 }
 export {};

package/dist/src/modules/espn/stats/interfaces/IStats.js

@@ -0,0 +1,46 @@
+export const isTeamStatistic = (data) => {
+    return (data &&
+        typeof data === 'object' &&
+        '$key' in data &&
+        'value' in data &&
+        'displayValue' in data &&
+        'displayName' in data);
+};
+export const isTabbedStatistics = (data) => {
+    return (data &&
+        typeof data === 'object' &&
+        'stats' in data &&
+        Array.isArray(data.stats));
+};
+export const isTabbedStatisticsArray = (data) => {
+    return Array.isArray(data) && data.every((item) => isTabbedStatistics(item));
+};
+export const isHockeyScoringSummary = (data) => {
+    return (data &&
+        typeof data === 'object' &&
+        'title' in data &&
+        'sections' in data &&
+        data.sections &&
+        Array.isArray(data.sections) &&
+        data.sections.every((section) => section &&
+            'title' in section &&
+            'items' in section &&
+            Array.isArray(section.items) &&
+            section.items.every((item) => item &&
+                'clock' in item &&
+                'title' in item &&
+                'team' in item &&
+                'athlete' in item)));
+};
+export const isMlbScoringSummary = (data) => {
+    return (data &&
+        typeof data === 'object' &&
+        'title' in data &&
+        'sections' in data &&
+        data.sections &&
+        Array.isArray(data.sections) &&
+        data.sections.some((section) => section &&
+            'items' in section &&
+            Array.isArray(section.items) &&
+            section.items.some((item) => item && ('text' in item || 'shortText' in item || 'header' in item))));
+};

package/dist/src/modules/espn/stats/interfaces/IStatsViewModel.d.ts

@@ -0,0 +1,7 @@
+import { Observable } from '@/helpers/Observable';
+export interface IStatsViewModel {
+    currentGameState: Observable<string>;
+    onUpdatePlayerTimeCode(playerTimeCode: number | null): void;
+    cleanup(): void;
+    setDataToPanel(data: Record<string, any>): void;
+}

package/dist/src/modules/espn/stats/interfaces/IStatsViewModel.js

@@ -0,0 +1 @@
+export {};

package/dist/src/{services → modules/espn/stats/services}/StatsService.d.ts

@@ -1,11 +1,11 @@
-import { IStatsNetworkManager } from './NetworkManager/types';
-import { StatsApiResponse } from '../modules/stats/interfaces/IStats';
+import NetworkManager from '../../../../services/NetworkManager/NetworkManager';
+import { StatsApiResponse } from '../interfaces/IStats';
 import IMaestroEventDelegate from '@/interfaces/IMaestroEventDelegate';
 /**
  * Service for handling stats-related API calls
  */
 declare class StatsService {
-    networkManager: IStatsNetworkManager;
+    networkManager: NetworkManager;
     overrideUrl: string | null;
     constructor(delegate: IMaestroEventDelegate);
     /**

package/dist/src/{services → modules/espn/stats/services}/StatsService.js

@@ -1,6 +1,5 @@
-import { HttpMethod } from './NetworkManager/NetworkManager';
-import NetworkManagerFactory from './NetworkManager/NetworkManagerFactory';
-import SDK from '..';
+import NetworkManager, { HttpMethod, } from '../../../../services/NetworkManager/NetworkManager';
+import SDK from '../../../..';
 import { captureException } from '@/sentry';
 /**
  * Service for handling stats-related API calls
@@ -19,7 +18,9 @@ class StatsService {
             writable: true,
             value: null
         });
-        this.networkManager = NetworkManagerFactory.createStatsNetworkManager(delegate.getStatsAPIBaseURL());
+        this.networkManager = new NetworkManager({
+            externalBaseURL: delegate.getStatsAPIBaseURL(),
+        });
     }
     /**
      * Get stats using a full sync URL (for timecode support)

package/dist/src/modules/{stats → espn/stats}/utils/playerStatusUtils.js

@@ -5,6 +5,7 @@ export const getStatusColor = (statusType) => {
     switch (statusType) {
         case 'on-deck':
         case 'substitute':
+        case 'subbed-out':
             return '#FFB759';
         case 'batter':
         case 'pitcher':

package/dist/src/modules/espn/stats/view/CareerMatchup/CareerMatchup.d.ts

@@ -0,0 +1,101 @@
+/// <reference types="prop-types" />
+import React from 'react';
+import { CareerMatchupStatsItem } from '../../view-model/StatsViewModel';
+import { WithFocusableProps } from '@/external/spatial-navigation';
+import './CareerMatchup.styles.css';
+type Props = {
+    item: CareerMatchupStatsItem;
+};
+export declare const CareerMatchupBase: React.FC<Props & WithFocusableProps>;
+declare const _default: {
+    new (props: (Props & WithFocusableProps) | Readonly<Props & 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?: import("../../../../../external/spatial-navigation/utils").Details) => void;
+        stealFocus: () => void;
+        onUpdateFocus: (focused: boolean) => void;
+        onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
+        onEnterPressHandler: (details: import("../../../../../external/spatial-navigation/utils").Details) => void;
+        onClickPressHandler: (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<Props & 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<Props & 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<Props & WithFocusableProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<Props & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Props & WithFocusableProps>, prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Props & WithFocusableProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props & WithFocusableProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Props & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Props & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+    };
+    new (props: Props & 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?: import("../../../../../external/spatial-navigation/utils").Details) => void;
+        stealFocus: () => void;
+        onUpdateFocus: (focused: boolean) => void;
+        onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
+        onEnterPressHandler: (details: import("../../../../../external/spatial-navigation/utils").Details) => void;
+        onClickPressHandler: (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<Props & 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<Props & 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<Props & WithFocusableProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<Props & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Props & WithFocusableProps>, prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Props & WithFocusableProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Props & WithFocusableProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Props & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Props & 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;

package/dist/src/modules/{stats → espn/stats}/view/CareerMatchup/CareerMatchup.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { withFocusable, } from '@/external/spatial-navigation';
 import HeadshotImage from '@/components/molecules/HeadshotImage';
 import './CareerMatchup.styles.css';
-export const CareerMatchupBase = ({ item, focused, onEnterPress, }) => {
+export const CareerMatchupBase = ({ item, focused, }) => {
     if (!item.sections || item.sections.length === 0) {
         return null;
     }
@@ -10,7 +10,7 @@ export const CareerMatchupBase = ({ item, focused, onEnterPress, }) => {
         // Logic for color: Highlighted (e.g. "On Deck") -> warning, others -> success
         const statusIndicatorClass = item.isHighlighted ? 'warning' : 'success';
         return (React.createElement("div", { className: `athlete-info ${align}` },
-            React.createElement("div", { className: "athlete-info-row" },
+            React.createElement("div", { className: "athlete-info-row FONT_BOLD" },
                 align === 'left' && (React.createElement("span", { className: "athlete-name T05_ALT" }, item.athlete?.displayName)),
                 align === 'left' && (React.createElement("span", { className: "athlete-jersey T01" },
                     "#",
@@ -19,7 +19,7 @@ export const CareerMatchupBase = ({ item, focused, onEnterPress, }) => {
                     "#",
                     item.athlete?.jersey)),
                 align === 'right' && (React.createElement("span", { className: "athlete-name T05_ALT" }, item.athlete?.displayName))),
-            React.createElement("div", { className: "status-row" }, align === 'right' ? (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "status-row FONT_BOLD" }, align === 'right' ? (React.createElement(React.Fragment, null,
                 React.createElement("span", { className: "display-name T02" }, item.displayName),
                 item.status && (React.createElement("span", { className: `status-indicator T02 ${statusIndicatorClass}` }, item.status)))) : (React.createElement(React.Fragment, null,
                 item.status && (React.createElement("span", { className: `status-indicator T02 ${statusIndicatorClass}` }, item.status)),
@@ -35,8 +35,8 @@ export const CareerMatchupBase = ({ item, focused, onEnterPress, }) => {
             position && (React.createElement("div", { className: "athlete-position-badge" },
                 React.createElement("span", { className: "T02" }, position)))));
     };
-    return (React.createElement("div", { className: "career-matchup focus-ring", "data-focused": focused, onClick: onEnterPress },
-        React.createElement("div", { className: "title T05_ALT" }, item.title),
+    return (React.createElement("div", { className: "career-matchup focus-ring", "data-focused": focused },
+        React.createElement("div", { className: "title T05_ALT FONT_BOLD" }, item.title),
         item.sections.map((section, index) => {
             const { items, statistics } = section;
             if (items.length < 2)
@@ -49,7 +49,7 @@ export const CareerMatchupBase = ({ item, focused, onEnterPress, }) => {
                     renderHeadshot(rightItem, 'right')),
                 React.createElement("div", { className: "athlete-summary" },
                     renderAthleteInfo(leftItem, 'left'),
-                    React.createElement("div", { className: "vs-label T05_ALT" }, "vs"),
+                    React.createElement("div", { className: "vs-label T05_ALT FONT_BOLD" }, "vs"),
                     renderAthleteInfo(rightItem, 'right')),
                 React.createElement("div", { className: "stats-table" },
                     React.createElement("div", { className: "stats-header-row" }, statistics.map((stat, i) => (React.createElement("div", { key: i, className: "stats-header-cell T10" }, stat.abbreviation)))),