@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20261013062551 → 0.8.1-dev.20261013114908

package/dist/index.js

@@ -3880,7 +3880,7 @@ var init_SelectWithSearchPanel = __esm({
       const containerRef = (0, import_react38.useRef)(null);
       const [isCreateOpen, setIsCreateOpen] = (0, import_react38.useState)(false);
       const [formData, setFormData] = (0, import_react38.useState)({});
-      const getNestedValue7 = (obj, path) => {
+      const getNestedValue8 = (obj, path) => {
         return path.split(".").reduce((acc, key) => acc?.[key], obj);
       };
       (0, import_react38.useEffect)(() => {
@@ -3918,7 +3918,7 @@ var init_SelectWithSearchPanel = __esm({
         props.dataSourceDependsOn
       ]);
       const filteredItems = list?.filter((item) => {
-        const value = getNestedValue7(item, props.dataTextFieldName);
+        const value = getNestedValue8(item, props.dataTextFieldName);
         return value?.toLowerCase().includes(searchTerm?.toLowerCase());
       });
       const playBeep = () => {
@@ -3949,7 +3949,7 @@ var init_SelectWithSearchPanel = __esm({
       }, [searchTerm]);
       const handleSelect = (event, item) => {
         event.preventDefault();
-        setSearchTerm(getNestedValue7(item, props.dataTextFieldName));
+        setSearchTerm(getNestedValue8(item, props.dataTextFieldName));
         if (props.callback) {
           const val = {};
           props.callback({
@@ -4110,7 +4110,7 @@ var init_SelectWithSearchPanel = __esm({
                   role: "option",
                   tabIndex: -1,
                   onMouseEnter: () => setHighlightedIndex(index),
-                  children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { children: getNestedValue7(item, props.dataTextFieldName) })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { children: getNestedValue8(item, props.dataTextFieldName) })
                 }
               ) }, item[props.dataKeyFieldName])) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
             }
@@ -5227,7 +5227,7 @@ var init_LinkNodeButton = __esm({
           const fieldNames = extractFieldNames(template);
           if (responseData) {
             fieldNames.forEach((fieldName) => {
-              const value = getNestedValue7(responseData, fieldName);
+              const value = getNestedValue8(responseData, fieldName);
               if (value !== void 0) {
                 const regex1 = new RegExp(`\\{${fieldName}\\}`, "g");
                 const regex2 = new RegExp(`\\{\\{${fieldName}\\}\\}`, "g");
@@ -5252,7 +5252,7 @@ var init_LinkNodeButton = __esm({
         },
         [props.routeParameters, dataitem, extractFieldNames]
       );
-      const getNestedValue7 = (0, import_react46.useCallback)((obj, path) => {
+      const getNestedValue8 = (0, import_react46.useCallback)((obj, path) => {
         if (!obj || !path) return void 0;
         if (obj[path] !== void 0) {
           return obj[path];
@@ -5305,15 +5305,15 @@ var init_LinkNodeButton = __esm({
             console.log("Field names in redirect URL:", fieldNames);
             const fieldValueMap = {};
             fieldNames.forEach((fieldName) => {
-              const value = getNestedValue7(response, fieldName);
+              const value = getNestedValue8(response, fieldName);
               if (value !== void 0) {
                 fieldValueMap[fieldName] = String(value);
               } else {
-                const resultValue = getNestedValue7(response, `result.${fieldName}`);
+                const resultValue = getNestedValue8(response, `result.${fieldName}`);
                 if (resultValue !== void 0) {
                   fieldValueMap[fieldName] = String(resultValue);
                 } else {
-                  const dataValue = getNestedValue7(response, `data.${fieldName}`);
+                  const dataValue = getNestedValue8(response, `data.${fieldName}`);
                   if (dataValue !== void 0) {
                     fieldValueMap[fieldName] = String(dataValue);
                   }
@@ -5372,7 +5372,7 @@ var init_LinkNodeButton = __esm({
         node.reloadPageAfterSuccess,
         replaceTemplateVariables,
         extractFieldNames,
-        getNestedValue7,
+        getNestedValue8,
         props.apiBaseUrl,
         props.session
       ]);
@@ -5938,26 +5938,161 @@ var init_OdataBuilder = __esm({
   }
 });
 
+// src/components/pageRenderingEngine/nodes/MediaAccordionNodeClient.tsx
+var MediaAccordionNodeClient_exports = {};
+__export(MediaAccordionNodeClient_exports, {
+  default: () => MediaAccordionNodeClient_default
+});
+var import_react59, import_dynamic15, import_image, import_jsx_runtime87, HlsPlayer5, isHlsUrl, isVideoUrl, MediaAccordionNodeClient, MediaAccordionNodeClient_default;
+var init_MediaAccordionNodeClient = __esm({
+  "src/components/pageRenderingEngine/nodes/MediaAccordionNodeClient.tsx"() {
+    "use strict";
+    "use client";
+    import_react59 = require("react");
+    import_dynamic15 = __toESM(require("next/dynamic"));
+    import_image = __toESM(require("next/image"));
+    init_AssetUtility();
+    import_jsx_runtime87 = require("react/jsx-runtime");
+    HlsPlayer5 = (0, import_dynamic15.default)(() => Promise.resolve().then(() => (init_HlsPlayer(), HlsPlayer_exports)), { ssr: false });
+    isHlsUrl = (url) => /\.m3u8(?:$|[?#])/i.test(url);
+    isVideoUrl = (url) => /\.(mp4|webm|ogv)(?:$|[?#])/i.test(url);
+    MediaAccordionNodeClient = (props) => {
+      const items = Array.isArray(props.node.items) ? props.node.items : [];
+      const [activeIndex, setActiveIndex] = (0, import_react59.useState)(0);
+      const activeItem = items[activeIndex] ?? items[0];
+      const buttonBackground = props.node.buttonBackgroundLayers?.length ? props.node.buttonBackgroundLayers.slice(0, 1).map((layer) => {
+        const colors = layer.value.colors.map((stop) => `color-mix(in srgb, ${stop.color}, transparent ${stop.transparency ?? 0}%) ${stop.position}%`).join(", ");
+        return `linear-gradient(${layer.value.direction}deg, ${colors})`;
+      }).filter(Boolean).join(", ") : props.node.buttonBackgroundGradient ? `linear-gradient(135deg, ${props.node.buttonGradientStart || "var(--primary-action-fill)"}, ${props.node.buttonGradientEnd || "var(--primary-action-fill)"})` : props.node.buttonBackgroundColor || "var(--primary-action-fill)";
+      const assetBaseUrl = props.assetBaseUrl || `${props.apiBaseUrl}/digitalassets-management`;
+      const resolveUrl = (url) => url ? AssetUtility_default.resolveUrl(assetBaseUrl, url) : void 0;
+      const renderMedia = (item) => {
+        const mediaUrl = resolveUrl(item.mediaUrl);
+        const posterUrl = resolveUrl(item.posterUrl);
+        if (!mediaUrl) return null;
+        if (item.mediaType === "image") {
+          return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+            import_image.default,
+            {
+              className: "story-accordion__media-image",
+              src: mediaUrl,
+              alt: item.title,
+              loading: "lazy",
+              fill: true,
+              sizes: "(max-width: 700px) 100vw, 60vw",
+              unoptimized: true
+            }
+          );
+        }
+        if (isHlsUrl(mediaUrl)) {
+          return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+            HlsPlayer5,
+            {
+              assetUrl: mediaUrl,
+              posterUrl,
+              showControls: true,
+              apiBaseUrl: props.apiBaseUrl,
+              session: ""
+            }
+          );
+        }
+        if (item.mediaType === "video" || isVideoUrl(mediaUrl)) {
+          return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+            "video",
+            {
+              className: "story-accordion__media-video",
+              src: mediaUrl,
+              poster: posterUrl,
+              controls: true,
+              playsInline: true,
+              preload: "metadata"
+            }
+          );
+        }
+        return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+          import_image.default,
+          {
+            className: "story-accordion__media-image",
+            src: posterUrl || mediaUrl,
+            alt: item.title,
+            loading: "lazy",
+            fill: true,
+            sizes: "(max-width: 700px) 100vw, 60vw",
+            unoptimized: true
+          }
+        );
+      };
+      if (items.length === 0) return null;
+      return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+        "section",
+        {
+          className: "story-accordion",
+          "aria-label": "Featured stories",
+          style: {
+            "--story-button-background": buttonBackground,
+            "--story-button-text": props.node.buttonTextTransparency ? `color-mix(in srgb, ${props.node.buttonTextColor || "var(--primary-action-text)"}, transparent ${props.node.buttonTextTransparency}%)` : props.node.buttonTextColor || "var(--primary-action-text)",
+            "--story-button-clip": props.node.buttonBackgroundClipText ? "text" : "border-box",
+            "--story-inactive-button-background": props.node.buttonInactiveBackgroundColor || "var(--neutral)",
+            "--story-inactive-button-text": props.node.buttonInactiveTextColor || "var(--neutral-text-base)"
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("style", { children: `
+        .story-accordion { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr); gap:20px; align-items:stretch; width:100%; padding:16px; border-radius:14px; background:var(--neutral); }
+        .story-accordion__media { position:relative; min-height:320px; overflow:hidden; border-radius:10px; background:var(--neutral-border); }
+        .story-accordion__media > * { display:block; width:100%; height:100%; min-height:320px; }
+        .story-accordion__media-image, .story-accordion__media-video { object-fit:cover; }
+        .story-accordion__list { display:flex; flex-direction:column; justify-content:center; gap:10px; min-width:0; }
+        .story-accordion__item { width:100%; min-height:54px; padding:12px 16px; border:1px solid var(--neutral-border); border-radius:9px; background:var(--neutral); color:var(--neutral-text-base); text-align:left; font:inherit; line-height:1.35; cursor:pointer; transition:background-color .18s ease,color .18s ease,border-color .18s ease; }
+        .story-accordion__item:hover { border-color:var(--primary-action-fill); }
+        .story-accordion__item[aria-pressed="true"] { border-color:transparent; background:var(--story-button-background); color:var(--story-button-text); background-clip:var(--story-button-clip); -webkit-background-clip:var(--story-button-clip); }
+        .story-accordion__item.is-inactive.is-custom { background:var(--story-inactive-button-background); color:var(--story-inactive-button-text); }
+        .story-accordion__item:focus-visible { outline:3px solid var(--primary-action-fill); outline-offset:2px; }
+        @media(max-width:700px) { .story-accordion { grid-template-columns:minmax(0,1fr); gap:14px; padding:10px; } .story-accordion__media, .story-accordion__media > * { min-height:220px; } .story-accordion__list { gap:8px; } .story-accordion__item { min-height:48px; } }
+      ` }),
+            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "story-accordion__media", children: activeItem ? renderMedia(activeItem) : null }),
+            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "story-accordion__list", role: "group", "aria-label": "Choose a story", children: items.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+              "button",
+              {
+                type: "button",
+                className: `story-accordion__item ${index === activeIndex ? "is-active" : "is-inactive"} ${props.node.buttonInactiveStyleEnabled && index !== activeIndex ? "is-custom" : ""}`,
+                "aria-pressed": index === activeIndex,
+                style: index !== activeIndex && props.node.buttonInactiveStyleEnabled ? {
+                  background: props.node.buttonInactiveBackgroundColor || "var(--neutral)",
+                  color: props.node.buttonInactiveTextColor || "var(--neutral-text-base)"
+                } : void 0,
+                onClick: () => setActiveIndex(index),
+                children: item.title
+              },
+              item.id || `${item.title}-${index}`
+            )) })
+          ]
+        }
+      );
+    };
+    MediaAccordionNodeClient_default = MediaAccordionNodeClient;
+  }
+});
+
 // src/components/Pagination.tsx
 var Pagination_exports = {};
 __export(Pagination_exports, {
   default: () => Pagination_default
 });
-var import_react59, import_jsx_runtime87, Pagination, Pagination_default;
+var import_react60, import_jsx_runtime89, Pagination, Pagination_default;
 var init_Pagination = __esm({
   "src/components/Pagination.tsx"() {
     "use strict";
     "use client";
-    import_react59 = require("react");
+    import_react60 = require("react");
     init_OdataBuilder();
     init_Icon();
     init_StyleTypes();
     init_InputControlType();
     init_Hyperlink();
-    import_jsx_runtime87 = require("react/jsx-runtime");
+    import_jsx_runtime89 = require("react/jsx-runtime");
     Pagination = (props) => {
       const { dataset, path, query, showPageSizeSelector = false, showJumpToPage = false } = props;
-      const builder = (0, import_react59.useMemo)(() => {
+      const builder = (0, import_react60.useMemo)(() => {
         const b = new OdataBuilder(path);
         if (query) b.setQuery(query);
         return b;
@@ -5998,7 +6133,7 @@ var init_Pagination = __esm({
         return range;
       };
       const paginationRange = getPaginationRange();
-      const PageButton = ({ page, children }) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+      const PageButton = ({ page, children }) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
         Hyperlink,
         {
           linkType: "Link" /* Link */,
@@ -6013,9 +6148,9 @@ var init_Pagination = __esm({
       );
       const NavigationButton = ({ page, disabled, children }) => {
         if (disabled) {
-          return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border  bg-neutral-base cursor-not-allowed", children });
+          return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border  bg-neutral-base cursor-not-allowed", children });
         }
-        return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
           Hyperlink,
           {
             className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border transition-colors duration-150",
@@ -6025,35 +6160,35 @@ var init_Pagination = __esm({
         );
       };
       if (totalPages <= 1 && totalItems === 0) return null;
-      return /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "py-6 border-t mt-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "text-sm", children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "py-6 border-t mt-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "text-sm", children: [
             "Showing ",
-            /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("span", { className: "font-semibold", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("span", { className: "font-semibold", children: [
               startItem,
               "-",
               endItem
             ] }),
             " ",
             "out of ",
-            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
+            /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
             " results"
           ] }),
-          totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex items-center space-x-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+          totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex items-center space-x-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
               NavigationButton,
               {
                 page: activePageNumber - 1,
                 disabled: activePageNumber === 1,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 mr-1" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "text-sm", children: "Prev" })
+                  /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 mr-1" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "text-sm", children: "Prev" })
                 ]
               }
             ),
             paginationRange.map((item, index) => {
               if (item === "...") {
-                return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
                   "span",
                   {
                     className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center text-gray-500",
@@ -6063,23 +6198,23 @@ var init_Pagination = __esm({
                 );
               }
               const page = item;
-              return /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(PageButton, { page, children: page }, page);
+              return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(PageButton, { page, children: page }, page);
             }),
-            /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
               NavigationButton,
               {
                 page: activePageNumber + 1,
                 disabled: activePageNumber === totalPages,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "text-sm", children: "Next" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(Icon_default, { name: "chevronRight", className: "w-4 h-4 ml-1" }) })
+                  /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "text-sm", children: "Next" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(Icon_default, { name: "chevronRight", className: "w-4 h-4 ml-1" }) })
                 ]
               }
             )
           ] }),
-          showJumpToPage && totalPages > 5 && /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex items-center space-x-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "text-sm", children: "Go to:" }),
-            /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+          showJumpToPage && totalPages > 5 && /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex items-center space-x-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "text-sm", children: "Go to:" }),
+            /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
               "input",
               {
                 type: "number",
@@ -6100,9 +6235,9 @@ var init_Pagination = __esm({
             ) })
           ] })
         ] }),
-        showPageSizeSelector && /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "mt-4 pt-4 border-t bg-default", children: /* @__PURE__ */ (0, import_jsx_runtime87.jsxs)("div", { className: "flex items-center justify-center space-x-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "text-sm", children: "Show:" }),
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("div", { className: "flex space-x-1", children: [10, 25, 50, 100].map((size) => /* @__PURE__ */ (0, import_jsx_runtime87.jsx)(
+        showPageSizeSelector && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "mt-4 pt-4 border-t bg-default", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "flex items-center justify-center space-x-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "text-sm", children: "Show:" }),
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "flex space-x-1", children: [10, 25, 50, 100].map((size) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
             Hyperlink,
             {
               className: `
@@ -6114,7 +6249,7 @@ var init_Pagination = __esm({
             },
             size
           )) }),
-          /* @__PURE__ */ (0, import_jsx_runtime87.jsx)("span", { className: "text-sm", children: "per page" })
+          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("span", { className: "text-sm", children: "per page" })
         ] }) })
       ] });
     };
@@ -6127,16 +6262,16 @@ var DataBindingControls_exports = {};
 __export(DataBindingControls_exports, {
   default: () => DataBindingControls_default
 });
-var import_react60, import_navigation, import_jsx_runtime88, humanize, escapeODataString, parseFacetSelections, buildFacetFilter, parseODataSearch, SearchIcon, ResetIcon, FilterSlidersIcon, ChevronDownIcon, CheckIcon, CloseIcon, MapPinIcon, BriefcaseIcon, FileTextIcon, TagIcon, getCategoryIcon, normalizeSortOption, DataBindingControls, DataBindingControls_default;
+var import_react61, import_navigation, import_jsx_runtime90, humanize, escapeODataString, parseFacetSelections, buildFacetFilter, parseODataSearch, SearchIcon, ResetIcon, FilterSlidersIcon, ChevronDownIcon, CheckIcon, CloseIcon, MapPinIcon, BriefcaseIcon, FileTextIcon, TagIcon, getCategoryIcon, normalizeSortOption, DataBindingControls, DataBindingControls_default;
 var init_DataBindingControls = __esm({
   "src/components/pageRenderingEngine/nodes/DataBindingControls.tsx"() {
     "use strict";
     "use client";
-    import_react60 = require("react");
+    import_react61 = require("react");
     import_navigation = require("next/navigation");
     init_Button();
     init_StyleTypes();
-    import_jsx_runtime88 = require("react/jsx-runtime");
+    import_jsx_runtime90 = require("react/jsx-runtime");
     humanize = (value) => value.replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]+/g, " ").trim();
     escapeODataString = (value) => value.replace(/'/g, "''");
     parseFacetSelections = (filter) => {
@@ -6159,7 +6294,7 @@ var init_DataBindingControls = __esm({
       }
       return trimmedValue;
     };
-    SearchIcon = ({ className = "" }) => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+    SearchIcon = ({ className = "" }) => /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
       "svg",
       {
         "aria-hidden": "true",
@@ -6169,12 +6304,12 @@ var init_DataBindingControls = __esm({
         stroke: "currentColor",
         strokeWidth: "2",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("circle", { cx: "11", cy: "11", r: "7" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("path", { strokeLinecap: "round", d: "m20 20-4-4" })
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("circle", { cx: "11", cy: "11", r: "7" }),
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("path", { strokeLinecap: "round", d: "m20 20-4-4" })
         ]
       }
     );
-    ResetIcon = ({ className = "" }) => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+    ResetIcon = ({ className = "" }) => /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
       "svg",
       {
         "aria-hidden": "true",
@@ -6184,8 +6319,8 @@ var init_DataBindingControls = __esm({
         stroke: "currentColor",
         strokeWidth: "2",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4 4v6h6" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M4 4v6h6" }),
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
             "path",
             {
               strokeLinecap: "round",
@@ -6196,7 +6331,7 @@ var init_DataBindingControls = __esm({
         ]
       }
     );
-    FilterSlidersIcon = ({ className = "" }) => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+    FilterSlidersIcon = ({ className = "" }) => /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
       "svg",
       {
         "aria-hidden": "true",
@@ -6206,14 +6341,14 @@ var init_DataBindingControls = __esm({
         stroke: "currentColor",
         strokeWidth: "2",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3 4h18M3 12h18M3 20h18" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("circle", { cx: "8", cy: "4", r: "2", fill: "currentColor" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("circle", { cx: "16", cy: "12", r: "2", fill: "currentColor" }),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("circle", { cx: "10", cy: "20", r: "2", fill: "currentColor" })
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M3 4h18M3 12h18M3 20h18" }),
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("circle", { cx: "8", cy: "4", r: "2", fill: "currentColor" }),
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("circle", { cx: "16", cy: "12", r: "2", fill: "currentColor" }),
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("circle", { cx: "10", cy: "20", r: "2", fill: "currentColor" })
         ]
       }
     );
-    ChevronDownIcon = ({ className = "" }) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    ChevronDownIcon = ({ className = "" }) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
       "svg",
       {
         "aria-hidden": "true",
@@ -6222,10 +6357,10 @@ var init_DataBindingControls = __esm({
         viewBox: "0 0 24 24",
         stroke: "currentColor",
         strokeWidth: "2",
-        children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m19 9-7 7-7-7" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m19 9-7 7-7-7" })
       }
     );
-    CheckIcon = ({ className = "" }) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    CheckIcon = ({ className = "" }) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
       "svg",
       {
         "aria-hidden": "true",
@@ -6234,10 +6369,10 @@ var init_DataBindingControls = __esm({
         viewBox: "0 0 24 24",
         stroke: "currentColor",
         strokeWidth: "2.5",
-        children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M5 13l4 4L19 7" })
       }
     );
-    CloseIcon = ({ className = "" }) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    CloseIcon = ({ className = "" }) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
       "svg",
       {
         "aria-hidden": "true",
@@ -6246,10 +6381,10 @@ var init_DataBindingControls = __esm({
         viewBox: "0 0 24 24",
         stroke: "currentColor",
         strokeWidth: "2",
-        children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M6 18L18 6M6 6l12 12" })
       }
     );
-    MapPinIcon = ({ className = "" }) => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+    MapPinIcon = ({ className = "" }) => /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
       "svg",
       {
         "aria-hidden": "true",
@@ -6259,7 +6394,7 @@ var init_DataBindingControls = __esm({
         stroke: "currentColor",
         strokeWidth: "2",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
             "path",
             {
               strokeLinecap: "round",
@@ -6267,7 +6402,7 @@ var init_DataBindingControls = __esm({
               d: "M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
             "path",
             {
               strokeLinecap: "round",
@@ -6278,7 +6413,7 @@ var init_DataBindingControls = __esm({
         ]
       }
     );
-    BriefcaseIcon = ({ className = "" }) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    BriefcaseIcon = ({ className = "" }) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
       "svg",
       {
         "aria-hidden": "true",
@@ -6287,7 +6422,7 @@ var init_DataBindingControls = __esm({
         viewBox: "0 0 24 24",
         stroke: "currentColor",
         strokeWidth: "2",
-        children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
           "path",
           {
             strokeLinecap: "round",
@@ -6297,7 +6432,7 @@ var init_DataBindingControls = __esm({
         )
       }
     );
-    FileTextIcon = ({ className = "" }) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    FileTextIcon = ({ className = "" }) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
       "svg",
       {
         "aria-hidden": "true",
@@ -6306,7 +6441,7 @@ var init_DataBindingControls = __esm({
         viewBox: "0 0 24 24",
         stroke: "currentColor",
         strokeWidth: "2",
-        children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
           "path",
           {
             strokeLinecap: "round",
@@ -6316,7 +6451,7 @@ var init_DataBindingControls = __esm({
         )
       }
     );
-    TagIcon = ({ className = "" }) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    TagIcon = ({ className = "" }) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
       "svg",
       {
         "aria-hidden": "true",
@@ -6325,7 +6460,7 @@ var init_DataBindingControls = __esm({
         viewBox: "0 0 24 24",
         stroke: "currentColor",
         strokeWidth: "2",
-        children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
           "path",
           {
             strokeLinecap: "round",
@@ -6338,15 +6473,15 @@ var init_DataBindingControls = __esm({
     getCategoryIcon = (category) => {
       const lower = category.toLowerCase();
       if (lower.includes("location") || lower.includes("city") || lower.includes("country") || lower.includes("state") || lower.includes("address")) {
-        return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(MapPinIcon, { className: "h-4 w-4" });
+        return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(MapPinIcon, { className: "h-4 w-4" });
       }
       if (lower.includes("type") || lower.includes("work") || lower.includes("employment") || lower.includes("experience")) {
-        return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(BriefcaseIcon, { className: "h-4 w-4" });
+        return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(BriefcaseIcon, { className: "h-4 w-4" });
       }
       if (lower.includes("department") || lower.includes("category") || lower.includes("role") || lower.includes("industry")) {
-        return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(FileTextIcon, { className: "h-4 w-4" });
+        return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(FileTextIcon, { className: "h-4 w-4" });
       }
-      return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(TagIcon, { className: "h-4 w-4" });
+      return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(TagIcon, { className: "h-4 w-4" });
     };
     normalizeSortOption = (option) => {
       const direction = option.direction.trim();
@@ -6368,13 +6503,13 @@ var init_DataBindingControls = __esm({
     }) => {
       const router = (0, import_navigation.useRouter)();
       const searchParams = (0, import_navigation.useSearchParams)();
-      const [collapsedCategories, setCollapsedCategories] = (0, import_react60.useState)({});
-      const [isSortOpen, setIsSortOpen] = (0, import_react60.useState)(false);
-      const [isMobileFiltersOpen, setIsMobileFiltersOpen] = (0, import_react60.useState)(false);
-      const [facetCategorySearch, setFacetCategorySearch] = (0, import_react60.useState)({});
-      const desktopSortDropdownRef = (0, import_react60.useRef)(null);
-      const mobileSortDropdownRef = (0, import_react60.useRef)(null);
-      (0, import_react60.useEffect)(() => {
+      const [collapsedCategories, setCollapsedCategories] = (0, import_react61.useState)({});
+      const [isSortOpen, setIsSortOpen] = (0, import_react61.useState)(false);
+      const [isMobileFiltersOpen, setIsMobileFiltersOpen] = (0, import_react61.useState)(false);
+      const [facetCategorySearch, setFacetCategorySearch] = (0, import_react61.useState)({});
+      const desktopSortDropdownRef = (0, import_react61.useRef)(null);
+      const mobileSortDropdownRef = (0, import_react61.useRef)(null);
+      (0, import_react61.useEffect)(() => {
         const handleClickOutside = (event) => {
           const target = event.target;
           const clickedInsideDesktop = desktopSortDropdownRef.current?.contains(target);
@@ -6400,15 +6535,15 @@ var init_DataBindingControls = __esm({
       const currentSearch = parseODataSearch(
         searchParamsSearch !== void 0 && searchParamsSearch !== null ? searchParamsSearch : query?.["$search"]
       );
-      const [searchText, setSearchText] = (0, import_react60.useState)(currentSearch);
-      (0, import_react60.useEffect)(() => {
+      const [searchText, setSearchText] = (0, import_react61.useState)(currentSearch);
+      (0, import_react61.useEffect)(() => {
         setSearchText(currentSearch);
       }, [currentSearch]);
-      const selectedFacetValues = (0, import_react60.useMemo)(
+      const selectedFacetValues = (0, import_react61.useMemo)(
         () => parseFacetSelections(currentFilter),
         [currentFilter]
       );
-      (0, import_react60.useEffect)(() => {
+      (0, import_react61.useEffect)(() => {
         if (isMobileFiltersOpen) {
           document.body.style.overflow = "hidden";
         } else {
@@ -6418,7 +6553,7 @@ var init_DataBindingControls = __esm({
           document.body.style.overflow = "";
         };
       }, [isMobileFiltersOpen]);
-      const activeFacets = (0, import_react60.useMemo)(() => {
+      const activeFacets = (0, import_react61.useMemo)(() => {
         const facetMap = /* @__PURE__ */ new Map();
         if (facets) {
           Object.entries(facets).forEach(([field, values]) => {
@@ -6443,11 +6578,11 @@ var init_DataBindingControls = __esm({
         });
         return Array.from(facetMap.entries());
       }, [facets, selectedFacetValues]);
-      const normalizedSortOptions = (0, import_react60.useMemo)(
+      const normalizedSortOptions = (0, import_react61.useMemo)(
         () => (sortOptions ?? []).filter((option) => option?.name && option?.direction).map(normalizeSortOption).filter((option) => option.value),
         [sortOptions]
       );
-      const selectedSortOption = (0, import_react60.useMemo)(() => {
+      const selectedSortOption = (0, import_react61.useMemo)(() => {
         if (!normalizedSortOptions.length) return null;
         const trimmedCurrentSort = currentSort.trim().toLowerCase();
         if (!trimmedCurrentSort) return normalizedSortOptions[0];
@@ -6456,7 +6591,7 @@ var init_DataBindingControls = __esm({
         ) || normalizedSortOptions[0];
       }, [normalizedSortOptions, currentSort]);
       const selectedSortLabel = selectedSortOption?.label || "";
-      const getQueryUrl = (0, import_react60.useCallback)(
+      const getQueryUrl = (0, import_react61.useCallback)(
         (updates) => {
           const initialParams = searchParams ? searchParams.toString() : "";
           const params = new URLSearchParams(initialParams || query || {});
@@ -6474,7 +6609,7 @@ var init_DataBindingControls = __esm({
         },
         [path, query, searchParams]
       );
-      const navigateWithoutReload = (0, import_react60.useCallback)(
+      const navigateWithoutReload = (0, import_react61.useCallback)(
         (url) => {
           if (typeof window !== "undefined") {
             const targetUrl = new URL(url, window.location.origin);
@@ -6486,7 +6621,7 @@ var init_DataBindingControls = __esm({
         },
         [router]
       );
-      const handleSelectSort = (0, import_react60.useCallback)(
+      const handleSelectSort = (0, import_react61.useCallback)(
         (sortValue) => {
           setIsSortOpen(false);
           navigateWithoutReload(
@@ -6526,7 +6661,7 @@ var init_DataBindingControls = __esm({
           })
         );
       };
-      const handleSearch = (0, import_react60.useCallback)(async () => {
+      const handleSearch = (0, import_react61.useCallback)(async () => {
         const trimmedSearchText = searchText.trim();
         if (trimmedSearchText === currentSearch.trim()) {
           return { isSuccessful: true };
@@ -6538,7 +6673,7 @@ var init_DataBindingControls = __esm({
         );
         return { isSuccessful: true };
       }, [currentSearch, getQueryUrl, navigateWithoutReload, searchText]);
-      const handleClearAll = (0, import_react60.useCallback)(async () => {
+      const handleClearAll = (0, import_react61.useCallback)(async () => {
         navigateWithoutReload(
           getQueryUrl({
             $filter: void 0,
@@ -6561,9 +6696,9 @@ var init_DataBindingControls = __esm({
       if (!shouldShowToolbar && !shouldShowFacets) {
         return null;
       }
-      const renderFacetItems = (field, values) => /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "flex flex-col gap-1 pt-1 pb-1", children: values.map((facet) => {
+      const renderFacetItems = (field, values) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "flex flex-col gap-1 pt-1 pb-1", children: values.map((facet) => {
         const isSelected = selectedFacetValues.get(field) === facet.value;
-        return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+        return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
           "button",
           {
             type: "button",
@@ -6571,17 +6706,17 @@ var init_DataBindingControls = __esm({
             "aria-pressed": isSelected,
             className: `group flex w-full cursor-pointer items-center justify-between gap-2.5 rounded-md px-2 py-1.5 text-left text-sm transition-all duration-150 ease-out focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary-base ${isSelected ? "bg-neutral-soft font-medium border border-neutral-soft" : "hover:bg-neutral-weak border border-transparent"}`,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex min-w-0 items-center gap-2.5", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex min-w-0 items-center gap-2.5", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
                   "span",
                   {
                     className: `flex h-4 w-4 shrink-0 items-center justify-center rounded-[3px] border transition-colors duration-150 ${isSelected ? "bg-primary-base border-primary-base" : " group-hover:border-neutral-strong bg-default border-neutral-soft"}`,
-                    children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(CheckIcon, { className: "h-3 w-3" })
+                    children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(CheckIcon, { className: "h-3 w-3" })
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "leading-snug break-words", children: facet.value })
+                /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "leading-snug break-words", children: facet.value })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
                 "span",
                 {
                   className: `shrink-0 rounded px-1.5 py-0.5 text-xs transition-colors ml-2 ${isSelected ? "bg-neutral-weak font-semibold" : "bg-neutral-weak font-normal"}`,
@@ -6593,14 +6728,14 @@ var init_DataBindingControls = __esm({
           `${field}-${facet.value}`
         );
       }) });
-      return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+      return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
         "div",
         {
           className: mode === "toolbar" ? "my-4 sm:my-6" : "flex flex-col rounded-md border border-neutral-soft bg-default p-4 shadow-sm",
           children: [
-            shouldShowToolbar && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex flex-col gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "hidden lg:flex lg:items-center lg:justify-between lg:gap-4", children: [
-                showSearchBar && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+            shouldShowToolbar && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex flex-col gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "hidden lg:flex lg:items-center lg:justify-between lg:gap-4", children: [
+                showSearchBar && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
                   "form",
                   {
                     role: "search",
@@ -6610,9 +6745,9 @@ var init_DataBindingControls = __esm({
                       void handleSearch();
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "relative min-w-0 flex-1", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(SearchIcon, { className: "pointer-events-none absolute left-3.5 top-1/2 z-10 h-4 w-4 -translate-y-1/2 opacity-60" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "relative min-w-0 flex-1", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(SearchIcon, { className: "pointer-events-none absolute left-3.5 top-1/2 z-10 h-4 w-4 -translate-y-1/2 opacity-60" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
                           "input",
                           {
                             type: "text",
@@ -6624,23 +6759,23 @@ var init_DataBindingControls = __esm({
                           }
                         )
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+                      /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
                         Button_default,
                         {
                           ButtonType: "Primary" /* Solid */,
                           onClick: handleSearch,
                           className: "!h-10 !rounded-md !px-5 !py-0 flex items-center justify-center gap-1.5 shrink-0",
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(SearchIcon, { className: "h-4 w-4" }),
-                            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { children: "Search" })
+                            /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(SearchIcon, { className: "h-4 w-4" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { children: "Search" })
                           ]
                         }
                       )
                     ]
                   }
                 ),
-                hasSortControls && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "relative shrink-0", ref: desktopSortDropdownRef, children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+                hasSortControls && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "relative shrink-0", ref: desktopSortDropdownRef, children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
                     "button",
                     {
                       type: "button",
@@ -6648,11 +6783,11 @@ var init_DataBindingControls = __esm({
                       "aria-expanded": isSortOpen,
                       className: "inline-flex h-10 items-center justify-between gap-2.5 rounded-md border border-neutral-soft bg-default px-3.5 text-sm font-normal shadow-sm transition-all hover:bg-neutral-weak focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary-base cursor-pointer whitespace-nowrap",
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("span", { className: "whitespace-nowrap", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "opacity-70", children: "Sort by: " }),
-                          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "font-semibold", children: selectedSortLabel })
+                        /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("span", { className: "whitespace-nowrap", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "opacity-70", children: "Sort by: " }),
+                          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "font-semibold", children: selectedSortLabel })
                         ] }),
-                        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
                           ChevronDownIcon,
                           {
                             className: `h-4 w-4 shrink-0 transition-transform duration-200 ${isSortOpen ? "rotate-180" : ""}`
@@ -6661,17 +6796,17 @@ var init_DataBindingControls = __esm({
                       ]
                     }
                   ),
-                  isSortOpen && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "absolute right-0 z-50 mt-1.5 w-max min-w-full max-h-80 overflow-y-auto rounded-md border border-neutral-soft bg-default p-1 shadow-lg", children: normalizedSortOptions.map((option) => {
+                  isSortOpen && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "absolute right-0 z-50 mt-1.5 w-max min-w-full max-h-80 overflow-y-auto rounded-md border border-neutral-soft bg-default p-1 shadow-lg", children: normalizedSortOptions.map((option) => {
                     const isSelected = selectedSortOption?.value === option.value;
-                    return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
                       "button",
                       {
                         type: "button",
                         onClick: () => handleSelectSort(option.value),
                         className: `flex w-full items-center justify-between gap-4 rounded-md px-3 py-1.5 text-left text-sm transition-colors cursor-pointer whitespace-nowrap ${isSelected ? "bg-primary-base font-semibold" : "hover:bg-neutral-soft font-normal"}`,
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "whitespace-nowrap", children: option.label }),
-                          isSelected && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(CheckIcon, { className: "h-4 w-4 shrink-0" })
+                          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "whitespace-nowrap", children: option.label }),
+                          isSelected && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(CheckIcon, { className: "h-4 w-4 shrink-0" })
                         ]
                       },
                       option.value
@@ -6679,8 +6814,8 @@ var init_DataBindingControls = __esm({
                   }) })
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex flex-col gap-2.5 lg:hidden", children: [
-                showSearchBar && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex flex-col gap-2.5 lg:hidden", children: [
+                showSearchBar && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
                   "form",
                   {
                     role: "search",
@@ -6690,8 +6825,8 @@ var init_DataBindingControls = __esm({
                       void handleSearch();
                     },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(SearchIcon, { className: "pointer-events-none absolute left-3.5 top-1/2 z-10 h-4 w-4 -translate-y-1/2 opacity-50" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(SearchIcon, { className: "pointer-events-none absolute left-3.5 top-1/2 z-10 h-4 w-4 -translate-y-1/2 opacity-50" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
                         "input",
                         {
                           type: "text",
@@ -6705,28 +6840,28 @@ var init_DataBindingControls = __esm({
                     ]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex items-center justify-between gap-2.5 pt-0.5", children: [
-                  showFacets && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex items-center justify-between gap-2.5 pt-0.5", children: [
+                  showFacets && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
                     "button",
                     {
                       type: "button",
                       onClick: () => setIsMobileFiltersOpen(true),
                       className: "inline-flex h-10 items-center justify-center gap-2 rounded-md border border-neutral-soft bg-default px-3.5 text-sm font-medium shadow-sm transition-all hover:bg-neutral-weak cursor-pointer active:scale-95",
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(FilterSlidersIcon, { className: "h-4 w-4" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("span", { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(FilterSlidersIcon, { className: "h-4 w-4" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("span", { children: [
                           "Filters",
                           selectedFacetCount > 0 ? ` (${selectedFacetCount})` : ""
                         ] }),
-                        selectedFacetCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("span", { className: "relative flex h-2 w-2", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-primary-base opacity-75" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "relative inline-flex rounded-full h-2 w-2 bg-primary-base" })
+                        selectedFacetCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("span", { className: "relative flex h-2 w-2", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "animate-ping absolute inline-flex h-full w-full rounded-full bg-primary-base opacity-75" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "relative inline-flex rounded-full h-2 w-2 bg-primary-base" })
                         ] })
                       ]
                     }
                   ),
-                  hasSortControls && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "relative shrink-0 ml-auto", ref: mobileSortDropdownRef, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+                  hasSortControls && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "relative shrink-0 ml-auto", ref: mobileSortDropdownRef, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
                       "button",
                       {
                         type: "button",
@@ -6734,8 +6869,8 @@ var init_DataBindingControls = __esm({
                         "aria-expanded": isSortOpen,
                         className: "inline-flex h-10 items-center justify-between gap-2 rounded-md border border-neutral-soft bg-default px-3.5 text-sm font-medium shadow-sm transition-all hover:bg-neutral-weak cursor-pointer whitespace-nowrap",
                         children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "whitespace-nowrap font-medium", children: selectedSortLabel }),
-                          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+                          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "whitespace-nowrap font-medium", children: selectedSortLabel }),
+                          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
                             ChevronDownIcon,
                             {
                               className: `h-4 w-4 shrink-0 transition-transform duration-200 ${isSortOpen ? "rotate-180" : ""}`
@@ -6744,17 +6879,17 @@ var init_DataBindingControls = __esm({
                         ]
                       }
                     ),
-                    isSortOpen && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "absolute right-0 z-50 mt-1.5 w-max min-w-[160px] max-h-80 overflow-y-auto rounded-md border border-neutral-soft bg-default p-1 shadow-xl", children: normalizedSortOptions.map((option) => {
+                    isSortOpen && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "absolute right-0 z-50 mt-1.5 w-max min-w-[160px] max-h-80 overflow-y-auto rounded-md border border-neutral-soft bg-default p-1 shadow-xl", children: normalizedSortOptions.map((option) => {
                       const isSelected = selectedSortOption?.value === option.value;
-                      return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+                      return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
                         "button",
                         {
                           type: "button",
                           onClick: () => handleSelectSort(option.value),
                           className: `flex w-full items-center justify-between gap-3 rounded-md px-3 py-2 text-left text-sm transition-colors cursor-pointer whitespace-nowrap ${isSelected ? "bg-primary-base font-semibold" : "hover:bg-neutral-soft font-normal"}`,
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "whitespace-nowrap", children: option.label }),
-                            isSelected && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(CheckIcon, { className: "h-4 w-4 shrink-0" })
+                            /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "whitespace-nowrap", children: option.label }),
+                            isSelected && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(CheckIcon, { className: "h-4 w-4 shrink-0" })
                           ]
                         },
                         option.value
@@ -6762,8 +6897,8 @@ var init_DataBindingControls = __esm({
                     }) })
                   ] })
                 ] }),
-                selectedFacetCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex flex-wrap items-center gap-1.5 pt-1", children: [
-                  Array.from(selectedFacetValues.entries()).map(([field, value]) => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+                selectedFacetCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex flex-wrap items-center gap-1.5 pt-1", children: [
+                  Array.from(selectedFacetValues.entries()).map(([field, value]) => /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
                     "button",
                     {
                       type: "button",
@@ -6771,13 +6906,13 @@ var init_DataBindingControls = __esm({
                       className: "group inline-flex max-w-full cursor-pointer items-center gap-1.5 rounded-md border border-neutral-soft bg-neutral-weak px-2.5 py-1 text-xs transition-colors hover:bg-neutral-soft",
                       title: `Remove filter: ${value}`,
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "font-medium truncate max-w-[140px]", children: value }),
-                        /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(CloseIcon, { className: "h-3 w-3 shrink-0 opacity-60 group-hover:opacity-100" })
+                        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "font-medium truncate max-w-[140px]", children: value }),
+                        /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(CloseIcon, { className: "h-3 w-3 shrink-0 opacity-60 group-hover:opacity-100" })
                       ]
                     },
                     `mobile-chip-${field}`
                   )),
-                  /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
                     "button",
                     {
                       type: "button",
@@ -6788,8 +6923,8 @@ var init_DataBindingControls = __esm({
                   )
                 ] })
               ] }),
-              isMobileFiltersOpen && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "fixed inset-0 z-50 flex flex-col justify-end lg:hidden", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+              isMobileFiltersOpen && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "fixed inset-0 z-50 flex flex-col justify-end lg:hidden", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
                   "div",
                   {
                     className: "fixed inset-0 bg-neutral-stronger/60 backdrop-blur-xs transition-opacity duration-300",
@@ -6797,12 +6932,12 @@ var init_DataBindingControls = __esm({
                     "aria-hidden": "true"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "relative z-10 flex h-[85vh] max-h-[85vh] w-full flex-col rounded-t-xl border-t border-neutral-soft bg-default shadow-2xl transition-transform duration-300 animate-in slide-in-from-bottom", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "pt-2.5 pb-1", children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "mx-auto h-1.5 w-12 rounded-full bg-neutral-soft" }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex items-center justify-between px-5 py-3 border-b border-neutral-soft", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("h2", { className: "text-lg font-bold tracking-tight", children: "Filters" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex items-center gap-3", children: [
-                      selectedFacetCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "relative z-10 flex h-[85vh] max-h-[85vh] w-full flex-col rounded-t-xl border-t border-neutral-soft bg-default shadow-2xl transition-transform duration-300 animate-in slide-in-from-bottom", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "pt-2.5 pb-1", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "mx-auto h-1.5 w-12 rounded-full bg-neutral-soft" }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex items-center justify-between px-5 py-3 border-b border-neutral-soft", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("h2", { className: "text-lg font-bold tracking-tight", children: "Filters" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex items-center gap-3", children: [
+                      selectedFacetCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
                         "button",
                         {
                           type: "button",
@@ -6811,38 +6946,38 @@ var init_DataBindingControls = __esm({
                           children: "Clear all"
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
                         "button",
                         {
                           type: "button",
                           onClick: () => setIsMobileFiltersOpen(false),
                           className: "p-1 rounded-full hover:bg-neutral-weak transition-colors cursor-pointer",
                           "aria-label": "Close filters",
-                          children: /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(CloseIcon, { className: "h-5 w-5 opacity-70" })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(CloseIcon, { className: "h-5 w-5 opacity-70" })
                         }
                       )
                     ] })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "flex-1 overflow-y-auto px-5 py-3 space-y-3 divide-y divide-neutral-soft", children: activeFacets.map(([field, values]) => {
+                  /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "flex-1 overflow-y-auto px-5 py-3 space-y-3 divide-y divide-neutral-soft", children: activeFacets.map(([field, values]) => {
                     const isOpen = !collapsedCategories[field];
                     const selectedValue = selectedFacetValues.get(field);
                     const categorySearch = facetCategorySearch[field]?.toLowerCase() || "";
                     const filteredValues = categorySearch ? values.filter((v) => v.value.toLowerCase().includes(categorySearch)) : values;
-                    return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "pt-3 first:pt-0", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+                    return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "pt-3 first:pt-0", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
                         "button",
                         {
                           type: "button",
                           onClick: () => toggleCategory(field),
                           className: "flex w-full cursor-pointer items-center justify-between rounded-md py-2 text-left transition-colors",
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex items-center gap-2.5", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md border border-neutral-soft bg-neutral-weak", children: getCategoryIcon(field) }),
-                              /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "font-semibold text-sm", children: humanize(field) })
+                            /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex items-center gap-2.5", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "flex h-7 w-7 shrink-0 items-center justify-center rounded-md border border-neutral-soft bg-neutral-weak", children: getCategoryIcon(field) }),
+                              /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "font-semibold text-sm", children: humanize(field) })
                             ] }),
-                            /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex items-center gap-2", children: [
-                              selectedValue && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-primary-base text-xs font-bold leading-none", children: "1" }),
-                              /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex items-center gap-2", children: [
+                              selectedValue && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-primary-base text-xs font-bold leading-none", children: "1" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
                                 ChevronDownIcon,
                                 {
                                   className: `h-4 w-4 transition-transform duration-200 ${isOpen ? "rotate-180" : ""}`
@@ -6852,10 +6987,10 @@ var init_DataBindingControls = __esm({
                           ]
                         }
                       ),
-                      isOpen && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "pt-2 pb-1 pl-1 pr-1 space-y-1.5", children: [
-                        values.length > 5 && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "relative mb-2", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(SearchIcon, { className: "pointer-events-none absolute left-3 top-1/2 h-3.5 w-3.5 -translate-y-1/2 opacity-50" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+                      isOpen && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "pt-2 pb-1 pl-1 pr-1 space-y-1.5", children: [
+                        values.length > 5 && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "relative mb-2", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(SearchIcon, { className: "pointer-events-none absolute left-3 top-1/2 h-3.5 w-3.5 -translate-y-1/2 opacity-50" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
                             "input",
                             {
                               type: "text",
@@ -6869,9 +7004,9 @@ var init_DataBindingControls = __esm({
                             }
                           )
                         ] }),
-                        filteredValues.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "py-2 text-center text-xs opacity-60", children: "No matching options" }) : filteredValues.map((facet) => {
+                        filteredValues.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "py-2 text-center text-xs opacity-60", children: "No matching options" }) : filteredValues.map((facet) => {
                           const isChecked = selectedValue === facet.value;
-                          return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+                          return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
                             "button",
                             {
                               type: "button",
@@ -6881,17 +7016,17 @@ var init_DataBindingControls = __esm({
                               "aria-pressed": isChecked,
                               className: `flex w-full cursor-pointer items-center justify-between gap-3 rounded-md px-2.5 py-2 text-left text-sm transition-colors ${isChecked ? "bg-neutral-soft font-medium" : "hover:bg-neutral-weak"}`,
                               children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex min-w-0 items-center gap-3", children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
                                     "span",
                                     {
                                       className: `flex h-5 w-5 shrink-0 items-center justify-center rounded-md border transition-colors ${isChecked ? "bg-primary-base border-primary-base" : "border-neutral-soft bg-default"}`,
-                                      children: isChecked && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(CheckIcon, { className: "h-3.5 w-3.5" })
+                                      children: isChecked && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(CheckIcon, { className: "h-3.5 w-3.5" })
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "leading-snug break-words", children: facet.value })
+                                  /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "leading-snug break-words", children: facet.value })
                                 ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "shrink-0 text-xs opacity-60 ml-2", children: facet.count })
+                                /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "shrink-0 text-xs opacity-60 ml-2", children: facet.count })
                               ]
                             },
                             `drawer-${field}-${facet.value}`
@@ -6900,8 +7035,8 @@ var init_DataBindingControls = __esm({
                       ] })
                     ] }, `drawer-cat-${field}`);
                   }) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex items-center gap-3 border-t border-neutral-soft bg-default p-4", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex items-center gap-3 border-t border-neutral-soft bg-default p-4", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
                       "button",
                       {
                         type: "button",
@@ -6910,7 +7045,7 @@ var init_DataBindingControls = __esm({
                         children: "Close"
                       }
                     ),
-                    /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
                       "button",
                       {
                         type: "button",
@@ -6926,14 +7061,14 @@ var init_DataBindingControls = __esm({
                 ] })
               ] })
             ] }),
-            shouldShowFacets && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex flex-col gap-3", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex items-center justify-between border-b border-neutral-soft pb-3", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(FilterSlidersIcon, { className: "h-4 w-4" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("h2", { className: "text-base font-semibold tracking-tight", children: "Filters" }),
-                  selectedFacetCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "flex h-5 items-center justify-center rounded-full bg-primary-base px-2 text-xs font-semibold", children: selectedFacetCount })
+            shouldShowFacets && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex flex-col gap-3", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex items-center justify-between border-b border-neutral-soft pb-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(FilterSlidersIcon, { className: "h-4 w-4" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("h2", { className: "text-base font-semibold tracking-tight", children: "Filters" }),
+                  selectedFacetCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "flex h-5 items-center justify-center rounded-full bg-primary-base px-2 text-xs font-semibold", children: selectedFacetCount })
                 ] }),
-                hasActiveFiltersOrSort && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+                hasActiveFiltersOrSort && /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
                   "button",
                   {
                     type: "button",
@@ -6941,13 +7076,13 @@ var init_DataBindingControls = __esm({
                     className: "group inline-flex cursor-pointer items-center gap-1.5 rounded-md px-2 py-1 text-xs font-medium transition-colors duration-150 hover:bg-neutral-soft focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary-base",
                     "aria-label": "Clear all filters and sorting",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(ResetIcon, { className: "h-3.5 w-3.5 transition-transform duration-200 group-hover:-rotate-45" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { children: "Clear all" })
+                      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(ResetIcon, { className: "h-3.5 w-3.5 transition-transform duration-200 group-hover:-rotate-45" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { children: "Clear all" })
                     ]
                   }
                 )
               ] }),
-              selectedFacetCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "flex flex-wrap gap-1.5 pb-2.5 border-b border-neutral-soft", children: Array.from(selectedFacetValues.entries()).map(([field, value]) => /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+              selectedFacetCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "flex flex-wrap gap-1.5 pb-2.5 border-b border-neutral-soft", children: Array.from(selectedFacetValues.entries()).map(([field, value]) => /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
                 "button",
                 {
                   type: "button",
@@ -6955,35 +7090,35 @@ var init_DataBindingControls = __esm({
                   className: "group inline-flex max-w-full cursor-pointer items-center gap-1.5 rounded-md border border-neutral-soft bg-neutral-weak px-2.5 py-1 text-xs transition-colors hover:bg-neutral-soft",
                   title: `Remove filter: ${value}`,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "font-medium truncate max-w-[150px]", children: value }),
-                    /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(CloseIcon, { className: "h-3.5 w-3.5 shrink-0 opacity-60 group-hover:opacity-100" })
+                    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "font-medium truncate max-w-[150px]", children: value }),
+                    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(CloseIcon, { className: "h-3.5 w-3.5 shrink-0 opacity-60 group-hover:opacity-100" })
                   ]
                 },
                 `chip-${field}`
               )) }),
-              activeFacets.length === 1 && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("nav", { "aria-label": `${humanize(activeFacets[0][0])} filters`, children: /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "py-1", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "px-1 pb-2 font-medium text-sm", children: humanize(activeFacets[0][0]) }),
+              activeFacets.length === 1 && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("nav", { "aria-label": `${humanize(activeFacets[0][0])} filters`, children: /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "py-1", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "px-1 pb-2 font-medium text-sm", children: humanize(activeFacets[0][0]) }),
                 renderFacetItems(activeFacets[0][0], activeFacets[0][1])
               ] }) }),
-              activeFacets.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "flex flex-col divide-y divide-neutral-soft", children: activeFacets.map(([field, values]) => {
+              activeFacets.length > 1 && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "flex flex-col divide-y divide-neutral-soft", children: activeFacets.map(([field, values]) => {
                 const isOpen = !collapsedCategories[field];
-                return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
                   "div",
                   {
                     className: "py-2 first:pt-0 last:pb-0",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(
+                      /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
                         "button",
                         {
                           type: "button",
                           onClick: () => toggleCategory(field),
                           className: "flex w-full cursor-pointer items-center justify-between rounded-md px-1.5 py-1.5 text-sm font-semibold transition-colors duration-150 hover:bg-neutral-weak focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary-base",
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("div", { className: "flex items-center gap-2", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center rounded border border-neutral-soft bg-neutral-weak", children: getCategoryIcon(field) }),
-                              /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("span", { children: humanize(field) })
+                            /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "flex items-center gap-2", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { className: "flex h-5 w-5 shrink-0 items-center justify-center rounded border border-neutral-soft bg-neutral-weak", children: getCategoryIcon(field) }),
+                              /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("span", { children: humanize(field) })
                             ] }),
-                            /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
                               ChevronDownIcon,
                               {
                                 className: `h-4 w-4 transition-transform duration-200 ease-out ${isOpen ? "rotate-180" : ""}`
@@ -6992,7 +7127,7 @@ var init_DataBindingControls = __esm({
                           ]
                         }
                       ),
-                      isOpen && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)("div", { className: "pt-1", children: renderFacetItems(field, values) })
+                      isOpen && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { className: "pt-1", children: renderFacetItems(field, values) })
                     ]
                   },
                   field
@@ -7012,13 +7147,13 @@ var Slider_exports = {};
 __export(Slider_exports, {
   default: () => Slider_default
 });
-var import_react61, import_jsx_runtime89, Slider, ArrowButton, ProgressPill, Slider_default;
+var import_react62, import_jsx_runtime91, Slider, ArrowButton, ProgressPill, Slider_default;
 var init_Slider = __esm({
   "src/components/Slider.tsx"() {
     "use strict";
     "use client";
-    import_react61 = __toESM(require("react"));
-    import_jsx_runtime89 = require("react/jsx-runtime");
+    import_react62 = __toESM(require("react"));
+    import_jsx_runtime91 = require("react/jsx-runtime");
     Slider = ({
       children,
       columns,
@@ -7039,17 +7174,17 @@ var init_Slider = __esm({
       progressPosition = "bottom",
       scrollByColumns = false
     }) => {
-      const [currentSlide, setCurrentSlide] = (0, import_react61.useState)(0);
-      const [transition, setTransition] = (0, import_react61.useState)(true);
+      const [currentSlide, setCurrentSlide] = (0, import_react62.useState)(0);
+      const [transition, setTransition] = (0, import_react62.useState)(true);
       const initialSlidesToShow = slidesToShow ?? columns ?? 4;
-      const [slidesToShowState, setSlidesToShowState] = (0, import_react61.useState)(
+      const [slidesToShowState, setSlidesToShowState] = (0, import_react62.useState)(
         typeof initialSlidesToShow === "number" ? initialSlidesToShow : initialSlidesToShow.large
       );
-      const [isPlaying, setIsPlaying] = (0, import_react61.useState)(autoplay);
-      const trackRef = (0, import_react61.useRef)(null);
+      const [isPlaying, setIsPlaying] = (0, import_react62.useState)(autoplay);
+      const trackRef = (0, import_react62.useRef)(null);
       console.log("trackRef:", trackRef);
-      const [videoProgress, setVideoProgress] = (0, import_react61.useState)(null);
-      (0, import_react61.useEffect)(() => {
+      const [videoProgress, setVideoProgress] = (0, import_react62.useState)(null);
+      (0, import_react62.useEffect)(() => {
         if (typeof initialSlidesToShow === "number") {
           setSlidesToShowState(initialSlidesToShow);
           return;
@@ -7067,7 +7202,7 @@ var init_Slider = __esm({
         window.addEventListener("resize", handleResize);
         return () => window.removeEventListener("resize", handleResize);
       }, [initialSlidesToShow]);
-      (0, import_react61.useEffect)(() => {
+      (0, import_react62.useEffect)(() => {
         if (!autoplay) return;
         const activeSlideElement = trackRef.current?.children[currentSlide];
         const videoElement = activeSlideElement?.querySelector("video");
@@ -7112,7 +7247,7 @@ var init_Slider = __esm({
         }, autoplay_speed);
         return () => clearInterval(timer);
       }, [autoplay, autoplay_speed, currentSlide, isPlaying]);
-      const totalSlides = import_react61.Children.count(children);
+      const totalSlides = import_react62.Children.count(children);
       const numColumns = columns ?? slidesToShowState;
       const slideWidthPercentage = (() => {
         if (typeof lastColPercentage !== "number") {
@@ -7178,24 +7313,24 @@ var init_Slider = __esm({
         }
       };
       const translateX = -currentSlide * slideWidthPercentage;
-      const slides = import_react61.Children.map(children, (child, index) => {
-        if (!import_react61.default.isValidElement(child)) return null;
+      const slides = import_react62.Children.map(children, (child, index) => {
+        if (!import_react62.default.isValidElement(child)) return null;
         const childProps = child.props;
         const mergedClassName = `${childProps.className ?? ""} w-full`.trim();
-        return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
           "div",
           {
             className: `flex-none ${scaleOnHover ? "group hover:z-50" : ""} relative`,
             style: { width: `calc(${slideWidthPercentage}%)`, paddingRight: gap },
-            children: (0, import_react61.cloneElement)(child, {
+            children: (0, import_react62.cloneElement)(child, {
               className: mergedClassName
             })
           },
           index
         );
       });
-      return /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)("div", { className: "w-full", children: [
-        show_dots && progressPosition === "top" && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "flex justify-center space-x-1.5 mb-4", children: slidePositions.map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: "w-full", children: [
+        show_dots && progressPosition === "top" && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "flex justify-center space-x-1.5 mb-4", children: slidePositions.map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
           ProgressPill,
           {
             active: index === currentStepIndex,
@@ -7211,14 +7346,14 @@ var init_Slider = __esm({
           },
           index
         )) }),
-        /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
           "div",
           {
             className: `relative w-full overflow-hidden ${className}`,
             onMouseEnter: handleMouseEnter,
             onMouseLeave: handleMouseLeave,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
                 "div",
                 {
                   ref: trackRef,
@@ -7230,32 +7365,32 @@ var init_Slider = __esm({
                   children: slides
                 }
               ),
-              show_arrows && /* @__PURE__ */ (0, import_jsx_runtime89.jsxs)(import_jsx_runtime89.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+              show_arrows && /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(import_jsx_runtime91.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
                   ArrowButton,
                   {
                     direction: "left",
                     onClick: prevSlide,
                     visible: infinite_scroll || currentSlide > 0,
                     className: arrowClassName,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5 8.25 12l7.5-7.5" }) })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5 8.25 12l7.5-7.5" }) })
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
                   ArrowButton,
                   {
                     direction: "right",
                     onClick: nextSlide,
                     visible: infinite_scroll || currentSlide < maxSlide,
                     className: arrowClassName,
-                    children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" }) })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" }) })
                   }
                 )
               ] })
             ]
           }
         ),
-        show_dots && progressPosition !== "top" && /* @__PURE__ */ (0, import_jsx_runtime89.jsx)("div", { className: "flex justify-center space-x-1.5 mt-5", children: slidePositions.map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+        show_dots && progressPosition !== "top" && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { className: "flex justify-center space-x-1.5 mt-5", children: slidePositions.map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
           ProgressPill,
           {
             active: index === currentStepIndex,
@@ -7279,7 +7414,7 @@ var init_Slider = __esm({
       visible,
       children,
       className = ""
-    }) => /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+    }) => /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
       "button",
       {
         className: `
@@ -7305,13 +7440,13 @@ var init_Slider = __esm({
       currentStep,
       customProgress = null
     }) => {
-      const [progress, setProgress] = (0, import_react61.useState)(0);
-      (0, import_react61.useEffect)(() => {
+      const [progress, setProgress] = (0, import_react62.useState)(0);
+      (0, import_react62.useEffect)(() => {
         if (active) {
           setProgress(0);
         }
       }, [active, index]);
-      (0, import_react61.useEffect)(() => {
+      (0, import_react62.useEffect)(() => {
         if (!active || !isPlaying || customProgress !== null) {
           if (!active) {
             setProgress(0);
@@ -7364,7 +7499,7 @@ var init_Slider = __esm({
       const renderProgressBar = () => {
         if (style === "modern" && isActive) {
           const displayProgress = customProgress ?? progress;
-          return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
             "div",
             {
               className: `absolute top-0 left-0 h-full rounded-full ${activeClassName || "bg-white"} transition-all duration-50 ease-linear`,
@@ -7374,7 +7509,7 @@ var init_Slider = __esm({
         }
         return null;
       };
-      return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+      return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
         "button",
         {
           className: `${baseClasses} ${getStyleClasses()}`,
@@ -7856,7 +7991,7 @@ var InputControl_default = InputControl2;
 init_InputControlType();
 
 // src/components/pageRenderingEngine/PageBodyRenderer.tsx
-var import_react63 = __toESM(require("react"));
+var import_react64 = __toESM(require("react"));
 
 // src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
 var import_react49 = __toESM(require("react"));
@@ -8656,8 +8791,8 @@ var WidgetNode = (props) => {
 var WidgetNode_default = WidgetNode;
 
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
-var import_dynamic15 = __toESM(require("next/dynamic"));
-var import_react62 = __toESM(require("react"));
+var import_dynamic17 = __toESM(require("next/dynamic"));
+var import_react63 = __toESM(require("react"));
 
 // src/components/pageRenderingEngine/nodes/EmbedNode.tsx
 var import_dynamic12 = __toESM(require("next/dynamic"));
@@ -9846,13 +9981,112 @@ var GoogleMapNode = (props) => {
 };
 var GoogleMapNode_default = GoogleMapNode;
 
+// src/components/pageRenderingEngine/nodes/MediaAccordionNode.tsx
+var import_dynamic16 = __toESM(require("next/dynamic"));
+init_ServiceClient();
+var import_jsx_runtime88 = require("react/jsx-runtime");
+var MediaAccordionNodeClient2 = (0, import_dynamic16.default)(
+  () => Promise.resolve().then(() => (init_MediaAccordionNodeClient(), MediaAccordionNodeClient_exports)),
+  { ssr: false }
+);
+var getNestedValue6 = (value, path) => path.split(".").reduce((current, key) => {
+  if (!current || typeof current !== "object") return void 0;
+  return current[key];
+}, value);
+var getAssetUrl = (value) => {
+  if (typeof value === "string") {
+    const trimmed = value.trim();
+    if (!trimmed) return {};
+    try {
+      return getAssetUrl(JSON.parse(trimmed));
+    } catch {
+      return { url: trimmed };
+    }
+  }
+  if (Array.isArray(value)) {
+    const image = value.find(
+      (entry) => entry && typeof entry === "object" && "assetUrl" in entry
+    );
+    return getAssetUrl(image);
+  }
+  if (value && typeof value === "object") {
+    const asset = value;
+    return {
+      url: typeof asset.assetUrl === "string" ? asset.assetUrl : void 0,
+      posterUrl: typeof asset.posterUrl === "string" ? asset.posterUrl : void 0
+    };
+  }
+  return {};
+};
+var fetchStoryItems = async (node, apiBaseUrl, session, routeParameters) => {
+  const dataSource = node.dataSource?.trim();
+  if (!dataSource) return void 0;
+  const endpoint = dataSource.replace(
+    /\{(\w+)\}/g,
+    (placeholder, key) => routeParameters?.[key] == null ? placeholder : String(routeParameters[key])
+  );
+  try {
+    const response = await new ServiceClient_default(apiBaseUrl, session).get(endpoint);
+    if (!response?.isSuccessful) {
+      console.error(
+        "Story accordion API request failed:",
+        response?.message || endpoint
+      );
+      return void 0;
+    }
+    const result = response.result;
+    const records = Array.isArray(result) ? result : node.responseType === "object" && result ? [result] : [];
+    return records.flatMap((record, index) => {
+      const title = getNestedValue6(record, node.titleField || "title");
+      const mappedMedia = getAssetUrl(
+        getNestedValue6(record, node.mediaUrlField || "mediaUrl")
+      );
+      const explicitPoster = node.posterUrlField ? getAssetUrl(getNestedValue6(record, node.posterUrlField)).url : void 0;
+      const mediaUrl = mappedMedia.url;
+      if (!mediaUrl) return [];
+      const typeValue = node.mediaTypeField ? getNestedValue6(record, node.mediaTypeField) : void 0;
+      const mediaType = typeof typeValue === "string" ? typeValue.toLowerCase() === "video" ? "video" : "image" : /\.(mp4|webm|ogv|m3u8)(?:$|[?#])/i.test(mediaUrl) ? "video" : "image";
+      return [
+        {
+          id: `api-story-${index}`,
+          title: typeof title === "string" || typeof title === "number" ? String(title) : `Story ${index + 1}`,
+          mediaUrl,
+          posterUrl: explicitPoster || mappedMedia.posterUrl,
+          mediaType
+        }
+      ];
+    });
+  } catch (error) {
+    console.error("Story accordion API request failed:", error);
+    return void 0;
+  }
+};
+var MediaAccordionNode = async (props) => {
+  const apiItems = await fetchStoryItems(
+    props.node,
+    props.apiBaseUrl,
+    props.session,
+    props.routeParameters
+  );
+  const node = apiItems ? { ...props.node, items: apiItems } : props.node;
+  return /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(
+    MediaAccordionNodeClient2,
+    {
+      node,
+      apiBaseUrl: props.apiBaseUrl,
+      assetBaseUrl: props.assetBaseUrl
+    }
+  );
+};
+var MediaAccordionNode_default = MediaAccordionNode;
+
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
-var import_jsx_runtime90 = require("react/jsx-runtime");
-var Pagination2 = (0, import_dynamic15.default)(() => Promise.resolve().then(() => (init_Pagination(), Pagination_exports)), { ssr: true });
-var DataBindingControls2 = (0, import_dynamic15.default)(() => Promise.resolve().then(() => (init_DataBindingControls(), DataBindingControls_exports)), {
+var import_jsx_runtime92 = require("react/jsx-runtime");
+var Pagination2 = (0, import_dynamic17.default)(() => Promise.resolve().then(() => (init_Pagination(), Pagination_exports)), { ssr: true });
+var DataBindingControls2 = (0, import_dynamic17.default)(() => Promise.resolve().then(() => (init_DataBindingControls(), DataBindingControls_exports)), {
   ssr: true
 });
-var Slider2 = (0, import_dynamic15.default)(() => Promise.resolve().then(() => (init_Slider(), Slider_exports)), {
+var Slider2 = (0, import_dynamic17.default)(() => Promise.resolve().then(() => (init_Slider(), Slider_exports)), {
   ssr: false
 });
 function toCamelCase(str) {
@@ -9873,7 +10107,7 @@ function convertKeysToCamelCase(obj) {
     Object.entries(obj).filter(([_, value]) => value !== "" && value !== void 0).map(([key, value]) => [toCamelCase(key), convertKeysToCamelCase(value)])
   );
 }
-var getNestedValue6 = (obj, path) => {
+var getNestedValue7 = (obj, path) => {
   if (!obj || !path) return void 0;
   return path.split(".").reduce((current, key) => {
     {
@@ -9918,7 +10152,7 @@ function generateCompleteBackgroundString(layers, apiBaseUrl, dataItem) {
       const imageValue = layer.value;
       let assetUrl = imageValue.assetUrl || "";
       if (layer.datafield && dataItem) {
-        const fieldValue = getNestedValue6(dataItem, layer.datafield);
+        const fieldValue = getNestedValue7(dataItem, layer.datafield);
         const resolvedAssetUrl = resolveAssetUrl(fieldValue, layer.tag);
         if (resolvedAssetUrl) {
           assetUrl = resolvedAssetUrl;
@@ -10043,7 +10277,8 @@ var DivContainer = async (props) => {
     "svg-icon": SVGIconNode_default,
     document: DocumentNode_default,
     "google-map": GoogleMapNode_default,
-    counter: CounterNode_default
+    counter: CounterNode_default,
+    "story-accordion": MediaAccordionNode_default
   };
   const styles = props.node.cssProperties;
   const mobileStyles = props.node.mobileCssProperties;
@@ -10120,7 +10355,7 @@ var DivContainer = async (props) => {
     response = await serviceClient.get(endpoint);
     result = response?.result;
     if (dataBindingProperties.childCollectionName && props.dataitem) {
-      childCollectionData = getNestedValue6(
+      childCollectionData = getNestedValue7(
         props.dataitem,
         dataBindingProperties.childCollectionName
       );
@@ -10142,7 +10377,7 @@ var DivContainer = async (props) => {
     }
     const SelectedNode = NodeTypes2[node.type];
     if (!SelectedNode) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react62.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_react63.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
       SelectedNode,
       {
         node,
@@ -10247,7 +10482,7 @@ var DivContainer = async (props) => {
           item,
           idx,
           props.href ? void 0 : item?.links?.view
-        )?.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(import_react62.default.Fragment, { children: child }, i)) : renderChildren2(props.node.children, props, item, idx)
+        )?.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_react63.default.Fragment, { children: child }, i)) : renderChildren2(props.node.children, props, item, idx)
       );
     }
     return props.node.children.flatMap((node, childIndex) => {
@@ -10258,7 +10493,7 @@ var DivContainer = async (props) => {
       let repeatItems = null;
       const childCollectionName = node?.dataBinding?.childCollectionName;
       if (childCollectionName && props.dataitem) {
-        const nestedCollection = getNestedValue6(
+        const nestedCollection = getNestedValue7(
           props.dataitem,
           childCollectionName
         );
@@ -10365,17 +10600,17 @@ var DivContainer = async (props) => {
     dataBindingProperties?.showFacets || dataBindingProperties?.showSortOptions || dataBindingProperties?.showSearchBar
   );
   const WrapperComponent = Wrapper;
-  const renderedContainer = /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+  const renderedContainer = /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
     WrapperComponent,
     {
       id: guid,
       style: combinedStyles,
       className: classNames || void 0,
       ...wrapperProps,
-      children: shouldShowNoDataMessage ? hasActiveFilter ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(NoFilterResultsFound_default, {}) : /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(NoDataFound_default, {}) : renderContainerChildren()
+      children: shouldShowNoDataMessage ? hasActiveFilter ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(NoFilterResultsFound_default, {}) : /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(NoDataFound_default, {}) : renderContainerChildren()
     }
   );
-  const paginationControl = dataBindingProperties?.enablePagination ? /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+  const paginationControl = dataBindingProperties?.enablePagination ? /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
     Pagination2,
     {
       path: props.path,
@@ -10383,15 +10618,15 @@ var DivContainer = async (props) => {
       dataset: response
     }
   ) : null;
-  return /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(import_react62.default.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_react63.default.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
       "style",
       {
         dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS }
       }
     ),
-    showDataBindingControls ? /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(import_react62.default.Fragment, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+    showDataBindingControls ? /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_react63.default.Fragment, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
         DataBindingControls2,
         {
           mode: "toolbar",
@@ -10404,16 +10639,16 @@ var DivContainer = async (props) => {
           showSearchBar: dataBindingProperties?.showSearchBar
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(
         "div",
         {
           className: dataBindingProperties?.showFacets ? "grid items-start gap-6 lg:grid-cols-[minmax(0,1fr)_18rem]" : void 0,
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)("div", { className: "min-w-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { className: "min-w-0", children: [
               renderedContainer,
               paginationControl
             ] }),
-            dataBindingProperties?.showFacets && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("aside", { className: "hidden lg:block", children: /* @__PURE__ */ (0, import_jsx_runtime90.jsx)(
+            dataBindingProperties?.showFacets && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("aside", { className: "hidden lg:block", children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
               DataBindingControls2,
               {
                 mode: "facets",
@@ -10426,16 +10661,16 @@ var DivContainer = async (props) => {
           ]
         }
       )
-    ] }) : /* @__PURE__ */ (0, import_jsx_runtime90.jsxs)(import_react62.default.Fragment, { children: [
+    ] }) : /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)(import_react63.default.Fragment, { children: [
       renderedContainer,
-      paginationControl && /* @__PURE__ */ (0, import_jsx_runtime90.jsx)("div", { children: paginationControl })
+      paginationControl && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { children: paginationControl })
     ] })
   ] });
 };
 var DivContainer_default = DivContainer;
 
 // src/components/pageRenderingEngine/PageBodyRenderer.tsx
-var import_jsx_runtime91 = require("react/jsx-runtime");
+var import_jsx_runtime93 = require("react/jsx-runtime");
 var NodeTypes = {
   ["paragraph"]: ParagraphNode_default,
   ["heading"]: HeadingNode_default,
@@ -10452,7 +10687,8 @@ var NodeTypes = {
   ["embed"]: EmbedNode_default,
   ["document"]: DocumentNode_default,
   ["google-map"]: GoogleMapNode_default,
-  ["counter"]: CounterNode_default
+  ["counter"]: CounterNode_default,
+  ["story-accordion"]: MediaAccordionNode_default
 };
 var PageBodyRenderer = (props) => {
   let pageBodyTree;
@@ -10474,14 +10710,14 @@ var PageBodyRenderer = (props) => {
     }
     return true;
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react63.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react64.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
     {
     }
     const SelectedNode = NodeTypes[node.type];
     if (!shouldRenderNode(node)) {
       return null;
     }
-    return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react63.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react63.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react63.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react64.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react64.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react64.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
       SelectedNode,
       {
         node,
@@ -10497,7 +10733,7 @@ var PageBodyRenderer = (props) => {
         device: props.device,
         widgetRenderer: props.widgetRenderer
       }
-    ) }) : /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(import_react63.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
+    ) }) : /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_react64.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
       SelectedNode,
       {
         node,
@@ -10518,10 +10754,10 @@ var PageBodyRenderer = (props) => {
 var PageBodyRenderer_default = PageBodyRenderer;
 
 // src/components/pageRenderingEngine/EnterAnimationHydrator.tsx
-var import_react64 = require("react");
+var import_react65 = require("react");
 var ENTER_ANIMATION_SELECTOR = ".enter-animation";
 function EnterAnimationHydrator() {
-  (0, import_react64.useEffect)(() => {
+  (0, import_react65.useEffect)(() => {
     let observer;
     const observedElements = /* @__PURE__ */ new WeakSet();
     const revealAnimatedElements = () => {
@@ -10566,22 +10802,22 @@ function EnterAnimationHydrator() {
 }
 
 // src/components/Toast.tsx
-var import_react65 = require("react");
+var import_react66 = require("react");
 init_ToastService();
-var import_jsx_runtime92 = require("react/jsx-runtime");
+var import_jsx_runtime94 = require("react/jsx-runtime");
 var Toast = () => {
-  const [showToast, setShowToast] = (0, import_react65.useState)(false);
-  const [message, setMessage] = (0, import_react65.useState)("");
-  const [messageType, setMessageType] = (0, import_react65.useState)("error");
-  const timeoutRef = (0, import_react65.useRef)(null);
-  const closeToast = (0, import_react65.useCallback)(() => {
+  const [showToast, setShowToast] = (0, import_react66.useState)(false);
+  const [message, setMessage] = (0, import_react66.useState)("");
+  const [messageType, setMessageType] = (0, import_react66.useState)("error");
+  const timeoutRef = (0, import_react66.useRef)(null);
+  const closeToast = (0, import_react66.useCallback)(() => {
     if (timeoutRef.current) {
       clearTimeout(timeoutRef.current);
       timeoutRef.current = null;
     }
     setShowToast(false);
   }, []);
-  const showMessage = (0, import_react65.useCallback)((message2, messageType2) => {
+  const showMessage = (0, import_react66.useCallback)((message2, messageType2) => {
     if (timeoutRef.current) {
       clearTimeout(timeoutRef.current);
     }
@@ -10593,7 +10829,7 @@ var Toast = () => {
       timeoutRef.current = null;
     }, 4e3);
   }, []);
-  (0, import_react65.useEffect)(() => {
+  (0, import_react66.useEffect)(() => {
     ToastService_default.initialize(showMessage, closeToast);
     return () => {
       closeToast();
@@ -10602,8 +10838,8 @@ var Toast = () => {
       });
     };
   }, [closeToast, showMessage]);
-  return /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(import_jsx_runtime92.Fragment, { children: showToast && /* @__PURE__ */ (0, import_jsx_runtime92.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_runtime92.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_runtime92.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_jsx_runtime94.Fragment, { children: showToast && /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("div", { className: "fixed top-2 flex justify-center w-[calc(100%-2rem)] sm:w-1/2 max-w-xl left-1/2 -translate-x-1/2", style: { zIndex: 1e3 }, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsxs)("div", { className: `w-full items-center flex justify-between p-3 pr-8 rounded-md relative shadow border bg-${messageType}-soft`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
       "span",
       {
         className: "font-medium text-inherit text-sm",
@@ -10611,7 +10847,7 @@ var Toast = () => {
         children: message
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("button", { className: "absolute right-2 top-2 ml-2 focus:outline-none", onClick: closeToast, children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("button", { className: "absolute right-2 top-2 ml-2 focus:outline-none", onClick: closeToast, children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
@@ -10619,7 +10855,7 @@ var Toast = () => {
         fill: "none",
         viewBox: "0 0 24 24",
         stroke: "currentColor",
-        children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime94.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" })
       }
     ) })
   ] }) }) });
@@ -10649,7 +10885,7 @@ init_RadioInput();
 // src/components/NavigationTabsV2.tsx
 var import_link3 = __toESM(require("next/link"));
 var import_navigation2 = require("next/navigation");
-var import_jsx_runtime93 = require("react/jsx-runtime");
+var import_jsx_runtime95 = require("react/jsx-runtime");
 function resolveRoutePlaceholders(route, params) {
   return route.replace(/\{([^}]+)\}/g, (match, key) => {
     const value = params[key];
@@ -10674,8 +10910,8 @@ var NavigationTabsV2 = ({ tabs, params = {} }) => {
     isActive: tab.isActive
   })) || [];
   if (mappedTabs.length === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)("div", { className: "flex border-b bg-white rounded-t mb-3", children: mappedTabs.map(({ tabTitle, landingPageUrl, isActive }) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(import_link3.default, { href: landingPageUrl, className: "-mb-px", children: /* @__PURE__ */ (0, import_jsx_runtime93.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "flex border-b bg-white rounded-t mb-3", children: mappedTabs.map(({ tabTitle, landingPageUrl, isActive }) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(import_link3.default, { href: landingPageUrl, className: "-mb-px", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(
       "div",
       {
         className: `text-sm font-medium border-b-2 px-6 py-2 transition
@@ -10688,14 +10924,14 @@ var NavigationTabsV2 = ({ tabs, params = {} }) => {
 var NavigationTabsV2_default = NavigationTabsV2;
 
 // src/components/dataForm/DataList.tsx
-var import_react68 = __toESM(require("react"));
+var import_react69 = __toESM(require("react"));
 var import_navigation3 = require("next/navigation");
 
 // src/components/dataForm/NoContentView.tsx
-var import_react66 = __toESM(require("react"));
-var import_jsx_runtime94 = require("react/jsx-runtime");
+var import_react67 = __toESM(require("react"));
+var import_jsx_runtime96 = require("react/jsx-runtime");
 var NoContentView = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime94.jsx)(import_react66.default.Fragment, { children: props.isDataFound === false && props.children });
+  return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_react67.default.Fragment, { children: props.isDataFound === false && props.children });
 };
 var NoContentView_default = NoContentView;
 
@@ -10703,39 +10939,39 @@ var NoContentView_default = NoContentView;
 init_InputControlType();
 
 // src/components/dataForm/ContentView.tsx
-var import_react67 = __toESM(require("react"));
-var import_jsx_runtime95 = require("react/jsx-runtime");
+var import_react68 = __toESM(require("react"));
+var import_jsx_runtime97 = require("react/jsx-runtime");
 var ContentView = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)(import_react67.default.Fragment, { children: [
-    props.isDataFound == null && /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "flex items-center mb-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "ml-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
+  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_react68.default.Fragment, { children: [
+    props.isDataFound == null && /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "flex items-center mb-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "ml-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "animate-pulse", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
+      /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "animate-pulse", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "animate-pulse", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "animate-pulse", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime95.jsxs)("div", { className: "animate-pulse", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime95.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
+        /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)("div", { className: "animate-pulse", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime97.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
         ] })
       ] })
     ] }) }),
@@ -10795,7 +11031,7 @@ function FormReducer(state, action) {
 var FormReducer_default = FormReducer;
 
 // src/components/dataForm/DataList.tsx
-var import_jsx_runtime96 = require("react/jsx-runtime");
+var import_jsx_runtime98 = require("react/jsx-runtime");
 var DataList = (props) => {
   const router = (0, import_navigation3.useRouter)();
   let builder = new OdataBuilder(props.path);
@@ -10803,12 +11039,12 @@ var DataList = (props) => {
   let activePageNumber = 0;
   let pages = 0;
   console.log(props.addLinkText);
-  const [isDataFound, setIsDataFound] = (0, import_react68.useState)(null);
-  const [searchTerm, setSearchTerm] = (0, import_react68.useState)(props.query?.searchTerm ?? "");
-  (0, import_react68.useEffect)(() => {
+  const [isDataFound, setIsDataFound] = (0, import_react69.useState)(null);
+  const [searchTerm, setSearchTerm] = (0, import_react69.useState)(props.query?.searchTerm ?? "");
+  (0, import_react69.useEffect)(() => {
     setSearchTerm(props.query?.searchTerm ?? "");
   }, [props.query?.searchTerm]);
-  (0, import_react68.useEffect)(() => {
+  (0, import_react69.useEffect)(() => {
     if (props?.dataset) {
       if (props?.dataset.result && props.dataset.result.length > 0) {
         setIsDataFound(true);
@@ -10817,7 +11053,7 @@ var DataList = (props) => {
       }
     }
   }, [props.dataset]);
-  (0, import_react68.useEffect)(() => {
+  (0, import_react69.useEffect)(() => {
     if (!props.query?.["$filter"] || !props.filters) return;
     const filterQuery = props.query["$filter"];
     props.filters.forEach((filter) => {
@@ -10836,7 +11072,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_runtime96.jsx)("div", { children: item }, index));
+      return obj[path].map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { children: item }, index));
     } else {
       return obj[path];
     }
@@ -10845,11 +11081,11 @@ var DataList = (props) => {
     inputValues: {},
     lastPropertyChanged: ""
   };
-  const [formState, dispatch] = (0, import_react68.useReducer)(FormReducer_default, initialState);
+  const [formState, dispatch] = (0, import_react69.useReducer)(FormReducer_default, initialState);
   const getSearchableColumns = () => {
     return props.columns?.filter((c) => c.isSearchable)?.map((c) => c.name)?.join(",");
   };
-  const handleFilterChange = (0, import_react68.useCallback)(
+  const handleFilterChange = (0, import_react69.useCallback)(
     (updatedValues) => {
       dispatch({
         type: FORM_INPUT_UPDATE,
@@ -10880,7 +11116,7 @@ var DataList = (props) => {
     },
     [dispatch, props, router]
   );
-  (0, import_react68.useEffect)(() => {
+  (0, import_react69.useEffect)(() => {
     if (!props.columns.some((col) => col.isSearchable)) {
       return;
     }
@@ -10918,30 +11154,30 @@ var DataList = (props) => {
   const renderPageNumbers = () => {
     if (pages <= 10) {
       return Array.from({ length: pages }, (_, index) => index + 1).map(
-        (page) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_react68.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+        (page) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react69.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime98.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_runtime96.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)
+        ) : /* @__PURE__ */ (0, import_jsx_runtime98.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_runtime96.jsxs)(import_jsx_runtime96.Fragment, { children: [
-          Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_react68.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
+          Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react69.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime98.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_runtime96.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "px-2 py-1", children: "..." }),
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "px-2 py-1", children: "..." }),
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
             Hyperlink,
             {
               className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -10949,7 +11185,7 @@ var DataList = (props) => {
               children: pages - 1
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
             Hyperlink,
             {
               className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -10957,7 +11193,7 @@ var DataList = (props) => {
               children: pages
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
             "select",
             {
               className: "  py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
@@ -10969,18 +11205,18 @@ var DataList = (props) => {
                 }
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("option", { className: "", value: "", children: "Jump to" }),
+                /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("option", { className: "", value: "", children: "Jump to" }),
                 Array.from(
                   { length: Math.max(0, pages - 10) },
                   (_, index) => index + 9
-                ).map((page) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("option", { value: page, children: page }, page))
+                ).map((page) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("option", { value: page, children: page }, page))
               ]
             }
           ) })
         ] });
       } else if (showLastPages) {
-        return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_jsx_runtime96.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
             Hyperlink,
             {
               className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -10988,7 +11224,7 @@ var DataList = (props) => {
               children: "1"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
             Hyperlink,
             {
               className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -10996,21 +11232,21 @@ var DataList = (props) => {
               children: "2"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "px-2 py-1", children: "..." }),
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "px-2 py-1", children: "..." }),
           Array.from({ length: 8 }, (_, index) => pages - 7 + index).map(
-            (page) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_react68.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+            (page) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react69.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime98.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_runtime96.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)
+            ) : /* @__PURE__ */ (0, import_jsx_runtime98.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_runtime96.jsxs)(import_jsx_runtime96.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_jsx_runtime98.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
             Hyperlink,
             {
               className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -11018,7 +11254,7 @@ var DataList = (props) => {
               children: "1"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
             Hyperlink,
             {
               className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -11026,20 +11262,20 @@ var DataList = (props) => {
               children: "2"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "px-2 py-1", children: "..." }),
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "px-2 py-1", children: "..." }),
           Array.from(
             { length: 5 },
             (_, index) => activePageNumber - 2 + index
-          ).map((page) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_react68.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+          ).map((page) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react69.default.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ (0, import_jsx_runtime98.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_runtime96.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "px-2 py-1", children: "..." }),
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "px-2 py-1", children: "..." }),
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
             Hyperlink,
             {
               className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -11047,7 +11283,7 @@ var DataList = (props) => {
               children: pages - 1
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
             Hyperlink,
             {
               className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -11055,7 +11291,7 @@ var DataList = (props) => {
               children: pages
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "relative inline-block", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
             "select",
             {
               className: "px-2 py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
@@ -11067,8 +11303,8 @@ var DataList = (props) => {
                 }
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime96.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_runtime96.jsx)("option", { value: page, children: page }, page))
+                /* @__PURE__ */ (0, import_jsx_runtime98.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_runtime98.jsx)("option", { value: page, children: page }, page))
               ]
             }
           ) })
@@ -11076,16 +11312,16 @@ var DataList = (props) => {
       }
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(import_react68.default.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(ContentView_default, { isDataFound, children: [
-      (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(import_react69.default.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(ContentView_default, { isDataFound, children: [
+      (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime98.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_runtime96.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", {}),
-            /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex items-center gap-3", children: [
-              props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+            props.title ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex items-center gap-3", children: [
+              props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
                 InputControl_default,
                 {
                   name: "Search_input",
@@ -11098,7 +11334,7 @@ var DataList = (props) => {
                   }
                 }
               ),
-              props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+              props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
                 InputControl_default,
                 {
                   name: filter.name,
@@ -11113,15 +11349,15 @@ var DataList = (props) => {
                 },
                 filter.name
               )),
-              props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+              props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
                 Hyperlink,
                 {
                   className: "gap-1",
                   linkType: "Primary" /* Solid */,
                   href: props.addLinkHref,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
+                    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
                   ]
                 }
               )
@@ -11129,8 +11365,8 @@ var DataList = (props) => {
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "flex-1 overflow-y-auto  justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("table", { className: "w-full   divide-y divide-gray-200", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("tr", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "flex-1 overflow-y-auto  justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("table", { className: "w-full   divide-y divide-gray-200", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("tr", { children: [
           props?.columns?.map((column) => {
             let url = builder.getNewOrderByUrl(column.name);
             let icon = "chevronUpDown";
@@ -11141,18 +11377,18 @@ var DataList = (props) => {
               icon = "chevronUp";
               url = builder.getNewOrderByUrl(column.name + " desc");
             }
-            return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+            return /* @__PURE__ */ (0, import_jsx_runtime98.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_runtime96.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
                   Hyperlink,
                   {
                     href: column.enableSorting ? url : void 0,
                     className: "!text-neutral-contrast ",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("span", { className: "flex items-center space-x-1", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "text-black", children: column.label }),
-                      column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
+                    children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("span", { className: "flex items-center space-x-1", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "text-black", children: column.label }),
+                      column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
                     ] })
                   }
                 )
@@ -11160,25 +11396,25 @@ var DataList = (props) => {
               column.name
             );
           }),
-          props.onQuickView && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("th", { className: "px-6 py-3 text-right font-medium bg-neutral-soft w-32 text-black", children: "Action" })
+          props.onQuickView && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("th", { className: "px-6 py-3 text-right font-medium bg-neutral-soft w-32 text-black", children: "Action" })
         ] }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
           let validityClass = "";
           if (props.recordValidityColumnName && getNestedProperty2(dataitem, props.recordValidityColumnName) == false) {
             validityClass = "bg-alert-200";
           }
-          return /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("tr", { className: validityClass, children: [
+          return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("tr", { className: validityClass, children: [
             props?.columns?.map((column, colindex) => {
-              return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_react68.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react69.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
                 "td",
                 {
                   className: "px-6 py-2 whitespace-normal " + (column.controlType == ViewControlTypes_default.money ? "" : ""),
-                  children: column.addhref === true ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+                  children: column.addhref === true ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
                     Hyperlink,
                     {
                       className: "",
                       href: `https://${dataitem[column.name]}`,
-                      children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
                         ViewControl_default,
                         {
                           controlType: column.controlType,
@@ -11191,11 +11427,11 @@ var DataList = (props) => {
                         }
                       )
                     }
-                  ) : column.showAsLink ? /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+                  ) : column.showAsLink ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
                     Hyperlink,
                     {
                       href: props.path + dataitem[props.columns[0].name] + "/" + (dataitem.linkUrlSegment ?? column.linkUrlSegment),
-                      children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
                         ViewControl_default,
                         {
                           controlType: column.controlType,
@@ -11205,7 +11441,7 @@ var DataList = (props) => {
                         }
                       )
                     }
-                  ) : /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+                  ) : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
                     ViewControl_default,
                     {
                       controlType: column.controlType,
@@ -11217,7 +11453,7 @@ var DataList = (props) => {
                 }
               ) }, colindex);
             }),
-            props.onQuickView && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("td", { className: "px-6 py-2 text-right whitespace-nowrap", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+            props.onQuickView && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("td", { className: "px-6 py-2 text-right whitespace-nowrap", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
               "button",
               {
                 type: "button",
@@ -11227,7 +11463,7 @@ var DataList = (props) => {
                 },
                 className: "inline-flex items-center gap-1.5 px-3 py-1 text-xs font-semibold rounded-md border border-neutral-300 bg-white hover:bg-neutral-100 text-neutral-800 transition-colors shadow-xs",
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
                     "svg",
                     {
                       className: "w-3.5 h-3.5",
@@ -11238,22 +11474,22 @@ var DataList = (props) => {
                       strokeLinecap: "round",
                       strokeLinejoin: "round",
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("circle", { cx: "12", cy: "12", r: "3" })
+                        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("path", { d: "M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("circle", { cx: "12", cy: "12", r: "3" })
                       ]
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { children: props.quickViewLabel || "Quick View" })
+                  /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { children: props.quickViewLabel || "Quick View" })
                 ]
               }
             ) })
           ] }, index);
         }) })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "text-gray-700", children: label }),
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex space-x-2 items-center", children: [
-          activePageNumber > 1 && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "text-gray-700", children: label }),
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex space-x-2 items-center", children: [
+          activePageNumber > 1 && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
             Hyperlink,
             {
               className: "px-3 py-1 rounded-l-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
@@ -11261,9 +11497,9 @@ var DataList = (props) => {
               children: "Prev"
             }
           ),
-          activePageNumber <= 1 && /* @__PURE__ */ (0, import_jsx_runtime96.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_runtime98.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_runtime96.jsx)(
+          activePageNumber < pages && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
             Hyperlink,
             {
               className: "px-3 py-1 rounded-r-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
@@ -11271,19 +11507,19 @@ var DataList = (props) => {
               children: "Next"
             }
           ),
-          activePageNumber >= pages && /* @__PURE__ */ (0, import_jsx_runtime96.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_runtime98.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_runtime96.jsxs)(NoContentView_default, { isDataFound, children: [
-      (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(NoContentView_default, { isDataFound, children: [
+      (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ (0, import_jsx_runtime98.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_runtime96.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", {}),
-            /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex items-center gap-3", children: [
-              props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+            props.title ? /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", {}),
+            /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex items-center gap-3", children: [
+              props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
                 InputControl_default,
                 {
                   name: "Search_input",
@@ -11296,7 +11532,7 @@ var DataList = (props) => {
                   }
                 }
               ),
-              props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+              props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
                 InputControl_default,
                 {
                   name: filter.name,
@@ -11311,15 +11547,15 @@ var DataList = (props) => {
                 },
                 filter.name
               )),
-              props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)(
+              props.addLinkHref && /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
                 Hyperlink,
                 {
                   className: "gap-1",
                   linkType: "Primary" /* Solid */,
                   href: props.addLinkHref,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
+                    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Icon_default, { name: "plus", className: "w-4 h-4" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
                   ]
                 }
               )
@@ -11327,8 +11563,8 @@ var DataList = (props) => {
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("table", { className: "w-full divide-y divide-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("thead", { className: "bg-gray-50", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("tr", { children: props?.columns?.map((column) => {
+      /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("table", { className: "w-full divide-y divide-gray-200", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("thead", { className: "bg-gray-50", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("tr", { children: props?.columns?.map((column) => {
           let url = builder.getNewOrderByUrl(column.name);
           let icon = "chevronUpDown";
           if (orderBy.includes(`${column.name} desc`)) {
@@ -11338,18 +11574,18 @@ var DataList = (props) => {
             icon = "chevronUp";
             url = builder.getNewOrderByUrl(column.name + " desc");
           }
-          return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime98.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_runtime96.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
                 Hyperlink,
                 {
                   href: column.enableSorting ? url : void 0,
                   className: "text-body-950",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime96.jsxs)("span", { className: "flex items-center space-x-1", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("span", { children: column.label }),
-                    column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
+                  children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("span", { className: "flex items-center space-x-1", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("span", { children: column.label }),
+                    column.enableSorting && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(Icon_default, { className: "w-4 h-4", name: icon })
                   ] })
                 }
               )
@@ -11357,7 +11593,7 @@ var DataList = (props) => {
             column.name
           );
         }) }) }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime96.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_runtime98.jsx)("div", { className: "w-full text-center bg-transparent pt-5", children: "There are no entries in the table at the moment." })
       ] })
     ] })
   ] });
@@ -11365,12 +11601,12 @@ var DataList = (props) => {
 var DataList_default = DataList;
 
 // src/components/dataForm/DataListRenderer.tsx
-var import_react69 = __toESM(require("react"));
+var import_react70 = __toESM(require("react"));
 init_ServiceClient();
 init_OdataBuilder();
 init_SelectWithSearchInput();
 var import_navigation4 = require("next/navigation");
-var import_jsx_runtime97 = require("react/jsx-runtime");
+var import_jsx_runtime99 = require("react/jsx-runtime");
 var viewControlMap = {
   number: ViewControlTypes.number,
   lineText: ViewControlTypes.lineText,
@@ -11425,14 +11661,14 @@ var DataListRenderer = ({
   widgetProps
 }) => {
   const serviceClient = new ServiceClient_default(apiBaseUrl, session);
-  const [columns, setColumns] = (0, import_react69.useState)([]);
-  const [dataset, setDataset] = (0, import_react69.useState)();
-  const [filter, setFilters] = (0, import_react69.useState)([]);
-  const [addLinkHref, setAddLinkHref] = (0, import_react69.useState)("");
-  const [addLinkText, setAddLinkText] = (0, import_react69.useState)("");
-  const [serviceRoute, setServiceRoute] = (0, import_react69.useState)("");
+  const [columns, setColumns] = (0, import_react70.useState)([]);
+  const [dataset, setDataset] = (0, import_react70.useState)();
+  const [filter, setFilters] = (0, import_react70.useState)([]);
+  const [addLinkHref, setAddLinkHref] = (0, import_react70.useState)("");
+  const [addLinkText, setAddLinkText] = (0, import_react70.useState)("");
+  const [serviceRoute, setServiceRoute] = (0, import_react70.useState)("");
   const pathname = (0, import_navigation4.usePathname)();
-  (0, import_react69.useEffect)(() => {
+  (0, import_react70.useEffect)(() => {
     if (!formDefinition) return;
     setColumns(mapApiToColumns(formDefinition));
     setFilters(mapApiToFilters(formDefinition));
@@ -11445,7 +11681,7 @@ var DataListRenderer = ({
     setAddLinkHref(resolvedAddLinkHref);
     setAddLinkText(formDefinition?.siteFormDataList?.addLinkText ?? "");
   }, [formDefinition, params]);
-  (0, import_react69.useEffect)(() => {
+  (0, import_react70.useEffect)(() => {
     const fetchData = async () => {
       if (!serviceRoute) return;
       const resolvedRoute = resolveRoutePlaceholders2(serviceRoute, params);
@@ -11465,13 +11701,13 @@ var DataListRenderer = ({
       isActive: landingPageUrl === pathname
     };
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime97.jsxs)(import_react69.default.Fragment, { children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(import_react70.default.Fragment, { children: [
     resolvedTabs.length > 0 && // <NavigationTabsV2
     //   tabs={resolvedTabs}
     //   params={(widgetProps?.params ?? params) as Record<string, any>}
     // />
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
-    /* @__PURE__ */ (0, import_jsx_runtime97.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
+    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
       DataList_default,
       {
         addLinkHref,
@@ -11493,13 +11729,13 @@ var DataListRenderer_default = DataListRenderer;
 init_InputControlType();
 
 // src/components/dataForm/DataForm.tsx
-var import_react71 = __toESM(require("react"));
+var import_react72 = __toESM(require("react"));
 init_Icon();
 init_Button();
 init_StyleTypes();
 
 // src/components/dataForm/DataFormChildSection.tsx
-var import_react70 = __toESM(require("react"));
+var import_react71 = __toESM(require("react"));
 
 // src/components/dataForm/StyleTypes.tsx
 var StyleTypes2 = /* @__PURE__ */ ((StyleTypes3) => {
@@ -11526,7 +11762,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_runtime98 = require("react/jsx-runtime");
+var import_jsx_runtime100 = require("react/jsx-runtime");
 var DataFormChildSection = (props) => {
   const { section } = props;
   const isOneToOne = section.relationshipType === "one-to-one";
@@ -11538,7 +11774,7 @@ var DataFormChildSection = (props) => {
     return childItems.map((item, originalIndex) => ({ item, originalIndex })).filter((x) => !x.item.isDeleted) || [];
   };
   const childItemsToRender = getChildItemsForRendering();
-  const handleChildInputChange = (0, import_react70.useCallback)(
+  const handleChildInputChange = (0, import_react71.useCallback)(
     (updatedValues) => {
       if (isOneToOne) {
         props.callback({
@@ -11565,7 +11801,7 @@ var DataFormChildSection = (props) => {
     },
     [props, isOneToOne, childItemsToRender]
   );
-  const onAddRow = (0, import_react70.useCallback)(() => {
+  const onAddRow = (0, import_react71.useCallback)(() => {
     props.callback({
       sectionName: props.section.name,
       actionType: FORM_CHILD_ROW_ADD,
@@ -11574,7 +11810,7 @@ var DataFormChildSection = (props) => {
       rowIndex: -1
     });
   }, [props]);
-  const onDeleteRow = (0, import_react70.useCallback)(
+  const onDeleteRow = (0, import_react71.useCallback)(
     (filteredIndex) => {
       const visibleItem = childItemsToRender[filteredIndex];
       if (visibleItem) {
@@ -11594,14 +11830,14 @@ var DataFormChildSection = (props) => {
     childItemsToRender,
     allChildItems: childItems
   });
-  return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(import_react70.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "rounded border-neutral-200 border px-6 py-4 mb-2", children: [
-    section.sectionTitle && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "mb-4 text-lg font-medium text-body-950", children: section.sectionTitle }),
-    /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "flex-grow flex flex-col justify-between overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("div", { className: "flex flex-col justify-between gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("table", { className: "w-full border-separate divide-y divide-gray-200", children: [
-        (!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("thead", { className: "", children: section.sectionRows.map((sectionRow, sectionRowIndex) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)("tr", { className: "", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_react71.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "rounded border-neutral-200 border px-6 py-4 mb-2", children: [
+    section.sectionTitle && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "mb-4 text-lg font-medium text-body-950", children: section.sectionTitle }),
+    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "flex-grow flex flex-col justify-between overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex flex-col justify-between gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("table", { className: "w-full border-separate divide-y divide-gray-200", children: [
+        (!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("thead", { className: "", children: section.sectionRows.map((sectionRow, sectionRowIndex) => {
+          return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("tr", { className: "", children: [
             sectionRow.elements.map((field, index) => {
-              return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+              return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
                 "th",
                 {
                   className: "py-3 font-normal text-left",
@@ -11610,21 +11846,21 @@ var DataFormChildSection = (props) => {
                 field.name
               );
             }),
-            !section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("th", { className: "py-3 font-normal text-left", children: "Actions" })
+            !section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("th", { className: "py-3 font-normal text-left", children: "Actions" })
           ] }, sectionRowIndex);
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("tbody", { className: "divide-y divide-gray-200", children: childItemsToRender.map((visibleItem, filteredIndex) => {
+        /* @__PURE__ */ (0, import_jsx_runtime100.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_runtime98.jsx)(import_react70.default.Fragment, { children: section.sectionRows.map(
+          return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(import_react71.default.Fragment, { children: section.sectionRows.map(
             (sectionRow, sectionRowIndex) => {
-              return /* @__PURE__ */ (0, import_jsx_runtime98.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)(
                 "tr",
                 {
                   className: "",
                   children: [
                     sectionRow.elements.map((field, index) => {
-                      return /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "w-11/12", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+                      return /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "w-11/12", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
                         InputControl_default,
                         {
                           index: filteredIndex,
@@ -11644,7 +11880,7 @@ var DataFormChildSection = (props) => {
                         }
                       ) }) }) }, field.name);
                     }),
-                    !section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+                    !section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("td", { children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
                       ClientButton_default,
                       {
                         ButtonType: StyleTypes2.Hollow,
@@ -11653,7 +11889,7 @@ var DataFormChildSection = (props) => {
                         },
                         dataRole: "delete",
                         tabIndex: -1,
-                        children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+                        children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
                           Icon_default,
                           {
                             className: "w-4 h-4",
@@ -11670,7 +11906,7 @@ var DataFormChildSection = (props) => {
           ) }, rowKey);
         }) })
       ] }) }),
-      !section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime98.jsx)("div", { className: "ml-1", children: /* @__PURE__ */ (0, import_jsx_runtime98.jsx)(
+      !section.readonly && !isOneToOne && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)("div", { className: "ml-1", children: /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
         ClientButton_default,
         {
           ButtonType: "Link" /* Link */,
@@ -11685,9 +11921,9 @@ var DataFormChildSection = (props) => {
 var DataFormChildSection_default = DataFormChildSection;
 
 // src/components/dataForm/DataForm.tsx
-var import_jsx_runtime99 = require("react/jsx-runtime");
+var import_jsx_runtime101 = require("react/jsx-runtime");
 var DataForm = (props) => {
-  const formRef = (0, import_react71.useRef)(null);
+  const formRef = (0, import_react72.useRef)(null);
   console.log(props.dataItem, "dssads");
   const initialState = {
     inputValues: {},
@@ -11696,9 +11932,9 @@ var DataForm = (props) => {
   const childInitialState = {
     inputValues: []
   };
-  const [formState, dispatch] = (0, import_react71.useReducer)(FormReducer_default, initialState);
+  const [formState, dispatch] = (0, import_react72.useReducer)(FormReducer_default, initialState);
   console.log(props.sections, "sections");
-  const clearHiddenChildSections = (0, import_react71.useCallback)(
+  const clearHiddenChildSections = (0, import_react72.useCallback)(
     (changedProperty, newValues) => {
       if (!props.sections) return;
       const allChildSections = [];
@@ -11736,7 +11972,7 @@ var DataForm = (props) => {
     },
     [props.sections, formState.inputValues]
   );
-  const handleInputChange = (0, import_react71.useCallback)(
+  const handleInputChange = (0, import_react72.useCallback)(
     async (updatedValues) => {
       dispatch({
         type: FORM_INPUT_UPDATE,
@@ -11751,7 +11987,7 @@ var DataForm = (props) => {
     },
     [dispatch, formState.inputValues, clearHiddenChildSections]
   );
-  const fetchData = (0, import_react71.useCallback)(async () => {
+  const fetchData = (0, import_react72.useCallback)(async () => {
     if (!props.rules) return;
     if (Object.keys(formState.inputValues).length === 0) {
       return;
@@ -11782,7 +12018,7 @@ var DataForm = (props) => {
       console.error("Error fetching data:", error);
     }
   }, [formState.lastPropertyChanged, formState.inputValues]);
-  (0, import_react71.useEffect)(() => {
+  (0, import_react72.useEffect)(() => {
     fetchData();
   }, [formState.inputValues, formState.lastPropertyChanged]);
   function replacePlaceholders(template, context, params) {
@@ -11802,7 +12038,7 @@ var DataForm = (props) => {
       }
     );
   }
-  const handleChildSectionChangeCallback = (0, import_react71.useCallback)(
+  const handleChildSectionChangeCallback = (0, import_react72.useCallback)(
     (params) => {
       dispatch({
         type: params.actionType,
@@ -11847,7 +12083,7 @@ var DataForm = (props) => {
     });
     return cloned;
   }
-  const onClick = (0, import_react71.useCallback)(async () => {
+  const onClick = (0, import_react72.useCallback)(async () => {
     if (props.onClick) {
       const isEdit = props.dataItem && Object.keys(props.dataItem).length > 0;
       const normalizedValues = normalizeChildSections(
@@ -11863,21 +12099,21 @@ var DataForm = (props) => {
       return { isSuccessful: true };
     }
   }, [formState, props]);
-  const handleAdditionalOnClick = (0, import_react71.useCallback)(async () => {
+  const handleAdditionalOnClick = (0, import_react72.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_react71.useCallback)(async () => {
+  const onDelete = (0, import_react72.useCallback)(async () => {
     if (props.onDelete) {
       return await props.onDelete(formState);
     } else {
       return { isSuccessful: true };
     }
   }, [formState, props]);
-  (0, import_react71.useEffect)(() => {
+  (0, import_react72.useEffect)(() => {
     if (props.dataItem) {
       dispatch({
         type: FORM_INITIAL_UPDATE,
@@ -11905,19 +12141,19 @@ var DataForm = (props) => {
       return false;
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react71.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex-grow flex flex-col", children: [
-    props.title && /* @__PURE__ */ (0, import_jsx_runtime99.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_runtime99.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react72.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex-grow flex flex-col", children: [
+    props.title && /* @__PURE__ */ (0, import_jsx_runtime101.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_runtime101.jsxs)(
       "div",
       {
         className: "inline-flex items-center gap-2 cursor-pointer",
         onClick: () => window.history.back(),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 text-primary-800" }),
-          /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("h2", { className: "text-lg font-semibold text-primary-800", children: props.title })
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 text-primary-800" }),
+          /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("h2", { className: "text-lg font-semibold text-primary-800", children: props.title })
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
       "form",
       {
         className: "group space-y-6 pb-6 overflow-y-auto",
@@ -11938,8 +12174,8 @@ var DataForm = (props) => {
             }
           }
         },
-        children: /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "flex flex-col gap-6", children: props.sections?.map((section, sectionIndex) => {
-          return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react71.default.Fragment, { children: !section.isChildSection && /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: " rounded-b-lg bg-white shadow border-neutral-200 border px-8 py-6 ", children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "flex flex-col gap-6", children: props.sections?.map((section, sectionIndex) => {
+          return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react72.default.Fragment, { children: !section.isChildSection && /* @__PURE__ */ (0, import_jsx_runtime101.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;
@@ -11950,14 +12186,14 @@ var DataForm = (props) => {
                     sectionRow.visible
                   );
                 }
-                return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_react71.default.Fragment, { children: isVisible && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { className: "lg:flex gap-14 flex-1 mb-4 ", children: sectionRow.elements.map((field, index) => {
-                  return /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(import_react72.default.Fragment, { children: isVisible && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { className: "lg:flex gap-14 flex-1 mb-4 ", children: sectionRow.elements.map((field, index) => {
+                  return /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)(
                     "div",
                     {
                       className: sectionRow.grow ? "grow" : "",
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { children: field.controlType }),
-                        /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { children: field.controlType }),
+                        /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
                           InputControl_default,
                           {
                             name: field.name,
@@ -11987,12 +12223,12 @@ var DataForm = (props) => {
                 }) }) }, sectionRowIndex);
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { children: section.childSections?.map(
+            /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { children: section.childSections?.map(
               (childSection, childSectionIndex) => {
-                return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { children: childSection.name && evalutateCondition(
+                return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { children: childSection.name && evalutateCondition(
                   formState.inputValues,
                   childSection.visible
-                ) && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+                ) && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
                   DataFormChildSection_default,
                   {
                     section: childSection,
@@ -12007,8 +12243,8 @@ var DataForm = (props) => {
         }) })
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime99.jsxs)("div", { className: "flex px-6 py-3 mt-2 mb-2 justify-end  items-center gap-5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { children: props.additionalActions && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime101.jsxs)("div", { className: "flex px-6 py-3 mt-2 mb-2 justify-end  items-center gap-5", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { children: props.additionalActions && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
         Button_default,
         {
           ButtonType: "PrimaryHollow" /* Hollow */,
@@ -12016,7 +12252,7 @@ var DataForm = (props) => {
           children: props.additionalActions.title
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { children: props.onDelete && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { children: props.onDelete && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
         Button_default,
         {
           ButtonType: "PrimaryHollow" /* Hollow */,
@@ -12027,7 +12263,7 @@ var DataForm = (props) => {
           children: "Delete"
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime99.jsx)("div", { children: props.onClick && /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime101.jsx)("div", { children: props.onClick && /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(
         Button_default,
         {
           onValidate,
@@ -12045,7 +12281,7 @@ var DataForm_default = DataForm;
 
 // src/components/dataForm/DataFormRenderer.tsx
 init_ServiceClient();
-var import_jsx_runtime100 = require("react/jsx-runtime");
+var import_jsx_runtime102 = require("react/jsx-runtime");
 function getAction(actions, code) {
   return actions?.find((a) => a.actionCode === code);
 }
@@ -12071,9 +12307,9 @@ var DataFormRenderer = ({
     "Delete"
   );
   const hasDataItem = dataItem && Object.keys(dataItem).length > 0;
-  return /* @__PURE__ */ (0, import_jsx_runtime100.jsxs)("div", { className: "flex-grow flex flex-col", children: [
-    widgetProps && /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
-    /* @__PURE__ */ (0, import_jsx_runtime100.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime102.jsxs)("div", { className: "flex-grow flex flex-col", children: [
+    widgetProps && /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
+    /* @__PURE__ */ (0, import_jsx_runtime102.jsx)(
       DataForm_default,
       {
         title: !isAddPage ? "Edit " + formDefinition.formTitle + "- v2" : "Add " + formDefinition.formTitle + "- v2",