@maestro_io/maestro-web-sdk 2.1.3 → 2.2.0

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

@@ -1,116 +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 TabLoadFailureView from './TabLoadFailureView';
-import { BetItemPromoCode } from './components/PromoCodeBanner';
-class BetsView extends Component {
-    constructor(props) {
-        super(props);
-        Object.defineProperty(this, "container", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: null
-        });
-        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, "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, showLogo: !!item.data.logo, 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.vm.clearTabLoadFailure();
-            }
-        });
-        this.vm = SDK.getMaestroEventViewModel().betsViewModel;
-        this.state = {
-            container: null,
-            betsItems: this.vm.betsItems.value,
-            isDataLoading: this.vm.isDataLoading.value,
-            errorState: this.vm.errorState.value,
-        };
-    }
-    componentDidMount() {
-        this.setState({
-            container: this.container,
-        });
-        this.betsItemsUnsub = this.vm.betsItems.subscribe((value) => {
-            this.setState({ betsItems: value });
-        });
-        this.isDataLoadingUnsub = this.vm.isDataLoading.subscribe((value) => {
-            this.setState({ isDataLoading: value });
-        });
-        this.errorStateUnsub = this.vm.errorState.subscribe((value) => {
-            this.setState({ errorState: value });
-        });
-        // Initialize the view model
-        this.vm.init();
-    }
-    componentWillUnmount() {
-        this.betsItemsUnsub && this.betsItemsUnsub();
-        this.isDataLoadingUnsub && this.isDataLoadingUnsub();
-        this.errorStateUnsub && this.errorStateUnsub();
-        // Clean up the view model
-        this.vm.cleanup();
-    }
-    render() {
-        return (React.createElement(ScrollableContainer, { scrollableContainerRef: this.state.container, containerTopOffset: 40, "data-has-error": this.state.errorState !== 'none' }, this.state.errorState === 'tabLoadFailure' ? (React.createElement("div", null,
-            React.createElement(TabLoadFailureView, { onEnterPress: this.clearTabLoadFailure }),
-            React.createElement("div", { className: "bets-bottom-padding" }))) : (React.createElement("div", { className: "bets-view", ref: (e) => (this.container = e) },
-            this.state.betsItems.map(this.renderBetItem),
-            React.createElement("div", { className: "bets-bottom-padding" })))));
-    }
-}
-export default BetsView;

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

@@ -1,139 +0,0 @@
-import React 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 { DEFAULT_SCROLLABLE_CONTAINER_CONTEXT, SCROLLABLE_CONTEXT_TYPE, } from '@/components/core/ScrollableContainer/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: () => {
-                SDK.getMaestroEventViewModel().navigation.setFocus(this.getBetFocusKey(0));
-            }
-        });
-        Object.defineProperty(this, "context", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: DEFAULT_SCROLLABLE_CONTAINER_CONTEXT
-        });
-        Object.defineProperty(this, "onCardBecameFocused", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (layout) => {
-                this.context.scrollToFocusedElement(layout);
-            }
-        });
-        Object.defineProperty(this, "onBetBecameFocused", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (layout) => {
-                this.context.scrollToFocusedElement(layout);
-            }
-        });
-        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 });
-    }
-    renderHeader(props) {
-        return (React.createElement(BetsCardHeader, { betCardProps: props, betType: "Hot Props", cardExpanded: !!this.props.hasFocusedChild, renderIcon: this.renderFlameIcon, legCount: this.getTotalBets(), legCountThreshold: BETS_MIN_VISIBLE }));
-    }
-    renderFooter(remaining, expanded) {
-        return !expanded && remaining > 0 ? (React.createElement("div", { className: "hot-props-footer" },
-            "+",
-            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: this.renderHeader.bind(this), footer: () => this.renderFooter(remaining, !!this.props.hasFocusedChild), onEnterPress: this.handleEnterPress, onBecameFocused: this.onCardBecameFocused, 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, onBecameFocused: this.onBetBecameFocused, onArrowPress: this.onBetArrowPress(idx), parentFocusKey: this.props.focusKey }));
-                })))));
-    }
-}
-Object.defineProperty(HotPropsView, "contextTypes", {
-    enumerable: true,
-    configurable: true,
-    writable: true,
-    value: SCROLLABLE_CONTEXT_TYPE
-});
-export default withFocusable({ trackChildren: true })(HotPropsView);

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

@@ -1,103 +0,0 @@
-import React from 'react';
-import './SixPackView.style.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 SixPackView extends React.Component {
-    get columnOrder() {
-        switch (this.props.item.data.sport) {
-            case 'baseball':
-            case 'hockey':
-            case 'soccer':
-                return ['Moneyline', 'Total', 'Spread'];
-            default:
-                return ['Spread', 'Total', 'Moneyline'];
-        }
-    }
-    get isSoccer() {
-        return this.props.item.data.sport.toLocaleLowerCase() === 'soccer';
-    }
-    /**
-     * Some sports render columns in a different order.
-     */
-    renderOrderedLineColumn(line) {
-        return this.columnOrder.map((col) => {
-            switch (col) {
-                case 'Moneyline':
-                    return React.createElement("td", { key: col }, line.moneylineFirstLine);
-                case 'Spread':
-                    return (React.createElement("td", { key: col },
-                        line.gameSpreadFirstLine,
-                        React.createElement("br", null),
-                        React.createElement("span", { className: "T02" }, line.gameSpreadSecondLine)));
-                case 'Total':
-                    return (React.createElement("td", { key: col },
-                        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 = this.isSoccer
-            ? [data.homeTeamOdds, data.awayTeamOdds]
-            : [data.awayTeamOdds, data.homeTeamOdds];
-        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 === 'post' ? 'Close' : 'Open'),
-                        this.columnOrder.map((col) => (React.createElement("th", { scope: "col", key: col }, col))))),
-                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);
-export default class FocusableSixPackViewWrapper 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();
-                }
-            }
-        });
-    }
-    render() {
-        return (React.createElement(FocusableSixPackView, { ...this.props, onBecameFocused: this.onBecameFocused, onArrowPress: this.onArrowPress }));
-    }
-}
-Object.defineProperty(FocusableSixPackViewWrapper, "contextTypes", {
-    enumerable: true,
-    configurable: true,
-    writable: true,
-    value: SCROLLABLE_CONTEXT_TYPE
-});

package/dist/modules/bets/view/TabLoadFailureView.js

@@ -1,12 +0,0 @@
-import React from 'react';
-import ActionButton from '@/components/molecules/ActionButton';
-import { withFocusable, } from '@/external/spatial-navigation';
-class TabLoadFailureView extends React.Component {
-    render() {
-        return (React.createElement("div", { "data-focused": this.props.focused, className: "bets-error-state-tabLoadFailure focus-ring" },
-            React.createElement("h3", { className: "T70" }, "Let's try that again..."),
-            React.createElement("p", { className: "T20" }, "We're having trouble loading this."),
-            React.createElement(ActionButton, { "data-focused": this.props.focused, onEnterPress: this.props.onEnterPress }, "Refresh")));
-    }
-}
-export default withFocusable()(TabLoadFailureView);

package/dist/modules/bets/view/UserBets/BetResult/BetResult.js

@@ -1,6 +0,0 @@
-import React from 'react';
-import './BetResult.styles.css';
-const BetResult = ({ children }) => {
-    return React.createElement("div", { className: "bet-result" }, children);
-};
-export default BetResult;

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

@@ -1,122 +0,0 @@
-import React from 'react';
-import { withFocusable, } from '@/external/spatial-navigation';
-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,
-            writable: true,
-            value: () => {
-                if (!this.betsFocusable) {
-                    return;
-                }
-                if (!this.props.hasFocusedChild) {
-                    // Set focus on the first bet of the first event
-                    SDK.getMaestroEventViewModel().navigation.setFocus(`sdk-bets-card-${this.betType}-bet-${this.props.bet.id}-0-0`);
-                }
-            }
-        });
-        Object.defineProperty(this, "focusCard", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                // Focus the card itself
-                SDK.getMaestroEventViewModel().navigation.setFocus(`${this.focusKeyPrefix}-${this.props.bet.id}`);
-            }
-        });
-        Object.defineProperty(this, "handleBetArrowPress", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (eventIndex, legIndex) => (d, _props) => {
-                if (d === 'up' && legIndex === 0 && eventIndex === 0) {
-                    // If the first leg of the first event is focused and up arrow is pressed,
-                    this.focusCard();
-                    // Return false to prevent further propagation
-                    return false;
-                }
-                if (d === 'left') {
-                    SDK.getMaestroEventViewModel().deliverFocus();
-                }
-            }
-        });
-        Object.defineProperty(this, "handleCardArrowPress", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (d, _props) => {
-                if (d === 'left') {
-                    SDK.getMaestroEventViewModel().deliverFocus();
-                }
-            }
-        });
-        Object.defineProperty(this, "renderHeader", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: (headerProps) => {
-                return (React.createElement(BetsCardHeader, { betCardProps: headerProps, betType: this.betType, iconUrl: this.props.bet.rewardInfo.icon?.dark, legCount: this.props.bet.legCount, outcome: this.props.bet.outcome, overrideOutcome: this.props.bet.overrideOutcome, cardExpanded: !!this.props.hasFocusedChild, legCountThreshold: EVENTS_COUNT_THRESHOLD }, this.props.renderHeaderContent?.(headerProps)));
-            }
-        });
-        Object.defineProperty(this, "renderFooter", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                return React.createElement(BetsCardFooter, { bet: this.props.bet });
-            }
-        });
-        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;
-    }
-    get events() {
-        return this.props.hasFocusedChild
-            ? this.props.bet.events
-            : this.props.bet.events.slice(0, EVENTS_COUNT_THRESHOLD);
-    }
-    get focusKeyPrefix() {
-        return `sdk-${this.props.bet.type.toLowerCase()}-card`;
-    }
-    get betType() {
-        return this.props.bet.type.toLowerCase();
-    }
-    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 },
-            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 }))),
-            !this.props.hasFocusedChild && this.betsFocusable && (React.createElement("div", { className: "more-bets T05_ALT" },
-                "+",
-                this.props.bet.legCount - EVENTS_COUNT_THRESHOLD,
-                " more"))));
-    }
-}
-Object.defineProperty(UserBetsCard, "contextTypes", {
-    enumerable: true,
-    configurable: true,
-    writable: true,
-    value: SCROLLABLE_CONTEXT_TYPE
-});
-export default withFocusable({ trackChildren: true })(UserBetsCard);

package/dist/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 }))))));
-    }
-}
-Object.defineProperty(BetsCardEvent, "contextTypes", {
-    enumerable: true,
-    configurable: true,
-    writable: true,
-    value: SCROLLABLE_CONTEXT_TYPE
-});
-export default BetsCardEvent;

package/dist/modules/bets/view/UserBets/BetsCard/BetsCardFooter.js

@@ -1,22 +0,0 @@
-import React from 'react';
-import BetPill from '../../components/BetPill/BetPill';
-import BetResult from '../../UserBets/BetResult/BetResult';
-const BetsCardFooter = (props) => {
-    const outcome = props.bet.overrideOutcome !== 'NOT_SET'
-        ? props.bet.overrideOutcome
-        : props.bet.outcome;
-    return (React.createElement("div", { className: "bets-card-footer T02" },
-        React.createElement(BetPill, null,
-            "$",
-            props.bet.betAmount,
-            " ",
-            props.bet.type.toLowerCase(),
-            " ",
-            props.bet.odds),
-        outcome !== 'LOSS' && (React.createElement(BetResult, null,
-            props.bet.betDisplayStatement,
-            React.createElement("span", null,
-                "$",
-                props.bet.payoutAmount)))));
-};
-export default BetsCardFooter;

package/dist/modules/bets/view/UserBets/Boost/Boost.js

@@ -1,6 +0,0 @@
-import React from 'react';
-import UserBetsCard from '../BetsCard/BetsCard';
-const Boost = ({ bet }) => {
-    return React.createElement(UserBetsCard, { focusKey: `bets-boost-card-${bet.id}`, bet: bet });
-};
-export default Boost;

package/dist/modules/bets/view/UserBets/OutcomeBadge/OutcomeBadge.js

@@ -1,9 +0,0 @@
-import React from 'react';
-import './OutcomeBadge.styles.css';
-import Icon from '@/components/atoms/SvgIcon';
-const OutcomeBadge = (props) => {
-    return (React.createElement("div", { className: "bet-outcome-badge T02" },
-        React.createElement(Icon, { iconName: props.outcome === 'WIN' ? 'checkmark' : 'times', width: 24, height: 24 }),
-        props.outcome));
-};
-export default OutcomeBadge;

package/dist/modules/bets/view/UserBets/Parlay/Parlay.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import './Parlay.styles.css';
-import UserBetsCard from '../BetsCard/BetsCard';
-const Parlay = ({ bet }) => {
-    const renderHeaderContent = () => {
-        return (React.createElement("div", null,
-            bet.legCount,
-            " Leg",
-            bet.legCount > 1 ? 's' : ''));
-    };
-    return (React.createElement(UserBetsCard, { focusKey: `bets-parlay-card-${bet.id}`, bet: bet, renderHeaderContent: renderHeaderContent }));
-};
-export default Parlay;

package/dist/modules/bets/view/UserBets/Straight/Straight.js

@@ -1,6 +0,0 @@
-import React from 'react';
-import UserBetsCard from '../BetsCard/BetsCard';
-const Straight = ({ bet }) => {
-    return React.createElement(UserBetsCard, { focusKey: `bets-straight-card-${bet.id}`, bet: bet });
-};
-export default Straight;

package/dist/modules/bets/view/UserBets/Teaser/Teaser.js

@@ -1,13 +0,0 @@
-import React from 'react';
-import UserBetsCard from '../BetsCard/BetsCard';
-const Teaser = ({ bet }) => {
-    const renderHeaderContent = () => {
-        return (React.createElement("div", null,
-            bet.legCount,
-            " Point",
-            bet.legCount !== 1 ? 's' : '',
-            " Teaser"));
-    };
-    return (React.createElement(UserBetsCard, { focusKey: `bets-teaser-card-${bet.id}`, bet: bet, renderHeaderContent: renderHeaderContent }));
-};
-export default Teaser;