@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260704091052 → 0.8.1-dev.20260706114046

package/dist/server.mjs

@@ -0,0 +1,2698 @@
+import {
+  ServiceClient_default
+} from "./chunk-3GWLDT7C.mjs";
+import {
+  Hyperlink,
+  OdataBuilder
+} from "./chunk-TVL6KVD5.mjs";
+import "./chunk-56HSDML5.mjs";
+
+// src/components/pageRenderingEngine/PageBodyRenderer.tsx
+import React20 from "react";
+
+// src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
+import React12 from "react";
+
+// src/components/pageRenderingEngine/nodes/TextNode.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var TextNode = (props) => {
+  function cssStringToJson(cssString) {
+    const styleObject = {};
+    const matches = cssString?.match(/([\w-]+)\s*:\s*([^;]+)\s*;/g);
+    if (matches) {
+      matches.forEach((match) => {
+        const parts = match.match(/([\w-]+)\s*:\s*([^;]+)\s*;/);
+        if (parts && parts.length === 3) {
+          const property = parts[1].trim();
+          const value = parts[2].trim();
+          styleObject[property] = value;
+        }
+      });
+    }
+    return styleObject;
+  }
+  function toCamelCase2(str) {
+    return str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
+  }
+  function convertKeysToCamelCase2(obj) {
+    if (Array.isArray(obj)) {
+      return obj.map(convertKeysToCamelCase2);
+    } else if (obj !== null && typeof obj === "object") {
+      return Object.fromEntries(
+        Object.entries(obj).filter(([_, value]) => value !== "").map(([key, value]) => [
+          toCamelCase2(key),
+          convertKeysToCamelCase2(value)
+        ])
+      );
+    }
+    return obj;
+  }
+  function getFormatClass(format) {
+    const classes = [];
+    if (format & 1) classes.push("font-medium");
+    if (format & 2) classes.push("italic");
+    if (format & 4) classes.push("line-through");
+    if (format & 8) classes.push("underline");
+    if (format & 256) classes.push("lowercase");
+    if (format & 512) classes.push("uppercase");
+    if (format & 1024) classes.push("capitalize");
+    return classes.join(" ");
+  }
+  const styles = convertKeysToCamelCase2(cssStringToJson(props.node.style));
+  function replacePlaceholders(template, dataItem) {
+    {
+    }
+    return template.replace(/{(\w+)}/g, (_, key) => {
+      {
+      }
+      return key in dataItem ? dataItem[key] : `{${key}}`;
+    });
+  }
+  function renderWithLineBreaks(text) {
+    return text.split("\n").map((line, index, arr) => /* @__PURE__ */ jsxs("span", { children: [
+      line,
+      index < arr.length - 1 && /* @__PURE__ */ jsx("br", {})
+    ] }, index));
+  }
+  const displayText = props.linkText ? props.linkText : props.node.text;
+  const finalText = props.dataitem && props.linkText ? displayText : props.dataitem ? replacePlaceholders(props.node.text, props.dataitem) : props.node.text;
+  const content = typeof finalText === "string" ? renderWithLineBreaks(finalText) : finalText;
+  const formattedContent = props.node.format & 64 ? /* @__PURE__ */ jsx("sup", { children: content }) : props.node.format & 32 ? /* @__PURE__ */ jsx("sub", { children: content }) : content;
+  return (
+    // @ts-expect-error custom code
+    /* @__PURE__ */ jsx("span", { style: { ...styles }, className: getFormatClass(props.node.format), children: formattedContent })
+  );
+};
+var TextNode_default = TextNode;
+
+// src/components/pageRenderingEngine/nodes/LineBreakNode.tsx
+import { jsx as jsx2 } from "react/jsx-runtime";
+var LineBreakNode = () => {
+  return /* @__PURE__ */ jsx2("div", { className: "py-0.5 lg:py-1.5" });
+};
+var LineBreakNode_default = LineBreakNode;
+
+// src/components/pageRenderingEngine/nodes/LinkNode.tsx
+import React from "react";
+
+// src/components/utilities/AssetUtility.tsx
+var AssetUtility = class {
+  constructor() {
+  }
+  static resolveUrl(assetBaseUrl, url) {
+    if (!url) return void 0;
+    if (url.startsWith("http")) return url;
+    if (!assetBaseUrl) return url;
+    return `${assetBaseUrl}/${url}`;
+  }
+  // // static getAssetUrl(apiBaseUrl: string) {
+  // //   let domainName = apiBaseUrl.replace("https://", "");
+  // //   return `https://cdn.g-assets.com/${domainName}`;
+  // // }
+  // static getAssetFullPath(apiBaseUrl: string, relativePath: string) {
+  //   const domainName = apiBaseUrl.replace("https://", "");
+  //   return `https://cdn.g-assets.com/${domainName}/${relativePath}`;
+  // }
+};
+var AssetUtility_default = AssetUtility;
+
+// src/components/pageRenderingEngine/nodes/ImageNode.tsx
+import dynamic2 from "next/dynamic";
+
+// src/components/DeviceAssetSelector.tsx
+import dynamic from "next/dynamic";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var HlsPlayer = dynamic(() => import("./HlsPlayer-57543DTW.mjs"), { ssr: false });
+var FORMAT_CLASSES = {
+  center: "justify-center",
+  left: "justify-start",
+  right: "justify-end"
+};
+var DeviceAssetSelector = ({
+  assets,
+  assetBaseUrl,
+  session,
+  width,
+  tag,
+  nodeProps,
+  device
+}) => {
+  const targetTag = tag || nodeProps?.tag;
+  const selectAssetByDevice = (assets2, currentDevice) => assets2.find((a) => a.device === currentDevice) ?? assets2.find((a) => !a.device || a.device === "");
+  const selectAsset = () => {
+    if (!assets?.length) return void 0;
+    if (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) return null;
+  const resolvedAssetUrl = AssetUtility_default.resolveUrl(assetBaseUrl, selectedAsset.assetUrl);
+  const resolvedThumbnailUrl = selectedAsset.posterUrl ? AssetUtility_default.resolveUrl(assetBaseUrl, selectedAsset.posterUrl) : void 0;
+  const title = selectedAsset.title || nodeProps?.title;
+  const isHls = resolvedAssetUrl?.endsWith(".m3u8");
+  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 renderMedia = () => isHls ? /* @__PURE__ */ jsx3(
+    HlsPlayer,
+    {
+      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 (nodeProps?.format) {
+    return /* @__PURE__ */ jsx3("div", { className: `flex ${FORMAT_CLASSES[nodeProps.format] ?? ""}`, children: renderMedia() });
+  }
+  return renderMedia();
+};
+var DeviceAssetSelector_default = DeviceAssetSelector;
+
+// src/components/pageRenderingEngine/nodes/ImageNode.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var HlsPlayer2 = dynamic2(() => import("./HlsPlayer-57543DTW.mjs"), { ssr: false });
+var getNestedValue = (obj, path) => {
+  if (!obj || !path) return void 0;
+  return path.split(".").reduce((current, key) => {
+    return current && current[key] !== void 0 ? current[key] : void 0;
+  }, obj);
+};
+var ImageNode = (props) => {
+  let assets;
+  let imageUrl;
+  let posterUrl;
+  const currentDevice = props.device;
+  if (props.node.device) {
+    const nodeDevice = props.node.device;
+    if (nodeDevice !== currentDevice) return null;
+  }
+  if (props.node.imageUrl.startsWith("http")) {
+    imageUrl = props.node.imageUrl;
+    posterUrl = AssetUtility_default.resolveUrl(props.assetBaseUrl, props.node.posterUrl);
+  } else if (props.dataitem && props.node.datafield) {
+    const image = getNestedValue(props.dataitem, props.node.datafield);
+    if (typeof image === "string") {
+      const trimmed = image.trim();
+      if (trimmed) {
+        assets = JSON.parse(trimmed);
+      }
+    } else if (Array.isArray(image)) {
+      assets = image;
+    } else if (image && typeof image === "object") {
+      assets = [image];
+    }
+    if (assets && assets.length > 0) {
+      return /* @__PURE__ */ jsx4(
+        DeviceAssetSelector_default,
+        {
+          device: props.device,
+          assets,
+          assetBaseUrl: props.assetBaseUrl,
+          session: props.session,
+          nodeProps: {
+            title: props.node.title,
+            showControls: props.node.showControls,
+            loop: props.node.loop,
+            playOptions: props.node.playOptions,
+            borderRadius: props.node.borderRadius,
+            width: props.node.width,
+            height: props.node.height,
+            format: props.node.format,
+            tag: props.node.tag,
+            placementCode: props.node.placementCode
+          }
+        }
+      );
+    } else {
+      imageUrl = AssetUtility_default.resolveUrl(props.assetBaseUrl, props.node.imageUrl);
+      posterUrl = AssetUtility_default.resolveUrl(props.assetBaseUrl, props.node.posterUrl);
+    }
+  } else {
+    imageUrl = AssetUtility_default.resolveUrl(props.assetBaseUrl, props.node.imageUrl);
+    posterUrl = AssetUtility_default.resolveUrl(props.assetBaseUrl, props.node.posterUrl);
+  }
+  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 FORMAT_CLASSES2 = {
+    center: "justify-center",
+    left: "justify-start",
+    right: "justify-end"
+  };
+  const isHls = imageUrl.endsWith(".m3u8");
+  const renderMedia = () => isHls ? /* @__PURE__ */ jsx4(
+    HlsPlayer2,
+    {
+      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__ */ jsx4(
+    "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__ */ jsx4("div", { className: `flex ${FORMAT_CLASSES2[props.node.format] ?? ""}`, children: renderMedia() });
+  }
+  return renderMedia();
+};
+var ImageNode_default = ImageNode;
+
+// src/components/pageRenderingEngine/nodes/LinkNode.tsx
+import dynamic3 from "next/dynamic";
+import { Fragment, jsx as jsx5, jsxs as jsxs2 } from "react/jsx-runtime";
+var LinkNodeButton = dynamic3(() => import("./LinkNodeButton-IGJOGOKI.mjs"), {
+  ssr: false
+});
+function getNestedValue2(obj, path) {
+  if (!obj || !path) return void 0;
+  return path.split(".").reduce((current, key) => {
+    return current && current[key] !== void 0 ? current[key] : void 0;
+  }, obj);
+}
+var LinkNode = (props) => {
+  const NodeTypes2 = {
+    text: TextNode_default,
+    image: ImageNode_default
+  };
+  const { node, dataitem } = props;
+  let linkUrl = node.url;
+  if (node.datafield_link_url && dataitem) {
+    const dynamicUrl = getNestedValue2(dataitem, node.datafield_link_url);
+    if (dynamicUrl && typeof dynamicUrl === "string") {
+      linkUrl = dynamicUrl;
+    }
+  }
+  if (props.routeParameters && linkUrl && linkUrl.includes("{")) {
+    Object.keys(props.routeParameters).forEach((param) => {
+      const value = props.routeParameters[param];
+      if (value !== void 0 && value !== null) {
+        linkUrl = linkUrl.replace(
+          new RegExp(`\\{${param}\\}`, "gi"),
+          encodeURIComponent(String(value))
+        );
+      }
+    });
+  }
+  let linkText = null;
+  if (node.datafield_link_text && dataitem) {
+    const dynamicText = dataitem[node.datafield_link_text];
+    if (dynamicText && typeof dynamicText === "string") {
+      linkText = dynamicText;
+    }
+  }
+  const getLinkTypeFromCssClass = (cssClass) => {
+    const classToTypeMap = {
+      Primary: "Primary" /* Solid */,
+      PrimaryHollow: "PrimaryHollow" /* Hollow */,
+      Link: "Link" /* Link */
+    };
+    return classToTypeMap[cssClass];
+  };
+  const linkType = node.cssClass ? getLinkTypeFromCssClass(node.cssClass) : void 0;
+  const isButton = node.isButton === true;
+  const renderChildren = () => {
+    if (!node.children || node.children.length === 0) return null;
+    return /* @__PURE__ */ jsx5(Fragment, { children: node.children.map((childNode, index) => {
+      const SelectedNode = NodeTypes2[childNode.type];
+      if (!SelectedNode) {
+        console.warn("Unknown node type:", childNode.type);
+        return null;
+      }
+      return /* @__PURE__ */ jsx5(React.Fragment, { children: /* @__PURE__ */ jsx5(
+        SelectedNode,
+        {
+          node: childNode,
+          dataitem,
+          linkText,
+          routeParameters: props.routeParameters
+        }
+      ) }, index);
+    }) });
+  };
+  const renderFallback = () => {
+    if ((!node.children || node.children.length === 0) && linkText) {
+      return /* @__PURE__ */ jsx5("span", { children: linkText });
+    }
+    if ((!node.children || node.children.length === 0) && !linkText) {
+      return /* @__PURE__ */ jsx5("br", {});
+    }
+    return null;
+  };
+  if (isButton) {
+    return /* @__PURE__ */ jsxs2(
+      LinkNodeButton,
+      {
+        node,
+        dataitem,
+        routeParameters: props.routeParameters,
+        session: props.session,
+        apiBaseUrl: props.apiBaseUrl || "",
+        linkText,
+        linkType,
+        linkUrl,
+        children: [
+          renderChildren(),
+          renderFallback()
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs2(
+    Hyperlink,
+    {
+      href: linkUrl || "#",
+      linkType,
+      alt: linkText || node.title || "",
+      children: [
+        renderChildren(),
+        renderFallback()
+      ]
+    }
+  );
+};
+var LinkNode_default = LinkNode;
+
+// src/components/pageRenderingEngine/nodes/SVGIconNode.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+var SVGIconNode = ({ node }) => {
+  if (!node?.svgCode) return null;
+  return /* @__PURE__ */ jsx6(
+    "span",
+    {
+      style: {
+        display: "flex",
+        width: node.width,
+        height: node.height,
+        color: node.color
+      },
+      dangerouslySetInnerHTML: { __html: node.svgCode }
+    }
+  );
+};
+var SVGIconNode_default = SVGIconNode;
+
+// src/components/pageRenderingEngine/nodes/EquationNode.tsx
+import katex from "katex";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var EquationNode = ({ node }) => {
+  const { equation, inline } = node;
+  let html = "";
+  try {
+    html = katex.renderToString(equation, {
+      displayMode: !inline,
+      throwOnError: false
+    });
+  } catch (error) {
+    html = katex.renderToString(`\\text{Invalid equation}`, {
+      throwOnError: false
+    });
+  }
+  if (inline) {
+    return /* @__PURE__ */ jsx7(
+      "span",
+      {
+        className: "katex-inline",
+        dangerouslySetInnerHTML: { __html: html }
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx7(
+    "div",
+    {
+      className: "katex-block my-3 text-center",
+      dangerouslySetInnerHTML: { __html: html }
+    }
+  );
+};
+var EquationNode_default = EquationNode;
+
+// src/components/controls/view/ViewControl.tsx
+import React11 from "react";
+
+// src/components/controls/view/ViewControlTypes.tsx
+var ViewControlTypes = {
+  lineText: "lineText",
+  asset: "asset",
+  multilineTextBullets: "multilineTextBullets",
+  boolean: "boolean",
+  money: "money",
+  date: "date",
+  time: "time",
+  datetime: "datetime",
+  number: "number",
+  multilineText: "multilineText",
+  moneyText: "moneyText",
+  percentage: "percentage",
+  statusBg: "statusBg",
+  progressIndicator: "progressIndicator",
+  timeUntilStarts: "timeUntilStarts",
+  timeUntilStartsStyled: "timeUntilStartsStyled",
+  aiGeneratedSummary: "aiGeneratedSummary"
+};
+var ViewControlTypes_default = ViewControlTypes;
+
+// src/components/controls/view/NumberView.tsx
+import React2 from "react";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var NumberView = (props) => {
+  return /* @__PURE__ */ jsx8(React2.Fragment, { children: props.value });
+};
+var NumberView_default = NumberView;
+
+// src/components/controls/view/DateView.tsx
+import dynamic4 from "next/dynamic";
+var DateView = dynamic4(() => import("./DateViewClient-ELEHLGWS.mjs"), {
+  ssr: false
+});
+var DateView_default = DateView;
+
+// src/components/controls/view/BooleanView.tsx
+import React3 from "react";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var BooleanView = (props) => {
+  const { value, customProps } = props;
+  const showOnlyTrueIcon = customProps?.showOnlyTrueIcon;
+  console.log("BooleanView Debug:", {
+    value,
+    type: typeof value,
+    customProps,
+    showOnlyTrueIcon
+  });
+  const booleanValue = (() => {
+    if (typeof value === "boolean") return value;
+    if (typeof value === "string") {
+      return value.toLowerCase() === "true";
+    }
+    if (typeof value === "number") {
+      return value === 1;
+    }
+    return false;
+  })();
+  if (showOnlyTrueIcon) {
+    return /* @__PURE__ */ jsx9(React3.Fragment, { children: booleanValue === true && /* @__PURE__ */ jsx9(
+      "svg",
+      {
+        className: "w-15 h-8 text-green-600",
+        fill: "currentColor",
+        viewBox: "0 0 20 20",
+        children: /* @__PURE__ */ jsx9(
+          "path",
+          {
+            fillRule: "evenodd",
+            d: "M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z",
+            clipRule: "evenodd"
+          }
+        )
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsx9(React3.Fragment, { children: booleanValue ? "true" : "false" });
+};
+var BooleanView_default = BooleanView;
+
+// src/components/controls/view/Asset.tsx
+import React4 from "react";
+import { jsx as jsx10 } from "react/jsx-runtime";
+var MediaAsset = (props) => {
+  let assets;
+  if (props.value != void 0 && props.value != null && props.value != "") {
+    try {
+      assets = JSON.parse(props.value);
+      console.log("Parsed Assets: ", assets);
+    } catch (error) {
+      console.error("Error parsing assets:", error);
+    }
+  }
+  if (!assets || assets.length === 0) {
+    return null;
+  }
+  console.log(props.customProps?.tag, "Tag in MediaAsset");
+  return /* @__PURE__ */ jsx10(React4.Fragment, { children: /* @__PURE__ */ jsx10(
+    DeviceAssetSelector_default,
+    {
+      assets,
+      apiBaseUrl: props.apiBaseUrl,
+      assetBaseUrl: props.assetBaseUrl ? props.assetBaseUrl : props.apiBaseUrl,
+      session: props,
+      width: props.width,
+      customProps: props.customProps,
+      tag: props.customProps?.tag
+    }
+  ) });
+};
+var Asset_default = MediaAsset;
+
+// src/components/controls/view/LineTextView.tsx
+import React5 from "react";
+import { jsx as jsx11 } from "react/jsx-runtime";
+var LineText = (props) => {
+  return /* @__PURE__ */ jsx11(React5.Fragment, { children: props.value });
+};
+var LineTextView_default = LineText;
+
+// src/components/controls/view/MoneyView.tsx
+import React6 from "react";
+
+// src/components/utilities/CurrencyUtility.tsx
+var CurrencyUtility = class {
+  static getCurrencySymbol(currencyCode) {
+    switch (currencyCode) {
+      case "USD":
+        return "$";
+      case "INR":
+        return "\u20B9";
+      case "EUR":
+        return "\u20AC";
+      // Add more cases for other currency codes as needed
+      default:
+        return currencyCode;
+    }
+  }
+};
+var CurrencyUtility_default = CurrencyUtility;
+
+// src/components/controls/view/MoneyView.tsx
+import { jsx as jsx12, jsxs as jsxs3 } from "react/jsx-runtime";
+var Money = (props) => {
+  const parsedNumber = parseFloat(props.value);
+  return /* @__PURE__ */ jsx12(React6.Fragment, { children: !Number.isNaN(parsedNumber) && /* @__PURE__ */ jsxs3(React6.Fragment, { children: [
+    /* @__PURE__ */ jsx12("span", { className: "mr-0.5", children: CurrencyUtility_default.getCurrencySymbol(props.unit) }),
+    parsedNumber.toLocaleString()
+  ] }) });
+};
+var MoneyView_default = Money;
+
+// src/components/controls/view/MultilineTextBulletsView.tsx
+import React7 from "react";
+import { jsx as jsx13 } from "react/jsx-runtime";
+var MultilineTextBullets = (props) => {
+  const lines = props.value?.split("\\n");
+  return /* @__PURE__ */ jsx13(React7.Fragment, { children: /* @__PURE__ */ jsx13("ul", { className: "list-disc", children: lines && lines.map((line, index) => {
+    return /* @__PURE__ */ jsx13("li", { children: line }, index);
+  }) }) });
+};
+var MultilineTextBulletsView_default = MultilineTextBullets;
+
+// src/components/controls/view/MultilineTextView.tsx
+import React8 from "react";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var MultilineText = (props) => {
+  return /* @__PURE__ */ jsx14(React8.Fragment, { children: /* @__PURE__ */ jsx14("span", { className: "whitespace-pre-line", children: props.value }) });
+};
+var MultilineTextView_default = MultilineText;
+
+// src/components/controls/view/PercentageView.tsx
+import React9 from "react";
+import { jsxs as jsxs4 } from "react/jsx-runtime";
+var PercentageView = (props) => {
+  return /* @__PURE__ */ jsxs4(React9.Fragment, { children: [
+    props.value,
+    "%"
+  ] });
+};
+var PercentageView_default = PercentageView;
+
+// src/components/controls/view/ProgressIndicator.tsx
+import React10 from "react";
+import { jsx as jsx15, jsxs as jsxs5 } from "react/jsx-runtime";
+var ProgressIndicator = (props) => {
+  const percentage = 100;
+  const circumference = Math.PI * 56;
+  const offset = circumference * (1 - percentage / 100);
+  return /* @__PURE__ */ jsx15(React10.Fragment, { children: /* @__PURE__ */ jsxs5("div", { className: "relative w-48 h-48", children: [
+    /* @__PURE__ */ jsx15("div", { className: "absolute top-0 left-0 w-full h-full rounded-full border border-gray-200" }),
+    /* @__PURE__ */ jsx15("div", { className: "absolute top-0 left-0 w-full h-full rounded-full overflow-hidden", children: /* @__PURE__ */ jsx15("div", { className: "w-full h-full rounded-full border-t-8 border-green-500", style: { transform: `rotate(-90deg)`, clipPath: `inset(0px ${offset}px 0px 0px)` } }) }),
+    /* @__PURE__ */ jsx15("div", { className: "absolute top-0 left-0 w-full h-full flex items-center justify-center text-lg font-bold text-gray-800", children: /* @__PURE__ */ jsxs5("span", { children: [
+      percentage,
+      "%"
+    ] }) })
+  ] }) });
+};
+var ProgressIndicator_default = ProgressIndicator;
+
+// src/components/controls/view/AiGeneratedSummary.tsx
+import { jsx as jsx16, jsxs as jsxs6 } from "react/jsx-runtime";
+var AiGeneratedSummary = (props) => {
+  const lines = props.value?.split("\n").filter((line) => line.trim() !== "") || [];
+  return /* @__PURE__ */ jsxs6("details", { className: "group rounded-xl border-2 bg-white  shadow-sm border-p overflow-hidden", children: [
+    /* @__PURE__ */ jsx16("summary", { className: "flex items-start justify-between cursor-pointer list-none", children: /* @__PURE__ */ jsxs6("div", { className: "flex items-start gap-3 ", children: [
+      /* @__PURE__ */ jsx16("div", { className: "bg-primary-base bg-transparent rounded mt-1 p-1", children: /* @__PURE__ */ jsx16("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", className: "w-5", children: /* @__PURE__ */ jsx16("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09ZM18.259 8.715 18 9.75l-.259-1.035a3.375 3.375 0 0 0-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 0 0 2.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 0 0 2.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 0 0-2.456 2.456ZM16.894 20.567 16.5 21.75l-.394-1.183a2.25 2.25 0 0 0-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 0 0 1.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 0 0 1.423 1.423l1.183.394-1.183.394a2.25 2.25 0 0 0-1.423 1.423Z" }) }) }),
+      /* @__PURE__ */ jsxs6("div", { children: [
+        /* @__PURE__ */ jsx16("h3", { className: "text-lg font-semibold ", children: "Quick Read" }),
+        /* @__PURE__ */ jsx16("p", { className: "text-sm text-gray-500 mb-0", children: "Summary is AI-generated, author-reviewed" })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx16("div", { children: /* @__PURE__ */ jsx16("ul", { className: "list-disc pl-6 space-y-3 text-gray-700 ps-4 pl-4", children: lines.map((line, index) => /* @__PURE__ */ jsx16("li", { className: "m-0", children: line }, index)) }) })
+  ] });
+};
+var AiGeneratedSummary_default = AiGeneratedSummary;
+
+// src/components/controls/view/DateTimeVew.tsx
+import dynamic5 from "next/dynamic";
+var DateTimeView = dynamic5(() => import("./DateTimeViewClient-22GW4AD7.mjs"), {
+  ssr: false
+});
+var DateTimeVew_default = DateTimeView;
+
+// src/components/controls/view/ViewControl.tsx
+import { jsx as jsx17 } from "react/jsx-runtime";
+var ViewControl = (props) => {
+  const ControlComponents = {
+    [ViewControlTypes_default.lineText]: LineTextView_default,
+    [ViewControlTypes_default.asset]: Asset_default,
+    [ViewControlTypes_default.multilineTextBullets]: MultilineTextBulletsView_default,
+    [ViewControlTypes_default.boolean]: BooleanView_default,
+    // [ViewControlTypes.timeUntilStarts]: TimeUntilStarts,
+    [ViewControlTypes_default.money]: MoneyView_default,
+    [ViewControlTypes_default.date]: DateView_default,
+    [ViewControlTypes_default.time]: DateView_default,
+    [ViewControlTypes_default.datetime]: DateTimeVew_default,
+    [ViewControlTypes_default.number]: NumberView_default,
+    [ViewControlTypes_default.multilineText]: MultilineTextView_default,
+    [ViewControlTypes_default.moneyText]: MoneyView_default,
+    [ViewControlTypes_default.percentage]: PercentageView_default,
+    // [ViewControlTypes.statusBg]: StatusBg,
+    [ViewControlTypes_default.progressIndicator]: ProgressIndicator_default,
+    // [ViewControlTypes.timeUntilStarts]: TimeUntilStarts,
+    // [ViewControlTypes.timeUntilStartsStyled]: TimeUntilStartsStyled,
+    [ViewControlTypes_default.aiGeneratedSummary]: AiGeneratedSummary_default
+  };
+  const SelectedControlComponent = props.controlType ? ControlComponents[props.controlType] : void 0;
+  return /* @__PURE__ */ jsx17(React11.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx17(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType });
+};
+var ViewControl_default = ViewControl;
+
+// src/components/pageRenderingEngine/nodes/DatafieldNode.tsx
+import { jsx as jsx18 } from "react/jsx-runtime";
+function getNestedProperty(obj, path) {
+  if (!obj || !path) return null;
+  if (path.includes(".")) {
+    return path.split(".").reduce((prev, curr) => {
+      if (prev && typeof prev === "object") {
+        return prev[curr];
+      }
+      return null;
+    }, obj);
+  }
+  const value = obj[path];
+  if (Array.isArray(value)) {
+    return value.map((item, index) => /* @__PURE__ */ jsx18("div", { children: String(item) }, index));
+  }
+  return value;
+}
+var DatafieldNode = (props) => {
+  function cssStringToJson(cssString) {
+    const styleObject = {};
+    const matches = cssString?.match(/([\w-]+)\s*:\s*([^;]+)\s*;/g);
+    if (matches) {
+      matches.forEach((match) => {
+        const parts = match.match(/([\w-]+)\s*:\s*([^;]+)\s*;/);
+        if (parts && parts.length === 3) {
+          styleObject[parts[1].trim()] = parts[2].trim();
+        }
+      });
+    }
+    return styleObject;
+  }
+  function toCamelCase2(str) {
+    return str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
+  }
+  function convertKeysToCamelCase2(obj) {
+    return Object.fromEntries(
+      Object.entries(obj).map(([key, value2]) => [
+        toCamelCase2(key),
+        value2
+      ])
+    );
+  }
+  const Formats = [
+    "",
+    "font-medium",
+    "italic",
+    "font-medium italic",
+    "",
+    "",
+    "",
+    "",
+    "underline",
+    "font-medium underline",
+    "italic underline",
+    "italic underline font-medium"
+  ];
+  const styles = convertKeysToCamelCase2(
+    cssStringToJson(props.node.style)
+  );
+  const fieldName = props.node.fieldName ?? "";
+  const value = props.dataitem ? getNestedProperty(props.dataitem, fieldName) : null;
+  const isEmptyValue = value === null || value === void 0 || value === "" || Array.isArray(value) && value.length === 0 || typeof value === "object" && value !== null && Object.keys(value).length === 0;
+  const maxLines = props.node.maxLines;
+  if (maxLines && Number(maxLines) > 0) {
+    Object.assign(styles, {
+      display: "-webkit-box",
+      overflow: "hidden",
+      WebkitBoxOrient: "vertical",
+      WebkitLineClamp: String(maxLines)
+    });
+  }
+  const dataType = props.node.dataType;
+  if (isEmptyValue) return null;
+  if (dataType === "rawContent") {
+    return /* @__PURE__ */ jsx18(
+      PageBodyRenderer_default,
+      {
+        rawBody: String(value ?? `@databound[${fieldName}]`),
+        routeParameters: props.routeParameters,
+        query: props.query,
+        session: props.session,
+        host: props.host,
+        path: props.path,
+        apiBaseUrl: props.apiBaseUrl,
+        breadcrumb: props.breadcrumb,
+        donotApplyContainerClass: true,
+        widgetRenderer: props.widgetRenderer
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx18(
+    "span",
+    {
+      className: `datafield-node ${props.node.format < Formats.length ? Formats[props.node.format] : ""}`,
+      style: styles,
+      children: /* @__PURE__ */ jsx18(
+        ViewControl_default,
+        {
+          controlType: dataType,
+          value: value ?? `@databound[${fieldName}]`
+        }
+      )
+    }
+  );
+};
+var DatafieldNode_default = DatafieldNode;
+
+// src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
+import { Fragment as Fragment2, jsx as jsx19, jsxs as jsxs7 } from "react/jsx-runtime";
+var ParagraphNode = (props) => {
+  const NodeTypes2 = {
+    ["text"]: TextNode_default,
+    ["linebreak"]: LineBreakNode_default,
+    ["link"]: LinkNode_default,
+    ["datafield"]: DatafieldNode_default,
+    ["equation"]: EquationNode_default,
+    ["svg-icon"]: SVGIconNode_default
+  };
+  const FormatClass = {
+    "center": "text-center",
+    "right": "text-right"
+  };
+  {
+  }
+  const formatClasses = FormatClass[props.node.format] || "";
+  const isInlineOnlyParent = props.parentTag === "summary";
+  const hasChildren = props.node.children && props.node.children.length > 0;
+  if (isInlineOnlyParent) {
+    return /* @__PURE__ */ jsx19(Fragment2, { children: hasChildren && props.node.children.map((node, index) => {
+      const SelectedNode = NodeTypes2[node.type];
+      return /* @__PURE__ */ jsx19(React12.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx19(
+        SelectedNode,
+        {
+          node,
+          dataitem: props.dataitem,
+          session: props.session,
+          apiBaseUrl: props.apiBaseUrl,
+          routeParameters: props.routeParameters
+        }
+      ) }, index);
+    }) });
+  }
+  return /* @__PURE__ */ jsxs7("div", { className: " " + formatClasses, children: [
+    hasChildren && props.node.children.map((node, index) => {
+      const SelectedNode = NodeTypes2[node.type];
+      return /* @__PURE__ */ jsx19(React12.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx19(
+        SelectedNode,
+        {
+          node,
+          dataitem: props.dataitem,
+          session: props.session,
+          apiBaseUrl: props.apiBaseUrl,
+          routeParameters: props.routeParameters
+        }
+      ) }, index);
+    }),
+    !hasChildren && /* @__PURE__ */ jsx19("div", { className: "py-1.5 lg:py-2" })
+  ] });
+};
+var ParagraphNode_default = ParagraphNode;
+
+// src/components/pageRenderingEngine/nodes/HeadingNode.tsx
+import React13 from "react";
+import { Fragment as Fragment3, jsx as jsx20 } from "react/jsx-runtime";
+var HeadingNode = (props) => {
+  const NodeTypes2 = {
+    ["text"]: TextNode_default,
+    ["link"]: LinkNode_default,
+    ["svg-icon"]: SVGIconNode_default,
+    ["linebreak"]: LineBreakNode_default,
+    ["datafield"]: DatafieldNode_default
+  };
+  const HeadingTag = `${props.node.tag}`;
+  const FormatClass = {
+    "center": "text-center"
+  };
+  {
+  }
+  const formatClasses = FormatClass[props.node.format] || "";
+  return /* @__PURE__ */ jsx20(Fragment3, { children: React13.createElement(
+    HeadingTag,
+    { className: formatClasses },
+    props.node.children && props.node.children.map((childNode, index) => {
+      const SelectedNode = NodeTypes2[childNode.type];
+      return /* @__PURE__ */ jsx20(React13.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx20(SelectedNode, { node: childNode, dataitem: props.dataitem, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
+    })
+  ) });
+};
+var HeadingNode_default = HeadingNode;
+
+// src/components/pageRenderingEngine/nodes/ListNode.tsx
+import React15 from "react";
+
+// src/components/pageRenderingEngine/nodes/ListItemNode.tsx
+import React14 from "react";
+import { jsx as jsx21 } from "react/jsx-runtime";
+var ListItemNode = (props) => {
+  const NodeTypes2 = {
+    text: TextNode_default,
+    linebreak: LineBreakNode_default,
+    link: LinkNode_default,
+    list: ListNode_default
+  };
+  let foundFirstBreak = false;
+  const firstTextChild = props.node.children?.find((c) => c.type === "text");
+  let liStyle = {};
+  if (firstTextChild?.style) {
+    const match = firstTextChild.style.match(/font-size\s*:\s*([^;]+);?/);
+    if (match) {
+      liStyle.fontSize = match[1].trim();
+    }
+  }
+  return /* @__PURE__ */ jsx21("li", { style: liStyle, children: props.node.children && props.node.children.map((node, index) => {
+    const SelectedNode = NodeTypes2[node.type];
+    if (node.type === "linebreak") {
+      if (!foundFirstBreak) {
+        foundFirstBreak = true;
+        return /* @__PURE__ */ jsx21("div", {}, index);
+      } else {
+        return /* @__PURE__ */ jsx21("div", { className: "py-1 lg:py-2" }, index);
+      }
+    } else {
+      foundFirstBreak = false;
+      return /* @__PURE__ */ jsx21(React14.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx21(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
+    }
+  }) });
+};
+var ListItemNode_default = ListItemNode;
+
+// src/components/pageRenderingEngine/nodes/ListNode.tsx
+import { jsx as jsx22, jsxs as jsxs8 } from "react/jsx-runtime";
+var ListNode = (props) => {
+  const NodeTypes2 = {
+    listitem: ListItemNode_default
+  };
+  return /* @__PURE__ */ jsxs8(React15.Fragment, { children: [
+    props.node.listType == "bullet" && /* @__PURE__ */ jsx22("ul", { children: props.node.children && props.node.children.map((node, index) => {
+      const SelectedNode = NodeTypes2[node.type];
+      return /* @__PURE__ */ jsx22(React15.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx22(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
+    }) }),
+    props.node.listType == "number" && /* @__PURE__ */ jsx22("ol", { children: props.node.children && props.node.children.map((node, index) => {
+      const SelectedNode = NodeTypes2[node.type];
+      return /* @__PURE__ */ jsx22(React15.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx22(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
+    }) })
+  ] });
+};
+var ListNode_default = ListNode;
+
+// src/components/pageRenderingEngine/nodes/QuoteNode.tsx
+import React16 from "react";
+import { jsx as jsx23 } from "react/jsx-runtime";
+var QuoteNode = (props) => {
+  const NodeTypes2 = {
+    ["text"]: TextNode_default,
+    ["linebreak"]: LineBreakNode_default,
+    ["link"]: LinkNode_default
+  };
+  return /* @__PURE__ */ jsx23("blockquote", { children: props.node.children && props.node.children.map((node, index) => {
+    const SelectedNode = NodeTypes2[node.type];
+    return /* @__PURE__ */ jsx23(React16.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx23(SelectedNode, { node, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
+  }) });
+};
+var QuoteNode_default = QuoteNode;
+
+// src/components/pageRenderingEngine/nodes/CodeNode.tsx
+import React17 from "react";
+import dynamic6 from "next/dynamic";
+import { jsx as jsx24, jsxs as jsxs9 } from "react/jsx-runtime";
+var CopyButton = dynamic6(() => import("./CopyButton-XONTQQW7.mjs"), {
+  ssr: false,
+  // optional: fallback UI while loading
+  loading: () => /* @__PURE__ */ jsx24("span", { className: "text-gray-400 text-xs", children: "Copy" })
+});
+var CodeNode = (props) => {
+  const NodeTypes2 = {
+    text: TextNode_default,
+    linebreak: LineBreakNode_default,
+    link: LinkNode_default
+  };
+  const textContent = props.node?.children?.map((node) => {
+    if (node.type === "text") return node.text || "";
+    if (node.type === "linebreak") return "\n";
+    if (node.type === "link") return node.text || node.url || "";
+    return "";
+  }).join("") ?? "";
+  return /* @__PURE__ */ jsxs9("div", { children: [
+    /* @__PURE__ */ jsxs9("div", { className: "flex items-center relative bg-neutral-strong px-4 py-3 text-xs font-sans justify-between rounded-t-md ", children: [
+      /* @__PURE__ */ jsx24("span", { children: "Code Snippet" }),
+      /* @__PURE__ */ jsx24(CopyButton, { text: textContent })
+    ] }),
+    /* @__PURE__ */ jsx24("code", { className: "bg-neutral-soft p-4 text-sm whitespace-pre-wrap border border-2 block", children: props.node.children && props.node.children.map((node, index) => {
+      const SelectedNode = NodeTypes2[node.type];
+      return /* @__PURE__ */ jsx24(React17.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx24(
+        SelectedNode,
+        {
+          node,
+          session: props.session,
+          apiBaseUrl: props.apiBaseUrl,
+          routeParameters: props.routeParameters
+        }
+      ) }, index);
+    }) })
+  ] });
+};
+var CodeNode_default = CodeNode;
+
+// src/components/pageRenderingEngine/nodes/HorizontalRuleNode.tsx
+import { jsx as jsx25 } from "react/jsx-runtime";
+var HorizontalRuleNode = () => {
+  return /* @__PURE__ */ jsx25("hr", {});
+};
+var HorizontalRuleNode_default = HorizontalRuleNode;
+
+// src/components/pageRenderingEngine/nodes/WidgetNode.tsx
+import React18 from "react";
+import { Fragment as Fragment4, jsx as jsx26 } from "react/jsx-runtime";
+var WidgetNode = (props) => {
+  const getWidgetParameters = () => {
+    const widgetInputParameters = {
+      ...props.routeParameters ?? {}
+    };
+    const rawWidgetParams = props.node.widgetParameters ?? props.node.widgetParams;
+    let widgetParameters = {};
+    const isJSON = (str) => {
+      const s = str.trim();
+      return s.startsWith("{") && s.endsWith("}") || s.startsWith("[") && s.endsWith("]");
+    };
+    if (rawWidgetParams) {
+      if (typeof rawWidgetParams === "string" && isJSON(rawWidgetParams)) {
+        try {
+          widgetParameters = JSON.parse(rawWidgetParams);
+        } catch {
+          widgetParameters = {};
+        }
+      } else if (typeof rawWidgetParams === "object") {
+        widgetParameters = rawWidgetParams;
+      }
+    }
+    if (props.dataitem && typeof props.dataitem === "object") {
+      Object.keys(widgetParameters).forEach((key) => {
+        if (props.dataitem[key] !== void 0 && props.dataitem[key] !== null) {
+          widgetParameters[key] = props.dataitem[key];
+        }
+      });
+    }
+    const resolveValue = (val) => {
+      if (typeof val === "string") {
+        const m = /^\{(.+)\}$/.exec(val);
+        if (m) {
+          const actualKey = m[1];
+          return props.routeParameters?.[actualKey] ?? val;
+        }
+        return val;
+      }
+      if (Array.isArray(val)) {
+        return val.map(resolveValue);
+      }
+      if (val && typeof val === "object") {
+        const out = {};
+        for (const k of Object.keys(val)) {
+          out[k] = resolveValue(val[k]);
+        }
+        return out;
+      }
+      return val;
+    };
+    for (const key of Object.keys(widgetParameters)) {
+      const rawVal = widgetParameters[key];
+      if (rawVal === "route") {
+        widgetInputParameters[key] = key === "itemPath" ? props.path : widgetInputParameters[key] ?? null;
+      } else {
+        widgetInputParameters[key] = resolveValue(rawVal);
+      }
+    }
+    widgetInputParameters["widgetTitle"] = props.node.widgetTitle;
+    return widgetInputParameters;
+  };
+  const widgetCode = props.node?.widgetCode;
+  if (!widgetCode) {
+    return /* @__PURE__ */ jsx26(Fragment4, { children: "Invalid widget" });
+  }
+  const widgetParams = getWidgetParameters();
+  const WidgetRenderer = props.widgetRenderer;
+  if (!WidgetRenderer) {
+    return null;
+  }
+  return (
+    // eslint-disable-next-line react-hooks/static-components
+    /* @__PURE__ */ jsx26(React18.Fragment, { children: /* @__PURE__ */ jsx26(
+      WidgetRenderer,
+      {
+        params: widgetParams,
+        query: props.query,
+        session: props.session,
+        host: props.host,
+        path: props.path,
+        apiBaseUrl: props.apiBaseUrl,
+        widgetCode
+      }
+    ) })
+  );
+};
+var WidgetNode_default = WidgetNode;
+
+// src/components/pageRenderingEngine/nodes/DivContainer.tsx
+import React19 from "react";
+
+// src/components/pageRenderingEngine/nodes/EmbedNode.tsx
+import dynamic7 from "next/dynamic";
+import { jsx as jsx27 } from "react/jsx-runtime";
+var IframeClient = dynamic7(() => import("./IframeClient-J22NMEVY.mjs"), {
+  ssr: false
+});
+var EmbedNode = (props) => {
+  let src;
+  if (props.node.provider == "youtube") {
+    src = `https://www.youtube-nocookie.com/embed/${props.node.embedSrc}`;
+  } else if (props.node.provider == "bunny") {
+    src = `https://iframe.mediadelivery.net/embed/${props.node.embedSrc}?autoplay=false&loop=false&muted=false&preload=true&responsive=true`;
+  } else {
+    src = props.node.embedSrc;
+  }
+  return /* @__PURE__ */ jsx27("div", { className: "aspect-video", children: src && /* @__PURE__ */ jsx27(IframeClient, { src }) });
+};
+var EmbedNode_default = EmbedNode;
+
+// src/components/utilities/AnimationUtility.tsx
+var AnimationUtility = class {
+  static generateAnimationCSS(config, guid) {
+    const {
+      duration = 700,
+      delay = 0,
+      easing = "ease-out",
+      distance = 30,
+      scaleStart = 1,
+      scaleEnd = 1.2,
+      repeat = 1,
+      intensity = 20,
+      speedPerChar = 100,
+      cursor = true,
+      mode = "enter",
+      direction = "left"
+      // Default direction
+    } = config;
+    let base = "", visible = "", keyframes = "";
+    switch (config.animation) {
+      case "Fade":
+        base = `opacity:0; transition:opacity ${duration}ms ${easing} ${delay}ms;`;
+        visible = `opacity:1;`;
+        break;
+      case "FadeInUp":
+        base = `opacity:0; transform:translateY(${distance}px); transition:all ${duration}ms ${easing} ${delay}ms;`;
+        visible = `opacity:1; transform:translateY(0);`;
+        break;
+      case "Slide":
+        const slideTransform = this.getSlideTransform(direction, distance);
+        base = `opacity:0; transform:${slideTransform.start}; transition:all ${duration}ms ${easing} ${delay}ms; will-change: transform, opacity;`;
+        visible = `opacity:1; transform:${slideTransform.end}; will-change: unset;`;
+        break;
+      case "ZoomIn":
+        if (mode === "enter") {
+          base = `opacity:0; transform:scale(${scaleStart}); transition:all ${duration}ms ${easing} ${delay}ms;`;
+          visible = `opacity:1; transform:scale(${scaleEnd});`;
+        } else {
+          base = `transform:scale(${scaleStart}); transition:transform ${duration / 1e3}s ${easing} ${delay / 1e3}s;`;
+          visible = `transform:scale(${scaleEnd});`;
+        }
+        break;
+      case "Bounce":
+        keyframes = `
+        @keyframes bounce { 
+          0%,20%,50%,80%,100% { transform: translateY(0); } 
+          40% { transform: translateY(-${intensity}px); } 
+          60% { transform: translateY(-${intensity / 2}px); } 
+        }
+      `;
+        if (mode === "enter") {
+          base = `opacity:0;`;
+          visible = `opacity:1; animation:bounce ${duration}ms ${easing} ${delay}ms ${repeat};`;
+        } else {
+          base = ``;
+          visible = `animation:bounce ${duration / 1e3}s ${easing} ${delay / 1e3}s ${repeat};`;
+        }
+        break;
+      case "Typewriter":
+        keyframes = ` 
+        @keyframes typewriter { from { width: 0 } to { width: 100% } } 
+        @keyframes blink { 50% { border-color: transparent } } 
+      `;
+        base = ` 
+        overflow:hidden; 
+        border-right:${cursor ? "2px solid black" : "none"}; 
+        white-space:nowrap; 
+        width:0;
+        margin:0 auto;
+      `;
+        visible = ` 
+        animation:typewriter ${speedPerChar * 30}ms steps(30,end) ${delay}ms forwards 
+        ${cursor ? ", blink .75s step-end infinite" : ""}; 
+      `;
+        break;
+    }
+    if (mode === "hover") {
+      return `
+      ${keyframes} 
+      ${guid} { ${base} } 
+      ${guid}:hover { ${visible} } 
+    `;
+    } else {
+      return `
+      ${keyframes} 
+      ${guid} { ${base} } 
+      ${guid}.visible { ${visible} } 
+    `;
+    }
+  }
+  // Helper method to generate slide transforms based on direction
+  static getSlideTransform(direction, distance) {
+    switch (direction) {
+      case "left":
+        return { start: `translateX(${distance}px)`, end: `translateX(0)` };
+      case "right":
+        return { start: `translateX(-${distance}px)`, end: `translateX(0)` };
+      case "up":
+        return { start: `translateY(${distance}px)`, end: `translateY(0)` };
+      case "down":
+        return { start: `translateY(-${distance}px)`, end: `translateY(0)` };
+      default:
+        return { start: `translateX(${distance}px)`, end: `translateX(0)` };
+    }
+  }
+};
+var AnimationUtility_default = AnimationUtility;
+
+// src/components/utilities/PathUtility.tsx
+var PathUtility = class {
+  constructor() {
+  }
+  normalizePath(path) {
+    if (path == null) {
+      return "/";
+    }
+    const trimmedPath = path.replace(/^\/|\/$/g, "");
+    return trimmedPath === "" ? "/" : "/" + trimmedPath + "/";
+  }
+  joinAndNormalizePaths(path1, path2) {
+    path1 = path1.replace(/\/$/, "");
+    path2 = path2.replace(/^\//, "");
+    const joinedPath = `${path1}/${path2}`;
+    const normalizedPath = joinedPath.replace(/\/{2,}/g, "/");
+    return normalizedPath === "" ? "/" : "/" + normalizedPath;
+  }
+  removeLeadingAndTrailingSlashes(path) {
+    if (path == null) {
+      return "/";
+    }
+    const trimmedPath = path.replace(/^\/|\/$/g, "");
+    return trimmedPath;
+  }
+  removeTrailingSlash(path) {
+    if (path == null) {
+      return "/";
+    }
+    const trimmedPath = path.replace(/\/$/, "");
+    return trimmedPath;
+  }
+  joinPaths(path1, path2) {
+    if (!path1.endsWith("/") && !path2.startsWith("/")) {
+      return `${path1}/${path2}`;
+    } else if (path1.endsWith("/") && path2.startsWith("/")) {
+      return `${path1}${path2.substr(1)}`;
+    } else {
+      return `${path1}${path2}`;
+    }
+  }
+  getFirstSegment(path) {
+    if (!path || path === "/") {
+      return "";
+    }
+    const segments = path.split("/").filter(Boolean);
+    return segments.length > 0 ? segments[0] : "";
+  }
+  getFileNameFromUrl(url) {
+    if (!url || url.indexOf("/") === -1) {
+      return url;
+    }
+    const parts = url.split("/");
+    const filename = parts[parts.length - 1];
+    return filename;
+  }
+};
+var PathUtility_default = new PathUtility();
+
+// src/components/NoDataFound.tsx
+import { jsx as jsx28, jsxs as jsxs10 } from "react/jsx-runtime";
+var NoDataFound = () => {
+  return /* @__PURE__ */ jsxs10("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center bg-neutral-weak", children: [
+    /* @__PURE__ */ jsx28("div", { className: "mb-5", children: /* @__PURE__ */ jsx28("div", { className: "mx-auto w-20 h-20 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ jsx28(
+      "svg",
+      {
+        className: "w-10 h-10",
+        fill: "none",
+        stroke: "currentColor",
+        viewBox: "0 0 24 24",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /* @__PURE__ */ jsx28(
+          "path",
+          {
+            strokeLinecap: "round",
+            strokeLinejoin: "round",
+            strokeWidth: "1.5",
+            d: "M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"
+          }
+        )
+      }
+    ) }) }),
+    /* @__PURE__ */ jsx28("h3", { className: "text-lg font-medium mb-2", children: "No data available" }),
+    /* @__PURE__ */ jsx28("p", { className: " max-w-sm mb-0", children: "No records found. Data may be empty or not available at the moment." })
+  ] });
+};
+var NoDataFound_default = NoDataFound;
+
+// src/components/pageRenderingEngine/nodes/DivContainer.tsx
+import dynamic9 from "next/dynamic";
+
+// src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
+import dynamic8 from "next/dynamic";
+import { Fragment as Fragment5, jsx as jsx29, jsxs as jsxs11 } from "react/jsx-runtime";
+var HlsPlayer3 = dynamic8(() => import("./HlsPlayer-57543DTW.mjs"), { ssr: false });
+var deviceToMediaQuery = (device) => {
+  switch (device) {
+    case "lg":
+      return "(min-width: 769px)";
+    case "md":
+      return "(min-width: 481px) and (max-width: 768px)";
+    case "sm":
+      return "(max-width: 480px)";
+    default:
+      return null;
+  }
+};
+var DEVICE_ORDER = ["lg", "md", "sm", "tv"];
+var parseMaybeNumber = (value) => {
+  if (typeof value === "number")
+    return Number.isFinite(value) ? value : void 0;
+  if (typeof value !== "string") return void 0;
+  const n = Number(value);
+  return Number.isFinite(n) ? n : void 0;
+};
+function resolveAssetUrl(fieldValue, tag) {
+  if (!fieldValue) {
+    return void 0;
+  }
+  if (typeof fieldValue === "string") {
+    const trimmed = fieldValue.trim();
+    if (trimmed.startsWith("itemassets/") || trimmed.startsWith("/itemassets/") || trimmed.startsWith("http")) {
+      return trimmed;
+    }
+    try {
+      const parsed = JSON.parse(trimmed);
+      return resolveAssetUrl(parsed, tag);
+    } catch {
+      return void 0;
+    }
+  }
+  if (Array.isArray(fieldValue)) {
+    const asset = tag ? fieldValue.find(
+      (x) => x?.tag?.toLowerCase() === tag?.toLowerCase()
+    ) : fieldValue[0];
+    return asset?.assetUrl;
+  }
+  if (typeof fieldValue === "object" && fieldValue !== null) {
+    const assetObject = fieldValue;
+    if (assetObject.assetUrl) {
+      return assetObject.assetUrl;
+    }
+  }
+  return void 0;
+}
+var getNestedValue3 = (obj, path) => {
+  if (!obj || !path) {
+    return void 0;
+  }
+  return path.split(".").reduce((current, key) => {
+    return current?.[key];
+  }, obj);
+};
+var ImageGalleryNode = (props) => {
+  const resolveImageUrl = (image) => {
+    let imageUrl = image.imageUrl;
+    if (image.datafield && props.dataitem) {
+      const fieldValue = getNestedValue3(props.dataitem, image.datafield);
+      const resolvedAsset = resolveAssetUrl(fieldValue, image.tag);
+      if (resolvedAsset) {
+        imageUrl = resolvedAsset;
+      }
+    }
+    if (!imageUrl) {
+      return "";
+    }
+    if (imageUrl.startsWith("http")) {
+      return imageUrl;
+    }
+    const base = props.assetBaseUrl.replace(/\/$/, "");
+    const path = imageUrl.replace(/^\//, "");
+    return `${base}/${path}`;
+  };
+  const resolvePosterUrl = (posterUrl) => {
+    if (!posterUrl) return void 0;
+    return AssetUtility_default.resolveUrl(props.assetBaseUrl, posterUrl);
+  };
+  const rawImages = Array.isArray(props.node.images) ? props.node.images : [];
+  const hlsImages = rawImages.filter(
+    (img) => resolveImageUrl(img).endsWith(".m3u8")
+  );
+  const staticImages = rawImages.filter(
+    (img) => !resolveImageUrl(img).endsWith(".m3u8")
+  );
+  const hlsSources = [
+    ...DEVICE_ORDER.flatMap((deviceKey) => {
+      const img = hlsImages.find((i) => i.device === deviceKey);
+      if (!img) return [];
+      const src = resolveImageUrl(img);
+      if (!src) return [];
+      const media = deviceToMediaQuery(img.device);
+      const posterUrl = resolvePosterUrl(img.posterUrl);
+      return [
+        {
+          src,
+          ...media ? { media } : {},
+          ...posterUrl ? { posterUrl } : {}
+        }
+      ];
+    }),
+    ...hlsImages.filter((img) => !img.device).map((img) => {
+      const src = resolveImageUrl(img);
+      const posterUrl = resolvePosterUrl(img.posterUrl);
+      return { src, ...posterUrl ? { posterUrl } : {} };
+    }).filter((s) => !!s.src)
+  ];
+  const primaryHls = hlsImages.find((img) => !img.device) ?? hlsImages[0];
+  const hlsIntrinsicWidth = primaryHls ? parseMaybeNumber(primaryHls.intrinsicWidth)?.toString() : void 0;
+  const hlsIntrinsicHeight = primaryHls ? parseMaybeNumber(primaryHls.intrinsicHeight)?.toString() : void 0;
+  const hlsStyles = {};
+  if (primaryHls?.height) hlsStyles.height = primaryHls.height;
+  if (primaryHls?.width) hlsStyles.width = primaryHls.width;
+  if (primaryHls?.borderRadius)
+    hlsStyles.borderRadius = primaryHls.borderRadius;
+  const staticSources = staticImages.filter((img) => !!img.device);
+  const staticFallback = staticImages.find((img) => !img.device) ?? null;
+  const FormatClass = {
+    center: "justify-center",
+    left: "justify-start",
+    right: "justify-end"
+  };
+  const formatClasses = FormatClass[props.node.format || ""] || "";
+  return /* @__PURE__ */ jsxs11(Fragment5, { children: [
+    hlsSources.length > 0 && /* @__PURE__ */ jsx29(Fragment5, { children: /* @__PURE__ */ jsx29(
+      HlsPlayer3,
+      {
+        sources: hlsSources,
+        intrinsicWidth: hlsIntrinsicWidth,
+        intrinsicHeight: hlsIntrinsicHeight,
+        showControls: primaryHls?.showControls ?? false,
+        loop: primaryHls?.loop ?? false,
+        playOptions: primaryHls?.playOptions ?? "",
+        placementCode: primaryHls?.placementCode ?? "",
+        apiBaseUrl: props.apiBaseUrl,
+        session: props.session,
+        styles: hlsStyles
+      }
+    ) }),
+    (staticFallback || staticSources.length > 0) && /* @__PURE__ */ jsx29(Fragment5, { children: staticFallback ? /* @__PURE__ */ jsxs11("picture", { children: [
+      DEVICE_ORDER.map((deviceKey) => {
+        const match = staticSources.find(
+          (img) => img.device === deviceKey
+        );
+        if (!match) {
+          return null;
+        }
+        const srcUrl = resolveImageUrl(match);
+        if (!srcUrl) {
+          return null;
+        }
+        return /* @__PURE__ */ jsx29(
+          "source",
+          {
+            media: deviceToMediaQuery(match.device),
+            srcSet: srcUrl,
+            width: parseMaybeNumber(match.intrinsicWidth),
+            height: parseMaybeNumber(match.intrinsicHeight)
+          },
+          deviceKey
+        );
+      }),
+      (() => {
+        const img = staticFallback;
+        const imageUrl = resolveImageUrl(img);
+        if (!imageUrl) {
+          return null;
+        }
+        const styles = {
+          width: img.width || "auto",
+          height: img.height || "auto"
+        };
+        if (img.borderRadius) {
+          styles.borderRadius = img.borderRadius;
+        }
+        return /* @__PURE__ */ jsx29(
+          "img",
+          {
+            loading: "lazy",
+            style: styles,
+            className: "object-cover max-w-full",
+            src: imageUrl,
+            width: parseMaybeNumber(img.intrinsicWidth),
+            height: parseMaybeNumber(img.intrinsicHeight),
+            alt: img.title ?? "Gallery image"
+          }
+        );
+      })()
+    ] }) : (
+      /* Case 2: Only device-specific images exist */
+      /* @__PURE__ */ jsx29(Fragment5, { children: staticSources.map((img, index) => {
+        const imageUrl = resolveImageUrl(img);
+        if (!imageUrl) {
+          return null;
+        }
+        const styles = {
+          width: img.width || "auto",
+          height: img.height || "auto"
+        };
+        if (img.borderRadius) {
+          styles.borderRadius = img.borderRadius;
+        }
+        let display = "none";
+        switch (img.device) {
+          case "sm":
+            display = props.device === "sm" ? "block" : "none";
+            break;
+          case "md":
+            display = props.device === "md" ? "block" : "none";
+            break;
+          case "lg":
+            display = props.device === "lg" ? "block" : "none";
+            break;
+          default:
+            display = "block";
+        }
+        return /* @__PURE__ */ jsx29(
+          "img",
+          {
+            loading: "lazy",
+            src: imageUrl,
+            style: {
+              ...styles,
+              display
+            },
+            className: "object-cover max-w-full",
+            width: parseMaybeNumber(img.intrinsicWidth),
+            height: parseMaybeNumber(img.intrinsicHeight),
+            alt: img.title ?? "Gallery image"
+          },
+          index
+        );
+      }) })
+    ) })
+  ] });
+};
+var ImageGalleryNode_default = ImageGalleryNode;
+
+// src/components/pageRenderingEngine/nodes/DivContainer.tsx
+import Link from "next/link";
+
+// src/utilities/RoleUtility.tsx
+var decodeJWT = (token) => {
+  if (!token) return null;
+  try {
+    const cleanToken = token.replace(/^Bearer\s+/i, "");
+    const parts = cleanToken.split(".");
+    if (parts.length !== 3) {
+      console.warn("Invalid JWT token format");
+      return null;
+    }
+    const payload = parts[1];
+    const decoded = JSON.parse(atob(payload));
+    return decoded;
+  } catch (error) {
+    console.warn("Failed to decode JWT token:", error);
+    return null;
+  }
+};
+var extractRolesFromToken = (decodedPayload) => {
+  if (!decodedPayload) return [];
+  const roles = [];
+  if (decodedPayload.role && typeof decodedPayload.role === "string") {
+    roles.push(decodedPayload.role);
+  }
+  if (decodedPayload.rolecode && typeof decodedPayload.rolecode === "string") {
+    roles.push(decodedPayload.rolecode);
+  }
+  if (decodedPayload.roles && Array.isArray(decodedPayload.roles)) {
+    roles.push(...decodedPayload.roles);
+  }
+  if (decodedPayload.realm_access?.roles && Array.isArray(decodedPayload.realm_access.roles)) {
+    roles.push(...decodedPayload.realm_access.roles);
+  }
+  if (decodedPayload.resource_access && typeof decodedPayload.resource_access === "object") {
+    Object.values(decodedPayload.resource_access).forEach((resource) => {
+      if (resource?.roles && Array.isArray(resource.roles)) {
+        roles.push(...resource.roles);
+      }
+    });
+  }
+  return [...new Set(roles)];
+};
+var getUserRoles = (oAuthToken) => {
+  const decodedPayload = decodeJWT(oAuthToken);
+  return extractRolesFromToken(decodedPayload);
+};
+var hasRole = (userRoles, requiredRole) => {
+  if (!requiredRole || !userRoles) return false;
+  return userRoles.some(
+    (role) => role.toLowerCase() === requiredRole.toLowerCase()
+  );
+};
+var shouldRenderByRole = (roleCode, userRoles) => {
+  if (!roleCode || roleCode.trim() === "") {
+    return true;
+  }
+  const trimmedRoleCode = roleCode.trim();
+  if (trimmedRoleCode.startsWith("!")) {
+    const requiredRole = trimmedRoleCode.substring(1);
+    return !hasRole(userRoles, requiredRole);
+  }
+  return hasRole(userRoles, trimmedRoleCode);
+};
+var validateRoleVisibility = (roleCode, oAuthToken) => {
+  const userRoles = getUserRoles(oAuthToken);
+  return shouldRenderByRole(roleCode, userRoles);
+};
+
+// src/utilities/VisibilityUtility.tsx
+var getNestedValue4 = (obj, path) => {
+  if (!obj || !path) return void 0;
+  return path.split(".").reduce((current, key) => {
+    return current && current[key] !== void 0 ? current[key] : void 0;
+  }, obj);
+};
+var shouldRenderByFieldVisibility = (fieldVisibleOnTrue, dataItem) => {
+  if (!fieldVisibleOnTrue) {
+    return true;
+  }
+  const condition = fieldVisibleOnTrue.trim();
+  const isNegated = condition.startsWith("!");
+  const fieldName = isNegated ? condition.substring(1).trim() : condition;
+  const fieldValue = getNestedValue4(dataItem, fieldName);
+  if (fieldValue == null || fieldValue === 0) {
+    return false;
+  }
+  return isNegated ? fieldValue !== true : fieldValue !== false;
+};
+var shouldRenderByRole2 = (roleCode, oAuthToken) => {
+  if (!roleCode || roleCode.trim() === "") {
+    return true;
+  }
+  return validateRoleVisibility(roleCode, oAuthToken ?? void 0);
+};
+var shouldRenderByVisibility = (visibility, session) => {
+  const normalizedVisibility = visibility?.trim().toLowerCase();
+  const hasAuthToken = Boolean(session?.oAuthToken?.trim());
+  switch (normalizedVisibility) {
+    case "authorized":
+      return hasAuthToken;
+    case "anonymous":
+      return !hasAuthToken;
+    case "all":
+    case "":
+    case null:
+    case void 0:
+    default:
+      return true;
+  }
+};
+var shouldRenderContainer = (node, dataItem, session) => {
+  return shouldRenderByVisibility(node.visibility, session) && shouldRenderByRole2(node.roleCode, session?.oAuthToken) && shouldRenderByFieldVisibility(node.fieldVisibleOnTrue, dataItem);
+};
+
+// src/components/pageRenderingEngine/nodes/DocumentNode.tsx
+import { Fragment as Fragment6, jsx as jsx30, jsxs as jsxs12 } from "react/jsx-runtime";
+var getNestedValue5 = (obj, path) => {
+  if (!obj || !path) return void 0;
+  return path.split(".").reduce((current, key) => {
+    return current && current[key] !== void 0 ? current[key] : void 0;
+  }, obj);
+};
+var PdfIcon = () => /* @__PURE__ */ jsxs12(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 48 48",
+    className: "w-10 h-10",
+    children: [
+      /* @__PURE__ */ jsx30(
+        "path",
+        {
+          fill: "#e53935",
+          d: "M38,42H10c-2.209,0-4-1.791-4-4V10c0-2.209,1.791-4,4-4h28c2.209,0,4,1.791,4,4v28	C42,40.209,40.209,42,38,42z"
+        }
+      ),
+      /* @__PURE__ */ jsx30(
+        "path",
+        {
+          fill: "#fff",
+          d: "M34.841,26.799c-1.692-1.757-6.314-1.041-7.42-0.911c-1.627-1.562-2.734-3.45-3.124-4.101 c0.586-1.757,0.976-3.515,1.041-5.402c0-1.627-0.651-3.385-2.473-3.385c-0.651,0-1.237,0.391-1.562,0.911 c-0.781,1.367-0.456,4.101,0.781,6.899c-0.716,2.018-1.367,3.97-3.189,7.42c-1.888,0.781-5.858,2.604-6.183,4.556 c-0.13,0.586,0.065,1.172,0.521,1.627C13.688,34.805,14.273,35,14.859,35c2.408,0,4.751-3.32,6.379-6.118 c1.367-0.456,3.515-1.107,5.663-1.497c2.538,2.213,4.751,2.538,5.923,2.538c1.562,0,2.148-0.651,2.343-1.237 C35.492,28.036,35.297,27.32,34.841,26.799z M33.214,27.905c-0.065,0.456-0.651,0.911-1.692,0.651 c-1.237-0.325-2.343-0.911-3.32-1.692c0.846-0.13,2.734-0.325,4.101-0.065C32.824,26.929,33.344,27.254,33.214,27.905z M22.344,14.497c0.13-0.195,0.325-0.325,0.521-0.325c0.586,0,0.716,0.716,0.716,1.302c-0.065,1.367-0.325,2.734-0.781,4.036 C21.824,16.905,22.019,15.083,22.344,14.497z M22.214,27.124c0.521-1.041,1.237-2.864,1.497-3.645 c0.586,0.976,1.562,2.148,2.083,2.669C25.794,26.213,23.776,26.604,22.214,27.124z M18.374,29.728 c-1.497,2.473-3.059,4.036-3.905,4.036c-0.13,0-0.26-0.065-0.391-0.13c-0.195-0.13-0.26-0.325-0.195-0.586 C14.078,32.136,15.77,30.899,18.374,29.728z"
+        }
+      )
+    ]
+  }
+);
+var ExcelIcon = () => /* @__PURE__ */ jsxs12(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 48 48",
+    className: "w-10 h-10",
+    children: [
+      /* @__PURE__ */ jsx30(
+        "path",
+        {
+          fill: "#169154",
+          d: "M29,6H15.744C14.781,6,14,6.781,14,7.744v7.259h15V6z"
+        }
+      ),
+      /* @__PURE__ */ jsx30(
+        "path",
+        {
+          fill: "#18482a",
+          d: "M14,33.054v7.202C14,41.219,14.781,42,15.743,42H29v-8.946H14z"
+        }
+      ),
+      /* @__PURE__ */ jsx30("path", { fill: "#0c8045", d: "M14 15.003H29V24.005000000000003H14z" }),
+      /* @__PURE__ */ jsx30("path", { fill: "#17472a", d: "M14 24.005H29V33.055H14z" }),
+      /* @__PURE__ */ jsxs12("g", { children: [
+        /* @__PURE__ */ jsx30(
+          "path",
+          {
+            fill: "#29c27f",
+            d: "M42.256,6H29v9.003h15V7.744C44,6.781,43.219,6,42.256,6z"
+          }
+        ),
+        /* @__PURE__ */ jsx30(
+          "path",
+          {
+            fill: "#27663f",
+            d: "M29,33.054V42h13.257C43.219,42,44,41.219,44,40.257v-7.202H29z"
+          }
+        ),
+        /* @__PURE__ */ jsx30("path", { fill: "#19ac65", d: "M29 15.003H44V24.005000000000003H29z" }),
+        /* @__PURE__ */ jsx30("path", { fill: "#129652", d: "M29 24.005H44V33.055H29z" })
+      ] }),
+      /* @__PURE__ */ jsx30(
+        "path",
+        {
+          fill: "#0c7238",
+          d: "M22.319,34H5.681C4.753,34,4,33.247,4,32.319V15.681C4,14.753,4.753,14,5.681,14h16.638 C23.247,14,24,14.753,24,15.681v16.638C24,33.247,23.247,34,22.319,34z"
+        }
+      ),
+      /* @__PURE__ */ jsx30(
+        "path",
+        {
+          fill: "#fff",
+          d: "M9.807 19L12.193 19 14.129 22.754 16.175 19 18.404 19 15.333 24 18.474 29 16.123 29 14.013 25.07 11.912 29 9.526 29 12.719 23.982z"
+        }
+      )
+    ]
+  }
+);
+var WordIcon = () => /* @__PURE__ */ jsxs12(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 48 48",
+    className: "w-10 h-10",
+    baseProfile: "basic",
+    children: [
+      /* @__PURE__ */ jsx30(
+        "path",
+        {
+          fill: "#283593",
+          d: "M9,33.595l14.911-18.706L41,26v13.306C41,41.346,39.346,43,37.306,43H15.332	C11.835,43,9,40.164,9,36.667C9,36.667,9,33.595,9,33.595z"
+        }
+      ),
+      /* @__PURE__ */ jsxs12(
+        "linearGradient",
+        {
+          id: "qh2LT5tehRDFkLLfb-odWa",
+          x1: "9",
+          x2: "33.506",
+          y1: "364.445",
+          y2: "364.445",
+          gradientTransform: "translate(0 -339.89)",
+          gradientUnits: "userSpaceOnUse",
+          children: [
+            /* @__PURE__ */ jsx30("stop", { offset: "0", "stop-color": "#66c0ff" }),
+            /* @__PURE__ */ jsx30("stop", { offset: ".26", "stop-color": "#0094f0" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx30(
+        "path",
+        {
+          fill: "url(#qh2LT5tehRDFkLLfb-odWa)",
+          d: "M9,20.208c0-2.624,2.126-4.75,4.749-4.75h21.857L41,12.778v13.527	C41,28.346,39.346,30,37.306,30H15.332C11.835,30,9,32.836,9,36.333L9,20.208L9,20.208z"
+        }
+      ),
+      /* @__PURE__ */ jsx30(
+        "path",
+        {
+          fill: "#1e88e5",
+          "fill-opacity": ".6",
+          d: "M9,20.208c0-2.624,2.126-4.75,4.749-4.75h21.857L41,12.778v13.527	C41,28.346,39.346,30,37.306,30H15.332C11.835,30,9,32.836,9,36.333L9,20.208L9,20.208z"
+        }
+      ),
+      /* @__PURE__ */ jsx30(
+        "path",
+        {
+          fill: "#00e5ff",
+          d: "M9,10.333C9,6.836,11.835,4,15.332,4h21.975C39.346,4,41,5.654,41,7.694v5.611	C41,15.346,39.346,17,37.306,17H15.332C11.835,17,9,19.836,9,23.333C9,23.333,9,10.333,9,10.333z"
+        }
+      ),
+      /* @__PURE__ */ jsx30(
+        "path",
+        {
+          fill: "#1565c0",
+          d: "M7.5,23h10c1.933,0,3.5,1.567,3.5,3.5v10c0,1.933-1.567,3.5-3.5,3.5h-10C5.567,40,4,38.433,4,36.5	v-10C4,24.567,5.567,23,7.5,23z"
+        }
+      ),
+      /* @__PURE__ */ jsx30(
+        "path",
+        {
+          fill: "#fff",
+          d: "M18.327,26.643l-2.092,9.713l-2.501,0.002L12.5,30.529l-1.293,5.829H8.683l-2.01-9.713h2.062	l1.24,6.41l1.232-6.41h2.528l1.291,6.41l1.21-6.41L18.327,26.643L18.327,26.643z"
+        }
+      )
+    ]
+  }
+);
+var StandardIcon = () => /* @__PURE__ */ jsxs12(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 48 48",
+    className: "w-10 h-10",
+    children: [
+      /* @__PURE__ */ jsx30("path", { fill: "#90CAF9", d: "M40 45L8 45 8 3 30 3 40 13z" }),
+      /* @__PURE__ */ jsx30("path", { fill: "#E1F5FE", d: "M38.5 14L29 14 29 4.5z" })
+    ]
+  }
+);
+var PowerPointIcon = () => /* @__PURE__ */ jsxs12(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 48 48",
+    className: "w-10 h-10",
+    children: [
+      /* @__PURE__ */ jsx30(
+        "path",
+        {
+          fill: "#dc4c2c",
+          d: "M8,24c0,9.941,8.059,18,18,18s18-8.059,18-18H26H8z"
+        }
+      ),
+      /* @__PURE__ */ jsx30("path", { fill: "#f7a278", d: "M26,6v18h18C44,14.059,35.941,6,26,6z" }),
+      /* @__PURE__ */ jsx30("path", { fill: "#c06346", d: "M26,6C16.059,6,8,14.059,8,24h18V6z" }),
+      /* @__PURE__ */ jsx30(
+        "path",
+        {
+          fill: "#9b341f",
+          d: "M22.319,34H5.681C4.753,34,4,33.247,4,32.319V15.681C4,14.753,4.753,14,5.681,14h16.638 C23.247,14,24,14.753,24,15.681v16.638C24,33.247,23.247,34,22.319,34z"
+        }
+      ),
+      /* @__PURE__ */ jsx30(
+        "path",
+        {
+          fill: "#fff",
+          d: "M14.673,19.012H10v10h2.024v-3.521H14.3c1.876,0,3.397-1.521,3.397-3.397v-0.058 C17.697,20.366,16.343,19.012,14.673,19.012z M15.57,22.358c0,0.859-0.697,1.556-1.556,1.556h-1.99v-3.325h1.99 c0.859,0,1.556,0.697,1.556,1.556V22.358z"
+        }
+      )
+    ]
+  }
+);
+var TextIcon = () => /* @__PURE__ */ jsxs12(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 48 48",
+    className: "w-10 h-10",
+    children: [
+      /* @__PURE__ */ jsx30("path", { fill: "#90CAF9", d: "M40 45L8 45 8 3 30 3 40 13z" }),
+      /* @__PURE__ */ jsx30("path", { fill: "#E1F5FE", d: "M38.5 14L29 14 29 4.5z" }),
+      /* @__PURE__ */ jsx30(
+        "path",
+        {
+          fill: "#1976D2",
+          d: "M16 21H33V23H16zM16 25H29V27H16zM16 29H33V31H16zM16 33H29V35H16z"
+        }
+      )
+    ]
+  }
+);
+var ArchiveIcon = () => /* @__PURE__ */ jsxs12(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    zoomAndPan: "magnify",
+    viewBox: "0 0 75 74.999997",
+    preserveAspectRatio: "xMidYMid meet",
+    version: "1.0",
+    className: "w-10 h-10",
+    children: [
+      /* @__PURE__ */ jsx30("defs", { children: /* @__PURE__ */ jsx30("clipPath", { id: "273d29c8a6", children: /* @__PURE__ */ jsx30(
+        "path",
+        {
+          d: "M 8.90625 0 L 65.90625 0 L 65.90625 75 L 8.90625 75 Z M 8.90625 0 ",
+          "clip-rule": "nonzero"
+        }
+      ) }) }),
+      /* @__PURE__ */ jsx30("g", { "clip-path": "url(#273d29c8a6)", children: /* @__PURE__ */ jsx30(
+        "path",
+        {
+          fill: "#ff9100",
+          d: "M 65.882812 75 L 8.929688 75 L 8.929688 0 L 48.085938 0 L 65.882812 17.855469 Z M 65.882812 75 ",
+          "fill-opacity": "1",
+          "fill-rule": "nonzero"
+        }
+      ) }),
+      /* @__PURE__ */ jsx30(
+        "path",
+        {
+          fill: "#fbe9e7",
+          d: "M 63.214844 19.644531 L 46.304688 19.644531 L 46.304688 2.679688 Z M 63.214844 19.644531 ",
+          "fill-opacity": "1",
+          "fill-rule": "nonzero"
+        }
+      ),
+      /* @__PURE__ */ jsx30(
+        "path",
+        {
+          fill: "#ffe0b2",
+          d: "M 26.523438 50.59375 L 33.824219 50.59375 L 33.824219 53.570312 L 22.339844 53.570312 L 22.339844 51.410156 L 29.566406 38.789062 L 22.265625 38.789062 L 22.265625 35.796875 L 33.691406 35.796875 L 33.691406 37.910156 Z M 26.523438 50.59375 ",
+          "fill-opacity": "1",
+          "fill-rule": "nonzero"
+        }
+      ),
+      /* @__PURE__ */ jsx30(
+        "path",
+        {
+          fill: "#ffe0b2",
+          d: "M 36.183594 35.796875 L 39.757812 35.796875 L 39.757812 53.570312 L 36.183594 53.570312 Z M 36.183594 35.796875 ",
+          "fill-opacity": "1",
+          "fill-rule": "nonzero"
+        }
+      ),
+      /* @__PURE__ */ jsx30(
+        "path",
+        {
+          fill: "#ffe0b2",
+          d: "M 46.34375 47.320312 L 46.34375 53.570312 L 42.765625 53.570312 L 42.765625 35.796875 L 48.800781 35.796875 C 50.550781 35.796875 51.953125 36.34375 52.992188 37.433594 C 54.035156 38.523438 54.554688 39.9375 54.554688 41.683594 C 54.554688 43.425781 54.039062 44.796875 53.011719 45.808594 C 51.980469 46.820312 50.550781 47.320312 48.726562 47.320312 Z M 46.34375 44.332031 L 48.800781 44.332031 C 49.484375 44.332031 50.007812 44.105469 50.382812 43.660156 C 50.757812 43.210938 50.941406 42.5625 50.941406 41.707031 C 50.941406 40.816406 50.753906 40.113281 50.371094 39.585938 C 49.988281 39.0625 49.476562 38.796875 48.839844 38.789062 L 46.34375 38.789062 Z M 46.34375 44.332031 ",
+          "fill-opacity": "1",
+          "fill-rule": "nonzero"
+        }
+      )
+    ]
+  }
+);
+var getFileDetails = (url) => {
+  const extMatch = url.match(/\.([a-zA-Z0-9]+)(?:[\?#]|$)/);
+  const ext = extMatch ? extMatch[1].toLowerCase() : "";
+  let Icon = StandardIcon;
+  let extLabel = "FILE";
+  if (ext === "pdf") {
+    Icon = PdfIcon;
+    extLabel = "PDF";
+  } else if (["xls", "xlsx", "csv"].includes(ext)) {
+    Icon = ExcelIcon;
+    extLabel = "Excel";
+  } else if (["doc", "docx"].includes(ext)) {
+    Icon = WordIcon;
+    extLabel = "Word";
+  } else if (["ppt", "pptx"].includes(ext)) {
+    Icon = PowerPointIcon;
+    extLabel = "PowerPoint";
+  } else if (["txt", "rtf"].includes(ext)) {
+    Icon = TextIcon;
+    extLabel = "Text";
+  } else if (["zip", "rar", "7z"].includes(ext)) {
+    Icon = ArchiveIcon;
+    extLabel = "Archive";
+  } else if (ext) {
+    extLabel = ext.toUpperCase();
+  }
+  return { Icon, extLabel };
+};
+var DocumentNode = (props) => {
+  console.log("DocumentNode rendered");
+  console.log("props", props);
+  console.log("dataitem", props.dataitem);
+  console.log("node", props.node);
+  let documents = [];
+  if (props.dataitem && props.node.documentKey) {
+    const docData = getNestedValue5(props.dataitem, props.node.documentKey);
+    if (typeof docData === "string") {
+      const trimmed = docData.trim();
+      if (trimmed.startsWith("[") || trimmed.startsWith("{")) {
+        try {
+          const parsed = JSON.parse(trimmed);
+          if (Array.isArray(parsed)) {
+            documents = parsed.filter(
+              (item) => item && item.assetUrl
+            );
+          } else if (parsed?.assetUrl) {
+            documents = [parsed];
+          }
+        } catch {
+        }
+      } else {
+        documents = [
+          {
+            assetUrl: docData
+          }
+        ];
+      }
+    } else if (Array.isArray(docData)) {
+      documents = docData.filter((item) => item && item.assetUrl);
+    } else if (docData && typeof docData === "object" && docData.assetUrl) {
+      documents = [docData];
+    }
+  }
+  if (documents.length === 0) {
+    return /* @__PURE__ */ jsx30(Fragment6, { children: /* @__PURE__ */ jsxs12("div", { className: "py-4 px-2 bg-neutral-weak border rounded text-center flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx30("div", { className: "mx-auto w-10 h-10 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ jsx30(
+        "svg",
+        {
+          className: "w-5 h-5",
+          fill: "none",
+          stroke: "currentColor",
+          viewBox: "0 0 24 24",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: /* @__PURE__ */ jsx30(
+            "path",
+            {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: "1.5",
+              d: "M20 13V6a2 2 0 00-2-2H6a2 2 0 00-2 2v7m16 0v5a2 2 0 01-2 2H6a2 2 0 01-2-2v-5m16 0h-2.586a1 1 0 00-.707.293l-2.414 2.414a1 1 0 01-.707.293h-3.172a1 1 0 01-.707-.293l-2.414-2.414A1 1 0 006.586 13H4"
+            }
+          )
+        }
+      ) }),
+      /* @__PURE__ */ jsx30("div", { className: "text-sm font-medium", children: "No documents found" }),
+      /* @__PURE__ */ jsx30("div", { className: "text-xs", children: "No records found. Data may be empty or not available at the moment." })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx30("div", { className: "", children: documents.map((doc, index) => {
+    const documentUrl = AssetUtility_default.resolveUrl(
+      props.assetBaseUrl,
+      doc.assetUrl
+    );
+    let documentTitle = doc.title;
+    if (!documentUrl) {
+      return null;
+    }
+    if (!documentTitle) {
+      try {
+        const pathName = new URL(documentUrl).pathname;
+        documentTitle = pathName.split("/").pop()?.replace(/\.[^/.]+$/, "") || "Document";
+      } catch {
+        documentTitle = documentUrl.split("/").pop()?.replace(/\.[^/.]+$/, "") || "Document";
+      }
+    }
+    const { Icon, extLabel } = getFileDetails(documentUrl);
+    return /* @__PURE__ */ jsxs12(
+      "div",
+      {
+        className: `flex items-center justify-between py-4 bg-default gap-4 ${index !== 0 ? "border-t" : ""}`,
+        children: [
+          /* @__PURE__ */ jsxs12("div", { className: "flex items-center space-x-4", children: [
+            /* @__PURE__ */ jsx30("div", { className: "flex items-center justify-center p-2 rounded bg-neutral-soft", children: /* @__PURE__ */ jsx30(Icon, {}) }),
+            /* @__PURE__ */ jsx30("div", { className: "flex items-baseline space-x-2", children: /* @__PURE__ */ jsx30("h4", { className: "text-base font-semibold", children: documentTitle }) })
+          ] }),
+          /* @__PURE__ */ jsxs12(
+            "a",
+            {
+              href: documentUrl,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              className: "inline-flex items-center px-4 py-2 text-sm font-medium bg-default border rounded focus:outline-none focus:ring-2 focus:ring-offset-2 transition-colors",
+              children: [
+                /* @__PURE__ */ jsxs12(
+                  "svg",
+                  {
+                    className: "w-4 h-4 mr-2",
+                    fill: "none",
+                    stroke: "currentColor",
+                    viewBox: "0 0 24 24",
+                    children: [
+                      /* @__PURE__ */ jsx30(
+                        "path",
+                        {
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          strokeWidth: "2",
+                          d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
+                        }
+                      ),
+                      /* @__PURE__ */ jsx30(
+                        "path",
+                        {
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          strokeWidth: "2",
+                          d: "M12 12v5m0 0l-3-3m3 3l3-3M12 8v4"
+                        }
+                      )
+                    ]
+                  }
+                ),
+                "Download"
+              ]
+            }
+          )
+        ]
+      },
+      `${documentUrl}-${index}`
+    );
+  }) });
+};
+var DocumentNode_default = DocumentNode;
+
+// src/components/pageRenderingEngine/nodes/DivContainer.tsx
+import { jsx as jsx31, jsxs as jsxs13 } from "react/jsx-runtime";
+var Pagination = dynamic9(() => import("./Pagination-6OFACRMQ.mjs"), { ssr: true });
+var Slider = dynamic9(() => import("./Slider-PEIVH6A5.mjs"), {
+  ssr: false
+});
+function toCamelCase(str) {
+  return str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
+}
+function convertKeysToCamelCase(obj) {
+  if (!obj || typeof obj !== "object") return obj;
+  if (Array.isArray(obj)) return obj.map(convertKeysToCamelCase);
+  return Object.fromEntries(
+    Object.entries(obj).filter(([_, value]) => value !== "" && value !== void 0).map(([key, value]) => [toCamelCase(key), convertKeysToCamelCase(value)])
+  );
+}
+var getNestedValue6 = (obj, path) => {
+  if (!obj || !path) return void 0;
+  return path.split(".").reduce((current, key) => {
+    {
+    }
+    return current && current[key] !== void 0 ? current[key] : void 0;
+  }, obj);
+};
+function resolveAssetUrl2(fieldValue, tag) {
+  if (!fieldValue) {
+    return void 0;
+  }
+  if (typeof fieldValue === "string") {
+    const trimmed = fieldValue.trim();
+    if (trimmed.startsWith("itemassets/") || trimmed.startsWith("/itemassets/") || trimmed.startsWith("http")) {
+      return trimmed;
+    }
+    try {
+      const parsed = JSON.parse(trimmed);
+      return resolveAssetUrl2(parsed, tag);
+    } catch {
+      return void 0;
+    }
+  }
+  if (Array.isArray(fieldValue)) {
+    const asset = tag ? fieldValue.find(
+      (x) => x?.tag?.toLowerCase() === tag?.toLowerCase()
+    ) : fieldValue[0];
+    return asset?.assetUrl;
+  }
+  if (typeof fieldValue === "object" && fieldValue !== null) {
+    const assetObject = fieldValue;
+    if (assetObject.assetUrl) {
+      return assetObject.assetUrl;
+    }
+  }
+  return void 0;
+}
+function generateCompleteBackgroundString(layers, apiBaseUrl, dataItem) {
+  if (!layers || !Array.isArray(layers)) return "";
+  return layers.filter((layer) => layer && layer.type && layer.value).map((layer) => {
+    if (layer.type === "image" && typeof layer.value === "object") {
+      const imageValue = layer.value;
+      let assetUrl = imageValue.assetUrl || "";
+      if (layer.datafield && dataItem) {
+        const fieldValue = getNestedValue6(dataItem, layer.datafield);
+        const resolvedAssetUrl = resolveAssetUrl2(fieldValue, layer.tag);
+        if (resolvedAssetUrl) {
+          assetUrl = resolvedAssetUrl;
+        }
+      }
+      if (!assetUrl) {
+        return "";
+      }
+      const url = `url('${AssetUtility_default.resolveUrl(apiBaseUrl, assetUrl)}')`;
+      const repeat = layer.repeat || "no-repeat";
+      const position = layer.position || "center";
+      const size = layer.size || "auto";
+      const attachment = layer.attachment || "scroll";
+      return `${url} ${position} / ${size} ${repeat} ${attachment}`;
+    }
+    if (layer.type === "gradient" && typeof layer.value === "object") {
+      const gradient = layer.value;
+      if (!gradient.colors || !gradient.direction) {
+        return "";
+      }
+      const colors = gradient.colors.map(
+        (colorStop) => `color-mix(in srgb, ${colorStop.color}, transparent ${colorStop.transparency ?? 0}%) ${colorStop.start || "0%"}`
+      ).join(", ");
+      return `linear-gradient(${gradient.direction}, ${colors})`;
+    }
+    return "";
+  }).filter((bg) => bg.trim() !== "").join(", ");
+}
+var generateCssString = (guid, stylesObject, tabletStylesObject, mobileStylesObject) => {
+  const gridColumns = stylesObject?.gridTemplateColumns ? String(stylesObject.gridTemplateColumns).match(/\d+/g) ?? [] : [];
+  const hasGridProperties = (gridColumns?.length ?? 0) > 0;
+  const largeCols = hasGridProperties ? parseInt(gridColumns[0]) : 4;
+  const tabletColumns = hasGridProperties ? Math.ceil(parseInt(gridColumns[0]) / 2) : 2;
+  const mobileColumns = 1;
+  const cssRules = Object.entries(stylesObject || {}).filter(([_, value]) => value !== void 0 && value !== "").map(([key, value]) => {
+    const cssKey = key.replace(/([A-Z])/g, "-$1").toLowerCase();
+    return `${cssKey}: ${value};`;
+  });
+  let css = `#${guid} {
+${cssRules.join(
+    "\n"
+  )}
+ transition: all 0.3s ease-in-out; }`;
+  if (tabletStylesObject) {
+    const tabletCssRules = Object.entries(tabletStylesObject).filter(([_, value]) => value !== void 0 && value !== "").map(([key, value]) => {
+      const cssKey = key.replace(/([A-Z])/g, "-$1").toLowerCase();
+      return `${cssKey}: ${value};`;
+    });
+    if (tabletCssRules.length > 0) {
+      css += `
+@media (max-width: 768px) { 
+        #${guid} { 
+          ${tabletCssRules.join("\n")}
+        } 
+      }`;
+    }
+  }
+  if (mobileStylesObject) {
+    const mobileCssRules = Object.entries(mobileStylesObject).filter(([_, value]) => value !== void 0 && value !== "").map(([key, value]) => {
+      const cssKey = key.replace(/([A-Z])/g, "-$1").toLowerCase();
+      return `${cssKey}: ${value};`;
+    });
+    if (mobileCssRules.length > 0) {
+      css += `
+@media (max-width: 480px) { 
+        #${guid} { 
+          ${mobileCssRules.join("\n")}
+        } 
+      }`;
+    }
+  }
+  const updatedTabletStyles = convertKeysToCamelCase(
+    tabletStylesObject
+  );
+  const updatedMobileStyles = convertKeysToCamelCase(
+    mobileStylesObject
+  );
+  if (hasGridProperties) {
+    const tabletHasGrid = tabletStylesObject?.gridTemplateColumns !== void 0 || tabletStylesObject?.["grid-template-columns"] !== void 0;
+    const mobileHasGrid = mobileStylesObject?.gridTemplateColumns !== void 0 || mobileStylesObject?.["grid-template-columns"] !== void 0;
+    if (!tabletHasGrid) {
+      css += `
+@media (max-width: 768px) { 
+        #${guid} { 
+          grid-template-columns: repeat(${tabletColumns}, minmax(0, 1fr)); 
+        } 
+      }`;
+    }
+    if (!mobileHasGrid) {
+      css += `
+@media (max-width: 480px) { 
+        #${guid} { 
+          grid-template-columns: repeat(${mobileColumns}, minmax(0, 1fr)); 
+           grid-column: unset; 
+           column-gap: unset;
+        } 
+      }`;
+    }
+  }
+  return {
+    css,
+    gridColsLarge: largeCols,
+    gridColsMedium: tabletColumns,
+    gridColsSmall: mobileColumns
+  };
+};
+var DivContainer = async (props) => {
+  const NodeTypes2 = {
+    paragraph: ParagraphNode_default,
+    heading: HeadingNode_default,
+    list: ListNode_default,
+    quote: QuoteNode_default,
+    code: CodeNode_default,
+    image: ImageNode_default,
+    "image-gallery": ImageGalleryNode_default,
+    horizontalrule: HorizontalRuleNode_default,
+    widget: WidgetNode_default,
+    embed: EmbedNode_default,
+    "div-container": DivContainer,
+    text: TextNode_default,
+    datafield: DatafieldNode_default,
+    "svg-icon": SVGIconNode_default,
+    document: DocumentNode_default
+  };
+  const styles = props.node.cssProperties;
+  const mobileStyles = props.node.mobileCssProperties;
+  const tabletStyles = props.node.tabletCssProperties;
+  const dataBindingProperties = props.node.dataBinding;
+  const updatedStyles = convertKeysToCamelCase(styles);
+  let containerPaddingClass = "";
+  if (props.node.containerPadding == "small") {
+    containerPaddingClass = "container-small";
+  } else if (props.node.containerPadding == "large") {
+    containerPaddingClass = "container-large";
+  }
+  {
+  }
+  const updatedStyle = { ...updatedStyles };
+  const guid = "css" + crypto.randomUUID().toLocaleLowerCase();
+  const { enterAnimation, exitAnimation, hoverAnimation } = props.node;
+  let animationCSS = "";
+  if (enterAnimation?.name) {
+    animationCSS += AnimationUtility_default.generateAnimationCSS(
+      {
+        animation: enterAnimation.name,
+        mode: "enter",
+        ...enterAnimation.properties
+      },
+      `#${guid}`
+    );
+  }
+  if (hoverAnimation?.name) {
+    animationCSS += AnimationUtility_default.generateAnimationCSS(
+      {
+        animation: hoverAnimation.name,
+        mode: "hover",
+        ...hoverAnimation.properties
+      },
+      `#${guid}`
+    );
+  }
+  const isHidden = !shouldRenderContainer(
+    {
+      visibility: props.node.visibility,
+      roleCode: props.node.roleCode,
+      fieldVisibleOnTrue: props.node.fieldVisibleOnTrue
+    },
+    props.dataitem,
+    props.session
+  );
+  let odataString = void 0;
+  let endpoint = void 0;
+  let result = null;
+  let response = null;
+  let childCollectionData = null;
+  if (dataBindingProperties) {
+    const serviceClient = new ServiceClient_default(props.apiBaseUrl, props.session);
+    endpoint = dataBindingProperties.dataSource;
+    {
+    }
+    endpoint = endpoint.replace(/\{(\w+)\}/g, (_, key) => {
+      return props.routeParameters?.[key] ?? `{${key}}`;
+    });
+    if (dataBindingProperties.applyODataParams) {
+      odataString = OdataBuilder.getOdataQueryString(props.query);
+      if (odataString) {
+        const separator = endpoint.includes("?") ? "&" : "?";
+        endpoint += separator + odataString;
+      }
+    }
+    response = await serviceClient.get(endpoint);
+    result = response?.result;
+    if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
+      return /* @__PURE__ */ jsx31(NoDataFound_default, {});
+    }
+    if (dataBindingProperties.childCollectionName && props.dataitem) {
+      childCollectionData = getNestedValue6(
+        props.dataitem,
+        dataBindingProperties.childCollectionName
+      );
+    }
+  }
+  const cssResult = generateCssString(
+    guid,
+    updatedStyle,
+    tabletStyles,
+    mobileStyles
+  );
+  function renderNode(node, props2, dataitem, key, href) {
+    {
+    }
+    const SelectedNode = NodeTypes2[node.type];
+    if (!SelectedNode) return null;
+    return /* @__PURE__ */ jsx31(React19.Fragment, { children: /* @__PURE__ */ jsx31(
+      SelectedNode,
+      {
+        node,
+        parentTag: Wrapper,
+        routeParameters: props2.routeParameters,
+        query: props2.query,
+        session: props2.session,
+        host: props2.host,
+        path: props2.path,
+        apiBaseUrl: props2.apiBaseUrl,
+        breadcrumb: props2.breadcrumb,
+        dataitem,
+        href,
+        assetBaseUrl: props2.assetBaseUrl,
+        device: props2.device,
+        widgetRenderer: props2.widgetRenderer
+      }
+    ) }, key);
+  }
+  function renderChildren(nodes, props2, data, key, href) {
+    if (!nodes) return null;
+    const childNodes = nodes.map((node, index) => {
+      if (
+        // @ts-expect-error custom code
+        node.type === "div-container" && node.dataBinding?.childCollectionName && data
+      ) {
+        return renderNode(node, props2, data, index, href);
+      }
+      return renderNode(node, props2, data, index, href);
+    });
+    return childNodes;
+  }
+  function queryObjectToString(query) {
+    if (!query) return "";
+    return Object.entries(query).map(
+      ([key, value]) => `${encodeURIComponent(key)}=${encodeURIComponent(value)}`
+    ).join("&");
+  }
+  function resolveHrefTemplate(template, dataItem) {
+    return template.replace(/\{([^}]+)\}/g, (match, key) => {
+      return dataItem[key] !== void 0 ? dataItem[key] : match;
+    });
+  }
+  const dataToRender = (() => {
+    if (childCollectionData && Array.isArray(childCollectionData)) {
+      return childCollectionData;
+    }
+    if (result && props.node.dataBinding?.responseType === "array") {
+      return result;
+    }
+    if (result && props.node.dataBinding?.responseType === "object") {
+      return [result];
+    }
+    return [props.dataitem];
+  })();
+  const backgroundDataItem = dataToRender.length > 0 ? dataToRender[0] : props.dataitem;
+  const background = generateCompleteBackgroundString(
+    props.node.backgroundLayers,
+    props.assetBaseUrl,
+    backgroundDataItem
+  );
+  const backgroundStyle = background && background !== "" ? { background } : {};
+  const combinedStyles = {
+    ...backgroundStyle
+  };
+  if (props.node.enableBackgroundClipText) {
+    combinedStyles.WebkitBackgroundClip = "text";
+    combinedStyles.backgroundClip = "text";
+  }
+  const renderLink = result && props.node.dataBinding?.responseType === "array" ? true : false;
+  {
+  }
+  let Wrapper;
+  let wrapperProps;
+  let noLinkColor = false;
+  switch (true) {
+    case props.node.componentProperties?.type === "slider":
+      Wrapper = Slider;
+      const largeCols = props.node.componentProperties?.columns || 4;
+      const slidesToShow = {
+        large: largeCols,
+        medium: Math.ceil(largeCols / 2),
+        small: 1
+      };
+      wrapperProps = {
+        ...props.node.componentProperties,
+        slidesToShow
+      };
+      break;
+    case !!(props.node.href || props.href):
+      Wrapper = Link;
+      let href = props.node.href || props.href;
+      if (href?.includes("{")) {
+        href = resolveHrefTemplate(href, props.dataitem);
+      }
+      const currentPath = decodeURIComponent(
+        PathUtility_default.removeTrailingSlash(props.path) + "?" + queryObjectToString(props.query)
+      );
+      const resolvedHref = decodeURIComponent(href || "");
+      const isSelected = currentPath === resolvedHref;
+      noLinkColor = true;
+      wrapperProps = {
+        href,
+        "data-isSelected": isSelected,
+        "data-path": currentPath,
+        "data-href": resolvedHref
+      };
+      break;
+    default: {
+      const replacementTag = props.node.replaceDivTagWith;
+      const allowedTags = ["div", "section", "article", "details", "summary"];
+      if (replacementTag && allowedTags.includes(replacementTag)) {
+        {
+        }
+        Wrapper = replacementTag;
+      } else {
+        Wrapper = "div";
+      }
+      wrapperProps = {};
+      break;
+    }
+  }
+  if (isHidden) {
+    return null;
+  }
+  const classNames = [
+    containerPaddingClass,
+    props.node.autoFormat && "auto-format",
+    props.node.bgClass,
+    noLinkColor && "no-link-color"
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs13(React19.Fragment, { children: [
+    /* @__PURE__ */ jsx31(
+      "style",
+      {
+        dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS }
+      }
+    ),
+    /* @__PURE__ */ jsx31(React19.Fragment, { children: /* @__PURE__ */ jsx31(
+      Wrapper,
+      {
+        id: guid,
+        style: combinedStyles,
+        className: classNames || void 0,
+        ...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__ */ jsx31(React19.Fragment, { children: child }, i)) : renderChildren(props.node.children, props, item, idx)
+        )
+      }
+    ) }),
+    dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ jsx31("div", { children: /* @__PURE__ */ jsx31(
+      Pagination,
+      {
+        path: props.path,
+        query: props.query,
+        dataset: response
+      }
+    ) })
+  ] });
+};
+var DivContainer_default = DivContainer;
+
+// src/components/pageRenderingEngine/PageBodyRenderer.tsx
+import { jsx as jsx32 } from "react/jsx-runtime";
+var NodeTypes = {
+  ["paragraph"]: ParagraphNode_default,
+  ["heading"]: HeadingNode_default,
+  ["list"]: ListNode_default,
+  ["quote"]: QuoteNode_default,
+  ["code"]: CodeNode_default,
+  ["image"]: ImageNode_default,
+  ["image-gallery"]: ImageGalleryNode_default,
+  ["horizontalrule"]: HorizontalRuleNode_default,
+  ["widget"]: WidgetNode_default,
+  // ["form-container"]: FormContainerNode,
+  ["div-container"]: DivContainer_default,
+  ["svg-icon"]: SVGIconNode_default,
+  ["embed"]: EmbedNode_default,
+  ["document"]: DocumentNode_default
+};
+var PageBodyRenderer = (props) => {
+  let pageBodyTree;
+  if (props.rawBody != void 0 && props.rawBody != null && props.rawBody != "") {
+    try {
+      pageBodyTree = JSON.parse(props.rawBody.toString());
+    } catch (error) {
+    }
+  }
+  let rootNode;
+  if (pageBodyTree && pageBodyTree.root) {
+    rootNode = pageBodyTree.root;
+  }
+  const shouldRenderNode = (node) => {
+    {
+    }
+    if (node.type === "div-container" && node.roleCode) {
+      return validateRoleVisibility(node.roleCode, props.session?.oAuthToken);
+    }
+    return true;
+  };
+  return /* @__PURE__ */ jsx32(React20.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
+    {
+    }
+    const SelectedNode = NodeTypes[node.type];
+    if (!shouldRenderNode(node)) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx32(React20.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx32(React20.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ jsx32(React20.Fragment, { children: /* @__PURE__ */ jsx32(
+      SelectedNode,
+      {
+        node,
+        firstNode: true,
+        routeParameters: props.routeParameters,
+        query: props.query,
+        session: props.session,
+        host: props.host,
+        path: props.path,
+        apiBaseUrl: props.apiBaseUrl,
+        serviceClient: props.serviceClient,
+        assetBaseUrl: props.assetBaseUrl,
+        device: props.device,
+        widgetRenderer: props.widgetRenderer
+      }
+    ) }) : /* @__PURE__ */ jsx32(React20.Fragment, { children: /* @__PURE__ */ jsx32(
+      SelectedNode,
+      {
+        node,
+        routeParameters: props.routeParameters,
+        query: props.query,
+        session: props.session,
+        host: props.host,
+        path: props.path,
+        apiBaseUrl: props.apiBaseUrl,
+        serviceClient: props.serviceClient,
+        assetBaseUrl: props.assetBaseUrl,
+        device: props.device,
+        widgetRenderer: props.widgetRenderer
+      }
+    ) }) }) }, index);
+  }) });
+};
+var PageBodyRenderer_default = PageBodyRenderer;
+export {
+  PageBodyRenderer_default as PageBodyRenderer
+};