@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260323123345 → 0.8.1-dev.20260324072940

package/dist/index.js

@@ -79,6 +79,8 @@ var DateView = (props) => {
   let timezone;
   try {
     const val = props.value && props.value.toString().includes("Z") ? props.value : props.value + "Z";
+    {
+    }
     const parsedDate = new Date(val);
     const timezoneOffset = parsedDate.getTimezoneOffset();
     timezone = import_moment_timezone.default.tz.zone(import_moment_timezone.default.tz.guess())?.abbr(timezoneOffset);
@@ -196,6 +198,8 @@ var StatusView_default = Status;
 var import_react8 = __toESM(require("react"));
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var Money = (props) => {
+  {
+  }
   const parsedNumber = parseFloat(props.value);
   return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(import_react8.default.Fragment, { children: !Number.isNaN(parsedNumber) && /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)("span", { className: parsedNumber < 0 ? "text-alert" : "", children: [
     /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("span", { className: "mr-0.5", children: "\u20B9" }),
@@ -208,6 +212,8 @@ var MoneyView_default = Money;
 var import_react9 = __toESM(require("react"));
 var import_jsx_runtime9 = require("react/jsx-runtime");
 var MultilineTextBullets = (props) => {
+  {
+  }
   const lines = props.value?.split("\\n");
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(import_react9.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("ul", { className: "list-disc", children: lines && lines.map((line, index) => {
     return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("li", { children: line }, index);
@@ -240,7 +246,7 @@ var ViewControl = import_react11.default.forwardRef(
       [ViewControlTypes_default.booleanView]: BooleanView_default
       //  [ViewControlTypes.booleanView]: BooleanView
     };
-    const SelectedControlComponent = ControlComponents[props.controlType];
+    const SelectedControlComponent = props.controlType ? ControlComponents[props.controlType] : void 0;
     return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(import_react11.default.Fragment, { children: SelectedControlComponent ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(SelectedControlComponent, { ...props }) : "Control not found" });
   }
 );
@@ -2541,17 +2547,17 @@ var DataList = (props) => {
 var DataList_default = DataList;
 
 // src/components/pageRenderingEngine/PageBodyRenderer.tsx
-var import_react53 = __toESM(require("react"));
+var import_react51 = __toESM(require("react"));
 
 // src/components/pageRenderingEngine/nodes/ParagraphNode.tsx
 var import_react36 = __toESM(require("react"));
 
 // src/components/pageRenderingEngine/nodes/TextNode.tsx
-var import_jsx_runtime41 = require("react/jsx-runtime");
+var import_jsx_runtime41 = (
+  // @ts-expect-error custom code
+  require("react/jsx-runtime")
+);
 var TextNode = (props) => {
-  const NodeTypes2 = {
-    ["text"]: TextNode
-  };
   function cssStringToJson(cssString) {
     const styleObject = {};
     const matches = cssString?.match(/([\w-]+)\s*:\s*([^;]+)\s*;/g);
@@ -2599,7 +2605,11 @@ var TextNode = (props) => {
   }
   const styles = convertKeysToCamelCase2(cssStringToJson(props.node.style));
   function replacePlaceholders(template, dataItem) {
+    {
+    }
     return template.replace(/{(\w+)}/g, (_, key) => {
+      {
+      }
       return key in dataItem ? dataItem[key] : `{${key}}`;
     });
   }
@@ -2610,7 +2620,7 @@ var TextNode_default = TextNode;
 
 // src/components/pageRenderingEngine/nodes/LineBreakNode.tsx
 var import_jsx_runtime42 = require("react/jsx-runtime");
-var LineBreakNode = (props) => {
+var LineBreakNode = () => {
   return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "py-0.5 lg:py-1.5" });
 };
 var LineBreakNode_default = LineBreakNode;
@@ -2695,12 +2705,18 @@ var import_jsx_runtime46 = require("react/jsx-runtime");
 function getNestedProperty(obj, path) {
   if (!obj || !path) return null;
   if (path.includes(".")) {
-    return path.split(".").reduce((prev, curr) => prev ? prev[curr] : null, obj);
-  } else if (Array.isArray(obj[path])) {
-    return obj[path].map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { children: item }, index));
-  } else {
-    return obj[path];
+    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__ */ (0, import_jsx_runtime46.jsx)("div", { children: String(item) }, index));
   }
+  return value;
 }
 var DatafieldNode = (props) => {
   function cssStringToJson(cssString) {
@@ -2710,9 +2726,7 @@ var DatafieldNode = (props) => {
       matches.forEach((match) => {
         const parts = match.match(/([\w-]+)\s*:\s*([^;]+)\s*;/);
         if (parts && parts.length === 3) {
-          const property = parts[1].trim();
-          const value2 = parts[2].trim();
-          styleObject[property] = value2;
+          styleObject[parts[1].trim()] = parts[2].trim();
         }
       });
     }
@@ -2722,9 +2736,11 @@ var DatafieldNode = (props) => {
     return str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
   }
   function convertKeysToCamelCase2(obj) {
-    if (!obj || typeof obj !== "object") return obj;
     return Object.fromEntries(
-      Object.entries(obj).map(([key, value2]) => [toCamelCase2(key), value2])
+      Object.entries(obj).map(([key, value2]) => [
+        toCamelCase2(key),
+        value2
+      ])
     );
   }
   const Formats = [
@@ -2741,11 +2757,12 @@ var DatafieldNode = (props) => {
     "italic underline",
     "italic underline font-medium"
   ];
-  const styles = convertKeysToCamelCase2(cssStringToJson(props.node.style));
-  const fieldName = props.node.fieldName;
+  const styles = convertKeysToCamelCase2(
+    cssStringToJson(props.node.style)
+  );
+  const fieldName = props.node.fieldName ?? "";
   const value = props.dataitem ? getNestedProperty(props.dataitem, fieldName) : null;
-  console.log(fieldName, value, "haha");
-  const isEmptyValue = value === null || value === void 0 || value === "" || Array.isArray(value) && value.length === 0 || typeof value === "object" && Object.keys(value).length === 0;
+  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, {
@@ -2756,14 +2773,12 @@ var DatafieldNode = (props) => {
     });
   }
   const dataType = props.node.dataType;
-  if (isEmptyValue) {
-    return null;
-  }
-  if (dataType == "rawContent") {
+  if (isEmptyValue) return null;
+  if (dataType === "rawContent") {
     return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
       PageBodyRenderer_default,
       {
-        rawBody: value ?? `@databound[${fieldName}]`,
+        rawBody: String(value ?? `@databound[${fieldName}]`),
         routeParameters: props.routeParameters,
         query: props.query,
         session: props.session,
@@ -2780,7 +2795,13 @@ var DatafieldNode = (props) => {
     {
       className: `datafield-node ${props.node.format < Formats.length ? Formats[props.node.format] : ""}`,
       style: styles,
-      children: String(value)
+      children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        ViewControl_default,
+        {
+          controlType: dataType,
+          value: value ?? `@databound[${fieldName}]`
+        }
+      )
     }
   );
 };
@@ -2803,7 +2824,7 @@ var ParagraphNode = (props) => {
   };
   {
   }
-  let formatClasses = FormatClass[props.node.format] || "";
+  const formatClasses = FormatClass[props.node.format] || "";
   const isInlineOnlyParent = props.parentTag === "summary";
   const hasChildren = props.node.children && props.node.children.length > 0;
   if (isInlineOnlyParent) {
@@ -2848,7 +2869,6 @@ var HeadingNode = (props) => {
     ["text"]: TextNode_default,
     ["link"]: LinkNode_default,
     ["svg-icon"]: SVGIconNode_default,
-    // ["linebreak"]: LineBreakNodeNew,
     ["datafield"]: DatafieldNode_default
   };
   const HeadingTag = `${props.node.tag}`;
@@ -2857,7 +2877,7 @@ var HeadingNode = (props) => {
   };
   {
   }
-  let formatClasses = FormatClass[props.node.format] || "";
+  const formatClasses = FormatClass[props.node.format] || "";
   return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_jsx_runtime48.Fragment, { children: import_react37.default.createElement(
     HeadingTag,
     { className: formatClasses },
@@ -3001,8 +3021,10 @@ function CopyButton({ text }) {
 var import_jsx_runtime53 = require("react/jsx-runtime");
 var CodeNode = (props) => {
   const NodeTypes2 = {
+    // @ts-expect-error custom code
     ["text"]: TextNode_default,
     ["linebreak"]: LineBreakNode_default,
+    // @ts-expect-error custom code
     ["link"]: LinkNode_default
   };
   const textContent = props.node?.children?.map((node) => {
@@ -3026,28 +3048,22 @@ var CodeNode_default = CodeNode;
 
 // src/components/pageRenderingEngine/nodes/HorizontalRuleNode.tsx
 var import_jsx_runtime54 = require("react/jsx-runtime");
-var HorizontalRuleNode = (props) => {
+var HorizontalRuleNode = () => {
   return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("hr", {});
 };
 var HorizontalRuleNode_default = HorizontalRuleNode;
 
-// src/components/pageRenderingEngine/nodes/LayoutItemNode.tsx
-var import_react47 = __toESM(require("react"));
-
 // src/components/pageRenderingEngine/nodes/ImageNode.tsx
 var import_jsx_runtime55 = require("react/jsx-runtime");
 var ImageNode = (props) => {
-  const { node, apiBaseUrl = "", resolveAssetUrl } = props;
-  let imageUrl;
+  const { node, assetBaseUrl = "" } = props;
   if (!node.imageUrl) return null;
+  let imageUrl;
   if (node.imageUrl.startsWith("http")) {
     imageUrl = node.imageUrl;
-  } else if (resolveAssetUrl) {
-    imageUrl = resolveAssetUrl(node.imageUrl);
   } else {
-    imageUrl = `${apiBaseUrl}/${node.imageUrl}`;
+    imageUrl = assetBaseUrl ? `${assetBaseUrl}/${node.imageUrl}` : node.imageUrl;
   }
-  if (!imageUrl) return null;
   return /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(import_jsx_runtime55.Fragment, { children: node.width ? /* @__PURE__ */ (0, import_jsx_runtime55.jsx)("div", { style: { width: node.width }, children: /* @__PURE__ */ (0, import_jsx_runtime55.jsx)(
     "img",
     {
@@ -3073,21 +3089,37 @@ var ImageNode = (props) => {
 var ImageNode_default = ImageNode;
 
 // src/components/pageRenderingEngine/nodes/WidgetNode.tsx
-var import_react43 = require("react");
+var import_react43 = __toESM(require("react"));
+
+// src/components/pageRenderingEngine/nodes/WidgetRegistry.tsx
+var registry = {};
+var getWidget = (code) => {
+  return registry[code];
+};
+
+// src/components/pageRenderingEngine/nodes/WidgetNode.tsx
 var import_jsx_runtime56 = require("react/jsx-runtime");
+function resolveWidget(code) {
+  return getWidget(code);
+}
 var WidgetNode = (props) => {
   const getWidgetParameters = () => {
-    const widgetInputParameters = { ...props.routeParameters ?? {} };
-    const rawWidgetParams = props.node?.widgetParameters ?? props.node?.widgetParams;
+    const widgetInputParameters = {
+      ...props.routeParameters ?? {}
+    };
+    const rawWidgetParams = props.node.widgetParameters ?? props.node.widgetParams;
     let widgetParameters = {};
     const isJSON = (str) => {
-      if (typeof str !== "string") return false;
-      str = str.trim();
-      return str.startsWith("{") && str.endsWith("}") || str.startsWith("[") && str.endsWith("]");
+      const s = str.trim();
+      return s.startsWith("{") && s.endsWith("}") || s.startsWith("[") && s.endsWith("]");
     };
     if (rawWidgetParams) {
       if (typeof rawWidgetParams === "string" && isJSON(rawWidgetParams)) {
-        widgetParameters = JSON.parse(rawWidgetParams);
+        try {
+          widgetParameters = JSON.parse(rawWidgetParams);
+        } catch {
+          widgetParameters = {};
+        }
       } else if (typeof rawWidgetParams === "object") {
         widgetParameters = rawWidgetParams;
       }
@@ -3100,9 +3132,11 @@ var WidgetNode = (props) => {
           return props.routeParameters?.[actualKey] ?? val;
         }
         return val;
-      } else if (Array.isArray(val)) {
+      }
+      if (Array.isArray(val)) {
         return val.map(resolveValue);
-      } else if (val && typeof val === "object") {
+      }
+      if (val && typeof val === "object") {
         const out = {};
         for (const k of Object.keys(val)) {
           out[k] = resolveValue(val[k]);
@@ -3111,80 +3145,366 @@ var WidgetNode = (props) => {
       }
       return val;
     };
-    Object.keys(widgetParameters).forEach((key) => {
+    for (const key of Object.keys(widgetParameters)) {
       const rawVal = widgetParameters[key];
       if (rawVal === "route") {
-        if (key === "itemPath") {
-          widgetInputParameters[key] = props.path;
-        } else {
-          widgetInputParameters[key] = widgetInputParameters[key] ?? null;
-        }
+        widgetInputParameters[key] = key === "itemPath" ? props.path : widgetInputParameters[key] ?? null;
       } else {
         widgetInputParameters[key] = resolveValue(rawVal);
       }
-    });
-    widgetInputParameters["widgetTitle"] = props.node?.widgetTitle;
+    }
+    widgetInputParameters["widgetTitle"] = props.node.widgetTitle;
     return widgetInputParameters;
   };
-  const SelectedWidget = props.widgetRegistry?.[props.node.widgetCode];
+  const widgetCode = props.node.widgetCode;
+  const SelectedWidget = resolveWidget(widgetCode);
   if (!SelectedWidget) {
-    console.warn("Widget not found:", props.node.widgetCode);
+    console.warn("Widget not found:", widgetCode);
     return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)(import_jsx_runtime56.Fragment, { children: [
       "Widget not found: ",
-      props.node.widgetCode
+      widgetCode
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react43.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "container mt-2", children: "..." }), children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
-    SelectedWidget,
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(import_react43.Suspense, { fallback: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "container mt-2", children: "..." }), children: import_react43.default.createElement(SelectedWidget, {
+    params: getWidgetParameters(),
+    query: props.query,
+    session: props.session,
+    host: props.host,
+    path: props.path,
+    apiBaseUrl: props.apiBaseUrl
+  }) });
+};
+var WidgetNode_default = WidgetNode;
+
+// src/components/pageRenderingEngine/nodes/FormContainerNode.tsx
+var import_react44 = __toESM(require("react"));
+
+// src/components/pageRenderingEngine/nodes/InputControlNode.tsx
+var import_jsx_runtime57 = require("react/jsx-runtime");
+var InputControlNode = (props) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    InputControl_default,
     {
-      params: getWidgetParameters(),
-      query: props.query,
-      session: props.session,
-      host: props.host,
-      path: props.path,
-      apiBaseUrl: props.apiBaseUrl
+      name: props.node.name,
+      controlType: "lineTextInput",
+      value: props.value,
+      callback: props.callback,
+      attributes: {
+        pattern: props.node.pattern,
+        maxLength: props.node.maxLength,
+        minLength: props.node.minLength,
+        //maxValue:props.node.maxV,
+        //minValue?: number,
+        readOnly: props.node.readOnly,
+        label: "name",
+        //props.node.label,
+        hintText: props.node.hintText,
+        placeholder: props.node.placeholder,
+        required: props.node.required,
+        errorMessage: props.node.errorMessage,
+        helpText: props.node.helpText,
+        autoFocus: props.node.autoFocus
+      }
     }
   ) });
 };
-var WidgetNode_default = WidgetNode;
+var InputControlNode_default = InputControlNode;
+
+// src/clients/CacheManage.tsx
+var import_node_cache = __toESM(require("node-cache"));
+var CacheManager = class _CacheManager {
+  constructor() {
+    this.maxCacheSize = 1e3;
+    this.cache = new import_node_cache.default({ stdTTL: 0, checkperiod: 300 });
+  }
+  static getInstance() {
+    if (!_CacheManager.instance) {
+      _CacheManager.instance = new _CacheManager();
+    }
+    return _CacheManager.instance;
+  }
+  get(key) {
+    return null;
+  }
+  set(key, data, ttl) {
+  }
+  clear() {
+    this.cache.flushAll();
+  }
+  size() {
+    return this.cache.keys().length;
+  }
+  destroy() {
+    this.cache.close();
+  }
+};
+
+// src/clients/ServiceClient.tsx
+var ServerApiError = class extends Error {
+  constructor(data, status) {
+    super(data.message || "---");
+    this.status = status;
+    this.data = data;
+    this.data.isSuccessful = false;
+  }
+};
+var ServiceClient = class {
+  constructor(apiBaseUrl, session) {
+    this.cacheManager = CacheManager.getInstance();
+    this.baseUrl = apiBaseUrl;
+    this.session = session;
+  }
+  buildFullPath(path, params) {
+    let updatedPath = path;
+    if (params) {
+      Object.keys(params).forEach((key) => {
+        updatedPath = updatedPath.replace(
+          `{${key}}`,
+          String(params[key])
+        );
+      });
+    }
+    return this.baseUrl + updatedPath;
+  }
+  getConfig() {
+    const config = { headers: {} };
+    if (this.session) {
+      if (this.session.oAuthToken) {
+        config.headers["Authorization"] = "Bearer " + this.session.oAuthToken;
+      }
+      config.headers["cid"] = this.session.cid || "";
+      config.headers["UserCurrencyCode"] = this.session.userCurrencyCode || "INR";
+      config.headers["MarketCode"] = this.session?.marketCode || "IND";
+    }
+    return config;
+  }
+  handleFetchError(error) {
+    console.log(error);
+    const serverApiError = error;
+    if (serverApiError) {
+      return serverApiError.data;
+    }
+    return {
+      message: "There is some error. Please try after sometime.",
+      isSuccessful: false
+    };
+  }
+  async fetchJsonWithCache(fullPath, config) {
+    const cacheKey = fullPath + "--" + (this.session?.marketCode || "IND");
+    const cachedData = this.cacheManager.get(cacheKey);
+    if (cachedData) {
+      return cachedData;
+    }
+    console.log("*****************CALLING API:", cacheKey, (/* @__PURE__ */ new Date()).toISOString());
+    const response = await fetch(fullPath, { headers: config.headers });
+    if (!response.ok) {
+      const apiErrorData = await response.json();
+      throw new ServerApiError(apiErrorData, response.status);
+    }
+    const cacheControl = response.headers.get("Cache-Control");
+    let revalidate = null;
+    if (cacheControl) {
+      const maxAgeMatch = cacheControl.match(/max-age=(\d+)/);
+      if (maxAgeMatch && maxAgeMatch[1]) {
+        const maxAge = parseInt(maxAgeMatch[1], 10);
+        revalidate = maxAge * 1e3;
+      }
+    }
+    const data = await response.json();
+    data.isSuccessful = true;
+    if (revalidate !== null && revalidate > 0) {
+      console.log("revalidate............I am caching:" + revalidate);
+      this.cacheManager.set(cacheKey, data, revalidate);
+    }
+    return data;
+  }
+  //   private async refreshToken(): Promise<void> {
+  //     console.log("*******************calling refresh token***********************");
+  //     try {
+  //       const response = await fetch(this.baseUrl + "/auth/storefront/login/refreshToken", {
+  //         method: 'POST',
+  //         headers: {
+  //           'Content-Type': 'application/json'
+  //         },
+  //         body: JSON.stringify({ refreshToken: this.session.refreshToken })
+  //       });
+  //       if (!response.ok) {
+  //         throw new Error("Failed to refresh token");
+  //       }
+  //       const responseData = await response.json();
+  //       this.session.oAuthToken = responseData.result.accessToken;
+  //       if (typeof window === "undefined") {
+  //         // Running on the server
+  //       } else {
+  //         await fetch("/api/login", {
+  //           method: "post",
+  //           headers: {
+  //             "Content-Type": "application/json",
+  //           },
+  //           body: JSON.stringify({ session: this.session }),
+  //         });
+  //       }
+  //     } catch (error: any) {
+  //       throw new Error("Failed to refresh token");
+  //     }
+  //   }
+  async handleRequest(request) {
+    try {
+      return await request();
+    } catch (error) {
+      throw error;
+    }
+  }
+  async post(path, data) {
+    const request = async () => {
+      const fullPath = this.baseUrl + path;
+      const config = this.getConfig();
+      const response = await fetch(fullPath, {
+        method: "POST",
+        headers: {
+          ...config.headers,
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify(data)
+      });
+      if (!response.ok) {
+        const apiErrorData = await response.json();
+        throw new ServerApiError(apiErrorData, response.status);
+      }
+      const responseData = await response.json();
+      responseData.isSuccessful = true;
+      return responseData;
+    };
+    try {
+      return await this.handleRequest(request);
+    } catch (error) {
+      return this.handleFetchError(error);
+    }
+  }
+  async getSingle(path, params) {
+    const request = async () => {
+      const sanitizedParams = params ? Object.fromEntries(
+        Object.entries(params).map(([k, v]) => [k, String(v)])
+      ) : void 0;
+      const fullPath = this.buildFullPath(path, sanitizedParams);
+      const config = this.getConfig();
+      return await this.fetchJsonWithCache(fullPath, config);
+    };
+    try {
+      return await this.handleRequest(request);
+    } catch (error) {
+      return this.handleFetchError(error);
+    }
+  }
+  async get(path, params) {
+    const request = async () => {
+      const sanitizedParams = params ? Object.fromEntries(
+        Object.entries(params).map(([k, v]) => [k, String(v)])
+      ) : void 0;
+      const fullPath = this.buildFullPath(path, sanitizedParams);
+      const config = this.getConfig();
+      console.log(fullPath);
+      return await this.fetchJsonWithCache(fullPath, config);
+    };
+    try {
+      return await this.handleRequest(request);
+    } catch (error) {
+      return this.handleFetchError(error);
+    }
+  }
+};
+var ServiceClient_default = ServiceClient;
+
+// src/components/pageRenderingEngine/nodes/FormContainerNode.tsx
+var import_jsx_runtime58 = require("react/jsx-runtime");
+var FormContainerNode = (props) => {
+  const NodeTypes2 = {
+    ["input-control"]: InputControlNode_default
+  };
+  const { node } = props;
+  const formRef = (0, import_react44.useRef)(null);
+  const initialState = {
+    inputValues: {},
+    lastPropertyChanged: ""
+  };
+  const [formState, dispatch] = (0, import_react44.useReducer)(FormReducer_default, initialState);
+  const handleInputChange = (0, import_react44.useCallback)((updatedValues) => {
+    dispatch({ type: FORM_INPUT_UPDATE, name: updatedValues.name, value: updatedValues.value });
+  }, [dispatch]);
+  (0, import_react44.useEffect)(() => {
+    const fetchInitialData = async () => {
+      const client = new ServiceClient_default(props.apiBaseUrl, props.session);
+      const response = await client.getSingle(props.node.dataFetchApi, props.routeParameters);
+      if (response.isSuccessful) {
+        dispatch({
+          type: FORM_INITIAL_UPDATE,
+          values: response.result,
+          // @ts-expect-error custom code
+          name: "all"
+        });
+      }
+    };
+    fetchInitialData();
+  }, [props.apiBaseUrl, props.node, props.session, props.routeParameters]);
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("form", { className: "group space-y-6 pb-6 overflow-y-auto", noValidate: true, ref: formRef, children: [
+    node.children && node.children.map((node2, index) => {
+      {
+      }
+      const SelectedNode = NodeTypes2[node2.type];
+      return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react44.default.Fragment, { children: SelectedNode && node2.type == "input-control" && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+        InputControlNode_default,
+        {
+          value: formState.inputValues[node2.name],
+          callback: handleInputChange,
+          node: node2
+        }
+      ) }, index);
+    }),
+    node.children.length == 0 && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "py-0.5 lg:py-1.5" })
+  ] });
+};
+var FormContainerNode_default = FormContainerNode;
+
+// src/components/pageRenderingEngine/nodes/DivContainer.tsx
+var import_react50 = __toESM(require("react"));
 
 // src/components/pageRenderingEngine/nodes/IframeClient.tsx
-var import_react45 = __toESM(require("react"));
+var import_react46 = __toESM(require("react"));
 
 // src/components/IFrameLoaderView.tsx
-var import_react44 = __toESM(require("react"));
-var import_jsx_runtime57 = require("react/jsx-runtime");
+var import_react45 = __toESM(require("react"));
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var IFrameLoaderView = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)(import_react44.default.Fragment, { children: [
-    props.isDataFound == null && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "mt-4 bg-gray-200 rounded-md p-4 animate-pulse", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "flex items-center mb-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "ml-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_react45.default.Fragment, { children: [
+    props.isDataFound == null && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "mt-4 bg-gray-200 rounded-md p-4 animate-pulse", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "flex items-center mb-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 h-8 w-8 rounded-full animate-pulse" }),
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "ml-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 h-3 w-16 animate-pulse" }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 h-2 w-12 animate-pulse" })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "animate-pulse", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
+      /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "grid grid-cols-3 gap-4 mt-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "animate-pulse", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "animate-pulse", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "animate-pulse", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "animate-pulse", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
-          /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
+        /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "animate-pulse", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-12 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-24 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-32 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-16 mb-2" }),
+          /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "bg-gray-300 rounded-full h-3 w-28 mb-2" })
         ] })
       ] })
     ] }) }),
@@ -3194,12 +3514,12 @@ var IFrameLoaderView = (props) => {
 var IFrameLoaderView_default = IFrameLoaderView;
 
 // src/components/pageRenderingEngine/nodes/IframeClient.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var IframeClient = ({ src }) => {
-  const iframeRef = (0, import_react45.useRef)(null);
-  const [iframeHeight, setIframeHeight] = (0, import_react45.useState)("100%");
-  const [isDataFound, setIsDataFound] = (0, import_react45.useState)(null);
-  (0, import_react45.useEffect)(() => {
+  const iframeRef = (0, import_react46.useRef)(null);
+  const [iframeHeight, setIframeHeight] = (0, import_react46.useState)("100%");
+  const [isDataFound, setIsDataFound] = (0, import_react46.useState)(null);
+  (0, import_react46.useEffect)(() => {
     const handleReceiveMessage = (event) => {
       const eventName = event?.data?.eventName;
       const payload = event?.data?.payload;
@@ -3214,7 +3534,7 @@ var IframeClient = ({ src }) => {
     window.addEventListener("message", handleReceiveMessage);
     return () => window.removeEventListener("message", handleReceiveMessage);
   }, []);
-  (0, import_react45.useEffect)(() => {
+  (0, import_react46.useEffect)(() => {
     const handleResize = () => {
       if (iframeRef.current) {
         iframeRef.current.contentWindow?.postMessage({ eventName: "RESIZE" }, "*");
@@ -3226,13 +3546,14 @@ var IframeClient = ({ src }) => {
   const handleIframeLoad = () => {
     setIsDataFound(true);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_react45.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(IFrameLoaderView_default, { isDataFound, children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react46.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(IFrameLoaderView_default, { isDataFound, children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(
     "iframe",
     {
       ref: iframeRef,
       src,
       className: "w-full h-full border-none",
       scrolling: "no",
+      style: { height: iframeHeight },
       onLoad: handleIframeLoad
     }
   ) }) });
@@ -3240,7 +3561,7 @@ var IframeClient = ({ src }) => {
 var IframeClient_default = IframeClient;
 
 // src/components/pageRenderingEngine/nodes/EmbedNode.tsx
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var EmbedNode = (props) => {
   let src;
   if (props.node.provider == "youtube") {
@@ -3250,106 +3571,10 @@ var EmbedNode = (props) => {
   } else {
     src = props.node.embedSrc;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "aspect-video", children: src && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(IframeClient_default, { src }) });
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "aspect-video", children: src && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(IframeClient_default, { src }) });
 };
 var EmbedNode_default = EmbedNode;
 
-// src/components/pageRenderingEngine/nodes/VideoNode.tsx
-var import_react46 = __toESM(require("react"));
-var import_jsx_runtime60 = require("react/jsx-runtime");
-var VideoNode = (props) => {
-  let src;
-  if (props.node.provider == "youtube") {
-    src = `https://www.youtube-nocookie.com/embed/${props.node.videoId}`;
-  } else if (props.node.provider == "bunny") {
-    src = `https://iframe.mediadelivery.net/embed/${props.node.videoId}?autoplay=false&loop=false&muted=false&preload=true&responsive=true`;
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_react46.default.Fragment, { children: src && /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("iframe", { className: "w-full aspect-video rounded", src, loading: "lazy", allow: "accelerometer;gyroscope;autoplay;encrypted-media;picture-in-picture;", allowFullScreen: true }) });
-};
-var VideoNode_default = VideoNode;
-
-// src/components/pageRenderingEngine/nodes/LayoutItemNode.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
-var LayoutItemNode = (props) => {
-  const NodeTypes2 = {
-    ["paragraph"]: ParagraphNode_default,
-    ["heading"]: HeadingNode_default,
-    ["list"]: ListNode_default,
-    ["quote"]: QuoteNode_default,
-    ["code"]: CodeNode_default,
-    ["horizontalrule"]: HorizontalRuleNode_default,
-    ["image"]: ImageNode_default,
-    ["layout-container"]: LayoutContainerNode_default,
-    ["link"]: LinkNode_default,
-    ["widget"]: WidgetNode_default,
-    ["youtube"]: VideoNode_default,
-    ["video"]: VideoNode_default,
-    ["embed"]: EmbedNode_default
-  };
-  let cssClasses = "";
-  if (props.order) {
-    cssClasses = "order-" + props.order + " lg:order-1";
-  }
-  if (props.node.itemBoxShadow) {
-    {
-    }
-    cssClasses = cssClasses + " " + (props.node.itemBoxShadow || "");
-  }
-  const styles = {};
-  if (props.node.itemBorderWidth) {
-    styles.borderWidth = props.node.itemBorderWidth;
-    cssClasses = cssClasses + " px-4 py-2";
-  }
-  if (props.node.itemBorderRadius) {
-    styles.borderRadius = props.node.itemBorderRadius;
-    styles.overflow = "hidden";
-  }
-  function removeParagraphsAtStartAndEnd(layoutItem) {
-    let startIndex = 0;
-    {
-    }
-    while (startIndex < layoutItem.children.length && layoutItem.children[startIndex].type === "paragraph" && layoutItem.children[startIndex].children.filter((x) => x.type == "linebreak").length == layoutItem.children[startIndex].children.length) {
-      startIndex++;
-    }
-    let endIndex = layoutItem.children.length - 1;
-    {
-    }
-    while (endIndex >= 0 && layoutItem.children[endIndex].type === "paragraph" && layoutItem.children[endIndex].children.filter((x) => x.type == "linebreak").length == layoutItem.children[endIndex].children.length) {
-      endIndex--;
-    }
-    if (startIndex <= endIndex) {
-      layoutItem.children = layoutItem.children.slice(startIndex, endIndex + 1);
-    } else {
-      layoutItem.children = [];
-    }
-    return layoutItem;
-  }
-  let updatedLayout = props.node;
-  if (props.node.itemBoxShadow || props.node.itemBorderWidth) {
-    updatedLayout = props.node;
-  } else {
-    updatedLayout = removeParagraphsAtStartAndEnd(props.node);
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react47.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "layout-item " + cssClasses, style: { ...styles }, children: updatedLayout.children.map((node, index) => {
-    {
-    }
-    const SelectedNode = NodeTypes2[node.type];
-    return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(import_react47.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
-      SelectedNode,
-      {
-        node,
-        routeParameters: props.routeParameters,
-        query: props.query,
-        session: props.session,
-        host: props.host,
-        path: props.path,
-        apiBaseUrl: props.apiBaseUrl
-      }
-    ) }, index);
-  }) }) });
-};
-var LayoutItemNode_default = LayoutItemNode;
-
 // src/components/utilities/AssetUtility.tsx
 var AssetUtility = class {
   constructor() {
@@ -3363,573 +3588,9 @@ var AssetUtility = class {
 };
 var AssetUtility_default = AssetUtility;
 
-// src/components/pageRenderingEngine/nodes/LayoutContainerNode.tsx
+// src/components/Slider.tsx
+var import_react47 = __toESM(require("react"));
 var import_jsx_runtime62 = require("react/jsx-runtime");
-var LayoutContainerNode = (props) => {
-  const VERTICAL_ALIGNMENT_CLASSES = {
-    start: "items-start",
-    center: "items-center place-content-center",
-    end: "items-end",
-    stretch: "items-stretch",
-    baseline: "items-baseline"
-  };
-  const LAYOUTGRID_COLS_CLASSES = {
-    "1fr": "layout-grid-col-1",
-    "1fr 1fr": "layout-grid-col-2-equal",
-    "1fr 2fr": "layout-grid-col-2-widths-33-67",
-    "2fr 1fr": "layout-grid-col-2-widths-67-33",
-    "3fr 2fr": "layout-grid-col-2-widths-60-40",
-    "3fr 1fr": "layout-grid-col-2-widths-75-25",
-    "1fr 1fr 1fr": "layout-grid-col-3-equal",
-    "1fr 2fr 1fr": "layout-grid-col-3-widths-25-50-25",
-    "1fr 6fr 1fr": "layout-grid-col-3-widths-15-70-15",
-    "1fr 1fr 1fr 1fr": "layout-grid-col-4-equal"
-  };
-  const sectionWidth = props.node.sectionWidth || "fixed";
-  let gridCssClasses = LAYOUTGRID_COLS_CLASSES[props.node.templateColumns] || "";
-  if (props.node.contentVerticalAlignment) {
-    gridCssClasses += " " + (VERTICAL_ALIGNMENT_CLASSES[props.node.contentVerticalAlignment] || "");
-  }
-  const columnGap = props.node.columnGap || "0.5rem";
-  const styles = {};
-  let cssClasses = "layout_grid";
-  let addPadding = false;
-  if (props.node.backgroundColor) {
-    styles.backgroundColor = props.node.backgroundColor;
-  }
-  if (props.node.borderWidth) {
-    styles.borderWidth = props.node.borderWidth;
-    addPadding = true;
-  }
-  if (props.node.borderRadius) {
-    styles.borderRadius = props.node.borderRadius;
-  }
-  if (props.node.boxShadow && props.node.boxShadow !== "shadow-none") {
-    cssClasses += " " + props.node.boxShadow;
-    addPadding = true;
-  }
-  const backgroundLayers = [];
-  if (props.node.backgroundImage) {
-    const resolved = AssetUtility_default.resolveUrl(
-      props.apiBaseUrl,
-      props.node.backgroundImage
-    );
-    if (resolved) {
-      backgroundLayers.push(`url('${resolved}')`);
-      addPadding = true;
-    }
-  }
-  if (props.node.gradientColor1 && props.node.gradientColor2) {
-    backgroundLayers.push(
-      `linear-gradient(to bottom, ${props.node.gradientColor1}, ${props.node.gradientColor2})`
-    );
-    addPadding = true;
-  } else if (props.node.gradientColor1) {
-    backgroundLayers.push(props.node.gradientColor1);
-    addPadding = true;
-  } else if (props.node.gradientColor2) {
-    backgroundLayers.push(props.node.gradientColor2);
-    addPadding = true;
-  }
-  if (backgroundLayers.length) {
-    styles.background = backgroundLayers.join(", ");
-  }
-  const renderChildren = () => props.node.children?.map((node, index) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
-    LayoutItemNode_default,
-    {
-      node,
-      order: props.node.smOrder === "reverse" ? props.node.children.length - index : index,
-      routeParameters: props.routeParameters,
-      query: props.query,
-      session: props.session,
-      host: props.host,
-      path: props.path,
-      apiBaseUrl: props.apiBaseUrl
-    },
-    index
-  ));
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
-    sectionWidth === "mixed" && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: cssClasses, style: styles, children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "container", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
-      "div",
-      {
-        className: `grid gap-y-4 lg:gap-y-0 ${gridCssClasses} ${addPadding ? "py-8 lg:py-6" : ""}`,
-        style: { columnGap, minHeight: props.node.height },
-        children: renderChildren()
-      }
-    ) }) }),
-    sectionWidth === "full" && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
-      "div",
-      {
-        className: `grid gap-y-4 lg:gap-y-0 ${cssClasses} ${gridCssClasses} ${addPadding ? "p-8 lg:p-0" : ""}`,
-        style: { columnGap, ...styles },
-        children: renderChildren()
-      }
-    ),
-    sectionWidth === "fixed" && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: "container", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
-      "div",
-      {
-        className: `grid gap-y-4 lg:gap-y-0 ${cssClasses} ${gridCssClasses} ${addPadding ? "px-8 py-6 lg:px-6 lg:py-6" : ""}`,
-        style: { columnGap, ...styles },
-        children: renderChildren()
-      }
-    ) })
-  ] });
-};
-var LayoutContainerNode_default = LayoutContainerNode;
-
-// src/components/pageRenderingEngine/nodes/FormContainerNode.tsx
-var import_react48 = __toESM(require("react"));
-
-// src/components/pageRenderingEngine/nodes/InputControlNode.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
-var InputControlNode = (props) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
-    InputControl_default,
-    {
-      name: props.node.name,
-      controlType: "lineTextInput",
-      value: props.value,
-      callback: props.callback,
-      attributes: {
-        pattern: props.node.pattern,
-        maxLength: props.node.maxLength,
-        minLength: props.node.minLength,
-        //maxValue:props.node.maxV,
-        //minValue?: number,
-        readOnly: props.node.readOnly,
-        label: "name",
-        //props.node.label,
-        hintText: props.node.hintText,
-        placeholder: props.node.placeholder,
-        required: props.node.required,
-        errorMessage: props.node.errorMessage,
-        helpText: props.node.helpText,
-        autoFocus: props.node.autoFocus
-      }
-    }
-  ) });
-};
-var InputControlNode_default = InputControlNode;
-
-// src/components/pageRenderingEngine/nodes/FormContainerNode.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
-var FormContainerNode = (props) => {
-  const NodeTypes2 = {
-    ["input-control"]: InputControlNode_default
-  };
-  const { node } = props;
-  const formRef = (0, import_react48.useRef)(null);
-  const initialState = {
-    inputValues: {},
-    lastPropertyChanged: ""
-  };
-  const [formState, dispatch] = (0, import_react48.useReducer)(FormReducer_default, initialState);
-  const handleInputChange = (0, import_react48.useCallback)((updatedValues) => {
-    dispatch({ type: FORM_INPUT_UPDATE, name: updatedValues.name, value: updatedValues.value });
-  }, [dispatch]);
-  const onValidate = async () => {
-    if (formRef.current && !formRef.current.checkValidity()) {
-      formRef.current.classList.add("validated");
-      return false;
-    } else {
-      return true;
-    }
-  };
-  (0, import_react48.useEffect)(() => {
-    const fetchInitialData = async () => {
-      if (!props.fetchData || !node.dataFetchApi) return;
-      const response = await props.fetchData(
-        node.dataFetchApi,
-        props.routeParameters
-      );
-      if (response?.isSuccessful) {
-        dispatch({
-          type: FORM_INITIAL_UPDATE,
-          values: response.result,
-          name: "all"
-        });
-      }
-    };
-    fetchInitialData();
-  }, [props.fetchData, node.dataFetchApi, props.routeParameters]);
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("form", { className: "group space-y-6 pb-6 overflow-y-auto", noValidate: true, ref: formRef, children: [
-    node.children && node.children.map((node2, index) => {
-      {
-      }
-      const SelectedNode = NodeTypes2[node2.type];
-      return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_react48.default.Fragment, { children: SelectedNode && node2.type == "input-control" && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
-        InputControlNode_default,
-        {
-          value: formState.inputValues[node2.name],
-          callback: handleInputChange,
-          node: node2
-        }
-      ) }, index);
-    }),
-    node.children.length == 0 && /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "py-0.5 lg:py-1.5" })
-  ] });
-};
-var FormContainerNode_default = FormContainerNode;
-
-// src/components/pageRenderingEngine/nodes/DivContainer.tsx
-var import_react52 = __toESM(require("react"));
-
-// src/components/utilities/AnimationUtility.tsx
-var AnimationUtility = class {
-  static generateAnimationCSS(config, guid) {
-    const {
-      duration = 700,
-      delay = 0,
-      easing = "ease-out",
-      distance = 30,
-      scaleStart = 1,
-      scaleEnd = 1.2,
-      repeat = 1,
-      intensity = 20,
-      speedPerChar = 100,
-      cursor = true,
-      mode = "enter",
-      direction = "left"
-      // Default direction
-    } = config;
-    let base = "", visible = "", keyframes = "";
-    switch (config.animation) {
-      case "Fade":
-        base = `opacity:0; transition:opacity ${duration}ms ${easing} ${delay}ms;`;
-        visible = `opacity:1;`;
-        break;
-      case "FadeInUp":
-        base = `opacity:0; transform:translateY(${distance}px); transition:all ${duration}ms ${easing} ${delay}ms;`;
-        visible = `opacity:1; transform:translateY(0);`;
-        break;
-      case "Slide":
-        const slideTransform = this.getSlideTransform(direction, distance);
-        base = `opacity:0; transform:${slideTransform.start}; transition:all ${duration}ms ${easing} ${delay}ms; will-change: transform, opacity;`;
-        visible = `opacity:1; transform:${slideTransform.end}; will-change: unset;`;
-        break;
-      case "ZoomIn":
-        if (mode === "enter") {
-          base = `opacity:0; transform:scale(${scaleStart}); transition:all ${duration}ms ${easing} ${delay}ms;`;
-          visible = `opacity:1; transform:scale(${scaleEnd});`;
-        } else {
-          base = `transform:scale(${scaleStart}); transition:transform ${duration / 1e3}s ${easing} ${delay / 1e3}s;`;
-          visible = `transform:scale(${scaleEnd});`;
-        }
-        break;
-      case "Bounce":
-        keyframes = `
-        @keyframes bounce { 
-          0%,20%,50%,80%,100% { transform: translateY(0); } 
-          40% { transform: translateY(-${intensity}px); } 
-          60% { transform: translateY(-${intensity / 2}px); } 
-        }
-      `;
-        if (mode === "enter") {
-          base = `opacity:0;`;
-          visible = `opacity:1; animation:bounce ${duration}ms ${easing} ${delay}ms ${repeat};`;
-        } else {
-          base = ``;
-          visible = `animation:bounce ${duration / 1e3}s ${easing} ${delay / 1e3}s ${repeat};`;
-        }
-        break;
-      case "Typewriter":
-        keyframes = ` 
-        @keyframes typewriter { from { width: 0 } to { width: 100% } } 
-        @keyframes blink { 50% { border-color: transparent } } 
-      `;
-        base = ` 
-        overflow:hidden; 
-        border-right:${cursor ? "2px solid black" : "none"}; 
-        white-space:nowrap; 
-        width:0;
-        margin:0 auto;
-      `;
-        visible = ` 
-        animation:typewriter ${speedPerChar * 30}ms steps(30,end) ${delay}ms forwards 
-        ${cursor ? ", blink .75s step-end infinite" : ""}; 
-      `;
-        break;
-    }
-    if (mode === "hover") {
-      return `
-      ${keyframes} 
-      ${guid} { ${base} } 
-      ${guid}:hover { ${visible} } 
-    `;
-    } else {
-      return `
-      ${keyframes} 
-      ${guid} { ${base} } 
-      ${guid}.visible { ${visible} } 
-    `;
-    }
-  }
-  // Helper method to generate slide transforms based on direction
-  static getSlideTransform(direction, distance) {
-    switch (direction) {
-      case "left":
-        return { start: `translateX(${distance}px)`, end: `translateX(0)` };
-      case "right":
-        return { start: `translateX(-${distance}px)`, end: `translateX(0)` };
-      case "up":
-        return { start: `translateY(${distance}px)`, end: `translateY(0)` };
-      case "down":
-        return { start: `translateY(-${distance}px)`, end: `translateY(0)` };
-      default:
-        return { start: `translateX(${distance}px)`, end: `translateX(0)` };
-    }
-  }
-};
-var AnimationUtility_default = AnimationUtility;
-
-// src/components/Pagination.tsx
-var import_react49 = require("react");
-var import_jsx_runtime65 = require("react/jsx-runtime");
-var Pagination = (props) => {
-  const { dataset, path, query, showPageSizeSelector = false, showJumpToPage = false } = props;
-  const builder = (0, import_react49.useMemo)(() => {
-    const b = new OdataBuilder(path);
-    if (query) b.setQuery(query);
-    return b;
-  }, [path, query]);
-  const activePageNumber = builder.getPageNumber(Constants.pagesize);
-  const totalItems = dataset?.count || 0;
-  const itemsPerPage = parseInt(builder.top || Constants.pagesize.toString());
-  const totalPages = Math.ceil(totalItems / itemsPerPage);
-  const startItem = totalItems > 0 ? (activePageNumber - 1) * itemsPerPage + 1 : 0;
-  const endItem = Math.min(activePageNumber * itemsPerPage, totalItems);
-  const getPaginationRange = () => {
-    const delta = 1;
-    const range = [];
-    if (totalPages <= 7) {
-      return Array.from({ length: totalPages }, (_, i) => i + 1);
-    }
-    range.push(1);
-    let start = Math.max(2, activePageNumber - delta);
-    let end = Math.min(totalPages - 1, activePageNumber + delta);
-    if (activePageNumber - delta <= 2) {
-      end = Math.min(totalPages - 1, 4);
-    }
-    if (activePageNumber + delta >= totalPages - 1) {
-      start = Math.max(2, totalPages - 4);
-    }
-    if (start > 2) {
-      range.push("...");
-    }
-    for (let i = start; i <= end; i++) {
-      range.push(i);
-    }
-    if (end < totalPages - 1) {
-      range.push("...");
-    }
-    if (totalPages > 1) {
-      range.push(totalPages);
-    }
-    return range;
-  };
-  const paginationRange = getPaginationRange();
-  const PageButton = ({ page, children }) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-    Hyperlink,
-    {
-      linkType: "Link" /* Link */,
-      className: `
-               min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2.5 md:px-3 
-                border text-sm font-medium transition-colors duration-150
-                ${activePageNumber === page ? "bg-primary-base font-semibold" : ""}
-            `,
-      href: builder.getNewPageUrl(page),
-      children
-    }
-  );
-  const NavigationButton = ({ page, disabled, children }) => {
-    if (disabled) {
-      return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border  bg-neutral-base cursor-not-allowed", children });
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-      Hyperlink,
-      {
-        className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border transition-colors duration-150",
-        href: builder.getNewPageUrl(page),
-        children
-      }
-    );
-  };
-  if (totalPages <= 1 && totalItems === 0) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "py-6 border-t bg-default", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "text-sm", children: [
-        "Showing ",
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("span", { className: "font-semibold", children: [
-          startItem,
-          "-",
-          endItem
-        ] }),
-        " ",
-        "out of ",
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
-        " results"
-      ] }),
-      totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center space-x-1", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
-          NavigationButton,
-          {
-            page: activePageNumber - 1,
-            disabled: activePageNumber === 1,
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 mr-1" }) }),
-              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-sm", children: "Prev" })
-            ]
-          }
-        ),
-        paginationRange.map((item, index) => {
-          if (item === "...") {
-            return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-              "span",
-              {
-                className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center text-gray-500",
-                children: "..."
-              },
-              `ellipsis-${index}`
-            );
-          }
-          const page = item;
-          return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(PageButton, { page, children: page }, page);
-        }),
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
-          NavigationButton,
-          {
-            page: activePageNumber + 1,
-            disabled: activePageNumber === totalPages,
-            children: [
-              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-sm", children: "Next" }),
-              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Icon_default, { name: "chevronRight", className: "w-4 h-4 ml-1" }) })
-            ]
-          }
-        )
-      ] }),
-      showJumpToPage && totalPages > 5 && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center space-x-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-sm", children: "Go to:" }),
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-          "input",
-          {
-            type: "number",
-            min: "1",
-            max: totalPages,
-            defaultValue: activePageNumber,
-            className: "w-20 h-10 px-3 border rounded text-sm focus:outline-none focus:ring-2 focus:border-transparent",
-            onKeyDown: (e) => {
-              if (e.key === "Enter") {
-                const input = e.target;
-                const page = parseInt(input.value);
-                if (page >= 1 && page <= totalPages && page !== activePageNumber) {
-                  window.location.href = builder.getNewPageUrl(page);
-                }
-              }
-            }
-          }
-        ) })
-      ] })
-    ] }),
-    showPageSizeSelector && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "mt-4 pt-4 border-t bg-default", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center justify-center space-x-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-sm", children: "Show:" }),
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "flex space-x-1", children: [10, 25, 50, 100].map((size) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-        Hyperlink,
-        {
-          className: `
-                                        px-3 py-1 text-sm rounded border transition-colors duration-150
-                                        ${itemsPerPage === size ? "bg-primary-base font-medium" : "bg-neutral-weak"}
-                                    `,
-          href: builder.getNewPageSizeUrl(size),
-          children: size
-        },
-        size
-      )) }),
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-sm", children: "per page" })
-    ] }) })
-  ] });
-};
-var Pagination_default = Pagination;
-
-// 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] : "";
-  }
-};
-var PathUtility_default = new PathUtility();
-
-// src/components/pageRenderingEngine/nodes/EnterAnimationClient.tsx
-var import_react50 = __toESM(require("react"));
-var import_jsx_runtime66 = require("react/jsx-runtime");
-function EnterAnimationClient({ hasEnterAnimation, children }) {
-  const ref = (0, import_react50.useRef)(null);
-  (0, import_react50.useEffect)(() => {
-    if (!hasEnterAnimation || !ref.current) return;
-    const observer = new IntersectionObserver(
-      (entries) => {
-        entries.forEach((entry) => {
-          if (entry.isIntersecting) {
-            entry.target.classList.add("visible");
-            observer.unobserve(entry.target);
-          }
-        });
-      },
-      { threshold: 0.1 }
-    );
-    observer.observe(ref.current);
-    return () => observer.disconnect();
-  }, [hasEnterAnimation]);
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_jsx_runtime66.Fragment, { children: children && // enforce passing the ref to Wrapper
-  //@ts-ignore
-  import_react50.default.cloneElement(children, { ref }) });
-}
-
-// src/components/Slider.tsx
-var import_react51 = __toESM(require("react"));
-var import_jsx_runtime67 = require("react/jsx-runtime");
 var Slider = ({
   children,
   slidesToShow = 4,
@@ -3947,13 +3608,13 @@ var Slider = ({
   pillStyle = "cumulative",
   progressPosition = "bottom"
 }) => {
-  const [currentSlide, setCurrentSlide] = (0, import_react51.useState)(0);
-  const [transition, setTransition] = (0, import_react51.useState)(true);
-  const [slidesToShowState, setSlidesToShowState] = (0, import_react51.useState)(
+  const [currentSlide, setCurrentSlide] = (0, import_react47.useState)(0);
+  const [transition, setTransition] = (0, import_react47.useState)(true);
+  const [slidesToShowState, setSlidesToShowState] = (0, import_react47.useState)(
     typeof slidesToShow === "number" ? slidesToShow : slidesToShow.large
   );
-  const [isPlaying, setIsPlaying] = (0, import_react51.useState)(autoplay);
-  (0, import_react51.useEffect)(() => {
+  const [isPlaying, setIsPlaying] = (0, import_react47.useState)(autoplay);
+  (0, import_react47.useEffect)(() => {
     if (typeof slidesToShow === "number") return;
     const handleResize = () => {
       if (window.innerWidth >= 1024) {
@@ -3968,7 +3629,7 @@ var Slider = ({
     window.addEventListener("resize", handleResize);
     return () => window.removeEventListener("resize", handleResize);
   }, [slidesToShow]);
-  (0, import_react51.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     if (!autoplay) return;
     const timer = setInterval(() => {
       if (isPlaying) {
@@ -3977,7 +3638,7 @@ var Slider = ({
     }, autoplay_speed);
     return () => clearInterval(timer);
   }, [autoplay, autoplay_speed, currentSlide, isPlaying]);
-  const totalSlides = import_react51.Children.count(children);
+  const totalSlides = import_react47.Children.count(children);
   const maxSlide = totalSlides - slidesToShowState;
   const nextSlide = () => {
     if (currentSlide >= maxSlide) {
@@ -4022,16 +3683,16 @@ var Slider = ({
     }
   };
   const translateX = -currentSlide * (100 / slidesToShowState);
-  const slides = import_react51.Children.map(children, (child, index) => {
-    if (!import_react51.default.isValidElement(child)) return null;
+  const slides = import_react47.Children.map(children, (child, index) => {
+    if (!import_react47.default.isValidElement(child)) return null;
     const childProps = child.props;
     const mergedClassName = `${childProps.className ?? ""} w-full`.trim();
-    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
       "div",
       {
         className: `flex-none ${scaleOnHover ? "group hover:z-50" : ""} relative`,
         style: { width: `calc(${100 / slidesToShowState}%)`, paddingRight: gap },
-        children: (0, import_react51.cloneElement)(child, {
+        children: (0, import_react47.cloneElement)(child, {
           className: mergedClassName
         })
       },
@@ -4049,14 +3710,14 @@ var Slider = ({
         return "bottom-4";
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
     "div",
     {
       className: `relative w-full overflow-hidden ${className}`,
       onMouseEnter: handleMouseEnter,
       onMouseLeave: handleMouseLeave,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
           "div",
           {
             className: "flex h-full",
@@ -4067,18 +3728,18 @@ var Slider = ({
             children: slides
           }
         ),
-        show_arrows && /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+        show_arrows && /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
             ArrowButton,
             {
               direction: "left",
               onClick: prevSlide,
               visible: infinite_scroll || currentSlide > 0,
               className: arrowClassName,
-              children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5 8.25 12l7.5-7.5" }) })
+              children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "M15.75 19.5 8.25 12l7.5-7.5" }) })
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
             ArrowButton,
             {
               direction: "right",
@@ -4086,13 +3747,13 @@ var Slider = ({
               visible: infinite_scroll || currentSlide < maxSlide,
               className: arrowClassName,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" }) }),
+                /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", strokeWidth: 1.5, stroke: "currentColor", className: "w-6 h-6", children: /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", d: "m8.25 4.5 7.5 7.5-7.5 7.5" }) }),
                 "          "
               ]
             }
           )
         ] }),
-        show_dots && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: `absolute left-1/2 -translate-x-1/2 flex justify-center space-x-1.5 ${getProgressPositionClass()}`, children: Array.from({ length: totalSlides }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+        show_dots && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("div", { className: `absolute left-1/2 -translate-x-1/2 flex justify-center space-x-1.5 ${getProgressPositionClass()}`, children: Array.from({ length: totalSlides }).map((_, index) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
           ProgressPill,
           {
             active: index === currentSlide,
@@ -4118,7 +3779,7 @@ var ArrowButton = ({
   visible,
   children,
   className = ""
-}) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+}) => /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
   "button",
   {
     className: `
@@ -4144,13 +3805,13 @@ var ProgressPill = ({
   currentSlide,
   totalSlides
 }) => {
-  const [progress, setProgress] = (0, import_react51.useState)(0);
-  (0, import_react51.useEffect)(() => {
+  const [progress, setProgress] = (0, import_react47.useState)(0);
+  (0, import_react47.useEffect)(() => {
     if (active) {
       setProgress(0);
     }
   }, [active, index]);
-  (0, import_react51.useEffect)(() => {
+  (0, import_react47.useEffect)(() => {
     if (!active || !isPlaying) {
       if (!active) {
         setProgress(0);
@@ -4201,53 +3862,238 @@ var ProgressPill = ({
           hover:w-8
         `;
     }
-  };
-  const renderProgressBar = () => {
-    if (style === "modern" && isActive || style === "cumulative" && shouldShowProgress) {
-      const displayProgress = style === "cumulative" && isFilled ? 100 : progress;
-      return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
-        "div",
-        {
-          className: `absolute top-0 left-0 h-full rounded-full ${style === "cumulative" && isFilled ? activeClassName || "bg-white" : activeClassName || "bg-white"} transition-all duration-50 ease-linear`,
-          style: { width: `${displayProgress}%` }
-        }
-      );
+  };
+  const renderProgressBar = () => {
+    if (style === "modern" && isActive || style === "cumulative" && shouldShowProgress) {
+      const displayProgress = style === "cumulative" && isFilled ? 100 : progress;
+      return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+        "div",
+        {
+          className: `absolute top-0 left-0 h-full rounded-full ${style === "cumulative" && isFilled ? activeClassName || "bg-white" : activeClassName || "bg-white"} transition-all duration-50 ease-linear`,
+          style: { width: `${displayProgress}%` }
+        }
+      );
+    }
+    return null;
+  };
+  const renderCumulativeFill = () => {
+    if (style === "cumulative" && isFilled && !isActive) {
+      return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+        "div",
+        {
+          className: `absolute top-0 left-0 h-full rounded-full ${activeClassName || "bg-white"} transition-all duration-300`,
+          style: { width: "100%" }
+        }
+      );
+    }
+    return null;
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(
+    "button",
+    {
+      className: `${baseClasses} ${getStyleClasses()}`,
+      onClick,
+      "aria-label": `Go to slide ${index + 1}`,
+      "aria-current": isActive ? "true" : "false",
+      children: [
+        renderProgressBar(),
+        renderCumulativeFill()
+      ]
+    }
+  );
+};
+var Slider_default = Slider;
+
+// src/components/utilities/AnimationUtility.tsx
+var AnimationUtility = class {
+  static generateAnimationCSS(config, guid) {
+    const {
+      duration = 700,
+      delay = 0,
+      easing = "ease-out",
+      distance = 30,
+      scaleStart = 1,
+      scaleEnd = 1.2,
+      repeat = 1,
+      intensity = 20,
+      speedPerChar = 100,
+      cursor = true,
+      mode = "enter",
+      direction = "left"
+      // Default direction
+    } = config;
+    let base = "", visible = "", keyframes = "";
+    switch (config.animation) {
+      case "Fade":
+        base = `opacity:0; transition:opacity ${duration}ms ${easing} ${delay}ms;`;
+        visible = `opacity:1;`;
+        break;
+      case "FadeInUp":
+        base = `opacity:0; transform:translateY(${distance}px); transition:all ${duration}ms ${easing} ${delay}ms;`;
+        visible = `opacity:1; transform:translateY(0);`;
+        break;
+      case "Slide":
+        const slideTransform = this.getSlideTransform(direction, distance);
+        base = `opacity:0; transform:${slideTransform.start}; transition:all ${duration}ms ${easing} ${delay}ms; will-change: transform, opacity;`;
+        visible = `opacity:1; transform:${slideTransform.end}; will-change: unset;`;
+        break;
+      case "ZoomIn":
+        if (mode === "enter") {
+          base = `opacity:0; transform:scale(${scaleStart}); transition:all ${duration}ms ${easing} ${delay}ms;`;
+          visible = `opacity:1; transform:scale(${scaleEnd});`;
+        } else {
+          base = `transform:scale(${scaleStart}); transition:transform ${duration / 1e3}s ${easing} ${delay / 1e3}s;`;
+          visible = `transform:scale(${scaleEnd});`;
+        }
+        break;
+      case "Bounce":
+        keyframes = `
+        @keyframes bounce { 
+          0%,20%,50%,80%,100% { transform: translateY(0); } 
+          40% { transform: translateY(-${intensity}px); } 
+          60% { transform: translateY(-${intensity / 2}px); } 
+        }
+      `;
+        if (mode === "enter") {
+          base = `opacity:0;`;
+          visible = `opacity:1; animation:bounce ${duration}ms ${easing} ${delay}ms ${repeat};`;
+        } else {
+          base = ``;
+          visible = `animation:bounce ${duration / 1e3}s ${easing} ${delay / 1e3}s ${repeat};`;
+        }
+        break;
+      case "Typewriter":
+        keyframes = ` 
+        @keyframes typewriter { from { width: 0 } to { width: 100% } } 
+        @keyframes blink { 50% { border-color: transparent } } 
+      `;
+        base = ` 
+        overflow:hidden; 
+        border-right:${cursor ? "2px solid black" : "none"}; 
+        white-space:nowrap; 
+        width:0;
+        margin:0 auto;
+      `;
+        visible = ` 
+        animation:typewriter ${speedPerChar * 30}ms steps(30,end) ${delay}ms forwards 
+        ${cursor ? ", blink .75s step-end infinite" : ""}; 
+      `;
+        break;
+    }
+    if (mode === "hover") {
+      return `
+      ${keyframes} 
+      ${guid} { ${base} } 
+      ${guid}:hover { ${visible} } 
+    `;
+    } else {
+      return `
+      ${keyframes} 
+      ${guid} { ${base} } 
+      ${guid}.visible { ${visible} } 
+    `;
+    }
+  }
+  // Helper method to generate slide transforms based on direction
+  static getSlideTransform(direction, distance) {
+    switch (direction) {
+      case "left":
+        return { start: `translateX(${distance}px)`, end: `translateX(0)` };
+      case "right":
+        return { start: `translateX(-${distance}px)`, end: `translateX(0)` };
+      case "up":
+        return { start: `translateY(${distance}px)`, end: `translateY(0)` };
+      case "down":
+        return { start: `translateY(-${distance}px)`, end: `translateY(0)` };
+      default:
+        return { start: `translateX(${distance}px)`, end: `translateX(0)` };
+    }
+  }
+};
+var AnimationUtility_default = AnimationUtility;
+
+// src/components/pageRenderingEngine/nodes/EnterAnimationClient.tsx
+var import_react48 = __toESM(require("react"));
+var import_jsx_runtime63 = require("react/jsx-runtime");
+function EnterAnimationClient({ hasEnterAnimation, children }) {
+  const ref = (0, import_react48.useRef)(null);
+  (0, import_react48.useEffect)(() => {
+    if (!hasEnterAnimation || !ref.current) return;
+    const observer = new IntersectionObserver(
+      (entries) => {
+        entries.forEach((entry) => {
+          if (entry.isIntersecting) {
+            entry.target.classList.add("visible");
+            observer.unobserve(entry.target);
+          }
+        });
+      },
+      { threshold: 0.1 }
+    );
+    observer.observe(ref.current);
+    return () => observer.disconnect();
+  }, [hasEnterAnimation]);
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(import_jsx_runtime63.Fragment, { children: children && // enforce passing the ref to Wrapper
+  //@ts-ignore
+  import_react48.default.cloneElement(children, { ref }) });
+}
+
+// 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 "/";
     }
-    return null;
-  };
-  const renderCumulativeFill = () => {
-    if (style === "cumulative" && isFilled && !isActive) {
-      return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
-        "div",
-        {
-          className: `absolute top-0 left-0 h-full rounded-full ${activeClassName || "bg-white"} transition-all duration-300`,
-          style: { width: "100%" }
-        }
-      );
+    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}`;
     }
-    return null;
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
-    "button",
-    {
-      className: `${baseClasses} ${getStyleClasses()}`,
-      onClick,
-      "aria-label": `Go to slide ${index + 1}`,
-      "aria-current": isActive ? "true" : "false",
-      children: [
-        renderProgressBar(),
-        renderCumulativeFill()
-      ]
+  }
+  getFirstSegment(path) {
+    if (!path || path === "/") {
+      return "";
     }
-  );
+    const segments = path.split("/").filter(Boolean);
+    return segments.length > 0 ? segments[0] : "";
+  }
 };
-var Slider_default = Slider;
+var PathUtility_default = new PathUtility();
 
 // src/components/NoDataFound.tsx
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var NoDataFound = () => {
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center bg-neutral-weak", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "mb-5", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "mx-auto w-20 h-20 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)("div", { className: "flex flex-col items-center justify-center py-12 px-4 text-center bg-neutral-weak", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "mb-5", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("div", { className: "mx-auto w-20 h-20 rounded-full flex items-center justify-center bg-neutral-soft", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
       "svg",
       {
         className: "w-10 h-10",
@@ -4255,7 +4101,7 @@ var NoDataFound = () => {
         stroke: "currentColor",
         viewBox: "0 0 24 24",
         xmlns: "http://www.w3.org/2000/svg",
-        children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
           "path",
           {
             strokeLinecap: "round",
@@ -4266,14 +4112,182 @@ var NoDataFound = () => {
         )
       }
     ) }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("h3", { className: "text-lg font-medium mb-2", children: "No data available" }),
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: " max-w-sm mb-0", children: "No records found. Data may be empty or not available at the moment." })
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("h3", { className: "text-lg font-medium mb-2", children: "No data available" }),
+    /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("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/Pagination.tsx
+var import_react49 = require("react");
+var import_jsx_runtime65 = require("react/jsx-runtime");
+var Pagination = (props) => {
+  const { dataset, path, query, showPageSizeSelector = false, showJumpToPage = false } = props;
+  const builder = (0, import_react49.useMemo)(() => {
+    const b = new OdataBuilder(path);
+    if (query) b.setQuery(query);
+    return b;
+  }, [path, query]);
+  const activePageNumber = builder.getPageNumber(Constants.pagesize);
+  const totalItems = dataset?.count || 0;
+  const itemsPerPage = parseInt(builder.top || Constants.pagesize.toString());
+  const totalPages = Math.ceil(totalItems / itemsPerPage);
+  const startItem = totalItems > 0 ? (activePageNumber - 1) * itemsPerPage + 1 : 0;
+  const endItem = Math.min(activePageNumber * itemsPerPage, totalItems);
+  const getPaginationRange = () => {
+    const delta = 1;
+    const range = [];
+    if (totalPages <= 7) {
+      return Array.from({ length: totalPages }, (_, i) => i + 1);
+    }
+    range.push(1);
+    let start = Math.max(2, activePageNumber - delta);
+    let end = Math.min(totalPages - 1, activePageNumber + delta);
+    if (activePageNumber - delta <= 2) {
+      end = Math.min(totalPages - 1, 4);
+    }
+    if (activePageNumber + delta >= totalPages - 1) {
+      start = Math.max(2, totalPages - 4);
+    }
+    if (start > 2) {
+      range.push("...");
+    }
+    for (let i = start; i <= end; i++) {
+      range.push(i);
+    }
+    if (end < totalPages - 1) {
+      range.push("...");
+    }
+    if (totalPages > 1) {
+      range.push(totalPages);
+    }
+    return range;
+  };
+  const paginationRange = getPaginationRange();
+  const PageButton = ({ page, children }) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+    Hyperlink,
+    {
+      linkType: "Link" /* Link */,
+      className: `
+               min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2.5 md:px-3 
+                border text-sm font-medium transition-colors duration-150
+                ${activePageNumber === page ? "bg-primary-base font-semibold" : ""}
+            `,
+      href: builder.getNewPageUrl(page),
+      children
+    }
+  );
+  const NavigationButton = ({ page, disabled, children }) => {
+    if (disabled) {
+      return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border  bg-neutral-base cursor-not-allowed", children });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+      Hyperlink,
+      {
+        className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center px-2 md:px-3 border transition-colors duration-150",
+        href: builder.getNewPageUrl(page),
+        children
+      }
+    );
+  };
+  if (totalPages <= 1 && totalItems === 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "py-6 border-t bg-default", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex flex-col sm:flex-row items-center justify-between gap-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "text-sm", children: [
+        "Showing ",
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("span", { className: "font-semibold", children: [
+          startItem,
+          "-",
+          endItem
+        ] }),
+        " ",
+        "out of ",
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "font-semibold", children: totalItems.toLocaleString() }),
+        " results"
+      ] }),
+      totalPages > 1 && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center space-x-1", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+          NavigationButton,
+          {
+            page: activePageNumber - 1,
+            disabled: activePageNumber === 1,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Icon_default, { name: "chevronLeft", className: "w-4 h-4 mr-1" }) }),
+              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-sm", children: "Prev" })
+            ]
+          }
+        ),
+        paginationRange.map((item, index) => {
+          if (item === "...") {
+            return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+              "span",
+              {
+                className: "min-w-[20px] md:min-w-[40px] h-10 flex items-center justify-center text-gray-500",
+                children: "..."
+              },
+              `ellipsis-${index}`
+            );
+          }
+          const page = item;
+          return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(PageButton, { page, children: page }, page);
+        }),
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+          NavigationButton,
+          {
+            page: activePageNumber + 1,
+            disabled: activePageNumber === totalPages,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-sm", children: "Next" }),
+              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Icon_default, { name: "chevronRight", className: "w-4 h-4 ml-1" }) })
+            ]
+          }
+        )
+      ] }),
+      showJumpToPage && totalPages > 5 && /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-sm", children: "Go to:" }),
+        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "relative", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+          "input",
+          {
+            type: "number",
+            min: "1",
+            max: totalPages,
+            defaultValue: activePageNumber,
+            className: "w-20 h-10 px-3 border rounded text-sm focus:outline-none focus:ring-2 focus:border-transparent",
+            onKeyDown: (e) => {
+              if (e.key === "Enter") {
+                const input = e.target;
+                const page = parseInt(input.value);
+                if (page >= 1 && page <= totalPages && page !== activePageNumber) {
+                  window.location.href = builder.getNewPageUrl(page);
+                }
+              }
+            }
+          }
+        ) })
+      ] })
+    ] }),
+    showPageSizeSelector && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "mt-4 pt-4 border-t bg-default", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center justify-center space-x-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-sm", children: "Show:" }),
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "flex space-x-1", children: [10, 25, 50, 100].map((size) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+        Hyperlink,
+        {
+          className: `
+                                        px-3 py-1 text-sm rounded border transition-colors duration-150
+                                        ${itemsPerPage === size ? "bg-primary-base font-medium" : "bg-neutral-weak"}
+                                    `,
+          href: builder.getNewPageSizeUrl(size),
+          children: size
+        },
+        size
+      )) }),
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-sm", children: "per page" })
+    ] }) })
+  ] });
+};
+var Pagination_default = Pagination;
+
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 function toCamelCase(str) {
   return str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
 }
@@ -4290,18 +4304,23 @@ function convertKeysToCamelCase(obj) {
 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);
 };
-function generateCompleteBackgroundString(layers, resolveAssetUrl, apiBaseUrl) {
+{
+}
+function generateCompleteBackgroundString(layers, apiBaseUrl) {
   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;
       if (!imageValue.assetUrl) return "";
-      const resolvedAssetUrl = resolveAssetUrl?.(imageValue.assetUrl) ?? AssetUtility_default.resolveUrl(apiBaseUrl, imageValue.assetUrl);
-      if (!resolvedAssetUrl) return "";
-      const url = `url('${resolvedAssetUrl}')`;
+      const url = `url('${AssetUtility_default.resolveUrl(
+        apiBaseUrl,
+        imageValue.assetUrl
+      )}')`;
       const repeat = layer.repeat || "no-repeat";
       const position = layer.position || "center";
       const size = layer.size || "auto";
@@ -4320,12 +4339,16 @@ function generateCompleteBackgroundString(layers, resolveAssetUrl, apiBaseUrl) {
   }).filter((bg) => bg.trim() !== "").join(", ");
 }
 var generateCssString = (guid, stylesObject, mobileStylesObject) => {
-  let gridColumns = stylesObject.gridTemplateColumns ? stylesObject.gridTemplateColumns.match(/\d+/g) : [];
-  let hasGridProperties = gridColumns.length > 0;
-  let largeCols = hasGridProperties ? parseInt(gridColumns[0]) : 4;
-  let tabletColumns = hasGridProperties ? Math.ceil(parseInt(gridColumns[0]) / 2) : 2;
-  let mobileColumns = 1;
-  let cssRules = Object.entries(stylesObject).filter(([_, value]) => value !== void 0 && value !== "").map(([key, value]) => {
+  {
+  }
+  const gridColumns = stylesObject.gridTemplateColumns ? stylesObject.gridTemplateColumns.match(/\d+/g) : [];
+  const hasGridProperties = gridColumns.length > 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};`;
   });
@@ -4335,7 +4358,7 @@ ${cssRules.join(
   )}
  transition: all 0.3s ease-in-out; }`;
   if (mobileStylesObject) {
-    let mobileCssRules = Object.entries(mobileStylesObject).filter(([_, value]) => value !== void 0 && value !== "").map(([key, value]) => {
+    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};`;
     });
@@ -4373,7 +4396,6 @@ var DivContainer = async (props) => {
     code: CodeNode_default,
     image: ImageNode_default,
     horizontalrule: HorizontalRuleNode_default,
-    "layout-container": LayoutContainerNode_default,
     widget: WidgetNode_default,
     embed: EmbedNode_default,
     "div-container": DivContainer,
@@ -4385,17 +4407,15 @@ var DivContainer = async (props) => {
   const mobileStyles = props.node.mobileCssProperties;
   const dataBindingProperties = props.node.dataBinding;
   const updatedStyles = convertKeysToCamelCase(styles);
-  var background = generateCompleteBackgroundString(
-    props.node.backgroundLayers,
-    props.resolveAssetUrl,
-    props.apiBaseUrl
-  );
+  const background = generateCompleteBackgroundString(props.node.backgroundLayers, props.apiBaseUrl);
   let containerPaddingClass = "";
   if (props.node.containerPadding == "small") {
     containerPaddingClass = "container-small";
   } else if (props.node.containerPadding == "large") {
     containerPaddingClass = "container-large";
   }
+  {
+  }
   const updatedStyle = { ...updatedStyles };
   const backgroundStyle = background && background !== "" ? { background } : {};
   const combinedStyles = {
@@ -4426,13 +4446,30 @@ var DivContainer = async (props) => {
     return fieldValue !== void 0 && fieldValue === false;
   };
   const isHidden = shouldHideContainer();
-  const nodeData = props.dataMap?.[props.node.__id];
-  let result = nodeData?.result;
-  let response = nodeData?.response;
+  let odataString = void 0;
+  let endpoint = void 0;
+  let result = null;
+  let response = null;
   let childCollectionData = null;
   if (dataBindingProperties) {
-    if (dataBindingProperties.showNoResultsMessage && (result === void 0 || Array.isArray(result) && result.length == 0)) {
-      return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(NoDataFound_default, {});
+    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__ */ (0, import_jsx_runtime66.jsx)(NoDataFound_default, {});
     }
     if (dataBindingProperties.childCollectionName && props.dataitem) {
       childCollectionData = getNestedValue(props.dataitem, dataBindingProperties.childCollectionName);
@@ -4440,9 +4477,11 @@ var DivContainer = async (props) => {
   }
   const cssResult = generateCssString(guid, updatedStyle, mobileStyles);
   function renderNode(node, props2, dataitem, key, href) {
+    {
+    }
     const SelectedNode = NodeTypes2[node.type];
     if (!SelectedNode) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react52.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react50.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
       SelectedNode,
       {
         node,
@@ -4453,11 +4492,9 @@ var DivContainer = async (props) => {
         host: props2.host,
         path: props2.path,
         apiBaseUrl: props2.apiBaseUrl,
-        resolveAssetUrl: props2.resolveAssetUrl,
         breadcrumb: props2.breadcrumb,
         dataitem,
-        href,
-        dataMap: props2.dataMap
+        href
       }
     ) }, key);
   }
@@ -4495,6 +4532,8 @@ var DivContainer = async (props) => {
     return [props.dataitem];
   })();
   const renderLink = result && props.node.dataBinding?.responseType === "array" ? true : false;
+  {
+  }
   let Wrapper;
   let wrapperProps;
   switch (true) {
@@ -4523,6 +4562,8 @@ var DivContainer = async (props) => {
       const replacementTag = props.node.replaceDivTagWith;
       const allowedTags = ["div", "section", "article", "details", "summary"];
       if (replacementTag && allowedTags.includes(replacementTag)) {
+        {
+        }
         Wrapper = replacementTag;
       } else {
         Wrapper = "div";
@@ -4539,9 +4580,9 @@ var DivContainer = async (props) => {
     props.node.autoFormat && "auto-format",
     props.node.bgClass
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_react52.default.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("style", { dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS } }),
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(EnterAnimationClient, { hasEnterAnimation: !!props.node.enterAnimation, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react52.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_react50.default.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("style", { dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS } }),
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(EnterAnimationClient, { hasEnterAnimation: !!props.node.enterAnimation, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react50.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
       Wrapper,
       {
         id: guid,
@@ -4550,18 +4591,18 @@ var DivContainer = async (props) => {
         ...wrapperProps,
         children: dataToRender.map(
           (item, idx) => item?.links?.view && renderLink ? renderChildren(props.node.children, props, item, idx, props.href ? void 0 : item?.links?.view)?.map(
-            (child, i) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_react52.default.Fragment, { children: child }, i)
+            (child, i) => /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_react50.default.Fragment, { children: child }, i)
           ) : renderChildren(props.node.children, props, item, idx)
         )
       }
     ) }) }),
-    dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Pagination_default, { path: props.path, query: props.query, dataset: response }) })
+    dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Pagination_default, { path: props.path, query: props.query, dataset: response }) })
   ] });
 };
 var DivContainer_default = DivContainer;
 
 // src/components/pageRenderingEngine/PageBodyRenderer.tsx
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 var NodeTypes = {
   ["paragraph"]: ParagraphNode_default,
   ["heading"]: HeadingNode_default,
@@ -4570,7 +4611,6 @@ var NodeTypes = {
   ["code"]: CodeNode_default,
   ["image"]: ImageNode_default,
   ["horizontalrule"]: HorizontalRuleNode_default,
-  ["layout-container"]: LayoutContainerNode_default,
   ["widget"]: WidgetNode_default,
   ["form-container"]: FormContainerNode_default,
   ["div-container"]: DivContainer_default,
@@ -4589,11 +4629,11 @@ var PageBodyRenderer = (props) => {
   if (pageBodyTree && pageBodyTree.root) {
     rootNode = pageBodyTree.root;
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react53.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react51.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
     {
     }
     const SelectedNode = NodeTypes[node.type];
-    return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react53.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react53.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react53.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react51.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react51.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react51.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
       SelectedNode,
       {
         node,
@@ -4604,12 +4644,10 @@ var PageBodyRenderer = (props) => {
         host: props.host,
         path: props.path,
         apiBaseUrl: props.apiBaseUrl,
-        widgetRegistry: props.widgetRegistry,
         serviceClient: props.serviceClient,
-        resolveAssetUrl: props.resolveAssetUrl,
-        dataMap: props.dataMap
+        assetBaseUrl: props.assetBaseUrl
       }
-    ) }) : /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react53.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+    ) }) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_react51.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
       SelectedNode,
       {
         node,
@@ -4619,10 +4657,8 @@ var PageBodyRenderer = (props) => {
         host: props.host,
         path: props.path,
         apiBaseUrl: props.apiBaseUrl,
-        widgetRegistry: props.widgetRegistry,
         serviceClient: props.serviceClient,
-        resolveAssetUrl: props.resolveAssetUrl,
-        dataMap: props.dataMap
+        assetBaseUrl: props.assetBaseUrl
       }
     ) }) }) }, index);
   }) });