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

@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260707141031 → 0.8.1-dev.20260708060703

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 (17) hide show

package/dist/{InputControlClient-NJV6B65M.mjs → InputControlClient-646PQPKQ.mjs} +79 -6
package/dist/{InputControlClient-TW664WIJ.mjs → InputControlClient-O4HBEUP4.mjs} +79 -6
package/dist/{Pagination-FSYLYKUA.mjs → Pagination-4K7GMWUE.mjs} +2 -2
package/dist/Pagination-OQT7Q2XO.mjs +183 -0
package/dist/chunk-FI2KJBK2.mjs +110 -0
package/dist/{chunk-47HD7QP7.mjs → chunk-FYGNBMII.mjs} +1 -1
package/dist/chunk-OGGIS4AN.mjs +201 -0
package/dist/{chunk-CM7LUGCH.mjs → chunk-UWFXFVUU.mjs} +2 -1
package/dist/index.d.mts +7 -0
package/dist/index.d.ts +7 -0
package/dist/index.js +902 -785
package/dist/index.mjs +368 -332
package/dist/server.d.mts +6 -0
package/dist/server.d.ts +6 -0
package/dist/server.js +330 -294
package/dist/server.mjs +187 -151
package/package.json +1 -1

package/dist/index.mjs CHANGED Viewed

@@ -1,6 +1,8 @@
+"use client";
 import {
   OdataBuilder
-} from "./chunk-47HD7QP7.mjs";
+} from "./chunk-OGGIS4AN.mjs";
 import {
   AssetUtility_default,
   BooleanSelect_default,
@@ -17,45 +19,51 @@ import {
   PhoneInput_default,
   SelectWithSearchInput_default,
   TimeInput_default
-} from "./chunk-YG6FKKQJ.mjs";
+} from "./chunk-7ZFZLN56.mjs";
 import {
   Constants,
   Hyperlink,
   Icon_default,
   InputControlType_default
-} from "./chunk-CM7LUGCH.mjs";
+} from "./chunk-FI2KJBK2.mjs";
 import {
   ServiceClient_default
-} from "./chunk-3GWLDT7C.mjs";
+} from "./chunk-WEV5U33G.mjs";
 import {
   Button_default,
   ClientButton_default,
   ToastService_default
-} from "./chunk-IKIXEQPV.mjs";
-import "./chunk-56HSDML5.mjs";
+} from "./chunk-67IG5NBU.mjs";
+import "./chunk-IMNQO57B.mjs";
 // src/components/controls/view/ViewControl.tsx
-import React10 from "react";
+import React13 from "react";
 // src/components/controls/view/ViewControlTypes.tsx
 var ViewControlTypes = {
   lineText: "lineText",
+  emailText: "email",
   asset: "asset",
   multilineTextBullets: "multilineTextBullets",
   boolean: "boolean",
+  checkboxInput: "boolean",
   money: "money",
   date: "date",
   time: "time",
   datetime: "datetime",
   number: "number",
   multilineText: "multilineText",
+  multilinetext: "multilinetext",
   moneyText: "moneyText",
   percentage: "percentage",
+  status: "status",
   statusBg: "statusBg",
   progressIndicator: "progressIndicator",
   timeUntilStarts: "timeUntilStarts",
   timeUntilStartsStyled: "timeUntilStartsStyled",
-  aiGeneratedSummary: "aiGeneratedSummary"
+  aiGeneratedSummary: "aiGeneratedSummary",
+  booleanView: "booleanView",
+  text: "text"
 };
 var ViewControlTypes_default = ViewControlTypes;
@@ -69,7 +77,7 @@ var NumberView_default = NumberView;
 // src/components/controls/view/DateView.tsx
 import dynamic from "next/dynamic";
-var DateView = dynamic(() => import("./DateViewClient-ELEHLGWS.mjs"), {
+var DateView = dynamic(() => import("./DateViewClient-VLTRN47D.mjs"), {
   ssr: false
 });
 var DateView_default = DateView;
@@ -124,7 +132,7 @@ import React3 from "react";
 // src/components/DeviceAssetSelector.tsx
 import dynamic2 from "next/dynamic";
 import { jsx as jsx3 } from "react/jsx-runtime";
-var HlsPlayer = dynamic2(() => import("./HlsPlayer-57543DTW.mjs"), { ssr: false });
+var HlsPlayer = dynamic2(() => import("./HlsPlayer-5AWFZ2P6.mjs"), { ssr: false });
 var FORMAT_CLASSES = {
   center: "justify-center",
   left: "justify-start",
@@ -236,8 +244,32 @@ var LineText = (props) => {
 };
 var LineTextView_default = LineText;
-// src/components/controls/view/MoneyView.tsx
+// src/components/controls/view/EmailTextView.tsx
 import React5 from "react";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var EmailText = (props) => {
+  return /* @__PURE__ */ jsx6(React5.Fragment, { children: props.value });
+};
+var EmailTextView_default = EmailText;
+// src/components/controls/view/StatusBgView.tsx
+import React6 from "react";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var StatusBg = (props) => {
+  return /* @__PURE__ */ jsx7(React6.Fragment, { children: props.value && props.value != "" && /* @__PURE__ */ jsx7("span", { className: "py-0.5 px-1.5 text-xs capitalize text-white font-semibold rounded  bg-status bg-status-" + props.value, children: props.value }) });
+};
+var StatusBgView_default = StatusBg;
+// src/components/controls/view/StatusView.tsx
+import React7 from "react";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var Status = (props) => {
+  return /* @__PURE__ */ jsx8(React7.Fragment, { children: /* @__PURE__ */ jsx8("span", { className: "capitalize font-semibold rounded text-status text-status-" + props.value, children: props.value }) });
+};
+var StatusView_default = Status;
+// src/components/controls/view/MoneyView.tsx
+import React8 from "react";
 // src/components/utilities/CurrencyUtility.tsx
 var CurrencyUtility = class {
@@ -258,40 +290,40 @@ var CurrencyUtility = class {
 var CurrencyUtility_default = CurrencyUtility;
 // src/components/controls/view/MoneyView.tsx
-import { jsx as jsx6, jsxs } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs } from "react/jsx-runtime";
 var Money = (props) => {
   const parsedNumber = parseFloat(props.value);
-  return /* @__PURE__ */ jsx6(React5.Fragment, { children: !Number.isNaN(parsedNumber) && /* @__PURE__ */ jsxs(React5.Fragment, { children: [
-    /* @__PURE__ */ jsx6("span", { className: "mr-0.5", children: CurrencyUtility_default.getCurrencySymbol(props.unit) }),
+  return /* @__PURE__ */ jsx9(React8.Fragment, { children: !Number.isNaN(parsedNumber) && /* @__PURE__ */ jsxs(React8.Fragment, { children: [
+    /* @__PURE__ */ jsx9("span", { className: "mr-0.5", children: CurrencyUtility_default.getCurrencySymbol(props.unit) }),
     parsedNumber.toLocaleString()
   ] }) });
 };
 var MoneyView_default = Money;
 // src/components/controls/view/MultilineTextBulletsView.tsx
-import React6 from "react";
-import { jsx as jsx7 } from "react/jsx-runtime";
+import React9 from "react";
+import { jsx as jsx10 } from "react/jsx-runtime";
 var MultilineTextBullets = (props) => {
   const lines = props.value?.split("\\n");
-  return /* @__PURE__ */ jsx7(React6.Fragment, { children: /* @__PURE__ */ jsx7("ul", { className: "list-disc", children: lines && lines.map((line, index) => {
-    return /* @__PURE__ */ jsx7("li", { children: line }, index);
+  return /* @__PURE__ */ jsx10(React9.Fragment, { children: /* @__PURE__ */ jsx10("ul", { className: "list-disc", children: lines && lines.map((line, index) => {
+    return /* @__PURE__ */ jsx10("li", { children: line }, index);
   }) }) });
 };
 var MultilineTextBulletsView_default = MultilineTextBullets;
 // src/components/controls/view/MultilineTextView.tsx
-import React7 from "react";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import React10 from "react";
+import { jsx as jsx11 } from "react/jsx-runtime";
 var MultilineText = (props) => {
-  return /* @__PURE__ */ jsx8(React7.Fragment, { children: /* @__PURE__ */ jsx8("span", { className: "whitespace-pre-line", children: props.value }) });
+  return /* @__PURE__ */ jsx11(React10.Fragment, { children: /* @__PURE__ */ jsx11("span", { className: "whitespace-pre-line", children: props.value }) });
 };
 var MultilineTextView_default = MultilineText;
 // src/components/controls/view/PercentageView.tsx
-import React8 from "react";
+import React11 from "react";
 import { jsxs as jsxs2 } from "react/jsx-runtime";
 var PercentageView = (props) => {
-  return /* @__PURE__ */ jsxs2(React8.Fragment, { children: [
+  return /* @__PURE__ */ jsxs2(React11.Fragment, { children: [
     props.value,
     "%"
   ] });
@@ -299,16 +331,16 @@ var PercentageView = (props) => {
 var PercentageView_default = PercentageView;
 // src/components/controls/view/ProgressIndicator.tsx
-import React9 from "react";
-import { jsx as jsx9, jsxs as jsxs3 } from "react/jsx-runtime";
+import React12 from "react";
+import { jsx as jsx12, jsxs as jsxs3 } from "react/jsx-runtime";
 var ProgressIndicator = (props) => {
   const percentage = 100;
   const circumference = Math.PI * 56;
   const offset = circumference * (1 - percentage / 100);
-  return /* @__PURE__ */ jsx9(React9.Fragment, { children: /* @__PURE__ */ jsxs3("div", { className: "relative w-48 h-48", children: [
-    /* @__PURE__ */ jsx9("div", { className: "absolute top-0 left-0 w-full h-full rounded-full border border-gray-200" }),
-    /* @__PURE__ */ jsx9("div", { className: "absolute top-0 left-0 w-full h-full rounded-full overflow-hidden", children: /* @__PURE__ */ jsx9("div", { className: "w-full h-full rounded-full border-t-8 border-green-500", style: { transform: `rotate(-90deg)`, clipPath: `inset(0px ${offset}px 0px 0px)` } }) }),
-    /* @__PURE__ */ jsx9("div", { className: "absolute top-0 left-0 w-full h-full flex items-center justify-center text-lg font-bold text-gray-800", children: /* @__PURE__ */ jsxs3("span", { children: [
+  return /* @__PURE__ */ jsx12(React12.Fragment, { children: /* @__PURE__ */ jsxs3("div", { className: "relative w-48 h-48", children: [
+    /* @__PURE__ */ jsx12("div", { className: "absolute top-0 left-0 w-full h-full rounded-full border border-gray-200" }),
+    /* @__PURE__ */ jsx12("div", { className: "absolute top-0 left-0 w-full h-full rounded-full overflow-hidden", children: /* @__PURE__ */ jsx12("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__ */ jsx12("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,
       "%"
     ] }) })
@@ -317,37 +349,39 @@ var ProgressIndicator = (props) => {
 var ProgressIndicator_default = ProgressIndicator;
 // src/components/controls/view/AiGeneratedSummary.tsx
-import { jsx as jsx10, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx13, 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__ */ 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__ */ jsx13("summary", { className: "flex items-start justify-between cursor-pointer list-none", children: /* @__PURE__ */ jsxs4("div", { className: "flex items-start gap-3 ", children: [
+      /* @__PURE__ */ jsx13("div", { className: "bg-primary-base bg-transparent rounded mt-1 p-1", children: /* @__PURE__ */ jsx13("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__ */ jsx13("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__ */ 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__ */ jsx13("h3", { className: "text-lg font-semibold ", children: "Quick Read" }),
+        /* @__PURE__ */ jsx13("p", { className: "text-sm text-gray-500 mb-0", children: "Summary is AI-generated, author-reviewed" })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx10("div", { children: /* @__PURE__ */ jsx10("ul", { className: "list-disc pl-6 space-y-3 text-gray-700 ps-4 pl-4", children: lines.map((line, index) => /* @__PURE__ */ jsx10("li", { className: "m-0", children: line }, index)) }) })
+    /* @__PURE__ */ jsx13("div", { children: /* @__PURE__ */ jsx13("ul", { className: "list-disc pl-6 space-y-3 text-gray-700 ps-4 pl-4", children: lines.map((line, index) => /* @__PURE__ */ jsx13("li", { className: "m-0", children: line }, index)) }) })
   ] });
 };
 var AiGeneratedSummary_default = AiGeneratedSummary;
 // src/components/controls/view/DateTimeVew.tsx
 import dynamic3 from "next/dynamic";
-var DateTimeView = dynamic3(() => import("./DateTimeViewClient-22GW4AD7.mjs"), {
+var DateTimeView = dynamic3(() => import("./DateTimeViewClient-R3M6ISVK.mjs"), {
   ssr: false
 });
 var DateTimeVew_default = DateTimeView;
 // src/components/controls/view/ViewControl.tsx
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 var ViewControl = (props) => {
   const ControlComponents = {
     [ViewControlTypes_default.lineText]: LineTextView_default,
+    [ViewControlTypes_default.emailText]: EmailTextView_default,
     [ViewControlTypes_default.asset]: Asset_default,
     [ViewControlTypes_default.multilineTextBullets]: MultilineTextBulletsView_default,
     [ViewControlTypes_default.boolean]: BooleanView_default,
+    [ViewControlTypes_default.checkboxInput]: BooleanView_default,
     // [ViewControlTypes.timeUntilStarts]: TimeUntilStarts,
     [ViewControlTypes_default.money]: MoneyView_default,
     [ViewControlTypes_default.date]: DateView_default,
@@ -355,34 +389,38 @@ var ViewControl = (props) => {
     [ViewControlTypes_default.datetime]: DateTimeVew_default,
     [ViewControlTypes_default.number]: NumberView_default,
     [ViewControlTypes_default.multilineText]: MultilineTextView_default,
+    [ViewControlTypes_default.multilinetext]: MultilineTextView_default,
     [ViewControlTypes_default.moneyText]: MoneyView_default,
     [ViewControlTypes_default.percentage]: PercentageView_default,
-    // [ViewControlTypes.statusBg]: StatusBg,
+    [ViewControlTypes_default.status]: StatusView_default,
+    [ViewControlTypes_default.statusBg]: StatusBgView_default,
     [ViewControlTypes_default.progressIndicator]: ProgressIndicator_default,
     // [ViewControlTypes.timeUntilStarts]: TimeUntilStarts,
     // [ViewControlTypes.timeUntilStartsStyled]: TimeUntilStartsStyled,
-    [ViewControlTypes_default.aiGeneratedSummary]: AiGeneratedSummary_default
+    [ViewControlTypes_default.aiGeneratedSummary]: AiGeneratedSummary_default,
+    [ViewControlTypes_default.booleanView]: BooleanView_default,
+    [ViewControlTypes_default.text]: LineTextView_default
   };
   const SelectedControlComponent = props.controlType ? ControlComponents[props.controlType] : void 0;
-  return /* @__PURE__ */ jsx11(React10.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx11(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType });
+  return /* @__PURE__ */ jsx14(React13.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx14(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType });
 };
 var ViewControl_default = ViewControl;
 // src/components/controls/edit/InputControl.tsx
 import dynamic4 from "next/dynamic";
-var InputControl = dynamic4(() => import("./InputControlClient-TW664WIJ.mjs"), {
+var InputControl = dynamic4(() => import("./InputControlClient-646PQPKQ.mjs"), {
   ssr: false
 });
 var InputControl_default = InputControl;
 // src/components/pageRenderingEngine/PageBodyRenderer.tsx
-import React20 from "react";
+import React23 from "react";
 // src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
-import React12 from "react";
+import React15 from "react";
 // src/components/pageRenderingEngine/nodes/TextNode.tsx
-import { jsx as jsx12, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs5 } from "react/jsx-runtime";
 var TextNode = (props) => {
   function cssStringToJson(cssString) {
     const styleObject = {};
@@ -439,34 +477,34 @@ var TextNode = (props) => {
   function renderWithLineBreaks(text) {
     return text.split("\n").map((line, index, arr) => /* @__PURE__ */ jsxs5("span", { children: [
       line,
-      index < arr.length - 1 && /* @__PURE__ */ jsx12("br", {})
+      index < arr.length - 1 && /* @__PURE__ */ jsx15("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__ */ jsx12("sup", { children: content }) : props.node.format & 32 ? /* @__PURE__ */ jsx12("sub", { children: content }) : content;
+  const formattedContent = props.node.format & 64 ? /* @__PURE__ */ jsx15("sup", { children: content }) : props.node.format & 32 ? /* @__PURE__ */ jsx15("sub", { children: content }) : content;
   return (
     // @ts-expect-error custom code
-    /* @__PURE__ */ jsx12("span", { style: { ...styles }, className: getFormatClass(props.node.format), children: formattedContent })
+    /* @__PURE__ */ jsx15("span", { style: { ...styles }, className: getFormatClass(props.node.format), children: formattedContent })
   );
 };
 var TextNode_default = TextNode;
 // src/components/pageRenderingEngine/nodes/LineBreakNode.tsx
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 var LineBreakNode = () => {
-  return /* @__PURE__ */ jsx13("div", { className: "py-0.5 lg:py-1.5" });
+  return /* @__PURE__ */ jsx16("div", { className: "py-0.5 lg:py-1.5" });
 };
 var LineBreakNode_default = LineBreakNode;
 // src/components/pageRenderingEngine/nodes/LinkNode.tsx
-import React11 from "react";
+import React14 from "react";
 // src/components/pageRenderingEngine/nodes/ImageNode.tsx
 import dynamic5 from "next/dynamic";
-import { jsx as jsx14 } from "react/jsx-runtime";
-var HlsPlayer2 = dynamic5(() => import("./HlsPlayer-57543DTW.mjs"), { ssr: false });
+import { jsx as jsx17 } from "react/jsx-runtime";
+var HlsPlayer2 = dynamic5(() => import("./HlsPlayer-5AWFZ2P6.mjs"), { ssr: false });
 var getNestedValue = (obj, path) => {
   if (!obj || !path) return void 0;
   return path.split(".").reduce((current, key) => {
@@ -498,7 +536,7 @@ var ImageNode = (props) => {
       assets = [image];
     }
     if (assets && assets.length > 0) {
-      return /* @__PURE__ */ jsx14(
+      return /* @__PURE__ */ jsx17(
         DeviceAssetSelector_default,
         {
           device: props.device,
@@ -539,7 +577,7 @@ var ImageNode = (props) => {
     right: "justify-end"
   };
   const isHls = imageUrl.endsWith(".m3u8");
-  const renderMedia = () => isHls ? /* @__PURE__ */ jsx14(
+  const renderMedia = () => isHls ? /* @__PURE__ */ jsx17(
     HlsPlayer2,
     {
       assetUrl: imageUrl,
@@ -552,7 +590,7 @@ var ImageNode = (props) => {
       apiBaseUrl: props.apiBaseUrl,
       session: props.session
     }
-  ) : /* @__PURE__ */ jsx14(
+  ) : /* @__PURE__ */ jsx17(
     "img",
     {
       style: styles,
@@ -565,7 +603,7 @@ var ImageNode = (props) => {
     }
   );
   if (props.node.width) {
-    return /* @__PURE__ */ jsx14("div", { className: `flex ${FORMAT_CLASSES2[props.node.format] ?? ""}`, children: renderMedia() });
+    return /* @__PURE__ */ jsx17("div", { className: `flex ${FORMAT_CLASSES2[props.node.format] ?? ""}`, children: renderMedia() });
   }
   return renderMedia();
 };
@@ -573,8 +611,8 @@ var ImageNode_default = ImageNode;
 // src/components/pageRenderingEngine/nodes/LinkNode.tsx
 import dynamic6 from "next/dynamic";
-import { Fragment, jsx as jsx15, jsxs as jsxs6 } from "react/jsx-runtime";
-var LinkNodeButton = dynamic6(() => import("./LinkNodeButton-FUL3J5HR.mjs"), {
+import { Fragment, jsx as jsx18, jsxs as jsxs6 } from "react/jsx-runtime";
+var LinkNodeButton = dynamic6(() => import("./LinkNodeButton-ZONM74OO.mjs"), {
   ssr: false
 });
 function getNestedValue2(obj, path) {
@@ -626,13 +664,13 @@ var LinkNode = (props) => {
   const isButton = node.isButton === true;
   const renderChildren = () => {
     if (!node.children || node.children.length === 0) return null;
-    return /* @__PURE__ */ jsx15(Fragment, { children: node.children.map((childNode, index) => {
+    return /* @__PURE__ */ jsx18(Fragment, { children: node.children.map((childNode, index) => {
       const SelectedNode = NodeTypes2[childNode.type];
       if (!SelectedNode) {
         console.warn("Unknown node type:", childNode.type);
         return null;
       }
-      return /* @__PURE__ */ jsx15(React11.Fragment, { children: /* @__PURE__ */ jsx15(
+      return /* @__PURE__ */ jsx18(React14.Fragment, { children: /* @__PURE__ */ jsx18(
         SelectedNode,
         {
           node: childNode,
@@ -645,10 +683,10 @@ var LinkNode = (props) => {
   };
   const renderFallback = () => {
     if ((!node.children || node.children.length === 0) && linkText) {
-      return /* @__PURE__ */ jsx15("span", { children: linkText });
+      return /* @__PURE__ */ jsx18("span", { children: linkText });
     }
     if ((!node.children || node.children.length === 0) && !linkText) {
-      return /* @__PURE__ */ jsx15("br", {});
+      return /* @__PURE__ */ jsx18("br", {});
     }
     return null;
   };
@@ -687,10 +725,10 @@ var LinkNode = (props) => {
 var LinkNode_default = LinkNode;
 // src/components/pageRenderingEngine/nodes/SVGIconNode.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx19 } from "react/jsx-runtime";
 var SVGIconNode = ({ node }) => {
   if (!node?.svgCode) return null;
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx19(
     "span",
     {
       style: {
@@ -707,7 +745,7 @@ var SVGIconNode_default = SVGIconNode;
 // src/components/pageRenderingEngine/nodes/EquationNode.tsx
 import katex from "katex";
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 var EquationNode = ({ node }) => {
   const { equation, inline } = node;
   let html = "";
@@ -722,7 +760,7 @@ var EquationNode = ({ node }) => {
     });
   }
   if (inline) {
-    return /* @__PURE__ */ jsx17(
+    return /* @__PURE__ */ jsx20(
       "span",
       {
         className: "katex-inline",
@@ -730,7 +768,7 @@ var EquationNode = ({ node }) => {
       }
     );
   }
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx20(
     "div",
     {
       className: "katex-block my-3 text-center",
@@ -741,7 +779,7 @@ var EquationNode = ({ node }) => {
 var EquationNode_default = EquationNode;
 // src/components/pageRenderingEngine/nodes/DatafieldNode.tsx
-import { jsx as jsx18 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 function getNestedProperty(obj, path) {
   if (!obj || !path) return null;
   if (path.includes(".")) {
@@ -754,7 +792,7 @@ function getNestedProperty(obj, path) {
   }
   const value = obj[path];
   if (Array.isArray(value)) {
-    return value.map((item, index) => /* @__PURE__ */ jsx18("div", { children: String(item) }, index));
+    return value.map((item, index) => /* @__PURE__ */ jsx21("div", { children: String(item) }, index));
   }
   return value;
 }
@@ -815,7 +853,7 @@ var DatafieldNode = (props) => {
   const dataType = props.node.dataType;
   if (isEmptyValue) return null;
   if (dataType === "rawContent") {
-    return /* @__PURE__ */ jsx18(
+    return /* @__PURE__ */ jsx21(
       PageBodyRenderer_default,
       {
         rawBody: String(value ?? `@databound[${fieldName}]`),
@@ -831,12 +869,12 @@ var DatafieldNode = (props) => {
       }
     );
   }
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx21(
     "span",
     {
       className: `datafield-node ${props.node.format < Formats.length ? Formats[props.node.format] : ""}`,
       style: styles,
-      children: /* @__PURE__ */ jsx18(
+      children: /* @__PURE__ */ jsx21(
         ViewControl_default,
         {
           controlType: dataType,
@@ -849,7 +887,7 @@ var DatafieldNode = (props) => {
 var DatafieldNode_default = DatafieldNode;
 // src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
-import { Fragment as Fragment2, jsx as jsx19, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx22, jsxs as jsxs7 } from "react/jsx-runtime";
 var ParagraphNode = (props) => {
   const NodeTypes2 = {
     ["text"]: TextNode_default,
@@ -869,9 +907,9 @@ var ParagraphNode = (props) => {
   const isInlineOnlyParent = props.parentTag === "summary";
   const hasChildren = props.node.children && props.node.children.length > 0;
   if (isInlineOnlyParent) {
-    return /* @__PURE__ */ jsx19(Fragment2, { children: hasChildren && props.node.children.map((node, index) => {
+    return /* @__PURE__ */ jsx22(Fragment2, { children: hasChildren && props.node.children.map((node, index) => {
       const SelectedNode = NodeTypes2[node.type];
-      return /* @__PURE__ */ jsx19(React12.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx19(
+      return /* @__PURE__ */ jsx22(React15.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx22(
         SelectedNode,
         {
           node,
@@ -886,7 +924,7 @@ var ParagraphNode = (props) => {
   return /* @__PURE__ */ jsxs7("div", { className: " " + formatClasses, children: [
     hasChildren && props.node.children.map((node, index) => {
       const SelectedNode = NodeTypes2[node.type];
-      return /* @__PURE__ */ jsx19(React12.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx19(
+      return /* @__PURE__ */ jsx22(React15.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx22(
         SelectedNode,
         {
           node,
@@ -897,14 +935,14 @@ var ParagraphNode = (props) => {
         }
       ) }, index);
     }),
-    !hasChildren && /* @__PURE__ */ jsx19("div", { className: "py-1.5 lg:py-2" })
+    !hasChildren && /* @__PURE__ */ jsx22("div", { className: "py-1.5 lg:py-2" })
   ] });
 };
 var ParagraphNode_default = ParagraphNode;
 // src/components/pageRenderingEngine/nodes/HeadingNode.tsx
-import React13 from "react";
-import { Fragment as Fragment3, jsx as jsx20 } from "react/jsx-runtime";
+import React16 from "react";
+import { Fragment as Fragment3, jsx as jsx23 } from "react/jsx-runtime";
 var HeadingNode = (props) => {
   const NodeTypes2 = {
     ["text"]: TextNode_default,
@@ -920,23 +958,23 @@ var HeadingNode = (props) => {
   {
   }
   const formatClasses = FormatClass[props.node.format] || "";
-  return /* @__PURE__ */ jsx20(Fragment3, { children: React13.createElement(
+  return /* @__PURE__ */ jsx23(Fragment3, { children: React16.createElement(
     HeadingTag,
     { className: formatClasses },
     props.node.children && props.node.children.map((childNode, index) => {
       const SelectedNode = NodeTypes2[childNode.type];
-      return /* @__PURE__ */ jsx20(React13.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx20(SelectedNode, { node: childNode, dataitem: props.dataitem, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
+      return /* @__PURE__ */ jsx23(React16.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx23(SelectedNode, { node: childNode, dataitem: props.dataitem, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
     })
   ) });
 };
 var HeadingNode_default = HeadingNode;
 // src/components/pageRenderingEngine/nodes/ListNode.tsx
-import React15 from "react";
+import React18 from "react";
 // src/components/pageRenderingEngine/nodes/ListItemNode.tsx
-import React14 from "react";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import React17 from "react";
+import { jsx as jsx24 } from "react/jsx-runtime";
 var ListItemNode = (props) => {
   const NodeTypes2 = {
     text: TextNode_default,
@@ -953,66 +991,66 @@ var ListItemNode = (props) => {
       liStyle.fontSize = match[1].trim();
     }
   }
-  return /* @__PURE__ */ jsx21("li", { style: liStyle, children: props.node.children && props.node.children.map((node, index) => {
+  return /* @__PURE__ */ jsx24("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__ */ jsx21("div", {}, index);
+        return /* @__PURE__ */ jsx24("div", {}, index);
       } else {
-        return /* @__PURE__ */ jsx21("div", { className: "py-1 lg:py-2" }, index);
+        return /* @__PURE__ */ jsx24("div", { className: "py-1 lg:py-2" }, index);
       }
     } else {
       foundFirstBreak = false;
-      return /* @__PURE__ */ jsx21(React14.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx21(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
+      return /* @__PURE__ */ jsx24(React17.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx24(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
     }
   }) });
 };
 var ListItemNode_default = ListItemNode;
 // src/components/pageRenderingEngine/nodes/ListNode.tsx
-import { jsx as jsx22, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs8 } from "react/jsx-runtime";
 var ListNode = (props) => {
   const NodeTypes2 = {
     listitem: ListItemNode_default
   };
-  return /* @__PURE__ */ jsxs8(React15.Fragment, { children: [
-    props.node.listType == "bullet" && /* @__PURE__ */ jsx22("ul", { children: props.node.children && props.node.children.map((node, index) => {
+  return /* @__PURE__ */ jsxs8(React18.Fragment, { children: [
+    props.node.listType == "bullet" && /* @__PURE__ */ jsx25("ul", { children: props.node.children && props.node.children.map((node, index) => {
       const SelectedNode = NodeTypes2[node.type];
-      return /* @__PURE__ */ jsx22(React15.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx22(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
+      return /* @__PURE__ */ jsx25(React18.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx25(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
     }) }),
-    props.node.listType == "number" && /* @__PURE__ */ jsx22("ol", { children: props.node.children && props.node.children.map((node, index) => {
+    props.node.listType == "number" && /* @__PURE__ */ jsx25("ol", { children: props.node.children && props.node.children.map((node, index) => {
       const SelectedNode = NodeTypes2[node.type];
-      return /* @__PURE__ */ jsx22(React15.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx22(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
+      return /* @__PURE__ */ jsx25(React18.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx25(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
     }) })
   ] });
 };
 var ListNode_default = ListNode;
 // src/components/pageRenderingEngine/nodes/QuoteNode.tsx
-import React16 from "react";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import React19 from "react";
+import { jsx as jsx26 } from "react/jsx-runtime";
 var QuoteNode = (props) => {
   const NodeTypes2 = {
     ["text"]: TextNode_default,
     ["linebreak"]: LineBreakNode_default,
     ["link"]: LinkNode_default
   };
-  return /* @__PURE__ */ jsx23("blockquote", { children: props.node.children && props.node.children.map((node, index) => {
+  return /* @__PURE__ */ jsx26("blockquote", { children: props.node.children && props.node.children.map((node, index) => {
     const SelectedNode = NodeTypes2[node.type];
-    return /* @__PURE__ */ jsx23(React16.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx23(SelectedNode, { node, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
+    return /* @__PURE__ */ jsx26(React19.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx26(SelectedNode, { node, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
   }) });
 };
 var QuoteNode_default = QuoteNode;
 // src/components/pageRenderingEngine/nodes/CodeNode.tsx
-import React17 from "react";
+import React20 from "react";
 import dynamic7 from "next/dynamic";
-import { jsx as jsx24, jsxs as jsxs9 } from "react/jsx-runtime";
-var CopyButton = dynamic7(() => import("./CopyButton-XONTQQW7.mjs"), {
+import { jsx as jsx27, jsxs as jsxs9 } from "react/jsx-runtime";
+var CopyButton = dynamic7(() => import("./CopyButton-UPJPMJUB.mjs"), {
   ssr: false,
   // optional: fallback UI while loading
-  loading: () => /* @__PURE__ */ jsx24("span", { className: "text-gray-400 text-xs", children: "Copy" })
+  loading: () => /* @__PURE__ */ jsx27("span", { className: "text-gray-400 text-xs", children: "Copy" })
 });
 var CodeNode = (props) => {
   const NodeTypes2 = {
@@ -1028,12 +1066,12 @@ var CodeNode = (props) => {
   }).join("") ?? "";
   return /* @__PURE__ */ jsxs9("div", { children: [
     /* @__PURE__ */ jsxs9("div", { className: "flex items-center relative bg-neutral-strong px-4 py-3 text-xs font-sans justify-between rounded-t-md ", children: [
-      /* @__PURE__ */ jsx24("span", { children: "Code Snippet" }),
-      /* @__PURE__ */ jsx24(CopyButton, { text: textContent })
+      /* @__PURE__ */ jsx27("span", { children: "Code Snippet" }),
+      /* @__PURE__ */ jsx27(CopyButton, { text: textContent })
     ] }),
-    /* @__PURE__ */ jsx24("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__ */ jsx27("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__ */ jsx24(React17.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx24(
+      return /* @__PURE__ */ jsx27(React20.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx27(
         SelectedNode,
         {
           node,
@@ -1048,15 +1086,15 @@ var CodeNode = (props) => {
 var CodeNode_default = CodeNode;
 // src/components/pageRenderingEngine/nodes/HorizontalRuleNode.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx28 } from "react/jsx-runtime";
 var HorizontalRuleNode = () => {
-  return /* @__PURE__ */ jsx25("hr", {});
+  return /* @__PURE__ */ jsx28("hr", {});
 };
 var HorizontalRuleNode_default = HorizontalRuleNode;
 // src/components/pageRenderingEngine/nodes/WidgetNode.tsx
-import React18 from "react";
-import { Fragment as Fragment4, jsx as jsx26 } from "react/jsx-runtime";
+import React21 from "react";
+import { Fragment as Fragment4, jsx as jsx29 } from "react/jsx-runtime";
 var WidgetNode = (props) => {
   const getWidgetParameters = () => {
     const widgetInputParameters = {
@@ -1120,7 +1158,7 @@ var WidgetNode = (props) => {
   };
   const widgetCode = props.node?.widgetCode;
   if (!widgetCode) {
-    return /* @__PURE__ */ jsx26(Fragment4, { children: "Invalid widget" });
+    return /* @__PURE__ */ jsx29(Fragment4, { children: "Invalid widget" });
   }
   const widgetParams = getWidgetParameters();
   const WidgetRenderer = props.widgetRenderer;
@@ -1129,7 +1167,7 @@ var WidgetNode = (props) => {
   }
   return (
     // eslint-disable-next-line react-hooks/static-components
-    /* @__PURE__ */ jsx26(React18.Fragment, { children: /* @__PURE__ */ jsx26(
+    /* @__PURE__ */ jsx29(React21.Fragment, { children: /* @__PURE__ */ jsx29(
       WidgetRenderer,
       {
         params: widgetParams,
@@ -1146,12 +1184,12 @@ var WidgetNode = (props) => {
 var WidgetNode_default = WidgetNode;
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
-import React19 from "react";
+import React22 from "react";
 // src/components/pageRenderingEngine/nodes/EmbedNode.tsx
 import dynamic8 from "next/dynamic";
-import { jsx as jsx27 } from "react/jsx-runtime";
-var IframeClient = dynamic8(() => import("./IframeClient-J22NMEVY.mjs"), {
+import { jsx as jsx30 } from "react/jsx-runtime";
+var IframeClient = dynamic8(() => import("./IframeClient-RGJFZ5P2.mjs"), {
   ssr: false
 });
 var EmbedNode = (props) => {
@@ -1163,7 +1201,7 @@ var EmbedNode = (props) => {
   } else {
     src = props.node.embedSrc;
   }
-  return /* @__PURE__ */ jsx27("div", { className: "aspect-video", children: src && /* @__PURE__ */ jsx27(IframeClient, { src }) });
+  return /* @__PURE__ */ jsx30("div", { className: "aspect-video", children: src && /* @__PURE__ */ jsx30(IframeClient, { src }) });
 };
 var EmbedNode_default = EmbedNode;
@@ -1335,10 +1373,10 @@ var PathUtility = class {
 var PathUtility_default = new PathUtility();
 // src/components/NoDataFound.tsx
-import { jsx as jsx28, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs10 } from "react/jsx-runtime";
 var NoDataFound = () => {
   return /* @__PURE__ */ jsxs10("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center bg-neutral-weak", children: [
-    /* @__PURE__ */ jsx28("div", { className: "mb-5", children: /* @__PURE__ */ jsx28("div", { className: "mx-auto w-20 h-20 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx31("div", { className: "mb-5", children: /* @__PURE__ */ jsx31("div", { className: "mx-auto w-20 h-20 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ jsx31(
       "svg",
       {
         className: "w-10 h-10",
@@ -1346,7 +1384,7 @@ var NoDataFound = () => {
         stroke: "currentColor",
         viewBox: "0 0 24 24",
         xmlns: "http://www.w3.org/2000/svg",
-        children: /* @__PURE__ */ jsx28(
+        children: /* @__PURE__ */ jsx31(
           "path",
           {
             strokeLinecap: "round",
@@ -1357,8 +1395,8 @@ var NoDataFound = () => {
         )
       }
     ) }) }),
-    /* @__PURE__ */ jsx28("h3", { className: "text-lg font-medium mb-2", children: "No data available" }),
-    /* @__PURE__ */ jsx28("p", { className: " max-w-sm mb-0", children: "No records found. Data may be empty or not available at the moment." })
+    /* @__PURE__ */ jsx31("h3", { className: "text-lg font-medium mb-2", children: "No data available" }),
+    /* @__PURE__ */ jsx31("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;
@@ -1368,8 +1406,8 @@ import dynamic10 from "next/dynamic";
 // src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
 import dynamic9 from "next/dynamic";
-import { Fragment as Fragment5, jsx as jsx29, jsxs as jsxs11 } from "react/jsx-runtime";
-var HlsPlayer3 = dynamic9(() => import("./HlsPlayer-57543DTW.mjs"), { ssr: false });
+import { Fragment as Fragment5, jsx as jsx32, jsxs as jsxs11 } from "react/jsx-runtime";
+var HlsPlayer3 = dynamic9(() => import("./HlsPlayer-5AWFZ2P6.mjs"), { ssr: false });
 var deviceToMediaQuery = (device) => {
   switch (device) {
     case "lg":
@@ -1498,7 +1536,7 @@ var ImageGalleryNode = (props) => {
   };
   const formatClasses = FormatClass[props.node.format || ""] || "";
   return /* @__PURE__ */ jsxs11(Fragment5, { children: [
-    hlsSources.length > 0 && /* @__PURE__ */ jsx29(Fragment5, { children: /* @__PURE__ */ jsx29(
+    hlsSources.length > 0 && /* @__PURE__ */ jsx32(Fragment5, { children: /* @__PURE__ */ jsx32(
       HlsPlayer3,
       {
         sources: hlsSources,
@@ -1513,7 +1551,7 @@ var ImageGalleryNode = (props) => {
         styles: hlsStyles
       }
     ) }),
-    (staticFallback || staticSources.length > 0) && /* @__PURE__ */ jsx29(Fragment5, { children: staticFallback ? /* @__PURE__ */ jsxs11("picture", { children: [
+    (staticFallback || staticSources.length > 0) && /* @__PURE__ */ jsx32(Fragment5, { children: staticFallback ? /* @__PURE__ */ jsxs11("picture", { children: [
       DEVICE_ORDER.map((deviceKey) => {
         const match = staticSources.find(
           (img) => img.device === deviceKey
@@ -1525,7 +1563,7 @@ var ImageGalleryNode = (props) => {
         if (!srcUrl) {
           return null;
         }
-        return /* @__PURE__ */ jsx29(
+        return /* @__PURE__ */ jsx32(
           "source",
           {
             media: deviceToMediaQuery(match.device),
@@ -1549,7 +1587,7 @@ var ImageGalleryNode = (props) => {
         if (img.borderRadius) {
           styles.borderRadius = img.borderRadius;
         }
-        return /* @__PURE__ */ jsx29(
+        return /* @__PURE__ */ jsx32(
           "img",
           {
             loading: "lazy",
@@ -1564,7 +1602,7 @@ var ImageGalleryNode = (props) => {
       })()
     ] }) : (
       /* Case 2: Only device-specific images exist */
-      /* @__PURE__ */ jsx29(Fragment5, { children: staticSources.map((img, index) => {
+      /* @__PURE__ */ jsx32(Fragment5, { children: staticSources.map((img, index) => {
         const imageUrl = resolveImageUrl(img);
         if (!imageUrl) {
           return null;
@@ -1590,7 +1628,7 @@ var ImageGalleryNode = (props) => {
           default:
             display = "block";
         }
-        return /* @__PURE__ */ jsx29(
+        return /* @__PURE__ */ jsx32(
           "img",
           {
             loading: "lazy",
@@ -1730,7 +1768,7 @@ var shouldRenderContainer = (node, dataItem, session) => {
 };
 // src/components/pageRenderingEngine/nodes/DocumentNode.tsx
-import { Fragment as Fragment6, jsx as jsx30, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx33, jsxs as jsxs12 } from "react/jsx-runtime";
 var getNestedValue5 = (obj, path) => {
   if (!obj || !path) return void 0;
   return path.split(".").reduce((current, key) => {
@@ -1744,14 +1782,14 @@ var PdfIcon = () => /* @__PURE__ */ jsxs12(
     viewBox: "0 0 48 48",
     className: "w-10 h-10",
     children: [
-      /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsx33(
         "path",
         {
           fill: "#e53935",
           d: "M38,42H10c-2.209,0-4-1.791-4-4V10c0-2.209,1.791-4,4-4h28c2.209,0,4,1.791,4,4v28	C42,40.209,40.209,42,38,42z"
         }
       ),
-      /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsx33(
         "path",
         {
           fill: "#fff",
@@ -1768,48 +1806,48 @@ var ExcelIcon = () => /* @__PURE__ */ jsxs12(
     viewBox: "0 0 48 48",
     className: "w-10 h-10",
     children: [
-      /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsx33(
         "path",
         {
           fill: "#169154",
           d: "M29,6H15.744C14.781,6,14,6.781,14,7.744v7.259h15V6z"
         }
       ),
-      /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsx33(
         "path",
         {
           fill: "#18482a",
           d: "M14,33.054v7.202C14,41.219,14.781,42,15.743,42H29v-8.946H14z"
         }
       ),
-      /* @__PURE__ */ jsx30("path", { fill: "#0c8045", d: "M14 15.003H29V24.005000000000003H14z" }),
-      /* @__PURE__ */ jsx30("path", { fill: "#17472a", d: "M14 24.005H29V33.055H14z" }),
+      /* @__PURE__ */ jsx33("path", { fill: "#0c8045", d: "M14 15.003H29V24.005000000000003H14z" }),
+      /* @__PURE__ */ jsx33("path", { fill: "#17472a", d: "M14 24.005H29V33.055H14z" }),
       /* @__PURE__ */ jsxs12("g", { children: [
-        /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx33(
           "path",
           {
             fill: "#29c27f",
             d: "M42.256,6H29v9.003h15V7.744C44,6.781,43.219,6,42.256,6z"
           }
         ),
-        /* @__PURE__ */ jsx30(
+        /* @__PURE__ */ jsx33(
           "path",
           {
             fill: "#27663f",
             d: "M29,33.054V42h13.257C43.219,42,44,41.219,44,40.257v-7.202H29z"
           }
         ),
-        /* @__PURE__ */ jsx30("path", { fill: "#19ac65", d: "M29 15.003H44V24.005000000000003H29z" }),
-        /* @__PURE__ */ jsx30("path", { fill: "#129652", d: "M29 24.005H44V33.055H29z" })
+        /* @__PURE__ */ jsx33("path", { fill: "#19ac65", d: "M29 15.003H44V24.005000000000003H29z" }),
+        /* @__PURE__ */ jsx33("path", { fill: "#129652", d: "M29 24.005H44V33.055H29z" })
       ] }),
-      /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsx33(
         "path",
         {
           fill: "#0c7238",
           d: "M22.319,34H5.681C4.753,34,4,33.247,4,32.319V15.681C4,14.753,4.753,14,5.681,14h16.638 C23.247,14,24,14.753,24,15.681v16.638C24,33.247,23.247,34,22.319,34z"
         }
       ),
-      /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsx33(
         "path",
         {
           fill: "#fff",
@@ -1827,7 +1865,7 @@ var WordIcon = () => /* @__PURE__ */ jsxs12(
     className: "w-10 h-10",
     baseProfile: "basic",
     children: [
-      /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsx33(
         "path",
         {
           fill: "#283593",
@@ -1845,19 +1883,19 @@ var WordIcon = () => /* @__PURE__ */ jsxs12(
           gradientTransform: "translate(0 -339.89)",
           gradientUnits: "userSpaceOnUse",
           children: [
-            /* @__PURE__ */ jsx30("stop", { offset: "0", "stop-color": "#66c0ff" }),
-            /* @__PURE__ */ jsx30("stop", { offset: ".26", "stop-color": "#0094f0" })
+            /* @__PURE__ */ jsx33("stop", { offset: "0", "stop-color": "#66c0ff" }),
+            /* @__PURE__ */ jsx33("stop", { offset: ".26", "stop-color": "#0094f0" })
           ]
         }
       ),
-      /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsx33(
         "path",
         {
           fill: "url(#qh2LT5tehRDFkLLfb-odWa)",
           d: "M9,20.208c0-2.624,2.126-4.75,4.749-4.75h21.857L41,12.778v13.527	C41,28.346,39.346,30,37.306,30H15.332C11.835,30,9,32.836,9,36.333L9,20.208L9,20.208z"
         }
       ),
-      /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsx33(
         "path",
         {
           fill: "#1e88e5",
@@ -1865,21 +1903,21 @@ var WordIcon = () => /* @__PURE__ */ jsxs12(
           d: "M9,20.208c0-2.624,2.126-4.75,4.749-4.75h21.857L41,12.778v13.527	C41,28.346,39.346,30,37.306,30H15.332C11.835,30,9,32.836,9,36.333L9,20.208L9,20.208z"
         }
       ),
-      /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsx33(
         "path",
         {
           fill: "#00e5ff",
           d: "M9,10.333C9,6.836,11.835,4,15.332,4h21.975C39.346,4,41,5.654,41,7.694v5.611	C41,15.346,39.346,17,37.306,17H15.332C11.835,17,9,19.836,9,23.333C9,23.333,9,10.333,9,10.333z"
         }
       ),
-      /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsx33(
         "path",
         {
           fill: "#1565c0",
           d: "M7.5,23h10c1.933,0,3.5,1.567,3.5,3.5v10c0,1.933-1.567,3.5-3.5,3.5h-10C5.567,40,4,38.433,4,36.5	v-10C4,24.567,5.567,23,7.5,23z"
         }
       ),
-      /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsx33(
         "path",
         {
           fill: "#fff",
@@ -1896,8 +1934,8 @@ var StandardIcon = () => /* @__PURE__ */ jsxs12(
     viewBox: "0 0 48 48",
     className: "w-10 h-10",
     children: [
-      /* @__PURE__ */ jsx30("path", { fill: "#90CAF9", d: "M40 45L8 45 8 3 30 3 40 13z" }),
-      /* @__PURE__ */ jsx30("path", { fill: "#E1F5FE", d: "M38.5 14L29 14 29 4.5z" })
+      /* @__PURE__ */ jsx33("path", { fill: "#90CAF9", d: "M40 45L8 45 8 3 30 3 40 13z" }),
+      /* @__PURE__ */ jsx33("path", { fill: "#E1F5FE", d: "M38.5 14L29 14 29 4.5z" })
     ]
   }
 );
@@ -1908,23 +1946,23 @@ var PowerPointIcon = () => /* @__PURE__ */ jsxs12(
     viewBox: "0 0 48 48",
     className: "w-10 h-10",
     children: [
-      /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsx33(
         "path",
         {
           fill: "#dc4c2c",
           d: "M8,24c0,9.941,8.059,18,18,18s18-8.059,18-18H26H8z"
         }
       ),
-      /* @__PURE__ */ jsx30("path", { fill: "#f7a278", d: "M26,6v18h18C44,14.059,35.941,6,26,6z" }),
-      /* @__PURE__ */ jsx30("path", { fill: "#c06346", d: "M26,6C16.059,6,8,14.059,8,24h18V6z" }),
-      /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsx33("path", { fill: "#f7a278", d: "M26,6v18h18C44,14.059,35.941,6,26,6z" }),
+      /* @__PURE__ */ jsx33("path", { fill: "#c06346", d: "M26,6C16.059,6,8,14.059,8,24h18V6z" }),
+      /* @__PURE__ */ jsx33(
         "path",
         {
           fill: "#9b341f",
           d: "M22.319,34H5.681C4.753,34,4,33.247,4,32.319V15.681C4,14.753,4.753,14,5.681,14h16.638 C23.247,14,24,14.753,24,15.681v16.638C24,33.247,23.247,34,22.319,34z"
         }
       ),
-      /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsx33(
         "path",
         {
           fill: "#fff",
@@ -1941,9 +1979,9 @@ var TextIcon = () => /* @__PURE__ */ jsxs12(
     viewBox: "0 0 48 48",
     className: "w-10 h-10",
     children: [
-      /* @__PURE__ */ jsx30("path", { fill: "#90CAF9", d: "M40 45L8 45 8 3 30 3 40 13z" }),
-      /* @__PURE__ */ jsx30("path", { fill: "#E1F5FE", d: "M38.5 14L29 14 29 4.5z" }),
-      /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsx33("path", { fill: "#90CAF9", d: "M40 45L8 45 8 3 30 3 40 13z" }),
+      /* @__PURE__ */ jsx33("path", { fill: "#E1F5FE", d: "M38.5 14L29 14 29 4.5z" }),
+      /* @__PURE__ */ jsx33(
         "path",
         {
           fill: "#1976D2",
@@ -1963,14 +2001,14 @@ var ArchiveIcon = () => /* @__PURE__ */ jsxs12(
     version: "1.0",
     className: "w-10 h-10",
     children: [
-      /* @__PURE__ */ jsx30("defs", { children: /* @__PURE__ */ jsx30("clipPath", { id: "273d29c8a6", children: /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsx33("defs", { children: /* @__PURE__ */ jsx33("clipPath", { id: "273d29c8a6", children: /* @__PURE__ */ jsx33(
         "path",
         {
           d: "M 8.90625 0 L 65.90625 0 L 65.90625 75 L 8.90625 75 Z M 8.90625 0 ",
           "clip-rule": "nonzero"
         }
       ) }) }),
-      /* @__PURE__ */ jsx30("g", { "clip-path": "url(#273d29c8a6)", children: /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsx33("g", { "clip-path": "url(#273d29c8a6)", children: /* @__PURE__ */ jsx33(
         "path",
         {
           fill: "#ff9100",
@@ -1979,7 +2017,7 @@ var ArchiveIcon = () => /* @__PURE__ */ jsxs12(
           "fill-rule": "nonzero"
         }
       ) }),
-      /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsx33(
         "path",
         {
           fill: "#fbe9e7",
@@ -1988,7 +2026,7 @@ var ArchiveIcon = () => /* @__PURE__ */ jsxs12(
           "fill-rule": "nonzero"
         }
       ),
-      /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsx33(
         "path",
         {
           fill: "#ffe0b2",
@@ -1997,7 +2035,7 @@ var ArchiveIcon = () => /* @__PURE__ */ jsxs12(
           "fill-rule": "nonzero"
         }
       ),
-      /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsx33(
         "path",
         {
           fill: "#ffe0b2",
@@ -2006,7 +2044,7 @@ var ArchiveIcon = () => /* @__PURE__ */ jsxs12(
           "fill-rule": "nonzero"
         }
       ),
-      /* @__PURE__ */ jsx30(
+      /* @__PURE__ */ jsx33(
         "path",
         {
           fill: "#ffe0b2",
@@ -2082,8 +2120,8 @@ var DocumentNode = (props) => {
     }
   }
   if (documents.length === 0) {
-    return /* @__PURE__ */ jsx30(Fragment6, { children: /* @__PURE__ */ jsxs12("div", { className: "py-4 px-2 bg-neutral-weak border rounded text-center flex flex-col gap-2", children: [
-      /* @__PURE__ */ jsx30("div", { className: "mx-auto w-10 h-10 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ jsx30(
+    return /* @__PURE__ */ jsx33(Fragment6, { children: /* @__PURE__ */ jsxs12("div", { className: "py-4 px-2 bg-neutral-weak border rounded text-center flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx33("div", { className: "mx-auto w-10 h-10 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ jsx33(
         "svg",
         {
           className: "w-5 h-5",
@@ -2091,7 +2129,7 @@ var DocumentNode = (props) => {
           stroke: "currentColor",
           viewBox: "0 0 24 24",
           xmlns: "http://www.w3.org/2000/svg",
-          children: /* @__PURE__ */ jsx30(
+          children: /* @__PURE__ */ jsx33(
             "path",
             {
               strokeLinecap: "round",
@@ -2102,11 +2140,11 @@ var DocumentNode = (props) => {
           )
         }
       ) }),
-      /* @__PURE__ */ jsx30("div", { className: "text-sm font-medium", children: "No documents found" }),
-      /* @__PURE__ */ jsx30("div", { className: "text-xs", children: "No records found. Data may be empty or not available at the moment." })
+      /* @__PURE__ */ jsx33("div", { className: "text-sm font-medium", children: "No documents found" }),
+      /* @__PURE__ */ jsx33("div", { className: "text-xs", children: "No records found. Data may be empty or not available at the moment." })
     ] }) });
   }
-  return /* @__PURE__ */ jsx30("div", { className: "", children: documents.map((doc, index) => {
+  return /* @__PURE__ */ jsx33("div", { className: "", children: documents.map((doc, index) => {
     const documentUrl = AssetUtility_default.resolveUrl(
       props.assetBaseUrl,
       doc.assetUrl
@@ -2130,8 +2168,8 @@ var DocumentNode = (props) => {
         className: `flex items-center justify-between py-4 bg-default gap-4 ${index !== 0 ? "border-t" : ""}`,
         children: [
           /* @__PURE__ */ jsxs12("div", { className: "flex items-center space-x-4", children: [
-            /* @__PURE__ */ jsx30("div", { className: "flex items-center justify-center p-2 rounded bg-neutral-soft", children: /* @__PURE__ */ jsx30(Icon, {}) }),
-            /* @__PURE__ */ jsx30("div", { className: "flex items-baseline space-x-2", children: /* @__PURE__ */ jsx30("h4", { className: "text-base font-semibold", children: documentTitle }) })
+            /* @__PURE__ */ jsx33("div", { className: "flex items-center justify-center p-2 rounded bg-neutral-soft", children: /* @__PURE__ */ jsx33(Icon, {}) }),
+            /* @__PURE__ */ jsx33("div", { className: "flex items-baseline space-x-2", children: /* @__PURE__ */ jsx33("h4", { className: "text-base font-semibold", children: documentTitle }) })
           ] }),
           /* @__PURE__ */ jsxs12(
             "a",
@@ -2149,7 +2187,7 @@ var DocumentNode = (props) => {
                     stroke: "currentColor",
                     viewBox: "0 0 24 24",
                     children: [
-                      /* @__PURE__ */ jsx30(
+                      /* @__PURE__ */ jsx33(
                         "path",
                         {
                           strokeLinecap: "round",
@@ -2158,7 +2196,7 @@ var DocumentNode = (props) => {
                           d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
                         }
                       ),
-                      /* @__PURE__ */ jsx30(
+                      /* @__PURE__ */ jsx33(
                         "path",
                         {
                           strokeLinecap: "round",
@@ -2183,9 +2221,9 @@ var DocumentNode = (props) => {
 var DocumentNode_default = DocumentNode;
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
-import { jsx as jsx31, jsxs as jsxs13 } from "react/jsx-runtime";
-var Pagination = dynamic10(() => import("./Pagination-FSYLYKUA.mjs"), { ssr: true });
-var Slider = dynamic10(() => import("./Slider-PEIVH6A5.mjs"), {
+import { jsx as jsx34, jsxs as jsxs13 } from "react/jsx-runtime";
+var Pagination = dynamic10(() => import("./Pagination-OQT7Q2XO.mjs"), { ssr: true });
+var Slider = dynamic10(() => import("./Slider-554BKC7N.mjs"), {
   ssr: false
 });
 function toCamelCase(str) {
@@ -2437,7 +2475,7 @@ var DivContainer = async (props) => {
     response = await serviceClient.get(endpoint);
     result = response?.result;
     if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
-      return /* @__PURE__ */ jsx31(NoDataFound_default, {});
+      return /* @__PURE__ */ jsx34(NoDataFound_default, {});
     }
     if (dataBindingProperties.childCollectionName && props.dataitem) {
       childCollectionData = getNestedValue6(
@@ -2457,7 +2495,7 @@ var DivContainer = async (props) => {
     }
     const SelectedNode = NodeTypes2[node.type];
     if (!SelectedNode) return null;
-    return /* @__PURE__ */ jsx31(React19.Fragment, { children: /* @__PURE__ */ jsx31(
+    return /* @__PURE__ */ jsx34(React22.Fragment, { children: /* @__PURE__ */ jsx34(
       SelectedNode,
       {
         node,
@@ -2589,14 +2627,14 @@ var DivContainer = async (props) => {
     props.node.bgClass,
     noLinkColor && "no-link-color"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs13(React19.Fragment, { children: [
-    /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsxs13(React22.Fragment, { children: [
+    /* @__PURE__ */ jsx34(
       "style",
       {
         dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS }
       }
     ),
-    /* @__PURE__ */ jsx31(React19.Fragment, { children: /* @__PURE__ */ jsx31(
+    /* @__PURE__ */ jsx34(React22.Fragment, { children: /* @__PURE__ */ jsx34(
       Wrapper,
       {
         id: guid,
@@ -2610,11 +2648,11 @@ var DivContainer = async (props) => {
             item,
             idx,
             props.href ? void 0 : item?.links?.view
-          )?.map((child, i) => /* @__PURE__ */ jsx31(React19.Fragment, { children: child }, i)) : renderChildren(props.node.children, props, item, idx)
+          )?.map((child, i) => /* @__PURE__ */ jsx34(React22.Fragment, { children: child }, i)) : renderChildren(props.node.children, props, item, idx)
         )
       }
     ) }),
-    dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ jsx31("div", { children: /* @__PURE__ */ jsx31(
+    dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ jsx34("div", { children: /* @__PURE__ */ jsx34(
       Pagination,
       {
         path: props.path,
@@ -2627,7 +2665,7 @@ var DivContainer = async (props) => {
 var DivContainer_default = DivContainer;
 // src/components/pageRenderingEngine/PageBodyRenderer.tsx
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 var NodeTypes = {
   ["paragraph"]: ParagraphNode_default,
   ["heading"]: HeadingNode_default,
@@ -2664,14 +2702,14 @@ var PageBodyRenderer = (props) => {
     }
     return true;
   };
-  return /* @__PURE__ */ jsx32(React20.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
+  return /* @__PURE__ */ jsx35(React23.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
     {
     }
     const SelectedNode = NodeTypes[node.type];
     if (!shouldRenderNode(node)) {
       return null;
     }
-    return /* @__PURE__ */ jsx32(React20.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx32(React20.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ jsx32(React20.Fragment, { children: /* @__PURE__ */ jsx32(
+    return /* @__PURE__ */ jsx35(React23.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx35(React23.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ jsx35(React23.Fragment, { children: /* @__PURE__ */ jsx35(
       SelectedNode,
       {
         node,
@@ -2687,7 +2725,7 @@ var PageBodyRenderer = (props) => {
         device: props.device,
         widgetRenderer: props.widgetRenderer
       }
-    ) }) : /* @__PURE__ */ jsx32(React20.Fragment, { children: /* @__PURE__ */ jsx32(
+    ) }) : /* @__PURE__ */ jsx35(React23.Fragment, { children: /* @__PURE__ */ jsx35(
       SelectedNode,
       {
         node,
@@ -2709,7 +2747,7 @@ var PageBodyRenderer_default = PageBodyRenderer;
 // src/components/Toast.tsx
 import { useState } from "react";
-import { Fragment as Fragment7, jsx as jsx33, jsxs as jsxs14 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx36, jsxs as jsxs14 } from "react/jsx-runtime";
 var Toast = () => {
   const [showToast, setShowToast] = useState(false);
   const [message, setMessage] = useState("");
@@ -2752,8 +2790,8 @@ var Toast = () => {
   const closeToast = () => {
     setShowToast(false);
   };
-  return /* @__PURE__ */ jsx33(Fragment7, { children: showToast && /* @__PURE__ */ jsx33("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__ */ jsxs14("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
-    /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx36(Fragment7, { children: showToast && /* @__PURE__ */ jsx36("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__ */ jsxs14("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
+    /* @__PURE__ */ jsx36(
       "span",
       {
         className: "font-medium text-inherit text-sm",
@@ -2761,7 +2799,7 @@ var Toast = () => {
         children: message
       }
     ),
-    /* @__PURE__ */ jsx33("button", { className: "absolute right-2 top-2 ml-2 focus:outline-none", onClick: closeToast, children: /* @__PURE__ */ jsx33(
+    /* @__PURE__ */ jsx36("button", { className: "absolute right-2 top-2 ml-2 focus:outline-none", onClick: closeToast, children: /* @__PURE__ */ jsx36(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -2769,7 +2807,7 @@ var Toast = () => {
         fill: "none",
         viewBox: "0 0 24 24",
         stroke: "currentColor",
-        children: /* @__PURE__ */ jsx33("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" })
+        children: /* @__PURE__ */ jsx36("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" })
       }
     ) })
   ] }) }) });
@@ -2779,7 +2817,7 @@ var Toast_default = Toast;
 // src/components/NavigationTabsV2.tsx
 import Link2 from "next/link";
 import { usePathname } from "next/navigation";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx37 } from "react/jsx-runtime";
 function resolveRoutePlaceholders(route, params) {
   return route.replace(/\{([^}]+)\}/g, (match, key) => {
     const value = params[key];
@@ -2804,8 +2842,8 @@ var NavigationTabsV2 = ({ tabs, params = {} }) => {
     isActive: tab.isActive
   })) || [];
   if (mappedTabs.length === 0) return null;
-  return /* @__PURE__ */ jsx34("div", { className: "flex border-b bg-white rounded-t mb-3", children: mappedTabs.map(({ tabTitle, landingPageUrl, isActive }) => {
-    return /* @__PURE__ */ jsx34(Link2, { href: landingPageUrl, className: "-mb-px", children: /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx37("div", { className: "flex border-b bg-white rounded-t mb-3", children: mappedTabs.map(({ tabTitle, landingPageUrl, isActive }) => {
+    return /* @__PURE__ */ jsx37(Link2, { href: landingPageUrl, className: "-mb-px", children: /* @__PURE__ */ jsx37(
       "div",
       {
         className: `text-sm font-medium border-b-2 px-6 py-2 transition
@@ -2818,51 +2856,51 @@ var NavigationTabsV2 = ({ tabs, params = {} }) => {
 var NavigationTabsV2_default = NavigationTabsV2;
 // src/components/dataForm/DataList.tsx
-import React24, { useEffect, useState as useState2, useCallback, useReducer } from "react";
+import React27, { useEffect, useState as useState2, useCallback, useReducer } from "react";
 import { useRouter } from "next/navigation";
 // src/components/dataForm/NoContentView.tsx
-import React22 from "react";
-import { jsx as jsx35 } from "react/jsx-runtime";
+import React25 from "react";
+import { jsx as jsx38 } from "react/jsx-runtime";
 var NoContentView = (props) => {
-  return /* @__PURE__ */ jsx35(React22.Fragment, { children: props.isDataFound === false && props.children });
+  return /* @__PURE__ */ jsx38(React25.Fragment, { children: props.isDataFound === false && props.children });
 };
 var NoContentView_default = NoContentView;
 // src/components/dataForm/ContentView.tsx
-import React23 from "react";
-import { jsx as jsx36, jsxs as jsxs15 } from "react/jsx-runtime";
+import React26 from "react";
+import { jsx as jsx39, jsxs as jsxs15 } from "react/jsx-runtime";
 var ContentView = (props) => {
-  return /* @__PURE__ */ jsxs15(React23.Fragment, { children: [
-    props.isDataFound == null && /* @__PURE__ */ jsx36("div", { className: "", children: /* @__PURE__ */ jsxs15("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
+  return /* @__PURE__ */ jsxs15(React26.Fragment, { children: [
+    props.isDataFound == null && /* @__PURE__ */ jsx39("div", { className: "", children: /* @__PURE__ */ jsxs15("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
       /* @__PURE__ */ jsxs15("div", { className: "flex items-center mb-4", children: [
-        /* @__PURE__ */ jsx36("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
+        /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
         /* @__PURE__ */ jsxs15("div", { className: "ml-2", children: [
-          /* @__PURE__ */ jsx36("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
-          /* @__PURE__ */ jsx36("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
+          /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
+          /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
         ] })
       ] }),
       /* @__PURE__ */ jsxs15("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
         /* @__PURE__ */ jsxs15("div", { className: "animate-pulse", children: [
-          /* @__PURE__ */ jsx36("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
-          /* @__PURE__ */ jsx36("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
-          /* @__PURE__ */ jsx36("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
-          /* @__PURE__ */ jsx36("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
-          /* @__PURE__ */ jsx36("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
+          /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
+          /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
+          /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
+          /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
+          /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
         ] }),
         /* @__PURE__ */ jsxs15("div", { className: "animate-pulse", children: [
-          /* @__PURE__ */ jsx36("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
-          /* @__PURE__ */ jsx36("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
-          /* @__PURE__ */ jsx36("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
-          /* @__PURE__ */ jsx36("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
-          /* @__PURE__ */ jsx36("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
+          /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
+          /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
+          /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
+          /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
+          /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
         ] }),
         /* @__PURE__ */ jsxs15("div", { className: "animate-pulse", children: [
-          /* @__PURE__ */ jsx36("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
-          /* @__PURE__ */ jsx36("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
-          /* @__PURE__ */ jsx36("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
-          /* @__PURE__ */ jsx36("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
-          /* @__PURE__ */ jsx36("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
+          /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
+          /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
+          /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
+          /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
+          /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
         ] })
       ] })
     ] }) }),
@@ -2916,7 +2954,7 @@ function FormReducer(state, action) {
 var FormReducer_default = FormReducer;
 // src/components/dataForm/DataList.tsx
-import { Fragment as Fragment8, jsx as jsx37, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx40, jsxs as jsxs16 } from "react/jsx-runtime";
 var DataList = (props) => {
   const router = useRouter();
   let builder = new OdataBuilder(props.path);
@@ -2954,7 +2992,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__ */ jsx37("div", { children: item }, index));
+      return obj[path].map((item, index) => /* @__PURE__ */ jsx40("div", { children: item }, index));
     } else {
       return obj[path];
     }
@@ -3033,30 +3071,30 @@ var DataList = (props) => {
   const renderPageNumbers = () => {
     if (pages <= 10) {
       return Array.from({ length: pages }, (_, index) => index + 1).map(
-        (page) => /* @__PURE__ */ jsx37(React24.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx37(
+        (page) => /* @__PURE__ */ jsx40(React27.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx40(
           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__ */ jsx37("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)
+        ) : /* @__PURE__ */ jsx40("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)
       );
     } else {
       const showFirstPages = activePageNumber <= 5;
       const showLastPages = activePageNumber > pages - 5;
       if (showFirstPages) {
         return /* @__PURE__ */ jsxs16(Fragment8, { children: [
-          Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ jsx37(React24.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx37(
+          Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ jsx40(React27.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx40(
             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__ */ jsx37("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
-          /* @__PURE__ */ jsx37("span", { className: "px-2 py-1", children: "..." }),
-          /* @__PURE__ */ jsx37(
+          ) : /* @__PURE__ */ jsx40("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
+          /* @__PURE__ */ jsx40("span", { className: "px-2 py-1", children: "..." }),
+          /* @__PURE__ */ jsx40(
             Hyperlink,
             {
               className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -3064,7 +3102,7 @@ var DataList = (props) => {
               children: pages - 1
             }
           ),
-          /* @__PURE__ */ jsx37(
+          /* @__PURE__ */ jsx40(
             Hyperlink,
             {
               className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -3072,7 +3110,7 @@ var DataList = (props) => {
               children: pages
             }
           ),
-          /* @__PURE__ */ jsx37("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs16(
+          /* @__PURE__ */ jsx40("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs16(
             "select",
             {
               className: "  py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
@@ -3084,18 +3122,18 @@ var DataList = (props) => {
                 }
               },
               children: [
-                /* @__PURE__ */ jsx37("option", { className: "", value: "", children: "Jump to" }),
+                /* @__PURE__ */ jsx40("option", { className: "", value: "", children: "Jump to" }),
                 Array.from(
                   { length: Math.max(0, pages - 10) },
                   (_, index) => index + 9
-                ).map((page) => /* @__PURE__ */ jsx37("option", { value: page, children: page }, page))
+                ).map((page) => /* @__PURE__ */ jsx40("option", { value: page, children: page }, page))
               ]
             }
           ) })
         ] });
       } else if (showLastPages) {
         return /* @__PURE__ */ jsxs16(Fragment8, { children: [
-          /* @__PURE__ */ jsx37(
+          /* @__PURE__ */ jsx40(
             Hyperlink,
             {
               className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -3103,7 +3141,7 @@ var DataList = (props) => {
               children: "1"
             }
           ),
-          /* @__PURE__ */ jsx37(
+          /* @__PURE__ */ jsx40(
             Hyperlink,
             {
               className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -3111,21 +3149,21 @@ var DataList = (props) => {
               children: "2"
             }
           ),
-          /* @__PURE__ */ jsx37("span", { className: "px-2 py-1", children: "..." }),
+          /* @__PURE__ */ jsx40("span", { className: "px-2 py-1", children: "..." }),
           Array.from({ length: 8 }, (_, index) => pages - 7 + index).map(
-            (page) => /* @__PURE__ */ jsx37(React24.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx37(
+            (page) => /* @__PURE__ */ jsx40(React27.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx40(
               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__ */ jsx37("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)
+            ) : /* @__PURE__ */ jsx40("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)
           )
         ] });
       } else {
         return /* @__PURE__ */ jsxs16(Fragment8, { children: [
-          /* @__PURE__ */ jsx37(
+          /* @__PURE__ */ jsx40(
             Hyperlink,
             {
               className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -3133,7 +3171,7 @@ var DataList = (props) => {
               children: "1"
             }
           ),
-          /* @__PURE__ */ jsx37(
+          /* @__PURE__ */ jsx40(
             Hyperlink,
             {
               className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -3141,20 +3179,20 @@ var DataList = (props) => {
               children: "2"
             }
           ),
-          /* @__PURE__ */ jsx37("span", { className: "px-2 py-1", children: "..." }),
+          /* @__PURE__ */ jsx40("span", { className: "px-2 py-1", children: "..." }),
           Array.from(
             { length: 5 },
             (_, index) => activePageNumber - 2 + index
-          ).map((page) => /* @__PURE__ */ jsx37(React24.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx37(
+          ).map((page) => /* @__PURE__ */ jsx40(React27.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx40(
             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__ */ jsx37("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
-          /* @__PURE__ */ jsx37("span", { className: "px-2 py-1", children: "..." }),
-          /* @__PURE__ */ jsx37(
+          ) : /* @__PURE__ */ jsx40("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
+          /* @__PURE__ */ jsx40("span", { className: "px-2 py-1", children: "..." }),
+          /* @__PURE__ */ jsx40(
             Hyperlink,
             {
               className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -3162,7 +3200,7 @@ var DataList = (props) => {
               children: pages - 1
             }
           ),
-          /* @__PURE__ */ jsx37(
+          /* @__PURE__ */ jsx40(
             Hyperlink,
             {
               className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -3170,7 +3208,7 @@ var DataList = (props) => {
               children: pages
             }
           ),
-          /* @__PURE__ */ jsx37("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs16(
+          /* @__PURE__ */ jsx40("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs16(
             "select",
             {
               className: "px-2 py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
@@ -3182,8 +3220,8 @@ var DataList = (props) => {
                 }
               },
               children: [
-                /* @__PURE__ */ jsx37("option", { value: "", children: "Jump to" }),
-                Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ jsx37("option", { value: page, children: page }, page))
+                /* @__PURE__ */ jsx40("option", { value: "", children: "Jump to" }),
+                Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ jsx40("option", { value: page, children: page }, page))
               ]
             }
           ) })
@@ -3191,16 +3229,16 @@ var DataList = (props) => {
       }
     }
   };
-  return /* @__PURE__ */ jsxs16(React24.Fragment, { children: [
+  return /* @__PURE__ */ jsxs16(React27.Fragment, { children: [
     /* @__PURE__ */ jsxs16(ContentView_default, { isDataFound, children: [
       (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ jsxs16(
         "div",
         {
           className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md sticky top-0`,
           children: [
-            props.title ? /* @__PURE__ */ jsx37("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsx37("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ jsx37("div", {}),
+            props.title ? /* @__PURE__ */ jsx40("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsx40("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ jsx40("div", {}),
             /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-3", children: [
-              props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ jsx37(
+              props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ jsx40(
                 InputControl_default,
                 {
                   name: "Search_input",
@@ -3212,7 +3250,7 @@ var DataList = (props) => {
                   }
                 }
               ),
-              props.filters && props.filters.map((filter) => /* @__PURE__ */ jsx37(
+              props.filters && props.filters.map((filter) => /* @__PURE__ */ jsx40(
                 InputControl_default,
                 {
                   name: filter.name,
@@ -3234,8 +3272,8 @@ var DataList = (props) => {
                   linkType: "Primary" /* Solid */,
                   href: props.addLinkHref,
                   children: [
-                    /* @__PURE__ */ jsx37(Icon_default, { name: "plus", className: "w-4 h-4" }),
-                    /* @__PURE__ */ jsx37("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
+                    /* @__PURE__ */ jsx40(Icon_default, { name: "plus", className: "w-4 h-4" }),
+                    /* @__PURE__ */ jsx40("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
                   ]
                 }
               )
@@ -3243,8 +3281,8 @@ var DataList = (props) => {
           ]
         }
       ),
-      /* @__PURE__ */ jsx37("div", { className: "flex-1 overflow-y-auto  justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ jsxs16("table", { className: "w-full   divide-y divide-gray-200", children: [
-        /* @__PURE__ */ jsx37("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ jsx37("tr", { children: props?.columns?.map((column) => {
+      /* @__PURE__ */ jsx40("div", { className: "flex-1 overflow-y-auto  justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ jsxs16("table", { className: "w-full   divide-y divide-gray-200", children: [
+        /* @__PURE__ */ jsx40("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ jsx40("tr", { children: props?.columns?.map((column) => {
           let url = builder.getNewOrderByUrl(column.name);
           let icon = "chevronUpDown";
           if (orderBy.includes(`${column.name} desc`)) {
@@ -3254,18 +3292,18 @@ var DataList = (props) => {
             icon = "chevronUp";
             url = builder.getNewOrderByUrl(column.name + " desc");
           }
-          return /* @__PURE__ */ jsx37(
+          return /* @__PURE__ */ jsx40(
             "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__ */ jsx37(
+              children: /* @__PURE__ */ jsx40(
                 Hyperlink,
                 {
                   href: column.enableSorting ? url : void 0,
                   className: "!text-neutral-contrast ",
                   children: /* @__PURE__ */ jsxs16("span", { className: "flex items-center space-x-1", children: [
-                    /* @__PURE__ */ jsx37("span", { className: "text-black", children: column.label }),
-                    column.enableSorting && /* @__PURE__ */ jsx37(Icon_default, { className: "w-4 h-4", name: icon })
+                    /* @__PURE__ */ jsx40("span", { className: "text-black", children: column.label }),
+                    column.enableSorting && /* @__PURE__ */ jsx40(Icon_default, { className: "w-4 h-4", name: icon })
                   ] })
                 }
               )
@@ -3273,24 +3311,24 @@ var DataList = (props) => {
             column.name
           );
         }) }) }),
-        /* @__PURE__ */ jsx37("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
+        /* @__PURE__ */ jsx40("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__ */ jsx37("tr", { className: validityClass, children: props?.columns?.map((column, colindex) => {
+          return /* @__PURE__ */ jsx40("tr", { className: validityClass, children: props?.columns?.map((column, colindex) => {
             console.log("column", column);
-            return /* @__PURE__ */ jsx37(React24.Fragment, { children: /* @__PURE__ */ jsx37(
+            return /* @__PURE__ */ jsx40(React27.Fragment, { children: /* @__PURE__ */ jsx40(
               "td",
               {
                 className: "px-6 py-2 whitespace-normal " + (column.controlType == ViewControlTypes_default.money ? "" : ""),
-                children: column.addhref === true ? /* @__PURE__ */ jsx37(
+                children: column.addhref === true ? /* @__PURE__ */ jsx40(
                   Hyperlink,
                   {
                     className: "",
                     href: `https://${dataitem[column.name]}`,
-                    children: /* @__PURE__ */ jsx37(
+                    children: /* @__PURE__ */ jsx40(
                       ViewControl_default,
                       {
                         controlType: column.controlType,
@@ -3303,11 +3341,11 @@ var DataList = (props) => {
                       }
                     )
                   }
-                ) : column.showAsLink ? /* @__PURE__ */ jsx37(
+                ) : column.showAsLink ? /* @__PURE__ */ jsx40(
                   Hyperlink,
                   {
                     href: props.path + dataitem[props.columns[0].name] + "/" + (dataitem.linkUrlSegment ?? column.linkUrlSegment),
-                    children: /* @__PURE__ */ jsx37(
+                    children: /* @__PURE__ */ jsx40(
                       ViewControl_default,
                       {
                         controlType: column.controlType,
@@ -3317,7 +3355,7 @@ var DataList = (props) => {
                       }
                     )
                   }
-                ) : /* @__PURE__ */ jsx37(
+                ) : /* @__PURE__ */ jsx40(
                   ViewControl_default,
                   {
                     controlType: column.controlType,
@@ -3331,10 +3369,10 @@ var DataList = (props) => {
           }) }, index);
         }) })
       ] }) }),
-      /* @__PURE__ */ jsx37("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ jsx37("div", { className: "text-gray-700", children: label }),
+      /* @__PURE__ */ jsx40("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx40("div", { className: "text-gray-700", children: label }),
         /* @__PURE__ */ jsxs16("div", { className: "flex space-x-2 items-center", children: [
-          activePageNumber > 1 && /* @__PURE__ */ jsx37(
+          activePageNumber > 1 && /* @__PURE__ */ jsx40(
             Hyperlink,
             {
               className: "px-3 py-1 rounded-l-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
@@ -3342,9 +3380,9 @@ var DataList = (props) => {
               children: "Prev"
             }
           ),
-          activePageNumber <= 1 && /* @__PURE__ */ jsx37("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__ */ jsx40("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__ */ jsx37(
+          activePageNumber < pages && /* @__PURE__ */ jsx40(
             Hyperlink,
             {
               className: "px-3 py-1 rounded-r-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
@@ -3352,7 +3390,7 @@ var DataList = (props) => {
               children: "Next"
             }
           ),
-          activePageNumber >= pages && /* @__PURE__ */ jsx37("div", { className: "px-3 py-1 rounded-r-md border border-gray-300 bg-gray-200 text-gray-500", children: "Next" })
+          activePageNumber >= pages && /* @__PURE__ */ jsx40("div", { className: "px-3 py-1 rounded-r-md border border-gray-300 bg-gray-200 text-gray-500", children: "Next" })
         ] })
       ] }) })
     ] }),
@@ -3362,9 +3400,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__ */ jsx37("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsx37("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ jsx37("div", {}),
+            props.title ? /* @__PURE__ */ jsx40("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsx40("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ jsx40("div", {}),
             /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-3", children: [
-              props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ jsx37(
+              props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ jsx40(
                 InputControl_default,
                 {
                   name: "Search_input",
@@ -3376,7 +3414,7 @@ var DataList = (props) => {
                   }
                 }
               ),
-              props.filters && props.filters.map((filter) => /* @__PURE__ */ jsx37(
+              props.filters && props.filters.map((filter) => /* @__PURE__ */ jsx40(
                 InputControl_default,
                 {
                   name: filter.name,
@@ -3398,8 +3436,8 @@ var DataList = (props) => {
                   linkType: "Primary" /* Solid */,
                   href: props.addLinkHref,
                   children: [
-                    /* @__PURE__ */ jsx37(Icon_default, { name: "plus", className: "w-4 h-4" }),
-                    /* @__PURE__ */ jsx37("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
+                    /* @__PURE__ */ jsx40(Icon_default, { name: "plus", className: "w-4 h-4" }),
+                    /* @__PURE__ */ jsx40("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
                   ]
                 }
               )
@@ -3408,7 +3446,7 @@ var DataList = (props) => {
         }
       ),
       /* @__PURE__ */ jsxs16("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
-        /* @__PURE__ */ jsx37("div", { children: /* @__PURE__ */ jsx37("table", { className: "w-full divide-y divide-gray-200", children: /* @__PURE__ */ jsx37("thead", { className: "bg-gray-50", children: /* @__PURE__ */ jsx37("tr", { children: props?.columns?.map((column) => {
+        /* @__PURE__ */ jsx40("div", { children: /* @__PURE__ */ jsx40("table", { className: "w-full divide-y divide-gray-200", children: /* @__PURE__ */ jsx40("thead", { className: "bg-gray-50", children: /* @__PURE__ */ jsx40("tr", { children: props?.columns?.map((column) => {
           let url = builder.getNewOrderByUrl(column.name);
           let icon = "chevronUpDown";
           if (orderBy.includes(`${column.name} desc`)) {
@@ -3418,18 +3456,18 @@ var DataList = (props) => {
             icon = "chevronUp";
             url = builder.getNewOrderByUrl(column.name + " desc");
           }
-          return /* @__PURE__ */ jsx37(
+          return /* @__PURE__ */ jsx40(
             "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__ */ jsx37(
+              children: /* @__PURE__ */ jsx40(
                 Hyperlink,
                 {
                   href: column.enableSorting ? url : void 0,
                   className: "text-body-950",
                   children: /* @__PURE__ */ jsxs16("span", { className: "flex items-center space-x-1", children: [
-                    /* @__PURE__ */ jsx37("span", { children: column.label }),
-                    column.enableSorting && /* @__PURE__ */ jsx37(Icon_default, { className: "w-4 h-4", name: icon })
+                    /* @__PURE__ */ jsx40("span", { children: column.label }),
+                    column.enableSorting && /* @__PURE__ */ jsx40(Icon_default, { className: "w-4 h-4", name: icon })
                   ] })
                 }
               )
@@ -3437,7 +3475,7 @@ var DataList = (props) => {
             column.name
           );
         }) }) }) }) }),
-        /* @__PURE__ */ jsx37("div", { className: "w-full text-center bg-transparent pt-5", children: "There are no entries in the table at the moment." })
+        /* @__PURE__ */ jsx40("div", { className: "w-full text-center bg-transparent pt-5", children: "There are no entries in the table at the moment." })
       ] })
     ] })
   ] });
@@ -3445,9 +3483,9 @@ var DataList = (props) => {
 var DataList_default = DataList;
 // src/components/dataForm/DataListRenderer.tsx
-import React25, { useState as useState3, useEffect as useEffect2 } from "react";
+import React28, { useState as useState3, useEffect as useEffect2 } from "react";
 import { usePathname as usePathname2 } from "next/navigation";
-import { jsx as jsx38, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs17 } from "react/jsx-runtime";
 var viewControlMap = {
   number: ViewControlTypes.number,
   lineText: ViewControlTypes.lineText,
@@ -3542,15 +3580,15 @@ var DataListRenderer = ({
       isActive: landingPageUrl === pathname
     };
   });
-  return /* @__PURE__ */ jsxs17(React25.Fragment, { children: [
-    resolvedTabs.length > 0 && /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsxs17(React28.Fragment, { children: [
+    resolvedTabs.length > 0 && /* @__PURE__ */ jsx41(
       NavigationTabsV2_default,
       {
         tabs: resolvedTabs,
         params: widgetProps?.params ?? params
       }
     ),
-    /* @__PURE__ */ jsx38(
+    /* @__PURE__ */ jsx41(
       DataList_default,
       {
         addLinkHref,
@@ -3569,10 +3607,10 @@ var DataListRenderer = ({
 var DataListRenderer_default = DataListRenderer;
 // src/components/dataForm/DataForm.tsx
-import React27, { useCallback as useCallback3, useEffect as useEffect3, useReducer as useReducer2, useRef } from "react";
+import React30, { useCallback as useCallback3, useEffect as useEffect3, useReducer as useReducer2, useRef } from "react";
 // src/components/dataForm/DataFormChildSection.tsx
-import React26, { useCallback as useCallback2 } from "react";
+import React29, { useCallback as useCallback2 } from "react";
 // src/components/dataForm/StyleTypes.tsx
 var StyleTypes2 = /* @__PURE__ */ ((StyleTypes3) => {
@@ -3595,7 +3633,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 jsx39, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs18 } from "react/jsx-runtime";
 var DataFormChildSection = (props) => {
   const { section } = props;
   const isOneToOne = section.relationshipType === "one-to-one";
@@ -3663,14 +3701,14 @@ var DataFormChildSection = (props) => {
     childItemsToRender,
     allChildItems: childItems
   });
-  return /* @__PURE__ */ jsx39(React26.Fragment, { children: /* @__PURE__ */ jsxs18("div", { className: "rounded border-neutral-200 border px-6 py-4 mb-2", children: [
-    section.sectionTitle && /* @__PURE__ */ jsx39("div", { className: "mb-4 text-lg font-medium text-body-950", children: section.sectionTitle }),
-    /* @__PURE__ */ jsx39("div", { className: "flex-grow flex flex-col justify-between overflow-y-auto", children: /* @__PURE__ */ jsxs18("div", { className: "flex flex-col justify-between gap-2", children: [
-      /* @__PURE__ */ jsx39("div", { children: /* @__PURE__ */ jsxs18("table", { className: "w-full border-separate divide-y divide-gray-200", children: [
-        (!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ jsx39("thead", { className: "", children: section.sectionRows.map((sectionRow, sectionRowIndex) => {
+  return /* @__PURE__ */ jsx42(React29.Fragment, { children: /* @__PURE__ */ jsxs18("div", { className: "rounded border-neutral-200 border px-6 py-4 mb-2", children: [
+    section.sectionTitle && /* @__PURE__ */ jsx42("div", { className: "mb-4 text-lg font-medium text-body-950", children: section.sectionTitle }),
+    /* @__PURE__ */ jsx42("div", { className: "flex-grow flex flex-col justify-between overflow-y-auto", children: /* @__PURE__ */ jsxs18("div", { className: "flex flex-col justify-between gap-2", children: [
+      /* @__PURE__ */ jsx42("div", { children: /* @__PURE__ */ jsxs18("table", { className: "w-full border-separate divide-y divide-gray-200", children: [
+        (!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ jsx42("thead", { className: "", children: section.sectionRows.map((sectionRow, sectionRowIndex) => {
           return /* @__PURE__ */ jsxs18("tr", { className: "", children: [
             sectionRow.elements.map((field, index) => {
-              return /* @__PURE__ */ jsx39(
+              return /* @__PURE__ */ jsx42(
                 "th",
                 {
                   className: "py-3 font-normal text-left",
@@ -3679,13 +3717,13 @@ var DataFormChildSection = (props) => {
                 field.name
               );
             }),
-            !section.readonly && !isOneToOne && /* @__PURE__ */ jsx39("th", { className: "py-3 font-normal text-left", children: "Actions" })
+            !section.readonly && !isOneToOne && /* @__PURE__ */ jsx42("th", { className: "py-3 font-normal text-left", children: "Actions" })
           ] }, sectionRowIndex);
         }) }),
-        /* @__PURE__ */ jsx39("tbody", { className: "divide-y divide-gray-200", children: childItemsToRender.map((visibleItem, filteredIndex) => {
+        /* @__PURE__ */ jsx42("tbody", { className: "divide-y divide-gray-200", children: childItemsToRender.map((visibleItem, filteredIndex) => {
           const { item, originalIndex } = visibleItem;
           const rowKey = originalIndex;
-          return /* @__PURE__ */ jsx39(React26.Fragment, { children: section.sectionRows.map(
+          return /* @__PURE__ */ jsx42(React29.Fragment, { children: section.sectionRows.map(
             (sectionRow, sectionRowIndex) => {
               return /* @__PURE__ */ jsxs18(
                 "tr",
@@ -3693,7 +3731,7 @@ var DataFormChildSection = (props) => {
                   className: "",
                   children: [
                     sectionRow.elements.map((field, index) => {
-                      return /* @__PURE__ */ jsx39("td", { children: /* @__PURE__ */ jsx39("div", { className: "flex-1", children: /* @__PURE__ */ jsx39("div", { className: "w-11/12", children: /* @__PURE__ */ jsx39(
+                      return /* @__PURE__ */ jsx42("td", { children: /* @__PURE__ */ jsx42("div", { className: "flex-1", children: /* @__PURE__ */ jsx42("div", { className: "w-11/12", children: /* @__PURE__ */ jsx42(
                         InputControl_default,
                         {
                           index: filteredIndex,
@@ -3713,7 +3751,7 @@ var DataFormChildSection = (props) => {
                         }
                       ) }) }) }, field.name);
                     }),
-                    !section.readonly && !isOneToOne && /* @__PURE__ */ jsx39("td", { children: /* @__PURE__ */ jsx39(
+                    !section.readonly && !isOneToOne && /* @__PURE__ */ jsx42("td", { children: /* @__PURE__ */ jsx42(
                       ClientButton_default,
                       {
                         ButtonType: StyleTypes2.Hollow,
@@ -3722,7 +3760,7 @@ var DataFormChildSection = (props) => {
                         },
                         dataRole: "delete",
                         tabIndex: -1,
-                        children: /* @__PURE__ */ jsx39(
+                        children: /* @__PURE__ */ jsx42(
                           Icon_default,
                           {
                             className: "w-4 h-4",
@@ -3739,7 +3777,7 @@ var DataFormChildSection = (props) => {
           ) }, rowKey);
         }) })
       ] }) }),
-      !section.readonly && !isOneToOne && /* @__PURE__ */ jsx39("div", { className: "ml-1", children: /* @__PURE__ */ jsx39(
+      !section.readonly && !isOneToOne && /* @__PURE__ */ jsx42("div", { className: "ml-1", children: /* @__PURE__ */ jsx42(
         ClientButton_default,
         {
           ButtonType: "Link" /* Link */,
@@ -3754,7 +3792,7 @@ var DataFormChildSection = (props) => {
 var DataFormChildSection_default = DataFormChildSection;
 // src/components/dataForm/DataForm.tsx
-import { jsx as jsx40, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs19 } from "react/jsx-runtime";
 var DataForm = (props) => {
   const formRef = useRef(null);
   console.log(props.dataItem, "dssads");
@@ -3974,19 +4012,19 @@ var DataForm = (props) => {
       return false;
     }
   }
-  return /* @__PURE__ */ jsx40(React27.Fragment, { children: /* @__PURE__ */ jsxs19("div", { className: "flex-grow flex flex-col", children: [
-    props.title && /* @__PURE__ */ jsx40("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__ */ jsxs19(
+  return /* @__PURE__ */ jsx43(React30.Fragment, { children: /* @__PURE__ */ jsxs19("div", { className: "flex-grow flex flex-col", children: [
+    props.title && /* @__PURE__ */ jsx43("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__ */ jsxs19(
       "div",
       {
         className: "inline-flex items-center gap-2 cursor-pointer",
         onClick: () => window.history.back(),
         children: [
-          /* @__PURE__ */ jsx40(Icon_default, { name: "chevronLeft", className: "w-4 h-4 text-primary-800" }),
-          /* @__PURE__ */ jsx40("h2", { className: "text-lg font-semibold text-primary-800", children: props.title })
+          /* @__PURE__ */ jsx43(Icon_default, { name: "chevronLeft", className: "w-4 h-4 text-primary-800" }),
+          /* @__PURE__ */ jsx43("h2", { className: "text-lg font-semibold text-primary-800", children: props.title })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx40(
+    /* @__PURE__ */ jsx43(
       "form",
       {
         className: "group space-y-6 pb-6 overflow-y-auto",
@@ -4007,8 +4045,8 @@ var DataForm = (props) => {
             }
           }
         },
-        children: /* @__PURE__ */ jsx40("div", { className: "flex flex-col gap-6", children: props.sections?.map((section, sectionIndex) => {
-          return /* @__PURE__ */ jsx40(React27.Fragment, { children: !section.isChildSection && /* @__PURE__ */ jsxs19("div", { className: " rounded-b-lg bg-white shadow border-neutral-200 border px-8 py-6 ", children: [
+        children: /* @__PURE__ */ jsx43("div", { className: "flex flex-col gap-6", children: props.sections?.map((section, sectionIndex) => {
+          return /* @__PURE__ */ jsx43(React30.Fragment, { children: !section.isChildSection && /* @__PURE__ */ jsxs19("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;
@@ -4019,14 +4057,14 @@ var DataForm = (props) => {
                     sectionRow.visible
                   );
                 }
-                return /* @__PURE__ */ jsx40(React27.Fragment, { children: isVisible && /* @__PURE__ */ jsx40("div", { className: "lg:flex gap-14 flex-1 mb-4 ", children: sectionRow.elements.map((field, index) => {
+                return /* @__PURE__ */ jsx43(React30.Fragment, { children: isVisible && /* @__PURE__ */ jsx43("div", { className: "lg:flex gap-14 flex-1 mb-4 ", children: sectionRow.elements.map((field, index) => {
                   return /* @__PURE__ */ jsxs19(
                     "div",
                     {
                       className: sectionRow.grow ? "grow" : "",
                       children: [
-                        /* @__PURE__ */ jsx40("div", { children: field.controlType }),
-                        /* @__PURE__ */ jsx40(
+                        /* @__PURE__ */ jsx43("div", { children: field.controlType }),
+                        /* @__PURE__ */ jsx43(
                           InputControl_default,
                           {
                             name: field.name,
@@ -4056,12 +4094,12 @@ var DataForm = (props) => {
                 }) }) }, sectionRowIndex);
               }
             ),
-            /* @__PURE__ */ jsx40("div", { children: section.childSections?.map(
+            /* @__PURE__ */ jsx43("div", { children: section.childSections?.map(
               (childSection, childSectionIndex) => {
-                return /* @__PURE__ */ jsx40("div", { children: childSection.name && evalutateCondition(
+                return /* @__PURE__ */ jsx43("div", { children: childSection.name && evalutateCondition(
                   formState.inputValues,
                   childSection.visible
-                ) && /* @__PURE__ */ jsx40(
+                ) && /* @__PURE__ */ jsx43(
                   DataFormChildSection_default,
                   {
                     section: childSection,
@@ -4077,7 +4115,7 @@ var DataForm = (props) => {
       }
     ),
     /* @__PURE__ */ jsxs19("div", { className: "flex px-6 py-3 mt-2 mb-2 justify-end  items-center gap-5", children: [
-      /* @__PURE__ */ jsx40("div", { children: props.additionalActions && /* @__PURE__ */ jsx40(
+      /* @__PURE__ */ jsx43("div", { children: props.additionalActions && /* @__PURE__ */ jsx43(
         Button_default,
         {
           ButtonType: "PrimaryHollow" /* Hollow */,
@@ -4085,7 +4123,7 @@ var DataForm = (props) => {
           children: props.additionalActions.title
         }
       ) }),
-      /* @__PURE__ */ jsx40("div", { children: props.onDelete && /* @__PURE__ */ jsx40(
+      /* @__PURE__ */ jsx43("div", { children: props.onDelete && /* @__PURE__ */ jsx43(
         Button_default,
         {
           ButtonType: "PrimaryHollow" /* Hollow */,
@@ -4096,7 +4134,7 @@ var DataForm = (props) => {
           children: "Delete"
         }
       ) }),
-      /* @__PURE__ */ jsx40("div", { children: props.onClick && /* @__PURE__ */ jsx40(
+      /* @__PURE__ */ jsx43("div", { children: props.onClick && /* @__PURE__ */ jsx43(
         Button_default,
         {
           onValidate,
@@ -4113,7 +4151,7 @@ var DataForm = (props) => {
 var DataForm_default = DataForm;
 // src/components/dataForm/DataFormRenderer.tsx
-import { jsx as jsx41, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx44, jsxs as jsxs20 } from "react/jsx-runtime";
 function getAction(actions, code) {
   return actions?.find((a) => a.actionCode === code);
 }
@@ -4140,8 +4178,8 @@ var DataFormRenderer = ({
   );
   const hasDataItem = dataItem && Object.keys(dataItem).length > 0;
   return /* @__PURE__ */ jsxs20("div", { className: "flex-grow flex flex-col", children: [
-    widgetProps && /* @__PURE__ */ jsx41(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
-    /* @__PURE__ */ jsx41(
+    widgetProps && /* @__PURE__ */ jsx44(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
+    /* @__PURE__ */ jsx44(
       DataForm_default,
       {
         title: !isAddPage ? "Edit " + formDefinition.formTitle + "- v2" : "Add " + formDefinition.formTitle + "- v2",
@@ -4187,5 +4225,3 @@ export {
   ViewControl_default as ViewControl,
   ViewControlTypes_default as ViewControlTypes
 };
-ontrolTypes
-};