@maestro_io/maestro-web-sdk 4.0.1 → 4.0.2

package/dist/src/modules/fantasy/view/TournamentBracketCard/TournamentBracketCard.d.ts

@@ -0,0 +1,99 @@
+/// <reference types="prop-types" />
+import { WithFocusableProps } from '@/external/spatial-navigation';
+import React from 'react';
+import './TournamentBracketCard.styles.css';
+import { TournamentBracketCardItem } from '../../types';
+type Props = {
+    item: TournamentBracketCardItem;
+};
+export declare const TournamentBracketCard: (props: Props & WithFocusableProps) => JSX.Element;
+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?: 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<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?: 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<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/fantasy/view/TournamentBracketCard/TournamentBracketCard.js

@@ -0,0 +1,33 @@
+import { withFocusable, } from '@/external/spatial-navigation';
+import React from 'react';
+import './TournamentBracketCard.styles.css';
+import Image from '@/components/atoms/Image';
+export const TournamentBracketCard = (props) => {
+    const { item } = props;
+    // Percentile is stored as 0-100, display as percentage
+    const percentileText = `${item.percentile}%`;
+    return (React.createElement("div", { className: "tournament-bracket-card focus-ring", "data-focused": props.focused, "data-complete": item.isComplete, style: {
+            '--league-color': '#F51824',
+        } },
+        React.createElement("div", { className: "tournament-bracket-card-header" },
+            React.createElement(Image, { src: item.tournamentLogo, width: 64, height: 64, className: "tournament-bracket-card-logo", alt: `${item.tournamentAbbrev} Logo` }),
+            React.createElement("div", { className: "tournament-bracket-card-header-info" },
+                React.createElement("div", { className: "tournament-bracket-card-name-row" },
+                    React.createElement("span", { className: "tournament-bracket-card-entry-name T10 FONT_BOLD" }, item.name),
+                    item.entryStatusIcon && (React.createElement(Image, { src: item.entryStatusIcon, width: 24, height: 24, className: "tournament-bracket-card-status-icon", alt: "Entry Status" }))),
+                React.createElement("div", { className: "tournament-bracket-card-subtitle TEXT_200 T02" }, item.tournamentAbbrev))),
+        React.createElement("div", { className: "tournament-bracket-card-divider" }),
+        React.createElement("div", { className: "tournament-bracket-card-content" },
+            item.finalPick?.primaryLogo && (React.createElement(Image, { src: item.finalPick.primaryLogo, width: 64, height: 64, className: "tournament-bracket-card-team-logo", alt: "Final Pick Team Logo" })),
+            React.createElement("div", { className: "tournament-bracket-card-stats" },
+                React.createElement("div", { className: "tournament-bracket-card-stat" },
+                    React.createElement("div", { className: "tournament-bracket-card-stat-value T20 FONT_BOLD" }, item.rank),
+                    React.createElement("div", { className: "tournament-bracket-card-stat-label TEXT_200 T02" }, "RANK")),
+                React.createElement("div", { className: "tournament-bracket-card-stat" },
+                    React.createElement("div", { className: "tournament-bracket-card-stat-value T20 FONT_BOLD" }, percentileText),
+                    React.createElement("div", { className: "tournament-bracket-card-stat-label TEXT_200 T02" }, "PCT")),
+                React.createElement("div", { className: "tournament-bracket-card-stat" },
+                    React.createElement("div", { className: "tournament-bracket-card-stat-value T20 FONT_BOLD" }, item.score.toLocaleString()),
+                    React.createElement("div", { className: "tournament-bracket-card-stat-label TEXT_200 T02" }, "PTS"))))));
+};
+export default withFocusable()(TournamentBracketCard);

package/dist/src/modules/fantasy/view/TournamentBracketCard/index.d.ts

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

package/dist/src/modules/fantasy/view/TournamentBracketCard/index.js

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

package/dist/src/modules/hello-world/HelloWorldView.js

@@ -3,6 +3,10 @@ import './HelloWorldView.styles.css';
 import SDK from '@/index';
 import HelloWorldImage from './HelloWorldImage';
 import Icon from '@/components/atoms/SvgIcon';
+const PANEL_TYPE_NAME_MAP = {
+    chat: 'Chat',
+    shopifyBlockPanel: 'Shopify',
+};
 class HelloWorldView extends Component {
     constructor(props) {
         super(props);
@@ -25,10 +29,12 @@ class HelloWorldView extends Component {
                     "However, some panels currently active on this",
                     React.createElement("br", null),
                     "channel aren't supported on this device:"),
-                React.createElement("ul", { className: "unsupported-list" }, unlistedPanels.map((panel) => (React.createElement("li", { key: panel.type, className: "T10" },
+                React.createElement("ul", { className: "unsupported-list" }, unlistedPanels
+                    .filter((p) => p.type in PANEL_TYPE_NAME_MAP)
+                    .map((panel) => (React.createElement("li", { key: panel.type, className: "T10" },
                     React.createElement("div", { className: "panel-icon" },
                         React.createElement(Icon, { iconName: panel.type, width: 24, height: 24 })),
-                    React.createElement("div", { className: "panel-title" }, panel.title)))))))));
+                    React.createElement("div", { className: "panel-title" }, PANEL_TYPE_NAME_MAP[panel.type])))))))));
     }
 }
 export default HelloWorldView;

package/dist/src/modules/stats/utils/playerStatusUtils.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Get color for player status type
+ */
+export declare const getStatusColor: (statusType: string) => string;

package/dist/src/modules/stats/utils/playerStatusUtils.js

@@ -0,0 +1,16 @@
+/**
+ * Get color for player status type
+ */
+export const getStatusColor = (statusType) => {
+    switch (statusType) {
+        case 'on-deck':
+        case 'substitute':
+            return '#FFB759';
+        case 'batter':
+        case 'pitcher':
+        case 'pinch-hitter':
+            return '#41BA42';
+        default:
+            return '#41BA42';
+    }
+};

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

@@ -0,0 +1,100 @@
+/// <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;
+    onEnterPress: () => void;
+};
+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?: 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<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?: 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<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/view/CareerMatchup/CareerMatchup.js

@@ -0,0 +1,59 @@
+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, }) => {
+    if (!item.sections || item.sections.length === 0) {
+        return null;
+    }
+    const renderAthleteInfo = (item, align) => {
+        // 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" },
+                align === 'left' && (React.createElement("span", { className: "athlete-name T05_ALT" }, item.athlete?.displayName)),
+                align === 'left' && (React.createElement("span", { className: "athlete-jersey T01" },
+                    "#",
+                    item.athlete?.jersey)),
+                align === 'right' && (React.createElement("span", { className: "athlete-jersey T01" },
+                    "#",
+                    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("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)),
+                React.createElement("span", { className: "display-name T02" }, item.displayName))))));
+    };
+    const renderHeadshot = (item, align) => {
+        const position = item.athlete?.position?.abbreviation;
+        const containerClass = align === 'right'
+            ? 'headshot-container right-align'
+            : 'headshot-container';
+        return (React.createElement("div", { className: containerClass },
+            item.athlete?.headshot && (React.createElement(HeadshotImage, { src: item.athlete.headshot, className: "headshot-image", alt: item.athlete.displayName, crossOrigin: "anonymous" })),
+            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),
+        item.sections.map((section, index) => {
+            const { items, statistics } = section;
+            if (items.length < 2)
+                return null;
+            const leftItem = items[0];
+            const rightItem = items[1];
+            return (React.createElement("div", { className: "career-matchup-section", key: index },
+                React.createElement("div", { className: "matchup-container" },
+                    renderHeadshot(leftItem, 'left'),
+                    renderHeadshot(rightItem, 'right')),
+                React.createElement("div", { className: "athlete-summary" },
+                    renderAthleteInfo(leftItem, 'left'),
+                    React.createElement("div", { className: "vs-label T05_ALT" }, "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)))),
+                    React.createElement("div", { className: "stats-row" }, statistics.map((stat, i) => (React.createElement("div", { key: i, className: "stats-cell T10" }, stat.displayValue)))))));
+        })));
+};
+export default withFocusable()(CareerMatchupBase);

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

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

package/dist/src/modules/stats/view/CareerMatchup/index.js

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

package/dist/src/modules/stats/view/PlayerSeasonStats/ExpandedPlayerStats.js

@@ -7,26 +7,27 @@ const ExpandedPlayerStats = (props) => {
     const refsArray = useRef([]);
     const wrapperRef = useRef(null);
     const hasInitialized = useRef(false);
-    // Set initial max-height after first render when refs are populated
+    // Compute max-height after render when refs are populated, and when players change
     useLayoutEffect(() => {
-        if (!hasInitialized.current && refsArray.current.length > 0) {
-            const totalHeight = refsArray.current.reduce((prev, curr) => {
-                if (!curr)
-                    return prev;
-                return prev + curr.clientHeight;
-            }, 0);
-            if (totalHeight > 0) {
-                setMaxHeight(`${totalHeight}px`);
-                hasInitialized.current = true;
-            }
+        if (!refsArray.current || refsArray.current.length === 0) {
+            setMaxHeight('auto');
+            hasInitialized.current = false;
+            return;
         }
-    });
-    // Reset refs when players change
-    useLayoutEffect(() => {
-        refsArray.current = [];
-        hasInitialized.current = false;
-        setMaxHeight('auto');
-    }, [players]);
+        const totalHeight = refsArray.current.reduce((prev, curr) => {
+            if (!curr)
+                return prev;
+            return prev + curr.clientHeight;
+        }, 0);
+        if (totalHeight > 0) {
+            setMaxHeight(`${totalHeight}px`);
+            hasInitialized.current = true;
+        }
+        else {
+            setMaxHeight('auto');
+            hasInitialized.current = false;
+        }
+    }, [players.length]);
     // Calculate max-height from focused index to end
     const updateMaxHeight = useCallback((focusedIndex) => {
         const items = refsArray.current.slice(focusedIndex);
@@ -51,11 +52,7 @@ const ExpandedPlayerStats = (props) => {
     const handleBecameFocused = useCallback((focusedIndex) => () => {
         updateMaxHeight(focusedIndex);
         if (wrapperRef.current) {
-            const handleTransitionEnd = () => {
-                scrollToElement(focusedIndex);
-                wrapperRef.current?.removeEventListener('transitionend', handleTransitionEnd);
-            };
-            wrapperRef.current.addEventListener('transitionend', handleTransitionEnd, { once: true });
+            wrapperRef.current.addEventListener('transitionend', () => scrollToElement(focusedIndex), { once: true });
         }
     }, [updateMaxHeight, scrollToElement]);
     return (React.createElement("div", { className: "expanded-player-stats", style: { maxHeight }, ref: wrapperRef, "data-scrolled": scrolled }, players.map((player, index) => (React.createElement("div", { key: player.title, ref: (ref) => {

package/dist/src/modules/stats/view/PlayerSeasonStats/PlayerSeasonStatsCard.js

@@ -1,6 +1,7 @@
 import React from 'react';
 import HeadshotImage from '@/components/molecules/HeadshotImage';
 import { withFocusable, } from '@/external/spatial-navigation';
+import { getStatusColor } from '../../utils/playerStatusUtils';
 const PlayerSeasonStatsCard = (props) => {
     const { player, focused } = props;
     return (React.createElement("div", { className: "player-card focus-ring", "data-focused": focused },
@@ -10,7 +11,9 @@ const PlayerSeasonStatsCard = (props) => {
                 React.createElement("span", { className: "T02" }, player.position)))),
         React.createElement("div", { className: "player-info" },
             React.createElement("div", { className: "player-name-row" },
-                React.createElement("span", { className: "player-name T05_ALT FONT_BOLD" }, player.title),
+                React.createElement("div", { className: "player-name-stack" },
+                    React.createElement("span", { className: "player-name T05_ALT FONT_BOLD" }, player.title),
+                    player.playerStatus && (React.createElement("span", { className: "status-badge T02 FONT_BOLD", style: { color: getStatusColor(player.playerStatus.type) } }, player.playerStatus.displayName))),
                 player.featuredStat && (React.createElement("span", { className: "featured-stat T30 FONT_BOLD" },
                     React.createElement("span", { className: "featured-value" }, player.featuredStat.displayValue),
                     React.createElement("span", { className: "featured-label T02" }, player.featuredStat.label)))),

package/dist/src/modules/stats/view/PlayerSeasonStats/PlayerSeasonStatsMinified.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import { getStatusColor } from '../../utils/playerStatusUtils';
 const PlayerSeasonStatsMinified = (props) => {
     const { player } = props;
     return (React.createElement("div", { className: "player-minified" },
@@ -8,6 +9,9 @@ const PlayerSeasonStatsMinified = (props) => {
             React.createElement("span", { className: "player-name" }, player.title),
             player.featuredStat && (React.createElement(React.Fragment, null,
                 React.createElement("span", { className: "featured-value FONT_BOLD" }, player.featuredStat.displayValue),
-                React.createElement("span", { className: "featured-label" }, player.featuredStat.label))))));
+                React.createElement("span", { className: "featured-label" }, player.featuredStat.label))),
+            player.playerStatus && (React.createElement("span", { className: "player-status" },
+                React.createElement("span", { className: "player-status-spacing T02 FONT_BOLD" }, "-"),
+                React.createElement("span", { className: "player-status-color T02 FONT_BOLD", style: { color: getStatusColor(player.playerStatus.type) } }, player.playerStatus.displayName))))));
 };
 export default PlayerSeasonStatsMinified;

package/dist/src/modules/stats/view/PlayerSeasonStats/PlayerSeasonStatsView.js

@@ -34,7 +34,12 @@ const TeamCard = (props) => {
     };
     const getExpandedPlayerFocusKey = (tabIndex) => {
         const activeSection = team.sections.find((s) => s.title === activeTabKey) || team.sections[0];
-        return `expanded-player-${team.teamKey}-${tabIndex || team.sections.indexOf(activeSection)}-0`;
+        if (!activeSection) {
+            console.error('[BBD] [PlayerSeasonStatsView] [getExpandedPlayerFocusKey] No active section found');
+            return 'invalid-focus-key';
+        }
+        const index = tabIndex || team.sections.indexOf(activeSection);
+        return `expanded-player-${team.teamKey}-${index}-0`;
     };
     // Collapse on boundary navigation (UP at first, DOWN at last)
     const handleExpandedPlayerArrowPress = (arrowProps) => (d) => {
@@ -48,13 +53,21 @@ const TeamCard = (props) => {
             SDK.getMaestroEventViewModel().deliverFocus();
             return false;
         }
-        // UP at first player -> navigate to tabs
+        // UP at first player -> navigate to tabs (if any) or back to card
         if (d === 'up' && playerIndex === 0) {
-            SDK.getMaestroEventViewModel().navigation.setFocus(`player-stats-tab-${team.teamKey}-${activeTabKey}`);
+            if (team.sections.length > 1) {
+                SDK.getMaestroEventViewModel().navigation.setFocus(`player-stats-tab-${team.teamKey}-${activeTabKey}`);
+            }
+            else {
+                SDK.getMaestroEventViewModel().navigation.setFocus(cardFocusKey);
+            }
             return false;
         }
         // DOWN at last player -> collapse and navigate down
-        if (d === 'down' && playerIndex === activeSection.items.length - 1) {
+        if (d === 'down' &&
+            activeSection &&
+            Array.isArray(activeSection.items) &&
+            playerIndex === activeSection.items.length - 1) {
             setExpanded(false);
             SDK.getMaestroEventViewModel().navigation.navigateByDirection('down');
             return false;
@@ -111,6 +124,10 @@ const TeamCard = (props) => {
     };
     const renderExpandedContent = () => {
         const activeSection = team.sections.find((s) => s.title === activeTabKey) || team.sections[0];
+        if (!activeSection) {
+            console.error('[BBD] [PlayerSeasonStatsView] [renderExpandedContent] No active section found');
+            return null;
+        }
         return (React.createElement(React.Fragment, null,
             renderTabs(),
             React.createElement(ExpandedPlayerStats, { players: activeSection.items, teamKey: team.teamKey, tabIndex: team.sections.indexOf(activeSection), parentFocusKey: cardFocusKey, onArrowPress: handleExpandedPlayerArrowPress, onBackPress: handleBackPress, onEnterPress: props.onEnterPress })));

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

@@ -28,14 +28,22 @@ declare class StatsService {
         stop: () => void;
     };
     /**
-     * Build sync URL for timecode-based stats fetching with enhanced logging
-     * Enhanced with comprehensive validation and fallback strategies
-     *
+     * Build sync URL for timecode-based stats fetching
      * @param timeCode - The timecode in milliseconds, or null for 'latest'
      * @returns Complete sync URL for the fauxcast stats endpoint
-     * @throws Error if page config is not available or required fields are missing
      */
     private getSyncEndpoint;
+    /**
+     * Extract event, league, and main IDs from page config metadata
+     * @returns Object containing eventId, leagueId, and mainId
+     */
+    private getIdsFromPageConfig;
+    /**
+     * Parse league data from external_field_5 JSON string
+     * @param leagueField - JSON string containing leagueId and optional fauxcastId
+     * @returns Parsed league data
+     */
+    private parseLeagueData;
     /**
      * Format timecode for API consumption
      * @param timeCode - Timecode in milliseconds or null