@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260306085544 → 0.8.1-dev.20260318114337

package/dist/index.mjs

@@ -2006,6 +2006,7 @@ var Icon_default = Icon;
 
 // src/FormReducer.tsx
 var FORM_INPUT_UPDATE = "FORM_INPUT_UPDATE";
+var FORM_INITIAL_UPDATE = "FORM_INITIAL_UPDATE";
 function setNestedProperty(obj, path, value) {
   if (path.includes(".")) {
     const keys = path.split(".");
@@ -2036,6 +2037,11 @@ function FormReducer(state, action) {
         ),
         lastPropertyChanged: action.name.toString()
       };
+    case FORM_INITIAL_UPDATE:
+      return {
+        inputValues: { ...action.values },
+        lastPropertyChanged: action.name?.toString() || ""
+      };
     default:
       return state;
   }
@@ -2494,10 +2500,812 @@ var DataList = (props) => {
   ] });
 };
 var DataList_default = DataList;
+
+// src/components/pageRenderingEngine/PageBodyRenderer.tsx
+import React49 from "react";
+
+// src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
+import React37 from "react";
+
+// src/components/pageRenderingEngine/nodes/TextNode.tsx
+import { jsx as jsx41 } from "react/jsx-runtime";
+var TextNode = (props) => {
+  const NodeTypes2 = {
+    ["text"]: TextNode
+  };
+  function cssStringToJson(cssString) {
+    const styleObject = {};
+    const matches = cssString.match(/([\w-]+)\s*:\s*([^;]+)\s*;/);
+    if (matches && matches.length === 3) {
+      const property = matches[1].trim();
+      const value = matches[2].trim();
+      {
+      }
+      styleObject[property] = value;
+    }
+    return styleObject;
+  }
+  const Formats = ["", "font-semibold"];
+  const styles = cssStringToJson(props.node.style);
+  return /* @__PURE__ */ jsx41("span", { style: { ...styles }, className: props.node.format < Formats.length ? Formats[props.node.format] : "", children: props.node.text });
+};
+var TextNode_default = TextNode;
+
+// src/components/pageRenderingEngine/nodes/LineBreakNode.tsx
+import { jsx as jsx42 } from "react/jsx-runtime";
+var LineBreakNode = (props) => {
+  return /* @__PURE__ */ jsx42("div", { className: "py-0.5 lg:py-1.5" });
+};
+var LineBreakNode_default = LineBreakNode;
+
+// src/components/pageRenderingEngine/nodes/LinkNode.tsx
+import React36 from "react";
+import Link2 from "next/link";
+import { jsx as jsx43, jsxs as jsxs23 } from "react/jsx-runtime";
+var LinkNode = (props) => {
+  const NodeTypes2 = {
+    ["text"]: TextNode_default
+  };
+  {
+  }
+  let formatClasses = props.node.cssClass || "";
+  return /* @__PURE__ */ jsxs23(Link2, { className: formatClasses, href: props.node.url, title: props.node.title, children: [
+    props.node.children && props.node.children.map((node, index) => {
+      const SelectedNode = NodeTypes2[node.type];
+      return /* @__PURE__ */ jsx43(React36.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx43(SelectedNode, { node }) }, index);
+    }),
+    props.node.children.length == 0 && /* @__PURE__ */ jsx43("br", {})
+  ] });
+};
+var LinkNode_default = LinkNode;
+
+// src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
+import { jsx as jsx44, jsxs as jsxs24 } from "react/jsx-runtime";
+var ParagraphNode = (props) => {
+  const NodeTypes2 = {
+    ["text"]: TextNode_default,
+    ["linebreak"]: LineBreakNode_default,
+    ["link"]: LinkNode_default
+  };
+  const getNode = () => {
+  };
+  const FormatClass = {
+    "center": "text-center"
+  };
+  {
+  }
+  let formatClasses = FormatClass[props.node.format] || "";
+  return /* @__PURE__ */ jsxs24("div", { className: "my-1 " + formatClasses, children: [
+    props.node.children && props.node.children.map((node, index) => {
+      const SelectedNode = NodeTypes2[node.type];
+      return /* @__PURE__ */ jsx44(React37.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx44(SelectedNode, { node }) }, index);
+    }),
+    props.node.children.length == 0 && /* @__PURE__ */ jsx44("div", { className: "py-0.5 lg:py-1.5" })
+  ] });
+};
+var ParagraphNode_default = ParagraphNode;
+
+// src/components/pageRenderingEngine/nodes/HeadingNode.tsx
+import React38 from "react";
+import { Fragment as Fragment3, jsx as jsx45 } from "react/jsx-runtime";
+var HeadingNode = (props) => {
+  const NodeTypes2 = {
+    ["text"]: TextNode_default,
+    ["link"]: LinkNode_default
+  };
+  const HeadingTag = `${props.node.tag}`;
+  const FormatClass = {
+    "center": "text-center"
+  };
+  {
+  }
+  let formatClasses = FormatClass[props.node.format] || "";
+  return /* @__PURE__ */ jsx45(Fragment3, { children: React38.createElement(
+    HeadingTag,
+    { className: formatClasses },
+    props.node.children && props.node.children.map((childNode, index) => {
+      const SelectedNode = NodeTypes2[childNode.type];
+      return /* @__PURE__ */ jsx45(React38.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx45(SelectedNode, { node: childNode }) }, index);
+    })
+  ) });
+};
+var HeadingNode_default = HeadingNode;
+
+// src/components/pageRenderingEngine/nodes/ListNode.tsx
+import React40 from "react";
+
+// src/components/pageRenderingEngine/nodes/ListItemNode.tsx
+import React39 from "react";
+import { jsx as jsx46 } from "react/jsx-runtime";
+var ListItemNode = (props) => {
+  const NodeTypes2 = {
+    ["text"]: TextNode_default,
+    ["linebreak"]: LineBreakNode_default,
+    ["link"]: LinkNode_default
+  };
+  return /* @__PURE__ */ jsx46("li", { children: props.node.children && props.node.children.map((node, index) => {
+    const SelectedNode = NodeTypes2[node.type];
+    return /* @__PURE__ */ jsx46(React39.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx46(SelectedNode, { node }) }, index);
+  }) });
+};
+var ListItemNode_default = ListItemNode;
+
+// src/components/pageRenderingEngine/nodes/ListNode.tsx
+import { jsx as jsx47, jsxs as jsxs25 } from "react/jsx-runtime";
+var ListNode = (props) => {
+  const NodeTypes2 = {
+    listitem: ListItemNode_default
+  };
+  return /* @__PURE__ */ jsxs25(React40.Fragment, { children: [
+    props.node.listType == "bullet" && /* @__PURE__ */ jsx47("ul", { children: props.node.children && props.node.children.map((node, index) => {
+      const SelectedNode = NodeTypes2[node.type];
+      return /* @__PURE__ */ jsx47(React40.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx47(SelectedNode, { node }) }, index);
+    }) }),
+    props.node.listType == "number" && /* @__PURE__ */ jsx47("ol", { children: props.node.children && props.node.children.map((node, index) => {
+      const SelectedNode = NodeTypes2[node.type];
+      return /* @__PURE__ */ jsx47(React40.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx47(SelectedNode, { node }) }, index);
+    }) })
+  ] });
+};
+var ListNode_default = ListNode;
+
+// src/components/pageRenderingEngine/nodes/QuoteNode.tsx
+import React41 from "react";
+import { jsx as jsx48 } from "react/jsx-runtime";
+var QuoteNode = (props) => {
+  const NodeTypes2 = {
+    ["text"]: TextNode_default,
+    ["linebreak"]: LineBreakNode_default,
+    ["link"]: LinkNode_default
+  };
+  return /* @__PURE__ */ jsx48("blockquote", { children: props.node.children && props.node.children.map((node, index) => {
+    const SelectedNode = NodeTypes2[node.type];
+    return /* @__PURE__ */ jsx48(React41.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx48(SelectedNode, { node }) }, index);
+  }) });
+};
+var QuoteNode_default = QuoteNode;
+
+// src/components/pageRenderingEngine/nodes/CodeNode.tsx
+import React42 from "react";
+import { jsx as jsx49 } from "react/jsx-runtime";
+var CodeNode = (props) => {
+  const NodeTypes2 = {
+    ["text"]: TextNode_default,
+    ["linebreak"]: LineBreakNode_default,
+    ["link"]: LinkNode_default
+  };
+  return /* @__PURE__ */ jsx49("code", { children: props.node.children && props.node.children.map((node, index) => {
+    const SelectedNode = NodeTypes2[node.type];
+    return /* @__PURE__ */ jsx49(React42.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx49(SelectedNode, { node }) }, index);
+  }) });
+};
+var CodeNode_default = CodeNode;
+
+// src/components/pageRenderingEngine/nodes/HorizontalRuleNode.tsx
+import { jsx as jsx50 } from "react/jsx-runtime";
+var HorizontalRuleNode = (props) => {
+  return /* @__PURE__ */ jsx50("hr", {});
+};
+var HorizontalRuleNode_default = HorizontalRuleNode;
+
+// src/components/pageRenderingEngine/nodes/LayoutContainerNode.tsx
+import React45 from "react";
+
+// src/components/pageRenderingEngine/nodes/LayoutItemNode.tsx
+import React44 from "react";
+
+// src/components/pageRenderingEngine/nodes/ImageNode.tsx
+import React43 from "react";
+import { jsx as jsx51 } from "react/jsx-runtime";
+var ImageNode = (props) => {
+  const { node, apiBaseUrl = "" } = props;
+  let imageUrl = node.imageUrl.startsWith("http") ? node.imageUrl : `${apiBaseUrl}/digitalassets/storefront/${node.imageUrl}`;
+  return /* @__PURE__ */ jsx51(React43.Fragment, { children: node.width ? /* @__PURE__ */ jsx51("div", { style: { width: node.width }, children: /* @__PURE__ */ jsx51(
+    "img",
+    {
+      loading: "lazy",
+      className: "object-cover",
+      src: imageUrl,
+      width: node.intrinsicWidth,
+      height: node.intrinsicHeight,
+      alt: node.title
+    }
+  ) }) : /* @__PURE__ */ jsx51(
+    "img",
+    {
+      loading: "lazy",
+      className: "object-cover",
+      src: imageUrl,
+      width: node.intrinsicWidth,
+      height: node.intrinsicHeight,
+      alt: node.title
+    }
+  ) });
+};
+var ImageNode_default = ImageNode;
+
+// src/components/pageRenderingEngine/nodes/LayoutItemNode.tsx
+import { jsx as jsx52 } from "react/jsx-runtime";
+var LayoutItemNode = (props) => {
+  const NodeTypes2 = {
+    ["paragraph"]: ParagraphNode_default,
+    ["heading"]: HeadingNode_default,
+    ["list"]: ListNode_default,
+    ["quote"]: QuoteNode_default,
+    ["code"]: CodeNode_default,
+    ["horizontalrule"]: HorizontalRuleNode_default,
+    ["image"]: ImageNode_default,
+    ["layout-container"]: LayoutContainerNode_default,
+    ["link"]: LinkNode_default
+  };
+  let cssClasses = "";
+  if (props.order) {
+    cssClasses = "order-" + props.order + " lg:order-1";
+  }
+  if (props.node.itemBoxShadow) {
+    {
+    }
+    cssClasses = cssClasses + " " + (props.node.itemBoxShadow || "");
+  }
+  const styles = {};
+  if (props.node.itemBorderWidth) {
+    styles.borderWidth = props.node.itemBorderWidth;
+    cssClasses = cssClasses + " px-4 py-2";
+  }
+  if (props.node.itemBorderRadius) {
+    styles.borderRadius = props.node.itemBorderRadius;
+  }
+  function removeParagraphsAtStartAndEnd(layoutItem) {
+    let startIndex = 0;
+    {
+    }
+    while (startIndex < layoutItem.children.length && layoutItem.children[startIndex].type === "paragraph" && layoutItem.children[startIndex].children.filter((x) => x.type == "linebreak").length == layoutItem.children[startIndex].children.length) {
+      startIndex++;
+    }
+    let endIndex = layoutItem.children.length - 1;
+    {
+    }
+    while (endIndex >= 0 && layoutItem.children[endIndex].type === "paragraph" && layoutItem.children[endIndex].children.filter((x) => x.type == "linebreak").length == layoutItem.children[endIndex].children.length) {
+      endIndex--;
+    }
+    if (startIndex <= endIndex) {
+      layoutItem.children = layoutItem.children.slice(startIndex, endIndex + 1);
+    }
+    return layoutItem;
+  }
+  let updatedLayout = props.node;
+  if (props.node.itemBoxShadow || props.node.itemBorderWidth) {
+    updatedLayout = props.node;
+  } else {
+    updatedLayout = removeParagraphsAtStartAndEnd(props.node);
+  }
+  return /* @__PURE__ */ jsx52("div", { className: "" + cssClasses, style: { ...styles }, children: updatedLayout.children.map((node, index) => {
+    {
+    }
+    const SelectedNode = NodeTypes2[node.type];
+    return /* @__PURE__ */ jsx52(React44.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx52(SelectedNode, { node }) }, index);
+  }) });
+};
+var LayoutItemNode_default = LayoutItemNode;
+
+// src/components/pageRenderingEngine/nodes/LayoutContainerNode.tsx
+import { jsx as jsx53, jsxs as jsxs26 } from "react/jsx-runtime";
+var VERTICAL_ALIGNMENT_CLASSES = {
+  "start": "items-start",
+  "center": "items-center",
+  "end": "items-end",
+  "stretch": "items-stretch",
+  "baseline": "items-baseline"
+};
+var LAYOUTGRID_COLS_CLASSES = {
+  "1fr": "layout-grid-col-1",
+  "1fr 1fr": "layout-grid-col-2-equal",
+  "1fr 2fr": "layout-grid-col-2-widths-33-67",
+  "2fr 1fr": "layout-grid-col-2-widths-67-33",
+  "3fr 2fr": "layout-grid-col-2-widths-60-40",
+  "3fr 1fr": "layout-grid-col-2-widths-75-25",
+  "1fr 1fr 1fr": "layout-grid-col-3-equal",
+  "1fr 2fr 1fr": "layout-grid-col-3-widths-25-50-25",
+  "1fr 6fr 1fr": "layout-grid-col-3-widths-15-70-15",
+  "1fr 1fr 1fr 1fr": "layout-grid-col-4-equal"
+};
+var LayoutContainerNode = (props) => {
+  const { node, apiBaseUrl = "" } = props;
+  let gridCssClasses = LAYOUTGRID_COLS_CLASSES[node.templateColumns];
+  if (node.contentVerticalAlignment) {
+    {
+    }
+    gridCssClasses = gridCssClasses + " " + (VERTICAL_ALIGNMENT_CLASSES[node.contentVerticalAlignment] || "");
+  }
+  let columnGap = "0.5rem";
+  if (node.columnGap && node.columnGap != "") {
+    columnGap = node.columnGap;
+  }
+  const styles = {};
+  if (node.backgroundColor) {
+    styles.backgroundColor = node.backgroundColor;
+  }
+  let cssClasses = "layout_grid ";
+  let addPadding = false;
+  if (node.boxShadow) {
+    {
+    }
+    cssClasses = cssClasses + " " + (node.boxShadow || "");
+    addPadding = true;
+  }
+  if (node.borderWidth) {
+    styles.borderWidth = node.borderWidth;
+    addPadding = true;
+  }
+  if (node.borderRadius) {
+    styles.borderRadius = node.borderRadius;
+  }
+  let backgroundStyle = "";
+  if (node.backgroundImage) {
+    let resolvedPath = node.backgroundImage;
+    if (!resolvedPath.startsWith("http")) {
+      resolvedPath = `${apiBaseUrl}/digitalassets/storefront/${resolvedPath}`;
+    }
+    backgroundStyle = `url('${resolvedPath}'),`;
+  }
+  if (node.gradientColor1 && node.gradientColor2) {
+    backgroundStyle += `linear-gradient(to bottom, ${node.gradientColor1}, ${node.gradientColor2}),`;
+  }
+  if (node.backgroundColor) {
+    backgroundStyle += `${node.backgroundColor},`;
+  }
+  if (backgroundStyle && backgroundStyle != "") {
+    let stringWithoutTrailingComma = backgroundStyle.replace(/,(\s*)$/, "$1");
+    styles.background = stringWithoutTrailingComma;
+    addPadding = true;
+  }
+  let sectionWidth = "fixed";
+  if (node.sectionWidth) {
+    sectionWidth = node.sectionWidth;
+  }
+  return /* @__PURE__ */ jsxs26(React45.Fragment, { children: [
+    sectionWidth == "mixed" && /* @__PURE__ */ jsx53("div", { className: cssClasses, style: { ...styles }, children: /* @__PURE__ */ jsx53("div", { className: "container", children: /* @__PURE__ */ jsx53("div", { className: "grid gap-y-8  " + gridCssClasses + (addPadding ? " px-4 py-4 lg:px-6 lg:py-6 " : ""), style: { columnGap, minHeight: node.height }, children: node.children && node.children.map((node2, index) => {
+      return /* @__PURE__ */ jsx53(React45.Fragment, { children: /* @__PURE__ */ jsx53(LayoutItemNode_default, { node: node2, order: props.node.smOrder == "reverse" ? node2.children.length - index : index }) }, index);
+    }) }) }) }),
+    sectionWidth == "full" && /* @__PURE__ */ jsx53(
+      "div",
+      {
+        className: "grid gap-y-8 " + cssClasses + " " + gridCssClasses + (addPadding ? " p-4 lg:p-0" : ""),
+        style: { columnGap, ...styles },
+        children: node.children && node.children.map((node2, index) => {
+          return /* @__PURE__ */ jsx53(React45.Fragment, { children: /* @__PURE__ */ jsx53(LayoutItemNode_default, { node: node2, order: props.node.smOrder == "reverse" ? node2.children.length - index : index }) }, index);
+        })
+      }
+    ),
+    sectionWidth == "fixed" && /* @__PURE__ */ jsx53("div", { className: "container", children: /* @__PURE__ */ jsx53(
+      "div",
+      {
+        className: "grid gap-y-8 " + cssClasses + " " + gridCssClasses + (addPadding ? " px-4 py-4 lg:px-6 lg:py-6 " : ""),
+        style: { columnGap, ...styles },
+        children: node.children && node.children.map((node2, index) => {
+          return /* @__PURE__ */ jsx53(React45.Fragment, { children: /* @__PURE__ */ jsx53(LayoutItemNode_default, { node: node2, order: props.node.smOrder == "reverse" ? node2.children.length - index : index }) }, index);
+        })
+      }
+    ) })
+  ] });
+};
+var LayoutContainerNode_default = LayoutContainerNode;
+
+// src/components/pageRenderingEngine/nodes/WidgetNode.tsx
+import { Suspense } from "react";
+import { Fragment as Fragment4, jsx as jsx54, jsxs as jsxs27 } from "react/jsx-runtime";
+var WidgetNode = (props) => {
+  const getWidgetParameters = () => {
+    const widgetInputParameters = { ...props.routeParameters ?? {} };
+    const rawWidgetParams = props.node?.widgetParameters ?? props.node?.widgetParams;
+    let widgetParameters = {};
+    const isJSON = (str) => {
+      if (typeof str !== "string") return false;
+      str = str.trim();
+      return str.startsWith("{") && str.endsWith("}") || str.startsWith("[") && str.endsWith("]");
+    };
+    if (rawWidgetParams) {
+      if (typeof rawWidgetParams === "string" && isJSON(rawWidgetParams)) {
+        widgetParameters = JSON.parse(rawWidgetParams);
+      } else if (typeof rawWidgetParams === "object") {
+        widgetParameters = rawWidgetParams;
+      }
+    }
+    const resolveValue = (val) => {
+      if (typeof val === "string") {
+        const m = /^\{(.+)\}$/.exec(val);
+        if (m) {
+          const actualKey = m[1];
+          return props.routeParameters?.[actualKey] ?? val;
+        }
+        return val;
+      } else if (Array.isArray(val)) {
+        return val.map(resolveValue);
+      } else if (val && typeof val === "object") {
+        const out = {};
+        for (const k of Object.keys(val)) {
+          out[k] = resolveValue(val[k]);
+        }
+        return out;
+      }
+      return val;
+    };
+    Object.keys(widgetParameters).forEach((key) => {
+      const rawVal = widgetParameters[key];
+      if (rawVal === "route") {
+        if (key === "itemPath") {
+          widgetInputParameters[key] = props.path;
+        } else {
+          widgetInputParameters[key] = widgetInputParameters[key] ?? null;
+        }
+      } else {
+        widgetInputParameters[key] = resolveValue(rawVal);
+      }
+    });
+    widgetInputParameters["widgetTitle"] = props.node?.widgetTitle;
+    return widgetInputParameters;
+  };
+  const SelectedWidget = props.widgetResolver?.(props.node.widgetCode);
+  if (!SelectedWidget) {
+    return /* @__PURE__ */ jsxs27(Fragment4, { children: [
+      "Widget not found: ",
+      props.node.widgetCode
+    ] });
+  }
+  return /* @__PURE__ */ jsx54(Suspense, { fallback: /* @__PURE__ */ jsx54("div", { className: "container mt-2", children: "..." }), children: /* @__PURE__ */ jsx54(
+    SelectedWidget,
+    {
+      params: getWidgetParameters(),
+      query: props.query,
+      session: props.session,
+      host: props.host,
+      path: props.path,
+      apiBaseUrl: props.apiBaseUrl
+    }
+  ) });
+};
+var WidgetNode_default = WidgetNode;
+
+// src/components/pageRenderingEngine/nodes/FormContainerNode.tsx
+import React47, { useRef as useRef3, useReducer as useReducer2, useCallback as useCallback3, useEffect as useEffect7 } from "react";
+
+// src/components/pageRenderingEngine/nodes/InputControlNode.tsx
+import { jsx as jsx55 } from "react/jsx-runtime";
+var InputControlNode = (props) => {
+  return /* @__PURE__ */ jsx55("div", { children: /* @__PURE__ */ jsx55(
+    InputControl_default,
+    {
+      name: props.node.name,
+      controlType: "lineTextInput",
+      value: props.value,
+      callback: props.callback,
+      attributes: {
+        pattern: props.node.pattern,
+        maxLength: props.node.maxLength,
+        minLength: props.node.minLength,
+        //maxValue:props.node.maxV,
+        //minValue?: number,
+        readOnly: props.node.readOnly,
+        label: "name",
+        //props.node.label,
+        hintText: props.node.hintText,
+        placeholder: props.node.placeholder,
+        required: props.node.required,
+        errorMessage: props.node.errorMessage,
+        helpText: props.node.helpText,
+        autoFocus: props.node.autoFocus
+      }
+    }
+  ) });
+};
+var InputControlNode_default = InputControlNode;
+
+// src/components/pageRenderingEngine/nodes/FormContainerNode.tsx
+import { jsx as jsx56, jsxs as jsxs28 } from "react/jsx-runtime";
+var FormContainerNode = (props) => {
+  const NodeTypes2 = {
+    ["input-control"]: InputControlNode_default
+  };
+  const { node } = props;
+  const formRef = useRef3(null);
+  const initialState = {
+    inputValues: {},
+    lastPropertyChanged: ""
+  };
+  const [formState, dispatch] = useReducer2(FormReducer_default, initialState);
+  const handleInputChange = useCallback3((updatedValues) => {
+    dispatch({ type: FORM_INPUT_UPDATE, name: updatedValues.name, value: updatedValues.value });
+  }, [dispatch]);
+  const onValidate = async () => {
+    if (formRef.current && !formRef.current.checkValidity()) {
+      formRef.current.classList.add("validated");
+      return false;
+    } else {
+      return true;
+    }
+  };
+  useEffect7(() => {
+    const fetchInitialData = async () => {
+      if (!props.fetchData || !node.dataFetchApi) return;
+      const response = await props.fetchData(
+        node.dataFetchApi,
+        props.routeParameters
+      );
+      if (response?.isSuccessful) {
+        dispatch({
+          type: FORM_INITIAL_UPDATE,
+          values: response.result,
+          name: "all"
+        });
+      }
+    };
+    fetchInitialData();
+  }, [props.fetchData, node.dataFetchApi, props.routeParameters]);
+  return /* @__PURE__ */ jsxs28("form", { className: "group space-y-6 pb-6 overflow-y-auto", noValidate: true, ref: formRef, children: [
+    node.children && node.children.map((node2, index) => {
+      {
+      }
+      const SelectedNode = NodeTypes2[node2.type];
+      return /* @__PURE__ */ jsx56(React47.Fragment, { children: SelectedNode && node2.type == "input-control" && /* @__PURE__ */ jsx56(
+        InputControlNode_default,
+        {
+          value: formState.inputValues[node2.name],
+          callback: handleInputChange,
+          node: node2
+        }
+      ) }, index);
+    }),
+    node.children.length == 0 && /* @__PURE__ */ jsx56("div", { className: "py-0.5 lg:py-1.5" })
+  ] });
+};
+var FormContainerNode_default = FormContainerNode;
+
+// src/components/pageRenderingEngine/nodes/DivContainer.tsx
+import React48 from "react";
+import Link3 from "next/link";
+
+// src/components/utilities/AssetUtility.tsx
+var AssetUtility = class {
+  constructor() {
+  }
+  static resolveUrl(apiBaseUrl, url) {
+    if (url) {
+      if (url.startsWith("http")) {
+        return url;
+      } else {
+        return `${apiBaseUrl}/digitalassets-management/${url}`;
+      }
+    }
+    return void 0;
+  }
+};
+var AssetUtility_default = AssetUtility;
+
+// src/components/pageRenderingEngine/nodes/DivContainer.tsx
+import { jsx as jsx57, jsxs as jsxs29 } from "react/jsx-runtime";
+var DivContainer = (props) => {
+  const { cssProperties: styles, hoverCssProperties: hoverStyles, mobileCssProperties: mobileStyles } = props.node;
+  const updatedStyles = convertKeysToCamelCase(styles);
+  const NodeTypes2 = {
+    ["paragraph"]: ParagraphNode_default,
+    ["heading"]: HeadingNode_default,
+    ["list"]: ListNode_default,
+    ["quote"]: QuoteNode_default,
+    ["code"]: CodeNode_default,
+    ["image"]: ImageNode_default,
+    ["horizontalrule"]: HorizontalRuleNode_default,
+    ["layout-container"]: LayoutContainerNode_default,
+    ["widget"]: WidgetNode_default,
+    ["div-container"]: DivContainer,
+    ["text"]: TextNode_default
+  };
+  function toCamelCase(str) {
+    return str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
+  }
+  function convertKeysToCamelCase(obj) {
+    if (!obj || typeof obj !== "object") return obj;
+    if (Array.isArray(obj)) {
+      return obj.map(convertKeysToCamelCase);
+    }
+    return Object.fromEntries(
+      Object.entries(obj).filter(([_, value]) => value !== "" && value !== void 0).map(([key, value]) => [
+        toCamelCase(key),
+        convertKeysToCamelCase(value)
+        // Recursively convert nested objects
+      ])
+    );
+  }
+  function generateCompleteBackgroundString(layers) {
+    if (!layers || !Array.isArray(layers)) return "";
+    return layers.filter((layer) => layer && layer.type && layer.value).map((layer) => {
+      if (layer.type === "image" && layer.value && typeof layer.value === "object") {
+        const imageValue = layer.value;
+        if (!imageValue.assetUrl) return "";
+        const url = `url('${AssetUtility_default.resolveUrl("/api/images", imageValue.assetUrl)}')`;
+        const repeat = layer.repeat || "no-repeat";
+        const position = layer.position || "center";
+        const size = layer.size || "auto";
+        const attachment = layer.attachment || "scroll";
+        return `${url} ${position} / ${size} ${repeat} ${attachment}`;
+      }
+      if (layer.type === "gradient" && layer.value && typeof layer.value === "object") {
+        const gradient = layer.value;
+        if (!gradient.colors || !gradient.direction) return "";
+        const colors = gradient.colors.map(
+          (colorStop) => `color-mix(in srgb, ${colorStop.color}, transparent ${colorStop.transparency ?? 0}%) ${colorStop.start || "0%"}`
+        ).join(", ");
+        return `linear-gradient(${gradient.direction}, ${colors})`;
+      }
+      return "";
+    }).filter((bg) => bg.trim() !== "").join(", ");
+  }
+  var background = generateCompleteBackgroundString(props.node.backgroundLayers);
+  let containerPaddingClass = "";
+  if (props.node.containerPadding == "small") {
+    containerPaddingClass = "container-small";
+  } else if (props.node.containerPadding == "large") {
+    containerPaddingClass = "container-large";
+  }
+  const updatedStyle = { ...updatedStyles };
+  const backgroundStyle = background && background !== "" ? { background } : {};
+  const guid = "css" + crypto.randomUUID().toLocaleLowerCase();
+  const generateCssString = (stylesObject, hoverStylesObject, mobileStylesObject) => {
+    let gridColumns = stylesObject.gridTemplateColumns ? stylesObject.gridTemplateColumns.match(/\d+/g) : [];
+    let hasGridProperties = gridColumns.length > 0;
+    let tabletColumns = hasGridProperties ? Math.ceil(parseInt(gridColumns[0]) / 2) : 2;
+    let mobileColumns = 1;
+    let cssRules = Object.entries(stylesObject).filter(([_, value]) => value !== void 0 && value !== "").map(([key, value]) => {
+      const cssKey = key.replace(/([A-Z])/g, "-$1").toLowerCase();
+      return `${cssKey}: ${value};`;
+    });
+    let css2 = `#${guid} {
+${cssRules.join("\n")}
+
+        transition: all 0.3s ease-in-out;
+        }`;
+    if (hoverStylesObject) {
+      let hoverCssRules = Object.entries(hoverStylesObject).filter(([_, value]) => value !== void 0 && value !== "").map(([key, value]) => {
+        const cssKey = key.replace(/([A-Z])/g, "-$1").toLowerCase();
+        return `${cssKey}: ${value};`;
+      });
+      if (hoverCssRules.length > 0) {
+        css2 += `
+#${guid}:hover {
+${hoverCssRules.join("\n")}
+}`;
+      }
+    }
+    if (mobileStylesObject) {
+      let mobileCssRules = Object.entries(mobileStylesObject).filter(([_, value]) => value !== void 0 && value !== "").map(([key, value]) => {
+        const cssKey = key.replace(/([A-Z])/g, "-$1").toLowerCase();
+        return `${cssKey}: ${value};`;
+      });
+      if (mobileCssRules.length > 0) {
+        css2 += `
+@media (max-width: 480px) { #${guid} {
+${mobileCssRules.join("\n")}
+} }`;
+      }
+    }
+    if (hasGridProperties) {
+      css2 += `
+@media (max-width: 1279px) { #${guid} { grid-template-columns: repeat(${tabletColumns}, minmax(0, 1fr)); } }`;
+      css2 += `
+@media (max-width: 768px) { #${guid} { grid-template-columns: repeat(${tabletColumns}, minmax(0, 1fr)); } }`;
+      css2 += `
+@media (max-width: 480px) { #${guid} { grid-template-columns: repeat(${mobileColumns}, minmax(0, 1fr)); } }`;
+    }
+    return css2;
+  };
+  const css = generateCssString(updatedStyle, hoverStyles, mobileStyles);
+  return /* @__PURE__ */ jsxs29(React48.Fragment, { children: [
+    /* @__PURE__ */ jsx57("style", { dangerouslySetInnerHTML: { __html: css } }),
+    props.node.href && props.node.href !== "" ? /* @__PURE__ */ jsx57(Link3, { href: props.node.href, className: "block", children: /* @__PURE__ */ jsx57(
+      "div",
+      {
+        id: guid,
+        style: { ...backgroundStyle, display: "block" },
+        className: containerPaddingClass,
+        children: props.node.children?.map((node, index) => {
+          const SelectedNode = NodeTypes2[node.type];
+          return /* @__PURE__ */ jsx57(React48.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx57(
+            SelectedNode,
+            {
+              node,
+              routeParameters: props.routeParameters,
+              query: props.query,
+              session: props.session,
+              host: props.host,
+              path: props.path,
+              apiBaseUrl: props.apiBaseUrl,
+              breadcrumb: props.breadcrumb
+            }
+          ) }, index);
+        })
+      }
+    ) }) : /* @__PURE__ */ jsx57("div", { id: guid, style: { ...backgroundStyle }, className: containerPaddingClass, children: props.node.children && props.node.children.map((node, index) => {
+      const SelectedNode = NodeTypes2[node.type];
+      return /* @__PURE__ */ jsx57(React48.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx57(
+        SelectedNode,
+        {
+          node,
+          routeParameters: props.routeParameters,
+          query: props.query,
+          session: props.session,
+          host: props.host,
+          path: props.path,
+          apiBaseUrl: props.apiBaseUrl,
+          breadcrumb: props.breadcrumb
+        }
+      ) }, index);
+    }) })
+  ] });
+};
+var DivContainer_default = DivContainer;
+
+// src/components/pageRenderingEngine/PageBodyRenderer.tsx
+import { jsx as jsx58 } from "react/jsx-runtime";
+var NodeTypes = {
+  ["paragraph"]: ParagraphNode_default,
+  ["heading"]: HeadingNode_default,
+  ["list"]: ListNode_default,
+  ["quote"]: QuoteNode_default,
+  ["code"]: CodeNode_default,
+  ["image"]: ImageNode_default,
+  ["horizontalrule"]: HorizontalRuleNode_default,
+  ["layout-container"]: LayoutContainerNode_default,
+  ["widget"]: WidgetNode_default,
+  ["form-container"]: FormContainerNode_default,
+  ["div-container"]: DivContainer_default
+};
+var PageBodyRenderer = (props) => {
+  let pageBodyTree;
+  if (props.rawBody != void 0 && props.rawBody != null && props.rawBody != "") {
+    try {
+      pageBodyTree = JSON.parse(props.rawBody.toString());
+    } catch (error) {
+    }
+  }
+  let rootNode;
+  if (pageBodyTree && pageBodyTree.root) {
+    rootNode = pageBodyTree.root;
+  }
+  return /* @__PURE__ */ jsx58(React49.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
+    {
+    }
+    const SelectedNode = NodeTypes[node.type];
+    return /* @__PURE__ */ jsx58(React49.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx58(React49.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ jsx58(React49.Fragment, { children: /* @__PURE__ */ jsx58(
+      SelectedNode,
+      {
+        node,
+        firstNode: true,
+        routeParameters: props.routeParameters,
+        query: props.query,
+        session: props.session,
+        host: props.host,
+        path: props.path,
+        apiBaseUrl: props.apiBaseUrl
+      }
+    ) }) : /* @__PURE__ */ jsx58(React49.Fragment, { children: /* @__PURE__ */ jsx58(
+      SelectedNode,
+      {
+        node,
+        routeParameters: props.routeParameters,
+        query: props.query,
+        session: props.session,
+        host: props.host,
+        path: props.path,
+        apiBaseUrl: props.apiBaseUrl
+      }
+    ) }) }) }, index);
+  }) });
+};
+var PageBodyRenderer_default = PageBodyRenderer;
 export {
   DataList_default as DataList,
   InputControl_default as InputControl,
   InputControlType_default as InputControlType,
+  PageBodyRenderer_default as PageBodyRenderer,
   ViewControl_default as ViewControl,
   ViewControlTypes_default as ViewControlTypes
 };