@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260323092346 → 0.8.1-dev.20260323121228

package/dist/index.js

@@ -1141,53 +1141,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-white"
-  ],
-  [
-    "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 */, ""]
 ]);
 
@@ -1196,56 +1171,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
     }
@@ -1269,21 +1209,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"
+          }
+        )
       ] })
     ] })
   ] }) });
@@ -1301,10 +1247,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;
@@ -1319,15 +1264,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);
@@ -1346,61 +1288,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" })
+          ] }) })
         ]
       }
     ),
@@ -1616,7 +1524,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
           ] })
@@ -1853,7 +1764,7 @@ InputControl.displayName = "InputControl";
 var InputControl_default = InputControl;
 
 // src/components/dataForm/DataList.tsx
-var import_react35 = __toESM(require("react"));
+var import_react34 = __toESM(require("react"));
 var import_navigation = require("next/navigation");
 
 // src/components/dataForm/NoContentView.tsx
@@ -1908,27 +1819,25 @@ var ContentView_default = ContentView;
 
 // src/components/dataForm/Hyperlink.tsx
 var import_link = __toESM(require("next/link"));
-var import_react34 = __toESM(require("react"));
 var import_jsx_runtime34 = require("react/jsx-runtime");
 function Hyperlink(props) {
-  let linkClass = props.linkType ? buttonClasses.get(props.linkType) : buttonClasses.get("Link" /* Link */);
-  const target = props.href?.startsWith("https://") ? "_blank" : "_self";
-  const additionalProps = target === "_blank" ? { rel: "noopener noreferrer" } : {};
-  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)(import_react34.default.Fragment, { children: [
-    props.href && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)(
-      import_link.default,
-      {
-        href: props.href,
-        prefetch: false,
-        className: linkClass + " " + props.className,
-        title: props.title,
-        target,
-        ...additionalProps,
-        children: props.children
-      }
-    ),
-    !props.href && /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("span", { className: props.className, children: props.children })
-  ] });
+  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
@@ -2188,8 +2097,8 @@ var DataList = (props) => {
   let activePageNumber = 0;
   let pages = 0;
   console.log(props.addLinkText);
-  const [isDataFound, setIsDataFound] = (0, import_react35.useState)(null);
-  (0, import_react35.useEffect)(() => {
+  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);
@@ -2211,8 +2120,8 @@ var DataList = (props) => {
     inputValues: {},
     lastPropertyChanged: ""
   };
-  const [formState, dispatch] = (0, import_react35.useReducer)(FormReducer_default, initialState);
-  const handleFilterChange = (0, import_react35.useCallback)(
+  const [formState, dispatch] = (0, import_react34.useReducer)(FormReducer_default, initialState);
+  const handleFilterChange = (0, import_react34.useCallback)(
     (updatedValues) => {
       dispatch({
         type: FORM_INPUT_UPDATE,
@@ -2258,7 +2167,7 @@ var DataList = (props) => {
   const renderPageNumbers = () => {
     if (pages <= 10) {
       return Array.from({ length: pages }, (_, index) => index + 1).map(
-        (page) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react35.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+        (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",
@@ -2272,7 +2181,7 @@ var DataList = (props) => {
       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_react35.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+          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",
@@ -2338,7 +2247,7 @@ var DataList = (props) => {
           ),
           /* @__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_react35.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+            (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",
@@ -2370,7 +2279,7 @@ var DataList = (props) => {
           Array.from(
             { length: 5 },
             (_, index) => activePageNumber - 2 + index
-          ).map((page) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(import_react35.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+          ).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",
@@ -2416,7 +2325,7 @@ var DataList = (props) => {
       }
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime40.jsxs)(import_react35.default.Fragment, { children: [
+  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",
@@ -2444,7 +2353,7 @@ var DataList = (props) => {
                 Hyperlink,
                 {
                   className: "gap-1",
-                  linkType: "Primary" /* Primary */,
+                  linkType: "Primary" /* Solid */,
                   href: props.addLinkHref,
                   children: [
                     /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
@@ -2487,7 +2396,7 @@ var DataList = (props) => {
           }
           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_react35.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
+            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 ? "" : ""),
@@ -2589,7 +2498,7 @@ var DataList = (props) => {
                 Hyperlink,
                 {
                   className: "gap-1",
-                  linkType: "Primary" /* Primary */,
+                  linkType: "Primary" /* Solid */,
                   href: props.addLinkHref,
                   children: [
                     /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
@@ -2632,10 +2541,10 @@ var DataList = (props) => {
 var DataList_default = DataList;
 
 // src/components/pageRenderingEngine/PageBodyRenderer.tsx
-var import_react55 = __toESM(require("react"));
+var import_react54 = __toESM(require("react"));
 
 // src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
-var import_react37 = __toESM(require("react"));
+var import_react36 = __toESM(require("react"));
 
 // src/components/pageRenderingEngine/nodes/TextNode.tsx
 var import_jsx_runtime41 = require("react/jsx-runtime");
@@ -2707,7 +2616,7 @@ var LineBreakNode = (props) => {
 var LineBreakNode_default = LineBreakNode;
 
 // src/components/pageRenderingEngine/nodes/LinkNode.tsx
-var import_react36 = __toESM(require("react"));
+var import_react35 = __toESM(require("react"));
 var import_link2 = __toESM(require("next/link"));
 var import_jsx_runtime43 = require("react/jsx-runtime");
 var LinkNode = (props) => {
@@ -2720,7 +2629,7 @@ var LinkNode = (props) => {
   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_react36.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime43.jsx)(SelectedNode, { node }) }, index);
+      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", {})
   ] });
@@ -2871,13 +2780,7 @@ var DatafieldNode = (props) => {
     {
       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}]`
-        }
-      )
+      children: String(value)
     }
   );
 };
@@ -2906,7 +2809,7 @@ var ParagraphNode = (props) => {
   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_react37.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react36.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
         SelectedNode,
         {
           node,
@@ -2921,7 +2824,7 @@ var ParagraphNode = (props) => {
   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_react37.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_react36.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
         SelectedNode,
         {
           node,
@@ -2938,7 +2841,7 @@ var ParagraphNode = (props) => {
 var ParagraphNode_default = ParagraphNode;
 
 // src/components/pageRenderingEngine/nodes/HeadingNode.tsx
-var import_react38 = __toESM(require("react"));
+var import_react37 = __toESM(require("react"));
 var import_jsx_runtime48 = require("react/jsx-runtime");
 var HeadingNode = (props) => {
   const NodeTypes2 = {
@@ -2955,22 +2858,22 @@ var HeadingNode = (props) => {
   {
   }
   let formatClasses = FormatClass[props.node.format] || "";
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_jsx_runtime48.Fragment, { children: import_react38.default.createElement(
+  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_react38.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);
+      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_react40 = __toESM(require("react"));
+var import_react39 = __toESM(require("react"));
 
 // src/components/pageRenderingEngine/nodes/ListItemNode.tsx
-var import_react39 = __toESM(require("react"));
+var import_react38 = __toESM(require("react"));
 var import_jsx_runtime49 = require("react/jsx-runtime");
 var ListItemNode = (props) => {
   const NodeTypes2 = {
@@ -2999,7 +2902,7 @@ var ListItemNode = (props) => {
       }
     } else {
       foundFirstBreak = false;
-      return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_react39.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
+      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);
     }
   }) });
 };
@@ -3011,21 +2914,21 @@ var ListNode = (props) => {
   const NodeTypes2 = {
     listitem: ListItemNode_default
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(import_react40.default.Fragment, { children: [
+  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_react40.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
+      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_react40.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
+      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_react41 = __toESM(require("react"));
+var import_react40 = __toESM(require("react"));
 var import_jsx_runtime51 = require("react/jsx-runtime");
 var QuoteNode = (props) => {
   const NodeTypes2 = {
@@ -3035,21 +2938,21 @@ var QuoteNode = (props) => {
   };
   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_react41.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(SelectedNode, { node, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
+    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_react43 = __toESM(require("react"));
+var import_react42 = __toESM(require("react"));
 
 // src/components/CopyButton.tsx
-var import_react42 = require("react");
+var import_react41 = require("react");
 var import_jsx_runtime52 = require("react/jsx-runtime");
 function CopyButton({ text }) {
-  const [copied, setCopied] = (0, import_react42.useState)(false);
-  const timeoutRef = (0, import_react42.useRef)(null);
-  (0, import_react42.useEffect)(() => {
+  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);
     };
@@ -3115,7 +3018,7 @@ var CodeNode = (props) => {
     ] }),
     /* @__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_react43.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SelectedNode, { node, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
+      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);
     }) })
   ] });
 };
@@ -3129,15 +3032,15 @@ var HorizontalRuleNode = (props) => {
 var HorizontalRuleNode_default = HorizontalRuleNode;
 
 // src/components/pageRenderingEngine/nodes/LayoutItemNode.tsx
-var import_react49 = __toESM(require("react"));
+var import_react48 = __toESM(require("react"));
 
 // src/components/pageRenderingEngine/nodes/ImageNode.tsx
-var import_react44 = __toESM(require("react"));
+var import_react43 = __toESM(require("react"));
 var import_jsx_runtime55 = require("react/jsx-runtime");
 var ImageNode = (props) => {
   const { node, apiBaseUrl = "" } = props;
   let imageUrl = node.imageUrl.startsWith("http") ? node.imageUrl : `${apiBaseUrl}/digitalassets/storefront/${node.imageUrl}`;
-  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react44.default.Fragment, { children: node.width ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { style: { width: node.width }, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_react43.default.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",
@@ -3162,7 +3065,7 @@ var ImageNode = (props) => {
 var ImageNode_default = ImageNode;
 
 // src/components/pageRenderingEngine/nodes/WidgetNode.tsx
-var import_react45 = require("react");
+var import_react44 = require("react");
 var import_jsx_runtime56 = require("react/jsx-runtime");
 var WidgetNode = (props) => {
   const getWidgetParameters = () => {
@@ -3223,7 +3126,7 @@ var WidgetNode = (props) => {
       props.node.widgetCode
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react45.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "container mt-2", children: "..." }), children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react44.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "container mt-2", children: "..." }), children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
     SelectedWidget,
     {
       params: getWidgetParameters(),
@@ -3238,13 +3141,13 @@ var WidgetNode = (props) => {
 var WidgetNode_default = WidgetNode;
 
 // src/components/pageRenderingEngine/nodes/IframeClient.tsx
-var import_react47 = __toESM(require("react"));
+var import_react46 = __toESM(require("react"));
 
 // src/components/IFrameLoaderView.tsx
-var import_react46 = __toESM(require("react"));
+var import_react45 = __toESM(require("react"));
 var import_jsx_runtime57 = require("react/jsx-runtime");
 var IFrameLoaderView = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_react46.default.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_react45.default.Fragment, { children: [
     props.isDataFound == null && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "mt-4 bg-gray-200 rounded-md p-4 animate-pulse", children: [
       /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center mb-4", children: [
         /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
@@ -3285,10 +3188,10 @@ var IFrameLoaderView_default = IFrameLoaderView;
 // src/components/pageRenderingEngine/nodes/IframeClient.tsx
 var import_jsx_runtime58 = require("react/jsx-runtime");
 var IframeClient = ({ src }) => {
-  const iframeRef = (0, import_react47.useRef)(null);
-  const [iframeHeight, setIframeHeight] = (0, import_react47.useState)("100%");
-  const [isDataFound, setIsDataFound] = (0, import_react47.useState)(null);
-  (0, import_react47.useEffect)(() => {
+  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;
@@ -3303,7 +3206,7 @@ var IframeClient = ({ src }) => {
     window.addEventListener("message", handleReceiveMessage);
     return () => window.removeEventListener("message", handleReceiveMessage);
   }, []);
-  (0, import_react47.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     const handleResize = () => {
       if (iframeRef.current) {
         iframeRef.current.contentWindow?.postMessage({ eventName: "RESIZE" }, "*");
@@ -3315,7 +3218,7 @@ var IframeClient = ({ src }) => {
   const handleIframeLoad = () => {
     setIsDataFound(true);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react47.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(IFrameLoaderView_default, { isDataFound, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react46.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(IFrameLoaderView_default, { isDataFound, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
     "iframe",
     {
       ref: iframeRef,
@@ -3344,7 +3247,7 @@ var EmbedNode = (props) => {
 var EmbedNode_default = EmbedNode;
 
 // src/components/pageRenderingEngine/nodes/VideoNode.tsx
-var import_react48 = __toESM(require("react"));
+var import_react47 = __toESM(require("react"));
 var import_jsx_runtime60 = require("react/jsx-runtime");
 var VideoNode = (props) => {
   let src;
@@ -3353,7 +3256,7 @@ var VideoNode = (props) => {
   } else if (props.node.provider == "bunny") {
     src = `https://iframe.mediadelivery.net/embed/${props.node.videoId}?autoplay=false&loop=false&muted=false&preload=true&responsive=true`;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react48.default.Fragment, { children: src && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("iframe", { className: "w-full aspect-video rounded", src, loading: "lazy", allow: "accelerometer;gyroscope;autoplay;encrypted-media;picture-in-picture;", allowFullScreen: true }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react47.default.Fragment, { children: src && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("iframe", { className: "w-full aspect-video rounded", src, loading: "lazy", allow: "accelerometer;gyroscope;autoplay;encrypted-media;picture-in-picture;", allowFullScreen: true }) });
 };
 var VideoNode_default = VideoNode;
 
@@ -3419,11 +3322,11 @@ var LayoutItemNode = (props) => {
   } else {
     updatedLayout = removeParagraphsAtStartAndEnd(props.node);
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react49.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "layout-item " + cssClasses, style: { ...styles }, children: updatedLayout.children.map((node, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react48.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "layout-item " + cssClasses, style: { ...styles }, children: updatedLayout.children.map((node, index) => {
     {
     }
     const SelectedNode = NodeTypes2[node.type];
-    return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react49.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react48.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
       SelectedNode,
       {
         node,
@@ -3567,7 +3470,7 @@ var LayoutContainerNode = (props) => {
 var LayoutContainerNode_default = LayoutContainerNode;
 
 // src/components/pageRenderingEngine/nodes/FormContainerNode.tsx
-var import_react50 = __toESM(require("react"));
+var import_react49 = __toESM(require("react"));
 
 // src/components/pageRenderingEngine/nodes/InputControlNode.tsx
 var import_jsx_runtime63 = require("react/jsx-runtime");
@@ -3607,13 +3510,13 @@ var FormContainerNode = (props) => {
     ["input-control"]: InputControlNode_default
   };
   const { node } = props;
-  const formRef = (0, import_react50.useRef)(null);
+  const formRef = (0, import_react49.useRef)(null);
   const initialState = {
     inputValues: {},
     lastPropertyChanged: ""
   };
-  const [formState, dispatch] = (0, import_react50.useReducer)(FormReducer_default, initialState);
-  const handleInputChange = (0, import_react50.useCallback)((updatedValues) => {
+  const [formState, dispatch] = (0, import_react49.useReducer)(FormReducer_default, initialState);
+  const handleInputChange = (0, import_react49.useCallback)((updatedValues) => {
     dispatch({ type: FORM_INPUT_UPDATE, name: updatedValues.name, value: updatedValues.value });
   }, [dispatch]);
   const onValidate = async () => {
@@ -3624,7 +3527,7 @@ var FormContainerNode = (props) => {
       return true;
     }
   };
-  (0, import_react50.useEffect)(() => {
+  (0, import_react49.useEffect)(() => {
     const fetchInitialData = async () => {
       if (!props.fetchData || !node.dataFetchApi) return;
       const response = await props.fetchData(
@@ -3646,7 +3549,7 @@ var FormContainerNode = (props) => {
       {
       }
       const SelectedNode = NodeTypes2[node2.type];
-      return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react50.default.Fragment, { children: SelectedNode && node2.type == "input-control" && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react49.default.Fragment, { children: SelectedNode && node2.type == "input-control" && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
         InputControlNode_default,
         {
           value: formState.inputValues[node2.name],
@@ -3661,7 +3564,7 @@ var FormContainerNode = (props) => {
 var FormContainerNode_default = FormContainerNode;
 
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
-var import_react54 = __toESM(require("react"));
+var import_react53 = __toESM(require("react"));
 
 // src/components/utilities/AnimationUtility.tsx
 var AnimationUtility = class {
@@ -3772,11 +3675,11 @@ var AnimationUtility = class {
 var AnimationUtility_default = AnimationUtility;
 
 // src/components/Pagination.tsx
-var import_react51 = require("react");
+var import_react50 = 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_react51.useMemo)(() => {
+  const builder = (0, import_react50.useMemo)(() => {
     const b = new OdataBuilder(path);
     if (query) b.setQuery(query);
     return b;
@@ -3991,11 +3894,11 @@ var PathUtility = class {
 var PathUtility_default = new PathUtility();
 
 // src/components/pageRenderingEngine/nodes/EnterAnimationClient.tsx
-var import_react52 = __toESM(require("react"));
+var import_react51 = __toESM(require("react"));
 var import_jsx_runtime66 = require("react/jsx-runtime");
 function EnterAnimationClient({ hasEnterAnimation, children }) {
-  const ref = (0, import_react52.useRef)(null);
-  (0, import_react52.useEffect)(() => {
+  const ref = (0, import_react51.useRef)(null);
+  (0, import_react51.useEffect)(() => {
     if (!hasEnterAnimation || !ref.current) return;
     const observer = new IntersectionObserver(
       (entries) => {
@@ -4013,11 +3916,11 @@ function EnterAnimationClient({ hasEnterAnimation, children }) {
   }, [hasEnterAnimation]);
   return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_jsx_runtime66.Fragment, { children: children && // enforce passing the ref to Wrapper
   //@ts-ignore
-  import_react52.default.cloneElement(children, { ref }) });
+  import_react51.default.cloneElement(children, { ref }) });
 }
 
 // src/components/Slider.tsx
-var import_react53 = __toESM(require("react"));
+var import_react52 = __toESM(require("react"));
 var import_jsx_runtime67 = require("react/jsx-runtime");
 var Slider = ({
   children,
@@ -4036,13 +3939,13 @@ var Slider = ({
   pillStyle = "cumulative",
   progressPosition = "bottom"
 }) => {
-  const [currentSlide, setCurrentSlide] = (0, import_react53.useState)(0);
-  const [transition, setTransition] = (0, import_react53.useState)(true);
-  const [slidesToShowState, setSlidesToShowState] = (0, import_react53.useState)(
+  const [currentSlide, setCurrentSlide] = (0, import_react52.useState)(0);
+  const [transition, setTransition] = (0, import_react52.useState)(true);
+  const [slidesToShowState, setSlidesToShowState] = (0, import_react52.useState)(
     typeof slidesToShow === "number" ? slidesToShow : slidesToShow.large
   );
-  const [isPlaying, setIsPlaying] = (0, import_react53.useState)(autoplay);
-  (0, import_react53.useEffect)(() => {
+  const [isPlaying, setIsPlaying] = (0, import_react52.useState)(autoplay);
+  (0, import_react52.useEffect)(() => {
     if (typeof slidesToShow === "number") return;
     const handleResize = () => {
       if (window.innerWidth >= 1024) {
@@ -4057,7 +3960,7 @@ var Slider = ({
     window.addEventListener("resize", handleResize);
     return () => window.removeEventListener("resize", handleResize);
   }, [slidesToShow]);
-  (0, import_react53.useEffect)(() => {
+  (0, import_react52.useEffect)(() => {
     if (!autoplay) return;
     const timer = setInterval(() => {
       if (isPlaying) {
@@ -4066,7 +3969,7 @@ var Slider = ({
     }, autoplay_speed);
     return () => clearInterval(timer);
   }, [autoplay, autoplay_speed, currentSlide, isPlaying]);
-  const totalSlides = import_react53.Children.count(children);
+  const totalSlides = import_react52.Children.count(children);
   const maxSlide = totalSlides - slidesToShowState;
   const nextSlide = () => {
     if (currentSlide >= maxSlide) {
@@ -4111,8 +4014,8 @@ var Slider = ({
     }
   };
   const translateX = -currentSlide * (100 / slidesToShowState);
-  const slides = import_react53.Children.map(children, (child, index) => {
-    if (!import_react53.default.isValidElement(child)) return null;
+  const slides = import_react52.Children.map(children, (child, index) => {
+    if (!import_react52.default.isValidElement(child)) return null;
     const childProps = child.props;
     const mergedClassName = `${childProps.className ?? ""} w-full`.trim();
     return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
@@ -4120,7 +4023,7 @@ var Slider = ({
       {
         className: `flex-none ${scaleOnHover ? "group hover:z-50" : ""} relative`,
         style: { width: `calc(${100 / slidesToShowState}%)`, paddingRight: gap },
-        children: (0, import_react53.cloneElement)(child, {
+        children: (0, import_react52.cloneElement)(child, {
           className: mergedClassName
         })
       },
@@ -4233,13 +4136,13 @@ var ProgressPill = ({
   currentSlide,
   totalSlides
 }) => {
-  const [progress, setProgress] = (0, import_react53.useState)(0);
-  (0, import_react53.useEffect)(() => {
+  const [progress, setProgress] = (0, import_react52.useState)(0);
+  (0, import_react52.useEffect)(() => {
     if (active) {
       setProgress(0);
     }
   }, [active, index]);
-  (0, import_react53.useEffect)(() => {
+  (0, import_react52.useEffect)(() => {
     if (!active || !isPlaying) {
       if (!active) {
         setProgress(0);
@@ -4515,31 +4418,11 @@ var DivContainer = async (props) => {
     return fieldValue !== void 0 && fieldValue === false;
   };
   const isHidden = shouldHideContainer();
-  let odataString = void 0;
-  let endpoint = void 0;
-  let result = null;
-  let response = null;
+  const nodeData = props.dataMap?.[props.node.__id];
+  let result = nodeData?.result;
+  let response = nodeData?.response;
   let childCollectionData = null;
   if (dataBindingProperties) {
-    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;
-      }
-    }
-    if (props.fetchData) {
-      response = await props.fetchData(endpoint);
-      result = response?.result;
-    } else {
-      console.warn(
-        "DivContainer data binding needs `fetchData` prop but none was provided."
-      );
-    }
     if (dataBindingProperties.showNoResultsMessage && (result === void 0 || Array.isArray(result) && result.length == 0)) {
       return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(NoDataFound_default, {});
     }
@@ -4551,7 +4434,7 @@ var DivContainer = async (props) => {
   function renderNode(node, props2, dataitem, key, href) {
     const SelectedNode = NodeTypes2[node.type];
     if (!SelectedNode) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react54.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react53.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
       SelectedNode,
       {
         node,
@@ -4562,11 +4445,11 @@ var DivContainer = async (props) => {
         host: props2.host,
         path: props2.path,
         apiBaseUrl: props2.apiBaseUrl,
-        serviceClient: props2.serviceClient,
         resolveAssetUrl: props2.resolveAssetUrl,
         breadcrumb: props2.breadcrumb,
         dataitem,
-        href
+        href,
+        dataMap: props2.dataMap
       }
     ) }, key);
   }
@@ -4648,9 +4531,9 @@ var DivContainer = async (props) => {
     props.node.autoFormat && "auto-format",
     props.node.bgClass
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_react54.default.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_react53.default.Fragment, { children: [
     /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("style", { dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS } }),
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(EnterAnimationClient, { hasEnterAnimation: !!props.node.enterAnimation, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react54.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(EnterAnimationClient, { hasEnterAnimation: !!props.node.enterAnimation, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react53.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
       Wrapper,
       {
         id: guid,
@@ -4659,7 +4542,7 @@ var DivContainer = async (props) => {
         ...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_runtime69.jsx)(import_react54.default.Fragment, { children: child }, i)
+            (child, i) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react53.default.Fragment, { children: child }, i)
           ) : renderChildren(props.node.children, props, item, idx)
         )
       }
@@ -4698,11 +4581,11 @@ var PageBodyRenderer = (props) => {
   if (pageBodyTree && pageBodyTree.root) {
     rootNode = pageBodyTree.root;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react55.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react54.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
     {
     }
     const SelectedNode = NodeTypes[node.type];
-    return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react55.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react55.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react55.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react54.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react54.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react54.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
       SelectedNode,
       {
         node,
@@ -4716,9 +4599,9 @@ var PageBodyRenderer = (props) => {
         widgetRegistry: props.widgetRegistry,
         serviceClient: props.serviceClient,
         resolveAssetUrl: props.resolveAssetUrl,
-        fetchData: props.fetchData
+        dataMap: props.dataMap
       }
-    ) }) : /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react55.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+    ) }) : /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react54.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
       SelectedNode,
       {
         node,
@@ -4731,7 +4614,7 @@ var PageBodyRenderer = (props) => {
         widgetRegistry: props.widgetRegistry,
         serviceClient: props.serviceClient,
         resolveAssetUrl: props.resolveAssetUrl,
-        fetchData: props.fetchData
+        dataMap: props.dataMap
       }
     ) }) }) }, index);
   }) });