add setting conditions

includes/assets/js/dist/edit-automation-rule.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('react', 'wp-api-fetch', 'wp-components', 'wp-dom-ready', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '4ff4105413d9685ef27a');
+<?php return array('dependencies' => array('react', 'wp-api-fetch', 'wp-components', 'wp-dom-ready', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => 'a0ac521b682b1ab865a6');

includes/assets/js/dist/edit-email-campaign.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('wp-api-fetch', 'wp-components', 'wp-dom-ready', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => 'd37d8913a08a23b78d18');
+<?php return array('dependencies' => array('wp-api-fetch', 'wp-components', 'wp-dom-ready', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '3ccbe67f434868dba4ef');

includes/assets/js/dist/table.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('lodash', 'react', 'wp-components', 'wp-data', 'wp-data-controls', 'wp-date', 'wp-dom-ready', 'wp-element', 'wp-i18n', 'wp-polyfill', 'wp-primitives', 'wp-url'), 'version' => '0424abb20b2409b11934');
+<?php return array('dependencies' => array('lodash', 'react', 'wp-components', 'wp-data', 'wp-data-controls', 'wp-date', 'wp-dom-ready', 'wp-element', 'wp-i18n', 'wp-polyfill', 'wp-primitives', 'wp-url'), 'version' => 'c352c8dec575935b3aa9');

includes/assets/js/dist/welcome-wizard.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('wp-api-fetch', 'wp-components', 'wp-dom-ready', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '81d371460739a31a5e17');
+<?php return array('dependencies' => array('wp-api-fetch', 'wp-components', 'wp-dom-ready', 'wp-element', 'wp-i18n', 'wp-primitives'), 'version' => '8a8636387d44461c0696');

includes/assets/js/src/components/setting.js

@@ -21,12 +21,13 @@ import {
 } from '@wordpress/components';
 import { next } from '@wordpress/icons';
 import { __, sprintf } from '@wordpress/i18n';
-import { useCallback, useState, useMemo } from '@wordpress/element';
+import { useCallback, useMemo } from '@wordpress/element';
 
 /**
  * Local dependancies.
  */
 import ConditionalLogicEditor from './conditional-logic-editor';
+import { compare } from '../utils/operators';
 
 /**
  * Input types.
@@ -124,7 +125,7 @@ function useMergeTags(availableSmartTags, onMergeTagClick) {
 
 		return groups;
 	}, [availableSmartTags]);
-console.log(groups);
+
 	const totalGroups = Object.keys(groups).length;
 
 	// If we have merge tags, show the merge tags button.
@@ -407,6 +408,29 @@ export default function Setting({ settingKey, setting, availableSmartTags, prop,
 		}
 	}
 
+	// Key value conditions.
+	if ( Array.isArray( setting.conditions ) ) {
+
+		// Check if all conditions are met.
+		const conditionsMet = setting.conditions.every((condition) => {
+			const parts          = condition.key.split( '.' );
+			const operator       = condition.operator ? condition.operator : '==';
+			const compareAgainst = saved[ parts[0] ];
+
+			// If we have two parts, we're checking a nested setting.
+			if ( parts.length === 2 ) {
+				return compareAgainst && compareAgainst[ parts[1] ] && compare( condition.value, operator, compareAgainst[ parts[1] ] );
+			}
+
+			return compare( condition.value, operator, compareAgainst );
+		});
+
+		// If conditions are not met, return null.
+		if ( ! conditionsMet ) {
+			return null;
+		}
+	}
+
 	// Abort early if condition is not met.
 	if ( setting.condition && ! setting.condition( saved ) ) {
 		return null;

includes/assets/js/src/utils/operators.js

@@ -0,0 +1,16 @@
+export const operators = {
+    '==': (a, b) => a == b,
+    '===': (a, b) => a === b,
+    '!=': (a, b) => a != b,
+    '!==': (a, b) => a !== b,
+    '>': (a, b) => a > b,
+    '>=': (a, b) => a >= b,
+    '<': (a, b) => a < b,
+    '<=': (a, b) => a <= b,
+    'includes': (a, b) => a.includes(b),
+    '!includes': (a, b) => ! a.includes(b),
+    'empty': (a) => ! a,
+    '!empty': (a) => a,
+};
+
+export const compare = (a, operator, b) => operators[operator] ? operators[operator](a, b) : false;