@maestro_io/maestro-web-sdk 5.2.1 → 5.3.1

package/dist/src/modules/espn/bets/services/BetsService.js

@@ -1,123 +0,0 @@
-import NetworkManager, { HttpMethod, } from '../../../../services/NetworkManager/NetworkManager';
-/**
- * Service for handling bets-related API calls
- */
-class BetsService {
-    constructor(delegate) {
-        Object.defineProperty(this, "networkManager", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        this.networkManager = new NetworkManager({
-            externalBaseURL: delegate.getBettingAPIBaseURL(),
-        });
-    }
-    /**
-     * Get non-personalized bets for an event
-     *
-     * @deprecated Use getPersonalizedBets instead. This method is kept for backward compatibility.
-     * @param eventID - The ID of the event
-     * @returns Promise with the bets data
-     */
-    async getNonPersonalizedBets(eventID) {
-        return this.networkManager.externalApiRequest({
-            endpoint: this.nonPersonalizedBetsEndpoint(eventID),
-            method: HttpMethod.GET,
-            params: { deviceType: 'ictv' },
-            headers: {},
-        });
-    }
-    /**
-     * Get personalized bets for an event
-     *
-     * @param eventID - The ID of the event
-     * @param swid - The ESPN SWID parameter (format provided by client app delegate)
-     * @param jwt - The authorization JWT (empty string for anonymous users)
-     * @returns Promise with the personalized bets data
-     */
-    async getPersonalizedBets(eventID, swid, jwt) {
-        return this.networkManager.externalApiRequest({
-            endpoint: this.personalizedBetsEndpoint(eventID),
-            method: HttpMethod.GET,
-            params: { swid, deviceType: 'ictv' },
-            headers: { 'x-p13n-auth': jwt },
-        });
-    }
-    /**
-     * Get personalized bets for an event with headers
-     *
-     * @param eventID - The ID of the event
-     * @param swid - The ESPN SWID parameter (format provided by client app delegate)
-     * @param jwt - The authorization JWT (empty string for anonymous users)
-     * @returns Promise with the personalized bets data and headers
-     */
-    async getPersonalizedBetsWithHeaders(eventID, swid, jwt) {
-        return this.networkManager.externalApiRequestWithHeaders({
-            endpoint: this.personalizedBetsEndpoint(eventID),
-            method: HttpMethod.GET,
-            params: { swid, deviceType: 'ictv' },
-            headers: { 'x-p13n-auth': jwt },
-        });
-    }
-    /**
-     * Start polling for personalized bets
-     *
-     * @param eventID - The ID of the event
-     * @param swid - The ESPN SWID parameter
-     * @param jwt - The authorization JWT
-     * @param interval - The polling interval in milliseconds
-     * @param onData - Callback for successful data fetch
-     * @param onError - Callback for errors
-     * @returns Object with a stop function to stop polling
-     */
-    pollPersonalizedBets(eventID, swid, jwt, interval, onData, onError) {
-        return this.networkManager.pollExternalApiRequest({
-            endpoint: this.personalizedBetsEndpoint(eventID),
-            interval,
-            method: HttpMethod.GET,
-            params: { swid, deviceType: 'ictv' },
-            headers: { 'x-p13n-auth': jwt },
-            onData,
-            onError,
-        });
-    }
-    /**
-     * Start polling for personalized bets and return both data and headers
-     *
-     * @param eventID - The ID of the event
-     * @param swid - The ESPN SWID parameter
-     * @param jwt - The authorization JWT
-     * @param interval - The polling interval in milliseconds
-     * @param onData - Callback for successful data fetch with headers
-     * @param onError - Callback for errors
-     * @returns Object with a stop function to stop polling
-     */
-    pollPersonalizedBetsWithHeaders(eventID, swid, jwt, interval, onData, onError) {
-        return this.networkManager.pollExternalApiRequestWithHeaders({
-            endpoint: this.personalizedBetsEndpoint(eventID),
-            interval,
-            method: HttpMethod.GET,
-            params: { swid, deviceType: 'ictv' },
-            headers: { 'x-p13n-auth': jwt },
-            onData,
-            onError,
-        });
-    }
-    /**
-     * Get the endpoint for non-personalized bets
-     *
-     * @deprecated This endpoint is no longer used.
-     */
-    nonPersonalizedBetsEndpoint(eventID) {
-        return `/site/v2/events/${eventID}/odds`;
-    }
-    /**
-     * Get the endpoint for personalized bets
-     */
-    personalizedBetsEndpoint(eventID) {
-        return `/personalized/site/v2/events/${eventID}/odds`;
-    }
-}
-export default BetsService;

package/dist/src/modules/espn/bets/types/BetsAnalyticsTypes.d.ts

@@ -1,8 +0,0 @@
-/**
- * Valid bet types as specified in the analytics spec
- */
-export type BetType = 'straight' | 'parlay' | 'parlay_plus' | 'teaser' | 'boost';
-/**
- * Valid card types for bets module
- */
-export type BetCardType = '6-pack' | 'my bets > live' | 'my bets > settled' | 'my bets > upcoming' | 'hot-props' | 'promo' | 'disclaimer';

package/dist/src/modules/espn/bets/types/BetsAnalyticsTypes.js

@@ -1 +0,0 @@
-export {};

package/dist/src/modules/espn/bets/view/BetsView.d.ts

@@ -1,30 +0,0 @@
-import { Component } from 'react';
-import './BetsView.styles.css';
-import BetsViewModel, { BetItem, BetsErrorState } from '../view-model/BetsViewModel';
-import { Direction } from '@/external/spatial-navigation/utils';
-interface BetsViewState {
-    betsItems: BetItem[];
-    isDataLoading: boolean;
-    errorState: BetsErrorState;
-    hideWagers: boolean;
-    container: HTMLDivElement | null;
-}
-declare class BetsView extends Component<{}, BetsViewState> {
-    private betsItemsUnsub;
-    private isDataLoadingUnsub;
-    private errorStateUnsub;
-    private hideWagersUnsub;
-    private maxHeightCleanup;
-    private containerRef;
-    private vm;
-    constructor(props: {});
-    get viewModel(): BetsViewModel;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    renderBetItem: (item: BetItem) => JSX.Element | null;
-    clearTabLoadFailure: () => void;
-    onArrowPress: (d: Direction) => void;
-    setContainerRef: (e: HTMLDivElement | null) => void;
-    render(): JSX.Element;
-}
-export default BetsView;

package/dist/src/modules/espn/bets/view/BetsView.js

@@ -1,169 +0,0 @@
-import React, { Component } from 'react';
-import SixPackView from './SixPack/SixPackView';
-import './BetsView.styles.css';
-import ScrollableContainer from '@/components/core/ScrollableContainer';
-import SDK from '@/index';
-import UserBetsView from './UserBets/UserBetsView';
-import HotPropsView from './HotProps/HotPropsView';
-import GamblingDisclaimer from './components/GamblingDisclaimer/GamblingDisclaimer';
-import LocationWarning from './components/LocationWarning/LocationWarning';
-import { BetItemPromoCode } from './components/PromoCodeBanner';
-import { setupMaxHeightToBottom } from '@/hooks/useMaxHeightToBottom';
-import TabLoadErrorView from '../../components/TabLoadError';
-class BetsView extends Component {
-    constructor(props) {
-        super(props);
-        Object.defineProperty(this, "betsItemsUnsub", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: null
-        });
-        Object.defineProperty(this, "isDataLoadingUnsub", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: null
-        });
-        Object.defineProperty(this, "errorStateUnsub", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: null
-        });
-        Object.defineProperty(this, "hideWagersUnsub", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: null
-        });
-        Object.defineProperty(this, "maxHeightCleanup", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: null
-        });
-        Object.defineProperty(this, "containerRef", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: null
-        });
-        Object.defineProperty(this, "vm", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: void 0
-        });
-        Object.defineProperty(this, "renderBetItem", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (item) => {
-                switch (item.type) {
-                    case 'sixPack':
-                        return React.createElement(SixPackView, { key: item.id, item: item });
-                    case 'userBets':
-                        return React.createElement(UserBetsView, { item: item, key: item.id });
-                    case 'hotProps':
-                        return (React.createElement(HotPropsView, { focusKey: `hot-props-view-${item.id}`, key: item.id, item: item }));
-                    case 'gamblingMessage':
-                        return React.createElement(GamblingDisclaimer, { text: item.data.text, key: item.id });
-                    case 'locationDisclaimer':
-                        return (React.createElement(LocationWarning, { key: item.id, disclaimerText: item.data.text }));
-                    case 'promo':
-                        return (React.createElement(BetItemPromoCode, { description: item.data.description, logo: item.data.logo, qrCode: item.data.qrCode, title: item.data.title, backgroundImage: item.data.backgroundImage, key: item.id }));
-                    default:
-                        console.warn(`Unknown bet item type: ${item.type}`);
-                        return null;
-                }
-            }
-        });
-        Object.defineProperty(this, "clearTabLoadFailure", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                this.viewModel.clearTabLoadFailure();
-            }
-        });
-        Object.defineProperty(this, "onArrowPress", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (d) => {
-                if (d === 'left') {
-                    SDK.getMaestroEventViewModel().deliverFocus();
-                }
-            }
-        });
-        Object.defineProperty(this, "setContainerRef", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (e) => {
-                if (e && !this.state.container) {
-                    this.setState({ container: e });
-                }
-                if (this.containerRef !== e) {
-                    this.containerRef = e;
-                    if (this.maxHeightCleanup) {
-                        this.maxHeightCleanup();
-                    }
-                    if (this.containerRef) {
-                        this.maxHeightCleanup = setupMaxHeightToBottom(() => this.containerRef);
-                    }
-                }
-            }
-        });
-        this.vm = SDK.getMaestroEventViewModel()
-            .betsViewModel;
-        this.state = {
-            betsItems: this.viewModel.betsItems.value,
-            isDataLoading: this.viewModel.isDataLoading.value,
-            errorState: this.viewModel.errorState.value,
-            hideWagers: this.viewModel.hideWagers.value,
-            container: null,
-        };
-    }
-    get viewModel() {
-        if (!this.vm) {
-            throw new Error('BetsViewModel is not initialized');
-        }
-        return this.vm;
-    }
-    componentDidMount() {
-        this.betsItemsUnsub = this.viewModel.betsItems.subscribe((value) => {
-            this.setState({ betsItems: value });
-        });
-        this.isDataLoadingUnsub = this.viewModel.isDataLoading.subscribe((value) => {
-            this.setState({ isDataLoading: value });
-        });
-        this.errorStateUnsub = this.viewModel.errorState.subscribe((value) => {
-            this.setState({ errorState: value });
-        });
-        this.hideWagersUnsub = this.viewModel.hideWagers.subscribe((value) => {
-            this.setState({ hideWagers: value });
-        });
-        // Initialize the view model
-        this.viewModel.init();
-    }
-    componentWillUnmount() {
-        this.betsItemsUnsub && this.betsItemsUnsub();
-        this.isDataLoadingUnsub && this.isDataLoadingUnsub();
-        this.errorStateUnsub && this.errorStateUnsub();
-        this.hideWagersUnsub && this.hideWagersUnsub();
-        this.maxHeightCleanup && this.maxHeightCleanup();
-        // Clean up the view model
-        this.viewModel.cleanup();
-    }
-    render() {
-        const isError = this.state.errorState === 'tabLoadFailure';
-        return (React.createElement(ScrollableContainer, { scrollableContainerRef: this.state.container, containerTopOffset: 40, "data-has-error": this.state.errorState !== 'none' }, isError ? (React.createElement("div", null,
-            React.createElement(TabLoadErrorView, { onEnterPress: this.clearTabLoadFailure, onArrowPress: this.onArrowPress }),
-            React.createElement("div", { className: "bets-bottom-padding" }))) : (React.createElement("div", { className: "bets-view", ref: this.setContainerRef },
-            this.state.betsItems.map(this.renderBetItem),
-            React.createElement("div", { className: "bets-bottom-padding" })))));
-    }
-}
-export default BetsView;

package/dist/src/modules/espn/bets/view/HotProps/HotPropsView.d.ts

@@ -1,103 +0,0 @@
-/// <reference types="prop-types" />
-import React from 'react';
-import { WithFocusableProps } from '@/external/spatial-navigation';
-import { Direction, Layout } from '@/external/spatial-navigation/utils';
-import './HotPropsView.css';
-import { HotPropsBetItem } from '../../view-model/BetsViewModel';
-type HotPropsViewProps = {
-    item: HotPropsBetItem;
-    hasFocusedChild?: boolean;
-};
-export declare const FocusableHotPropsView: {
-    new (props: (HotPropsViewProps & WithFocusableProps) | Readonly<HotPropsViewProps & WithFocusableProps>): {
-        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?: 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;
-        onBecameFocusedHandler: (layout: Layout, details: import("@/external/spatial-navigation/utils").Details) => void;
-        onBecameBlurredHandler: (layout: Layout, details: import("@/external/spatial-navigation/utils").Details) => void;
-        componentDidMount(): void;
-        componentDidUpdate(): void;
-        componentWillUnmount(): void;
-        render(): React.ReactElement<HotPropsViewProps & 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<HotPropsViewProps & 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<HotPropsViewProps & WithFocusableProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        shouldComponentUpdate?(nextProps: Readonly<HotPropsViewProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<HotPropsViewProps & WithFocusableProps>, prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<HotPropsViewProps & WithFocusableProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<HotPropsViewProps & WithFocusableProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<HotPropsViewProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<HotPropsViewProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
-    };
-    new (props: HotPropsViewProps & 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: 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;
-        onBecameFocusedHandler: (layout: Layout, details: import("@/external/spatial-navigation/utils").Details) => void;
-        onBecameBlurredHandler: (layout: Layout, details: import("@/external/spatial-navigation/utils").Details) => void;
-        componentDidMount(): void;
-        componentDidUpdate(): void;
-        componentWillUnmount(): void;
-        render(): React.ReactElement<HotPropsViewProps & 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<HotPropsViewProps & 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<HotPropsViewProps & WithFocusableProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        shouldComponentUpdate?(nextProps: Readonly<HotPropsViewProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<HotPropsViewProps & WithFocusableProps>, prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<HotPropsViewProps & WithFocusableProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<HotPropsViewProps & WithFocusableProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<HotPropsViewProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<HotPropsViewProps & 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;
-};
-declare const HotPropsViewWrapper: React.FC<HotPropsViewProps & WithFocusableProps>;
-export default HotPropsViewWrapper;

package/dist/src/modules/espn/bets/view/HotProps/HotPropsView.js

@@ -1,133 +0,0 @@
-import React, { useCallback } from 'react';
-import { withFocusable, } from '@/external/spatial-navigation';
-import Bet from '../components/Bet/Bet';
-import BetsCard from '../components/BetsCard/BetsCard';
-import Icon from '@/components/atoms/SvgIcon/Icon';
-import { useScrollableContainer } from '@/components/core/ScrollableContainer';
-import './HotPropsView.css';
-import BetsCardHeader from '../components/BetsCard/BetsCardHeader';
-import SDK from '@/index';
-const BETS_MIN_VISIBLE = 4;
-class HotPropsView extends React.Component {
-    constructor() {
-        super(...arguments);
-        // Helper function to focus a specific bet by index
-        Object.defineProperty(this, "focusBet", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (index) => {
-                SDK.getMaestroEventViewModel().navigation.setFocus(this.getBetFocusKey(index));
-            }
-        });
-        // Helper function to focus back to the card
-        Object.defineProperty(this, "focusCard", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                SDK.getMaestroEventViewModel().navigation.setFocus(this.getCardFocusKey());
-            }
-        });
-        // Helper function to get the total number of bets
-        Object.defineProperty(this, "getTotalBets", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                return this.props.item.data.items.length || 0;
-            }
-        });
-        Object.defineProperty(this, "handleEnterPress", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                // Track card click for hot props
-                this.viewModel.trackCardClick('hot-props');
-                SDK.getMaestroEventViewModel().navigation.setFocus(this.getBetFocusKey(0));
-            }
-        });
-        Object.defineProperty(this, "onBetArrowPress", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (index) => (direction, _props) => {
-                if (direction === 'left') {
-                    SDK.getMaestroEventViewModel().deliverFocus();
-                }
-                if (index === 0 && direction === 'up') {
-                    // If the first bet is focused and up arrow is pressed, focus the card itself
-                    this.focusCard();
-                    return false; // Prevent further propagation
-                }
-            }
-        });
-        Object.defineProperty(this, "onCardArrowPress", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (d, _props) => {
-                if (d === 'left') {
-                    SDK.getMaestroEventViewModel().deliverFocus();
-                }
-            }
-        });
-    }
-    getBetFocusKey(index) {
-        return `hotprops-bet-${this.props.item.id}-${index}`;
-    }
-    getCardFocusKey() {
-        return `hot-props-${this.props.item.id}`;
-    }
-    renderFlameIcon() {
-        return React.createElement(Icon, { iconName: "flame", width: 20, height: 20 });
-    }
-    get viewModel() {
-        const vm = SDK.getMaestroEventViewModel()
-            .betsViewModel;
-        if (!vm) {
-            throw new Error('BetsViewModel is not initialized');
-        }
-        return vm;
-    }
-    renderHeader(props, remaining) {
-        return (React.createElement(BetsCardHeader, { betCardProps: props, betType: "Hot Props", cardExpanded: !!this.props.hasFocusedChild, renderIcon: this.renderFlameIcon, legCount: this.getTotalBets(), legCountThreshold: BETS_MIN_VISIBLE }, remaining > 0 ? (React.createElement("span", null,
-            this.props.item.data.items.length,
-            " Props")) : null));
-    }
-    renderFooter(remaining, expanded) {
-        return !expanded && remaining > 0 ? (React.createElement("div", { className: "hot-props-footer T05_ALT" },
-            "+",
-            remaining,
-            " More")) : null;
-    }
-    get lineItems() {
-        const items = this.props.item.data.items;
-        if (this.props.hasFocusedChild) {
-            return items;
-        }
-        return items.slice(0, BETS_MIN_VISIBLE);
-    }
-    render() {
-        const { item, focused } = this.props;
-        const lineItems = item.data.items;
-        const remaining = lineItems.length - BETS_MIN_VISIBLE;
-        return (React.createElement("div", { className: "hot-props-bet-card" },
-            React.createElement(BetsCard, { focusKey: this.getCardFocusKey(), focused: focused, header: (props) => this.renderHeader(props, remaining), footer: () => this.renderFooter(remaining, !!this.props.hasFocusedChild), onEnterPress: this.handleEnterPress, onArrowPress: this.onCardArrowPress },
-                React.createElement("div", { className: "hot-props-list" }, this.lineItems.map((item, idx) => {
-                    return (React.createElement(Bet, { key: item.id, focusKey: this.getBetFocusKey(idx), leg: item, focusable: this.props.hasFocusedChild, onBackPress: this.focusCard, onArrowPress: this.onBetArrowPress(idx), parentFocusKey: this.props.focusKey, hideWagers: this.props.item.hideWagers }));
-                })))));
-    }
-}
-export const FocusableHotPropsView = withFocusable({
-    trackChildren: true,
-})(HotPropsView);
-const HotPropsViewWrapper = (props) => {
-    const { scrollToFocusedElement } = useScrollableContainer();
-    const onBecameFocused = useCallback((layout) => {
-        scrollToFocusedElement(layout);
-    }, [scrollToFocusedElement]);
-    return React.createElement(FocusableHotPropsView, { ...props, onBecameFocused: onBecameFocused });
-};
-export default HotPropsViewWrapper;

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

@@ -1,9 +0,0 @@
-import React from 'react';
-import './SixPackView.style.css';
-import { WithFocusableProps } from '@/external/spatial-navigation';
-import { SixPackBetItem } from '../../view-model/BetsViewModel';
-type Props = WithFocusableProps & {
-    item: SixPackBetItem;
-};
-declare const FocusableSixPackViewWrapper: React.FC<Props>;
-export default FocusableSixPackViewWrapper;

package/dist/src/modules/espn/bets/view/SixPack/SixPackView.js

@@ -1,77 +0,0 @@
-import React, { useCallback } from 'react';
-import './SixPackView.style.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 SixPackView extends React.Component {
-    renderOrderedLineColumn(line) {
-        return this.props.item.data.orderedColumns.map((col) => {
-            switch (col.type) {
-                case 'moneyline':
-                    if (!line.moneylineFirstLine) {
-                        return null;
-                    }
-                    return React.createElement("td", { key: col.type }, line.moneylineFirstLine);
-                case 'pointSpread':
-                    if (!line.gameSpreadFirstLine) {
-                        return null;
-                    }
-                    return (React.createElement("td", { key: col.type },
-                        line.gameSpreadFirstLine,
-                        React.createElement("br", null),
-                        React.createElement("span", { className: "T02" }, line.gameSpreadSecondLine)));
-                case 'total':
-                    if (!line.totalPointsFirstLine) {
-                        return null;
-                    }
-                    return (React.createElement("td", { key: col.type },
-                        line.totalPointsFirstLine,
-                        React.createElement("br", null),
-                        React.createElement("span", { className: "T02" }, line.totalPointsSecondLine)));
-                default:
-                    return null;
-            }
-        });
-    }
-    render() {
-        const data = this.props.item.data;
-        const lines = [data.topTeamOdds, data.bottomTeamOdds, data.drawOdds].filter(Boolean);
-        return (React.createElement(FocusableItem, null,
-            React.createElement("table", { className: "six-pack-table focus-ring T02", "data-focused": this.props.focused },
-                React.createElement("thead", null,
-                    React.createElement("tr", null,
-                        React.createElement("th", { scope: "col" }),
-                        React.createElement("th", { scope: "col" }, this.props.item.data.gameState === 'in' ? 'Close' : 'Open'),
-                        this.props.item.data.orderedColumns.map((col) => (React.createElement("th", { scope: "col", key: col.type }, col.abbreviation))))),
-                React.createElement("tbody", null, lines.map((line, index) => (React.createElement("tr", { key: index, className: "T05_ALT" },
-                    React.createElement("td", null, line.teamAbbreviation),
-                    React.createElement("td", null,
-                        line.startOfGameFirstLine,
-                        React.createElement("br", null),
-                        React.createElement("span", { className: "T02" }, line.startOfGameSecondLine)),
-                    this.renderOrderedLineColumn(line))))))));
-    }
-}
-const FocusableSixPackView = withFocusable()(SixPackView);
-const FocusableSixPackViewWrapper = (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
-        vm.trackCardClick('6-pack');
-    }, []);
-    return (React.createElement(FocusableSixPackView, { ...props, onBecameFocused: onBecameFocused, onArrowPress: onArrowPress, onEnterPress: onEnterPress }));
-};
-export default FocusableSixPackViewWrapper;