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

package/dist/index.js

@@ -2559,7 +2559,7 @@ var TextNode = (props) => {
     return styleObject;
   }
   const Formats = ["", "font-semibold"];
-  const styles = cssStringToJson(props.node.style);
+  const styles = cssStringToJson(props.node.style || "");
   return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { style: { ...styles }, className: props.node.format < Formats.length ? Formats[props.node.format] : "", children: props.node.text });
 };
 var TextNode_default = TextNode;
@@ -2592,15 +2592,69 @@ var LinkNode = (props) => {
 };
 var LinkNode_default = LinkNode;
 
-// src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
+// src/components/pageRenderingEngine/nodes/SVGIconNode.tsx
 var import_jsx_runtime44 = require("react/jsx-runtime");
+var SVGIconNode = ({ node }) => {
+  if (!node?.svgCode) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
+    "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
+var import_katex = __toESM(require("katex"));
+var import_jsx_runtime45 = require("react/jsx-runtime");
+var EquationNode = ({ node }) => {
+  const { equation, inline } = node;
+  let html = "";
+  try {
+    html = import_katex.default.renderToString(equation, {
+      displayMode: !inline,
+      throwOnError: false
+    });
+  } catch (error) {
+    html = import_katex.default.renderToString(`\\text{Invalid equation}`, {
+      throwOnError: false
+    });
+  }
+  if (inline) {
+    return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+      "span",
+      {
+        className: "katex-inline",
+        dangerouslySetInnerHTML: { __html: html }
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+    "div",
+    {
+      className: "katex-block my-3 text-center",
+      dangerouslySetInnerHTML: { __html: html }
+    }
+  );
+};
+var EquationNode_default = EquationNode;
+
+// src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
+var import_jsx_runtime46 = require("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"
@@ -2608,19 +2662,19 @@ var ParagraphNode = (props) => {
   {
   }
   let formatClasses = FormatClass[props.node.format] || "";
-  return /* @__PURE__ */ (0, import_jsx_runtime44.jsxs)("div", { className: "my-1 " + formatClasses, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "my-1 " + formatClasses, children: [
     props.node.children && props.node.children.map((node, index) => {
       const SelectedNode = NodeTypes2[node.type];
-      return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_react37.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(SelectedNode, { node }) }, index);
+      return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react37.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SelectedNode, { node }) }, index);
     }),
-    props.node.children.length == 0 && /* @__PURE__ */ (0, import_jsx_runtime44.jsx)("div", { className: "py-0.5 lg:py-1.5" })
+    props.node.children.length == 0 && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "py-0.5 lg:py-1.5" })
   ] });
 };
 var ParagraphNode_default = ParagraphNode;
 
 // src/components/pageRenderingEngine/nodes/HeadingNode.tsx
 var import_react38 = __toESM(require("react"));
-var import_jsx_runtime45 = require("react/jsx-runtime");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var HeadingNode = (props) => {
   const NodeTypes2 = {
     ["text"]: TextNode_default,
@@ -2633,12 +2687,12 @@ var HeadingNode = (props) => {
   {
   }
   let formatClasses = FormatClass[props.node.format] || "";
-  return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_jsx_runtime45.Fragment, { children: import_react38.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_jsx_runtime47.Fragment, { children: import_react38.default.createElement(
     HeadingTag,
     { className: formatClasses },
     props.node.children && props.node.children.map((childNode, index) => {
       const SelectedNode = NodeTypes2[childNode.type];
-      return /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_react38.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(SelectedNode, { node: childNode }) }, index);
+      return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react38.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SelectedNode, { node: childNode }) }, index);
     })
   ) });
 };
@@ -2649,34 +2703,34 @@ var import_react40 = __toESM(require("react"));
 
 // src/components/pageRenderingEngine/nodes/ListItemNode.tsx
 var import_react39 = __toESM(require("react"));
-var import_jsx_runtime46 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var ListItemNode = (props) => {
   const NodeTypes2 = {
     ["text"]: TextNode_default,
     ["linebreak"]: LineBreakNode_default,
     ["link"]: LinkNode_default
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("li", { children: props.node.children && props.node.children.map((node, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("li", { children: props.node.children && props.node.children.map((node, index) => {
     const SelectedNode = NodeTypes2[node.type];
-    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_react39.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(SelectedNode, { node }) }, index);
+    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react39.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectedNode, { node }) }, index);
   }) });
 };
 var ListItemNode_default = ListItemNode;
 
 // src/components/pageRenderingEngine/nodes/ListNode.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var ListNode = (props) => {
   const NodeTypes2 = {
     listitem: ListItemNode_default
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_react40.default.Fragment, { children: [
-    props.node.listType == "bullet" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("ul", { children: props.node.children && props.node.children.map((node, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_react40.default.Fragment, { children: [
+    props.node.listType == "bullet" && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("ul", { children: props.node.children && props.node.children.map((node, index) => {
       const SelectedNode = NodeTypes2[node.type];
-      return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react40.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SelectedNode, { node }) }, index);
+      return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react40.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SelectedNode, { node }) }, index);
     }) }),
-    props.node.listType == "number" && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("ol", { children: props.node.children && props.node.children.map((node, index) => {
+    props.node.listType == "number" && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("ol", { children: props.node.children && props.node.children.map((node, index) => {
       const SelectedNode = NodeTypes2[node.type];
-      return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react40.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(SelectedNode, { node }) }, index);
+      return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react40.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SelectedNode, { node }) }, index);
     }) })
   ] });
 };
@@ -2684,40 +2738,40 @@ var ListNode_default = ListNode;
 
 // src/components/pageRenderingEngine/nodes/QuoteNode.tsx
 var import_react41 = __toESM(require("react"));
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 var QuoteNode = (props) => {
   const NodeTypes2 = {
     ["text"]: TextNode_default,
     ["linebreak"]: LineBreakNode_default,
     ["link"]: LinkNode_default
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("blockquote", { children: props.node.children && props.node.children.map((node, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("blockquote", { children: props.node.children && props.node.children.map((node, index) => {
     const SelectedNode = NodeTypes2[node.type];
-    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react41.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectedNode, { node }) }, index);
+    return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react41.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SelectedNode, { node }) }, index);
   }) });
 };
 var QuoteNode_default = QuoteNode;
 
 // src/components/pageRenderingEngine/nodes/CodeNode.tsx
 var import_react42 = __toESM(require("react"));
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 var CodeNode = (props) => {
   const NodeTypes2 = {
     ["text"]: TextNode_default,
     ["linebreak"]: LineBreakNode_default,
     ["link"]: LinkNode_default
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("code", { children: props.node.children && props.node.children.map((node, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("code", { children: props.node.children && props.node.children.map((node, index) => {
     const SelectedNode = NodeTypes2[node.type];
-    return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react42.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SelectedNode, { node }) }, index);
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react42.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SelectedNode, { node }) }, index);
   }) });
 };
 var CodeNode_default = CodeNode;
 
 // src/components/pageRenderingEngine/nodes/HorizontalRuleNode.tsx
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 var HorizontalRuleNode = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("hr", {});
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("hr", {});
 };
 var HorizontalRuleNode_default = HorizontalRuleNode;
 
@@ -2729,11 +2783,11 @@ var import_react44 = __toESM(require("react"));
 
 // src/components/pageRenderingEngine/nodes/ImageNode.tsx
 var import_react43 = __toESM(require("react"));
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime53 = require("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__ */ (0, import_jsx_runtime51.jsx)(import_react43.default.Fragment, { children: node.width ? /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { style: { width: node.width }, children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react43.default.Fragment, { children: node.width ? /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { style: { width: node.width }, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
     "img",
     {
       loading: "lazy",
@@ -2743,7 +2797,7 @@ var ImageNode = (props) => {
       height: node.intrinsicHeight,
       alt: node.title
     }
-  ) }) : /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  ) }) : /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
     "img",
     {
       loading: "lazy",
@@ -2758,7 +2812,7 @@ var ImageNode = (props) => {
 var ImageNode_default = ImageNode;
 
 // src/components/pageRenderingEngine/nodes/LayoutItemNode.tsx
-var import_jsx_runtime52 = require("react/jsx-runtime");
+var import_jsx_runtime54 = require("react/jsx-runtime");
 var LayoutItemNode = (props) => {
   const NodeTypes2 = {
     ["paragraph"]: ParagraphNode_default,
@@ -2812,17 +2866,17 @@ var LayoutItemNode = (props) => {
   } else {
     updatedLayout = removeParagraphsAtStartAndEnd(props.node);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "" + cssClasses, style: { ...styles }, children: updatedLayout.children.map((node, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "" + cssClasses, style: { ...styles }, children: updatedLayout.children.map((node, index) => {
     {
     }
     const SelectedNode = NodeTypes2[node.type];
-    return /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(import_react44.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(SelectedNode, { node }) }, index);
+    return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react44.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(SelectedNode, { node }) }, index);
   }) });
 };
 var LayoutItemNode_default = LayoutItemNode;
 
 // src/components/pageRenderingEngine/nodes/LayoutContainerNode.tsx
-var import_jsx_runtime53 = require("react/jsx-runtime");
+var import_jsx_runtime55 = require("react/jsx-runtime");
 var VERTICAL_ALIGNMENT_CLASSES = {
   "start": "items-start",
   "center": "items-center",
@@ -2896,27 +2950,27 @@ var LayoutContainerNode = (props) => {
   if (node.sectionWidth) {
     sectionWidth = node.sectionWidth;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)(import_react45.default.Fragment, { children: [
-    sectionWidth == "mixed" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: cssClasses, style: { ...styles }, children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "container", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("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__ */ (0, import_jsx_runtime53.jsx)(import_react45.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(LayoutItemNode_default, { node: node2, order: props.node.smOrder == "reverse" ? node2.children.length - index : index }) }, index);
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsxs)(import_react45.default.Fragment, { children: [
+    sectionWidth == "mixed" && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: cssClasses, style: { ...styles }, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "container", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("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__ */ (0, import_jsx_runtime55.jsx)(import_react45.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(LayoutItemNode_default, { node: node2, order: props.node.smOrder == "reverse" ? node2.children.length - index : index }) }, index);
     }) }) }) }),
-    sectionWidth == "full" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+    sectionWidth == "full" && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       "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__ */ (0, import_jsx_runtime53.jsx)(import_react45.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(LayoutItemNode_default, { node: node2, order: props.node.smOrder == "reverse" ? node2.children.length - index : index }) }, index);
+          return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react45.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(LayoutItemNode_default, { node: node2, order: props.node.smOrder == "reverse" ? node2.children.length - index : index }) }, index);
         })
       }
     ),
-    sectionWidth == "fixed" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("div", { className: "container", children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(
+    sectionWidth == "fixed" && /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { className: "container", children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
       "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__ */ (0, import_jsx_runtime53.jsx)(import_react45.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(LayoutItemNode_default, { node: node2, order: props.node.smOrder == "reverse" ? node2.children.length - index : index }) }, index);
+          return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react45.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(LayoutItemNode_default, { node: node2, order: props.node.smOrder == "reverse" ? node2.children.length - index : index }) }, index);
         })
       }
     ) })
@@ -2926,7 +2980,7 @@ var LayoutContainerNode_default = LayoutContainerNode;
 
 // src/components/pageRenderingEngine/nodes/WidgetNode.tsx
 var import_react46 = require("react");
-var import_jsx_runtime54 = require("react/jsx-runtime");
+var import_jsx_runtime56 = require("react/jsx-runtime");
 var WidgetNode = (props) => {
   const getWidgetParameters = () => {
     const widgetInputParameters = { ...props.routeParameters ?? {} };
@@ -2981,12 +3035,12 @@ var WidgetNode = (props) => {
   const SelectedWidget = props.widgetRegistry?.[props.node.widgetCode];
   if (!SelectedWidget) {
     console.warn("Widget not found:", props.node.widgetCode);
-    return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)(import_jsx_runtime54.Fragment, { children: [
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
       "Widget not found: ",
       props.node.widgetCode
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(import_react46.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "container mt-2", children: "..." }), children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react46.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "container mt-2", children: "..." }), children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     SelectedWidget,
     {
       params: getWidgetParameters(),
@@ -3004,9 +3058,9 @@ var WidgetNode_default = WidgetNode;
 var import_react47 = __toESM(require("react"));
 
 // src/components/pageRenderingEngine/nodes/InputControlNode.tsx
-var import_jsx_runtime55 = require("react/jsx-runtime");
+var import_jsx_runtime57 = require("react/jsx-runtime");
 var InputControlNode = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
     InputControl_default,
     {
       name: props.node.name,
@@ -3035,7 +3089,7 @@ var InputControlNode = (props) => {
 var InputControlNode_default = InputControlNode;
 
 // src/components/pageRenderingEngine/nodes/FormContainerNode.tsx
-var import_jsx_runtime56 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var FormContainerNode = (props) => {
   const NodeTypes2 = {
     ["input-control"]: InputControlNode_default
@@ -3075,12 +3129,12 @@ var FormContainerNode = (props) => {
     };
     fetchInitialData();
   }, [props.fetchData, node.dataFetchApi, props.routeParameters]);
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("form", { className: "group space-y-6 pb-6 overflow-y-auto", noValidate: true, ref: formRef, children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("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__ */ (0, import_jsx_runtime56.jsx)(import_react47.default.Fragment, { children: SelectedNode && node2.type == "input-control" && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react47.default.Fragment, { children: SelectedNode && node2.type == "input-control" && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
         InputControlNode_default,
         {
           value: formState.inputValues[node2.name],
@@ -3089,7 +3143,7 @@ var FormContainerNode = (props) => {
         }
       ) }, index);
     }),
-    node.children.length == 0 && /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "py-0.5 lg:py-1.5" })
+    node.children.length == 0 && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "py-0.5 lg:py-1.5" })
   ] });
 };
 var FormContainerNode_default = FormContainerNode;
@@ -3116,7 +3170,7 @@ var AssetUtility = class {
 var AssetUtility_default = AssetUtility;
 
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var DivContainer = (props) => {
   const { cssProperties: styles, hoverCssProperties: hoverStyles, mobileCssProperties: mobileStyles } = props.node;
   const updatedStyles = convertKeysToCamelCase(styles);
@@ -3131,7 +3185,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());
@@ -3232,9 +3287,9 @@ ${mobileCssRules.join("\n")}
     return css2;
   };
   const css = generateCssString(updatedStyle, hoverStyles, mobileStyles);
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_react48.default.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("style", { dangerouslySetInnerHTML: { __html: css } }),
-    props.node.href && props.node.href !== "" ? /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_link3.default, { href: props.node.href, className: "block", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_react48.default.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("style", { dangerouslySetInnerHTML: { __html: css } }),
+    props.node.href && props.node.href !== "" ? /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_link3.default, { href: props.node.href, className: "block", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
       "div",
       {
         id: guid,
@@ -3242,7 +3297,7 @@ ${mobileCssRules.join("\n")}
         className: containerPaddingClass,
         children: props.node.children?.map((node, index) => {
           const SelectedNode = NodeTypes2[node.type];
-          return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_react48.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react48.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
             SelectedNode,
             {
               node,
@@ -3257,9 +3312,9 @@ ${mobileCssRules.join("\n")}
           ) }, index);
         })
       }
-    ) }) : /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { id: guid, style: { ...backgroundStyle }, className: containerPaddingClass, children: props.node.children && props.node.children.map((node, index) => {
+    ) }) : /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { id: guid, style: { ...backgroundStyle }, className: containerPaddingClass, children: props.node.children && props.node.children.map((node, index) => {
       const SelectedNode = NodeTypes2[node.type];
-      return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_react48.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_react48.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(
         SelectedNode,
         {
           node,
@@ -3278,7 +3333,7 @@ ${mobileCssRules.join("\n")}
 var DivContainer_default = DivContainer;
 
 // src/components/pageRenderingEngine/PageBodyRenderer.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var NodeTypes = {
   ["paragraph"]: ParagraphNode_default,
   ["heading"]: HeadingNode_default,
@@ -3290,7 +3345,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;
@@ -3304,11 +3360,11 @@ var PageBodyRenderer = (props) => {
   if (pageBodyTree && pageBodyTree.root) {
     rootNode = pageBodyTree.root;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react49.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react49.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
     {
     }
     const SelectedNode = NodeTypes[node.type];
-    return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react49.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react49.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react49.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react49.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react49.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react49.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       SelectedNode,
       {
         node,
@@ -3321,7 +3377,7 @@ var PageBodyRenderer = (props) => {
         apiBaseUrl: props.apiBaseUrl,
         widgetRegistry: props.widgetRegistry
       }
-    ) }) : /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react49.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    ) }) : /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react49.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
       SelectedNode,
       {
         node,
@@ -3346,3 +3402,4 @@ var PageBodyRenderer_default = PageBodyRenderer;
   ViewControl,
   ViewControlTypes
 });
+//# sourceMappingURL=index.js.map