@bigbinary/neeto-rules-frontend 2.7.22 → 2.7.23

package/dist/cjs/v2/NeetoRulesBuilder.js

@@ -2,7 +2,7 @@
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectDestructuringEmpty = require('@babel/runtime/helpers/objectDestructuringEmpty');
-var keyboardShortcuts = require('../../keyboardShortcuts-DtnjcivY.js');
+var keyboardShortcuts = require('../../keyboardShortcuts-CRInJJOU.js');
 var shallow = require('zustand/shallow');
 var react = require('react');
 var neetoAtoms = require('@bigbinary/neeto-atoms');
@@ -13,7 +13,7 @@ var neetoCist = require('@bigbinary/neeto-cist');
 var Container = require('@bigbinary/neeto-molecules/v2/Container');
 var Header = require('@bigbinary/neeto-molecules/v2/Header');
 var reactI18next = require('react-i18next');
-var index = require('../../index-Fukq1VSN.js');
+var index = require('../../index-puRtNWZV.js');
 var useCustomDataStore = require('../../useCustomDataStore-DPmWkEhs.js');
 var useUtilityStore = require('../../useUtilityStore-gtPhFvpI.js');
 var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
@@ -32,6 +32,7 @@ var utils = require('@bigbinary/neeto-commons-frontend/v2/utils');
 var utils$1 = require('../../utils-B3roKiff.js');
 var Up = require('@bigbinary/neeto-icons/Up');
 var Down = require('@bigbinary/neeto-icons/Down');
+var Info = require('@bigbinary/neeto-icons/Info');
 require('@babel/runtime/helpers/typeof');
 require('../../useAutomationRulesApi-C1T2E1AN.js');
 require('@tanstack/react-query');
@@ -504,31 +505,54 @@ 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(_ref14) {
+  var rule = _ref14.rule,
+    schema = _ref14.schema;
+  return !isTriggerEnabled(schema) || hasTrigger(rule);
+};
+var hasRequiredConditions = function hasRequiredConditions(_ref15) {
+  var _schema$conditions5;
+  var rule = _ref15.rule,
+    schema = _ref15.schema;
+  return (schema === null || schema === void 0 || (_schema$conditions5 = schema.conditions) === null || _schema$conditions5 === void 0 ? void 0 : _schema$conditions5.allowEmpty) === false ? neetoCist.isNotEmpty((rule === null || rule === void 0 ? void 0 : rule.conditions) || []) : true;
+};
+var isRuleComplete = function isRuleComplete(_ref16) {
+  var rule = _ref16.rule,
+    schema = _ref16.schema;
+  return isTriggerSatisfied({
+    rule: rule,
+    schema: schema
+  }) && hasRequiredConditions({
+    rule: rule,
+    schema: schema
+  }) && hasAction(rule);
 };
-var scopeOptionFor = function scopeOptionFor(_ref14) {
+var scopeOptionFor = function scopeOptionFor(_ref17) {
   var _item$value, _schema$scope;
-  var schema = _ref14.schema,
-    item = _ref14.item;
+  var schema = _ref17.schema,
+    item = _ref17.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(_ref18) {
+  var _ref19, _item$phoneFields, _scopeOptionFor;
+  var schema = _ref18.schema,
+    item = _ref18.item;
+  return (_ref19 = (_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 && _ref19 !== void 0 ? _ref19 : null;
 };
-var effectiveScopePhoneField = function effectiveScopePhoneField(_ref17) {
-  var schema = _ref17.schema,
-    item = _ref17.item;
+var effectiveScopePhoneField = function effectiveScopePhoneField(_ref20) {
+  var schema = _ref20.schema,
+    item = _ref20.item;
   if (item !== null && item !== void 0 && item.phoneField) return item.phoneField;
   var phoneFields = scopePhoneFields({
     schema: schema,
@@ -536,14 +560,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(_ref21) {
   var _scope$requiresPhone;
-  var rule = _ref18.rule,
-    schema = _ref18.schema;
+  var rule = _ref21.rule,
+    schema = _ref21.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 _ref22, _item$hasPhoneField;
     var option = scopeOptionFor({
       schema: schema,
       item: item
@@ -552,15 +576,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 = (_ref22 = (_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 && _ref22 !== void 0 ? _ref22 : phoneFields ? phoneFields.length > 0 : undefined;
     if (hasPhoneField === false) indexes.push(index);
     return indexes;
   }, []);
 };
-var invalidScopePhoneFieldIndexes = function invalidScopePhoneFieldIndexes(_ref20) {
+var invalidScopePhoneFieldIndexes = function invalidScopePhoneFieldIndexes(_ref23) {
   var _scope$requiresPhone2;
-  var rule = _ref20.rule,
-    schema = _ref20.schema;
+  var rule = _ref23.rule,
+    schema = _ref23.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) {
@@ -597,9 +621,9 @@ var minutesToParts = function minutesToParts(minutes) {
     unit: "minutes"
   };
 };
-var partsToMinutes = function partsToMinutes(_ref21) {
-  var value = _ref21.value,
-    unit = _ref21.unit;
+var partsToMinutes = function partsToMinutes(_ref24) {
+  var value = _ref24.value,
+    unit = _ref24.unit;
   return (
     // eslint-disable-next-line security/detect-object-injection
     (Number(value) || 0) * (UNIT_MINUTES[unit] || 1)
@@ -609,8 +633,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__namespace.object();
   return yup__namespace.object().shape(_defineProperty({}, fieldKey, yup__namespace.object().shape({
     // yup 0.32 can only concat schemas of the same type, and the host's
@@ -654,25 +678,25 @@ var modeFromJoinType = function modeFromJoinType(joinType) {
 };
 
 // eslint-disable-next-line security/detect-object-injection
-var valueAt = function valueAt(_ref22) {
+var valueAt = function valueAt(_ref25) {
   var _values$key;
-  var values = _ref22.values,
-    key = _ref22.key;
+  var values = _ref25.values,
+    key = _ref25.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"
@@ -680,11 +704,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 _ref26 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
+    _ref26$values = _ref26.values,
+    values = _ref26$values === void 0 ? {} : _ref26$values,
+    _ref26$schema = _ref26.schema,
+    schema = _ref26$schema === void 0 ? {} : _ref26$schema;
   var keys = fieldKeysFromSchema(schema);
   var conditions = asArray(valueAt({
     values: values,
@@ -728,42 +752,42 @@ var valuesToRuleModel = function valuesToRuleModel() {
     }))
   };
 };
-var setTriggers = function setTriggers(_ref24) {
-  var schema = _ref24.schema,
-    triggers = _ref24.triggers;
+var setTriggers = function setTriggers(_ref27) {
+  var schema = _ref27.schema,
+    triggers = _ref27.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(_ref28) {
+  var schema = _ref28.schema,
+    performer = _ref28.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(_ref29) {
+  var schema = _ref29.schema,
+    actions = _ref29.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(_ref30) {
+  var schema = _ref30.schema,
+    conditions = _ref30.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(_ref31) {
+  var schema = _ref31.schema,
+    conditions = _ref31.conditions,
+    joinType = _ref31.joinType;
   return setConditions({
     schema: schema,
     conditions: conditions.map(function (condition) {
@@ -771,34 +795,34 @@ var setConditionMode = function setConditionMode(_ref28) {
     })
   });
 };
-var setDelay = function setDelay(_ref29) {
-  var schema = _ref29.schema,
-    delay = _ref29.delay;
+var setDelay = function setDelay(_ref32) {
+  var schema = _ref32.schema,
+    delay = _ref32.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(_ref33) {
+  var schema = _ref33.schema,
+    active = _ref33.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(_ref34) {
+  var schema = _ref34.schema,
+    scope = _ref34.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(_ref35) {
+  var values = _ref35.values,
+    fieldKey = _ref35.fieldKey,
+    index = _ref35.index;
   var list = asArray(valueAt({
     values: values,
     key: fieldKey
@@ -825,9 +849,9 @@ var removeArrayItem = function removeArrayItem(_ref32) {
   }
   return result;
 };
-var clearArrayItems = function clearArrayItems(_ref33) {
-  var values = _ref33.values,
-    fieldKey = _ref33.fieldKey;
+var clearArrayItems = function clearArrayItems(_ref36) {
+  var values = _ref36.values,
+    fieldKey = _ref36.fieldKey;
   var list = asArray(valueAt({
     values: values,
     key: fieldKey
@@ -903,13 +927,13 @@ var ConditionRow = function ConditionRow(_ref) {
       className: "mb-sentence",
       children: [isFirst ? /*#__PURE__*/jsxRuntime.jsx("span", {
         className: "mb-fixed",
-        children: t("neetoRules.operators.and")
+        children: isTriggerEnabled(schema) ? t("neetoRules.operators.and") : t("neetoRules.common.when")
       }) : /*#__PURE__*/jsxRuntime.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({
@@ -1132,8 +1156,8 @@ var MetaBlock = function MetaBlock(_ref) {
         className: "mb-meta-label",
         children: t("neetoRules.builder.automationName")
       }), /*#__PURE__*/jsxRuntime.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", {
@@ -1406,7 +1430,10 @@ var ActionRow = function ActionRow(_ref) {
     paramKind = _actionParts.paramKind,
     valueNoun = _actionParts.valueNoun,
     valueNounPlural = _actionParts.valueNounPlural;
-  var hasParamTail = paramKind === PARAM_KIND.ENUM_SINGLE || paramKind === PARAM_KIND.ENUM_MULTI;
+
+  // 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");
@@ -1424,12 +1451,66 @@ 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 = neetoCist.isNotEmpty(action === null || action === void 0 ? void 0 : action.metadata);
   // A host that shows no value label still needs the token to read as filled.
   var configState = configValue || isConfigured ? TOKEN_STATE.FILLED : TOKEN_STATE.MUTED;
   var _useClearingHover = useClearingHover(),
     clearing = _useClearingHover.clearing,
     clearingHoverProps = _useClearingHover.clearingHoverProps;
+  var configToken = configSeparator ? /*#__PURE__*/jsxRuntime.jsxs(react.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+      className: "mb-fixed",
+      children: configSeparator
+    }), /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsxs(react.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+      className: "mb-fixed",
+      children: recipientSeparator || t("neetoRules.common.to")
+    }), /*#__PURE__*/jsxRuntime.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;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: classNames("mb-row mb-row-draggable", {
       clearing: clearing
@@ -1439,7 +1520,7 @@ var ActionRow = function ActionRow(_ref) {
       children: [/*#__PURE__*/jsxRuntime.jsx("span", {
         className: "mb-fixed",
         children: connector
-      }), separator ? /*#__PURE__*/jsxRuntime.jsxs(Token, {
+      }), configSeparator ? /*#__PURE__*/jsxRuntime.jsxs(Token, {
         active: isVerbActive,
         className: "mb-tok-medium",
         dataTestid: "action-verb-".concat(index),
@@ -1480,7 +1561,7 @@ var ActionRow = function ActionRow(_ref) {
               index: index
             });
           },
-          children: configValue || paramPlaceholder
+          children: configValue || sentencify(configValuePlaceholder) || paramPlaceholder
         }) : configLabel && /*#__PURE__*/jsxRuntime.jsxs(Token, {
           className: "mb-tok-medium",
           dataTestid: "action-config-".concat(index),
@@ -1503,53 +1584,7 @@ var ActionRow = function ActionRow(_ref) {
             size: 14
           }), configLabel]
         })]
-      }), separator && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/jsxRuntime.jsx("span", {
-          className: "mb-fixed",
-          children: separator
-        }), /*#__PURE__*/jsxRuntime.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__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/*#__PURE__*/jsxRuntime.jsx("span", {
-          className: "mb-fixed",
-          children: t("neetoRules.common.to")
-        }), /*#__PURE__*/jsxRuntime.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]]
     }), /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "mb-row-actions",
       children: [handleAddAction && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, {
@@ -1605,7 +1640,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 (ramda.isEmpty(named)) {
-    var isTriggerSet = hasTrigger(rule);
+    var isTriggerSet = isTriggerSatisfied({
+      rule: rule,
+      schema: schema
+    });
     return /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "mb-row",
       children: /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -1697,6 +1735,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 (!ramda.isEmpty(rule.conditions)) return null;
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "mb-row",
+      children: /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "mb-sentence",
+        children: /*#__PURE__*/jsxRuntime.jsx(Token, {
+          dataTestid: "condition-add",
+          state: TOKEN_STATE.PLACEHOLDER_NEXT,
+          onClick: handleAddCondition || undefined,
+          children: t("neetoRules.builder.whenThisIsTrue")
+        })
+      })
+    });
+  }
   if (ramda.isEmpty(triggers)) {
     return /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "mb-row",
@@ -2384,13 +2437,18 @@ var descriptorFor = function descriptorFor(_ref15) {
           subtitle: isSwap ? i18next.t("neetoRules.builder.panes.actionSwapSubtitle") : i18next.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
             };
           }),
@@ -2438,7 +2496,10 @@ 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.SCOPE:
@@ -2455,14 +2516,16 @@ var descriptorFor = function descriptorFor(_ref15) {
           subtitle: sc.paneSubtitle || i18next.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
             };
           }),
@@ -2619,7 +2682,8 @@ var continueTargetFor = function continueTargetFor(_ref17) {
   var anchor = _ref17.anchor,
     schema = _ref17.schema,
     rule = _ref17.rule,
-    index = _ref17.index;
+    index = _ref17.index,
+    configPending = _ref17.configPending;
   switch (anchor) {
     case BUILDER_ANCHORS.TRIGGER_ADD:
     case BUILDER_ANCHORS.TRIGGER_REPLACE:
@@ -2675,6 +2739,9 @@ var continueTargetFor = function continueTargetFor(_ref17) {
             }
           };
         }
+
+        // Reached here only because the action has no config yet — its name is
+        // still unresolved — so the recipient pane owes us that step afterwards.
         return channelMetaOf({
           schema: schema,
           action: action
@@ -2682,12 +2749,30 @@ var continueTargetFor = function continueTargetFor(_ref17) {
           type: BUILDER_PANEL_TYPES.RECIPIENT,
           data: {
             index: index,
-            anchor: BUILDER_ANCHORS.ACTION_RECIPIENT
+            anchor: BUILDER_ANCHORS.ACTION_RECIPIENT,
+            configPending: true
           }
         } : null;
       }
     case BUILDER_ANCHORS.ACTION_RECIPIENT:
-      return null;
+      {
+        // Only chain onward when config was skipped on the way in; arriving from
+        // the config pane or from the token means this is the last step.
+        var _action = actionAt({
+          rule: rule,
+          index: index
+        });
+        return configPending && actionHasConfig({
+          schema: schema,
+          action: _action
+        }) ? {
+          type: BUILDER_PANEL_TYPES.ACTION_CONFIG,
+          data: {
+            index: index,
+            anchor: BUILDER_ANCHORS.ACTION_CONFIG
+          }
+        } : null;
+      }
     default:
       return null;
   }
@@ -2803,7 +2888,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 = reactI18next.useTranslation(),
     t = _useTranslation.t;
@@ -2858,7 +2943,10 @@ var Canvas = function Canvas(_ref) {
   react.useEffect(function () {
     if (submitCount <= lastSubmitCount.current) return undefined;
     lastSubmitCount.current = submitCount;
-    if (ramda.isEmpty(flatErrors) && isRuleComplete(rule) && ramda.isEmpty(invalidScopeIndexes({
+    if (ramda.isEmpty(flatErrors) && isRuleComplete({
+      rule: rule,
+      schema: schema
+    }) && ramda.isEmpty(invalidScopeIndexes({
       rule: rule,
       schema: schema
     })) && ramda.isEmpty(invalidScopePhoneFieldIndexes({
@@ -3022,7 +3110,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);
   });
@@ -3041,11 +3137,16 @@ var Canvas = function Canvas(_ref) {
     rule: rule
   });
   var canAddCondition = neetoCist.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;
+  react.useEffect(function () {
+    if (soleActorOption && !rule.performer) setPerformer(soleActorOption);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [soleActorOption, rule.performer]);
   react.useEffect(function () {
     if (hasLeadTimeTrigger && rule.delay) setDelay(null);
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -3062,10 +3163,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();
@@ -3093,7 +3194,7 @@ var Canvas = function Canvas(_ref) {
     className: "neeto-rules-builder nrb-atoms",
     children: /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "mb-canvas neeto-rules-main-card",
-      children: [/*#__PURE__*/jsxRuntime.jsx(WhenBlock, {
+      children: [renderSlot("beforeWhen"), /*#__PURE__*/jsxRuntime.jsx(WhenBlock, {
         isActive: isActive,
         isInvalid: isInvalid,
         schema: schema,
@@ -3111,11 +3212,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__*/jsxRuntime.jsx(Connector, {
         active: isTriggerSet
@@ -3187,6 +3288,7 @@ var Canvas = function Canvas(_ref) {
 
 var ACTION_CONFIG_TYPES = {
   emailChannel: "emailChannel",
+  sendToApi: "sendToApi",
   multiSelect: "multiSelect",
   dropdown: "dropdown",
   note: "note",
@@ -3213,7 +3315,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 = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useFormikContext = formik.useFormikContext(),
@@ -3255,19 +3359,42 @@ var ActionConfigFields = function ActionConfigFields(_ref) {
     "data-testid": "pane-no-matches",
     children: t("neetoRules.builder.noMatches")
   });
+  if (type === ACTION_CONFIG_TYPES.sendToApi) {
+    return /*#__PURE__*/jsxRuntime.jsx(index.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 = neetoCist.isNotEmpty(options) && !hasRecipientField;
     return /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "flex flex-col gap-4",
-      children: [!(option !== null && option !== void 0 && option.hideSubject) && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Input, {
+      children: [hasRecipientList && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Select, {
+        options: options,
+        required: true,
+        error: fieldError(valuePath),
+        placeholder: option === null || option === void 0 ? void 0 : option.valuePlaceholder,
+        size: "large",
+        value: (_getIn = formik.getIn(values, valuePath)) !== null && _getIn !== void 0 ? _getIn : undefined,
+        label: (option === null || option === void 0 ? void 0 : option.recipientLabel) || t("neetoRules.builder.config.recipient"),
+        onBlur: function onBlur() {
+          return setFieldTouched(valuePath, true);
+        },
+        onChange: function onChange(value) {
+          return setFieldValue(valuePath, value);
+        }
+      }), !(option !== null && option !== void 0 && option.hideSubject) && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Input, {
         required: true,
         error: fieldError(subjectPath),
         label: t("neetoRules.builder.config.subject"),
         placeholder: t("neetoRules.builder.config.subjectPlaceholder"),
         size: "large",
-        value: (_getIn = formik.getIn(values, subjectPath)) !== null && _getIn !== void 0 ? _getIn : "",
+        value: (_getIn2 = formik.getIn(values, subjectPath)) !== null && _getIn2 !== void 0 ? _getIn2 : "",
         onBlur: function onBlur() {
           return setFieldTouched(subjectPath, true);
         },
@@ -3319,9 +3446,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;
@@ -3359,14 +3483,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__*/jsxRuntime.jsx(neetoAtoms.Input, {
       required: true,
       error: fieldError(valuePath),
       label: t("neetoRules.builder.config.value"),
       size: "large",
       type: "number",
-      value: (_getIn2 = formik.getIn(values, valuePath)) !== null && _getIn2 !== void 0 ? _getIn2 : "",
+      value: (_getIn3 = formik.getIn(values, valuePath)) !== null && _getIn3 !== void 0 ? _getIn3 : "",
       onBlur: function onBlur() {
         return setFieldTouched(valuePath, true);
       },
@@ -3379,7 +3503,7 @@ var ActionConfigFields = function ActionConfigFields(_ref) {
       label: t("neetoRules.builder.config.message"),
       rows: 5,
       size: "large",
-      value: (_getIn3 = formik.getIn(values, valuePath)) !== null && _getIn3 !== void 0 ? _getIn3 : "",
+      value: (_getIn4 = formik.getIn(values, valuePath)) !== null && _getIn4 !== void 0 ? _getIn4 : "",
       onBlur: function onBlur() {
         return setFieldTouched(valuePath, true);
       },
@@ -3389,7 +3513,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__*/jsxRuntime.jsxs("div", {
       className: "flex flex-col gap-2",
       children: [/*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Input, {
@@ -3398,7 +3522,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 = formik.getIn(values, valuePath)) !== null && _getIn4 !== void 0 ? _getIn4 : "",
+        value: (_getIn5 = formik.getIn(values, valuePath)) !== null && _getIn5 !== void 0 ? _getIn5 : "",
         onBlur: function onBlur() {
           return setFieldTouched(valuePath, true);
         },
@@ -3509,7 +3633,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$1 = _ref.index;
   var _useTranslation = reactI18next.useTranslation(),
@@ -3544,14 +3668,24 @@ var ConfigPane = function ConfigPane(_ref) {
     configSubtitle = _actionParts.configSubtitle;
   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 = react.useRef(!action.name);
   react.useEffect(function () {
     if (!unnamedOnOpen.current || !channelRepName) return undefined;
@@ -3670,6 +3804,7 @@ var ConfigPane = function ConfigPane(_ref) {
           searchTerm: searchTerm
         })) !== null && _hostRenderConfig !== void 0 ? _hostRenderConfig : /*#__PURE__*/jsxRuntime.jsx(ActionConfigFields, {
           action: action,
+          hasRecipientField: hasRecipientField,
           name: name,
           searchTerm: searchTerm,
           option: flatOption
@@ -4008,7 +4143,9 @@ var OptionsPane = function OptionsPane(_ref) {
     anchor = _ref.anchor,
     index$1 = _ref.index,
     _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 = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useFormikContext = formik.useFormikContext(),
@@ -4114,7 +4251,8 @@ var OptionsPane = function OptionsPane(_ref) {
       anchor: anchor,
       schema: schema,
       rule: rule,
-      index: index$1
+      index: index$1,
+      configPending: configPending
     });
     if (target) openType({
       type: target.type,
@@ -4128,21 +4266,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__*/react.isValidElement(reason) || Array.isArray(reason);
+    var popover = option.disabledPopover || (isNodeReason ? {
+      description: reason
+    } : null);
+    if (!Icon && !isTextReason && !popover) return option.label;
     return /*#__PURE__*/jsxRuntime.jsxs("span", {
       className: "mb-pane-option",
       children: [Icon && /*#__PURE__*/jsxRuntime.jsx(Icon, {
         size: 20
-      }), option.label, option.disabledReason && (option.disabledTooltip ? /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Tooltip, {
+      }), option.label, popover && /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Popover, {
+        position: "top",
+        trigger: /*#__PURE__*/jsxRuntime.jsx("span", {
+          className: "mb-pane-info",
+          onClick: function onClick(event) {
+            return event.preventDefault();
+          },
+          children: /*#__PURE__*/jsxRuntime.jsx(Info, {
+            size: 14
+          })
+        }),
+        children: [popover.title && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Popover.Title, {
+          children: popover.title
+        }), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Typography, {
+          color: "muted",
+          variant: "body2",
+          children: popover.description
+        }), popover.helpLinkProps && /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Button, _objectSpread$2(_objectSpread$2({}, popover.helpLinkProps), {}, {
+          className: "h-auto self-start p-0",
+          size: "sm",
+          variant: "link"
+        }))]
+      }), !popover && reason && isTextReason && (option.disabledTooltip ? /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Tooltip, {
         content: option.disabledTooltip,
         position: "top",
         children: /*#__PURE__*/jsxRuntime.jsx("span", {
           className: "mb-pane-warn",
-          children: option.disabledReason
+          children: reason
         })
       }) : /*#__PURE__*/jsxRuntime.jsx("span", {
         className: "mb-pane-warn",
-        children: option.disabledReason
+        children: reason
       }))]
     });
   };
@@ -4313,7 +4483,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$1 = _ref.index;
+    index$1 = _ref.index,
+    _ref$configPending = _ref.configPending,
+    configPending = _ref$configPending === void 0 ? false : _ref$configPending;
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useRuleModel = useRuleModel(schema),
@@ -4388,6 +4560,7 @@ var RecipientPane = function RecipientPane(_ref) {
   if (!editor) {
     return /*#__PURE__*/jsxRuntime.jsx(OptionsPane, {
       belowContent: belowContent,
+      configPending: configPending,
       index: index$1,
       schema: schema,
       anchor: BUILDER_ANCHORS.ACTION_RECIPIENT
@@ -4513,9 +4686,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);
       },
@@ -4740,7 +4910,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({