@alpaca-headless/alpaca-headless-nextjs 1.0.26 → 1.0.128

package/dist/cjs/editor/editService.js

@@ -12,13 +12,38 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.commitChanges = exports.executeRedo = exports.executeUndo = exports.executeEditOperation = exports.setCurrentOperation = exports.currentOperation = void 0;
+exports.createItem = exports.loadInsertOptions = exports.createVersion = exports.commitChanges = exports.executeRedo = exports.executeWorkflowCommand = exports.lockItem = exports.executeUndo = exports.executeEditOperation = exports.getPictureValue = exports.setCurrentOperation = exports.currentOperation = void 0;
 const universal_cookie_1 = __importDefault(require("universal-cookie"));
 exports.currentOperation = undefined;
 function setCurrentOperation(operation) {
     exports.currentOperation = operation;
 }
 exports.setCurrentOperation = setCurrentOperation;
+function getPictureValue(field, pictureRawValue, site, sessionId) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const response = yield fetch("/alpaca/headless/editor/getPictureValue?sessionId=" + sessionId, {
+            method: "POST",
+            body: JSON.stringify({
+                site,
+                itemId: field.item.id,
+                itemLanguage: field.item.language,
+                itemVersion: field.item.version,
+                pictureFieldId: field.id,
+                pictureValue: JSON.stringify(pictureRawValue),
+            }),
+            credentials: "include",
+            headers: {
+                "Content-Type": "application/json",
+                Cookie: new universal_cookie_1.default().getAll(),
+            },
+            next: {
+                revalidate: 0,
+            },
+        });
+        return yield response.json();
+    });
+}
+exports.getPictureValue = getPictureValue;
 function executeEditOperation(editOperation, sessionId) {
     return __awaiter(this, void 0, void 0, function* () {
         const response = yield fetch("/alpaca/headless/editor/edit?sessionId=" + sessionId, {
@@ -51,9 +76,12 @@ function executeEditOperation(editOperation, sessionId) {
     });
 }
 exports.executeEditOperation = executeEditOperation;
-function executeUndo(sessionId) {
+function executeUndo(sessionId, numOperations) {
     return __awaiter(this, void 0, void 0, function* () {
-        const response = yield fetch("/alpaca/headless/editor/undo?sessionId=" + sessionId, {
+        const response = yield fetch("/alpaca/headless/editor/undo?sessionId=" +
+            sessionId +
+            "&numOperations=" +
+            (numOperations !== null && numOperations !== void 0 ? numOperations : 1), {
             method: "POST",
             body: "",
             credentials: "include",
@@ -83,6 +111,70 @@ function executeUndo(sessionId) {
     });
 }
 exports.executeUndo = executeUndo;
+function lockItem(item) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const response = yield fetch("/alpaca/headless/editor/lock", {
+            method: "POST",
+            body: JSON.stringify(item),
+            credentials: "include",
+            headers: {
+                "Content-Type": "application/json",
+                Cookie: new universal_cookie_1.default().getAll(),
+            },
+            next: {
+                revalidate: 0,
+            },
+        });
+        if (response.status === 500 || response.redirected) {
+            return {
+                type: "error",
+                summary: "Error",
+                details: "An error occured while locking the item.",
+            };
+        }
+        if (response.status === 401) {
+            return {
+                type: "error",
+                summary: "Unauthorized",
+                details: "Not logged in anymore?",
+            };
+        }
+        return { type: "success" };
+    });
+}
+exports.lockItem = lockItem;
+function executeWorkflowCommand(item, commandId, comment) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const response = yield fetch("/alpaca/headless/editor/executeWorkflowCommand", {
+            method: "POST",
+            body: JSON.stringify({ item, commandId, comment }),
+            credentials: "include",
+            headers: {
+                "Content-Type": "application/json",
+                Cookie: new universal_cookie_1.default().getAll(),
+            },
+            next: {
+                revalidate: 0,
+            },
+        });
+        if (response.status === 500 || response.redirected) {
+            return {
+                type: "error",
+                summary: "Error",
+                details: "An error occured while locking the item.",
+            };
+        }
+        if (response.status === 401) {
+            return {
+                type: "error",
+                summary: "Unauthorized",
+                details: "Not logged in anymore?",
+            };
+        }
+        return { type: "success" };
+    });
+}
+exports.executeWorkflowCommand = executeWorkflowCommand;
 function executeRedo(sessionId) {
     return __awaiter(this, void 0, void 0, function* () {
         const response = yield fetch("/alpaca/headless/editor/redo?sessionId=" + sessionId, {
@@ -148,3 +240,95 @@ function commitChanges(sessionId) {
     });
 }
 exports.commitChanges = commitChanges;
+function createVersion(page, sessionId) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const response = yield fetch("/alpaca/headless/editor/createVersion?sessionId=" + sessionId, {
+            method: "POST",
+            body: JSON.stringify({
+                item: page,
+            }),
+            credentials: "include",
+            headers: {
+                "Content-Type": "application/json",
+                Cookie: new universal_cookie_1.default().getAll(),
+            },
+            next: {
+                revalidate: 0,
+            },
+        });
+        if (response.ok)
+            return { type: "success" };
+        else {
+            if (response.status === 401) {
+                return {
+                    type: "error",
+                    summary: "Unauthorized",
+                    details: "Not logged in anymore?",
+                };
+            }
+            return {
+                type: "error",
+                summary: "Error",
+                details: "An error occured while saving changes.",
+            };
+        }
+    });
+}
+exports.createVersion = createVersion;
+function loadInsertOptions(item) {
+    return __awaiter(this, void 0, void 0, function* () {
+        let url = "/alpaca/headless/editor/insertoptions";
+        const response = yield fetch(url, {
+            method: "POST",
+            credentials: "include",
+            body: JSON.stringify(item),
+            headers: {
+                "Content-Type": "application/json",
+                Cookie: new universal_cookie_1.default().getAll(),
+            },
+            next: {
+                revalidate: 0,
+            },
+        });
+        return yield response.json();
+    });
+}
+exports.loadInsertOptions = loadInsertOptions;
+function createItem(parent, templateId, name) {
+    return __awaiter(this, void 0, void 0, function* () {
+        let url = "/alpaca/headless/editor/createItem";
+        const response = yield fetch(url, {
+            method: "POST",
+            credentials: "include",
+            body: JSON.stringify({
+                parent,
+                templateId,
+                name,
+            }),
+            headers: {
+                "Content-Type": "application/json",
+                Cookie: new universal_cookie_1.default().getAll(),
+            },
+            next: {
+                revalidate: 0,
+            },
+        });
+        if (response.ok)
+            return { type: "success" };
+        else {
+            if (response.status === 401) {
+                return {
+                    type: "error",
+                    summary: "Unauthorized",
+                    details: "Not logged in anymore?",
+                };
+            }
+            return {
+                type: "error",
+                summary: "Error",
+                details: "An error occured while saving changes.",
+            };
+        }
+    });
+}
+exports.createItem = createItem;

package/dist/cjs/editor/fieldTypes/CheckboxEditor.js

@@ -0,0 +1,21 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckboxEditor = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const __1 = require("../..");
+const checkbox_1 = require("primereact/checkbox");
+function CheckboxEditor({ field }) {
+    const editContext = (0, __1.useEditContext)();
+    if (!editContext)
+        return;
+    return ((0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, { checked: field.value, onChange: (e) => {
+            editContext.editField({
+                field,
+                rawValue: e.checked ? "1" : "0",
+                refresh: "immediate",
+            });
+            // field.value = e.target.value;
+        } }, field.item.id + field.id + field.item.language + field.item.version));
+}
+exports.CheckboxEditor = CheckboxEditor;

package/dist/cjs/editor/fieldTypes/InternalLinkFieldEditor.js

@@ -0,0 +1,46 @@
+"use strict";
+"use client";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InternalLinkFieldEditor = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const __1 = require("../..");
+const ContentTree_1 = __importDefault(require("../ContentTree"));
+function InternalLinkFieldEditor({ field, }) {
+    const editContext = (0, __1.useEditContext)();
+    const [link, setLink] = (0, react_1.useState)();
+    const [showTree, setShowTree] = (0, react_1.useState)(false);
+    (0, react_1.useEffect)(() => {
+        var _a;
+        setLink({
+            url: field.value.url,
+            target: field.value.target,
+            targetItemName: field.value.targetItemName,
+            targetItemLongId: field.value.targetItemLongId,
+            type: field.value.type,
+            itemId: (_a = field.value.targetItemLongId) === null || _a === void 0 ? void 0 : _a.split("/").pop(),
+            queryString: field.value.queryString,
+        });
+    }, [field]);
+    if (!field)
+        return;
+    if (!editContext)
+        return;
+    const selection = [];
+    if (link === null || link === void 0 ? void 0 : link.itemId)
+        selection.push(link.itemId);
+    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "a-p-2 a-border a-bg-gray-50 a-flex a-justify-between a-text-sm a-cursor-pointer a-justiy-between a-focus-shadow", onClick: (e) => {
+                    setShowTree(!showTree);
+                    e.preventDefault();
+                }, children: [(0, jsx_runtime_1.jsx)("span", { children: link === null || link === void 0 ? void 0 : link.targetItemName }), (0, jsx_runtime_1.jsx)("i", { className: `pi ${showTree ? "pi-angle-up" : "pi-angle-down"} ` })] }), showTree && ((0, jsx_runtime_1.jsx)("div", { className: "a-h-64 a-overflow-scroll a-resize", children: (0, jsx_runtime_1.jsx)(ContentTree_1.default, { expandIdPath: link === null || link === void 0 ? void 0 : link.targetItemLongId, rootItemId: "{11111111-1111-1111-1111-111111111111}", selectionMode: "single", selectedItemIds: selection, onSelectionChange: (selection) => {
+                        setShowTree(false);
+                        editContext === null || editContext === void 0 ? void 0 : editContext.editField({
+                            field,
+                            rawValue: selection.id,
+                        });
+                    } }) }))] }));
+}
+exports.InternalLinkFieldEditor = InternalLinkFieldEditor;

package/dist/cjs/editor/fieldTypes/LinkFieldEditor.js

@@ -0,0 +1,55 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LinkFieldEditor = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const __1 = require("../..");
+const LinkEditorDialog_1 = require("../LinkEditorDialog");
+function LinkFieldEditor({ field }) {
+    const editContext = (0, __1.useEditContext)();
+    const [showDialog, setShowDialog] = (0, react_1.useState)(false);
+    const [link, setLink] = (0, react_1.useState)();
+    (0, react_1.useEffect)(() => {
+        var _a;
+        setLink({
+            url: field.value.url,
+            target: field.value.target,
+            targetItemLongId: field.value.targetItemLongId,
+            type: field.value.type,
+            itemId: (_a = field.value.targetItemLongId) === null || _a === void 0 ? void 0 : _a.split("/").pop(),
+            queryString: field.value.queryString,
+        });
+    }, [field]);
+    if (!field)
+        return;
+    if (!editContext)
+        return;
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "a-p-3 a-bg-gray-50 a-flex a-justify-between a-focus-shadow", onClick: (e) => {
+                    setShowDialog(true);
+                    e.preventDefault();
+                }, children: [(0, jsx_runtime_1.jsx)("div", { children: field.value.url }), (0, jsx_runtime_1.jsx)("i", { className: "pi pi-link a-cursor-pointer" })] }), showDialog && ((0, jsx_runtime_1.jsx)(LinkEditorDialog_1.LinkEditorDialog, { linkValue: link || { type: "internal" }, onOk: (link) => {
+                    var _a, _b;
+                    const xml = link.type == "internal"
+                        ? '<link linktype="internal" querystring="' +
+                            ((_a = link.queryString) !== null && _a !== void 0 ? _a : "") +
+                            '" id="' +
+                            link.itemId +
+                            '" target="' +
+                            link.target +
+                            '" />'
+                        : '<link linktype="external" querystring="' +
+                            ((_b = link.queryString) !== null && _b !== void 0 ? _b : "") +
+                            ' url="' +
+                            link.url +
+                            '" target="' +
+                            link.target +
+                            '" />';
+                    editContext === null || editContext === void 0 ? void 0 : editContext.editField({ field, rawValue: xml });
+                    editContext === null || editContext === void 0 ? void 0 : editContext.requestRefresh("immediate");
+                    setShowDialog(false);
+                }, onCancel: () => {
+                    setShowDialog(false);
+                } }))] }));
+}
+exports.LinkFieldEditor = LinkFieldEditor;

package/dist/cjs/editor/fieldTypes/MultiLineText.js

@@ -0,0 +1,25 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultiLineText = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const inputtextarea_1 = require("primereact/inputtextarea");
+const __1 = require("../..");
+function MultiLineText({ field }) {
+    const editContext = (0, __1.useEditContext)();
+    if (!editContext)
+        return;
+    const liveField = editContext.getLiveField(field);
+    if (!editContext)
+        return;
+    const value = (liveField === null || liveField === void 0 ? void 0 : liveField.value) || field.value;
+    return ((0, jsx_runtime_1.jsx)(inputtextarea_1.InputTextarea, { value: value, className: "a-p-2 a-focus-shadow", style: { width: "100%" }, rows: 12, onChange: (e) => {
+            editContext.editField({
+                field,
+                value: e.target.value,
+                refresh: "none",
+            });
+            // field.value = e.target.value;
+        } }, field.item.id + field.id + field.item.language + field.item.version));
+}
+exports.MultiLineText = MultiLineText;

package/dist/cjs/editor/fieldTypes/PictureFieldEditor.js

@@ -0,0 +1,19 @@
+"use strict";
+"use client";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PictureFieldEditor = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const editContext_1 = require("../editContext");
+const PictureEditorDialog_1 = require("../PictureEditorDialog");
+const react_1 = require("react");
+function PictureFieldEditor({ field }) {
+    var _a, _b;
+    const editContext = (0, editContext_1.useEditContext)();
+    const [editorVisible, setEditorVisible] = (0, react_1.useState)(false);
+    if (!field)
+        return;
+    if (!editContext)
+        return;
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "a-flex a-gap-1 a-h-full a-border-r a-focus-shadow", children: [(_b = (_a = field === null || field === void 0 ? void 0 : field.value) === null || _a === void 0 ? void 0 : _a.variants) === null || _b === void 0 ? void 0 : _b.map((variant) => ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "a-h-24 a-w-24 a-border a-relative a-cursor-pointer a-flex a-justify-center a-items-center", onClick: () => setEditorVisible(true), children: variant.src && (0, jsx_runtime_1.jsx)("img", { src: variant.thumbSrc }) }), (0, jsx_runtime_1.jsx)("div", { className: "a-text-xs", children: variant.name }), (0, jsx_runtime_1.jsx)("div", { className: "a-text-xs", children: variant.aspectRatioText })] }, variant.name))), editorVisible && ((0, jsx_runtime_1.jsx)(PictureEditorDialog_1.PictureEditorDialog, { field: field, onCancel: () => setEditorVisible(false), onOk: () => setEditorVisible(false) }))] }));
+}
+exports.PictureFieldEditor = PictureFieldEditor;

package/dist/cjs/editor/fieldTypes/RichTextEditor.js

@@ -9,11 +9,16 @@ function RichTextEditor({ field }) {
     const editContext = (0, __1.useEditContext)();
     if (!editContext)
         return;
-    return ((0, jsx_runtime_1.jsx)(editor_1.Editor, { value: field.value, style: { width: "100%" }, onTextChange: (e) => {
+    const liveField = editContext.getLiveField(field);
+    return ((0, jsx_runtime_1.jsx)(editor_1.Editor, { className: "a-focus-shadow", value: liveField.value, style: { width: "100%" }, onTextChange: (e) => {
             var _a;
             //  console.log("Text change: " + field.itemId);
-            editContext.editField(field, (_a = e.htmlValue) !== null && _a !== void 0 ? _a : "", true);
-            field.value = e.htmlValue;
-        } }, field.itemId + field.id + field.language + field.version));
+            editContext.editField({
+                field,
+                value: (_a = e.htmlValue) !== null && _a !== void 0 ? _a : "",
+                refresh: "none",
+            });
+            // field.value = e.htmlValue;
+        } }, field.item.id + field.id + field.item.language + field.item.version));
 }
 exports.RichTextEditor = RichTextEditor;

package/dist/cjs/editor/fieldTypes/SingleLineText.js

@@ -9,9 +9,17 @@ function SingleLineText({ field }) {
     const editContext = (0, __1.useEditContext)();
     if (!editContext)
         return;
-    return ((0, jsx_runtime_1.jsx)(inputtext_1.InputText, { value: field.value, style: { width: "100%" }, onChange: (e) => {
-            editContext.editField(field, e.target.value, false);
-            field.value = e.target.value;
-        } }, field.itemId + field.id + field.language + field.version));
+    const liveField = editContext.getLiveField(field);
+    if (!editContext)
+        return;
+    const value = (liveField === null || liveField === void 0 ? void 0 : liveField.value) || field.value;
+    return ((0, jsx_runtime_1.jsx)(inputtext_1.InputText, { value: value, className: "a-p-2 a-focus-shadow", style: { width: "100%" }, onChange: (e) => {
+            editContext.editField({
+                field,
+                value: e.target.value,
+                refresh: "none",
+            });
+            // field.value = e.target.value;
+        } }, field.item.id + field.id + field.item.language + field.item.version));
 }
 exports.SingleLineText = SingleLineText;

package/dist/cjs/editor/fieldTypes/TreeListEditor.js

@@ -0,0 +1,59 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const jsx_runtime_1 = require("react/jsx-runtime");
+const splitter_1 = require("primereact/splitter");
+const __1 = require("..");
+const ContentTree_1 = __importDefault(require("../ContentTree"));
+const react_1 = require("react");
+const listbox_1 = require("primereact/listbox");
+function TreeListEditor({ field }) {
+    const editContext = (0, __1.useEditContext)();
+    const [selectedItemIdsInTree, setSelectedItemIdsInTree] = (0, react_1.useState)([]);
+    const [selectedFromList, setSelectedFromList] = (0, react_1.useState)([]);
+    if (!editContext)
+        return;
+    const rootItemId = field.customEditorProperties.datasources &&
+        field.customEditorProperties.datasources.length
+        ? field.customEditorProperties.datasources[0]
+        : "{11111111-1111-1111-1111-111111111111}";
+    const trimPath = (path) => {
+        const splitPath = path.split("/");
+        if (splitPath.length > 2) {
+            return (splitPath[splitPath.length - 2] + "/" + splitPath[splitPath.length - 1]);
+        }
+        return path;
+    };
+    function removeFromList(items) {
+        editContext === null || editContext === void 0 ? void 0 : editContext.editField({
+            field: field,
+            rawValue: field.value
+                .filter((x) => !items.find((i) => x.id == i.id))
+                .map((x) => x.id)
+                .join("|"),
+            refresh: "immediate",
+        });
+    }
+    function addToList(itemIds) {
+        const ids = field.value.map((x) => x.id);
+        itemIds.forEach((element) => {
+            if (ids.indexOf(element) == -1) {
+                ids.push(element);
+            }
+        });
+        editContext === null || editContext === void 0 ? void 0 : editContext.editField({
+            field: field,
+            rawValue: ids.join("|"),
+            refresh: "immediate",
+        });
+    }
+    return ((0, jsx_runtime_1.jsx)("div", { className: "a-border a-focus-shadow", children: (0, jsx_runtime_1.jsxs)(splitter_1.Splitter, { className: "a-h-52", children: [(0, jsx_runtime_1.jsx)(splitter_1.SplitterPanel, { size: 50, className: "a-relative", children: (0, jsx_runtime_1.jsx)("div", { className: "a-absolute a-inset-0 a-overflow-auto", children: (0, jsx_runtime_1.jsx)(ContentTree_1.default, { onDoubleClick: (node) => {
+                                addToList([node.id]);
+                            }, selectionMode: "multiple", selectedItemIds: selectedItemIdsInTree, onSelectionChange: (e) => {
+                                const selcetedIds = e.map((x) => x.id);
+                                setSelectedItemIdsInTree(selcetedIds);
+                            }, rootItemId: rootItemId }) }) }), (0, jsx_runtime_1.jsx)(splitter_1.SplitterPanel, { children: (0, jsx_runtime_1.jsx)("div", { className: "a-h-full a-w-full a-relative", children: (0, jsx_runtime_1.jsxs)("div", { className: "a-absolute a-inset-0 a-flex", children: [(0, jsx_runtime_1.jsxs)("div", { className: "a-bg-gray-100 a-flex a-flex-col a-justify-center", children: [(0, jsx_runtime_1.jsx)("button", { onClick: () => addToList(selectedItemIdsInTree), children: (0, jsx_runtime_1.jsx)("i", { className: "pi pi-angle-right a-p-2 hover:a-bg-gray-50" }) }), (0, jsx_runtime_1.jsx)("button", { onClick: () => removeFromList(selectedFromList), children: (0, jsx_runtime_1.jsx)("i", { className: "pi pi-angle-left a-p-2 hover:a-bg-gray-50" }) })] }), (0, jsx_runtime_1.jsx)("div", { className: "a-flex-1 a-h-full a-relative", children: (0, jsx_runtime_1.jsx)(listbox_1.ListBox, { className: "a-absolute a-inset-0 a-overflow-auto a-text-xs", options: field.value || [], optionLabel: "path", emptyMessage: "None selected", multiple: true, value: selectedFromList, onChange: (e) => setSelectedFromList(e.value), itemTemplate: (option) => ((0, jsx_runtime_1.jsxs)("div", { className: "a-select-none", onDoubleClick: () => removeFromList([option]), children: [trimPath(option.path), " "] })) }) }), (0, jsx_runtime_1.jsx)("div", {})] }) }) })] }) }));
+}
+exports.default = TreeListEditor;

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

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Section = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function Section({ title, children, }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "a-pb-10 a-bg-gray-100", children: [(0, jsx_runtime_1.jsx)("div", { className: "a-p-2 a-border-l-4 a-text-white a-text-sm a-border-blue-500 a-bg-gray-800", children: title }), (0, jsx_runtime_1.jsx)("div", { className: "a-px-2", children: children })] }));
+}
+exports.Section = Section;

package/dist/cjs/loadRouteData.js

@@ -23,19 +23,24 @@ const fetchRouteData = (0, react_1.cache)((path, host, mode, itemId, language, s
         SessionId: session,
         Version: version,
     };
-    const url = process.env.LAYOUT_SERVICE_URL +
-        "/alpaca/headless/layout?session=" +
-        session;
+    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: (0, headers_1.cookies)().toString(),
+        "x-api-key": getApiKey(),
+    };
+    const headersList = (0, headers_1.headers)();
+    if (headersList.get("Authorization")) {
+        requestHeaders["Authorization"] = headersList.get("Authorization");
+    }
     const response = yield fetch(url, {
         method: "POST",
         body: JSON.stringify(request),
         credentials: "include",
-        headers: {
-            "Content-Type": "application/json",
-            Cookie: (0, headers_1.cookies)().toString(),
-            "x-api-key": getApiKey(),
-        },
+        headers: requestHeaders,
         next: {
             tags: ["pages"],
             revalidate: mode === "preview" || mode == "edit" ? 0 : 30,
@@ -74,7 +79,7 @@ const fetchRouteData = (0, react_1.cache)((path, host, mode, itemId, language, s
     };
     context.fields = data.page.fields;
     context.edit = data.edit;
-    const dictionary = yield loadDictionary(context.pageContext.site.name, context.pageContext.language, mode);
+    const dictionary = yield loadDictionary(context.pageContext.site.name, context.pageContext.language, mode, session);
     context.dictionary = dictionary;
     context.translate = (text) => {
         return context.dictionary[text] || text;
@@ -89,13 +94,17 @@ function loadRouteData(params, searchParams, host) {
     });
 }
 exports.loadRouteData = loadRouteData;
-function loadDictionary(siteName, language, mode) {
+function loadDictionary(siteName, language, mode, session) {
     return __awaiter(this, void 0, void 0, function* () {
-        const url = process.env.LAYOUT_SERVICE_URL +
-            "/alpaca/headless/dictionary?siteName=" +
+        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",
@@ -107,15 +116,16 @@ function loadDictionary(siteName, language, mode) {
             },
             next: {
                 tags: ["dictionary"],
-                revalidate: mode === "preview" || mode == "edit" ? 15 : 600,
+                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();
-        console.log(data);
+        //console.log(data);
         return data;
     });
 }

package/dist/cjs/middleware/authorization.js

@@ -0,0 +1,52 @@
+"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) {
+        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());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ensureAuthorized = void 0;
+function ensureAuthorized(request) {
+    return __awaiter(this, void 0, void 0, function* () {
+        if (request.nextUrl.searchParams.get("mode"))
+            return null;
+        const itemId = request.nextUrl.searchParams.get("itemid");
+        const language = request.nextUrl.searchParams.get("language");
+        const url = process.env.LAYOUT_SERVICE_URL + "/alpaca/headless/layout/authorize";
+        const fetchRequest = {
+            Path: request.nextUrl.pathname,
+            Host: request.headers.get("host") || "",
+            ItemId: itemId,
+            Language: language,
+        };
+        const headers = {
+            "Content-Type": "application/json",
+            Cookie: request.cookies.toString(),
+        };
+        if (request.headers.get("Authorization"))
+            headers["Authorization"] = request.headers.get("Authorization");
+        const response = yield fetch(url, {
+            method: "POST",
+            body: JSON.stringify(fetchRequest),
+            credentials: "include",
+            headers,
+            next: {
+                revalidate: 0,
+            },
+        });
+        var auth = response.headers.get("WWW-Authenticate");
+        if (!auth)
+            return null;
+        return new Response(null, {
+            status: 401,
+            headers: {
+                "WWW-Authenticate": auth.replace(", Bearer", ""),
+            },
+        });
+    });
+}
+exports.ensureAuthorized = ensureAuthorized;

package/dist/cjs/middleware/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./authorization"), exports);