@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260616104505 → 0.8.1-dev.20260620042502

package/dist/index.js

@@ -5566,6 +5566,73 @@ var ImageGalleryNode_default = ImageGalleryNode;
 
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
 var import_link2 = __toESM(require("next/link"));
+
+// src/utilities/RoleUtility.tsx
+var decodeJWT = (token) => {
+  if (!token) return null;
+  try {
+    const cleanToken = token.replace(/^Bearer\s+/i, "");
+    const parts = cleanToken.split(".");
+    if (parts.length !== 3) {
+      console.warn("Invalid JWT token format");
+      return null;
+    }
+    const payload = parts[1];
+    const decoded = JSON.parse(atob(payload));
+    return decoded;
+  } catch (error) {
+    console.warn("Failed to decode JWT token:", error);
+    return null;
+  }
+};
+var extractRolesFromToken = (decodedPayload) => {
+  if (!decodedPayload) return [];
+  const roles = [];
+  if (decodedPayload.role && typeof decodedPayload.role === "string") {
+    roles.push(decodedPayload.role);
+  }
+  if (decodedPayload.roles && Array.isArray(decodedPayload.roles)) {
+    roles.push(...decodedPayload.roles);
+  }
+  if (decodedPayload.realm_access?.roles && Array.isArray(decodedPayload.realm_access.roles)) {
+    roles.push(...decodedPayload.realm_access.roles);
+  }
+  if (decodedPayload.resource_access && typeof decodedPayload.resource_access === "object") {
+    Object.values(decodedPayload.resource_access).forEach((resource) => {
+      if (resource?.roles && Array.isArray(resource.roles)) {
+        roles.push(...resource.roles);
+      }
+    });
+  }
+  return [...new Set(roles)];
+};
+var getUserRoles = (oAuthToken) => {
+  const decodedPayload = decodeJWT(oAuthToken);
+  return extractRolesFromToken(decodedPayload);
+};
+var hasRole = (userRoles, requiredRole) => {
+  if (!requiredRole || !userRoles) return false;
+  return userRoles.some(
+    (role) => role.toLowerCase() === requiredRole.toLowerCase()
+  );
+};
+var shouldRenderByRole = (roleCode, userRoles) => {
+  if (!roleCode || roleCode.trim() === "") {
+    return true;
+  }
+  const trimmedRoleCode = roleCode.trim();
+  if (trimmedRoleCode.startsWith("!")) {
+    const requiredRole = trimmedRoleCode.substring(1);
+    return !hasRole(userRoles, requiredRole);
+  }
+  return hasRole(userRoles, trimmedRoleCode);
+};
+var validateRoleVisibility = (roleCode, oAuthToken) => {
+  const userRoles = getUserRoles(oAuthToken);
+  return shouldRenderByRole(roleCode, userRoles);
+};
+
+// src/components/pageRenderingEngine/nodes/DivContainer.tsx
 var import_jsx_runtime70 = require("react/jsx-runtime");
 function toCamelCase(str) {
   return str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
@@ -5792,7 +5859,16 @@ var DivContainer = async (props) => {
     }
     return isNegated ? fieldValue === true : fieldValue === false;
   };
-  const isHidden = shouldHideContainer();
+  const shouldHideByRole = () => {
+    if (!props.node.roleCode) return false;
+    const roleCode = props.node.roleCode;
+    const oAuthToken = props.session?.oAuthToken;
+    if (!roleCode || roleCode.trim() === "") {
+      return false;
+    }
+    return !validateRoleVisibility(roleCode, oAuthToken);
+  };
+  const isHidden = shouldHideContainer() || shouldHideByRole();
   let odataString = void 0;
   let endpoint = void 0;
   let result = null;
@@ -6002,10 +6078,21 @@ var PageBodyRenderer = (props) => {
   if (pageBodyTree && pageBodyTree.root) {
     rootNode = pageBodyTree.root;
   }
+  const shouldRenderNode = (node) => {
+    {
+    }
+    if (node.type === "div-container" && node.roleCode) {
+      return validateRoleVisibility(node.roleCode, props.session?.oAuthToken);
+    }
+    return true;
+  };
   return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_react51.default.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
     {
     }
     const SelectedNode = NodeTypes[node.type];
+    if (!shouldRenderNode(node)) {
+      return null;
+    }
     return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_react51.default.Fragment, { children: SelectedNode && /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_react51.default.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_react51.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
       SelectedNode,
       {
@@ -6504,7 +6591,9 @@ var DataList = (props) => {
                   controlType: InputControlType_default.lineTextInput,
                   value: searchTerm,
                   callback: (e) => setSearchTerm(e.value),
-                  attributes: { placeholder: "Search..." }
+                  attributes: {
+                    placeholder: `Search by ${props.columns.filter((col) => col.isSearchable).map((col) => col.label).join(", ")}`
+                  }
                 }
               ),
               props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
@@ -6666,7 +6755,9 @@ var DataList = (props) => {
                   controlType: InputControlType_default.lineTextInput,
                   value: searchTerm,
                   callback: (e) => setSearchTerm(e.value),
-                  attributes: { placeholder: "Search..." }
+                  attributes: {
+                    placeholder: `Search by ${props.columns.filter((col) => col.isSearchable).map((col) => col.label).join(", ")}`
+                  }
                 }
               ),
               props.filters && props.filters.map((filter) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(

package/dist/index.mjs

@@ -3960,6 +3960,73 @@ var ImageGalleryNode_default = ImageGalleryNode;
 
 // src/components/pageRenderingEngine/nodes/DivContainer.tsx
 import Link2 from "next/link";
+
+// src/utilities/RoleUtility.tsx
+var decodeJWT = (token) => {
+  if (!token) return null;
+  try {
+    const cleanToken = token.replace(/^Bearer\s+/i, "");
+    const parts = cleanToken.split(".");
+    if (parts.length !== 3) {
+      console.warn("Invalid JWT token format");
+      return null;
+    }
+    const payload = parts[1];
+    const decoded = JSON.parse(atob(payload));
+    return decoded;
+  } catch (error) {
+    console.warn("Failed to decode JWT token:", error);
+    return null;
+  }
+};
+var extractRolesFromToken = (decodedPayload) => {
+  if (!decodedPayload) return [];
+  const roles = [];
+  if (decodedPayload.role && typeof decodedPayload.role === "string") {
+    roles.push(decodedPayload.role);
+  }
+  if (decodedPayload.roles && Array.isArray(decodedPayload.roles)) {
+    roles.push(...decodedPayload.roles);
+  }
+  if (decodedPayload.realm_access?.roles && Array.isArray(decodedPayload.realm_access.roles)) {
+    roles.push(...decodedPayload.realm_access.roles);
+  }
+  if (decodedPayload.resource_access && typeof decodedPayload.resource_access === "object") {
+    Object.values(decodedPayload.resource_access).forEach((resource) => {
+      if (resource?.roles && Array.isArray(resource.roles)) {
+        roles.push(...resource.roles);
+      }
+    });
+  }
+  return [...new Set(roles)];
+};
+var getUserRoles = (oAuthToken) => {
+  const decodedPayload = decodeJWT(oAuthToken);
+  return extractRolesFromToken(decodedPayload);
+};
+var hasRole = (userRoles, requiredRole) => {
+  if (!requiredRole || !userRoles) return false;
+  return userRoles.some(
+    (role) => role.toLowerCase() === requiredRole.toLowerCase()
+  );
+};
+var shouldRenderByRole = (roleCode, userRoles) => {
+  if (!roleCode || roleCode.trim() === "") {
+    return true;
+  }
+  const trimmedRoleCode = roleCode.trim();
+  if (trimmedRoleCode.startsWith("!")) {
+    const requiredRole = trimmedRoleCode.substring(1);
+    return !hasRole(userRoles, requiredRole);
+  }
+  return hasRole(userRoles, trimmedRoleCode);
+};
+var validateRoleVisibility = (roleCode, oAuthToken) => {
+  const userRoles = getUserRoles(oAuthToken);
+  return shouldRenderByRole(roleCode, userRoles);
+};
+
+// src/components/pageRenderingEngine/nodes/DivContainer.tsx
 import { jsx as jsx59, jsxs as jsxs32 } from "react/jsx-runtime";
 function toCamelCase(str) {
   return str.replace(/-([a-z])/g, (_, letter) => letter.toUpperCase());
@@ -4186,7 +4253,16 @@ var DivContainer = async (props) => {
     }
     return isNegated ? fieldValue === true : fieldValue === false;
   };
-  const isHidden = shouldHideContainer();
+  const shouldHideByRole = () => {
+    if (!props.node.roleCode) return false;
+    const roleCode = props.node.roleCode;
+    const oAuthToken = props.session?.oAuthToken;
+    if (!roleCode || roleCode.trim() === "") {
+      return false;
+    }
+    return !validateRoleVisibility(roleCode, oAuthToken);
+  };
+  const isHidden = shouldHideContainer() || shouldHideByRole();
   let odataString = void 0;
   let endpoint = void 0;
   let result = null;
@@ -4396,10 +4472,21 @@ var PageBodyRenderer = (props) => {
   if (pageBodyTree && pageBodyTree.root) {
     rootNode = pageBodyTree.root;
   }
+  const shouldRenderNode = (node) => {
+    {
+    }
+    if (node.type === "div-container" && node.roleCode) {
+      return validateRoleVisibility(node.roleCode, props.session?.oAuthToken);
+    }
+    return true;
+  };
   return /* @__PURE__ */ jsx60(React42.Fragment, { children: rootNode && rootNode?.children?.map((node, index) => {
     {
     }
     const SelectedNode = NodeTypes[node.type];
+    if (!shouldRenderNode(node)) {
+      return null;
+    }
     return /* @__PURE__ */ jsx60(React42.Fragment, { children: SelectedNode && /* @__PURE__ */ jsx60(React42.Fragment, { children: node.type == "layout-container" ? /* @__PURE__ */ jsx60(React42.Fragment, { children: /* @__PURE__ */ jsx60(
       SelectedNode,
       {
@@ -4892,7 +4979,9 @@ var DataList = (props) => {
                   controlType: InputControlType_default.lineTextInput,
                   value: searchTerm,
                   callback: (e) => setSearchTerm(e.value),
-                  attributes: { placeholder: "Search..." }
+                  attributes: {
+                    placeholder: `Search by ${props.columns.filter((col) => col.isSearchable).map((col) => col.label).join(", ")}`
+                  }
                 }
               ),
               props.filters && props.filters.map((filter) => /* @__PURE__ */ jsx65(
@@ -5054,7 +5143,9 @@ var DataList = (props) => {
                   controlType: InputControlType_default.lineTextInput,
                   value: searchTerm,
                   callback: (e) => setSearchTerm(e.value),
-                  attributes: { placeholder: "Search..." }
+                  attributes: {
+                    placeholder: `Search by ${props.columns.filter((col) => col.isSearchable).map((col) => col.label).join(", ")}`
+                  }
                 }
               ),
               props.filters && props.filters.map((filter) => /* @__PURE__ */ jsx65(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acoustte-digital-services/digitalstore-controls-dev",
-  "version": "0.8.1-dev.20260616104505",
+  "version": "0.8.1-dev.20260620042502",
   "description": "Reusable React components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -22,7 +22,7 @@
     }
   },
   "devDependencies": {
-    "@types/node": "^25.9.3",
+    "@types/node": "^26.0.0",
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "tsup": "^8.5.1",