@maestro_io/maestro-web-sdk 5.2.0 → 5.3.0

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

@@ -1,122 +0,0 @@
-/// <reference types="prop-types" />
-import React from 'react';
-import './CustomMultiviewStreamsCard.style.css';
-import { WithFocusableProps } from '@/external/spatial-navigation';
-import { CuratedMultiviewListing } from '../../../types';
-export type Camera = {
-    id: string;
-    name: string;
-    isActive: boolean;
-};
-export type CustomMultiviewStreamsCardProps = {
-    /** Primary listing displayed on this card */
-    listing: CuratedMultiviewListing;
-    /** Total number of available camera listings */
-    totalCameras: number;
-    /** Number of currently active cameras */
-    activeCameraCount?: number;
-    /** Current match time display (e.g. "42'") */
-    currentTime?: string;
-    /** Match location (e.g. "Miami, FL") */
-    location?: string;
-    /** List of available cameras for the expanded view */
-    cameras?: Camera[];
-    /** Callback when a camera radio is toggled */
-    onToggleCamera?: (camera: Camera) => void;
-    /** Whether the card is in expanded state */
-    expanded?: boolean;
-    /** Index of the currently focused camera in expanded view */
-    focusedCameraIndex?: number;
-};
-declare const CustomMultiviewStreamsCard: {
-    new (props: (CustomMultiviewStreamsCardProps & WithFocusableProps) | Readonly<CustomMultiviewStreamsCardProps & 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<CustomMultiviewStreamsCardProps & 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<CustomMultiviewStreamsCardProps & 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<CustomMultiviewStreamsCardProps & WithFocusableProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        shouldComponentUpdate?(nextProps: Readonly<CustomMultiviewStreamsCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<CustomMultiviewStreamsCardProps & WithFocusableProps>, prevState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<CustomMultiviewStreamsCardProps & WithFocusableProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<CustomMultiviewStreamsCardProps & WithFocusableProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<CustomMultiviewStreamsCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<CustomMultiviewStreamsCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
-    };
-    new (props: CustomMultiviewStreamsCardProps & 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<CustomMultiviewStreamsCardProps & 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<CustomMultiviewStreamsCardProps & 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<CustomMultiviewStreamsCardProps & WithFocusableProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        shouldComponentUpdate?(nextProps: Readonly<CustomMultiviewStreamsCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<CustomMultiviewStreamsCardProps & WithFocusableProps>, prevState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<CustomMultiviewStreamsCardProps & WithFocusableProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<CustomMultiviewStreamsCardProps & WithFocusableProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<CustomMultiviewStreamsCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<CustomMultiviewStreamsCardProps & 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 CustomMultiviewStreamsCard;

package/dist/src/modules/fox/multi-view/view/components/CustomMultiviewStreamsCard/CustomMultiviewStreamsCard.js

@@ -1,51 +0,0 @@
-import React, { useCallback } from 'react';
-import './CustomMultiviewStreamsCard.style.css';
-import { withFocusable, } from '@/external/spatial-navigation';
-import { FocusableItem } from '@/components/core/ScrollableContainer';
-import Image from '@/components/atoms/Image';
-import Icon from '@/components/atoms/SvgIcon';
-const CustomMultiviewStreamsCardComponent = (props) => {
-    const { listing, totalCameras, activeCameraCount = 0, currentTime, location, focusable, focused, cameras = [], onToggleCamera, expanded = false, focusedCameraIndex = -1, } = props;
-    const handleCameraToggle = useCallback((camera) => {
-        if (onToggleCamera) {
-            onToggleCamera(camera);
-        }
-    }, [onToggleCamera]);
-    const { backgroundImage, description } = listing;
-    return (React.createElement(FocusableItem, null,
-        React.createElement("div", { className: "custom-multiview-streams-card focus-ring", "data-focusable": focusable, "data-focused": focused, "data-expanded": expanded },
-            React.createElement("div", { className: "custom-multiview-streams-card-container" },
-                React.createElement("div", { className: "custom-multiview-streams-card-row custom-multiview-streams-card-row-first" },
-                    React.createElement("div", { className: "custom-multiview-streams-row-content" },
-                        React.createElement("div", { className: "custom-multiview-streams-status-badge" },
-                            React.createElement("span", { className: "custom-multiview-streams-status-dot" }),
-                            React.createElement("span", { className: "custom-multiview-streams-status-text" }, "LIVE")),
-                        currentTime && (React.createElement("div", { className: "custom-multiview-streams-time" }, currentTime)),
-                        location && (React.createElement("div", { className: "custom-multiview-streams-location" }, location.toUpperCase())))),
-                React.createElement("div", { className: "custom-multiview-streams-card-row custom-multiview-streams-card-row-second" },
-                    React.createElement("div", { className: "custom-multiview-streams-row-content" },
-                        React.createElement("div", { className: "custom-multiview-streams-thumbnail-container" }, backgroundImage ? (React.createElement(Image, { src: backgroundImage, alt: description, className: "custom-multiview-streams-thumbnail" })) : (React.createElement("div", { className: "custom-multiview-streams-thumbnail custom-multiview-streams-thumbnail-placeholder" }))),
-                        React.createElement("div", { className: "custom-multiview-streams-info-container" },
-                            React.createElement("div", { className: "custom-multiview-streams-teams" }, description),
-                            React.createElement("div", { className: "custom-multiview-streams-cameras" },
-                                activeCameraCount,
-                                "/",
-                                totalCameras,
-                                ' ',
-                                totalCameras === 1 ? 'Camera' : 'Cameras',
-                                " Active")),
-                        React.createElement("div", { className: "custom-multiview-streams-chevron-container" },
-                            React.createElement("div", { className: "custom-multiview-streams-chevron" },
-                                React.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
-                                    React.createElement("path", { d: "M4 6L8 10L12 6", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })))))),
-                React.createElement("div", { className: "custom-multiview-streams-camera-list" }, cameras.map((camera, index) => (React.createElement("div", { key: camera.id, className: "custom-multiview-streams-camera-row", "data-focused": expanded && index === focusedCameraIndex, onClick: (e) => {
-                        e.stopPropagation();
-                        handleCameraToggle(camera);
-                    } },
-                    React.createElement("div", { className: "custom-multiview-streams-camera-row-inner" },
-                        React.createElement("div", { className: "custom-multiview-streams-camera-name T01 FONT_BOLD" }, camera.name),
-                        React.createElement("div", { className: "custom-multiview-streams-camera-radio-cell" },
-                            React.createElement("div", { className: "custom-multiview-streams-camera-radio", "data-active": camera.isActive }, camera.isActive ? (React.createElement(Icon, { iconName: "checkmark", width: 22.5, height: 22 })) : (React.createElement(Icon, { iconName: "add", width: 21, height: 21 })))))))))))));
-};
-const CustomMultiviewStreamsCard = withFocusable()(CustomMultiviewStreamsCardComponent);
-export default CustomMultiviewStreamsCard;

package/dist/src/modules/fox/multi-view/view/components/CustomMultiviewStreamsCard/index.d.ts

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

package/dist/src/modules/fox/multi-view/view/components/CustomMultiviewStreamsCard/index.js

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

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

@@ -1,13 +0,0 @@
-import './LayoutSelector.style.css';
-import { WithFocusableProps } from '@/external/spatial-navigation';
-import { Direction } from '@/external/spatial-navigation/utils';
-import { MultiViewLayout } from '../../../types';
-export type LayoutSelectorProps = {
-    layouts: MultiViewLayout[];
-    selectedLayoutId?: string;
-    onLayoutSelect?: (layout: MultiViewLayout) => void;
-    onLayoutArrowPress?: (direction: Direction) => void;
-    className?: string;
-};
-declare const LayoutSelector: (props: LayoutSelectorProps & WithFocusableProps) => JSX.Element;
-export default LayoutSelector;

package/dist/src/modules/fox/multi-view/view/components/LayoutSelector/LayoutSelector.js

@@ -1,40 +0,0 @@
-import React, { useCallback } from 'react';
-import './LayoutSelector.style.css';
-import { withFocusable, } from '@/external/spatial-navigation';
-import { FocusableItem, useScrollableContainer, } from '@/components/core/ScrollableContainer';
-import SDK from '@/index';
-const LayoutOptionRowComponent = (props) => {
-    const { layout, selected, focusable, focused } = props;
-    return (React.createElement(FocusableItem, null,
-        React.createElement("div", { className: "layout-selector-option-focus focus-ring", "data-focusable": focusable, "data-focused": focused },
-            React.createElement("div", { className: "layout-selector-row" },
-                React.createElement("div", { className: "layout-selector-cell layout-selector-cell-preview" },
-                    React.createElement("div", { className: "layout-selector-preview" }, layout.positionsOrder.map((key) => {
-                        const pos = layout.positions[key];
-                        return (React.createElement("div", { key: `${layout.layoutId}-pos-${key}`, className: "layout-selector-slot", style: {
-                                left: `${pos.x * 100}%`,
-                                top: `${pos.y * 100}%`,
-                                width: `${pos.w * 100}%`,
-                                height: `${pos.h * 100}%`,
-                            } }));
-                    }))),
-                React.createElement("div", { className: "layout-selector-cell layout-selector-cell-label" },
-                    React.createElement("div", { className: "layout-selector-label T30 FONT_BOLD" }, layout.name)),
-                React.createElement("div", { className: "layout-selector-cell layout-selector-cell-radio" },
-                    React.createElement("div", { className: `layout-selector-radio ${selected ? 'selected' : ''}`, "aria-hidden": true }, selected ? (React.createElement("span", { className: "layout-selector-radio-check" }, "\u2713")) : null))))));
-};
-const LayoutOptionRow = withFocusable()(LayoutOptionRowComponent);
-const LayoutSelector = (props) => {
-    const { scrollToFocusedElement } = useScrollableContainer();
-    const { layouts, selectedLayoutId, onLayoutSelect } = props;
-    const onBecameFocused = useCallback((layout) => {
-        scrollToFocusedElement(layout);
-    }, [scrollToFocusedElement]);
-    const onArrowPress = useCallback((d, _props) => {
-        if (d === 'left') {
-            SDK.getMaestroEventViewModel().deliverFocus();
-        }
-    }, []);
-    return (React.createElement(React.Fragment, null, layouts.length === 0 ? (React.createElement("div", { className: "layout-selector-empty T10" }, "No layouts available.")) : (React.createElement("div", { className: "layout-selector-options" }, layouts.map((layout) => (React.createElement(LayoutOptionRow, { key: layout.layoutId, focusKey: `fox-multiview-layout-${layout.layoutId}`, layout: layout, selected: layout.layoutId === selectedLayoutId, onEnterPress: () => onLayoutSelect?.(layout), onArrowPress: onArrowPress, onBecameFocused: onBecameFocused })))))));
-};
-export default LayoutSelector;

package/dist/src/modules/fox/multi-view/view/components/LayoutSelector/index.d.ts

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

package/dist/src/modules/fox/multi-view/view/components/LayoutSelector/index.js

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

package/dist/src/modules/fox/multi-view/view/components/curated-multiview-card/CuratedMultiviewCard.d.ts

@@ -1,101 +0,0 @@
-/// <reference types="prop-types" />
-import React from 'react';
-import './CuratedMultiviewCard.style.css';
-import { WithFocusableProps } from '@/external/spatial-navigation';
-import { CuratedMultiviewListing } from '../../../types';
-export type CuratedMultiviewCardProps = {
-    listings: CuratedMultiviewListing[];
-    selected: boolean;
-};
-declare const _default: {
-    new (props: (CuratedMultiviewCardProps & WithFocusableProps) | Readonly<CuratedMultiviewCardProps & 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<CuratedMultiviewCardProps & 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<CuratedMultiviewCardProps & 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<CuratedMultiviewCardProps & WithFocusableProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        shouldComponentUpdate?(nextProps: Readonly<CuratedMultiviewCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<CuratedMultiviewCardProps & WithFocusableProps>, prevState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<CuratedMultiviewCardProps & WithFocusableProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<CuratedMultiviewCardProps & WithFocusableProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<CuratedMultiviewCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<CuratedMultiviewCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
-    };
-    new (props: CuratedMultiviewCardProps & 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<CuratedMultiviewCardProps & 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<CuratedMultiviewCardProps & 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<CuratedMultiviewCardProps & WithFocusableProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        shouldComponentUpdate?(nextProps: Readonly<CuratedMultiviewCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
-        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<CuratedMultiviewCardProps & WithFocusableProps>, prevState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<CuratedMultiviewCardProps & WithFocusableProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<CuratedMultiviewCardProps & WithFocusableProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<CuratedMultiviewCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<CuratedMultiviewCardProps & 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/multi-view/view/components/curated-multiview-card/CuratedMultiviewCard.js

@@ -1,21 +0,0 @@
-import React from 'react';
-import './CuratedMultiviewCard.style.css';
-import { withFocusable, } from '@/external/spatial-navigation';
-import Icon from '@/components/atoms/SvgIcon';
-const StreamScreen = ({ listing }) => {
-    const { backgroundImage, description } = listing;
-    return (React.createElement("div", { className: "curated-multiview-screen", style: {
-            backgroundImage: `url(${backgroundImage})`,
-        } },
-        React.createElement("span", { className: "curated-multiview-screen-title FONT_BOLD" }, description)));
-};
-const CuratedMultiviewCard = (props) => {
-    const { listings, selected, focused } = props;
-    return (React.createElement("div", { className: "curated-multiview-card focus-ring", "data-focused": focused },
-        React.createElement("div", { className: "curated-multiview-card-row" },
-            React.createElement("div", { className: "curated-multiview-card-cell curated-multiview-card-cell-screens" },
-                React.createElement("div", { className: "curated-multiview-screens-container" }, listings.slice(0, 2).map((listing) => (React.createElement(StreamScreen, { key: listing.id, listing: listing }))))),
-            React.createElement("div", { className: "curated-multiview-card-cell curated-multiview-card-cell-radio" },
-                React.createElement("div", { className: "curated-multiview-radio", "data-selected": selected }, selected && React.createElement(Icon, { iconName: "checkmark", width: 22.5, height: 22 }))))));
-};
-export default withFocusable()(CuratedMultiviewCard);

package/dist/src/modules/fox/multi-view/view/components/curated-multiview-card/index.d.ts

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

package/dist/src/modules/fox/multi-view/view/components/curated-multiview-card/index.js

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

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

@@ -1,63 +0,0 @@
-import { ViewModel } from '@/view-models/ViewModel';
-import { Observable } from '@/helpers/Observable';
-import { CuratedMultiviewListing, MultiViewLayout } from '../types';
-import IMaestroEventDelegate from '@/interfaces/IMaestroEventDelegate';
-import { CuratedMultiviewResponse, MultiViewListingRequest } from '../services/MultiViewService';
-import AnalyticsService from '@/services/AnalyticsService/AnalyticsService';
-export type CuratedMultiviewItem = {
-    id: string;
-    isSelected: boolean;
-    listings: CuratedMultiviewListing[];
-};
-export type CuratedMultiviewsItem = {
-    type: 'curated-multiviews';
-    items: CuratedMultiviewItem[];
-};
-export type MultiviewItem = CuratedMultiviewsItem;
-export declare class MultiViewViewModel extends ViewModel {
-    private _layouts;
-    private _isPolling;
-    private service;
-    private delegate;
-    private eventId;
-    private analyticsService;
-    isDataLoading: Observable<boolean>;
-    private pollingTask;
-    items: Observable<CuratedMultiviewsItem[]>;
-    private hasEverSuccessfullyLoaded;
-    private onAuthError?;
-    constructor(eventId: string, delegate: IMaestroEventDelegate, analyticsService: AnalyticsService);
-    getLayouts(): MultiViewLayout[];
-    getIsPolling(): Observable<boolean>;
-    getIsDataLoading(): Observable<boolean>;
-    getEventId(): string;
-    /**
-     * Notify client app about a Product API auth error.
-     * Uses configured callback first, and falls back to onPanelEvent.
-     */
-    private notifyProductAPIUnauthorized;
-    private trackPanelView;
-    init(): Promise<void>;
-    fetchLayouts(): Promise<void>;
-    setDataToPanel(data: Record<string, any>): Promise<void>;
-    onSelectCustomMultiview(params: MultiViewListingRequest): Promise<void>;
-    /**
-     * Clean up resources when the ViewModel is no longer needed
-     */
-    cleanup(): void;
-    /**
-     * Called when a curated multiview is selected. Notifies the client via onPanelEvent
-     * so the app can switch the video player to the selected multiview.
-     */
-    onSelectCuratedMultiview(item: CuratedMultiviewItem): void;
-    /**
-     * Stop polling for bet data
-     */
-    stopPolling(): void;
-    /**
-     * Refresh polling for curated multiviews
-     */
-    refreshPolling(): void;
-    processCuratedMultiviewData(data: CuratedMultiviewResponse): void;
-    clearTabLoadFailure(): Promise<void>;
-}