@alpaca-headless/alpaca-headless-nextjs 1.0.129 → 1.0.253

package/dist/esm/editor/sidebar/Workbox.js

@@ -0,0 +1,77 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Column } from "primereact/column";
+import { DataTable } from "primereact/datatable";
+import { useEditContext } from "../editContext";
+import { Tooltip } from "primereact/tooltip";
+import { Button } from "primereact/button";
+import { useRef, useState } from "react";
+import { OverlayPanel } from "primereact/overlaypanel";
+import { classNames } from "primereact/utils";
+export function Workbox() {
+    var _a, _b;
+    const [validationOverlayItem, setValidationOverlayItem] = useState();
+    const editContext = useEditContext();
+    const validationResult = editContext === null || editContext === void 0 ? void 0 : editContext.pageValidationResult;
+    if (!editContext)
+        return null;
+    const validationOverlay = useRef(null);
+    const nameBodyTemplate = (wbItem) => {
+        const id = wbItem.item.id + wbItem.item.language + wbItem.item.version;
+        return (_jsx("div", { className: "a-flex a-gap-2 a-items-center", children: _jsxs("span", { className: `a-name-tooltip-${id} a-break-all`, style: { position: "relative" }, children: [wbItem.item.name, " ", _jsxs("span", { className: "a-text-gray-300", children: ["(", wbItem.item.language, ", ", wbItem.item.version, ")"] }), _jsx(Tooltip, { target: `.a-name-tooltip-${id}`, content: wbItem.path })] }) }));
+    };
+    const stateBodyTemplate = (item) => {
+        if (item.isPublishable) {
+            const targets = Object.keys(item.publishStatus);
+            return targets.map((x) => (_jsxs("div", { children: [targets.length > 1 && (_jsxs(_Fragment, { children: [_jsx("b", { children: x }), ":"] })), item.publishStatus[x]] }, x)));
+        }
+        else
+            return item.workflowState;
+    };
+    const actionsBodyTemplate = (item) => {
+        var _a;
+        return (_jsx("div", { className: "a-flex a-gap-1", children: !item.isFinalState &&
+                ((_a = item.commands) === null || _a === void 0 ? void 0 : _a.map((action) => {
+                    return (_jsx(Button, { label: action.name, className: "a-text-xs a-p-1", onClick: () => editContext.executeWorkflowCommand(item.item, action.id), size: "small" }, action.id));
+                })) }));
+    };
+    const validationTemplate = (item) => {
+        const validator = validationResult === null || validationResult === void 0 ? void 0 : validationResult.find((x) => x.item.id === item.item.id &&
+            x.item.language === item.item.language &&
+            x.item.version === item.item.version);
+        if (!validator || !validator.results.length)
+            return null;
+        return (_jsx("div", { className: classNames("a-cursor-pointer", getValidationErrorLevelClass(validator.results.reduce((prev, curr) => Math.max(prev, curr.result), 0))), onClick: (ev) => {
+                var _a;
+                setValidationOverlayItem(item);
+                (_a = validationOverlay.current) === null || _a === void 0 ? void 0 : _a.toggle(ev);
+            }, children: validator.results.length }));
+    };
+    let items = (_b = (_a = editContext.page) === null || _a === void 0 ? void 0 : _a._editor) === null || _b === void 0 ? void 0 : _b.workbox.items;
+    if (!items)
+        return null;
+    items = items.sort((a, b) => {
+        if (a.isPublished === b.isPublished)
+            return 0;
+        return !a.isPublished || !a.isPublishable ? -1 : 1;
+    });
+    const overlayResult = validationResult === null || validationResult === void 0 ? void 0 : validationResult.find((x) => x.item.id === (validationOverlayItem === null || validationOverlayItem === void 0 ? void 0 : validationOverlayItem.item.id) &&
+        x.item.language === (validationOverlayItem === null || validationOverlayItem === void 0 ? void 0 : validationOverlayItem.item.language) &&
+        x.item.version === (validationOverlayItem === null || validationOverlayItem === void 0 ? void 0 : validationOverlayItem.item.version));
+    const getValidationErrorLevelClass = (level) => {
+        switch (level) {
+            case 0:
+                return "a-text-green-600";
+            case 1:
+                return "a-text-blue-600";
+            case 2:
+                return "a-text-yellow-600";
+            case 3:
+                return "a-text-orange-600";
+            case 4:
+            case 5:
+                return "a-text-red-600";
+        }
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs(DataTable, { value: items, className: "a-text-xs", children: [_jsx(Column, { body: nameBodyTemplate, header: "Item" }), _jsx(Column, { body: stateBodyTemplate, header: "State" }), _jsx(Column, { body: actionsBodyTemplate, header: "Actions" }), _jsx(Column, { body: validationTemplate, align: "center", header: _jsx("i", { className: "pi pi-check" }) })] }), _jsx(OverlayPanel, { ref: validationOverlay, children: _jsxs("table", { className: "a-text-xs a-border-spacing-1 a-border-separate", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { className: "a-text-left", children: "Item" }), _jsx("th", { className: "a-text-left", children: "Field" }), _jsx("th", { className: "a-text-left", children: "Validator" }), _jsx("th", { className: "a-text-left", children: "Message" })] }) }), _jsx("tbody", { children: overlayResult &&
+                                overlayResult.results.map((x) => (_jsxs("tr", { children: [_jsx("td", { children: x.itemName }), _jsx("td", { children: x.fieldName }), _jsx("td", { children: x.validator }), _jsx("td", { className: classNames("a-text-xs a-break-all a-max-w-48", getValidationErrorLevelClass(x.result)), children: x.message })] }, x.fieldId + x.itemId))) })] }) })] }));
+}

package/dist/esm/editor/ui/CopyToClipboardButton.js

@@ -0,0 +1,14 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEditContext } from "../editContext";
+export function CopyToClipboardButton({ text }) {
+    const editContext = useEditContext();
+    const handleCopyToClipboard = (text) => {
+        navigator.clipboard.writeText(text);
+        editContext.showToast({
+            summary: "Copied to clipboard",
+            severity: "success",
+        });
+    };
+    return (_jsx("span", { className: "a-ml-1 a-cursor-pointer", onClick: () => handleCopyToClipboard(text), children: _jsx("i", { className: "pi pi-copy a-text-xs" }) }));
+}

package/dist/esm/editor/ui/Icons.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function WizardIcon({ className }) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", className: className, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09ZM18.259 8.715 18 9.75l-.259-1.035a3.375 3.375 0 0 0-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 0 0 2.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 0 0 2.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 0 0-2.456 2.456ZM16.894 20.567 16.5 21.75l-.394-1.183a2.25 2.25 0 0 0-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 0 0 1.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 0 0 1.423 1.423l1.183.394-1.183.394a2.25 2.25 0 0 0-1.423 1.423Z" }) }));
+}
+export function BugIcon({ className }) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: className, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 12.75c1.148 0 2.278.08 3.383.237 1.037.146 1.866.966 1.866 2.013 0 3.728-2.35 6.75-5.25 6.75S6.75 18.728 6.75 15c0-1.046.83-1.867 1.866-2.013A24.204 24.204 0 0 1 12 12.75Zm0 0c2.883 0 5.647.508 8.207 1.44a23.91 23.91 0 0 1-1.152 6.06M12 12.75c-2.883 0-5.647.508-8.208 1.44.125 2.104.52 4.136 1.153 6.06M12 12.75a2.25 2.25 0 0 0 2.248-2.354M12 12.75a2.25 2.25 0 0 1-2.248-2.354M12 8.25c.995 0 1.971-.08 2.922-.236.403-.066.74-.358.795-.762a3.778 3.778 0 0 0-.399-2.25M12 8.25c-.995 0-1.97-.08-2.922-.236-.402-.066-.74-.358-.795-.762a3.734 3.734 0 0 1 .4-2.253M12 8.25a2.25 2.25 0 0 0-2.248 2.146M12 8.25a2.25 2.25 0 0 1 2.248 2.146M8.683 5a6.032 6.032 0 0 1-1.155-1.002c.07-.63.27-1.222.574-1.747m.581 2.749A3.75 3.75 0 0 1 15.318 5m0 0c.427-.283.815-.62 1.155-.999a4.471 4.471 0 0 0-.575-1.752M4.921 6a24.048 24.048 0 0 0-.392 3.314c1.668.546 3.416.914 5.223 1.082M19.08 6c.205 1.08.337 2.187.392 3.314a23.882 23.882 0 0 1-5.223 1.082" }) }));
+}
+export function EditIcon({ className }) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: className, children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m16.862 4.487 1.687-1.688a1.875 1.875 0 1 1 2.652 2.652L10.582 16.07a4.5 4.5 0 0 1-1.897 1.13L6 18l.8-2.685a4.5 4.5 0 0 1 1.13-1.897l8.932-8.931Zm0 0L19.5 7.125M18 14v4.75A2.25 2.25 0 0 1 15.75 21H5.25A2.25 2.25 0 0 1 3 18.75V8.25A2.25 2.25 0 0 1 5.25 6H10" }) }));
+}
+export function JsonIcon({ className }) {
+    return (_jsx("svg", { fill: "#000000", version: "1.1", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 58 58", className: className, children: _jsxs("g", { children: [_jsx("path", { d: "M50.949,12.187l-1.361-1.361l-9.504-9.505c-0.001-0.001-0.001-0.001-0.002-0.001l-0.77-0.771\r\n\t\tC38.957,0.195,38.486,0,37.985,0H8.963C7.776,0,6.5,0.916,6.5,2.926V39v16.537V56c0,0.837,0.841,1.652,1.836,1.909\r\n\t\tc0.051,0.014,0.1,0.033,0.152,0.043C8.644,57.983,8.803,58,8.963,58h40.074c0.16,0,0.319-0.017,0.475-0.048\r\n\t\tc0.052-0.01,0.101-0.029,0.152-0.043C50.659,57.652,51.5,56.837,51.5,56v-0.463V39V13.978C51.5,13.211,51.407,12.644,50.949,12.187\r\n\t\tz M39.5,3.565L47.935,12H39.5V3.565z M8.963,56c-0.071,0-0.135-0.025-0.198-0.049C8.61,55.877,8.5,55.721,8.5,55.537V41h41v14.537\r\n\t\tc0,0.184-0.11,0.34-0.265,0.414C49.172,55.975,49.108,56,49.037,56H8.963z M8.5,39V2.926C8.5,2.709,8.533,2,8.963,2h28.595\r\n\t\tC37.525,2.126,37.5,2.256,37.5,2.391V13.78c-0.532-0.48-1.229-0.78-2-0.78c-0.553,0-1,0.448-1,1s0.447,1,1,1c0.552,0,1,0.449,1,1v4\r\n\t\tc0,1.2,0.542,2.266,1.382,3c-0.84,0.734-1.382,1.8-1.382,3v4c0,0.551-0.448,1-1,1c-0.553,0-1,0.448-1,1s0.447,1,1,1\r\n\t\tc1.654,0,3-1.346,3-3v-4c0-1.103,0.897-2,2-2c0.553,0,1-0.448,1-1s-0.447-1-1-1c-1.103,0-2-0.897-2-2v-4\r\n\t\tc0-0.771-0.301-1.468-0.78-2h11.389c0.135,0,0.265-0.025,0.391-0.058c0,0.015,0.001,0.021,0.001,0.036V39H8.5z" }), _jsx("path", { d: "M16.354,51.43c-0.019,0.446-0.171,0.764-0.458,0.95s-0.672,0.28-1.155,0.28c-0.191,0-0.396-0.022-0.615-0.068\r\n\t\ts-0.429-0.098-0.629-0.157s-0.385-0.123-0.554-0.191s-0.299-0.135-0.39-0.198l-0.697,1.107c0.183,0.137,0.405,0.26,0.67,0.369\r\n\t\ts0.54,0.207,0.827,0.294s0.565,0.15,0.834,0.191s0.504,0.062,0.704,0.062c0.401,0,0.791-0.039,1.169-0.116\r\n\t\tc0.378-0.077,0.713-0.214,1.005-0.41s0.524-0.456,0.697-0.779s0.26-0.723,0.26-1.196v-7.848h-1.668V51.43z" }), _jsx("path", { d: "M25.083,49.064c-0.314-0.228-0.654-0.422-1.019-0.581s-0.702-0.323-1.012-0.492s-0.569-0.364-0.779-0.588\r\n\t\ts-0.314-0.518-0.314-0.882c0-0.146,0.036-0.299,0.109-0.458s0.173-0.303,0.301-0.431s0.273-0.234,0.438-0.321\r\n\t\ts0.337-0.139,0.52-0.157c0.328-0.027,0.597-0.032,0.807-0.014s0.378,0.05,0.506,0.096s0.226,0.091,0.294,0.137\r\n\t\ts0.13,0.082,0.185,0.109c0.009-0.009,0.036-0.055,0.082-0.137s0.101-0.185,0.164-0.308s0.132-0.255,0.205-0.396\r\n\t\ts0.137-0.271,0.191-0.39c-0.265-0.173-0.61-0.299-1.039-0.376s-0.853-0.116-1.271-0.116c-0.41,0-0.8,0.063-1.169,0.191\r\n\t\ts-0.692,0.313-0.971,0.554s-0.499,0.535-0.663,0.882S20.4,46.13,20.4,46.576c0,0.492,0.104,0.902,0.314,1.23\r\n\t\ts0.474,0.613,0.793,0.854s0.661,0.451,1.025,0.629s0.704,0.355,1.019,0.533s0.576,0.376,0.786,0.595s0.314,0.483,0.314,0.793\r\n\t\tc0,0.511-0.148,0.896-0.444,1.155s-0.723,0.39-1.278,0.39c-0.183,0-0.378-0.019-0.588-0.055s-0.419-0.084-0.629-0.144\r\n\t\ts-0.412-0.123-0.608-0.191s-0.357-0.139-0.485-0.212l-0.287,1.176c0.155,0.137,0.34,0.253,0.554,0.349s0.439,0.171,0.677,0.226\r\n\t\tc0.237,0.055,0.472,0.094,0.704,0.116s0.458,0.034,0.677,0.034c0.511,0,0.966-0.077,1.367-0.232s0.738-0.362,1.012-0.622\r\n\t\ts0.485-0.561,0.636-0.902s0.226-0.695,0.226-1.06c0-0.538-0.104-0.978-0.314-1.319S25.397,49.292,25.083,49.064z" }), _jsx("path", { d: "M34.872,45.072c-0.378-0.429-0.82-0.754-1.326-0.978s-1.06-0.335-1.661-0.335s-1.155,0.111-1.661,0.335\r\n\t\ts-0.948,0.549-1.326,0.978s-0.675,0.964-0.889,1.606s-0.321,1.388-0.321,2.235s0.107,1.595,0.321,2.242s0.511,1.185,0.889,1.613\r\n\t\ts0.82,0.752,1.326,0.971s1.06,0.328,1.661,0.328s1.155-0.109,1.661-0.328s0.948-0.542,1.326-0.971s0.675-0.966,0.889-1.613\r\n\t\ts0.321-1.395,0.321-2.242s-0.107-1.593-0.321-2.235S35.25,45.501,34.872,45.072z M34.195,50.698\r\n\t\tc-0.137,0.487-0.326,0.882-0.567,1.183s-0.515,0.518-0.82,0.649s-0.627,0.198-0.964,0.198c-0.328,0-0.641-0.07-0.937-0.212\r\n\t\ts-0.561-0.364-0.793-0.67s-0.415-0.699-0.547-1.183s-0.203-1.066-0.212-1.75c0.009-0.702,0.082-1.294,0.219-1.777\r\n\t\tc0.137-0.483,0.326-0.877,0.567-1.183s0.515-0.521,0.82-0.649s0.627-0.191,0.964-0.191c0.328,0,0.641,0.068,0.937,0.205\r\n\t\ts0.561,0.36,0.793,0.67s0.415,0.704,0.547,1.183s0.203,1.06,0.212,1.743C34.405,49.616,34.332,50.211,34.195,50.698z" }), _jsx("polygon", { points: "44.012,50.869 40.061,43.924 38.393,43.924 38.393,54 40.061,54 40.061,47.055 44.012,54 45.68,54 45.68,43.924 \r\n\t\t44.012,43.924 \t" }), _jsx("path", { d: "M20.5,20v-4c0-0.551,0.448-1,1-1c0.553,0,1-0.448,1-1s-0.447-1-1-1c-1.654,0-3,1.346-3,3v4c0,1.103-0.897,2-2,2\r\n\t\tc-0.553,0-1,0.448-1,1s0.447,1,1,1c1.103,0,2,0.897,2,2v4c0,1.654,1.346,3,3,3c0.553,0,1-0.448,1-1s-0.447-1-1-1\r\n\t\tc-0.552,0-1-0.449-1-1v-4c0-1.2-0.542-2.266-1.382-3C19.958,22.266,20.5,21.2,20.5,20z" }), _jsx("circle", { cx: "28.5", cy: "19.5", r: "1.5" }), _jsx("path", { d: "M28.5,25c-0.553,0-1,0.448-1,1v3c0,0.552,0.447,1,1,1s1-0.448,1-1v-3C29.5,25.448,29.053,25,28.5,25z" })] }) }));
+}
+export function GraphQLIcon({ className }) {
+    return (_jsx("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", id: "GraphQL_Logo", x: "0px", y: "0px", viewBox: "0 0 400 400", enableBackground: "new 0 0 400 400", className: className, children: _jsxs("g", { children: [_jsx("g", { children: _jsx("g", { children: _jsx("rect", { x: "122", y: "-0.4", transform: "matrix(-0.866 -0.5 0.5 -0.866 163.3196 363.3136)", fill: "#E535AB", width: "16.6", height: "320.3" }) }) }), _jsx("g", { children: _jsx("g", { children: _jsx("rect", { x: "39.8", y: "272.2", fill: "#E535AB", width: "320.3", height: "16.6" }) }) }), _jsx("g", { children: _jsx("g", { children: _jsx("rect", { x: "37.9", y: "312.2", transform: "matrix(-0.866 -0.5 0.5 -0.866 83.0693 663.3409)", fill: "#E535AB", width: "185", height: "16.6" }) }) }), _jsx("g", { children: _jsx("g", { children: _jsx("rect", { x: "177.1", y: "71.1", transform: "matrix(-0.866 -0.5 0.5 -0.866 463.3409 283.0693)", fill: "#E535AB", width: "185", height: "16.6" }) }) }), _jsx("g", { children: _jsx("g", { children: _jsx("rect", { x: "122.1", y: "-13", transform: "matrix(-0.5 -0.866 0.866 -0.5 126.7903 232.1221)", fill: "#E535AB", width: "16.6", height: "185" }) }) }), _jsx("g", { children: _jsx("g", { children: _jsx("rect", { x: "109.6", y: "151.6", transform: "matrix(-0.5 -0.866 0.866 -0.5 266.0828 473.3766)", fill: "#E535AB", width: "320.3", height: "16.6" }) }) }), _jsx("g", { children: _jsx("g", { children: _jsx("rect", { x: "52.5", y: "107.5", fill: "#E535AB", width: "16.6", height: "185" }) }) }), _jsx("g", { children: _jsx("g", { children: _jsx("rect", { x: "330.9", y: "107.5", fill: "#E535AB", width: "16.6", height: "185" }) }) }), _jsx("g", { children: _jsx("g", { children: _jsx("rect", { x: "262.4", y: "240.1", transform: "matrix(-0.5 -0.866 0.866 -0.5 126.7953 714.2875)", fill: "#E535AB", width: "14.5", height: "160.9" }) }) }), _jsx("path", { fill: "#E535AB", d: "M369.5,297.9c-9.6,16.7-31,22.4-47.7,12.8c-16.7-9.6-22.4-31-12.8-47.7c9.6-16.7,31-22.4,47.7-12.8   C373.5,259.9,379.2,281.2,369.5,297.9" }), _jsx("path", { fill: "#E535AB", d: "M90.9,137c-9.6,16.7-31,22.4-47.7,12.8c-16.7-9.6-22.4-31-12.8-47.7c9.6-16.7,31-22.4,47.7-12.8   C94.8,99,100.5,120.3,90.9,137" }), _jsx("path", { fill: "#E535AB", d: "M30.5,297.9c-9.6-16.7-3.9-38,12.8-47.7c16.7-9.6,38-3.9,47.7,12.8c9.6,16.7,3.9,38-12.8,47.7   C61.4,320.3,40.1,314.6,30.5,297.9" }), _jsx("path", { fill: "#E535AB", d: "M309.1,137c-9.6-16.7-3.9-38,12.8-47.7c16.7-9.6,38-3.9,47.7,12.8c9.6,16.7,3.9,38-12.8,47.7   C340.1,159.4,318.7,153.7,309.1,137" }), _jsx("path", { fill: "#E535AB", d: "M200,395.8c-19.3,0-34.9-15.6-34.9-34.9c0-19.3,15.6-34.9,34.9-34.9c19.3,0,34.9,15.6,34.9,34.9   C234.9,380.1,219.3,395.8,200,395.8" }), _jsx("path", { fill: "#E535AB", d: "M200,74c-19.3,0-34.9-15.6-34.9-34.9c0-19.3,15.6-34.9,34.9-34.9c19.3,0,34.9,15.6,34.9,34.9   C234.9,58.4,219.3,74,200,74" })] }) }));
+}
+export function ArrowDownIcon() {
+    return (_jsx("svg", { width: "10", height: "5", viewBox: "0 0 10 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { d: "M5 5L9.33013 0.5H0.669873L5 5Z", fill: "#111111" }) }));
+}

package/dist/esm/editor/ui/ItemNameDialog.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Dialog } from "primereact/dialog";
+import { InputText } from "primereact/inputtext";
+import { forwardRef, useEffect, useImperativeHandle, useState } from "react";
+import DialogButtons from "../DialogButtons";
+import { Button } from "primereact/button";
+const ItemNameDialog = forwardRef((_props, ref) => {
+    var _a;
+    const [visible, setVisible] = useState(false);
+    const [props, setProps] = useState();
+    const [name, setName] = useState("");
+    useEffect(() => {
+        setName((props === null || props === void 0 ? void 0 : props.name) || "");
+    }, [props]);
+    useImperativeHandle(ref, () => ({
+        show: (props) => {
+            setVisible(true);
+            setProps(props);
+        },
+    }));
+    const isValidName = name.trim().length > 0;
+    const handleOk = () => {
+        setVisible(false);
+        props === null || props === void 0 ? void 0 : props.accept(name);
+    };
+    return (_jsxs(Dialog, { visible: visible, onHide: () => {
+            setVisible(false);
+        }, header: (_a = props === null || props === void 0 ? void 0 : props.title) !== null && _a !== void 0 ? _a : "Choose item name", children: [_jsx("div", { className: "a-pt-3", children: _jsx(InputText, { autoFocus: true, value: name, onChange: (e) => setName(e.target.value), onKeyDown: (ev) => {
+                        if (ev.key === "Enter" && isValidName)
+                            handleOk();
+                    } }) }), _jsxs(DialogButtons, { children: [_jsx(Button, { onClick: handleOk, label: "Ok", disabled: !isValidName }), _jsx(Button, { onClick: () => setVisible(false), label: "Cancel" })] })] }));
+});
+export default ItemNameDialog;

package/dist/esm/editor/ui/Section.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { classNames } from "primereact/utils";
+import { useLocalStorage } from "../utils";
+export function Section({ title, children, }) {
+    const [open, setOpen] = useLocalStorage("alpaca-headless-editor-show-section-" + title, true);
+    true;
+    return (_jsxs("div", { children: [_jsxs("div", { className: "a-p-1.5 a-border-l-8 a-text-white a-text-sm a-border-blue-400 a-bg-gray-400 a-cursor-pointer a-flex a-justify-between a-items-center", onClick: () => setOpen(!open), children: [title, _jsx("i", { className: classNames(open ? "pi-chevron-up" : "pi-chevron-down", "pi  a-cursor-pointer a-text-sm") })] }), open && _jsx("div", { className: "a-pt-4 a-pb-8 a-px-2", children: children })] }));
+}

package/dist/esm/editor/utils/insertOptions.js

@@ -0,0 +1,39 @@
+import { getComponentById } from "../componentTreeHelper";
+export function getInsertOptionsForCurrentSelection(editContext) {
+    const insertingPlaceholderKeys = [editContext.selectedForInsertion]
+        .map((x) => getComponentById(x, editContext.page))
+        .filter((x) => x)
+        .reduce((a, x) => a.concat(x.placeholders.map((y) => y.key)), []);
+    const selectedPlaceholderKeys = [
+        //...selection.filter((x) => x.indexOf("_") > 0),
+        ...insertingPlaceholderKeys,
+    ];
+    const page = editContext.page;
+    function collectInsertOptions(page, placeholderKeys) {
+        const insertOptionsMap = new Map();
+        function traverse(placeholders) {
+            var _a, _b;
+            for (const placeholder of placeholders) {
+                if (((_a = placeholder._editor) === null || _a === void 0 ? void 0 : _a.insertOptions) &&
+                    (placeholderKeys.length === 0 ||
+                        placeholderKeys.includes(placeholder.key))) {
+                    for (const option of (_b = placeholder._editor) === null || _b === void 0 ? void 0 : _b.insertOptions) {
+                        insertOptionsMap.set(option.id, option);
+                    }
+                }
+                for (const component of placeholder.components) {
+                    traverse(component.placeholders);
+                }
+            }
+        }
+        traverse(page.placeholders);
+        // Convert the map back into an array of objects
+        const insertOptionsArray = Array.from(insertOptionsMap.values());
+        insertOptionsArray.sort((a, b) => a.name.localeCompare(b.name));
+        return insertOptionsArray;
+    }
+    const currentInsertOptions = page
+        ? collectInsertOptions(page, selectedPlaceholderKeys)
+        : [];
+    return currentInsertOptions;
+}

package/dist/esm/editor/utils.js

@@ -0,0 +1,71 @@
+import { useState } from "react";
+import { useEffect, useRef } from "react";
+// Hook
+export function useEventListenerExt(eventName, handler, element, capture = false) {
+    // Create a ref that stores handler
+    const savedHandler = useRef();
+    // Update ref.current value if handler changes.
+    // This allows our effect below to always get latest handler ...
+    // ... without us needing to pass it in effect deps array ...
+    // ... and potentially cause effect to re-run every render.
+    useEffect(() => {
+        savedHandler.current = handler;
+    }, [handler]);
+    useEffect(() => {
+        // Make sure element supports addEventListener
+        // On
+        const isSupported = element && element.addEventListener;
+        if (!isSupported)
+            return;
+        // Create event listener that calls handler function stored in ref
+        const eventListener = (event) => savedHandler.current(event);
+        // Add event listener
+        element.addEventListener(eventName, eventListener, { capture: capture });
+        // Remove event listener on cleanup
+        return () => {
+            element.removeEventListener(eventName, eventListener);
+        };
+    }, [eventName, element] // Re-run if eventName or element changes
+    );
+}
+export const useLocalStorage = (storageKey, fallbackState) => {
+    var _a;
+    const [value, setValue] = useState(JSON.parse((_a = localStorage.getItem(storageKey)) !== null && _a !== void 0 ? _a : JSON.stringify(fallbackState)));
+    useEffect(() => {
+        localStorage.setItem(storageKey, JSON.stringify(value));
+    }, [value, storageKey]);
+    return [value, setValue];
+};
+export const getSelectedText = () => {
+    // Check if window and window.getSelection are available
+    if (typeof window !== "undefined" && window.getSelection) {
+        const selection = window.getSelection();
+        if (selection && selection.rangeCount > 0) {
+            return selection.toString();
+        }
+    }
+    return "";
+};
+export function isFieldActionExecuting(field, editContext) {
+    var _a;
+    const fieldItem = (_a = field._editor) === null || _a === void 0 ? void 0 : _a.descriptor.item;
+    if (!fieldItem) {
+        return false;
+    }
+    var action = editContext.activeFieldActions.find((x) => {
+        var _a, _b, _c, _d, _e, _f;
+        return x.field.id == field.id &&
+            ((_b = (_a = x.field._editor) === null || _a === void 0 ? void 0 : _a.descriptor.item) === null || _b === void 0 ? void 0 : _b.id) == fieldItem.id &&
+            ((_d = (_c = x.field._editor) === null || _c === void 0 ? void 0 : _c.descriptor.item) === null || _d === void 0 ? void 0 : _d.language) == fieldItem.language &&
+            ((_f = (_e = x.field._editor) === null || _e === void 0 ? void 0 : _e.descriptor.item) === null || _f === void 0 ? void 0 : _f.version) == fieldItem.version;
+    });
+    return (action === null || action === void 0 ? void 0 : action.state) == "running";
+}
+export function getItemDescriptor(item) {
+    return {
+        id: item.id,
+        language: item.language,
+        version: item.version,
+        name: item.name,
+    };
+}

package/dist/esm/editor/views/ItemEditor.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { EditorWarnings } from "../EditorWarnings";
+import { FieldList } from "../FieldList";
+import { ItemInfo } from "../ItemInfo";
+import { useEditContext } from "../editContext";
+export function ItemEditor() {
+    var _a, _b;
+    const editContext = useEditContext();
+    if (!editContext)
+        return;
+    const item = editContext.secondaryItem || editContext.page;
+    if (!item)
+        return;
+    const pageValidators = ((_b = (_a = editContext.pageValidationResult) === null || _a === void 0 ? void 0 : _a.find((x) => x.item.id === (item === null || item === void 0 ? void 0 : item.id) &&
+        x.item.language === (item === null || item === void 0 ? void 0 : item.language) &&
+        x.item.version === (item === null || item === void 0 ? void 0 : item.version))) === null || _b === void 0 ? void 0 : _b.results) || [];
+    return (_jsxs("div", { className: "a-h-full a-overflow-y-auto", children: [_jsx(EditorWarnings, { item: item }), _jsx(ItemInfo, { item: item }), _jsx(FieldList, { fields: item.fields, validators: pageValidators.filter((x) => x.itemId === item.id) })] }));
+}

package/dist/esm/fieldTypes.js

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

package/dist/esm/graphQL.js

@@ -0,0 +1,50 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { cookies } from "next/headers";
+import { getApiKey } from "./loadRouteData";
+export function executeGraphQLQuery({ query, host, path, language, mode, itemId, version, tags, revalidate, siteName, }, sessionId) {
+    return __awaiter(this, void 0, void 0, function* () {
+        let url = process.env.LAYOUT_SERVICE_URL + "/alpaca/headless/graphql";
+        if (sessionId)
+            url += "?sessionId=" + sessionId;
+        console.log(`GraphQL query:`, query);
+        const request = {
+            Query: query,
+            Host: host,
+            Path: path,
+            ItemId: itemId,
+            Language: language,
+            Version: version,
+            Mode: mode,
+            SiteName: siteName,
+        };
+        const response = yield fetch(url, {
+            method: "POST",
+            credentials: "include",
+            headers: {
+                "Content-Type": "application/json",
+                Cookie: cookies().toString(),
+                "x-api-key": getApiKey(),
+            },
+            body: JSON.stringify(request),
+            next: {
+                tags: tags !== null && tags !== void 0 ? tags : ["graphql"],
+                revalidate: revalidate,
+            },
+        });
+        if (!response.ok) {
+            console.log("Could not execute graphQL query: Response code: " + response.status);
+            console.log(yield response.text());
+            return {};
+        }
+        const data = yield response.json();
+        return data;
+    });
+}

package/dist/esm/graphQLTypes.js

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

package/dist/esm/index.js

@@ -0,0 +1,9 @@
+export * from "./servertypes";
+export * from "./loadRouteData";
+export * from "./components";
+export * from "./renderContext";
+export * from "./Editor";
+export * from "./middleware";
+export * as GraphQLTypes from "./graphQLTypes";
+export * from "./graphQL";
+export { translate } from "./translate";

package/dist/{cjs → esm}/loadRouteData.js

@@ -1,4 +1,3 @@
-"use strict";
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -8,12 +7,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.loadRouteData = void 0;
-const alpacaContext_1 = require("./alpacaContext");
-const headers_1 = require("next/headers");
-const react_1 = require("react");
-const fetchRouteData = (0, react_1.cache)((path, host, mode, itemId, language, session, version) => __awaiter(void 0, void 0, void 0, function* () {
+import { cookies, headers } from "next/headers";
+const fetchRouteData = (path, host, mode, itemId, language, session, version) => __awaiter(void 0, void 0, void 0, function* () {
     const request = {
         Path: path,
         Host: host,
@@ -29,10 +24,10 @@ const fetchRouteData = (0, react_1.cache)((path, host, mode, itemId, language, s
     console.log(`Fetching page layout from ${url}. Host:${request.Host} Path: ${request.Path}`);
     const requestHeaders = {
         "Content-Type": "application/json",
-        Cookie: (0, headers_1.cookies)().toString(),
+        Cookie: cookies().toString(),
         "x-api-key": getApiKey(),
     };
-    const headersList = (0, headers_1.headers)();
+    const headersList = headers();
     if (headersList.get("Authorization")) {
         requestHeaders["Authorization"] = headersList.get("Authorization");
     }
@@ -41,21 +36,27 @@ const fetchRouteData = (0, react_1.cache)((path, host, mode, itemId, language, s
         body: JSON.stringify(request),
         credentials: "include",
         headers: requestHeaders,
+        redirect: "manual",
         next: {
             tags: ["pages"],
             revalidate: mode === "preview" || mode == "edit" ? 0 : 30,
         },
     });
     console.log("STATUS: " + response.status + " mode: " + mode);
+    if (response.status === 401) {
+        var auth = response.headers.get("WWW-Authenticate");
+        return { type: "unauthorized", auth: auth };
+    }
     if (response.status === 404) {
         return {
             type: "notfound",
         };
     }
-    if (response.status === 301) {
+    if (response.status === 301 || response.status === 302) {
         return {
             type: "redirect",
-            location: response.url,
+            location: response.headers.get("Location"),
+            redirectType: response.status === 301 ? "permanent" : "temporary",
         };
     }
     if (!response.ok) {
@@ -67,34 +68,16 @@ const fetchRouteData = (0, react_1.cache)((path, host, mode, itemId, language, s
         };
     }
     const data = yield response.json();
-    //console.log(JSON.stringify(data, null, 2));
-    const context = (0, alpacaContext_1.useAlpacaContext)();
-    context.pageContext = {
-        itemId: data.page.id,
-        language: data.page.language,
-        site: data.site,
-        pageEditing: data.page.editing,
-        pageState: "",
-        database: data.page.database,
-    };
-    context.fields = data.page.fields;
-    context.edit = data.edit;
-    const dictionary = yield loadDictionary(context.pageContext.site.name, context.pageContext.language, mode, session);
-    context.dictionary = dictionary;
-    context.translate = (text) => {
-        return context.dictionary[text] || text;
-    };
     return Object.assign(Object.assign({}, data.page), { type: "page" });
-}));
-function loadRouteData(params, searchParams, host) {
-    var _a, _b;
+});
+export function loadRouteData({ path, searchParams, host, }) {
+    var _a;
     return __awaiter(this, void 0, void 0, function* () {
-        const result = yield fetchRouteData((_b = (_a = params.path) === null || _a === void 0 ? void 0 : _a.join("/")) !== null && _b !== void 0 ? _b : "/", host, searchParams["mode"] || "normal", searchParams["itemid"], searchParams["language"], searchParams["session"], searchParams["version"]);
+        const result = yield fetchRouteData(Array.isArray(path) ? (_a = path === null || path === void 0 ? void 0 : path.join("/")) !== null && _a !== void 0 ? _a : "/" : path, host, searchParams["mode"] || "normal", searchParams["itemid"], searchParams["language"], searchParams["session"], searchParams["version"]);
         return result;
     });
 }
-exports.loadRouteData = loadRouteData;
-function loadDictionary(siteName, language, mode, session) {
+export function loadDictionary(siteName, language, mode, session) {
     return __awaiter(this, void 0, void 0, function* () {
         let url = process.env.LAYOUT_SERVICE_URL +
             "/alpaca/headless/dictionary" +
@@ -111,7 +94,7 @@ function loadDictionary(siteName, language, mode, session) {
             credentials: "include",
             headers: {
                 "Content-Type": "application/json",
-                Cookie: (0, headers_1.cookies)().toString(),
+                Cookie: cookies().toString(),
                 "x-api-key": getApiKey(),
             },
             next: {
@@ -125,11 +108,10 @@ function loadDictionary(siteName, language, mode, session) {
             return {};
         }
         const data = yield response.json();
-        //console.log(data);
         return data;
     });
 }
-function getApiKey() {
+export function getApiKey() {
     const apiKey = process.env.ALPACA_HEADLESS_API_KEY || process.env.API_KEY;
     if (!apiKey)
         console.log("ERROR: Could not find API key environment variable: ALPACA_HEADLESS_API_KEY");

package/dist/{cjs → esm}/mediaProtection.js

@@ -1,11 +1,5 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.hashImageUrl = void 0;
-const crypto_1 = __importDefault(require("crypto"));
-require("url");
+import crypto from "crypto";
+import "url";
 const protectedParams = [
     "w",
     "h",
@@ -32,7 +26,7 @@ const protectedParams = [
     "rh",
     "crop",
 ];
-function hashImageUrl(url) {
+export function hashImageUrl(url) {
     if (!process.env.MEDIA_REQUESTPROTECTION_SHAREDSECRET)
         return url;
     if (!url)
@@ -46,11 +40,10 @@ function hashImageUrl(url) {
         .map((x) => x.name + "=" + x.val)
         .join("&");
     const stringToProtect = uri.pathname.substring(1) + "?" + searchParams;
-    const hash = crypto_1.default
+    const hash = crypto
         .createHash("md5")
         .update(stringToProtect + process.env.MEDIA_REQUESTPROTECTION_SHAREDSECRET, "utf16le")
         .digest("hex");
     uri.searchParams.set("hash", hash);
     return url.startsWith('http') ? uri.toString() : uri.pathname + uri.search;
 }
-exports.hashImageUrl = hashImageUrl;

package/dist/esm/middleware/handleRequest.js

@@ -0,0 +1,45 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { loadRouteData } from "../loadRouteData";
+export function handleRequest({ request, mapHost, }) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const urlSearchParams = new URLSearchParams(request.nextUrl.search);
+        const nextSearchParams = {};
+        for (const [key, value] of urlSearchParams.entries()) {
+            nextSearchParams[key] = value;
+        }
+        const result = yield loadRouteData({
+            path: request.nextUrl.pathname,
+            searchParams: nextSearchParams,
+            host: mapHost(request.headers.get("host") || ""),
+        });
+        if (result.type === "redirect") {
+            return new Response(null, {
+                status: result.redirectType === "permanent" ? 301 : 302,
+                headers: {
+                    Location: result.location,
+                },
+            });
+        }
+        if (result.type === "unauthorized") {
+            if (result.auth)
+                return new Response(null, {
+                    status: 401,
+                    headers: {
+                        "WWW-Authenticate": result.auth.replace(", Bearer", ""),
+                    },
+                });
+            else
+                return new Response(null, {
+                    status: 401,
+                });
+        }
+    });
+}

package/dist/esm/middleware/index.js

@@ -0,0 +1 @@
+export * from "./handleRequest";

package/dist/esm/public.js

@@ -0,0 +1,10 @@
+import { RichText, Text, Placeholder, Image, Translate } from "./components";
+import { translate } from "./translate";
+export default {
+    Text,
+    RichText,
+    Image,
+    Placeholder,
+    Translate,
+    translate,
+};