@bigbinary/neeto-form-frontend 1.2.39 → 1.2.41

package/dist/index.cjs.js

@@ -5,22 +5,22 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React$2 = require('react');
 var formik = require('formik');
 var neetoCist = require('@bigbinary/neeto-cist');
+var utils = require('@bigbinary/neeto-commons-frontend/utils');
 var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
 var neetoui = require('@bigbinary/neetoui');
 var ramda = require('ramda');
 var reactQuery = require('react-query');
 var i18next = require('i18next');
 var neetoIcons = require('@bigbinary/neeto-icons');
+var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var axios = require('axios');
 var ReactDOM = require('react-dom');
 var formik$1 = require('@bigbinary/neetoui/formik');
 var reactI18next = require('react-i18next');
-var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var zustand = require('zustand');
 var classnames = require('classnames');
-var neetoEditor = require('@bigbinary/neeto-editor');
 var yup = require('yup');
-var utils = require('@bigbinary/neeto-commons-frontend/utils');
+var neetoEditor = require('@bigbinary/neeto-editor');
 var useHotkeys = require('@bigbinary/neeto-hotkeys');
 var dayjs = require('dayjs');
 var PhoneNumber$1 = require('@bigbinary/neeto-molecules/PhoneNumber');
@@ -163,7 +163,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"],
@@ -171,7 +171,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["default"].createElement("svg", _extends$8({
     fill: "none",
     height: size,
@@ -548,11 +548,19 @@ var updateForm = function updateForm(formId, payload) {
 var destroyForm = function destroyForm(formId) {
   return axios__default["default"]["delete"](getFormsUrl(formId));
 };
-var getQuestions = function getQuestions(formId) {
-  return axios__default["default"].get(getQuestionsUrl(formId));
+var getQuestions = function getQuestions(formId, language) {
+  return axios__default["default"].get(getQuestionsUrl(formId), {
+    params: {
+      language: language
+    }
+  });
 };
-var getPublicQuestions = function getPublicQuestions(formId) {
-  return axios__default["default"].get("".concat(BASE_URL, "/api/v1/forms/").concat(formId, "/public/questions/"));
+var getPublicQuestions = function getPublicQuestions(formId, language) {
+  return axios__default["default"].get("".concat(BASE_URL, "/api/v1/forms/").concat(formId, "/public/questions/"), {
+    params: {
+      language: language
+    }
+  });
 };
 var updateQuestions = function updateQuestions(formId, payload) {
   return axios__default["default"].patch(getQuestionsUrl(formId), payload);
@@ -591,133 +599,126 @@ var neetoFormApi = {
   updatePublicSubmission: updatePublicSubmission
 };
 
-var _excluded$b = ["formId", "preview"],
+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,
-    preview = _ref.preview,
-    options = _objectWithoutProperties$1(_ref, _excluded$b);
-  return reactQuery.useQuery([QUERY_KEYS.QUESTIONS, preview ? "preview/".concat(formId) : formId], function () {
-    return neetoFormApi.getPublicQuestions(formId);
-  }, _objectSpread$f({
+    _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$c);
+  return reactQuery.useQuery([QUERY_KEYS.QUESTIONS, preview ? "preview/".concat(formId) : formId, language], function () {
+    return neetoFormApi.getPublicQuestions(formId, language);
+  }, _objectSpread$g({
     keepPreviousData: true
   }, options));
 };
 var useCreateForm = function useCreateForm(options) {
+  var language = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "en";
   var queryClient = reactQuery.useQueryClient();
-  return reactQuery.useMutation(neetoFormApi.createForm, _objectSpread$f(_objectSpread$f({}, options), {}, {
+  return reactQuery.useMutation(neetoFormApi.createForm, _objectSpread$g(_objectSpread$g({}, options), {}, {
     onSuccess: function onSuccess(form) {
       var _options$onSuccess;
       queryClient.setQueryData(QUERY_KEYS.QUESTIONS, function (forms) {
         return forms && [].concat(_toConsumableArray$1(forms), [form]);
       });
-      queryClient.setQueryData([QUERY_KEYS.QUESTIONS, form.id], form);
-      queryClient.setQueryData([QUERY_KEYS.QUESTIONS, "preview/".concat(form.id)], form);
+      queryClient.setQueryData([QUERY_KEYS.QUESTIONS, form.id, language], form);
+      queryClient.setQueryData([QUERY_KEYS.QUESTIONS, "preview/".concat(form.id), language], form);
       queryClient.invalidateQueries([QUERY_KEYS.FORMS]);
       options === null || options === void 0 || (_options$onSuccess = options.onSuccess) === null || _options$onSuccess === void 0 || _options$onSuccess.call(options, form);
     }
   }));
 };
 var useUpdateForm = function useUpdateForm(options) {
+  var language = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "en";
   var queryClient = reactQuery.useQueryClient();
   return reactQuery.useMutation(function (_ref2) {
     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], function (form) {
-        return _objectSpread$f(_objectSpread$f({}, form), {}, {
+      queryClient.setQueryData([QUERY_KEYS.QUESTIONS, id, language], function (form) {
+        return _objectSpread$g(_objectSpread$g({}, form), {}, {
           title: data.title
         });
       });
-      queryClient.setQueryData([QUERY_KEYS.QUESTIONS, "preview/".concat(id)], function (form) {
-        return _objectSpread$f(_objectSpread$f({}, form), {}, {
+      queryClient.setQueryData([QUERY_KEYS.QUESTIONS, "preview/".concat(id), language], function (form) {
+        return _objectSpread$g(_objectSpread$g({}, form), {}, {
           title: data.title,
           questions: data.questions
         });
       });
       queryClient.invalidateQueries([QUERY_KEYS.FORMS]);
-      queryClient.invalidateQueries([QUERY_KEYS.QUESTIONS, id]);
-      queryClient.invalidateQueries([QUERY_KEYS.QUESTIONS, "preview/".concat(id)]);
+      queryClient.invalidateQueries([QUERY_KEYS.QUESTIONS, id, language]);
+      queryClient.invalidateQueries([QUERY_KEYS.QUESTIONS, "preview/".concat(id), language]);
       options.onSuccess && options.onSuccess(data);
     }
   }));
 };
-var useUpdateQuestions = function useUpdateQuestions(options) {
+var useUpdateQuestions = function useUpdateQuestions(options, language) {
   var queryClient = reactQuery.useQueryClient();
   return reactQuery.useMutation(function (_ref4) {
     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], function (form) {
-        return _objectSpread$f(_objectSpread$f({}, form), {}, {
-          questions: data.questions
-        });
-      });
-      queryClient.setQueryData([QUERY_KEYS.QUESTIONS, "preview/".concat(id)], function (form) {
-        return _objectSpread$f(_objectSpread$f({}, form), {}, {
-          questions: data.questions
-        });
-      });
+      queryClient.setQueryData([QUERY_KEYS.QUESTIONS, id, language], ramda.assoc("questions", data.questions));
+      queryClient.setQueryData([QUERY_KEYS.QUESTIONS, "preview/".concat(id), language], ramda.assoc("questions", data.questions));
       options.onSuccess && options.onSuccess.apply(options, args);
     }
   }));
 };
 var useForms = function useForms(options) {
-  return reactQuery.useQuery([QUERY_KEYS.FORMS], neetoFormApi.getForms, _objectSpread$f({
+  return reactQuery.useQuery([QUERY_KEYS.FORMS], neetoFormApi.getForms, _objectSpread$g({
     keepPreviousData: true
   }, options));
 };
 var useDeleteForm = function useDeleteForm(options) {
-  var queryClient = reactQuery.useQueryClient();
-  return reactQuery.useMutation(function (_ref5) {
+  return reactUtils.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)]];
+    },
     onSuccess: function onSuccess() {
-      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-        args[_key2] = arguments[_key2];
-      }
-      var id = args[1].id;
-      queryClient.invalidateQueries([QUERY_KEYS.FORMS]);
-      queryClient.invalidateQueries([QUERY_KEYS.QUESTIONS, id]);
-      queryClient.invalidateQueries([QUERY_KEYS.QUESTIONS, "preview/".concat(id)]);
-      options.onSuccess && options.onSuccess.apply(options, args);
+      options.onSuccess && options.onSuccess.apply(options, arguments);
     }
   }));
 };
-var useSubmission = function useSubmission(_ref7) {
-  var formId = _ref7.formId,
-    submissionId = _ref7.submissionId,
-    options = _objectWithoutProperties$1(_ref7, _excluded3$1);
+var useSubmission = function useSubmission(_ref8) {
+  var formId = _ref8.formId,
+    submissionId = _ref8.submissionId,
+    options = _objectWithoutProperties$1(_ref8, _excluded3$1);
   return reactQuery.useQuery([QUERY_KEYS.SUBMISSION, formId, submissionId], function () {
     return neetoFormApi.getPublicSubmission(formId, submissionId);
-  }, _objectSpread$f(_objectSpread$f({}, options), {}, {
+  }, _objectSpread$g(_objectSpread$g({}, options), {}, {
     keepPreviousData: true
   }));
 };
 var useCreateSubmission = function useCreateSubmission(options) {
   var queryClient = reactQuery.useQueryClient();
-  return reactQuery.useMutation(function (_ref8) {
-    var formId = _ref8.formId,
-      values = _ref8.values;
+  return reactQuery.useMutation(function (_ref9) {
+    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 _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-        args[_key3] = arguments[_key3];
+      for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+        args[_key2] = arguments[_key2];
       }
       var data = args[0],
         formId = args[1].formId;
@@ -730,15 +731,15 @@ var useCreateSubmission = function useCreateSubmission(options) {
 };
 var useUpdateSubmission = function useUpdateSubmission(options) {
   var queryClient = reactQuery.useQueryClient();
-  return reactQuery.useMutation(function (_ref9) {
-    var formId = _ref9.formId,
-      values = _ref9.values;
+  return reactQuery.useMutation(function (_ref10) {
+    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 _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
-        args[_key4] = arguments[_key4];
+      for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+        args[_key3] = arguments[_key3];
       }
       var data = args[0],
         formId = args[1].formId;
@@ -840,12 +841,12 @@ var useUpdateSubmission = function useUpdateSubmission(options) {
     nodeId: "37683bae-da1b-4890-ade9-0664006dc57d"
   }]
 });
-var THUMBS_UP = {
-  icon: "👍",
-  className: "w-20"
-};
 var QUESTIONS_WITHOUT_FIELD_CODE = ["paragraph", "termsandcondition", "condition", "file_upload"];
 var RESERVED_FIELD_CODES = ["month", "date", "time"];
+var DEFAULT_AVAILABLE_LANGUAGES = [{
+  code: "en",
+  name: "English"
+}];
 
 function _arrayWithHoles$3(arr) {
   if (Array.isArray(arr)) return arr;
@@ -928,7 +929,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);
@@ -941,9 +942,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));
     });
   }
@@ -1663,7 +1664,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,
@@ -1733,7 +1734,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);
@@ -2070,7 +2071,7 @@ function shallowEqual(objA, objB) {
   return true;
 }
 
-const _excluded$9 = ["reactReduxForwardedRef"];
+const _excluded$a = ["reactReduxForwardedRef"];
 let useSyncExternalStore = notInitialized;
 const initializeConnect = fn => {
   useSyncExternalStore = fn;
@@ -2248,7 +2249,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]);
@@ -9814,8 +9815,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"
@@ -9823,7 +9824,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) {
@@ -9837,7 +9838,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) {
@@ -9855,7 +9856,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
       }));
     }
@@ -9902,6 +9903,84 @@ var useBuildFormState = function useBuildFormState() {
   return useBuildFormStore(ramda.prop("formState"));
 };
 
+var ChangeLanguageDropdown = function ChangeLanguageDropdown(_ref) {
+  var dirty = _ref.dirty,
+    initialLanguage = _ref.initialLanguage,
+    languages = _ref.languages,
+    onChange = _ref.onChange;
+  var _useState = React$2.useState(false),
+    _useState2 = _slicedToArray$3(_useState, 2),
+    isUnsavedChangesAlertOpen = _useState2[0],
+    setIsUnsavedChangesAlertOpen = _useState2[1];
+  var _useState3 = React$2.useState(initialLanguage),
+    _useState4 = _slicedToArray$3(_useState3, 2),
+    selectedLanguage = _useState4[0],
+    setSelectedLanguage = _useState4[1];
+  var _useTranslation = reactI18next.useTranslation(),
+    t = _useTranslation.t;
+  var languageChangeHandler = function languageChangeHandler(code) {
+    if (!dirty) {
+      onChange(code);
+      return;
+    }
+    setSelectedLanguage(code);
+    setIsUnsavedChangesAlertOpen(true);
+  };
+  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
+    content: t("neetoForm.questions.changeLanguage")
+  }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
+    buttonStyle: "text",
+    icon: neetoIcons.Globe,
+    position: "top-start"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown.Menu, null, languages.map(function (_ref2) {
+    var code = _ref2.code,
+      name = _ref2.name;
+    return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown.MenuItem.Button, {
+      isActive: initialLanguage === code,
+      key: code,
+      onClick: function onClick() {
+        return languageChangeHandler(code);
+      }
+    }, name);
+  }))))), /*#__PURE__*/React__default["default"].createElement(neetoui.Alert, {
+    isOpen: isUnsavedChangesAlertOpen,
+    message: t("neetoForm.questions.unsavedChangesAlert.message"),
+    submitButtonLabel: t("neetoForm.questions.unsavedChangesAlert.discard"),
+    title: t("neetoForm.questions.unsavedChangesAlert.title"),
+    onClose: function onClose() {
+      return setIsUnsavedChangesAlertOpen(false);
+    },
+    onSubmit: function onSubmit() {
+      onChange(selectedLanguage);
+      setIsUnsavedChangesAlertOpen(false);
+    }
+  }));
+};
+
+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["default"].createElement("div", {
+    className: "mb-4 flex-shrink-0"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "flex items-center justify-between"
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
+    "data-cy": "neeto-form-engine-overview-title",
+    lineHeight: "normal",
+    style: "h4",
+    weight: "semibold"
+  }, title), availableLanguages.length > 1 && /*#__PURE__*/React__default["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,
@@ -9916,14 +9995,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["default"].createElement("svg", _extends$8({
     fill: "none",
     height: size,
@@ -10136,10 +10215,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 = formik.useField(props),
     _useField2 = _slicedToArray$3(_useField, 3),
     value = _useField2[0].value,
@@ -10155,10 +10234,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 = formik.useField(props),
     _useField2 = _slicedToArray$3(_useField, 3),
     value = _useField2[0].value,
@@ -10256,6 +10335,7 @@ var FILE_TYPES = {
   IMAGES: "images",
   AUDIO_VIDEO: "audio/video"
 };
+var MULTIPLE_CHOICE_FIELD_MIN_OPTIONS = 2;
 var SINGLE_CHOICE_FIELD_MIN_OPTIONS$1 = 2;
 var DROPDOWN_FIELD_MIN_OPTIONS$1 = 2;
 var STAR_RATING_ICONS_MAP = {
@@ -10277,6 +10357,8 @@ var FILE_GROUPS = [{
   label: i18next.t("neetoForm.fileTypes.audioVideo"),
   name: FILE_TYPES.AUDIO_VIDEO
 }];
+var STAR_RATING_MIN_COUNT = 0;
+var STAR_RATING_MAX_COUNT = 10;
 
 var Dropdown$1 = function Dropdown(_ref) {
   var item = _ref.item,
@@ -10578,7 +10660,10 @@ var MultipleChoice$1 = function MultipleChoice(_ref) {
     disabled: isLabelDisabled,
     label: t("neetoForm.questions.common.questionFields.field.question"),
     name: "".concat(name, ".label"),
-    rows: 1
+    rows: 1,
+    placeholder: t("neetoForm.questions.common.questionFields.field.labelExample", {
+      what: t("neetoForm.common.hobbies")
+    })
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full"
   }, /*#__PURE__*/React__default["default"].createElement(formik.FieldArray, {
@@ -10597,14 +10682,17 @@ var MultipleChoice$1 = function MultipleChoice(_ref) {
       }, /*#__PURE__*/React__default["default"].createElement(InputWithMaxLength, {
         required: true,
         disabled: freezeOptions,
-        name: "".concat(name, ".optionsAttributes.").concat(index, ".label")
+        name: "".concat(name, ".optionsAttributes.").concat(index, ".label"),
+        placeholder: t("neetoForm.questions.common.questionFields.field.numberedOption", {
+          number: index + 1
+        })
       }), !freezeOptions && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-        className: classnames__default["default"]({
-          invisible: index === 0
-        }),
         icon: neetoIcons.Delete,
         size: "small",
         style: "text",
+        className: classnames__default["default"]({
+          invisible: index < MULTIPLE_CHOICE_FIELD_MIN_OPTIONS
+        }),
         tooltipProps: {
           position: "top",
           content: t("neetoForm.common.delete")
@@ -10821,7 +10909,10 @@ var SingleChoice$1 = function SingleChoice(_ref) {
     disabled: isLabelDisabled,
     label: t("neetoForm.questions.common.questionFields.field.question"),
     name: "".concat(name, ".label"),
-    rows: 1
+    rows: 1,
+    placeholder: t("neetoForm.questions.common.questionFields.field.labelExample", {
+      what: t("neetoForm.common.country")
+    })
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full"
   }, /*#__PURE__*/React__default["default"].createElement(formik.FieldArray, {
@@ -10881,6 +10972,26 @@ var SingleChoice$1 = function SingleChoice(_ref) {
   }));
 };
 
+var validateStarRatingCount = function validateStarRatingCount(value) {
+  try {
+    var schema = yup__namespace.number().integer().transform(function (value) {
+      return isNaN(value) ? null : value;
+    }).min(STAR_RATING_MIN_COUNT, i18next.t("neetoForm.error.minCount", {
+      field: i18next.t("neetoForm.common.count"),
+      value: STAR_RATING_MIN_COUNT
+    })).max(STAR_RATING_MAX_COUNT, i18next.t("neetoForm.error.maxCount", {
+      field: i18next.t("neetoForm.common.count"),
+      value: STAR_RATING_MAX_COUNT
+    })).nullable().required(i18next.t("neetoForm.common.fieldReq", {
+      field: i18next.t("neetoForm.common.count")
+    }));
+    schema.validateSync(value);
+    return undefined;
+  } catch (error) {
+    return error.message;
+  }
+};
+
 var StarRating$3 = function StarRating(_ref) {
   var name = _ref.name,
     isRequired = _ref.isRequired,
@@ -10890,8 +11001,19 @@ var StarRating$3 = function StarRating(_ref) {
     t = _useTranslation.t;
   var _useField = formik.useField("".concat(name, ".shape")),
     _useField2 = _slicedToArray$3(_useField, 3),
-    value = _useField2[0].value,
-    setValue = _useField2[2].setValue;
+    shape = _useField2[0].value;
+    _useField2[1];
+    var setShape = _useField2[2].setValue;
+  var _useField3 = formik.useField({
+      name: "".concat(name, ".count"),
+      validate: validateStarRatingCount
+    }),
+    _useField4 = _slicedToArray$3(_useField3, 3),
+    countField = _useField4[0],
+    _useField4$ = _useField4[1],
+    countTouched = _useField4$.touched,
+    countError = _useField4$.error,
+    setCount = _useField4[2].setValue;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "space-y-4"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -10902,19 +11024,22 @@ var StarRating$3 = function StarRating(_ref) {
     label: t("neetoForm.questions.common.questionFields.field.question"),
     name: "".concat(name, ".label"),
     rows: 1
-  })), /*#__PURE__*/React__default["default"].createElement(InputWithMaxLength, {
+  })), /*#__PURE__*/React__default["default"].createElement(InputWithMaxLength, _extends$8({
+    required: true
+  }, countField, {
+    error: countTouched ? countError : "",
     label: t("neetoForm.common.count"),
-    max: 15,
-    min: 0,
-    name: "".concat(name, ".count"),
-    type: "number"
-  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Label, null, t("neetoForm.common.icon")), /*#__PURE__*/React__default["default"].createElement("div", {
+    max: STAR_RATING_MAX_COUNT,
+    min: STAR_RATING_MIN_COUNT,
+    type: "number",
+    onChange: utils.withEventTargetValue(setCount)
+  })), /*#__PURE__*/React__default["default"].createElement(neetoui.Label, null, t("neetoForm.common.icon")), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "flex gap-2"
   }, Object.entries(STAR_RATING_ICONS_MAP).map(function (_ref2) {
     var _ref3 = _slicedToArray$3(_ref2, 2),
       name = _ref3[0],
       Shape = _ref3[1];
-    var isActive = name === value;
+    var isActive = name === shape;
     return /*#__PURE__*/React__default["default"].createElement("div", {
       key: name,
       className: classnames__default["default"]("flex h-10 w-10 items-center justify-center gap-2", "neeto-ui-border-gray-800 neeto-ui-rounded-full cursor-pointer border", "transition-all duration-300 ease-in-out", {
@@ -10922,7 +11047,7 @@ var StarRating$3 = function StarRating(_ref) {
         "neeto-ui-text-white neeto-ui-bg-gray-800": isActive
       }),
       onClick: function onClick() {
-        return setValue(name);
+        return setShape(name);
       }
     }, /*#__PURE__*/React__default["default"].createElement(Shape, null));
   })), !isRequired && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -11010,22 +11135,28 @@ var Editor = function Editor(_ref) {
       name: fieldName,
       validate: validateContent
     }),
-    _useField2 = _slicedToArray$3(_useField, 2),
+    _useField2 = _slicedToArray$3(_useField, 3),
     value = _useField2[0].value,
-    error = _useField2[1].error;
+    _useField2$ = _useField2[1],
+    touched = _useField2$.touched,
+    error = _useField2$.error,
+    setTouched = _useField2[2].setTouched;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full cursor-auto"
   }, /*#__PURE__*/React__default["default"].createElement(neetoEditor.Editor, {
-    error: error,
     className: "px-2 pb-2",
     contentClassName: "border-none",
     disabled: isLabelDisabled,
+    error: touched ? error : "",
     errorWrapperClassName: "border-none",
     id: "editor",
     initialValue: value,
     menuClassName: "border-none",
     name: fieldName,
     ref: editorRef,
+    onBlur: function onBlur() {
+      setTouched(true);
+    },
     onChange: function onChange(text) {
       var _editorRef$current$ed;
       setFieldValue((_editorRef$current$ed = editorRef.current.editor) === null || _editorRef$current$ed === void 0 || (_editorRef$current$ed = _editorRef$current$ed.contentComponent) === null || _editorRef$current$ed === void 0 || (_editorRef$current$ed = _editorRef$current$ed.props) === null || _editorRef$current$ed === void 0 ? void 0 : _editorRef$current$ed.name, text);
@@ -11153,9 +11284,9 @@ var QUESTION_KINDS = [{
   defaults: {
     label: "",
     isRequired: false,
-    optionsAttributes: [{
+    optionsAttributes: new Array(MULTIPLE_CHOICE_FIELD_MIN_OPTIONS).fill({
       label: ""
-    }]
+    })
   }
 }, {
   type: "radio",
@@ -11428,8 +11559,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 = ramda.pluck("fieldCode", neetoCist.filterBy({
     kind: type
@@ -11465,7 +11596,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
     });
   });
@@ -11479,7 +11610,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,
@@ -11500,7 +11631,7 @@ var duplicateFieldData = function duplicateFieldData(_ref4) {
     optionsAttributes = item.optionsAttributes;
   var defaultAttributeNames = ramda.keys(questionKind.defaults || {});
   var defaultAttributes = ramda.pick(defaultAttributeNames, item);
-  return _objectSpread$d(_objectSpread$d({}, defaultAttributes), {}, {
+  return _objectSpread$e(_objectSpread$e({}, defaultAttributes), {}, {
     isRequired: isRequired,
     kind: kind,
     label: label,
@@ -11607,9 +11738,9 @@ var List = function List(_ref) {
   })))));
 };
 
-var _excluded$5 = ["questionKinds", "showAddQuestionDivider", "onValueChange", "showActionBlock", "formId", "isDeletable", "isRequiredField", "submitButtonProps", "cancelButtonProps", "isKindAlreadyActive", "getActiveKindDetails", "kindUniqueOn", "isDisabledFieldLabel", "disabledAddButtonTooltipProps", "enableFieldCode"];
-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,
@@ -11627,7 +11758,12 @@ var Form = function Form(_ref) {
     isDisabledFieldLabel = _ref.isDisabledFieldLabel,
     disabledAddButtonTooltipProps = _ref.disabledAddButtonTooltipProps,
     enableFieldCode = _ref.enableFieldCode,
-    formDomProps = _objectWithoutProperties$1(_ref, _excluded$5);
+    formTitle = _ref.formTitle,
+    formDescription = _ref.formDescription,
+    selectedLanguage = _ref.selectedLanguage,
+    availableLanguages = _ref.availableLanguages,
+    onLanguageChange = _ref.onLanguageChange,
+    formDomProps = _objectWithoutProperties$1(_ref, _excluded$6);
   var _useTranslation = reactI18next.useTranslation(),
     t = _useTranslation.t;
   var _useState = React$2.useState({}),
@@ -11697,7 +11833,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
           });
         }));
@@ -11714,6 +11850,10 @@ var Form = function Form(_ref) {
       }
     };
   };
+  var handleLanguageChange = function handleLanguageChange(code) {
+    resetForm();
+    onLanguageChange(code);
+  };
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Alert, {
     isOpen: deleteQuestionIndex !== null,
     submitButtonLabel: t("neetoForm.common.delete"),
@@ -11738,6 +11878,13 @@ var Form = function Form(_ref) {
     className: "flex h-full flex-col"
   }, formDomProps, {
     noValidate: true
+  }), formTitle && /*#__PURE__*/React__default["default"].createElement(Overview, {
+    availableLanguages: availableLanguages,
+    dirty: dirty,
+    selectedLanguage: selectedLanguage,
+    description: formDescription,
+    title: formTitle,
+    onLanguageChange: handleLanguageChange
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full flex-grow overflow-y-auto"
   }, hasActiveQuestions ? /*#__PURE__*/React__default["default"].createElement(formik.FieldArray, {
@@ -11797,10 +11944,10 @@ var Form = function Form(_ref) {
     className: "neeto-ui-border-gray-300 flex-shrink-0 border-t py-4"
   }, /*#__PURE__*/React__default["default"].createElement(formik$1.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)
   }))));
@@ -11860,8 +12007,8 @@ var formValidationSchema = yup.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,
@@ -11894,20 +12041,27 @@ var BuildForm = function BuildForm(_ref) {
     allowAdditionalGuests = _ref$allowAdditionalG === void 0 ? false : _ref$allowAdditionalG,
     disabledAddButtonTooltipProps = _ref.disabledAddButtonTooltipProps,
     _ref$enableFieldCode = _ref.enableFieldCode,
-    enableFieldCode = _ref$enableFieldCode === void 0 ? false : _ref$enableFieldCode;
+    enableFieldCode = _ref$enableFieldCode === void 0 ? false : _ref$enableFieldCode,
+    _ref$availableLanguag = _ref.availableLanguages,
+    availableLanguages = _ref$availableLanguag === void 0 ? DEFAULT_AVAILABLE_LANGUAGES : _ref$availableLanguag,
+    formDescription = _ref.formDescription,
+    _ref$formTitle = _ref.formTitle,
+    formTitle = _ref$formTitle === void 0 ? "" : _ref$formTitle,
+    _ref$selectedLanguage = _ref.selectedLanguage,
+    selectedLanguage = _ref$selectedLanguage === void 0 ? "en" : _ref$selectedLanguage,
+    _ref$onLanguageChange = _ref.onLanguageChange,
+    onLanguageChange = _ref$onLanguageChange === void 0 ? neetoCist.noop : _ref$onLanguageChange;
   var queryClient = reactQuery.useQueryClient();
   var _useUpdateQuestions = useUpdateQuestions({
       formId: id,
-      onError: function onError(error) {
-        return neetoui.Toastr.error(error);
-      },
-      onSuccess: function onSuccess() {
-        return neetoui.Toastr.success("", THUMBS_UP);
-      }
+      language: selectedLanguage,
+      onError: neetoui.Toastr.error,
+      onSuccess: utils.showThumbsUpToastr
     }),
     updateQuestions = _useUpdateQuestions.mutateAsync;
   var _useForm = useForm({
       formId: id,
+      language: selectedLanguage,
       onSuccess: function onSuccess(data) {
         return onUpdate === null || onUpdate === void 0 ? void 0 : onUpdate(data);
       },
@@ -11937,26 +12091,31 @@ var BuildForm = function BuildForm(_ref) {
       className: "flex h-full w-full items-center justify-center py-6"
     }, /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], 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: payload
+      values: _objectSpread$c({
+        neetoFormQuestion: _objectSpread$c(_objectSpread$c({}, payload), {}, {
+          language: selectedLanguage
+        })
       }, buildRequestArgs)
+    }, {
+      onSuccess: resetForm
     });
   };
   var onValueChange = function onValueChange(questions) {
-    var _queryClient$getQuery = queryClient.getQueryState([QUERY_KEYS.QUESTIONS, id]),
+    var _queryClient$getQuery = queryClient.getQueryState([QUERY_KEYS.QUESTIONS, id, selectedLanguage]),
       dataUpdateCount = _queryClient$getQuery.dataUpdateCount;
     if (dataUpdateCount > 0) {
-      queryClient.setQueryData([QUERY_KEYS.QUESTIONS, "preview/".concat(id)], ramda.assoc("questions", questions));
+      queryClient.setQueryData([QUERY_KEYS.QUESTIONS, "preview/".concat(id), selectedLanguage], ramda.assoc("questions", questions));
     }
   };
   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 () {
@@ -11974,20 +12133,25 @@ var BuildForm = function BuildForm(_ref) {
     },
     validationSchema: formValidationSchema,
     onSubmit: handleSubmit
-  }, function (_ref3) {
-    var errors = _ref3.errors,
-      setFieldError = _ref3.setFieldError;
-    return /*#__PURE__*/React__default["default"].createElement(Form, _extends$8({}, _objectSpread$b(_objectSpread$b({}, formDomProps), {}, {
+  }, function (_ref4) {
+    var errors = _ref4.errors,
+      setFieldError = _ref4.setFieldError;
+    return /*#__PURE__*/React__default["default"].createElement(Form, _extends$8({}, _objectSpread$c(_objectSpread$c({}, formDomProps), {}, {
+      availableLanguages: availableLanguages,
       cancelButtonProps: cancelButtonProps,
       disabledAddButtonTooltipProps: disabledAddButtonTooltipProps,
       enableFieldCode: enableFieldCode,
+      formDescription: formDescription,
+      formTitle: formTitle,
       getActiveKindDetails: getActiveKindDetails,
       isDeletable: isDeletable,
       isDisabledFieldLabel: isDisabledFieldLabel,
       isKindAlreadyActive: isKindAlreadyActive,
       isRequiredField: isRequiredField,
       kindUniqueOn: kindUniqueOn,
+      onLanguageChange: onLanguageChange,
       onValueChange: onValueChange,
+      selectedLanguage: selectedLanguage,
       showActionBlock: showActionBlock,
       showAddQuestionDivider: showAddQuestionDivider,
       submitButtonProps: submitButtonProps
@@ -12410,7 +12574,7 @@ var Spinner = function Spinner(_ref) {
 };
 var Spinner$1 = /*#__PURE__*/React__default["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,
@@ -12419,7 +12583,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["default"].createElement("button", _extends$8({
     className: classnames__default["default"]("neeto-form-engine-button", className)
   }, otherProps), loading && /*#__PURE__*/React__default["default"].createElement(ButtonLoader, null), success && /*#__PURE__*/React__default["default"].createElement(Success$2, null), label);
@@ -14180,9 +14344,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 = {
@@ -14209,7 +14373,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;
   }
@@ -14354,9 +14518,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; }
 
@@ -14468,7 +14632,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
@@ -15511,20 +15675,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; }
 
@@ -15572,7 +15736,7 @@ function normalizeArguments(args) {
     }
 
     if (arg_2) {
-      options = _objectSpread$7({
+      options = _objectSpread$8({
         defaultCountry: arg_2
       }, options);
     }
@@ -15631,7 +15795,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__namespace.addMethod(yup__namespace.array, "unique", function () {
   var field, message;
   if (arguments.length > 1) {
@@ -15658,6 +15825,9 @@ yup__namespace.addMethod(yup__namespace.array, "unique", function () {
     });
   });
 });
+var isValidDate = function isValidDate(date) {
+  return date && dayjs__default["default"](date).isValid();
+};
 var validateTextField = function validateTextField(_ref) {
   var kind = _ref.kind,
     label = _ref.label,
@@ -15711,9 +15881,11 @@ var validateConditionField = function validateConditionField(_ref7) {
 var validateDateField = function validateDateField(_ref8) {
   var label = _ref8.label,
     isRequired = _ref8.isRequired;
-  var schema = yup__namespace.date().typeError("").nullable();
+  var schema = yup__namespace.string().test("is valid date", getInvalidTypeError(label, "date"), function (value) {
+    return neetoCist.isNotPresent(value) || isValidDate(value);
+  });
   if (isRequired) {
-    schema = yup__namespace.date().typeError(getInvalidTypeError(label, "date")).required(getRequiredFieldError(label));
+    schema = schema.required(getRequiredFieldError(label));
   }
   return schema;
 };
@@ -15739,14 +15911,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__namespace.array();
   if (isRequired) {
     files_schema = files_schema.of(yup__namespace.object().shape({
       name: yup__namespace.string(),
       signedId: yup__namespace.string().required(i18next.t("neetoForm.fileUpload.validations.waitForUpload")),
       url: yup__namespace.string().required(i18next.t("neetoForm.fileUpload.validations.waitForUpload"))
-    })).unique("name", i18next.t("neetoForm.fileUpload.validations.removeDuplicates")).min(1, i18next.t("neetoForm.fileUpload.validations.atLeastOneFileRequired"));
+    })).unique("name", i18next.t("neetoForm.fileUpload.validations.removeDuplicates")).min(1, multipleFilesAllowed ? i18next.t("neetoForm.fileUpload.validations.atLeastOneFileRequired") : i18next.t("neetoForm.fileUpload.validations.fileIsRequired"));
   }
   return yup__namespace.object().shape({
     files: files_schema
@@ -15757,15 +15930,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 () {
@@ -26244,7 +26418,8 @@ var FileUploadField = function FileUploadField(_ref) {
         kind: kind,
         label: label,
         isRequired: isRequired,
-        customValidator: customValidator
+        customValidator: customValidator,
+        multipleFilesAllowed: multipleFilesAllowed
       })
     }),
     _useField2 = _slicedToArray$3(_useField, 2);
@@ -26389,15 +26564,15 @@ var OptionsField = function OptionsField(_ref) {
     var onChange = field.onChange,
       value = field.value;
     return /*#__PURE__*/React__default["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 ? neetoCist.findBy({
         value: value
-      }, transformedOptions) : value,
+      }, transformedOptions) || null : value,
       onChange: kind === QUESTION_KIND.DROPDOWN.value ? handleSelect : onChange
     });
   });
@@ -26656,6 +26831,7 @@ var StarRatingField = function StarRatingField(_ref) {
     isRequired = question.isRequired,
     count = question.count,
     shape = question.shape;
+  var sanitizedCount = ramda.clamp(0, 10, parseInt(count)) || 0;
   return /*#__PURE__*/React__default["default"].createElement(formik.Field, {
     name: name,
     validate: validateFieldValue({
@@ -26668,11 +26844,11 @@ var StarRatingField = function StarRatingField(_ref) {
     var meta = _ref2.meta,
       field = _ref2.field;
     return /*#__PURE__*/React__default["default"].createElement(StarRating$1, _extends$8({
-      count: count,
-      error: meta.touched ? meta.error : "",
-      label: getLabel$1(label, isRequired),
       name: name,
-      shape: shape
+      shape: shape,
+      count: sanitizedCount,
+      error: meta.touched ? meta.error : "",
+      label: getLabel$1(label, isRequired)
     }, field));
   });
 };
@@ -26889,7 +27065,9 @@ var ExternalForm = function ExternalForm(_ref) {
     _ref$autoCompleteKind = _ref.autoCompleteKinds,
     autoCompleteKinds = _ref$autoCompleteKind === void 0 ? [] : _ref$autoCompleteKind,
     _ref$enablePreFilling = _ref.enablePreFilling,
-    enablePreFilling = _ref$enablePreFilling === void 0 ? false : _ref$enablePreFilling;
+    enablePreFilling = _ref$enablePreFilling === void 0 ? false : _ref$enablePreFilling,
+    _ref$language = _ref.language,
+    language = _ref$language === void 0 ? "en" : _ref$language;
   var _useState = React$2.useState(false),
     _useState2 = _slicedToArray$3(_useState, 2),
     isSubmitted = _useState2[0],
@@ -27100,6 +27278,7 @@ var ExternalForm = function ExternalForm(_ref) {
   var _useForm = useForm({
       formId: formId,
       preview: preview,
+      language: language,
       onError: neetoui.Toastr.error,
       enabled: !preview,
       placeholderData: {
@@ -29871,6 +30050,12 @@ var Submission = function Submission(_ref3) {
   }));
 };
 
+var getPreFillableQuestions = function getPreFillableQuestions(questions) {
+  var modifiedQuestions = ramda.map(ramda.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 = ramda.filter(neetoCist.isPresent, responses);
   var queryParameters = {};
@@ -30018,7 +30203,7 @@ var UrlBuilder = function UrlBuilder(_ref) {
   }
   var title = form.title,
     questions = form.questions;
-  var modifiedQuestions = ramda.map(ramda.assoc("isRequired", false), questions);
+  var modifiedQuestions = getPreFillableQuestions(questions);
   return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, showTitle && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "py-6 text-center"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, _extends$8({