@bigbinary/neeto-rules-frontend 2.7.21 → 2.7.23

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-CvpoP63h.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';
@@ -463,6 +464,18 @@ var actionParts = function actionParts(_ref11) {
     recipientSubtitle: channelMeta.recipientSubtitle || (option === null || option === void 0 ? void 0 : option.recipientSubtitle)
   };
 };
+
+// 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, {
+    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 : [];
+};
 var hasTrigger = function hasTrigger(rule) {
   return !isEmpty((rule === null || rule === void 0 ? void 0 : rule.triggers) || []);
 };
@@ -471,31 +484,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 ? 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(_ref12) {
+var scopeOptionFor = function scopeOptionFor(_ref17) {
   var _item$value, _schema$scope;
-  var schema = _ref12.schema,
-    item = _ref12.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(_ref13) {
-  var _ref14, _item$phoneFields, _scopeOptionFor;
-  var schema = _ref13.schema,
-    item = _ref13.item;
-  return (_ref14 = (_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 && _ref14 !== void 0 ? _ref14 : null;
+  })) === null || _scopeOptionFor === void 0 ? void 0 : _scopeOptionFor.phoneFields) !== null && _ref19 !== void 0 ? _ref19 : null;
 };
-var effectiveScopePhoneField = function effectiveScopePhoneField(_ref15) {
-  var schema = _ref15.schema,
-    item = _ref15.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,
@@ -503,14 +539,14 @@ var effectiveScopePhoneField = function effectiveScopePhoneField(_ref15) {
   });
   return (phoneFields === null || phoneFields === void 0 ? void 0 : phoneFields.length) === 1 ? phoneFields[0].value : undefined;
 };
-var invalidScopeIndexes = function invalidScopeIndexes(_ref16) {
+var invalidScopeIndexes = function invalidScopeIndexes(_ref21) {
   var _scope$requiresPhone;
-  var rule = _ref16.rule,
-    schema = _ref16.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 _ref17, _item$hasPhoneField;
+    var _ref22, _item$hasPhoneField;
     var option = scopeOptionFor({
       schema: schema,
       item: item
@@ -519,15 +555,15 @@ var invalidScopeIndexes = function invalidScopeIndexes(_ref16) {
       schema: schema,
       item: item
     });
-    var hasPhoneField = (_ref17 = (_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 && _ref17 !== void 0 ? _ref17 : 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(_ref18) {
+var invalidScopePhoneFieldIndexes = function invalidScopePhoneFieldIndexes(_ref23) {
   var _scope$requiresPhone2;
-  var rule = _ref18.rule,
-    schema = _ref18.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) {
@@ -564,9 +600,9 @@ var minutesToParts = function minutesToParts(minutes) {
     unit: "minutes"
   };
 };
-var partsToMinutes = function partsToMinutes(_ref19) {
-  var value = _ref19.value,
-    unit = _ref19.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)
@@ -576,8 +612,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
@@ -621,25 +657,25 @@ var modeFromJoinType = function modeFromJoinType(joinType) {
 };
 
 // eslint-disable-next-line security/detect-object-injection
-var valueAt = function valueAt(_ref20) {
+var valueAt = function valueAt(_ref25) {
   var _values$key;
-  var values = _ref20.values,
-    key = _ref20.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$conditions3, _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$conditions3 = schema.conditions) === null || _schema$conditions3 === void 0 ? void 0 : _schema$conditions3.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"
@@ -647,11 +683,11 @@ var fieldKeysFromSchema = function fieldKeysFromSchema() {
 };
 var valuesToRuleModel = function valuesToRuleModel() {
   var _valueAt, _conditions$;
-  var _ref21 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    _ref21$values = _ref21.values,
-    values = _ref21$values === void 0 ? {} : _ref21$values,
-    _ref21$schema = _ref21.schema,
-    schema = _ref21$schema === void 0 ? {} : _ref21$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,
@@ -695,42 +731,42 @@ var valuesToRuleModel = function valuesToRuleModel() {
     }))
   };
 };
-var setTriggers = function setTriggers(_ref22) {
-  var schema = _ref22.schema,
-    triggers = _ref22.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(_ref23) {
-  var schema = _ref23.schema,
-    performer = _ref23.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(_ref24) {
-  var schema = _ref24.schema,
-    actions = _ref24.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(_ref25) {
-  var schema = _ref25.schema,
-    conditions = _ref25.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(_ref26) {
-  var schema = _ref26.schema,
-    conditions = _ref26.conditions,
-    joinType = _ref26.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) {
@@ -738,34 +774,34 @@ var setConditionMode = function setConditionMode(_ref26) {
     })
   });
 };
-var setDelay = function setDelay(_ref27) {
-  var schema = _ref27.schema,
-    delay = _ref27.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(_ref28) {
-  var schema = _ref28.schema,
-    active = _ref28.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(_ref29) {
-  var schema = _ref29.schema,
-    scope = _ref29.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(_ref30) {
-  var values = _ref30.values,
-    fieldKey = _ref30.fieldKey,
-    index = _ref30.index;
+var removeArrayItem = function removeArrayItem(_ref35) {
+  var values = _ref35.values,
+    fieldKey = _ref35.fieldKey,
+    index = _ref35.index;
   var list = asArray(valueAt({
     values: values,
     key: fieldKey
@@ -792,9 +828,9 @@ var removeArrayItem = function removeArrayItem(_ref30) {
   }
   return result;
 };
-var clearArrayItems = function clearArrayItems(_ref31) {
-  var values = _ref31.values,
-    fieldKey = _ref31.fieldKey;
+var clearArrayItems = function clearArrayItems(_ref36) {
+  var values = _ref36.values,
+    fieldKey = _ref36.fieldKey;
   var list = asArray(valueAt({
     values: values,
     key: fieldKey
@@ -870,13 +906,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({
@@ -1099,8 +1135,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", {
@@ -1373,7 +1409,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");
@@ -1391,12 +1430,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 = 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;
   return /*#__PURE__*/jsxs("div", {
     className: classNames("mb-row mb-row-draggable", {
       clearing: clearing
@@ -1406,7 +1499,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),
@@ -1447,7 +1540,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),
@@ -1470,53 +1563,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]]
     }), /*#__PURE__*/jsxs("div", {
       className: "mb-row-actions",
       children: [handleAddAction && /*#__PURE__*/jsx(Button, {
@@ -1572,7 +1619,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", {
@@ -1664,6 +1714,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",
@@ -2216,7 +2281,7 @@ var nextActionRecipientAt = function nextActionRecipientAt(_ref14) {
   });
 };
 var descriptorFor = function descriptorFor(_ref15) {
-  var _schema$actor2, _schema$conditions2;
+  var _schema$actor2;
   var anchor = _ref15.anchor,
     schema = _ref15.schema,
     rule = _ref15.rule,
@@ -2262,7 +2327,10 @@ var descriptorFor = function descriptorFor(_ref15) {
         title: t("neetoRules.builder.panes.addCondition"),
         subtitle: t("neetoRules.builder.panes.condFieldSubtitle"),
         cascade: true,
-        options: (((_schema$conditions2 = schema.conditions) === null || _schema$conditions2 === void 0 ? void 0 : _schema$conditions2.fields) || []).map(function (field) {
+        options: offeredConditionFields({
+          schema: schema,
+          rule: rule
+        }).map(function (field) {
           return {
             label: field.paneLabel || field.label,
             value: optionValue(field),
@@ -2276,7 +2344,7 @@ var descriptorFor = function descriptorFor(_ref15) {
       };
     case BUILDER_ANCHORS.COND_OP_TOGGLE:
       {
-        var _schema$conditions3;
+        var _schema$conditions2;
         var field = findField({
           schema: schema,
           value: conditionAt({
@@ -2284,7 +2352,7 @@ var descriptorFor = function descriptorFor(_ref15) {
             index: index
           }).field
         });
-        var labels = ((_schema$conditions3 = schema.conditions) === null || _schema$conditions3 === void 0 ? void 0 : _schema$conditions3.operatorLabels) || {};
+        var labels = ((_schema$conditions2 = schema.conditions) === null || _schema$conditions2 === void 0 ? void 0 : _schema$conditions2.operatorLabels) || {};
         var verbs = (field === null || field === void 0 ? void 0 : field.allowMatching) || [];
         var fieldLabel = (field === null || field === void 0 ? void 0 : field.paneLabel) || (field === null || field === void 0 ? void 0 : field.label) || "";
         var isContains = isNotEmpty(verbs) && verbs.every(isContainsVerb);
@@ -2348,13 +2416,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
             };
           }),
@@ -2402,7 +2475,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:
@@ -2419,14 +2495,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
             };
           }),
@@ -2583,7 +2661,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:
@@ -2639,6 +2718,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
@@ -2646,12 +2728,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;
   }
@@ -2767,7 +2867,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$conditions, _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;
@@ -2822,7 +2922,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({
@@ -2986,7 +3089,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);
   });
@@ -3000,13 +3111,21 @@ var Canvas = function Canvas(_ref) {
       return i !== index;
     }));
   };
-  var conditionFields = (schema === null || schema === void 0 || (_schema$conditions = schema.conditions) === null || _schema$conditions === void 0 ? void 0 : _schema$conditions.fields) || [];
+  var conditionFields = offeredConditionFields({
+    schema: schema,
+    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
@@ -3023,10 +3142,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();
@@ -3054,7 +3173,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,
@@ -3072,11 +3191,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
@@ -3148,6 +3267,7 @@ var Canvas = function Canvas(_ref) {
 
 var ACTION_CONFIG_TYPES = {
   emailChannel: "emailChannel",
+  sendToApi: "sendToApi",
   multiSelect: "multiSelect",
   dropdown: "dropdown",
   note: "note",
@@ -3174,7 +3294,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(),
@@ -3216,19 +3338,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);
         },
@@ -3280,9 +3425,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;
@@ -3320,14 +3462,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);
       },
@@ -3340,7 +3482,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);
       },
@@ -3350,7 +3492,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, {
@@ -3359,7 +3501,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);
         },
@@ -3470,7 +3612,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(),
@@ -3505,14 +3647,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 = useRef(!action.name);
   useEffect(function () {
     if (!unnamedOnOpen.current || !channelRepName) return undefined;
@@ -3631,6 +3783,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
@@ -3723,7 +3876,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"),
@@ -3910,7 +4063,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,
@@ -3969,7 +4122,9 @@ var OptionsPane = function OptionsPane(_ref) {
     anchor = _ref.anchor,
     index = _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 = useTranslation(),
     t = _useTranslation.t;
   var _useFormikContext = useFormikContext(),
@@ -4075,7 +4230,8 @@ var OptionsPane = function OptionsPane(_ref) {
       anchor: anchor,
       schema: schema,
       rule: rule,
-      index: index
+      index: index,
+      configPending: configPending
     });
     if (target) openType({
       type: target.type,
@@ -4089,21 +4245,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
       }))]
     });
   };
@@ -4254,7 +4442,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,
@@ -4274,7 +4462,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),
@@ -4349,6 +4539,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
@@ -4448,7 +4639,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,
@@ -4474,9 +4665,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);
       },
@@ -4701,7 +4889,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({