@maestro_io/maestro-web-sdk 4.0.2 → 5.1.0

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

@@ -1,34 +0,0 @@
-import React from 'react';
-import { OverlayType, IFantasyPayload } from '@/types/OverlayTypes';
-import { IWinningBet } from '@/models/IWinningBet';
-interface OverlayProps {
-    id: string;
-    position?: {
-        top?: number;
-        left?: number;
-        right?: number;
-        bottom?: number;
-    };
-    overlayType: OverlayType;
-    winningBet?: IWinningBet;
-    fantasy?: IFantasyPayload;
-    onOverlayAction?: (overlayType: OverlayType) => void;
-    onOverlayViewed?: (overlayType: OverlayType) => void;
-}
-interface OverlayState {
-    autoDismiss: boolean;
-    hasTrackedView: boolean;
-}
-export declare const WINNING_BET_RIVE_FILE_URL = "https://static.gcp.maestro.io/media/664b9c57d59a7a431542d814/67db106027ddcdcd2ecb97d4.riv";
-declare class Overlay extends React.Component<OverlayProps, OverlayState> {
-    private autoDismissTimeout;
-    constructor(props: OverlayProps);
-    componentWillUnmount(): void;
-    private handleOverlayAction;
-    get overlayTitle(): string;
-    get overlayMetadata(): string;
-    private trackOverlayViewed;
-    onLoadRiveInstance: (riveInstance: any | null) => void;
-    render(): JSX.Element;
-}
-export default Overlay;

package/dist/src/components/molecules/Overlay/Overlay.js

@@ -1,139 +0,0 @@
-// import { Rive as RiveCanvas } from '@rive-app/canvas';
-import React from 'react';
-import { OverlayType } from '@/types/OverlayTypes';
-import Rive from '../../atoms/Rive';
-export const WINNING_BET_RIVE_FILE_URL = 'https://static.gcp.maestro.io/media/664b9c57d59a7a431542d814/67db106027ddcdcd2ecb97d4.riv';
-const AUTO_DISMISS_TIMEOUT = 10400;
-class Overlay extends React.Component {
-    constructor(props) {
-        super(props);
-        Object.defineProperty(this, "autoDismissTimeout", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: null
-        });
-        Object.defineProperty(this, "handleOverlayAction", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                const { overlayType, onOverlayAction } = this.props;
-                this.setState({ autoDismiss: false });
-                switch (overlayType) {
-                    case OverlayType.WinningBet:
-                        break;
-                    case OverlayType.FantasyPlayerEvent:
-                        break;
-                }
-                // Call custom action handler if provided
-                if (onOverlayAction) {
-                    onOverlayAction(overlayType);
-                }
-            }
-        });
-        Object.defineProperty(this, "trackOverlayViewed", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                if (this.state.hasTrackedView)
-                    return;
-                this.setState({ hasTrackedView: true });
-                if (this.props.onOverlayViewed) {
-                    this.props.onOverlayViewed(this.props.overlayType);
-                }
-            }
-        });
-        Object.defineProperty(this, "onLoadRiveInstance", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (riveInstance) => {
-                if (!riveInstance)
-                    return;
-                // Ensure the drawing surface matches the canvas size and device pixel ratio
-                riveInstance.resizeDrawingSurfaceToCanvas();
-                // Set text values after the file is loaded
-                try {
-                    riveInstance.setTextRunValueAtPath('Title', this.overlayTitle, 'compNotification');
-                    riveInstance.setTextRunValueAtPath('Metadata', this.overlayMetadata, 'compNotification');
-                }
-                catch (error) {
-                    console.error('Error setting text values:', error);
-                }
-                // Get state machine inputs and trigger the play input specifically
-                try {
-                    const inputs = riveInstance.stateMachineInputs('stateMachine');
-                    const triggerPlayInput = inputs.find((input) => input.name === 'triggerPlay');
-                    if (triggerPlayInput) {
-                        triggerPlayInput.fire();
-                    }
-                    else if (inputs.length > 0) {
-                        inputs[0].fire();
-                    }
-                }
-                catch (error) {
-                    console.error('Error with state machine inputs:', error);
-                }
-                this.trackOverlayViewed();
-                this.autoDismissTimeout = setTimeout(() => {
-                    if (this.state.autoDismiss) {
-                        this.handleOverlayAction();
-                    }
-                }, AUTO_DISMISS_TIMEOUT);
-            }
-        });
-        this.state = {
-            autoDismiss: true,
-            hasTrackedView: false,
-        };
-    }
-    componentWillUnmount() {
-        if (this.autoDismissTimeout) {
-            clearTimeout(this.autoDismissTimeout);
-        }
-    }
-    get overlayTitle() {
-        const { overlayType, fantasy } = this.props;
-        switch (overlayType) {
-            case OverlayType.WinningBet:
-                return 'You won your bet!';
-            case OverlayType.FantasyPlayerEvent:
-                return fantasy?.title ?? 'Fantasy Update';
-            default:
-                return '';
-        }
-    }
-    get overlayMetadata() {
-        const { overlayType, winningBet, fantasy } = this.props;
-        switch (overlayType) {
-            case OverlayType.WinningBet:
-                return (winningBet?.notificationText ?? 'Click OK to view your winning bets.');
-            case OverlayType.FantasyPlayerEvent:
-                return fantasy?.metadata ?? 'New Player Activity';
-            default:
-                return '';
-        }
-    }
-    render() {
-        const style = {
-            position: 'fixed',
-            zIndex: 999999,
-            left: this.props.position?.left !== undefined
-                ? `${this.props.position.left}px`
-                : undefined,
-            right: this.props.position?.right !== undefined
-                ? `${this.props.position.right}px`
-                : undefined,
-            top: this.props.position?.top !== undefined
-                ? `${this.props.position.top}px`
-                : undefined,
-            bottom: this.props.position?.bottom !== undefined
-                ? `${this.props.position.bottom}px`
-                : undefined,
-        };
-        return (React.createElement(Rive, { id: this.props.id, onEnterPress: this.handleOverlayAction, focusKey: "maestro-overlay", autoFocus: true, autoPlay: true, onLoadRiveInstance: this.onLoadRiveInstance, src: WINNING_BET_RIVE_FILE_URL, style: style }));
-    }
-}
-export default Overlay;

package/dist/src/components/molecules/Overlay/index.d.ts

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

package/dist/src/components/molecules/Overlay/index.js

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

package/dist/src/models/IWinningBet.d.ts

@@ -1,7 +0,0 @@
-export interface IWinningBet {
-    serverID: string;
-    notificationText: string;
-    amount: number;
-    outcome: 'WIN' | 'LOSS' | 'PUSH';
-}
-export type WinningBet = IWinningBet;

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

@@ -1,23 +0,0 @@
-/// <reference types="prop-types" />
-import React from 'react';
-import './SixPackView.style.css';
-import { WithFocusableProps } from '@/external/spatial-navigation';
-import { Direction, Layout } from '@/external/spatial-navigation/utils';
-import { SixPackBetItem } from '../../view-model/BetsViewModel';
-type Props = WithFocusableProps & {
-    item: SixPackBetItem;
-};
-export default class FocusableSixPackViewWrapper extends React.Component<Props> {
-    static contextTypes: {
-        refsMap: import("prop-types").Requireable<(HTMLElement | null | undefined)[]>;
-        setRef: import("prop-types").Requireable<(...args: any[]) => any>;
-        scrollToFocusedElement: import("prop-types").Requireable<(...args: any[]) => any>;
-    };
-    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(): JSX.Element;
-}
-export {};

package/dist/src/modules/bets/view/UserBets/BetsCard/BetsCardEvent.d.ts

@@ -1,26 +0,0 @@
-/// <reference types="prop-types" />
-import { IUserBet } from '@/modules/bets/interfaces/IBets';
-import React from 'react';
-import { Details, Direction, Layout } from '@/external/spatial-navigation/utils';
-type BetsCardEventProps = {
-    event: IUserBet['events'][number];
-    betsFocusable: boolean;
-    betId: string;
-    parentFocusKey: string;
-    eventIndex: number;
-    betType: string;
-    onBetArrowPress: (eventIndex: number, legIndex: number) => (direction: Direction, props: any, details: Details) => void;
-    onBetBackPress: () => void;
-    hideWagers?: boolean;
-};
-declare class BetsCardEvent extends React.Component<BetsCardEventProps> {
-    static contextTypes: {
-        refsMap: import("prop-types").Requireable<(HTMLElement | null | undefined)[]>;
-        setRef: import("prop-types").Requireable<(...args: any[]) => any>;
-        scrollToFocusedElement: import("prop-types").Requireable<(...args: any[]) => any>;
-    };
-    context: import("@/components/core/ScrollableContainer/ScrollableContainer").ScrollableContainerContextType;
-    onBecameFocused: (layout: Layout) => void;
-    render(): JSX.Element;
-}
-export default BetsCardEvent;

package/dist/src/modules/bets/view/UserBets/BetsCard/BetsCardEvent.js

@@ -1,34 +0,0 @@
-import React from 'react';
-import Bet from '../../components/Bet/Bet';
-import { DEFAULT_SCROLLABLE_CONTAINER_CONTEXT, SCROLLABLE_CONTEXT_TYPE, } from '@/components/core/ScrollableContainer/ScrollableContainer';
-class BetsCardEvent extends React.Component {
-    constructor() {
-        super(...arguments);
-        Object.defineProperty(this, "context", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: DEFAULT_SCROLLABLE_CONTAINER_CONTEXT
-        });
-        Object.defineProperty(this, "onBecameFocused", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (layout) => {
-                this.context.scrollToFocusedElement(layout);
-            }
-        });
-    }
-    render() {
-        return (React.createElement("div", { key: this.props.event.displayName, className: "bets-card-event T10" },
-            React.createElement("div", { className: "T10" }, this.props.event.displayName),
-            React.createElement("div", { className: "bets-card-bets" }, this.props.event.legs.map((leg, index) => (React.createElement(Bet, { key: `${this.props.betId}-${this.props.eventIndex}-${index}`, focusable: this.props.betsFocusable, focusKey: `sdk-bets-card-${this.props.betType}-bet-${this.props.betId}-${this.props.eventIndex}-${index}`, onArrowPress: this.props.onBetArrowPress(this.props.eventIndex, index), onBecameFocused: this.onBecameFocused, parentFocusKey: this.props.parentFocusKey, onBackPress: this.props.onBetBackPress, leg: leg, hideWagers: this.props.hideWagers }))))));
-    }
-}
-Object.defineProperty(BetsCardEvent, "contextTypes", {
-    enumerable: true,
-    configurable: true,
-    writable: true,
-    value: SCROLLABLE_CONTEXT_TYPE
-});
-export default BetsCardEvent;

package/dist/src/modules/bets/view/components/Bet/Bet.d.ts

@@ -1,158 +0,0 @@
-/// <reference types="prop-types" />
-import React from 'react';
-import './Bet.styles.css';
-import { WithFocusableProps } from '@/external/spatial-navigation';
-import { IBetLeg } from '@/modules/bets/interfaces/IBets';
-declare const _default: {
-    new (props: ({
-        leg: IBetLeg;
-        hideWagers?: boolean | undefined;
-    } & WithFocusableProps) | Readonly<{
-        leg: IBetLeg;
-        hideWagers?: boolean | undefined;
-    } & WithFocusableProps>): {
-        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<{
-            leg: IBetLeg;
-            hideWagers?: boolean | undefined;
-        } & WithFocusableProps, string | React.JSXElementConstructor<any>>;
-        context: any;
-        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: Readonly<{
-            leg: IBetLeg;
-            hideWagers?: boolean | undefined;
-        } & WithFocusableProps>) => import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState | Pick<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null) | Pick<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<{
-            leg: IBetLeg;
-            hideWagers?: boolean | undefined;
-        } & WithFocusableProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        shouldComponentUpdate?(nextProps: Readonly<{
-            leg: IBetLeg;
-            hideWagers?: boolean | undefined;
-        } & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<{
-            leg: IBetLeg;
-            hideWagers?: boolean | undefined;
-        } & WithFocusableProps>, prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<{
-            leg: IBetLeg;
-            hideWagers?: boolean | undefined;
-        } & WithFocusableProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{
-            leg: IBetLeg;
-            hideWagers?: boolean | undefined;
-        } & WithFocusableProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<{
-            leg: IBetLeg;
-            hideWagers?: boolean | undefined;
-        } & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<{
-            leg: IBetLeg;
-            hideWagers?: boolean | undefined;
-        } & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
-    };
-    new (props: {
-        leg: IBetLeg;
-        hideWagers?: boolean | undefined;
-    } & WithFocusableProps, 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<{
-            leg: IBetLeg;
-            hideWagers?: boolean | undefined;
-        } & WithFocusableProps, string | React.JSXElementConstructor<any>>;
-        context: any;
-        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: Readonly<{
-            leg: IBetLeg;
-            hideWagers?: boolean | undefined;
-        } & WithFocusableProps>) => import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState | Pick<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null) | Pick<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState, K> | null, callback?: (() => void) | undefined): void;
-        forceUpdate(callback?: (() => void) | undefined): void;
-        readonly props: Readonly<{
-            leg: IBetLeg;
-            hideWagers?: boolean | undefined;
-        } & WithFocusableProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        shouldComponentUpdate?(nextProps: Readonly<{
-            leg: IBetLeg;
-            hideWagers?: boolean | undefined;
-        } & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<{
-            leg: IBetLeg;
-            hideWagers?: boolean | undefined;
-        } & WithFocusableProps>, prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<{
-            leg: IBetLeg;
-            hideWagers?: boolean | undefined;
-        } & WithFocusableProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<{
-            leg: IBetLeg;
-            hideWagers?: boolean | undefined;
-        } & WithFocusableProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<{
-            leg: IBetLeg;
-            hideWagers?: boolean | undefined;
-        } & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<{
-            leg: IBetLeg;
-            hideWagers?: boolean | undefined;
-        } & 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>;
-    };
-    contextType?: React.Context<any> | undefined;
-};
-export default _default;

package/dist/src/modules/bets/view/components/BetsCard/BetsCard.js

@@ -1,15 +0,0 @@
-import React from 'react';
-import './BetsCard.styles.css';
-import { withFocusable, } from '@/external/spatial-navigation';
-import FocusableItem from '@/components/core/ScrollableContainer/FocusableItem';
-class BetsCard extends React.Component {
-    render() {
-        return (React.createElement(FocusableItem, null,
-            React.createElement("div", { className: "bets-card focus-ring", "data-focused": this.props.focused },
-                this.props.header(this.props),
-                React.createElement("div", { className: "bets-card-divider" }),
-                this.props.children,
-                this.props.footer(this.props))));
-    }
-}
-export default withFocusable()(BetsCard);

package/dist/src/modules/bets/view/components/GamblingDisclaimer/GamblingDisclaimer.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import './GamblingDisclaimer.styles.css';
-declare class GamblingDisclaimer extends React.Component<{
-    text: string;
-}> {
-    render(): JSX.Element;
-}
-export default GamblingDisclaimer;

package/dist/src/modules/bets/view/components/GamblingDisclaimer/GamblingDisclaimer.js

@@ -1,14 +0,0 @@
-import React from 'react';
-import Icon from '@/components/atoms/SvgIcon/Icon';
-import './GamblingDisclaimer.styles.css';
-import FocusableItem from '@/components/core/ScrollableContainer/FocusableItem';
-const FALLBACK_DISCLAIMER_TEXT = 'Odds by ESPN BET; 21+. Gambling Problem? Call 1-800-GAMBLER';
-class GamblingDisclaimer extends React.Component {
-    render() {
-        return (React.createElement(FocusableItem, null,
-            React.createElement("div", { className: "gambling-disclaimer" },
-                React.createElement(Icon, { iconName: "mobilePhone", width: 32, height: 32 }),
-                React.createElement("div", { className: "gambling-disclaimer-text T02" }, this.props.text || FALLBACK_DISCLAIMER_TEXT))));
-    }
-}
-export default GamblingDisclaimer;

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

@@ -1,18 +0,0 @@
-/// <reference types="prop-types" />
-import React from 'react';
-import './PromoCodeBanner.styles.css';
-import { Direction, Layout } from '@/external/spatial-navigation/utils';
-import { IBetPromo } from '@/modules/bets/view-model/BetsViewModel';
-export default class FocusablePromoCodeBannerWrapper extends React.Component<IBetPromo> {
-    static contextTypes: {
-        refsMap: import("prop-types").Requireable<(HTMLElement | null | undefined)[]>;
-        setRef: import("prop-types").Requireable<(...args: any[]) => any>;
-        scrollToFocusedElement: import("prop-types").Requireable<(...args: any[]) => any>;
-    };
-    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(): JSX.Element;
-}

package/dist/src/modules/bets/view/components/PromoCodeBanner/PromoCodeBanner.js

@@ -1,78 +0,0 @@
-import React from 'react';
-import './PromoCodeBanner.styles.css';
-import { withFocusable, } from '@/external/spatial-navigation';
-import FocusableItem from '@/components/core/ScrollableContainer/FocusableItem';
-import { DEFAULT_SCROLLABLE_CONTAINER_CONTEXT, SCROLLABLE_CONTEXT_TYPE, } from '@/components/core/ScrollableContainer/ScrollableContainer';
-import SDK from '@/index';
-class PromoCodeBanner extends React.Component {
-    render() {
-        const { title, description, logo, qrCode, backgroundImage, focused, } = this.props;
-        return (React.createElement(FocusableItem, null,
-            React.createElement("div", { className: "promo-code-banner focus-ring", "data-focused": focused, style: {
-                    backgroundImage: `url(${backgroundImage})`,
-                } },
-                React.createElement("div", { className: "promo-content" },
-                    React.createElement("div", { className: "promo-logo-container" },
-                        React.createElement("img", { src: logo, alt: "ESPN Bet Logo", className: "promo-logo" })),
-                    React.createElement("div", { className: "promo-tagline T20" }, title)),
-                React.createElement("div", { className: "promo-action-area" },
-                    React.createElement("div", { className: "qr-code-container" },
-                        React.createElement("img", { src: qrCode, alt: "QR Code", className: "qr-code" })),
-                    React.createElement("div", { className: "promo-description T20" }, description)))));
-    }
-}
-const FocusablePromoCodeBanner = withFocusable()(PromoCodeBanner);
-export default class FocusablePromoCodeBannerWrapper extends React.Component {
-    constructor() {
-        super(...arguments);
-        Object.defineProperty(this, "context", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: DEFAULT_SCROLLABLE_CONTAINER_CONTEXT
-        });
-        Object.defineProperty(this, "onBecameFocused", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (layout) => {
-                this.context.scrollToFocusedElement(layout);
-            }
-        });
-        Object.defineProperty(this, "onArrowPress", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (d, _props) => {
-                if (d === 'left') {
-                    SDK.getMaestroEventViewModel().deliverFocus();
-                }
-            }
-        });
-        Object.defineProperty(this, "onEnterPress", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                // Track card click for promo
-                this.viewModel.trackCardClick('promo');
-            }
-        });
-    }
-    get viewModel() {
-        const vm = SDK.getMaestroEventViewModel().betsViewModel;
-        if (!vm) {
-            throw new Error('BetsViewModel is not initialized');
-        }
-        return vm;
-    }
-    render() {
-        return (React.createElement(FocusablePromoCodeBanner, { ...this.props, onBecameFocused: this.onBecameFocused, onArrowPress: this.onArrowPress, onEnterPress: this.onEnterPress }));
-    }
-}
-Object.defineProperty(FocusablePromoCodeBannerWrapper, "contextTypes", {
-    enumerable: true,
-    configurable: true,
-    writable: true,
-    value: SCROLLABLE_CONTEXT_TYPE
-});