@visns-studio/visns-components 5.4.13 → 5.4.15

package/package.json

@@ -81,7 +81,7 @@
         "react-dom": "^17.0.0 || ^18.0.0"
     },
     "name": "@visns-studio/visns-components",
-    "version": "5.4.13",
+    "version": "5.4.15",
     "description": "Various packages to assist in the development of our Custom Applications.",
     "main": "src/index.js",
     "files": [

package/src/components/crm/Breadcrumb.jsx

@@ -15,6 +15,44 @@ function Breadcrumb({ data, page }) {
             : data[keys];
     };
 
+    // Function to evaluate condition for displaying image
+    const evaluateCondition = (condition) => {
+        if (!condition || !Array.isArray(condition) || condition.length === 0) {
+            return false;
+        }
+
+        return condition.every((cond) => {
+            if (!cond.id || !cond.value || !cond.operator || !data[cond.id]) {
+                return false;
+            }
+
+            const fieldValue = data[cond.id];
+            const condValue = cond.value;
+
+            switch (cond.operator) {
+                case 'eq': // equals
+                    return fieldValue === condValue;
+                case 'neq': // not equals
+                    return fieldValue !== condValue;
+                case 'gt': // greater than
+                    return parseFloat(fieldValue) > parseFloat(condValue);
+                case 'gte': // greater than or equal
+                    return parseFloat(fieldValue) >= parseFloat(condValue);
+                case 'lt': // less than
+                    return parseFloat(fieldValue) < parseFloat(condValue);
+                case 'lte': // less than or equal
+                    return parseFloat(fieldValue) <= parseFloat(condValue);
+                default:
+                    return false;
+            }
+        });
+    };
+
+    // Check if image should be displayed based on condition
+    const shouldDisplayImage = page?.image?.condition
+        ? evaluateCondition(page.image.condition)
+        : false;
+
     // Get the nested data for parent title key if it exists
     const nestedData =
         data && page.parentTitleKey
@@ -102,6 +140,21 @@ function Breadcrumb({ data, page }) {
                     )}
                 </>
             )}
+
+            {/* Display image if condition is met */}
+            {shouldDisplayImage && page?.image?.url && (
+                <img
+                    src={page.image.url}
+                    alt="Verification Badge"
+                    style={{
+                        marginLeft: '12px',
+                        height: '30px',
+                        width: 'auto',
+                        verticalAlign: 'middle',
+                        filter: 'drop-shadow(0 1px 2px rgba(0, 0, 0, 0.2))',
+                    }}
+                />
+            )}
         </h1>
     );
 }

package/src/components/crm/generic/GenericDetail.jsx

@@ -2226,19 +2226,41 @@ function GenericDetail({
                                             </div>
                                         )}
 
-                                        {activeTabConfig.functions
-                                            ?.checkboxDelete && (
+                                        {(activeTabConfig.functions
+                                            ?.checkboxDelete ||
+                                            activeTabConfig.customAction) && (
                                             <div className={styles.polActions}>
-                                                <button
-                                                    className={styles.btn}
-                                                    onClick={
-                                                        handleCheckboxDelete
-                                                    }
-                                                >
-                                                    {activeTabConfig.functions
-                                                        .checkboxDelete.label ||
-                                                        'Delete'}
-                                                </button>
+                                                {activeTabConfig.functions
+                                                    ?.checkboxDelete && (
+                                                    <button
+                                                        className={styles.btn}
+                                                        onClick={
+                                                            handleCheckboxDelete
+                                                        }
+                                                    >
+                                                        {activeTabConfig
+                                                            .functions
+                                                            .checkboxDelete
+                                                            .label || 'Delete'}
+                                                    </button>
+                                                )}
+
+                                                {activeTabConfig.customAction && (
+                                                    <button
+                                                        className={styles.btn}
+                                                        onClick={() =>
+                                                            handleCustomAction(
+                                                                activeTabConfig.customAction
+                                                            )
+                                                        }
+                                                    >
+                                                        {
+                                                            activeTabConfig
+                                                                .customAction
+                                                                .label
+                                                        }
+                                                    </button>
+                                                )}
                                             </div>
                                         )}
                                     </>