@maestro_io/maestro-web-sdk 1.0.0 → 2.0.1

package/dist/MaestroEventDelegate.d.ts

@@ -0,0 +1,9 @@
+import IMaestroEventDelegate from './interfaces/IMaestroEventDelegate';
+/**
+ * Our own implementation of the IMaestroEventDelegate interface. Useful for Development and Testing
+ */
+export default class MaestroEventDelegate implements IMaestroEventDelegate {
+    userRequestedNewKeyPlaysData(): Promise<void>;
+    startFocusManagement(): Promise<void>;
+    playClip(atIndex: number): void;
+}

package/dist/components/atoms/BaseButton/BaseButton.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ButtonHTMLAttributes } from 'react';
+interface BaseButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+}
+declare class BaseButton extends React.Component<BaseButtonProps> {
+    constructor(props: BaseButtonProps);
+    render(): React.JSX.Element;
+}
+export default BaseButton;

package/dist/components/atoms/BaseButton/index.d.ts

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

package/dist/components/atoms/Image/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { ImgHTMLAttributes } from 'react';
+interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
+}
+declare class Image extends React.Component<ImageProps> {
+    constructor(props: ImageProps);
+    render(): React.JSX.Element;
+}
+export default Image;

package/dist/components/atoms/SvgIcon/BetsIcon.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { IconProps } from './Icon';
+declare class BetsIcon extends React.Component<IconProps> {
+    constructor(props: IconProps);
+    render(): React.JSX.Element;
+}
+export default BetsIcon;

package/dist/components/atoms/SvgIcon/FantasyIcon.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { IconProps } from './Icon';
+declare class FantasyIcon extends React.Component<IconProps, {}> {
+    render(): React.JSX.Element;
+}
+export default FantasyIcon;

package/dist/components/atoms/SvgIcon/Icon.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import KeyPlaysIcon from './KeyPlaysIcon';
+import PlayIcon from './PlayIcon';
+import BetsIcon from './BetsIcon';
+import StatsIcon from './StatsIcon';
+import FantasyIcon from './FantasyIcon';
+import WarningIcon from './WarningIcon';
+declare const iconImports: {
+    keyPlays: typeof KeyPlaysIcon;
+    play: typeof PlayIcon;
+    bets: typeof BetsIcon;
+    stats: typeof StatsIcon;
+    fantasy: typeof FantasyIcon;
+    warning: typeof WarningIcon;
+};
+export type IconsName = keyof typeof iconImports;
+export type IconProps = {
+    iconName: IconsName;
+    width: number;
+    height: number;
+};
+interface IconState {
+    loaded: boolean;
+}
+declare class Icon extends React.Component<IconProps, IconState> {
+    render(): React.JSX.Element;
+}
+export default Icon;

package/dist/components/atoms/SvgIcon/KeyPlaysIcon.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { IconProps } from './Icon';
+declare class KeyPlaysIcon extends React.Component<IconProps, {}> {
+    render(): React.JSX.Element;
+}
+export default KeyPlaysIcon;

package/dist/components/atoms/SvgIcon/PlayIcon.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { IconProps } from './Icon';
+declare class PlayIcon extends React.Component<IconProps, {}> {
+    render(): React.JSX.Element;
+}
+export default PlayIcon;

package/dist/components/atoms/SvgIcon/StatsIcon.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { IconProps } from './Icon';
+declare class StatsIcon extends React.Component<IconProps, {}> {
+    render(): React.JSX.Element;
+}
+export default StatsIcon;

package/dist/components/atoms/SvgIcon/WarningIcon.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { IconProps } from './Icon';
+declare class WarningIcon extends React.Component<IconProps, {}> {
+    render(): React.JSX.Element;
+}
+export default WarningIcon;

package/dist/components/atoms/SvgIcon/index.d.ts

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

package/dist/components/core/App/App.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import './App.styles.css';
+declare class App extends React.Component<{
+    children?: React.ReactNode;
+}> {
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): React.JSX.Element;
+}
+export default App;

package/dist/components/core/App/index.d.ts

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

package/dist/components/core/PanelManager/PanelManager.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import './PanelManager.styles.css';
+import { MaestroPanelType } from '@/models/IPanel';
+interface PanelManagerState {
+    activePanel: MaestroPanelType;
+}
+declare class PanelManager extends React.Component<{}, PanelManagerState> {
+    private unsubscribe;
+    constructor(props: {});
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): React.JSX.Element;
+}
+export default PanelManager;

package/dist/components/core/PanelManager/index.d.ts

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

package/dist/components/molecules/ActionButton/ActionButton.d.ts

@@ -0,0 +1,50 @@
+/// <reference types="prop-types" />
+import './ActionButton.styles.css';
+import { WithFocusableProps } from '@/external/spatial-navigation';
+import React from 'react';
+declare const _default: {
+    new (props?: (object & WithFocusableProps) | undefined, context?: any): {
+        state: import("../../../external/spatial-navigation/withFocusable").WithFocusableState;
+        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: {
+            pressedKeys: Record<string, number>;
+        }) => void;
+        onEnterReleaseHandler: () => void;
+        onArrowPressHandler: (direction: import("../../../external/spatial-navigation/utils").Direction, details: {
+            pressedKeys: Record<string, number>;
+        }) => boolean | void;
+        onBecameFocusedHandler: (layout: import("../../../external/spatial-navigation/utils").Layout, details: any) => void;
+        onBecameBlurredHandler: (layout: import("../../../external/spatial-navigation/utils").Layout, details: any) => void;
+        componentDidMount(): void;
+        componentDidUpdate(): void;
+        componentWillUnmount(): void;
+        render(): React.ReactElement<object & 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: object & 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<object & WithFocusableProps>;
+        context: any;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<object & WithFocusableProps>, nextContext: any): void;
+        shouldComponentUpdate?(nextProps: Readonly<object & WithFocusableProps>, nextState: Readonly<import("../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        componentWillUpdate?(nextProps: Readonly<object & 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/components/molecules/ActionButton/index.d.ts

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

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

@@ -0,0 +1,107 @@
+import './PanelNavButton.styles.css';
+import React from 'react';
+import { RemoteControlProps } from '@/helpers/withRemoteControl';
+declare const _default: {
+    new (props: RemoteControlProps & {
+        iconName: "play" | "keyPlays" | "stats" | "fantasy" | "bets" | "warning";
+        index: number;
+        active: boolean;
+        children?: React.ReactNode;
+        focused?: boolean | undefined;
+        focusKey: string;
+        onBecameFocused: () => void;
+        buttonRef?: React.Ref<HTMLDivElement> | undefined;
+    } & import("@/external/spatial-navigation").WithFocusableProps): {
+        cleanup?: (() => void) | undefined;
+        componentDidUpdate(prevProps: Readonly<RemoteControlProps & {
+            iconName: "play" | "keyPlays" | "stats" | "fantasy" | "bets" | "warning";
+            index: number;
+            active: boolean;
+            children?: React.ReactNode;
+            focused?: boolean | undefined;
+            focusKey: string;
+            onBecameFocused: () => void;
+            buttonRef?: React.Ref<HTMLDivElement> | undefined;
+        } & import("@/external/spatial-navigation").WithFocusableProps>): void;
+        componentDidMount(): void;
+        componentWillUnmount(): void;
+        handleKeyDown: (e: KeyboardEvent) => void;
+        render(): React.JSX.Element;
+        setState<K extends "active">(state: {
+            active: boolean;
+        } | ((prevState: Readonly<{
+            active: boolean;
+        }>, props: RemoteControlProps & {
+            iconName: "play" | "keyPlays" | "stats" | "fantasy" | "bets" | "warning";
+            index: number;
+            active: boolean;
+            children?: React.ReactNode;
+            focused?: boolean | undefined;
+            focusKey: string;
+            onBecameFocused: () => void;
+            buttonRef?: React.Ref<HTMLDivElement> | undefined;
+        } & import("@/external/spatial-navigation").WithFocusableProps) => {
+            active: boolean;
+        } | Pick<{
+            active: boolean;
+        }, K>) | Pick<{
+            active: boolean;
+        }, K>, callback?: (() => any) | undefined): void;
+        forceUpdate(callBack?: (() => any) | undefined): void;
+        props: Readonly<{
+            children?: React.ReactNode;
+        }> & Readonly<RemoteControlProps & {
+            iconName: "play" | "keyPlays" | "stats" | "fantasy" | "bets" | "warning";
+            index: number;
+            active: boolean;
+            children?: React.ReactNode;
+            focused?: boolean | undefined;
+            focusKey: string;
+            onBecameFocused: () => void;
+            buttonRef?: React.Ref<HTMLDivElement> | undefined;
+        } & import("@/external/spatial-navigation").WithFocusableProps>;
+        state: Readonly<{
+            active: boolean;
+        }>;
+        context: any;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<RemoteControlProps & {
+            iconName: "play" | "keyPlays" | "stats" | "fantasy" | "bets" | "warning";
+            index: number;
+            active: boolean;
+            children?: React.ReactNode;
+            focused?: boolean | undefined;
+            focusKey: string;
+            onBecameFocused: () => void;
+            buttonRef?: React.Ref<HTMLDivElement> | undefined;
+        } & import("@/external/spatial-navigation").WithFocusableProps>, nextContext: any): void;
+        shouldComponentUpdate?(nextProps: Readonly<RemoteControlProps & {
+            iconName: "play" | "keyPlays" | "stats" | "fantasy" | "bets" | "warning";
+            index: number;
+            active: boolean;
+            children?: React.ReactNode;
+            focused?: boolean | undefined;
+            focusKey: string;
+            onBecameFocused: () => void;
+            buttonRef?: React.Ref<HTMLDivElement> | undefined;
+        } & import("@/external/spatial-navigation").WithFocusableProps>, nextState: Readonly<{
+            active: boolean;
+        }>, nextContext: any): boolean;
+        componentWillUpdate?(nextProps: Readonly<RemoteControlProps & {
+            iconName: "play" | "keyPlays" | "stats" | "fantasy" | "bets" | "warning";
+            index: number;
+            active: boolean;
+            children?: React.ReactNode;
+            focused?: boolean | undefined;
+            focusKey: string;
+            onBecameFocused: () => void;
+            buttonRef?: React.Ref<HTMLDivElement> | undefined;
+        } & import("@/external/spatial-navigation").WithFocusableProps>, nextState: Readonly<{
+            active: boolean;
+        }>, nextContext: any): void;
+    };
+};
+export default _default;

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

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

package/dist/components/molecules/ScrollableGradient/ScrollableGradient.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import './ScrollableGradient.styles.css';
+interface ScrollableGradientProps {
+    scrolled: boolean;
+    children?: React.ReactNode;
+}
+declare class ScrollableGradient extends React.Component<ScrollableGradientProps> {
+    constructor(props: ScrollableGradientProps);
+    render(): React.JSX.Element;
+}
+export default ScrollableGradient;

package/dist/components/molecules/ScrollableGradient/index.d.ts

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

package/dist/components/molecules/SegmentButton/SegmentButton.d.ts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from 'react';
+import './SegmentButton.styles.css';
+import React from 'react';
+interface SegmentButtonProps extends HTMLAttributes<HTMLButtonElement> {
+}
+declare class SegmentButton extends React.Component<SegmentButtonProps> {
+    constructor(props: SegmentButtonProps);
+    render(): React.JSX.Element;
+}
+export default SegmentButton;

package/dist/components/molecules/SegmentButton/index.d.ts

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

package/dist/components/molecules/WatchButton/WatchButton.d.ts

@@ -0,0 +1,10 @@
+import { HTMLAttributes } from 'react';
+import './WatchButton.styles.css';
+import React from 'react';
+interface WatchButtonProps extends HTMLAttributes<HTMLButtonElement> {
+}
+declare class WatchButton extends React.Component<WatchButtonProps> {
+    constructor(props: WatchButtonProps);
+    render(): React.JSX.Element;
+}
+export default WatchButton;

package/dist/components/molecules/WatchButton/index.d.ts

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

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

@@ -0,0 +1,15 @@
+import { IconsName } from '@/components/atoms/SvgIcon/Icon';
+import './PanelNavigation.styles.css';
+import React from 'react';
+interface PanelNavigationProps {
+    items: {
+        title: string;
+        onEnter: () => void;
+        iconName: IconsName;
+        active: boolean;
+    }[];
+}
+declare class PanelNavigation extends React.Component<PanelNavigationProps> {
+    render(): React.JSX.Element;
+}
+export default PanelNavigation;

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

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

package/dist/components/organisms/SegmentController/SegmentController.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import './SegmentController.styles.css';
+interface SegmentControllerProps {
+    backgroundColor?: string;
+    items: {
+        title: string;
+        onEnter: () => void;
+    }[];
+}
+declare class SegmentController extends React.Component<SegmentControllerProps> {
+    constructor(props: SegmentControllerProps);
+    render(): React.JSX.Element;
+}
+export default SegmentController;

package/dist/components/organisms/SegmentController/index.d.ts

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

package/dist/external/AxiosNetworkClient.d.ts

@@ -0,0 +1,15 @@
+import { INetworkClient } from './ports/networkClient';
+declare class AxiosNetworkClient implements INetworkClient {
+    private client;
+    constructor({ baseURL, retries, delay, backoff, }: {
+        baseURL: string;
+        retries: number;
+        delay: number;
+        backoff: number;
+    });
+    private handleRetry;
+    get<TResponseData = any>(endpoint: string, params?: any): Promise<TResponseData>;
+    post<TRequestData = any, TResponseData = any>(endpoint: string, data: TRequestData): Promise<TResponseData>;
+    setAuthentication(token: string | null, apiKey: string | null): void;
+}
+export default AxiosNetworkClient;

package/dist/external/LocalStorageCacheManager.d.ts

@@ -0,0 +1,10 @@
+import { ICacheManager, ProduceCacheKeyParams } from './ports/cacheManager';
+declare class LocalStorageCacheManager implements ICacheManager {
+    private cacheDuration;
+    constructor(cacheDuration?: number);
+    produceCacheKey(payload: ProduceCacheKeyParams): string;
+    setCache(key: string, data: unknown): void;
+    getCache<T = any>(key: string): T | null;
+    clearCache(key: string): void;
+}
+export default LocalStorageCacheManager;

package/dist/external/ReactRenderer.d.ts

@@ -0,0 +1,26 @@
+import { type IRenderer } from './ports/renderer';
+import { MaestroViewModels } from '@/view-models';
+import type IMaestroEventDelegate from '@/interfaces/IMaestroEventDelegate';
+declare class ReactRenderer implements IRenderer {
+    private renderersMap;
+    viewModels: MaestroViewModels | null;
+    /**
+     * Sets the view models for the renderer
+     * @param eventId The event ID to create view models for
+     * @param delegate The event delegate to use
+     */
+    setViewModels(eventId: string, delegate?: IMaestroEventDelegate): Promise<MaestroViewModels | null>;
+    /**
+     * Renders the panel manager
+     * @param id The element ID to render in
+     * @param options Options for rendering including height and width
+     */
+    renderPanel(id: string): Promise<() => void>;
+    /**
+     * @description Get the render function and renderer for the MaestroWebSDK. Useful to configure the renderer and fonts before rendering the component.
+     * @param {string} id - The id of the element to render the component in.
+     * @param {{ height: number; width: number }} options - The height and width of the component.
+     */
+    private getRenderer;
+}
+export default ReactRenderer;

package/dist/external/ports/cacheManager.d.ts

@@ -0,0 +1,15 @@
+export type CachedData = {
+    data: unknown;
+    timestamp: number;
+};
+export interface ProduceCacheKeyParams {
+    endpoint: string;
+    params?: Record<string, any>;
+    data?: any;
+}
+export interface ICacheManager {
+    setCache(key: string, data: unknown): void;
+    getCache<T = any>(key: string): T | null;
+    produceCacheKey(params: ProduceCacheKeyParams): string;
+    clearCache(key: string): void;
+}

package/dist/external/ports/networkClient.d.ts

@@ -0,0 +1,5 @@
+export interface INetworkClient {
+    get<TResponseData = any>(endpoint: string, params?: any): Promise<TResponseData>;
+    post<TRequestData = any, TResponseData = any>(endpoint: string, data: TRequestData): Promise<TResponseData>;
+    setAuthentication(token: string | null, apiKey: string | null): void;
+}

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

@@ -0,0 +1,9 @@
+import IMaestroEventDelegate from '../../interfaces/IMaestroEventDelegate';
+import { MaestroViewModels } from '../../view-models';
+type UnmountFn = () => void;
+export interface IRenderer {
+    renderPanel(id: string): Promise<UnmountFn>;
+    setViewModels(eventId: string, delegate?: IMaestroEventDelegate): Promise<MaestroViewModels | null>;
+    viewModels: MaestroViewModels | null;
+}
+export {};

package/dist/external/spatial-navigation/index.d.ts

@@ -0,0 +1,5 @@
+import withFocusable, { WithFocusableProps } from './withFocusable';
+import { InitOptions, KeyMap } from './spatialNavigation';
+declare const destroy: () => void, pause: () => void, resume: () => void, setFocus: (targetFocusKey: string, details?: Record<string, any>) => void, init: ({ debug, visualDebug, nativeMode, throttle, throttleKeypresses, }?: InitOptions) => void, setKeyMap: (keyMap: KeyMap) => void;
+export { withFocusable, init, setKeyMap, destroy, pause, resume, setFocus };
+export type { InitOptions, KeyMap, WithFocusableProps };

package/dist/external/spatial-navigation/measureLayout.d.ts

@@ -0,0 +1,2 @@
+declare const measureLayout: (node: any, callback: (x: number, y: number, width: number, height: number, left: number, top: number) => void) => void;
+export default measureLayout;