@bigbinary/neeto-form-frontend 3.3.2 → 3.4.1

package/dist/utils-1ab9e83f.js

@@ -0,0 +1,2158 @@
+import * as React from 'react';
+import { useEffect, useState, useImperativeHandle, useRef, useCallback, createElement, memo, Fragment } from 'react';
+import { useFormikContext, useField, Field, FastField } from 'formik';
+import { isPresent, isNotPresent, isNotEmpty, findBy, findById, 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 from 'dayjs';
+import { parsePhoneNumber } from 'libphonenumber-js';
+import { pipe, toLower, reject, prop, map, includes, isNil, clamp, identity, pluck, values, assoc, isEmpty, isNotNil, equals, pick } from 'ramda';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import EditorContent from '@bigbinary/neeto-editor/EditorContent';
+import { C as CAPTCHA_TYPES, o as generateArray } from './constants-8afd221a.js';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import Button from '@bigbinary/neetoui/Button';
+import NeetoUIMultiEmailInput from '@bigbinary/neetoui/MultiEmailInput';
+import { useTranslation, Trans } from 'react-i18next';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { isEditorEmpty } from '@bigbinary/neeto-editor/utils';
+import { validation, PhoneNumberInput } from '@bigbinary/neeto-molecules/PhoneNumber';
+import * as yup from 'yup';
+import i18next from 'i18next';
+import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
+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-9310a7c2.js';
+import classnames from 'classnames';
+import path from 'path';
+import { useUpdateEffect, withT, useDebounce } from '@bigbinary/neeto-commons-frontend/react-utils';
+import { withEventTargetValue } from '@bigbinary/neeto-commons-frontend/utils';
+import Refresh from '@bigbinary/neeto-icons/Refresh';
+import Input from '@bigbinary/neetoui/Input';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
+import ReCAPTCHA from 'react-google-recaptcha';
+import Checkbox from '@bigbinary/neetoui/Checkbox';
+import localeData from 'dayjs/plugin/localeData';
+import utc from 'dayjs/plugin/utc';
+import weekday from 'dayjs/plugin/weekday';
+import weekOfYear from 'dayjs/plugin/weekOfYear';
+import DatePicker from '@bigbinary/neetoui/DatePicker';
+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';
+import Textarea from '@bigbinary/neetoui/Textarea';
+
+var clientI18nInstance = i18next.cloneInstance();
+
+var clearLocalStorageValues = function clearLocalStorageValues(key) {
+  try {
+    localStorage.removeItem(key);
+  } catch (error) {
+    // eslint-disable-next-line no-console
+    console.error(error);
+  }
+};
+var setWithExpiry = function setWithExpiry(key, value) {
+  var expireInDays = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
+  var expiryDate = dayjs().add(expireInDays, "day").toDate();
+  var item = {
+    value: value,
+    localStorageExpiry: expiryDate.getTime()
+  };
+  try {
+    localStorage.setItem(key, JSON.stringify(item));
+  } catch (error) {
+    // eslint-disable-next-line no-console
+    console.error(error);
+  }
+};
+var getWithExpiry = function getWithExpiry(key) {
+  try {
+    var itemStr = localStorage.getItem(key);
+    if (!itemStr) {
+      return null;
+    }
+    var item = JSON.parse(itemStr);
+    var now = new Date();
+    if (now.getTime() > item.localStorageExpiry) {
+      localStorage.removeItem(key);
+      return null;
+    }
+    return item.value;
+  } catch (error) {
+    // eslint-disable-next-line no-console
+    console.error(error);
+    return null;
+  }
+};
+
+var FormikWrap = function FormikWrap(_ref) {
+  var onError = _ref.onError,
+    children = _ref.children,
+    formId = _ref.formId,
+    preserveValues = _ref.preserveValues,
+    onValuesChange = _ref.onValuesChange,
+    dataUpdateCount = _ref.dataUpdateCount;
+  var _useFormikContext = useFormikContext(),
+    errors = _useFormikContext.errors,
+    touched = _useFormikContext.touched,
+    isValid = _useFormikContext.isValid,
+    isSubmitting = _useFormikContext.isSubmitting,
+    values = _useFormikContext.values,
+    validateForm = _useFormikContext.validateForm;
+  var revalidate = function revalidate() {
+    return isPresent(errors) && validateForm();
+  };
+  useEffect(function () {
+    revalidate();
+  }, [clientI18nInstance.language, dataUpdateCount]);
+  var syncValuesWithLocalStorage = function syncValuesWithLocalStorage() {
+    return preserveValues && !isEmptyValues(values) && setWithExpiry("".concat(formId, "/values"), values);
+  };
+  useEffect(function () {
+    syncValuesWithLocalStorage();
+    onValuesChange && onValuesChange(values);
+  }, [values, formId, preserveValues]);
+  useEffect(function () {
+    if (isSubmitting || isValid) return;
+
+    // include only touched fields
+    var touchedErrors = Object.keys(errors).filter(function (key) {
+      return touched[key];
+    }).reduce(function (obj, key) {
+      obj[key] = errors[key];
+      return obj;
+    }, {});
+    if (isFunction(onError)) onError(touchedErrors);
+  }, [isValid, isSubmitting]);
+  return children;
+};
+
+var t$2 = clientI18nInstance.t;
+var getInvalidFieldError = function getInvalidFieldError(label) {
+  return t$2("neetoForm.error.invalidField", {
+    label: label
+  });
+};
+var getRequiredFieldError = function getRequiredFieldError(label) {
+  return t$2("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", {
+    min: min,
+    entity: entity
+  });
+};
+var getInvalidTypeError = function getInvalidTypeError(label, type) {
+  return t$2("neetoForm.error.invalidType", {
+    label: label,
+    type: type
+  });
+};
+
+var _excluded$4 = ["kind", "customValidator"];
+var _fieldKindValidatorMa;
+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;
+yup.addMethod(yup.array, "unique", function () {
+  var field, message;
+  if (arguments.length > 1) {
+    field = arguments[0];
+    message = arguments[1];
+  } else {
+    message = arguments[0];
+  }
+  var getValue = function getValue(item) {
+    return field ? item[field] : item;
+  };
+  var valueInLowerCase = pipe(getValue, toLower);
+  return this.test("unique", message, function () {
+    var array = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    // ignore destroyed items in the array
+    var validItems = reject(prop("_destroy"), array);
+    var uniqueItems = new Set(map(valueInLowerCase, validItems));
+
+    // all items are unique
+    if (validItems.length === uniqueItems.size) return true;
+    return this.createError({
+      path: this.path,
+      message: message
+    });
+  });
+});
+var isValidDate = function isValidDate(date) {
+  return date && dayjs(date).isValid();
+};
+var extractEmailDomain = function extractEmailDomain(email) {
+  return email === null || email === void 0 ? void 0 : email.split("@")[1];
+};
+var isEmailFromRestrictedDomain = function isEmailFromRestrictedDomain(email, restrictedDomains) {
+  var domain = extractEmailDomain(email);
+  return includes(domain, restrictedDomains);
+};
+var validateTextField = function validateTextField(_ref) {
+  var kind = _ref.kind,
+    label = _ref.label,
+    isRequired = _ref.isRequired;
+  var schema = yup.string().typeError(getInvalidTypeError(label, "string"));
+  if (kind === QUESTION_KIND.PHONE.value) {
+    schema = validation(getInvalidFieldError(t$1("neetoForm.common.phoneNumberValidation")));
+  }
+  if (isRequired) schema = schema.trim().required(getRequiredFieldError(label));
+  return schema.trim();
+};
+var validateEmailField = function validateEmailField(_ref2) {
+  var label = _ref2.label,
+    isRequired = _ref2.isRequired,
+    restrictedDomains = _ref2.restrictedDomains;
+  var schema = yup.string().typeError(getInvalidTypeError(label, "string")).email(getInvalidFieldError("Email")).test("verify domain", function (_ref3) {
+    var value = _ref3.value;
+    return t$1("neetoForm.error.emailFromRestrictedDomain", {
+      domain: extractEmailDomain(value)
+    });
+  }, function (value) {
+    return isNotPresent(value) || !isEmailFromRestrictedDomain(value, restrictedDomains);
+  });
+  if (isRequired) schema = schema.trim().required(getRequiredFieldError(label));
+  return schema.trim();
+};
+var validateNameField = function validateNameField(_ref4) {
+  var label = _ref4.label,
+    isRequired = _ref4.isRequired;
+  var schema = yup.string().typeError(getInvalidTypeError(label, "string"));
+  if (isRequired) schema = schema.trim().required(getRequiredFieldError(label));
+  return schema.trim();
+};
+var validateSingleChoiceField = function validateSingleChoiceField(_ref5) {
+  var label = _ref5.label,
+    isRequired = _ref5.isRequired;
+  var schema = yup.string().typeError(getInvalidTypeError(label, "string"));
+  if (isRequired) schema = schema.required(getSelectMinError("an"));
+  return schema.trim();
+};
+var validateMultiChoiceField = function validateMultiChoiceField(_ref6) {
+  var isRequired = _ref6.isRequired;
+  var schema = yup.array().of(yup["boolean"]());
+  if (isRequired) schema = schema.compact().min(1, getSelectMinError("an"));
+  return schema;
+};
+var validateRatingField = function validateRatingField(_ref7) {
+  var label = _ref7.label,
+    isRequired = _ref7.isRequired;
+  var schema = yup.string().typeError(getInvalidTypeError(label, "string"));
+  if (isRequired) schema = schema.required(getSelectMinError("an"));
+  return schema.trim();
+};
+var validateStarRatingField = function validateStarRatingField(_ref8) {
+  var label = _ref8.label,
+    isRequired = _ref8.isRequired;
+  var schema = yup.string().typeError(getInvalidTypeError(label, "string"));
+  if (isRequired) {
+    schema = schema.required(getSelectMinError("a", t$1("neetoForm.common.rating")));
+  }
+  return schema.trim();
+};
+var validateTermsField = function validateTermsField(_ref9) {
+  var _ref9$isRequired = _ref9.isRequired,
+    isRequired = _ref9$isRequired === void 0 ? true : _ref9$isRequired;
+  return isRequired ? yup["boolean"]().oneOf([true], t$1("neetoForm.common.mustAcceptTermsAndConditions")) : yup["boolean"]().notRequired();
+};
+var validateConditionField = function validateConditionField(_ref10) {
+  var _ref10$isRequired = _ref10.isRequired,
+    isRequired = _ref10$isRequired === void 0 ? true : _ref10$isRequired;
+  return isRequired ? yup["boolean"]().oneOf([true], t$1("neetoForm.common.mustAcceptCondition")) : yup["boolean"]().notRequired();
+};
+var validateDateField = function validateDateField(_ref11) {
+  var label = _ref11.label,
+    isRequired = _ref11.isRequired;
+  var schema = yup.string().test("is valid date", getInvalidTypeError(label, "date"), function (value) {
+    return isNotPresent(value) || isValidDate(value);
+  });
+  if (isRequired) {
+    schema = schema.required(getRequiredFieldError(label));
+  }
+  return schema;
+};
+var validateMultiEmailField = function validateMultiEmailField(_ref12) {
+  var isRequired = _ref12.isRequired;
+  var schema = yup.array().of(yup.object().shape({
+    value: yup.string().email(getInvalidFieldError("Email")).trim()
+  })).nullable();
+  if (isRequired) {
+    schema = schema.compact().min(1, getSelectMinError("an", t$1("neetoForm.common.email")));
+  }
+  return schema;
+};
+var editorHasValue = function editorHasValue(content) {
+  return !isEditorEmpty(content);
+};
+var validateRichTextField = function validateRichTextField(_ref13) {
+  var isRequired = _ref13.isRequired;
+  var schema = yup.string();
+  if (isRequired) {
+    schema = schema.test("required", getRequiredFieldError("content"), editorHasValue);
+  }
+  return schema.trim();
+};
+var validateFileUploadField = function validateFileUploadField(_ref14) {
+  var isRequired = _ref14.isRequired,
+    multipleFilesAllowed = _ref14.multipleFilesAllowed;
+  var files_schema = yup.array();
+  if (isRequired) {
+    files_schema = files_schema.of(yup.object().shape({
+      name: yup.string(),
+      signedId: yup.string().required(t$1("neetoForm.fileUpload.validations.waitForUpload")),
+      url: yup.string().required(t$1("neetoForm.fileUpload.validations.waitForUpload"))
+    })).unique("name", t$1("neetoForm.fileUpload.validations.removeDuplicates")).min(1, multipleFilesAllowed ? t$1("neetoForm.fileUpload.validations.atLeastOneFileRequired") : t$1("neetoForm.fileUpload.validations.fileIsRequired"));
+  }
+  return yup.object().shape({
+    files: files_schema
+  });
+};
+var validateCaptchaField = function validateCaptchaField(_ref15) {
+  var variant = _ref15.variant;
+  return variant === CAPTCHA_TYPES.MATH_CAPTCHA ? yup.mixed().test("verification failed", t$1("neetoForm.error.captchaVerificationFailed"), function (value) {
+    return isNotPresent(value) || value;
+  }).transform(function (value) {
+    return value === "" ? null : value;
+  }).required(t$1("neetoForm.error.incompleteCaptcha")) : yup.string().trim().required(t$1("neetoForm.error.incompleteCaptcha"));
+};
+var fieldKindValidatorMap = (_fieldKindValidatorMa = {}, _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.EMAIL.value, validateEmailField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.NAME.value, validateNameField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.PHONE.value, validateTextField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.TEXT.value, validateTextField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.QUESTION.value, validateTextField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.TEXTAREA.value, validateTextField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.DECIMAL.value, validateTextField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.INTEGER.value, validateTextField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.DROPDOWN.value, validateSingleChoiceField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.RADIO.value, validateSingleChoiceField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.CHECKBOX.value, validateMultiChoiceField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.RATING.value, validateRatingField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.TERMS.value, validateTermsField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.DATE.value, validateDateField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.STAR_RATING.value, validateStarRatingField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.ADDITIONAL_GUESTS.value, validateMultiEmailField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.RICH_TEXT.value, validateRichTextField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.CONDITION.value, validateConditionField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.FILE_UPLOAD.value, validateFileUploadField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.CAPTCHA.value, validateCaptchaField), _fieldKindValidatorMa);
+var validateFieldValue = function validateFieldValue(_ref16) {
+  var kind = _ref16.kind,
+    customValidator = _ref16.customValidator,
+    otherProps = _objectWithoutProperties(_ref16, _excluded$4);
+  return function (value) {
+    if (!(kind in fieldKindValidatorMap)) return;
+    var validator = fieldKindValidatorMap[kind];
+    var schema = customValidator || validator(_objectSpread$g({
+      kind: kind
+    }, otherProps));
+
+    // eslint-disable-next-line consistent-return, no-async-promise-executor
+    return new Promise( /*#__PURE__*/function () {
+      var _ref17 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(resolve) {
+        return _regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
+            case 0:
+              _context.prev = 0;
+              _context.next = 3;
+              return schema.validate(value);
+            case 3:
+              resolve(undefined);
+              _context.next = 9;
+              break;
+            case 6:
+              _context.prev = 6;
+              _context.t0 = _context["catch"](0);
+              resolve(_context.t0.message);
+            case 9:
+            case "end":
+              return _context.stop();
+          }
+        }, _callee, null, [[0, 6]]);
+      }));
+      return function (_x) {
+        return _ref17.apply(this, arguments);
+      };
+    }());
+  };
+};
+
+var MultipleEmailInput = function MultipleEmailInput(_ref) {
+  var _jsx2;
+  var question = _ref.question,
+    customValidator = _ref.customValidator;
+  var name = question.id,
+    kind = question.kind,
+    isRequired = question.isRequired,
+    nodeId = question.nodeId;
+  var label = fieldWithFallback(question, "label");
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useField = useField({
+      name: name || nodeId,
+      validate: validateFieldValue({
+        kind: kind,
+        label: label,
+        isRequired: isRequired,
+        customValidator: customValidator
+      })
+    }),
+    _useField2 = _slicedToArray(_useField, 3),
+    field = _useField2[0],
+    meta = _useField2[1],
+    _useField2$ = _useField2[2],
+    setValue = _useField2$.setValue,
+    setTouched = _useField2$.setTouched;
+  var _useState = useState(isPresent(field.value)),
+    _useState2 = _slicedToArray(_useState, 2),
+    isInputVisible = _useState2[0],
+    setIsInputVisible = _useState2[1];
+  return /*#__PURE__*/jsx("div", {
+    className: "neeto-form-engine-input__wrapper",
+    children: /*#__PURE__*/jsx("div", {
+      className: "neeto-ui-w-full",
+      children: isInputVisible ? /*#__PURE__*/jsx(NeetoUIMultiEmailInput, {
+        isRequired: isRequired,
+        label: label,
+        error: meta.touched ? meta.error : "",
+        helpText: t("neetoForm.common.addGuestsHelper"),
+        name: field.name,
+        placeholder: fieldWithFallback(question, "placeholder"),
+        value: field.value,
+        onBlur: function onBlur() {
+          return setTouched(true);
+        },
+        onChange: setValue
+      }) : /*#__PURE__*/jsx(Button, (_jsx2 = {
+        label: label
+      }, _defineProperty(_jsx2, "label", t("neetoForm.common.addGuests")), _defineProperty(_jsx2, "style", "secondary"), _defineProperty(_jsx2, "onClick", function onClick() {
+        return setIsInputVisible(true);
+      }), _jsx2))
+    })
+  });
+};
+
+function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var t = clientI18nInstance.t;
+var toEmailValues = function toEmailValues() {
+  var values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  return values.map(function (value) {
+    return {
+      label: value,
+      value: value,
+      valid: true
+    };
+  });
+};
+var getPhoneNumberFromUrl = function getPhoneNumberFromUrl(fieldCodes, fieldCode) {
+  var countryCode = fieldCodes["".concat(fieldCode, ".country")];
+  var phoneNumber = fieldCodes["".concat(fieldCode, ".number")];
+  if (!countryCode || !phoneNumber) return undefined;
+  var formattedValue = getPhoneData(phoneNumber, countryCode);
+  if (!formattedValue) return undefined;
+  return formattedValue.formatInternational();
+};
+var getOptionFromURL = function getOptionFromURL(_ref) {
+  var _findBy;
+  var optionsAttributes = _ref.optionsAttributes,
+    fieldCodes = _ref.fieldCodes,
+    fieldCode = _ref.fieldCode;
+  var preFillOption = fieldCodes[fieldCode];
+  return (_findBy = findBy({
+    label: preFillOption
+  }, optionsAttributes)) === null || _findBy === void 0 ? void 0 : _findBy.id;
+};
+var getMultipleOptionsFromURL = function getMultipleOptionsFromURL(_ref2) {
+  var optionsAttributes = _ref2.optionsAttributes,
+    fieldCodes = _ref2.fieldCodes,
+    fieldCode = _ref2.fieldCode;
+  var fieldCodeValue = fieldCodes[fieldCode];
+  if (!fieldCodeValue) return new Array(optionsAttributes.length).fill(false);
+  var allOptions = fieldCodeValue.split(",");
+  return optionsAttributes.map(function (option) {
+    return allOptions.includes(option.label);
+  });
+};
+var getStarRatingFromUrl = function getStarRatingFromUrl(_ref3) {
+  var minValue = _ref3.minValue,
+    maxValue = _ref3.maxValue,
+    fieldCodes = _ref3.fieldCodes,
+    fieldCode = _ref3.fieldCode;
+  var fieldCodeValue = fieldCodes[fieldCode];
+  var rating = parseInt(fieldCodeValue);
+  return isNil(rating) || isNaN(rating) ? "" : clamp(minValue, maxValue, rating);
+};
+var getAdditionalGuestsFromUrl = function getAdditionalGuestsFromUrl(_ref4) {
+  var fieldCodes = _ref4.fieldCodes,
+    fieldCode = _ref4.fieldCode;
+  var fieldCodeValue = fieldCodes[fieldCode];
+  var allEmails = fieldCodeValue === null || fieldCodeValue === void 0 ? void 0 : fieldCodeValue.split(",");
+  if (!allEmails) return [];
+  return allEmails.map(function (email) {
+    return {
+      label: email,
+      value: email,
+      valid: EMAIL_REGEX.test(email)
+    };
+  });
+};
+var getRatingFromUrl = function getRatingFromUrl(_ref5) {
+  var fieldCodes = _ref5.fieldCodes,
+    fieldCode = _ref5.fieldCode;
+  var fieldCodeValue = fieldCodes[fieldCode];
+  var allowedValues = Object.values(RATING_VALUES).map(prop("value"));
+  return allowedValues.includes(fieldCodeValue) ? fieldCodeValue : "";
+};
+var getNumberFromUrl = function getNumberFromUrl(_ref6) {
+  var fieldCodes = _ref6.fieldCodes,
+    fieldCode = _ref6.fieldCode,
+    kind = _ref6.kind;
+  var fieldCodeValue = fieldCodes[fieldCode];
+  var parsedValue = kind === QUESTION_KIND.INTEGER.value ? parseInt(fieldCodeValue) : parseFloat(fieldCodeValue);
+  return parsedValue || "";
+};
+var getLabel = function getLabel(label, isRequired) {
+  return isRequired ? "".concat(label, "*") : label;
+};
+var generateInitValues = function generateInitValues(_ref7) {
+  var questions = _ref7.questions,
+    _ref7$initialValues = _ref7.initialValues,
+    initialValues = _ref7$initialValues === void 0 ? [] : _ref7$initialValues,
+    _ref7$localValues = _ref7.localValues,
+    localValues = _ref7$localValues === void 0 ? {} : _ref7$localValues,
+    _ref7$fieldCodes = _ref7.fieldCodes,
+    fieldCodes = _ref7$fieldCodes === void 0 ? {} : _ref7$fieldCodes;
+  var initValues = {};
+  var valuesMap = {};
+  if (initialValues) {
+    valuesMap = initialValues.reduce(function (acc, answer) {
+      return _objectSpread$f(_objectSpread$f({}, acc), {}, _defineProperty({}, answer.questionId, {
+        value: answer.value,
+        optionIds: answer.optionIds
+      }));
+    }, {});
+  }
+  questions.forEach(function (question) {
+    var id = question.id,
+      kind = question.kind,
+      optionsAttributes = question.optionsAttributes,
+      fieldCode = question.fieldCode,
+      minValue = question.minValue,
+      maxValue = question.maxValue;
+    switch (kind) {
+      case QUESTION_KIND.CONDITION.value:
+        {
+          var _valuesMap$id$value, _valuesMap;
+          initValues[id] = (_valuesMap$id$value = (_valuesMap = valuesMap) === null || _valuesMap === void 0 || (_valuesMap = _valuesMap[id]) === null || _valuesMap === void 0 ? void 0 : _valuesMap.value) !== null && _valuesMap$id$value !== void 0 ? _valuesMap$id$value : false;
+          return;
+        }
+      case QUESTION_KIND.ADDITIONAL_GUESTS.value:
+        {
+          var _valuesMap2;
+          var emailsFromSubmission = toEmailValues((_valuesMap2 = valuesMap) === null || _valuesMap2 === void 0 || (_valuesMap2 = _valuesMap2[id]) === null || _valuesMap2 === void 0 ? void 0 : _valuesMap2.value);
+          initValues[id] = isNotEmpty(emailsFromSubmission) ? emailsFromSubmission : getAdditionalGuestsFromUrl({
+            fieldCodes: fieldCodes,
+            fieldCode: fieldCode
+          });
+          return;
+        }
+      case QUESTION_KIND.CHECKBOX.value:
+        {
+          var _valuesMap$id;
+          initValues[id] = (_valuesMap$id = valuesMap[id]) !== null && _valuesMap$id !== void 0 && (_valuesMap$id = _valuesMap$id.optionIds) !== null && _valuesMap$id !== void 0 && _valuesMap$id.length ? optionsAttributes.map(function (option) {
+            var _valuesMap$id2;
+            return (_valuesMap$id2 = valuesMap[id]) === null || _valuesMap$id2 === void 0 || (_valuesMap$id2 = _valuesMap$id2.optionIds) === null || _valuesMap$id2 === void 0 ? void 0 : _valuesMap$id2.includes(option.id);
+          }) : getMultipleOptionsFromURL({
+            optionsAttributes: optionsAttributes,
+            fieldCodes: fieldCodes,
+            fieldCode: fieldCode
+          });
+          return;
+        }
+      case QUESTION_KIND.RADIO.value:
+      case QUESTION_KIND.DROPDOWN.value:
+        {
+          var _optionsAttributes$fi;
+          initValues[id] = ((_optionsAttributes$fi = optionsAttributes.find(function (option) {
+            var _valuesMap$id3;
+            return (_valuesMap$id3 = valuesMap[id]) === null || _valuesMap$id3 === void 0 || (_valuesMap$id3 = _valuesMap$id3.optionIds) === null || _valuesMap$id3 === void 0 ? void 0 : _valuesMap$id3.includes(option.id);
+          })) === null || _optionsAttributes$fi === void 0 ? void 0 : _optionsAttributes$fi.id) || getOptionFromURL({
+            optionsAttributes: optionsAttributes,
+            fieldCodes: fieldCodes,
+            fieldCode: fieldCode
+          });
+          return;
+        }
+      case QUESTION_KIND.INTEGER.value:
+      case QUESTION_KIND.DECIMAL.value:
+        {
+          var _valuesMap3;
+          initValues[id] = ((_valuesMap3 = valuesMap) === null || _valuesMap3 === void 0 || (_valuesMap3 = _valuesMap3[id]) === null || _valuesMap3 === void 0 ? void 0 : _valuesMap3.value) || getNumberFromUrl({
+            fieldCodes: fieldCodes,
+            fieldCode: fieldCode,
+            kind: kind
+          });
+          return;
+        }
+      case QUESTION_KIND.RATING.value:
+        {
+          var _valuesMap4;
+          initValues[id] = ((_valuesMap4 = valuesMap) === null || _valuesMap4 === void 0 || (_valuesMap4 = _valuesMap4[id]) === null || _valuesMap4 === void 0 ? void 0 : _valuesMap4.value) || getRatingFromUrl({
+            fieldCodes: fieldCodes,
+            fieldCode: fieldCode
+          });
+          return;
+        }
+      case QUESTION_KIND.TERMS.value:
+        {
+          initValues[id] = false;
+          return;
+        }
+      case QUESTION_KIND.FILE_UPLOAD.value:
+        {
+          var _valuesMap$id$value2, _valuesMap5;
+          initValues[id] = {
+            files: (_valuesMap$id$value2 = (_valuesMap5 = valuesMap) === null || _valuesMap5 === void 0 || (_valuesMap5 = _valuesMap5[id]) === null || _valuesMap5 === void 0 ? void 0 : _valuesMap5.value) !== null && _valuesMap$id$value2 !== void 0 ? _valuesMap$id$value2 : []
+          };
+          return;
+        }
+      case QUESTION_KIND.PHONE.value:
+        {
+          var _valuesMap$id$value3, _valuesMap6;
+          initValues[id] = (_valuesMap$id$value3 = (_valuesMap6 = valuesMap) === null || _valuesMap6 === void 0 || (_valuesMap6 = _valuesMap6[id]) === null || _valuesMap6 === void 0 ? void 0 : _valuesMap6.value) !== null && _valuesMap$id$value3 !== void 0 ? _valuesMap$id$value3 : getPhoneNumberFromUrl(fieldCodes, fieldCode);
+          return;
+        }
+      case QUESTION_KIND.STAR_RATING.value:
+        {
+          var _valuesMap$id$value4, _valuesMap7;
+          initValues[id] = (_valuesMap$id$value4 = (_valuesMap7 = valuesMap) === null || _valuesMap7 === void 0 || (_valuesMap7 = _valuesMap7[id]) === null || _valuesMap7 === void 0 ? void 0 : _valuesMap7.value) !== null && _valuesMap$id$value4 !== void 0 ? _valuesMap$id$value4 : getStarRatingFromUrl({
+            minValue: minValue,
+            maxValue: maxValue,
+            fieldCodes: fieldCodes,
+            fieldCode: fieldCode
+          });
+          return;
+        }
+      default:
+        {
+          var _valuesMap$id$value5, _valuesMap8;
+          initValues[id] = (_valuesMap$id$value5 = (_valuesMap8 = valuesMap) === null || _valuesMap8 === void 0 || (_valuesMap8 = _valuesMap8[id]) === null || _valuesMap8 === void 0 ? void 0 : _valuesMap8.value) !== null && _valuesMap$id$value5 !== void 0 ? _valuesMap$id$value5 : fieldCodes[fieldCode] || "";
+          return;
+        }
+    }
+  });
+  return !isEmptyValues(localValues) ? localValues : initValues;
+};
+var generateFormResponse = function generateFormResponse(response, questions) {
+  var formResponse = [];
+  questions.forEach(function (question) {
+    var id = question.id,
+      kind = question.kind,
+      optionsAttributes = question.optionsAttributes;
+    if (!SCHEMA_LESS_QUESTION_KINDS.includes(kind)) {
+      var responseValue = response[id];
+      if (kind === QUESTION_KIND.RADIO.value || kind === QUESTION_KIND.DROPDOWN.value) {
+        var option = findById(responseValue, optionsAttributes);
+        if (option) {
+          formResponse.push({
+            questionId: id,
+            questionOptionId: option.id,
+            value: option.label,
+            kind: kind
+          });
+        }
+      } else if (kind === QUESTION_KIND.CHECKBOX.value) {
+        responseValue.forEach(function (isChecked, index) {
+          if (!isChecked) return;
+          var option = optionsAttributes[index];
+          formResponse.push({
+            questionId: id,
+            questionOptionId: option.id,
+            value: option.label,
+            kind: kind
+          });
+        });
+      } else if (kind === QUESTION_KIND.PHONE.value) {
+        formResponse.push({
+          questionId: id,
+          value: responseValue ? parsePhoneNumber(responseValue).formatInternational() : "",
+          kind: kind
+        });
+      } else if (kind === QUESTION_KIND.ADDITIONAL_GUESTS.value) {
+        formResponse.push({
+          questionId: id,
+          value: responseValue ? pluck("value", responseValue) : null,
+          kind: kind
+        });
+      } else if (kind === QUESTION_KIND.FILE_UPLOAD.value) {
+        formResponse.push({
+          questionId: id,
+          files: isPresent(responseValue) ? responseValue.files : null,
+          kind: kind
+        });
+      } else formResponse.push({
+        questionId: id,
+        value: responseValue,
+        kind: kind
+      });
+    }
+  });
+  return formResponse;
+};
+var mergeRefs = function mergeRefs() {
+  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
+    refs[_key] = arguments[_key];
+  }
+  return function (node) {
+    return refs.forEach(function (ref) {
+      return typeof ref === "function" ? ref(node) : ref.current = node;
+    });
+  };
+};
+var getError = function getError(meta) {
+  if (meta.error && meta.touched) {
+    return typeof meta.error === "string" ? meta.error : "";
+  }
+  return "";
+};
+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("neetoForm.fileUpload.dropzone.errors.fileTooLarge", {
+          fileName: file.name,
+          maxSize: Math.round(maxFileSize / 1048576)
+        });
+      case ERROR_CODES.FILE_INVALID_TYPE:
+        return t("neetoForm.fileUpload.dropzone.errors.fileInvalidType", {
+          fileType: path.extname(file.name)
+        });
+      case ERROR_CODES.TOO_MANY_FILES:
+        if (!isMultiple) {
+          return t("neetoForm.fileUpload.dropzone.errors.tooManyFiles");
+        }
+    }
+  }
+  return t("neetoForm.fileUpload.dropzone.errors.defaultError", {
+    fileName: file.name
+  });
+};
+var renderButtonsInOrder = function renderButtonsInOrder(buttonsArray, shouldReverse) {
+  var orderedButtons = shouldReverse ? buttonsArray.reverse() : buttonsArray;
+  return map(identity, orderedButtons);
+};
+var getSelectedRating = function getSelectedRating(value) {
+  var parsedValue = parseInt(value);
+  return isNaN(parsedValue) ? -1 : parsedValue;
+};
+
+var CaptchaField = function CaptchaField(_ref) {
+  var question = _ref.question,
+    preview = _ref.preview,
+    customValidator = _ref.customValidator,
+    captchaRef = _ref.captchaRef;
+  var name = question.id,
+    kind = question.kind,
+    isRequired = question.isRequired,
+    variant = question.variant,
+    nodeId = question.nodeId;
+  var label = fieldWithFallback(question, "label");
+  var _useField = useField({
+      name: name || nodeId,
+      validate: validateFieldValue({
+        kind: kind,
+        label: label,
+        isRequired: isRequired,
+        customValidator: customValidator,
+        variant: variant
+      })
+    }),
+    _useField2 = _slicedToArray(_useField, 3);
+    _useField2[0];
+    var _useField2$ = _useField2[1],
+    touched = _useField2$.touched,
+    error = _useField2$.error,
+    _useField2$2 = _useField2[2],
+    setValue = _useField2$2.setValue,
+    setTouched = _useField2$2.setTouched;
+  var handleVerifyCaptcha = function handleVerifyCaptcha(response) {
+    setTouched(true);
+    setValue(response);
+  };
+  var Component = CAPTCHA_COMPONENT_MAP[variant];
+  return /*#__PURE__*/jsxs("div", {
+    className: "neeto-form-engine-input__wrapper",
+    children: [/*#__PURE__*/jsx("div", {
+      className: "neeto-form-engine-input__label-wrapper",
+      children: label && /*#__PURE__*/jsx("label", {
+        className: "neeto-form-engine-label",
+        children: getLabel(label, isRequired)
+      })
+    }), /*#__PURE__*/jsx("div", {
+      className: classnames({
+        "pointer-events-none": preview
+      }),
+      children: /*#__PURE__*/jsx(Component, {
+        captchaRef: captchaRef,
+        handleVerifyCaptcha: handleVerifyCaptcha,
+        handleBlur: function handleBlur() {
+          return setTouched(true);
+        }
+      })
+    }), touched && error && /*#__PURE__*/jsx("p", {
+      className: "neeto-form-engine-input__error",
+      "data-cy": "neeto-form-engine-captcha-error",
+      children: error
+    })]
+  });
+};
+
+var MATH_OPERATORS = {
+  PLUS: "+",
+  MINUS: "-"
+};
+
+var generateRandomOperation = function generateRandomOperation() {
+  var firstNumber = getRandomInt(1, 50);
+  var secondNumber = getRandomInt(1, 50);
+  var operator = randomPick.apply(void 0, _toConsumableArray(values(MATH_OPERATORS)));
+  return {
+    firstNumber: firstNumber,
+    secondNumber: secondNumber,
+    operator: operator
+  };
+};
+
+var MathCaptcha = function MathCaptcha(_ref) {
+  var captchaRef = _ref.captchaRef,
+    handleVerifyCaptcha = _ref.handleVerifyCaptcha,
+    handleBlur = _ref.handleBlur;
+  var _useState = useState(generateRandomOperation()),
+    _useState2 = _slicedToArray(_useState, 2),
+    operation = _useState2[0],
+    setOperation = _useState2[1];
+  var _useState3 = useState(""),
+    _useState4 = _slicedToArray(_useState3, 2),
+    userInput = _useState4[0],
+    setUserInput = _useState4[1];
+  var firstNumber = operation.firstNumber,
+    secondNumber = operation.secondNumber,
+    operator = operation.operator;
+  var resetCaptcha = function resetCaptcha() {
+    setOperation(generateRandomOperation());
+    setUserInput("");
+  };
+  useImperativeHandle(captchaRef, function () {
+    return {
+      reset: resetCaptcha
+    };
+  });
+  var calculateResult = function calculateResult() {
+    switch (operator) {
+      case MATH_OPERATORS.PLUS:
+        return firstNumber + secondNumber;
+      case MATH_OPERATORS.MINUS:
+        return firstNumber - secondNumber;
+      default:
+        return null;
+    }
+  };
+  var verifyCaptcha = function verifyCaptcha() {
+    var result = calculateResult();
+    if (result === null) return;
+    handleVerifyCaptcha(result === Number(userInput));
+  };
+  useUpdateEffect(function () {
+    verifyCaptcha();
+  }, [userInput]);
+  return /*#__PURE__*/jsxs("div", {
+    className: "neeto-form-nano-math-captcha",
+    ref: captchaRef,
+    children: [/*#__PURE__*/jsx("button", {
+      className: "neeto-form-nano-math-captcha__button",
+      type: "button",
+      onClick: resetCaptcha,
+      children: /*#__PURE__*/jsx(Refresh, {})
+    }), /*#__PURE__*/jsxs("div", {
+      className: "neeto-form-nano-math-captcha__equation",
+      children: [/*#__PURE__*/jsx("span", {
+        children: firstNumber
+      }), /*#__PURE__*/jsx("span", {
+        children: operator
+      }), /*#__PURE__*/jsx("span", {
+        children: secondNumber
+      }), /*#__PURE__*/jsx("span", {
+        children: "="
+      })]
+    }), /*#__PURE__*/jsx(Input, {
+      required: true,
+      className: "neeto-form-nano-math-captcha__input",
+      value: userInput,
+      onBlur: handleBlur,
+      onChange: withEventTargetValue(setUserInput)
+    })]
+  });
+};
+
+var Recaptcha = function Recaptcha(_ref) {
+  var captchaRef = _ref.captchaRef,
+    handleVerifyCaptcha = _ref.handleVerifyCaptcha;
+  var verifyRecaptcha = function verifyRecaptcha(response) {
+    if (response === null) {
+      return;
+    }
+    handleVerifyCaptcha(response);
+  };
+  var expiredRecaptcha = function expiredRecaptcha() {
+    var _captchaRef$current;
+    captchaRef === null || captchaRef === void 0 || (_captchaRef$current = captchaRef.current) === null || _captchaRef$current === void 0 || _captchaRef$current.reset();
+    handleVerifyCaptcha("");
+  };
+  return /*#__PURE__*/jsx(ReCAPTCHA, {
+    hl: clientI18nInstance.language,
+    ref: captchaRef,
+    sitekey: globalProps.formNanoRecaptchaV2SiteKey,
+    onChange: verifyRecaptcha,
+    onErrored: noop,
+    onExpired: expiredRecaptcha
+  }, 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; }
+var ConditionField = function ConditionField(_ref) {
+  var question = _ref.question,
+    customValidator = _ref.customValidator;
+  var name = question.id,
+    kind = question.kind,
+    isRequired = question.isRequired,
+    nodeId = question.nodeId;
+  var label = fieldWithFallback(question, "label");
+  return /*#__PURE__*/jsx(Field, {
+    name: name || nodeId,
+    validate: validateFieldValue({
+      kind: kind,
+      label: label,
+      isRequired: isRequired,
+      customValidator: customValidator
+    }),
+    children: function children(_ref2) {
+      var meta = _ref2.meta,
+        field = _ref2.field;
+      return /*#__PURE__*/jsx(Checkbox, _objectSpread$e(_objectSpread$e({}, _objectSpread$e(_objectSpread$e({}, field), {}, {
+        label: label,
+        name: name
+      })), {}, {
+        checked: field.value,
+        error: meta.touched ? meta.error : "",
+        required: isRequired
+      }));
+    }
+  });
+};
+
+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; }
+dayjs.extend(weekOfYear);
+dayjs.extend(weekday);
+dayjs.extend(localeData);
+dayjs.extend(utc);
+var DateField = function DateField(_ref) {
+  var question = _ref.question,
+    customValidator = _ref.customValidator;
+  var name = question.id,
+    kind = question.kind,
+    isRequired = question.isRequired,
+    nodeId = question.nodeId;
+  var label = fieldWithFallback(question, "label");
+  var _QUESTION_KIND$kind$t = QUESTION_KIND[kind.toUpperCase()].type,
+    type = _QUESTION_KIND$kind$t === void 0 ? "date" : _QUESTION_KIND$kind$t;
+  return /*#__PURE__*/jsxs("div", {
+    className: "neeto-form-engine-input__wrapper",
+    children: [/*#__PURE__*/jsx("div", {
+      className: "neeto-form-engine-input__label-wrapper",
+      children: label && /*#__PURE__*/jsx("label", {
+        className: "neeto-form-engine-label",
+        children: getLabel(label, isRequired)
+      })
+    }), /*#__PURE__*/jsx("div", {
+      className: "neeto-form-engine-date-picker",
+      children: /*#__PURE__*/jsx(Field, {
+        name: name || nodeId,
+        validate: validateFieldValue({
+          kind: kind,
+          label: label,
+          isRequired: isRequired,
+          customValidator: customValidator
+        }),
+        children: function children(_ref2) {
+          var meta = _ref2.meta,
+            _ref2$field = _ref2.field,
+            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), {}, {
+            type: type
+          })), {}, {
+            dateFormat: "MMM D, YYYY",
+            error: meta.touched ? meta.error : "",
+            placeholder: fieldWithFallback(question, "placeholder"),
+            popupClassName: "neeto-form-engine-date-picker-popup",
+            required: isRequired,
+            size: "small",
+            value: getValidDate(value),
+            onChange: function onChange(date) {
+              form.setFieldValue(name, date ? date.toISOString() : "");
+            }
+          }));
+        }
+      })
+    })]
+  });
+};
+
+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 EmailField = function EmailField(_ref) {
+  var question = _ref.question,
+    customValidator = _ref.customValidator,
+    autoComplete = _ref.autoComplete;
+  var name = question.id,
+    kind = question.kind,
+    isRequired = question.isRequired,
+    isDomainRestrictionEnabled = question.isDomainRestrictionEnabled,
+    restrictedDomains = question.restrictedDomains,
+    nodeId = question.nodeId;
+  var label = fieldWithFallback(question, "label");
+  var type = QUESTION_KIND[kind.toUpperCase()].type;
+  var _useField = useField({
+      name: name || nodeId,
+      validate: validateFieldValue({
+        kind: kind,
+        label: label,
+        isRequired: isRequired,
+        customValidator: customValidator,
+        restrictedDomains: isDomainRestrictionEnabled ? restrictedDomains : []
+      })
+    }),
+    _useField2 = _slicedToArray(_useField, 3),
+    field = _useField2[0],
+    _useField2$ = _useField2[1],
+    touched = _useField2$.touched,
+    error = _useField2$.error,
+    _useField2$2 = _useField2[2],
+    setValue = _useField2$2.setValue,
+    setTouched = _useField2$2.setTouched;
+  var handleFieldChange = withEventTargetValue(setValue);
+  return /*#__PURE__*/jsx(Input, _objectSpread$c(_objectSpread$c({}, _objectSpread$c(_objectSpread$c({
+    type: type
+  }, field), {}, {
+    autoComplete: autoComplete,
+    label: label
+  })), {}, {
+    error: touched ? error : "",
+    name: kind,
+    placeholder: fieldWithFallback(question, "placeholder"),
+    required: isRequired,
+    onBlur: function onBlur() {
+      return setTouched(true);
+    },
+    onChange: handleFieldChange
+  }));
+};
+
+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,
+    preview = _ref$preview === void 0 ? false : _ref$preview,
+    customValidator = _ref.customValidator;
+  var name = question.id,
+    kind = question.kind,
+    isRequired = question.isRequired,
+    nodeId = question.nodeId,
+    allowedFileTypes = question.allowedFileTypes,
+    multipleFilesAllowed = question.multipleFilesAllowed,
+    maxFileSize = question.maxFileSize;
+  var label = fieldWithFallback(question, "label");
+  var _useField = useField({
+      name: name || nodeId,
+      validate: validateFieldValue({
+        kind: kind,
+        label: label,
+        isRequired: isRequired,
+        customValidator: customValidator,
+        multipleFilesAllowed: multipleFilesAllowed
+      })
+    }),
+    _useField2 = _slicedToArray(_useField, 2);
+    _useField2[0];
+    var _useField2$ = _useField2[1],
+    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);
+  };
+  return /*#__PURE__*/jsxs("div", {
+    className: "neeto-form-engine-input__wrapper",
+    children: [/*#__PURE__*/jsx("div", {
+      className: "neeto-form-engine-input__label-wrapper",
+      children: /*#__PURE__*/jsx(Label, {
+        className: "neeto-form-engine-label",
+        required: isRequired,
+        children: label
+      })
+    }), /*#__PURE__*/jsx(DropZone, {
+      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]
+        });
+      })
+    }), 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
+    })]
+  });
+};
+
+function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var NameField = function NameField(_ref) {
+  var question = _ref.question,
+    customValidator = _ref.customValidator,
+    autoComplete = _ref.autoComplete;
+  var name = question.id,
+    kind = question.kind,
+    isRequired = question.isRequired,
+    nodeId = question.nodeId;
+  var label = fieldWithFallback(question, "label");
+  var _QUESTION_KIND$kind$t = QUESTION_KIND[kind.toUpperCase()].type,
+    type = _QUESTION_KIND$kind$t === void 0 ? "text" : _QUESTION_KIND$kind$t;
+  var _useField = useField({
+      name: name || nodeId,
+      validate: validateFieldValue({
+        kind: kind,
+        label: label,
+        isRequired: isRequired,
+        customValidator: customValidator
+      })
+    }),
+    _useField2 = _slicedToArray(_useField, 3),
+    field = _useField2[0],
+    _useField2$ = _useField2[1],
+    touched = _useField2$.touched,
+    error = _useField2$.error,
+    _useField2$2 = _useField2[2],
+    setValue = _useField2$2.setValue,
+    setTouched = _useField2$2.setTouched;
+  var handleFieldChange = withEventTargetValue(setValue);
+  return /*#__PURE__*/jsx(Input, _objectSpread$9(_objectSpread$9({}, _objectSpread$9(_objectSpread$9({
+    type: type
+  }, field), {}, {
+    autoComplete: autoComplete,
+    label: label
+  })), {}, {
+    error: touched ? error : "",
+    name: kind,
+    placeholder: fieldWithFallback(question, "placeholder"),
+    required: isRequired,
+    onBlur: function onBlur() {
+      return setTouched(true);
+    },
+    onChange: handleFieldChange
+  }));
+};
+
+var Choices = function Choices(_ref) {
+  var label = _ref.label,
+    options = _ref.options,
+    type = _ref.type,
+    name = _ref.name,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    error = _ref.error;
+  var isCheckBox = type === "checkbox";
+  var ChoiceWrapper = isCheckBox ? "div" : Radio;
+  var Component = isCheckBox ? Checkbox : Radio.Item;
+  return /*#__PURE__*/jsxs("div", {
+    className: "neeto-form-engine-choices__wrapper",
+    "data-cy": "".concat(hyphenate(label), "-select-container-wrapper"),
+    children: [/*#__PURE__*/jsx("label", {
+      className: "neeto-form-engine-label",
+      children: label
+    }), /*#__PURE__*/jsx(ChoiceWrapper, {
+      className: "neeto-form-engine-choices",
+      stacked: !isCheckBox,
+      children: options.map(function (option, index) {
+        var _value$index;
+        return /*#__PURE__*/jsx("label", {
+          htmlFor: option.id,
+          className: classnames("neeto-form-engine-choice", {
+            active: false
+          }),
+          children: /*#__PURE__*/jsx(Component, {
+            onChange: onChange,
+            type: type,
+            id: option.id,
+            label: option.label,
+            name: isCheckBox ? "".concat(name, ".").concat(index) : name,
+            value: option.id,
+            checked: isCheckBox ? (_value$index = value === null || value === void 0 ? void 0 : value[index]) !== null && _value$index !== void 0 ? _value$index : false : value === option.id
+          })
+        }, option.id);
+      })
+    }), !!error && typeof error === "string" && /*#__PURE__*/jsx("p", {
+      className: "neeto-form-engine-input__error",
+      "data-cy": "neeto-form-engine-".concat(type, "-error"),
+      children: error
+    })]
+  });
+};
+var Choices$1 = /*#__PURE__*/memo(Choices);
+
+function ownKeys$8(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$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var OptionsField = function OptionsField(_ref) {
+  var question = _ref.question,
+    customValidator = _ref.customValidator;
+  var _useFormikContext = useFormikContext(),
+    setFieldTouched = _useFormikContext.setFieldTouched,
+    setFieldValue = _useFormikContext.setFieldValue,
+    validateField = _useFormikContext.validateField;
+  var name = question.id,
+    kind = question.kind,
+    isRequired = question.isRequired,
+    _question$optionsAttr = question.optionsAttributes,
+    options = _question$optionsAttr === void 0 ? [] : _question$optionsAttr;
+  var isDropdown = kind === QUESTION_KIND.DROPDOWN.value;
+  var label = fieldWithFallback(question, "label");
+  var Component = isDropdown ? Select : Choices$1;
+  var transformedOptions = isDropdown ? options.map(function (option) {
+    return {
+      label: fieldWithFallback(option, "label"),
+      displayOrder: option.displayOrder,
+      value: option.id
+    };
+  }) : options.map(function (option) {
+    return _objectSpread$8(_objectSpread$8({}, option), {}, {
+      label: fieldWithFallback(option, "label")
+    });
+  });
+  var handleSelect = function handleSelect(option) {
+    setFieldValue(name, option.value, false);
+    setFieldTouched(name, true, false);
+    setTimeout(function () {
+      return validateField(name);
+    });
+  };
+  return /*#__PURE__*/jsx(Field, {
+    name: name,
+    validate: validateFieldValue({
+      kind: kind,
+      label: label,
+      isRequired: isRequired,
+      customValidator: customValidator
+    }),
+    children: function children(_ref2) {
+      var meta = _ref2.meta,
+        field = _ref2.field;
+      var onChange = field.onChange,
+        value = field.value;
+      return /*#__PURE__*/jsx(Component, {
+        isRequired: isRequired,
+        name: name,
+        error: getError(meta),
+        label: getLabel(label, isRequired),
+        options: transformedOptions,
+        type: kind,
+        value: isDropdown ? findBy({
+          value: value
+        }, transformedOptions) || null : value,
+        onChange: isDropdown ? handleSelect : onChange
+      });
+    }
+  });
+};
+
+var PhoneNumberField = function PhoneNumberField(_ref) {
+  var _getPhoneData;
+  var question = _ref.question,
+    autoComplete = _ref.autoComplete;
+  var name = question.id,
+    kind = question.kind,
+    isRequired = question.isRequired,
+    nodeId = question.nodeId;
+  var label = fieldWithFallback(question, "label");
+  var _useField = useField({
+      name: name || nodeId,
+      validate: validateFieldValue({
+        kind: kind,
+        label: label,
+        isRequired: isRequired
+      })
+    }),
+    _useField2 = _slicedToArray(_useField, 3),
+    value = _useField2[0].value,
+    _useField2$ = _useField2[1],
+    touched = _useField2$.touched,
+    error = _useField2$.error,
+    _useField2$2 = _useField2[2],
+    setValue = _useField2$2.setValue,
+    setTouched = _useField2$2.setTouched;
+  return /*#__PURE__*/jsx(PhoneNumberInput, {
+    autoComplete: autoComplete,
+    label: label,
+    value: value,
+    className: "neeto-form-engine-input__wrapper items-stretch",
+    error: touched ? error : "",
+    initialCountryCode: (_getPhoneData = getPhoneData(value)) === null || _getPhoneData === void 0 ? void 0 : _getPhoneData.country,
+    placeholder: fieldWithFallback(question, "placeholder"),
+    required: isRequired,
+    onBlur: function onBlur() {
+      return setTouched(true);
+    },
+    onChange: setValue
+  });
+};
+
+var _excluded$2 = ["name", "label", "error", "lowestRatingLabel", "averageRatingLabel", "highestRatingLabel", "value"];
+function ownKeys$7(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$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Rating = function Rating(_ref) {
+  var name = _ref.name,
+    label = _ref.label,
+    error = _ref.error,
+    lowestRatingLabel = _ref.lowestRatingLabel,
+    averageRatingLabel = _ref.averageRatingLabel,
+    highestRatingLabel = _ref.highestRatingLabel,
+    value = _ref.value,
+    other = _objectWithoutProperties(_ref, _excluded$2);
+  var handleClick = function handleClick(e) {
+    return e.currentTarget.nextElementSibling.click();
+  };
+  var render = function render() {
+    var labels = [highestRatingLabel, averageRatingLabel, lowestRatingLabel];
+    return RATING_OPTIONS.map(function (_ref2, index) {
+      var Icon = _ref2.icon,
+        modifier = _ref2.modifier,
+        rating = _ref2.value;
+      return /*#__PURE__*/jsxs(Fragment, {
+        children: [/*#__PURE__*/jsxs("button", {
+          type: "button",
+          className: classnames("neeto-form-engine-rating__item neeto-form-engine-rating__item--".concat(modifier), {
+            active: rating === value
+          }),
+          onClick: handleClick,
+          children: [/*#__PURE__*/jsx(Icon, {}), /*#__PURE__*/jsx("label", {
+            className: "neeto-form-engine-label",
+            children: labels[index]
+          })]
+        }), /*#__PURE__*/jsx("input", _objectSpread$7({
+          name: name,
+          hidden: true,
+          checked: rating === value,
+          type: "radio",
+          value: rating
+        }, other))]
+      }, rating);
+    });
+  };
+  return /*#__PURE__*/jsxs("div", {
+    className: "neeto-form-engine-rating",
+    children: [/*#__PURE__*/jsx("label", {
+      className: "neeto-form-engine-label",
+      children: label
+    }), /*#__PURE__*/jsx("div", {
+      className: "neeto-form-engine-rating__row",
+      children: render()
+    }), !!error && typeof error === "string" && /*#__PURE__*/jsx("p", {
+      className: "neeto-form-engine-input__error",
+      "data-cy": "neeto-form-engine-rating-error",
+      children: error
+    })]
+  });
+};
+var Rating$1 = /*#__PURE__*/memo(Rating);
+
+function ownKeys$6(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$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var RatingField = function RatingField(_ref) {
+  var question = _ref.question,
+    customValidator = _ref.customValidator;
+  var name = question.id,
+    kind = question.kind,
+    isRequired = question.isRequired;
+  var label = fieldWithFallback(question, "label");
+  return /*#__PURE__*/jsx(Field, {
+    name: name,
+    validate: validateFieldValue({
+      kind: kind,
+      label: label,
+      isRequired: isRequired,
+      customValidator: customValidator
+    }),
+    children: function children(_ref2) {
+      var meta = _ref2.meta,
+        field = _ref2.field;
+      return /*#__PURE__*/jsx(Rating$1, _objectSpread$6(_objectSpread$6({}, field), {}, {
+        error: meta.touched ? meta.error : "",
+        label: getLabel(label, isRequired),
+        averageRatingLabel: fieldWithFallback(question, "averageRatingLabel") || RATING_VALUES.AVERAGE.label,
+        highestRatingLabel: fieldWithFallback(question, "highestRatingLabel") || RATING_VALUES.GOOD.label,
+        lowestRatingLabel: fieldWithFallback(question, "lowestRatingLabel") || RATING_VALUES.BAD.label
+      }));
+    }
+  });
+};
+
+function ownKeys$5(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$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var RichTextEditor = function RichTextEditor(_ref) {
+  var editorRef = _ref.editorRef,
+    question = _ref.question,
+    _ref$editorProps = _ref.editorProps,
+    editorProps = _ref$editorProps === void 0 ? {} : _ref$editorProps;
+  var _useFormikContext = useFormikContext(),
+    errors = _useFormikContext.errors,
+    touched = _useFormikContext.touched;
+  var name = question.id,
+    kind = question.kind,
+    isRequired = question.isRequired,
+    nodeId = question.nodeId;
+  var label = fieldWithFallback(question, "label");
+  var debouncedPlaceholder = useDebounce(fieldWithFallback(question, "placeholder"), 300);
+  var propsToCompare = ["debouncedPlaceholder", "error", "touched"];
+  return /*#__PURE__*/jsxs("div", {
+    className: "neeto-form-engine-input__wrapper",
+    children: [/*#__PURE__*/jsx("div", {
+      className: "neeto-form-engine-input__label-wrapper",
+      children: label && /*#__PURE__*/jsx("label", {
+        className: "neeto-form-engine-label",
+        children: getLabel(label, isRequired)
+      })
+    }), /*#__PURE__*/jsx(FastField, {
+      debouncedPlaceholder: debouncedPlaceholder,
+      error: errors[name],
+      name: name || nodeId,
+      shouldUpdate: isPropsUnequal(propsToCompare),
+      touched: touched[name],
+      validate: validateFieldValue({
+        kind: kind,
+        label: label,
+        isRequired: isRequired
+      }),
+      children: function children(_ref2) {
+        var field = _ref2.field,
+          form = _ref2.form,
+          meta = _ref2.meta;
+        return /*#__PURE__*/jsx(NeetoEditor, _objectSpread$5({
+          className: "neeto-form-engine-rich-text-input",
+          error: meta.touched ? meta.error : "",
+          initialValue: field.value,
+          placeholder: debouncedPlaceholder,
+          ref: editorRef,
+          addons: ["attachments", "block-quote", "code-block", "image-upload"],
+          onBlur: function onBlur() {
+            return form.setFieldTouched(name, true);
+          },
+          onChange: function onChange(value) {
+            return form.setFieldValue(name, value);
+          }
+        }, editorProps), debouncedPlaceholder);
+      }
+    })]
+  });
+};
+
+var _excluded$1 = ["value", "iconType", "label", "rating"];
+function ownKeys$4(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$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var RatingButton = function RatingButton(_ref) {
+  var _ref$value = _ref.value,
+    value = _ref$value === void 0 ? 0 : _ref$value,
+    iconType = _ref.iconType,
+    label = _ref.label,
+    rating = _ref.rating,
+    otherProps = _objectWithoutProperties(_ref, _excluded$1);
+  var handleClick = function handleClick(e) {
+    return e.currentTarget.nextElementSibling.click();
+  };
+  var Icon = ICONS_MAP[iconType];
+  var selectedRating = getSelectedRating(value);
+  return /*#__PURE__*/jsxs(Fragment$1, {
+    children: [/*#__PURE__*/jsxs("button", {
+      className: classnames({
+        active: rating === value
+      }),
+      type: "button",
+      onClick: handleClick,
+      children: [/*#__PURE__*/jsx(Icon, {
+        size: 24,
+        className: classnames("neeto-form-engine-star-rating__icon", {
+          "neeto-form-engine-star-rating__icon--active": rating <= selectedRating
+        })
+      }), /*#__PURE__*/jsx("label", {
+        className: "neeto-form-engine-label",
+        children: label
+      })]
+    }), /*#__PURE__*/jsx("input", _objectSpread$4({
+      hidden: true,
+      checked: equals(rating, value),
+      type: "radio",
+      value: rating
+    }, otherProps))]
+  });
+};
+var RatingButton$1 = /*#__PURE__*/memo(RatingButton);
+
+var _excluded = ["label", "minValue", "maxValue", "error"];
+function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var StarRating = function StarRating(_ref) {
+  var label = _ref.label,
+    minValue = _ref.minValue,
+    maxValue = _ref.maxValue,
+    error = _ref.error,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/jsxs("div", {
+    className: "neeto-form-engine-input__wrapper neeto-form-engine-star-rating",
+    children: [/*#__PURE__*/jsx("div", {
+      className: "neeto-form-engine-input__label-wrapper",
+      children: /*#__PURE__*/jsx("label", {
+        className: "neeto-form-engine-label",
+        children: label
+      })
+    }), /*#__PURE__*/jsx("div", {
+      className: "neeto-form-engine-star-rating__row",
+      children: generateArray(minValue, maxValue).map(function (index) {
+        return /*#__PURE__*/jsx(RatingButton$1, _objectSpread$3({
+          label: index,
+          rating: index
+        }, props), index);
+      })
+    }), !!error && typeof error === "string" && /*#__PURE__*/jsx("p", {
+      className: "neeto-form-engine-input__error",
+      "data-cy": "neeto-form-engine-star-rating-error",
+      children: error
+    })]
+  });
+};
+var StarRating$1 = /*#__PURE__*/memo(StarRating);
+
+function ownKeys$2(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$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var StarRatingField = function StarRatingField(_ref) {
+  var question = _ref.question,
+    customValidator = _ref.customValidator;
+  var name = question.id,
+    kind = question.kind,
+    isRequired = question.isRequired,
+    minValue = question.minValue,
+    maxValue = question.maxValue,
+    iconType = question.iconType;
+  var label = fieldWithFallback(question, "label");
+  return /*#__PURE__*/jsx(Field, {
+    name: name,
+    validate: validateFieldValue({
+      kind: kind,
+      label: label,
+      isRequired: isRequired,
+      customValidator: customValidator
+    }),
+    children: function children(_ref2) {
+      var meta = _ref2.meta,
+        field = _ref2.field;
+      return /*#__PURE__*/jsx(StarRating$1, _objectSpread$2({
+        iconType: iconType,
+        maxValue: maxValue,
+        minValue: minValue,
+        name: name,
+        error: meta.touched ? meta.error : "",
+        label: getLabel(label, isRequired)
+      }, field));
+    }
+  });
+};
+
+function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var TermsField = function TermsField(_ref) {
+  var question = _ref.question,
+    customValidator = _ref.customValidator;
+  var name = question.id,
+    kind = question.kind,
+    isRequired = question.isRequired,
+    nodeId = question.nodeId;
+  var label = fieldWithFallback(question, "label", true);
+  return /*#__PURE__*/jsx(Field, {
+    name: name || nodeId,
+    validate: validateFieldValue({
+      kind: kind,
+      label: label,
+      isRequired: isRequired,
+      customValidator: customValidator
+    }),
+    children: function children(_ref2) {
+      var meta = _ref2.meta,
+        field = _ref2.field;
+      return /*#__PURE__*/jsx("div", {
+        className: "neeto-form-engine-terms",
+        children: /*#__PURE__*/jsx(Checkbox, _objectSpread$1(_objectSpread$1({}, _objectSpread$1(_objectSpread$1({}, field), {}, {
+          name: name
+        })), {}, {
+          checked: field.value,
+          error: meta.touched ? meta.error : "",
+          children: /*#__PURE__*/jsx(EditorContent, {
+            content: label
+          })
+        }))
+      });
+    }
+  });
+};
+
+function ownKeys(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) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var TextField = function TextField(_ref) {
+  var _otherProps$onChange;
+  var question = _ref.question,
+    customValidator = _ref.customValidator,
+    autoComplete = _ref.autoComplete;
+  var name = question.id,
+    kind = question.kind,
+    isRequired = question.isRequired,
+    nodeId = question.nodeId;
+  var label = fieldWithFallback(question, "label");
+  var _QUESTION_KIND$kind$t = QUESTION_KIND[kind.toUpperCase()],
+    _QUESTION_KIND$kind$t2 = _QUESTION_KIND$kind$t.type,
+    type = _QUESTION_KIND$kind$t2 === void 0 ? "text" : _QUESTION_KIND$kind$t2,
+    onKeyDown = _QUESTION_KIND$kind$t.onKeyDown,
+    otherProps = _QUESTION_KIND$kind$t.otherProps;
+  var Component = kind === QUESTION_KIND.TEXTAREA.value ? Textarea : Input;
+  var _useField = useField({
+      name: name || nodeId,
+      validate: validateFieldValue({
+        kind: kind,
+        label: label,
+        isRequired: isRequired,
+        customValidator: customValidator
+      })
+    }),
+    _useField2 = _slicedToArray(_useField, 3),
+    field = _useField2[0],
+    _useField2$ = _useField2[1],
+    touched = _useField2$.touched,
+    error = _useField2$.error,
+    _useField2$2 = _useField2[2],
+    setValue = _useField2$2.setValue,
+    setTouched = _useField2$2.setTouched;
+  var handleFieldChange = withEventTargetValue(setValue);
+  return /*#__PURE__*/jsx(Component, _objectSpread(_objectSpread({}, _objectSpread(_objectSpread({
+    type: type
+  }, field), {}, {
+    autoComplete: autoComplete,
+    label: label,
+    onKeyDown: onKeyDown
+  })), {}, {
+    error: touched ? error : "",
+    name: slugify(label),
+    placeholder: fieldWithFallback(question, "placeholder"),
+    required: isRequired,
+    onBlur: function onBlur() {
+      return setTouched(true);
+    },
+    onChange: (_otherProps$onChange = otherProps === null || otherProps === void 0 ? void 0 : otherProps.onChange(handleFieldChange)) !== null && _otherProps$onChange !== void 0 ? _otherProps$onChange : handleFieldChange
+  }));
+};
+
+var _QUESTION_TO_COMPONEN, _CAPTCHA_COMPONENT_MA;
+var QUESTION_TO_COMPONENT_MAP = (_QUESTION_TO_COMPONEN = {}, _defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.TEXT.value, TextField), _defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.NAME.value, NameField), _defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.EMAIL.value, EmailField), _defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.INTEGER.value, TextField), _defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.DECIMAL.value, TextField), _defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.PHONE.value, PhoneNumberField), _defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.QUESTION.value, TextField), _defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.TEXTAREA.value, TextField), _defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.CHECKBOX.value, OptionsField), _defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.RADIO.value, OptionsField), _defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.DROPDOWN.value, OptionsField), _defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.RATING.value, RatingField), _defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.PARAGRAPH.value, function (_ref) {
+  var question = _ref.question;
+  return /*#__PURE__*/jsx(EditorContent, {
+    content: fieldWithFallback(question, "label", true)
+  });
+}), _defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.TERMS.value, TermsField), _defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.DATE.value, DateField), _defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.STAR_RATING.value, StarRatingField), _defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.ADDITIONAL_GUESTS.value, MultipleEmailInput), _defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.RICH_TEXT.value, RichTextEditor), _defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.CONDITION.value, ConditionField), _defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.FILE_UPLOAD.value, FileUploadField), _defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.CAPTCHA.value, CaptchaField), _QUESTION_TO_COMPONEN);
+var CAPTCHA_COMPONENT_MAP = (_CAPTCHA_COMPONENT_MA = {}, _defineProperty(_CAPTCHA_COMPONENT_MA, CAPTCHA_TYPES.RECAPTCHA_V2, Recaptcha), _defineProperty(_CAPTCHA_COMPONENT_MA, CAPTCHA_TYPES.MATH_CAPTCHA, MathCaptcha), _CAPTCHA_COMPONENT_MA);
+
+var getFieldComponent = function getFieldComponent(_ref) {
+  var kind = _ref.kind;
+  if (kind in QUESTION_TO_COMPONENT_MAP) return QUESTION_TO_COMPONENT_MAP[kind];
+  return function () {
+    return null;
+  };
+};
+var isPropsUnequal = function isPropsUnequal(props) {
+  return function (nextProps, prevProps) {
+    return notEqualsDeep(pick(props, nextProps), pick(props, prevProps));
+  };
+};
+var getValidDate = function getValidDate(date) {
+  if (!date) return "";
+  return dayjs(date).isValid() ? dayjs(date) : "";
+};
+var getPhoneData = function getPhoneData(value, countryCode) {
+  try {
+    return parsePhoneNumber(value, countryCode);
+  } catch (_unused) {
+    return undefined;
+  }
+};
+
+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-1ab9e83f.js.map