@onairos/react-native 3.0.40 → 3.0.44

package/src/components/onboarding/OAuthWebView.tsx

@@ -36,7 +36,13 @@ export const OAuthWebView: React.FC<OAuthWebViewProps> = ({
   const webViewRef = useRef<WebView>(null);
   const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);
   
-  console.log('Opening OAuth WebView with URL:', url);
+  console.log('🌐 Opening OAuth WebView with URL:', url);
+  console.log('🔗 Platform:', platform);
+  console.log('📱 URL Components:', {
+    protocol: url.split('://')[0],
+    domain: url.split('://')[1]?.split('/')[0],
+    path: url.split('://')[1]?.split('/').slice(1).join('/'),
+  });
 
   // Set up timeout for OAuth flow
   React.useEffect(() => {
@@ -157,10 +163,50 @@ export const OAuthWebView: React.FC<OAuthWebViewProps> = ({
 
   const handleError = (syntheticEvent: any) => {
     const { nativeEvent } = syntheticEvent;
-    console.error('WebView error:', nativeEvent);
+    console.error('🚨 WebView error details:', {
+      description: nativeEvent.description,
+      code: nativeEvent.code,
+      domain: nativeEvent.domain,
+      url: nativeEvent.url,
+      canGoBack: nativeEvent.canGoBack,
+      canGoForward: nativeEvent.canGoForward,
+      loading: nativeEvent.loading,
+      target: nativeEvent.target,
+      title: nativeEvent.title,
+    });
+    
+    // Check for specific NSURLErrorDomain codes
+    let errorMessage = 'Failed to load OAuth page.';
+    
+    if (nativeEvent.domain === 'NSURLErrorDomain') {
+      switch (nativeEvent.code) {
+        case -1009: // NSURLErrorNotConnectedToInternet
+          errorMessage = 'No internet connection. Please check your network and try again.';
+          break;
+        case -1003: // NSURLErrorCannotFindHost
+          errorMessage = 'Cannot reach authentication server. Please check your internet connection.';
+          break;
+        case -1001: // NSURLErrorTimedOut
+          errorMessage = 'Connection timed out. Please try again.';
+          break;
+        case -1200: // NSURLErrorSecureConnectionFailed
+          errorMessage = 'Secure connection failed. Please try again.';
+          break;
+        case -1022: // NSURLErrorAppTransportSecurityRequiresSecureConnection
+          errorMessage = 'App Transport Security error. Connection must be secure.';
+          break;
+        case -1004: // NSURLErrorCannotConnectToHost
+          errorMessage = 'Cannot connect to authentication server. Please try again later.';
+          break;
+        default:
+          errorMessage = `Network error (${nativeEvent.code}): ${nativeEvent.description || 'Please check your connection and try again.'}`;
+      }
+    }
+    
+    console.error('🔴 OAuth WebView Error:', errorMessage);
     
     if (retryCount < 2) {
-      console.log(`Retrying OAuth load (attempt ${retryCount + 1})`);
+      console.log(`🔄 Retrying OAuth load (attempt ${retryCount + 1}/2)`);
       setRetryCount(prev => prev + 1);
       setIsLoading(true);
       setError(null);
@@ -170,9 +216,9 @@ export const OAuthWebView: React.FC<OAuthWebViewProps> = ({
         if (webViewRef.current) {
           webViewRef.current.reload();
         }
-      }, 2000);
+      }, 3000);
     } else {
-      setError('Failed to load OAuth page. Please try again or use the browser option.');
+      setError(errorMessage);
       setIsLoading(false);
     }
   };

package/src/index.ts

@@ -3,38 +3,32 @@
  * A React Native implementation for Onairos personalized data integration
  */
 
-// Main components
-import { Onairos } from './components/Onairos';
-import { OnairosButton } from './components/OnairosButton';
-import { Overlay } from './components/Overlay';
-import { UniversalOnboarding } from './components/UniversalOnboarding';
-
-// Export main components
-export { Onairos } from './components/Onairos';
-export { OnairosButton } from './components/OnairosButton';
-export { Overlay } from './components/Overlay';
-export { UniversalOnboarding } from './components/UniversalOnboarding';
-
-// Export Portal components
-export { Portal, PortalHost } from './utils/Portal';
-
-// Screen Components
-export { ConnectorScreen } from './components/screens/ConnectorScreen';
-export { PinCreationScreen } from './components/screens/PinCreationScreen';
-export { LoadingScreen } from './components/screens/LoadingScreen';
-// export { SignInScreen } from './components/screens/SignInScreen';
+// Export types first to avoid circular dependencies
+export type {
+  OnairosButtonProps,
+  DataTier,
+  UniversalOnboardingProps,
+  ConnectionStatus,
+  PlatformListProps,
+  PinInputProps,
+  TrainingModalProps,
+  OAuthWebViewProps,
+  PlatformConfig,
+  ApiResponse,
+  CredentialsResult,
+  OverlayProps,
+  BiometricOptions,
+  PinRequirements,
+} from './types';
 
-// Onboarding Components
-export { OAuthWebView } from './components/onboarding/OAuthWebView';
-export { PlatformConnector } from './components/onboarding/PlatformConnector';
-export { OnboardingHeader } from './components/onboarding/OnboardingHeader';
-export { PinInput } from './components/onboarding/PinInput';
+export type { StorageOptions, OnairosCredentials } from './utils/secureStorage';
+export type { OAuthConfig } from './services/oauthService';
+export type { ApiErrorType, ApiError } from './utils/onairosApi';
 
-// Hooks
-export { useCredentials } from './hooks/useCredentials';
-export { useConnections } from './hooks/useConnections';
+// Export constants
+export { COLORS, PLATFORMS, API_ENDPOINTS, STORAGE_KEYS, PIN_REQUIREMENTS, DEEP_LINK_CONFIG } from './constants';
 
-// Utilities
+// Export utilities
 export { 
   storeCredentials,
   getCredentials,
@@ -67,7 +61,7 @@ export {
   isDebugMode,
 } from './utils/debugHelper';
 
-// Services
+// Export services
 export {
   connectPlatform,
   disconnectPlatform,
@@ -76,52 +70,53 @@ export {
   storePlatformConnection,
 } from './services/oauthService';
 
-// Types
-export type {
-  OnairosButtonProps,
-  DataTier,
-  UniversalOnboardingProps,
-  ConnectionStatus,
-  PlatformListProps,
-  PinInputProps,
-  TrainingModalProps,
-  OAuthWebViewProps,
-  PlatformConfig,
-  ApiResponse,
-  CredentialsResult,
-  OverlayProps,
-  BiometricOptions,
-  PinRequirements,
-} from './types';
-
-export type { StorageOptions, OnairosCredentials } from './utils/secureStorage';
-export type { OAuthConfig } from './services/oauthService';
-export type { ApiErrorType, ApiError } from './utils/onairosApi';
-
-// Constants
-export { COLORS, PLATFORMS, API_ENDPOINTS, STORAGE_KEYS, PIN_REQUIREMENTS, DEEP_LINK_CONFIG } from './constants';
-
-// API and Services
+// Export API and Services
 export { onairosApi } from './api';
 export { OAuthService } from './services/oauthService';
 export * from './utils/secureStorage';
 export * from './utils/encryption';
 
-// Define component types for default export using React.ComponentType
-import * as React from 'react';
-import type { OnairosButtonProps, UniversalOnboardingProps } from './types';
-import { PortalHost } from './utils/Portal';
+// Export hooks
+export { useCredentials } from './hooks/useCredentials';
+export { useConnections } from './hooks/useConnections';
 
-interface OverlayComponent extends React.FC<any> {}
-interface OnairosComponent extends React.FC<any> {}
+// Export Portal components
+export { Portal, PortalHost } from './utils/Portal';
+
+// Screen Components
+export { ConnectorScreen } from './components/screens/ConnectorScreen';
+export { PinCreationScreen } from './components/screens/PinCreationScreen';
+export { LoadingScreen } from './components/screens/LoadingScreen';
+
+// Onboarding Components
+export { OAuthWebView } from './components/onboarding/OAuthWebView';
+export { PlatformConnector } from './components/onboarding/PlatformConnector';
+export { OnboardingHeader } from './components/onboarding/OnboardingHeader';
+
+// Core Components - Export these last to avoid circular dependencies
+export { PlatformList } from './components/PlatformList';
+export { PinInput } from './components/PinInput';
+export { TrainingModal } from './components/TrainingModal';
+export { Overlay } from './components/Overlay';
+export { UniversalOnboarding } from './components/UniversalOnboarding';
+export { OnairosButton } from './components/OnairosButton';
+export { Onairos } from './components/Onairos';
 
 // Define the public components for default export
+import * as React from 'react';
+import { Onairos } from './components/Onairos';
+import { OnairosButton } from './components/OnairosButton';
+import { Overlay } from './components/Overlay';
+import { UniversalOnboarding } from './components/UniversalOnboarding';
+import { PortalHost } from './utils/Portal';
+
+// Simple default export object - main types are available through named exports
 const components = {
-  Onairos: Onairos as OnairosComponent,
-  OnairosButton: OnairosButton,
-  OnairosOverlay: Overlay as OverlayComponent,
-  UniversalOnboarding: UniversalOnboarding as React.ComponentType<UniversalOnboardingProps>,
-  PortalHost: PortalHost,
+  Onairos: Onairos as any,
+  OnairosButton: OnairosButton as any,
+  OnairosOverlay: Overlay as any,
+  UniversalOnboarding: UniversalOnboarding as any,
+  PortalHost: PortalHost as any,
 };
 
 // Export the components as the default export

package/src/services/platformAuthService.ts

@@ -72,17 +72,26 @@ export const getPlatformColor = (platform: string): string => {
  */
 export const initiateOAuth = async (platform: string, username: string, appName?: string): Promise<string | null> => {
   try {
+    console.log('🚀 Initiating OAuth for platform:', platform);
+    console.log('👤 Username:', username);
+    console.log('📱 App name:', appName);
+    
     // Check if the platform is supported
     if (!PLATFORM_AUTH_CONFIG[platform]) {
+      console.error('❌ Unsupported platform:', platform);
       throw new Error(`Unsupported platform: ${platform}`);
     }
 
     // Check if platform has a native SDK
     if (PLATFORM_AUTH_CONFIG[platform].hasNativeSDK) {
+      console.log('📱 Platform uses native SDK, returning null');
       // Return null to indicate that we should use the native SDK
       return null;
     }
 
+    console.log('🌐 Platform uses OAuth WebView flow');
+    console.log('🔗 Auth endpoint:', PLATFORM_AUTH_CONFIG[platform].authEndpoint);
+
     // Handle Instagram with specific API format
     if (platform === 'instagram') {
       const state = 'djksbfds';
@@ -93,6 +102,8 @@ export const initiateOAuth = async (platform: string, username: string, appName?
         },
       };
 
+      console.log('📤 Sending Instagram OAuth request:', jsonData);
+
       const response = await fetch('https://api2.onairos.uk/instagram/authorize', {
         method: 'POST',
         headers: {
@@ -101,12 +112,24 @@ export const initiateOAuth = async (platform: string, username: string, appName?
         body: JSON.stringify(jsonData),
       });
 
+      console.log('📡 Instagram OAuth response status:', response.status);
+      console.log('📡 Instagram OAuth response headers:', response.headers);
+
+      if (!response.ok) {
+        const errorText = await response.text();
+        console.error('❌ Instagram OAuth API error:', errorText);
+        throw new Error(`Instagram OAuth API error: ${response.status} - ${errorText}`);
+      }
+
       const responseData = await response.json();
+      console.log('📥 Instagram OAuth response data:', responseData);
       
       if (responseData.instagramURL) {
+        console.log('✅ Instagram OAuth URL received:', responseData.instagramURL);
         return responseData.instagramURL;
       }
       
+      console.error('❌ No Instagram URL found in response');
       throw new Error('No Instagram URL found in response');
     }
 
@@ -119,6 +142,8 @@ export const initiateOAuth = async (platform: string, username: string, appName?
       },
     };
 
+    console.log(`📤 Sending ${platform} OAuth request:`, jsonData);
+
     // Make the request to get the OAuth URL
     const response = await fetch(PLATFORM_AUTH_CONFIG[platform].authEndpoint, {
       method: 'POST',
@@ -128,8 +153,18 @@ export const initiateOAuth = async (platform: string, username: string, appName?
       body: JSON.stringify(jsonData),
     });
 
+    console.log(`📡 ${platform} OAuth response status:`, response.status);
+    console.log(`📡 ${platform} OAuth response headers:`, response.headers);
+
+    if (!response.ok) {
+      const errorText = await response.text();
+      console.error(`❌ ${platform} OAuth API error:`, errorText);
+      throw new Error(`${platform} OAuth API error: ${response.status} - ${errorText}`);
+    }
+
     // Parse the response
     const data = await response.json();
+    console.log(`📥 ${platform} OAuth response data:`, data);
     
     // Check if the response contains the OAuth URL based on platform
     switch (platform) {
@@ -249,3 +284,32 @@ export const isOAuthCallback = (url: string): boolean => {
   // Check if the URL starts with our redirect URI
   return url.startsWith('onairosanime://auth/');
 };
+
+/**
+ * Test connectivity to the Onairos API server
+ */
+export const testApiConnectivity = async (): Promise<{ success: boolean; error?: string }> => {
+  try {
+    console.log('🔍 Testing connectivity to Onairos API...');
+    
+    const response = await fetch('https://api2.onairos.uk/health', {
+      method: 'GET',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+    });
+    
+    console.log('🌐 API connectivity test response:', response.status);
+    
+    if (response.ok) {
+      console.log('✅ API server is reachable');
+      return { success: true };
+    } else {
+      console.log('⚠️ API server responded with error:', response.status);
+      return { success: false, error: `API server error: ${response.status}` };
+    }
+  } catch (error) {
+    console.error('❌ API connectivity test failed:', error);
+    return { success: false, error: error instanceof Error ? error.message : 'Unknown error' };
+  }
+};

package/types/index.d.ts

@@ -81,7 +81,9 @@ export interface OnairosButtonProps {
   /** Whether the button is enabled */
   enabled?: boolean;
   /** Button form style */
-  buttonForm?: 'default' | 'login' | 'signup';
+  buttonForm?: 'default' | 'login' | 'signup' | 'connect';
+  /** If true, makes API call automatically and returns result without showing UI */
+  auto?: boolean;
   /** Called when authentication is rejected */
   onRejection?: (error?: string) => void;
   /** Called when authentication is completed successfully */
@@ -94,6 +96,8 @@ export interface OnairosButtonProps {
   swerv?: boolean;
   /** Enable debug logging */
   debug?: boolean;
+  /** Enable dark mode styling */
+  darkMode?: boolean;
   /** Preferred platform to highlight */
   preferredPlatform?: string;
   /** Whether to use test mode */