@bigbinary/neeto-rules-frontend 2.7.5 → 2.7.7

package/app/javascript/src/translations/en.json

@@ -16,7 +16,7 @@
       "automationName": "Automation name",
       "nameYourAutomation": "Name your automation",
       "activateThisAutomation": "Activate this automation",
-      "nameSubtitle": "Name this automation. Leave blank to use the auto-generated name.",
+      "nameSubtitle": "Name this automation.",
       "valueWord": "value",
       "pickValue": "Pick {{field}}",
       "valueSubtitle": "Choose a value to match against.",
@@ -190,6 +190,8 @@
     "labels": {
       "active": "Active",
       "body": "Body",
+      "characterCount_one": "{{count}} character",
+      "characterCount_other": "{{count}} characters",
       "selectValues": "Select values",
       "selectValue": "Select value",
       "multipleValues": "Multiple values",
@@ -359,6 +361,7 @@
       "maximumPhoneNumbers": "Only up to {{max}} phone numbers are allowed",
       "maxDelay": "Delay can't be more than {{max}}",
       "minDelay": "Delay can't be less than {{min}}",
+      "maxLeadTime": "Time can't be more than {{max}}",
       "invalidJsonBody": "Body should be a valid JSON"
     },
     "conditionVerbs": {

package/dist/.ready

@@ -1 +1 @@
-Built at 2026-07-21T23:50:34.710Z
+Built at 2026-07-22T05:19:20.890Z

package/dist/NeetoRulesBuilder.js

@@ -1,6 +1,6 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectDestructuringEmpty from '@babel/runtime/helpers/objectDestructuringEmpty';
-import { f as flatten } from './keyboardShortcuts-BvIE6AHg.js';
+import { f as flatten } from './keyboardShortcuts-DcvmDX_K.js';
 import { useShallow } from 'zustand/shallow';
 import { useState, createElement, Fragment as Fragment$1, useCallback, useMemo, useRef, useEffect } from 'react';
 import classNames from 'classnames';
@@ -11,7 +11,7 @@ import Header from '@bigbinary/neeto-molecules/Header';
 import Spinner from '@bigbinary/neetoui/Spinner';
 import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
 import { useTranslation } from 'react-i18next';
-import { E as EditorAction, o as Panel, r as ErrorCallout, s as SmsFields, t as PhoneNumberField, l as formatData, u as usePollRuleName, T as TouchErrors, n as ScrollToErrorField, p as getValidationSchema, q as DEFAULT_INITIAL_VALUE, m as buildPayload } from './index-qw90tLi9.js';
+import { E as EditorAction, o as Panel, r as ErrorCallout, s as SmsFields, M as MIN_DELAY_VALUE, t as MAX_DELAY_VALUE, v as PhoneNumberField, l as formatData, u as usePollRuleName, T as TouchErrors, n as ScrollToErrorField, p as getValidationSchema, q as DEFAULT_INITIAL_VALUE, m as buildPayload } from './index-C9u2JDEa.js';
 import { u as useCustomDataStore } from './useCustomDataStore-BtKYtLVc.js';
 import { u as useUtilityStore } from './useUtilityStore-CCUYS1mS.js';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
@@ -23,6 +23,7 @@ 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 * as yup from 'yup';
 import { withT } from '@bigbinary/neeto-commons-frontend/react-utils';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import Search from '@bigbinary/neeto-icons/Search';
@@ -46,7 +47,6 @@ import './useAutomationRulesApi-C9I3wUZ8.js';
 import '@tanstack/react-query';
 import 'axios';
 import './index-9h4B7JZZ.js';
-import 'yup';
 import '@bigbinary/neetoui/formik/Radio';
 import '@bigbinary/neetoui/managers';
 import '@bigbinary/neeto-icons/Close';
@@ -102,6 +102,22 @@ var TIME_UNITS = [{
 /* eslint-enable @bigbinary/neeto/neetocommons-tips */
 
 var LEAD_TIME_UNITS = TIME_UNITS;
+
+// Mirrors the classic form's three-digit input cap; 999 days equals the
+// backend's maximum lead time.
+var MAX_LEAD_TIME_VALUE = 999;
+var STEPPER_DELTA = {
+  INCREMENT: 1,
+  DECREMENT: -1
+};
+var STEPPER_MIN_VALUE = 1;
+var DEFAULT_DELAY_VALUE = 10;
+
+// Matches the token flash animation duration in sentence-builder.css.
+var FLASH_DURATION_MS = 2200;
+
+// Keeps an element out of the keyboard tab order (HTML tabindex sentinel).
+var SKIP_TAB_INDEX = -1;
 var CONDITION_VERBS = {
   IS: "is",
   IS_NOT: "is_not",
@@ -563,6 +579,25 @@ var partsToMinutes = function partsToMinutes(_ref19) {
     (Number(value) || 0) * (UNIT_MINUTES[unit] || 1)
   );
 };
+var leadTimeExceedsMax = function leadTimeExceedsMax(minutes) {
+  return minutesToParts(minutes).value > MAX_LEAD_TIME_VALUE;
+};
+var leadTimeValidationSchema = function leadTimeValidationSchema(schema) {
+  var _schema$triggers2;
+  var fieldKey = schema === null || schema === void 0 || (_schema$triggers2 = schema.triggers) === null || _schema$triggers2 === void 0 || (_schema$triggers2 = _schema$triggers2.leadTime) === null || _schema$triggers2 === void 0 ? void 0 : _schema$triggers2.fieldKey;
+  if (!fieldKey) return yup.object();
+  return yup.object().shape(_defineProperty({}, fieldKey, yup.object().shape({
+    // yup 0.32 can only concat schemas of the same type, and the host's
+    // generic field schema for the lead time key is a string schema.
+    value: yup.string().test("max-lead-time", function () {
+      return t("neetoRules.validations.maxLeadTime", {
+        max: MAX_LEAD_TIME_VALUE
+      });
+    }, function (minutes) {
+      return !leadTimeExceedsMax(minutes);
+    })
+  })));
+};
 var leadTimeLabel = function leadTimeLabel(minutes) {
   var _minutesToParts = minutesToParts(minutes),
     value = _minutesToParts.value,
@@ -603,15 +638,15 @@ 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$triggers3, _schema$actor2, _schema$conditions3, _schema$actions3, _schema$delay, _schema$triggers4, _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",
+    triggers: ((_schema$triggers3 = schema.triggers) === null || _schema$triggers3 === void 0 ? void 0 : _schema$triggers3.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,
+    leadTime: (_schema$triggers4 = schema.triggers) === null || _schema$triggers4 === void 0 || (_schema$triggers4 = _schema$triggers4.leadTime) === null || _schema$triggers4 === void 0 ? void 0 : _schema$triggers4.fieldKey,
     scope: ((_schema$scope2 = schema.scope) === null || _schema$scope2 === void 0 ? void 0 : _schema$scope2.fieldKey) || "meetingIds",
     status: "status",
     name: "name"
@@ -1637,6 +1672,10 @@ var WhenBlock = function WhenBlock(_ref) {
               type: BUILDER_ANCHORS.TRIGGER_LEAD_TIME,
               index: index
             }),
+            invalid: isInvalid({
+              type: BUILDER_ANCHORS.TRIGGER_LEAD_TIME,
+              index: index
+            }),
             onClick: handleToken && function () {
               return handleToken({
                 type: BUILDER_ANCHORS.TRIGGER_LEAD_TIME,
@@ -2682,7 +2721,7 @@ var applyPreview = function applyPreview(_ref19) {
 function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Canvas = function Canvas(_ref) {
-  var _schema$scope, _schema$scope2, _schema$conditions, _schema$triggers, _schema$delay, _schema$meta$showName, _schema$meta;
+  var _schema$scope, _schema$conditions, _schema$triggers, _schema$delay, _schema$meta$showName, _schema$meta;
   var schema = _ref.schema;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
@@ -2748,7 +2787,7 @@ var Canvas = function Canvas(_ref) {
     setFlashing(true);
     var timer = setTimeout(function () {
       return setFlashing(false);
-    }, 2200);
+    }, FLASH_DURATION_MS);
     return function () {
       return clearTimeout(timer);
     };
@@ -2802,6 +2841,10 @@ var Canvas = function Canvas(_ref) {
             prefix: "".concat(actorKey, ".value")
           });
         }
+      case BUILDER_ANCHORS.TRIGGER_LEAD_TIME:
+        return hasErrorAt({
+          prefix: "".concat(fieldKeys.leadTime, ".value")
+        });
       case BUILDER_ANCHORS.COND_FIELD:
         return hasErrorAt({
           prefix: "".concat(fieldKeys.conditions, ".value.").concat(index, ".field")
@@ -2896,8 +2939,6 @@ var Canvas = function Canvas(_ref) {
     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],
@@ -3029,24 +3070,22 @@ var Canvas = function Canvas(_ref) {
           onRemoveScope: handleRemoveScope,
           onToken: openPane
         })]
-      }), isComplete && /*#__PURE__*/jsxs(Fragment$1, {
-        children: [/*#__PURE__*/jsx(Connector, {
-          active: true
-        }), /*#__PURE__*/jsx(MetaBlock, {
-          rule: rule,
-          isInvalid: isInvalid({
+      }), /*#__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
-          }),
-          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);
-          }
-        })]
+          });
+        },
+        onToggleActive: function onToggleActive(event) {
+          return setActive(event.target.checked);
+        }
       })]
     })
   });
@@ -3506,19 +3545,14 @@ var ConfigPane = function ConfigPane(_ref) {
             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: "neeto-ui-text-gray-500 mt-2",
-            style: "body3",
-            children: t("neetoRules.builder.config.smsSegmentHint")
-          })]
+        }), isSms ? /*#__PURE__*/jsx(SmsFields, {
+          action: action,
+          index: index,
+          name: name,
+          shouldAutoFocus: true,
+          hint: t("neetoRules.builder.config.smsSegmentHint"),
+          selectedField: flatOption,
+          showPhoneNumberInput: false
         }) : (_hostRenderConfig = hostRenderConfig === null || hostRenderConfig === void 0 ? void 0 : hostRenderConfig({
           name: name,
           action: action,
@@ -3549,7 +3583,9 @@ var DelayPane = function DelayPane(_ref) {
   var _useRuleModel = useRuleModel(schema),
     fieldKeys = _useRuleModel.fieldKeys;
   var _useFormikContext = useFormikContext(),
-    setFieldValue = _useFormikContext.setFieldValue;
+    setFieldValue = _useFormikContext.setFieldValue,
+    setFieldTouched = _useFormikContext.setFieldTouched,
+    getFieldMeta = _useFormikContext.getFieldMeta;
   var bodyRef = useRef(null);
   var name = fieldKeys.delay;
   var _useField = useField("".concat(name, ".value")),
@@ -3558,12 +3594,18 @@ var DelayPane = function DelayPane(_ref) {
   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 ((value === null || value === void 0 ? void 0 : value.value) === undefined) return;
+    if (getFieldMeta("".concat(name, ".value.value")).touched) return;
+    setFieldTouched("".concat(name, ".value.value"), true, false);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [value === null || value === void 0 ? void 0 : value.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"
+        value: DEFAULT_DELAY_VALUE,
+        unit: (_unitOptions$0$value = (_unitOptions$ = unitOptions[0]) === null || _unitOptions$ === void 0 ? void 0 : _unitOptions$.value) !== null && _unitOptions$0$value !== void 0 ? _unitOptions$0$value : DEFAULT_DELAY_UNITS[0].value
       });
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -3602,8 +3644,8 @@ var DelayPane = function DelayPane(_ref) {
           className: "flex items-start gap-x-2",
           children: [/*#__PURE__*/jsx(Input$1, {
             className: "w-44",
-            max: 999,
-            min: 1,
+            max: MAX_DELAY_VALUE,
+            min: MIN_DELAY_VALUE,
             name: "".concat(name, ".value.value"),
             placeholder: t("neetoRules.placeholders.enterDelay"),
             size: "large",
@@ -3647,9 +3689,10 @@ var NumberStepper = function NumberStepper(_ref) {
     onChange = _ref.onChange,
     label = _ref.label,
     _ref$min = _ref.min,
-    min = _ref$min === void 0 ? 1 : _ref$min,
+    min = _ref$min === void 0 ? STEPPER_MIN_VALUE : _ref$min,
     max = _ref.max,
-    required = _ref.required;
+    required = _ref.required,
+    error = _ref.error;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useState = useState(null),
@@ -3674,15 +3717,38 @@ var NumberStepper = function NumberStepper(_ref) {
       max: max
     }));
   };
-  return /*#__PURE__*/jsxs("div", {
+  return /*#__PURE__*/jsx("div", {
     className: "mb-stepper",
-    children: [/*#__PURE__*/jsx(Input, {
+    children: /*#__PURE__*/jsx(Input, {
+      error: error,
       label: label,
       min: min,
       required: required,
       autoFocus: true,
       type: "number",
       value: display,
+      suffix: /*#__PURE__*/jsxs("div", {
+        className: "mb-stepper-controls",
+        children: [/*#__PURE__*/jsx("button", {
+          "aria-label": t("neetoRules.builder.aria.increase"),
+          className: "mb-stepper-btn",
+          tabIndex: SKIP_TAB_INDEX,
+          type: "button",
+          onClick: function onClick() {
+            return step(STEPPER_DELTA.INCREMENT);
+          },
+          children: /*#__PURE__*/jsx(Up, {})
+        }), /*#__PURE__*/jsx("button", {
+          "aria-label": t("neetoRules.builder.aria.decrease"),
+          className: "mb-stepper-btn",
+          tabIndex: SKIP_TAB_INDEX,
+          type: "button",
+          onClick: function onClick() {
+            return step(STEPPER_DELTA.DECREMENT);
+          },
+          children: /*#__PURE__*/jsx(Down, {})
+        })]
+      }),
       onBlur: function onBlur() {
         return setDraft(null);
       },
@@ -3692,28 +3758,7 @@ var NumberStepper = function NumberStepper(_ref) {
       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, {})
-      })]
-    })]
+    })
   });
 };
 
@@ -3722,7 +3767,9 @@ var LeadTimePane = function LeadTimePane(_ref) {
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useFormikContext = useFormikContext(),
-    setFieldValue = _useFormikContext.setFieldValue;
+    setFieldValue = _useFormikContext.setFieldValue,
+    setFieldTouched = _useFormikContext.setFieldTouched,
+    getFieldMeta = _useFormikContext.getFieldMeta;
   var _useRuleModel = useRuleModel(schema),
     rule = _useRuleModel.rule,
     fieldKeys = _useRuleModel.fieldKeys;
@@ -3730,6 +3777,11 @@ var LeadTimePane = function LeadTimePane(_ref) {
     amount = _minutesToParts.value,
     unit = _minutesToParts.unit;
   var path = "".concat(fieldKeys.leadTime, ".value");
+  var _useField = useField(path),
+    _useField2 = _slicedToArray(_useField, 2),
+    _useField2$ = _useField2[1],
+    error = _useField2$.error,
+    touched = _useField2$.touched;
   var update = function update(_ref2) {
     var value = _ref2.value,
       nextUnit = _ref2.unit;
@@ -3738,6 +3790,13 @@ var LeadTimePane = function LeadTimePane(_ref) {
       unit: nextUnit
     }));
   };
+  usePaneValidation(path);
+  useEffect(function () {
+    if (rule.leadTime === undefined) return;
+    if (getFieldMeta(path).touched) return;
+    setFieldTouched(path, true, false);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [rule.leadTime]);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Panel.Header, {
       children: /*#__PURE__*/jsxs("div", {
@@ -3753,34 +3812,42 @@ var LeadTimePane = function LeadTimePane(_ref) {
       })
     }), /*#__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: findBy({
-              value: unit
-            }, LEAD_TIME_UNITS) || null,
-            onChange: function onChange(option) {
-              return update({
-                value: amount,
-                unit: option === null || option === void 0 ? void 0 : option.value
-              });
-            }
-          })
+        className: "flex flex-col gap-y-1.5",
+        children: [/*#__PURE__*/jsx(Typography, {
+          className: "neeto-ui-text-gray-800",
+          style: "body2",
+          weight: "medium",
+          children: t("neetoRules.builder.before")
+        }), /*#__PURE__*/jsxs("div", {
+          className: "flex items-start gap-x-3",
+          children: [/*#__PURE__*/jsx("div", {
+            className: "flex-1",
+            children: /*#__PURE__*/jsx(NumberStepper, {
+              error: touched ? error : "",
+              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: findBy({
+                value: unit
+              }, LEAD_TIME_UNITS) || null,
+              onChange: function onChange(option) {
+                return update({
+                  value: amount,
+                  unit: option === null || option === void 0 ? void 0 : option.value
+                });
+              }
+            })
+          })]
         })]
       })
     })]
@@ -4575,7 +4642,7 @@ var Form = function Form(_ref) {
       data: data,
       customData: customData,
       isNameGenerationDisabled: isNameRequired
-    }),
+    }).concat(leadTimeValidationSchema(schema)),
     onSubmit: submitForm,
     children: function children() {
       return /*#__PURE__*/jsxs("div", {