@maestro_io/maestro-web-sdk 4.0.2 → 5.1.0

package/dist/src/modules/{bets → espn/bets}/view/UserBets/BetsCard/BetsCard.d.ts

@@ -2,26 +2,27 @@
 import React from 'react';
 import { WithFocusableProps } from '@/external/spatial-navigation';
 import { Direction, Layout } from '@/external/spatial-navigation/utils';
-import { IUserBet } from '@/modules/bets/interfaces/IBets';
+import { IUserBet } from '@/modules/espn/bets/interfaces/IBets';
 export declare const EVENTS_COUNT_THRESHOLD = 3;
 export type BaseBetCardProps = {
     bet: IUserBet;
     renderHeaderContent?: (props: WithFocusableProps) => React.ReactNode;
     hideWagers?: boolean;
 };
-declare const _default: {
+export declare const FocusableUserBetsCard: {
     new (props: (BaseBetCardProps & WithFocusableProps) | Readonly<BaseBetCardProps & WithFocusableProps>): {
-        state: import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState;
-        navigation: import("../../../../../external/spatial-navigation/spatialNavigation").default;
+        state: import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState;
+        navigation: import("../../../../../../external/spatial-navigation/spatialNavigation").default;
         getChildContext(): {
             parentFocusKey: string;
         };
         setFocus: (focusKey: string) => void;
-        navigateByDirection: (direction: Direction, details?: Record<string, any>) => void;
+        navigateByDirection: (direction: Direction, details?: import("@/external/spatial-navigation/utils").Details) => void;
         stealFocus: () => void;
         onUpdateFocus: (focused: boolean) => void;
         onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
         onEnterPressHandler: (details: import("@/external/spatial-navigation/utils").Details) => void;
+        onClickPressHandler: (details: import("@/external/spatial-navigation/utils").Details) => void;
         onEnterReleaseHandler: () => void;
         onBackPressHandler: (details: import("@/external/spatial-navigation/utils").Details) => void;
         onArrowPressHandler: (direction: Direction, details: import("@/external/spatial-navigation/utils").Details) => boolean | void;
@@ -32,7 +33,7 @@ declare const _default: {
         componentWillUnmount(): void;
         render(): React.ReactElement<BaseBetCardProps & 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<BaseBetCardProps & 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;
+        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<BaseBetCardProps & 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<BaseBetCardProps & WithFocusableProps> & Readonly<{
             children?: React.ReactNode;
@@ -40,28 +41,29 @@ declare const _default: {
         refs: {
             [key: string]: React.ReactInstance;
         };
-        shouldComponentUpdate?(nextProps: Readonly<BaseBetCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        shouldComponentUpdate?(nextProps: Readonly<BaseBetCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<BaseBetCardProps & WithFocusableProps>, prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<BaseBetCardProps & WithFocusableProps>, prevState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
         componentWillReceiveProps?(nextProps: Readonly<BaseBetCardProps & WithFocusableProps>, nextContext: any): void;
         UNSAFE_componentWillReceiveProps?(nextProps: Readonly<BaseBetCardProps & WithFocusableProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<BaseBetCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<BaseBetCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<BaseBetCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<BaseBetCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
     };
     new (props: BaseBetCardProps & WithFocusableProps, context: any): {
-        state: import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState;
-        navigation: import("../../../../../external/spatial-navigation/spatialNavigation").default;
+        state: import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState;
+        navigation: import("../../../../../../external/spatial-navigation/spatialNavigation").default;
         getChildContext(): {
             parentFocusKey: string;
         };
         setFocus: (focusKey: string) => void;
-        navigateByDirection: (direction: Direction, details?: Record<string, any>) => void;
+        navigateByDirection: (direction: Direction, details?: import("@/external/spatial-navigation/utils").Details) => void;
         stealFocus: () => void;
         onUpdateFocus: (focused: boolean) => void;
         onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
         onEnterPressHandler: (details: import("@/external/spatial-navigation/utils").Details) => void;
+        onClickPressHandler: (details: import("@/external/spatial-navigation/utils").Details) => void;
         onEnterReleaseHandler: () => void;
         onBackPressHandler: (details: import("@/external/spatial-navigation/utils").Details) => void;
         onArrowPressHandler: (direction: Direction, details: import("@/external/spatial-navigation/utils").Details) => boolean | void;
@@ -72,7 +74,7 @@ declare const _default: {
         componentWillUnmount(): void;
         render(): React.ReactElement<BaseBetCardProps & 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<BaseBetCardProps & 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;
+        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<BaseBetCardProps & 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<BaseBetCardProps & WithFocusableProps> & Readonly<{
             children?: React.ReactNode;
@@ -80,15 +82,15 @@ declare const _default: {
         refs: {
             [key: string]: React.ReactInstance;
         };
-        shouldComponentUpdate?(nextProps: Readonly<BaseBetCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        shouldComponentUpdate?(nextProps: Readonly<BaseBetCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<BaseBetCardProps & WithFocusableProps>, prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<BaseBetCardProps & WithFocusableProps>, prevState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
         componentWillReceiveProps?(nextProps: Readonly<BaseBetCardProps & WithFocusableProps>, nextContext: any): void;
         UNSAFE_componentWillReceiveProps?(nextProps: Readonly<BaseBetCardProps & WithFocusableProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<BaseBetCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<BaseBetCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<BaseBetCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<BaseBetCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
     };
     contextTypes: {
         parentFocusKey: import("prop-types").Requireable<string>;
@@ -98,4 +100,5 @@ declare const _default: {
     };
     contextType?: React.Context<any> | undefined;
 };
-export default _default;
+declare const UserBetsCardWrapper: React.FC<BaseBetCardProps & WithFocusableProps>;
+export default UserBetsCardWrapper;

package/dist/src/modules/{bets → espn/bets}/view/UserBets/BetsCard/BetsCard.js

@@ -1,21 +1,15 @@
-import React from 'react';
+import React, { useCallback } from 'react';
 import { withFocusable, } from '@/external/spatial-navigation';
+import { useScrollableContainer } from '@/components/core/ScrollableContainer';
 import BetsCard from '../../components/BetsCard/BetsCard';
 import BetsCardHeader from '../../components/BetsCard/BetsCardHeader';
 import BetsCardFooter from './BetsCardFooter';
 import BetsCardEvent from './BetsCardEvent';
-import { DEFAULT_SCROLLABLE_CONTAINER_CONTEXT, SCROLLABLE_CONTEXT_TYPE, } from '@/components/core/ScrollableContainer/ScrollableContainer';
 import SDK from '@/index';
 export const EVENTS_COUNT_THRESHOLD = 3;
 class UserBetsCard extends React.Component {
     constructor() {
         super(...arguments);
-        Object.defineProperty(this, "context", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: DEFAULT_SCROLLABLE_CONTAINER_CONTEXT
-        });
         Object.defineProperty(this, "onEnterPress", {
             enumerable: true,
             configurable: true,
@@ -101,14 +95,6 @@ class UserBetsCard extends React.Component {
                 return (React.createElement(BetsCardFooter, { bet: this.props.bet, hideWagers: this.props.hideWagers }));
             }
         });
-        Object.defineProperty(this, "becameFocused", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (layout) => {
-                this.context.scrollToFocusedElement(layout);
-            }
-        });
     }
     get betsFocusable() {
         return this.props.bet.events.length > EVENTS_COUNT_THRESHOLD;
@@ -125,14 +111,15 @@ class UserBetsCard extends React.Component {
         return this.props.bet.type.toLowerCase();
     }
     get viewModel() {
-        const vm = SDK.getMaestroEventViewModel().betsViewModel;
+        const vm = SDK.getMaestroEventViewModel()
+            .betsViewModel;
         if (!vm) {
             throw new Error('BetsViewModel is not initialized');
         }
         return vm;
     }
     render() {
-        return (React.createElement(BetsCard, { header: this.renderHeader, footer: this.renderFooter, onEnterPress: this.onEnterPress, focusKey: `${this.focusKeyPrefix}-${this.props.bet.id}`, onArrowPress: this.handleCardArrowPress, onBecameFocused: this.becameFocused, focused: this.props.focused },
+        return (React.createElement(BetsCard, { header: this.renderHeader, footer: this.renderFooter, onEnterPress: this.onEnterPress, focusKey: `${this.focusKeyPrefix}-${this.props.bet.id}`, onArrowPress: this.handleCardArrowPress, onBecameFocused: this.props.onBecameFocused, focused: this.props.focused },
             this.events.map((event, eventIndex) => (React.createElement(BetsCardEvent, { betType: this.betType, betsFocusable: this.betsFocusable, event: event, eventIndex: eventIndex, onBetArrowPress: this.handleBetArrowPress, key: event.displayName, betId: this.props.bet.id, parentFocusKey: this.props.focusKey, onBetBackPress: this.focusCard, hideWagers: this.props.hideWagers }))),
             !this.props.hasFocusedChild && this.betsFocusable && (React.createElement("div", { className: "more-bets T05_ALT" },
                 "+",
@@ -140,10 +127,14 @@ class UserBetsCard extends React.Component {
                 " more"))));
     }
 }
-Object.defineProperty(UserBetsCard, "contextTypes", {
-    enumerable: true,
-    configurable: true,
-    writable: true,
-    value: SCROLLABLE_CONTEXT_TYPE
-});
-export default withFocusable({ trackChildren: true })(UserBetsCard);
+export const FocusableUserBetsCard = withFocusable({
+    trackChildren: true,
+})(UserBetsCard);
+const UserBetsCardWrapper = (props) => {
+    const { scrollToFocusedElement } = useScrollableContainer();
+    const onBecameFocused = useCallback((layout) => {
+        scrollToFocusedElement(layout);
+    }, [scrollToFocusedElement]);
+    return React.createElement(FocusableUserBetsCard, { ...props, onBecameFocused: onBecameFocused });
+};
+export default UserBetsCardWrapper;

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

@@ -0,0 +1,16 @@
+import { IUserBet } from '@/modules/espn/bets/interfaces/IBets';
+import React from 'react';
+import { Details, Direction } 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 const BetsCardEvent: React.FC<BetsCardEventProps>;
+export default BetsCardEvent;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+import Bet from '../../components/Bet/Bet';
+const BetsCardEvent = (props) => {
+    return (React.createElement("div", { key: props.event.displayName, className: "bets-card-event T10" },
+        React.createElement("div", { className: "T10" }, props.event.displayName),
+        React.createElement("div", { className: "bets-card-bets" }, props.event.legs.map((leg, index) => (React.createElement(Bet, { key: `${props.betId}-${props.eventIndex}-${index}`, focusable: props.betsFocusable, focusKey: `sdk-bets-card-${props.betType}-bet-${props.betId}-${props.eventIndex}-${index}`, onArrowPress: props.onBetArrowPress(props.eventIndex, index), leg: leg, onBackPress: props.onBetBackPress, parentFocusKey: props.parentFocusKey, hideWagers: props.hideWagers }))))));
+};
+export default BetsCardEvent;

package/dist/src/modules/{bets → espn/bets}/view/UserBets/BetsCard/BetsCardFooter.d.ts

@@ -1,4 +1,4 @@
-import { IUserBet } from '@/modules/bets/interfaces/IBets';
+import { IUserBet } from '@/modules/espn/bets/interfaces/IBets';
 type BetsCardFooterProps = {
     bet: IUserBet;
     hideWagers?: boolean;

package/dist/src/modules/{bets → espn/bets}/view/UserBets/BetsCard/BetsCardFooter.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import BetPill from '../../components/BetPill/BetPill';
-import BetResult from '../../UserBets/BetResult/BetResult';
+import BetResult from '../BetResult/BetResult';
 const BetsCardFooter = (props) => {
     // Hide entire footer when hideWagers is true
     if (props.hideWagers) {

package/dist/src/modules/{bets → espn/bets}/view/UserBets/Boost/Boost.d.ts

@@ -1,4 +1,4 @@
-import { IUserBet } from '@/modules/bets/interfaces/IBets';
+import { IUserBet } from '@/modules/espn/bets/interfaces/IBets';
 type BoostProps = {
     bet: IUserBet;
     hideWagers?: boolean;

package/dist/src/modules/{bets → espn/bets}/view/UserBets/Parlay/Parlay.d.ts

@@ -1,5 +1,5 @@
 import './Parlay.styles.css';
-import { IUserBet } from '@/modules/bets/interfaces/IBets';
+import { IUserBet } from '@/modules/espn/bets/interfaces/IBets';
 type ParlayProps = {
     bet: IUserBet;
     hideWagers?: boolean;

package/dist/src/modules/{bets → espn/bets}/view/UserBets/Straight/Straight.d.ts

@@ -1,4 +1,4 @@
-import { IUserBet } from '@/modules/bets/interfaces/IBets';
+import { IUserBet } from '@/modules/espn/bets/interfaces/IBets';
 type StraightProps = {
     bet: IUserBet;
     hideWagers?: boolean;

package/dist/src/modules/{bets → espn/bets}/view/UserBets/Teaser/Teaser.d.ts

@@ -1,4 +1,4 @@
-import { IUserBet } from '@/modules/bets/interfaces/IBets';
+import { IUserBet } from '@/modules/espn/bets/interfaces/IBets';
 type TeaserProps = {
     bet: IUserBet;
     hideWagers?: boolean;

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import './Bet.styles.css';
+import { WithFocusableProps } from '@/external/spatial-navigation';
+import { IBetLeg } from '@/modules/espn/bets/interfaces/IBets';
+type BetProps = {
+    leg: IBetLeg;
+    hideWagers?: boolean;
+} & WithFocusableProps;
+declare const Bet: React.FC<BetProps>;
+export default Bet;

package/dist/src/modules/{bets → espn/bets}/view/components/Bet/Bet.js

@@ -1,9 +1,10 @@
-import React from 'react';
+import React, { useCallback } from 'react';
 import './Bet.styles.css';
 import { withFocusable, } from '@/external/spatial-navigation';
 import Image from '@/components/atoms/Image';
 import FocusableItem from '@/components/core/ScrollableContainer/FocusableItem';
-class Bet extends React.Component {
+import { useScrollableContainer } from '@/components/core/ScrollableContainer';
+class BetComponent extends React.Component {
     render() {
         const accruedValue = this.props.leg.points
             ? Number(this.props.leg.points)
@@ -29,4 +30,12 @@ class Bet extends React.Component {
                         React.createElement("progress", { "data-complete": accruedValue === this.props.leg.accrued.goal, value: accruedValue, max: this.props.leg.accrued.goal })))))));
     }
 }
-export default withFocusable()(Bet);
+const FocusableBet = withFocusable()(BetComponent);
+const Bet = (props) => {
+    const { scrollToFocusedElement } = useScrollableContainer();
+    const onBecameFocused = useCallback((layout) => {
+        scrollToFocusedElement(layout);
+    }, [scrollToFocusedElement]);
+    return React.createElement(FocusableBet, { ...props, onBecameFocused: onBecameFocused });
+};
+export default Bet;

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

@@ -6,5 +6,5 @@ export type BetsCardProps = {
     header: (props: BetsCardProps & WithFocusableProps) => React.ReactNode;
     footer: (props: BetsCardProps & WithFocusableProps) => React.ReactNode;
 };
-declare const _default: React.ComponentType<BetsCardProps & WithFocusableProps>;
-export default _default;
+declare const BetsCard: React.FC<BetsCardProps & WithFocusableProps>;
+export default BetsCard;

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

@@ -0,0 +1,24 @@
+import React, { useCallback } from 'react';
+import './BetsCard.styles.css';
+import { withFocusable, } from '@/external/spatial-navigation';
+import FocusableItem from '@/components/core/ScrollableContainer/FocusableItem';
+import { useScrollableContainer } from '@/components/core/ScrollableContainer';
+class BetsCardComponent 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))));
+    }
+}
+const FocusableBetsCard = withFocusable()(BetsCardComponent);
+const BetsCard = (props) => {
+    const { scrollToFocusedElement } = useScrollableContainer();
+    const onBecameFocused = useCallback((layout) => {
+        scrollToFocusedElement(layout);
+    }, [scrollToFocusedElement]);
+    return React.createElement(FocusableBetsCard, { ...props, onBecameFocused: onBecameFocused });
+};
+export default BetsCard;

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import './GamblingDisclaimer.styles.css';
+interface GamblingDisclaimerProps {
+    text: string;
+}
+declare const GamblingDisclaimerWrapper: React.FC<GamblingDisclaimerProps>;
+export default GamblingDisclaimerWrapper;

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

@@ -0,0 +1,31 @@
+import React, { useCallback } from 'react';
+import Icon from '@/components/atoms/SvgIcon/Icon';
+import './GamblingDisclaimer.styles.css';
+import FocusableItem from '@/components/core/ScrollableContainer/FocusableItem';
+import { useScrollableContainer } from '@/components/core/ScrollableContainer';
+import { withFocusable, } from '@/external/spatial-navigation';
+import SDK from '@/index';
+const FALLBACK_DISCLAIMER_TEXT = 'Odds by ESPN BET; 21+. Gambling Problem? Call 1-800-GAMBLER';
+class GamblingDisclaimer extends React.Component {
+    render() {
+        const { text, focused = false } = this.props;
+        return (React.createElement(FocusableItem, null,
+            React.createElement("div", { className: "gambling-disclaimer focus-ring", "data-focused": focused },
+                React.createElement(Icon, { iconName: "mobilePhone", width: 32, height: 32 }),
+                React.createElement("div", { className: "gambling-disclaimer-text T02" }, text || FALLBACK_DISCLAIMER_TEXT))));
+    }
+}
+const FocusableGamblingDisclaimer = withFocusable()(GamblingDisclaimer);
+const GamblingDisclaimerWrapper = (props) => {
+    const { scrollToFocusedElement } = useScrollableContainer();
+    const onBecameFocused = useCallback((layout) => {
+        scrollToFocusedElement(layout);
+    }, [scrollToFocusedElement]);
+    const onArrowPress = useCallback((d, _props) => {
+        if (d === 'left') {
+            SDK.getMaestroEventViewModel().deliverFocus();
+        }
+    }, []);
+    return (React.createElement(FocusableGamblingDisclaimer, { ...props, onBecameFocused: onBecameFocused, onArrowPress: onArrowPress }));
+};
+export default GamblingDisclaimerWrapper;

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

@@ -0,0 +1 @@
+export { default as GamblingDisclaimer } from './GamblingDisclaimer';

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

@@ -0,0 +1 @@
+export { default as GamblingDisclaimer } from './GamblingDisclaimer';

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

@@ -0,0 +1,5 @@
+import React from 'react';
+import './PromoCodeBanner.styles.css';
+import { IBetPromo } from '@/modules/espn/bets/view-model/BetsViewModel';
+declare const FocusablePromoCodeBannerWrapper: React.FC<IBetPromo>;
+export default FocusablePromoCodeBannerWrapper;

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

@@ -0,0 +1,45 @@
+import React, { useCallback } from 'react';
+import './PromoCodeBanner.styles.css';
+import { withFocusable, } from '@/external/spatial-navigation';
+import FocusableItem from '@/components/core/ScrollableContainer/FocusableItem';
+import { useScrollableContainer } from '@/components/core/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);
+const FocusablePromoCodeBannerWrapper = (props) => {
+    const { scrollToFocusedElement } = useScrollableContainer();
+    const onBecameFocused = useCallback((layout) => {
+        scrollToFocusedElement(layout);
+    }, [scrollToFocusedElement]);
+    const onArrowPress = useCallback((d, _props) => {
+        if (d === 'left') {
+            SDK.getMaestroEventViewModel().deliverFocus();
+        }
+    }, []);
+    const onEnterPress = useCallback(() => {
+        const vm = SDK.getMaestroEventViewModel().betsViewModel;
+        if (!vm) {
+            throw new Error('BetsViewModel is not initialized');
+        }
+        // Track card click for promo
+        vm.trackCardClick('promo');
+    }, []);
+    return (React.createElement(FocusablePromoCodeBanner, { ...props, onBecameFocused: onBecameFocused, onArrowPress: onArrowPress, onEnterPress: onEnterPress }));
+};
+export default FocusablePromoCodeBannerWrapper;

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

@@ -1,7 +1,7 @@
-import { Observable } from '../../../helpers/Observable';
+import { Observable } from '../../../../helpers/Observable';
+import AnalyticsService from '@/services/AnalyticsService/AnalyticsService';
 import { ITeam, IUserBet, IBetLeg } from '../interfaces/IBets';
-import { ViewModel } from '../../../view-models/ViewModel';
-import { TestUseCase } from '@/interfaces/IMaestroEvent';
+import { ViewModel } from '../../../../view-models/ViewModel';
 import IMaestroEventDelegate from '@/interfaces/IMaestroEventDelegate';
 import { BetCardType, BetType } from '../types/BetsAnalyticsTypes';
 declare const BET_ITEM_TYPE: {
@@ -123,7 +123,7 @@ export declare class BetsViewModel extends ViewModel {
     private userSettingsManager;
     private settingsSubscription;
     initialized: boolean;
-    constructor(eventId: string, delegate: IMaestroEventDelegate, options?: {
+    constructor(eventId: string, delegate: IMaestroEventDelegate, analyticsService: AnalyticsService, options?: {
         useMockData?: boolean;
     });
     /**
@@ -204,7 +204,6 @@ export declare class BetsViewModel extends ViewModel {
      * Fetch mock data for testing
      */
     private fetchMockData;
-    simulateUseCase<T = any>(useCase: TestUseCase, _: T): void;
     clearTabLoadFailure(): void;
     /**
      * Check if wagers should be hidden based on user settings

package/dist/src/modules/{bets → espn/bets}/view-model/BetsViewModel.js

@@ -1,9 +1,8 @@
-import { Observable } from '../../../helpers/Observable';
-import BetsService from '../../../services/BetsService';
-import { UserSettingsManager } from '../../../services/UserSettingsManager';
-import AnalyticsService from '../../../services/AnalyticsService/AnalyticsService';
+import { Observable } from '../../../../helpers/Observable';
+import BetsService from '../services/BetsService';
+import { UserSettingsManager } from '../../../../services/UserSettingsManager';
 // Import ViewModel with correct path
-import { ViewModel } from '../../../view-models/ViewModel';
+import { ViewModel } from '../../../../view-models/ViewModel';
 import { MOCK_BETS_API_RESPONSE } from '../mocks';
 import SDK from '@/index';
 import { captureException } from '@/sentry';
@@ -29,7 +28,7 @@ const isPersonalizedBetsResponse = (data) => {
         typeof data.event === 'object');
 };
 export class BetsViewModel extends ViewModel {
-    constructor(eventId, delegate, options = {}) {
+    constructor(eventId, delegate, analyticsService, options = {}) {
         super();
         // Observable properties
         Object.defineProperty(this, "betsItems", {
@@ -138,7 +137,7 @@ export class BetsViewModel extends ViewModel {
         this.eventId = eventId;
         this.delegate = delegate;
         this.betsService = new BetsService(delegate);
-        this.analyticsService = new AnalyticsService();
+        this.analyticsService = analyticsService;
         this.pollingInterval = DEFAULT_POLLING_INTERVAL;
         this.useMockData = options.useMockData || false;
         this.userSettingsManager = UserSettingsManager.getInstance();
@@ -902,32 +901,6 @@ export class BetsViewModel extends ViewModel {
         this.errorState.value = 'none';
         this.isDataLoading.value = false;
     }
-    simulateUseCase(useCase, _) {
-        switch (useCase) {
-            case 'betsTabLoadFailure':
-                this.errorState.value = 'tabLoadFailure';
-                break;
-            case 'betsMockData':
-                this.stopPolling();
-                this.useMockData = true;
-                this.lastPersonalizedResponseHash = null;
-                this.lastNonPersonalizedResponseHash = null;
-                this.errorState.value = 'none';
-                this.fetchNewData();
-                break;
-            case 'betsLiveData':
-                this.useMockData = false;
-                this.lastPersonalizedResponseHash = null;
-                this.lastNonPersonalizedResponseHash = null;
-                this.hasEverSuccessfullyLoaded.value = false;
-                this.errorState.value = 'none';
-                this.fetchNewData();
-                this.refreshPolling();
-                break;
-            default:
-                throw new Error(`Unsupported use case: ${useCase}`);
-        }
-    }
     clearTabLoadFailure() {
         this.errorState.value = 'none';
         setTimeout(() => {