@bigbinary/neeto-rules-frontend 2.4.2 → 2.5.0

package/README.md

@@ -64,7 +64,7 @@ The Engine is used to manage automation rules feature within neeto applications.
    application:
 
    ```ruby
-   rails g neeto_rules_engine:install
+   bundle exec rails neeto_rules_engine:install:migrations
    ```
 
 5. Add the migrations to the database:
@@ -539,6 +539,7 @@ const initialProps = {
 6. `onSelectEvent`: `(name, selectedOption) => void`. This method will trigger
    when we select an event option. The name is to refer the event in the formik
    context.
+7. `enableAddingDelay`: Adds option to add execution delay. (Boolean). Ref: [NeetoForm PR#11704](https://github.com/bigbinary/neeto-form-web/pull/11704/files)
 
 Refer to the [EventCondition section](./docs/event-conditions.md) for more
 information.

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

@@ -38,7 +38,8 @@
       "data": "Data",
       "reorder": "Reorder",
       "at": "at",
-      "apply": "Apply"
+      "apply": "Apply",
+      "addDelay": "Add delay"
     },
     "cannedResponses": {
       "title": "Canned responses"
@@ -59,7 +60,8 @@
       "selectVerb": "select verb",
       "selectField": "select field",
       "addCondition": "Add condition",
-      "selectDate": "Select date"
+      "selectDate": "Select date",
+      "delayExecutionBy": "Delay execution by"
     },
     "labels": {
       "active": "Active",
@@ -172,7 +174,8 @@
       "value": "Value",
       "selectTemplate": "Select a template",
       "phoneNumberField": "Type phone number and press enter",
-      "searchRules": "Search automation rules"
+      "searchRules": "Search automation rules",
+      "enterDelay": "Enter delay"
     },
     "buttons": {
       "save": "Save",
@@ -219,7 +222,9 @@
       },
       "invalidPhoneNumber": "Phone number is invalid",
       "invalidUrlEntity": "{{entity}} must be a valid URL",
-      "maximumEmails": "Only up to {{max}} email addresses are allowed"
+      "maximumEmails": "Only up to {{max}} email addresses are allowed",
+      "maxDelay": "Delay must be less than {{max}}",
+      "minDelay": "Delay must be greater than {{min}}"
     },
     "conditionVerbs": {
       "is": "Is",
@@ -348,7 +353,8 @@
       }
     },
     "helpText": {
-      "description": "Automation rules feature allows you to create rules to automate specific actions when certain events occur."
+      "description": "Automation rules feature allows you to create rules to automate specific actions when certain events occur.",
+      "addDelay": "Add a delay so the following actions execute after the specified time"
     }
   }
 }

package/dist/NeetoRulesForm.js

@@ -47,6 +47,7 @@ import Eye from '@bigbinary/neeto-icons/Eye';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
 import Tooltip from '@bigbinary/neetoui/Tooltip';
+import Popover from '@bigbinary/neetoui/Popover';
 import Select$1 from '@bigbinary/neetoui/formik/Select';
 import Radio from '@bigbinary/neetoui/formik/Radio';
 import { shallow } from 'zustand/shallow';
@@ -99,8 +100,8 @@ var useOnButtonPressed = function useOnButtonPressed(ref, handler) {
 
 var DEFAULT_LONG_TEXT_ROWS = 8;
 
-function ownKeys$k(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$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$l(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$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PaneFooterBlock = function PaneFooterBlock(_ref) {
   var setShowPane = _ref.setShowPane,
     _ref$submitButtonProp = _ref.submitButtonProps,
@@ -108,13 +109,13 @@ var PaneFooterBlock = function PaneFooterBlock(_ref) {
     _ref$cancelButtonProp = _ref.cancelButtonProps,
     cancelButtonProps = _ref$cancelButtonProp === void 0 ? {} : _ref$cancelButtonProp;
   return /*#__PURE__*/jsx(ActionBlock, {
-    cancelButtonProps: _objectSpread$k({
+    cancelButtonProps: _objectSpread$l({
       "data-cy": "cancel-button",
       onClick: function onClick() {
         return setShowPane(false);
       }
     }, cancelButtonProps),
-    submitButtonProps: _objectSpread$k({
+    submitButtonProps: _objectSpread$l({
       "data-cy": "save-changes-button",
       onClick: function onClick() {
         return setShowPane(false);
@@ -201,8 +202,8 @@ var LongTextField = function LongTextField(_ref) {
 };
 
 var _excluded$c = ["initialFocusRef", "name", "label"];
-function ownKeys$j(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$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$k(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$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var InputField$2 = function InputField(_ref) {
   var initialFocusRef = _ref.initialFocusRef,
     name = _ref.name,
@@ -212,7 +213,7 @@ var InputField$2 = function InputField(_ref) {
     _useField2 = _slicedToArray(_useField, 2),
     field = _useField2[0],
     meta = _useField2[1];
-  return /*#__PURE__*/jsx(Input$1, _objectSpread$j(_objectSpread$j({
+  return /*#__PURE__*/jsx(Input$1, _objectSpread$k(_objectSpread$k({
     label: label,
     type: "text"
   }, field), {}, {
@@ -823,8 +824,8 @@ var DropdownField$1 = function DropdownField(_ref) {
 };
 
 var _excluded$b = ["autoFocus", "name", "value", "label", "variables", "addons", "editorRef", "defaults"];
-function ownKeys$i(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$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$j(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$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var EditorAction = function EditorAction(_ref) {
   var autoFocus = _ref.autoFocus,
     name = _ref.name,
@@ -849,7 +850,7 @@ var EditorAction = function EditorAction(_ref) {
   useEffect(function () {
     setFieldValue(name, editorData);
   }, [debouncedValue]);
-  return /*#__PURE__*/jsx(FormikEditor, _objectSpread$i({
+  return /*#__PURE__*/jsx(FormikEditor, _objectSpread$j({
     addons: addons,
     autoFocus: autoFocus,
     defaults: defaults,
@@ -1135,8 +1136,8 @@ var SHORTCUTS = {
 };
 
 var _excluded$a = ["value", "nullable", "className", "handleSubmit", "handleCancel"];
-function ownKeys$h(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$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$i(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$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var InlineInput = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$value = props.value,
     value = _props$value === void 0 ? "" : _props$value,
@@ -1174,7 +1175,7 @@ var InlineInput = /*#__PURE__*/forwardRef(function (props, ref) {
   return /*#__PURE__*/jsx("div", {
     className: classNames("flex flex-grow", _defineProperty({}, className, className)),
     ref: inputWrapperRef,
-    children: /*#__PURE__*/jsx(Input$1, _objectSpread$h(_objectSpread$h({
+    children: /*#__PURE__*/jsx(Input$1, _objectSpread$i(_objectSpread$i({
       autoFocus: true,
       className: "neeto-planner-inline-input",
       "data-cy": "inline-input-field",
@@ -1580,8 +1581,8 @@ var formatErrorMessage = function formatErrorMessage(error) {
 };
 
 var _excluded$9 = ["children"];
-function ownKeys$g(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$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$h(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$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var STYLES = {
   border: {
     "default": "1px solid rgb(var(--neeto-ui-gray-400))",
@@ -1593,8 +1594,8 @@ var STYLES = {
   }
 };
 var MultiValueRemove = function MultiValueRemove(props) {
-  return /*#__PURE__*/jsx(components.MultiValueRemove, _objectSpread$g(_objectSpread$g({}, props), {}, {
-    innerProps: _objectSpread$g(_objectSpread$g({}, props.innerProps), {}, _defineProperty({}, "data-cy", "".concat(dasherize(props.data.label), "-remove-icon"))),
+  return /*#__PURE__*/jsx(components.MultiValueRemove, _objectSpread$h(_objectSpread$h({}, props), {}, {
+    innerProps: _objectSpread$h(_objectSpread$h({}, props.innerProps), {}, _defineProperty({}, "data-cy", "".concat(dasherize(props.data.label), "-remove-icon"))),
     children: /*#__PURE__*/jsx(Close, {
       size: 16
     })
@@ -1614,8 +1615,8 @@ var ValueContainer = function ValueContainer(_ref) {
     firstChild = _children[0],
     rest = _children.slice(1);
   var shouldCollapse = !isFocused && value.length > visiblePhoneNumbersCount;
-  return /*#__PURE__*/jsxs(components.ValueContainer, _objectSpread$g(_objectSpread$g({}, props), {}, {
-    innerProps: _objectSpread$g(_objectSpread$g({}, props.innerProps), {}, _defineProperty({}, "data-cy", "multi-phone-number-input-container")),
+  return /*#__PURE__*/jsxs(components.ValueContainer, _objectSpread$h(_objectSpread$h({}, props), {}, {
+    innerProps: _objectSpread$h(_objectSpread$h({}, props.innerProps), {}, _defineProperty({}, "data-cy", "multi-phone-number-input-container")),
     children: [shouldCollapse ? firstChild.slice(0, visiblePhoneNumbersCount) : firstChild, shouldCollapse && /*#__PURE__*/jsx(Tag, {
       style: "secondary",
       label: t("neetoRules.labels.remainingItemsCount", {
@@ -1625,8 +1626,8 @@ var ValueContainer = function ValueContainer(_ref) {
   }));
 };
 var ClearIndicator = function ClearIndicator(props) {
-  return /*#__PURE__*/jsx(components.ClearIndicator, _objectSpread$g(_objectSpread$g({}, props), {}, {
-    innerProps: _objectSpread$g(_objectSpread$g({}, props.innerProps), {}, _defineProperty({}, "data-cy", "clear-all-button")),
+  return /*#__PURE__*/jsx(components.ClearIndicator, _objectSpread$h(_objectSpread$h({}, props), {}, {
+    innerProps: _objectSpread$h(_objectSpread$h({}, props.innerProps), {}, _defineProperty({}, "data-cy", "clear-all-button")),
     children: /*#__PURE__*/jsx(Close, {
       className: "cursor-pointer",
       size: 16
@@ -1644,7 +1645,7 @@ var CUSTOM_STYLES = {
   input: assoc("overflow", "hidden"),
   multiValue: function multiValue(styles, _ref2) {
     var valid = _ref2.data.valid;
-    return _objectSpread$g(_objectSpread$g({}, styles), {}, {
+    return _objectSpread$h(_objectSpread$h({}, styles), {}, {
       border: valid ? STYLES.border["default"] : STYLES.border.error,
       color: valid ? STYLES.color["default"] : STYLES.color.error
     });
@@ -1658,8 +1659,8 @@ var CUSTOM_COMPONENTS = {
 };
 
 var _excluded$8 = ["value", "onChange", "error", "onBlur"];
-function ownKeys$f(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$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$g(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$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MultiPhoneNumberInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var _ref$value = _ref.value,
     value = _ref$value === void 0 ? [] : _ref$value,
@@ -1718,7 +1719,7 @@ var MultiPhoneNumberInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
         "data-cy": "".concat(dasherize(label), "-input-label"),
         children: label
       })
-    }), /*#__PURE__*/jsx(CreatableSelect, _objectSpread$f({
+    }), /*#__PURE__*/jsx(CreatableSelect, _objectSpread$g({
       isMulti: true,
       required: true,
       classNamePrefix: "neeto-ui-react-select",
@@ -1729,7 +1730,7 @@ var MultiPhoneNumberInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
       className: classNames("neeto-ui-react-select__container neeto-ui-react-select__container--medium neeto-ui-email-input__select", {
         "neeto-ui-react-select__container--error": !!error
       }),
-      styles: _objectSpread$f(_objectSpread$f({}, CUSTOM_STYLES), {}, {
+      styles: _objectSpread$g(_objectSpread$g({}, CUSTOM_STYLES), {}, {
         control: mergeLeft({
           maxHeight: "200px",
           overflowY: "auto"
@@ -1741,7 +1742,7 @@ var MultiPhoneNumberInput = /*#__PURE__*/forwardRef(function (_ref, ref) {
       },
       onInputChange: setInputValue,
       onKeyDown: handleKeyDown
-    }, _objectSpread$f({
+    }, _objectSpread$g({
       inputValue: inputValue,
       isFocused: isFocused,
       onChange: onChange,
@@ -2087,8 +2088,8 @@ var ActionSubItems = function ActionSubItems(_ref) {
 };
 var ActionSubItem = /*#__PURE__*/memo(ActionSubItems);
 
-function ownKeys$e(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(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$f(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$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var getSchemaForStrings = function getSchemaForStrings(element) {
   var label = element.label,
     _element$componentPro = element.componentProps,
@@ -2323,13 +2324,49 @@ var getSchemaForArray = function getSchemaForArray(element) {
     then: yup.array().min(1, t$1("neetoRules.validations.atLeastOneValue")).required(t$1("neetoRules.validations.atLeastOneValue"))
   });
 };
+var getSchemaForExecutionDelay = function getSchemaForExecutionDelay(_) {
+  return yup.object().test("is-visible", "", function (value) {
+    if (isEmpty(value || {})) {
+      return true;
+    }
+    var schema = yup.object().shape({
+      value: yup.number().nullable().typeError(t$1("neetoRules.validations.number")).min(1, t$1("neetoRules.validations.minDelay", {
+        min: 0
+      })).max(15, t$1("neetoRules.validations.maxDelay", {
+        max: 15
+      })).required(t$1("neetoRules.validations.required.value")),
+      unit: yup.string().nullable().required(t$1("neetoRules.validations.required.value"))
+    });
+    try {
+      schema.validateSync(value, {
+        abortEarly: false
+      });
+      return true;
+    } catch (error) {
+      if (error.inner && isNotEmpty(error.inner)) {
+        var errors = {};
+        error.inner.forEach(function (err) {
+          errors[err.path] = err.message;
+        });
+        return this.createError({
+          path: this.path,
+          message: errors
+        });
+      }
+      return this.createError({
+        path: this.path,
+        message: error.message
+      });
+    }
+  });
+};
 var getSchemaForElement = function getSchemaForElement(element, customData) {
   return VALIDATION_SCHEMA[element.type](element, customData);
 };
 var getValidationSchema = function getValidationSchema(data, customData) {
   var fieldKeys = Object.keys(data);
   var schema = fieldKeys.reduce(function (acc, key) {
-    return _objectSpread$e(_objectSpread$e({}, acc), {}, _defineProperty({}, key, yup.object({
+    return _objectSpread$f(_objectSpread$f({}, acc), {}, _defineProperty({}, key, yup.object({
       value: getSchemaForElement(data[key], customData)
     })));
   }, {});
@@ -2344,10 +2381,11 @@ var FIELD_TYPES = {
   events: "events",
   radio: "radio",
   actions: "actions",
-  multiSelect: "multi-select"
+  multiSelect: "multi-select",
+  executionDelay: "execution-delay"
 };
 var MAXIMUM_OPTION_LENGTH$1 = 7;
-var VALIDATION_SCHEMA = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, FIELD_TYPES.text, getSchemaForStrings), FIELD_TYPES.longText, getSchemaForStrings), FIELD_TYPES.dropdown, getSchemaForStrings), FIELD_TYPES.radio, getSchemaForStrings), FIELD_TYPES.events, getEventsSchema), FIELD_TYPES.condition, getConditionsSchema), FIELD_TYPES.actions, getActionsSchema), FIELD_TYPES.multiSelect, getSchemaForArray);
+var VALIDATION_SCHEMA = _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, FIELD_TYPES.text, getSchemaForStrings), FIELD_TYPES.longText, getSchemaForStrings), FIELD_TYPES.dropdown, getSchemaForStrings), FIELD_TYPES.radio, getSchemaForStrings), FIELD_TYPES.events, getEventsSchema), FIELD_TYPES.condition, getConditionsSchema), FIELD_TYPES.actions, getActionsSchema), FIELD_TYPES.multiSelect, getSchemaForArray), FIELD_TYPES.executionDelay, getSchemaForExecutionDelay);
 var DECIMAL_NUMBER_REGEX = /^-?\d*\.?\d+$/;
 var NUMBER_REGEX = /^-?\d+$/;
 var POSITIVE_DECIMAL_NUMBER_REGEX = /^\d*\.?\d+$/;
@@ -2568,8 +2606,8 @@ var Card = function Card(_ref) {
   });
 };
 
-function ownKeys$d(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$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$e(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(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Actions = function Actions(_ref) {
   var name = _ref.name,
     label = _ref.label,
@@ -2595,7 +2633,7 @@ var Actions = function Actions(_ref) {
   }, [actions]);
   var handleRemoveAction = function handleRemoveAction(index, action, arrayHelpers) {
     if (action.id) {
-      setFieldValue("".concat(name, ".deleted"), [].concat(_toConsumableArray(values[name].deleted || []), [_objectSpread$d(_objectSpread$d({}, action), {}, {
+      setFieldValue("".concat(name, ".deleted"), [].concat(_toConsumableArray(values[name].deleted || []), [_objectSpread$e(_objectSpread$e({}, action), {}, {
         _destroy: true
       })]));
     }
@@ -3091,8 +3129,8 @@ var MultiSelect = function MultiSelect(_ref) {
 };
 
 var _excluded$7 = ["name", "index"];
-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), !0).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; }
+function ownKeys$d(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$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MultiSelectCreate = function MultiSelectCreate(_ref) {
   var _conditions$value$ind, _conditions$value$ind2, _errors$conditions, _errors$conditions$va, _touched$conditions, _touched$conditions$v;
   var name = _ref.name,
@@ -3166,7 +3204,7 @@ var MultiSelectCreate = function MultiSelectCreate(_ref) {
           children: t("neetoRules.labels.multipleValues")
         })
       }), /*#__PURE__*/jsx(Pane.Body, {
-        children: /*#__PURE__*/jsx(Select, _objectSpread$c({
+        children: /*#__PURE__*/jsx(Select, _objectSpread$d({
           isMulti: true,
           className: "mt-4 w-full",
           "data-cy": "multi-select-create-container",
@@ -3441,8 +3479,8 @@ var LogicOperator = function LogicOperator(_ref) {
   });
 };
 
-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), !0).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; }
+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), !0).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 Conditions = function Conditions(_ref) {
   var _field$value;
   var data = _ref.data,
@@ -3479,8 +3517,8 @@ var Conditions = function Conditions(_ref) {
   var handleRemoveCondition = function handleRemoveCondition(index, condition, arrayHelpers) {
     if (condition.id) {
       var _field$value2;
-      setValue(_objectSpread$b(_objectSpread$b({}, field.value), {}, {
-        deleted: [].concat(_toConsumableArray(((_field$value2 = field.value) === null || _field$value2 === void 0 ? void 0 : _field$value2.deleted) || []), [_objectSpread$b(_objectSpread$b({}, condition), {}, {
+      setValue(_objectSpread$c(_objectSpread$c({}, field.value), {}, {
+        deleted: [].concat(_toConsumableArray(((_field$value2 = field.value) === null || _field$value2 === void 0 ? void 0 : _field$value2.deleted) || []), [_objectSpread$c(_objectSpread$c({}, condition), {}, {
           _destroy: true
         })])
       }));
@@ -3575,6 +3613,97 @@ var OPERATORS = {
   or: "or_operator",
   and: "and_operator"
 };
+var DELAY_UNIT_OPTIONS = [toLabelAndValue("minutes"), toLabelAndValue("hours"), toLabelAndValue("days")];
+var DEFAULT_DELAY = {
+  value: 10,
+  unit: "minutes"
+};
+
+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), !0).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 AddDelay = function AddDelay(_ref) {
+  var name = _ref.name;
+  var _useField = useField("".concat(name, ".value")),
+    _useField2 = _slicedToArray(_useField, 3),
+    value = _useField2[0].value;
+    _useField2[1];
+    var setValue = _useField2[2].setValue;
+  var _useState = useState(isEmpty(value)),
+    _useState2 = _slicedToArray(_useState, 2),
+    showAddDelayButton = _useState2[0],
+    setShowAddDelayButton = _useState2[1];
+  var addDelayButtonRef = useRef(null);
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var handleDisplayAddDelayForm = function handleDisplayAddDelayForm() {
+    var _value$value, _value$unit;
+    setShowAddDelayButton(false);
+    setValue({
+      value: (_value$value = value.value) !== null && _value$value !== void 0 ? _value$value : DEFAULT_DELAY.value,
+      unit: (_value$unit = value.unit) !== null && _value$unit !== void 0 ? _value$unit : DEFAULT_DELAY.unit
+    });
+  };
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [showAddDelayButton && /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(Button, {
+        icon: Plus,
+        ref: addDelayButtonRef,
+        style: "secondary",
+        onClick: handleDisplayAddDelayForm
+      }), /*#__PURE__*/jsxs(Popover, {
+        reference: addDelayButtonRef,
+        children: [/*#__PURE__*/jsx(Typography, {
+          style: "h4",
+          children: t("neetoRules.common.addDelay")
+        }), /*#__PURE__*/jsx(Typography, {
+          lineHeight: "normal",
+          style: "body2",
+          children: t("neetoRules.helpText.addDelay")
+        })]
+      })]
+    }), !showAddDelayButton && /*#__PURE__*/jsx(Card, {
+      title: t("neetoRules.common.addDelay"),
+      children: /*#__PURE__*/jsxs("div", {
+        className: "flex h-full w-full items-center justify-between",
+        children: [/*#__PURE__*/jsxs("div", {
+          className: "flex items-center gap-x-2",
+          children: [/*#__PURE__*/jsx(Typography, {
+            style: "body2",
+            children: t("neetoRules.form.delayExecutionBy")
+          }), /*#__PURE__*/jsx(Input$2, {
+            name: "".concat(name, ".value.value"),
+            placeholder: t("neetoRules.placeholders.enterDelay"),
+            type: "number"
+          }), /*#__PURE__*/jsx(Select$1, {
+            defaultValue: findBy({
+              value: value.unit
+            }, DELAY_UNIT_OPTIONS),
+            name: "".concat(name, ".value.unit"),
+            options: DELAY_UNIT_OPTIONS,
+            placeholder: t("neetoRules.placeholders.selectOption"),
+            onChange: function onChange(option) {
+              return setValue(_objectSpread$b(_objectSpread$b({}, value), {}, {
+                unit: option.value
+              }));
+            }
+          })]
+        }), /*#__PURE__*/jsx(Button, {
+          icon: Delete,
+          size: "small",
+          style: "text",
+          tooltipProps: {
+            content: t("neetoRules.common.delete"),
+            position: "top"
+          },
+          onClick: function onClick() {
+            setShowAddDelayButton(true);
+            setValue({});
+          }
+        })]
+      })
+    })]
+  });
+};
 
 var getAllEvents = function getAllEvents(events, dropdownOptions) {
   return dropdownOptions.filter(function (option) {
@@ -3912,7 +4041,7 @@ var Events$1 = function Events(_ref) {
   });
 };
 
-var _excluded$6 = ["addButtonTooltipProps", "data", "label", "name", "performerName", "conditionsName", "onSelectEvent"];
+var _excluded$6 = ["addButtonTooltipProps", "data", "label", "name", "performerName", "conditionsName", "onSelectEvent", "enableAddingDelay"];
 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), !0).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 EventConditions = function EventConditions(_ref) {
@@ -3924,6 +4053,8 @@ var EventConditions = function EventConditions(_ref) {
     performerName = _ref.performerName,
     conditionsName = _ref.conditionsName,
     onSelectEvent = _ref.onSelectEvent,
+    _ref$enableAddingDela = _ref.enableAddingDelay,
+    enableAddingDelay = _ref$enableAddingDela === void 0 ? false : _ref$enableAddingDela,
     config = _objectWithoutProperties(_ref, _excluded$6);
   var _useFormikContext = useFormikContext(),
     values = _useFormikContext.values,
@@ -3954,8 +4085,8 @@ var EventConditions = function EventConditions(_ref) {
   }, addButtonTooltipProps);
   var isConditionsEmpty = isEmpty(conditionProps === null || conditionProps === void 0 ? void 0 : conditionProps.conditionOptions);
   var tooltipProps = isConditionsEmpty ? disabledAddButtonTooltips : addButtonTooltips;
-  return /*#__PURE__*/jsx("div", {
-    children: /*#__PURE__*/jsxs(Card, {
+  return /*#__PURE__*/jsxs("div", {
+    children: [/*#__PURE__*/jsxs(Card, {
       title: label || (elementProps === null || elementProps === void 0 ? void 0 : elementProps.label),
       children: [/*#__PURE__*/jsxs("div", {
         className: "flex justify-between",
@@ -3990,7 +4121,9 @@ var EventConditions = function EventConditions(_ref) {
           name: conditionsName
         }, config))
       })]
-    })
+    }), enableAddingDelay && /*#__PURE__*/jsx(AddDelay, {
+      name: "execution_delay"
+    })]
   });
 };