@dloizides/auth-web 1.18.1 → 1.18.2

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # Changelog
 
+## 1.18.2
+
+**Enter in a text field submits `<RegisterForm>` and `<LoginForm>`.**
+
+- Every visible input now has `onSubmitEditing` wired to the same guarded submit as the button, plus
+  `returnKeyType="go"`. RN-web renders no `<form>`, so Enter in a field never submitted in any prior
+  version (no `onSubmitEditing` anywhere in auth-web history); only a focused button did.
+- An OS key-repeat of a held Enter in a field is ignored (`useSubmitOnEnter`), so a held Enter is still
+  one attempt / one login. jsdom tests cover Enter in each of the seven register fields and both login fields.
+
 ## 1.18.1
 
 **Review fixes for the 1.18.0 registration extraction.**

package/dist/index.js

@@ -638,6 +638,21 @@ function useLoginSubmit({
   }, [runLogin]);
   return { errorText, handleSubmit };
 }
+function isKeyRepeat(event) {
+  const native = event?.nativeEvent;
+  return native?.repeat === true;
+}
+function useSubmitOnEnter(submit) {
+  return react.useCallback(
+    (event) => {
+      if (isKeyRepeat(event)) {
+        return;
+      }
+      submit();
+    },
+    [submit]
+  );
+}
 var BffAuthStatus = /* @__PURE__ */ ((BffAuthStatus2) => {
   BffAuthStatus2["Loading"] = "loading";
   BffAuthStatus2["Authenticated"] = "authenticated";
@@ -776,6 +791,7 @@ function LoginForm({
     missingFieldsLabel: labels.missingFields,
     invalidCredentialsLabel: labels.invalidCredentials
   });
+  const handleSubmitEditing = useSubmitOnEnter(handleSubmit);
   const content = /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles3.title, children: labels.title }),
     /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles3.subtitle, children: labels.subtitle }),
@@ -791,10 +807,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
         }
       )
     ] }),
@@ -811,10 +829,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
         }
       )
     ] }),
@@ -4094,6 +4114,7 @@ function RegisterFormFields({
   theme,
   styles: styles3,
   onChange,
+  onSubmitEditing,
   testIdPrefix
 }) {
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -4113,11 +4134,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);
@@ -4342,6 +4365,7 @@ function RegisterForm({
   const handlePress = react.useCallback(async () => {
     routeRegisterOutcome(await submit(), { onSuccess, onError });
   }, [onError, onSuccess, submit]);
+  const handleSubmitEditing = useSubmitOnEnter(handlePress);
   return /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: styles3.screen, children: /* @__PURE__ */ jsxRuntime.jsxs(reactNative.View, { style: styles3.card, testID: withTestIdPrefix(RegisterTestIds.form, testIdPrefix), children: [
     /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles3.title, children: labels.title }),
     /* @__PURE__ */ jsxRuntime.jsx(reactNative.Text, { style: styles3.subtitle, children: labels.subtitle }),
@@ -4354,7 +4378,8 @@ function RegisterForm({
         testIdPrefix,
         theme,
         values: state,
-        onChange: setField
+        onChange: setField,
+        onSubmitEditing: handleSubmitEditing
       }
     ),
     /* @__PURE__ */ jsxRuntime.jsx(reactNative.View, { style: styles3.fieldGroup, children: /* @__PURE__ */ jsxRuntime.jsx(