@alpaca-editor/core 1.0.3767 → 1.0.3768

package/dist/editor/views/ItemEditor.js

@@ -1,14 +1,11 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ItemEditor = ItemEditor;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const button_1 = require("primereact/button");
-const EditorWarnings_1 = require("../EditorWarnings");
-const FieldList_1 = require("../FieldList");
-const ItemInfo_1 = require("../ItemInfo");
-const editContext_1 = require("../client/editContext");
-function ItemEditor({ item, compareToItem, }) {
-    const editContext = (0, editContext_1.useEditContext)();
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from "primereact/button";
+import { EditorWarnings } from "../EditorWarnings";
+import { FieldList } from "../FieldList";
+import { ItemInfo } from "../ItemInfo";
+import { useEditContext } from "../client/editContext";
+export function ItemEditor({ item, compareToItem, }) {
+    const editContext = useEditContext();
     if (!editContext)
         return;
     if (!item)
@@ -18,7 +15,7 @@ function ItemEditor({ item, compareToItem, }) {
     const pageValidators = editContext.validationResult?.find((x) => x.item.id === item?.id &&
         x.item.language === item?.language &&
         x.item.version === item?.version)?.results || [];
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "absolute inset-0 overflow-y-auto", children: [(0, jsx_runtime_1.jsx)(EditorWarnings_1.EditorWarnings, { item: item }), (0, jsx_runtime_1.jsx)(ItemInfo_1.ItemInfo, { item: item }), editContext.itemVersions.length > 0 && ((0, jsx_runtime_1.jsx)(FieldList_1.FieldList, { fields: [{ fields: Object.values(item.fields) }], validators: pageValidators.filter((x) => x.itemId === item.id), showStandardFieldsEnabled: true, compareToFields: compareToItem?.fields })), editContext.itemVersions.length === 0 && ((0, jsx_runtime_1.jsx)("div", { className: "flex justify-center p-4", children: (0, jsx_runtime_1.jsxs)(button_1.Button, { onClick: async () => {
+    return (_jsxs("div", { className: "absolute inset-0 overflow-y-auto", children: [_jsx(EditorWarnings, { item: item }), _jsx(ItemInfo, { item: item }), editContext.itemVersions.length > 0 && (_jsx(FieldList, { fields: [{ fields: Object.values(item.fields) }], validators: pageValidators.filter((x) => x.itemId === item.id), showStandardFieldsEnabled: true, compareToFields: compareToItem?.fields })), editContext.itemVersions.length === 0 && (_jsx("div", { className: "flex justify-center p-4", children: _jsxs(Button, { onClick: async () => {
                         await editContext.operations.createVersion(item.descriptor);
                     }, children: ["Create First Version (", item.language, ")"] }) }))] }));
 }

package/dist/editor/views/SingleEditView.d.ts

@@ -0,0 +1,8 @@
+import { PageViewContext } from "../page-viewer/pageViewContext";
+import { ItemDescriptor } from "../pageModel";
+export declare function SingleEditView({ pageViewContext, itemDescriptor, mode, name, }: {
+    pageViewContext: PageViewContext;
+    itemDescriptor?: ItemDescriptor;
+    mode: "edit" | "compare" | "view";
+    name: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/editor/views/SingleEditView.js

@@ -1,16 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SingleEditView = SingleEditView;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const react_2 = require("react");
-const editContext_1 = require("../client/editContext");
-const PageViewer_1 = require("../page-viewer/PageViewer");
-const ItemEditor_1 = require("./ItemEditor");
-function SingleEditView({ pageViewContext, itemDescriptor, mode, name, }) {
-    const editContext = (0, editContext_1.useEditContext)();
-    const [item, setItem] = (0, react_1.useState)(undefined);
-    (0, react_2.useEffect)(() => {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import { useEffect } from "react";
+import { useEditContext } from "../client/editContext";
+import { PageViewer } from "../page-viewer/PageViewer";
+import { ItemEditor } from "./ItemEditor";
+export function SingleEditView({ pageViewContext, itemDescriptor, mode, name, }) {
+    const editContext = useEditContext();
+    const [item, setItem] = useState(undefined);
+    useEffect(() => {
         async function loadItem() {
             if (!itemDescriptor)
                 return;
@@ -20,6 +17,6 @@ function SingleEditView({ pageViewContext, itemDescriptor, mode, name, }) {
         loadItem();
     }, [itemDescriptor]);
     if ((item && !item.hasLayout) || pageViewContext.device === "")
-        return (0, jsx_runtime_1.jsx)(ItemEditor_1.ItemEditor, { item: item });
-    return ((0, jsx_runtime_1.jsx)(PageViewer_1.PageViewer, { mode: mode, pageViewContext: pageViewContext, showFormEditor: true, name: name, followEditsDefault: true }));
+        return _jsx(ItemEditor, { item: item });
+    return (_jsx(PageViewer, { mode: mode, pageViewContext: pageViewContext, showFormEditor: true, name: name, followEditsDefault: true }));
 }

package/dist/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./config/types";
+export { Editor } from "./editor/Editor";
+export { configureForUser } from "./config/config";
+export type { DialogProps } from "./editor/client/DialogContext";

package/dist/index.js

@@ -1,22 +1,3 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.configureForUser = exports.Editor = void 0;
-__exportStar(require("./config/types"), exports);
-var Editor_1 = require("./editor/Editor");
-Object.defineProperty(exports, "Editor", { enumerable: true, get: function () { return Editor_1.Editor; } });
-var config_1 = require("./config/config");
-Object.defineProperty(exports, "configureForUser", { enumerable: true, get: function () { return config_1.configureForUser; } });
+export * from "./config/types";
+export { Editor } from "./editor/Editor";
+export { configureForUser } from "./config/config";

package/dist/page-wizard/PageWizard.d.ts

@@ -0,0 +1,70 @@
+import { Thumbnail } from "../editor/media-selector/Thumbnails";
+export type Wizard = {
+    id: string;
+    name: string;
+    description: string;
+    steps: WizardStep[];
+    icon: string;
+    schema: PageSchema;
+    templateId: string;
+};
+export type PageSchema = SchemaPlaceholder[];
+export type SchemaComponent = {
+    type: string;
+    typeId: string;
+    fields: SchemaField[];
+    placeholders: SchemaPlaceholder[];
+};
+export type SchemaPlaceholder = {
+    name: string;
+    components: SchemaComponent[];
+};
+export type SchemaField = {
+    id: string;
+    name: string;
+    type: string;
+};
+export type WizardSchemaComponent = {
+    type: string;
+    fields: WizardSchemaField[];
+    availableParentPlaceholders?: string[];
+    allowedChildrenComponentTypes: string[];
+    allowedOnRoot: boolean;
+};
+export type WizardSchemaField = {
+    name: string;
+    type: string;
+};
+export type WizardStep = {
+    id: string;
+    name: string;
+    description: string;
+    [property: string]: string;
+};
+export type WizardData = {
+    [key: string]: any;
+};
+export type WizardPageModel = {
+    components: WizardPageComponent[];
+    name: string;
+    metaDescription: string;
+    metaKeywords: string;
+    message?: string;
+    images?: Thumbnail[];
+};
+export type WizardPageComponent = {
+    id: string;
+    name: string;
+    type: string;
+    fields: WizardField[];
+    children?: WizardPageComponent[];
+    description: string;
+    placeholder?: string;
+};
+export type WizardField = {
+    name: string;
+    value: string;
+    type: string;
+    writtenValue?: string;
+};
+export declare function PageWizard(): import("react/jsx-runtime").JSX.Element | null;

package/dist/page-wizard/PageWizard.js

@@ -1,23 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageWizard = PageWizard;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const editContext_1 = require("../editor/client/editContext");
-const SelectWizard_1 = require("./SelectWizard");
-const react_1 = require("react");
-const WizardSteps_1 = require("./WizardSteps");
-const service_1 = require("./service"); // Adjust import as needed
-const navigation_1 = require("next/navigation");
-function PageWizard() {
-    const editContext = (0, editContext_1.useEditContext)();
-    const [wizard, setWizard] = (0, react_1.useState)(null);
-    const [parentItem, setParentItem] = (0, react_1.useState)();
-    const searchParams = (0, navigation_1.useSearchParams)();
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEditContext } from "../editor/client/editContext";
+import { SelectWizard } from "./SelectWizard";
+import { useState, useEffect } from "react";
+import { WizardSteps } from "./WizardSteps";
+import { getWizards } from "./service"; // Adjust import as needed
+import { useSearchParams } from "next/navigation";
+export function PageWizard() {
+    const editContext = useEditContext();
+    const [wizard, setWizard] = useState(null);
+    const [parentItem, setParentItem] = useState();
+    const searchParams = useSearchParams();
     // Load all wizards and check URL param on mount
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (!editContext?.currentItemDescriptor)
             return;
-        (0, service_1.getWizards)(editContext?.currentItemDescriptor).then((availableWizards) => {
+        getWizards(editContext?.currentItemDescriptor).then((availableWizards) => {
             // Check for wizard ID in URL
             const params = new URLSearchParams(window.location.search);
             const wizardName = params.get("wizard");
@@ -49,11 +46,11 @@ function PageWizard() {
     if (!editContext?.currentItemDescriptor)
         return null;
     if (!wizard) {
-        return ((0, jsx_runtime_1.jsx)("div", { className: "fixed inset-0 z-1000 bg-white", children: (0, jsx_runtime_1.jsx)(SelectWizard_1.SelectWizard, { parentItem: parentItem, setParentItem: setParentItem, onSelect: handleSelect }) }));
+        return (_jsx("div", { className: "fixed inset-0 z-1000 bg-white", children: _jsx(SelectWizard, { parentItem: parentItem, setParentItem: setParentItem, onSelect: handleSelect }) }));
     }
     if (!parentItem)
         return null;
-    return ((0, jsx_runtime_1.jsx)("div", { className: "fixed inset-0 z-1000 bg-white text-gray-950", children: (0, jsx_runtime_1.jsx)(WizardSteps_1.WizardSteps, { wizard: wizard, onCancel: handleCancel, parentItem: parentItem, onLanguageSelected: (language) => {
+    return (_jsx("div", { className: "fixed inset-0 z-1000 bg-white text-gray-950", children: _jsx(WizardSteps, { wizard: wizard, onCancel: handleCancel, parentItem: parentItem, onLanguageSelected: (language) => {
                 setParentItem({
                     ...parentItem,
                     language: language.languageCode,

package/dist/page-wizard/SelectWizard.d.ts

@@ -0,0 +1,7 @@
+import { ItemDescriptor } from "../editor/pageModel";
+import { Wizard } from "./PageWizard";
+export declare function SelectWizard({ parentItem, setParentItem, onSelect, }: {
+    parentItem?: ItemDescriptor;
+    setParentItem: (item: ItemDescriptor) => void;
+    onSelect: (wizard: Wizard) => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/page-wizard/SelectWizard.js

@@ -1,22 +1,19 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SelectWizard = SelectWizard;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const service_1 = require("./service");
-const ScrollingContentTree_1 = require("../editor/ScrollingContentTree");
-const Splitter_1 = require("../editor/ui/Splitter");
-const Icons_1 = require("../editor/ui/Icons");
-const SimpleIconButton_1 = require("../editor/ui/SimpleIconButton");
-const editContext_1 = require("../editor/client/editContext");
-function SelectWizard({ parentItem, setParentItem, onSelect, }) {
-    const editContext = (0, editContext_1.useEditContext)();
-    const [wizards, setWizards] = (0, react_1.useState)([]);
-    (0, react_1.useEffect)(() => {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { getWizards } from "./service";
+import { ScrollingContentTree } from "../editor/ScrollingContentTree";
+import { Splitter } from "../editor/ui/Splitter";
+import { PageWizardLogo } from "../editor/ui/Icons";
+import { SimpleIconButton } from "../editor/ui/SimpleIconButton";
+import { useEditContext } from "../editor/client/editContext";
+export function SelectWizard({ parentItem, setParentItem, onSelect, }) {
+    const editContext = useEditContext();
+    const [wizards, setWizards] = useState([]);
+    useEffect(() => {
         const fetchWizards = async () => {
             if (!parentItem)
                 return;
-            const wizards = await (0, service_1.getWizards)(parentItem);
+            const wizards = await getWizards(parentItem);
             setWizards(wizards);
         };
         fetchWizards();
@@ -24,7 +21,7 @@ function SelectWizard({ parentItem, setParentItem, onSelect, }) {
     const treePanel = {
         name: "tree",
         defaultSize: 450,
-        content: ((0, jsx_runtime_1.jsx)("div", { className: "flex h-full gap-2", children: (0, jsx_runtime_1.jsx)(ScrollingContentTree_1.ScrollingContentTree, { selectedItemId: parentItem?.id, onSelectionChange: (x) => {
+        content: (_jsx("div", { className: "flex h-full gap-2", children: _jsx(ScrollingContentTree, { selectedItemId: parentItem?.id, onSelectionChange: (x) => {
                     setParentItem({
                         ...parentItem,
                         id: x.id,
@@ -37,7 +34,7 @@ function SelectWizard({ parentItem, setParentItem, onSelect, }) {
         name: "wizard",
         defaultSize: "auto",
         collapsible: false,
-        content: ((0, jsx_runtime_1.jsxs)("div", { className: "absolute inset-2 overflow-auto", children: [!parentItem && ((0, jsx_runtime_1.jsx)("div", { className: "flex h-full items-center justify-center text-center text-gray-500", children: "Select a parent item on the left!" })), parentItem && wizards?.length === 0 && ((0, jsx_runtime_1.jsx)("div", { className: "text-center text-gray-500", children: "No wizards found" })), parentItem && wizards.length > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "mx-2 flex flex-wrap gap-3", children: wizards.map((wizard) => ((0, jsx_runtime_1.jsxs)("div", { className: "flex cursor-pointer items-center gap-2 rounded-md border border-gray-300 p-4 hover:bg-gray-100", onClick: () => onSelect(wizard), children: [(0, jsx_runtime_1.jsx)("img", { src: wizard.icon, alt: wizard.name, className: "h-10 w-10" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h2", { className: "text-lg", children: wizard.name }), (0, jsx_runtime_1.jsx)("p", { className: "text-sm", children: wizard.description })] })] }, wizard.id))) }))] })),
+        content: (_jsxs("div", { className: "absolute inset-2 overflow-auto", children: [!parentItem && (_jsx("div", { className: "flex h-full items-center justify-center text-center text-gray-500", children: "Select a parent item on the left!" })), parentItem && wizards?.length === 0 && (_jsx("div", { className: "text-center text-gray-500", children: "No wizards found" })), parentItem && wizards.length > 0 && (_jsx("div", { className: "mx-2 flex flex-wrap gap-3", children: wizards.map((wizard) => (_jsxs("div", { className: "flex cursor-pointer items-center gap-2 rounded-md border border-gray-300 p-4 hover:bg-gray-100", onClick: () => onSelect(wizard), children: [_jsx("img", { src: wizard.icon, alt: wizard.name, className: "h-10 w-10" }), _jsxs("div", { children: [_jsx("h2", { className: "text-lg", children: wizard.name }), _jsx("p", { className: "text-sm", children: wizard.description })] })] }, wizard.id))) }))] })),
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex h-full flex-col", children: [(0, jsx_runtime_1.jsxs)("h1", { className: "bg-shape-black flex w-full items-center gap-2 p-4 text-xl font-bold text-white", children: [(0, jsx_runtime_1.jsx)(Icons_1.PageWizardLogo, {}), "Select Wizard", (0, jsx_runtime_1.jsx)(SimpleIconButton_1.SimpleIconButton, { icon: "pi pi-times", className: "ml-auto", onClick: () => editContext?.switchView("editor"), label: "Cancel" })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex gap-2 bg-gray-100 px-4 py-3 text-sm text-gray-600", children: "First select a parent item, then select a wizard to create a new page." }), (0, jsx_runtime_1.jsx)(Splitter_1.Splitter, { panels: [treePanel, wizardPanel] })] }));
+    return (_jsxs("div", { className: "flex h-full flex-col", children: [_jsxs("h1", { className: "bg-shape-black flex w-full items-center gap-2 p-4 text-xl font-bold text-white", children: [_jsx(PageWizardLogo, {}), "Select Wizard", _jsx(SimpleIconButton, { icon: "pi pi-times", className: "ml-auto", onClick: () => editContext?.switchView("editor"), label: "Cancel" })] }), _jsx("div", { className: "flex gap-2 bg-gray-100 px-4 py-3 text-sm text-gray-600", children: "First select a parent item, then select a wizard to create a new page." }), _jsx(Splitter, { panels: [treePanel, wizardPanel] })] }));
 }

package/dist/page-wizard/WizardSteps.d.ts

@@ -0,0 +1,8 @@
+import { Wizard } from "./PageWizard";
+import { ItemDescriptor, Language } from "../editor/pageModel";
+export declare function WizardSteps({ wizard, onCancel, parentItem, }: {
+    wizard: Wizard;
+    onCancel: () => void;
+    parentItem: ItemDescriptor;
+    onLanguageSelected: (language: Language) => void;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/page-wizard/WizardSteps.js

@@ -1,27 +1,24 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.WizardSteps = WizardSteps;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const button_1 = require("primereact/button");
-const Icons_1 = require("../editor/ui/Icons");
-const SimpleIconButton_1 = require("../editor/ui/SimpleIconButton");
-const react_dom_1 = require("react-dom");
-const editContext_1 = require("../editor/client/editContext");
-const utils_1 = require("primereact/utils");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button } from "primereact/button";
+import { PageWizardLogo } from "../editor/ui/Icons";
+import { SimpleIconButton } from "../editor/ui/SimpleIconButton";
+import { flushSync } from "react-dom";
+import { useEditContext } from "../editor/client/editContext";
+import { classNames } from "primereact/utils";
 // import { LanguageSelector } from "../editor/menubar/LanguageSelector";
-function WizardSteps({ wizard, onCancel, parentItem, }) {
-    const [currentStepIndex, setCurrentStepIndex] = (0, react_1.useState)(0);
-    const [data, setData] = (0, react_1.useState)({});
-    const [pageModel, setPageModel] = (0, react_1.useState)({
+export function WizardSteps({ wizard, onCancel, parentItem, }) {
+    const [currentStepIndex, setCurrentStepIndex] = useState(0);
+    const [data, setData] = useState({});
+    const [pageModel, setPageModel] = useState({
         components: [],
         name: "",
         metaDescription: "",
         metaKeywords: "",
     });
-    const editContext = (0, editContext_1.useEditContext)();
-    const [internalState, setInternalState] = (0, react_1.useState)({});
-    const [stepCompleted, setStepCompleted] = (0, react_1.useState)(-1);
+    const editContext = useEditContext();
+    const [internalState, setInternalState] = useState({});
+    const [stepCompleted, setStepCompleted] = useState(-1);
     const getCurrentStep = () => {
         const step = wizard.steps[currentStepIndex];
         if (!step)
@@ -38,7 +35,7 @@ function WizardSteps({ wizard, onCancel, parentItem, }) {
         // Get the appropriate component based on the extracted name
         const StepComponent = config.pageWizard.stepComponents[componentName];
         if (StepComponent) {
-            return ((0, jsx_runtime_1.jsx)(StepComponent, { step: wizard.steps[currentStepIndex], data: data, setData: setData, setPageModel: setPageModel, pageModel: pageModel, wizard: wizard, setStepCompleted: (completed) => {
+            return (_jsx(StepComponent, { step: wizard.steps[currentStepIndex], data: data, setData: setData, setPageModel: setPageModel, pageModel: pageModel, wizard: wizard, setStepCompleted: (completed) => {
                     if (completed) {
                         setStepCompleted((prev) => Math.max(prev, currentStepIndex));
                     }
@@ -51,7 +48,7 @@ function WizardSteps({ wizard, onCancel, parentItem, }) {
     };
     const switchStep = (index) => {
         document.startViewTransition(() => {
-            (0, react_dom_1.flushSync)(() => {
+            flushSync(() => {
                 setCurrentStepIndex(index);
             });
         });
@@ -59,13 +56,13 @@ function WizardSteps({ wizard, onCancel, parentItem, }) {
     const currentStep = wizard.steps[currentStepIndex];
     if (!currentStep)
         return null;
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col  flex-1 h-full justify-stretch ", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col border-b border-gray-200 bg-gray-100 flex-1", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 items-center bg-shape-black text-white p-4 py-4", children: [(0, jsx_runtime_1.jsx)(Icons_1.PageWizardLogo, {}), " ", (0, jsx_runtime_1.jsx)("h1", { className: "text-xl font-bold text-white", children: wizard.name }), wizard.description && ((0, jsx_runtime_1.jsxs)("div", { className: "text-gray-200", children: ["- ", wizard.description] })), (0, jsx_runtime_1.jsx)(SimpleIconButton_1.SimpleIconButton, { icon: "pi pi-times", className: "ml-auto", onClick: onCancel, label: "Cancel" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex gap-2 flex-1", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex flex-col animate-fadeLeft transition-all duration-900 bg-white", children: (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col text-sm text-gray-500 px-5 py-4", children: wizard.steps.map((step, index) => ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.classNames)("flex gap-4 items-center mb-5", currentStepIndex > index && "cursor-pointer"), onClick: () => index < currentStepIndex ? switchStep(index) : undefined, children: [(0, jsx_runtime_1.jsx)("span", { className: (0, utils_1.classNames)("border-2 rounded-full w-7 h-7 p-2 flex items-center justify-center text-xs font-medium text-activeStepColor", currentStepIndex >= index
+    return (_jsxs("div", { className: "flex flex-col  flex-1 h-full justify-stretch ", children: [_jsxs("div", { className: "flex flex-col border-b border-gray-200 bg-gray-100 flex-1", children: [_jsxs("div", { className: "flex gap-2 items-center bg-shape-black text-white p-4 py-4", children: [_jsx(PageWizardLogo, {}), " ", _jsx("h1", { className: "text-xl font-bold text-white", children: wizard.name }), wizard.description && (_jsxs("div", { className: "text-gray-200", children: ["- ", wizard.description] })), _jsx(SimpleIconButton, { icon: "pi pi-times", className: "ml-auto", onClick: onCancel, label: "Cancel" })] }), _jsxs("div", { className: "flex gap-2 flex-1", children: [_jsx("div", { className: "flex flex-col animate-fadeLeft transition-all duration-900 bg-white", children: _jsx("div", { className: "flex flex-col text-sm text-gray-500 px-5 py-4", children: wizard.steps.map((step, index) => (_jsxs("div", { className: classNames("flex gap-4 items-center mb-5", currentStepIndex > index && "cursor-pointer"), onClick: () => index < currentStepIndex ? switchStep(index) : undefined, children: [_jsx("span", { className: classNames("border-2 rounded-full w-7 h-7 p-2 flex items-center justify-center text-xs font-medium text-activeStepColor", currentStepIndex >= index
                                                     ? "border-canvas-red text-canvas-red"
-                                                    : "border-gray-400"), children: index + 1 }), (0, jsx_runtime_1.jsx)("div", { className: (0, utils_1.classNames)("w-auto  opacity-100", currentStepIndex === index
+                                                    : "border-gray-400"), children: index + 1 }), _jsx("div", { className: classNames("w-auto  opacity-100", currentStepIndex === index
                                                     ? "text-canvas-red font-semibold text-base"
                                                     : currentStepIndex >= index
                                                         ? "text-gray-600 text-sm"
-                                                        : "text-gray-400 text-sm"), children: step.name })] }, step.id))) }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex-1 flex flex-col px-8 pt-9 bg-secondary lg:pr-20 xl:pr-32 container animate-fadeIn transition-all duration-500", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-4xl font-semibold", children: currentStep?.name }), currentStep?.description && ((0, jsx_runtime_1.jsx)("div", { className: "text-base mt-2 font-light", children: currentStep.description })), (0, jsx_runtime_1.jsx)("div", { className: "flex-1 pt-8", children: getCurrentStep() })] })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex justify-between border-t border-gray-200 p-3", children: [(0, jsx_runtime_1.jsx)("div", { children: currentStepIndex > 0 && ((0, jsx_runtime_1.jsx)(button_1.Button, { icon: "pi pi-arrow-left mr-2", onClick: () => switchStep(currentStepIndex - 1), disabled: currentStepIndex === 0, children: wizard.steps[currentStepIndex - 1]?.name })) }), (0, jsx_runtime_1.jsxs)("div", { children: [currentStepIndex < wizard.steps.length - 1 && ((0, jsx_runtime_1.jsx)(button_1.Button, { icon: "pi pi-arrow-right mr-2", disabled: stepCompleted < currentStepIndex, onClick: () => switchStep(currentStepIndex + 1), children: wizard.steps[currentStepIndex + 1]?.name })), currentStepIndex === wizard.steps.length - 1 && ((0, jsx_runtime_1.jsx)(button_1.Button, { icon: "pi pi-check", disabled: stepCompleted < currentStepIndex, onClick: () => {
+                                                        : "text-gray-400 text-sm"), children: step.name })] }, step.id))) }) }), _jsxs("div", { className: "flex-1 flex flex-col px-8 pt-9 bg-secondary lg:pr-20 xl:pr-32 container animate-fadeIn transition-all duration-500", children: [_jsx("div", { className: "text-4xl font-semibold", children: currentStep?.name }), currentStep?.description && (_jsx("div", { className: "text-base mt-2 font-light", children: currentStep.description })), _jsx("div", { className: "flex-1 pt-8", children: getCurrentStep() })] })] })] }), _jsxs("div", { className: "flex justify-between border-t border-gray-200 p-3", children: [_jsx("div", { children: currentStepIndex > 0 && (_jsx(Button, { icon: "pi pi-arrow-left mr-2", onClick: () => switchStep(currentStepIndex - 1), disabled: currentStepIndex === 0, children: wizard.steps[currentStepIndex - 1]?.name })) }), _jsxs("div", { children: [currentStepIndex < wizard.steps.length - 1 && (_jsx(Button, { icon: "pi pi-arrow-right mr-2", disabled: stepCompleted < currentStepIndex, onClick: () => switchStep(currentStepIndex + 1), children: wizard.steps[currentStepIndex + 1]?.name })), currentStepIndex === wizard.steps.length - 1 && (_jsx(Button, { icon: "pi pi-check", disabled: stepCompleted < currentStepIndex, onClick: () => {
                                     editContext?.switchView("editor");
                                 }, label: "Finish", className: "ml-2" }))] })] })] }));
 }

package/dist/page-wizard/service.d.ts

@@ -0,0 +1,15 @@
+import { EditContextType } from "../editor/client/editContext";
+import { ItemDescriptor } from "../editor/pageModel";
+import { Wizard } from "./PageWizard";
+export declare function getWizards(parentItem: ItemDescriptor): Promise<Wizard[]>;
+export declare function createWizardAiContext({ editContext, }: {
+    editContext: EditContextType;
+}): {
+    endpoint: string;
+    promptData: {
+        itemid: string | undefined;
+        language: string | undefined;
+        version: number | undefined;
+    };
+};
+export declare function wipeComponents(pageItem: ItemDescriptor): Promise<unknown>;

package/dist/page-wizard/service.js

@@ -1,14 +1,9 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getWizards = getWizards;
-exports.createWizardAiContext = createWizardAiContext;
-exports.wipeComponents = wipeComponents;
-const serviceHelper_1 = require("../editor/services/serviceHelper");
-async function getWizards(parentItem) {
-    const result = await (0, serviceHelper_1.post)("/alpaca/editor/page-wizard/wizards", parentItem);
+import { post } from "../editor/services/serviceHelper";
+export async function getWizards(parentItem) {
+    const result = await post("/alpaca/editor/page-wizard/wizards", parentItem);
     return result.data;
 }
-function createWizardAiContext({ editContext, }) {
+export function createWizardAiContext({ editContext, }) {
     const aiPromptUrl = "/alpaca/editor/page-wizard/prompt";
     return {
         // configuration.services.editorService.baseUrl +
@@ -20,7 +15,7 @@ function createWizardAiContext({ editContext, }) {
         },
     };
 }
-async function wipeComponents(pageItem) {
-    const result = await (0, serviceHelper_1.post)("/alpaca/editor/page-wizard/wipePage", pageItem);
+export async function wipeComponents(pageItem) {
+    const result = await post("/alpaca/editor/page-wizard/wipePage", pageItem);
     return result.data;
 }

package/dist/page-wizard/startPageWizardCommand.d.ts

@@ -0,0 +1,13 @@
+import { CommandContext } from "../editor/commands/commands";
+import { ItemDescriptor } from "../editor/pageModel";
+import { Wizard } from "./PageWizard";
+export declare const startPageWizardCommand: {
+    id: string;
+    label: string;
+    icon: string;
+    execute: (context: CommandContext<{
+        wizard: Wizard;
+        item: ItemDescriptor;
+    }>) => Promise<void>;
+    disabled: () => boolean;
+};

package/dist/page-wizard/startPageWizardCommand.js

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.startPageWizardCommand = void 0;
-exports.startPageWizardCommand = {
+export const startPageWizardCommand = {
     id: "startWizard",
     label: "Start Wizard",
     icon: "pi pi-magic",

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

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

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

@@ -1,32 +1,26 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BuildPageStep = BuildPageStep;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Splitter_1 = require("../../editor/ui/Splitter");
-const editContext_1 = require("../../editor/client/editContext");
-const react_1 = require("react");
-const PageViewer_1 = require("../../editor/page-viewer/PageViewer");
-const use_debounce_1 = require("use-debounce");
-const contentService_1 = require("../../editor/services/contentService");
-const ActionButton_1 = require("../../components/ActionButton");
-const Generate_1 = __importDefault(require("./Generate"));
-const usePageCreator_1 = require("./usePageCreator");
-function BuildPageStep({ data, setData, parentItem, wizard, setStepCompleted, }) {
-    const editContext = (0, editContext_1.useEditContext)();
-    const [createdPageDescriptor, setCreatedPageDescriptor] = (0, react_1.useState)();
-    const [pageLoaded, setPageLoaded] = (0, react_1.useState)(false);
-    const [fullParentItem, setFullParentItem] = (0, react_1.useState)();
-    const [isBuilding, setIsBuilding] = (0, react_1.useState)(false);
-    const [validationMessage, setValidationMessage] = (0, react_1.useState)();
-    (0, react_1.useEffect)(() => {
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Splitter } from "../../editor/ui/Splitter";
+import { useEditContext } from "../../editor/client/editContext";
+import { useEffect, useState } from "react";
+import { PageViewer } from "../../editor/page-viewer/PageViewer";
+import { useDebouncedCallback } from "use-debounce";
+import { getChildren } from "../../editor/services/contentService";
+import { ActionButton } from "../../components/ActionButton";
+import Generate from "./Generate";
+import { usePageCreator } from "./usePageCreator";
+export function BuildPageStep({ data, setData, parentItem, wizard, setStepCompleted, }) {
+    const editContext = useEditContext();
+    const [createdPageDescriptor, setCreatedPageDescriptor] = useState();
+    const [pageLoaded, setPageLoaded] = useState(false);
+    const [fullParentItem, setFullParentItem] = useState();
+    const [isBuilding, setIsBuilding] = useState(false);
+    const [validationMessage, setValidationMessage] = useState();
+    useEffect(() => {
         if (createdPageDescriptor &&
             createdPageDescriptor.id === editContext?.page?.item?.descriptor.id)
             setPageLoaded(true);
     }, [editContext?.page]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         const loadParentItem = async () => {
             if (!parentItem)
                 return;
@@ -35,7 +29,7 @@ function BuildPageStep({ data, setData, parentItem, wizard, setStepCompleted, })
         };
         loadParentItem();
     }, [parentItem]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         const buildComponents = async () => {
             try {
                 console.log("Building components", createdPageDescriptor, editContext?.page);
@@ -76,7 +70,7 @@ function BuildPageStep({ data, setData, parentItem, wizard, setStepCompleted, })
             return;
         let valid = !!wizard.templateId && pageModel.name.trim().length >= 3;
         if (valid) {
-            const children = await (0, contentService_1.getChildren)(parentItem.id, editContext?.sessionId ?? "", [], false, editContext?.contentEditorItem?.language || "en");
+            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;
@@ -93,8 +87,8 @@ function BuildPageStep({ data, setData, parentItem, wizard, setStepCompleted, })
             setValidationMessage(undefined);
         return valid;
     };
-    const checkNameValidDebounced = (0, use_debounce_1.useDebouncedCallback)(async () => checkName(), 500);
-    (0, react_1.useEffect)(() => {
+    const checkNameValidDebounced = useDebouncedCallback(async () => checkName(), 500);
+    useEffect(() => {
         checkNameValidDebounced();
     }, [pageModel.name]);
     const createPage = () => {
@@ -119,12 +113,12 @@ function BuildPageStep({ data, setData, parentItem, wizard, setStepCompleted, })
             }
         }, 1);
     };
-    const pageCreator = (0, usePageCreator_1.usePageCreator)(createdPageDescriptor, wizard, (pageModel) => setData({ ...data, pageModel }));
+    const pageCreator = usePageCreator(createdPageDescriptor, wizard, (pageModel) => setData({ ...data, pageModel }));
     const settingsPanel = {
         name: "settings",
         defaultSize: 450,
         collapsible: false,
-        content: ((0, jsx_runtime_1.jsxs)("div", { className: "pr-6", children: [(0, jsx_runtime_1.jsxs)("div", { className: "mb-4", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-sm font-medium mb-1", children: "Target Parent Item" }), (0, jsx_runtime_1.jsx)("div", { className: "mb-4 text-xs break-after-all", children: fullParentItem?.path })] }), (0, jsx_runtime_1.jsxs)("div", { className: "mb-4", children: [(0, jsx_runtime_1.jsx)("label", { htmlFor: "pageName", className: "block text-sm font-medium mb-1", children: "Page Name" }), (0, jsx_runtime_1.jsx)("input", { id: "pageName", type: "text", className: "w-full p-2 border rounded text-sm", value: pageModel.name, onChange: (e) => handleInputChange("name", e.target.value), placeholder: "Enter page name" }), validationMessage && ((0, jsx_runtime_1.jsx)("div", { className: "mt-2 text-sm text-red-500", children: validationMessage }))] }), (0, jsx_runtime_1.jsxs)("div", { className: "mb-4", children: [(0, jsx_runtime_1.jsx)("label", { htmlFor: "metaDescription", className: "block text-sm font-medium mb-1", children: "Meta Description" }), (0, jsx_runtime_1.jsx)("textarea", { id: "metaDescription", 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" })] }), (0, jsx_runtime_1.jsx)(ActionButton_1.ActionButton, { disabled: isBuilding || !!validationMessage, className: "flex-1 w-full", onClick: () => {
+        content: (_jsxs("div", { className: "pr-6", 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", children: [_jsx("label", { htmlFor: "pageName", className: "block text-sm font-medium mb-1", children: "Page Name" }), _jsx("input", { id: "pageName", type: "text", 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", 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" })] }), _jsx(ActionButton, { disabled: isBuilding || !!validationMessage, className: "flex-1 w-full", onClick: () => {
                         createPage();
                     }, isLoading: isBuilding, loadingText: "Working", children: "Create Page" })] })),
     };
@@ -132,7 +126,7 @@ function BuildPageStep({ data, setData, parentItem, wizard, setStepCompleted, })
         name: "content",
         defaultSize: "auto",
         collapsible: false,
-        content: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: pageLoaded ? "h-full" : "h-0", children: (0, jsx_runtime_1.jsx)(PageViewer_1.PageViewer, { name: "single", mode: editContext?.previewMode ? "view" : "edit", showFormEditor: false, followEditsDefault: true, pageViewContext: editContext.pageView }) }), isBuilding && !pageLoaded && ((0, jsx_runtime_1.jsx)("div", { className: "flex items-center justify-center h-full", children: (0, jsx_runtime_1.jsx)(Generate_1.default, { title: "Building page..." }) }))] })),
+        content: (_jsxs(_Fragment, { children: [_jsx("div", { className: pageLoaded ? "h-full" : "h-0", children: _jsx(PageViewer, { name: "single", mode: editContext?.previewMode ? "view" : "edit", showFormEditor: false, followEditsDefault: true, pageViewContext: editContext.pageView }) }), isBuilding && !pageLoaded && (_jsx("div", { className: "flex items-center justify-center h-full", children: _jsx(Generate, { title: "Building page..." }) }))] })),
     };
-    return (0, jsx_runtime_1.jsx)(Splitter_1.Splitter, { panels: [settingsPanel, contentPanel] });
+    return _jsx(Splitter, { panels: [settingsPanel, contentPanel] });
 }

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

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