@dloizides/auth-web 1.18.1 → 1.18.3

package/dist/index.mjs

@@ -617,7 +617,11 @@ function useLoginSubmit({
   invalidCredentialsLabel
 }) {
   const [errorText, setErrorText] = useState(null);
+  const inFlight = useRef(false);
   const runLogin = useCallback(async () => {
+    if (inFlight.current) {
+      return;
+    }
     setErrorText(null);
     const trimmedUsername = username.trim();
     const hasMissingField = trimmedUsername.length === 0 || password.length === 0;
@@ -625,11 +629,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 = useCallback(() => {
@@ -637,6 +644,21 @@ function useLoginSubmit({
   }, [runLogin]);
   return { errorText, handleSubmit };
 }
+function isKeyRepeat(event) {
+  const native = event?.nativeEvent;
+  return native?.repeat === true;
+}
+function useSubmitOnEnter(submit) {
+  return useCallback(
+    (event) => {
+      if (isKeyRepeat(event)) {
+        return;
+      }
+      submit();
+    },
+    [submit]
+  );
+}
 var BffAuthStatus = /* @__PURE__ */ ((BffAuthStatus2) => {
   BffAuthStatus2["Loading"] = "loading";
   BffAuthStatus2["Authenticated"] = "authenticated";
@@ -775,6 +797,7 @@ function LoginForm({
     missingFieldsLabel: labels.missingFields,
     invalidCredentialsLabel: labels.invalidCredentials
   });
+  const handleSubmitEditing = useSubmitOnEnter(handleSubmit);
   const content = /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Text, { style: styles3.title, children: labels.title }),
     /* @__PURE__ */ jsx(Text, { style: styles3.subtitle, children: labels.subtitle }),
@@ -790,10 +813,12 @@ function LoginForm({
           editable: !isSubmitting,
           placeholder: labels.usernamePlaceholder,
           placeholderTextColor: theme.colors.textSecondary,
+          returnKeyType: "go",
           style: styles3.input,
           testID: withTestIdPrefix(AuthTestIds.loginUsernameInput, testIdPrefix),
           value: username,
-          onChangeText: setUsername
+          onChangeText: setUsername,
+          onSubmitEditing: handleSubmitEditing
         }
       )
     ] }),
@@ -810,10 +835,12 @@ function LoginForm({
           editable: !isSubmitting,
           placeholder: labels.passwordPlaceholder,
           placeholderTextColor: theme.colors.textSecondary,
+          returnKeyType: "go",
           style: styles3.input,
           testID: withTestIdPrefix(AuthTestIds.loginPasswordInput, testIdPrefix),
           value: password,
-          onChangeText: setPassword
+          onChangeText: setPassword,
+          onSubmitEditing: handleSubmitEditing
         }
       )
     ] }),
@@ -4093,6 +4120,7 @@ function RegisterFormFields({
   theme,
   styles: styles3,
   onChange,
+  onSubmitEditing,
   testIdPrefix
 }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -4112,11 +4140,13 @@ function RegisterFormFields({
             keyboardType: config.keyboardType ?? "default",
             placeholder: copy.placeholder,
             placeholderTextColor: theme.colors.textSecondary,
+            returnKeyType: "go",
             secureTextEntry: config.secure === true,
             style: styles3.input,
             testID: withTestIdPrefix(config.testId, testIdPrefix),
             value: values[config.key],
-            onChangeText: (text) => onChange(config.key, text)
+            onChangeText: (text) => onChange(config.key, text),
+            onSubmitEditing
           }
         )
       ] }, config.key);
@@ -4341,6 +4371,7 @@ function RegisterForm({
   const handlePress = useCallback(async () => {
     routeRegisterOutcome(await submit(), { onSuccess, onError });
   }, [onError, onSuccess, submit]);
+  const handleSubmitEditing = useSubmitOnEnter(handlePress);
   return /* @__PURE__ */ jsx(View, { style: styles3.screen, children: /* @__PURE__ */ jsxs(View, { style: styles3.card, testID: withTestIdPrefix(RegisterTestIds.form, testIdPrefix), children: [
     /* @__PURE__ */ jsx(Text, { style: styles3.title, children: labels.title }),
     /* @__PURE__ */ jsx(Text, { style: styles3.subtitle, children: labels.subtitle }),
@@ -4353,7 +4384,8 @@ function RegisterForm({
         testIdPrefix,
         theme,
         values: state,
-        onChange: setField
+        onChange: setField,
+        onSubmitEditing: handleSubmitEditing
       }
     ),
     /* @__PURE__ */ jsx(View, { style: styles3.fieldGroup, children: /* @__PURE__ */ jsx(