Sergei
05f872d067
- FAB button now correctly stops session during speaking/processing states - Echo prevention: STT stopped during TTS playback, results ignored during speaking - Chat TTS only speaks when voice session is active (no auto-speak for text chat) - Session stop now aborts in-flight API requests and prevents race conditions - STT restarts after TTS with 800ms delay for audio focus release - Pending interrupt transcript processed after TTS completion - ChatContext added for message persistence across tab navigation - VoiceFAB redesigned with state-based animations - console.error replaced with console.warn across voice pipeline - no-speech STT errors silenced (normal silence behavior)
85 lines
2.9 KiB
TypeScript
85 lines
2.9 KiB
TypeScript
import { useEffect } from 'react';
|
|
import { DarkTheme, DefaultTheme, ThemeProvider } from '@react-navigation/native';
|
|
import { Stack, router, useSegments } from 'expo-router';
|
|
import { StatusBar } from 'expo-status-bar';
|
|
import * as SplashScreen from 'expo-splash-screen';
|
|
import 'react-native-reanimated';
|
|
import { KeyboardProvider } from 'react-native-keyboard-controller';
|
|
import { SafeAreaProvider } from 'react-native-safe-area-context';
|
|
|
|
import { useColorScheme } from '@/hooks/use-color-scheme';
|
|
import { AuthProvider, useAuth } from '@/contexts/AuthContext';
|
|
import { BeneficiaryProvider } from '@/contexts/BeneficiaryContext';
|
|
import { VoiceTranscriptProvider } from '@/contexts/VoiceTranscriptContext';
|
|
import { VoiceCallProvider } from '@/contexts/VoiceCallContext';
|
|
import { VoiceProvider } from '@/contexts/VoiceContext';
|
|
import { ChatProvider } from '@/contexts/ChatContext';
|
|
import { LoadingSpinner } from '@/components/ui/LoadingSpinner';
|
|
import { FloatingCallBubble } from '@/components/FloatingCallBubble';
|
|
|
|
// Prevent auto-hiding splash screen
|
|
SplashScreen.preventAutoHideAsync();
|
|
|
|
function RootLayoutNav() {
|
|
const colorScheme = useColorScheme();
|
|
const { isAuthenticated, isLoading } = useAuth();
|
|
const segments = useSegments();
|
|
|
|
useEffect(() => {
|
|
if (isLoading) return;
|
|
|
|
// Hide splash screen once we know auth state
|
|
SplashScreen.hideAsync();
|
|
|
|
const inAuthGroup = segments[0] === '(auth)';
|
|
|
|
if (!isAuthenticated && !inAuthGroup) {
|
|
// Redirect to login if not authenticated
|
|
router.replace('/(auth)/login');
|
|
} else if (isAuthenticated && inAuthGroup) {
|
|
// Redirect to main app if authenticated
|
|
router.replace('/(tabs)');
|
|
}
|
|
}, [isAuthenticated, isLoading, segments]);
|
|
|
|
if (isLoading) {
|
|
return <LoadingSpinner fullScreen message="Loading..." />;
|
|
}
|
|
|
|
return (
|
|
<ThemeProvider value={colorScheme === 'dark' ? DarkTheme : DefaultTheme}>
|
|
<Stack screenOptions={{ headerShown: false }}>
|
|
<Stack.Screen name="(auth)" />
|
|
<Stack.Screen name="(tabs)" />
|
|
<Stack.Screen name="modal" options={{ presentation: 'modal', title: 'Modal' }} />
|
|
<Stack.Screen name="terms" options={{ presentation: 'modal' }} />
|
|
<Stack.Screen name="privacy" options={{ presentation: 'modal' }} />
|
|
</Stack>
|
|
<FloatingCallBubble />
|
|
<StatusBar style="auto" />
|
|
</ThemeProvider>
|
|
);
|
|
}
|
|
|
|
export default function RootLayout() {
|
|
return (
|
|
<SafeAreaProvider>
|
|
<KeyboardProvider>
|
|
<AuthProvider>
|
|
<BeneficiaryProvider>
|
|
<VoiceTranscriptProvider>
|
|
<VoiceCallProvider>
|
|
<VoiceProvider>
|
|
<ChatProvider>
|
|
<RootLayoutNav />
|
|
</ChatProvider>
|
|
</VoiceProvider>
|
|
</VoiceCallProvider>
|
|
</VoiceTranscriptProvider>
|
|
</BeneficiaryProvider>
|
|
</AuthProvider>
|
|
</KeyboardProvider>
|
|
</SafeAreaProvider>
|
|
);
|
|
}
|