@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260319054248 → 0.8.1-dev.20260320043430

package/dist/index.mjs

@@ -2559,15 +2559,69 @@ var LinkNode = (props) => {
 };
 var LinkNode_default = LinkNode;
 
+// src/components/pageRenderingEngine/nodes/SVGIconNode.tsx
+import { jsx as jsx44 } from "react/jsx-runtime";
+var SVGIconNode = ({ node }) => {
+  if (!node?.svgCode) return null;
+  return /* @__PURE__ */ jsx44(
+    "span",
+    {
+      style: {
+        display: "flex",
+        width: node.width,
+        height: node.height,
+        color: node.color
+      },
+      dangerouslySetInnerHTML: { __html: node.svgCode }
+    }
+  );
+};
+var SVGIconNode_default = SVGIconNode;
+
+// src/components/pageRenderingEngine/nodes/EquationNode.tsx
+import katex from "katex";
+import { jsx as jsx45 } from "react/jsx-runtime";
+var EquationNode = ({ node }) => {
+  const { equation, inline } = node;
+  let html = "";
+  try {
+    html = katex.renderToString(equation, {
+      displayMode: !inline,
+      throwOnError: false
+    });
+  } catch (error) {
+    html = katex.renderToString(`\\text{Invalid equation}`, {
+      throwOnError: false
+    });
+  }
+  if (inline) {
+    return /* @__PURE__ */ jsx45(
+      "span",
+      {
+        className: "katex-inline",
+        dangerouslySetInnerHTML: { __html: html }
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx45(
+    "div",
+    {
+      className: "katex-block my-3 text-center",
+      dangerouslySetInnerHTML: { __html: html }
+    }
+  );
+};
+var EquationNode_default = EquationNode;
+
 // src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
-import { jsx as jsx44, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs24 } from "react/jsx-runtime";
 var ParagraphNode = (props) => {
   const NodeTypes2 = {
     ["text"]: TextNode_default,
     ["linebreak"]: LineBreakNode_default,
-    ["link"]: LinkNode_default
-  };
-  const getNode = () => {
+    ["link"]: LinkNode_default,
+    ["equation"]: EquationNode_default,
+    ["svg-icon"]: SVGIconNode_default
   };
   const FormatClass = {
     "center": "text-center"
@@ -2578,16 +2632,16 @@ var ParagraphNode = (props) => {
   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);
+      return /* @__PURE__ */ jsx46(React37.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx46(SelectedNode, { node }) }, index);
     }),
-    props.node.children.length == 0 && /* @__PURE__ */ jsx44("div", { className: "py-0.5 lg:py-1.5" })
+    props.node.children.length == 0 && /* @__PURE__ */ jsx46("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";
+import { Fragment as Fragment3, jsx as jsx47 } from "react/jsx-runtime";
 var HeadingNode = (props) => {
   const NodeTypes2 = {
     ["text"]: TextNode_default,
@@ -2600,12 +2654,12 @@ var HeadingNode = (props) => {
   {
   }
   let formatClasses = FormatClass[props.node.format] || "";
-  return /* @__PURE__ */ jsx45(Fragment3, { children: React38.createElement(
+  return /* @__PURE__ */ jsx47(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);
+      return /* @__PURE__ */ jsx47(React38.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx47(SelectedNode, { node: childNode }) }, index);
     })
   ) });
 };
@@ -2616,34 +2670,34 @@ import React40 from "react";
 
 // src/components/pageRenderingEngine/nodes/ListItemNode.tsx
 import React39 from "react";
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { jsx as jsx48 } 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) => {
+  return /* @__PURE__ */ jsx48("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);
+    return /* @__PURE__ */ jsx48(React39.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx48(SelectedNode, { node }) }, index);
   }) });
 };
 var ListItemNode_default = ListItemNode;
 
 // src/components/pageRenderingEngine/nodes/ListNode.tsx
-import { jsx as jsx47, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx49, 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) => {
+    props.node.listType == "bullet" && /* @__PURE__ */ jsx49("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);
+      return /* @__PURE__ */ jsx49(React40.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx49(SelectedNode, { node }) }, index);
     }) }),
-    props.node.listType == "number" && /* @__PURE__ */ jsx47("ol", { children: props.node.children && props.node.children.map((node, index) => {
+    props.node.listType == "number" && /* @__PURE__ */ jsx49("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);
+      return /* @__PURE__ */ jsx49(React40.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx49(SelectedNode, { node }) }, index);
     }) })
   ] });
 };
@@ -2651,40 +2705,40 @@ var ListNode_default = ListNode;
 
 // src/components/pageRenderingEngine/nodes/QuoteNode.tsx
 import React41 from "react";
-import { jsx as jsx48 } from "react/jsx-runtime";
+import { jsx as jsx50 } 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) => {
+  return /* @__PURE__ */ jsx50("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);
+    return /* @__PURE__ */ jsx50(React41.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx50(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";
+import { jsx as jsx51 } 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) => {
+  return /* @__PURE__ */ jsx51("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);
+    return /* @__PURE__ */ jsx51(React42.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx51(SelectedNode, { node }) }, index);
   }) });
 };
 var CodeNode_default = CodeNode;
 
 // src/components/pageRenderingEngine/nodes/HorizontalRuleNode.tsx
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { jsx as jsx52 } from "react/jsx-runtime";
 var HorizontalRuleNode = (props) => {
-  return /* @__PURE__ */ jsx50("hr", {});
+  return /* @__PURE__ */ jsx52("hr", {});
 };
 var HorizontalRuleNode_default = HorizontalRuleNode;
 
@@ -2696,11 +2750,11 @@ import React44 from "react";
 
 // src/components/pageRenderingEngine/nodes/ImageNode.tsx
 import React43 from "react";
-import { jsx as jsx51 } from "react/jsx-runtime";
+import { jsx as jsx53 } 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(
+  return /* @__PURE__ */ jsx53(React43.Fragment, { children: node.width ? /* @__PURE__ */ jsx53("div", { style: { width: node.width }, children: /* @__PURE__ */ jsx53(
     "img",
     {
       loading: "lazy",
@@ -2710,7 +2764,7 @@ var ImageNode = (props) => {
       height: node.intrinsicHeight,
       alt: node.title
     }
-  ) }) : /* @__PURE__ */ jsx51(
+  ) }) : /* @__PURE__ */ jsx53(
     "img",
     {
       loading: "lazy",
@@ -2725,7 +2779,7 @@ var ImageNode = (props) => {
 var ImageNode_default = ImageNode;
 
 // src/components/pageRenderingEngine/nodes/LayoutItemNode.tsx
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx54 } from "react/jsx-runtime";
 var LayoutItemNode = (props) => {
   const NodeTypes2 = {
     ["paragraph"]: ParagraphNode_default,
@@ -2779,17 +2833,17 @@ var LayoutItemNode = (props) => {
   } else {
     updatedLayout = removeParagraphsAtStartAndEnd(props.node);
   }
-  return /* @__PURE__ */ jsx52("div", { className: "" + cssClasses, style: { ...styles }, children: updatedLayout.children.map((node, index) => {
+  return /* @__PURE__ */ jsx54("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);
+    return /* @__PURE__ */ jsx54(React44.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx54(SelectedNode, { node }) }, index);
   }) });
 };
 var LayoutItemNode_default = LayoutItemNode;
 
 // src/components/pageRenderingEngine/nodes/LayoutContainerNode.tsx
-import { jsx as jsx53, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs26 } from "react/jsx-runtime";
 var VERTICAL_ALIGNMENT_CLASSES = {
   "start": "items-start",
   "center": "items-center",
@@ -2864,26 +2918,26 @@ var LayoutContainerNode = (props) => {
     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 == "mixed" && /* @__PURE__ */ jsx55("div", { className: cssClasses, style: { ...styles }, children: /* @__PURE__ */ jsx55("div", { className: "container", children: /* @__PURE__ */ jsx55("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__ */ jsx55(React45.Fragment, { children: /* @__PURE__ */ jsx55(LayoutItemNode_default, { node: node2, order: props.node.smOrder == "reverse" ? node2.children.length - index : index }) }, index);
     }) }) }) }),
-    sectionWidth == "full" && /* @__PURE__ */ jsx53(
+    sectionWidth == "full" && /* @__PURE__ */ jsx55(
       "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);
+          return /* @__PURE__ */ jsx55(React45.Fragment, { children: /* @__PURE__ */ jsx55(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(
+    sectionWidth == "fixed" && /* @__PURE__ */ jsx55("div", { className: "container", children: /* @__PURE__ */ jsx55(
       "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);
+          return /* @__PURE__ */ jsx55(React45.Fragment, { children: /* @__PURE__ */ jsx55(LayoutItemNode_default, { node: node2, order: props.node.smOrder == "reverse" ? node2.children.length - index : index }) }, index);
         })
       }
     ) })
@@ -2893,7 +2947,7 @@ 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";
+import { Fragment as Fragment4, jsx as jsx56, jsxs as jsxs27 } from "react/jsx-runtime";
 var WidgetNode = (props) => {
   const getWidgetParameters = () => {
     const widgetInputParameters = { ...props.routeParameters ?? {} };
@@ -2953,7 +3007,7 @@ var WidgetNode = (props) => {
       props.node.widgetCode
     ] });
   }
-  return /* @__PURE__ */ jsx54(Suspense, { fallback: /* @__PURE__ */ jsx54("div", { className: "container mt-2", children: "..." }), children: /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx56(Suspense, { fallback: /* @__PURE__ */ jsx56("div", { className: "container mt-2", children: "..." }), children: /* @__PURE__ */ jsx56(
     SelectedWidget,
     {
       params: getWidgetParameters(),
@@ -2971,9 +3025,9 @@ var WidgetNode_default = WidgetNode;
 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";
+import { jsx as jsx57 } from "react/jsx-runtime";
 var InputControlNode = (props) => {
-  return /* @__PURE__ */ jsx55("div", { children: /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx57("div", { children: /* @__PURE__ */ jsx57(
     InputControl_default,
     {
       name: props.node.name,
@@ -3002,7 +3056,7 @@ var InputControlNode = (props) => {
 var InputControlNode_default = InputControlNode;
 
 // src/components/pageRenderingEngine/nodes/FormContainerNode.tsx
-import { jsx as jsx56, jsxs as jsxs28 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs28 } from "react/jsx-runtime";
 var FormContainerNode = (props) => {
   const NodeTypes2 = {
     ["input-control"]: InputControlNode_default
@@ -3047,7 +3101,7 @@ var FormContainerNode = (props) => {
       {
       }
       const SelectedNode = NodeTypes2[node2.type];
-      return /* @__PURE__ */ jsx56(React47.Fragment, { children: SelectedNode && node2.type == "input-control" && /* @__PURE__ */ jsx56(
+      return /* @__PURE__ */ jsx58(React47.Fragment, { children: SelectedNode && node2.type == "input-control" && /* @__PURE__ */ jsx58(
         InputControlNode_default,
         {
           value: formState.inputValues[node2.name],
@@ -3056,7 +3110,7 @@ var FormContainerNode = (props) => {
         }
       ) }, index);
     }),
-    node.children.length == 0 && /* @__PURE__ */ jsx56("div", { className: "py-0.5 lg:py-1.5" })
+    node.children.length == 0 && /* @__PURE__ */ jsx58("div", { className: "py-0.5 lg:py-1.5" })
   ] });
 };
 var FormContainerNode_default = FormContainerNode;
@@ -3083,7 +3137,7 @@ var AssetUtility = class {
 var AssetUtility_default = AssetUtility;
 
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
-import { jsx as jsx57, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx59, jsxs as jsxs29 } from "react/jsx-runtime";
 var DivContainer = (props) => {
   const { cssProperties: styles, hoverCssProperties: hoverStyles, mobileCssProperties: mobileStyles } = props.node;
   const updatedStyles = convertKeysToCamelCase(styles);
@@ -3098,7 +3152,8 @@ var DivContainer = (props) => {
     ["layout-container"]: LayoutContainerNode_default,
     ["widget"]: WidgetNode_default,
     ["div-container"]: DivContainer,
-    ["text"]: TextNode_default
+    ["text"]: TextNode_default,
+    ["svg-icon"]: SVGIconNode_default
   };
   function toCamelCase(str) {
     return str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
@@ -3200,8 +3255,8 @@ ${mobileCssRules.join("\n")}
   };
   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(
+    /* @__PURE__ */ jsx59("style", { dangerouslySetInnerHTML: { __html: css } }),
+    props.node.href && props.node.href !== "" ? /* @__PURE__ */ jsx59(Link3, { href: props.node.href, className: "block", children: /* @__PURE__ */ jsx59(
       "div",
       {
         id: guid,
@@ -3209,7 +3264,7 @@ ${mobileCssRules.join("\n")}
         className: containerPaddingClass,
         children: props.node.children?.map((node, index) => {
           const SelectedNode = NodeTypes2[node.type];
-          return /* @__PURE__ */ jsx57(React48.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx57(
+          return /* @__PURE__ */ jsx59(React48.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx59(
             SelectedNode,
             {
               node,
@@ -3224,9 +3279,9 @@ ${mobileCssRules.join("\n")}
           ) }, index);
         })
       }
-    ) }) : /* @__PURE__ */ jsx57("div", { id: guid, style: { ...backgroundStyle }, className: containerPaddingClass, children: props.node.children && props.node.children.map((node, index) => {
+    ) }) : /* @__PURE__ */ jsx59("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(
+      return /* @__PURE__ */ jsx59(React48.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx59(
         SelectedNode,
         {
           node,
@@ -3245,7 +3300,7 @@ ${mobileCssRules.join("\n")}
 var DivContainer_default = DivContainer;
 
 // src/components/pageRenderingEngine/PageBodyRenderer.tsx
-import { jsx as jsx58 } from "react/jsx-runtime";
+import { jsx as jsx60 } from "react/jsx-runtime";
 var NodeTypes = {
   ["paragraph"]: ParagraphNode_default,
   ["heading"]: HeadingNode_default,
@@ -3257,7 +3312,8 @@ var NodeTypes = {
   ["layout-container"]: LayoutContainerNode_default,
   ["widget"]: WidgetNode_default,
   ["form-container"]: FormContainerNode_default,
-  ["div-container"]: DivContainer_default
+  ["div-container"]: DivContainer_default,
+  ["svg-icon"]: SVGIconNode_default
 };
 var PageBodyRenderer = (props) => {
   let pageBodyTree;
@@ -3271,11 +3327,11 @@ var PageBodyRenderer = (props) => {
   if (pageBodyTree && pageBodyTree.root) {
     rootNode = pageBodyTree.root;
   }
-  return /* @__PURE__ */ jsx58(React49.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
+  return /* @__PURE__ */ jsx60(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(
+    return /* @__PURE__ */ jsx60(React49.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx60(React49.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ jsx60(React49.Fragment, { children: /* @__PURE__ */ jsx60(
       SelectedNode,
       {
         node,
@@ -3288,7 +3344,7 @@ var PageBodyRenderer = (props) => {
         apiBaseUrl: props.apiBaseUrl,
         widgetRegistry: props.widgetRegistry
       }
-    ) }) : /* @__PURE__ */ jsx58(React49.Fragment, { children: /* @__PURE__ */ jsx58(
+    ) }) : /* @__PURE__ */ jsx60(React49.Fragment, { children: /* @__PURE__ */ jsx60(
       SelectedNode,
       {
         node,
@@ -3312,3 +3368,4 @@ export {
   ViewControl_default as ViewControl,
   ViewControlTypes_default as ViewControlTypes
 };
+//# sourceMappingURL=index.mjs.map