diff --git a/src/app/configuration/actionBuilder/components/ConfigurationFieldsColumn.tsx b/src/app/configuration/actionBuilder/components/ConfigurationFieldsColumn.tsx
index 87f5fe4..8b6683b 100644
--- a/src/app/configuration/actionBuilder/components/ConfigurationFieldsColumn.tsx
+++ b/src/app/configuration/actionBuilder/components/ConfigurationFieldsColumn.tsx
@@ -40,6 +40,8 @@ export function ConfigurationFieldsColumn({
(f.section || '').toLowerCase().includes(search.toLowerCase())
);
+ const fieldNameByCode = new Map(fields.map((f) => [f.fieldCode, f.fieldName]));
+
return (
{/* Column Header */}
@@ -85,10 +87,15 @@ export function ConfigurationFieldsColumn({
) : (
filteredFields.map((f, idx) => {
const hasVisibility = f.visibilityConditionJson?.field && f.visibilityConditionJson?.value;
+ const depFieldName = hasVisibility
+ ? fieldNameByCode.get(f.visibilityConditionJson!.field) || f.visibilityConditionJson!.field
+ : 'Field Name';
+
const minVal = f.validationJson?.min;
const maxVal = f.validationJson?.max;
const hasMinMax = minVal !== undefined || maxVal !== undefined;
+
const isDragging = draggedIndex === idx;
const isDragOver = dragOverIndex === idx;
@@ -239,7 +246,7 @@ export function ConfigurationFieldsColumn({
{hasVisibility ? (
-
Visible if Field Name =
+
Visible if {depFieldName} =
{String(f.visibilityConditionJson?.value)}