@dloizides/auth-web 1.18.2 → 1.18.3

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## 1.18.3
+
+- `useLoginSubmit` has an in-flight ref guard, like `useRegisterForm`. A focused field stays read-only (not
+  disabled) during a pending login and RN-web still fires `onSubmitEditing` there, so a second Enter sent a
+  second `/bff/login`. jsdom tests now cover a pending submit + a second non-repeat Enter for both forms,
+  a valid register submitted by Enter, and an IME-composition Enter not submitting.
+
 ## 1.18.2
 
 **Enter in a text field submits `<RegisterForm>` and `<LoginForm>`.**

package/dist/index.js

@@ -618,7 +618,11 @@ function useLoginSubmit({
   invalidCredentialsLabel
 }) {
   const [errorText, setErrorText] = react.useState(null);
+  const inFlight = react.useRef(false);
   const runLogin = react.useCallback(async () => {
+    if (inFlight.current) {
+      return;
+    }
     setErrorText(null);
     const trimmedUsername = username.trim();
     const hasMissingField = trimmedUsername.length === 0 || password.length === 0;
@@ -626,11 +630,14 @@ function useLoginSubmit({
       setErrorText(missingFieldsLabel);
       return;
     }
+    inFlight.current = true;
     try {
       const user = await login({ username: trimmedUsername, password });
       onSuccess(user);
     } catch {
       setErrorText(invalidCredentialsLabel);
+    } finally {
+      inFlight.current = false;
     }
   }, [username, password, login, onSuccess, missingFieldsLabel, invalidCredentialsLabel]);
   const handleSubmit = react.useCallback(() => {