// ABOUTME: Authentication context provider for Pierre Mobile app
// ABOUTME: Manages user auth state, login/logout, and persists tokens with AsyncStorage
import React, { createContext, useContext, useState, useEffect, useCallback, type ReactNode } from 'react';
import { apiService, onAuthFailure } from '../services/api';
import type { User } from '../types';
interface AuthContextType {
user: User | null;
isAuthenticated: boolean;
isLoading: boolean;
login: (email: string, password: string) => Promise<void>;
logout: () => Promise<void>;
register: (email: string, password: string, displayName?: string) => Promise<void>;
}
const AuthContext = createContext<AuthContextType | undefined>(undefined);
interface AuthProviderProps {
children: ReactNode;
}
export function AuthProvider({ children }: AuthProviderProps) {
const [user, setUser] = useState<User | null>(null);
const [isLoading, setIsLoading] = useState(true);
// Initialize auth state from storage
useEffect(() => {
const initAuth = async () => {
try {
const hasToken = await apiService.initializeAuth();
if (hasToken) {
const storedUser = await apiService.getStoredUser();
if (storedUser) {
setUser(storedUser);
}
}
} catch (error) {
console.error('Failed to initialize auth:', error);
} finally {
setIsLoading(false);
}
};
initAuth();
}, []);
// Listen for auth failures (401 responses)
useEffect(() => {
const unsubscribe = onAuthFailure(() => {
setUser(null);
});
return unsubscribe;
}, []);
const login = useCallback(async (email: string, password: string) => {
const response = await apiService.login(email, password);
// OAuth2 response contains access_token and user info
const loginUser: User = response.user || {
user_id: '',
email,
is_admin: false,
role: 'user',
user_status: 'active',
};
await apiService.storeAuth(response.access_token, response.csrf_token || '', loginUser);
setUser(loginUser);
}, []);
const logout = useCallback(async () => {
await apiService.logout();
setUser(null);
}, []);
const register = useCallback(async (email: string, password: string, displayName?: string) => {
await apiService.register(email, password, displayName);
// After registration, user needs to log in (or wait for approval if pending)
}, []);
const value: AuthContextType = {
user,
isAuthenticated: !!user && user.user_status === 'active',
isLoading,
login,
logout,
register,
};
return (
<AuthContext.Provider value={value}>
{children}
</AuthContext.Provider>
);
}
export function useAuth(): AuthContextType {
const context = useContext(AuthContext);
if (context === undefined) {
throw new Error('useAuth must be used within an AuthProvider');
}
return context;
}
export { AuthContext };
