@maestro_io/maestro-web-sdk 2.3.0 → 3.0.0

package/dist/{MaestroEventDelegate.d.ts → src/development/MaestroEventDelegate.d.ts}

@@ -1,12 +1,17 @@
-import IMaestroEventDelegate from './interfaces/IMaestroEventDelegate';
-import { Environment } from '.';
-import { ActionTrackEvent, ImpressionTrackEvent } from './services/AnalyticsService/types';
+import IMaestroEventDelegate from '../interfaces/IMaestroEventDelegate';
+import { ActionTrackEvent, ImpressionTrackEvent } from '../services/AnalyticsService/types';
+type Environment = 'development' | 'production';
 /**
  * Our own implementation of the IMaestroEventDelegate interface. Useful for Development and Testing
  */
 export default class MaestroEventDelegate implements IMaestroEventDelegate {
+    loggedIn: boolean;
     env: Environment;
-    constructor(env?: Environment);
+    constructor({ env, loggedIn, }?: {
+        env: Environment;
+        loggedIn: boolean;
+    });
+    toggleLogin(): void;
     trackImpression(impression: ImpressionTrackEvent): void;
     trackAction(action: ActionTrackEvent): void;
     getStatsAPIBaseURL(): string;
@@ -18,3 +23,4 @@ export default class MaestroEventDelegate implements IMaestroEventDelegate {
     getUserToken(): Promise<string | null>;
     playClip(atIndex: number): void;
 }
+export {};

package/dist/src/development/TimeSeek.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+interface TimeCodeSeekProps {
+    eventId: string;
+}
+interface TimeCodeSeekState {
+    currentTimeCode: number | null;
+    gameStartTimeCode: number | null;
+}
+export default class TimeCodeSeek extends React.Component<TimeCodeSeekProps, TimeCodeSeekState> {
+    constructor(props: TimeCodeSeekProps);
+    componentDidMount(): void;
+    addMinutesFromTimestamp: (timestamp: number, minutes: number) => number;
+    formatTimestampToWallClock: (timestamp: number) => string;
+    formatWallClockToTimestamp: (timestamp: string) => number;
+    retreat: (minutes: number) => Promise<void>;
+    advance: (minutes: number) => Promise<void>;
+    setToNow: () => void;
+    resetToGameStart: () => void;
+    get timeCode(): number;
+    render(): React.JSX.Element;
+}
+export {};

package/dist/{index.d.ts → src/index.d.ts}

@@ -12,7 +12,6 @@ export { IWinningBet } from './models/IWinningBet';
 export { ActionTrackEvent, ImpressionTrackEvent, Metadata, PanelClickAction, PanelViewAction, } from './services/AnalyticsService/types';
 export { IMaestroEventDelegate, IMaestroEvent, IMaestroKeyPlaysResponse, MaestroPanelType, };
 export { IUserSettings, DEFAULT_USER_SETTINGS, } from './interfaces/IUserSettings';
-export type Environment = 'development' | 'production';
 /**
  * Main SDK class that serves as the entry point for the Maestro TV SDK
  * Follows a singleton pattern similar to the Swift implementation
@@ -20,13 +19,8 @@ export type Environment = 'development' | 'production';
 declare class MaestroWebSDK implements IMaestroManager {
     private static instance;
     private renderer;
-    private siteID?;
-    private userID?;
-    private maestroJwt?;
-    private clientAppToken?;
-    private clientAppSwid?;
+    private siteID;
     private maestroEventViewModel;
-    private environment;
     private pageConfig;
     private constructor();
     /**
@@ -37,12 +31,6 @@ declare class MaestroWebSDK implements IMaestroManager {
     userDidStartWatchingEvent(eventID: string, delegate: IMaestroEventDelegate, userSettings?: IUserSettings): Promise<IMaestroEvent>;
     userDidStopWatchingEvent(_: string): void;
     configure(configParams: SDKConfigParams): void;
-    /**
-     * Sets the environment for the SDK
-     * @param environment The environment to set
-     */
-    setEnvironment(environment: Environment): void;
-    getEnvironment(): Environment;
     /**
      * Checks if this is an authorized client based on siteID
      */
@@ -51,29 +39,14 @@ declare class MaestroWebSDK implements IMaestroManager {
      * Sets the site ID for the SDK
      * @param siteID The site ID to set
      */
-    setSiteID(siteID?: string): void;
-    getSiteID(): string | undefined;
-    /**
-     * Sets the user ID for the SDK
-     * @param userID The user ID to set
-     */
-    setUserID(userID: string): void;
-    getUserID(): string | undefined;
+    setSiteID(siteID: string): void;
+    getSiteID(): string;
     /**
      * Gets the event view model
      * @returns The current event view model
      */
     getMaestroEventViewModel(): MaestroEventViewModel;
     renderPanel(id: string): Promise<() => void>;
-    setMaestroJwt(jwt: string | undefined): void;
-    setClientAppSwid(swid: string | undefined): void;
-    setClientAppToken(jwt: string | undefined): void;
-    authenticateUser(swid: string, token: string): Promise<void>;
-    deauthenticateUser(): Promise<void>;
-    getCurrentMaestroJwt(): string | undefined;
-    getClientAppToken(): string | undefined;
-    getCurrentUserID(): string | undefined;
-    getClientAppSwid(): string | undefined;
     getPageConfig(): PageConfig | null;
 }
 declare const SDK: MaestroWebSDK;

package/dist/src/interfaces/IMaestroManager.d.ts

@@ -0,0 +1,45 @@
+import IMaestroEventDelegate from './IMaestroEventDelegate';
+import IMaestroEvent from './IMaestroEvent';
+import { IUserSettings } from './IUserSettings';
+export type SDKConfigParams = {
+    /**
+     * The site ID to use for the SDK.
+     */
+    siteID: string;
+    /**
+     * User settings for customizing SDK behavior (panel visibility, feature toggles, etc.)
+     */
+    userSettings?: IUserSettings;
+};
+/**
+ This is the MaestroKit top-level API for initializing and configuring the framework.  It encompasses all functionality that is not specific to an event.
+ */
+export default interface IMaestroManager {
+    /**
+     * @description Configure the MaestroWebSDK.
+     * @param {SDKConfigParams} configParams - Configuration parameters
+     * @param {SDKConfigParams['siteID']} configParams.siteID - The site ID to use for the SDK.
+     * @param {SDKConfigParams['userSettings']} configParams.userSettings - User settings for customizing SDK behavior.
+     */
+    configure(configParams: SDKConfigParams): void;
+    /**
+       Tells the SDK the user has opened an event in the app's player.
+       Arguments:
+       - eventID: The Event ID for the event opened in the player.
+       - delegate: an instance of the app's implementation of IMaestroEventDelegate
+       - userSettings: Optional user settings to override the configured settings for this event
+       The function returns an instance of MaestroEventViewModel, which includes an implementation of IMaestroEvent.  IMaestroEvent represents the app-facing portion of the MaestroKit API related to the currently-loaded event.  So after `userDidStartWatchingEvent` is called, the SDK has access to the API detailed in `MaestroEventDelegate` for making calls to the app, and the app has access to the API detailed in `IMaestroEvent` for making calls to the SDK.
+      */
+    userDidStartWatchingEvent(eventID: string, delegate: IMaestroEventDelegate, userSettings?: IUserSettings): Promise<IMaestroEvent>;
+    /**
+     * @description Tells the SDK the user has closed an event that was open in the app's player.
+     * @param eventID
+     */
+    userDidStopWatchingEvent(eventID: string): void;
+    /**
+     * Render the PanelManager with the available panels for the current event in the specified HTML id element.
+     * @param id - The ID of the HTML element where the panel will be rendered.
+     * @return A Promise that resolves to a function to remove the panel when no longer needed.
+     */
+    renderPanel(id: string): Promise<() => void>;
+}

package/dist/{modules → src/modules}/bets/view/BetsView.d.ts

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import './BetsView.styles.css';
-import { BetItem, BetsErrorState } from '../view-model/BetsViewModel';
+import BetsViewModel, { BetItem, BetsErrorState } from '../view-model/BetsViewModel';
 import { Direction } from '@/external/spatial-navigation/utils';
 interface BetsViewState {
     container: HTMLDivElement | null;
@@ -17,6 +17,7 @@ declare class BetsView extends Component<{}, BetsViewState> {
     private hideWagersUnsub;
     private vm;
     constructor(props: {});
+    get viewModel(): BetsViewModel;
     componentDidMount(): void;
     componentWillUnmount(): void;
     renderBetItem: (item: BetItem) => React.JSX.Element | null;

package/dist/{modules → src/modules}/bets/view/SixPack/SixPackView.d.ts

@@ -15,6 +15,7 @@ export default class FocusableSixPackViewWrapper extends React.Component<Props>
     context: import("@/components/core/ScrollableContainer/ScrollableContainer").ScrollableContainerContextType;
     onBecameFocused: (layout: Layout) => void;
     onArrowPress: (d: Direction, _props: any) => void;
+    get viewModel(): import("../../view-model/BetsViewModel").BetsViewModel;
     onEnterPress: () => void;
     render(): React.JSX.Element;
 }

package/dist/{modules → src/modules}/bets/view/components/PromoCodeBanner/PromoCodeBanner.d.ts

@@ -11,6 +11,7 @@ export default class FocusablePromoCodeBannerWrapper extends React.Component<IBe
     context: import("@/components/core/ScrollableContainer/ScrollableContainer").ScrollableContainerContextType;
     onBecameFocused: (layout: Layout) => void;
     onArrowPress: (d: Direction, _props: any) => void;
+    get viewModel(): import("@/modules/bets/view-model/BetsViewModel").BetsViewModel;
     onEnterPress: () => void;
     render(): React.JSX.Element;
 }

package/dist/{modules → src/modules}/bets/view-model/BetsViewModel.d.ts

@@ -26,6 +26,10 @@ type TeamOdd = {
 export type ISixPackOdds = {
     awayTeamOdds: TeamOdd;
     homeTeamOdds: TeamOdd;
+    orderedColumns: {
+        abbreviation: string;
+        type: string;
+    }[];
     gameState: string;
     sport: string;
 };

package/dist/{modules → src/modules}/key-plays/view/KeyPlayCardView.d.ts

@@ -2,6 +2,7 @@ import IKeyPlay, { KeyPlayLoadFailureStatus } from '../interfaces/IKeyPlays';
 import './KeyPlayCardView.styles.css';
 import React from 'react';
 import { WithFocusableProps } from '@/external/spatial-navigation';
+import KeyPlaysViewModel from '../view-model/KeyPlaysViewModel';
 import { Direction, Layout } from '@/external/spatial-navigation/utils';
 type KeyPlayCardViewProps = IKeyPlay & {
     isPlaying: boolean;
@@ -16,6 +17,7 @@ export declare class KeyPlayCardView extends React.Component<KeyPlayCardViewProp
     private failedClipListener;
     private vm;
     constructor(props: KeyPlayCardViewProps);
+    get viewModel(): KeyPlaysViewModel;
     componentDidMount(): void;
     componentWillUnmount(): void;
     onLoad: () => void;

package/dist/{modules → src/modules}/key-plays/view/KeyPlaysView.d.ts

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import './KeyPlaysView.styles.css';
 import { KeyPlaysErrorState } from '../interfaces/IKeyPlays';
-import { KeyPlayItem } from '../view-model/KeyPlaysViewModel';
+import KeyPlaysViewModel, { KeyPlayItem } from '../view-model/KeyPlaysViewModel';
 interface IKeyPlaysState {
     playbackProgress: number | null;
     playbackIndex: number | null;
@@ -15,6 +15,7 @@ export declare class KeyPlays extends Component<{}, IKeyPlaysState> {
     private itemsUnsub;
     private vm;
     constructor(props: {});
+    get viewModel(): KeyPlaysViewModel;
     componentDidMount(): void;
     componentWillUnmount(): void;
     private handlePlayClip;
@@ -27,6 +28,7 @@ export default class KeyPlaysWithErrorState extends Component<{}, KeyPlaysWithEr
     private errorStateUnsub;
     private vm;
     constructor(props: {});
+    get viewModel(): KeyPlaysViewModel;
     componentDidMount(): void;
     componentWillUnmount(): void;
     private handleRetry;

package/dist/{modules → src/modules}/stats/view/StatsView.d.ts

@@ -1,6 +1,6 @@
 import React, { Component } from 'react';
 import './StatsView.styles.css';
-import { StatsErrorState, StatsItem } from '../view-model/StatsViewModel';
+import StatsViewModel, { StatsErrorState, StatsItem } from '../view-model/StatsViewModel';
 import { Direction } from '@/external/spatial-navigation/utils';
 interface StatsViewState {
     container: HTMLDivElement | null;
@@ -15,6 +15,7 @@ declare class StatsView extends Component<{}, StatsViewState> {
     private errorStateListener;
     private vm;
     constructor(props: {});
+    get viewModel(): StatsViewModel;
     componentDidMount(): void;
     componentWillUnmount(): void;
     clearTabLoadFailure: () => void;

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

@@ -19,6 +19,8 @@ export type HeaderTeamStatItem = {
         displayName: string;
         homeTeamValue: number;
         awayTeamValue: number;
+        awayTeamDisplayValue: string;
+        homeTeamDisplayValue: string;
     }[];
     homeTeam: Pick<Team, 'color' | 'id' | 'logo' | 'name' | 'abbreviation' | 'record'> & {
         linescores: string[];

package/dist/src/sentry.d.ts

@@ -0,0 +1,3 @@
+declare const initSentry: () => void;
+export declare const captureException: (error: unknown, extra?: any) => void;
+export default initSentry;

package/dist/{services → src/services}/NetworkManager/NetworkManager.d.ts

@@ -1,7 +1,6 @@
-import { Environment } from '@/index';
 import { ICacheManager } from '../../external/ports/cacheManager';
 import { INetworkClient } from '../../external/ports/networkClient';
-export declare const MAESTRO_BASE_URLS: Record<Environment, string>;
+export declare const MAESTRO_BASE_URL = "https://api.maestro.io";
 export declare const SDK_FLAVOR = "MaestroKit_Web";
 export declare const ENDPOINTS: {
     CAN_I_PLAY: string;

package/dist/{services → src/services}/PageService/PageService.d.ts

@@ -5,4 +5,5 @@ export default class PageService {
     private client;
     constructor();
     fetchPageConfig(siteId: string, eventId: string): Promise<PageConfig | null>;
+    static isPanelAvailable(pageConfig: PageConfig | null, panelType: string): boolean | undefined;
 }

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

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

package/dist/{view-models → src/view-models}/MaestroEventViewModel.d.ts

@@ -17,9 +17,9 @@ export declare class MaestroEventViewModel extends ViewModel implements IMaestro
     private _isShowingPanel;
     private playerTimeCode;
     delegate: IMaestroEventDelegate;
-    keyPlaysViewModel: KeyPlaysViewModel;
-    betsViewModel: BetsViewModel;
-    statsViewModel: StatsViewModel;
+    keyPlaysViewModel: KeyPlaysViewModel | null;
+    betsViewModel: BetsViewModel | null;
+    statsViewModel: StatsViewModel | null;
     panelManagerViewModel: PanelManagerViewModel;
     navigation: SpatialNavigation;
     constructor(eventId: string | undefined, delegate: IMaestroEventDelegate);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maestro_io/maestro-web-sdk",
   "private": false,
-  "version": "2.3.0",
+  "version": "3.0.0",
   "type": "commonjs",
   "license": "MIT",
   "main": "dist/maestro-web-sdk.umd.js",
@@ -74,6 +74,8 @@
   },
   "dependencies": {
     "@rive-app/canvas": "^2.27.3",
+    "@sentry/browser": "^6.19.7",
+    "@sentry/tracing": "^6.19.7",
     "axios": "^0.27.2",
     "flexibility": "^2.0.1",
     "prop-types": "15",

package/dist/interfaces/IMaestroManager.d.ts

@@ -1,103 +0,0 @@
-import IMaestroEventDelegate from './IMaestroEventDelegate';
-import IMaestroEvent from './IMaestroEvent';
-import { Environment } from '..';
-import { IUserSettings } from './IUserSettings';
-export type SDKConfigParams = {
-    /**
-     * The type of environment to use. Defaults to `development`. The available options are `development`, `staging`, and `production`.
-     */
-    environment?: Environment;
-    /**
-     * The frequency in seconds to poll for updates. Defaults to 5.0.
-     */
-    pollFrequency?: number;
-    /**
-     * The frequency in seconds to update progress. Defaults to 0.1.
-     */
-    progressUpdateFrequency?: number;
-    /**
-     * The site ID to use for the SDK.
-     */
-    siteID?: string;
-    /**
-     * The user ID of the logged account.
-     */
-    userID?: string;
-    /**
-     * The Maestro JWT token for authentication.
-     */
-    maestroJwt?: string;
-    /**
-     * The client app Cookie Token for authentication.
-     */
-    clientAppToken?: string;
-    /**
-     * The client app SWID for authentication.
-     */
-    clientAppSwid?: string;
-    /**
-     * User settings for customizing SDK behavior (panel visibility, feature toggles, etc.)
-     */
-    userSettings?: IUserSettings;
-};
-/**
- This is the MaestroKit top-level API for initializing and configuring the framework.  It encompasses all functionality that is not specific to an event.
- */
-export default interface IMaestroManager {
-    /**
-     * @description Configure the MaestroWebSDK.
-     * @param {SDKConfigParams} configParams - Configuration parameters
-     * @param {SDKConfigParams['environment']} configParams.environment - The type of environment to use. Defaults to 'development'.
-     * @param {SDKConfigParams['pollFrequency']} configParams.pollFrequency - The frequency in seconds to poll for updates. Defaults to 5.0.
-     * @param {SDKConfigParams['progressUpdateFrequency']} configParams.progressUpdateFrequency - The frequency in seconds to update progress. Defaults to 0.1.
-     * @param {SDKConfigParams['siteID']} configParams.siteID - The site ID to use for the SDK.
-     * @param {SDKConfigParams['jwt']} configParams.jwt - The JWT token to use for authentication.
-     * @param {SDKConfigParams['userID']} configParams.userID - The user ID of the logged account.
-     * @param {SDKConfigParams['userSettings']} configParams.userSettings - User settings for customizing SDK behavior.
-     */
-    configure(configParams: SDKConfigParams): void;
-    /**
-       Tells the SDK the user has opened an event in the app's player.
-       Arguments:
-       - eventID: The Event ID for the event opened in the player.
-       - delegate: an instance of the app's implementation of IMaestroEventDelegate
-       - userSettings: Optional user settings to override the configured settings for this event
-       The function returns an instance of MaestroEventViewModel, which includes an implementation of IMaestroEvent.  IMaestroEvent represents the app-facing portion of the MaestroKit API related to the currently-loaded event.  So after `userDidStartWatchingEvent` is called, the SDK has access to the API detailed in `MaestroEventDelegate` for making calls to the app, and the app has access to the API detailed in `IMaestroEvent` for making calls to the SDK.
-      */
-    userDidStartWatchingEvent(eventID: string, delegate: IMaestroEventDelegate, userSettings?: IUserSettings): Promise<IMaestroEvent>;
-    /**
-     * @description Tells the SDK the user has closed an event that was open in the app's player.
-     * @param eventID
-     */
-    userDidStopWatchingEvent(eventID: string): void;
-    /**
-     * @description Authenticates user with SWID and Token.
-     * @param swid - The user's SWID.
-     * @param token - The user's Cookie Token.
-     */
-    authenticateUser(swid: string, token: string): Promise<void>;
-    /**
-     * Logs out currently-authenticated user.
-     */
-    deauthenticateUser(): Promise<void>;
-    /**
-     * Gets the site ID for the SDK
-     * @returns The site ID
-     */
-    getSiteID(): string | undefined;
-    /**
-     * Gets the current JWT token used in conjunction with the user's SWID.
-     * @returns The current JWT token
-     */
-    getClientAppToken(): string | undefined;
-    /**
-     * Gets the current user ID.
-     * @returns The current user ID
-     */
-    getCurrentUserID(): string | undefined;
-    /**
-     * Gets the current SWID.
-     * @returns The current SWID
-     */
-    getClientAppSwid(): string | undefined;
-}