@bigbinary/neeto-rules-frontend 2.7.26 → 2.7.28

package/dist/cjs/v2/NeetoRulesBuilder.js

@@ -2,7 +2,7 @@
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectDestructuringEmpty = require('@babel/runtime/helpers/objectDestructuringEmpty');
-var keyboardShortcuts = require('../../keyboardShortcuts-CRInJJOU.js');
+var keyboardShortcuts = require('../../keyboardShortcuts-CnEwhJom.js');
 var shallow = require('zustand/shallow');
 var react = require('react');
 var neetoAtoms = require('@bigbinary/neeto-atoms');
@@ -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-D1PW24Zw.js');
+var index = require('../../index-DvquzIBi.js');
 var useCustomDataStore = require('../../useCustomDataStore-DPmWkEhs.js');
 var useUtilityStore = require('../../useUtilityStore-gtPhFvpI.js');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
@@ -23,6 +23,7 @@ var ramda = require('ramda');
 var Delete = require('@bigbinary/neeto-icons/Delete');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var jsxRuntime = require('react/jsx-runtime');
+var _typeof = require('@babel/runtime/helpers/typeof');
 var i18next = require('i18next');
 var yup = require('yup');
 var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
@@ -33,7 +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');
-require('@babel/runtime/helpers/typeof');
+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,
@@ -310,8 +310,24 @@ var Token = function Token(_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; }
+var Values = function Values(_ref) {
+  var _ref$values = _ref.values,
+    values = _ref$values === void 0 ? [] : _ref$values,
+    connector = _ref.connector;
+  return values.map(function (value, index) {
+    return /*#__PURE__*/jsxRuntime.jsxs(react.Fragment, {
+      children: [index > 0 && " ", index > 0 && connector && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+          className: "mb-tok-join",
+          children: connector
+        }), " "]
+      }), value]
+    }, "".concat(value, "-").concat(index));
+  });
+};
+
+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();
 };
@@ -402,7 +418,32 @@ var conditionNeedsValue = function conditionNeedsValue(_ref7) {
   });
   return !((field === null || field === void 0 ? void 0 : field.noValueForVerbs) || []).includes(condition === null || condition === void 0 ? void 0 : condition.verb);
 };
-var conditionValueLabel = function conditionValueLabel(_ref8) {
+
+// A multi-value token stays one clickable phrase, but its "and"/"or" is
+// connective tissue rather than part of any value, so the canvas keeps the
+// connector out of the token's own styling.
+var valueParts = function valueParts(raw) {
+  if (ramda.isNil(raw) || raw === "") return null;
+  if (Array.isArray(raw)) {
+    return ramda.isEmpty(raw) ? null : {
+      values: raw.map(String)
+    };
+  }
+  if (_typeof(raw) === "object") {
+    var values = Array.isArray(raw.values) ? raw.values.map(String) : [];
+    return ramda.isEmpty(values) ? null : {
+      values: values,
+      connector: raw.connector
+    };
+  }
+  return {
+    values: [String(raw)]
+  };
+};
+var joinValues = function joinValues(parts) {
+  return (parts === null || parts === void 0 ? void 0 : parts.values.join(parts.connector ? " ".concat(parts.connector, " ") : " ")) || "";
+};
+var conditionValueParts = function conditionValueParts(_ref8) {
   var _ref9, _meta$value;
   var schema = _ref8.schema,
     condition = _ref8.condition;
@@ -422,23 +463,28 @@ var conditionValueLabel = function conditionValueLabel(_ref8) {
       return ((_candidate$value = candidate.value) !== null && _candidate$value !== void 0 ? _candidate$value : candidate.id) === value;
     });
     var label = option ? (_ref0 = (_option$label = option.label) !== null && _option$label !== void 0 ? _option$label : option.value) !== null && _ref0 !== void 0 ? _ref0 : option.id : value;
-    return isEnum ? String(label).toLowerCase() : label;
+    return isEnum ? String(label).toLowerCase() : String(label);
   };
   var connector = String((condition === null || condition === void 0 ? void 0 : condition.verb) || "").includes(CONDITION_VERBS.ALL_OF) ? i18next.t("neetoRules.operators.and") : i18next.t("neetoRules.operators.or");
-  return Array.isArray(raw) ? raw.map(labelFor).join(" ".concat(connector, " ")) : String(labelFor(raw));
+  return Array.isArray(raw) ? {
+    values: raw.map(labelFor),
+    connector: connector
+  } : {
+    values: [labelFor(raw)]
+  };
 };
-var actionOption = function actionOption(_ref1) {
+var actionOption = function actionOption(_ref10) {
   var _schema$actions;
-  var schema = _ref1.schema,
-    name = _ref1.name;
+  var schema = _ref10.schema,
+    name = _ref10.name;
   return ((schema === null || schema === void 0 || (_schema$actions = schema.actions) === null || _schema$actions === void 0 ? void 0 : _schema$actions.options) || []).find(function (option) {
     return option.value === name || option.id === name;
   });
 };
-var channelOption = function channelOption(_ref10) {
+var channelOption = function channelOption(_ref11) {
   var _schema$actions2;
-  var schema = _ref10.schema,
-    channel = _ref10.channel;
+  var schema = _ref11.schema,
+    channel = _ref11.channel;
   return ((schema === null || schema === void 0 || (_schema$actions2 = schema.actions) === null || _schema$actions2 === void 0 ? void 0 : _schema$actions2.options) || []).find(function (option) {
     var _option$value;
     return ((_option$value = option.value) !== null && _option$value !== void 0 ? _option$value : option.id) === channel;
@@ -450,24 +496,24 @@ var channelOption = function channelOption(_ref10) {
 // Its key shares the action's metadata namespace, so declaring one is how a
 // host hands a field to the step: whoever declares it owns it, and the config
 // pane stops validating it.
-var actionStepsOf = function actionStepsOf(_ref11) {
-  var schema = _ref11.schema,
-    action = _ref11.action;
+var actionStepsOf = function actionStepsOf(_ref12) {
+  var schema = _ref12.schema,
+    action = _ref12.action;
   return actionParts({
     schema: schema,
     action: action
   }).steps || [];
 };
-var stepValueOf = function stepValueOf(_ref12) {
+var stepValueOf = function stepValueOf(_ref13) {
   var _action$metadata;
-  var action = _ref12.action,
-    step = _ref12.step;
+  var action = _ref13.action,
+    step = _ref13.step;
   return action === null || action === void 0 || (_action$metadata = action.metadata) === null || _action$metadata === void 0 ? void 0 : _action$metadata[step.key];
 };
-var stepLabelOf = function stepLabelOf(_ref13) {
+var stepLabelOf = function stepLabelOf(_ref14) {
   var _find;
-  var action = _ref13.action,
-    step = _ref13.step;
+  var action = _ref14.action,
+    step = _ref14.step;
   var value = stepValueOf({
     action: action,
     step: step
@@ -477,10 +523,10 @@ var stepLabelOf = function stepLabelOf(_ref13) {
     return ((_option$value2 = option.value) !== null && _option$value2 !== void 0 ? _option$value2 : option.id) === value;
   })) === null || _find === void 0 ? void 0 : _find.label) || "";
 };
-var actionParts = function actionParts(_ref14) {
-  var _actions$actionForNam, _action$recipient, _actions$channelMeta, _find2, _find3, _channelMeta$needsRec, _actions$configValueL;
-  var schema = _ref14.schema,
-    action = _ref14.action;
+var actionParts = function actionParts(_ref15) {
+  var _actions$actionForNam, _action$recipient, _actions$channelMeta, _find2, _find3, _actions$configValueL, _channelMeta$needsRec;
+  var schema = _ref15.schema,
+    action = _ref15.action;
   var actions = (schema === null || schema === void 0 ? void 0 : schema.actions) || {};
   var resolved = action !== null && action !== void 0 && action.channel ? {
     channel: action.channel,
@@ -503,6 +549,10 @@ var actionParts = function actionParts(_ref14) {
     return ((_recipient$value = recipient.value) !== null && _recipient$value !== void 0 ? _recipient$value : recipient.id) === recipientValue;
   };
   var recipientLabel = ((_find2 = (actions.recipients || []).find(matchesRecipient)) === null || _find2 === void 0 ? void 0 : _find2.label) || ((_find3 = ((option === null || option === void 0 ? void 0 : option.recipients) || []).find(matchesRecipient)) === null || _find3 === void 0 ? void 0 : _find3.label) || recipientValue;
+
+  // A host may answer with a plain string or with { values, connector } when
+  // the value reads as a list.
+  var configValueParts = valueParts((_actions$configValueL = actions.configValueLabel) === null || _actions$configValueL === void 0 ? void 0 : _actions$configValueL.call(actions, action));
   return {
     option: option,
     channel: channel,
@@ -515,7 +565,8 @@ var actionParts = function actionParts(_ref14) {
     icon: channelMeta.icon || (option === null || option === void 0 ? void 0 : option.icon),
     needsRecipient: (_channelMeta$needsRec = channelMeta.needsRecipient) !== null && _channelMeta$needsRec !== void 0 ? _channelMeta$needsRec : option === null || option === void 0 ? void 0 : option.needsRecipient,
     separator: channelMeta.separator || (option === null || option === void 0 ? void 0 : option.separator),
-    configValue: ((_actions$configValueL = actions.configValueLabel) === null || _actions$configValueL === void 0 ? void 0 : _actions$configValueL.call(actions, action)) || "",
+    configValueParts: configValueParts,
+    configValue: joinValues(configValueParts),
     configValuePlaceholder: channelMeta.valuePlaceholder || (option === null || option === void 0 ? void 0 : option.valuePlaceholder),
     recipient: recipientValue,
     recipientLabel: recipientLabel,
@@ -530,13 +581,13 @@ var actionParts = function actionParts(_ref14) {
 // Which condition fields a host offers can depend on the rule — a trigger may
 // only support a subset. Lookups deliberately keep using the full list so a
 // field already on the rule still resolves after the offer narrows.
-var offeredConditionFields = function offeredConditionFields(_ref15) {
-  var _ref16, _schema$conditions$fi, _schema$conditions3, _schema$conditions3$f, _schema$conditions4;
-  var schema = _ref15.schema,
-    rule = _ref15.rule;
-  return (_ref16 = (_schema$conditions$fi = schema === null || schema === void 0 || (_schema$conditions3 = schema.conditions) === null || _schema$conditions3 === void 0 || (_schema$conditions3$f = _schema$conditions3.fieldsFor) === null || _schema$conditions3$f === void 0 ? void 0 : _schema$conditions3$f.call(_schema$conditions3, {
+var offeredConditionFields = function offeredConditionFields(_ref16) {
+  var _ref17, _schema$conditions$fi, _schema$conditions3, _schema$conditions3$f, _schema$conditions4;
+  var schema = _ref16.schema,
+    rule = _ref16.rule;
+  return (_ref17 = (_schema$conditions$fi = schema === null || schema === void 0 || (_schema$conditions3 = schema.conditions) === null || _schema$conditions3 === void 0 || (_schema$conditions3$f = _schema$conditions3.fieldsFor) === null || _schema$conditions3$f === void 0 ? void 0 : _schema$conditions3$f.call(_schema$conditions3, {
     rule: rule
-  })) !== null && _schema$conditions$fi !== void 0 ? _schema$conditions$fi : schema === null || schema === void 0 || (_schema$conditions4 = schema.conditions) === null || _schema$conditions4 === void 0 ? void 0 : _schema$conditions4.fields) !== null && _ref16 !== void 0 ? _ref16 : [];
+  })) !== null && _schema$conditions$fi !== void 0 ? _schema$conditions$fi : schema === null || schema === void 0 || (_schema$conditions4 = schema.conditions) === null || _schema$conditions4 === void 0 ? void 0 : _schema$conditions4.fields) !== null && _ref17 !== void 0 ? _ref17 : [];
 };
 var hasTrigger = function hasTrigger(rule) {
   return !ramda.isEmpty((rule === null || rule === void 0 ? void 0 : rule.triggers) || []);
@@ -550,20 +601,20 @@ var isTriggerEnabled = function isTriggerEnabled(schema) {
   var _schema$triggers2;
   return (schema === null || schema === void 0 || (_schema$triggers2 = schema.triggers) === null || _schema$triggers2 === void 0 ? void 0 : _schema$triggers2.enabled) !== false;
 };
-var isTriggerSatisfied = function isTriggerSatisfied(_ref17) {
-  var rule = _ref17.rule,
-    schema = _ref17.schema;
-  return !isTriggerEnabled(schema) || hasTrigger(rule);
-};
-var hasRequiredConditions = function hasRequiredConditions(_ref18) {
-  var _schema$conditions5;
+var isTriggerSatisfied = function isTriggerSatisfied(_ref18) {
   var rule = _ref18.rule,
     schema = _ref18.schema;
-  return (schema === null || schema === void 0 || (_schema$conditions5 = schema.conditions) === null || _schema$conditions5 === void 0 ? void 0 : _schema$conditions5.allowEmpty) === false ? neetoCist.isNotEmpty((rule === null || rule === void 0 ? void 0 : rule.conditions) || []) : true;
+  return !isTriggerEnabled(schema) || hasTrigger(rule);
 };
-var hasUnansweredStep = function hasUnansweredStep(_ref19) {
+var hasRequiredConditions = function hasRequiredConditions(_ref19) {
+  var _schema$conditions5;
   var rule = _ref19.rule,
     schema = _ref19.schema;
+  return (schema === null || schema === void 0 || (_schema$conditions5 = schema.conditions) === null || _schema$conditions5 === void 0 ? void 0 : _schema$conditions5.allowEmpty) === false ? neetoCist.isNotEmpty((rule === null || rule === void 0 ? void 0 : rule.conditions) || []) : true;
+};
+var hasUnansweredStep = function hasUnansweredStep(_ref20) {
+  var rule = _ref20.rule,
+    schema = _ref20.schema;
   return ((rule === null || rule === void 0 ? void 0 : rule.actions) || []).some(function (action) {
     return actionStepsOf({
       schema: schema,
@@ -576,9 +627,9 @@ var hasUnansweredStep = function hasUnansweredStep(_ref19) {
     });
   });
 };
-var isRuleComplete = function isRuleComplete(_ref20) {
-  var rule = _ref20.rule,
-    schema = _ref20.schema;
+var isRuleComplete = function isRuleComplete(_ref21) {
+  var rule = _ref21.rule,
+    schema = _ref21.schema;
   return isTriggerSatisfied({
     rule: rule,
     schema: schema
@@ -590,28 +641,28 @@ var isRuleComplete = function isRuleComplete(_ref20) {
     schema: schema
   });
 };
-var scopeOptionFor = function scopeOptionFor(_ref21) {
+var scopeOptionFor = function scopeOptionFor(_ref22) {
   var _item$value, _schema$scope;
-  var schema = _ref21.schema,
-    item = _ref21.item;
+  var schema = _ref22.schema,
+    item = _ref22.item;
   var value = (_item$value = item === null || item === void 0 ? void 0 : item.value) !== null && _item$value !== void 0 ? _item$value : item;
   return ((schema === null || schema === void 0 || (_schema$scope = schema.scope) === null || _schema$scope === void 0 ? void 0 : _schema$scope.options) || []).find(function (candidate) {
     var _candidate$value2;
     return ((_candidate$value2 = candidate.value) !== null && _candidate$value2 !== void 0 ? _candidate$value2 : candidate.id) === value;
   });
 };
-var scopePhoneFields = function scopePhoneFields(_ref22) {
-  var _ref23, _item$phoneFields, _scopeOptionFor;
-  var schema = _ref22.schema,
-    item = _ref22.item;
-  return (_ref23 = (_item$phoneFields = item === null || item === void 0 ? void 0 : item.phoneFields) !== null && _item$phoneFields !== void 0 ? _item$phoneFields : (_scopeOptionFor = scopeOptionFor({
+var scopePhoneFields = function scopePhoneFields(_ref23) {
+  var _ref24, _item$phoneFields, _scopeOptionFor;
+  var schema = _ref23.schema,
+    item = _ref23.item;
+  return (_ref24 = (_item$phoneFields = item === null || item === void 0 ? void 0 : item.phoneFields) !== null && _item$phoneFields !== void 0 ? _item$phoneFields : (_scopeOptionFor = scopeOptionFor({
     schema: schema,
     item: item
-  })) === null || _scopeOptionFor === void 0 ? void 0 : _scopeOptionFor.phoneFields) !== null && _ref23 !== void 0 ? _ref23 : null;
+  })) === null || _scopeOptionFor === void 0 ? void 0 : _scopeOptionFor.phoneFields) !== null && _ref24 !== void 0 ? _ref24 : null;
 };
-var effectiveScopePhoneField = function effectiveScopePhoneField(_ref24) {
-  var schema = _ref24.schema,
-    item = _ref24.item;
+var effectiveScopePhoneField = function effectiveScopePhoneField(_ref25) {
+  var schema = _ref25.schema,
+    item = _ref25.item;
   if (item !== null && item !== void 0 && item.phoneField) return item.phoneField;
   var phoneFields = scopePhoneFields({
     schema: schema,
@@ -619,14 +670,14 @@ var effectiveScopePhoneField = function effectiveScopePhoneField(_ref24) {
   });
   return (phoneFields === null || phoneFields === void 0 ? void 0 : phoneFields.length) === 1 ? phoneFields[0].value : undefined;
 };
-var invalidScopeIndexes = function invalidScopeIndexes(_ref25) {
+var invalidScopeIndexes = function invalidScopeIndexes(_ref26) {
   var _scope$requiresPhone;
-  var rule = _ref25.rule,
-    schema = _ref25.schema;
+  var rule = _ref26.rule,
+    schema = _ref26.schema;
   var scope = schema === null || schema === void 0 ? void 0 : schema.scope;
   if (!(scope !== null && scope !== void 0 && scope.enabled) || !((_scope$requiresPhone = scope.requiresPhone) !== null && _scope$requiresPhone !== void 0 && _scope$requiresPhone.call(scope, (rule === null || rule === void 0 ? void 0 : rule.actions) || []))) return [];
   return ((rule === null || rule === void 0 ? void 0 : rule.scope) || []).reduce(function (indexes, item, index) {
-    var _ref26, _item$hasPhoneField;
+    var _ref27, _item$hasPhoneField;
     var option = scopeOptionFor({
       schema: schema,
       item: item
@@ -635,15 +686,15 @@ var invalidScopeIndexes = function invalidScopeIndexes(_ref25) {
       schema: schema,
       item: item
     });
-    var hasPhoneField = (_ref26 = (_item$hasPhoneField = item === null || item === void 0 ? void 0 : item.hasPhoneField) !== null && _item$hasPhoneField !== void 0 ? _item$hasPhoneField : option === null || option === void 0 ? void 0 : option.hasPhoneField) !== null && _ref26 !== void 0 ? _ref26 : phoneFields ? phoneFields.length > 0 : undefined;
+    var hasPhoneField = (_ref27 = (_item$hasPhoneField = item === null || item === void 0 ? void 0 : item.hasPhoneField) !== null && _item$hasPhoneField !== void 0 ? _item$hasPhoneField : option === null || option === void 0 ? void 0 : option.hasPhoneField) !== null && _ref27 !== void 0 ? _ref27 : phoneFields ? phoneFields.length > 0 : undefined;
     if (hasPhoneField === false) indexes.push(index);
     return indexes;
   }, []);
 };
-var invalidScopePhoneFieldIndexes = function invalidScopePhoneFieldIndexes(_ref27) {
+var invalidScopePhoneFieldIndexes = function invalidScopePhoneFieldIndexes(_ref28) {
   var _scope$requiresPhone2;
-  var rule = _ref27.rule,
-    schema = _ref27.schema;
+  var rule = _ref28.rule,
+    schema = _ref28.schema;
   var scope = schema === null || schema === void 0 ? void 0 : schema.scope;
   if (!(scope !== null && scope !== void 0 && scope.enabled) || !((_scope$requiresPhone2 = scope.requiresPhone) !== null && _scope$requiresPhone2 !== void 0 && _scope$requiresPhone2.call(scope, (rule === null || rule === void 0 ? void 0 : rule.actions) || []))) return [];
   return ((rule === null || rule === void 0 ? void 0 : rule.scope) || []).reduce(function (indexes, item, index) {
@@ -680,9 +731,9 @@ var minutesToParts = function minutesToParts(minutes) {
     unit: "minutes"
   };
 };
-var partsToMinutes = function partsToMinutes(_ref28) {
-  var value = _ref28.value,
-    unit = _ref28.unit;
+var partsToMinutes = function partsToMinutes(_ref29) {
+  var value = _ref29.value,
+    unit = _ref29.unit;
   return (
     // eslint-disable-next-line security/detect-object-injection
     (Number(value) || 0) * (UNIT_MINUTES[unit] || 1)
@@ -722,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)
   }));
 };
@@ -736,11 +787,11 @@ var recipientStorageField = function recipientStorageField(field) {
 // Which metadata fields the recipient pane renders, and therefore owns: no
 // other pane may block Continue on them. Canvas and ConfigPane both ask here
 // so the two lists cannot drift apart.
-var recipientOwnedFields = function recipientOwnedFields(_ref29) {
+var recipientOwnedFields = function recipientOwnedFields(_ref30) {
   var _actions$actionForNam2, _action$recipient2, _actions$renderRecipi, _actions$renderRecipi2, _actions$optionForNam, _actions$optionForCha;
-  var schema = _ref29.schema,
-    action = _ref29.action,
-    name = _ref29.name;
+  var schema = _ref30.schema,
+    action = _ref30.action,
+    name = _ref30.name;
   var actions = (schema === null || schema === void 0 ? void 0 : schema.actions) || {};
   var resolved = ((_actions$actionForNam2 = actions.actionForName) === null || _actions$actionForNam2 === void 0 ? void 0 : _actions$actionForNam2.call(actions, action === null || action === void 0 ? void 0 : action.name)) || {};
   var channel = (action === null || action === void 0 ? void 0 : action.channel) || resolved.channel;
@@ -771,10 +822,10 @@ var modeFromJoinType = function modeFromJoinType(joinType) {
 };
 
 // eslint-disable-next-line security/detect-object-injection
-var valueAt = function valueAt(_ref30) {
+var valueAt = function valueAt(_ref31) {
   var _values$key;
-  var values = _ref30.values,
-    key = _ref30.key;
+  var values = _ref31.values,
+    key = _ref31.key;
   return values === null || values === void 0 || (_values$key = values[key]) === null || _values$key === void 0 ? void 0 : _values$key.value;
 };
 var asArray = function asArray(maybeArray) {
@@ -797,11 +848,11 @@ var fieldKeysFromSchema = function fieldKeysFromSchema() {
 };
 var valuesToRuleModel = function valuesToRuleModel() {
   var _valueAt, _conditions$;
-  var _ref31 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    _ref31$values = _ref31.values,
-    values = _ref31$values === void 0 ? {} : _ref31$values,
-    _ref31$schema = _ref31.schema,
-    schema = _ref31$schema === void 0 ? {} : _ref31$schema;
+  var _ref32 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    _ref32$values = _ref32.values,
+    values = _ref32$values === void 0 ? {} : _ref32$values,
+    _ref32$schema = _ref32.schema,
+    schema = _ref32$schema === void 0 ? {} : _ref32$schema;
   var keys = fieldKeysFromSchema(schema);
   var conditions = asArray(valueAt({
     values: values,
@@ -845,42 +896,77 @@ var valuesToRuleModel = function valuesToRuleModel() {
     }))
   };
 };
-var setTriggers = function setTriggers(_ref32) {
-  var schema = _ref32.schema,
-    triggers = _ref32.triggers;
+var setTriggers = function setTriggers(_ref33) {
+  var schema = _ref33.schema,
+    triggers = _ref33.triggers;
   return {
     path: "".concat(fieldKeysFromSchema(schema).triggers, ".value"),
     value: triggers
   };
 };
-var setPerformer = function setPerformer(_ref33) {
-  var schema = _ref33.schema,
-    performer = _ref33.performer;
+
+// Removed saved triggers must be sent with _destroy, or the backend keeps them.
+var replaceTriggers = function replaceTriggers(_ref34) {
+  var schema = _ref34.schema,
+    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(_ref34) {
-  var schema = _ref34.schema,
-    actions = _ref34.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(_ref35) {
-  var schema = _ref35.schema,
-    conditions = _ref35.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(_ref36) {
-  var schema = _ref36.schema,
-    conditions = _ref36.conditions,
-    joinType = _ref36.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) {
@@ -888,34 +974,34 @@ var setConditionMode = function setConditionMode(_ref36) {
     })
   });
 };
-var setDelay = function setDelay(_ref37) {
-  var schema = _ref37.schema,
-    delay = _ref37.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(_ref38) {
-  var schema = _ref38.schema,
-    active = _ref38.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(_ref39) {
-  var schema = _ref39.schema,
-    scope = _ref39.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(_ref40) {
-  var values = _ref40.values,
-    fieldKey = _ref40.fieldKey,
-    index = _ref40.index;
+var removeArrayItem = function removeArrayItem(_ref42) {
+  var values = _ref42.values,
+    fieldKey = _ref42.fieldKey,
+    index = _ref42.index;
   var list = asArray(valueAt({
     values: values,
     key: fieldKey
@@ -930,21 +1016,21 @@ var removeArrayItem = function removeArrayItem(_ref40) {
     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(_ref41) {
-  var values = _ref41.values,
-    fieldKey = _ref41.fieldKey;
+var clearArrayItems = function clearArrayItems(_ref43) {
+  var values = _ref43.values,
+    fieldKey = _ref43.fieldKey;
   var list = asArray(valueAt({
     values: values,
     key: fieldKey
@@ -952,7 +1038,7 @@ var clearArrayItems = function clearArrayItems(_ref41) {
   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
     });
   });
@@ -961,9 +1047,9 @@ var clearArrayItems = function clearArrayItems(_ref41) {
     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))
@@ -972,8 +1058,8 @@ var clearArrayItems = function clearArrayItems(_ref41) {
   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,
@@ -1001,7 +1087,7 @@ var ConditionRow = function ConditionRow(_ref) {
     return ((_field$value = field.value) !== null && _field$value !== void 0 ? _field$value : field.id) === (condition === null || condition === void 0 ? void 0 : condition.field);
   });
   var operatorPlaceholder = (conditionField === null || conditionField === void 0 ? void 0 : conditionField.operatorPlaceholder) || t("neetoRules.builder.selectOperator");
-  var value = conditionValueLabel({
+  var value = conditionValueParts({
     schema: schema,
     condition: condition
   });
@@ -1090,7 +1176,7 @@ var ConditionRow = function ConditionRow(_ref) {
               index: index
             });
           },
-          children: value || t("neetoRules.form.addValue")
+          children: value ? /*#__PURE__*/jsxRuntime.jsx(Values, _objectSpread$c({}, value)) : t("neetoRules.form.addValue")
         })]
       }) : /*#__PURE__*/jsxRuntime.jsx(Token, {
         active: isActive({
@@ -1123,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",
@@ -1162,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,
@@ -1215,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",
@@ -1305,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 : "");
 };
@@ -1468,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",
@@ -1485,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,
@@ -1519,6 +1605,7 @@ var ActionRow = function ActionRow(_ref) {
     recipientLabel = _actionParts.recipientLabel,
     separator = _actionParts.separator,
     configValue = _actionParts.configValue,
+    configValueParts = _actionParts.configValueParts,
     configValuePlaceholder = _actionParts.configValuePlaceholder,
     paramKind = _actionParts.paramKind,
     valueNoun = _actionParts.valueNoun,
@@ -1553,7 +1640,7 @@ var ActionRow = function ActionRow(_ref) {
     configSeparator = _ref3[1];
   var isConfigured = neetoCist.isNotEmpty(action === null || action === void 0 ? void 0 : action.metadata);
   // A host that shows no value label still needs the token to read as filled.
-  var configState = configValue || isConfigured ? TOKEN_STATE.FILLED : TOKEN_STATE.MUTED;
+  var configState = configValueParts || isConfigured ? TOKEN_STATE.FILLED : TOKEN_STATE.MUTED;
   var _useClearingHover = useClearingHover(),
     clearing = _useClearingHover.clearing,
     clearingHoverProps = _useClearingHover.clearingHoverProps;
@@ -1578,7 +1665,7 @@ var ActionRow = function ActionRow(_ref) {
           index: index
         });
       },
-      children: configValue || 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, {
@@ -1681,7 +1768,7 @@ var ActionRow = function ActionRow(_ref) {
               index: index
             });
           },
-          children: configValue || 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),
@@ -1717,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",
@@ -1824,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,
@@ -1980,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",
@@ -1999,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 {
@@ -2018,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)
     });
@@ -2030,7 +2117,7 @@ var usePaneCascade = function usePaneCascade(schema) {
       rest = _objectWithoutProperties(token, _excluded);
     openType({
       type: type,
-      data: _objectSpread$5({
+      data: _objectSpread$7({
         anchor: anchor
       }, rest)
     });
@@ -2063,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
       }));
     },
@@ -2147,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;
@@ -2322,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({
@@ -2335,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
@@ -2356,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
@@ -2380,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: "",
@@ -2388,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,
@@ -2407,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({
@@ -2426,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;
@@ -2443,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
@@ -2461,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:
@@ -2588,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"),
@@ -2635,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
@@ -2645,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
@@ -2653,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,
@@ -2763,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,
@@ -2790,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;
@@ -2875,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:
@@ -2994,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
@@ -3024,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,
@@ -3041,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
           })), {}, {
@@ -3054,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,
@@ -3072,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,
@@ -3085,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
           })), {}, {
@@ -3102,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;
@@ -3137,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;
@@ -3525,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) {
@@ -3587,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) {
@@ -3690,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, {
@@ -3698,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);
       },
@@ -3724,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);
       },
@@ -3734,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, {
@@ -3743,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);
         },
@@ -3779,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,
@@ -3817,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] : [];
@@ -3851,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,
@@ -3940,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
@@ -4121,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,
@@ -4369,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,
@@ -4379,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(),
@@ -4482,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,
@@ -4535,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"
@@ -4571,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),
@@ -4597,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),
@@ -4743,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;
@@ -4755,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,
@@ -4800,6 +5029,7 @@ var RecipientPane = function RecipientPane(_ref) {
       configPending: configPending,
       index: index$1,
       schema: schema,
+      validate: validate,
       anchor: BUILDER_ANCHORS.ACTION_RECIPIENT
     });
   }
@@ -4829,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,
@@ -4934,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, {
@@ -5079,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,
@@ -5112,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,