@bigbinary/neeto-form-frontend 4.3.0 → 4.4.0

package/dist/{utils-BgH6USlj.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-DGvqFcqA.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-B_OEW8Yc.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, g as generateArray, D as DEFAULT_CHOICE_QUESTION_ATTRIBUTES, e as RATING_OPTIONS, I as ICONS_MAP } from './constants-Dcy0vCkf.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] : [];
@@ -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:
         {
@@ -481,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;
         }
     }
@@ -588,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();
 };
@@ -735,20 +719,27 @@ var validateMultiEmailField = function validateMultiEmailField(_ref13) {
   }
   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(_ref14) {
-  var isRequired = _ref14.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(_ref15) {
-  var isRequired = _ref15.isRequired,
-    multipleFilesAllowed = _ref15.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({
@@ -761,29 +752,29 @@ var validateFileUploadField = function validateFileUploadField(_ref15) {
     files: files_schema
   });
 };
-var validateCaptchaField = function validateCaptchaField(_ref16) {
-  var variant = _ref16.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.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(_fieldKindValidatorMa, QUESTION_KIND.CAPTCHA.value, validateCaptchaField), QUESTION_KIND.SMS_REMINDER.value, validateTextField));
-var validateFieldValue = function validateFieldValue(_ref17) {
-  var kind = _ref17.kind,
-    customValidator = _ref17.customValidator,
-    otherProps = _objectWithoutProperties(_ref17, _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 _ref18 = _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:
@@ -805,7 +796,7 @@ var validateFieldValue = function validateFieldValue(_ref17) {
         }, _callee, null, [[0, 6]]);
       }));
       return function (_x) {
-        return _ref18.apply(this, arguments);
+        return _ref19.apply(this, arguments);
       };
     }());
   };
@@ -839,7 +830,7 @@ var validateVerificationCode = function validateVerificationCode(context) {
 
     // eslint-disable-next-line no-async-promise-executor
     return new Promise(/*#__PURE__*/function () {
-      var _ref19 = _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:
@@ -863,7 +854,7 @@ var validateVerificationCode = function validateVerificationCode(context) {
         }, _callee2, null, [[0, 6]]);
       }));
       return function (_x2) {
-        return _ref19.apply(this, arguments);
+        return _ref20.apply(this, arguments);
       };
     }());
   };
@@ -937,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,
@@ -2484,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.OPINION_SCALE.value, OpinionScaleField), QUESTION_KIND.ADDITIONAL_GUESTS.value, MultipleEmailInput), QUESTION_KIND.RICH_TEXT.value, RichTextEditor), QUESTION_KIND.CONDITION.value, ConditionField), _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.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) {
@@ -2513,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-BgH6USlj.js.map
+//# sourceMappingURL=utils-CDyve_0y.js.map