@maestro_io/maestro-web-sdk 2.1.3 → 2.2.0

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

@@ -1,42 +0,0 @@
-import React from 'react';
-import './TeamsView.styles.css';
-import Image from '@/components/atoms/Image';
-import { withFocusable, } from '@/external/spatial-navigation';
-import { CarouselSlider, StatsCarousel } from './StatsCarousel';
-import { renderTeamStatistic } from '../../utils/renderTeamStatistic';
-const Teams = (props) => {
-    const teams = [props.homeTeam, props.awayTeam];
-    return (React.createElement("section", { className: "stats-teams-view focus-ring", "data-focused": props.focused, style: {
-            '--home-team': `#${props.homeTeam.color}`,
-            '--away-team': `#${props.awayTeam.color}`,
-        }, "data-live": props.isLive },
-        React.createElement("div", { className: "stats-teams-view-header" }, teams.map((team) => (React.createElement("div", { key: team.id, className: "stats-team" },
-            React.createElement(Image, { src: team.logo, alt: team.name, crossOrigin: "anonymous" }),
-            React.createElement("div", null,
-                React.createElement("span", { className: props.isLive ? 'T05_ALT' : 'T30' }, team.abbreviation),
-                React.createElement("p", { className: "T02" }, team.record)))))),
-        props.isLive && (React.createElement("div", { className: "statistics" },
-            React.createElement("table", { className: "statistics-table" },
-                React.createElement("thead", null,
-                    React.createElement("tr", null,
-                        React.createElement("th", { className: "T10" }),
-                        props.linescoresHeader.map((header) => (React.createElement("th", { key: header, className: "T10" }, header))))),
-                React.createElement("tbody", null, teams.map((team) => (React.createElement("tr", { key: team.id },
-                    React.createElement("td", { className: "T30" }, team.name),
-                    team.linescores.map((lineScore, index) => (React.createElement("td", { key: `${lineScore}-${index}`, className: "T10" }, lineScore)))))))),
-            props.statistics && props.statistics.length > 0 && (React.createElement(StatsCarousel, { itemsLength: props.statistics.length }, props.statistics.map((statistic) => (React.createElement(CarouselSlider, { itemsLength: props.statistics.length, key: statistic.displayName }, renderTeamStatistic({
-                statisticName: statistic.displayName,
-                firstDisplayValue: statistic.homeTeamValue,
-                secondDisplayValue: statistic.awayTeamValue,
-                awayProgressValue: statistic.awayTeamValue,
-                homeProgressValue: statistic.homeTeamValue,
-                classNames: {
-                    container: 'score-statistics',
-                    header: 'score-statistics-header',
-                    firstValue: 'T30',
-                    secondValue: 'T30',
-                    statisticName: 'statistic-name T02',
-                },
-            }))))))))));
-};
-export default withFocusable()(Teams);

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

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

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

@@ -1,27 +0,0 @@
-import React from 'react';
-import './WinProbability.styles.css';
-import { withFocusable, } from '@/external/spatial-navigation';
-import Image from '@/components/atoms/Image';
-const WinProbability = (props) => {
-    return (React.createElement("section", { className: "win-probability focus-ring", "data-focused": props.focused },
-        React.createElement("h5", { className: "T05_ALT" }, "Win Probability"),
-        React.createElement("div", { className: "win-probability-card" }, [props.awayTeam, props.homeTeam].map((team, index) => {
-            return (React.createElement("div", { className: "team", key: team.id },
-                React.createElement(Image, { src: team.logo, alt: `${team.abbreviation} logo`, crossOrigin: "anonymous" }),
-                React.createElement("div", { className: "info" },
-                    React.createElement("span", { className: "T60" }, team.winPercentage ? `${team.winPercentage}%` : '–'),
-                    React.createElement("div", { className: "name T01" },
-                        index === 0 ? React.createElement(AwayTeamChartLine, null) : React.createElement(HomeTeamChartLine, null),
-                        React.createElement("span", null, team.abbreviation)))));
-        })),
-        React.createElement(Image, { src: props.chartImageUrl, alt: "Win Probability Chart", crossOrigin: "anonymous" })));
-};
-const AwayTeamChartLine = () => {
-    return (React.createElement("svg", { width: "25", height: "4", viewBox: "0 0 25 4", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-        React.createElement("path", { d: "M2.33337 2H22.3334", stroke: "white", strokeWidth: "4", strokeLinecap: "round" })));
-};
-const HomeTeamChartLine = () => {
-    return (React.createElement("svg", { width: "25", height: "4", viewBox: "0 0 25 4", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-        React.createElement("path", { d: "M2.66992 2H22.6699", stroke: "white", strokeWidth: "4", strokeLinecap: "round", strokeDasharray: "2 7" })));
-};
-export default withFocusable()(WinProbability);

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

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

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

@@ -1,29 +0,0 @@
-import React from 'react';
-import StatisticsTable from './StatisticTable';
-import Image from '@/components/atoms/Image';
-import { withFocusable, } from '@/external/spatial-navigation';
-import './AthleteStatistics.styles.css';
-const AthletesStatistics = (props) => {
-    const item = props.item;
-    return (React.createElement("div", { className: "athletes-statistics focus-ring", "data-focused": props.focused },
-        !!item.displayName && (React.createElement("span", { className: "T05_ALT" }, item.displayName)),
-        React.createElement("div", { className: "leaders-wrapper" }, [item.awayAthlete, item.homeAthlete].map((athlete) => {
-            return (React.createElement("div", { className: "leader", key: athlete.id + item.displayName },
-                React.createElement("div", { className: "image-wrapper T02", "data-position": athlete.position },
-                    React.createElement(Image, { src: athlete.headshot, alt: `${item.displayName} ${athlete.displayName} Headshot Image` })),
-                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" },
-                        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/modules/stats/view/components/AthletesStatistics/StatisticTable.js

@@ -1,12 +0,0 @@
-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/modules/stats/view/components/AthletesStatistics/index.js

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

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

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

package/dist/modules/stats/view-model/StatsViewModel.js

@@ -1,90 +0,0 @@
-import { Observable } from '../../../helpers/Observable';
-import { ViewModel } from '../../../view-models/ViewModel';
-import { MOCK_STATS_API_PRE_GAME_RESPONSE } from '../mocks';
-// TODO: Implement actual ViewModel
-export class StatsViewModel extends ViewModel {
-    constructor(_eventId, // TODO: Will be used when implementing real API calls
-    options = {}) {
-        super();
-        // Observable properties
-        Object.defineProperty(this, "statsData", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new Observable(null)
-        });
-        Object.defineProperty(this, "isDataLoading", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new Observable(true)
-        });
-        Object.defineProperty(this, "hasEverSuccessfullyLoaded", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new Observable(false)
-        });
-        // Properties
-        Object.defineProperty(this, "useMockData", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        Object.defineProperty(this, "initialized", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: false
-        });
-        // TODO: Store eventId when implementing real API calls
-        // this.eventId = _eventId;
-        this.useMockData = options.useMockData || false;
-    }
-    /**
-     * Initialize the ViewModel and start data fetching
-     */
-    async init() {
-        await this.fetchNewData();
-        this.initialized = true;
-    }
-    /**
-     * Clean up resources when the ViewModel is no longer needed
-     */
-    cleanup() {
-        this.initialized = false;
-    }
-    /**
-     * Fetch new stats data immediately (one-time)
-     */
-    async fetchNewData() {
-        this.isDataLoading.value = true;
-        try {
-            // Handle mock data if enabled
-            if (this.useMockData) {
-                await this.fetchMockData();
-                return;
-            }
-            // TODO: Implement real API call when stats service is available
-            // For now, fall back to mock data
-            await this.fetchMockData();
-            this.isDataLoading.value = false;
-        }
-        catch (error) {
-            console.error('Error fetching stats data:', error);
-            this.isDataLoading.value = false;
-        }
-    }
-    /**
-     * Fetch mock data for testing
-     */
-    async fetchMockData() {
-        // Simulate network delay
-        await new Promise((resolve) => setTimeout(resolve, 100));
-        this.statsData.value = MOCK_STATS_API_PRE_GAME_RESPONSE;
-        this.hasEverSuccessfullyLoaded.value = true;
-        this.isDataLoading.value = false;
-    }
-}
-export default StatsViewModel;

package/dist/services/BetsService.js

@@ -1,102 +0,0 @@
-import NetworkManager, { HttpMethod } from './NetworkManager/NetworkManager';
-/**
- * Service for handling bets-related API calls
- */
-class BetsService {
-    constructor(delegate) {
-        Object.defineProperty(this, "networkManager", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        this.networkManager = NetworkManager.getInstance({
-            externalBaseURL: delegate.getBettingAPIBaseURL(),
-        });
-    }
-    /**
-     * Get non-personalized bets for an event
-     *
-     * @param eventID - The ID of the event
-     * @returns Promise with the bets data
-     */
-    async getNonPersonalizedBets(eventID) {
-        return this.networkManager.externalApiRequest({
-            endpoint: this.nonPersonalizedBetsEndpoint(eventID),
-            method: HttpMethod.GET,
-            params: {},
-            headers: {},
-        });
-    }
-    /**
-     * Get personalized bets for an event
-     *
-     * @param eventID - The ID of the event
-     * @param swid - The ESPN SWID parameter
-     * @param jwt - The authorization JWT
-     * @returns Promise with the personalized bets data
-     */
-    async getPersonalizedBets(eventID, swid, jwt) {
-        return this.networkManager.externalApiRequest({
-            endpoint: this.personalizedBetsEndpoint(eventID),
-            method: HttpMethod.GET,
-            params: { swid },
-            headers: { 'x-p13n-auth': jwt },
-        });
-    }
-    /**
-     * Start polling for non-personalized bets
-     *
-     * @param eventID - The ID of the event
-     * @param interval - The polling interval in milliseconds
-     * @param onData - Callback for successful data fetch
-     * @param onError - Callback for errors
-     * @returns Object with a stop function to stop polling
-     */
-    pollNonPersonalizedBets(eventID, interval, onData, onError) {
-        return this.networkManager.pollExternalApiRequest({
-            endpoint: this.nonPersonalizedBetsEndpoint(eventID),
-            interval,
-            method: HttpMethod.GET,
-            params: {},
-            headers: {},
-            onData,
-            onError,
-        });
-    }
-    /**
-     * Start polling for personalized bets
-     *
-     * @param eventID - The ID of the event
-     * @param swid - The ESPN SWID parameter
-     * @param jwt - The authorization JWT
-     * @param interval - The polling interval in milliseconds
-     * @param onData - Callback for successful data fetch
-     * @param onError - Callback for errors
-     * @returns Object with a stop function to stop polling
-     */
-    pollPersonalizedBets(eventID, swid, jwt, interval, onData, onError) {
-        return this.networkManager.pollExternalApiRequest({
-            endpoint: this.personalizedBetsEndpoint(eventID),
-            interval,
-            method: HttpMethod.GET,
-            params: { swid },
-            headers: { 'x-p13n-auth': jwt },
-            onData,
-            onError,
-        });
-    }
-    /**
-     * Get the endpoint for non-personalized bets
-     */
-    nonPersonalizedBetsEndpoint(eventID) {
-        return `/site/v2/events/${eventID}/odds`;
-    }
-    /**
-     * Get the endpoint for personalized bets
-     */
-    personalizedBetsEndpoint(eventID) {
-        return `/personalized/site/v2/events/${eventID}/odds`;
-    }
-}
-export default BetsService;