@umituz/react-native-auth 3.6.72 → 3.6.74

package/src/infrastructure/utils/listener/listenerLifecycle.util.ts

@@ -0,0 +1,144 @@
+/**
+ * Auth Listener Lifecycle Utilities
+ * Handles subscription and cleanup logic for auth listener
+ */
+
+import type { Auth, User } from "firebase/auth";
+import type { AuthActions } from "../../../types/auth-store.types";
+import { createAnonymousSignInHandler } from "./anonymousSignInHandler";
+import {
+  isListenerInitialized,
+  completeInitialization,
+  setUnsubscribe,
+  incrementRefCount,
+  decrementRefCount,
+  startAnonymousSignIn,
+  completeAnonymousSignIn,
+  resetListenerState,
+} from "./listenerState.util";
+import { onIdTokenChanged } from "firebase/auth";
+import { getAuthService } from "../../../infrastructure/services/AuthService";
+
+type Store = AuthActions & { isAnonymous: boolean };
+
+/**
+ * Create unsubscribe function that decrements ref count
+ */
+export function createUnsubscribeHandler(): () => void {
+  return () => {
+    const { shouldCleanup } = decrementRefCount();
+
+    if (shouldCleanup) {
+      resetListenerState();
+    }
+  };
+}
+
+/**
+ * Return existing unsubscribe if already initialized
+ * Returns null if initialization is in progress
+ */
+export function handleExistingInitialization(): (() => void) | null {
+  if (!isListenerInitialized()) {
+    return null;
+  }
+
+  incrementRefCount();
+  return createUnsubscribeHandler();
+}
+
+/**
+ * Return no-op if initialization is in progress
+ */
+export function handleInitializationInProgress(): () => void {
+  return () => {
+    // No-op - handled by initial initialization
+  };
+}
+
+/**
+ * Setup Firebase auth listener
+ */
+export function setupAuthListener(
+  auth: Auth,
+  store: Store,
+  autoAnonymousSignIn: boolean,
+  onAuthStateChange?: (user: User | null) => void
+): void {
+  const service = getAuthService();
+
+  if (service) {
+    const isAnonymous = service.getIsAnonymousMode();
+    if (isAnonymous) {
+      store.setIsAnonymous(true);
+    }
+  }
+
+  const unsubscribe = onIdTokenChanged(auth, (user) => {
+    handleAuthStateChange(user, store, auth, autoAnonymousSignIn, onAuthStateChange);
+  });
+
+  setUnsubscribe(unsubscribe);
+}
+
+/**
+ * Handle auth state change from Firebase
+ */
+function handleAuthStateChange(
+  user: User | null,
+  store: Store,
+  auth: Auth,
+  autoAnonymousSignIn: boolean,
+  onAuthStateChange?: (user: User | null) => void
+): void {
+  if (!user && autoAnonymousSignIn) {
+    handleAnonymousMode(store, auth);
+    store.setFirebaseUser(null);
+    completeInitialization();
+    return;
+  }
+
+  store.setFirebaseUser(user);
+  store.setInitialized(true);
+
+  // Handle conversion from anonymous
+  if (user && !user.isAnonymous && store.isAnonymous) {
+    store.setIsAnonymous(false);
+  }
+
+  onAuthStateChange?.(user);
+}
+
+/**
+ * Handle anonymous mode sign-in
+ */
+function handleAnonymousMode(store: Store, auth: Auth): void {
+  if (!startAnonymousSignIn()) {
+    return; // Already signing in
+  }
+
+  const handleAnonymousSignIn = createAnonymousSignInHandler(auth, store);
+
+  // Start sign-in without blocking
+  void (async () => {
+    try {
+      await handleAnonymousSignIn();
+    } finally {
+      completeAnonymousSignIn();
+    }
+  })();
+}
+
+/**
+ * Handle case where Firebase auth is not available
+ */
+export function handleNoFirebaseAuth(store: Store): () => void {
+  completeInitialization();
+  store.setLoading(false);
+  store.setInitialized(true);
+  return () => {};
+}
+
+export function completeListenerSetup() {
+  completeInitialization();
+}

package/src/infrastructure/utils/listener/listenerState.util.ts

@@ -0,0 +1,125 @@
+/**
+ * Auth Listener State Management
+ * Manages the state of Firebase auth listener initialization and lifecycle
+ */
+
+export interface ListenerState {
+  initialized: boolean;
+  refCount: number;
+  initializationInProgress: boolean;
+  anonymousSignInInProgress: boolean;
+  unsubscribe: (() => void) | null;
+}
+
+const state: ListenerState = {
+  initialized: false,
+  refCount: 0,
+  initializationInProgress: false,
+  anonymousSignInInProgress: false,
+  unsubscribe: null,
+};
+
+/**
+ * Check if listener is initialized
+ */
+export function isListenerInitialized(): boolean {
+  return state.initialized;
+}
+
+/**
+ * Check if initialization is in progress
+ */
+export function isInitializationInProgress(): boolean {
+  return state.initializationInProgress;
+}
+
+/**
+ * Check if anonymous sign-in is in progress
+ */
+export function isAnonymousSignInInProgress(): boolean {
+  return state.anonymousSignInInProgress;
+}
+
+/**
+ * Get current reference count
+ */
+export function getRefCount(): number {
+  return state.refCount;
+}
+
+/**
+ * Mark initialization as started
+ */
+export function startInitialization(): boolean {
+  if (state.initializationInProgress) {
+    return false; // Already initializing
+  }
+  state.initializationInProgress = true;
+  return true;
+}
+
+/**
+ * Complete initialization
+ */
+export function completeInitialization(): void {
+  state.initializationInProgress = false;
+  state.initialized = true;
+  state.refCount = 1;
+}
+
+/**
+ * Set the unsubscribe function
+ */
+export function setUnsubscribe(fn: (() => void) | null): void {
+  state.unsubscribe = fn;
+}
+
+/**
+ * Increment reference count when a new subscriber joins
+ */
+export function incrementRefCount(): number {
+  state.refCount++;
+  return state.refCount;
+}
+
+/**
+ * Decrement reference count when a subscriber leaves
+ * Returns true if cleanup should be performed
+ */
+export function decrementRefCount(): { shouldCleanup: boolean; count: number } {
+  state.refCount--;
+  const shouldCleanup = state.refCount <= 0 && state.unsubscribe !== null;
+  return { shouldCleanup, count: state.refCount };
+}
+
+/**
+ * Mark anonymous sign-in as in progress
+ */
+export function startAnonymousSignIn(): boolean {
+  if (state.anonymousSignInInProgress) {
+    return false; // Already signing in
+  }
+  state.anonymousSignInInProgress = true;
+  return true;
+}
+
+/**
+ * Mark anonymous sign-in as complete
+ */
+export function completeAnonymousSignIn(): void {
+  state.anonymousSignInInProgress = false;
+}
+
+/**
+ * Reset all state (for testing)
+ */
+export function resetListenerState(): void {
+  if (state.unsubscribe) {
+    state.unsubscribe();
+  }
+  state.initialized = false;
+  state.refCount = 0;
+  state.initializationInProgress = false;
+  state.anonymousSignInInProgress = false;
+  state.unsubscribe = null;
+}

package/src/init/createAuthInitModule.ts

@@ -87,24 +87,12 @@ export function createAuthInitModule(
           autoAnonymousSignIn,
           storageProvider,
           onUserConverted: async (anonymousId: string, authenticatedId: string) => {
-            if (__DEV__) {
-              console.log('[createAuthInitModule] User converted:', {
-                anonymousId: anonymousId.slice(0, 8),
-                authenticatedId: authenticatedId.slice(0, 8),
-              });
-            }
-
             // Restore purchases after conversion (if callback provided)
             if (onRestorePurchases) {
               try {
                 await onRestorePurchases();
-                if (__DEV__) {
-                  console.log('[createAuthInitModule] Purchases restored');
-                }
-              } catch (error) {
-                if (__DEV__) {
-                  console.error('[createAuthInitModule] Restore failed:', error);
-                }
+              } catch {
+                // Silently fail - purchase restoration errors are handled elsewhere
               }
             }
 
@@ -115,15 +103,8 @@ export function createAuthInitModule(
           },
         });
 
-        if (__DEV__) {
-          console.log('[createAuthInitModule] Auth initialized');
-        }
-
         return true;
-      } catch (error) {
-        if (__DEV__) {
-          console.error('[createAuthInitModule] Error:', error);
-        }
+      } catch {
         return false;
       }
     },

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,
@@ -60,10 +55,8 @@ export const AccountActions: React.FC<AccountActionsProps> = ({ config }) => {
           onPress: async () => {
             try {
               await onLogout();
-            } catch (error) {
-              if (__DEV__) {
-                console.error("[AccountActions] Logout failed:", error);
-              }
+            } catch {
+              // Silently fail - logout error handling is managed elsewhere
             }
           },
         },
@@ -74,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,
@@ -99,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>
@@ -140,7 +110,5 @@ export const AccountActions: React.FC<AccountActionsProps> = ({ config }) => {
 };
 
 const styles = StyleSheet.create({
-  container: {
-    gap: 12,
-  },
+  container: { gap: 12 },
 });

package/src/presentation/components/AuthBottomSheet.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect } from "react";
+import React from "react";
 import { View, TouchableOpacity, ScrollView } from "react-native";
 import {
   useAppDesignTokens,
@@ -63,22 +63,6 @@ export const AuthBottomSheet: React.FC<AuthBottomSheetProps> = ({
     handleAppleSignIn,
   } = useAuthBottomSheet({ socialConfig, onGoogleSignIn, onAppleSignIn, onAuthSuccess });
 
-  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/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" },
 });