@bigbinary/neeto-form-frontend 3.1.0 → 3.2.0

package/dist/index.cjs.js

@@ -42,6 +42,7 @@ var Button$1 = require('@bigbinary/neetoui/Button');
 var Accordion = require('@bigbinary/neetoui/Accordion');
 var Input = require('@bigbinary/neetoui/formik/Input');
 var yup = require('yup');
+var Radio = require('@bigbinary/neetoui/formik/Radio');
 var Checkbox$1 = require('@bigbinary/neetoui/formik/Checkbox');
 var Checkbox = require('@bigbinary/neetoui/Checkbox');
 var Delete = require('@bigbinary/neeto-icons/Delete');
@@ -61,19 +62,22 @@ var libphonenumberJs = require('libphonenumber-js');
 var EditorContent = require('@bigbinary/neeto-editor/EditorContent');
 var NeetoUIMultiEmailInput = require('@bigbinary/neetoui/MultiEmailInput');
 var PhoneNumber = require('@bigbinary/neeto-molecules/PhoneNumber');
+var path = require('path');
+var Refresh = require('@bigbinary/neeto-icons/Refresh');
+var Input$1 = require('@bigbinary/neetoui/Input');
+var initializers = require('@bigbinary/neeto-commons-frontend/initializers');
+var ReCAPTCHA = require('react-google-recaptcha');
 var localeData = require('dayjs/plugin/localeData');
 var utc = require('dayjs/plugin/utc');
 var weekday = require('dayjs/plugin/weekday');
 var weekOfYear = require('dayjs/plugin/weekOfYear');
 var DatePicker = require('@bigbinary/neetoui/DatePicker');
-var path = require('path');
-var Input$1 = require('@bigbinary/neetoui/Input');
 var activestorage = require('@rails/activestorage');
 var reactDropzone = require('react-dropzone');
 var FileGeneric = require('@bigbinary/neeto-icons/FileGeneric');
 var framerMotion = require('framer-motion');
 var Select$1 = require('@bigbinary/neetoui/Select');
-var Radio = require('@bigbinary/neetoui/Radio');
+var Radio$1 = require('@bigbinary/neetoui/Radio');
 var Textarea$1 = require('@bigbinary/neetoui/Textarea');
 var server = require('react-dom/server');
 
@@ -124,6 +128,7 @@ var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button$1);
 var Accordion__default = /*#__PURE__*/_interopDefaultLegacy(Accordion);
 var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
 var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
+var Radio__default = /*#__PURE__*/_interopDefaultLegacy(Radio);
 var Checkbox__default$1 = /*#__PURE__*/_interopDefaultLegacy(Checkbox$1);
 var Checkbox__default = /*#__PURE__*/_interopDefaultLegacy(Checkbox);
 var Delete__default = /*#__PURE__*/_interopDefaultLegacy(Delete);
@@ -141,16 +146,18 @@ var Check__default = /*#__PURE__*/_interopDefaultLegacy(Check);
 var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
 var EditorContent__default = /*#__PURE__*/_interopDefaultLegacy(EditorContent);
 var NeetoUIMultiEmailInput__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUIMultiEmailInput);
+var path__default = /*#__PURE__*/_interopDefaultLegacy(path);
+var Refresh__default = /*#__PURE__*/_interopDefaultLegacy(Refresh);
+var Input__default$1 = /*#__PURE__*/_interopDefaultLegacy(Input$1);
+var ReCAPTCHA__default = /*#__PURE__*/_interopDefaultLegacy(ReCAPTCHA);
 var localeData__default = /*#__PURE__*/_interopDefaultLegacy(localeData);
 var utc__default = /*#__PURE__*/_interopDefaultLegacy(utc);
 var weekday__default = /*#__PURE__*/_interopDefaultLegacy(weekday);
 var weekOfYear__default = /*#__PURE__*/_interopDefaultLegacy(weekOfYear);
 var DatePicker__default = /*#__PURE__*/_interopDefaultLegacy(DatePicker);
-var path__default = /*#__PURE__*/_interopDefaultLegacy(path);
-var Input__default$1 = /*#__PURE__*/_interopDefaultLegacy(Input$1);
 var FileGeneric__default = /*#__PURE__*/_interopDefaultLegacy(FileGeneric);
 var Select__default$1 = /*#__PURE__*/_interopDefaultLegacy(Select$1);
-var Radio__default = /*#__PURE__*/_interopDefaultLegacy(Radio);
+var Radio__default$1 = /*#__PURE__*/_interopDefaultLegacy(Radio$1);
 var Textarea__default$1 = /*#__PURE__*/_interopDefaultLegacy(Textarea$1);
 
 var BASE_URL = "/form";
@@ -461,6 +468,9 @@ var QUESTION_KIND = {
   },
   FILE_UPLOAD: {
     value: "file_upload"
+  },
+  CAPTCHA: {
+    value: "captcha"
   }
 };
 var RATING_VALUES = {
@@ -954,7 +964,12 @@ var QUESTION_TYPES = {
   STAR_RATING: "star_rating",
   RATING: "rating",
   DATE: "date",
-  FILE_UPLOAD: "file_upload"
+  FILE_UPLOAD: "file_upload",
+  CAPTCHA: "captcha"
+};
+var CAPTCHA_TYPES = {
+  RECAPTCHA_V2: "recaptcha_v2",
+  MATH_CAPTCHA: "math_captcha"
 };
 
 var PARAGRAPH$1 = QUESTION_TYPES.PARAGRAPH,
@@ -963,12 +978,14 @@ var PARAGRAPH$1 = QUESTION_TYPES.PARAGRAPH,
   CHECKBOX$2 = QUESTION_TYPES.CHECKBOX,
   RADIO$2 = QUESTION_TYPES.RADIO,
   DROPDOWN$2 = QUESTION_TYPES.DROPDOWN,
-  FILE_UPLOAD$3 = QUESTION_TYPES.FILE_UPLOAD;
+  FILE_UPLOAD$3 = QUESTION_TYPES.FILE_UPLOAD,
+  CAPTCHA$3 = QUESTION_TYPES.CAPTCHA;
 var DEFAULT_AVAILABLE_LANGUAGES = [{
   code: "en",
   name: "English"
 }];
-var QUESTIONS_WITHOUT_FIELD_CODE = [PARAGRAPH$1, TERMS_AND_CONDITION$1, CONDITION$1, FILE_UPLOAD$3];
+var MANDATORY_KINDS = [CAPTCHA$3];
+var QUESTIONS_WITHOUT_FIELD_CODE = [PARAGRAPH$1, TERMS_AND_CONDITION$1, CONDITION$1, FILE_UPLOAD$3, CAPTCHA$3];
 var QUESTIONS_INITIAL_VALUE = {
   enabled: false,
   questions: [{
@@ -1253,7 +1270,8 @@ var NAME$1 = QUESTION_TYPES.NAME,
   STAR_RATING$2 = QUESTION_TYPES.STAR_RATING,
   RATING$2 = QUESTION_TYPES.RATING,
   DATE$1 = QUESTION_TYPES.DATE,
-  FILE_UPLOAD$2 = QUESTION_TYPES.FILE_UPLOAD;
+  FILE_UPLOAD$2 = QUESTION_TYPES.FILE_UPLOAD,
+  CAPTCHA$2 = QUESTION_TYPES.CAPTCHA;
 var DEFAULT_OPTIONS = new Array(MINIMUM_OPTIONS).fill({
   label: ""
 });
@@ -1410,6 +1428,15 @@ var QUESTION_KINDS = [{
     multipleFilesAllowed: true,
     allowedFileTypes: DEFAULT_ALLOWED_FILE_TYPES
   }
+}, {
+  type: CAPTCHA$2,
+  label: i18next.t("neetoForm.fields.captcha"),
+  isSingular: true,
+  defaults: {
+    label: "",
+    isRequired: true,
+    variant: CAPTCHA_TYPES.RECAPTCHA_V2
+  }
 }];
 
 // To show the question type as label in accordion
@@ -1957,8 +1984,9 @@ var NAME = QUESTION_TYPES.NAME,
   STAR_RATING$1 = QUESTION_TYPES.STAR_RATING,
   RATING$1 = QUESTION_TYPES.RATING,
   DATE = QUESTION_TYPES.DATE,
-  FILE_UPLOAD$1 = QUESTION_TYPES.FILE_UPLOAD;
-var QUESTIONS_WITH_ADDITIONAL_DATA = [].concat(_toConsumableArray__default["default"](SELECTABLE_KINDS), [STAR_RATING$1, RATING$1, FILE_UPLOAD$1]);
+  FILE_UPLOAD$1 = QUESTION_TYPES.FILE_UPLOAD,
+  CAPTCHA$1 = QUESTION_TYPES.CAPTCHA;
+var QUESTIONS_WITH_ADDITIONAL_DATA = [].concat(_toConsumableArray__default["default"](SELECTABLE_KINDS), [STAR_RATING$1, RATING$1, FILE_UPLOAD$1, CAPTCHA$1]);
 var QUESTIONS_WITH_PLACEHOLDERS = [NAME, PHONE, EMAIL, ADDITIONAL_GUESTS, TEXT, TEXTAREA, RICH_TEXT, INTEGER, DECIMAL, DATE];
 var DEFAULT_PLACEHOLDERS = {
   CHECKBOX: i18next.t("neetoForm.questions.common.questionFields.field.labelExample", {
@@ -1985,11 +2013,14 @@ var FormikAdaptiveInput = function FormikAdaptiveInput(_ref) {
     name = _ref.name,
     otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$b);
   var _useFormikContext = formik.useFormikContext(),
+    dirty = _useFormikContext.dirty,
+    isValid = _useFormikContext.isValid,
     submitForm = _useFormikContext.submitForm;
   var handleKeyDown = function handleKeyDown(event) {
     if (event.key !== "Enter" || event.shiftKey) return;
     event.preventDefault();
-    submitForm();
+    if (reactUtils.isMetaKeyPressed(event)) return;
+    dirty && isValid && submitForm();
   };
   var handleFocus = function handleFocus(element) {
     var end = element.value.length;
@@ -2503,6 +2534,24 @@ var Edit = function Edit(_ref) {
   });
 };
 
+var Captcha = reactUtils.withT(function (_ref) {
+  var t = _ref.t;
+  return /*#__PURE__*/jsxRuntime.jsxs(Radio__default["default"], {
+    label: t("neetoForm.common.captchaType"),
+    labelProps: {
+      required: true
+    },
+    name: "variant",
+    children: [/*#__PURE__*/jsxRuntime.jsx(Radio__default["default"].Item, {
+      label: t("neetoForm.common.reCaptchaV2"),
+      value: CAPTCHA_TYPES.RECAPTCHA_V2
+    }), /*#__PURE__*/jsxRuntime.jsx(Radio__default["default"].Item, {
+      label: t("neetoForm.common.mathCaptcha"),
+      value: CAPTCHA_TYPES.MATH_CAPTCHA
+    })]
+  });
+});
+
 var FileGroup = function FileGroup(_ref) {
   var name = _ref.name,
     label = _ref.label,
@@ -2832,7 +2881,8 @@ var CHECKBOX = QUESTION_TYPES.CHECKBOX,
   DROPDOWN = QUESTION_TYPES.DROPDOWN,
   STAR_RATING = QUESTION_TYPES.STAR_RATING,
   RATING = QUESTION_TYPES.RATING,
-  FILE_UPLOAD = QUESTION_TYPES.FILE_UPLOAD;
+  FILE_UPLOAD = QUESTION_TYPES.FILE_UPLOAD,
+  CAPTCHA = QUESTION_TYPES.CAPTCHA;
 var transformValueForOption = function transformValueForOption(_ref) {
   var label = _ref.label,
     type = _ref.type;
@@ -2854,6 +2904,8 @@ var renderAdditionalData = function renderAdditionalData(_ref2) {
       return /*#__PURE__*/jsxRuntime.jsx(StarRating$2, {});
     case FILE_UPLOAD:
       return /*#__PURE__*/jsxRuntime.jsx(FileUpload$1, {});
+    case CAPTCHA:
+      return /*#__PURE__*/jsxRuntime.jsx(Captcha, {});
     default:
       return null;
   }
@@ -3279,7 +3331,7 @@ var BuildForm = function BuildForm(_ref) {
   };
   var isRequiredField = isFieldRequired !== null && isFieldRequired !== void 0 ? isFieldRequired : function (_ref5) {
     var kind = _ref5.kind;
-    return requiredFields.includes(kind);
+    return ramda.concat(MANDATORY_KINDS, requiredFields).includes(kind);
   };
   var isDisabledFieldLabel = isFieldLabelDisabled !== null && isFieldLabelDisabled !== void 0 ? isFieldLabelDisabled : function () {
     return false;
@@ -3593,7 +3645,7 @@ var getInvalidTypeError = function getInvalidTypeError(label, type) {
   });
 };
 
-var _excluded$4 = ["kind", "label", "isRequired", "customValidator"];
+var _excluded$4 = ["kind", "customValidator"];
 var _fieldKindValidatorMa;
 function ownKeys$j(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$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -3738,25 +3790,29 @@ var validateFileUploadField = function validateFileUploadField(_ref13) {
     files: files_schema
   });
 };
-var fieldKindValidatorMap = (_fieldKindValidatorMa = {}, _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.EMAIL.value, validateEmailField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.NAME.value, validateNameField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.PHONE.value, validateTextField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.TEXT.value, validateTextField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.QUESTION.value, validateTextField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.TEXTAREA.value, validateTextField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.DECIMAL.value, validateTextField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.INTEGER.value, validateTextField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.DROPDOWN.value, validateSingleChoiceField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.RADIO.value, validateSingleChoiceField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.CHECKBOX.value, validateMultiChoiceField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.RATING.value, validateRatingField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.TERMS.value, validateTermsField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.DATE.value, validateDateField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.STAR_RATING.value, validateStarRatingField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.ADDITIONAL_GUESTS.value, validateMultiEmailField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.RICH_TEXT.value, validateRichTextField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.CONDITION.value, validateConditionField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.FILE_UPLOAD.value, validateFileUploadField), _fieldKindValidatorMa);
-var validateFieldValue = function validateFieldValue(_ref14) {
-  var kind = _ref14.kind,
-    label = _ref14.label,
-    isRequired = _ref14.isRequired,
-    customValidator = _ref14.customValidator,
-    otherProps = _objectWithoutProperties__default["default"](_ref14, _excluded$4);
+var validateCaptchaField = function validateCaptchaField(_ref14) {
+  var variant = _ref14.variant;
+  return variant === CAPTCHA_TYPES.MATH_CAPTCHA ? yup__namespace.mixed().test("verification failed", t$1("neetoForm.error.captchaVerificationFailed"), function (value) {
+    return neetoCist.isNotPresent(value) || value;
+  }).transform(function (value) {
+    return value === "" ? null : value;
+  }).required(t$1("neetoForm.error.incompleteCaptcha")) : yup__namespace.string().trim().required(t$1("neetoForm.error.incompleteCaptcha"));
+};
+var fieldKindValidatorMap = (_fieldKindValidatorMa = {}, _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.EMAIL.value, validateEmailField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.NAME.value, validateNameField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.PHONE.value, validateTextField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.TEXT.value, validateTextField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.QUESTION.value, validateTextField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.TEXTAREA.value, validateTextField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.DECIMAL.value, validateTextField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.INTEGER.value, validateTextField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.DROPDOWN.value, validateSingleChoiceField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.RADIO.value, validateSingleChoiceField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.CHECKBOX.value, validateMultiChoiceField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.RATING.value, validateRatingField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.TERMS.value, validateTermsField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.DATE.value, validateDateField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.STAR_RATING.value, validateStarRatingField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.ADDITIONAL_GUESTS.value, validateMultiEmailField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.RICH_TEXT.value, validateRichTextField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.CONDITION.value, validateConditionField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.FILE_UPLOAD.value, validateFileUploadField), _defineProperty__default["default"](_fieldKindValidatorMa, QUESTION_KIND.CAPTCHA.value, validateCaptchaField), _fieldKindValidatorMa);
+var validateFieldValue = function validateFieldValue(_ref15) {
+  var kind = _ref15.kind,
+    customValidator = _ref15.customValidator,
+    otherProps = _objectWithoutProperties__default["default"](_ref15, _excluded$4);
   return function (value) {
     if (!(kind in fieldKindValidatorMap)) return;
     var validator = fieldKindValidatorMap[kind];
     var schema = customValidator || validator(_objectSpread$j({
-      kind: kind,
-      label: label,
-      isRequired: isRequired
+      kind: kind
     }, otherProps));
 
     // eslint-disable-next-line consistent-return, no-async-promise-executor
     return new Promise( /*#__PURE__*/function () {
-      var _ref15 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(resolve) {
+      var _ref16 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(resolve) {
         return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -3778,7 +3834,7 @@ var validateFieldValue = function validateFieldValue(_ref14) {
         }, _callee, null, [[0, 6]]);
       }));
       return function (_x) {
-        return _ref15.apply(this, arguments);
+        return _ref16.apply(this, arguments);
       };
     }());
   };
@@ -3841,39 +3897,6 @@ var MultipleEmailInput = function MultipleEmailInput(_ref) {
 
 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__default["default"](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 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__*/jsxRuntime.jsx(formik.Field, {
-    name: name || nodeId,
-    validate: validateFieldValue({
-      kind: kind,
-      label: label,
-      isRequired: isRequired,
-      customValidator: customValidator
-    }),
-    children: function children(_ref2) {
-      var meta = _ref2.meta,
-        field = _ref2.field;
-      return /*#__PURE__*/jsxRuntime.jsx(Checkbox__default["default"], _objectSpread$i(_objectSpread$i({}, _objectSpread$i(_objectSpread$i({}, field), {}, {
-        label: label,
-        name: name
-      })), {}, {
-        checked: field.value,
-        error: meta.touched ? meta.error : "",
-        required: isRequired
-      }));
-    }
-  });
-};
-
-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__default["default"](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 toEmailValues = function toEmailValues() {
   var values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
@@ -3967,7 +3990,7 @@ var generateInitValues = function generateInitValues(_ref7) {
   var valuesMap = {};
   if (initialValues) {
     valuesMap = initialValues.reduce(function (acc, answer) {
-      return _objectSpread$h(_objectSpread$h({}, acc), {}, _defineProperty__default["default"]({}, answer.questionId, {
+      return _objectSpread$i(_objectSpread$i({}, acc), {}, _defineProperty__default["default"]({}, answer.questionId, {
         value: answer.value,
         optionIds: answer.optionIds
       }));
@@ -4196,6 +4219,211 @@ var getSelectedRating = function getSelectedRating(value) {
   return isNaN(parsedValue) ? -1 : parsedValue;
 };
 
+var CaptchaField = function CaptchaField(_ref) {
+  var question = _ref.question,
+    preview = _ref.preview,
+    customValidator = _ref.customValidator,
+    captchaRef = _ref.captchaRef;
+  var name = question.id,
+    kind = question.kind,
+    isRequired = question.isRequired,
+    variant = question.variant,
+    nodeId = question.nodeId;
+  var label = fieldWithFallback(question, "label");
+  var _useField = formik.useField({
+      name: name || nodeId,
+      validate: validateFieldValue({
+        kind: kind,
+        label: label,
+        isRequired: isRequired,
+        customValidator: customValidator,
+        variant: variant
+      })
+    }),
+    _useField2 = _slicedToArray__default["default"](_useField, 3);
+    _useField2[0];
+    var _useField2$ = _useField2[1],
+    touched = _useField2$.touched,
+    error = _useField2$.error,
+    _useField2$2 = _useField2[2],
+    setValue = _useField2$2.setValue,
+    setTouched = _useField2$2.setTouched;
+  var handleVerifyCaptcha = function handleVerifyCaptcha(response) {
+    setTouched(true);
+    setValue(response);
+  };
+  var Component = CAPTCHA_COMPONENT_MAP[variant];
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "neeto-form-engine-input__wrapper",
+    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+      className: "neeto-form-engine-input__label-wrapper",
+      children: label && /*#__PURE__*/jsxRuntime.jsx("label", {
+        className: "neeto-form-engine-label",
+        children: getLabel(label, isRequired)
+      })
+    }), /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: classnames__default["default"]({
+        "pointer-events-none": preview
+      }),
+      children: /*#__PURE__*/jsxRuntime.jsx(Component, {
+        captchaRef: captchaRef,
+        handleVerifyCaptcha: handleVerifyCaptcha,
+        handleBlur: function handleBlur() {
+          return setTouched(true);
+        }
+      })
+    }), touched && error && /*#__PURE__*/jsxRuntime.jsx("p", {
+      className: "neeto-form-engine-input__error",
+      "data-cy": "neeto-form-engine-captcha-error",
+      children: error
+    })]
+  });
+};
+
+var MATH_OPERATORS = {
+  PLUS: "+",
+  MINUS: "-"
+};
+
+var generateRandomOperation = function generateRandomOperation() {
+  var firstNumber = neetoCist.getRandomInt(1, 50);
+  var secondNumber = neetoCist.getRandomInt(1, 50);
+  var operator = neetoCist.randomPick.apply(void 0, _toConsumableArray__default["default"](ramda.values(MATH_OPERATORS)));
+  return {
+    firstNumber: firstNumber,
+    secondNumber: secondNumber,
+    operator: operator
+  };
+};
+
+var MathCaptcha = function MathCaptcha(_ref) {
+  var captchaRef = _ref.captchaRef,
+    handleVerifyCaptcha = _ref.handleVerifyCaptcha,
+    handleBlur = _ref.handleBlur;
+  var _useState = React$2.useState(generateRandomOperation()),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    operation = _useState2[0],
+    setOperation = _useState2[1];
+  var _useState3 = React$2.useState(""),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    userInput = _useState4[0],
+    setUserInput = _useState4[1];
+  var firstNumber = operation.firstNumber,
+    secondNumber = operation.secondNumber,
+    operator = operation.operator;
+  var resetCaptcha = function resetCaptcha() {
+    setOperation(generateRandomOperation());
+    setUserInput("");
+  };
+  React$2.useImperativeHandle(captchaRef, function () {
+    return {
+      reset: resetCaptcha
+    };
+  });
+  var calculateResult = function calculateResult() {
+    switch (operator) {
+      case MATH_OPERATORS.PLUS:
+        return firstNumber + secondNumber;
+      case MATH_OPERATORS.MINUS:
+        return firstNumber - secondNumber;
+      default:
+        return null;
+    }
+  };
+  var verifyCaptcha = function verifyCaptcha() {
+    var result = calculateResult();
+    if (result === null) return;
+    handleVerifyCaptcha(result === Number(userInput));
+  };
+  reactUtils.useUpdateEffect(function () {
+    verifyCaptcha();
+  }, [userInput]);
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
+    className: "neeto-form-nano-math-captcha",
+    ref: captchaRef,
+    children: [/*#__PURE__*/jsxRuntime.jsx("button", {
+      className: "neeto-form-nano-math-captcha__button",
+      type: "button",
+      onClick: resetCaptcha,
+      children: /*#__PURE__*/jsxRuntime.jsx(Refresh__default["default"], {})
+    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "neeto-form-nano-math-captcha__equation",
+      children: [/*#__PURE__*/jsxRuntime.jsx("span", {
+        children: firstNumber
+      }), /*#__PURE__*/jsxRuntime.jsx("span", {
+        children: operator
+      }), /*#__PURE__*/jsxRuntime.jsx("span", {
+        children: secondNumber
+      }), /*#__PURE__*/jsxRuntime.jsx("span", {
+        children: "="
+      })]
+    }), /*#__PURE__*/jsxRuntime.jsx(Input__default$1["default"], {
+      required: true,
+      className: "neeto-form-nano-math-captcha__input",
+      value: userInput,
+      onBlur: handleBlur,
+      onChange: utils.withEventTargetValue(setUserInput)
+    })]
+  });
+};
+
+var Recaptcha = function Recaptcha(_ref) {
+  var captchaRef = _ref.captchaRef,
+    handleVerifyCaptcha = _ref.handleVerifyCaptcha;
+  var verifyRecaptcha = function verifyRecaptcha(response) {
+    if (response === null) {
+      return;
+    }
+    handleVerifyCaptcha(response);
+  };
+  var expiredRecaptcha = function expiredRecaptcha() {
+    var _captchaRef$current;
+    captchaRef === null || captchaRef === void 0 || (_captchaRef$current = captchaRef.current) === null || _captchaRef$current === void 0 || _captchaRef$current.reset();
+    handleVerifyCaptcha("");
+  };
+  return /*#__PURE__*/jsxRuntime.jsx(ReCAPTCHA__default["default"], {
+    hl: clientI18nInstance.language,
+    ref: captchaRef,
+    sitekey: initializers.globalProps.formNanoRecaptchaV2SiteKey,
+    onChange: verifyRecaptcha,
+    onErrored: neetoCist.noop,
+    onExpired: expiredRecaptcha
+  }, clientI18nInstance.language);
+};
+
+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__default["default"](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 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__*/jsxRuntime.jsx(formik.Field, {
+    name: name || nodeId,
+    validate: validateFieldValue({
+      kind: kind,
+      label: label,
+      isRequired: isRequired,
+      customValidator: customValidator
+    }),
+    children: function children(_ref2) {
+      var meta = _ref2.meta,
+        field = _ref2.field;
+      return /*#__PURE__*/jsxRuntime.jsx(Checkbox__default["default"], _objectSpread$h(_objectSpread$h({}, _objectSpread$h(_objectSpread$h({}, field), {}, {
+        label: label,
+        name: name
+      })), {}, {
+        checked: field.value,
+        error: meta.touched ? meta.error : "",
+        required: isRequired
+      }));
+    }
+  });
+};
+
 var _excluded$3 = ["value"];
 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__default["default"](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; }
@@ -4705,15 +4933,15 @@ var FilePreview = reactUtils.withT(function (_ref) {
         }) : ""
       })]
     }), /*#__PURE__*/jsxRuntime.jsxs("div", {
-      className: classnames__default["default"]("neeto-form-engine-file-upload__actions"),
+      className: "neeto-form-engine-file-upload__actions",
       children: [/*#__PURE__*/jsxRuntime.jsx("span", {
         className: classnames__default["default"]("neeto-form-engine-file-upload__success-indicator", {
           "neeto-form-engine-file-upload__success-indicator--active": file.url
         }),
         children: file.url && /*#__PURE__*/jsxRuntime.jsx(Check__default["default"], {})
       }), /*#__PURE__*/jsxRuntime.jsx("button", {
+        className: "neeto-form-engine-file-upload__button--red neeto-form-engine-file-upload__remove-button",
         type: "button",
-        className: classnames__default["default"]("neeto-form-engine-file-upload__button--red neeto-form-engine-file-upload__remove-button"),
         onClick: cancel,
         children: /*#__PURE__*/jsxRuntime.jsx(Close__default["default"], {})
       })]
@@ -4864,8 +5092,8 @@ var Choices = function Choices(_ref) {
     onChange = _ref.onChange,
     error = _ref.error;
   var isCheckBox = type === "checkbox";
-  var ChoiceWrapper = isCheckBox ? "div" : Radio__default["default"];
-  var Component = isCheckBox ? Checkbox__default["default"] : Radio__default["default"].Item;
+  var ChoiceWrapper = isCheckBox ? "div" : Radio__default$1["default"];
+  var Component = isCheckBox ? Checkbox__default["default"] : Radio__default$1["default"].Item;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "neeto-form-engine-choices__wrapper",
     "data-cy": "".concat(neetoCist.hyphenate(label), "-select-container-wrapper"),
@@ -5357,13 +5585,14 @@ var TextField = function TextField(_ref) {
   }));
 };
 
-var _QUESTION_TO_COMPONEN;
+var _QUESTION_TO_COMPONEN, _CAPTCHA_COMPONENT_MA;
 var QUESTION_TO_COMPONENT_MAP = (_QUESTION_TO_COMPONEN = {}, _defineProperty__default["default"](_QUESTION_TO_COMPONEN, QUESTION_KIND.TEXT.value, TextField), _defineProperty__default["default"](_QUESTION_TO_COMPONEN, QUESTION_KIND.NAME.value, NameField), _defineProperty__default["default"](_QUESTION_TO_COMPONEN, QUESTION_KIND.EMAIL.value, EmailField), _defineProperty__default["default"](_QUESTION_TO_COMPONEN, QUESTION_KIND.INTEGER.value, TextField), _defineProperty__default["default"](_QUESTION_TO_COMPONEN, QUESTION_KIND.DECIMAL.value, TextField), _defineProperty__default["default"](_QUESTION_TO_COMPONEN, QUESTION_KIND.PHONE.value, PhoneNumberField), _defineProperty__default["default"](_QUESTION_TO_COMPONEN, QUESTION_KIND.QUESTION.value, TextField), _defineProperty__default["default"](_QUESTION_TO_COMPONEN, QUESTION_KIND.TEXTAREA.value, TextField), _defineProperty__default["default"](_QUESTION_TO_COMPONEN, QUESTION_KIND.CHECKBOX.value, OptionsField), _defineProperty__default["default"](_QUESTION_TO_COMPONEN, QUESTION_KIND.RADIO.value, OptionsField), _defineProperty__default["default"](_QUESTION_TO_COMPONEN, QUESTION_KIND.DROPDOWN.value, OptionsField), _defineProperty__default["default"](_QUESTION_TO_COMPONEN, QUESTION_KIND.RATING.value, RatingField), _defineProperty__default["default"](_QUESTION_TO_COMPONEN, QUESTION_KIND.PARAGRAPH.value, function (_ref) {
   var question = _ref.question;
   return /*#__PURE__*/jsxRuntime.jsx(EditorContent__default["default"], {
     content: fieldWithFallback(question, "label", true)
   });
-}), _defineProperty__default["default"](_QUESTION_TO_COMPONEN, QUESTION_KIND.TERMS.value, TermsField), _defineProperty__default["default"](_QUESTION_TO_COMPONEN, QUESTION_KIND.DATE.value, DateField), _defineProperty__default["default"](_QUESTION_TO_COMPONEN, QUESTION_KIND.STAR_RATING.value, StarRatingField), _defineProperty__default["default"](_QUESTION_TO_COMPONEN, QUESTION_KIND.ADDITIONAL_GUESTS.value, MultipleEmailInput), _defineProperty__default["default"](_QUESTION_TO_COMPONEN, QUESTION_KIND.RICH_TEXT.value, RichTextEditor), _defineProperty__default["default"](_QUESTION_TO_COMPONEN, QUESTION_KIND.CONDITION.value, ConditionField), _defineProperty__default["default"](_QUESTION_TO_COMPONEN, QUESTION_KIND.FILE_UPLOAD.value, FileUploadField), _QUESTION_TO_COMPONEN);
+}), _defineProperty__default["default"](_QUESTION_TO_COMPONEN, QUESTION_KIND.TERMS.value, TermsField), _defineProperty__default["default"](_QUESTION_TO_COMPONEN, QUESTION_KIND.DATE.value, DateField), _defineProperty__default["default"](_QUESTION_TO_COMPONEN, QUESTION_KIND.STAR_RATING.value, StarRatingField), _defineProperty__default["default"](_QUESTION_TO_COMPONEN, QUESTION_KIND.ADDITIONAL_GUESTS.value, MultipleEmailInput), _defineProperty__default["default"](_QUESTION_TO_COMPONEN, QUESTION_KIND.RICH_TEXT.value, RichTextEditor), _defineProperty__default["default"](_QUESTION_TO_COMPONEN, QUESTION_KIND.CONDITION.value, ConditionField), _defineProperty__default["default"](_QUESTION_TO_COMPONEN, QUESTION_KIND.FILE_UPLOAD.value, FileUploadField), _defineProperty__default["default"](_QUESTION_TO_COMPONEN, QUESTION_KIND.CAPTCHA.value, CaptchaField), _QUESTION_TO_COMPONEN);
+var CAPTCHA_COMPONENT_MAP = (_CAPTCHA_COMPONENT_MA = {}, _defineProperty__default["default"](_CAPTCHA_COMPONENT_MA, CAPTCHA_TYPES.RECAPTCHA_V2, Recaptcha), _defineProperty__default["default"](_CAPTCHA_COMPONENT_MA, CAPTCHA_TYPES.MATH_CAPTCHA, MathCaptcha), _CAPTCHA_COMPONENT_MA);
 
 var getFieldComponent = function getFieldComponent(_ref) {
   var kind = _ref.kind;
@@ -5415,9 +5644,8 @@ const SvgSuccess = props => /*#__PURE__*/React__namespace.createElement("svg", _
   height: 344
 }))));
 
-var Success = function Success() {
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
+var Success = reactUtils.withT(function (_ref) {
+  var t = _ref.t;
   return /*#__PURE__*/jsxRuntime.jsxs("div", {
     className: "flex h-full w-full flex-col items-center justify-center space-y-4",
     children: [/*#__PURE__*/jsxRuntime.jsx(SvgSuccess, {}), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
@@ -5428,7 +5656,7 @@ var Success = function Success() {
       children: t("neetoForm.successPage.title2")
     })]
   });
-};
+});
 var Success$1 = /*#__PURE__*/React$2.memo(Success);
 
 function _createForOfIteratorHelper$1(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray$1(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
@@ -5500,6 +5728,7 @@ var ExternalForm = function ExternalForm(_ref) {
   var formRef = React$2.useRef();
   var formikInnerRef = React$2.useRef();
   var editorRef = React$2.useRef();
+  var captchaRef = React$2.useRef(null);
   var queryClient = reactQuery.useQueryClient();
   React$2.useEffect(function () {
     if (ramda.equals(language, clientI18nInstance.resolvedLanguage)) return;
@@ -5656,7 +5885,7 @@ var ExternalForm = function ExternalForm(_ref) {
     };
   }();
   var _onReset = function onReset(e, handleReset) {
-    var _editorRef$current, _formDomProps$onReset;
+    var _editorRef$current, _captchaRef$current, _formDomProps$onReset;
     if (clearValuesOnReset) {
       clearLocalStorageValues("".concat(formId, "/values"));
       setLocalValues(generateInitValues({
@@ -5667,6 +5896,7 @@ var ExternalForm = function ExternalForm(_ref) {
       });
     }
     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 = _editorRef$current.commands) === null || _editorRef$current === void 0 || _editorRef$current.setContent("");
+    (_captchaRef$current = captchaRef.current) === null || _captchaRef$current === void 0 || _captchaRef$current.reset();
     handleReset(e);
     formDomProps === null || formDomProps === void 0 || (_formDomProps$onReset = formDomProps.onReset) === null || _formDomProps$onReset === void 0 || _formDomProps$onReset.call(formDomProps, e);
   };
@@ -5783,6 +6013,7 @@ var ExternalForm = function ExternalForm(_ref) {
               var FieldComponent = getFieldComponent(question);
               return /*#__PURE__*/jsxRuntime.jsxs(React$2.Fragment, {
                 children: [/*#__PURE__*/jsxRuntime.jsx(FieldComponent, {
+                  captchaRef: captchaRef,
                   editorProps: editorProps,
                   editorRef: editorRef,
                   preview: preview,
@@ -8374,7 +8605,13 @@ var linkifyDecorator = function linkifyDecorator(decoratedHref, decoratedText, k
     children: decoratedText
   }, key);
 };
-var filterResponses = neetoCist.removeBy({
+var filterResponses = function filterResponses(responses, kinds) {
+  var filteredResponses = neetoCist.removeBy({
+    kind: ramda.includes(ramda.__, kinds)
+  }, responses);
+  return filterAdditionalGuestResponses(filteredResponses);
+};
+var filterAdditionalGuestResponses = neetoCist.removeBy({
   kind: QUESTION_KIND.ADDITIONAL_GUESTS.value,
   value: neetoCist.isNotPresent
 });
@@ -8437,7 +8674,9 @@ var Submission = function Submission(_ref2) {
     _ref2$questionLabelPr = _ref2.questionLabelProps,
     questionLabelProps = _ref2$questionLabelPr === void 0 ? {} : _ref2$questionLabelPr,
     _ref2$answerProps = _ref2.answerProps,
-    answerProps = _ref2$answerProps === void 0 ? {} : _ref2$answerProps;
+    answerProps = _ref2$answerProps === void 0 ? {} : _ref2$answerProps,
+    _ref2$omitKinds = _ref2.omitKinds,
+    omitKinds = _ref2$omitKinds === void 0 ? [] : _ref2$omitKinds;
   var _useSubmission = useSubmission({
       formId: formId,
       submissionId: submissionId,
@@ -8450,7 +8689,7 @@ var Submission = function Submission(_ref2) {
     } : _useSubmission$data,
     isLoading = _useSubmission.isLoading;
   var responses = submission.responses;
-  var filteredResponses = filterResponses(responses);
+  var filteredResponses = filterResponses(responses, omitKinds);
   var renderSubmittedValue = function renderSubmittedValue(kind, value) {
     switch (kind) {
       case QUESTION_KIND.RICH_TEXT.value: