@maestro_io/maestro-web-sdk 5.2.1 → 5.3.0

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

@@ -1,96 +0,0 @@
-/// <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

@@ -1,19 +0,0 @@
-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

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

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

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

package/dist/src/modules/fox/key-plays/view/FoxKeyPlays.d.ts

@@ -1,2 +0,0 @@
-declare const FoxKeyPlays: () => JSX.Element;
-export default FoxKeyPlays;

package/dist/src/modules/fox/key-plays/view/FoxKeyPlays.js

@@ -1,5 +0,0 @@
-import React from 'react';
-const FoxKeyPlays = () => {
-    return React.createElement("div", { style: { marginTop: '36px' } }, "Fox Key Plays Coming Soon!");
-};
-export default FoxKeyPlays;

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

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

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

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

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

@@ -1,104 +0,0 @@
-import { HttpMethod } from '@/services/NetworkManager/NetworkManager';
-import { MultiViewLayout } from '../types';
-export type ProductAPIData = {
-    url: string;
-    method: HttpMethod;
-    headers: Record<string, string>;
-    callback?: (error: ProductAPIErrorPayload) => void;
-};
-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?: CuratedMultiviewResponseItem[];
-    };
-}
-export interface CuratedMultiviewResponseItem {
-    entity_id?: string;
-    type?: string;
-    title?: string;
-    is_multiview?: boolean;
-    is_multiview_eligible?: boolean;
-    is_sportingevent?: boolean;
-    images?: {
-        still?: string;
-        series_list?: string;
-    };
-    location?: {
-        city?: string;
-        state?: string;
-    };
-    start_time?: string;
-    associated_listings?: Array<{
-        entity_id?: string;
-        title?: string;
-    }>;
-    multiview?: string[];
-    multiview_metadata?: CuratedMultiviewResponseItem[];
-    left_team?: CuratedMultiviewResponseItemTeam;
-    right_team?: CuratedMultiviewResponseItemTeam;
-}
-type CuratedMultiviewResponseItemTeam = {
-    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

@@ -1,97 +0,0 @@
-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.url === 'string' &&
-        data.url.length > 0 &&
-        typeof data.method === 'string' &&
-        Object.values(HttpMethod).includes(data.method) &&
-        data.headers !== null &&
-        typeof data.headers === 'object' &&
-        !Array.isArray(data.headers) &&
-        (!data.callback || typeof data.callback === 'function'));
-};
-/**
- * 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.url,
-            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,68 +0,0 @@
-/**
- * @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[];
-}
-export type BuildYourOwnTab = 'streams' | 'layouts';
-/**
- * @description Represents a single camera angle within a stream
- */
-export type Camera = {
-    id: string;
-    name: string;
-    isActive: boolean;
-};
-/**
- * @description Represents a stream with its cameras and metadata, used in Build Your Own
- */
-export interface CustomMultiviewStream {
-    listing: CuratedMultiviewListing;
-    totalCameras: number;
-    activeCameraCount: number;
-    currentTime?: string;
-    location?: string;
-    cameras: Camera[];
-}
-/**
- * @description Available layouts organized by stream count
- */
-export declare const DEFAULT_LAYOUTS_BY_LISTINGS_QUANTITY: Record<number, MultiViewLayout>;

package/dist/src/modules/fox/multi-view/types.js

@@ -1,86 +0,0 @@
-/**
- * @description Available layouts organized by stream count
- */
-export const DEFAULT_LAYOUTS_BY_LISTINGS_QUANTITY = {
-    2: {
-        layoutId: 'LR',
-        description: 'Two equal-sized windows side by side',
-        positions: {
-            L: {
-                w: 0.4766,
-                h: 0.4766,
-                x: 0.259,
-                y: 0.5,
-            },
-            R: {
-                w: 0.4766,
-                h: 0.4766,
-                x: 0.7409,
-                y: 0.5,
-            },
-        },
-        name: '50/50',
-        windowCount: 2,
-        positionsOrder: ['L', 'R'],
-    },
-    3: {
-        layoutId: 'TLTRB',
-        description: 'Three equal-sized windows in T layout',
-        positions: {
-            B: {
-                w: 0.458,
-                h: 0.458,
-                x: 0.5,
-                y: 0.266,
-            },
-            TL: {
-                w: 0.458,
-                h: 0.458,
-                x: 0.268,
-                y: 0.7335,
-            },
-            TR: {
-                w: 0.458,
-                h: 0.458,
-                x: 0.732,
-                y: 0.7335,
-            },
-        },
-        name: 'Triple T',
-        windowCount: 3,
-        positionsOrder: ['TL', 'TR', 'B'],
-    },
-    4: {
-        layoutId: 'TLTRBLBR',
-        description: 'Four equal-sized windows in 2x2 grid',
-        positions: {
-            BL: {
-                w: 0.4766,
-                h: 0.4766,
-                x: 0.259,
-                y: 0.257,
-            },
-            BR: {
-                w: 0.4766,
-                h: 0.4766,
-                x: 0.741,
-                y: 0.257,
-            },
-            TL: {
-                w: 0.4766,
-                h: 0.4766,
-                x: 0.259,
-                y: 0.743,
-            },
-            TR: {
-                w: 0.4766,
-                h: 0.4766,
-                x: 0.741,
-                y: 0.743,
-            },
-        },
-        name: '2x2 Grid',
-        windowCount: 4,
-        positionsOrder: ['TL', 'TR', 'BL', 'BR'],
-    },
-};

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

@@ -1,7 +0,0 @@
-import { CustomMultiviewStream } from '../../types';
-import './BuildYourOwn.styles.css';
-type BuildYourOwnProps = {
-    streams: CustomMultiviewStream[];
-};
-declare const BuildYourOwn: (props: BuildYourOwnProps) => JSX.Element;
-export default BuildYourOwn;

package/dist/src/modules/fox/multi-view/view/BuildYourOwn/BuildYourOwn.js

@@ -1,99 +0,0 @@
-import React, { useState, useEffect, useRef, useCallback } from 'react';
-import SDK from '@/index';
-import BuildYourOwnTabs from '../components/BuildYourOwnTabs';
-import LayoutSelector from '../components/LayoutSelector';
-import CustomMultiviewStreamsCard from '../components/CustomMultiviewStreamsCard';
-import './BuildYourOwn.styles.css';
-const BuildYourOwn = (props) => {
-    const { streams } = props;
-    const vm = useRef(null);
-    // UI-only state
-    const [activeTab, setActiveTab] = useState('streams');
-    const [expandedStreamId, setExpandedStreamId] = useState(null);
-    const [focusedCameraIndex, setFocusedCameraIndex] = useState(0);
-    // Data from VM (subscribed via Observable)
-    const [layouts, setLayouts] = useState([]);
-    const [selectedLayoutId, setSelectedLayoutId] = useState(null);
-    useEffect(() => {
-        const mvvm = SDK.getMaestroEventViewModel()
-            .multiViewViewModel;
-        if (!mvvm)
-            return;
-        vm.current = mvvm;
-        setLayouts(mvvm.getLayoutsObservable().value);
-        const unsubLayouts = mvvm.getLayoutsObservable().subscribe(setLayouts);
-        setSelectedLayoutId(mvvm.getSelectedLayoutId().value);
-        const unsubSelectedLayout = mvvm
-            .getSelectedLayoutId()
-            .subscribe(setSelectedLayoutId);
-        return () => {
-            unsubLayouts();
-            unsubSelectedLayout();
-        };
-    }, []);
-    const onLayoutSelect = useCallback((layout) => {
-        vm.current?.onSelectLayout(layout.layoutId);
-    }, []);
-    const onStreamEnterPress = useCallback((streamId, cameras) => () => {
-        if (expandedStreamId === streamId) {
-            const camera = cameras[focusedCameraIndex];
-            if (camera) {
-                vm.current?.onToggleCamera(streamId, camera.id);
-            }
-        }
-        else {
-            setExpandedStreamId(streamId);
-            setFocusedCameraIndex(0);
-        }
-    }, [expandedStreamId, focusedCameraIndex]);
-    const onStreamArrowPress = useCallback((streamId, cameras) => (d) => {
-        if (d === 'left') {
-            SDK.getMaestroEventViewModel().deliverFocus();
-            return false;
-        }
-        if (expandedStreamId === streamId) {
-            if (d === 'down') {
-                if (focusedCameraIndex < cameras.length - 1) {
-                    setFocusedCameraIndex((prev) => prev + 1);
-                }
-                return false;
-            }
-            if (d === 'up') {
-                if (focusedCameraIndex > 0) {
-                    setFocusedCameraIndex((prev) => prev - 1);
-                }
-                else {
-                    setExpandedStreamId(null);
-                }
-                return false;
-            }
-        }
-    }, [expandedStreamId, focusedCameraIndex]);
-    const onStreamBackPress = useCallback((streamId) => () => {
-        if (expandedStreamId === streamId) {
-            setExpandedStreamId(null);
-        }
-        else {
-            SDK.getMaestroEventViewModel().navigation.setFocus('PANEL_NAVIGATION');
-        }
-    }, [expandedStreamId]);
-    const renderTabContent = () => {
-        switch (activeTab) {
-            case 'streams':
-                return (React.createElement("div", { className: "build-your-own-streams" }, streams.map((stream) => {
-                    const streamId = stream.listing.id;
-                    const cameras = stream.cameras || [];
-                    return (React.createElement(CustomMultiviewStreamsCard, { key: streamId, focusKey: `byo-stream-${streamId}`, listing: stream.listing, totalCameras: stream.totalCameras, activeCameraCount: stream.activeCameraCount, currentTime: stream.currentTime, location: stream.location, cameras: cameras, expanded: expandedStreamId === streamId, focusedCameraIndex: expandedStreamId === streamId ? focusedCameraIndex : -1, onToggleCamera: (camera) => vm.current?.onToggleCamera(streamId, camera.id), onEnterPress: onStreamEnterPress(streamId, cameras), onArrowPress: onStreamArrowPress(streamId, cameras), onBackPress: onStreamBackPress(streamId) }));
-                })));
-            case 'layouts':
-                return (React.createElement(LayoutSelector, { layouts: layouts, selectedLayoutId: selectedLayoutId || undefined, onLayoutSelect: onLayoutSelect }));
-            default:
-                return null;
-        }
-    };
-    return (React.createElement("div", { className: "build-your-own" },
-        React.createElement("div", { className: "build-your-own-header T10" }, "Build Your Own Multiview"),
-        React.createElement(BuildYourOwnTabs, { activeTab: activeTab, onSelectTab: setActiveTab }),
-        renderTabContent()));
-};
-export default BuildYourOwn;

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

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

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

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

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

@@ -1,8 +0,0 @@
-import './CuratedMultiviews.styles.css';
-import { CuratedMultiviewItem } from '../../view-model/MultiViewViewModel';
-type Props = {
-    onSelect: (item: CuratedMultiviewItem) => void;
-    items: CuratedMultiviewItem[];
-};
-declare const CuratedMultiviews: (props: Props) => JSX.Element;
-export default CuratedMultiviews;