@maestro_io/maestro-web-sdk 4.0.2 → 5.1.0

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

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

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

@@ -0,0 +1,5 @@
+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/view/FoxMultiView.d.ts

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

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

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

package/dist/src/modules/fox/stats/view/FoxStatsView.d.ts

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

package/dist/src/modules/fox/stats/view/FoxStatsView.js

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

package/dist/src/modules/maestro/builder/components/BuilderSection/BuilderSection.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ICard, ISectionSettings } from '../../types';
+import './BuilderSection.styles.css';
+export interface BuilderSectionProps {
+    id: string;
+    title: string;
+    settings: ISectionSettings;
+    cards: ICard[];
+}
+declare const BuilderSection: React.FC<BuilderSectionProps>;
+export default BuilderSection;

package/dist/src/modules/maestro/builder/components/BuilderSection/BuilderSection.js

@@ -0,0 +1,52 @@
+import React from 'react';
+import Image from '@/components/atoms/Image';
+import SimpleCard from '../SimpleCard';
+import ExpandableCard from '../ExpandableCard';
+import './BuilderSection.styles.css';
+const BuilderSection = ({ title, settings, cards, }) => {
+    const { header, sticky, textAlignment, spacing, padding, backgroundColor, } = settings;
+    const sectionStyle = {
+        backgroundColor,
+        paddingTop: padding?.top,
+        paddingRight: padding?.right,
+        paddingBottom: padding?.bottom,
+        paddingLeft: padding?.left,
+        textAlign: textAlignment,
+    };
+    const headerStyle = {
+        backgroundColor: sticky ? backgroundColor : 'transparent',
+        marginBottom: spacing,
+    };
+    const cardsContainerStyle = {
+        marginLeft: spacing ? -spacing / 2 : 0,
+        marginRight: spacing ? -spacing / 2 : 0,
+    };
+    const cardWrapperStyle = {
+        padding: spacing ? spacing / 2 : 0,
+        boxSizing: 'border-box',
+    };
+    const renderHeader = () => {
+        if (!header.enabled)
+            return null;
+        const headerClassName = `builder-section-header${sticky ? ' sticky' : ''}`;
+        return (React.createElement("div", { className: headerClassName, style: headerStyle }, header.type === 'image' ? (React.createElement(Image, { src: header.content, alt: title, className: "builder-section-header-image" })) : (React.createElement("div", { className: "builder-section-header-text T14 FONT_BOLD" }, header.content))));
+    };
+    const renderCard = (card) => {
+        let cardContent;
+        switch (card.type) {
+            case 'simple':
+                cardContent = (React.createElement(SimpleCard, { key: card.id, id: card.id, title: card.title, image: card.image, focusKey: `simple-card-${card.id}` }));
+                break;
+            case 'expandable':
+                cardContent = (React.createElement(ExpandableCard, { key: card.id, id: card.id, title: card.title, collapsedState: card.collapsedState, expandedState: card.expandedState, settings: settings }));
+                break;
+            default:
+                return null;
+        }
+        return (React.createElement("div", { key: card.id, style: cardWrapperStyle }, cardContent));
+    };
+    return (React.createElement("div", { className: "builder-section", style: sectionStyle },
+        renderHeader(),
+        React.createElement("div", { className: "builder-section-cards", style: cardsContainerStyle }, cards.map(renderCard))));
+};
+export default BuilderSection;

package/dist/src/modules/maestro/builder/components/BuilderSection/index.d.ts

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

package/dist/src/modules/maestro/builder/components/BuilderSection/index.js

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

package/dist/src/modules/maestro/builder/components/ExpandableCard/ExpandableCard.d.ts

@@ -0,0 +1,110 @@
+/// <reference types="prop-types" />
+import React from 'react';
+import { WithFocusableProps } from '@/external/spatial-navigation';
+import { Layout } from '@/external/spatial-navigation/utils';
+import { ISimpleCard, ISectionSettings } from '../../types';
+import './ExpandableCard.styles.css';
+export interface ExpandableCardProps {
+    id: string;
+    title: string;
+    settings?: ISectionSettings;
+    collapsedState: {
+        cards: ISimpleCard[];
+    };
+    expandedState: {
+        cards: ISimpleCard[];
+    };
+    onBecameFocused?: (layout: Layout) => void;
+}
+declare const _default: {
+    new (props: (ExpandableCardProps & WithFocusableProps) | Readonly<ExpandableCardProps & 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: Layout, details: import("@/external/spatial-navigation/utils").Details) => void;
+        onBecameBlurredHandler: (layout: Layout, details: import("@/external/spatial-navigation/utils").Details) => void;
+        componentDidMount(): void;
+        componentDidUpdate(): void;
+        componentWillUnmount(): void;
+        render(): React.ReactElement<ExpandableCardProps & 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<ExpandableCardProps & 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<ExpandableCardProps & WithFocusableProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<ExpandableCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<ExpandableCardProps & WithFocusableProps>, prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<ExpandableCardProps & WithFocusableProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<ExpandableCardProps & WithFocusableProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<ExpandableCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<ExpandableCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+    };
+    new (props: ExpandableCardProps & 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: Layout, details: import("@/external/spatial-navigation/utils").Details) => void;
+        onBecameBlurredHandler: (layout: Layout, details: import("@/external/spatial-navigation/utils").Details) => void;
+        componentDidMount(): void;
+        componentDidUpdate(): void;
+        componentWillUnmount(): void;
+        render(): React.ReactElement<ExpandableCardProps & 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<ExpandableCardProps & 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<ExpandableCardProps & WithFocusableProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        shouldComponentUpdate?(nextProps: Readonly<ExpandableCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<ExpandableCardProps & WithFocusableProps>, prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<ExpandableCardProps & WithFocusableProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<ExpandableCardProps & WithFocusableProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<ExpandableCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<ExpandableCardProps & 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/maestro/builder/components/ExpandableCard/ExpandableCard.js

@@ -0,0 +1,37 @@
+import React, { useState, useCallback } from 'react';
+import { withFocusable, } from '@/external/spatial-navigation';
+import SimpleCard from '../SimpleCard';
+import './ExpandableCard.styles.css';
+const FocusableWrapper = withFocusable()(({ children, focused, expanded, settings, }) => {
+    const style = {};
+    if (settings?.backgroundColor) {
+        style.backgroundColor = settings.backgroundColor;
+    }
+    if (settings?.padding) {
+        style.padding = `${settings.padding.top}px ${settings.padding.right}px ${settings.padding.bottom}px ${settings.padding.left}px`;
+    }
+    return (React.createElement("div", { className: "expandable-card focus-ring", "data-focused": focused, "data-expanded": expanded, role: "button", tabIndex: 0, style: style }, children));
+});
+const ExpandableCard = (props) => {
+    const { id, title, settings, collapsedState, expandedState } = props;
+    const [expanded, setExpanded] = useState(false);
+    const focusKey = `expandable-card-${id}`;
+    const onEnterPress = useCallback(() => {
+        setExpanded((prev) => !prev);
+    }, []);
+    const onBackPress = useCallback(() => {
+        if (expanded) {
+            setExpanded(false);
+            return false;
+        }
+        return true;
+    }, [expanded]);
+    const renderCollapsedView = () => (React.createElement(React.Fragment, null,
+        title && (React.createElement("div", { className: "expandable-card-title T10 FONT_BOLD" }, title)),
+        React.createElement("div", { className: "expandable-card-cards-container" }, collapsedState.cards.map((card) => (React.createElement(SimpleCard, { key: card.id, id: card.id, title: card.title, image: card.image, focusKey: `${focusKey}-collapsed-${card.id}` }))))));
+    const renderExpandedView = () => (React.createElement(React.Fragment, null,
+        title && (React.createElement("div", { className: "expandable-card-title T10 FONT_BOLD" }, title)),
+        React.createElement("div", { className: "expandable-card-cards-container" }, expandedState.cards.map((card) => (React.createElement(SimpleCard, { key: card.id, id: card.id, title: card.title, image: card.image, focusKey: `${focusKey}-expanded-${card.id}` }))))));
+    return (React.createElement(FocusableWrapper, { ...props, focusKey: focusKey, onEnterPress: onEnterPress, onClickPress: onEnterPress, onBackPress: onBackPress, expanded: expanded, settings: settings }, expanded ? renderExpandedView() : renderCollapsedView()));
+};
+export default withFocusable()(ExpandableCard);

package/dist/src/modules/maestro/builder/components/ExpandableCard/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './ExpandableCard';
+export * from './ExpandableCard';

package/dist/src/modules/maestro/builder/components/ExpandableCard/index.js

@@ -0,0 +1,2 @@
+export { default } from './ExpandableCard';
+export * from './ExpandableCard';

package/dist/src/modules/{shop/view/components/BrowseCard/BrowseCard.d.ts → maestro/builder/components/SimpleCard/SimpleCard.d.ts}

@@ -1,27 +1,29 @@
 /// <reference types="prop-types" />
 import React from 'react';
-import './BrowseCard.styles.css';
+import './SimpleCard.styles.css';
 import { WithFocusableProps } from '@/external/spatial-navigation';
-import { IShopBrowseCard } from '../../../types';
-export type BrowseCardProps = {
-    browseCard: IShopBrowseCard;
-};
-export declare class BrowseCardView extends React.Component<BrowseCardProps & WithFocusableProps> {
-    render(): JSX.Element;
+export interface SimpleCardProps {
+    id: string;
+    title: string;
+    image: {
+        url: string;
+        alt?: string;
+    };
 }
 declare const _default: {
-    new (props: (BrowseCardProps & WithFocusableProps) | Readonly<BrowseCardProps & WithFocusableProps>): {
+    new (props: (SimpleCardProps & WithFocusableProps) | Readonly<SimpleCardProps & 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?: Record<string, any>) => 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;
@@ -30,38 +32,39 @@ declare const _default: {
         componentDidMount(): void;
         componentDidUpdate(): void;
         componentWillUnmount(): void;
-        render(): React.ReactElement<BrowseCardProps & WithFocusableProps, string | React.JSXElementConstructor<any>>;
+        render(): React.ReactElement<SimpleCardProps & 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<BrowseCardProps & 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;
+        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<SimpleCardProps & 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<BrowseCardProps & WithFocusableProps> & Readonly<{
+        readonly props: Readonly<SimpleCardProps & WithFocusableProps> & Readonly<{
             children?: React.ReactNode;
         }>;
         refs: {
             [key: string]: React.ReactInstance;
         };
-        shouldComponentUpdate?(nextProps: Readonly<BrowseCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        shouldComponentUpdate?(nextProps: Readonly<SimpleCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<BrowseCardProps & WithFocusableProps>, prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<SimpleCardProps & WithFocusableProps>, prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<BrowseCardProps & WithFocusableProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<BrowseCardProps & WithFocusableProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<BrowseCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<BrowseCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        componentWillReceiveProps?(nextProps: Readonly<SimpleCardProps & WithFocusableProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<SimpleCardProps & WithFocusableProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<SimpleCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<SimpleCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
     };
-    new (props: BrowseCardProps & WithFocusableProps, context: any): {
+    new (props: SimpleCardProps & 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?: Record<string, any>) => 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;
@@ -70,25 +73,25 @@ declare const _default: {
         componentDidMount(): void;
         componentDidUpdate(): void;
         componentWillUnmount(): void;
-        render(): React.ReactElement<BrowseCardProps & WithFocusableProps, string | React.JSXElementConstructor<any>>;
+        render(): React.ReactElement<SimpleCardProps & 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<BrowseCardProps & 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;
+        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<SimpleCardProps & 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<BrowseCardProps & WithFocusableProps> & Readonly<{
+        readonly props: Readonly<SimpleCardProps & WithFocusableProps> & Readonly<{
             children?: React.ReactNode;
         }>;
         refs: {
             [key: string]: React.ReactInstance;
         };
-        shouldComponentUpdate?(nextProps: Readonly<BrowseCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        shouldComponentUpdate?(nextProps: Readonly<SimpleCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
         componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
-        getSnapshotBeforeUpdate?(prevProps: Readonly<BrowseCardProps & WithFocusableProps>, prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<SimpleCardProps & WithFocusableProps>, prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
         componentWillMount?(): void;
         UNSAFE_componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<BrowseCardProps & WithFocusableProps>, nextContext: any): void;
-        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<BrowseCardProps & WithFocusableProps>, nextContext: any): void;
-        componentWillUpdate?(nextProps: Readonly<BrowseCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
-        UNSAFE_componentWillUpdate?(nextProps: Readonly<BrowseCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        componentWillReceiveProps?(nextProps: Readonly<SimpleCardProps & WithFocusableProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<SimpleCardProps & WithFocusableProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<SimpleCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<SimpleCardProps & WithFocusableProps>, nextState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
     };
     contextTypes: {
         parentFocusKey: import("prop-types").Requireable<string>;

package/dist/src/modules/maestro/builder/components/SimpleCard/SimpleCard.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import './SimpleCard.styles.css';
+import { withFocusable, } from '@/external/spatial-navigation';
+import Image from '@/components/atoms/Image';
+const SimpleCard = (props) => {
+    const { title, image, focused } = props;
+    return (React.createElement("div", { className: "simple-card focus-ring", "data-focused": focused },
+        title && React.createElement("div", { className: "simple-card-title T05_ALT" }, title),
+        React.createElement("div", { className: "simple-card-image-wrapper" },
+            React.createElement(Image, { src: image.url, alt: image.alt || title, className: "simple-card-image" }))));
+};
+export default withFocusable()(SimpleCard);

package/dist/src/modules/maestro/builder/components/SimpleCard/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './SimpleCard';
+export * from './SimpleCard';

package/dist/src/modules/maestro/builder/components/SimpleCard/index.js

@@ -0,0 +1,2 @@
+export { default } from './SimpleCard';
+export * from './SimpleCard';

package/dist/src/modules/maestro/builder/index.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Builder Block Panel Module
+ * Exports type definitions for the Builder Panel
+ */
+export * from './types';
+export * from './view-model';
+export { default } from './view/BuilderPanelView';

package/dist/src/modules/maestro/builder/index.js

@@ -0,0 +1,7 @@
+/**
+ * Builder Block Panel Module
+ * Exports type definitions for the Builder Panel
+ */
+export * from './types';
+export * from './view-model';
+export { default } from './view/BuilderPanelView';

package/dist/src/modules/maestro/builder/mocks/mockBuilderPanel.d.ts

@@ -0,0 +1,149 @@
+export declare const MOCK_BUILDER_PANEL: {
+    _id: string;
+    slug: string;
+    panel_name: string;
+    panel_type: string;
+    icon_name: string;
+    renderer: {
+        panel_type: string;
+        panel_name: string;
+        icon_name: string;
+        block_data: {
+            sections: ({
+                cards: ({
+                    id: string;
+                    image: {
+                        alt: string;
+                        url: string;
+                    };
+                    title: string;
+                    type: string;
+                    collapsed_state?: undefined;
+                    expanded_state?: undefined;
+                    settings?: undefined;
+                } | {
+                    collapsed_state: {
+                        cards: {
+                            id: string;
+                            image: {
+                                alt: string;
+                                url: string;
+                            };
+                            title: string;
+                            type: string;
+                        }[];
+                    };
+                    expanded_state: {
+                        cards: {
+                            id: string;
+                            image: {
+                                alt: string;
+                                url: string;
+                            };
+                            title: string;
+                            type: string;
+                        }[];
+                    };
+                    id: string;
+                    settings: {
+                        background_color: string;
+                        header: {
+                            content: string;
+                            enabled: boolean;
+                            type: string;
+                        };
+                        padding: {
+                            bottom: number;
+                            left: number;
+                            right: number;
+                            top: number;
+                        };
+                        spacing: number;
+                        sticky: boolean;
+                        text_alignment: string;
+                    };
+                    title: string;
+                    type: string;
+                    image?: undefined;
+                } | {
+                    id: string;
+                    settings: {
+                        background_color: string;
+                        header: {
+                            content: string;
+                            enabled: boolean;
+                            type: string;
+                        };
+                        padding: {
+                            bottom: number;
+                            left: number;
+                            right: number;
+                            top: number;
+                        };
+                        spacing: number;
+                        sticky: boolean;
+                        text_alignment: string;
+                    };
+                    title: string;
+                    type: string;
+                    image?: undefined;
+                    collapsed_state?: undefined;
+                    expanded_state?: undefined;
+                })[];
+                id: string;
+                settings: {
+                    background_color: string;
+                    header: {
+                        content: string;
+                        enabled: boolean;
+                        type: string;
+                        alt: string;
+                    };
+                    padding: {
+                        bottom: number;
+                        left: number;
+                        right: number;
+                        top: number;
+                    };
+                    spacing: number;
+                    sticky: boolean;
+                    text_alignment: string;
+                };
+                title: string;
+            } | {
+                cards: {
+                    id: string;
+                    image: {
+                        alt: string;
+                        url: string;
+                    };
+                    title: string;
+                    type: string;
+                }[];
+                id: string;
+                settings: {
+                    background_color: string;
+                    header: {
+                        content: string;
+                        enabled: boolean;
+                        type: string;
+                        alt?: undefined;
+                    };
+                    padding: {
+                        bottom: number;
+                        left: number;
+                        right: number;
+                        top: number;
+                    };
+                    spacing: number;
+                    sticky: boolean;
+                    text_alignment: string;
+                };
+                title: string;
+            })[];
+        };
+        supported_platforms: {
+            bbd: boolean;
+        };
+    };
+};