@alpaca-editor/core 1.0.0 → 1.0.3

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

@@ -0,0 +1,89 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEditContext } from "../../editor/client/editContext";
+import { SimpleIconButton } from "../../editor/ui/SimpleIconButton";
+import { FieldEditor } from "./FieldEditor";
+import React from "react";
+export function Components({ pageModel, onFieldEdited, onComponentRemoved, thumbnails, setInternalState, }) {
+    const editContext = useEditContext();
+    if (!pageModel)
+        return _jsx("div", { children: "No layout generated yet" });
+    // Simplified component to only render component hierarchy
+    const SimpleLayoutItem = ({ components, depth = 0, }) => {
+        if (!components)
+            return null;
+        // Generate a random pastel background color based on component type
+        const getColorForType = (type) => {
+            // Simple hash function to generate consistent colors for the same type
+            const hash = type
+                .split("")
+                .reduce((acc, char) => acc + char.charCodeAt(0), 0);
+            const hue = hash % 360;
+            return `hsl(${hue}, 70%, 90%)`;
+        };
+        const getThumbnailUrl = (mediaId) => {
+            if (!thumbnails)
+                return;
+            return thumbnails.find((thumbnail) => thumbnail.id === mediaId)?.thumbUrl;
+        };
+        const getImage = (field) => {
+            const url = getThumbnailUrl(field.value);
+            if (url) {
+                return _jsx("img", { src: url, alt: field.name, className: "mb-2" });
+            }
+            return field.value;
+        };
+        // Handle component with placeholders
+        const renderComponent = (component, collection) => {
+            const indent = depth * 20;
+            const componentType = component.type || "Unknown";
+            const borderColor = component.type
+                ? getColorForType(componentType)
+                : "#f0f0f0";
+            return (_jsxs("div", { className: "relative", style: {
+                    marginBottom: "8px",
+                    marginLeft: indent,
+                }, children: [_jsx("div", { className: "absolute top-0 right-0", children: _jsx(SimpleIconButton, { icon: "pi pi-times", label: "Remove", onClick: () => {
+                                // Remove component from its collection
+                                const index = collection.findIndex((c) => c.id === component.id);
+                                if (index !== -1) {
+                                    collection.splice(index, 1);
+                                }
+                                onComponentRemoved(component);
+                            } }) }), _jsxs("div", { className: "mb-2 px-2 py-1 rounded-md bg-white border-2", style: {
+                            borderColor,
+                        }, children: [_jsxs("div", { className: "mb-2", children: [_jsx("span", { className: "text-gray-600", children: component.type }), ":", " ", component.name] }), _jsx("div", { className: "text-xs text-gray-500", children: component.fields?.map((field, index) => field.type === "Picture" || field.type === "Image" ? (_jsxs("div", { className: "cursor-pointer", onClick: async () => {
+                                        const currentImage = await editContext?.itemsRepository.getItem({
+                                            id: field.value,
+                                            language: "en",
+                                            version: 1,
+                                        });
+                                        const selectedImageId = await editContext?.selectMedia({
+                                            selectedIdPath: currentImage?.idPath || "",
+                                            mode: "images",
+                                        });
+                                        if (selectedImageId) {
+                                            const newImage = await editContext?.itemsRepository.getItem({
+                                                id: selectedImageId,
+                                                language: "en",
+                                                version: 1,
+                                            });
+                                            const newThumb = {
+                                                id: newImage?.id || "",
+                                                name: newImage?.name || "",
+                                                thumbUrl: newImage?.thumbnail || "",
+                                                previewUrl: newImage?.thumbnail || "",
+                                            };
+                                            field.value = selectedImageId;
+                                            setInternalState((state) => ({
+                                                ...state,
+                                                thumbnails: [...(state.thumbnails || []), newThumb],
+                                            }));
+                                            onFieldEdited();
+                                        }
+                                    }, children: [_jsxs("div", { className: "font-bold text-gray-900", children: [field.name, ":"] }), _jsx("div", { children: getImage(field) })] }, index)) : (_jsx(FieldEditor, { field: field, onFieldEdited: onFieldEdited }, index))) })] }), component.children && (_jsx(SimpleLayoutItem, { components: component.children, depth: depth + 1 }))] }, component.id));
+        };
+        return components.map((component, index) => (_jsx(React.Fragment, { children: renderComponent(component, components) }, component.id || index)));
+    };
+    return (_jsx(_Fragment, { children: _jsx("div", { className: "relative flex-1 w-full", children: _jsx("div", { className: "overflow-y-auto inset-0 absolute", children: pageModel ? (_jsx(SimpleLayoutItem, { components: pageModel.components })) : (_jsx("div", { children: "No layout generated yet" })) }) }) }));
+}
+//# sourceMappingURL=Components.js.map

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

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

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

@@ -0,0 +1,12 @@
+import { FullItem, ItemDescriptor } from "../../editor/pageModel";
+import { Wizard, WizardData, WizardPageModel, WizardStep } from "../PageWizard";
+export declare function CreatePage({ wizard, parentItem, setPageItem, pageItem, pageModel, setPageModel, step, data, }: {
+    wizard: Wizard;
+    parentItem: ItemDescriptor;
+    setPageItem: (item: FullItem) => void;
+    pageItem?: FullItem;
+    pageModel: WizardPageModel;
+    setPageModel: (model: WizardPageModel) => void;
+    step: WizardStep;
+    data: WizardData;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,140 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { ActionButton } from "../../components/ActionButton";
+import { useDebouncedCallback } from "use-debounce";
+import { getChildren } from "../../editor/services/contentService";
+import { executePrompt } from "../../editor/services/aiService";
+import { createWizardAiContext } from "../service";
+import { useEditContext } from "../../editor/client/editContext";
+import { LanguageSelector } from "../../editor/menubar/LanguageSelector";
+export function CreatePage({ wizard, parentItem, setPageItem, pageItem, pageModel, setPageModel, step, data, }) {
+    const [validationMessage, setValidationMessage] = useState();
+    const [isBuilding, setIsBuilding] = useState(false);
+    const [isGenerating, setIsGenerating] = useState(false);
+    const [language, setLanguage] = useState(parentItem.language || "en");
+    const [previousLanguage, setPreviousLanguage] = useState(language);
+    const [fullParentItem, setFullParentItem] = useState();
+    const editContext = useEditContext();
+    useEffect(() => {
+        if (!editContext)
+            return;
+        const generateNameAndMetaDescription = async () => {
+            const metaInstructions = step["Instructions for generating item name and meta fields"];
+            setIsGenerating(true);
+            try {
+                const abortController = new AbortController();
+                const result = await executePrompt([
+                    {
+                        content: `${metaInstructions?.trim()} Reply with a json object of type PageModel = { name: string; metaDescription: string; metaKeywords: string; };               
+              The item name should be a valid sitecore item name. Spaces are allowed but no special characters or Umlaute.
+              The language of the page is ${language}.
+              Input data: ${JSON.stringify(data)}`,
+                        name: "system",
+                        role: "system",
+                    },
+                ], editContext, createWizardAiContext, [""], true, { signal: abortController.signal }, "o3-mini-low", (response) => {
+                    try {
+                        const newLayout = JSON.parse(response.content);
+                        setPageModel({
+                            ...pageModel,
+                            name: newLayout.name,
+                            metaDescription: newLayout.metaDescription,
+                            metaKeywords: newLayout.metaKeywords,
+                        });
+                    }
+                    catch (parseError) { }
+                });
+                const pageModel = JSON.parse(result.content);
+                setPageModel({
+                    ...pageModel,
+                    name: pageModel.name,
+                    metaDescription: pageModel.metaDescription,
+                    metaKeywords: pageModel.metaKeywords,
+                });
+            }
+            catch (error) {
+                console.error("Error generating name and meta description", error);
+            }
+            finally {
+                setIsGenerating(false);
+            }
+        };
+        if (!pageModel.name || language !== previousLanguage) {
+            generateNameAndMetaDescription();
+            setPreviousLanguage(language);
+        }
+    }, [language, pageModel.name, previousLanguage, data, step, editContext]);
+    useEffect(() => {
+        const loadParentItem = async () => {
+            if (!parentItem)
+                return;
+            const item = await editContext?.itemsRepository.getItem(parentItem);
+            setFullParentItem(item);
+        };
+        loadParentItem();
+    }, [parentItem]);
+    const checkName = async () => {
+        if (!parentItem)
+            return;
+        let valid = !!wizard.templateId && pageModel.name.trim().length >= 3;
+        if (valid) {
+            const children = await getChildren(parentItem.id, editContext?.sessionId ?? "", [], false, editContext?.contentEditorItem?.language || "en");
+            if (children.find((x) => x.name.toLocaleLowerCase() ===
+                pageModel.name.trim().toLocaleLowerCase())) {
+                valid = false;
+                setValidationMessage("A page with this name already exists.");
+            }
+        }
+        else {
+            if (pageModel.name.trim().length > 0 && pageModel.name.trim().length < 3)
+                setValidationMessage("Name is too short.");
+            else
+                setValidationMessage(undefined);
+        }
+        if (valid)
+            setValidationMessage(undefined);
+        return valid;
+    };
+    const checkNameValidDebounced = useDebouncedCallback(async () => checkName(), 500);
+    useEffect(() => {
+        checkNameValidDebounced();
+    }, [pageModel.name]);
+    const createPage = () => {
+        setTimeout(async () => {
+            if (!editContext || !parentItem)
+                return;
+            try {
+                if (!(await checkName()))
+                    return;
+                setIsBuilding(true);
+                const result = await editContext.operations.createItem({ ...parentItem, language }, wizard.templateId, pageModel.name);
+                if (result) {
+                    editContext?.loadItem(result, { addToBrowseHistory: true });
+                    const item = await editContext?.itemsRepository.getItem(result);
+                    if (item)
+                        setPageItem(item);
+                    else
+                        console.error("Failed to load newly created item", result);
+                    console.log("Page created", result, "Page model", pageModel);
+                }
+            }
+            catch (error) {
+                console.error("Error creating page", error);
+            }
+            finally {
+                setIsBuilding(false);
+            }
+        }, 1);
+    };
+    const handleInputChange = (field, value) => {
+        const updatedPageModel = {
+            ...pageModel,
+            [field]: value,
+        };
+        setPageModel(updatedPageModel);
+    };
+    return (_jsxs("div", { className: "pr-6", style: { viewTransitionName: "page-properties" }, children: [_jsxs("div", { className: "mb-4", children: [_jsx("div", { className: "text-sm font-medium mb-1", children: "Target Parent Item" }), _jsx("div", { className: "mb-4 text-xs break-after-all", children: fullParentItem?.path })] }), _jsxs("div", { className: "mb-4 relative", children: [_jsx("label", { htmlFor: "language", className: "block text-sm font-medium mb-1", children: "Language" }), _jsx("div", { className: "w-fit", children: _jsx(LanguageSelector, { selectedLanguage: language, darkMode: true, disabled: isBuilding || isGenerating, onLanguageSelected: (language) => setLanguage(language.languageCode), showAllLanguages: true }) })] }), _jsxs("div", { className: "mb-4", children: [_jsx("label", { htmlFor: "pageName", className: "block text-sm font-medium mb-1", children: "Page Name" }), _jsx("input", { id: "pageName", type: "text", disabled: !!pageItem || isBuilding || isGenerating, className: "w-full p-2 border rounded text-sm", value: pageModel.name, onChange: (e) => handleInputChange("name", e.target.value), placeholder: "Enter page name" }), validationMessage && (_jsx("div", { className: "mt-2 text-sm text-red-500", children: validationMessage }))] }), _jsxs("div", { className: "mb-4", children: [_jsx("label", { htmlFor: "metaDescription", className: "block text-sm font-medium mb-1", children: "Meta Description" }), _jsx("textarea", { id: "metaDescription", disabled: !!pageItem || isBuilding || isGenerating, className: "w-full p-2 border rounded min-h-[100px]  text-sm", value: pageModel.metaDescription, onChange: (e) => handleInputChange("metaDescription", e.target.value), placeholder: "Enter meta description" })] }), _jsxs("div", { className: "mb-4", children: [_jsx("label", { htmlFor: "metaKeywords", className: "block text-sm font-medium mb-1", children: "Meta Keywords" }), _jsx("textarea", { id: "metaKeywords", disabled: !!pageItem || isBuilding || isGenerating, className: "w-full p-2 border rounded min-h-[100px]  text-sm", value: pageModel.metaKeywords, onChange: (e) => handleInputChange("metaKeywords", e.target.value), placeholder: "Enter meta keywords" })] }), !pageItem && (_jsx(ActionButton, { disabled: isBuilding || isGenerating || !!validationMessage, className: "flex-1", onClick: () => {
+                    createPage();
+                }, isLoading: isBuilding || isGenerating, loadingText: isGenerating ? "Generating..." : "Create Page", children: "Create Page" }))] }));
+}
+//# sourceMappingURL=CreatePage.js.map

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

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

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

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

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

@@ -0,0 +1,228 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Splitter } from "../../editor/ui/Splitter";
+import { CreatePage } from "./CreatePage";
+import { useEffect, useState } from "react";
+import { PageViewer } from "../../editor/page-viewer/PageViewer";
+import { useEditContext } from "../../editor/client/editContext";
+import { classNames } from "primereact/utils";
+import { ComponentTypeSelector } from "./ComponentTypesSelector";
+import { ActionButton } from "../../components/ActionButton";
+import { convertPageSchemaToWizardComponents } from "./schema";
+import { createWizardAiContext, wipeComponents } from "../service";
+import { executePrompt } from "../../editor/services/aiService";
+import { usePageCreator } from "./usePageCreator";
+import { useThrottledCallback } from "use-debounce";
+export function CreatePageAndLayoutStep({ wizard, step, parentItem, pageModel, setPageModel, data, setData, internalState, setInternalState, setStepCompleted, }) {
+    const [pageLoaded, setPageLoaded] = useState(false);
+    const [isLoading, setIsLoading] = useState(false);
+    const editContext = useEditContext();
+    const [abortController, setAbortController] = useState();
+    const [message, setMessage] = useState();
+    const [isCreatingComponents, setIsCreatingComponents] = useState(false);
+    const pageItem = internalState.pageItem;
+    const pageCreator = usePageCreator(pageItem, wizard, setPageModel);
+    if (!parentItem)
+        return "No parent item";
+    useEffect(() => {
+        if (!internalState.layoutInstructions) {
+            setInternalState({
+                ...internalState,
+                layoutInstructions: step.instructions,
+            });
+        }
+    }, []);
+    const createComponents = async () => {
+        if (!pageLoaded)
+            return;
+        if (pageModel?.components && !isCreatingComponents) {
+            try {
+                setIsCreatingComponents(true);
+                await pageCreator.createComponentsRecursively(pageModel.components, "root");
+                setInternalState((prev) => ({
+                    ...prev,
+                    componentsCreated: true,
+                }));
+            }
+            finally {
+                setIsCreatingComponents(false);
+            }
+        }
+    };
+    useEffect(() => {
+        if (internalState.componentsCreated &&
+            !isCreatingComponents &&
+            !isLoading) {
+            editContext?.requestRefresh("immediate");
+        }
+    }, [isCreatingComponents, isLoading]);
+    const createComponentsThrottled = useThrottledCallback(createComponents, 300);
+    useEffect(() => {
+        createComponentsThrottled();
+    }, [pageModel]);
+    useEffect(() => {
+        if (editContext &&
+            editContext.page &&
+            editContext.page.item &&
+            pageItem &&
+            pageItem.id === editContext.page.item.descriptor.id)
+            setPageLoaded(true);
+    }, [editContext?.page, pageItem]);
+    if (!pageItem) {
+        return (_jsx(CreatePage, { wizard: wizard, parentItem: parentItem, setPageItem: (pageItem) => setInternalState((prev) => ({ ...prev, pageItem })), pageItem: pageItem, pageModel: pageModel, setPageModel: setPageModel, step: step, data: data }));
+    }
+    const createLayout = async () => {
+        try {
+            if (!editContext)
+                return;
+            setIsLoading(true);
+            setStepCompleted(false);
+            if (internalState.componentsCreated) {
+                await wipeComponents(pageItem.descriptor);
+                setPageModel((prev) => ({
+                    ...prev,
+                    components: [],
+                }));
+                editContext?.requestRefresh("immediate");
+            }
+            // 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, data.selectedComponentTypes);
+            const localAbortController = new AbortController();
+            setAbortController(localAbortController);
+            const result = await executePrompt([
+                {
+                    content: `${internalState.layoutInstructions?.trim()} Reply with a json object of type PageModel = { 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.
+           
+              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.
+              The language of the page is ${pageItem.descriptor.language}.
+              Input data: ${JSON.stringify(data)}`,
+                    name: "system",
+                    role: "system",
+                },
+            ], editContext, createWizardAiContext, [""], true, { signal: localAbortController.signal }, step.aiModel || "o3-mini-low", (response) => {
+                try {
+                    const newLayout = JSON.parse(response.content);
+                    if (newLayout) {
+                        setPageModel((prev) => mergeLayout(prev, newLayout));
+                    }
+                    setMessage(newLayout.message);
+                }
+                catch (parseError) { }
+            });
+            const pageModel = JSON.parse(result.content);
+            setPageModel((prev) => mergeLayout(prev, pageModel));
+            setMessage(pageModel.message);
+            setStepCompleted(true);
+        }
+        catch (error) {
+            console.error(error);
+        }
+        finally {
+            setIsLoading(false);
+        }
+    };
+    // Custom instructions panel
+    const customInstructionsPanel = () => {
+        return (_jsxs("div", { className: "mb-4", children: [_jsx("h3", { className: "text-sm font-semibold", 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: internalState.layoutInstructions, onChange: (e) => setInternalState({
+                        ...internalState,
+                        layoutInstructions: 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" })] }));
+    };
+    const panels = [
+        {
+            name: "settings",
+            content: (_jsxs("div", { className: "pr-6", children: [_jsx("div", { className: "text-sm font-medium", children: "Page item" }), _jsx("div", { className: "text-xs text-gray-500", children: pageItem.path }), _jsx(ComponentTypeSelector, { selectedComponentTypes: data.selectedComponentTypes, setSelectedComponentTypes: (selectedTypes) => {
+                            setData({
+                                ...data,
+                                selectedComponentTypes: selectedTypes,
+                            });
+                        }, schema: wizard.schema, data: data, setData: setData, step: step }), customInstructionsPanel(), _jsxs("div", { className: "flex gap-2", children: [_jsx(ActionButton, { onClick: createLayout, disabled: isLoading ||
+                                    !data.selectedComponentTypes ||
+                                    data.selectedComponentTypes.length === 0, isLoading: isLoading, loadingText: "Working", className: "flex-1", children: internalState.componentsCreated
+                                    ? "Delete and Regenerate Layout"
+                                    : "Generate Layout" }), isLoading && (_jsx(ActionButton, { isLoading: false, onClick: () => abortController?.abort("User aborted"), children: "Abort" }))] }), message && _jsx("div", { className: "mt-2 text-xs", children: message })] })),
+            defaultSize: 400,
+        },
+        {
+            name: "layout",
+            content: (_jsx("div", { className: classNames("px-6", pageLoaded ? "h-full" : "h-0"), children: _jsx(PageViewer, { name: "single", mode: editContext?.previewMode ? "view" : "edit", showFormEditor: false, followEditsDefault: true, pageViewContext: editContext.pageView }) })),
+            defaultSize: "auto",
+        },
+    ];
+    return _jsx(Splitter, { panels: panels });
+}
+/**
+ * Merges a new layout with the previous layout
+ * - Keeps all previous components
+ * - Adds new components
+ * - Updates existing fields with new values
+ * - Adds new fields
+ */
+const mergeLayout = (prev, newLayout) => {
+    if (!prev)
+        return newLayout;
+    // Merge top-level properties
+    const result = {
+        name: newLayout.name || prev.name,
+        message: newLayout.message,
+        metaDescription: prev.metaDescription,
+        metaKeywords: prev.metaKeywords,
+        components: [...(prev.components || [])],
+    };
+    // Function to merge components recursively
+    const mergeComponents = (existingComponents, newComponents) => {
+        if (!newComponents?.length)
+            return existingComponents;
+        const result = [...existingComponents];
+        for (const newComp of newComponents) {
+            // Try to find a matching component by type and name
+            const existingIndex = result.findIndex((comp) => comp.type === newComp.type && comp.name === newComp.name);
+            if (existingIndex >= 0) {
+                // Update existing component
+                const existing = result[existingIndex];
+                // Merge fields - update existing fields and add new ones
+                const mergedFields = [...(existing.fields || [])];
+                for (const newField of newComp.fields || []) {
+                    const fieldIndex = mergedFields.findIndex((f) => f.name === newField.name);
+                    if (fieldIndex >= 0) {
+                        mergedFields[fieldIndex].value = newField.value; // Update existing field
+                        mergedFields[fieldIndex].type = newField.type;
+                    }
+                    else {
+                        mergedFields.push(newField); // Add new field
+                    }
+                }
+                // Recursive merge of children components
+                const mergedChildren = mergeComponents(existing.children || [], newComp.children || []);
+                // Create updated component
+                result[existingIndex] = {
+                    ...existing,
+                    fields: mergedFields,
+                    children: mergedChildren,
+                    placeholder: newComp.placeholder || existing.placeholder,
+                };
+            }
+            else {
+                // Add new component
+                result.push(newComp);
+            }
+        }
+        return result;
+    };
+    // Merge components recursively
+    result.components = mergeComponents(result.components, newLayout.components || []);
+    return result;
+};
+//# sourceMappingURL=CreatePageAndLayoutStep.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CreatePageAndLayoutStep.js","sourceRoot":"","sources":["../../../src/page-wizard/steps/CreatePageAndLayoutStep.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAiB,MAAM,0BAA0B,CAAC;AAGnE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC7D,OAAO,EAAE,mCAAmC,EAAE,MAAM,UAAU,CAAC;AAE/D,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEnE,OAAO,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEpD,MAAM,UAAU,uBAAuB,CAAC,EACtC,MAAM,EACN,IAAI,EACJ,UAAU,EACV,SAAS,EACT,YAAY,EACZ,IAAI,EACJ,OAAO,EACP,aAAa,EACb,gBAAgB,EAChB,gBAAgB,GACG;IACnB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;IACrC,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,EAAmB,CAAC;IAC1E,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,EAAU,CAAC;IACjD,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExE,MAAM,QAAQ,GAAG,aAAa,CAAC,QAAQ,CAAC;IAExC,MAAM,WAAW,GAAG,cAAc,CAAC,QAAQ,EAAE,MAAM,EAAE,YAAY,CAAC,CAAC;IAEnE,IAAI,CAAC,UAAU;QAAE,OAAO,gBAAgB,CAAC;IAEzC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,aAAa,CAAC,kBAAkB,EAAE,CAAC;YACtC,gBAAgB,CAAC;gBACf,GAAG,aAAa;gBAChB,kBAAkB,EAAE,IAAI,CAAC,YAAY;aACtC,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,gBAAgB,GAAG,KAAK,IAAI,EAAE;QAClC,IAAI,CAAC,UAAU;YAAE,OAAO;QACxB,IAAI,SAAS,EAAE,UAAU,IAAI,CAAC,oBAAoB,EAAE,CAAC;YACnD,IAAI,CAAC;gBACH,uBAAuB,CAAC,IAAI,CAAC,CAAC;gBAE9B,MAAM,WAAW,CAAC,2BAA2B,CAC3C,SAAS,CAAC,UAAU,EACpB,MAAM,CACP,CAAC;gBACF,gBAAgB,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,CAAC;oBAC/B,GAAG,IAAI;oBACP,iBAAiB,EAAE,IAAI;iBACxB,CAAC,CAAC,CAAC;YACN,CAAC;oBAAS,CAAC;gBACT,uBAAuB,CAAC,KAAK,CAAC,CAAC;YACjC,CAAC;QACH,CAAC;IACH,CAAC,CAAC;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IACE,aAAa,CAAC,iBAAiB;YAC/B,CAAC,oBAAoB;YACrB,CAAC,SAAS,EACV,CAAC;YACD,WAAW,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;QAC3C,CAAC;IACH,CAAC,EAAE,CAAC,oBAAoB,EAAE,SAAS,CAAC,CAAC,CAAC;IAEtC,MAAM,yBAAyB,GAAG,oBAAoB,CAAC,gBAAgB,EAAE,GAAG,CAAC,CAAC;IAE9E,SAAS,CAAC,GAAG,EAAE;QACb,yBAAyB,EAAE,CAAC;IAC9B,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,SAAS,CAAC,GAAG,EAAE;QACb,IACE,WAAW;YACX,WAAW,CAAC,IAAI;YAChB,WAAW,CAAC,IAAI,CAAC,IAAI;YACrB,QAAQ;YACR,QAAQ,CAAC,EAAE,KAAK,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;YAEnD,aAAa,CAAC,IAAI,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,WAAW,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC;IAElC,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,CACL,KAAC,UAAU,IACT,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,CAAC,QAAQ,EAAE,EAAE,CACxB,gBAAgB,CAAC,CAAC,IAAS,EAAE,EAAE,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAC,EAE1D,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,GACV,CACH,CAAC;IACJ,CAAC;IAED,MAAM,YAAY,GAAG,KAAK,IAAI,EAAE;QAC9B,IAAI,CAAC;YACH,IAAI,CAAC,WAAW;gBAAE,OAAO;YAEzB,YAAY,CAAC,IAAI,CAAC,CAAC;YACnB,gBAAgB,CAAC,KAAK,CAAC,CAAC;YAExB,IAAI,aAAa,CAAC,iBAAiB,EAAE,CAAC;gBACpC,MAAM,cAAc,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;gBAC1C,YAAY,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;oBACtB,GAAG,IAAI;oBACP,UAAU,EAAE,EAAE;iBACf,CAAC,CAAC,CAAC;gBACJ,WAAW,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;YAC3C,CAAC;YAED,gCAAgC;YAChC,MAAM,MAAM,GACV,OAAO,MAAM,CAAC,MAAM,KAAK,QAAQ;gBAC/B,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC;gBAC3B,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC;YAEpB,uEAAuE;YACvE,MAAM,cAAc,GAAG,mCAAmC,CACxD,MAAM,EACN,IAAI,CAAC,sBAAsB,CAC5B,CAAC;YAEF,MAAM,oBAAoB,GAAG,IAAI,eAAe,EAAE,CAAC;YACnD,kBAAkB,CAAC,oBAAoB,CAAC,CAAC;YAEzC,MAAM,MAAM,GAAG,MAAM,aAAa,CAChC;gBACE;oBACE,OAAO,EAAE,GAAG,aAAa,CAAC,kBAAkB,EAAE,IAAI,EAAE;;;;;;iCAM/B,IAAI,CAAC,SAAS,CAC/B,cAAc,CACf,+BAA+B,cAAc;yBAC7C,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,CAAC;yBAC9B,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;yBAClB,IAAI,CAAC,IAAI,CAAC;;;4CAGmB,QAAQ,CAAC,UAAU,CAAC,QAAQ;4BAC5C,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,EAAE;oBAEtC,IAAI,EAAE,QAAQ;oBACd,IAAI,EAAE,QAAQ;iBACf;aACF,EACD,WAAW,EACX,qBAAqB,EACrB,CAAC,EAAE,CAAC,EACJ,IAAI,EACJ,EAAE,MAAM,EAAE,oBAAoB,CAAC,MAAM,EAAE,EACvC,IAAI,CAAC,OAAO,IAAI,aAAa,EAC7B,CAAC,QAAQ,EAAE,EAAE;gBACX,IAAI,CAAC;oBACH,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAoB,CAAC;oBAElE,IAAI,SAAS,EAAE,CAAC;wBACd,YAAY,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;oBACvD,CAAC;oBAED,UAAU,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;gBAChC,CAAC;gBAAC,OAAO,UAAmB,EAAE,CAAC,CAAA,CAAC;YAClC,CAAC,CACF,CAAC;YAEF,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YAE7C,YAAY,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,WAAW,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC;YACrD,UAAU,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC;YAC9B,gBAAgB,CAAC,IAAI,CAAC,CAAC;QACzB,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC;gBAAS,CAAC;YACT,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,CAAC;IAEF,4BAA4B;IAC5B,MAAM,uBAAuB,GAAG,GAAG,EAAE;QACnC,OAAO,CACL,eAAK,SAAS,EAAC,MAAM,aACnB,aAAI,SAAS,EAAC,uBAAuB,6BAAkB,EACvD,cAAK,SAAS,EAAC,4BAA4B,wEAErC,EACN,mBACE,KAAK,EAAE,aAAa,CAAC,kBAAkB,EACvC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CACd,gBAAgB,CAAC;wBACf,GAAG,aAAa;wBAChB,kBAAkB,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK;qBACnC,CAAC,EAEJ,WAAW,EAAC,6FAA6F,EACzG,SAAS,EAAC,kHAAkH,GAC5H,IACE,CACP,CAAC;IACJ,CAAC,CAAC;IAEF,MAAM,MAAM,GAAoB;QAC9B;YACE,IAAI,EAAE,UAAU;YAChB,OAAO,EAAE,CACP,eAAK,SAAS,EAAC,MAAM,aACnB,cAAK,SAAS,EAAC,qBAAqB,0BAAgB,EACpD,cAAK,SAAS,EAAC,uBAAuB,YAAE,QAAQ,CAAC,IAAI,GAAO,EAC5D,KAAC,qBAAqB,IACpB,sBAAsB,EAAE,IAAI,CAAC,sBAAsB,EACnD,yBAAyB,EAAE,CAAC,aAAa,EAAE,EAAE;4BAC3C,OAAO,CAAC;gCACN,GAAG,IAAI;gCACP,sBAAsB,EAAE,aAAa;6BACtC,CAAC,CAAC;wBACL,CAAC,EACD,MAAM,EAAE,MAAM,CAAC,MAAM,EACrB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,GACV,EACD,uBAAuB,EAAE,EAC1B,eAAK,SAAS,EAAC,YAAY,aACzB,KAAC,YAAY,IACX,OAAO,EAAE,YAAY,EACrB,QAAQ,EACN,SAAS;oCACT,CAAC,IAAI,CAAC,sBAAsB;oCAC5B,IAAI,CAAC,sBAAsB,CAAC,MAAM,KAAK,CAAC,EAE1C,SAAS,EAAE,SAAS,EACpB,WAAW,EAAC,SAAS,EACrB,SAAS,EAAC,QAAQ,YAEjB,aAAa,CAAC,iBAAiB;oCAC9B,CAAC,CAAC,8BAA8B;oCAChC,CAAC,CAAC,iBAAiB,GACR,EAEd,SAAS,IAAI,CACZ,KAAC,YAAY,IACX,SAAS,EAAE,KAAK,EAChB,OAAO,EAAE,GAAG,EAAE,CAAC,eAAe,EAAE,KAAK,CAAC,cAAc,CAAC,sBAGxC,CAChB,IACG,EACL,OAAO,IAAI,cAAK,SAAS,EAAC,cAAc,YAAE,OAAO,GAAO,IACrD,CACP;YACD,WAAW,EAAE,GAAG;SACjB;QACD;YACE,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,CACP,cACE,SAAS,EAAE,UAAU,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,YAE5D,KAAC,UAAU,IACT,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,EAChD,cAAc,EAAE,KAAK,EACrB,kBAAkB,EAAE,IAAI,EACxB,eAAe,EAAE,WAAY,CAAC,QAAQ,GACtC,GACE,CACP;YACD,WAAW,EAAE,MAAM;SACpB;KACF,CAAC;IAEF,OAAO,KAAC,QAAQ,IAAC,MAAM,EAAE,MAAM,GAAa,CAAC;AAC/C,CAAC;AAED;;;;;;GAMG;AACH,MAAM,WAAW,GAAG,CAClB,IAA4B,EAC5B,SAA0B,EACT,EAAE;IACnB,IAAI,CAAC,IAAI;QAAE,OAAO,SAAS,CAAC;IAE5B,6BAA6B;IAC7B,MAAM,MAAM,GAAoB;QAC9B,IAAI,EAAE,SAAS,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI;QACjC,OAAO,EAAE,SAAS,CAAC,OAAO;QAC1B,eAAe,EAAE,IAAI,CAAC,eAAe;QACrC,YAAY,EAAE,IAAI,CAAC,YAAY;QAC/B,UAAU,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC;KACzC,CAAC;IAEF,2CAA2C;IAC3C,MAAM,eAAe,GAAG,CACtB,kBAAyB,EACzB,aAAoB,EACb,EAAE;QACT,IAAI,CAAC,aAAa,EAAE,MAAM;YAAE,OAAO,kBAAkB,CAAC;QAEtD,MAAM,MAAM,GAAG,CAAC,GAAG,kBAAkB,CAAC,CAAC;QAEvC,KAAK,MAAM,OAAO,IAAI,aAAa,EAAE,CAAC;YACpC,oDAAoD;YACpD,MAAM,aAAa,GAAG,MAAM,CAAC,SAAS,CACpC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,IAAI,IAAI,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,IAAI,CACnE,CAAC;YAEF,IAAI,aAAa,IAAI,CAAC,EAAE,CAAC;gBACvB,4BAA4B;gBAC5B,MAAM,QAAQ,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;gBAEvC,yDAAyD;gBACzD,MAAM,YAAY,GAAG,CAAC,GAAG,CAAC,QAAQ,CAAC,MAAM,IAAI,EAAE,CAAC,CAAC,CAAC;gBAClD,KAAK,MAAM,QAAQ,IAAI,OAAO,CAAC,MAAM,IAAI,EAAE,EAAE,CAAC;oBAC5C,MAAM,UAAU,GAAG,YAAY,CAAC,SAAS,CACvC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,KAAK,QAAQ,CAAC,IAAI,CAChC,CAAC;oBACF,IAAI,UAAU,IAAI,CAAC,EAAE,CAAC;wBACpB,YAAY,CAAC,UAAU,CAAC,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,wBAAwB;wBACzE,YAAY,CAAC,UAAU,CAAC,CAAC,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;oBAChD,CAAC;yBAAM,CAAC;wBACN,YAAY,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,gBAAgB;oBAC/C,CAAC;gBACH,CAAC;gBAED,yCAAyC;gBACzC,MAAM,cAAc,GAAG,eAAe,CACpC,QAAQ,CAAC,QAAQ,IAAI,EAAE,EACvB,OAAO,CAAC,QAAQ,IAAI,EAAE,CACvB,CAAC;gBAEF,2BAA2B;gBAC3B,MAAM,CAAC,aAAa,CAAC,GAAG;oBACtB,GAAG,QAAQ;oBACX,MAAM,EAAE,YAAY;oBACpB,QAAQ,EAAE,cAAc;oBACxB,WAAW,EAAE,OAAO,CAAC,WAAW,IAAI,QAAQ,CAAC,WAAW;iBACzD,CAAC;YACJ,CAAC;iBAAM,CAAC;gBACN,oBAAoB;gBACpB,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;YACvB,CAAC;QACH,CAAC;QAED,OAAO,MAAM,CAAC;IAChB,CAAC,CAAC;IAEF,+BAA+B;IAC/B,MAAM,CAAC,UAAU,GAAG,eAAe,CACjC,MAAM,CAAC,UAAU,EACjB,SAAS,CAAC,UAAU,IAAI,EAAE,CAC3B,CAAC;IAEF,OAAO,MAAM,CAAC;AAChB,CAAC,CAAC"}

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

@@ -0,0 +1,8 @@
+import { WizardField } from "../PageWizard";
+interface EditButtonProps {
+    field: WizardField;
+    onEdit: () => void;
+    className?: string;
+}
+export declare function EditButton({ field, onEdit, className }: EditButtonProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export function EditButton({ field, onEdit, className = "" }) {
+    return (_jsx("button", { type: "button", onClick: onEdit, className: `inline-flex items-center justify-center p-1 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-md shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 ${className}`, "aria-label": `Edit ${field.name || "field"}`, title: `Edit ${field.name || "field"}`, children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-4 w-4", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M15.232 5.232l3.536 3.536m-2.036-5.036a2.5 2.5 0 113.536 3.536L6.5 21.036H3v-3.572L16.732 3.732z" }) }) }));
+}
+//# sourceMappingURL=EditButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditButton.js","sourceRoot":"","sources":["../../../src/page-wizard/steps/EditButton.tsx"],"names":[],"mappings":";AAQA,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,GAAG,EAAE,EAAmB;IAC3E,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,MAAM,EACf,SAAS,EAAE,+NAA+N,SAAS,EAAE,gBACzO,QAAQ,KAAK,CAAC,IAAI,IAAI,OAAO,EAAE,EAC3C,KAAK,EAAE,QAAQ,KAAK,CAAC,IAAI,IAAI,OAAO,EAAE,YAEtC,cACE,KAAK,EAAC,4BAA4B,EAClC,SAAS,EAAC,SAAS,EACnB,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,WAAW,EACnB,MAAM,EAAC,cAAc,YAErB,eACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,CAAC,EACd,CAAC,EAAC,kGAAkG,GACpG,GACE,GACC,CACV,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,5 @@
+import { WizardField } from "../PageWizard";
+export declare function FieldEditor({ field, onFieldEdited, }: {
+    field: WizardField;
+    onFieldEdited: () => void;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,28 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { Editor } from "primereact/editor";
+export function FieldEditor({ field, onFieldEdited, }) {
+    const [fieldValue, setFieldValue] = useState("");
+    const [isEditing, setIsEditing] = useState(false);
+    useEffect(() => {
+        if (isEditing) {
+            const value = field.value;
+            setFieldValue(typeof value === "string" ? value : "");
+        }
+    }, [isEditing]);
+    if (!isEditing) {
+        return (_jsxs("div", { onClick: () => setIsEditing(true), className: "cursor-pointer mb-2", children: [_jsxs("div", { className: "font-bold text-gray-900", children: [field.name, ":"] }), _jsx("div", { className: "text-gray-700 [&_ul]:list-disc [&_ul]:pl-5 [&_li]:my-1 [&_p]:my-1", dangerouslySetInnerHTML: { __html: field.value } })] }));
+    }
+    const isRichText = field.type === "Rich Text";
+    const handleSave = () => {
+        console.log(`Saving changes to field ${field.name}:`, fieldValue);
+        field.value = fieldValue;
+        setIsEditing(false);
+        onFieldEdited();
+    };
+    const handleCancel = () => {
+        setIsEditing(false);
+    };
+    return (_jsx("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-1000", children: _jsxs("div", { className: "bg-white rounded-lg shadow-xl p-6 w-full max-w-lg", children: [_jsxs("h3", { className: "text-lg font-medium text-gray-900 mb-4", children: ["Edit ", field.name || "Field"] }), isRichText ? (_jsx("div", { className: "mb-4", children: _jsx(Editor, { className: "w-full h-64 p-2 border border-gray-300 rounded-md", value: fieldValue, onTextChange: (e) => setFieldValue(e.htmlValue || "") }) })) : (_jsx("div", { className: "mb-4", children: _jsx("textarea", { className: "w-full p-2 border border-gray-300 rounded-md", value: fieldValue, onChange: (e) => setFieldValue(e.target.value) }) })), _jsxs("div", { className: "flex justify-end space-x-3", children: [_jsx("button", { type: "button", onClick: handleCancel, className: "inline-flex items-center px-4 py-2 border border-gray-300 text-sm font-medium rounded-md text-gray-700 bg-white hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500", children: "Cancel" }), _jsx("button", { type: "button", onClick: handleSave, className: "inline-flex items-center px-4 py-2 border border-transparent text-sm font-medium rounded-md shadow-sm text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500", children: "Save" })] })] }) }));
+}
+//# sourceMappingURL=FieldEditor.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldEditor.js","sourceRoot":"","sources":["../../../src/page-wizard/steps/FieldEditor.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAK5C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,aAAa,GAId;IACC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAS,EAAE,CAAC,CAAC;IACzD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAE3D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,SAAS,EAAE,CAAC;YACd,MAAM,KAAK,GAAI,KAAmB,CAAC,KAAK,CAAC;YACzC,aAAa,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;QACxD,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,IAAI,CAAC,SAAS,EAAE,CAAC;QACf,OAAO,CACL,eACE,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,EACjC,SAAS,EAAC,qBAAqB,aAE/B,eAAK,SAAS,EAAC,yBAAyB,aAAE,KAAK,CAAC,IAAI,SAAQ,EAC5D,cACE,SAAS,EAAC,mEAAmE,EAC7E,uBAAuB,EAAE,EAAE,MAAM,EAAE,KAAK,CAAC,KAAK,EAAE,GAC3C,IAMH,CACP,CAAC;IACJ,CAAC;IAED,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,KAAK,WAAW,CAAC;IAE9C,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,OAAO,CAAC,GAAG,CAAC,2BAA2B,KAAK,CAAC,IAAI,GAAG,EAAE,UAAU,CAAC,CAAC;QAClE,KAAK,CAAC,KAAK,GAAG,UAAU,CAAC;QACzB,YAAY,CAAC,KAAK,CAAC,CAAC;QACpB,aAAa,EAAE,CAAC;IAClB,CAAC,CAAC;IAEF,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,8EAA8E,YAC3F,eAAK,SAAS,EAAC,mDAAmD,aAChE,cAAI,SAAS,EAAC,wCAAwC,sBAC9C,KAAK,CAAC,IAAI,IAAI,OAAO,IACxB,EAEJ,UAAU,CAAC,CAAC,CAAC,CACZ,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,MAAM,IACL,SAAS,EAAC,mDAAmD,EAC7D,KAAK,EAAE,UAAU,EACjB,YAAY,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,SAAS,IAAI,EAAE,CAAC,GACrD,GACE,CACP,CAAC,CAAC,CAAC,CACF,cAAK,SAAS,EAAC,MAAM,YACnB,mBACE,SAAS,EAAC,8CAA8C,EACxD,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAC9C,GACE,CACP,EAED,eAAK,SAAS,EAAC,4BAA4B,aACzC,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,YAAY,EACrB,SAAS,EAAC,0MAA0M,uBAG7M,EACT,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,UAAU,EACnB,SAAS,EAAC,wNAAwN,qBAG3N,IACL,IACF,GACF,CACP,CAAC;AACJ,CAAC"}

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

@@ -0,0 +1,5 @@
+interface GenerateProps {
+    title: string;
+}
+declare function Generate({ title }: GenerateProps): import("react/jsx-runtime").JSX.Element;
+export default Generate;

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { classNames } from "primereact/utils";
+import { SparkleIconBig } from "../../editor/ui/Icons";
+import { SparkleIconSmall } from "../../editor/ui/Icons";
+function Generate({ title }) {
+    console.log("Generate", title);
+    return (_jsx("div", { className: classNames("flex flex-col justify-center items-center h-full transition-all duration-300 animate-fadeIn text-canvas-pink"), children: _jsxs("div", { className: "mb-20", children: [_jsx("div", { className: "flex justify-center ml-20 animate-sparkle w-auto min-h-10 delay-700", children: _jsx(SparkleIconSmall, {}) }), _jsx("div", { className: "flex justify-center ml-5 animate-sparkle w-auto min-h-20", children: _jsx(SparkleIconBig, {}) }), _jsx("div", { className: "flex justify-center mr-20 animate-sparkle w-auto min-h-10 delay-500", children: _jsx(SparkleIconSmall, {}) })] }) }));
+}
+export default Generate;
+//# sourceMappingURL=Generate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Generate.js","sourceRoot":"","sources":["../../../src/page-wizard/steps/Generate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAMzD,SAAS,QAAQ,CAAC,EAAE,KAAK,EAAiB;IACxC,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;IAC/B,OAAO,CACL,cACE,SAAS,EAAE,UAAU,CACnB,8GAA8G,CAC/G,YAED,eAAK,SAAS,EAAC,OAAO,aACpB,cAAK,SAAS,EAAC,qEAAqE,YAClF,KAAC,gBAAgB,KAAG,GAChB,EACN,cAAK,SAAS,EAAC,0DAA0D,YACvE,KAAC,cAAc,KAAG,GACd,EACN,cAAK,SAAS,EAAC,qEAAqE,YAClF,KAAC,gBAAgB,KAAG,GAChB,IACF,GACF,CACP,CAAC;AACJ,CAAC;AAED,eAAe,QAAQ,CAAC"}

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

@@ -0,0 +1,2 @@
+import { StepComponentProps } from "../../config/types";
+export declare const ImagesStep: (props: StepComponentProps) => import("react/jsx-runtime").JSX.Element;