@umituz/react-native-auth 3.6.73 → 3.6.74

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-auth",
-  "version": "3.6.73",
+  "version": "3.6.74",
   "description": "Authentication service for React Native apps - Secure, type-safe, and production-ready. Provider-agnostic design with dependency injection, configurable validation, and comprehensive error handling.",
   "main": "./src/index.ts",
   "types": "./src/index.ts",

package/src/domain/value-objects/AuthConfig.ts

@@ -7,9 +7,6 @@ export interface PasswordConfig {
   minLength: number;
 }
 
-/**
- * Social authentication provider configuration
- */
 export interface SocialProviderConfig {
   enabled: boolean;
 }
@@ -20,21 +17,13 @@ export interface GoogleAuthConfig extends SocialProviderConfig {
   androidClientId?: string;
 }
 
-export interface AppleAuthConfig extends SocialProviderConfig {
-  // Apple Sign In doesn't require additional config for basic usage
-}
+export interface AppleAuthConfig extends SocialProviderConfig {}
 
-/**
- * Social authentication configuration
- */
 export interface SocialAuthConfig {
   google?: GoogleAuthConfig;
   apple?: AppleAuthConfig;
 }
 
-/**
- * Supported social auth providers
- */
 export type SocialAuthProvider = "google" | "apple";
 
 export interface AuthConfig {
@@ -42,23 +31,16 @@ export interface AuthConfig {
   social?: SocialAuthConfig;
 }
 
-export const DEFAULT_PASSWORD_CONFIG: PasswordConfig = {
-  minLength: 6,
-};
-
+export const DEFAULT_PASSWORD_CONFIG: PasswordConfig = { minLength: 6 };
 export const DEFAULT_SOCIAL_CONFIG: SocialAuthConfig = {
   google: { enabled: false },
   apple: { enabled: false },
 };
-
 export const DEFAULT_AUTH_CONFIG: AuthConfig = {
   password: DEFAULT_PASSWORD_CONFIG,
   social: DEFAULT_SOCIAL_CONFIG,
 };
 
-/**
- * Configuration validation error
- */
 export class AuthConfigValidationError extends Error {
   constructor(message: string, public readonly field: string) {
     super(message);
@@ -66,58 +48,29 @@ export class AuthConfigValidationError extends Error {
   }
 }
 
-/**
- * Validate authentication configuration
- * @throws {AuthConfigValidationError} if configuration is invalid
- */
 export function validateAuthConfig(config: Partial<AuthConfig>): void {
-  // Validate password config
   if (config.password) {
     if (typeof config.password.minLength !== "number") {
-      throw new AuthConfigValidationError(
-        "Password minLength must be a number",
-        "password.minLength"
-      );
+      throw new AuthConfigValidationError("Password minLength must be a number", "password.minLength");
     }
     if (config.password.minLength < 4) {
-      throw new AuthConfigValidationError(
-        "Password minLength must be at least 4 characters",
-        "password.minLength"
-      );
+      throw new AuthConfigValidationError("Password minLength must be at least 4 characters", "password.minLength");
     }
     if (config.password.minLength > 128) {
-      throw new AuthConfigValidationError(
-        "Password minLength must not exceed 128 characters",
-        "password.minLength"
-      );
+      throw new AuthConfigValidationError("Password minLength must not exceed 128 characters", "password.minLength");
     }
   }
 
-  // Validate social auth config
-  if (config.social) {
-    if (config.social.google) {
-      const googleConfig = config.social.google;
-      if (googleConfig.enabled) {
-        // At least one client ID should be provided if enabled
-        if (!googleConfig.webClientId && !googleConfig.iosClientId && !googleConfig.androidClientId) {
-          throw new AuthConfigValidationError(
-            "At least one Google client ID (web, iOS, or Android) must be provided when Google Sign-In is enabled",
-            "social.google"
-          );
-        }
-      }
+  if (config.social?.google?.enabled) {
+    const googleConfig = config.social.google;
+    if (!googleConfig.webClientId && !googleConfig.iosClientId && !googleConfig.androidClientId) {
+      throw new AuthConfigValidationError("At least one Google client ID must be provided when Google Sign-In is enabled", "social.google");
     }
   }
 }
 
-/**
- * Sanitize and merge auth config with defaults
- * Ensures valid configuration values
- */
 export function sanitizeAuthConfig(config: Partial<AuthConfig> = {}): AuthConfig {
-  // Validate first
   validateAuthConfig(config);
-
   return {
     password: {
       minLength: config.password?.minLength ?? DEFAULT_PASSWORD_CONFIG.minLength,

package/src/index.ts

@@ -10,97 +10,30 @@
 // =============================================================================
 
 export type { AuthUser, AuthProviderType } from './domain/entities/AuthUser';
-export {
-  AuthError,
-  AuthInitializationError,
-  AuthConfigurationError,
-  AuthValidationError,
-  AuthNetworkError,
-  AuthUserNotFoundError,
-  AuthWrongPasswordError,
-  AuthEmailAlreadyInUseError,
-  AuthWeakPasswordError,
-  AuthInvalidEmailError,
-} from './domain/errors/AuthError';
-
-export type {
-  AuthConfig,
-  PasswordConfig,
-  SocialAuthConfig,
-  SocialProviderConfig,
-  GoogleAuthConfig,
-  AppleAuthConfig,
-  SocialAuthProvider,
-} from './domain/value-objects/AuthConfig';
-export {
-  DEFAULT_AUTH_CONFIG,
-  DEFAULT_PASSWORD_CONFIG,
-  DEFAULT_SOCIAL_CONFIG,
-} from './domain/value-objects/AuthConfig';
-
 export type { UserProfile, UpdateProfileParams } from './domain/entities/UserProfile';
+export { AuthError, AuthInitializationError, AuthConfigurationError, AuthValidationError, AuthNetworkError, AuthUserNotFoundError, AuthWrongPasswordError, AuthEmailAlreadyInUseError, AuthWeakPasswordError, AuthInvalidEmailError } from './domain/errors/AuthError';
+export type { AuthConfig, PasswordConfig, SocialAuthConfig, SocialProviderConfig, GoogleAuthConfig, AppleAuthConfig, SocialAuthProvider } from './domain/value-objects/AuthConfig';
+export { DEFAULT_AUTH_CONFIG, DEFAULT_PASSWORD_CONFIG, DEFAULT_SOCIAL_CONFIG } from './domain/value-objects/AuthConfig';
 
 // =============================================================================
 // APPLICATION LAYER
 // =============================================================================
 
-export type {
-  IAuthProvider,
-  AuthCredentials,
-  SignUpCredentials,
-  SocialSignInResult,
-} from './application/ports/IAuthProvider';
+export type { IAuthProvider, AuthCredentials, SignUpCredentials, SocialSignInResult } from './application/ports/IAuthProvider';
 
 // =============================================================================
 // INFRASTRUCTURE LAYER
 // =============================================================================
 
 export { FirebaseAuthProvider } from './infrastructure/providers/FirebaseAuthProvider';
-export {
-  AuthService,
-  initializeAuthService,
-  getAuthService,
-  resetAuthService,
-} from './infrastructure/services/AuthService';
+export { AuthService, initializeAuthService, getAuthService, resetAuthService } from './infrastructure/services/AuthService';
 export type { IStorageProvider } from './infrastructure/types/Storage.types';
-export {
-  createStorageProvider,
-  StorageProviderAdapter,
-} from './infrastructure/adapters/StorageProviderAdapter';
-export {
-  initializeAuth,
-  isAuthInitialized,
-  resetAuthInitialization,
-} from './infrastructure/services/initializeAuth';
+export { createStorageProvider, StorageProviderAdapter } from './infrastructure/adapters/StorageProviderAdapter';
+export { initializeAuth, isAuthInitialized, resetAuthInitialization } from './infrastructure/services/initializeAuth';
 export type { InitializeAuthOptions } from './infrastructure/services/initializeAuth';
-
-// =============================================================================
-// VALIDATION
-// =============================================================================
-
-export {
-  validateEmail,
-  validatePasswordForLogin,
-  validatePasswordForRegister,
-  validatePasswordConfirmation,
-  validateDisplayName,
-} from './infrastructure/utils/AuthValidation';
-export type {
-  ValidationResult,
-  PasswordStrengthResult,
-  PasswordRequirements,
-} from './infrastructure/utils/AuthValidation';
-
-export {
-  SECURITY_LIMITS,
-  sanitizeWhitespace,
-  sanitizeEmail,
-  sanitizePassword,
-  sanitizeName,
-  sanitizeText,
-  containsDangerousChars,
-  isWithinLengthLimit,
-} from './infrastructure/utils/validation/sanitization';
+export { validateEmail, validatePasswordForLogin, validatePasswordForRegister, validatePasswordConfirmation, validateDisplayName } from './infrastructure/utils/AuthValidation';
+export type { ValidationResult, PasswordStrengthResult, PasswordRequirements } from './infrastructure/utils/AuthValidation';
+export { SECURITY_LIMITS, sanitizeWhitespace, sanitizeEmail, sanitizePassword, sanitizeName, sanitizeText, containsDangerousChars, isWithinLengthLimit } from './infrastructure/utils/validation/sanitization';
 export type { SecurityLimitKey } from './infrastructure/utils/validation/sanitization';
 
 // =============================================================================
@@ -109,37 +42,26 @@ export type { SecurityLimitKey } from './infrastructure/utils/validation/sanitiz
 
 export { useAuth } from './presentation/hooks/useAuth';
 export type { UseAuthResult } from './presentation/hooks/useAuth';
-
 export { useLoginForm } from './presentation/hooks/useLoginForm';
 export type { UseLoginFormConfig, UseLoginFormResult } from './presentation/hooks/useLoginForm';
-
 export { useRegisterForm } from './presentation/hooks/useRegisterForm';
 export type { UseRegisterFormConfig, UseRegisterFormResult } from './presentation/hooks/useRegisterForm';
-
 export { useAuthRequired } from './presentation/hooks/useAuthRequired';
 export { useRequireAuth, useUserId } from './presentation/hooks/useRequireAuth';
-
 export { useUserProfile } from './presentation/hooks/useUserProfile';
 export type { UserProfileData, UseUserProfileParams } from './presentation/hooks/useUserProfile';
-
 export { useAccountManagement } from './presentation/hooks/useAccountManagement';
 export type { UseAccountManagementReturn } from './presentation/hooks/useAccountManagement';
-
 export { useProfileUpdate } from './presentation/hooks/useProfileUpdate';
 export type { UseProfileUpdateReturn } from './presentation/hooks/useProfileUpdate';
-
 export { useProfileEdit } from './presentation/hooks/useProfileEdit';
 export type { ProfileEditFormState, UseProfileEditReturn } from './presentation/hooks/useProfileEdit';
-
 export { useSocialLogin } from './presentation/hooks/useSocialLogin';
 export type { UseSocialLoginConfig, UseSocialLoginResult } from './presentation/hooks/useSocialLogin';
-
 export { useGoogleAuth } from './presentation/hooks/useGoogleAuth';
 export type { UseGoogleAuthResult } from './presentation/hooks/useGoogleAuth';
-
 export { useAppleAuth } from './presentation/hooks/useAppleAuth';
 export type { UseAppleAuthResult } from './presentation/hooks/useAppleAuth';
-
 export { useAuthBottomSheet } from './presentation/hooks/useAuthBottomSheet';
 export type { SocialAuthConfiguration } from './presentation/hooks/useAuthBottomSheet';
 
@@ -149,22 +71,16 @@ export type { SocialAuthConfiguration } from './presentation/hooks/useAuthBottom
 
 export { AuthProvider } from './presentation/providers/AuthProvider';
 export type { ErrorFallbackProps } from './presentation/providers/AuthProvider';
-
 export { LoginScreen } from './presentation/screens/LoginScreen';
 export type { LoginScreenProps } from './presentation/screens/LoginScreen';
-
 export { RegisterScreen } from './presentation/screens/RegisterScreen';
 export type { RegisterScreenProps } from './presentation/screens/RegisterScreen';
-
 export { AccountScreen } from './presentation/screens/AccountScreen';
 export type { AccountScreenProps, AccountScreenConfig } from './presentation/screens/AccountScreen';
-
 export { EditProfileScreen } from './presentation/screens/EditProfileScreen';
 export type { EditProfileScreenProps } from './presentation/screens/EditProfileScreen';
-
 export { AuthNavigator } from './presentation/navigation/AuthNavigator';
 export type { AuthStackParamList } from './presentation/navigation/AuthNavigator';
-
 export { AuthBottomSheet } from './presentation/components/AuthBottomSheet';
 export { ProfileSection } from './presentation/components/ProfileSection';
 export type { ProfileSectionProps, ProfileSectionConfig } from './presentation/components/ProfileSection';
@@ -175,28 +91,15 @@ export type { ProfileSectionProps, ProfileSectionConfig } from './presentation/c
 
 export { useAuthStore } from './presentation/stores/authStore';
 export { useAuthModalStore } from './presentation/stores/authModalStore';
-export {
-  initializeAuthListener,
-  resetAuthListener,
-  isAuthListenerInitialized,
-} from './presentation/stores/initializeAuthListener';
-export type { AuthState, AuthActions, UserType } from './types/auth-store.types';
-export type { AuthListenerOptions } from './types/auth-store.types';
+export { initializeAuthListener, resetAuthListener, isAuthListenerInitialized } from './presentation/stores/initializeAuthListener';
+export type { AuthState, AuthActions, UserType, AuthListenerOptions } from './types/auth-store.types';
 export * from './presentation/stores/auth.selectors';
 
 // =============================================================================
-// UTILITIES
-// =============================================================================
-
-export {
-  getAuthErrorLocalizationKey,
-  resolveErrorMessage,
-} from './presentation/utils/getAuthErrorMessage';
-
-// =============================================================================
-// INIT MODULE
+// UTILITIES & INIT
 // =============================================================================
 
+export { getAuthErrorLocalizationKey, resolveErrorMessage } from './presentation/utils/getAuthErrorMessage';
 export { createAuthInitModule } from './init';
 export type { AuthInitModuleConfig } from './init/createAuthInitModule';
 

package/src/presentation/components/AccountActions.tsx

@@ -47,12 +47,7 @@ export const AccountActions: React.FC<AccountActionsProps> = ({ config }) => {
   const handleLogout = () => {
     alert.show(AlertType.WARNING, AlertMode.MODAL, logoutConfirmTitle, logoutConfirmMessage, {
       actions: [
-        {
-          id: "cancel",
-          label: cancelText,
-          style: "secondary",
-          onPress: () => {},
-        },
+        { id: "cancel", label: cancelText, style: "secondary", onPress: () => {} },
         {
           id: "confirm",
           label: logoutText,
@@ -72,12 +67,7 @@ export const AccountActions: React.FC<AccountActionsProps> = ({ config }) => {
   const handleDeleteAccount = () => {
     alert.show(AlertType.ERROR, AlertMode.MODAL, deleteConfirmTitle, deleteConfirmMessage, {
       actions: [
-        {
-          id: "cancel",
-          label: cancelText,
-          style: "secondary",
-          onPress: () => {},
-        },
+        { id: "cancel", label: cancelText, style: "secondary", onPress: () => {} },
         {
           id: "confirm",
           label: deleteAccountText,
@@ -97,40 +87,22 @@ export const AccountActions: React.FC<AccountActionsProps> = ({ config }) => {
   return (
     <View style={styles.container}>
       {showChangePassword && onChangePassword && changePasswordText && (
-        <TouchableOpacity
-          style={[actionButtonStyle.container, { borderColor: tokens.colors.border }]}
-          onPress={onChangePassword}
-          activeOpacity={0.7}
-        >
+        <TouchableOpacity style={[actionButtonStyle.container, { borderColor: tokens.colors.border }]} onPress={onChangePassword} activeOpacity={0.7}>
           <AtomicIcon name="key-outline" size="md" color="textPrimary" />
-          <AtomicText style={actionButtonStyle.text} color="textPrimary">
-            {changePasswordText}
-          </AtomicText>
+          <AtomicText style={actionButtonStyle.text} color="textPrimary">{changePasswordText}</AtomicText>
           <AtomicIcon name="chevron-forward" size="sm" color="textSecondary" />
         </TouchableOpacity>
       )}
 
-      <TouchableOpacity
-        style={[actionButtonStyle.container, { borderColor: tokens.colors.border }]}
-        onPress={handleLogout}
-        activeOpacity={0.7}
-      >
+      <TouchableOpacity style={[actionButtonStyle.container, { borderColor: tokens.colors.border }]} onPress={handleLogout} activeOpacity={0.7}>
         <AtomicIcon name="log-out-outline" size="md" color="error" />
-        <AtomicText style={actionButtonStyle.text} color="error">
-          {logoutText}
-        </AtomicText>
+        <AtomicText style={actionButtonStyle.text} color="error">{logoutText}</AtomicText>
         <AtomicIcon name="chevron-forward" size="sm" color="textSecondary" />
       </TouchableOpacity>
 
-      <TouchableOpacity
-        style={[actionButtonStyle.container, { borderColor: tokens.colors.border }]}
-        onPress={handleDeleteAccount}
-        activeOpacity={0.7}
-      >
+      <TouchableOpacity style={[actionButtonStyle.container, { borderColor: tokens.colors.border }]} onPress={handleDeleteAccount} activeOpacity={0.7}>
         <AtomicIcon name="trash-outline" size="md" color="error" />
-        <AtomicText style={actionButtonStyle.text} color="error">
-          {deleteAccountText}
-        </AtomicText>
+        <AtomicText style={actionButtonStyle.text} color="error">{deleteAccountText}</AtomicText>
         <AtomicIcon name="chevron-forward" size="sm" color="textSecondary" />
       </TouchableOpacity>
     </View>
@@ -138,7 +110,5 @@ export const AccountActions: React.FC<AccountActionsProps> = ({ config }) => {
 };
 
 const styles = StyleSheet.create({
-  container: {
-    gap: 12,
-  },
+  container: { gap: 12 },
 });

package/src/presentation/components/ProfileSection.tsx

@@ -9,128 +9,98 @@ import { useAppDesignTokens, AtomicText, AtomicIcon, AtomicAvatar } from "@umitu
 import { ProfileBenefitsList } from "./ProfileBenefitsList";
 
 export interface ProfileSectionConfig {
-    displayName?: string;
-    userId?: string;
-    isAnonymous: boolean;
-    avatarUrl?: string;
-    accountSettingsRoute?: string;
-    benefits?: string[];
+  displayName?: string;
+  userId?: string;
+  isAnonymous: boolean;
+  avatarUrl?: string;
+  accountSettingsRoute?: string;
+  benefits?: string[];
 }
 
 export interface ProfileSectionProps {
-    profile: ProfileSectionConfig;
-    onPress?: () => void;
-    onSignIn?: () => void;
-    signInText?: string;
-    anonymousText?: string;
+  profile: ProfileSectionConfig;
+  onPress?: () => void;
+  onSignIn?: () => void;
+  signInText?: string;
+  anonymousText?: string;
 }
 
 export const ProfileSection: React.FC<ProfileSectionProps> = ({
-    profile,
-    onPress,
-    onSignIn,
-    signInText,
-    anonymousText,
+  profile,
+  onPress,
+  onSignIn,
+  signInText,
+  anonymousText,
 }) => {
-    const tokens = useAppDesignTokens();
+  const tokens = useAppDesignTokens();
 
-    const handlePress = () => {
-        if (profile.isAnonymous && onSignIn) {
-            onSignIn();
-        } else if (onPress) {
-            onPress();
-        }
-    };
+  const handlePress = () => {
+    if (profile.isAnonymous && onSignIn) {
+      onSignIn();
+    } else if (onPress) {
+      onPress();
+    }
+  };
 
-    return (
-        <TouchableOpacity
-            style={[styles.container, { backgroundColor: tokens.colors.surface }]}
-            onPress={handlePress}
-            activeOpacity={0.7}
-            disabled={!onPress && !onSignIn}
-        >
-            <View style={styles.content}>
-                <View style={styles.avatarContainer}>
-                    <AtomicAvatar
-                        source={profile.avatarUrl ? { uri: profile.avatarUrl } : undefined}
-                        name={profile.displayName || (profile.isAnonymous ? anonymousText : signInText)}
-                        size="md"
-                    />
-                </View>
+  return (
+    <TouchableOpacity
+      style={[styles.container, { backgroundColor: tokens.colors.surface }]}
+      onPress={handlePress}
+      activeOpacity={0.7}
+      disabled={!onPress && !onSignIn}
+    >
+      <View style={styles.content}>
+        <View style={styles.avatarContainer}>
+          <AtomicAvatar
+            source={profile.avatarUrl ? { uri: profile.avatarUrl } : undefined}
+            name={profile.displayName || (profile.isAnonymous ? anonymousText : signInText)}
+            size="md"
+          />
+        </View>
 
-                <View style={styles.info}>
-                    <AtomicText
-                        type="titleMedium"
-                        color="textPrimary"
-                        numberOfLines={1}
-                        style={styles.displayName}
-                    >
-                        {profile.displayName}
-                    </AtomicText>
-                    {profile.userId && (
-                        <AtomicText
-                            type="bodySmall"
-                            color="textSecondary"
-                            numberOfLines={1}
-                        >
-                            {profile.userId}
-                        </AtomicText>
-                    )}
-                </View>
+        <View style={styles.info}>
+          <AtomicText type="titleMedium" color="textPrimary" numberOfLines={1} style={styles.displayName}>
+            {profile.displayName}
+          </AtomicText>
+          {profile.userId && (
+            <AtomicText type="bodySmall" color="textSecondary" numberOfLines={1}>
+              {profile.userId}
+            </AtomicText>
+          )}
+        </View>
 
-                {onPress && !profile.isAnonymous && (
-                    <AtomicIcon name="chevron-forward" size="sm" color="textSecondary" />
-                )}
-            </View>
+        {onPress && !profile.isAnonymous && (
+          <AtomicIcon name="chevron-forward" size="sm" color="textSecondary" />
+        )}
+      </View>
 
-            {profile.isAnonymous && onSignIn && (
-                <View style={[styles.ctaContainer, { borderTopColor: tokens.colors.border }]}>
-                    {profile.benefits && profile.benefits.length > 0 && (
-                        <ProfileBenefitsList benefits={profile.benefits} />
-                    )}
+      {profile.isAnonymous && onSignIn && (
+        <View style={[styles.ctaContainer, { borderTopColor: tokens.colors.border }]}>
+          {profile.benefits && profile.benefits.length > 0 && (
+            <ProfileBenefitsList benefits={profile.benefits} />
+          )}
 
-                    <TouchableOpacity
-                        style={[styles.ctaButton, { backgroundColor: tokens.colors.primary }]}
-                        onPress={onSignIn}
-                        activeOpacity={0.8}
-                    >
-                        <AtomicText type="labelLarge" style={{ color: tokens.colors.onPrimary }}>
-                            {signInText}
-                        </AtomicText>
-                    </TouchableOpacity>
-                </View>
-            )}
-        </TouchableOpacity>
-    );
+          <TouchableOpacity
+            style={[styles.ctaButton, { backgroundColor: tokens.colors.primary }]}
+            onPress={onSignIn}
+            activeOpacity={0.8}
+          >
+            <AtomicText type="labelLarge" style={{ color: tokens.colors.onPrimary }}>
+              {signInText}
+            </AtomicText>
+          </TouchableOpacity>
+        </View>
+      )}
+    </TouchableOpacity>
+  );
 };
 
 const styles = StyleSheet.create({
-    container: {
-        borderRadius: 12,
-        padding: 16,
-        marginBottom: 16,
-    },
-    content: {
-        flexDirection: "row",
-        alignItems: "center",
-    },
-    avatarContainer: {
-        marginRight: 12,
-    },
-    info: {
-        flex: 1,
-    },
-    displayName: {
-        marginBottom: 2,
-    },
-    ctaContainer: {
-        marginTop: 12,
-        paddingTop: 12,
-        borderTopWidth: 1,
-    },
-    ctaButton: {
-        paddingVertical: 12,
-        borderRadius: 8,
-        alignItems: "center",
-    },
+  container: { borderRadius: 12, padding: 16, marginBottom: 16 },
+  content: { flexDirection: "row", alignItems: "center" },
+  avatarContainer: { marginRight: 12 },
+  info: { flex: 1 },
+  displayName: { marginBottom: 2 },
+  ctaContainer: { marginTop: 12, paddingTop: 12, borderTopWidth: 1 },
+  ctaButton: { paddingVertical: 12, borderRadius: 8, alignItems: "center" },
 });

package/src/presentation/components/RegisterForm.tsx

@@ -119,10 +119,7 @@ export const RegisterForm: React.FC<RegisterFormProps> = ({
         style={styles.input}
       />
       {password.length > 0 && (
-        <PasswordStrengthIndicator
-          translations={translations.passwordStrength}
-          requirements={passwordRequirements}
-        />
+        <PasswordStrengthIndicator translations={translations.passwordStrength} requirements={passwordRequirements} />
       )}
 
       <AtomicInput
@@ -144,10 +141,7 @@ export const RegisterForm: React.FC<RegisterFormProps> = ({
         style={styles.input}
       />
       {confirmPassword.length > 0 && (
-        <PasswordMatchIndicator
-          translations={translations.passwordMatch}
-          isMatch={passwordsMatch}
-        />
+        <PasswordMatchIndicator translations={translations.passwordMatch} isMatch={passwordsMatch} />
       )}
 
       <AuthErrorDisplay error={displayError} />
@@ -155,24 +149,14 @@ export const RegisterForm: React.FC<RegisterFormProps> = ({
       <AtomicButton
         variant="primary"
         onPress={() => { void handleSignUp(); }}
-        disabled={
-          loading ||
-          !email.trim() ||
-          !password.trim() ||
-          !confirmPassword.trim()
-        }
+        disabled={loading || !email.trim() || !password.trim() || !confirmPassword.trim()}
         fullWidth
         style={styles.signUpButton}
       >
         {translations.signUp}
       </AtomicButton>
 
-      <AuthLink
-        text={translations.alreadyHaveAccount}
-        linkText={translations.signIn}
-        onPress={onNavigateToLogin}
-        disabled={loading}
-      />
+      <AuthLink text={translations.alreadyHaveAccount} linkText={translations.signIn} onPress={onNavigateToLogin} disabled={loading} />
 
       <AuthLegalLinks
         translations={translations.legal}
@@ -187,12 +171,6 @@ export const RegisterForm: React.FC<RegisterFormProps> = ({
 };
 
 const styles = StyleSheet.create({
-  input: {
-    marginBottom: 20,
-  },
-  signUpButton: {
-    minHeight: 52,
-    marginBottom: 16,
-    marginTop: 8,
-  },
+  input: { marginBottom: 20 },
+  signUpButton: { minHeight: 52, marginBottom: 16, marginTop: 8 },
 });