@bigbinary/neeto-form-frontend 4.4.9 → 4.4.11

package/dist/utils-QSMxxdQN.js

@@ -0,0 +1,2762 @@
+'use strict';
+
+var React = require('react');
+var formik = require('formik');
+var neetoCist = require('@bigbinary/neeto-cist');
+var index = require('./index-Beo6ztaM.js');
+var utils = require('@bigbinary/neeto-commons-frontend/utils');
+var libphonenumberJs = require('libphonenumber-js');
+var ramda = require('ramda');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var EditorContent = require('@bigbinary/neeto-editor/EditorContent');
+var constants = require('./constants-D5JlvWws.js');
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var Plus = require('@bigbinary/neeto-icons/Plus');
+var Button = require('@bigbinary/neetoui/Button');
+var NeetoUIMultiEmailInput = require('@bigbinary/neetoui/MultiEmailInput');
+var reactI18next = require('react-i18next');
+var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var _regeneratorRuntime = require('@babel/runtime/regenerator');
+var utils$1 = require('@bigbinary/neeto-editor/utils');
+var PhoneNumber = require('@bigbinary/neeto-molecules/PhoneNumber');
+var i18next = require('i18next');
+var jsxRuntime = require('react/jsx-runtime');
+var yup = require('./yup-DfKhsn0t.js');
+var _toArray = require('@babel/runtime/helpers/toArray');
+var yup$1 = require('yup');
+var classnames = require('classnames');
+var Select = require('@bigbinary/neetoui/Select');
+var Input = require('@bigbinary/neetoui/Input');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
+var Refresh = require('@bigbinary/neeto-icons/Refresh');
+var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
+var ReCAPTCHA = require('react-google-recaptcha');
+var Checkbox = require('@bigbinary/neetoui/Checkbox');
+var DatePicker = require('@bigbinary/neetoui/DatePicker');
+var Toastr = require('@bigbinary/neetoui/Toastr');
+var reactQuery = require('@tanstack/react-query');
+var axios = require('axios');
+var CheckCircle = require('@bigbinary/neeto-icons/CheckCircle');
+var Spinner = require('@bigbinary/neetoui/Spinner');
+var NeetoUICallout = require('@bigbinary/neetoui/Callout');
+var FileUpload = require('@bigbinary/neeto-molecules/FileUpload');
+var Label = require('@bigbinary/neetoui/Label');
+var Radio = require('@bigbinary/neetoui/Radio');
+var Image = require('@bigbinary/neeto-icons/Image');
+var NeetoEditor = require('@bigbinary/neeto-editor/Editor');
+var Info = require('@bigbinary/neeto-icons/Info');
+var Textarea = require('@bigbinary/neetoui/Textarea');
+var Tag = require('@bigbinary/neetoui/Tag');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var yup__namespace = /*#__PURE__*/_interopNamespaceDefault(yup$1);
+
+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 = utils.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 = formik.useFormikContext(),
+    errors = _useFormikContext.errors,
+    touched = _useFormikContext.touched,
+    isValid = _useFormikContext.isValid,
+    isSubmitting = _useFormikContext.isSubmitting,
+    values = _useFormikContext.values,
+    validateForm = _useFormikContext.validateForm;
+  var revalidate = function revalidate() {
+    return neetoCist.isPresent(errors) && validateForm();
+  };
+  React.useEffect(function () {
+    revalidate();
+  }, [clientI18nInstance.language, dataUpdateCount]);
+  var syncValuesWithLocalStorage = function syncValuesWithLocalStorage() {
+    return preserveValues && !index.isEmptyValues(values) && setWithExpiry("".concat(formId, "/values"), values);
+  };
+  React.useEffect(function () {
+    syncValuesWithLocalStorage();
+    onValuesChange && onValuesChange(values);
+  }, [values, formId, preserveValues]);
+  React.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 (index.isFunction(onError)) onError(touchedErrors);
+  }, [isValid, isSubmitting]);
+  return children;
+};
+
+var RESEND_DELAY = 120;
+var ONE_SECOND = 1000;
+var EMAIL_VERIFICATION_FIELD_NAME_PREFIX = "verificationCode";
+var EMAIL_VERIFICATION_PREFIX = "neeto_form_nano_email_verification_details_";
+var EMAIL_VERIFICATION_KEYS = {
+  EMAIL: "email",
+  TOKEN: "token",
+  VERIFIED: "verified",
+  CODE: "code",
+  CODE_SENT_AT: "code-sent-at"
+};
+var CALLOUT_STYLES = {
+  WARNING: "warning",
+  ERROR: "danger"
+};
+var DEFAULT_CALLOUT_DETAILS = {
+  message: "",
+  style: ""
+};
+
+var getEmailVerificationKey = function getEmailVerificationKey(formId) {
+  return "".concat(EMAIL_VERIFICATION_PREFIX, "-").concat(formId);
+};
+var getEmailVerificationDetails = function getEmailVerificationDetails(formId) {
+  return utils.getFromLocalStorage(getEmailVerificationKey(formId)) || {};
+};
+var buildVerificationFieldName = function buildVerificationFieldName(questionId) {
+  return "".concat(EMAIL_VERIFICATION_FIELD_NAME_PREFIX, "-").concat(questionId);
+};
+var getLastVerificationCodeSentAt = function getLastVerificationCodeSentAt(formId, questionId) {
+  var codeSentAt = getEmailVerificationDetail(formId, questionId, EMAIL_VERIFICATION_KEYS.CODE_SENT_AT);
+  return Number(codeSentAt) || 0;
+};
+var storeLastVerificationCodeSentAt = function storeLastVerificationCodeSentAt(formId, questionId) {
+  var offset = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  return setEmailVerificationDetail(formId, questionId, _defineProperty({}, EMAIL_VERIFICATION_KEYS.CODE_SENT_AT, Date.now() - offset));
+};
+var getRemainingTime = function getRemainingTime(formId, questionId) {
+  var elapsedTime = Math.floor((Date.now() - getLastVerificationCodeSentAt(formId, questionId)) / ONE_SECOND);
+  return ramda.max(RESEND_DELAY - elapsedTime, 0);
+};
+var getEmailVerificationDetail = function getEmailVerificationDetail(formId, questionId) {
+  var _questionDetails$keys;
+  var allDetails = getEmailVerificationDetails(formId);
+  var questionDetails = allDetails[questionId] || {};
+  for (var _len = arguments.length, keys = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
+    keys[_key - 2] = arguments[_key];
+  }
+  return keys.length === 1 ? (_questionDetails$keys = questionDetails[keys[0]]) !== null && _questionDetails$keys !== void 0 ? _questionDetails$keys : "" : ramda.pick(keys, allDetails);
+};
+var setEmailVerificationDetail = function setEmailVerificationDetail(formId, questionId, data) {
+  var storageKey = getEmailVerificationKey(formId);
+  var allDetails = getEmailVerificationDetails(formId);
+  allDetails[questionId] = ramda.mergeRight(allDetails[questionId] || {}, data);
+  utils.setToLocalStorage(storageKey, allDetails);
+};
+var removeEmailVerificationDetail = function removeEmailVerificationDetail(formId, questionId) {
+  var storageKey = getEmailVerificationKey(formId);
+  var allDetails = getEmailVerificationDetails(formId);
+  for (var _len2 = arguments.length, keys = new Array(_len2 > 2 ? _len2 - 2 : 0), _key2 = 2; _key2 < _len2; _key2++) {
+    keys[_key2 - 2] = arguments[_key2];
+  }
+  allDetails[questionId] = ramda.omit(keys, allDetails[questionId]);
+  if (ramda.isEmpty(allDetails[questionId])) delete allDetails[questionId];
+  ramda.isEmpty(allDetails) ? utils.removeFromLocalStorage(storageKey) : utils.setToLocalStorage(storageKey, allDetails);
+};
+var clearEmailVerificationDetails = function clearEmailVerificationDetails(formId) {
+  utils.removeFromLocalStorage(getEmailVerificationKey(formId));
+};
+
+var t$1 = clientI18nInstance.t;
+var getInvalidFieldError = function getInvalidFieldError(label) {
+  return t$1("neetoForm.error.invalidField", {
+    label: label
+  });
+};
+var getRequiredFieldError = function getRequiredFieldError(label) {
+  return t$1("neetoForm.error.requiredField", {
+    label: label
+  });
+};
+var getSelectMinError = function getSelectMinError() {
+  var entity = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : t$1("neetoForm.common.option");
+  return t$1("neetoForm.error.minOneEntity", {
+    entity: entity
+  });
+};
+var getInvalidTypeError = function getInvalidTypeError(label, type) {
+  return t$1("neetoForm.error.invalidType", {
+    label: label,
+    type: type
+  });
+};
+
+function ownKeys$i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var resolveQueryParamValue = ramda.when(ramda.is(Array), ramda.last);
+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 _resolveQueryParamVal;
+  var countryCode = resolveQueryParamValue(fieldCodes["".concat(fieldCode, ".country")]);
+  var phoneNumber = resolveQueryParamValue(fieldCodes["".concat(fieldCode, ".number")]);
+  var phoneNumberWithCountryCode = (_resolveQueryParamVal = resolveQueryParamValue(fieldCodes[fieldCode])) === null || _resolveQueryParamVal === void 0 ? void 0 : _resolveQueryParamVal.replace(yup.PARENTHESES_REGEX, "");
+  if (phoneNumberWithCountryCode) return phoneNumberWithCountryCode;
+  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 = resolveQueryParamValue(fieldCodes[fieldCode]);
+  return (_findBy = neetoCist.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 = resolveQueryParamValue(fieldCodes[fieldCode]);
+  if (!fieldCodeValue) return new Array(optionsAttributes.length).fill(false);
+  var allOptions = fieldCodeValue.split(",").map(ramda.trim);
+  return optionsAttributes.map(function (option) {
+    return allOptions.includes(option.label);
+  });
+};
+var getStarRatingOrOpinionScaleFromUrl = function getStarRatingOrOpinionScaleFromUrl(_ref3) {
+  var minValue = _ref3.minValue,
+    maxValue = _ref3.maxValue,
+    fieldCodes = _ref3.fieldCodes,
+    fieldCode = _ref3.fieldCode;
+  var fieldCodeValue = resolveQueryParamValue(fieldCodes[fieldCode]);
+  var rating = parseInt(fieldCodeValue);
+  return ramda.isNil(rating) || isNaN(rating) ? "" : ramda.clamp(minValue, maxValue, rating);
+};
+var getAdditionalGuestsFromUrl = function getAdditionalGuestsFromUrl(_ref4) {
+  var fieldCodes = _ref4.fieldCodes,
+    fieldCode = _ref4.fieldCode;
+  var fieldCodeValue = resolveQueryParamValue(fieldCodes[fieldCode]);
+  var allEmails = fieldCodeValue === null || fieldCodeValue === void 0 ? void 0 : fieldCodeValue.split(",");
+  if (!allEmails) return [];
+  return allEmails.map(function (email) {
+    return {
+      label: email.trim(),
+      value: email.trim(),
+      valid: yup.EMAIL_REGEX.test(email.trim())
+    };
+  });
+};
+var getRatingFromUrl = function getRatingFromUrl(_ref5) {
+  var fieldCodes = _ref5.fieldCodes,
+    fieldCode = _ref5.fieldCode;
+  var fieldCodeValue = resolveQueryParamValue(fieldCodes[fieldCode]);
+  var allowedValues = Object.values(yup.RATING_VALUES).map(ramda.prop("value"));
+  return allowedValues.includes(fieldCodeValue) ? fieldCodeValue : "";
+};
+var getNumberFromUrl = function getNumberFromUrl(_ref6) {
+  var fieldCodes = _ref6.fieldCodes,
+    fieldCode = _ref6.fieldCode,
+    kind = _ref6.kind;
+  var fieldCodeValue = resolveQueryParamValue(fieldCodes[fieldCode]);
+  var parsedValue = kind === yup.QUESTION_KIND.INTEGER.value ? parseInt(fieldCodeValue) : parseFloat(fieldCodeValue);
+  return parsedValue || "";
+};
+var getNameFromUrl = function getNameFromUrl(_ref7, fieldCodes) {
+  var isSplitMode = _ref7.isSplitMode,
+    fieldCode = _ref7.fieldCode;
+  var fullName = resolveQueryParamValue(fieldCodes[fieldCode]) || "";
+  if (!isSplitMode) return {
+    fullName: fullName
+  };
+  var firstName = resolveQueryParamValue(fieldCodes["".concat(fieldCode, ".first_name")]) || "";
+  var lastName = resolveQueryParamValue(fieldCodes["".concat(fieldCode, ".last_name")]) || "";
+  if (neetoCist.isPresent(firstName) || neetoCist.isPresent(lastName)) {
+    return {
+      firstName: firstName,
+      lastName: lastName
+    };
+  }
+  if (neetoCist.isPresent(fullName)) {
+    var _fullName$trim$split = fullName.trim().split(/\s+/),
+      _fullName$trim$split2 = _toArray(_fullName$trim$split),
+      computedFirstName = _fullName$trim$split2[0],
+      remainingParts = _fullName$trim$split2.slice(1);
+    return {
+      firstName: computedFirstName,
+      lastName: remainingParts.join(" ")
+    };
+  }
+  return {
+    firstName: firstName,
+    lastName: lastName
+  };
+};
+var isValidSpotValue = function isValidSpotValue(value, remainingSlotsCount) {
+  var num = Number(value);
+  if (!Number.isInteger(num) || num <= 0) return false;
+  return !(typeof remainingSlotsCount === "number" && remainingSlotsCount >= 0 && num > remainingSlotsCount);
+};
+var buildEmailVerificationEntries = function buildEmailVerificationEntries() {
+  var questions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var emailQuestionsRequiringVerification = neetoCist.filterBy({
+    kind: constants.QUESTION_TYPES.EMAIL,
+    isVerificationEnabled: true
+  }, questions);
+  var fieldNames = ramda.map(function (_ref8) {
+    var id = _ref8.id;
+    return buildVerificationFieldName(id);
+  }, emailQuestionsRequiringVerification);
+  return ramda.zipObj(fieldNames, Array(fieldNames.length).fill(""));
+};
+var getLabel = function getLabel(label, isRequired) {
+  return isRequired ? "".concat(label, "*") : label;
+};
+var generateInitValues = function generateInitValues(_ref9) {
+  var questions = _ref9.questions,
+    _ref9$initialValues = _ref9.initialValues,
+    initialValues = _ref9$initialValues === void 0 ? [] : _ref9$initialValues,
+    _ref9$localValues = _ref9.localValues,
+    localValues = _ref9$localValues === void 0 ? {} : _ref9$localValues,
+    _ref9$fieldCodes = _ref9.fieldCodes,
+    fieldCodes = _ref9$fieldCodes === void 0 ? {} : _ref9$fieldCodes,
+    remainingSlotsCount = _ref9.remainingSlotsCount;
+  var initValues = {};
+  var valuesMap = {};
+  if (initialValues) {
+    valuesMap = initialValues.reduce(function (acc, answer) {
+      return _objectSpread$i(_objectSpread$i({}, 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,
+      fields = question.fields;
+    switch (kind) {
+      case yup.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 yup.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] = neetoCist.isNotEmpty(emailsFromSubmission) ? emailsFromSubmission : getAdditionalGuestsFromUrl({
+            fieldCodes: fieldCodes,
+            fieldCode: fieldCode
+          });
+          return;
+        }
+      case yup.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 yup.QUESTION_KIND.RADIO.value:
+      case yup.QUESTION_KIND.DROPDOWN.value:
+        {
+          var _optionsAttributes$fi;
+          var optionFromValues = optionsAttributes === null || optionsAttributes === void 0 || (_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;
+          var optionFromUrl = getOptionFromURL({
+            optionsAttributes: optionsAttributes,
+            fieldCodes: fieldCodes,
+            fieldCode: fieldCode
+          });
+          initValues[id] = optionFromValues || optionFromUrl;
+          return;
+        }
+      case yup.QUESTION_KIND.SPOT.value:
+        {
+          var _valuesMap$id$value2, _valuesMap3;
+          var urlValue = getNumberFromUrl({
+            fieldCodes: fieldCodes,
+            fieldCode: fieldCode,
+            kind: yup.QUESTION_KIND.INTEGER.value
+          });
+          var candidateValue = (_valuesMap$id$value2 = (_valuesMap3 = valuesMap) === null || _valuesMap3 === void 0 || (_valuesMap3 = _valuesMap3[id]) === null || _valuesMap3 === void 0 ? void 0 : _valuesMap3.value) !== null && _valuesMap$id$value2 !== void 0 ? _valuesMap$id$value2 : urlValue !== "" ? urlValue : yup.SPOT_QUESTION_DEFAULT_VALUE;
+          initValues[id] = isValidSpotValue(candidateValue, remainingSlotsCount) ? candidateValue : yup.SPOT_QUESTION_DEFAULT_VALUE;
+          return;
+        }
+      case yup.QUESTION_KIND.INTEGER.value:
+      case yup.QUESTION_KIND.DECIMAL.value:
+        {
+          var _valuesMap4;
+          initValues[id] = ((_valuesMap4 = valuesMap) === null || _valuesMap4 === void 0 || (_valuesMap4 = _valuesMap4[id]) === null || _valuesMap4 === void 0 ? void 0 : _valuesMap4.value) || getNumberFromUrl({
+            fieldCodes: fieldCodes,
+            fieldCode: fieldCode,
+            kind: kind
+          });
+          return;
+        }
+      case yup.QUESTION_KIND.RATING.value:
+        {
+          var _valuesMap5;
+          initValues[id] = ((_valuesMap5 = valuesMap) === null || _valuesMap5 === void 0 || (_valuesMap5 = _valuesMap5[id]) === null || _valuesMap5 === void 0 ? void 0 : _valuesMap5.value) || getRatingFromUrl({
+            fieldCodes: fieldCodes,
+            fieldCode: fieldCode
+          });
+          return;
+        }
+      case yup.QUESTION_KIND.TERMS.value:
+        {
+          initValues[id] = false;
+          return;
+        }
+      case yup.QUESTION_KIND.FILE_UPLOAD.value:
+        {
+          var _valuesMap$id$value3, _valuesMap6;
+          initValues[id] = {
+            files: (_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 : []
+          };
+          return;
+        }
+      case yup.QUESTION_KIND.PHONE.value:
+      case yup.QUESTION_KIND.SMS_REMINDER.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 : getPhoneNumberFromUrl(fieldCodes, fieldCode);
+          return;
+        }
+      case yup.QUESTION_KIND.STAR_RATING.value:
+      case yup.QUESTION_KIND.OPINION_SCALE.value:
+        {
+          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 : getStarRatingOrOpinionScaleFromUrl({
+            minValue: minValue,
+            maxValue: maxValue,
+            fieldCodes: fieldCodes,
+            fieldCode: fieldCode
+          });
+          return;
+        }
+      case yup.QUESTION_KIND.NAME.value:
+        {
+          var _valuesMap$id$value6, _valuesMap9;
+          initValues[id] = (_valuesMap$id$value6 = (_valuesMap9 = valuesMap) === null || _valuesMap9 === void 0 || (_valuesMap9 = _valuesMap9[id]) === null || _valuesMap9 === void 0 ? void 0 : _valuesMap9.value) !== null && _valuesMap$id$value6 !== void 0 ? _valuesMap$id$value6 : getNameFromUrl(question, fieldCodes);
+          return;
+        }
+      case yup.QUESTION_KIND.ADDRESS.value:
+        {
+          var _valuesMap$id$value7, _valuesMap10;
+          initValues[id] = (_valuesMap$id$value7 = (_valuesMap10 = valuesMap) === null || _valuesMap10 === void 0 || (_valuesMap10 = _valuesMap10[id]) === null || _valuesMap10 === void 0 ? void 0 : _valuesMap10.value) !== null && _valuesMap$id$value7 !== void 0 ? _valuesMap$id$value7 : fields.reduce(function (values, field) {
+            values[field.id] = "";
+            return values;
+          }, {});
+          return;
+        }
+      default:
+        {
+          var _valuesMap$id$value8, _valuesMap11;
+          initValues[id] = (_valuesMap$id$value8 = (_valuesMap11 = valuesMap) === null || _valuesMap11 === void 0 || (_valuesMap11 = _valuesMap11[id]) === null || _valuesMap11 === void 0 ? void 0 : _valuesMap11.value) !== null && _valuesMap$id$value8 !== void 0 ? _valuesMap$id$value8 : resolveQueryParamValue(fieldCodes[fieldCode] || "");
+          return;
+        }
+    }
+  });
+  var formInitialValues = !index.isEmptyValues(localValues) ? localValues : initValues;
+  return ramda.mergeLeft(formInitialValues, buildEmailVerificationEntries(questions));
+};
+var generateFormResponse = function generateFormResponse(response, questions) {
+  var formResponse = [];
+  questions.forEach(function (question) {
+    var id = question.id,
+      kind = question.kind,
+      optionsAttributes = question.optionsAttributes;
+    if (!yup.SCHEMA_LESS_QUESTION_KINDS.includes(kind)) {
+      var responseValue = response[id];
+      if (kind === yup.QUESTION_KIND.RADIO.value || kind === yup.QUESTION_KIND.DROPDOWN.value) {
+        var option = neetoCist.findById(responseValue, optionsAttributes);
+        if (option) {
+          formResponse.push({
+            questionId: id,
+            questionOptionId: option.id,
+            value: option.label,
+            kind: kind
+          });
+        }
+      } else if (kind === yup.QUESTION_KIND.SPOT.value) {
+        formResponse.push({
+          questionId: id,
+          value: responseValue,
+          kind: kind
+        });
+      } else if (kind === yup.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 (isPhoneNumberField(kind)) {
+        formResponse.push({
+          questionId: id,
+          value: responseValue ? libphonenumberJs.parsePhoneNumber(responseValue).formatInternational() : "",
+          kind: kind
+        });
+      } else if (kind === yup.QUESTION_KIND.ADDITIONAL_GUESTS.value) {
+        formResponse.push({
+          questionId: id,
+          value: responseValue ? ramda.pluck("value", responseValue) : null,
+          kind: kind
+        });
+      } else if (kind === yup.QUESTION_KIND.RICH_TEXT.value) {
+        formResponse.push({
+          questionId: id,
+          value: utils$1.isEditorEmpty(responseValue) ? null : responseValue,
+          kind: kind
+        });
+      } else if (kind === yup.QUESTION_KIND.FILE_UPLOAD.value) {
+        formResponse.push({
+          questionId: id,
+          files: neetoCist.isPresent(responseValue) ? responseValue.files : null,
+          kind: kind
+        });
+      } else if (kind === yup.QUESTION_KIND.DATE.value) {
+        formResponse.push({
+          questionId: id,
+          value: utils.dayjs(responseValue).isValid() ?
+          // YYYY-MM-DD format is not supported by dateFormat.
+          // eslint-disable-next-line @bigbinary/neeto/use-standard-date-time-formats
+          utils.dayjs(responseValue).format("YYYY-MM-DD") : "",
+          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" && ramda.includes(kind, autoCompleteKinds) ? "on" : undefined;
+};
+var renderButtonsInOrder = function renderButtonsInOrder(buttonsArray, shouldReverse) {
+  var orderedButtons = shouldReverse ? buttonsArray.reverse() : buttonsArray;
+  return ramda.map(ramda.identity, orderedButtons);
+};
+var getSelectedRating = function getSelectedRating(value) {
+  var parsedValue = parseInt(value);
+  return isNaN(parsedValue) ? -1 : parsedValue;
+};
+var isPhoneNumberField = ramda.includes(ramda.__, [yup.QUESTION_KIND.PHONE.value, yup.QUESTION_KIND.SMS_REMINDER.value]);
+
+var _excluded$4 = ["kind", "customValidator"];
+var _fieldKindValidatorMa;
+function ownKeys$h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var t = clientI18nInstance.t;
+var isValidDate = function isValidDate(date) {
+  return date && utils.dayjs(date).isValid();
+};
+var extractEmailDomain = function extractEmailDomain(email) {
+  return email === null || email === void 0 ? void 0 : email.split("@")[1];
+};
+var isEmailFromWhitelistedDomain = function isEmailFromWhitelistedDomain(email, whitelistedDomains) {
+  if (ramda.isEmpty(whitelistedDomains)) return true;
+  var domain = extractEmailDomain(email);
+  return ramda.includes(domain, whitelistedDomains);
+};
+var isEmailFromBlacklistedDomain = function isEmailFromBlacklistedDomain(email, blacklistedDomains) {
+  var domain = extractEmailDomain(email);
+  return ramda.includes(domain, blacklistedDomains);
+};
+var countWords = function countWords(value) {
+  return value ? value.trim().split(/\s+/).filter(Boolean).length : 0;
+};
+var validateTextField = function validateTextField(_ref) {
+  var kind = _ref.kind,
+    label = _ref.label,
+    isRequired = _ref.isRequired,
+    minWords = _ref.minWords,
+    remainingSlotsCount = _ref.remainingSlotsCount;
+  var schema = yup__namespace.string().typeError(getInvalidTypeError(label, "string"));
+  if (isPhoneNumberField(kind)) {
+    schema = PhoneNumber.validation(getInvalidFieldError(t("neetoForm.common.phoneNumberValidation")));
+  }
+  var requiredError = kind === yup.QUESTION_KIND.SPOT.value ? t("neetoForm.questions.spot.numberOfSpotsRequired") : getRequiredFieldError(label);
+  if (isRequired) schema = schema.trim().required(requiredError);
+  if (kind === yup.QUESTION_KIND.SPOT.value) {
+    schema = schema.test("integer-spots", t("neetoForm.questions.spot.mustBeInteger"), function (value) {
+      return neetoCist.isNotPresent(value) || value === "" || Number.isInteger(Number(value));
+    }).test("min-spots", t("neetoForm.error.mustBeOrGreaterThanOrEqualTo", {
+      value: 1
+    }), function (value) {
+      return neetoCist.isNotPresent(value) || value === "" || Number(value) > 0;
+    });
+    if (typeof remainingSlotsCount === "number" && remainingSlotsCount >= 0) {
+      schema = schema.test("max-spots", t("neetoForm.questions.spot.exceedsRemainingSpots", {
+        count: remainingSlotsCount
+      }), function (value) {
+        return neetoCist.isNotPresent(value) || value === "" || Number(value) > 0 && Number(value) <= remainingSlotsCount;
+      });
+    }
+  }
+  if (minWords) {
+    schema = schema.test("min-words", t("neetoForm.questions.textarea.minimumWordsError", {
+      count: minWords
+    }), function (value) {
+      return !value || countWords(value) >= minWords;
+    });
+  }
+  return schema.trim();
+};
+var validateEmailField = function validateEmailField(_ref2) {
+  var label = _ref2.label,
+    isRequired = _ref2.isRequired,
+    whitelistedDomains = _ref2.whitelistedDomains,
+    blacklistedDomains = _ref2.blacklistedDomains;
+  var schema = yup__namespace.string().typeError(getInvalidTypeError(label, "string")).email(getInvalidFieldError("Email")).test("verify domain", function (_ref3) {
+    var value = _ref3.value;
+    return t("neetoForm.error.emailFromRestrictedDomain", {
+      domain: extractEmailDomain(value)
+    });
+  }, function (value) {
+    return neetoCist.isNotPresent(value) || isEmailFromWhitelistedDomain(value, whitelistedDomains) && !isEmailFromBlacklistedDomain(value, blacklistedDomains);
+  });
+  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__namespace.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__namespace.string().typeError(getInvalidTypeError(label, "string"));
+  if (isRequired) schema = schema.required(getSelectMinError());
+  return schema.trim();
+};
+var validateMultiChoiceField = function validateMultiChoiceField(_ref6) {
+  var isRequired = _ref6.isRequired;
+  var schema = yup__namespace.array().of(yup__namespace["boolean"]());
+  if (isRequired) schema = schema.compact().min(1, getSelectMinError());
+  return schema;
+};
+var validateRatingField = function validateRatingField(_ref7) {
+  var label = _ref7.label,
+    isRequired = _ref7.isRequired;
+  var schema = yup__namespace.string().typeError(getInvalidTypeError(label, "string"));
+  if (isRequired) schema = schema.required(getSelectMinError());
+  return schema.trim();
+};
+var validateStarRatingField = function validateStarRatingField(_ref8) {
+  var label = _ref8.label,
+    isRequired = _ref8.isRequired;
+  var schema = yup__namespace.string().typeError(getInvalidTypeError(label, "string"));
+  if (isRequired) {
+    schema = schema.required(getSelectMinError(t("neetoForm.common.rating")));
+  }
+  return schema.trim();
+};
+var validateOpinionScaleField = function validateOpinionScaleField(_ref9) {
+  var label = _ref9.label,
+    isRequired = _ref9.isRequired;
+  var schema = yup__namespace.string().typeError(getInvalidTypeError(label, "string"));
+  if (isRequired) {
+    schema = schema.required(getSelectMinError(t("neetoForm.common.selection")));
+  }
+  return schema.trim();
+};
+var validateTermsField = function validateTermsField(_ref10) {
+  var _ref10$isRequired = _ref10.isRequired,
+    isRequired = _ref10$isRequired === void 0 ? true : _ref10$isRequired;
+  return isRequired ? yup__namespace["boolean"]().oneOf([true], t("neetoForm.common.mustAcceptTermsAndConditions")) : yup__namespace["boolean"]().notRequired();
+};
+var validateConditionField = function validateConditionField(_ref11) {
+  var _ref11$isRequired = _ref11.isRequired,
+    isRequired = _ref11$isRequired === void 0 ? true : _ref11$isRequired;
+  return isRequired ? yup__namespace["boolean"]().oneOf([true], t("neetoForm.common.mustAcceptCondition")) : yup__namespace["boolean"]().notRequired();
+};
+var validateDateField = function validateDateField(_ref12) {
+  var label = _ref12.label,
+    isRequired = _ref12.isRequired;
+  var schema = yup__namespace.string().test("is valid date", getInvalidTypeError(label, "date"), function (value) {
+    return neetoCist.isNotPresent(value) || isValidDate(value);
+  });
+  if (isRequired) {
+    schema = schema.required(getRequiredFieldError(label));
+  }
+  return schema;
+};
+var validateMultiEmailField = function validateMultiEmailField(_ref13) {
+  var isRequired = _ref13.isRequired;
+  var schema = yup__namespace.array().of(yup__namespace.object().shape({
+    value: yup__namespace.string().email(getInvalidFieldError("Email")).trim()
+  })).nullable();
+  if (isRequired) {
+    schema = schema.compact().min(1, getSelectMinError(t("neetoForm.common.email")));
+  }
+  return schema;
+};
+var validateAddressField = function validateAddressField(_ref14) {
+  var label = _ref14.label,
+    isRequired = _ref14.isRequired;
+  var schema = yup__namespace.string().typeError(getInvalidTypeError(label, "string"));
+  if (isRequired) schema = schema.trim().required(getRequiredFieldError(label));
+  return schema.trim();
+};
+var editorHasValue = function editorHasValue(content) {
+  return !utils$1.isEditorEmpty(content);
+};
+var validateRichTextField = function validateRichTextField(_ref15) {
+  var isRequired = _ref15.isRequired;
+  var schema = yup__namespace.string();
+  if (isRequired) {
+    schema = schema.test("required", getRequiredFieldError("content"), editorHasValue);
+  }
+  return schema.trim();
+};
+var validateFileUploadField = function validateFileUploadField(_ref16) {
+  var isRequired = _ref16.isRequired,
+    multipleFilesAllowed = _ref16.multipleFilesAllowed;
+  var files_schema = yup__namespace.array();
+  if (isRequired) {
+    files_schema = files_schema.of(yup__namespace.object().shape({
+      name: yup__namespace.string(),
+      signedId: yup__namespace.string().required(t("neetoForm.fileUpload.validations.waitForUpload")),
+      url: yup__namespace.string().required(t("neetoForm.fileUpload.validations.waitForUpload"))
+    })).unique("name", t("neetoForm.fileUpload.validations.removeDuplicates")).min(1, multipleFilesAllowed ? t("neetoForm.fileUpload.validations.atLeastOneFileRequired") : t("neetoForm.fileUpload.validations.fileIsRequired"));
+  }
+  return yup__namespace.object().shape({
+    files: files_schema
+  });
+};
+var validateCaptchaField = function validateCaptchaField(_ref17) {
+  var variant = _ref17.variant;
+  return variant === constants.CAPTCHA_TYPES.MATH_CAPTCHA ? yup__namespace.mixed().test("verification failed", t("neetoForm.error.captchaVerificationFailed"), function (value) {
+    return neetoCist.isNotPresent(value) || value;
+  }).transform(function (value) {
+    return value === "" ? null : value;
+  }).required(t("neetoForm.error.incompleteCaptcha")) : yup__namespace.string().trim().required(t("neetoForm.error.incompleteCaptcha"));
+};
+var fieldKindValidatorMap = (_fieldKindValidatorMa = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_fieldKindValidatorMa, yup.QUESTION_KIND.EMAIL.value, validateEmailField), yup.QUESTION_KIND.NAME.value, validateNameField), yup.QUESTION_KIND.PHONE.value, validateTextField), yup.QUESTION_KIND.TEXT.value, validateTextField), yup.QUESTION_KIND.QUESTION.value, validateTextField), yup.QUESTION_KIND.TEXTAREA.value, validateTextField), yup.QUESTION_KIND.DECIMAL.value, validateTextField), yup.QUESTION_KIND.INTEGER.value, validateTextField), yup.QUESTION_KIND.DROPDOWN.value, validateSingleChoiceField), yup.QUESTION_KIND.RADIO.value, validateSingleChoiceField), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_fieldKindValidatorMa, yup.QUESTION_KIND.SPOT.value, validateTextField), yup.QUESTION_KIND.CHECKBOX.value, validateMultiChoiceField), yup.QUESTION_KIND.RATING.value, validateRatingField), yup.QUESTION_KIND.TERMS.value, validateTermsField), yup.QUESTION_KIND.DATE.value, validateDateField), yup.QUESTION_KIND.STAR_RATING.value, validateStarRatingField), yup.QUESTION_KIND.OPINION_SCALE.value, validateOpinionScaleField), yup.QUESTION_KIND.ADDITIONAL_GUESTS.value, validateMultiEmailField), yup.QUESTION_KIND.RICH_TEXT.value, validateRichTextField), yup.QUESTION_KIND.CONDITION.value, validateConditionField), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_fieldKindValidatorMa, yup.QUESTION_KIND.FILE_UPLOAD.value, validateFileUploadField), yup.QUESTION_KIND.CAPTCHA.value, validateCaptchaField), yup.QUESTION_KIND.SMS_REMINDER.value, validateTextField), yup.QUESTION_KIND.ADDRESS.value, validateAddressField));
+var validateFieldValue = function validateFieldValue(_ref18) {
+  var kind = _ref18.kind,
+    customValidator = _ref18.customValidator,
+    otherProps = _objectWithoutProperties(_ref18, _excluded$4);
+  return function (value) {
+    if (!(kind in fieldKindValidatorMap)) return;
+    var validator = fieldKindValidatorMap[kind];
+    var schema = customValidator || validator(_objectSpread$h({
+      kind: kind
+    }, otherProps));
+
+    // eslint-disable-next-line consistent-return, no-async-promise-executor
+    return new Promise(/*#__PURE__*/function () {
+      var _ref19 = _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 _ref19.apply(this, arguments);
+      };
+    }());
+  };
+};
+var validateVerificationCode = function validateVerificationCode(context) {
+  return function (value) {
+    var entity = t("neetoForm.emailVerification.verificationCode");
+    var schema = yup__namespace.string().trim().when("$isVerificationEnabled", {
+      is: true,
+      then: function then(schema) {
+        return schema.when("$isRequired", {
+          is: true,
+          then: function then(s) {
+            return s.required(getRequiredFieldError(entity));
+          }
+        }).when("$email", function (email, s) {
+          if (email !== null && email !== void 0 && email.trim()) {
+            return s.required(getRequiredFieldError(entity));
+          }
+          return s;
+        }).test("is-6-digit-number", t("neetoForm.error.mustBeASixDigitNumber", {
+          entity: entity
+        }), function (value) {
+          return neetoCist.isNotPresent(value) || yup.SIX_DIGIT_NUMBER_REGEX.test(value);
+        }).test("verify code", t("neetoForm.error.emailNotVerified"), function () {
+          var _this$options;
+          return this === null || this === void 0 || (_this$options = this.options) === null || _this$options === void 0 || (_this$options = _this$options.context) === null || _this$options === void 0 ? void 0 : _this$options.isCodeVerified;
+        });
+      }
+    });
+
+    // eslint-disable-next-line no-async-promise-executor
+    return new Promise(/*#__PURE__*/function () {
+      var _ref20 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(resolve) {
+        return _regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) switch (_context2.prev = _context2.next) {
+            case 0:
+              _context2.prev = 0;
+              _context2.next = 3;
+              return schema.validate(value, {
+                context: context
+              });
+            case 3:
+              resolve(undefined);
+              _context2.next = 9;
+              break;
+            case 6:
+              _context2.prev = 6;
+              _context2.t0 = _context2["catch"](0);
+              resolve(_context2.t0.message);
+            case 9:
+            case "end":
+              return _context2.stop();
+          }
+        }, _callee2, null, [[0, 6]]);
+      }));
+      return function (_x2) {
+        return _ref20.apply(this, arguments);
+      };
+    }());
+  };
+};
+
+var MultipleEmailInput = function MultipleEmailInput(_ref) {
+  var question = _ref.question,
+    customValidator = _ref.customValidator;
+  var name = question.id,
+    kind = question.kind,
+    isRequired = question.isRequired,
+    nodeId = question.nodeId,
+    isReadOnly = question.isReadOnly;
+  var label = index.fieldWithFallback(question, "label");
+  var _useFormikContext = formik.useFormikContext(),
+    submitCount = _useFormikContext.submitCount;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var _useField = formik.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 = React.useState(neetoCist.isPresent(field.value)),
+    _useState2 = _slicedToArray(_useState, 2),
+    isInputVisible = _useState2[0],
+    setIsInputVisible = _useState2[1];
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    className: "neeto-form-engine-input__wrapper",
+    children: /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "neeto-ui-w-full",
+      children: isInputVisible ? /*#__PURE__*/jsxRuntime.jsx(NeetoUIMultiEmailInput, {
+        isRequired: isRequired,
+        label: label,
+        disabled: isReadOnly,
+        error: meta.touched ? meta.error : "",
+        helpText: t("neetoForm.common.addGuestsHelper"),
+        name: field.name,
+        placeholder: index.fieldWithFallback(question, "placeholder"),
+        value: field.value,
+        onBlur: function onBlur() {
+          return setTouched(true);
+        },
+        onChange: setValue
+      }) : /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "flex flex-col gap-2 items-end",
+        children: [/*#__PURE__*/jsxRuntime.jsx(Button, _defineProperty(_defineProperty(_defineProperty({
+          label: label,
+          "data-testid": "add-guest-button",
+          disabled: isReadOnly,
+          icon: Plus,
+          iconPosition: "left"
+        }, "label", t("neetoForm.common.addGuests")), "style", "link"), "onClick", function onClick() {
+          return setIsInputVisible(true);
+        })), (meta === null || meta === void 0 ? void 0 : meta.error) && submitCount > 0 && /*#__PURE__*/jsxRuntime.jsx("span", {
+          className: "neeto-ui-text-error-500",
+          children: meta.error
+        })]
+      })
+    })
+  });
+};
+
+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), true).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 AddressField = function AddressField(_ref) {
+  var question = _ref.question,
+    customValidator = _ref.customValidator;
+  var name = question.id,
+    kind = question.kind,
+    isAddressRequired = question.isRequired,
+    isReadOnly = question.isReadOnly,
+    _question$fields = question.fields,
+    fields = _question$fields === void 0 ? [] : _question$fields;
+  var label = index.fieldWithFallback(question, "label");
+  var transformedFields = fields.map(function (field) {
+    return _objectSpread$g(_objectSpread$g({}, field), {}, {
+      label: index.fieldWithFallback(field, "label")
+    });
+  });
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "neeto-form-engine-address-wrapper",
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "neeto-form-engine-input__label-wrapper",
+      children: label && /*#__PURE__*/jsxRuntime.jsx("label", {
+        className: "neeto-form-engine-label",
+        "data-testid": "".concat(neetoCist.hyphenate(label), "-input-label"),
+        children: label
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "neeto-form-engine-address pb-1",
+      children: getVisibleOptions(transformedFields).map(function (_ref2) {
+        var id = _ref2.id,
+          label = _ref2.label,
+          width = _ref2.width,
+          fieldType = _ref2.fieldType,
+          properties = _ref2.properties,
+          isRequired = _ref2.isRequired;
+        return /*#__PURE__*/jsxRuntime.jsx("div", {
+          "data-testid": "neeto-form-engine-address-fields",
+          className: classnames("neeto-form-engine-address__field", {
+            "neeto-form-engine-address__field--width-full": width === yup.ADDRESS_FIELD_WIDTHS.FULL,
+            "neeto-form-engine-address__field--width-half": width === yup.ADDRESS_FIELD_WIDTHS.HALF,
+            "neeto-form-engine-address__field--width-one-forth": width === yup.ADDRESS_FIELD_WIDTHS.ONE_FOURTH,
+            "neeto-form-engine-address__field--width-three-forth": width === yup.ADDRESS_FIELD_WIDTHS.THREE_FOURTH
+          }),
+          children: /*#__PURE__*/jsxRuntime.jsx(formik.Field, {
+            name: "".concat(name, ".").concat(id),
+            validate: isAddressRequired ? validateFieldValue({
+              kind: kind,
+              label: label,
+              isRequired: isRequired,
+              customValidator: customValidator
+            }) : neetoCist.noop,
+            children: function children(_ref3) {
+              var _properties$options;
+              var field = _ref3.field,
+                meta = _ref3.meta,
+                form = _ref3.form;
+              return fieldType === yup.ADDRESS_FIELD_TYPES.SELECT ? /*#__PURE__*/jsxRuntime.jsx(Select, _objectSpread$g(_objectSpread$g({
+                label: label,
+                size: "large"
+              }, field), {}, {
+                error: meta.touched && meta.error,
+                isDisabled: isReadOnly,
+                menuPosition: "absolute",
+                required: isRequired,
+                value: neetoCist.toLabelAndValue(field.value),
+                options: properties === null || properties === void 0 || (_properties$options = properties.options) === null || _properties$options === void 0 ? void 0 : _properties$options.map(function (_ref4) {
+                  var label = _ref4.label;
+                  return neetoCist.toLabelAndValue(label);
+                }),
+                onChange: function onChange(_ref5) {
+                  var value = _ref5.value;
+                  return !isReadOnly && form.setFieldValue("".concat(name, ".").concat(id), value);
+                }
+              })) : /*#__PURE__*/jsxRuntime.jsx(Input, _objectSpread$g(_objectSpread$g({}, _objectSpread$g(_objectSpread$g({}, field), {}, {
+                label: label
+              })), {}, {
+                disabled: isReadOnly,
+                error: meta.touched && meta.error,
+                required: isRequired
+              }));
+            }
+          })
+        }, id);
+      })
+    })]
+  });
+};
+
+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 = index.fieldWithFallback(question, "label");
+  var _useField = formik.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__*/jsxRuntime.jsxs("div", {
+    className: "neeto-form-engine-input__wrapper",
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "neeto-form-engine-input__label-wrapper",
+      children: label && /*#__PURE__*/jsxRuntime.jsx("label", {
+        className: "neeto-form-engine-label",
+        children: getLabel(label, isRequired)
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: classnames({
+        "pointer-events-none": preview
+      }),
+      children: /*#__PURE__*/jsxRuntime.jsx(Component, {
+        captchaRef: captchaRef,
+        handleVerifyCaptcha: handleVerifyCaptcha,
+        handleBlur: function handleBlur() {
+          return setTouched(true);
+        }
+      })
+    }), touched && error && /*#__PURE__*/jsxRuntime.jsx("p", {
+      className: "neeto-form-engine-input__error",
+      "data-testid": "neeto-form-engine-captcha-error",
+      children: error
+    })]
+  });
+};
+
+var MATH_OPERATORS = {
+  PLUS: "+",
+  MINUS: "-"
+};
+
+var generateRandomOperation = function generateRandomOperation() {
+  var firstNumber = neetoCist.getRandomInt(1, 50);
+  var secondNumber = neetoCist.getRandomInt(1, 50);
+  var operator = neetoCist.randomPick.apply(void 0, _toConsumableArray(ramda.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 = React.useState(generateRandomOperation()),
+    _useState2 = _slicedToArray(_useState, 2),
+    operation = _useState2[0],
+    setOperation = _useState2[1];
+  var _useState3 = React.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("");
+  };
+  React.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));
+  };
+  reactUtils.useUpdateEffect(function () {
+    verifyCaptcha();
+  }, [userInput]);
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "neeto-form-nano-math-captcha",
+    "data-testid": "math-captcha",
+    ref: captchaRef,
+    children: [/*#__PURE__*/jsxRuntime.jsx("button", {
+      className: "neeto-form-nano-math-captcha__button",
+      type: "button",
+      onClick: resetCaptcha,
+      children: /*#__PURE__*/jsxRuntime.jsx(Refresh, {})
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "neeto-form-nano-math-captcha__equation",
+      children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+        "data-testid": "first-number",
+        children: firstNumber
+      }), /*#__PURE__*/jsxRuntime.jsx("span", {
+        "data-testid": "operator",
+        children: operator
+      }), /*#__PURE__*/jsxRuntime.jsx("span", {
+        "data-testid": "second-number",
+        children: secondNumber
+      }), /*#__PURE__*/jsxRuntime.jsx("span", {
+        children: "="
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx(Input, {
+      required: true,
+      className: "neeto-form-nano-math-captcha__input",
+      "data-testid": "math-captcha-input",
+      value: userInput,
+      onBlur: handleBlur,
+      onChange: utils.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__*/jsxRuntime.jsx(ReCAPTCHA, {
+    hl: clientI18nInstance.language,
+    ref: captchaRef,
+    sitekey: initializers.globalProps.formNanoRecaptchaV2SiteKey,
+    onChange: verifyRecaptcha,
+    onErrored: neetoCist.noop,
+    onExpired: expiredRecaptcha
+  }, clientI18nInstance.language);
+};
+
+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), true).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 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 = index.fieldWithFallback(question, "label");
+  return /*#__PURE__*/jsxRuntime.jsx(formik.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__*/jsxRuntime.jsx(Checkbox, _objectSpread$f(_objectSpread$f({}, _objectSpread$f(_objectSpread$f({}, field), {}, {
+        label: label,
+        name: name
+      })), {}, {
+        checked: field.value,
+        error: meta.touched ? meta.error : "",
+        required: isRequired
+      }));
+    }
+  });
+};
+
+var _excluded$3 = ["value"];
+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), true).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 DateField = function DateField(_ref) {
+  var question = _ref.question,
+    customValidator = _ref.customValidator;
+  var name = question.id,
+    kind = question.kind,
+    isRequired = question.isRequired,
+    nodeId = question.nodeId,
+    isReadOnly = question.isReadOnly;
+  var label = index.fieldWithFallback(question, "label");
+  var _QUESTION_KIND$kind$t = yup.QUESTION_KIND[kind.toUpperCase()].type,
+    type = _QUESTION_KIND$kind$t === void 0 ? "date" : _QUESTION_KIND$kind$t;
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "neeto-form-engine-input__wrapper",
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "neeto-form-engine-input__label-wrapper",
+      children: label && /*#__PURE__*/jsxRuntime.jsx("label", {
+        className: "neeto-form-engine-label",
+        "data-testid": "".concat(neetoCist.hyphenate(label), "-input-label"),
+        children: getLabel(label, isRequired)
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "neeto-form-engine-date-picker",
+      children: /*#__PURE__*/jsxRuntime.jsx(formik.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__*/jsxRuntime.jsx(DatePicker, _objectSpread$e(_objectSpread$e({}, _objectSpread$e(_objectSpread$e({}, field), {}, {
+            type: type
+          })), {}, {
+            "data-testid": "".concat(neetoCist.hyphenate(label), "-input-field"),
+            dateFormat: "MMM D, YYYY",
+            disabled: isReadOnly,
+            error: meta.touched ? meta.error : "",
+            placeholder: index.fieldWithFallback(question, "placeholder"),
+            popupClassName: "neeto-form-engine-date-picker-popup",
+            required: isRequired,
+            size: "small",
+            value: getValidDate(value),
+            onCalendarChange: function onCalendarChange(date) {
+              if (date) {
+                form.setFieldValue(name, date.toISOString());
+              }
+            },
+            onChange: function onChange(date) {
+              form.setFieldValue(name, date ? date.toISOString() : "");
+            }
+          }));
+        }
+      })
+    })]
+  });
+};
+
+var create = function create(_ref) {
+  var formId = _ref.formId,
+    questionId = _ref.questionId,
+    payload = _ref.payload;
+  return axios.post(utils.buildUrl(constants.EMAIL_VERIFICATIONS_CREATE_URL, {
+    formId: formId,
+    questionId: questionId
+  }), payload, {
+    showToastr: false
+  });
+};
+var verify = function verify(_ref2) {
+  var formId = _ref2.formId,
+    questionId = _ref2.questionId,
+    payload = _ref2.payload;
+  return axios.post(utils.buildUrl(constants.EMAIL_VERIFICATIONS_VERIFY_URL, {
+    formId: formId,
+    questionId: questionId
+  }), payload, {
+    showToastr: false
+  });
+};
+var emailVerificationsApi = {
+  create: create,
+  verify: verify
+};
+
+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), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var getMutationCallbacks = function getMutationCallbacks(options) {
+  return {
+    onSuccess: function onSuccess() {
+      var _options$onSuccess;
+      for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+        args[_key] = arguments[_key];
+      }
+      return (_options$onSuccess = options.onSuccess) === null || _options$onSuccess === void 0 ? void 0 : _options$onSuccess.call.apply(_options$onSuccess, [options].concat(args));
+    },
+    onError: function onError() {
+      var _options$onError;
+      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+        args[_key2] = arguments[_key2];
+      }
+      return (_options$onError = options.onError) === null || _options$onError === void 0 ? void 0 : _options$onError.call.apply(_options$onError, [options].concat(args));
+    }
+  };
+};
+var useSendEmailVerificationCode = function useSendEmailVerificationCode(formId, questionId) {
+  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  return reactQuery.useMutation(_objectSpread$d(_objectSpread$d({
+    mutationFn: function mutationFn(payload) {
+      return emailVerificationsApi.create({
+        formId: formId,
+        questionId: questionId,
+        payload: payload
+      });
+    }
+  }, options), getMutationCallbacks(options)));
+};
+var useVerifyEmailVerificationCode = function useVerifyEmailVerificationCode(formId, questionId) {
+  var options = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+  return reactQuery.useMutation(_objectSpread$d(_objectSpread$d({
+    mutationFn: function mutationFn(payload) {
+      return emailVerificationsApi.verify({
+        formId: formId,
+        questionId: questionId,
+        payload: payload
+      });
+    }
+  }, options), getMutationCallbacks(options)));
+};
+
+var SendCodeButton = function SendCodeButton(_ref) {
+  var isCodeVerified = _ref.isCodeVerified,
+    isSendingVerificationCode = _ref.isSendingVerificationCode,
+    handleClick = _ref.handleClick,
+    isDisabled = _ref.isDisabled;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  if (isCodeVerified) {
+    return /*#__PURE__*/jsxRuntime.jsx(CheckCircle, {});
+  }
+  return /*#__PURE__*/jsxRuntime.jsx(Button, {
+    "data-testid": "send-code-button",
+    disabled: isDisabled,
+    size: "small",
+    style: "secondary",
+    onClick: handleClick,
+    children: isSendingVerificationCode ? /*#__PURE__*/jsxRuntime.jsx(Spinner, {
+      size: "16"
+    }) : t("neetoForm.emailVerification.sendCode")
+  });
+};
+
+var ResendVerificationCode = function ResendVerificationCode(_ref) {
+  var formId = _ref.formId,
+    questionId = _ref.questionId,
+    sendVerificationCode = _ref.sendVerificationCode,
+    isResendDisabled = _ref.isResendDisabled;
+  var _useState = React.useState(getRemainingTime(formId, questionId)),
+    _useState2 = _slicedToArray(_useState, 2),
+    secondsLeft = _useState2[0],
+    setSecondsLeft = _useState2[1];
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  React.useEffect(function () {
+    if (secondsLeft <= 0) return undefined;
+    var interval = setTimeout(function () {
+      setSecondsLeft(ramda.pipe(ramda.dec, ramda.max(0)));
+    }, ONE_SECOND);
+    return function () {
+      return clearTimeout(interval);
+    };
+  }, [secondsLeft]);
+  var handleResendClick = function handleResendClick() {
+    if (secondsLeft !== 0) return;
+    sendVerificationCode();
+    setSecondsLeft(RESEND_DELAY);
+    storeLastVerificationCodeSentAt(formId, questionId);
+  };
+  return /*#__PURE__*/jsxRuntime.jsx("p", {
+    children: !isResendDisabled && secondsLeft > 0 ? t("neetoForm.emailVerification.resendInSeconds", {
+      secondsLeft: secondsLeft
+    }) : /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
+      i18nKey: "neetoForm.emailVerification.resendCode",
+      components: {
+        button: /*#__PURE__*/jsxRuntime.jsx(Button, {
+          "data-testid": "otp-resend-button",
+          disabled: isResendDisabled,
+          size: "small",
+          style: "link",
+          onClick: handleResendClick
+        })
+      }
+    })
+  });
+};
+
+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), true).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 VerifyCode = function VerifyCode(_ref) {
+  var formId = _ref.formId,
+    questionId = _ref.questionId,
+    email = _ref.email,
+    emailVerificationToken = _ref.emailVerificationToken,
+    isCodeVerified = _ref.isCodeVerified,
+    setIsCodeVerified = _ref.setIsCodeVerified,
+    handleResponseError = _ref.handleResponseError,
+    hasSentVerificationCode = _ref.hasSentVerificationCode,
+    calloutDetails = _ref.calloutDetails,
+    handleSendVerificationCode = _ref.handleSendVerificationCode,
+    isRequired = _ref.isRequired,
+    isVerificationEnabled = _ref.isVerificationEnabled;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var verificationFieldName = buildVerificationFieldName(questionId);
+  var _useField = formik.useField({
+      name: verificationFieldName,
+      validate: validateVerificationCode({
+        isVerificationEnabled: isVerificationEnabled,
+        isRequired: isRequired,
+        email: email,
+        isCodeVerified: isCodeVerified
+      })
+    }),
+    _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 code = field.value;
+  var _useState = React.useState(code),
+    _useState2 = _slicedToArray(_useState, 2),
+    previousCode = _useState2[0],
+    setPreviousCode = _useState2[1];
+  var _useVerifyEmailVerifi = useVerifyEmailVerificationCode(formId, questionId, {
+      onSuccess: function onSuccess(_, _ref2) {
+        var emailVerifications = _ref2.emailVerifications;
+        setIsCodeVerified(true);
+        setPreviousCode(emailVerifications.otp);
+        setEmailVerificationDetail(formId, questionId, _defineProperty(_defineProperty(_defineProperty({}, EMAIL_VERIFICATION_KEYS.EMAIL, emailVerifications.email), EMAIL_VERIFICATION_KEYS.CODE, emailVerifications.otp), EMAIL_VERIFICATION_KEYS.VERIFIED, true));
+      },
+      onError: handleResponseError
+    }),
+    verifyCode = _useVerifyEmailVerifi.mutate,
+    isVerifyingCode = _useVerifyEmailVerifi.isPending;
+  var hasError = neetoCist.isPresent(error);
+  React.useEffect(function () {
+    var handleVerifyCode = function handleVerifyCode() {
+      if (ramda.equals(code, previousCode) || hasError || (code === null || code === void 0 ? void 0 : code.length) !== 6) {
+        return;
+      }
+      verifyCode({
+        emailVerifications: {
+          email: email,
+          token: emailVerificationToken,
+          otp: code
+        }
+      });
+    };
+    handleVerifyCode();
+  }, [code, hasError]);
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(Input, _objectSpread$c(_objectSpread$c({}, _objectSpread$c({}, field)), {}, {
+      "data-testid": "otp-input-field",
+      disabled: isVerifyingCode,
+      error: touched ? error : "",
+      loading: isVerifyingCode,
+      name: verificationFieldName,
+      placeholder: t("neetoForm.emailVerification.verificationCode"),
+      size: "small",
+      onBlur: function onBlur() {
+        return setTouched(true);
+      },
+      onChange: utils.withEventTargetValue(setValue)
+    })), hasSentVerificationCode && /*#__PURE__*/jsxRuntime.jsx(ResendVerificationCode, {
+      formId: formId,
+      questionId: questionId,
+      isResendDisabled: calloutDetails.style === CALLOUT_STYLES.ERROR,
+      sendVerificationCode: handleSendVerificationCode
+    }), calloutDetails.message && /*#__PURE__*/jsxRuntime.jsx(NeetoUICallout, {
+      style: calloutDetails.style,
+      children: calloutDetails.message
+    })]
+  });
+};
+
+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), true).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 EmailField = function EmailField(_ref) {
+  var question = _ref.question,
+    customValidator = _ref.customValidator,
+    autoComplete = _ref.autoComplete,
+    isFormPreview = _ref.preview,
+    isUrlBuilderPreview = _ref.isUrlBuilderPreview;
+  var questionId = question.id,
+    kind = question.kind,
+    isRequired = question.isRequired,
+    isReadOnly = question.isReadOnly,
+    isDomainWhitelistingEnabled = question.isDomainWhitelistingEnabled,
+    whitelistedDomains = question.whitelistedDomains,
+    isDomainBlacklistingEnabled = question.isDomainBlacklistingEnabled,
+    blacklistedDomains = question.blacklistedDomains,
+    isVerificationEnabled = question.isVerificationEnabled,
+    nodeId = question.nodeId,
+    formId = question.formId;
+  var label = index.fieldWithFallback(question, "label");
+  var _useState = React.useState(DEFAULT_CALLOUT_DETAILS),
+    _useState2 = _slicedToArray(_useState, 2),
+    calloutDetails = _useState2[0],
+    setCalloutDetails = _useState2[1];
+  var type = yup.QUESTION_KIND[kind.toUpperCase()].type;
+  var _useState3 = React.useState(getLastVerificationCodeSentAt(questionId) > 0),
+    _useState4 = _slicedToArray(_useState3, 2),
+    hasSentVerificationCode = _useState4[0],
+    setHasSentVerificationCode = _useState4[1];
+  var verificationStatus = getEmailVerificationDetail(formId, questionId, EMAIL_VERIFICATION_KEYS.VERIFIED);
+  var _useStateWithDependen = reactUtils.useStateWithDependency(verificationStatus, [verificationStatus]),
+    _useStateWithDependen2 = _slicedToArray(_useStateWithDependen, 2),
+    isCodeVerified = _useStateWithDependen2[0],
+    setIsCodeVerified = _useStateWithDependen2[1];
+  var _useField = formik.useField({
+      name: questionId || nodeId,
+      validate: validateFieldValue({
+        kind: kind,
+        label: label,
+        isRequired: isRequired,
+        customValidator: customValidator,
+        whitelistedDomains: isDomainWhitelistingEnabled ? whitelistedDomains : [],
+        blacklistedDomains: isDomainBlacklistingEnabled ? blacklistedDomains : []
+      })
+    }),
+    _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 _useFormikContext = formik.useFormikContext(),
+    setFieldValue = _useFormikContext.setFieldValue;
+  var email = field.value;
+  var emailVerificationToken = getEmailVerificationDetail(formId, questionId, EMAIL_VERIFICATION_KEYS.TOKEN);
+  var handleResponseError = function handleResponseError(error) {
+    var _error$response;
+    var message = error === null || error === void 0 || (_error$response = error.response) === null || _error$response === void 0 || (_error$response = _error$response.data) === null || _error$response === void 0 ? void 0 : _error$response.error;
+    if ((error === null || error === void 0 ? void 0 : error.status) === 429) {
+      setCalloutDetails({
+        message: message,
+        style: CALLOUT_STYLES.ERROR
+      });
+      storeLastVerificationCodeSentAt(formId, questionId, RESEND_DELAY * ONE_SECOND);
+    } else {
+      Toastr.error(message);
+    }
+  };
+
+  // TODO backend validation
+  var _useSendEmailVerifica = useSendEmailVerificationCode(formId, questionId, {
+      onSuccess: function onSuccess(_ref2) {
+        var token = _ref2.token,
+          message = _ref2.message;
+        setHasSentVerificationCode(true);
+        storeLastVerificationCodeSentAt(formId, questionId);
+        if (!emailVerificationToken) {
+          setEmailVerificationDetail(formId, questionId, _defineProperty({}, EMAIL_VERIFICATION_KEYS.TOKEN, token));
+        }
+        if (message) {
+          setCalloutDetails({
+            message: message,
+            style: CALLOUT_STYLES.WARNING
+          });
+        }
+      },
+      onError: handleResponseError
+    }),
+    sendVerificationCode = _useSendEmailVerifica.mutate,
+    isSendingVerificationCode = _useSendEmailVerifica.isPending;
+  var resetVerifiedData = function resetVerifiedData(email) {
+    var verifiedEmail = getEmailVerificationDetail(formId, questionId, EMAIL_VERIFICATION_KEYS.EMAIL);
+    if (email !== verifiedEmail) {
+      removeEmailVerificationDetail(formId, questionId, ramda.values(ramda.omit(["TOKEN"], EMAIL_VERIFICATION_KEYS)));
+      setIsCodeVerified(false);
+      setFieldValue(buildVerificationFieldName(questionId), "");
+      setHasSentVerificationCode(false);
+      setCalloutDetails(DEFAULT_CALLOUT_DETAILS);
+    }
+  };
+  var handleFieldChange = utils.withEventTargetValue(setValue);
+  var handleSendVerificationCode = function handleSendVerificationCode() {
+    return sendVerificationCode({
+      emailVerifications: {
+        email: email,
+        token: emailVerificationToken
+      }
+    });
+  };
+  var shouldShowVerifyButton = isVerificationEnabled && !isUrlBuilderPreview && (isFormPreview || neetoCist.isPresent(email) && neetoCist.isNotPresent(error));
+  var shouldShowVerificationCodeInput = shouldShowVerifyButton && !isFormPreview && !isCodeVerified;
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "flex-col space-y-2",
+    children: [/*#__PURE__*/jsxRuntime.jsx(Input, _objectSpread$b(_objectSpread$b({}, _objectSpread$b(_objectSpread$b({
+      type: type
+    }, field), {}, {
+      autoComplete: autoComplete,
+      label: label
+    }, shouldShowVerifyButton && {
+      suffix: /*#__PURE__*/jsxRuntime.jsx(SendCodeButton, {
+        isCodeVerified: isCodeVerified,
+        isSendingVerificationCode: isSendingVerificationCode,
+        handleClick: isFormPreview ? neetoCist.noop : handleSendVerificationCode,
+        isDisabled: isCodeVerified || hasSentVerificationCode
+      })
+    })), {}, {
+      disabled: isReadOnly,
+      error: touched && !isCodeVerified ? error : "",
+      name: kind,
+      placeholder: index.fieldWithFallback(question, "placeholder"),
+      required: isRequired,
+      onBlur: function onBlur() {
+        return setTouched(true);
+      },
+      onBlurCapture: utils.withEventTargetValue(resetVerifiedData),
+      onChange: handleFieldChange
+    })), shouldShowVerificationCodeInput && /*#__PURE__*/jsxRuntime.jsx(VerifyCode, {
+      calloutDetails: calloutDetails,
+      email: email,
+      emailVerificationToken: emailVerificationToken,
+      formId: formId,
+      handleResponseError: handleResponseError,
+      handleSendVerificationCode: handleSendVerificationCode,
+      hasSentVerificationCode: hasSentVerificationCode,
+      isCodeVerified: isCodeVerified,
+      isRequired: isRequired,
+      isVerificationEnabled: isVerificationEnabled,
+      questionId: questionId,
+      setIsCodeVerified: setIsCodeVerified
+    })]
+  });
+};
+
+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 = index.fieldWithFallback(question, "label");
+  var _useField = formik.useField({
+      name: name || nodeId,
+      validate: validateFieldValue({
+        kind: kind,
+        label: label,
+        isRequired: isRequired,
+        customValidator: customValidator,
+        multipleFilesAllowed: multipleFilesAllowed
+      })
+    }),
+    _useField2 = _slicedToArray(_useField, 3);
+    _useField2[0];
+    var _useField2$ = _useField2[1],
+    value = _useField2$.value,
+    touched = _useField2$.touched,
+    error = _useField2$.error,
+    _useField2$2 = _useField2[2],
+    setValue = _useField2$2.setValue,
+    setError = _useField2$2.setError,
+    setTouched = _useField2$2.setTouched;
+  var errorToDisplay = touched && error ? error : "";
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "neeto-form-engine-input__wrapper",
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "neeto-form-engine-input__label-wrapper",
+      children: /*#__PURE__*/jsxRuntime.jsx(Label, {
+        className: "neeto-form-engine-label",
+        required: isRequired,
+        children: label
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(FileUpload.FileUpload, {
+      allowedFileTypes: allowedFileTypes,
+      maxFileSize: maxFileSize,
+      multipleFilesAllowed: multipleFilesAllowed,
+      setError: setError,
+      setTouched: setTouched,
+      error: errorToDisplay,
+      files: value === null || value === void 0 ? void 0 : value.files,
+      isPreview: preview,
+      onChange: function onChange(files) {
+        return setValue({
+          files: files
+        });
+      }
+    })]
+  });
+};
+
+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), true).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 Field = function Field(_ref) {
+  var question = _ref.question,
+    name = _ref.name,
+    labelField = _ref.labelField,
+    placeholderField = _ref.placeholderField,
+    customValidator = _ref.customValidator,
+    autoComplete = _ref.autoComplete;
+  var kind = question.kind,
+    isRequired = question.isRequired,
+    nodeId = question.nodeId,
+    isReadOnly = question.isReadOnly;
+  var label = index.fieldWithFallback(question, labelField);
+  var type = yup.QUESTION_KIND.NAME.type;
+  var _useField = formik.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;
+  return /*#__PURE__*/jsxRuntime.jsx(Input, _objectSpread$a(_objectSpread$a({}, _objectSpread$a(_objectSpread$a({
+    type: type
+  }, field), {}, {
+    autoComplete: autoComplete,
+    label: label,
+    name: name
+  })), {}, {
+    disabled: isReadOnly,
+    error: touched ? error : "",
+    placeholder: index.fieldWithFallback(question, placeholderField),
+    required: isRequired,
+    onBlur: function onBlur() {
+      return setTouched(true);
+    },
+    onChange: utils.withEventTargetValue(setValue)
+  }));
+};
+
+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), true).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(props) {
+  var _props$question = props.question,
+    id = _props$question.id,
+    isSplitMode = _props$question.isSplitMode;
+  if (isSplitMode) {
+    return /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex w-full justify-between space-x-4",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Field, _objectSpread$9(_objectSpread$9({}, props), {}, {
+        labelField: yup.LABEL_FIELDS.FIRST_NAME,
+        name: "".concat(id, ".firstName"),
+        placeholderField: "firstNamePlaceholder"
+      })), /*#__PURE__*/jsxRuntime.jsx(Field, _objectSpread$9(_objectSpread$9({}, props), {}, {
+        labelField: yup.LABEL_FIELDS.LAST_NAME,
+        name: "".concat(id, ".lastName"),
+        placeholderField: "lastNamePlaceholder"
+      }))]
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsx(Field, _objectSpread$9(_objectSpread$9({}, props), {}, {
+    labelField: yup.LABEL_FIELDS.FULL_NAME,
+    name: "".concat(id, ".fullName"),
+    placeholderField: "fullNamePlaceholder"
+  }));
+};
+
+var OpinionScaleField = function OpinionScaleField(_ref) {
+  var question = _ref.question,
+    customValidator = _ref.customValidator;
+  var name = question.id,
+    kind = question.kind,
+    isRequired = question.isRequired,
+    minValue = question.minValue,
+    maxValue = question.maxValue,
+    isReadOnly = question.isReadOnly,
+    hasOpinionLabels = question.hasOpinionLabels;
+  var label = index.fieldWithFallback(question, "label");
+  var leftOpinionLabel = index.fieldWithFallback(question, "leftOpinionLabel");
+  var rightOpinionLabel = index.fieldWithFallback(question, "rightOpinionLabel");
+  var _useField = formik.useField({
+      name: name,
+      validate: validateFieldValue({
+        kind: kind,
+        label: label,
+        isRequired: isRequired,
+        customValidator: customValidator
+      })
+    }),
+    _useField2 = _slicedToArray(_useField, 3),
+    field = _useField2[0],
+    _useField2$ = _useField2[1],
+    error = _useField2$.error,
+    touched = _useField2$.touched,
+    setValue = _useField2[2].setValue;
+  var handleClick = function handleClick(event, index) {
+    if (index !== parseInt(field.value)) return;
+    event.preventDefault();
+    setValue("");
+  };
+  var opinionScaleOptions = yup.generateArray(minValue, maxValue);
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "neeto-form-engine-input__wrapper neeto-form-engine-opinion-scale",
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "neeto-form-engine-input__label-wrapper",
+      children: /*#__PURE__*/jsxRuntime.jsx("label", {
+        className: "neeto-form-engine-label",
+        "data-testid": "opinion-scale-input-label",
+        children: getLabel(label, isRequired)
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "neeto-form-nano-opinion-scale",
+      "data-testid": "form-opinion-scale",
+      children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+        className: "neeto-form-nano-opinion-scale__group",
+        children: [hasOpinionLabels && /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "neeto-form-nano-opinion-scale__labels-wrap neeto-form-nano-opinion-scale__labels-wrap-mobile",
+          children: /*#__PURE__*/jsxRuntime.jsx("label", {
+            className: "neeto-form-nano-opinion-scale__label",
+            "data-testid": "opinion-scale-left-label",
+            children: leftOpinionLabel
+          })
+        }), /*#__PURE__*/jsxRuntime.jsx("ul", {
+          className: "neeto-form-nano-opinion-scale__list",
+          "data-testid": "opinion-scale-list",
+          children: opinionScaleOptions.map(function (step) {
+            return /*#__PURE__*/jsxRuntime.jsx("li", {
+              className: "neeto-form-nano-opinion-scale__item",
+              "data-testid": "opinion-scale-list-item",
+              children: /*#__PURE__*/jsxRuntime.jsxs("label", {
+                className: "neeto-form-nano-opinion-scale__item-label",
+                "data-testid": "opinion-scale-label",
+                onClick: function onClick(event) {
+                  return handleClick(event, step);
+                },
+                children: [/*#__PURE__*/jsxRuntime.jsx(formik.Field, {
+                  name: name,
+                  checked: parseInt(field.value) === step,
+                  className: "neeto-form-nano-sr-only neeto-form-nano-opinion-scale__item-input",
+                  "data-testid": "opinion-scale-input-".concat(step),
+                  disabled: isReadOnly,
+                  type: "radio",
+                  value: step
+                }), /*#__PURE__*/jsxRuntime.jsx("span", {
+                  className: "neeto-form-nano-opinion-scale__item-highlight",
+                  "data-testid": "opinion-scale-item-".concat(step),
+                  children: step
+                })]
+              })
+            }, step);
+          })
+        }), hasOpinionLabels && /*#__PURE__*/jsxRuntime.jsxs("div", {
+          className: "neeto-form-nano-opinion-scale__labels-wrap",
+          children: [/*#__PURE__*/jsxRuntime.jsx("label", {
+            className: "neeto-form-nano-opinion-scale__label neeto-form-nano-opinion-scale__label--start",
+            "data-testid": "opinion-scale-left-label",
+            children: leftOpinionLabel
+          }), /*#__PURE__*/jsxRuntime.jsx("label", {
+            className: "neeto-form-nano-opinion-scale__label neeto-form-nano-opinion-scale__label--end",
+            "data-testid": "opinion-scale-right-label",
+            children: rightOpinionLabel
+          })]
+        })]
+      })
+    }), touched && error && /*#__PURE__*/jsxRuntime.jsx("p", {
+      className: "neeto-form-engine-input__error",
+      "data-testid": "neeto-form-engine-opinion-scale-error",
+      children: error
+    })]
+  });
+};
+
+var ChoiceImage = function ChoiceImage(_ref) {
+  var src = _ref.src,
+    alt = _ref.alt,
+    height = _ref.height,
+    shouldFitImages = _ref.shouldFitImages;
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    hasError = _useState2[0],
+    setHasError = _useState2[1];
+  var _useState3 = React.useState(true),
+    _useState4 = _slicedToArray(_useState3, 2),
+    isLoading = _useState4[0],
+    setIsLoading = _useState4[1];
+  var handleLoad = function handleLoad() {
+    return setIsLoading(false);
+  };
+  var handleError = function handleError() {
+    setHasError(true);
+    setIsLoading(false);
+  };
+  if (hasError || !src) {
+    return /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "neeto-form-engine-choice__image-placeholder neeto-ui-bg-gray-100",
+      style: {
+        height: height
+      },
+      children: /*#__PURE__*/jsxRuntime.jsx(Image, {
+        size: 32
+      })
+    });
+  }
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    style: {
+      height: height
+    },
+    className: classnames("neeto-form-engine-choice__image-wrapper", {
+      "neeto-form-engine-choice__image-wrapper--loading": isLoading
+    }),
+    children: /*#__PURE__*/jsxRuntime.jsx("img", {
+      alt: alt,
+      src: src,
+      draggable: false,
+      className: classnames("neeto-form-engine-choice__image", {
+        "neeto-form-engine-choice__image--fit": shouldFitImages
+      }),
+      onError: handleError,
+      onLoad: handleLoad
+    })
+  });
+};
+
+var Choices = function Choices(_ref) {
+  var label = _ref.label,
+    options = _ref.options,
+    type = _ref.type,
+    name = _ref.name,
+    value = _ref.value,
+    onChange = _ref.onChange,
+    onValueChange = _ref.onValueChange,
+    error = _ref.error,
+    disabled = _ref.isDisabled,
+    _ref$isPictureChoice = _ref.isPictureChoice,
+    isPictureChoice = _ref$isPictureChoice === void 0 ? yup.DEFAULT_CHOICE_QUESTION_ATTRIBUTES.isPictureChoice : _ref$isPictureChoice,
+    _ref$imageHeight = _ref.imageHeight,
+    imageHeight = _ref$imageHeight === void 0 ? yup.DEFAULT_CHOICE_QUESTION_ATTRIBUTES.imageHeight : _ref$imageHeight,
+    _ref$shouldFitImages = _ref.shouldFitImages,
+    shouldFitImages = _ref$shouldFitImages === void 0 ? yup.DEFAULT_CHOICE_QUESTION_ATTRIBUTES.shouldFitImages : _ref$shouldFitImages;
+  var isCheckBox = type === "checkbox";
+  var ChoiceWrapper = isCheckBox ? "div" : Radio;
+  var Component = isCheckBox ? Checkbox : Radio.Item;
+  var handleChoiceValueChange = function handleChoiceValueChange(updatedValue) {
+    if (typeof onValueChange === "function") {
+      onValueChange(updatedValue);
+      return;
+    }
+    onChange({
+      target: {
+        name: name,
+        value: updatedValue
+      }
+    });
+  };
+  var shouldDeselectOption = function shouldDeselectOption(optionId) {
+    return !isCheckBox && !disabled && value === optionId;
+  };
+  var handleChoiceClick = function handleChoiceClick(event, optionId) {
+    if (!shouldDeselectOption(optionId)) return;
+    event.preventDefault();
+    handleChoiceValueChange("");
+  };
+  var handleChoiceKeyDown = function handleChoiceKeyDown(event, optionId) {
+    if (!shouldDeselectOption(optionId)) return;
+    if (!yup.RADIO_DESELECT_KEYS.includes(event.key)) return;
+    event.preventDefault();
+    handleChoiceValueChange("");
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "neeto-form-engine-choices__wrapper",
+    "data-testid": "".concat(neetoCist.hyphenate(label), "-select-container-wrapper"),
+    children: [/*#__PURE__*/jsxRuntime.jsx("label", {
+      className: "neeto-form-engine-label",
+      "data-testid": "".concat(neetoCist.hyphenate(label), "-input-label"),
+      children: label
+    }), /*#__PURE__*/jsxRuntime.jsx(ChoiceWrapper, {
+      stacked: !isCheckBox,
+      className: classnames("neeto-form-engine-choices", {
+        "neeto-form-engine-choices--picture": isPictureChoice
+      }),
+      children: options.map(function (option, index) {
+        var _value$index, _option$image;
+        var isChecked = isCheckBox ? (_value$index = value === null || value === void 0 ? void 0 : value[index]) !== null && _value$index !== void 0 ? _value$index : false : value === option.id;
+        return /*#__PURE__*/jsxRuntime.jsxs("label", {
+          htmlFor: option.id,
+          className: classnames("neeto-form-engine-choice", {
+            "neeto-form-engine-choice--picture": isPictureChoice,
+            "neeto-form-engine-choice--selected": isChecked,
+            "cursor-not-allowed": disabled
+          }),
+          onClick: function onClick(event) {
+            return handleChoiceClick(event, option.id);
+          },
+          children: [isPictureChoice && /*#__PURE__*/jsxRuntime.jsx(ChoiceImage, {
+            shouldFitImages: shouldFitImages,
+            alt: option.label,
+            height: imageHeight,
+            src: (_option$image = option.image) === null || _option$image === void 0 ? void 0 : _option$image.url
+          }), /*#__PURE__*/jsxRuntime.jsx(Component, {
+            disabled: disabled,
+            onChange: onChange,
+            type: type,
+            checked: isChecked,
+            className: classnames({
+              "cursor-not-allowed": disabled
+            }),
+            id: option.id,
+            label: option.label,
+            name: isCheckBox ? "".concat(name, ".").concat(index) : name,
+            value: option.id,
+            labelProps: {
+              className: classnames({
+                "cursor-not-allowed": disabled
+              })
+            },
+            onKeyDown: function onKeyDown(event) {
+              return handleChoiceKeyDown(event, option.id);
+            }
+          })]
+        }, option.id);
+      })
+    }), !!error && typeof error === "string" && /*#__PURE__*/jsxRuntime.jsx("p", {
+      className: "neeto-form-engine-input__error",
+      "data-testid": "neeto-form-engine-".concat(type, "-error"),
+      children: error
+    })]
+  });
+};
+var Choices$1 = /*#__PURE__*/React.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), true).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,
+    isLastFewElements = _ref.isLastFewElements;
+  var _useFormikContext = formik.useFormikContext(),
+    setFieldTouched = _useFormikContext.setFieldTouched,
+    setFieldValue = _useFormikContext.setFieldValue,
+    validateField = _useFormikContext.validateField;
+  var name = question.id,
+    kind = question.kind,
+    isRequired = question.isRequired,
+    isReadOnly = question.isReadOnly,
+    isPictureChoiceFromQuestion = question.isPictureChoice,
+    imageHeight = question.imageHeight,
+    shouldFitImages = question.shouldFitImages,
+    _question$optionsAttr = question.optionsAttributes,
+    options = _question$optionsAttr === void 0 ? [] : _question$optionsAttr;
+  var isPictureChoice = isPictureChoiceFromQuestion;
+  var isDropdown = kind === yup.QUESTION_KIND.DROPDOWN.value;
+  var label = index.fieldWithFallback(question, "label");
+  var Component = isDropdown ? Select : Choices$1;
+  var transformedOptions = isDropdown ? options.map(function (option) {
+    return {
+      label: index.fieldWithFallback(option, "label"),
+      position: option.position,
+      value: option.id
+    };
+  }) : options.map(function (option) {
+    return _objectSpread$8(_objectSpread$8({}, option), {}, {
+      label: index.fieldWithFallback(option, "label")
+    });
+  });
+  var handleSelect = function handleSelect(option) {
+    setFieldValue(name, option === null || option === void 0 ? void 0 : option.value, false);
+    setFieldTouched(name, true, false);
+    setTimeout(function () {
+      return validateField(name);
+    });
+  };
+  var handleValueChange = function handleValueChange(updatedValue) {
+    setFieldValue(name, updatedValue, false);
+    setFieldTouched(name, true, false);
+    setTimeout(function () {
+      return validateField(name);
+    });
+  };
+  var customFilter = function customFilter(option, inputValue) {
+    if (!option) return false;
+    return containsIgnoreCase(option.label, inputValue);
+  };
+  return /*#__PURE__*/jsxRuntime.jsx(formik.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__*/jsxRuntime.jsx(Component, _objectSpread$8(_objectSpread$8({
+        error: getError(meta),
+        isDisabled: isReadOnly,
+        label: getLabel(label, isRequired),
+        options: transformedOptions,
+        strategy: "fixed",
+        type: kind
+      }, _objectSpread$8(_objectSpread$8({
+        isRequired: isRequired,
+        name: name
+      }, isDropdown && {
+        filterOption: customFilter
+      }), !isDropdown && {
+        imageHeight: imageHeight,
+        isPictureChoice: isPictureChoice,
+        shouldFitImages: shouldFitImages
+      })), {}, {
+        value: isDropdown ? neetoCist.findBy({
+          value: value
+        }, transformedOptions) || null : value,
+        onChange: isDropdown ? handleSelect : onChange,
+        onValueChange: !isDropdown ? handleValueChange : undefined
+      }, isDropdown && {
+        isClearable: true,
+        menuPlacement: isLastFewElements ? "top" : "auto",
+        menuPortalTarget: document.body,
+        menuPosition: "fixed"
+      }));
+    }
+  });
+};
+
+var PhoneNumberField = function PhoneNumberField(_ref) {
+  var _getPhoneData;
+  var question = _ref.question,
+    autoComplete = _ref.autoComplete,
+    isLastFewElements = _ref.isLastFewElements;
+  var name = question.id,
+    kind = question.kind,
+    isRequired = question.isRequired,
+    nodeId = question.nodeId,
+    isReadOnly = question.isReadOnly;
+  var label = index.fieldWithFallback(question, "label");
+  var _useField = formik.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__*/jsxRuntime.jsx(PhoneNumber.PhoneNumberInput, {
+    autoComplete: autoComplete,
+    label: label,
+    value: value,
+    className: "neeto-form-engine-input__wrapper items-stretch",
+    disabled: isReadOnly,
+    error: touched ? error : "",
+    initialCountryCode: (_getPhoneData = getPhoneData(value)) === null || _getPhoneData === void 0 ? void 0 : _getPhoneData.country,
+    placeholder: index.fieldWithFallback(question, "placeholder"),
+    required: isRequired,
+    selectProps: {
+      isDisabled: isReadOnly,
+      menuPlacement: isLastFewElements ? "top" : "auto",
+      menuPortalTarget: document.body,
+      menuPosition: "fixed"
+    },
+    onBlur: function onBlur() {
+      return setTouched(true);
+    },
+    onChange: setValue
+  });
+};
+
+var _excluded$2 = ["name", "label", "error", "lowestRatingLabel", "averageRatingLabel", "highestRatingLabel", "value", "disabled"];
+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), true).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,
+    disabled = _ref.disabled,
+    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 yup.RATING_OPTIONS.map(function (_ref2, index) {
+      var Icon = _ref2.icon,
+        modifier = _ref2.modifier,
+        rating = _ref2.value;
+      return /*#__PURE__*/jsxRuntime.jsxs(React.Fragment, {
+        children: [/*#__PURE__*/jsxRuntime.jsxs("button", {
+          disabled: disabled,
+          type: "button",
+          className: classnames("neeto-form-engine-rating__item neeto-form-engine-rating__item--".concat(modifier), {
+            active: rating === value
+          }),
+          onClick: handleClick,
+          children: [/*#__PURE__*/jsxRuntime.jsx(Icon, {}), /*#__PURE__*/jsxRuntime.jsx("label", {
+            className: "neeto-form-engine-label",
+            children: labels[index]
+          })]
+        }), /*#__PURE__*/jsxRuntime.jsx("input", _objectSpread$7({
+          name: name,
+          hidden: true,
+          checked: rating === value,
+          type: "radio",
+          value: rating
+        }, other))]
+      }, rating);
+    });
+  };
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "neeto-form-engine-rating",
+    children: [/*#__PURE__*/jsxRuntime.jsx("label", {
+      className: "neeto-form-engine-label",
+      "data-testid": "rating-input-label",
+      children: label
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "neeto-form-engine-rating__row",
+      "data-testid": "rating-input-field",
+      children: render()
+    }), !!error && typeof error === "string" && /*#__PURE__*/jsxRuntime.jsx("p", {
+      className: "neeto-form-engine-input__error",
+      "data-testid": "neeto-form-engine-rating-error",
+      children: error
+    })]
+  });
+};
+var Rating$1 = /*#__PURE__*/React.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), true).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,
+    isReadOnly = question.isReadOnly;
+  var label = index.fieldWithFallback(question, "label");
+  return /*#__PURE__*/jsxRuntime.jsx(formik.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__*/jsxRuntime.jsx(Rating$1, _objectSpread$6(_objectSpread$6({}, field), {}, {
+        disabled: isReadOnly,
+        error: meta.touched ? meta.error : "",
+        label: getLabel(label, isRequired),
+        averageRatingLabel: index.fieldWithFallback(question, "averageRatingLabel") || yup.RATING_VALUES.AVERAGE.label,
+        highestRatingLabel: index.fieldWithFallback(question, "highestRatingLabel") || yup.RATING_VALUES.GOOD.label,
+        lowestRatingLabel: index.fieldWithFallback(question, "lowestRatingLabel") || yup.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), true).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 = formik.useFormikContext(),
+    errors = _useFormikContext.errors,
+    touched = _useFormikContext.touched;
+  var name = question.id,
+    kind = question.kind,
+    isRequired = question.isRequired,
+    nodeId = question.nodeId,
+    isReadOnly = question.isReadOnly;
+  var label = index.fieldWithFallback(question, "label");
+  var debouncedPlaceholder = reactUtils.useDebounce(index.fieldWithFallback(question, "placeholder"), 300);
+  React.useEffect(function () {
+    var _editorRef$current, _editorRef$current$se;
+    editorRef === null || editorRef === void 0 || (_editorRef$current = editorRef.current) === null || _editorRef$current === void 0 || (_editorRef$current = _editorRef$current.editor) === null || _editorRef$current === void 0 || (_editorRef$current$se = _editorRef$current.setEditable) === null || _editorRef$current$se === void 0 || _editorRef$current$se.call(_editorRef$current, !isReadOnly);
+  }, [editorRef === null || editorRef === void 0 ? void 0 : editorRef.current, isReadOnly]);
+  var propsToCompare = ["debouncedPlaceholder", "error", "touched", "isReadOnly"];
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "neeto-form-engine-input__wrapper",
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "neeto-form-engine-input__label-wrapper",
+      children: label && /*#__PURE__*/jsxRuntime.jsx("label", {
+        className: "neeto-form-engine-label",
+        "data-testid": "".concat(neetoCist.hyphenate(label), "-input-label"),
+        children: getLabel(label, isRequired)
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx(formik.FastField, {
+      debouncedPlaceholder: debouncedPlaceholder,
+      isReadOnly: isReadOnly,
+      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__*/jsxRuntime.jsx(NeetoEditor, _objectSpread$5({
+          editable: isReadOnly,
+          error: meta.touched ? meta.error : "",
+          initialValue: field.value,
+          menuType: isReadOnly ? "bubble" : "fixed",
+          placeholder: debouncedPlaceholder,
+          ref: editorRef,
+          addons: isReadOnly ? [] : ["attachments", "block-quote", "code-block", "image-upload"],
+          className: classnames("neeto-form-engine-rich-text-input", {
+            "cursor-not-allowed border": isReadOnly
+          }),
+          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), true).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 = yup.ICONS_MAP[iconType];
+  var selectedRating = getSelectedRating(value);
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsxs("button", {
+      className: classnames({
+        active: rating === value
+      }),
+      disabled: otherProps === null || otherProps === void 0 ? void 0 : otherProps.disabled,
+      type: "button",
+      onClick: handleClick,
+      children: [/*#__PURE__*/jsxRuntime.jsx(Icon, {
+        size: 24,
+        className: classnames("neeto-form-engine-star-rating__icon", {
+          "neeto-form-engine-star-rating__icon--active": rating <= selectedRating
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx("label", {
+        className: "neeto-form-engine-label",
+        children: label
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx("input", _objectSpread$4({
+      hidden: true,
+      checked: ramda.equals(rating, value),
+      type: "radio",
+      value: rating
+    }, otherProps))]
+  });
+};
+var RatingButton$1 = /*#__PURE__*/React.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), true).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__*/jsxRuntime.jsxs("div", {
+    className: "neeto-form-engine-input__wrapper neeto-form-engine-star-rating",
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "neeto-form-engine-input__label-wrapper",
+      children: /*#__PURE__*/jsxRuntime.jsx("label", {
+        className: "neeto-form-engine-label",
+        "data-testid": "star-rating-input-label",
+        children: label
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "neeto-form-engine-star-rating__row",
+      "data-testid": "star-rating-input-field",
+      children: yup.generateArray(minValue, maxValue).map(function (index) {
+        return /*#__PURE__*/jsxRuntime.jsx(RatingButton$1, _objectSpread$3({
+          label: index,
+          rating: index
+        }, props), index);
+      })
+    }), !!error && typeof error === "string" && /*#__PURE__*/jsxRuntime.jsx("p", {
+      className: "neeto-form-engine-input__error",
+      "data-testid": "neeto-form-engine-star-rating-error",
+      children: error
+    })]
+  });
+};
+var StarRating$1 = /*#__PURE__*/React.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), true).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,
+    isReadOnly = question.isReadOnly;
+  var label = index.fieldWithFallback(question, "label");
+  return /*#__PURE__*/jsxRuntime.jsx(formik.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__*/jsxRuntime.jsx(StarRating$1, _objectSpread$2({
+        iconType: iconType,
+        maxValue: maxValue,
+        minValue: minValue,
+        name: name,
+        disabled: isReadOnly,
+        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), true).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 = index.fieldWithFallback(question, "label", true);
+  return /*#__PURE__*/jsxRuntime.jsx(formik.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__*/jsxRuntime.jsx("div", {
+        className: "neeto-form-engine-terms",
+        children: /*#__PURE__*/jsxRuntime.jsx(Checkbox, _objectSpread$1(_objectSpread$1({}, _objectSpread$1(_objectSpread$1({}, field), {}, {
+          name: name
+        })), {}, {
+          checked: field.value,
+          error: meta.touched ? meta.error : "",
+          children: /*#__PURE__*/jsxRuntime.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), true).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,
+    remainingSlotsCount = _ref.remainingSlotsCount;
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var name = question.id,
+    kind = question.kind,
+    isRequired = question.isRequired,
+    isReadOnly = question.isReadOnly,
+    nodeId = question.nodeId,
+    minWords = question.minWords;
+  var label = index.fieldWithFallback(question, "label");
+  var _QUESTION_KIND$kind$t = yup.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 === yup.QUESTION_KIND.TEXTAREA.value ? Textarea : Input;
+  var _useField = formik.useField({
+      name: name || nodeId,
+      validate: validateFieldValue({
+        kind: kind,
+        label: label,
+        isRequired: isRequired,
+        minWords: minWords,
+        customValidator: customValidator,
+        remainingSlotsCount: remainingSlotsCount
+      })
+    }),
+    _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 = utils.withEventTargetValue(setValue);
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "w-full flex flex-col gap-2",
+    children: [/*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, _objectSpread(_objectSpread({
+      type: type
+    }, field), {}, {
+      autoComplete: autoComplete,
+      label: label,
+      onKeyDown: onKeyDown
+    }, kind === yup.QUESTION_KIND.SPOT.value && _objectSpread({
+      min: 1
+    }, typeof remainingSlotsCount === "number" && remainingSlotsCount >= 0 && {
+      max: remainingSlotsCount
+    }))), {}, {
+      disabled: isReadOnly,
+      error: touched ? error : "",
+      name: neetoCist.slugify(label),
+      placeholder: index.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
+    })), kind === yup.QUESTION_KIND.SPOT.value && typeof remainingSlotsCount === "number" && remainingSlotsCount >= 0 && /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "flex justify-end",
+      children: /*#__PURE__*/jsxRuntime.jsx(Tag, {
+        icon: Info,
+        style: "info",
+        label: t("neetoForm.questions.spot.remainingSlotsCount", {
+          count: remainingSlotsCount
+        })
+      })
+    })]
+  });
+};
+
+var _QUESTION_TO_COMPONEN;
+var QUESTION_TO_COMPONENT_MAP = (_QUESTION_TO_COMPONEN = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_QUESTION_TO_COMPONEN, yup.QUESTION_KIND.TEXT.value, TextField), yup.QUESTION_KIND.NAME.value, NameField), yup.QUESTION_KIND.EMAIL.value, EmailField), yup.QUESTION_KIND.INTEGER.value, TextField), yup.QUESTION_KIND.DECIMAL.value, TextField), yup.QUESTION_KIND.PHONE.value, PhoneNumberField), yup.QUESTION_KIND.QUESTION.value, TextField), yup.QUESTION_KIND.TEXTAREA.value, TextField), yup.QUESTION_KIND.CHECKBOX.value, OptionsField), yup.QUESTION_KIND.RADIO.value, OptionsField), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_QUESTION_TO_COMPONEN, yup.QUESTION_KIND.DROPDOWN.value, OptionsField), yup.QUESTION_KIND.RATING.value, RatingField), yup.QUESTION_KIND.PARAGRAPH.value, function (_ref) {
+  var question = _ref.question;
+  return /*#__PURE__*/jsxRuntime.jsx(EditorContent, {
+    content: index.fieldWithFallback(question, "label", true)
+  });
+}), yup.QUESTION_KIND.TERMS.value, TermsField), yup.QUESTION_KIND.DATE.value, DateField), yup.QUESTION_KIND.STAR_RATING.value, StarRatingField), yup.QUESTION_KIND.OPINION_SCALE.value, OpinionScaleField), yup.QUESTION_KIND.ADDITIONAL_GUESTS.value, MultipleEmailInput), yup.QUESTION_KIND.RICH_TEXT.value, RichTextEditor), yup.QUESTION_KIND.CONDITION.value, ConditionField), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_QUESTION_TO_COMPONEN, yup.QUESTION_KIND.FILE_UPLOAD.value, FileUploadField), yup.QUESTION_KIND.CAPTCHA.value, CaptchaField), yup.QUESTION_KIND.SMS_REMINDER.value, PhoneNumberField), yup.QUESTION_KIND.SPOT.value, TextField), yup.QUESTION_KIND.ADDRESS.value, AddressField));
+var CAPTCHA_COMPONENT_MAP = _defineProperty(_defineProperty({}, constants.CAPTCHA_TYPES.RECAPTCHA_V2, Recaptcha), constants.CAPTCHA_TYPES.MATH_CAPTCHA, MathCaptcha);
+
+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 neetoCist.notEqualsDeep(ramda.pick(props, nextProps), ramda.pick(props, prevProps));
+  };
+};
+var getValidDate = function getValidDate(date) {
+  if (!date) return "";
+  return utils.dayjs(date).isValid() ? utils.dayjs(date) : "";
+};
+var getPhoneData = function getPhoneData(value, countryCode) {
+  try {
+    return libphonenumberJs.parsePhoneNumber(value, countryCode);
+  } catch (_unused) {
+    return undefined;
+  }
+};
+var containsIgnoreCase = function containsIgnoreCase(string, substring) {
+  return string.toLowerCase().includes(substring.toLowerCase());
+};
+var getVisibleOptions = function getVisibleOptions(options) {
+  return Array.isArray(options) ? options.filter(function (option) {
+    return !option.deleted;
+  }).sort(function (a, b) {
+    return a.position - b.position;
+  }) : [];
+};
+
+exports.FormikWrap = FormikWrap;
+exports.buildAutoCompleteAttribute = buildAutoCompleteAttribute;
+exports.clearEmailVerificationDetails = clearEmailVerificationDetails;
+exports.clearLocalStorageValues = clearLocalStorageValues;
+exports.clientI18nInstance = clientI18nInstance;
+exports.generateFormResponse = generateFormResponse;
+exports.generateInitValues = generateInitValues;
+exports.getFieldComponent = getFieldComponent;
+exports.getWithExpiry = getWithExpiry;
+exports.mergeRefs = mergeRefs;
+exports.renderButtonsInOrder = renderButtonsInOrder;
+//# sourceMappingURL=utils-QSMxxdQN.js.map