@bigbinary/neeto-form-frontend 1.2.39 → 1.2.41

package/dist/index.js

@@ -1,24 +1,24 @@
 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 { Typography, Dropdown as Dropdown$2, Tooltip, Button as Button$1, Label, Checkbox as Checkbox$1, Alert, Toastr, MultiEmailInput, DatePicker, Radio as Radio$1, Select, Textarea as Textarea$1, Input as Input$2, Spinner as Spinner$2 } from '@bigbinary/neetoui';
-import { assoc, prop, isEmpty, path, values, compose as compose$1, trim, useWith, split, either, isNil, equals, difference, reject, pluck, keys, pick, omit, insert, not, pipe as pipe$1, toLower, map, includes, identity, isNotNil, times, filter as filter$1 } from 'ramda';
+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';
+import { assoc, prop, isEmpty, path, values, compose as compose$1, trim, useWith, split, either, isNil, equals, difference, reject, pluck, keys, pick, omit, insert, not, pipe as pipe$1, toLower, map, includes, identity, isNotNil, times, clamp as clamp$2, filter as filter$1 } from 'ramda';
 import { useQuery, useQueryClient, useMutation } from 'react-query';
 import i18next, { t as t$4 } from 'i18next';
-import { Input, Email as Email$2, Phone as Phone$2, Up, Down, MenuHorizontal, Delete, Plus, NeetoInvisible, Checkbox as Checkbox$2, Radio, Dropdown as Dropdown$3, Rating as Rating$4, Smiley, Calendar, Upload, Check, Close, FileGeneric } from '@bigbinary/neeto-icons';
+import { Input, Email as Email$2, Phone as Phone$2, Globe, Up, Down, MenuHorizontal, Delete, Plus, NeetoInvisible, Checkbox as Checkbox$2, Radio, Dropdown as Dropdown$3, Rating as Rating$4, Smiley, Calendar, Upload, Check, Close, FileGeneric } from '@bigbinary/neeto-icons';
+import { useMutationWithInvalidation, withImmutableActions, withT, useDebounce } from '@bigbinary/neeto-commons-frontend/react-utils';
 import axios from 'axios';
 import ReactDOM, { unstable_batchedUpdates, flushSync as flushSync$1 } from 'react-dom';
 import { Input as Input$1, Textarea, Checkbox, ActionBlock } from '@bigbinary/neetoui/formik';
 import { useTranslation, Trans } from 'react-i18next';
-import { withImmutableActions, withT, useDebounce } from '@bigbinary/neeto-commons-frontend/react-utils';
 import { create as create$1 } from 'zustand';
 import classnames from 'classnames';
-import { Editor as Editor$1, isEditorEmpty, EditorContent } from '@bigbinary/neeto-editor';
 import * as yup from 'yup';
 import { object, array, string } from 'yup';
-import { withEventTargetValue, getQueryParams, dateFormat } from '@bigbinary/neeto-commons-frontend/utils';
+import { Editor as Editor$1, isEditorEmpty, EditorContent } from '@bigbinary/neeto-editor';
 import useHotkeys from '@bigbinary/neeto-hotkeys';
 import dayjs from 'dayjs';
 import { validation, PhoneNumberInput, PhoneNumber as PhoneNumber$1 } from '@bigbinary/neeto-molecules/PhoneNumber';
@@ -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,
@@ -510,11 +510,19 @@ var updateForm = function updateForm(formId, payload) {
 var destroyForm = function destroyForm(formId) {
   return axios["delete"](getFormsUrl(formId));
 };
-var getQuestions = function getQuestions(formId) {
-  return axios.get(getQuestionsUrl(formId));
+var getQuestions = function getQuestions(formId, language) {
+  return axios.get(getQuestionsUrl(formId), {
+    params: {
+      language: language
+    }
+  });
 };
-var getPublicQuestions = function getPublicQuestions(formId) {
-  return axios.get("".concat(BASE_URL, "/api/v1/forms/").concat(formId, "/public/questions/"));
+var getPublicQuestions = function getPublicQuestions(formId, language) {
+  return axios.get("".concat(BASE_URL, "/api/v1/forms/").concat(formId, "/public/questions/"), {
+    params: {
+      language: language
+    }
+  });
 };
 var updateQuestions = function updateQuestions(formId, payload) {
   return axios.patch(getQuestionsUrl(formId), payload);
@@ -553,133 +561,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 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 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 = 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) {
         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 = useQueryClient();
   return 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 = useQueryClient();
   return 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], 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));
 };
 var useDeleteForm = function useDeleteForm(options) {
-  var queryClient = useQueryClient();
-  return useMutation(function (_ref5) {
+  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)]];
+    },
     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 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 = useQueryClient();
-  return useMutation(function (_ref8) {
-    var formId = _ref8.formId,
-      values = _ref8.values;
+  return 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;
@@ -692,15 +693,15 @@ var useCreateSubmission = function useCreateSubmission(options) {
 };
 var useUpdateSubmission = function useUpdateSubmission(options) {
   var queryClient = useQueryClient();
-  return useMutation(function (_ref9) {
-    var formId = _ref9.formId,
-      values = _ref9.values;
+  return 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;
@@ -802,12 +803,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;
@@ -890,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);
@@ -903,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));
     });
   }
@@ -1625,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,
@@ -1695,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);
@@ -2032,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;
@@ -2210,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]);
@@ -9776,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"
@@ -9785,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) {
@@ -9799,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) {
@@ -9817,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
       }));
     }
@@ -9864,6 +9865,84 @@ var useBuildFormState = function useBuildFormState() {
   return useBuildFormStore(prop("formState"));
 };
 
+var ChangeLanguageDropdown = function ChangeLanguageDropdown(_ref) {
+  var dirty = _ref.dirty,
+    initialLanguage = _ref.initialLanguage,
+    languages = _ref.languages,
+    onChange = _ref.onChange;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray$3(_useState, 2),
+    isUnsavedChangesAlertOpen = _useState2[0],
+    setIsUnsavedChangesAlertOpen = _useState2[1];
+  var _useState3 = useState(initialLanguage),
+    _useState4 = _slicedToArray$3(_useState3, 2),
+    selectedLanguage = _useState4[0],
+    setSelectedLanguage = _useState4[1];
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var languageChangeHandler = function languageChangeHandler(code) {
+    if (!dirty) {
+      onChange(code);
+      return;
+    }
+    setSelectedLanguage(code);
+    setIsUnsavedChangesAlertOpen(true);
+  };
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Tooltip, {
+    content: t("neetoForm.questions.changeLanguage")
+  }, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Dropdown$2, {
+    buttonStyle: "text",
+    icon: Globe,
+    position: "top-start"
+  }, /*#__PURE__*/React__default.createElement(Dropdown$2.Menu, null, languages.map(function (_ref2) {
+    var code = _ref2.code,
+      name = _ref2.name;
+    return /*#__PURE__*/React__default.createElement(Dropdown$2.MenuItem.Button, {
+      isActive: initialLanguage === code,
+      key: code,
+      onClick: function onClick() {
+        return languageChangeHandler(code);
+      }
+    }, name);
+  }))))), /*#__PURE__*/React__default.createElement(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.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,
@@ -9878,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,
@@ -10098,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,
@@ -10117,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,
@@ -10218,6 +10297,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 = {
@@ -10239,6 +10319,8 @@ var FILE_GROUPS = [{
   label: t$4("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,
@@ -10540,7 +10622,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.createElement("div", {
     className: "w-full"
   }, /*#__PURE__*/React__default.createElement(FieldArray, {
@@ -10559,14 +10644,17 @@ var MultipleChoice$1 = function MultipleChoice(_ref) {
       }, /*#__PURE__*/React__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.createElement(Button$1, {
-        className: classnames({
-          invisible: index === 0
-        }),
         icon: Delete,
         size: "small",
         style: "text",
+        className: classnames({
+          invisible: index < MULTIPLE_CHOICE_FIELD_MIN_OPTIONS
+        }),
         tooltipProps: {
           position: "top",
           content: t("neetoForm.common.delete")
@@ -10783,7 +10871,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.createElement("div", {
     className: "w-full"
   }, /*#__PURE__*/React__default.createElement(FieldArray, {
@@ -10843,6 +10934,26 @@ var SingleChoice$1 = function SingleChoice(_ref) {
   }));
 };
 
+var validateStarRatingCount = function validateStarRatingCount(value) {
+  try {
+    var schema = yup.number().integer().transform(function (value) {
+      return isNaN(value) ? null : value;
+    }).min(STAR_RATING_MIN_COUNT, t$4("neetoForm.error.minCount", {
+      field: t$4("neetoForm.common.count"),
+      value: STAR_RATING_MIN_COUNT
+    })).max(STAR_RATING_MAX_COUNT, t$4("neetoForm.error.maxCount", {
+      field: t$4("neetoForm.common.count"),
+      value: STAR_RATING_MAX_COUNT
+    })).nullable().required(t$4("neetoForm.common.fieldReq", {
+      field: t$4("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,
@@ -10852,8 +10963,19 @@ var StarRating$3 = function StarRating(_ref) {
     t = _useTranslation.t;
   var _useField = 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 = 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.createElement("div", {
     className: "space-y-4"
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -10864,19 +10986,22 @@ var StarRating$3 = function StarRating(_ref) {
     label: t("neetoForm.questions.common.questionFields.field.question"),
     name: "".concat(name, ".label"),
     rows: 1
-  })), /*#__PURE__*/React__default.createElement(InputWithMaxLength, {
+  })), /*#__PURE__*/React__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.createElement(Label, null, t("neetoForm.common.icon")), /*#__PURE__*/React__default.createElement("div", {
+    max: STAR_RATING_MAX_COUNT,
+    min: STAR_RATING_MIN_COUNT,
+    type: "number",
+    onChange: withEventTargetValue(setCount)
+  })), /*#__PURE__*/React__default.createElement(Label, null, t("neetoForm.common.icon")), /*#__PURE__*/React__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.createElement("div", {
       key: name,
       className: classnames("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", {
@@ -10884,7 +11009,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.createElement(Shape, null));
   })), !isRequired && /*#__PURE__*/React__default.createElement("div", {
@@ -10972,22 +11097,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.createElement("div", {
     className: "w-full cursor-auto"
   }, /*#__PURE__*/React__default.createElement(Editor$1, {
-    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);
@@ -11115,9 +11246,9 @@ var QUESTION_KINDS = [{
   defaults: {
     label: "",
     isRequired: false,
-    optionsAttributes: [{
+    optionsAttributes: new Array(MULTIPLE_CHOICE_FIELD_MIN_OPTIONS).fill({
       label: ""
-    }]
+    })
   }
 }, {
   type: "radio",
@@ -11390,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
@@ -11427,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
     });
   });
@@ -11441,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,
@@ -11462,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,
@@ -11569,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"];
-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,
@@ -11589,7 +11720,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 = useTranslation(),
     t = _useTranslation.t;
   var _useState = useState({}),
@@ -11659,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
           });
         }));
@@ -11676,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"),
@@ -11700,6 +11840,13 @@ 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"
   }, hasActiveQuestions ? /*#__PURE__*/React__default.createElement(FieldArray, {
@@ -11759,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)
   }))));
@@ -11822,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,
@@ -11856,20 +12003,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 ? noop$4 : _ref$onLanguageChange;
   var queryClient = useQueryClient();
   var _useUpdateQuestions = useUpdateQuestions({
       formId: id,
-      onError: function onError(error) {
-        return Toastr.error(error);
-      },
-      onSuccess: function onSuccess() {
-        return Toastr.success("", THUMBS_UP);
-      }
+      language: selectedLanguage,
+      onError: Toastr.error,
+      onSuccess: 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);
       },
@@ -11899,26 +12053,31 @@ 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: 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)], assoc("questions", questions));
+      queryClient.setQueryData([QUERY_KEYS.QUESTIONS, "preview/".concat(id), selectedLanguage], 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 () {
@@ -11936,20 +12095,25 @@ 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,
       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
@@ -12372,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,
@@ -12381,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);
@@ -14142,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 = {
@@ -14171,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;
   }
@@ -14316,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; }
 
@@ -14430,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
@@ -15473,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; }
 
@@ -15534,7 +15698,7 @@ function normalizeArguments(args) {
     }
 
     if (arg_2) {
-      options = _objectSpread$7({
+      options = _objectSpread$8({
         defaultCountry: arg_2
       }, options);
     }
@@ -15593,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) {
@@ -15620,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,
@@ -15673,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;
 };
@@ -15701,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
@@ -15719,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 () {
@@ -26206,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);
@@ -26351,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
     });
   });
@@ -26618,6 +26793,7 @@ var StarRatingField = function StarRatingField(_ref) {
     isRequired = question.isRequired,
     count = question.count,
     shape = question.shape;
+  var sanitizedCount = clamp$2(0, 10, parseInt(count)) || 0;
   return /*#__PURE__*/React__default.createElement(Field, {
     name: name,
     validate: validateFieldValue({
@@ -26630,11 +26806,11 @@ var StarRatingField = function StarRatingField(_ref) {
     var meta = _ref2.meta,
       field = _ref2.field;
     return /*#__PURE__*/React__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));
   });
 };
@@ -26851,7 +27027,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 = useState(false),
     _useState2 = _slicedToArray$3(_useState, 2),
     isSubmitted = _useState2[0],
@@ -27062,6 +27240,7 @@ var ExternalForm = function ExternalForm(_ref) {
   var _useForm = useForm({
       formId: formId,
       preview: preview,
+      language: language,
       onError: Toastr.error,
       enabled: !preview,
       placeholderData: {
@@ -29833,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 = {};
@@ -29980,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({