@maestro_io/maestro-web-sdk 4.0.0-beta.4 → 4.0.0

package/dist/src/services/StaticService/types.d.ts

@@ -1,76 +0,0 @@
-import ITheme from '@/models/ITheme';
-type PlatformConfig = {
-    analytics: {
-        enabled: boolean;
-        beacon_interval: number;
-    };
-};
-export interface GlobalConfig {
-    shards: string[];
-    bbd: PlatformConfig;
-}
-interface PageConfigPanel<TRendererData = unknown, TBlockData = any> {
-    _id: string;
-    slug: string;
-    panel_name?: string;
-    panel_type?: string;
-    icon_name?: string;
-    renderer?: {
-        block_data?: TBlockData;
-        icon_name?: string;
-        id?: string;
-        panel_name?: string;
-        panel_type?: string;
-        supported_platforms?: {
-            android?: boolean;
-            bbd?: boolean;
-            roku?: boolean;
-            tvos?: boolean;
-        } & TRendererData;
-    };
-}
-export type PageMetadata = {
-    /**
-     * Event ID or Airing ID
-     */
-    external_field_1?: string;
-    /**
-     * Sport guid
-     */
-    external_field_2?: string;
-    /**
-     * League guid
-     */
-    external_field_3?: string;
-    /**
-     * External field 1 identifier. Can be either 'airing' or 'event'.
-     */
-    external_field_4?: 'airing' | 'event';
-    /**
-     * A stringified JSON object containing additional metadata.
-     */
-    external_field_5?: string;
-};
-export interface PageConfig {
-    panels: PageConfigPanel[];
-    page: {
-        _id: string;
-        slug: string;
-        type: string;
-        name?: string;
-        metadata?: PageMetadata;
-    };
-    insights: {
-        _id: string | null;
-    };
-    site: {
-        _id: string;
-        domainUrl: string;
-        package: {
-            version: string;
-            id: string;
-        };
-    };
-    theme?: ITheme | null;
-}
-export {};

package/dist/src/services/StaticService/types.js

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

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

@@ -1,46 +0,0 @@
-import { IStatsNetworkManager } from './NetworkManager/types';
-import { StatsApiResponse } from '../modules/stats/interfaces/IStats';
-import IMaestroEventDelegate from '@/interfaces/IMaestroEventDelegate';
-/**
- * Service for handling stats-related API calls
- */
-declare class StatsService {
-    networkManager: IStatsNetworkManager;
-    overrideUrl: string | null;
-    constructor(delegate: IMaestroEventDelegate);
-    /**
-     * Get stats using a full sync URL (for timecode support)
-     *
-     * @param timeCode - The timecode in milliseconds, or null for 'latest'
-     * @returns Promise with the stats data
-     */
-    getStatsByUrl(timeCode: number | null): Promise<StatsApiResponse>;
-    /**
-     * Start polling using a full sync URL (for timecode support)
-     *
-     * @param timeCode - The timecode in milliseconds, or null for 'latest'
-     * @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
-     */
-    pollStatsByUrl(timeCode: number | null, interval: number, onData: (data: StatsApiResponse) => void, onError?: (error: Error) => void): {
-        stop: () => void;
-    };
-    /**
-     * Build sync URL for timecode-based stats fetching with enhanced logging
-     * Enhanced with comprehensive validation and fallback strategies
-     *
-     * @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;
-    /**
-     * Format timecode for API consumption
-     * @param timeCode - Timecode in milliseconds or null
-     * @returns ISO date string, "pre.json" for pre-game, or "latest" for post-game
-     */
-    private formatTimeCodeForAPI;
-}
-export default StatsService;

package/dist/src/services/StatsService.js

@@ -1,147 +0,0 @@
-import { HttpMethod } from './NetworkManager/NetworkManager';
-import NetworkManagerFactory from './NetworkManager/NetworkManagerFactory';
-import SDK from '..';
-import { captureException } from '@/sentry';
-/**
- * Service for handling stats-related API calls
- */
-class StatsService {
-    constructor(delegate) {
-        Object.defineProperty(this, "networkManager", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "overrideUrl", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: null
-        });
-        this.networkManager = NetworkManagerFactory.createStatsNetworkManager(delegate.getStatsAPIBaseURL());
-    }
-    /**
-     * Get stats using a full sync URL (for timecode support)
-     *
-     * @param timeCode - The timecode in milliseconds, or null for 'latest'
-     * @returns Promise with the stats data
-     */
-    async getStatsByUrl(timeCode) {
-        return this.networkManager.externalApiRequest({
-            endpoint: this.getSyncEndpoint(timeCode),
-            method: HttpMethod.GET,
-            params: {},
-            headers: {},
-        });
-    }
-    /**
-     * Start polling using a full sync URL (for timecode support)
-     *
-     * @param timeCode - The timecode in milliseconds, or null for 'latest'
-     * @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
-     */
-    pollStatsByUrl(timeCode, interval, onData, onError) {
-        return this.networkManager.pollExternalApiRequest({
-            endpoint: this.getSyncEndpoint(timeCode),
-            interval,
-            method: HttpMethod.GET,
-            params: {},
-            headers: {},
-            onData,
-            onError,
-        });
-    }
-    /**
-     * Build sync URL for timecode-based stats fetching with enhanced logging
-     * Enhanced with comprehensive validation and fallback strategies
-     *
-     * @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
-     */
-    getSyncEndpoint(timeCode) {
-        // Apply overrideUrl if set
-        if (this.overrideUrl) {
-            console.log('[StatsService] Using overrideUrl:', this.overrideUrl);
-            return this.overrideUrl;
-        }
-        const pageConfig = SDK.getPageConfig();
-        if (!pageConfig) {
-            throw new Error('Page config is null or undefined');
-        }
-        const metadata = pageConfig.page.metadata;
-        if (!metadata?.external_field_1 || !metadata?.external_field_5) {
-            throw new Error('Missing eventId or leagueId in page config metadata. Cannot build sync URL. ' +
-                `Required fields: external_field_1 (eventId), external_field_5 (leagueId). Available fields: ${Object.keys(metadata || {}).join(', ')}`);
-        }
-        const eventId = metadata.external_field_1;
-        let leagueId;
-        try {
-            if (metadata.external_field_5) {
-                const leagueData = JSON.parse(metadata.external_field_5);
-                leagueId = leagueData.leagueId;
-                if (!leagueId) {
-                    throw new Error('leagueId not found in parsed JSON');
-                }
-            }
-            else {
-                throw new Error('external_field_5 is empty or undefined');
-            }
-        }
-        catch (parseError) {
-            const error = new Error(`Failed to parse leagueId from external_field_5. Raw value: ${metadata.external_field_5}`);
-            captureException(error, {
-                rawValue: metadata.external_field_5,
-                parseError,
-            });
-            throw error;
-        }
-        if (!eventId.trim() || !leagueId.trim()) {
-            throw new Error('EventId or leagueId is empty string in page config metadata');
-        }
-        const formattedTimeCode = this.formatTimeCodeForAPI(timeCode);
-        return `/${leagueId}/${eventId}/en/us/${formattedTimeCode}`;
-    }
-    /**
-     * Format timecode for API consumption
-     * @param timeCode - Timecode in milliseconds or null
-     * @returns ISO date string, "pre.json" for pre-game, or "latest" for post-game
-     */
-    formatTimeCodeForAPI(timeCode) {
-        if (!timeCode || timeCode === 0) {
-            return 'latest';
-        }
-        if (typeof timeCode !== 'number' ||
-            isNaN(timeCode) ||
-            !isFinite(timeCode)) {
-            console.warn('Invalid timecode provided, using "latest":', timeCode);
-            return 'latest';
-        }
-        try {
-            const date = new Date(timeCode);
-            if (isNaN(date.getTime())) {
-                console.warn('Invalid date from timecode, using "latest":', timeCode);
-                return 'latest';
-            }
-            // For future timecodes, use "latest" since we can't fetch future data
-            const now = Date.now();
-            const timeDiff = now - timeCode;
-            if (timeDiff < 0) {
-                return 'latest';
-            }
-            // Return ISO date string without milliseconds to match API format
-            const isoString = date.toISOString().replace(/\.\d{3}Z$/, 'Z');
-            return isoString;
-        }
-        catch (error) {
-            captureException(error, { timeCode });
-            console.warn('Error formatting timecode, using "latest":', timeCode, error);
-            return 'latest';
-        }
-    }
-}
-export default StatsService;

package/dist/src/services/ThemeManager/constants.d.ts

@@ -1,2 +0,0 @@
-import ITheme from '@/models/ITheme';
-export declare const DARK_THEME: ITheme;

package/dist/src/services/ThemeManager/constants.js

@@ -1,47 +0,0 @@
-import { BORDER_RADIUS, TEXT_CAPITALIZATION, THEME_MODES, THEME_TYPES, } from '@/models/ITheme';
-const FONT_FAMILY = 'BentonSans-Medium';
-export const DARK_THEME = {
-    _id: '6274067af74b66a544018dac',
-    button: {
-        borderRadius: BORDER_RADIUS.rounded,
-        textCapitalization: TEXT_CAPITALIZATION.uppercase,
-    },
-    colors: {
-        // Accent colors
-        accentPrimary: '#FFFFFF',
-        // Secondary accent colors
-        accentSecondary: '#3C3F47',
-        // Tertiary accent colors
-        accentTertiary: '#0C0C0E',
-        // Surface Colors
-        surface1: '#080A0C',
-        surface2: '#12141A',
-        surface3: '#1B1E26',
-        surface4: '#242833',
-        surface5: '#363C4D',
-        surface6: '#3E4759',
-        // Highlight colors
-        highlightPrimary: '#FFFFFF',
-        highlightSecondary: '#9A9EA9',
-        highlightTertiary: '#0A0C0F',
-        // Alert colors
-        alertConfirmation: '#43D48F',
-        alertWarning: '#F58B00',
-        alertError: '#FF0000',
-        // Text colors
-        text100: '#F8F9FA',
-        text200: '#C2C5CB',
-        text300: '#8D919D',
-        text400: '#5C606B',
-        text500: '#0C0C0E',
-    },
-    creator: '016901e60000000000000000',
-    name: 'Dark Mode',
-    type: THEME_TYPES.CLASSIC,
-    mode: THEME_MODES.DARK,
-    owner: '016901e60000000000000000',
-    typography: {
-        body: FONT_FAMILY,
-        headline: FONT_FAMILY,
-    },
-};

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

@@ -1,63 +0,0 @@
-import { Observable } from '@/helpers/Observable';
-import { IUserSettings, PanelSettings } from '@/interfaces/IUserSettings';
-import { MaestroPanelType } from '@/models/IPanel';
-/**
- * UserSettingsManager - Singleton service for managing user settings
- * Uses Observable pattern for reactive updates across the SDK
- */
-export declare class UserSettingsManager {
-    private static instance;
-    private _settings;
-    private constructor();
-    /**
-     * Get the singleton instance of UserSettingsManager
-     */
-    static getInstance(): UserSettingsManager;
-    /**
-     * Get the current settings as an Observable
-     */
-    get settings(): Observable<IUserSettings>;
-    /**
-     * Get the current settings value (snapshot)
-     */
-    getCurrentSettings(): IUserSettings;
-    /**
-     * Update user settings with validation and merge logic
-     * @param userSettings - New settings to apply
-     */
-    updateSettings(userSettings: IUserSettings): void;
-    /**
-     * Get settings for a specific panel type
-     * @param panelType - Panel type to get settings for
-     */
-    getPanelSettings<T extends keyof NonNullable<IUserSettings['panels']>>(panelType: T): PanelSettings<T> | undefined;
-    /**
-     * Check if a panel should be hidden
-     * @param panelType - Panel type to check
-     */
-    isPanelHidden(panelType: MaestroPanelType): boolean;
-    /**
-     * Check if wagers should be hidden for betting panel
-     */
-    shouldHideWagers(): boolean;
-    /**
-     * Reset settings to defaults
-     */
-    resetToDefaults(): void;
-    /**
-     * Validate settings structure and values
-     * @param settings - Settings to validate
-     */
-    private validateSettings;
-    /**
-     * Merge user settings with current settings (deep merge)
-     * @param currentSettings - Current settings
-     * @param userSettings - New settings to merge
-     */
-    private mergeSettings;
-    /**
-     * Map MaestroPanelType to settings key
-     * @param panelType - Panel type from MaestroPanelType enum
-     */
-    private mapPanelTypeToSettingsKey;
-}

package/dist/src/services/UserSettingsManager.js

@@ -1,155 +0,0 @@
-import { Observable } from '@/helpers/Observable';
-import { DEFAULT_USER_SETTINGS, } from '@/interfaces/IUserSettings';
-import { MaestroPanelType } from '@/models/IPanel';
-const PANEL_TYPE_SETTINGS_KEY_MAP = {
-    [MaestroPanelType.BETS]: 'bets',
-    [MaestroPanelType.STATS]: 'stats',
-    [MaestroPanelType.KEY_PLAYS]: 'keyPlays',
-    [MaestroPanelType.FANTASY]: 'fantasy',
-    [MaestroPanelType.SHOP]: 'shop',
-};
-/**
- * UserSettingsManager - Singleton service for managing user settings
- * Uses Observable pattern for reactive updates across the SDK
- */
-export class UserSettingsManager {
-    constructor() {
-        Object.defineProperty(this, "_settings", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        this._settings = new Observable(DEFAULT_USER_SETTINGS);
-    }
-    /**
-     * Get the singleton instance of UserSettingsManager
-     */
-    static getInstance() {
-        if (!UserSettingsManager.instance) {
-            UserSettingsManager.instance = new UserSettingsManager();
-        }
-        return UserSettingsManager.instance;
-    }
-    /**
-     * Get the current settings as an Observable
-     */
-    get settings() {
-        return this._settings;
-    }
-    /**
-     * Get the current settings value (snapshot)
-     */
-    getCurrentSettings() {
-        return this._settings.value;
-    }
-    /**
-     * Update user settings with validation and merge logic
-     * @param userSettings - New settings to apply
-     */
-    updateSettings(userSettings) {
-        if (!this.validateSettings(userSettings)) {
-            console.warn('Invalid user settings provided, using default setting');
-            return;
-        }
-        const mergedSettings = this.mergeSettings(this._settings.value, userSettings);
-        this._settings.value = mergedSettings;
-    }
-    /**
-     * Get settings for a specific panel type
-     * @param panelType - Panel type to get settings for
-     */
-    getPanelSettings(panelType) {
-        return this._settings.value.panels?.[panelType];
-    }
-    /**
-     * Check if a panel should be hidden
-     * @param panelType - Panel type to check
-     */
-    isPanelHidden(panelType) {
-        const panelKey = this.mapPanelTypeToSettingsKey(panelType);
-        if (!panelKey)
-            return false;
-        const panelSettings = this.getPanelSettings(panelKey);
-        return panelSettings?.hidePanel === true;
-    }
-    /**
-     * Check if wagers should be hidden for betting panel
-     */
-    shouldHideWagers() {
-        const betsSettings = this.getPanelSettings('bets');
-        return betsSettings?.hideWagers === true;
-    }
-    /**
-     * Reset settings to defaults
-     */
-    resetToDefaults() {
-        this._settings.value = DEFAULT_USER_SETTINGS;
-    }
-    /**
-     * Validate settings structure and values
-     * @param settings - Settings to validate
-     */
-    validateSettings(settings) {
-        if (!settings || typeof settings !== 'object') {
-            return false;
-        }
-        // Validate panels object if present
-        if (settings.panels && typeof settings.panels !== 'object') {
-            return false;
-        }
-        // Validate individual panel settings
-        if (settings.panels) {
-            for (const [panelKey, panelSettings] of Object.entries(settings.panels)) {
-                if (panelSettings && typeof panelSettings !== 'object') {
-                    return false;
-                }
-                // Validate boolean properties
-                if (panelSettings) {
-                    for (const [key, value] of Object.entries(panelSettings)) {
-                        if (value !== undefined && typeof value !== 'boolean') {
-                            console.warn(`Invalid setting value for ${panelKey}.${key}: expected boolean, got ${typeof value}`);
-                            return false;
-                        }
-                    }
-                }
-            }
-        }
-        return true;
-    }
-    /**
-     * Merge user settings with current settings (deep merge)
-     * @param currentSettings - Current settings
-     * @param userSettings - New settings to merge
-     */
-    mergeSettings(currentSettings, userSettings) {
-        const merged = {
-            panels: {
-                ...currentSettings.panels,
-            },
-        };
-        if (userSettings.panels) {
-            for (const [panelKey, panelSettings] of Object.entries(userSettings.panels)) {
-                if (panelSettings) {
-                    const currentPanelSettings = merged.panels[panelKey];
-                    const mergedPanelSettings = { ...currentPanelSettings };
-                    // Filter out undefined values and only merge defined ones
-                    for (const [settingKey, settingValue] of Object.entries(panelSettings)) {
-                        if (settingValue !== undefined) {
-                            mergedPanelSettings[settingKey] = settingValue;
-                        }
-                    }
-                    merged.panels[panelKey] = mergedPanelSettings;
-                }
-            }
-        }
-        return merged;
-    }
-    /**
-     * Map MaestroPanelType to settings key
-     * @param panelType - Panel type from MaestroPanelType enum
-     */
-    mapPanelTypeToSettingsKey(panelType) {
-        return PANEL_TYPE_SETTINGS_KEY_MAP[panelType] || null;
-    }
-}

package/dist/src/test-polyfills.d.ts

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

package/dist/src/test-polyfills.js

@@ -1,15 +0,0 @@
-// This file must be the first import in test files
-// Handle globalThis for Node.js < 12
-if (typeof globalThis === 'undefined') {
-    global.globalThis = global;
-}
-// Polyfill for FinalizationRegistry in Node.js < 14.6.0
-const globalWithFR = globalThis;
-if (typeof globalWithFR.FinalizationRegistry === 'undefined') {
-    globalWithFR.FinalizationRegistry = class FinalizationRegistry {
-        constructor(_callback) { }
-        register(_target, _heldValue, _unregisterToken) { }
-        unregister(_unregisterToken) { }
-    };
-}
-export {};

package/dist/src/types/OverlayTypes.d.ts

@@ -1,43 +0,0 @@
-import { WinningBet } from '../models/IWinningBet';
-export declare const OverlayType: {
-    readonly WinningBet: "winningBet";
-    readonly FantasyPlayerEvent: "fantasyPlayerEvent";
-};
-export type OverlayType = typeof OverlayType[keyof typeof OverlayType];
-export interface IOverlayPosition {
-    top?: number;
-    left?: number;
-    right?: number;
-    bottom?: number;
-}
-export interface IOverlaySize {
-    width: number;
-    height: number;
-}
-export interface IFantasyPayload {
-    athleteId: string;
-    title: string;
-    metadata: string;
-    headline: string;
-    description: string;
-    image?: string;
-    sportsType: string;
-}
-export interface IMaestroOverlayEvent {
-    type: OverlayType;
-    size: IOverlaySize;
-    position: IOverlayPosition;
-    winningBet?: WinningBet;
-    fantasy?: IFantasyPayload;
-}
-export interface IOverlayAnalyticsEvent {
-    eventName: 'overlayViewed' | 'overlayClicked';
-    attributes: {
-        template: string;
-        templateId?: string;
-        instanceName: string;
-        instanceId: string;
-        fullscreen?: boolean;
-        overlayType: string;
-    };
-}

package/dist/src/types/OverlayTypes.js

@@ -1,4 +0,0 @@
-export const OverlayType = {
-    WinningBet: 'winningBet',
-    FantasyPlayerEvent: 'fantasyPlayerEvent',
-};

package/dist/src/view-models/MaestroEventViewModel.d.ts

@@ -1,63 +0,0 @@
-import IMaestroEventDelegate from '../interfaces/IMaestroEventDelegate';
-import IMaestroEvent, { TestUseCase } from '../interfaces/IMaestroEvent';
-import { Observable } from '../helpers/Observable';
-import { ViewModel } from './ViewModel';
-import KeyPlaysViewModel from '../modules/key-plays/view-model/KeyPlaysViewModel';
-import BetsViewModel from '../modules/bets/view-model/BetsViewModel';
-import SpatialNavigation from '@/external/spatial-navigation/spatialNavigation';
-import StatsViewModel from '../modules/stats/view-model/StatsViewModel';
-import IMaestroKeyPlaysResponse from '../modules/key-plays/interfaces/IKeyPlaysResponse';
-import { MaestroPanelType } from '@/models/IPanel';
-import { IUserSettings } from '../interfaces/IUserSettings';
-import { PanelManagerViewModel } from './PanelManagerViewModel';
-import FantasyViewModel from '@/modules/fantasy/view-model/FantasyViewModel';
-import ShopViewModel from '@/modules/shop/view-model/ShopViewModel';
-export declare class MaestroEventViewModel extends ViewModel implements IMaestroEvent {
-    private _eventId;
-    private _title;
-    private _isLive;
-    private _isShowingPanel;
-    private playerTimeCode;
-    delegate: IMaestroEventDelegate;
-    keyPlaysViewModel: KeyPlaysViewModel | null;
-    fantasyViewModel: FantasyViewModel | null;
-    betsViewModel: BetsViewModel | null;
-    statsViewModel: StatsViewModel | null;
-    shopViewModel: ShopViewModel | null;
-    panelManagerViewModel: PanelManagerViewModel;
-    navigation: SpatialNavigation;
-    constructor(eventId: string | undefined, delegate: IMaestroEventDelegate);
-    setActivePanel(panelType: MaestroPanelType): void;
-    updatePlayerTimeCode(timestamp: number): void;
-    getPlayerTimeCode(): number | null;
-    setDataToPanel(panelData: Record<string, any>): void;
-    deinit(): Promise<void>;
-    updateKeyPlaysData(data: IMaestroKeyPlaysResponse | null): Promise<void>;
-    updateUserSettings(settings: IUserSettings): Promise<void>;
-    startFocusManagement(): Promise<void>;
-    didStartPlayingClip(index: number): void;
-    didStopPlayingClip(index: number): void;
-    didFailToPlayClip(index: number): void;
-    didUpdatePlaybackProgressOfClip(index: number, to: number): void;
-    didShowPanel(): Promise<void>;
-    didHidePanel(): Promise<void>;
-    didShowOverlay(): Promise<void>;
-    didHideOverlay(): Promise<void>;
-    currentEventDoesNotSupportKeyPlays(): void;
-    getCurrentEventID(): string;
-    getCurrentlyPlayingClipIndex(): number | null;
-    getLastPlayedClipIndex(): number | null;
-    getCurrentClipPlaybackProgress(): number | null;
-    getKeyPlaysCount(): number;
-    get eventId(): Observable<string>;
-    get title(): Observable<string>;
-    get isLive(): Observable<boolean>;
-    get isShowingPanel(): boolean;
-    set isShowingPanel(value: boolean);
-    simulateUseCase<T = any>(useCase: TestUseCase, panelType: MaestroPanelType, testData?: T): void;
-    /**
-     * This method is called when the user navigates to the MaestroEventViewModel.
-     * It will pause navigation and start focus management.
-     */
-    deliverFocus(): void;
-}