@bigbinary/neeto-rules-frontend 2.4.1 → 2.5.0

package/dist/cjs/NeetoRulesForm.js

@@ -49,6 +49,7 @@ var Eye = require('@bigbinary/neeto-icons/Eye');
 var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
 var Tooltip = require('@bigbinary/neetoui/Tooltip');
+var Popover = require('@bigbinary/neetoui/Popover');
 var Select$1 = require('@bigbinary/neetoui/formik/Select');
 var Radio = require('@bigbinary/neetoui/formik/Radio');
 var shallow = require('zustand/shallow');
@@ -113,6 +114,7 @@ var Eye__default = /*#__PURE__*/_interopDefaultLegacy(Eye);
 var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultLegacy(_asyncToGenerator);
 var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
 var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
+var Popover__default = /*#__PURE__*/_interopDefaultLegacy(Popover);
 var Select__default$1 = /*#__PURE__*/_interopDefaultLegacy(Select$1);
 var Radio__default = /*#__PURE__*/_interopDefaultLegacy(Radio);
 var Help__default = /*#__PURE__*/_interopDefaultLegacy(Help);
@@ -162,8 +164,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__default["default"](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__default["default"](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,
@@ -171,13 +173,13 @@ var PaneFooterBlock = function PaneFooterBlock(_ref) {
     _ref$cancelButtonProp = _ref.cancelButtonProps,
     cancelButtonProps = _ref$cancelButtonProp === void 0 ? {} : _ref$cancelButtonProp;
   return /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
-    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);
@@ -264,8 +266,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__default["default"](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__default["default"](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,
@@ -275,7 +277,7 @@ var InputField$2 = function InputField(_ref) {
     _useField2 = _slicedToArray__default["default"](_useField, 2),
     field = _useField2[0],
     meta = _useField2[1];
-  return /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], _objectSpread$j(_objectSpread$j({
+  return /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], _objectSpread$k(_objectSpread$k({
     label: label,
     type: "text"
   }, field), {}, {
@@ -886,8 +888,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__default["default"](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__default["default"](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,
@@ -912,7 +914,7 @@ var EditorAction = function EditorAction(_ref) {
   react.useEffect(function () {
     setFieldValue(name, editorData);
   }, [debouncedValue]);
-  return /*#__PURE__*/jsxRuntime.jsx(FormikEditor__default["default"], _objectSpread$i({
+  return /*#__PURE__*/jsxRuntime.jsx(FormikEditor__default["default"], _objectSpread$j({
     addons: addons,
     autoFocus: autoFocus,
     defaults: defaults,
@@ -1198,8 +1200,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__default["default"](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__default["default"](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__*/react.forwardRef(function (props, ref) {
   var _props$value = props.value,
     value = _props$value === void 0 ? "" : _props$value,
@@ -1237,7 +1239,7 @@ var InlineInput = /*#__PURE__*/react.forwardRef(function (props, ref) {
   return /*#__PURE__*/jsxRuntime.jsx("div", {
     className: classNames__default["default"]("flex flex-grow", _defineProperty__default["default"]({}, className, className)),
     ref: inputWrapperRef,
-    children: /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], _objectSpread$h(_objectSpread$h({
+    children: /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], _objectSpread$i(_objectSpread$i({
       autoFocus: true,
       className: "neeto-planner-inline-input",
       "data-cy": "inline-input-field",
@@ -1643,8 +1645,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__default["default"](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__default["default"](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))",
@@ -1656,8 +1658,8 @@ var STYLES = {
   }
 };
 var MultiValueRemove = function MultiValueRemove(props) {
-  return /*#__PURE__*/jsxRuntime.jsx(reactSelect.components.MultiValueRemove, _objectSpread$g(_objectSpread$g({}, props), {}, {
-    innerProps: _objectSpread$g(_objectSpread$g({}, props.innerProps), {}, _defineProperty__default["default"]({}, "data-cy", "".concat(dasherize(props.data.label), "-remove-icon"))),
+  return /*#__PURE__*/jsxRuntime.jsx(reactSelect.components.MultiValueRemove, _objectSpread$h(_objectSpread$h({}, props), {}, {
+    innerProps: _objectSpread$h(_objectSpread$h({}, props.innerProps), {}, _defineProperty__default["default"]({}, "data-cy", "".concat(dasherize(props.data.label), "-remove-icon"))),
     children: /*#__PURE__*/jsxRuntime.jsx(Close__default["default"], {
       size: 16
     })
@@ -1677,8 +1679,8 @@ var ValueContainer = function ValueContainer(_ref) {
     firstChild = _children[0],
     rest = _children.slice(1);
   var shouldCollapse = !isFocused && value.length > visiblePhoneNumbersCount;
-  return /*#__PURE__*/jsxRuntime.jsxs(reactSelect.components.ValueContainer, _objectSpread$g(_objectSpread$g({}, props), {}, {
-    innerProps: _objectSpread$g(_objectSpread$g({}, props.innerProps), {}, _defineProperty__default["default"]({}, "data-cy", "multi-phone-number-input-container")),
+  return /*#__PURE__*/jsxRuntime.jsxs(reactSelect.components.ValueContainer, _objectSpread$h(_objectSpread$h({}, props), {}, {
+    innerProps: _objectSpread$h(_objectSpread$h({}, props.innerProps), {}, _defineProperty__default["default"]({}, "data-cy", "multi-phone-number-input-container")),
     children: [shouldCollapse ? firstChild.slice(0, visiblePhoneNumbersCount) : firstChild, shouldCollapse && /*#__PURE__*/jsxRuntime.jsx(Tag__default["default"], {
       style: "secondary",
       label: t("neetoRules.labels.remainingItemsCount", {
@@ -1688,8 +1690,8 @@ var ValueContainer = function ValueContainer(_ref) {
   }));
 };
 var ClearIndicator = function ClearIndicator(props) {
-  return /*#__PURE__*/jsxRuntime.jsx(reactSelect.components.ClearIndicator, _objectSpread$g(_objectSpread$g({}, props), {}, {
-    innerProps: _objectSpread$g(_objectSpread$g({}, props.innerProps), {}, _defineProperty__default["default"]({}, "data-cy", "clear-all-button")),
+  return /*#__PURE__*/jsxRuntime.jsx(reactSelect.components.ClearIndicator, _objectSpread$h(_objectSpread$h({}, props), {}, {
+    innerProps: _objectSpread$h(_objectSpread$h({}, props.innerProps), {}, _defineProperty__default["default"]({}, "data-cy", "clear-all-button")),
     children: /*#__PURE__*/jsxRuntime.jsx(Close__default["default"], {
       className: "cursor-pointer",
       size: 16
@@ -1707,7 +1709,7 @@ var CUSTOM_STYLES = {
   input: ramda.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
     });
@@ -1721,8 +1723,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__default["default"](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__default["default"](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__*/react.forwardRef(function (_ref, ref) {
   var _ref$value = _ref.value,
     value = _ref$value === void 0 ? [] : _ref$value,
@@ -1781,7 +1783,7 @@ var MultiPhoneNumberInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
         "data-cy": "".concat(dasherize(label), "-input-label"),
         children: label
       })
-    }), /*#__PURE__*/jsxRuntime.jsx(CreatableSelect__default["default"], _objectSpread$f({
+    }), /*#__PURE__*/jsxRuntime.jsx(CreatableSelect__default["default"], _objectSpread$g({
       isMulti: true,
       required: true,
       classNamePrefix: "neeto-ui-react-select",
@@ -1792,7 +1794,7 @@ var MultiPhoneNumberInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
       className: classNames__default["default"]("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: ramda.mergeLeft({
           maxHeight: "200px",
           overflowY: "auto"
@@ -1804,7 +1806,7 @@ var MultiPhoneNumberInput = /*#__PURE__*/react.forwardRef(function (_ref, ref) {
       },
       onInputChange: setInputValue,
       onKeyDown: handleKeyDown
-    }, _objectSpread$f({
+    }, _objectSpread$g({
       inputValue: inputValue,
       isFocused: isFocused,
       onChange: onChange,
@@ -2150,8 +2152,8 @@ var ActionSubItems = function ActionSubItems(_ref) {
 };
 var ActionSubItem = /*#__PURE__*/react.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__default["default"](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__default["default"](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,
@@ -2386,13 +2388,49 @@ var getSchemaForArray = function getSchemaForArray(element) {
     then: yup__namespace.array().min(1, i18next.t("neetoRules.validations.atLeastOneValue")).required(i18next.t("neetoRules.validations.atLeastOneValue"))
   });
 };
+var getSchemaForExecutionDelay = function getSchemaForExecutionDelay(_) {
+  return yup__namespace.object().test("is-visible", "", function (value) {
+    if (ramda.isEmpty(value || {})) {
+      return true;
+    }
+    var schema = yup__namespace.object().shape({
+      value: yup__namespace.number().nullable().typeError(i18next.t("neetoRules.validations.number")).min(1, i18next.t("neetoRules.validations.minDelay", {
+        min: 0
+      })).max(15, i18next.t("neetoRules.validations.maxDelay", {
+        max: 15
+      })).required(i18next.t("neetoRules.validations.required.value")),
+      unit: yup__namespace.string().nullable().required(i18next.t("neetoRules.validations.required.value"))
+    });
+    try {
+      schema.validateSync(value, {
+        abortEarly: false
+      });
+      return true;
+    } catch (error) {
+      if (error.inner && neetoCist.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__default["default"]({}, key, yup__namespace.object({
+    return _objectSpread$f(_objectSpread$f({}, acc), {}, _defineProperty__default["default"]({}, key, yup__namespace.object({
       value: getSchemaForElement(data[key], customData)
     })));
   }, {});
@@ -2407,10 +2445,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__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({}, 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__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"](_defineProperty__default["default"]({}, 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+$/;
@@ -2631,8 +2670,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__default["default"](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__default["default"](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,
@@ -2658,7 +2697,7 @@ var Actions = function Actions(_ref) {
   }, [actions]);
   var handleRemoveAction = function handleRemoveAction(index, action, arrayHelpers) {
     if (action.id) {
-      setFieldValue("".concat(name, ".deleted"), [].concat(_toConsumableArray__default["default"](values[name].deleted || []), [_objectSpread$d(_objectSpread$d({}, action), {}, {
+      setFieldValue("".concat(name, ".deleted"), [].concat(_toConsumableArray__default["default"](values[name].deleted || []), [_objectSpread$e(_objectSpread$e({}, action), {}, {
         _destroy: true
       })]));
     }
@@ -3154,8 +3193,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__default["default"](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__default["default"](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,
@@ -3229,7 +3268,7 @@ var MultiSelectCreate = function MultiSelectCreate(_ref) {
           children: t("neetoRules.labels.multipleValues")
         })
       }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Body, {
-        children: /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], _objectSpread$c({
+        children: /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], _objectSpread$d({
           isMulti: true,
           className: "mt-4 w-full",
           "data-cy": "multi-select-create-container",
@@ -3255,7 +3294,8 @@ var DateField = function DateField(_ref) {
   var _conditions$value$ind, _errors$conditions, _errors$conditions$va, _touched$conditions, _touched$conditions$v;
   var name = _ref.name,
     index = _ref.index,
-    conditionName = _ref.conditionName;
+    conditionName = _ref.conditionName,
+    field = _ref.field;
   var _useFormikContext = formik.useFormikContext(),
     conditions = _useFormikContext.values.conditions,
     errors = _useFormikContext.errors,
@@ -3301,10 +3341,11 @@ var DateField = function DateField(_ref) {
     };
   }();
   var handleOnChange = function handleOnChange(date) {
+    var format = field.showTime ? "YYYY-MM-DD HH:mm:ss" : "YYYY-MM-DD";
     setFieldValue("".concat(name, ".value"),
     // This is the format being stored in database as of now, standard doesn't include this format
     // eslint-disable-next-line @bigbinary/neeto/use-standard-date-time-formats
-    date ? utils.dayjs(date).format("YYYY-MM-DD") : "");
+    date ? utils.dayjs(date).format(format) : "");
     handleValidate();
   };
   return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
@@ -3313,6 +3354,7 @@ var DateField = function DateField(_ref) {
         autoFocus: true,
         defaultValue: valueTerm,
         name: "".concat(name, ".value"),
+        showTime: field.showTime,
         type: "date",
         onChange: handleOnChange
       }), /*#__PURE__*/jsxRuntime.jsx(Check__default["default"], {
@@ -3402,6 +3444,7 @@ var ValueField = function ValueField(_ref) {
   if (fieldType === constants.CONDITION_VALUE_TYPES.date) {
     return /*#__PURE__*/jsxRuntime.jsx(DateField, {
       conditionName: conditionName,
+      field: field,
       index: index,
       name: name
     });
@@ -3500,8 +3543,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__default["default"](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__default["default"](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,
@@ -3538,8 +3581,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__default["default"](((_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__default["default"](((_field$value2 = field.value) === null || _field$value2 === void 0 ? void 0 : _field$value2.deleted) || []), [_objectSpread$c(_objectSpread$c({}, condition), {}, {
           _destroy: true
         })])
       }));
@@ -3634,6 +3677,97 @@ var OPERATORS = {
   or: "or_operator",
   and: "and_operator"
 };
+var DELAY_UNIT_OPTIONS = [neetoCist.toLabelAndValue("minutes"), neetoCist.toLabelAndValue("hours"), neetoCist.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__default["default"](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 = formik.useField("".concat(name, ".value")),
+    _useField2 = _slicedToArray__default["default"](_useField, 3),
+    value = _useField2[0].value;
+    _useField2[1];
+    var setValue = _useField2[2].setValue;
+  var _useState = react.useState(ramda.isEmpty(value)),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    showAddDelayButton = _useState2[0],
+    setShowAddDelayButton = _useState2[1];
+  var addDelayButtonRef = react.useRef(null);
+  var _useTranslation = reactI18next.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__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [showAddDelayButton && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
+        icon: Plus__default["default"],
+        ref: addDelayButtonRef,
+        style: "secondary",
+        onClick: handleDisplayAddDelayForm
+      }), /*#__PURE__*/jsxRuntime.jsxs(Popover__default["default"], {
+        reference: addDelayButtonRef,
+        children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+          style: "h4",
+          children: t("neetoRules.common.addDelay")
+        }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+          lineHeight: "normal",
+          style: "body2",
+          children: t("neetoRules.helpText.addDelay")
+        })]
+      })]
+    }), !showAddDelayButton && /*#__PURE__*/jsxRuntime.jsx(Card, {
+      title: t("neetoRules.common.addDelay"),
+      children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex h-full w-full items-center justify-between",
+        children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "flex items-center gap-x-2",
+          children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
+            style: "body2",
+            children: t("neetoRules.form.delayExecutionBy")
+          }), /*#__PURE__*/jsxRuntime.jsx(Input__default$1["default"], {
+            name: "".concat(name, ".value.value"),
+            placeholder: t("neetoRules.placeholders.enterDelay"),
+            type: "number"
+          }), /*#__PURE__*/jsxRuntime.jsx(Select__default$1["default"], {
+            defaultValue: neetoCist.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__*/jsxRuntime.jsx(Button__default["default"], {
+          icon: Delete__default["default"],
+          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) {
@@ -3971,7 +4105,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__default["default"](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) {
@@ -3983,6 +4117,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__default["default"](_ref, _excluded$6);
   var _useFormikContext = formik.useFormikContext(),
     values = _useFormikContext.values,
@@ -4013,8 +4149,8 @@ var EventConditions = function EventConditions(_ref) {
   }, addButtonTooltipProps);
   var isConditionsEmpty = ramda.isEmpty(conditionProps === null || conditionProps === void 0 ? void 0 : conditionProps.conditionOptions);
   var tooltipProps = isConditionsEmpty ? disabledAddButtonTooltips : addButtonTooltips;
-  return /*#__PURE__*/jsxRuntime.jsx("div", {
-    children: /*#__PURE__*/jsxRuntime.jsxs(Card, {
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    children: [/*#__PURE__*/jsxRuntime.jsxs(Card, {
       title: label || (elementProps === null || elementProps === void 0 ? void 0 : elementProps.label),
       children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex justify-between",
@@ -4049,7 +4185,9 @@ var EventConditions = function EventConditions(_ref) {
           name: conditionsName
         }, config))
       })]
-    })
+    }), enableAddingDelay && /*#__PURE__*/jsxRuntime.jsx(AddDelay, {
+      name: "execution_delay"
+    })]
   });
 };