npm - @acoustte-digital-services/digitalstore-controls-dev - Versions diffs - 0.8.1-dev.20260521120239 → 0.8.1-dev.20260522061527 - Mend

@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260521120239 → 0.8.1-dev.20260522061527

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/dist/index.mjs CHANGED Viewed

@@ -93,11 +93,183 @@ var BooleanView = (props) => {
 };
 var BooleanView_default = BooleanView;
+// src/components/utilities/AssetUtility.tsx
+var AssetUtility = class {
+  constructor() {
+  }
+  static resolveUrl(assetBaseUrl, url) {
+    if (!url) return void 0;
+    if (url.startsWith("http")) return url;
+    if (!assetBaseUrl) return url;
+    return `${assetBaseUrl}/${url}`;
+  }
+  // static getAssetUrl(apiBaseUrl: string) {
+  //   let domainName = apiBaseUrl.replace("https://", "");
+  //   return `https://cdn.g-assets.com/${domainName}`;
+  // }
+  static getAssetFullPath(apiBaseUrl, relativePath) {
+    const domainName = apiBaseUrl.replace("https://", "");
+    return `https://cdn.g-assets.com/${domainName}/${relativePath}`;
+  }
+};
+var AssetUtility_default = AssetUtility;
+// src/components/DeviceAssetSelector.tsx
+import { jsx as jsx3 } from "react/jsx-runtime";
+var DeviceAssetSelector = ({
+  assets,
+  assetBaseUrl,
+  session,
+  // This should receive the session
+  width,
+  tag,
+  customProps,
+  nodeProps,
+  device
+}) => {
+  console.log("\u{1F511} Session in DeviceAssetSelector:", session);
+  const targetTag = tag || nodeProps?.tag;
+  const selectAssetByDevice = (assets2, currentDevice) => {
+    if (!assets2 || assets2.length === 0) return void 0;
+    const exactMatch = assets2.find((asset) => asset.device === currentDevice);
+    if (exactMatch) return exactMatch;
+    const noDeviceMatch = assets2.find((asset) => !asset.device || asset.device === "");
+    if (noDeviceMatch) return noDeviceMatch;
+    return void 0;
+  };
+  const selectAssetByTagAndDevice = (assets2, currentDevice, targetTag2) => {
+    if (!assets2 || assets2.length === 0) return void 0;
+    if (!targetTag2) return selectAssetByDevice(assets2, currentDevice);
+    const taggedAssets = assets2.filter((asset) => asset.tag === targetTag2);
+    if (taggedAssets.length === 0) {
+      return selectAssetByDevice(assets2, currentDevice);
+    }
+    const exactTaggedMatch = taggedAssets.find((asset) => asset.device === currentDevice);
+    if (exactTaggedMatch) return exactTaggedMatch;
+    const noDeviceTaggedMatch = taggedAssets.find((asset) => !asset.device || asset.device === "");
+    if (noDeviceTaggedMatch) return noDeviceTaggedMatch;
+    return void 0;
+  };
+  const selectAsset = () => {
+    if (!assets || assets.length === 0) return void 0;
+    if (targetTag) {
+      return selectAssetByTagAndDevice(assets, device, targetTag);
+    }
+    return selectAssetByDevice(assets, device);
+  };
+  const selectedAsset = selectAsset();
+  if (!selectedAsset) {
+    console.warn("No suitable asset found for device:", device, "and tag:", targetTag);
+    return null;
+  }
+  const resolvedAssetUrl = AssetUtility_default.resolveUrl(assetBaseUrl, selectedAsset.assetUrl);
+  const resolvedThumbnailUrl = selectedAsset.posterUrl ? AssetUtility_default.resolveUrl(assetBaseUrl, selectedAsset.posterUrl) : void 0;
+  console.log("Selected Asset:", resolvedThumbnailUrl);
+  const title = selectedAsset.title || nodeProps?.title;
+  const intrinsicWidth = selectedAsset.intrinsicWidth?.toString();
+  const intrinsicHeight = selectedAsset.intrinsicHeight?.toString();
+  const isHls = resolvedAssetUrl?.endsWith(".m3u8");
+  const showControls = customProps?.showControls ?? nodeProps?.showControls === "true";
+  const loop = customProps?.loop ?? nodeProps?.loop === "true";
+  const playOptions = customProps?.playOptions ?? nodeProps?.playOptions;
+  const styles = {};
+  if (nodeProps?.height) {
+    styles.height = nodeProps.height;
+  }
+  if (nodeProps?.borderRadius) {
+    styles.borderRadius = nodeProps.borderRadius;
+  }
+  if (nodeProps?.width) {
+    styles.width = nodeProps.width;
+  }
+  const FormatClass = {
+    "center": "justify-center",
+    "left": "justify-start",
+    "right": "justify-end"
+  };
+  const formatClasses = FormatClass[nodeProps?.format || ""] || "";
+  const renderMedia = () => {
+    if (isHls) {
+      return /* @__PURE__ */ jsx3(
+        HlsPlayer_default,
+        {
+          assetUrl: resolvedAssetUrl,
+          posterUrl: resolvedThumbnailUrl,
+          intrinsicWidth,
+          intrinsicHeight,
+          showControls,
+          loop,
+          playOptions,
+          apiBaseUrl: assetBaseUrl,
+          session
+        }
+      );
+    } else {
+      return (
+        /* eslint-disable-next-line @next/next/no-img-element */
+        /* @__PURE__ */ jsx3(
+          "img",
+          {
+            style: styles,
+            loading: "lazy",
+            className: "object-cover w-full",
+            src: resolvedAssetUrl,
+            width: selectedAsset.intrinsicWidth,
+            alt: title || "Asset image",
+            height: selectedAsset.intrinsicHeight
+          }
+        )
+      );
+    }
+  };
+  if (width) {
+    return /* @__PURE__ */ jsx3("div", { style: { width }, children: renderMedia() });
+  }
+  if (nodeProps?.format) {
+    return /* @__PURE__ */ jsx3("div", { className: `flex ${formatClasses}`, children: renderMedia() });
+  }
+  return renderMedia();
+};
+var DeviceAssetSelector_default = DeviceAssetSelector;
+// src/components/controls/view/Asset.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var MediaAsset = (props) => {
+  let assets;
+  if (props.value != void 0 && props.value != null && props.value != "") {
+    try {
+      assets = JSON.parse(props.value);
+      console.log("Parsed Assets: ", assets);
+    } catch (error) {
+      console.error("Error parsing assets:", error);
+    }
+  }
+  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(
+    DeviceAssetSelector_default,
+    {
+      assets,
+      apiBaseUrl: props.apiBaseUrl,
+      assetBaseUrl,
+      session: props,
+      width: props.width,
+      customProps: props.customProps,
+      tag: props.customProps?.tag
+    }
+  );
+};
+var Asset_default = MediaAsset;
 // src/components/controls/view/LineTextView.tsx
 import React3 from "react";
-import { jsx as jsx3 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 var LineText = (props) => {
-  return /* @__PURE__ */ jsx3(React3.Fragment, { children: props.value });
+  return /* @__PURE__ */ jsx5(React3.Fragment, { children: props.value });
 };
 var LineTextView_default = LineText;
@@ -123,11 +295,11 @@ var CurrencyUtility = class {
 var CurrencyUtility_default = CurrencyUtility;
 // src/components/controls/view/MoneyView.tsx
-import { jsx as jsx4, jsxs } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs } from "react/jsx-runtime";
 var Money = (props) => {
   const parsedNumber = parseFloat(props.value);
-  return /* @__PURE__ */ jsx4(React4.Fragment, { children: !Number.isNaN(parsedNumber) && /* @__PURE__ */ jsxs(React4.Fragment, { children: [
-    /* @__PURE__ */ jsx4("span", { className: "mr-0.5", children: CurrencyUtility_default.getCurrencySymbol(props.unit) }),
+  return /* @__PURE__ */ jsx6(React4.Fragment, { children: !Number.isNaN(parsedNumber) && /* @__PURE__ */ jsxs(React4.Fragment, { children: [
+    /* @__PURE__ */ jsx6("span", { className: "mr-0.5", children: CurrencyUtility_default.getCurrencySymbol(props.unit) }),
     parsedNumber.toLocaleString()
   ] }) });
 };
@@ -135,20 +307,20 @@ var MoneyView_default = Money;
 // src/components/controls/view/MultilineTextBulletsView.tsx
 import React5 from "react";
-import { jsx as jsx5 } from "react/jsx-runtime";
+import { jsx as jsx7 } from "react/jsx-runtime";
 var MultilineTextBullets = (props) => {
   const lines = props.value?.split("\\n");
-  return /* @__PURE__ */ jsx5(React5.Fragment, { children: /* @__PURE__ */ jsx5("ul", { className: "list-disc", children: lines && lines.map((line, index) => {
-    return /* @__PURE__ */ jsx5("li", { children: line }, index);
+  return /* @__PURE__ */ jsx7(React5.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 { jsx as jsx6 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 var MultilineText = (props) => {
-  return /* @__PURE__ */ jsx6(React6.Fragment, { children: /* @__PURE__ */ jsx6("span", { className: "whitespace-pre-line", children: props.value }) });
+  return /* @__PURE__ */ jsx8(React6.Fragment, { children: /* @__PURE__ */ jsx8("span", { className: "whitespace-pre-line", children: props.value }) });
 };
 var MultilineTextView_default = MultilineText;
@@ -165,15 +337,15 @@ var PercentageView_default = PercentageView;
 // src/components/controls/view/ProgressIndicator.tsx
 import React8 from "react";
-import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+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__ */ jsx7(React8.Fragment, { children: /* @__PURE__ */ jsxs3("div", { className: "relative w-48 h-48", children: [
-    /* @__PURE__ */ jsx7("div", { className: "absolute top-0 left-0 w-full h-full rounded-full border border-gray-200" }),
-    /* @__PURE__ */ jsx7("div", { className: "absolute top-0 left-0 w-full h-full rounded-full overflow-hidden", children: /* @__PURE__ */ jsx7("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__ */ jsx7("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: [
+  return /* @__PURE__ */ jsx9(React8.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: [
       percentage,
       "%"
     ] }) })
@@ -182,18 +354,18 @@ var ProgressIndicator = (props) => {
 var ProgressIndicator_default = ProgressIndicator;
 // src/components/controls/view/AiGeneratedSummary.tsx
-import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
 var AiGeneratedSummary = (props) => {
   const lines = props.value?.split("\n").filter((line) => line.trim() !== "") || [];
   return /* @__PURE__ */ jsxs4("details", { className: "group rounded-xl border-2 bg-white  shadow-sm border-p overflow-hidden", children: [
-    /* @__PURE__ */ jsx8("summary", { className: "flex items-start justify-between cursor-pointer list-none", children: /* @__PURE__ */ jsxs4("div", { className: "flex items-start gap-3 ", children: [
-      /* @__PURE__ */ jsx8("div", { className: "bg-primary-base bg-transparent rounded mt-1 p-1", children: /* @__PURE__ */ jsx8("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", className: "w-5", children: /* @__PURE__ */ jsx8("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09ZM18.259 8.715 18 9.75l-.259-1.035a3.375 3.375 0 0 0-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 0 0 2.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 0 0 2.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 0 0-2.456 2.456ZM16.894 20.567 16.5 21.75l-.394-1.183a2.25 2.25 0 0 0-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 0 0 1.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 0 0 1.423 1.423l1.183.394-1.183.394a2.25 2.25 0 0 0-1.423 1.423Z" }) }) }),
+    /* @__PURE__ */ jsx10("summary", { className: "flex items-start justify-between cursor-pointer list-none", children: /* @__PURE__ */ jsxs4("div", { className: "flex items-start gap-3 ", children: [
+      /* @__PURE__ */ jsx10("div", { className: "bg-primary-base bg-transparent rounded mt-1 p-1", children: /* @__PURE__ */ jsx10("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", className: "w-5", children: /* @__PURE__ */ jsx10("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09ZM18.259 8.715 18 9.75l-.259-1.035a3.375 3.375 0 0 0-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 0 0 2.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 0 0 2.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 0 0-2.456 2.456ZM16.894 20.567 16.5 21.75l-.394-1.183a2.25 2.25 0 0 0-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 0 0 1.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 0 0 1.423 1.423l1.183.394-1.183.394a2.25 2.25 0 0 0-1.423 1.423Z" }) }) }),
       /* @__PURE__ */ jsxs4("div", { children: [
-        /* @__PURE__ */ jsx8("h3", { className: "text-lg font-semibold ", children: "Quick Read" }),
-        /* @__PURE__ */ jsx8("p", { className: "text-sm text-gray-500 mb-0", children: "Summary is AI-generated, author-reviewed" })
+        /* @__PURE__ */ jsx10("h3", { className: "text-lg font-semibold ", children: "Quick Read" }),
+        /* @__PURE__ */ jsx10("p", { className: "text-sm text-gray-500 mb-0", children: "Summary is AI-generated, author-reviewed" })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx8("div", { children: /* @__PURE__ */ jsx8("ul", { className: "list-disc pl-6 space-y-3 text-gray-700", children: lines.map((line, index) => /* @__PURE__ */ jsx8("li", { className: "m-0", children: line }, index)) }) })
+    /* @__PURE__ */ jsx10("div", { children: /* @__PURE__ */ jsx10("ul", { className: "list-disc pl-6 space-y-3 text-gray-700", children: lines.map((line, index) => /* @__PURE__ */ jsx10("li", { className: "m-0", children: line }, index)) }) })
   ] });
 };
 var AiGeneratedSummary_default = AiGeneratedSummary;
@@ -206,11 +378,11 @@ var DateTimeView = dynamic2(() => import("./DateTimeViewClient-22GW4AD7.mjs"), {
 var DateTimeVew_default = DateTimeView;
 // src/components/controls/view/ViewControl.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 var ViewControl = (props) => {
   const ControlComponents = {
     [ViewControlTypes_default.lineText]: LineTextView_default,
-    // [ViewControlTypes.asset]: Asset,
+    [ViewControlTypes_default.asset]: Asset_default,
     [ViewControlTypes_default.multilineTextBullets]: MultilineTextBulletsView_default,
     [ViewControlTypes_default.boolean]: BooleanView_default,
     [ViewControlTypes_default.money]: MoneyView_default,
@@ -228,7 +400,7 @@ var ViewControl = (props) => {
     [ViewControlTypes_default.aiGeneratedSummary]: AiGeneratedSummary_default
   };
   const SelectedControlComponent = props.controlType ? ControlComponents[props.controlType] : void 0;
-  return /* @__PURE__ */ jsx9(React9.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx9(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType });
+  return /* @__PURE__ */ jsx11(React9.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx11(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType });
 };
 var ViewControl_default = ViewControl;
@@ -237,7 +409,7 @@ import React27 from "react";
 // src/components/controls/edit/MultilineTextInput.tsx
 import React10 from "react";
-import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
 var MultilineTextInput = (props) => {
   const textChangeHandler = (event) => {
     const text = event.target.value;
@@ -256,11 +428,11 @@ var MultilineTextInput = (props) => {
   if (props.value !== void 0 && props.value !== null) {
     value = props.value;
   }
-  return /* @__PURE__ */ jsx10(React10.Fragment, { children: /* @__PURE__ */ jsxs5("label", { className: "block mb-1", children: [
-    /* @__PURE__ */ jsx10("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
+  return /* @__PURE__ */ jsx12(React10.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__ */ jsx10("span", { className: "bg-error-weak", children: "*" }),
-    /* @__PURE__ */ jsx10(
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx12("span", { className: "bg-error-weak", children: "*" }),
+    /* @__PURE__ */ jsx12(
       "textarea",
       {
         name: props.name,
@@ -277,14 +449,14 @@ var MultilineTextInput = (props) => {
         className: "peer mt-1 py-1.5 block w-full rounded shadow-sm input"
       }
     ),
-    /* @__PURE__ */ jsx10("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+    /* @__PURE__ */ jsx12("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
   ] }) });
 };
 var MultilineTextInput_default = MultilineTextInput;
 // src/components/controls/edit/LineTextInput.tsx
 import React11 from "react";
-import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
 var LineTextInput = (props) => {
   const textChangeHandler = (event) => {
     const text = event.target.value;
@@ -303,11 +475,11 @@ var LineTextInput = (props) => {
   if (props.value !== void 0 && props.value !== null) {
     value = props.value;
   }
-  return /* @__PURE__ */ jsx11(React11.Fragment, { children: /* @__PURE__ */ jsxs6("label", { className: "block", children: [
-    props?.attributes?.label && /* @__PURE__ */ jsx11("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
+  return /* @__PURE__ */ jsx13(React11.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__ */ jsx11("span", { className: "bg-error-weak", children: "*" }),
-    /* @__PURE__ */ jsx11(
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx13("span", { className: "bg-error-weak", children: "*" }),
+    /* @__PURE__ */ jsx13(
       "input",
       {
         type: "text",
@@ -327,14 +499,14 @@ var LineTextInput = (props) => {
                      `
       }
     ),
-    /* @__PURE__ */ jsx11("p", { className: "hidden group-[.validated]:peer-invalid:block  mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+    /* @__PURE__ */ jsx13("p", { className: "hidden group-[.validated]:peer-invalid:block  mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
   ] }) });
 };
 var LineTextInput_default = LineTextInput;
 // src/components/controls/edit/MoneyInput.tsx
 import React12 from "react";
-import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
 var MoneyInput = (props) => {
   const textChangeHandler = (event) => {
     const rawValue = event.target.value;
@@ -363,11 +535,11 @@ var MoneyInput = (props) => {
       e.preventDefault();
     }
   };
-  return /* @__PURE__ */ jsx12(React12.Fragment, { children: /* @__PURE__ */ jsxs7("label", { className: "block mb-1", children: [
-    /* @__PURE__ */ jsx12("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
+  return /* @__PURE__ */ jsx14(React12.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__ */ jsx12("span", { className: "bg-error-weak", children: "*" }),
-    /* @__PURE__ */ jsx12(
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx14("span", { className: "bg-error-weak", children: "*" }),
+    /* @__PURE__ */ jsx14(
       "input",
       {
         type: "number",
@@ -387,7 +559,7 @@ var MoneyInput = (props) => {
         className: "peer mt-1 py-1.5 block w-full rounded shadow-sm number-input"
       }
     ),
-    /* @__PURE__ */ jsx12("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+    /* @__PURE__ */ jsx14("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
   ] }) });
 };
 var MoneyInput_default = MoneyInput;
@@ -419,7 +591,7 @@ var InputControlType_default = InputControlType;
 // src/components/controls/edit/Select.tsx
 import { useState, useEffect } from "react";
-import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
 var Select = (props) => {
   const [list, setList] = useState([]);
   const getSafeValue = (val) => {
@@ -478,9 +650,9 @@ var Select = (props) => {
   ]);
   const value = getSafeValue(props.value);
   return /* @__PURE__ */ jsxs8("label", { className: "block", children: [
-    props.attributes?.label && /* @__PURE__ */ jsx13("span", { className: "text-sm font-medium inline-block pb-1", children: props.attributes?.label }),
+    props.attributes?.label && /* @__PURE__ */ jsx15("span", { className: "text-sm font-medium inline-block pb-1", children: props.attributes?.label }),
     " ",
-    props.attributes?.label && props.attributes?.required && /* @__PURE__ */ jsx13("span", { className: "bg-error-weak", children: "*" }),
+    props.attributes?.label && props.attributes?.required && /* @__PURE__ */ jsx15("span", { className: "bg-error-weak", children: "*" }),
     /* @__PURE__ */ jsxs8(
       "select",
       {
@@ -492,23 +664,23 @@ var Select = (props) => {
         disabled: props.attributes?.readOnly,
         className: "peer select py-1.5 block w-full text-black rounded border-gray-300 shadow-sm\n                   focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n                   disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none",
         children: [
-          /* @__PURE__ */ jsx13("option", { value: "", children: props.attributes?.placeholder || "Select" }),
+          /* @__PURE__ */ jsx15("option", { value: "", children: props.attributes?.placeholder || "Select" }),
           list.map((item, index) => {
             const keyField = props.dataKeyFieldName;
             const textField = props.dataTextFieldName;
-            return /* @__PURE__ */ jsx13("option", { value: item[keyField], children: item[textField] }, index);
+            return /* @__PURE__ */ jsx15("option", { value: item[keyField], children: item[textField] }, index);
           })
         ]
       }
     ),
-    /* @__PURE__ */ jsx13("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props.attributes?.errorMessage || "" })
+    /* @__PURE__ */ jsx15("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 text-alert text-sm", children: props.attributes?.errorMessage || "" })
   ] });
 };
 var Select_default = Select;
 // src/components/controls/edit/PercentageInput.tsx
 import React14 from "react";
-import { jsx as jsx14, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
 var PercentageInput = (props) => {
   const textChangeHandler = (event) => {
     const rawValue = event.target.value;
@@ -537,11 +709,11 @@ var PercentageInput = (props) => {
       e.preventDefault();
     }
   };
-  return /* @__PURE__ */ jsx14(React14.Fragment, { children: /* @__PURE__ */ jsxs9("label", { className: "block mb-1", children: [
-    /* @__PURE__ */ jsx14("span", { className: "text-sm font-medium ", children: props?.attributes?.label ? props?.attributes?.label + " %" : "" }),
+  return /* @__PURE__ */ jsx16(React14.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__ */ jsx14("span", { className: "bg-error-weak", children: "*" }),
-    /* @__PURE__ */ jsx14(
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx16("span", { className: "bg-error-weak", children: "*" }),
+    /* @__PURE__ */ jsx16(
       "input",
       {
         type: "number",
@@ -560,14 +732,14 @@ var PercentageInput = (props) => {
         className: "peer mt-1 py-1.5 block w-full rounded shadow-sm number-input"
       }
     ),
-    /* @__PURE__ */ jsx14("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+    /* @__PURE__ */ jsx16("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
   ] }) });
 };
 var PercentageInput_default = PercentageInput;
 // src/components/controls/edit/PhoneInput.tsx
 import React15 from "react";
-import { jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
 var PhoneInput = (props) => {
   const textChangeHandler = (event) => {
     const text = event.target.value;
@@ -586,13 +758,13 @@ var PhoneInput = (props) => {
   if (props.value !== void 0 && props.value !== null) {
     value = props.value;
   }
-  return /* @__PURE__ */ jsx15(React15.Fragment, { children: /* @__PURE__ */ jsxs10("label", { className: "block mb-1", children: [
-    /* @__PURE__ */ jsx15("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
+  return /* @__PURE__ */ jsx17(React15.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__ */ jsx15("span", { className: "bg-error-weak", children: "*" }),
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx17("span", { className: "bg-error-weak", children: "*" }),
     /* @__PURE__ */ jsxs10("div", { className: "flex items-center rounded border ", children: [
-      /* @__PURE__ */ jsx15("span", { className: "px-3", children: props.prefix }),
-      /* @__PURE__ */ jsx15(
+      /* @__PURE__ */ jsx17("span", { className: "px-3", children: props.prefix }),
+      /* @__PURE__ */ jsx17(
         "input",
         {
           type: "text",
@@ -610,14 +782,14 @@ var PhoneInput = (props) => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx15("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+    /* @__PURE__ */ jsx17("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
   ] }) });
 };
 var PhoneInput_default = PhoneInput;
 // src/components/controls/edit/NumberInput.tsx
 import React16 from "react";
-import { jsx as jsx16, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
 var NumberInput = (props) => {
   const textChangeHandler = (event) => {
     const text = event.target.value;
@@ -640,11 +812,11 @@ var NumberInput = (props) => {
   if (props.value !== void 0 && props.value !== null) {
     value = props.value;
   }
-  return /* @__PURE__ */ jsx16(React16.Fragment, { children: /* @__PURE__ */ jsxs11("label", { className: "block", children: [
-    props?.attributes?.label && /* @__PURE__ */ jsx16("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
+  return /* @__PURE__ */ jsx18(React16.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__ */ jsx16("span", { className: "bg-error-weak", children: "*" }),
-    /* @__PURE__ */ jsx16(
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx18("span", { className: "bg-error-weak", children: "*" }),
+    /* @__PURE__ */ jsx18(
       "input",
       {
         type: "number",
@@ -663,14 +835,14 @@ var NumberInput = (props) => {
         className: "peer py-1.5 block w-full rounded shadow-sm number-input input\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n                     "
       }
     ),
-    /* @__PURE__ */ jsx16("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+    /* @__PURE__ */ jsx18("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
   ] }) });
 };
 var NumberInput_default = NumberInput;
 // src/components/controls/edit/CheckboxInput.tsx
 import React17 from "react";
-import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
 var CheckboxInput = (props) => {
   const textChangeHandler = (event) => {
     let text = event.target.checked;
@@ -687,11 +859,11 @@ var CheckboxInput = (props) => {
   if (props.value != void 0 && props.value != null && props.value != "" && (props.value == "true" || props.value.toString() == "true")) {
     value = true;
   }
-  return /* @__PURE__ */ jsx17(React17.Fragment, { children: /* @__PURE__ */ jsxs12("label", { className: "inline-block mb-1", children: [
-    /* @__PURE__ */ jsx17("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
+  return /* @__PURE__ */ jsx19(React17.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__ */ jsx17("span", { className: "bg-error-weak", children: "*" }),
-    /* @__PURE__ */ jsx17(
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx19("span", { className: "bg-error-weak", children: "*" }),
+    /* @__PURE__ */ jsx19(
       "input",
       {
         type: "checkbox",
@@ -708,14 +880,14 @@ var CheckboxInput = (props) => {
         className: "peer mt-1 py-1.5 block rounded shadow-sm\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n                     "
       }
     ),
-    /* @__PURE__ */ jsx17("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+    /* @__PURE__ */ jsx19("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
   ] }) });
 };
 var CheckboxInput_default = CheckboxInput;
 // src/components/controls/edit/OtpInput.tsx
 import React18 from "react";
-import { jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
 var OtpInput = (props) => {
   const textChangeHandler = (event) => {
     const text = event.target.value;
@@ -737,11 +909,11 @@ var OtpInput = (props) => {
   if (props.value !== void 0 && props.value !== null) {
     value = props.value;
   }
-  return /* @__PURE__ */ jsx18(React18.Fragment, { children: /* @__PURE__ */ jsxs13("label", { htmlFor: props.name, className: "block mb-1 w-full", children: [
-    /* @__PURE__ */ jsx18("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
+  return /* @__PURE__ */ jsx20(React18.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__ */ jsx18("span", { className: "bg-error-weak", children: "*" }),
-    /* @__PURE__ */ jsx18(
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx20("span", { className: "bg-error-weak", children: "*" }),
+    /* @__PURE__ */ jsx20(
       "input",
       {
         type: "text",
@@ -761,14 +933,14 @@ var OtpInput = (props) => {
         className: "peer mt-1 py-1.5 block w-full rounded shadow-sm tracking-[1.25em] text-center"
       }
     ),
-    /* @__PURE__ */ jsx18("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+    /* @__PURE__ */ jsx20("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
   ] }) });
 };
 var OtpInput_default = OtpInput;
 // src/components/controls/edit/DateTimeInput.tsx
 import React19 from "react";
-import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs14 } from "react/jsx-runtime";
 var DateTimeInput = (props) => {
   const textChangeHandler = (event) => {
     const localDate = new Date(event.target.value);
@@ -800,12 +972,12 @@ var DateTimeInput = (props) => {
       e.preventDefault();
     }
   };
-  return /* @__PURE__ */ jsx19(React19.Fragment, { children: /* @__PURE__ */ jsxs14("label", { className: "block mb-1", children: [
-    /* @__PURE__ */ jsx19("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
+  return /* @__PURE__ */ jsx21(React19.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__ */ jsx19("span", { className: "bg-error-weak", children: "*" }),
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx21("span", { className: "bg-error-weak", children: "*" }),
     /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ jsx19(
+      /* @__PURE__ */ jsx21(
         "input",
         {
           type: "datetime-local",
@@ -823,16 +995,16 @@ var DateTimeInput = (props) => {
           className: "peer mt-1 py-1.5 block w-full rounded shadow-sm\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n                     "
         }
       ),
-      /* @__PURE__ */ jsx19("span", { children: timeZoneAbbr })
+      /* @__PURE__ */ jsx21("span", { children: timeZoneAbbr })
     ] }),
-    /* @__PURE__ */ jsx19("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+    /* @__PURE__ */ jsx21("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
   ] }) });
 };
 var DateTimeInput_default = DateTimeInput;
 // src/components/controls/edit/ColorInput.tsx
 import React20, { useEffect as useEffect2 } from "react";
-import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
 var ColorInput = (props) => {
   const [color, setColor] = React20.useState("#3b82f6");
   useEffect2(() => {
@@ -855,10 +1027,10 @@ var ColorInput = (props) => {
     }
   };
   return /* @__PURE__ */ jsxs15("label", { className: "block mb-1", children: [
-    /* @__PURE__ */ jsx20("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
+    /* @__PURE__ */ jsx22("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
     " ",
-    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx20("span", { className: "bg-error-weak", children: "*" }),
-    /* @__PURE__ */ jsx20(
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx22("span", { className: "bg-error-weak", children: "*" }),
+    /* @__PURE__ */ jsx22(
       "input",
       {
         type: "color",
@@ -871,14 +1043,14 @@ var ColorInput = (props) => {
         className: `w-[78px] h-12 block cursor-pointer`
       }
     ),
-    props?.attributes?.errorMessage && /* @__PURE__ */ jsx20("p", { className: "mt-1 bg-error-weak text-sm", children: props.attributes.errorMessage })
+    props?.attributes?.errorMessage && /* @__PURE__ */ jsx22("p", { className: "mt-1 bg-error-weak text-sm", children: props.attributes.errorMessage })
   ] });
 };
 var ColorInput_default = ColorInput;
 // src/components/controls/edit/SelectWithSearchInput.tsx
 import { useEffect as useEffect3, useRef, useState as useState2 } from "react";
-import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs16 } from "react/jsx-runtime";
 var SelectWithSearchInput = (props) => {
   const [isOpen, setIsOpen] = useState2(false);
   const [searchTerm, setSearchTerm] = useState2("");
@@ -954,10 +1126,10 @@ var SelectWithSearchInput = (props) => {
       props.attributes?.label,
       " ",
       " ",
-      props?.attributes?.required && /* @__PURE__ */ jsx21("span", { className: "bg-error-weak", children: "*" })
+      props?.attributes?.required && /* @__PURE__ */ jsx23("span", { className: "bg-error-weak", children: "*" })
     ] }),
     /* @__PURE__ */ jsxs16("div", { className: "relative", children: [
-      /* @__PURE__ */ jsx21(
+      /* @__PURE__ */ jsx23(
         "input",
         {
           type: "text",
@@ -973,13 +1145,13 @@ var SelectWithSearchInput = (props) => {
           className: "peer py-1.5 select block w-full text-black rounded border-gray-300 shadow-sm\n          focus:border-indigo-300 focus:ring focus:ring-indigo-200 focus:ring-opacity-50\n          disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n          "
         }
       ),
-      /* @__PURE__ */ jsx21(
+      /* @__PURE__ */ jsx23(
         "button",
         {
           type: "button",
           onClick: () => setIsOpen(!isOpen),
           className: "absolute right-2 top-3 h-5 w-5 text-gray-500 focus:outline-none",
-          children: /* @__PURE__ */ jsx21(
+          children: /* @__PURE__ */ jsx23(
             "svg",
             {
               xmlns: "http://www.w3.org/2000/svg",
@@ -988,7 +1160,7 @@ var SelectWithSearchInput = (props) => {
               strokeWidth: 1.5,
               stroke: "currentColor",
               className: "w-full h-full",
-              children: /* @__PURE__ */ jsx21(
+              children: /* @__PURE__ */ jsx23(
                 "path",
                 {
                   strokeLinecap: "round",
@@ -1001,12 +1173,12 @@ var SelectWithSearchInput = (props) => {
         }
       )
     ] }),
-    isOpen && /* @__PURE__ */ jsx21(
+    isOpen && /* @__PURE__ */ jsx23(
       "div",
       {
         ref: dropdownRef,
         className: "absolute z-10 mt-2 w-full bg-white border border-gray-200 rounded-md shadow-lg max-h-48 overflow-y-auto",
-        children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ jsx21(
+        children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ jsx23(
           "button",
           {
             onClick: (e) => handleSelect(e, item),
@@ -1014,10 +1186,10 @@ var SelectWithSearchInput = (props) => {
             role: "option",
             tabIndex: -1,
             onMouseEnter: () => setHighlightedIndex(index),
-            children: /* @__PURE__ */ jsx21("span", { children: item[props.dataTextFieldName] })
+            children: /* @__PURE__ */ jsx23("span", { children: item[props.dataTextFieldName] })
           },
           item[props.dataKeyFieldName]
-        )) : /* @__PURE__ */ jsx21("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
+        )) : /* @__PURE__ */ jsx23("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
       }
     )
   ] });
@@ -1031,7 +1203,7 @@ import React22, {
   useState as useState3,
   useCallback
 } from "react";
-import { jsx as jsx22, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs17 } from "react/jsx-runtime";
 var SelectWithSearchPanel = (props) => {
   const [isOpen, setIsOpen] = useState3(false);
   const [searchTerm, setSearchTerm] = useState3("");
@@ -1172,9 +1344,9 @@ var SelectWithSearchPanel = (props) => {
       props.attributes?.label,
       " ",
       " ",
-      props?.attributes?.required && /* @__PURE__ */ jsx22("span", { className: "bg-error-weak", children: "*" })
+      props?.attributes?.required && /* @__PURE__ */ jsx24("span", { className: "bg-error-weak", children: "*" })
     ] }),
-    /* @__PURE__ */ jsx22("div", { children: /* @__PURE__ */ jsx22(
+    /* @__PURE__ */ jsx24("div", { children: /* @__PURE__ */ jsx24(
       "input",
       {
         type: "text",
@@ -1188,14 +1360,14 @@ var SelectWithSearchPanel = (props) => {
           disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none`
       }
     ) }),
-    /* @__PURE__ */ jsx22("div", { ref: containerRef, children: isOpen && /* @__PURE__ */ jsxs17(React22.Fragment, { children: [
+    /* @__PURE__ */ jsx24("div", { ref: containerRef, children: isOpen && /* @__PURE__ */ jsxs17(React22.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__ */ jsx22("div", { className: "flex flex-col p-2 bg-accent-950 text-white", children: /* @__PURE__ */ jsxs17("h5", { className: "text-md text-white font-medium", 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",
           " ",
           props.attributes?.label || props.attributes?.heading
         ] }) }),
-        /* @__PURE__ */ jsx22("div", { className: "flex justify-end px-4 border-b py-2 border-gray-200 h-10", children: props.createFields && props.createFields.length > 0 && /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx24("div", { className: "flex justify-end px-4 border-b py-2 border-gray-200 h-10", children: props.createFields && props.createFields.length > 0 && /* @__PURE__ */ jsx24(
           "button",
           {
             type: "button",
@@ -1209,11 +1381,11 @@ var SelectWithSearchPanel = (props) => {
         ) })
       ] }),
       isCreateOpen && /* @__PURE__ */ jsxs17("div", { className: "fixed right-0 w-1/4 h-full top-[62px] bg-white shadow-lg border-l border-gray-200 z-50", children: [
-        /* @__PURE__ */ jsx22("div", { className: "flex flex-col p-2 bg-accent-950", children: /* @__PURE__ */ jsxs17("h5", { className: "text-md font-medium text-white", children: [
+        /* @__PURE__ */ jsx24("div", { className: "flex flex-col p-2 bg-accent-950", children: /* @__PURE__ */ jsxs17("h5", { className: "text-md font-medium text-white", children: [
           "Create New ",
           props.attributes?.label
         ] }) }),
-        /* @__PURE__ */ jsx22("div", { className: "flex justify-end px-4 border-b py-2 border-gray-200", children: /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx24("div", { className: "flex justify-end px-4 border-b py-2 border-gray-200", children: /* @__PURE__ */ jsx24(
           "button",
           {
             type: "button",
@@ -1224,8 +1396,8 @@ var SelectWithSearchPanel = (props) => {
         ) }),
         /* @__PURE__ */ jsxs17("div", { className: "p-4", children: [
           props.createFields?.map((field) => /* @__PURE__ */ jsxs17("div", { className: "mb-4", children: [
-            /* @__PURE__ */ jsx22("label", { className: "text-sm mb-1 font-medium block", children: field.label }),
-            /* @__PURE__ */ jsx22(
+            /* @__PURE__ */ jsx24("label", { className: "text-sm mb-1 font-medium block", children: field.label }),
+            /* @__PURE__ */ jsx24(
               "input",
               {
                 type: field.type,
@@ -1250,13 +1422,13 @@ var SelectWithSearchPanel = (props) => {
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsx22(
+      /* @__PURE__ */ jsx24(
         "div",
         {
           ref: listRef,
           className: "fixed z-10 right-0 mt-[130px] top-0 w-1/4 bg-white border-l border-gray-200 shadow-lg overflow-y-auto",
           style: { height: "calc(100vh - 130px)" },
-          children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ jsx22("div", { children: /* @__PURE__ */ jsx22(
+          children: filteredItems.length > 0 ? filteredItems.map((item, index) => /* @__PURE__ */ jsx24("div", { children: /* @__PURE__ */ jsx24(
             "button",
             {
               onClick: (e) => {
@@ -1266,9 +1438,9 @@ var SelectWithSearchPanel = (props) => {
               role: "option",
               tabIndex: -1,
               onMouseEnter: () => setHighlightedIndex(index),
-              children: /* @__PURE__ */ jsx22("span", { children: getNestedValue3(item, props.dataTextFieldName) })
+              children: /* @__PURE__ */ jsx24("span", { children: getNestedValue3(item, props.dataTextFieldName) })
             }
-          ) }, item[props.dataKeyFieldName])) : /* @__PURE__ */ jsx22("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
+          ) }, item[props.dataKeyFieldName])) : /* @__PURE__ */ jsx24("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
         }
       )
     ] }) })
@@ -1281,7 +1453,7 @@ import React23, {
   useState as useState4,
   useEffect as useEffect5
 } from "react";
-import { jsx as jsx23, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs18 } from "react/jsx-runtime";
 var BooleanSelect = (props) => {
   const [list, setList] = useState4();
   const textChangeHandler = (event) => {
@@ -1330,10 +1502,10 @@ var BooleanSelect = (props) => {
   if (props.value !== void 0 && props.value !== null) {
     value = props.value;
   }
-  return /* @__PURE__ */ jsx23(React23.Fragment, { children: /* @__PURE__ */ jsxs18("label", { className: "block", children: [
-    /* @__PURE__ */ jsx23("span", { className: "text-sm font-medium ", children: props?.attributes?.label }),
+  return /* @__PURE__ */ jsx25(React23.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__ */ jsx23("span", { className: "bg-error-weak", children: "*" }),
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx25("span", { className: "bg-error-weak", children: "*" }),
     /* @__PURE__ */ jsxs18(
       "select",
       {
@@ -1346,9 +1518,9 @@ var BooleanSelect = (props) => {
         disabled: props?.attributes?.readOnly,
         className: "peer mt-1 py-1.5 block w-full text-black rounded shadow-sm\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none\n                     ",
         children: [
-          /* @__PURE__ */ jsx23("option", { className: "", value: "", children: props.attributes?.placeholder || "Select" }),
+          /* @__PURE__ */ jsx25("option", { className: "", value: "", children: props.attributes?.placeholder || "Select" }),
           list && list.map((item, i) => {
-            return /* @__PURE__ */ jsx23(
+            return /* @__PURE__ */ jsx25(
               "option",
               {
                 className: "fac-select-option",
@@ -1361,14 +1533,14 @@ var BooleanSelect = (props) => {
         ]
       }
     ),
-    /* @__PURE__ */ jsx23("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+    /* @__PURE__ */ jsx25("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
   ] }) });
 };
 var BooleanSelect_default = BooleanSelect;
 // src/components/controls/edit/EmailInput.tsx
 import React24 from "react";
-import { jsx as jsx24, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs19 } from "react/jsx-runtime";
 var EmailInput = (props) => {
   const textChangeHandler = (event) => {
     const text = event.target.value;
@@ -1393,11 +1565,11 @@ var EmailInput = (props) => {
   if (props.value !== void 0 && props.value !== null) {
     value = props.value;
   }
-  return /* @__PURE__ */ jsx24(React24.Fragment, { children: /* @__PURE__ */ jsxs19("label", { className: "block mb-1", children: [
-    /* @__PURE__ */ jsx24("span", { className: "text-sm font-medium text-slate-700", children: props?.attributes?.label }),
+  return /* @__PURE__ */ jsx26(React24.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__ */ jsx24("span", { className: "bg-error-weak", children: "*" }),
-    /* @__PURE__ */ jsx24(
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx26("span", { className: "bg-error-weak", children: "*" }),
+    /* @__PURE__ */ jsx26(
       "input",
       {
         type: "email",
@@ -1413,14 +1585,14 @@ var EmailInput = (props) => {
         className: "peer mt-1 py-1.5 block w-full rounded shadow-sm\n                     transition-all duration-500 ease-in-out"
       }
     ),
-    /* @__PURE__ */ jsx24("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 mb-0 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
+    /* @__PURE__ */ jsx26("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 mb-0 bg-error-weak text-sm", children: props?.attributes?.errorMessage ? props.attributes.errorMessage : "" })
   ] }) });
 };
 var EmailInput_default = EmailInput;
 // src/components/controls/edit/TimeInput.tsx
 import React25 from "react";
-import { jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs20 } from "react/jsx-runtime";
 var TimeInput = (props) => {
   const timeChangeHandler = (event) => {
     const timeValue = event.target.value;
@@ -1433,11 +1605,11 @@ var TimeInput = (props) => {
       });
     }
   };
-  return /* @__PURE__ */ jsx25(React25.Fragment, { children: /* @__PURE__ */ jsxs20("label", { className: "block mb-1", children: [
-    /* @__PURE__ */ jsx25("span", { className: "text-sm font-medium", children: props?.attributes?.label }),
+  return /* @__PURE__ */ jsx27(React25.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__ */ jsx25("span", { className: "bg-error-weak", children: "*" }),
-    /* @__PURE__ */ jsx25("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx25(
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx27("span", { className: "bg-error-weak", children: "*" }),
+    /* @__PURE__ */ jsx27("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx27(
       "input",
       {
         type: "time",
@@ -1450,7 +1622,7 @@ var TimeInput = (props) => {
         className: "peer mt-1 py-1.5 block w-full rounded shadow-sm\n                     disabled:bg-slate-50 disabled:text-slate-500 disabled:border-slate-200 disabled:shadow-none"
       }
     ) }),
-    /* @__PURE__ */ jsx25("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ?? "" })
+    /* @__PURE__ */ jsx27("p", { className: "hidden group-[.validated]:peer-invalid:block mt-1 bg-error-weak text-sm", children: props?.attributes?.errorMessage ?? "" })
   ] }) });
 };
 var TimeInput_default = TimeInput;
@@ -1458,30 +1630,9 @@ var TimeInput_default = TimeInput;
 // src/components/controls/edit/AssetUpload.tsx
 import React26, { useEffect as useEffect6 } from "react";
-// src/components/utilities/AssetUtility.tsx
-var AssetUtility = class {
-  constructor() {
-  }
-  static resolveUrl(assetBaseUrl, url) {
-    if (!url) return void 0;
-    if (url.startsWith("http")) return url;
-    if (!assetBaseUrl) return url;
-    return `${assetBaseUrl}/${url}`;
-  }
-  // static getAssetUrl(apiBaseUrl: string) {
-  //   let domainName = apiBaseUrl.replace("https://", "");
-  //   return `https://cdn.g-assets.com/${domainName}`;
-  // }
-  static getAssetFullPath(apiBaseUrl, relativePath) {
-    const domainName = apiBaseUrl.replace("https://", "");
-    return `https://cdn.g-assets.com/${domainName}/${relativePath}`;
-  }
-};
-var AssetUtility_default = AssetUtility;
 // src/components/dataForm/Hyperlink.tsx
 import Link from "next/link";
-import { Fragment, jsx as jsx26 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx28 } from "react/jsx-runtime";
 function Hyperlink(props) {
   let linkClass = props.linkType ? buttonClasses.get(props.linkType) : buttonClasses.get("Link" /* Link */);
   const target = props?.href?.startsWith("http") ? "_blank" : "_self";
@@ -1489,7 +1640,7 @@ function Hyperlink(props) {
   if (target == "_blank") {
     additionalProps.rel = "noopener noreferrer";
   }
-  return /* @__PURE__ */ jsx26(Fragment, { children: props.href ? /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx28(Fragment, { children: props.href ? /* @__PURE__ */ jsx28(
     Link,
     {
       href: props.href,
@@ -1499,34 +1650,34 @@ function Hyperlink(props) {
       target,
       children: props.children
     }
-  ) : props.isHeading ? /* @__PURE__ */ jsx26("h5", { className: props.className + "inline-block", children: props.children }) : /* @__PURE__ */ jsx26("span", { className: props.className, children: props.children }) });
+  ) : props.isHeading ? /* @__PURE__ */ jsx28("h5", { className: props.className + "inline-block", children: props.children }) : /* @__PURE__ */ jsx28("span", { className: props.className, children: props.children }) });
 }
 // src/svg/chevron-updown.tsx
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 var ChevronUpDown = (props) => {
-  return /* @__PURE__ */ jsx27("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ jsx27("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" }) });
+  return /* @__PURE__ */ jsx29("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ jsx29("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9" }) });
 };
 var chevron_updown_default = ChevronUpDown;
 // src/svg/chevron-down.tsx
-import { jsx as jsx28 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 var ChevronDown = (props) => {
-  return /* @__PURE__ */ jsx28("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ jsx28("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" }) });
+  return /* @__PURE__ */ jsx30("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ jsx30("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M19.5 8.25l-7.5 7.5-7.5-7.5" }) });
 };
 var chevron_down_default = ChevronDown;
 // src/svg/chevron-up.tsx
-import { jsx as jsx29 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 var ChevronUp = (props) => {
-  return /* @__PURE__ */ jsx29("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ jsx29("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 15.75l7.5-7.5 7.5 7.5" }) });
+  return /* @__PURE__ */ jsx31("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ jsx31("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4.5 15.75l7.5-7.5 7.5 7.5" }) });
 };
 var chevron_up_default = ChevronUp;
 // src/svg/plus.tsx
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx32 } from "react/jsx-runtime";
 var Plus = (props) => {
-  return /* @__PURE__ */ jsx30("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ jsx30("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m7.5-7.5h-15" }) });
+  return /* @__PURE__ */ jsx32("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: props.className, children: /* @__PURE__ */ jsx32("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M12 4.5v15m7.5-7.5h-15" }) });
 };
 var plus_default = Plus;
@@ -1540,19 +1691,19 @@ var Icons = {
 var Icons_default = Icons;
 // src/svg/Icon.tsx
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 var Icon = ({ name, className, ...props }) => {
   const IconComponent = Icons_default[name];
   if (!IconComponent) {
     console.error(`Icon "${name}" not found.`);
     return null;
   }
-  return /* @__PURE__ */ jsx31(IconComponent, { ...props, className });
+  return /* @__PURE__ */ jsx33(IconComponent, { ...props, className });
 };
 var Icon_default = Icon;
 // src/components/controls/edit/AssetUpload.tsx
-import { jsx as jsx32, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx34, jsxs as jsxs21 } from "react/jsx-runtime";
 var AssetUpload = (props) => {
   const isDisabled = props.attributes?.disable ?? false;
   let allValues = [];
@@ -1650,9 +1801,9 @@ var AssetUpload = (props) => {
     return false;
   };
   return /* @__PURE__ */ jsxs21(React26.Fragment, { children: [
-    /* @__PURE__ */ jsx32("label", { className: "block mb-1", children: /* @__PURE__ */ jsx32("span", { className: "text-sm font-medium", children: props?.attributes?.label }) }),
+    /* @__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__ */ jsx32(
+      /* @__PURE__ */ jsx34(
         ClientButton_default,
         {
           className: assetType === "image" ? "px-2 py-1 rounded bg-body-200 scale-95" : "text-neutral-700",
@@ -1662,7 +1813,7 @@ var AssetUpload = (props) => {
           children: "Image Upload"
         }
       ),
-      /* @__PURE__ */ jsx32(
+      /* @__PURE__ */ jsx34(
         ClientButton_default,
         {
           className: assetType === "video" ? "bg-body-200 px-2 py-1 rounded-md scale-95" : "text-neutral-700",
@@ -1674,12 +1825,12 @@ var AssetUpload = (props) => {
       )
     ] }),
     shouldShowDetails() && /* @__PURE__ */ jsxs21("div", { className: "relative mt-4 rounded-md p-4 border-2 border-dotted border-gray-300 bg-gray-50", children: [
-      /* @__PURE__ */ jsx32("span", { className: "absolute -top-2.5 left-3 bg-primary-600 text-white text-xs px-2 py-0.5 rounded-full", children: getAssetType(allValues[0]) === "video" ? "Video" : "Image" }),
-      /* @__PURE__ */ jsx32("div", { className: "flex flex-col gap-3", children: allValues.map((digitalAsset, index) => /* @__PURE__ */ jsxs21("div", { className: "flex justify-between items-start gap-5", children: [
+      /* @__PURE__ */ jsx34("span", { className: "absolute -top-2.5 left-3 bg-primary-600 text-white text-xs px-2 py-0.5 rounded-full", children: getAssetType(allValues[0]) === "video" ? "Video" : "Image" }),
+      /* @__PURE__ */ jsx34("div", { className: "flex flex-col gap-3", children: allValues.map((digitalAsset, index) => /* @__PURE__ */ jsxs21("div", { className: "flex justify-between items-start gap-5", children: [
         /* @__PURE__ */ jsxs21("div", { className: "grid grid-cols-2 gap-x-8 gap-y-3 text-sm w-full", children: [
           /* @__PURE__ */ jsxs21("div", { children: [
-            /* @__PURE__ */ jsx32("p", { className: "text-gray-500", children: "Title" }),
-            /* @__PURE__ */ jsx32(
+            /* @__PURE__ */ jsx34("p", { className: "text-gray-500", children: "Title" }),
+            /* @__PURE__ */ jsx34(
               "input",
               {
                 type: "text",
@@ -1692,7 +1843,7 @@ var AssetUpload = (props) => {
             )
           ] }),
           digitalAsset.intrinsicWidth && digitalAsset.intrinsicHeight && /* @__PURE__ */ jsxs21("div", { children: [
-            /* @__PURE__ */ jsx32("p", { className: "text-gray-500", children: "Resolution" }),
+            /* @__PURE__ */ jsx34("p", { className: "text-gray-500", children: "Resolution" }),
             /* @__PURE__ */ jsxs21("p", { className: "font-medium text-gray-900 mt-3", children: [
               digitalAsset.intrinsicWidth,
               "\xD7",
@@ -1700,9 +1851,9 @@ var AssetUpload = (props) => {
             ] })
           ] }),
           (digitalAsset.assetUrl || digitalAsset.posterUrl) && /* @__PURE__ */ jsxs21("div", { children: [
-            /* @__PURE__ */ jsx32("p", { className: "text-gray-500", children: "Image / Poster" }),
+            /* @__PURE__ */ jsx34("p", { className: "text-gray-500", children: "Image / Poster" }),
             /* @__PURE__ */ jsxs21("div", { className: "flex-shrink-0 flex flex-col gap-3 mt-1", children: [
-              getAssetType(digitalAsset) === "video" && digitalAsset.posterUrl && /* @__PURE__ */ jsx32(
+              getAssetType(digitalAsset) === "video" && digitalAsset.posterUrl && /* @__PURE__ */ jsx34(
                 "img",
                 {
                   src: AssetUtility_default.resolveUrl(props.serviceClient?.baseUrl, digitalAsset.posterUrl),
@@ -1710,7 +1861,7 @@ var AssetUpload = (props) => {
                   className: "w-32 h-auto object-cover rounded border p-1"
                 }
               ),
-              getAssetType(digitalAsset) === "image" && digitalAsset.assetUrl && /* @__PURE__ */ jsx32(
+              getAssetType(digitalAsset) === "image" && digitalAsset.assetUrl && /* @__PURE__ */ jsx34(
                 "img",
                 {
                   src: AssetUtility_default.resolveUrl(props.serviceClient?.baseUrl, digitalAsset.assetUrl),
@@ -1721,8 +1872,8 @@ var AssetUpload = (props) => {
             ] })
           ] }),
           digitalAsset.assetUrl?.endsWith(".m3u8") && /* @__PURE__ */ jsxs21("div", { className: "col-span-2", children: [
-            /* @__PURE__ */ jsx32("p", { className: "text-gray-500", children: "HLS Link" }),
-            /* @__PURE__ */ jsx32(
+            /* @__PURE__ */ jsx34("p", { className: "text-gray-500", children: "HLS Link" }),
+            /* @__PURE__ */ jsx34(
               Hyperlink,
               {
                 href: digitalAsset.assetUrl,
@@ -1733,12 +1884,12 @@ var AssetUpload = (props) => {
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsx32(
+        /* @__PURE__ */ jsx34(
           "span",
           {
             onClick: () => !isDisabled && deleteFile(index),
             className: isDisabled ? "cursor-not-allowed opacity-50" : "cursor-pointer",
-            children: /* @__PURE__ */ jsx32(Icon_default, { className: "w-4 h-4 text-primary", name: "delete" })
+            children: /* @__PURE__ */ jsx34(Icon_default, { className: "w-4 h-4 text-primary", name: "delete" })
           }
         )
       ] }, index)) })
@@ -1748,7 +1899,7 @@ var AssetUpload = (props) => {
 var AssetUpload_default = AssetUpload;
 // src/components/controls/edit/InputControl.tsx
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 var InputControl = React27.forwardRef(
   (props, ref) => {
     const ControlComponents = {
@@ -1771,7 +1922,7 @@ var InputControl = React27.forwardRef(
       [InputControlType_default.asset]: AssetUpload_default
     };
     const SelectedControlComponent = ControlComponents[props.controlType];
-    return /* @__PURE__ */ jsx33(React27.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx33(SelectedControlComponent, { ...props }) : "Control not found" });
+    return /* @__PURE__ */ jsx35(React27.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx35(SelectedControlComponent, { ...props }) : "Control not found" });
   }
 );
 InputControl.displayName = "InputControl";
@@ -1784,7 +1935,7 @@ import React41 from "react";
 import React30 from "react";
 // src/components/pageRenderingEngine/nodes/TextNode.tsx
-import { jsx as jsx34, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs22 } from "react/jsx-runtime";
 var TextNode = (props) => {
   function cssStringToJson(cssString) {
     const styleObject = {};
@@ -1841,24 +1992,24 @@ var TextNode = (props) => {
   function renderWithLineBreaks(text) {
     return text.split("\n").map((line, index, arr) => /* @__PURE__ */ jsxs22("span", { children: [
       line,
-      index < arr.length - 1 && /* @__PURE__ */ jsx34("br", {})
+      index < arr.length - 1 && /* @__PURE__ */ jsx36("br", {})
     ] }, index));
   }
   const displayText = props.linkText ? props.linkText : props.node.text;
   const finalText = props.dataitem && props.linkText ? displayText : props.dataitem ? replacePlaceholders(props.node.text, props.dataitem) : props.node.text;
   const content = typeof finalText === "string" ? renderWithLineBreaks(finalText) : finalText;
-  const formattedContent = props.node.format & 64 ? /* @__PURE__ */ jsx34("sup", { children: content }) : props.node.format & 32 ? /* @__PURE__ */ jsx34("sub", { children: content }) : content;
+  const formattedContent = props.node.format & 64 ? /* @__PURE__ */ jsx36("sup", { children: content }) : props.node.format & 32 ? /* @__PURE__ */ jsx36("sub", { children: content }) : content;
   return (
     // @ts-expect-error custom code
-    /* @__PURE__ */ jsx34("span", { style: { ...styles }, className: getFormatClass(props.node.format), children: formattedContent })
+    /* @__PURE__ */ jsx36("span", { style: { ...styles }, className: getFormatClass(props.node.format), children: formattedContent })
   );
 };
 var TextNode_default = TextNode;
 // src/components/pageRenderingEngine/nodes/LineBreakNode.tsx
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 var LineBreakNode = () => {
-  return /* @__PURE__ */ jsx35("div", { className: "py-0.5 lg:py-1.5" });
+  return /* @__PURE__ */ jsx37("div", { className: "py-0.5 lg:py-1.5" });
 };
 var LineBreakNode_default = LineBreakNode;
@@ -1868,127 +2019,7 @@ import React29 from "react";
 // src/components/pageRenderingEngine/nodes/ImageNode.tsx
 import React28 from "react";
 import dynamic3 from "next/dynamic";
-// src/components/DeviceAssetSelector.tsx
-import { jsx as jsx36 } from "react/jsx-runtime";
-var DeviceAssetSelector = ({
-  assets,
-  assetBaseUrl,
-  session,
-  // This should receive the session
-  width,
-  tag,
-  customProps,
-  nodeProps,
-  device
-}) => {
-  console.log("\u{1F511} Session in DeviceAssetSelector:", session);
-  const targetTag = tag || nodeProps?.tag;
-  const selectAssetByDevice = (assets2, currentDevice) => {
-    if (!assets2 || assets2.length === 0) return void 0;
-    const exactMatch = assets2.find((asset) => asset.device === currentDevice);
-    if (exactMatch) return exactMatch;
-    const noDeviceMatch = assets2.find((asset) => !asset.device || asset.device === "");
-    if (noDeviceMatch) return noDeviceMatch;
-    return void 0;
-  };
-  const selectAssetByTagAndDevice = (assets2, currentDevice, targetTag2) => {
-    if (!assets2 || assets2.length === 0) return void 0;
-    if (!targetTag2) return selectAssetByDevice(assets2, currentDevice);
-    const taggedAssets = assets2.filter((asset) => asset.tag === targetTag2);
-    if (taggedAssets.length === 0) {
-      return selectAssetByDevice(assets2, currentDevice);
-    }
-    const exactTaggedMatch = taggedAssets.find((asset) => asset.device === currentDevice);
-    if (exactTaggedMatch) return exactTaggedMatch;
-    const noDeviceTaggedMatch = taggedAssets.find((asset) => !asset.device || asset.device === "");
-    if (noDeviceTaggedMatch) return noDeviceTaggedMatch;
-    return void 0;
-  };
-  const selectAsset = () => {
-    if (!assets || assets.length === 0) return void 0;
-    if (targetTag) {
-      return selectAssetByTagAndDevice(assets, device, targetTag);
-    }
-    return selectAssetByDevice(assets, device);
-  };
-  const selectedAsset = selectAsset();
-  if (!selectedAsset) {
-    console.warn("No suitable asset found for device:", device, "and tag:", targetTag);
-    return null;
-  }
-  const resolvedAssetUrl = AssetUtility_default.resolveUrl(assetBaseUrl, selectedAsset.assetUrl);
-  const resolvedThumbnailUrl = selectedAsset.posterUrl ? AssetUtility_default.resolveUrl(assetBaseUrl, selectedAsset.posterUrl) : void 0;
-  console.log("Selected Asset:", resolvedThumbnailUrl);
-  const title = selectedAsset.title || nodeProps?.title;
-  const intrinsicWidth = selectedAsset.intrinsicWidth?.toString();
-  const intrinsicHeight = selectedAsset.intrinsicHeight?.toString();
-  const isHls = resolvedAssetUrl?.endsWith(".m3u8");
-  const showControls = customProps?.showControls ?? nodeProps?.showControls === "true";
-  const loop = customProps?.loop ?? nodeProps?.loop === "true";
-  const playOptions = customProps?.playOptions ?? nodeProps?.playOptions;
-  const styles = {};
-  if (nodeProps?.height) {
-    styles.height = nodeProps.height;
-  }
-  if (nodeProps?.borderRadius) {
-    styles.borderRadius = nodeProps.borderRadius;
-  }
-  if (nodeProps?.width) {
-    styles.width = nodeProps.width;
-  }
-  const FormatClass = {
-    "center": "justify-center",
-    "left": "justify-start",
-    "right": "justify-end"
-  };
-  const formatClasses = FormatClass[nodeProps?.format || ""] || "";
-  const renderMedia = () => {
-    if (isHls) {
-      return /* @__PURE__ */ jsx36(
-        HlsPlayer_default,
-        {
-          assetUrl: resolvedAssetUrl,
-          posterUrl: resolvedThumbnailUrl,
-          intrinsicWidth,
-          intrinsicHeight,
-          showControls,
-          loop,
-          playOptions,
-          apiBaseUrl: assetBaseUrl,
-          session
-        }
-      );
-    } else {
-      return (
-        /* eslint-disable-next-line @next/next/no-img-element */
-        /* @__PURE__ */ jsx36(
-          "img",
-          {
-            style: styles,
-            loading: "lazy",
-            className: "object-cover w-full",
-            src: resolvedAssetUrl,
-            width: selectedAsset.intrinsicWidth,
-            alt: title || "Asset image",
-            height: selectedAsset.intrinsicHeight
-          }
-        )
-      );
-    }
-  };
-  if (width) {
-    return /* @__PURE__ */ jsx36("div", { style: { width }, children: renderMedia() });
-  }
-  if (nodeProps?.format) {
-    return /* @__PURE__ */ jsx36("div", { className: `flex ${formatClasses}`, children: renderMedia() });
-  }
-  return renderMedia();
-};
-var DeviceAssetSelector_default = DeviceAssetSelector;
-// src/components/pageRenderingEngine/nodes/ImageNode.tsx
-import { Fragment as Fragment2, jsx as jsx37 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx38 } from "react/jsx-runtime";
 var HlsPlayer = dynamic3(() => import("./HlsPlayer-GZR4QXJY.mjs"), {
   ssr: false
 });
@@ -2031,7 +2062,7 @@ var ImageNode = (props) => {
       console.error("Error parsing assets in ImageNode:", error);
     }
     if (assets && assets.length > 0) {
-      return /* @__PURE__ */ jsx37(Fragment2, { children: /* @__PURE__ */ jsx37(
+      return /* @__PURE__ */ jsx38(Fragment2, { children: /* @__PURE__ */ jsx38(
         DeviceAssetSelector_default,
         {
           device: props.device,
@@ -2080,7 +2111,7 @@ var ImageNode = (props) => {
   const isHls = imageUrl?.endsWith(".m3u8");
   const renderMedia = () => {
     if (isHls) {
-      return /* @__PURE__ */ jsx37(
+      return /* @__PURE__ */ jsx38(
         HlsPlayer,
         {
           assetUrl: imageUrl,
@@ -2095,7 +2126,7 @@ var ImageNode = (props) => {
         }
       );
     } else {
-      return /* @__PURE__ */ jsx37(React28.Fragment, { children: /* @__PURE__ */ jsx37(
+      return /* @__PURE__ */ jsx38(React28.Fragment, { children: /* @__PURE__ */ jsx38(
         "img",
         {
           style: styles,
@@ -2110,7 +2141,7 @@ var ImageNode = (props) => {
     }
   };
   if (props.node.width) {
-    return /* @__PURE__ */ jsx37("div", { className: `flex ${formatClasses}`, children: renderMedia() });
+    return /* @__PURE__ */ jsx38("div", { className: `flex ${formatClasses}`, children: renderMedia() });
   }
   return renderMedia();
 };
@@ -2118,7 +2149,7 @@ var ImageNode_default = ImageNode;
 // src/components/pageRenderingEngine/nodes/LinkNode.tsx
 import dynamic4 from "next/dynamic";
-import { Fragment as Fragment3, jsx as jsx38, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx39, jsxs as jsxs23 } from "react/jsx-runtime";
 var LinkNodeButton = dynamic4(() => import("./LinkNodeButton-WDDPNYWI.mjs"), {
   ssr: false
 });
@@ -2165,13 +2196,13 @@ var LinkNode = (props) => {
   const isButton = node.isButton === true;
   const renderChildren = () => {
     if (!node.children || node.children.length === 0) return null;
-    return /* @__PURE__ */ jsx38(Fragment3, { children: node.children.map((childNode, index) => {
+    return /* @__PURE__ */ jsx39(Fragment3, { children: node.children.map((childNode, index) => {
       const SelectedNode = NodeTypes2[childNode.type];
       if (!SelectedNode) {
         console.warn("Unknown node type:", childNode.type);
         return null;
       }
-      return /* @__PURE__ */ jsx38(React29.Fragment, { children: /* @__PURE__ */ jsx38(
+      return /* @__PURE__ */ jsx39(React29.Fragment, { children: /* @__PURE__ */ jsx39(
         SelectedNode,
         {
           node: childNode,
@@ -2184,10 +2215,10 @@ var LinkNode = (props) => {
   };
   const renderFallback = () => {
     if ((!node.children || node.children.length === 0) && linkText) {
-      return /* @__PURE__ */ jsx38("span", { children: linkText });
+      return /* @__PURE__ */ jsx39("span", { children: linkText });
     }
     if ((!node.children || node.children.length === 0) && !linkText) {
-      return /* @__PURE__ */ jsx38("br", {});
+      return /* @__PURE__ */ jsx39("br", {});
     }
     return null;
   };
@@ -2226,10 +2257,10 @@ var LinkNode = (props) => {
 var LinkNode_default = LinkNode;
 // src/components/pageRenderingEngine/nodes/SVGIconNode.tsx
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 var SVGIconNode = ({ node }) => {
   if (!node?.svgCode) return null;
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx40(
     "span",
     {
       style: {
@@ -2246,7 +2277,7 @@ var SVGIconNode_default = SVGIconNode;
 // src/components/pageRenderingEngine/nodes/EquationNode.tsx
 import katex from "katex";
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx41 } from "react/jsx-runtime";
 var EquationNode = ({ node }) => {
   const { equation, inline } = node;
   let html = "";
@@ -2261,7 +2292,7 @@ var EquationNode = ({ node }) => {
     });
   }
   if (inline) {
-    return /* @__PURE__ */ jsx40(
+    return /* @__PURE__ */ jsx41(
       "span",
       {
         className: "katex-inline",
@@ -2269,7 +2300,7 @@ var EquationNode = ({ node }) => {
       }
     );
   }
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx41(
     "div",
     {
       className: "katex-block my-3 text-center",
@@ -2280,7 +2311,7 @@ var EquationNode = ({ node }) => {
 var EquationNode_default = EquationNode;
 // src/components/pageRenderingEngine/nodes/DatafieldNode.tsx
-import { jsx as jsx41 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 function getNestedProperty(obj, path) {
   if (!obj || !path) return null;
   if (path.includes(".")) {
@@ -2293,7 +2324,7 @@ function getNestedProperty(obj, path) {
   }
   const value = obj[path];
   if (Array.isArray(value)) {
-    return value.map((item, index) => /* @__PURE__ */ jsx41("div", { children: String(item) }, index));
+    return value.map((item, index) => /* @__PURE__ */ jsx42("div", { children: String(item) }, index));
   }
   return value;
 }
@@ -2354,7 +2385,7 @@ var DatafieldNode = (props) => {
   const dataType = props.node.dataType;
   if (isEmptyValue) return null;
   if (dataType === "rawContent") {
-    return /* @__PURE__ */ jsx41(
+    return /* @__PURE__ */ jsx42(
       PageBodyRenderer_default,
       {
         rawBody: String(value ?? `@databound[${fieldName}]`),
@@ -2370,12 +2401,12 @@ var DatafieldNode = (props) => {
       }
     );
   }
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx42(
     "span",
     {
       className: `datafield-node ${props.node.format < Formats.length ? Formats[props.node.format] : ""}`,
       style: styles,
-      children: /* @__PURE__ */ jsx41(
+      children: /* @__PURE__ */ jsx42(
         ViewControl_default,
         {
           controlType: dataType,
@@ -2388,7 +2419,7 @@ var DatafieldNode = (props) => {
 var DatafieldNode_default = DatafieldNode;
 // src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
-import { Fragment as Fragment4, jsx as jsx42, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx43, jsxs as jsxs24 } from "react/jsx-runtime";
 var ParagraphNode = (props) => {
   const NodeTypes2 = {
     ["text"]: TextNode_default,
@@ -2408,9 +2439,9 @@ var ParagraphNode = (props) => {
   const isInlineOnlyParent = props.parentTag === "summary";
   const hasChildren = props.node.children && props.node.children.length > 0;
   if (isInlineOnlyParent) {
-    return /* @__PURE__ */ jsx42(Fragment4, { children: hasChildren && props.node.children.map((node, index) => {
+    return /* @__PURE__ */ jsx43(Fragment4, { children: hasChildren && props.node.children.map((node, index) => {
       const SelectedNode = NodeTypes2[node.type];
-      return /* @__PURE__ */ jsx42(React30.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx42(
+      return /* @__PURE__ */ jsx43(React30.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx43(
         SelectedNode,
         {
           node,
@@ -2425,7 +2456,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__ */ jsx42(React30.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx42(
+      return /* @__PURE__ */ jsx43(React30.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx43(
         SelectedNode,
         {
           node,
@@ -2436,14 +2467,14 @@ var ParagraphNode = (props) => {
         }
       ) }, index);
     }),
-    !hasChildren && /* @__PURE__ */ jsx42("div", { className: "py-1.5 lg:py-2" })
+    !hasChildren && /* @__PURE__ */ jsx43("div", { className: "py-1.5 lg:py-2" })
   ] });
 };
 var ParagraphNode_default = ParagraphNode;
 // src/components/pageRenderingEngine/nodes/HeadingNode.tsx
 import React31 from "react";
-import { Fragment as Fragment5, jsx as jsx43 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx44 } from "react/jsx-runtime";
 var HeadingNode = (props) => {
   const NodeTypes2 = {
     ["text"]: TextNode_default,
@@ -2459,12 +2490,12 @@ var HeadingNode = (props) => {
   {
   }
   const formatClasses = FormatClass[props.node.format] || "";
-  return /* @__PURE__ */ jsx43(Fragment5, { children: React31.createElement(
+  return /* @__PURE__ */ jsx44(Fragment5, { children: React31.createElement(
     HeadingTag,
     { className: formatClasses },
     props.node.children && props.node.children.map((childNode, index) => {
       const SelectedNode = NodeTypes2[childNode.type];
-      return /* @__PURE__ */ jsx43(React31.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx43(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);
     })
   ) });
 };
@@ -2475,7 +2506,7 @@ import React33 from "react";
 // src/components/pageRenderingEngine/nodes/ListItemNode.tsx
 import React32 from "react";
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 var ListItemNode = (props) => {
   const NodeTypes2 = {
     text: TextNode_default,
@@ -2492,37 +2523,37 @@ var ListItemNode = (props) => {
       liStyle.fontSize = match[1].trim();
     }
   }
-  return /* @__PURE__ */ jsx44("li", { style: liStyle, children: props.node.children && props.node.children.map((node, index) => {
+  return /* @__PURE__ */ jsx45("li", { style: liStyle, children: props.node.children && props.node.children.map((node, index) => {
     const SelectedNode = NodeTypes2[node.type];
     if (node.type === "linebreak") {
       if (!foundFirstBreak) {
         foundFirstBreak = true;
-        return /* @__PURE__ */ jsx44("div", {}, index);
+        return /* @__PURE__ */ jsx45("div", {}, index);
       } else {
-        return /* @__PURE__ */ jsx44("div", { className: "py-1 lg:py-2" }, index);
+        return /* @__PURE__ */ jsx45("div", { className: "py-1 lg:py-2" }, index);
       }
     } else {
       foundFirstBreak = false;
-      return /* @__PURE__ */ jsx44(React32.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx44(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);
     }
   }) });
 };
 var ListItemNode_default = ListItemNode;
 // src/components/pageRenderingEngine/nodes/ListNode.tsx
-import { jsx as jsx45, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs25 } from "react/jsx-runtime";
 var ListNode = (props) => {
   const NodeTypes2 = {
     listitem: ListItemNode_default
   };
   return /* @__PURE__ */ jsxs25(React33.Fragment, { children: [
-    props.node.listType == "bullet" && /* @__PURE__ */ jsx45("ul", { children: props.node.children && props.node.children.map((node, index) => {
+    props.node.listType == "bullet" && /* @__PURE__ */ jsx46("ul", { children: props.node.children && props.node.children.map((node, index) => {
       const SelectedNode = NodeTypes2[node.type];
-      return /* @__PURE__ */ jsx45(React33.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx45(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__ */ jsx45("ol", { children: props.node.children && props.node.children.map((node, 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__ */ jsx45(React33.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx45(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);
     }) })
   ] });
 };
@@ -2530,16 +2561,16 @@ var ListNode_default = ListNode;
 // src/components/pageRenderingEngine/nodes/QuoteNode.tsx
 import React34 from "react";
-import { jsx as jsx46 } from "react/jsx-runtime";
+import { jsx as jsx47 } from "react/jsx-runtime";
 var QuoteNode = (props) => {
   const NodeTypes2 = {
     ["text"]: TextNode_default,
     ["linebreak"]: LineBreakNode_default,
     ["link"]: LinkNode_default
   };
-  return /* @__PURE__ */ jsx46("blockquote", { children: props.node.children && props.node.children.map((node, index) => {
+  return /* @__PURE__ */ jsx47("blockquote", { children: props.node.children && props.node.children.map((node, index) => {
     const SelectedNode = NodeTypes2[node.type];
-    return /* @__PURE__ */ jsx46(React34.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx46(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;
@@ -2547,11 +2578,11 @@ var QuoteNode_default = QuoteNode;
 // src/components/pageRenderingEngine/nodes/CodeNode.tsx
 import React35 from "react";
 import dynamic5 from "next/dynamic";
-import { jsx as jsx47, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx48, jsxs as jsxs26 } from "react/jsx-runtime";
 var CopyButton = dynamic5(() => import("./CopyButton-XONTQQW7.mjs"), {
   ssr: false,
   // optional: fallback UI while loading
-  loading: () => /* @__PURE__ */ jsx47("span", { className: "text-gray-400 text-xs", children: "Copy" })
+  loading: () => /* @__PURE__ */ jsx48("span", { className: "text-gray-400 text-xs", children: "Copy" })
 });
 var CodeNode = (props) => {
   const NodeTypes2 = {
@@ -2567,12 +2598,12 @@ var CodeNode = (props) => {
   }).join("") ?? "";
   return /* @__PURE__ */ jsxs26("div", { children: [
     /* @__PURE__ */ jsxs26("div", { className: "flex items-center relative bg-neutral-strong px-4 py-3 text-xs font-sans justify-between rounded-t-md ", children: [
-      /* @__PURE__ */ jsx47("span", { children: "Code Snippet" }),
-      /* @__PURE__ */ jsx47(CopyButton, { text: textContent })
+      /* @__PURE__ */ jsx48("span", { children: "Code Snippet" }),
+      /* @__PURE__ */ jsx48(CopyButton, { text: textContent })
     ] }),
-    /* @__PURE__ */ jsx47("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) => {
+    /* @__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__ */ jsx47(React35.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx47(
+      return /* @__PURE__ */ jsx48(React35.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx48(
         SelectedNode,
         {
           node,
@@ -2587,15 +2618,15 @@ var CodeNode = (props) => {
 var CodeNode_default = CodeNode;
 // src/components/pageRenderingEngine/nodes/HorizontalRuleNode.tsx
-import { jsx as jsx48 } from "react/jsx-runtime";
+import { jsx as jsx49 } from "react/jsx-runtime";
 var HorizontalRuleNode = () => {
-  return /* @__PURE__ */ jsx48("hr", {});
+  return /* @__PURE__ */ jsx49("hr", {});
 };
 var HorizontalRuleNode_default = HorizontalRuleNode;
 // src/components/pageRenderingEngine/nodes/WidgetNode.tsx
 import React36 from "react";
-import { Fragment as Fragment6, jsx as jsx49 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx50 } from "react/jsx-runtime";
 var WidgetNode = (props) => {
   const getWidgetParameters = () => {
     const widgetInputParameters = {
@@ -2659,7 +2690,7 @@ var WidgetNode = (props) => {
   };
   const widgetCode = props.node?.widgetCode;
   if (!widgetCode) {
-    return /* @__PURE__ */ jsx49(Fragment6, { children: "Invalid widget" });
+    return /* @__PURE__ */ jsx50(Fragment6, { children: "Invalid widget" });
   }
   const widgetParams = getWidgetParameters();
   const WidgetRenderer = props.widgetRenderer;
@@ -2668,7 +2699,7 @@ var WidgetNode = (props) => {
   }
   return (
     // eslint-disable-next-line react-hooks/static-components
-    /* @__PURE__ */ jsx49(React36.Fragment, { children: /* @__PURE__ */ jsx49(
+    /* @__PURE__ */ jsx50(React36.Fragment, { children: /* @__PURE__ */ jsx50(
       WidgetRenderer,
       {
         params: widgetParams,
@@ -2688,9 +2719,9 @@ var WidgetNode_default = WidgetNode;
 import React37, { useRef as useRef3, useReducer, useCallback as useCallback2, useEffect as useEffect7 } from "react";
 // src/components/pageRenderingEngine/nodes/InputControlNode.tsx
-import { jsx as jsx50 } from "react/jsx-runtime";
+import { jsx as jsx51 } from "react/jsx-runtime";
 var InputControlNode = (props) => {
-  return /* @__PURE__ */ jsx50("div", { children: /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx51("div", { children: /* @__PURE__ */ jsx51(
     InputControl_default,
     {
       name: props.node.name,
@@ -2763,7 +2794,7 @@ function FormReducer(state, action) {
 var FormReducer_default = FormReducer;
 // src/components/pageRenderingEngine/nodes/FormContainerNode.tsx
-import { jsx as jsx51, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx52, jsxs as jsxs27 } from "react/jsx-runtime";
 var FormContainerNode = (props) => {
   const NodeTypes2 = {
     ["input-control"]: InputControlNode_default
@@ -2798,7 +2829,7 @@ var FormContainerNode = (props) => {
       {
       }
       const SelectedNode = NodeTypes2[node2.type];
-      return /* @__PURE__ */ jsx51(React37.Fragment, { children: SelectedNode && node2.type == "input-control" && /* @__PURE__ */ jsx51(
+      return /* @__PURE__ */ jsx52(React37.Fragment, { children: SelectedNode && node2.type == "input-control" && /* @__PURE__ */ jsx52(
         InputControlNode_default,
         {
           value: formState.inputValues[node2.name],
@@ -2807,7 +2838,7 @@ var FormContainerNode = (props) => {
         }
       ) }, index);
     }),
-    node.children.length == 0 && /* @__PURE__ */ jsx51("div", { className: "py-0.5 lg:py-1.5" })
+    node.children.length == 0 && /* @__PURE__ */ jsx52("div", { className: "py-0.5 lg:py-1.5" })
   ] });
 };
 var FormContainerNode_default = FormContainerNode;
@@ -2817,7 +2848,7 @@ import React40 from "react";
 // src/components/pageRenderingEngine/nodes/EmbedNode.tsx
 import dynamic6 from "next/dynamic";
-import { jsx as jsx52 } from "react/jsx-runtime";
+import { jsx as jsx53 } from "react/jsx-runtime";
 var IframeClient = dynamic6(() => import("./IframeClient-J22NMEVY.mjs"), {
   ssr: false
 });
@@ -2830,13 +2861,13 @@ var EmbedNode = (props) => {
   } else {
     src = props.node.embedSrc;
   }
-  return /* @__PURE__ */ jsx52("div", { className: "aspect-video", children: src && /* @__PURE__ */ jsx52(IframeClient, { src }) });
+  return /* @__PURE__ */ jsx53("div", { className: "aspect-video", children: src && /* @__PURE__ */ jsx53(IframeClient, { src }) });
 };
 var EmbedNode_default = EmbedNode;
 // src/components/Slider.tsx
 import React38, { useState as useState5, useEffect as useEffect8, Children, cloneElement } from "react";
-import { Fragment as Fragment7, jsx as jsx53, jsxs as jsxs28 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx54, jsxs as jsxs28 } from "react/jsx-runtime";
 var Slider = ({
   children,
   slidesToShow = 4,
@@ -2933,7 +2964,7 @@ var Slider = ({
     if (!React38.isValidElement(child)) return null;
     const childProps = child.props;
     const mergedClassName = `${childProps.className ?? ""} w-full`.trim();
-    return /* @__PURE__ */ jsx53(
+    return /* @__PURE__ */ jsx54(
       "div",
       {
         className: `flex-none ${scaleOnHover ? "group hover:z-50" : ""} relative`,
@@ -2963,7 +2994,7 @@ var Slider = ({
       onMouseEnter: handleMouseEnter,
       onMouseLeave: handleMouseLeave,
       children: [
-        /* @__PURE__ */ jsx53(
+        /* @__PURE__ */ jsx54(
           "div",
           {
             className: "flex h-full",
@@ -2975,14 +3006,14 @@ var Slider = ({
           }
         ),
         show_arrows && /* @__PURE__ */ jsxs28(Fragment7, { children: [
-          /* @__PURE__ */ jsx53(
+          /* @__PURE__ */ jsx54(
             ArrowButton,
             {
               direction: "left",
               onClick: prevSlide,
               visible: infinite_scroll || currentSlide > 0,
               className: arrowClassName,
-              children: /* @__PURE__ */ jsx53("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ jsx53("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5 8.25 12l7.5-7.5" }) })
+              children: /* @__PURE__ */ jsx54("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ jsx54("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5 8.25 12l7.5-7.5" }) })
             }
           ),
           /* @__PURE__ */ jsxs28(
@@ -2993,13 +3024,13 @@ var Slider = ({
               visible: infinite_scroll || currentSlide < maxSlide,
               className: arrowClassName,
               children: [
-                /* @__PURE__ */ jsx53("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ jsx53("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" }) }),
+                /* @__PURE__ */ jsx54("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ jsx54("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" }) }),
                 "          "
               ]
             }
           )
         ] }),
-        show_dots && /* @__PURE__ */ jsx53("div", { className: `absolute left-1/2 -translate-x-1/2 flex justify-center space-x-1.5 ${getProgressPositionClass()}`, children: Array.from({ length: totalSlides }).map((_, index) => /* @__PURE__ */ jsx53(
+        show_dots && /* @__PURE__ */ jsx54("div", { className: `absolute left-1/2 -translate-x-1/2 flex justify-center space-x-1.5 ${getProgressPositionClass()}`, children: Array.from({ length: totalSlides }).map((_, index) => /* @__PURE__ */ jsx54(
           ProgressPill,
           {
             active: index === currentSlide,
@@ -3025,7 +3056,7 @@ var ArrowButton = ({
   visible,
   children,
   className = ""
-}) => /* @__PURE__ */ jsx53(
+}) => /* @__PURE__ */ jsx54(
   "button",
   {
     className: `
@@ -3112,7 +3143,7 @@ var ProgressPill = ({
   const renderProgressBar = () => {
     if (style === "modern" && isActive || style === "cumulative" && shouldShowProgress) {
       const displayProgress = style === "cumulative" && isFilled ? 100 : progress;
-      return /* @__PURE__ */ jsx53(
+      return /* @__PURE__ */ jsx54(
         "div",
         {
           className: `absolute top-0 left-0 h-full rounded-full ${style === "cumulative" && isFilled ? activeClassName || "bg-white" : activeClassName || "bg-white"} transition-all duration-50 ease-linear`,
@@ -3124,7 +3155,7 @@ var ProgressPill = ({
   };
   const renderCumulativeFill = () => {
     if (style === "cumulative" && isFilled && !isActive) {
-      return /* @__PURE__ */ jsx53(
+      return /* @__PURE__ */ jsx54(
         "div",
         {
           className: `absolute top-0 left-0 h-full rounded-full ${activeClassName || "bg-white"} transition-all duration-300`,
@@ -3472,10 +3503,10 @@ var PathUtility = class {
 var PathUtility_default = new PathUtility();
 // src/components/NoDataFound.tsx
-import { jsx as jsx54, jsxs as jsxs29 } from "react/jsx-runtime";
+import { jsx as jsx55, jsxs as jsxs29 } from "react/jsx-runtime";
 var NoDataFound = () => {
   return /* @__PURE__ */ jsxs29("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center bg-neutral-weak", children: [
-    /* @__PURE__ */ jsx54("div", { className: "mb-5", children: /* @__PURE__ */ jsx54("div", { className: "mx-auto w-20 h-20 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ jsx54(
+    /* @__PURE__ */ jsx55("div", { className: "mb-5", children: /* @__PURE__ */ jsx55("div", { className: "mx-auto w-20 h-20 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ jsx55(
       "svg",
       {
         className: "w-10 h-10",
@@ -3483,7 +3514,7 @@ var NoDataFound = () => {
         stroke: "currentColor",
         viewBox: "0 0 24 24",
         xmlns: "http://www.w3.org/2000/svg",
-        children: /* @__PURE__ */ jsx54(
+        children: /* @__PURE__ */ jsx55(
           "path",
           {
             strokeLinecap: "round",
@@ -3494,15 +3525,15 @@ var NoDataFound = () => {
         )
       }
     ) }) }),
-    /* @__PURE__ */ jsx54("h3", { className: "text-lg font-medium mb-2", children: "No data available" }),
-    /* @__PURE__ */ jsx54("p", { className: " max-w-sm mb-0", children: "No records found. Data may be empty or not available at the moment." })
+    /* @__PURE__ */ jsx55("h3", { className: "text-lg font-medium mb-2", children: "No data available" }),
+    /* @__PURE__ */ jsx55("p", { className: " max-w-sm mb-0", children: "No records found. Data may be empty or not available at the moment." })
   ] });
 };
 var NoDataFound_default = NoDataFound;
 // src/components/Pagination.tsx
 import { useMemo } from "react";
-import { jsx as jsx55, jsxs as jsxs30 } from "react/jsx-runtime";
+import { jsx as jsx56, jsxs as jsxs30 } from "react/jsx-runtime";
 var Pagination = (props) => {
   const { dataset, path, query, showPageSizeSelector = false, showJumpToPage = false } = props;
   const builder = useMemo(() => {
@@ -3546,7 +3577,7 @@ var Pagination = (props) => {
     return range;
   };
   const paginationRange = getPaginationRange();
-  const PageButton = ({ page, children }) => /* @__PURE__ */ jsx55(
+  const PageButton = ({ page, children }) => /* @__PURE__ */ jsx56(
     Hyperlink,
     {
       linkType: "Link" /* Link */,
@@ -3561,9 +3592,9 @@ var Pagination = (props) => {
   );
   const NavigationButton = ({ page, disabled, children }) => {
     if (disabled) {
-      return /* @__PURE__ */ jsx55("span", { className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border  bg-neutral-base cursor-not-allowed", children });
+      return /* @__PURE__ */ jsx56("span", { className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border  bg-neutral-base cursor-not-allowed", children });
     }
-    return /* @__PURE__ */ jsx55(
+    return /* @__PURE__ */ jsx56(
       Hyperlink,
       {
         className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border transition-colors duration-150",
@@ -3584,7 +3615,7 @@ var Pagination = (props) => {
         ] }),
         " ",
         "out of ",
-        /* @__PURE__ */ jsx55("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
+        /* @__PURE__ */ jsx56("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
         " results"
       ] }),
       totalPages > 1 && /* @__PURE__ */ jsxs30("div", { className: "flex items-center space-x-1", children: [
@@ -3594,14 +3625,14 @@ var Pagination = (props) => {
             page: activePageNumber - 1,
             disabled: activePageNumber === 1,
             children: [
-              /* @__PURE__ */ jsx55("span", { children: /* @__PURE__ */ jsx55(Icon_default, { name: "chevronLeft", className: "w-4 h-4 mr-1" }) }),
-              /* @__PURE__ */ jsx55("span", { className: "text-sm", children: "Prev" })
+              /* @__PURE__ */ jsx56("span", { children: /* @__PURE__ */ jsx56(Icon_default, { name: "chevronLeft", className: "w-4 h-4 mr-1" }) }),
+              /* @__PURE__ */ jsx56("span", { className: "text-sm", children: "Prev" })
             ]
           }
         ),
         paginationRange.map((item, index) => {
           if (item === "...") {
-            return /* @__PURE__ */ jsx55(
+            return /* @__PURE__ */ jsx56(
               "span",
               {
                 className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center text-gray-500",
@@ -3611,7 +3642,7 @@ var Pagination = (props) => {
             );
           }
           const page = item;
-          return /* @__PURE__ */ jsx55(PageButton, { page, children: page }, page);
+          return /* @__PURE__ */ jsx56(PageButton, { page, children: page }, page);
         }),
         /* @__PURE__ */ jsxs30(
           NavigationButton,
@@ -3619,15 +3650,15 @@ var Pagination = (props) => {
             page: activePageNumber + 1,
             disabled: activePageNumber === totalPages,
             children: [
-              /* @__PURE__ */ jsx55("span", { className: "text-sm", children: "Next" }),
-              /* @__PURE__ */ jsx55("span", { children: /* @__PURE__ */ jsx55(Icon_default, { name: "chevronRight", className: "w-4 h-4 ml-1" }) })
+              /* @__PURE__ */ jsx56("span", { className: "text-sm", children: "Next" }),
+              /* @__PURE__ */ jsx56("span", { children: /* @__PURE__ */ jsx56(Icon_default, { name: "chevronRight", className: "w-4 h-4 ml-1" }) })
             ]
           }
         )
       ] }),
       showJumpToPage && totalPages > 5 && /* @__PURE__ */ jsxs30("div", { className: "flex items-center space-x-2", children: [
-        /* @__PURE__ */ jsx55("span", { className: "text-sm", children: "Go to:" }),
-        /* @__PURE__ */ jsx55("div", { className: "relative", children: /* @__PURE__ */ jsx55(
+        /* @__PURE__ */ jsx56("span", { className: "text-sm", children: "Go to:" }),
+        /* @__PURE__ */ jsx56("div", { className: "relative", children: /* @__PURE__ */ jsx56(
           "input",
           {
             type: "number",
@@ -3648,9 +3679,9 @@ var Pagination = (props) => {
         ) })
       ] })
     ] }),
-    showPageSizeSelector && /* @__PURE__ */ jsx55("div", { className: "mt-4 pt-4 border-t bg-default", children: /* @__PURE__ */ jsxs30("div", { className: "flex items-center justify-center space-x-2", children: [
-      /* @__PURE__ */ jsx55("span", { className: "text-sm", children: "Show:" }),
-      /* @__PURE__ */ jsx55("div", { className: "flex space-x-1", children: [10, 25, 50, 100].map((size) => /* @__PURE__ */ jsx55(
+    showPageSizeSelector && /* @__PURE__ */ jsx56("div", { className: "mt-4 pt-4 border-t bg-default", children: /* @__PURE__ */ jsxs30("div", { className: "flex items-center justify-center space-x-2", children: [
+      /* @__PURE__ */ jsx56("span", { className: "text-sm", children: "Show:" }),
+      /* @__PURE__ */ jsx56("div", { className: "flex space-x-1", children: [10, 25, 50, 100].map((size) => /* @__PURE__ */ jsx56(
         Hyperlink,
         {
           className: `
@@ -3662,7 +3693,7 @@ var Pagination = (props) => {
         },
         size
       )) }),
-      /* @__PURE__ */ jsx55("span", { className: "text-sm", children: "per page" })
+      /* @__PURE__ */ jsx56("span", { className: "text-sm", children: "per page" })
     ] }) })
   ] });
 };
@@ -3670,7 +3701,7 @@ var Pagination_default = Pagination;
 // src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
 import dynamic7 from "next/dynamic";
-import { Fragment as Fragment8, jsx as jsx56, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx57, jsxs as jsxs31 } from "react/jsx-runtime";
 var HlsPlayer2 = dynamic7(() => import("./HlsPlayer-GZR4QXJY.mjs"), { ssr: false });
 var deviceToMediaQuery = (device) => {
   switch (device) {
@@ -3740,7 +3771,7 @@ var ImageGalleryNode = (props) => {
   };
   const formatClasses = FormatClass[props.node.format || ""] || "";
   return /* @__PURE__ */ jsxs31(Fragment8, { children: [
-    hlsSources.length > 0 && /* @__PURE__ */ jsx56(Fragment8, { children: /* @__PURE__ */ jsx56(
+    hlsSources.length > 0 && /* @__PURE__ */ jsx57(Fragment8, { children: /* @__PURE__ */ jsx57(
       HlsPlayer2,
       {
         sources: hlsSources,
@@ -3754,14 +3785,14 @@ var ImageGalleryNode = (props) => {
         session: props.session
       }
     ) }),
-    staticFallback && /* @__PURE__ */ jsx56(Fragment8, { children: /* @__PURE__ */ jsxs31("picture", { children: [
+    staticFallback && /* @__PURE__ */ jsx57(Fragment8, { children: /* @__PURE__ */ jsxs31("picture", { children: [
       DEVICE_ORDER.map((deviceKey) => {
         const match = staticSources.find((img) => img.device === deviceKey);
         if (!match) return null;
         const srcUrl = resolveImageUrl(match.imageUrl);
         if (!srcUrl) return null;
         const mediaQuery = deviceToMediaQuery(match.device);
-        return /* @__PURE__ */ jsx56(
+        return /* @__PURE__ */ jsx57(
           "source",
           {
             media: mediaQuery,
@@ -3785,7 +3816,7 @@ var ImageGalleryNode = (props) => {
         if (img.borderRadius) styles.borderRadius = img.borderRadius;
         return (
           // eslint-disable-next-line @next/next/no-img-element
-          /* @__PURE__ */ jsx56(
+          /* @__PURE__ */ jsx57(
             "img",
             {
               loading: "lazy",
@@ -3806,7 +3837,7 @@ var ImageGalleryNode_default = ImageGalleryNode;
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
 import Link2 from "next/link";
-import { jsx as jsx57, jsxs as jsxs32 } from "react/jsx-runtime";
+import { jsx as jsx58, jsxs as jsxs32 } from "react/jsx-runtime";
 function toCamelCase(str) {
   return str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
 }
@@ -4013,7 +4044,7 @@ var DivContainer = async (props) => {
     response = await serviceClient.get(endpoint);
     result = response?.result;
     if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
-      return /* @__PURE__ */ jsx57(NoDataFound_default, {});
+      return /* @__PURE__ */ jsx58(NoDataFound_default, {});
     }
     if (dataBindingProperties.childCollectionName && props.dataitem) {
       childCollectionData = getNestedValue2(props.dataitem, dataBindingProperties.childCollectionName);
@@ -4030,7 +4061,7 @@ var DivContainer = async (props) => {
     }
     const SelectedNode = NodeTypes2[node.type];
     if (!SelectedNode) return null;
-    return /* @__PURE__ */ jsx57(React40.Fragment, { children: /* @__PURE__ */ jsx57(
+    return /* @__PURE__ */ jsx58(React40.Fragment, { children: /* @__PURE__ */ jsx58(
       SelectedNode,
       {
         node,
@@ -4133,8 +4164,8 @@ var DivContainer = async (props) => {
     props.node.bgClass
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ jsxs32(React40.Fragment, { children: [
-    /* @__PURE__ */ jsx57("style", { dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS } }),
-    /* @__PURE__ */ jsx57(React40.Fragment, { children: /* @__PURE__ */ jsx57(
+    /* @__PURE__ */ jsx58("style", { dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS } }),
+    /* @__PURE__ */ jsx58(React40.Fragment, { children: /* @__PURE__ */ jsx58(
       Wrapper,
       {
         id: guid,
@@ -4143,18 +4174,18 @@ 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__ */ jsx57(React40.Fragment, { children: child }, i)
+            (child, i) => /* @__PURE__ */ jsx58(React40.Fragment, { children: child }, i)
           ) : renderChildren(props.node.children, props, item, idx)
         )
       }
     ) }),
-    dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ jsx57("div", { children: /* @__PURE__ */ jsx57(Pagination_default, { path: props.path, query: props.query, dataset: response }) })
+    dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ jsx58("div", { children: /* @__PURE__ */ jsx58(Pagination_default, { path: props.path, query: props.query, dataset: response }) })
   ] });
 };
 var DivContainer_default = DivContainer;
 // src/components/pageRenderingEngine/PageBodyRenderer.tsx
-import { jsx as jsx58 } from "react/jsx-runtime";
+import { jsx as jsx59 } from "react/jsx-runtime";
 var NodeTypes = {
   ["paragraph"]: ParagraphNode_default,
   ["heading"]: HeadingNode_default,
@@ -4182,11 +4213,11 @@ var PageBodyRenderer = (props) => {
   if (pageBodyTree && pageBodyTree.root) {
     rootNode = pageBodyTree.root;
   }
-  return /* @__PURE__ */ jsx58(React41.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__ */ jsx58(React41.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx58(React41.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ jsx58(React41.Fragment, { children: /* @__PURE__ */ jsx58(
+    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,
@@ -4202,7 +4233,7 @@ var PageBodyRenderer = (props) => {
         device: props.device,
         widgetRenderer: props.widgetRenderer
       }
-    ) }) : /* @__PURE__ */ jsx58(React41.Fragment, { children: /* @__PURE__ */ jsx58(
+    ) }) : /* @__PURE__ */ jsx59(React41.Fragment, { children: /* @__PURE__ */ jsx59(
       SelectedNode,
       {
         node,
@@ -4224,7 +4255,7 @@ var PageBodyRenderer_default = PageBodyRenderer;
 // src/components/Toast.tsx
 import { useState as useState7 } from "react";
-import { Fragment as Fragment9, jsx as jsx59, jsxs as jsxs33 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx60, jsxs as jsxs33 } from "react/jsx-runtime";
 var Toast = () => {
   const [showToast, setShowToast] = useState7(false);
   const [message, setMessage] = useState7("");
@@ -4267,8 +4298,8 @@ var Toast = () => {
   const closeToast = () => {
     setShowToast(false);
   };
-  return /* @__PURE__ */ jsx59(Fragment9, { children: showToast && /* @__PURE__ */ jsx59("div", { className: "fixed top-2 flex justify-center w-1/2 max-w-xl left-1/2 -translate-x-1/2", style: { zIndex: 1e3 }, children: /* @__PURE__ */ jsxs33("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
-    /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsx60(Fragment9, { children: showToast && /* @__PURE__ */ jsx60("div", { className: "fixed top-2 flex justify-center w-1/2 max-w-xl left-1/2 -translate-x-1/2", style: { zIndex: 1e3 }, children: /* @__PURE__ */ jsxs33("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
+    /* @__PURE__ */ jsx60(
       "span",
       {
         className: "font-medium text-inherit text-sm",
@@ -4276,7 +4307,7 @@ var Toast = () => {
         children: message
       }
     ),
-    /* @__PURE__ */ jsx59("button", { className: "absolute right-2 top-2 ml-2 focus:outline-none", onClick: closeToast, children: /* @__PURE__ */ jsx59(
+    /* @__PURE__ */ jsx60("button", { className: "absolute right-2 top-2 ml-2 focus:outline-none", onClick: closeToast, children: /* @__PURE__ */ jsx60(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -4284,7 +4315,7 @@ var Toast = () => {
         fill: "none",
         viewBox: "0 0 24 24",
         stroke: "currentColor",
-        children: /* @__PURE__ */ jsx59("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" })
+        children: /* @__PURE__ */ jsx60("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" })
       }
     ) })
   ] }) }) });
@@ -4294,7 +4325,7 @@ var Toast_default = Toast;
 // src/components/NavigationTabsV2.tsx
 import Link3 from "next/link";
 import { usePathname } from "next/navigation";
-import { jsx as jsx60 } from "react/jsx-runtime";
+import { jsx as jsx61 } from "react/jsx-runtime";
 function resolveRoutePlaceholders(route, params) {
   return route.replace(/\{([^}]+)\}/g, (match, key) => {
     const value = params[key];
@@ -4319,8 +4350,8 @@ var NavigationTabsV2 = ({ tabs, params = {} }) => {
     isActive: tab.isActive
   })) || [];
   if (mappedTabs.length === 0) return null;
-  return /* @__PURE__ */ jsx60("div", { className: "flex border-b bg-white rounded-t mb-3", children: mappedTabs.map(({ tabTitle, landingPageUrl, isActive }) => {
-    return /* @__PURE__ */ jsx60(Link3, { href: landingPageUrl, className: "-mb-px", children: /* @__PURE__ */ jsx60(
+  return /* @__PURE__ */ jsx61("div", { className: "flex border-b bg-white rounded-t mb-3", children: mappedTabs.map(({ tabTitle, landingPageUrl, isActive }) => {
+    return /* @__PURE__ */ jsx61(Link3, { href: landingPageUrl, className: "-mb-px", children: /* @__PURE__ */ jsx61(
       "div",
       {
         className: `text-sm font-medium border-b-2 px-6 py-2 transition
@@ -4338,46 +4369,46 @@ import { useRouter } from "next/navigation";
 // src/components/dataForm/NoContentView.tsx
 import React43 from "react";
-import { jsx as jsx61 } from "react/jsx-runtime";
+import { jsx as jsx62 } from "react/jsx-runtime";
 var NoContentView = (props) => {
-  return /* @__PURE__ */ jsx61(React43.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 React44 from "react";
-import { jsx as jsx62, jsxs as jsxs34 } from "react/jsx-runtime";
+import { jsx as jsx63, jsxs as jsxs34 } from "react/jsx-runtime";
 var ContentView = (props) => {
   return /* @__PURE__ */ jsxs34(React44.Fragment, { children: [
-    props.isDataFound == null && /* @__PURE__ */ jsx62("div", { className: "", children: /* @__PURE__ */ jsxs34("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", 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__ */ jsx62("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
+        /* @__PURE__ */ jsx63("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
         /* @__PURE__ */ jsxs34("div", { className: "ml-2", children: [
-          /* @__PURE__ */ jsx62("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
-          /* @__PURE__ */ jsx62("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
+          /* @__PURE__ */ jsx63("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
+          /* @__PURE__ */ jsx63("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
         ] })
       ] }),
       /* @__PURE__ */ jsxs34("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
         /* @__PURE__ */ jsxs34("div", { className: "animate-pulse", children: [
-          /* @__PURE__ */ jsx62("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
-          /* @__PURE__ */ jsx62("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
-          /* @__PURE__ */ jsx62("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
-          /* @__PURE__ */ jsx62("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
-          /* @__PURE__ */ jsx62("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
+          /* @__PURE__ */ jsx63("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
+          /* @__PURE__ */ jsx63("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
+          /* @__PURE__ */ jsx63("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
+          /* @__PURE__ */ jsx63("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
+          /* @__PURE__ */ jsx63("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
         ] }),
         /* @__PURE__ */ jsxs34("div", { className: "animate-pulse", children: [
-          /* @__PURE__ */ jsx62("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
-          /* @__PURE__ */ jsx62("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
-          /* @__PURE__ */ jsx62("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
-          /* @__PURE__ */ jsx62("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
-          /* @__PURE__ */ jsx62("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
+          /* @__PURE__ */ jsx63("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
+          /* @__PURE__ */ jsx63("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
+          /* @__PURE__ */ jsx63("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
+          /* @__PURE__ */ jsx63("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
+          /* @__PURE__ */ jsx63("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
         ] }),
         /* @__PURE__ */ jsxs34("div", { className: "animate-pulse", children: [
-          /* @__PURE__ */ jsx62("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
-          /* @__PURE__ */ jsx62("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
-          /* @__PURE__ */ jsx62("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
-          /* @__PURE__ */ jsx62("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
-          /* @__PURE__ */ jsx62("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
+          /* @__PURE__ */ jsx63("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
+          /* @__PURE__ */ jsx63("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
+          /* @__PURE__ */ jsx63("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
+          /* @__PURE__ */ jsx63("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
+          /* @__PURE__ */ jsx63("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
         ] })
       ] })
     ] }) }),
@@ -4387,7 +4418,7 @@ var ContentView = (props) => {
 var ContentView_default = ContentView;
 // src/components/dataForm/DataList.tsx
-import { Fragment as Fragment10, jsx as jsx63, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Fragment as Fragment10, jsx as jsx64, jsxs as jsxs35 } from "react/jsx-runtime";
 var DataList = (props) => {
   console.log(props.dataset, "datasetssssss");
   const router = useRouter();
@@ -4410,7 +4441,7 @@ var DataList = (props) => {
     if (path.includes(".")) {
       return path.split(".").reduce((prev, curr) => prev ? prev[curr] : null, obj);
     } else if (Array.isArray(obj[path])) {
-      return obj[path].map((item, index) => /* @__PURE__ */ jsx63("div", { children: item }, index));
+      return obj[path].map((item, index) => /* @__PURE__ */ jsx64("div", { children: item }, index));
     } else {
       return obj[path];
     }
@@ -4466,30 +4497,30 @@ var DataList = (props) => {
   const renderPageNumbers = () => {
     if (pages <= 10) {
       return Array.from({ length: pages }, (_, index) => index + 1).map(
-        (page) => /* @__PURE__ */ jsx63(React45.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx63(
+        (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",
             href: builder.getNewPageUrl(page),
             children: page
           }
-        ) : /* @__PURE__ */ jsx63("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)
+        ) : /* @__PURE__ */ jsx64("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)
       );
     } else {
       const showFirstPages = activePageNumber <= 5;
       const showLastPages = activePageNumber > pages - 5;
       if (showFirstPages) {
         return /* @__PURE__ */ jsxs35(Fragment10, { children: [
-          Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ jsx63(React45.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx63(
+          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",
               href: builder.getNewPageUrl(page),
               children: page
             }
-          ) : /* @__PURE__ */ jsx63("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)),
-          /* @__PURE__ */ jsx63("span", { className: "px-2 py-1", children: "..." }),
-          /* @__PURE__ */ jsx63(
+          ) : /* @__PURE__ */ jsx64("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)),
+          /* @__PURE__ */ jsx64("span", { className: "px-2 py-1", children: "..." }),
+          /* @__PURE__ */ jsx64(
             Hyperlink,
             {
               className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -4497,7 +4528,7 @@ var DataList = (props) => {
               children: pages - 1
             }
           ),
-          /* @__PURE__ */ jsx63(
+          /* @__PURE__ */ jsx64(
             Hyperlink,
             {
               className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -4505,7 +4536,7 @@ var DataList = (props) => {
               children: pages
             }
           ),
-          /* @__PURE__ */ jsx63("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs35(
+          /* @__PURE__ */ jsx64("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs35(
             "select",
             {
               className: "  py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
@@ -4517,18 +4548,18 @@ var DataList = (props) => {
                 }
               },
               children: [
-                /* @__PURE__ */ jsx63("option", { className: "", value: "", children: "Jump to" }),
+                /* @__PURE__ */ jsx64("option", { className: "", value: "", children: "Jump to" }),
                 Array.from(
                   { length: Math.max(0, pages - 10) },
                   (_, index) => index + 9
-                ).map((page) => /* @__PURE__ */ jsx63("option", { value: page, children: page }, page))
+                ).map((page) => /* @__PURE__ */ jsx64("option", { value: page, children: page }, page))
               ]
             }
           ) })
         ] });
       } else if (showLastPages) {
         return /* @__PURE__ */ jsxs35(Fragment10, { children: [
-          /* @__PURE__ */ jsx63(
+          /* @__PURE__ */ jsx64(
             Hyperlink,
             {
               className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -4536,7 +4567,7 @@ var DataList = (props) => {
               children: "1"
             }
           ),
-          /* @__PURE__ */ jsx63(
+          /* @__PURE__ */ jsx64(
             Hyperlink,
             {
               className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -4544,21 +4575,21 @@ var DataList = (props) => {
               children: "2"
             }
           ),
-          /* @__PURE__ */ jsx63("span", { className: "px-2 py-1", children: "..." }),
+          /* @__PURE__ */ jsx64("span", { className: "px-2 py-1", children: "..." }),
           Array.from({ length: 8 }, (_, index) => pages - 7 + index).map(
-            (page) => /* @__PURE__ */ jsx63(React45.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx63(
+            (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",
                 href: builder.getNewPageUrl(page),
                 children: page
               }
-            ) : /* @__PURE__ */ jsx63("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)
+            ) : /* @__PURE__ */ jsx64("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)
           )
         ] });
       } else {
         return /* @__PURE__ */ jsxs35(Fragment10, { children: [
-          /* @__PURE__ */ jsx63(
+          /* @__PURE__ */ jsx64(
             Hyperlink,
             {
               className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -4566,7 +4597,7 @@ var DataList = (props) => {
               children: "1"
             }
           ),
-          /* @__PURE__ */ jsx63(
+          /* @__PURE__ */ jsx64(
             Hyperlink,
             {
               className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -4574,20 +4605,20 @@ var DataList = (props) => {
               children: "2"
             }
           ),
-          /* @__PURE__ */ jsx63("span", { className: "px-2 py-1", children: "..." }),
+          /* @__PURE__ */ jsx64("span", { className: "px-2 py-1", children: "..." }),
           Array.from(
             { length: 5 },
             (_, index) => activePageNumber - 2 + index
-          ).map((page) => /* @__PURE__ */ jsx63(React45.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx63(
+          ).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",
               href: builder.getNewPageUrl(page),
               children: page
             }
-          ) : /* @__PURE__ */ jsx63("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)),
-          /* @__PURE__ */ jsx63("span", { className: "px-2 py-1", children: "..." }),
-          /* @__PURE__ */ jsx63(
+          ) : /* @__PURE__ */ jsx64("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary text-white", children: page }) }, page)),
+          /* @__PURE__ */ jsx64("span", { className: "px-2 py-1", children: "..." }),
+          /* @__PURE__ */ jsx64(
             Hyperlink,
             {
               className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -4595,7 +4626,7 @@ var DataList = (props) => {
               children: pages - 1
             }
           ),
-          /* @__PURE__ */ jsx63(
+          /* @__PURE__ */ jsx64(
             Hyperlink,
             {
               className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -4603,7 +4634,7 @@ var DataList = (props) => {
               children: pages
             }
           ),
-          /* @__PURE__ */ jsx63("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs35(
+          /* @__PURE__ */ jsx64("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs35(
             "select",
             {
               className: "px-2 py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
@@ -4615,8 +4646,8 @@ var DataList = (props) => {
                 }
               },
               children: [
-                /* @__PURE__ */ jsx63("option", { value: "", children: "Jump to" }),
-                Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ jsx63("option", { value: page, children: page }, page))
+                /* @__PURE__ */ jsx64("option", { value: "", children: "Jump to" }),
+                Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ jsx64("option", { value: page, children: page }, page))
               ]
             }
           ) })
@@ -4631,9 +4662,9 @@ var DataList = (props) => {
         {
           className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md border-b border-neutral-200 sticky top-0`,
           children: [
-            props.title ? /* @__PURE__ */ jsx63("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsx63("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ jsx63("div", {}),
+            props.title ? /* @__PURE__ */ jsx64("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsx64("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ jsx64("div", {}),
             /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-3", children: [
-              props.filters && props.filters.map((filter) => /* @__PURE__ */ jsx63(
+              props.filters && props.filters.map((filter) => /* @__PURE__ */ jsx64(
                 InputControl_default,
                 {
                   name: filter.name,
@@ -4655,8 +4686,8 @@ var DataList = (props) => {
                   linkType: "Primary" /* Solid */,
                   href: props.addLinkHref,
                   children: [
-                    /* @__PURE__ */ jsx63(Icon_default, { name: "plus", className: "w-4 h-4" }),
-                    /* @__PURE__ */ jsx63("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
+                    /* @__PURE__ */ jsx64(Icon_default, { name: "plus", className: "w-4 h-4" }),
+                    /* @__PURE__ */ jsx64("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
                   ]
                 }
               )
@@ -4664,8 +4695,8 @@ var DataList = (props) => {
           ]
         }
       ),
-      /* @__PURE__ */ jsx63("div", { className: "flex-1 overflow-y-auto  justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ jsxs35("table", { className: "w-full   divide-y divide-gray-200", children: [
-        /* @__PURE__ */ jsx63("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ jsx63("tr", { children: props?.columns?.map((column) => {
+      /* @__PURE__ */ jsx64("div", { className: "flex-1 overflow-y-auto  justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ jsxs35("table", { className: "w-full   divide-y divide-gray-200", children: [
+        /* @__PURE__ */ jsx64("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ jsx64("tr", { children: props?.columns?.map((column) => {
           let url = builder.getNewOrderByUrl(column.name);
           let icon = "chevronUpDown";
           if (orderBy.includes(`${column.name} desc`)) {
@@ -4675,18 +4706,18 @@ var DataList = (props) => {
             icon = "chevronUp";
             url = builder.getNewOrderByUrl(column.name + " desc");
           }
-          return /* @__PURE__ */ jsx63(
+          return /* @__PURE__ */ jsx64(
             "th",
             {
               className: "px-6 py-3 text-left font-medium bg-neutral-soft " + (column.enableSorting ? "cursor-pointer " : "") + column.width + (column.controlType == ViewControlTypes_default.money ? " text-right" : ""),
-              children: /* @__PURE__ */ jsx63(
+              children: /* @__PURE__ */ jsx64(
                 Hyperlink,
                 {
                   href: column.enableSorting ? url : void 0,
                   className: "!text-neutral-contrast ",
                   children: /* @__PURE__ */ jsxs35("span", { className: "flex items-center space-x-1", children: [
-                    /* @__PURE__ */ jsx63("span", { className: "text-black", children: column.label }),
-                    column.enableSorting && /* @__PURE__ */ jsx63(Icon_default, { className: "w-4 h-4", name: icon })
+                    /* @__PURE__ */ jsx64("span", { className: "text-black", children: column.label }),
+                    column.enableSorting && /* @__PURE__ */ jsx64(Icon_default, { className: "w-4 h-4", name: icon })
                   ] })
                 }
               )
@@ -4694,24 +4725,24 @@ var DataList = (props) => {
             column.name
           );
         }) }) }),
-        /* @__PURE__ */ jsx63("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
+        /* @__PURE__ */ jsx64("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
           let validityClass = "";
           console.log("dataitem", dataitem);
           if (props.recordValidityColumnName && getNestedProperty2(dataitem, props.recordValidityColumnName) == false) {
             validityClass = "bg-alert-200";
           }
-          return /* @__PURE__ */ jsx63("tr", { className: validityClass, children: props?.columns?.map((column, colindex) => {
+          return /* @__PURE__ */ jsx64("tr", { className: validityClass, children: props?.columns?.map((column, colindex) => {
             console.log("column", column);
-            return /* @__PURE__ */ jsx63(React45.Fragment, { children: /* @__PURE__ */ jsx63(
+            return /* @__PURE__ */ jsx64(React45.Fragment, { children: /* @__PURE__ */ jsx64(
               "td",
               {
                 className: "px-6 py-2 whitespace-normal " + (column.controlType == ViewControlTypes_default.money ? "" : ""),
-                children: column.addhref === true ? /* @__PURE__ */ jsx63(
+                children: column.addhref === true ? /* @__PURE__ */ jsx64(
                   Hyperlink,
                   {
                     className: "",
                     href: `https://${dataitem[column.name]}`,
-                    children: /* @__PURE__ */ jsx63(
+                    children: /* @__PURE__ */ jsx64(
                       ViewControl_default,
                       {
                         controlType: column.controlType,
@@ -4724,11 +4755,11 @@ var DataList = (props) => {
                       }
                     )
                   }
-                ) : column.showAsLink ? /* @__PURE__ */ jsx63(
+                ) : column.showAsLink ? /* @__PURE__ */ jsx64(
                   Hyperlink,
                   {
                     href: props.path + dataitem[props.columns[0].name] + "/" + (dataitem.linkUrlSegment ?? column.linkUrlSegment),
-                    children: /* @__PURE__ */ jsx63(
+                    children: /* @__PURE__ */ jsx64(
                       ViewControl_default,
                       {
                         controlType: column.controlType,
@@ -4738,7 +4769,7 @@ var DataList = (props) => {
                       }
                     )
                   }
-                ) : /* @__PURE__ */ jsx63(
+                ) : /* @__PURE__ */ jsx64(
                   ViewControl_default,
                   {
                     controlType: column.controlType,
@@ -4752,10 +4783,10 @@ var DataList = (props) => {
           }) }, index);
         }) })
       ] }) }),
-      /* @__PURE__ */ jsx63("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ jsxs35("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx63("div", { className: "text-gray-700", children: label }),
+      /* @__PURE__ */ jsx64("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ jsxs35("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx64("div", { className: "text-gray-700", children: label }),
         /* @__PURE__ */ jsxs35("div", { className: "flex space-x-2 items-center", children: [
-          activePageNumber > 1 && /* @__PURE__ */ jsx63(
+          activePageNumber > 1 && /* @__PURE__ */ jsx64(
             Hyperlink,
             {
               className: "px-3 py-1 rounded-l-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
@@ -4763,9 +4794,9 @@ var DataList = (props) => {
               children: "Prev"
             }
           ),
-          activePageNumber <= 1 && /* @__PURE__ */ jsx63("div", { className: "px-3 py-1 rounded-l-md border border-gray-300 bg-gray-200 text-gray-500 hover:bg-gray-200", children: "Prev" }),
+          activePageNumber <= 1 && /* @__PURE__ */ jsx64("div", { className: "px-3 py-1 rounded-l-md border border-gray-300 bg-gray-200 text-gray-500 hover:bg-gray-200", children: "Prev" }),
           renderPageNumbers(),
-          activePageNumber < pages && /* @__PURE__ */ jsx63(
+          activePageNumber < pages && /* @__PURE__ */ jsx64(
             Hyperlink,
             {
               className: "px-3 py-1 rounded-r-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
@@ -4773,7 +4804,7 @@ var DataList = (props) => {
               children: "Next"
             }
           ),
-          activePageNumber >= pages && /* @__PURE__ */ jsx63("div", { className: "px-3 py-1 rounded-r-md border border-gray-300 bg-gray-200 text-gray-500", children: "Next" })
+          activePageNumber >= pages && /* @__PURE__ */ jsx64("div", { className: "px-3 py-1 rounded-r-md border border-gray-300 bg-gray-200 text-gray-500", children: "Next" })
         ] })
       ] }) })
     ] }),
@@ -4783,9 +4814,9 @@ var DataList = (props) => {
         {
           className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md border-b border-neutral-200`,
           children: [
-            props.title ? /* @__PURE__ */ jsx63("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsx63("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ jsx63("div", {}),
+            props.title ? /* @__PURE__ */ jsx64("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsx64("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ jsx64("div", {}),
             /* @__PURE__ */ jsxs35("div", { className: "flex items-center gap-3", children: [
-              props.filters && props.filters.map((filter) => /* @__PURE__ */ jsx63(
+              props.filters && props.filters.map((filter) => /* @__PURE__ */ jsx64(
                 InputControl_default,
                 {
                   name: filter.name,
@@ -4807,8 +4838,8 @@ var DataList = (props) => {
                   linkType: "Primary" /* Solid */,
                   href: props.addLinkHref,
                   children: [
-                    /* @__PURE__ */ jsx63(Icon_default, { name: "plus", className: "w-4 h-4" }),
-                    /* @__PURE__ */ jsx63("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
+                    /* @__PURE__ */ jsx64(Icon_default, { name: "plus", className: "w-4 h-4" }),
+                    /* @__PURE__ */ jsx64("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
                   ]
                 }
               )
@@ -4817,7 +4848,7 @@ var DataList = (props) => {
         }
       ),
       /* @__PURE__ */ jsxs35("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
-        /* @__PURE__ */ jsx63("div", { children: /* @__PURE__ */ jsx63("table", { className: "w-full divide-y divide-gray-200", children: /* @__PURE__ */ jsx63("thead", { className: "bg-gray-50", children: /* @__PURE__ */ jsx63("tr", { children: props?.columns?.map((column) => {
+        /* @__PURE__ */ jsx64("div", { children: /* @__PURE__ */ jsx64("table", { className: "w-full divide-y divide-gray-200", children: /* @__PURE__ */ jsx64("thead", { className: "bg-gray-50", children: /* @__PURE__ */ jsx64("tr", { children: props?.columns?.map((column) => {
           let url = builder.getNewOrderByUrl(column.name);
           let icon = "chevronUpDown";
           if (orderBy.includes(`${column.name} desc`)) {
@@ -4827,18 +4858,18 @@ var DataList = (props) => {
             icon = "chevronUp";
             url = builder.getNewOrderByUrl(column.name + " desc");
           }
-          return /* @__PURE__ */ jsx63(
+          return /* @__PURE__ */ jsx64(
             "th",
             {
               className: "px-6 py-3 text-left font-medium bg-neutral-soft " + (column.enableSorting ? "cursor-pointer " : "") + column.width + (column.controlType == ViewControlTypes_default.money ? " text-right" : ""),
-              children: /* @__PURE__ */ jsx63(
+              children: /* @__PURE__ */ jsx64(
                 Hyperlink,
                 {
                   href: column.enableSorting ? url : void 0,
                   className: "text-body-950",
                   children: /* @__PURE__ */ jsxs35("span", { className: "flex items-center space-x-1", children: [
-                    /* @__PURE__ */ jsx63("span", { children: column.label }),
-                    column.enableSorting && /* @__PURE__ */ jsx63(Icon_default, { className: "w-4 h-4", name: icon })
+                    /* @__PURE__ */ jsx64("span", { children: column.label }),
+                    column.enableSorting && /* @__PURE__ */ jsx64(Icon_default, { className: "w-4 h-4", name: icon })
                   ] })
                 }
               )
@@ -4846,7 +4877,7 @@ var DataList = (props) => {
             column.name
           );
         }) }) }) }) }),
-        /* @__PURE__ */ jsx63("div", { className: "w-full text-center bg-transparent pt-5", children: "There are no entries in the table at the moment." })
+        /* @__PURE__ */ jsx64("div", { className: "w-full text-center bg-transparent pt-5", children: "There are no entries in the table at the moment." })
       ] })
     ] })
   ] });
@@ -4856,7 +4887,7 @@ var DataList_default = DataList;
 // src/components/dataForm/DataListRenderer.tsx
 import React46, { useState as useState9, useEffect as useEffect10 } from "react";
 import { usePathname as usePathname2 } from "next/navigation";
-import { jsx as jsx64, jsxs as jsxs36 } from "react/jsx-runtime";
+import { jsx as jsx65, jsxs as jsxs36 } from "react/jsx-runtime";
 var viewControlMap = {
   number: ViewControlTypes.number,
   lineText: ViewControlTypes.lineText,
@@ -4946,8 +4977,8 @@ var DataListRenderer = ({
   const activeTab = tabItem?.find((tab) => tab.isActive);
   const activeHref = activeTab ? resolveRoutePlaceholders2(activeTab.landingPageUrl, params) : pathname;
   return /* @__PURE__ */ jsxs36(React46.Fragment, { children: [
-    widgetProps && /* @__PURE__ */ jsx64(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
-    /* @__PURE__ */ jsx64(
+    widgetProps && /* @__PURE__ */ jsx65(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
+    /* @__PURE__ */ jsx65(
       DataList_default,
       {
         addLinkHref,
@@ -4992,7 +5023,7 @@ var FORM_CHILD_ONE_TO_ONE_UPDATE = "FORM_CHILD_ONE_TO_ONE_UPDATE";
 var FORM_CHILD_ROW_ADD = "FORM_CHILD_ROW_ADD";
 // src/components/dataForm/DataFormChildSection.tsx
-import { jsx as jsx65, jsxs as jsxs37 } from "react/jsx-runtime";
+import { jsx as jsx66, jsxs as jsxs37 } from "react/jsx-runtime";
 var DataFormChildSection = (props) => {
   const { section } = props;
   const isOneToOne = section.relationshipType === "one-to-one";
@@ -5060,14 +5091,14 @@ var DataFormChildSection = (props) => {
     childItemsToRender,
     allChildItems: childItems
   });
-  return /* @__PURE__ */ jsx65(React47.Fragment, { children: /* @__PURE__ */ jsxs37("div", { className: "rounded border-neutral-200 border px-6 py-4 mb-2", children: [
-    section.sectionTitle && /* @__PURE__ */ jsx65("div", { className: "mb-4 text-lg font-medium text-body-950", children: section.sectionTitle }),
-    /* @__PURE__ */ jsx65("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__ */ jsx65("div", { children: /* @__PURE__ */ jsxs37("table", { className: "w-full border-separate divide-y divide-gray-200", children: [
-        (!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ jsx65("thead", { className: "", children: section.sectionRows.map((sectionRow, sectionRowIndex) => {
+  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: [
+        (!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ jsx66("thead", { className: "", children: section.sectionRows.map((sectionRow, sectionRowIndex) => {
           return /* @__PURE__ */ jsxs37("tr", { className: "", children: [
             sectionRow.elements.map((field, index) => {
-              return /* @__PURE__ */ jsx65(
+              return /* @__PURE__ */ jsx66(
                 "th",
                 {
                   className: "py-3 font-normal text-left",
@@ -5076,13 +5107,13 @@ var DataFormChildSection = (props) => {
                 field.name
               );
             }),
-            !section.readonly && !isOneToOne && /* @__PURE__ */ jsx65("th", { className: "py-3 font-normal text-left", children: "Actions" })
+            !section.readonly && !isOneToOne && /* @__PURE__ */ jsx66("th", { className: "py-3 font-normal text-left", children: "Actions" })
           ] }, sectionRowIndex);
         }) }),
-        /* @__PURE__ */ jsx65("tbody", { className: "divide-y divide-gray-200", children: childItemsToRender.map((visibleItem, filteredIndex) => {
+        /* @__PURE__ */ jsx66("tbody", { className: "divide-y divide-gray-200", children: childItemsToRender.map((visibleItem, filteredIndex) => {
           const { item, originalIndex } = visibleItem;
           const rowKey = originalIndex;
-          return /* @__PURE__ */ jsx65(React47.Fragment, { children: section.sectionRows.map(
+          return /* @__PURE__ */ jsx66(React47.Fragment, { children: section.sectionRows.map(
             (sectionRow, sectionRowIndex) => {
               return /* @__PURE__ */ jsxs37(
                 "tr",
@@ -5090,7 +5121,7 @@ var DataFormChildSection = (props) => {
                   className: "",
                   children: [
                     sectionRow.elements.map((field, index) => {
-                      return /* @__PURE__ */ jsx65("td", { children: /* @__PURE__ */ jsx65("div", { className: "flex-1", children: /* @__PURE__ */ jsx65("div", { className: "w-11/12", children: /* @__PURE__ */ jsx65(
+                      return /* @__PURE__ */ jsx66("td", { children: /* @__PURE__ */ jsx66("div", { className: "flex-1", children: /* @__PURE__ */ jsx66("div", { className: "w-11/12", children: /* @__PURE__ */ jsx66(
                         InputControl_default,
                         {
                           index: filteredIndex,
@@ -5110,7 +5141,7 @@ var DataFormChildSection = (props) => {
                         }
                       ) }) }) }, field.name);
                     }),
-                    !section.readonly && !isOneToOne && /* @__PURE__ */ jsx65("td", { children: /* @__PURE__ */ jsx65(
+                    !section.readonly && !isOneToOne && /* @__PURE__ */ jsx66("td", { children: /* @__PURE__ */ jsx66(
                       ClientButton_default,
                       {
                         ButtonType: StyleTypes2.Hollow,
@@ -5119,7 +5150,7 @@ var DataFormChildSection = (props) => {
                         },
                         dataRole: "delete",
                         tabIndex: -1,
-                        children: /* @__PURE__ */ jsx65(
+                        children: /* @__PURE__ */ jsx66(
                           Icon_default,
                           {
                             className: "w-4 h-4",
@@ -5136,7 +5167,7 @@ var DataFormChildSection = (props) => {
           ) }, rowKey);
         }) })
       ] }) }),
-      !section.readonly && !isOneToOne && /* @__PURE__ */ jsx65("div", { className: "ml-1", children: /* @__PURE__ */ jsx65(
+      !section.readonly && !isOneToOne && /* @__PURE__ */ jsx66("div", { className: "ml-1", children: /* @__PURE__ */ jsx66(
         ClientButton_default,
         {
           ButtonType: "Link" /* Link */,
@@ -5151,7 +5182,7 @@ var DataFormChildSection = (props) => {
 var DataFormChildSection_default = DataFormChildSection;
 // src/components/dataForm/DataForm.tsx
-import { jsx as jsx66, jsxs as jsxs38 } from "react/jsx-runtime";
+import { jsx as jsx67, jsxs as jsxs38 } from "react/jsx-runtime";
 var DataForm = (props) => {
   const formRef = useRef4(null);
   console.log(props.dataItem, "dssads");
@@ -5371,19 +5402,19 @@ var DataForm = (props) => {
       return false;
     }
   }
-  return /* @__PURE__ */ jsx66(React48.Fragment, { children: /* @__PURE__ */ jsxs38("div", { className: "flex-grow flex flex-col", children: [
-    props.title && /* @__PURE__ */ jsx66("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(
+  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",
       {
         className: "inline-flex items-center gap-2 cursor-pointer",
         onClick: () => window.history.back(),
         children: [
-          /* @__PURE__ */ jsx66(Icon_default, { name: "chevronLeft", className: "w-4 h-4 text-primary-800" }),
-          /* @__PURE__ */ jsx66("h2", { className: "text-lg font-semibold text-primary-800", children: props.title })
+          /* @__PURE__ */ jsx67(Icon_default, { name: "chevronLeft", className: "w-4 h-4 text-primary-800" }),
+          /* @__PURE__ */ jsx67("h2", { className: "text-lg font-semibold text-primary-800", children: props.title })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx66(
+    /* @__PURE__ */ jsx67(
       "form",
       {
         className: "group space-y-6 pb-6 overflow-y-auto",
@@ -5404,8 +5435,8 @@ var DataForm = (props) => {
             }
           }
         },
-        children: /* @__PURE__ */ jsx66("div", { className: "flex flex-col gap-6", children: props.sections?.map((section, sectionIndex) => {
-          return /* @__PURE__ */ jsx66(React48.Fragment, { children: !section.isChildSection && /* @__PURE__ */ jsxs38("div", { className: " rounded-b-lg bg-white shadow border-neutral-200 border px-8 py-6 ", children: [
+        children: /* @__PURE__ */ jsx67("div", { className: "flex flex-col gap-6", children: props.sections?.map((section, sectionIndex) => {
+          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;
@@ -5416,14 +5447,14 @@ var DataForm = (props) => {
                     sectionRow.visible
                   );
                 }
-                return /* @__PURE__ */ jsx66(React48.Fragment, { children: isVisible && /* @__PURE__ */ jsx66("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",
                     {
                       className: sectionRow.grow ? "grow" : "",
                       children: [
-                        /* @__PURE__ */ jsx66("div", { children: field.controlType }),
-                        /* @__PURE__ */ jsx66(
+                        /* @__PURE__ */ jsx67("div", { children: field.controlType }),
+                        /* @__PURE__ */ jsx67(
                           InputControl_default,
                           {
                             name: field.name,
@@ -5453,12 +5484,12 @@ var DataForm = (props) => {
                 }) }) }, sectionRowIndex);
               }
             ),
-            /* @__PURE__ */ jsx66("div", { children: section.childSections?.map(
+            /* @__PURE__ */ jsx67("div", { children: section.childSections?.map(
               (childSection, childSectionIndex) => {
-                return /* @__PURE__ */ jsx66("div", { children: childSection.name && evalutateCondition(
+                return /* @__PURE__ */ jsx67("div", { children: childSection.name && evalutateCondition(
                   formState.inputValues,
                   childSection.visible
-                ) && /* @__PURE__ */ jsx66(
+                ) && /* @__PURE__ */ jsx67(
                   DataFormChildSection_default,
                   {
                     section: childSection,
@@ -5474,7 +5505,7 @@ var DataForm = (props) => {
       }
     ),
     /* @__PURE__ */ jsxs38("div", { className: "flex px-6 py-3 mt-2 mb-2 justify-end  items-center gap-5", children: [
-      /* @__PURE__ */ jsx66("div", { children: props.additionalActions && /* @__PURE__ */ jsx66(
+      /* @__PURE__ */ jsx67("div", { children: props.additionalActions && /* @__PURE__ */ jsx67(
         Button_default,
         {
           ButtonType: "PrimaryHollow" /* Hollow */,
@@ -5482,7 +5513,7 @@ var DataForm = (props) => {
           children: props.additionalActions.title
         }
       ) }),
-      /* @__PURE__ */ jsx66("div", { children: props.onDelete && /* @__PURE__ */ jsx66(
+      /* @__PURE__ */ jsx67("div", { children: props.onDelete && /* @__PURE__ */ jsx67(
         Button_default,
         {
           ButtonType: "PrimaryHollow" /* Hollow */,
@@ -5493,7 +5524,7 @@ var DataForm = (props) => {
           children: "Delete"
         }
       ) }),
-      /* @__PURE__ */ jsx66("div", { children: props.onClick && /* @__PURE__ */ jsx66(
+      /* @__PURE__ */ jsx67("div", { children: props.onClick && /* @__PURE__ */ jsx67(
         Button_default,
         {
           onValidate,
@@ -5510,7 +5541,7 @@ var DataForm = (props) => {
 var DataForm_default = DataForm;
 // src/components/dataForm/DataFormRenderer.tsx
-import { jsx as jsx67, jsxs as jsxs39 } from "react/jsx-runtime";
+import { jsx as jsx68, jsxs as jsxs39 } from "react/jsx-runtime";
 function getAction(actions, code) {
   return actions?.find((a) => a.actionCode === code);
 }
@@ -5537,8 +5568,8 @@ var DataFormRenderer = ({
   );
   const hasDataItem = dataItem && Object.keys(dataItem).length > 0;
   return /* @__PURE__ */ jsxs39("div", { className: "flex-grow flex flex-col", children: [
-    widgetProps && /* @__PURE__ */ jsx67(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
-    /* @__PURE__ */ jsx67(
+    widgetProps && /* @__PURE__ */ jsx68(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
+    /* @__PURE__ */ jsx68(
       DataForm_default,
       {
         title: !isAddPage ? "Edit " + formDefinition.formTitle + "- v2" : "Add " + formDefinition.formTitle + "- v2",