@bigbinary/neeto-form-frontend 4.2.11 → 4.4.0

package/dist/{utils-Dn-q4QBc.js → utils-CDyve_0y.js}

@@ -1,13 +1,13 @@
 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, getRandomInt, randomPick, noop, hyphenate, slugify, notEqualsDeep } from '@bigbinary/neeto-cist';
-import { i as isFunction, b as isEmptyValues, f as fieldWithFallback } from './index-DnHrq-hl.js';
+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-BfavwyMH.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, trim, isNil, clamp, prop, map, zipObj, identity, pluck, pipe, toLower, reject, values, dec, equals } from 'ramda';
+import { pick, mergeRight, omit, isEmpty, max, when, is, last, includes, __, mergeLeft, trim, isNil, clamp, prop, 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-51SEJjzI.js';
+import { Q as QUESTION_TYPES, C as CAPTCHA_TYPES, E as EMAIL_VERIFICATIONS_CREATE_URL, j as EMAIL_VERIFICATIONS_VERIFY_URL } from './constants-30230o5k.js';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import Plus from '@bigbinary/neeto-icons/Plus';
 import Button from '@bigbinary/neetoui/Button';
@@ -18,15 +18,16 @@ import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProper
 import _regeneratorRuntime from '@babel/runtime/regenerator';
 import { isEditorEmpty } from '@bigbinary/neeto-editor/utils';
 import { validation, PhoneNumberInput } from '@bigbinary/neeto-molecules/PhoneNumber';
-import * as yup from 'yup';
 import i18next from 'i18next';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { a as QUESTION_KIND, P as PARENTHESES_REGEX, E as EMAIL_REGEX, R as RATING_VALUES, S as SCHEMA_LESS_QUESTION_KINDS, c as SIX_DIGIT_NUMBER_REGEX, A as ADDRESS_FIELD_WIDTHS, d as ADDRESS_FIELD_TYPES, e as LABEL_FIELDS, g as generateArray, D as DEFAULT_CHOICE_QUESTION_ATTRIBUTES, f as RATING_OPTIONS, I as ICONS_MAP } from './yup-SHH_PrTm.js';
 import _toArray from '@babel/runtime/helpers/toArray';
-import { a as QUESTION_KIND, P as PARENTHESES_REGEX, E as EMAIL_REGEX, R as RATING_VALUES, S as SCHEMA_LESS_QUESTION_KINDS, c as SIX_DIGIT_NUMBER_REGEX, d as LABEL_FIELDS, D as DEFAULT_CHOICE_QUESTION_ATTRIBUTES, e as RATING_OPTIONS, I as ICONS_MAP, g as generateArray } from './constants-QPLZ_r-D.js';
+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 Input from '@bigbinary/neetoui/Input';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
 import ReCAPTCHA from 'react-google-recaptcha';
@@ -40,7 +41,6 @@ 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 Select from '@bigbinary/neetoui/Select';
 import Radio from '@bigbinary/neetoui/Radio';
 import Image from '@bigbinary/neeto-icons/Image';
 import NeetoEditor from '@bigbinary/neeto-editor/Editor';
@@ -226,8 +226,8 @@ var getInvalidTypeError = function getInvalidTypeError(label, type) {
   });
 };
 
-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), !0).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; }
+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), !0).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] : [];
@@ -271,7 +271,7 @@ var getMultipleOptionsFromURL = function getMultipleOptionsFromURL(_ref2) {
     return allOptions.includes(option.label);
   });
 };
-var getStarRatingFromUrl = function getStarRatingFromUrl(_ref3) {
+var getStarRatingOrOpinionScaleFromUrl = function getStarRatingOrOpinionScaleFromUrl(_ref3) {
   var minValue = _ref3.minValue,
     maxValue = _ref3.maxValue,
     fieldCodes = _ref3.fieldCodes,
@@ -366,7 +366,7 @@ var generateInitValues = function generateInitValues(_ref9) {
   var valuesMap = {};
   if (initialValues) {
     valuesMap = initialValues.reduce(function (acc, answer) {
-      return _objectSpread$h(_objectSpread$h({}, acc), {}, _defineProperty({}, answer.questionId, {
+      return _objectSpread$i(_objectSpread$i({}, acc), {}, _defineProperty({}, answer.questionId, {
         value: answer.value,
         optionIds: answer.optionIds
       }));
@@ -378,7 +378,8 @@ var generateInitValues = function generateInitValues(_ref9) {
       optionsAttributes = question.optionsAttributes,
       fieldCode = question.fieldCode,
       minValue = question.minValue,
-      maxValue = question.maxValue;
+      maxValue = question.maxValue,
+      fields = question.fields;
     switch (kind) {
       case QUESTION_KIND.CONDITION.value:
         {
@@ -464,9 +465,10 @@ var generateInitValues = function generateInitValues(_ref9) {
           return;
         }
       case QUESTION_KIND.STAR_RATING.value:
+      case QUESTION_KIND.OPINION_SCALE.value:
         {
           var _valuesMap$id$value4, _valuesMap7;
-          initValues[id] = (_valuesMap$id$value4 = (_valuesMap7 = valuesMap) === null || _valuesMap7 === void 0 || (_valuesMap7 = _valuesMap7[id]) === null || _valuesMap7 === void 0 ? void 0 : _valuesMap7.value) !== null && _valuesMap$id$value4 !== void 0 ? _valuesMap$id$value4 : getStarRatingFromUrl({
+          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 : getStarRatingOrOpinionScaleFromUrl({
             minValue: minValue,
             maxValue: maxValue,
             fieldCodes: fieldCodes,
@@ -480,10 +482,19 @@ var generateInitValues = function generateInitValues(_ref9) {
           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 : getNameFromUrl(question, fieldCodes);
           return;
         }
-      default:
+      case QUESTION_KIND.ADDRESS.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 : resolveQueryParamValue(fieldCodes[fieldCode] || "");
+          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 : fields.reduce(function (values, field) {
+            values[field.id] = "";
+            return values;
+          }, {});
+          return;
+        }
+      default:
+        {
+          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 : resolveQueryParamValue(fieldCodes[fieldCode] || "");
           return;
         }
     }
@@ -587,35 +598,9 @@ var isPhoneNumberField = includes(__, [QUESTION_KIND.PHONE.value, QUESTION_KIND.
 
 var _excluded$4 = ["kind", "customValidator"];
 var _fieldKindValidatorMa;
-function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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), !0).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;
-yup.addMethod(yup.array, "unique", function () {
-  var field, message;
-  if (arguments.length > 1) {
-    field = arguments[0];
-    message = arguments[1];
-  } else {
-    message = arguments[0];
-  }
-  var getValue = function getValue(item) {
-    return field ? item[field] : item;
-  };
-  var valueInLowerCase = pipe(getValue, toLower);
-  return this.test("unique", message, function () {
-    var array = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    // ignore destroyed items in the array
-    var validItems = reject(prop("_destroy"), array);
-    var uniqueItems = new Set(map(valueInLowerCase, validItems));
-
-    // all items are unique
-    if (validItems.length === uniqueItems.size) return true;
-    return this.createError({
-      path: this.path,
-      message: message
-    });
-  });
-});
 var isValidDate = function isValidDate(date) {
   return date && dayjs(date).isValid();
 };
@@ -694,19 +679,28 @@ var validateStarRatingField = function validateStarRatingField(_ref8) {
   }
   return schema.trim();
 };
-var validateTermsField = function validateTermsField(_ref9) {
-  var _ref9$isRequired = _ref9.isRequired,
-    isRequired = _ref9$isRequired === void 0 ? true : _ref9$isRequired;
-  return isRequired ? yup["boolean"]().oneOf([true], t("neetoForm.common.mustAcceptTermsAndConditions")) : yup["boolean"]().notRequired();
+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 validateConditionField = function validateConditionField(_ref10) {
+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(_ref11) {
-  var label = _ref11.label,
-    isRequired = _ref11.isRequired;
+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);
   });
@@ -715,8 +709,8 @@ var validateDateField = function validateDateField(_ref11) {
   }
   return schema;
 };
-var validateMultiEmailField = function validateMultiEmailField(_ref12) {
-  var isRequired = _ref12.isRequired;
+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();
@@ -725,20 +719,27 @@ var validateMultiEmailField = function validateMultiEmailField(_ref12) {
   }
   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(_ref13) {
-  var isRequired = _ref13.isRequired;
+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(_ref14) {
-  var isRequired = _ref14.isRequired,
-    multipleFilesAllowed = _ref14.multipleFilesAllowed;
+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({
@@ -751,29 +752,29 @@ var validateFileUploadField = function validateFileUploadField(_ref14) {
     files: files_schema
   });
 };
-var validateCaptchaField = function validateCaptchaField(_ref15) {
-  var variant = _ref15.variant;
+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.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.ADDITIONAL_GUESTS.value, validateMultiEmailField), QUESTION_KIND.RICH_TEXT.value, validateRichTextField), QUESTION_KIND.CONDITION.value, validateConditionField), QUESTION_KIND.FILE_UPLOAD.value, validateFileUploadField), QUESTION_KIND.CAPTCHA.value, validateCaptchaField), _defineProperty(_fieldKindValidatorMa, QUESTION_KIND.SMS_REMINDER.value, validateTextField));
-var validateFieldValue = function validateFieldValue(_ref16) {
-  var kind = _ref16.kind,
-    customValidator = _ref16.customValidator,
-    otherProps = _objectWithoutProperties(_ref16, _excluded$4);
+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.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), QUESTION_KIND.FILE_UPLOAD.value, validateFileUploadField), _defineProperty(_defineProperty(_defineProperty(_fieldKindValidatorMa, 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$g({
+    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 _ref17 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(resolve) {
+      var _ref19 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(resolve) {
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -795,7 +796,7 @@ var validateFieldValue = function validateFieldValue(_ref16) {
         }, _callee, null, [[0, 6]]);
       }));
       return function (_x) {
-        return _ref17.apply(this, arguments);
+        return _ref19.apply(this, arguments);
       };
     }());
   };
@@ -829,7 +830,7 @@ var validateVerificationCode = function validateVerificationCode(context) {
 
     // eslint-disable-next-line no-async-promise-executor
     return new Promise(/*#__PURE__*/function () {
-      var _ref18 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(resolve) {
+      var _ref20 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee2(resolve) {
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {
             case 0:
@@ -853,7 +854,7 @@ var validateVerificationCode = function validateVerificationCode(context) {
         }, _callee2, null, [[0, 6]]);
       }));
       return function (_x2) {
-        return _ref18.apply(this, arguments);
+        return _ref20.apply(this, arguments);
       };
     }());
   };
@@ -927,6 +928,94 @@ var MultipleEmailInput = function MultipleEmailInput(_ref) {
   });
 };
 
+function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var 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,
@@ -1726,6 +1815,111 @@ var NameField = function NameField(props) {
   }));
 };
 
+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,
@@ -2369,7 +2563,7 @@ var QUESTION_TO_COMPONENT_MAP = (_QUESTION_TO_COMPONEN = {}, _defineProperty(_de
   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.ADDITIONAL_GUESTS.value, MultipleEmailInput), QUESTION_KIND.RICH_TEXT.value, RichTextEditor), QUESTION_KIND.CONDITION.value, ConditionField), QUESTION_KIND.FILE_UPLOAD.value, FileUploadField), _defineProperty(_defineProperty(_QUESTION_TO_COMPONEN, QUESTION_KIND.CAPTCHA.value, CaptchaField), QUESTION_KIND.SMS_REMINDER.value, PhoneNumberField));
+}), 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(_QUESTION_TO_COMPONEN, QUESTION_KIND.FILE_UPLOAD.value, FileUploadField), QUESTION_KIND.CAPTCHA.value, CaptchaField), QUESTION_KIND.SMS_REMINDER.value, PhoneNumberField), 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) {
@@ -2398,6 +2592,13 @@ var getPhoneData = function getPhoneData(value, countryCode) {
 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, getFieldComponent as a, buildAutoCompleteAttribute as b, clientI18nInstance as c, getWithExpiry as d, clearEmailVerificationDetails as e, generateFormResponse as f, generateInitValues as g, clearLocalStorageValues as h, mergeRefs as m, renderButtonsInOrder as r };
-//# sourceMappingURL=utils-Dn-q4QBc.js.map
+//# sourceMappingURL=utils-CDyve_0y.js.map