@bigbinary/neeto-rules-frontend 2.7.22 → 2.7.24

package/dist/v2/NeetoRulesBuilder.js

@@ -1,17 +1,17 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { f as flatten, S as SHORTCUTS } from '../keyboardShortcuts-_OrtgF0A.js';
+import { f as flatten, S as SHORTCUTS } from '../keyboardShortcuts-DwgF8Mcu.js';
 import { useShallow } from 'zustand/shallow';
-import { useState, useRef, useEffect, createElement, Fragment as Fragment$1, useCallback, useMemo } from 'react';
-import { Button, Input, Checkbox, Typography, RadioGroup, Textarea, DatePicker, Select as Select$1, Tooltip, MultiEmailInput, Spinner } from '@bigbinary/neeto-atoms';
-import { Input as Input$1, Select, ActionBlock } from '@bigbinary/neeto-atoms/formik';
+import { useState, useRef, useEffect, createElement, Fragment as Fragment$1, 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 Container from '@bigbinary/neeto-molecules/v2/Container';
 import Header from '@bigbinary/neeto-molecules/v2/Header';
 import { useTranslation } from 'react-i18next';
-import { E as EditorAction, L as ListField, o as Panel, r as ErrorCallout, s as SmsFields, M as MIN_DELAY_VALUE, t as MAX_DELAY_VALUE, v 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-CcbW7H2S.js';
+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 { u as useCustomDataStore } from '../useCustomDataStore-CEbhXugO.js';
 import { u as useUtilityStore } from '../useUtilityStore-BVCulMEC.js';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
@@ -30,6 +30,7 @@ import { dayjs } from '@bigbinary/neeto-commons-frontend/v2/utils';
 import { D as DATE_FORMAT } from '../utils-DeqHhpwQ.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 '../useAutomationRulesApi-C9I3wUZ8.js';
 import '@tanstack/react-query';
@@ -158,6 +159,7 @@ var BUILDER_PANEL_TYPES = {
   CONDITION_VALUE: "builder-condition-value",
   ACTION_CHANNEL: "builder-action-channel",
   ACTION_CONFIG: "builder-action-config",
+  ACTION_STEP: "builder-action-step",
   RECIPIENT: "builder-recipient",
   DELAY: "builder-delay",
   LEAD_TIME: "builder-lead-time",
@@ -178,15 +180,16 @@ var BUILDER_ANCHORS = {
   ACTION_CHANNEL: "action-channel",
   ACTION_CONFIG: "action-config",
   ACTION_RECIPIENT: "action-recipient",
+  ACTION_STEP: "action-step",
   RULE_DELAY: "rule-delay",
   META_NAME: "meta-name",
   SCOPE: "scope",
   SCOPE_PHONE_FIELD: "scope-phone-field"
 };
-var TOKEN_TO_PANEL_TYPE = (_TOKEN_TO_PANEL_TYPE = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_TOKEN_TO_PANEL_TYPE, BUILDER_ANCHORS.TRIGGER_ADD, BUILDER_PANEL_TYPES.TRIGGER), BUILDER_ANCHORS.TRIGGER_REPLACE, BUILDER_PANEL_TYPES.TRIGGER), BUILDER_ANCHORS.TRIGGER_ACTOR, BUILDER_PANEL_TYPES.ACTOR), BUILDER_ANCHORS.COND_FIELD, BUILDER_PANEL_TYPES.CONDITION_FIELD), BUILDER_ANCHORS.COND_OP_TOGGLE, BUILDER_PANEL_TYPES.OPERATOR), BUILDER_ANCHORS.COND_CONNECTOR, BUILDER_PANEL_TYPES.CONNECTOR), BUILDER_ANCHORS.COND_VALUES, BUILDER_PANEL_TYPES.CONDITION_VALUE), BUILDER_ANCHORS.ACTION_ADD, BUILDER_PANEL_TYPES.ACTION_CHANNEL), BUILDER_ANCHORS.ACTION_CHANNEL, BUILDER_PANEL_TYPES.ACTION_CHANNEL), BUILDER_ANCHORS.ACTION_CONFIG, BUILDER_PANEL_TYPES.ACTION_CONFIG), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_TOKEN_TO_PANEL_TYPE, BUILDER_ANCHORS.ACTION_RECIPIENT, BUILDER_PANEL_TYPES.RECIPIENT), BUILDER_ANCHORS.RULE_DELAY, BUILDER_PANEL_TYPES.DELAY), BUILDER_ANCHORS.TRIGGER_LEAD_TIME, BUILDER_PANEL_TYPES.LEAD_TIME), BUILDER_ANCHORS.META_NAME, BUILDER_PANEL_TYPES.NAME), BUILDER_ANCHORS.SCOPE, BUILDER_PANEL_TYPES.SCOPE), BUILDER_ANCHORS.SCOPE_PHONE_FIELD, BUILDER_PANEL_TYPES.SCOPE_PHONE_FIELD));
+var TOKEN_TO_PANEL_TYPE = (_TOKEN_TO_PANEL_TYPE = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_TOKEN_TO_PANEL_TYPE, BUILDER_ANCHORS.TRIGGER_ADD, BUILDER_PANEL_TYPES.TRIGGER), BUILDER_ANCHORS.TRIGGER_REPLACE, BUILDER_PANEL_TYPES.TRIGGER), BUILDER_ANCHORS.TRIGGER_ACTOR, BUILDER_PANEL_TYPES.ACTOR), BUILDER_ANCHORS.COND_FIELD, BUILDER_PANEL_TYPES.CONDITION_FIELD), BUILDER_ANCHORS.COND_OP_TOGGLE, BUILDER_PANEL_TYPES.OPERATOR), BUILDER_ANCHORS.COND_CONNECTOR, BUILDER_PANEL_TYPES.CONNECTOR), BUILDER_ANCHORS.COND_VALUES, BUILDER_PANEL_TYPES.CONDITION_VALUE), BUILDER_ANCHORS.ACTION_ADD, BUILDER_PANEL_TYPES.ACTION_CHANNEL), BUILDER_ANCHORS.ACTION_CHANNEL, BUILDER_PANEL_TYPES.ACTION_CHANNEL), BUILDER_ANCHORS.ACTION_CONFIG, BUILDER_PANEL_TYPES.ACTION_CONFIG), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_TOKEN_TO_PANEL_TYPE, BUILDER_ANCHORS.ACTION_RECIPIENT, BUILDER_PANEL_TYPES.RECIPIENT), BUILDER_ANCHORS.ACTION_STEP, BUILDER_PANEL_TYPES.ACTION_STEP), BUILDER_ANCHORS.RULE_DELAY, BUILDER_PANEL_TYPES.DELAY), BUILDER_ANCHORS.TRIGGER_LEAD_TIME, BUILDER_PANEL_TYPES.LEAD_TIME), BUILDER_ANCHORS.META_NAME, BUILDER_PANEL_TYPES.NAME), BUILDER_ANCHORS.SCOPE, BUILDER_PANEL_TYPES.SCOPE), BUILDER_ANCHORS.SCOPE_PHONE_FIELD, BUILDER_PANEL_TYPES.SCOPE_PHONE_FIELD));
 var LARGE_PANEL_TYPES = [BUILDER_PANEL_TYPES.ACTION_CONFIG, BUILDER_PANEL_TYPES.SCOPE, BUILDER_PANEL_TYPES.NAME];
 var CONDITION_ANCHORS = [BUILDER_ANCHORS.COND_FIELD, BUILDER_ANCHORS.COND_OP_TOGGLE, BUILDER_ANCHORS.COND_VALUES, BUILDER_ANCHORS.COND_CONNECTOR];
-var ACTION_ANCHORS = [BUILDER_ANCHORS.ACTION_CHANNEL, BUILDER_ANCHORS.ACTION_CONFIG, BUILDER_ANCHORS.ACTION_RECIPIENT];
+var ACTION_ANCHORS = [BUILDER_ANCHORS.ACTION_CHANNEL, BUILDER_ANCHORS.ACTION_CONFIG, BUILDER_ANCHORS.ACTION_RECIPIENT, BUILDER_ANCHORS.ACTION_STEP];
 var PANE_SEARCH_THRESHOLD = 8;
 var CONFIG_FOCUSABLE_SELECTOR = 'input:not([type="radio"]):not([type="checkbox"]), textarea, [contenteditable="true"]';
 var SMS_TYPES = ["sms", "smsToNumbers"];
@@ -247,7 +250,7 @@ var useReplayFlash = function useReplayFlash(flashSeq) {
   return ref;
 };
 
-var _excluded = ["children", "state", "active", "invalid", "onClick", "className", "dataTestid"];
+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; }
 var Token = function Token(_ref) {
@@ -261,7 +264,7 @@ var Token = function Token(_ref) {
     onClick = _ref.onClick,
     className = _ref.className,
     dataTestid = _ref.dataTestid,
-    rest = _objectWithoutProperties(_ref, _excluded);
+    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({
@@ -305,8 +308,13 @@ var isExcludeVerb = function isExcludeVerb(verb) {
 var isMultiValueVerb = function isMultiValueVerb(verb) {
   return String(verb).includes(VERB_TOKENS.MULTI_VALUE);
 };
+
+// Lowers a label so it reads mid-sentence, but never an acronym: "API" and
+// "SMS" are already how they should appear.
 var sentencify = function sentencify(label) {
-  return label ? label.charAt(0).toLowerCase() + label.slice(1) : label;
+  if (!label) return label;
+  if (label.charAt(1) === label.charAt(1).toUpperCase()) return label;
+  return label.charAt(0).toLowerCase() + label.slice(1);
 };
 var copyFor = function copyFor(value, args) {
   return typeof value === "function" ? value(args) : value;
@@ -415,10 +423,43 @@ var channelOption = function channelOption(_ref10) {
     return ((_option$value = option.value) !== null && _option$value !== void 0 ? _option$value : option.id) === channel;
   });
 };
-var actionParts = function actionParts(_ref11) {
-  var _actions$actionForNam, _action$recipient, _actions$channelMeta, _find, _find2, _channelMeta$needsRec, _actions$configValueL;
+
+// A step is an extra sentence token a host hangs off an action — its own
+// separator, its own pane — for settings that do not belong in the config pane.
+// 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;
+  return actionParts({
+    schema: schema,
+    action: action
+  }).steps || [];
+};
+var stepValueOf = function stepValueOf(_ref12) {
+  var _action$metadata;
+  var action = _ref12.action,
+    step = _ref12.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 _find;
+  var action = _ref13.action,
+    step = _ref13.step;
+  var value = stepValueOf({
+    action: action,
+    step: step
+  });
+  return ((_find = (step.options || []).find(function (option) {
+    var _option$value2;
+    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 actions = (schema === null || schema === void 0 ? void 0 : schema.actions) || {};
   var resolved = action !== null && action !== void 0 && action.channel ? {
     channel: action.channel,
@@ -440,7 +481,7 @@ var actionParts = function actionParts(_ref11) {
     var _recipient$value;
     return ((_recipient$value = recipient.value) !== null && _recipient$value !== void 0 ? _recipient$value : recipient.id) === recipientValue;
   };
-  var recipientLabel = ((_find = (actions.recipients || []).find(matchesRecipient)) === null || _find === void 0 ? void 0 : _find.label) || ((_find2 = ((option === null || option === void 0 ? void 0 : option.recipients) || []).find(matchesRecipient)) === null || _find2 === void 0 ? void 0 : _find2.label) || 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;
   return {
     option: option,
     channel: channel,
@@ -459,6 +500,7 @@ var actionParts = function actionParts(_ref11) {
     recipientLabel: recipientLabel,
     configTitle: channelMeta.configTitle || (option === null || option === void 0 ? void 0 : option.configTitle),
     configSubtitle: channelMeta.configSubtitle || (option === null || option === void 0 ? void 0 : option.configSubtitle),
+    steps: channelMeta.steps || (option === null || option === void 0 ? void 0 : option.steps) || [],
     recipientTitle: channelMeta.recipientTitle || (option === null || option === void 0 ? void 0 : option.recipientTitle),
     recipientSubtitle: channelMeta.recipientSubtitle || (option === null || option === void 0 ? void 0 : option.recipientSubtitle)
   };
@@ -467,13 +509,13 @@ var actionParts = function actionParts(_ref11) {
 // 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(_ref12) {
-  var _ref13, _schema$conditions$fi, _schema$conditions3, _schema$conditions3$f, _schema$conditions4;
-  var schema = _ref12.schema,
-    rule = _ref12.rule;
-  return (_ref13 = (_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(_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, {
     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 && _ref13 !== void 0 ? _ref13 : [];
+  })) !== 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 : [];
 };
 var hasTrigger = function hasTrigger(rule) {
   return !isEmpty((rule === null || rule === void 0 ? void 0 : rule.triggers) || []);
@@ -483,31 +525,72 @@ var hasAction = function hasAction(rule) {
     return action === null || action === void 0 ? void 0 : action.name;
   });
 };
-var isRuleComplete = function isRuleComplete(rule) {
-  return hasTrigger(rule) && hasAction(rule);
+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 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;
 };
-var scopeOptionFor = function scopeOptionFor(_ref14) {
+var hasUnansweredStep = function hasUnansweredStep(_ref19) {
+  var rule = _ref19.rule,
+    schema = _ref19.schema;
+  return ((rule === null || rule === void 0 ? void 0 : rule.actions) || []).some(function (action) {
+    return actionStepsOf({
+      schema: schema,
+      action: action
+    }).some(function (step) {
+      return step.required && !stepValueOf({
+        action: action,
+        step: step
+      });
+    });
+  });
+};
+var isRuleComplete = function isRuleComplete(_ref20) {
+  var rule = _ref20.rule,
+    schema = _ref20.schema;
+  return isTriggerSatisfied({
+    rule: rule,
+    schema: schema
+  }) && hasRequiredConditions({
+    rule: rule,
+    schema: schema
+  }) && hasAction(rule) && !hasUnansweredStep({
+    rule: rule,
+    schema: schema
+  });
+};
+var scopeOptionFor = function scopeOptionFor(_ref21) {
   var _item$value, _schema$scope;
-  var schema = _ref14.schema,
-    item = _ref14.item;
+  var schema = _ref21.schema,
+    item = _ref21.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(_ref15) {
-  var _ref16, _item$phoneFields, _scopeOptionFor;
-  var schema = _ref15.schema,
-    item = _ref15.item;
-  return (_ref16 = (_item$phoneFields = item === null || item === void 0 ? void 0 : item.phoneFields) !== null && _item$phoneFields !== void 0 ? _item$phoneFields : (_scopeOptionFor = scopeOptionFor({
+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({
     schema: schema,
     item: item
-  })) === null || _scopeOptionFor === void 0 ? void 0 : _scopeOptionFor.phoneFields) !== null && _ref16 !== void 0 ? _ref16 : null;
+  })) === null || _scopeOptionFor === void 0 ? void 0 : _scopeOptionFor.phoneFields) !== null && _ref23 !== void 0 ? _ref23 : null;
 };
-var effectiveScopePhoneField = function effectiveScopePhoneField(_ref17) {
-  var schema = _ref17.schema,
-    item = _ref17.item;
+var effectiveScopePhoneField = function effectiveScopePhoneField(_ref24) {
+  var schema = _ref24.schema,
+    item = _ref24.item;
   if (item !== null && item !== void 0 && item.phoneField) return item.phoneField;
   var phoneFields = scopePhoneFields({
     schema: schema,
@@ -515,14 +598,14 @@ var effectiveScopePhoneField = function effectiveScopePhoneField(_ref17) {
   });
   return (phoneFields === null || phoneFields === void 0 ? void 0 : phoneFields.length) === 1 ? phoneFields[0].value : undefined;
 };
-var invalidScopeIndexes = function invalidScopeIndexes(_ref18) {
+var invalidScopeIndexes = function invalidScopeIndexes(_ref25) {
   var _scope$requiresPhone;
-  var rule = _ref18.rule,
-    schema = _ref18.schema;
+  var rule = _ref25.rule,
+    schema = _ref25.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 _ref19, _item$hasPhoneField;
+    var _ref26, _item$hasPhoneField;
     var option = scopeOptionFor({
       schema: schema,
       item: item
@@ -531,15 +614,15 @@ var invalidScopeIndexes = function invalidScopeIndexes(_ref18) {
       schema: schema,
       item: item
     });
-    var hasPhoneField = (_ref19 = (_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 && _ref19 !== void 0 ? _ref19 : phoneFields ? phoneFields.length > 0 : undefined;
+    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;
     if (hasPhoneField === false) indexes.push(index);
     return indexes;
   }, []);
 };
-var invalidScopePhoneFieldIndexes = function invalidScopePhoneFieldIndexes(_ref20) {
+var invalidScopePhoneFieldIndexes = function invalidScopePhoneFieldIndexes(_ref27) {
   var _scope$requiresPhone2;
-  var rule = _ref20.rule,
-    schema = _ref20.schema;
+  var rule = _ref27.rule,
+    schema = _ref27.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) {
@@ -576,9 +659,9 @@ var minutesToParts = function minutesToParts(minutes) {
     unit: "minutes"
   };
 };
-var partsToMinutes = function partsToMinutes(_ref21) {
-  var value = _ref21.value,
-    unit = _ref21.unit;
+var partsToMinutes = function partsToMinutes(_ref28) {
+  var value = _ref28.value,
+    unit = _ref28.unit;
   return (
     // eslint-disable-next-line security/detect-object-injection
     (Number(value) || 0) * (UNIT_MINUTES[unit] || 1)
@@ -588,8 +671,8 @@ var leadTimeExceedsMax = function leadTimeExceedsMax(minutes) {
   return minutesToParts(minutes).value > MAX_LEAD_TIME_VALUE;
 };
 var leadTimeValidationSchema = function leadTimeValidationSchema(schema) {
-  var _schema$triggers2;
-  var fieldKey = schema === null || schema === void 0 || (_schema$triggers2 = schema.triggers) === null || _schema$triggers2 === void 0 || (_schema$triggers2 = _schema$triggers2.leadTime) === null || _schema$triggers2 === void 0 ? void 0 : _schema$triggers2.fieldKey;
+  var _schema$triggers3;
+  var fieldKey = schema === null || schema === void 0 || (_schema$triggers3 = schema.triggers) === null || _schema$triggers3 === void 0 || (_schema$triggers3 = _schema$triggers3.leadTime) === null || _schema$triggers3 === void 0 ? void 0 : _schema$triggers3.fieldKey;
   if (!fieldKey) return yup.object();
   return yup.object().shape(_defineProperty({}, fieldKey, yup.object().shape({
     // yup 0.32 can only concat schemas of the same type, and the host's
@@ -628,30 +711,64 @@ var joinTypeFor = function joinTypeFor(mode) {
 var recipientStorageField = function recipientStorageField(field) {
   return field === RECIPIENT_STORAGE_FIELDS.emails ? RECIPIENT_STORAGE_FIELDS.emails : RECIPIENT_STORAGE_FIELDS.value;
 };
+
+// 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 _actions$actionForNam2, _action$recipient2, _actions$renderRecipi, _actions$renderRecipi2, _actions$optionForNam, _actions$optionForCha;
+  var schema = _ref29.schema,
+    action = _ref29.action,
+    name = _ref29.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;
+  // A recipient the host implies from the action name counts just as much as
+  // one the user picked, or the pane it owns cannot be excluded.
+  var recipient = (_action$recipient2 = action === null || action === void 0 ? void 0 : action.recipient) !== null && _action$recipient2 !== void 0 ? _action$recipient2 : resolved.recipient;
+  var rendersEmails = !!((_actions$renderRecipi = actions.renderRecipientEditor) !== null && _actions$renderRecipi !== void 0 && _actions$renderRecipi.call(actions, {
+    channel: channel,
+    name: name,
+    action: action
+  })) || !!((_actions$renderRecipi2 = actions.renderRecipientField) !== null && _actions$renderRecipi2 !== void 0 && _actions$renderRecipi2.call(actions, {
+    channel: channel,
+    name: name,
+    action: action,
+    recipient: recipient
+  }));
+  var recipientConfig = (actions.options || []).flatMap(function (option) {
+    return option.recipients || [];
+  }).concat(actions.recipients || []).find(function (item) {
+    var _item$value2;
+    return ((_item$value2 = item.value) !== null && _item$value2 !== void 0 ? _item$value2 : item.id) === recipient;
+  });
+  var flatOption = ((_actions$optionForNam = actions.optionForName) === null || _actions$optionForNam === void 0 ? void 0 : _actions$optionForNam.call(actions, action === null || action === void 0 ? void 0 : action.name)) || ((_actions$optionForCha = actions.optionForChannel) === null || _actions$optionForCha === void 0 ? void 0 : _actions$optionForCha.call(actions, channel));
+  return [].concat(_toConsumableArray(rendersEmails ? [RECIPIENT_STORAGE_FIELDS.emails] : []), _toConsumableArray(recipientConfig !== null && recipientConfig !== void 0 && recipientConfig.field ? [recipientStorageField(recipientConfig.field)] : []), _toConsumableArray((flatOption === null || flatOption === void 0 ? void 0 : flatOption.type) === SMS_TO_NUMBERS ? [RECIPIENT_STORAGE_FIELDS.phoneNumbers] : []));
+};
 var modeFromJoinType = function modeFromJoinType(joinType) {
   return joinType === JOIN_TYPE.or ? CONDITION_MODE.OR : CONDITION_MODE.AND;
 };
 
 // eslint-disable-next-line security/detect-object-injection
-var valueAt = function valueAt(_ref22) {
+var valueAt = function valueAt(_ref30) {
   var _values$key;
-  var values = _ref22.values,
-    key = _ref22.key;
+  var values = _ref30.values,
+    key = _ref30.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) {
   return Array.isArray(maybeArray) ? maybeArray : [];
 };
 var fieldKeysFromSchema = function fieldKeysFromSchema() {
-  var _schema$triggers3, _schema$actor2, _schema$conditions5, _schema$actions3, _schema$delay, _schema$triggers4, _schema$scope2;
+  var _schema$triggers4, _schema$actor2, _schema$conditions6, _schema$actions3, _schema$delay, _schema$triggers5, _schema$scope2;
   var schema = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return {
-    triggers: ((_schema$triggers3 = schema.triggers) === null || _schema$triggers3 === void 0 ? void 0 : _schema$triggers3.fieldKey) || "events",
+    triggers: ((_schema$triggers4 = schema.triggers) === null || _schema$triggers4 === void 0 ? void 0 : _schema$triggers4.fieldKey) || "events",
     performer: ((_schema$actor2 = schema.actor) === null || _schema$actor2 === void 0 ? void 0 : _schema$actor2.fieldKey) || "performer",
-    conditions: ((_schema$conditions5 = schema.conditions) === null || _schema$conditions5 === void 0 ? void 0 : _schema$conditions5.fieldKey) || "conditions",
+    conditions: ((_schema$conditions6 = schema.conditions) === null || _schema$conditions6 === void 0 ? void 0 : _schema$conditions6.fieldKey) || "conditions",
     actions: ((_schema$actions3 = schema.actions) === null || _schema$actions3 === void 0 ? void 0 : _schema$actions3.fieldKey) || "actions",
     delay: ((_schema$delay = schema.delay) === null || _schema$delay === void 0 ? void 0 : _schema$delay.fieldKey) || "execution_delay",
-    leadTime: (_schema$triggers4 = schema.triggers) === null || _schema$triggers4 === void 0 || (_schema$triggers4 = _schema$triggers4.leadTime) === null || _schema$triggers4 === void 0 ? void 0 : _schema$triggers4.fieldKey,
+    leadTime: (_schema$triggers5 = schema.triggers) === null || _schema$triggers5 === void 0 || (_schema$triggers5 = _schema$triggers5.leadTime) === null || _schema$triggers5 === void 0 ? void 0 : _schema$triggers5.fieldKey,
     scope: ((_schema$scope2 = schema.scope) === null || _schema$scope2 === void 0 ? void 0 : _schema$scope2.fieldKey) || "meetingIds",
     status: "status",
     name: "name"
@@ -659,11 +776,11 @@ var fieldKeysFromSchema = function fieldKeysFromSchema() {
 };
 var valuesToRuleModel = function valuesToRuleModel() {
   var _valueAt, _conditions$;
-  var _ref23 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    _ref23$values = _ref23.values,
-    values = _ref23$values === void 0 ? {} : _ref23$values,
-    _ref23$schema = _ref23.schema,
-    schema = _ref23$schema === void 0 ? {} : _ref23$schema;
+  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 keys = fieldKeysFromSchema(schema);
   var conditions = asArray(valueAt({
     values: values,
@@ -707,42 +824,42 @@ var valuesToRuleModel = function valuesToRuleModel() {
     }))
   };
 };
-var setTriggers = function setTriggers(_ref24) {
-  var schema = _ref24.schema,
-    triggers = _ref24.triggers;
+var setTriggers = function setTriggers(_ref32) {
+  var schema = _ref32.schema,
+    triggers = _ref32.triggers;
   return {
     path: "".concat(fieldKeysFromSchema(schema).triggers, ".value"),
     value: triggers
   };
 };
-var setPerformer = function setPerformer(_ref25) {
-  var schema = _ref25.schema,
-    performer = _ref25.performer;
+var setPerformer = function setPerformer(_ref33) {
+  var schema = _ref33.schema,
+    performer = _ref33.performer;
   return {
     path: "".concat(fieldKeysFromSchema(schema).performer, ".value"),
     value: performer
   };
 };
-var setActions = function setActions(_ref26) {
-  var schema = _ref26.schema,
-    actions = _ref26.actions;
+var setActions = function setActions(_ref34) {
+  var schema = _ref34.schema,
+    actions = _ref34.actions;
   return {
     path: "".concat(fieldKeysFromSchema(schema).actions, ".value"),
     value: actions
   };
 };
-var setConditions = function setConditions(_ref27) {
-  var schema = _ref27.schema,
-    conditions = _ref27.conditions;
+var setConditions = function setConditions(_ref35) {
+  var schema = _ref35.schema,
+    conditions = _ref35.conditions;
   return {
     path: "".concat(fieldKeysFromSchema(schema).conditions, ".value"),
     value: conditions
   };
 };
-var setConditionMode = function setConditionMode(_ref28) {
-  var schema = _ref28.schema,
-    conditions = _ref28.conditions,
-    joinType = _ref28.joinType;
+var setConditionMode = function setConditionMode(_ref36) {
+  var schema = _ref36.schema,
+    conditions = _ref36.conditions,
+    joinType = _ref36.joinType;
   return setConditions({
     schema: schema,
     conditions: conditions.map(function (condition) {
@@ -750,34 +867,34 @@ var setConditionMode = function setConditionMode(_ref28) {
     })
   });
 };
-var setDelay = function setDelay(_ref29) {
-  var schema = _ref29.schema,
-    delay = _ref29.delay;
+var setDelay = function setDelay(_ref37) {
+  var schema = _ref37.schema,
+    delay = _ref37.delay;
   return {
     path: "".concat(fieldKeysFromSchema(schema).delay, ".value"),
     value: delay !== null && delay !== void 0 ? delay : {}
   };
 };
-var setActive = function setActive(_ref30) {
-  var schema = _ref30.schema,
-    active = _ref30.active;
+var setActive = function setActive(_ref38) {
+  var schema = _ref38.schema,
+    active = _ref38.active;
   return {
     path: "".concat(fieldKeysFromSchema(schema).status, ".value"),
     value: active ? STATUS_KEYS.ENABLED : STATUS_KEYS.DISABLED
   };
 };
-var setScope = function setScope(_ref31) {
-  var schema = _ref31.schema,
-    scope = _ref31.scope;
+var setScope = function setScope(_ref39) {
+  var schema = _ref39.schema,
+    scope = _ref39.scope;
   return {
     path: "".concat(fieldKeysFromSchema(schema).scope, ".value"),
     value: scope
   };
 };
-var removeArrayItem = function removeArrayItem(_ref32) {
-  var values = _ref32.values,
-    fieldKey = _ref32.fieldKey,
-    index = _ref32.index;
+var removeArrayItem = function removeArrayItem(_ref40) {
+  var values = _ref40.values,
+    fieldKey = _ref40.fieldKey,
+    index = _ref40.index;
   var list = asArray(valueAt({
     values: values,
     key: fieldKey
@@ -804,9 +921,9 @@ var removeArrayItem = function removeArrayItem(_ref32) {
   }
   return result;
 };
-var clearArrayItems = function clearArrayItems(_ref33) {
-  var values = _ref33.values,
-    fieldKey = _ref33.fieldKey;
+var clearArrayItems = function clearArrayItems(_ref41) {
+  var values = _ref41.values,
+    fieldKey = _ref41.fieldKey;
   var list = asArray(valueAt({
     values: values,
     key: fieldKey
@@ -882,13 +999,13 @@ var ConditionRow = function ConditionRow(_ref) {
       className: "mb-sentence",
       children: [isFirst ? /*#__PURE__*/jsx("span", {
         className: "mb-fixed",
-        children: t("neetoRules.operators.and")
+        children: isTriggerEnabled(schema) ? t("neetoRules.operators.and") : t("neetoRules.common.when")
       }) : /*#__PURE__*/jsx(Token, {
         active: isActive({
           type: BUILDER_ANCHORS.COND_CONNECTOR,
           index: index
         }),
-        className: "mb-tok-muted",
+        className: "mb-tok-connector",
         dataTestid: "cond-connector-".concat(index),
         onClick: handleToken && function () {
           return handleToken({
@@ -1111,8 +1228,8 @@ var MetaBlock = function MetaBlock(_ref) {
         className: "mb-meta-label",
         children: t("neetoRules.builder.automationName")
       }), /*#__PURE__*/jsxs("div", {
-        ref: nameRef,
         "data-testid": "rule-name-edit",
+        ref: nameRef,
         role: handleEditName ? "button" : undefined,
         tabIndex: handleEditName ? 0 : undefined,
         className: classNames("mb-meta-input-wrap", {
@@ -1384,8 +1501,12 @@ var ActionRow = function ActionRow(_ref) {
     configValuePlaceholder = _actionParts.configValuePlaceholder,
     paramKind = _actionParts.paramKind,
     valueNoun = _actionParts.valueNoun,
-    valueNounPlural = _actionParts.valueNounPlural;
-  var hasParamTail = paramKind === PARAM_KIND.ENUM_SINGLE || paramKind === PARAM_KIND.ENUM_MULTI;
+    valueNounPlural = _actionParts.valueNounPlural,
+    steps = _actionParts.steps;
+
+  // A separator-less action still needs a value slot when the host declares a
+  // placeholder for it, otherwise its chosen value never reaches the canvas.
+  var hasParamTail = paramKind === PARAM_KIND.ENUM_SINGLE || paramKind === PARAM_KIND.ENUM_MULTI || !!configValuePlaceholder || !!configValue;
   var multiPlaceholder = valueNounPlural ? t("neetoRules.builder.selectNoun", {
     noun: valueNounPlural
   }) : t("neetoRules.form.selectValues");
@@ -1403,12 +1524,92 @@ var ActionRow = function ActionRow(_ref) {
     index: index
   });
   var configLabel = mediumLabel || sentencify(option === null || option === void 0 ? void 0 : option.placeholder);
+  // A host may declare two separators: the first introduces the recipient
+  // ("whose email is"), the second the configured value ("with the following").
+  var _ref2 = Array.isArray(separator) ? separator : [null, separator],
+    _ref3 = _slicedToArray(_ref2, 2),
+    recipientSeparator = _ref3[0],
+    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 _useClearingHover = useClearingHover(),
     clearing = _useClearingHover.clearing,
     clearingHoverProps = _useClearingHover.clearingHoverProps;
+  var configToken = configSeparator ? /*#__PURE__*/jsxs(Fragment$1, {
+    children: [/*#__PURE__*/jsx("span", {
+      className: "mb-fixed",
+      children: configSeparator
+    }), /*#__PURE__*/jsx(Token, {
+      active: isActive({
+        type: BUILDER_ANCHORS.ACTION_CONFIG,
+        index: index
+      }),
+      dataTestid: "action-config-value-".concat(index),
+      state: configState,
+      invalid: isInvalid({
+        type: BUILDER_ANCHORS.ACTION_CONFIG,
+        index: index
+      }),
+      onClick: handleToken && function () {
+        return handleToken({
+          type: BUILDER_ANCHORS.ACTION_CONFIG,
+          index: index
+        });
+      },
+      children: configValue || sentencify(configValuePlaceholder) || t("neetoRules.builder.selectFallback")
+    })]
+  }, "config") : null;
+  var recipientToken = needsRecipient ? /*#__PURE__*/jsxs(Fragment$1, {
+    children: [/*#__PURE__*/jsx("span", {
+      className: "mb-fixed",
+      children: recipientSeparator || t("neetoRules.common.to")
+    }), /*#__PURE__*/jsx(Token, {
+      dataTestid: "action-recipient-".concat(index),
+      state: recipient ? TOKEN_STATE.FILLED : TOKEN_STATE.MUTED,
+      active: isActive({
+        type: BUILDER_ANCHORS.ACTION_RECIPIENT,
+        index: index
+      }),
+      invalid: isInvalid({
+        type: BUILDER_ANCHORS.ACTION_RECIPIENT,
+        index: index
+      }),
+      onClick: handleToken && function () {
+        return handleToken({
+          type: BUILDER_ANCHORS.ACTION_RECIPIENT,
+          index: index
+        });
+      },
+      children: recipient ? String(recipientLabel).toLowerCase() : t("neetoRules.builder.selectRecipient")
+    })]
+  }, "recipient") : null;
+  var stepTokens = steps.map(function (step) {
+    var stepLabel = stepLabelOf({
+      action: action,
+      step: step
+    });
+    var token = {
+      type: BUILDER_ANCHORS.ACTION_STEP,
+      index: index,
+      stepKey: step.key
+    };
+    return /*#__PURE__*/jsxs(Fragment$1, {
+      children: [step.separator && /*#__PURE__*/jsx("span", {
+        className: "mb-fixed",
+        children: step.separator
+      }), /*#__PURE__*/jsx(Token, {
+        active: isActive(token),
+        dataTestid: "action-step-".concat(step.key, "-").concat(index),
+        invalid: isInvalid(token),
+        state: stepLabel ? TOKEN_STATE.FILLED : TOKEN_STATE.MUTED,
+        onClick: handleToken && function () {
+          return handleToken(token);
+        },
+        children: (step.preserveCase ? stepLabel : sentencify(stepLabel)) || sentencify(step.placeholder)
+      })]
+    }, "step-".concat(step.key));
+  });
   return /*#__PURE__*/jsxs("div", {
     className: classNames("mb-row mb-row-draggable", {
       clearing: clearing
@@ -1418,7 +1619,7 @@ var ActionRow = function ActionRow(_ref) {
       children: [/*#__PURE__*/jsx("span", {
         className: "mb-fixed",
         children: connector
-      }), separator ? /*#__PURE__*/jsxs(Token, {
+      }), configSeparator ? /*#__PURE__*/jsxs(Token, {
         active: isVerbActive,
         className: "mb-tok-medium",
         dataTestid: "action-verb-".concat(index),
@@ -1459,7 +1660,7 @@ var ActionRow = function ActionRow(_ref) {
               index: index
             });
           },
-          children: configValue || paramPlaceholder
+          children: configValue || sentencify(configValuePlaceholder) || paramPlaceholder
         }) : configLabel && /*#__PURE__*/jsxs(Token, {
           className: "mb-tok-medium",
           dataTestid: "action-config-".concat(index),
@@ -1482,53 +1683,7 @@ var ActionRow = function ActionRow(_ref) {
             size: 14
           }), configLabel]
         })]
-      }), separator && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx("span", {
-          className: "mb-fixed",
-          children: separator
-        }), /*#__PURE__*/jsx(Token, {
-          active: isActive({
-            type: BUILDER_ANCHORS.ACTION_CONFIG,
-            index: index
-          }),
-          dataTestid: "action-config-value-".concat(index),
-          state: configState,
-          invalid: isInvalid({
-            type: BUILDER_ANCHORS.ACTION_CONFIG,
-            index: index
-          }),
-          onClick: handleToken && function () {
-            return handleToken({
-              type: BUILDER_ANCHORS.ACTION_CONFIG,
-              index: index
-            });
-          },
-          children: configValue || sentencify(configValuePlaceholder) || t("neetoRules.builder.selectFallback")
-        })]
-      }), needsRecipient && /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx("span", {
-          className: "mb-fixed",
-          children: t("neetoRules.common.to")
-        }), /*#__PURE__*/jsx(Token, {
-          dataTestid: "action-recipient-".concat(index),
-          state: recipient ? TOKEN_STATE.FILLED : TOKEN_STATE.MUTED,
-          active: isActive({
-            type: BUILDER_ANCHORS.ACTION_RECIPIENT,
-            index: index
-          }),
-          invalid: isInvalid({
-            type: BUILDER_ANCHORS.ACTION_RECIPIENT,
-            index: index
-          }),
-          onClick: handleToken && function () {
-            return handleToken({
-              type: BUILDER_ANCHORS.ACTION_RECIPIENT,
-              index: index
-            });
-          },
-          children: recipient ? String(recipientLabel).toLowerCase() : t("neetoRules.builder.selectRecipient")
-        })]
-      })]
+      }), recipientSeparator ? [recipientToken, configToken] : [configToken, recipientToken], stepTokens]
     }), /*#__PURE__*/jsxs("div", {
       className: "mb-row-actions",
       children: [handleAddAction && /*#__PURE__*/jsx(Button, {
@@ -1584,7 +1739,10 @@ var ThenBlock = function ThenBlock(_ref) {
     return (action === null || action === void 0 ? void 0 : action.channel) || (action === null || action === void 0 ? void 0 : action.name);
   });
   if (isEmpty(named)) {
-    var isTriggerSet = hasTrigger(rule);
+    var isTriggerSet = isTriggerSatisfied({
+      rule: rule,
+      schema: schema
+    });
     return /*#__PURE__*/jsx("div", {
       className: "mb-row",
       children: /*#__PURE__*/jsx("div", {
@@ -1676,6 +1834,21 @@ var WhenBlock = function WhenBlock(_ref) {
     var _schema$triggers;
     return ((schema === null || schema === void 0 || (_schema$triggers = schema.triggers) === null || _schema$triggers === void 0 || (_schema$triggers = _schema$triggers.leadTime) === null || _schema$triggers === void 0 ? void 0 : _schema$triggers.appliesTo) || []).includes(name);
   };
+  if (!isTriggerEnabled(schema)) {
+    if (!isEmpty(rule.conditions)) return null;
+    return /*#__PURE__*/jsx("div", {
+      className: "mb-row",
+      children: /*#__PURE__*/jsx("div", {
+        className: "mb-sentence",
+        children: /*#__PURE__*/jsx(Token, {
+          dataTestid: "condition-add",
+          state: TOKEN_STATE.PLACEHOLDER_NEXT,
+          onClick: handleAddCondition || undefined,
+          children: t("neetoRules.builder.whenThisIsTrue")
+        })
+      })
+    });
+  }
   if (isEmpty(triggers)) {
     return /*#__PURE__*/jsx("div", {
       className: "mb-row",
@@ -1804,6 +1977,7 @@ 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; }
 var usePaneCascade = function usePaneCascade(schema) {
@@ -1831,12 +2005,13 @@ var usePaneCascade = function usePaneCascade(schema) {
   var openPane = useCallback(function (token) {
     var type = TOKEN_TO_PANEL_TYPE[token === null || token === void 0 ? void 0 : token.type];
     if (!type) return;
+    var anchor = token.type,
+      rest = _objectWithoutProperties(token, _excluded);
     openType({
       type: type,
-      data: {
-        anchor: token.type,
-        index: token.index
-      }
+      data: _objectSpread$5({
+        anchor: anchor
+      }, rest)
     });
   }, [openType]);
   return {
@@ -1957,6 +2132,52 @@ 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;
 };
+var stepAt = function stepAt(_ref2) {
+  var schema = _ref2.schema,
+    rule = _ref2.rule,
+    index = _ref2.index,
+    stepKey = _ref2.stepKey;
+  return actionStepsOf({
+    schema: schema,
+    action: actionAt({
+      rule: rule,
+      index: index
+    })
+  }).find(function (step) {
+    return step.key === stepKey;
+  });
+};
+
+// Panes hand off in sentence order — config, recipient, then each host step —
+// so every "what comes next" question resolves through this one list.
+var stepTargetAfter = function stepTargetAfter(_ref3) {
+  var schema = _ref3.schema,
+    rule = _ref3.rule,
+    index = _ref3.index,
+    stepKey = _ref3.stepKey;
+  var steps = actionStepsOf({
+    schema: schema,
+    action: actionAt({
+      rule: rule,
+      index: index
+    })
+  });
+  var at = stepKey ? steps.findIndex(function (step) {
+    return step.key === stepKey;
+  }) : -1;
+  // An unknown key means the step is gone from under the pane; restarting the
+  // cascade at the first step would be worse than ending it.
+  if (stepKey && at === -1) return null;
+  var next = steps[at + 1];
+  return next ? {
+    type: BUILDER_PANEL_TYPES.ACTION_STEP,
+    data: {
+      index: index,
+      stepKey: next.key,
+      anchor: BUILDER_ANCHORS.ACTION_STEP
+    }
+  } : null;
+};
 var optionValue = function optionValue(option) {
   var _option$value;
   return (_option$value = option.value) !== null && _option$value !== void 0 ? _option$value : option.id;
@@ -1982,9 +2203,9 @@ var groupByCategory = function groupByCategory(options) {
   });
   return groups;
 };
-var conditionAt = function conditionAt(_ref2) {
-  var rule = _ref2.rule,
-    index = _ref2.index;
+var conditionAt = function conditionAt(_ref4) {
+  var rule = _ref4.rule,
+    index = _ref4.index;
   return (
     // eslint-disable-next-line security/detect-object-injection
     rule.conditions[index] || {}
@@ -1992,63 +2213,63 @@ var conditionAt = function conditionAt(_ref2) {
 };
 
 // eslint-disable-next-line security/detect-object-injection
-var actionAt = function actionAt(_ref3) {
-  var rule = _ref3.rule,
-    index = _ref3.index;
+var actionAt = function actionAt(_ref5) {
+  var rule = _ref5.rule,
+    index = _ref5.index;
   return rule.actions[index] || {};
 };
 
 // eslint-disable-next-line security/detect-object-injection
-var scopeItemAt = function scopeItemAt(_ref4) {
+var scopeItemAt = function scopeItemAt(_ref6) {
   var _rule$scope;
-  var rule = _ref4.rule,
-    index = _ref4.index;
+  var rule = _ref6.rule,
+    index = _ref6.index;
   return ((_rule$scope = rule.scope) === null || _rule$scope === void 0 ? void 0 : _rule$scope[index]) || {};
 };
 var scopeItemLabel = function scopeItemLabel(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 : "");
 };
-var findField = function findField(_ref5) {
+var findField = function findField(_ref7) {
   var _schema$conditions;
-  var schema = _ref5.schema,
-    value = _ref5.value;
+  var schema = _ref7.schema,
+    value = _ref7.value;
   return (((_schema$conditions = schema.conditions) === null || _schema$conditions === void 0 ? void 0 : _schema$conditions.fields) || []).find(function (field) {
     return optionValue(field) === value;
   });
 };
-var findActionOption = function findActionOption(_ref6) {
+var findActionOption = function findActionOption(_ref8) {
   var _schema$actions;
-  var schema = _ref6.schema,
-    name = _ref6.name;
+  var schema = _ref8.schema,
+    name = _ref8.name;
   return (((_schema$actions = schema.actions) === null || _schema$actions === void 0 ? void 0 : _schema$actions.options) || []).find(function (option) {
     return optionValue(option) === name;
   });
 };
-var channelOf = function channelOf(_ref7) {
+var channelOf = function channelOf(_ref9) {
   var _schema$actions2, _schema$actions2$acti;
-  var schema = _ref7.schema,
-    action = _ref7.action;
+  var schema = _ref9.schema,
+    action = _ref9.action;
   return (action === null || action === void 0 ? void 0 : action.channel) || ((_schema$actions2 = schema.actions) === null || _schema$actions2 === void 0 || (_schema$actions2$acti = _schema$actions2.actionForName) === null || _schema$actions2$acti === void 0 || (_schema$actions2$acti = _schema$actions2$acti.call(_schema$actions2, action === null || action === void 0 ? void 0 : action.name)) === null || _schema$actions2$acti === void 0 ? void 0 : _schema$actions2$acti.channel);
 };
-var recipientOf = function recipientOf(_ref8) {
+var recipientOf = function recipientOf(_ref0) {
   var _action$recipient, _schema$actions3, _schema$actions3$acti;
-  var schema = _ref8.schema,
-    action = _ref8.action;
+  var schema = _ref0.schema,
+    action = _ref0.action;
   return (_action$recipient = action === null || action === void 0 ? void 0 : action.recipient) !== null && _action$recipient !== void 0 ? _action$recipient : (_schema$actions3 = schema.actions) === null || _schema$actions3 === void 0 || (_schema$actions3$acti = _schema$actions3.actionForName) === null || _schema$actions3$acti === void 0 || (_schema$actions3$acti = _schema$actions3$acti.call(_schema$actions3, action === null || action === void 0 ? void 0 : action.name)) === null || _schema$actions3$acti === void 0 ? void 0 : _schema$actions3$acti.recipient;
 };
-var channelMetaOf = function channelMetaOf(_ref9) {
+var channelMetaOf = function channelMetaOf(_ref1) {
   var _schema$actions4;
-  var schema = _ref9.schema,
-    action = _ref9.action;
+  var schema = _ref1.schema,
+    action = _ref1.action;
   return ((_schema$actions4 = schema.actions) === null || _schema$actions4 === void 0 || (_schema$actions4 = _schema$actions4.channelMeta) === null || _schema$actions4 === void 0 ? void 0 : _schema$actions4[channelOf({
     schema: schema,
     action: action
   })]) || {};
 };
-var actionHasConfig = function actionHasConfig(_ref0) {
+var actionHasConfig = function actionHasConfig(_ref10) {
   var _schema$actions5, _schema$actions6;
-  var schema = _ref0.schema,
-    action = _ref0.action;
+  var schema = _ref10.schema,
+    action = _ref10.action;
   var meta = channelMetaOf({
     schema: schema,
     action: action
@@ -2062,10 +2283,10 @@ var actionHasConfig = function actionHasConfig(_ref0) {
   if ((_schema$actions5 = schema.actions) !== null && _schema$actions5 !== void 0 && _schema$actions5.hasConfig) return schema.actions.hasConfig(action);
   return !!((_schema$actions6 = schema.actions) !== null && _schema$actions6 !== void 0 && _schema$actions6.renderConfig);
 };
-var recipientsFor = function recipientsFor(_ref1) {
+var recipientsFor = function recipientsFor(_ref11) {
   var _schema$actions7, _schema$actions8;
-  var schema = _ref1.schema,
-    action = _ref1.action;
+  var schema = _ref11.schema,
+    action = _ref11.action;
   var channel = channelOf({
     schema: schema,
     action: action
@@ -2080,11 +2301,11 @@ var recipientsFor = function recipientsFor(_ref1) {
   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(_ref10) {
+var nextTriggers = function nextTriggers(_ref12) {
   var _schema$triggers;
-  var schema = _ref10.schema,
-    rule = _ref10.rule,
-    value = _ref10.value;
+  var schema = _ref12.schema,
+    rule = _ref12.rule,
+    value = _ref12.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({
@@ -2097,12 +2318,12 @@ var nextTriggers = function nextTriggers(_ref10) {
     name: value
   })];
 };
-var nextConditionAt = function nextConditionAt(_ref11) {
+var nextConditionAt = function nextConditionAt(_ref13) {
   var _field$allowMatching;
-  var schema = _ref11.schema,
-    rule = _ref11.rule,
-    index = _ref11.index,
-    value = _ref11.value;
+  var schema = _ref13.schema,
+    rule = _ref13.rule,
+    index = _ref13.index,
+    value = _ref13.value;
   var field = findField({
     schema: schema,
     value: value
@@ -2121,12 +2342,12 @@ var nextConditionAt = function nextConditionAt(_ref11) {
     metadata: {}
   });
 };
-var nextActionAt = function nextActionAt(_ref12) {
+var nextActionAt = function nextActionAt(_ref14) {
   var _schema$actions9;
-  var schema = _ref12.schema,
-    rule = _ref12.rule,
-    index = _ref12.index,
-    value = _ref12.value;
+  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 option = findActionOption({
       schema: schema,
@@ -2184,11 +2405,11 @@ var nextActionAt = function nextActionAt(_ref12) {
     metadata: channelChanged ? {} : prev.metadata
   });
 };
-var appendScopeItem = function appendScopeItem(_ref13) {
+var appendScopeItem = function appendScopeItem(_ref15) {
   var _sc$requiresPhone;
-  var schema = _ref13.schema,
-    rule = _ref13.rule,
-    value = _ref13.value;
+  var schema = _ref15.schema,
+    rule = _ref15.rule,
+    value = _ref15.value;
   var sc = schema.scope || {};
   var option = (sc.options || []).find(function (candidate) {
     return optionValue(candidate) === value;
@@ -2205,12 +2426,12 @@ var appendScopeItem = function appendScopeItem(_ref13) {
     phoneField: phoneFields[0].value
   }) : option;
 };
-var nextActionRecipientAt = function nextActionRecipientAt(_ref14) {
+var nextActionRecipientAt = function nextActionRecipientAt(_ref16) {
   var _schema$actions1;
-  var schema = _ref14.schema,
-    rule = _ref14.rule,
-    index = _ref14.index,
-    value = _ref14.value;
+  var schema = _ref16.schema,
+    rule = _ref16.rule,
+    index = _ref16.index,
+    value = _ref16.value;
   var prev = actionAt({
     rule: rule,
     index: index
@@ -2227,12 +2448,13 @@ var nextActionRecipientAt = function nextActionRecipientAt(_ref14) {
     }) : value
   });
 };
-var descriptorFor = function descriptorFor(_ref15) {
+var descriptorFor = function descriptorFor(_ref17) {
   var _schema$actor2;
-  var anchor = _ref15.anchor,
-    schema = _ref15.schema,
-    rule = _ref15.rule,
-    index = _ref15.index;
+  var anchor = _ref17.anchor,
+    schema = _ref17.schema,
+    rule = _ref17.rule,
+    index = _ref17.index,
+    stepKey = _ref17.stepKey;
   switch (anchor) {
     case BUILDER_ANCHORS.TRIGGER_ADD:
     case BUILDER_ANCHORS.TRIGGER_REPLACE:
@@ -2363,13 +2585,18 @@ var descriptorFor = function descriptorFor(_ref15) {
           subtitle: isSwap ? t("neetoRules.builder.panes.actionSwapSubtitle") : t("neetoRules.builder.panes.actionAddSubtitle"),
           cascade: true,
           options: sourceOptions.map(function (option) {
+            var _option$disabled;
             var value = optionValue(option);
             var meta = channelMetaFor(value);
             return {
               label: isSwap ? meta.channelLabel || option.label : option.label,
               value: value,
               category: option.category,
-              disabled: !!option.disabled,
+              // Hosts mark unavailable actions with isDisabled; without carrying
+              // the reason across, the picker disables them with no explanation.
+              disabled: !!((_option$disabled = option.disabled) !== null && _option$disabled !== void 0 ? _option$disabled : option.isDisabled),
+              disabledReason: option.disabledReason,
+              disabledPopover: option.disabledPopover,
               icon: (isSwap ? meta.icon : option.icon) || option.icon
             };
           }),
@@ -2417,7 +2644,33 @@ var descriptorFor = function descriptorFor(_ref15) {
           selectedValues: [recipientOf({
             schema: schema,
             action: action
-          })]
+          })],
+          // Confirming a recipient always offers Continue; whether that chains
+          // onward or just closes is decided by continueTargetFor.
+          cascade: true
+        };
+      }
+    case BUILDER_ANCHORS.ACTION_STEP:
+      {
+        var _action = actionAt({
+          rule: rule,
+          index: index
+        });
+        var step = stepAt({
+          schema: schema,
+          rule: rule,
+          index: index,
+          stepKey: stepKey
+        }) || {};
+        return {
+          title: step.title || t("neetoRules.builder.panes.stepTitle"),
+          subtitle: step.subtitle,
+          options: normalizeOptions(step.options),
+          selectedValues: [stepValueOf({
+            action: _action,
+            step: step
+          })],
+          cascade: true
         };
       }
     case BUILDER_ANCHORS.SCOPE:
@@ -2434,14 +2687,16 @@ var descriptorFor = function descriptorFor(_ref15) {
           subtitle: sc.paneSubtitle || t("neetoRules.builder.panes.scopeSubtitle"),
           multi: true,
           options: (sc.options || []).map(function (option) {
+            var _option$disabled2;
             var value = optionValue(option);
             var blockedNoPhone = requiresPhone && option.hasPhoneField === false;
             var isSelected = selected.includes(value);
             return {
               label: option.label,
               value: value,
-              disabled: (!!option.disabled || blockedNoPhone) && !isSelected,
-              disabledReason: blockedNoPhone && sc.disabledReason,
+              disabled: (!!((_option$disabled2 = option.disabled) !== null && _option$disabled2 !== void 0 ? _option$disabled2 : option.isDisabled) || blockedNoPhone) && !isSelected,
+              disabledReason: blockedNoPhone ? sc.disabledReason : option.disabledReason,
+              disabledPopover: option.disabledPopover,
               disabledTooltip: blockedNoPhone && sc.disabledTooltip
             };
           }),
@@ -2487,13 +2742,14 @@ var descriptorFor = function descriptorFor(_ref15) {
       };
   }
 };
-var commitFor = function commitFor(_ref16) {
-  var anchor = _ref16.anchor,
-    schema = _ref16.schema,
-    rule = _ref16.rule,
-    index = _ref16.index,
-    value = _ref16.value,
-    helpers = _ref16.helpers;
+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 setTriggers = helpers.setTriggers,
     setPerformer = helpers.setPerformer,
     setConditionMode = helpers.setConditionMode,
@@ -2564,6 +2820,11 @@ var commitFor = function commitFor(_ref16) {
         }));
         return "stay";
       }
+    case BUILDER_ANCHORS.ACTION_STEP:
+      {
+        setFieldValue("".concat(fieldKeys.actions, ".value.").concat(index, ".metadata.").concat(stepKey), value);
+        return "stay";
+      }
     case BUILDER_ANCHORS.SCOPE:
       {
         var key = fieldKeys.scope;
@@ -2593,12 +2854,14 @@ var commitFor = function commitFor(_ref16) {
       return "close";
   }
 };
-var continueTargetFor = function continueTargetFor(_ref17) {
+var continueTargetFor = function continueTargetFor(_ref19) {
   var _schema$actor3;
-  var anchor = _ref17.anchor,
-    schema = _ref17.schema,
-    rule = _ref17.rule,
-    index = _ref17.index;
+  var anchor = _ref19.anchor,
+    schema = _ref19.schema,
+    rule = _ref19.rule,
+    index = _ref19.index,
+    stepKey = _ref19.stepKey,
+    configPending = _ref19.configPending;
   switch (anchor) {
     case BUILDER_ANCHORS.TRIGGER_ADD:
     case BUILDER_ANCHORS.TRIGGER_REPLACE:
@@ -2654,38 +2917,77 @@ var continueTargetFor = function continueTargetFor(_ref17) {
             }
           };
         }
-        return channelMetaOf({
+
+        // Reached here only because the action has no config yet — its name is
+        // still unresolved — so the recipient pane owes us that step afterwards.
+        if (channelMetaOf({
           schema: schema,
           action: action
-        }).needsRecipient ? {
-          type: BUILDER_PANEL_TYPES.RECIPIENT,
+        }).needsRecipient) {
+          return {
+            type: BUILDER_PANEL_TYPES.RECIPIENT,
+            data: {
+              index: index,
+              anchor: BUILDER_ANCHORS.ACTION_RECIPIENT,
+              configPending: true
+            }
+          };
+        }
+        return stepTargetAfter({
+          schema: schema,
+          rule: rule,
+          index: index
+        });
+      }
+    case BUILDER_ANCHORS.ACTION_RECIPIENT:
+      {
+        // Only chain back to config when it was skipped on the way in; arriving
+        // from the config pane or from the token means config is already done.
+        var _action2 = actionAt({
+          rule: rule,
+          index: index
+        });
+        return configPending && actionHasConfig({
+          schema: schema,
+          action: _action2
+        }) ? {
+          type: BUILDER_PANEL_TYPES.ACTION_CONFIG,
           data: {
             index: index,
-            anchor: BUILDER_ANCHORS.ACTION_RECIPIENT
+            anchor: BUILDER_ANCHORS.ACTION_CONFIG
           }
-        } : null;
+        } : stepTargetAfter({
+          schema: schema,
+          rule: rule,
+          index: index
+        });
       }
-    case BUILDER_ANCHORS.ACTION_RECIPIENT:
-      return null;
+    case BUILDER_ANCHORS.ACTION_STEP:
+      return stepTargetAfter({
+        schema: schema,
+        rule: rule,
+        index: index,
+        stepKey: stepKey
+      });
     default:
       return null;
   }
 };
-var replaceAt = function replaceAt(_ref18) {
-  var list = _ref18.list,
-    index = _ref18.index,
-    item = _ref18.item;
+var replaceAt = function replaceAt(_ref20) {
+  var list = _ref20.list,
+    index = _ref20.index,
+    item = _ref20.item;
   var next = _toConsumableArray(list);
   // eslint-disable-next-line security/detect-object-injection
   next[index] = item;
   return next;
 };
-var applyPreview = function applyPreview(_ref19) {
-  var rule = _ref19.rule,
-    schema = _ref19.schema,
-    anchor = _ref19.anchor,
-    index = _ref19.index,
-    value = _ref19.value;
+var applyPreview = function applyPreview(_ref21) {
+  var rule = _ref21.rule,
+    schema = _ref21.schema,
+    anchor = _ref21.anchor,
+    index = _ref21.index,
+    value = _ref21.value;
   switch (anchor) {
     case BUILDER_ANCHORS.TRIGGER_ADD:
     case BUILDER_ANCHORS.TRIGGER_REPLACE:
@@ -2782,7 +3084,7 @@ var applyPreview = function applyPreview(_ref19) {
 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; }
 var Canvas = function Canvas(_ref) {
-  var _schema$scope, _schema$triggers, _schema$delay, _schema$meta$showName, _schema$meta;
+  var _schema$actor2, _ref6, _actorOptions$0$value, _schema$scope, _schema$conditions, _schema$triggers, _schema$delay, _schema$meta$showName, _schema$meta;
   var schema = _ref.schema;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -2837,7 +3139,10 @@ var Canvas = function Canvas(_ref) {
   useEffect(function () {
     if (submitCount <= lastSubmitCount.current) return undefined;
     lastSubmitCount.current = submitCount;
-    if (isEmpty(flatErrors) && isRuleComplete(rule) && isEmpty(invalidScopeIndexes({
+    if (isEmpty(flatErrors) && isRuleComplete({
+      rule: rule,
+      schema: schema
+    }) && isEmpty(invalidScopeIndexes({
       rule: rule,
       schema: schema
     })) && isEmpty(invalidScopePhoneFieldIndexes({
@@ -2866,33 +3171,25 @@ var Canvas = function Canvas(_ref) {
     });
   };
   var matchesInvalid = function matchesInvalid(_ref4) {
-    var _schema$actions, _schema$actions$actio, _schema$actions2, _schema$actions2$rend, _schema$actions3, _schema$actions3$rend, _schema$actions4, _schema$actions4$opti, _schema$actions5, _schema$actions5$opti, _schema$actions6, _schema$actions7;
     var type = _ref4.type,
-      index = _ref4.index;
+      index = _ref4.index,
+      stepKey = _ref4.stepKey;
     var conditionMeta = "".concat(fieldKeys.conditions, ".value.").concat(index, ".metadata");
     var actionMeta = "".concat(fieldKeys.actions, ".value.").concat(index, ".metadata");
     // eslint-disable-next-line security/detect-object-injection
     var actionItem = rule.actions[index] || {};
-    var channel = actionItem.channel || ((_schema$actions = schema.actions) === null || _schema$actions === void 0 || (_schema$actions$actio = _schema$actions.actionForName) === null || _schema$actions$actio === void 0 || (_schema$actions$actio = _schema$actions$actio.call(_schema$actions, actionItem.name)) === null || _schema$actions$actio === void 0 ? void 0 : _schema$actions$actio.channel);
-    var hasRecipientEditor = !!((_schema$actions2 = schema.actions) !== null && _schema$actions2 !== void 0 && (_schema$actions2$rend = _schema$actions2.renderRecipientEditor) !== null && _schema$actions2$rend !== void 0 && _schema$actions2$rend.call(_schema$actions2, {
-      channel: channel,
-      name: actionMeta,
-      action: actionItem
-    }));
-    var hasRecipientField = !!((_schema$actions3 = schema.actions) !== null && _schema$actions3 !== void 0 && (_schema$actions3$rend = _schema$actions3.renderRecipientField) !== null && _schema$actions3$rend !== void 0 && _schema$actions3$rend.call(_schema$actions3, {
-      channel: channel,
-      recipient: actionItem.recipient,
-      name: actionMeta,
+    var steps = actionStepsOf({
+      schema: schema,
       action: actionItem
-    }));
-    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, actionItem.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 recipientConfig = [].concat(_toConsumableArray((((_schema$actions6 = schema.actions) === null || _schema$actions6 === void 0 ? void 0 : _schema$actions6.options) || []).flatMap(function (option) {
-      return option.recipients || [];
-    })), _toConsumableArray(((_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) === actionItem.recipient;
     });
-    var recipientFields = [].concat(_toConsumableArray(hasRecipientEditor || hasRecipientField ? [RECIPIENT_STORAGE_FIELDS.emails] : []), _toConsumableArray(recipientConfig !== null && recipientConfig !== void 0 && recipientConfig.field ? [recipientStorageField(recipientConfig.field)] : []), _toConsumableArray((flatOption === null || flatOption === void 0 ? void 0 : flatOption.type) === SMS_TO_NUMBERS ? [RECIPIENT_STORAGE_FIELDS.phoneNumbers] : []));
+    var stepKeys = steps.map(function (step) {
+      return step.key;
+    });
+    var recipientFields = recipientOwnedFields({
+      schema: schema,
+      action: actionItem,
+      name: actionMeta
+    });
     switch (type) {
       case BUILDER_ANCHORS.TRIGGER_ACTOR:
         {
@@ -2923,8 +3220,20 @@ var Canvas = function Canvas(_ref) {
       case BUILDER_ANCHORS.ACTION_CONFIG:
         return hasErrorAt({
           prefix: actionMeta,
-          exclude: recipientFields
+          exclude: [].concat(_toConsumableArray(recipientFields), _toConsumableArray(stepKeys))
         });
+      case BUILDER_ANCHORS.ACTION_STEP:
+        {
+          var step = steps.find(function (item) {
+            return item.key === stepKey;
+          });
+          return hasErrorAt({
+            prefix: "".concat(actionMeta, ".").concat(stepKey)
+          }) || !!(step !== null && step !== void 0 && step.required) && !stepValueOf({
+            action: actionItem,
+            step: step
+          });
+        }
       case BUILDER_ANCHORS.ACTION_RECIPIENT:
         return hasErrorAt({
           prefix: "".concat(fieldKeys.actions, ".value.").concat(index, ".name")
@@ -3001,7 +3310,15 @@ var Canvas = function Canvas(_ref) {
     });
     setDelay(null);
   };
-  var isTriggerSet = hasTrigger(rule);
+
+  // An actor with a single choice is not a choice; leaving it unset only makes
+  // the user open a one-option pane to say the obvious.
+  var actorOptions = schema !== null && schema !== void 0 && (_schema$actor2 = schema.actor) !== null && _schema$actor2 !== void 0 && _schema$actor2.enabled ? schema.actor.options || [] : [];
+  var soleActorOption = actorOptions.length === 1 ? (_ref6 = (_actorOptions$0$value = actorOptions[0].value) !== null && _actorOptions$0$value !== void 0 ? _actorOptions$0$value : actorOptions[0].id) !== null && _ref6 !== void 0 ? _ref6 : actorOptions[0] : null;
+  var isTriggerSet = isTriggerSatisfied({
+    rule: rule,
+    schema: schema
+  });
   var hasAction = rule.actions.some(function (action) {
     return (action === null || action === void 0 ? void 0 : action.channel) || (action === null || action === void 0 ? void 0 : action.name);
   });
@@ -3020,11 +3337,16 @@ var Canvas = function Canvas(_ref) {
     rule: rule
   });
   var canAddCondition = isNotEmpty(conditionFields);
+  var canRemoveCondition = (schema === null || schema === void 0 || (_schema$conditions = schema.conditions) === null || _schema$conditions === void 0 ? void 0 : _schema$conditions.allowEmpty) !== false || displayRule.conditions.length > 1;
   var leadTimeAppliesTo = (schema === null || schema === void 0 || (_schema$triggers = schema.triggers) === null || _schema$triggers === void 0 || (_schema$triggers = _schema$triggers.leadTime) === null || _schema$triggers === void 0 ? void 0 : _schema$triggers.appliesTo) || [];
   var hasLeadTimeTrigger = rule.triggers.some(function (trigger) {
     return leadTimeAppliesTo.includes(trigger.name);
   });
   var isDelayEnabled = (schema === null || schema === void 0 || (_schema$delay = schema.delay) === null || _schema$delay === void 0 ? void 0 : _schema$delay.enabled) && !hasLeadTimeTrigger;
+  useEffect(function () {
+    if (soleActorOption && !rule.performer) setPerformer(soleActorOption);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [soleActorOption, rule.performer]);
   useEffect(function () {
     if (hasLeadTimeTrigger && rule.delay) setDelay(null);
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -3041,10 +3363,10 @@ var Canvas = function Canvas(_ref) {
     });
   };
   var handleClearTrigger = function handleClearTrigger() {
-    var _schema$actor2;
+    var _schema$actor3;
     clearTriggers();
     // Hosts without an actor pane can never re-set it, and null fails its validation.
-    if ((_schema$actor2 = schema.actor) !== null && _schema$actor2 !== void 0 && _schema$actor2.enabled) setPerformer(null);
+    if ((_schema$actor3 = schema.actor) !== null && _schema$actor3 !== void 0 && _schema$actor3.enabled) setPerformer(soleActorOption);
     clearConditions();
     setDelay(null);
     clearActions();
@@ -3072,7 +3394,7 @@ var Canvas = function Canvas(_ref) {
     className: "neeto-rules-builder nrb-atoms",
     children: /*#__PURE__*/jsxs("div", {
       className: "mb-canvas neeto-rules-main-card",
-      children: [/*#__PURE__*/jsx(WhenBlock, {
+      children: [renderSlot("beforeWhen"), /*#__PURE__*/jsx(WhenBlock, {
         isActive: isActive,
         isInvalid: isInvalid,
         schema: schema,
@@ -3090,11 +3412,11 @@ var Canvas = function Canvas(_ref) {
           schema: schema,
           key: (_condition$id = condition.id) !== null && _condition$id !== void 0 ? _condition$id : index,
           rule: displayRule,
-          onRemove: function onRemove() {
-            return handleRemoveCondition(index);
-          },
           onToken: openPane,
-          onAddCondition: canAddCondition && index === displayRule.conditions.length - 1 && handleAddCondition
+          onAddCondition: canAddCondition && index === displayRule.conditions.length - 1 && handleAddCondition,
+          onRemove: canRemoveCondition && function () {
+            return handleRemoveCondition(index);
+          }
         });
       }), renderSlot("afterConditions"), /*#__PURE__*/jsx(Connector, {
         active: isTriggerSet
@@ -3166,6 +3488,7 @@ var Canvas = function Canvas(_ref) {
 
 var ACTION_CONFIG_TYPES = {
   emailChannel: "emailChannel",
+  sendToApi: "sendToApi",
   multiSelect: "multiSelect",
   dropdown: "dropdown",
   note: "note",
@@ -3192,7 +3515,9 @@ var ActionConfigFields = function ActionConfigFields(_ref) {
     option = _ref.option,
     action = _ref.action,
     _ref$searchTerm = _ref.searchTerm,
-    searchTerm = _ref$searchTerm === void 0 ? "" : _ref$searchTerm;
+    searchTerm = _ref$searchTerm === void 0 ? "" : _ref$searchTerm,
+    _ref$hasRecipientFiel = _ref.hasRecipientField,
+    hasRecipientField = _ref$hasRecipientFiel === void 0 ? false : _ref$hasRecipientFiel;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useFormikContext = useFormikContext(),
@@ -3234,19 +3559,42 @@ var ActionConfigFields = function ActionConfigFields(_ref) {
     "data-testid": "pane-no-matches",
     children: t("neetoRules.builder.noMatches")
   });
+  if (type === ACTION_CONFIG_TYPES.sendToApi) {
+    return /*#__PURE__*/jsx(ApiFields, {
+      name: name,
+      selectedField: option
+    });
+  }
   if (type === ACTION_CONFIG_TYPES.emailChannel) {
-    var _getIn, _action$metadata;
+    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: [!(option !== null && option !== void 0 && option.hideSubject) && /*#__PURE__*/jsx(Input, {
+      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: (_getIn = getIn(values, subjectPath)) !== null && _getIn !== void 0 ? _getIn : "",
+        value: (_getIn2 = getIn(values, subjectPath)) !== null && _getIn2 !== void 0 ? _getIn2 : "",
         onBlur: function onBlur() {
           return setFieldTouched(subjectPath, true);
         },
@@ -3298,9 +3646,6 @@ var ActionConfigFields = function ActionConfigFields(_ref) {
       error: fieldError(valuePath),
       orientation: "vertical",
       value: String(_current !== null && _current !== void 0 ? _current : ""),
-      onBlur: function onBlur() {
-        return setFieldTouched(valuePath, true);
-      },
       onValueChange: function onValueChange(value) {
         var picked = options.find(function (item) {
           return String(item.value) === value;
@@ -3338,14 +3683,14 @@ var ActionConfigFields = function ActionConfigFields(_ref) {
     });
   }
   if (type === ACTION_CONFIG_TYPES.textarea || type === ACTION_CONFIG_TYPES.number) {
-    var _getIn2, _getIn3;
+    var _getIn3, _getIn4;
     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: (_getIn2 = getIn(values, valuePath)) !== null && _getIn2 !== void 0 ? _getIn2 : "",
+      value: (_getIn3 = getIn(values, valuePath)) !== null && _getIn3 !== void 0 ? _getIn3 : "",
       onBlur: function onBlur() {
         return setFieldTouched(valuePath, true);
       },
@@ -3358,7 +3703,7 @@ var ActionConfigFields = function ActionConfigFields(_ref) {
       label: t("neetoRules.builder.config.message"),
       rows: 5,
       size: "large",
-      value: (_getIn3 = getIn(values, valuePath)) !== null && _getIn3 !== void 0 ? _getIn3 : "",
+      value: (_getIn4 = getIn(values, valuePath)) !== null && _getIn4 !== void 0 ? _getIn4 : "",
       onBlur: function onBlur() {
         return setFieldTouched(valuePath, true);
       },
@@ -3368,7 +3713,7 @@ var ActionConfigFields = function ActionConfigFields(_ref) {
     });
   }
   if (type === ACTION_CONFIG_TYPES.text || type === ACTION_CONFIG_TYPES.regex || type === ACTION_CONFIG_TYPES.decimal) {
-    var _getIn4;
+    var _getIn5;
     return /*#__PURE__*/jsxs("div", {
       className: "flex flex-col gap-2",
       children: [/*#__PURE__*/jsx(Input, {
@@ -3377,7 +3722,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: (_getIn4 = getIn(values, valuePath)) !== null && _getIn4 !== void 0 ? _getIn4 : "",
+        value: (_getIn5 = getIn(values, valuePath)) !== null && _getIn5 !== void 0 ? _getIn5 : "",
         onBlur: function onBlur() {
           return setFieldTouched(valuePath, true);
         },
@@ -3488,7 +3833,7 @@ 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); }
 var ConfigPane = function ConfigPane(_ref) {
-  var _schema$actions, _schema$actions$optio, _schema$actions2, _schema$actions2$opti, _schema$actions3, _schema$actions4, _schema$actions4$opti, _hostRenderConfig;
+  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,
     index = _ref.index;
   var _useTranslation = useTranslation(),
@@ -3520,17 +3865,28 @@ var ConfigPane = function ConfigPane(_ref) {
     mediumLabel = _actionParts.mediumLabel,
     needsRecipient = _actionParts.needsRecipient,
     configTitle = _actionParts.configTitle,
-    configSubtitle = _actionParts.configSubtitle;
+    configSubtitle = _actionParts.configSubtitle,
+    steps = _actionParts.steps;
   var name = "".concat(base, ".metadata");
   var flatOption = ((_schema$actions = schema.actions) === null || _schema$actions === void 0 || (_schema$actions$optio = _schema$actions.optionForName) === null || _schema$actions$optio === void 0 ? void 0 : _schema$actions$optio.call(_schema$actions, action.name)) || ((_schema$actions2 = schema.actions) === null || _schema$actions2 === void 0 || (_schema$actions2$opti = _schema$actions2.optionForChannel) === null || _schema$actions2$opti === void 0 ? void 0 : _schema$actions2$opti.call(_schema$actions2, channel)) || option;
+
+  // When the chosen recipient declares its own field, the recipient pane
+  // renders it; showing the same picker here too would just duplicate it.
+  var recipientValue = (_action$recipient = action.recipient) !== null && _action$recipient !== void 0 ? _action$recipient : (_schema$actions3 = schema.actions) === null || _schema$actions3 === void 0 || (_schema$actions3$acti = _schema$actions3.actionForName) === null || _schema$actions3$acti === void 0 || (_schema$actions3$acti = _schema$actions3$acti.call(_schema$actions3, action.name)) === null || _schema$actions3$acti === void 0 ? void 0 : _schema$actions3$acti.recipient;
+  var hasRecipientField = !!((_concat$find = (((_schema$actions4 = schema.actions) === null || _schema$actions4 === void 0 ? void 0 : _schema$actions4.recipients) || []).concat((((_schema$actions5 = schema.actions) === null || _schema$actions5 === void 0 ? void 0 : _schema$actions5.options) || []).flatMap(function (o) {
+    return o.recipients || [];
+  })).find(function (item) {
+    var _item$value;
+    return ((_item$value = item.value) !== null && _item$value !== void 0 ? _item$value : item.id) === recipientValue;
+  })) !== null && _concat$find !== void 0 && _concat$find.field);
   var isSms = SMS_TYPES.includes(flatOption === null || flatOption === void 0 ? void 0 : flatOption.type);
   var disabledReason = (flatOption === null || flatOption === void 0 ? void 0 : flatOption.isDisabled) && flatOption.disabledReason;
-  var hostRenderConfig = (flatOption === null || flatOption === void 0 ? void 0 : flatOption.renderConfig) || (flatOption === null || flatOption === void 0 ? void 0 : flatOption.component) || ((_schema$actions3 = schema.actions) === null || _schema$actions3 === void 0 ? void 0 : _schema$actions3.renderConfig);
+  var hostRenderConfig = (flatOption === null || flatOption === void 0 ? void 0 : flatOption.renderConfig) || (flatOption === null || flatOption === void 0 ? void 0 : flatOption.component) || ((_schema$actions6 = schema.actions) === null || _schema$actions6 === void 0 ? void 0 : _schema$actions6.renderConfig);
   var showSearch = normalizeOptions(flatOption === null || flatOption === void 0 ? void 0 : flatOption.dropdownOptions).length >= PANE_SEARCH_THRESHOLD;
   var shouldAdvanceToRecipient = !!needsRecipient;
   var _usePaneValidation = usePaneValidation(name),
     validate = _usePaneValidation.validate;
-  var channelRepName = (_schema$actions4 = schema.actions) === null || _schema$actions4 === void 0 || (_schema$actions4$opti = _schema$actions4.optionForChannel) === null || _schema$actions4$opti === void 0 || (_schema$actions4$opti = _schema$actions4$opti.call(_schema$actions4, channel)) === null || _schema$actions4$opti === void 0 ? void 0 : _schema$actions4$opti.value;
+  var channelRepName = (_schema$actions7 = schema.actions) === null || _schema$actions7 === void 0 || (_schema$actions7$opti = _schema$actions7.optionForChannel) === null || _schema$actions7$opti === void 0 || (_schema$actions7$opti = _schema$actions7$opti.call(_schema$actions7, channel)) === null || _schema$actions7$opti === void 0 ? void 0 : _schema$actions7$opti.value;
   var unnamedOnOpen = useRef(!action.name);
   useEffect(function () {
     if (!unnamedOnOpen.current || !channelRepName) return undefined;
@@ -3564,11 +3920,21 @@ var ConfigPane = function ConfigPane(_ref) {
   }) || (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 owned, next;
       return _regenerator().w(function (_context) {
         while (1) switch (_context.n) {
           case 0:
+            // A pane only answers for what it renders: the recipient pane owns its
+            // storage fields and each step owns its key, so neither blocks Continue.
+            owned = [].concat(_toConsumableArray(recipientOwnedFields({
+              schema: schema,
+              action: action,
+              name: name
+            })), _toConsumableArray(steps.map(function (step) {
+              return step.key;
+            })));
             _context.n = 1;
-            return validate([RECIPIENT_STORAGE_FIELDS.emails]);
+            return validate(owned);
           case 1:
             if (_context.v) {
               _context.n = 2;
@@ -3576,17 +3942,18 @@ var ConfigPane = function ConfigPane(_ref) {
             }
             return _context.a(2);
           case 2:
-            if (shouldAdvanceToRecipient) {
-              openType({
-                type: BUILDER_PANEL_TYPES.RECIPIENT,
-                data: {
-                  index: index,
-                  anchor: BUILDER_ANCHORS.ACTION_RECIPIENT
-                }
-              });
-            } else {
-              closePane();
-            }
+            next = shouldAdvanceToRecipient ? {
+              type: BUILDER_PANEL_TYPES.RECIPIENT,
+              data: {
+                index: index,
+                anchor: BUILDER_ANCHORS.ACTION_RECIPIENT
+              }
+            } : stepTargetAfter({
+              schema: schema,
+              rule: rule,
+              index: index
+            });
+            if (next) openType(next);else closePane();
           case 3:
             return _context.a(2);
         }
@@ -3649,6 +4016,7 @@ var ConfigPane = function ConfigPane(_ref) {
           searchTerm: searchTerm
         })) !== null && _hostRenderConfig !== void 0 ? _hostRenderConfig : /*#__PURE__*/jsx(ActionConfigFields, {
           action: action,
+          hasRecipientField: hasRecipientField,
           name: name,
           searchTerm: searchTerm,
           option: flatOption
@@ -3741,7 +4109,7 @@ var DelayPane = function DelayPane(_ref) {
             placeholder: t("neetoRules.placeholders.enterDelay"),
             size: "large",
             type: "number"
-          }), /*#__PURE__*/jsx(Select, {
+          }), /*#__PURE__*/jsx(Select$1, {
             dataTestid: "delay-unit",
             defaultValue: value === null || value === void 0 ? void 0 : value.unit,
             name: "".concat(name, ".value.unit"),
@@ -3928,7 +4296,7 @@ var LeadTimePane = function LeadTimePane(_ref) {
             })
           }), /*#__PURE__*/jsx("div", {
             className: "w-32 shrink-0",
-            children: /*#__PURE__*/jsx(Select$1, {
+            children: /*#__PURE__*/jsx(Select, {
               dataTestid: "lead-time-unit",
               isSearchable: false,
               options: LEAD_TIME_UNITS,
@@ -3986,8 +4354,11 @@ var OptionsPane = function OptionsPane(_ref) {
   var schema = _ref.schema,
     anchor = _ref.anchor,
     index = _ref.index,
+    stepKey = _ref.stepKey,
     _ref$belowContent = _ref.belowContent,
-    belowContent = _ref$belowContent === void 0 ? null : _ref$belowContent;
+    belowContent = _ref$belowContent === void 0 ? null : _ref$belowContent,
+    _ref$configPending = _ref.configPending,
+    configPending = _ref$configPending === void 0 ? false : _ref$configPending;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useFormikContext = useFormikContext(),
@@ -4028,9 +4399,10 @@ var OptionsPane = function OptionsPane(_ref) {
         anchor: anchor,
         schema: schema,
         rule: rule,
-        index: index
+        index: index,
+        stepKey: stepKey
       });
-    }, [anchor, schema, rule, index]),
+    }, [anchor, schema, rule, index, stepKey]),
     title = _useMemo.title,
     subtitle = _useMemo.subtitle,
     multi = _useMemo.multi,
@@ -4065,6 +4437,7 @@ var OptionsPane = function OptionsPane(_ref) {
       schema: schema,
       rule: rule,
       index: index,
+      stepKey: stepKey,
       value: value,
       helpers: helpers
     });
@@ -4093,7 +4466,9 @@ var OptionsPane = function OptionsPane(_ref) {
       anchor: anchor,
       schema: schema,
       rule: rule,
-      index: index
+      index: index,
+      stepKey: stepKey,
+      configPending: configPending
     });
     if (target) openType({
       type: target.type,
@@ -4107,21 +4482,53 @@ var OptionsPane = function OptionsPane(_ref) {
   });
   var optionLabel = function optionLabel(option) {
     var Icon = option.icon;
-    if (!Icon && !option.disabledReason) return option.label;
+    // Short text sits inline as a pill; anything needing more room is a
+    // standard popover behind an info icon.
+    var reason = typeof option.disabledReason === "function" ? option.disabledReason() : option.disabledReason;
+    var isTextReason = typeof reason === "string";
+    // Only a node can be rendered as popover content; a host handing back a
+    // plain object would otherwise crash the pane.
+    var isNodeReason = /*#__PURE__*/isValidElement(reason) || Array.isArray(reason);
+    var popover = option.disabledPopover || (isNodeReason ? {
+      description: reason
+    } : null);
+    if (!Icon && !isTextReason && !popover) return option.label;
     return /*#__PURE__*/jsxs("span", {
       className: "mb-pane-option",
       children: [Icon && /*#__PURE__*/jsx(Icon, {
         size: 20
-      }), option.label, option.disabledReason && (option.disabledTooltip ? /*#__PURE__*/jsx(Tooltip, {
+      }), option.label, popover && /*#__PURE__*/jsxs(Popover, {
+        position: "top",
+        trigger: /*#__PURE__*/jsx("span", {
+          className: "mb-pane-info",
+          onClick: function onClick(event) {
+            return event.preventDefault();
+          },
+          children: /*#__PURE__*/jsx(Info, {
+            size: 14
+          })
+        }),
+        children: [popover.title && /*#__PURE__*/jsx(Popover.Title, {
+          children: popover.title
+        }), /*#__PURE__*/jsx(Typography, {
+          color: "muted",
+          variant: "body2",
+          children: popover.description
+        }), popover.helpLinkProps && /*#__PURE__*/jsx(Button, _objectSpread$2(_objectSpread$2({}, popover.helpLinkProps), {}, {
+          className: "h-auto self-start p-0",
+          size: "sm",
+          variant: "link"
+        }))]
+      }), !popover && reason && isTextReason && (option.disabledTooltip ? /*#__PURE__*/jsx(Tooltip, {
         content: option.disabledTooltip,
         position: "top",
         children: /*#__PURE__*/jsx("span", {
           className: "mb-pane-warn",
-          children: option.disabledReason
+          children: reason
         })
       }) : /*#__PURE__*/jsx("span", {
         className: "mb-pane-warn",
-        children: option.disabledReason
+        children: reason
       }))]
     });
   };
@@ -4272,7 +4679,7 @@ var RecipientField = function RecipientField(_ref) {
   var path = "".concat(name, ".").concat(RECIPIENT_STORAGE_FIELDS.value);
   var current = getIn(values, path);
   var options = normalizeOptions(dropdownOptions);
-  return /*#__PURE__*/jsx(Select$1, {
+  return /*#__PURE__*/jsx(Select, {
     options: options,
     placeholder: placeholder,
     required: true,
@@ -4292,7 +4699,9 @@ var RecipientField = function RecipientField(_ref) {
 var RecipientPane = function RecipientPane(_ref) {
   var _schema$actions, _schema$actions$actio, _action$recipient, _schema$actions2, _schema$actions2$acti, _schema$actions3, _schema$actions3$rend, _schema$actions4, _schema$actions4$opti, _schema$actions5, _schema$actions5$opti, _schema$actions6, _schema$actions7, _schema$actions$rende, _schema$actions8, _schema$actions8$rend, _action$metadata, _schema$actions9;
   var schema = _ref.schema,
-    index = _ref.index;
+    index = _ref.index,
+    _ref$configPending = _ref.configPending,
+    configPending = _ref$configPending === void 0 ? false : _ref$configPending;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useRuleModel = useRuleModel(schema),
@@ -4367,6 +4776,7 @@ var RecipientPane = function RecipientPane(_ref) {
   if (!editor) {
     return /*#__PURE__*/jsx(OptionsPane, {
       belowContent: belowContent,
+      configPending: configPending,
       index: index,
       schema: schema,
       anchor: BUILDER_ANCHORS.ACTION_RECIPIENT
@@ -4466,7 +4876,7 @@ var ConditionValueFields = function ConditionValueFields(_ref) {
   }
   if (type === CONDITION_VALUE_TYPES.multiSelectCreate) {
     var _current = getIn(values, valuesPath) || [];
-    return /*#__PURE__*/jsx(Select$1, {
+    return /*#__PURE__*/jsx(Select, {
       autoFocus: true,
       isCreatable: true,
       isMulti: true,
@@ -4492,9 +4902,6 @@ var ConditionValueFields = function ConditionValueFields(_ref) {
       error: fieldError(valuePath),
       orientation: "vertical",
       value: String(_current2 !== null && _current2 !== void 0 ? _current2 : ""),
-      onBlur: function onBlur() {
-        return setFieldTouched(valuePath, true);
-      },
       onValueChange: function onValueChange(value) {
         return setFieldValue(valuePath, value);
       },
@@ -4634,9 +5041,11 @@ var BUILDER_PANEL_TYPE_CONFIG_MAP = (_BUILDER_PANEL_TYPE_C = {}, _defineProperty
   component: ValuePane
 }), BUILDER_PANEL_TYPES.ACTION_CONFIG, {
   component: ConfigPane
-}), BUILDER_PANEL_TYPES.DELAY, {
+}), BUILDER_PANEL_TYPES.ACTION_STEP, {
+  component: OptionsPane
+}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_BUILDER_PANEL_TYPE_C, BUILDER_PANEL_TYPES.DELAY, {
   component: DelayPane
-}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_BUILDER_PANEL_TYPE_C, BUILDER_PANEL_TYPES.LEAD_TIME, {
+}), BUILDER_PANEL_TYPES.LEAD_TIME, {
   component: LeadTimePane
 }), BUILDER_PANEL_TYPES.NAME, {
   component: NamePane
@@ -4719,7 +5128,10 @@ var Form = function Form(_ref) {
       values: values,
       schema: schema
     });
-    if (!isRuleComplete(rule) || invalidScopeIndexes({
+    if (!isRuleComplete({
+      rule: rule,
+      schema: schema
+    }) || invalidScopeIndexes({
       rule: rule,
       schema: schema
     }).length || invalidScopePhoneFieldIndexes({