@maestro_io/maestro-web-sdk 2.1.1 → 2.1.2

package/dist/modules/stats/mocks.js

@@ -0,0 +1,546 @@
+export const MOCK_STATS_API_PRE_GAME_RESPONSE = {
+    entities: {
+        teams: {
+            '30': {
+                id: '30',
+                uid: 's:40~l:41~t:30',
+                abbreviation: 'USC',
+                displayName: 'USC Trojans',
+                logo: 'https://a.espncdn.com/i/teamlogos/ncaa/500/30.png',
+            },
+            '127': {
+                id: '127',
+                uid: 's:40~l:41~t:127',
+                abbreviation: 'MSU',
+                displayName: 'Michigan State Spartans',
+                logo: 'https://a.espncdn.com/i/teamlogos/ncaa/500/127.png',
+            },
+            '130': {
+                id: '130',
+                uid: 's:40~l:41~t:130',
+                slug: 'michigan-wolverines',
+                location: 'Michigan',
+                name: 'Wolverines',
+                abbreviation: 'MICH',
+                displayName: 'Michigan Wolverines',
+                shortDisplayName: 'Michigan',
+                color: '00274c',
+                alternateColor: 'ffcb05',
+                logo: 'https://a.espncdn.com/i/teamlogos/ncaa/500/130.png',
+                statistics: [
+                    {
+                        $key: 'fieldGoalPct',
+                        value: 46.8,
+                        displayValue: '46.8',
+                        displayName: 'Field Goal %',
+                    },
+                    {
+                        $key: 'threePointFieldGoalPct',
+                        value: 33.2,
+                        displayValue: '33.2',
+                        displayName: 'Three Point %',
+                    },
+                ],
+                homeAway: 'home',
+                record: '22-6',
+                displayOrder: 2,
+            },
+            '158': {
+                id: '158',
+                uid: 's:40~l:41~t:158',
+                abbreviation: 'NEB',
+                displayName: 'Nebraska Cornhuskers',
+                logo: 'https://a.espncdn.com/i/teamlogos/ncaa/500/158.png',
+            },
+            '164': {
+                id: '164',
+                uid: 's:40~l:41~t:164',
+                slug: 'rutgers-scarlet-knights',
+                location: 'Rutgers',
+                name: 'Scarlet Knights',
+                abbreviation: 'RUTG',
+                displayName: 'Rutgers Scarlet Knights',
+                shortDisplayName: 'Rutgers',
+                color: 'd21034',
+                alternateColor: 'ffffff',
+                logo: 'https://a.espncdn.com/i/teamlogos/ncaa/500/164.png',
+                statistics: [
+                    {
+                        $key: 'fieldGoalPct',
+                        value: 44.6,
+                        displayValue: '44.6',
+                        displayName: 'Field Goal %',
+                    },
+                    {
+                        $key: 'threePointFieldGoalPct',
+                        value: 32.9,
+                        displayValue: '32.9',
+                        displayName: 'Three Point %',
+                    },
+                ],
+                homeAway: 'away',
+                record: '14-15',
+                displayOrder: 1,
+            },
+            '194': {
+                id: '194',
+                uid: 's:40~l:41~t:194',
+                abbreviation: 'OSU',
+                displayName: 'Ohio State Buckeyes',
+                logo: 'https://a.espncdn.com/i/teamlogos/ncaa/500/194.png',
+            },
+            '264': {
+                id: '264',
+                uid: 's:40~l:41~t:264',
+                abbreviation: 'WASH',
+                displayName: 'Washington Huskies',
+                logo: 'https://a.espncdn.com/i/teamlogos/ncaa/500/264.png',
+            },
+            '2294': {
+                id: '2294',
+                uid: 's:40~l:41~t:2294',
+                abbreviation: 'IOWA',
+                displayName: 'Iowa Hawkeyes',
+                logo: 'https://a.espncdn.com/i/teamlogos/ncaa/500/2294.png',
+            },
+            '2483': {
+                id: '2483',
+                uid: 's:40~l:41~t:2483',
+                abbreviation: 'ORE',
+                displayName: 'Oregon Ducks',
+                logo: 'https://a.espncdn.com/i/teamlogos/ncaa/500/2483.png',
+            },
+            '2509': {
+                id: '2509',
+                uid: 's:40~l:41~t:2509',
+                abbreviation: 'PUR',
+                displayName: 'Purdue Boilermakers',
+                logo: 'https://a.espncdn.com/i/teamlogos/ncaa/500/2509.png',
+            },
+        },
+        athletes: {
+            '4700818': {
+                id: '4700818',
+                uid: 's:40~l:41~a:4700818',
+                guid: 'f7762d8f-8e45-3fea-9b4e-b4c251c16fd9',
+                displayName: 'Vladislav Goldin',
+                shortName: 'V. Goldin',
+                jersey: '50',
+                headshot: 'https://stitcher.espn.com/ctv/sports/basketball/leagues/mens-college-basketball/athletes/4700818.jpg?w=184&h=144',
+                links: [
+                    {
+                        rel: ['playercard', 'desktop', 'athlete'],
+                        href: 'https://www.espnqa.com/mens-college-basketball/player/_/id/4700818/vladislav-goldin',
+                        text: 'Player Card',
+                    },
+                ],
+                position: {
+                    abbreviation: 'C',
+                },
+            },
+            '4837356': {
+                id: '4837356',
+                uid: 's:40~l:41~a:4837356',
+                guid: '39844ff0-5e66-371c-a947-49d93983944a',
+                displayName: 'Tre Donaldson',
+                shortName: 'T. Donaldson',
+                jersey: '3',
+                headshot: 'https://stitcher.espn.com/ctv/sports/basketball/leagues/mens-college-basketball/athletes/4837356.jpg?w=184&h=144',
+                links: [
+                    {
+                        rel: ['playercard', 'desktop', 'athlete'],
+                        href: 'https://www.espnqa.com/mens-college-basketball/player/_/id/4837356/tre-donaldson',
+                        text: 'Player Card',
+                    },
+                ],
+                position: {
+                    abbreviation: 'G',
+                },
+            },
+            '4873138': {
+                id: '4873138',
+                uid: 's:40~l:41~a:4873138',
+                guid: '51ddca1a-e632-38f9-a875-b8858a2884de',
+                displayName: 'Ace Bailey',
+                shortName: 'A. Bailey',
+                jersey: '4',
+                headshot: 'https://stitcher.espn.com/ctv/sports/basketball/leagues/mens-college-basketball/athletes/4873138.jpg?w=184&h=144',
+                links: [
+                    {
+                        rel: ['playercard', 'desktop', 'athlete'],
+                        href: 'https://www.espnqa.com/mens-college-basketball/player/_/id/4873138/ace-bailey',
+                        text: 'Player Card',
+                    },
+                ],
+                position: {
+                    abbreviation: 'G',
+                },
+            },
+            '5037871': {
+                id: '5037871',
+                uid: 's:40~l:41~a:5037871',
+                guid: 'd8fd1989-052d-3e45-91f2-6fda54fa5c8e',
+                displayName: 'Dylan Harper',
+                shortName: 'D. Harper',
+                jersey: '2',
+                headshot: 'https://stitcher.espn.com/ctv/sports/basketball/leagues/mens-college-basketball/athletes/5037871.jpg?w=184&h=144',
+                links: [
+                    {
+                        rel: ['playercard', 'desktop', 'athlete'],
+                        href: 'https://www.espnqa.com/mens-college-basketball/player/_/id/5037871/dylan-harper',
+                        text: 'Player Card',
+                    },
+                ],
+                position: {
+                    abbreviation: 'G',
+                },
+            },
+            '5107173': {
+                id: '5107173',
+                uid: 's:40~l:41~a:5107173',
+                guid: 'ac3b948f-3ad6-335a-9ac2-8c7c166b0ba4',
+                displayName: 'Danny Wolf',
+                shortName: 'D. Wolf',
+                jersey: '1',
+                headshot: 'https://stitcher.espn.com/ctv/sports/basketball/leagues/mens-college-basketball/athletes/5107173.jpg?w=184&h=144',
+                links: [
+                    {
+                        rel: ['playercard', 'desktop', 'athlete'],
+                        href: 'https://www.espnqa.com/mens-college-basketball/player/_/id/5107173/danny-wolf',
+                        text: 'Player Card',
+                    },
+                ],
+                position: {
+                    abbreviation: 'C',
+                },
+            },
+        },
+    },
+    leaders: [
+        {
+            displayName: 'Points',
+            name: 'pointsPerGame',
+            home: {
+                team: {
+                    $key: '130',
+                },
+                athlete: {
+                    $key: '4700818',
+                    statistics: [
+                        {
+                            displayValue: '16.6',
+                            abbreviation: 'PTS',
+                        },
+                        {
+                            displayValue: '60.7',
+                            abbreviation: 'FG%',
+                        },
+                        {
+                            displayValue: '73.1',
+                            abbreviation: 'FT%',
+                        },
+                    ],
+                },
+            },
+            away: {
+                team: {
+                    $key: '164',
+                },
+                athlete: {
+                    $key: '5037871',
+                    statistics: [
+                        {
+                            displayValue: '19.4',
+                            abbreviation: 'PTS',
+                        },
+                        {
+                            displayValue: '48.4',
+                            abbreviation: 'FG%',
+                        },
+                        {
+                            displayValue: '75.0',
+                            abbreviation: 'FT%',
+                        },
+                    ],
+                },
+            },
+        },
+        {
+            displayName: 'Assists',
+            name: 'assistsPerGame',
+            home: {
+                team: {
+                    $key: '130',
+                },
+                athlete: {
+                    $key: '4837356',
+                    statistics: [
+                        {
+                            displayValue: '4.1',
+                            abbreviation: 'AST',
+                        },
+                        {
+                            displayValue: '2.2',
+                            abbreviation: 'TO',
+                        },
+                        {
+                            displayValue: '31.1',
+                            abbreviation: 'MIN',
+                        },
+                    ],
+                },
+            },
+            away: {
+                team: {
+                    $key: '164',
+                },
+                athlete: {
+                    $key: '5037871',
+                    statistics: [
+                        {
+                            displayValue: '4.0',
+                            abbreviation: 'AST',
+                        },
+                        {
+                            displayValue: '2.4',
+                            abbreviation: 'TO',
+                        },
+                        {
+                            displayValue: '32.6',
+                            abbreviation: 'MIN',
+                        },
+                    ],
+                },
+            },
+        },
+        {
+            displayName: 'Rebounds',
+            name: 'reboundsPerGame',
+            home: {
+                team: {
+                    $key: '130',
+                },
+                athlete: {
+                    $key: '5107173',
+                    statistics: [
+                        {
+                            displayValue: '9.7',
+                            abbreviation: 'REB',
+                        },
+                        {
+                            displayValue: '7.4',
+                            abbreviation: 'DR',
+                        },
+                        {
+                            displayValue: '2.3',
+                            abbreviation: 'OR',
+                        },
+                    ],
+                },
+            },
+            away: {
+                team: {
+                    $key: '164',
+                },
+                athlete: {
+                    $key: '4873138',
+                    statistics: [
+                        {
+                            displayValue: '7.2',
+                            abbreviation: 'REB',
+                        },
+                        {
+                            displayValue: '5.1',
+                            abbreviation: 'DR',
+                        },
+                        {
+                            displayValue: '2.1',
+                            abbreviation: 'OR',
+                        },
+                    ],
+                },
+            },
+        },
+    ],
+    header: {
+        teams: [
+            {
+                $key: '130',
+                linescores: [
+                    {
+                        displayValue: '49',
+                    },
+                    {
+                        displayValue: '35',
+                    },
+                    {
+                        displayValue: '84',
+                    },
+                ],
+            },
+            {
+                $key: '164',
+                linescores: [
+                    {
+                        displayValue: '57',
+                    },
+                    {
+                        displayValue: '25',
+                    },
+                    {
+                        displayValue: '82',
+                    },
+                ],
+            },
+        ],
+        linescoresHeader: ['1', '2', 'T'],
+    },
+    predictor: {
+        header: 'Match Predictor',
+        imageUrl: 'https://platform.espnqa.com/lrd/matchuppredictor/401721458',
+        homeTeam: {
+            team: {
+                $key: '130',
+            },
+            gameProjection: '83.8',
+            teamChanceLoss: '16.2',
+        },
+        awayTeam: {
+            team: {
+                $key: '164',
+            },
+            gameProjection: '16.2',
+            teamChanceLoss: '83.8',
+        },
+    },
+    winProbability: {
+        imageUrl: 'https://platform.espnqa.com/lrd/winprobability/401721458/401721458112682435',
+        homeTeam: {
+            team: {
+                $key: '130',
+            },
+            winPercentage: '9.7',
+        },
+        awayTeam: {
+            team: {
+                $key: '164',
+            },
+            winPercentage: '90.3',
+        },
+    },
+    previousGames: [
+        {
+            displayOrder: 2,
+            team: {
+                $key: '130',
+            },
+            events: [
+                {
+                    team: {
+                        $key: '2509',
+                        homeAway: 'away',
+                    },
+                    score: '75-73',
+                    gameResult: 'W',
+                },
+                {
+                    team: {
+                        $key: '194',
+                        homeAway: 'home',
+                    },
+                    score: '86-83',
+                    gameResult: 'W',
+                },
+                {
+                    team: {
+                        $key: '127',
+                        homeAway: 'away',
+                    },
+                    score: '75-62',
+                    gameResult: 'L',
+                },
+                {
+                    team: {
+                        $key: '158',
+                        homeAway: 'home',
+                    },
+                    score: '49-46',
+                    gameResult: 'W',
+                },
+                {
+                    team: {
+                        $key: '164',
+                        homeAway: 'away',
+                    },
+                    score: '84-82',
+                    gameResult: 'W',
+                },
+            ],
+        },
+        {
+            displayOrder: 1,
+            team: {
+                $key: '164',
+            },
+            events: [
+                {
+                    team: {
+                        $key: '2294',
+                        homeAway: 'away',
+                    },
+                    score: '84-73',
+                    gameResult: 'L',
+                },
+                {
+                    team: {
+                        $key: '2483',
+                        homeAway: 'home',
+                    },
+                    score: '75-57',
+                    gameResult: 'L',
+                },
+                {
+                    team: {
+                        $key: '264',
+                        homeAway: 'home',
+                    },
+                    score: '89-85 OT',
+                    gameResult: 'W',
+                },
+                {
+                    team: {
+                        $key: '30',
+                        homeAway: 'away',
+                    },
+                    score: '95-85',
+                    gameResult: 'W',
+                },
+                {
+                    team: {
+                        $key: '130',
+                        homeAway: 'home',
+                    },
+                    score: '84-82',
+                    gameResult: 'L',
+                },
+            ],
+        },
+    ],
+    gameState: 'pre',
+    promotion: {
+        title: 'Serving Sports Fans. Anytime.',
+        description: 'Open the ESPN app on a mobile device to checkout more stats!',
+        logo: 'https://www.espn.com/redesign/assets/img/ictv/logo_qr/1x/logo_qr_espn.png',
+        qrCode: 'https://stitcher.espn.com/qr-code/.png?url=sportscenter%3A%2F%2Fx-callback-url%2FshowGame%3FsportName%3Dfootball%26leagueAbbrev%3Dnfl%26gameId%3D401671789&width=200&height=200',
+        backgroundImage: 'https://www.espn.com/redesign/assets/img/ictv/bkg_qr_espn.jpg',
+    },
+    activeAthletes: {
+        displayText: 'On the Court',
+        teams: [],
+    },
+    meta: {
+        gp_topic: 'gp-basketball-mens-college-basketball-401721458',
+        picker_topic: 'picker-basketball-mens-college-basketball',
+        gameState: 'pre',
+    },
+};

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

@@ -0,0 +1,39 @@
+/**
+ * Utility functions for stats module
+ */
+export interface Point {
+    x: number;
+    y: number;
+}
+/**
+ * Convert polar coordinates to cartesian coordinates
+ * @param centerX - Center X coordinate
+ * @param centerY - Center Y coordinate
+ * @param radius - Radius from center
+ * @param angleInDegrees - Angle in degrees (0 degrees is at the top)
+ * @returns Point with x,y coordinates
+ */
+export declare const polarToCartesian: (centerX: number, centerY: number, radius: number, angleInDegrees: number) => Point;
+/**
+ * Create an SVG arc path string
+ * @param centerX - Center X coordinate
+ * @param centerY - Center Y coordinate
+ * @param radius - Arc radius
+ * @param startAngle - Start angle in degrees
+ * @param endAngle - End angle in degrees
+ * @returns SVG path string for the arc
+ */
+export declare const createArcPath: (centerX: number, centerY: number, radius: number, startAngle: number, endAngle: number) => string;
+/**
+ * Convert percentage to angle in degrees
+ * @param percentage - Percentage value (0-100)
+ * @returns Angle in degrees (0-360)
+ */
+export declare const percentageToAngle: (percentage: number) => number;
+/**
+ * Get team color with fallback
+ * @param teamColor - Team color from API (without #)
+ * @param fallbackColor - Fallback color (with #)
+ * @returns Color string with # prefix
+ */
+export declare const getTeamColor: (teamColor?: string, fallbackColor?: string) => string;

package/dist/modules/stats/utils.js

@@ -0,0 +1,62 @@
+/**
+ * Utility functions for stats module
+ */
+/**
+ * Convert polar coordinates to cartesian coordinates
+ * @param centerX - Center X coordinate
+ * @param centerY - Center Y coordinate
+ * @param radius - Radius from center
+ * @param angleInDegrees - Angle in degrees (0 degrees is at the top)
+ * @returns Point with x,y coordinates
+ */
+export const polarToCartesian = (centerX, centerY, radius, angleInDegrees) => {
+    const angleInRadians = ((angleInDegrees - 90) * Math.PI) / 180.0;
+    return {
+        x: centerX + radius * Math.cos(angleInRadians),
+        y: centerY + radius * Math.sin(angleInRadians),
+    };
+};
+/**
+ * Create an SVG arc path string
+ * @param centerX - Center X coordinate
+ * @param centerY - Center Y coordinate
+ * @param radius - Arc radius
+ * @param startAngle - Start angle in degrees
+ * @param endAngle - End angle in degrees
+ * @returns SVG path string for the arc
+ */
+export const createArcPath = (centerX, centerY, radius, startAngle, endAngle) => {
+    const start = polarToCartesian(centerX, centerY, radius, endAngle);
+    const end = polarToCartesian(centerX, centerY, radius, startAngle);
+    const largeArcFlag = endAngle - startAngle <= 180 ? '0' : '1';
+    return [
+        'M',
+        start.x,
+        start.y,
+        'A',
+        radius,
+        radius,
+        0,
+        largeArcFlag,
+        0,
+        end.x,
+        end.y,
+    ].join(' ');
+};
+/**
+ * Convert percentage to angle in degrees
+ * @param percentage - Percentage value (0-100)
+ * @returns Angle in degrees (0-360)
+ */
+export const percentageToAngle = (percentage) => {
+    return (percentage / 100) * 360;
+};
+/**
+ * Get team color with fallback
+ * @param teamColor - Team color from API (without #)
+ * @param fallbackColor - Fallback color (with #)
+ * @returns Color string with # prefix
+ */
+export const getTeamColor = (teamColor, fallbackColor = '#666666') => {
+    return teamColor ? `#${teamColor}` : fallbackColor;
+};

package/dist/modules/stats/view/GameLeaders/GameLeaders.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import './GameLeaders.styles.css';
+type Athlete = {
+    id: string;
+    displayName: string;
+    headshot: string;
+    position: string;
+    shortName: string;
+    jersey: string;
+    mainStatistic?: {
+        displayValue: string;
+        abbreviation: string;
+    };
+};
+export type LeaderStatsItem = {
+    displayName: string;
+    awayAthlete: Athlete;
+    homeAthlete: Athlete;
+    statistics?: {
+        homeAthleteValue: string;
+        awayAthleteValue: string;
+        abbreviation: string;
+    }[];
+};
+export type GameLeadersStatsItem = {
+    items: LeaderStatsItem[];
+};
+declare const GameLeaders: (props: GameLeadersStatsItem) => React.JSX.Element;
+export default GameLeaders;

package/dist/modules/stats/view/GameLeaders/GameLeaders.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import './GameLeaders.styles.css';
+import AthletesStatistics from '../components/AthletesStatistics';
+const GameLeaders = (props) => {
+    return (React.createElement("section", { className: "game-leaders" },
+        React.createElement("h5", { className: "T05_ALT" }, "Game Leaders"),
+        props.items.map((item, index) => (React.createElement(AthletesStatistics, { key: item.displayName, item: item, focusKey: String(index) })))));
+};
+export default GameLeaders;

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

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

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

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