@alpaca-editor/core 1.0.3767 → 1.0.3768

package/dist/splash-screen/NewPage.js

@@ -1,37 +1,34 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NewPage = NewPage;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const ScrollingContentTree_1 = require("../editor/ScrollingContentTree");
-const contentService_1 = require("../editor/services/contentService");
-const editService_1 = require("../editor/services/editService");
-const inputtext_1 = require("primereact/inputtext");
-const button_1 = require("primereact/button");
-const utils_1 = require("../editor/utils");
-const utils_2 = require("primereact/utils");
-const client_components_1 = require("../client-components");
-const SectionHeadline_1 = require("./SectionHeadline");
-const use_debounce_1 = require("use-debounce");
-const service_1 = require("../page-wizard/service");
-function NewPage({ selectedItemId }) {
-    const [selectedItem, setSelectedItem] = (0, react_1.useState)(null);
-    const [isValid, setIsValid] = (0, react_1.useState)(false);
-    const [insertOptions, setInsertOptions] = (0, react_1.useState)(null);
-    const [validationMessage, setValidationMessage] = (0, react_1.useState)(null);
-    const [selectedTemplate, setSelectedTemplate] = (0, react_1.useState)();
-    const [name, setName] = (0, react_1.useState)("");
-    const editContext = (0, client_components_1.useEditContext)();
-    const [wizards, setWizards] = (0, react_1.useState)([]);
-    const insertOptionsAndWizards = (0, react_1.useMemo)(() => {
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from "react";
+import { ScrollingContentTree } from "../editor/ScrollingContentTree";
+import { getChildren, } from "../editor/services/contentService";
+import { executeCreateItem, loadInsertOptions, } from "../editor/services/editService";
+import { InputText } from "primereact/inputtext";
+import { Button } from "primereact/button";
+import { getAbsoluteIconUrl, getItemDescriptor } from "../editor/utils";
+import { classNames } from "primereact/utils";
+import { useEditContext } from "../client-components";
+import { SectionHeadline } from "./SectionHeadline";
+import { useDebouncedCallback } from "use-debounce";
+import { getWizards } from "../page-wizard/service";
+export function NewPage({ selectedItemId }) {
+    const [selectedItem, setSelectedItem] = useState(null);
+    const [isValid, setIsValid] = useState(false);
+    const [insertOptions, setInsertOptions] = useState(null);
+    const [validationMessage, setValidationMessage] = useState(null);
+    const [selectedTemplate, setSelectedTemplate] = useState();
+    const [name, setName] = useState("");
+    const editContext = useEditContext();
+    const [wizards, setWizards] = useState([]);
+    const insertOptionsAndWizards = useMemo(() => {
         return [...(insertOptions || []), ...(wizards || [])];
     }, [insertOptions, wizards]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         const loadOptions = async () => {
             if (!selectedItem)
                 return;
-            const item = (0, utils_1.getItemDescriptor)(selectedItem);
-            const insertOptions = await (0, editService_1.loadInsertOptions)(item);
+            const item = getItemDescriptor(selectedItem);
+            const insertOptions = await loadInsertOptions(item);
             const pageInsertOptions = insertOptions?.filter((x) => x.hasLayout);
             setInsertOptions(pageInsertOptions);
             setSelectedTemplate(pageInsertOptions?.[0]?.id);
@@ -39,14 +36,14 @@ function NewPage({ selectedItemId }) {
         const loadWizards = async () => {
             if (!selectedItem)
                 return;
-            const item = (0, utils_1.getItemDescriptor)(selectedItem);
-            const wizards = await (0, service_1.getWizards)(item);
+            const item = getItemDescriptor(selectedItem);
+            const wizards = await getWizards(item);
             setWizards(wizards);
         };
         loadOptions();
         loadWizards();
     }, [selectedItem]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         const loadItem = async () => {
             const itemId = selectedItemId ||
                 editContext?.configuration.editor.dialogs.newPage.expandTreeNode;
@@ -62,12 +59,12 @@ function NewPage({ selectedItemId }) {
         };
         loadItem();
     }, [selectedItemId]);
-    const isValidDebounced = (0, use_debounce_1.useDebouncedCallback)(async () => {
+    const isValidDebounced = useDebouncedCallback(async () => {
         if (!selectedItem)
             return;
         let valid = !!selectedTemplate && name.trim().length >= 3;
         if (valid) {
-            const children = await (0, contentService_1.getChildren)(selectedItem.id, editContext?.sessionId ?? "", [], false, editContext?.contentEditorItem?.language || "en");
+            const children = await getChildren(selectedItem.id, editContext?.sessionId ?? "", [], false, editContext?.contentEditorItem?.language || "en");
             if (children.find((x) => x.name.toLocaleLowerCase() === name.trim().toLocaleLowerCase())) {
                 valid = false;
                 setValidationMessage("A page with this name already exists.");
@@ -83,13 +80,13 @@ function NewPage({ selectedItemId }) {
             setValidationMessage(null);
         setIsValid(valid);
     }, 500);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         isValidDebounced();
     }, [name]);
     const handleOk = async () => {
         if (!selectedItem || !selectedTemplate)
             return;
-        const result = await (0, editService_1.executeCreateItem)((0, utils_1.getItemDescriptor)(selectedItem), selectedTemplate, name);
+        const result = await executeCreateItem(getItemDescriptor(selectedItem), selectedTemplate, name);
         if (result.response.ok) {
             editContext?.switchView("page-editor");
             if (result.data)
@@ -116,16 +113,16 @@ function NewPage({ selectedItemId }) {
             event: ev,
         });
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "flex h-full gap-3", children: [(0, jsx_runtime_1.jsxs)("div", { className: "tour-pick-location flex w-1/2 flex-col", children: [(0, jsx_runtime_1.jsx)(SectionHeadline_1.SectionHeadline, { children: "1. Pick Location" }), (0, jsx_runtime_1.jsx)("div", { className: "relative flex-1", children: (0, jsx_runtime_1.jsx)("div", { className: "absolute inset-0 overflow-auto", children: (0, jsx_runtime_1.jsx)(ScrollingContentTree_1.ScrollingContentTree, { selectedItemId: selectedItem?.id || selectedItemId, onSelectionChange: (selection) => {
+    return (_jsxs("div", { className: "flex h-full gap-3", children: [_jsxs("div", { className: "tour-pick-location flex w-1/2 flex-col", children: [_jsx(SectionHeadline, { children: "1. Pick Location" }), _jsx("div", { className: "relative flex-1", children: _jsx("div", { className: "absolute inset-0 overflow-auto", children: _jsx(ScrollingContentTree, { selectedItemId: selectedItem?.id || selectedItemId, onSelectionChange: (selection) => {
                                     const selected = selection[0];
                                     if (selected)
                                         setSelectedItem(selected);
-                                } }) }) })] }), (0, jsx_runtime_1.jsxs)("div", { className: "w-1/2 border-l pl-7", children: [(0, jsx_runtime_1.jsx)(SectionHeadline_1.SectionHeadline, { className: "tour-choose-template", children: "2. Choose a Template or Wizard" }), (0, jsx_runtime_1.jsxs)("div", { className: "mt-1 flex min-h-12 flex-wrap gap-3", children: [!insertOptions?.length && ((0, jsx_runtime_1.jsx)("div", { children: "No page templates available here." })), insertOptionsAndWizards?.map((option) => ((0, jsx_runtime_1.jsxs)("div", { onClick: () => setSelectedTemplate(option.id), className: (0, utils_2.classNames)("mb-2 flex cursor-pointer flex-col items-center bg-gray-100 p-2 text-sm", selectedTemplate === option.id
+                                } }) }) })] }), _jsxs("div", { className: "w-1/2 border-l pl-7", children: [_jsx(SectionHeadline, { className: "tour-choose-template", children: "2. Choose a Template or Wizard" }), _jsxs("div", { className: "mt-1 flex min-h-12 flex-wrap gap-3", children: [!insertOptions?.length && (_jsx("div", { children: "No page templates available here." })), insertOptionsAndWizards?.map((option) => (_jsxs("div", { onClick: () => setSelectedTemplate(option.id), className: classNames("mb-2 flex cursor-pointer flex-col items-center bg-gray-100 p-2 text-sm", selectedTemplate === option.id
                                     ? "tour-selected-template bg-gray-200 outline outline-2 outline-offset-2 outline-gray-200"
-                                    : "bg-gray-100"), children: [(0, jsx_runtime_1.jsx)("img", { src: (0, utils_1.getAbsoluteIconUrl)(option.icon), width: "32", height: "32" }), option.name] }, option.id)))] }), selectedTemplate &&
-                        wizards?.find((x) => x.id === selectedTemplate) && ((0, jsx_runtime_1.jsx)("div", { className: "mt-4", children: (0, jsx_runtime_1.jsx)(button_1.Button, { onClick: launchWizard, label: "Start Wizard", id: "launch-wizard-button" }) })), selectedTemplate &&
-                        insertOptions?.find((x) => x.id === selectedTemplate) && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(SectionHeadline_1.SectionHeadline, { children: "3. Name Your Page" }), (0, jsx_runtime_1.jsx)(inputtext_1.InputText, { className: "w-full", value: name, id: "new-page-name", onChange: (e) => setName(e.target.value), onKeyDown: (ev) => {
+                                    : "bg-gray-100"), children: [_jsx("img", { src: getAbsoluteIconUrl(option.icon), width: "32", height: "32" }), option.name] }, option.id)))] }), selectedTemplate &&
+                        wizards?.find((x) => x.id === selectedTemplate) && (_jsx("div", { className: "mt-4", children: _jsx(Button, { onClick: launchWizard, label: "Start Wizard", id: "launch-wizard-button" }) })), selectedTemplate &&
+                        insertOptions?.find((x) => x.id === selectedTemplate) && (_jsxs(_Fragment, { children: [_jsx(SectionHeadline, { children: "3. Name Your Page" }), _jsx(InputText, { className: "w-full", value: name, id: "new-page-name", onChange: (e) => setName(e.target.value), onKeyDown: (ev) => {
                                     if (ev.key === "Enter" && isValid)
                                         handleOk();
-                                }, "data-testid": "new-page-name" }), validationMessage && ((0, jsx_runtime_1.jsx)("div", { className: "mt-2 text-red-500", children: validationMessage })), (0, jsx_runtime_1.jsx)("div", { className: "mt-4", children: (0, jsx_runtime_1.jsx)(button_1.Button, { onClick: handleOk, label: "Create", disabled: !isValid, id: "create-new-page-button" }) })] }))] })] }));
+                                }, "data-testid": "new-page-name" }), validationMessage && (_jsx("div", { className: "mt-2 text-red-500", children: validationMessage })), _jsx("div", { className: "mt-4", children: _jsx(Button, { onClick: handleOk, label: "Create", disabled: !isValid, id: "create-new-page-button" }) })] }))] })] }));
 }

package/dist/splash-screen/SectionHeadline.d.ts

@@ -0,0 +1,4 @@
+export declare function SectionHeadline({ children, className, }: {
+    children: React.ReactNode;
+    className?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/splash-screen/SectionHeadline.js

@@ -1,9 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SectionHeadline = SectionHeadline;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const utils_1 = require("primereact/utils");
-const Icons_1 = require("../editor/ui/Icons");
-function SectionHeadline({ children, className, }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: (0, utils_1.classNames)("mt-2 mb-2 font-bold flex gap-2 items-center w-fit", className), children: [(0, jsx_runtime_1.jsx)(Icons_1.ArrowRightIcon, {}), " ", children] }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { classNames } from "primereact/utils";
+import { ArrowRightIcon } from "../editor/ui/Icons";
+export function SectionHeadline({ children, className, }) {
+    return (_jsxs("div", { className: classNames("mt-2 mb-2 font-bold flex gap-2 items-center w-fit", className), children: [_jsx(ArrowRightIcon, {}), " ", children] }));
 }

package/dist/splash-screen/SplashScreen.d.ts

@@ -0,0 +1 @@
+export declare function SplashScreen(): import("react/jsx-runtime").JSX.Element | undefined;

package/dist/splash-screen/SplashScreen.js

@@ -1,43 +1,40 @@
 "use client";
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SplashScreen = SplashScreen;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const editContext_1 = require("../editor/client/editContext");
-const SimpleTabs_1 = require("../editor/ui/SimpleTabs");
-const ScrollingContentTree_1 = require("../editor/ScrollingContentTree");
-const NewPage_1 = require("./NewPage");
-const navigation_1 = require("next/navigation");
-const SimpleIconButton_1 = require("../editor/ui/SimpleIconButton");
-function SplashScreen() {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { useEditContext } from "../editor/client/editContext";
+import { SimpleTabs } from "../editor/ui/SimpleTabs";
+import { ScrollingContentTree } from "../editor/ScrollingContentTree";
+import { NewPage } from "./NewPage";
+import { usePathname, useRouter } from "next/navigation";
+import { SimpleIconButton } from "../editor/ui/SimpleIconButton";
+export function SplashScreen() {
     const savedHistory = typeof window !== "undefined"
         ? localStorage.getItem("editor.browseHistory")
         : null;
-    const [selectedPage, setSelectedPage] = (0, react_1.useState)(null);
-    const [activeTab, setActiveTab] = (0, react_1.useState)(0);
-    const editContext = (0, editContext_1.useEditContext)();
+    const [selectedPage, setSelectedPage] = useState(null);
+    const [activeTab, setActiveTab] = useState(0);
+    const editContext = useEditContext();
     const recentPages = savedHistory
         ? JSON.parse(savedHistory)
         : [];
     const searchParams = new URLSearchParams(window.location.search);
-    const [history, setHistory] = (0, react_1.useState)();
-    const router = (0, navigation_1.useRouter)();
-    const pathname = (0, navigation_1.usePathname)();
-    (0, react_1.useEffect)(() => {
+    const [history, setHistory] = useState();
+    const router = useRouter();
+    const pathname = usePathname();
+    useEffect(() => {
         const fetchItems = async () => {
             const pages = await editContext?.itemsRepository.getItems(recentPages);
             setHistory(pages);
         };
         fetchItems();
     }, [editContext?.itemsRepository]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (recentPages.length > 0 && recentPages[0])
             setSelectedPage(recentPages[0]);
         if (searchParams.get("create") === "1")
             setActiveTab(1);
     }, []);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (activeTab === 0) {
             router.replace(pathname);
         }
@@ -49,7 +46,7 @@ function SplashScreen() {
         return;
     const tabs = [
         {
-            content: ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-1 gap-4 p-2 text-sm", children: [(0, jsx_runtime_1.jsx)("div", { className: "relative w-2/3", children: (0, jsx_runtime_1.jsx)(ScrollingContentTree_1.ScrollingContentTree, { selectedItemId: selectedPage?.id, onSelectionChange: (selection) => {
+            content: (_jsxs("div", { className: "flex flex-1 gap-4 p-2 text-sm", children: [_jsx("div", { className: "relative w-2/3", children: _jsx(ScrollingContentTree, { selectedItemId: selectedPage?.id, onSelectionChange: (selection) => {
                                 const selectedItem = selection[0];
                                 if (selectedItem)
                                     editContext?.loadItem({
@@ -57,25 +54,25 @@ function SplashScreen() {
                                         language: selectedItem.language ?? "en",
                                         version: selectedItem.version,
                                     });
-                            } }) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex w-1/3 flex-col border-l pl-6", children: [(0, jsx_runtime_1.jsx)("div", { className: "mb-3 font-bold", children: "Recent Pages" }), (0, jsx_runtime_1.jsx)("div", { className: "relative flex-1", children: (0, jsx_runtime_1.jsx)("ul", { className: "absolute inset-0 overflow-auto", children: history?.map((page, index) => ((0, jsx_runtime_1.jsxs)("li", { onMouseOver: () => setSelectedPage(page), onClick: () => {
+                            } }) }), _jsxs("div", { className: "flex w-1/3 flex-col border-l pl-6", children: [_jsx("div", { className: "mb-3 font-bold", children: "Recent Pages" }), _jsx("div", { className: "relative flex-1", children: _jsx("ul", { className: "absolute inset-0 overflow-auto", children: history?.map((page, index) => (_jsxs("li", { onMouseOver: () => setSelectedPage(page), onClick: () => {
                                             editContext?.switchView("page-editor");
                                             editContext?.loadItem({
                                                 id: page.id,
                                                 language: page.language ?? "en",
                                                 version: 0,
                                             });
-                                        }, className: "flex cursor-pointer items-center gap-2 p-2 text-xs hover:bg-gray-100", children: [page.icon && ((0, jsx_runtime_1.jsx)("img", { src: page.icon, width: "16", height: "16" })), " ", page.name, " ", (0, jsx_runtime_1.jsxs)("span", { className: "text-gray-500", children: ["(", page.language, ")"] })] }, index))) }) })] })] })),
+                                        }, className: "flex cursor-pointer items-center gap-2 p-2 text-xs hover:bg-gray-100", children: [page.icon && (_jsx("img", { src: page.icon, width: "16", height: "16" })), " ", page.name, " ", _jsxs("span", { className: "text-gray-500", children: ["(", page.language, ")"] })] }, index))) }) })] })] })),
             label: "Open Page",
             id: "open-page-tab",
         },
         {
-            content: ((0, jsx_runtime_1.jsx)("div", { className: "relative flex flex-1 flex-col", children: (0, jsx_runtime_1.jsx)(NewPage_1.NewPage, { selectedItemId: selectedPage?.id }) })),
+            content: (_jsx("div", { className: "relative flex flex-1 flex-col", children: _jsx(NewPage, { selectedItemId: selectedPage?.id }) })),
             label: "New Page",
             id: "new-page-tab",
             testId: "new-page-tab",
         },
     ];
-    return ((0, jsx_runtime_1.jsx)("div", { className: "flex h-full items-center justify-center bg-gray-100", children: (0, jsx_runtime_1.jsxs)("div", { className: "relative h-3/4 w-2/3 space-y-8 rounded-lg bg-white p-6 p-8 shadow-lg", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex h-full flex-col", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex flex-1 flex-col", children: (0, jsx_runtime_1.jsx)(SimpleTabs_1.SimpleTabs, { tabs: tabs, activeTab: activeTab, setActiveTab: setActiveTab }) }), (0, jsx_runtime_1.jsx)("div", { className: "flex justify-end", children: (0, jsx_runtime_1.jsxs)("a", { className: "flex cursor-pointer items-center text-xs text-blue-600", onClick: () => editContext?.startTour(), children: [(0, jsx_runtime_1.jsx)("i", { className: "pi pi-arrow-right mr-2" }), " Take Tour"] }) })] }), (0, jsx_runtime_1.jsx)("div", { className: "absolute top-0 right-0 p-2", children: (0, jsx_runtime_1.jsx)(SimpleIconButton_1.SimpleIconButton, { icon: "pi pi-times", onClick: () => editContext?.switchView(editContext.contentEditorItem?.hasLayout
+    return (_jsx("div", { className: "flex h-full items-center justify-center bg-gray-100", children: _jsxs("div", { className: "relative h-3/4 w-2/3 space-y-8 rounded-lg bg-white p-6 p-8 shadow-lg", children: [_jsxs("div", { className: "flex h-full flex-col", children: [_jsx("div", { className: "flex flex-1 flex-col", children: _jsx(SimpleTabs, { tabs: tabs, activeTab: activeTab, setActiveTab: setActiveTab }) }), _jsx("div", { className: "flex justify-end", children: _jsxs("a", { className: "flex cursor-pointer items-center text-xs text-blue-600", onClick: () => editContext?.startTour(), children: [_jsx("i", { className: "pi pi-arrow-right mr-2" }), " Take Tour"] }) })] }), _jsx("div", { className: "absolute top-0 right-0 p-2", children: _jsx(SimpleIconButton, { icon: "pi pi-times", onClick: () => editContext?.switchView(editContext.contentEditorItem?.hasLayout
                             ? "page-editor"
                             : "content-editor"), label: "Close" }) })] }) }));
 }

package/dist/tour/Tour.d.ts

@@ -0,0 +1,3 @@
+export declare function Tour({ tourStopCallback }: {
+    tourStopCallback: () => void;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/tour/Tour.js

@@ -1,16 +1,13 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tour = Tour;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const client_components_1 = require("../client-components");
-const utils_1 = require("primereact/utils");
-function Tour({ tourStopCallback }) {
-    const [currentStep, setCurrentStep] = (0, react_1.useState)("start-tour");
-    const [show, setShow] = (0, react_1.useState)(true);
-    const editContext = (0, client_components_1.useEditContext)();
-    const [focusRect, setFocusRect] = (0, react_1.useState)(null);
-    const [pointToRect, setPointToRect] = (0, react_1.useState)(null);
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import { useEditContext } from "../client-components";
+import { classNames } from "primereact/utils";
+export function Tour({ tourStopCallback }) {
+    const [currentStep, setCurrentStep] = useState("start-tour");
+    const [show, setShow] = useState(true);
+    const editContext = useEditContext();
+    const [focusRect, setFocusRect] = useState(null);
+    const [pointToRect, setPointToRect] = useState(null);
     const delay = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
     const waitForElement = (selector, timeout = 0) => {
         if (selector.startsWith("iframe:")) {
@@ -153,7 +150,7 @@ function Tour({ tourStopCallback }) {
     const step = tourSteps[currentStep];
     if (!step)
         return null;
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         const runStep = async () => {
             setShow(false);
             setFocusRect(null);
@@ -192,7 +189,7 @@ function Tour({ tourStopCallback }) {
         };
         runStep();
     }, [currentStep]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         const getPointTo = async () => {
             let pointToRect = focusRect;
             if (step.getPointTo) {
@@ -296,9 +293,9 @@ function Tour({ tourStopCallback }) {
         //   : 'none',
     };
     if (!show) {
-        return (0, jsx_runtime_1.jsx)("div", { className: "overlay", style: overlayStyle });
+        return _jsx("div", { className: "overlay", style: overlayStyle });
     }
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "overlay", style: overlayStyle }), (0, jsx_runtime_1.jsxs)("div", { style: boxStyle, className: "text-gray-800 flex flex-col items-center fade-in", children: [focusRect && ((0, jsx_runtime_1.jsx)("svg", { width: "100px", height: "100px", viewBox: "0 -7.89 113.08 113.08", xmlns: "http://www.w3.org/2000/svg", className: (0, utils_1.classNames)("pointer-events-none", arrowRotation), style: arrowStyle, children: (0, jsx_runtime_1.jsx)("path", { style: { stroke: "#0000ff", fill: "#0000ff" }, d: "M20.1871 175C15.7485 172.891 13.0008 172.469 12.1553 170.992C8.98489 165.508 5.39173 160.024 3.70083 153.908C-1.37187 137.666 -0.737781 121.214 2.64402 104.762C8.35081 76.7092 21.0325 51.8201 36.8847 28.1966C38.5756 25.6655 40.0552 23.1344 41.7461 20.3924C41.7461 20.1814 41.5347 19.7596 41.112 19.1268C36.462 20.3923 31.6007 21.6579 26.9507 22.7125C24.4144 23.1344 21.4552 23.1344 18.9189 22.2907C17.4394 21.8688 15.3258 19.5486 15.3258 18.0722C15.3258 16.1739 16.8053 13.8537 18.0735 12.1663C19.1303 11.1117 21.0326 10.9008 22.7235 10.4789C35.4052 7.31508 48.087 3.72935 60.9801 0.776411C71.9709 -1.75468 75.564 1.83105 74.9299 12.5882C74.2959 23.7672 74.0845 34.9462 73.6618 45.9142C73.4505 49.289 72.8164 52.8747 72.3936 56.6714C63.5164 52.6638 63.5164 52.6638 60.346 18.494C47.0301 33.2588 38.1529 49.289 29.9098 65.7411C21.6666 82.1932 16.1712 99.489 13.2121 117.839C10.2531 136.823 13.8462 154.751 20.1871 175Z", fill: "#0D1927" }) })), (0, jsx_runtime_1.jsx)("style", { children: `
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "overlay", style: overlayStyle }), _jsxs("div", { style: boxStyle, className: "text-gray-800 flex flex-col items-center fade-in", children: [focusRect && (_jsx("svg", { width: "100px", height: "100px", viewBox: "0 -7.89 113.08 113.08", xmlns: "http://www.w3.org/2000/svg", className: classNames("pointer-events-none", arrowRotation), style: arrowStyle, children: _jsx("path", { style: { stroke: "#0000ff", fill: "#0000ff" }, d: "M20.1871 175C15.7485 172.891 13.0008 172.469 12.1553 170.992C8.98489 165.508 5.39173 160.024 3.70083 153.908C-1.37187 137.666 -0.737781 121.214 2.64402 104.762C8.35081 76.7092 21.0325 51.8201 36.8847 28.1966C38.5756 25.6655 40.0552 23.1344 41.7461 20.3924C41.7461 20.1814 41.5347 19.7596 41.112 19.1268C36.462 20.3923 31.6007 21.6579 26.9507 22.7125C24.4144 23.1344 21.4552 23.1344 18.9189 22.2907C17.4394 21.8688 15.3258 19.5486 15.3258 18.0722C15.3258 16.1739 16.8053 13.8537 18.0735 12.1663C19.1303 11.1117 21.0326 10.9008 22.7235 10.4789C35.4052 7.31508 48.087 3.72935 60.9801 0.776411C71.9709 -1.75468 75.564 1.83105 74.9299 12.5882C74.2959 23.7672 74.0845 34.9462 73.6618 45.9142C73.4505 49.289 72.8164 52.8747 72.3936 56.6714C63.5164 52.6638 63.5164 52.6638 60.346 18.494C47.0301 33.2588 38.1529 49.289 29.9098 65.7411C21.6666 82.1932 16.1712 99.489 13.2121 117.839C10.2531 136.823 13.8462 154.751 20.1871 175Z", fill: "#0D1927" }) })), _jsx("style", { children: `
                         @import url('https://fonts.googleapis.com/css2?family=Caveat:wght@400;700&display=swap');                        
                         .handwritten {
                             font-family: 'Caveat', cursive;
@@ -313,9 +310,9 @@ function Tour({ tourStopCallback }) {
                             from { opacity: 0; }
                             to { opacity: 1; }
                         }
-                    ` }), (0, jsx_runtime_1.jsxs)("div", { className: `relative flex items-stretch justify-center bg-gray-50 rounded-lg border border-gray-800 gap-6 shadow-2xl`, style: bubbleStyle, children: [(0, jsx_runtime_1.jsx)("div", { className: "text-xs font-bold cursor-pointer flex items-center gap-2 absolute top-0 right-0 mr-2 mt-2", onClick: stopTour, children: (0, jsx_runtime_1.jsx)("i", { className: "pi pi-times" }) }), (0, jsx_runtime_1.jsx)("div", { className: "flex flex-col items-center justify-center gap-2 bg-gray-200 p-6 rounded-l-lg", children: (0, jsx_runtime_1.jsx)(AlpacaIcon, {}) }), (0, jsx_runtime_1.jsxs)("div", { className: "flex flex-col items-end justify-center gap-3 p-4 ", children: [(0, jsx_runtime_1.jsxs)("div", { className: "opacity-100 text-2xl font-bold handwritten text-center flex flex-col items-center max-w-[450px]", children: [(0, jsx_runtime_1.jsx)("div", { className: "text-4xl mb-4", children: step.title }), (0, jsx_runtime_1.jsx)("div", { children: step.description })] }), (0, jsx_runtime_1.jsx)("div", { className: "flex gap-2", children: step.buttons &&
-                                            step.buttons.map((button, index) => ((0, jsx_runtime_1.jsx)("button", { onClick: button.onClick, className: button.className, children: button.label }, index))) })] })] })] })] }));
+                    ` }), _jsxs("div", { className: `relative flex items-stretch justify-center bg-gray-50 rounded-lg border border-gray-800 gap-6 shadow-2xl`, style: bubbleStyle, children: [_jsx("div", { className: "text-xs font-bold cursor-pointer flex items-center gap-2 absolute top-0 right-0 mr-2 mt-2", onClick: stopTour, children: _jsx("i", { className: "pi pi-times" }) }), _jsx("div", { className: "flex flex-col items-center justify-center gap-2 bg-gray-200 p-6 rounded-l-lg", children: _jsx(AlpacaIcon, {}) }), _jsxs("div", { className: "flex flex-col items-end justify-center gap-3 p-4 ", children: [_jsxs("div", { className: "opacity-100 text-2xl font-bold handwritten text-center flex flex-col items-center max-w-[450px]", children: [_jsx("div", { className: "text-4xl mb-4", children: step.title }), _jsx("div", { children: step.description })] }), _jsx("div", { className: "flex gap-2", children: step.buttons &&
+                                            step.buttons.map((button, index) => (_jsx("button", { onClick: button.onClick, className: button.className, children: button.label }, index))) })] })] })] })] }));
 }
 function AlpacaIcon() {
-    return ((0, jsx_runtime_1.jsxs)("svg", { height: "80px", width: "80px", version: "1.1", id: "Layer_1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", children: [(0, jsx_runtime_1.jsx)("path", { style: { fill: "#EBE4DD" }, d: "M102.989,153.011v153.011C119.613,428.825,184.332,506.115,256,506.115\r\n\ts136.387-77.29,153.012-200.092V153.011H102.989z" }), (0, jsx_runtime_1.jsx)("path", { style: { fill: "#D8CCBC" }, d: "M255.999,153.011v353.103H256c71.668,0,136.387-77.29,153.012-200.092V153.011H255.999z" }), (0, jsx_runtime_1.jsx)("path", { style: { fill: "#A58868" }, d: "M273.655,435.494h-35.31c0,41.195-17.007,41.195-29.425,41.195V512\r\n\tc16.246,0,34.206-4.021,47.08-18.162C268.873,507.979,286.834,512,303.08,512v-35.31C290.662,476.69,273.655,476.69,273.655,435.494\r\n\tz" }), (0, jsx_runtime_1.jsx)("path", { style: { fill: "#947859" }, d: "M273.655,435.494H256v58.343C268.873,507.979,286.834,512,303.08,512v-35.31\r\n\tC290.662,476.69,273.655,476.69,273.655,435.494z" }), (0, jsx_runtime_1.jsx)("path", { style: { fill: "#EBE4DD" }, d: "M126.529,0C81.025,0,44.138,36.888,44.138,82.391s36.888,82.391,82.391,82.391V0z" }), (0, jsx_runtime_1.jsx)("path", { style: { fill: "#D8CCBC" }, d: "M385.471,164.782c45.503,0,82.391-36.888,82.391-82.391S430.975,0,385.471,0V164.782z" }), (0, jsx_runtime_1.jsx)("path", { style: { fill: "#BFA993" }, d: "M490.407,247.172c0.643-3.83,0.996-7.758,0.996-11.77c0-39.003-31.618-70.621-70.621-70.621\r\n\ts-70.621,31.618-70.621,70.621c0,4.012,0.352,7.94,0.995,11.77H490.407z" }), (0, jsx_runtime_1.jsx)("path", { style: { fill: "#EDEDED" }, d: "M420.782,306.023c39.003,0,70.621-31.618,70.621-70.621H350.161\r\n\tC350.161,274.405,381.779,306.023,420.782,306.023z" }), (0, jsx_runtime_1.jsx)("path", { style: { fill: "#454449" }, d: "M397.241,235.401c0,12.981,10.559,23.54,23.538,23.54h0.002c12.981,0.001,23.54-10.559,23.54-23.54\r\n\tH397.241z" }), (0, jsx_runtime_1.jsx)("path", { style: { fill: "#BFA993" }, d: "M160.844,247.172c0.643-3.83,0.995-7.758,0.995-11.77c0-39.003-31.618-70.621-70.621-70.621\r\n\tS20.598,196.4,20.598,235.402c0,4.012,0.352,7.94,0.995,11.77H160.844z" }), (0, jsx_runtime_1.jsx)("path", { style: { fill: "#EDEDED" }, d: "M91.218,306.023c39.003,0,70.621-31.618,70.621-70.621H20.598\r\n\tC20.598,274.405,52.216,306.023,91.218,306.023z" }), (0, jsx_runtime_1.jsx)("path", { style: { fill: "#454449" }, d: "M67.678,235.401c0,12.981,10.559,23.54,23.538,23.54h0.002c12.981,0.001,23.54-10.559,23.54-23.54\r\n\tH67.678z" }), (0, jsx_runtime_1.jsx)("path", { style: { fill: "#D8CCBC" }, d: "M391.356,107.187c0-15.527,4.902-33.778-5.082-46.69c-8.818-11.403-28.519-12.694-43.229-20.793\r\n\tc-12.822-7.059-23.38-23.527-39.415-27.235c-14.505-3.356-31.411,6.442-47.63,6.442c-16.218,0-33.125-9.796-47.631-6.442\r\n\tc-16.036,3.708-26.595,20.178-39.415,27.237c-14.71,8.099-34.41,9.391-43.227,20.792c-9.985,12.912-5.082,31.161-5.082,46.689\r\n\ts-4.902,33.778,5.082,46.69c8.818,11.403,28.519,12.693,43.229,20.793c12.821,7.059,23.379,23.527,39.413,27.235\r\n\tc14.505,3.356,31.412-6.442,47.63-6.442s33.125,9.796,47.632,6.442c16.034-3.708,26.592-20.176,39.413-27.237\r\n\tc14.709-8.099,34.411-9.391,43.228-20.792C396.259,140.965,391.356,122.715,391.356,107.187z" }), (0, jsx_runtime_1.jsx)("path", { style: { fill: "#BFA993" }, d: "M386.274,60.497c-8.818-11.403-28.519-12.694-43.229-20.793\r\n\tc-12.822-7.059-23.38-23.527-39.415-27.235c-14.505-3.356-31.411,6.442-47.63,6.442v176.552c16.218,0,33.125,9.796,47.632,6.442\r\n\tc16.034-3.708,26.592-20.176,39.413-27.237c14.709-8.099,34.411-9.391,43.228-20.792c9.985-12.912,5.082-31.161,5.082-46.689\r\n\tS396.259,73.409,386.274,60.497z" }), (0, jsx_runtime_1.jsx)("path", { style: { fill: "#58575D" }, d: "M293.664,406.069c-6.186,18.772-22.763,39.469-37.664,39.784\r\n\tc-14.901-0.315-31.478-21.012-37.664-39.784c-2.858-9.591,4.529-17.529,16.478-17.655c14.124,0,28.248,0,42.372,0\r\n\tC289.136,388.54,296.522,396.476,293.664,406.069z" }), (0, jsx_runtime_1.jsx)("path", { style: { fill: "#454449" }, d: "M277.186,388.414c-7.062,0-14.124,0-21.186,0v57.439c14.901-0.315,31.478-21.012,37.664-39.784\r\n\tC296.522,396.476,289.136,388.54,277.186,388.414z" })] }));
+    return (_jsxs("svg", { height: "80px", width: "80px", version: "1.1", id: "Layer_1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 512 512", children: [_jsx("path", { style: { fill: "#EBE4DD" }, d: "M102.989,153.011v153.011C119.613,428.825,184.332,506.115,256,506.115\r\n\ts136.387-77.29,153.012-200.092V153.011H102.989z" }), _jsx("path", { style: { fill: "#D8CCBC" }, d: "M255.999,153.011v353.103H256c71.668,0,136.387-77.29,153.012-200.092V153.011H255.999z" }), _jsx("path", { style: { fill: "#A58868" }, d: "M273.655,435.494h-35.31c0,41.195-17.007,41.195-29.425,41.195V512\r\n\tc16.246,0,34.206-4.021,47.08-18.162C268.873,507.979,286.834,512,303.08,512v-35.31C290.662,476.69,273.655,476.69,273.655,435.494\r\n\tz" }), _jsx("path", { style: { fill: "#947859" }, d: "M273.655,435.494H256v58.343C268.873,507.979,286.834,512,303.08,512v-35.31\r\n\tC290.662,476.69,273.655,476.69,273.655,435.494z" }), _jsx("path", { style: { fill: "#EBE4DD" }, d: "M126.529,0C81.025,0,44.138,36.888,44.138,82.391s36.888,82.391,82.391,82.391V0z" }), _jsx("path", { style: { fill: "#D8CCBC" }, d: "M385.471,164.782c45.503,0,82.391-36.888,82.391-82.391S430.975,0,385.471,0V164.782z" }), _jsx("path", { style: { fill: "#BFA993" }, d: "M490.407,247.172c0.643-3.83,0.996-7.758,0.996-11.77c0-39.003-31.618-70.621-70.621-70.621\r\n\ts-70.621,31.618-70.621,70.621c0,4.012,0.352,7.94,0.995,11.77H490.407z" }), _jsx("path", { style: { fill: "#EDEDED" }, d: "M420.782,306.023c39.003,0,70.621-31.618,70.621-70.621H350.161\r\n\tC350.161,274.405,381.779,306.023,420.782,306.023z" }), _jsx("path", { style: { fill: "#454449" }, d: "M397.241,235.401c0,12.981,10.559,23.54,23.538,23.54h0.002c12.981,0.001,23.54-10.559,23.54-23.54\r\n\tH397.241z" }), _jsx("path", { style: { fill: "#BFA993" }, d: "M160.844,247.172c0.643-3.83,0.995-7.758,0.995-11.77c0-39.003-31.618-70.621-70.621-70.621\r\n\tS20.598,196.4,20.598,235.402c0,4.012,0.352,7.94,0.995,11.77H160.844z" }), _jsx("path", { style: { fill: "#EDEDED" }, d: "M91.218,306.023c39.003,0,70.621-31.618,70.621-70.621H20.598\r\n\tC20.598,274.405,52.216,306.023,91.218,306.023z" }), _jsx("path", { style: { fill: "#454449" }, d: "M67.678,235.401c0,12.981,10.559,23.54,23.538,23.54h0.002c12.981,0.001,23.54-10.559,23.54-23.54\r\n\tH67.678z" }), _jsx("path", { style: { fill: "#D8CCBC" }, d: "M391.356,107.187c0-15.527,4.902-33.778-5.082-46.69c-8.818-11.403-28.519-12.694-43.229-20.793\r\n\tc-12.822-7.059-23.38-23.527-39.415-27.235c-14.505-3.356-31.411,6.442-47.63,6.442c-16.218,0-33.125-9.796-47.631-6.442\r\n\tc-16.036,3.708-26.595,20.178-39.415,27.237c-14.71,8.099-34.41,9.391-43.227,20.792c-9.985,12.912-5.082,31.161-5.082,46.689\r\n\ts-4.902,33.778,5.082,46.69c8.818,11.403,28.519,12.693,43.229,20.793c12.821,7.059,23.379,23.527,39.413,27.235\r\n\tc14.505,3.356,31.412-6.442,47.63-6.442s33.125,9.796,47.632,6.442c16.034-3.708,26.592-20.176,39.413-27.237\r\n\tc14.709-8.099,34.411-9.391,43.228-20.792C396.259,140.965,391.356,122.715,391.356,107.187z" }), _jsx("path", { style: { fill: "#BFA993" }, d: "M386.274,60.497c-8.818-11.403-28.519-12.694-43.229-20.793\r\n\tc-12.822-7.059-23.38-23.527-39.415-27.235c-14.505-3.356-31.411,6.442-47.63,6.442v176.552c16.218,0,33.125,9.796,47.632,6.442\r\n\tc16.034-3.708,26.592-20.176,39.413-27.237c14.709-8.099,34.411-9.391,43.228-20.792c9.985-12.912,5.082-31.161,5.082-46.689\r\n\tS396.259,73.409,386.274,60.497z" }), _jsx("path", { style: { fill: "#58575D" }, d: "M293.664,406.069c-6.186,18.772-22.763,39.469-37.664,39.784\r\n\tc-14.901-0.315-31.478-21.012-37.664-39.784c-2.858-9.591,4.529-17.529,16.478-17.655c14.124,0,28.248,0,42.372,0\r\n\tC289.136,388.54,296.522,396.476,293.664,406.069z" }), _jsx("path", { style: { fill: "#454449" }, d: "M277.186,388.414c-7.062,0-14.124,0-21.186,0v57.439c14.901-0.315,31.478-21.012,37.664-39.784\r\n\tC296.522,396.476,289.136,388.54,277.186,388.414z" })] }));
 }

package/dist/tour/default-tour.d.ts

@@ -0,0 +1,9 @@
+import { GetEditorTourStepsParams, TourStep } from "../config/types";
+export declare function getDefaultTourSteps({ editContext, nextStep, stopTour, waitForElement, waitForElementToDisappear, setFocusRect, delay, waitForInput, simulateTyping, }: GetEditorTourStepsParams, config: {
+    firstComponentTemplateId: string;
+    firstComponentTemplateName: string;
+    firstComponentTextFieldName: string;
+    firstComponentTextFieldId: string;
+    firstComponentRichTextFieldName: string;
+    firstComponentRichTextFieldId: string;
+}): Record<string, TourStep>;

package/dist/tour/default-tour.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDefaultTourSteps = getDefaultTourSteps;
-const jsx_runtime_1 = require("react/jsx-runtime");
-function getDefaultTourSteps({ editContext, nextStep, stopTour, waitForElement, waitForElementToDisappear, setFocusRect, delay, waitForInput, simulateTyping, }, config) {
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export function getDefaultTourSteps({ editContext, nextStep, stopTour, waitForElement, waitForElementToDisappear, setFocusRect, delay, waitForInput, simulateTyping, }, config) {
     const tourSteps = {
         "start-tour": {
             title: "Welcome to the AI Editor Tour!",
@@ -12,14 +9,14 @@ function getDefaultTourSteps({ editContext, nextStep, stopTour, waitForElement,
             },
             buttons: [
                 {
-                    label: ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("i", { className: "pi pi-play" }), " Start Tour"] })),
+                    label: (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("i", { className: "pi pi-play" }), " Start Tour"] })),
                     onClick: () => {
                         nextStep("new-page");
                     },
                     className: "button button-primary mt-2",
                 },
                 {
-                    label: ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("i", { className: "pi pi-times" }), " No thanks"] })),
+                    label: (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("i", { className: "pi pi-times" }), " No thanks"] })),
                     onClick: () => {
                         stopTour();
                     },
@@ -28,7 +25,7 @@ function getDefaultTourSteps({ editContext, nextStep, stopTour, waitForElement,
             ],
         },
         "new-page": {
-            description: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Click on the ", (0, jsx_runtime_1.jsx)("b", { children: "New Page" }), " tab to create a new page"] })),
+            description: (_jsxs(_Fragment, { children: ["Click on the ", _jsx("b", { children: "New Page" }), " tab to create a new page"] })),
             focusElement: "#new-page-tab",
             waitForUserInput: async () => {
                 await waitForElement("#new-page-tab.active-tab");
@@ -36,7 +33,7 @@ function getDefaultTourSteps({ editContext, nextStep, stopTour, waitForElement,
             nextStep: "pick-location",
         },
         "pick-location": {
-            description: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["Select the ", (0, jsx_runtime_1.jsx)("b", { children: "Playground" }), " folder as the parent for your new page"] })),
+            description: (_jsxs(_Fragment, { children: ["Select the ", _jsx("b", { children: "Playground" }), " folder as the parent for your new page"] })),
             focusElement: ".tour-pick-location",
             waitForUserInput: async () => {
                 await new Promise((resolve) => {
@@ -95,7 +92,7 @@ function getDefaultTourSteps({ editContext, nextStep, stopTour, waitForElement,
             description: "Wanna add a component to your beautiful empty page?",
             buttons: [
                 {
-                    label: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("i", { className: "pi pi-arrow-right" }), " I'm ready, lets go!"] })),
+                    label: (_jsxs(_Fragment, { children: [_jsx("i", { className: "pi pi-arrow-right" }), " I'm ready, lets go!"] })),
                     onClick: () => nextStep("insert-component"),
                 },
             ],
@@ -167,7 +164,7 @@ function getDefaultTourSteps({ editContext, nextStep, stopTour, waitForElement,
             description: "But hey, this is an AI editor, so why not let the AI do some of the work for you?",
             buttons: [
                 {
-                    label: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("i", { className: "pi pi-arrow-right" }), " Great, show me!"] })),
+                    label: (_jsxs(_Fragment, { children: [_jsx("i", { className: "pi pi-arrow-right" }), " Great, show me!"] })),
                     onClick: () => nextStep("ai-sidebar"),
                 },
             ],
@@ -211,7 +208,7 @@ function getDefaultTourSteps({ editContext, nextStep, stopTour, waitForElement,
             description: "You have completed the tour and are now an AI Editor Pro!",
             buttons: [
                 {
-                    label: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("i", { className: "pi pi-check" }), " Finish Tour"] })),
+                    label: (_jsxs(_Fragment, { children: [_jsx("i", { className: "pi pi-check" }), " Finish Tour"] })),
                     onClick: () => stopTour(),
                     className: "button button-primary mt-2",
                 },
@@ -221,7 +218,7 @@ function getDefaultTourSteps({ editContext, nextStep, stopTour, waitForElement,
             description: "Oops, something went wrong.",
             buttons: [
                 {
-                    label: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("i", { className: "pi pi-check" }), " Close"] })),
+                    label: (_jsxs(_Fragment, { children: [_jsx("i", { className: "pi pi-check" }), " Close"] })),
                     onClick: () => stopTour(),
                 },
             ],

package/dist/tour/preview-tour.d.ts

@@ -0,0 +1,2 @@
+import { GetEditorTourStepsParams, TourStep } from "../config/types";
+export declare function getPreviewTourSteps({ editContext, nextStep, stopTour, waitForElement, delay, }: GetEditorTourStepsParams): Record<string, TourStep>;

package/dist/tour/preview-tour.js

@@ -1,8 +1,5 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getPreviewTourSteps = getPreviewTourSteps;
-const jsx_runtime_1 = require("react/jsx-runtime");
-function getPreviewTourSteps({ editContext, nextStep, stopTour, waitForElement, delay, }) {
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export function getPreviewTourSteps({ editContext, nextStep, stopTour, waitForElement, delay, }) {
     const tourSteps = {
         "start-tour": {
             title: "Welcome to the Preview Tour!",
@@ -12,14 +9,14 @@ function getPreviewTourSteps({ editContext, nextStep, stopTour, waitForElement,
             },
             buttons: [
                 {
-                    label: ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("i", { className: "pi pi-play" }), " Start Tour"] })),
+                    label: (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("i", { className: "pi pi-play" }), " Start Tour"] })),
                     onClick: () => {
                         nextStep("comment");
                     },
                     className: "button button-primary mt-2",
                 },
                 {
-                    label: ((0, jsx_runtime_1.jsxs)("div", { className: "flex items-center gap-2", children: [(0, jsx_runtime_1.jsx)("i", { className: "pi pi-times" }), " No thanks"] })),
+                    label: (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("i", { className: "pi pi-times" }), " No thanks"] })),
                     onClick: () => {
                         stopTour();
                     },
@@ -28,18 +25,18 @@ function getPreviewTourSteps({ editContext, nextStep, stopTour, waitForElement,
             ],
         },
         comment: {
-            description: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Click here to add a comment to the page" }),
+            description: _jsx(_Fragment, { children: "Click here to add a comment to the page" }),
             focusElement: "#add-comment",
             nextStep: "commentContextMenu",
             buttons: [
                 {
-                    label: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("i", { className: "pi pi-arrow-right" }), " Next"] })),
+                    label: (_jsxs(_Fragment, { children: [_jsx("i", { className: "pi pi-arrow-right" }), " Next"] })),
                     onClick: () => nextStep("commentContextMenu"),
                 },
             ],
         },
         commentContextMenu: {
-            description: ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "You can also select text and add a comment from the context menu " })),
+            description: (_jsx(_Fragment, { children: "You can also select text and add a comment from the context menu " })),
             focusElement: "[data-testid='pageEditoriframe']",
             waitForUserInput: async () => {
                 await waitForElement(".p-contextmenu-enter-done");
@@ -49,7 +46,7 @@ function getPreviewTourSteps({ editContext, nextStep, stopTour, waitForElement,
             bubblePosition: "left",
         },
         approveMenu: {
-            description: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Approve or reject the page here " }),
+            description: _jsx(_Fragment, { children: "Approve or reject the page here " }),
             focusElement: "#actions-menu",
             waitForUserInput: async () => {
                 await waitForElement("#approveReview");
@@ -59,10 +56,10 @@ function getPreviewTourSteps({ editContext, nextStep, stopTour, waitForElement,
             bubblePosition: "left",
         },
         closeTour: {
-            description: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: "Congratulations! You have completed the tour." }),
+            description: _jsx(_Fragment, { children: "Congratulations! You have completed the tour." }),
             buttons: [
                 {
-                    label: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("i", { className: "pi pi-check" }), " Finish Tour"] })),
+                    label: (_jsxs(_Fragment, { children: [_jsx("i", { className: "pi pi-check" }), " Finish Tour"] })),
                     onClick: () => stopTour(),
                     className: "button button-primary mt-2",
                 },
@@ -73,7 +70,7 @@ function getPreviewTourSteps({ editContext, nextStep, stopTour, waitForElement,
             description: "You have completed the tour and are ready to start editing!",
             buttons: [
                 {
-                    label: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("i", { className: "pi pi-check" }), " Finish Tour"] })),
+                    label: (_jsxs(_Fragment, { children: [_jsx("i", { className: "pi pi-check" }), " Finish Tour"] })),
                     onClick: () => stopTour(),
                     className: "button button-primary mt-2",
                 },
@@ -83,7 +80,7 @@ function getPreviewTourSteps({ editContext, nextStep, stopTour, waitForElement,
             description: "Oops, something went wrong.",
             buttons: [
                 {
-                    label: ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("i", { className: "pi pi-check" }), " Close"] })),
+                    label: (_jsxs(_Fragment, { children: [_jsx("i", { className: "pi pi-check" }), " Close"] })),
                     onClick: () => stopTour(),
                 },
             ],