@maestro_io/maestro-web-sdk 3.3.0 → 3.3.2

package/dist/src/components/molecules/PanelNavButton/PanelNavButton.d.ts

@@ -1,7 +1,7 @@
+/// <reference types="prop-types" />
 import { IconsName } from '@/components/atoms/SvgIcon/Icon';
 import './PanelNavButton.styles.css';
 import React from 'react';
-import PropTypes from 'prop-types';
 type PanelNavButtonProps = {
     iconName: IconsName;
     index: number;
@@ -10,6 +10,7 @@ type PanelNavButtonProps = {
     focused?: boolean;
     focusKey: string;
     onBecameFocused: () => void;
+    width: string;
 };
 declare const _default: {
     new (props?: (PanelNavButtonProps & import("@/external/spatial-navigation").WithFocusableProps) | undefined, context?: any): {
@@ -48,10 +49,10 @@ declare const _default: {
         componentWillUpdate?(nextProps: Readonly<PanelNavButtonProps & import("@/external/spatial-navigation").WithFocusableProps>, nextState: Readonly<import("../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
     };
     contextTypes: {
-        parentFocusKey: PropTypes.Requireable<string>;
+        parentFocusKey: import("prop-types").Requireable<string>;
     };
     childContextTypes: {
-        parentFocusKey: PropTypes.Requireable<string>;
+        parentFocusKey: import("prop-types").Requireable<string>;
     };
 };
 export default _default;

package/dist/src/components/organisms/PanelNavigation/PanelNavigation.d.ts

@@ -11,6 +11,6 @@ interface PanelNavigationProps {
 }
 declare class PanelNavigation extends React.Component<PanelNavigationProps> {
     handleBecameFocused: (index: number) => () => void;
-    render(): React.JSX.Element;
+    render(): React.JSX.Element | null;
 }
 export default PanelNavigation;

package/dist/src/external/ports/renderer.d.ts

@@ -1,5 +1,4 @@
-type UnmountFn = () => void;
+export type UnmountFn = () => void;
 export interface IRenderer {
     renderPanel(id: string): Promise<UnmountFn>;
 }
-export {};

package/dist/src/index.d.ts

@@ -23,6 +23,9 @@ declare class MaestroWebSDK implements IMaestroManager {
     private maestroEventViewModel;
     private pageConfig;
     private globalConfig;
+    private globalConfigPoller;
+    private analyticsService;
+    private staticService;
     private constructor();
     /**
      * @description Returns the MaestroWebSDK instance
@@ -32,10 +35,6 @@ declare class MaestroWebSDK implements IMaestroManager {
     userDidStartWatchingEvent(eventID: string, delegate: IMaestroEventDelegate, userSettings?: IUserSettings): Promise<IMaestroEvent>;
     userDidStopWatchingEvent(_: string): Promise<void>;
     configure(configParams: SDKConfigParams): void;
-    /**
-     * Checks if this is an authorized client based on siteID
-     */
-    get isAuthorizedClient(): boolean;
     /**
      * Sets the site ID for the SDK
      * @param siteID The site ID to set
@@ -47,7 +46,7 @@ declare class MaestroWebSDK implements IMaestroManager {
      * @returns The current event view model
      */
     getMaestroEventViewModel(): MaestroEventViewModel;
-    renderPanel(id: string): Promise<() => void>;
+    renderPanel(id: string): Promise<() => Promise<void>>;
     getPageConfig(): PageConfig | null;
     getGlobalConfig(): GlobalConfig | null;
 }

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

@@ -87,6 +87,18 @@ export default interface IMaestroEvent {
      * https://developers.maestro.io/sdk/web/maestro-event-interface/state/getPlayerTimeCode
      */
     getPlayerTimeCode(): number | null;
+    /**
+     * @description Sets data on panel view models. Interface to pass any data to any panel.
+     * @param {Record<string, any>} panelData - Object with panel names as keys and their data as values
+     * @example
+     * setDataToPanel({
+     *   [panelType]: {
+     *    overrideUrl: 'https://...',
+     *    customProperty: 'value'
+     *   },
+     * })
+     */
+    setDataToPanel(panelData: Record<string, any>): void;
     simulateUseCase<T = any>(useCase: TestUseCase, panelType: MaestroPanelType, testData?: T): void;
     /**
      * @description Sets the active panel in the Maestro SDK, if the panel is available and not hidden.

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

@@ -39,7 +39,7 @@ export default interface IMaestroManager {
     /**
      * 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.
+     * @return A Promise that resolves to an async function to remove the panel when no longer needed.
      */
-    renderPanel(id: string): Promise<() => void>;
+    renderPanel(id: string): Promise<() => Promise<void>>;
 }

package/dist/src/modules/shop/view/components/ShopSection/ShopSection.d.ts

@@ -3,6 +3,7 @@ import './ShopSection.styles.css';
 import { IShopBrowseCard, IShopProduct, IShopSection } from '../../../types';
 import { Direction, Layout } from '@/external/spatial-navigation/utils';
 export type ShopSectionProps = {
+    sectionIndex: number;
     section: IShopSection;
     onArrowPress: (direction: Direction) => void;
     onItemClick: (item: IShopProduct | IShopBrowseCard, section: IShopSection, focusKey: string) => void;

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

@@ -1,3 +1,4 @@
+/// <reference types="node" />
 import React from 'react';
 import { Direction, Layout } from '@/external/spatial-navigation/utils';
 import { PenaltiesItem, ScoringSummaryItem } from '../../view-model/StatsViewModel';
@@ -11,7 +12,9 @@ export type ScoringSummaryProps = {
 declare class ScoringSummary extends React.Component<ScoringSummaryProps, {
     expanded: boolean;
 }> {
+    expandedScoresArrowPressTimeout: NodeJS.Timeout | null;
     constructor(props: ScoringSummaryProps);
+    componentWillUnmount(): void;
     onEnterPress(): void;
     onExpandedScoreArrowPress: (props: {
         index: number;

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

@@ -152,6 +152,11 @@ export declare class StatsViewModel extends ViewModel {
     constructor(eventId: string, delegate: IMaestroEventDelegate, options?: {
         useMockData?: boolean;
     });
+    /**
+     * Sets panel-specific data configuration
+     * @param panelData - Object containing panel configuration
+     */
+    setDataToPanel(panelData: Record<string, any>): void;
     /**
      * Initialize the ViewModel and start data fetching
      */

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

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import InsightsPayloadBuilder from '../InsightsService/InsightsPayloadBuilder';
 import InsightsService from '../InsightsService/InsightsService';
 import { PageConfig } from '../StaticService/types';
@@ -59,10 +58,12 @@ type PanelData = {
 declare class AnalyticsService {
     insightsService: InsightsService;
     insightsPayloadBuilder: InsightsPayloadBuilder;
-    sessionId: string;
-    sessionBeaconTimeoutId: NodeJS.Timeout | null;
-    isSessionBeaconRunning: boolean;
-    isSessionActive: boolean;
+    private SDKSessionId;
+    private pageSessionId;
+    private pinchBackSessionId;
+    private pageSessionBeaconTimeoutId;
+    private isPageSessionBeaconRunning;
+    private isPageSessionActive;
     constructor();
     private trackAction;
     private trackImpression;
@@ -70,8 +71,12 @@ declare class AnalyticsService {
     panelClick({ type, metadata, name }: PanelClickPayload): Promise<void>;
     getBaseMetadataFromPageConfig(pageConfig: PageConfig | null): BaseMetadata;
     getPanelDataFromPageConfig(type: 'espnBet' | 'espnStats' | 'espnKeyPlays' | 'espnFantasy' | 'espnShop', pageConfig: PageConfig | null): PanelData;
-    sessionStart(): Promise<void>;
-    sessionEnd(): Promise<void>;
+    SDKSessionStart(): Promise<void>;
+    pageSessionStart(): Promise<void>;
+    pageSessionEnd(): Promise<void>;
+    pinchBackSessionStart(): Promise<void>;
+    pinchBackSessionEnd(): Promise<void>;
+    SDKSessionEnd(): Promise<void>;
     private scheduleNextBeacon;
     private sendSessionBeacon;
     private sessionBeacon;

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

@@ -2,7 +2,6 @@ import { ICacheManager } from '@/external/ports/cacheManager';
 import InsightsService from './InsightsService';
 import { PageConfig } from '../StaticService/types';
 type EventData = {
-    url?: string;
     metadata?: Record<string, unknown>;
     ontology: {
         kingdom: string;
@@ -39,7 +38,7 @@ export default class InsightsPayloadBuilder {
         /**
          * @description Event URL. defaults to undefined.
          */
-        e_u: string | undefined;
+        e_u: string;
         /**
          * @description Event ontology kingdom. This is the highest level of the ontology and can be used to identify the event type.
          * @example 'panel', 'engage', 'espn_key_plays'

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

@@ -6,5 +6,7 @@ export default class StaticService {
     constructor();
     fetchPageConfig(siteId: string, eventId: string): Promise<PageConfig | null>;
     static isPanelAvailable(pageConfig: PageConfig | null, panelType: string): boolean | undefined;
-    fetchGlobalConfig(): Promise<GlobalConfig | null>;
+    pollGlobalConfig(onData: (data: GlobalConfig) => void): {
+        stop: () => void;
+    };
 }

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

@@ -6,6 +6,7 @@ import IMaestroEventDelegate from '@/interfaces/IMaestroEventDelegate';
  */
 declare class StatsService {
     networkManager: IStatsNetworkManager;
+    overrideUrl: string | null;
     constructor(delegate: IMaestroEventDelegate);
     /**
      * Get stats using a full sync URL (for timecode support)

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

@@ -10,7 +10,6 @@ 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';
 import FantasyViewModel from '@/modules/fantasy/view-model/FantasyViewModel';
 import ShopViewModel from '@/modules/shop/view-model/ShopViewModel';
 export declare class MaestroEventViewModel extends ViewModel implements IMaestroEvent {
@@ -27,11 +26,11 @@ export declare class MaestroEventViewModel extends ViewModel implements IMaestro
     shopViewModel: ShopViewModel | null;
     panelManagerViewModel: PanelManagerViewModel;
     navigation: SpatialNavigation;
-    analyticsService: AnalyticsService;
     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>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@maestro_io/maestro-web-sdk",
   "private": false,
-  "version": "3.3.0",
+  "version": "3.3.2",
   "type": "commonjs",
   "license": "MIT",
   "main": "dist/maestro-web-sdk.umd.js",