@maestro_io/maestro-web-sdk 5.1.1 → 5.2.0

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

@@ -115,7 +115,7 @@ class FantasyService {
             },
             params: {
                 competitionId,
-                view: 'ictv_challenges',
+                view: 'ictv_scoreboard',
                 platform: 'fantasyictv_bbd',
             },
         });

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';

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

@@ -154,8 +154,10 @@ export class FantasyViewModel {
         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',
@@ -211,8 +213,11 @@ export class FantasyViewModel {
         this.itemToLeagueKey.clear();
         this._fantasyLeagues = [];
         this._tournamentChallenges = [];
+        this._promoItem = null;
         this._tcProcessingCount = 0;
         this.isLoadingTc.value = false;
+        this.fantasyItems.value = [];
+        this.hasEverSuccessfullyLoaded.value = false;
     }
     /**
      * Track panel view event
@@ -334,6 +339,7 @@ export class FantasyViewModel {
             // Mark successful load
             this.hasEverSuccessfullyLoaded.value = true;
             this.errorState.value = 'none';
+            this.isDataLoading.value = false;
             // Initial rebuild even if empty, to ensure state is clean
             this.rebuildFantasyItems();
         }
@@ -342,6 +348,7 @@ export class FantasyViewModel {
                 context: 'FantasyViewModel.processFantasy',
             });
             console.error('[FANTASY] Error processing fantasy data:', error);
+            this.isDataLoading.value = false;
             if (!this.hasEverSuccessfullyLoaded.value) {
                 this.errorState.value = 'tabLoadFailure';
             }

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/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/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

package/dist/src/modules/fox/components/TabLoadError/TabLoadError.d.ts

@@ -0,0 +1,96 @@
+/// <reference types="prop-types" />
+import { WithFocusableProps } from '@/external/spatial-navigation';
+import React from 'react';
+import './TabLoadError.styles.css';
+declare const _default: {
+    new (props: (object & WithFocusableProps) | Readonly<object & WithFocusableProps>): {
+        state: import("../../../../external/spatial-navigation/withFocusable").WithFocusableState;
+        navigation: import("../../../../external/spatial-navigation/spatialNavigation").default;
+        getChildContext(): {
+            parentFocusKey: string;
+        };
+        setFocus: (focusKey: string) => void;
+        navigateByDirection: (direction: import("../../../../external/spatial-navigation/utils").Direction, details?: 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: import("../../../../external/spatial-navigation/utils").Direction, details: import("../../../../external/spatial-navigation/utils").Details) => boolean | void;
+        onBecameFocusedHandler: (layout: import("../../../../external/spatial-navigation/utils").Layout, details: import("../../../../external/spatial-navigation/utils").Details) => void;
+        onBecameBlurredHandler: (layout: import("../../../../external/spatial-navigation/utils").Layout, details: import("../../../../external/spatial-navigation/utils").Details) => void;
+        componentDidMount(): void;
+        componentDidUpdate(): void;
+        componentWillUnmount(): void;
+        render(): React.ReactElement<object & 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<object & 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<object & WithFocusableProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<object & WithFocusableProps>, nextState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<object & WithFocusableProps>, prevState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<object & WithFocusableProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<object & WithFocusableProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<object & WithFocusableProps>, nextState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<object & WithFocusableProps>, nextState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+    };
+    new (props: object & WithFocusableProps, context: any): {
+        state: import("../../../../external/spatial-navigation/withFocusable").WithFocusableState;
+        navigation: import("../../../../external/spatial-navigation/spatialNavigation").default;
+        getChildContext(): {
+            parentFocusKey: string;
+        };
+        setFocus: (focusKey: string) => void;
+        navigateByDirection: (direction: import("../../../../external/spatial-navigation/utils").Direction, details?: 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: import("../../../../external/spatial-navigation/utils").Direction, details: import("../../../../external/spatial-navigation/utils").Details) => boolean | void;
+        onBecameFocusedHandler: (layout: import("../../../../external/spatial-navigation/utils").Layout, details: import("../../../../external/spatial-navigation/utils").Details) => void;
+        onBecameBlurredHandler: (layout: import("../../../../external/spatial-navigation/utils").Layout, details: import("../../../../external/spatial-navigation/utils").Details) => void;
+        componentDidMount(): void;
+        componentDidUpdate(): void;
+        componentWillUnmount(): void;
+        render(): React.ReactElement<object & 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<object & 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<object & WithFocusableProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<object & WithFocusableProps>, nextState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<object & WithFocusableProps>, prevState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<object & WithFocusableProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<object & WithFocusableProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<object & WithFocusableProps>, nextState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<object & WithFocusableProps>, nextState: Readonly<import("../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+    };
+    contextTypes: {
+        parentFocusKey: import("prop-types").Requireable<string>;
+    };
+    childContextTypes: {
+        parentFocusKey: import("prop-types").Requireable<string>;
+    };
+    contextType?: React.Context<any> | undefined;
+};
+export default _default;

package/dist/src/modules/fox/components/TabLoadError/TabLoadError.js

@@ -0,0 +1,19 @@
+import { withFocusable, } from '@/external/spatial-navigation';
+import React from 'react';
+import './TabLoadError.styles.css';
+import ActionButton from '@/components/molecules/ActionButton';
+const TabLoadErrorView = (props) => {
+    const { focused, onEnterPress } = props;
+    const setHeight = (element) => {
+        if (!element)
+            return;
+        const rect = element.getBoundingClientRect();
+        element.style.height = `${window.innerHeight - rect.top}px`;
+    };
+    return (React.createElement("div", { className: "tab-load-error", ref: setHeight },
+        React.createElement("h3", { className: "T70" }, "Oops! Something went wrong."),
+        React.createElement("p", { className: "T20" }, 'We are having trouble loading Multiview right now. Please try again'),
+        React.createElement("div", { className: "fox" },
+            React.createElement(ActionButton, { "data-focused": focused, onEnterPress: onEnterPress }, "Try Again"))));
+};
+export default withFocusable()(TabLoadErrorView);

package/dist/src/modules/fox/components/TabLoadError/index.d.ts

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

package/dist/src/modules/fox/components/TabLoadError/index.js

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

package/dist/src/modules/fox/multi-view/interfaces/IMultiViewViewModel.d.ts

@@ -0,0 +1,3 @@
+export interface IMultiViewViewModel {
+    cleanup(): void;
+}

package/dist/src/modules/fox/multi-view/interfaces/IMultiViewViewModel.js

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

package/dist/src/modules/fox/multi-view/services/MultiViewService.d.ts

@@ -0,0 +1,99 @@
+import { HttpMethod } from '@/services/NetworkManager/NetworkManager';
+import { MultiViewLayout } from '../types';
+export type ProductAPIData = {
+    endpoint: string;
+    method: HttpMethod;
+    headers: Record<string, string>;
+};
+export type ProductAPIErrorPayload = {
+    code: number;
+    message: string;
+    success: false;
+    data?: unknown;
+};
+export type MultiViewListingRequest = {
+    layoutId: string;
+    listings: Array<{
+        listingId: string;
+        callsign: string;
+    }>;
+};
+export type MultiViewListingResponse = {
+    multiviewId?: string;
+    callbackSeconds?: number;
+};
+export interface CuratedMultiviewResponse {
+    status: boolean;
+    data?: {
+        items?: CuratedMultiviewItem[];
+    };
+}
+interface CuratedMultiviewItem {
+    entity_id?: string;
+    type?: string;
+    title?: string;
+    is_multiview?: boolean;
+    is_multiview_eligible?: boolean;
+    is_sportingevent?: boolean;
+    images?: {
+        still?: string;
+    };
+    multiview?: string[];
+    multiview_metadata?: CuratedMultiviewMetadata[];
+}
+interface CuratedMultiviewMetadata {
+    entity_id: string;
+    type: string;
+    is_sportingevent: boolean;
+    images: Record<string, unknown>;
+    left_team: Team;
+    right_team: Team;
+}
+interface Team {
+    abbreviation: string;
+}
+export declare const isProductAPIValid: (data: any) => data is ProductAPIData;
+/**
+ * Service for handling multi-view API calls
+ */
+declare class MultiViewService {
+    private networkManager;
+    private productAPI;
+    constructor();
+    /**
+     * Fetch available multi-view layouts
+     *
+     * @returns Promise resolving to layouts data
+     */
+    getLayouts(): Promise<MultiViewLayout[]> | null;
+    /**
+     * Set the product API configuration
+     *
+     * @param productAPI - The product API endpoint, method, and headers
+     */
+    setProductAPIData(productAPI: ProductAPIData): void;
+    /**
+     * Start polling curated multiviews using the product API configuration.
+     * Returns null if no product API has been set.
+     *
+     * @param interval - Polling interval in milliseconds
+     * @param onData - Callback invoked with the data on each successful poll
+     * @param onError - Optional callback invoked on error
+     * @returns Object with a stop function, or null if no productAPI is configured
+     */
+    pollCuratedMultiviews(interval: number, onData: (data: CuratedMultiviewResponse) => void, onError?: (error: Error) => void): {
+        stop: () => void;
+    } | null;
+    /**
+     * Request an existing or new custom multiview.
+     * If the multiview exists, the response will include a multiviewId.
+     * If the multiview needs to be created, the response will include
+     * callbackSeconds indicating when to retry.
+     *
+     * @param config - The layout ID and listings for the multiview
+     * @param headers - Request headers (e.g. x-access-token, Content-Type)
+     * @returns Promise resolving to the multiview listing response
+     */
+    getOrCreateCustomMultiview(config: MultiViewListingRequest, headers?: Record<string, string>): Promise<MultiViewListingResponse>;
+}
+export default MultiViewService;

package/dist/src/modules/fox/multi-view/services/MultiViewService.js

@@ -0,0 +1,94 @@
+import NetworkManager, { HttpMethod, } from '@/services/NetworkManager/NetworkManager';
+const MULTIVIEW_BASE_URL = 'https://qa-mvlm.api.shared.digitalvideoplatform.com';
+export const isProductAPIValid = (data) => {
+    if (!data || typeof data !== 'object')
+        return false;
+    return (typeof data.endpoint === 'string' &&
+        typeof data.method === 'string' &&
+        data.headers !== null &&
+        typeof data.headers === 'object' &&
+        !Array.isArray(data.headers));
+};
+/**
+ * Service for handling multi-view API calls
+ */
+class MultiViewService {
+    constructor() {
+        Object.defineProperty(this, "networkManager", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "productAPI", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        this.networkManager = new NetworkManager();
+    }
+    /**
+     * Fetch available multi-view layouts
+     *
+     * @returns Promise resolving to layouts data
+     */
+    getLayouts() {
+        if (!this.productAPI) {
+            return null;
+        }
+        return this.networkManager.externalApiRequest({
+            endpoint: `${MULTIVIEW_BASE_URL}/mvlm/v1/layouts`,
+            headers: this.productAPI.headers,
+        });
+    }
+    /**
+     * Set the product API configuration
+     *
+     * @param productAPI - The product API endpoint, method, and headers
+     */
+    setProductAPIData(productAPI) {
+        this.productAPI = productAPI;
+    }
+    /**
+     * Start polling curated multiviews using the product API configuration.
+     * Returns null if no product API has been set.
+     *
+     * @param interval - Polling interval in milliseconds
+     * @param onData - Callback invoked with the data on each successful poll
+     * @param onError - Optional callback invoked on error
+     * @returns Object with a stop function, or null if no productAPI is configured
+     */
+    pollCuratedMultiviews(interval, onData, onError) {
+        if (!this.productAPI) {
+            return null;
+        }
+        return this.networkManager.pollExternalApiRequest({
+            endpoint: this.productAPI.endpoint,
+            interval,
+            method: this.productAPI.method,
+            headers: this.productAPI.headers,
+            onData,
+            onError,
+        });
+    }
+    /**
+     * Request an existing or new custom multiview.
+     * If the multiview exists, the response will include a multiviewId.
+     * If the multiview needs to be created, the response will include
+     * callbackSeconds indicating when to retry.
+     *
+     * @param config - The layout ID and listings for the multiview
+     * @param headers - Request headers (e.g. x-access-token, Content-Type)
+     * @returns Promise resolving to the multiview listing response
+     */
+    getOrCreateCustomMultiview(config, headers = {}) {
+        return this.networkManager.externalApiRequest({
+            endpoint: `${MULTIVIEW_BASE_URL}/mvlm/v1/mvlisting`,
+            method: HttpMethod.POST,
+            data: config,
+            headers,
+        });
+    }
+}
+export default MultiViewService;

package/dist/src/modules/fox/multi-view/types.d.ts

@@ -0,0 +1,48 @@
+/**
+ * @description Represents a single stream/camera listing available for multi-view
+ */
+export interface CuratedMultiviewListing {
+    id: string;
+    description: string;
+    backgroundImage: string;
+    type: string;
+}
+/**
+ * @description Position data for a single window within a layout
+ */
+export interface LayoutPosition {
+    w: number;
+    h: number;
+    x: number;
+    y: number;
+}
+/**
+ * @description Defines a multi-view layout configuration with positioned windows
+ */
+export interface MultiViewLayout {
+    layoutId: string;
+    description: string;
+    positions: Record<string, LayoutPosition>;
+    name: string;
+    windowCount: number;
+    positionsOrder: string[];
+}
+/**
+ * @description Child listing with position for new multiview event payload (PRD: SDK to pass event to client)
+ */
+export interface NewMultiviewChildListing {
+    listingId: string;
+    callsign: string;
+    position: LayoutPosition;
+}
+/**
+ * @description Payload for fox-multiview:new-multiview panel event when a curated multiview is selected
+ */
+export interface NewMultiviewPayload {
+    multiviewID: string;
+    childListings: NewMultiviewChildListing[];
+}
+/**
+ * @description Available layouts organized by stream count
+ */
+export declare const DEFAULT_LAYOUTS_BY_LISTINGS_QUANTITY: Record<number, MultiViewLayout>;