@alpaca-editor/core 1.0.0 → 1.0.3

package/dist/page-wizard/steps/ImagesStep.js

@@ -0,0 +1,156 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { ScrollingContentTree } from "../../editor/ScrollingContentTree";
+import { Splitter } from "../../editor/ui/Splitter";
+import { useEditContext } from "../../editor/client/editContext";
+import { executePrompt, executeSearch } from "../../editor/services/aiService";
+import { createWizardAiContext } from "../service";
+import { ActionButton } from "../../components/ActionButton";
+import { classNames } from "primereact/utils";
+import { Button } from "primereact/button";
+import { Dialog } from "primereact/dialog";
+export const ImagesStep = (props) => {
+    const mediaRootId = "3D6658D8-A0BF-4E75-B3E2-D050FABCF4E1";
+    const [selectedFolderId, setSelectedFolderId] = useState(mediaRootId);
+    const [isLoading, setIsLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const editContext = useEditContext();
+    const propName = props.step.propertyName || "images";
+    const [showFolderDialog, setShowFolderDialog] = useState(false);
+    const [selectedFolder, setSelectedFolder] = useState();
+    useEffect(() => {
+        if (props.data[propName]?.length > 0) {
+            props.setStepCompleted(true);
+        }
+    }, [props.data]);
+    const findMatchingImages = async () => {
+        setIsLoading(true);
+        setError(null);
+        props.setData((prevData) => ({
+            ...prevData,
+            [propName]: [],
+        }));
+        try {
+            // First, ask AI for keywords based on the content
+            const aiPromptResult = await executePrompt([
+                {
+                    content: `You are an AI assistant for building a web page. You will later have to create images for the page. 
+                     Please anaylze the provided data and suggest a number of images and specific keywords per image. The keywords will be used to find matching images in the image library.                 
+                     Response JSON format: { images: Image[] } type Image = { title: string,  keywords: string[] }
+                     Input data: ${JSON.stringify(props.data)}
+                     Instructions: ${props.step.instructions}`,
+                    name: "system",
+                    role: "system",
+                },
+            ], editContext, createWizardAiContext, [""], true, undefined, "o3-mini-low");
+            const images = JSON.parse(aiPromptResult.content).images;
+            // Create an array of promises for all search operations
+            const searchPromises = images.map(async (image) => {
+                const searchResult = await executeSearch({
+                    query: image.keywords.join(" "),
+                    rootItemIds: selectedFolderId ? [selectedFolderId] : undefined,
+                    editContext: editContext,
+                    maxResults: 6,
+                    index: "media",
+                    skipValidation: true,
+                });
+                if (searchResult.type === "success") {
+                    const thumbnails = searchResult.data.map((thumbnail) => ({
+                        name: thumbnail.name,
+                        id: thumbnail.id,
+                        thumbUrl: thumbnail.thumbUrl,
+                        description: thumbnail.description,
+                    }));
+                    props.setInternalState((state) => ({
+                        ...state,
+                        thumbnails: [
+                            ...(state.thumbnails || []),
+                            ...thumbnails.filter((newThumb) => !(state.thumbnails || []).some((existingThumb) => existingThumb.id === newThumb.id)),
+                        ],
+                    }));
+                    props.setData((prevData) => ({
+                        ...prevData,
+                        [propName]: [
+                            ...(prevData[propName] || []),
+                            {
+                                ...image,
+                                options: thumbnails,
+                            },
+                        ],
+                    }));
+                }
+                else {
+                    setError(`Error searching for images: ${searchResult.response.statusText}`);
+                }
+            });
+            // Wait for all search operations to complete
+            await Promise.all(searchPromises);
+        }
+        catch (err) {
+            setError(`Error finding matching images: ${err instanceof Error ? err.message : String(err)}`);
+            console.error("Error in findMatchingImages:", err);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    useEffect(() => {
+        const loadFolder = async () => {
+            if (selectedFolderId) {
+                const item = await editContext?.itemsRepository.getItem({
+                    id: selectedFolderId,
+                    language: "en",
+                    version: 1,
+                });
+                console.log("ITEM", item);
+                setSelectedFolder(item);
+            }
+        };
+        loadFolder();
+    }, [selectedFolderId]);
+    console.log("FOLDER", selectedFolder, selectedFolderId);
+    const panels = [
+        {
+            name: "Settings",
+            defaultSize: 400,
+            content: (_jsxs("div", { className: "flex h-full flex-col gap-2 pr-6 pb-4", children: [_jsxs("div", { className: "relative mb-2 rounded-md border border-gray-400 bg-white p-4", children: [_jsx("div", { className: "mb-2 text-sm font-bold text-gray-800", children: "Image library folder" }), selectedFolder && (_jsx("div", { className: "mb-2 text-sm text-gray-500", children: selectedFolder.path })), _jsx(Button, { label: "Change Folder", onClick: () => {
+                                    setShowFolderDialog(true);
+                                } }), _jsx(Dialog, { header: "Select Folder", visible: showFolderDialog, onHide: () => {
+                                    setShowFolderDialog(false);
+                                }, style: { width: "50vw", height: "50vh" }, children: _jsx("div", { className: "relative flex h-full flex-col", children: _jsx(ScrollingContentTree, { rootItemId: mediaRootId, onSelectionChange: (selection) => {
+                                            const selectedNode = selection[0];
+                                            if (selectedNode)
+                                                setSelectedFolderId(selectedNode.id);
+                                            else
+                                                setSelectedFolderId(mediaRootId);
+                                            setShowFolderDialog(false);
+                                        } }) }) })] }), _jsx(ActionButton, { onClick: findMatchingImages, isLoading: isLoading, disabled: isLoading, loadingText: "Searching...", children: "Find Matching Images" })] })),
+        },
+        {
+            name: "Images",
+            defaultSize: "auto",
+            content: (_jsx("div", { className: "absolute inset-0 overflow-auto", children: _jsx("div", { className: "flex flex-col gap-4 p-4 pt-0", children: _jsxs("div", { className: "flex items-center gap-4", children: [error && _jsx("div", { className: "text-red-500", children: error }), props.data[propName]?.length > 0 && (_jsx("div", { className: "flex flex-col gap-4", children: props.data[propName]?.map((image, index) => (_jsxs("span", { className: classNames("rounded border border-gray-400 bg-white p-4 text-sm", index % 2 === 0
+                                        ? "animate-fadeRight"
+                                        : "animate-fadeLeft"), children: [_jsx("div", { className: "mb-3 text-lg", children: image.title }), _jsx("div", { className: "flex flex-wrap gap-5", children: image.options?.map((option, thumbnailIndex) => (_jsxs("div", { className: "relative flex h-28 w-28 cursor-pointer items-center justify-center border border-gray-400", onClick: () => {
+                                                    props.setData((prevData) => ({
+                                                        ...prevData,
+                                                        [propName]: prevData[propName].map((img, imgIndex) => ({
+                                                            ...img,
+                                                            options: imgIndex !== index
+                                                                ? img.options
+                                                                : img.options?.map((option, optionIndex) => optionIndex === thumbnailIndex
+                                                                    ? {
+                                                                        ...option,
+                                                                        selected: !option.selected,
+                                                                    }
+                                                                    : option),
+                                                        })),
+                                                    }));
+                                                }, children: [_jsx("img", { src: option.thumbUrl, alt: option.name }, thumbnailIndex), _jsx("div", { className: classNames("peer ring-offset-background focus-visible:ring-ring pointer-events-none absolute right-1 bottom-1 flex h-5 w-5 shrink-0 items-center justify-center rounded-full border-2 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:outline-none disabled:cursor-not-allowed disabled:opacity-50", option.selected
+                                                            ? "text-canvas-pink border-canvas-pink bg-white"
+                                                            : ""), children: option.selected && (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M20 6 9 17l-5-5" }) })) })] }, thumbnailIndex))) })] }, index))) }))] }) }) })),
+        },
+    ];
+    return _jsx(Splitter, { panels: panels });
+};
+//# sourceMappingURL=ImagesStep.js.map

package/dist/page-wizard/steps/ImagesStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ImagesStep.js","sourceRoot":"","sources":["../../../src/page-wizard/steps/ImagesStep.tsx"],"names":[],"mappings":"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"}

package/dist/page-wizard/steps/LayoutStep.d.ts

@@ -0,0 +1,2 @@
+import { StepComponentProps } from "../../config/types";
+export declare function LayoutStep({ wizard, step, data, setData, setStepCompleted, internalState, setInternalState, }: StepComponentProps): import("react/jsx-runtime").JSX.Element | null;

package/dist/page-wizard/steps/LayoutStep.js

@@ -0,0 +1,118 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useEditContext } from "../../editor/client/editContext";
+import { executePrompt } from "../../editor/services/aiService";
+import { createWizardAiContext } from "../service";
+import { Components } from "./Components";
+import { Splitter } from "../../editor/ui/Splitter";
+import { convertPageSchemaToWizardComponents } from "./schema";
+import { ActionButton } from "../../components/ActionButton";
+import { ComponentTypeSelector } from "./ComponentTypesSelector";
+export function LayoutStep({ wizard, step, data, setData, setStepCompleted, internalState, setInternalState, }) {
+    const editContext = useEditContext();
+    const abortController = new AbortController();
+    const localAbortController = abortController || new AbortController();
+    const [isLoading, setIsLoading] = useState(false);
+    const [message, setMessage] = useState();
+    const [selectedComponentTypes, setSelectedComponentTypes] = useState([]);
+    const [customInstructions, setCustomInstructions] = useState();
+    if (!editContext) {
+        return null;
+    }
+    useEffect(() => {
+        if (data.pageModel?.components?.length) {
+            setStepCompleted(!isLoading);
+        }
+    }, [data.pageModel, isLoading]);
+    useEffect(() => {
+        setCustomInstructions(step.instructions);
+    }, []);
+    const createLayout = async () => {
+        try {
+            setIsLoading(true);
+            // Parse schema if it's a string
+            const schema = typeof wizard.schema === "string"
+                ? JSON.parse(wizard.schema)
+                : wizard.schema;
+            // Filter the schema based on selected component types and placeholders
+            const filteredSchema = convertPageSchemaToWizardComponents(schema, selectedComponentTypes);
+            const result = await executePrompt([
+                {
+                    content: `${customInstructions?.trim()} Reply with a json object of type PageModel = { name: string; metaDescription: string; components: Component[]; message: string; }; 
+              Component = {  name: string, type: string;  fields: Field[]; placeholder?: string; children?: Component[]; }; 
+              Field = {  name: string;  value: string;  type: string; };
+              Generate a descriptive name for each component including the topic.
+              Only use component types that are in the page schema. Also suggest a page name following default sitecore item naming conventions (no underscores, no white space, no umlaute, no special characters, hyphens are allowed) and the page meta description.
+              Component types: ${JSON.stringify(filteredSchema)} Root level component types ${filteredSchema
+                        .filter((c) => c.allowedOnRoot)
+                        .map((c) => c.type)
+                        .join(", ")}
+              Tell the user your reasoning in the message field.
+              Fill image ids into picture / image fields.
+              Input data: ${JSON.stringify(data)}`,
+                    name: "system",
+                    role: "system",
+                },
+            ], editContext, createWizardAiContext, [""], true, { signal: localAbortController.signal }, "o3-mini-low", (response) => {
+                try {
+                    const newLayout = JSON.parse(response.content);
+                    if (newLayout) {
+                        setData((prev) => ({
+                            ...prev,
+                            pageModel: newLayout,
+                        }));
+                    }
+                    setMessage(newLayout.message);
+                }
+                catch (parseError) { }
+            });
+            const pageModel = JSON.parse(result.content);
+            setData({
+                ...data,
+                pageModel: JSON.parse(result.content),
+                customInstructions,
+            });
+            setMessage(pageModel.message);
+        }
+        catch (error) {
+            console.error(error);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    // Toggle placeholder selection
+    // Regenerate layout with current selected component types and placeholders
+    const regenerateLayout = () => {
+        createLayout();
+    };
+    useEffect(() => {
+        if (!selectedComponentTypes.length)
+            return;
+        // Only set custom instructions if they're not already set or if step.instructions has changed
+        if (customInstructions !== step.instructions) {
+            setCustomInstructions(step.instructions);
+        }
+    }, [step.instructions, selectedComponentTypes]);
+    // Custom instructions panel
+    const customInstructionsPanel = () => {
+        return (_jsxs("div", { className: "mb-4", children: [_jsx("h3", { className: "text-sm font-bold", children: "Instructions" }), _jsx("div", { className: "mb-3 text-xs text-gray-500", children: "Provide guidance for the AI when generating your layout" }), _jsx("textarea", { value: customInstructions, onChange: (e) => setCustomInstructions(e.target.value), placeholder: "Example: Make it modern and minimalist. Focus on images. Include a hero section at the top.", className: "w-full px-3 py-2 border border-gray-300 rounded text-sm focus:outline-none focus:ring-1 focus:ring-blue-500 h-48", disabled: isLoading })] }));
+    };
+    const settingsPanel = {
+        name: "Settings",
+        collapsible: false,
+        defaultSize: 450,
+        content: (_jsxs("div", { className: "absolute inset-0 overflow-auto flex flex-col h-full pr-4", children: [customInstructionsPanel(), _jsx(ComponentTypeSelector, { selectedComponentTypes: selectedComponentTypes, setSelectedComponentTypes: setSelectedComponentTypes, schema: wizard.schema, data: data, setData: setData, step: step }), _jsxs("div", { className: "flex gap-2", children: [_jsx(ActionButton, { onClick: regenerateLayout, disabled: isLoading || selectedComponentTypes.length === 0, isLoading: isLoading, loadingText: "Working", className: "flex-1", children: data.pageModel ? "Regenerate Layout" : "Generate Layout" }), isLoading && (_jsxs("button", { onClick: () => {
+                                localAbortController.abort();
+                                setIsLoading(false);
+                            }, className: "bg-red-500 text-white px-2 py-1 rounded text-xs hover:bg-red-600 flex items-center gap-1", children: [_jsx("span", { className: "pi pi-times" }), "Abort"] }))] }), _jsx("div", { className: "text-xs text-gray-500 p-2", children: message })] })),
+    };
+    const layoutPanel = {
+        name: "Layout",
+        defaultSize: "auto",
+        collapsible: false,
+        content: (_jsx("div", { className: "absolute inset-2 flex flex-col justify-center items-center text-gray-600", children: _jsx(Components, { pageModel: data.pageModel, onComponentRemoved: () => setData({ ...data }), onFieldEdited: () => setData({ ...data }), thumbnails: internalState.thumbnails, setInternalState: setInternalState }) })),
+    };
+    return (_jsx(Splitter, { panels: [settingsPanel, layoutPanel], localStorageKey: "editor.page-wizard.layout" }));
+}
+//# sourceMappingURL=LayoutStep.js.map

package/dist/page-wizard/steps/LayoutStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutStep.js","sourceRoot":"","sources":["../../../src/page-wizard/steps/LayoutStep.tsx"],"names":[],"mappings":"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"}

package/dist/page-wizard/steps/SelectStep.d.ts

@@ -0,0 +1,2 @@
+import { StepComponentProps } from "../../config/types";
+export declare function SelectStep({ step, data, setData, setStepCompleted, internalState, setInternalState, }: StepComponentProps): import("react/jsx-runtime").JSX.Element;

package/dist/page-wizard/steps/SelectStep.js

@@ -0,0 +1,145 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { useEditContext } from "../../editor/client/editContext";
+import { executePrompt } from "../../editor/services/aiService";
+import { createWizardAiContext } from "../service";
+import { classNames } from "primereact/utils";
+import { Splitter } from "../../editor/ui/Splitter";
+import { InputTextarea } from "primereact/inputtextarea";
+import { ActionButton } from "../../components/ActionButton";
+import Generate from "./Generate";
+export function SelectStep({ step, data, setData, setStepCompleted, internalState, setInternalState, }) {
+    const editContext = useEditContext();
+    const [options, setOptions] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const [selectedOptions, setSelectedOptions] = useState([]);
+    const [instructions, setInstructions] = useState(step.instructions);
+    // Get the property name from the step or use "choice" as default
+    const propertyName = step.propertyName || "selectedOptions";
+    useEffect(() => {
+        if (data[propertyName]?.length) {
+            setStepCompleted(true);
+        }
+    }, [data]);
+    // Initialize the property in data
+    useEffect(() => {
+        if (!data[propertyName]) {
+            setData((prevData) => ({
+                ...prevData,
+                [propertyName]: [],
+            }));
+        }
+    }, [propertyName, setData]);
+    const generateOptions = async () => {
+        if (!editContext)
+            return;
+        setLoading(true);
+        setError(null);
+        try {
+            // Create a prompt based on step instructions and data
+            const prompt = `${instructions}\n\nCurrent data: ${JSON.stringify(data, null, 2)}`;
+            // Call the executePrompt function with the prompt
+            const result = await executePrompt([
+                {
+                    content: `You are a helpful assistant that generates options for a wizard select step.
+              Generate a JSON array of options based on the instructions and current data.            
+              ONLY respond with a valid JSON array without any explanation or additional text.
+              JSON format: {options: {title: string, description: string}[] }`,
+                    name: "system",
+                    role: "system",
+                },
+                {
+                    content: prompt,
+                    name: "user",
+                    role: "user",
+                },
+            ], editContext, createWizardAiContext, [""], true, undefined, step.aiModel || "o3-mini-low");
+            // Parse the result and set options
+            if (result && result.content) {
+                try {
+                    const generatedOptions = JSON.parse(result.content);
+                    for (let i = 0; i < generatedOptions.options.length; i++) {
+                        generatedOptions.options[i].id = i.toString();
+                    }
+                    setOptions(generatedOptions.options);
+                    setInternalState((state) => ({
+                        ...state,
+                        [step.id + "options"]: generatedOptions.options,
+                    }));
+                }
+                catch (parseError) {
+                    console.error("Error parsing options:", parseError);
+                    setError("Failed to parse options. The response was not in the expected format.");
+                }
+            }
+            else {
+                setError("No options were generated. Please try again.");
+            }
+        }
+        catch (err) {
+            setError("Failed to generate options. Please try again.");
+            console.error("Error generating options:", err);
+        }
+        finally {
+            setLoading(false);
+        }
+    };
+    // Generate options on component mount
+    useEffect(() => {
+        if (internalState[step.id + "options"]?.length > 0) {
+            setOptions(internalState[step.id + "options"]);
+            return;
+        }
+        generateOptions();
+    }, [editContext, step.instructions, internalState]);
+    // Sync data[propertyName] with selectedOptions state
+    useEffect(() => {
+        const currentSelections = data[propertyName] || [];
+        setSelectedOptions(currentSelections.map((option) => option.id));
+    }, [data, propertyName]);
+    // Handle option selection
+    const handleOptionSelect = (option) => {
+        setData((prevData) => {
+            const currentData = [
+                ...(prevData[propertyName] || []),
+            ];
+            const isSelected = currentData.some((o) => o.id === option.id);
+            let updatedData;
+            if (isSelected) {
+                // Remove option if already selected
+                updatedData = currentData.filter((o) => o.id !== option.id);
+            }
+            else {
+                // Add option if not selected
+                updatedData = [...currentData, option];
+            }
+            return {
+                ...prevData,
+                [propertyName]: updatedData,
+            };
+        });
+    };
+    if (error) {
+        return (_jsxs("div", { className: "text-red-500 p-4", children: [error, _jsx("button", { className: "ml-4 px-2 py-1 bg-blue-500 text-white rounded", onClick: () => window.location.reload(), children: "Retry" })] }));
+    }
+    const optionsPanel = {
+        name: "options",
+        defaultSize: "auto",
+        content: (_jsxs("div", { className: "p-4 h-full", children: [loading && (_jsx("div", { className: "flex items-center justify-center h-full", children: _jsx(Generate, { title: "Generating options..." }) })), !loading && (_jsx("div", { children: options.length === 0 ? (_jsx("div", { className: "text-gray-500 p-4", children: "No options available. Try refreshing the page." })) : (options.map((option, index) => {
+                        const isSelected = selectedOptions.includes(option.id);
+                        return (_jsxs("div", { className: classNames("mb-3 flex items-center p-3 rounded bg-white border-2", index % 2 === 0
+                                ? "animate-fadeRight"
+                                : "animate-fadeLeft", isSelected
+                                ? "text-canvas-pink border-canvas-pink"
+                                : "text-gray-600 border-gray-300"), onClick: () => handleOptionSelect(option), children: [_jsxs("div", { className: "flex flex-col flex-1 cursor-pointer", children: [_jsx("div", { className: "font-medium", children: option.title }), _jsx("div", { className: "text-xs text-gray-600", children: option.description })] }), isSelected && (_jsx("div", { className: "text-canvas-pink ml-2", children: "\u2713" }))] }, option.id));
+                    })) }))] })),
+    };
+    const settingsPanel = {
+        name: "settings",
+        defaultSize: 400,
+        content: (_jsxs("div", { className: "flex flex-col gap-2 pr-6", children: [_jsx("h3", { className: "text-sm font-bold", children: "Instructions" }), _jsx(InputTextarea, { className: "h-48 text-sm", value: instructions, onChange: (e) => setInstructions(e.target.value), placeholder: "Enter instructions for the options" }), _jsx(ActionButton, { onClick: generateOptions, isLoading: loading, disabled: loading, loadingText: "Thinking...", children: "Regenerate Options" })] })),
+    };
+    return _jsx(Splitter, { panels: [settingsPanel, optionsPanel] });
+}
+//# sourceMappingURL=SelectStep.js.map

package/dist/page-wizard/steps/SelectStep.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectStep.js","sourceRoot":"","sources":["../../../src/page-wizard/steps/SelectStep.tsx"],"names":[],"mappings":"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"}

package/dist/page-wizard/steps/schema.d.ts

@@ -0,0 +1,13 @@
+import { WizardSchemaComponent, PageSchema } from "../PageWizard";
+export declare function convertPageSchemaToWizardComponents(pageSchema: PageSchema, whitelist: string[]): WizardSchemaComponent[];
+/**
+ * Finds a placeholder (by its name) where a child component of type `childComponentType`
+ * can be placed inside a parent of type `parentComponentType`. For a parentComponentType
+ * equal to "root" (case‑insensitive), the function searches among top‑level placeholders.
+ *
+ * @param schema - The PageSchema (an array of SchemaPlaceholders).
+ * @param parentComponentType - The type of the parent component, or "root" to indicate top‑level.
+ * @param childComponentType - The type of the child component to place.
+ * @returns The name of a valid placeholder or undefined if none is found.
+ */
+export declare function getPlaceholder(schema: PageSchema, parentComponentType: string, childComponentType: string): string | undefined;

package/dist/page-wizard/steps/schema.js

@@ -0,0 +1,137 @@
+export function convertPageSchemaToWizardComponents(pageSchema, whitelist) {
+    const componentMap = new Map();
+    /**
+     * Recursively processes a SchemaComponent.
+     *
+     * @param component - The current SchemaComponent to process.
+     * @param parentPlaceholder - The name of the placeholder where the component appears.
+     * @param isRoot - True if the component is at the root level.
+     * @param parentAccumulator - The accumulator of the parent component (if the parent is allowed).
+     */
+    function processComponent(component, parentPlaceholder, isRoot, parentAccumulator) {
+        const isAllowed = whitelist.includes(component.type);
+        let currentAccumulator = undefined;
+        if (isAllowed) {
+            // If a parent accumulator exists (and is allowed), record the child's type as a valid child type.
+            if (parentAccumulator) {
+                parentAccumulator.validChildComponentTypes.add(component.type);
+            }
+            if (componentMap.has(component.typeId)) {
+                currentAccumulator = componentMap.get(component.typeId);
+                currentAccumulator.validParentPlaceholders.add(parentPlaceholder);
+                // Mark as allowed on root if encountered at the root level in any instance.
+                if (isRoot) {
+                    currentAccumulator.allowedOnRoot = true;
+                }
+            }
+            else {
+                currentAccumulator = {
+                    name: component.typeId, // using typeId as the wizard component name
+                    type: component.type,
+                    fields: component.fields.map((field) => ({
+                        name: field.name,
+                        type: field.type,
+                    })),
+                    validParentPlaceholders: new Set([parentPlaceholder]),
+                    validChildComponentTypes: new Set(),
+                    allowedOnRoot: isRoot,
+                };
+                componentMap.set(component.typeId, currentAccumulator);
+            }
+        }
+        // Process child components regardless of whether the current component is allowed.
+        for (const placeholder of component.placeholders) {
+            for (const child of placeholder.components) {
+                processComponent(child, placeholder.name, false, currentAccumulator);
+            }
+        }
+    }
+    // Process each top-level component in the PageSchema.
+    for (const placeholder of pageSchema) {
+        for (const component of placeholder.components) {
+            processComponent(component, placeholder.name, true);
+        }
+    }
+    // Convert accumulators to final WizardSchemaComponent objects.
+    const wizardComponents = [];
+    for (const acc of componentMap.values()) {
+        const wizardComponent = {
+            type: acc.type,
+            fields: acc.fields,
+            allowedChildrenComponentTypes: Array.from(acc.validChildComponentTypes),
+            allowedOnRoot: acc.allowedOnRoot,
+        };
+        // Only include validParentPlaceholders if there is more than one.
+        if (acc.validParentPlaceholders.size > 1) {
+            wizardComponent.availableParentPlaceholders = Array.from(acc.validParentPlaceholders);
+        }
+        wizardComponents.push(wizardComponent);
+    }
+    return wizardComponents;
+}
+/**
+ * Finds a placeholder (by its name) where a child component of type `childComponentType`
+ * can be placed inside a parent of type `parentComponentType`. For a parentComponentType
+ * equal to "root" (case‑insensitive), the function searches among top‑level placeholders.
+ *
+ * @param schema - The PageSchema (an array of SchemaPlaceholders).
+ * @param parentComponentType - The type of the parent component, or "root" to indicate top‑level.
+ * @param childComponentType - The type of the child component to place.
+ * @returns The name of a valid placeholder or undefined if none is found.
+ */
+export function getPlaceholder(schema, parentComponentType, childComponentType) {
+    // Check for the special case where we want to place at the root level.
+    if (parentComponentType.toLowerCase() === "root") {
+        // First, look for a top-level placeholder that already contains a component
+        // of the given childComponentType.
+        for (const topPlaceholder of schema) {
+            if (topPlaceholder.components.some((c) => c.type === childComponentType)) {
+                return topPlaceholder.name;
+            }
+        }
+        // If not found, return the first top-level placeholder that is empty.
+        for (const topPlaceholder of schema) {
+            if (topPlaceholder.components.length === 0) {
+                return topPlaceholder.name;
+            }
+        }
+        return undefined;
+    }
+    // Recursive helper to search through nested SchemaComponents.
+    function searchComponents(components) {
+        for (const component of components) {
+            // If this component matches the desired parent type, check its placeholders.
+            if (component.type === parentComponentType) {
+                // First, try to find a placeholder that already has a child of the desired type.
+                for (const placeholder of component.placeholders) {
+                    if (placeholder.components.some((child) => child.type === childComponentType)) {
+                        return placeholder.name;
+                    }
+                }
+                // Otherwise, pick an empty placeholder.
+                for (const placeholder of component.placeholders) {
+                    if (placeholder.components.length === 0) {
+                        return placeholder.name;
+                    }
+                }
+            }
+            // Recurse into any placeholders in the current component.
+            for (const placeholder of component.placeholders) {
+                const result = searchComponents(placeholder.components);
+                if (result) {
+                    return result;
+                }
+            }
+        }
+        return undefined;
+    }
+    // Search through all top-level placeholders' components.
+    for (const topPlaceholder of schema) {
+        const result = searchComponents(topPlaceholder.components);
+        if (result) {
+            return result;
+        }
+    }
+    return undefined;
+}
+//# sourceMappingURL=schema.js.map

package/dist/page-wizard/steps/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../../src/page-wizard/steps/schema.ts"],"names":[],"mappings":"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"}