@bigbinary/neeto-rules-frontend 2.6.2 → 2.7.0

package/dist/NeetoRulesBuilder.js

@@ -169,7 +169,8 @@ var BUILDER_PANEL_TYPES = {
   DELAY: "builder-delay",
   LEAD_TIME: "builder-lead-time",
   NAME: "builder-name",
-  SCOPE: "builder-scope"
+  SCOPE: "builder-scope",
+  SCOPE_PHONE_FIELD: "builder-scope-phone-field"
 };
 var BUILDER_ANCHORS = {
   TRIGGER_ADD: "trigger-add",
@@ -186,9 +187,10 @@ var BUILDER_ANCHORS = {
   ACTION_RECIPIENT: "action-recipient",
   RULE_DELAY: "rule-delay",
   META_NAME: "meta-name",
-  SCOPE: "scope"
+  SCOPE: "scope",
+  SCOPE_PHONE_FIELD: "scope-phone-field"
 };
-var TOKEN_TO_PANEL_TYPE = (_TOKEN_TO_PANEL_TYPE = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_TOKEN_TO_PANEL_TYPE, BUILDER_ANCHORS.TRIGGER_ADD, BUILDER_PANEL_TYPES.TRIGGER), BUILDER_ANCHORS.TRIGGER_REPLACE, BUILDER_PANEL_TYPES.TRIGGER), BUILDER_ANCHORS.TRIGGER_ACTOR, BUILDER_PANEL_TYPES.ACTOR), BUILDER_ANCHORS.COND_FIELD, BUILDER_PANEL_TYPES.CONDITION_FIELD), BUILDER_ANCHORS.COND_OP_TOGGLE, BUILDER_PANEL_TYPES.OPERATOR), BUILDER_ANCHORS.COND_CONNECTOR, BUILDER_PANEL_TYPES.CONNECTOR), BUILDER_ANCHORS.COND_VALUES, BUILDER_PANEL_TYPES.CONDITION_VALUE), BUILDER_ANCHORS.ACTION_ADD, BUILDER_PANEL_TYPES.ACTION_CHANNEL), BUILDER_ANCHORS.ACTION_CHANNEL, BUILDER_PANEL_TYPES.ACTION_CHANNEL), BUILDER_ANCHORS.ACTION_CONFIG, BUILDER_PANEL_TYPES.ACTION_CONFIG), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_TOKEN_TO_PANEL_TYPE, BUILDER_ANCHORS.ACTION_RECIPIENT, BUILDER_PANEL_TYPES.RECIPIENT), BUILDER_ANCHORS.RULE_DELAY, BUILDER_PANEL_TYPES.DELAY), BUILDER_ANCHORS.TRIGGER_LEAD_TIME, BUILDER_PANEL_TYPES.LEAD_TIME), BUILDER_ANCHORS.META_NAME, BUILDER_PANEL_TYPES.NAME), BUILDER_ANCHORS.SCOPE, BUILDER_PANEL_TYPES.SCOPE));
+var TOKEN_TO_PANEL_TYPE = (_TOKEN_TO_PANEL_TYPE = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_TOKEN_TO_PANEL_TYPE, BUILDER_ANCHORS.TRIGGER_ADD, BUILDER_PANEL_TYPES.TRIGGER), BUILDER_ANCHORS.TRIGGER_REPLACE, BUILDER_PANEL_TYPES.TRIGGER), BUILDER_ANCHORS.TRIGGER_ACTOR, BUILDER_PANEL_TYPES.ACTOR), BUILDER_ANCHORS.COND_FIELD, BUILDER_PANEL_TYPES.CONDITION_FIELD), BUILDER_ANCHORS.COND_OP_TOGGLE, BUILDER_PANEL_TYPES.OPERATOR), BUILDER_ANCHORS.COND_CONNECTOR, BUILDER_PANEL_TYPES.CONNECTOR), BUILDER_ANCHORS.COND_VALUES, BUILDER_PANEL_TYPES.CONDITION_VALUE), BUILDER_ANCHORS.ACTION_ADD, BUILDER_PANEL_TYPES.ACTION_CHANNEL), BUILDER_ANCHORS.ACTION_CHANNEL, BUILDER_PANEL_TYPES.ACTION_CHANNEL), BUILDER_ANCHORS.ACTION_CONFIG, BUILDER_PANEL_TYPES.ACTION_CONFIG), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_TOKEN_TO_PANEL_TYPE, BUILDER_ANCHORS.ACTION_RECIPIENT, BUILDER_PANEL_TYPES.RECIPIENT), BUILDER_ANCHORS.RULE_DELAY, BUILDER_PANEL_TYPES.DELAY), BUILDER_ANCHORS.TRIGGER_LEAD_TIME, BUILDER_PANEL_TYPES.LEAD_TIME), BUILDER_ANCHORS.META_NAME, BUILDER_PANEL_TYPES.NAME), BUILDER_ANCHORS.SCOPE, BUILDER_PANEL_TYPES.SCOPE), BUILDER_ANCHORS.SCOPE_PHONE_FIELD, BUILDER_PANEL_TYPES.SCOPE_PHONE_FIELD));
 var LARGE_PANEL_TYPES = [BUILDER_PANEL_TYPES.ACTION_CONFIG, BUILDER_PANEL_TYPES.SCOPE, BUILDER_PANEL_TYPES.NAME];
 var CONDITION_ANCHORS = [BUILDER_ANCHORS.COND_FIELD, BUILDER_ANCHORS.COND_OP_TOGGLE, BUILDER_ANCHORS.COND_VALUES, BUILDER_ANCHORS.COND_CONNECTOR];
 var ACTION_ANCHORS = [BUILDER_ANCHORS.ACTION_CHANNEL, BUILDER_ANCHORS.ACTION_CONFIG, BUILDER_ANCHORS.ACTION_RECIPIENT];
@@ -292,6 +294,9 @@ var isMultiValueVerb = function isMultiValueVerb(verb) {
 var sentencify = function sentencify(label) {
   return label ? label.charAt(0).toLowerCase() + label.slice(1) : label;
 };
+var copyFor = function copyFor(value, args) {
+  return typeof value === "function" ? value(args) : value;
+};
 var matchesTrigger = function matchesTrigger(name) {
   return function (option) {
     return option.eventValue === name || option.value === name || option.id === name;
@@ -455,24 +460,77 @@ var hasAction = function hasAction(rule) {
 var isRuleComplete = function isRuleComplete(rule) {
   return hasTrigger(rule) && hasAction(rule);
 };
-var invalidScopeIndexes = function invalidScopeIndexes(_ref12) {
+var scopeOptionFor = function scopeOptionFor(_ref12) {
+  var _item$value, _schema$scope;
+  var schema = _ref12.schema,
+    item = _ref12.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({
+    schema: schema,
+    item: item
+  })) === null || _scopeOptionFor === void 0 ? void 0 : _scopeOptionFor.phoneFields) !== null && _ref14 !== void 0 ? _ref14 : null;
+};
+var effectiveScopePhoneField = function effectiveScopePhoneField(_ref15) {
+  var schema = _ref15.schema,
+    item = _ref15.item;
+  if (item !== null && item !== void 0 && item.phoneField) return item.phoneField;
+  var phoneFields = scopePhoneFields({
+    schema: schema,
+    item: item
+  });
+  return (phoneFields === null || phoneFields === void 0 ? void 0 : phoneFields.length) === 1 ? phoneFields[0].value : undefined;
+};
+var invalidScopeIndexes = function invalidScopeIndexes(_ref16) {
   var _scope$requiresPhone;
-  var rule = _ref12.rule,
-    schema = _ref12.schema;
+  var rule = _ref16.rule,
+    schema = _ref16.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 _item$value, _item$hasPhoneField;
-    var value = (_item$value = item === null || item === void 0 ? void 0 : item.value) !== null && _item$value !== void 0 ? _item$value : item;
-    var option = (scope.options || []).find(function (candidate) {
-      var _candidate$value2;
-      return ((_candidate$value2 = candidate.value) !== null && _candidate$value2 !== void 0 ? _candidate$value2 : candidate.id) === value;
+    var _ref17, _item$hasPhoneField;
+    var option = scopeOptionFor({
+      schema: schema,
+      item: item
+    });
+    var phoneFields = scopePhoneFields({
+      schema: schema,
+      item: item
     });
-    var hasPhoneField = (_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;
+    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;
     if (hasPhoneField === false) indexes.push(index);
     return indexes;
   }, []);
 };
+var invalidScopePhoneFieldIndexes = function invalidScopePhoneFieldIndexes(_ref18) {
+  var _scope$requiresPhone2;
+  var rule = _ref18.rule,
+    schema = _ref18.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) {
+    var phoneFields = scopePhoneFields({
+      schema: schema,
+      item: item
+    });
+    var hasChoice = ((phoneFields === null || phoneFields === void 0 ? void 0 : phoneFields.length) || 0) > 1;
+    if (hasChoice && !effectiveScopePhoneField({
+      schema: schema,
+      item: item
+    })) {
+      indexes.push(index);
+    }
+    return indexes;
+  }, []);
+};
 var minutesToParts = function minutesToParts(minutes) {
   var total = Number(minutes) || 0;
   if (total && total % UNIT_MINUTES.days === 0) {
@@ -492,9 +550,9 @@ var minutesToParts = function minutesToParts(minutes) {
     unit: "minutes"
   };
 };
-var partsToMinutes = function partsToMinutes(_ref13) {
-  var value = _ref13.value,
-    unit = _ref13.unit;
+var partsToMinutes = function partsToMinutes(_ref19) {
+  var value = _ref19.value,
+    unit = _ref19.unit;
   return (
     // eslint-disable-next-line security/detect-object-injection
     (Number(value) || 0) * (UNIT_MINUTES[unit] || 1)
@@ -527,17 +585,17 @@ var modeFromJoinType = function modeFromJoinType(joinType) {
 };
 
 // eslint-disable-next-line security/detect-object-injection
-var valueAt = function valueAt(_ref14) {
+var valueAt = function valueAt(_ref20) {
   var _values$key;
-  var values = _ref14.values,
-    key = _ref14.key;
+  var values = _ref20.values,
+    key = _ref20.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$triggers2, _schema$actor2, _schema$conditions3, _schema$actions3, _schema$delay, _schema$triggers3, _schema$scope;
+  var _schema$triggers2, _schema$actor2, _schema$conditions3, _schema$actions3, _schema$delay, _schema$triggers3, _schema$scope2;
   var schema = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   return {
     triggers: ((_schema$triggers2 = schema.triggers) === null || _schema$triggers2 === void 0 ? void 0 : _schema$triggers2.fieldKey) || "events",
@@ -546,18 +604,18 @@ var fieldKeysFromSchema = function fieldKeysFromSchema() {
     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$triggers3 = schema.triggers) === null || _schema$triggers3 === void 0 || (_schema$triggers3 = _schema$triggers3.leadTime) === null || _schema$triggers3 === void 0 ? void 0 : _schema$triggers3.fieldKey,
-    scope: ((_schema$scope = schema.scope) === null || _schema$scope === void 0 ? void 0 : _schema$scope.fieldKey) || "meetingIds",
+    scope: ((_schema$scope2 = schema.scope) === null || _schema$scope2 === void 0 ? void 0 : _schema$scope2.fieldKey) || "meetingIds",
     status: "status",
     name: "name"
   };
 };
 var valuesToRuleModel = function valuesToRuleModel() {
   var _valueAt, _conditions$;
-  var _ref15 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-    _ref15$values = _ref15.values,
-    values = _ref15$values === void 0 ? {} : _ref15$values,
-    _ref15$schema = _ref15.schema,
-    schema = _ref15$schema === void 0 ? {} : _ref15$schema;
+  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 keys = fieldKeysFromSchema(schema);
   var conditions = asArray(valueAt({
     values: values,
@@ -601,42 +659,42 @@ var valuesToRuleModel = function valuesToRuleModel() {
     }))
   };
 };
-var setTriggers = function setTriggers(_ref16) {
-  var schema = _ref16.schema,
-    triggers = _ref16.triggers;
+var setTriggers = function setTriggers(_ref22) {
+  var schema = _ref22.schema,
+    triggers = _ref22.triggers;
   return {
     path: "".concat(fieldKeysFromSchema(schema).triggers, ".value"),
     value: triggers
   };
 };
-var setPerformer = function setPerformer(_ref17) {
-  var schema = _ref17.schema,
-    performer = _ref17.performer;
+var setPerformer = function setPerformer(_ref23) {
+  var schema = _ref23.schema,
+    performer = _ref23.performer;
   return {
     path: "".concat(fieldKeysFromSchema(schema).performer, ".value"),
     value: performer
   };
 };
-var setActions = function setActions(_ref18) {
-  var schema = _ref18.schema,
-    actions = _ref18.actions;
+var setActions = function setActions(_ref24) {
+  var schema = _ref24.schema,
+    actions = _ref24.actions;
   return {
     path: "".concat(fieldKeysFromSchema(schema).actions, ".value"),
     value: actions
   };
 };
-var setConditions = function setConditions(_ref19) {
-  var schema = _ref19.schema,
-    conditions = _ref19.conditions;
+var setConditions = function setConditions(_ref25) {
+  var schema = _ref25.schema,
+    conditions = _ref25.conditions;
   return {
     path: "".concat(fieldKeysFromSchema(schema).conditions, ".value"),
     value: conditions
   };
 };
-var setConditionMode = function setConditionMode(_ref20) {
-  var schema = _ref20.schema,
-    conditions = _ref20.conditions,
-    joinType = _ref20.joinType;
+var setConditionMode = function setConditionMode(_ref26) {
+  var schema = _ref26.schema,
+    conditions = _ref26.conditions,
+    joinType = _ref26.joinType;
   return setConditions({
     schema: schema,
     conditions: conditions.map(function (condition) {
@@ -644,34 +702,34 @@ var setConditionMode = function setConditionMode(_ref20) {
     })
   });
 };
-var setDelay = function setDelay(_ref21) {
-  var schema = _ref21.schema,
-    delay = _ref21.delay;
+var setDelay = function setDelay(_ref27) {
+  var schema = _ref27.schema,
+    delay = _ref27.delay;
   return {
     path: "".concat(fieldKeysFromSchema(schema).delay, ".value"),
     value: delay !== null && delay !== void 0 ? delay : {}
   };
 };
-var setActive = function setActive(_ref22) {
-  var schema = _ref22.schema,
-    active = _ref22.active;
+var setActive = function setActive(_ref28) {
+  var schema = _ref28.schema,
+    active = _ref28.active;
   return {
     path: "".concat(fieldKeysFromSchema(schema).status, ".value"),
     value: active ? STATUS_KEYS.ENABLED : STATUS_KEYS.DISABLED
   };
 };
-var setScope = function setScope(_ref23) {
-  var schema = _ref23.schema,
-    scope = _ref23.scope;
+var setScope = function setScope(_ref29) {
+  var schema = _ref29.schema,
+    scope = _ref29.scope;
   return {
     path: "".concat(fieldKeysFromSchema(schema).scope, ".value"),
     value: scope
   };
 };
-var removeArrayItem = function removeArrayItem(_ref24) {
-  var values = _ref24.values,
-    fieldKey = _ref24.fieldKey,
-    index = _ref24.index;
+var removeArrayItem = function removeArrayItem(_ref30) {
+  var values = _ref30.values,
+    fieldKey = _ref30.fieldKey,
+    index = _ref30.index;
   var list = asArray(valueAt({
     values: values,
     key: fieldKey
@@ -1031,7 +1089,7 @@ var itemLabel = function itemLabel(item) {
   return (item === null || item === void 0 ? void 0 : item.label) || (item === null || item === void 0 ? void 0 : item.name) || (item === null || item === void 0 ? void 0 : item.value) || String(item !== null && item !== void 0 ? item : "");
 };
 var ScopeBlock = function ScopeBlock(_ref) {
-  var _schema$scope;
+  var _schema$scope, _schema$scope2, _schema$scope2$requir;
   var rule = _ref.rule,
     schema = _ref.schema,
     handleToken = _ref.onToken,
@@ -1048,6 +1106,7 @@ var ScopeBlock = function ScopeBlock(_ref) {
     t = _useTranslation.t;
   var scope = rule.scope || [];
   var placeholder = (schema === null || schema === void 0 || (_schema$scope = schema.scope) === null || _schema$scope === void 0 ? void 0 : _schema$scope.placeholder) || t("neetoRules.builder.scope.placeholder");
+  var requiresPhone = !!(schema !== null && schema !== void 0 && (_schema$scope2 = schema.scope) !== null && _schema$scope2 !== void 0 && (_schema$scope2$requir = _schema$scope2.requiresPhone) !== null && _schema$scope2$requir !== void 0 && _schema$scope2$requir.call(_schema$scope2, rule.actions || []));
   if (isEmpty(scope)) {
     return /*#__PURE__*/jsx("div", {
       className: "mb-row",
@@ -1077,6 +1136,7 @@ var ScopeBlock = function ScopeBlock(_ref) {
       isActive: isActive,
       isInvalid: isInvalid,
       item: item,
+      requiresPhone: requiresPhone,
       schema: schema,
       isLast: index === scope.length - 1,
       key: ((_item$value = item === null || item === void 0 ? void 0 : item.value) !== null && _item$value !== void 0 ? _item$value : item) || index,
@@ -1086,7 +1146,7 @@ var ScopeBlock = function ScopeBlock(_ref) {
   });
 };
 var ScopeRow = function ScopeRow(_ref2) {
-  var _schema$scope2;
+  var _schema$scope3, _schema$scope4, _schema$scope5;
   var schema = _ref2.schema,
     item = _ref2.item,
     index = _ref2.index,
@@ -1094,13 +1154,30 @@ var ScopeRow = function ScopeRow(_ref2) {
     handleRemoveScope = _ref2.onRemoveScope,
     isActive = _ref2.isActive,
     isInvalid = _ref2.isInvalid,
-    isLast = _ref2.isLast;
+    isLast = _ref2.isLast,
+    requiresPhone = _ref2.requiresPhone;
   var _useTranslation2 = useTranslation(),
     t = _useTranslation2.t;
   var _useClearingHover = useClearingHover(),
     clearing = _useClearingHover.clearing,
     clearingHoverProps = _useClearingHover.clearingHoverProps;
-  var lead = (schema === null || schema === void 0 || (_schema$scope2 = schema.scope) === null || _schema$scope2 === void 0 ? void 0 : _schema$scope2.lead) || t("neetoRules.builder.scope.lead");
+  var lead = (schema === null || schema === void 0 || (_schema$scope3 = schema.scope) === null || _schema$scope3 === void 0 ? void 0 : _schema$scope3.lead) || t("neetoRules.builder.scope.lead");
+  var meeting = itemLabel(item);
+  var phoneFields = requiresPhone ? scopePhoneFields({
+    item: item,
+    schema: schema
+  }) : null;
+  var hasPhoneFieldChoice = ((phoneFields === null || phoneFields === void 0 ? void 0 : phoneFields.length) || 0) > 1;
+  var singlePhoneFieldLabel = (phoneFields === null || phoneFields === void 0 ? void 0 : phoneFields.length) === 1 ? phoneFields[0].label : null;
+  var selectedPhoneField = phoneFields === null || phoneFields === void 0 ? void 0 : phoneFields.find(function (field) {
+    return field.value === (item === null || item === void 0 ? void 0 : item.phoneField);
+  });
+  var usingLabel = copyFor(schema === null || schema === void 0 || (_schema$scope4 = schema.scope) === null || _schema$scope4 === void 0 ? void 0 : _schema$scope4.usingLabel, {
+    meeting: meeting
+  }) || t("neetoRules.builder.scope.using");
+  var phoneFieldPlaceholder = copyFor(schema === null || schema === void 0 || (_schema$scope5 = schema.scope) === null || _schema$scope5 === void 0 ? void 0 : _schema$scope5.phoneFieldPlaceholder, {
+    meeting: meeting
+  }) || t("neetoRules.builder.selectPhoneField");
   return /*#__PURE__*/jsxs("div", {
     className: classNames("mb-row", {
       clearing: clearing
@@ -1125,7 +1202,33 @@ var ScopeRow = function ScopeRow(_ref2) {
             type: BUILDER_ANCHORS.SCOPE
           });
         },
-        children: itemLabel(item)
+        children: meeting
+      }), singlePhoneFieldLabel && /*#__PURE__*/jsxs("span", {
+        className: "mb-fixed",
+        children: [usingLabel, " ", singlePhoneFieldLabel]
+      }), hasPhoneFieldChoice && /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx("span", {
+          className: "mb-fixed",
+          children: usingLabel
+        }), /*#__PURE__*/jsx(Token, {
+          dataTestid: "scope-phone-field-".concat(index),
+          active: isActive({
+            type: BUILDER_ANCHORS.SCOPE_PHONE_FIELD,
+            index: index
+          }),
+          invalid: isInvalid({
+            type: BUILDER_ANCHORS.SCOPE_PHONE_FIELD,
+            index: index
+          }),
+          state: selectedPhoneField ? TOKEN_STATE.FILLED : TOKEN_STATE.MUTED,
+          onClick: handleToken && function () {
+            return handleToken({
+              type: BUILDER_ANCHORS.SCOPE_PHONE_FIELD,
+              index: index
+            });
+          },
+          children: (selectedPhoneField === null || selectedPhoneField === void 0 ? void 0 : selectedPhoneField.label) || phoneFieldPlaceholder
+        })]
       })]
     }), /*#__PURE__*/jsxs("div", {
       className: "mb-row-actions",
@@ -1786,41 +1889,58 @@ var actionAt = function actionAt(_ref3) {
     index = _ref3.index;
   return rule.actions[index] || {};
 };
-var findField = function findField(_ref4) {
+
+// eslint-disable-next-line security/detect-object-injection
+var scopeItemAt = function scopeItemAt(_ref4) {
+  var _rule$scope;
+  var rule = _ref4.rule,
+    index = _ref4.index;
+  return ((_rule$scope = rule.scope) === null || _rule$scope === void 0 ? void 0 : _rule$scope[index]) || {};
+};
+var scopeItemLabel = function scopeItemLabel(item) {
+  return (item === null || item === void 0 ? void 0 : item.label) || (item === null || item === void 0 ? void 0 : item.name) || (item === null || item === void 0 ? void 0 : item.value) || String(item !== null && item !== void 0 ? item : "");
+};
+var findField = function findField(_ref5) {
   var _schema$conditions;
-  var schema = _ref4.schema,
-    value = _ref4.value;
+  var schema = _ref5.schema,
+    value = _ref5.value;
   return (((_schema$conditions = schema.conditions) === null || _schema$conditions === void 0 ? void 0 : _schema$conditions.fields) || []).find(function (field) {
     return optionValue(field) === value;
   });
 };
-var findActionOption = function findActionOption(_ref5) {
+var findActionOption = function findActionOption(_ref6) {
   var _schema$actions;
-  var schema = _ref5.schema,
-    name = _ref5.name;
+  var schema = _ref6.schema,
+    name = _ref6.name;
   return (((_schema$actions = schema.actions) === null || _schema$actions === void 0 ? void 0 : _schema$actions.options) || []).find(function (option) {
     return optionValue(option) === name;
   });
 };
-var channelOf = function channelOf(_ref6) {
+var channelOf = function channelOf(_ref7) {
   var _schema$actions2, _schema$actions2$acti;
-  var schema = _ref6.schema,
-    action = _ref6.action;
-  return (action === null || action === void 0 ? void 0 : action.channel) || ((_schema$actions2 = schema.actions) === null || _schema$actions2 === void 0 || (_schema$actions2$acti = _schema$actions2.actionForName) === null || _schema$actions2$acti === void 0 || (_schema$actions2$acti = _schema$actions2$acti.call(_schema$actions2, action === null || action === void 0 ? void 0 : action.name)) === null || _schema$actions2$acti === void 0 ? void 0 : _schema$actions2$acti.channel);
-};
-var channelMetaOf = function channelMetaOf(_ref7) {
-  var _schema$actions3;
   var schema = _ref7.schema,
     action = _ref7.action;
-  return ((_schema$actions3 = schema.actions) === null || _schema$actions3 === void 0 || (_schema$actions3 = _schema$actions3.channelMeta) === null || _schema$actions3 === void 0 ? void 0 : _schema$actions3[channelOf({
+  return (action === null || action === void 0 ? void 0 : action.channel) || ((_schema$actions2 = schema.actions) === null || _schema$actions2 === void 0 || (_schema$actions2$acti = _schema$actions2.actionForName) === null || _schema$actions2$acti === void 0 || (_schema$actions2$acti = _schema$actions2$acti.call(_schema$actions2, action === null || action === void 0 ? void 0 : action.name)) === null || _schema$actions2$acti === void 0 ? void 0 : _schema$actions2$acti.channel);
+};
+var recipientOf = function recipientOf(_ref8) {
+  var _action$recipient, _schema$actions3, _schema$actions3$acti;
+  var schema = _ref8.schema,
+    action = _ref8.action;
+  return (_action$recipient = action === null || action === void 0 ? void 0 : action.recipient) !== null && _action$recipient !== void 0 ? _action$recipient : (_schema$actions3 = schema.actions) === null || _schema$actions3 === void 0 || (_schema$actions3$acti = _schema$actions3.actionForName) === null || _schema$actions3$acti === void 0 || (_schema$actions3$acti = _schema$actions3$acti.call(_schema$actions3, action === null || action === void 0 ? void 0 : action.name)) === null || _schema$actions3$acti === void 0 ? void 0 : _schema$actions3$acti.recipient;
+};
+var channelMetaOf = function channelMetaOf(_ref9) {
+  var _schema$actions4;
+  var schema = _ref9.schema,
+    action = _ref9.action;
+  return ((_schema$actions4 = schema.actions) === null || _schema$actions4 === void 0 || (_schema$actions4 = _schema$actions4.channelMeta) === null || _schema$actions4 === void 0 ? void 0 : _schema$actions4[channelOf({
     schema: schema,
     action: action
   })]) || {};
 };
-var actionHasConfig = function actionHasConfig(_ref8) {
-  var _schema$actions4, _schema$actions5;
-  var schema = _ref8.schema,
-    action = _ref8.action;
+var actionHasConfig = function actionHasConfig(_ref0) {
+  var _schema$actions5, _schema$actions6;
+  var schema = _ref0.schema,
+    action = _ref0.action;
   var meta = channelMetaOf({
     schema: schema,
     action: action
@@ -1831,18 +1951,18 @@ var actionHasConfig = function actionHasConfig(_ref8) {
     name: action === null || action === void 0 ? void 0 : action.name
   });
   if (option !== null && option !== void 0 && option.component || option !== null && option !== void 0 && option.renderConfig) return true;
-  if ((_schema$actions4 = schema.actions) !== null && _schema$actions4 !== void 0 && _schema$actions4.hasConfig) return schema.actions.hasConfig(action);
-  return !!((_schema$actions5 = schema.actions) !== null && _schema$actions5 !== void 0 && _schema$actions5.renderConfig);
+  if ((_schema$actions5 = schema.actions) !== null && _schema$actions5 !== void 0 && _schema$actions5.hasConfig) return schema.actions.hasConfig(action);
+  return !!((_schema$actions6 = schema.actions) !== null && _schema$actions6 !== void 0 && _schema$actions6.renderConfig);
 };
-var recipientsFor = function recipientsFor(_ref9) {
-  var _schema$actions6, _schema$actions7;
-  var schema = _ref9.schema,
-    action = _ref9.action;
+var recipientsFor = function recipientsFor(_ref1) {
+  var _schema$actions7, _schema$actions8;
+  var schema = _ref1.schema,
+    action = _ref1.action;
   var channel = channelOf({
     schema: schema,
     action: action
   });
-  if (channel && (_schema$actions6 = schema.actions) !== null && _schema$actions6 !== void 0 && _schema$actions6.recipientsFor) {
+  if (channel && (_schema$actions7 = schema.actions) !== null && _schema$actions7 !== void 0 && _schema$actions7.recipientsFor) {
     return schema.actions.recipientsFor(channel);
   }
   var option = findActionOption({
@@ -1850,13 +1970,13 @@ var recipientsFor = function recipientsFor(_ref9) {
     name: channel
   });
   if (option !== null && option !== void 0 && option.recipients) return option.recipients;
-  return ((_schema$actions7 = schema.actions) === null || _schema$actions7 === void 0 ? void 0 : _schema$actions7.recipients) || [];
+  return ((_schema$actions8 = schema.actions) === null || _schema$actions8 === void 0 ? void 0 : _schema$actions8.recipients) || [];
 };
-var nextTriggers = function nextTriggers(_ref0) {
+var nextTriggers = function nextTriggers(_ref10) {
   var _schema$triggers;
-  var schema = _ref0.schema,
-    rule = _ref0.rule,
-    value = _ref0.value;
+  var schema = _ref10.schema,
+    rule = _ref10.rule,
+    value = _ref10.value;
   if ((_schema$triggers = schema.triggers) !== null && _schema$triggers !== void 0 && _schema$triggers.multi) {
     var names = pluck("name", rule.triggers);
     return names.includes(value) ? removeBy({
@@ -1869,12 +1989,12 @@ var nextTriggers = function nextTriggers(_ref0) {
     name: value
   }];
 };
-var nextConditionAt = function nextConditionAt(_ref1) {
+var nextConditionAt = function nextConditionAt(_ref11) {
   var _field$allowMatching;
-  var schema = _ref1.schema,
-    rule = _ref1.rule,
-    index = _ref1.index,
-    value = _ref1.value;
+  var schema = _ref11.schema,
+    rule = _ref11.rule,
+    index = _ref11.index,
+    value = _ref11.value;
   var field = findField({
     schema: schema,
     value: value
@@ -1893,13 +2013,13 @@ var nextConditionAt = function nextConditionAt(_ref1) {
     metadata: {}
   });
 };
-var nextActionAt = function nextActionAt(_ref10) {
-  var _schema$actions8;
-  var schema = _ref10.schema,
-    rule = _ref10.rule,
-    index = _ref10.index,
-    value = _ref10.value;
-  if (!((_schema$actions8 = schema.actions) !== null && _schema$actions8 !== void 0 && _schema$actions8.resolveName)) {
+var nextActionAt = function nextActionAt(_ref12) {
+  var _schema$actions9;
+  var schema = _ref12.schema,
+    rule = _ref12.rule,
+    index = _ref12.index,
+    value = _ref12.value;
+  if (!((_schema$actions9 = schema.actions) !== null && _schema$actions9 !== void 0 && _schema$actions9.resolveName)) {
     var option = findActionOption({
       schema: schema,
       name: value
@@ -1937,10 +2057,10 @@ var nextActionAt = function nextActionAt(_ref10) {
   var channelChanged = prevChannel !== value;
   var recipient = channelChanged ? undefined : prev.recipient;
   if (channelChanged) {
-    var _schema$actions9;
+    var _schema$actions0;
     var channelRecipients =
     // eslint-disable-next-line security/detect-object-injection
-    ((_schema$actions9 = schema.actions) === null || _schema$actions9 === void 0 || (_schema$actions9 = _schema$actions9.recipientsByChannel) === null || _schema$actions9 === void 0 ? void 0 : _schema$actions9[value]) || [];
+    ((_schema$actions0 = schema.actions) === null || _schema$actions0 === void 0 || (_schema$actions0 = _schema$actions0.recipientsByChannel) === null || _schema$actions0 === void 0 ? void 0 : _schema$actions0[value]) || [];
     if (channelRecipients.length === 1) {
       var _channelRecipients = _slicedToArray(channelRecipients, 1);
       recipient = _channelRecipients[0];
@@ -1956,12 +2076,33 @@ var nextActionAt = function nextActionAt(_ref10) {
     metadata: channelChanged ? {} : prev.metadata
   });
 };
-var nextActionRecipientAt = function nextActionRecipientAt(_ref11) {
-  var _schema$actions0;
-  var schema = _ref11.schema,
-    rule = _ref11.rule,
-    index = _ref11.index,
-    value = _ref11.value;
+var appendScopeItem = function appendScopeItem(_ref13) {
+  var _sc$requiresPhone;
+  var schema = _ref13.schema,
+    rule = _ref13.rule,
+    value = _ref13.value;
+  var sc = schema.scope || {};
+  var option = (sc.options || []).find(function (candidate) {
+    return optionValue(candidate) === value;
+  }) || {
+    value: value
+  };
+  var requiresPhone = ((_sc$requiresPhone = sc.requiresPhone) === null || _sc$requiresPhone === void 0 ? void 0 : _sc$requiresPhone.call(sc, rule.actions)) || false;
+  if (!requiresPhone) return option;
+  var phoneFields = scopePhoneFields({
+    schema: schema,
+    item: option
+  });
+  return (phoneFields === null || phoneFields === void 0 ? void 0 : phoneFields.length) === 1 ? _objectSpread$4(_objectSpread$4({}, option), {}, {
+    phoneField: phoneFields[0].value
+  }) : option;
+};
+var nextActionRecipientAt = function nextActionRecipientAt(_ref14) {
+  var _schema$actions1;
+  var schema = _ref14.schema,
+    rule = _ref14.rule,
+    index = _ref14.index,
+    value = _ref14.value;
   var prev = actionAt({
     rule: rule,
     index: index
@@ -1972,18 +2113,18 @@ var nextActionRecipientAt = function nextActionRecipientAt(_ref11) {
   });
   return _objectSpread$4(_objectSpread$4({}, prev), {}, {
     recipient: value,
-    name: (_schema$actions0 = schema.actions) !== null && _schema$actions0 !== void 0 && _schema$actions0.resolveName ? schema.actions.resolveName({
+    name: (_schema$actions1 = schema.actions) !== null && _schema$actions1 !== void 0 && _schema$actions1.resolveName ? schema.actions.resolveName({
       channel: channel,
       recipient: value
     }) : value
   });
 };
-var descriptorFor = function descriptorFor(_ref12) {
+var descriptorFor = function descriptorFor(_ref15) {
   var _schema$actor2, _schema$conditions2;
-  var anchor = _ref12.anchor,
-    schema = _ref12.schema,
-    rule = _ref12.rule,
-    index = _ref12.index;
+  var anchor = _ref15.anchor,
+    schema = _ref15.schema,
+    rule = _ref15.rule,
+    index = _ref15.index;
   switch (anchor) {
     case BUILDER_ANCHORS.TRIGGER_ADD:
     case BUILDER_ANCHORS.TRIGGER_REPLACE:
@@ -2093,22 +2234,22 @@ var descriptorFor = function descriptorFor(_ref12) {
     case BUILDER_ANCHORS.ACTION_ADD:
     case BUILDER_ANCHORS.ACTION_CHANNEL:
       {
-        var _schema$actions10, _schema$actions11, _channelOf;
+        var _schema$actions11, _schema$actions12, _channelOf;
         var isSwap = anchor === BUILDER_ANCHORS.ACTION_CHANNEL;
         var channelMetaFor = function channelMetaFor(value) {
-          var _schema$actions1;
+          var _schema$actions10;
           return (
             // eslint-disable-next-line security/detect-object-injection
-            ((_schema$actions1 = schema.actions) === null || _schema$actions1 === void 0 || (_schema$actions1 = _schema$actions1.channelMeta) === null || _schema$actions1 === void 0 ? void 0 : _schema$actions1[value]) || {}
+            ((_schema$actions10 = schema.actions) === null || _schema$actions10 === void 0 || (_schema$actions10 = _schema$actions10.channelMeta) === null || _schema$actions10 === void 0 ? void 0 : _schema$actions10[value]) || {}
           );
         };
         var rank = function rank(value) {
           var idx = SWAP_CHANNEL_ORDER.indexOf(value);
           return idx === -1 ? SWAP_CHANNEL_ORDER.length : idx;
         };
-        var sourceOptions = isSwap ? _toConsumableArray(((_schema$actions10 = schema.actions) === null || _schema$actions10 === void 0 ? void 0 : _schema$actions10.options) || []).sort(function (optionA, optionB) {
+        var sourceOptions = isSwap ? _toConsumableArray(((_schema$actions11 = schema.actions) === null || _schema$actions11 === void 0 ? void 0 : _schema$actions11.options) || []).sort(function (optionA, optionB) {
           return rank(optionValue(optionA)) - rank(optionValue(optionB));
-        }) : ((_schema$actions11 = schema.actions) === null || _schema$actions11 === void 0 ? void 0 : _schema$actions11.options) || [];
+        }) : ((_schema$actions12 = schema.actions) === null || _schema$actions12 === void 0 ? void 0 : _schema$actions12.options) || [];
         return {
           title: isSwap ? t("neetoRules.builder.panes.actionSwapTitle") : t("neetoRules.builder.panes.actionAddTitle"),
           subtitle: isSwap ? t("neetoRules.builder.panes.actionSwapSubtitle") : t("neetoRules.builder.panes.actionAddSubtitle"),
@@ -2138,7 +2279,7 @@ var descriptorFor = function descriptorFor(_ref12) {
       }
     case BUILDER_ANCHORS.ACTION_RECIPIENT:
       {
-        var _schema$actions12;
+        var _schema$actions13;
         var action = actionAt({
           rule: rule,
           index: index
@@ -2148,7 +2289,7 @@ var descriptorFor = function descriptorFor(_ref12) {
           action: action
         });
         // eslint-disable-next-line security/detect-object-injection
-        var meta = ((_schema$actions12 = schema.actions) === null || _schema$actions12 === void 0 || (_schema$actions12 = _schema$actions12.channelMeta) === null || _schema$actions12 === void 0 ? void 0 : _schema$actions12[channel]) || {};
+        var meta = ((_schema$actions13 = schema.actions) === null || _schema$actions13 === void 0 || (_schema$actions13 = _schema$actions13.channelMeta) === null || _schema$actions13 === void 0 ? void 0 : _schema$actions13[channel]) || {};
         var option = findActionOption({
           schema: schema,
           name: channel
@@ -2165,18 +2306,21 @@ var descriptorFor = function descriptorFor(_ref12) {
               value: optionValue(recipient)
             };
           }),
-          selectedValues: [action.recipient]
+          selectedValues: [recipientOf({
+            schema: schema,
+            action: action
+          })]
         };
       }
     case BUILDER_ANCHORS.SCOPE:
       {
-        var _sc$requiresPhone;
+        var _sc$requiresPhone2;
         var sc = schema.scope || {};
         var selected = (rule.scope || []).map(function (item) {
           var _item$value;
           return (_item$value = item === null || item === void 0 ? void 0 : item.value) !== null && _item$value !== void 0 ? _item$value : item;
         });
-        var requiresPhone = ((_sc$requiresPhone = sc.requiresPhone) === null || _sc$requiresPhone === void 0 ? void 0 : _sc$requiresPhone.call(sc, rule.actions)) || false;
+        var requiresPhone = ((_sc$requiresPhone2 = sc.requiresPhone) === null || _sc$requiresPhone2 === void 0 ? void 0 : _sc$requiresPhone2.call(sc, rule.actions)) || false;
         return {
           title: selected.length ? sc.paneChangeTitle || t("neetoRules.builder.panes.scopeChangeTitle") : sc.paneTitle || t("neetoRules.builder.panes.scopeTitle"),
           subtitle: sc.paneSubtitle || t("neetoRules.builder.panes.scopeSubtitle"),
@@ -2196,6 +2340,36 @@ var descriptorFor = function descriptorFor(_ref12) {
           selectedValues: selected
         };
       }
+    case BUILDER_ANCHORS.SCOPE_PHONE_FIELD:
+      {
+        var _sc = schema.scope || {};
+        var item = scopeItemAt({
+          rule: rule,
+          index: index
+        });
+        var meeting = scopeItemLabel(item);
+        var options = scopePhoneFields({
+          schema: schema,
+          item: item
+        }) || [];
+        return {
+          title: copyFor(_sc.phoneFieldPaneTitle, {
+            meeting: meeting
+          }) || t("neetoRules.builder.panes.phoneFieldTitle"),
+          subtitle: copyFor(_sc.phoneFieldPaneSubtitle, {
+            meeting: meeting
+          }) || t("neetoRules.builder.panes.phoneFieldSubtitle", {
+            meeting: meeting
+          }),
+          options: options.map(function (option) {
+            return {
+              label: option.label,
+              value: optionValue(option)
+            };
+          }),
+          selectedValues: [item.phoneField]
+        };
+      }
     default:
       return {
         title: "",
@@ -2205,13 +2379,13 @@ var descriptorFor = function descriptorFor(_ref12) {
       };
   }
 };
-var commitFor = function commitFor(_ref13) {
-  var anchor = _ref13.anchor,
-    schema = _ref13.schema,
-    rule = _ref13.rule,
-    index = _ref13.index,
-    value = _ref13.value,
-    helpers = _ref13.helpers;
+var commitFor = function commitFor(_ref16) {
+  var anchor = _ref16.anchor,
+    schema = _ref16.schema,
+    rule = _ref16.rule,
+    index = _ref16.index,
+    value = _ref16.value,
+    helpers = _ref16.helpers;
   var setTriggers = helpers.setTriggers,
     setPerformer = helpers.setPerformer,
     setConditionMode = helpers.setConditionMode,
@@ -2284,8 +2458,7 @@ var commitFor = function commitFor(_ref13) {
       }
     case BUILDER_ANCHORS.SCOPE:
       {
-        var sc = schema.scope || {};
-        var key = sc.fieldKey || "scope";
+        var key = fieldKeys.scope;
         var current = rule.scope || [];
         var has = current.some(function (item) {
           var _item$value2;
@@ -2294,24 +2467,30 @@ var commitFor = function commitFor(_ref13) {
         var next = has ? current.filter(function (item) {
           var _item$value3;
           return ((_item$value3 = item === null || item === void 0 ? void 0 : item.value) !== null && _item$value3 !== void 0 ? _item$value3 : item) !== value;
-        }) : [].concat(_toConsumableArray(current), [(sc.options || []).find(function (option) {
-          return optionValue(option) === value;
-        }) || {
+        }) : [].concat(_toConsumableArray(current), [appendScopeItem({
+          schema: schema,
+          rule: rule,
           value: value
-        }]);
+        })]);
         setFieldValue("".concat(key, ".value"), next);
         return "stay";
       }
+    case BUILDER_ANCHORS.SCOPE_PHONE_FIELD:
+      {
+        var _key = fieldKeys.scope;
+        setFieldValue("".concat(_key, ".value.").concat(index, ".phoneField"), value);
+        return "stay";
+      }
     default:
       return "close";
   }
 };
-var continueTargetFor = function continueTargetFor(_ref14) {
+var continueTargetFor = function continueTargetFor(_ref17) {
   var _schema$actor3;
-  var anchor = _ref14.anchor,
-    schema = _ref14.schema,
-    rule = _ref14.rule,
-    index = _ref14.index;
+  var anchor = _ref17.anchor,
+    schema = _ref17.schema,
+    rule = _ref17.rule,
+    index = _ref17.index;
   switch (anchor) {
     case BUILDER_ANCHORS.TRIGGER_ADD:
     case BUILDER_ANCHORS.TRIGGER_REPLACE:
@@ -2384,21 +2563,21 @@ var continueTargetFor = function continueTargetFor(_ref14) {
       return null;
   }
 };
-var replaceAt = function replaceAt(_ref15) {
-  var list = _ref15.list,
-    index = _ref15.index,
-    item = _ref15.item;
+var replaceAt = function replaceAt(_ref18) {
+  var list = _ref18.list,
+    index = _ref18.index,
+    item = _ref18.item;
   var next = _toConsumableArray(list);
   // eslint-disable-next-line security/detect-object-injection
   next[index] = item;
   return next;
 };
-var applyPreview = function applyPreview(_ref16) {
-  var rule = _ref16.rule,
-    schema = _ref16.schema,
-    anchor = _ref16.anchor,
-    index = _ref16.index,
-    value = _ref16.value;
+var applyPreview = function applyPreview(_ref19) {
+  var rule = _ref19.rule,
+    schema = _ref19.schema,
+    anchor = _ref19.anchor,
+    index = _ref19.index,
+    value = _ref19.value;
   switch (anchor) {
     case BUILDER_ANCHORS.TRIGGER_ADD:
     case BUILDER_ANCHORS.TRIGGER_REPLACE:
@@ -2474,6 +2653,19 @@ var applyPreview = function applyPreview(_ref16) {
           })
         })
       });
+    case BUILDER_ANCHORS.SCOPE_PHONE_FIELD:
+      return _objectSpread$4(_objectSpread$4({}, rule), {}, {
+        scope: replaceAt({
+          list: rule.scope,
+          index: index,
+          item: _objectSpread$4(_objectSpread$4({}, scopeItemAt({
+            rule: rule,
+            index: index
+          })), {}, {
+            phoneField: value
+          })
+        })
+      });
     default:
       return rule;
   }
@@ -2539,6 +2731,9 @@ var Canvas = function Canvas(_ref) {
     if (isEmpty(flatErrors) && isRuleComplete(rule) && isEmpty(invalidScopeIndexes({
       rule: rule,
       schema: schema
+    })) && isEmpty(invalidScopePhoneFieldIndexes({
+      rule: rule,
+      schema: schema
     }))) {
       return undefined;
     }
@@ -2631,6 +2826,11 @@ var Canvas = function Canvas(_ref) {
           rule: rule,
           schema: schema
         }).includes(index);
+      case BUILDER_ANCHORS.SCOPE_PHONE_FIELD:
+        return invalidScopePhoneFieldIndexes({
+          rule: rule,
+          schema: schema
+        }).includes(index);
       case BUILDER_ANCHORS.META_NAME:
         return hasErrorAt({
           prefix: "".concat(fieldKeys.name, ".value")
@@ -2683,7 +2883,11 @@ var Canvas = function Canvas(_ref) {
   var isScopeComplete = !(schema !== null && schema !== void 0 && (_schema$scope2 = schema.scope) !== null && _schema$scope2 !== void 0 && _schema$scope2.enabled) || isNotEmpty(rule.scope || []);
   var isComplete = isRuleComplete(rule) && isScopeComplete;
   var handleRemoveScope = function handleRemoveScope(index) {
-    return setScope((rule.scope || []).filter(function (_, i) {
+    closePaneIfTargeting({
+      anchors: [BUILDER_ANCHORS.SCOPE_PHONE_FIELD],
+      index: index
+    });
+    setScope((rule.scope || []).filter(function (_, i) {
       return i !== index;
     }));
   };
@@ -3846,7 +4050,7 @@ var RecipientField = function RecipientField(_ref) {
 };
 
 var RecipientPane = function RecipientPane(_ref) {
-  var _schema$actions, _schema$actions$actio, _schema$actions2, _schema$actions2$rend, _schema$actions3, _schema$actions3$opti, _schema$actions4, _schema$actions4$opti, _schema$actions5, _schema$actions6, _schema$actions$rende, _schema$actions7, _schema$actions7$rend, _action$metadata, _schema$actions8;
+  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;
   var _useTranslation = useTranslation(),
@@ -3860,13 +4064,14 @@ var RecipientPane = function RecipientPane(_ref) {
   // eslint-disable-next-line security/detect-object-injection
   var action = rule.actions[index] || {};
   var channel = action.channel || ((_schema$actions = schema.actions) === null || _schema$actions === void 0 || (_schema$actions$actio = _schema$actions.actionForName) === null || _schema$actions$actio === void 0 || (_schema$actions$actio = _schema$actions$actio.call(_schema$actions, action.name)) === null || _schema$actions$actio === void 0 ? void 0 : _schema$actions$actio.channel);
+  var recipient = (_action$recipient = action.recipient) !== null && _action$recipient !== void 0 ? _action$recipient : (_schema$actions2 = schema.actions) === null || _schema$actions2 === void 0 || (_schema$actions2$acti = _schema$actions2.actionForName) === null || _schema$actions2$acti === void 0 || (_schema$actions2$acti = _schema$actions2$acti.call(_schema$actions2, action.name)) === null || _schema$actions2$acti === void 0 ? void 0 : _schema$actions2$acti.recipient;
   var name = "".concat(fieldKeys.actions, ".value.").concat(index, ".metadata");
-  var editor = (_schema$actions2 = schema.actions) === null || _schema$actions2 === void 0 || (_schema$actions2$rend = _schema$actions2.renderRecipientEditor) === null || _schema$actions2$rend === void 0 ? void 0 : _schema$actions2$rend.call(_schema$actions2, {
+  var editor = (_schema$actions3 = schema.actions) === null || _schema$actions3 === void 0 || (_schema$actions3$rend = _schema$actions3.renderRecipientEditor) === null || _schema$actions3$rend === void 0 ? void 0 : _schema$actions3$rend.call(_schema$actions3, {
     channel: channel,
     name: name,
     action: action
   });
-  var flatOption = ((_schema$actions3 = schema.actions) === null || _schema$actions3 === void 0 || (_schema$actions3$opti = _schema$actions3.optionForName) === null || _schema$actions3$opti === void 0 ? void 0 : _schema$actions3$opti.call(_schema$actions3, action.name)) || ((_schema$actions4 = schema.actions) === null || _schema$actions4 === void 0 || (_schema$actions4$opti = _schema$actions4.optionForChannel) === null || _schema$actions4$opti === void 0 ? void 0 : _schema$actions4$opti.call(_schema$actions4, channel));
+  var flatOption = ((_schema$actions4 = schema.actions) === null || _schema$actions4 === void 0 || (_schema$actions4$opti = _schema$actions4.optionForName) === null || _schema$actions4$opti === void 0 ? void 0 : _schema$actions4$opti.call(_schema$actions4, action.name)) || ((_schema$actions5 = schema.actions) === null || _schema$actions5 === void 0 || (_schema$actions5$opti = _schema$actions5.optionForChannel) === null || _schema$actions5$opti === void 0 ? void 0 : _schema$actions5$opti.call(_schema$actions5, channel));
   var isSmsToNumbers = (flatOption === null || flatOption === void 0 ? void 0 : flatOption.type) === SMS_TO_NUMBERS;
   var recipientFieldPath = isSmsToNumbers ? "".concat(name, ".phoneNumbers") : "".concat(name, ".emails");
   usePaneValidation(recipientFieldPath);
@@ -3880,11 +4085,11 @@ var RecipientPane = function RecipientPane(_ref) {
     }, 0);
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [!editor]);
-  var recipientConfig = (((_schema$actions5 = schema.actions) === null || _schema$actions5 === void 0 ? void 0 : _schema$actions5.options) || []).flatMap(function (option) {
+  var recipientConfig = (((_schema$actions6 = schema.actions) === null || _schema$actions6 === void 0 ? void 0 : _schema$actions6.options) || []).flatMap(function (option) {
     return option.recipients || [];
-  }).concat(((_schema$actions6 = schema.actions) === null || _schema$actions6 === void 0 ? void 0 : _schema$actions6.recipients) || []).find(function (item) {
+  }).concat(((_schema$actions7 = schema.actions) === null || _schema$actions7 === void 0 ? void 0 : _schema$actions7.recipients) || []).find(function (item) {
     var _item$value;
-    return ((_item$value = item.value) !== null && _item$value !== void 0 ? _item$value : item.id) === action.recipient;
+    return ((_item$value = item.value) !== null && _item$value !== void 0 ? _item$value : item.id) === recipient;
   });
   var builtInRecipientField = recipientConfig !== null && recipientConfig !== void 0 && recipientConfig.field ? /*#__PURE__*/jsx(RecipientField, {
     name: name,
@@ -3892,9 +4097,9 @@ var RecipientPane = function RecipientPane(_ref) {
     field: recipientConfig.field,
     placeholder: recipientConfig.placeholder
   }) : null;
-  var recipientField = (_schema$actions$rende = (_schema$actions7 = schema.actions) === null || _schema$actions7 === void 0 || (_schema$actions7$rend = _schema$actions7.renderRecipientField) === null || _schema$actions7$rend === void 0 ? void 0 : _schema$actions7$rend.call(_schema$actions7, {
+  var recipientField = (_schema$actions$rende = (_schema$actions8 = schema.actions) === null || _schema$actions8 === void 0 || (_schema$actions8$rend = _schema$actions8.renderRecipientField) === null || _schema$actions8$rend === void 0 ? void 0 : _schema$actions8$rend.call(_schema$actions8, {
     channel: channel,
-    recipient: action.recipient,
+    recipient: recipient,
     name: name,
     action: action
   })) !== null && _schema$actions$rende !== void 0 ? _schema$actions$rende : builtInRecipientField;
@@ -3929,7 +4134,7 @@ var RecipientPane = function RecipientPane(_ref) {
   }
 
   // eslint-disable-next-line security/detect-object-injection
-  var meta = ((_schema$actions8 = schema.actions) === null || _schema$actions8 === void 0 || (_schema$actions8 = _schema$actions8.channelMeta) === null || _schema$actions8 === void 0 ? void 0 : _schema$actions8[channel]) || {};
+  var meta = ((_schema$actions9 = schema.actions) === null || _schema$actions9 === void 0 || (_schema$actions9 = _schema$actions9.channelMeta) === null || _schema$actions9 === void 0 ? void 0 : _schema$actions9[channel]) || {};
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Panel.Header, {
       children: /*#__PURE__*/jsxs("div", {
@@ -4186,12 +4391,14 @@ var BUILDER_PANEL_TYPE_CONFIG_MAP = (_BUILDER_PANEL_TYPE_C = {}, _defineProperty
   component: ConfigPane
 }), BUILDER_PANEL_TYPES.DELAY, {
   component: DelayPane
-}), _defineProperty(_defineProperty(_defineProperty(_BUILDER_PANEL_TYPE_C, BUILDER_PANEL_TYPES.LEAD_TIME, {
+}), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_BUILDER_PANEL_TYPE_C, BUILDER_PANEL_TYPES.LEAD_TIME, {
   component: LeadTimePane
 }), BUILDER_PANEL_TYPES.NAME, {
   component: NamePane
 }), BUILDER_PANEL_TYPES.SCOPE, {
   component: OptionsPane
+}), BUILDER_PANEL_TYPES.SCOPE_PHONE_FIELD, {
+  component: OptionsPane
 }));
 
 function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -4270,6 +4477,9 @@ var Form = function Form(_ref) {
     if (!isRuleComplete(rule) || invalidScopeIndexes({
       rule: rule,
       schema: schema
+    }).length || invalidScopePhoneFieldIndexes({
+      rule: rule,
+      schema: schema
     }).length) {
       formikBag.setSubmitting(false);
       return;