@bigbinary/neeto-rules-frontend 2.7.27 → 2.7.29

package/dist/cjs/v2/NeetoRulesBuilder.js

@@ -13,7 +13,7 @@ var neetoCist = require('@bigbinary/neeto-cist');
 var Container = require('@bigbinary/neeto-molecules/v2/Container');
 var Header = require('@bigbinary/neeto-molecules/v2/Header');
 var reactI18next = require('react-i18next');
-var index = require('../../index-BUcQsAbf.js');
+var index = require('../../index-DnUyU-KI.js');
 var useCustomDataStore = require('../../useCustomDataStore-DPmWkEhs.js');
 var useUtilityStore = require('../../useUtilityStore-gtPhFvpI.js');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
@@ -34,6 +34,7 @@ var utils$1 = require('../../utils-B3roKiff.js');
 var Up = require('@bigbinary/neeto-icons/Up');
 var Down = require('@bigbinary/neeto-icons/Down');
 var Info = require('@bigbinary/neeto-icons/Info');
+var initializers = require('@bigbinary/neeto-commons-frontend/v2/initializers');
 require('../../useAutomationRulesApi-C1T2E1AN.js');
 require('@tanstack/react-query');
 require('@bigbinary/neeto-commons-frontend/react-utils');
@@ -49,7 +50,6 @@ require('@babel/runtime/helpers/toArray');
 require('@bigbinary/neeto-molecules/v2/PhoneNumber');
 require('react-select');
 require('../../constants-dLBadaIU.js');
-require('@bigbinary/neeto-commons-frontend/v2/initializers');
 require('@bigbinary/neeto-editor/v2/utils');
 require('zustand');
 require('@bigbinary/neeto-commons-frontend/initializers');
@@ -272,8 +272,8 @@ var useReplayFlash = function useReplayFlash(flashSeq) {
 };
 
 var _excluded$1 = ["children", "state", "active", "invalid", "onClick", "className", "dataTestid"];
-function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Token = function Token(_ref) {
   var children = _ref.children,
     _ref$state = _ref.state,
@@ -288,7 +288,7 @@ var Token = function Token(_ref) {
     rest = _objectWithoutProperties(_ref, _excluded$1);
   var isInteractive = typeof onClick === "function" && state !== TOKEN_STATE.DISABLED;
   var tokenRef = useReplayFlash(invalid);
-  return /*#__PURE__*/jsxRuntime.jsx("span", _objectSpread$c(_objectSpread$c({
+  return /*#__PURE__*/jsxRuntime.jsx("span", _objectSpread$e(_objectSpread$e({
     "data-testid": dataTestid,
     ref: tokenRef,
     role: isInteractive ? "button" : undefined,
@@ -326,8 +326,8 @@ var Values = function Values(_ref) {
   });
 };
 
-function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var humanize = function humanize(value) {
   return String(value !== null && value !== void 0 ? value : "").replace(/[._]/g, " ").trim();
 };
@@ -773,7 +773,7 @@ var normalizeTriggers = function normalizeTriggers(triggers) {
 };
 var normalizeSchema = function normalizeSchema() {
   var rawSchema = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return ramda.mergeDeepRight(DEFAULT_SCHEMA, _objectSpread$b(_objectSpread$b({}, rawSchema), {}, {
+  return ramda.mergeDeepRight(DEFAULT_SCHEMA, _objectSpread$d(_objectSpread$d({}, rawSchema), {}, {
     triggers: normalizeTriggers(rawSchema.triggers)
   }));
 };
@@ -904,34 +904,69 @@ var setTriggers = function setTriggers(_ref33) {
     value: triggers
   };
 };
-var setPerformer = function setPerformer(_ref34) {
+
+// Removed saved triggers must be sent with _destroy, or the backend keeps them.
+var replaceTriggers = function replaceTriggers(_ref34) {
   var schema = _ref34.schema,
-    performer = _ref34.performer;
+    values = _ref34.values,
+    triggers = _ref34.triggers;
+  var fieldKey = fieldKeysFromSchema(schema).triggers;
+  var keptIds = triggers.map(function (trigger) {
+    return trigger === null || trigger === void 0 ? void 0 : trigger.id;
+  }).filter(Boolean);
+  var removed = asArray(valueAt({
+    values: values,
+    key: fieldKey
+  })).filter(function (trigger) {
+    return (trigger === null || trigger === void 0 ? void 0 : trigger.id) && !keptIds.includes(trigger.id);
+  }).map(function (trigger) {
+    return _objectSpread$d(_objectSpread$d({}, trigger), {}, {
+      _destroy: true
+    });
+  });
+  var edits = [setTriggers({
+    schema: schema,
+    triggers: triggers
+  })];
+  if (removed.length) {
+    var _values$fieldKey;
+    // eslint-disable-next-line security/detect-object-injection
+    var deleted = asArray(values === null || values === void 0 || (_values$fieldKey = values[fieldKey]) === null || _values$fieldKey === void 0 ? void 0 : _values$fieldKey.deleted);
+    edits.push({
+      path: "".concat(fieldKey, ".deleted"),
+      value: [].concat(_toConsumableArray(deleted), _toConsumableArray(removed))
+    });
+  }
+  return edits;
+};
+var setPerformer = function setPerformer(_ref35) {
+  var schema = _ref35.schema,
+    performer = _ref35.performer;
   return {
     path: "".concat(fieldKeysFromSchema(schema).performer, ".value"),
     value: performer
   };
 };
-var setActions = function setActions(_ref35) {
-  var schema = _ref35.schema,
-    actions = _ref35.actions;
+var setActions = function setActions(_ref36) {
+  var schema = _ref36.schema,
+    actions = _ref36.actions;
   return {
     path: "".concat(fieldKeysFromSchema(schema).actions, ".value"),
     value: actions
   };
 };
-var setConditions = function setConditions(_ref36) {
-  var schema = _ref36.schema,
-    conditions = _ref36.conditions;
+var setConditions = function setConditions(_ref37) {
+  var schema = _ref37.schema,
+    conditions = _ref37.conditions;
   return {
     path: "".concat(fieldKeysFromSchema(schema).conditions, ".value"),
     value: conditions
   };
 };
-var setConditionMode = function setConditionMode(_ref37) {
-  var schema = _ref37.schema,
-    conditions = _ref37.conditions,
-    joinType = _ref37.joinType;
+var setConditionMode = function setConditionMode(_ref38) {
+  var schema = _ref38.schema,
+    conditions = _ref38.conditions,
+    joinType = _ref38.joinType;
   return setConditions({
     schema: schema,
     conditions: conditions.map(function (condition) {
@@ -939,34 +974,34 @@ var setConditionMode = function setConditionMode(_ref37) {
     })
   });
 };
-var setDelay = function setDelay(_ref38) {
-  var schema = _ref38.schema,
-    delay = _ref38.delay;
+var setDelay = function setDelay(_ref39) {
+  var schema = _ref39.schema,
+    delay = _ref39.delay;
   return {
     path: "".concat(fieldKeysFromSchema(schema).delay, ".value"),
     value: delay !== null && delay !== void 0 ? delay : {}
   };
 };
-var setActive = function setActive(_ref39) {
-  var schema = _ref39.schema,
-    active = _ref39.active;
+var setActive = function setActive(_ref40) {
+  var schema = _ref40.schema,
+    active = _ref40.active;
   return {
     path: "".concat(fieldKeysFromSchema(schema).status, ".value"),
     value: active ? STATUS_KEYS.ENABLED : STATUS_KEYS.DISABLED
   };
 };
-var setScope = function setScope(_ref40) {
-  var schema = _ref40.schema,
-    scope = _ref40.scope;
+var setScope = function setScope(_ref41) {
+  var schema = _ref41.schema,
+    scope = _ref41.scope;
   return {
     path: "".concat(fieldKeysFromSchema(schema).scope, ".value"),
     value: scope
   };
 };
-var removeArrayItem = function removeArrayItem(_ref41) {
-  var values = _ref41.values,
-    fieldKey = _ref41.fieldKey,
-    index = _ref41.index;
+var removeArrayItem = function removeArrayItem(_ref42) {
+  var values = _ref42.values,
+    fieldKey = _ref42.fieldKey,
+    index = _ref42.index;
   var list = asArray(valueAt({
     values: values,
     key: fieldKey
@@ -981,21 +1016,21 @@ var removeArrayItem = function removeArrayItem(_ref41) {
     value: nextList
   }];
   if (removed !== null && removed !== void 0 && removed.id) {
-    var _values$fieldKey;
+    var _values$fieldKey2;
     // eslint-disable-next-line security/detect-object-injection
-    var deleted = asArray(values === null || values === void 0 || (_values$fieldKey = values[fieldKey]) === null || _values$fieldKey === void 0 ? void 0 : _values$fieldKey.deleted);
+    var deleted = asArray(values === null || values === void 0 || (_values$fieldKey2 = values[fieldKey]) === null || _values$fieldKey2 === void 0 ? void 0 : _values$fieldKey2.deleted);
     result.push({
       path: "".concat(fieldKey, ".deleted"),
-      value: [].concat(_toConsumableArray(deleted), [_objectSpread$b(_objectSpread$b({}, removed), {}, {
+      value: [].concat(_toConsumableArray(deleted), [_objectSpread$d(_objectSpread$d({}, removed), {}, {
         _destroy: true
       })])
     });
   }
   return result;
 };
-var clearArrayItems = function clearArrayItems(_ref42) {
-  var values = _ref42.values,
-    fieldKey = _ref42.fieldKey;
+var clearArrayItems = function clearArrayItems(_ref43) {
+  var values = _ref43.values,
+    fieldKey = _ref43.fieldKey;
   var list = asArray(valueAt({
     values: values,
     key: fieldKey
@@ -1003,7 +1038,7 @@ var clearArrayItems = function clearArrayItems(_ref42) {
   var removed = list.filter(function (item) {
     return item === null || item === void 0 ? void 0 : item.id;
   }).map(function (item) {
-    return _objectSpread$b(_objectSpread$b({}, item), {}, {
+    return _objectSpread$d(_objectSpread$d({}, item), {}, {
       _destroy: true
     });
   });
@@ -1012,9 +1047,9 @@ var clearArrayItems = function clearArrayItems(_ref42) {
     value: []
   }];
   if (removed.length) {
-    var _values$fieldKey2;
+    var _values$fieldKey3;
     // eslint-disable-next-line security/detect-object-injection
-    var deleted = asArray(values === null || values === void 0 || (_values$fieldKey2 = values[fieldKey]) === null || _values$fieldKey2 === void 0 ? void 0 : _values$fieldKey2.deleted);
+    var deleted = asArray(values === null || values === void 0 || (_values$fieldKey3 = values[fieldKey]) === null || _values$fieldKey3 === void 0 ? void 0 : _values$fieldKey3.deleted);
     result.push({
       path: "".concat(fieldKey, ".deleted"),
       value: [].concat(_toConsumableArray(deleted), _toConsumableArray(removed))
@@ -1023,8 +1058,8 @@ var clearArrayItems = function clearArrayItems(_ref42) {
   return result;
 };
 
-function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ConditionRow = function ConditionRow(_ref) {
   var _schema$conditions;
   var rule = _ref.rule,
@@ -1141,7 +1176,7 @@ var ConditionRow = function ConditionRow(_ref) {
               index: index
             });
           },
-          children: value ? /*#__PURE__*/jsxRuntime.jsx(Values, _objectSpread$a({}, value)) : t("neetoRules.form.addValue")
+          children: value ? /*#__PURE__*/jsxRuntime.jsx(Values, _objectSpread$c({}, value)) : t("neetoRules.form.addValue")
         })]
       }) : /*#__PURE__*/jsxRuntime.jsx(Token, {
         active: isActive({
@@ -1174,7 +1209,7 @@ var ConditionRow = function ConditionRow(_ref) {
           position: "top"
         },
         onClick: handleAddCondition
-      }), handleRemove && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, _objectSpread$a({
+      }), handleRemove && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, _objectSpread$c({
         "data-testid": "cond-remove-".concat(index),
         icon: Delete,
         size: "sm",
@@ -1213,8 +1248,8 @@ var Connector = function Connector(_ref) {
   });
 };
 
-function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DelayRow = function DelayRow(_ref) {
   var rule = _ref.rule,
     handleToken = _ref.onToken,
@@ -1266,7 +1301,7 @@ var DelayRow = function DelayRow(_ref) {
       })]
     }), handleRemove && /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "mb-row-actions",
-      children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, _objectSpread$9({
+      children: /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, _objectSpread$b({
         "data-testid": "rule-delay-remove",
         icon: Delete,
         size: "sm",
@@ -1356,8 +1391,8 @@ var MetaBlock = function MetaBlock(_ref) {
   });
 };
 
-function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var itemLabel = function itemLabel(item) {
   return (item === null || item === void 0 ? void 0 : item.label) || (item === null || item === void 0 ? void 0 : item.name) || (item === null || item === void 0 ? void 0 : item.value) || String(item !== null && item !== void 0 ? item : "");
 };
@@ -1519,7 +1554,7 @@ var ScopeRow = function ScopeRow(_ref2) {
             type: BUILDER_ANCHORS.SCOPE
           });
         }
-      }), handleRemoveScope && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, _objectSpread$8({
+      }), handleRemoveScope && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, _objectSpread$a({
         "data-testid": "scope-remove-".concat(index),
         icon: Delete,
         size: "sm",
@@ -1536,8 +1571,8 @@ var ScopeRow = function ScopeRow(_ref2) {
   });
 };
 
-function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ActionRow = function ActionRow(_ref) {
   var schema = _ref.schema,
     action = _ref.action,
@@ -1630,7 +1665,7 @@ var ActionRow = function ActionRow(_ref) {
           index: index
         });
       },
-      children: configValueParts ? /*#__PURE__*/jsxRuntime.jsx(Values, _objectSpread$7({}, configValueParts)) : sentencify(configValuePlaceholder) || t("neetoRules.builder.selectFallback")
+      children: configValueParts ? /*#__PURE__*/jsxRuntime.jsx(Values, _objectSpread$9({}, configValueParts)) : sentencify(configValuePlaceholder) || t("neetoRules.builder.selectFallback")
     })]
   }, "config") : null;
   var recipientToken = needsRecipient ? /*#__PURE__*/jsxRuntime.jsxs(react.Fragment, {
@@ -1733,7 +1768,7 @@ var ActionRow = function ActionRow(_ref) {
               index: index
             });
           },
-          children: configValueParts ? /*#__PURE__*/jsxRuntime.jsx(Values, _objectSpread$7({}, configValueParts)) : sentencify(configValuePlaceholder) || paramPlaceholder
+          children: configValueParts ? /*#__PURE__*/jsxRuntime.jsx(Values, _objectSpread$9({}, configValueParts)) : sentencify(configValuePlaceholder) || paramPlaceholder
         }) : configLabel && /*#__PURE__*/jsxRuntime.jsxs(Token, {
           className: "mb-tok-medium",
           dataTestid: "action-config-".concat(index),
@@ -1769,7 +1804,7 @@ var ActionRow = function ActionRow(_ref) {
           position: "top"
         },
         onClick: handleAddAction
-      }), handleRemove && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, _objectSpread$7({
+      }), handleRemove && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, _objectSpread$9({
         "data-testid": "action-remove-".concat(index),
         icon: Delete,
         size: "sm",
@@ -1876,8 +1911,8 @@ var ThenBlock = function ThenBlock(_ref) {
   });
 };
 
-function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var WhenBlock = function WhenBlock(_ref) {
   var _schema$actor;
   var rule = _ref.rule,
@@ -2032,7 +2067,7 @@ var WhenBlock = function WhenBlock(_ref) {
           position: "top"
         },
         onClick: handleAddCondition
-      }), handleClearTrigger && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, _objectSpread$6({
+      }), handleClearTrigger && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, _objectSpread$8({
         "data-testid": "trigger-clear",
         icon: Delete,
         size: "sm",
@@ -2051,8 +2086,8 @@ var WhenBlock = function WhenBlock(_ref) {
 };
 
 var _excluded = ["type"];
-function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var usePaneCascade = function usePaneCascade(schema) {
   var _useUtilityStore = useUtilityStore.useUtilityStore(shallow.useShallow(function (store) {
       return {
@@ -2070,7 +2105,7 @@ var usePaneCascade = function usePaneCascade(schema) {
       type: type,
       variant: "builder",
       size: LARGE_PANEL_TYPES.includes(type) ? "large" : "small",
-      data: _objectSpread$5({
+      data: _objectSpread$7({
         schema: schema
       }, data)
     });
@@ -2082,7 +2117,7 @@ var usePaneCascade = function usePaneCascade(schema) {
       rest = _objectWithoutProperties(token, _excluded);
     openType({
       type: type,
-      data: _objectSpread$5({
+      data: _objectSpread$7({
         anchor: anchor
       }, rest)
     });
@@ -2115,9 +2150,10 @@ var useRuleModel = function useRuleModel(schema) {
   return {
     rule: rule,
     fieldKeys: fieldKeysFromSchema(schema),
-    setTriggers: function setTriggers$1(triggers) {
-      return apply(setTriggers({
+    setTriggers: function setTriggers(triggers) {
+      return applyAll(replaceTriggers({
         schema: schema,
+        values: values,
         triggers: triggers
       }));
     },
@@ -2199,8 +2235,8 @@ var useRuleModel = function useRuleModel(schema) {
   };
 };
 
-function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var triggerValue = function triggerValue(option) {
   var _ref, _option$eventValue;
   return (_ref = (_option$eventValue = option.eventValue) !== null && _option$eventValue !== void 0 ? _option$eventValue : option.value) !== null && _ref !== void 0 ? _ref : option.id;
@@ -2374,11 +2410,42 @@ var recipientsFor = function recipientsFor(_ref11) {
   if (option !== null && option !== void 0 && option.recipients) return option.recipients;
   return ((_schema$actions8 = schema.actions) === null || _schema$actions8 === void 0 ? void 0 : _schema$actions8.recipients) || [];
 };
-var nextTriggers = function nextTriggers(_ref12) {
-  var _schema$triggers;
+
+// Each action runs once per rule, so hide recipients another row already uses.
+var availableRecipients = function availableRecipients(_ref12) {
   var schema = _ref12.schema,
     rule = _ref12.rule,
-    value = _ref12.value;
+    index = _ref12.index;
+  var action = actionAt({
+    rule: rule,
+    index: index
+  });
+  var channel = channelOf({
+    schema: schema,
+    action: action
+  });
+  var usedNames = rule.actions.filter(function (_, position) {
+    return position !== index;
+  }).map(function (item) {
+    return item.name;
+  }).filter(Boolean);
+  return recipientsFor({
+    schema: schema,
+    action: action
+  }).filter(function (recipient) {
+    var _schema$actions9, _schema$actions9$reso;
+    var name = (_schema$actions9 = schema.actions) === null || _schema$actions9 === void 0 || (_schema$actions9$reso = _schema$actions9.resolveName) === null || _schema$actions9$reso === void 0 ? void 0 : _schema$actions9$reso.call(_schema$actions9, {
+      channel: channel,
+      recipient: optionValue(recipient)
+    });
+    return !name || !usedNames.includes(name);
+  });
+};
+var nextTriggers = function nextTriggers(_ref13) {
+  var _schema$triggers;
+  var schema = _ref13.schema,
+    rule = _ref13.rule,
+    value = _ref13.value;
   if ((_schema$triggers = schema.triggers) !== null && _schema$triggers !== void 0 && _schema$triggers.multi) {
     var names = ramda.pluck("name", rule.triggers);
     return names.includes(value) ? neetoCist.removeBy({
@@ -2387,16 +2454,16 @@ var nextTriggers = function nextTriggers(_ref12) {
       name: value
     }]);
   }
-  return [_objectSpread$4(_objectSpread$4({}, rule.triggers[0]), {}, {
+  return [_objectSpread$6(_objectSpread$6({}, rule.triggers[0]), {}, {
     name: value
   })];
 };
-var nextConditionAt = function nextConditionAt(_ref13) {
+var nextConditionAt = function nextConditionAt(_ref14) {
   var _field$allowMatching;
-  var schema = _ref13.schema,
-    rule = _ref13.rule,
-    index = _ref13.index,
-    value = _ref13.value;
+  var schema = _ref14.schema,
+    rule = _ref14.rule,
+    index = _ref14.index,
+    value = _ref14.value;
   var field = findField({
     schema: schema,
     value: value
@@ -2408,20 +2475,20 @@ var nextConditionAt = function nextConditionAt(_ref13) {
   var first = field === null || field === void 0 || (_field$allowMatching = field.allowMatching) === null || _field$allowMatching === void 0 ? void 0 : _field$allowMatching[0];
   var defaultVerb = first && !((field === null || field === void 0 ? void 0 : field.noValueForVerbs) || []).includes(first) ? first : undefined;
   var verb = ((field === null || field === void 0 ? void 0 : field.allowMatching) || []).includes(previous.verb) ? previous.verb : defaultVerb;
-  return _objectSpread$4(_objectSpread$4({}, previous), {}, {
+  return _objectSpread$6(_objectSpread$6({}, previous), {}, {
     field: value,
     kind: field === null || field === void 0 ? void 0 : field.kind,
     verb: verb,
     metadata: {}
   });
 };
-var nextActionAt = function nextActionAt(_ref14) {
-  var _schema$actions9;
-  var schema = _ref14.schema,
-    rule = _ref14.rule,
-    index = _ref14.index,
-    value = _ref14.value;
-  if (!((_schema$actions9 = schema.actions) !== null && _schema$actions9 !== void 0 && _schema$actions9.resolveName)) {
+var nextActionAt = function nextActionAt(_ref15) {
+  var _schema$actions0;
+  var schema = _ref15.schema,
+    rule = _ref15.rule,
+    index = _ref15.index,
+    value = _ref15.value;
+  if (!((_schema$actions0 = schema.actions) !== null && _schema$actions0 !== void 0 && _schema$actions0.resolveName)) {
     var option = findActionOption({
       schema: schema,
       name: value
@@ -2432,7 +2499,7 @@ var nextActionAt = function nextActionAt(_ref14) {
     });
     if (option !== null && option !== void 0 && option.recipients) {
       var _channelChanged = _prev.channel !== value;
-      return _objectSpread$4(_objectSpread$4({}, _prev), {}, {
+      return _objectSpread$6(_objectSpread$6({}, _prev), {}, {
         channel: value,
         recipient: _channelChanged ? undefined : _prev.recipient,
         name: "",
@@ -2440,7 +2507,7 @@ var nextActionAt = function nextActionAt(_ref14) {
         metadata: _channelChanged ? {} : _prev.metadata
       });
     }
-    return _objectSpread$4(_objectSpread$4({}, _prev), {}, {
+    return _objectSpread$6(_objectSpread$6({}, _prev), {}, {
       channel: undefined,
       recipient: undefined,
       name: value,
@@ -2459,16 +2526,16 @@ var nextActionAt = function nextActionAt(_ref14) {
   var channelChanged = prevChannel !== value;
   var recipient = channelChanged ? undefined : prev.recipient;
   if (channelChanged) {
-    var _schema$actions0;
+    var _schema$actions1;
     var channelRecipients =
     // eslint-disable-next-line security/detect-object-injection
-    ((_schema$actions0 = schema.actions) === null || _schema$actions0 === void 0 || (_schema$actions0 = _schema$actions0.recipientsByChannel) === null || _schema$actions0 === void 0 ? void 0 : _schema$actions0[value]) || [];
+    ((_schema$actions1 = schema.actions) === null || _schema$actions1 === void 0 || (_schema$actions1 = _schema$actions1.recipientsByChannel) === null || _schema$actions1 === void 0 ? void 0 : _schema$actions1[value]) || [];
     if (channelRecipients.length === 1) {
       var _channelRecipients = _slicedToArray(channelRecipients, 1);
       recipient = _channelRecipients[0];
     }
   }
-  return _objectSpread$4(_objectSpread$4({}, prev), {}, {
+  return _objectSpread$6(_objectSpread$6({}, prev), {}, {
     channel: value,
     recipient: recipient,
     name: schema.actions.resolveName({
@@ -2478,11 +2545,11 @@ var nextActionAt = function nextActionAt(_ref14) {
     metadata: channelChanged ? {} : prev.metadata
   });
 };
-var appendScopeItem = function appendScopeItem(_ref15) {
+var appendScopeItem = function appendScopeItem(_ref16) {
   var _sc$requiresPhone;
-  var schema = _ref15.schema,
-    rule = _ref15.rule,
-    value = _ref15.value;
+  var schema = _ref16.schema,
+    rule = _ref16.rule,
+    value = _ref16.value;
   var sc = schema.scope || {};
   var option = (sc.options || []).find(function (candidate) {
     return optionValue(candidate) === value;
@@ -2495,16 +2562,16 @@ var appendScopeItem = function appendScopeItem(_ref15) {
     schema: schema,
     item: option
   });
-  return (phoneFields === null || phoneFields === void 0 ? void 0 : phoneFields.length) === 1 ? _objectSpread$4(_objectSpread$4({}, option), {}, {
+  return (phoneFields === null || phoneFields === void 0 ? void 0 : phoneFields.length) === 1 ? _objectSpread$6(_objectSpread$6({}, option), {}, {
     phoneField: phoneFields[0].value
   }) : option;
 };
-var nextActionRecipientAt = function nextActionRecipientAt(_ref16) {
-  var _schema$actions1;
-  var schema = _ref16.schema,
-    rule = _ref16.rule,
-    index = _ref16.index,
-    value = _ref16.value;
+var nextActionRecipientAt = function nextActionRecipientAt(_ref17) {
+  var _schema$actions10;
+  var schema = _ref17.schema,
+    rule = _ref17.rule,
+    index = _ref17.index,
+    value = _ref17.value;
   var prev = actionAt({
     rule: rule,
     index: index
@@ -2513,21 +2580,21 @@ var nextActionRecipientAt = function nextActionRecipientAt(_ref16) {
     schema: schema,
     action: prev
   });
-  return _objectSpread$4(_objectSpread$4({}, prev), {}, {
+  return _objectSpread$6(_objectSpread$6({}, prev), {}, {
     recipient: value,
-    name: (_schema$actions1 = schema.actions) !== null && _schema$actions1 !== void 0 && _schema$actions1.resolveName ? schema.actions.resolveName({
+    name: (_schema$actions10 = schema.actions) !== null && _schema$actions10 !== void 0 && _schema$actions10.resolveName ? schema.actions.resolveName({
       channel: channel,
       recipient: value
     }) : value
   });
 };
-var descriptorFor = function descriptorFor(_ref17) {
+var descriptorFor = function descriptorFor(_ref18) {
   var _schema$actor2;
-  var anchor = _ref17.anchor,
-    schema = _ref17.schema,
-    rule = _ref17.rule,
-    index = _ref17.index,
-    stepKey = _ref17.stepKey;
+  var anchor = _ref18.anchor,
+    schema = _ref18.schema,
+    rule = _ref18.rule,
+    index = _ref18.index,
+    stepKey = _ref18.stepKey;
   switch (anchor) {
     case BUILDER_ANCHORS.TRIGGER_ADD:
     case BUILDER_ANCHORS.TRIGGER_REPLACE:
@@ -2640,19 +2707,19 @@ var descriptorFor = function descriptorFor(_ref17) {
     case BUILDER_ANCHORS.ACTION_ADD:
     case BUILDER_ANCHORS.ACTION_CHANNEL:
       {
-        var _schema$actions11, _channelOf;
+        var _schema$actions12, _channelOf;
         var isSwap = anchor === BUILDER_ANCHORS.ACTION_CHANNEL;
         var channelMetaFor = function channelMetaFor(value) {
-          var _schema$actions10;
+          var _schema$actions11;
           return (
             // eslint-disable-next-line security/detect-object-injection
-            ((_schema$actions10 = schema.actions) === null || _schema$actions10 === void 0 || (_schema$actions10 = _schema$actions10.channelMeta) === null || _schema$actions10 === void 0 ? void 0 : _schema$actions10[value]) || {}
+            ((_schema$actions11 = schema.actions) === null || _schema$actions11 === void 0 || (_schema$actions11 = _schema$actions11.channelMeta) === null || _schema$actions11 === void 0 ? void 0 : _schema$actions11[value]) || {}
           );
         };
 
         // Both panes list the host's actions in the order it declared them;
         // re-ranking only the swap pane made the two disagree.
-        var sourceOptions = ((_schema$actions11 = schema.actions) === null || _schema$actions11 === void 0 ? void 0 : _schema$actions11.options) || [];
+        var sourceOptions = ((_schema$actions12 = schema.actions) === null || _schema$actions12 === void 0 ? void 0 : _schema$actions12.options) || [];
         return {
           title: isSwap ? i18next.t("neetoRules.builder.panes.actionSwapTitle") : i18next.t("neetoRules.builder.panes.actionAddTitle"),
           subtitle: isSwap ? i18next.t("neetoRules.builder.panes.actionSwapSubtitle") : i18next.t("neetoRules.builder.panes.actionAddSubtitle"),
@@ -2687,7 +2754,7 @@ var descriptorFor = function descriptorFor(_ref17) {
       }
     case BUILDER_ANCHORS.ACTION_RECIPIENT:
       {
-        var _schema$actions12;
+        var _schema$actions13;
         var action = actionAt({
           rule: rule,
           index: index
@@ -2697,7 +2764,7 @@ var descriptorFor = function descriptorFor(_ref17) {
           action: action
         });
         // eslint-disable-next-line security/detect-object-injection
-        var meta = ((_schema$actions12 = schema.actions) === null || _schema$actions12 === void 0 || (_schema$actions12 = _schema$actions12.channelMeta) === null || _schema$actions12 === void 0 ? void 0 : _schema$actions12[channel]) || {};
+        var meta = ((_schema$actions13 = schema.actions) === null || _schema$actions13 === void 0 || (_schema$actions13 = _schema$actions13.channelMeta) === null || _schema$actions13 === void 0 ? void 0 : _schema$actions13[channel]) || {};
         var option = findActionOption({
           schema: schema,
           name: channel
@@ -2705,9 +2772,10 @@ var descriptorFor = function descriptorFor(_ref17) {
         return {
           title: meta.recipientTitle || (option === null || option === void 0 ? void 0 : option.recipientTitle) || i18next.t("neetoRules.builder.panes.recipientTitle"),
           subtitle: meta.recipientSubtitle || (option === null || option === void 0 ? void 0 : option.recipientSubtitle) || i18next.t("neetoRules.builder.panes.recipientSubtitle"),
-          options: recipientsFor({
+          options: availableRecipients({
             schema: schema,
-            action: action
+            rule: rule,
+            index: index
           }).map(function (recipient) {
             return {
               label: recipient.label,
@@ -2815,14 +2883,14 @@ var descriptorFor = function descriptorFor(_ref17) {
       };
   }
 };
-var commitFor = function commitFor(_ref18) {
-  var anchor = _ref18.anchor,
-    schema = _ref18.schema,
-    rule = _ref18.rule,
-    index = _ref18.index,
-    stepKey = _ref18.stepKey,
-    value = _ref18.value,
-    helpers = _ref18.helpers;
+var commitFor = function commitFor(_ref19) {
+  var anchor = _ref19.anchor,
+    schema = _ref19.schema,
+    rule = _ref19.rule,
+    index = _ref19.index,
+    stepKey = _ref19.stepKey,
+    value = _ref19.value,
+    helpers = _ref19.helpers;
   var setTriggers = helpers.setTriggers,
     setPerformer = helpers.setPerformer,
     setConditionMode = helpers.setConditionMode,
@@ -2842,7 +2910,7 @@ var commitFor = function commitFor(_ref18) {
           }]));
           return "stay";
         }
-        setTriggers([_objectSpread$4(_objectSpread$4({}, rule.triggers[0]), {}, {
+        setTriggers([_objectSpread$6(_objectSpread$6({}, rule.triggers[0]), {}, {
           name: value
         })]);
         var leadTime = (_schema$triggers5 = schema.triggers) === null || _schema$triggers5 === void 0 ? void 0 : _schema$triggers5.leadTime;
@@ -2927,14 +2995,14 @@ var commitFor = function commitFor(_ref18) {
       return "close";
   }
 };
-var continueTargetFor = function continueTargetFor(_ref19) {
+var continueTargetFor = function continueTargetFor(_ref20) {
   var _schema$actor3;
-  var anchor = _ref19.anchor,
-    schema = _ref19.schema,
-    rule = _ref19.rule,
-    index = _ref19.index,
-    stepKey = _ref19.stepKey,
-    configPending = _ref19.configPending;
+  var anchor = _ref20.anchor,
+    schema = _ref20.schema,
+    rule = _ref20.rule,
+    index = _ref20.index,
+    stepKey = _ref20.stepKey,
+    configPending = _ref20.configPending;
   switch (anchor) {
     case BUILDER_ANCHORS.TRIGGER_ADD:
     case BUILDER_ANCHORS.TRIGGER_REPLACE:
@@ -3046,25 +3114,25 @@ var continueTargetFor = function continueTargetFor(_ref19) {
       return null;
   }
 };
-var replaceAt = function replaceAt(_ref20) {
-  var list = _ref20.list,
-    index = _ref20.index,
-    item = _ref20.item;
+var replaceAt = function replaceAt(_ref21) {
+  var list = _ref21.list,
+    index = _ref21.index,
+    item = _ref21.item;
   var next = _toConsumableArray(list);
   // eslint-disable-next-line security/detect-object-injection
   next[index] = item;
   return next;
 };
-var applyPreview = function applyPreview(_ref21) {
-  var rule = _ref21.rule,
-    schema = _ref21.schema,
-    anchor = _ref21.anchor,
-    index = _ref21.index,
-    value = _ref21.value;
+var applyPreview = function applyPreview(_ref22) {
+  var rule = _ref22.rule,
+    schema = _ref22.schema,
+    anchor = _ref22.anchor,
+    index = _ref22.index,
+    value = _ref22.value;
   switch (anchor) {
     case BUILDER_ANCHORS.TRIGGER_ADD:
     case BUILDER_ANCHORS.TRIGGER_REPLACE:
-      return _objectSpread$4(_objectSpread$4({}, rule), {}, {
+      return _objectSpread$6(_objectSpread$6({}, rule), {}, {
         triggers: Array.isArray(value) ? value.map(function (name) {
           return {
             name: name
@@ -3076,11 +3144,11 @@ var applyPreview = function applyPreview(_ref21) {
         })
       });
     case BUILDER_ANCHORS.TRIGGER_ACTOR:
-      return _objectSpread$4(_objectSpread$4({}, rule), {}, {
+      return _objectSpread$6(_objectSpread$6({}, rule), {}, {
         performer: value
       });
     case BUILDER_ANCHORS.COND_FIELD:
-      return _objectSpread$4(_objectSpread$4({}, rule), {}, {
+      return _objectSpread$6(_objectSpread$6({}, rule), {}, {
         conditions: replaceAt({
           list: rule.conditions,
           index: index,
@@ -3093,11 +3161,11 @@ var applyPreview = function applyPreview(_ref21) {
         })
       });
     case BUILDER_ANCHORS.COND_OP_TOGGLE:
-      return _objectSpread$4(_objectSpread$4({}, rule), {}, {
+      return _objectSpread$6(_objectSpread$6({}, rule), {}, {
         conditions: replaceAt({
           list: rule.conditions,
           index: index,
-          item: _objectSpread$4(_objectSpread$4({}, conditionAt({
+          item: _objectSpread$6(_objectSpread$6({}, conditionAt({
             rule: rule,
             index: index
           })), {}, {
@@ -3106,12 +3174,12 @@ var applyPreview = function applyPreview(_ref21) {
         })
       });
     case BUILDER_ANCHORS.COND_CONNECTOR:
-      return _objectSpread$4(_objectSpread$4({}, rule), {}, {
+      return _objectSpread$6(_objectSpread$6({}, rule), {}, {
         conditionMode: value
       });
     case BUILDER_ANCHORS.ACTION_ADD:
     case BUILDER_ANCHORS.ACTION_CHANNEL:
-      return _objectSpread$4(_objectSpread$4({}, rule), {}, {
+      return _objectSpread$6(_objectSpread$6({}, rule), {}, {
         actions: replaceAt({
           list: rule.actions,
           index: index,
@@ -3124,7 +3192,7 @@ var applyPreview = function applyPreview(_ref21) {
         })
       });
     case BUILDER_ANCHORS.ACTION_RECIPIENT:
-      return _objectSpread$4(_objectSpread$4({}, rule), {}, {
+      return _objectSpread$6(_objectSpread$6({}, rule), {}, {
         actions: replaceAt({
           list: rule.actions,
           index: index,
@@ -3137,11 +3205,11 @@ var applyPreview = function applyPreview(_ref21) {
         })
       });
     case BUILDER_ANCHORS.SCOPE_PHONE_FIELD:
-      return _objectSpread$4(_objectSpread$4({}, rule), {}, {
+      return _objectSpread$6(_objectSpread$6({}, rule), {}, {
         scope: replaceAt({
           list: rule.scope,
           index: index,
-          item: _objectSpread$4(_objectSpread$4({}, scopeItemAt({
+          item: _objectSpread$6(_objectSpread$6({}, scopeItemAt({
             rule: rule,
             index: index
           })), {}, {
@@ -3154,8 +3222,8 @@ var applyPreview = function applyPreview(_ref21) {
   }
 };
 
-function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Canvas = function Canvas(_ref) {
   var _schema$actor2, _ref6, _actorOptions$0$value, _schema$scope, _schema$conditions, _schema$triggers, _schema$delay, _schema$meta$showName, _schema$meta;
   var schema = _ref.schema;
@@ -3189,7 +3257,7 @@ var Canvas = function Canvas(_ref) {
     builderPreview = _useUtilityStore.builderPreview,
     panelState = _useUtilityStore.panelState;
   var displayRule = react.useMemo(function () {
-    return builderPreview ? applyPreview(_objectSpread$3({
+    return builderPreview ? applyPreview(_objectSpread$5({
       rule: rule,
       schema: schema
     }, builderPreview)) : rule;
@@ -3577,7 +3645,115 @@ var CONDITION_VALUE_TYPES = {
   multiSelect: "multi-select",
   multiSelectCreate: "multi-select-create",
   number: "number",
-  email: "email"
+  email: "email",
+  date: "date"
+};
+
+function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var EmailChannelFields = function EmailChannelFields(_ref) {
+  var _getIn, _getIn2, _action$metadata;
+  var name = _ref.name,
+    option = _ref.option,
+    action = _ref.action,
+    options = _ref.options,
+    hasRecipientField = _ref.hasRecipientField,
+    hint = _ref.hint;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useFormikContext = formik.useFormikContext(),
+    values = _useFormikContext.values,
+    errors = _useFormikContext.errors,
+    touched = _useFormikContext.touched,
+    setFieldValue = _useFormikContext.setFieldValue,
+    setFieldTouched = _useFormikContext.setFieldTouched;
+  var editorRef = react.useRef(null);
+  var _useUtilityStore = useUtilityStore.useUtilityStore(shallow.useShallow(function (store) {
+      return {
+        isSaveAsTemplateEnabled: store["isSaveAsTemplateEnabled"]
+      };
+    })),
+    isSaveAsTemplateEnabled = _useUtilityStore.isSaveAsTemplateEnabled;
+  var hasFieldChanged = index.useHasFieldChanged(name);
+  var valuePath = "".concat(name, ".value");
+  var subjectPath = "".concat(name, ".subject");
+  var bodyPath = "".concat(name, ".body");
+  var templates = option === null || option === void 0 ? void 0 : option.templates;
+  // Hosts whose email action picks its recipient from a list keep that
+  // choice in the same pane as the message.
+  var hasRecipientList = neetoCist.isNotEmpty(options) && !hasRecipientField;
+  var fieldError = function fieldError(path) {
+    return formik.getIn(touched, path) && formik.getIn(errors, path);
+  };
+  var shouldShowSaveAsTemplate = react.useCallback(function () {
+    var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      templateId = _ref2.templateId,
+      subject = _ref2.subject,
+      body = _ref2.body;
+    var template = neetoCist.findBy({
+      id: templateId
+    }, templates);
+    var hasContent = neetoCist.isPresent(subject) || neetoCist.isPresent(body);
+    var isContentDifferentFromTemplate = !(index.areValuesEqual(template === null || template === void 0 ? void 0 : template.subject, subject) && (template === null || template === void 0 ? void 0 : template.body) === body);
+    return hasContent && hasFieldChanged && isContentDifferentFromTemplate;
+  }, [templates, hasFieldChanged]);
+  var isSaveAsTemplateVisible = index.useResetSaveAsTemplateOnHide(name, isSaveAsTemplateEnabled ? shouldShowSaveAsTemplate : ramda.F);
+
+  // Formik validates each write on a stale snapshot, so write it all at once.
+  var handleTemplateChange = function handleTemplateChange(template) {
+    setFieldValue(name, _objectSpread$4(_objectSpread$4({}, formik.getIn(values, name)), {}, {
+      templateId: template.id,
+      body: template.body
+    }, option !== null && option !== void 0 && option.hideSubject ? {} : {
+      subject: template.subject
+    }));
+    index.setEditorContent(editorRef, template.body);
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex flex-col gap-4",
+    children: [hasRecipientList && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Select, {
+      options: options,
+      required: true,
+      error: fieldError(valuePath),
+      placeholder: option === null || option === void 0 ? void 0 : option.valuePlaceholder,
+      size: "large",
+      value: (_getIn = formik.getIn(values, valuePath)) !== null && _getIn !== void 0 ? _getIn : undefined,
+      label: (option === null || option === void 0 ? void 0 : option.recipientLabel) || t("neetoRules.builder.config.recipient"),
+      onBlur: function onBlur() {
+        return setFieldTouched(valuePath, true);
+      },
+      onChange: function onChange(value) {
+        return setFieldValue(valuePath, value);
+      }
+    }), neetoCist.isPresent(templates) && /*#__PURE__*/jsxRuntime.jsx(index.SelectTemplateField, {
+      templates: templates,
+      selectedField: option,
+      onChange: handleTemplateChange
+    }), !(option !== null && option !== void 0 && option.hideSubject) && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Input, {
+      required: true,
+      error: fieldError(subjectPath),
+      label: t("neetoRules.builder.config.subject"),
+      placeholder: t("neetoRules.builder.config.subjectPlaceholder"),
+      size: "large",
+      value: (_getIn2 = formik.getIn(values, subjectPath)) !== null && _getIn2 !== void 0 ? _getIn2 : "",
+      onBlur: function onBlur() {
+        return setFieldTouched(subjectPath, true);
+      },
+      onChange: function onChange(event) {
+        return setFieldValue(subjectPath, event.target.value);
+      }
+    }), /*#__PURE__*/jsxRuntime.jsx(index.EditorAction, {
+      editorRef: editorRef,
+      required: true,
+      label: t("neetoRules.builder.config.body"),
+      name: bodyPath,
+      placeholder: t("neetoRules.builder.config.bodyPlaceholder"),
+      value: action === null || action === void 0 || (_action$metadata = action.metadata) === null || _action$metadata === void 0 ? void 0 : _action$metadata.body,
+      variables: option === null || option === void 0 ? void 0 : option.variables
+    }), hint, isSaveAsTemplateVisible && /*#__PURE__*/jsxRuntime.jsx(index.SaveAsTemplate, {
+      name: name
+    })]
+  });
 };
 
 var restoreTokens = function restoreTokens(text) {
@@ -3639,49 +3815,13 @@ var ActionConfigFields = function ActionConfigFields(_ref) {
     });
   }
   if (type === ACTION_CONFIG_TYPES.emailChannel) {
-    var _getIn, _getIn2, _action$metadata;
-    var subjectPath = "".concat(name, ".subject");
-    var bodyPath = "".concat(name, ".body");
-    // Hosts whose email action picks its recipient from a list keep that
-    // choice in the same pane as the message.
-    var hasRecipientList = neetoCist.isNotEmpty(options) && !hasRecipientField;
-    return /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "flex flex-col gap-4",
-      children: [hasRecipientList && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Select, {
-        options: options,
-        required: true,
-        error: fieldError(valuePath),
-        placeholder: option === null || option === void 0 ? void 0 : option.valuePlaceholder,
-        size: "large",
-        value: (_getIn = formik.getIn(values, valuePath)) !== null && _getIn !== void 0 ? _getIn : undefined,
-        label: (option === null || option === void 0 ? void 0 : option.recipientLabel) || t("neetoRules.builder.config.recipient"),
-        onBlur: function onBlur() {
-          return setFieldTouched(valuePath, true);
-        },
-        onChange: function onChange(value) {
-          return setFieldValue(valuePath, value);
-        }
-      }), !(option !== null && option !== void 0 && option.hideSubject) && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Input, {
-        required: true,
-        error: fieldError(subjectPath),
-        label: t("neetoRules.builder.config.subject"),
-        placeholder: t("neetoRules.builder.config.subjectPlaceholder"),
-        size: "large",
-        value: (_getIn2 = formik.getIn(values, subjectPath)) !== null && _getIn2 !== void 0 ? _getIn2 : "",
-        onBlur: function onBlur() {
-          return setFieldTouched(subjectPath, true);
-        },
-        onChange: function onChange(event) {
-          return setFieldValue(subjectPath, event.target.value);
-        }
-      }), /*#__PURE__*/jsxRuntime.jsx(index.EditorAction, {
-        required: true,
-        label: t("neetoRules.builder.config.body"),
-        name: bodyPath,
-        placeholder: t("neetoRules.builder.config.bodyPlaceholder"),
-        value: action === null || action === void 0 || (_action$metadata = action.metadata) === null || _action$metadata === void 0 ? void 0 : _action$metadata.body,
-        variables: option === null || option === void 0 ? void 0 : option.variables
-      }), hintBlock]
+    return /*#__PURE__*/jsxRuntime.jsx(EmailChannelFields, {
+      action: action,
+      hasRecipientField: hasRecipientField,
+      name: name,
+      option: option,
+      options: options,
+      hint: hintBlock
     });
   }
   if (type === ACTION_CONFIG_TYPES.multiSelect) {
@@ -3742,7 +3882,7 @@ var ActionConfigFields = function ActionConfigFields(_ref) {
     });
   }
   if (type === ACTION_CONFIG_TYPES.note) {
-    var _action$metadata2;
+    var _action$metadata;
     return /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex flex-col gap-2",
       children: [/*#__PURE__*/jsxRuntime.jsx(index.EditorAction, {
@@ -3750,20 +3890,20 @@ var ActionConfigFields = function ActionConfigFields(_ref) {
         label: t("neetoRules.builder.config.note"),
         name: valuePath,
         placeholder: t("neetoRules.builder.config.bodyPlaceholder"),
-        value: action === null || action === void 0 || (_action$metadata2 = action.metadata) === null || _action$metadata2 === void 0 ? void 0 : _action$metadata2.value,
+        value: action === null || action === void 0 || (_action$metadata = action.metadata) === null || _action$metadata === void 0 ? void 0 : _action$metadata.value,
         variables: option === null || option === void 0 ? void 0 : option.variables
       }), hintBlock]
     });
   }
   if (type === ACTION_CONFIG_TYPES.textarea || type === ACTION_CONFIG_TYPES.number) {
-    var _getIn3, _getIn4;
+    var _getIn, _getIn2;
     return type === ACTION_CONFIG_TYPES.number ? /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Input, {
       required: true,
       error: fieldError(valuePath),
       label: t("neetoRules.builder.config.value"),
       size: "large",
       type: "number",
-      value: (_getIn3 = formik.getIn(values, valuePath)) !== null && _getIn3 !== void 0 ? _getIn3 : "",
+      value: (_getIn = formik.getIn(values, valuePath)) !== null && _getIn !== void 0 ? _getIn : "",
       onBlur: function onBlur() {
         return setFieldTouched(valuePath, true);
       },
@@ -3776,7 +3916,7 @@ var ActionConfigFields = function ActionConfigFields(_ref) {
       label: t("neetoRules.builder.config.message"),
       rows: 5,
       size: "large",
-      value: (_getIn4 = formik.getIn(values, valuePath)) !== null && _getIn4 !== void 0 ? _getIn4 : "",
+      value: (_getIn2 = formik.getIn(values, valuePath)) !== null && _getIn2 !== void 0 ? _getIn2 : "",
       onBlur: function onBlur() {
         return setFieldTouched(valuePath, true);
       },
@@ -3786,7 +3926,7 @@ var ActionConfigFields = function ActionConfigFields(_ref) {
     });
   }
   if (type === ACTION_CONFIG_TYPES.text || type === ACTION_CONFIG_TYPES.regex || type === ACTION_CONFIG_TYPES.decimal) {
-    var _getIn5;
+    var _getIn3;
     return /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex flex-col gap-2",
       children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Input, {
@@ -3795,7 +3935,7 @@ var ActionConfigFields = function ActionConfigFields(_ref) {
         label: t("neetoRules.builder.config.value"),
         placeholder: option === null || option === void 0 ? void 0 : option.valuePlaceholder,
         size: "large",
-        value: (_getIn5 = formik.getIn(values, valuePath)) !== null && _getIn5 !== void 0 ? _getIn5 : "",
+        value: (_getIn3 = formik.getIn(values, valuePath)) !== null && _getIn3 !== void 0 ? _getIn3 : "",
         onBlur: function onBlur() {
           return setFieldTouched(valuePath, true);
         },
@@ -3831,8 +3971,8 @@ var ActionConfigFields = function ActionConfigFields(_ref) {
   });
 };
 
-function _regenerator$1() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2$1(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = false, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = true, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), true), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2$1(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2$1(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2$1(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2$1(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2$1(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2$1(u), _regeneratorDefine2$1(u, o, "Generator"), _regeneratorDefine2$1(u, n, function () { return this; }), _regeneratorDefine2$1(u, "toString", function () { return "[object Generator]"; }), (_regenerator$1 = function _regenerator() { return { w: i, m: f }; })(); }
-function _regeneratorDefine2$1(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2$1 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2$1(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2$1(e, r, n, t); }
+function _regenerator$2() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2$2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = false, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = true, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), true), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2$2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2$2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2$2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2$2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2$2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2$2(u), _regeneratorDefine2$2(u, o, "Generator"), _regeneratorDefine2$2(u, n, function () { return this; }), _regeneratorDefine2$2(u, "toString", function () { return "[object Generator]"; }), (_regenerator$2 = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2$2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2$2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2$2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2$2(e, r, n, t); }
 var keysUnder = function keysUnder(_ref) {
   var obj = _ref.obj,
     prefix = _ref.prefix,
@@ -3869,12 +4009,12 @@ var usePaneValidation = function usePaneValidation(prefix) {
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [prefix]);
   var validate = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator$1().m(function _callee() {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator$2().m(function _callee() {
       var exclude,
         nextErrors,
         offending,
         _args = arguments;
-      return _regenerator$1().w(function (_context) {
+      return _regenerator$2().w(function (_context) {
         while (1) switch (_context.n) {
           case 0:
             exclude = _args.length > 0 && _args[0] !== undefined ? _args[0] : [];
@@ -3903,8 +4043,8 @@ var usePaneValidation = function usePaneValidation(prefix) {
   };
 };
 
-function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = false, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = true, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), true), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
-function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
+function _regenerator$1() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2$1(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = false, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = true, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), true), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2$1(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2$1(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2$1(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2$1(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2$1(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2$1(u), _regeneratorDefine2$1(u, o, "Generator"), _regeneratorDefine2$1(u, n, function () { return this; }), _regeneratorDefine2$1(u, "toString", function () { return "[object Generator]"; }), (_regenerator$1 = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2$1(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2$1 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2$1(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2$1(e, r, n, t); }
 var ConfigPane = function ConfigPane(_ref) {
   var _schema$actions, _schema$actions$optio, _schema$actions2, _schema$actions2$opti, _action$recipient, _schema$actions3, _schema$actions3$acti, _concat$find, _schema$actions4, _schema$actions5, _schema$actions6, _schema$actions7, _schema$actions7$opti, _hostRenderConfig;
   var schema = _ref.schema,
@@ -3992,9 +4132,9 @@ var ConfigPane = function ConfigPane(_ref) {
     mediumLabel: mediumLabel
   }) || (option === null || option === void 0 ? void 0 : option.label) || t("neetoRules.builder.setUpAction");
   var handleContinue = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator$1().m(function _callee() {
       var owned, next;
-      return _regenerator().w(function (_context) {
+      return _regenerator$1().w(function (_context) {
         while (1) switch (_context.n) {
           case 0:
             // A pane only answers for what it renders: the recipient pane owns its
@@ -4173,15 +4313,17 @@ var DelayPane = function DelayPane(_ref) {
           children: t("neetoRules.builder.waitFor")
         }), /*#__PURE__*/jsxRuntime.jsxs("div", {
           className: "flex items-start gap-x-2",
-          children: [/*#__PURE__*/jsxRuntime.jsx(formik$1.Input, {
+          children: [/*#__PURE__*/jsxRuntime.jsx("div", {
             className: "w-44",
-            dataTestid: "delay-value",
-            max: index.MAX_DELAY_VALUE,
-            min: index.MIN_DELAY_VALUE,
-            name: "".concat(name, ".value.value"),
-            placeholder: t("neetoRules.placeholders.enterDelay"),
-            size: "large",
-            type: "number"
+            children: /*#__PURE__*/jsxRuntime.jsx(formik$1.Input, {
+              dataTestid: "delay-value",
+              max: index.MAX_DELAY_VALUE,
+              min: index.MIN_DELAY_VALUE,
+              name: "".concat(name, ".value.value"),
+              placeholder: t("neetoRules.placeholders.enterDelay"),
+              size: "large",
+              type: "number"
+            })
           }), /*#__PURE__*/jsxRuntime.jsx(formik$1.Select, {
             dataTestid: "delay-unit",
             defaultValue: value === null || value === void 0 ? void 0 : value.unit,
@@ -4421,8 +4563,10 @@ var NamePane = function NamePane(_ref) {
   });
 };
 
-function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = false, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = true, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), true), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
 var OptionsPane = function OptionsPane(_ref) {
   var schema = _ref.schema,
     anchor = _ref.anchor,
@@ -4431,7 +4575,9 @@ var OptionsPane = function OptionsPane(_ref) {
     _ref$belowContent = _ref.belowContent,
     belowContent = _ref$belowContent === void 0 ? null : _ref$belowContent,
     _ref$configPending = _ref.configPending,
-    configPending = _ref$configPending === void 0 ? false : _ref$configPending;
+    configPending = _ref$configPending === void 0 ? false : _ref$configPending,
+    _ref$validate = _ref.validate,
+    validate = _ref$validate === void 0 ? null : _ref$validate;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useFormikContext = formik.useFormikContext(),
@@ -4534,20 +4680,49 @@ var OptionsPane = function OptionsPane(_ref) {
       }
     };
   };
-  var handleContinue = function handleContinue() {
-    var target = continueTargetFor({
-      anchor: anchor,
-      schema: schema,
-      rule: rule,
-      index: index$1,
-      stepKey: stepKey,
-      configPending: configPending
-    });
-    if (target) openType({
-      type: target.type,
-      data: target.data
-    });else closePane();
-  };
+  var handleContinue = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+      var target, _t;
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            _t = validate;
+            if (!_t) {
+              _context.n = 2;
+              break;
+            }
+            _context.n = 1;
+            return validate();
+          case 1:
+            _t = !_context.v;
+          case 2:
+            if (!_t) {
+              _context.n = 3;
+              break;
+            }
+            return _context.a(2);
+          case 3:
+            target = continueTargetFor({
+              anchor: anchor,
+              schema: schema,
+              rule: rule,
+              index: index$1,
+              stepKey: stepKey,
+              configPending: configPending
+            });
+            if (target) openType({
+              type: target.type,
+              data: target.data
+            });else closePane();
+          case 4:
+            return _context.a(2);
+        }
+      }, _callee);
+    }));
+    return function handleContinue() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
   var canContinue = cascade && selectedValues.some(Boolean);
   useHotkeys(keyboardShortcuts.SHORTCUTS["continue"].sequence, handleContinue, {
     enabled: canContinue,
@@ -4587,7 +4762,7 @@ var OptionsPane = function OptionsPane(_ref) {
           color: "muted",
           variant: "body2",
           children: popover.description
-        }), popover.helpLinkProps && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, _objectSpread$2(_objectSpread$2({}, popover.helpLinkProps), {}, {
+        }), popover.helpLinkProps && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, _objectSpread$3(_objectSpread$3({}, popover.helpLinkProps), {}, {
           className: "h-auto self-start p-0",
           size: "sm",
           variant: "link"
@@ -4623,13 +4798,13 @@ var OptionsPane = function OptionsPane(_ref) {
     if (multi) {
       return /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "mb-pane-list flex flex-col",
-        children: groups.map(function (_ref2) {
-          var _ref3 = _slicedToArray(_ref2, 2),
-            category = _ref3[0],
-            items = _ref3[1];
+        children: groups.map(function (_ref3) {
+          var _ref4 = _slicedToArray(_ref3, 2),
+            category = _ref4[0],
+            items = _ref4[1];
           return /*#__PURE__*/jsxRuntime.jsxs(react.Fragment, {
             children: [renderGroupHeader(category), items.map(function (option) {
-              return /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Checkbox, _objectSpread$2(_objectSpread$2({
+              return /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Checkbox, _objectSpread$3(_objectSpread$3({
                 checked: isSelected(option.value),
                 disabled: option.disabled,
                 label: optionLabel(option),
@@ -4649,15 +4824,15 @@ var OptionsPane = function OptionsPane(_ref) {
       orientation: "vertical",
       value: (_selectedValues$ = selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues[0]) !== null && _selectedValues$ !== void 0 ? _selectedValues$ : "",
       onValueChange: handleSelect,
-      children: groups.flatMap(function (_ref4) {
-        var _ref5 = _slicedToArray(_ref4, 2),
-          category = _ref5[0],
-          items = _ref5[1];
+      children: groups.flatMap(function (_ref5) {
+        var _ref6 = _slicedToArray(_ref5, 2),
+          category = _ref6[0],
+          items = _ref6[1];
         return [category ? /*#__PURE__*/jsxRuntime.jsx("div", {
           className: "mb-pane-group",
           children: category
         }, "group-".concat(category)) : null].concat(_toConsumableArray(items.map(function (option) {
-          return /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.RadioGroup.Item, _objectSpread$2(_objectSpread$2({
+          return /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.RadioGroup.Item, _objectSpread$3(_objectSpread$3({
             disabled: option.disabled,
             label: optionLabel(option),
             labelProps: previewHandlers(option.value),
@@ -4795,8 +4970,16 @@ var RecipientPane = function RecipientPane(_ref) {
   });
   var flatOption = ((_schema$actions4 = schema.actions) === null || _schema$actions4 === void 0 || (_schema$actions4$opti = _schema$actions4.optionForName) === null || _schema$actions4$opti === void 0 ? void 0 : _schema$actions4$opti.call(_schema$actions4, action.name)) || ((_schema$actions5 = schema.actions) === null || _schema$actions5 === void 0 || (_schema$actions5$opti = _schema$actions5.optionForChannel) === null || _schema$actions5$opti === void 0 ? void 0 : _schema$actions5$opti.call(_schema$actions5, channel));
   var isSmsToNumbers = (flatOption === null || flatOption === void 0 ? void 0 : flatOption.type) === SMS_TO_NUMBERS;
-  var recipientFieldPath = isSmsToNumbers ? "".concat(name, ".").concat(RECIPIENT_STORAGE_FIELDS.phoneNumbers) : "".concat(name, ".").concat(RECIPIENT_STORAGE_FIELDS.emails);
-  usePaneValidation(recipientFieldPath);
+  var recipientConfig = (((_schema$actions6 = schema.actions) === null || _schema$actions6 === void 0 ? void 0 : _schema$actions6.options) || []).flatMap(function (option) {
+    return option.recipients || [];
+  }).concat(((_schema$actions7 = schema.actions) === null || _schema$actions7 === void 0 ? void 0 : _schema$actions7.recipients) || []).find(function (item) {
+    var _item$value;
+    return ((_item$value = item.value) !== null && _item$value !== void 0 ? _item$value : item.id) === recipient;
+  });
+  var recipientStorageField = recipientConfig !== null && recipientConfig !== void 0 && recipientConfig.field && recipientConfig.field !== RECIPIENT_STORAGE_FIELDS.emails ? RECIPIENT_STORAGE_FIELDS.value : RECIPIENT_STORAGE_FIELDS.emails;
+  var recipientFieldPath = isSmsToNumbers ? "".concat(name, ".").concat(RECIPIENT_STORAGE_FIELDS.phoneNumbers) : "".concat(name, ".").concat(recipientStorageField);
+  var _usePaneValidation = usePaneValidation(recipientFieldPath),
+    validate = _usePaneValidation.validate;
   react.useEffect(function () {
     var _bodyRef$current;
     if (!editor) return;
@@ -4807,12 +4990,6 @@ var RecipientPane = function RecipientPane(_ref) {
     }, 0);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [!editor]);
-  var recipientConfig = (((_schema$actions6 = schema.actions) === null || _schema$actions6 === void 0 ? void 0 : _schema$actions6.options) || []).flatMap(function (option) {
-    return option.recipients || [];
-  }).concat(((_schema$actions7 = schema.actions) === null || _schema$actions7 === void 0 ? void 0 : _schema$actions7.recipients) || []).find(function (item) {
-    var _item$value;
-    return ((_item$value = item.value) !== null && _item$value !== void 0 ? _item$value : item.id) === recipient;
-  });
   var builtInRecipientField = recipientConfig !== null && recipientConfig !== void 0 && recipientConfig.field ? /*#__PURE__*/jsxRuntime.jsx(RecipientField, {
     name: name,
     dropdownOptions: recipientConfig.dropdownOptions,
@@ -4852,6 +5029,7 @@ var RecipientPane = function RecipientPane(_ref) {
       configPending: configPending,
       index: index$1,
       schema: schema,
+      validate: validate,
       anchor: BUILDER_ANCHORS.ACTION_RECIPIENT
     });
   }
@@ -4881,6 +5059,8 @@ var RecipientPane = function RecipientPane(_ref) {
   });
 };
 
+function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ConditionValueFields = function ConditionValueFields(_ref) {
   var name = _ref.name,
     field = _ref.field,
@@ -4986,6 +5166,42 @@ var ConditionValueFields = function ConditionValueFields(_ref) {
       })
     });
   }
+  if (type === CONDITION_VALUE_TYPES.date) {
+    var metadataPath = "".concat(name, ".metadata");
+    var metadata = formik.getIn(values, metadataPath) || {};
+
+    // Formik validates each write on a stale snapshot, so write it all at once.
+    var handleDateChange = function handleDateChange(date) {
+      var _globalProps$user;
+      var format = field !== null && field !== void 0 && field.showTime ? utils$1.DATE_TIME_FORMAT : utils$1.DATE_FORMAT;
+      setFieldTouched(valuePath, true, false);
+      setFieldValue(metadataPath, _objectSpread$2(_objectSpread$2({}, metadata), {}, {
+        // eslint-disable-next-line @bigbinary/neeto/use-standard-date-time-formats
+        value: date ? utils.dayjs(date).format(format) : "",
+        type: field !== null && field !== void 0 && field.showTime ? utils$1.DATE_TIME_TYPES.datetime : utils$1.DATE_TIME_TYPES.date,
+        format: format,
+        timezone: initializers.globalProps === null || initializers.globalProps === void 0 || (_globalProps$user = initializers.globalProps.user) === null || _globalProps$user === void 0 ? void 0 : _globalProps$user.timeZone
+      }));
+    };
+    return /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.DatePicker, {
+      required: true,
+      error: fieldError(valuePath),
+      label: t("neetoRules.form.selectDate"),
+      showTime: field === null || field === void 0 ? void 0 : field.showTime,
+      timeFormat: "HH:mm",
+      type: "date",
+      value: utils$1.getDateTimeValue({
+        date: metadata.value,
+        format: metadata.format,
+        type: metadata.type,
+        timezone: metadata.timezone
+      }) || undefined,
+      onBlur: function onBlur() {
+        return setFieldTouched(valuePath, true);
+      },
+      onChange: handleDateChange
+    });
+  }
   if (valueType === CONDITION_VALUE_TYPES.number) {
     var _getIn;
     return /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Input, {
@@ -5131,7 +5347,7 @@ var BUILDER_PANEL_TYPE_CONFIG_MAP = (_BUILDER_PANEL_TYPE_C = {}, _defineProperty
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Form = function Form(_ref) {
-  var _schema$meta$showName, _schema$meta;
+  var _rawSchema$actions, _schema$meta$showName, _schema$meta;
   var _ref$data = _ref.data,
     data = _ref$data === void 0 ? {} : _ref$data,
     _ref$schema = _ref.schema,
@@ -5164,17 +5380,24 @@ var Form = function Form(_ref) {
   var _useUtilityStore = useUtilityStore.useUtilityStore(shallow.useShallow(function (store) {
       return {
         resetPanelState: store["resetPanelState"],
-        errorFields: store["errorFields"]
+        errorFields: store["errorFields"],
+        setIsSaveAsTemplateEnabled: store["setIsSaveAsTemplateEnabled"]
       };
     })),
     resetPanelState = _useUtilityStore.resetPanelState,
-    errorFields = _useUtilityStore.errorFields;
+    errorFields = _useUtilityStore.errorFields,
+    setIsSaveAsTemplateEnabled = _useUtilityStore.setIsSaveAsTemplateEnabled;
   var initialValues = react.useMemo(function () {
     return index.formatData(data);
   }, [data]);
   var schema = react.useMemo(function () {
     return normalizeSchema(rawSchema);
   }, [rawSchema]);
+  var isSaveAsTemplateEnabled = !!((_rawSchema$actions = rawSchema.actions) !== null && _rawSchema$actions !== void 0 && _rawSchema$actions.isSaveAsTemplateEnabled);
+  react.useEffect(function () {
+    setIsSaveAsTemplateEnabled(isSaveAsTemplateEnabled);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [isSaveAsTemplateEnabled]);
   var isNameRequired = isNameGenerationDisabled || ((_schema$meta$showName = (_schema$meta = schema.meta) === null || _schema$meta === void 0 ? void 0 : _schema$meta.showName) !== null && _schema$meta$showName !== void 0 ? _schema$meta$showName : true);
   var _usePollRuleName = index.usePollRuleName({
       url: url,