@bigbinary/neeto-rules-frontend 2.7.26 → 2.7.28

package/dist/v2/NeetoRulesBuilder.js

@@ -1,37 +1,38 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { f as flatten, S as SHORTCUTS } from '../keyboardShortcuts-DwgF8Mcu.js';
+import { f as flatten, S as SHORTCUTS } from '../keyboardShortcuts-CsMwT9YF.js';
 import { useShallow } from 'zustand/shallow';
-import { useState, useRef, useEffect, createElement, Fragment as Fragment$1, useCallback, useMemo, isValidElement } from 'react';
+import { useState, useRef, useEffect, Fragment, createElement, useCallback, useMemo, isValidElement } from 'react';
 import { Button, Select, Input, Checkbox, Typography, RadioGroup, Textarea, DatePicker, Popover, Tooltip, MultiEmailInput, Spinner } from '@bigbinary/neeto-atoms';
 import { Input as Input$1, Select as Select$1, ActionBlock } from '@bigbinary/neeto-atoms/formik';
 import classNames from 'classnames';
 import { useFormikContext, getIn, useField, Formik, Form as Form$1 } from 'formik';
-import { isNotEmpty, toLabelAndValue, removeBy, isNot, noop } from '@bigbinary/neeto-cist';
+import { isNotEmpty, toLabelAndValue, removeBy, findBy, isPresent, isNot, noop } from '@bigbinary/neeto-cist';
 import Container from '@bigbinary/neeto-molecules/v2/Container';
 import Header from '@bigbinary/neeto-molecules/v2/Header';
 import { useTranslation } from 'react-i18next';
-import { r as ApiFields, E as EditorAction, L as ListField, o as Panel, s as ErrorCallout, t as SmsFields, M as MIN_DELAY_VALUE, v as MAX_DELAY_VALUE, w as PhoneNumberField, l as formatData, u as usePollRuleName, T as TouchErrors, n as ScrollToErrorField, p as getValidationSchema, q as DEFAULT_INITIAL_VALUE, m as buildPayload } from '../index-Br0dDuGK.js';
+import { r as useHasFieldChanged, s as areValuesEqual, t as useResetSaveAsTemplateOnHide, v as SelectTemplateField, E as EditorAction, w as SaveAsTemplate, x as setEditorContent, y as ApiFields, L as ListField, o as Panel, z as ErrorCallout, B as SmsFields, M as MIN_DELAY_VALUE, C as MAX_DELAY_VALUE, G as PhoneNumberField, l as formatData, u as usePollRuleName, T as TouchErrors, n as ScrollToErrorField, p as getValidationSchema, q as DEFAULT_INITIAL_VALUE, m as buildPayload } from '../index-B4YtTKJ-.js';
 import { u as useCustomDataStore } from '../useCustomDataStore-CEbhXugO.js';
 import { u as useUtilityStore } from '../useUtilityStore-BVCulMEC.js';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import Plus from '@bigbinary/neeto-icons/Plus';
-import { isNil, isEmpty, assoc, mergeDeepRight, pluck } from 'ramda';
+import { isNil, isEmpty, assoc, mergeDeepRight, pluck, F } from 'ramda';
 import Delete from '@bigbinary/neeto-icons/Delete';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
+import _typeof from '@babel/runtime/helpers/typeof';
 import { t } from 'i18next';
 import * as yup from 'yup';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import useHotkeys from '@bigbinary/neeto-hotkeys';
 import Search from '@bigbinary/neeto-icons/Search';
 import { dayjs } from '@bigbinary/neeto-commons-frontend/v2/utils';
-import { D as DATE_FORMAT } from '../utils-DeqHhpwQ.js';
+import { D as DATE_FORMAT, b as getDateTimeValue, d as DATE_TIME_FORMAT, e as DATE_TIME_TYPES } from '../utils-Cp7CD4kh.js';
 import Up from '@bigbinary/neeto-icons/Up';
 import Down from '@bigbinary/neeto-icons/Down';
 import Info from '@bigbinary/neeto-icons/Info';
-import '@babel/runtime/helpers/typeof';
+import { globalProps } from '@bigbinary/neeto-commons-frontend/v2/initializers';
 import '../useAutomationRulesApi-C9I3wUZ8.js';
 import '@tanstack/react-query';
 import '@bigbinary/neeto-commons-frontend/react-utils';
@@ -47,7 +48,6 @@ import '@babel/runtime/helpers/toArray';
 import '@bigbinary/neeto-molecules/v2/PhoneNumber';
 import 'react-select';
 import '../constants-CYdcft3h.js';
-import '@bigbinary/neeto-commons-frontend/v2/initializers';
 import '@bigbinary/neeto-editor/v2/utils';
 import 'zustand';
 import '@bigbinary/neeto-commons-frontend/initializers';
@@ -251,8 +251,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,
@@ -267,7 +267,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__*/jsx("span", _objectSpread$c(_objectSpread$c({
+  return /*#__PURE__*/jsx("span", _objectSpread$e(_objectSpread$e({
     "data-testid": dataTestid,
     ref: tokenRef,
     role: isInteractive ? "button" : undefined,
@@ -289,8 +289,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__*/jsxs(Fragment, {
+      children: [index > 0 && " ", index > 0 && connector && /*#__PURE__*/jsxs(Fragment$1, {
+        children: [/*#__PURE__*/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();
 };
@@ -381,7 +397,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 (isNil(raw) || raw === "") return null;
+  if (Array.isArray(raw)) {
+    return isEmpty(raw) ? null : {
+      values: raw.map(String)
+    };
+  }
+  if (_typeof(raw) === "object") {
+    var values = Array.isArray(raw.values) ? raw.values.map(String) : [];
+    return 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;
@@ -401,23 +442,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) ? t("neetoRules.operators.and") : 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;
@@ -429,24 +475,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
@@ -456,10 +502,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,
@@ -482,6 +528,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,
@@ -494,7 +544,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,
@@ -509,13 +560,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 !isEmpty((rule === null || rule === void 0 ? void 0 : rule.triggers) || []);
@@ -529,20 +580,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 ? 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 ? 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,
@@ -555,9 +606,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
@@ -569,28 +620,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,
@@ -598,14 +649,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
@@ -614,15 +665,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) {
@@ -659,9 +710,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)
@@ -701,7 +752,7 @@ var normalizeTriggers = function normalizeTriggers(triggers) {
 };
 var normalizeSchema = function normalizeSchema() {
   var rawSchema = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  return mergeDeepRight(DEFAULT_SCHEMA, _objectSpread$b(_objectSpread$b({}, rawSchema), {}, {
+  return mergeDeepRight(DEFAULT_SCHEMA, _objectSpread$d(_objectSpread$d({}, rawSchema), {}, {
     triggers: normalizeTriggers(rawSchema.triggers)
   }));
 };
@@ -715,11 +766,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;
@@ -750,10 +801,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) {
@@ -776,11 +827,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,
@@ -824,42 +875,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) {
@@ -867,34 +953,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
@@ -909,21 +995,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
@@ -931,7 +1017,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
     });
   });
@@ -940,9 +1026,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))
@@ -951,8 +1037,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,
@@ -980,7 +1066,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
   });
@@ -1014,7 +1100,7 @@ var ConditionRow = function ConditionRow(_ref) {
           });
         },
         children: rule.conditionMode === CONDITION_MODE.OR ? t("neetoRules.operators.or") : t("neetoRules.operators.and")
-      }), hasField ? /*#__PURE__*/jsxs(Fragment, {
+      }), hasField ? /*#__PURE__*/jsxs(Fragment$1, {
         children: [/*#__PURE__*/jsx(Token, {
           active: isActive({
             type: BUILDER_ANCHORS.COND_FIELD,
@@ -1069,7 +1155,7 @@ var ConditionRow = function ConditionRow(_ref) {
               index: index
             });
           },
-          children: value || t("neetoRules.form.addValue")
+          children: value ? /*#__PURE__*/jsx(Values, _objectSpread$c({}, value)) : t("neetoRules.form.addValue")
         })]
       }) : /*#__PURE__*/jsx(Token, {
         active: isActive({
@@ -1102,7 +1188,7 @@ var ConditionRow = function ConditionRow(_ref) {
           position: "top"
         },
         onClick: handleAddCondition
-      }), handleRemove && /*#__PURE__*/jsx(Button, _objectSpread$a({
+      }), handleRemove && /*#__PURE__*/jsx(Button, _objectSpread$c({
         "data-testid": "cond-remove-".concat(index),
         icon: Delete,
         size: "sm",
@@ -1141,8 +1227,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,
@@ -1194,7 +1280,7 @@ var DelayRow = function DelayRow(_ref) {
       })]
     }), handleRemove && /*#__PURE__*/jsx("div", {
       className: "mb-row-actions",
-      children: /*#__PURE__*/jsx(Button, _objectSpread$9({
+      children: /*#__PURE__*/jsx(Button, _objectSpread$b({
         "data-testid": "rule-delay-remove",
         icon: Delete,
         size: "sm",
@@ -1284,8 +1370,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 : "");
 };
@@ -1407,7 +1493,7 @@ var ScopeRow = function ScopeRow(_ref2) {
       }), singlePhoneFieldLabel && /*#__PURE__*/jsxs("span", {
         className: "mb-fixed",
         children: [usingLabel, " ", singlePhoneFieldLabel]
-      }), hasPhoneFieldChoice && /*#__PURE__*/jsxs(Fragment, {
+      }), hasPhoneFieldChoice && /*#__PURE__*/jsxs(Fragment$1, {
         children: [/*#__PURE__*/jsx("span", {
           className: "mb-fixed",
           children: usingLabel
@@ -1447,7 +1533,7 @@ var ScopeRow = function ScopeRow(_ref2) {
             type: BUILDER_ANCHORS.SCOPE
           });
         }
-      }), handleRemoveScope && /*#__PURE__*/jsx(Button, _objectSpread$8({
+      }), handleRemoveScope && /*#__PURE__*/jsx(Button, _objectSpread$a({
         "data-testid": "scope-remove-".concat(index),
         icon: Delete,
         size: "sm",
@@ -1464,8 +1550,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,
@@ -1498,6 +1584,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,
@@ -1532,11 +1619,11 @@ var ActionRow = function ActionRow(_ref) {
     configSeparator = _ref3[1];
   var isConfigured = 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;
-  var configToken = configSeparator ? /*#__PURE__*/jsxs(Fragment$1, {
+  var configToken = configSeparator ? /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx("span", {
       className: "mb-fixed",
       children: configSeparator
@@ -1557,10 +1644,10 @@ var ActionRow = function ActionRow(_ref) {
           index: index
         });
       },
-      children: configValue || sentencify(configValuePlaceholder) || t("neetoRules.builder.selectFallback")
+      children: configValueParts ? /*#__PURE__*/jsx(Values, _objectSpread$9({}, configValueParts)) : sentencify(configValuePlaceholder) || t("neetoRules.builder.selectFallback")
     })]
   }, "config") : null;
-  var recipientToken = needsRecipient ? /*#__PURE__*/jsxs(Fragment$1, {
+  var recipientToken = needsRecipient ? /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx("span", {
       className: "mb-fixed",
       children: recipientSeparator || t("neetoRules.common.to")
@@ -1594,7 +1681,7 @@ var ActionRow = function ActionRow(_ref) {
       index: index,
       stepKey: step.key
     };
-    return /*#__PURE__*/jsxs(Fragment$1, {
+    return /*#__PURE__*/jsxs(Fragment, {
       children: [step.separator && /*#__PURE__*/jsx("span", {
         className: "mb-fixed",
         children: step.separator
@@ -1632,7 +1719,7 @@ var ActionRow = function ActionRow(_ref) {
         children: [verbLabel, MediumIcon && /*#__PURE__*/jsx(MediumIcon, {
           size: 14
         }), configLabel]
-      }) : /*#__PURE__*/jsxs(Fragment, {
+      }) : /*#__PURE__*/jsxs(Fragment$1, {
         children: [/*#__PURE__*/jsx(Token, {
           active: isVerbActive,
           dataTestid: "action-verb-".concat(index),
@@ -1660,7 +1747,7 @@ var ActionRow = function ActionRow(_ref) {
               index: index
             });
           },
-          children: configValue || sentencify(configValuePlaceholder) || paramPlaceholder
+          children: configValueParts ? /*#__PURE__*/jsx(Values, _objectSpread$9({}, configValueParts)) : sentencify(configValuePlaceholder) || paramPlaceholder
         }) : configLabel && /*#__PURE__*/jsxs(Token, {
           className: "mb-tok-medium",
           dataTestid: "action-config-".concat(index),
@@ -1696,7 +1783,7 @@ var ActionRow = function ActionRow(_ref) {
           position: "top"
         },
         onClick: handleAddAction
-      }), handleRemove && /*#__PURE__*/jsx(Button, _objectSpread$7({
+      }), handleRemove && /*#__PURE__*/jsx(Button, _objectSpread$9({
         "data-testid": "action-remove-".concat(index),
         icon: Delete,
         size: "sm",
@@ -1765,7 +1852,7 @@ var ThenBlock = function ThenBlock(_ref) {
       })
     });
   }
-  return /*#__PURE__*/jsxs(Fragment, {
+  return /*#__PURE__*/jsxs(Fragment$1, {
     children: [named.map(function (_ref3, position) {
       var _action$id;
       var action = _ref3.action,
@@ -1803,8 +1890,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,
@@ -1878,7 +1965,7 @@ var WhenBlock = function WhenBlock(_ref) {
         children: t("neetoRules.common.when")
       }), triggers.map(function (trigger, index) {
         var _trigger$id;
-        return /*#__PURE__*/jsxs(Fragment$1, {
+        return /*#__PURE__*/jsxs(Fragment, {
           children: [index > 0 && /*#__PURE__*/jsx("span", {
             className: "mb-fixed",
             children: t("neetoRules.operators.or")
@@ -1921,7 +2008,7 @@ var WhenBlock = function WhenBlock(_ref) {
             })
           })]
         }, (_trigger$id = trigger.id) !== null && _trigger$id !== void 0 ? _trigger$id : index);
-      }), isActorEnabled && /*#__PURE__*/jsxs(Fragment, {
+      }), isActorEnabled && /*#__PURE__*/jsxs(Fragment$1, {
         children: [/*#__PURE__*/jsx("span", {
           className: "mb-fixed",
           children: t("neetoRules.common.by")
@@ -1959,7 +2046,7 @@ var WhenBlock = function WhenBlock(_ref) {
           position: "top"
         },
         onClick: handleAddCondition
-      }), handleClearTrigger && /*#__PURE__*/jsx(Button, _objectSpread$6({
+      }), handleClearTrigger && /*#__PURE__*/jsx(Button, _objectSpread$8({
         "data-testid": "trigger-clear",
         icon: Delete,
         size: "sm",
@@ -1978,8 +2065,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(useShallow(function (store) {
       return {
@@ -1997,7 +2084,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)
     });
@@ -2009,7 +2096,7 @@ var usePaneCascade = function usePaneCascade(schema) {
       rest = _objectWithoutProperties(token, _excluded);
     openType({
       type: type,
-      data: _objectSpread$5({
+      data: _objectSpread$7({
         anchor: anchor
       }, rest)
     });
@@ -2042,9 +2129,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
       }));
     },
@@ -2126,8 +2214,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;
@@ -2301,11 +2389,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 = pluck("name", rule.triggers);
     return names.includes(value) ? removeBy({
@@ -2314,16 +2433,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
@@ -2335,20 +2454,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
@@ -2359,7 +2478,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: "",
@@ -2367,7 +2486,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,
@@ -2386,16 +2505,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({
@@ -2405,11 +2524,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;
@@ -2422,16 +2541,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
@@ -2440,21 +2559,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:
@@ -2567,19 +2686,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 ? t("neetoRules.builder.panes.actionSwapTitle") : t("neetoRules.builder.panes.actionAddTitle"),
           subtitle: isSwap ? t("neetoRules.builder.panes.actionSwapSubtitle") : t("neetoRules.builder.panes.actionAddSubtitle"),
@@ -2614,7 +2733,7 @@ var descriptorFor = function descriptorFor(_ref17) {
       }
     case BUILDER_ANCHORS.ACTION_RECIPIENT:
       {
-        var _schema$actions12;
+        var _schema$actions13;
         var action = actionAt({
           rule: rule,
           index: index
@@ -2624,7 +2743,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
@@ -2632,9 +2751,10 @@ var descriptorFor = function descriptorFor(_ref17) {
         return {
           title: meta.recipientTitle || (option === null || option === void 0 ? void 0 : option.recipientTitle) || t("neetoRules.builder.panes.recipientTitle"),
           subtitle: meta.recipientSubtitle || (option === null || option === void 0 ? void 0 : option.recipientSubtitle) || t("neetoRules.builder.panes.recipientSubtitle"),
-          options: recipientsFor({
+          options: availableRecipients({
             schema: schema,
-            action: action
+            rule: rule,
+            index: index
           }).map(function (recipient) {
             return {
               label: recipient.label,
@@ -2742,14 +2862,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,
@@ -2769,7 +2889,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;
@@ -2854,14 +2974,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:
@@ -2973,25 +3093,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
@@ -3003,11 +3123,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,
@@ -3020,11 +3140,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
           })), {}, {
@@ -3033,12 +3153,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,
@@ -3051,7 +3171,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,
@@ -3064,11 +3184,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
           })), {}, {
@@ -3081,8 +3201,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;
@@ -3116,7 +3236,7 @@ var Canvas = function Canvas(_ref) {
     builderPreview = _useUtilityStore.builderPreview,
     panelState = _useUtilityStore.panelState;
   var displayRule = useMemo(function () {
-    return builderPreview ? applyPreview(_objectSpread$3({
+    return builderPreview ? applyPreview(_objectSpread$5({
       rule: rule,
       schema: schema
     }, builderPreview)) : rule;
@@ -3420,7 +3540,7 @@ var Canvas = function Canvas(_ref) {
         });
       }), renderSlot("afterConditions"), /*#__PURE__*/jsx(Connector, {
         active: isTriggerSet
-      }), isDelayEnabled && isTriggerSet && (rule.delay ? /*#__PURE__*/jsxs(Fragment$1, {
+      }), isDelayEnabled && isTriggerSet && (rule.delay ? /*#__PURE__*/jsxs(Fragment, {
         children: [/*#__PURE__*/jsx(DelayRow, {
           isActive: isActive,
           isInvalid: isInvalid,
@@ -3454,7 +3574,7 @@ var Canvas = function Canvas(_ref) {
         onAddAction: handleAddAction,
         onRemoveAction: handleRemoveAction,
         onToken: openPane
-      }), renderSlot("afterActions"), isScopeEnabled && /*#__PURE__*/jsxs(Fragment$1, {
+      }), renderSlot("afterActions"), isScopeEnabled && /*#__PURE__*/jsxs(Fragment, {
         children: [/*#__PURE__*/jsx(Connector, {
           active: true
         }), /*#__PURE__*/jsx(ScopeBlock, {
@@ -3504,7 +3624,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 = useTranslation(),
+    t = _useTranslation.t;
+  var _useFormikContext = useFormikContext(),
+    values = _useFormikContext.values,
+    errors = _useFormikContext.errors,
+    touched = _useFormikContext.touched,
+    setFieldValue = _useFormikContext.setFieldValue,
+    setFieldTouched = _useFormikContext.setFieldTouched;
+  var editorRef = useRef(null);
+  var _useUtilityStore = useUtilityStore(useShallow(function (store) {
+      return {
+        isSaveAsTemplateEnabled: store["isSaveAsTemplateEnabled"]
+      };
+    })),
+    isSaveAsTemplateEnabled = _useUtilityStore.isSaveAsTemplateEnabled;
+  var hasFieldChanged = 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 = isNotEmpty(options) && !hasRecipientField;
+  var fieldError = function fieldError(path) {
+    return getIn(touched, path) && getIn(errors, path);
+  };
+  var shouldShowSaveAsTemplate = useCallback(function () {
+    var _ref2 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+      templateId = _ref2.templateId,
+      subject = _ref2.subject,
+      body = _ref2.body;
+    var template = findBy({
+      id: templateId
+    }, templates);
+    var hasContent = isPresent(subject) || isPresent(body);
+    var isContentDifferentFromTemplate = !(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 = useResetSaveAsTemplateOnHide(name, isSaveAsTemplateEnabled ? shouldShowSaveAsTemplate : 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({}, getIn(values, name)), {}, {
+      templateId: template.id,
+      body: template.body
+    }, option !== null && option !== void 0 && option.hideSubject ? {} : {
+      subject: template.subject
+    }));
+    setEditorContent(editorRef, template.body);
+  };
+  return /*#__PURE__*/jsxs("div", {
+    className: "flex flex-col gap-4",
+    children: [hasRecipientList && /*#__PURE__*/jsx(Select, {
+      options: options,
+      required: true,
+      error: fieldError(valuePath),
+      placeholder: option === null || option === void 0 ? void 0 : option.valuePlaceholder,
+      size: "large",
+      value: (_getIn = 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);
+      }
+    }), isPresent(templates) && /*#__PURE__*/jsx(SelectTemplateField, {
+      templates: templates,
+      selectedField: option,
+      onChange: handleTemplateChange
+    }), !(option !== null && option !== void 0 && option.hideSubject) && /*#__PURE__*/jsx(Input, {
+      required: true,
+      error: fieldError(subjectPath),
+      label: t("neetoRules.builder.config.subject"),
+      placeholder: t("neetoRules.builder.config.subjectPlaceholder"),
+      size: "large",
+      value: (_getIn2 = 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__*/jsx(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__*/jsx(SaveAsTemplate, {
+      name: name
+    })]
+  });
 };
 
 var restoreTokens = function restoreTokens(text) {
@@ -3566,49 +3794,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 = isNotEmpty(options) && !hasRecipientField;
-    return /*#__PURE__*/jsxs("div", {
-      className: "flex flex-col gap-4",
-      children: [hasRecipientList && /*#__PURE__*/jsx(Select, {
-        options: options,
-        required: true,
-        error: fieldError(valuePath),
-        placeholder: option === null || option === void 0 ? void 0 : option.valuePlaceholder,
-        size: "large",
-        value: (_getIn = 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__*/jsx(Input, {
-        required: true,
-        error: fieldError(subjectPath),
-        label: t("neetoRules.builder.config.subject"),
-        placeholder: t("neetoRules.builder.config.subjectPlaceholder"),
-        size: "large",
-        value: (_getIn2 = 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__*/jsx(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__*/jsx(EmailChannelFields, {
+      action: action,
+      hasRecipientField: hasRecipientField,
+      name: name,
+      option: option,
+      options: options,
+      hint: hintBlock
     });
   }
   if (type === ACTION_CONFIG_TYPES.multiSelect) {
@@ -3669,7 +3861,7 @@ var ActionConfigFields = function ActionConfigFields(_ref) {
     });
   }
   if (type === ACTION_CONFIG_TYPES.note) {
-    var _action$metadata2;
+    var _action$metadata;
     return /*#__PURE__*/jsxs("div", {
       className: "flex flex-col gap-2",
       children: [/*#__PURE__*/jsx(EditorAction, {
@@ -3677,20 +3869,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__*/jsx(Input, {
       required: true,
       error: fieldError(valuePath),
       label: t("neetoRules.builder.config.value"),
       size: "large",
       type: "number",
-      value: (_getIn3 = getIn(values, valuePath)) !== null && _getIn3 !== void 0 ? _getIn3 : "",
+      value: (_getIn = getIn(values, valuePath)) !== null && _getIn !== void 0 ? _getIn : "",
       onBlur: function onBlur() {
         return setFieldTouched(valuePath, true);
       },
@@ -3703,7 +3895,7 @@ var ActionConfigFields = function ActionConfigFields(_ref) {
       label: t("neetoRules.builder.config.message"),
       rows: 5,
       size: "large",
-      value: (_getIn4 = getIn(values, valuePath)) !== null && _getIn4 !== void 0 ? _getIn4 : "",
+      value: (_getIn2 = getIn(values, valuePath)) !== null && _getIn2 !== void 0 ? _getIn2 : "",
       onBlur: function onBlur() {
         return setFieldTouched(valuePath, true);
       },
@@ -3713,7 +3905,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__*/jsxs("div", {
       className: "flex flex-col gap-2",
       children: [/*#__PURE__*/jsx(Input, {
@@ -3722,7 +3914,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 = getIn(values, valuePath)) !== null && _getIn5 !== void 0 ? _getIn5 : "",
+        value: (_getIn3 = getIn(values, valuePath)) !== null && _getIn3 !== void 0 ? _getIn3 : "",
         onBlur: function onBlur() {
           return setFieldTouched(valuePath, true);
         },
@@ -3758,8 +3950,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,
@@ -3796,12 +3988,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] : [];
@@ -3830,8 +4022,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,
@@ -3919,9 +4111,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
@@ -3966,7 +4158,7 @@ var ConfigPane = function ConfigPane(_ref) {
   useHotkeys(SHORTCUTS["continue"].sequence, handleContinue, {
     mode: "global"
   });
-  return /*#__PURE__*/jsxs(Fragment, {
+  return /*#__PURE__*/jsxs(Fragment$1, {
     children: [/*#__PURE__*/jsx(Panel.Header, {
       children: /*#__PURE__*/jsxs("div", {
         className: "flex w-full flex-col gap-y-2",
@@ -4076,7 +4268,7 @@ var DelayPane = function DelayPane(_ref) {
       return first.focus();
     }, 0);
   }, []);
-  return /*#__PURE__*/jsxs(Fragment, {
+  return /*#__PURE__*/jsxs(Fragment$1, {
     children: [/*#__PURE__*/jsx(Panel.Header, {
       children: /*#__PURE__*/jsxs("div", {
         className: "flex flex-col gap-y-1",
@@ -4100,15 +4292,17 @@ var DelayPane = function DelayPane(_ref) {
           children: t("neetoRules.builder.waitFor")
         }), /*#__PURE__*/jsxs("div", {
           className: "flex items-start gap-x-2",
-          children: [/*#__PURE__*/jsx(Input$1, {
+          children: [/*#__PURE__*/jsx("div", {
             className: "w-44",
-            dataTestid: "delay-value",
-            max: MAX_DELAY_VALUE,
-            min: MIN_DELAY_VALUE,
-            name: "".concat(name, ".value.value"),
-            placeholder: t("neetoRules.placeholders.enterDelay"),
-            size: "large",
-            type: "number"
+            children: /*#__PURE__*/jsx(Input$1, {
+              dataTestid: "delay-value",
+              max: MAX_DELAY_VALUE,
+              min: MIN_DELAY_VALUE,
+              name: "".concat(name, ".value.value"),
+              placeholder: t("neetoRules.placeholders.enterDelay"),
+              size: "large",
+              type: "number"
+            })
           }), /*#__PURE__*/jsx(Select$1, {
             dataTestid: "delay-unit",
             defaultValue: value === null || value === void 0 ? void 0 : value.unit,
@@ -4258,7 +4452,7 @@ var LeadTimePane = function LeadTimePane(_ref) {
     setFieldTouched(path, true, false);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [rule.leadTime]);
-  return /*#__PURE__*/jsxs(Fragment, {
+  return /*#__PURE__*/jsxs(Fragment$1, {
     children: [/*#__PURE__*/jsx(Panel.Header, {
       children: /*#__PURE__*/jsxs("div", {
         className: "flex flex-col gap-y-1",
@@ -4321,7 +4515,7 @@ var NamePane = function NamePane(_ref) {
     t = _useTranslation.t;
   var _useRuleModel = useRuleModel(schema),
     fieldKeys = _useRuleModel.fieldKeys;
-  return /*#__PURE__*/jsxs(Fragment, {
+  return /*#__PURE__*/jsxs(Fragment$1, {
     children: [/*#__PURE__*/jsx(Panel.Header, {
       children: /*#__PURE__*/jsxs("div", {
         className: "flex flex-col gap-y-1",
@@ -4348,8 +4542,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,
@@ -4358,7 +4554,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 = useTranslation(),
     t = _useTranslation.t;
   var _useFormikContext = useFormikContext(),
@@ -4461,20 +4659,49 @@ var OptionsPane = function OptionsPane(_ref) {
       }
     };
   };
-  var handleContinue = function handleContinue() {
-    var target = continueTargetFor({
-      anchor: anchor,
-      schema: schema,
-      rule: rule,
-      index: index,
-      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,
+              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(SHORTCUTS["continue"].sequence, handleContinue, {
     enabled: canContinue,
@@ -4514,7 +4741,7 @@ var OptionsPane = function OptionsPane(_ref) {
           color: "muted",
           variant: "body2",
           children: popover.description
-        }), popover.helpLinkProps && /*#__PURE__*/jsx(Button, _objectSpread$2(_objectSpread$2({}, popover.helpLinkProps), {}, {
+        }), popover.helpLinkProps && /*#__PURE__*/jsx(Button, _objectSpread$3(_objectSpread$3({}, popover.helpLinkProps), {}, {
           className: "h-auto self-start p-0",
           size: "sm",
           variant: "link"
@@ -4550,13 +4777,13 @@ var OptionsPane = function OptionsPane(_ref) {
     if (multi) {
       return /*#__PURE__*/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];
-          return /*#__PURE__*/jsxs(Fragment$1, {
+        children: groups.map(function (_ref3) {
+          var _ref4 = _slicedToArray(_ref3, 2),
+            category = _ref4[0],
+            items = _ref4[1];
+          return /*#__PURE__*/jsxs(Fragment, {
             children: [renderGroupHeader(category), items.map(function (option) {
-              return /*#__PURE__*/jsx(Checkbox, _objectSpread$2(_objectSpread$2({
+              return /*#__PURE__*/jsx(Checkbox, _objectSpread$3(_objectSpread$3({
                 checked: isSelected(option.value),
                 disabled: option.disabled,
                 label: optionLabel(option),
@@ -4576,15 +4803,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__*/jsx("div", {
           className: "mb-pane-group",
           children: category
         }, "group-".concat(category)) : null].concat(_toConsumableArray(items.map(function (option) {
-          return /*#__PURE__*/jsx(RadioGroup.Item, _objectSpread$2(_objectSpread$2({
+          return /*#__PURE__*/jsx(RadioGroup.Item, _objectSpread$3(_objectSpread$3({
             disabled: option.disabled,
             label: optionLabel(option),
             labelProps: previewHandlers(option.value),
@@ -4596,7 +4823,7 @@ var OptionsPane = function OptionsPane(_ref) {
       }).filter(Boolean)
     });
   };
-  return /*#__PURE__*/jsxs(Fragment, {
+  return /*#__PURE__*/jsxs(Fragment$1, {
     children: [/*#__PURE__*/jsx(Panel.Header, {
       children: /*#__PURE__*/jsxs("div", {
         className: "flex w-full flex-col gap-y-2",
@@ -4722,8 +4949,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;
   useEffect(function () {
     var _bodyRef$current;
     if (!editor) return;
@@ -4734,12 +4969,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__*/jsx(RecipientField, {
     name: name,
     dropdownOptions: recipientConfig.dropdownOptions,
@@ -4779,13 +5008,14 @@ var RecipientPane = function RecipientPane(_ref) {
       configPending: configPending,
       index: index,
       schema: schema,
+      validate: validate,
       anchor: BUILDER_ANCHORS.ACTION_RECIPIENT
     });
   }
 
   // eslint-disable-next-line security/detect-object-injection
   var meta = ((_schema$actions9 = schema.actions) === null || _schema$actions9 === void 0 || (_schema$actions9 = _schema$actions9.channelMeta) === null || _schema$actions9 === void 0 ? void 0 : _schema$actions9[channel]) || {};
-  return /*#__PURE__*/jsxs(Fragment, {
+  return /*#__PURE__*/jsxs(Fragment$1, {
     children: [/*#__PURE__*/jsx(Panel.Header, {
       children: /*#__PURE__*/jsxs("div", {
         className: "flex w-full flex-col gap-y-2",
@@ -4808,6 +5038,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,
@@ -4913,6 +5145,42 @@ var ConditionValueFields = function ConditionValueFields(_ref) {
       })
     });
   }
+  if (type === CONDITION_VALUE_TYPES.date) {
+    var metadataPath = "".concat(name, ".metadata");
+    var metadata = 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 ? DATE_TIME_FORMAT : 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 ? dayjs(date).format(format) : "",
+        type: field !== null && field !== void 0 && field.showTime ? DATE_TIME_TYPES.datetime : DATE_TIME_TYPES.date,
+        format: format,
+        timezone: globalProps === null || globalProps === void 0 || (_globalProps$user = globalProps.user) === null || _globalProps$user === void 0 ? void 0 : _globalProps$user.timeZone
+      }));
+    };
+    return /*#__PURE__*/jsx(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: 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__*/jsx(Input, {
@@ -4985,7 +5253,7 @@ var ValuePane = function ValuePane(_ref) {
       name: base
     });
   };
-  return /*#__PURE__*/jsxs(Fragment, {
+  return /*#__PURE__*/jsxs(Fragment$1, {
     children: [/*#__PURE__*/jsx(Panel.Header, {
       children: /*#__PURE__*/jsxs("div", {
         className: "flex w-full flex-col gap-y-2",
@@ -5058,7 +5326,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,
@@ -5091,17 +5359,24 @@ var Form = function Form(_ref) {
   var _useUtilityStore = useUtilityStore(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 = useMemo(function () {
     return formatData(data);
   }, [data]);
   var schema = useMemo(function () {
     return normalizeSchema(rawSchema);
   }, [rawSchema]);
+  var isSaveAsTemplateEnabled = !!((_rawSchema$actions = rawSchema.actions) !== null && _rawSchema$actions !== void 0 && _rawSchema$actions.isSaveAsTemplateEnabled);
+  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 = usePollRuleName({
       url: url,