fix: dont reset when submit is successful

impress-org · Oct 11, 2024 · 2f26eb8 · 2f26eb8
1 parent aae4623
commit 2f26eb8
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/FormExtension/DonationForm/resources/js/TurnstileField.tsx b/src/FormExtension/DonationForm/resources/js/TurnstileField.tsx
@@ -34,7 +34,7 @@ export default function TurnstileField({
                                        }) {
     const ref = useRef<TurnstileInstance | null>(null);
     const { setValue, setError } = window.givewp.form.hooks.useFormContext();
-    const { submitCount, errors } = window.givewp.form.hooks.useFormState();
+    const { submitCount, errors, isSubmitSuccessful } = window.givewp.form.hooks.useFormState();
     const fieldName = inputProps.name;
     const setFormError = useCallback(() =>
         setError('FORM_ERROR', {
@@ -49,8 +49,10 @@ export default function TurnstileField({
     }, [fieldError]);
 
     useEffect(() => {
-        ref.current?.reset();
-    }, [submitCount]);
+        if (!isSubmitSuccessful) {
+            ref.current?.reset();
+        }
+    }, [submitCount, isSubmitSuccessful]);
 
     return (
         <>