@bigbinary/neeto-form-frontend 4.4.9 → 4.4.11

package/dist/utils-H7u9B9Jq.js

@@ -0,0 +1,2731 @@
+import { useEffect, useState, useImperativeHandle, memo, Fragment as Fragment$1 } from 'react';
+import { useFormikContext, useField, Field as Field$1, FastField } from 'formik';
+import { isPresent, isNotEmpty, findBy, filterBy, findById, isNotPresent, hyphenate, noop, toLabelAndValue, getRandomInt, randomPick, slugify, notEqualsDeep } from '@bigbinary/neeto-cist';
+import { i as isFunction, b as isEmptyValues, f as fieldWithFallback } from './index-DhtQJpD_.js';
+import { dayjs, getFromLocalStorage, setToLocalStorage, removeFromLocalStorage, withEventTargetValue, buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
+import { parsePhoneNumber } from 'libphonenumber-js';
+import { pick, mergeRight, omit, isEmpty, max, when, is, last, includes, __, mergeLeft, isNil, clamp, prop, trim, map, zipObj, identity, pluck, values, pipe, dec, equals } from 'ramda';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
+import EditorContent from '@bigbinary/neeto-editor/EditorContent';
+import { Q as QUESTION_TYPES, C as CAPTCHA_TYPES, E as EMAIL_VERIFICATIONS_CREATE_URL, j as EMAIL_VERIFICATIONS_VERIFY_URL } from './constants-Cj0XxE8a.js';
+import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import Plus from '@bigbinary/neeto-icons/Plus';
+import Button from '@bigbinary/neetoui/Button';
+import NeetoUIMultiEmailInput from '@bigbinary/neetoui/MultiEmailInput';
+import { useTranslation, Trans } from 'react-i18next';
+import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
+import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
+import _regeneratorRuntime from '@babel/runtime/regenerator';
+import { isEditorEmpty } from '@bigbinary/neeto-editor/utils';
+import { validation, PhoneNumberInput } from '@bigbinary/neeto-molecules/PhoneNumber';
+import i18next from 'i18next';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { a as QUESTION_KIND, S as SPOT_QUESTION_DEFAULT_VALUE, P as PARENTHESES_REGEX, R as RATING_VALUES, E as EMAIL_REGEX, c as SCHEMA_LESS_QUESTION_KINDS, d as SIX_DIGIT_NUMBER_REGEX, A as ADDRESS_FIELD_TYPES, e as ADDRESS_FIELD_WIDTHS, f as LABEL_FIELDS, g as generateArray, D as DEFAULT_CHOICE_QUESTION_ATTRIBUTES, h as RADIO_DESELECT_KEYS, i as RATING_OPTIONS, I as ICONS_MAP } from './yup-B3JGBWm7.js';
+import _toArray from '@babel/runtime/helpers/toArray';
+import * as yup from 'yup';
+import classnames from 'classnames';
+import Select from '@bigbinary/neetoui/Select';
+import Input from '@bigbinary/neetoui/Input';
+import { useUpdateEffect, useStateWithDependency, useDebounce } from '@bigbinary/neeto-commons-frontend/react-utils';
+import Refresh from '@bigbinary/neeto-icons/Refresh';
+import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
+import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
+import ReCAPTCHA from 'react-google-recaptcha';
+import Checkbox from '@bigbinary/neetoui/Checkbox';
+import DatePicker from '@bigbinary/neetoui/DatePicker';
+import Toastr from '@bigbinary/neetoui/Toastr';
+import { useMutation } from '@tanstack/react-query';
+import axios from 'axios';
+import CheckCircle from '@bigbinary/neeto-icons/CheckCircle';
+import Spinner from '@bigbinary/neetoui/Spinner';
+import NeetoUICallout from '@bigbinary/neetoui/Callout';
+import { FileUpload } from '@bigbinary/neeto-molecules/FileUpload';
+import Label from '@bigbinary/neetoui/Label';
+import Radio from '@bigbinary/neetoui/Radio';
+import Image from '@bigbinary/neeto-icons/Image';
+import NeetoEditor from '@bigbinary/neeto-editor/Editor';
+import Info from '@bigbinary/neeto-icons/Info';
+import Textarea from '@bigbinary/neetoui/Textarea';
+import Tag from '@bigbinary/neetoui/Tag';
+
+var clientI18nInstance = i18next.cloneInstance();
+
+var clearLocalStorageValues = function clearLocalStorageValues(key) {
+  try {
+    localStorage.removeItem(key);
+  } catch (error) {
+    // eslint-disable-next-line no-console
+    console.error(error);
+  }
+};
+var setWithExpiry = function setWithExpiry(key, value) {
+  var expireInDays = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 1;
+  var expiryDate = dayjs().add(expireInDays, "day").toDate();
+  var item = {
+    value: value,
+    localStorageExpiry: expiryDate.getTime()
+  };
+  try {
+    localStorage.setItem(key, JSON.stringify(item));
+  } catch (error) {
+    // eslint-disable-next-line no-console
+    console.error(error);
+  }
+};
+var getWithExpiry = function getWithExpiry(key) {
+  try {
+    var itemStr = localStorage.getItem(key);
+    if (!itemStr) {
+      return null;
+    }
+    var item = JSON.parse(itemStr);
+    var now = new Date();
+    if (now.getTime() > item.localStorageExpiry) {
+      localStorage.removeItem(key);
+      return null;
+    }
+    return item.value;
+  } catch (error) {
+    // eslint-disable-next-line no-console
+    console.error(error);
+    return null;
+  }
+};
+
+var FormikWrap = function FormikWrap(_ref) {
+  var onError = _ref.onError,
+    children = _ref.children,
+    formId = _ref.formId,
+    preserveValues = _ref.preserveValues,
+    onValuesChange = _ref.onValuesChange,
+    dataUpdateCount = _ref.dataUpdateCount;
+  var _useFormikContext = useFormikContext(),
+    errors = _useFormikContext.errors,
+    touched = _useFormikContext.touched,
+    isValid = _useFormikContext.isValid,
+    isSubmitting = _useFormikContext.isSubmitting,
+    values = _useFormikContext.values,
+    validateForm = _useFormikContext.validateForm;
+  var revalidate = function revalidate() {
+    return isPresent(errors) && validateForm();
+  };
+  useEffect(function () {
+    revalidate();
+  }, [clientI18nInstance.language, dataUpdateCount]);
+  var syncValuesWithLocalStorage = function syncValuesWithLocalStorage() {
+    return preserveValues && !isEmptyValues(values) && setWithExpiry("".concat(formId, "/values"), values);
+  };
+  useEffect(function () {
+    syncValuesWithLocalStorage();
+    onValuesChange && onValuesChange(values);
+  }, [values, formId, preserveValues]);
+  useEffect(function () {
+    if (isSubmitting || isValid) return;
+
+    // include only touched fields
+    var touchedErrors = Object.keys(errors).filter(function (key) {
+      return touched[key];
+    }).reduce(function (obj, key) {
+      obj[key] = errors[key];
+      return obj;
+    }, {});
+    if (isFunction(onError)) onError(touchedErrors);
+  }, [isValid, isSubmitting]);
+  return children;
+};
+
+var 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 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 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 : "" : pick(keys, allDetails);
+};
+var setEmailVerificationDetail = function setEmailVerificationDetail(formId, questionId, data) {
+  var storageKey = getEmailVerificationKey(formId);
+  var allDetails = getEmailVerificationDetails(formId);
+  allDetails[questionId] = mergeRight(allDetails[questionId] || {}, data);
+  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] = omit(keys, allDetails[questionId]);
+  if (isEmpty(allDetails[questionId])) delete allDetails[questionId];
+  isEmpty(allDetails) ? removeFromLocalStorage(storageKey) : setToLocalStorage(storageKey, allDetails);
+};
+var clearEmailVerificationDetails = function clearEmailVerificationDetails(formId) {
+  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 = when(is(Array), 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(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 = 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(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 isNil(rating) || isNaN(rating) ? "" : 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: 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(RATING_VALUES).map(prop("value"));
+  return allowedValues.includes(fieldCodeValue) ? fieldCodeValue : "";
+};
+var getNumberFromUrl = function getNumberFromUrl(_ref6) {
+  var fieldCodes = _ref6.fieldCodes,
+    fieldCode = _ref6.fieldCode,
+    kind = _ref6.kind;
+  var fieldCodeValue = resolveQueryParamValue(fieldCodes[fieldCode]);
+  var parsedValue = kind === 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 (isPresent(firstName) || isPresent(lastName)) {
+    return {
+      firstName: firstName,
+      lastName: lastName
+    };
+  }
+  if (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 = filterBy({
+    kind: QUESTION_TYPES.EMAIL,
+    isVerificationEnabled: true
+  }, questions);
+  var fieldNames = map(function (_ref8) {
+    var id = _ref8.id;
+    return buildVerificationFieldName(id);
+  }, emailQuestionsRequiringVerification);
+  return 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 QUESTION_KIND.CONDITION.value:
+        {
+          var _valuesMap$id$value, _valuesMap;
+          initValues[id] = (_valuesMap$id$value = (_valuesMap = valuesMap) === null || _valuesMap === void 0 || (_valuesMap = _valuesMap[id]) === null || _valuesMap === void 0 ? void 0 : _valuesMap.value) !== null && _valuesMap$id$value !== void 0 ? _valuesMap$id$value : false;
+          return;
+        }
+      case QUESTION_KIND.ADDITIONAL_GUESTS.value:
+        {
+          var _valuesMap2;
+          var emailsFromSubmission = toEmailValues((_valuesMap2 = valuesMap) === null || _valuesMap2 === void 0 || (_valuesMap2 = _valuesMap2[id]) === null || _valuesMap2 === void 0 ? void 0 : _valuesMap2.value);
+          initValues[id] = isNotEmpty(emailsFromSubmission) ? emailsFromSubmission : getAdditionalGuestsFromUrl({
+            fieldCodes: fieldCodes,
+            fieldCode: fieldCode
+          });
+          return;
+        }
+      case QUESTION_KIND.CHECKBOX.value:
+        {
+          var _valuesMap$id;
+          initValues[id] = (_valuesMap$id = valuesMap[id]) !== null && _valuesMap$id !== void 0 && (_valuesMap$id = _valuesMap$id.optionIds) !== null && _valuesMap$id !== void 0 && _valuesMap$id.length ? optionsAttributes.map(function (option) {
+            var _valuesMap$id2;
+            return (_valuesMap$id2 = valuesMap[id]) === null || _valuesMap$id2 === void 0 || (_valuesMap$id2 = _valuesMap$id2.optionIds) === null || _valuesMap$id2 === void 0 ? void 0 : _valuesMap$id2.includes(option.id);
+          }) : getMultipleOptionsFromURL({
+            optionsAttributes: optionsAttributes,
+            fieldCodes: fieldCodes,
+            fieldCode: fieldCode
+          });
+          return;
+        }
+      case QUESTION_KIND.RADIO.value:
+      case QUESTION_KIND.DROPDOWN.value:
+        {
+          var _optionsAttributes$fi;
+          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 QUESTION_KIND.SPOT.value:
+        {
+          var _valuesMap$id$value2, _valuesMap3;
+          var urlValue = getNumberFromUrl({
+            fieldCodes: fieldCodes,
+            fieldCode: fieldCode,
+            kind: 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 : SPOT_QUESTION_DEFAULT_VALUE;
+          initValues[id] = isValidSpotValue(candidateValue, remainingSlotsCount) ? candidateValue : SPOT_QUESTION_DEFAULT_VALUE;
+          return;
+        }
+      case QUESTION_KIND.INTEGER.value:
+      case 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 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 QUESTION_KIND.TERMS.value:
+        {
+          initValues[id] = false;
+          return;
+        }
+      case 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 QUESTION_KIND.PHONE.value:
+      case 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 QUESTION_KIND.STAR_RATING.value:
+      case 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 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 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 = !isEmptyValues(localValues) ? localValues : initValues;
+  return 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 (!SCHEMA_LESS_QUESTION_KINDS.includes(kind)) {
+      var responseValue = response[id];
+      if (kind === QUESTION_KIND.RADIO.value || kind === QUESTION_KIND.DROPDOWN.value) {
+        var option = findById(responseValue, optionsAttributes);
+        if (option) {
+          formResponse.push({
+            questionId: id,
+            questionOptionId: option.id,
+            value: option.label,
+            kind: kind
+          });
+        }
+      } else if (kind === QUESTION_KIND.SPOT.value) {
+        formResponse.push({
+          questionId: id,
+          value: responseValue,
+          kind: kind
+        });
+      } else if (kind === QUESTION_KIND.CHECKBOX.value) {
+        responseValue.forEach(function (isChecked, index) {
+          if (!isChecked) return;
+          var option = optionsAttributes[index];
+          formResponse.push({
+            questionId: id,
+            questionOptionId: option.id,
+            value: option.label,
+            kind: kind
+          });
+        });
+      } else if (isPhoneNumberField(kind)) {
+        formResponse.push({
+          questionId: id,
+          value: responseValue ? parsePhoneNumber(responseValue).formatInternational() : "",
+          kind: kind
+        });
+      } else if (kind === QUESTION_KIND.ADDITIONAL_GUESTS.value) {
+        formResponse.push({
+          questionId: id,
+          value: responseValue ? pluck("value", responseValue) : null,
+          kind: kind
+        });
+      } else if (kind === QUESTION_KIND.RICH_TEXT.value) {
+        formResponse.push({
+          questionId: id,
+          value: isEditorEmpty(responseValue) ? null : responseValue,
+          kind: kind
+        });
+      } else if (kind === QUESTION_KIND.FILE_UPLOAD.value) {
+        formResponse.push({
+          questionId: id,
+          files: isPresent(responseValue) ? responseValue.files : null,
+          kind: kind
+        });
+      } else if (kind === QUESTION_KIND.DATE.value) {
+        formResponse.push({
+          questionId: id,
+          value: dayjs(responseValue).isValid() ?
+          // YYYY-MM-DD format is not supported by dateFormat.
+          // eslint-disable-next-line @bigbinary/neeto/use-standard-date-time-formats
+          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" && includes(kind, autoCompleteKinds) ? "on" : undefined;
+};
+var renderButtonsInOrder = function renderButtonsInOrder(buttonsArray, shouldReverse) {
+  var orderedButtons = shouldReverse ? buttonsArray.reverse() : buttonsArray;
+  return map(identity, orderedButtons);
+};
+var getSelectedRating = function getSelectedRating(value) {
+  var parsedValue = parseInt(value);
+  return isNaN(parsedValue) ? -1 : parsedValue;
+};
+var isPhoneNumberField = includes(__, [QUESTION_KIND.PHONE.value, 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 && 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 (isEmpty(whitelistedDomains)) return true;
+  var domain = extractEmailDomain(email);
+  return includes(domain, whitelistedDomains);
+};
+var isEmailFromBlacklistedDomain = function isEmailFromBlacklistedDomain(email, blacklistedDomains) {
+  var domain = extractEmailDomain(email);
+  return 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.string().typeError(getInvalidTypeError(label, "string"));
+  if (isPhoneNumberField(kind)) {
+    schema = validation(getInvalidFieldError(t("neetoForm.common.phoneNumberValidation")));
+  }
+  var requiredError = kind === QUESTION_KIND.SPOT.value ? t("neetoForm.questions.spot.numberOfSpotsRequired") : getRequiredFieldError(label);
+  if (isRequired) schema = schema.trim().required(requiredError);
+  if (kind === QUESTION_KIND.SPOT.value) {
+    schema = schema.test("integer-spots", t("neetoForm.questions.spot.mustBeInteger"), function (value) {
+      return isNotPresent(value) || value === "" || Number.isInteger(Number(value));
+    }).test("min-spots", t("neetoForm.error.mustBeOrGreaterThanOrEqualTo", {
+      value: 1
+    }), function (value) {
+      return 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 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.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 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.string().typeError(getInvalidTypeError(label, "string"));
+  if (isRequired) schema = schema.trim().required(getRequiredFieldError(label));
+  return schema.trim();
+};
+var validateSingleChoiceField = function validateSingleChoiceField(_ref5) {
+  var label = _ref5.label,
+    isRequired = _ref5.isRequired;
+  var schema = yup.string().typeError(getInvalidTypeError(label, "string"));
+  if (isRequired) schema = schema.required(getSelectMinError());
+  return schema.trim();
+};
+var validateMultiChoiceField = function validateMultiChoiceField(_ref6) {
+  var isRequired = _ref6.isRequired;
+  var schema = yup.array().of(yup["boolean"]());
+  if (isRequired) schema = schema.compact().min(1, getSelectMinError());
+  return schema;
+};
+var validateRatingField = function validateRatingField(_ref7) {
+  var label = _ref7.label,
+    isRequired = _ref7.isRequired;
+  var schema = yup.string().typeError(getInvalidTypeError(label, "string"));
+  if (isRequired) schema = schema.required(getSelectMinError());
+  return schema.trim();
+};
+var validateStarRatingField = function validateStarRatingField(_ref8) {
+  var label = _ref8.label,
+    isRequired = _ref8.isRequired;
+  var schema = yup.string().typeError(getInvalidTypeError(label, "string"));
+  if (isRequired) {
+    schema = schema.required(getSelectMinError(t("neetoForm.common.rating")));
+  }
+  return schema.trim();
+};
+var validateOpinionScaleField = function validateOpinionScaleField(_ref9) {
+  var label = _ref9.label,
+    isRequired = _ref9.isRequired;
+  var schema = yup.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["boolean"]().oneOf([true], t("neetoForm.common.mustAcceptTermsAndConditions")) : yup["boolean"]().notRequired();
+};
+var validateConditionField = function validateConditionField(_ref11) {
+  var _ref11$isRequired = _ref11.isRequired,
+    isRequired = _ref11$isRequired === void 0 ? true : _ref11$isRequired;
+  return isRequired ? yup["boolean"]().oneOf([true], t("neetoForm.common.mustAcceptCondition")) : yup["boolean"]().notRequired();
+};
+var validateDateField = function validateDateField(_ref12) {
+  var label = _ref12.label,
+    isRequired = _ref12.isRequired;
+  var schema = yup.string().test("is valid date", getInvalidTypeError(label, "date"), function (value) {
+    return isNotPresent(value) || isValidDate(value);
+  });
+  if (isRequired) {
+    schema = schema.required(getRequiredFieldError(label));
+  }
+  return schema;
+};
+var validateMultiEmailField = function validateMultiEmailField(_ref13) {
+  var isRequired = _ref13.isRequired;
+  var schema = yup.array().of(yup.object().shape({
+    value: yup.string().email(getInvalidFieldError("Email")).trim()
+  })).nullable();
+  if (isRequired) {
+    schema = schema.compact().min(1, getSelectMinError(t("neetoForm.common.email")));
+  }
+  return schema;
+};
+var validateAddressField = function validateAddressField(_ref14) {
+  var label = _ref14.label,
+    isRequired = _ref14.isRequired;
+  var schema = yup.string().typeError(getInvalidTypeError(label, "string"));
+  if (isRequired) schema = schema.trim().required(getRequiredFieldError(label));
+  return schema.trim();
+};
+var editorHasValue = function editorHasValue(content) {
+  return !isEditorEmpty(content);
+};
+var validateRichTextField = function validateRichTextField(_ref15) {
+  var isRequired = _ref15.isRequired;
+  var schema = yup.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.array();
+  if (isRequired) {
+    files_schema = files_schema.of(yup.object().shape({
+      name: yup.string(),
+      signedId: yup.string().required(t("neetoForm.fileUpload.validations.waitForUpload")),
+      url: yup.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.object().shape({
+    files: files_schema
+  });
+};
+var validateCaptchaField = function validateCaptchaField(_ref17) {
+  var variant = _ref17.variant;
+  return variant === CAPTCHA_TYPES.MATH_CAPTCHA ? yup.mixed().test("verification failed", t("neetoForm.error.captchaVerificationFailed"), function (value) {
+    return isNotPresent(value) || value;
+  }).transform(function (value) {
+    return value === "" ? null : value;
+  }).required(t("neetoForm.error.incompleteCaptcha")) : yup.string().trim().required(t("neetoForm.error.incompleteCaptcha"));
+};
+var fieldKindValidatorMap = (_fieldKindValidatorMa = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_fieldKindValidatorMa, QUESTION_KIND.EMAIL.value, validateEmailField), QUESTION_KIND.NAME.value, validateNameField), QUESTION_KIND.PHONE.value, validateTextField), QUESTION_KIND.TEXT.value, validateTextField), QUESTION_KIND.QUESTION.value, validateTextField), QUESTION_KIND.TEXTAREA.value, validateTextField), QUESTION_KIND.DECIMAL.value, validateTextField), QUESTION_KIND.INTEGER.value, validateTextField), QUESTION_KIND.DROPDOWN.value, validateSingleChoiceField), QUESTION_KIND.RADIO.value, validateSingleChoiceField), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_fieldKindValidatorMa, QUESTION_KIND.SPOT.value, validateTextField), QUESTION_KIND.CHECKBOX.value, validateMultiChoiceField), QUESTION_KIND.RATING.value, validateRatingField), QUESTION_KIND.TERMS.value, validateTermsField), QUESTION_KIND.DATE.value, validateDateField), QUESTION_KIND.STAR_RATING.value, validateStarRatingField), QUESTION_KIND.OPINION_SCALE.value, validateOpinionScaleField), QUESTION_KIND.ADDITIONAL_GUESTS.value, validateMultiEmailField), QUESTION_KIND.RICH_TEXT.value, validateRichTextField), QUESTION_KIND.CONDITION.value, validateConditionField), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_fieldKindValidatorMa, QUESTION_KIND.FILE_UPLOAD.value, validateFileUploadField), QUESTION_KIND.CAPTCHA.value, validateCaptchaField), QUESTION_KIND.SMS_REMINDER.value, validateTextField), 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.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 isNotPresent(value) || 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 = fieldWithFallback(question, "label");
+  var _useFormikContext = useFormikContext(),
+    submitCount = _useFormikContext.submitCount;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var _useField = useField({
+      name: name || nodeId,
+      validate: validateFieldValue({
+        kind: kind,
+        label: label,
+        isRequired: isRequired,
+        customValidator: customValidator
+      })
+    }),
+    _useField2 = _slicedToArray(_useField, 3),
+    field = _useField2[0],
+    meta = _useField2[1],
+    _useField2$ = _useField2[2],
+    setValue = _useField2$.setValue,
+    setTouched = _useField2$.setTouched;
+  var _useState = useState(isPresent(field.value)),
+    _useState2 = _slicedToArray(_useState, 2),
+    isInputVisible = _useState2[0],
+    setIsInputVisible = _useState2[1];
+  return /*#__PURE__*/jsx("div", {
+    className: "neeto-form-engine-input__wrapper",
+    children: /*#__PURE__*/jsx("div", {
+      className: "neeto-ui-w-full",
+      children: isInputVisible ? /*#__PURE__*/jsx(NeetoUIMultiEmailInput, {
+        isRequired: isRequired,
+        label: label,
+        disabled: isReadOnly,
+        error: meta.touched ? meta.error : "",
+        helpText: t("neetoForm.common.addGuestsHelper"),
+        name: field.name,
+        placeholder: fieldWithFallback(question, "placeholder"),
+        value: field.value,
+        onBlur: function onBlur() {
+          return setTouched(true);
+        },
+        onChange: setValue
+      }) : /*#__PURE__*/jsxs("div", {
+        className: "flex flex-col gap-2 items-end",
+        children: [/*#__PURE__*/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__*/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 = fieldWithFallback(question, "label");
+  var transformedFields = fields.map(function (field) {
+    return _objectSpread$g(_objectSpread$g({}, field), {}, {
+      label: fieldWithFallback(field, "label")
+    });
+  });
+  return /*#__PURE__*/jsxs("div", {
+    className: "neeto-form-engine-address-wrapper",
+    children: [/*#__PURE__*/jsx("div", {
+      className: "neeto-form-engine-input__label-wrapper",
+      children: label && /*#__PURE__*/jsx("label", {
+        className: "neeto-form-engine-label",
+        "data-testid": "".concat(hyphenate(label), "-input-label"),
+        children: label
+      })
+    }), /*#__PURE__*/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__*/jsx("div", {
+          "data-testid": "neeto-form-engine-address-fields",
+          className: classnames("neeto-form-engine-address__field", {
+            "neeto-form-engine-address__field--width-full": width === ADDRESS_FIELD_WIDTHS.FULL,
+            "neeto-form-engine-address__field--width-half": width === ADDRESS_FIELD_WIDTHS.HALF,
+            "neeto-form-engine-address__field--width-one-forth": width === ADDRESS_FIELD_WIDTHS.ONE_FOURTH,
+            "neeto-form-engine-address__field--width-three-forth": width === ADDRESS_FIELD_WIDTHS.THREE_FOURTH
+          }),
+          children: /*#__PURE__*/jsx(Field$1, {
+            name: "".concat(name, ".").concat(id),
+            validate: isAddressRequired ? validateFieldValue({
+              kind: kind,
+              label: label,
+              isRequired: isRequired,
+              customValidator: customValidator
+            }) : noop,
+            children: function children(_ref3) {
+              var _properties$options;
+              var field = _ref3.field,
+                meta = _ref3.meta,
+                form = _ref3.form;
+              return fieldType === ADDRESS_FIELD_TYPES.SELECT ? /*#__PURE__*/jsx(Select, _objectSpread$g(_objectSpread$g({
+                label: label,
+                size: "large"
+              }, field), {}, {
+                error: meta.touched && meta.error,
+                isDisabled: isReadOnly,
+                menuPosition: "absolute",
+                required: isRequired,
+                value: 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 toLabelAndValue(label);
+                }),
+                onChange: function onChange(_ref5) {
+                  var value = _ref5.value;
+                  return !isReadOnly && form.setFieldValue("".concat(name, ".").concat(id), value);
+                }
+              })) : /*#__PURE__*/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 = fieldWithFallback(question, "label");
+  var _useField = useField({
+      name: name || nodeId,
+      validate: validateFieldValue({
+        kind: kind,
+        label: label,
+        isRequired: isRequired,
+        customValidator: customValidator,
+        variant: variant
+      })
+    }),
+    _useField2 = _slicedToArray(_useField, 3);
+    _useField2[0];
+    var _useField2$ = _useField2[1],
+    touched = _useField2$.touched,
+    error = _useField2$.error,
+    _useField2$2 = _useField2[2],
+    setValue = _useField2$2.setValue,
+    setTouched = _useField2$2.setTouched;
+  var handleVerifyCaptcha = function handleVerifyCaptcha(response) {
+    setTouched(true);
+    setValue(response);
+  };
+  var Component = CAPTCHA_COMPONENT_MAP[variant];
+  return /*#__PURE__*/jsxs("div", {
+    className: "neeto-form-engine-input__wrapper",
+    children: [/*#__PURE__*/jsx("div", {
+      className: "neeto-form-engine-input__label-wrapper",
+      children: label && /*#__PURE__*/jsx("label", {
+        className: "neeto-form-engine-label",
+        children: getLabel(label, isRequired)
+      })
+    }), /*#__PURE__*/jsx("div", {
+      className: classnames({
+        "pointer-events-none": preview
+      }),
+      children: /*#__PURE__*/jsx(Component, {
+        captchaRef: captchaRef,
+        handleVerifyCaptcha: handleVerifyCaptcha,
+        handleBlur: function handleBlur() {
+          return setTouched(true);
+        }
+      })
+    }), touched && error && /*#__PURE__*/jsx("p", {
+      className: "neeto-form-engine-input__error",
+      "data-testid": "neeto-form-engine-captcha-error",
+      children: error
+    })]
+  });
+};
+
+var MATH_OPERATORS = {
+  PLUS: "+",
+  MINUS: "-"
+};
+
+var generateRandomOperation = function generateRandomOperation() {
+  var firstNumber = getRandomInt(1, 50);
+  var secondNumber = getRandomInt(1, 50);
+  var operator = randomPick.apply(void 0, _toConsumableArray(values(MATH_OPERATORS)));
+  return {
+    firstNumber: firstNumber,
+    secondNumber: secondNumber,
+    operator: operator
+  };
+};
+
+var MathCaptcha = function MathCaptcha(_ref) {
+  var captchaRef = _ref.captchaRef,
+    handleVerifyCaptcha = _ref.handleVerifyCaptcha,
+    handleBlur = _ref.handleBlur;
+  var _useState = useState(generateRandomOperation()),
+    _useState2 = _slicedToArray(_useState, 2),
+    operation = _useState2[0],
+    setOperation = _useState2[1];
+  var _useState3 = useState(""),
+    _useState4 = _slicedToArray(_useState3, 2),
+    userInput = _useState4[0],
+    setUserInput = _useState4[1];
+  var firstNumber = operation.firstNumber,
+    secondNumber = operation.secondNumber,
+    operator = operation.operator;
+  var resetCaptcha = function resetCaptcha() {
+    setOperation(generateRandomOperation());
+    setUserInput("");
+  };
+  useImperativeHandle(captchaRef, function () {
+    return {
+      reset: resetCaptcha
+    };
+  });
+  var calculateResult = function calculateResult() {
+    switch (operator) {
+      case MATH_OPERATORS.PLUS:
+        return firstNumber + secondNumber;
+      case MATH_OPERATORS.MINUS:
+        return firstNumber - secondNumber;
+      default:
+        return null;
+    }
+  };
+  var verifyCaptcha = function verifyCaptcha() {
+    var result = calculateResult();
+    if (result === null) return;
+    handleVerifyCaptcha(result === Number(userInput));
+  };
+  useUpdateEffect(function () {
+    verifyCaptcha();
+  }, [userInput]);
+  return /*#__PURE__*/jsxs("div", {
+    className: "neeto-form-nano-math-captcha",
+    "data-testid": "math-captcha",
+    ref: captchaRef,
+    children: [/*#__PURE__*/jsx("button", {
+      className: "neeto-form-nano-math-captcha__button",
+      type: "button",
+      onClick: resetCaptcha,
+      children: /*#__PURE__*/jsx(Refresh, {})
+    }), /*#__PURE__*/jsxs("div", {
+      className: "neeto-form-nano-math-captcha__equation",
+      children: [/*#__PURE__*/jsx("span", {
+        "data-testid": "first-number",
+        children: firstNumber
+      }), /*#__PURE__*/jsx("span", {
+        "data-testid": "operator",
+        children: operator
+      }), /*#__PURE__*/jsx("span", {
+        "data-testid": "second-number",
+        children: secondNumber
+      }), /*#__PURE__*/jsx("span", {
+        children: "="
+      })]
+    }), /*#__PURE__*/jsx(Input, {
+      required: true,
+      className: "neeto-form-nano-math-captcha__input",
+      "data-testid": "math-captcha-input",
+      value: userInput,
+      onBlur: handleBlur,
+      onChange: withEventTargetValue(setUserInput)
+    })]
+  });
+};
+
+var Recaptcha = function Recaptcha(_ref) {
+  var captchaRef = _ref.captchaRef,
+    handleVerifyCaptcha = _ref.handleVerifyCaptcha;
+  var verifyRecaptcha = function verifyRecaptcha(response) {
+    if (response === null) {
+      return;
+    }
+    handleVerifyCaptcha(response);
+  };
+  var expiredRecaptcha = function expiredRecaptcha() {
+    var _captchaRef$current;
+    captchaRef === null || captchaRef === void 0 || (_captchaRef$current = captchaRef.current) === null || _captchaRef$current === void 0 || _captchaRef$current.reset();
+    handleVerifyCaptcha("");
+  };
+  return /*#__PURE__*/jsx(ReCAPTCHA, {
+    hl: clientI18nInstance.language,
+    ref: captchaRef,
+    sitekey: globalProps.formNanoRecaptchaV2SiteKey,
+    onChange: verifyRecaptcha,
+    onErrored: noop,
+    onExpired: expiredRecaptcha
+  }, clientI18nInstance.language);
+};
+
+function ownKeys$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 = fieldWithFallback(question, "label");
+  return /*#__PURE__*/jsx(Field$1, {
+    name: name || nodeId,
+    validate: validateFieldValue({
+      kind: kind,
+      label: label,
+      isRequired: isRequired,
+      customValidator: customValidator
+    }),
+    children: function children(_ref2) {
+      var meta = _ref2.meta,
+        field = _ref2.field;
+      return /*#__PURE__*/jsx(Checkbox, _objectSpread$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 = fieldWithFallback(question, "label");
+  var _QUESTION_KIND$kind$t = QUESTION_KIND[kind.toUpperCase()].type,
+    type = _QUESTION_KIND$kind$t === void 0 ? "date" : _QUESTION_KIND$kind$t;
+  return /*#__PURE__*/jsxs("div", {
+    className: "neeto-form-engine-input__wrapper",
+    children: [/*#__PURE__*/jsx("div", {
+      className: "neeto-form-engine-input__label-wrapper",
+      children: label && /*#__PURE__*/jsx("label", {
+        className: "neeto-form-engine-label",
+        "data-testid": "".concat(hyphenate(label), "-input-label"),
+        children: getLabel(label, isRequired)
+      })
+    }), /*#__PURE__*/jsx("div", {
+      className: "neeto-form-engine-date-picker",
+      children: /*#__PURE__*/jsx(Field$1, {
+        name: name || nodeId,
+        validate: validateFieldValue({
+          kind: kind,
+          label: label,
+          isRequired: isRequired,
+          customValidator: customValidator
+        }),
+        children: function children(_ref2) {
+          var meta = _ref2.meta,
+            _ref2$field = _ref2.field,
+            value = _ref2$field.value,
+            field = _objectWithoutProperties(_ref2$field, _excluded$3),
+            form = _ref2.form;
+          return /*#__PURE__*/jsx(DatePicker, _objectSpread$e(_objectSpread$e({}, _objectSpread$e(_objectSpread$e({}, field), {}, {
+            type: type
+          })), {}, {
+            "data-testid": "".concat(hyphenate(label), "-input-field"),
+            dateFormat: "MMM D, YYYY",
+            disabled: isReadOnly,
+            error: meta.touched ? meta.error : "",
+            placeholder: 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(buildUrl(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(buildUrl(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 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 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 = useTranslation(),
+    t = _useTranslation.t;
+  if (isCodeVerified) {
+    return /*#__PURE__*/jsx(CheckCircle, {});
+  }
+  return /*#__PURE__*/jsx(Button, {
+    "data-testid": "send-code-button",
+    disabled: isDisabled,
+    size: "small",
+    style: "secondary",
+    onClick: handleClick,
+    children: isSendingVerificationCode ? /*#__PURE__*/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 = useState(getRemainingTime(formId, questionId)),
+    _useState2 = _slicedToArray(_useState, 2),
+    secondsLeft = _useState2[0],
+    setSecondsLeft = _useState2[1];
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  useEffect(function () {
+    if (secondsLeft <= 0) return undefined;
+    var interval = setTimeout(function () {
+      setSecondsLeft(pipe(dec, 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__*/jsx("p", {
+    children: !isResendDisabled && secondsLeft > 0 ? t("neetoForm.emailVerification.resendInSeconds", {
+      secondsLeft: secondsLeft
+    }) : /*#__PURE__*/jsx(Trans, {
+      i18nKey: "neetoForm.emailVerification.resendCode",
+      components: {
+        button: /*#__PURE__*/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 = useTranslation(),
+    t = _useTranslation.t;
+  var verificationFieldName = buildVerificationFieldName(questionId);
+  var _useField = 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 = 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 = isPresent(error);
+  useEffect(function () {
+    var handleVerifyCode = function handleVerifyCode() {
+      if (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__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/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: withEventTargetValue(setValue)
+    })), hasSentVerificationCode && /*#__PURE__*/jsx(ResendVerificationCode, {
+      formId: formId,
+      questionId: questionId,
+      isResendDisabled: calloutDetails.style === CALLOUT_STYLES.ERROR,
+      sendVerificationCode: handleSendVerificationCode
+    }), calloutDetails.message && /*#__PURE__*/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 = fieldWithFallback(question, "label");
+  var _useState = useState(DEFAULT_CALLOUT_DETAILS),
+    _useState2 = _slicedToArray(_useState, 2),
+    calloutDetails = _useState2[0],
+    setCalloutDetails = _useState2[1];
+  var type = QUESTION_KIND[kind.toUpperCase()].type;
+  var _useState3 = 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 = useStateWithDependency(verificationStatus, [verificationStatus]),
+    _useStateWithDependen2 = _slicedToArray(_useStateWithDependen, 2),
+    isCodeVerified = _useStateWithDependen2[0],
+    setIsCodeVerified = _useStateWithDependen2[1];
+  var _useField = 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 = 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, values(omit(["TOKEN"], EMAIL_VERIFICATION_KEYS)));
+      setIsCodeVerified(false);
+      setFieldValue(buildVerificationFieldName(questionId), "");
+      setHasSentVerificationCode(false);
+      setCalloutDetails(DEFAULT_CALLOUT_DETAILS);
+    }
+  };
+  var handleFieldChange = withEventTargetValue(setValue);
+  var handleSendVerificationCode = function handleSendVerificationCode() {
+    return sendVerificationCode({
+      emailVerifications: {
+        email: email,
+        token: emailVerificationToken
+      }
+    });
+  };
+  var shouldShowVerifyButton = isVerificationEnabled && !isUrlBuilderPreview && (isFormPreview || isPresent(email) && isNotPresent(error));
+  var shouldShowVerificationCodeInput = shouldShowVerifyButton && !isFormPreview && !isCodeVerified;
+  return /*#__PURE__*/jsxs("div", {
+    className: "flex-col space-y-2",
+    children: [/*#__PURE__*/jsx(Input, _objectSpread$b(_objectSpread$b({}, _objectSpread$b(_objectSpread$b({
+      type: type
+    }, field), {}, {
+      autoComplete: autoComplete,
+      label: label
+    }, shouldShowVerifyButton && {
+      suffix: /*#__PURE__*/jsx(SendCodeButton, {
+        isCodeVerified: isCodeVerified,
+        isSendingVerificationCode: isSendingVerificationCode,
+        handleClick: isFormPreview ? noop : handleSendVerificationCode,
+        isDisabled: isCodeVerified || hasSentVerificationCode
+      })
+    })), {}, {
+      disabled: isReadOnly,
+      error: touched && !isCodeVerified ? error : "",
+      name: kind,
+      placeholder: fieldWithFallback(question, "placeholder"),
+      required: isRequired,
+      onBlur: function onBlur() {
+        return setTouched(true);
+      },
+      onBlurCapture: withEventTargetValue(resetVerifiedData),
+      onChange: handleFieldChange
+    })), shouldShowVerificationCodeInput && /*#__PURE__*/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 = fieldWithFallback(question, "label");
+  var _useField = 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__*/jsxs("div", {
+    className: "neeto-form-engine-input__wrapper",
+    children: [/*#__PURE__*/jsx("div", {
+      className: "neeto-form-engine-input__label-wrapper",
+      children: /*#__PURE__*/jsx(Label, {
+        className: "neeto-form-engine-label",
+        required: isRequired,
+        children: label
+      })
+    }), /*#__PURE__*/jsx(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 = fieldWithFallback(question, labelField);
+  var type = QUESTION_KIND.NAME.type;
+  var _useField = useField({
+      name: name || nodeId,
+      validate: validateFieldValue({
+        kind: kind,
+        label: label,
+        isRequired: isRequired,
+        customValidator: customValidator
+      })
+    }),
+    _useField2 = _slicedToArray(_useField, 3),
+    field = _useField2[0],
+    _useField2$ = _useField2[1],
+    touched = _useField2$.touched,
+    error = _useField2$.error,
+    _useField2$2 = _useField2[2],
+    setValue = _useField2$2.setValue,
+    setTouched = _useField2$2.setTouched;
+  return /*#__PURE__*/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: fieldWithFallback(question, placeholderField),
+    required: isRequired,
+    onBlur: function onBlur() {
+      return setTouched(true);
+    },
+    onChange: 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__*/jsxs("div", {
+      className: "flex w-full justify-between space-x-4",
+      children: [/*#__PURE__*/jsx(Field, _objectSpread$9(_objectSpread$9({}, props), {}, {
+        labelField: LABEL_FIELDS.FIRST_NAME,
+        name: "".concat(id, ".firstName"),
+        placeholderField: "firstNamePlaceholder"
+      })), /*#__PURE__*/jsx(Field, _objectSpread$9(_objectSpread$9({}, props), {}, {
+        labelField: LABEL_FIELDS.LAST_NAME,
+        name: "".concat(id, ".lastName"),
+        placeholderField: "lastNamePlaceholder"
+      }))]
+    });
+  }
+  return /*#__PURE__*/jsx(Field, _objectSpread$9(_objectSpread$9({}, props), {}, {
+    labelField: 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 = fieldWithFallback(question, "label");
+  var leftOpinionLabel = fieldWithFallback(question, "leftOpinionLabel");
+  var rightOpinionLabel = fieldWithFallback(question, "rightOpinionLabel");
+  var _useField = 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 = generateArray(minValue, maxValue);
+  return /*#__PURE__*/jsxs("div", {
+    className: "neeto-form-engine-input__wrapper neeto-form-engine-opinion-scale",
+    children: [/*#__PURE__*/jsx("div", {
+      className: "neeto-form-engine-input__label-wrapper",
+      children: /*#__PURE__*/jsx("label", {
+        className: "neeto-form-engine-label",
+        "data-testid": "opinion-scale-input-label",
+        children: getLabel(label, isRequired)
+      })
+    }), /*#__PURE__*/jsx("div", {
+      className: "neeto-form-nano-opinion-scale",
+      "data-testid": "form-opinion-scale",
+      children: /*#__PURE__*/jsxs("div", {
+        className: "neeto-form-nano-opinion-scale__group",
+        children: [hasOpinionLabels && /*#__PURE__*/jsx("div", {
+          className: "neeto-form-nano-opinion-scale__labels-wrap neeto-form-nano-opinion-scale__labels-wrap-mobile",
+          children: /*#__PURE__*/jsx("label", {
+            className: "neeto-form-nano-opinion-scale__label",
+            "data-testid": "opinion-scale-left-label",
+            children: leftOpinionLabel
+          })
+        }), /*#__PURE__*/jsx("ul", {
+          className: "neeto-form-nano-opinion-scale__list",
+          "data-testid": "opinion-scale-list",
+          children: opinionScaleOptions.map(function (step) {
+            return /*#__PURE__*/jsx("li", {
+              className: "neeto-form-nano-opinion-scale__item",
+              "data-testid": "opinion-scale-list-item",
+              children: /*#__PURE__*/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__*/jsx(Field$1, {
+                  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__*/jsx("span", {
+                  className: "neeto-form-nano-opinion-scale__item-highlight",
+                  "data-testid": "opinion-scale-item-".concat(step),
+                  children: step
+                })]
+              })
+            }, step);
+          })
+        }), hasOpinionLabels && /*#__PURE__*/jsxs("div", {
+          className: "neeto-form-nano-opinion-scale__labels-wrap",
+          children: [/*#__PURE__*/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__*/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__*/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 = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    hasError = _useState2[0],
+    setHasError = _useState2[1];
+  var _useState3 = 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__*/jsx("div", {
+      className: "neeto-form-engine-choice__image-placeholder neeto-ui-bg-gray-100",
+      style: {
+        height: height
+      },
+      children: /*#__PURE__*/jsx(Image, {
+        size: 32
+      })
+    });
+  }
+  return /*#__PURE__*/jsx("div", {
+    style: {
+      height: height
+    },
+    className: classnames("neeto-form-engine-choice__image-wrapper", {
+      "neeto-form-engine-choice__image-wrapper--loading": isLoading
+    }),
+    children: /*#__PURE__*/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$1 = 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 ? DEFAULT_CHOICE_QUESTION_ATTRIBUTES.isPictureChoice : _ref$isPictureChoice,
+    _ref$imageHeight = _ref.imageHeight,
+    imageHeight = _ref$imageHeight === void 0 ? DEFAULT_CHOICE_QUESTION_ATTRIBUTES.imageHeight : _ref$imageHeight,
+    _ref$shouldFitImages = _ref.shouldFitImages,
+    shouldFitImages = _ref$shouldFitImages === void 0 ? 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 (!RADIO_DESELECT_KEYS.includes(event.key)) return;
+    event.preventDefault();
+    handleChoiceValueChange("");
+  };
+  return /*#__PURE__*/jsxs("div", {
+    className: "neeto-form-engine-choices__wrapper",
+    "data-testid": "".concat(hyphenate(label), "-select-container-wrapper"),
+    children: [/*#__PURE__*/jsx("label", {
+      className: "neeto-form-engine-label",
+      "data-testid": "".concat(hyphenate(label), "-input-label"),
+      children: label
+    }), /*#__PURE__*/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__*/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__*/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__*/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__*/jsx("p", {
+      className: "neeto-form-engine-input__error",
+      "data-testid": "neeto-form-engine-".concat(type, "-error"),
+      children: error
+    })]
+  });
+};
+var Choices = /*#__PURE__*/memo(Choices$1);
+
+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 = 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 === QUESTION_KIND.DROPDOWN.value;
+  var label = fieldWithFallback(question, "label");
+  var Component = isDropdown ? Select : Choices;
+  var transformedOptions = isDropdown ? options.map(function (option) {
+    return {
+      label: fieldWithFallback(option, "label"),
+      position: option.position,
+      value: option.id
+    };
+  }) : options.map(function (option) {
+    return _objectSpread$8(_objectSpread$8({}, option), {}, {
+      label: fieldWithFallback(option, "label")
+    });
+  });
+  var handleSelect = function handleSelect(option) {
+    setFieldValue(name, option === 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__*/jsx(Field$1, {
+    name: name,
+    validate: validateFieldValue({
+      kind: kind,
+      label: label,
+      isRequired: isRequired,
+      customValidator: customValidator
+    }),
+    children: function children(_ref2) {
+      var meta = _ref2.meta,
+        field = _ref2.field;
+      var onChange = field.onChange,
+        value = field.value;
+      return /*#__PURE__*/jsx(Component, _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 ? 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 = fieldWithFallback(question, "label");
+  var _useField = useField({
+      name: name || nodeId,
+      validate: validateFieldValue({
+        kind: kind,
+        label: label,
+        isRequired: isRequired
+      })
+    }),
+    _useField2 = _slicedToArray(_useField, 3),
+    value = _useField2[0].value,
+    _useField2$ = _useField2[1],
+    touched = _useField2$.touched,
+    error = _useField2$.error,
+    _useField2$2 = _useField2[2],
+    setValue = _useField2$2.setValue,
+    setTouched = _useField2$2.setTouched;
+  return /*#__PURE__*/jsx(PhoneNumberInput, {
+    autoComplete: autoComplete,
+    label: label,
+    value: value,
+    className: "neeto-form-engine-input__wrapper items-stretch",
+    disabled: isReadOnly,
+    error: touched ? error : "",
+    initialCountryCode: (_getPhoneData = getPhoneData(value)) === null || _getPhoneData === void 0 ? void 0 : _getPhoneData.country,
+    placeholder: 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$1 = 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 RATING_OPTIONS.map(function (_ref2, index) {
+      var Icon = _ref2.icon,
+        modifier = _ref2.modifier,
+        rating = _ref2.value;
+      return /*#__PURE__*/jsxs(Fragment$1, {
+        children: [/*#__PURE__*/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__*/jsx(Icon, {}), /*#__PURE__*/jsx("label", {
+            className: "neeto-form-engine-label",
+            children: labels[index]
+          })]
+        }), /*#__PURE__*/jsx("input", _objectSpread$7({
+          name: name,
+          hidden: true,
+          checked: rating === value,
+          type: "radio",
+          value: rating
+        }, other))]
+      }, rating);
+    });
+  };
+  return /*#__PURE__*/jsxs("div", {
+    className: "neeto-form-engine-rating",
+    children: [/*#__PURE__*/jsx("label", {
+      className: "neeto-form-engine-label",
+      "data-testid": "rating-input-label",
+      children: label
+    }), /*#__PURE__*/jsx("div", {
+      className: "neeto-form-engine-rating__row",
+      "data-testid": "rating-input-field",
+      children: render()
+    }), !!error && typeof error === "string" && /*#__PURE__*/jsx("p", {
+      className: "neeto-form-engine-input__error",
+      "data-testid": "neeto-form-engine-rating-error",
+      children: error
+    })]
+  });
+};
+var Rating = /*#__PURE__*/memo(Rating$1);
+
+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 = fieldWithFallback(question, "label");
+  return /*#__PURE__*/jsx(Field$1, {
+    name: name,
+    validate: validateFieldValue({
+      kind: kind,
+      label: label,
+      isRequired: isRequired,
+      customValidator: customValidator
+    }),
+    children: function children(_ref2) {
+      var meta = _ref2.meta,
+        field = _ref2.field;
+      return /*#__PURE__*/jsx(Rating, _objectSpread$6(_objectSpread$6({}, field), {}, {
+        disabled: isReadOnly,
+        error: meta.touched ? meta.error : "",
+        label: getLabel(label, isRequired),
+        averageRatingLabel: fieldWithFallback(question, "averageRatingLabel") || RATING_VALUES.AVERAGE.label,
+        highestRatingLabel: fieldWithFallback(question, "highestRatingLabel") || RATING_VALUES.GOOD.label,
+        lowestRatingLabel: fieldWithFallback(question, "lowestRatingLabel") || RATING_VALUES.BAD.label
+      }));
+    }
+  });
+};
+
+function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), 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 = 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 = fieldWithFallback(question, "label");
+  var debouncedPlaceholder = useDebounce(fieldWithFallback(question, "placeholder"), 300);
+  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__*/jsxs("div", {
+    className: "neeto-form-engine-input__wrapper",
+    children: [/*#__PURE__*/jsx("div", {
+      className: "neeto-form-engine-input__label-wrapper",
+      children: label && /*#__PURE__*/jsx("label", {
+        className: "neeto-form-engine-label",
+        "data-testid": "".concat(hyphenate(label), "-input-label"),
+        children: getLabel(label, isRequired)
+      })
+    }), /*#__PURE__*/jsx(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__*/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$1 = function RatingButton(_ref) {
+  var _ref$value = _ref.value,
+    value = _ref$value === void 0 ? 0 : _ref$value,
+    iconType = _ref.iconType,
+    label = _ref.label,
+    rating = _ref.rating,
+    otherProps = _objectWithoutProperties(_ref, _excluded$1);
+  var handleClick = function handleClick(e) {
+    return e.currentTarget.nextElementSibling.click();
+  };
+  var Icon = ICONS_MAP[iconType];
+  var selectedRating = getSelectedRating(value);
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsxs("button", {
+      className: classnames({
+        active: rating === value
+      }),
+      disabled: otherProps === null || otherProps === void 0 ? void 0 : otherProps.disabled,
+      type: "button",
+      onClick: handleClick,
+      children: [/*#__PURE__*/jsx(Icon, {
+        size: 24,
+        className: classnames("neeto-form-engine-star-rating__icon", {
+          "neeto-form-engine-star-rating__icon--active": rating <= selectedRating
+        })
+      }), /*#__PURE__*/jsx("label", {
+        className: "neeto-form-engine-label",
+        children: label
+      })]
+    }), /*#__PURE__*/jsx("input", _objectSpread$4({
+      hidden: true,
+      checked: equals(rating, value),
+      type: "radio",
+      value: rating
+    }, otherProps))]
+  });
+};
+var RatingButton = /*#__PURE__*/memo(RatingButton$1);
+
+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$1 = function StarRating(_ref) {
+  var label = _ref.label,
+    minValue = _ref.minValue,
+    maxValue = _ref.maxValue,
+    error = _ref.error,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/jsxs("div", {
+    className: "neeto-form-engine-input__wrapper neeto-form-engine-star-rating",
+    children: [/*#__PURE__*/jsx("div", {
+      className: "neeto-form-engine-input__label-wrapper",
+      children: /*#__PURE__*/jsx("label", {
+        className: "neeto-form-engine-label",
+        "data-testid": "star-rating-input-label",
+        children: label
+      })
+    }), /*#__PURE__*/jsx("div", {
+      className: "neeto-form-engine-star-rating__row",
+      "data-testid": "star-rating-input-field",
+      children: generateArray(minValue, maxValue).map(function (index) {
+        return /*#__PURE__*/jsx(RatingButton, _objectSpread$3({
+          label: index,
+          rating: index
+        }, props), index);
+      })
+    }), !!error && typeof error === "string" && /*#__PURE__*/jsx("p", {
+      className: "neeto-form-engine-input__error",
+      "data-testid": "neeto-form-engine-star-rating-error",
+      children: error
+    })]
+  });
+};
+var StarRating = /*#__PURE__*/memo(StarRating$1);
+
+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 = fieldWithFallback(question, "label");
+  return /*#__PURE__*/jsx(Field$1, {
+    name: name,
+    validate: validateFieldValue({
+      kind: kind,
+      label: label,
+      isRequired: isRequired,
+      customValidator: customValidator
+    }),
+    children: function children(_ref2) {
+      var meta = _ref2.meta,
+        field = _ref2.field;
+      return /*#__PURE__*/jsx(StarRating, _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 = fieldWithFallback(question, "label", true);
+  return /*#__PURE__*/jsx(Field$1, {
+    name: name || nodeId,
+    validate: validateFieldValue({
+      kind: kind,
+      label: label,
+      isRequired: isRequired,
+      customValidator: customValidator
+    }),
+    children: function children(_ref2) {
+      var meta = _ref2.meta,
+        field = _ref2.field;
+      return /*#__PURE__*/jsx("div", {
+        className: "neeto-form-engine-terms",
+        children: /*#__PURE__*/jsx(Checkbox, _objectSpread$1(_objectSpread$1({}, _objectSpread$1(_objectSpread$1({}, field), {}, {
+          name: name
+        })), {}, {
+          checked: field.value,
+          error: meta.touched ? meta.error : "",
+          children: /*#__PURE__*/jsx(EditorContent, {
+            content: label
+          })
+        }))
+      });
+    }
+  });
+};
+
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), 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 = 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 = fieldWithFallback(question, "label");
+  var _QUESTION_KIND$kind$t = QUESTION_KIND[kind.toUpperCase()],
+    _QUESTION_KIND$kind$t2 = _QUESTION_KIND$kind$t.type,
+    type = _QUESTION_KIND$kind$t2 === void 0 ? "text" : _QUESTION_KIND$kind$t2,
+    onKeyDown = _QUESTION_KIND$kind$t.onKeyDown,
+    otherProps = _QUESTION_KIND$kind$t.otherProps;
+  var Component = kind === QUESTION_KIND.TEXTAREA.value ? Textarea : Input;
+  var _useField = useField({
+      name: name || nodeId,
+      validate: validateFieldValue({
+        kind: kind,
+        label: label,
+        isRequired: isRequired,
+        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 = withEventTargetValue(setValue);
+  return /*#__PURE__*/jsxs("div", {
+    className: "w-full flex flex-col gap-2",
+    children: [/*#__PURE__*/jsx(Component, _objectSpread(_objectSpread({}, _objectSpread(_objectSpread({
+      type: type
+    }, field), {}, {
+      autoComplete: autoComplete,
+      label: label,
+      onKeyDown: onKeyDown
+    }, kind === QUESTION_KIND.SPOT.value && _objectSpread({
+      min: 1
+    }, typeof remainingSlotsCount === "number" && remainingSlotsCount >= 0 && {
+      max: remainingSlotsCount
+    }))), {}, {
+      disabled: isReadOnly,
+      error: touched ? error : "",
+      name: slugify(label),
+      placeholder: fieldWithFallback(question, "placeholder"),
+      required: isRequired,
+      onBlur: function onBlur() {
+        return setTouched(true);
+      },
+      onChange: (_otherProps$onChange = otherProps === null || otherProps === void 0 ? void 0 : otherProps.onChange(handleFieldChange)) !== null && _otherProps$onChange !== void 0 ? _otherProps$onChange : handleFieldChange
+    })), kind === QUESTION_KIND.SPOT.value && typeof remainingSlotsCount === "number" && remainingSlotsCount >= 0 && /*#__PURE__*/jsx("div", {
+      className: "flex justify-end",
+      children: /*#__PURE__*/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, QUESTION_KIND.TEXT.value, TextField), QUESTION_KIND.NAME.value, NameField), QUESTION_KIND.EMAIL.value, EmailField), QUESTION_KIND.INTEGER.value, TextField), QUESTION_KIND.DECIMAL.value, TextField), QUESTION_KIND.PHONE.value, PhoneNumberField), QUESTION_KIND.QUESTION.value, TextField), QUESTION_KIND.TEXTAREA.value, TextField), QUESTION_KIND.CHECKBOX.value, OptionsField), QUESTION_KIND.RADIO.value, OptionsField), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.DROPDOWN.value, OptionsField), QUESTION_KIND.RATING.value, RatingField), QUESTION_KIND.PARAGRAPH.value, function (_ref) {
+  var question = _ref.question;
+  return /*#__PURE__*/jsx(EditorContent, {
+    content: fieldWithFallback(question, "label", true)
+  });
+}), QUESTION_KIND.TERMS.value, TermsField), QUESTION_KIND.DATE.value, DateField), QUESTION_KIND.STAR_RATING.value, StarRatingField), QUESTION_KIND.OPINION_SCALE.value, OpinionScaleField), QUESTION_KIND.ADDITIONAL_GUESTS.value, MultipleEmailInput), QUESTION_KIND.RICH_TEXT.value, RichTextEditor), QUESTION_KIND.CONDITION.value, ConditionField), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.FILE_UPLOAD.value, FileUploadField), QUESTION_KIND.CAPTCHA.value, CaptchaField), QUESTION_KIND.SMS_REMINDER.value, PhoneNumberField), QUESTION_KIND.SPOT.value, TextField), QUESTION_KIND.ADDRESS.value, AddressField));
+var CAPTCHA_COMPONENT_MAP = _defineProperty(_defineProperty({}, CAPTCHA_TYPES.RECAPTCHA_V2, Recaptcha), 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 notEqualsDeep(pick(props, nextProps), pick(props, prevProps));
+  };
+};
+var getValidDate = function getValidDate(date) {
+  if (!date) return "";
+  return dayjs(date).isValid() ? dayjs(date) : "";
+};
+var getPhoneData = function getPhoneData(value, countryCode) {
+  try {
+    return parsePhoneNumber(value, countryCode);
+  } catch (_unused) {
+    return undefined;
+  }
+};
+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;
+  }) : [];
+};
+
+export { FormikWrap as F, generateInitValues as a, buildAutoCompleteAttribute as b, clientI18nInstance as c, getWithExpiry as d, clearEmailVerificationDetails as e, generateFormResponse as f, getFieldComponent as g, clearLocalStorageValues as h, mergeRefs as m, renderButtonsInOrder as r };
+//# sourceMappingURL=utils-H7u9B9Jq.js.map