@onairos/react-native 3.1.18 → 3.2.1

package/src/services/youtubeMigrationService.ts

@@ -1,454 +0,0 @@
-import { GoogleSignin } from '@react-native-google-signin/google-signin';
-import { Alert } from 'react-native';
-import AsyncStorage from '@react-native-async-storage/async-storage';
-
-// 🔑 CRITICAL: Using the same client ID for both web and iOS to avoid audience errors  
-const WEB_CLIENT_ID = '1030678346906-lovkuds2ouqmoc8eu5qpo98spa6edv4o.apps.googleusercontent.com';
-const IOS_CLIENT_ID = '1030678346906-lovkuds2ouqmoc8eu5qpo98spa6edv4o.apps.googleusercontent.com';
-
-// Configuration for Google Sign-In with refresh token support
-const configureGoogleSignInForRefreshTokens = () => {
-  GoogleSignin.configure({
-    webClientId: WEB_CLIENT_ID,        // ✅ CRITICAL: Web client ID for refresh tokens
-    iosClientId: IOS_CLIENT_ID,        // ✅ iOS client ID for native auth
-    
-    // 🔑 CRITICAL: These are the missing parameters that fix the refresh token issue
-    offlineAccess: true,                    // ← Enables refresh tokens
-    forceCodeForRefreshToken: true,         // ← Forces refresh token generation
-    
-    // ✅ Enhanced scopes for YouTube
-    scopes: [
-      'https://www.googleapis.com/auth/youtube.readonly',
-      'openid',
-      'profile', 
-      'email'
-    ],
-    
-    // 🚀 Additional settings (helps with refresh tokens)
-    hostedDomain: '',
-    accountName: ''
-  });
-};
-
-// Check if user needs YouTube migration
-export const checkYouTubeMigrationNeeded = async (username: string): Promise<boolean> => {
-  try {
-    const response = await fetch(`https://api2.onairos.uk/youtube/validate-connection/${username}`);
-    const result = await response.json();
-    
-    if (result.success && result.validation) {
-      // ✅ NEW: Check if this is temporary mode (matches exact backend response fields)
-      const isTemporaryMode = result.validation?.isTemporaryMode === true || 
-                             result.temporaryMode?.enabled === true ||
-                             result.isTemporaryMode === true ||
-                             (result.message && result.message.includes('temporary access token mode'));
-      
-      const needsReconnection = result.validation.needsReconnection;
-      const hasRefreshToken = result.validation.hasRefreshToken;
-      
-      console.log('🔍 YouTube migration check:', {
-        username,
-        needsReconnection,
-        hasRefreshToken,
-        isTemporaryMode,
-        temporaryModeEnabled: result.temporaryMode?.enabled,
-        message: result.message
-      });
-      
-      if (isTemporaryMode) {
-        console.log('🔄 User using temporary mode - connection working correctly');
-        console.log('⚠️ No refresh capability but training can proceed');
-        return false; // Don't flag temporary mode as needing migration
-      } else if (needsReconnection) {
-        console.log('🔧 User needs YouTube migration for refresh token');
-        return true; // Only flag genuinely old connections
-      } else {
-        console.log('✅ YouTube connection fully working with refresh tokens');
-        return false; // Connection is perfect
-      }
-    }
-    
-    return false;
-  } catch (error) {
-    console.error('❌ Error checking YouTube migration status:', error);
-    return false;
-  }
-};
-
-// ✅ NEW: Enhanced function to get detailed YouTube connection status
-export const getYouTubeConnectionStatus = async (username: string): Promise<{
-  isReady: boolean;
-  mode: 'full' | 'temporary' | 'limited' | 'none';
-  needsMigration: boolean;
-  trainingReady: boolean;
-  details: any;
-}> => {
-  try {
-    const response = await fetch(`https://api2.onairos.uk/youtube/validate-connection/${username}`);
-    const result = await response.json();
-    
-    console.log('📋 Complete YouTube status response:', result);
-    
-    if (result.success && result.validation) {
-      // Check for temporary mode (prioritize exact backend fields)
-      const isTemporaryMode = result.validation?.isTemporaryMode === true || 
-                             result.temporaryMode?.enabled === true ||
-                             result.isTemporaryMode === true ||
-                             (result.message && result.message.includes('temporary access token mode'));
-      
-      const hasRefreshToken = result.validation.hasRefreshToken === true;
-      const needsReconnection = result.validation.needsReconnection === true;
-      
-      if (isTemporaryMode) {
-        console.log('🔄 YouTube connected in temporary mode');
-        console.log('✅ Training will work, but connection expires in ~1 hour');
-        return {
-          isReady: true,
-          mode: 'temporary',
-          needsMigration: false,
-          trainingReady: true,
-          details: result
-        };
-      } else if (hasRefreshToken) {
-        console.log('✅ YouTube connected with refresh tokens');
-        return {
-          isReady: true,
-          mode: 'full',
-          needsMigration: false,
-          trainingReady: true,
-          details: result
-        };
-      } else if (needsReconnection) {
-        console.log('⚠️ YouTube connected but needs migration');
-        return {
-          isReady: false,
-          mode: 'limited',
-          needsMigration: true,
-          trainingReady: false,
-          details: result
-        };
-      } else {
-        console.log('❓ YouTube connection status unclear');
-        return {
-          isReady: false,
-          mode: 'none',
-          needsMigration: false,
-          trainingReady: false,
-          details: result
-        };
-      }
-    }
-    
-    console.log('❌ No YouTube connection found');
-    return {
-      isReady: false,
-      mode: 'none',
-      needsMigration: false,
-      trainingReady: false,
-      details: result
-    };
-  } catch (error) {
-    console.error('❌ Error getting YouTube connection status:', error);
-    return {
-      isReady: false,
-      mode: 'none',
-      needsMigration: false,
-      trainingReady: false,
-      details: { error: error instanceof Error ? error.message : String(error) }
-    };
-  }
-};
-
-// Show user-friendly migration prompt
-const showYouTubeMigrationPrompt = async (): Promise<boolean> => {
-  return new Promise((resolve) => {
-    Alert.alert(
-      'YouTube Connection Upgrade',
-      'To improve your training experience, we need to upgrade your YouTube connection. This prevents interruptions during data collection.\n\n✅ One-time upgrade\n✅ Takes 30 seconds\n✅ No data loss\n\nUpgrade now?',
-      [
-        { 
-          text: 'Skip for Now', 
-          style: 'cancel',
-          onPress: () => resolve(false) 
-        },
-        { 
-          text: 'Upgrade Now', 
-          style: 'default',
-          onPress: () => resolve(true) 
-        }
-      ]
-    );
-  });
-};
-
-// Force YouTube reconnection with consent screen
-const forceYouTubeReconnection = async (username: string): Promise<boolean> => {
-  try {
-    console.log('🔄 Starting YouTube migration for user:', username);
-    
-    // 1. Configure for refresh tokens
-    configureGoogleSignInForRefreshTokens();
-    
-    // 2. Complete sign out to clear cached consent
-    await GoogleSignin.signOut();
-    console.log('✅ Signed out - consent cache cleared');
-    
-    // 3. Clear cached tokens if available
-    try {
-      const existingTokens = await GoogleSignin.getTokens();
-      if (existingTokens.accessToken) {
-        await GoogleSignin.clearCachedAccessToken(existingTokens.accessToken);
-        console.log('✅ Token cache cleared');
-      }
-    } catch (clearError) {
-      console.log('ℹ️ No token cache to clear');
-    }
-    
-    // 4. Check Google Play Services
-    await GoogleSignin.hasPlayServices();
-    
-    // 5. Sign in (this will show consent screen)
-    console.log('🔐 Initiating sign-in - consent screen should appear...');
-    const userInfo = await GoogleSignin.signIn();
-    
-    // 6. Get tokens after consent
-    const tokens = await GoogleSignin.getTokens();
-    const currentUser = await GoogleSignin.getCurrentUser();
-    
-    // 7. Analyze tokens thoroughly (serverAuthCode is the refresh token mechanism in React Native)
-    let finalRefreshToken = null;
-    let refreshTokenSource = 'None';
-    
-    // Check for server auth code from sign-in response (primary method)
-    if ((userInfo as any).serverAuthCode) {
-      finalRefreshToken = (userInfo as any).serverAuthCode;
-      refreshTokenSource = 'Server auth code from sign-in';
-    }
-    // Check current user server auth code (backup method)
-    else if (currentUser?.serverAuthCode) {
-      finalRefreshToken = currentUser.serverAuthCode;
-      refreshTokenSource = 'Current user server auth code';
-    }
-    
-    console.log('🔍 Token Analysis:', {
-      hasAccessToken: !!tokens.accessToken,
-      hasIdToken: !!tokens.idToken,
-      hasServerAuthCode: !!(userInfo as any).serverAuthCode,
-      hasCurrentUserAuthCode: !!currentUser?.serverAuthCode,
-      refreshTokenSource: refreshTokenSource,
-      finalRefreshToken: finalRefreshToken ? 'Available' : 'MISSING!',
-      userEmail: (userInfo as any).user?.email
-    });
-    
-    if (!finalRefreshToken) {
-      console.error('❌ No refresh token received - Google Console configuration may be incorrect');
-      console.error('💡 This usually means:');
-      console.error('   1. offlineAccess: true is missing from configuration');
-      console.error('   2. forceCodeForRefreshToken: true is missing');
-      console.error('   3. User did not grant offline access permission');
-      return false;
-    }
-    
-    console.log('✅ Got refresh token after consent:', finalRefreshToken.substring(0, 20) + '...');
-    console.log('🔑 Refresh token source:', refreshTokenSource);
-    
-    // 8. Get existing authentication token
-    let authToken = await AsyncStorage.getItem('onairos_jwt_token') || 
-                   await AsyncStorage.getItem('enoch_token') || 
-                   await AsyncStorage.getItem('auth_token');
-    
-    if (!authToken) {
-      console.warn('⚠️ No authentication token found for YouTube migration');
-      authToken = 'migration_token_placeholder';
-    }
-    
-    // 9. Send enhanced payload to backend
-    const backendPayload = {
-      session: {
-        username: username,
-        platform: 'youtube',
-        channelName: (userInfo as any).user?.name || 'YouTube Channel',
-        channelId: null
-      },
-      googleUser: (userInfo as any).user,
-      accessToken: tokens.accessToken,
-      idToken: tokens.idToken,
-      refreshToken: finalRefreshToken,
-      serverAuthCode: (userInfo as any).serverAuthCode,
-      userAccountInfo: {
-        username: username,
-        email: (userInfo as any).user?.email,
-        authToken: authToken,
-        channelName: (userInfo as any).user?.name || 'YouTube Channel',
-        channelId: null
-      }
-    };
-    
-    console.log('📤 Sending migration payload to backend...');
-    
-    // 10. Send to backend
-    const response = await fetch('https://api2.onairos.uk/youtube/native-auth', {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-        'x-api-key': 'your-api-key', // Use your existing API key if needed
-        ...(authToken !== 'migration_token_placeholder' && { 'Authorization': `Bearer ${authToken}` })
-      },
-      body: JSON.stringify(backendPayload)
-    });
-    
-    const result = await response.json();
-    
-    if (result.success) {
-      console.log('✅ YouTube migration successful');
-      
-      // Track migration success
-      await trackMigrationAttempt(username, true);
-      
-      return true;
-    } else {
-      console.error('❌ Backend rejected YouTube migration:', result.error);
-      await trackMigrationAttempt(username, false, result.error);
-      return false;
-    }
-    
-  } catch (error) {
-    console.error('❌ YouTube migration failed:', error);
-    await trackMigrationAttempt(username, false, error instanceof Error ? error.message : 'Unknown error');
-    return false;
-  }
-};
-
-// Track migration attempts for monitoring
-const trackMigrationAttempt = async (username: string, success: boolean, error?: string) => {
-  try {
-    await fetch('https://api2.onairos.uk/youtube/migration-status', {
-      method: 'POST',
-      headers: {
-        'Content-Type': 'application/json',
-      },
-      body: JSON.stringify({
-        username,
-        success,
-        error: error || null,
-        timestamp: new Date().toISOString()
-      })
-    });
-  } catch (trackError) {
-    console.error('❌ Failed to track migration attempt:', trackError);
-  }
-};
-
-// ✅ NEW: Explicit function to check if user should see migration warnings
-export const shouldShowYouTubeMigrationWarning = async (username: string): Promise<boolean> => {
-  try {
-    console.log('🔍 [MIGRATION WARNING] Checking if user should see migration warning:', username);
-    
-    const response = await fetch(`https://api2.onairos.uk/youtube/validate-connection/${username}`);
-    const result = await response.json();
-    
-    if (result.success && result.validation) {
-      // Check for temporary mode (prioritize exact backend fields)
-      const isTemporaryMode = result.validation?.isTemporaryMode === true || 
-                             result.temporaryMode?.enabled === true ||
-                             result.isTemporaryMode === true;
-      
-      const hasAccessToken = result.validation.hasAccessToken === true;
-      const hasRefreshToken = result.validation.hasRefreshToken === true;
-      const needsReconnection = result.validation.needsReconnection === true;
-      
-      console.log('📊 [MIGRATION WARNING] Status check:', {
-        username,
-        hasAccessToken,
-        hasRefreshToken,
-        needsReconnection,
-        isTemporaryMode,
-        connectedAt: result.validation.connectedAt
-      });
-      
-      if (isTemporaryMode) {
-        console.log('🚫 [MIGRATION WARNING] NO WARNING - user is in temporary mode (working correctly)');
-        return false; // Don't show migration warning
-      } else if (hasAccessToken && !hasRefreshToken && needsReconnection) {
-        console.log('⚠️ [MIGRATION WARNING] SHOW WARNING - genuinely old connection needs update');
-        return true; // Show migration warning for genuinely broken connections
-      } else {
-        console.log('✅ [MIGRATION WARNING] NO WARNING - connection is working properly');
-        return false; // Don't show warning for working connections
-      }
-    }
-    
-    console.log('ℹ️ [MIGRATION WARNING] NO WARNING - no YouTube connection found');
-    return false; // Don't show warning if no connection
-  } catch (error) {
-    console.error('❌ [MIGRATION WARNING] Error checking migration warning status:', error);
-    return false; // Don't show warning on error
-  }
-};
-
-// Main function to check and fix YouTube connection
-export const checkAndFixYouTubeConnection = async (username: string): Promise<boolean> => {
-  try {
-    console.log('🔄 Checking YouTube connection for user:', username);
-    
-    // 1. First check if user should see migration warning at all
-    const shouldShowWarning = await shouldShowYouTubeMigrationWarning(username);
-    
-    if (!shouldShowWarning) {
-      console.log('🚫 [MIGRATION] NO MIGRATION NEEDED - user connection is working correctly');
-      console.log('✅ [MIGRATION] User can proceed with training normally');
-      return true; // Return success - no migration needed
-    }
-    
-    // 2. Double-check migration is actually needed (for safety)
-    const needsMigration = await checkYouTubeMigrationNeeded(username);
-    
-    if (!needsMigration) {
-      console.log('✅ [MIGRATION] YouTube connection working properly - no migration needed');
-      return true;
-    }
-    
-    console.log('🔧 [MIGRATION] User needs YouTube migration for refresh token (genuinely old connection)');
-    
-    // 2. Show user-friendly prompt
-    const userConfirmed = await showYouTubeMigrationPrompt();
-    
-    if (!userConfirmed) {
-      console.log('ℹ️ User declined YouTube migration');
-      return false;
-    }
-    
-    // 3. Attempt migration
-    const migrationSuccess = await forceYouTubeReconnection(username);
-    
-    if (migrationSuccess) {
-      // Show success message
-      Alert.alert(
-        'YouTube Upgraded! ✅',
-        'Your YouTube connection has been upgraded successfully. Training will now work seamlessly without interruptions.',
-        [{ text: 'Great!', style: 'default' }]
-      );
-      
-      return true;
-    } else {
-      // Show failure message
-      Alert.alert(
-        'Upgrade Failed ❌',
-        'YouTube connection upgrade failed. Please try again later or contact support if the problem persists.',
-        [{ text: 'OK', style: 'default' }]
-      );
-      
-      return false;
-    }
-    
-  } catch (error) {
-    console.error('❌ Error in YouTube connection check:', error);
-    return false;
-  }
-};
-
-// Optional: Reconnect function for manual use
-export const reconnectYouTube = async (username: string): Promise<boolean> => {
-  console.log('🔄 Manual YouTube reconnection requested for:', username);
-  return await forceYouTubeReconnection(username);
-}; 

package/src/theme/index.ts

@@ -1,239 +0,0 @@
-import { Platform } from 'react-native';
-
-// Color Tokens as specified in the design brief
-export const COLORS = {
-  // Welcome Screen Specific Colors
-  surface: '#FAFAFA',
-  grey400: '#9CA3AF',
-  grey500: '#86888E',
-  grey600: '#62646C',
-  grey700: '#374151', 
-  grey800: '#1F242F',
-  
-  // PrimaryButton exact tokens
-  btnGradStart: '#29292B',
-  btnGradEnd: '#17181C',
-  btnBorder: 'rgba(0,0,0,0.20)',
-  btnShadowOuter: 'rgba(0,0,0,0.10)',
-  btnInnerShadow: 'rgba(0,0,0,0.06)',
-  btnLabel: '#FFFFFF',
-  iconCircleGradientStart: '#0A090E',
-  iconCircleGradientEnd: '#17171B',
-  
-  // Legacy colors (preserved for backward compatibility)
-  primary: '#FFD700',
-  primaryDark: '#E9B104',
-  primaryLight: '#FFDF33',
-  
-  background: {
-    dark: '#000000',
-    medium: '#121212',
-    light: '#1C2526',
-  },
-  
-  text: {
-    primary: '#FFFFFF',
-    secondary: '#B0B0B0',
-    tertiary: '#808080',
-    gold: '#FFD700',
-  },
-  
-  ui: {
-    cardBackground: 'rgba(255, 255, 255, 0.1)',
-    divider: 'rgba(255, 255, 255, 0.1)',
-    inputBackground: 'rgba(255, 255, 255, 0.1)',
-    buttonBackground: 'rgba(255, 255, 255, 0.1)',
-  },
-  
-  status: {
-    success: '#4BB543',
-    error: '#FF3B30',
-    warning: '#FF9500',
-    info: '#5AC8FA',
-  },
-  
-  transparent: 'transparent',
-  overlay: 'rgba(0, 0, 0, 0.7)',
-};
-
-// Typography - Font families and weights as specified
-export const FONTS = {
-  families: {
-    ibmPlexSans: Platform.OS === 'ios' ? 'IBM Plex Sans' : 'IBM Plex Sans',
-    ibmPlexSansBold: Platform.OS === 'ios' ? 'IBM Plex Sans' : 'IBM Plex Sans',
-    inter: Platform.OS === 'ios' ? 'Inter' : 'Inter-Regular',
-    // Legacy families
-    base: Platform.OS === 'ios' ? 'System' : 'Roboto',
-    serif: Platform.OS === 'ios' ? 'Georgia' : 'serif',
-  },
-  
-  weights: {
-    light: '300' as const,
-    regular: '400' as const,
-    medium: '500' as const,
-    semibold: '600' as const,
-    bold: '700' as const,
-  },
-  
-  sizes: {
-    xs: 12,
-    sm: 14,
-    md: 16,
-    lg: 18,
-    xl: 20,
-    xxl: 24,
-    xxxl: 28,
-    title: 32,
-    large: 42,
-    // Welcome screen specific sizes
-    kicker: 18,
-    welcomeTitle: 48,
-    body: 16,
-    buttonLabel: 16,
-  },
-  
-  lineHeights: {
-    // Welcome screen specific line heights
-    kicker: 20, // 111%
-    welcomeTitle: 54, // 112.5%
-    body: 24, // 150%
-    // Legacy line heights
-    sm: 16,
-    md: 20,
-    lg: 24,
-    xl: 28,
-  },
-  
-  letterSpacing: {
-    kicker: -0.24,
-    tight: -0.5,
-    normal: 0,
-    wide: 0.5,
-  },
-};
-
-// Spacing tokens
-export const SPACING = {
-  xs: 4,
-  sm: 8,
-  md: 16,
-  lg: 24,
-  xl: 32,
-  xxl: 48,
-  xxxl: 64,
-  // Welcome screen specific spacing
-  modalTopPadding: 118,
-  modalHorizontal: 24,
-};
-
-// Border radius tokens
-export const BORDER_RADIUS = {
-  xs: 4,
-  sm: 8,
-  md: 16,
-  lg: 24,
-  xl: 32,
-  pill: 100,
-  circle: 999,
-  // Welcome screen specific radii
-  modalTop: 24,
-  buttonPill: 100,
-};
-
-// Shadow tokens
-export const SHADOWS = {
-  small: {
-    shadowColor: COLORS.primary,
-    shadowOffset: { width: 0, height: 2 },
-    shadowOpacity: 0.3,
-    shadowRadius: 4,
-    elevation: 3,
-  },
-  medium: {
-    shadowColor: COLORS.primary,
-    shadowOffset: { width: 0, height: 4 },
-    shadowOpacity: 0.5,
-    shadowRadius: 8,
-    elevation: 5,
-  },
-  large: {
-    shadowColor: COLORS.primary,
-    shadowOffset: { width: 0, height: 6 },
-    shadowOpacity: 0.8,
-    shadowRadius: 16,
-    elevation: 8,
-  },
-  
-  // Welcome screen specific shadows
-  button: {
-    // Inner shadow (simulated via overlay)
-    inner: {
-      shadowColor: COLORS.btnInnerShadow,
-      shadowOffset: { width: 0, height: -36 },
-      shadowOpacity: 1,
-      shadowRadius: 21.1,
-    },
-    // Outer shadow
-    outer: {
-      shadowColor: COLORS.btnShadowOuter,
-      shadowOffset: { width: 20, height: 30 },
-      shadowOpacity: 1,
-      shadowRadius: 40,
-      elevation: 8,
-    },
-  },
-  
-  brandMark: {
-    shadowColor: '#000000',
-    shadowOffset: { width: 0, height: 4 },
-    shadowOpacity: 0.1,
-    shadowRadius: 8,
-    elevation: 4,
-  },
-};
-
-// Typography style objects for easy use
-export const TEXT_STYLES = {
-  // Welcome screen typography
-  kicker: {
-    fontFamily: FONTS.families.ibmPlexSansBold,
-    fontWeight: FONTS.weights.bold,
-    fontSize: FONTS.sizes.kicker,
-    lineHeight: FONTS.lineHeights.kicker,
-    letterSpacing: FONTS.letterSpacing.kicker,
-    color: COLORS.grey500,
-  },
-  
-  welcomeTitle: {
-    fontFamily: FONTS.families.ibmPlexSansBold,
-    fontWeight: FONTS.weights.bold,
-    fontSize: FONTS.sizes.welcomeTitle,
-    lineHeight: FONTS.lineHeights.welcomeTitle,
-    color: COLORS.grey800,
-  },
-  
-  body: {
-    fontFamily: FONTS.families.inter,
-    fontWeight: FONTS.weights.regular,
-    fontSize: FONTS.sizes.body,
-    lineHeight: FONTS.lineHeights.body,
-    textAlign: 'center' as const,
-    color: COLORS.grey600,
-  },
-  
-  buttonLabel: {
-    fontFamily: FONTS.families.inter,
-    fontWeight: FONTS.weights.semibold,
-    fontSize: FONTS.sizes.buttonLabel,
-    color: COLORS.btnLabel,
-  },
-};
-
-export default {
-  COLORS,
-  FONTS,
-  SPACING,
-  BORDER_RADIUS,
-  SHADOWS,
-  TEXT_STYLES,
-};