@bigbinary/neeto-form-frontend 1.2.9 → 1.2.11

package/dist/index.js

@@ -4,7 +4,7 @@ import { useField, useFormikContext, FieldArray, Form as Form$1, Formik, Field,
 import { noop as noop$3, slugify, findBy, removeBy, isPresent, findById, notEqualsDeep } from '@bigbinary/neeto-cist';
 import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
 import { Typography, Dropdown as Dropdown$2, Tooltip, Button as Button$1, Label, Alert, Toastr, MultiEmailInput, DatePicker, Checkbox as Checkbox$2, Radio, Select, Textarea as Textarea$1, Input as Input$2, Spinner as Spinner$2 } from '@bigbinary/neetoui';
-import { assoc, prop, isEmpty, path, reject, omit, insert, compose as compose$1, trim, either, isNil, values as values$1, equals, not, pluck, times, pick } from 'ramda';
+import { assoc, prop, isEmpty, path, reject, omit, insert, compose as compose$1, trim, either, isNil, values as values$1, equals, not, includes, pluck, times, pick } from 'ramda';
 import { useQuery, useQueryClient, useMutation } from 'react-query';
 import i18next, { t as t$1 } from 'i18next';
 import { Input, Email as Email$2, Phone as Phone$2, Up, Down, MenuHorizontal, Delete, Plus, NeetoInvisible, MultipleChoice as MultipleChoice$2, ListDot, Dropdown as Dropdown$3, Rating as Rating$4, Smiley, Checkbox as Checkbox$1, Calendar, Check, Close } from '@bigbinary/neeto-icons';
@@ -24,7 +24,7 @@ import localeData from 'dayjs/plugin/localeData';
 import utc from 'dayjs/plugin/utc';
 import weekday from 'dayjs/plugin/weekday';
 import weekOfYear from 'dayjs/plugin/weekOfYear';
-import { dateFormat } from '@bigbinary/neeto-commons-frontend/utils';
+import { withEventTargetValue, dateFormat } from '@bigbinary/neeto-commons-frontend/utils';
 
 function _extends$6() {
   _extends$6 = Object.assign ? Object.assign.bind() : function (target) {
@@ -542,21 +542,21 @@ var neetoFormApi = {
 
 var _excluded$e = ["formId", "preview"],
   _excluded3$1 = ["formId", "submissionId"];
-function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$c(Object(source), !0).forEach(function (key) { _defineProperty$6(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$d(Object(source), !0).forEach(function (key) { _defineProperty$6(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var useForm = function useForm(_ref) {
   var formId = _ref.formId,
     preview = _ref.preview,
     options = _objectWithoutProperties(_ref, _excluded$e);
   return useQuery([QUERY_KEYS.QUESTIONS, preview ? "preview/".concat(formId) : formId], function () {
     return neetoFormApi.getPublicQuestions(formId);
-  }, _objectSpread$b({
+  }, _objectSpread$c({
     keepPreviousData: true
   }, options));
 };
 var useCreateForm = function useCreateForm(options) {
   var queryClient = useQueryClient();
-  return useMutation(neetoFormApi.createForm, _objectSpread$b(_objectSpread$b({}, options), {}, {
+  return useMutation(neetoFormApi.createForm, _objectSpread$c(_objectSpread$c({}, options), {}, {
     onSuccess: function onSuccess(form) {
       var _options$onSuccess;
       queryClient.setQueryData(QUERY_KEYS.QUESTIONS, function (forms) {
@@ -575,16 +575,16 @@ var useUpdateForm = function useUpdateForm(options) {
     var id = _ref2.id,
       values = _ref2.values;
     return neetoFormApi.updateForm(id, values);
-  }, _objectSpread$b(_objectSpread$b({}, options), {}, {
+  }, _objectSpread$c(_objectSpread$c({}, options), {}, {
     onSuccess: function onSuccess(data, _ref3) {
       var id = _ref3.id;
       queryClient.setQueryData([QUERY_KEYS.QUESTIONS, id], function (form) {
-        return _objectSpread$b(_objectSpread$b({}, form), {}, {
+        return _objectSpread$c(_objectSpread$c({}, form), {}, {
           title: data.title
         });
       });
       queryClient.setQueryData([QUERY_KEYS.QUESTIONS, "preview/".concat(id)], function (form) {
-        return _objectSpread$b(_objectSpread$b({}, form), {}, {
+        return _objectSpread$c(_objectSpread$c({}, form), {}, {
           title: data.title,
           questions: data.questions
         });
@@ -602,7 +602,7 @@ var useUpdateQuestions = function useUpdateQuestions(options) {
     var id = _ref4.id,
       values = _ref4.values;
     return neetoFormApi.updateQuestions(id, values);
-  }, _objectSpread$b(_objectSpread$b({}, options), {}, {
+  }, _objectSpread$c(_objectSpread$c({}, options), {}, {
     onSuccess: function onSuccess() {
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
@@ -610,12 +610,12 @@ var useUpdateQuestions = function useUpdateQuestions(options) {
       var data = args[0],
         id = args[1].id;
       queryClient.setQueryData([QUERY_KEYS.QUESTIONS, id], function (form) {
-        return _objectSpread$b(_objectSpread$b({}, form), {}, {
+        return _objectSpread$c(_objectSpread$c({}, form), {}, {
           questions: data.questions
         });
       });
       queryClient.setQueryData([QUERY_KEYS.QUESTIONS, "preview/".concat(id)], function (form) {
-        return _objectSpread$b(_objectSpread$b({}, form), {}, {
+        return _objectSpread$c(_objectSpread$c({}, form), {}, {
           questions: data.questions
         });
       });
@@ -624,7 +624,7 @@ var useUpdateQuestions = function useUpdateQuestions(options) {
   }));
 };
 var useForms = function useForms(options) {
-  return useQuery([QUERY_KEYS.FORMS], neetoFormApi.getForms, _objectSpread$b({
+  return useQuery([QUERY_KEYS.FORMS], neetoFormApi.getForms, _objectSpread$c({
     keepPreviousData: true
   }, options));
 };
@@ -633,7 +633,7 @@ var useDeleteForm = function useDeleteForm(options) {
   return useMutation(function (_ref5) {
     var id = _ref5.id;
     return neetoFormApi.destroyForm(id);
-  }, _objectSpread$b(_objectSpread$b({}, options), {}, {
+  }, _objectSpread$c(_objectSpread$c({}, options), {}, {
     onSuccess: function onSuccess() {
       for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
         args[_key2] = arguments[_key2];
@@ -652,7 +652,7 @@ var useSubmission = function useSubmission(_ref7) {
     options = _objectWithoutProperties(_ref7, _excluded3$1);
   return useQuery([QUERY_KEYS.SUBMISSION, formId, submissionId], function () {
     return neetoFormApi.getPublicSubmission(formId, submissionId);
-  }, _objectSpread$b(_objectSpread$b({}, options), {}, {
+  }, _objectSpread$c(_objectSpread$c({}, options), {}, {
     keepPreviousData: true
   }));
 };
@@ -662,7 +662,7 @@ var useCreateSubmission = function useCreateSubmission(options) {
     var formId = _ref8.formId,
       values = _ref8.values;
     return neetoFormApi.submitPublicForm(formId, values);
-  }, _objectSpread$b(_objectSpread$b({}, options), {}, {
+  }, _objectSpread$c(_objectSpread$c({}, options), {}, {
     onSuccess: function onSuccess() {
       var _data$submission, _data$submission2;
       for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
@@ -683,7 +683,7 @@ var useUpdateSubmission = function useUpdateSubmission(options) {
     var formId = _ref9.formId,
       values = _ref9.values;
     return neetoFormApi.updatePublicSubmission(formId, values);
-  }, _objectSpread$b(_objectSpread$b({}, options), {}, {
+  }, _objectSpread$c(_objectSpread$c({}, options), {}, {
     onSuccess: function onSuccess() {
       var _data$submission3;
       for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
@@ -834,8 +834,8 @@ function _slicedToArray$1(arr, i) {
   return _arrayWithHoles$1(arr) || _iterableToArrayLimit$1(arr, i) || _unsupportedIterableToArray$7(arr, i) || _nonIterableRest$1();
 }
 
-function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$b(Object(source), !0).forEach(function (key) { _defineProperty$6(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$c(Object(source), !0).forEach(function (key) { _defineProperty$6(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var defaultConfig = {
   strict: true,
   matchKey: "value"
@@ -843,7 +843,7 @@ var defaultConfig = {
 var findOptionByValue = function findOptionByValue(value) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   var config = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var configObject = _objectSpread$a(_objectSpread$a({}, defaultConfig), config);
+  var configObject = _objectSpread$b(_objectSpread$b({}, defaultConfig), config);
   var matchKey = configObject.matchKey,
     strict = configObject.strict;
   return options.find(function (option) {
@@ -857,7 +857,7 @@ var filterOptionsByValues = function filterOptionsByValues() {
   var values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
   var config = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  var configObject = _objectSpread$a(_objectSpread$a({}, defaultConfig), config);
+  var configObject = _objectSpread$b(_objectSpread$b({}, defaultConfig), config);
   var matchKey = configObject.matchKey,
     strict = configObject.strict;
   return options.filter(function (option) {
@@ -875,7 +875,7 @@ var destroyFromList = function destroyFromList(items, index) {
     var nextItems = _toConsumableArray(items);
     nextItems.splice(index, 1);
     if (itemToRemove.id) {
-      nextItems.push(_objectSpread$a(_objectSpread$a({}, itemToRemove), {}, {
+      nextItems.push(_objectSpread$b(_objectSpread$b({}, itemToRemove), {}, {
         _destroy: true
       }));
     }
@@ -971,7 +971,7 @@ function _defineProperty$5(obj, key, value) {
   return obj;
 }
 
-function ownKeys$a(e, r) {
+function ownKeys$b(e, r) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var o = Object.getOwnPropertySymbols(e);
@@ -984,9 +984,9 @@ function ownKeys$a(e, r) {
 function _objectSpread2(e) {
   for (var r = 1; r < arguments.length; r++) {
     var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) {
+    r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) {
       _defineProperty$5(e, r, t[r]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) {
       Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
     });
   }
@@ -11822,10 +11822,14 @@ var Editor = function Editor(_ref) {
   return /*#__PURE__*/React__default.createElement("div", {
     className: "w-full cursor-auto"
   }, /*#__PURE__*/React__default.createElement(Editor$1, {
-    disabled: isLabelDisabled,
     error: error,
+    className: "px-2 pb-2",
+    contentClassName: "border-none",
+    disabled: isLabelDisabled,
+    errorWrapperClassName: "border-none",
     id: "editor",
     initialValue: value,
+    menuClassName: "border-none",
     name: fieldName,
     ref: editorRef,
     onChange: function onChange(text) {
@@ -12218,8 +12222,8 @@ function v4(options, buf, offset) {
   return unsafeStringify(rnds);
 }
 
-function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty$6(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$a(Object(source), !0).forEach(function (key) { _defineProperty$6(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var isQuestionKindAlreadyActive = function isQuestionKindAlreadyActive(_ref) {
   var activeQuestions = _ref.activeQuestions,
     kind = _ref.kind;
@@ -12236,7 +12240,7 @@ var handleFieldDragEnd = function handleFieldDragEnd(_ref2) {
     var nextItems = _toConsumableArray(items);
     arrayHelpers.moveItem(nextItems, source.index, destination.index);
     var orderedItems = nextItems.map(function (item, index) {
-      return _objectSpread$9(_objectSpread$9({}, item), {}, {
+      return _objectSpread$a(_objectSpread$a({}, item), {}, {
         displayOrder: index
       });
     });
@@ -12247,7 +12251,7 @@ var createFieldData = function createFieldData(_ref3, isRequired) {
   var defaults = _ref3.defaults,
     type = _ref3.type,
     metadata = _ref3.metadata;
-  return _objectSpread$9(_objectSpread$9({}, defaults), {}, {
+  return _objectSpread$a(_objectSpread$a({}, defaults), {}, {
     metadata: metadata,
     isRequired: isRequired,
     kind: type,
@@ -12367,8 +12371,8 @@ var List = function List(_ref) {
 };
 
 var _excluded$7 = ["questionKinds", "showAddQuestionDivider", "onValueChange", "showActionBlock", "formId", "isDeletable", "isRequiredField", "submitButtonProps", "cancelButtonProps", "isKindAlreadyActive", "getActiveKindDetails", "kindUniqueOn", "isDisabledFieldLabel", "disabledAddButtonTooltipProps"];
-function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty$6(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty$6(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Form = function Form(_ref) {
   var _INDEPENDENT_LABELS_M, _questions$deleteQues, _questions$deleteQues2;
   var questionKinds = _ref.questionKinds,
@@ -12450,7 +12454,7 @@ var Form = function Form(_ref) {
       onDuplicate: function onDuplicate() {
         var newQuestions = insert(item.displayOrder, duplicateFieldData(item), values.questions);
         setFieldValue("questions", newQuestions.map(function (question, index) {
-          return _objectSpread$8(_objectSpread$8({}, question), {}, {
+          return _objectSpread$9(_objectSpread$9({}, question), {}, {
             displayOrder: index + 1
           });
         }));
@@ -12529,10 +12533,10 @@ var Form = function Form(_ref) {
       setFieldValue("questions", nextQuestions, false);
     }
   })), showActionBlock && /*#__PURE__*/React__default.createElement(ActionBlock, {
-    cancelButtonProps: _objectSpread$8({
+    cancelButtonProps: _objectSpread$9({
       label: t("neetoForm.common.reset")
     }, cancelButtonProps),
-    submitButtonProps: _objectSpread$8({
+    submitButtonProps: _objectSpread$9({
       disabled: isSubmitting || !dirty
     }, submitButtonProps)
   })));
@@ -12587,8 +12591,8 @@ var formValidationSchema = object().shape({
   })).required()
 });
 
-function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty$6(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty$6(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var BuildForm = function BuildForm(_ref) {
   var id = _ref.id,
     onUpdate = _ref.onUpdate,
@@ -12665,7 +12669,7 @@ var BuildForm = function BuildForm(_ref) {
   var handleSubmit = function handleSubmit(payload) {
     return updateQuestions({
       id: id,
-      values: _objectSpread$7({
+      values: _objectSpread$8({
         neetoFormQuestion: payload
       }, buildRequestArgs)
     });
@@ -15154,9 +15158,9 @@ function _unsupportedIterableToArray$3(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$3(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty$4(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty$4(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty$4(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 var DEFAULT_OPTIONS = {
@@ -15183,7 +15187,7 @@ var DEFAULT_OPTIONS = {
 function formatNumber(input, format, options, metadata) {
   // Apply default options.
   if (options) {
-    options = _objectSpread$6(_objectSpread$6({}, DEFAULT_OPTIONS), options);
+    options = _objectSpread$7(_objectSpread$7({}, DEFAULT_OPTIONS), options);
   } else {
     options = DEFAULT_OPTIONS;
   }
@@ -15328,9 +15332,9 @@ function formatIDD(nationalNumber, carrierCode, countryCallingCode, fromCountry,
   }
 }
 
-function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty$3(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty$3(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
@@ -15442,7 +15446,7 @@ var PhoneNumber = /*#__PURE__*/function () {
   }, {
     key: "format",
     value: function format(_format, options) {
-      return formatNumber(this, _format, options ? _objectSpread$5(_objectSpread$5({}, options), {}, {
+      return formatNumber(this, _format, options ? _objectSpread$6(_objectSpread$6({}, options), {}, {
         v2: true
       }) : {
         v2: true
@@ -16485,20 +16489,20 @@ function parsePhoneNumber$3(formattedPhoneNumber, defaultCountry, defaultCalling
   };
 }
 
-function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty$2(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty$2(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty$2(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function parsePhoneNumberWithError(text, options, metadata) {
-  return parse(text, _objectSpread$4(_objectSpread$4({}, options), {}, {
+  return parse(text, _objectSpread$5(_objectSpread$5({}, options), {}, {
     v2: true
   }), metadata);
 }
 
-function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty$1(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
@@ -16546,7 +16550,7 @@ function normalizeArguments(args) {
     }
 
     if (arg_2) {
-      options = _objectSpread$3({
+      options = _objectSpread$4({
         defaultCountry: arg_2
       }, options);
     }
@@ -16568,15 +16572,15 @@ function normalizeArguments(args) {
   };
 }
 
-function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function parsePhoneNumber$2(text, options, metadata) {
   // Validate `defaultCountry`.
   if (options && options.defaultCountry && !isSupportedCountry(options.defaultCountry, metadata)) {
-    options = _objectSpread$2(_objectSpread$2({}, options), {}, {
+    options = _objectSpread$3(_objectSpread$3({}, options), {}, {
       defaultCountry: undefined
     });
   } // Parse phone number.
@@ -16605,8 +16609,8 @@ function parsePhoneNumber() {
 	return withMetadataArgument(parsePhoneNumber$1, arguments)
 }
 
-function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty$6(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty$6(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var toEmailValues = function toEmailValues() {
   var values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   return values.map(function (value) {
@@ -16627,7 +16631,7 @@ var generateInitValues = function generateInitValues(questions) {
   var valuesMap = {};
   if (initialValues) {
     valuesMap = initialValues.reduce(function (acc, answer) {
-      return _objectSpread$1(_objectSpread$1({}, acc), {}, _defineProperty$6({}, answer.questionId, {
+      return _objectSpread$2(_objectSpread$2({}, acc), {}, _defineProperty$6({}, answer.questionId, {
         value: answer.value,
         optionIds: answer.optionIds
       }));
@@ -16704,15 +16708,14 @@ var generateFormResponse = function generateFormResponse(response, questions) {
         }
       } else if (kind === QUESTION_KIND.CHECKBOX.value) {
         responseValue.forEach(function (isChecked, index) {
-          if (isChecked) {
-            var _option = optionsAttributes[index];
-            formResponse.push({
-              questionId: id,
-              questionOptionId: _option.id,
-              value: _option.label,
-              kind: kind
-            });
-          }
+          if (!isChecked) return;
+          var option = optionsAttributes[index];
+          formResponse.push({
+            questionId: id,
+            questionOptionId: option.id,
+            value: option.label,
+            kind: kind
+          });
         });
       } else if (kind === QUESTION_KIND.PHONE.value) {
         formResponse.push({
@@ -16751,6 +16754,9 @@ var getError = function getError(meta) {
   }
   return "";
 };
+var buildAutoCompleteAttribute = function buildAutoCompleteAttribute(kind, autoCompleteKinds, formDomProps) {
+  return (formDomProps === null || formDomProps === void 0 ? void 0 : formDomProps.autoComplete) === "off" && includes(kind, autoCompleteKinds) ? "on" : undefined;
+};
 
 var ConditionField = function ConditionField(_ref) {
   var question = _ref.question,
@@ -16942,36 +16948,42 @@ var OptionsField = function OptionsField(_ref) {
 };
 
 var PhoneNumberField = function PhoneNumberField(_ref) {
-  var question = _ref.question;
-  var _useFormikContext = useFormikContext(),
-    setFieldValue = _useFormikContext.setFieldValue;
+  var question = _ref.question,
+    autoComplete = _ref.autoComplete;
   var name = question.id,
     kind = question.kind,
     label = question.label,
     placeholder = question.placeholder,
     isRequired = question.isRequired,
     nodeId = question.nodeId;
-  return /*#__PURE__*/React__default.createElement(Field, {
-    name: name || nodeId,
-    validate: validateFieldValue({
-      kind: kind,
-      label: label,
-      isRequired: isRequired
-    })
-  }, function (_ref2) {
-    var meta = _ref2.meta,
-      field = _ref2.field;
-    return /*#__PURE__*/React__default.createElement(PhoneNumberInput, {
-      className: "neeto-form-engine-input__wrapper items-stretch",
-      error: meta.touched ? meta.error : "",
-      label: label,
-      placeholder: placeholder,
-      required: isRequired,
-      value: field.value,
-      onChange: function onChange(value) {
-        return setFieldValue(field.name, value);
-      }
-    });
+  var _useField = useField({
+      name: name || nodeId,
+      validate: validateFieldValue({
+        kind: kind,
+        label: label,
+        isRequired: isRequired
+      })
+    }),
+    _useField2 = _slicedToArray$1(_useField, 3),
+    value = _useField2[0].value,
+    _useField2$ = _useField2[1],
+    touched = _useField2$.touched,
+    error = _useField2$.error,
+    _useField2$2 = _useField2[2],
+    setValue = _useField2$2.setValue,
+    setTouched = _useField2$2.setTouched;
+  return /*#__PURE__*/React__default.createElement(PhoneNumberInput, {
+    autoComplete: autoComplete,
+    label: label,
+    placeholder: placeholder,
+    value: value,
+    className: "neeto-form-engine-input__wrapper items-stretch",
+    error: touched ? error : "",
+    required: isRequired,
+    onChange: setValue,
+    onBlur: function onBlur() {
+      setTouched(true);
+    }
   });
 };
 
@@ -17266,10 +17278,14 @@ var TermsField = function TermsField(_ref) {
   });
 };
 
+function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty$6(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var TextField = function TextField(_ref) {
+  var _otherProps$onChange;
   var question = _ref.question,
     showPrefixIcon = _ref.showPrefixIcon,
-    customValidator = _ref.customValidator;
+    customValidator = _ref.customValidator,
+    autoComplete = _ref.autoComplete;
   var name = question.id,
     kind = question.kind,
     label = question.label,
@@ -17283,30 +17299,42 @@ var TextField = function TextField(_ref) {
     onKeyDown = _QUESTION_KIND$kind$t.onKeyDown,
     otherProps = _QUESTION_KIND$kind$t.otherProps;
   var Component = kind === QUESTION_KIND.TEXTAREA.value ? Textarea$1 : Input$2;
-  return /*#__PURE__*/React__default.createElement(Field, {
-    name: name || nodeId,
-    validate: validateFieldValue({
-      kind: kind,
-      label: label,
-      isRequired: isRequired,
-      customValidator: customValidator
-    })
-  }, function (_ref2) {
-    var _otherProps$onChange;
-    var meta = _ref2.meta,
-      field = _ref2.field;
-    return /*#__PURE__*/React__default.createElement(Component, _extends$6({
-      error: meta.touched ? meta.error : "",
-      label: label,
-      placeholder: placeholder,
-      prefix: showPrefixIcon && prefix,
-      required: isRequired,
-      type: type
-    }, field, {
-      onChange: (_otherProps$onChange = otherProps === null || otherProps === void 0 ? void 0 : otherProps.onChange(field.onChange)) !== null && _otherProps$onChange !== void 0 ? _otherProps$onChange : field.onChange,
-      onKeyDown: onKeyDown
-    }));
-  });
+  var _useField = useField({
+      name: name || nodeId,
+      validate: validateFieldValue({
+        kind: kind,
+        label: label,
+        isRequired: isRequired,
+        customValidator: customValidator
+      })
+    }),
+    _useField2 = _slicedToArray$1(_useField, 3),
+    field = _useField2[0],
+    _useField2$ = _useField2[1],
+    touched = _useField2$.touched,
+    error = _useField2$.error,
+    _useField2$2 = _useField2[2],
+    setValue = _useField2$2.setValue,
+    setTouched = _useField2$2.setTouched;
+  var handleFieldChange = withEventTargetValue(setValue);
+  return /*#__PURE__*/React__default.createElement(Component, _extends$6({
+    error: touched ? error : "",
+    prefix: showPrefixIcon && prefix,
+    required: isRequired
+  }, _objectSpread$1(_objectSpread$1({
+    label: label,
+    placeholder: placeholder,
+    type: type
+  }, field), {}, {
+    autoComplete: autoComplete,
+    onKeyDown: onKeyDown
+  }), {
+    name: ["email", "name"].includes(kind) ? kind : slugify(label),
+    onChange: (_otherProps$onChange = otherProps === null || otherProps === void 0 ? void 0 : otherProps.onChange(handleFieldChange)) !== null && _otherProps$onChange !== void 0 ? _otherProps$onChange : handleFieldChange,
+    onBlur: function onBlur() {
+      setTouched(true);
+    }
+  }));
 };
 
 var _QUESTION_TO_COMPONEN;
@@ -17413,7 +17441,9 @@ var ExternalForm = function ExternalForm(_ref) {
     formDomProps = _ref.formDomProps,
     _ref$editorProps = _ref.editorProps,
     editorProps = _ref$editorProps === void 0 ? {} : _ref$editorProps,
-    customValidator = _ref.customValidator;
+    customValidator = _ref.customValidator,
+    _ref$autoCompleteKind = _ref.autoCompleteKinds,
+    autoCompleteKinds = _ref$autoCompleteKind === void 0 ? [] : _ref$autoCompleteKind;
   var _useState = useState(false),
     _useState2 = _slicedToArray$1(_useState, 2),
     isSubmitted = _useState2[0],
@@ -17674,7 +17704,6 @@ var ExternalForm = function ExternalForm(_ref) {
       onValuesChange: onChange
     }, /*#__PURE__*/React__default.createElement(Form$1, _extends$6({
       noValidate: true,
-      autoComplete: "off",
       ref: mergeRefs(formRef, keyPressRef),
       className: classnames("neeto-form-engine-form relative space-y-4", _defineProperty$6({}, className, className)),
       onChange: function onChange(event) {
@@ -17697,7 +17726,8 @@ var ExternalForm = function ExternalForm(_ref) {
         question: question,
         customValidator: customValidator === null || customValidator === void 0 ? void 0 : customValidator(question),
         key: (_question$id = question.id) !== null && _question$id !== void 0 ? _question$id : question.nodeId,
-        showPrefixIcon: showPrefixIcons
+        showPrefixIcon: showPrefixIcons,
+        autoComplete: buildAutoCompleteAttribute(question.kind, autoCompleteKinds, formDomProps)
       });
     }), showEmptyState && isEmpty(renderedQuestions) && /*#__PURE__*/React__default.createElement("div", {
       className: "flex flex-col items-center justify-center gap-y-4 py-8"