@dloizides/auth-web 1.18.0 → 1.18.2

package/dist/index.mjs

@@ -1,6 +1,7 @@
 import { StyleSheet, Platform, View, Text, TextInput, TouchableOpacity, ActivityIndicator, Pressable, ScrollView } from 'react-native';
 import { createContext, useContext, useMemo, useState, useRef, useEffect, useCallback } from 'react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { Button } from '@dloizides/ui-buttons';
 import { useMutation } from '@tanstack/react-query';
 import { BffAuthClient, createFetchHttpClient } from '@dloizides/auth-client';
 export { BffAuthClient, createFetchHttpClient } from '@dloizides/auth-client';
@@ -636,6 +637,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";
@@ -774,7 +790,7 @@ function LoginForm({
     missingFieldsLabel: labels.missingFields,
     invalidCredentialsLabel: labels.invalidCredentials
   });
-  const submitButtonStyle = isSubmitting ? [styles3.primaryButton, styles3.primaryButtonDisabled] : styles3.primaryButton;
+  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 +806,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 +828,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
         }
       )
     ] }),
@@ -838,19 +858,18 @@ function LoginForm({
         children: /* @__PURE__ */ jsx(Text, { style: styles3.linkText, children: labels.forgotPassword })
       }
     ) : null,
-    /* @__PURE__ */ jsx(
-      TouchableOpacity,
+    /* @__PURE__ */ jsx(View, { style: styles3.fieldGroup, children: /* @__PURE__ */ jsx(
+      Button,
       {
+        fullWidth: true,
         accessibilityHint: labels.submit,
         accessibilityLabel: isSubmitting ? labels.submitting : labels.submit,
-        accessibilityRole: "button",
-        disabled: isSubmitting,
-        style: submitButtonStyle,
+        label: labels.submit,
+        loading: isSubmitting,
         testID: withTestIdPrefix(AuthTestIds.loginSubmitButton, testIdPrefix),
-        onPress: handleSubmit,
-        children: isSubmitting ? /* @__PURE__ */ jsx(ActivityIndicator, { color: theme.colors.onPrimary, size: "small" }) : /* @__PURE__ */ jsx(Text, { style: styles3.primaryButtonText, children: labels.submit })
+        onPress: handleSubmit
       }
-    ),
+    ) }),
     onSignUp !== void 0 ? /* @__PURE__ */ jsx(
       TouchableOpacity,
       {
@@ -4094,6 +4113,7 @@ function RegisterFormFields({
   theme,
   styles: styles3,
   onChange,
+  onSubmitEditing,
   testIdPrefix
 }) {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -4113,11 +4133,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);
@@ -4126,6 +4148,7 @@ function RegisterFormFields({
       TextInput,
       {
         accessibilityElementsHidden: true,
+        accessibilityRole: "none",
         autoComplete: "off",
         focusable: false,
         importantForAccessibility: "no-hide-descendants",
@@ -4154,9 +4177,21 @@ var RegisterErrorCode = /* @__PURE__ */ ((RegisterErrorCode2) => {
   return RegisterErrorCode2;
 })(RegisterErrorCode || {});
 
+// src/hooks/routeRegisterOutcome.ts
+function routeRegisterOutcome(outcome, handlers) {
+  if (outcome.ok) {
+    handlers.onSuccess(outcome.result);
+    return;
+  }
+  if (outcome.error !== "inFlight" /* InFlight */) {
+    handlers.onError?.(outcome.error);
+  }
+}
+
 // src/hooks/registerErrors.ts
 var MIN_PASSWORD_LENGTH = 8;
-var EMAIL_REGEX4 = /^[^@\s]+@[^.\s]+\.\S+$/;
+var WHITESPACE_REGEX = /\s/;
+var EMAIL_PART_COUNT = 2;
 var PASSWORD_LETTER_REGEX = /[a-zA-Z]/;
 var PASSWORD_DIGIT_REGEX = /\d/;
 var PASSWORD_SPECIAL_REGEX = /[^a-zA-Z0-9]/;
@@ -4178,6 +4213,17 @@ function isRegisterPasswordStrong(password) {
   }
   return PASSWORD_SPECIAL_REGEX.test(password);
 }
+function isEmailShaped(email) {
+  if (WHITESPACE_REGEX.test(email)) {
+    return false;
+  }
+  const parts = email.split("@");
+  if (parts.length !== EMAIL_PART_COUNT) {
+    return false;
+  }
+  const [local = "", domain = ""] = parts;
+  return local !== "" && domain.slice(1, -1).includes(".");
+}
 function trimRegisterValues(values) {
   return {
     firstName: values.firstName.trim(),
@@ -4205,7 +4251,7 @@ function validateRegisterValues(values, passwordPolicy) {
   if (hasMissingRequiredField(values)) {
     return "missingFields" /* MissingFields */;
   }
-  if (!EMAIL_REGEX4.test(values.email)) {
+  if (!isEmailShaped(values.email)) {
     return "invalidEmail" /* InvalidEmail */;
   }
   if (!passwordPolicy(values.password)) {
@@ -4255,7 +4301,8 @@ function toSubmitValues(values) {
 }
 function useRegisterForm({
   onSubmit,
-  passwordPolicy = isRegisterPasswordStrong
+  passwordPolicy = isRegisterPasswordStrong,
+  onSubmitAttempt
 }) {
   const [state, setState] = useState(EMPTY_VALUES);
   const [isSubmitting, setIsSubmitting] = useState(false);
@@ -4268,6 +4315,7 @@ function useRegisterForm({
     if (inFlight.current) {
       return { ok: false, error: "inFlight" /* InFlight */ };
     }
+    onSubmitAttempt?.();
     const trimmed = trimRegisterValues(state);
     const refusal = trimmed.website === "" ? validateRegisterValues(trimmed, passwordPolicy) : "failed" /* Failed */;
     if (refusal !== null) {
@@ -4288,7 +4336,7 @@ function useRegisterForm({
       inFlight.current = false;
       setIsSubmitting(false);
     }
-  }, [onSubmit, passwordPolicy, state]);
+  }, [onSubmit, onSubmitAttempt, passwordPolicy, state]);
   return { state, setField, submit, isSubmitting, error };
 }
 function RegisterForm({
@@ -4308,18 +4356,15 @@ function RegisterForm({
     () => ({ ...DEFAULT_REGISTER_LABELS, ...labelsProp }),
     [labelsProp]
   );
-  const { state, setField, submit, isSubmitting } = useRegisterForm({ onSubmit, passwordPolicy });
-  const handlePress = useCallback(() => {
-    onSubmitAttempt?.();
-    void submit().then((outcome) => {
-      if (outcome.ok) {
-        onSuccess(outcome.result);
-      } else if (outcome.error !== "inFlight" /* InFlight */) {
-        onError?.(outcome.error);
-      }
-    });
-  }, [onError, onSubmitAttempt, onSuccess, submit]);
-  const buttonStyle = isSubmitting ? [styles3.primaryButton, styles3.primaryButtonDisabled] : styles3.primaryButton;
+  const { state, setField, submit, isSubmitting } = useRegisterForm({
+    onSubmit,
+    onSubmitAttempt,
+    passwordPolicy
+  });
+  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 }),
@@ -4332,22 +4377,22 @@ function RegisterForm({
         testIdPrefix,
         theme,
         values: state,
-        onChange: setField
+        onChange: setField,
+        onSubmitEditing: handleSubmitEditing
       }
     ),
-    /* @__PURE__ */ jsx(
-      TouchableOpacity,
+    /* @__PURE__ */ jsx(View, { style: styles3.fieldGroup, children: /* @__PURE__ */ jsx(
+      Button,
       {
+        fullWidth: true,
         accessibilityHint: labels.submitHint,
         accessibilityLabel: isSubmitting ? labels.submitting : labels.submit,
-        accessibilityRole: "button",
-        disabled: isSubmitting,
-        style: buttonStyle,
+        label: labels.submit,
+        loading: isSubmitting,
         testID: withTestIdPrefix(RegisterTestIds.submitButton, testIdPrefix),
-        onPress: handlePress,
-        children: isSubmitting ? /* @__PURE__ */ jsx(ActivityIndicator, { color: theme.colors.onPrimary, size: "small" }) : /* @__PURE__ */ jsx(Text, { style: styles3.primaryButtonText, children: labels.submit })
+        onPress: handlePress
       }
-    ),
+    ) }),
     footer
   ] }) });
 }
@@ -4487,6 +4532,6 @@ function createBffChangePasswordClient(options = {}) {
   };
 }
 
-export { AccountSettingsScreen, AuthScreen, AuthTestIds, AuthThemeProvider, BffAuthStatus, CHANGE_PASSWORD_ENDPOINT, ChangePasswordCard, ChangePasswordErrorKey, DEFAULT_ACCOUNT_SETTINGS_LABELS, DEFAULT_AUTH_CARD_MAX_WIDTH, DEFAULT_DEMO_CREDENTIALS_HINT_LABELS, DEFAULT_DEVICE_PIN_ENROLL_LABELS, DEFAULT_DEVICE_PIN_SETTINGS_LABELS, DEFAULT_DEVICE_PIN_UNLOCK_LABELS, DEFAULT_FORGOT_PASSWORD_FIELDS_LABELS, DEFAULT_FORGOT_PASSWORD_LABELS, DEFAULT_LOGIN_LABELS, DEFAULT_OTP_LABELS, DEFAULT_PASSKEY_LOGIN_LABELS, DEFAULT_PASSKEY_SETTINGS_LABELS, DEFAULT_PIN_LABELS, DEFAULT_PREFERRED_METHOD_HINT_LABELS, DEFAULT_PREFERRED_METHOD_SETTINGS_LABELS, DEFAULT_REGISTER_LABELS, DEFAULT_RESET_PASSWORD_LABELS, DEVICE_PIN_ALLOWED_DIGITS, DEVICE_PIN_DEFAULT_DIGITS, DemoCredentialsHint, DemoCredentialsHintVariant, DevicePinEnrollErrorKey, DevicePinEnrollForm, DevicePinErrorKey, DevicePinInput, DevicePinLengthPicker, DevicePinOffer, DevicePinSettingsCard, DevicePinUnlockScreen, ForgotPasswordFields, ForgotPasswordForm, LoginForm, OtpForm, OtpLoginStep, PASSWORD_MAX_LENGTH, PASSWORD_MIN_LENGTH, PasskeyCeremonyMode, PasskeyCeremonyStatus, PasskeyLoginButton, PasskeySettingsCard, PasswordPolicyError, PinForm, PreferredMethodHint, PreferredMethodSettingsCard, PrefillIntent, RegisterErrorCode, RegisterForm, RegisterTestIds, ResetPasswordError, ResetPasswordForm, cachePreferredMethod, clearCachedPreferredMethod, collectUserRoles, createBffAuthClient, createBffChangePasswordClient, createPreferencesClient, defaultAuthTheme, isAllowedPinDigits, isPasswordValid, isRegisterPasswordStrong, isValidForgotPasswordEmail, mapRegisterErrorCode, performBffLogout, readCachedPreferredMethod, readPasskeyError, readPasskeyRegistered, resolveAccessibleRoutes, resolveAccountList, resolveDemoAccounts, resolveDemoCredentials, resolvePostLoginRoute, startPasskeyLogin, startPasskeyRegistration, syncPreferredMethodFromServer, useAuthTheme, useBffAuth, useBffForgotPassword, useBffLoginConfig, useBffResetPassword, useChangePassword, useDemoCredentials, useDevicePinDisable, useDevicePinEnroll, useDevicePinUnlock, useForgotPasswordSubmit, useOtpLogin, usePasskeyCeremony, usePinLogin, usePreferredMethodSetting, useRegisterForm, useResetPasswordForm, validatePasswordPolicy, withTestIdPrefix };
+export { AccountSettingsScreen, AuthScreen, AuthTestIds, AuthThemeProvider, BffAuthStatus, CHANGE_PASSWORD_ENDPOINT, ChangePasswordCard, ChangePasswordErrorKey, DEFAULT_ACCOUNT_SETTINGS_LABELS, DEFAULT_AUTH_CARD_MAX_WIDTH, DEFAULT_DEMO_CREDENTIALS_HINT_LABELS, DEFAULT_DEVICE_PIN_ENROLL_LABELS, DEFAULT_DEVICE_PIN_SETTINGS_LABELS, DEFAULT_DEVICE_PIN_UNLOCK_LABELS, DEFAULT_FORGOT_PASSWORD_FIELDS_LABELS, DEFAULT_FORGOT_PASSWORD_LABELS, DEFAULT_LOGIN_LABELS, DEFAULT_OTP_LABELS, DEFAULT_PASSKEY_LOGIN_LABELS, DEFAULT_PASSKEY_SETTINGS_LABELS, DEFAULT_PIN_LABELS, DEFAULT_PREFERRED_METHOD_HINT_LABELS, DEFAULT_PREFERRED_METHOD_SETTINGS_LABELS, DEFAULT_REGISTER_LABELS, DEFAULT_RESET_PASSWORD_LABELS, DEVICE_PIN_ALLOWED_DIGITS, DEVICE_PIN_DEFAULT_DIGITS, DemoCredentialsHint, DemoCredentialsHintVariant, DevicePinEnrollErrorKey, DevicePinEnrollForm, DevicePinErrorKey, DevicePinInput, DevicePinLengthPicker, DevicePinOffer, DevicePinSettingsCard, DevicePinUnlockScreen, ForgotPasswordFields, ForgotPasswordForm, LoginForm, OtpForm, OtpLoginStep, PASSWORD_MAX_LENGTH, PASSWORD_MIN_LENGTH, PasskeyCeremonyMode, PasskeyCeremonyStatus, PasskeyLoginButton, PasskeySettingsCard, PasswordPolicyError, PinForm, PreferredMethodHint, PreferredMethodSettingsCard, PrefillIntent, RegisterErrorCode, RegisterForm, RegisterTestIds, ResetPasswordError, ResetPasswordForm, cachePreferredMethod, clearCachedPreferredMethod, collectUserRoles, createBffAuthClient, createBffChangePasswordClient, createPreferencesClient, defaultAuthTheme, isAllowedPinDigits, isPasswordValid, isRegisterPasswordStrong, isValidForgotPasswordEmail, performBffLogout, readCachedPreferredMethod, readPasskeyError, readPasskeyRegistered, resolveAccessibleRoutes, resolveAccountList, resolveDemoAccounts, resolveDemoCredentials, resolvePostLoginRoute, startPasskeyLogin, startPasskeyRegistration, syncPreferredMethodFromServer, useAuthTheme, useBffAuth, useBffForgotPassword, useBffLoginConfig, useBffResetPassword, useChangePassword, useDemoCredentials, useDevicePinDisable, useDevicePinEnroll, useDevicePinUnlock, useForgotPasswordSubmit, useOtpLogin, usePasskeyCeremony, usePinLogin, usePreferredMethodSetting, useRegisterForm, useResetPasswordForm, validatePasswordPolicy, withTestIdPrefix };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map