@bigbinary/neeto-form-frontend 1.2.50 → 1.2.51

package/dist/index.cjs.js

@@ -11027,20 +11027,38 @@ var StarRating$3 = function StarRating(_ref) {
   }));
 };
 
-var useUpdateEditorContent = function useUpdateEditorContent(editorRef, fieldName) {
+var useUpdateEditorContent = function useUpdateEditorContent(editorRef, fieldName, value) {
+  var initialStateRef = React$2.useRef({
+    language: "",
+    value: null
+  });
   var _useBuildFormState = useBuildFormState(),
     formId = _useBuildFormState.formId,
     language = _useBuildFormState.selectedLanguage;
+  var setEditorContent = function setEditorContent(content) {
+    var _editorRef$current$ed;
+    return (_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 ? void 0 : _editorRef$current$ed.setContent(content);
+  };
+  React$2.useEffect(function () {
+    if (initialStateRef.current["language"] !== language) {
+      initialStateRef.current["language"] = language;
+      initialStateRef.current["value"] = null;
+      return;
+    }
+    if (initialStateRef.current["value"] === null && value !== null) {
+      setEditorContent(value);
+      initialStateRef.current["value"] = value;
+    }
+  }, [language, value]);
   useFetchQuestions({
     formId: formId,
     language: language,
     onSuccess: function onSuccess(data) {
-      var _editorRef$current$ed;
       var pathArray = fieldName.split(".").map(function (part) {
         var parsedPart = parseInt(part);
         return isNaN(parsedPart) ? part : parsedPart;
       });
-      (_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(ramda.path(pathArray, data));
+      setEditorContent(ramda.path(pathArray, data));
     }
   });
 };
@@ -11052,7 +11070,6 @@ var Terms$1 = function Terms(_ref) {
     editor: {}
   });
   var fieldName = "".concat(name, ".label");
-  useUpdateEditorContent(editorRef, fieldName);
   var _useField = formik.useField({
       name: fieldName,
       validate: validateEditorContent(editorRef)
@@ -11061,6 +11078,7 @@ var Terms$1 = function Terms(_ref) {
     value = _useField2[0].value,
     error = _useField2[1].error,
     setValue = _useField2[2].setValue;
+  useUpdateEditorContent(editorRef, fieldName, value);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full cursor-auto"
   }, /*#__PURE__*/React__default["default"].createElement(neetoEditor.Editor, {
@@ -11099,7 +11117,6 @@ var Editor = function Editor(_ref) {
     editor: {}
   });
   var fieldName = "".concat(name, ".label");
-  useUpdateEditorContent(editorRef, fieldName);
   var _useField = formik.useField({
       name: fieldName,
       validate: validateEditorContent(editorRef)
@@ -11112,6 +11129,7 @@ var Editor = function Editor(_ref) {
     _useField2$2 = _useField2[2],
     setTouched = _useField2$2.setTouched,
     setValue = _useField2$2.setValue;
+  useUpdateEditorContent(editorRef, fieldName, value);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "w-full cursor-auto"
   }, /*#__PURE__*/React__default["default"].createElement(neetoEditor.Editor, {
@@ -26703,24 +26721,24 @@ var RichTextEditor = function RichTextEditor(_ref) {
     nodeId = question.nodeId;
   var label = fieldWithFallback(question, "label");
   var debouncedPlaceholder = reactUtils.useDebounce(fieldWithFallback(question, "placeholder"), 300);
+  var propsToCompare = preview ? ["debouncedPlaceholder", "error"] : ["debouncedPlaceholder"];
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-form-engine-input__wrapper"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-form-engine-input__label-wrapper"
   }, label && /*#__PURE__*/React__default["default"].createElement("label", {
     className: "neeto-form-engine-label"
-  }, getLabel(label, isRequired))), /*#__PURE__*/React__default["default"].createElement(formik.FastField, _extends$8({
+  }, getLabel(label, isRequired))), /*#__PURE__*/React__default["default"].createElement(formik.FastField, {
     debouncedPlaceholder: debouncedPlaceholder,
     error: errors[name],
     name: name || nodeId,
+    shouldUpdate: isPropsUnequal(propsToCompare),
     validate: validateFieldValue({
       kind: kind,
       label: label,
       isRequired: isRequired
     })
-  }, preview && {
-    shouldUpdate: isPropsUnequal(["debouncedPlaceholder", "error"])
-  }), function (_ref2) {
+  }, function (_ref2) {
     var field = _ref2.field,
       form = _ref2.form,
       meta = _ref2.meta;