@acoustte-digital-services/digitalstore-controls-dev 0.8.1 → 0.8.2-dev.20260324084945

package/dist/index.js

@@ -1,3 +1,5 @@
+"use client";
+
 "use strict";
 var __create = Object.create;
 var __defProp = Object.defineProperty;
@@ -30,13 +32,35 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
+  DataList: () => DataList_default,
   InputControl: () => InputControl_default,
   InputControlType: () => InputControlType_default,
+  PageBodyRenderer: () => PageBodyRenderer_default,
   ViewControl: () => ViewControl_default,
-  ViewControlTypes: () => ViewControlTypes_default
+  ViewControlTypes: () => ViewControlTypes_default,
+  getWidget: () => getWidget,
+  registerWidgets: () => registerWidgets
 });
 module.exports = __toCommonJS(index_exports);
 
+// src/components/pageRenderingEngine/nodes/WidgetRegistry.tsx
+var GLOBAL_KEY = "__DIGITALSTORE_WIDGET_REGISTRY__";
+var getRegistry = () => {
+  const globalAny = globalThis;
+  if (!globalAny[GLOBAL_KEY]) {
+    globalAny[GLOBAL_KEY] = {};
+  }
+  return globalAny[GLOBAL_KEY];
+};
+var registerWidgets = (widgets) => {
+  const registry = getRegistry();
+  Object.assign(registry, widgets);
+};
+var getWidget = (code) => {
+  const registry = getRegistry();
+  return registry[code];
+};
+
 // src/components/controls/view/ViewControl.tsx
 var import_react11 = __toESM(require("react"));
 
@@ -75,6 +99,8 @@ var DateView = (props) => {
   let timezone;
   try {
     const val = props.value && props.value.toString().includes("Z") ? props.value : props.value + "Z";
+    {
+    }
     const parsedDate = new Date(val);
     const timezoneOffset = parsedDate.getTimezoneOffset();
     timezone = import_moment_timezone.default.tz.zone(import_moment_timezone.default.tz.guess())?.abbr(timezoneOffset);
@@ -192,6 +218,8 @@ var StatusView_default = Status;
 var import_react8 = __toESM(require("react"));
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var Money = (props) => {
+  {
+  }
   const parsedNumber = parseFloat(props.value);
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react8.default.Fragment, { children: !Number.isNaN(parsedNumber) && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: parsedNumber < 0 ? "text-alert" : "", children: [
     /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "mr-0.5", children: "\u20B9" }),
@@ -204,6 +232,8 @@ var MoneyView_default = Money;
 var import_react9 = __toESM(require("react"));
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var MultilineTextBullets = (props) => {
+  {
+  }
   const lines = props.value?.split("\\n");
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react9.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("ul", { className: "list-disc", children: lines && lines.map((line, index) => {
     return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("li", { children: line }, index);
@@ -236,7 +266,7 @@ var ViewControl = import_react11.default.forwardRef(
       [ViewControlTypes_default.booleanView]: BooleanView_default
       //  [ViewControlTypes.booleanView]: BooleanView
     };
-    const SelectedControlComponent = ControlComponents[props.controlType];
+    const SelectedControlComponent = props.controlType ? ControlComponents[props.controlType] : void 0;
     return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react11.default.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SelectedControlComponent, { ...props }) : "Control not found" });
   }
 );
@@ -406,6 +436,9 @@ var MoneyInput = (props) => {
 var MoneyInput_default = MoneyInput;
 
 // src/components/controls/edit/InputControlType.tsx
+var Constants = {
+  pagesize: 10
+};
 var InputControlType = {
   lineTextInput: "text",
   multilineTextInput: "multilinetext",
@@ -947,6 +980,7 @@ var ColorInput = (props) => {
       {
         type: "color",
         name: props.name,
+        title: color,
         id: props.name,
         value: color,
         onChange: handleColorChange,
@@ -1133,53 +1167,28 @@ var ToastService_default = ToastService;
 
 // src/components/StyleTypes.tsx
 var buttonClasses = /* @__PURE__ */ new Map([
-  [
-    "Primary" /* Primary */,
-    "relative inline-flex items-center justify-center bg-primary rounded  px-4 py-3 lg:py-2 font-medium shadow-sm hover:shadow-lg hover:bg-primary-strong focus:outline-none active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed transition duration-150 ease-in-out text-body"
-  ],
-  [
-    "Secondary" /* Secondary */,
-    "relative inline-flex items-center justify-center bg-gradient-to-b from-secondary to-secondary-strong rounded px-4 py-3 lg:py-2 font-medium shadow-sm hover:shadow-lg focus:outline-none active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed transition duration-150 ease-in-out text-body hover:bg-secondary-strong"
-  ],
-  [
-    "Neutral" /* Neutral */,
-    "relative inline-flex items-center justify-center bg-neutral-strong rounded px-4 py-3 lg:py-2 font-medium shadow-sm hover:shadow-lg focus:outline-none active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed transition duration-150 ease-in-out text-body hover:bg-neutral-stronger"
-  ],
-  [
-    "PrimaryHollow" /* PrimaryHollow */,
-    "inline-flex font-medium items-center justify-center px-4 py-3 lg:py-2 transparent border-primary border text-primary rounded hover:shadow-md focus:outline-none transition duration-150 ease-in-out  active:scale-95"
-  ],
-  [
-    "SecondaryHollow" /* SecondaryHollow */,
-    "inline-flex font-medium items-center justify-center px-4 py-3 lg:py-2 transparent border-secondary border text-secondary rounded hover:shadow-md focus:outline-none transition duration-150 ease-in-out  active:scale-95"
-  ],
-  [
-    "NeutralHollow" /* NeutralHollow */,
-    "inline-flex font-medium items-center justify-center px-4 py-3 lg:py-2 transparent border-neutral border text-neutral rounded hover:shadow-md focus:outline-none transition duration-150 ease-in-out  active:scale-95"
-  ],
-  [
-    "Ripple" /* Ripple */,
-    "px-3 py-1.5 inline-flex items-center text-sm font-medium rounded border-[1.5px] border-primary ripple btn-bg-primary btn-primary-text"
-  ],
-  [
-    "Danger" /* Danger */,
-    "inline-flex text-sm font-medium items-center justify-center px-4 py-2 border border-alert bg-alert text-white rounded hover:bg-alert-600 hover:border-alert-600 focus:outline-none active:ring-1 active:ring-alert"
-  ],
-  ["Link" /* Link */, ""],
-  [
-    "Light" /* Light */,
-    "inline-flex items-center justify-center rounded bg-white border px-4 py-2 leading-6 text-primary shadow-sm hover:shadow focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary disabled:opacity-50 disabled:cursor-not-allowed"
-  ]
+  ["Primary" /* Solid */, "btn-solid"],
+  ["PrimaryHollow" /* Hollow */, "btn-hollow"],
+  ["Link" /* Link */, "btn-link"]
+  // [StyleTypes.Solid, "relative inline-flex items-center justify-center bg-gradient-to-b from-secondary to-secondary-strong rounded px-4 py-3 lg:py-2 font-medium shadow-sm hover:shadow-lg focus:outline-none active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed transition duration-150 ease-in-out text-body hover:bg-secondary-strong"],
+  // [StyleTypes.Solid, "relative inline-flex items-center justify-center bg-neutral-strong rounded px-4 py-3 lg:py-2 font-medium shadow-sm hover:shadow-lg focus:outline-none active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed transition duration-150 ease-in-out text-body hover:bg-neutral-stronger"],
+  // [StyleTypes.Hollow, "inline-flex font-medium items-center justify-center px-4 py-3 lg:py-2 transparent border-primary border text-primary rounded hover:shadow-md focus:outline-none transition duration-150 ease-in-out  active:scale-95"],
+  // [StyleTypes.Hollow, "inline-flex font-medium items-center justify-center px-4 py-3 lg:py-2 transparent border-secondary border text-secondary rounded hover:shadow-md focus:outline-none transition duration-150 ease-in-out  active:scale-95"],
+  // [StyleTypes.Hollow, "inline-flex font-medium items-center justify-center px-4 py-3 lg:py-2 transparent border-neutral border text-neutral rounded hover:shadow-md focus:outline-none transition duration-150 ease-in-out  active:scale-95"],
+  // [StyleTypes.Ripple, "px-3 py-1.5 inline-flex items-center text-sm font-medium rounded border-[1.5px] border-primary ripple btn-bg-primary btn-primary-text"],
+  // [StyleTypes.Danger, "inline-flex text-sm font-medium items-center justify-center px-4 py-2 border border-alert bg-alert text-white rounded hover:bg-alert-600 hover:border-alert-600 focus:outline-none active:ring-1 active:ring-alert"],
+  // [StyleTypes.Link, ""],
+  // [StyleTypes.Light, "inline-flex items-center justify-center rounded bg-white border px-4 py-2 leading-6 text-primary shadow-sm hover:shadow focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary disabled:opacity-50 disabled:cursor-not-allowed"],
 ]);
 var progressClasses = /* @__PURE__ */ new Map([
-  ["Primary" /* Primary */, ""],
-  ["PrimaryHollow" /* PrimaryHollow */, ""],
-  ["Secondary" /* Secondary */, ""],
-  ["SecondaryHollow" /* SecondaryHollow */, ""],
-  ["Neutral" /* Neutral */, ""],
-  ["NeutralHollow" /* NeutralHollow */, ""],
-  ["Ripple" /* Ripple */, ""],
-  ["Danger" /* Danger */, ""],
+  ["Primary" /* Solid */, ""],
+  ["PrimaryHollow" /* Hollow */, ""],
+  // [StyleTypes.Solid, ""],
+  // [StyleTypes.Hollow, ""],
+  // [StyleTypes.Solid, ""],
+  // [StyleTypes.Hollow, ""],
+  // [StyleTypes.Ripple, ""],
+  // [StyleTypes.Danger, ""],
   ["Link" /* Link */, ""]
 ]);
 
@@ -1188,56 +1197,21 @@ var import_react25 = require("react");
 
 // src/components/ClientButton.tsx
 var import_react24 = __toESM(require("react"));
-
-// src/components/utilities/ToastService.tsx
-var ToastService2 = class {
-  static showError(message) {
-    console.error(message);
-    if (typeof window !== "undefined") {
-      alert(message);
-    }
-  }
-  static showSuccess(message) {
-    console.log(message);
-    if (typeof window !== "undefined") {
-      alert(message);
-    }
-  }
-  static showWarning(message) {
-    console.warn(message);
-    if (typeof window !== "undefined") {
-      alert(message);
-    }
-  }
-  static showInfo(message) {
-    console.info(message);
-    if (typeof window !== "undefined") {
-      alert(message);
-    }
-  }
-};
-var ToastService_default2 = ToastService2;
-
-// src/components/ClientButton.tsx
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var ClientButton = (props) => {
   const execute = async (event) => {
-    event.preventDefault();
     if (props.onClick !== void 0) {
       props.onClick();
     } else {
-      ToastService_default2.showError("No action defined.");
+      ToastService_default.showError("No action defined.");
     }
   };
-  let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Primary */);
+  let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
   return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_react24.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
     "button",
     {
       type: "button",
       onClick: execute,
-      "data-role": props.dataRole,
-      disabled: props.disabled,
-      tabIndex: props.tabIndex,
       className: buttonClass + " " + props.className,
       children: props.children
     }
@@ -1261,21 +1235,27 @@ var Confirm = ({ message, onConfirm, onCancel }) => {
       onCancel();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: showModal && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "fixed inset-0 flex items-center justify-center z-20", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_jsx_runtime25.Fragment, { children: showModal && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "fixed inset-0 flex items-center justify-center z-50", children: [
     /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "absolute inset-0 bg-black opacity-70" }),
-    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "bg-white rounded-md p-6 shadow border z-50", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-xl font-semibold mb-4", children: "Confirmation" }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "bg-white rounded-md p-6 w-2/6 shadow border z-50", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "text-xl font-medium mb-4", children: "Confirmation" }),
       /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("p", { className: "mb-4", children: message }),
       /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)("div", { className: "flex justify-end gap-8", children: [
         /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
           ClientButton_default,
           {
             onClick: handleCancelAction,
-            ButtonType: "PrimaryHollow" /* PrimaryHollow */,
+            ButtonType: "PrimaryHollow" /* Hollow */,
             children: "Cancel"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(ClientButton_default, { onClick: handleConfirmAction, children: "Confirm" })
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          ClientButton_default,
+          {
+            onClick: handleConfirmAction,
+            children: "Confirm"
+          }
+        )
       ] })
     ] })
   ] }) });
@@ -1293,10 +1273,9 @@ var Button = (props) => {
   const [showModal, setShowModal] = (0, import_react26.useState)(null);
   const execute = async (event) => {
     event.preventDefault();
+    event.stopPropagation();
     if (props.confirm) {
-      const confirmed = await showConfirmation(
-        "Are you sure you want to delete this item?"
-      );
+      const confirmed = await showConfirmation("Are you sure you want to delete this item?");
       setShowModal(null);
       if (!confirmed) {
         return;
@@ -1311,15 +1290,12 @@ var Button = (props) => {
       isValid = await props.onValidate();
       if (!isValid) {
         setInProgress(false);
-        ToastService_default.showError(
-          "There are error in the form. Please fix them before proceeding."
-        );
+        ToastService_default.showError("There are errors in the form. Please fix them before proceeding.");
         return;
       }
     }
     if (props.onClick !== void 0) {
-      let response = await props.onClick(props.index);
-      console.log(response);
+      let response = await props.onClick();
       if (response.isSuccessful) {
         setIsActionPerformed(true);
         setResponseMessage(response.message);
@@ -1338,61 +1314,27 @@ var Button = (props) => {
     return new Promise((resolve) => {
       const onConfirm = () => resolve(true);
       const onCancel = () => resolve(false);
-      setShowModal(
-        /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-          Confirm_default,
-          {
-            message: props.confirmationMessage,
-            onConfirm,
-            onCancel
-          }
-        )
-      );
+      setShowModal(/* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Confirm_default, { message: props.confirmationMessage, onConfirm, onCancel }));
     });
   };
-  let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Primary */);
-  let progressClass = props.ButtonType ? progressClasses.get(props.ButtonType) : progressClasses.get("Primary" /* Primary */);
+  let buttonClass = props.ButtonType ? buttonClasses.get(props.ButtonType) : buttonClasses.get("Primary" /* Solid */);
+  let progressClass = props.ButtonType ? progressClasses.get(props.ButtonType) : progressClasses.get("Primary" /* Solid */);
+  const isDisabled = inProgress || isActionPerformed && props.oneTimeAction;
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(import_react26.default.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
       "button",
       {
         type: "submit",
         onClick: execute,
-        id: props.id,
         disabled: props.disabled,
-        className: buttonClass + " relative " + (props.className || "") + (props.isActive ? " scale-95 shadow-inner" : ""),
+        title: isDisabled ? "The button is disabled to prevent any action" : "",
+        className: buttonClass + " relative " + props.className,
         children: [
           isActionPerformed && props.oneTimeAction && responseMessage ? responseMessage : props.children,
-          inProgress && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react26.default.Fragment, { children: props.hideProgressIndicator === true ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "absolute bottom-0 left-0 h-0.5 bg-gray-400 rounded animate-progress" }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(
-            "svg",
-            {
-              className: "animate-spin ml-2 mr-3 h-5 w-5 " + progressClass,
-              xmlns: "http://www.w3.org/2000/svg",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-                  "circle",
-                  {
-                    className: "opacity-25",
-                    cx: "12",
-                    cy: "12",
-                    r: "10",
-                    stroke: "currentColor",
-                    strokeWidth: "4"
-                  }
-                ),
-                /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-                  "path",
-                  {
-                    className: "opacity-75",
-                    fill: "currentColor",
-                    d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-                  }
-                )
-              ]
-            }
-          ) })
+          inProgress && /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(import_react26.default.Fragment, { children: props.hideProgressIndicator === true ? /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("div", { className: "absolute bottom-0 left-0 h-0.5 bg-gray-400 rounded animate-progress" }) : /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)("svg", { className: "animate-spin ml-2 mr-3 h-5 w-5 " + progressClass, xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime26.jsx)("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z" })
+          ] }) })
         ]
       }
     ),
@@ -1414,7 +1356,7 @@ var SelectWithSearchPanel = (props) => {
   const containerRef = (0, import_react27.useRef)(null);
   const [isCreateOpen, setIsCreateOpen] = (0, import_react27.useState)(false);
   const [formData, setFormData] = (0, import_react27.useState)({});
-  const getNestedValue = (obj, path) => {
+  const getNestedValue2 = (obj, path) => {
     return path.split(".").reduce((acc, key) => acc?.[key], obj);
   };
   (0, import_react27.useEffect)(() => {
@@ -1452,7 +1394,7 @@ var SelectWithSearchPanel = (props) => {
     props.dataSourceDependsOn
   ]);
   const filteredItems = list?.filter((item) => {
-    const value = getNestedValue(item, props.dataTextFieldName);
+    const value = getNestedValue2(item, props.dataTextFieldName);
     return value?.toLowerCase().includes(searchTerm?.toLowerCase());
   });
   const playBeep = () => {
@@ -1483,7 +1425,7 @@ var SelectWithSearchPanel = (props) => {
   }, [searchTerm]);
   const handleSelect = (event, item) => {
     event.preventDefault();
-    setSearchTerm(getNestedValue(item, props.dataTextFieldName));
+    setSearchTerm(getNestedValue2(item, props.dataTextFieldName));
     if (props.callback) {
       const val = {};
       props.callback({
@@ -1608,7 +1550,10 @@ var SelectWithSearchPanel = (props) => {
               }
             )
           ] }, field.name)),
-          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Button_default, { onClick: handleSaveModal, className: "w-full", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)(Button_default, { onClick: async () => {
+            handleSaveModal();
+            return { isSuccessful: true };
+          }, className: "w-full", children: [
             "Save ",
             props.attributes?.label
           ] })
@@ -1630,7 +1575,7 @@ var SelectWithSearchPanel = (props) => {
               role: "option",
               tabIndex: -1,
               onMouseEnter: () => setHighlightedIndex(index),
-              children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { children: getNestedValue(item, props.dataTextFieldName) })
+              children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("span", { children: getNestedValue2(item, props.dataTextFieldName) })
             }
           ) }, item[props.dataKeyFieldName])) : /* @__PURE__ */ (0, import_jsx_runtime27.jsx)("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
         }
@@ -1843,10 +1788,2902 @@ var InputControl = import_react31.default.forwardRef(
 );
 InputControl.displayName = "InputControl";
 var InputControl_default = InputControl;
+
+// src/components/dataForm/DataList.tsx
+var import_react34 = __toESM(require("react"));
+var import_navigation = require("next/navigation");
+
+// src/components/dataForm/NoContentView.tsx
+var import_react32 = __toESM(require("react"));
+var import_jsx_runtime32 = require("react/jsx-runtime");
+var NoContentView = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(import_react32.default.Fragment, { children: props.isDataFound === false && props.children });
+};
+var NoContentView_default = NoContentView;
+
+// src/components/dataForm/ContentView.tsx
+var import_react33 = __toESM(require("react"));
+var import_jsx_runtime33 = require("react/jsx-runtime");
+var ContentView = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(import_react33.default.Fragment, { children: [
+    props.isDataFound == null && /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "flex items-center mb-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "ml-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "animate-pulse", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "animate-pulse", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)("div", { className: "animate-pulse", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
+        ] })
+      ] })
+    ] }) }),
+    props.isDataFound === true && props.children
+  ] });
+};
+var ContentView_default = ContentView;
+
+// src/components/dataForm/Hyperlink.tsx
+var import_link = __toESM(require("next/link"));
+var import_jsx_runtime34 = require("react/jsx-runtime");
+function Hyperlink(props) {
+  let linkClass = props.linkType ? buttonClasses.get(props.linkType) : "";
+  const target = props?.href?.startsWith("http") ? "_blank" : "_self";
+  const additionalProps = {};
+  if (target == "_blank") {
+    additionalProps.rel = "noopener noreferrer";
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(import_jsx_runtime34.Fragment, { children: props.href ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
+    import_link.default,
+    {
+      href: props.href,
+      prefetch: false,
+      className: `${linkClass} ${props.className ?? ""}`,
+      ...additionalProps,
+      target,
+      children: props.children
+    }
+  ) : props.isHeading ? /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h5", { className: props.className + "inline-block", children: props.children }) : /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: props.className, children: props.children }) });
+}
+
+// src/clients/OdataBuilder.tsx
+var OdataBuilder = class {
+  constructor(url) {
+    this.baseUrl = url;
+    this.top = Constants.pagesize.toString();
+    this.skip = "0";
+    this.keyword = "";
+    this.filterBy = "";
+    this.orderBy = "";
+  }
+  // parseSearchParams(ReadonlyUrlSearchParams): DataQuery {
+  //     this.top = top;
+  //     return this;
+  //   }
+  setQuery(odata) {
+    if (odata) {
+      for (const key in odata) {
+        if (odata[key] != null && odata[key] != "") {
+          if (key == "$skip") {
+            this.setSkip(odata[key]);
+          }
+          if (key == "$filter") {
+            this.setFilter(odata[key]);
+          }
+          if (key == "$top") {
+            this.setTop(odata[key]);
+          }
+          if (key == "$orderby") {
+            this.setOrderBy(odata[key]);
+          }
+        }
+      }
+    }
+    return this;
+  }
+  // parseKeyValuePairs(inputString: string): { [key: string]: string } {
+  //     return inputString.split('$')
+  //         .map((pair) => pair.split('='))
+  //         .reduce((result: { [key: string]: string }, [key, value]) => {
+  //             if (key && value) {
+  //                 result[key.trim()] = value.trim();
+  //             }
+  //             return result;
+  //         }, {});
+  // }
+  static getOdataQueryString(obj, defaultOrder) {
+    let queryString = "";
+    let skip = (obj && obj["$skip"]) ?? "0";
+    let top = (obj && obj["$top"]) ?? Constants.pagesize.toString();
+    queryString = `$skip=${skip}&$top=${top}&$count=true`;
+    if (obj) {
+      if (obj["$filter"] && obj["$filter"] !== null && obj["$filter"] !== "") {
+        queryString = queryString + `&$filter=${encodeURIComponent(obj["$filter"])}`;
+      }
+      if (obj["$orderby"] && obj["$orderby"] !== null && obj["$orderby"] !== "") {
+        queryString = queryString + `&$orderby=${encodeURIComponent(obj["$orderby"])}`;
+      } else if (defaultOrder) {
+        queryString = queryString + `&$orderby=${encodeURIComponent(defaultOrder)}`;
+      }
+    } else {
+      if (defaultOrder) {
+        queryString = queryString + `&$orderby=${encodeURIComponent(defaultOrder)}`;
+      }
+    }
+    return queryString;
+  }
+  setTop(top) {
+    this.top = top;
+    return this;
+  }
+  setSkip(skip) {
+    this.skip = skip;
+    return this;
+  }
+  setKeyword(keyword) {
+    this.keyword = keyword;
+    return this;
+  }
+  setFilter(filterBy) {
+    this.filterBy = filterBy;
+    return this;
+  }
+  setOrderBy(orderBy) {
+    this.orderBy = orderBy;
+    return this;
+  }
+  getPageNumber(pageSize) {
+    let pageNumber = 1;
+    if (this.skip && this.top) {
+      const skip = parseInt(this.skip);
+      const top = parseInt(this.top);
+      if (!isNaN(skip) && !isNaN(top)) {
+        pageNumber = skip / pageSize + 1;
+      }
+    }
+    return pageNumber;
+  }
+  getUrl() {
+    let url = `${this.baseUrl}?$skip=${this.skip}&$top=${this.top}&$count=true`;
+    if (this.filterBy !== null && this.filterBy !== "") {
+      url = url + `&$filter=${encodeURIComponent(this.filterBy)}`;
+    }
+    if (this.orderBy !== null && this.orderBy !== "") {
+      url = url + `&$orderby=${encodeURIComponent(this.orderBy)}`;
+    }
+    console.log(url);
+    return url;
+  }
+  getNewOrderByUrl(orderBy) {
+    let url = `${this.baseUrl}?$skip=${0}&$top=${this.top}&$count=true`;
+    if (this.filterBy !== null && this.filterBy !== "") {
+      url = url + `&$filter=${encodeURIComponent(this.filterBy)}`;
+    }
+    url = url + `&$orderby=${encodeURIComponent(orderBy)}`;
+    return url;
+  }
+  getNewFilterUrl(filterBy) {
+    let url = `${this.baseUrl}?$skip=${0}&$top=${this.top}&$count=true`;
+    if (filterBy !== null && filterBy !== "") {
+      url = url + `&$filter=${encodeURIComponent(filterBy)}`;
+    }
+    if (this.orderBy !== null && this.orderBy !== "") {
+      url = url + `&$orderby=${encodeURIComponent(this.orderBy)}`;
+    }
+    return url;
+  }
+  getNewPageUrl(page) {
+    let skip = page * Constants.pagesize - Constants.pagesize;
+    let url = `${this.baseUrl}?$skip=${skip}&$top=${this.top}&$count=true`;
+    if (this.filterBy !== null && this.filterBy !== "") {
+      url = url + `&$filter=${encodeURIComponent(this.filterBy)}`;
+    }
+    if (this.orderBy !== null && this.orderBy !== "") {
+      url = url + `&$orderby=${encodeURIComponent(this.orderBy)}`;
+    }
+    return url;
+  }
+  getNewPageSizeUrl(pageSize) {
+    const currentPage = this.getPageNumber(parseInt(this.top || Constants.pagesize.toString()));
+    const skip = (currentPage - 1) * pageSize;
+    let url = `${this.baseUrl}?$skip=${skip}&$top=${pageSize}&$count=true`;
+    if (this.filterBy !== null && this.filterBy !== "") {
+      url = url + `&$filter=${encodeURIComponent(this.filterBy)}`;
+    }
+    if (this.orderBy !== null && this.orderBy !== "") {
+      url = url + `&$orderby=${encodeURIComponent(this.orderBy)}`;
+    }
+    return url;
+  }
+  getOrderBy() {
+    return this.orderBy;
+  }
+};
+
+// src/svg/chevron-updown.tsx
+var import_jsx_runtime35 = require("react/jsx-runtime");
+var ChevronUpDown = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ (0, import_jsx_runtime35.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" }) });
+};
+var chevron_updown_default = ChevronUpDown;
+
+// src/svg/chevron-down.tsx
+var import_jsx_runtime36 = require("react/jsx-runtime");
+var ChevronDown = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ (0, import_jsx_runtime36.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" }) });
+};
+var chevron_down_default = ChevronDown;
+
+// src/svg/chevron-up.tsx
+var import_jsx_runtime37 = require("react/jsx-runtime");
+var ChevronUp = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ (0, import_jsx_runtime37.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 15.75l7.5-7.5 7.5 7.5" }) });
+};
+var chevron_up_default = ChevronUp;
+
+// src/svg/plus.tsx
+var import_jsx_runtime38 = require("react/jsx-runtime");
+var Plus = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ (0, import_jsx_runtime38.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m7.5-7.5h-15" }) });
+};
+var plus_default = Plus;
+
+// src/svg/Icons.tsx
+var Icons = {
+  chevronUpDown: chevron_updown_default,
+  chevronDown: chevron_down_default,
+  chevronUp: chevron_up_default,
+  plus: plus_default
+};
+var Icons_default = Icons;
+
+// src/svg/Icon.tsx
+var import_jsx_runtime39 = require("react/jsx-runtime");
+var Icon = ({ name, className, ...props }) => {
+  const IconComponent = Icons_default[name];
+  if (!IconComponent) {
+    console.error(`Icon "${name}" not found.`);
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime39.jsx)(IconComponent, { ...props, className });
+};
+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(".");
+    const lastKey = keys.pop();
+    const newObj = { ...obj };
+    let current = newObj;
+    keys.forEach((key) => {
+      current[key] = { ...current[key] };
+      current = current[key];
+    });
+    current[lastKey] = value;
+    return newObj;
+  }
+  return {
+    ...obj,
+    [path]: value
+  };
+}
+function FormReducer(state, action) {
+  switch (action.type) {
+    case FORM_INPUT_UPDATE:
+      if (!action.name) return state;
+      return {
+        inputValues: setNestedProperty(
+          state.inputValues,
+          action.name.toString(),
+          action.value
+        ),
+        lastPropertyChanged: action.name.toString()
+      };
+    case FORM_INITIAL_UPDATE:
+      return {
+        inputValues: { ...action.values },
+        lastPropertyChanged: action.name?.toString() || ""
+      };
+    default:
+      return state;
+  }
+}
+var FormReducer_default = FormReducer;
+
+// src/components/dataForm/DataList.tsx
+var import_jsx_runtime40 = require("react/jsx-runtime");
+var DataList = (props) => {
+  console.log(props.dataset, "datasetssssss");
+  const router = (0, import_navigation.useRouter)();
+  let builder = new OdataBuilder(props.path);
+  let orderBy = "";
+  let activePageNumber = 0;
+  let pages = 0;
+  console.log(props.addLinkText);
+  const [isDataFound, setIsDataFound] = (0, import_react34.useState)(null);
+  (0, import_react34.useEffect)(() => {
+    if (props?.dataset) {
+      if (props?.dataset.result && props.dataset.result.length > 0) {
+        setIsDataFound(true);
+      } else {
+        setIsDataFound(false);
+      }
+    }
+  }, [props.dataset]);
+  function getNestedProperty2(obj, path) {
+    if (path.includes(".")) {
+      return path.split(".").reduce((prev, curr) => prev ? prev[curr] : null, obj);
+    } else if (Array.isArray(obj[path])) {
+      return obj[path].map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { children: item }, index));
+    } else {
+      return obj[path];
+    }
+  }
+  const initialState = {
+    inputValues: {},
+    lastPropertyChanged: ""
+  };
+  const [formState, dispatch] = (0, import_react34.useReducer)(FormReducer_default, initialState);
+  const handleFilterChange = (0, import_react34.useCallback)(
+    (updatedValues) => {
+      dispatch({
+        type: FORM_INPUT_UPDATE,
+        name: updatedValues.name,
+        value: updatedValues.value
+      });
+      let builder2 = new OdataBuilder(props.path);
+      builder2 = builder2.setQuery(props.query);
+      if (updatedValues.value != "") {
+        const filter = props.filters?.find((x) => x.name == updatedValues.name);
+        if (filter?.dataTypeCode == "number") {
+          router.push(
+            builder2.getNewFilterUrl(
+              updatedValues.name.toString() + " eq " + updatedValues.value
+            )
+          );
+        } else {
+          router.push(
+            builder2.getNewFilterUrl(
+              updatedValues.name.toString() + " eq '" + updatedValues.value + "'"
+            )
+          );
+        }
+      } else {
+        router.push(builder2.getNewFilterUrl(""));
+      }
+    },
+    [dispatch, props, router]
+  );
+  builder = builder.setQuery(props.query);
+  orderBy = builder.getOrderBy();
+  activePageNumber = builder.getPageNumber(Constants.pagesize);
+  let label = "";
+  if (props.dataset && props.dataset.count) {
+    pages = Math.ceil(props.dataset.count / Constants.pagesize);
+    label = `Showing  ${(activePageNumber - 1) * Constants.pagesize + 1} - `;
+    if (activePageNumber * Constants.pagesize > props.dataset.count) {
+      label = label + `${props.dataset.count} of ${props.dataset.count} results`;
+    } else {
+      label = label + `${activePageNumber * Constants.pagesize} of ${props.dataset.count} results`;
+    }
+  }
+  const renderPageNumbers = () => {
+    if (pages <= 10) {
+      return Array.from({ length: pages }, (_, index) => index + 1).map(
+        (page) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react34.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+          Hyperlink,
+          {
+            className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
+            href: builder.getNewPageUrl(page),
+            children: page
+          }
+        ) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)
+      );
+    } else {
+      const showFirstPages = activePageNumber <= 5;
+      const showLastPages = activePageNumber > pages - 5;
+      if (showFirstPages) {
+        return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
+          Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react34.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+            Hyperlink,
+            {
+              className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
+              href: builder.getNewPageUrl(page),
+              children: page
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "px-2 py-1", children: "..." }),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+            Hyperlink,
+            {
+              className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
+              href: builder.getNewPageUrl(pages - 1),
+              children: pages - 1
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+            Hyperlink,
+            {
+              className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
+              href: builder.getNewPageUrl(pages),
+              children: pages
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+            "select",
+            {
+              className: "  py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
+              value: activePageNumber > 8 && activePageNumber < pages - 1 ? activePageNumber : "",
+              onChange: (e) => {
+                const page = parseInt(e.target.value);
+                if (page) {
+                  router.push(builder.getNewPageUrl(page));
+                }
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("option", { className: "", value: "", children: "Jump to" }),
+                Array.from(
+                  { length: Math.max(0, pages - 10) },
+                  (_, index) => index + 9
+                ).map((page) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("option", { value: page, children: page }, page))
+              ]
+            }
+          ) })
+        ] });
+      } else if (showLastPages) {
+        return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+            Hyperlink,
+            {
+              className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
+              href: builder.getNewPageUrl(1),
+              children: "1"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+            Hyperlink,
+            {
+              className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
+              href: builder.getNewPageUrl(2),
+              children: "2"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "px-2 py-1", children: "..." }),
+          Array.from({ length: 8 }, (_, index) => pages - 7 + index).map(
+            (page) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react34.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+              Hyperlink,
+              {
+                className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
+                href: builder.getNewPageUrl(page),
+                children: page
+              }
+            ) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)
+          )
+        ] });
+      } else {
+        return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_jsx_runtime40.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+            Hyperlink,
+            {
+              className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
+              href: builder.getNewPageUrl(1),
+              children: "1"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+            Hyperlink,
+            {
+              className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
+              href: builder.getNewPageUrl(2),
+              children: "2"
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "px-2 py-1", children: "..." }),
+          Array.from(
+            { length: 5 },
+            (_, index) => activePageNumber - 2 + index
+          ).map((page) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react34.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+            Hyperlink,
+            {
+              className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
+              href: builder.getNewPageUrl(page),
+              children: page
+            }
+          ) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "px-2 py-1", children: "..." }),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+            Hyperlink,
+            {
+              className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
+              href: builder.getNewPageUrl(pages - 1),
+              children: pages - 1
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+            Hyperlink,
+            {
+              className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
+              href: builder.getNewPageUrl(pages),
+              children: pages
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+            "select",
+            {
+              className: "px-2 py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
+              value: activePageNumber > 2 && activePageNumber < pages - 1 ? activePageNumber : "",
+              onChange: (e) => {
+                const page = parseInt(e.target.value);
+                if (page) {
+                  router.push(builder.getNewPageUrl(page));
+                }
+              },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("option", { value: "", children: "Jump to" }),
+                Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("option", { value: page, children: page }, page))
+              ]
+            }
+          ) })
+        ] });
+      }
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_react34.default.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(ContentView_default, { isDataFound, children: [
+      (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+        "div",
+        {
+          className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md border-b border-neutral-200 sticky top-0`,
+          children: [
+            props.title ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center gap-3", children: [
+              props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                InputControl_default,
+                {
+                  name: filter.name,
+                  controlType: InputControlType_default.select,
+                  value: formState.inputValues[filter.name],
+                  dataSource: filter.servicePath,
+                  dataKeyFieldName: filter.dataKeyFieldName,
+                  dataTextFieldName: filter.dataTextFieldName,
+                  serviceClient: props.serviceClient,
+                  callback: handleFilterChange,
+                  attributes: { placeholder: filter.placeholder }
+                },
+                filter.name
+              )),
+              props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+                Hyperlink,
+                {
+                  className: "gap-1",
+                  linkType: "Primary" /* Solid */,
+                  href: props.addLinkHref,
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
+                  ]
+                }
+              )
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "flex-1 overflow-y-auto  justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("table", { className: "w-full   divide-y divide-gray-200", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("tr", { children: props?.columns?.map((column) => {
+          let url = builder.getNewOrderByUrl(column.name);
+          let icon = "chevronUpDown";
+          if (orderBy.includes(`${column.name} desc`)) {
+            icon = "chevronDown";
+            url = builder.getNewOrderByUrl(column.name);
+          } else if (orderBy.includes(`${column.name}`)) {
+            icon = "chevronUp";
+            url = builder.getNewOrderByUrl(column.name + " desc");
+          }
+          return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+            "th",
+            {
+              className: "px-6 py-3 text-left font-medium cursor-pointer  bg-neutral-soft " + column.width + (column.controlType == ViewControlTypes_default.moneyView ? " text-right" : ""),
+              children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Hyperlink, { href: url, className: "!text-neutral-contrast ", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("span", { className: "flex items-center space-x-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-black", children: column.label }),
+                column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
+              ] }) })
+            },
+            column.name
+          );
+        }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
+          let validityClass = "";
+          console.log("dataitem", dataitem);
+          if (props.recordValidityColumnName && getNestedProperty2(dataitem, props.recordValidityColumnName) == false) {
+            validityClass = "bg-alert-200";
+          }
+          return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("tr", { className: validityClass, children: props?.columns?.map((column, colindex) => {
+            console.log("column", column);
+            return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react34.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+              "td",
+              {
+                className: "px-6 py-2 whitespace-normal " + (column.controlType == ViewControlTypes_default.moneyView ? "" : ""),
+                children: column.addhref === true ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                  Hyperlink,
+                  {
+                    className: "",
+                    href: `https://${dataitem[column.name]}`,
+                    children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                      ViewControl_default,
+                      {
+                        controlType: column.controlType,
+                        value: getNestedProperty2(
+                          dataitem,
+                          column.name
+                        ),
+                        format: column.format,
+                        customProps: column.customProps
+                      }
+                    )
+                  }
+                ) : column.showAsLink ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                  Hyperlink,
+                  {
+                    href: props.path + dataitem[props.columns[0].name] + "/" + (dataitem.linkUrlSegment ?? column.linkUrlSegment),
+                    children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                      ViewControl_default,
+                      {
+                        controlType: column.controlType,
+                        value: getNestedProperty2(dataitem, column.name) || column.emptyValueLabel,
+                        format: column.format,
+                        customProps: column.customProps
+                      }
+                    )
+                  }
+                ) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                  ViewControl_default,
+                  {
+                    controlType: column.controlType,
+                    value: getNestedProperty2(dataitem, column.name),
+                    format: column.format,
+                    customProps: column.customProps
+                  }
+                )
+              }
+            ) }, colindex);
+          }) }, index);
+        }) })
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "text-gray-700", children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex space-x-2 items-center", children: [
+          activePageNumber > 1 && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+            Hyperlink,
+            {
+              className: "px-3 py-1 rounded-l-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
+              href: builder.getNewPageUrl(activePageNumber - 1),
+              children: "Prev"
+            }
+          ),
+          activePageNumber <= 1 && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "px-3 py-1 rounded-l-md border border-gray-300 bg-gray-200 text-gray-500 hover:bg-gray-200", children: "Prev" }),
+          renderPageNumbers(),
+          activePageNumber < pages && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+            Hyperlink,
+            {
+              className: "px-3 py-1 rounded-r-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
+              href: builder.getNewPageUrl(activePageNumber + 1),
+              children: "Next"
+            }
+          ),
+          activePageNumber >= pages && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "px-3 py-1 rounded-r-md border border-gray-300 bg-gray-200 text-gray-500", children: "Next" })
+        ] })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(NoContentView_default, { isDataFound, children: [
+      (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+        "div",
+        {
+          className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md border-b border-neutral-200`,
+          children: [
+            props.title ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex items-center gap-3", children: [
+              props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+                InputControl_default,
+                {
+                  name: filter.name,
+                  controlType: InputControlType_default.select,
+                  value: formState.inputValues[filter.name],
+                  dataSource: filter.servicePath,
+                  dataKeyFieldName: filter.dataKeyFieldName,
+                  dataTextFieldName: filter.dataTextFieldName,
+                  serviceClient: props.serviceClient,
+                  callback: handleFilterChange,
+                  attributes: { placeholder: filter.placeholder }
+                },
+                filter.name
+              )),
+              props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(
+                Hyperlink,
+                {
+                  className: "gap-1",
+                  linkType: "Primary" /* Solid */,
+                  href: props.addLinkHref,
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
+                  ]
+                }
+              )
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("table", { className: "w-full divide-y divide-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("thead", { className: "bg-gray-50", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("tr", { children: props?.columns?.map((column) => {
+          let url = builder.getNewOrderByUrl(column.name);
+          let icon = "chevronUpDown";
+          if (orderBy.includes(`${column.name} desc`)) {
+            icon = "chevronDown";
+            url = builder.getNewOrderByUrl(column.name);
+          } else if (orderBy.includes(`${column.name}`)) {
+            icon = "chevronUp";
+            url = builder.getNewOrderByUrl(column.name + " desc");
+          }
+          return /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+            "th",
+            {
+              className: "px-6 py-3 text-left font-medium cursor-pointer bg-neutral-soft " + column.width + (column.controlType == ViewControlTypes_default.moneyView ? " text-right" : ""),
+              children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Hyperlink, { href: url, className: "text-body-950", children: /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)("span", { className: "flex items-center space-x-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("span", { children: column.label }),
+                column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
+              ] }) })
+            },
+            column.name
+          );
+        }) }) }) }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime40.jsx)("div", { className: "w-full text-center bg-transparent pt-5", children: "There are no entries in the table at the moment." })
+      ] })
+    ] })
+  ] });
+};
+var DataList_default = DataList;
+
+// src/components/pageRenderingEngine/PageBodyRenderer.tsx
+var import_react51 = __toESM(require("react"));
+
+// src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
+var import_react36 = __toESM(require("react"));
+
+// src/components/pageRenderingEngine/nodes/TextNode.tsx
+var import_jsx_runtime41 = (
+  // @ts-expect-error custom code
+  require("react/jsx-runtime")
+);
+var TextNode = (props) => {
+  function cssStringToJson(cssString) {
+    const styleObject = {};
+    const matches = cssString?.match(/([\w-]+)\s*:\s*([^;]+)\s*;/g);
+    if (matches) {
+      matches.forEach((match) => {
+        const parts = match.match(/([\w-]+)\s*:\s*([^;]+)\s*;/);
+        if (parts && parts.length === 3) {
+          const property = parts[1].trim();
+          const value = parts[2].trim();
+          styleObject[property] = value;
+        }
+      });
+    }
+    return styleObject;
+  }
+  function toCamelCase2(str) {
+    return str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
+  }
+  function convertKeysToCamelCase2(obj) {
+    if (Array.isArray(obj)) {
+      return obj.map(convertKeysToCamelCase2);
+    } else if (obj !== null && typeof obj === "object") {
+      return Object.fromEntries(
+        Object.entries(obj).filter(([_, value]) => value !== "").map(([key, value]) => [
+          toCamelCase2(key),
+          convertKeysToCamelCase2(value)
+        ])
+      );
+    }
+    return obj;
+  }
+  function getFormatClass(format) {
+    const classes = [];
+    if (format === 1) classes.push("font-medium");
+    if (format === 2) classes.push("italic");
+    if (format === 3) classes.push("font-medium italic");
+    if (format === 8) classes.push("underline");
+    if (format === 9) classes.push("font-medium underline");
+    if (format === 10) classes.push("italic underline");
+    if (format === 11) classes.push("font-medium italic underline");
+    if (format === 256) classes.push("lowercase");
+    if (format === 512) classes.push("uppercase");
+    if (format === 1024) classes.push("capitalize");
+    return classes.join(" ");
+  }
+  const styles = convertKeysToCamelCase2(cssStringToJson(props.node.style));
+  function replacePlaceholders(template, dataItem) {
+    {
+    }
+    return template.replace(/{(\w+)}/g, (_, key) => {
+      {
+      }
+      return key in dataItem ? dataItem[key] : `{${key}}`;
+    });
+  }
+  const displayText = props.linkText ? props.linkText : props.node.text;
+  return /* @__PURE__ */ (0, import_jsx_runtime41.jsx)("span", { style: { ...styles }, className: getFormatClass(props.node.format), children: props.dataitem && props.linkText ? displayText : props.dataitem ? replacePlaceholders(props.node.text, props.dataitem) : props.node.text });
+};
+var TextNode_default = TextNode;
+
+// src/components/pageRenderingEngine/nodes/LineBreakNode.tsx
+var import_jsx_runtime42 = require("react/jsx-runtime");
+var LineBreakNode = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "py-0.5 lg:py-1.5" });
+};
+var LineBreakNode_default = LineBreakNode;
+
+// src/components/pageRenderingEngine/nodes/LinkNode.tsx
+var import_react35 = __toESM(require("react"));
+var import_link2 = __toESM(require("next/link"));
+var import_jsx_runtime43 = require("react/jsx-runtime");
+var LinkNode = (props) => {
+  const NodeTypes2 = {
+    ["text"]: TextNode_default
+  };
+  {
+  }
+  let formatClasses = props.node.cssClass || "";
+  return /* @__PURE__ */ (0, import_jsx_runtime43.jsxs)(import_link2.default, { 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__ */ (0, import_jsx_runtime43.jsx)(import_react35.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SelectedNode, { node }) }, index);
+    }),
+    props.node.children.length == 0 && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)("br", {})
+  ] });
+};
+var LinkNode_default = LinkNode;
+
+// 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: "inline-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/DatafieldNode.tsx
+var import_jsx_runtime46 = require("react/jsx-runtime");
+function getNestedProperty(obj, path) {
+  if (!obj || !path) return null;
+  if (path.includes(".")) {
+    return path.split(".").reduce((prev, curr) => {
+      if (prev && typeof prev === "object") {
+        return prev[curr];
+      }
+      return null;
+    }, obj);
+  }
+  const value = obj[path];
+  if (Array.isArray(value)) {
+    return value.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { children: String(item) }, index));
+  }
+  return value;
+}
+var DatafieldNode = (props) => {
+  function cssStringToJson(cssString) {
+    const styleObject = {};
+    const matches = cssString?.match(/([\w-]+)\s*:\s*([^;]+)\s*;/g);
+    if (matches) {
+      matches.forEach((match) => {
+        const parts = match.match(/([\w-]+)\s*:\s*([^;]+)\s*;/);
+        if (parts && parts.length === 3) {
+          styleObject[parts[1].trim()] = parts[2].trim();
+        }
+      });
+    }
+    return styleObject;
+  }
+  function toCamelCase2(str) {
+    return str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
+  }
+  function convertKeysToCamelCase2(obj) {
+    return Object.fromEntries(
+      Object.entries(obj).map(([key, value2]) => [
+        toCamelCase2(key),
+        value2
+      ])
+    );
+  }
+  const Formats = [
+    "",
+    "font-medium",
+    "italic",
+    "font-medium italic",
+    "",
+    "",
+    "",
+    "",
+    "underline",
+    "font-medium underline",
+    "italic underline",
+    "italic underline font-medium"
+  ];
+  const styles = convertKeysToCamelCase2(
+    cssStringToJson(props.node.style)
+  );
+  const fieldName = props.node.fieldName ?? "";
+  const value = props.dataitem ? getNestedProperty(props.dataitem, fieldName) : null;
+  const isEmptyValue = value === null || value === void 0 || value === "" || Array.isArray(value) && value.length === 0 || typeof value === "object" && value !== null && Object.keys(value).length === 0;
+  const maxLines = props.node.maxLines;
+  if (maxLines && Number(maxLines) > 0) {
+    Object.assign(styles, {
+      display: "-webkit-box",
+      overflow: "hidden",
+      WebkitBoxOrient: "vertical",
+      WebkitLineClamp: String(maxLines)
+    });
+  }
+  const dataType = props.node.dataType;
+  if (isEmptyValue) return null;
+  if (dataType === "rawContent") {
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+      PageBodyRenderer_default,
+      {
+        rawBody: String(value ?? `@databound[${fieldName}]`),
+        routeParameters: props.routeParameters,
+        query: props.query,
+        session: props.session,
+        host: props.host,
+        path: props.path,
+        apiBaseUrl: props.apiBaseUrl,
+        breadcrumb: props.breadcrumb,
+        donotApplyContainerClass: true
+      }
+    );
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+    "span",
+    {
+      className: `datafield-node ${props.node.format < Formats.length ? Formats[props.node.format] : ""}`,
+      style: styles,
+      children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        ViewControl_default,
+        {
+          controlType: dataType,
+          value: value ?? `@databound[${fieldName}]`
+        }
+      )
+    }
+  );
+};
+var DatafieldNode_default = DatafieldNode;
+
+// src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
+var import_jsx_runtime47 = require("react/jsx-runtime");
+var ParagraphNode = (props) => {
+  const NodeTypes2 = {
+    ["text"]: TextNode_default,
+    ["linebreak"]: LineBreakNode_default,
+    ["link"]: LinkNode_default,
+    ["datafield"]: DatafieldNode_default,
+    ["equation"]: EquationNode_default,
+    ["svg-icon"]: SVGIconNode_default
+  };
+  const FormatClass = {
+    "center": "text-center",
+    "right": "text-right"
+  };
+  {
+  }
+  const formatClasses = FormatClass[props.node.format] || "";
+  const isInlineOnlyParent = props.parentTag === "summary";
+  const hasChildren = props.node.children && props.node.children.length > 0;
+  if (isInlineOnlyParent) {
+    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_jsx_runtime47.Fragment, { children: hasChildren && props.node.children.map((node, index) => {
+      const SelectedNode = NodeTypes2[node.type];
+      return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react36.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        SelectedNode,
+        {
+          node,
+          dataitem: props.dataitem,
+          session: props.session,
+          apiBaseUrl: props.apiBaseUrl,
+          routeParameters: props.routeParameters
+        }
+      ) }, index);
+    }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: " " + formatClasses, children: [
+    hasChildren && props.node.children.map((node, index) => {
+      const SelectedNode = NodeTypes2[node.type];
+      return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react36.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+        SelectedNode,
+        {
+          node,
+          dataitem: props.dataitem,
+          session: props.session,
+          apiBaseUrl: props.apiBaseUrl,
+          routeParameters: props.routeParameters
+        }
+      ) }, index);
+    }),
+    !hasChildren && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "py-1.5 lg:py-2" })
+  ] });
+};
+var ParagraphNode_default = ParagraphNode;
+
+// src/components/pageRenderingEngine/nodes/HeadingNode.tsx
+var import_react37 = __toESM(require("react"));
+var import_jsx_runtime48 = require("react/jsx-runtime");
+var HeadingNode = (props) => {
+  const NodeTypes2 = {
+    ["text"]: TextNode_default,
+    ["link"]: LinkNode_default,
+    ["svg-icon"]: SVGIconNode_default,
+    ["datafield"]: DatafieldNode_default
+  };
+  const HeadingTag = `${props.node.tag}`;
+  const FormatClass = {
+    "center": "text-center"
+  };
+  {
+  }
+  const formatClasses = FormatClass[props.node.format] || "";
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_jsx_runtime48.Fragment, { children: import_react37.default.createElement(
+    HeadingTag,
+    { className: formatClasses },
+    props.node.children && props.node.children.map((childNode, index) => {
+      const SelectedNode = NodeTypes2[childNode.type];
+      return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_react37.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectedNode, { node: childNode, dataitem: props.dataitem, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
+    })
+  ) });
+};
+var HeadingNode_default = HeadingNode;
+
+// src/components/pageRenderingEngine/nodes/ListNode.tsx
+var import_react39 = __toESM(require("react"));
+
+// src/components/pageRenderingEngine/nodes/ListItemNode.tsx
+var import_react38 = __toESM(require("react"));
+var import_jsx_runtime49 = require("react/jsx-runtime");
+var ListItemNode = (props) => {
+  const NodeTypes2 = {
+    text: TextNode_default,
+    linebreak: LineBreakNode_default,
+    link: LinkNode_default,
+    list: ListNode_default
+  };
+  let foundFirstBreak = false;
+  const firstTextChild = props.node.children?.find((c) => c.type === "text");
+  let liStyle = {};
+  if (firstTextChild?.style) {
+    const match = firstTextChild.style.match(/font-size\s*:\s*([^;]+);?/);
+    if (match) {
+      liStyle.fontSize = match[1].trim();
+    }
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("li", { style: liStyle, children: props.node.children && props.node.children.map((node, index) => {
+    const SelectedNode = NodeTypes2[node.type];
+    if (node.type === "linebreak") {
+      if (!foundFirstBreak) {
+        foundFirstBreak = true;
+        return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", {}, index);
+      } else {
+        return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "py-1 lg:py-2" }, index);
+      }
+    } else {
+      foundFirstBreak = false;
+      return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react38.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
+    }
+  }) });
+};
+var ListItemNode_default = ListItemNode;
+
+// src/components/pageRenderingEngine/nodes/ListNode.tsx
+var import_jsx_runtime50 = require("react/jsx-runtime");
+var ListNode = (props) => {
+  const NodeTypes2 = {
+    listitem: ListItemNode_default
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_react39.default.Fragment, { children: [
+    props.node.listType == "bullet" && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("ul", { children: props.node.children && props.node.children.map((node, index) => {
+      const SelectedNode = NodeTypes2[node.type];
+      return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react39.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
+    }) }),
+    props.node.listType == "number" && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("ol", { children: props.node.children && props.node.children.map((node, index) => {
+      const SelectedNode = NodeTypes2[node.type];
+      return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react39.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
+    }) })
+  ] });
+};
+var ListNode_default = ListNode;
+
+// src/components/pageRenderingEngine/nodes/QuoteNode.tsx
+var import_react40 = __toESM(require("react"));
+var import_jsx_runtime51 = require("react/jsx-runtime");
+var QuoteNode = (props) => {
+  const NodeTypes2 = {
+    ["text"]: TextNode_default,
+    ["linebreak"]: LineBreakNode_default,
+    ["link"]: LinkNode_default
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("blockquote", { children: props.node.children && props.node.children.map((node, index) => {
+    const SelectedNode = NodeTypes2[node.type];
+    return /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react40.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SelectedNode, { node, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
+  }) });
+};
+var QuoteNode_default = QuoteNode;
+
+// src/components/pageRenderingEngine/nodes/CodeNode.tsx
+var import_react42 = __toESM(require("react"));
+
+// src/components/CopyButton.tsx
+var import_react41 = require("react");
+var import_jsx_runtime52 = require("react/jsx-runtime");
+function CopyButton({ text }) {
+  const [copied, setCopied] = (0, import_react41.useState)(false);
+  const timeoutRef = (0, import_react41.useRef)(null);
+  (0, import_react41.useEffect)(() => {
+    return () => {
+      if (timeoutRef.current) clearTimeout(timeoutRef.current);
+    };
+  }, []);
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(text);
+      setCopied(true);
+      if (timeoutRef.current) clearTimeout(timeoutRef.current);
+      timeoutRef.current = setTimeout(() => setCopied(false), 2e3);
+    } catch (err) {
+      console.error("Failed to copy: ", err);
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(
+    "button",
+    {
+      onClick: handleCopy,
+      className: "flex gap-1 items-center hover:text-white transition",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+          "svg",
+          {
+            width: "16",
+            height: "16",
+            viewBox: "0 0 24 24",
+            className: "w-4 h-4",
+            fill: "currentColor",
+            children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+              "path",
+              {
+                fillRule: "evenodd",
+                clipRule: "evenodd",
+                d: "M12 4C10.8954 4 10 4.89543 10 6H14C14 4.89543 13.1046 4 12 4ZM8.53513 4C9.22675 2.8044 10.5194 2 12 2C13.4806 2 14.7733 2.8044 15.4649 4H17C18.6569 4 20 5.34315 20 7V19C20 20.6569 18.6569 22 17 22H7C5.34315 22 4 20.6569 4 19V7C4 5.34315 5.34315 4 7 4H8.53513ZM8 6H7C6.44772 6 6 6.44772 6 7V19C6 19.5523 6.44772 20 7 20H17C17.5523 20 18 19.5523 18 19V7C18 6.44772 17.5523 6 17 6H16C16 7.10457 15.1046 8 14 8H10C8.89543 8 8 7.10457 8 6Z"
+              }
+            )
+          }
+        ),
+        copied ? "Copied!" : "Copy code"
+      ]
+    }
+  );
+}
+
+// src/components/pageRenderingEngine/nodes/CodeNode.tsx
+var import_jsx_runtime53 = require("react/jsx-runtime");
+var CodeNode = (props) => {
+  const NodeTypes2 = {
+    // @ts-expect-error custom code
+    ["text"]: TextNode_default,
+    ["linebreak"]: LineBreakNode_default,
+    // @ts-expect-error custom code
+    ["link"]: LinkNode_default
+  };
+  const textContent = props.node?.children?.map((node) => {
+    if (node.type === "text") return node.text || "";
+    if (node.type === "linebreak") return "\n";
+    if (node.type === "link") return node.text || node.url || "";
+    return "";
+  }).join("") ?? "";
+  return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "code-block", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: "flex items-center relative text-gray-200 bg-gray-800 px-4 py-2.5 text-xs font-sans justify-between rounded-t-md", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("span", { children: "Code Snippet" }),
+      /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(CopyButton, { text: textContent })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)("code", { className: "block bg-gray-900 text-gray-100 p-4 rounded-b-md text-sm whitespace-pre-wrap", children: props.node.children && props.node.children.map((node, index) => {
+      const SelectedNode = NodeTypes2[node.type];
+      return /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(import_react42.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SelectedNode, { node, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
+    }) })
+  ] });
+};
+var CodeNode_default = CodeNode;
+
+// src/components/pageRenderingEngine/nodes/HorizontalRuleNode.tsx
+var import_jsx_runtime54 = require("react/jsx-runtime");
+var HorizontalRuleNode = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("hr", {});
+};
+var HorizontalRuleNode_default = HorizontalRuleNode;
+
+// src/components/pageRenderingEngine/nodes/ImageNode.tsx
+var import_jsx_runtime55 = require("react/jsx-runtime");
+var ImageNode = (props) => {
+  const { node, assetBaseUrl = "" } = props;
+  if (!node.imageUrl) return null;
+  let imageUrl;
+  if (node.imageUrl.startsWith("http")) {
+    imageUrl = node.imageUrl;
+  } else {
+    imageUrl = assetBaseUrl ? `${assetBaseUrl}/${node.imageUrl}` : node.imageUrl;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_jsx_runtime55.Fragment, { children: node.width ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { style: { width: node.width }, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    "img",
+    {
+      loading: "lazy",
+      className: "object-cover",
+      src: imageUrl,
+      width: node.intrinsicWidth,
+      height: node.intrinsicHeight,
+      alt: node.title
+    }
+  ) }) : /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+    "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/WidgetNode.tsx
+var import_react43 = __toESM(require("react"));
+var import_jsx_runtime56 = require("react/jsx-runtime");
+function resolveWidget(code) {
+  return getWidget(code);
+}
+var WidgetNode = (props) => {
+  const getWidgetParameters = () => {
+    const widgetInputParameters = {
+      ...props.routeParameters ?? {}
+    };
+    const rawWidgetParams = props.node.widgetParameters ?? props.node.widgetParams;
+    let widgetParameters = {};
+    const isJSON = (str) => {
+      const s = str.trim();
+      return s.startsWith("{") && s.endsWith("}") || s.startsWith("[") && s.endsWith("]");
+    };
+    if (rawWidgetParams) {
+      if (typeof rawWidgetParams === "string" && isJSON(rawWidgetParams)) {
+        try {
+          widgetParameters = JSON.parse(rawWidgetParams);
+        } catch {
+          widgetParameters = {};
+        }
+      } 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;
+      }
+      if (Array.isArray(val)) {
+        return val.map(resolveValue);
+      }
+      if (val && typeof val === "object") {
+        const out = {};
+        for (const k of Object.keys(val)) {
+          out[k] = resolveValue(val[k]);
+        }
+        return out;
+      }
+      return val;
+    };
+    for (const key of Object.keys(widgetParameters)) {
+      const rawVal = widgetParameters[key];
+      if (rawVal === "route") {
+        widgetInputParameters[key] = key === "itemPath" ? props.path : widgetInputParameters[key] ?? null;
+      } else {
+        widgetInputParameters[key] = resolveValue(rawVal);
+      }
+    }
+    widgetInputParameters["widgetTitle"] = props.node.widgetTitle;
+    return widgetInputParameters;
+  };
+  const widgetCode = props.node.widgetCode;
+  const SelectedWidget = resolveWidget(widgetCode);
+  if (!SelectedWidget) {
+    console.warn("Widget not found:", widgetCode);
+    return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
+      "Widget not found: ",
+      widgetCode
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react43.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "container mt-2", children: "..." }), children: import_react43.default.createElement(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
+var import_react44 = __toESM(require("react"));
+
+// src/components/pageRenderingEngine/nodes/InputControlNode.tsx
+var import_jsx_runtime57 = require("react/jsx-runtime");
+var InputControlNode = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    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/clients/CacheManage.tsx
+var import_node_cache = __toESM(require("node-cache"));
+var CacheManager = class _CacheManager {
+  constructor() {
+    this.maxCacheSize = 1e3;
+    this.cache = new import_node_cache.default({ stdTTL: 0, checkperiod: 300 });
+  }
+  static getInstance() {
+    if (!_CacheManager.instance) {
+      _CacheManager.instance = new _CacheManager();
+    }
+    return _CacheManager.instance;
+  }
+  get(key) {
+    return null;
+  }
+  set(key, data, ttl) {
+  }
+  clear() {
+    this.cache.flushAll();
+  }
+  size() {
+    return this.cache.keys().length;
+  }
+  destroy() {
+    this.cache.close();
+  }
+};
+
+// src/clients/ServiceClient.tsx
+var ServerApiError = class extends Error {
+  constructor(data, status) {
+    super(data.message || "---");
+    this.status = status;
+    this.data = data;
+    this.data.isSuccessful = false;
+  }
+};
+var ServiceClient = class {
+  constructor(apiBaseUrl, session) {
+    this.cacheManager = CacheManager.getInstance();
+    this.baseUrl = apiBaseUrl;
+    this.session = session;
+  }
+  buildFullPath(path, params) {
+    let updatedPath = path;
+    if (params) {
+      Object.keys(params).forEach((key) => {
+        updatedPath = updatedPath.replace(
+          `{${key}}`,
+          String(params[key])
+        );
+      });
+    }
+    return this.baseUrl + updatedPath;
+  }
+  getConfig() {
+    const config = { headers: {} };
+    if (this.session) {
+      if (this.session.oAuthToken) {
+        config.headers["Authorization"] = "Bearer " + this.session.oAuthToken;
+      }
+      config.headers["cid"] = this.session.cid || "";
+      config.headers["UserCurrencyCode"] = this.session.userCurrencyCode || "INR";
+      config.headers["MarketCode"] = this.session?.marketCode || "IND";
+    }
+    return config;
+  }
+  handleFetchError(error) {
+    console.log(error);
+    const serverApiError = error;
+    if (serverApiError) {
+      return serverApiError.data;
+    }
+    return {
+      message: "There is some error. Please try after sometime.",
+      isSuccessful: false
+    };
+  }
+  async fetchJsonWithCache(fullPath, config) {
+    const cacheKey = fullPath + "--" + (this.session?.marketCode || "IND");
+    const cachedData = this.cacheManager.get(cacheKey);
+    if (cachedData) {
+      return cachedData;
+    }
+    console.log("*****************CALLING API:", cacheKey, (/* @__PURE__ */ new Date()).toISOString());
+    const response = await fetch(fullPath, { headers: config.headers });
+    if (!response.ok) {
+      const apiErrorData = await response.json();
+      throw new ServerApiError(apiErrorData, response.status);
+    }
+    const cacheControl = response.headers.get("Cache-Control");
+    let revalidate = null;
+    if (cacheControl) {
+      const maxAgeMatch = cacheControl.match(/max-age=(\d+)/);
+      if (maxAgeMatch && maxAgeMatch[1]) {
+        const maxAge = parseInt(maxAgeMatch[1], 10);
+        revalidate = maxAge * 1e3;
+      }
+    }
+    const data = await response.json();
+    data.isSuccessful = true;
+    if (revalidate !== null && revalidate > 0) {
+      console.log("revalidate............I am caching:" + revalidate);
+      this.cacheManager.set(cacheKey, data, revalidate);
+    }
+    return data;
+  }
+  //   private async refreshToken(): Promise<void> {
+  //     console.log("*******************calling refresh token***********************");
+  //     try {
+  //       const response = await fetch(this.baseUrl + "/auth/storefront/login/refreshToken", {
+  //         method: 'POST',
+  //         headers: {
+  //           'Content-Type': 'application/json'
+  //         },
+  //         body: JSON.stringify({ refreshToken: this.session.refreshToken })
+  //       });
+  //       if (!response.ok) {
+  //         throw new Error("Failed to refresh token");
+  //       }
+  //       const responseData = await response.json();
+  //       this.session.oAuthToken = responseData.result.accessToken;
+  //       if (typeof window === "undefined") {
+  //         // Running on the server
+  //       } else {
+  //         await fetch("/api/login", {
+  //           method: "post",
+  //           headers: {
+  //             "Content-Type": "application/json",
+  //           },
+  //           body: JSON.stringify({ session: this.session }),
+  //         });
+  //       }
+  //     } catch (error: any) {
+  //       throw new Error("Failed to refresh token");
+  //     }
+  //   }
+  async handleRequest(request) {
+    try {
+      return await request();
+    } catch (error) {
+      throw error;
+    }
+  }
+  async post(path, data) {
+    const request = async () => {
+      const fullPath = this.baseUrl + path;
+      const config = this.getConfig();
+      const response = await fetch(fullPath, {
+        method: "POST",
+        headers: {
+          ...config.headers,
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify(data)
+      });
+      if (!response.ok) {
+        const apiErrorData = await response.json();
+        throw new ServerApiError(apiErrorData, response.status);
+      }
+      const responseData = await response.json();
+      responseData.isSuccessful = true;
+      return responseData;
+    };
+    try {
+      return await this.handleRequest(request);
+    } catch (error) {
+      return this.handleFetchError(error);
+    }
+  }
+  async getSingle(path, params) {
+    const request = async () => {
+      const sanitizedParams = params ? Object.fromEntries(
+        Object.entries(params).map(([k, v]) => [k, String(v)])
+      ) : void 0;
+      const fullPath = this.buildFullPath(path, sanitizedParams);
+      const config = this.getConfig();
+      return await this.fetchJsonWithCache(fullPath, config);
+    };
+    try {
+      return await this.handleRequest(request);
+    } catch (error) {
+      return this.handleFetchError(error);
+    }
+  }
+  async get(path, params) {
+    const request = async () => {
+      const sanitizedParams = params ? Object.fromEntries(
+        Object.entries(params).map(([k, v]) => [k, String(v)])
+      ) : void 0;
+      const fullPath = this.buildFullPath(path, sanitizedParams);
+      const config = this.getConfig();
+      console.log(fullPath);
+      return await this.fetchJsonWithCache(fullPath, config);
+    };
+    try {
+      return await this.handleRequest(request);
+    } catch (error) {
+      return this.handleFetchError(error);
+    }
+  }
+};
+var ServiceClient_default = ServiceClient;
+
+// src/components/pageRenderingEngine/nodes/FormContainerNode.tsx
+var import_jsx_runtime58 = require("react/jsx-runtime");
+var FormContainerNode = (props) => {
+  const NodeTypes2 = {
+    ["input-control"]: InputControlNode_default
+  };
+  const { node } = props;
+  const formRef = (0, import_react44.useRef)(null);
+  const initialState = {
+    inputValues: {},
+    lastPropertyChanged: ""
+  };
+  const [formState, dispatch] = (0, import_react44.useReducer)(FormReducer_default, initialState);
+  const handleInputChange = (0, import_react44.useCallback)((updatedValues) => {
+    dispatch({ type: FORM_INPUT_UPDATE, name: updatedValues.name, value: updatedValues.value });
+  }, [dispatch]);
+  (0, import_react44.useEffect)(() => {
+    const fetchInitialData = async () => {
+      const client = new ServiceClient_default(props.apiBaseUrl, props.session);
+      const response = await client.getSingle(props.node.dataFetchApi, props.routeParameters);
+      if (response.isSuccessful) {
+        dispatch({
+          type: FORM_INITIAL_UPDATE,
+          values: response.result,
+          // @ts-expect-error custom code
+          name: "all"
+        });
+      }
+    };
+    fetchInitialData();
+  }, [props.apiBaseUrl, props.node, props.session, props.routeParameters]);
+  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_runtime58.jsx)(import_react44.default.Fragment, { children: SelectedNode && node2.type == "input-control" && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+        InputControlNode_default,
+        {
+          value: formState.inputValues[node2.name],
+          callback: handleInputChange,
+          node: node2
+        }
+      ) }, index);
+    }),
+    node.children.length == 0 && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "py-0.5 lg:py-1.5" })
+  ] });
+};
+var FormContainerNode_default = FormContainerNode;
+
+// src/components/pageRenderingEngine/nodes/DivContainer.tsx
+var import_react50 = __toESM(require("react"));
+
+// src/components/pageRenderingEngine/nodes/IframeClient.tsx
+var import_react46 = __toESM(require("react"));
+
+// src/components/IFrameLoaderView.tsx
+var import_react45 = __toESM(require("react"));
+var import_jsx_runtime59 = require("react/jsx-runtime");
+var IFrameLoaderView = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_react45.default.Fragment, { children: [
+    props.isDataFound == null && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "mt-4 bg-gray-200 rounded-md p-4 animate-pulse", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex items-center mb-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "ml-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
+        ] })
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "animate-pulse", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "animate-pulse", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
+        ] }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "animate-pulse", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
+        ] })
+      ] })
+    ] }) }),
+    props.children
+  ] });
+};
+var IFrameLoaderView_default = IFrameLoaderView;
+
+// src/components/pageRenderingEngine/nodes/IframeClient.tsx
+var import_jsx_runtime60 = require("react/jsx-runtime");
+var IframeClient = ({ src }) => {
+  const iframeRef = (0, import_react46.useRef)(null);
+  const [iframeHeight, setIframeHeight] = (0, import_react46.useState)("100%");
+  const [isDataFound, setIsDataFound] = (0, import_react46.useState)(null);
+  (0, import_react46.useEffect)(() => {
+    const handleReceiveMessage = (event) => {
+      const eventName = event?.data?.eventName;
+      const payload = event?.data?.payload;
+      if (eventName === "SET_HEIGHT" && payload?.height) {
+        let height = 500;
+        if (payload.height > 500) {
+          height = payload.height + 50;
+        }
+        setIframeHeight(`${height}px`);
+      }
+    };
+    window.addEventListener("message", handleReceiveMessage);
+    return () => window.removeEventListener("message", handleReceiveMessage);
+  }, []);
+  (0, import_react46.useEffect)(() => {
+    const handleResize = () => {
+      if (iframeRef.current) {
+        iframeRef.current.contentWindow?.postMessage({ eventName: "RESIZE" }, "*");
+      }
+    };
+    window.addEventListener("resize", handleResize);
+    return () => window.removeEventListener("resize", handleResize);
+  }, []);
+  const handleIframeLoad = () => {
+    setIsDataFound(true);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react46.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(IFrameLoaderView_default, { isDataFound, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
+    "iframe",
+    {
+      ref: iframeRef,
+      src,
+      className: "w-full h-full border-none",
+      scrolling: "no",
+      style: { height: iframeHeight },
+      onLoad: handleIframeLoad
+    }
+  ) }) });
+};
+var IframeClient_default = IframeClient;
+
+// src/components/pageRenderingEngine/nodes/EmbedNode.tsx
+var import_jsx_runtime61 = require("react/jsx-runtime");
+var EmbedNode = (props) => {
+  let src;
+  if (props.node.provider == "youtube") {
+    src = `https://www.youtube-nocookie.com/embed/${props.node.embedSrc}`;
+  } else if (props.node.provider == "bunny") {
+    src = `https://iframe.mediadelivery.net/embed/${props.node.embedSrc}?autoplay=false&loop=false&muted=false&preload=true&responsive=true`;
+  } else {
+    src = props.node.embedSrc;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "aspect-video", children: src && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(IframeClient_default, { src }) });
+};
+var EmbedNode_default = EmbedNode;
+
+// src/components/utilities/AssetUtility.tsx
+var AssetUtility = class {
+  constructor() {
+  }
+  static resolveUrl(apiBaseUrl, url) {
+    if (!url) return void 0;
+    if (url.startsWith("http")) return url;
+    if (!apiBaseUrl) return url;
+    return `${apiBaseUrl}/digitalassets-management/${url}`;
+  }
+};
+var AssetUtility_default = AssetUtility;
+
+// src/components/Slider.tsx
+var import_react47 = __toESM(require("react"));
+var import_jsx_runtime62 = require("react/jsx-runtime");
+var Slider = ({
+  children,
+  slidesToShow = 4,
+  infinite_scroll = false,
+  autoplay = false,
+  autoplay_speed = 3e3,
+  show_arrows = false,
+  show_dots = false,
+  scaleOnHover = false,
+  className = "",
+  arrowClassName = "bg-black/50 hover:bg-black/80 text-white rounded-full w-10 h-10 flex items-center justify-center",
+  dotActiveClassName = "bg-gray-300",
+  dotInactiveClassName = "bg-gray-600",
+  gap,
+  pillStyle = "cumulative",
+  progressPosition = "bottom"
+}) => {
+  const [currentSlide, setCurrentSlide] = (0, import_react47.useState)(0);
+  const [transition, setTransition] = (0, import_react47.useState)(true);
+  const [slidesToShowState, setSlidesToShowState] = (0, import_react47.useState)(
+    typeof slidesToShow === "number" ? slidesToShow : slidesToShow.large
+  );
+  const [isPlaying, setIsPlaying] = (0, import_react47.useState)(autoplay);
+  (0, import_react47.useEffect)(() => {
+    if (typeof slidesToShow === "number") return;
+    const handleResize = () => {
+      if (window.innerWidth >= 1024) {
+        setSlidesToShowState(slidesToShow.large);
+      } else if (window.innerWidth >= 768) {
+        setSlidesToShowState(slidesToShow.medium);
+      } else {
+        setSlidesToShowState(slidesToShow.small);
+      }
+    };
+    handleResize();
+    window.addEventListener("resize", handleResize);
+    return () => window.removeEventListener("resize", handleResize);
+  }, [slidesToShow]);
+  (0, import_react47.useEffect)(() => {
+    if (!autoplay) return;
+    const timer = setInterval(() => {
+      if (isPlaying) {
+        nextSlide();
+      }
+    }, autoplay_speed);
+    return () => clearInterval(timer);
+  }, [autoplay, autoplay_speed, currentSlide, isPlaying]);
+  const totalSlides = import_react47.Children.count(children);
+  const maxSlide = totalSlides - slidesToShowState;
+  const nextSlide = () => {
+    if (currentSlide >= maxSlide) {
+      if (infinite_scroll) {
+        setTransition(true);
+        setCurrentSlide(0);
+      }
+    } else {
+      setTransition(true);
+      setCurrentSlide(currentSlide + 1);
+    }
+  };
+  const prevSlide = () => {
+    if (currentSlide <= 0) {
+      if (infinite_scroll) {
+        setTransition(true);
+        setCurrentSlide(maxSlide);
+      }
+    } else {
+      setTransition(true);
+      setCurrentSlide(currentSlide - 1);
+    }
+  };
+  const goToSlide = (index) => {
+    setTransition(true);
+    setCurrentSlide(index);
+  };
+  const handlePillClick = (index) => {
+    goToSlide(index);
+    if (autoplay) {
+      setIsPlaying(true);
+    }
+  };
+  const handleMouseEnter = () => {
+    if (autoplay) {
+      setIsPlaying(false);
+    }
+  };
+  const handleMouseLeave = () => {
+    if (autoplay) {
+      setIsPlaying(true);
+    }
+  };
+  const translateX = -currentSlide * (100 / slidesToShowState);
+  const slides = import_react47.Children.map(children, (child, index) => {
+    if (!import_react47.default.isValidElement(child)) return null;
+    const childProps = child.props;
+    const mergedClassName = `${childProps.className ?? ""} w-full`.trim();
+    return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+      "div",
+      {
+        className: `flex-none ${scaleOnHover ? "group hover:z-50" : ""} relative`,
+        style: { width: `calc(${100 / slidesToShowState}%)`, paddingRight: gap },
+        children: (0, import_react47.cloneElement)(child, {
+          className: mergedClassName
+        })
+      },
+      index
+    );
+  });
+  const getProgressPositionClass = () => {
+    switch (progressPosition) {
+      case "top":
+        return "top-4";
+      case "bottom-outside":
+        return "bottom-4 translate-y-full mt-4";
+      case "bottom":
+      default:
+        return "bottom-4";
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+    "div",
+    {
+      className: `relative w-full overflow-hidden ${className}`,
+      onMouseEnter: handleMouseEnter,
+      onMouseLeave: handleMouseLeave,
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+          "div",
+          {
+            className: "flex h-full",
+            style: {
+              transition: transition ? "transform 0.5s ease" : "none",
+              transform: `translateX(${translateX}%)`
+            },
+            children: slides
+          }
+        ),
+        show_arrows && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+            ArrowButton,
+            {
+              direction: "left",
+              onClick: prevSlide,
+              visible: infinite_scroll || currentSlide > 0,
+              className: arrowClassName,
+              children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5 8.25 12l7.5-7.5" }) })
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+            ArrowButton,
+            {
+              direction: "right",
+              onClick: nextSlide,
+              visible: infinite_scroll || currentSlide < maxSlide,
+              className: arrowClassName,
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" }) }),
+                "          "
+              ]
+            }
+          )
+        ] }),
+        show_dots && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: `absolute left-1/2 -translate-x-1/2 flex justify-center space-x-1.5 ${getProgressPositionClass()}`, children: Array.from({ length: totalSlides }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+          ProgressPill,
+          {
+            active: index === currentSlide,
+            duration: autoplay_speed,
+            index,
+            onClick: () => handlePillClick(index),
+            isPlaying: isPlaying && index === currentSlide && autoplay,
+            style: pillStyle,
+            activeClassName: dotActiveClassName,
+            inactiveClassName: dotInactiveClassName,
+            currentSlide,
+            totalSlides
+          },
+          index
+        )) })
+      ]
+    }
+  );
+};
+var ArrowButton = ({
+  direction,
+  onClick,
+  visible,
+  children,
+  className = ""
+}) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+  "button",
+  {
+    className: `
+      absolute top-1/2 -translate-y-1/2 z-10
+      ${direction === "left" ? "left-2.5" : "right-2.5"}
+      ${!visible && "hidden"}
+      ${className}
+    `,
+    onClick,
+    "aria-label": direction === "left" ? "Previous slide" : "Next slide",
+    children
+  }
+);
+var ProgressPill = ({
+  active,
+  duration,
+  index,
+  onClick,
+  isPlaying,
+  style = "modern",
+  activeClassName = "",
+  inactiveClassName = "",
+  currentSlide,
+  totalSlides
+}) => {
+  const [progress, setProgress] = (0, import_react47.useState)(0);
+  (0, import_react47.useEffect)(() => {
+    if (active) {
+      setProgress(0);
+    }
+  }, [active, index]);
+  (0, import_react47.useEffect)(() => {
+    if (!active || !isPlaying) {
+      if (!active) {
+        setProgress(0);
+      }
+      return;
+    }
+    const startTime = Date.now();
+    const interval = setInterval(() => {
+      const elapsed = Date.now() - startTime;
+      const newProgress = elapsed / duration * 100;
+      if (newProgress >= 100) {
+        setProgress(100);
+        clearInterval(interval);
+      } else {
+        setProgress(newProgress);
+      }
+    }, 50);
+    return () => clearInterval(interval);
+  }, [active, isPlaying, duration, index]);
+  const isFilled = index < currentSlide;
+  const isActive = index === currentSlide;
+  const shouldShowProgress = isActive || style === "cumulative" && isFilled;
+  const baseClasses = "cursor-pointer transition-all duration-300 ease-out";
+  const getStyleClasses = () => {
+    switch (style) {
+      case "minimal":
+        return `
+          ${isActive ? "w-8" : "w-2"} h-2 rounded-full
+          ${isActive ? activeClassName || "bg-white" : inactiveClassName || "bg-white/50"}
+          hover:scale-110
+        `;
+      case "cumulative":
+        return `
+          w-4 h-1 rounded-full overflow-hidden relative
+          ${isFilled ? activeClassName || "bg-white" : inactiveClassName || "bg-white/30"}
+        `;
+      case "modern":
+        return `
+          w-8 h-1.5 rounded-full overflow-hidden relative
+          ${isActive ? inactiveClassName || "bg-white/30" : inactiveClassName || "bg-white/30"}
+          hover:h-2
+        `;
+      case "default":
+      default:
+        return `
+          w-6 h-1.5 rounded-full
+          ${isActive ? activeClassName || "bg-white" : inactiveClassName || "bg-white/50"}
+          hover:w-8
+        `;
+    }
+  };
+  const renderProgressBar = () => {
+    if (style === "modern" && isActive || style === "cumulative" && shouldShowProgress) {
+      const displayProgress = style === "cumulative" && isFilled ? 100 : progress;
+      return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+        "div",
+        {
+          className: `absolute top-0 left-0 h-full rounded-full ${style === "cumulative" && isFilled ? activeClassName || "bg-white" : activeClassName || "bg-white"} transition-all duration-50 ease-linear`,
+          style: { width: `${displayProgress}%` }
+        }
+      );
+    }
+    return null;
+  };
+  const renderCumulativeFill = () => {
+    if (style === "cumulative" && isFilled && !isActive) {
+      return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+        "div",
+        {
+          className: `absolute top-0 left-0 h-full rounded-full ${activeClassName || "bg-white"} transition-all duration-300`,
+          style: { width: "100%" }
+        }
+      );
+    }
+    return null;
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+    "button",
+    {
+      className: `${baseClasses} ${getStyleClasses()}`,
+      onClick,
+      "aria-label": `Go to slide ${index + 1}`,
+      "aria-current": isActive ? "true" : "false",
+      children: [
+        renderProgressBar(),
+        renderCumulativeFill()
+      ]
+    }
+  );
+};
+var Slider_default = Slider;
+
+// src/components/utilities/AnimationUtility.tsx
+var AnimationUtility = class {
+  static generateAnimationCSS(config, guid) {
+    const {
+      duration = 700,
+      delay = 0,
+      easing = "ease-out",
+      distance = 30,
+      scaleStart = 1,
+      scaleEnd = 1.2,
+      repeat = 1,
+      intensity = 20,
+      speedPerChar = 100,
+      cursor = true,
+      mode = "enter",
+      direction = "left"
+      // Default direction
+    } = config;
+    let base = "", visible = "", keyframes = "";
+    switch (config.animation) {
+      case "Fade":
+        base = `opacity:0; transition:opacity ${duration}ms ${easing} ${delay}ms;`;
+        visible = `opacity:1;`;
+        break;
+      case "FadeInUp":
+        base = `opacity:0; transform:translateY(${distance}px); transition:all ${duration}ms ${easing} ${delay}ms;`;
+        visible = `opacity:1; transform:translateY(0);`;
+        break;
+      case "Slide":
+        const slideTransform = this.getSlideTransform(direction, distance);
+        base = `opacity:0; transform:${slideTransform.start}; transition:all ${duration}ms ${easing} ${delay}ms; will-change: transform, opacity;`;
+        visible = `opacity:1; transform:${slideTransform.end}; will-change: unset;`;
+        break;
+      case "ZoomIn":
+        if (mode === "enter") {
+          base = `opacity:0; transform:scale(${scaleStart}); transition:all ${duration}ms ${easing} ${delay}ms;`;
+          visible = `opacity:1; transform:scale(${scaleEnd});`;
+        } else {
+          base = `transform:scale(${scaleStart}); transition:transform ${duration / 1e3}s ${easing} ${delay / 1e3}s;`;
+          visible = `transform:scale(${scaleEnd});`;
+        }
+        break;
+      case "Bounce":
+        keyframes = `
+        @keyframes bounce { 
+          0%,20%,50%,80%,100% { transform: translateY(0); } 
+          40% { transform: translateY(-${intensity}px); } 
+          60% { transform: translateY(-${intensity / 2}px); } 
+        }
+      `;
+        if (mode === "enter") {
+          base = `opacity:0;`;
+          visible = `opacity:1; animation:bounce ${duration}ms ${easing} ${delay}ms ${repeat};`;
+        } else {
+          base = ``;
+          visible = `animation:bounce ${duration / 1e3}s ${easing} ${delay / 1e3}s ${repeat};`;
+        }
+        break;
+      case "Typewriter":
+        keyframes = ` 
+        @keyframes typewriter { from { width: 0 } to { width: 100% } } 
+        @keyframes blink { 50% { border-color: transparent } } 
+      `;
+        base = ` 
+        overflow:hidden; 
+        border-right:${cursor ? "2px solid black" : "none"}; 
+        white-space:nowrap; 
+        width:0;
+        margin:0 auto;
+      `;
+        visible = ` 
+        animation:typewriter ${speedPerChar * 30}ms steps(30,end) ${delay}ms forwards 
+        ${cursor ? ", blink .75s step-end infinite" : ""}; 
+      `;
+        break;
+    }
+    if (mode === "hover") {
+      return `
+      ${keyframes} 
+      ${guid} { ${base} } 
+      ${guid}:hover { ${visible} } 
+    `;
+    } else {
+      return `
+      ${keyframes} 
+      ${guid} { ${base} } 
+      ${guid}.visible { ${visible} } 
+    `;
+    }
+  }
+  // Helper method to generate slide transforms based on direction
+  static getSlideTransform(direction, distance) {
+    switch (direction) {
+      case "left":
+        return { start: `translateX(${distance}px)`, end: `translateX(0)` };
+      case "right":
+        return { start: `translateX(-${distance}px)`, end: `translateX(0)` };
+      case "up":
+        return { start: `translateY(${distance}px)`, end: `translateY(0)` };
+      case "down":
+        return { start: `translateY(-${distance}px)`, end: `translateY(0)` };
+      default:
+        return { start: `translateX(${distance}px)`, end: `translateX(0)` };
+    }
+  }
+};
+var AnimationUtility_default = AnimationUtility;
+
+// src/components/pageRenderingEngine/nodes/EnterAnimationClient.tsx
+var import_react48 = __toESM(require("react"));
+var import_jsx_runtime63 = require("react/jsx-runtime");
+function EnterAnimationClient({ hasEnterAnimation, children }) {
+  const ref = (0, import_react48.useRef)(null);
+  (0, import_react48.useEffect)(() => {
+    if (!hasEnterAnimation || !ref.current) return;
+    const observer = new IntersectionObserver(
+      (entries) => {
+        entries.forEach((entry) => {
+          if (entry.isIntersecting) {
+            entry.target.classList.add("visible");
+            observer.unobserve(entry.target);
+          }
+        });
+      },
+      { threshold: 0.1 }
+    );
+    observer.observe(ref.current);
+    return () => observer.disconnect();
+  }, [hasEnterAnimation]);
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_jsx_runtime63.Fragment, { children: children && // enforce passing the ref to Wrapper
+  //@ts-ignore
+  import_react48.default.cloneElement(children, { ref }) });
+}
+
+// src/components/utilities/PathUtility.tsx
+var PathUtility = class {
+  constructor() {
+  }
+  normalizePath(path) {
+    if (path == null) {
+      return "/";
+    }
+    const trimmedPath = path.replace(/^\/|\/$/g, "");
+    return trimmedPath === "" ? "/" : "/" + trimmedPath + "/";
+  }
+  joinAndNormalizePaths(path1, path2) {
+    path1 = path1.replace(/\/$/, "");
+    path2 = path2.replace(/^\//, "");
+    const joinedPath = `${path1}/${path2}`;
+    const normalizedPath = joinedPath.replace(/\/{2,}/g, "/");
+    return normalizedPath === "" ? "/" : "/" + normalizedPath;
+  }
+  removeLeadingAndTrailingSlashes(path) {
+    if (path == null) {
+      return "/";
+    }
+    const trimmedPath = path.replace(/^\/|\/$/g, "");
+    return trimmedPath;
+  }
+  removeTrailingSlash(path) {
+    if (path == null) {
+      return "/";
+    }
+    const trimmedPath = path.replace(/\/$/, "");
+    return trimmedPath;
+  }
+  joinPaths(path1, path2) {
+    if (!path1.endsWith("/") && !path2.startsWith("/")) {
+      return `${path1}/${path2}`;
+    } else if (path1.endsWith("/") && path2.startsWith("/")) {
+      return `${path1}${path2.substr(1)}`;
+    } else {
+      return `${path1}${path2}`;
+    }
+  }
+  getFirstSegment(path) {
+    if (!path || path === "/") {
+      return "";
+    }
+    const segments = path.split("/").filter(Boolean);
+    return segments.length > 0 ? segments[0] : "";
+  }
+};
+var PathUtility_default = new PathUtility();
+
+// src/components/NoDataFound.tsx
+var import_jsx_runtime64 = require("react/jsx-runtime");
+var NoDataFound = () => {
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center bg-neutral-weak", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "mb-5", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "mx-auto w-20 h-20 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+      "svg",
+      {
+        className: "w-10 h-10",
+        fill: "none",
+        stroke: "currentColor",
+        viewBox: "0 0 24 24",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+          "path",
+          {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: "1.5",
+            d: "M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"
+          }
+        )
+      }
+    ) }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("h3", { className: "text-lg font-medium mb-2", children: "No data available" }),
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("p", { className: " max-w-sm mb-0", children: "No records found. Data may be empty or not available at the moment." })
+  ] });
+};
+var NoDataFound_default = NoDataFound;
+
+// src/components/Pagination.tsx
+var import_react49 = require("react");
+var import_jsx_runtime65 = require("react/jsx-runtime");
+var Pagination = (props) => {
+  const { dataset, path, query, showPageSizeSelector = false, showJumpToPage = false } = props;
+  const builder = (0, import_react49.useMemo)(() => {
+    const b = new OdataBuilder(path);
+    if (query) b.setQuery(query);
+    return b;
+  }, [path, query]);
+  const activePageNumber = builder.getPageNumber(Constants.pagesize);
+  const totalItems = dataset?.count || 0;
+  const itemsPerPage = parseInt(builder.top || Constants.pagesize.toString());
+  const totalPages = Math.ceil(totalItems / itemsPerPage);
+  const startItem = totalItems > 0 ? (activePageNumber - 1) * itemsPerPage + 1 : 0;
+  const endItem = Math.min(activePageNumber * itemsPerPage, totalItems);
+  const getPaginationRange = () => {
+    const delta = 1;
+    const range = [];
+    if (totalPages <= 7) {
+      return Array.from({ length: totalPages }, (_, i) => i + 1);
+    }
+    range.push(1);
+    let start = Math.max(2, activePageNumber - delta);
+    let end = Math.min(totalPages - 1, activePageNumber + delta);
+    if (activePageNumber - delta <= 2) {
+      end = Math.min(totalPages - 1, 4);
+    }
+    if (activePageNumber + delta >= totalPages - 1) {
+      start = Math.max(2, totalPages - 4);
+    }
+    if (start > 2) {
+      range.push("...");
+    }
+    for (let i = start; i <= end; i++) {
+      range.push(i);
+    }
+    if (end < totalPages - 1) {
+      range.push("...");
+    }
+    if (totalPages > 1) {
+      range.push(totalPages);
+    }
+    return range;
+  };
+  const paginationRange = getPaginationRange();
+  const PageButton = ({ page, children }) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+    Hyperlink,
+    {
+      linkType: "Link" /* Link */,
+      className: `
+               min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2.5 md:px-3 
+                border text-sm font-medium transition-colors duration-150
+                ${activePageNumber === page ? "bg-primary-base font-semibold" : ""}
+            `,
+      href: builder.getNewPageUrl(page),
+      children
+    }
+  );
+  const NavigationButton = ({ page, disabled, children }) => {
+    if (disabled) {
+      return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border  bg-neutral-base cursor-not-allowed", children });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+      Hyperlink,
+      {
+        className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border transition-colors duration-150",
+        href: builder.getNewPageUrl(page),
+        children
+      }
+    );
+  };
+  if (totalPages <= 1 && totalItems === 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "py-6 border-t bg-default", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "text-sm", children: [
+        "Showing ",
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("span", { className: "font-semibold", children: [
+          startItem,
+          "-",
+          endItem
+        ] }),
+        " ",
+        "out of ",
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
+        " results"
+      ] }),
+      totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center space-x-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+          NavigationButton,
+          {
+            page: activePageNumber - 1,
+            disabled: activePageNumber === 1,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 mr-1" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-sm", children: "Prev" })
+            ]
+          }
+        ),
+        paginationRange.map((item, index) => {
+          if (item === "...") {
+            return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+              "span",
+              {
+                className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center text-gray-500",
+                children: "..."
+              },
+              `ellipsis-${index}`
+            );
+          }
+          const page = item;
+          return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(PageButton, { page, children: page }, page);
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+          NavigationButton,
+          {
+            page: activePageNumber + 1,
+            disabled: activePageNumber === totalPages,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-sm", children: "Next" }),
+              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Icon_default, { name: "chevronRight", className: "w-4 h-4 ml-1" }) })
+            ]
+          }
+        )
+      ] }),
+      showJumpToPage && totalPages > 5 && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-sm", children: "Go to:" }),
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+          "input",
+          {
+            type: "number",
+            min: "1",
+            max: totalPages,
+            defaultValue: activePageNumber,
+            className: "w-20 h-10 px-3 border rounded text-sm focus:outline-none focus:ring-2 focus:border-transparent",
+            onKeyDown: (e) => {
+              if (e.key === "Enter") {
+                const input = e.target;
+                const page = parseInt(input.value);
+                if (page >= 1 && page <= totalPages && page !== activePageNumber) {
+                  window.location.href = builder.getNewPageUrl(page);
+                }
+              }
+            }
+          }
+        ) })
+      ] })
+    ] }),
+    showPageSizeSelector && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "mt-4 pt-4 border-t bg-default", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center justify-center space-x-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-sm", children: "Show:" }),
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "flex space-x-1", children: [10, 25, 50, 100].map((size) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+        Hyperlink,
+        {
+          className: `
+                                        px-3 py-1 text-sm rounded border transition-colors duration-150
+                                        ${itemsPerPage === size ? "bg-primary-base font-medium" : "bg-neutral-weak"}
+                                    `,
+          href: builder.getNewPageSizeUrl(size),
+          children: size
+        },
+        size
+      )) }),
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-sm", children: "per page" })
+    ] }) })
+  ] });
+};
+var Pagination_default = Pagination;
+
+// src/components/pageRenderingEngine/nodes/DivContainer.tsx
+var import_jsx_runtime66 = require("react/jsx-runtime");
+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)
+    ])
+  );
+}
+var getNestedValue = (obj, path) => {
+  if (!obj || !path) return void 0;
+  return path.split(".").reduce((current, key) => {
+    {
+    }
+    return current && current[key] !== void 0 ? current[key] : void 0;
+  }, obj);
+};
+{
+}
+function generateCompleteBackgroundString(layers, apiBaseUrl) {
+  if (!layers || !Array.isArray(layers)) return "";
+  return layers.filter((layer) => layer && layer.type && layer.value).map((layer) => {
+    if (layer.type === "image" && typeof layer.value === "object") {
+      const imageValue = layer.value;
+      if (!imageValue.assetUrl) return "";
+      const url = `url('${AssetUtility_default.resolveUrl(
+        apiBaseUrl,
+        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" && 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 generateCssString = (guid, stylesObject, mobileStylesObject) => {
+  {
+  }
+  const gridColumns = stylesObject.gridTemplateColumns ? stylesObject.gridTemplateColumns.match(/\d+/g) : [];
+  const hasGridProperties = gridColumns.length > 0;
+  const largeCols = hasGridProperties ? parseInt(gridColumns[0]) : 4;
+  const tabletColumns = hasGridProperties ? Math.ceil(parseInt(gridColumns[0]) / 2) : 2;
+  const mobileColumns = 1;
+  {
+  }
+  const 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 css = `#${guid} {
+${cssRules.join(
+    "\n"
+  )}
+ transition: all 0.3s ease-in-out; }`;
+  if (mobileStylesObject) {
+    const 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) {
+      css += `
+@media (max-width: 480px) { #${guid} {
+${mobileCssRules.join(
+        "\n"
+      )}
+} }`;
+    }
+  }
+  if (hasGridProperties) {
+    css += `
+@media (max-width: 1279px) { #${guid} { grid-template-columns: repeat(${tabletColumns}, minmax(0, 1fr)); } }`;
+    css += `
+@media (max-width: 768px) { #${guid} { grid-template-columns: repeat(${tabletColumns}, minmax(0, 1fr)); } }`;
+    css += `
+@media (max-width: 480px) { #${guid} { grid-template-columns: repeat(${mobileColumns}, minmax(0, 1fr)); } }`;
+  }
+  const output = {
+    css,
+    gridColsLarge: largeCols,
+    gridColsMedium: tabletColumns,
+    gridColsSmall: mobileColumns
+  };
+  return output;
+};
+var DivContainer = async (props) => {
+  const NodeTypes2 = {
+    paragraph: ParagraphNode_default,
+    heading: HeadingNode_default,
+    list: ListNode_default,
+    quote: QuoteNode_default,
+    code: CodeNode_default,
+    image: ImageNode_default,
+    horizontalrule: HorizontalRuleNode_default,
+    widget: WidgetNode_default,
+    embed: EmbedNode_default,
+    "div-container": DivContainer,
+    text: TextNode_default,
+    datafield: DatafieldNode_default,
+    "svg-icon": SVGIconNode_default
+  };
+  const styles = props.node.cssProperties;
+  const mobileStyles = props.node.mobileCssProperties;
+  const dataBindingProperties = props.node.dataBinding;
+  const updatedStyles = convertKeysToCamelCase(styles);
+  const background = generateCompleteBackgroundString(props.node.backgroundLayers, props.apiBaseUrl);
+  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 combinedStyles = {
+    ...backgroundStyle
+  };
+  if (props.node.enableBackgroundClipText) {
+    combinedStyles.WebkitBackgroundClip = "text";
+    combinedStyles.backgroundClip = "text";
+  }
+  const guid = "css" + crypto.randomUUID().toLocaleLowerCase();
+  const { enterAnimation, exitAnimation, hoverAnimation } = props.node;
+  let animationCSS = "";
+  if (enterAnimation?.name) {
+    animationCSS += AnimationUtility_default.generateAnimationCSS(
+      { animation: enterAnimation.name, mode: "enter", ...enterAnimation.properties },
+      `#${guid}`
+    );
+  }
+  if (hoverAnimation?.name) {
+    animationCSS += AnimationUtility_default.generateAnimationCSS(
+      { animation: hoverAnimation.name, mode: "hover", ...hoverAnimation.properties },
+      `#${guid}`
+    );
+  }
+  const shouldHideContainer = () => {
+    if (!props.node.fieldVisibleOnTrue) return false;
+    const fieldValue = getNestedValue(props.dataitem, props.node.fieldVisibleOnTrue);
+    return fieldValue !== void 0 && fieldValue === false;
+  };
+  const isHidden = shouldHideContainer();
+  let odataString = void 0;
+  let endpoint = void 0;
+  let result = null;
+  let response = null;
+  let childCollectionData = null;
+  if (dataBindingProperties) {
+    const serviceClient = new ServiceClient_default(props.apiBaseUrl, props.session);
+    endpoint = dataBindingProperties.dataSource;
+    {
+    }
+    endpoint = endpoint.replace(/\{(\w+)\}/g, (_, key) => {
+      return props.routeParameters?.[key] ?? `{${key}}`;
+    });
+    if (dataBindingProperties.applyODataParams) {
+      odataString = OdataBuilder.getOdataQueryString(props.query);
+      if (odataString) {
+        const separator = endpoint.includes("?") ? "&" : "?";
+        endpoint += separator + odataString;
+      }
+    }
+    response = await serviceClient.get(endpoint);
+    result = response?.result;
+    if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
+      return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(NoDataFound_default, {});
+    }
+    if (dataBindingProperties.childCollectionName && props.dataitem) {
+      childCollectionData = getNestedValue(props.dataitem, dataBindingProperties.childCollectionName);
+    }
+  }
+  const cssResult = generateCssString(guid, updatedStyle, mobileStyles);
+  function renderNode(node, props2, dataitem, key, href) {
+    {
+    }
+    const SelectedNode = NodeTypes2[node.type];
+    if (!SelectedNode) return null;
+    return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react50.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+      SelectedNode,
+      {
+        node,
+        parentTag: Wrapper,
+        routeParameters: props2.routeParameters,
+        query: props2.query,
+        session: props2.session,
+        host: props2.host,
+        path: props2.path,
+        apiBaseUrl: props2.apiBaseUrl,
+        breadcrumb: props2.breadcrumb,
+        dataitem,
+        href
+      }
+    ) }, key);
+  }
+  function renderChildren(nodes, props2, data, key, href) {
+    if (!nodes) return null;
+    const childNodes = nodes.map((node, index) => {
+      if (node.type === "div-container" && node.dataBinding?.childCollectionName && data) {
+        return renderNode(node, props2, data, index, href);
+      }
+      return renderNode(node, props2, data, index, href);
+    });
+    return childNodes;
+  }
+  function queryObjectToString(query) {
+    if (!query) return "";
+    return Object.entries(query).map(
+      ([key, value]) => `${encodeURIComponent(key)}=${encodeURIComponent(value)}`
+    ).join("&");
+  }
+  function resolveHrefTemplate(template, dataItem) {
+    return template.replace(/\{([^}]+)\}/g, (match, key) => {
+      return dataItem[key] !== void 0 ? dataItem[key] : match;
+    });
+  }
+  const dataToRender = (() => {
+    if (childCollectionData && Array.isArray(childCollectionData)) {
+      return childCollectionData;
+    }
+    if (result && props.node.dataBinding?.responseType === "array") {
+      return result;
+    }
+    if (result && props.node.dataBinding?.responseType === "object") {
+      return [result];
+    }
+    return [props.dataitem];
+  })();
+  const renderLink = result && props.node.dataBinding?.responseType === "array" ? true : false;
+  {
+  }
+  let Wrapper;
+  let wrapperProps;
+  switch (true) {
+    case props.node.componentProperties?.type === "slider":
+      Wrapper = Slider_default;
+      const largeCols = props.node.componentProperties?.columns || 4;
+      const slidesToShow = {
+        large: largeCols,
+        medium: Math.ceil(largeCols / 2),
+        small: 1
+      };
+      wrapperProps = { ...props.node.componentProperties, "slidesToShow": slidesToShow };
+      break;
+    case !!(props.node.href || props.href):
+      Wrapper = "a";
+      let href = props.node.href || props.href;
+      if (href?.includes("{")) {
+        href = resolveHrefTemplate(href, props.dataitem);
+      }
+      const currentPath = decodeURIComponent(PathUtility_default.removeTrailingSlash(props.path) + "?" + queryObjectToString(props.query));
+      const resolvedHref = decodeURIComponent(href || "");
+      const isSelected = currentPath === resolvedHref;
+      wrapperProps = { href, "data-isSelected": isSelected, "data-path": currentPath, "data-href": resolvedHref, class: "no-link-color" };
+      break;
+    default: {
+      const replacementTag = props.node.replaceDivTagWith;
+      const allowedTags = ["div", "section", "article", "details", "summary"];
+      if (replacementTag && allowedTags.includes(replacementTag)) {
+        {
+        }
+        Wrapper = replacementTag;
+      } else {
+        Wrapper = "div";
+      }
+      wrapperProps = {};
+      break;
+    }
+  }
+  if (isHidden) {
+    return null;
+  }
+  const classNames = [
+    containerPaddingClass,
+    props.node.autoFormat && "auto-format",
+    props.node.bgClass
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_react50.default.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("style", { dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS } }),
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(EnterAnimationClient, { hasEnterAnimation: !!props.node.enterAnimation, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react50.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+      Wrapper,
+      {
+        id: guid,
+        style: combinedStyles,
+        className: classNames || void 0,
+        ...wrapperProps,
+        children: dataToRender.map(
+          (item, idx) => item?.links?.view && renderLink ? renderChildren(props.node.children, props, item, idx, props.href ? void 0 : item?.links?.view)?.map(
+            (child, i) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react50.default.Fragment, { children: child }, i)
+          ) : renderChildren(props.node.children, props, item, idx)
+        )
+      }
+    ) }) }),
+    dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Pagination_default, { path: props.path, query: props.query, dataset: response }) })
+  ] });
+};
+var DivContainer_default = DivContainer;
+
+// src/components/pageRenderingEngine/PageBodyRenderer.tsx
+var import_jsx_runtime67 = require("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,
+  ["widget"]: WidgetNode_default,
+  ["form-container"]: FormContainerNode_default,
+  ["div-container"]: DivContainer_default,
+  ["svg-icon"]: SVGIconNode_default,
+  ["embed"]: EmbedNode_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__ */ (0, import_jsx_runtime67.jsx)(import_react51.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
+    {
+    }
+    const SelectedNode = NodeTypes[node.type];
+    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react51.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react51.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react51.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+      SelectedNode,
+      {
+        node,
+        firstNode: true,
+        routeParameters: props.routeParameters,
+        query: props.query,
+        session: props.session,
+        host: props.host,
+        path: props.path,
+        apiBaseUrl: props.apiBaseUrl,
+        serviceClient: props.serviceClient,
+        assetBaseUrl: props.assetBaseUrl
+      }
+    ) }) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react51.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+      SelectedNode,
+      {
+        node,
+        routeParameters: props.routeParameters,
+        query: props.query,
+        session: props.session,
+        host: props.host,
+        path: props.path,
+        apiBaseUrl: props.apiBaseUrl,
+        serviceClient: props.serviceClient,
+        assetBaseUrl: props.assetBaseUrl
+      }
+    ) }) }) }, index);
+  }) });
+};
+var PageBodyRenderer_default = PageBodyRenderer;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
+  DataList,
   InputControl,
   InputControlType,
+  PageBodyRenderer,
   ViewControl,
-  ViewControlTypes
+  ViewControlTypes,
+  getWidget,
+  registerWidgets
 });