@maestro_io/maestro-web-sdk 5.1.2 → 5.2.1

package/dist/src/modules/espn/fantasy/components/TournamentOverflowQR/TournamentOverflowQR.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="prop-types" />
 import React from 'react';
 import { WithFocusableProps } from '@/external/spatial-navigation';
-import { Direction, Layout } from '@/external/spatial-navigation/utils';
+import { Layout } from '@/external/spatial-navigation/utils';
 import './TournamentOverflowQR.styles.css';
 import { TournamentOverflowQRItem } from '../../types';
 type Props = {
@@ -17,7 +17,7 @@ declare const _default: {
             parentFocusKey: string;
         };
         setFocus: (focusKey: string) => void;
-        navigateByDirection: (direction: Direction, details?: import("@/external/spatial-navigation/utils").Details) => void;
+        navigateByDirection: (direction: import("@/external/spatial-navigation/utils").Direction, details?: import("@/external/spatial-navigation/utils").Details) => void;
         stealFocus: () => void;
         onUpdateFocus: (focused: boolean) => void;
         onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
@@ -25,7 +25,7 @@ declare const _default: {
         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;
+        onArrowPressHandler: (direction: import("@/external/spatial-navigation/utils").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;
@@ -58,7 +58,7 @@ declare const _default: {
             parentFocusKey: string;
         };
         setFocus: (focusKey: string) => void;
-        navigateByDirection: (direction: Direction, details?: import("@/external/spatial-navigation/utils").Details) => void;
+        navigateByDirection: (direction: import("@/external/spatial-navigation/utils").Direction, details?: import("@/external/spatial-navigation/utils").Details) => void;
         stealFocus: () => void;
         onUpdateFocus: (focused: boolean) => void;
         onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
@@ -66,7 +66,7 @@ declare const _default: {
         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;
+        onArrowPressHandler: (direction: import("@/external/spatial-navigation/utils").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;

package/dist/src/modules/espn/fantasy/components/TournamentOverflowQR/TournamentOverflowQR.js

@@ -2,93 +2,27 @@ import React from 'react';
 import { withFocusable, } from '@/external/spatial-navigation';
 import './TournamentOverflowQR.styles.css';
 import Image from '@/components/atoms/Image';
-import ActionButton from '@/components/molecules/ActionButton';
-import SDK from '@/index';
 const FocusableWrapper = withFocusable()((props) => {
-    const { children, focused = false, expanded, backgroundImage } = props;
-    return (React.createElement("div", { className: "tournament-overflow-qr focus-ring T02", "data-focused": focused, "data-expanded": expanded, "data-focuskey": props.focusKey || '', role: "button", tabIndex: 0, style: {
+    const { children, focused = false, backgroundImage } = props;
+    return (React.createElement("div", { className: "tournament-overflow-qr focus-ring T02", "data-focused": focused, "data-focuskey": props.focusKey || '', role: "button", tabIndex: 0, style: {
             backgroundImage: `url(${backgroundImage})`,
-        } }, children(focused)));
+        } }, children));
 });
 class TournamentOverflowQR extends React.Component {
-    constructor() {
-        super(...arguments);
-        Object.defineProperty(this, "state", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: {
-                expanded: false,
-            }
-        });
-        Object.defineProperty(this, "onDismissPress", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: () => {
-                this.setState({ expanded: false }, () => {
-                    SDK.getMaestroEventViewModel().navigation.setFocus(this.focusKey);
-                });
-            }
-        });
-    }
     get focusKey() {
         return `tournament-overflow-qr-${this.props.item.id}`;
     }
-    onEnterPress() {
-        const newValue = !this.state.expanded;
-        this.setState({
-            expanded: newValue,
-        }, () => {
-            if (newValue) {
-                SDK.getMaestroEventViewModel().navigation.setFocus(`${this.focusKey}`);
-            }
-        });
-        this.props.onEnterPress();
-    }
-    onArrowPress(direction) {
-        if (this.state.expanded && (direction === 'up' || direction === 'down')) {
-            this.setState({
-                expanded: false,
-            }, () => {
-                SDK.getMaestroEventViewModel().navigation.navigateByDirection(direction);
-            });
-            return false;
-        }
-        return true;
-    }
-    onBackPress() {
-        if (this.state.expanded) {
-            this.setState({
-                expanded: false,
-            });
-            return false;
-        }
-        return true;
-    }
-    renderCollapsedView() {
-        const { item } = this.props;
-        return (React.createElement(React.Fragment, null,
-            React.createElement("div", { className: "tournament-overflow-qr-content" },
-                React.createElement("p", { className: "tournament-overflow-qr-title T30 FONT_BOLD_HEADLINE" }, item.title),
-                React.createElement("p", { className: "tournament-overflow-qr-subtitle T10 FONT_BOLD" }, item.description)),
-            React.createElement(Image, { src: item.logo, alt: "Tournament Logo", className: "tournament-overflow-qr-logo-image" })));
-    }
-    renderExpandedView(focused) {
+    renderExpandedView() {
         const { item } = this.props;
         return (React.createElement("div", { className: "tournament-overflow-qr-expanded" },
             React.createElement(Image, { src: item.logo, alt: "Tournament Logo", className: "tournament-overflow-qr-expanded-logo" }),
             React.createElement("p", { className: "tournament-overflow-qr-expanded-title T20 FONT_BOLD" }, item.title),
-            React.createElement(Image, { src: item.qrCode, alt: "QR Code", width: 250, height: 250, className: "tournament-overflow-qr-expanded-qr" }),
-            React.createElement("p", { className: "tournament-overflow-qr-expanded-instructions T04 FONT_BOLD_HEADLINE" }, item.description),
-            React.createElement(ActionButton, { onEnterPress: this.onDismissPress, focusKey: `${this.focusKey}-dismiss`, "data-focused": focused }, "Dismiss")));
+            React.createElement(Image, { src: item.qrCode, alt: "QR Code", width: 300, height: 300, className: "tournament-overflow-qr-expanded-qr" }),
+            React.createElement("p", { className: "tournament-overflow-qr-expanded-instructions T20 FONT_BOLD" }, item.description)));
     }
     render() {
         const { item } = this.props;
-        const { expanded } = this.state;
-        return (React.createElement(FocusableWrapper, { ...this.props, focusKey: this.focusKey, onEnterPress: this.onEnterPress.bind(this), onArrowPress: this.onArrowPress.bind(this), onBackPress: this.onBackPress.bind(this), expanded: expanded, backgroundImage: item.background }, (focused) => expanded
-            ? this.renderExpandedView(focused)
-            : this.renderCollapsedView()));
+        return (React.createElement(FocusableWrapper, { ...this.props, focusKey: this.focusKey, backgroundImage: item.background }, this.renderExpandedView()));
     }
 }
 export default withFocusable()(TournamentOverflowQR);

package/dist/src/modules/espn/fantasy/services/FantasyService.js

@@ -68,6 +68,7 @@ class FantasyService {
                 featureFlags: 'challengeEntries',
                 filterType: 'FANTASY_CTV',
                 platform: 'fantasyictv_bbd',
+                deviceType: 'ictv',
                 swid,
                 eventId,
             },
@@ -85,6 +86,7 @@ class FantasyService {
             params: {
                 view: 'ictv_scoreboard',
                 platform: 'fantasyictv_bbd',
+                deviceType: 'ictv',
                 proGameId,
                 teamId,
             },
@@ -115,8 +117,9 @@ class FantasyService {
             },
             params: {
                 competitionId,
-                view: 'ictv_challenges',
+                view: 'ictv_scoreboard',
                 platform: 'fantasyictv_bbd',
+                deviceType: 'ictv',
             },
         });
     }

package/dist/src/modules/espn/fantasy/view/FantasyItemView.js

@@ -37,7 +37,7 @@ const FantasyItemView = ({ item, onEnterPress: onEnterPressProp, }) => {
             case 'tournament-bracket-card':
                 return (React.createElement(TournamentBracketCard, { key: item.id, item: item, onArrowPress: onArrowPress, onBecameFocused: onBecameFocused, onEnterPress: onEnterPress }));
             case 'tournament-overflow-qr':
-                return (React.createElement(TournamentOverflowQR, { key: item.id, item: item, onEnterPress: onEnterPress, onBecameFocused: onBecameFocused }));
+                return (React.createElement(TournamentOverflowQR, { key: item.id, item: item, onArrowPress: onArrowPress, onEnterPress: onEnterPress, onBecameFocused: onBecameFocused }));
             default:
                 console.warn('Unknown fantasy item type:', JSON.stringify(item));
                 return null;

package/dist/src/modules/espn/fantasy/view/FantasyView.js

@@ -2,7 +2,7 @@ import React, { Component } from 'react';
 import './FantasyView.styles.css';
 import ScrollableContainer from '@/components/core/ScrollableContainer';
 import SDK from '@/index';
-import TabLoadErrorView from '@/components/molecules/TabLoadError';
+import TabLoadErrorView from '../../components/TabLoadError';
 import { captureException } from '@/sentry';
 import FantasyItemView from './FantasyItemView';
 import FantasyHeaderView from './FantasyHeaderView';
@@ -203,9 +203,10 @@ class FantasyView extends Component {
         this.viewModel.cleanup();
     }
     render() {
+        const isError = this.state.errorState === 'tabLoadFailure';
         return (React.createElement(ScrollableContainer, { scrollableContainerRef: this.container, containerTopOffset: this.getMaxHeaderHeight() || 40, "data-has-error": this.state.errorState !== 'none' },
             React.createElement("div", { className: "fantasy-view", ref: this.setContainerRef },
-                this.renderItems(),
+                isError ? (React.createElement(TabLoadErrorView, { onEnterPress: this.clearTabLoadFailure, onArrowPress: this.onArrowPress })) : (this.renderItems()),
                 React.createElement("div", { className: "fantasy-bottom-padding" }))));
     }
 }

package/dist/src/modules/espn/fantasy/view-model/FantasyViewModel.FantasyPolling.d.ts

@@ -7,7 +7,7 @@ export default class FantasyPolling {
     /**
      * Refresh polling for fantasy data
      */
-    refresh(params: FantasyPollingParams, callback: (data: IFantasyResponse) => void): Promise<void>;
+    refresh(params: FantasyPollingParams, callback: (data: IFantasyResponse) => void, errorCallback: (error: Error) => void): Promise<void>;
     /**
      * Stop polling for fantasy data
      */

package/dist/src/modules/espn/fantasy/view-model/FantasyViewModel.FantasyPolling.js

@@ -25,11 +25,11 @@ export default class FantasyPolling {
     /**
      * Refresh polling for fantasy data
      */
-    async refresh(params, callback) {
+    async refresh(params, callback, errorCallback) {
         // First stop any existing polling
         this.stop();
         // Start the poll loop
-        await this.start(params, callback);
+        await this.start(params, callback, errorCallback);
     }
     /**
      * Stop polling for fantasy data
@@ -43,12 +43,15 @@ export default class FantasyPolling {
     removeLastResponseHash() {
         this.polling.lastResponseHash = null;
     }
-    async start(params, callback) {
+    async start(params, callback, errorCallback) {
         try {
             this.polling.task = this.fantasyService.pollFantasy(params, this.polling.interval, (response) => {
-                this.updateInterval(params, response.headers, callback);
+                this.updateInterval(params, response.headers, callback, errorCallback);
                 this.processPolledData(response.data, callback);
-            }, (error) => this.handlePollingError(error, params.swid));
+            }, (error) => {
+                this.handlePollingError(error, params.swid);
+                errorCallback(error);
+            });
         }
         catch (error) {
             captureException(error, {
@@ -61,7 +64,7 @@ export default class FantasyPolling {
      * @description Update polling interval checking either response header or panel config.
      * Refresh polling if necessary.
      */
-    updateInterval(params, headers, callback) {
+    updateInterval(params, headers, callback, errorCallback) {
         const headerInterval = this.getResponseHeaderPollingIntervalValue(headers);
         const panelConfigInterval = this.getPanelConfigInterval();
         const newInterval = headerInterval || panelConfigInterval; // order matters here
@@ -70,7 +73,7 @@ export default class FantasyPolling {
             console.log(`[Fantasy] Updating fantasy polling interval from ${this.polling.interval}ms to ${newInterval}ms`);
             this.polling.interval = newInterval;
             // Restart polling with the new interval
-            this.refresh(params, callback);
+            this.refresh(params, callback, errorCallback);
         }
     }
     getResponseHeaderPollingIntervalValue(headers) {

package/dist/src/modules/espn/fantasy/view-model/FantasyViewModel.LeagueManagerPolling.d.ts

@@ -7,7 +7,7 @@ export default class LeagueManagerPolling {
     /**
      * Refresh polling for league manager data
      */
-    refresh(key: string, params: LeagueManagerPollingParams, callback: (data: ILeagueManagerResponse | ILeagueManagerRotoResponse) => void): void;
+    refresh(key: string, params: LeagueManagerPollingParams, callback: (data: ILeagueManagerResponse | ILeagueManagerRotoResponse) => void, errorCallback: (error: Error) => void): void;
     /**
      * Stop polling for fantasy data
      */

package/dist/src/modules/espn/fantasy/view-model/FantasyViewModel.LeagueManagerPolling.js

@@ -21,7 +21,7 @@ export default class LeagueManagerPolling {
     /**
      * Refresh polling for league manager data
      */
-    refresh(key, params, callback) {
+    refresh(key, params, callback, errorCallback) {
         // First stop any existing polling
         this.stop(key);
         // Initialize polling state if it doesn't exist
@@ -33,7 +33,7 @@ export default class LeagueManagerPolling {
             };
         }
         // Start the poll loop
-        this.start(key, params, callback);
+        this.start(key, params, callback, errorCallback);
     }
     /**
      * Stop polling for fantasy data
@@ -44,12 +44,15 @@ export default class LeagueManagerPolling {
             this.polling[key].task = null;
         }
     }
-    start(key, params, callback) {
+    start(key, params, callback, errorCallback) {
         try {
             this.polling[key].task = this.fantasyService.pollLeagueManager(params, this.polling[key].interval, (response) => {
-                this.updateInterval(key, params, callback, response.headers);
+                this.updateInterval(key, params, callback, response.headers, errorCallback);
                 this.processPolledData(key, response.data, callback);
-            }, (error) => this.handlePollingError(error, key, params));
+            }, (error) => {
+                this.handlePollingError(error, key, params);
+                errorCallback(error);
+            });
         }
         catch (error) {
             captureException(error, {
@@ -76,7 +79,7 @@ export default class LeagueManagerPolling {
      * @description Update polling interval checking either response header or panel config.
      * Refresh polling if necessary.
      */
-    updateInterval(key, params, callback, headers) {
+    updateInterval(key, params, callback, headers, errorCallback) {
         const headerInterval = this.getResponseHeaderPollingIntervalValue(headers);
         const panelConfigInterval = this.getPanelConfigInterval();
         const newInterval = headerInterval || panelConfigInterval; // order matters here
@@ -85,7 +88,7 @@ export default class LeagueManagerPolling {
             console.log(`[Fantasy] Updating league manager polling interval from ${this.polling[key]?.interval}ms to ${newInterval}ms`);
             this.polling[key].interval = newInterval;
             // Restart polling with the new interval
-            this.refresh(key, params, callback);
+            this.refresh(key, params, callback, errorCallback);
         }
     }
     getResponseHeaderPollingIntervalValue(headers) {

package/dist/src/modules/espn/fantasy/view-model/FantasyViewModel.TournamentPolling.d.ts

@@ -7,7 +7,7 @@ export default class TournamentPolling {
     /**
      * Refresh polling for tournament challenge data
      */
-    refresh(key: string, params: TournamentChallengePollingParams, callback: (data: TournamentChallenge) => void): void;
+    refresh(key: string, params: TournamentChallengePollingParams, callback: (data: TournamentChallenge) => void, errorCallback: (error: Error) => void): void;
     /**
      * Stop polling for tournament challenge data
      */

package/dist/src/modules/espn/fantasy/view-model/FantasyViewModel.TournamentPolling.js

@@ -21,7 +21,7 @@ export default class TournamentPolling {
     /**
      * Refresh polling for tournament challenge data
      */
-    refresh(key, params, callback) {
+    refresh(key, params, callback, errorCallback) {
         // First stop any existing polling
         this.stop(key);
         // Initialize polling state if it doesn't exist
@@ -33,7 +33,7 @@ export default class TournamentPolling {
             };
         }
         // Start the poll loop
-        this.start(key, params, callback);
+        this.start(key, params, callback, errorCallback);
     }
     /**
      * Stop polling for tournament challenge data
@@ -44,12 +44,15 @@ export default class TournamentPolling {
             this.polling[key].task = null;
         }
     }
-    start(key, params, callback) {
+    start(key, params, callback, errorCallback) {
         try {
             this.polling[key].task = this.fantasyService.pollTournamentChallenge(params, this.polling[key].interval, (response) => {
-                this.updateInterval(key, params, callback, response.headers);
+                this.updateInterval(key, params, callback, response.headers, errorCallback);
                 this.processPolledData(key, response.data, callback);
-            }, (error) => this.handlePollingError(error, key, params));
+            }, (error) => {
+                this.handlePollingError(error, key, params);
+                errorCallback(error);
+            });
         }
         catch (error) {
             captureException(error, {
@@ -62,7 +65,7 @@ export default class TournamentPolling {
      * @description Update polling interval checking either response header or panel config.
      * Refresh polling if necessary.
      */
-    updateInterval(key, params, callback, headers) {
+    updateInterval(key, params, callback, headers, errorCallback) {
         const headerInterval = this.getResponseHeaderPollingIntervalValue(headers);
         const panelConfigInterval = this.getPanelConfigInterval();
         const newInterval = headerInterval || panelConfigInterval; // order matters here
@@ -71,7 +74,7 @@ export default class TournamentPolling {
             console.log(`[TOURNAMENT] Updating tournament polling interval from ${this.polling[key]?.interval}ms to ${newInterval}ms`);
             this.polling[key].interval = newInterval;
             // Restart polling with the new interval
-            this.refresh(key, params, callback);
+            this.refresh(key, params, callback, errorCallback);
         }
     }
     getResponseHeaderPollingIntervalValue(headers) {

package/dist/src/modules/espn/fantasy/view-model/FantasyViewModel.d.ts

@@ -137,6 +137,7 @@ export declare class FantasyViewModel {
      * Initialize the ViewModel and start data fetching
      */
     init(): Promise<void>;
+    private handleFetchError;
     private fetchData;
     onEngage(type: FantasyItem['type']): void;
     onAskLogin(): void;

package/dist/src/modules/espn/fantasy/view-model/FantasyViewModel.js

@@ -153,32 +153,45 @@ export class FantasyViewModel {
         this.trackPanelView();
         await this.fetchData();
     }
-    async fetchData() {
-        this.isDataLoading.value = true;
-        const isAuthenticated = await this.delegate.userIsAuthenticated();
-        if (!isAuthenticated) {
-            this.isDataLoading.value = false;
-            this.append({
-                id: 'not-logged-in',
-                type: 'notLoggedIn',
-            });
-            return;
-        }
-        else if (this.fantasyItems.value.find((i) => i.type === 'notLoggedIn')) {
-            this.fantasyItems.value = [];
+    handleFetchError(error, context = 'FantasyViewModel.fetchData') {
+        captureException(error, { context });
+        console.error('[FANTASY] Error in ' + context + ':', error);
+        this.isDataLoading.value = false;
+        if (!this.hasEverSuccessfullyLoaded.value) {
+            this.errorState.value = 'tabLoadFailure';
         }
-        const swid = (await this.delegate.getUserSWID()) || '';
-        const jwt = (await this.delegate.getUserToken()) || '';
-        if (this.useMockData) {
-            await this.fetchMockData();
-            return;
+    }
+    async fetchData() {
+        try {
+            this.isDataLoading.value = true;
+            const isAuthenticated = await this.delegate.userIsAuthenticated();
+            if (!isAuthenticated) {
+                this.isDataLoading.value = false;
+                this.append({
+                    id: 'not-logged-in',
+                    type: 'notLoggedIn',
+                });
+                return;
+            }
+            else if (this.fantasyItems.value.find((i) => i.type === 'notLoggedIn')) {
+                this.fantasyItems.value = [];
+            }
+            const swid = (await this.delegate.getUserSWID()) || '';
+            const jwt = (await this.delegate.getUserToken()) || '';
+            if (this.useMockData) {
+                await this.fetchMockData();
+                return;
+            }
+            else {
+                await this.fantasyPolling.refresh({
+                    eventId: this.eventId,
+                    swid,
+                    jwt,
+                }, this.processFantasy.bind(this), this.handleFetchError.bind(this));
+            }
         }
-        else {
-            await this.fantasyPolling.refresh({
-                eventId: this.eventId,
-                swid,
-                jwt,
-            }, this.processFantasy.bind(this));
+        catch (error) {
+            this.handleFetchError(error);
         }
     }
     onEngage(type) {
@@ -269,6 +282,8 @@ export class FantasyViewModel {
                                 this.isLoadingTc.value = false;
                                 this.rebuildFantasyItems();
                             }
+                        }, (error) => {
+                            this.handleFetchError(error, 'FantasyViewModel.processFantasy.tournamentChallenge');
                         });
                     }
                 });
@@ -334,6 +349,8 @@ export class FantasyViewModel {
                             }
                         }
                     }
+                }, (error) => {
+                    this.handleFetchError(error, 'FantasyViewModel.processFantasy.leagueManager');
                 });
             }
             // Mark successful load
@@ -344,14 +361,7 @@ export class FantasyViewModel {
             this.rebuildFantasyItems();
         }
         catch (error) {
-            captureException(error, {
-                context: 'FantasyViewModel.processFantasy',
-            });
-            console.error('[FANTASY] Error processing fantasy data:', error);
-            this.isDataLoading.value = false;
-            if (!this.hasEverSuccessfullyLoaded.value) {
-                this.errorState.value = 'tabLoadFailure';
-            }
+            this.handleFetchError(error, 'FantasyViewModel.processFantasy');
         }
     }
     parseRoto(data, preference) {

package/dist/src/modules/espn/key-plays/view/KeyPlayErrorStateView.js

@@ -1,7 +1,7 @@
 import './KeyPlayErrorStateView.styles.css';
 import React from 'react';
 import SDK from '@/index';
-import TabLoadErrorView from '@/components/molecules/TabLoadError';
+import TabLoadErrorView from '../../components/TabLoadError';
 import { useMaxHeightToBottom } from '@/hooks/useMaxHeightToBottom';
 const UnpopulatedEvent = () => {
     const maxHeightRef = useMaxHeightToBottom();

package/dist/src/modules/espn/shop/services/ShopService.js

@@ -34,7 +34,7 @@ class ShopService {
             endpoint: `/apis/site/v2/events/${this.eventId}/shop`,
             interval,
             method: HttpMethod.GET,
-            params: {},
+            params: { deviceType: 'ictv' },
             headers: {},
             onData,
             onError,

package/dist/src/modules/espn/shop/view/ShopView.js

@@ -2,7 +2,7 @@ import React, { Component } from 'react';
 import './ShopView.styles.css';
 import ScrollableContainer from '@/components/core/ScrollableContainer';
 import SDK from '@/index';
-import TabLoadErrorView from '@/components/molecules/TabLoadError';
+import TabLoadErrorView from '../../components/TabLoadError';
 import { isShopProduct, } from '../types';
 import ShopSection from './components/ShopSection';
 import ProductDetailView from './ProductDetailView';

package/dist/src/modules/espn/stats/services/StatsService.js

@@ -32,7 +32,7 @@ class StatsService {
         return this.networkManager.externalApiRequest({
             endpoint: this.getSyncEndpoint(timeCode),
             method: HttpMethod.GET,
-            params: {},
+            params: { deviceType: 'ictv' },
             headers: {},
         });
     }
@@ -50,7 +50,7 @@ class StatsService {
             endpoint: this.getSyncEndpoint(timeCode),
             interval,
             method: HttpMethod.GET,
-            params: {},
+            params: { deviceType: 'ictv' },
             headers: {},
             onData,
             onError,

package/dist/src/modules/espn/stats/view/StatsView.js

@@ -3,7 +3,7 @@ import './StatsView.styles.css';
 import ScrollableContainer from '@/components/core/ScrollableContainer';
 import SDK from '@/index';
 import StatsItemView from './StatsItemView';
-import TabLoadErrorView from '@/components/molecules/TabLoadError';
+import TabLoadErrorView from '../../components/TabLoadError';
 import { captureException } from '@/sentry';
 import { setupMaxHeightToBottom } from '@/hooks/useMaxHeightToBottom';
 const STICKY_HEADER_HEIGHT = 32; // Match KeyPlaysView