@umituz/react-native-auth 1.11.0 → 2.0.1

package/src/presentation/hooks/useRegisterForm.ts

@@ -3,7 +3,7 @@
  * Single Responsibility: Handle register form logic
  */
 
-import { useState, useCallback } from "react";
+import { useState, useCallback, useMemo } from "react";
 import { useLocalization } from "@umituz/react-native-localization";
 import { batchValidate } from "@umituz/react-native-validation";
 import {
@@ -14,6 +14,7 @@ import {
 import { DEFAULT_PASSWORD_CONFIG } from "../../domain/value-objects/AuthConfig";
 import { useAuth } from "./useAuth";
 import { getAuthErrorLocalizationKey } from "../utils/getAuthErrorMessage";
+import type { PasswordRequirements } from "../../infrastructure/utils/AuthValidation";
 
 export interface UseRegisterFormResult {
   displayName: string;
@@ -28,6 +29,8 @@ export interface UseRegisterFormResult {
   };
   localError: string | null;
   loading: boolean;
+  passwordRequirements: PasswordRequirements;
+  passwordsMatch: boolean;
   handleDisplayNameChange: (text: string) => void;
   handleEmailChange: (text: string) => void;
   handlePasswordChange: (text: string) => void;
@@ -55,6 +58,24 @@ export function useRegisterForm(): UseRegisterFormResult {
     confirmPassword?: string;
   }>({});
 
+  const passwordRequirements = useMemo((): PasswordRequirements => {
+    if (!password) {
+      return {
+        hasMinLength: false,
+        hasUppercase: false,
+        hasLowercase: false,
+        hasNumber: false,
+        hasSpecialChar: false,
+      };
+    }
+    const result = validatePasswordForRegister(password, DEFAULT_PASSWORD_CONFIG);
+    return result.requirements;
+  }, [password]);
+
+  const passwordsMatch = useMemo(() => {
+    return password.length > 0 && password === confirmPassword;
+  }, [password, confirmPassword]);
+
   const handleDisplayNameChange = useCallback((text: string) => {
     setDisplayName(text);
     setFieldErrors((prev) => {
@@ -110,23 +131,22 @@ export function useRegisterForm(): UseRegisterFormResult {
     setLocalError(null);
     setFieldErrors({});
 
-    const validationResult = batchValidate([
-      {
-        field: "email",
-        validator: () => validateEmail(email.trim()),
-      },
-      {
-        field: "password",
-        validator: () => validatePasswordForRegister(password, DEFAULT_PASSWORD_CONFIG),
-      },
-      {
-        field: "confirmPassword",
-        validator: () => validatePasswordConfirmation(password, confirmPassword),
-      },
-    ]);
-
-    if (!validationResult.isValid) {
-      setFieldErrors(validationResult.errors);
+    // Manual validation since batchValidate is not available
+    const emailResult = validateEmail(email.trim());
+    if (!emailResult.isValid) {
+      setFieldErrors((prev) => ({ ...prev, email: emailResult.error }));
+      return;
+    }
+
+    const passwordResult = validatePasswordForRegister(password, DEFAULT_PASSWORD_CONFIG);
+    if (!passwordResult.isValid) {
+      setFieldErrors((prev) => ({ ...prev, password: passwordResult.error }));
+      return;
+    }
+
+    const confirmResult = validatePasswordConfirmation(password, confirmPassword);
+    if (!confirmResult.isValid) {
+      setFieldErrors((prev) => ({ ...prev, confirmPassword: confirmResult.error }));
       return;
     }
 
@@ -153,6 +173,8 @@ export function useRegisterForm(): UseRegisterFormResult {
     fieldErrors,
     localError,
     loading,
+    passwordRequirements,
+    passwordsMatch,
     handleDisplayNameChange,
     handleEmailChange,
     handlePasswordChange,

package/src/presentation/navigation/AuthNavigator.tsx

@@ -16,7 +16,7 @@ export type AuthStackParamList = {
   Register: undefined;
 };
 
-const AuthStack = createStackNavigator<AuthStackParamList>();
+const AuthStack = createStackNavigator();
 
 const SHOW_REGISTER_KEY = "auth_show_register";
 
@@ -76,7 +76,7 @@ export const AuthNavigator: React.FC<AuthNavigatorProps> = ({
     >
       <AuthStack.Screen name="Login" component={LoginScreen} />
       <AuthStack.Screen name="Register">
-        {(props) => (
+        {(props: any) => (
           <RegisterScreen
             {...props}
             termsUrl={termsUrl}

package/src/presentation/screens/LoginScreen.tsx

@@ -13,17 +13,14 @@ import { AuthHeader } from "../components/AuthHeader";
 import { AuthFormCard } from "../components/AuthFormCard";
 import { LoginForm } from "../components/LoginForm";
 
-type LoginScreenNavigationProp = StackNavigationProp<
-  AuthStackParamList,
-  "Login"
->;
+type LoginScreenNavigationProp = any;
 
 export const LoginScreen: React.FC = () => {
   const { t } = useLocalization();
-  const navigation = useNavigation<LoginScreenNavigationProp>();
+  const navigation = useNavigation();
 
   const handleNavigateToRegister = () => {
-    navigation.navigate("Register");
+    navigation.navigate("Register" as any);
   };
 
   return (

package/src/presentation/screens/RegisterScreen.tsx

@@ -13,10 +13,7 @@ import { AuthHeader } from "../components/AuthHeader";
 import { AuthFormCard } from "../components/AuthFormCard";
 import { RegisterForm } from "../components/RegisterForm";
 
-type RegisterScreenNavigationProp = StackNavigationProp<
-  AuthStackParamList,
-  "Register"
->;
+type RegisterScreenNavigationProp = any;
 
 export interface RegisterScreenProps {
   termsUrl?: string;
@@ -32,10 +29,10 @@ export const RegisterScreen: React.FC<RegisterScreenProps> = ({
   onPrivacyPress,
 }) => {
   const { t } = useLocalization();
-  const navigation = useNavigation<RegisterScreenNavigationProp>();
+  const navigation = useNavigation();
 
   const handleNavigateToLogin = () => {
-    navigation.navigate("Login");
+    navigation.navigate("Login" as any);
   };
 
   return (

package/src/types/external.d.ts

@@ -0,0 +1,68 @@
+/**
+ * Type declarations for external dependencies
+ * These are optional dependencies that should be provided by the consuming application
+ */
+
+declare module '@umituz/react-native-design-system-theme' {
+  export function useAppDesignTokens(): any;
+  export const defaultTheme: any;
+}
+
+declare module '@umituz/react-native-design-system-atoms' {
+  export const AtomicInput: any;
+  export const AtomicButton: any;
+  export const AtomicText: any;
+  export const AtomicView: any;
+}
+
+declare module '@umituz/react-native-localization' {
+  export function useTranslation(): {
+    t: (key: string, params?: Record<string, any>) => string;
+  };
+  export function useLocalization(): {
+    t: (key: string, params?: Record<string, any>) => string;
+  };
+}
+
+declare module '@umituz/react-native-firebase-auth' {
+  export function useFirebaseAuth(): any;
+}
+
+declare module '@umituz/react-native-validation' {
+  export function useValidation(): any;
+  export function batchValidate(): any;
+}
+
+declare module '@umituz/react-native-storage' {
+  export const storageRepository: {
+    getString: (key: string, defaultValue?: string) => Promise<{ value: string } | null>;
+    setString: (key: string, value: string) => Promise<void>;
+    removeItem: (key: string) => Promise<void>;
+  };
+  export function unwrap(result: any, defaultValue: any): any;
+}
+
+declare module 'react-native-safe-area-context' {
+  export function useSafeAreaInsets(): {
+    top: number;
+    bottom: number;
+    left: number;
+    right: number;
+  };
+}
+
+declare module 'expo-linear-gradient' {
+  import { ComponentType } from 'react';
+  export const LinearGradient: ComponentType<any>;
+}
+
+declare module '@react-navigation/stack' {
+  import { ComponentType } from 'react';
+  export const createStackNavigator: any;
+  export type StackNavigationProp<any> = any;
+}
+
+declare module '@react-navigation/native' {
+  export function useNavigation(): any;
+  export function useFocusEffect(effect: () => void | (() => void)): void;
+}

package/LICENSE

@@ -1,22 +0,0 @@
-MIT License
-
-Copyright (c) 2024 Ümit UZ
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
-