@alpaca-headless/alpaca-headless-nextjs 1.0.2684 → 1.0.2686

package/dist/cjs/alpacaContext.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAlpacaContext = void 0;
+function useAlpacaContext() {
+    let context = globalThis.alpacaContext;
+    if (!context) {
+        context = {};
+        globalThis.alpacaContext = context;
+    }
+    return context;
+}
+exports.useAlpacaContext = useAlpacaContext;

package/dist/cjs/components/Picture.js

@@ -0,0 +1,45 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Picture = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+// const addClassName = (otherAttrs: { [key: string]: unknown }): void => {
+//   if (otherAttrs.class) {
+//     // if any classes are defined properly already
+//     if (otherAttrs.className) {
+//       let className: string = otherAttrs.className as string;
+//       className += ` ${otherAttrs.class}`;
+//       otherAttrs.className = className;
+//     } else {
+//       otherAttrs.className = otherAttrs.class;
+//     }
+//     delete otherAttrs.class;
+//   }
+// };
+const Picture = (_a) => {
+    var _b, _c, _d, _e;
+    var { field, imageParams, sources, defaultVariant } = _a, otherProps = __rest(_a, ["field", "imageParams", "sources", "defaultVariant"]);
+    const variants = (_b = field === null || field === void 0 ? void 0 : field.value) === null || _b === void 0 ? void 0 : _b.variants;
+    const img = (_d = (_c = field === null || field === void 0 ? void 0 : field.value) === null || _c === void 0 ? void 0 : _c.variants.find((x) => x.name.toUpperCase() == (defaultVariant === null || defaultVariant === void 0 ? void 0 : defaultVariant.toUpperCase()))) !== null && _d !== void 0 ? _d : (_e = field === null || field === void 0 ? void 0 : field.value) === null || _e === void 0 ? void 0 : _e.variants[0];
+    const attrs = Object.assign(Object.assign({}, img), otherProps);
+    if (!(sources === null || sources === void 0 ? void 0 : sources.length)) {
+        return (0, jsx_runtime_1.jsx)("img", Object.assign({}, attrs, { alt: "" }));
+    }
+    else {
+        return ((0, jsx_runtime_1.jsxs)("picture", { children: [sources === null || sources === void 0 ? void 0 : sources.map((source) => {
+                    const variant = variants === null || variants === void 0 ? void 0 : variants.find((v) => v.name.toLowerCase() == source.variant.toLowerCase());
+                    return ((0, jsx_runtime_1.jsx)("source", { srcSet: variant === null || variant === void 0 ? void 0 : variant.src, media: source.media }, source.variant + source.media));
+                }), (0, jsx_runtime_1.jsx)("img", Object.assign({}, attrs, { alt: "" }))] }));
+    }
+};
+exports.Picture = Picture;

package/dist/cjs/components/Placeholder.js

@@ -0,0 +1,55 @@
+"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.Placeholder = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const __1 = require("..");
+function Placeholder({ name, content, }) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const data = yield content;
+        if (!("placeholders" in data))
+            return;
+        const placeholderData = data.placeholders.find((x) => x.name == name);
+        if (!placeholderData)
+            return;
+        const context = (0, __1.useAlpacaContext)();
+        const loader = context.componentModuleLoader;
+        const promises = placeholderData === null || placeholderData === void 0 ? void 0 : placeholderData.components.map((component) => __awaiter(this, void 0, void 0, function* () {
+            let module = null;
+            try {
+                module = yield loader(component.componentType);
+            }
+            catch (e) {
+                console.log(e);
+            }
+            if (!module) {
+                console.log("Could not find module " + component.componentType);
+                return {
+                    data: { name: component.componentType },
+                    Component: ComponentNotFound,
+                };
+            }
+            return { data: component, Component: module.default };
+        }));
+        const components = yield Promise.all(promises);
+        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: components.map(({ Component, data }) => ((0, jsx_runtime_1.jsx)(Component, { component: data }))) }));
+    });
+}
+exports.Placeholder = Placeholder;
+function ComponentNotFound({ component }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+            backgroundColor: "orange",
+            color: "red",
+            fontSize: 18,
+            padding: 10,
+            border: "3px solid red",
+        }, children: ["Component not found: ", component.name, " "] }));
+}

package/dist/cjs/components/RichText.js

@@ -0,0 +1,28 @@
+"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());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RichText = void 0;
+const react_1 = __importDefault(require("react"));
+function RichText({ field, tag, editable, }) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const props = {
+            dangerouslySetInnerHTML: {
+                __html: field.value,
+            },
+            editable: editable,
+        };
+        return react_1.default.createElement(tag || "div", props);
+    });
+}
+exports.RichText = RichText;

package/dist/cjs/components/Text.js

@@ -0,0 +1,25 @@
+"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());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = void 0;
+const react_1 = __importDefault(require("react"));
+function Text({ field, tag, editable, }) {
+    return __awaiter(this, void 0, void 0, function* () {
+        if (editable)
+            return react_1.default.createElement(tag || "div", null, field.value);
+        else
+            return react_1.default.createElement(tag || "div", null, field.value);
+    });
+}
+exports.Text = Text;

package/dist/cjs/components/index.js

@@ -0,0 +1,20 @@
+"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("./Placeholder"), exports);
+__exportStar(require("./Text"), exports);
+__exportStar(require("./Picture"), exports);
+__exportStar(require("./RichText"), exports);

package/dist/cjs/fieldTypes.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/index.js

@@ -0,0 +1,21 @@
+"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("./layoutData"), exports);
+__exportStar(require("./loadRouteData"), exports);
+__exportStar(require("./components"), exports);
+__exportStar(require("./alpacaContext"), exports);
+__exportStar(require("./fieldTypes"), exports);

package/dist/cjs/layoutData.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/loadRouteData.js

@@ -0,0 +1,74 @@
+"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.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) => __awaiter(void 0, void 0, void 0, function* () {
+    const request = {
+        Path: path,
+        Host: host,
+        Mode: mode,
+        ItemId: itemId,
+        Language: language,
+    };
+    const url = process.env.LAYOUT_SERVICE_URL + "/alpaca/headless/layout";
+    console.log(`Fetching page layout from ${url}. Host:${request.Host} Path: ${request.Path}`);
+    const response = yield fetch(url, {
+        method: "POST",
+        body: JSON.stringify(request),
+        credentials: "include",
+        headers: {
+            "Content-Type": "application/json",
+            Cookie: (0, headers_1.cookies)().toString(),
+        },
+        next: { tags: ["pages"], revalidate: 10 },
+    });
+    if (response.status === 404) {
+        return {
+            type: "notfound",
+        };
+    }
+    if (response.status === 301) {
+        return {
+            type: "redirect",
+            location: response.url,
+        };
+    }
+    if (!response.ok) {
+        const message = yield response.text();
+        return {
+            type: "error",
+            errorCode: response.status,
+            message: message,
+        };
+    }
+    const data = yield response.json();
+    console.log(data);
+    const context = (0, alpacaContext_1.useAlpacaContext)();
+    context.pageContext = {
+        itemId: data.page.id,
+        language: data.page.language,
+        site: data.site,
+        pageEditing: true,
+        pageState: "",
+    };
+    return Object.assign(Object.assign({}, data.page), { type: "page" });
+}));
+function loadRouteData(params, searchParams, host) {
+    var _a, _b;
+    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"] || "preview", searchParams["itemid"], searchParams["language"]);
+        return result;
+    });
+}
+exports.loadRouteData = loadRouteData;

package/dist/esm/alpacaContext.js

@@ -0,0 +1,8 @@
+export function useAlpacaContext() {
+    let context = globalThis.alpacaContext;
+    if (!context) {
+        context = {};
+        globalThis.alpacaContext = context;
+    }
+    return context;
+}

package/dist/esm/components/Picture.js

@@ -0,0 +1,41 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// const addClassName = (otherAttrs: { [key: string]: unknown }): void => {
+//   if (otherAttrs.class) {
+//     // if any classes are defined properly already
+//     if (otherAttrs.className) {
+//       let className: string = otherAttrs.className as string;
+//       className += ` ${otherAttrs.class}`;
+//       otherAttrs.className = className;
+//     } else {
+//       otherAttrs.className = otherAttrs.class;
+//     }
+//     delete otherAttrs.class;
+//   }
+// };
+export const Picture = (_a) => {
+    var _b, _c, _d, _e;
+    var { field, imageParams, sources, defaultVariant } = _a, otherProps = __rest(_a, ["field", "imageParams", "sources", "defaultVariant"]);
+    const variants = (_b = field === null || field === void 0 ? void 0 : field.value) === null || _b === void 0 ? void 0 : _b.variants;
+    const img = (_d = (_c = field === null || field === void 0 ? void 0 : field.value) === null || _c === void 0 ? void 0 : _c.variants.find((x) => x.name.toUpperCase() == (defaultVariant === null || defaultVariant === void 0 ? void 0 : defaultVariant.toUpperCase()))) !== null && _d !== void 0 ? _d : (_e = field === null || field === void 0 ? void 0 : field.value) === null || _e === void 0 ? void 0 : _e.variants[0];
+    const attrs = Object.assign(Object.assign({}, img), otherProps);
+    if (!(sources === null || sources === void 0 ? void 0 : sources.length)) {
+        return _jsx("img", Object.assign({}, attrs, { alt: "" }));
+    }
+    else {
+        return (_jsxs("picture", { children: [sources === null || sources === void 0 ? void 0 : sources.map((source) => {
+                    const variant = variants === null || variants === void 0 ? void 0 : variants.find((v) => v.name.toLowerCase() == source.variant.toLowerCase());
+                    return (_jsx("source", { srcSet: variant === null || variant === void 0 ? void 0 : variant.src, media: source.media }, source.variant + source.media));
+                }), _jsx("img", Object.assign({}, attrs, { alt: "" }))] }));
+    }
+};

package/dist/esm/components/Placeholder.js

@@ -0,0 +1,51 @@
+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 { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useAlpacaContext, } from "..";
+export function Placeholder({ name, content, }) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const data = yield content;
+        if (!("placeholders" in data))
+            return;
+        const placeholderData = data.placeholders.find((x) => x.name == name);
+        if (!placeholderData)
+            return;
+        const context = useAlpacaContext();
+        const loader = context.componentModuleLoader;
+        const promises = placeholderData === null || placeholderData === void 0 ? void 0 : placeholderData.components.map((component) => __awaiter(this, void 0, void 0, function* () {
+            let module = null;
+            try {
+                module = yield loader(component.componentType);
+            }
+            catch (e) {
+                console.log(e);
+            }
+            if (!module) {
+                console.log("Could not find module " + component.componentType);
+                return {
+                    data: { name: component.componentType },
+                    Component: ComponentNotFound,
+                };
+            }
+            return { data: component, Component: module.default };
+        }));
+        const components = yield Promise.all(promises);
+        return (_jsx(_Fragment, { children: components.map(({ Component, data }) => (_jsx(Component, { component: data }))) }));
+    });
+}
+function ComponentNotFound({ component }) {
+    return (_jsxs("div", { style: {
+            backgroundColor: "orange",
+            color: "red",
+            fontSize: 18,
+            padding: 10,
+            border: "3px solid red",
+        }, children: ["Component not found: ", component.name, " "] }));
+}

package/dist/esm/components/RichText.js

@@ -0,0 +1,21 @@
+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 React from "react";
+export function RichText({ field, tag, editable, }) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const props = {
+            dangerouslySetInnerHTML: {
+                __html: field.value,
+            },
+            editable: editable,
+        };
+        return React.createElement(tag || "div", props);
+    });
+}

package/dist/esm/components/Text.js

@@ -0,0 +1,18 @@
+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 React from "react";
+export function Text({ field, tag, editable, }) {
+    return __awaiter(this, void 0, void 0, function* () {
+        if (editable)
+            return React.createElement(tag || "div", null, field.value);
+        else
+            return React.createElement(tag || "div", null, field.value);
+    });
+}

package/dist/esm/components/index.js

@@ -0,0 +1,4 @@
+export * from "./Placeholder";
+export * from "./Text";
+export * from "./Picture";
+export * from "./RichText";

package/dist/esm/fieldTypes.js

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

package/dist/esm/index.js

@@ -0,0 +1,5 @@
+export * from "./layoutData";
+export * from "./loadRouteData";
+export * from "./components";
+export * from "./alpacaContext";
+export * from "./fieldTypes";

package/dist/esm/layoutData.js

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

package/dist/esm/loadRouteData.js

@@ -0,0 +1,70 @@
+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 { useAlpacaContext } from "./alpacaContext";
+import { cookies } from "next/headers";
+import { cache } from "react";
+const fetchRouteData = cache((path, host, mode, itemId, language) => __awaiter(void 0, void 0, void 0, function* () {
+    const request = {
+        Path: path,
+        Host: host,
+        Mode: mode,
+        ItemId: itemId,
+        Language: language,
+    };
+    const url = process.env.LAYOUT_SERVICE_URL + "/alpaca/headless/layout";
+    console.log(`Fetching page layout from ${url}. Host:${request.Host} Path: ${request.Path}`);
+    const response = yield fetch(url, {
+        method: "POST",
+        body: JSON.stringify(request),
+        credentials: "include",
+        headers: {
+            "Content-Type": "application/json",
+            Cookie: cookies().toString(),
+        },
+        next: { tags: ["pages"], revalidate: 10 },
+    });
+    if (response.status === 404) {
+        return {
+            type: "notfound",
+        };
+    }
+    if (response.status === 301) {
+        return {
+            type: "redirect",
+            location: response.url,
+        };
+    }
+    if (!response.ok) {
+        const message = yield response.text();
+        return {
+            type: "error",
+            errorCode: response.status,
+            message: message,
+        };
+    }
+    const data = yield response.json();
+    console.log(data);
+    const context = useAlpacaContext();
+    context.pageContext = {
+        itemId: data.page.id,
+        language: data.page.language,
+        site: data.site,
+        pageEditing: true,
+        pageState: "",
+    };
+    return Object.assign(Object.assign({}, data.page), { type: "page" });
+}));
+export function loadRouteData(params, searchParams, host) {
+    var _a, _b;
+    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"] || "preview", searchParams["itemid"], searchParams["language"]);
+        return result;
+    });
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alpaca-headless/alpaca-headless-nextjs",
-  "version": "1.0.2684",
+  "version": "1.0.2686",
   "description": "Alpaca Headless NextJs Integration",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

package/types/alpacaContext.d.ts

@@ -0,0 +1,14 @@
+type AlpacaContext = {
+    componentModuleLoader: (name: string) => Promise<any>;
+    pageContext: {
+        itemId: string;
+        language: string;
+        pageEditing: boolean;
+        pageState: string;
+        site: {
+            name: string;
+        };
+    };
+};
+export declare function useAlpacaContext(): AlpacaContext;
+export {};

package/types/components/Picture.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+import { PictureField } from "../fieldTypes";
+export interface PictureSource {
+    media: string;
+    variant: string;
+}
+export interface PictureProps {
+    [attributeName: string]: unknown;
+    field?: PictureField;
+    imageParams?: {
+        [paramName: string]: string | number;
+    };
+    defaultVariant?: string;
+    sources?: PictureSource[];
+}
+export declare const Picture: React.FC<PictureProps>;

package/types/components/Placeholder.d.ts

@@ -0,0 +1,5 @@
+import { ComponentData, Page, Redirect, NotFound, Error } from "..";
+export declare function Placeholder({ name, content, }: {
+    name: string;
+    content: Promise<Error | Page | Redirect | NotFound | ComponentData> | ComponentData;
+}): Promise<import("react/jsx-runtime").JSX.Element | undefined>;

package/types/components/RichText.d.ts

@@ -0,0 +1,12 @@
+import React from "react";
+import { TextField } from "../fieldTypes";
+export declare function RichText({ field, tag, editable, }: {
+    field: TextField;
+    tag?: string;
+    editable?: boolean;
+}): Promise<React.DOMElement<{
+    dangerouslySetInnerHTML: {
+        __html: string;
+    };
+    editable: boolean | undefined;
+}, Element>>;

package/types/components/Text.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { TextField } from "../fieldTypes";
+export declare function Text({ field, tag, editable, }: {
+    field: TextField;
+    tag?: string;
+    editable?: boolean;
+}): Promise<React.DOMElement<React.DOMAttributes<Element>, Element>>;

package/types/components/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./Placeholder";
+export * from "./Text";
+export * from "./Picture";
+export * from "./RichText";

package/types/fieldTypes.d.ts

@@ -0,0 +1,17 @@
+export type TextField = {
+    value: string;
+};
+export interface PictureField {
+    value: PictureValue | null;
+}
+export interface PictureValue {
+    altText: string;
+    alt: string;
+    variants: PictureVariant[];
+    loopVideos: boolean;
+}
+export interface PictureVariant {
+    name: string;
+    src: string;
+    videoId: string;
+}

package/types/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./layoutData";
+export * from "./loadRouteData";
+export * from "./components";
+export * from "./alpacaContext";
+export * from "./fieldTypes";

package/types/layoutData.d.ts

@@ -0,0 +1,11 @@
+export type PlaceholderData = {
+    name: string;
+    components: ComponentData[];
+};
+export type ComponentData = {
+    name: string;
+    componentType: string;
+    graphql: object;
+    placeholders: PlaceholderData[];
+    type: "component";
+};

package/types/loadRouteData.d.ts

@@ -0,0 +1,27 @@
+import { PlaceholderData } from "./layoutData";
+type Response = {
+    type: "page" | "redirect" | "error" | "notfound";
+};
+export type Error = Response & {
+    type: "error";
+    message: string;
+    errorCode: number;
+};
+export type Page = Response & {
+    type: "page";
+    placeholders: PlaceholderData[];
+    meta: {
+        title: string;
+    };
+};
+export type Redirect = Response & {
+    type: "redirect";
+    location: string;
+};
+export type NotFound = Response & {
+    type: "notfound";
+};
+export declare function loadRouteData(params: {
+    path: string[];
+}, searchParams: any, host: string): Promise<Page | Error | Redirect | NotFound>;
+export {};