@bigbinary/neeto-form-frontend 3.8.2 → 3.8.3

package/dist/{utils-4a844c8d.js → utils-4918956b.js}

@@ -1,19 +1,18 @@
-import * as React from 'react';
-import { useEffect, useState, useImperativeHandle, useRef, useCallback, createElement, memo, Fragment } from 'react';
+import { useEffect, useState, useImperativeHandle, memo, Fragment } from 'react';
 import { useFormikContext, useField, Field, FastField } from 'formik';
 import { isPresent, isNotEmpty, findBy, findById, isNotPresent, getRandomInt, randomPick, noop, hyphenate, slugify, notEqualsDeep } from '@bigbinary/neeto-cist';
 import { i as isFunction, b as isEmptyValues, f as fieldWithFallback } from './index-2664c3e7.js';
 import { dayjs, withEventTargetValue } from '@bigbinary/neeto-commons-frontend/utils';
 import { parsePhoneNumber } from 'libphonenumber-js';
-import { includes, __, isNil, clamp, prop, map, identity, pluck, pipe, toLower, reject, values, assoc, isEmpty, isNotNil, equals, pick } from 'ramda';
+import { includes, __, isNil, clamp, prop, map, identity, pluck, pipe, toLower, reject, values, equals, pick } from 'ramda';
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import EditorContent from '@bigbinary/neeto-editor/EditorContent';
-import { C as CAPTCHA_TYPES, q as generateArray } from './constants-669f203a.js';
+import { C as CAPTCHA_TYPES, q as generateArray } from './constants-d9148acf.js';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import Plus from '@bigbinary/neeto-icons/Plus';
 import Button from '@bigbinary/neetoui/Button';
 import NeetoUIMultiEmailInput from '@bigbinary/neetoui/MultiEmailInput';
-import { useTranslation, Trans } from 'react-i18next';
+import { useTranslation } from 'react-i18next';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import _regeneratorRuntime from '@babel/runtime/regenerator';
@@ -22,10 +21,9 @@ import { validation, PhoneNumberInput } from '@bigbinary/neeto-molecules/PhoneNu
 import * as yup from 'yup';
 import i18next from 'i18next';
 import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
-import path from 'path';
-import { Q as QUESTION_KIND, E as ERROR_CODES, e as EMAIL_REGEX, R as RATING_VALUES, S as SCHEMA_LESS_QUESTION_KINDS, f as RATING_OPTIONS, I as ICONS_MAP } from './constants-3d8a5374.js';
+import { Q as QUESTION_KIND, E as EMAIL_REGEX, R as RATING_VALUES, S as SCHEMA_LESS_QUESTION_KINDS, e as RATING_OPTIONS, I as ICONS_MAP } from './constants-75b78b3a.js';
 import classnames from 'classnames';
-import { useUpdateEffect, withT, useDebounce } from '@bigbinary/neeto-commons-frontend/react-utils';
+import { useUpdateEffect, useDebounce } from '@bigbinary/neeto-commons-frontend/react-utils';
 import Refresh from '@bigbinary/neeto-icons/Refresh';
 import Input from '@bigbinary/neetoui/Input';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
@@ -33,15 +31,8 @@ import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
 import ReCAPTCHA from 'react-google-recaptcha';
 import Checkbox from '@bigbinary/neetoui/Checkbox';
 import DatePicker from '@bigbinary/neetoui/DatePicker';
+import { FileUpload } from '@bigbinary/neeto-molecules/FileUpload';
 import Label from '@bigbinary/neetoui/Label';
-import Typography from '@bigbinary/neetoui/Typography';
-import { DirectUpload } from '@rails/activestorage';
-import { useDropzone } from 'react-dropzone';
-import { D as DIRECT_UPLOAD_URL } from './useFormApi-d733cb8d.js';
-import FileGeneric from '@bigbinary/neeto-icons/FileGeneric';
-import Check from '@bigbinary/neeto-icons/Check';
-import Close from '@bigbinary/neeto-icons/Close';
-import { motion } from 'framer-motion';
 import Select from '@bigbinary/neetoui/Select';
 import Radio from '@bigbinary/neetoui/Radio';
 import NeetoEditor from '@bigbinary/neeto-editor/Editor';
@@ -133,34 +124,33 @@ var FormikWrap = function FormikWrap(_ref) {
   return children;
 };
 
-var t$2 = clientI18nInstance.t;
+var t$1 = clientI18nInstance.t;
 var getInvalidFieldError = function getInvalidFieldError(label) {
-  return t$2("neetoForm.error.invalidField", {
+  return t$1("neetoForm.error.invalidField", {
     label: label
   });
 };
 var getRequiredFieldError = function getRequiredFieldError(label) {
-  return t$2("neetoForm.error.requiredField", {
+  return t$1("neetoForm.error.requiredField", {
     label: label
   });
 };
 var getSelectMinError = function getSelectMinError(min) {
-  var entity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : t$2("neetoForm.common.option");
-  return t$2("neetoForm.error.selectMin", {
+  var entity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : t$1("neetoForm.common.option");
+  return t$1("neetoForm.error.selectMin", {
     min: min,
     entity: entity
   });
 };
 var getInvalidTypeError = function getInvalidTypeError(label, type) {
-  return t$2("neetoForm.error.invalidType", {
+  return t$1("neetoForm.error.invalidType", {
     label: label,
     type: type
   });
 };
 
-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 t$1 = clientI18nInstance.t;
+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 toEmailValues = function toEmailValues() {
   var values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   return values.map(function (value) {
@@ -253,7 +243,7 @@ var generateInitValues = function generateInitValues(_ref7) {
   var valuesMap = {};
   if (initialValues) {
     valuesMap = initialValues.reduce(function (acc, answer) {
-      return _objectSpread$g(_objectSpread$g({}, acc), {}, _defineProperty({}, answer.questionId, {
+      return _objectSpread$e(_objectSpread$e({}, acc), {}, _defineProperty({}, answer.questionId, {
         value: answer.value,
         optionIds: answer.optionIds
       }));
@@ -446,34 +436,6 @@ var getError = function getError(meta) {
 var buildAutoCompleteAttribute = function buildAutoCompleteAttribute(kind, autoCompleteKinds, formDomProps) {
   return (formDomProps === null || formDomProps === void 0 ? void 0 : formDomProps.autoComplete) === "off" && includes(kind, autoCompleteKinds) ? "on" : undefined;
 };
-var convertMbToBytes = function convertMbToBytes(mb) {
-  return mb * 1024 * 1024;
-};
-var renderErrorMessage = function renderErrorMessage(errorObject, maxFileSize, isMultiple) {
-  var error = errorObject.errors[0];
-  var file = errorObject.file;
-  if (error) {
-    var code = error.code;
-    switch (code) {
-      case ERROR_CODES.FILE_TOO_LARGE:
-        return t$1("neetoForm.fileUpload.dropzone.errors.fileTooLarge", {
-          fileName: file.name,
-          maxSize: Math.round(maxFileSize / 1048576)
-        });
-      case ERROR_CODES.FILE_INVALID_TYPE:
-        return t$1("neetoForm.fileUpload.dropzone.errors.fileInvalidType", {
-          fileType: path.extname(file.name)
-        });
-      case ERROR_CODES.TOO_MANY_FILES:
-        if (!isMultiple) {
-          return t$1("neetoForm.fileUpload.dropzone.errors.tooManyFiles");
-        }
-    }
-  }
-  return t$1("neetoForm.fileUpload.dropzone.errors.defaultError", {
-    fileName: file.name
-  });
-};
 var renderButtonsInOrder = function renderButtonsInOrder(buttonsArray, shouldReverse) {
   var orderedButtons = shouldReverse ? buttonsArray.reverse() : buttonsArray;
   return map(identity, orderedButtons);
@@ -486,8 +448,8 @@ var isPhoneNumberField = includes(__, [QUESTION_KIND.PHONE.value, QUESTION_KIND.
 
 var _excluded$4 = ["kind", "customValidator"];
 var _fieldKindValidatorMa;
-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$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 t = clientI18nInstance.t;
 yup.addMethod(yup.array, "unique", function () {
   var field, message;
@@ -660,7 +622,7 @@ var validateFieldValue = function validateFieldValue(_ref16) {
   return function (value) {
     if (!(kind in fieldKindValidatorMap)) return;
     var validator = fieldKindValidatorMap[kind];
-    var schema = customValidator || validator(_objectSpread$f({
+    var schema = customValidator || validator(_objectSpread$d({
       kind: kind
     }, otherProps));
 
@@ -872,6 +834,7 @@ var MathCaptcha = function MathCaptcha(_ref) {
   }, [userInput]);
   return /*#__PURE__*/jsxs("div", {
     className: "neeto-form-nano-math-captcha",
+    "data-cy": "math-captcha",
     ref: captchaRef,
     children: [/*#__PURE__*/jsx("button", {
       className: "neeto-form-nano-math-captcha__button",
@@ -881,10 +844,13 @@ var MathCaptcha = function MathCaptcha(_ref) {
     }), /*#__PURE__*/jsxs("div", {
       className: "neeto-form-nano-math-captcha__equation",
       children: [/*#__PURE__*/jsx("span", {
+        "data-cy": "first-number",
         children: firstNumber
       }), /*#__PURE__*/jsx("span", {
+        "data-cy": "operator",
         children: operator
       }), /*#__PURE__*/jsx("span", {
+        "data-cy": "second-number",
         children: secondNumber
       }), /*#__PURE__*/jsx("span", {
         children: "="
@@ -892,6 +858,7 @@ var MathCaptcha = function MathCaptcha(_ref) {
     }), /*#__PURE__*/jsx(Input, {
       required: true,
       className: "neeto-form-nano-math-captcha__input",
+      "data-cy": "math-captcha-input",
       value: userInput,
       onBlur: handleBlur,
       onChange: withEventTargetValue(setUserInput)
@@ -923,8 +890,8 @@ var Recaptcha = function Recaptcha(_ref) {
   }, clientI18nInstance.language);
 };
 
-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$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 ConditionField = function ConditionField(_ref) {
   var question = _ref.question,
     customValidator = _ref.customValidator;
@@ -944,7 +911,7 @@ var ConditionField = function ConditionField(_ref) {
     children: function children(_ref2) {
       var meta = _ref2.meta,
         field = _ref2.field;
-      return /*#__PURE__*/jsx(Checkbox, _objectSpread$e(_objectSpread$e({}, _objectSpread$e(_objectSpread$e({}, field), {}, {
+      return /*#__PURE__*/jsx(Checkbox, _objectSpread$c(_objectSpread$c({}, _objectSpread$c(_objectSpread$c({}, field), {}, {
         label: label,
         name: name
       })), {}, {
@@ -957,8 +924,8 @@ var ConditionField = function ConditionField(_ref) {
 };
 
 var _excluded$3 = ["value"];
-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$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 DateField = function DateField(_ref) {
   var question = _ref.question,
     customValidator = _ref.customValidator;
@@ -975,6 +942,7 @@ var DateField = function DateField(_ref) {
       className: "neeto-form-engine-input__label-wrapper",
       children: label && /*#__PURE__*/jsx("label", {
         className: "neeto-form-engine-label",
+        "data-cy": "".concat(hyphenate(label), "-input-label"),
         children: getLabel(label, isRequired)
       })
     }), /*#__PURE__*/jsx("div", {
@@ -993,9 +961,10 @@ var DateField = function DateField(_ref) {
             value = _ref2$field.value,
             field = _objectWithoutProperties(_ref2$field, _excluded$3),
             form = _ref2.form;
-          return /*#__PURE__*/jsx(DatePicker, _objectSpread$d(_objectSpread$d({}, _objectSpread$d(_objectSpread$d({}, field), {}, {
+          return /*#__PURE__*/jsx(DatePicker, _objectSpread$b(_objectSpread$b({}, _objectSpread$b(_objectSpread$b({}, field), {}, {
             type: type
           })), {}, {
+            "data-cy": "".concat(hyphenate(label), "-input-field"),
             dateFormat: "MMM D, YYYY",
             error: meta.touched ? meta.error : "",
             placeholder: fieldWithFallback(question, "placeholder"),
@@ -1013,8 +982,8 @@ var DateField = function DateField(_ref) {
   });
 };
 
-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$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var EmailField = function EmailField(_ref) {
   var question = _ref.question,
     customValidator = _ref.customValidator,
@@ -1046,7 +1015,7 @@ var EmailField = function EmailField(_ref) {
     setValue = _useField2$2.setValue,
     setTouched = _useField2$2.setTouched;
   var handleFieldChange = withEventTargetValue(setValue);
-  return /*#__PURE__*/jsx(Input, _objectSpread$c(_objectSpread$c({}, _objectSpread$c(_objectSpread$c({
+  return /*#__PURE__*/jsx(Input, _objectSpread$a(_objectSpread$a({}, _objectSpread$a(_objectSpread$a({
     type: type
   }, field), {}, {
     autoComplete: autoComplete,
@@ -1063,424 +1032,6 @@ var EmailField = function EmailField(_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; }
-var useFileUpload = function useFileUpload(_ref) {
-  var disabled = _ref.disabled,
-    accept = _ref.accept,
-    multiple = _ref.multiple,
-    name = _ref.name,
-    maxFileSize = _ref.maxFileSize;
-  var _useState = useState({}),
-    _useState2 = _slicedToArray(_useState, 2),
-    uploadProgress = _useState2[0],
-    setUploadProgress = _useState2[1];
-  var _useState3 = useState(""),
-    _useState4 = _slicedToArray(_useState3, 2),
-    uploadError = _useState4[0],
-    setUploadError = _useState4[1];
-  var _useField = useField(name),
-    _useField2 = _slicedToArray(_useField, 3);
-    _useField2[0];
-    var value = _useField2[1].value,
-    _useField2$ = _useField2[2],
-    setValue = _useField2$.setValue,
-    setError = _useField2$.setError,
-    setTouched = _useField2$.setTouched;
-  var filesRef = useRef(value === null || value === void 0 ? void 0 : value.files);
-  filesRef.current = value === null || value === void 0 ? void 0 : value.files;
-  var cancel = useCallback(function (index) {
-    return function () {
-      var _value$files;
-      setUploadProgress(assoc(value.files[index].name, null));
-      var newFiles = (_value$files = value.files) === null || _value$files === void 0 ? void 0 : _value$files.filter(function (_, idx) {
-        return idx !== index;
-      });
-      setValue({
-        files: newFiles
-      });
-    };
-  }, [value]);
-  useEffect(function () {
-    uploadError && setError(uploadError);
-  }, [uploadError]);
-  var onDropAccepted = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(acceptedFiles) {
-      var initialFiles, updatedFiles, newFiles;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            setTouched(false);
-            setUploadError("");
-            initialFiles = acceptedFiles.map(function (file) {
-              return {
-                name: file.name,
-                size: file.size
-              };
-            });
-            updatedFiles = multiple ? [].concat(_toConsumableArray(value.files || []), _toConsumableArray(initialFiles)) : initialFiles;
-            setValue({
-              files: updatedFiles
-            });
-            _context.next = 7;
-            return new Promise(function (resolve) {
-              var files = [];
-              acceptedFiles.forEach(function (file) {
-                setUploadProgress(assoc(file.name, 0));
-                var upload = new DirectUpload(file, DIRECT_UPLOAD_URL, {
-                  directUploadWillStoreFileWithXHR: function directUploadWillStoreFileWithXHR(xhr) {
-                    xhr.upload.addEventListener("progress", function (event) {
-                      var percentComplete = Math.round(event.loaded / event.total * 100);
-                      setUploadProgress(assoc(file.name, percentComplete));
-                    });
-                    xhr.upload.addEventListener("load", function () {
-                      setUploadProgress(assoc(file.name, undefined));
-                    });
-                  }
-                });
-                upload.create(function (error, blob) {
-                  if (error) {
-                    return setUploadError(error);
-                  }
-                  files.push({
-                    url: blob.blob_url,
-                    name: blob.filename,
-                    signedId: blob.signed_id
-                  });
-                  var isUploadCompleted = multiple ? acceptedFiles.length === files.length : files.length === 1;
-                  if (isUploadCompleted) {
-                    return resolve(files);
-                  }
-                  return "";
-                });
-              });
-              return files;
-            });
-          case 7:
-            newFiles = _context.sent;
-            if (multiple) {
-              setValue({
-                files: filesRef.current.map(function (file) {
-                  var uploadedFile = findBy({
-                    name: file.name
-                  }, newFiles);
-                  return _objectSpread$b(_objectSpread$b({}, file), uploadedFile);
-                })
-              });
-            } else {
-              setValue({
-                files: newFiles
-              });
-            }
-          case 9:
-          case "end":
-            return _context.stop();
-        }
-      }, _callee);
-    }));
-    return function onDropAccepted(_x) {
-      return _ref2.apply(this, arguments);
-    };
-  }();
-  var onDropRejected = function onDropRejected(fileRejections) {
-    fileRejections.forEach(function (fileObject) {
-      setTouched(true);
-      setUploadError(renderErrorMessage(fileObject, maxFileSize, multiple));
-    });
-  };
-  var _useDropzone = useDropzone({
-      disabled: disabled,
-      accept: accept,
-      multiple: multiple,
-      onDropAccepted: onDropAccepted,
-      onDropRejected: onDropRejected,
-      maxSize: convertMbToBytes(maxFileSize)
-    }),
-    getRootProps = _useDropzone.getRootProps,
-    getInputProps = _useDropzone.getInputProps,
-    isDragActive = _useDropzone.isDragActive,
-    fileRejections = _useDropzone.fileRejections;
-  return {
-    files: value === null || value === void 0 ? void 0 : value.files,
-    progress: uploadProgress,
-    cancel: cancel,
-    getRootProps: getRootProps,
-    getInputProps: getInputProps,
-    isDragActive: isDragActive,
-    fileRejections: fileRejections
-  };
-};
-
-var _path;
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-const SvgFileUpload = props => /*#__PURE__*/React.createElement("svg", _extends({
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 48,
-  height: 36,
-  fill: "none"
-}, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
-  fill: "currentColor",
-  d: "M32 26h-6v10h-4V26h-6l8-8 8 8zm6.958-11.816C38.534 6.282 32.012 0 24 0S9.466 6.282 9.042 14.184C3.902 15.11 0 19.596 0 25c0 6.074 4.926 11 11 11h7v-4h-7c-3.86 0-7-3.14-7-7 0-5.594 4.958-7.666 8.866-7.44C12.532 9.124 17.282 4 24 4c6.906 0 11.782 5.594 11.134 13.56C38.624 17.468 44 19.062 44 25c0 3.86-3.14 7-7 7h-7v4h7c6.074 0 11-4.926 11-11 0-5.404-3.902-9.89-9.042-10.816z"
-})));
-
-function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var DropZone = function DropZone(_ref) {
-  var isDragActive = _ref.isDragActive,
-    getRootProps = _ref.getRootProps,
-    getInputProps = _ref.getInputProps,
-    multipleFilesAllowed = _ref.multipleFilesAllowed,
-    _ref$hasFileSizeLimit = _ref.hasFileSizeLimit,
-    hasFileSizeLimit = _ref$hasFileSizeLimit === void 0 ? true : _ref$hasFileSizeLimit,
-    maxFileSize = _ref.maxFileSize,
-    allowedFileTypes = _ref.allowedFileTypes;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
-  var shouldShowFileSizeLimit = hasFileSizeLimit && maxFileSize;
-  return /*#__PURE__*/jsx("div", _objectSpread$a(_objectSpread$a({}, getRootProps({
-    className: classnames(["neeto-form-engine-file-upload__dropzone"], {
-      "neeto-form-engine-file-upload__dropzone--drag-active": isDragActive
-    })
-  })), {}, {
-    children: /*#__PURE__*/jsxs("div", {
-      className: "neeto-form-engine-file-upload__dropzone-inner",
-      "data-cy": "file-upload-body",
-      children: [/*#__PURE__*/jsx(SvgFileUpload, {
-        className: "neeto-form-engine-file-upload__upload-icon"
-      }), /*#__PURE__*/jsxs("div", {
-        className: "neeto-form-engine-file-upload__dropzone-content",
-        children: [/*#__PURE__*/jsxs("label", {
-          className: "neeto-form-engine-file-upload__upload-label",
-          htmlFor: "file-upload",
-          children: [/*#__PURE__*/jsx(Trans, {
-            i18nKey: "neetoForm.fileUpload.dropzone.chooseOrDragFile",
-            components: {
-              typography: /*#__PURE__*/jsx(Typography, {
-                component: "span",
-                weight: "semibold"
-              }),
-              span: /*#__PURE__*/jsx(Typography, {
-                component: "span",
-                weight: "normal"
-              })
-            }
-          }), /*#__PURE__*/jsx("input", _objectSpread$a(_objectSpread$a({}, getInputProps()), {}, {
-            "data-cy": "file-browse-button"
-          }))]
-        }), /*#__PURE__*/jsxs("div", {
-          className: "neeto-form-engine-file-upload__dropzone-helper-block",
-          children: [!multipleFilesAllowed && /*#__PURE__*/jsx(Typography, {
-            className: "neeto-form-engine-file-upload__dropzone-helper-text",
-            "data-cy": "upload-only-one-file-text",
-            style: "body3",
-            children: t("neetoForm.fileUpload.dropzone.oneFileAllowed")
-          }), shouldShowFileSizeLimit && /*#__PURE__*/jsx(Typography, {
-            className: "neeto-form-engine-file-upload__dropzone-helper-text",
-            "data-cy": "maximum-allowed-size-text",
-            style: "body3",
-            children: t("neetoForm.fileUpload.dropzone.maxFileSize", {
-              size: maxFileSize,
-              unit: t("neetoForm.fileUpload.mb")
-            })
-          }), allowedFileTypes && /*#__PURE__*/jsx(Typography, {
-            className: "neeto-form-engine-file-upload__dropzone-helper-text",
-            "data-cy": "allowed-files-types-text",
-            style: "body3",
-            children: t("neetoForm.fileUpload.dropzone.allowedFileTypes", {
-              types: allowedFileTypes
-            })
-          })]
-        })]
-      })]
-    })
-  }));
-};
-
-var Progress = function Progress(_ref) {
-  var percents = _ref.percents,
-    _ref$stroke = _ref.stroke,
-    stroke = _ref$stroke === void 0 ? "blue" : _ref$stroke,
-    _ref$emptyStroke = _ref.emptyStroke,
-    emptyStroke = _ref$emptyStroke === void 0 ? stroke : _ref$emptyStroke,
-    _ref$emptyStrokeOpaci = _ref.emptyStrokeOpacity,
-    emptyStrokeOpacity = _ref$emptyStrokeOpaci === void 0 ? 0.25 : _ref$emptyStrokeOpaci,
-    _ref$duration = _ref.duration,
-    duration = _ref$duration === void 0 ? 0.5 : _ref$duration,
-    _ref$delay = _ref.delay,
-    delay = _ref$delay === void 0 ? 0 : _ref$delay,
-    _ref$size = _ref.size,
-    size = _ref$size === void 0 ? 100 : _ref$size,
-    _ref$strokeWidth = _ref.strokeWidth,
-    strokeWidth = _ref$strokeWidth === void 0 ? 12 : _ref$strokeWidth;
-  var radius = 45;
-  var circumference = Math.ceil(2 * Math.PI * radius);
-  var fillPercents = Math.abs(Math.ceil(circumference / 100 * (percents - 100)));
-  var transition = {
-    duration: duration,
-    delay: delay
-  };
-  var variants = {
-    hidden: {
-      strokeDashoffset: circumference,
-      transition: transition
-    },
-    show: {
-      strokeDashoffset: fillPercents,
-      transition: transition
-    }
-  };
-  return /*#__PURE__*/jsx("div", {
-    className: "neeto-form-engine-progress__circle",
-    children: /*#__PURE__*/jsxs("div", {
-      className: "neeto-form-engine-progress__circle-wrapper",
-      style: {
-        height: size
-      },
-      children: [/*#__PURE__*/jsx("svg", {
-        height: size,
-        version: "1.1",
-        viewBox: "0 0 100 100",
-        width: size,
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /*#__PURE__*/jsx("circle", {
-          strokeWidth: strokeWidth,
-          className: "circle",
-          cx: "50",
-          cy: "50",
-          fill: "transparent",
-          r: radius,
-          stroke: emptyStroke,
-          strokeOpacity: emptyStrokeOpacity
-        })
-      }), /*#__PURE__*/jsx("svg", {
-        height: size,
-        viewBox: "0 0 100 100",
-        width: size,
-        style: {
-          position: "absolute",
-          transform: "rotate(-90deg)",
-          overflow: "visible",
-          top: 0
-        },
-        children: /*#__PURE__*/jsx(motion.circle, {
-          stroke: stroke,
-          strokeWidth: strokeWidth,
-          variants: variants,
-          animate: "show",
-          cx: "50",
-          cy: "50",
-          fill: "transparent",
-          initial: "hidden",
-          r: radius,
-          strokeDasharray: circumference,
-          strokeDashoffset: fillPercents
-        })
-      })]
-    })
-  });
-};
-
-var FILE_MIME_TYPES = {
-  pdf: ["application/pdf"],
-  doc: ["application/msword", "application/wps-writer"],
-  docx: ["application/vnd.openxmlformats-officedocument.wordprocessingml.document"],
-  xls: ["application/vnd.ms-excel"],
-  xlsx: ["application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"],
-  csv: ["text/csv"],
-  txt: ["text/plain"],
-  rtf: ["application/rtf", "text/rtf"],
-  html: ["text/html"],
-  htm: ["text/html"],
-  md: ["text/markdown", "text/x-markdown"],
-  zip: ["application/zip"],
-  mp3: ["audio/mpeg"],
-  wma: ["audio/x-ms-wma", "video/x-ms-asf"],
-  mp4: ["video/mp4"],
-  webm: ["video/webm"],
-  mpg: ["video/mpeg"],
-  mpeg: ["video/mpeg"],
-  flv: ["video/x-flv"],
-  avi: ["video/x-msvideo"],
-  jpg: ["image/jpeg"],
-  jpeg: ["image/jpeg"],
-  png: ["image/png"],
-  gif: ["image/gif"]
-};
-
-var getAcceptedFileTypes = function getAcceptedFileTypes(allowedFileTypes) {
-  var accepted = {};
-  allowedFileTypes.split(", ").forEach(function (type) {
-    var mimeTypes = FILE_MIME_TYPES[type];
-    var extension = ".".concat(type);
-    if (isNotPresent(type) || isNotPresent(mimeTypes)) return;
-    mimeTypes.forEach(function (mimeType) {
-      if (accepted[mimeType]) accepted[mimeType].push(extension);else accepted[mimeType] = [extension];
-    });
-  });
-  return accepted;
-};
-var convertBytesToMb = function convertBytesToMb(bytes) {
-  return (bytes / (1024 * 1024)).toFixed(2);
-};
-
-var FilePreview = withT(function (_ref) {
-  var t = _ref.t,
-    file = _ref.file,
-    isUploading = _ref.isUploading,
-    cancel = _ref.cancel,
-    progress = _ref.progress;
-  return /*#__PURE__*/jsxs("li", {
-    className: "neeto-form-engine-file-upload__uploaded-list-item",
-    children: [/*#__PURE__*/jsxs("div", {
-      className: "neeto-form-engine-file-upload__file-preview",
-      children: [/*#__PURE__*/jsx(Button, {
-        className: classnames("p-0", {
-          invisible: isUploading
-        }),
-        href: file.url,
-        icon: FileGeneric,
-        iconSize: 24,
-        rel: "noreferrer",
-        size: "large",
-        style: "text",
-        target: "_blank"
-      }), isUploading && /*#__PURE__*/jsx("div", {
-        className: "neeto-form-engine-progress",
-        children: /*#__PURE__*/jsx(Progress, {
-          percents: progress || 0,
-          size: 20
-        })
-      })]
-    }), /*#__PURE__*/jsxs("div", {
-      className: "flex min-w-0 grow flex-col break-words",
-      children: [/*#__PURE__*/jsx(Typography, {
-        className: "neeto-form-engine-file-upload__file-info-name",
-        style: "body2",
-        children: file.name
-      }), /*#__PURE__*/jsx(Typography, {
-        className: "neeto-form-engine-file-upload__file-info-size",
-        style: "body3",
-        children: file.size ? t("neetoForm.fileUpload.fileSizeInMb", {
-          fileSize: convertBytesToMb(file.size)
-        }) : ""
-      })]
-    }), /*#__PURE__*/jsxs("div", {
-      className: "neeto-form-engine-file-upload__actions",
-      children: [/*#__PURE__*/jsx("span", {
-        className: classnames("neeto-form-engine-file-upload__success-indicator", {
-          "neeto-form-engine-file-upload__success-indicator--active": file.url
-        }),
-        children: file.url && /*#__PURE__*/jsx(Check, {})
-      }), /*#__PURE__*/jsx("button", {
-        className: "neeto-form-engine-file-upload__button--red neeto-form-engine-file-upload__remove-button",
-        type: "button",
-        onClick: cancel,
-        children: /*#__PURE__*/jsx(Close, {})
-      })]
-    })]
-  }, file.url);
-});
-
 var FileUploadField = function FileUploadField(_ref) {
   var question = _ref.question,
     _ref$preview = _ref.preview,
@@ -1504,30 +1055,17 @@ var FileUploadField = function FileUploadField(_ref) {
         multipleFilesAllowed: multipleFilesAllowed
       })
     }),
-    _useField2 = _slicedToArray(_useField, 2);
+    _useField2 = _slicedToArray(_useField, 3);
     _useField2[0];
     var _useField2$ = _useField2[1],
+    value = _useField2$.value,
     touched = _useField2$.touched,
-    error = _useField2$.error;
-  var _useFileUpload = useFileUpload({
-      disabled: preview,
-      accept: getAcceptedFileTypes(allowedFileTypes),
-      multiple: multipleFilesAllowed,
-      name: name || nodeId,
-      maxFileSize: maxFileSize
-    }),
-    files = _useFileUpload.files,
-    progress = _useFileUpload.progress,
-    cancel = _useFileUpload.cancel,
-    getRootProps = _useFileUpload.getRootProps,
-    getInputProps = _useFileUpload.getInputProps,
-    isDragActive = _useFileUpload.isDragActive,
-    fileRejections = _useFileUpload.fileRejections;
-  var shouldShowError = touched && error && isEmpty(fileRejections);
-  var maxFileSizeInBytes = convertMbToBytes(maxFileSize);
-  var isUploadingFile = function isUploadingFile(file) {
-    return isNotNil(progress[file.name]) && (progress[file.name] !== 100 || !file.url);
-  };
+    error = _useField2$.error,
+    _useField2$2 = _useField2[2],
+    setValue = _useField2$2.setValue,
+    setError = _useField2$2.setError,
+    setTouched = _useField2$2.setTouched;
+  var errorToDisplay = touched && error ? error : "";
   return /*#__PURE__*/jsxs("div", {
     className: "neeto-form-engine-input__wrapper",
     children: [/*#__PURE__*/jsx("div", {
@@ -1537,32 +1075,20 @@ var FileUploadField = function FileUploadField(_ref) {
         required: isRequired,
         children: label
       })
-    }), /*#__PURE__*/jsx(DropZone, {
+    }), /*#__PURE__*/jsx(FileUpload, {
       allowedFileTypes: allowedFileTypes,
-      getInputProps: getInputProps,
-      getRootProps: getRootProps,
-      isDragActive: isDragActive,
       maxFileSize: maxFileSize,
-      multipleFilesAllowed: multipleFilesAllowed
-    }), isNotEmpty(files) && /*#__PURE__*/jsx("ul", {
-      className: "neeto-form-engine-file-upload__uploaded-list",
-      children: files === null || files === void 0 ? void 0 : files.map(function (file, idx) {
-        return /*#__PURE__*/createElement(FilePreview, {
-          file: file,
-          cancel: cancel(idx),
-          isUploading: isUploadingFile(file),
-          key: idx,
-          progress: progress[file.name]
+      multipleFilesAllowed: multipleFilesAllowed,
+      setError: setError,
+      setTouched: setTouched,
+      error: errorToDisplay,
+      files: value === null || value === void 0 ? void 0 : value.files,
+      isPreview: preview,
+      onChange: function onChange(files) {
+        return setValue({
+          files: files
         });
-      })
-    }), isNotEmpty(fileRejections) && fileRejections.map(function (file, index) {
-      return /*#__PURE__*/jsx(Typography, {
-        className: "neeto-ui-text-error-800 neeto-ui-bg-pastel-red neeto-ui-rounded-sm mt-2 inline-block w-full p-1 text-sm",
-        children: renderErrorMessage(file, maxFileSizeInBytes, false)
-      }, index);
-    }), shouldShowError && /*#__PURE__*/jsx(Typography, {
-      className: "neeto-ui-text-error-800 neeto-ui-bg-pastel-red neeto-ui-rounded-sm mt-2 inline-block w-full p-1 text-sm",
-      children: error
+      }
     })]
   });
 };
@@ -1813,9 +1339,11 @@ var Rating = function Rating(_ref) {
     className: "neeto-form-engine-rating",
     children: [/*#__PURE__*/jsx("label", {
       className: "neeto-form-engine-label",
+      "data-cy": "rating-input-label",
       children: label
     }), /*#__PURE__*/jsx("div", {
       className: "neeto-form-engine-rating__row",
+      "data-cy": "rating-input-field",
       children: render()
     }), !!error && typeof error === "string" && /*#__PURE__*/jsx("p", {
       className: "neeto-form-engine-input__error",
@@ -1880,6 +1408,7 @@ var RichTextEditor = function RichTextEditor(_ref) {
       className: "neeto-form-engine-input__label-wrapper",
       children: label && /*#__PURE__*/jsx("label", {
         className: "neeto-form-engine-label",
+        "data-cy": "".concat(hyphenate(label), "-input-label"),
         children: getLabel(label, isRequired)
       })
     }), /*#__PURE__*/jsx(FastField, {
@@ -1972,10 +1501,12 @@ var StarRating = function StarRating(_ref) {
       className: "neeto-form-engine-input__label-wrapper",
       children: /*#__PURE__*/jsx("label", {
         className: "neeto-form-engine-label",
+        "data-cy": "star-rating-input-label",
         children: label
       })
     }), /*#__PURE__*/jsx("div", {
       className: "neeto-form-engine-star-rating__row",
+      "data-cy": "star-rating-input-field",
       children: generateArray(minValue, maxValue).map(function (index) {
         return /*#__PURE__*/jsx(RatingButton$1, _objectSpread$3({
           label: index,
@@ -2151,4 +1682,4 @@ var getPhoneData = function getPhoneData(value, countryCode) {
 };
 
 export { FormikWrap as F, generateInitValues as a, getFieldComponent as b, clientI18nInstance as c, buildAutoCompleteAttribute as d, generateFormResponse as e, clearLocalStorageValues as f, getWithExpiry as g, mergeRefs as m, renderButtonsInOrder as r };
-//# sourceMappingURL=utils-4a844c8d.js.map
+//# sourceMappingURL=utils-4918956b.js.map