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

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

@@ -1,77 +0,0 @@
-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

@@ -1,14 +0,0 @@
-"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

@@ -1,19 +0,0 @@
-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

@@ -1,33 +0,0 @@
-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

@@ -1,8 +0,0 @@
-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

@@ -1,39 +0,0 @@
-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

@@ -1,71 +0,0 @@
-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

@@ -1,18 +0,0 @@
-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

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

package/dist/esm/graphQL.js

@@ -1,50 +0,0 @@
-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

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

package/dist/esm/index.js

@@ -1,9 +0,0 @@
-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/esm/loadRouteData.js

@@ -1,119 +0,0 @@
-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, 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,
-        Mode: mode,
-        ItemId: itemId,
-        Language: language,
-        SessionId: session,
-        Version: version,
-    };
-    let url = process.env.LAYOUT_SERVICE_URL + "/alpaca/headless/layout";
-    if (session)
-        url += "?session=" + session;
-    console.log(`Fetching page layout from ${url}. Host:${request.Host} Path: ${request.Path}`);
-    const requestHeaders = {
-        "Content-Type": "application/json",
-        Cookie: cookies().toString(),
-        "x-api-key": getApiKey(),
-    };
-    const headersList = headers();
-    if (headersList.get("Authorization")) {
-        requestHeaders["Authorization"] = headersList.get("Authorization");
-    }
-    const response = yield fetch(url, {
-        method: "POST",
-        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 || response.status === 302) {
-        return {
-            type: "redirect",
-            location: response.headers.get("Location"),
-            redirectType: response.status === 301 ? "permanent" : "temporary",
-        };
-    }
-    if (!response.ok) {
-        const message = yield response.text();
-        return {
-            type: "error",
-            errorCode: response.status,
-            message: message,
-        };
-    }
-    const data = yield response.json();
-    return Object.assign(Object.assign({}, data.page), { type: "page" });
-});
-export function loadRouteData({ path, searchParams, host, }) {
-    var _a;
-    return __awaiter(this, void 0, void 0, function* () {
-        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;
-    });
-}
-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" +
-            (mode === "edit" ? "/editable" : "") +
-            "?siteName=" +
-            siteName +
-            "&language=" +
-            language;
-        if (session)
-            url += "&sessionId=" + session;
-        console.log(`Fetching dictionary from ${url}.`);
-        const response = yield fetch(url, {
-            method: "GET",
-            credentials: "include",
-            headers: {
-                "Content-Type": "application/json",
-                Cookie: cookies().toString(),
-                "x-api-key": getApiKey(),
-            },
-            next: {
-                tags: ["dictionary"],
-                revalidate: mode === "preview" || mode === "edit" ? 15 : 600,
-            },
-        });
-        if (!response.ok) {
-            console.log("Could not load dictionary: Response code: " + response.status);
-            console.log(yield response.text());
-            return {};
-        }
-        const data = yield response.json();
-        return data;
-    });
-}
-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");
-    return apiKey;
-}

package/dist/esm/mediaProtection.js

@@ -1,49 +0,0 @@
-import crypto from "crypto";
-import "url";
-const protectedParams = [
-    "w",
-    "h",
-    "mw",
-    "mh",
-    "sc",
-    "as",
-    "bc",
-    "db",
-    "iar",
-    "la",
-    "thn",
-    "vs",
-    "sc_content",
-    "sc_lang",
-    "sc_site",
-    "gray",
-    "rev",
-    "devicepixelratio",
-    "encodequality",
-    "rx",
-    "ry",
-    "rw",
-    "rh",
-    "crop",
-];
-export function hashImageUrl(url) {
-    if (!process.env.MEDIA_REQUESTPROTECTION_SHAREDSECRET)
-        return url;
-    if (!url)
-        return url;
-    const baseURL = 'http://temp-base-url.com'; // This will serve as a placeholder.
-    const uri = new URL(url.toLowerCase(), baseURL);
-    uri.searchParams.delete("hash");
-    const searchParams = protectedParams
-        .map((x) => ({ name: x, val: uri.searchParams.get(x) }))
-        .filter((x) => x.val)
-        .map((x) => x.name + "=" + x.val)
-        .join("&");
-    const stringToProtect = uri.pathname.substring(1) + "?" + searchParams;
-    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;
-}

package/dist/esm/middleware/handleRequest.js

@@ -1,45 +0,0 @@
-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

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

package/dist/esm/public.js

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