@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260630051644 → 0.8.1-dev.20260702085048

package/dist/index.js

@@ -1266,7 +1266,7 @@ var init_LinkNodeButton = __esm({
         const fieldNames = extractFieldNames(template);
         if (responseData) {
           fieldNames.forEach((fieldName) => {
-            const value = getNestedValue6(responseData, fieldName);
+            const value = getNestedValue7(responseData, fieldName);
             if (value !== void 0) {
               const regex1 = new RegExp(`\\{${fieldName}\\}`, "g");
               const regex2 = new RegExp(`\\{\\{${fieldName}\\}\\}`, "g");
@@ -1289,7 +1289,7 @@ var init_LinkNodeButton = __esm({
         }
         return result;
       }, [props.routeParameters, dataitem, extractFieldNames]);
-      const getNestedValue6 = (0, import_react35.useCallback)((obj, path) => {
+      const getNestedValue7 = (0, import_react35.useCallback)((obj, path) => {
         if (!obj || !path) return void 0;
         if (obj[path] !== void 0) {
           return obj[path];
@@ -1339,15 +1339,15 @@ var init_LinkNodeButton = __esm({
             console.log("Field names in redirect URL:", fieldNames);
             const fieldValueMap = {};
             fieldNames.forEach((fieldName) => {
-              const value = getNestedValue6(response, fieldName);
+              const value = getNestedValue7(response, fieldName);
               if (value !== void 0) {
                 fieldValueMap[fieldName] = String(value);
               } else {
-                const resultValue = getNestedValue6(response, `result.${fieldName}`);
+                const resultValue = getNestedValue7(response, `result.${fieldName}`);
                 if (resultValue !== void 0) {
                   fieldValueMap[fieldName] = String(resultValue);
                 } else {
-                  const dataValue = getNestedValue6(response, `data.${fieldName}`);
+                  const dataValue = getNestedValue7(response, `data.${fieldName}`);
                   if (dataValue !== void 0) {
                     fieldValueMap[fieldName] = String(dataValue);
                   }
@@ -1385,7 +1385,7 @@ var init_LinkNodeButton = __esm({
           setIsLoading(false);
           return { isSuccessful: false, message: err.message };
         }
-      }, [node.postUrl, node.payload, node.redirectUrl, replaceTemplateVariables, extractFieldNames, getNestedValue6, props.apiBaseUrl, props.session]);
+      }, [node.postUrl, node.payload, node.redirectUrl, replaceTemplateVariables, extractFieldNames, getNestedValue7, props.apiBaseUrl, props.session]);
       const renderButtonContent = () => {
         if (children) {
           return children;
@@ -2112,7 +2112,7 @@ var LineTextInput = (props) => {
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(import_react15.default.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("label", { className: "block", children: [
     props?.attributes?.label && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
     " ",
-    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "bg-error-weak", children: "*" }),
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "bg-error-weak !bg-transparent", children: "*" }),
     /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       "input",
       {
@@ -2852,7 +2852,7 @@ var SelectWithSearchPanel = (props) => {
   const containerRef = (0, import_react29.useRef)(null);
   const [isCreateOpen, setIsCreateOpen] = (0, import_react29.useState)(false);
   const [formData, setFormData] = (0, import_react29.useState)({});
-  const getNestedValue6 = (obj, path) => {
+  const getNestedValue7 = (obj, path) => {
     return path.split(".").reduce((acc, key) => acc?.[key], obj);
   };
   (0, import_react29.useEffect)(() => {
@@ -2890,7 +2890,7 @@ var SelectWithSearchPanel = (props) => {
     props.dataSourceDependsOn
   ]);
   const filteredItems = list?.filter((item) => {
-    const value = getNestedValue6(item, props.dataTextFieldName);
+    const value = getNestedValue7(item, props.dataTextFieldName);
     return value?.toLowerCase().includes(searchTerm?.toLowerCase());
   });
   const playBeep = () => {
@@ -2921,7 +2921,7 @@ var SelectWithSearchPanel = (props) => {
   }, [searchTerm]);
   const handleSelect = (event, item) => {
     event.preventDefault();
-    setSearchTerm(getNestedValue6(item, props.dataTextFieldName));
+    setSearchTerm(getNestedValue7(item, props.dataTextFieldName));
     if (props.callback) {
       const val = {};
       props.callback({
@@ -3076,7 +3076,7 @@ var SelectWithSearchPanel = (props) => {
               role: "option",
               tabIndex: -1,
               onMouseEnter: () => setHighlightedIndex(index),
-              children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children: getNestedValue6(item, props.dataTextFieldName) })
+              children: /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("span", { children: getNestedValue7(item, props.dataTextFieldName) })
             }
           ) }, item[props.dataKeyFieldName])) : /* @__PURE__ */ (0, import_jsx_runtime32.jsx)("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
         }
@@ -5681,9 +5681,55 @@ var validateRoleVisibility = (roleCode, oAuthToken) => {
   return shouldRenderByRole(roleCode, userRoles);
 };
 
+// src/utilities/VisibilityUtility.tsx
+var getNestedValue4 = (obj, path) => {
+  if (!obj || !path) return void 0;
+  return path.split(".").reduce((current, key) => {
+    return current && current[key] !== void 0 ? current[key] : void 0;
+  }, obj);
+};
+var shouldRenderByFieldVisibility = (fieldVisibleOnTrue, dataItem) => {
+  if (!fieldVisibleOnTrue) {
+    return true;
+  }
+  const condition = fieldVisibleOnTrue.trim();
+  const isNegated = condition.startsWith("!");
+  const fieldName = isNegated ? condition.substring(1).trim() : condition;
+  const fieldValue = getNestedValue4(dataItem, fieldName);
+  if (fieldValue == null || fieldValue === 0) {
+    return false;
+  }
+  return isNegated ? fieldValue !== true : fieldValue !== false;
+};
+var shouldRenderByRole2 = (roleCode, oAuthToken) => {
+  if (!roleCode || roleCode.trim() === "") {
+    return true;
+  }
+  return validateRoleVisibility(roleCode, oAuthToken ?? void 0);
+};
+var shouldRenderByVisibility = (visibility, session) => {
+  const normalizedVisibility = visibility?.trim().toLowerCase();
+  const hasAuthToken = Boolean(session?.oAuthToken?.trim());
+  switch (normalizedVisibility) {
+    case "authorized":
+      return hasAuthToken;
+    case "anonymous":
+      return !hasAuthToken;
+    case "all":
+    case "":
+    case null:
+    case void 0:
+    default:
+      return true;
+  }
+};
+var shouldRenderContainer = (node, dataItem, session) => {
+  return shouldRenderByVisibility(node.visibility, session) && shouldRenderByRole2(node.roleCode, session?.oAuthToken) && shouldRenderByFieldVisibility(node.fieldVisibleOnTrue, dataItem);
+};
+
 // src/components/pageRenderingEngine/nodes/DocumentNode.tsx
 var import_jsx_runtime70 = require("react/jsx-runtime");
-var getNestedValue4 = (obj, path) => {
+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;
@@ -6005,7 +6051,7 @@ var DocumentNode = (props) => {
   console.log("node", props.node);
   let documents = [];
   if (props.dataitem && props.node.documentKey) {
-    const docData = getNestedValue4(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("{")) {
@@ -6146,7 +6192,7 @@ function convertKeysToCamelCase(obj) {
     Object.entries(obj).filter(([_, value]) => value !== "" && value !== void 0).map(([key, value]) => [toCamelCase(key), convertKeysToCamelCase(value)])
   );
 }
-var getNestedValue5 = (obj, path) => {
+var getNestedValue6 = (obj, path) => {
   if (!obj || !path) return void 0;
   return path.split(".").reduce((current, key) => {
     {
@@ -6191,7 +6237,7 @@ function generateCompleteBackgroundString(layers, apiBaseUrl, dataItem) {
       const imageValue = layer.value;
       let assetUrl = imageValue.assetUrl || "";
       if (layer.datafield && dataItem) {
-        const fieldValue = getNestedValue5(dataItem, layer.datafield);
+        const fieldValue = getNestedValue6(dataItem, layer.datafield);
         const resolvedAssetUrl = resolveAssetUrl2(fieldValue, layer.tag);
         if (resolvedAssetUrl) {
           assetUrl = resolvedAssetUrl;
@@ -6347,27 +6393,15 @@ var DivContainer = async (props) => {
       `#${guid}`
     );
   }
-  const shouldHideContainer = () => {
-    if (!props.node.fieldVisibleOnTrue) return false;
-    const condition = props.node.fieldVisibleOnTrue.trim();
-    const isNegated = condition.startsWith("!");
-    const fieldName = isNegated ? condition.substring(1).trim() : condition;
-    const fieldValue = getNestedValue5(props.dataitem, fieldName);
-    if (fieldValue == null || fieldValue === 0) {
-      return true;
-    }
-    return isNegated ? fieldValue === true : fieldValue === false;
-  };
-  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();
+  const isHidden = !shouldRenderContainer(
+    {
+      visibility: props.node.visibility,
+      roleCode: props.node.roleCode,
+      fieldVisibleOnTrue: props.node.fieldVisibleOnTrue
+    },
+    props.dataitem,
+    props.session
+  );
   let odataString = void 0;
   let endpoint = void 0;
   let result = null;
@@ -6394,7 +6428,7 @@ var DivContainer = async (props) => {
       return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(NoDataFound_default, {});
     }
     if (dataBindingProperties.childCollectionName && props.dataitem) {
-      childCollectionData = getNestedValue5(
+      childCollectionData = getNestedValue6(
         props.dataitem,
         dataBindingProperties.childCollectionName
       );

package/dist/index.mjs

@@ -508,7 +508,7 @@ var LineTextInput = (props) => {
   return /* @__PURE__ */ jsx14(React13.Fragment, { children: /* @__PURE__ */ jsxs6("label", { className: "block", children: [
     props?.attributes?.label && /* @__PURE__ */ jsx14("span", { className: "text-sm inline-block pb-1 font-medium ", children: props?.attributes?.label }),
     " ",
-    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx14("span", { className: "bg-error-weak", children: "*" }),
+    props?.attributes?.label && props?.attributes?.required && /* @__PURE__ */ jsx14("span", { className: "bg-error-weak !bg-transparent", children: "*" }),
     /* @__PURE__ */ jsx14(
       "input",
       {
@@ -1252,7 +1252,7 @@ var SelectWithSearchPanel = (props) => {
   const containerRef = useRef2(null);
   const [isCreateOpen, setIsCreateOpen] = useState4(false);
   const [formData, setFormData] = useState4({});
-  const getNestedValue6 = (obj, path) => {
+  const getNestedValue7 = (obj, path) => {
     return path.split(".").reduce((acc, key) => acc?.[key], obj);
   };
   useEffect5(() => {
@@ -1290,7 +1290,7 @@ var SelectWithSearchPanel = (props) => {
     props.dataSourceDependsOn
   ]);
   const filteredItems = list?.filter((item) => {
-    const value = getNestedValue6(item, props.dataTextFieldName);
+    const value = getNestedValue7(item, props.dataTextFieldName);
     return value?.toLowerCase().includes(searchTerm?.toLowerCase());
   });
   const playBeep = () => {
@@ -1321,7 +1321,7 @@ var SelectWithSearchPanel = (props) => {
   }, [searchTerm]);
   const handleSelect = (event, item) => {
     event.preventDefault();
-    setSearchTerm(getNestedValue6(item, props.dataTextFieldName));
+    setSearchTerm(getNestedValue7(item, props.dataTextFieldName));
     if (props.callback) {
       const val = {};
       props.callback({
@@ -1476,7 +1476,7 @@ var SelectWithSearchPanel = (props) => {
               role: "option",
               tabIndex: -1,
               onMouseEnter: () => setHighlightedIndex(index),
-              children: /* @__PURE__ */ jsx25("span", { children: getNestedValue6(item, props.dataTextFieldName) })
+              children: /* @__PURE__ */ jsx25("span", { children: getNestedValue7(item, props.dataTextFieldName) })
             }
           ) }, item[props.dataKeyFieldName])) : /* @__PURE__ */ jsx25("div", { className: "px-4 py-2 text-gray-500", children: "No results found" })
         }
@@ -4075,9 +4075,55 @@ var validateRoleVisibility = (roleCode, oAuthToken) => {
   return shouldRenderByRole(roleCode, userRoles);
 };
 
+// src/utilities/VisibilityUtility.tsx
+var getNestedValue4 = (obj, path) => {
+  if (!obj || !path) return void 0;
+  return path.split(".").reduce((current, key) => {
+    return current && current[key] !== void 0 ? current[key] : void 0;
+  }, obj);
+};
+var shouldRenderByFieldVisibility = (fieldVisibleOnTrue, dataItem) => {
+  if (!fieldVisibleOnTrue) {
+    return true;
+  }
+  const condition = fieldVisibleOnTrue.trim();
+  const isNegated = condition.startsWith("!");
+  const fieldName = isNegated ? condition.substring(1).trim() : condition;
+  const fieldValue = getNestedValue4(dataItem, fieldName);
+  if (fieldValue == null || fieldValue === 0) {
+    return false;
+  }
+  return isNegated ? fieldValue !== true : fieldValue !== false;
+};
+var shouldRenderByRole2 = (roleCode, oAuthToken) => {
+  if (!roleCode || roleCode.trim() === "") {
+    return true;
+  }
+  return validateRoleVisibility(roleCode, oAuthToken ?? void 0);
+};
+var shouldRenderByVisibility = (visibility, session) => {
+  const normalizedVisibility = visibility?.trim().toLowerCase();
+  const hasAuthToken = Boolean(session?.oAuthToken?.trim());
+  switch (normalizedVisibility) {
+    case "authorized":
+      return hasAuthToken;
+    case "anonymous":
+      return !hasAuthToken;
+    case "all":
+    case "":
+    case null:
+    case void 0:
+    default:
+      return true;
+  }
+};
+var shouldRenderContainer = (node, dataItem, session) => {
+  return shouldRenderByVisibility(node.visibility, session) && shouldRenderByRole2(node.roleCode, session?.oAuthToken) && shouldRenderByFieldVisibility(node.fieldVisibleOnTrue, dataItem);
+};
+
 // src/components/pageRenderingEngine/nodes/DocumentNode.tsx
 import { Fragment as Fragment9, jsx as jsx59, jsxs as jsxs32 } from "react/jsx-runtime";
-var getNestedValue4 = (obj, path) => {
+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;
@@ -4399,7 +4445,7 @@ var DocumentNode = (props) => {
   console.log("node", props.node);
   let documents = [];
   if (props.dataitem && props.node.documentKey) {
-    const docData = getNestedValue4(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("{")) {
@@ -4540,7 +4586,7 @@ function convertKeysToCamelCase(obj) {
     Object.entries(obj).filter(([_, value]) => value !== "" && value !== void 0).map(([key, value]) => [toCamelCase(key), convertKeysToCamelCase(value)])
   );
 }
-var getNestedValue5 = (obj, path) => {
+var getNestedValue6 = (obj, path) => {
   if (!obj || !path) return void 0;
   return path.split(".").reduce((current, key) => {
     {
@@ -4585,7 +4631,7 @@ function generateCompleteBackgroundString(layers, apiBaseUrl, dataItem) {
       const imageValue = layer.value;
       let assetUrl = imageValue.assetUrl || "";
       if (layer.datafield && dataItem) {
-        const fieldValue = getNestedValue5(dataItem, layer.datafield);
+        const fieldValue = getNestedValue6(dataItem, layer.datafield);
         const resolvedAssetUrl = resolveAssetUrl2(fieldValue, layer.tag);
         if (resolvedAssetUrl) {
           assetUrl = resolvedAssetUrl;
@@ -4741,27 +4787,15 @@ var DivContainer = async (props) => {
       `#${guid}`
     );
   }
-  const shouldHideContainer = () => {
-    if (!props.node.fieldVisibleOnTrue) return false;
-    const condition = props.node.fieldVisibleOnTrue.trim();
-    const isNegated = condition.startsWith("!");
-    const fieldName = isNegated ? condition.substring(1).trim() : condition;
-    const fieldValue = getNestedValue5(props.dataitem, fieldName);
-    if (fieldValue == null || fieldValue === 0) {
-      return true;
-    }
-    return isNegated ? fieldValue === true : fieldValue === false;
-  };
-  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();
+  const isHidden = !shouldRenderContainer(
+    {
+      visibility: props.node.visibility,
+      roleCode: props.node.roleCode,
+      fieldVisibleOnTrue: props.node.fieldVisibleOnTrue
+    },
+    props.dataitem,
+    props.session
+  );
   let odataString = void 0;
   let endpoint = void 0;
   let result = null;
@@ -4788,7 +4822,7 @@ var DivContainer = async (props) => {
       return /* @__PURE__ */ jsx60(NoDataFound_default, {});
     }
     if (dataBindingProperties.childCollectionName && props.dataitem) {
-      childCollectionData = getNestedValue5(
+      childCollectionData = getNestedValue6(
         props.dataitem,
         dataBindingProperties.childCollectionName
       );

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acoustte-digital-services/digitalstore-controls-dev",
-  "version": "0.8.1-dev.20260630051644",
+  "version": "0.8.1-dev.20260702085048",
   "description": "Reusable React components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",
@@ -22,7 +22,7 @@
     }
   },
   "devDependencies": {
-    "@types/node": "^26.0.1",
+    "@types/node": "^26.1.0",
     "@types/react": "^19",
     "@types/react-dom": "^19",
     "tsup": "^8.5.1",
@@ -52,7 +52,7 @@
     "moment-timezone": "^0.6.2",
     "ms": "^2.1.3",
     "mz": "^2.7.0",
-    "next": "^15.5.19",
+    "next": "^15.5.20",
     "object-assign": "^4.1.1",
     "pathe": "^2.0.3",
     "picocolors": "^1.1.1",