@maestro_io/maestro-web-sdk 5.1.2 → 5.2.0

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

@@ -1,62 +1,48 @@
 /**
  * @description Represents a single stream/camera listing available for multi-view
  */
-export interface Listing {
+export interface CuratedMultiviewListing {
     id: string;
-    title: string;
-    thumbnailUrl: string;
-    streamUrl: string;
-    homeTeam?: {
-        name: string;
-        abbreviation: string;
-        logoUrl: string;
-        score?: number;
-    };
-    awayTeam?: {
-        name: string;
-        abbreviation: string;
-        logoUrl: string;
-        score?: number;
-    };
-    status?: 'live' | 'upcoming' | 'ended';
-    metadata?: Record<string, unknown>;
+    description: string;
+    backgroundImage: string;
+    type: string;
 }
 /**
- * @description Defines a multi-view layout configuration with positioned slots
+ * @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 {
-    id: string;
+    layoutId: string;
+    description: string;
+    positions: Record<string, LayoutPosition>;
     name: string;
-    type: '50-50' | '60-40' | '70-30' | 'pip' | 'quad';
-    slots: Array<{
-        index: number;
-        x: number;
-        y: number;
-        width: number;
-        height: number;
-    }>;
+    windowCount: number;
+    positionsOrder: string[];
 }
 /**
- * @description Current multi-view state including listings and layout
+ * @description Child listing with position for new multiview event payload (PRD: SDK to pass event to client)
  */
-export interface MultiViewConfig {
-    listings: Listing[];
-    layout: MultiViewLayout;
-    primaryAudioSlot?: number;
+export interface NewMultiviewChildListing {
+    listingId: string;
+    callsign: string;
+    position: LayoutPosition;
 }
 /**
- * @description Represents a pre-configured curated multiview experience
+ * @description Payload for fox-multiview:new-multiview panel event when a curated multiview is selected
  */
-export interface CuratedMultiview {
-    id: string;
-    title: string;
-    description?: string;
-    thumbnailUrl?: string;
-    listings: Listing[];
-    defaultLayout: MultiViewLayout;
-    metadata?: Record<string, unknown>;
+export interface NewMultiviewPayload {
+    multiviewID: string;
+    childListings: NewMultiviewChildListing[];
 }
 /**
  * @description Available layouts organized by stream count
  */
-export declare const LAYOUTS_BY_COUNT: Record<2 | 3 | 4, MultiViewLayout[]>;
+export declare const DEFAULT_LAYOUTS_BY_LISTINGS_QUANTITY: Record<number, MultiViewLayout>;