@maestro_io/maestro-web-sdk 5.2.0 → 5.2.2-hotfix2

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

@@ -1,104 +0,0 @@
-/// <reference types="prop-types" />
-import React from 'react';
-import './SimpleCard.styles.css';
-import { WithFocusableProps } from '@/external/spatial-navigation';
-export interface SimpleCardProps {
-    id: string;
-    title: string;
-    image: {
-        url: string;
-        alt?: string;
-    };
-}
-declare const _default: {
-    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?: 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<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<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<SimpleCardProps & WithFocusableProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        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<SimpleCardProps & WithFocusableProps>, prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): 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: 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?: 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<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<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<SimpleCardProps & WithFocusableProps> & Readonly<{
-            children?: React.ReactNode;
-        }>;
-        refs: {
-            [key: string]: React.ReactInstance;
-        };
-        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<SimpleCardProps & WithFocusableProps>, prevState: Readonly<import("../../../../../external/spatial-navigation/withFocusable").WithFocusableState>): any;
-        componentWillMount?(): void;
-        UNSAFE_componentWillMount?(): 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>;
-    };
-    childContextTypes: {
-        parentFocusKey: import("prop-types").Requireable<string>;
-    };
-    contextType?: React.Context<any> | undefined;
-};
-export default _default;

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

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

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

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

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

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

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

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

@@ -1,149 +0,0 @@
-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;
-        };
-    };
-};

package/dist/src/modules/maestro/builder/mocks/mockBuilderPanel.js

@@ -1,240 +0,0 @@
-export const MOCK_BUILDER_PANEL = {
-    _id: '6949b334107027fcc2e7cb64',
-    slug: 'builder-panel',
-    panel_name: 'Builder',
-    panel_type: 'builderBlockPanel',
-    icon_name: 'builder',
-    renderer: {
-        panel_type: 'builderBlockPanel',
-        panel_name: 'Builder',
-        icon_name: 'builder',
-        block_data: {
-            sections: [
-                {
-                    cards: [
-                        {
-                            id: 'card_1766443728550_sg7artdwm',
-                            image: {
-                                alt: '',
-                                url: 'https://dev.static.maestro.io/media/5ab57cc70648bc2807f9e055/694a21ce50cc06bc0e805cbc.png',
-                            },
-                            title: 'Card 1766443728550',
-                            type: 'simple',
-                        },
-                        {
-                            collapsed_state: {
-                                cards: [
-                                    {
-                                        id: 'card_1766466244749_hhkd6lrih',
-                                        image: {
-                                            alt: '',
-                                            url: 'https://dev.static.maestro.io/media/5ab57cc70648bc2807f9e055/694a256c03ec3f32cd61c147.png',
-                                        },
-                                        title: 'Card 1766466244749',
-                                        type: 'simple',
-                                    },
-                                ],
-                            },
-                            expanded_state: {
-                                cards: [
-                                    {
-                                        id: 'card_1766466938053_uajmx0u9p',
-                                        image: {
-                                            alt: '',
-                                            url: 'https://dev.static.maestro.io/media/5ab57cc70648bc2807f9e055/694a25ac50cc06bc0e805cbe.png',
-                                        },
-                                        title: 'Card 1766466938053',
-                                        type: 'simple',
-                                    },
-                                    {
-                                        id: 'card_1766466938960_3u88bdba2',
-                                        image: {
-                                            alt: '',
-                                            url: 'https://dev.static.maestro.io/media/5ab57cc70648bc2807f9e055/694a25b850cc06bc0e805cbf.png',
-                                        },
-                                        title: 'Card 1766466938960',
-                                        type: 'simple',
-                                    },
-                                    {
-                                        id: 'card_1767918279708_67y8rs2l7',
-                                        image: {
-                                            alt: '',
-                                            url: '',
-                                        },
-                                        title: 'Card 1767918279708',
-                                        type: 'simple',
-                                    },
-                                ],
-                            },
-                            id: 'card_1766466072583_q1iocmwyy',
-                            settings: {
-                                background_color: 'surface2',
-                                header: {
-                                    content: '',
-                                    enabled: true,
-                                    type: 'image',
-                                },
-                                padding: {
-                                    bottom: 8,
-                                    left: 8,
-                                    right: 8,
-                                    top: 8,
-                                },
-                                spacing: 8,
-                                sticky: false,
-                                text_alignment: 'center',
-                            },
-                            title: '<p>On The Court</p>',
-                            type: 'expandable',
-                        },
-                        {
-                            id: 'card_1767918296629_h74b0nomg',
-                            settings: {
-                                background_color: '#1a1a2e',
-                                header: {
-                                    content: 'Expandable Card 1767918296629',
-                                    enabled: true,
-                                    type: 'text',
-                                },
-                                padding: {
-                                    bottom: 8,
-                                    left: 8,
-                                    right: 8,
-                                    top: 8,
-                                },
-                                spacing: 8,
-                                sticky: false,
-                                text_alignment: 'left',
-                            },
-                            title: '<p>Expandable Card 1767918296629</p>',
-                            type: 'expandable',
-                        },
-                    ],
-                    id: 'section_1766443726983_9ijrjljld',
-                    settings: {
-                        background_color: '#00000000',
-                        header: {
-                            content: 'https://dev.static.maestro.io/media/5ab57cc70648bc2807f9e055/695ff32d5a241b08a7b91fd3.png',
-                            enabled: true,
-                            type: 'image',
-                            alt: '',
-                        },
-                        padding: {
-                            bottom: 8,
-                            left: 8,
-                            right: 8,
-                            top: 8,
-                        },
-                        spacing: 8,
-                        sticky: false,
-                        text_alignment: 'left',
-                    },
-                    title: '<p>Section 1</p>',
-                },
-                {
-                    cards: [
-                        {
-                            id: 'card_1766467114432_2v8zvw1re',
-                            image: {
-                                alt: '',
-                                url: 'https://dev.static.maestro.io/media/5ab57cc70648bc2807f9e055/694a2a0003ec3f32cd61c148.png',
-                            },
-                            title: 'Card 1766467114432',
-                            type: 'simple',
-                        },
-                        {
-                            id: 'card_1766468302927_ca48t62e3',
-                            image: {
-                                alt: '',
-                                url: 'https://dev.static.maestro.io/media/5ab57cc70648bc2807f9e055/694a2adb03ec3f32cd61c149.png',
-                            },
-                            title: 'Card 1766468302927',
-                            type: 'simple',
-                        },
-                        {
-                            id: 'card_1766468304232_6fyx3if4t',
-                            image: {
-                                alt: '',
-                                url: 'https://dev.static.maestro.io/media/5ab57cc70648bc2807f9e055/694a2ae503ec3f32cd61c14a.png',
-                            },
-                            title: 'Card 1766468304232',
-                            type: 'simple',
-                        },
-                    ],
-                    id: 'section_1766467112490_g95l45a3s',
-                    settings: {
-                        background_color: '#1a1a2e',
-                        header: {
-                            content: '<p>Game Leaders</p>',
-                            enabled: true,
-                            type: 'text',
-                        },
-                        padding: {
-                            bottom: 8,
-                            left: 8,
-                            right: 8,
-                            top: 8,
-                        },
-                        spacing: 8,
-                        sticky: false,
-                        text_alignment: 'left',
-                    },
-                    title: '<p>Game Leaders</p>',
-                },
-                {
-                    cards: [
-                        {
-                            id: 'card_1766468354986_cqobdlscr',
-                            image: {
-                                alt: '',
-                                url: 'https://dev.static.maestro.io/media/5ab57cc70648bc2807f9e055/694a2b3203ec3f32cd61c14d.png',
-                            },
-                            title: 'Card 1766468354986',
-                            type: 'simple',
-                        },
-                        {
-                            id: 'card_1766468411751_1709l311v',
-                            image: {
-                                alt: '',
-                                url: 'https://dev.static.maestro.io/media/5ab57cc70648bc2807f9e055/694a2b4250cc06bc0e805cc1.png',
-                            },
-                            title: 'Card 1766468411751',
-                            type: 'simple',
-                        },
-                        {
-                            id: 'card_1766468429774_l7dk26i8h',
-                            image: {
-                                alt: '',
-                                url: 'https://dev.static.maestro.io/media/5ab57cc70648bc2807f9e055/694a2b5503ec3f32cd61c14e.png',
-                            },
-                            title: 'Card 1766468429774',
-                            type: 'simple',
-                        },
-                    ],
-                    id: 'section_1766468352065_9usy158yv',
-                    settings: {
-                        background_color: '#00000000',
-                        header: {
-                            content: '<p>Section 3</p>',
-                            enabled: true,
-                            type: 'text',
-                        },
-                        padding: {
-                            bottom: 8,
-                            left: 8,
-                            right: 8,
-                            top: 8,
-                        },
-                        spacing: 8,
-                        sticky: false,
-                        text_alignment: 'center',
-                    },
-                    title: '<p>Section 3</p>',
-                },
-            ],
-        },
-        supported_platforms: {
-            bbd: true,
-        },
-    },
-};

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

@@ -1,52 +0,0 @@
-export interface IBuilderPanel {
-    id: string;
-    type: 'builder';
-    name: string;
-    sections: ISection[];
-}
-export interface ISection {
-    id: string;
-    title: string;
-    settings: ISectionSettings;
-    cards: ICard[];
-}
-export interface ISectionSettings {
-    header: {
-        enabled: boolean;
-        type: 'text' | 'image';
-        content: string;
-        alt?: string;
-    };
-    sticky: boolean;
-    textAlignment: 'left' | 'center' | 'right';
-    spacing: number;
-    padding: {
-        top: number;
-        right: number;
-        bottom: number;
-        left: number;
-    };
-    backgroundColor: string;
-}
-export type ICard = ISimpleCard | IExpandableCard;
-export interface ISimpleCard {
-    id: string;
-    type: 'simple';
-    title: string;
-    image: {
-        url: string;
-        alt?: string;
-    };
-}
-export interface IExpandableCard {
-    id: string;
-    type: 'expandable';
-    title: string;
-    collapsedState: {
-        cards: ISimpleCard[];
-    };
-    expandedState: {
-        cards: ISimpleCard[];
-    };
-    settings?: ISectionSettings;
-}

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

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

package/dist/src/modules/maestro/builder/view/BuilderPanelView.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import './BuilderPanelView.styles.css';
-declare const BuilderPanelView: React.FC;
-export default BuilderPanelView;

package/dist/src/modules/maestro/builder/view/BuilderPanelView.js

@@ -1,52 +0,0 @@
-import React, { useState, useEffect, useRef } from 'react';
-import './BuilderPanelView.styles.css';
-import SDK from '@/index';
-import BuilderSection from '../components/BuilderSection';
-import ScrollableContainer from '@/components/core/ScrollableContainer';
-const BuilderPanelView = () => {
-    const container = useRef(null);
-    const vm = useRef(SDK.getMaestroEventViewModel()
-        .builderPanelViewModel);
-    const viewModel = (() => {
-        if (!vm.current) {
-            throw new Error('BuilderPanelViewModel is not initialized');
-        }
-        return vm.current;
-    })();
-    const [sections, setSections] = useState(viewModel.sections.value ?? []);
-    const [isLoading, setIsLoading] = useState(viewModel.isDataLoading.value ?? false);
-    const [scrollableContainer, setScrollableContainer,] = useState(null);
-    useEffect(() => {
-        const sectionsUnsub = viewModel.sections.subscribe((sections) => {
-            setSections(sections);
-        });
-        const loadingUnsub = viewModel.isDataLoading.subscribe((isLoading) => {
-            setIsLoading(isLoading);
-        });
-        setScrollableContainer(container.current);
-        return () => {
-            sectionsUnsub && sectionsUnsub();
-            loadingUnsub && loadingUnsub();
-        };
-    }, [viewModel]);
-    const renderEmptyState = () => {
-        return (React.createElement("div", { className: "builder-panel-empty-state" },
-            React.createElement("div", { className: "builder-panel-empty-state-content" },
-                React.createElement("div", { className: "T20 FONT_BOLD builder-panel-empty-state-title" }, "No Content Available"),
-                React.createElement("p", { className: "T14 builder-panel-empty-state-description" }, "This panel doesn't have any sections to display."))));
-    };
-    const renderLoadingState = () => {
-        return React.createElement("div", { className: "builder-panel-loading" });
-    };
-    if (isLoading) {
-        return renderLoadingState();
-    }
-    if (!sections || sections.length === 0) {
-        return renderEmptyState();
-    }
-    return (React.createElement(ScrollableContainer, { scrollableContainerRef: scrollableContainer },
-        React.createElement("div", { ref: container, className: "builder-panel-view" },
-            sections.map((section) => (React.createElement(BuilderSection, { key: section.id, id: section.id, title: section.title, settings: section.settings, cards: section.cards }))),
-            React.createElement("div", { className: "builder-panel-bottom-padding" }))));
-};
-export default BuilderPanelView;