@umituz/react-native-auth 2.7.3 → 2.7.6

package/src/presentation/screens/EditProfileScreen.tsx

@@ -1,21 +1,26 @@
 /**
  * Edit Profile Screen
- * Pure UI for profile editing
- * Business logic provided via props
+ * Pure UI for profile editing - Composition only
  */
 
 import React from "react";
-import {
-    View,
-    Text,
-    TextInput,
-    TouchableOpacity,
-    ScrollView,
-    StyleSheet,
-    ActivityIndicator,
-} from "react-native";
-import { useAppDesignTokens } from "@umituz/react-native-design-system";
-import { Avatar } from "@umituz/react-native-design-system";
+import { View, ScrollView, StyleSheet, ActivityIndicator } from "react-native";
+import { useAppDesignTokens, AtomicText } from "@umituz/react-native-design-system";
+import { EditProfileAvatar } from "../components/EditProfileAvatar";
+import { EditProfileForm } from "../components/EditProfileForm";
+import { EditProfileActions } from "../components/EditProfileActions";
+
+export interface EditProfileLabels {
+    title: string;
+    displayNameLabel: string;
+    displayNamePlaceholder: string;
+    emailLabel: string;
+    emailPlaceholder: string;
+    photoLabel: string;
+    changePhotoButton: string;
+    saveButton: string;
+    cancelButton: string;
+}
 
 export interface EditProfileConfig {
     displayName: string;
@@ -28,26 +33,14 @@ export interface EditProfileConfig {
     onChangePhoto?: () => void;
     onSave: () => void;
     onCancel?: () => void;
-    labels: {
-        title: string;
-        displayNameLabel: string;
-        displayNamePlaceholder: string;
-        emailLabel: string;
-        emailPlaceholder: string;
-        photoLabel: string;
-        changePhotoButton: string;
-        saveButton: string;
-        cancelButton: string;
-    };
+    labels: EditProfileLabels;
 }
 
 export interface EditProfileScreenProps {
     config: EditProfileConfig;
 }
 
-export const EditProfileScreen: React.FC<EditProfileScreenProps> = ({
-    config,
-}) => {
+export const EditProfileScreen: React.FC<EditProfileScreenProps> = ({ config }) => {
     const tokens = useAppDesignTokens();
 
     if (config.isLoading) {
@@ -63,115 +56,29 @@ export const EditProfileScreen: React.FC<EditProfileScreenProps> = ({
             style={[styles.container, { backgroundColor: tokens.colors.backgroundPrimary }]}
             contentContainerStyle={styles.content}
         >
-            <Text style={[styles.title, { color: tokens.colors.text }]}>
+            <AtomicText type="headlineSmall" style={styles.title}>
                 {config.labels.title}
-            </Text>
-
-            {/* Avatar */}
-            <View style={styles.avatarContainer}>
-                <Avatar
-                    uri={config.photoURL || undefined}
-                    name={config.displayName}
-                    size="xl"
-                    shape="circle"
-                />
-            </View>
-
-            {/* Display Name */}
-            <View style={styles.field}>
-                <Text style={[styles.label, { color: tokens.colors.textSecondary }]}>
-                    {config.labels.displayNameLabel}
-                </Text>
-                <TextInput
-                    style={[
-                        styles.input,
-                        {
-                            backgroundColor: tokens.colors.surface,
-                            color: tokens.colors.text,
-                            borderColor: tokens.colors.border,
-                        },
-                    ]}
-                    value={config.displayName}
-                    onChangeText={config.onChangeDisplayName}
-                    placeholder={config.labels.displayNamePlaceholder}
-                    placeholderTextColor={tokens.colors.textTertiary}
-                />
-            </View>
-
-            {/* Email */}
-            <View style={styles.field}>
-                <Text style={[styles.label, { color: tokens.colors.textSecondary }]}>
-                    {config.labels.emailLabel}
-                </Text>
-                <TextInput
-                    style={[
-                        styles.input,
-                        {
-                            backgroundColor: tokens.colors.surface,
-                            color: tokens.colors.text,
-                            borderColor: tokens.colors.border,
-                        },
-                    ]}
-                    value={config.email}
-                    onChangeText={config.onChangeEmail}
-                    placeholder={config.labels.emailPlaceholder}
-                    placeholderTextColor={tokens.colors.textTertiary}
-                    keyboardType="email-address"
-                    autoCapitalize="none"
-                />
-            </View>
+            </AtomicText>
 
-            {/* Photo */}
-            {config.onChangePhoto && (
-                <View style={styles.field}>
-                    <Text style={[styles.label, { color: tokens.colors.textSecondary }]}>
-                        {config.labels.photoLabel}
-                    </Text>
-                    <TouchableOpacity
-                        style={[
-                            styles.photoButton,
-                            { backgroundColor: tokens.colors.surface, borderColor: tokens.colors.border },
-                        ]}
-                        onPress={config.onChangePhoto}
-                    >
-                        <Text style={[styles.photoButtonText, { color: tokens.colors.primary }]}>
-                            {config.labels.changePhotoButton}
-                        </Text>
-                    </TouchableOpacity>
-                </View>
-            )}
+            <EditProfileAvatar
+                photoURL={config.photoURL}
+                displayName={config.displayName}
+            />
 
-            {/* Actions */}
-            <View style={styles.actions}>
-                <TouchableOpacity
-                    style={[styles.saveButton, { backgroundColor: tokens.colors.primary }]}
-                    onPress={config.onSave}
-                    disabled={config.isSaving}
-                >
-                    {config.isSaving ? (
-                        <ActivityIndicator size="small" color={tokens.colors.onPrimary} />
-                    ) : (
-                        <Text style={[styles.saveButtonText, { color: tokens.colors.onPrimary }]}>
-                            {config.labels.saveButton}
-                        </Text>
-                    )}
-                </TouchableOpacity>
+            <EditProfileForm
+                displayName={config.displayName}
+                email={config.email}
+                onChangeDisplayName={config.onChangeDisplayName}
+                onChangeEmail={config.onChangeEmail}
+                labels={config.labels}
+            />
 
-                {config.onCancel && (
-                    <TouchableOpacity
-                        style={[
-                            styles.cancelButton,
-                            { backgroundColor: tokens.colors.surface, borderColor: tokens.colors.border },
-                        ]}
-                        onPress={config.onCancel}
-                        disabled={config.isSaving}
-                    >
-                        <Text style={[styles.cancelButtonText, { color: tokens.colors.text }]}>
-                            {config.labels.cancelButton}
-                        </Text>
-                    </TouchableOpacity>
-                )}
-            </View>
+            <EditProfileActions
+                isSaving={config.isSaving}
+                onSave={config.onSave}
+                onCancel={config.onCancel}
+                labels={config.labels}
+            />
         </ScrollView>
     );
 };
@@ -189,59 +96,7 @@ const styles = StyleSheet.create({
         alignItems: "center",
     },
     title: {
-        fontSize: 24,
-        fontWeight: "600",
         marginBottom: 24,
     },
-    avatarContainer: {
-        alignItems: "center",
-        marginBottom: 24,
-    },
-    field: {
-        marginBottom: 20,
-    },
-    label: {
-        fontSize: 14,
-        fontWeight: "500",
-        marginBottom: 8,
-    },
-    input: {
-        borderWidth: 1,
-        borderRadius: 8,
-        padding: 12,
-        fontSize: 16,
-    },
-    photoButton: {
-        borderWidth: 1,
-        borderRadius: 8,
-        padding: 12,
-        alignItems: "center",
-    },
-    photoButtonText: {
-        fontSize: 14,
-        fontWeight: "500",
-    },
-    actions: {
-        marginTop: 32,
-        gap: 12,
-    },
-    saveButton: {
-        padding: 16,
-        borderRadius: 8,
-        alignItems: "center",
-    },
-    saveButtonText: {
-        fontSize: 16,
-        fontWeight: "600",
-    },
-    cancelButton: {
-        padding: 16,
-        borderRadius: 8,
-        alignItems: "center",
-        borderWidth: 1,
-    },
-    cancelButtonText: {
-        fontSize: 16,
-        fontWeight: "500",
-    },
 });
+

package/src/presentation/screens/LoginScreen.tsx

@@ -4,23 +4,20 @@
  */
 
 import React from "react";
-import { useNavigation } from "@react-navigation/native";
+import { useNavigation, NavigationProp } from "@react-navigation/native";
 import { useLocalization } from "@umituz/react-native-localization";
 import type { AuthStackParamList } from "../navigation/AuthNavigator";
-import type { StackNavigationProp } from "@react-navigation/stack";
 import { AuthContainer } from "../components/AuthContainer";
 import { AuthHeader } from "../components/AuthHeader";
 import { AuthFormCard } from "../components/AuthFormCard";
 import { LoginForm } from "../components/LoginForm";
 
-type LoginScreenNavigationProp = any;
-
 export const LoginScreen: React.FC = () => {
   const { t } = useLocalization();
-  const navigation = useNavigation();
+  const navigation = useNavigation<NavigationProp<AuthStackParamList>>();
 
   const handleNavigateToRegister = () => {
-    navigation.navigate("Register" as never);
+    navigation.navigate("Register");
   };
 
   return (
@@ -32,3 +29,4 @@ export const LoginScreen: React.FC = () => {
     </AuthContainer>
   );
 };
+

package/src/presentation/screens/RegisterScreen.tsx

@@ -4,17 +4,14 @@
  */
 
 import React from "react";
-import { useNavigation } from "@react-navigation/native";
+import { useNavigation, NavigationProp } from "@react-navigation/native";
 import { useLocalization } from "@umituz/react-native-localization";
 import type { AuthStackParamList } from "../navigation/AuthNavigator";
-import type { StackNavigationProp } from "@react-navigation/stack";
 import { AuthContainer } from "../components/AuthContainer";
 import { AuthHeader } from "../components/AuthHeader";
 import { AuthFormCard } from "../components/AuthFormCard";
 import { RegisterForm } from "../components/RegisterForm";
 
-type RegisterScreenNavigationProp = any;
-
 export interface RegisterScreenProps {
   termsUrl?: string;
   privacyUrl?: string;
@@ -29,10 +26,10 @@ export const RegisterScreen: React.FC<RegisterScreenProps> = ({
   onPrivacyPress,
 }) => {
   const { t } = useLocalization();
-  const navigation = useNavigation();
+  const navigation = useNavigation<NavigationProp<AuthStackParamList>>();
 
   const handleNavigateToLogin = () => {
-    navigation.navigate("Login" as never);
+    navigation.navigate("Login");
   };
 
   return (
@@ -50,3 +47,4 @@ export const RegisterScreen: React.FC<RegisterScreenProps> = ({
     </AuthContainer>
   );
 };
+

package/src/presentation/stores/authModalStore.ts

@@ -64,11 +64,12 @@ export const useAuthModalStore = create<AuthModalStore>((set, get) => ({
   executePendingCallback: () => {
     const { pendingCallback } = get();
     if (pendingCallback) {
-      pendingCallback();
+      void pendingCallback();
       set({ pendingCallback: null });
     }
   },
 
+
   clearPendingCallback: () => {
     set({ pendingCallback: null });
   },

package/src/types/external.d.ts

@@ -1,46 +1,25 @@
 /**
- * Type declarations for external dependencies
- * These are optional dependencies that should be provided by the consuming application
+ * Type declarations for external dependencies that might not have types
+ * or where package resolution is failing in the current environment.
  */
 
-declare module '@umituz/react-native-design-system' {
-  export function useAppDesignTokens(): any;
-  export const defaultTheme: any;
-}
-
-declare module '@umituz/react-native-design-system' {
-  export const AtomicInput: any;
-  export const AtomicButton: any;
-  export const AtomicText: any;
-  export const AtomicView: any;
-}
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/no-unused-vars */
 
-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;
-  };
-}
+import React from 'react';
 
-declare module '@umituz/react-native-firebase' {
-  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 'expo-device';
+declare module 'expo-application';
+declare module '@umituz/react-native-uuid';
+declare module 'rn-emoji-keyboard';
+declare module '@react-navigation/bottom-tabs';
+declare module '@umituz/react-native-haptics';
+declare module 'expo-clipboard';
+declare module 'expo-sharing';
+declare module 'expo-file-system/build/legacy';
+declare module '@umituz/react-native-design-system-theme';
+declare module '@sentry/react-native';
+declare module '@sentry/types';
 
 declare module 'react-native-safe-area-context' {
   export function useSafeAreaInsets(): {
@@ -52,17 +31,24 @@ declare module 'react-native-safe-area-context' {
 }
 
 declare module 'expo-linear-gradient' {
-  import { ComponentType } from 'react';
-  export const LinearGradient: ComponentType<any>;
+  export const LinearGradient: React.ComponentType<any>;
 }
 
 declare module '@react-navigation/stack' {
-  import { ComponentType } from 'react';
-  export const createStackNavigator: any;
-  export type StackNavigationProp<any> = any;
+  export function createStackNavigator<T = any>(): {
+    Navigator: React.ComponentType<any>;
+    Screen: React.ComponentType<any>;
+  };
+  export type StackNavigationProp<T = any> = any;
+  export type StackScreenProps<T = any, K = any> = any;
 }
 
 declare module '@react-navigation/native' {
-  export function useNavigation(): any;
+  export function useNavigation<T = any>(): T;
   export function useFocusEffect(effect: () => void | (() => void)): void;
-}
+  export type NavigationProp<T = any> = {
+    navigate: (name: string, params?: any) => void;
+    goBack: () => void;
+    reset: (state: any) => void;
+  };
+}

package/src/infrastructure/services/AuthCoreService.ts

@@ -1,138 +0,0 @@
-/**
- * Auth Core Service
- * Handles core authentication operations
- */
-
-import type { IAuthService, SignUpParams, SignInParams } from "../../application/ports/IAuthService";
-import type { IAuthProvider } from "../../application/ports/IAuthProvider";
-import type { AuthUser } from "../../domain/entities/AuthUser";
-import type { AuthConfig } from "../../domain/value-objects/AuthConfig";
-import {
-  AuthInitializationError,
-  AuthValidationError,
-  AuthWeakPasswordError,
-  AuthInvalidEmailError,
-} from "../../domain/errors/AuthError";
-import {
-  validateEmail,
-  validatePasswordForLogin,
-  validatePasswordForRegister,
-  validateDisplayName,
-} from "../utils/AuthValidation";
-
-export class AuthCoreService implements Partial<IAuthService> {
-  private provider: IAuthProvider | null = null;
-  private config: AuthConfig;
-
-  constructor(config: AuthConfig) {
-    this.config = config;
-  }
-
-  async initialize(providerOrAuth: IAuthProvider | any): Promise<void> {
-    if (!providerOrAuth) {
-      throw new AuthInitializationError("Auth provider or Firebase Auth instance is required");
-    }
-
-    // Check if it's a Firebase Auth instance (has currentUser property)
-    if ("currentUser" in providerOrAuth) {
-      // Import FirebaseAuthProvider directly
-      const { FirebaseAuthProvider } = require("../providers/FirebaseAuthProvider");
-      const firebaseProvider = new FirebaseAuthProvider(providerOrAuth);
-      await firebaseProvider.initialize();
-      this.provider = firebaseProvider;
-    } else {
-      this.provider = providerOrAuth as IAuthProvider;
-      await this.provider.initialize();
-    }
-  }
-
-  isInitialized(): boolean {
-    return this.provider !== null && this.provider.isInitialized();
-  }
-
-  private getProvider(): IAuthProvider {
-    if (!this.provider || !this.provider.isInitialized()) {
-      throw new AuthInitializationError("Auth service is not initialized");
-    }
-    return this.provider;
-  }
-
-  async signUp(params: SignUpParams): Promise<AuthUser> {
-    const provider = this.getProvider();
-
-    // Validate email
-    const emailResult = validateEmail(params.email);
-    if (!emailResult.isValid) {
-      throw new AuthInvalidEmailError(emailResult.error);
-    }
-
-    // Validate display name if provided
-    if (params.displayName) {
-      const nameResult = validateDisplayName(params.displayName);
-      if (!nameResult.isValid) {
-        throw new AuthValidationError(nameResult.error || "Invalid name", "displayName");
-      }
-    }
-
-    // Validate password strength for registration
-    const passwordResult = validatePasswordForRegister(params.password, this.config.password);
-    if (!passwordResult.isValid) {
-      throw new AuthWeakPasswordError(passwordResult.error);
-    }
-
-    return provider.signUp({
-      email: params.email,
-      password: params.password,
-      displayName: params.displayName,
-    });
-  }
-
-  async signIn(params: SignInParams): Promise<AuthUser> {
-    const provider = this.getProvider();
-
-    // Validate email format
-    const emailResult = validateEmail(params.email);
-    if (!emailResult.isValid) {
-      throw new AuthInvalidEmailError(emailResult.error);
-    }
-
-    // For login, only check if password is provided (no strength requirements)
-    const passwordResult = validatePasswordForLogin(params.password);
-    if (!passwordResult.isValid) {
-      throw new AuthValidationError(passwordResult.error || "Password is required", "password");
-    }
-
-    return provider.signIn({
-      email: params.email,
-      password: params.password,
-    });
-  }
-
-  async signOut(): Promise<void> {
-    if (!this.provider) {
-      return;
-    }
-
-    await this.provider.signOut();
-  }
-
-  getCurrentUser(): AuthUser | null {
-    if (!this.provider) {
-      return null;
-    }
-    return this.provider.getCurrentUser();
-  }
-
-  onAuthStateChange(callback: (user: AuthUser | null) => void): () => void {
-    if (!this.provider) {
-      callback(null);
-      return () => {};
-    }
-
-    return this.provider.onAuthStateChange(callback);
-  }
-
-  getConfig(): AuthConfig {
-    return this.config;
-  }
-}