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

package/dist/index.mjs

@@ -116,117 +116,73 @@ var AssetUtility_default = AssetUtility;
 
 // src/components/DeviceAssetSelector.tsx
 import { jsx as jsx3 } from "react/jsx-runtime";
+var FORMAT_CLASSES = {
+  center: "justify-center",
+  left: "justify-start",
+  right: "justify-end"
+};
 var DeviceAssetSelector = ({
   assets,
   assetBaseUrl,
   session,
-  // This should receive the session
   width,
   tag,
-  customProps,
   nodeProps,
   device
 }) => {
-  console.log("\u{1F511} Session in DeviceAssetSelector:", session);
   const targetTag = tag || nodeProps?.tag;
-  const selectAssetByDevice = (assets2, currentDevice) => {
-    if (!assets2 || assets2.length === 0) return void 0;
-    const exactMatch = assets2.find((asset) => asset.device === currentDevice);
-    if (exactMatch) return exactMatch;
-    const noDeviceMatch = assets2.find((asset) => !asset.device || asset.device === "");
-    if (noDeviceMatch) return noDeviceMatch;
-    return void 0;
-  };
-  const selectAssetByTagAndDevice = (assets2, currentDevice, targetTag2) => {
-    if (!assets2 || assets2.length === 0) return void 0;
-    if (!targetTag2) return selectAssetByDevice(assets2, currentDevice);
-    const taggedAssets = assets2.filter((asset) => asset.tag === targetTag2);
-    if (taggedAssets.length === 0) {
-      return selectAssetByDevice(assets2, currentDevice);
-    }
-    const exactTaggedMatch = taggedAssets.find((asset) => asset.device === currentDevice);
-    if (exactTaggedMatch) return exactTaggedMatch;
-    const noDeviceTaggedMatch = taggedAssets.find((asset) => !asset.device || asset.device === "");
-    if (noDeviceTaggedMatch) return noDeviceTaggedMatch;
-    return void 0;
-  };
+  const selectAssetByDevice = (assets2, currentDevice) => assets2.find((a) => a.device === currentDevice) ?? assets2.find((a) => !a.device || a.device === "");
   const selectAsset = () => {
-    if (!assets || assets.length === 0) return void 0;
+    if (!assets?.length) return void 0;
     if (targetTag) {
-      return selectAssetByTagAndDevice(assets, device, targetTag);
+      const tagged = assets.filter((a) => a.tag === targetTag);
+      if (tagged.length) {
+        return tagged.find((a) => a.device === device) ?? tagged.find((a) => !a.device || a.device === "");
+      }
     }
     return selectAssetByDevice(assets, device);
   };
   const selectedAsset = selectAsset();
-  if (!selectedAsset) {
-    console.warn("No suitable asset found for device:", device, "and tag:", targetTag);
-    return null;
-  }
+  if (!selectedAsset) return null;
   const resolvedAssetUrl = AssetUtility_default.resolveUrl(assetBaseUrl, selectedAsset.assetUrl);
   const resolvedThumbnailUrl = selectedAsset.posterUrl ? AssetUtility_default.resolveUrl(assetBaseUrl, selectedAsset.posterUrl) : void 0;
-  console.log("Selected Asset:", resolvedThumbnailUrl);
   const title = selectedAsset.title || nodeProps?.title;
-  const intrinsicWidth = selectedAsset.intrinsicWidth?.toString();
-  const intrinsicHeight = selectedAsset.intrinsicHeight?.toString();
   const isHls = resolvedAssetUrl?.endsWith(".m3u8");
-  const showControls = customProps?.showControls ?? nodeProps?.showControls === "true";
-  const loop = customProps?.loop ?? nodeProps?.loop === "true";
-  const playOptions = customProps?.playOptions ?? nodeProps?.playOptions;
-  const styles = {};
-  if (nodeProps?.height) {
-    styles.height = nodeProps.height;
-  }
-  if (nodeProps?.borderRadius) {
-    styles.borderRadius = nodeProps.borderRadius;
-  }
-  if (nodeProps?.width) {
-    styles.width = nodeProps.width;
-  }
-  const FormatClass = {
-    "center": "justify-center",
-    "left": "justify-start",
-    "right": "justify-end"
+  const showControls = nodeProps?.showControls === "true";
+  const loop = nodeProps?.loop === "true";
+  const styles = {
+    ...nodeProps?.borderRadius && { borderRadius: nodeProps.borderRadius },
+    ...nodeProps?.width && { width: nodeProps.width },
+    ...nodeProps?.height && { height: nodeProps.height }
   };
-  const formatClasses = FormatClass[nodeProps?.format || ""] || "";
-  const renderMedia = () => {
-    if (isHls) {
-      return /* @__PURE__ */ jsx3(
-        HlsPlayer_default,
-        {
-          assetUrl: resolvedAssetUrl,
-          posterUrl: resolvedThumbnailUrl,
-          intrinsicWidth,
-          intrinsicHeight,
-          showControls,
-          loop,
-          playOptions,
-          apiBaseUrl: assetBaseUrl,
-          session
-        }
-      );
-    } else {
-      return (
-        /* eslint-disable-next-line @next/next/no-img-element */
-        /* @__PURE__ */ jsx3(
-          "img",
-          {
-            style: styles,
-            loading: "lazy",
-            className: "object-cover w-full",
-            src: resolvedAssetUrl,
-            width: selectedAsset.intrinsicWidth,
-            alt: title || "Asset image",
-            height: selectedAsset.intrinsicHeight
-          }
-        )
-      );
+  const renderMedia = () => isHls ? /* @__PURE__ */ jsx3(
+    HlsPlayer_default,
+    {
+      assetUrl: resolvedAssetUrl,
+      posterUrl: resolvedThumbnailUrl,
+      intrinsicWidth: selectedAsset.intrinsicWidth?.toString(),
+      intrinsicHeight: selectedAsset.intrinsicHeight?.toString(),
+      showControls,
+      loop,
+      playOptions: nodeProps?.playOptions,
+      apiBaseUrl: assetBaseUrl,
+      session
+    }
+  ) : /* @__PURE__ */ jsx3(
+    "img",
+    {
+      style: styles,
+      loading: "lazy",
+      className: "object-cover w-full",
+      src: resolvedAssetUrl,
+      width: selectedAsset.intrinsicWidth,
+      height: selectedAsset.intrinsicHeight,
+      alt: title || "Asset image"
     }
-  };
-  if (width) {
-    return /* @__PURE__ */ jsx3("div", { style: { width }, children: renderMedia() });
-  }
+  );
+  if (width) return /* @__PURE__ */ jsx3("div", { style: { width }, children: renderMedia() });
   if (nodeProps?.format) {
-    return /* @__PURE__ */ jsx3("div", { className: `flex ${formatClasses}`, children: renderMedia() });
+    return /* @__PURE__ */ jsx3("div", { className: `flex ${FORMAT_CLASSES[nodeProps.format] ?? ""}`, children: renderMedia() });
   }
   return renderMedia();
 };
@@ -1929,10 +1885,10 @@ InputControl.displayName = "InputControl";
 var InputControl_default = InputControl;
 
 // src/components/pageRenderingEngine/PageBodyRenderer.tsx
-import React41 from "react";
+import React40 from "react";
 
 // src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
-import React30 from "react";
+import React29 from "react";
 
 // src/components/pageRenderingEngine/nodes/TextNode.tsx
 import { jsx as jsx36, jsxs as jsxs22 } from "react/jsx-runtime";
@@ -2014,15 +1970,12 @@ var LineBreakNode = () => {
 var LineBreakNode_default = LineBreakNode;
 
 // src/components/pageRenderingEngine/nodes/LinkNode.tsx
-import React29 from "react";
+import React28 from "react";
 
 // src/components/pageRenderingEngine/nodes/ImageNode.tsx
-import React28 from "react";
 import dynamic3 from "next/dynamic";
-import { Fragment as Fragment2, jsx as jsx38 } from "react/jsx-runtime";
-var HlsPlayer = dynamic3(() => import("./HlsPlayer-GZR4QXJY.mjs"), {
-  ssr: false
-});
+import { jsx as jsx38 } from "react/jsx-runtime";
+var HlsPlayer = dynamic3(() => import("./HlsPlayer-GZR4QXJY.mjs"), { ssr: false });
 var getNestedValue = (obj, path) => {
   if (!obj || !path) return void 0;
   return path.split(".").reduce((current, key) => {
@@ -2036,33 +1989,22 @@ var ImageNode = (props) => {
   const currentDevice = props.device;
   if (props.node.device) {
     const nodeDevice = props.node.device;
-    if (nodeDevice !== currentDevice) {
-      return null;
-    }
+    if (nodeDevice !== currentDevice) return null;
   }
-  console.log("ImageNode device / currentDevice:", props.node.device, currentDevice);
   if (props.node.imageUrl.startsWith("http")) {
     imageUrl = props.node.imageUrl;
-    posterUrl = AssetUtility_default.resolveUrl(
-      props.assetBaseUrl,
-      props.node.posterUrl
-    );
+    posterUrl = AssetUtility_default.resolveUrl(props.assetBaseUrl, props.node.posterUrl);
   } else if (props.dataitem && props.node.datafield) {
     const image = getNestedValue(props.dataitem, props.node.datafield);
-    console.log("ImageNode Datafield Image:", image);
-    try {
-      if (typeof image === "string") {
-        assets = JSON.parse(image);
-      } else if (Array.isArray(image)) {
-        assets = image;
-      } else if (image && typeof image === "object") {
-        assets = [image];
-      }
-    } catch (error) {
-      console.error("Error parsing assets in ImageNode:", error);
+    if (typeof image === "string") {
+      assets = JSON.parse(image);
+    } else if (Array.isArray(image)) {
+      assets = image;
+    } else if (image && typeof image === "object") {
+      assets = [image];
     }
     if (assets && assets.length > 0) {
-      return /* @__PURE__ */ jsx38(Fragment2, { children: /* @__PURE__ */ jsx38(
+      return /* @__PURE__ */ jsx38(
         DeviceAssetSelector_default,
         {
           device: props.device,
@@ -2079,11 +2021,10 @@ var ImageNode = (props) => {
             height: props.node.height,
             format: props.node.format,
             tag: props.node.tag,
-            // Add tag to ImageNode if needed
             placementCode: props.node.placementCode
           }
         }
-      ) });
+      );
     } else {
       imageUrl = AssetUtility_default.resolveUrl(props.assetBaseUrl, props.node.imageUrl);
       posterUrl = AssetUtility_default.resolveUrl(props.assetBaseUrl, props.node.posterUrl);
@@ -2092,56 +2033,45 @@ var ImageNode = (props) => {
     imageUrl = AssetUtility_default.resolveUrl(props.assetBaseUrl, props.node.imageUrl);
     posterUrl = AssetUtility_default.resolveUrl(props.assetBaseUrl, props.node.posterUrl);
   }
-  console.log("ImageNode Assets:", assets);
-  if (!imageUrl) {
-    return null;
-  }
-  const styles = {};
-  if (props.node.height) styles.height = props.node.height;
-  if (props.node.borderRadius) styles.borderRadius = props.node.borderRadius;
-  if (props.node.width) styles.width = props.node.width;
-  const FormatClass = {
-    "center": "justify-center",
-    "left": "justify-start",
-    "right": "justify-end"
+  if (!imageUrl) return null;
+  const styles = {
+    ...props.node.height && { height: props.node.height },
+    ...props.node.borderRadius && { borderRadius: props.node.borderRadius },
+    ...props.node.width && { width: props.node.width }
   };
-  {
-  }
-  const formatClasses = FormatClass[props.node.format] || "";
-  const isHls = imageUrl?.endsWith(".m3u8");
-  const renderMedia = () => {
-    if (isHls) {
-      return /* @__PURE__ */ jsx38(
-        HlsPlayer,
-        {
-          assetUrl: imageUrl,
-          posterUrl,
-          intrinsicWidth: props.node.intrinsicWidth,
-          intrinsicHeight: props.node.intrinsicHeight,
-          showControls: props.node.showControls === "true",
-          loop: props.node.loop === "true",
-          playOptions: props.node.playOptions,
-          apiBaseUrl: props.apiBaseUrl,
-          session: props.session
-        }
-      );
-    } else {
-      return /* @__PURE__ */ jsx38(React28.Fragment, { children: /* @__PURE__ */ jsx38(
-        "img",
-        {
-          style: styles,
-          loading: "lazy",
-          className: "object-cover",
-          src: imageUrl,
-          width: props.node.intrinsicWidth,
-          alt: props.node.title,
-          height: props.node.intrinsicHeight
-        }
-      ) });
-    }
+  const FORMAT_CLASSES2 = {
+    center: "justify-center",
+    left: "justify-start",
+    right: "justify-end"
   };
+  const isHls = imageUrl.endsWith(".m3u8");
+  const renderMedia = () => isHls ? /* @__PURE__ */ jsx38(
+    HlsPlayer,
+    {
+      assetUrl: imageUrl,
+      posterUrl,
+      intrinsicWidth: props.node.intrinsicWidth,
+      intrinsicHeight: props.node.intrinsicHeight,
+      showControls: props.node.showControls === "true",
+      loop: props.node.loop === "true",
+      playOptions: props.node.playOptions,
+      apiBaseUrl: props.apiBaseUrl,
+      session: props.session
+    }
+  ) : /* @__PURE__ */ jsx38(
+    "img",
+    {
+      style: styles,
+      loading: "lazy",
+      className: "object-cover",
+      src: imageUrl,
+      width: props.node.intrinsicWidth,
+      alt: props.node.title,
+      height: props.node.intrinsicHeight
+    }
+  );
   if (props.node.width) {
-    return /* @__PURE__ */ jsx38("div", { className: `flex ${formatClasses}`, children: renderMedia() });
+    return /* @__PURE__ */ jsx38("div", { className: `flex ${FORMAT_CLASSES2[props.node.format] ?? ""}`, children: renderMedia() });
   }
   return renderMedia();
 };
@@ -2149,7 +2079,7 @@ var ImageNode_default = ImageNode;
 
 // src/components/pageRenderingEngine/nodes/LinkNode.tsx
 import dynamic4 from "next/dynamic";
-import { Fragment as Fragment3, jsx as jsx39, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx39, jsxs as jsxs23 } from "react/jsx-runtime";
 var LinkNodeButton = dynamic4(() => import("./LinkNodeButton-WDDPNYWI.mjs"), {
   ssr: false
 });
@@ -2196,13 +2126,13 @@ var LinkNode = (props) => {
   const isButton = node.isButton === true;
   const renderChildren = () => {
     if (!node.children || node.children.length === 0) return null;
-    return /* @__PURE__ */ jsx39(Fragment3, { children: node.children.map((childNode, index) => {
+    return /* @__PURE__ */ jsx39(Fragment2, { children: node.children.map((childNode, index) => {
       const SelectedNode = NodeTypes2[childNode.type];
       if (!SelectedNode) {
         console.warn("Unknown node type:", childNode.type);
         return null;
       }
-      return /* @__PURE__ */ jsx39(React29.Fragment, { children: /* @__PURE__ */ jsx39(
+      return /* @__PURE__ */ jsx39(React28.Fragment, { children: /* @__PURE__ */ jsx39(
         SelectedNode,
         {
           node: childNode,
@@ -2419,7 +2349,7 @@ var DatafieldNode = (props) => {
 var DatafieldNode_default = DatafieldNode;
 
 // src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
-import { Fragment as Fragment4, jsx as jsx43, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx43, jsxs as jsxs24 } from "react/jsx-runtime";
 var ParagraphNode = (props) => {
   const NodeTypes2 = {
     ["text"]: TextNode_default,
@@ -2439,9 +2369,9 @@ var ParagraphNode = (props) => {
   const isInlineOnlyParent = props.parentTag === "summary";
   const hasChildren = props.node.children && props.node.children.length > 0;
   if (isInlineOnlyParent) {
-    return /* @__PURE__ */ jsx43(Fragment4, { children: hasChildren && props.node.children.map((node, index) => {
+    return /* @__PURE__ */ jsx43(Fragment3, { children: hasChildren && props.node.children.map((node, index) => {
       const SelectedNode = NodeTypes2[node.type];
-      return /* @__PURE__ */ jsx43(React30.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx43(
+      return /* @__PURE__ */ jsx43(React29.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx43(
         SelectedNode,
         {
           node,
@@ -2456,7 +2386,7 @@ var ParagraphNode = (props) => {
   return /* @__PURE__ */ jsxs24("div", { className: " " + formatClasses, children: [
     hasChildren && props.node.children.map((node, index) => {
       const SelectedNode = NodeTypes2[node.type];
-      return /* @__PURE__ */ jsx43(React30.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx43(
+      return /* @__PURE__ */ jsx43(React29.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx43(
         SelectedNode,
         {
           node,
@@ -2473,8 +2403,8 @@ var ParagraphNode = (props) => {
 var ParagraphNode_default = ParagraphNode;
 
 // src/components/pageRenderingEngine/nodes/HeadingNode.tsx
-import React31 from "react";
-import { Fragment as Fragment5, jsx as jsx44 } from "react/jsx-runtime";
+import React30 from "react";
+import { Fragment as Fragment4, jsx as jsx44 } from "react/jsx-runtime";
 var HeadingNode = (props) => {
   const NodeTypes2 = {
     ["text"]: TextNode_default,
@@ -2490,22 +2420,22 @@ var HeadingNode = (props) => {
   {
   }
   const formatClasses = FormatClass[props.node.format] || "";
-  return /* @__PURE__ */ jsx44(Fragment5, { children: React31.createElement(
+  return /* @__PURE__ */ jsx44(Fragment4, { children: React30.createElement(
     HeadingTag,
     { className: formatClasses },
     props.node.children && props.node.children.map((childNode, index) => {
       const SelectedNode = NodeTypes2[childNode.type];
-      return /* @__PURE__ */ jsx44(React31.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx44(SelectedNode, { node: childNode, dataitem: props.dataitem, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
+      return /* @__PURE__ */ jsx44(React30.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx44(SelectedNode, { node: childNode, dataitem: props.dataitem, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
     })
   ) });
 };
 var HeadingNode_default = HeadingNode;
 
 // src/components/pageRenderingEngine/nodes/ListNode.tsx
-import React33 from "react";
+import React32 from "react";
 
 // src/components/pageRenderingEngine/nodes/ListItemNode.tsx
-import React32 from "react";
+import React31 from "react";
 import { jsx as jsx45 } from "react/jsx-runtime";
 var ListItemNode = (props) => {
   const NodeTypes2 = {
@@ -2534,7 +2464,7 @@ var ListItemNode = (props) => {
       }
     } else {
       foundFirstBreak = false;
-      return /* @__PURE__ */ jsx45(React32.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx45(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
+      return /* @__PURE__ */ jsx45(React31.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx45(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
     }
   }) });
 };
@@ -2546,21 +2476,21 @@ var ListNode = (props) => {
   const NodeTypes2 = {
     listitem: ListItemNode_default
   };
-  return /* @__PURE__ */ jsxs25(React33.Fragment, { children: [
+  return /* @__PURE__ */ jsxs25(React32.Fragment, { children: [
     props.node.listType == "bullet" && /* @__PURE__ */ jsx46("ul", { children: props.node.children && props.node.children.map((node, index) => {
       const SelectedNode = NodeTypes2[node.type];
-      return /* @__PURE__ */ jsx46(React33.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx46(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
+      return /* @__PURE__ */ jsx46(React32.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx46(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
     }) }),
     props.node.listType == "number" && /* @__PURE__ */ jsx46("ol", { children: props.node.children && props.node.children.map((node, index) => {
       const SelectedNode = NodeTypes2[node.type];
-      return /* @__PURE__ */ jsx46(React33.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx46(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
+      return /* @__PURE__ */ jsx46(React32.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx46(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
     }) })
   ] });
 };
 var ListNode_default = ListNode;
 
 // src/components/pageRenderingEngine/nodes/QuoteNode.tsx
-import React34 from "react";
+import React33 from "react";
 import { jsx as jsx47 } from "react/jsx-runtime";
 var QuoteNode = (props) => {
   const NodeTypes2 = {
@@ -2570,13 +2500,13 @@ var QuoteNode = (props) => {
   };
   return /* @__PURE__ */ jsx47("blockquote", { children: props.node.children && props.node.children.map((node, index) => {
     const SelectedNode = NodeTypes2[node.type];
-    return /* @__PURE__ */ jsx47(React34.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx47(SelectedNode, { node, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
+    return /* @__PURE__ */ jsx47(React33.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx47(SelectedNode, { node, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
   }) });
 };
 var QuoteNode_default = QuoteNode;
 
 // src/components/pageRenderingEngine/nodes/CodeNode.tsx
-import React35 from "react";
+import React34 from "react";
 import dynamic5 from "next/dynamic";
 import { jsx as jsx48, jsxs as jsxs26 } from "react/jsx-runtime";
 var CopyButton = dynamic5(() => import("./CopyButton-XONTQQW7.mjs"), {
@@ -2603,7 +2533,7 @@ var CodeNode = (props) => {
     ] }),
     /* @__PURE__ */ jsx48("code", { className: "bg-neutral-soft p-4 text-sm whitespace-pre-wrap border border-2 block", children: props.node.children && props.node.children.map((node, index) => {
       const SelectedNode = NodeTypes2[node.type];
-      return /* @__PURE__ */ jsx48(React35.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx48(
+      return /* @__PURE__ */ jsx48(React34.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx48(
         SelectedNode,
         {
           node,
@@ -2625,8 +2555,8 @@ var HorizontalRuleNode = () => {
 var HorizontalRuleNode_default = HorizontalRuleNode;
 
 // src/components/pageRenderingEngine/nodes/WidgetNode.tsx
-import React36 from "react";
-import { Fragment as Fragment6, jsx as jsx50 } from "react/jsx-runtime";
+import React35 from "react";
+import { Fragment as Fragment5, jsx as jsx50 } from "react/jsx-runtime";
 var WidgetNode = (props) => {
   const getWidgetParameters = () => {
     const widgetInputParameters = {
@@ -2690,7 +2620,7 @@ var WidgetNode = (props) => {
   };
   const widgetCode = props.node?.widgetCode;
   if (!widgetCode) {
-    return /* @__PURE__ */ jsx50(Fragment6, { children: "Invalid widget" });
+    return /* @__PURE__ */ jsx50(Fragment5, { children: "Invalid widget" });
   }
   const widgetParams = getWidgetParameters();
   const WidgetRenderer = props.widgetRenderer;
@@ -2699,7 +2629,7 @@ var WidgetNode = (props) => {
   }
   return (
     // eslint-disable-next-line react-hooks/static-components
-    /* @__PURE__ */ jsx50(React36.Fragment, { children: /* @__PURE__ */ jsx50(
+    /* @__PURE__ */ jsx50(React35.Fragment, { children: /* @__PURE__ */ jsx50(
       WidgetRenderer,
       {
         params: widgetParams,
@@ -2716,7 +2646,7 @@ var WidgetNode = (props) => {
 var WidgetNode_default = WidgetNode;
 
 // src/components/pageRenderingEngine/nodes/FormContainerNode.tsx
-import React37, { useRef as useRef3, useReducer, useCallback as useCallback2, useEffect as useEffect7 } from "react";
+import React36, { useRef as useRef3, useReducer, useCallback as useCallback2, useEffect as useEffect7 } from "react";
 
 // src/components/pageRenderingEngine/nodes/InputControlNode.tsx
 import { jsx as jsx51 } from "react/jsx-runtime";
@@ -2829,7 +2759,7 @@ var FormContainerNode = (props) => {
       {
       }
       const SelectedNode = NodeTypes2[node2.type];
-      return /* @__PURE__ */ jsx52(React37.Fragment, { children: SelectedNode && node2.type == "input-control" && /* @__PURE__ */ jsx52(
+      return /* @__PURE__ */ jsx52(React36.Fragment, { children: SelectedNode && node2.type == "input-control" && /* @__PURE__ */ jsx52(
         InputControlNode_default,
         {
           value: formState.inputValues[node2.name],
@@ -2844,7 +2774,7 @@ var FormContainerNode = (props) => {
 var FormContainerNode_default = FormContainerNode;
 
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
-import React40 from "react";
+import React39 from "react";
 
 // src/components/pageRenderingEngine/nodes/EmbedNode.tsx
 import dynamic6 from "next/dynamic";
@@ -2866,8 +2796,8 @@ var EmbedNode = (props) => {
 var EmbedNode_default = EmbedNode;
 
 // src/components/Slider.tsx
-import React38, { useState as useState5, useEffect as useEffect8, Children, cloneElement } from "react";
-import { Fragment as Fragment7, jsx as jsx54, jsxs as jsxs28 } from "react/jsx-runtime";
+import React37, { useState as useState5, useEffect as useEffect8, Children, cloneElement } from "react";
+import { Fragment as Fragment6, jsx as jsx54, jsxs as jsxs28 } from "react/jsx-runtime";
 var Slider = ({
   children,
   slidesToShow = 4,
@@ -2961,7 +2891,7 @@ var Slider = ({
   };
   const translateX = -currentSlide * (100 / slidesToShowState);
   const slides = Children.map(children, (child, index) => {
-    if (!React38.isValidElement(child)) return null;
+    if (!React37.isValidElement(child)) return null;
     const childProps = child.props;
     const mergedClassName = `${childProps.className ?? ""} w-full`.trim();
     return /* @__PURE__ */ jsx54(
@@ -3005,7 +2935,7 @@ var Slider = ({
             children: slides
           }
         ),
-        show_arrows && /* @__PURE__ */ jsxs28(Fragment7, { children: [
+        show_arrows && /* @__PURE__ */ jsxs28(Fragment6, { children: [
           /* @__PURE__ */ jsx54(
             ArrowButton,
             {
@@ -3701,7 +3631,7 @@ var Pagination_default = Pagination;
 
 // src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
 import dynamic7 from "next/dynamic";
-import { Fragment as Fragment8, jsx as jsx57, jsxs as jsxs31 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx57, jsxs as jsxs31 } from "react/jsx-runtime";
 var HlsPlayer2 = dynamic7(() => import("./HlsPlayer-GZR4QXJY.mjs"), { ssr: false });
 var deviceToMediaQuery = (device) => {
   switch (device) {
@@ -3770,8 +3700,8 @@ var ImageGalleryNode = (props) => {
     right: "justify-end"
   };
   const formatClasses = FormatClass[props.node.format || ""] || "";
-  return /* @__PURE__ */ jsxs31(Fragment8, { children: [
-    hlsSources.length > 0 && /* @__PURE__ */ jsx57(Fragment8, { children: /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsxs31(Fragment7, { children: [
+    hlsSources.length > 0 && /* @__PURE__ */ jsx57(Fragment7, { children: /* @__PURE__ */ jsx57(
       HlsPlayer2,
       {
         sources: hlsSources,
@@ -3785,7 +3715,7 @@ var ImageGalleryNode = (props) => {
         session: props.session
       }
     ) }),
-    staticFallback && /* @__PURE__ */ jsx57(Fragment8, { children: /* @__PURE__ */ jsxs31("picture", { children: [
+    staticFallback && /* @__PURE__ */ jsx57(Fragment7, { children: /* @__PURE__ */ jsxs31("picture", { children: [
       DEVICE_ORDER.map((deviceKey) => {
         const match = staticSources.find((img) => img.device === deviceKey);
         if (!match) return null;
@@ -4061,7 +3991,7 @@ var DivContainer = async (props) => {
     }
     const SelectedNode = NodeTypes2[node.type];
     if (!SelectedNode) return null;
-    return /* @__PURE__ */ jsx58(React40.Fragment, { children: /* @__PURE__ */ jsx58(
+    return /* @__PURE__ */ jsx58(React39.Fragment, { children: /* @__PURE__ */ jsx58(
       SelectedNode,
       {
         node,
@@ -4163,9 +4093,9 @@ var DivContainer = async (props) => {
     props.node.autoFormat && "auto-format",
     props.node.bgClass
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs32(React40.Fragment, { children: [
+  return /* @__PURE__ */ jsxs32(React39.Fragment, { children: [
     /* @__PURE__ */ jsx58("style", { dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS } }),
-    /* @__PURE__ */ jsx58(React40.Fragment, { children: /* @__PURE__ */ jsx58(
+    /* @__PURE__ */ jsx58(React39.Fragment, { children: /* @__PURE__ */ jsx58(
       Wrapper,
       {
         id: guid,
@@ -4174,7 +4104,7 @@ var DivContainer = async (props) => {
         ...wrapperProps,
         children: dataToRender.map(
           (item, idx) => item?.links?.view && renderLink ? renderChildren(props.node.children, props, item, idx, props.href ? void 0 : item?.links?.view)?.map(
-            (child, i) => /* @__PURE__ */ jsx58(React40.Fragment, { children: child }, i)
+            (child, i) => /* @__PURE__ */ jsx58(React39.Fragment, { children: child }, i)
           ) : renderChildren(props.node.children, props, item, idx)
         )
       }
@@ -4213,11 +4143,11 @@ var PageBodyRenderer = (props) => {
   if (pageBodyTree && pageBodyTree.root) {
     rootNode = pageBodyTree.root;
   }
-  return /* @__PURE__ */ jsx59(React41.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
+  return /* @__PURE__ */ jsx59(React40.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
     {
     }
     const SelectedNode = NodeTypes[node.type];
-    return /* @__PURE__ */ jsx59(React41.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx59(React41.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ jsx59(React41.Fragment, { children: /* @__PURE__ */ jsx59(
+    return /* @__PURE__ */ jsx59(React40.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx59(React40.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ jsx59(React40.Fragment, { children: /* @__PURE__ */ jsx59(
       SelectedNode,
       {
         node,
@@ -4233,7 +4163,7 @@ var PageBodyRenderer = (props) => {
         device: props.device,
         widgetRenderer: props.widgetRenderer
       }
-    ) }) : /* @__PURE__ */ jsx59(React41.Fragment, { children: /* @__PURE__ */ jsx59(
+    ) }) : /* @__PURE__ */ jsx59(React40.Fragment, { children: /* @__PURE__ */ jsx59(
       SelectedNode,
       {
         node,
@@ -4255,7 +4185,7 @@ var PageBodyRenderer_default = PageBodyRenderer;
 
 // src/components/Toast.tsx
 import { useState as useState7 } from "react";
-import { Fragment as Fragment9, jsx as jsx60, jsxs as jsxs33 } from "react/jsx-runtime";
+import { Fragment as Fragment8, jsx as jsx60, jsxs as jsxs33 } from "react/jsx-runtime";
 var Toast = () => {
   const [showToast, setShowToast] = useState7(false);
   const [message, setMessage] = useState7("");
@@ -4298,7 +4228,7 @@ var Toast = () => {
   const closeToast = () => {
     setShowToast(false);
   };
-  return /* @__PURE__ */ jsx60(Fragment9, { children: showToast && /* @__PURE__ */ jsx60("div", { className: "fixed top-2 flex justify-center w-1/2 max-w-xl left-1/2 -translate-x-1/2", style: { zIndex: 1e3 }, children: /* @__PURE__ */ jsxs33("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
+  return /* @__PURE__ */ jsx60(Fragment8, { children: showToast && /* @__PURE__ */ jsx60("div", { className: "fixed top-2 flex justify-center w-1/2 max-w-xl left-1/2 -translate-x-1/2", style: { zIndex: 1e3 }, children: /* @__PURE__ */ jsxs33("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
     /* @__PURE__ */ jsx60(
       "span",
       {
@@ -4364,22 +4294,22 @@ var NavigationTabsV2 = ({ tabs, params = {} }) => {
 var NavigationTabsV2_default = NavigationTabsV2;
 
 // src/components/dataForm/DataList.tsx
-import React45, { useEffect as useEffect9, useState as useState8, useCallback as useCallback3, useReducer as useReducer2 } from "react";
+import React44, { useEffect as useEffect9, useState as useState8, useCallback as useCallback3, useReducer as useReducer2 } from "react";
 import { useRouter } from "next/navigation";
 
 // src/components/dataForm/NoContentView.tsx
-import React43 from "react";
+import React42 from "react";
 import { jsx as jsx62 } from "react/jsx-runtime";
 var NoContentView = (props) => {
-  return /* @__PURE__ */ jsx62(React43.Fragment, { children: props.isDataFound === false && props.children });
+  return /* @__PURE__ */ jsx62(React42.Fragment, { children: props.isDataFound === false && props.children });
 };
 var NoContentView_default = NoContentView;
 
 // src/components/dataForm/ContentView.tsx
-import React44 from "react";
+import React43 from "react";
 import { jsx as jsx63, jsxs as jsxs34 } from "react/jsx-runtime";
 var ContentView = (props) => {
-  return /* @__PURE__ */ jsxs34(React44.Fragment, { children: [
+  return /* @__PURE__ */ jsxs34(React43.Fragment, { children: [
     props.isDataFound == null && /* @__PURE__ */ jsx63("div", { className: "", children: /* @__PURE__ */ jsxs34("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
       /* @__PURE__ */ jsxs34("div", { className: "flex items-center mb-4", children: [
         /* @__PURE__ */ jsx63("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
@@ -4418,7 +4348,7 @@ var ContentView = (props) => {
 var ContentView_default = ContentView;
 
 // src/components/dataForm/DataList.tsx
-import { Fragment as Fragment10, jsx as jsx64, jsxs as jsxs35 } from "react/jsx-runtime";
+import { Fragment as Fragment9, jsx as jsx64, jsxs as jsxs35 } from "react/jsx-runtime";
 var DataList = (props) => {
   console.log(props.dataset, "datasetssssss");
   const router = useRouter();
@@ -4497,7 +4427,7 @@ var DataList = (props) => {
   const renderPageNumbers = () => {
     if (pages <= 10) {
       return Array.from({ length: pages }, (_, index) => index + 1).map(
-        (page) => /* @__PURE__ */ jsx64(React45.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx64(
+        (page) => /* @__PURE__ */ jsx64(React44.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx64(
           Hyperlink,
           {
             className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -4510,8 +4440,8 @@ var DataList = (props) => {
       const showFirstPages = activePageNumber <= 5;
       const showLastPages = activePageNumber > pages - 5;
       if (showFirstPages) {
-        return /* @__PURE__ */ jsxs35(Fragment10, { children: [
-          Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ jsx64(React45.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx64(
+        return /* @__PURE__ */ jsxs35(Fragment9, { children: [
+          Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ jsx64(React44.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx64(
             Hyperlink,
             {
               className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -4558,7 +4488,7 @@ var DataList = (props) => {
           ) })
         ] });
       } else if (showLastPages) {
-        return /* @__PURE__ */ jsxs35(Fragment10, { children: [
+        return /* @__PURE__ */ jsxs35(Fragment9, { children: [
           /* @__PURE__ */ jsx64(
             Hyperlink,
             {
@@ -4577,7 +4507,7 @@ var DataList = (props) => {
           ),
           /* @__PURE__ */ jsx64("span", { className: "px-2 py-1", children: "..." }),
           Array.from({ length: 8 }, (_, index) => pages - 7 + index).map(
-            (page) => /* @__PURE__ */ jsx64(React45.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx64(
+            (page) => /* @__PURE__ */ jsx64(React44.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx64(
               Hyperlink,
               {
                 className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -4588,7 +4518,7 @@ var DataList = (props) => {
           )
         ] });
       } else {
-        return /* @__PURE__ */ jsxs35(Fragment10, { children: [
+        return /* @__PURE__ */ jsxs35(Fragment9, { children: [
           /* @__PURE__ */ jsx64(
             Hyperlink,
             {
@@ -4609,7 +4539,7 @@ var DataList = (props) => {
           Array.from(
             { length: 5 },
             (_, index) => activePageNumber - 2 + index
-          ).map((page) => /* @__PURE__ */ jsx64(React45.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx64(
+          ).map((page) => /* @__PURE__ */ jsx64(React44.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx64(
             Hyperlink,
             {
               className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
@@ -4655,7 +4585,7 @@ var DataList = (props) => {
       }
     }
   };
-  return /* @__PURE__ */ jsxs35(React45.Fragment, { children: [
+  return /* @__PURE__ */ jsxs35(React44.Fragment, { children: [
     /* @__PURE__ */ jsxs35(ContentView_default, { isDataFound, children: [
       (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ jsxs35(
         "div",
@@ -4733,7 +4663,7 @@ var DataList = (props) => {
           }
           return /* @__PURE__ */ jsx64("tr", { className: validityClass, children: props?.columns?.map((column, colindex) => {
             console.log("column", column);
-            return /* @__PURE__ */ jsx64(React45.Fragment, { children: /* @__PURE__ */ jsx64(
+            return /* @__PURE__ */ jsx64(React44.Fragment, { children: /* @__PURE__ */ jsx64(
               "td",
               {
                 className: "px-6 py-2 whitespace-normal " + (column.controlType == ViewControlTypes_default.money ? "" : ""),
@@ -4885,7 +4815,7 @@ var DataList = (props) => {
 var DataList_default = DataList;
 
 // src/components/dataForm/DataListRenderer.tsx
-import React46, { useState as useState9, useEffect as useEffect10 } from "react";
+import React45, { useState as useState9, useEffect as useEffect10 } from "react";
 import { usePathname as usePathname2 } from "next/navigation";
 import { jsx as jsx65, jsxs as jsxs36 } from "react/jsx-runtime";
 var viewControlMap = {
@@ -4976,7 +4906,7 @@ var DataListRenderer = ({
   const [tabItem, setTabItem] = useState9();
   const activeTab = tabItem?.find((tab) => tab.isActive);
   const activeHref = activeTab ? resolveRoutePlaceholders2(activeTab.landingPageUrl, params) : pathname;
-  return /* @__PURE__ */ jsxs36(React46.Fragment, { children: [
+  return /* @__PURE__ */ jsxs36(React45.Fragment, { children: [
     widgetProps && /* @__PURE__ */ jsx65(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
     /* @__PURE__ */ jsx65(
       DataList_default,
@@ -4997,10 +4927,10 @@ var DataListRenderer = ({
 var DataListRenderer_default = DataListRenderer;
 
 // src/components/dataForm/DataForm.tsx
-import React48, { useCallback as useCallback5, useEffect as useEffect11, useReducer as useReducer3, useRef as useRef4 } from "react";
+import React47, { useCallback as useCallback5, useEffect as useEffect11, useReducer as useReducer3, useRef as useRef4 } from "react";
 
 // src/components/dataForm/DataFormChildSection.tsx
-import React47, { useCallback as useCallback4 } from "react";
+import React46, { useCallback as useCallback4 } from "react";
 
 // src/components/dataForm/StyleTypes.tsx
 var StyleTypes2 = /* @__PURE__ */ ((StyleTypes3) => {
@@ -5091,7 +5021,7 @@ var DataFormChildSection = (props) => {
     childItemsToRender,
     allChildItems: childItems
   });
-  return /* @__PURE__ */ jsx66(React47.Fragment, { children: /* @__PURE__ */ jsxs37("div", { className: "rounded border-neutral-200 border px-6 py-4 mb-2", children: [
+  return /* @__PURE__ */ jsx66(React46.Fragment, { children: /* @__PURE__ */ jsxs37("div", { className: "rounded border-neutral-200 border px-6 py-4 mb-2", children: [
     section.sectionTitle && /* @__PURE__ */ jsx66("div", { className: "mb-4 text-lg font-medium text-body-950", children: section.sectionTitle }),
     /* @__PURE__ */ jsx66("div", { className: "flex-grow flex flex-col justify-between overflow-y-auto", children: /* @__PURE__ */ jsxs37("div", { className: "flex flex-col justify-between gap-2", children: [
       /* @__PURE__ */ jsx66("div", { children: /* @__PURE__ */ jsxs37("table", { className: "w-full border-separate divide-y divide-gray-200", children: [
@@ -5113,7 +5043,7 @@ var DataFormChildSection = (props) => {
         /* @__PURE__ */ jsx66("tbody", { className: "divide-y divide-gray-200", children: childItemsToRender.map((visibleItem, filteredIndex) => {
           const { item, originalIndex } = visibleItem;
           const rowKey = originalIndex;
-          return /* @__PURE__ */ jsx66(React47.Fragment, { children: section.sectionRows.map(
+          return /* @__PURE__ */ jsx66(React46.Fragment, { children: section.sectionRows.map(
             (sectionRow, sectionRowIndex) => {
               return /* @__PURE__ */ jsxs37(
                 "tr",
@@ -5402,7 +5332,7 @@ var DataForm = (props) => {
       return false;
     }
   }
-  return /* @__PURE__ */ jsx67(React48.Fragment, { children: /* @__PURE__ */ jsxs38("div", { className: "flex-grow flex flex-col", children: [
+  return /* @__PURE__ */ jsx67(React47.Fragment, { children: /* @__PURE__ */ jsxs38("div", { className: "flex-grow flex flex-col", children: [
     props.title && /* @__PURE__ */ jsx67("div", { className: "inline-flex items-center gap-2 px-6 py-3 border border-neutral-200 bg-white shadow-sm rounded-t-md", children: /* @__PURE__ */ jsxs38(
       "div",
       {
@@ -5436,7 +5366,7 @@ var DataForm = (props) => {
           }
         },
         children: /* @__PURE__ */ jsx67("div", { className: "flex flex-col gap-6", children: props.sections?.map((section, sectionIndex) => {
-          return /* @__PURE__ */ jsx67(React48.Fragment, { children: !section.isChildSection && /* @__PURE__ */ jsxs38("div", { className: " rounded-b-lg bg-white shadow border-neutral-200 border px-8 py-6 ", children: [
+          return /* @__PURE__ */ jsx67(React47.Fragment, { children: !section.isChildSection && /* @__PURE__ */ jsxs38("div", { className: " rounded-b-lg bg-white shadow border-neutral-200 border px-8 py-6 ", children: [
             section.sectionRows?.map(
               (sectionRow, sectionRowIndex) => {
                 const elementsCount = sectionRow.elements.length;
@@ -5447,7 +5377,7 @@ var DataForm = (props) => {
                     sectionRow.visible
                   );
                 }
-                return /* @__PURE__ */ jsx67(React48.Fragment, { children: isVisible && /* @__PURE__ */ jsx67("div", { className: "lg:flex gap-14 flex-1 mb-4 ", children: sectionRow.elements.map((field, index) => {
+                return /* @__PURE__ */ jsx67(React47.Fragment, { children: isVisible && /* @__PURE__ */ jsx67("div", { className: "lg:flex gap-14 flex-1 mb-4 ", children: sectionRow.elements.map((field, index) => {
                   return /* @__PURE__ */ jsxs38(
                     "div",
                     {