@maestro_io/maestro-web-sdk 3.0.0 → 3.1.1

package/dist/src/helpers/strings.d.ts

@@ -0,0 +1 @@
+export declare const slugify: (str: string) => string;

package/dist/src/modules/bets/interfaces/IBets.d.ts

@@ -12,6 +12,7 @@ export interface ITeam {
     color: string;
     alternateColor: string;
     favored: boolean;
+    favoredAtOpen?: boolean;
 }
 export interface IOddsValue {
     /** "-110", "+138", "EVEN", etc. */

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

@@ -24,14 +24,14 @@ type TeamOdd = {
     moneylineFirstLine: string;
 };
 export type ISixPackOdds = {
-    awayTeamOdds: TeamOdd;
-    homeTeamOdds: TeamOdd;
+    topTeamOdds: TeamOdd;
+    bottomTeamOdds: TeamOdd;
+    drawOdds?: TeamOdd;
     orderedColumns: {
         abbreviation: string;
         type: string;
     }[];
     gameState: string;
-    sport: string;
 };
 export type IUserBets = {
     defaultTab: string;

package/dist/src/modules/stats/interfaces/IStats.d.ts

@@ -39,7 +39,7 @@ export interface Athlete {
     shortName: string;
     jersey: string;
     headshot?: string;
-    links: AthleteLink[];
+    links?: AthleteLink[];
     position?: AthletePosition;
     statistics?: {
         $key: string;
@@ -188,5 +188,39 @@ export interface StatsApiResponse {
             gameResult: string;
         }[];
     }[];
+    scoringSummary?: {
+        title: string;
+        sections: {
+            title: string;
+            items: {
+                team: {
+                    $key: string;
+                };
+                athlete: {
+                    $key: string;
+                };
+                clock: string;
+                title: string;
+                description: string;
+            }[];
+        }[];
+    };
+    penaltySummary?: {
+        title: string;
+        sections: {
+            title: string;
+            items: {
+                team: {
+                    $key: string;
+                };
+                athlete: {
+                    $key: string;
+                };
+                clock: string;
+                title: string;
+                description: string;
+            }[];
+        }[];
+    };
 }
 export {};

package/dist/src/modules/stats/view/ActiveAthletes/ExpandedAthletes/ExpandedAthletes.d.ts

@@ -5,6 +5,7 @@ import { Direction } from '@/external/spatial-navigation/utils';
 type Props = {
     onArrowPress: (index: number) => (direction: Direction) => void;
     onBackPress: () => void;
+    parentFocusKey: string;
 } & Pick<ActiveAthletesProps, 'item' | 'onEnterPress'>;
 declare class ExpandedAthletes extends React.Component<Props> {
     refsArray: HTMLDivElement[];

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { PenaltiesItem } from '../../view-model/StatsViewModel';
+import { Layout } from '@/external/spatial-navigation/utils';
+type PenaltiesProps = {
+    item: PenaltiesItem;
+    onBecameFocused: (layout: Layout) => void;
+    onEnterPress: () => void;
+};
+declare const Penalties: (props: PenaltiesProps) => React.JSX.Element;
+export default Penalties;

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

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

package/dist/src/modules/stats/view/ScoringSummary/ExpandedScores/ExpandedScores.d.ts

@@ -0,0 +1,30 @@
+import React from 'react';
+import { IScoreSection } from '@/modules/stats/view-model/StatsViewModel';
+import './ExpandedScores.styles.css';
+import { Direction } from '@/external/spatial-navigation/utils';
+type Props = {
+    item: IScoreSection[];
+    noScoresText: string;
+    type: 'scoringSummary' | 'penalties';
+    onArrowPress: (props: {
+        index: number;
+        scoreIndex: number;
+    }) => (direction: Direction) => boolean;
+    onBackPress: () => void;
+    onEnterPress: () => void;
+    parentFocusKey: string;
+};
+declare class ExpandedScores extends React.Component<Props> {
+    refsArray: HTMLDivElement[];
+    titleRefsArray: HTMLDivElement[];
+    wrapperRef: HTMLDivElement | null;
+    state: {
+        maxHeight: string;
+        scrolled: boolean;
+    };
+    updateMaxHeight(sectionIndex: number, scoreFocusedIndex: number): void;
+    scrollToElement(focusedIndex: number): void;
+    onBecameFocused: (sectionIndex: number, scoreFocusedIndex: number) => () => void;
+    render(): React.JSX.Element;
+}
+export default ExpandedScores;

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

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

package/dist/src/modules/stats/view/ScoringSummary/ScoreItem/ScoreItem.d.ts

@@ -0,0 +1,52 @@
+/// <reference types="prop-types" />
+import React from 'react';
+import { IScoreItem } from '@/modules/stats/view-model/StatsViewModel';
+import { WithFocusableProps } from '@/external/spatial-navigation';
+import './ScoreItem.styles.css';
+type Props = {
+    item: IScoreItem;
+};
+declare const _default: {
+    new (props?: (Props & WithFocusableProps) | undefined, 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<Props & WithFocusableProps>;
+        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: Props & WithFocusableProps) => import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState | Pick<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState, K>) | Pick<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState, K>, callback?: (() => any) | undefined): void;
+        forceUpdate(callBack?: (() => any) | undefined): void;
+        props: Readonly<{
+            children?: React.ReactNode;
+        }> & Readonly<Props & WithFocusableProps>;
+        context: any;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Props & WithFocusableProps>, nextContext: any): void;
+        shouldComponentUpdate?(nextProps: Readonly<Props & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        componentWillUpdate?(nextProps: Readonly<Props & 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>;
+    };
+};
+export default _default;

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

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

package/dist/src/modules/stats/view/ScoringSummary/ScoresSection/ScoresSection.d.ts

@@ -0,0 +1,7 @@
+import { IScoreSection } from '@/modules/stats/view-model/StatsViewModel';
+import React from 'react';
+import './ScoresSection.styles.css';
+declare const ScoresSection: (props: IScoreSection & {
+    noScoresText: string;
+}) => React.JSX.Element;
+export default ScoresSection;

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

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

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

@@ -0,0 +1,26 @@
+import React from 'react';
+import { Direction, Layout } from '@/external/spatial-navigation/utils';
+import { PenaltiesItem, ScoringSummaryItem } from '../../view-model/StatsViewModel';
+import './ScoringSummary.styles.css';
+export type ScoringSummaryProps = {
+    item: ScoringSummaryItem | PenaltiesItem;
+    noScoresText?: string;
+    onBecameFocused: (layout: Layout) => void;
+    onEnterPress: () => void;
+};
+declare class ScoringSummary extends React.Component<ScoringSummaryProps, {
+    expanded: boolean;
+}> {
+    constructor(props: ScoringSummaryProps);
+    onEnterPress(): void;
+    onExpandedScoreArrowPress: (props: {
+        index: number;
+        scoreIndex: number;
+    }) => (d: Direction) => boolean;
+    get cardFocusKey(): string;
+    onExpandedScoreBackPress: () => void;
+    onArrowPress: (d: Direction) => void;
+    renderContent(): React.JSX.Element | React.JSX.Element[];
+    render(): React.JSX.Element;
+}
+export default ScoringSummary;

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

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

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

@@ -57,6 +57,7 @@ export type WinProbabilityStatsItem = {
 };
 export type GameLeadersStatsItem = {
     type: 'gameLeaders';
+    displayText: string;
     items: AthletesStatisticsItem[];
 };
 export type ActiveAthletesItem = {
@@ -107,7 +108,32 @@ export type DriveSummaryItem = {
     lastPlayMarquee: string;
     plays: DrivePlay[];
 };
-export type StatsItem = HeaderTeamStatItem | RecentGamesStatsItem | WinProbabilityStatsItem | GameLeadersStatsItem | ActiveAthletesItem | StatsPromotionItem | StatsMatchPredictorItem | TeamStatsItem | DriveSummaryItem;
+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>;
@@ -200,6 +226,8 @@ export declare class StatsViewModel extends ViewModel {
     private parseGameLeaders;
     private parseActiveAthletes;
     private getActiveAthletesTeamInfo;
+    private parseScoringSummary;
+    private parsePenalties;
     /**
      * Simulate a use case using mock StatsApiResponse data
      */

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

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import InsightsPayloadBuilder from '../InsightsService/InsightsPayloadBuilder';
 import InsightsService from '../InsightsService/InsightsService';
 import { PageConfig } from '../PageService/types';
@@ -38,6 +39,10 @@ type PanelData = {
 declare class AnalyticsService {
     insightsService: InsightsService;
     insightsPayloadBuilder: InsightsPayloadBuilder;
+    sessionId: string;
+    sessionBeaconTimeoutId: NodeJS.Timeout | null;
+    isSessionBeaconRunning: boolean;
+    isSessionActive: boolean;
     constructor();
     private trackAction;
     private trackImpression;
@@ -45,5 +50,10 @@ declare class AnalyticsService {
     panelClick({ type, metadata, name }: PanelClickPayload): Promise<void>;
     getBaseMetadataFromPageConfig(pageConfig: PageConfig | null): BaseMetadata;
     getPanelDataFromPageConfig(type: 'espnBet' | 'espnStats' | 'espnKeyPlays', pageConfig: PageConfig | null): PanelData;
+    sessionStart(): Promise<void>;
+    sessionEnd(): Promise<void>;
+    private scheduleNextBeacon;
+    private sendSessionBeacon;
+    private sessionBeacon;
 }
 export default AnalyticsService;

package/dist/src/services/InsightsService/InsightsPayloadBuilder.d.ts

@@ -7,9 +7,9 @@ type EventData = {
     ontology: {
         kingdom: string;
         phylum: string;
-        class: string;
+        class?: string;
         order?: string;
-        family: string;
+        family?: string;
         genus?: string;
         species?: string;
     };
@@ -54,7 +54,7 @@ export default class InsightsPayloadBuilder {
          * @description Event class.
          * @example 'panel_type'
          */
-        e2: string;
+        e2: string | undefined;
         /**
          * @description Event order.
          * @example 'panel_id'
@@ -64,7 +64,7 @@ export default class InsightsPayloadBuilder {
          * @description Event family.
          * @example 'panel_name'
          */
-        e4: string;
+        e4: string | undefined;
         /**
          * @description Event genus. This is a more specific level of the ontology and can be used to identify the event type.
          */
@@ -206,7 +206,7 @@ export default class InsightsPayloadBuilder {
          * @description A unique identifier for the device, which can be used to track the device across sessions. You might wanna save this into a local storage or something related.
          * @example localStorage.getItem('devicePermanentId') || generateUniqueId()
          */
-        d_pid: any;
+        d_pid: string;
         /**
          * @description Device screen height in pixels.
          * @example window.screen.height
@@ -263,7 +263,7 @@ export default class InsightsPayloadBuilder {
     }>;
     private getEventInsights;
     private getPageInsights;
-    private getDevicePermanentID;
+    getDevicePermanentID(): string;
     private getDeviceCreated;
     private getTabID;
     private getDeviceInsights;

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

@@ -10,6 +10,7 @@ import IMaestroKeyPlaysResponse from '../modules/key-plays/interfaces/IKeyPlaysR
 import { MaestroPanelType } from '@/models/IPanel';
 import { IUserSettings } from '../interfaces/IUserSettings';
 import { PanelManagerViewModel } from './PanelManagerViewModel';
+import AnalyticsService from '@/services/AnalyticsService/AnalyticsService';
 export declare class MaestroEventViewModel extends ViewModel implements IMaestroEvent {
     private _eventId;
     private _title;
@@ -22,6 +23,7 @@ export declare class MaestroEventViewModel extends ViewModel implements IMaestro
     statsViewModel: StatsViewModel | null;
     panelManagerViewModel: PanelManagerViewModel;
     navigation: SpatialNavigation;
+    analyticsService: AnalyticsService;
     constructor(eventId: string | undefined, delegate: IMaestroEventDelegate);
     setActivePanel(panelType: MaestroPanelType): void;
     updatePlayerTimeCode(timestamp: number): void;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maestro_io/maestro-web-sdk",
   "private": false,
-  "version": "3.0.0",
+  "version": "3.1.1",
   "type": "commonjs",
   "license": "MIT",
   "main": "dist/maestro-web-sdk.umd.js",
@@ -74,8 +74,7 @@
   },
   "dependencies": {
     "@rive-app/canvas": "^2.27.3",
-    "@sentry/browser": "^6.19.7",
-    "@sentry/tracing": "^6.19.7",
+    "@sentry/browser": "7.68.0",
     "axios": "^0.27.2",
     "flexibility": "^2.0.1",
     "prop-types": "15",
@@ -84,6 +83,7 @@
   },
   "resolutions": {
     "sockjs-client": "1.5.1",
-    "cheerio": "0.22.0"
+    "cheerio": "0.22.0",
+    "@sentry/replay": "0.6.14"
   }
 }