@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260623120639 → 0.8.1-dev.20260623122324

package/dist/index.js

@@ -5635,8 +5635,145 @@ var validateRoleVisibility = (roleCode, oAuthToken) => {
   return shouldRenderByRole(roleCode, userRoles);
 };
 
-// src/components/pageRenderingEngine/nodes/DivContainer.tsx
+// src/components/pageRenderingEngine/nodes/DocumentNode.tsx
 var import_jsx_runtime70 = require("react/jsx-runtime");
+var getNestedValue4 = (obj, path) => {
+  if (!obj || !path) return void 0;
+  return path.split(".").reduce((current, key) => {
+    return current && current[key] !== void 0 ? current[key] : void 0;
+  }, obj);
+};
+var PdfIcon = () => /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "text-red-500 w-8 h-8", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("path", { d: "M7 3H14L19 8V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V5C5 4.46957 5.21071 3.96086 5.58579 3.58579C5.96086 3.21071 6.46957 3 7 3Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("path", { d: "M14 3V8H19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("path", { d: "M9 14H11C11.5304 14 12.0391 13.7893 12.4142 13.4142C12.7893 13.0391 13 12.5304 13 12C13 11.4696 12.7893 10.9609 12.4142 10.5858C12.0391 10.2107 11.5304 10 11 10H9V18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("path", { d: "M9 14H12", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+] });
+var ExcelIcon = () => /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "text-green-600 w-8 h-8", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("path", { d: "M14 3V8H19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("path", { d: "M5 20V5C5 4.46957 5.21071 3.96086 5.58579 3.58579C5.96086 3.21071 6.46957 3 7 3H14L19 8V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("path", { d: "M9 11L15 17", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("path", { d: "M15 11L9 17", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+] });
+var WordIcon = () => /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "text-blue-600 w-8 h-8", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("path", { d: "M14 3V8H19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("path", { d: "M5 20V5C5 4.46957 5.21071 3.96086 5.58579 3.58579C5.96086 3.21071 6.46957 3 7 3H14L19 8V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("path", { d: "M8 12L10 17L12 14L14 17L16 12", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+] });
+var ImageIcon = () => /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "text-yellow-500 w-8 h-8", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("path", { d: "M21 15V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V15ZM21 15L16 10L9 17L6 14L3 17", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("path", { d: "M16 8C16 8.55228 15.5523 9 15 9C14.4477 9 14 8.55228 14 8C14 7.44772 14.4477 7 15 7C15.5523 7 16 7.44772 16 8Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+] });
+var StandardIcon = () => /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "text-gray-500 w-8 h-8", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("path", { d: "M14 3V8H19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("path", { d: "M5 20V5C5 4.46957 5.21071 3.96086 5.58579 3.58579C5.96086 3.21071 6.46957 3 7 3H14L19 8V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+] });
+var getFileDetails = (url) => {
+  const extMatch = url.match(/\.([a-zA-Z0-9]+)(?:[\?#]|$)/);
+  const ext = extMatch ? extMatch[1].toLowerCase() : "";
+  let Icon2 = StandardIcon;
+  let extLabel = "FILE";
+  if (["pdf"].includes(ext)) {
+    Icon2 = PdfIcon;
+    extLabel = "PDF";
+  } else if (["xls", "xlsx", "csv"].includes(ext)) {
+    Icon2 = ExcelIcon;
+    extLabel = "Excel";
+  } else if (["doc", "docx"].includes(ext)) {
+    Icon2 = WordIcon;
+    extLabel = ext.toUpperCase();
+  } else if (["jpg", "jpeg", "png", "gif", "webp", "svg"].includes(ext)) {
+    Icon2 = ImageIcon;
+    extLabel = ext.toUpperCase();
+  } else if (ext) {
+    extLabel = ext.toUpperCase();
+  }
+  return { Icon: Icon2, extLabel };
+};
+var DocumentNode = (props) => {
+  console.log("DocumentNode rendered");
+  console.log("props", props);
+  console.log("dataitem", props.dataitem);
+  console.log("node", props.node);
+  let documentUrl;
+  let documentTitle;
+  if (props.dataitem && props.node.documentKey) {
+    const docData = getNestedValue4(props.dataitem, props.node.documentKey);
+    if (typeof docData === "string") {
+      const trimmed = docData.trim();
+      if (trimmed.startsWith("[") || trimmed.startsWith("{")) {
+        try {
+          const parsed = JSON.parse(trimmed);
+          const asset = Array.isArray(parsed) ? parsed[0] : parsed;
+          if (asset && asset.assetUrl) {
+            documentUrl = AssetUtility_default.resolveUrl(props.assetBaseUrl, asset.assetUrl);
+            if (asset.title) documentTitle = asset.title;
+          }
+        } catch (e) {
+        }
+      } else {
+        documentUrl = AssetUtility_default.resolveUrl(props.assetBaseUrl, docData);
+      }
+    } else if (Array.isArray(docData) && docData.length > 0) {
+      const asset = docData[0];
+      if (asset && asset.assetUrl) {
+        documentUrl = AssetUtility_default.resolveUrl(props.assetBaseUrl, asset.assetUrl);
+        if (asset.title) documentTitle = asset.title;
+      }
+    } else if (docData && typeof docData === "object") {
+      const asset = docData;
+      if (asset && asset.assetUrl) {
+        documentUrl = AssetUtility_default.resolveUrl(props.assetBaseUrl, asset.assetUrl);
+        if (asset.title) documentTitle = asset.title;
+      }
+    }
+  }
+  if (!documentUrl) return null;
+  const { Icon: Icon2, extLabel } = getFileDetails(documentUrl);
+  if (!documentTitle) {
+    try {
+      const pathName = new URL(documentUrl).pathname;
+      documentTitle = pathName.split("/").pop() || "Document";
+    } catch {
+      documentTitle = documentUrl.split("/").pop() || "Document";
+    }
+    documentTitle = documentTitle.replace(/\.[^/.]+$/, "");
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex items-center justify-between py-4 bg-default", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex items-center space-x-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "flex items-center justify-center p-2 rounded bg-secondary-soft border", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Icon2, {}) }),
+      /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("div", { className: "flex items-baseline space-x-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("h4", { className: "text-base font-semibold", children: documentTitle }),
+        /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("span", { className: "text-sm font-medium", children: [
+          "(",
+          extLabel,
+          ")"
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(
+      "a",
+      {
+        href: documentUrl,
+        download: true,
+        target: "_blank",
+        rel: "noreferrer",
+        className: "inline-flex items-center px-4 py-2 text-sm font-medium bg-default border rounded focus:outline-none focus:ring-2 focus:ring-offset-2 transition-colors",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)("svg", { className: "w-4 h-4 mr-2", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12 12v5m0 0l-3-3m3 3l3-3M12 8v4" })
+          ] }),
+          "Download"
+        ]
+      }
+    )
+  ] });
+};
+var DocumentNode_default = DocumentNode;
+
+// src/components/pageRenderingEngine/nodes/DivContainer.tsx
+var import_jsx_runtime71 = require("react/jsx-runtime");
 function toCamelCase(str) {
   return str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
 }
@@ -5650,7 +5787,7 @@ function convertKeysToCamelCase(obj) {
     ])
   );
 }
-var getNestedValue4 = (obj, path) => {
+var getNestedValue5 = (obj, path) => {
   if (!obj || !path) return void 0;
   return path.split(".").reduce((current, key) => {
     {
@@ -5695,7 +5832,7 @@ function generateCompleteBackgroundString(layers, apiBaseUrl, dataItem) {
       const imageValue = layer.value;
       let assetUrl = imageValue.assetUrl || "";
       if (layer.datafield && dataItem) {
-        const fieldValue = getNestedValue4(
+        const fieldValue = getNestedValue5(
           dataItem,
           layer.datafield
         );
@@ -5820,7 +5957,8 @@ var DivContainer = async (props) => {
     "div-container": DivContainer,
     text: TextNode_default,
     datafield: DatafieldNode_default,
-    "svg-icon": SVGIconNode_default
+    "svg-icon": SVGIconNode_default,
+    document: DocumentNode_default
   };
   const styles = props.node.cssProperties;
   const mobileStyles = props.node.mobileCssProperties;
@@ -5856,7 +5994,7 @@ var DivContainer = async (props) => {
     const condition = props.node.fieldVisibleOnTrue;
     const isNegated = condition.startsWith("!");
     const fieldName = isNegated ? condition.substring(1) : condition;
-    const fieldValue = getNestedValue4(props.dataitem, fieldName);
+    const fieldValue = getNestedValue5(props.dataitem, fieldName);
     if (fieldValue === void 0) {
       return false;
     }
@@ -5895,10 +6033,10 @@ var DivContainer = async (props) => {
     response = await serviceClient.get(endpoint);
     result = response?.result;
     if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
-      return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(NoDataFound_default, {});
+      return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(NoDataFound_default, {});
     }
     if (dataBindingProperties.childCollectionName && props.dataitem) {
-      childCollectionData = getNestedValue4(props.dataitem, dataBindingProperties.childCollectionName);
+      childCollectionData = getNestedValue5(props.dataitem, dataBindingProperties.childCollectionName);
     }
   }
   const cssResult = generateCssString(
@@ -5912,7 +6050,7 @@ var DivContainer = async (props) => {
     }
     const SelectedNode = NodeTypes2[node.type];
     if (!SelectedNode) return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react50.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_react50.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
       SelectedNode,
       {
         node,
@@ -6031,9 +6169,9 @@ var DivContainer = async (props) => {
     props.node.bgClass,
     noLinkColor && "no-link-color"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(import_react50.default.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("style", { dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS } }),
-    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(import_react50.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(import_react50.default.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("style", { dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS } }),
+    /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_react50.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
       Wrapper,
       {
         id: guid,
@@ -6042,153 +6180,16 @@ 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_runtime70.jsx)(import_react50.default.Fragment, { children: child }, i)
+            (child, i) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_react50.default.Fragment, { children: child }, i)
           ) : renderChildren(props.node.children, props, item, idx)
         )
       }
     ) }),
-    dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(Pagination_default, { path: props.path, query: props.query, dataset: response }) })
+    dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Pagination_default, { path: props.path, query: props.query, dataset: response }) })
   ] });
 };
 var DivContainer_default = DivContainer;
 
-// src/components/pageRenderingEngine/nodes/DocumentNode.tsx
-var import_jsx_runtime71 = require("react/jsx-runtime");
-var getNestedValue5 = (obj, path) => {
-  if (!obj || !path) return void 0;
-  return path.split(".").reduce((current, key) => {
-    return current && current[key] !== void 0 ? current[key] : void 0;
-  }, obj);
-};
-var PdfIcon = () => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "text-red-500 w-8 h-8", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M7 3H14L19 8V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V5C5 4.46957 5.21071 3.96086 5.58579 3.58579C5.96086 3.21071 6.46957 3 7 3Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M14 3V8H19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M9 14H11C11.5304 14 12.0391 13.7893 12.4142 13.4142C12.7893 13.0391 13 12.5304 13 12C13 11.4696 12.7893 10.9609 12.4142 10.5858C12.0391 10.2107 11.5304 10 11 10H9V18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M9 14H12", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-] });
-var ExcelIcon = () => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "text-green-600 w-8 h-8", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M14 3V8H19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M5 20V5C5 4.46957 5.21071 3.96086 5.58579 3.58579C5.96086 3.21071 6.46957 3 7 3H14L19 8V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M9 11L15 17", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M15 11L9 17", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-] });
-var WordIcon = () => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "text-blue-600 w-8 h-8", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M14 3V8H19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M5 20V5C5 4.46957 5.21071 3.96086 5.58579 3.58579C5.96086 3.21071 6.46957 3 7 3H14L19 8V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M8 12L10 17L12 14L14 17L16 12", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-] });
-var ImageIcon = () => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "text-yellow-500 w-8 h-8", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M21 15V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V15ZM21 15L16 10L9 17L6 14L3 17", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M16 8C16 8.55228 15.5523 9 15 9C14.4477 9 14 8.55228 14 8C14 7.44772 14.4477 7 15 7C15.5523 7 16 7.44772 16 8Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-] });
-var StandardIcon = () => /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "text-gray-500 w-8 h-8", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M14 3V8H19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { d: "M5 20V5C5 4.46957 5.21071 3.96086 5.58579 3.58579C5.96086 3.21071 6.46957 3 7 3H14L19 8V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-] });
-var getFileDetails = (url) => {
-  const extMatch = url.match(/\.([a-zA-Z0-9]+)(?:[\?#]|$)/);
-  const ext = extMatch ? extMatch[1].toLowerCase() : "";
-  let Icon2 = StandardIcon;
-  let extLabel = "FILE";
-  if (["pdf"].includes(ext)) {
-    Icon2 = PdfIcon;
-    extLabel = "PDF";
-  } else if (["xls", "xlsx", "csv"].includes(ext)) {
-    Icon2 = ExcelIcon;
-    extLabel = "Excel";
-  } else if (["doc", "docx"].includes(ext)) {
-    Icon2 = WordIcon;
-    extLabel = ext.toUpperCase();
-  } else if (["jpg", "jpeg", "png", "gif", "webp", "svg"].includes(ext)) {
-    Icon2 = ImageIcon;
-    extLabel = ext.toUpperCase();
-  } else if (ext) {
-    extLabel = ext.toUpperCase();
-  }
-  return { Icon: Icon2, extLabel };
-};
-var DocumentNode = (props) => {
-  console.log("DocumentNode rendered");
-  console.log("props", props);
-  console.log("dataitem", props.dataitem);
-  console.log("node", props.node);
-  let documentUrl;
-  let documentTitle;
-  if (props.dataitem && props.node.documentKey) {
-    const docData = getNestedValue5(props.dataitem, props.node.documentKey);
-    if (typeof docData === "string") {
-      const trimmed = docData.trim();
-      if (trimmed.startsWith("[") || trimmed.startsWith("{")) {
-        try {
-          const parsed = JSON.parse(trimmed);
-          const asset = Array.isArray(parsed) ? parsed[0] : parsed;
-          if (asset && asset.assetUrl) {
-            documentUrl = AssetUtility_default.resolveUrl(props.assetBaseUrl, asset.assetUrl);
-            if (asset.title) documentTitle = asset.title;
-          }
-        } catch (e) {
-        }
-      } else {
-        documentUrl = AssetUtility_default.resolveUrl(props.assetBaseUrl, docData);
-      }
-    } else if (Array.isArray(docData) && docData.length > 0) {
-      const asset = docData[0];
-      if (asset && asset.assetUrl) {
-        documentUrl = AssetUtility_default.resolveUrl(props.assetBaseUrl, asset.assetUrl);
-        if (asset.title) documentTitle = asset.title;
-      }
-    } else if (docData && typeof docData === "object") {
-      const asset = docData;
-      if (asset && asset.assetUrl) {
-        documentUrl = AssetUtility_default.resolveUrl(props.assetBaseUrl, asset.assetUrl);
-        if (asset.title) documentTitle = asset.title;
-      }
-    }
-  }
-  if (!documentUrl) return null;
-  const { Icon: Icon2, extLabel } = getFileDetails(documentUrl);
-  if (!documentTitle) {
-    try {
-      const pathName = new URL(documentUrl).pathname;
-      documentTitle = pathName.split("/").pop() || "Document";
-    } catch {
-      documentTitle = documentUrl.split("/").pop() || "Document";
-    }
-    documentTitle = documentTitle.replace(/\.[^/.]+$/, "");
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex items-center justify-between py-4 border-b bg-default", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex items-center space-x-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("div", { className: "flex items-center justify-center p-2 rounded bg-secondary-soft border", children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Icon2, {}) }),
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex items-baseline space-x-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("h4", { className: "text-base font-semibold", children: documentTitle }),
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("span", { className: "text-sm font-medium", children: [
-          "(",
-          extLabel,
-          ")"
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(
-      "a",
-      {
-        href: documentUrl,
-        download: true,
-        target: "_blank",
-        rel: "noreferrer",
-        className: "inline-flex items-center px-4 py-2 text-sm font-medium bg-default border rounded focus:outline-none focus:ring-2 focus:ring-offset-2 transition-colors",
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("svg", { className: "w-4 h-4 mr-2", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12 12v5m0 0l-3-3m3 3l3-3M12 8v4" })
-          ] }),
-          "Download"
-        ]
-      }
-    )
-  ] });
-};
-var DocumentNode_default = DocumentNode;
-
 // src/components/pageRenderingEngine/PageBodyRenderer.tsx
 var import_jsx_runtime72 = require("react/jsx-runtime");
 var NodeTypes = {
@@ -6228,9 +6229,6 @@ var PageBodyRenderer = (props) => {
     return true;
   };
   return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react51.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
-    {
-    }
-    console.log("Node type:", node.type);
     {
     }
     const SelectedNode = NodeTypes[node.type];

package/dist/index.mjs

@@ -4029,8 +4029,145 @@ var validateRoleVisibility = (roleCode, oAuthToken) => {
   return shouldRenderByRole(roleCode, userRoles);
 };
 
-// src/components/pageRenderingEngine/nodes/DivContainer.tsx
+// src/components/pageRenderingEngine/nodes/DocumentNode.tsx
 import { jsx as jsx59, jsxs as jsxs32 } from "react/jsx-runtime";
+var getNestedValue4 = (obj, path) => {
+  if (!obj || !path) return void 0;
+  return path.split(".").reduce((current, key) => {
+    return current && current[key] !== void 0 ? current[key] : void 0;
+  }, obj);
+};
+var PdfIcon = () => /* @__PURE__ */ jsxs32("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "text-red-500 w-8 h-8", children: [
+  /* @__PURE__ */ jsx59("path", { d: "M7 3H14L19 8V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V5C5 4.46957 5.21071 3.96086 5.58579 3.58579C5.96086 3.21071 6.46957 3 7 3Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx59("path", { d: "M14 3V8H19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx59("path", { d: "M9 14H11C11.5304 14 12.0391 13.7893 12.4142 13.4142C12.7893 13.0391 13 12.5304 13 12C13 11.4696 12.7893 10.9609 12.4142 10.5858C12.0391 10.2107 11.5304 10 11 10H9V18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx59("path", { d: "M9 14H12", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+] });
+var ExcelIcon = () => /* @__PURE__ */ jsxs32("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "text-green-600 w-8 h-8", children: [
+  /* @__PURE__ */ jsx59("path", { d: "M14 3V8H19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx59("path", { d: "M5 20V5C5 4.46957 5.21071 3.96086 5.58579 3.58579C5.96086 3.21071 6.46957 3 7 3H14L19 8V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx59("path", { d: "M9 11L15 17", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx59("path", { d: "M15 11L9 17", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+] });
+var WordIcon = () => /* @__PURE__ */ jsxs32("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "text-blue-600 w-8 h-8", children: [
+  /* @__PURE__ */ jsx59("path", { d: "M14 3V8H19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx59("path", { d: "M5 20V5C5 4.46957 5.21071 3.96086 5.58579 3.58579C5.96086 3.21071 6.46957 3 7 3H14L19 8V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx59("path", { d: "M8 12L10 17L12 14L14 17L16 12", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+] });
+var ImageIcon = () => /* @__PURE__ */ jsxs32("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "text-yellow-500 w-8 h-8", children: [
+  /* @__PURE__ */ jsx59("path", { d: "M21 15V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V15ZM21 15L16 10L9 17L6 14L3 17", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx59("path", { d: "M16 8C16 8.55228 15.5523 9 15 9C14.4477 9 14 8.55228 14 8C14 7.44772 14.4477 7 15 7C15.5523 7 16 7.44772 16 8Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+] });
+var StandardIcon = () => /* @__PURE__ */ jsxs32("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "text-gray-500 w-8 h-8", children: [
+  /* @__PURE__ */ jsx59("path", { d: "M14 3V8H19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+  /* @__PURE__ */ jsx59("path", { d: "M5 20V5C5 4.46957 5.21071 3.96086 5.58579 3.58579C5.96086 3.21071 6.46957 3 7 3H14L19 8V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
+] });
+var getFileDetails = (url) => {
+  const extMatch = url.match(/\.([a-zA-Z0-9]+)(?:[\?#]|$)/);
+  const ext = extMatch ? extMatch[1].toLowerCase() : "";
+  let Icon2 = StandardIcon;
+  let extLabel = "FILE";
+  if (["pdf"].includes(ext)) {
+    Icon2 = PdfIcon;
+    extLabel = "PDF";
+  } else if (["xls", "xlsx", "csv"].includes(ext)) {
+    Icon2 = ExcelIcon;
+    extLabel = "Excel";
+  } else if (["doc", "docx"].includes(ext)) {
+    Icon2 = WordIcon;
+    extLabel = ext.toUpperCase();
+  } else if (["jpg", "jpeg", "png", "gif", "webp", "svg"].includes(ext)) {
+    Icon2 = ImageIcon;
+    extLabel = ext.toUpperCase();
+  } else if (ext) {
+    extLabel = ext.toUpperCase();
+  }
+  return { Icon: Icon2, extLabel };
+};
+var DocumentNode = (props) => {
+  console.log("DocumentNode rendered");
+  console.log("props", props);
+  console.log("dataitem", props.dataitem);
+  console.log("node", props.node);
+  let documentUrl;
+  let documentTitle;
+  if (props.dataitem && props.node.documentKey) {
+    const docData = getNestedValue4(props.dataitem, props.node.documentKey);
+    if (typeof docData === "string") {
+      const trimmed = docData.trim();
+      if (trimmed.startsWith("[") || trimmed.startsWith("{")) {
+        try {
+          const parsed = JSON.parse(trimmed);
+          const asset = Array.isArray(parsed) ? parsed[0] : parsed;
+          if (asset && asset.assetUrl) {
+            documentUrl = AssetUtility_default.resolveUrl(props.assetBaseUrl, asset.assetUrl);
+            if (asset.title) documentTitle = asset.title;
+          }
+        } catch (e) {
+        }
+      } else {
+        documentUrl = AssetUtility_default.resolveUrl(props.assetBaseUrl, docData);
+      }
+    } else if (Array.isArray(docData) && docData.length > 0) {
+      const asset = docData[0];
+      if (asset && asset.assetUrl) {
+        documentUrl = AssetUtility_default.resolveUrl(props.assetBaseUrl, asset.assetUrl);
+        if (asset.title) documentTitle = asset.title;
+      }
+    } else if (docData && typeof docData === "object") {
+      const asset = docData;
+      if (asset && asset.assetUrl) {
+        documentUrl = AssetUtility_default.resolveUrl(props.assetBaseUrl, asset.assetUrl);
+        if (asset.title) documentTitle = asset.title;
+      }
+    }
+  }
+  if (!documentUrl) return null;
+  const { Icon: Icon2, extLabel } = getFileDetails(documentUrl);
+  if (!documentTitle) {
+    try {
+      const pathName = new URL(documentUrl).pathname;
+      documentTitle = pathName.split("/").pop() || "Document";
+    } catch {
+      documentTitle = documentUrl.split("/").pop() || "Document";
+    }
+    documentTitle = documentTitle.replace(/\.[^/.]+$/, "");
+  }
+  return /* @__PURE__ */ jsxs32("div", { className: "flex items-center justify-between py-4 bg-default", children: [
+    /* @__PURE__ */ jsxs32("div", { className: "flex items-center space-x-4", children: [
+      /* @__PURE__ */ jsx59("div", { className: "flex items-center justify-center p-2 rounded bg-secondary-soft border", children: /* @__PURE__ */ jsx59(Icon2, {}) }),
+      /* @__PURE__ */ jsxs32("div", { className: "flex items-baseline space-x-2", children: [
+        /* @__PURE__ */ jsx59("h4", { className: "text-base font-semibold", children: documentTitle }),
+        /* @__PURE__ */ jsxs32("span", { className: "text-sm font-medium", children: [
+          "(",
+          extLabel,
+          ")"
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs32(
+      "a",
+      {
+        href: documentUrl,
+        download: true,
+        target: "_blank",
+        rel: "noreferrer",
+        className: "inline-flex items-center px-4 py-2 text-sm font-medium bg-default border rounded focus:outline-none focus:ring-2 focus:ring-offset-2 transition-colors",
+        children: [
+          /* @__PURE__ */ jsxs32("svg", { className: "w-4 h-4 mr-2", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [
+            /* @__PURE__ */ jsx59("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" }),
+            /* @__PURE__ */ jsx59("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12 12v5m0 0l-3-3m3 3l3-3M12 8v4" })
+          ] }),
+          "Download"
+        ]
+      }
+    )
+  ] });
+};
+var DocumentNode_default = DocumentNode;
+
+// src/components/pageRenderingEngine/nodes/DivContainer.tsx
+import { jsx as jsx60, jsxs as jsxs33 } from "react/jsx-runtime";
 function toCamelCase(str) {
   return str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
 }
@@ -4044,7 +4181,7 @@ function convertKeysToCamelCase(obj) {
     ])
   );
 }
-var getNestedValue4 = (obj, path) => {
+var getNestedValue5 = (obj, path) => {
   if (!obj || !path) return void 0;
   return path.split(".").reduce((current, key) => {
     {
@@ -4089,7 +4226,7 @@ function generateCompleteBackgroundString(layers, apiBaseUrl, dataItem) {
       const imageValue = layer.value;
       let assetUrl = imageValue.assetUrl || "";
       if (layer.datafield && dataItem) {
-        const fieldValue = getNestedValue4(
+        const fieldValue = getNestedValue5(
           dataItem,
           layer.datafield
         );
@@ -4214,7 +4351,8 @@ var DivContainer = async (props) => {
     "div-container": DivContainer,
     text: TextNode_default,
     datafield: DatafieldNode_default,
-    "svg-icon": SVGIconNode_default
+    "svg-icon": SVGIconNode_default,
+    document: DocumentNode_default
   };
   const styles = props.node.cssProperties;
   const mobileStyles = props.node.mobileCssProperties;
@@ -4250,7 +4388,7 @@ var DivContainer = async (props) => {
     const condition = props.node.fieldVisibleOnTrue;
     const isNegated = condition.startsWith("!");
     const fieldName = isNegated ? condition.substring(1) : condition;
-    const fieldValue = getNestedValue4(props.dataitem, fieldName);
+    const fieldValue = getNestedValue5(props.dataitem, fieldName);
     if (fieldValue === void 0) {
       return false;
     }
@@ -4289,10 +4427,10 @@ var DivContainer = async (props) => {
     response = await serviceClient.get(endpoint);
     result = response?.result;
     if (dataBindingProperties.showNoResultsMessage && (result === void 0 || result.length == 0)) {
-      return /* @__PURE__ */ jsx59(NoDataFound_default, {});
+      return /* @__PURE__ */ jsx60(NoDataFound_default, {});
     }
     if (dataBindingProperties.childCollectionName && props.dataitem) {
-      childCollectionData = getNestedValue4(props.dataitem, dataBindingProperties.childCollectionName);
+      childCollectionData = getNestedValue5(props.dataitem, dataBindingProperties.childCollectionName);
     }
   }
   const cssResult = generateCssString(
@@ -4306,7 +4444,7 @@ var DivContainer = async (props) => {
     }
     const SelectedNode = NodeTypes2[node.type];
     if (!SelectedNode) return null;
-    return /* @__PURE__ */ jsx59(React41.Fragment, { children: /* @__PURE__ */ jsx59(
+    return /* @__PURE__ */ jsx60(React41.Fragment, { children: /* @__PURE__ */ jsx60(
       SelectedNode,
       {
         node,
@@ -4425,9 +4563,9 @@ var DivContainer = async (props) => {
     props.node.bgClass,
     noLinkColor && "no-link-color"
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ jsxs32(React41.Fragment, { children: [
-    /* @__PURE__ */ jsx59("style", { dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS } }),
-    /* @__PURE__ */ jsx59(React41.Fragment, { children: /* @__PURE__ */ jsx59(
+  return /* @__PURE__ */ jsxs33(React41.Fragment, { children: [
+    /* @__PURE__ */ jsx60("style", { dangerouslySetInnerHTML: { __html: cssResult.css + animationCSS } }),
+    /* @__PURE__ */ jsx60(React41.Fragment, { children: /* @__PURE__ */ jsx60(
       Wrapper,
       {
         id: guid,
@@ -4436,153 +4574,16 @@ 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__ */ jsx59(React41.Fragment, { children: child }, i)
+            (child, i) => /* @__PURE__ */ jsx60(React41.Fragment, { children: child }, i)
           ) : renderChildren(props.node.children, props, item, idx)
         )
       }
     ) }),
-    dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ jsx59("div", { children: /* @__PURE__ */ jsx59(Pagination_default, { path: props.path, query: props.query, dataset: response }) })
+    dataBindingProperties && props.node.dataBinding.enablePagination && /* @__PURE__ */ jsx60("div", { children: /* @__PURE__ */ jsx60(Pagination_default, { path: props.path, query: props.query, dataset: response }) })
   ] });
 };
 var DivContainer_default = DivContainer;
 
-// src/components/pageRenderingEngine/nodes/DocumentNode.tsx
-import { jsx as jsx60, jsxs as jsxs33 } from "react/jsx-runtime";
-var getNestedValue5 = (obj, path) => {
-  if (!obj || !path) return void 0;
-  return path.split(".").reduce((current, key) => {
-    return current && current[key] !== void 0 ? current[key] : void 0;
-  }, obj);
-};
-var PdfIcon = () => /* @__PURE__ */ jsxs33("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "text-red-500 w-8 h-8", children: [
-  /* @__PURE__ */ jsx60("path", { d: "M7 3H14L19 8V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20V5C5 4.46957 5.21071 3.96086 5.58579 3.58579C5.96086 3.21071 6.46957 3 7 3Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ jsx60("path", { d: "M14 3V8H19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ jsx60("path", { d: "M9 14H11C11.5304 14 12.0391 13.7893 12.4142 13.4142C12.7893 13.0391 13 12.5304 13 12C13 11.4696 12.7893 10.9609 12.4142 10.5858C12.0391 10.2107 11.5304 10 11 10H9V18", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ jsx60("path", { d: "M9 14H12", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-] });
-var ExcelIcon = () => /* @__PURE__ */ jsxs33("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "text-green-600 w-8 h-8", children: [
-  /* @__PURE__ */ jsx60("path", { d: "M14 3V8H19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ jsx60("path", { d: "M5 20V5C5 4.46957 5.21071 3.96086 5.58579 3.58579C5.96086 3.21071 6.46957 3 7 3H14L19 8V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ jsx60("path", { d: "M9 11L15 17", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ jsx60("path", { d: "M15 11L9 17", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-] });
-var WordIcon = () => /* @__PURE__ */ jsxs33("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "text-blue-600 w-8 h-8", children: [
-  /* @__PURE__ */ jsx60("path", { d: "M14 3V8H19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ jsx60("path", { d: "M5 20V5C5 4.46957 5.21071 3.96086 5.58579 3.58579C5.96086 3.21071 6.46957 3 7 3H14L19 8V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ jsx60("path", { d: "M8 12L10 17L12 14L14 17L16 12", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-] });
-var ImageIcon = () => /* @__PURE__ */ jsxs33("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "text-yellow-500 w-8 h-8", children: [
-  /* @__PURE__ */ jsx60("path", { d: "M21 15V19C21 19.5304 20.7893 20.0391 20.4142 20.4142C20.0391 20.7893 19.5304 21 19 21H5C4.46957 21 3.96086 20.7893 3.58579 20.4142C3.21071 20.0391 3 19.5304 3 19V5C3 4.46957 3.21071 3.96086 3.58579 3.58579C3.96086 3.21071 4.46957 3 5 3H19C19.5304 3 20.0391 3.21071 20.4142 3.58579C20.7893 3.96086 21 4.46957 21 5V15ZM21 15L16 10L9 17L6 14L3 17", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ jsx60("path", { d: "M16 8C16 8.55228 15.5523 9 15 9C14.4477 9 14 8.55228 14 8C14 7.44772 14.4477 7 15 7C15.5523 7 16 7.44772 16 8Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-] });
-var StandardIcon = () => /* @__PURE__ */ jsxs33("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "text-gray-500 w-8 h-8", children: [
-  /* @__PURE__ */ jsx60("path", { d: "M14 3V8H19", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
-  /* @__PURE__ */ jsx60("path", { d: "M5 20V5C5 4.46957 5.21071 3.96086 5.58579 3.58579C5.96086 3.21071 6.46957 3 7 3H14L19 8V20C19 20.5304 18.7893 21.0391 18.4142 21.4142C18.0391 21.7893 17.5304 22 17 22H7C6.46957 22 5.96086 21.7893 5.58579 21.4142C5.21071 21.0391 5 20.5304 5 20Z", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })
-] });
-var getFileDetails = (url) => {
-  const extMatch = url.match(/\.([a-zA-Z0-9]+)(?:[\?#]|$)/);
-  const ext = extMatch ? extMatch[1].toLowerCase() : "";
-  let Icon2 = StandardIcon;
-  let extLabel = "FILE";
-  if (["pdf"].includes(ext)) {
-    Icon2 = PdfIcon;
-    extLabel = "PDF";
-  } else if (["xls", "xlsx", "csv"].includes(ext)) {
-    Icon2 = ExcelIcon;
-    extLabel = "Excel";
-  } else if (["doc", "docx"].includes(ext)) {
-    Icon2 = WordIcon;
-    extLabel = ext.toUpperCase();
-  } else if (["jpg", "jpeg", "png", "gif", "webp", "svg"].includes(ext)) {
-    Icon2 = ImageIcon;
-    extLabel = ext.toUpperCase();
-  } else if (ext) {
-    extLabel = ext.toUpperCase();
-  }
-  return { Icon: Icon2, extLabel };
-};
-var DocumentNode = (props) => {
-  console.log("DocumentNode rendered");
-  console.log("props", props);
-  console.log("dataitem", props.dataitem);
-  console.log("node", props.node);
-  let documentUrl;
-  let documentTitle;
-  if (props.dataitem && props.node.documentKey) {
-    const docData = getNestedValue5(props.dataitem, props.node.documentKey);
-    if (typeof docData === "string") {
-      const trimmed = docData.trim();
-      if (trimmed.startsWith("[") || trimmed.startsWith("{")) {
-        try {
-          const parsed = JSON.parse(trimmed);
-          const asset = Array.isArray(parsed) ? parsed[0] : parsed;
-          if (asset && asset.assetUrl) {
-            documentUrl = AssetUtility_default.resolveUrl(props.assetBaseUrl, asset.assetUrl);
-            if (asset.title) documentTitle = asset.title;
-          }
-        } catch (e) {
-        }
-      } else {
-        documentUrl = AssetUtility_default.resolveUrl(props.assetBaseUrl, docData);
-      }
-    } else if (Array.isArray(docData) && docData.length > 0) {
-      const asset = docData[0];
-      if (asset && asset.assetUrl) {
-        documentUrl = AssetUtility_default.resolveUrl(props.assetBaseUrl, asset.assetUrl);
-        if (asset.title) documentTitle = asset.title;
-      }
-    } else if (docData && typeof docData === "object") {
-      const asset = docData;
-      if (asset && asset.assetUrl) {
-        documentUrl = AssetUtility_default.resolveUrl(props.assetBaseUrl, asset.assetUrl);
-        if (asset.title) documentTitle = asset.title;
-      }
-    }
-  }
-  if (!documentUrl) return null;
-  const { Icon: Icon2, extLabel } = getFileDetails(documentUrl);
-  if (!documentTitle) {
-    try {
-      const pathName = new URL(documentUrl).pathname;
-      documentTitle = pathName.split("/").pop() || "Document";
-    } catch {
-      documentTitle = documentUrl.split("/").pop() || "Document";
-    }
-    documentTitle = documentTitle.replace(/\.[^/.]+$/, "");
-  }
-  return /* @__PURE__ */ jsxs33("div", { className: "flex items-center justify-between py-4 border-b bg-default", children: [
-    /* @__PURE__ */ jsxs33("div", { className: "flex items-center space-x-4", children: [
-      /* @__PURE__ */ jsx60("div", { className: "flex items-center justify-center p-2 rounded bg-secondary-soft border", children: /* @__PURE__ */ jsx60(Icon2, {}) }),
-      /* @__PURE__ */ jsxs33("div", { className: "flex items-baseline space-x-2", children: [
-        /* @__PURE__ */ jsx60("h4", { className: "text-base font-semibold", children: documentTitle }),
-        /* @__PURE__ */ jsxs33("span", { className: "text-sm font-medium", children: [
-          "(",
-          extLabel,
-          ")"
-        ] })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs33(
-      "a",
-      {
-        href: documentUrl,
-        download: true,
-        target: "_blank",
-        rel: "noreferrer",
-        className: "inline-flex items-center px-4 py-2 text-sm font-medium bg-default border rounded focus:outline-none focus:ring-2 focus:ring-offset-2 transition-colors",
-        children: [
-          /* @__PURE__ */ jsxs33("svg", { className: "w-4 h-4 mr-2", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: [
-            /* @__PURE__ */ jsx60("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4" }),
-            /* @__PURE__ */ jsx60("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M12 12v5m0 0l-3-3m3 3l3-3M12 8v4" })
-          ] }),
-          "Download"
-        ]
-      }
-    )
-  ] });
-};
-var DocumentNode_default = DocumentNode;
-
 // src/components/pageRenderingEngine/PageBodyRenderer.tsx
 import { jsx as jsx61 } from "react/jsx-runtime";
 var NodeTypes = {
@@ -4622,9 +4623,6 @@ var PageBodyRenderer = (props) => {
     return true;
   };
   return /* @__PURE__ */ jsx61(React42.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
-    {
-    }
-    console.log("Node type:", node.type);
     {
     }
     const SelectedNode = NodeTypes[node.type];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acoustte-digital-services/digitalstore-controls-dev",
-  "version": "0.8.1-dev.20260623120639",
+  "version": "0.8.1-dev.20260623122324",
   "description": "Reusable React components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",