@maestro_io/maestro-web-sdk 4.0.0 → 4.0.1

package/dist/src/modules/stats/view/components/AthletesStatistics/AthletesStatistics.d.ts

@@ -0,0 +1,113 @@
+/// <reference types="prop-types" />
+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;
+};
+declare 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;

package/dist/src/modules/stats/view/components/AthletesStatistics/AthletesStatistics.js

@@ -0,0 +1,89 @@
+import React, { Component } from 'react';
+import StatisticsTable from './StatisticTable';
+import Image from '@/components/atoms/Image';
+import { withFocusable, } from '@/external/spatial-navigation';
+import './AthleteStatistics.styles.css';
+import { BASE_64_KEY_PLAY_THUMBNAIL_FALLBACK } from '@/modules/key-plays/constants';
+class AthletesStatistics extends Component {
+    constructor(props) {
+        super(props);
+        Object.defineProperty(this, "mounted", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: true
+        });
+        Object.defineProperty(this, "onAwayAthleteImageLoad", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                if (!this.mounted)
+                    return;
+                this.setState({ awayAthleteImageLoaded: true });
+            }
+        });
+        Object.defineProperty(this, "onHomeAthleteImageLoad", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                if (!this.mounted)
+                    return;
+                this.setState({ homeAthleteImageLoaded: true });
+            }
+        });
+        Object.defineProperty(this, "renderAthleteImage", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (athlete, isAway) => {
+                const imageLoaded = isAway
+                    ? this.state.awayAthleteImageLoaded
+                    : this.state.homeAthleteImageLoaded;
+                const onLoad = isAway
+                    ? this.onAwayAthleteImageLoad
+                    : this.onHomeAthleteImageLoad;
+                return (React.createElement("div", { className: "image-wrapper T02" },
+                    !imageLoaded && (React.createElement(Image, { src: BASE_64_KEY_PLAY_THUMBNAIL_FALLBACK, crossOrigin: "anonymous", alt: "Player Headshot Loading", className: "cardImage" })),
+                    React.createElement(Image, { src: athlete.headshot, alt: `${this.props.item.displayName} ${athlete.displayName} Headshot Image`, crossOrigin: "anonymous", onLoad: onLoad, className: "cardImage", style: {
+                            display: imageLoaded ? 'block' : 'none',
+                        } }),
+                    React.createElement("div", { className: "athlete-position-badge" },
+                        ' ',
+                        React.createElement("span", null, athlete.position))));
+            }
+        });
+        this.state = {
+            awayAthleteImageLoaded: false,
+            homeAthleteImageLoaded: false,
+        };
+    }
+    componentWillUnmount() {
+        this.mounted = false;
+    }
+    render() {
+        const { item, focused } = this.props;
+        return (React.createElement("div", { className: "athletes-statistics focus-ring", "data-focused": focused },
+            !!item.displayName && (React.createElement("span", { className: "T05_ALT" }, item.displayName)),
+            React.createElement("div", { className: "leaders-wrapper" }, [item.awayAthlete, item.homeAthlete].map((athlete, index) => {
+                const isAway = index === 0;
+                return (React.createElement("div", { className: "leader", key: athlete.id + item.displayName },
+                    this.renderAthleteImage(athlete, isAway),
+                    React.createElement("div", { className: "leader-info" },
+                        React.createElement("div", { className: "main-statistic T05_ALT" },
+                            athlete.shortName,
+                            ' ',
+                            React.createElement("span", { className: "athlete-number T02" },
+                                "#",
+                                athlete.jersey)),
+                        Array.isArray(athlete.statistics) &&
+                            !!athlete.statistics.length && (React.createElement("div", { className: "main-statistic T30 FONT_BOLD" },
+                            athlete.statistics[0].displayValue,
+                            ' ',
+                            React.createElement("span", { className: "athlete-points T02" }, athlete.statistics[0].abbreviation))))));
+            })),
+            React.createElement(StatisticsTable, { item: item })));
+    }
+}
+export default withFocusable()(AthletesStatistics);

package/dist/src/modules/stats/view/components/AthletesStatistics/StatisticTable.d.ts

@@ -0,0 +1,3 @@
+import { AthletesStatisticsProps } from './AthletesStatistics';
+declare const StatisticsTable: (props: AthletesStatisticsProps) => JSX.Element;
+export default StatisticsTable;

package/dist/src/modules/stats/view/components/AthletesStatistics/StatisticTable.js

@@ -0,0 +1,12 @@
+import React from 'react';
+const StatisticsTable = (props) => {
+    return (React.createElement("table", { className: "athletes-statistics-table T10" },
+        React.createElement("tbody", null, props.item.awayAthlete.statistics.slice(1).map((statistic, index) => {
+            return (React.createElement("tr", { key: statistic.abbreviation },
+                React.createElement("td", null, statistic.displayValue),
+                React.createElement("td", null, statistic.abbreviation),
+                React.createElement("td", null, props.item.homeAthlete.statistics[index + 1].displayValue ||
+                    '0')));
+        }))));
+};
+export default StatisticsTable;

package/dist/src/modules/stats/view/components/AthletesStatistics/index.d.ts

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

package/dist/src/modules/stats/view/components/AthletesStatistics/index.js

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

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

@@ -0,0 +1,2 @@
+export { default } from './StatsView';
+export { default as TeamStatsView } from './TeamStats';

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

@@ -0,0 +1,2 @@
+export { default } from './StatsView';
+export { default as TeamStatsView } from './TeamStats';

package/dist/src/modules/stats/view-model/StatsViewModel.d.ts

@@ -0,0 +1,241 @@
+import { Observable } from '../../../helpers/Observable';
+import { ViewModel } from '../../../view-models/ViewModel';
+import { DrivePlay, Team } from '../interfaces/IStats';
+import { AthletesStatisticsItem } from '../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';
+declare 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 declare 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;
+    private useMockData;
+    private lastResponseHash;
+    private currentPlayerTimeCode;
+    private timecodePollingTask;
+    private smartPollingTimeout;
+    private timecodePollingState;
+    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>;
+    /**
+     * Get the current timecode from the MaestroEventViewModel
+     * This prevents the stats panel from always defaulting to real-time data
+     */
+    private getCurrentTimeCode;
+    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;
+    /**
+     * Implement smart polling strategy: immediate API call + delayed polling resumption
+     *
+     * @param playerTimeCode - The timecode in milliseconds, or null
+     */
+    private performSmartPolling;
+    /**
+     * Enhanced error handling for timecode-related operations
+     *
+     * @param context - Description of where the error occurred
+     * @param error - The error that occurred
+     */
+    private handleTimecodeError;
+    /**
+     * Clear any pending smart polling timeout
+     */
+    private clearSmartPollingTimeout;
+    /**
+     * Reset timecode polling state
+     */
+    private resetTimecodePollingState;
+    /**
+     * Start timecode-based polling with enhanced logging
+     *
+     * @param playerTimeCode - The timecode in milliseconds, or null
+     */
+    private startTimecodePolling;
+    /**
+     * Stop timecode-based polling with enhanced logging
+     */
+    private stopTimecodePolling;
+    /**
+     * Fetch mock data for testing
+     */
+    private fetchMockData;
+    /**
+     * Process polled data with hash comparison to avoid unnecessary re-renders
+     * Enhanced with comprehensive logging to show data changes
+     *
+     * @param data - The stats data received from the API
+     */
+    private processPolledData;
+    private processData;
+    private parseDriveSummary;
+    private parseTeamsStatistics;
+    private parseMatchPredictor;
+    private parsePromotion;
+    private parseHeaderTeams;
+    private parseRecentGames;
+    private parseWinProbability;
+    private parseGameLeaders;
+    private parseActiveAthletes;
+    private getActiveAthletesTeamInfo;
+    private parseScoringSummary;
+    private parsePenalties;
+    /**
+     * Simulate a use case using mock StatsApiResponse data
+     */
+    simulateUseCase<T = any>(_useCase: TestUseCase, testData?: T): void;
+}
+export default StatsViewModel;