@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260525053215 → 0.8.1-dev.20260526111119

package/dist/index.mjs

@@ -10,7 +10,7 @@ import {
 } from "./chunk-DOKQUUH3.mjs";
 
 // src/components/controls/view/ViewControl.tsx
-import React9 from "react";
+import React10 from "react";
 
 // src/components/controls/view/ViewControlTypes.tsx
 var ViewControlTypes = {
@@ -93,6 +93,9 @@ var BooleanView = (props) => {
 };
 var BooleanView_default = BooleanView;
 
+// src/components/controls/view/Asset.tsx
+import React3 from "react";
+
 // src/components/utilities/AssetUtility.tsx
 var AssetUtility = class {
   constructor() {
@@ -103,14 +106,14 @@ var AssetUtility = class {
     if (!assetBaseUrl) return url;
     return `${assetBaseUrl}/${url}`;
   }
-  // static getAssetUrl(apiBaseUrl: string) {
-  //   let domainName = apiBaseUrl.replace("https://", "");
-  //   return `https://cdn.g-assets.com/${domainName}`;
+  // // static getAssetUrl(apiBaseUrl: string) {
+  // //   let domainName = apiBaseUrl.replace("https://", "");
+  // //   return `https://cdn.g-assets.com/${domainName}`;
+  // // }
+  // static getAssetFullPath(apiBaseUrl: string, relativePath: string) {
+  //   const domainName = apiBaseUrl.replace("https://", "");
+  //   return `https://cdn.g-assets.com/${domainName}/${relativePath}`;
   // }
-  static getAssetFullPath(apiBaseUrl, relativePath) {
-    const domainName = apiBaseUrl.replace("https://", "");
-    return `https://cdn.g-assets.com/${domainName}/${relativePath}`;
-  }
 };
 var AssetUtility_default = AssetUtility;
 
@@ -203,34 +206,32 @@ var MediaAsset = (props) => {
   if (!assets || assets.length === 0) {
     return null;
   }
-  const domainName = props.apiBaseUrl?.replace("https://", "");
-  const assetBaseUrl = `https://cdn.g-assets.com/${domainName}`;
   console.log(props.customProps?.tag, "Tag in MediaAsset");
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx4(React3.Fragment, { children: props.assetBaseUrl ? /* @__PURE__ */ jsx4(
     DeviceAssetSelector_default,
     {
       assets,
       apiBaseUrl: props.apiBaseUrl,
-      assetBaseUrl,
+      assetBaseUrl: props.assetBaseUrl,
       session: props,
       width: props.width,
       customProps: props.customProps,
       tag: props.customProps?.tag
     }
-  );
+  ) : /* @__PURE__ */ jsx4("div", { children: "AssetBaseUrl is not set" }) });
 };
 var Asset_default = MediaAsset;
 
 // src/components/controls/view/LineTextView.tsx
-import React3 from "react";
+import React4 from "react";
 import { jsx as jsx5 } from "react/jsx-runtime";
 var LineText = (props) => {
-  return /* @__PURE__ */ jsx5(React3.Fragment, { children: props.value });
+  return /* @__PURE__ */ jsx5(React4.Fragment, { children: props.value });
 };
 var LineTextView_default = LineText;
 
 // src/components/controls/view/MoneyView.tsx
-import React4 from "react";
+import React5 from "react";
 
 // src/components/utilities/CurrencyUtility.tsx
 var CurrencyUtility = class {
@@ -254,7 +255,7 @@ var CurrencyUtility_default = CurrencyUtility;
 import { jsx as jsx6, jsxs } from "react/jsx-runtime";
 var Money = (props) => {
   const parsedNumber = parseFloat(props.value);
-  return /* @__PURE__ */ jsx6(React4.Fragment, { children: !Number.isNaN(parsedNumber) && /* @__PURE__ */ jsxs(React4.Fragment, { children: [
+  return /* @__PURE__ */ jsx6(React5.Fragment, { children: !Number.isNaN(parsedNumber) && /* @__PURE__ */ jsxs(React5.Fragment, { children: [
     /* @__PURE__ */ jsx6("span", { className: "mr-0.5", children: CurrencyUtility_default.getCurrencySymbol(props.unit) }),
     parsedNumber.toLocaleString()
   ] }) });
@@ -262,29 +263,29 @@ var Money = (props) => {
 var MoneyView_default = Money;
 
 // src/components/controls/view/MultilineTextBulletsView.tsx
-import React5 from "react";
+import React6 from "react";
 import { jsx as jsx7 } from "react/jsx-runtime";
 var MultilineTextBullets = (props) => {
   const lines = props.value?.split("\\n");
-  return /* @__PURE__ */ jsx7(React5.Fragment, { children: /* @__PURE__ */ jsx7("ul", { className: "list-disc", children: lines && lines.map((line, index) => {
+  return /* @__PURE__ */ jsx7(React6.Fragment, { children: /* @__PURE__ */ jsx7("ul", { className: "list-disc", children: lines && lines.map((line, index) => {
     return /* @__PURE__ */ jsx7("li", { children: line }, index);
   }) }) });
 };
 var MultilineTextBulletsView_default = MultilineTextBullets;
 
 // src/components/controls/view/MultilineTextView.tsx
-import React6 from "react";
+import React7 from "react";
 import { jsx as jsx8 } from "react/jsx-runtime";
 var MultilineText = (props) => {
-  return /* @__PURE__ */ jsx8(React6.Fragment, { children: /* @__PURE__ */ jsx8("span", { className: "whitespace-pre-line", children: props.value }) });
+  return /* @__PURE__ */ jsx8(React7.Fragment, { children: /* @__PURE__ */ jsx8("span", { className: "whitespace-pre-line", children: props.value }) });
 };
 var MultilineTextView_default = MultilineText;
 
 // src/components/controls/view/PercentageView.tsx
-import React7 from "react";
+import React8 from "react";
 import { jsxs as jsxs2 } from "react/jsx-runtime";
 var PercentageView = (props) => {
-  return /* @__PURE__ */ jsxs2(React7.Fragment, { children: [
+  return /* @__PURE__ */ jsxs2(React8.Fragment, { children: [
     props.value,
     "%"
   ] });
@@ -292,13 +293,13 @@ var PercentageView = (props) => {
 var PercentageView_default = PercentageView;
 
 // src/components/controls/view/ProgressIndicator.tsx
-import React8 from "react";
+import React9 from "react";
 import { jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
 var ProgressIndicator = (props) => {
   const percentage = 100;
   const circumference = Math.PI * 56;
   const offset = circumference * (1 - percentage / 100);
-  return /* @__PURE__ */ jsx9(React8.Fragment, { children: /* @__PURE__ */ jsxs3("div", { className: "relative w-48 h-48", children: [
+  return /* @__PURE__ */ jsx9(React9.Fragment, { children: /* @__PURE__ */ jsxs3("div", { className: "relative w-48 h-48", children: [
     /* @__PURE__ */ jsx9("div", { className: "absolute top-0 left-0 w-full h-full rounded-full border border-gray-200" }),
     /* @__PURE__ */ jsx9("div", { className: "absolute top-0 left-0 w-full h-full rounded-full overflow-hidden", children: /* @__PURE__ */ jsx9("div", { className: "w-full h-full rounded-full border-t-8 border-green-500", style: { transform: `rotate(-90deg)`, clipPath: `inset(0px ${offset}px 0px 0px)` } }) }),
     /* @__PURE__ */ jsx9("div", { className: "absolute top-0 left-0 w-full h-full flex items-center justify-center text-lg font-bold text-gray-800", children: /* @__PURE__ */ jsxs3("span", { children: [
@@ -356,15 +357,15 @@ var ViewControl = (props) => {
     [ViewControlTypes_default.aiGeneratedSummary]: AiGeneratedSummary_default
   };
   const SelectedControlComponent = props.controlType ? ControlComponents[props.controlType] : void 0;
-  return /* @__PURE__ */ jsx11(React9.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx11(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType });
+  return /* @__PURE__ */ jsx11(React10.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx11(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType });
 };
 var ViewControl_default = ViewControl;
 
 // src/components/controls/edit/InputControl.tsx
-import React27 from "react";
+import React28 from "react";
 
 // src/components/controls/edit/MultilineTextInput.tsx
-import React10 from "react";
+import React11 from "react";
 import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
 var MultilineTextInput = (props) => {
   const textChangeHandler = (event) => {
@@ -384,7 +385,7 @@ var MultilineTextInput = (props) => {
   if (props.value !== void 0 && props.value !== null) {
     value = props.value;
   }
-  return /* @__PURE__ */ jsx12(React10.Fragment, { children: /* @__PURE__ */ jsxs5("label", { className: "block mb-1", children: [
+  return /* @__PURE__ */ jsx12(React11.Fragment, { children: /* @__PURE__ */ jsxs5("label", { className: "block mb-1", children: [
     /* @__PURE__ */ jsx12("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
     " ",
     props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx12("span", { className: "bg-error-weak", children: "*" }),
@@ -411,7 +412,7 @@ var MultilineTextInput = (props) => {
 var MultilineTextInput_default = MultilineTextInput;
 
 // src/components/controls/edit/LineTextInput.tsx
-import React11 from "react";
+import React12 from "react";
 import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
 var LineTextInput = (props) => {
   const textChangeHandler = (event) => {
@@ -431,7 +432,7 @@ var LineTextInput = (props) => {
   if (props.value !== void 0 && props.value !== null) {
     value = props.value;
   }
-  return /* @__PURE__ */ jsx13(React11.Fragment, { children: /* @__PURE__ */ jsxs6("label", { className: "block", children: [
+  return /* @__PURE__ */ jsx13(React12.Fragment, { children: /* @__PURE__ */ jsxs6("label", { className: "block", children: [
     props?.attributes?.label && /* @__PURE__ */ jsx13("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
     " ",
     props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx13("span", { className: "bg-error-weak", children: "*" }),
@@ -461,7 +462,7 @@ var LineTextInput = (props) => {
 var LineTextInput_default = LineTextInput;
 
 // src/components/controls/edit/MoneyInput.tsx
-import React12 from "react";
+import React13 from "react";
 import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
 var MoneyInput = (props) => {
   const textChangeHandler = (event) => {
@@ -491,7 +492,7 @@ var MoneyInput = (props) => {
       e.preventDefault();
     }
   };
-  return /* @__PURE__ */ jsx14(React12.Fragment, { children: /* @__PURE__ */ jsxs7("label", { className: "block mb-1", children: [
+  return /* @__PURE__ */ jsx14(React13.Fragment, { children: /* @__PURE__ */ jsxs7("label", { className: "block mb-1", children: [
     /* @__PURE__ */ jsx14("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
     " ",
     props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx14("span", { className: "bg-error-weak", children: "*" }),
@@ -635,7 +636,7 @@ var Select = (props) => {
 var Select_default = Select;
 
 // src/components/controls/edit/PercentageInput.tsx
-import React14 from "react";
+import React15 from "react";
 import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
 var PercentageInput = (props) => {
   const textChangeHandler = (event) => {
@@ -665,7 +666,7 @@ var PercentageInput = (props) => {
       e.preventDefault();
     }
   };
-  return /* @__PURE__ */ jsx16(React14.Fragment, { children: /* @__PURE__ */ jsxs9("label", { className: "block mb-1", children: [
+  return /* @__PURE__ */ jsx16(React15.Fragment, { children: /* @__PURE__ */ jsxs9("label", { className: "block mb-1", children: [
     /* @__PURE__ */ jsx16("span", { className: "text-sm font-medium ", children: props?.attributes?.label ? props?.attributes?.label + " %" : "" }),
     " ",
     props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx16("span", { className: "bg-error-weak", children: "*" }),
@@ -694,7 +695,7 @@ var PercentageInput = (props) => {
 var PercentageInput_default = PercentageInput;
 
 // src/components/controls/edit/PhoneInput.tsx
-import React15 from "react";
+import React16 from "react";
 import { jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
 var PhoneInput = (props) => {
   const textChangeHandler = (event) => {
@@ -714,7 +715,7 @@ var PhoneInput = (props) => {
   if (props.value !== void 0 && props.value !== null) {
     value = props.value;
   }
-  return /* @__PURE__ */ jsx17(React15.Fragment, { children: /* @__PURE__ */ jsxs10("label", { className: "block mb-1", children: [
+  return /* @__PURE__ */ jsx17(React16.Fragment, { children: /* @__PURE__ */ jsxs10("label", { className: "block mb-1", children: [
     /* @__PURE__ */ jsx17("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
     " ",
     props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx17("span", { className: "bg-error-weak", children: "*" }),
@@ -744,7 +745,7 @@ var PhoneInput = (props) => {
 var PhoneInput_default = PhoneInput;
 
 // src/components/controls/edit/NumberInput.tsx
-import React16 from "react";
+import React17 from "react";
 import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
 var NumberInput = (props) => {
   const textChangeHandler = (event) => {
@@ -768,7 +769,7 @@ var NumberInput = (props) => {
   if (props.value !== void 0 && props.value !== null) {
     value = props.value;
   }
-  return /* @__PURE__ */ jsx18(React16.Fragment, { children: /* @__PURE__ */ jsxs11("label", { className: "block", children: [
+  return /* @__PURE__ */ jsx18(React17.Fragment, { children: /* @__PURE__ */ jsxs11("label", { className: "block", children: [
     props?.attributes?.label && /* @__PURE__ */ jsx18("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
     " ",
     props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx18("span", { className: "bg-error-weak", children: "*" }),
@@ -797,7 +798,7 @@ var NumberInput = (props) => {
 var NumberInput_default = NumberInput;
 
 // src/components/controls/edit/CheckboxInput.tsx
-import React17 from "react";
+import React18 from "react";
 import { jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
 var CheckboxInput = (props) => {
   const textChangeHandler = (event) => {
@@ -815,7 +816,7 @@ var CheckboxInput = (props) => {
   if (props.value != void 0 && props.value != null && props.value != "" && (props.value == "true" || props.value.toString() == "true")) {
     value = true;
   }
-  return /* @__PURE__ */ jsx19(React17.Fragment, { children: /* @__PURE__ */ jsxs12("label", { className: "inline-block mb-1", children: [
+  return /* @__PURE__ */ jsx19(React18.Fragment, { children: /* @__PURE__ */ jsxs12("label", { className: "inline-block mb-1", children: [
     /* @__PURE__ */ jsx19("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
     " ",
     props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx19("span", { className: "bg-error-weak", children: "*" }),
@@ -842,7 +843,7 @@ var CheckboxInput = (props) => {
 var CheckboxInput_default = CheckboxInput;
 
 // src/components/controls/edit/OtpInput.tsx
-import React18 from "react";
+import React19 from "react";
 import { jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
 var OtpInput = (props) => {
   const textChangeHandler = (event) => {
@@ -865,7 +866,7 @@ var OtpInput = (props) => {
   if (props.value !== void 0 && props.value !== null) {
     value = props.value;
   }
-  return /* @__PURE__ */ jsx20(React18.Fragment, { children: /* @__PURE__ */ jsxs13("label", { htmlFor: props.name, className: "block mb-1 w-full", children: [
+  return /* @__PURE__ */ jsx20(React19.Fragment, { children: /* @__PURE__ */ jsxs13("label", { htmlFor: props.name, className: "block mb-1 w-full", children: [
     /* @__PURE__ */ jsx20("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
     " ",
     props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx20("span", { className: "bg-error-weak", children: "*" }),
@@ -895,7 +896,7 @@ var OtpInput = (props) => {
 var OtpInput_default = OtpInput;
 
 // src/components/controls/edit/DateTimeInput.tsx
-import React19 from "react";
+import React20 from "react";
 import { jsx as jsx21, jsxs as jsxs14 } from "react/jsx-runtime";
 var DateTimeInput = (props) => {
   const textChangeHandler = (event) => {
@@ -928,7 +929,7 @@ var DateTimeInput = (props) => {
       e.preventDefault();
     }
   };
-  return /* @__PURE__ */ jsx21(React19.Fragment, { children: /* @__PURE__ */ jsxs14("label", { className: "block mb-1", children: [
+  return /* @__PURE__ */ jsx21(React20.Fragment, { children: /* @__PURE__ */ jsxs14("label", { className: "block mb-1", children: [
     /* @__PURE__ */ jsx21("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
     " ",
     props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx21("span", { className: "bg-error-weak", children: "*" }),
@@ -959,10 +960,10 @@ var DateTimeInput = (props) => {
 var DateTimeInput_default = DateTimeInput;
 
 // src/components/controls/edit/ColorInput.tsx
-import React20, { useEffect as useEffect2 } from "react";
+import React21, { useEffect as useEffect2 } from "react";
 import { jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
 var ColorInput = (props) => {
-  const [color, setColor] = React20.useState("#3b82f6");
+  const [color, setColor] = React21.useState("#3b82f6");
   useEffect2(() => {
     if (props.value !== void 0 && props.value !== null) {
       if (typeof props.value === "string") {
@@ -1153,7 +1154,7 @@ var SelectWithSearchInput = (props) => {
 var SelectWithSearchInput_default = SelectWithSearchInput;
 
 // src/components/controls/edit/SelectWithSearchPanel.tsx
-import React22, {
+import React23, {
   useEffect as useEffect4,
   useRef as useRef2,
   useState as useState3,
@@ -1316,7 +1317,7 @@ var SelectWithSearchPanel = (props) => {
           disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none`
       }
     ) }),
-    /* @__PURE__ */ jsx24("div", { ref: containerRef, children: isOpen && /* @__PURE__ */ jsxs17(React22.Fragment, { children: [
+    /* @__PURE__ */ jsx24("div", { ref: containerRef, children: isOpen && /* @__PURE__ */ jsxs17(React23.Fragment, { children: [
       /* @__PURE__ */ jsxs17("div", { className: "fixed z-50 right-0 bg-white top-[62px] w-1/4 border-l border-gray-200", children: [
         /* @__PURE__ */ jsx24("div", { className: "flex flex-col p-2 bg-accent-950 text-white", children: /* @__PURE__ */ jsxs17("h5", { className: "text-md text-white font-medium", children: [
           "Select a",
@@ -1405,7 +1406,7 @@ var SelectWithSearchPanel = (props) => {
 var SelectWithSearchPanel_default = SelectWithSearchPanel;
 
 // src/components/controls/edit/BooleanSelect.tsx
-import React23, {
+import React24, {
   useState as useState4,
   useEffect as useEffect5
 } from "react";
@@ -1458,7 +1459,7 @@ var BooleanSelect = (props) => {
   if (props.value !== void 0 && props.value !== null) {
     value = props.value;
   }
-  return /* @__PURE__ */ jsx25(React23.Fragment, { children: /* @__PURE__ */ jsxs18("label", { className: "block", children: [
+  return /* @__PURE__ */ jsx25(React24.Fragment, { children: /* @__PURE__ */ jsxs18("label", { className: "block", children: [
     /* @__PURE__ */ jsx25("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
     " ",
     props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx25("span", { className: "bg-error-weak", children: "*" }),
@@ -1495,7 +1496,7 @@ var BooleanSelect = (props) => {
 var BooleanSelect_default = BooleanSelect;
 
 // src/components/controls/edit/EmailInput.tsx
-import React24 from "react";
+import React25 from "react";
 import { jsx as jsx26, jsxs as jsxs19 } from "react/jsx-runtime";
 var EmailInput = (props) => {
   const textChangeHandler = (event) => {
@@ -1521,7 +1522,7 @@ var EmailInput = (props) => {
   if (props.value !== void 0 && props.value !== null) {
     value = props.value;
   }
-  return /* @__PURE__ */ jsx26(React24.Fragment, { children: /* @__PURE__ */ jsxs19("label", { className: "block mb-1", children: [
+  return /* @__PURE__ */ jsx26(React25.Fragment, { children: /* @__PURE__ */ jsxs19("label", { className: "block mb-1", children: [
     /* @__PURE__ */ jsx26("span", { className: "text-sm font-medium text-slate-700", children: props?.attributes?.label }),
     " ",
     props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx26("span", { className: "bg-error-weak", children: "*" }),
@@ -1547,7 +1548,7 @@ var EmailInput = (props) => {
 var EmailInput_default = EmailInput;
 
 // src/components/controls/edit/TimeInput.tsx
-import React25 from "react";
+import React26 from "react";
 import { jsx as jsx27, jsxs as jsxs20 } from "react/jsx-runtime";
 var TimeInput = (props) => {
   const timeChangeHandler = (event) => {
@@ -1561,7 +1562,7 @@ var TimeInput = (props) => {
       });
     }
   };
-  return /* @__PURE__ */ jsx27(React25.Fragment, { children: /* @__PURE__ */ jsxs20("label", { className: "block mb-1", children: [
+  return /* @__PURE__ */ jsx27(React26.Fragment, { children: /* @__PURE__ */ jsxs20("label", { className: "block mb-1", children: [
     /* @__PURE__ */ jsx27("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
     " ",
     props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx27("span", { className: "bg-error-weak", children: "*" }),
@@ -1584,7 +1585,7 @@ var TimeInput = (props) => {
 var TimeInput_default = TimeInput;
 
 // src/components/controls/edit/AssetUpload.tsx
-import React26, { useEffect as useEffect6 } from "react";
+import React27, { useEffect as useEffect6 } from "react";
 
 // src/components/dataForm/Hyperlink.tsx
 import Link from "next/link";
@@ -1680,7 +1681,7 @@ var AssetUpload = (props) => {
     }
     return "image";
   };
-  const [assetType, setAssetType] = React26.useState(getInitialTab);
+  const [assetType, setAssetType] = React27.useState(getInitialTab);
   useEffect6(() => {
     setAssetType(getInitialTab());
   }, [props.value]);
@@ -1756,7 +1757,7 @@ var AssetUpload = (props) => {
     }
     return false;
   };
-  return /* @__PURE__ */ jsxs21(React26.Fragment, { children: [
+  return /* @__PURE__ */ jsxs21(React27.Fragment, { children: [
     /* @__PURE__ */ jsx34("label", { className: "block mb-1", children: /* @__PURE__ */ jsx34("span", { className: "text-sm font-medium", children: props?.attributes?.label }) }),
     /* @__PURE__ */ jsxs21("div", { className: "flex gap-6 bg-neutral-100 rounded p-2", children: [
       /* @__PURE__ */ jsx34(
@@ -1856,7 +1857,7 @@ var AssetUpload_default = AssetUpload;
 
 // src/components/controls/edit/InputControl.tsx
 import { jsx as jsx35 } from "react/jsx-runtime";
-var InputControl = React27.forwardRef(
+var InputControl = React28.forwardRef(
   (props, ref) => {
     const ControlComponents = {
       [InputControlType_default.lineTextInput]: LineTextInput_default,
@@ -1878,17 +1879,17 @@ var InputControl = React27.forwardRef(
       [InputControlType_default.asset]: AssetUpload_default
     };
     const SelectedControlComponent = ControlComponents[props.controlType];
-    return /* @__PURE__ */ jsx35(React27.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx35(SelectedControlComponent, { ...props }) : "Control not found" });
+    return /* @__PURE__ */ jsx35(React28.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx35(SelectedControlComponent, { ...props }) : "Control not found" });
   }
 );
 InputControl.displayName = "InputControl";
 var InputControl_default = InputControl;
 
 // src/components/pageRenderingEngine/PageBodyRenderer.tsx
-import React40 from "react";
+import React41 from "react";
 
 // src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
-import React29 from "react";
+import React30 from "react";
 
 // src/components/pageRenderingEngine/nodes/TextNode.tsx
 import { jsx as jsx36, jsxs as jsxs22 } from "react/jsx-runtime";
@@ -1970,7 +1971,7 @@ var LineBreakNode = () => {
 var LineBreakNode_default = LineBreakNode;
 
 // src/components/pageRenderingEngine/nodes/LinkNode.tsx
-import React28 from "react";
+import React29 from "react";
 
 // src/components/pageRenderingEngine/nodes/ImageNode.tsx
 import dynamic3 from "next/dynamic";
@@ -1997,7 +1998,10 @@ var ImageNode = (props) => {
   } else if (props.dataitem && props.node.datafield) {
     const image = getNestedValue(props.dataitem, props.node.datafield);
     if (typeof image === "string") {
-      assets = JSON.parse(image);
+      const trimmed = image.trim();
+      if (trimmed) {
+        assets = JSON.parse(trimmed);
+      }
     } else if (Array.isArray(image)) {
       assets = image;
     } else if (image && typeof image === "object") {
@@ -2132,7 +2136,7 @@ var LinkNode = (props) => {
         console.warn("Unknown node type:", childNode.type);
         return null;
       }
-      return /* @__PURE__ */ jsx39(React28.Fragment, { children: /* @__PURE__ */ jsx39(
+      return /* @__PURE__ */ jsx39(React29.Fragment, { children: /* @__PURE__ */ jsx39(
         SelectedNode,
         {
           node: childNode,
@@ -2371,7 +2375,7 @@ var ParagraphNode = (props) => {
   if (isInlineOnlyParent) {
     return /* @__PURE__ */ jsx43(Fragment3, { children: hasChildren && props.node.children.map((node, index) => {
       const SelectedNode = NodeTypes2[node.type];
-      return /* @__PURE__ */ jsx43(React29.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx43(
+      return /* @__PURE__ */ jsx43(React30.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx43(
         SelectedNode,
         {
           node,
@@ -2386,7 +2390,7 @@ var ParagraphNode = (props) => {
   return /* @__PURE__ */ jsxs24("div", { className: " " + formatClasses, children: [
     hasChildren && props.node.children.map((node, index) => {
       const SelectedNode = NodeTypes2[node.type];
-      return /* @__PURE__ */ jsx43(React29.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx43(
+      return /* @__PURE__ */ jsx43(React30.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx43(
         SelectedNode,
         {
           node,
@@ -2403,7 +2407,7 @@ var ParagraphNode = (props) => {
 var ParagraphNode_default = ParagraphNode;
 
 // src/components/pageRenderingEngine/nodes/HeadingNode.tsx
-import React30 from "react";
+import React31 from "react";
 import { Fragment as Fragment4, jsx as jsx44 } from "react/jsx-runtime";
 var HeadingNode = (props) => {
   const NodeTypes2 = {
@@ -2420,22 +2424,22 @@ var HeadingNode = (props) => {
   {
   }
   const formatClasses = FormatClass[props.node.format] || "";
-  return /* @__PURE__ */ jsx44(Fragment4, { children: React30.createElement(
+  return /* @__PURE__ */ jsx44(Fragment4, { children: React31.createElement(
     HeadingTag,
     { className: formatClasses },
     props.node.children && props.node.children.map((childNode, index) => {
       const SelectedNode = NodeTypes2[childNode.type];
-      return /* @__PURE__ */ jsx44(React30.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx44(SelectedNode, { node: childNode, dataitem: props.dataitem, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
+      return /* @__PURE__ */ jsx44(React31.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx44(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
-import React32 from "react";
+import React33 from "react";
 
 // src/components/pageRenderingEngine/nodes/ListItemNode.tsx
-import React31 from "react";
+import React32 from "react";
 import { jsx as jsx45 } from "react/jsx-runtime";
 var ListItemNode = (props) => {
   const NodeTypes2 = {
@@ -2464,7 +2468,7 @@ var ListItemNode = (props) => {
       }
     } else {
       foundFirstBreak = false;
-      return /* @__PURE__ */ jsx45(React31.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx45(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
+      return /* @__PURE__ */ jsx45(React32.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx45(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
     }
   }) });
 };
@@ -2476,21 +2480,21 @@ var ListNode = (props) => {
   const NodeTypes2 = {
     listitem: ListItemNode_default
   };
-  return /* @__PURE__ */ jsxs25(React32.Fragment, { children: [
+  return /* @__PURE__ */ jsxs25(React33.Fragment, { children: [
     props.node.listType == "bullet" && /* @__PURE__ */ jsx46("ul", { children: props.node.children && props.node.children.map((node, index) => {
       const SelectedNode = NodeTypes2[node.type];
-      return /* @__PURE__ */ jsx46(React32.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx46(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
+      return /* @__PURE__ */ jsx46(React33.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx46(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
     }) }),
     props.node.listType == "number" && /* @__PURE__ */ jsx46("ol", { children: props.node.children && props.node.children.map((node, index) => {
       const SelectedNode = NodeTypes2[node.type];
-      return /* @__PURE__ */ jsx46(React32.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx46(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
+      return /* @__PURE__ */ jsx46(React33.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx46(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
     }) })
   ] });
 };
 var ListNode_default = ListNode;
 
 // src/components/pageRenderingEngine/nodes/QuoteNode.tsx
-import React33 from "react";
+import React34 from "react";
 import { jsx as jsx47 } from "react/jsx-runtime";
 var QuoteNode = (props) => {
   const NodeTypes2 = {
@@ -2500,13 +2504,13 @@ var QuoteNode = (props) => {
   };
   return /* @__PURE__ */ jsx47("blockquote", { children: props.node.children && props.node.children.map((node, index) => {
     const SelectedNode = NodeTypes2[node.type];
-    return /* @__PURE__ */ jsx47(React33.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx47(SelectedNode, { node, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
+    return /* @__PURE__ */ jsx47(React34.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx47(SelectedNode, { node, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
   }) });
 };
 var QuoteNode_default = QuoteNode;
 
 // src/components/pageRenderingEngine/nodes/CodeNode.tsx
-import React34 from "react";
+import React35 from "react";
 import dynamic5 from "next/dynamic";
 import { jsx as jsx48, jsxs as jsxs26 } from "react/jsx-runtime";
 var CopyButton = dynamic5(() => import("./CopyButton-XONTQQW7.mjs"), {
@@ -2533,7 +2537,7 @@ var CodeNode = (props) => {
     ] }),
     /* @__PURE__ */ jsx48("code", { className: "bg-neutral-soft p-4 text-sm whitespace-pre-wrap border border-2 block", children: props.node.children && props.node.children.map((node, index) => {
       const SelectedNode = NodeTypes2[node.type];
-      return /* @__PURE__ */ jsx48(React34.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx48(
+      return /* @__PURE__ */ jsx48(React35.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx48(
         SelectedNode,
         {
           node,
@@ -2555,7 +2559,7 @@ var HorizontalRuleNode = () => {
 var HorizontalRuleNode_default = HorizontalRuleNode;
 
 // src/components/pageRenderingEngine/nodes/WidgetNode.tsx
-import React35 from "react";
+import React36 from "react";
 import { Fragment as Fragment5, jsx as jsx50 } from "react/jsx-runtime";
 var WidgetNode = (props) => {
   const getWidgetParameters = () => {
@@ -2629,7 +2633,7 @@ var WidgetNode = (props) => {
   }
   return (
     // eslint-disable-next-line react-hooks/static-components
-    /* @__PURE__ */ jsx50(React35.Fragment, { children: /* @__PURE__ */ jsx50(
+    /* @__PURE__ */ jsx50(React36.Fragment, { children: /* @__PURE__ */ jsx50(
       WidgetRenderer,
       {
         params: widgetParams,
@@ -2646,7 +2650,7 @@ var WidgetNode = (props) => {
 var WidgetNode_default = WidgetNode;
 
 // src/components/pageRenderingEngine/nodes/FormContainerNode.tsx
-import React36, { useRef as useRef3, useReducer, useCallback as useCallback2, useEffect as useEffect7 } from "react";
+import React37, { useRef as useRef3, useReducer, useCallback as useCallback2, useEffect as useEffect7 } from "react";
 
 // src/components/pageRenderingEngine/nodes/InputControlNode.tsx
 import { jsx as jsx51 } from "react/jsx-runtime";
@@ -2759,7 +2763,7 @@ var FormContainerNode = (props) => {
       {
       }
       const SelectedNode = NodeTypes2[node2.type];
-      return /* @__PURE__ */ jsx52(React36.Fragment, { children: SelectedNode && node2.type == "input-control" && /* @__PURE__ */ jsx52(
+      return /* @__PURE__ */ jsx52(React37.Fragment, { children: SelectedNode && node2.type == "input-control" && /* @__PURE__ */ jsx52(
         InputControlNode_default,
         {
           value: formState.inputValues[node2.name],
@@ -2774,7 +2778,7 @@ var FormContainerNode = (props) => {
 var FormContainerNode_default = FormContainerNode;
 
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
-import React39 from "react";
+import React40 from "react";
 
 // src/components/pageRenderingEngine/nodes/EmbedNode.tsx
 import dynamic6 from "next/dynamic";
@@ -2796,7 +2800,7 @@ var EmbedNode = (props) => {
 var EmbedNode_default = EmbedNode;
 
 // src/components/Slider.tsx
-import React37, { useState as useState5, useEffect as useEffect8, Children, cloneElement } from "react";
+import React38, { useState as useState5, useEffect as useEffect8, Children, cloneElement } from "react";
 import { Fragment as Fragment6, jsx as jsx54, jsxs as jsxs28 } from "react/jsx-runtime";
 var Slider = ({
   children,
@@ -2891,7 +2895,7 @@ var Slider = ({
   };
   const translateX = -currentSlide * (100 / slidesToShowState);
   const slides = Children.map(children, (child, index) => {
-    if (!React37.isValidElement(child)) return null;
+    if (!React38.isValidElement(child)) return null;
     const childProps = child.props;
     const mergedClassName = `${childProps.className ?? ""} w-full`.trim();
     return /* @__PURE__ */ jsx54(
@@ -3991,7 +3995,7 @@ var DivContainer = async (props) => {
     }
     const SelectedNode = NodeTypes2[node.type];
     if (!SelectedNode) return null;
-    return /* @__PURE__ */ jsx58(React39.Fragment, { children: /* @__PURE__ */ jsx58(
+    return /* @__PURE__ */ jsx58(React40.Fragment, { children: /* @__PURE__ */ jsx58(
       SelectedNode,
       {
         node,
@@ -4093,9 +4097,9 @@ var DivContainer = async (props) => {
     props.node.autoFormat && "auto-format",
     props.node.bgClass
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs32(React39.Fragment, { children: [
+  return /* @__PURE__ */ jsxs32(React40.Fragment, { children: [
     /* @__PURE__ */ jsx58("style", { dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS } }),
-    /* @__PURE__ */ jsx58(React39.Fragment, { children: /* @__PURE__ */ jsx58(
+    /* @__PURE__ */ jsx58(React40.Fragment, { children: /* @__PURE__ */ jsx58(
       Wrapper,
       {
         id: guid,
@@ -4104,7 +4108,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__ */ jsx58(React39.Fragment, { children: child }, i)
+            (child, i) => /* @__PURE__ */ jsx58(React40.Fragment, { children: child }, i)
           ) : renderChildren(props.node.children, props, item, idx)
         )
       }
@@ -4143,11 +4147,11 @@ var PageBodyRenderer = (props) => {
   if (pageBodyTree && pageBodyTree.root) {
     rootNode = pageBodyTree.root;
   }
-  return /* @__PURE__ */ jsx59(React40.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
+  return /* @__PURE__ */ jsx59(React41.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
     {
     }
     const SelectedNode = NodeTypes[node.type];
-    return /* @__PURE__ */ jsx59(React40.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx59(React40.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ jsx59(React40.Fragment, { children: /* @__PURE__ */ jsx59(
+    return /* @__PURE__ */ jsx59(React41.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx59(React41.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ jsx59(React41.Fragment, { children: /* @__PURE__ */ jsx59(
       SelectedNode,
       {
         node,
@@ -4163,7 +4167,7 @@ var PageBodyRenderer = (props) => {
         device: props.device,
         widgetRenderer: props.widgetRenderer
       }
-    ) }) : /* @__PURE__ */ jsx59(React40.Fragment, { children: /* @__PURE__ */ jsx59(
+    ) }) : /* @__PURE__ */ jsx59(React41.Fragment, { children: /* @__PURE__ */ jsx59(
       SelectedNode,
       {
         node,
@@ -4294,22 +4298,22 @@ var NavigationTabsV2 = ({ tabs, params = {} }) => {
 var NavigationTabsV2_default = NavigationTabsV2;
 
 // src/components/dataForm/DataList.tsx
-import React44, { useEffect as useEffect9, useState as useState8, useCallback as useCallback3, useReducer as useReducer2 } from "react";
+import React45, { useEffect as useEffect9, useState as useState8, useCallback as useCallback3, useReducer as useReducer2 } from "react";
 import { useRouter } from "next/navigation";
 
 // src/components/dataForm/NoContentView.tsx
-import React42 from "react";
+import React43 from "react";
 import { jsx as jsx62 } from "react/jsx-runtime";
 var NoContentView = (props) => {
-  return /* @__PURE__ */ jsx62(React42.Fragment, { children: props.isDataFound === false && props.children });
+  return /* @__PURE__ */ jsx62(React43.Fragment, { children: props.isDataFound === false && props.children });
 };
 var NoContentView_default = NoContentView;
 
 // src/components/dataForm/ContentView.tsx
-import React43 from "react";
+import React44 from "react";
 import { jsx as jsx63, jsxs as jsxs34 } from "react/jsx-runtime";
 var ContentView = (props) => {
-  return /* @__PURE__ */ jsxs34(React43.Fragment, { children: [
+  return /* @__PURE__ */ jsxs34(React44.Fragment, { children: [
     props.isDataFound == null && /* @__PURE__ */ jsx63("div", { className: "", children: /* @__PURE__ */ jsxs34("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
       /* @__PURE__ */ jsxs34("div", { className: "flex items-center mb-4", children: [
         /* @__PURE__ */ jsx63("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
@@ -4427,7 +4431,7 @@ var DataList = (props) => {
   const renderPageNumbers = () => {
     if (pages <= 10) {
       return Array.from({ length: pages }, (_, index) => index + 1).map(
-        (page) => /* @__PURE__ */ jsx64(React44.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx64(
+        (page) => /* @__PURE__ */ jsx64(React45.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx64(
           Hyperlink,
           {
             className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -4441,7 +4445,7 @@ var DataList = (props) => {
       const showLastPages = activePageNumber > pages - 5;
       if (showFirstPages) {
         return /* @__PURE__ */ jsxs35(Fragment9, { children: [
-          Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ jsx64(React44.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx64(
+          Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ jsx64(React45.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx64(
             Hyperlink,
             {
               className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -4507,7 +4511,7 @@ var DataList = (props) => {
           ),
           /* @__PURE__ */ jsx64("span", { className: "px-2 py-1", children: "..." }),
           Array.from({ length: 8 }, (_, index) => pages - 7 + index).map(
-            (page) => /* @__PURE__ */ jsx64(React44.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx64(
+            (page) => /* @__PURE__ */ jsx64(React45.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx64(
               Hyperlink,
               {
                 className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -4539,7 +4543,7 @@ var DataList = (props) => {
           Array.from(
             { length: 5 },
             (_, index) => activePageNumber - 2 + index
-          ).map((page) => /* @__PURE__ */ jsx64(React44.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx64(
+          ).map((page) => /* @__PURE__ */ jsx64(React45.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx64(
             Hyperlink,
             {
               className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -4585,7 +4589,7 @@ var DataList = (props) => {
       }
     }
   };
-  return /* @__PURE__ */ jsxs35(React44.Fragment, { children: [
+  return /* @__PURE__ */ jsxs35(React45.Fragment, { children: [
     /* @__PURE__ */ jsxs35(ContentView_default, { isDataFound, children: [
       (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ jsxs35(
         "div",
@@ -4663,7 +4667,7 @@ var DataList = (props) => {
           }
           return /* @__PURE__ */ jsx64("tr", { className: validityClass, children: props?.columns?.map((column, colindex) => {
             console.log("column", column);
-            return /* @__PURE__ */ jsx64(React44.Fragment, { children: /* @__PURE__ */ jsx64(
+            return /* @__PURE__ */ jsx64(React45.Fragment, { children: /* @__PURE__ */ jsx64(
               "td",
               {
                 className: "px-6 py-2 whitespace-normal " + (column.controlType == ViewControlTypes_default.money ? "" : ""),
@@ -4815,7 +4819,7 @@ var DataList = (props) => {
 var DataList_default = DataList;
 
 // src/components/dataForm/DataListRenderer.tsx
-import React45, { useState as useState9, useEffect as useEffect10 } from "react";
+import React46, { useState as useState9, useEffect as useEffect10 } from "react";
 import { usePathname as usePathname2 } from "next/navigation";
 import { jsx as jsx65, jsxs as jsxs36 } from "react/jsx-runtime";
 var viewControlMap = {
@@ -4906,7 +4910,7 @@ var DataListRenderer = ({
   const [tabItem, setTabItem] = useState9();
   const activeTab = tabItem?.find((tab) => tab.isActive);
   const activeHref = activeTab ? resolveRoutePlaceholders2(activeTab.landingPageUrl, params) : pathname;
-  return /* @__PURE__ */ jsxs36(React45.Fragment, { children: [
+  return /* @__PURE__ */ jsxs36(React46.Fragment, { children: [
     widgetProps && /* @__PURE__ */ jsx65(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
     /* @__PURE__ */ jsx65(
       DataList_default,
@@ -4927,10 +4931,10 @@ var DataListRenderer = ({
 var DataListRenderer_default = DataListRenderer;
 
 // src/components/dataForm/DataForm.tsx
-import React47, { useCallback as useCallback5, useEffect as useEffect11, useReducer as useReducer3, useRef as useRef4 } from "react";
+import React48, { useCallback as useCallback5, useEffect as useEffect11, useReducer as useReducer3, useRef as useRef4 } from "react";
 
 // src/components/dataForm/DataFormChildSection.tsx
-import React46, { useCallback as useCallback4 } from "react";
+import React47, { useCallback as useCallback4 } from "react";
 
 // src/components/dataForm/StyleTypes.tsx
 var StyleTypes2 = /* @__PURE__ */ ((StyleTypes3) => {
@@ -5021,7 +5025,7 @@ var DataFormChildSection = (props) => {
     childItemsToRender,
     allChildItems: childItems
   });
-  return /* @__PURE__ */ jsx66(React46.Fragment, { children: /* @__PURE__ */ jsxs37("div", { className: "rounded border-neutral-200 border px-6 py-4 mb-2", children: [
+  return /* @__PURE__ */ jsx66(React47.Fragment, { children: /* @__PURE__ */ jsxs37("div", { className: "rounded border-neutral-200 border px-6 py-4 mb-2", children: [
     section.sectionTitle && /* @__PURE__ */ jsx66("div", { className: "mb-4 text-lg font-medium text-body-950", children: section.sectionTitle }),
     /* @__PURE__ */ jsx66("div", { className: "flex-grow flex flex-col justify-between overflow-y-auto", children: /* @__PURE__ */ jsxs37("div", { className: "flex flex-col justify-between gap-2", children: [
       /* @__PURE__ */ jsx66("div", { children: /* @__PURE__ */ jsxs37("table", { className: "w-full border-separate divide-y divide-gray-200", children: [
@@ -5043,7 +5047,7 @@ var DataFormChildSection = (props) => {
         /* @__PURE__ */ jsx66("tbody", { className: "divide-y divide-gray-200", children: childItemsToRender.map((visibleItem, filteredIndex) => {
           const { item, originalIndex } = visibleItem;
           const rowKey = originalIndex;
-          return /* @__PURE__ */ jsx66(React46.Fragment, { children: section.sectionRows.map(
+          return /* @__PURE__ */ jsx66(React47.Fragment, { children: section.sectionRows.map(
             (sectionRow, sectionRowIndex) => {
               return /* @__PURE__ */ jsxs37(
                 "tr",
@@ -5332,7 +5336,7 @@ var DataForm = (props) => {
       return false;
     }
   }
-  return /* @__PURE__ */ jsx67(React47.Fragment, { children: /* @__PURE__ */ jsxs38("div", { className: "flex-grow flex flex-col", children: [
+  return /* @__PURE__ */ jsx67(React48.Fragment, { children: /* @__PURE__ */ jsxs38("div", { className: "flex-grow flex flex-col", children: [
     props.title && /* @__PURE__ */ jsx67("div", { className: "inline-flex items-center gap-2 px-6 py-3 border border-neutral-200 bg-white shadow-sm rounded-t-md", children: /* @__PURE__ */ jsxs38(
       "div",
       {
@@ -5366,7 +5370,7 @@ var DataForm = (props) => {
           }
         },
         children: /* @__PURE__ */ jsx67("div", { className: "flex flex-col gap-6", children: props.sections?.map((section, sectionIndex) => {
-          return /* @__PURE__ */ jsx67(React47.Fragment, { children: !section.isChildSection && /* @__PURE__ */ jsxs38("div", { className: " rounded-b-lg bg-white shadow border-neutral-200 border px-8 py-6 ", children: [
+          return /* @__PURE__ */ jsx67(React48.Fragment, { children: !section.isChildSection && /* @__PURE__ */ jsxs38("div", { className: " rounded-b-lg bg-white shadow border-neutral-200 border px-8 py-6 ", children: [
             section.sectionRows?.map(
               (sectionRow, sectionRowIndex) => {
                 const elementsCount = sectionRow.elements.length;
@@ -5377,7 +5381,7 @@ var DataForm = (props) => {
                     sectionRow.visible
                   );
                 }
-                return /* @__PURE__ */ jsx67(React47.Fragment, { children: isVisible && /* @__PURE__ */ jsx67("div", { className: "lg:flex gap-14 flex-1 mb-4 ", children: sectionRow.elements.map((field, index) => {
+                return /* @__PURE__ */ jsx67(React48.Fragment, { children: isVisible && /* @__PURE__ */ jsx67("div", { className: "lg:flex gap-14 flex-1 mb-4 ", children: sectionRow.elements.map((field, index) => {
                   return /* @__PURE__ */ jsxs38(
                     "div",
                     {