@bigbinary/neeto-form-frontend 1.2.43 → 1.2.44

package/dist/index.cjs.js

@@ -602,8 +602,8 @@ var neetoFormApi = {
 
 var _excluded$c = ["formId", "preview", "language"],
   _excluded3$1 = ["formId", "submissionId"];
-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; }
+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$h(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 useForm = function useForm(_ref) {
   var formId = _ref.formId,
     _ref$preview = _ref.preview,
@@ -613,14 +613,14 @@ var useForm = function useForm(_ref) {
     options = _objectWithoutProperties$1(_ref, _excluded$c);
   return reactQuery.useQuery([QUERY_KEYS.QUESTIONS, preview ? "preview/".concat(formId) : formId, language], function () {
     return neetoFormApi.getPublicQuestions(formId, language);
-  }, _objectSpread$g({
+  }, _objectSpread$h({
     keepPreviousData: true
   }, options));
 };
 var useCreateForm = function useCreateForm(options) {
   var language = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "en";
   var queryClient = reactQuery.useQueryClient();
-  return reactQuery.useMutation(neetoFormApi.createForm, _objectSpread$g(_objectSpread$g({}, options), {}, {
+  return reactQuery.useMutation(neetoFormApi.createForm, _objectSpread$h(_objectSpread$h({}, options), {}, {
     onSuccess: function onSuccess(form) {
       var _options$onSuccess;
       queryClient.setQueryData(QUERY_KEYS.QUESTIONS, function (forms) {
@@ -640,7 +640,7 @@ var useUpdateForm = function useUpdateForm(options) {
     var id = _ref2.id,
       values = _ref2.values;
     return neetoFormApi.updateForm(id, values);
-  }, _objectSpread$g(_objectSpread$g({}, options), {}, {
+  }, _objectSpread$h(_objectSpread$h({}, options), {}, {
     onSuccess: function onSuccess(data, _ref3) {
       var id = _ref3.id;
       queryClient.setQueryData([QUERY_KEYS.QUESTIONS, id, language], ramda.assoc("title", data.title));
@@ -661,7 +661,7 @@ var useUpdateQuestions = function useUpdateQuestions(options, language) {
     var id = _ref4.id,
       values = _ref4.values;
     return neetoFormApi.updateQuestions(id, values);
-  }, _objectSpread$g(_objectSpread$g({}, options), {}, {
+  }, _objectSpread$h(_objectSpread$h({}, options), {}, {
     onSuccess: function onSuccess() {
       for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
         args[_key] = arguments[_key];
@@ -677,7 +677,7 @@ var useUpdateQuestions = function useUpdateQuestions(options, language) {
   }));
 };
 var useForms = function useForms(options) {
-  return reactQuery.useQuery([QUERY_KEYS.FORMS], neetoFormApi.getForms, _objectSpread$g({
+  return reactQuery.useQuery([QUERY_KEYS.FORMS], neetoFormApi.getForms, _objectSpread$h({
     keepPreviousData: true
   }, options));
 };
@@ -685,7 +685,7 @@ var useDeleteForm = function useDeleteForm(options) {
   return reactUtils.useMutationWithInvalidation(function (_ref5) {
     var id = _ref5.id;
     return neetoFormApi.destroyForm(id);
-  }, _objectSpread$g(_objectSpread$g({}, options), {}, {
+  }, _objectSpread$h(_objectSpread$h({}, options), {}, {
     keysToInvalidate: function keysToInvalidate(_, _ref6) {
       var id = _ref6.id;
       return [QUERY_KEYS.FORMS, [QUERY_KEYS.QUESTIONS, id], [QUERY_KEYS.QUESTIONS, "preview/".concat(id)]];
@@ -701,7 +701,7 @@ var useSubmission = function useSubmission(_ref8) {
     options = _objectWithoutProperties$1(_ref8, _excluded3$1);
   return reactQuery.useQuery([QUERY_KEYS.SUBMISSION, formId, submissionId], function () {
     return neetoFormApi.getPublicSubmission(formId, submissionId);
-  }, _objectSpread$g(_objectSpread$g({}, options), {}, {
+  }, _objectSpread$h(_objectSpread$h({}, options), {}, {
     keepPreviousData: true
   }));
 };
@@ -711,7 +711,7 @@ var useCreateSubmission = function useCreateSubmission(options) {
     var formId = _ref9.formId,
       values = _ref9.values;
     return neetoFormApi.submitPublicForm(formId, values);
-  }, _objectSpread$g(_objectSpread$g({}, options), {}, {
+  }, _objectSpread$h(_objectSpread$h({}, options), {}, {
     onSuccess: function onSuccess() {
       var _data$submission, _data$submission2;
       for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
@@ -732,7 +732,7 @@ var useUpdateSubmission = function useUpdateSubmission(options) {
     var formId = _ref10.formId,
       values = _ref10.values;
     return neetoFormApi.updatePublicSubmission(formId, values);
-  }, _objectSpread$g(_objectSpread$g({}, options), {}, {
+  }, _objectSpread$h(_objectSpread$h({}, options), {}, {
     onSuccess: function onSuccess() {
       var _data$submission3;
       for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
@@ -836,7 +836,7 @@ function _defineProperty$5(obj, key, value) {
   return obj;
 }
 
-function ownKeys$g(e, r) {
+function ownKeys$h(e, r) {
   var t = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
     var o = Object.getOwnPropertySymbols(e);
@@ -849,9 +849,9 @@ function ownKeys$g(e, r) {
 function _objectSpread2(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) {
+    r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) {
       _defineProperty$5(e, r, t[r]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) {
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) {
       Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
     });
   }
@@ -9722,8 +9722,8 @@ const ConnectedDroppable = connect(makeMapStateToProps, mapDispatchToProps, (sta
 })(Droppable$1);
 var ConnectedDroppable$1 = ConnectedDroppable;
 
-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; }
+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$g(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; }
 var defaultConfig = {
   strict: true,
   matchKey: "value"
@@ -9731,7 +9731,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$f(_objectSpread$f({}, defaultConfig), config);
+  var configObject = _objectSpread$g(_objectSpread$g({}, defaultConfig), config);
   var matchKey = configObject.matchKey,
     strict = configObject.strict;
   return options.find(function (option) {
@@ -9745,7 +9745,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$f(_objectSpread$f({}, defaultConfig), config);
+  var configObject = _objectSpread$g(_objectSpread$g({}, defaultConfig), config);
   var matchKey = configObject.matchKey,
     strict = configObject.strict;
   return options.filter(function (option) {
@@ -9763,7 +9763,7 @@ var destroyFromList = function destroyFromList(items, index) {
     var nextItems = _toConsumableArray$1(items);
     nextItems.splice(index, 1);
     if (itemToRemove.id) {
-      nextItems.push(_objectSpread$f(_objectSpread$f({}, itemToRemove), {}, {
+      nextItems.push(_objectSpread$g(_objectSpread$g({}, itemToRemove), {}, {
         _destroy: true
       }));
     }
@@ -10986,19 +10986,21 @@ var Terms$1 = function Terms(_ref) {
     value = _useField2[0].value,
     error = _useField2[1].error,
     setValue = _useField2[2].setValue;
+  React$2.useEffect(function () {
+    var _editorRef$current$ed;
+    (_editorRef$current$ed = editorRef.current.editor) === null || _editorRef$current$ed === void 0 || (_editorRef$current$ed = _editorRef$current$ed.commands) === null || _editorRef$current$ed === void 0 || _editorRef$current$ed.setContent(value);
+  }, [value]);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full cursor-auto"
   }, /*#__PURE__*/React__default["default"].createElement(neetoEditor.Editor, {
-    disabled: isLabelDisabled,
     error: error,
+    disabled: isLabelDisabled,
     id: "editor",
     initialValue: value,
     key: "".concat(name, ".label"),
     name: "".concat(name, ".label"),
     ref: editorRef,
-    onChange: function onChange(text) {
-      setValue(text);
-    }
+    onChange: setValue
   }));
 };
 
@@ -11047,6 +11049,10 @@ var Editor = function Editor(_ref) {
     touched = _useField2$.touched,
     error = _useField2$.error,
     setTouched = _useField2[2].setTouched;
+  React$2.useEffect(function () {
+    var _editorRef$current$ed;
+    (_editorRef$current$ed = editorRef.current.editor) === null || _editorRef$current$ed === void 0 || (_editorRef$current$ed = _editorRef$current$ed.commands) === null || _editorRef$current$ed === void 0 || _editorRef$current$ed.setContent(value);
+  }, [value]);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full cursor-auto"
   }, /*#__PURE__*/React__default["default"].createElement(neetoEditor.Editor, {
@@ -11061,11 +11067,11 @@ var Editor = function Editor(_ref) {
     name: fieldName,
     ref: editorRef,
     onBlur: function onBlur() {
-      setTouched(true);
+      return 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);
+      var _editorRef$current$ed2;
+      setFieldValue((_editorRef$current$ed2 = editorRef.current.editor) === null || _editorRef$current$ed2 === void 0 || (_editorRef$current$ed2 = _editorRef$current$ed2.contentComponent) === null || _editorRef$current$ed2 === void 0 || (_editorRef$current$ed2 = _editorRef$current$ed2.props) === null || _editorRef$current$ed2 === void 0 ? void 0 : _editorRef$current$ed2.name, text);
     }
   }));
 };
@@ -11296,6 +11302,8 @@ var INDEPENDENT_LABELS_MAP = {
 };
 var PADDED_FIELDS = ["paragraph", "termsandcondition"];
 
+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 FormField = function FormField(props) {
   var _INDEPENDENT_LABELS_M;
   var item = props.item,
@@ -11324,21 +11332,21 @@ var FormField = function FormField(props) {
     isSingular = _getActiveKindDetails.isSingular;
   return /*#__PURE__*/React__default["default"].createElement(Accordion, {
     disabledAddButtonTooltipProps: disabledAddButtonTooltipProps,
-    icon: FieldIcon,
     isDeletable: isDeletable,
     isExpanded: isExpanded,
     kindUniqueOn: kindUniqueOn,
-    label: (_INDEPENDENT_LABELS_M = INDEPENDENT_LABELS_MAP[kind]) !== null && _INDEPENDENT_LABELS_M !== void 0 ? _INDEPENDENT_LABELS_M : label,
-    padded: !PADDED_FIELDS.includes(kind),
     questionKinds: questionKinds,
     showAddQuestionDivider: showAddQuestionDivider,
+    icon: FieldIcon,
+    label: (_INDEPENDENT_LABELS_M = INDEPENDENT_LABELS_MAP[kind]) !== null && _INDEPENDENT_LABELS_M !== void 0 ? _INDEPENDENT_LABELS_M : label,
+    padded: !PADDED_FIELDS.includes(kind),
     onAdd: onAddNew,
     onDelete: onRemove,
     onDuplicate: !isSingular && onDuplicate,
     onToggle: function onToggle() {
       return onChangeExpanded(!isExpanded);
     }
-  }, /*#__PURE__*/React__default["default"].createElement(FieldComponent, _extends$8({
+  }, /*#__PURE__*/React__default["default"].createElement(FieldComponent, _objectSpread$f({
     isRequired: isRequired
   }, props)));
 };
@@ -26978,7 +26986,7 @@ var ExternalForm = function ExternalForm(_ref) {
     _ref$enablePreFilling = _ref.enablePreFilling,
     enablePreFilling = _ref$enablePreFilling === void 0 ? false : _ref$enablePreFilling,
     _ref$language = _ref.language,
-    language = _ref$language === void 0 ? "en" : _ref$language;
+    language = _ref$language === void 0 ? i18next__default["default"].resolvedLanguage : _ref$language;
   var _useState = React$2.useState(false),
     _useState2 = _slicedToArray$3(_useState, 2),
     isSubmitted = _useState2[0],