@bigbinary/neeto-form-frontend 3.8.2 → 3.8.3

package/dist/{utils-6b8cacdd.js → utils-e4298243.js}

@@ -9,7 +9,7 @@ var libphonenumberJs = require('libphonenumber-js');
 var ramda = require('ramda');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var EditorContent = require('@bigbinary/neeto-editor/EditorContent');
-var constants$1 = require('./constants-ca5ca2b1.js');
+var constants$1 = require('./constants-56bf4022.js');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var Plus = require('@bigbinary/neeto-icons/Plus');
 var Button = require('@bigbinary/neetoui/Button');
@@ -23,8 +23,7 @@ var PhoneNumber = require('@bigbinary/neeto-molecules/PhoneNumber');
 var yup = require('yup');
 var i18next = require('i18next');
 var jsxRuntime = require('react/jsx-runtime');
-var path = require('path');
-var constants = require('./constants-43eac775.js');
+var constants = require('./constants-4d9fc943.js');
 var classnames = require('classnames');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var Refresh = require('@bigbinary/neeto-icons/Refresh');
@@ -34,15 +33,8 @@ var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
 var ReCAPTCHA = require('react-google-recaptcha');
 var Checkbox = require('@bigbinary/neetoui/Checkbox');
 var DatePicker = require('@bigbinary/neetoui/DatePicker');
+var FileUpload = require('@bigbinary/neeto-molecules/FileUpload');
 var Label = require('@bigbinary/neetoui/Label');
-var Typography = require('@bigbinary/neetoui/Typography');
-var activestorage = require('@rails/activestorage');
-var reactDropzone = require('react-dropzone');
-var useFormApi = require('./useFormApi-ca36173e.js');
-var FileGeneric = require('@bigbinary/neeto-icons/FileGeneric');
-var Check = require('@bigbinary/neeto-icons/Check');
-var Close = require('@bigbinary/neeto-icons/Close');
-var framerMotion = require('framer-motion');
 var Select = require('@bigbinary/neetoui/Select');
 var Radio = require('@bigbinary/neetoui/Radio');
 var NeetoEditor = require('@bigbinary/neeto-editor/Editor');
@@ -68,7 +60,6 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var EditorContent__default = /*#__PURE__*/_interopDefaultLegacy(EditorContent);
 var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
@@ -80,7 +71,6 @@ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_obje
 var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultLegacy(_regeneratorRuntime);
 var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 var i18next__default = /*#__PURE__*/_interopDefaultLegacy(i18next);
-var path__default = /*#__PURE__*/_interopDefaultLegacy(path);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 var Refresh__default = /*#__PURE__*/_interopDefaultLegacy(Refresh);
 var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
@@ -89,10 +79,6 @@ var ReCAPTCHA__default = /*#__PURE__*/_interopDefaultLegacy(ReCAPTCHA);
 var Checkbox__default = /*#__PURE__*/_interopDefaultLegacy(Checkbox);
 var DatePicker__default = /*#__PURE__*/_interopDefaultLegacy(DatePicker);
 var Label__default = /*#__PURE__*/_interopDefaultLegacy(Label);
-var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
-var FileGeneric__default = /*#__PURE__*/_interopDefaultLegacy(FileGeneric);
-var Check__default = /*#__PURE__*/_interopDefaultLegacy(Check);
-var Close__default = /*#__PURE__*/_interopDefaultLegacy(Close);
 var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
 var Radio__default = /*#__PURE__*/_interopDefaultLegacy(Radio);
 var NeetoEditor__default = /*#__PURE__*/_interopDefaultLegacy(NeetoEditor);
@@ -184,34 +170,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__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 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__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 toEmailValues = function toEmailValues() {
   var values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   return values.map(function (value) {
@@ -304,7 +289,7 @@ var generateInitValues = function generateInitValues(_ref7) {
   var valuesMap = {};
   if (initialValues) {
     valuesMap = initialValues.reduce(function (acc, answer) {
-      return _objectSpread$g(_objectSpread$g({}, acc), {}, _defineProperty__default["default"]({}, answer.questionId, {
+      return _objectSpread$e(_objectSpread$e({}, acc), {}, _defineProperty__default["default"]({}, answer.questionId, {
         value: answer.value,
         optionIds: answer.optionIds
       }));
@@ -497,34 +482,6 @@ var getError = function getError(meta) {
 var buildAutoCompleteAttribute = function buildAutoCompleteAttribute(kind, autoCompleteKinds, formDomProps) {
   return (formDomProps === null || formDomProps === void 0 ? void 0 : formDomProps.autoComplete) === "off" && ramda.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 constants.ERROR_CODES.FILE_TOO_LARGE:
-        return t$1("neetoForm.fileUpload.dropzone.errors.fileTooLarge", {
-          fileName: file.name,
-          maxSize: Math.round(maxFileSize / 1048576)
-        });
-      case constants.ERROR_CODES.FILE_INVALID_TYPE:
-        return t$1("neetoForm.fileUpload.dropzone.errors.fileInvalidType", {
-          fileType: path__default["default"].extname(file.name)
-        });
-      case constants.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 ramda.map(ramda.identity, orderedButtons);
@@ -537,8 +494,8 @@ var isPhoneNumberField = ramda.includes(ramda.__, [constants.QUESTION_KIND.PHONE
 
 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__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$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 t = clientI18nInstance.t;
 yup__namespace.addMethod(yup__namespace.array, "unique", function () {
   var field, message;
@@ -711,7 +668,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));
 
@@ -923,6 +880,7 @@ var MathCaptcha = function MathCaptcha(_ref) {
   }, [userInput]);
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "neeto-form-nano-math-captcha",
+    "data-cy": "math-captcha",
     ref: captchaRef,
     children: [/*#__PURE__*/jsxRuntime.jsx("button", {
       className: "neeto-form-nano-math-captcha__button",
@@ -932,10 +890,13 @@ var MathCaptcha = function MathCaptcha(_ref) {
     }), /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "neeto-form-nano-math-captcha__equation",
       children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+        "data-cy": "first-number",
         children: firstNumber
       }), /*#__PURE__*/jsxRuntime.jsx("span", {
+        "data-cy": "operator",
         children: operator
       }), /*#__PURE__*/jsxRuntime.jsx("span", {
+        "data-cy": "second-number",
         children: secondNumber
       }), /*#__PURE__*/jsxRuntime.jsx("span", {
         children: "="
@@ -943,6 +904,7 @@ var MathCaptcha = function MathCaptcha(_ref) {
     }), /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
       required: true,
       className: "neeto-form-nano-math-captcha__input",
+      "data-cy": "math-captcha-input",
       value: userInput,
       onBlur: handleBlur,
       onChange: utils.withEventTargetValue(setUserInput)
@@ -974,8 +936,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__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$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 ConditionField = function ConditionField(_ref) {
   var question = _ref.question,
     customValidator = _ref.customValidator;
@@ -995,7 +957,7 @@ var ConditionField = function ConditionField(_ref) {
     children: function children(_ref2) {
       var meta = _ref2.meta,
         field = _ref2.field;
-      return /*#__PURE__*/jsxRuntime.jsx(Checkbox__default["default"], _objectSpread$e(_objectSpread$e({}, _objectSpread$e(_objectSpread$e({}, field), {}, {
+      return /*#__PURE__*/jsxRuntime.jsx(Checkbox__default["default"], _objectSpread$c(_objectSpread$c({}, _objectSpread$c(_objectSpread$c({}, field), {}, {
         label: label,
         name: name
       })), {}, {
@@ -1008,8 +970,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__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$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 DateField = function DateField(_ref) {
   var question = _ref.question,
     customValidator = _ref.customValidator;
@@ -1026,6 +988,7 @@ var DateField = function DateField(_ref) {
       className: "neeto-form-engine-input__label-wrapper",
       children: label && /*#__PURE__*/jsxRuntime.jsx("label", {
         className: "neeto-form-engine-label",
+        "data-cy": "".concat(neetoCist.hyphenate(label), "-input-label"),
         children: getLabel(label, isRequired)
       })
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -1044,9 +1007,10 @@ var DateField = function DateField(_ref) {
             value = _ref2$field.value,
             field = _objectWithoutProperties__default["default"](_ref2$field, _excluded$3),
             form = _ref2.form;
-          return /*#__PURE__*/jsxRuntime.jsx(DatePicker__default["default"], _objectSpread$d(_objectSpread$d({}, _objectSpread$d(_objectSpread$d({}, field), {}, {
+          return /*#__PURE__*/jsxRuntime.jsx(DatePicker__default["default"], _objectSpread$b(_objectSpread$b({}, _objectSpread$b(_objectSpread$b({}, field), {}, {
             type: type
           })), {}, {
+            "data-cy": "".concat(neetoCist.hyphenate(label), "-input-field"),
             dateFormat: "MMM D, YYYY",
             error: meta.touched ? meta.error : "",
             placeholder: index.fieldWithFallback(question, "placeholder"),
@@ -1064,8 +1028,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__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$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__default["default"](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,
@@ -1097,7 +1061,7 @@ var EmailField = function EmailField(_ref) {
     setValue = _useField2$2.setValue,
     setTouched = _useField2$2.setTouched;
   var handleFieldChange = utils.withEventTargetValue(setValue);
-  return /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], _objectSpread$c(_objectSpread$c({}, _objectSpread$c(_objectSpread$c({
+  return /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], _objectSpread$a(_objectSpread$a({}, _objectSpread$a(_objectSpread$a({
     type: type
   }, field), {}, {
     autoComplete: autoComplete,
@@ -1114,424 +1078,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__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 useFileUpload = function useFileUpload(_ref) {
-  var disabled = _ref.disabled,
-    accept = _ref.accept,
-    multiple = _ref.multiple,
-    name = _ref.name,
-    maxFileSize = _ref.maxFileSize;
-  var _useState = React.useState({}),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
-    uploadProgress = _useState2[0],
-    setUploadProgress = _useState2[1];
-  var _useState3 = React.useState(""),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
-    uploadError = _useState4[0],
-    setUploadError = _useState4[1];
-  var _useField = formik.useField(name),
-    _useField2 = _slicedToArray__default["default"](_useField, 3);
-    _useField2[0];
-    var value = _useField2[1].value,
-    _useField2$ = _useField2[2],
-    setValue = _useField2$.setValue,
-    setError = _useField2$.setError,
-    setTouched = _useField2$.setTouched;
-  var filesRef = React.useRef(value === null || value === void 0 ? void 0 : value.files);
-  filesRef.current = value === null || value === void 0 ? void 0 : value.files;
-  var cancel = React.useCallback(function (index) {
-    return function () {
-      var _value$files;
-      setUploadProgress(ramda.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]);
-  React.useEffect(function () {
-    uploadError && setError(uploadError);
-  }, [uploadError]);
-  var onDropAccepted = /*#__PURE__*/function () {
-    var _ref2 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(acceptedFiles) {
-      var initialFiles, updatedFiles, newFiles;
-      return _regeneratorRuntime__default["default"].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__default["default"](value.files || []), _toConsumableArray__default["default"](initialFiles)) : initialFiles;
-            setValue({
-              files: updatedFiles
-            });
-            _context.next = 7;
-            return new Promise(function (resolve) {
-              var files = [];
-              acceptedFiles.forEach(function (file) {
-                setUploadProgress(ramda.assoc(file.name, 0));
-                var upload = new activestorage.DirectUpload(file, useFormApi.DIRECT_UPLOAD_URL, {
-                  directUploadWillStoreFileWithXHR: function directUploadWillStoreFileWithXHR(xhr) {
-                    xhr.upload.addEventListener("progress", function (event) {
-                      var percentComplete = Math.round(event.loaded / event.total * 100);
-                      setUploadProgress(ramda.assoc(file.name, percentComplete));
-                    });
-                    xhr.upload.addEventListener("load", function () {
-                      setUploadProgress(ramda.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 = neetoCist.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 = reactDropzone.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__namespace.createElement("svg", _extends({
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 48,
-  height: 36,
-  fill: "none"
-}, props), _path || (_path = /*#__PURE__*/React__namespace.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__default["default"](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 = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var shouldShowFileSizeLimit = hasFileSizeLimit && maxFileSize;
-  return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread$a(_objectSpread$a({}, getRootProps({
-    className: classnames__default["default"](["neeto-form-engine-file-upload__dropzone"], {
-      "neeto-form-engine-file-upload__dropzone--drag-active": isDragActive
-    })
-  })), {}, {
-    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "neeto-form-engine-file-upload__dropzone-inner",
-      "data-cy": "file-upload-body",
-      children: [/*#__PURE__*/jsxRuntime.jsx(SvgFileUpload, {
-        className: "neeto-form-engine-file-upload__upload-icon"
-      }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "neeto-form-engine-file-upload__dropzone-content",
-        children: [/*#__PURE__*/jsxRuntime.jsxs("label", {
-          className: "neeto-form-engine-file-upload__upload-label",
-          htmlFor: "file-upload",
-          children: [/*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
-            i18nKey: "neetoForm.fileUpload.dropzone.chooseOrDragFile",
-            components: {
-              typography: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
-                component: "span",
-                weight: "semibold"
-              }),
-              span: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
-                component: "span",
-                weight: "normal"
-              })
-            }
-          }), /*#__PURE__*/jsxRuntime.jsx("input", _objectSpread$a(_objectSpread$a({}, getInputProps()), {}, {
-            "data-cy": "file-browse-button"
-          }))]
-        }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-          className: "neeto-form-engine-file-upload__dropzone-helper-block",
-          children: [!multipleFilesAllowed && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
-            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__*/jsxRuntime.jsx(Typography__default["default"], {
-            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__*/jsxRuntime.jsx(Typography__default["default"], {
-            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__*/jsxRuntime.jsx("div", {
-    className: "neeto-form-engine-progress__circle",
-    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "neeto-form-engine-progress__circle-wrapper",
-      style: {
-        height: size
-      },
-      children: [/*#__PURE__*/jsxRuntime.jsx("svg", {
-        height: size,
-        version: "1.1",
-        viewBox: "0 0 100 100",
-        width: size,
-        xmlns: "http://www.w3.org/2000/svg",
-        children: /*#__PURE__*/jsxRuntime.jsx("circle", {
-          strokeWidth: strokeWidth,
-          className: "circle",
-          cx: "50",
-          cy: "50",
-          fill: "transparent",
-          r: radius,
-          stroke: emptyStroke,
-          strokeOpacity: emptyStrokeOpacity
-        })
-      }), /*#__PURE__*/jsxRuntime.jsx("svg", {
-        height: size,
-        viewBox: "0 0 100 100",
-        width: size,
-        style: {
-          position: "absolute",
-          transform: "rotate(-90deg)",
-          overflow: "visible",
-          top: 0
-        },
-        children: /*#__PURE__*/jsxRuntime.jsx(framerMotion.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 (neetoCist.isNotPresent(type) || neetoCist.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 = reactUtils.withT(function (_ref) {
-  var t = _ref.t,
-    file = _ref.file,
-    isUploading = _ref.isUploading,
-    cancel = _ref.cancel,
-    progress = _ref.progress;
-  return /*#__PURE__*/jsxRuntime.jsxs("li", {
-    className: "neeto-form-engine-file-upload__uploaded-list-item",
-    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "neeto-form-engine-file-upload__file-preview",
-      children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
-        className: classnames__default["default"]("p-0", {
-          invisible: isUploading
-        }),
-        href: file.url,
-        icon: FileGeneric__default["default"],
-        iconSize: 24,
-        rel: "noreferrer",
-        size: "large",
-        style: "text",
-        target: "_blank"
-      }), isUploading && /*#__PURE__*/jsxRuntime.jsx("div", {
-        className: "neeto-form-engine-progress",
-        children: /*#__PURE__*/jsxRuntime.jsx(Progress, {
-          percents: progress || 0,
-          size: 20
-        })
-      })]
-    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "flex min-w-0 grow flex-col break-words",
-      children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
-        className: "neeto-form-engine-file-upload__file-info-name",
-        style: "body2",
-        children: file.name
-      }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
-        className: "neeto-form-engine-file-upload__file-info-size",
-        style: "body3",
-        children: file.size ? t("neetoForm.fileUpload.fileSizeInMb", {
-          fileSize: convertBytesToMb(file.size)
-        }) : ""
-      })]
-    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: "neeto-form-engine-file-upload__actions",
-      children: [/*#__PURE__*/jsxRuntime.jsx("span", {
-        className: classnames__default["default"]("neeto-form-engine-file-upload__success-indicator", {
-          "neeto-form-engine-file-upload__success-indicator--active": file.url
-        }),
-        children: file.url && /*#__PURE__*/jsxRuntime.jsx(Check__default["default"], {})
-      }), /*#__PURE__*/jsxRuntime.jsx("button", {
-        className: "neeto-form-engine-file-upload__button--red neeto-form-engine-file-upload__remove-button",
-        type: "button",
-        onClick: cancel,
-        children: /*#__PURE__*/jsxRuntime.jsx(Close__default["default"], {})
-      })]
-    })]
-  }, file.url);
-});
-
 var FileUploadField = function FileUploadField(_ref) {
   var question = _ref.question,
     _ref$preview = _ref.preview,
@@ -1555,30 +1101,17 @@ var FileUploadField = function FileUploadField(_ref) {
         multipleFilesAllowed: multipleFilesAllowed
       })
     }),
-    _useField2 = _slicedToArray__default["default"](_useField, 2);
+    _useField2 = _slicedToArray__default["default"](_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 && ramda.isEmpty(fileRejections);
-  var maxFileSizeInBytes = convertMbToBytes(maxFileSize);
-  var isUploadingFile = function isUploadingFile(file) {
-    return ramda.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__*/jsxRuntime.jsxs("div", {
     className: "neeto-form-engine-input__wrapper",
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
@@ -1588,32 +1121,20 @@ var FileUploadField = function FileUploadField(_ref) {
         required: isRequired,
         children: label
       })
-    }), /*#__PURE__*/jsxRuntime.jsx(DropZone, {
+    }), /*#__PURE__*/jsxRuntime.jsx(FileUpload.FileUpload, {
       allowedFileTypes: allowedFileTypes,
-      getInputProps: getInputProps,
-      getRootProps: getRootProps,
-      isDragActive: isDragActive,
       maxFileSize: maxFileSize,
-      multipleFilesAllowed: multipleFilesAllowed
-    }), neetoCist.isNotEmpty(files) && /*#__PURE__*/jsxRuntime.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__*/React.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
         });
-      })
-    }), neetoCist.isNotEmpty(fileRejections) && fileRejections.map(function (file, index) {
-      return /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
-        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__*/jsxRuntime.jsx(Typography__default["default"], {
-      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
+      }
     })]
   });
 };
@@ -1864,9 +1385,11 @@ var Rating = function Rating(_ref) {
     className: "neeto-form-engine-rating",
     children: [/*#__PURE__*/jsxRuntime.jsx("label", {
       className: "neeto-form-engine-label",
+      "data-cy": "rating-input-label",
       children: label
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "neeto-form-engine-rating__row",
+      "data-cy": "rating-input-field",
       children: render()
     }), !!error && typeof error === "string" && /*#__PURE__*/jsxRuntime.jsx("p", {
       className: "neeto-form-engine-input__error",
@@ -1931,6 +1454,7 @@ var RichTextEditor = function RichTextEditor(_ref) {
       className: "neeto-form-engine-input__label-wrapper",
       children: label && /*#__PURE__*/jsxRuntime.jsx("label", {
         className: "neeto-form-engine-label",
+        "data-cy": "".concat(neetoCist.hyphenate(label), "-input-label"),
         children: getLabel(label, isRequired)
       })
     }), /*#__PURE__*/jsxRuntime.jsx(formik.FastField, {
@@ -2023,10 +1547,12 @@ var StarRating = function StarRating(_ref) {
       className: "neeto-form-engine-input__label-wrapper",
       children: /*#__PURE__*/jsxRuntime.jsx("label", {
         className: "neeto-form-engine-label",
+        "data-cy": "star-rating-input-label",
         children: label
       })
     }), /*#__PURE__*/jsxRuntime.jsx("div", {
       className: "neeto-form-engine-star-rating__row",
+      "data-cy": "star-rating-input-field",
       children: constants$1.generateArray(minValue, maxValue).map(function (index) {
         return /*#__PURE__*/jsxRuntime.jsx(RatingButton$1, _objectSpread$3({
           label: index,
@@ -2211,4 +1737,4 @@ exports.getFieldComponent = getFieldComponent;
 exports.getWithExpiry = getWithExpiry;
 exports.mergeRefs = mergeRefs;
 exports.renderButtonsInOrder = renderButtonsInOrder;
-//# sourceMappingURL=utils-6b8cacdd.js.map
+//# sourceMappingURL=utils-e4298243.js.map