@bigbinary/neeto-rules-frontend 2.7.2 → 2.7.3

package/dist/v2/NeetoRulesBuilder.js

@@ -0,0 +1,4579 @@
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
+import { f as flatten } from '../keyboardShortcuts-BvIE6AHg.js';
+import { useShallow } from 'zustand/shallow';
+import { useState, createElement, Fragment as Fragment$1, useCallback, useMemo, useRef, useEffect } 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 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, m as Panel, p as ErrorCallout, q as SmsFields, r as PhoneNumberField, j as formatData, u as usePollRuleName, T as TouchErrors, l as ScrollToErrorField, n as getValidationSchema, o as DEFAULT_INITIAL_VALUE, k as buildPayload } from '../index-BuQR-kg9.js';
+import { u as useCustomDataStore } from '../useCustomDataStore-CU3KpyD4.js';
+import { u as useUtilityStore } from '../useUtilityStore-BBb39TOj.js';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import Plus from '@bigbinary/neeto-icons/Plus';
+import { isNil, isEmpty, assoc, mergeDeepRight, pluck } from 'ramda';
+import Delete from '@bigbinary/neeto-icons/Delete';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { t } from 'i18next';
+import { withT } from '@bigbinary/neeto-commons-frontend/v2/react-utils';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import Search from '@bigbinary/neeto-icons/Search';
+import { dayjs } from '@bigbinary/neeto-commons-frontend/v2/utils';
+import { D as DATE_FORMAT } from '../utils-DeqHhpwQ.js';
+import Up from '@bigbinary/neeto-icons/Up';
+import Down from '@bigbinary/neeto-icons/Down';
+import '@babel/runtime/helpers/typeof';
+import '../useAutomationRulesApi-C9I3wUZ8.js';
+import '@tanstack/react-query';
+import '@bigbinary/neeto-commons-frontend/react-utils';
+import 'axios';
+import '../index-9h4B7JZZ.js';
+import 'yup';
+import 'lucide-react';
+import '@monaco-editor/react';
+import '@bigbinary/neeto-molecules/v2/DynamicVariables';
+import '@bigbinary/neeto-editor/v2/FormikEditor';
+import '@bigbinary/neeto-hotkeys';
+import 'react-select/creatable';
+import '@babel/runtime/helpers/toArray';
+import '@bigbinary/neeto-molecules/v2/PhoneNumber';
+import 'react-select';
+import '../constants-CYdcft3h.js';
+import '@bigbinary/neeto-commons-frontend/v2/initializers';
+import '@bigbinary/neeto-editor/v2/utils';
+import 'zustand';
+import '@bigbinary/neeto-commons-frontend/initializers';
+import '@bigbinary/neeto-commons-frontend/utils';
+
+var _TOKEN_TO_PANEL_TYPE;
+var PARAM_KIND = {
+  ENUM_SINGLE: "enum-single",
+  ENUM_MULTI: "enum-multi"
+};
+var UNIT_MINUTES = {
+  minutes: 1,
+  hours: 60,
+  days: 1440
+};
+
+/* eslint-disable @bigbinary/neeto/hard-coded-strings-should-be-localized */
+/* eslint-disable @bigbinary/neeto/neetocommons-tips */
+var TIME_UNITS = [{
+  label: "minutes",
+  value: "minutes"
+}, {
+  label: "hours",
+  value: "hours"
+}, {
+  label: "days",
+  value: "days"
+}];
+/* eslint-enable @bigbinary/neeto/hard-coded-strings-should-be-localized */
+/* eslint-enable @bigbinary/neeto/neetocommons-tips */
+
+var LEAD_TIME_UNITS = TIME_UNITS;
+var CONDITION_VERBS = {
+  IS: "is",
+  IS_NOT: "is_not",
+  ANY_OF: "any_of",
+  NONE_OF: "none_of",
+  ALL_OF: "all_of",
+  LESS_THAN: "less_than",
+  GREATER_THAN: "greater_than"
+};
+var VERB_TOKENS = {
+  MULTI_VALUE: "_of",
+  CONTAINS: "contains"
+};
+var DEFAULT_SCHEMA = {
+  triggers: {
+    fieldKey: "events",
+    options: []
+  },
+  actor: {
+    enabled: false,
+    options: [],
+    fieldKey: "performer"
+  },
+  conditions: {
+    fields: [],
+    fieldKey: "conditions",
+    connectorMode: "shared"
+  },
+  actions: {
+    options: [],
+    channelMeta: {},
+    recipients: [],
+    fieldKey: "actions"
+  },
+  delay: {
+    enabled: false,
+    fieldKey: "execution_delay",
+    units: []
+  },
+  integrations: {},
+  slots: {}
+};
+var STATUS_KEYS = {
+  ENABLED: "enabled",
+  DISABLED: "disabled"
+};
+var JOIN_TYPE = {
+  and: "and_operator",
+  or: "or_operator"
+};
+var CONDITION_MODE = {
+  AND: "and",
+  OR: "or"
+};
+var BUILDER_PANEL_TYPES = {
+  TRIGGER: "builder-trigger",
+  ACTOR: "builder-actor",
+  CONDITION_FIELD: "builder-condition-field",
+  OPERATOR: "builder-operator",
+  CONNECTOR: "builder-connector",
+  CONDITION_VALUE: "builder-condition-value",
+  ACTION_CHANNEL: "builder-action-channel",
+  ACTION_CONFIG: "builder-action-config",
+  RECIPIENT: "builder-recipient",
+  DELAY: "builder-delay",
+  LEAD_TIME: "builder-lead-time",
+  NAME: "builder-name",
+  SCOPE: "builder-scope",
+  SCOPE_PHONE_FIELD: "builder-scope-phone-field"
+};
+var BUILDER_ANCHORS = {
+  TRIGGER_ADD: "trigger-add",
+  TRIGGER_REPLACE: "trigger-replace",
+  TRIGGER_ACTOR: "trigger-actor",
+  TRIGGER_LEAD_TIME: "trigger-lead-time",
+  COND_FIELD: "cond-field",
+  COND_OP_TOGGLE: "cond-op-toggle",
+  COND_CONNECTOR: "cond-connector",
+  COND_VALUES: "cond-values",
+  ACTION_ADD: "action-add",
+  ACTION_CHANNEL: "action-channel",
+  ACTION_CONFIG: "action-config",
+  ACTION_RECIPIENT: "action-recipient",
+  RULE_DELAY: "rule-delay",
+  META_NAME: "meta-name",
+  SCOPE: "scope",
+  SCOPE_PHONE_FIELD: "scope-phone-field"
+};
+var TOKEN_TO_PANEL_TYPE = (_TOKEN_TO_PANEL_TYPE = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_TOKEN_TO_PANEL_TYPE, BUILDER_ANCHORS.TRIGGER_ADD, BUILDER_PANEL_TYPES.TRIGGER), BUILDER_ANCHORS.TRIGGER_REPLACE, BUILDER_PANEL_TYPES.TRIGGER), BUILDER_ANCHORS.TRIGGER_ACTOR, BUILDER_PANEL_TYPES.ACTOR), BUILDER_ANCHORS.COND_FIELD, BUILDER_PANEL_TYPES.CONDITION_FIELD), BUILDER_ANCHORS.COND_OP_TOGGLE, BUILDER_PANEL_TYPES.OPERATOR), BUILDER_ANCHORS.COND_CONNECTOR, BUILDER_PANEL_TYPES.CONNECTOR), BUILDER_ANCHORS.COND_VALUES, BUILDER_PANEL_TYPES.CONDITION_VALUE), BUILDER_ANCHORS.ACTION_ADD, BUILDER_PANEL_TYPES.ACTION_CHANNEL), BUILDER_ANCHORS.ACTION_CHANNEL, BUILDER_PANEL_TYPES.ACTION_CHANNEL), BUILDER_ANCHORS.ACTION_CONFIG, BUILDER_PANEL_TYPES.ACTION_CONFIG), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_TOKEN_TO_PANEL_TYPE, BUILDER_ANCHORS.ACTION_RECIPIENT, BUILDER_PANEL_TYPES.RECIPIENT), BUILDER_ANCHORS.RULE_DELAY, BUILDER_PANEL_TYPES.DELAY), BUILDER_ANCHORS.TRIGGER_LEAD_TIME, BUILDER_PANEL_TYPES.LEAD_TIME), BUILDER_ANCHORS.META_NAME, BUILDER_PANEL_TYPES.NAME), BUILDER_ANCHORS.SCOPE, BUILDER_PANEL_TYPES.SCOPE), BUILDER_ANCHORS.SCOPE_PHONE_FIELD, BUILDER_PANEL_TYPES.SCOPE_PHONE_FIELD));
+var LARGE_PANEL_TYPES = [BUILDER_PANEL_TYPES.ACTION_CONFIG, BUILDER_PANEL_TYPES.SCOPE, BUILDER_PANEL_TYPES.NAME];
+var CONDITION_ANCHORS = [BUILDER_ANCHORS.COND_FIELD, BUILDER_ANCHORS.COND_OP_TOGGLE, BUILDER_ANCHORS.COND_VALUES, BUILDER_ANCHORS.COND_CONNECTOR];
+var ACTION_ANCHORS = [BUILDER_ANCHORS.ACTION_CHANNEL, BUILDER_ANCHORS.ACTION_CONFIG, BUILDER_ANCHORS.ACTION_RECIPIENT];
+var PANE_SEARCH_THRESHOLD = 8;
+var CONFIG_FOCUSABLE_SELECTOR = 'input:not([type="radio"]):not([type="checkbox"]), textarea, [contenteditable="true"]';
+var SMS_TYPES = ["sms", "smsToNumbers"];
+var RECIPIENT_FOCUSABLE_SELECTOR = 'input, textarea, [contenteditable="true"]';
+var SMS_TO_NUMBERS = "smsToNumbers";
+var SWAP_CHANNEL_ORDER = ["email", "sms", "slack", "webhook", "calendar_invite"];
+var DEFAULT_DELAY_UNITS = TIME_UNITS;
+
+var useClearingHover = function useClearingHover() {
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    clearing = _useState2[0],
+    setClearing = _useState2[1];
+  var clearingHoverProps = {
+    onMouseEnter: function onMouseEnter() {
+      return setClearing(true);
+    },
+    onMouseLeave: function onMouseLeave() {
+      return setClearing(false);
+    }
+  };
+  var resetClearing = function resetClearing() {
+    return setClearing(false);
+  };
+  return {
+    clearing: clearing,
+    clearingHoverProps: clearingHoverProps,
+    resetClearing: resetClearing
+  };
+};
+
+var TOKEN_STATE = {
+  FILLED: "filled",
+  MUTED: "muted",
+  // eslint-disable-next-line @bigbinary/neeto/hard-coded-strings-should-be-localized
+  PLACEHOLDER: "placeholder",
+  PLACEHOLDER_NEXT: "placeholder-next",
+  DISABLED: "disabled"
+};
+var STATE_CLASS = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, TOKEN_STATE.PLACEHOLDER, "mb-placeholder"), TOKEN_STATE.PLACEHOLDER_NEXT, "mb-placeholder mb-placeholder-next"), TOKEN_STATE.DISABLED, "mb-placeholder mb-placeholder-disabled"), TOKEN_STATE.FILLED, "mb-tok"), TOKEN_STATE.MUTED, "mb-tok mb-tok-muted");
+
+var _excluded = ["children", "state", "active", "invalid", "onClick", "className", "dataTestid"];
+function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Token = function Token(_ref) {
+  var children = _ref.children,
+    _ref$state = _ref.state,
+    state = _ref$state === void 0 ? TOKEN_STATE.FILLED : _ref$state,
+    _ref$active = _ref.active,
+    active = _ref$active === void 0 ? false : _ref$active,
+    _ref$invalid = _ref.invalid,
+    invalid = _ref$invalid === void 0 ? false : _ref$invalid,
+    onClick = _ref.onClick,
+    className = _ref.className,
+    dataTestid = _ref.dataTestid,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var isInteractive = typeof onClick === "function" && state !== TOKEN_STATE.DISABLED;
+  return /*#__PURE__*/jsx("span", _objectSpread$c(_objectSpread$c({
+    "data-testid": dataTestid,
+    role: isInteractive ? "button" : undefined,
+    tabIndex: isInteractive ? 0 : undefined,
+    className: classNames(
+    // eslint-disable-next-line security/detect-object-injection
+    STATE_CLASS[state] || STATE_CLASS.filled, className, {
+      "mb-tok-active": active,
+      "mb-tok-invalid": invalid
+    }),
+    onClick: isInteractive ? onClick : undefined,
+    onKeyDown: isInteractive ? function (event) {
+      if (!(event.key === "Enter" || event.key === " ")) return;
+      event.preventDefault();
+      onClick(event);
+    } : undefined
+  }, rest), {}, {
+    children: children
+  }));
+};
+
+function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var humanize = function humanize(value) {
+  return String(value !== null && value !== void 0 ? value : "").replace(/[._]/g, " ").trim();
+};
+var isContainsVerb = function isContainsVerb(verb) {
+  return verb.includes(VERB_TOKENS.MULTI_VALUE) && verb.includes(VERB_TOKENS.CONTAINS);
+};
+var isNumericVerb = function isNumericVerb(verb) {
+  return verb === CONDITION_VERBS.LESS_THAN || verb === CONDITION_VERBS.GREATER_THAN;
+};
+
+// eslint-disable-next-line @bigbinary/neeto/prefer-function-reference
+var isExcludeVerb = function isExcludeVerb(verb) {
+  return [CONDITION_VERBS.IS, CONDITION_VERBS.IS_NOT, CONDITION_VERBS.ANY_OF, CONDITION_VERBS.NONE_OF].includes(verb);
+};
+var isMultiValueVerb = function isMultiValueVerb(verb) {
+  return String(verb).includes(VERB_TOKENS.MULTI_VALUE);
+};
+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;
+  };
+};
+var triggerOption = function triggerOption(_ref) {
+  var _schema$triggers;
+  var schema = _ref.schema,
+    name = _ref.name;
+  return ((schema === null || schema === void 0 || (_schema$triggers = schema.triggers) === null || _schema$triggers === void 0 ? void 0 : _schema$triggers.options) || []).find(matchesTrigger(name));
+};
+var triggerLabel = function triggerLabel(_ref2) {
+  var schema = _ref2.schema,
+    trigger = _ref2.trigger;
+  var option = triggerOption({
+    schema: schema,
+    name: trigger === null || trigger === void 0 ? void 0 : trigger.name
+  });
+  return (option === null || option === void 0 ? void 0 : option.plain) || sentencify((option === null || option === void 0 ? void 0 : option.label) || humanize(trigger === null || trigger === void 0 ? void 0 : trigger.name));
+};
+var performerLabel = function performerLabel(_ref3) {
+  var _schema$actor;
+  var schema = _ref3.schema,
+    performer = _ref3.performer;
+  var option = ((schema === null || schema === void 0 || (_schema$actor = schema.actor) === null || _schema$actor === void 0 ? void 0 : _schema$actor.options) || []).find(function (candidate) {
+    return candidate.value === performer || candidate.id === performer;
+  });
+  return sentencify((option === null || option === void 0 ? void 0 : option.label) || humanize(performer));
+};
+var conditionField = function conditionField(_ref4) {
+  var _schema$conditions;
+  var schema = _ref4.schema,
+    field = _ref4.field;
+  return ((schema === null || schema === void 0 || (_schema$conditions = schema.conditions) === null || _schema$conditions === void 0 ? void 0 : _schema$conditions.fields) || []).find(function (option) {
+    return option.value === field || option.id === field;
+  });
+};
+var conditionFieldLabel = function conditionFieldLabel(_ref5) {
+  var schema = _ref5.schema,
+    condition = _ref5.condition;
+  var field = conditionField({
+    schema: schema,
+    field: condition === null || condition === void 0 ? void 0 : condition.field
+  });
+  return String((field === null || field === void 0 ? void 0 : field.label) || humanize(condition === null || condition === void 0 ? void 0 : condition.field)).toLowerCase();
+};
+var operatorLabel = function operatorLabel(_ref6) {
+  var _schema$conditions2;
+  var schema = _ref6.schema,
+    condition = _ref6.condition;
+  var map = (schema === null || schema === void 0 || (_schema$conditions2 = schema.conditions) === null || _schema$conditions2 === void 0 ? void 0 : _schema$conditions2.operatorLabels) || {};
+  return map[condition === null || condition === void 0 ? void 0 : condition.verb] || humanize(condition === null || condition === void 0 ? void 0 : condition.verb);
+};
+var conditionNeedsValue = function conditionNeedsValue(_ref7) {
+  var schema = _ref7.schema,
+    condition = _ref7.condition;
+  var field = conditionField({
+    schema: schema,
+    field: condition === null || condition === void 0 ? void 0 : condition.field
+  });
+  return !((field === null || field === void 0 ? void 0 : field.noValueForVerbs) || []).includes(condition === null || condition === void 0 ? void 0 : condition.verb);
+};
+var conditionValueLabel = function conditionValueLabel(_ref8) {
+  var _ref9, _meta$value;
+  var schema = _ref8.schema,
+    condition = _ref8.condition;
+  var meta = (condition === null || condition === void 0 ? void 0 : condition.metadata) || {};
+  var raw = (_ref9 = (_meta$value = meta.value) !== null && _meta$value !== void 0 ? _meta$value : meta.values) !== null && _ref9 !== void 0 ? _ref9 : meta.label;
+  if (isNil(raw) || isEmpty(raw)) return null;
+  var field = conditionField({
+    schema: schema,
+    field: condition === null || condition === void 0 ? void 0 : condition.field
+  });
+  var options = (field === null || field === void 0 ? void 0 : field.values) || (field === null || field === void 0 ? void 0 : field.dropdownOptions) || (field === null || field === void 0 ? void 0 : field.options) || [];
+  var isEnum = isNotEmpty(options);
+  var labelFor = function labelFor(value) {
+    var _ref0, _option$label;
+    var option = options.find(function (candidate) {
+      var _candidate$value;
+      return ((_candidate$value = candidate.value) !== null && _candidate$value !== void 0 ? _candidate$value : candidate.id) === value;
+    });
+    var label = option ? (_ref0 = (_option$label = option.label) !== null && _option$label !== void 0 ? _option$label : option.value) !== null && _ref0 !== void 0 ? _ref0 : option.id : value;
+    return isEnum ? String(label).toLowerCase() : label;
+  };
+  var connector = String((condition === null || condition === void 0 ? void 0 : condition.verb) || "").includes(CONDITION_VERBS.ALL_OF) ? t("neetoRules.operators.and") : t("neetoRules.operators.or");
+  return Array.isArray(raw) ? raw.map(labelFor).join(" ".concat(connector, " ")) : String(labelFor(raw));
+};
+var actionOption = function actionOption(_ref1) {
+  var _schema$actions;
+  var schema = _ref1.schema,
+    name = _ref1.name;
+  return ((schema === null || schema === void 0 || (_schema$actions = schema.actions) === null || _schema$actions === void 0 ? void 0 : _schema$actions.options) || []).find(function (option) {
+    return option.value === name || option.id === name;
+  });
+};
+var channelOption = function channelOption(_ref10) {
+  var _schema$actions2;
+  var schema = _ref10.schema,
+    channel = _ref10.channel;
+  return ((schema === null || schema === void 0 || (_schema$actions2 = schema.actions) === null || _schema$actions2 === void 0 ? void 0 : _schema$actions2.options) || []).find(function (option) {
+    var _option$value;
+    return ((_option$value = option.value) !== null && _option$value !== void 0 ? _option$value : option.id) === channel;
+  });
+};
+var actionParts = function actionParts(_ref11) {
+  var _actions$actionForNam, _action$recipient, _actions$channelMeta, _find, _find2, _channelMeta$needsRec, _actions$configValueL;
+  var schema = _ref11.schema,
+    action = _ref11.action;
+  var actions = (schema === null || schema === void 0 ? void 0 : schema.actions) || {};
+  var resolved = action !== null && action !== void 0 && action.channel ? {
+    channel: action.channel,
+    recipient: action.recipient
+  } : ((_actions$actionForNam = actions.actionForName) === null || _actions$actionForNam === void 0 ? void 0 : _actions$actionForNam.call(actions, action === null || action === void 0 ? void 0 : action.name)) || {};
+  var channel = resolved.channel;
+  var recipientValue = (_action$recipient = action === null || action === void 0 ? void 0 : action.recipient) !== null && _action$recipient !== void 0 ? _action$recipient : resolved.recipient;
+  var option = channel ? channelOption({
+    schema: schema,
+    channel: channel
+  }) : actionOption({
+    schema: schema,
+    name: action === null || action === void 0 ? void 0 : action.name
+  });
+
+  // eslint-disable-next-line security/detect-object-injection
+  var channelMeta = ((_actions$channelMeta = actions.channelMeta) === null || _actions$channelMeta === void 0 ? void 0 : _actions$channelMeta[channel]) || {};
+  var matchesRecipient = function matchesRecipient(recipient) {
+    var _recipient$value;
+    return ((_recipient$value = recipient.value) !== null && _recipient$value !== void 0 ? _recipient$value : recipient.id) === recipientValue;
+  };
+  var recipientLabel = ((_find = (actions.recipients || []).find(matchesRecipient)) === null || _find === void 0 ? void 0 : _find.label) || ((_find2 = ((option === null || option === void 0 ? void 0 : option.recipients) || []).find(matchesRecipient)) === null || _find2 === void 0 ? void 0 : _find2.label) || recipientValue;
+  return {
+    option: option,
+    channel: channel,
+    label: (option === null || option === void 0 ? void 0 : option.label) || humanize(action === null || action === void 0 ? void 0 : action.name),
+    verb: channelMeta.verb || (channel ? t("neetoRules.builder.send") : (option === null || option === void 0 ? void 0 : option.plain) || (option === null || option === void 0 ? void 0 : option.label)) || humanize(action === null || action === void 0 ? void 0 : action.name),
+    paramKind: !channel && (option === null || option === void 0 ? void 0 : option.paramType),
+    valueNoun: option === null || option === void 0 ? void 0 : option.valueNoun,
+    valueNounPlural: option === null || option === void 0 ? void 0 : option.valueNounPlural,
+    mediumLabel: channelMeta.mediumLabel || (option === null || option === void 0 ? void 0 : option.mediumLabel),
+    icon: channelMeta.icon || (option === null || option === void 0 ? void 0 : option.icon),
+    needsRecipient: (_channelMeta$needsRec = channelMeta.needsRecipient) !== null && _channelMeta$needsRec !== void 0 ? _channelMeta$needsRec : option === null || option === void 0 ? void 0 : option.needsRecipient,
+    separator: channelMeta.separator || (option === null || option === void 0 ? void 0 : option.separator),
+    configValue: ((_actions$configValueL = actions.configValueLabel) === null || _actions$configValueL === void 0 ? void 0 : _actions$configValueL.call(actions, action)) || "",
+    configValuePlaceholder: channelMeta.valuePlaceholder || (option === null || option === void 0 ? void 0 : option.valuePlaceholder),
+    recipient: recipientValue,
+    recipientLabel: recipientLabel,
+    configTitle: channelMeta.configTitle || (option === null || option === void 0 ? void 0 : option.configTitle),
+    configSubtitle: channelMeta.configSubtitle || (option === null || option === void 0 ? void 0 : option.configSubtitle),
+    recipientTitle: channelMeta.recipientTitle || (option === null || option === void 0 ? void 0 : option.recipientTitle),
+    recipientSubtitle: channelMeta.recipientSubtitle || (option === null || option === void 0 ? void 0 : option.recipientSubtitle)
+  };
+};
+var hasTrigger = function hasTrigger(rule) {
+  return !isEmpty((rule === null || rule === void 0 ? void 0 : rule.triggers) || []);
+};
+var hasAction = function hasAction(rule) {
+  return ((rule === null || rule === void 0 ? void 0 : rule.actions) || []).some(function (action) {
+    return action === null || action === void 0 ? void 0 : action.name;
+  });
+};
+var isRuleComplete = function isRuleComplete(rule) {
+  return hasTrigger(rule) && hasAction(rule);
+};
+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 = _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 _ref17, _item$hasPhoneField;
+    var option = scopeOptionFor({
+      schema: schema,
+      item: item
+    });
+    var phoneFields = scopePhoneFields({
+      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;
+    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) {
+    return {
+      value: total / UNIT_MINUTES.days,
+      unit: "days"
+    };
+  }
+  if (total && total % UNIT_MINUTES.hours === 0) {
+    return {
+      value: total / UNIT_MINUTES.hours,
+      unit: "hours"
+    };
+  }
+  return {
+    value: total,
+    unit: "minutes"
+  };
+};
+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)
+  );
+};
+var leadTimeLabel = function leadTimeLabel(minutes) {
+  var _minutesToParts = minutesToParts(minutes),
+    value = _minutesToParts.value,
+    unit = _minutesToParts.unit;
+  var unitLabel = value === 1 ? unit.replace(/s$/, "") : unit;
+  return "".concat(value, " ").concat(unitLabel);
+};
+var normalizeTriggers = function normalizeTriggers(triggers) {
+  if (Array.isArray(triggers)) return {
+    options: triggers
+  };
+  return triggers || {};
+};
+var normalizeSchema = function normalizeSchema() {
+  var rawSchema = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+  return mergeDeepRight(DEFAULT_SCHEMA, _objectSpread$b(_objectSpread$b({}, rawSchema), {}, {
+    triggers: normalizeTriggers(rawSchema.triggers)
+  }));
+};
+var joinTypeFor = function joinTypeFor(mode) {
+  return mode === CONDITION_MODE.OR ? JOIN_TYPE.or : JOIN_TYPE.and;
+};
+var modeFromJoinType = function modeFromJoinType(joinType) {
+  return joinType === JOIN_TYPE.or ? CONDITION_MODE.OR : CONDITION_MODE.AND;
+};
+
+// eslint-disable-next-line security/detect-object-injection
+var valueAt = function valueAt(_ref20) {
+  var _values$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$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",
+    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",
+    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$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 _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,
+    key: keys.conditions
+  }));
+  var rawDelay = valueAt({
+    values: values,
+    key: keys.delay
+  });
+  return {
+    name: valueAt({
+      values: values,
+      key: keys.name
+    }) || "",
+    active: valueAt({
+      values: values,
+      key: keys.status
+    }) !== STATUS_KEYS.DISABLED,
+    triggers: asArray(valueAt({
+      values: values,
+      key: keys.triggers
+    })),
+    performer: (_valueAt = valueAt({
+      values: values,
+      key: keys.performer
+    })) !== null && _valueAt !== void 0 ? _valueAt : null,
+    conditions: conditions,
+    conditionMode: modeFromJoinType((_conditions$ = conditions[0]) === null || _conditions$ === void 0 ? void 0 : _conditions$.joinType),
+    delay: isNil(rawDelay) || isEmpty(rawDelay) ? null : rawDelay,
+    actions: asArray(valueAt({
+      values: values,
+      key: keys.actions
+    })),
+    leadTime: keys.leadTime ? valueAt({
+      values: values,
+      key: keys.leadTime
+    }) : null,
+    scope: asArray(valueAt({
+      values: values,
+      key: keys.scope
+    }))
+  };
+};
+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(_ref23) {
+  var schema = _ref23.schema,
+    performer = _ref23.performer;
+  return {
+    path: "".concat(fieldKeysFromSchema(schema).performer, ".value"),
+    value: performer
+  };
+};
+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(_ref25) {
+  var schema = _ref25.schema,
+    conditions = _ref25.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;
+  return setConditions({
+    schema: schema,
+    conditions: conditions.map(function (condition) {
+      return assoc("joinType", joinTypeFor(joinType), condition);
+    })
+  });
+};
+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(_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(_ref29) {
+  var schema = _ref29.schema,
+    scope = _ref29.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 list = asArray(valueAt({
+    values: values,
+    key: fieldKey
+  }));
+  // eslint-disable-next-line security/detect-object-injection
+  var removed = list[index];
+  var nextList = list.filter(function (_, i) {
+    return i !== index;
+  });
+  var result = [{
+    path: "".concat(fieldKey, ".value"),
+    value: nextList
+  }];
+  if (removed !== null && removed !== void 0 && removed.id) {
+    var _values$fieldKey;
+    // eslint-disable-next-line security/detect-object-injection
+    var deleted = asArray(values === null || values === void 0 || (_values$fieldKey = values[fieldKey]) === null || _values$fieldKey === void 0 ? void 0 : _values$fieldKey.deleted);
+    result.push({
+      path: "".concat(fieldKey, ".deleted"),
+      value: [].concat(_toConsumableArray(deleted), [_objectSpread$b(_objectSpread$b({}, removed), {}, {
+        _destroy: true
+      })])
+    });
+  }
+  return result;
+};
+
+function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var ConditionRow = function ConditionRow(_ref) {
+  var _schema$conditions;
+  var rule = _ref.rule,
+    schema = _ref.schema,
+    condition = _ref.condition,
+    index = _ref.index,
+    handleToken = _ref.onToken,
+    handleAddCondition = _ref.onAddCondition,
+    handleRemove = _ref.onRemove,
+    _ref$isActive = _ref.isActive,
+    isActive = _ref$isActive === void 0 ? function () {
+      return false;
+    } : _ref$isActive,
+    _ref$isInvalid = _ref.isInvalid,
+    isInvalid = _ref$isInvalid === void 0 ? function () {
+      return false;
+    } : _ref$isInvalid;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var isFirst = index === 0;
+  var hasField = !!(condition !== null && condition !== void 0 && condition.field);
+  var hasVerb = !!(condition !== null && condition !== void 0 && condition.verb);
+  var conditionField = ((schema === null || schema === void 0 || (_schema$conditions = schema.conditions) === null || _schema$conditions === void 0 ? void 0 : _schema$conditions.fields) || []).find(function (field) {
+    var _field$value;
+    return ((_field$value = field.value) !== null && _field$value !== void 0 ? _field$value : field.id) === (condition === null || condition === void 0 ? void 0 : condition.field);
+  });
+  var operatorPlaceholder = (conditionField === null || conditionField === void 0 ? void 0 : conditionField.operatorPlaceholder) || t("neetoRules.builder.selectOperator");
+  var value = conditionValueLabel({
+    schema: schema,
+    condition: condition
+  });
+  var needsValue = conditionNeedsValue({
+    schema: schema,
+    condition: condition
+  });
+  var _useClearingHover = useClearingHover(),
+    clearing = _useClearingHover.clearing,
+    clearingHoverProps = _useClearingHover.clearingHoverProps;
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames("mb-row", {
+      clearing: clearing
+    }),
+    children: [/*#__PURE__*/jsxs("div", {
+      className: "mb-sentence",
+      children: [isFirst ? /*#__PURE__*/jsx("span", {
+        className: "mb-fixed",
+        children: t("neetoRules.operators.and")
+      }) : /*#__PURE__*/jsx(Token, {
+        active: isActive({
+          type: BUILDER_ANCHORS.COND_CONNECTOR,
+          index: index
+        }),
+        className: "mb-tok-muted",
+        dataTestid: "cond-connector-".concat(index),
+        onClick: handleToken && function () {
+          return handleToken({
+            type: BUILDER_ANCHORS.COND_CONNECTOR,
+            index: index
+          });
+        },
+        children: rule.conditionMode === CONDITION_MODE.OR ? t("neetoRules.operators.or") : t("neetoRules.operators.and")
+      }), hasField ? /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx(Token, {
+          active: isActive({
+            type: BUILDER_ANCHORS.COND_FIELD,
+            index: index
+          }),
+          dataTestid: "cond-field-".concat(index),
+          onClick: handleToken && function () {
+            return handleToken({
+              type: BUILDER_ANCHORS.COND_FIELD,
+              index: index
+            });
+          },
+          children: conditionFieldLabel({
+            schema: schema,
+            condition: condition
+          })
+        }), /*#__PURE__*/jsx(Token, {
+          active: isActive({
+            type: BUILDER_ANCHORS.COND_OP_TOGGLE,
+            index: index
+          }),
+          dataTestid: "cond-op-".concat(index),
+          state: hasVerb ? TOKEN_STATE.FILLED : TOKEN_STATE.MUTED,
+          invalid: isInvalid({
+            type: BUILDER_ANCHORS.COND_OP_TOGGLE,
+            index: index
+          }),
+          onClick: handleToken && function () {
+            return handleToken({
+              type: BUILDER_ANCHORS.COND_OP_TOGGLE,
+              index: index
+            });
+          },
+          children: hasVerb ? sentencify(operatorLabel({
+            schema: schema,
+            condition: condition
+          })) : operatorPlaceholder
+        }), hasVerb && needsValue && /*#__PURE__*/jsx(Token, {
+          active: isActive({
+            type: BUILDER_ANCHORS.COND_VALUES,
+            index: index
+          }),
+          dataTestid: "cond-values-".concat(index),
+          state: value ? TOKEN_STATE.FILLED : TOKEN_STATE.MUTED,
+          invalid: isInvalid({
+            type: BUILDER_ANCHORS.COND_VALUES,
+            index: index
+          }),
+          onClick: handleToken && function () {
+            return handleToken({
+              type: BUILDER_ANCHORS.COND_VALUES,
+              index: index
+            });
+          },
+          children: value || t("neetoRules.form.addValue")
+        })]
+      }) : /*#__PURE__*/jsx(Token, {
+        active: isActive({
+          type: BUILDER_ANCHORS.COND_FIELD,
+          index: index
+        }),
+        dataTestid: "cond-field-".concat(index),
+        invalid: isInvalid({
+          type: BUILDER_ANCHORS.COND_FIELD,
+          index: index
+        }),
+        state: TOKEN_STATE.PLACEHOLDER_NEXT,
+        onClick: handleToken && function () {
+          return handleToken({
+            type: BUILDER_ANCHORS.COND_FIELD,
+            index: index
+          });
+        },
+        children: t("neetoRules.builder.selectCondition")
+      })]
+    }), /*#__PURE__*/jsxs("div", {
+      className: "mb-row-actions",
+      children: [handleAddCondition && /*#__PURE__*/jsx(Button, {
+        "data-testid": "cond-add-".concat(index),
+        icon: Plus,
+        size: "sm",
+        variant: "ghost",
+        tooltipProps: {
+          content: t("neetoRules.builder.aria.addAnotherCondition"),
+          position: "top"
+        },
+        onClick: handleAddCondition
+      }), handleRemove && /*#__PURE__*/jsx(Button, _objectSpread$a({
+        "data-testid": "cond-remove-".concat(index),
+        icon: Delete,
+        size: "sm",
+        variant: "ghost",
+        tooltipProps: {
+          content: t("neetoRules.builder.aria.deleteCondition"),
+          position: "top"
+        },
+        onClick: handleRemove
+      }, clearingHoverProps))]
+    })]
+  });
+};
+
+var Connector = function Connector(_ref) {
+  var _ref$active = _ref.active,
+    active = _ref$active === void 0 ? false : _ref$active;
+  return /*#__PURE__*/jsx("div", {
+    "aria-hidden": true,
+    className: classNames("mb-arrow", {
+      "is-active": active
+    }),
+    children: /*#__PURE__*/jsx("svg", {
+      fill: "none",
+      height: "28",
+      viewBox: "0 0 24 28",
+      width: "24",
+      children: /*#__PURE__*/jsx("path", {
+        d: "M12 2 V22 M5 15 l7 7 l7 -7",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        strokeWidth: "2"
+      })
+    })
+  });
+};
+
+function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var DelayRow = function DelayRow(_ref) {
+  var rule = _ref.rule,
+    handleToken = _ref.onToken,
+    handleRemove = _ref.onRemove,
+    _ref$isActive = _ref.isActive,
+    isActive = _ref$isActive === void 0 ? function () {
+      return false;
+    } : _ref$isActive,
+    _ref$isInvalid = _ref.isInvalid,
+    isInvalid = _ref$isInvalid === void 0 ? function () {
+      return false;
+    } : _ref$isInvalid;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var delay = rule.delay;
+  var _useClearingHover = useClearingHover(),
+    clearing = _useClearingHover.clearing,
+    clearingHoverProps = _useClearingHover.clearingHoverProps;
+  if (!delay) return null;
+  var label = [delay.value, delay.unit].filter(function (part) {
+    return part !== "" && !isNil(part);
+  }).join(" ");
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames("mb-row", {
+      clearing: clearing
+    }),
+    children: [/*#__PURE__*/jsxs("div", {
+      className: "mb-sentence",
+      children: [/*#__PURE__*/jsx("span", {
+        className: "mb-fixed",
+        children: t("neetoRules.form.delayExecutionBy")
+      }), /*#__PURE__*/jsx(Token, {
+        dataTestid: "rule-delay",
+        state: label ? TOKEN_STATE.FILLED : TOKEN_STATE.MUTED,
+        active: isActive({
+          type: BUILDER_ANCHORS.RULE_DELAY,
+          index: undefined
+        }),
+        invalid: isInvalid({
+          type: BUILDER_ANCHORS.RULE_DELAY,
+          index: undefined
+        }),
+        onClick: handleToken && function () {
+          return handleToken({
+            type: BUILDER_ANCHORS.RULE_DELAY
+          });
+        },
+        children: label || t("neetoRules.builder.setDelay")
+      })]
+    }), handleRemove && /*#__PURE__*/jsx("div", {
+      className: "mb-row-actions",
+      children: /*#__PURE__*/jsx(Button, _objectSpread$9({
+        "data-testid": "rule-delay-remove",
+        icon: Delete,
+        size: "sm",
+        variant: "ghost",
+        tooltipProps: {
+          content: t("neetoRules.builder.aria.removeDelay"),
+          position: "top"
+        },
+        onClick: handleRemove
+      }, clearingHoverProps))
+    })]
+  });
+};
+
+var MetaBlock = withT(function (_ref) {
+  var t = _ref.t,
+    rule = _ref.rule,
+    _ref$showName = _ref.showName,
+    showName = _ref$showName === void 0 ? true : _ref$showName,
+    _ref$isInvalid = _ref.isInvalid,
+    isInvalid = _ref$isInvalid === void 0 ? false : _ref$isInvalid,
+    handleEditName = _ref.onEditName,
+    handleToggleActive = _ref.onToggleActive;
+  return /*#__PURE__*/jsxs("div", {
+    className: "mb-meta",
+    children: [showName && /*#__PURE__*/jsxs("div", {
+      className: "mb-meta-field",
+      children: [/*#__PURE__*/jsx("span", {
+        className: "mb-meta-label",
+        children: t("neetoRules.builder.automationName")
+      }), /*#__PURE__*/jsxs("div", {
+        role: handleEditName ? "button" : undefined,
+        tabIndex: handleEditName ? 0 : undefined,
+        className: classNames("mb-meta-input-wrap", {
+          "mb-meta-invalid": isInvalid
+        }),
+        onClick: handleEditName,
+        children: [/*#__PURE__*/jsx("span", {
+          className: "mb-meta-name-display",
+          children: rule.name
+        }), /*#__PURE__*/jsx("span", {
+          "aria-hidden": true,
+          className: "mb-meta-edit",
+          children: /*#__PURE__*/jsx("svg", {
+            fill: "none",
+            height: "14",
+            viewBox: "0 0 24 24",
+            width: "14",
+            children: /*#__PURE__*/jsx("path", {
+              d: "M12 20h9 M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z",
+              stroke: "currentColor",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: "2"
+            })
+          })
+        })]
+      })]
+    }), /*#__PURE__*/jsxs("label", {
+      className: "mb-meta-active",
+      children: [/*#__PURE__*/jsx("input", {
+        checked: rule.active,
+        readOnly: !handleToggleActive,
+        type: "checkbox",
+        onChange: handleToggleActive || undefined
+      }), /*#__PURE__*/jsx("span", {
+        "aria-hidden": true,
+        className: "mb-checkbox",
+        children: /*#__PURE__*/jsx("svg", {
+          fill: "none",
+          height: "12",
+          viewBox: "0 0 14 14",
+          width: "12",
+          children: /*#__PURE__*/jsx("path", {
+            d: "M2 7l3.5 3.5L12 3.5"
+          })
+        })
+      }), t("neetoRules.builder.activateThisAutomation")]
+    })]
+  });
+});
+
+function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var 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, _schema$scope2, _schema$scope2$requir;
+  var rule = _ref.rule,
+    schema = _ref.schema,
+    handleToken = _ref.onToken,
+    handleRemoveScope = _ref.onRemoveScope,
+    _ref$isActive = _ref.isActive,
+    isActive = _ref$isActive === void 0 ? function () {
+      return false;
+    } : _ref$isActive,
+    _ref$isInvalid = _ref.isInvalid,
+    isInvalid = _ref$isInvalid === void 0 ? function () {
+      return false;
+    } : _ref$isInvalid;
+  var _useTranslation = useTranslation(),
+    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",
+      children: /*#__PURE__*/jsx("div", {
+        className: "mb-sentence",
+        children: /*#__PURE__*/jsx(Token, {
+          active: isActive({
+            type: BUILDER_ANCHORS.SCOPE,
+            index: undefined
+          }),
+          dataTestid: "scope-add",
+          state: TOKEN_STATE.PLACEHOLDER_NEXT,
+          onClick: handleToken && function () {
+            return handleToken({
+              type: BUILDER_ANCHORS.SCOPE
+            });
+          },
+          children: placeholder
+        })
+      })
+    });
+  }
+  return scope.map(function (item, index) {
+    var _item$value;
+    return /*#__PURE__*/createElement(ScopeRow, {
+      index: index,
+      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,
+      onRemoveScope: handleRemoveScope,
+      onToken: handleToken
+    });
+  });
+};
+var ScopeRow = function ScopeRow(_ref2) {
+  var _schema$scope3, _schema$scope4, _schema$scope5;
+  var schema = _ref2.schema,
+    item = _ref2.item,
+    index = _ref2.index,
+    handleToken = _ref2.onToken,
+    handleRemoveScope = _ref2.onRemoveScope,
+    isActive = _ref2.isActive,
+    isInvalid = _ref2.isInvalid,
+    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$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
+    }),
+    children: [/*#__PURE__*/jsxs("div", {
+      className: "mb-sentence",
+      children: [/*#__PURE__*/jsx("span", {
+        className: "mb-fixed",
+        children: lead
+      }), /*#__PURE__*/jsx(Token, {
+        active: isActive({
+          type: BUILDER_ANCHORS.SCOPE,
+          index: undefined
+        }),
+        dataTestid: "scope-".concat(index),
+        invalid: isInvalid({
+          type: BUILDER_ANCHORS.SCOPE,
+          index: index
+        }),
+        onClick: handleToken && function () {
+          return handleToken({
+            type: BUILDER_ANCHORS.SCOPE
+          });
+        },
+        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",
+      children: [handleToken && isLast && /*#__PURE__*/jsx(Button, {
+        "data-testid": "scope-add-".concat(index),
+        icon: Plus,
+        size: "sm",
+        variant: "ghost",
+        tooltipProps: {
+          content: t("neetoRules.builder.aria.addAnotherBookingPage"),
+          position: "top"
+        },
+        onClick: function onClick() {
+          return handleToken({
+            type: BUILDER_ANCHORS.SCOPE
+          });
+        }
+      }), handleRemoveScope && /*#__PURE__*/jsx(Button, _objectSpread$8({
+        "data-testid": "scope-remove-".concat(index),
+        icon: Delete,
+        size: "sm",
+        variant: "ghost",
+        tooltipProps: {
+          content: t("neetoRules.builder.aria.removeBookingPage"),
+          position: "top"
+        },
+        onClick: function onClick() {
+          return handleRemoveScope(index);
+        }
+      }, clearingHoverProps))]
+    })]
+  });
+};
+
+function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var ActionRow = function ActionRow(_ref) {
+  var schema = _ref.schema,
+    action = _ref.action,
+    index = _ref.index,
+    position = _ref.position,
+    handleToken = _ref.onToken,
+    handleAddAction = _ref.onAddAction,
+    handleRemove = _ref.onRemove,
+    _ref$isActive = _ref.isActive,
+    isActive = _ref$isActive === void 0 ? function () {
+      return false;
+    } : _ref$isActive,
+    _ref$isInvalid = _ref.isInvalid,
+    isInvalid = _ref$isInvalid === void 0 ? function () {
+      return false;
+    } : _ref$isInvalid;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _actionParts = actionParts({
+      schema: schema,
+      action: action
+    }),
+    option = _actionParts.option,
+    label = _actionParts.label,
+    verb = _actionParts.verb,
+    mediumLabel = _actionParts.mediumLabel,
+    MediumIcon = _actionParts.icon,
+    needsRecipient = _actionParts.needsRecipient,
+    recipient = _actionParts.recipient,
+    recipientLabel = _actionParts.recipientLabel,
+    separator = _actionParts.separator,
+    configValue = _actionParts.configValue,
+    configValuePlaceholder = _actionParts.configValuePlaceholder,
+    paramKind = _actionParts.paramKind,
+    valueNoun = _actionParts.valueNoun,
+    valueNounPlural = _actionParts.valueNounPlural;
+  var hasParamTail = paramKind === PARAM_KIND.ENUM_SINGLE || paramKind === PARAM_KIND.ENUM_MULTI;
+  var multiPlaceholder = valueNounPlural ? t("neetoRules.builder.selectNoun", {
+    noun: valueNounPlural
+  }) : t("neetoRules.form.selectValues");
+  var singlePlaceholder = valueNoun ? t("neetoRules.builder.selectNoun", {
+    noun: valueNoun
+  }) : t("neetoRules.form.selectValue");
+  var paramPlaceholder = paramKind === PARAM_KIND.ENUM_MULTI ? multiPlaceholder : singlePlaceholder;
+  var connector = (position !== null && position !== void 0 ? position : index) === 0 ? t("neetoRules.common.then") : t("neetoRules.operators.and");
+  var verbLabel = sentencify(verb || label);
+  var isVerbActive = isActive({
+    type: BUILDER_ANCHORS.ACTION_CHANNEL,
+    index: index
+  }) || isActive({
+    type: BUILDER_ANCHORS.ACTION_ADD,
+    index: index
+  });
+  var configLabel = mediumLabel || sentencify(option === null || option === void 0 ? void 0 : option.placeholder);
+  var isConfigured = isNotEmpty(action === null || action === void 0 ? void 0 : action.metadata);
+  var _useClearingHover = useClearingHover(),
+    clearing = _useClearingHover.clearing,
+    clearingHoverProps = _useClearingHover.clearingHoverProps;
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames("mb-row mb-row-draggable", {
+      clearing: clearing
+    }),
+    children: [/*#__PURE__*/jsxs("div", {
+      className: "mb-sentence",
+      children: [/*#__PURE__*/jsx("span", {
+        className: "mb-fixed",
+        children: connector
+      }), separator ? /*#__PURE__*/jsxs(Token, {
+        active: isVerbActive,
+        className: "mb-tok-medium",
+        dataTestid: "action-verb-".concat(index),
+        onClick: handleToken && function () {
+          return handleToken({
+            type: BUILDER_ANCHORS.ACTION_CHANNEL,
+            index: index
+          });
+        },
+        children: [verbLabel, MediumIcon && /*#__PURE__*/jsx(MediumIcon, {
+          size: 14
+        }), configLabel]
+      }) : /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx(Token, {
+          active: isVerbActive,
+          dataTestid: "action-verb-".concat(index),
+          onClick: handleToken && function () {
+            return handleToken({
+              type: BUILDER_ANCHORS.ACTION_CHANNEL,
+              index: index
+            });
+          },
+          children: verbLabel
+        }), hasParamTail ? /*#__PURE__*/jsx(Token, {
+          dataTestid: "action-config-value-".concat(index),
+          state: configValue ? TOKEN_STATE.FILLED : TOKEN_STATE.MUTED,
+          active: isActive({
+            type: BUILDER_ANCHORS.ACTION_CONFIG,
+            index: index
+          }),
+          invalid: isInvalid({
+            type: BUILDER_ANCHORS.ACTION_CONFIG,
+            index: index
+          }),
+          onClick: handleToken && function () {
+            return handleToken({
+              type: BUILDER_ANCHORS.ACTION_CONFIG,
+              index: index
+            });
+          },
+          children: configValue || paramPlaceholder
+        }) : configLabel && /*#__PURE__*/jsxs(Token, {
+          className: "mb-tok-medium",
+          dataTestid: "action-config-".concat(index),
+          state: isConfigured ? TOKEN_STATE.FILLED : TOKEN_STATE.MUTED,
+          active: isActive({
+            type: BUILDER_ANCHORS.ACTION_CONFIG,
+            index: index
+          }),
+          invalid: isInvalid({
+            type: BUILDER_ANCHORS.ACTION_CONFIG,
+            index: index
+          }),
+          onClick: handleToken && function () {
+            return handleToken({
+              type: BUILDER_ANCHORS.ACTION_CONFIG,
+              index: index
+            });
+          },
+          children: [MediumIcon && /*#__PURE__*/jsx(MediumIcon, {
+            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: configValue ? TOKEN_STATE.FILLED : TOKEN_STATE.MUTED,
+          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")
+        })]
+      })]
+    }), /*#__PURE__*/jsxs("div", {
+      className: "mb-row-actions",
+      children: [handleAddAction && /*#__PURE__*/jsx(Button, {
+        "data-testid": "action-add-".concat(index),
+        icon: Plus,
+        size: "sm",
+        variant: "ghost",
+        tooltipProps: {
+          content: t("neetoRules.builder.aria.addAnotherAction"),
+          position: "top"
+        },
+        onClick: handleAddAction
+      }), handleRemove && /*#__PURE__*/jsx(Button, _objectSpread$7({
+        "data-testid": "action-remove-".concat(index),
+        icon: Delete,
+        size: "sm",
+        variant: "ghost",
+        tooltipProps: {
+          content: t("neetoRules.builder.aria.deleteAction"),
+          position: "top"
+        },
+        onClick: handleRemove
+      }, clearingHoverProps))]
+    })]
+  });
+};
+
+var ThenBlock = function ThenBlock(_ref) {
+  var rule = _ref.rule,
+    schema = _ref.schema,
+    handleToken = _ref.onToken,
+    handleAddAction = _ref.onAddAction,
+    handleRemoveAction = _ref.onRemoveAction,
+    _ref$isActive = _ref.isActive,
+    isActive = _ref$isActive === void 0 ? function () {
+      return false;
+    } : _ref$isActive,
+    _ref$isInvalid = _ref.isInvalid,
+    isInvalid = _ref$isInvalid === void 0 ? function () {
+      return false;
+    } : _ref$isInvalid,
+    _ref$adding = _ref.adding,
+    adding = _ref$adding === void 0 ? false : _ref$adding;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var named = rule.actions.map(function (action, index) {
+    return {
+      action: action,
+      index: index
+    };
+  }).filter(function (_ref2) {
+    var action = _ref2.action;
+    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);
+    return /*#__PURE__*/jsx("div", {
+      className: "mb-row",
+      children: /*#__PURE__*/jsx("div", {
+        className: "mb-sentence",
+        children: /*#__PURE__*/jsx(Token, {
+          active: isActive({
+            type: BUILDER_ANCHORS.ACTION_ADD,
+            index: 0
+          }),
+          dataTestid: "action-add",
+          invalid: isInvalid({
+            type: BUILDER_ANCHORS.ACTION_ADD,
+            index: 0
+          }),
+          state: isTriggerSet ? TOKEN_STATE.PLACEHOLDER_NEXT : TOKEN_STATE.DISABLED,
+          title: isTriggerSet ? undefined : t("neetoRules.builder.pickTriggerFirst"),
+          onClick: isTriggerSet ? handleAddAction : undefined,
+          children: t("neetoRules.builder.thenDoThis")
+        })
+      })
+    });
+  }
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [named.map(function (_ref3, position) {
+      var _action$id;
+      var action = _ref3.action,
+        index = _ref3.index;
+      return /*#__PURE__*/createElement(ActionRow, {
+        action: action,
+        index: index,
+        isActive: isActive,
+        isInvalid: isInvalid,
+        position: position,
+        schema: schema,
+        key: (_action$id = action.id) !== null && _action$id !== void 0 ? _action$id : index,
+        onAddAction: position === named.length - 1 && handleAddAction,
+        onRemove: handleRemoveAction && function () {
+          return handleRemoveAction(index);
+        },
+        onToken: handleToken
+      });
+    }), adding && /*#__PURE__*/jsx("div", {
+      className: "mb-row",
+      children: /*#__PURE__*/jsxs("div", {
+        className: "mb-sentence",
+        children: [/*#__PURE__*/jsx("span", {
+          className: "mb-fixed",
+          children: t("neetoRules.operators.and")
+        }), /*#__PURE__*/jsx(Token, {
+          active: true,
+          dataTestid: "action-add-next",
+          state: TOKEN_STATE.PLACEHOLDER_NEXT,
+          onClick: handleAddAction,
+          children: t("neetoRules.form.doThis")
+        })]
+      })
+    })]
+  });
+};
+
+function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var WhenBlock = function WhenBlock(_ref) {
+  var _schema$actor;
+  var rule = _ref.rule,
+    schema = _ref.schema,
+    handleToken = _ref.onToken,
+    handleAddCondition = _ref.onAddCondition,
+    handleClearTrigger = _ref.onClearTrigger,
+    _ref$isActive = _ref.isActive,
+    isActive = _ref$isActive === void 0 ? function () {
+      return false;
+    } : _ref$isActive,
+    _ref$isInvalid = _ref.isInvalid,
+    isInvalid = _ref$isInvalid === void 0 ? function () {
+      return false;
+    } : _ref$isInvalid;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var triggers = rule.triggers,
+    performer = rule.performer;
+  var isActorEnabled = schema === null || schema === void 0 || (_schema$actor = schema.actor) === null || _schema$actor === void 0 ? void 0 : _schema$actor.enabled;
+  var _useClearingHover = useClearingHover(),
+    clearing = _useClearingHover.clearing,
+    clearingHoverProps = _useClearingHover.clearingHoverProps,
+    resetClearing = _useClearingHover.resetClearing;
+  // eslint-disable-next-line @bigbinary/neeto/prefer-function-reference
+  var hasLeadTimeFor = function hasLeadTimeFor(name) {
+    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 (isEmpty(triggers)) {
+    return /*#__PURE__*/jsx("div", {
+      className: "mb-row",
+      children: /*#__PURE__*/jsx("div", {
+        className: "mb-sentence",
+        children: /*#__PURE__*/jsx(Token, {
+          dataTestid: "trigger-add",
+          state: TOKEN_STATE.PLACEHOLDER_NEXT,
+          onClick: handleToken && function () {
+            return handleToken({
+              type: BUILDER_ANCHORS.TRIGGER_ADD
+            });
+          },
+          children: t("neetoRules.builder.whenThisHappens")
+        })
+      })
+    });
+  }
+  return /*#__PURE__*/jsxs("div", {
+    className: classNames("mb-row", {
+      clearing: clearing
+    }),
+    children: [/*#__PURE__*/jsxs("div", {
+      className: "mb-sentence",
+      children: [/*#__PURE__*/jsx("span", {
+        className: "mb-fixed",
+        children: t("neetoRules.common.when")
+      }), triggers.map(function (trigger, index) {
+        var _trigger$id;
+        return /*#__PURE__*/jsxs(Fragment$1, {
+          children: [index > 0 && /*#__PURE__*/jsx("span", {
+            className: "mb-fixed",
+            children: t("neetoRules.operators.or")
+          }), hasLeadTimeFor(trigger.name) && /*#__PURE__*/jsx(Token, {
+            dataTestid: "trigger-lead-time-".concat(index),
+            active: isActive({
+              type: BUILDER_ANCHORS.TRIGGER_LEAD_TIME,
+              index: index
+            }),
+            onClick: handleToken && function () {
+              return handleToken({
+                type: BUILDER_ANCHORS.TRIGGER_LEAD_TIME,
+                index: index
+              });
+            },
+            children: leadTimeLabel(rule.leadTime)
+          }), /*#__PURE__*/jsx(Token, {
+            dataTestid: "trigger-".concat(index),
+            active: isActive({
+              type: BUILDER_ANCHORS.TRIGGER_REPLACE,
+              index: index
+            }) || index === 0 && isActive({
+              type: BUILDER_ANCHORS.TRIGGER_ADD,
+              index: undefined
+            }),
+            onClick: handleToken && function () {
+              return handleToken({
+                type: BUILDER_ANCHORS.TRIGGER_REPLACE,
+                index: index,
+                trigger: trigger
+              });
+            },
+            children: triggerLabel({
+              schema: schema,
+              trigger: trigger
+            })
+          })]
+        }, (_trigger$id = trigger.id) !== null && _trigger$id !== void 0 ? _trigger$id : index);
+      }), isActorEnabled && /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsx("span", {
+          className: "mb-fixed",
+          children: t("neetoRules.common.by")
+        }), /*#__PURE__*/jsx(Token, {
+          dataTestid: "trigger-actor",
+          state: performer ? TOKEN_STATE.FILLED : TOKEN_STATE.MUTED,
+          active: isActive({
+            type: BUILDER_ANCHORS.TRIGGER_ACTOR,
+            index: undefined
+          }),
+          invalid: isInvalid({
+            type: BUILDER_ANCHORS.TRIGGER_ACTOR,
+            index: undefined
+          }),
+          onClick: handleToken && function () {
+            return handleToken({
+              type: BUILDER_ANCHORS.TRIGGER_ACTOR
+            });
+          },
+          children: performer ? performerLabel({
+            schema: schema,
+            performer: performer
+          }) : t("neetoRules.builder.selectActor")
+        })]
+      })]
+    }), /*#__PURE__*/jsxs("div", {
+      className: "mb-row-actions",
+      children: [handleAddCondition && /*#__PURE__*/jsx(Button, {
+        "data-testid": "trigger-add-condition",
+        icon: Plus,
+        size: "sm",
+        variant: "ghost",
+        tooltipProps: {
+          content: t("neetoRules.builder.aria.addCondition"),
+          position: "top"
+        },
+        onClick: handleAddCondition
+      }), handleClearTrigger && /*#__PURE__*/jsx(Button, _objectSpread$6({
+        "data-testid": "trigger-clear",
+        icon: Delete,
+        size: "sm",
+        variant: "ghost",
+        tooltipProps: {
+          content: t("neetoRules.builder.aria.clearTrigger"),
+          position: "top"
+        },
+        onClick: function onClick() {
+          resetClearing();
+          handleClearTrigger();
+        }
+      }, clearingHoverProps))]
+    })]
+  });
+};
+
+function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var usePaneCascade = function usePaneCascade(schema) {
+  var _useUtilityStore = useUtilityStore(useShallow(function (store) {
+      return {
+        setPanelState: store["setPanelState"],
+        resetPanelState: store["resetPanelState"]
+      };
+    })),
+    setPanelState = _useUtilityStore.setPanelState,
+    resetPanelState = _useUtilityStore.resetPanelState;
+  var openType = useCallback(function (_ref) {
+    var type = _ref.type,
+      _ref$data = _ref.data,
+      data = _ref$data === void 0 ? {} : _ref$data;
+    return setPanelState({
+      type: type,
+      variant: "builder",
+      size: LARGE_PANEL_TYPES.includes(type) ? "large" : "small",
+      data: _objectSpread$5({
+        schema: schema
+      }, data)
+    });
+  }, [schema, setPanelState]);
+  var openPane = useCallback(function (token) {
+    var type = TOKEN_TO_PANEL_TYPE[token === null || token === void 0 ? void 0 : token.type];
+    if (!type) return;
+    openType({
+      type: type,
+      data: {
+        anchor: token.type,
+        index: token.index
+      }
+    });
+  }, [openType]);
+  return {
+    openPane: openPane,
+    openType: openType,
+    closePane: resetPanelState
+  };
+};
+
+var useRuleModel = function useRuleModel(schema) {
+  var _useFormikContext = useFormikContext(),
+    values = _useFormikContext.values,
+    setFieldValue = _useFormikContext.setFieldValue;
+  var apply = function apply(_ref) {
+    var path = _ref.path,
+      value = _ref.value;
+    return setFieldValue(path, value);
+  };
+  var applyAll = function applyAll(edits) {
+    return edits.forEach(apply);
+  };
+  var rule = useMemo(function () {
+    return valuesToRuleModel({
+      values: values,
+      schema: schema
+    });
+  }, [values, schema]);
+  return {
+    rule: rule,
+    fieldKeys: fieldKeysFromSchema(schema),
+    setTriggers: function setTriggers$1(triggers) {
+      return apply(setTriggers({
+        schema: schema,
+        triggers: triggers
+      }));
+    },
+    setPerformer: function setPerformer$1(performer) {
+      return apply(setPerformer({
+        schema: schema,
+        performer: performer
+      }));
+    },
+    setActions: function setActions$1(actions) {
+      return apply(setActions({
+        schema: schema,
+        actions: actions
+      }));
+    },
+    setConditions: function setConditions$1(conditions) {
+      return apply(setConditions({
+        schema: schema,
+        conditions: conditions
+      }));
+    },
+    setConditionMode: function setConditionMode$1(joinType) {
+      return apply(setConditionMode({
+        schema: schema,
+        conditions: rule.conditions,
+        joinType: joinType
+      }));
+    },
+    setDelay: function setDelay$1(delay) {
+      return apply(setDelay({
+        schema: schema,
+        delay: delay
+      }));
+    },
+    setActive: function setActive$1(active) {
+      return apply(setActive({
+        schema: schema,
+        active: active
+      }));
+    },
+    setScope: function setScope$1(scope) {
+      return apply(setScope({
+        schema: schema,
+        scope: scope
+      }));
+    },
+    removeCondition: function removeCondition(index) {
+      return applyAll(removeArrayItem({
+        values: values,
+        fieldKey: fieldKeysFromSchema(schema).conditions,
+        index: index
+      }));
+    },
+    removeAction: function removeAction(index) {
+      return applyAll(removeArrayItem({
+        values: values,
+        fieldKey: fieldKeysFromSchema(schema).actions,
+        index: index
+      }));
+    }
+  };
+};
+
+function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var triggerValue = function triggerValue(option) {
+  var _ref, _option$eventValue;
+  return (_ref = (_option$eventValue = option.eventValue) !== null && _option$eventValue !== void 0 ? _option$eventValue : option.value) !== null && _ref !== void 0 ? _ref : option.id;
+};
+var optionValue = function optionValue(option) {
+  var _option$value;
+  return (_option$value = option.value) !== null && _option$value !== void 0 ? _option$value : option.id;
+};
+var normalizeOptions = function normalizeOptions(options) {
+  return (options || []).map(function (option) {
+    return typeof option === "string" ? toLabelAndValue(option) : option;
+  });
+};
+var groupByCategory = function groupByCategory(options) {
+  var groups = [];
+  var indexByCategory = {};
+  options.forEach(function (option) {
+    var category = option.category || "";
+    // eslint-disable-next-line security/detect-object-injection
+    if (indexByCategory[category] === undefined) {
+      // eslint-disable-next-line security/detect-object-injection
+      indexByCategory[category] = groups.length;
+      groups.push([category, []]);
+    }
+    // eslint-disable-next-line security/detect-object-injection
+    groups[indexByCategory[category]][1].push(option);
+  });
+  return groups;
+};
+var conditionAt = function conditionAt(_ref2) {
+  var rule = _ref2.rule,
+    index = _ref2.index;
+  return (
+    // eslint-disable-next-line security/detect-object-injection
+    rule.conditions[index] || {}
+  );
+};
+
+// eslint-disable-next-line security/detect-object-injection
+var actionAt = function actionAt(_ref3) {
+  var rule = _ref3.rule,
+    index = _ref3.index;
+  return rule.actions[index] || {};
+};
+
+// 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 = _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(_ref6) {
+  var _schema$actions;
+  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(_ref7) {
+  var _schema$actions2, _schema$actions2$acti;
+  var schema = _ref7.schema,
+    action = _ref7.action;
+  return (action === null || action === void 0 ? void 0 : action.channel) || ((_schema$actions2 = schema.actions) === null || _schema$actions2 === void 0 || (_schema$actions2$acti = _schema$actions2.actionForName) === null || _schema$actions2$acti === void 0 || (_schema$actions2$acti = _schema$actions2$acti.call(_schema$actions2, action === null || action === void 0 ? void 0 : action.name)) === null || _schema$actions2$acti === void 0 ? void 0 : _schema$actions2$acti.channel);
+};
+var recipientOf = function recipientOf(_ref8) {
+  var _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(_ref0) {
+  var _schema$actions5, _schema$actions6;
+  var schema = _ref0.schema,
+    action = _ref0.action;
+  var meta = channelMetaOf({
+    schema: schema,
+    action: action
+  });
+  if (meta.mediumLabel) return true;
+  var option = findActionOption({
+    schema: schema,
+    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$actions5 = schema.actions) !== null && _schema$actions5 !== void 0 && _schema$actions5.hasConfig) return schema.actions.hasConfig(action);
+  return !!((_schema$actions6 = schema.actions) !== null && _schema$actions6 !== void 0 && _schema$actions6.renderConfig);
+};
+var recipientsFor = function recipientsFor(_ref1) {
+  var _schema$actions7, _schema$actions8;
+  var schema = _ref1.schema,
+    action = _ref1.action;
+  var channel = channelOf({
+    schema: schema,
+    action: action
+  });
+  if (channel && (_schema$actions7 = schema.actions) !== null && _schema$actions7 !== void 0 && _schema$actions7.recipientsFor) {
+    return schema.actions.recipientsFor(channel);
+  }
+  var option = findActionOption({
+    schema: schema,
+    name: channel
+  });
+  if (option !== null && option !== void 0 && option.recipients) return option.recipients;
+  return ((_schema$actions8 = schema.actions) === null || _schema$actions8 === void 0 ? void 0 : _schema$actions8.recipients) || [];
+};
+var nextTriggers = function nextTriggers(_ref10) {
+  var _schema$triggers;
+  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({
+      name: value
+    }, rule.triggers) : [].concat(_toConsumableArray(rule.triggers), [{
+      name: value
+    }]);
+  }
+  return [{
+    name: value
+  }];
+};
+var nextConditionAt = function nextConditionAt(_ref11) {
+  var _field$allowMatching;
+  var schema = _ref11.schema,
+    rule = _ref11.rule,
+    index = _ref11.index,
+    value = _ref11.value;
+  var field = findField({
+    schema: schema,
+    value: value
+  });
+  var previous = conditionAt({
+    rule: rule,
+    index: index
+  });
+  var first = field === null || field === void 0 || (_field$allowMatching = field.allowMatching) === null || _field$allowMatching === void 0 ? void 0 : _field$allowMatching[0];
+  var defaultVerb = first && !((field === null || field === void 0 ? void 0 : field.noValueForVerbs) || []).includes(first) ? first : undefined;
+  var verb = ((field === null || field === void 0 ? void 0 : field.allowMatching) || []).includes(previous.verb) ? previous.verb : defaultVerb;
+  return _objectSpread$4(_objectSpread$4({}, previous), {}, {
+    field: value,
+    kind: field === null || field === void 0 ? void 0 : field.kind,
+    verb: verb,
+    metadata: {}
+  });
+};
+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
+    });
+    var _prev = actionAt({
+      rule: rule,
+      index: index
+    });
+    if (option !== null && option !== void 0 && option.recipients) {
+      var _channelChanged = _prev.channel !== value;
+      return _objectSpread$4(_objectSpread$4({}, _prev), {}, {
+        channel: value,
+        recipient: _channelChanged ? undefined : _prev.recipient,
+        name: "",
+        type: option === null || option === void 0 ? void 0 : option.type,
+        metadata: _channelChanged ? {} : _prev.metadata
+      });
+    }
+    return _objectSpread$4(_objectSpread$4({}, _prev), {}, {
+      channel: undefined,
+      recipient: undefined,
+      name: value,
+      type: option === null || option === void 0 ? void 0 : option.type,
+      metadata: {}
+    });
+  }
+  var prev = actionAt({
+    rule: rule,
+    index: index
+  });
+  var prevChannel = channelOf({
+    schema: schema,
+    action: prev
+  });
+  var channelChanged = prevChannel !== value;
+  var recipient = channelChanged ? undefined : prev.recipient;
+  if (channelChanged) {
+    var _schema$actions0;
+    var channelRecipients =
+    // eslint-disable-next-line security/detect-object-injection
+    ((_schema$actions0 = schema.actions) === null || _schema$actions0 === void 0 || (_schema$actions0 = _schema$actions0.recipientsByChannel) === null || _schema$actions0 === void 0 ? void 0 : _schema$actions0[value]) || [];
+    if (channelRecipients.length === 1) {
+      var _channelRecipients = _slicedToArray(channelRecipients, 1);
+      recipient = _channelRecipients[0];
+    }
+  }
+  return _objectSpread$4(_objectSpread$4({}, prev), {}, {
+    channel: value,
+    recipient: recipient,
+    name: schema.actions.resolveName({
+      channel: value,
+      recipient: recipient
+    }),
+    metadata: channelChanged ? {} : prev.metadata
+  });
+};
+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
+  });
+  var channel = channelOf({
+    schema: schema,
+    action: prev
+  });
+  return _objectSpread$4(_objectSpread$4({}, prev), {}, {
+    recipient: value,
+    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(_ref15) {
+  var _schema$actor2, _schema$conditions2;
+  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:
+      {
+        var _schema$triggers2, _schema$actor, _schema$triggers3;
+        var multi = !!((_schema$triggers2 = schema.triggers) !== null && _schema$triggers2 !== void 0 && _schema$triggers2.multi);
+        var isReplace = anchor === BUILDER_ANCHORS.TRIGGER_REPLACE;
+        var triggerTitle = isReplace ? multi && t("neetoRules.builder.panes.changeTriggers") || t("neetoRules.builder.panes.changeTrigger") : multi && t("neetoRules.builder.panes.whenEllipsis") || t("neetoRules.builder.panes.addTrigger");
+        var triggerSubtitle = multi && t("neetoRules.builder.panes.triggerSubtitleMulti") || (isReplace ? t("neetoRules.builder.panes.triggerSubtitleReplace") : t("neetoRules.builder.panes.triggerSubtitleAdd"));
+        return {
+          title: triggerTitle,
+          subtitle: triggerSubtitle,
+          multi: multi,
+          cascade: !!((_schema$actor = schema.actor) !== null && _schema$actor !== void 0 && _schema$actor.enabled),
+          options: (((_schema$triggers3 = schema.triggers) === null || _schema$triggers3 === void 0 ? void 0 : _schema$triggers3.options) || []).map(function (option) {
+            return {
+              label: option.paneLabel || option.label,
+              value: triggerValue(option),
+              category: option.category
+            };
+          }),
+          selectedValues: pluck("name", rule.triggers)
+        };
+      }
+    case BUILDER_ANCHORS.TRIGGER_ACTOR:
+      return {
+        title: t("neetoRules.builder.panes.actorTitle"),
+        subtitle: t("neetoRules.builder.panes.actorSubtitle"),
+        options: (((_schema$actor2 = schema.actor) === null || _schema$actor2 === void 0 ? void 0 : _schema$actor2.options) || []).map(function (option) {
+          return {
+            label: option.label,
+            value: optionValue(option)
+          };
+        }),
+        selectedValues: [rule.performer]
+      };
+    case BUILDER_ANCHORS.COND_FIELD:
+      return {
+        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) {
+          return {
+            label: field.paneLabel || field.label,
+            value: optionValue(field),
+            category: field.category
+          };
+        }),
+        selectedValues: [conditionAt({
+          rule: rule,
+          index: index
+        }).field]
+      };
+    case BUILDER_ANCHORS.COND_OP_TOGGLE:
+      {
+        var _schema$conditions3;
+        var field = findField({
+          schema: schema,
+          value: conditionAt({
+            rule: rule,
+            index: index
+          }).field
+        });
+        var labels = ((_schema$conditions3 = schema.conditions) === null || _schema$conditions3 === void 0 ? void 0 : _schema$conditions3.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);
+        var isNumeric = !isContains && verbs.some(isNumericVerb);
+        var isExclude = !isContains && !isNumeric && verbs.some(isExcludeVerb);
+        var hasOptions = isNotEmpty(normalizeOptions((field === null || field === void 0 ? void 0 : field.values) || (field === null || field === void 0 ? void 0 : field.dropdownOptions) || (field === null || field === void 0 ? void 0 : field.options)));
+        var containsVariant = hasOptions ? "Values" : "Keywords";
+        var numericOrExcludeVariant = isExclude ? "Exclude" : "";
+        var nonContainsVariant = isNumeric ? "Number" : numericOrExcludeVariant;
+        var variant = isContains ? containsVariant : nonContainsVariant;
+        return {
+          title: t("neetoRules.builder.panes.operatorTitle".concat(variant)),
+          subtitle: variant ? t("neetoRules.builder.panes.operatorSubtitle".concat(variant), {
+            field: fieldLabel
+          }) : t("neetoRules.builder.panes.operatorSubtitle"),
+          cascade: true,
+          options: verbs.map(function (verb) {
+            return {
+              // eslint-disable-next-line security/detect-object-injection
+              label: labels[verb] || humanize(verb),
+              value: verb
+            };
+          }),
+          selectedValues: [conditionAt({
+            rule: rule,
+            index: index
+          }).verb]
+        };
+      }
+    case BUILDER_ANCHORS.COND_CONNECTOR:
+      return {
+        title: t("neetoRules.builder.panes.connectorTitle"),
+        subtitle: t("neetoRules.builder.panes.connectorSubtitle"),
+        options: [{
+          label: t("neetoRules.builder.panes.connectorAndOption"),
+          value: CONDITION_MODE.AND
+        }, {
+          label: t("neetoRules.builder.panes.connectorOrOption"),
+          value: CONDITION_MODE.OR
+        }],
+        selectedValues: [rule.conditionMode]
+      };
+    case BUILDER_ANCHORS.ACTION_ADD:
+    case BUILDER_ANCHORS.ACTION_CHANNEL:
+      {
+        var _schema$actions11, _schema$actions12, _channelOf;
+        var isSwap = anchor === BUILDER_ANCHORS.ACTION_CHANNEL;
+        var channelMetaFor = function channelMetaFor(value) {
+          var _schema$actions10;
+          return (
+            // eslint-disable-next-line security/detect-object-injection
+            ((_schema$actions10 = schema.actions) === null || _schema$actions10 === void 0 || (_schema$actions10 = _schema$actions10.channelMeta) === null || _schema$actions10 === void 0 ? void 0 : _schema$actions10[value]) || {}
+          );
+        };
+        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$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$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"),
+          cascade: true,
+          options: sourceOptions.map(function (option) {
+            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,
+              icon: (isSwap ? meta.icon : option.icon) || option.icon
+            };
+          }),
+          selectedValues: [(_channelOf = channelOf({
+            schema: schema,
+            action: actionAt({
+              rule: rule,
+              index: index
+            })
+          })) !== null && _channelOf !== void 0 ? _channelOf : actionAt({
+            rule: rule,
+            index: index
+          }).name]
+        };
+      }
+    case BUILDER_ANCHORS.ACTION_RECIPIENT:
+      {
+        var _schema$actions13;
+        var action = actionAt({
+          rule: rule,
+          index: index
+        });
+        var channel = channelOf({
+          schema: schema,
+          action: action
+        });
+        // eslint-disable-next-line security/detect-object-injection
+        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
+        });
+        return {
+          title: meta.recipientTitle || (option === null || option === void 0 ? void 0 : option.recipientTitle) || t("neetoRules.builder.panes.recipientTitle"),
+          subtitle: meta.recipientSubtitle || (option === null || option === void 0 ? void 0 : option.recipientSubtitle) || t("neetoRules.builder.panes.recipientSubtitle"),
+          options: recipientsFor({
+            schema: schema,
+            action: action
+          }).map(function (recipient) {
+            return {
+              label: recipient.label,
+              value: optionValue(recipient)
+            };
+          }),
+          selectedValues: [recipientOf({
+            schema: schema,
+            action: action
+          })]
+        };
+      }
+    case BUILDER_ANCHORS.SCOPE:
+      {
+        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$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"),
+          multi: true,
+          options: (sc.options || []).map(function (option) {
+            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,
+              disabledTooltip: blockedNoPhone && sc.disabledTooltip
+            };
+          }),
+          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: "",
+        subtitle: "",
+        options: [],
+        selectedValues: []
+      };
+  }
+};
+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,
+    setFieldValue = helpers.setFieldValue,
+    fieldKeys = helpers.fieldKeys;
+  switch (anchor) {
+    case BUILDER_ANCHORS.TRIGGER_ADD:
+    case BUILDER_ANCHORS.TRIGGER_REPLACE:
+      {
+        var _schema$triggers4, _schema$triggers5;
+        if ((_schema$triggers4 = schema.triggers) !== null && _schema$triggers4 !== void 0 && _schema$triggers4.multi) {
+          var names = pluck("name", rule.triggers);
+          setTriggers(names.includes(value) ? removeBy({
+            name: value
+          }, rule.triggers) : [].concat(_toConsumableArray(rule.triggers), [{
+            name: value
+          }]));
+          return "stay";
+        }
+        setTriggers([{
+          name: value
+        }]);
+        var leadTime = (_schema$triggers5 = schema.triggers) === null || _schema$triggers5 === void 0 ? void 0 : _schema$triggers5.leadTime;
+        if (leadTime !== null && leadTime !== void 0 && leadTime.fieldKey && (leadTime.appliesTo || []).includes(value) && !rule.leadTime) {
+          var _leadTime$default;
+          // eslint-disable-next-line @bigbinary/neeto/use-common-constants
+          setFieldValue("".concat(leadTime.fieldKey, ".value"), (_leadTime$default = leadTime["default"]) !== null && _leadTime$default !== void 0 ? _leadTime$default : 10);
+        }
+        return "stay";
+      }
+    case BUILDER_ANCHORS.TRIGGER_ACTOR:
+      setPerformer(value);
+      return "stay";
+    case BUILDER_ANCHORS.COND_FIELD:
+      {
+        setFieldValue("".concat(fieldKeys.conditions, ".value.").concat(index), nextConditionAt({
+          schema: schema,
+          rule: rule,
+          index: index,
+          value: value
+        }));
+        return "stay";
+      }
+    case BUILDER_ANCHORS.COND_OP_TOGGLE:
+      setFieldValue("".concat(fieldKeys.conditions, ".value.").concat(index, ".verb"), value);
+      return "stay";
+    case BUILDER_ANCHORS.COND_CONNECTOR:
+      setConditionMode(value);
+      return "stay";
+    case BUILDER_ANCHORS.ACTION_ADD:
+    case BUILDER_ANCHORS.ACTION_CHANNEL:
+      {
+        setFieldValue("".concat(fieldKeys.actions, ".value.").concat(index), nextActionAt({
+          schema: schema,
+          rule: rule,
+          index: index,
+          value: value
+        }));
+        return "stay";
+      }
+    case BUILDER_ANCHORS.ACTION_RECIPIENT:
+      {
+        setFieldValue("".concat(fieldKeys.actions, ".value.").concat(index), nextActionRecipientAt({
+          schema: schema,
+          rule: rule,
+          index: index,
+          value: value
+        }));
+        return "stay";
+      }
+    case BUILDER_ANCHORS.SCOPE:
+      {
+        var key = fieldKeys.scope;
+        var current = rule.scope || [];
+        var has = current.some(function (item) {
+          var _item$value2;
+          return ((_item$value2 = item === null || item === void 0 ? void 0 : item.value) !== null && _item$value2 !== void 0 ? _item$value2 : item) === value;
+        });
+        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), [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(_ref17) {
+  var _schema$actor3;
+  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:
+      return (_schema$actor3 = schema.actor) !== null && _schema$actor3 !== void 0 && _schema$actor3.enabled ? {
+        type: BUILDER_PANEL_TYPES.ACTOR,
+        data: {
+          anchor: BUILDER_ANCHORS.TRIGGER_ACTOR
+        }
+      } : null;
+    case BUILDER_ANCHORS.COND_FIELD:
+      return {
+        type: BUILDER_PANEL_TYPES.OPERATOR,
+        data: {
+          index: index,
+          anchor: BUILDER_ANCHORS.COND_OP_TOGGLE
+        }
+      };
+    case BUILDER_ANCHORS.COND_OP_TOGGLE:
+      {
+        var condition = conditionAt({
+          rule: rule,
+          index: index
+        });
+        var field = findField({
+          schema: schema,
+          value: condition.field
+        });
+        if (((field === null || field === void 0 ? void 0 : field.noValueForVerbs) || []).includes(condition.verb)) return null;
+        return {
+          type: BUILDER_PANEL_TYPES.CONDITION_VALUE,
+          data: {
+            index: index,
+            anchor: BUILDER_ANCHORS.COND_VALUES
+          }
+        };
+      }
+    case BUILDER_ANCHORS.ACTION_ADD:
+    case BUILDER_ANCHORS.ACTION_CHANNEL:
+      {
+        var action = actionAt({
+          rule: rule,
+          index: index
+        });
+        if (actionHasConfig({
+          schema: schema,
+          action: action
+        })) {
+          return {
+            type: BUILDER_PANEL_TYPES.ACTION_CONFIG,
+            data: {
+              index: index,
+              anchor: BUILDER_ANCHORS.ACTION_CONFIG
+            }
+          };
+        }
+        return channelMetaOf({
+          schema: schema,
+          action: action
+        }).needsRecipient ? {
+          type: BUILDER_PANEL_TYPES.RECIPIENT,
+          data: {
+            index: index,
+            anchor: BUILDER_ANCHORS.ACTION_RECIPIENT
+          }
+        } : null;
+      }
+    case BUILDER_ANCHORS.ACTION_RECIPIENT:
+      return null;
+    default:
+      return null;
+  }
+};
+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(_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:
+      return _objectSpread$4(_objectSpread$4({}, rule), {}, {
+        triggers: Array.isArray(value) ? value.map(function (name) {
+          return {
+            name: name
+          };
+        }) : nextTriggers({
+          schema: schema,
+          rule: rule,
+          value: value
+        })
+      });
+    case BUILDER_ANCHORS.TRIGGER_ACTOR:
+      return _objectSpread$4(_objectSpread$4({}, rule), {}, {
+        performer: value
+      });
+    case BUILDER_ANCHORS.COND_FIELD:
+      return _objectSpread$4(_objectSpread$4({}, rule), {}, {
+        conditions: replaceAt({
+          list: rule.conditions,
+          index: index,
+          item: nextConditionAt({
+            schema: schema,
+            rule: rule,
+            index: index,
+            value: value
+          })
+        })
+      });
+    case BUILDER_ANCHORS.COND_OP_TOGGLE:
+      return _objectSpread$4(_objectSpread$4({}, rule), {}, {
+        conditions: replaceAt({
+          list: rule.conditions,
+          index: index,
+          item: _objectSpread$4(_objectSpread$4({}, conditionAt({
+            rule: rule,
+            index: index
+          })), {}, {
+            verb: value
+          })
+        })
+      });
+    case BUILDER_ANCHORS.COND_CONNECTOR:
+      return _objectSpread$4(_objectSpread$4({}, rule), {}, {
+        conditionMode: value
+      });
+    case BUILDER_ANCHORS.ACTION_ADD:
+    case BUILDER_ANCHORS.ACTION_CHANNEL:
+      return _objectSpread$4(_objectSpread$4({}, rule), {}, {
+        actions: replaceAt({
+          list: rule.actions,
+          index: index,
+          item: nextActionAt({
+            schema: schema,
+            rule: rule,
+            index: index,
+            value: value
+          })
+        })
+      });
+    case BUILDER_ANCHORS.ACTION_RECIPIENT:
+      return _objectSpread$4(_objectSpread$4({}, rule), {}, {
+        actions: replaceAt({
+          list: rule.actions,
+          index: index,
+          item: nextActionRecipientAt({
+            schema: schema,
+            rule: rule,
+            index: index,
+            value: value
+          })
+        })
+      });
+    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;
+  }
+};
+
+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$scope2, _schema$conditions, _schema$triggers, _schema$delay, _schema$meta$showName, _schema$meta;
+  var schema = _ref.schema;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _usePaneCascade = usePaneCascade(schema),
+    openPane = _usePaneCascade.openPane,
+    closePane = _usePaneCascade.closePane;
+  var _useFormikContext = useFormikContext(),
+    errors = _useFormikContext.errors,
+    submitCount = _useFormikContext.submitCount;
+  var _useRuleModel = useRuleModel(schema),
+    rule = _useRuleModel.rule,
+    fieldKeys = _useRuleModel.fieldKeys,
+    setTriggers = _useRuleModel.setTriggers,
+    setPerformer = _useRuleModel.setPerformer,
+    setConditions = _useRuleModel.setConditions,
+    setActions = _useRuleModel.setActions,
+    setDelay = _useRuleModel.setDelay,
+    removeCondition = _useRuleModel.removeCondition,
+    removeAction = _useRuleModel.removeAction,
+    setActive = _useRuleModel.setActive,
+    setScope = _useRuleModel.setScope;
+  var _useUtilityStore = useUtilityStore(useShallow(function (store) {
+      return {
+        builderPreview: store["builderPreview"],
+        panelState: store["panelState"]
+      };
+    })),
+    builderPreview = _useUtilityStore.builderPreview,
+    panelState = _useUtilityStore.panelState;
+  var displayRule = useMemo(function () {
+    return builderPreview ? applyPreview(_objectSpread$3({
+      rule: rule,
+      schema: schema
+    }, builderPreview)) : rule;
+  }, [rule, schema, builderPreview]);
+  var activeToken = (panelState === null || panelState === void 0 ? void 0 : panelState.data) || {};
+  var isActive = function isActive(_ref2) {
+    var type = _ref2.type,
+      index = _ref2.index;
+    return !!(panelState !== null && panelState !== void 0 && panelState.type) && activeToken.anchor === type && activeToken.index === index;
+  };
+  var addingAction = !!(panelState !== null && panelState !== void 0 && panelState.type) && activeToken.anchor === BUILDER_ANCHORS.ACTION_ADD && activeToken.index === rule.actions.length && !builderPreview;
+  var flatErrors = useMemo(function () {
+    return flatten(errors || {});
+  }, [errors]);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    flashing = _useState2[0],
+    setFlashing = _useState2[1];
+  var lastSubmitCount = useRef(submitCount);
+  useEffect(function () {
+    if (submitCount <= lastSubmitCount.current) return undefined;
+    lastSubmitCount.current = submitCount;
+    if (isEmpty(flatErrors) && isRuleComplete(rule) && isEmpty(invalidScopeIndexes({
+      rule: rule,
+      schema: schema
+    })) && isEmpty(invalidScopePhoneFieldIndexes({
+      rule: rule,
+      schema: schema
+    }))) {
+      return undefined;
+    }
+    setFlashing(true);
+    var timer = setTimeout(function () {
+      return setFlashing(false);
+    }, 2200);
+    return function () {
+      return clearTimeout(timer);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [submitCount]);
+  var hasErrorAt = function hasErrorAt(_ref3) {
+    var prefix = _ref3.prefix,
+      _ref3$exclude = _ref3.exclude,
+      exclude = _ref3$exclude === void 0 ? [] : _ref3$exclude;
+    return Object.keys(flatErrors).some(function (key) {
+      return (key === prefix || key.startsWith("".concat(prefix, "."))) && !exclude.some(function (sub) {
+        return key === "".concat(prefix, ".").concat(sub) || key.startsWith("".concat(prefix, ".").concat(sub, "."));
+      });
+    });
+  };
+  var isInvalid = function isInvalid(_ref4) {
+    var _schema$actions, _schema$actions$actio, _schema$actions2, _schema$actions2$rend, _schema$actions3, _schema$actions3$rend, _schema$actions4, _schema$actions4$opti, _schema$actions5, _schema$actions5$opti;
+    var type = _ref4.type,
+      index = _ref4.index;
+    if (!flashing) return false;
+    var conditionMeta = "".concat(fieldKeys.conditions, ".value.").concat(index, ".metadata");
+    var actionMeta = "".concat(fieldKeys.actions, ".value.").concat(index, ".metadata");
+    // eslint-disable-next-line security/detect-object-injection
+    var actionItem = rule.actions[index] || {};
+    var channel = actionItem.channel || ((_schema$actions = schema.actions) === null || _schema$actions === void 0 || (_schema$actions$actio = _schema$actions.actionForName) === null || _schema$actions$actio === void 0 || (_schema$actions$actio = _schema$actions$actio.call(_schema$actions, actionItem.name)) === null || _schema$actions$actio === void 0 ? void 0 : _schema$actions$actio.channel);
+    var hasRecipientEditor = !!((_schema$actions2 = schema.actions) !== null && _schema$actions2 !== void 0 && (_schema$actions2$rend = _schema$actions2.renderRecipientEditor) !== null && _schema$actions2$rend !== void 0 && _schema$actions2$rend.call(_schema$actions2, {
+      channel: channel,
+      name: actionMeta,
+      action: actionItem
+    }));
+    var hasRecipientField = !!((_schema$actions3 = schema.actions) !== null && _schema$actions3 !== void 0 && (_schema$actions3$rend = _schema$actions3.renderRecipientField) !== null && _schema$actions3$rend !== void 0 && _schema$actions3$rend.call(_schema$actions3, {
+      channel: channel,
+      recipient: actionItem.recipient,
+      name: actionMeta,
+      action: actionItem
+    }));
+    var flatOption = ((_schema$actions4 = schema.actions) === null || _schema$actions4 === void 0 || (_schema$actions4$opti = _schema$actions4.optionForName) === null || _schema$actions4$opti === void 0 ? void 0 : _schema$actions4$opti.call(_schema$actions4, actionItem.name)) || ((_schema$actions5 = schema.actions) === null || _schema$actions5 === void 0 || (_schema$actions5$opti = _schema$actions5.optionForChannel) === null || _schema$actions5$opti === void 0 ? void 0 : _schema$actions5$opti.call(_schema$actions5, channel));
+    var recipientFields = [].concat(_toConsumableArray(hasRecipientEditor || hasRecipientField ? ["emails"] : []), _toConsumableArray((flatOption === null || flatOption === void 0 ? void 0 : flatOption.type) === "smsToNumbers" ? ["phoneNumbers"] : []));
+    switch (type) {
+      case BUILDER_ANCHORS.TRIGGER_ACTOR:
+        {
+          var _schema$actor;
+          var actorKey = (_schema$actor = schema.actor) === null || _schema$actor === void 0 ? void 0 : _schema$actor.fieldKey;
+          return !!actorKey && hasErrorAt({
+            prefix: "".concat(actorKey, ".value")
+          });
+        }
+      case BUILDER_ANCHORS.COND_FIELD:
+        return hasErrorAt({
+          prefix: "".concat(fieldKeys.conditions, ".value.").concat(index, ".field")
+        });
+      case BUILDER_ANCHORS.COND_OP_TOGGLE:
+        {
+          // eslint-disable-next-line security/detect-object-injection
+          var condition = rule.conditions[index] || {};
+          return !!condition.field && !condition.verb;
+        }
+      case BUILDER_ANCHORS.COND_VALUES:
+        return hasErrorAt({
+          prefix: conditionMeta
+        });
+      case BUILDER_ANCHORS.ACTION_CONFIG:
+        return hasErrorAt({
+          prefix: actionMeta,
+          exclude: recipientFields
+        });
+      case BUILDER_ANCHORS.ACTION_RECIPIENT:
+        return recipientFields.some(function (field) {
+          return hasErrorAt({
+            prefix: "".concat(actionMeta, ".").concat(field)
+          });
+        });
+      case BUILDER_ANCHORS.ACTION_ADD:
+        return !rule.actions.some(function (item) {
+          return (item === null || item === void 0 ? void 0 : item.channel) || (item === null || item === void 0 ? void 0 : item.name);
+        });
+      case BUILDER_ANCHORS.RULE_DELAY:
+        return hasErrorAt({
+          prefix: "".concat(fieldKeys.delay, ".value")
+        });
+      case BUILDER_ANCHORS.SCOPE:
+        return invalidScopeIndexes({
+          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")
+        });
+      default:
+        return false;
+    }
+  };
+  var closePaneIfTargeting = function closePaneIfTargeting(_ref5) {
+    var anchors = _ref5.anchors,
+      index = _ref5.index;
+    if (panelState !== null && panelState !== void 0 && panelState.type && anchors.includes(activeToken.anchor) && activeToken.index === index) {
+      closePane();
+    }
+  };
+  var handleRemoveCondition = function handleRemoveCondition(index) {
+    closePaneIfTargeting({
+      anchors: CONDITION_ANCHORS,
+      index: index
+    });
+    removeCondition(index);
+  };
+  var handleRemoveAction = function handleRemoveAction(index) {
+    closePaneIfTargeting({
+      anchors: ACTION_ANCHORS,
+      index: index
+    });
+    removeAction(index);
+    var remaining = rule.actions.filter(function (_, i) {
+      return i !== index;
+    });
+    if (!remaining.some(function (action) {
+      return (action === null || action === void 0 ? void 0 : action.channel) || (action === null || action === void 0 ? void 0 : action.name);
+    })) {
+      setScope([]);
+    }
+  };
+  var handleRemoveDelay = function handleRemoveDelay() {
+    closePaneIfTargeting({
+      anchors: [BUILDER_ANCHORS.RULE_DELAY],
+      index: undefined
+    });
+    setDelay(null);
+  };
+  var isTriggerSet = hasTrigger(rule);
+  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);
+  });
+  var isScopeEnabled = (schema === null || schema === void 0 || (_schema$scope = schema.scope) === null || _schema$scope === void 0 ? void 0 : _schema$scope.enabled) && isTriggerSet && hasAction;
+  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) {
+    closePaneIfTargeting({
+      anchors: [BUILDER_ANCHORS.SCOPE_PHONE_FIELD],
+      index: index
+    });
+    setScope((rule.scope || []).filter(function (_, i) {
+      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 canAddCondition = isNotEmpty(conditionFields);
+  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 (hasLeadTimeTrigger && rule.delay) setDelay(null);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [hasLeadTimeTrigger, rule.delay]);
+  var handleAddCondition = function handleAddCondition() {
+    if (isEmpty(conditionFields)) return;
+    setConditions([].concat(_toConsumableArray(rule.conditions), [{
+      joinType: joinTypeFor(rule.conditionMode),
+      metadata: {}
+    }]));
+    openPane({
+      type: BUILDER_ANCHORS.COND_FIELD,
+      index: rule.conditions.length
+    });
+  };
+  var handleClearTrigger = function handleClearTrigger() {
+    setTriggers([]);
+    setPerformer(null);
+    setConditions([]);
+    setDelay(null);
+    setActions([]);
+    setScope([]);
+    closePane();
+  };
+  var handleAddAction = function handleAddAction() {
+    openPane({
+      type: BUILDER_ANCHORS.ACTION_ADD,
+      index: rule.actions.length
+    });
+  };
+  var slotCtx = {
+    rule: rule,
+    schema: schema,
+    openPane: openPane
+  };
+  var renderSlot = function renderSlot(name) {
+    var _schema$slots$name, _schema$slots, _schema$slots$name2;
+    return (// eslint-disable-next-line security/detect-object-injection
+      (_schema$slots$name = schema === null || schema === void 0 || (_schema$slots = schema.slots) === null || _schema$slots === void 0 || (_schema$slots$name2 = _schema$slots[name]) === null || _schema$slots$name2 === void 0 ? void 0 : _schema$slots$name2.call(_schema$slots, slotCtx)) !== null && _schema$slots$name !== void 0 ? _schema$slots$name : null
+    );
+  };
+  return /*#__PURE__*/jsx("div", {
+    className: "neeto-rules-builder",
+    children: /*#__PURE__*/jsxs("div", {
+      className: "mb-canvas neeto-rules-main-card",
+      children: [/*#__PURE__*/jsx(WhenBlock, {
+        isActive: isActive,
+        isInvalid: isInvalid,
+        schema: schema,
+        rule: displayRule,
+        onClearTrigger: isTriggerSet && handleClearTrigger,
+        onToken: openPane,
+        onAddCondition: canAddCondition && isEmpty(displayRule.conditions) && handleAddCondition
+      }), renderSlot("afterWhen"), displayRule.conditions.map(function (condition, index) {
+        var _condition$id;
+        return /*#__PURE__*/createElement(ConditionRow, {
+          condition: condition,
+          index: index,
+          isActive: isActive,
+          isInvalid: isInvalid,
+          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
+        });
+      }), renderSlot("afterConditions"), /*#__PURE__*/jsx(Connector, {
+        active: isTriggerSet
+      }), isDelayEnabled && isTriggerSet && (rule.delay ? /*#__PURE__*/jsxs(Fragment$1, {
+        children: [/*#__PURE__*/jsx(DelayRow, {
+          isActive: isActive,
+          isInvalid: isInvalid,
+          rule: rule,
+          onRemove: handleRemoveDelay,
+          onToken: openPane
+        }), /*#__PURE__*/jsx(Connector, {
+          active: true
+        })]
+      }) : /*#__PURE__*/jsx("div", {
+        className: "mb-add-row",
+        children: /*#__PURE__*/jsx(Button, {
+          icon: Plus,
+          iconPosition: "left",
+          label: t("neetoRules.common.addDelay"),
+          size: "sm",
+          variant: "secondary",
+          onClick: function onClick() {
+            return openPane({
+              type: BUILDER_ANCHORS.RULE_DELAY
+            });
+          }
+        })
+      })), /*#__PURE__*/jsx(ThenBlock, {
+        isActive: isActive,
+        isInvalid: isInvalid,
+        schema: schema,
+        adding: addingAction,
+        rule: displayRule,
+        onAddAction: handleAddAction,
+        onRemoveAction: handleRemoveAction,
+        onToken: openPane
+      }), renderSlot("afterActions"), isScopeEnabled && /*#__PURE__*/jsxs(Fragment$1, {
+        children: [/*#__PURE__*/jsx(Connector, {
+          active: true
+        }), /*#__PURE__*/jsx(ScopeBlock, {
+          isActive: isActive,
+          isInvalid: isInvalid,
+          schema: schema,
+          rule: displayRule,
+          onRemoveScope: handleRemoveScope,
+          onToken: openPane
+        })]
+      }), isComplete && /*#__PURE__*/jsxs(Fragment$1, {
+        children: [/*#__PURE__*/jsx(Connector, {
+          active: true
+        }), /*#__PURE__*/jsx(MetaBlock, {
+          rule: rule,
+          isInvalid: isInvalid({
+            type: BUILDER_ANCHORS.META_NAME
+          }),
+          showName: (_schema$meta$showName = schema === null || schema === void 0 || (_schema$meta = schema.meta) === null || _schema$meta === void 0 ? void 0 : _schema$meta.showName) !== null && _schema$meta$showName !== void 0 ? _schema$meta$showName : true,
+          onEditName: function onEditName() {
+            return openPane({
+              type: BUILDER_ANCHORS.META_NAME
+            });
+          },
+          onToggleActive: function onToggleActive(event) {
+            return setActive(event.target.checked);
+          }
+        })]
+      })]
+    })
+  });
+};
+
+var ACTION_CONFIG_TYPES = {
+  emailChannel: "emailChannel",
+  multiSelect: "multiSelect",
+  dropdown: "dropdown",
+  note: "note",
+  textarea: "textarea",
+  number: "number",
+  text: "text",
+  regex: "regex",
+  decimal: "decimal",
+  date: "date"
+};
+var CONDITION_VALUE_TYPES = {
+  multiSelect: "multi-select",
+  multiSelectCreate: "multi-select-create",
+  number: "number",
+  email: "email"
+};
+
+var restoreTokens = function restoreTokens(text) {
+  return text ? text.replace(/\[\[/g, "{{").replace(/\]\]/g, "}}") : text;
+};
+var ActionConfigFields = function ActionConfigFields(_ref) {
+  var name = _ref.name,
+    option = _ref.option,
+    action = _ref.action,
+    _ref$searchTerm = _ref.searchTerm,
+    searchTerm = _ref$searchTerm === void 0 ? "" : _ref$searchTerm;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useFormikContext = useFormikContext(),
+    values = _useFormikContext.values,
+    setFieldValue = _useFormikContext.setFieldValue,
+    setFieldTouched = _useFormikContext.setFieldTouched,
+    errors = _useFormikContext.errors,
+    touched = _useFormikContext.touched;
+  var type = option === null || option === void 0 ? void 0 : option.type;
+  var options = normalizeOptions(option === null || option === void 0 ? void 0 : option.dropdownOptions);
+  var valuePath = "".concat(name, ".value");
+  var fieldError = function fieldError(path) {
+    return getIn(touched, path) && getIn(errors, path);
+  };
+  var term = searchTerm.trim().toLowerCase();
+  var filterOptions = function filterOptions(list) {
+    return term ? list.filter(function (item) {
+      return String(item.label).toLowerCase().includes(term);
+    }) : list;
+  };
+  var hint = restoreTokens(option === null || option === void 0 ? void 0 : option.dynamicValuesHint);
+  var hintBlock = hint ? /*#__PURE__*/jsx(Typography, {
+    className: "text-muted-foreground",
+    variant: "body3",
+    children: hint
+  }) : null;
+  var noOptionsMessage = function noOptionsMessage() {
+    var noun = (option === null || option === void 0 ? void 0 : option.valueNounPlural) || (option === null || option === void 0 ? void 0 : option.valueNoun);
+    return /*#__PURE__*/jsx(Typography, {
+      className: "text-muted-foreground",
+      variant: "body2",
+      children: noun ? t("neetoRules.builder.config.noOptionsFor", {
+        field: noun
+      }) : t("neetoRules.builder.config.noOptions")
+    });
+  };
+  var noMatches = /*#__PURE__*/jsx("div", {
+    className: "mb-pane-empty",
+    children: t("neetoRules.builder.noMatches")
+  });
+  if (type === ACTION_CONFIG_TYPES.emailChannel) {
+    var _getIn, _action$metadata;
+    var subjectPath = "".concat(name, ".subject");
+    var bodyPath = "".concat(name, ".body");
+    return /*#__PURE__*/jsxs("div", {
+      className: "flex flex-col gap-4",
+      children: [/*#__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 : "",
+        onBlur: function onBlur() {
+          return setFieldTouched(subjectPath, true);
+        },
+        onChange: function onChange(event) {
+          return setFieldValue(subjectPath, event.target.value);
+        }
+      }), /*#__PURE__*/jsx(EditorAction, {
+        required: true,
+        label: t("neetoRules.builder.config.body"),
+        name: bodyPath,
+        placeholder: t("neetoRules.builder.config.bodyPlaceholder"),
+        value: action === null || action === void 0 || (_action$metadata = action.metadata) === null || _action$metadata === void 0 ? void 0 : _action$metadata.body,
+        variables: option === null || option === void 0 ? void 0 : option.variables
+      }), hintBlock]
+    });
+  }
+  if (type === ACTION_CONFIG_TYPES.multiSelect) {
+    if (isEmpty(options)) return noOptionsMessage();
+    var current = getIn(values, valuePath) || [];
+    var filtered = filterOptions(options);
+    if (term && isEmpty(filtered)) return noMatches;
+    var toggle = function toggle(value) {
+      setFieldTouched(valuePath, true);
+      setFieldValue(valuePath, current.includes(value) ? current.filter(isNot(value)) : [].concat(_toConsumableArray(current), [value]));
+    };
+    return /*#__PURE__*/jsxs("div", {
+      className: "flex flex-col gap-y-1",
+      children: [filtered.map(function (item) {
+        return /*#__PURE__*/jsx(Checkbox, {
+          checked: current.includes(item.value),
+          label: item.label,
+          onCheckedChange: function onCheckedChange() {
+            return toggle(item.value);
+          }
+        }, item.value);
+      }), fieldError(valuePath) && /*#__PURE__*/jsx(Typography, {
+        className: "text-destructive",
+        variant: "body3",
+        children: fieldError(valuePath)
+      })]
+    });
+  }
+  if (type === ACTION_CONFIG_TYPES.dropdown) {
+    if (isEmpty(options)) return noOptionsMessage();
+    var _current = getIn(values, valuePath);
+    var _filtered = filterOptions(options);
+    if (term && isEmpty(_filtered)) return noMatches;
+    return /*#__PURE__*/jsx(RadioGroup, {
+      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;
+        });
+        setFieldValue(valuePath, picked ? picked.value : value);
+      },
+      children: _filtered.map(function (item) {
+        return /*#__PURE__*/jsx(RadioGroup.Item, {
+          label: item.label,
+          value: String(item.value)
+        }, item.value);
+      })
+    });
+  }
+  if (type === ACTION_CONFIG_TYPES.note) {
+    var _action$metadata2;
+    return /*#__PURE__*/jsxs("div", {
+      className: "flex flex-col gap-2",
+      children: [/*#__PURE__*/jsx(EditorAction, {
+        required: true,
+        label: t("neetoRules.builder.config.note"),
+        name: valuePath,
+        placeholder: t("neetoRules.builder.config.bodyPlaceholder"),
+        value: action === null || action === void 0 || (_action$metadata2 = action.metadata) === null || _action$metadata2 === void 0 ? void 0 : _action$metadata2.value,
+        variables: option === null || option === void 0 ? void 0 : option.variables
+      }), hintBlock]
+    });
+  }
+  if (type === ACTION_CONFIG_TYPES.textarea || type === ACTION_CONFIG_TYPES.number) {
+    var _getIn2, _getIn3;
+    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 : "",
+      onBlur: function onBlur() {
+        return setFieldTouched(valuePath, true);
+      },
+      onChange: function onChange(event) {
+        return setFieldValue(valuePath, event.target.value);
+      }
+    }) : /*#__PURE__*/jsx(Textarea, {
+      required: true,
+      error: fieldError(valuePath),
+      label: t("neetoRules.builder.config.message"),
+      rows: 5,
+      size: "large",
+      value: (_getIn3 = getIn(values, valuePath)) !== null && _getIn3 !== void 0 ? _getIn3 : "",
+      onBlur: function onBlur() {
+        return setFieldTouched(valuePath, true);
+      },
+      onChange: function onChange(event) {
+        return setFieldValue(valuePath, event.target.value);
+      }
+    });
+  }
+  if (type === ACTION_CONFIG_TYPES.text || type === ACTION_CONFIG_TYPES.regex || type === ACTION_CONFIG_TYPES.decimal) {
+    var _getIn4;
+    return /*#__PURE__*/jsxs("div", {
+      className: "flex flex-col gap-2",
+      children: [/*#__PURE__*/jsx(Input, {
+        required: true,
+        error: fieldError(valuePath),
+        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 : "",
+        onBlur: function onBlur() {
+          return setFieldTouched(valuePath, true);
+        },
+        onChange: function onChange(event) {
+          return setFieldValue(valuePath, event.target.value);
+        }
+      }), hintBlock]
+    });
+  }
+  if (type === ACTION_CONFIG_TYPES.date) {
+    return /*#__PURE__*/jsxs("div", {
+      className: "flex flex-col gap-2",
+      children: [/*#__PURE__*/jsx(DatePicker, {
+        required: true,
+        error: fieldError(valuePath),
+        label: t("neetoRules.builder.config.value"),
+        type: "date",
+        value: getIn(values, valuePath) ? dayjs(getIn(values, valuePath)) : undefined,
+        onBlur: function onBlur() {
+          return setFieldTouched(valuePath, true);
+        },
+        onChange: function onChange(date) {
+          return setFieldValue(valuePath,
+          // eslint-disable-next-line @bigbinary/neeto/use-standard-date-time-formats
+          date ? dayjs(date).format(DATE_FORMAT) : "");
+        }
+      }), hintBlock]
+    });
+  }
+  return /*#__PURE__*/jsx(Typography, {
+    variant: "body2",
+    children: t("neetoRules.builder.noConfig")
+  });
+};
+
+function _regenerator$1() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2$1(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = false, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = true, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), true), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2$1(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2$1(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2$1(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2$1(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2$1(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2$1(u), _regeneratorDefine2$1(u, o, "Generator"), _regeneratorDefine2$1(u, n, function () { return this; }), _regeneratorDefine2$1(u, "toString", function () { return "[object Generator]"; }), (_regenerator$1 = function _regenerator() { return { w: i, m: f }; })(); }
+function _regeneratorDefine2$1(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2$1 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2$1(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2$1(e, r, n, t); }
+var keysUnder = function keysUnder(_ref) {
+  var obj = _ref.obj,
+    prefix = _ref.prefix,
+    _ref$exclude = _ref.exclude,
+    exclude = _ref$exclude === void 0 ? [] : _ref$exclude;
+  return Object.keys(flatten(obj || {})).filter(function (key) {
+    return (key === prefix || key.startsWith("".concat(prefix, "."))) && !exclude.some(function (sub) {
+      return key === "".concat(prefix, ".").concat(sub) || key.startsWith("".concat(prefix, ".").concat(sub, "."));
+    });
+  });
+};
+var usePaneValidation = function usePaneValidation(prefix) {
+  var _useFormikContext = useFormikContext(),
+    validateForm = _useFormikContext.validateForm,
+    setFieldTouched = _useFormikContext.setFieldTouched,
+    errors = _useFormikContext.errors;
+  var errorsRef = useRef(errors);
+  errorsRef.current = errors;
+  useEffect(function () {
+    keysUnder({
+      obj: errorsRef.current,
+      prefix: prefix
+    }).forEach(function (key) {
+      return setFieldTouched(key, false, false);
+    });
+    return function () {
+      keysUnder({
+        obj: errorsRef.current,
+        prefix: prefix
+      }).forEach(function (key) {
+        return setFieldTouched(key, true, false);
+      });
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [prefix]);
+  var validate = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator$1().m(function _callee() {
+      var exclude,
+        nextErrors,
+        offending,
+        _args = arguments;
+      return _regenerator$1().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            exclude = _args.length > 0 && _args[0] !== undefined ? _args[0] : [];
+            _context.n = 1;
+            return validateForm();
+          case 1:
+            nextErrors = _context.v;
+            offending = keysUnder({
+              obj: nextErrors,
+              prefix: prefix,
+              exclude: exclude
+            });
+            offending.forEach(function (key) {
+              return setFieldTouched(key, true, false);
+            });
+            return _context.a(2, isEmpty(offending));
+        }
+      }, _callee);
+    }));
+    return function validate() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  return {
+    validate: validate
+  };
+};
+
+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 = _ref.schema,
+    index = _ref.index;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useRuleModel = useRuleModel(schema),
+    rule = _useRuleModel.rule,
+    fieldKeys = _useRuleModel.fieldKeys;
+  var _useFormikContext = useFormikContext(),
+    setFieldValue = _useFormikContext.setFieldValue;
+  var _usePaneCascade = usePaneCascade(schema),
+    openType = _usePaneCascade.openType,
+    closePane = _usePaneCascade.closePane;
+  var bodyRef = useRef(null);
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    searchTerm = _useState2[0],
+    setSearchTerm = _useState2[1];
+
+  // eslint-disable-next-line security/detect-object-injection
+  var action = rule.actions[index] || {};
+  var base = "".concat(fieldKeys.actions, ".value.").concat(index);
+  var _actionParts = actionParts({
+      schema: schema,
+      action: action
+    }),
+    option = _actionParts.option,
+    channel = _actionParts.channel,
+    verb = _actionParts.verb,
+    mediumLabel = _actionParts.mediumLabel,
+    needsRecipient = _actionParts.needsRecipient,
+    configTitle = _actionParts.configTitle,
+    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;
+  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 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 unnamedOnOpen = useRef(!action.name);
+  useEffect(function () {
+    if (!unnamedOnOpen.current || !channelRepName) return undefined;
+    setFieldValue("".concat(base, ".name"), channelRepName);
+    return function () {
+      return setFieldValue("".concat(base, ".name"), "");
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [base, channelRepName]);
+  useEffect(function () {
+    if (isSms) return undefined;
+    var frame;
+    var attempts = 0;
+    var _focusFirst = function focusFirst() {
+      var _bodyRef$current;
+      var first = (_bodyRef$current = bodyRef.current) === null || _bodyRef$current === void 0 ? void 0 : _bodyRef$current.querySelector(CONFIG_FOCUSABLE_SELECTOR);
+      if (first) {
+        first.focus();
+      } else if (attempts++ < 20) {
+        frame = requestAnimationFrame(_focusFirst);
+      }
+    };
+    frame = requestAnimationFrame(_focusFirst);
+    return function () {
+      return cancelAnimationFrame(frame);
+    };
+  }, [isSms, action.name]);
+  var title = configTitle || mediumLabel && t("neetoRules.builder.setUpMediumLabel", {
+    verb: verb || t("neetoRules.builder.setUp"),
+    mediumLabel: mediumLabel
+  }) || (option === null || option === void 0 ? void 0 : option.label) || t("neetoRules.builder.setUpAction");
+  var handleContinue = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee() {
+      return _regenerator().w(function (_context) {
+        while (1) switch (_context.n) {
+          case 0:
+            _context.n = 1;
+            return validate(["emails"]);
+          case 1:
+            if (_context.v) {
+              _context.n = 2;
+              break;
+            }
+            return _context.a(2);
+          case 2:
+            if (shouldAdvanceToRecipient) {
+              openType({
+                type: BUILDER_PANEL_TYPES.RECIPIENT,
+                data: {
+                  index: index,
+                  anchor: BUILDER_ANCHORS.ACTION_RECIPIENT
+                }
+              });
+            } else {
+              closePane();
+            }
+          case 3:
+            return _context.a(2);
+        }
+      }, _callee);
+    }));
+    return function handleContinue() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(Panel.Header, {
+      children: /*#__PURE__*/jsxs("div", {
+        className: "flex w-full flex-col gap-y-2",
+        children: [/*#__PURE__*/jsx(Typography, {
+          variant: "h3",
+          children: title
+        }), configSubtitle && /*#__PURE__*/jsx(Typography, {
+          className: "text-muted-foreground",
+          variant: "body2",
+          children: configSubtitle
+        }), showSearch && /*#__PURE__*/jsx("div", {
+          className: "mb-pane-search",
+          children: /*#__PURE__*/jsx(Input, {
+            placeholder: t("neetoRules.builder.searchPlaceholder"),
+            prefix: /*#__PURE__*/jsx(Search, {}),
+            size: "large",
+            value: searchTerm,
+            onChange: function onChange(event) {
+              return setSearchTerm(event.target.value);
+            }
+          })
+        })]
+      })
+    }), /*#__PURE__*/jsx(Panel.Body, {
+      children: /*#__PURE__*/jsxs("div", {
+        ref: bodyRef,
+        children: [disabledReason && /*#__PURE__*/jsx("div", {
+          className: "mb-4",
+          children: /*#__PURE__*/jsx(ErrorCallout, {
+            message: disabledReason,
+            selectedField: flatOption
+          })
+        }), isSms ? /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx(SmsFields, {
+            action: action,
+            index: index,
+            name: name,
+            shouldAutoFocus: true,
+            selectedField: flatOption,
+            showPhoneNumberInput: false
+          }), /*#__PURE__*/jsx(Typography, {
+            className: "text-muted-foreground mt-2",
+            variant: "body3",
+            children: t("neetoRules.builder.config.smsSegmentHint")
+          })]
+        }) : (_hostRenderConfig = hostRenderConfig === null || hostRenderConfig === void 0 ? void 0 : hostRenderConfig({
+          name: name,
+          action: action,
+          option: flatOption,
+          searchTerm: searchTerm
+        })) !== null && _hostRenderConfig !== void 0 ? _hostRenderConfig : /*#__PURE__*/jsx(ActionConfigFields, {
+          action: action,
+          name: name,
+          searchTerm: searchTerm,
+          option: flatOption
+        })]
+      })
+    }), shouldAdvanceToRecipient && /*#__PURE__*/jsx(Panel.Footer, {
+      children: /*#__PURE__*/jsx(Button, {
+        label: t("neetoRules.buttons.continue"),
+        size: "lg",
+        onClick: handleContinue
+      })
+    })]
+  });
+};
+
+var DelayPane = function DelayPane(_ref) {
+  var _schema$delay;
+  var schema = _ref.schema;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useRuleModel = useRuleModel(schema),
+    fieldKeys = _useRuleModel.fieldKeys;
+  var _useFormikContext = useFormikContext(),
+    setFieldValue = _useFormikContext.setFieldValue;
+  var bodyRef = useRef(null);
+  var name = fieldKeys.delay;
+  var _useField = useField("".concat(name, ".value")),
+    _useField2 = _slicedToArray(_useField, 1),
+    value = _useField2[0].value;
+  var units = normalizeOptions((_schema$delay = schema.delay) === null || _schema$delay === void 0 ? void 0 : _schema$delay.units);
+  var unitOptions = isNotEmpty(units) ? units : DEFAULT_DELAY_UNITS;
+  usePaneValidation("".concat(name, ".value"));
+  useEffect(function () {
+    if (isEmpty(value || {})) {
+      var _unitOptions$0$value, _unitOptions$;
+      setFieldValue("".concat(name, ".value"), {
+        value: 10,
+        unit: (_unitOptions$0$value = (_unitOptions$ = unitOptions[0]) === null || _unitOptions$ === void 0 ? void 0 : _unitOptions$.value) !== null && _unitOptions$0$value !== void 0 ? _unitOptions$0$value : "minutes"
+      });
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  useEffect(function () {
+    var _bodyRef$current;
+    var first = (_bodyRef$current = bodyRef.current) === null || _bodyRef$current === void 0 ? void 0 : _bodyRef$current.querySelector("input");
+    // eslint-disable-next-line @bigbinary/neeto/prefer-function-reference
+    if (first) setTimeout(function () {
+      return first.focus();
+    }, 0);
+  }, []);
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(Panel.Header, {
+      children: /*#__PURE__*/jsxs("div", {
+        className: "flex flex-col gap-y-1",
+        children: [/*#__PURE__*/jsx(Typography, {
+          variant: "h3",
+          children: t("neetoRules.common.addDelay")
+        }), /*#__PURE__*/jsx(Typography, {
+          className: "text-muted-foreground",
+          variant: "body2",
+          children: t("neetoRules.helpText.addDelay")
+        })]
+      })
+    }), /*#__PURE__*/jsx(Panel.Body, {
+      children: /*#__PURE__*/jsxs("div", {
+        className: "flex flex-col gap-y-1.5",
+        ref: bodyRef,
+        children: [/*#__PURE__*/jsx(Typography, {
+          className: "text-foreground",
+          variant: "body2",
+          weight: "medium",
+          children: t("neetoRules.builder.waitFor")
+        }), /*#__PURE__*/jsxs("div", {
+          className: "flex items-start gap-x-2",
+          children: [/*#__PURE__*/jsx(Input$1, {
+            className: "w-44",
+            max: 999,
+            min: 1,
+            name: "".concat(name, ".value.value"),
+            placeholder: t("neetoRules.placeholders.enterDelay"),
+            size: "large",
+            type: "number"
+          }), /*#__PURE__*/jsx(Select, {
+            defaultValue: value === null || value === void 0 ? void 0 : value.unit,
+            name: "".concat(name, ".value.unit"),
+            options: unitOptions,
+            size: "large",
+            onChange: function onChange(nextUnit) {
+              return setFieldValue("".concat(name, ".value.unit"), nextUnit);
+            }
+          })]
+        })]
+      })
+    })]
+  });
+};
+
+var toNumber = function toNumber(value) {
+  return value === "" || isNil(value) ? null : Number(value);
+};
+var clamp = function clamp(_ref) {
+  var value = _ref.value,
+    min = _ref.min,
+    max = _ref.max;
+  var next = value;
+  if (!isNil(min)) next = Math.max(min, next);
+  if (!isNil(max)) next = Math.min(max, next);
+  return next;
+};
+var asText = function asText(value) {
+  return value === "" || isNil(value) ? "" : String(value);
+};
+
+var NumberStepper = function NumberStepper(_ref) {
+  var value = _ref.value,
+    onChange = _ref.onChange,
+    label = _ref.label,
+    _ref$min = _ref.min,
+    min = _ref$min === void 0 ? 1 : _ref$min,
+    max = _ref.max,
+    required = _ref.required;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    draft = _useState2[0],
+    setDraft = _useState2[1];
+  var display = draft !== null && draft !== void 0 ? draft : asText(value);
+  var commit = function commit(raw) {
+    setDraft(raw);
+    onChange(raw === "" ? min !== null && min !== void 0 ? min : 0 : clamp({
+      value: Number(raw),
+      min: min,
+      max: max
+    }));
+  };
+  var step = function step(delta) {
+    setDraft(null);
+    var base = Number.isFinite(toNumber(value)) ? toNumber(value) : min !== null && min !== void 0 ? min : 0;
+    onChange(clamp({
+      value: base + delta,
+      min: min,
+      max: max
+    }));
+  };
+  return /*#__PURE__*/jsxs("div", {
+    className: "mb-stepper",
+    children: [/*#__PURE__*/jsx(Input, {
+      label: label,
+      min: min,
+      required: required,
+      autoFocus: true,
+      type: "number",
+      value: display,
+      onBlur: function onBlur() {
+        return setDraft(null);
+      },
+      onChange: function onChange(event) {
+        return commit(event.target.value);
+      },
+      onFocus: function onFocus(event) {
+        return event.target.select();
+      }
+    }), /*#__PURE__*/jsxs("div", {
+      className: "mb-stepper-controls",
+      children: [/*#__PURE__*/jsx("button", {
+        "aria-label": t("neetoRules.builder.aria.increase"),
+        className: "mb-stepper-btn",
+        tabIndex: -1,
+        type: "button",
+        onClick: function onClick() {
+          return step(1);
+        },
+        children: /*#__PURE__*/jsx(Up, {})
+      }), /*#__PURE__*/jsx("button", {
+        "aria-label": t("neetoRules.builder.aria.decrease"),
+        className: "mb-stepper-btn",
+        tabIndex: -1,
+        type: "button",
+        onClick: function onClick() {
+          return step(-1);
+        },
+        children: /*#__PURE__*/jsx(Down, {})
+      })]
+    })]
+  });
+};
+
+var LeadTimePane = function LeadTimePane(_ref) {
+  var schema = _ref.schema;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useFormikContext = useFormikContext(),
+    setFieldValue = _useFormikContext.setFieldValue;
+  var _useRuleModel = useRuleModel(schema),
+    rule = _useRuleModel.rule,
+    fieldKeys = _useRuleModel.fieldKeys;
+  var _minutesToParts = minutesToParts(rule.leadTime),
+    amount = _minutesToParts.value,
+    unit = _minutesToParts.unit;
+  var path = "".concat(fieldKeys.leadTime, ".value");
+  var update = function update(_ref2) {
+    var value = _ref2.value,
+      nextUnit = _ref2.unit;
+    return setFieldValue(path, partsToMinutes({
+      value: value,
+      unit: nextUnit
+    }));
+  };
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(Panel.Header, {
+      children: /*#__PURE__*/jsxs("div", {
+        className: "flex flex-col gap-y-1",
+        children: [/*#__PURE__*/jsx(Typography, {
+          variant: "h3",
+          children: t("neetoRules.builder.leadTimeTitle")
+        }), /*#__PURE__*/jsx(Typography, {
+          className: "text-muted-foreground",
+          variant: "body2",
+          children: t("neetoRules.builder.leadTimeSubtitle")
+        })]
+      })
+    }), /*#__PURE__*/jsx(Panel.Body, {
+      children: /*#__PURE__*/jsxs("div", {
+        className: "flex items-end gap-x-3",
+        children: [/*#__PURE__*/jsx("div", {
+          className: "flex-1",
+          children: /*#__PURE__*/jsx(NumberStepper, {
+            label: t("neetoRules.builder.before"),
+            value: amount,
+            onChange: function onChange(value) {
+              return update({
+                value: value === "" ? 0 : value,
+                unit: unit
+              });
+            }
+          })
+        }), /*#__PURE__*/jsx("div", {
+          className: "w-32 shrink-0",
+          children: /*#__PURE__*/jsx(Select$1, {
+            isSearchable: false,
+            options: LEAD_TIME_UNITS,
+            value: unit,
+            onChange: function onChange(nextUnit) {
+              return update({
+                value: amount,
+                unit: nextUnit
+              });
+            }
+          })
+        })]
+      })
+    })]
+  });
+};
+
+var NamePane = function NamePane(_ref) {
+  var schema = _ref.schema;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useRuleModel = useRuleModel(schema),
+    fieldKeys = _useRuleModel.fieldKeys;
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(Panel.Header, {
+      children: /*#__PURE__*/jsxs("div", {
+        className: "flex flex-col gap-y-1",
+        children: [/*#__PURE__*/jsx(Typography, {
+          variant: "h3",
+          children: t("neetoRules.builder.automationName")
+        }), /*#__PURE__*/jsx(Typography, {
+          className: "text-muted-foreground",
+          variant: "body2",
+          children: t("neetoRules.builder.nameSubtitle")
+        })]
+      })
+    }), /*#__PURE__*/jsx(Panel.Body, {
+      children: /*#__PURE__*/jsx(Input$1, {
+        autoFocus: true,
+        required: true,
+        label: t("neetoRules.common.name"),
+        name: "".concat(fieldKeys.name, ".value"),
+        placeholder: t("neetoRules.builder.nameYourAutomation"),
+        size: "large"
+      })
+    })]
+  });
+};
+
+function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var OptionsPane = function OptionsPane(_ref) {
+  var schema = _ref.schema,
+    anchor = _ref.anchor,
+    index = _ref.index,
+    _ref$belowContent = _ref.belowContent,
+    belowContent = _ref$belowContent === void 0 ? null : _ref$belowContent;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useFormikContext = useFormikContext(),
+    setFieldValue = _useFormikContext.setFieldValue;
+  var _useRuleModel = useRuleModel(schema),
+    rule = _useRuleModel.rule,
+    fieldKeys = _useRuleModel.fieldKeys,
+    setTriggers = _useRuleModel.setTriggers,
+    setPerformer = _useRuleModel.setPerformer,
+    setConditionMode = _useRuleModel.setConditionMode;
+  var _usePaneCascade = usePaneCascade(schema),
+    openType = _usePaneCascade.openType,
+    closePane = _usePaneCascade.closePane;
+  var _useUtilityStore = useUtilityStore(useShallow(function (store) {
+      return {
+        setBuilderPreview: store["setBuilderPreview"]
+      };
+    })),
+    setBuilderPreview = _useUtilityStore.setBuilderPreview;
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    searchTerm = _useState2[0],
+    setSearchTerm = _useState2[1];
+  var searchRef = useRef(null);
+
+  // eslint-disable-next-line react-hooks/exhaustive-deps
+  useEffect(function () {
+    return function () {
+      return setBuilderPreview(null);
+    };
+  }, []);
+  useEffect(function () {
+    var _searchRef$current;
+    (_searchRef$current = searchRef.current) === null || _searchRef$current === void 0 || (_searchRef$current = _searchRef$current.querySelector("input")) === null || _searchRef$current === void 0 || _searchRef$current.focus();
+  }, []);
+  var _useMemo = useMemo(function () {
+      return descriptorFor({
+        anchor: anchor,
+        schema: schema,
+        rule: rule,
+        index: index
+      });
+    }, [anchor, schema, rule, index]),
+    title = _useMemo.title,
+    subtitle = _useMemo.subtitle,
+    multi = _useMemo.multi,
+    options = _useMemo.options,
+    selectedValues = _useMemo.selectedValues,
+    cascade = _useMemo.cascade;
+  var helpers = {
+    setTriggers: setTriggers,
+    setPerformer: setPerformer,
+    setConditionMode: setConditionMode,
+    setFieldValue: setFieldValue,
+    fieldKeys: fieldKeys
+  };
+  var showSearch = (schema === null || schema === void 0 ? void 0 : schema.searchable) !== false && options.length >= PANE_SEARCH_THRESHOLD;
+  var term = searchTerm.trim().toLowerCase();
+  var filtered = useMemo(function () {
+    return term ? options.filter(function (option) {
+      return option.label.toLowerCase().includes(term);
+    }) : options;
+  }, [options, term]);
+  var groups = useMemo(function () {
+    return groupByCategory(filtered);
+  }, [filtered]);
+  // eslint-disable-next-line @bigbinary/neeto/prefer-function-reference
+  var isSelected = function isSelected(value) {
+    return selectedValues.includes(value);
+  };
+  var handleSelect = function handleSelect(value) {
+    setBuilderPreview(null);
+    var result = commitFor({
+      anchor: anchor,
+      schema: schema,
+      rule: rule,
+      index: index,
+      value: value,
+      helpers: helpers
+    });
+    if (result === "close") closePane();
+  };
+  var multiCandidate = function multiCandidate(optionValue) {
+    return selectedValues.includes(optionValue) ? selectedValues.filter(isNot(optionValue)) : [].concat(_toConsumableArray(selectedValues.filter(Boolean)), [optionValue]);
+  };
+  var previewHandlers = function previewHandlers(optionValue) {
+    var value = multi ? multiCandidate(optionValue) : optionValue;
+    return {
+      onMouseEnter: function onMouseEnter() {
+        return setBuilderPreview({
+          anchor: anchor,
+          index: index,
+          value: value
+        });
+      },
+      onMouseLeave: function onMouseLeave() {
+        return setBuilderPreview(null);
+      }
+    };
+  };
+  var handleContinue = function handleContinue() {
+    var target = continueTargetFor({
+      anchor: anchor,
+      schema: schema,
+      rule: rule,
+      index: index
+    });
+    if (target) openType({
+      type: target.type,
+      data: target.data
+    });else closePane();
+  };
+  var optionLabel = function optionLabel(option) {
+    var Icon = option.icon;
+    if (!Icon && !option.disabledReason) 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, {
+        content: option.disabledTooltip,
+        position: "top",
+        children: /*#__PURE__*/jsx("span", {
+          className: "mb-pane-warn",
+          children: option.disabledReason
+        })
+      }) : /*#__PURE__*/jsx("span", {
+        className: "mb-pane-warn",
+        children: option.disabledReason
+      }))]
+    });
+  };
+  var renderGroupHeader = function renderGroupHeader(category) {
+    return category && /*#__PURE__*/jsx("div", {
+      className: "mb-pane-group",
+      children: category
+    });
+  };
+  var renderBody = function renderBody() {
+    var _selectedValues$;
+    if (isEmpty(filtered)) {
+      return /*#__PURE__*/jsx("div", {
+        className: "mb-pane-empty",
+        children: t("neetoRules.builder.noMatches")
+      });
+    }
+    if (multi) {
+      return /*#__PURE__*/jsx("div", {
+        className: "flex flex-col",
+        children: groups.map(function (_ref2) {
+          var _ref3 = _slicedToArray(_ref2, 2),
+            category = _ref3[0],
+            items = _ref3[1];
+          return /*#__PURE__*/jsxs(Fragment$1, {
+            children: [renderGroupHeader(category), items.map(function (option) {
+              return /*#__PURE__*/jsx(Checkbox, _objectSpread$2(_objectSpread$2({
+                checked: isSelected(option.value),
+                disabled: option.disabled,
+                label: optionLabel(option),
+                labelProps: previewHandlers(option.value),
+                onCheckedChange: function onCheckedChange() {
+                  return handleSelect(option.value);
+                }
+              }, option.icon || option.disabledReason ? {
+                dataTestid: option.value
+              } : {}), previewHandlers(option.value)), option.value);
+            })]
+          }, category || "_uncategorized");
+        })
+      });
+    }
+    return /*#__PURE__*/jsx(RadioGroup, {
+      orientation: "vertical",
+      value: (_selectedValues$ = selectedValues === null || selectedValues === void 0 ? void 0 : selectedValues[0]) !== null && _selectedValues$ !== void 0 ? _selectedValues$ : "",
+      onValueChange: handleSelect,
+      children: groups.flatMap(function (_ref4) {
+        var _ref5 = _slicedToArray(_ref4, 2),
+          category = _ref5[0],
+          items = _ref5[1];
+        return [category ? /*#__PURE__*/jsx("div", {
+          className: "mb-pane-group",
+          children: category
+        }, "group-".concat(category)) : null].concat(_toConsumableArray(items.map(function (option) {
+          return /*#__PURE__*/jsx(RadioGroup.Item, _objectSpread$2(_objectSpread$2({
+            disabled: option.disabled,
+            label: optionLabel(option),
+            labelProps: previewHandlers(option.value),
+            value: option.value
+          }, option.icon || option.disabledReason ? {
+            dataTestid: option.value
+          } : {}), previewHandlers(option.value)), option.value);
+        })));
+      }).filter(Boolean)
+    });
+  };
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(Panel.Header, {
+      children: /*#__PURE__*/jsxs("div", {
+        className: "flex w-full flex-col gap-y-2",
+        children: [/*#__PURE__*/jsx(Typography, {
+          variant: "h3",
+          children: title
+        }), /*#__PURE__*/jsx(Typography, {
+          className: "text-muted-foreground",
+          variant: "body2",
+          children: subtitle
+        }), showSearch && /*#__PURE__*/jsx("div", {
+          className: "mb-pane-search",
+          ref: searchRef,
+          children: /*#__PURE__*/jsx(Input, {
+            placeholder: t("neetoRules.builder.searchPlaceholder"),
+            prefix: /*#__PURE__*/jsx(Search, {}),
+            size: "large",
+            value: searchTerm,
+            onChange: function onChange(event) {
+              return setSearchTerm(event.target.value);
+            }
+          })
+        })]
+      })
+    }), /*#__PURE__*/jsxs(Panel.Body, {
+      children: [renderBody(), belowContent]
+    }), cascade && /*#__PURE__*/jsx(Panel.Footer, {
+      children: /*#__PURE__*/jsx(Button, {
+        disabled: !selectedValues.some(Boolean),
+        label: t("neetoRules.buttons.continue"),
+        size: "lg",
+        onClick: handleContinue
+      })
+    })]
+  });
+};
+
+var RecipientField = function RecipientField(_ref) {
+  var field = _ref.field,
+    name = _ref.name,
+    dropdownOptions = _ref.dropdownOptions,
+    placeholder = _ref.placeholder;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useFormikContext = useFormikContext(),
+    values = _useFormikContext.values,
+    setFieldValue = _useFormikContext.setFieldValue,
+    setFieldTouched = _useFormikContext.setFieldTouched,
+    errors = _useFormikContext.errors,
+    touched = _useFormikContext.touched;
+  var fieldError = function fieldError(path) {
+    return getIn(touched, path) && getIn(errors, path);
+  };
+  if (field === "emails") {
+    var _path = "".concat(name, ".emails");
+    var _current = getIn(values, _path) || [];
+    return /*#__PURE__*/jsx(MultiEmailInput, {
+      required: true,
+      error: fieldError(_path),
+      label: t("neetoRules.builder.config.emailAddresses"),
+      placeholder: t("neetoRules.builder.config.emailPlaceholder"),
+      value: _current.map(function (email) {
+        return {
+          label: email,
+          value: email,
+          valid: true
+        };
+      }),
+      onBlur: function onBlur() {
+        return setFieldTouched(_path, true);
+      },
+      onChange: function onChange(items) {
+        return setFieldValue(_path, pluck("value", items || []));
+      }
+    });
+  }
+  var path = "".concat(name, ".value");
+  var current = getIn(values, path);
+  var options = normalizeOptions(dropdownOptions);
+  return /*#__PURE__*/jsx(Select$1, {
+    options: options,
+    placeholder: placeholder,
+    required: true,
+    error: fieldError(path),
+    label: t("neetoRules.builder.config.recipient"),
+    size: "large",
+    value: current !== null && current !== void 0 ? current : undefined,
+    onBlur: function onBlur() {
+      return setFieldTouched(path, true);
+    },
+    onChange: function onChange(value) {
+      return setFieldValue(path, value);
+    }
+  });
+};
+
+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;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useRuleModel = useRuleModel(schema),
+    rule = _useRuleModel.rule,
+    fieldKeys = _useRuleModel.fieldKeys;
+  var bodyRef = useRef(null);
+  var belowRef = useRef(null);
+
+  // 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$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$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);
+  useEffect(function () {
+    var _bodyRef$current;
+    if (!editor) return;
+    var first = (_bodyRef$current = bodyRef.current) === null || _bodyRef$current === void 0 ? void 0 : _bodyRef$current.querySelector(RECIPIENT_FOCUSABLE_SELECTOR);
+    // eslint-disable-next-line @bigbinary/neeto/prefer-function-reference
+    if (first) setTimeout(function () {
+      return first.focus();
+    }, 0);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [!editor]);
+  var recipientConfig = (((_schema$actions6 = schema.actions) === null || _schema$actions6 === void 0 ? void 0 : _schema$actions6.options) || []).flatMap(function (option) {
+    return option.recipients || [];
+  }).concat(((_schema$actions7 = schema.actions) === null || _schema$actions7 === void 0 ? void 0 : _schema$actions7.recipients) || []).find(function (item) {
+    var _item$value;
+    return ((_item$value = item.value) !== null && _item$value !== void 0 ? _item$value : item.id) === recipient;
+  });
+  var builtInRecipientField = recipientConfig !== null && recipientConfig !== void 0 && recipientConfig.field ? /*#__PURE__*/jsx(RecipientField, {
+    name: name,
+    dropdownOptions: recipientConfig.dropdownOptions,
+    field: recipientConfig.field,
+    placeholder: recipientConfig.placeholder
+  }) : null;
+  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: recipient,
+    name: name,
+    action: action
+  })) !== null && _schema$actions$rende !== void 0 ? _schema$actions$rende : builtInRecipientField;
+  var phoneField = isSmsToNumbers ? /*#__PURE__*/jsx(PhoneNumberField, {
+    name: "".concat(name, ".phoneNumbers"),
+    phoneNumbers: (_action$metadata = action.metadata) === null || _action$metadata === void 0 ? void 0 : _action$metadata.phoneNumbers
+  }) : null;
+  var belowField = phoneField || recipientField;
+  var belowContent = belowField ? /*#__PURE__*/jsx("div", {
+    className: "mt-5",
+    ref: belowRef,
+    children: belowField
+  }) : null;
+  useEffect(function () {
+    if (!belowField) return undefined;
+    var timer = setTimeout(function () {
+      var _belowRef$current;
+      return (_belowRef$current = belowRef.current) === null || _belowRef$current === void 0 || (_belowRef$current = _belowRef$current.querySelector(RECIPIENT_FOCUSABLE_SELECTOR)) === null || _belowRef$current === void 0 ? void 0 : _belowRef$current.focus();
+    }, 0);
+    return function () {
+      return clearTimeout(timer);
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [!!belowField]);
+  if (!editor) {
+    return /*#__PURE__*/jsx(OptionsPane, {
+      belowContent: belowContent,
+      index: index,
+      schema: schema,
+      anchor: BUILDER_ANCHORS.ACTION_RECIPIENT
+    });
+  }
+
+  // eslint-disable-next-line security/detect-object-injection
+  var meta = ((_schema$actions9 = schema.actions) === null || _schema$actions9 === void 0 || (_schema$actions9 = _schema$actions9.channelMeta) === null || _schema$actions9 === void 0 ? void 0 : _schema$actions9[channel]) || {};
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(Panel.Header, {
+      children: /*#__PURE__*/jsxs("div", {
+        className: "flex w-full flex-col gap-y-2",
+        children: [/*#__PURE__*/jsx(Typography, {
+          variant: "h3",
+          children: meta.recipientTitle || t("neetoRules.builder.panes.recipientTitle")
+        }), /*#__PURE__*/jsx(Typography, {
+          className: "text-muted-foreground",
+          variant: "body2",
+          children: meta.recipientSubtitle || t("neetoRules.builder.panes.recipientSubtitle")
+        })]
+      })
+    }), /*#__PURE__*/jsx(Panel.Body, {
+      children: /*#__PURE__*/jsx("div", {
+        ref: bodyRef,
+        children: editor
+      })
+    })]
+  });
+};
+
+var ConditionValueFields = function ConditionValueFields(_ref) {
+  var name = _ref.name,
+    field = _ref.field,
+    _ref$searchTerm = _ref.searchTerm,
+    searchTerm = _ref$searchTerm === void 0 ? "" : _ref$searchTerm;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useFormikContext = useFormikContext(),
+    values = _useFormikContext.values,
+    setFieldValue = _useFormikContext.setFieldValue,
+    setFieldTouched = _useFormikContext.setFieldTouched,
+    errors = _useFormikContext.errors,
+    touched = _useFormikContext.touched;
+  var type = field === null || field === void 0 ? void 0 : field.type;
+  var valueType = (field === null || field === void 0 ? void 0 : field.valueType) || type;
+  var valuePath = "".concat(name, ".metadata.value");
+  var valuesPath = "".concat(name, ".metadata.values");
+  var enumOptions = normalizeOptions((field === null || field === void 0 ? void 0 : field.values) || (field === null || field === void 0 ? void 0 : field.dropdownOptions) || (field === null || field === void 0 ? void 0 : field.options));
+  var fieldError = function fieldError(path) {
+    return getIn(touched, path) && getIn(errors, path);
+  };
+  var term = searchTerm.trim().toLowerCase();
+  var filterOptions = function filterOptions(list) {
+    return term ? list.filter(function (option) {
+      return String(option.label).toLowerCase().includes(term);
+    }) : list;
+  };
+  var noMatches = /*#__PURE__*/jsx("div", {
+    className: "mb-pane-empty",
+    children: t("neetoRules.builder.noMatches")
+  });
+  if (type === CONDITION_VALUE_TYPES.multiSelect && isNotEmpty(enumOptions)) {
+    var current = getIn(values, valuesPath) || [];
+    var filtered = filterOptions(enumOptions);
+    if (term && isEmpty(filtered)) return noMatches;
+    var toggle = function toggle(value) {
+      setFieldTouched(valuesPath, true);
+      setFieldValue(valuesPath, current.includes(value) ? current.filter(isNot(value)) : [].concat(_toConsumableArray(current), [value]));
+    };
+    return /*#__PURE__*/jsxs("div", {
+      className: "flex flex-col gap-y-1",
+      children: [filtered.map(function (option) {
+        return /*#__PURE__*/jsx(Checkbox, {
+          checked: current.includes(option.value),
+          label: option.label,
+          onCheckedChange: function onCheckedChange() {
+            return toggle(option.value);
+          }
+        }, option.value);
+      }), fieldError(valuesPath) && /*#__PURE__*/jsx(Typography, {
+        className: "text-destructive",
+        variant: "body3",
+        children: fieldError(valuesPath)
+      })]
+    });
+  }
+  if (type === CONDITION_VALUE_TYPES.multiSelect) {
+    return /*#__PURE__*/jsx(Typography, {
+      className: "text-muted-foreground",
+      variant: "body2",
+      children: field !== null && field !== void 0 && field.label ? t("neetoRules.builder.config.noOptionsFor", {
+        field: field.label
+      }) : t("neetoRules.builder.config.noOptions")
+    });
+  }
+  if (type === CONDITION_VALUE_TYPES.multiSelectCreate) {
+    var _current = getIn(values, valuesPath) || [];
+    return /*#__PURE__*/jsx(Select$1, {
+      autoFocus: true,
+      isCreatable: true,
+      isMulti: true,
+      required: true,
+      error: fieldError(valuesPath),
+      label: t("neetoRules.builder.config.keywords"),
+      placeholder: t("neetoRules.builder.config.keywordsPlaceholder"),
+      size: "large",
+      value: _current,
+      onBlur: function onBlur() {
+        return setFieldTouched(valuesPath, true);
+      },
+      onChange: function onChange(selected) {
+        return setFieldValue(valuesPath, selected || []);
+      }
+    });
+  }
+  if (isNotEmpty(enumOptions)) {
+    var _current2 = getIn(values, valuePath);
+    var _filtered = filterOptions(enumOptions);
+    if (term && isEmpty(_filtered)) return noMatches;
+    return /*#__PURE__*/jsx(RadioGroup, {
+      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);
+      },
+      children: _filtered.map(function (option) {
+        return /*#__PURE__*/jsx(RadioGroup.Item, {
+          label: String(option.label).toLowerCase(),
+          value: String(option.value)
+        }, option.value);
+      })
+    });
+  }
+  if (valueType === CONDITION_VALUE_TYPES.number) {
+    var _getIn;
+    return /*#__PURE__*/jsx(Input, {
+      autoFocus: true,
+      required: true,
+      error: fieldError(valuePath),
+      label: t("neetoRules.common.value"),
+      size: "large",
+      type: "number",
+      value: (_getIn = getIn(values, valuePath)) !== null && _getIn !== void 0 ? _getIn : "",
+      onBlur: function onBlur() {
+        return setFieldTouched(valuePath, true);
+      },
+      onChange: function onChange(event) {
+        return setFieldValue(valuePath, event.target.value === "" ? "" : Number(event.target.value));
+      }
+    });
+  }
+  return /*#__PURE__*/jsx(Input$1, {
+    autoFocus: true,
+    required: true,
+    label: t("neetoRules.common.value"),
+    name: valuePath,
+    size: "large",
+    type: valueType === CONDITION_VALUE_TYPES.email ? "email" : "text",
+    placeholder: (field === null || field === void 0 ? void 0 : field.placeholder) || (valueType === CONDITION_VALUE_TYPES.email ? t("neetoRules.builder.config.exampleEmail") : undefined)
+  });
+};
+
+var ValuePane = function ValuePane(_ref) {
+  var _schema$conditions;
+  var schema = _ref.schema,
+    index = _ref.index;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useFormikContext = useFormikContext(),
+    setFieldValue = _useFormikContext.setFieldValue;
+  var _useRuleModel = useRuleModel(schema),
+    rule = _useRuleModel.rule,
+    fieldKeys = _useRuleModel.fieldKeys;
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    searchTerm = _useState2[0],
+    setSearchTerm = _useState2[1];
+  var searchRef = useRef(null);
+
+  // eslint-disable-next-line security/detect-object-injection
+  var condition = rule.conditions[index] || {};
+  var field = (((_schema$conditions = schema.conditions) === null || _schema$conditions === void 0 ? void 0 : _schema$conditions.fields) || []).find(function (candidate) {
+    return optionValue(candidate) === condition.field;
+  });
+  var base = "".concat(fieldKeys.conditions, ".value.").concat(index);
+  usePaneValidation("".concat(base, ".metadata"));
+  var enumOptions = normalizeOptions((field === null || field === void 0 ? void 0 : field.values) || (field === null || field === void 0 ? void 0 : field.dropdownOptions) || (field === null || field === void 0 ? void 0 : field.options));
+  var showSearch = enumOptions.length >= PANE_SEARCH_THRESHOLD;
+  var renderBody = function renderBody() {
+    var _schema$conditions2;
+    if ((_schema$conditions2 = schema.conditions) !== null && _schema$conditions2 !== void 0 && _schema$conditions2.renderValue) {
+      return schema.conditions.renderValue({
+        name: base,
+        condition: condition,
+        field: field,
+        setFieldValue: setFieldValue,
+        searchTerm: searchTerm
+      });
+    }
+    return /*#__PURE__*/jsx(ConditionValueFields, {
+      field: field,
+      searchTerm: searchTerm,
+      name: base
+    });
+  };
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(Panel.Header, {
+      children: /*#__PURE__*/jsxs("div", {
+        className: "flex w-full flex-col gap-y-2",
+        children: [/*#__PURE__*/jsx(Typography, {
+          variant: "h3",
+          children: t("neetoRules.builder.pickValue", {
+            field: (field === null || field === void 0 ? void 0 : field.label) || t("neetoRules.builder.valueWord")
+          })
+        }), /*#__PURE__*/jsx(Typography, {
+          className: "text-muted-foreground",
+          variant: "body2",
+          children: (field === null || field === void 0 ? void 0 : field.valueSubtitle) || (isMultiValueVerb(condition === null || condition === void 0 ? void 0 : condition.verb) ? t("neetoRules.builder.valuesSubtitle", {
+            field: (field === null || field === void 0 ? void 0 : field.label) || t("neetoRules.builder.valueWord")
+          }) : t("neetoRules.builder.valueSubtitle"))
+        }), showSearch && /*#__PURE__*/jsx("div", {
+          className: "mb-pane-search",
+          ref: searchRef,
+          children: /*#__PURE__*/jsx(Input, {
+            placeholder: t("neetoRules.builder.searchPlaceholder"),
+            prefix: /*#__PURE__*/jsx(Search, {}),
+            size: "large",
+            value: searchTerm,
+            onChange: function onChange(event) {
+              return setSearchTerm(event.target.value);
+            }
+          })
+        })]
+      })
+    }), /*#__PURE__*/jsx(Panel.Body, {
+      children: renderBody()
+    })]
+  });
+};
+
+var _BUILDER_PANEL_TYPE_C;
+var BUILDER_PANEL_TYPE_CONFIG_MAP = (_BUILDER_PANEL_TYPE_C = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_BUILDER_PANEL_TYPE_C, BUILDER_PANEL_TYPES.TRIGGER, {
+  component: OptionsPane
+}), BUILDER_PANEL_TYPES.ACTOR, {
+  component: OptionsPane
+}), BUILDER_PANEL_TYPES.CONDITION_FIELD, {
+  component: OptionsPane
+}), BUILDER_PANEL_TYPES.OPERATOR, {
+  component: OptionsPane
+}), BUILDER_PANEL_TYPES.CONNECTOR, {
+  component: OptionsPane
+}), BUILDER_PANEL_TYPES.ACTION_CHANNEL, {
+  component: OptionsPane
+}), BUILDER_PANEL_TYPES.RECIPIENT, {
+  component: RecipientPane
+}), BUILDER_PANEL_TYPES.CONDITION_VALUE, {
+  component: ValuePane
+}), BUILDER_PANEL_TYPES.ACTION_CONFIG, {
+  component: ConfigPane
+}), BUILDER_PANEL_TYPES.DELAY, {
+  component: DelayPane
+}), _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; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Form = function Form(_ref) {
+  var _schema$meta$showName, _schema$meta;
+  var _ref$data = _ref.data,
+    data = _ref$data === void 0 ? {} : _ref$data,
+    _ref$schema = _ref.schema,
+    rawSchema = _ref$schema === void 0 ? {} : _ref$schema,
+    url = _ref.automationRulesEndpoint,
+    title = _ref.title,
+    _ref$breadcrumbs = _ref.breadcrumbs,
+    breadcrumbs = _ref$breadcrumbs === void 0 ? {} : _ref$breadcrumbs,
+    _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
+    className = _ref.className,
+    _ref$handleSubmit = _ref.handleSubmit,
+    handleSubmit = _ref$handleSubmit === void 0 ? noop : _ref$handleSubmit,
+    _ref$handleCancel = _ref.handleCancel,
+    handleCancel = _ref$handleCancel === void 0 ? noop : _ref$handleCancel,
+    _ref$payloadKey = _ref.payloadKey,
+    payloadKey = _ref$payloadKey === void 0 ? "rule" : _ref$payloadKey,
+    _ref$isNameGeneration = _ref.isNameGenerationDisabled,
+    isNameGenerationDisabled = _ref$isNameGeneration === void 0 ? false : _ref$isNameGeneration;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var formikRef = useRef(null);
+  var formRef = useRef(null);
+  var _useCustomDataStore = useCustomDataStore(useShallow(function (store) {
+      return {
+        customData: store["customData"]
+      };
+    })),
+    customData = _useCustomDataStore.customData;
+  var _useUtilityStore = useUtilityStore(useShallow(function (store) {
+      return {
+        resetPanelState: store["resetPanelState"],
+        errorFields: store["errorFields"]
+      };
+    })),
+    resetPanelState = _useUtilityStore.resetPanelState,
+    errorFields = _useUtilityStore.errorFields;
+  var initialValues = useMemo(function () {
+    return formatData(data);
+  }, [data]);
+  var schema = useMemo(function () {
+    return normalizeSchema(rawSchema);
+  }, [rawSchema]);
+  var isNameRequired = isNameGenerationDisabled || ((_schema$meta$showName = (_schema$meta = schema.meta) === null || _schema$meta === void 0 ? void 0 : _schema$meta.showName) !== null && _schema$meta$showName !== void 0 ? _schema$meta$showName : true);
+  var _usePollRuleName = usePollRuleName({
+      url: url,
+      formikRef: formikRef,
+      payloadKey: payloadKey,
+      isNameGenerationDisabled: isNameGenerationDisabled
+    }),
+    waitForGeneratedRuleName = _usePollRuleName.waitForGeneratedRuleName,
+    saveRuleName = _usePollRuleName.saveRuleName,
+    isCancelledNameGeneration = _usePollRuleName.isCancelledNameGeneration;
+
+  // eslint-disable-next-line @bigbinary/neeto/prefer-function-reference, react-hooks/exhaustive-deps
+  useEffect(function () {
+    return function () {
+      return resetPanelState();
+    };
+  }, []);
+  var submitForm = function submitForm(values, formikBag) {
+    if (isNotEmpty(errorFields)) {
+      formikBag.setSubmitting(false);
+      return;
+    }
+    var rule = valuesToRuleModel({
+      values: values,
+      schema: schema
+    });
+    if (!isRuleComplete(rule) || invalidScopeIndexes({
+      rule: rule,
+      schema: schema
+    }).length || invalidScopePhoneFieldIndexes({
+      rule: rule,
+      schema: schema
+    }).length) {
+      formikBag.setSubmitting(false);
+      return;
+    }
+    if (isCancelledNameGeneration) {
+      saveRuleName(values);
+      return;
+    }
+    var payload = buildPayload(data, values);
+    resetPanelState();
+    handleSubmit(payload, formikBag, waitForGeneratedRuleName);
+  };
+  return /*#__PURE__*/jsx(Formik, {
+    enableReinitialize: true,
+    initialValues: _objectSpread$1(_objectSpread$1({}, DEFAULT_INITIAL_VALUE), initialValues),
+    innerRef: formikRef,
+    validationSchema: getValidationSchema({
+      data: data,
+      customData: customData,
+      isNameGenerationDisabled: isNameRequired
+    }),
+    onSubmit: submitForm,
+    children: function children() {
+      return /*#__PURE__*/jsxs("div", {
+        className: "flex neeto-rules-main-content h-full w-full",
+        children: [/*#__PURE__*/jsx(TouchErrors, {}), /*#__PURE__*/jsxs(Container, {
+          className: "neeto-rules-main-content__container max-h-full",
+          children: [/*#__PURE__*/jsx(Header, {
+            breadcrumbs: breadcrumbs,
+            title: title || t("neetoRules.common.title")
+          }), isLoading ? /*#__PURE__*/jsx("div", {
+            className: "flex h-full w-full items-center justify-center",
+            children: /*#__PURE__*/jsx(Spinner, {})
+          }) : /*#__PURE__*/jsxs(Form$1, {
+            ref: formRef,
+            className: classNames(["w-full neeto-rules-main-content__form max-w-5xl", className]),
+            children: [/*#__PURE__*/jsx(Canvas, {
+              schema: schema
+            }), /*#__PURE__*/jsx(ScrollToErrorField, {
+              formRef: formRef
+            }), /*#__PURE__*/jsx("div", {
+              className: "bg-background sticky bottom-0 py-6",
+              children: /*#__PURE__*/jsx(ActionBlock, {
+                cancelButtonProps: {
+                  onClick: handleCancel
+                },
+                submitButtonProps: {
+                  "data-testid": "form-submit-button"
+                }
+              })
+            })]
+          })]
+        }), /*#__PURE__*/jsx(Panel, {
+          configMap: BUILDER_PANEL_TYPE_CONFIG_MAP
+        })]
+      });
+    }
+  });
+};
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var NeetoRulesBuilder = function NeetoRulesBuilder(_ref) {
+  var rest = Object.assign({}, (_objectDestructuringEmpty(_ref), _ref));
+  return /*#__PURE__*/jsx(Form, _objectSpread({}, rest));
+};
+
+export { NeetoRulesBuilder as default };
+//# sourceMappingURL=NeetoRulesBuilder.js.map