@bigbinary/neeto-form-frontend 1.2.40 → 1.2.41

package/dist/index.js

@@ -1,7 +1,7 @@
 import * as React$2 from 'react';
 import React__default, { useState, useRef, useEffect, useContext, useLayoutEffect as useLayoutEffect$1, forwardRef, useImperativeHandle, Fragment, useReducer, useCallback as useCallback$1, useMemo as useMemo$1, createContext, createElement } from 'react';
 import { useField, useFormikContext, FieldArray, Form as Form$1, Formik, Field, FastField } from 'formik';
-import { noop as noop$4, slugify, filterBy, findBy, removeBy, isPresent as isPresent$1, isNotEmpty, findById, notEqualsDeep } from '@bigbinary/neeto-cist';
+import { noop as noop$4, slugify, filterBy, findBy, removeBy, isPresent as isPresent$1, isNotPresent, isNotEmpty, findById, notEqualsDeep } from '@bigbinary/neeto-cist';
 import { withEventTargetValue, showThumbsUpToastr, getQueryParams, dateFormat } from '@bigbinary/neeto-commons-frontend/utils';
 import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
 import { Tooltip, Dropdown as Dropdown$2, Alert, Typography, Button as Button$1, Label, Checkbox as Checkbox$1, Toastr, MultiEmailInput, DatePicker, Radio as Radio$1, Select, Textarea as Textarea$1, Input as Input$2, Spinner as Spinner$2 } from '@bigbinary/neetoui';
@@ -125,7 +125,7 @@ function _objectWithoutProperties$1(source, excluded) {
   return target;
 }
 
-var _excluded$c = ["size"],
+var _excluded$d = ["size"],
   _excluded2$1 = ["size"],
   _excluded3$2 = ["size"],
   _excluded4$1 = ["size"],
@@ -133,7 +133,7 @@ var _excluded$c = ["size"],
 var Star = function Star(props) {
   var _props$size = props.size,
     size = _props$size === void 0 ? 20 : _props$size,
-    other = _objectWithoutProperties$1(props, _excluded$c);
+    other = _objectWithoutProperties$1(props, _excluded$d);
   return /*#__PURE__*/React__default.createElement("svg", _extends$8({
     fill: "none",
     height: size,
@@ -561,27 +561,27 @@ var neetoFormApi = {
   updatePublicSubmission: updatePublicSubmission
 };
 
-var _excluded$b = ["formId", "preview", "language"],
+var _excluded$c = ["formId", "preview", "language"],
   _excluded3$1 = ["formId", "submissionId"];
-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$f(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$6(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$g(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$6(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 useForm = function useForm(_ref) {
   var formId = _ref.formId,
     _ref$preview = _ref.preview,
     preview = _ref$preview === void 0 ? null : _ref$preview,
     _ref$language = _ref.language,
     language = _ref$language === void 0 ? "en" : _ref$language,
-    options = _objectWithoutProperties$1(_ref, _excluded$b);
+    options = _objectWithoutProperties$1(_ref, _excluded$c);
   return useQuery([QUERY_KEYS.QUESTIONS, preview ? "preview/".concat(formId) : formId, language], function () {
     return neetoFormApi.getPublicQuestions(formId, language);
-  }, _objectSpread$f({
+  }, _objectSpread$g({
     keepPreviousData: true
   }, options));
 };
 var useCreateForm = function useCreateForm(options) {
   var language = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "en";
   var queryClient = useQueryClient();
-  return useMutation(neetoFormApi.createForm, _objectSpread$f(_objectSpread$f({}, options), {}, {
+  return useMutation(neetoFormApi.createForm, _objectSpread$g(_objectSpread$g({}, options), {}, {
     onSuccess: function onSuccess(form) {
       var _options$onSuccess;
       queryClient.setQueryData(QUERY_KEYS.QUESTIONS, function (forms) {
@@ -601,16 +601,16 @@ var useUpdateForm = function useUpdateForm(options) {
     var id = _ref2.id,
       values = _ref2.values;
     return neetoFormApi.updateForm(id, values);
-  }, _objectSpread$f(_objectSpread$f({}, options), {}, {
+  }, _objectSpread$g(_objectSpread$g({}, options), {}, {
     onSuccess: function onSuccess(data, _ref3) {
       var id = _ref3.id;
       queryClient.setQueryData([QUERY_KEYS.QUESTIONS, id, language], function (form) {
-        return _objectSpread$f(_objectSpread$f({}, form), {}, {
+        return _objectSpread$g(_objectSpread$g({}, form), {}, {
           title: data.title
         });
       });
       queryClient.setQueryData([QUERY_KEYS.QUESTIONS, "preview/".concat(id), language], function (form) {
-        return _objectSpread$f(_objectSpread$f({}, form), {}, {
+        return _objectSpread$g(_objectSpread$g({}, form), {}, {
           title: data.title,
           questions: data.questions
         });
@@ -628,29 +628,21 @@ var useUpdateQuestions = function useUpdateQuestions(options, language) {
     var id = _ref4.id,
       values = _ref4.values;
     return neetoFormApi.updateQuestions(id, values);
-  }, _objectSpread$f(_objectSpread$f({}, options), {}, {
+  }, _objectSpread$g(_objectSpread$g({}, options), {}, {
     onSuccess: function onSuccess() {
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
       }
       var data = args[0],
         id = args[1].id;
-      queryClient.setQueryData([QUERY_KEYS.QUESTIONS, id, language], function (form) {
-        return _objectSpread$f(_objectSpread$f({}, form), {}, {
-          questions: data.questions
-        });
-      });
-      queryClient.setQueryData([QUERY_KEYS.QUESTIONS, "preview/".concat(id), language], function (form) {
-        return _objectSpread$f(_objectSpread$f({}, form), {}, {
-          questions: data.questions
-        });
-      });
+      queryClient.setQueryData([QUERY_KEYS.QUESTIONS, id, language], assoc("questions", data.questions));
+      queryClient.setQueryData([QUERY_KEYS.QUESTIONS, "preview/".concat(id), language], assoc("questions", data.questions));
       options.onSuccess && options.onSuccess.apply(options, args);
     }
   }));
 };
 var useForms = function useForms(options) {
-  return useQuery([QUERY_KEYS.FORMS], neetoFormApi.getForms, _objectSpread$f({
+  return useQuery([QUERY_KEYS.FORMS], neetoFormApi.getForms, _objectSpread$g({
     keepPreviousData: true
   }, options));
 };
@@ -658,7 +650,7 @@ var useDeleteForm = function useDeleteForm(options) {
   return useMutationWithInvalidation(function (_ref5) {
     var id = _ref5.id;
     return neetoFormApi.destroyForm(id);
-  }, _objectSpread$f(_objectSpread$f({}, options), {}, {
+  }, _objectSpread$g(_objectSpread$g({}, options), {}, {
     keysToInvalidate: function keysToInvalidate(_, _ref6) {
       var id = _ref6.id;
       return [QUERY_KEYS.FORMS, [QUERY_KEYS.QUESTIONS, id], [QUERY_KEYS.QUESTIONS, "preview/".concat(id)]];
@@ -674,7 +666,7 @@ var useSubmission = function useSubmission(_ref8) {
     options = _objectWithoutProperties$1(_ref8, _excluded3$1);
   return useQuery([QUERY_KEYS.SUBMISSION, formId, submissionId], function () {
     return neetoFormApi.getPublicSubmission(formId, submissionId);
-  }, _objectSpread$f(_objectSpread$f({}, options), {}, {
+  }, _objectSpread$g(_objectSpread$g({}, options), {}, {
     keepPreviousData: true
   }));
 };
@@ -684,7 +676,7 @@ var useCreateSubmission = function useCreateSubmission(options) {
     var formId = _ref9.formId,
       values = _ref9.values;
     return neetoFormApi.submitPublicForm(formId, values);
-  }, _objectSpread$f(_objectSpread$f({}, options), {}, {
+  }, _objectSpread$g(_objectSpread$g({}, options), {}, {
     onSuccess: function onSuccess() {
       var _data$submission, _data$submission2;
       for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
@@ -705,7 +697,7 @@ var useUpdateSubmission = function useUpdateSubmission(options) {
     var formId = _ref10.formId,
       values = _ref10.values;
     return neetoFormApi.updatePublicSubmission(formId, values);
-  }, _objectSpread$f(_objectSpread$f({}, options), {}, {
+  }, _objectSpread$g(_objectSpread$g({}, options), {}, {
     onSuccess: function onSuccess() {
       var _data$submission3;
       for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
@@ -899,7 +891,7 @@ function _defineProperty$5(obj, key, value) {
   return obj;
 }
 
-function ownKeys$f(e, r) {
+function ownKeys$g(e, r) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var o = Object.getOwnPropertySymbols(e);
@@ -912,9 +904,9 @@ function ownKeys$f(e, r) {
 function _objectSpread2(e) {
   for (var r = 1; r < arguments.length; r++) {
     var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) {
+    r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) {
       _defineProperty$5(e, r, t[r]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) {
       Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
     });
   }
@@ -1634,7 +1626,7 @@ reactIs_production_min.isValidElementType=function(a){return "string"===typeof a
 
 var reactIsExports = reactIs.exports;
 
-const _excluded$a = ["initMapStateToProps", "initMapDispatchToProps", "initMergeProps"];
+const _excluded$b = ["initMapStateToProps", "initMapDispatchToProps", "initMergeProps"];
 function pureFinalPropsSelectorFactory(mapStateToProps, mapDispatchToProps, mergeProps, dispatch, {
   areStatesEqual,
   areOwnPropsEqual,
@@ -1704,7 +1696,7 @@ function finalPropsSelectorFactory(dispatch, _ref) {
     initMapDispatchToProps,
     initMergeProps
   } = _ref,
-      options = _objectWithoutPropertiesLoose$1(_ref, _excluded$a);
+      options = _objectWithoutPropertiesLoose$1(_ref, _excluded$b);
 
   const mapStateToProps = initMapStateToProps(dispatch, options);
   const mapDispatchToProps = initMapDispatchToProps(dispatch, options);
@@ -2041,7 +2033,7 @@ function shallowEqual(objA, objB) {
   return true;
 }
 
-const _excluded$9 = ["reactReduxForwardedRef"];
+const _excluded$a = ["reactReduxForwardedRef"];
 let useSyncExternalStore = notInitialized;
 const initializeConnect = fn => {
   useSyncExternalStore = fn;
@@ -2219,7 +2211,7 @@ function connect(mapStateToProps, mapDispatchToProps, mergeProps, {
         const {
           reactReduxForwardedRef
         } = props,
-              wrapperProps = _objectWithoutPropertiesLoose$1(props, _excluded$9);
+              wrapperProps = _objectWithoutPropertiesLoose$1(props, _excluded$a);
 
         return [props.context, reactReduxForwardedRef, wrapperProps];
       }, [props]);
@@ -9785,8 +9777,8 @@ const ConnectedDroppable = connect(makeMapStateToProps, mapDispatchToProps, (sta
 })(Droppable$1);
 var ConnectedDroppable$1 = ConnectedDroppable;
 
-function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty$6(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty$6(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var defaultConfig = {
   strict: true,
   matchKey: "value"
@@ -9794,7 +9786,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$e(_objectSpread$e({}, defaultConfig), config);
+  var configObject = _objectSpread$f(_objectSpread$f({}, defaultConfig), config);
   var matchKey = configObject.matchKey,
     strict = configObject.strict;
   return options.find(function (option) {
@@ -9808,7 +9800,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$e(_objectSpread$e({}, defaultConfig), config);
+  var configObject = _objectSpread$f(_objectSpread$f({}, defaultConfig), config);
   var matchKey = configObject.matchKey,
     strict = configObject.strict;
   return options.filter(function (option) {
@@ -9826,7 +9818,7 @@ var destroyFromList = function destroyFromList(items, index) {
     var nextItems = _toConsumableArray$1(items);
     nextItems.splice(index, 1);
     if (itemToRemove.id) {
-      nextItems.push(_objectSpread$e(_objectSpread$e({}, itemToRemove), {}, {
+      nextItems.push(_objectSpread$f(_objectSpread$f({}, itemToRemove), {}, {
         _destroy: true
       }));
     }
@@ -9927,6 +9919,30 @@ var ChangeLanguageDropdown = function ChangeLanguageDropdown(_ref) {
   }));
 };
 
+var Overview = function Overview(_ref) {
+  var title = _ref.title,
+    description = _ref.description,
+    availableLanguages = _ref.availableLanguages,
+    selectedLanguage = _ref.selectedLanguage,
+    dirty = _ref.dirty,
+    onLanguageChange = _ref.onLanguageChange;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "mb-4 flex-shrink-0"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "flex items-center justify-between"
+  }, /*#__PURE__*/React__default.createElement(Typography, {
+    "data-cy": "neeto-form-engine-overview-title",
+    lineHeight: "normal",
+    style: "h4",
+    weight: "semibold"
+  }, title), availableLanguages.length > 1 && /*#__PURE__*/React__default.createElement(ChangeLanguageDropdown, {
+    dirty: dirty,
+    initialLanguage: selectedLanguage,
+    languages: availableLanguages,
+    onChange: onLanguageChange
+  })), description);
+};
+
 var ListItem = function ListItem(_ref) {
   var _ref$icon = _ref.icon,
     Icon = _ref$icon === void 0 ? null : _ref$icon,
@@ -9941,14 +9957,14 @@ var ListItem = function ListItem(_ref) {
   }, label));
 };
 
-var _excluded$8 = ["size", "color"],
+var _excluded$9 = ["size", "color"],
   _excluded2 = ["size", "color"],
   _excluded3 = ["size", "color"],
   _excluded4 = ["size", "color"];
 var BadSmiley = function BadSmiley(props) {
   var size = props.size,
     color = props.color,
-    other = _objectWithoutProperties$1(props, _excluded$8);
+    other = _objectWithoutProperties$1(props, _excluded$9);
   return /*#__PURE__*/React__default.createElement("svg", _extends$8({
     fill: "none",
     height: size,
@@ -10161,10 +10177,10 @@ var Accordion = function Accordion(_ref) {
   }));
 };
 
-var _excluded$7 = ["maxLength"];
+var _excluded$8 = ["maxLength"];
 var InputWithMaxLength = function InputWithMaxLength(_ref) {
   var maxLength = _ref.maxLength,
-    props = _objectWithoutProperties$1(_ref, _excluded$7);
+    props = _objectWithoutProperties$1(_ref, _excluded$8);
   var _useField = useField(props),
     _useField2 = _slicedToArray$3(_useField, 3),
     value = _useField2[0].value,
@@ -10180,10 +10196,10 @@ var InputWithMaxLength = function InputWithMaxLength(_ref) {
   }));
 };
 
-var _excluded$6 = ["maxLength"];
+var _excluded$7 = ["maxLength"];
 var TextAreaWithMaxLength = function TextAreaWithMaxLength(_ref) {
   var maxLength = _ref.maxLength,
-    props = _objectWithoutProperties$1(_ref, _excluded$6);
+    props = _objectWithoutProperties$1(_ref, _excluded$7);
   var _useField = useField(props),
     _useField2 = _slicedToArray$3(_useField, 3),
     value = _useField2[0].value,
@@ -11505,8 +11521,8 @@ var arrayHelpers = {
   moveItem: moveItem
 };
 
-function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty$6(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty$6(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var generateUniqueFieldCode = function generateUniqueFieldCode(type, questions) {
   var fieldCodes = pluck("fieldCode", filterBy({
     kind: type
@@ -11542,7 +11558,7 @@ var handleFieldDragEnd = function handleFieldDragEnd(_ref2) {
   var nextItems = _toConsumableArray$1(items);
   arrayHelpers.moveItem(nextItems, source.index, destination.index);
   var orderedItems = nextItems.map(function (item, index) {
-    return _objectSpread$d(_objectSpread$d({}, item), {}, {
+    return _objectSpread$e(_objectSpread$e({}, item), {}, {
       displayOrder: index
     });
   });
@@ -11556,7 +11572,7 @@ var createFieldData = function createFieldData(_ref3) {
     _ref3$isRequired = _ref3.isRequired,
     isRequired = _ref3$isRequired === void 0 ? undefined : _ref3$isRequired,
     questions = _ref3.questions;
-  return _objectSpread$d(_objectSpread$d({}, defaults), {}, {
+  return _objectSpread$e(_objectSpread$e({}, defaults), {}, {
     metadata: metadata,
     isRequired: isRequired,
     kind: type,
@@ -11577,7 +11593,7 @@ var duplicateFieldData = function duplicateFieldData(_ref4) {
     optionsAttributes = item.optionsAttributes;
   var defaultAttributeNames = keys(questionKind.defaults || {});
   var defaultAttributes = pick(defaultAttributeNames, item);
-  return _objectSpread$d(_objectSpread$d({}, defaultAttributes), {}, {
+  return _objectSpread$e(_objectSpread$e({}, defaultAttributes), {}, {
     isRequired: isRequired,
     kind: kind,
     label: label,
@@ -11684,9 +11700,9 @@ var List = function List(_ref) {
   })))));
 };
 
-var _excluded$5 = ["questionKinds", "showAddQuestionDivider", "onValueChange", "showActionBlock", "formId", "isDeletable", "isRequiredField", "submitButtonProps", "cancelButtonProps", "isKindAlreadyActive", "getActiveKindDetails", "kindUniqueOn", "isDisabledFieldLabel", "disabledAddButtonTooltipProps", "enableFieldCode", "formTitle", "formDescription", "selectedLanguage", "availableLanguages", "onLanguageChange"];
-function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty$6(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var _excluded$6 = ["questionKinds", "showAddQuestionDivider", "onValueChange", "showActionBlock", "formId", "isDeletable", "isRequiredField", "submitButtonProps", "cancelButtonProps", "isKindAlreadyActive", "getActiveKindDetails", "kindUniqueOn", "isDisabledFieldLabel", "disabledAddButtonTooltipProps", "enableFieldCode", "formTitle", "formDescription", "selectedLanguage", "availableLanguages", "onLanguageChange"];
+function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty$6(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Form = function Form(_ref) {
   var _INDEPENDENT_LABELS_M, _questions$deleteQues, _questions$deleteQues2;
   var questionKinds = _ref.questionKinds,
@@ -11709,7 +11725,7 @@ var Form = function Form(_ref) {
     selectedLanguage = _ref.selectedLanguage,
     availableLanguages = _ref.availableLanguages,
     onLanguageChange = _ref.onLanguageChange,
-    formDomProps = _objectWithoutProperties$1(_ref, _excluded$5);
+    formDomProps = _objectWithoutProperties$1(_ref, _excluded$6);
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   var _useState = useState({}),
@@ -11779,7 +11795,7 @@ var Form = function Form(_ref) {
           questions: questions
         }), values.questions);
         setFieldValue("questions", newQuestions.map(function (question, index) {
-          return _objectSpread$c(_objectSpread$c({}, question), {}, {
+          return _objectSpread$d(_objectSpread$d({}, question), {}, {
             displayOrder: index + 1
           });
         }));
@@ -11796,6 +11812,10 @@ var Form = function Form(_ref) {
       }
     };
   };
+  var handleLanguageChange = function handleLanguageChange(code) {
+    resetForm();
+    onLanguageChange(code);
+  };
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Alert, {
     isOpen: deleteQuestionIndex !== null,
     submitButtonLabel: t("neetoForm.common.delete"),
@@ -11820,26 +11840,16 @@ var Form = function Form(_ref) {
     className: "flex h-full flex-col"
   }, formDomProps, {
     noValidate: true
+  }), formTitle && /*#__PURE__*/React__default.createElement(Overview, {
+    availableLanguages: availableLanguages,
+    dirty: dirty,
+    selectedLanguage: selectedLanguage,
+    description: formDescription,
+    title: formTitle,
+    onLanguageChange: handleLanguageChange
   }), /*#__PURE__*/React__default.createElement("div", {
     className: "w-full flex-grow overflow-y-auto"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "mb-4"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "flex items-center justify-between"
-  }, /*#__PURE__*/React__default.createElement(Typography, {
-    "data-cy": "meeting-header",
-    lineHeight: "normal",
-    style: "h4",
-    weight: "semibold"
-  }, formTitle), availableLanguages.length > 1 && /*#__PURE__*/React__default.createElement(ChangeLanguageDropdown, {
-    dirty: dirty,
-    initialLanguage: selectedLanguage,
-    languages: availableLanguages,
-    onChange: function onChange(code) {
-      resetForm();
-      onLanguageChange(code);
-    }
-  })), formDescription), hasActiveQuestions ? /*#__PURE__*/React__default.createElement(FieldArray, {
+  }, hasActiveQuestions ? /*#__PURE__*/React__default.createElement(FieldArray, {
     name: "questions"
   }, function (_ref2) {
     var insert = _ref2.insert,
@@ -11896,10 +11906,10 @@ var Form = function Form(_ref) {
     className: "neeto-ui-border-gray-300 flex-shrink-0 border-t py-4"
   }, /*#__PURE__*/React__default.createElement(ActionBlock, {
     className: "space-x-2",
-    cancelButtonProps: _objectSpread$c({
+    cancelButtonProps: _objectSpread$d({
       label: t("neetoForm.common.reset")
     }, cancelButtonProps),
-    submitButtonProps: _objectSpread$c({
+    submitButtonProps: _objectSpread$d({
       disabled: isSubmitting || !dirty
     }, submitButtonProps)
   }))));
@@ -11959,8 +11969,8 @@ var formValidationSchema = object().shape({
   })).required()
 });
 
-function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty$6(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty$6(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var BuildForm = function BuildForm(_ref) {
   var id = _ref.id,
     onUpdate = _ref.onUpdate,
@@ -12043,14 +12053,17 @@ var BuildForm = function BuildForm(_ref) {
       className: "flex h-full w-full items-center justify-center py-6"
     }, /*#__PURE__*/React__default.createElement(PageLoader, null));
   }
-  var handleSubmit = function handleSubmit(payload) {
-    return updateQuestions({
+  var handleSubmit = function handleSubmit(payload, _ref2) {
+    var resetForm = _ref2.resetForm;
+    updateQuestions({
       id: id,
-      values: _objectSpread$b({
-        neetoFormQuestion: _objectSpread$b(_objectSpread$b({}, payload), {}, {
+      values: _objectSpread$c({
+        neetoFormQuestion: _objectSpread$c(_objectSpread$c({}, payload), {}, {
           language: selectedLanguage
         })
       }, buildRequestArgs)
+    }, {
+      onSuccess: resetForm
     });
   };
   var onValueChange = function onValueChange(questions) {
@@ -12063,8 +12076,8 @@ var BuildForm = function BuildForm(_ref) {
   var isDeletable = isQuestionDeletable !== null && isQuestionDeletable !== void 0 ? isQuestionDeletable : function (question) {
     return !nonRemovableFields.includes(question.kind);
   };
-  var isRequiredField = isFieldRequired !== null && isFieldRequired !== void 0 ? isFieldRequired : function (_ref2) {
-    var kind = _ref2.kind;
+  var isRequiredField = isFieldRequired !== null && isFieldRequired !== void 0 ? isFieldRequired : function (_ref3) {
+    var kind = _ref3.kind;
     return requiredFields.includes(kind);
   };
   var isDisabledFieldLabel = isFieldLabelDisabled !== null && isFieldLabelDisabled !== void 0 ? isFieldLabelDisabled : function () {
@@ -12082,10 +12095,10 @@ var BuildForm = function BuildForm(_ref) {
     },
     validationSchema: formValidationSchema,
     onSubmit: handleSubmit
-  }, function (_ref3) {
-    var errors = _ref3.errors,
-      setFieldError = _ref3.setFieldError;
-    return /*#__PURE__*/React__default.createElement(Form, _extends$8({}, _objectSpread$b(_objectSpread$b({}, formDomProps), {}, {
+  }, function (_ref4) {
+    var errors = _ref4.errors,
+      setFieldError = _ref4.setFieldError;
+    return /*#__PURE__*/React__default.createElement(Form, _extends$8({}, _objectSpread$c(_objectSpread$c({}, formDomProps), {}, {
       availableLanguages: availableLanguages,
       cancelButtonProps: cancelButtonProps,
       disabledAddButtonTooltipProps: disabledAddButtonTooltipProps,
@@ -12523,7 +12536,7 @@ var Spinner = function Spinner(_ref) {
 };
 var Spinner$1 = /*#__PURE__*/React__default.memo(Spinner);
 
-var _excluded$4 = ["label", "loading", "success", "className"];
+var _excluded$5 = ["label", "loading", "success", "className"];
 var Button = function Button(_ref) {
   var label = _ref.label,
     _ref$loading = _ref.loading,
@@ -12532,7 +12545,7 @@ var Button = function Button(_ref) {
     success = _ref$success === void 0 ? false : _ref$success,
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
-    otherProps = _objectWithoutProperties$1(_ref, _excluded$4);
+    otherProps = _objectWithoutProperties$1(_ref, _excluded$5);
   return /*#__PURE__*/React__default.createElement("button", _extends$8({
     className: classnames("neeto-form-engine-button", className)
   }, otherProps), loading && /*#__PURE__*/React__default.createElement(ButtonLoader, null), success && /*#__PURE__*/React__default.createElement(Success$2, null), label);
@@ -14293,9 +14306,9 @@ function _unsupportedIterableToArray$6(o, minLen) { if (!o) return; if (typeof o
 
 function _arrayLikeToArray$6(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$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 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$a(Object(source), !0).forEach(function (key) { _defineProperty$4(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; }
+function _objectSpread$b(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$4(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 _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 = {
@@ -14322,7 +14335,7 @@ var DEFAULT_OPTIONS = {
 function formatNumber(input, format, options, metadata) {
   // Apply default options.
   if (options) {
-    options = _objectSpread$a(_objectSpread$a({}, DEFAULT_OPTIONS), options);
+    options = _objectSpread$b(_objectSpread$b({}, DEFAULT_OPTIONS), options);
   } else {
     options = DEFAULT_OPTIONS;
   }
@@ -14467,9 +14480,9 @@ function formatIDD(nationalNumber, carrierCode, countryCallingCode, fromCountry,
   }
 }
 
-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 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$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$3(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 _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$3(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; }
 
 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; }
 
@@ -14581,7 +14594,7 @@ var PhoneNumber = /*#__PURE__*/function () {
   }, {
     key: "format",
     value: function format(_format, options) {
-      return formatNumber(this, _format, options ? _objectSpread$9(_objectSpread$9({}, options), {}, {
+      return formatNumber(this, _format, options ? _objectSpread$a(_objectSpread$a({}, options), {}, {
         v2: true
       }) : {
         v2: true
@@ -15624,20 +15637,20 @@ function parsePhoneNumber(formattedPhoneNumber, defaultCountry, defaultCallingCo
   };
 }
 
-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 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$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$2(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 _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$2(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 _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$2(text, options, metadata) {
-  return parse$1(text, _objectSpread$8(_objectSpread$8({}, options), {}, {
+  return parse$1(text, _objectSpread$9(_objectSpread$9({}, options), {}, {
     v2: true
   }), metadata);
 }
 
-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 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$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$1(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 _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$1(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 _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; }
 
@@ -15685,7 +15698,7 @@ function normalizeArguments(args) {
     }
 
     if (arg_2) {
-      options = _objectSpread$7({
+      options = _objectSpread$8({
         defaultCountry: arg_2
       }, options);
     }
@@ -15744,7 +15757,10 @@ var getInvalidTypeError = function getInvalidTypeError(label, type) {
   });
 };
 
+var _excluded$4 = ["kind", "label", "isRequired", "customValidator"];
 var _fieldKindValidatorMa;
+function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty$6(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 yup.addMethod(yup.array, "unique", function () {
   var field, message;
   if (arguments.length > 1) {
@@ -15771,6 +15787,9 @@ yup.addMethod(yup.array, "unique", function () {
     });
   });
 });
+var isValidDate = function isValidDate(date) {
+  return date && dayjs(date).isValid();
+};
 var validateTextField = function validateTextField(_ref) {
   var kind = _ref.kind,
     label = _ref.label,
@@ -15824,9 +15843,11 @@ var validateConditionField = function validateConditionField(_ref7) {
 var validateDateField = function validateDateField(_ref8) {
   var label = _ref8.label,
     isRequired = _ref8.isRequired;
-  var schema = yup.date().typeError("").nullable();
+  var schema = yup.string().test("is valid date", getInvalidTypeError(label, "date"), function (value) {
+    return isNotPresent(value) || isValidDate(value);
+  });
   if (isRequired) {
-    schema = yup.date().typeError(getInvalidTypeError(label, "date")).required(getRequiredFieldError(label));
+    schema = schema.required(getRequiredFieldError(label));
   }
   return schema;
 };
@@ -15852,14 +15873,15 @@ var validateRichTextField = function validateRichTextField(_ref10) {
   return schema.trim();
 };
 var validateFileUploadField = function validateFileUploadField(_ref11) {
-  var isRequired = _ref11.isRequired;
+  var isRequired = _ref11.isRequired,
+    multipleFilesAllowed = _ref11.multipleFilesAllowed;
   var files_schema = yup.array();
   if (isRequired) {
     files_schema = files_schema.of(yup.object().shape({
       name: yup.string(),
       signedId: yup.string().required(t$4("neetoForm.fileUpload.validations.waitForUpload")),
       url: yup.string().required(t$4("neetoForm.fileUpload.validations.waitForUpload"))
-    })).unique("name", t$4("neetoForm.fileUpload.validations.removeDuplicates")).min(1, t$4("neetoForm.fileUpload.validations.atLeastOneFileRequired"));
+    })).unique("name", t$4("neetoForm.fileUpload.validations.removeDuplicates")).min(1, multipleFilesAllowed ? t$4("neetoForm.fileUpload.validations.atLeastOneFileRequired") : t$4("neetoForm.fileUpload.validations.fileIsRequired"));
   }
   return yup.object().shape({
     files: files_schema
@@ -15870,15 +15892,16 @@ var validateFieldValue = function validateFieldValue(_ref12) {
   var kind = _ref12.kind,
     label = _ref12.label,
     isRequired = _ref12.isRequired,
-    customValidator = _ref12.customValidator;
+    customValidator = _ref12.customValidator,
+    otherProps = _objectWithoutProperties$1(_ref12, _excluded$4);
   return function (value) {
     if (!(kind in fieldKindValidatorMap)) return;
     var validator = fieldKindValidatorMap[kind];
-    var schema = customValidator || validator({
+    var schema = customValidator || validator(_objectSpread$7({
       kind: kind,
       label: label,
       isRequired: isRequired
-    });
+    }, otherProps));
 
     // eslint-disable-next-line consistent-return, no-async-promise-executor
     return new Promise( /*#__PURE__*/function () {
@@ -26357,7 +26380,8 @@ var FileUploadField = function FileUploadField(_ref) {
         kind: kind,
         label: label,
         isRequired: isRequired,
-        customValidator: customValidator
+        customValidator: customValidator,
+        multipleFilesAllowed: multipleFilesAllowed
       })
     }),
     _useField2 = _slicedToArray$3(_useField, 2);
@@ -26502,15 +26526,15 @@ var OptionsField = function OptionsField(_ref) {
     var onChange = field.onChange,
       value = field.value;
     return /*#__PURE__*/React__default.createElement(Component, {
-      error: getError(meta),
       isRequired: isRequired,
-      label: getLabel$1(label, isRequired),
       name: name,
+      error: getError(meta),
+      label: getLabel$1(label, isRequired),
       options: transformedOptions,
       type: kind,
       value: kind === QUESTION_KIND.DROPDOWN.value ? findBy({
         value: value
-      }, transformedOptions) : value,
+      }, transformedOptions) || null : value,
       onChange: kind === QUESTION_KIND.DROPDOWN.value ? handleSelect : onChange
     });
   });
@@ -29988,6 +30012,12 @@ var Submission = function Submission(_ref3) {
   }));
 };
 
+var getPreFillableQuestions = function getPreFillableQuestions(questions) {
+  var modifiedQuestions = map(assoc("isRequired", false), questions);
+  return modifiedQuestions.filter(function (question) {
+    return !QUESTIONS_WITHOUT_FIELD_CODE.includes(question.kind);
+  });
+};
 var buildQueryParameters = function buildQueryParameters(responses, questions) {
   var filteredResponses = filter$1(isPresent$1, responses);
   var queryParameters = {};
@@ -30135,7 +30165,7 @@ var UrlBuilder = function UrlBuilder(_ref) {
   }
   var title = form.title,
     questions = form.questions;
-  var modifiedQuestions = map(assoc("isRequired", false), questions);
+  var modifiedQuestions = getPreFillableQuestions(questions);
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, showTitle && /*#__PURE__*/React__default.createElement("div", {
     className: "py-6 text-center"
   }, /*#__PURE__*/React__default.createElement(Typography, _extends$8({