@bigbinary/neeto-form-frontend 2.0.4 → 2.0.6

package/dist/index.js

@@ -5,7 +5,7 @@ import { useFormikContext, useField, FieldArray, Form as Form$3, Formik, Field,
 import { filterNonNull, noop as noop$4, findBy, toLabelAndValue, isPresent as isPresent$1, truncate, slugify, filterBy, removeBy, isNotPresent, isNotEmpty, findById, notEqualsDeep } from '@bigbinary/neeto-cist';
 import { buildUrl, showThumbsUpToastr, withEventTargetValue, getQueryParams, dateFormat } from '@bigbinary/neeto-commons-frontend/utils';
 import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
-import { assoc, mergeLeft, compose as compose$1, isEmpty, trim, useWith, path, split, isNotNil, either, isNil, values, equals, modify, prop, range, includes, __, reduce, reject, keys, pick, omit, pluck, without, difference, pipe as pipe$1, last, not, toLower, map, identity, clamp as clamp$2, filter as filter$1 } from 'ramda';
+import { assoc, mergeLeft, compose as compose$1, isEmpty, trim, useWith, path, split, isNotNil, either, isNil, values, equals, modify, prop, range, includes, __, reduce, reject, keys, pick, omit, pluck, without, difference, pipe as pipe$1, last, not, toLower, map, clamp as clamp$2, identity, filter as filter$1 } from 'ramda';
 import { useQuery, useQueryClient, useMutation } from 'react-query';
 import i18next, { t as t$7 } from 'i18next';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
@@ -151,13 +151,13 @@ var _excluded$g = ["size"],
   _excluded3$2 = ["size"],
   _excluded4$1 = ["size"],
   _excluded5$1 = ["size"];
-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$D(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$E(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 Star = function Star(props) {
   var _props$size = props.size,
     size = _props$size === void 0 ? 20 : _props$size,
     other = _objectWithoutProperties$1(props, _excluded$g);
-  return /*#__PURE__*/jsx("svg", _objectSpread$D(_objectSpread$D({
+  return /*#__PURE__*/jsx("svg", _objectSpread$E(_objectSpread$E({
     fill: "none",
     height: size,
     stroke: "currentColor",
@@ -177,7 +177,7 @@ var Heart = function Heart(props) {
   var _props$size2 = props.size,
     size = _props$size2 === void 0 ? 20 : _props$size2,
     other = _objectWithoutProperties$1(props, _excluded2$2);
-  return /*#__PURE__*/jsx("svg", _objectSpread$D(_objectSpread$D({
+  return /*#__PURE__*/jsx("svg", _objectSpread$E(_objectSpread$E({
     fill: "none",
     height: size,
     stroke: "currentColor",
@@ -197,7 +197,7 @@ var Zap = function Zap(props) {
   var _props$size3 = props.size,
     size = _props$size3 === void 0 ? 20 : _props$size3,
     other = _objectWithoutProperties$1(props, _excluded3$2);
-  return /*#__PURE__*/jsx("svg", _objectSpread$D(_objectSpread$D({
+  return /*#__PURE__*/jsx("svg", _objectSpread$E(_objectSpread$E({
     fill: "none",
     height: size,
     stroke: "currentColor",
@@ -217,7 +217,7 @@ var Crown = function Crown(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? 20 : _ref$size,
     otherProps = _objectWithoutProperties$1(_ref, _excluded4$1);
-  return /*#__PURE__*/jsx("svg", _objectSpread$D(_objectSpread$D({
+  return /*#__PURE__*/jsx("svg", _objectSpread$E(_objectSpread$E({
     fill: "none",
     height: size,
     stroke: "currentColor",
@@ -241,7 +241,7 @@ var Trophy = function Trophy(_ref2) {
   var _ref2$size = _ref2.size,
     size = _ref2$size === void 0 ? 20 : _ref2$size,
     otherProps = _objectWithoutProperties$1(_ref2, _excluded5$1);
-  return /*#__PURE__*/jsxs("svg", _objectSpread$D(_objectSpread$D({
+  return /*#__PURE__*/jsxs("svg", _objectSpread$E(_objectSpread$E({
     fill: "none",
     height: size,
     stroke: "currentColor",
@@ -695,8 +695,8 @@ var _excluded$f = ["formId", "preview", "language"],
   _excluded2$1 = ["formId", "language"],
   _excluded3$1 = ["page", "pageSize"],
   _excluded5 = ["formId", "submissionId"];
-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$C(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$D(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 useForm = function useForm(_ref) {
   var formId = _ref.formId,
     _ref$preview = _ref.preview,
@@ -706,7 +706,7 @@ var useForm = function useForm(_ref) {
     options = _objectWithoutProperties$1(_ref, _excluded$f);
   return useQuery([QUERY_KEYS.QUESTIONS, preview ? "preview/".concat(formId) : formId, language], function () {
     return neetoFormApi.getPublicQuestions(formId, language);
-  }, _objectSpread$C({
+  }, _objectSpread$D({
     keepPreviousData: true
   }, options));
 };
@@ -717,14 +717,14 @@ var useFetchQuestions = function useFetchQuestions(_ref2) {
     options = _objectWithoutProperties$1(_ref2, _excluded2$1);
   return useQuery([QUERY_KEYS.QUESTIONS, formId, language], function () {
     return neetoFormApi.getQuestions(formId, language);
-  }, _objectSpread$C({
+  }, _objectSpread$D({
     keepPreviousData: true
   }, options));
 };
 var useCreateForm = function useCreateForm(options) {
   var language = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : i18next.resolvedLanguage;
   var queryClient = useQueryClient();
-  return useMutation(neetoFormApi.createForm, _objectSpread$C(_objectSpread$C({}, options), {}, {
+  return useMutation(neetoFormApi.createForm, _objectSpread$D(_objectSpread$D({}, options), {}, {
     onSuccess: function onSuccess(form) {
       var _options$onSuccess;
       queryClient.setQueryData(QUERY_KEYS.QUESTIONS, function (forms) {
@@ -744,7 +744,7 @@ var useUpdateForm = function useUpdateForm(options) {
     var id = _ref3.id,
       values = _ref3.values;
     return neetoFormApi.updateForm(id, values);
-  }, _objectSpread$C(_objectSpread$C({}, options), {}, {
+  }, _objectSpread$D(_objectSpread$D({}, options), {}, {
     onSuccess: function onSuccess(data, _ref4) {
       var id = _ref4.id;
       queryClient.setQueryData([QUERY_KEYS.QUESTIONS, id, language], assoc("title", data.title));
@@ -764,7 +764,7 @@ var useCreateQuestion = function useCreateQuestion(formId, language) {
   var queryClient = useQueryClient();
   return useMutation(function (payload) {
     return neetoFormApi.createQuestion(formId, filterNonNull(payload));
-  }, _objectSpread$C(_objectSpread$C({}, options), {}, {
+  }, _objectSpread$D(_objectSpread$D({}, options), {}, {
     onSuccess: function onSuccess() {
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
@@ -790,7 +790,7 @@ var useUpdateQuestion = function useUpdateQuestion(formId, language) {
       questionId: questionId,
       payload: filterNonNull(payload)
     });
-  }, _objectSpread$C(_objectSpread$C({}, options), {}, {
+  }, _objectSpread$D(_objectSpread$D({}, options), {}, {
     onSuccess: function onSuccess() {
       for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
         args[_key2] = arguments[_key2];
@@ -810,7 +810,7 @@ var useDeleteQuestion = function useDeleteQuestion(formId, language) {
   var queryClient = useQueryClient();
   return useMutation(function (questionId) {
     return neetoFormApi.deleteQuestion(formId, questionId);
-  }, _objectSpread$C(_objectSpread$C({}, options), {}, {
+  }, _objectSpread$D(_objectSpread$D({}, options), {}, {
     onSuccess: function onSuccess() {
       for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
         args[_key3] = arguments[_key3];
@@ -830,7 +830,7 @@ var useReorderQuestions = function useReorderQuestions(formId, language) {
   var queryClient = useQueryClient();
   return useMutation(function (payload) {
     return neetoFormApi.reorderQuestions(formId, filterNonNull(payload));
-  }, _objectSpread$C(_objectSpread$C({}, options), {}, {
+  }, _objectSpread$D(_objectSpread$D({}, options), {}, {
     onSuccess: function onSuccess() {
       for (var _len4 = arguments.length, args = new Array(_len4), _key4 = 0; _key4 < _len4; _key4++) {
         args[_key4] = arguments[_key4];
@@ -857,7 +857,7 @@ var useForms = function useForms() {
       page: page,
       pageSize: pageSize
     });
-  }, _objectSpread$C({
+  }, _objectSpread$D({
     keepPreviousData: true
   }, options));
 };
@@ -865,7 +865,7 @@ var useDeleteForm = function useDeleteForm(options) {
   return useMutationWithInvalidation(function (_ref7) {
     var id = _ref7.id;
     return neetoFormApi.destroyForm(id);
-  }, _objectSpread$C(_objectSpread$C({}, options), {}, {
+  }, _objectSpread$D(_objectSpread$D({}, options), {}, {
     keysToInvalidate: [[QUERY_KEYS.FORMS], function (_, _ref8) {
       var id = _ref8.id;
       return [QUERY_KEYS.QUESTIONS, id];
@@ -884,7 +884,7 @@ var useSubmission = function useSubmission(_ref11) {
     options = _objectWithoutProperties$1(_ref11, _excluded5);
   return useQuery([QUERY_KEYS.SUBMISSION, formId, submissionId], function () {
     return neetoFormApi.getPublicSubmission(formId, submissionId);
-  }, _objectSpread$C(_objectSpread$C({}, options), {}, {
+  }, _objectSpread$D(_objectSpread$D({}, options), {}, {
     keepPreviousData: true
   }));
 };
@@ -894,7 +894,7 @@ var useCreateSubmission = function useCreateSubmission(options) {
     var formId = _ref12.formId,
       values = _ref12.values;
     return neetoFormApi.submitPublicForm(formId, values);
-  }, _objectSpread$C(_objectSpread$C({}, options), {}, {
+  }, _objectSpread$D(_objectSpread$D({}, options), {}, {
     onSuccess: function onSuccess() {
       var _data$submission, _data$submission2;
       for (var _len5 = arguments.length, args = new Array(_len5), _key5 = 0; _key5 < _len5; _key5++) {
@@ -915,7 +915,7 @@ var useUpdateSubmission = function useUpdateSubmission(options) {
     var formId = _ref13.formId,
       values = _ref13.values;
     return neetoFormApi.updatePublicSubmission(formId, values);
-  }, _objectSpread$C(_objectSpread$C({}, options), {}, {
+  }, _objectSpread$D(_objectSpread$D({}, options), {}, {
     onSuccess: function onSuccess() {
       var _data$submission3;
       for (var _len6 = arguments.length, args = new Array(_len6), _key6 = 0; _key6 < _len6; _key6++) {
@@ -1020,7 +1020,7 @@ function _defineProperty$5(obj, key, value) {
   return obj;
 }
 
-function ownKeys$C(e, r) {
+function ownKeys$D(e, r) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var o = Object.getOwnPropertySymbols(e);
@@ -1033,9 +1033,9 @@ function ownKeys$C(e, r) {
 function _objectSpread2(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) {
+    r % 2 ? ownKeys$D(Object(t), !0).forEach(function (r) {
       _defineProperty$5(e, r, t[r]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(Object(t)).forEach(function (r) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) {
       Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
     });
   }
@@ -9934,6 +9934,9 @@ var fieldWithFallback = function fieldWithFallback(question, fieldName) {
   var isFieldEmpty = hasRichContent ? isEditorEmpty(field) : isEmpty(field);
   return isFieldEmpty && isNotNil(fallback) ? fallback : field;
 };
+var getComponentDisplayName = function getComponentDisplayName(Component) {
+  return Component.displayName || Component.name || "Component";
+};
 
 /** @type {import("neetocommons/react-utils").ZustandStoreHook} */
 var useBuildFormStore = create$2(withImmutableActions(function (set) {
@@ -11972,13 +11975,13 @@ var _excluded$c = ["size", "color"],
   _excluded2 = ["size", "color"],
   _excluded3 = ["size", "color"],
   _excluded4 = ["size", "color"];
-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 BadSmiley = function BadSmiley(props) {
   var size = props.size,
     color = props.color,
     other = _objectWithoutProperties$1(props, _excluded$c);
-  return /*#__PURE__*/jsxs("svg", _objectSpread$B(_objectSpread$B({
+  return /*#__PURE__*/jsxs("svg", _objectSpread$C(_objectSpread$C({
     fill: "none",
     height: size,
     viewBox: "0 0 48 48",
@@ -12002,7 +12005,7 @@ var OkaySmiley = function OkaySmiley(props) {
   var size = props.size,
     color = props.color,
     other = _objectWithoutProperties$1(props, _excluded2);
-  return /*#__PURE__*/jsxs("svg", _objectSpread$B(_objectSpread$B({
+  return /*#__PURE__*/jsxs("svg", _objectSpread$C(_objectSpread$C({
     fill: "none",
     height: size,
     viewBox: "0 0 48 48",
@@ -12026,7 +12029,7 @@ var GoodSmiley = function GoodSmiley(props) {
   var size = props.size,
     color = props.color,
     other = _objectWithoutProperties$1(props, _excluded3);
-  return /*#__PURE__*/jsxs("svg", _objectSpread$B(_objectSpread$B({
+  return /*#__PURE__*/jsxs("svg", _objectSpread$C(_objectSpread$C({
     fill: "none",
     height: size,
     viewBox: "0 0 48 48",
@@ -12050,7 +12053,7 @@ var Drag = function Drag(props) {
   var size = props.size,
     color = props.color,
     other = _objectWithoutProperties$1(props, _excluded4);
-  return /*#__PURE__*/jsxs("svg", _objectSpread$B(_objectSpread$B({
+  return /*#__PURE__*/jsxs("svg", _objectSpread$C(_objectSpread$C({
     fill: "none",
     height: size,
     viewBox: "0 0 24 24",
@@ -12166,8 +12169,8 @@ var Card = function Card(_ref) {
   });
 };
 
-function ownKeys$A(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$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), !0).forEach(function (r) { _defineProperty$6(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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; }
 var Questions = function Questions(_ref) {
   var questions = _ref.questions,
     isDeletable = _ref.isDeletable,
@@ -12184,7 +12187,7 @@ var Questions = function Questions(_ref) {
       var droppableProps = _ref2.droppableProps,
         placeholder = _ref2.placeholder,
         innerRef = _ref2.innerRef;
-      return /*#__PURE__*/jsxs("div", _objectSpread$A(_objectSpread$A({}, droppableProps), {}, {
+      return /*#__PURE__*/jsxs("div", _objectSpread$B(_objectSpread$B({}, droppableProps), {}, {
         className: "space-y-2",
         ref: innerRef,
         children: [questions.map(function (question, index) {
@@ -12197,7 +12200,7 @@ var Questions = function Questions(_ref) {
             var draggableProps = _ref3.draggableProps,
               dragHandleProps = _ref3.dragHandleProps,
               innerRef = _ref3.innerRef;
-            return /*#__PURE__*/jsx("div", _objectSpread$A(_objectSpread$A(_objectSpread$A({}, draggableProps), dragHandleProps), {}, {
+            return /*#__PURE__*/jsx("div", _objectSpread$B(_objectSpread$B(_objectSpread$B({}, draggableProps), dragHandleProps), {}, {
               ref: innerRef,
               children: /*#__PURE__*/jsx(Card, {
                 allQuestionKinds: allQuestionKinds,
@@ -12294,8 +12297,8 @@ var arrayHelpers = {
   moveItem: moveItem
 };
 
-function ownKeys$z(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$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), !0).forEach(function (r) { _defineProperty$6(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$A(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$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), !0).forEach(function (r) { _defineProperty$6(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(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
@@ -12331,7 +12334,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$z(_objectSpread$z({}, item), {}, {
+    return _objectSpread$A(_objectSpread$A({}, item), {}, {
       displayOrder: index
     });
   });
@@ -12345,7 +12348,7 @@ var createFieldData = function createFieldData(_ref3) {
     _ref3$isRequired = _ref3.isRequired,
     isRequired = _ref3$isRequired === void 0 ? undefined : _ref3$isRequired,
     questions = _ref3.questions;
-  return _objectSpread$z(_objectSpread$z({}, defaults), {}, {
+  return _objectSpread$A(_objectSpread$A({}, defaults), {}, {
     metadata: metadata,
     isRequired: isRequired,
     kind: type,
@@ -12369,7 +12372,7 @@ var duplicateFieldData = function duplicateFieldData(_ref4) {
   var newQuestionLabel = isRichTextQuestion(kind) ? label : t$7("neetoForm.common.clonedElementLabel", {
     label: label
   });
-  return _objectSpread$z(_objectSpread$z({}, defaultAttributes), {}, {
+  return _objectSpread$A(_objectSpread$A({}, defaultAttributes), {}, {
     isRequired: isRequired,
     kind: kind,
     label: newQuestionLabel,
@@ -12469,8 +12472,8 @@ var INITIAL_VALUES = {
 };
 
 var _excluded$b = ["label", "name"];
-function ownKeys$y(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$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), !0).forEach(function (r) { _defineProperty$6(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$z(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$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), !0).forEach(function (r) { _defineProperty$6(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FormikAdaptiveInput = function FormikAdaptiveInput(_ref) {
   var label = _ref.label,
     name = _ref.name,
@@ -12486,7 +12489,7 @@ var FormikAdaptiveInput = function FormikAdaptiveInput(_ref) {
     var end = element.value.length;
     element.setSelectionRange(end, end);
   };
-  return /*#__PURE__*/jsx(Textarea, _objectSpread$y({
+  return /*#__PURE__*/jsx(Textarea, _objectSpread$z({
     label: label,
     name: name,
     className: "neeto-form-nano-adaptive-input",
@@ -12639,8 +12642,8 @@ var RequiredSwitch = withT(function (_ref) {
 });
 
 var _excluded$a = ["maxLength"];
-function ownKeys$x(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$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), !0).forEach(function (r) { _defineProperty$6(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$y(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$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), !0).forEach(function (r) { _defineProperty$6(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var InputWithMaxLength = function InputWithMaxLength(_ref) {
   var maxLength = _ref.maxLength,
     props = _objectWithoutProperties$1(_ref, _excluded$a);
@@ -12654,7 +12657,7 @@ var InputWithMaxLength = function InputWithMaxLength(_ref) {
     }
   }, [value, maxLength, setValue]);
   var shouldShowMaxLength = value && value.length > maxLength - 10;
-  return /*#__PURE__*/jsx(Input, _objectSpread$x(_objectSpread$x({}, props), shouldShowMaxLength && {
+  return /*#__PURE__*/jsx(Input, _objectSpread$y(_objectSpread$y({}, props), shouldShowMaxLength && {
     maxLength: maxLength
   }));
 };
@@ -12831,8 +12834,8 @@ var formValidationSchema = yup.object().shape({
 });
 
 var _excluded$9 = ["question", "onClose", "questions", "handleSelect", "buildRequestArgs", "isOpen"];
-function ownKeys$w(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$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), !0).forEach(function (r) { _defineProperty$6(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$x(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$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), !0).forEach(function (r) { _defineProperty$6(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Add = function Add(_ref) {
   var question = _ref.question,
     onClose = _ref.onClose,
@@ -12863,7 +12866,7 @@ var Add = function Add(_ref) {
   var handleSubmit = function handleSubmit(values) {
     if (isCreating || !isOpen) return;
     var displayOrder = question ? question.displayOrder + 1 : questions.length;
-    createQuestion(_objectSpread$w({
+    createQuestion(_objectSpread$x({
       language: language,
       neetoFormQuestion: mergeLeft({
         displayOrder: displayOrder
@@ -12892,7 +12895,7 @@ var Add = function Add(_ref) {
         onSubmit: handleSubmit
       },
       children: /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx(Form$1, _objectSpread$w({}, _objectSpread$w(_objectSpread$w({}, props), {}, {
+        children: [/*#__PURE__*/jsx(Form$1, _objectSpread$x({}, _objectSpread$x(_objectSpread$x({}, props), {}, {
           question: question,
           questions: questions
         }))), /*#__PURE__*/jsx(Pane.Footer, {
@@ -12909,8 +12912,8 @@ var Add = function Add(_ref) {
 };
 
 var _excluded$8 = ["question", "isOpen", "onClose"];
-function ownKeys$v(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$v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), !0).forEach(function (r) { _defineProperty$6(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$w(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$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), !0).forEach(function (r) { _defineProperty$6(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Edit = function Edit(_ref) {
   var question = _ref.question,
     isOpen = _ref.isOpen,
@@ -12962,7 +12965,7 @@ var Edit = function Edit(_ref) {
         onSubmit: handleSubmit
       },
       children: /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx(Form$1, _objectSpread$v(_objectSpread$v({}, _objectSpread$v({
+        children: [/*#__PURE__*/jsx(Form$1, _objectSpread$w(_objectSpread$w({}, _objectSpread$w({
           question: question
         }, props)), {}, {
           isEdit: true
@@ -13062,8 +13065,8 @@ var FileUpload$1 = function FileUpload() {
   });
 };
 
-function ownKeys$u(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$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), !0).forEach(function (r) { _defineProperty$6(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$v(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$v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), !0).forEach(function (r) { _defineProperty$6(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var defaultConfig = {
   strict: true,
   matchKey: "value"
@@ -13071,7 +13074,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$u(_objectSpread$u({}, defaultConfig), config);
+  var configObject = _objectSpread$v(_objectSpread$v({}, defaultConfig), config);
   var matchKey = configObject.matchKey,
     strict = configObject.strict;
   return options.find(function (option) {
@@ -13085,7 +13088,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$u(_objectSpread$u({}, defaultConfig), config);
+  var configObject = _objectSpread$v(_objectSpread$v({}, defaultConfig), config);
   var matchKey = configObject.matchKey,
     strict = configObject.strict;
   return options.filter(function (option) {
@@ -13103,7 +13106,7 @@ var destroyFromList = function destroyFromList(items, index) {
     var nextItems = _toConsumableArray$1(items);
     nextItems.splice(index, 1);
     if (itemToRemove.id) {
-      nextItems.push(_objectSpread$u(_objectSpread$u({}, itemToRemove), {}, {
+      nextItems.push(_objectSpread$v(_objectSpread$v({}, itemToRemove), {}, {
         _destroy: true
       }));
     }
@@ -13129,8 +13132,8 @@ var formHelpers = {
   pushToList: pushToList
 };
 
-function ownKeys$t(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$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), !0).forEach(function (r) { _defineProperty$6(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$u(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$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), !0).forEach(function (r) { _defineProperty$6(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Options = function Options(_ref) {
   var questionProps = _ref.questionProps;
   var _useTranslation = useTranslation(),
@@ -13156,7 +13159,7 @@ var Options = function Options(_ref) {
       children: function children(_ref3) {
         var handlePush = _ref3.handlePush;
         return /*#__PURE__*/jsxs(Fragment, {
-          children: [/*#__PURE__*/jsx(Label, _objectSpread$t(_objectSpread$t({
+          children: [/*#__PURE__*/jsx(Label, _objectSpread$u(_objectSpread$u({
             className: "mb-1 block"
           }, optionLabelProps), {}, {
             children: t("neetoForm.questions.common.questionFields.field.options")
@@ -13364,8 +13367,8 @@ var buildDefaultValueForKind = function buildDefaultValueForKind(questionKind) {
 };
 
 var _excluded$7 = ["isOpen", "onClose", "action", "question", "availableQuestionKinds"];
-function ownKeys$s(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$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$s(Object(t), !0).forEach(function (r) { _defineProperty$6(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$t(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$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), !0).forEach(function (r) { _defineProperty$6(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ManageQuestionPane = function ManageQuestionPane(_ref) {
   var isOpen = _ref.isOpen,
     onClose = _ref.onClose,
@@ -13379,7 +13382,7 @@ var ManageQuestionPane = function ManageQuestionPane(_ref) {
     initialFocusRef: initialFocusRef,
     isOpen: isOpen,
     onClose: onClose,
-    children: /*#__PURE__*/jsx(Component, _objectSpread$s({}, _objectSpread$s({
+    children: /*#__PURE__*/jsx(Component, _objectSpread$t({}, _objectSpread$t({
       availableQuestionKinds: availableQuestionKinds,
       initialFocusRef: initialFocusRef,
       isOpen: isOpen,
@@ -13412,8 +13415,8 @@ var AddQuestion = withT(function (_ref) {
 });
 
 var _excluded$6 = ["questionKinds", "onValueChange", "formId", "isDeletable", "isRequiredField", "submitButtonProps", "cancelButtonProps", "isKindAlreadyActive", "getActiveKindDetails", "isDisabledFieldLabel", "disabledAddButtonTooltipProps", "enableFieldCode", "isFormEnabled", "savedTitle", "formTitle", "formDescription", "selectedLanguage", "availableLanguages", "onLanguageChange", "additionalActionOptions", "isReordering", "additionalQuestionKindPattern", "showActionBlock", "buildRequestArgs"];
-function ownKeys$r(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$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), !0).forEach(function (r) { _defineProperty$6(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$s(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$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$s(Object(t), !0).forEach(function (r) { _defineProperty$6(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Form = function Form(_ref) {
   var questionKinds = _ref.questionKinds,
     onValueChange = _ref.onValueChange,
@@ -13507,7 +13510,7 @@ var Form = function Form(_ref) {
       questions: questions
     });
     var displayOrder = selectedQuestion.displayOrder + 1;
-    var payload = _objectSpread$r({
+    var payload = _objectSpread$s({
       language: selectedLanguage,
       neetoFormQuestion: mergeLeft({
         displayOrder: displayOrder
@@ -13564,7 +13567,7 @@ var Form = function Form(_ref) {
       onClose: function onClose() {
         return setIsDeleteAlertOpen(false);
       }
-    }), /*#__PURE__*/jsxs(Form$3, _objectSpread$r(_objectSpread$r({
+    }), /*#__PURE__*/jsxs(Form$3, _objectSpread$s(_objectSpread$s({
       className: "neeto-form-nano-form-wrapper flex h-full flex-col"
     }, formDomProps), {}, {
       noValidate: true,
@@ -13622,7 +13625,7 @@ var Form = function Form(_ref) {
         children: /*#__PURE__*/jsx(ActionBlock, {
           submitButtonProps: submitButtonProps,
           isSubmitting: isReordering,
-          cancelButtonProps: _objectSpread$r({
+          cancelButtonProps: _objectSpread$s({
             label: t("neetoForm.common.reset"),
             onClick: resetFormData
           }, cancelButtonProps)
@@ -13649,8 +13652,8 @@ var Form = function Form(_ref) {
   });
 };
 
-function ownKeys$q(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$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), !0).forEach(function (r) { _defineProperty$6(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$r(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$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), !0).forEach(function (r) { _defineProperty$6(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(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,
@@ -13778,7 +13781,7 @@ var BuildForm = function BuildForm(_ref) {
       children: function children(_ref5) {
         var errors = _ref5.errors,
           setFieldError = _ref5.setFieldError;
-        return /*#__PURE__*/jsx(Form, _objectSpread$q(_objectSpread$q({}, _objectSpread$q(_objectSpread$q({}, formDomProps), {}, {
+        return /*#__PURE__*/jsx(Form, _objectSpread$r(_objectSpread$r({}, _objectSpread$r(_objectSpread$r({}, formDomProps), {}, {
           additionalActionOptions: additionalActionOptions,
           additionalQuestionKindPattern: additionalQuestionKindPattern,
           availableLanguages: availableLanguages,
@@ -14229,8 +14232,8 @@ var Spinner = function Spinner(_ref) {
 var Spinner$1 = /*#__PURE__*/React__default.memo(Spinner);
 
 var _excluded$5 = ["label", "loading", "success", "className"];
-function ownKeys$p(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$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), !0).forEach(function (r) { _defineProperty$6(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$q(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$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), !0).forEach(function (r) { _defineProperty$6(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Button = function Button(_ref) {
   var label = _ref.label,
     _ref$loading = _ref.loading,
@@ -14240,7 +14243,7 @@ var Button = function Button(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     otherProps = _objectWithoutProperties$1(_ref, _excluded$5);
-  return /*#__PURE__*/jsxs("button", _objectSpread$p(_objectSpread$p({
+  return /*#__PURE__*/jsxs("button", _objectSpread$q(_objectSpread$q({
     className: classnames("neeto-form-engine-button", className)
   }, otherProps), {}, {
     children: [loading && /*#__PURE__*/jsx(ButtonLoader, {}), success && /*#__PURE__*/jsx(Success$2, {}), label]
@@ -14379,11 +14382,7 @@ var FormikWrap = function FormikWrap(_ref) {
   };
   useEffect(function () {
     revalidate();
-    clientI18nInstance.on("languageChanged", revalidate);
-    return function () {
-      return clientI18nInstance.off("languageChanged", revalidate);
-    };
-  }, [dataUpdateCount]);
+  }, [clientI18nInstance.language, dataUpdateCount]);
   var syncValuesWithLocalStorage = function syncValuesWithLocalStorage() {
     return preserveValues && !isEmptyValues(values) && setWithExpiry("".concat(formId, "/values"), values);
   };
@@ -14406,6 +14405,19 @@ var FormikWrap = function FormikWrap(_ref) {
   return children;
 };
 
+function ownKeys$p(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$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), !0).forEach(function (r) { _defineProperty$6(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var withI18nInstance = function withI18nInstance(Component, i18n) {
+  var I18nWrapper = function I18nWrapper(props) {
+    return /*#__PURE__*/jsx(I18nextProvider, {
+      i18n: i18n,
+      children: /*#__PURE__*/jsx(Component, _objectSpread$p({}, props))
+    });
+  };
+  I18nWrapper.displayName = "I18nWrapper(".concat(getComponentDisplayName(Component), ")");
+  return I18nWrapper;
+};
+
 var useIsMounted = function useIsMounted() {
   var isMounted = useRef(true);
   useEffect(function () {
@@ -29180,8 +29192,7 @@ var ExternalForm = function ExternalForm(_ref) {
   if (displayThankYou && showSuccess) {
     return /*#__PURE__*/jsx(Success$1, {});
   }
-  return /*#__PURE__*/jsxs(I18nextProvider, {
-    i18n: clientI18nInstance,
+  return /*#__PURE__*/jsxs(Fragment, {
     children: [showTitle && /*#__PURE__*/jsx("div", {
       className: "py-6 text-center",
       children: /*#__PURE__*/jsx(Typography, _objectSpread$2(_objectSpread$2({
@@ -29282,6 +29293,7 @@ var ExternalForm = function ExternalForm(_ref) {
     })]
   });
 };
+var index = withI18nInstance(ExternalForm, clientI18nInstance);
 
 var dist = {};
 
@@ -32202,5 +32214,5 @@ var useFormSubmission = function useFormSubmission(_ref) {
   };
 };
 
-export { BuildForm, ExternalForm, NeetoFormProvider, Submission, UrlBuilder, useBuildFormState, useCreateForm, useDeleteForm, useForm, useFormSubmission, useForms, useUpdateForm };
+export { BuildForm, index as ExternalForm, NeetoFormProvider, Submission, UrlBuilder, useBuildFormState, useCreateForm, useDeleteForm, useForm, useFormSubmission, useForms, useUpdateForm };
 //# sourceMappingURL=index.js.map