@clyrex-digital/clyrex-controls-dev 0.8.1-dev.20260722101954

package/dist/index.mjs

@@ -0,0 +1,4285 @@
+import {
+  OdataBuilder
+} from "./chunk-UFKPTMM7.mjs";
+import {
+  AssetUtility_default,
+  BooleanSelect_default,
+  CheckboxInput_default,
+  ColorInput_default,
+  DateTimeInput_default,
+  EmailInput_default,
+  LineTextInput_default,
+  MoneyInput_default,
+  MultilineTextInput_default,
+  NumberInput_default,
+  OtpInput_default,
+  PercentageInput_default,
+  PhoneInput_default,
+  SelectWithSearchInput_default,
+  TimeInput_default
+} from "./chunk-YG6FKKQJ.mjs";
+import {
+  Constants,
+  Hyperlink,
+  Icon_default,
+  InputControlType_default
+} from "./chunk-DBHUCH4B.mjs";
+import {
+  ServiceClient_default
+} from "./chunk-3GWLDT7C.mjs";
+import {
+  Button_default,
+  ClientButton_default,
+  ToastService_default
+} from "./chunk-RHVNJMS4.mjs";
+import "./chunk-56HSDML5.mjs";
+
+// src/components/controls/view/ViewControl.tsx
+import React13 from "react";
+
+// src/components/controls/view/ViewControlTypes.tsx
+var ViewControlTypes = {
+  lineText: "lineText",
+  emailText: "email",
+  asset: "asset",
+  video: "video",
+  multilineTextBullets: "multilineTextBullets",
+  boolean: "boolean",
+  checkboxInput: "boolean",
+  money: "money",
+  date: "date",
+  time: "time",
+  datetime: "datetime",
+  number: "number",
+  multilineText: "multilineText",
+  multilinetext: "multilinetext",
+  moneyText: "moneyText",
+  percentage: "percentage",
+  status: "status",
+  statusBg: "statusBg",
+  progressIndicator: "progressIndicator",
+  timeUntilStarts: "timeUntilStarts",
+  timeUntilStartsStyled: "timeUntilStartsStyled",
+  aiGeneratedSummary: "aiGeneratedSummary",
+  booleanView: "booleanView",
+  text: "text"
+};
+var ViewControlTypes_default = ViewControlTypes;
+
+// src/components/controls/view/NumberView.tsx
+import React from "react";
+import { jsx } from "react/jsx-runtime";
+var NumberView = (props) => {
+  return /* @__PURE__ */ jsx(React.Fragment, { children: props.value });
+};
+var NumberView_default = NumberView;
+
+// src/components/controls/view/DateView.tsx
+import dynamic from "next/dynamic";
+var DateView = dynamic(() => import("./DateViewClient-4CTEMOMJ.mjs"), {
+  ssr: false
+});
+var DateView_default = DateView;
+
+// src/components/controls/view/BooleanView.tsx
+import React2 from "react";
+import { jsx as jsx2 } 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__ */ jsx2(React2.Fragment, { children: booleanValue === true && /* @__PURE__ */ jsx2(
+      "svg",
+      {
+        className: "w-15 h-8 text-green-600",
+        fill: "currentColor",
+        viewBox: "0 0 20 20",
+        children: /* @__PURE__ */ jsx2(
+          "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__ */ jsx2(React2.Fragment, { children: booleanValue ? "true" : "false" });
+};
+var BooleanView_default = BooleanView;
+
+// src/components/controls/view/Asset.tsx
+import React3 from "react";
+
+// src/components/DeviceAssetSelector.tsx
+import dynamic2 from "next/dynamic";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var HlsPlayer = dynamic2(() => import("./HlsPlayer-57543DTW.mjs"), { ssr: false });
+var 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/controls/view/Asset.tsx
+import { jsx as jsx4 } 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__ */ jsx4(React3.Fragment, { children: /* @__PURE__ */ jsx4(
+    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 React4 from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var LineText = (props) => {
+  return /* @__PURE__ */ jsx5(React4.Fragment, { children: props.value });
+};
+var LineTextView_default = LineText;
+
+// src/components/controls/view/EmailTextView.tsx
+import React5 from "react";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var EmailText = (props) => {
+  return /* @__PURE__ */ jsx6(React5.Fragment, { children: props.value });
+};
+var EmailTextView_default = EmailText;
+
+// src/components/controls/view/StatusBgView.tsx
+import React6 from "react";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var StatusBg = (props) => {
+  return /* @__PURE__ */ jsx7(React6.Fragment, { children: props.value && props.value != "" && /* @__PURE__ */ jsx7("span", { className: "py-0.5 px-1.5 text-xs capitalize text-white font-semibold rounded  bg-status bg-status-" + props.value, children: props.value }) });
+};
+var StatusBgView_default = StatusBg;
+
+// src/components/controls/view/StatusView.tsx
+import React7 from "react";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var Status = (props) => {
+  return /* @__PURE__ */ jsx8(React7.Fragment, { children: /* @__PURE__ */ jsx8("span", { className: "capitalize font-semibold rounded text-status text-status-" + props.value, children: props.value }) });
+};
+var StatusView_default = Status;
+
+// src/components/controls/view/MoneyView.tsx
+import React8 from "react";
+
+// src/components/utilities/CurrencyUtility.tsx
+var CurrencyUtility = class {
+  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 jsx9, jsxs } from "react/jsx-runtime";
+var Money = (props) => {
+  const parsedNumber = parseFloat(props.value);
+  return /* @__PURE__ */ jsx9(React8.Fragment, { children: !Number.isNaN(parsedNumber) && /* @__PURE__ */ jsxs(React8.Fragment, { children: [
+    /* @__PURE__ */ jsx9("span", { className: "mr-0.5", children: CurrencyUtility_default.getCurrencySymbol(props.unit) }),
+    parsedNumber.toLocaleString()
+  ] }) });
+};
+var MoneyView_default = Money;
+
+// src/components/controls/view/MultilineTextBulletsView.tsx
+import React9 from "react";
+import { jsx as jsx10 } from "react/jsx-runtime";
+var MultilineTextBullets = (props) => {
+  const lines = props.value?.split("\\n");
+  return /* @__PURE__ */ jsx10(React9.Fragment, { children: /* @__PURE__ */ jsx10("ul", { className: "list-disc", children: lines && lines.map((line, index) => {
+    return /* @__PURE__ */ jsx10("li", { children: line }, index);
+  }) }) });
+};
+var MultilineTextBulletsView_default = MultilineTextBullets;
+
+// src/components/controls/view/MultilineTextView.tsx
+import React10 from "react";
+import { jsx as jsx11 } from "react/jsx-runtime";
+var MultilineText = (props) => {
+  return /* @__PURE__ */ jsx11(React10.Fragment, { children: /* @__PURE__ */ jsx11("span", { className: "whitespace-pre-line", children: props.value }) });
+};
+var MultilineTextView_default = MultilineText;
+
+// src/components/controls/view/PercentageView.tsx
+import React11 from "react";
+import { jsxs as jsxs2 } from "react/jsx-runtime";
+var PercentageView = (props) => {
+  return /* @__PURE__ */ jsxs2(React11.Fragment, { children: [
+    props.value,
+    "%"
+  ] });
+};
+var PercentageView_default = PercentageView;
+
+// src/components/controls/view/ProgressIndicator.tsx
+import React12 from "react";
+import { jsx as jsx12, jsxs as jsxs3 } from "react/jsx-runtime";
+var ProgressIndicator = (props) => {
+  const percentage = 100;
+  const circumference = Math.PI * 56;
+  const offset = circumference * (1 - percentage / 100);
+  return /* @__PURE__ */ jsx12(React12.Fragment, { children: /* @__PURE__ */ jsxs3("div", { className: "relative w-48 h-48", children: [
+    /* @__PURE__ */ jsx12("div", { className: "absolute top-0 left-0 w-full h-full rounded-full border border-gray-200" }),
+    /* @__PURE__ */ jsx12("div", { className: "absolute top-0 left-0 w-full h-full rounded-full overflow-hidden", children: /* @__PURE__ */ jsx12("div", { className: "w-full h-full rounded-full border-t-8 border-green-500", style: { transform: `rotate(-90deg)`, clipPath: `inset(0px ${offset}px 0px 0px)` } }) }),
+    /* @__PURE__ */ jsx12("div", { className: "absolute top-0 left-0 w-full h-full flex items-center justify-center text-lg font-bold text-gray-800", children: /* @__PURE__ */ jsxs3("span", { children: [
+      percentage,
+      "%"
+    ] }) })
+  ] }) });
+};
+var ProgressIndicator_default = ProgressIndicator;
+
+// src/components/controls/view/AiGeneratedSummary.tsx
+import { jsx as jsx13, jsxs as jsxs4 } from "react/jsx-runtime";
+var AiGeneratedSummary = (props) => {
+  const lines = props.value?.split("\n").filter((line) => line.trim() !== "") || [];
+  return /* @__PURE__ */ jsxs4("details", { className: "group rounded-xl border-2 bg-white  shadow-sm border-p overflow-hidden", children: [
+    /* @__PURE__ */ jsx13("summary", { className: "flex items-start justify-between cursor-pointer list-none", children: /* @__PURE__ */ jsxs4("div", { className: "flex items-start gap-3 ", children: [
+      /* @__PURE__ */ jsx13("div", { className: "bg-primary-base bg-transparent rounded mt-1 p-1", children: /* @__PURE__ */ jsx13("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: "1.5", stroke: "currentColor", className: "w-5", children: /* @__PURE__ */ jsx13("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M9.813 15.904 9 18.75l-.813-2.846a4.5 4.5 0 0 0-3.09-3.09L2.25 12l2.846-.813a4.5 4.5 0 0 0 3.09-3.09L9 5.25l.813 2.846a4.5 4.5 0 0 0 3.09 3.09L15.75 12l-2.846.813a4.5 4.5 0 0 0-3.09 3.09ZM18.259 8.715 18 9.75l-.259-1.035a3.375 3.375 0 0 0-2.455-2.456L14.25 6l1.036-.259a3.375 3.375 0 0 0 2.455-2.456L18 2.25l.259 1.035a3.375 3.375 0 0 0 2.456 2.456L21.75 6l-1.035.259a3.375 3.375 0 0 0-2.456 2.456ZM16.894 20.567 16.5 21.75l-.394-1.183a2.25 2.25 0 0 0-1.423-1.423L13.5 18.75l1.183-.394a2.25 2.25 0 0 0 1.423-1.423l.394-1.183.394 1.183a2.25 2.25 0 0 0 1.423 1.423l1.183.394-1.183.394a2.25 2.25 0 0 0-1.423 1.423Z" }) }) }),
+      /* @__PURE__ */ jsxs4("div", { children: [
+        /* @__PURE__ */ jsx13("h3", { className: "text-lg font-semibold ", children: "Quick Read" }),
+        /* @__PURE__ */ jsx13("p", { className: "text-sm text-gray-500 mb-0", children: "Summary is AI-generated, author-reviewed" })
+      ] })
+    ] }) }),
+    /* @__PURE__ */ jsx13("div", { children: /* @__PURE__ */ jsx13("ul", { className: "list-disc pl-6 space-y-3 text-gray-700 ps-4 pl-4", children: lines.map((line, index) => /* @__PURE__ */ jsx13("li", { className: "m-0", children: line }, index)) }) })
+  ] });
+};
+var AiGeneratedSummary_default = AiGeneratedSummary;
+
+// src/components/controls/view/DateTimeVew.tsx
+import dynamic3 from "next/dynamic";
+var DateTimeView = dynamic3(() => import("./DateTimeViewClient-K5FE5VSN.mjs"), {
+  ssr: false
+});
+var DateTimeVew_default = DateTimeView;
+
+// src/components/controls/view/ViewControl.tsx
+import { jsx as jsx14 } from "react/jsx-runtime";
+var ViewControl = (props) => {
+  const ControlComponents = {
+    [ViewControlTypes_default.lineText]: LineTextView_default,
+    [ViewControlTypes_default.emailText]: EmailTextView_default,
+    [ViewControlTypes_default.asset]: Asset_default,
+    [ViewControlTypes_default.multilineTextBullets]: MultilineTextBulletsView_default,
+    [ViewControlTypes_default.boolean]: BooleanView_default,
+    [ViewControlTypes_default.checkboxInput]: BooleanView_default,
+    // [ViewControlTypes.timeUntilStarts]: TimeUntilStarts,
+    [ViewControlTypes_default.money]: MoneyView_default,
+    [ViewControlTypes_default.date]: DateView_default,
+    [ViewControlTypes_default.time]: DateView_default,
+    [ViewControlTypes_default.datetime]: DateTimeVew_default,
+    [ViewControlTypes_default.number]: NumberView_default,
+    [ViewControlTypes_default.multilineText]: MultilineTextView_default,
+    [ViewControlTypes_default.multilinetext]: MultilineTextView_default,
+    [ViewControlTypes_default.moneyText]: MoneyView_default,
+    [ViewControlTypes_default.percentage]: PercentageView_default,
+    [ViewControlTypes_default.status]: StatusView_default,
+    [ViewControlTypes_default.statusBg]: StatusBgView_default,
+    [ViewControlTypes_default.progressIndicator]: ProgressIndicator_default,
+    // [ViewControlTypes.timeUntilStarts]: TimeUntilStarts,
+    // [ViewControlTypes.timeUntilStartsStyled]: TimeUntilStartsStyled,
+    [ViewControlTypes_default.aiGeneratedSummary]: AiGeneratedSummary_default,
+    [ViewControlTypes_default.booleanView]: BooleanView_default,
+    [ViewControlTypes_default.text]: LineTextView_default
+  };
+  const SelectedControlComponent = props.controlType ? ControlComponents[props.controlType] : void 0;
+  return /* @__PURE__ */ jsx14(React13.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ jsx14(SelectedControlComponent, { ...props }) : "Control not found:" + props.controlType });
+};
+var ViewControl_default = ViewControl;
+
+// src/components/controls/edit/InputControl.tsx
+import dynamic4 from "next/dynamic";
+var InputControl = dynamic4(() => import("./InputControlClient-BUOYZNWQ.mjs"), {
+  ssr: false
+});
+var InputControl_default = InputControl;
+
+// src/components/pageRenderingEngine/PageBodyRenderer.tsx
+import React23 from "react";
+
+// src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
+import React15 from "react";
+
+// src/components/pageRenderingEngine/nodes/TextNode.tsx
+import { jsx as jsx15, jsxs as jsxs5 } 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__ */ jsxs5("span", { children: [
+      line,
+      index < arr.length - 1 && /* @__PURE__ */ jsx15("br", {})
+    ] }, index));
+  }
+  const displayText = props.linkText ? props.linkText : props.node.text;
+  const finalText = props.dataitem && props.linkText ? displayText : props.dataitem ? replacePlaceholders(props.node.text, props.dataitem) : props.node.text;
+  const content = typeof finalText === "string" ? renderWithLineBreaks(finalText) : finalText;
+  const formattedContent = props.node.format & 64 ? /* @__PURE__ */ jsx15("sup", { children: content }) : props.node.format & 32 ? /* @__PURE__ */ jsx15("sub", { children: content }) : content;
+  return (
+    // @ts-expect-error custom code
+    /* @__PURE__ */ jsx15("span", { style: { ...styles }, className: getFormatClass(props.node.format), children: formattedContent })
+  );
+};
+var TextNode_default = TextNode;
+
+// src/components/pageRenderingEngine/nodes/LineBreakNode.tsx
+import { jsx as jsx16 } from "react/jsx-runtime";
+var LineBreakNode = () => {
+  return /* @__PURE__ */ jsx16("div", { className: "py-0.5 lg:py-1.5" });
+};
+var LineBreakNode_default = LineBreakNode;
+
+// src/components/pageRenderingEngine/nodes/LinkNode.tsx
+import React14 from "react";
+
+// src/components/pageRenderingEngine/nodes/ImageNode.tsx
+import dynamic5 from "next/dynamic";
+import { jsx as jsx17 } from "react/jsx-runtime";
+var HlsPlayer2 = dynamic5(() => 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__ */ jsx17(
+        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__ */ jsx17(
+    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__ */ jsx17(
+    "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__ */ jsx17("div", { className: `flex ${FORMAT_CLASSES2[props.node.format] ?? ""}`, children: renderMedia() });
+  }
+  return renderMedia();
+};
+var ImageNode_default = ImageNode;
+
+// src/components/pageRenderingEngine/nodes/LinkNode.tsx
+import dynamic6 from "next/dynamic";
+import { Fragment, jsx as jsx18, jsxs as jsxs6 } from "react/jsx-runtime";
+var LinkNodeButton = dynamic6(() => import("./LinkNodeButton-BIZA2NPE.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__ */ jsx18(Fragment, { children: node.children.map((childNode, index) => {
+      const SelectedNode = NodeTypes2[childNode.type];
+      if (!SelectedNode) {
+        console.warn("Unknown node type:", childNode.type);
+        return null;
+      }
+      return /* @__PURE__ */ jsx18(React14.Fragment, { children: /* @__PURE__ */ jsx18(
+        SelectedNode,
+        {
+          node: childNode,
+          dataitem,
+          linkText,
+          routeParameters: props.routeParameters
+        }
+      ) }, index);
+    }) });
+  };
+  const renderFallback = () => {
+    if ((!node.children || node.children.length === 0) && linkText) {
+      return /* @__PURE__ */ jsx18("span", { children: linkText });
+    }
+    if ((!node.children || node.children.length === 0) && !linkText) {
+      return /* @__PURE__ */ jsx18("br", {});
+    }
+    return null;
+  };
+  if (isButton) {
+    return /* @__PURE__ */ jsxs6(
+      LinkNodeButton,
+      {
+        node,
+        dataitem,
+        routeParameters: props.routeParameters,
+        session: props.session,
+        apiBaseUrl: props.apiBaseUrl || "",
+        linkText,
+        linkType,
+        linkUrl,
+        children: [
+          renderChildren(),
+          renderFallback()
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsxs6(
+    Hyperlink,
+    {
+      href: linkUrl || "#",
+      linkType,
+      alt: linkText || node.title || "",
+      children: [
+        renderChildren(),
+        renderFallback()
+      ]
+    }
+  );
+};
+var LinkNode_default = LinkNode;
+
+// src/components/pageRenderingEngine/nodes/SVGIconNode.tsx
+import { jsx as jsx19 } from "react/jsx-runtime";
+var SVGIconNode = ({ node }) => {
+  if (!node?.svgCode) return null;
+  return /* @__PURE__ */ jsx19(
+    "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 jsx20 } 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__ */ jsx20(
+      "span",
+      {
+        className: "katex-inline",
+        dangerouslySetInnerHTML: { __html: html }
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx20(
+    "div",
+    {
+      className: "katex-block my-3 text-center",
+      dangerouslySetInnerHTML: { __html: html }
+    }
+  );
+};
+var EquationNode_default = EquationNode;
+
+// src/components/pageRenderingEngine/nodes/DatafieldNode.tsx
+import { jsx as jsx21 } 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__ */ jsx21("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__ */ jsx21(
+      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__ */ jsx21(
+    "span",
+    {
+      className: `datafield-node ${props.node.format < Formats.length ? Formats[props.node.format] : ""}`,
+      style: styles,
+      children: /* @__PURE__ */ jsx21(
+        ViewControl_default,
+        {
+          controlType: dataType,
+          value: value ?? `@databound[${fieldName}]`
+        }
+      )
+    }
+  );
+};
+var DatafieldNode_default = DatafieldNode;
+
+// src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
+import { Fragment as Fragment2, jsx as jsx22, 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__ */ jsx22(Fragment2, { children: hasChildren && 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,
+          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__ */ jsx22(React15.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx22(
+        SelectedNode,
+        {
+          node,
+          dataitem: props.dataitem,
+          session: props.session,
+          apiBaseUrl: props.apiBaseUrl,
+          routeParameters: props.routeParameters
+        }
+      ) }, index);
+    }),
+    !hasChildren && /* @__PURE__ */ jsx22("div", { className: "py-1.5 lg:py-2" })
+  ] });
+};
+var ParagraphNode_default = ParagraphNode;
+
+// src/components/pageRenderingEngine/nodes/HeadingNode.tsx
+import React16 from "react";
+import { Fragment as Fragment3, jsx as jsx23 } 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__ */ jsx23(Fragment3, { children: React16.createElement(
+    HeadingTag,
+    { className: formatClasses },
+    props.node.children && props.node.children.map((childNode, index) => {
+      const SelectedNode = NodeTypes2[childNode.type];
+      return /* @__PURE__ */ jsx23(React16.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx23(SelectedNode, { node: childNode, dataitem: props.dataitem, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
+    })
+  ) });
+};
+var HeadingNode_default = HeadingNode;
+
+// src/components/pageRenderingEngine/nodes/ListNode.tsx
+import React18 from "react";
+
+// src/components/pageRenderingEngine/nodes/ListItemNode.tsx
+import React17 from "react";
+import { jsx as jsx24 } 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__ */ jsx24("li", { style: liStyle, children: props.node.children && props.node.children.map((node, index) => {
+    const SelectedNode = NodeTypes2[node.type];
+    if (node.type === "linebreak") {
+      if (!foundFirstBreak) {
+        foundFirstBreak = true;
+        return /* @__PURE__ */ jsx24("div", {}, index);
+      } else {
+        return /* @__PURE__ */ jsx24("div", { className: "py-1 lg:py-2" }, index);
+      }
+    } else {
+      foundFirstBreak = false;
+      return /* @__PURE__ */ jsx24(React17.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx24(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
+    }
+  }) });
+};
+var ListItemNode_default = ListItemNode;
+
+// src/components/pageRenderingEngine/nodes/ListNode.tsx
+import { jsx as jsx25, jsxs as jsxs8 } from "react/jsx-runtime";
+var ListNode = (props) => {
+  const NodeTypes2 = {
+    listitem: ListItemNode_default
+  };
+  return /* @__PURE__ */ jsxs8(React18.Fragment, { children: [
+    props.node.listType == "bullet" && /* @__PURE__ */ jsx25("ul", { children: props.node.children && props.node.children.map((node, index) => {
+      const SelectedNode = NodeTypes2[node.type];
+      return /* @__PURE__ */ jsx25(React18.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx25(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
+    }) }),
+    props.node.listType == "number" && /* @__PURE__ */ jsx25("ol", { children: props.node.children && props.node.children.map((node, index) => {
+      const SelectedNode = NodeTypes2[node.type];
+      return /* @__PURE__ */ jsx25(React18.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx25(SelectedNode, { node, dataitem: props.dataitem, routeParameters: props.routeParameters }) }, index);
+    }) })
+  ] });
+};
+var ListNode_default = ListNode;
+
+// src/components/pageRenderingEngine/nodes/QuoteNode.tsx
+import React19 from "react";
+import { jsx as jsx26 } from "react/jsx-runtime";
+var QuoteNode = (props) => {
+  const NodeTypes2 = {
+    ["text"]: TextNode_default,
+    ["linebreak"]: LineBreakNode_default,
+    ["link"]: LinkNode_default
+  };
+  return /* @__PURE__ */ jsx26("blockquote", { children: props.node.children && props.node.children.map((node, index) => {
+    const SelectedNode = NodeTypes2[node.type];
+    return /* @__PURE__ */ jsx26(React19.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx26(SelectedNode, { node, session: props.session, apiBaseUrl: props.apiBaseUrl, routeParameters: props.routeParameters }) }, index);
+  }) });
+};
+var QuoteNode_default = QuoteNode;
+
+// src/components/pageRenderingEngine/nodes/CodeNode.tsx
+import React20 from "react";
+import dynamic7 from "next/dynamic";
+import { jsx as jsx27, jsxs as jsxs9 } from "react/jsx-runtime";
+var CopyButton = dynamic7(() => import("./CopyButton-XONTQQW7.mjs"), {
+  ssr: false,
+  // optional: fallback UI while loading
+  loading: () => /* @__PURE__ */ jsx27("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__ */ jsx27("span", { children: "Code Snippet" }),
+      /* @__PURE__ */ jsx27(CopyButton, { text: textContent })
+    ] }),
+    /* @__PURE__ */ jsx27("code", { className: "bg-neutral-soft p-4 text-sm whitespace-pre-wrap border border-2 block", children: props.node.children && props.node.children.map((node, index) => {
+      const SelectedNode = NodeTypes2[node.type];
+      return /* @__PURE__ */ jsx27(React20.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx27(
+        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 jsx28 } from "react/jsx-runtime";
+var HorizontalRuleNode = () => {
+  return /* @__PURE__ */ jsx28("hr", {});
+};
+var HorizontalRuleNode_default = HorizontalRuleNode;
+
+// src/components/pageRenderingEngine/nodes/WidgetNode.tsx
+import React21 from "react";
+import { Fragment as Fragment4, jsx as jsx29 } 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__ */ jsx29(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__ */ jsx29(React21.Fragment, { children: /* @__PURE__ */ jsx29(
+      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 dynamic10 from "next/dynamic";
+import React22 from "react";
+
+// src/components/pageRenderingEngine/nodes/EmbedNode.tsx
+import dynamic8 from "next/dynamic";
+import { jsx as jsx30 } from "react/jsx-runtime";
+var IframeClient = dynamic8(() => 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__ */ jsx30("div", { className: "aspect-video", children: src && /* @__PURE__ */ jsx30(IframeClient, { src }) });
+};
+var EmbedNode_default = EmbedNode;
+
+// src/components/utilities/AnimationUtility.tsx
+var normalizeSelector = (guid) => {
+  const trimmedGuid = guid?.trim();
+  if (!trimmedGuid) {
+    return ".animation-fallback";
+  }
+  const baseValue = trimmedGuid.replace(/^#/, "").replace(/^\./, "");
+  if (typeof CSS !== "undefined" && typeof CSS.escape === "function") {
+    return `#${CSS.escape(baseValue)}`;
+  }
+  return `#${baseValue}`;
+};
+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",
+      backgroundColor,
+      borderColor
+    } = config;
+    let base = "", visible = "", keyframes = "";
+    const selector = normalizeSelector(guid);
+    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 "Background":
+        base = `transition: background-color ${duration}ms ${easing} ${delay}ms;`;
+        visible = `background-color: ${backgroundColor};`;
+        break;
+      case "Border":
+        base = `transition: border-color ${duration}ms ${easing} ${delay}ms;`;
+        visible = `border-color: ${borderColor};`;
+        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} 
+      ${selector} { ${base} } 
+      ${selector}:hover { ${visible} } 
+    `;
+    } else {
+      return `
+      ${keyframes} 
+      ${selector} { ${base} } 
+      ${selector}.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 jsx31, jsxs as jsxs10 } from "react/jsx-runtime";
+var NoDataFound = () => {
+  return /* @__PURE__ */ jsxs10("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center bg-neutral-weak", children: [
+    /* @__PURE__ */ jsx31("div", { className: "mb-5", children: /* @__PURE__ */ jsx31("div", { className: "mx-auto w-20 h-20 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ jsx31(
+      "svg",
+      {
+        className: "w-10 h-10",
+        fill: "none",
+        stroke: "currentColor",
+        viewBox: "0 0 24 24",
+        xmlns: "http://www.w3.org/2000/svg",
+        children: /* @__PURE__ */ jsx31(
+          "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__ */ jsx31("h3", { className: "text-lg font-medium mb-2", children: "No data available" }),
+    /* @__PURE__ */ jsx31("p", { className: " max-w-sm mb-0", children: "No records found. Data may be empty or not available at the moment." })
+  ] });
+};
+var NoDataFound_default = NoDataFound;
+
+// src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
+import dynamic9 from "next/dynamic";
+import { Fragment as Fragment5, jsx as jsx32, jsxs as jsxs11 } from "react/jsx-runtime";
+var HlsPlayer3 = dynamic9(() => 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__ */ jsx32(Fragment5, { children: /* @__PURE__ */ jsx32(
+      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__ */ jsx32(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__ */ jsx32(
+          "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__ */ jsx32(
+          "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__ */ jsx32(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__ */ jsx32(
+          "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 jsx33, 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__ */ jsx33(
+        "path",
+        {
+          fill: "#e53935",
+          d: "M38,42H10c-2.209,0-4-1.791-4-4V10c0-2.209,1.791-4,4-4h28c2.209,0,4,1.791,4,4v28	C42,40.209,40.209,42,38,42z"
+        }
+      ),
+      /* @__PURE__ */ jsx33(
+        "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__ */ jsx33(
+        "path",
+        {
+          fill: "#169154",
+          d: "M29,6H15.744C14.781,6,14,6.781,14,7.744v7.259h15V6z"
+        }
+      ),
+      /* @__PURE__ */ jsx33(
+        "path",
+        {
+          fill: "#18482a",
+          d: "M14,33.054v7.202C14,41.219,14.781,42,15.743,42H29v-8.946H14z"
+        }
+      ),
+      /* @__PURE__ */ jsx33("path", { fill: "#0c8045", d: "M14 15.003H29V24.005000000000003H14z" }),
+      /* @__PURE__ */ jsx33("path", { fill: "#17472a", d: "M14 24.005H29V33.055H14z" }),
+      /* @__PURE__ */ jsxs12("g", { children: [
+        /* @__PURE__ */ jsx33(
+          "path",
+          {
+            fill: "#29c27f",
+            d: "M42.256,6H29v9.003h15V7.744C44,6.781,43.219,6,42.256,6z"
+          }
+        ),
+        /* @__PURE__ */ jsx33(
+          "path",
+          {
+            fill: "#27663f",
+            d: "M29,33.054V42h13.257C43.219,42,44,41.219,44,40.257v-7.202H29z"
+          }
+        ),
+        /* @__PURE__ */ jsx33("path", { fill: "#19ac65", d: "M29 15.003H44V24.005000000000003H29z" }),
+        /* @__PURE__ */ jsx33("path", { fill: "#129652", d: "M29 24.005H44V33.055H29z" })
+      ] }),
+      /* @__PURE__ */ jsx33(
+        "path",
+        {
+          fill: "#0c7238",
+          d: "M22.319,34H5.681C4.753,34,4,33.247,4,32.319V15.681C4,14.753,4.753,14,5.681,14h16.638 C23.247,14,24,14.753,24,15.681v16.638C24,33.247,23.247,34,22.319,34z"
+        }
+      ),
+      /* @__PURE__ */ jsx33(
+        "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__ */ jsx33(
+        "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__ */ jsx33("stop", { offset: "0", "stop-color": "#66c0ff" }),
+            /* @__PURE__ */ jsx33("stop", { offset: ".26", "stop-color": "#0094f0" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx33(
+        "path",
+        {
+          fill: "url(#qh2LT5tehRDFkLLfb-odWa)",
+          d: "M9,20.208c0-2.624,2.126-4.75,4.749-4.75h21.857L41,12.778v13.527	C41,28.346,39.346,30,37.306,30H15.332C11.835,30,9,32.836,9,36.333L9,20.208L9,20.208z"
+        }
+      ),
+      /* @__PURE__ */ jsx33(
+        "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__ */ jsx33(
+        "path",
+        {
+          fill: "#00e5ff",
+          d: "M9,10.333C9,6.836,11.835,4,15.332,4h21.975C39.346,4,41,5.654,41,7.694v5.611	C41,15.346,39.346,17,37.306,17H15.332C11.835,17,9,19.836,9,23.333C9,23.333,9,10.333,9,10.333z"
+        }
+      ),
+      /* @__PURE__ */ jsx33(
+        "path",
+        {
+          fill: "#1565c0",
+          d: "M7.5,23h10c1.933,0,3.5,1.567,3.5,3.5v10c0,1.933-1.567,3.5-3.5,3.5h-10C5.567,40,4,38.433,4,36.5	v-10C4,24.567,5.567,23,7.5,23z"
+        }
+      ),
+      /* @__PURE__ */ jsx33(
+        "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__ */ jsx33("path", { fill: "#90CAF9", d: "M40 45L8 45 8 3 30 3 40 13z" }),
+      /* @__PURE__ */ jsx33("path", { fill: "#E1F5FE", d: "M38.5 14L29 14 29 4.5z" })
+    ]
+  }
+);
+var PowerPointIcon = () => /* @__PURE__ */ jsxs12(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 48 48",
+    className: "w-10 h-10",
+    children: [
+      /* @__PURE__ */ jsx33(
+        "path",
+        {
+          fill: "#dc4c2c",
+          d: "M8,24c0,9.941,8.059,18,18,18s18-8.059,18-18H26H8z"
+        }
+      ),
+      /* @__PURE__ */ jsx33("path", { fill: "#f7a278", d: "M26,6v18h18C44,14.059,35.941,6,26,6z" }),
+      /* @__PURE__ */ jsx33("path", { fill: "#c06346", d: "M26,6C16.059,6,8,14.059,8,24h18V6z" }),
+      /* @__PURE__ */ jsx33(
+        "path",
+        {
+          fill: "#9b341f",
+          d: "M22.319,34H5.681C4.753,34,4,33.247,4,32.319V15.681C4,14.753,4.753,14,5.681,14h16.638 C23.247,14,24,14.753,24,15.681v16.638C24,33.247,23.247,34,22.319,34z"
+        }
+      ),
+      /* @__PURE__ */ jsx33(
+        "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__ */ jsx33("path", { fill: "#90CAF9", d: "M40 45L8 45 8 3 30 3 40 13z" }),
+      /* @__PURE__ */ jsx33("path", { fill: "#E1F5FE", d: "M38.5 14L29 14 29 4.5z" }),
+      /* @__PURE__ */ jsx33(
+        "path",
+        {
+          fill: "#1976D2",
+          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__ */ jsx33("defs", { children: /* @__PURE__ */ jsx33("clipPath", { id: "273d29c8a6", children: /* @__PURE__ */ jsx33(
+        "path",
+        {
+          d: "M 8.90625 0 L 65.90625 0 L 65.90625 75 L 8.90625 75 Z M 8.90625 0 ",
+          "clip-rule": "nonzero"
+        }
+      ) }) }),
+      /* @__PURE__ */ jsx33("g", { "clip-path": "url(#273d29c8a6)", children: /* @__PURE__ */ jsx33(
+        "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__ */ jsx33(
+        "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__ */ jsx33(
+        "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__ */ jsx33(
+        "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__ */ jsx33(
+        "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__ */ jsx33(Fragment6, { children: /* @__PURE__ */ jsxs12("div", { className: "py-4 px-2 bg-neutral-weak border rounded text-center flex flex-col gap-2", children: [
+      /* @__PURE__ */ jsx33("div", { className: "mx-auto w-10 h-10 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ jsx33(
+        "svg",
+        {
+          className: "w-5 h-5",
+          fill: "none",
+          stroke: "currentColor",
+          viewBox: "0 0 24 24",
+          xmlns: "http://www.w3.org/2000/svg",
+          children: /* @__PURE__ */ jsx33(
+            "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__ */ jsx33("div", { className: "text-sm font-medium", children: "No documents found" }),
+      /* @__PURE__ */ jsx33("div", { className: "text-xs", children: "No records found. Data may be empty or not available at the moment." })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsx33("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__ */ jsx33("div", { className: "flex items-center justify-center p-2 rounded bg-neutral-soft", children: /* @__PURE__ */ jsx33(Icon, {}) }),
+            /* @__PURE__ */ jsx33("div", { className: "flex items-baseline space-x-2", children: /* @__PURE__ */ jsx33("h4", { className: "text-base font-semibold", children: documentTitle }) })
+          ] }),
+          /* @__PURE__ */ jsxs12(
+            "a",
+            {
+              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__ */ jsx33(
+                        "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__ */ jsx33(
+                        "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 jsx34, jsxs as jsxs13 } from "react/jsx-runtime";
+var Pagination = dynamic10(() => import("./Pagination-NCJCOYHF.mjs"), { ssr: true });
+var Slider = dynamic10(() => 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 animationSelector = `#${guid}`;
+  const { enterAnimation, exitAnimation, hoverAnimation } = props.node;
+  let animationCSS = "";
+  if (enterAnimation?.name) {
+    animationCSS += AnimationUtility_default.generateAnimationCSS(
+      {
+        animation: enterAnimation.name,
+        mode: "enter",
+        ...enterAnimation.properties
+      },
+      animationSelector
+    );
+  }
+  if (hoverAnimation?.name) {
+    animationCSS += AnimationUtility_default.generateAnimationCSS(
+      {
+        animation: hoverAnimation.name,
+        mode: "hover",
+        ...hoverAnimation.properties
+      },
+      animationSelector
+    );
+  }
+  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__ */ jsx34(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__ */ jsx34(React22.Fragment, { children: /* @__PURE__ */ jsx34(
+      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",
+    !!props.node.enterAnimation && "enter-animation"
+  ].filter(Boolean).join(" ");
+  return /* @__PURE__ */ jsxs13(React22.Fragment, { children: [
+    /* @__PURE__ */ jsx34(
+      "style",
+      {
+        dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS }
+      }
+    ),
+    /* @__PURE__ */ jsx34(
+      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__ */ jsx34(React22.Fragment, { children: child }, i)) : renderChildren(props.node.children, props, item, idx)
+        )
+      }
+    ),
+    dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ jsx34("div", { children: /* @__PURE__ */ jsx34(
+      Pagination,
+      {
+        path: props.path,
+        query: props.query,
+        dataset: response
+      }
+    ) })
+  ] });
+};
+var DivContainer_default = DivContainer;
+
+// src/components/pageRenderingEngine/PageBodyRenderer.tsx
+import { jsx as jsx35 } 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__ */ jsx35(React23.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
+    {
+    }
+    const SelectedNode = NodeTypes[node.type];
+    if (!shouldRenderNode(node)) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx35(React23.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx35(React23.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ jsx35(React23.Fragment, { children: /* @__PURE__ */ jsx35(
+      SelectedNode,
+      {
+        node,
+        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__ */ jsx35(React23.Fragment, { children: /* @__PURE__ */ jsx35(
+      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;
+
+// src/components/pageRenderingEngine/EnterAnimationHydrator.tsx
+import { useEffect } from "react";
+var ENTER_ANIMATION_SELECTOR = ".enter-animation";
+function EnterAnimationHydrator() {
+  useEffect(() => {
+    let observer;
+    const observedElements = /* @__PURE__ */ new WeakSet();
+    const revealAnimatedElements = () => {
+      const animatedElements = document.querySelectorAll(ENTER_ANIMATION_SELECTOR);
+      if (!("IntersectionObserver" in window)) {
+        animatedElements.forEach((element) => {
+          element.classList.add("visible");
+        });
+        return;
+      }
+      observer ?? (observer = new IntersectionObserver(
+        (entries) => {
+          entries.forEach((entry) => {
+            if (entry.isIntersecting) {
+              entry.target.classList.add("visible");
+              observer?.unobserve(entry.target);
+            }
+          });
+        },
+        { threshold: 0.1 }
+      ));
+      animatedElements.forEach((element) => {
+        if (element.classList.contains("visible") || observedElements.has(element)) {
+          return;
+        }
+        observedElements.add(element);
+        observer?.observe(element);
+      });
+    };
+    revealAnimatedElements();
+    const mutationObserver = new MutationObserver(revealAnimatedElements);
+    mutationObserver.observe(document.body, {
+      childList: true,
+      subtree: true
+    });
+    return () => {
+      mutationObserver.disconnect();
+      observer?.disconnect();
+    };
+  }, []);
+  return null;
+}
+
+// src/components/Toast.tsx
+import { useCallback, useEffect as useEffect2, useRef, useState } from "react";
+import { Fragment as Fragment7, jsx as jsx36, jsxs as jsxs14 } from "react/jsx-runtime";
+var Toast = () => {
+  const [showToast, setShowToast] = useState(false);
+  const [message, setMessage] = useState("");
+  const [messageType, setMessageType] = useState("error");
+  const timeoutRef = useRef(null);
+  const closeToast = useCallback(() => {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+      timeoutRef.current = null;
+    }
+    setShowToast(false);
+  }, []);
+  const showMessage = useCallback((message2, messageType2) => {
+    if (timeoutRef.current) {
+      clearTimeout(timeoutRef.current);
+    }
+    setShowToast(true);
+    setMessage(message2);
+    setMessageType(messageType2);
+    timeoutRef.current = setTimeout(() => {
+      setShowToast(false);
+      timeoutRef.current = null;
+    }, 4e3);
+  }, []);
+  useEffect2(() => {
+    ToastService_default.initialize(showMessage, closeToast);
+    return () => {
+      closeToast();
+      ToastService_default.initialize(() => {
+      }, () => {
+      });
+    };
+  }, [closeToast, showMessage]);
+  return /* @__PURE__ */ jsx36(Fragment7, { children: showToast && /* @__PURE__ */ jsx36("div", { className: "fixed top-2 flex justify-center w-1/2 max-w-xl left-1/2 -translate-x-1/2", style: { zIndex: 1e3 }, children: /* @__PURE__ */ jsxs14("div", { className: `w-full items-center flex justify-between p-3 rounded-md relative shadow border bg-${messageType}-soft`, children: [
+    /* @__PURE__ */ jsx36(
+      "span",
+      {
+        className: "font-medium text-inherit text-sm",
+        style: { whiteSpace: "pre-line" },
+        children: message
+      }
+    ),
+    /* @__PURE__ */ jsx36("button", { className: "absolute right-2 top-2 ml-2 focus:outline-none", onClick: closeToast, children: /* @__PURE__ */ jsx36(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        className: "h-4 w-4",
+        fill: "none",
+        viewBox: "0 0 24 24",
+        stroke: "currentColor",
+        children: /* @__PURE__ */ jsx36("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 18L18 6M6 6l12 12" })
+      }
+    ) })
+  ] }) }) });
+};
+var Toast_default = Toast;
+
+// src/components/NavigationTabsV2.tsx
+import Link2 from "next/link";
+import { usePathname } from "next/navigation";
+import { jsx as jsx37 } from "react/jsx-runtime";
+function resolveRoutePlaceholders(route, params) {
+  return route.replace(/\{([^}]+)\}/g, (match, key) => {
+    const value = params[key];
+    if (value === void 0 || value === null) {
+      console.warn(`No value found for route param: ${key}`);
+      return "";
+    }
+    return value;
+  });
+}
+var NavigationTabsV2 = ({ tabs, params = {} }) => {
+  const pathname = usePathname();
+  const shouldHideTabs = pathname?.includes("/add");
+  if (shouldHideTabs) return null;
+  const mappedTabs = tabs?.sort((a, b) => a.displayOrder - b.displayOrder)?.map((tab) => ({
+    tabTitle: tab.tabTitle,
+    displayOrder: tab.displayOrder,
+    landingPageUrl: resolveRoutePlaceholders(
+      tab.landingPageUrl,
+      params
+    ),
+    isActive: tab.isActive
+  })) || [];
+  if (mappedTabs.length === 0) return null;
+  return /* @__PURE__ */ jsx37("div", { className: "flex border-b bg-white rounded-t mb-3", children: mappedTabs.map(({ tabTitle, landingPageUrl, isActive }) => {
+    return /* @__PURE__ */ jsx37(Link2, { href: landingPageUrl, className: "-mb-px", children: /* @__PURE__ */ jsx37(
+      "div",
+      {
+        className: `text-sm font-medium border-b-2 px-6 py-2 transition
+                ${isActive ? "bg-info-base" : "bg-neutral-weak "}`,
+        children: tabTitle
+      }
+    ) }, landingPageUrl);
+  }) });
+};
+var NavigationTabsV2_default = NavigationTabsV2;
+
+// src/components/dataForm/DataList.tsx
+import React27, { useEffect as useEffect3, useState as useState2, useCallback as useCallback2, useReducer } from "react";
+import { useRouter } from "next/navigation";
+
+// src/components/dataForm/NoContentView.tsx
+import React25 from "react";
+import { jsx as jsx38 } from "react/jsx-runtime";
+var NoContentView = (props) => {
+  return /* @__PURE__ */ jsx38(React25.Fragment, { children: props.isDataFound === false && props.children });
+};
+var NoContentView_default = NoContentView;
+
+// src/components/dataForm/ContentView.tsx
+import React26 from "react";
+import { jsx as jsx39, jsxs as jsxs15 } from "react/jsx-runtime";
+var ContentView = (props) => {
+  return /* @__PURE__ */ jsxs15(React26.Fragment, { children: [
+    props.isDataFound == null && /* @__PURE__ */ jsx39("div", { className: "", children: /* @__PURE__ */ jsxs15("div", { className: "bg-gray-200 rounded-md p-4 animate-pulse", children: [
+      /* @__PURE__ */ jsxs15("div", { className: "flex items-center mb-4", children: [
+        /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
+        /* @__PURE__ */ jsxs15("div", { className: "ml-2", children: [
+          /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
+          /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs15("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
+        /* @__PURE__ */ jsxs15("div", { className: "animate-pulse", children: [
+          /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
+          /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
+          /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
+          /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
+          /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
+        ] }),
+        /* @__PURE__ */ jsxs15("div", { className: "animate-pulse", children: [
+          /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
+          /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
+          /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
+          /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
+          /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
+        ] }),
+        /* @__PURE__ */ jsxs15("div", { className: "animate-pulse", children: [
+          /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
+          /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
+          /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
+          /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
+          /* @__PURE__ */ jsx39("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
+        ] })
+      ] })
+    ] }) }),
+    props.isDataFound === true && props.children
+  ] });
+};
+var ContentView_default = ContentView;
+
+// src/FormReducer.tsx
+var FORM_INPUT_UPDATE = "FORM_INPUT_UPDATE";
+var FORM_INITIAL_UPDATE = "FORM_INITIAL_UPDATE";
+function setNestedProperty(obj, path, value) {
+  if (path.includes(".")) {
+    const keys = path.split(".");
+    const lastKey = keys.pop();
+    const newObj = { ...obj };
+    let current = newObj;
+    keys.forEach((key) => {
+      current[key] = { ...current[key] };
+      current = current[key];
+    });
+    current[lastKey] = value;
+    return newObj;
+  }
+  return {
+    ...obj,
+    [path]: value
+  };
+}
+function FormReducer(state, action) {
+  switch (action.type) {
+    case FORM_INPUT_UPDATE:
+      if (!action.name) return state;
+      return {
+        inputValues: setNestedProperty(
+          state.inputValues,
+          action.name.toString(),
+          action.value
+        ),
+        lastPropertyChanged: action.name.toString()
+      };
+    case FORM_INITIAL_UPDATE:
+      return {
+        inputValues: { ...action.values },
+        lastPropertyChanged: action.name?.toString() || ""
+      };
+    default:
+      return state;
+  }
+}
+var FormReducer_default = FormReducer;
+
+// src/components/dataForm/DataList.tsx
+import { Fragment as Fragment8, jsx as jsx40, jsxs as jsxs16 } from "react/jsx-runtime";
+var DataList = (props) => {
+  const router = useRouter();
+  let builder = new OdataBuilder(props.path);
+  let orderBy = "";
+  let activePageNumber = 0;
+  let pages = 0;
+  console.log(props.addLinkText);
+  const [isDataFound, setIsDataFound] = useState2(null);
+  const [searchTerm, setSearchTerm] = useState2(props.query?.searchTerm ?? "");
+  useEffect3(() => {
+    if (props?.dataset) {
+      if (props?.dataset.result && props.dataset.result.length > 0) {
+        setIsDataFound(true);
+      } else {
+        setIsDataFound(false);
+      }
+    }
+  }, [props.dataset]);
+  useEffect3(() => {
+    if (!props.query?.["$filter"] || !props.filters) return;
+    const filterQuery = props.query["$filter"];
+    props.filters.forEach((filter) => {
+      const regex = new RegExp(`${filter.name}\\s+eq\\s+'?([^']+)'?`);
+      const match = filterQuery.match(regex);
+      if (match) {
+        dispatch({
+          type: FORM_INPUT_UPDATE,
+          name: filter.name,
+          value: match[1]
+        });
+      }
+    });
+  }, [props.query, props.filters]);
+  function getNestedProperty2(obj, path) {
+    if (path.includes(".")) {
+      return path.split(".").reduce((prev, curr) => prev ? prev[curr] : null, obj);
+    } else if (Array.isArray(obj[path])) {
+      return obj[path].map((item, index) => /* @__PURE__ */ jsx40("div", { children: item }, index));
+    } else {
+      return obj[path];
+    }
+  }
+  const initialState = {
+    inputValues: {},
+    lastPropertyChanged: ""
+  };
+  const [formState, dispatch] = useReducer(FormReducer_default, initialState);
+  const getSearchableColumns = () => {
+    return props.columns?.filter((c) => c.isSearchable)?.map((c) => c.name)?.join(",");
+  };
+  const handleFilterChange = useCallback2(
+    (updatedValues) => {
+      dispatch({
+        type: FORM_INPUT_UPDATE,
+        name: updatedValues.name,
+        value: updatedValues.value
+      });
+      console.log("ddddaaa", updatedValues.value);
+      let builder2 = new OdataBuilder(props.path);
+      builder2 = builder2.setQuery(props.query);
+      if (updatedValues.value != "" && updatedValues.value != null) {
+        const filter = props.filters?.find((x) => x.name == updatedValues.name);
+        if (filter?.dataTypeCode == "number") {
+          router.push(
+            builder2.getNewFilterUrl(
+              updatedValues.name.toString() + " eq " + updatedValues.value
+            )
+          );
+        } else {
+          router.push(
+            builder2.getNewFilterUrl(
+              updatedValues.name.toString() + " eq '" + updatedValues.value + "'"
+            )
+          );
+        }
+      } else {
+        router.push(builder2.getNewFilterUrl(""));
+      }
+    },
+    [dispatch, props, router]
+  );
+  useEffect3(() => {
+    if (!props.columns.some((col) => col.isSearchable)) {
+      return;
+    }
+    if (searchTerm === (props.query?.searchTerm ?? "")) {
+      return;
+    }
+    const timeout = setTimeout(() => {
+      const builder2 = new OdataBuilder(props.path);
+      builder2.setQuery({
+        ...props.query,
+        searchTerm,
+        searchCols: getSearchableColumns(),
+        $skip: "0"
+      });
+      router.push(builder2.getUrl());
+    }, 500);
+    return () => clearTimeout(timeout);
+  }, [searchTerm]);
+  builder = builder.setQuery(props.query);
+  orderBy = builder.getOrderBy();
+  activePageNumber = builder.getPageNumber(Constants.pagesize);
+  let label = "";
+  if (props.dataset && props.dataset.count) {
+    pages = Math.ceil(props.dataset.count / Constants.pagesize);
+    label = `Showing  ${(activePageNumber - 1) * Constants.pagesize + 1} - `;
+    if (activePageNumber * Constants.pagesize > props.dataset.count) {
+      label = label + `${props.dataset.count} of ${props.dataset.count} results`;
+    } else {
+      label = label + `${activePageNumber * Constants.pagesize} of ${props.dataset.count} results`;
+    }
+  }
+  const renderPageNumbers = () => {
+    if (pages <= 10) {
+      return Array.from({ length: pages }, (_, index) => index + 1).map(
+        (page) => /* @__PURE__ */ jsx40(React27.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx40(
+          Hyperlink,
+          {
+            className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
+            href: builder.getNewPageUrl(page),
+            children: page
+          }
+        ) : /* @__PURE__ */ jsx40("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)
+      );
+    } else {
+      const showFirstPages = activePageNumber <= 5;
+      const showLastPages = activePageNumber > pages - 5;
+      if (showFirstPages) {
+        return /* @__PURE__ */ jsxs16(Fragment8, { children: [
+          Array.from({ length: 8 }, (_, index) => index + 1).map((page) => /* @__PURE__ */ jsx40(React27.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx40(
+            Hyperlink,
+            {
+              className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
+              href: builder.getNewPageUrl(page),
+              children: page
+            }
+          ) : /* @__PURE__ */ jsx40("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
+          /* @__PURE__ */ jsx40("span", { className: "px-2 py-1", children: "..." }),
+          /* @__PURE__ */ jsx40(
+            Hyperlink,
+            {
+              className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
+              href: builder.getNewPageUrl(pages - 1),
+              children: pages - 1
+            }
+          ),
+          /* @__PURE__ */ jsx40(
+            Hyperlink,
+            {
+              className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
+              href: builder.getNewPageUrl(pages),
+              children: pages
+            }
+          ),
+          /* @__PURE__ */ jsx40("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs16(
+            "select",
+            {
+              className: "  py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
+              value: activePageNumber > 8 && activePageNumber < pages - 1 ? activePageNumber : "",
+              onChange: (e) => {
+                const page = parseInt(e.target.value);
+                if (page) {
+                  router.push(builder.getNewPageUrl(page));
+                }
+              },
+              children: [
+                /* @__PURE__ */ jsx40("option", { className: "", value: "", children: "Jump to" }),
+                Array.from(
+                  { length: Math.max(0, pages - 10) },
+                  (_, index) => index + 9
+                ).map((page) => /* @__PURE__ */ jsx40("option", { value: page, children: page }, page))
+              ]
+            }
+          ) })
+        ] });
+      } else if (showLastPages) {
+        return /* @__PURE__ */ jsxs16(Fragment8, { children: [
+          /* @__PURE__ */ jsx40(
+            Hyperlink,
+            {
+              className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
+              href: builder.getNewPageUrl(1),
+              children: "1"
+            }
+          ),
+          /* @__PURE__ */ jsx40(
+            Hyperlink,
+            {
+              className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
+              href: builder.getNewPageUrl(2),
+              children: "2"
+            }
+          ),
+          /* @__PURE__ */ jsx40("span", { className: "px-2 py-1", children: "..." }),
+          Array.from({ length: 8 }, (_, index) => pages - 7 + index).map(
+            (page) => /* @__PURE__ */ jsx40(React27.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx40(
+              Hyperlink,
+              {
+                className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
+                href: builder.getNewPageUrl(page),
+                children: page
+              }
+            ) : /* @__PURE__ */ jsx40("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)
+          )
+        ] });
+      } else {
+        return /* @__PURE__ */ jsxs16(Fragment8, { children: [
+          /* @__PURE__ */ jsx40(
+            Hyperlink,
+            {
+              className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
+              href: builder.getNewPageUrl(1),
+              children: "1"
+            }
+          ),
+          /* @__PURE__ */ jsx40(
+            Hyperlink,
+            {
+              className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
+              href: builder.getNewPageUrl(2),
+              children: "2"
+            }
+          ),
+          /* @__PURE__ */ jsx40("span", { className: "px-2 py-1", children: "..." }),
+          Array.from(
+            { length: 5 },
+            (_, index) => activePageNumber - 2 + index
+          ).map((page) => /* @__PURE__ */ jsx40(React27.Fragment, { children: activePageNumber !== page ? /* @__PURE__ */ jsx40(
+            Hyperlink,
+            {
+              className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
+              href: builder.getNewPageUrl(page),
+              children: page
+            }
+          ) : /* @__PURE__ */ jsx40("span", { className: "px-3 py-1 border-t border-b border-gray-300 bg-primary-base", children: page }) }, page)),
+          /* @__PURE__ */ jsx40("span", { className: "px-2 py-1", children: "..." }),
+          /* @__PURE__ */ jsx40(
+            Hyperlink,
+            {
+              className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
+              href: builder.getNewPageUrl(pages - 1),
+              children: pages - 1
+            }
+          ),
+          /* @__PURE__ */ jsx40(
+            Hyperlink,
+            {
+              className: "px-3 py-1 border-t border-b border-gray-300 bg-white text-gray-700 hover:bg-gray-100",
+              href: builder.getNewPageUrl(pages),
+              children: pages
+            }
+          ),
+          /* @__PURE__ */ jsx40("div", { className: "relative inline-block", children: /* @__PURE__ */ jsxs16(
+            "select",
+            {
+              className: "px-2 py-1 border border-gray-300 bg-white text-gray-700 appearance-none rounded-none",
+              value: activePageNumber > 2 && activePageNumber < pages - 1 ? activePageNumber : "",
+              onChange: (e) => {
+                const page = parseInt(e.target.value);
+                if (page) {
+                  router.push(builder.getNewPageUrl(page));
+                }
+              },
+              children: [
+                /* @__PURE__ */ jsx40("option", { value: "", children: "Jump to" }),
+                Array.from({ length: pages - 4 }, (_, index) => index + 3).filter((page) => page > 2 && page < pages - 1).map((page) => /* @__PURE__ */ jsx40("option", { value: page, children: page }, page))
+              ]
+            }
+          ) })
+        ] });
+      }
+    }
+  };
+  return /* @__PURE__ */ jsxs16(React27.Fragment, { children: [
+    /* @__PURE__ */ jsxs16(ContentView_default, { isDataFound, children: [
+      (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ jsxs16(
+        "div",
+        {
+          className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md sticky top-0`,
+          children: [
+            props.title ? /* @__PURE__ */ jsx40("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsx40("h2", { className: "text-lg font-semibold text-black-800", children: props.title }) }) : /* @__PURE__ */ jsx40("div", {}),
+            /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-3", children: [
+              props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ jsx40(
+                InputControl_default,
+                {
+                  name: "Search_input",
+                  controlType: InputControlType_default.lineTextInput,
+                  value: searchTerm,
+                  callback: (e) => setSearchTerm(e.value),
+                  attributes: {
+                    placeholder: `Search by ${props.columns.filter((col) => col.isSearchable).map((col) => col.label).join(", ")}`
+                  }
+                }
+              ),
+              props.filters && props.filters.map((filter) => /* @__PURE__ */ jsx40(
+                InputControl_default,
+                {
+                  name: filter.name,
+                  controlType: InputControlType_default.select,
+                  value: formState.inputValues[filter.name],
+                  dataSource: filter.servicePath,
+                  dataKeyFieldName: filter.dataKeyFieldName,
+                  dataTextFieldName: filter.dataTextFieldName,
+                  serviceClient: props.serviceClient,
+                  callback: handleFilterChange,
+                  attributes: { placeholder: filter.placeholder }
+                },
+                filter.name
+              )),
+              props.addLinkHref && /* @__PURE__ */ jsxs16(
+                Hyperlink,
+                {
+                  className: "gap-1",
+                  linkType: "Primary" /* Solid */,
+                  href: props.addLinkHref,
+                  children: [
+                    /* @__PURE__ */ jsx40(Icon_default, { name: "plus", className: "w-4 h-4" }),
+                    /* @__PURE__ */ jsx40("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
+                  ]
+                }
+              )
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx40("div", { className: "flex-1 overflow-y-auto  justify-end bg-white rounded shadow h-[calc(100vh-14rem)]", children: /* @__PURE__ */ jsxs16("table", { className: "w-full   divide-y divide-gray-200", children: [
+        /* @__PURE__ */ jsx40("thead", { className: "bg-gray-50 sticky top-0", children: /* @__PURE__ */ jsx40("tr", { children: props?.columns?.map((column) => {
+          let url = builder.getNewOrderByUrl(column.name);
+          let icon = "chevronUpDown";
+          if (orderBy.includes(`${column.name} desc`)) {
+            icon = "chevronDown";
+            url = builder.getNewOrderByUrl(column.name);
+          } else if (orderBy.includes(`${column.name}`)) {
+            icon = "chevronUp";
+            url = builder.getNewOrderByUrl(column.name + " desc");
+          }
+          return /* @__PURE__ */ jsx40(
+            "th",
+            {
+              className: "px-6 py-3 text-left font-medium bg-neutral-soft " + (column.enableSorting ? "cursor-pointer " : "") + column.width + (column.controlType == ViewControlTypes_default.money ? " text-right" : ""),
+              children: /* @__PURE__ */ jsx40(
+                Hyperlink,
+                {
+                  href: column.enableSorting ? url : void 0,
+                  className: "!text-neutral-contrast ",
+                  children: /* @__PURE__ */ jsxs16("span", { className: "flex items-center space-x-1", children: [
+                    /* @__PURE__ */ jsx40("span", { className: "text-black", children: column.label }),
+                    column.enableSorting && /* @__PURE__ */ jsx40(Icon_default, { className: "w-4 h-4", name: icon })
+                  ] })
+                }
+              )
+            },
+            column.name
+          );
+        }) }) }),
+        /* @__PURE__ */ jsx40("tbody", { className: "divide-y divide-gray-200 ", children: props.dataset?.result?.map((dataitem, index) => {
+          let validityClass = "";
+          console.log("dataitem", dataitem);
+          if (props.recordValidityColumnName && getNestedProperty2(dataitem, props.recordValidityColumnName) == false) {
+            validityClass = "bg-alert-200";
+          }
+          return /* @__PURE__ */ jsx40("tr", { className: validityClass, children: props?.columns?.map((column, colindex) => {
+            console.log("column", column);
+            return /* @__PURE__ */ jsx40(React27.Fragment, { children: /* @__PURE__ */ jsx40(
+              "td",
+              {
+                className: "px-6 py-2 whitespace-normal " + (column.controlType == ViewControlTypes_default.money ? "" : ""),
+                children: column.addhref === true ? /* @__PURE__ */ jsx40(
+                  Hyperlink,
+                  {
+                    className: "",
+                    href: `https://${dataitem[column.name]}`,
+                    children: /* @__PURE__ */ jsx40(
+                      ViewControl_default,
+                      {
+                        controlType: column.controlType,
+                        value: getNestedProperty2(
+                          dataitem,
+                          column.name
+                        ),
+                        format: column.format,
+                        customProps: column.customProps
+                      }
+                    )
+                  }
+                ) : column.showAsLink ? /* @__PURE__ */ jsx40(
+                  Hyperlink,
+                  {
+                    href: props.path + dataitem[props.columns[0].name] + "/" + (dataitem.linkUrlSegment ?? column.linkUrlSegment),
+                    children: /* @__PURE__ */ jsx40(
+                      ViewControl_default,
+                      {
+                        controlType: column.controlType,
+                        value: getNestedProperty2(dataitem, column.name) || column.emptyValueLabel,
+                        format: column.format,
+                        customProps: column.customProps
+                      }
+                    )
+                  }
+                ) : /* @__PURE__ */ jsx40(
+                  ViewControl_default,
+                  {
+                    controlType: column.controlType,
+                    value: getNestedProperty2(dataitem, column.name),
+                    format: column.format,
+                    customProps: column.customProps
+                  }
+                )
+              }
+            ) }, colindex);
+          }) }, index);
+        }) })
+      ] }) }),
+      /* @__PURE__ */ jsx40("div", { className: "pt-4 border-t border-t-gray-50 sticky bottom-0 h-11 mt-2 ", children: /* @__PURE__ */ jsxs16("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx40("div", { className: "text-gray-700", children: label }),
+        /* @__PURE__ */ jsxs16("div", { className: "flex space-x-2 items-center", children: [
+          activePageNumber > 1 && /* @__PURE__ */ jsx40(
+            Hyperlink,
+            {
+              className: "px-3 py-1 rounded-l-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
+              href: builder.getNewPageUrl(activePageNumber - 1),
+              children: "Prev"
+            }
+          ),
+          activePageNumber <= 1 && /* @__PURE__ */ jsx40("div", { className: "px-3 py-1 rounded-l-md border border-gray-300 bg-gray-200 text-gray-500 hover:bg-gray-200", children: "Prev" }),
+          renderPageNumbers(),
+          activePageNumber < pages && /* @__PURE__ */ jsx40(
+            Hyperlink,
+            {
+              className: "px-3 py-1 rounded-r-md border border-gray-300 bg-white text-gray-500 hover:bg-gray-200",
+              href: builder.getNewPageUrl(activePageNumber + 1),
+              children: "Next"
+            }
+          ),
+          activePageNumber >= pages && /* @__PURE__ */ jsx40("div", { className: "px-3 py-1 rounded-r-md border border-gray-300 bg-gray-200 text-gray-500", children: "Next" })
+        ] })
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsxs16(NoContentView_default, { isDataFound, children: [
+      (props.title || props.filters || props.addLinkHref) && /* @__PURE__ */ jsxs16(
+        "div",
+        {
+          className: `flex justify-between items-center bg-white pl-6 pr-2 h-14 mb-3 shadow-sm rounded-md border-b border-neutral-200`,
+          children: [
+            props.title ? /* @__PURE__ */ jsx40("div", { className: "inline-flex items-center gap-2", children: /* @__PURE__ */ jsx40("h2", { className: "text-lg font-semibold text-black", children: props.title }) }) : /* @__PURE__ */ jsx40("div", {}),
+            /* @__PURE__ */ jsxs16("div", { className: "flex items-center gap-3", children: [
+              props.columns.some((col) => col.isSearchable) && /* @__PURE__ */ jsx40(
+                InputControl_default,
+                {
+                  name: "Search_input",
+                  controlType: InputControlType_default.lineTextInput,
+                  value: searchTerm,
+                  callback: (e) => setSearchTerm(e.value),
+                  attributes: {
+                    placeholder: `Search by ${props.columns.filter((col) => col.isSearchable).map((col) => col.label).join(", ")}`
+                  }
+                }
+              ),
+              props.filters && props.filters.map((filter) => /* @__PURE__ */ jsx40(
+                InputControl_default,
+                {
+                  name: filter.name,
+                  controlType: InputControlType_default.select,
+                  value: formState.inputValues[filter.name],
+                  dataSource: filter.servicePath,
+                  dataKeyFieldName: filter.dataKeyFieldName,
+                  dataTextFieldName: filter.dataTextFieldName,
+                  serviceClient: props.serviceClient,
+                  callback: handleFilterChange,
+                  attributes: { placeholder: filter.placeholder }
+                },
+                filter.name
+              )),
+              props.addLinkHref && /* @__PURE__ */ jsxs16(
+                Hyperlink,
+                {
+                  className: "gap-1",
+                  linkType: "Primary" /* Solid */,
+                  href: props.addLinkHref,
+                  children: [
+                    /* @__PURE__ */ jsx40(Icon_default, { name: "plus", className: "w-4 h-4" }),
+                    /* @__PURE__ */ jsx40("span", { className: "text-sm font-medium", children: props.addLinkText || "Add New" })
+                  ]
+                }
+              )
+            ] })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsxs16("div", { className: "flex-grow overflow-y-auto justify-end bg-white rounded shadow h-[75vh]", children: [
+        /* @__PURE__ */ jsx40("div", { children: /* @__PURE__ */ jsx40("table", { className: "w-full divide-y divide-gray-200", children: /* @__PURE__ */ jsx40("thead", { className: "bg-gray-50", children: /* @__PURE__ */ jsx40("tr", { children: props?.columns?.map((column) => {
+          let url = builder.getNewOrderByUrl(column.name);
+          let icon = "chevronUpDown";
+          if (orderBy.includes(`${column.name} desc`)) {
+            icon = "chevronDown";
+            url = builder.getNewOrderByUrl(column.name);
+          } else if (orderBy.includes(`${column.name}`)) {
+            icon = "chevronUp";
+            url = builder.getNewOrderByUrl(column.name + " desc");
+          }
+          return /* @__PURE__ */ jsx40(
+            "th",
+            {
+              className: "px-6 py-3 text-left font-medium bg-neutral-soft " + (column.enableSorting ? "cursor-pointer " : "") + column.width + (column.controlType == ViewControlTypes_default.money ? " text-right" : ""),
+              children: /* @__PURE__ */ jsx40(
+                Hyperlink,
+                {
+                  href: column.enableSorting ? url : void 0,
+                  className: "text-body-950",
+                  children: /* @__PURE__ */ jsxs16("span", { className: "flex items-center space-x-1", children: [
+                    /* @__PURE__ */ jsx40("span", { children: column.label }),
+                    column.enableSorting && /* @__PURE__ */ jsx40(Icon_default, { className: "w-4 h-4", name: icon })
+                  ] })
+                }
+              )
+            },
+            column.name
+          );
+        }) }) }) }) }),
+        /* @__PURE__ */ jsx40("div", { className: "w-full text-center bg-transparent pt-5", children: "There are no entries in the table at the moment." })
+      ] })
+    ] })
+  ] });
+};
+var DataList_default = DataList;
+
+// src/components/dataForm/DataListRenderer.tsx
+import React28, { useState as useState3, useEffect as useEffect4 } from "react";
+import { usePathname as usePathname2 } from "next/navigation";
+import { jsx as jsx41, jsxs as jsxs17 } from "react/jsx-runtime";
+var viewControlMap = {
+  number: ViewControlTypes.number,
+  lineText: ViewControlTypes.lineText,
+  multilineText: ViewControlTypes.multilineText,
+  date: ViewControlTypes.date,
+  boolean: ViewControlTypes.boolean
+};
+function resolveRoutePlaceholders2(route, params) {
+  return route.replace(/\{([^}]+)\}/g, (match, key) => {
+    const value = params[key];
+    if (value === void 0 || value === null) {
+      console.warn(`No value found for route param: ${key}`);
+      return "";
+    }
+    return value;
+  });
+}
+function mapApiToColumns(siteForm) {
+  const cols = siteForm?.siteFormDataList?.siteFormDataListColumns ?? [];
+  return cols.map((col) => ({
+    label: col.label,
+    name: col.columnName,
+    controlType: viewControlMap[col.controlTypeCode] ?? ViewControlTypes.lineText,
+    enableSorting: col.enableSorting ?? false,
+    isSearchable: col.isSearchable ?? false,
+    width: "w-2/12",
+    showAsLink: col.showAsLink ?? false,
+    linkUrlSegment: col.linkUrlSegment ?? void 0,
+    emptyValueLabel: col.emptyValueLabel ?? void 0
+  }));
+}
+function mapApiToFilters(siteForm) {
+  const filter = siteForm?.siteFormDataList?.siteFormDataListFilters ?? [];
+  return filter.map((fil) => ({
+    placeholder: fil.placeholder,
+    name: fil.columnName,
+    servicePath: fil.serviceRoute,
+    dataTextFieldName: fil.dataTextFieldName,
+    controlType: SelectWithSearchInput_default,
+    dataKeyFieldName: fil.dataKeyFieldName,
+    dataTypeCode: fil.isKeyNumber ? "number" : "string"
+  }));
+}
+var DataListRenderer = ({
+  formDefinition,
+  apiBaseUrl,
+  session,
+  params,
+  tabs,
+  query,
+  path,
+  widgetProps
+}) => {
+  const serviceClient = new ServiceClient_default(apiBaseUrl, session);
+  const [columns, setColumns] = useState3([]);
+  const [dataset, setDataset] = useState3();
+  const [filter, setFilters] = useState3([]);
+  const [addLinkHref, setAddLinkHref] = useState3("");
+  const [addLinkText, setAddLinkText] = useState3("");
+  const [serviceRoute, setServiceRoute] = useState3("");
+  const pathname = usePathname2();
+  useEffect4(() => {
+    if (!formDefinition) return;
+    setColumns(mapApiToColumns(formDefinition));
+    setFilters(mapApiToFilters(formDefinition));
+    setServiceRoute(formDefinition?.siteFormDataList?.serviceRoute ?? "/");
+    const rawAddLinkHref = formDefinition?.siteFormDataList?.addLinkHref ?? "";
+    const resolvedAddLinkHref = resolveRoutePlaceholders2(
+      rawAddLinkHref,
+      params
+    );
+    setAddLinkHref(resolvedAddLinkHref);
+    setAddLinkText(formDefinition?.siteFormDataList?.addLinkText ?? "");
+  }, [formDefinition, params]);
+  useEffect4(() => {
+    const fetchData = async () => {
+      if (!serviceRoute) return;
+      const resolvedRoute = resolveRoutePlaceholders2(serviceRoute, params);
+      const queryString = OdataBuilder.getOdataQueryString(query);
+      const separator = resolvedRoute.includes("?") ? "&" : "?";
+      const finalUrl = resolvedRoute + (queryString ? separator + queryString : "");
+      const result = await serviceClient.get(finalUrl);
+      setDataset(result);
+    };
+    fetchData();
+  }, [serviceRoute, query, params]);
+  const resolvedTabs = (tabs ?? []).map((tab) => {
+    const landingPageUrl = resolveRoutePlaceholders2(tab.landingPageUrl, params);
+    return {
+      ...tab,
+      landingPageUrl,
+      isActive: landingPageUrl === pathname
+    };
+  });
+  return /* @__PURE__ */ jsxs17(React28.Fragment, { children: [
+    resolvedTabs.length > 0 && // <NavigationTabsV2
+    //   tabs={resolvedTabs}
+    //   params={(widgetProps?.params ?? params) as Record<string, any>}
+    // />
+    /* @__PURE__ */ jsx41(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
+    /* @__PURE__ */ jsx41(
+      DataList_default,
+      {
+        addLinkHref,
+        addLinkText,
+        title: (formDefinition?.formTitle || "") + "-V2",
+        path,
+        columns,
+        dataset,
+        filters: filter,
+        serviceClient,
+        query
+      }
+    )
+  ] });
+};
+var DataListRenderer_default = DataListRenderer;
+
+// src/components/dataForm/DataForm.tsx
+import React30, { useCallback as useCallback4, useEffect as useEffect5, useReducer as useReducer2, useRef as useRef2 } from "react";
+
+// src/components/dataForm/DataFormChildSection.tsx
+import React29, { useCallback as useCallback3 } from "react";
+
+// src/components/dataForm/StyleTypes.tsx
+var StyleTypes2 = /* @__PURE__ */ ((StyleTypes3) => {
+  StyleTypes3["Primary"] = "Primary";
+  StyleTypes3["PrimaryHollow"] = "PrimaryHollow";
+  StyleTypes3["Secondary"] = "Secondary";
+  StyleTypes3["SecondaryHollow"] = "SecondaryHollow";
+  StyleTypes3["Neutral"] = "Neutral";
+  StyleTypes3["NeutralHollow"] = "NeutralHollow";
+  StyleTypes3["Link"] = "Link";
+  StyleTypes3["Ripple"] = "Ripple";
+  StyleTypes3["Danger"] = "Danger";
+  StyleTypes3["Light"] = "Light";
+  return StyleTypes3;
+})(StyleTypes2 || {});
+
+// src/components/dataForm/FormReducer.tsx
+var FORM_CHILD_INPUT_UPDATE = "FORM_CHILD_INPUT_UPDATE";
+var FORM_CHILD_ONE_TO_ONE_UPDATE = "FORM_CHILD_ONE_TO_ONE_UPDATE";
+var FORM_CHILD_ROW_ADD = "FORM_CHILD_ROW_ADD";
+
+// src/components/dataForm/DataFormChildSection.tsx
+import { jsx as jsx42, jsxs as jsxs18 } from "react/jsx-runtime";
+var DataFormChildSection = (props) => {
+  const { section } = props;
+  const isOneToOne = section.relationshipType === "one-to-one";
+  const childItems = props.childItems || [];
+  const getChildItemsForRendering = () => {
+    if (isOneToOne) {
+      return [{ item: props.childItems ?? {}, originalIndex: 0 }];
+    }
+    return childItems.map((item, originalIndex) => ({ item, originalIndex })).filter((x) => !x.item.isDeleted) || [];
+  };
+  const childItemsToRender = getChildItemsForRendering();
+  const handleChildInputChange = useCallback3(
+    (updatedValues) => {
+      if (isOneToOne) {
+        props.callback({
+          sectionName: props.section.name,
+          actionType: FORM_CHILD_ONE_TO_ONE_UPDATE,
+          name: updatedValues.name,
+          value: updatedValues.value,
+          rowIndex: -1
+        });
+      } else {
+        const filteredIndex = updatedValues.index;
+        const visibleItem = childItemsToRender[filteredIndex];
+        if (visibleItem) {
+          props.callback({
+            sectionName: props.section.name,
+            actionType: FORM_CHILD_INPUT_UPDATE,
+            name: updatedValues.name,
+            value: updatedValues.value,
+            rowIndex: visibleItem.originalIndex
+            // Use ORIGINAL index!
+          });
+        }
+      }
+    },
+    [props, isOneToOne, childItemsToRender]
+  );
+  const onAddRow = useCallback3(() => {
+    props.callback({
+      sectionName: props.section.name,
+      actionType: FORM_CHILD_ROW_ADD,
+      name: "all",
+      value: null,
+      rowIndex: -1
+    });
+  }, [props]);
+  const onDeleteRow = useCallback3(
+    (filteredIndex) => {
+      const visibleItem = childItemsToRender[filteredIndex];
+      if (visibleItem) {
+        props.callback({
+          sectionName: props.section.name,
+          actionType: FORM_CHILD_INPUT_UPDATE,
+          name: "isDeleted",
+          value: true,
+          rowIndex: visibleItem.originalIndex
+          // Use ORIGINAL index!
+        });
+      }
+    },
+    [props, childItemsToRender]
+  );
+  console.log("Rendering Child Section:", {
+    childItemsToRender,
+    allChildItems: childItems
+  });
+  return /* @__PURE__ */ jsx42(React29.Fragment, { children: /* @__PURE__ */ jsxs18("div", { className: "rounded border-neutral-200 border px-6 py-4 mb-2", children: [
+    section.sectionTitle && /* @__PURE__ */ jsx42("div", { className: "mb-4 text-lg font-medium text-body-950", children: section.sectionTitle }),
+    /* @__PURE__ */ jsx42("div", { className: "flex-grow flex flex-col justify-between overflow-y-auto", children: /* @__PURE__ */ jsxs18("div", { className: "flex flex-col justify-between gap-2", children: [
+      /* @__PURE__ */ jsx42("div", { children: /* @__PURE__ */ jsxs18("table", { className: "w-full border-separate divide-y divide-gray-200", children: [
+        (!isOneToOne || childItemsToRender.length > 0) && /* @__PURE__ */ jsx42("thead", { className: "", children: section.sectionRows.map((sectionRow, sectionRowIndex) => {
+          return /* @__PURE__ */ jsxs18("tr", { className: "", children: [
+            sectionRow.elements.map((field, index) => {
+              return /* @__PURE__ */ jsx42(
+                "th",
+                {
+                  className: "py-3 font-normal text-left",
+                  children: field.attributes?.label
+                },
+                field.name
+              );
+            }),
+            !section.readonly && !isOneToOne && /* @__PURE__ */ jsx42("th", { className: "py-3 font-normal text-left", children: "Actions" })
+          ] }, sectionRowIndex);
+        }) }),
+        /* @__PURE__ */ jsx42("tbody", { className: "divide-y divide-gray-200", children: childItemsToRender.map((visibleItem, filteredIndex) => {
+          const { item, originalIndex } = visibleItem;
+          const rowKey = originalIndex;
+          return /* @__PURE__ */ jsx42(React29.Fragment, { children: section.sectionRows.map(
+            (sectionRow, sectionRowIndex) => {
+              return /* @__PURE__ */ jsxs18(
+                "tr",
+                {
+                  className: "",
+                  children: [
+                    sectionRow.elements.map((field, index) => {
+                      return /* @__PURE__ */ jsx42("td", { children: /* @__PURE__ */ jsx42("div", { className: "flex-1", children: /* @__PURE__ */ jsx42("div", { className: "w-11/12", children: /* @__PURE__ */ jsx42(
+                        InputControl_default,
+                        {
+                          index: filteredIndex,
+                          name: field.name,
+                          controlType: field.controlType,
+                          value: item[field.name],
+                          dataset: field.dataset,
+                          dataKeyFieldName: field.dataKeyFieldName,
+                          dataTextFieldName: field.dataTextFieldName,
+                          callback: handleChildInputChange,
+                          attributes: {
+                            ...field.attributes,
+                            label: ""
+                          },
+                          serviceClient: props.serviceClient,
+                          entityType: field.entityType
+                        }
+                      ) }) }) }, field.name);
+                    }),
+                    !section.readonly && !isOneToOne && /* @__PURE__ */ jsx42("td", { children: /* @__PURE__ */ jsx42(
+                      ClientButton_default,
+                      {
+                        ButtonType: StyleTypes2.Hollow,
+                        onClick: () => {
+                          onDeleteRow(filteredIndex);
+                        },
+                        dataRole: "delete",
+                        tabIndex: -1,
+                        children: /* @__PURE__ */ jsx42(
+                          Icon_default,
+                          {
+                            className: "w-4 h-4",
+                            name: "delete"
+                          }
+                        )
+                      }
+                    ) })
+                  ]
+                },
+                `${rowKey}_${sectionRowIndex}`
+              );
+            }
+          ) }, rowKey);
+        }) })
+      ] }) }),
+      !section.readonly && !isOneToOne && /* @__PURE__ */ jsx42("div", { className: "ml-1", children: /* @__PURE__ */ jsx42(
+        ClientButton_default,
+        {
+          ButtonType: "Link" /* Link */,
+          onClick: onAddRow,
+          dataRole: "add",
+          children: "Add new"
+        }
+      ) })
+    ] }) })
+  ] }) });
+};
+var DataFormChildSection_default = DataFormChildSection;
+
+// src/components/dataForm/DataForm.tsx
+import { jsx as jsx43, jsxs as jsxs19 } from "react/jsx-runtime";
+var DataForm = (props) => {
+  const formRef = useRef2(null);
+  console.log(props.dataItem, "dssads");
+  const initialState = {
+    inputValues: {},
+    lastPropertyChanged: ""
+  };
+  const childInitialState = {
+    inputValues: []
+  };
+  const [formState, dispatch] = useReducer2(FormReducer_default, initialState);
+  console.log(props.sections, "sections");
+  const clearHiddenChildSections = useCallback4(
+    (changedProperty, newValues) => {
+      if (!props.sections) return;
+      const allChildSections = [];
+      props.sections.forEach((section) => {
+        if (section.childSections) {
+          section.childSections.forEach((childSection) => {
+            if (childSection.name) {
+              allChildSections.push({
+                name: childSection.name,
+                section: childSection
+              });
+            }
+          });
+        }
+      });
+      allChildSections.forEach(({ name, section }) => {
+        const wasVisible = evalutateCondition(
+          formState.inputValues,
+          section.visible
+        );
+        const isNowVisible = evalutateCondition(newValues, section.visible);
+        if (wasVisible && !isNowVisible) {
+          const currentValue = newValues[name];
+          if (currentValue && (Array.isArray(currentValue) && currentValue.length > 0 || typeof currentValue === "object" && Object.keys(currentValue).length > 0)) {
+            dispatch({
+              // @ts-ignore
+              type: "FORM_CHILD_CLEAR",
+              childName: name,
+              name,
+              value: section.relationshipType === "one-to-one" ? {} : []
+            });
+          }
+        }
+      });
+    },
+    [props.sections, formState.inputValues]
+  );
+  const handleInputChange = useCallback4(
+    async (updatedValues) => {
+      dispatch({
+        type: FORM_INPUT_UPDATE,
+        name: updatedValues.name,
+        value: updatedValues.value
+      });
+      const newInputValues = {
+        ...formState.inputValues,
+        [updatedValues.name]: updatedValues.value
+      };
+      clearHiddenChildSections(updatedValues.name, newInputValues);
+    },
+    [dispatch, formState.inputValues, clearHiddenChildSections]
+  );
+  const fetchData = useCallback4(async () => {
+    if (!props.rules) return;
+    if (Object.keys(formState.inputValues).length === 0) {
+      return;
+    }
+    console.log("on change called");
+    const changeRule = props.rules.onChangeRules?.find(
+      (x) => x.name === formState.lastPropertyChanged
+    );
+    if (!changeRule) return;
+    if (changeRule.triggerCondition && !evalutateCondition(formState.inputValues, changeRule.triggerCondition)) {
+      console.log("Trigger condition not met, skipping API call.");
+      return;
+    }
+    const url = replacePlaceholders(
+      changeRule.getApiEndpoint,
+      formState.inputValues,
+      props.params
+    );
+    try {
+      const response = await props.serviceClient.get(url);
+      dispatch({
+        type: FORM_INPUT_UPDATE,
+        name: "dnsRecords",
+        // @ts-ignore
+        value: response?.result?.dnsRecords
+      });
+    } catch (error) {
+      console.error("Error fetching data:", error);
+    }
+  }, [formState.lastPropertyChanged, formState.inputValues]);
+  useEffect5(() => {
+    fetchData();
+  }, [formState.inputValues, formState.lastPropertyChanged]);
+  function replacePlaceholders(template, context, params) {
+    console.log("from replace:");
+    console.log(params);
+    console.log(template);
+    return template.replace(
+      /\{(context|params)\.([\w]+)\}/g,
+      (_, type, key) => {
+        if (type === "context" && context && key in context && context[key]) {
+          return String(context[key]);
+        }
+        if (type === "params" && params && key in params && params[key]) {
+          return String(params[key]);
+        }
+        return "";
+      }
+    );
+  }
+  const handleChildSectionChangeCallback = useCallback4(
+    (params) => {
+      dispatch({
+        type: params.actionType,
+        name: params.name,
+        value: params.value,
+        // @ts-ignore
+        childName: params.sectionName,
+        rowIndex: params.rowIndex
+      });
+    },
+    [dispatch]
+  );
+  const onValidate = async () => {
+    if (formRef.current && !formRef.current.checkValidity()) {
+      formRef.current.classList.add("validated");
+      return false;
+    } else {
+      return true;
+    }
+  };
+  function normalizeChildSections(values, isEdit, sections) {
+    if (!sections) return values;
+    const cloned = structuredClone(values);
+    sections.forEach((section) => {
+      section.childSections?.forEach((child) => {
+        const childName = child.name;
+        const relation = child.relationshipType;
+        const childValue = cloned[childName];
+        if (!childValue) return;
+        if (relation === "one-to-many" && Array.isArray(childValue)) {
+          cloned[childName] = childValue.filter((row) => {
+            if (isEdit) return true;
+            return !row.isDeleted;
+          });
+        }
+        if (relation === "one-to-one" && typeof childValue === "object") {
+          if (!isEdit && childValue.isDeleted) {
+            delete cloned[childName];
+          }
+        }
+      });
+    });
+    return cloned;
+  }
+  const onClick = useCallback4(async () => {
+    if (props.onClick) {
+      const isEdit = props.dataItem && Object.keys(props.dataItem).length > 0;
+      const normalizedValues = normalizeChildSections(
+        formState.inputValues,
+        !!isEdit,
+        props.sections
+      );
+      return await props.onClick({
+        ...formState,
+        inputValues: normalizedValues
+      });
+    } else {
+      return { isSuccessful: true };
+    }
+  }, [formState, props]);
+  const handleAdditionalOnClick = useCallback4(async () => {
+    if (props.additionalActions?.onClick) {
+      return await props.additionalActions.onClick(formState);
+    } else {
+      return { isSuccessful: true, message: "Action completed successfully" };
+    }
+  }, [formState, props]);
+  const onDelete = useCallback4(async () => {
+    if (props.onDelete) {
+      return await props.onDelete(formState);
+    } else {
+      return { isSuccessful: true };
+    }
+  }, [formState, props]);
+  useEffect5(() => {
+    if (props.dataItem) {
+      dispatch({
+        type: FORM_INITIAL_UPDATE,
+        values: props.dataItem,
+        name: "all"
+      });
+    }
+  }, [props.dataItem]);
+  function getNestedProperty2(obj, path) {
+    if (path.includes(".")) {
+      return path.split(".").reduce((prev, curr) => prev ? prev[curr] : null, obj);
+    } else {
+      return obj[path];
+    }
+  }
+  function evalutateCondition(context, expression) {
+    if (expression === null || expression === void 0) {
+      return true;
+    }
+    try {
+      const evaluator = new Function("context", `return ${expression};`);
+      return evaluator(context);
+    } catch (error) {
+      console.error("Error evaluating expression:", error);
+      return false;
+    }
+  }
+  return /* @__PURE__ */ jsx43(React30.Fragment, { children: /* @__PURE__ */ jsxs19("div", { className: "flex-grow flex flex-col", children: [
+    props.title && /* @__PURE__ */ jsx43("div", { className: "inline-flex items-center gap-2 px-6 py-3 border border-neutral-200 bg-white shadow-sm rounded-t-md", children: /* @__PURE__ */ jsxs19(
+      "div",
+      {
+        className: "inline-flex items-center gap-2 cursor-pointer",
+        onClick: () => window.history.back(),
+        children: [
+          /* @__PURE__ */ jsx43(Icon_default, { name: "chevronLeft", className: "w-4 h-4 text-primary-800" }),
+          /* @__PURE__ */ jsx43("h2", { className: "text-lg font-semibold text-primary-800", children: props.title })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ jsx43(
+      "form",
+      {
+        className: "group space-y-6 pb-6 overflow-y-auto",
+        noValidate: true,
+        ref: formRef,
+        onKeyDown: (e) => {
+          if (e.key === "Enter") {
+            const activeElement = document.activeElement;
+            console.log(activeElement);
+            if (activeElement.tagName === "INPUT") {
+              e.preventDefault();
+            }
+            if (activeElement.tagName === "BUTTON" && activeElement.dataset.role === "add") {
+              return;
+            }
+            if (activeElement.tagName === "BUTTON" && activeElement.dataset.role === "delete") {
+              e.preventDefault();
+            }
+          }
+        },
+        children: /* @__PURE__ */ jsx43("div", { className: "flex flex-col gap-6", children: props.sections?.map((section, sectionIndex) => {
+          return /* @__PURE__ */ jsx43(React30.Fragment, { children: !section.isChildSection && /* @__PURE__ */ jsxs19("div", { className: " rounded-b-lg bg-white shadow border-neutral-200 border px-8 py-6 ", children: [
+            section.sectionRows?.map(
+              (sectionRow, sectionRowIndex) => {
+                const elementsCount = sectionRow.elements.length;
+                let isVisible = true;
+                if (sectionRow.visible) {
+                  isVisible = evalutateCondition(
+                    formState.inputValues,
+                    sectionRow.visible
+                  );
+                }
+                return /* @__PURE__ */ jsx43(React30.Fragment, { children: isVisible && /* @__PURE__ */ jsx43("div", { className: "lg:flex gap-14 flex-1 mb-4 ", children: sectionRow.elements.map((field, index) => {
+                  return /* @__PURE__ */ jsxs19(
+                    "div",
+                    {
+                      className: sectionRow.grow ? "grow" : "",
+                      children: [
+                        /* @__PURE__ */ jsx43("div", { children: field.controlType }),
+                        /* @__PURE__ */ jsx43(
+                          InputControl_default,
+                          {
+                            name: field.name,
+                            controlType: field.controlType,
+                            value: getNestedProperty2(
+                              formState.inputValues,
+                              field.name
+                            ),
+                            callback: handleInputChange,
+                            dataSourceDependsOn: field.dataSourceDependsOn,
+                            dependentValue: field.dataSourceDependsOn ? formState.inputValues[field.dataSourceDependsOn] : "",
+                            dataSource: field.dataSource,
+                            dataset: field.dataset,
+                            dataKeyFieldName: field.dataKeyFieldName,
+                            dataTextFieldName: field.dataTextFieldName,
+                            attributes: field.attributes,
+                            serviceClient: props.serviceClient,
+                            assetsUploadPath: props.dataItem ? props.dataItem["assetsUploadPath"] : null,
+                            entityType: field.entityType,
+                            uploadInSharedLocation: field.uploadInSharedLocation
+                          }
+                        )
+                      ]
+                    },
+                    field.name
+                  );
+                }) }) }, sectionRowIndex);
+              }
+            ),
+            /* @__PURE__ */ jsx43("div", { children: section.childSections?.map(
+              (childSection, childSectionIndex) => {
+                return /* @__PURE__ */ jsx43("div", { children: childSection.name && evalutateCondition(
+                  formState.inputValues,
+                  childSection.visible
+                ) && /* @__PURE__ */ jsx43(
+                  DataFormChildSection_default,
+                  {
+                    section: childSection,
+                    childItems: formState.inputValues[childSection.name],
+                    callback: handleChildSectionChangeCallback,
+                    serviceClient: props.serviceClient
+                  }
+                ) }, childSectionIndex);
+              }
+            ) })
+          ] }) }, sectionIndex);
+        }) })
+      }
+    ),
+    /* @__PURE__ */ jsxs19("div", { className: "flex px-6 py-3 mt-2 mb-2 justify-end  items-center gap-5", children: [
+      /* @__PURE__ */ jsx43("div", { children: props.additionalActions && /* @__PURE__ */ jsx43(
+        Button_default,
+        {
+          ButtonType: "PrimaryHollow" /* Hollow */,
+          onClick: handleAdditionalOnClick,
+          children: props.additionalActions.title
+        }
+      ) }),
+      /* @__PURE__ */ jsx43("div", { children: props.onDelete && /* @__PURE__ */ jsx43(
+        Button_default,
+        {
+          ButtonType: "PrimaryHollow" /* Hollow */,
+          onClick: onDelete,
+          showToast: true,
+          confirm: true,
+          confirmationMessage: "Are you sure you want to delete this record?",
+          children: "Delete"
+        }
+      ) }),
+      /* @__PURE__ */ jsx43("div", { children: props.onClick && /* @__PURE__ */ jsx43(
+        Button_default,
+        {
+          onValidate,
+          onClick,
+          showToast: true,
+          ButtonType: "Primary" /* Solid */,
+          className: "py-2 leading-6",
+          children: props.buttonText ? `${props.buttonText}` : "Save Changes"
+        }
+      ) })
+    ] })
+  ] }) });
+};
+var DataForm_default = DataForm;
+
+// src/components/dataForm/DataFormRenderer.tsx
+import { jsx as jsx44, jsxs as jsxs20 } from "react/jsx-runtime";
+function getAction(actions, code) {
+  return actions?.find((a) => a.actionCode === code);
+}
+var DataFormRenderer = ({
+  formDefinition,
+  dataItem,
+  params,
+  tabs,
+  apiBaseUrl,
+  session,
+  widgetProps,
+  onSave,
+  onDelete,
+  onCancelAdd,
+  isAddPage,
+  entityId
+}) => {
+  const serviceClient = new ServiceClient_default(apiBaseUrl, session);
+  if (!formDefinition) return null;
+  const idParamName = formDefinition.siteFormDataForm?.entityIdParamName ?? "id";
+  const deleteAction = getAction(
+    formDefinition.siteFormDataForm?.actions ?? [],
+    "Delete"
+  );
+  const hasDataItem = dataItem && Object.keys(dataItem).length > 0;
+  return /* @__PURE__ */ jsxs20("div", { className: "flex-grow flex flex-col", children: [
+    widgetProps && /* @__PURE__ */ jsx44(NavigationTabsV2_default, { tabs, params: widgetProps.params }),
+    /* @__PURE__ */ jsx44(
+      DataForm_default,
+      {
+        title: !isAddPage ? "Edit " + formDefinition.formTitle + "- v2" : "Add " + formDefinition.formTitle + "- v2",
+        sections: formDefinition.siteFormDataForm?.sections ?? [],
+        dataItem,
+        onClick: onSave,
+        onDelete: !isAddPage && deleteAction && (entityId || hasDataItem) ? onDelete : void 0,
+        additionalActions: isAddPage ? {
+          name: "cancel",
+          title: "Cancel",
+          onClick: onCancelAdd
+        } : void 0,
+        serviceClient
+      }
+    )
+  ] });
+};
+var DataFormRenderer_default = DataFormRenderer;
+export {
+  BooleanSelect_default as BooleanSelect,
+  Button_default as Button,
+  CheckboxInput_default as CheckboxInput,
+  ColorInput_default as ColorInput,
+  DataFormRenderer_default as DataFormRenderer,
+  DataList_default as DataList,
+  DataListRenderer_default as DataListRenderer,
+  DateTimeInput_default as DateTimeInput,
+  EmailInput_default as EmailInput,
+  EnterAnimationHydrator,
+  InputControl_default as InputControl,
+  InputControlType_default as InputControlType,
+  LineTextInput_default as LineTextInput,
+  MoneyInput_default as MoneyInput,
+  MultilineTextInput_default as MultilineTextInput,
+  NavigationTabsV2_default as NavigationTabsV2,
+  NumberInput_default as NumberInput,
+  OtpInput_default as OtpInput,
+  PageBodyRenderer_default as PageBodyRenderer,
+  PercentageInput_default as PercentageInput,
+  PhoneInput_default as PhoneInput,
+  TimeInput_default as TimeInput,
+  Toast_default as Toast,
+  ToastService_default as ToastService,
+  ViewControl_default as ViewControl,
+  ViewControlTypes_default as ViewControlTypes
+};