@umituz/react-native-auth 3.4.52 → 3.4.54

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@umituz/react-native-auth",
-  "version": "3.4.52",
+  "version": "3.4.54",
   "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/infrastructure/providers/FirebaseAuthProvider.ts

@@ -9,8 +9,12 @@ import {
   signOut as firebaseSignOut,
   onAuthStateChanged,
   updateProfile,
+  EmailAuthProvider,
+  linkWithCredential,
   type Auth,
 } from "firebase/auth";
+
+declare const __DEV__: boolean;
 import type {
   IAuthProvider,
   AuthCredentials,
@@ -72,11 +76,44 @@ export class FirebaseAuthProvider implements IAuthProvider {
     }
 
     try {
-      const userCredential = await createUserWithEmailAndPassword(
-        this.auth,
-        credentials.email.trim(),
-        credentials.password
-      );
+      const currentUser = this.auth.currentUser;
+      const isAnonymous = currentUser?.isAnonymous ?? false;
+
+      let userCredential;
+
+      // Convert anonymous user to permanent account
+      if (currentUser && isAnonymous) {
+        if (__DEV__) {
+          console.log("[FirebaseAuthProvider] Converting anonymous user to authenticated:", {
+            anonymousId: currentUser.uid.slice(0, 8),
+          });
+        }
+
+        const credential = EmailAuthProvider.credential(
+          credentials.email.trim(),
+          credentials.password
+        );
+
+        userCredential = await linkWithCredential(currentUser, credential);
+
+        if (__DEV__) {
+          console.log("[FirebaseAuthProvider] Anonymous user converted successfully:", {
+            userId: userCredential.user.uid.slice(0, 8),
+            sameUser: currentUser.uid === userCredential.user.uid,
+          });
+        }
+      } else {
+        // Create new user
+        if (__DEV__) {
+          console.log("[FirebaseAuthProvider] Creating new user account");
+        }
+
+        userCredential = await createUserWithEmailAndPassword(
+          this.auth,
+          credentials.email.trim(),
+          credentials.password
+        );
+      }
 
       if (credentials.displayName && userCredential.user) {
         try {

package/src/presentation/components/AuthBottomSheet.tsx

@@ -3,7 +3,7 @@
  * Bottom sheet modal for authentication (Login/Register)
  */
 
-import React from "react";
+import React, { useEffect } from "react";
 import { View, TouchableOpacity, ScrollView } from "react-native";
 import {
   useAppDesignTokens,
@@ -19,6 +19,8 @@ import { RegisterForm } from "./RegisterForm";
 import { SocialLoginButtons } from "./SocialLoginButtons";
 import { styles } from "./AuthBottomSheet.styles";
 
+declare const __DEV__: boolean;
+
 export interface AuthBottomSheetProps {
   termsUrl?: string;
   privacyUrl?: string;
@@ -58,6 +60,22 @@ export const AuthBottomSheet: React.FC<AuthBottomSheetProps> = ({
     handleAppleSignIn,
   } = useAuthBottomSheet({ socialConfig, onGoogleSignIn, onAppleSignIn });
 
+  useEffect(() => {
+    if (__DEV__) {
+      console.log("[AuthBottomSheet] Rendered with:", {
+        mode,
+        providersCount: providers.length,
+        hasModalRef: !!modalRef.current,
+        hasTermsUrl: !!termsUrl,
+        hasPrivacyUrl: !!privacyUrl,
+      });
+    }
+  }, [mode, providers.length, termsUrl, privacyUrl, modalRef]);
+
+  if (__DEV__) {
+    console.log("[AuthBottomSheet] Rendering...");
+  }
+
   return (
     <BottomSheetModal
       ref={modalRef}

package/src/presentation/components/LoginForm.tsx

@@ -3,7 +3,7 @@
  * Single Responsibility: Render login form UI
  */
 
-import React, { useRef } from "react";
+import React, { useRef, useEffect } from "react";
 import { View, StyleSheet, TextInput } from "react-native";
 import { AtomicInput, AtomicButton } from "@umituz/react-native-design-system";
 import { useLocalization } from "@umituz/react-native-localization";
@@ -11,6 +11,8 @@ import { useLoginForm } from "../hooks/useLoginForm";
 import { AuthErrorDisplay } from "./AuthErrorDisplay";
 import { AuthLink } from "./AuthLink";
 
+declare const __DEV__: boolean;
+
 interface LoginFormProps {
   onNavigateToRegister: () => void;
 }
@@ -30,6 +32,21 @@ export const LoginForm: React.FC<LoginFormProps> = ({ onNavigateToRegister }) =>
     displayError,
   } = useLoginForm();
 
+  useEffect(() => {
+    if (__DEV__) {
+      console.log("[LoginForm] Mounted/Updated:", {
+        hasEmail: !!email,
+        hasPassword: !!password,
+        loading,
+        hasError: !!displayError,
+      });
+    }
+  }, [email, password, loading, displayError]);
+
+  if (__DEV__) {
+    console.log("[LoginForm] Rendering...");
+  }
+
   return (
     <>
       <View style={styles.inputContainer}>