@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260708070033 → 0.8.1-dev.20260709113231

package/dist/index.js

@@ -1683,38 +1683,52 @@ var init_SelectWithSearchInput = __esm({
 });
 
 // src/components/ToastService.tsx
-var ToastService, ToastService_default;
+var toastHandlersKey, getToastHandlers, ToastService, ToastService_default;
 var init_ToastService = __esm({
   "src/components/ToastService.tsx"() {
     "use strict";
-    ToastService = class _ToastService {
+    toastHandlersKey = "__digitalStoreToastHandlers";
+    getToastHandlers = () => {
+      const globalScope = globalThis;
+      if (!globalScope[toastHandlersKey]) {
+        globalScope[toastHandlersKey] = {};
+      }
+      return globalScope[toastHandlersKey];
+    };
+    ToastService = class {
       static initialize(showToast, closeToast) {
-        _ToastService.showToast = showToast;
-        _ToastService.closeToast = closeToast;
+        const handlers = getToastHandlers();
+        handlers.showToast = showToast;
+        handlers.closeToast = closeToast;
       }
       static showError(message) {
-        if (_ToastService.showToast) {
-          _ToastService.showToast(message, "error");
+        const handlers = getToastHandlers();
+        if (handlers.showToast) {
+          handlers.showToast(message, "error");
         }
       }
       static showInfo(message) {
-        if (_ToastService.showToast) {
-          _ToastService.showToast(message, "info");
+        const handlers = getToastHandlers();
+        if (handlers.showToast) {
+          handlers.showToast(message, "info");
         }
       }
       static showWarning(message) {
-        if (_ToastService.showToast) {
-          _ToastService.showToast(message, "warning");
+        const handlers = getToastHandlers();
+        if (handlers.showToast) {
+          handlers.showToast(message, "warning");
         }
       }
       static showSuccess(message) {
-        if (_ToastService.showToast) {
-          _ToastService.showToast(message, "success");
+        const handlers = getToastHandlers();
+        if (handlers.showToast) {
+          handlers.showToast(message, "success");
         }
       }
       static close() {
-        if (_ToastService.closeToast) {
-          _ToastService.closeToast();
+        const handlers = getToastHandlers();
+        if (handlers.closeToast) {
+          handlers.closeToast();
         }
       }
     };
@@ -3126,10 +3140,9 @@ var init_LinkNodeButton = __esm({
         }
         return current;
       }, []);
-      const onClick = (0, import_react38.useCallback)(async (e) => {
+      const onClick = (0, import_react38.useCallback)(async () => {
         if (!node.postUrl) {
-          ToastService_default.showError("No POST URL configured for this button");
-          return;
+          return { isSuccessful: false, message: "No POST URL configured for this button" };
         }
         setIsLoading(true);
         try {
@@ -4111,6 +4124,43 @@ var init_Slider = __esm({
   }
 });
 
+// src/components/pageRenderingEngine/nodes/EnterAnimationClient.tsx
+var EnterAnimationClient_exports = {};
+__export(EnterAnimationClient_exports, {
+  default: () => EnterAnimationClient
+});
+function EnterAnimationClient({ hasEnterAnimation, children }) {
+  const ref = (0, import_react52.useRef)(null);
+  (0, import_react52.useEffect)(() => {
+    if (!hasEnterAnimation || !ref.current) return;
+    const observer = new IntersectionObserver(
+      (entries) => {
+        entries.forEach((entry) => {
+          if (entry.isIntersecting) {
+            entry.target.classList.add("visible");
+            observer.unobserve(entry.target);
+          }
+        });
+      },
+      { threshold: 0.1 }
+    );
+    observer.observe(ref.current);
+    return () => observer.disconnect();
+  }, [hasEnterAnimation]);
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_jsx_runtime72.Fragment, { children: children && // enforce passing the ref to Wrapper
+  //@ts-ignore
+  import_react52.default.cloneElement(children, { ref }) });
+}
+var import_react52, import_jsx_runtime72;
+var init_EnterAnimationClient = __esm({
+  "src/components/pageRenderingEngine/nodes/EnterAnimationClient.tsx"() {
+    "use strict";
+    "use client";
+    import_react52 = __toESM(require("react"));
+    import_jsx_runtime72 = require("react/jsx-runtime");
+  }
+});
+
 // src/index.ts
 var index_exports = {};
 __export(index_exports, {
@@ -4524,7 +4574,7 @@ var InputControl_default = InputControl2;
 init_InputControlType();
 
 // src/components/pageRenderingEngine/PageBodyRenderer.tsx
-var import_react53 = __toESM(require("react"));
+var import_react54 = __toESM(require("react"));
 
 // src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
 var import_react40 = __toESM(require("react"));
@@ -5297,7 +5347,7 @@ var WidgetNode = (props) => {
 var WidgetNode_default = WidgetNode;
 
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
-var import_react52 = __toESM(require("react"));
+var import_react53 = __toESM(require("react"));
 
 // src/components/pageRenderingEngine/nodes/EmbedNode.tsx
 var import_dynamic8 = __toESM(require("next/dynamic"));
@@ -6343,11 +6393,14 @@ var DocumentNode = (props) => {
 var DocumentNode_default = DocumentNode;
 
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 var Pagination2 = (0, import_dynamic10.default)(() => Promise.resolve().then(() => (init_Pagination(), Pagination_exports)), { ssr: true });
 var Slider2 = (0, import_dynamic10.default)(() => Promise.resolve().then(() => (init_Slider(), Slider_exports)), {
   ssr: false
 });
+var EnterAnimationClient2 = (0, import_dynamic10.default)(() => Promise.resolve().then(() => (init_EnterAnimationClient(), EnterAnimationClient_exports)), {
+  ssr: false
+});
 function toCamelCase(str) {
   return str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
 }
@@ -6597,7 +6650,7 @@ var DivContainer = async (props) => {
     response = await serviceClient.get(endpoint);
     result = response?.result;
     if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
-      return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(NoDataFound_default, {});
+      return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(NoDataFound_default, {});
     }
     if (dataBindingProperties.childCollectionName && props.dataitem) {
       childCollectionData = getNestedValue6(
@@ -6617,7 +6670,7 @@ var DivContainer = async (props) => {
     }
     const SelectedNode = NodeTypes2[node.type];
     if (!SelectedNode) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react52.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react53.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
       SelectedNode,
       {
         node,
@@ -6749,14 +6802,14 @@ var DivContainer = async (props) => {
     props.node.bgClass,
     noLinkColor && "no-link-color"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_react52.default.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_react53.default.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
       "style",
       {
         dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react52.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(EnterAnimationClient2, { hasEnterAnimation: !!props.node.enterAnimation, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react53.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
       Wrapper,
       {
         id: guid,
@@ -6770,11 +6823,11 @@ var DivContainer = async (props) => {
             item,
             idx,
             props.href ? void 0 : item?.links?.view
-          )?.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react52.default.Fragment, { children: child }, i)) : renderChildren(props.node.children, props, item, idx)
+          )?.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react53.default.Fragment, { children: child }, i)) : renderChildren(props.node.children, props, item, idx)
         )
       }
-    ) }),
-    dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    ) }) }),
+    dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
       Pagination2,
       {
         path: props.path,
@@ -6787,7 +6840,7 @@ var DivContainer = async (props) => {
 var DivContainer_default = DivContainer;
 
 // src/components/pageRenderingEngine/PageBodyRenderer.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 var NodeTypes = {
   ["paragraph"]: ParagraphNode_default,
   ["heading"]: HeadingNode_default,
@@ -6824,14 +6877,14 @@ var PageBodyRenderer = (props) => {
     }
     return true;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react53.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react54.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
     {
     }
     const SelectedNode = NodeTypes[node.type];
     if (!shouldRenderNode(node)) {
       return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react53.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react53.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react53.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react54.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react54.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react54.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
       SelectedNode,
       {
         node,
@@ -6847,7 +6900,7 @@ var PageBodyRenderer = (props) => {
         device: props.device,
         widgetRenderer: props.widgetRenderer
       }
-    ) }) : /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react53.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+    ) }) : /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react54.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
       SelectedNode,
       {
         node,
@@ -6868,53 +6921,44 @@ var PageBodyRenderer = (props) => {
 var PageBodyRenderer_default = PageBodyRenderer;
 
 // src/components/Toast.tsx
-var import_react54 = require("react");
+var import_react55 = require("react");
 init_ToastService();
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 var Toast = () => {
-  const [showToast, setShowToast] = (0, import_react54.useState)(false);
-  const [message, setMessage] = (0, import_react54.useState)("");
-  const [messageType, setMessageType] = (0, import_react54.useState)("error");
-  ToastService_default.showError = function(message2) {
-    setShowToast(true);
-    setMessage(message2);
-    setMessageType("error");
-    setTimeout(() => {
-      setShowToast(false);
-    }, 4e3);
-  };
-  ToastService_default.showSuccess = function(message2) {
-    setShowToast(true);
-    setMessage(message2);
-    setMessageType("success");
-    setTimeout(() => {
-      setShowToast(false);
-    }, 4e3);
-  };
-  ToastService_default.showWarning = function(message2) {
-    setShowToast(true);
-    setMessage(message2);
-    setMessageType("warning");
-    setTimeout(() => {
-      setShowToast(false);
-    }, 4e3);
-  };
-  ToastService_default.showInfo = function(message2) {
+  const [showToast, setShowToast] = (0, import_react55.useState)(false);
+  const [message, setMessage] = (0, import_react55.useState)("");
+  const [messageType, setMessageType] = (0, import_react55.useState)("error");
+  const timeoutRef = (0, import_react55.useRef)(null);
+  const closeToast = (0, import_react55.useCallback)(() => {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = null;
+    }
+    setShowToast(false);
+  }, []);
+  const showMessage = (0, import_react55.useCallback)((message2, messageType2) => {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+    }
     setShowToast(true);
     setMessage(message2);
-    setMessageType("info");
-    setTimeout(() => {
+    setMessageType(messageType2);
+    timeoutRef.current = setTimeout(() => {
       setShowToast(false);
+      timeoutRef.current = null;
     }, 4e3);
-  };
-  ToastService_default.close = function() {
-    setShowToast(false);
-  };
-  const closeToast = () => {
-    setShowToast(false);
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_jsx_runtime74.Fragment, { children: showToast && /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("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__ */ (0, import_jsx_runtime74.jsxs)("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+  }, []);
+  (0, import_react55.useEffect)(() => {
+    ToastService_default.initialize(showMessage, closeToast);
+    return () => {
+      closeToast();
+      ToastService_default.initialize(() => {
+      }, () => {
+      });
+    };
+  }, [closeToast, showMessage]);
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_jsx_runtime75.Fragment, { children: showToast && /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("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__ */ (0, import_jsx_runtime75.jsxs)("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
       "span",
       {
         className: "font-medium text-inherit text-sm",
@@ -6922,7 +6966,7 @@ var Toast = () => {
         children: message
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("button", { className: "absolute right-2 top-2 ml-2 focus:outline-none", onClick: closeToast, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("button", { className: "absolute right-2 top-2 ml-2 focus:outline-none", onClick: closeToast, children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -6930,7 +6974,7 @@ var Toast = () => {
         fill: "none",
         viewBox: "0 0 24 24",
         stroke: "currentColor",
-        children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" })
       }
     ) })
   ] }) }) });
@@ -6957,7 +7001,7 @@ init_TimeInput();
 // src/components/NavigationTabsV2.tsx
 var import_link3 = __toESM(require("next/link"));
 var import_navigation = require("next/navigation");
-var import_jsx_runtime75 = require("react/jsx-runtime");
+var import_jsx_runtime76 = require("react/jsx-runtime");
 function resolveRoutePlaceholders(route, params) {
   return route.replace(/\{([^}]+)\}/g, (match, key) => {
     const value = params[key];
@@ -6982,8 +7026,8 @@ var NavigationTabsV2 = ({ tabs, params = {} }) => {
     isActive: tab.isActive
   })) || [];
   if (mappedTabs.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("div", { className: "flex border-b bg-white rounded-t mb-3", children: mappedTabs.map(({ tabTitle, landingPageUrl, isActive }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_link3.default, { href: landingPageUrl, className: "-mb-px", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("div", { className: "flex border-b bg-white rounded-t mb-3", children: mappedTabs.map(({ tabTitle, landingPageUrl, isActive }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_link3.default, { href: landingPageUrl, className: "-mb-px", children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
       "div",
       {
         className: `text-sm font-medium border-b-2 px-6 py-2 transition
@@ -6996,14 +7040,14 @@ var NavigationTabsV2 = ({ tabs, params = {} }) => {
 var NavigationTabsV2_default = NavigationTabsV2;
 
 // src/components/dataForm/DataList.tsx
-var import_react57 = __toESM(require("react"));
+var import_react58 = __toESM(require("react"));
 var import_navigation2 = require("next/navigation");
 
 // src/components/dataForm/NoContentView.tsx
-var import_react55 = __toESM(require("react"));
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_react56 = __toESM(require("react"));
+var import_jsx_runtime77 = require("react/jsx-runtime");
 var NoContentView = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_react55.default.Fragment, { children: props.isDataFound === false && props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react56.default.Fragment, { children: props.isDataFound === false && props.children });
 };
 var NoContentView_default = NoContentView;
 
@@ -7011,39 +7055,39 @@ var NoContentView_default = NoContentView;
 init_InputControlType();
 
 // src/components/dataForm/ContentView.tsx
-var import_react56 = __toESM(require("react"));
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_react57 = __toESM(require("react"));
+var import_jsx_runtime78 = require("react/jsx-runtime");
 var ContentView = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_react56.default.Fragment, { children: [
-    props.isDataFound == null && /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex items-center mb-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "ml-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_react57.default.Fragment, { children: [
+    props.isDataFound == null && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex items-center mb-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "ml-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "animate-pulse", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "animate-pulse", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "animate-pulse", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "animate-pulse", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "animate-pulse", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "animate-pulse", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
         ] })
       ] })
     ] }) }),
@@ -7103,7 +7147,7 @@ function FormReducer(state, action) {
 var FormReducer_default = FormReducer;
 
 // src/components/dataForm/DataList.tsx
-var import_jsx_runtime78 = require("react/jsx-runtime");
+var import_jsx_runtime79 = require("react/jsx-runtime");
 var DataList = (props) => {
   const router = (0, import_navigation2.useRouter)();
   let builder = new OdataBuilder(props.path);
@@ -7111,9 +7155,9 @@ var DataList = (props) => {
   let activePageNumber = 0;
   let pages = 0;
   console.log(props.addLinkText);
-  const [isDataFound, setIsDataFound] = (0, import_react57.useState)(null);
-  const [searchTerm, setSearchTerm] = (0, import_react57.useState)(props.query?.searchTerm ?? "");
-  (0, import_react57.useEffect)(() => {
+  const [isDataFound, setIsDataFound] = (0, import_react58.useState)(null);
+  const [searchTerm, setSearchTerm] = (0, import_react58.useState)(props.query?.searchTerm ?? "");
+  (0, import_react58.useEffect)(() => {
     if (props?.dataset) {
       if (props?.dataset.result && props.dataset.result.length > 0) {
         setIsDataFound(true);
@@ -7122,7 +7166,7 @@ var DataList = (props) => {
       }
     }
   }, [props.dataset]);
-  (0, import_react57.useEffect)(() => {
+  (0, import_react58.useEffect)(() => {
     if (!props.query?.["$filter"] || !props.filters) return;
     const filterQuery = props.query["$filter"];
     props.filters.forEach((filter) => {
@@ -7141,7 +7185,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__ */ (0, import_jsx_runtime78.jsx)("div", { children: item }, index));
+      return obj[path].map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { children: item }, index));
     } else {
       return obj[path];
     }
@@ -7150,11 +7194,11 @@ var DataList = (props) => {
     inputValues: {},
     lastPropertyChanged: ""
   };
-  const [formState, dispatch] = (0, import_react57.useReducer)(FormReducer_default, initialState);
+  const [formState, dispatch] = (0, import_react58.useReducer)(FormReducer_default, initialState);
   const getSearchableColumns = () => {
     return props.columns?.filter((c) => c.isSearchable)?.map((c) => c.name)?.join(",");
   };
-  const handleFilterChange = (0, import_react57.useCallback)(
+  const handleFilterChange = (0, import_react58.useCallback)(
     (updatedValues) => {
       dispatch({
         type: FORM_INPUT_UPDATE,
@@ -7185,7 +7229,7 @@ var DataList = (props) => {
     },
     [dispatch, props, router]
   );
-  (0, import_react57.useEffect)(() => {
+  (0, import_react58.useEffect)(() => {
     if (!props.columns.some((col) => col.isSearchable)) {
       return;
     }
@@ -7220,30 +7264,30 @@ var DataList = (props) => {
   const renderPageNumbers = () => {
     if (pages <= 10) {
       return Array.from({ length: pages }, (_, index) => index + 1).map(
-        (page) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react57.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+        (page) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react58.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
           Hyperlink,
           {
             className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
             href: builder.getNewPageUrl(page),
             children: page
           }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)
+        ) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("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__ */ (0, import_jsx_runtime78.jsxs)(import_jsx_runtime78.Fragment, { children: [
-          Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react57.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_jsx_runtime79.Fragment, { children: [
+          Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react58.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
             Hyperlink,
             {
               className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
               href: builder.getNewPageUrl(page),
               children: page
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
-          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "px-2 py-1", children: "..." }),
-          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
+          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "px-2 py-1", children: "..." }),
+          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
             Hyperlink,
             {
               className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -7251,7 +7295,7 @@ var DataList = (props) => {
               children: pages - 1
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
             Hyperlink,
             {
               className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -7259,7 +7303,7 @@ var DataList = (props) => {
               children: pages
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
             "select",
             {
               className: "  py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
@@ -7271,18 +7315,18 @@ var DataList = (props) => {
                 }
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("option", { className: "", value: "", children: "Jump to" }),
+                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("option", { className: "", value: "", children: "Jump to" }),
                 Array.from(
                   { length: Math.max(0, pages - 10) },
                   (_, index) => index + 9
-                ).map((page) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("option", { value: page, children: page }, page))
+                ).map((page) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("option", { value: page, children: page }, page))
               ]
             }
           ) })
         ] });
       } else if (showLastPages) {
-        return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_jsx_runtime78.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_jsx_runtime79.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
             Hyperlink,
             {
               className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -7290,7 +7334,7 @@ var DataList = (props) => {
               children: "1"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
             Hyperlink,
             {
               className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -7298,21 +7342,21 @@ var DataList = (props) => {
               children: "2"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "px-2 py-1", children: "..." }),
+          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "px-2 py-1", children: "..." }),
           Array.from({ length: 8 }, (_, index) => pages - 7 + index).map(
-            (page) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react57.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+            (page) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react58.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
               Hyperlink,
               {
                 className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
                 href: builder.getNewPageUrl(page),
                 children: page
               }
-            ) : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)
+            ) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)
           )
         ] });
       } else {
-        return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_jsx_runtime78.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_jsx_runtime79.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
             Hyperlink,
             {
               className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -7320,7 +7364,7 @@ var DataList = (props) => {
               children: "1"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
             Hyperlink,
             {
               className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -7328,20 +7372,20 @@ var DataList = (props) => {
               children: "2"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "px-2 py-1", children: "..." }),
+          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "px-2 py-1", children: "..." }),
           Array.from(
             { length: 5 },
             (_, index) => activePageNumber - 2 + index
-          ).map((page) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react57.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+          ).map((page) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react58.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
             Hyperlink,
             {
               className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
               href: builder.getNewPageUrl(page),
               children: page
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
-          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "px-2 py-1", children: "..." }),
-          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
+          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "px-2 py-1", children: "..." }),
+          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
             Hyperlink,
             {
               className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -7349,7 +7393,7 @@ var DataList = (props) => {
               children: pages - 1
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
             Hyperlink,
             {
               className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -7357,7 +7401,7 @@ var DataList = (props) => {
               children: pages
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
             "select",
             {
               className: "px-2 py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
@@ -7369,8 +7413,8 @@ var DataList = (props) => {
                 }
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("option", { value: "", children: "Jump to" }),
-                Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("option", { value: page, children: page }, page))
+                /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("option", { value: "", children: "Jump to" }),
+                Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("option", { value: page, children: page }, page))
               ]
             }
           ) })
@@ -7378,16 +7422,16 @@ var DataList = (props) => {
       }
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(import_react57.default.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(ContentView_default, { isDataFound, children: [
-      (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_react58.default.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(ContentView_default, { isDataFound, children: [
+      (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
         "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__ */ (0, import_jsx_runtime78.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", {}),
-            /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex items-center gap-3", children: [
-              props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+            props.title ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-center gap-3", children: [
+              props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
                 InputControl_default,
                 {
                   name: "Search_input",
@@ -7399,7 +7443,7 @@ var DataList = (props) => {
                   }
                 }
               ),
-              props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+              props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
                 InputControl_default,
                 {
                   name: filter.name,
@@ -7414,15 +7458,15 @@ var DataList = (props) => {
                 },
                 filter.name
               )),
-              props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+              props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
                 Hyperlink,
                 {
                   className: "gap-1",
                   linkType: "Primary" /* Solid */,
                   href: props.addLinkHref,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
+                    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
                   ]
                 }
               )
@@ -7430,8 +7474,8 @@ var DataList = (props) => {
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "flex-1 overflow-y-auto  justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("table", { className: "w-full   divide-y divide-gray-200", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("tr", { children: props?.columns?.map((column) => {
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "flex-1 overflow-y-auto  justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("table", { className: "w-full   divide-y divide-gray-200", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("tr", { children: props?.columns?.map((column) => {
           let url = builder.getNewOrderByUrl(column.name);
           let icon = "chevronUpDown";
           if (orderBy.includes(`${column.name} desc`)) {
@@ -7441,18 +7485,18 @@ var DataList = (props) => {
             icon = "chevronUp";
             url = builder.getNewOrderByUrl(column.name + " desc");
           }
-          return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
             "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__ */ (0, import_jsx_runtime78.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
                 Hyperlink,
                 {
                   href: column.enableSorting ? url : void 0,
                   className: "!text-neutral-contrast ",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("span", { className: "flex items-center space-x-1", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "text-black", children: column.label }),
-                    column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("span", { className: "flex items-center space-x-1", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "text-black", children: column.label }),
+                    column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
                   ] })
                 }
               )
@@ -7460,24 +7504,24 @@ var DataList = (props) => {
             column.name
           );
         }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
           let validityClass = "";
           console.log("dataitem", dataitem);
           if (props.recordValidityColumnName && getNestedProperty2(dataitem, props.recordValidityColumnName) == false) {
             validityClass = "bg-alert-200";
           }
-          return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("tr", { className: validityClass, children: props?.columns?.map((column, colindex) => {
+          return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("tr", { className: validityClass, children: props?.columns?.map((column, colindex) => {
             console.log("column", column);
-            return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react57.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_react58.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
               "td",
               {
                 className: "px-6 py-2 whitespace-normal " + (column.controlType == ViewControlTypes_default.money ? "" : ""),
-                children: column.addhref === true ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+                children: column.addhref === true ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
                   Hyperlink,
                   {
                     className: "",
                     href: `https://${dataitem[column.name]}`,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
                       ViewControl_default,
                       {
                         controlType: column.controlType,
@@ -7490,11 +7534,11 @@ var DataList = (props) => {
                       }
                     )
                   }
-                ) : column.showAsLink ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+                ) : column.showAsLink ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
                   Hyperlink,
                   {
                     href: props.path + dataitem[props.columns[0].name] + "/" + (dataitem.linkUrlSegment ?? column.linkUrlSegment),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
                       ViewControl_default,
                       {
                         controlType: column.controlType,
@@ -7504,7 +7548,7 @@ var DataList = (props) => {
                       }
                     )
                   }
-                ) : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+                ) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
                   ViewControl_default,
                   {
                     controlType: column.controlType,
@@ -7518,10 +7562,10 @@ var DataList = (props) => {
           }) }, index);
         }) })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "text-gray-700", children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex space-x-2 items-center", children: [
-          activePageNumber > 1 && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "text-gray-700", children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex space-x-2 items-center", children: [
+          activePageNumber > 1 && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
             Hyperlink,
             {
               className: "px-3 py-1 rounded-l-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
@@ -7529,9 +7573,9 @@ var DataList = (props) => {
               children: "Prev"
             }
           ),
-          activePageNumber <= 1 && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "px-3 py-1 rounded-l-md border border-gray-300 bg-gray-200 text-gray-500 hover:bg-gray-200", children: "Prev" }),
+          activePageNumber <= 1 && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "px-3 py-1 rounded-l-md border border-gray-300 bg-gray-200 text-gray-500 hover:bg-gray-200", children: "Prev" }),
           renderPageNumbers(),
-          activePageNumber < pages && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+          activePageNumber < pages && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
             Hyperlink,
             {
               className: "px-3 py-1 rounded-r-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
@@ -7539,19 +7583,19 @@ var DataList = (props) => {
               children: "Next"
             }
           ),
-          activePageNumber >= pages && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "px-3 py-1 rounded-r-md border border-gray-300 bg-gray-200 text-gray-500", children: "Next" })
+          activePageNumber >= pages && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "px-3 py-1 rounded-r-md border border-gray-300 bg-gray-200 text-gray-500", children: "Next" })
         ] })
       ] }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(NoContentView_default, { isDataFound, children: [
-      (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(NoContentView_default, { isDataFound, children: [
+      (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
         "div",
         {
           className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md border-b border-neutral-200`,
           children: [
-            props.title ? /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", {}),
-            /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex items-center gap-3", children: [
-              props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+            props.title ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex items-center gap-3", children: [
+              props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
                 InputControl_default,
                 {
                   name: "Search_input",
@@ -7563,7 +7607,7 @@ var DataList = (props) => {
                   }
                 }
               ),
-              props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+              props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
                 InputControl_default,
                 {
                   name: filter.name,
@@ -7578,15 +7622,15 @@ var DataList = (props) => {
                 },
                 filter.name
               )),
-              props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+              props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(
                 Hyperlink,
                 {
                   className: "gap-1",
                   linkType: "Primary" /* Solid */,
                   href: props.addLinkHref,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
+                    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
                   ]
                 }
               )
@@ -7594,8 +7638,8 @@ var DataList = (props) => {
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("table", { className: "w-full divide-y divide-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("thead", { className: "bg-gray-50", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("tr", { children: props?.columns?.map((column) => {
+      /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("table", { className: "w-full divide-y divide-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("thead", { className: "bg-gray-50", children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("tr", { children: props?.columns?.map((column) => {
           let url = builder.getNewOrderByUrl(column.name);
           let icon = "chevronUpDown";
           if (orderBy.includes(`${column.name} desc`)) {
@@ -7605,18 +7649,18 @@ var DataList = (props) => {
             icon = "chevronUp";
             url = builder.getNewOrderByUrl(column.name + " desc");
           }
-          return /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
             "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__ */ (0, import_jsx_runtime78.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
                 Hyperlink,
                 {
                   href: column.enableSorting ? url : void 0,
                   className: "text-body-950",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("span", { className: "flex items-center space-x-1", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("span", { children: column.label }),
-                    column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("span", { className: "flex items-center space-x-1", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("span", { children: column.label }),
+                    column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
                   ] })
                 }
               )
@@ -7624,7 +7668,7 @@ var DataList = (props) => {
             column.name
           );
         }) }) }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "w-full text-center bg-transparent pt-5", children: "There are no entries in the table at the moment." })
+        /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { className: "w-full text-center bg-transparent pt-5", children: "There are no entries in the table at the moment." })
       ] })
     ] })
   ] });
@@ -7632,12 +7676,12 @@ var DataList = (props) => {
 var DataList_default = DataList;
 
 // src/components/dataForm/DataListRenderer.tsx
-var import_react58 = __toESM(require("react"));
+var import_react59 = __toESM(require("react"));
 init_ServiceClient();
 init_OdataBuilder();
 init_SelectWithSearchInput();
 var import_navigation3 = require("next/navigation");
-var import_jsx_runtime79 = require("react/jsx-runtime");
+var import_jsx_runtime80 = require("react/jsx-runtime");
 var viewControlMap = {
   number: ViewControlTypes.number,
   lineText: ViewControlTypes.lineText,
@@ -7692,14 +7736,14 @@ var DataListRenderer = ({
   widgetProps
 }) => {
   const serviceClient = new ServiceClient_default(apiBaseUrl, session);
-  const [columns, setColumns] = (0, import_react58.useState)([]);
-  const [dataset, setDataset] = (0, import_react58.useState)();
-  const [filter, setFilters] = (0, import_react58.useState)([]);
-  const [addLinkHref, setAddLinkHref] = (0, import_react58.useState)("");
-  const [addLinkText, setAddLinkText] = (0, import_react58.useState)("");
-  const [serviceRoute, setServiceRoute] = (0, import_react58.useState)("");
+  const [columns, setColumns] = (0, import_react59.useState)([]);
+  const [dataset, setDataset] = (0, import_react59.useState)();
+  const [filter, setFilters] = (0, import_react59.useState)([]);
+  const [addLinkHref, setAddLinkHref] = (0, import_react59.useState)("");
+  const [addLinkText, setAddLinkText] = (0, import_react59.useState)("");
+  const [serviceRoute, setServiceRoute] = (0, import_react59.useState)("");
   const pathname = (0, import_navigation3.usePathname)();
-  (0, import_react58.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     if (!formDefinition) return;
     setColumns(mapApiToColumns(formDefinition));
     setFilters(mapApiToFilters(formDefinition));
@@ -7712,7 +7756,7 @@ var DataListRenderer = ({
     setAddLinkHref(resolvedAddLinkHref);
     setAddLinkText(formDefinition?.siteFormDataList?.addLinkText ?? "");
   }, [formDefinition, params]);
-  (0, import_react58.useEffect)(() => {
+  (0, import_react59.useEffect)(() => {
     const fetchData = async () => {
       if (!serviceRoute) return;
       const resolvedRoute = resolveRoutePlaceholders2(serviceRoute, params);
@@ -7732,15 +7776,15 @@ var DataListRenderer = ({
       isActive: landingPageUrl === pathname
     };
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_react58.default.Fragment, { children: [
-    resolvedTabs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(import_react59.default.Fragment, { children: [
+    resolvedTabs.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
       NavigationTabsV2_default,
       {
         tabs: resolvedTabs,
         params: widgetProps?.params ?? params
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
       DataList_default,
       {
         addLinkHref,
@@ -7762,13 +7806,13 @@ var DataListRenderer_default = DataListRenderer;
 init_InputControlType();
 
 // src/components/dataForm/DataForm.tsx
-var import_react60 = __toESM(require("react"));
+var import_react61 = __toESM(require("react"));
 init_Icon();
 init_Button();
 init_StyleTypes();
 
 // src/components/dataForm/DataFormChildSection.tsx
-var import_react59 = __toESM(require("react"));
+var import_react60 = __toESM(require("react"));
 
 // src/components/dataForm/StyleTypes.tsx
 var StyleTypes2 = /* @__PURE__ */ ((StyleTypes3) => {
@@ -7795,7 +7839,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
-var import_jsx_runtime80 = require("react/jsx-runtime");
+var import_jsx_runtime81 = require("react/jsx-runtime");
 var DataFormChildSection = (props) => {
   const { section } = props;
   const isOneToOne = section.relationshipType === "one-to-one";
@@ -7807,7 +7851,7 @@ var DataFormChildSection = (props) => {
     return childItems.map((item, originalIndex) => ({ item, originalIndex })).filter((x) => !x.item.isDeleted) || [];
   };
   const childItemsToRender = getChildItemsForRendering();
-  const handleChildInputChange = (0, import_react59.useCallback)(
+  const handleChildInputChange = (0, import_react60.useCallback)(
     (updatedValues) => {
       if (isOneToOne) {
         props.callback({
@@ -7834,7 +7878,7 @@ var DataFormChildSection = (props) => {
     },
     [props, isOneToOne, childItemsToRender]
   );
-  const onAddRow = (0, import_react59.useCallback)(() => {
+  const onAddRow = (0, import_react60.useCallback)(() => {
     props.callback({
       sectionName: props.section.name,
       actionType: FORM_CHILD_ROW_ADD,
@@ -7843,7 +7887,7 @@ var DataFormChildSection = (props) => {
       rowIndex: -1
     });
   }, [props]);
-  const onDeleteRow = (0, import_react59.useCallback)(
+  const onDeleteRow = (0, import_react60.useCallback)(
     (filteredIndex) => {
       const visibleItem = childItemsToRender[filteredIndex];
       if (visibleItem) {
@@ -7863,14 +7907,14 @@ var DataFormChildSection = (props) => {
     childItemsToRender,
     allChildItems: childItems
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react59.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "rounded border-neutral-200 border px-6 py-4 mb-2", children: [
-    section.sectionTitle && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "mb-4 text-lg font-medium text-body-950", children: section.sectionTitle }),
-    /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "flex-grow flex flex-col justify-between overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("div", { className: "flex flex-col justify-between gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("table", { className: "w-full border-separate divide-y divide-gray-200", children: [
-        (!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("thead", { className: "", children: section.sectionRows.map((sectionRow, sectionRowIndex) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)("tr", { className: "", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react60.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "rounded border-neutral-200 border px-6 py-4 mb-2", children: [
+    section.sectionTitle && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "mb-4 text-lg font-medium text-body-950", children: section.sectionTitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "flex-grow flex flex-col justify-between overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex flex-col justify-between gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("table", { className: "w-full border-separate divide-y divide-gray-200", children: [
+        (!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("thead", { className: "", children: section.sectionRows.map((sectionRow, sectionRowIndex) => {
+          return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("tr", { className: "", children: [
             sectionRow.elements.map((field, index) => {
-              return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
                 "th",
                 {
                   className: "py-3 font-normal text-left",
@@ -7879,21 +7923,21 @@ var DataFormChildSection = (props) => {
                 field.name
               );
             }),
-            !section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("th", { className: "py-3 font-normal text-left", children: "Actions" })
+            !section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("th", { className: "py-3 font-normal text-left", children: "Actions" })
           ] }, sectionRowIndex);
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("tbody", { className: "divide-y divide-gray-200", children: childItemsToRender.map((visibleItem, filteredIndex) => {
+        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("tbody", { className: "divide-y divide-gray-200", children: childItemsToRender.map((visibleItem, filteredIndex) => {
           const { item, originalIndex } = visibleItem;
           const rowKey = originalIndex;
-          return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(import_react59.default.Fragment, { children: section.sectionRows.map(
+          return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react60.default.Fragment, { children: section.sectionRows.map(
             (sectionRow, sectionRowIndex) => {
-              return /* @__PURE__ */ (0, import_jsx_runtime80.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
                 "tr",
                 {
                   className: "",
                   children: [
                     sectionRow.elements.map((field, index) => {
-                      return /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "w-11/12", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+                      return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "w-11/12", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
                         InputControl_default,
                         {
                           index: filteredIndex,
@@ -7913,7 +7957,7 @@ var DataFormChildSection = (props) => {
                         }
                       ) }) }) }, field.name);
                     }),
-                    !section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+                    !section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
                       ClientButton_default,
                       {
                         ButtonType: StyleTypes2.Hollow,
@@ -7922,7 +7966,7 @@ var DataFormChildSection = (props) => {
                         },
                         dataRole: "delete",
                         tabIndex: -1,
-                        children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+                        children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
                           Icon_default,
                           {
                             className: "w-4 h-4",
@@ -7939,7 +7983,7 @@ var DataFormChildSection = (props) => {
           ) }, rowKey);
         }) })
       ] }) }),
-      !section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime80.jsx)("div", { className: "ml-1", children: /* @__PURE__ */ (0, import_jsx_runtime80.jsx)(
+      !section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "ml-1", children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
         ClientButton_default,
         {
           ButtonType: "Link" /* Link */,
@@ -7954,9 +7998,9 @@ var DataFormChildSection = (props) => {
 var DataFormChildSection_default = DataFormChildSection;
 
 // src/components/dataForm/DataForm.tsx
-var import_jsx_runtime81 = require("react/jsx-runtime");
+var import_jsx_runtime82 = require("react/jsx-runtime");
 var DataForm = (props) => {
-  const formRef = (0, import_react60.useRef)(null);
+  const formRef = (0, import_react61.useRef)(null);
   console.log(props.dataItem, "dssads");
   const initialState = {
     inputValues: {},
@@ -7965,9 +8009,9 @@ var DataForm = (props) => {
   const childInitialState = {
     inputValues: []
   };
-  const [formState, dispatch] = (0, import_react60.useReducer)(FormReducer_default, initialState);
+  const [formState, dispatch] = (0, import_react61.useReducer)(FormReducer_default, initialState);
   console.log(props.sections, "sections");
-  const clearHiddenChildSections = (0, import_react60.useCallback)(
+  const clearHiddenChildSections = (0, import_react61.useCallback)(
     (changedProperty, newValues) => {
       if (!props.sections) return;
       const allChildSections = [];
@@ -8005,7 +8049,7 @@ var DataForm = (props) => {
     },
     [props.sections, formState.inputValues]
   );
-  const handleInputChange = (0, import_react60.useCallback)(
+  const handleInputChange = (0, import_react61.useCallback)(
     async (updatedValues) => {
       dispatch({
         type: FORM_INPUT_UPDATE,
@@ -8020,7 +8064,7 @@ var DataForm = (props) => {
     },
     [dispatch, formState.inputValues, clearHiddenChildSections]
   );
-  const fetchData = (0, import_react60.useCallback)(async () => {
+  const fetchData = (0, import_react61.useCallback)(async () => {
     if (!props.rules) return;
     if (Object.keys(formState.inputValues).length === 0) {
       return;
@@ -8051,7 +8095,7 @@ var DataForm = (props) => {
       console.error("Error fetching data:", error);
     }
   }, [formState.lastPropertyChanged, formState.inputValues]);
-  (0, import_react60.useEffect)(() => {
+  (0, import_react61.useEffect)(() => {
     fetchData();
   }, [formState.inputValues, formState.lastPropertyChanged]);
   function replacePlaceholders(template, context, params) {
@@ -8071,7 +8115,7 @@ var DataForm = (props) => {
       }
     );
   }
-  const handleChildSectionChangeCallback = (0, import_react60.useCallback)(
+  const handleChildSectionChangeCallback = (0, import_react61.useCallback)(
     (params) => {
       dispatch({
         type: params.actionType,
@@ -8116,7 +8160,7 @@ var DataForm = (props) => {
     });
     return cloned;
   }
-  const onClick = (0, import_react60.useCallback)(async () => {
+  const onClick = (0, import_react61.useCallback)(async () => {
     if (props.onClick) {
       const isEdit = props.dataItem && Object.keys(props.dataItem).length > 0;
       const normalizedValues = normalizeChildSections(
@@ -8132,21 +8176,21 @@ var DataForm = (props) => {
       return { isSuccessful: true };
     }
   }, [formState, props]);
-  const handleAdditionalOnClick = (0, import_react60.useCallback)(async () => {
+  const handleAdditionalOnClick = (0, import_react61.useCallback)(async () => {
     if (props.additionalActions?.onClick) {
       return await props.additionalActions.onClick(formState);
     } else {
       return { isSuccessful: true, message: "Action completed successfully" };
     }
   }, [formState, props]);
-  const onDelete = (0, import_react60.useCallback)(async () => {
+  const onDelete = (0, import_react61.useCallback)(async () => {
     if (props.onDelete) {
       return await props.onDelete(formState);
     } else {
       return { isSuccessful: true };
     }
   }, [formState, props]);
-  (0, import_react60.useEffect)(() => {
+  (0, import_react61.useEffect)(() => {
     if (props.dataItem) {
       dispatch({
         type: FORM_INITIAL_UPDATE,
@@ -8174,19 +8218,19 @@ var DataForm = (props) => {
       return false;
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react60.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex-grow flex flex-col", children: [
-    props.title && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("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__ */ (0, import_jsx_runtime81.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react61.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "flex-grow flex flex-col", children: [
+    props.title && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("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__ */ (0, import_jsx_runtime82.jsxs)(
       "div",
       {
         className: "inline-flex items-center gap-2 cursor-pointer",
         onClick: () => window.history.back(),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 text-primary-800" }),
-          /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("h2", { className: "text-lg font-semibold text-primary-800", children: props.title })
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 text-primary-800" }),
+          /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("h2", { className: "text-lg font-semibold text-primary-800", children: props.title })
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
       "form",
       {
         className: "group space-y-6 pb-6 overflow-y-auto",
@@ -8207,8 +8251,8 @@ var DataForm = (props) => {
             }
           }
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "flex flex-col gap-6", children: props.sections?.map((section, sectionIndex) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react60.default.Fragment, { children: !section.isChildSection && /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: " rounded-b-lg bg-white shadow border-neutral-200 border px-8 py-6 ", children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "flex flex-col gap-6", children: props.sections?.map((section, sectionIndex) => {
+          return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react61.default.Fragment, { children: !section.isChildSection && /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("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;
@@ -8219,14 +8263,14 @@ var DataForm = (props) => {
                     sectionRow.visible
                   );
                 }
-                return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(import_react60.default.Fragment, { children: isVisible && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { className: "lg:flex gap-14 flex-1 mb-4 ", children: sectionRow.elements.map((field, index) => {
-                  return /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(import_react61.default.Fragment, { children: isVisible && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { className: "lg:flex gap-14 flex-1 mb-4 ", children: sectionRow.elements.map((field, index) => {
+                  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)(
                     "div",
                     {
                       className: sectionRow.grow ? "grow" : "",
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { children: field.controlType }),
-                        /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { children: field.controlType }),
+                        /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                           InputControl_default,
                           {
                             name: field.name,
@@ -8256,12 +8300,12 @@ var DataForm = (props) => {
                 }) }) }, sectionRowIndex);
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { children: section.childSections?.map(
+            /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { children: section.childSections?.map(
               (childSection, childSectionIndex) => {
-                return /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { children: childSection.name && evalutateCondition(
+                return /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { children: childSection.name && evalutateCondition(
                   formState.inputValues,
                   childSection.visible
-                ) && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+                ) && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
                   DataFormChildSection_default,
                   {
                     section: childSection,
@@ -8276,8 +8320,8 @@ var DataForm = (props) => {
         }) })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime81.jsxs)("div", { className: "flex px-6 py-3 mt-2 mb-2 justify-end  items-center gap-5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { children: props.additionalActions && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "flex px-6 py-3 mt-2 mb-2 justify-end  items-center gap-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { children: props.additionalActions && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
         Button_default,
         {
           ButtonType: "PrimaryHollow" /* Hollow */,
@@ -8285,7 +8329,7 @@ var DataForm = (props) => {
           children: props.additionalActions.title
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { children: props.onDelete && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { children: props.onDelete && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
         Button_default,
         {
           ButtonType: "PrimaryHollow" /* Hollow */,
@@ -8296,7 +8340,7 @@ var DataForm = (props) => {
           children: "Delete"
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime81.jsx)("div", { children: props.onClick && /* @__PURE__ */ (0, import_jsx_runtime81.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime82.jsx)("div", { children: props.onClick && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
         Button_default,
         {
           onValidate,
@@ -8314,7 +8358,7 @@ var DataForm_default = DataForm;
 
 // src/components/dataForm/DataFormRenderer.tsx
 init_ServiceClient();
-var import_jsx_runtime82 = require("react/jsx-runtime");
+var import_jsx_runtime83 = require("react/jsx-runtime");
 function getAction(actions, code) {
   return actions?.find((a) => a.actionCode === code);
 }
@@ -8340,9 +8384,9 @@ var DataFormRenderer = ({
     "Delete"
   );
   const hasDataItem = dataItem && Object.keys(dataItem).length > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime82.jsxs)("div", { className: "flex-grow flex flex-col", children: [
-    widgetProps && /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
-    /* @__PURE__ */ (0, import_jsx_runtime82.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime83.jsxs)("div", { className: "flex-grow flex flex-col", children: [
+    widgetProps && /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
+    /* @__PURE__ */ (0, import_jsx_runtime83.jsx)(
       DataForm_default,
       {
         title: !isAddPage ? "Edit " + formDefinition.formTitle + "- v2" : "Add " + formDefinition.formTitle + "- v2",