@bigbinary/neeto-form-frontend 2.0.2 → 2.0.4

package/dist/index.js

@@ -7,14 +7,14 @@ import { buildUrl, showThumbsUpToastr, withEventTargetValue, getQueryParams, dat
 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 { useQuery, useQueryClient, useMutation } from 'react-query';
-import i18next, { t as t$4 } from 'i18next';
+import i18next, { t as t$7 } from 'i18next';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { DEFAULT_PAGE_INDEX, DEFAULT_PAGE_SIZE } from '@bigbinary/neeto-commons-frontend/constants';
 import { useMutationWithInvalidation, withImmutableActions, withT, useStateWithDependency, useOnClickOutside, useDebounce } from '@bigbinary/neeto-commons-frontend/react-utils';
 import axios from 'axios';
 import ReactDOM, { unstable_batchedUpdates, flushSync as flushSync$1 } from 'react-dom';
 import ActionBlock from '@bigbinary/neetoui/formik/ActionBlock';
-import { useTranslation, Trans } from 'react-i18next';
+import { useTranslation, Trans, I18nextProvider } from 'react-i18next';
 import { create as create$2 } from 'zustand';
 import { isEditorEmpty, Editor as Editor$1, EditorContent } from '@bigbinary/neeto-editor';
 import { shallow } from 'zustand/shallow';
@@ -436,15 +436,15 @@ var QUESTION_KIND = {
 };
 var RATING_VALUES = {
   GOOD: {
-    label: t$4("neetoForm.common.good"),
+    label: t$7("neetoForm.common.good"),
     value: "good"
   },
   AVERAGE: {
-    label: t$4("neetoForm.common.okay"),
+    label: t$7("neetoForm.common.okay"),
     value: "okay"
   },
   BAD: {
-    label: t$4("neetoForm.common.bad"),
+    label: t$7("neetoForm.common.bad"),
     value: "bad"
   }
 };
@@ -1512,7 +1512,7 @@ var useSyncExternalStoreShim_production_min = {};
  * LICENSE file in the root directory of this source tree.
  */
 var e$2=React__default;function h$3(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var k$2="function"===typeof Object.is?Object.is:h$3,l$2=e$2.useState,m$2=e$2.useEffect,n$3=e$2.useLayoutEffect,p$3=e$2.useDebugValue;function q$3(a,b){var d=b(),f=l$2({inst:{value:d,getSnapshot:b}}),c=f[0].inst,g=f[1];n$3(function(){c.value=d;c.getSnapshot=b;r$2(c)&&g({inst:c});},[a,d,b]);m$2(function(){r$2(c)&&g({inst:c});return a(function(){r$2(c)&&g({inst:c});})},[a]);p$3(d);return d}
-function r$2(a){var b=a.getSnapshot;a=a.value;try{var d=b();return !k$2(a,d)}catch(f){return !0}}function t$3(a,b){return b()}var u$2="undefined"===typeof window||"undefined"===typeof window.document||"undefined"===typeof window.document.createElement?t$3:q$3;useSyncExternalStoreShim_production_min.useSyncExternalStore=void 0!==e$2.useSyncExternalStore?e$2.useSyncExternalStore:u$2;
+function r$2(a){var b=a.getSnapshot;a=a.value;try{var d=b();return !k$2(a,d)}catch(f){return !0}}function t$6(a,b){return b()}var u$2="undefined"===typeof window||"undefined"===typeof window.document||"undefined"===typeof window.document.createElement?t$6:q$3;useSyncExternalStoreShim_production_min.useSyncExternalStore=void 0!==e$2.useSyncExternalStore?e$2.useSyncExternalStore:u$2;
 
 {
   shim.exports = useSyncExternalStoreShim_production_min;
@@ -1531,8 +1531,8 @@ var withSelector_production_min = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var h$2=React__default,n$2=shimExports;function p$2(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var q$2="function"===typeof Object.is?Object.is:p$2,r$1=n$2.useSyncExternalStore,t$2=h$2.useRef,u$1=h$2.useEffect,v$2=h$2.useMemo,w$1=h$2.useDebugValue;
-withSelector_production_min.useSyncExternalStoreWithSelector=function(a,b,e,l,g){var c=t$2(null);if(null===c.current){var f={hasValue:!1,value:null};c.current=f;}else f=c.current;c=v$2(function(){function a(a){if(!c){c=!0;d=a;a=l(a);if(void 0!==g&&f.hasValue){var b=f.value;if(g(b,a))return k=b}return k=a}b=k;if(q$2(d,a))return b;var e=l(a);if(void 0!==g&&g(b,e))return b;d=a;return k=e}var c=!1,d,k,m=void 0===e?null:e;return [function(){return a(b())},null===m?void 0:function(){return a(m())}]},[b,e,l,g]);var d=r$1(a,c[0],c[1]);
+var h$2=React__default,n$2=shimExports;function p$2(a,b){return a===b&&(0!==a||1/a===1/b)||a!==a&&b!==b}var q$2="function"===typeof Object.is?Object.is:p$2,r$1=n$2.useSyncExternalStore,t$5=h$2.useRef,u$1=h$2.useEffect,v$2=h$2.useMemo,w$1=h$2.useDebugValue;
+withSelector_production_min.useSyncExternalStoreWithSelector=function(a,b,e,l,g){var c=t$5(null);if(null===c.current){var f={hasValue:!1,value:null};c.current=f;}else f=c.current;c=v$2(function(){function a(a){if(!c){c=!0;d=a;a=l(a);if(void 0!==g&&f.hasValue){var b=f.value;if(g(b,a))return k=b}return k=a}b=k;if(q$2(d,a))return b;var e=l(a);if(void 0!==g&&g(b,e))return b;d=a;return k=e}var c=!1,d,k,m=void 0===e?null:e;return [function(){return a(b())},null===m?void 0:function(){return a(m())}]},[b,e,l,g]);var d=r$1(a,c[0],c[1]);
 u$1(function(){f.hasValue=!0;f.value=d;},[d]);w$1(d);return d};
 
 // Default to a dummy "batch" implementation that just runs the callback
@@ -1614,11 +1614,11 @@ var reactIs_production_min$1 = {};
  * LICENSE file in the root directory of this source tree.
  */
 var b$2="function"===typeof Symbol&&Symbol.for,c$2=b$2?Symbol.for("react.element"):60103,d$1=b$2?Symbol.for("react.portal"):60106,e$1=b$2?Symbol.for("react.fragment"):60107,f$1=b$2?Symbol.for("react.strict_mode"):60108,g$1=b$2?Symbol.for("react.profiler"):60114,h$1=b$2?Symbol.for("react.provider"):60109,k$1=b$2?Symbol.for("react.context"):60110,l$1=b$2?Symbol.for("react.async_mode"):60111,m$1=b$2?Symbol.for("react.concurrent_mode"):60111,n$1=b$2?Symbol.for("react.forward_ref"):60112,p$1=b$2?Symbol.for("react.suspense"):60113,q$1=b$2?
-Symbol.for("react.suspense_list"):60120,r=b$2?Symbol.for("react.memo"):60115,t$1=b$2?Symbol.for("react.lazy"):60116,v$1=b$2?Symbol.for("react.block"):60121,w=b$2?Symbol.for("react.fundamental"):60117,x=b$2?Symbol.for("react.responder"):60118,y=b$2?Symbol.for("react.scope"):60119;
-function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c$2:switch(a=a.type,a){case l$1:case m$1:case e$1:case g$1:case f$1:case p$1:return a;default:switch(a=a&&a.$$typeof,a){case k$1:case n$1:case t$1:case r:case h$1:return a;default:return u}}case d$1:return u}}}function A(a){return z(a)===m$1}reactIs_production_min$1.AsyncMode=l$1;reactIs_production_min$1.ConcurrentMode=m$1;reactIs_production_min$1.ContextConsumer=k$1;reactIs_production_min$1.ContextProvider=h$1;reactIs_production_min$1.Element=c$2;reactIs_production_min$1.ForwardRef=n$1;reactIs_production_min$1.Fragment=e$1;reactIs_production_min$1.Lazy=t$1;reactIs_production_min$1.Memo=r;reactIs_production_min$1.Portal=d$1;
-reactIs_production_min$1.Profiler=g$1;reactIs_production_min$1.StrictMode=f$1;reactIs_production_min$1.Suspense=p$1;reactIs_production_min$1.isAsyncMode=function(a){return A(a)||z(a)===l$1};reactIs_production_min$1.isConcurrentMode=A;reactIs_production_min$1.isContextConsumer=function(a){return z(a)===k$1};reactIs_production_min$1.isContextProvider=function(a){return z(a)===h$1};reactIs_production_min$1.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c$2};reactIs_production_min$1.isForwardRef=function(a){return z(a)===n$1};reactIs_production_min$1.isFragment=function(a){return z(a)===e$1};reactIs_production_min$1.isLazy=function(a){return z(a)===t$1};
+Symbol.for("react.suspense_list"):60120,r=b$2?Symbol.for("react.memo"):60115,t$4=b$2?Symbol.for("react.lazy"):60116,v$1=b$2?Symbol.for("react.block"):60121,w=b$2?Symbol.for("react.fundamental"):60117,x=b$2?Symbol.for("react.responder"):60118,y=b$2?Symbol.for("react.scope"):60119;
+function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c$2:switch(a=a.type,a){case l$1:case m$1:case e$1:case g$1:case f$1:case p$1:return a;default:switch(a=a&&a.$$typeof,a){case k$1:case n$1:case t$4:case r:case h$1:return a;default:return u}}case d$1:return u}}}function A(a){return z(a)===m$1}reactIs_production_min$1.AsyncMode=l$1;reactIs_production_min$1.ConcurrentMode=m$1;reactIs_production_min$1.ContextConsumer=k$1;reactIs_production_min$1.ContextProvider=h$1;reactIs_production_min$1.Element=c$2;reactIs_production_min$1.ForwardRef=n$1;reactIs_production_min$1.Fragment=e$1;reactIs_production_min$1.Lazy=t$4;reactIs_production_min$1.Memo=r;reactIs_production_min$1.Portal=d$1;
+reactIs_production_min$1.Profiler=g$1;reactIs_production_min$1.StrictMode=f$1;reactIs_production_min$1.Suspense=p$1;reactIs_production_min$1.isAsyncMode=function(a){return A(a)||z(a)===l$1};reactIs_production_min$1.isConcurrentMode=A;reactIs_production_min$1.isContextConsumer=function(a){return z(a)===k$1};reactIs_production_min$1.isContextProvider=function(a){return z(a)===h$1};reactIs_production_min$1.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c$2};reactIs_production_min$1.isForwardRef=function(a){return z(a)===n$1};reactIs_production_min$1.isFragment=function(a){return z(a)===e$1};reactIs_production_min$1.isLazy=function(a){return z(a)===t$4};
 reactIs_production_min$1.isMemo=function(a){return z(a)===r};reactIs_production_min$1.isPortal=function(a){return z(a)===d$1};reactIs_production_min$1.isProfiler=function(a){return z(a)===g$1};reactIs_production_min$1.isStrictMode=function(a){return z(a)===f$1};reactIs_production_min$1.isSuspense=function(a){return z(a)===p$1};
-reactIs_production_min$1.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e$1||a===m$1||a===g$1||a===f$1||a===p$1||a===q$1||"object"===typeof a&&null!==a&&(a.$$typeof===t$1||a.$$typeof===r||a.$$typeof===h$1||a.$$typeof===k$1||a.$$typeof===n$1||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v$1)};reactIs_production_min$1.typeOf=z;
+reactIs_production_min$1.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e$1||a===m$1||a===g$1||a===f$1||a===p$1||a===q$1||"object"===typeof a&&null!==a&&(a.$$typeof===t$4||a.$$typeof===r||a.$$typeof===h$1||a.$$typeof===k$1||a.$$typeof===n$1||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v$1)};reactIs_production_min$1.typeOf=z;
 
 {
   reactIs$2.exports = reactIs_production_min$1;
@@ -1743,11 +1743,11 @@ var reactIs_production_min = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var b$1=Symbol.for("react.element"),c$1=Symbol.for("react.portal"),d=Symbol.for("react.fragment"),e=Symbol.for("react.strict_mode"),f=Symbol.for("react.profiler"),g=Symbol.for("react.provider"),h=Symbol.for("react.context"),k=Symbol.for("react.server_context"),l=Symbol.for("react.forward_ref"),m=Symbol.for("react.suspense"),n=Symbol.for("react.suspense_list"),p=Symbol.for("react.memo"),q=Symbol.for("react.lazy"),t=Symbol.for("react.offscreen"),u;u=Symbol.for("react.module.reference");
+var b$1=Symbol.for("react.element"),c$1=Symbol.for("react.portal"),d=Symbol.for("react.fragment"),e=Symbol.for("react.strict_mode"),f=Symbol.for("react.profiler"),g=Symbol.for("react.provider"),h=Symbol.for("react.context"),k=Symbol.for("react.server_context"),l=Symbol.for("react.forward_ref"),m=Symbol.for("react.suspense"),n=Symbol.for("react.suspense_list"),p=Symbol.for("react.memo"),q=Symbol.for("react.lazy"),t$3=Symbol.for("react.offscreen"),u;u=Symbol.for("react.module.reference");
 function v(a){if("object"===typeof a&&null!==a){var r=a.$$typeof;switch(r){case b$1:switch(a=a.type,a){case d:case f:case e:case m:case n:return a;default:switch(a=a&&a.$$typeof,a){case k:case h:case l:case q:case p:case g:return a;default:return r}}case c$1:return r}}}reactIs_production_min.ContextConsumer=h;reactIs_production_min.ContextProvider=g;reactIs_production_min.Element=b$1;reactIs_production_min.ForwardRef=l;reactIs_production_min.Fragment=d;reactIs_production_min.Lazy=q;reactIs_production_min.Memo=p;reactIs_production_min.Portal=c$1;reactIs_production_min.Profiler=f;reactIs_production_min.StrictMode=e;reactIs_production_min.Suspense=m;
 reactIs_production_min.SuspenseList=n;reactIs_production_min.isAsyncMode=function(){return !1};reactIs_production_min.isConcurrentMode=function(){return !1};reactIs_production_min.isContextConsumer=function(a){return v(a)===h};reactIs_production_min.isContextProvider=function(a){return v(a)===g};reactIs_production_min.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===b$1};reactIs_production_min.isForwardRef=function(a){return v(a)===l};reactIs_production_min.isFragment=function(a){return v(a)===d};reactIs_production_min.isLazy=function(a){return v(a)===q};reactIs_production_min.isMemo=function(a){return v(a)===p};
 reactIs_production_min.isPortal=function(a){return v(a)===c$1};reactIs_production_min.isProfiler=function(a){return v(a)===f};reactIs_production_min.isStrictMode=function(a){return v(a)===e};reactIs_production_min.isSuspense=function(a){return v(a)===m};reactIs_production_min.isSuspenseList=function(a){return v(a)===n};
-reactIs_production_min.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===d||a===f||a===e||a===m||a===n||a===t||"object"===typeof a&&null!==a&&(a.$$typeof===q||a.$$typeof===p||a.$$typeof===g||a.$$typeof===h||a.$$typeof===l||a.$$typeof===u||void 0!==a.getModuleId)?!0:!1};reactIs_production_min.typeOf=v;
+reactIs_production_min.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===d||a===f||a===e||a===m||a===n||a===t$3||"object"===typeof a&&null!==a&&(a.$$typeof===q||a.$$typeof===p||a.$$typeof===g||a.$$typeof===h||a.$$typeof===l||a.$$typeof===u||void 0!==a.getModuleId)?!0:!1};reactIs_production_min.typeOf=v;
 
 {
   reactIs.exports = reactIs_production_min;
@@ -9909,7 +9909,7 @@ var ConnectedDroppable$1 = ConnectedDroppable;
 var isBlank = compose$1(isEmpty, trim);
 var parseServerError = function parseServerError(error) {
   var _error$notice;
-  return (_error$notice = error.notice) !== null && _error$notice !== void 0 ? _error$notice : t$4("neetoForm.common.somethingWentWrong");
+  return (_error$notice = error.notice) !== null && _error$notice !== void 0 ? _error$notice : t$7("neetoForm.common.somethingWentWrong");
 };
 var isEmptyValues = function isEmptyValues(obj) {
   return either(isNil, isEmpty)(obj) ? true : values(obj).every(function (value) {
@@ -11601,13 +11601,13 @@ var STAR_RATING_MIN_VALUE_OPTIONS = generateRatingOptions([0, 1]);
 var FILE_TYPES_MAP = (_FILE_TYPES_MAP = {}, _defineProperty$6(_FILE_TYPES_MAP, FILE_TYPES.DOCUMENTS, ["pdf", "doc", "docx", "xls", "xlsx", "csv", "txt", "rtf", "html", "zip", "md"]), _defineProperty$6(_FILE_TYPES_MAP, FILE_TYPES.IMAGES, ["jpg", "jpeg", "png", "gif"]), _defineProperty$6(_FILE_TYPES_MAP, FILE_TYPES.AUDIO_VIDEO, ["mp3", "wma", "mpg", "flv", "avi"]), _FILE_TYPES_MAP);
 var DEFAULT_ALLOWED_FILE_TYPES = values(FILE_TYPES_MAP).flat().join(", ");
 var FILE_GROUPS = [{
-  label: t$4("neetoForm.fileTypes.documents"),
+  label: t$7("neetoForm.fileTypes.documents"),
   name: FILE_TYPES.DOCUMENTS
 }, {
-  label: t$4("neetoForm.fileTypes.images"),
+  label: t$7("neetoForm.fileTypes.images"),
   name: FILE_TYPES.IMAGES
 }, {
-  label: t$4("neetoForm.fileTypes.audioVideo"),
+  label: t$7("neetoForm.fileTypes.audioVideo"),
   name: FILE_TYPES.AUDIO_VIDEO
 }];
 
@@ -11635,77 +11635,77 @@ var DEFAULT_OPTIONS$1 = new Array(MINIMUM_OPTIONS).fill({
 });
 var QUESTION_KINDS = [{
   type: EMAIL$1,
-  label: t$4("neetoForm.fields.eif"),
+  label: t$7("neetoForm.fields.eif"),
   isSingular: true,
   defaults: {
     label: ""
   }
 }, {
   type: ADDITIONAL_GUESTS$1,
-  label: t$4("neetoForm.fields.agif"),
+  label: t$7("neetoForm.fields.agif"),
   isSingular: true,
   defaults: {
-    label: t$4("neetoForm.common.addAdditionalGuests")
+    label: t$7("neetoForm.common.addAdditionalGuests")
   }
 }, {
   type: PHONE$1,
-  label: t$4("neetoForm.fields.pif"),
+  label: t$7("neetoForm.fields.pif"),
   isSingular: true,
   defaults: {
     label: ""
   }
 }, {
   type: NAME$1,
-  label: t$4("neetoForm.fields.nif"),
+  label: t$7("neetoForm.fields.nif"),
   isSingular: true,
   defaults: {
     label: ""
   }
 }, {
   type: TEXT$1,
-  label: t$4("neetoForm.fields.tif"),
+  label: t$7("neetoForm.fields.tif"),
   isSingular: false,
   defaults: {
     label: ""
   }
 }, {
   type: TEXTAREA$1,
-  label: t$4("neetoForm.fields.qif"),
+  label: t$7("neetoForm.fields.qif"),
   isSingular: false,
   defaults: {
     label: ""
   }
 }, {
   type: INTEGER$1,
-  label: t$4("neetoForm.fields.iif"),
+  label: t$7("neetoForm.fields.iif"),
   isSingular: false,
   defaults: {
     label: ""
   }
 }, {
   type: DECIMAL$1,
-  label: t$4("neetoForm.fields.dif"),
+  label: t$7("neetoForm.fields.dif"),
   isSingular: false,
   defaults: {
     label: ""
   }
 }, {
   type: RICH_TEXT$1,
-  label: t$4("neetoForm.fields.rtf"),
+  label: t$7("neetoForm.fields.rtf"),
   isSingular: false,
   defaults: {
     label: ""
   }
 }, {
   type: PARAGRAPH,
-  label: t$4("neetoForm.fields.def"),
+  label: t$7("neetoForm.fields.def"),
   isSingular: false,
   defaults: {
     label: ""
   }
 }, {
   type: CHECKBOX$1,
-  label: t$4("neetoForm.fields.mcf"),
+  label: t$7("neetoForm.fields.mcf"),
   isSingular: false,
   defaults: {
     label: "",
@@ -11714,7 +11714,7 @@ var QUESTION_KINDS = [{
   }
 }, {
   type: RADIO$1,
-  label: t$4("neetoForm.fields.scf"),
+  label: t$7("neetoForm.fields.scf"),
   isSingular: false,
   defaults: {
     label: "",
@@ -11723,7 +11723,7 @@ var QUESTION_KINDS = [{
   }
 }, {
   type: DROPDOWN$1,
-  label: t$4("neetoForm.fields.drf"),
+  label: t$7("neetoForm.fields.drf"),
   isSingular: false,
   defaults: {
     label: "",
@@ -11732,7 +11732,7 @@ var QUESTION_KINDS = [{
   }
 }, {
   type: STAR_RATING$2,
-  label: t$4("neetoForm.fields.rif"),
+  label: t$7("neetoForm.fields.rif"),
   isSingular: false,
   defaults: {
     label: "",
@@ -11743,7 +11743,7 @@ var QUESTION_KINDS = [{
   }
 }, {
   type: RATING$2,
-  label: t$4("neetoForm.fields.fbf"),
+  label: t$7("neetoForm.fields.fbf"),
   isSingular: false,
   defaults: {
     label: "",
@@ -11754,24 +11754,24 @@ var QUESTION_KINDS = [{
   }
 }, {
   type: TERMS_AND_CONDITION,
-  label: t$4("neetoForm.fields.tcf"),
+  label: t$7("neetoForm.fields.tcf"),
   isSingular: true,
   defaults: {
     termsLink: "",
     privacyPolicyLink: "",
     isRequired: true,
-    label: t$4("neetoForm.common.agreeTermsAndConditions")
+    label: t$7("neetoForm.common.agreeTermsAndConditions")
   }
 }, {
   type: CONDITION,
-  label: t$4("neetoForm.fields.cf"),
+  label: t$7("neetoForm.fields.cf"),
   defaults: {
     isRequired: true,
-    label: t$4("neetoForm.common.agreeCondition")
+    label: t$7("neetoForm.common.agreeCondition")
   }
 }, {
   type: DATE$1,
-  label: t$4("neetoForm.fields.date"),
+  label: t$7("neetoForm.fields.date"),
   isSingular: false,
   defaults: {
     label: "",
@@ -11779,7 +11779,7 @@ var QUESTION_KINDS = [{
   }
 }, {
   type: FILE_UPLOAD$2,
-  label: t$4("neetoForm.fields.fileUpload"),
+  label: t$7("neetoForm.fields.fileUpload"),
   isSingular: false,
   defaults: {
     label: "",
@@ -11790,8 +11790,8 @@ var QUESTION_KINDS = [{
 
 // To show the question type as label in accordion
 var INDEPENDENT_LABELS_MAP = {
-  paragraph: t$4("neetoForm.fields.def"),
-  termsandcondition: t$4("neetoForm.fields.tcf")
+  paragraph: t$7("neetoForm.fields.def"),
+  termsandcondition: t$7("neetoForm.fields.tcf")
 };
 var EMPTY_PARAGRAPH_REGEX = new RegExp(/<p[^>]*?>\s*<\/p>/gi);
 
@@ -12086,7 +12086,7 @@ Drag.defaultProps = {
 var validateEditorContent = function validateEditorContent(editorRef) {
   return function () {
     var _editorRef$current;
-    return (_editorRef$current = editorRef.current) !== null && _editorRef$current !== void 0 && (_editorRef$current = _editorRef$current.editor) !== null && _editorRef$current !== void 0 && _editorRef$current.isEmpty ? t$4("neetoForm.common.thisFieldIsRequired") : "";
+    return (_editorRef$current = editorRef.current) !== null && _editorRef$current !== void 0 && (_editorRef$current = _editorRef$current.editor) !== null && _editorRef$current !== void 0 && _editorRef$current.isEmpty ? t$7("neetoForm.common.thisFieldIsRequired") : "";
   };
 };
 var buildReorderPayload = function buildReorderPayload(questions) {
@@ -12366,7 +12366,7 @@ var duplicateFieldData = function duplicateFieldData(_ref4) {
   var label = fieldWithFallback(item, "label");
   var defaultAttributeNames = keys(questionKind.defaults || {});
   var defaultAttributes = pick(defaultAttributeNames, item);
-  var newQuestionLabel = isRichTextQuestion(kind) ? label : t$4("neetoForm.common.clonedElementLabel", {
+  var newQuestionLabel = isRichTextQuestion(kind) ? label : t$7("neetoForm.common.clonedElementLabel", {
     label: label
   });
   return _objectSpread$z(_objectSpread$z({}, defaultAttributes), {}, {
@@ -12452,14 +12452,14 @@ var NAME = QUESTION_TYPES.NAME,
 var QUESTIONS_WITH_ADDITIONAL_DATA = [].concat(_toConsumableArray$1(SELECTABLE_KINDS), [STAR_RATING$1, RATING$1, FILE_UPLOAD$1]);
 var QUESTIONS_WITH_PLACEHOLDERS = [NAME, PHONE, EMAIL, ADDITIONAL_GUESTS, TEXT, TEXTAREA, RICH_TEXT, INTEGER, DECIMAL, DATE];
 var DEFAULT_PLACEHOLDERS = {
-  CHECKBOX: t$4("neetoForm.questions.common.questionFields.field.labelExample", {
-    what: t$4("neetoForm.common.hobbies")
+  CHECKBOX: t$7("neetoForm.questions.common.questionFields.field.labelExample", {
+    what: t$7("neetoForm.common.hobbies")
   }),
-  RADIO: t$4("neetoForm.questions.common.questionFields.field.labelExample", {
-    what: t$4("neetoForm.common.country")
+  RADIO: t$7("neetoForm.questions.common.questionFields.field.labelExample", {
+    what: t$7("neetoForm.common.country")
   }),
-  DROPDOWN: t$4("neetoForm.questions.common.questionFields.field.labelExample", {
-    what: t$4("neetoForm.common.company")
+  DROPDOWN: t$7("neetoForm.questions.common.questionFields.field.labelExample", {
+    what: t$7("neetoForm.common.company")
   })
 };
 var INITIAL_VALUES = {
@@ -12793,34 +12793,34 @@ var Form$1 = function Form(_ref) {
 
 /* eslint-disable @bigbinary/neeto/file-name-and-export-name-standards */
 var requiredLabelValidation = function requiredLabelValidation(schema, field) {
-  return schema.trim().required(t$4("neetoForm.common.fieldReq", {
+  return schema.trim().required(t$7("neetoForm.common.fieldReq", {
     field: field
   }));
 };
 var richTextFieldMissingErrorMessage = function richTextFieldMissingErrorMessage(kind) {
-  var field = equals(kind, QUESTION_TYPES.PARAGRAPH) ? t$4("neetoForm.fields.def") : t$4("neetoForm.fields.tcf");
-  return t$4("neetoForm.error.fieldCantBeEmpty", {
+  var field = equals(kind, QUESTION_TYPES.PARAGRAPH) ? t$7("neetoForm.fields.def") : t$7("neetoForm.fields.tcf");
+  return t$7("neetoForm.error.fieldCantBeEmpty", {
     field: field
   });
 };
 var formValidationSchema = yup.object().shape({
-  kind: yup.string().trim().required(t$4("neetoForm.common.fieldReq", {
-    field: t$4("neetoForm.questions.common.questionFields.field.questionType")
+  kind: yup.string().trim().required(t$7("neetoForm.common.fieldReq", {
+    field: t$7("neetoForm.questions.common.questionFields.field.questionType")
   })),
   label: yup.string().when("kind", function (kind, schema) {
     return includes(kind, RICH_TEXT_QUESTIONS) ? schema.test("required", richTextFieldMissingErrorMessage(kind), function (value) {
       return !isEditorEmpty(value);
-    }) : requiredLabelValidation(schema, t$4("neetoForm.questions.common.questionFields.field.question"));
+    }) : requiredLabelValidation(schema, t$7("neetoForm.questions.common.questionFields.field.question"));
   }),
-  fieldCode: yup.string().trim().notOneOf(RESERVED_FIELD_CODES, t$4("neetoForm.error.invalidFieldCode")).when("kind", function (kind, schema) {
-    return includes(kind, QUESTIONS_WITHOUT_FIELD_CODE) ? schema.notRequired() : requiredLabelValidation(schema, t$4("neetoForm.questions.common.questionFields.field.fieldCode"));
+  fieldCode: yup.string().trim().notOneOf(RESERVED_FIELD_CODES, t$7("neetoForm.error.invalidFieldCode")).when("kind", function (kind, schema) {
+    return includes(kind, QUESTIONS_WITHOUT_FIELD_CODE) ? schema.notRequired() : requiredLabelValidation(schema, t$7("neetoForm.questions.common.questionFields.field.fieldCode"));
   }),
   optionsAttributes: yup.array().when("_destroy", {
     is: true,
     otherwise: function otherwise(schema) {
       return schema.when("kind", function (kind, schema) {
         return includes(kind, SELECTABLE_KINDS) ? schema.of(yup.object().shape({
-          label: requiredLabelValidation(yup.string(), t$4("neetoForm.questions.common.questionFields.field.option"))
+          label: requiredLabelValidation(yup.string(), t$7("neetoForm.questions.common.questionFields.field.option"))
         })) : schema.notRequired();
       });
     }
@@ -12830,7 +12830,7 @@ var formValidationSchema = yup.object().shape({
   lowestRatingLabel: yup.string().nullable()
 });
 
-var _excluded$9 = ["question", "onClose", "questions", "handleSelect", "buildRequestArgs"];
+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; }
 var Add = function Add(_ref) {
@@ -12839,6 +12839,7 @@ var Add = function Add(_ref) {
     questions = _ref.questions,
     handleSelect = _ref.handleSelect,
     buildRequestArgs = _ref.buildRequestArgs,
+    isOpen = _ref.isOpen,
     props = _objectWithoutProperties$1(_ref, _excluded$9);
   var _useBuildFormStore = useBuildFormStore(function (store) {
       var _store$formState, _store$formState2;
@@ -12860,6 +12861,7 @@ var Add = function Add(_ref) {
     createQuestion = _useCreateQuestion.mutate,
     isCreating = _useCreateQuestion.isLoading;
   var handleSubmit = function handleSubmit(values) {
+    if (isCreating || !isOpen) return;
     var displayOrder = question ? question.displayOrder + 1 : questions.length;
     createQuestion(_objectSpread$w({
       language: language,
@@ -12906,11 +12908,12 @@ var Add = function Add(_ref) {
   });
 };
 
-var _excluded$8 = ["question", "onClose"];
+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; }
 var Edit = function Edit(_ref) {
   var question = _ref.question,
+    isOpen = _ref.isOpen,
     onClose = _ref.onClose,
     props = _objectWithoutProperties$1(_ref, _excluded$8);
   var _useTranslation = useTranslation(),
@@ -12927,6 +12930,7 @@ var Edit = function Edit(_ref) {
     isUpdating = _useUpdateQuestion.isLoading;
   var handleSubmit = function handleSubmit(values, _ref2) {
     var setSubmitting = _ref2.setSubmitting;
+    if (isUpdating || !isOpen) return;
     var payload = {
       language: language,
       neetoFormQuestion: values
@@ -13378,6 +13382,7 @@ var ManageQuestionPane = function ManageQuestionPane(_ref) {
     children: /*#__PURE__*/jsx(Component, _objectSpread$s({}, _objectSpread$s({
       availableQuestionKinds: availableQuestionKinds,
       initialFocusRef: initialFocusRef,
+      isOpen: isOpen,
       onClose: onClose,
       question: question
     }, props)))
@@ -14311,6 +14316,8 @@ var Callout = function Callout(_ref) {
   });
 };
 
+var clientI18nInstance = i18next.cloneInstance();
+
 var clearLocalStorageValues = function clearLocalStorageValues(key) {
   try {
     localStorage.removeItem(key);
@@ -14358,13 +14365,25 @@ var FormikWrap = function FormikWrap(_ref) {
     children = _ref.children,
     formId = _ref.formId,
     preserveValues = _ref.preserveValues,
-    onValuesChange = _ref.onValuesChange;
+    onValuesChange = _ref.onValuesChange,
+    dataUpdateCount = _ref.dataUpdateCount;
   var _useFormikContext = useFormikContext(),
     errors = _useFormikContext.errors,
     touched = _useFormikContext.touched,
     isValid = _useFormikContext.isValid,
     isSubmitting = _useFormikContext.isSubmitting,
-    values = _useFormikContext.values;
+    values = _useFormikContext.values,
+    validateForm = _useFormikContext.validateForm;
+  var revalidate = function revalidate() {
+    return isPresent$1(errors) && validateForm();
+  };
+  useEffect(function () {
+    revalidate();
+    clientI18nInstance.on("languageChanged", revalidate);
+    return function () {
+      return clientI18nInstance.off("languageChanged", revalidate);
+    };
+  }, [dataUpdateCount]);
   var syncValuesWithLocalStorage = function syncValuesWithLocalStorage() {
     return preserveValues && !isEmptyValues(values) && setWithExpiry("".concat(formId, "/values"), values);
   };
@@ -14373,16 +14392,16 @@ var FormikWrap = function FormikWrap(_ref) {
     onValuesChange && onValuesChange(values);
   }, [values, formId, preserveValues]);
   useEffect(function () {
-    if (!isSubmitting && !isValid) {
-      // include only touched fields
-      var touchedErrors = Object.keys(errors).filter(function (key) {
-        return touched[key];
-      }).reduce(function (obj, key) {
-        obj[key] = errors[key];
-        return obj;
-      }, {});
-      if (typeof onError === "function") onError(touchedErrors);
-    }
+    if (isSubmitting || isValid) return;
+
+    // include only touched fields
+    var touchedErrors = Object.keys(errors).filter(function (key) {
+      return touched[key];
+    }).reduce(function (obj, key) {
+      obj[key] = errors[key];
+      return obj;
+    }, {});
+    if (isFunction$1(onError)) onError(touchedErrors);
   }, [isValid, isSubmitting]);
   return children;
 };
@@ -17433,25 +17452,26 @@ function parsePhoneNumberWithError() {
 	return withMetadataArgument(parsePhoneNumberWithError$1, arguments)
 }
 
+var t$2 = clientI18nInstance.t;
 var getInvalidFieldError = function getInvalidFieldError(label) {
-  return t$4("neetoForm.error.invalidField", {
+  return t$2("neetoForm.error.invalidField", {
     label: label
   });
 };
 var getRequiredFieldError = function getRequiredFieldError(label) {
-  return t$4("neetoForm.error.requiredField", {
+  return t$2("neetoForm.error.requiredField", {
     label: label
   });
 };
 var getSelectMinError = function getSelectMinError(min) {
-  var entity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "option";
-  return t$4("neetoForm.error.selectMin", {
+  var entity = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : t$2("neetoForm.common.option");
+  return t$2("neetoForm.error.selectMin", {
     min: min,
     entity: entity
   });
 };
 var getInvalidTypeError = function getInvalidTypeError(label, type) {
-  return t$4("neetoForm.error.invalidType", {
+  return t$2("neetoForm.error.invalidType", {
     label: label,
     type: type
   });
@@ -17461,6 +17481,7 @@ var _excluded$4 = ["kind", "label", "isRequired", "customValidator"];
 var _fieldKindValidatorMa;
 function ownKeys$k(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$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty$6(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var t$1 = clientI18nInstance.t;
 yup.addMethod(yup.array, "unique", function () {
   var field, message;
   if (arguments.length > 1) {
@@ -17496,7 +17517,7 @@ var validateTextField = function validateTextField(_ref) {
     isRequired = _ref.isRequired;
   var schema = yup.string().typeError(getInvalidTypeError(label, "string"));
   if (kind === QUESTION_KIND.PHONE.value) {
-    schema = validation(getInvalidFieldError(t$4("neetoForm.common.phoneNumberValidation")));
+    schema = validation(getInvalidFieldError(t$1("neetoForm.common.phoneNumberValidation")));
   }
   if (isRequired) schema = schema.trim().required(getRequiredFieldError(label));
   return schema.trim();
@@ -17539,18 +17560,20 @@ var validateStarRatingField = function validateStarRatingField(_ref7) {
   var label = _ref7.label,
     isRequired = _ref7.isRequired;
   var schema = yup.string().typeError(getInvalidTypeError(label, "string"));
-  if (isRequired) schema = schema.required(getSelectMinError("a", "rating"));
+  if (isRequired) {
+    schema = schema.required(getSelectMinError("a", t$1("neetoForm.common.rating")));
+  }
   return schema.trim();
 };
 var validateTermsField = function validateTermsField(_ref8) {
   var _ref8$isRequired = _ref8.isRequired,
     isRequired = _ref8$isRequired === void 0 ? true : _ref8$isRequired;
-  return isRequired ? yup["boolean"]().oneOf([true], t$4("neetoForm.common.mustAcceptTermsAndConditions")) : yup["boolean"]().notRequired();
+  return isRequired ? yup["boolean"]().oneOf([true], t$1("neetoForm.common.mustAcceptTermsAndConditions")) : yup["boolean"]().notRequired();
 };
 var validateConditionField = function validateConditionField(_ref9) {
   var _ref9$isRequired = _ref9.isRequired,
     isRequired = _ref9$isRequired === void 0 ? true : _ref9$isRequired;
-  return isRequired ? yup["boolean"]().oneOf([true], t$4("neetoForm.common.mustAcceptCondition")) : yup["boolean"]().notRequired();
+  return isRequired ? yup["boolean"]().oneOf([true], t$1("neetoForm.common.mustAcceptCondition")) : yup["boolean"]().notRequired();
 };
 var validateDateField = function validateDateField(_ref10) {
   var label = _ref10.label,
@@ -17569,7 +17592,7 @@ var validateMultiEmailField = function validateMultiEmailField(_ref11) {
     value: yup.string().email(getInvalidFieldError("Email")).trim()
   })).nullable();
   if (isRequired) {
-    schema = schema.compact().min(1, getSelectMinError("an", "email"));
+    schema = schema.compact().min(1, getSelectMinError("an", t$1("neetoForm.common.email")));
   }
   return schema;
 };
@@ -17591,9 +17614,9 @@ var validateFileUploadField = function validateFileUploadField(_ref13) {
   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, multipleFilesAllowed ? t$4("neetoForm.fileUpload.validations.atLeastOneFileRequired") : t$4("neetoForm.fileUpload.validations.fileIsRequired"));
+      signedId: yup.string().required(t$1("neetoForm.fileUpload.validations.waitForUpload")),
+      url: yup.string().required(t$1("neetoForm.fileUpload.validations.waitForUpload"))
+    })).unique("name", t$1("neetoForm.fileUpload.validations.removeDuplicates")).min(1, multipleFilesAllowed ? t$1("neetoForm.fileUpload.validations.atLeastOneFileRequired") : t$1("neetoForm.fileUpload.validations.fileIsRequired"));
   }
   return yup.object().shape({
     files: files_schema
@@ -17735,6 +17758,7 @@ var ConditionField = function ConditionField(_ref) {
 
 function ownKeys$i(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$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty$6(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var t = clientI18nInstance.t;
 var toEmailValues = function toEmailValues() {
   var values = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   return values.map(function (value) {
@@ -18029,23 +18053,21 @@ var renderErrorMessage = function renderErrorMessage(errorObject, maxFileSize, i
     var code = error.code;
     switch (code) {
       case ERROR_CODES.FILE_TOO_LARGE:
-        return t$4("neetoForm.fileUpload.dropzone.errors.fileTooLarge", {
+        return t("neetoForm.fileUpload.dropzone.errors.fileTooLarge", {
           fileName: file.name,
           maxSize: Math.round(maxFileSize / 1048576)
         });
       case ERROR_CODES.FILE_INVALID_TYPE:
-        return t$4("neetoForm.fileUpload.dropzone.errors.fileInvalidType", {
+        return t("neetoForm.fileUpload.dropzone.errors.fileInvalidType", {
           fileType: path$1.extname(file.name)
         });
       case ERROR_CODES.TOO_MANY_FILES:
         if (!isMultiple) {
-          return t$4("neetoForm.fileUpload.dropzone.errors.tooManyFiles", {
-            maxFiles: 1
-          });
+          return t("neetoForm.fileUpload.dropzone.errors.tooManyFiles");
         }
     }
   }
-  return t$4("neetoForm.fileUpload.dropzone.errors.defaultError", {
+  return t("neetoForm.fileUpload.dropzone.errors.defaultError", {
     fileName: file.name
   });
 };
@@ -28931,6 +28953,10 @@ var ExternalForm = function ExternalForm(_ref) {
   var formikInnerRef = useRef();
   var editorRef = useRef();
   var queryClient = useQueryClient();
+  useEffect(function () {
+    if (equals(language, clientI18nInstance.resolvedLanguage)) return;
+    clientI18nInstance.changeLanguage(language);
+  }, [language]);
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
   useEffect(function () {
@@ -29133,6 +29159,8 @@ var ExternalForm = function ExternalForm(_ref) {
       questions: []
     } : _useForm$data,
     isLoading = _useForm.isLoading;
+  var _queryClient$getQuery = queryClient.getQueryState([QUERY_KEYS.QUESTIONS, formId, language]),
+    dataUpdateCount = _queryClient$getQuery.dataUpdateCount;
   var keyPressRef = useHotkeys("command+enter", ((_formikInnerRef$curre = formikInnerRef.current) === null || _formikInnerRef$curre === void 0 ? void 0 : _formikInnerRef$curre.handleSubmit) || noop$4, {
     mode: "scoped"
   });
@@ -29152,7 +29180,8 @@ var ExternalForm = function ExternalForm(_ref) {
   if (displayThankYou && showSuccess) {
     return /*#__PURE__*/jsx(Success$1, {});
   }
-  return /*#__PURE__*/jsxs(Fragment, {
+  return /*#__PURE__*/jsxs(I18nextProvider, {
+    i18n: clientI18nInstance,
     children: [showTitle && /*#__PURE__*/jsx("div", {
       className: "py-6 text-center",
       children: /*#__PURE__*/jsx(Typography, _objectSpread$2(_objectSpread$2({
@@ -29180,6 +29209,7 @@ var ExternalForm = function ExternalForm(_ref) {
           setFieldError = _ref5.setFieldError,
           handleReset = _ref5.handleReset;
         return /*#__PURE__*/jsxs(FormikWrap, {
+          dataUpdateCount: dataUpdateCount,
           formId: formId,
           preserveValues: preserveValues,
           onError: handleScrollToError,
@@ -31818,7 +31848,7 @@ var getValue = function getValue(_ref) {
   var value = _ref.value,
     kind = _ref.kind;
   if (isEmpty(value)) return /*#__PURE__*/jsx("i", {
-    children: t$4("neetoForm.common.unanswered")
+    children: t$7("neetoForm.common.unanswered")
   });
   if (kind === QUESTION_KIND.DATE.value) {
     return value && dateFormat.date(value);
@@ -31827,7 +31857,7 @@ var getValue = function getValue(_ref) {
     return value === null || value === void 0 ? void 0 : value.join(", ");
   }
   if (kind === QUESTION_KIND.CONDITION.value) {
-    return value ? t$4("neetoForm.common.yes") : t$4("neetoForm.common.no");
+    return value ? t$7("neetoForm.common.yes") : t$7("neetoForm.common.no");
   }
   return value;
 };