@onairos/react-native 3.1.14 → 3.1.16

package/lib/typescript/utils/secureStorage.d.ts

@@ -1,94 +1,94 @@
-export interface OnairosCredentials {
-    username: string;
-    accessToken?: string;
-    refreshToken?: string;
-    userPin?: string;
-    platforms?: {
-        instagram?: {
-            token: string;
-            username: string;
-            userId?: string;
-        };
-        youtube?: {
-            token: string;
-            username: string;
-            userId?: string;
-        };
-        pinterest?: {
-            token: string;
-            username: string;
-            userId?: string;
-        };
-        reddit?: {
-            token: string;
-            username: string;
-            userId?: string;
-        };
-    };
-    createdAt: number;
-}
-export interface StorageOptions {
-    service?: string;
-    accessControl?: any;
-    accessible?: any;
-}
-/**
- * Store credentials in memory (temporary solution)
- */
-export declare const storeCredentials: (credentials: Partial<OnairosCredentials>) => Promise<boolean>;
-/**
- * Retrieve credentials from memory (temporary solution)
- */
-export declare const getCredentials: () => Promise<OnairosCredentials | null>;
-/**
- * Check if the user has stored credentials
- */
-export declare const hasCredentials: () => Promise<boolean>;
-/**
- * Delete stored credentials
- */
-export declare const deleteCredentials: () => Promise<boolean>;
-/**
- * Update specific fields in the stored credentials
- */
-export declare const updateCredentials: (credentials: Partial<OnairosCredentials>) => Promise<boolean>;
-/**
- * Generate a device-specific unique username
- */
-export declare const generateDeviceUsername: () => string;
-/**
- * Verify credentials (temporary mock implementation)
- */
-export declare const verifyCredentials: (username: string) => Promise<boolean>;
-/**
- * JWT Token Storage Functions
- * These functions handle JWT tokens from email verification
- *
- * Note: Main JWT token management is handled in apiKeyService.ts
- * These are utility functions for backwards compatibility
- */
-/**
- * Retrieve JWT token
- * @returns JWT token or null if not found
- */
-export declare const getJWT: () => Promise<string | null>;
-/**
- * Check if JWT token exists
- * @returns True if JWT token exists
- */
-export declare const hasJWT: () => Promise<boolean>;
-/**
- * Clear JWT token
- */
-export declare const clearJWT: () => Promise<boolean>;
-/**
- * Get JWT token payload (decoded)
- * @returns Decoded JWT payload or null if invalid
- */
-export declare const getJWTPayload: () => Promise<any | null>;
-/**
- * Check if JWT token is expired
- * @returns True if token is expired or invalid
- */
-export declare const isJWTExpired: () => Promise<boolean>;
+export interface OnairosCredentials {
+    username: string;
+    accessToken?: string;
+    refreshToken?: string;
+    userPin?: string;
+    platforms?: {
+        instagram?: {
+            token: string;
+            username: string;
+            userId?: string;
+        };
+        youtube?: {
+            token: string;
+            username: string;
+            userId?: string;
+        };
+        pinterest?: {
+            token: string;
+            username: string;
+            userId?: string;
+        };
+        reddit?: {
+            token: string;
+            username: string;
+            userId?: string;
+        };
+    };
+    createdAt: number;
+}
+export interface StorageOptions {
+    service?: string;
+    accessControl?: any;
+    accessible?: any;
+}
+/**
+ * Store credentials in memory (temporary solution)
+ */
+export declare const storeCredentials: (credentials: Partial<OnairosCredentials>) => Promise<boolean>;
+/**
+ * Retrieve credentials from memory (temporary solution)
+ */
+export declare const getCredentials: () => Promise<OnairosCredentials | null>;
+/**
+ * Check if the user has stored credentials
+ */
+export declare const hasCredentials: () => Promise<boolean>;
+/**
+ * Delete stored credentials
+ */
+export declare const deleteCredentials: () => Promise<boolean>;
+/**
+ * Update specific fields in the stored credentials
+ */
+export declare const updateCredentials: (credentials: Partial<OnairosCredentials>) => Promise<boolean>;
+/**
+ * Generate a device-specific unique username
+ */
+export declare const generateDeviceUsername: () => string;
+/**
+ * Verify credentials (temporary mock implementation)
+ */
+export declare const verifyCredentials: (username: string) => Promise<boolean>;
+/**
+ * JWT Token Storage Functions
+ * These functions handle JWT tokens from email verification
+ *
+ * Note: Main JWT token management is handled in apiKeyService.ts
+ * These are utility functions for backwards compatibility
+ */
+/**
+ * Retrieve JWT token
+ * @returns JWT token or null if not found
+ */
+export declare const getJWT: () => Promise<string | null>;
+/**
+ * Check if JWT token exists
+ * @returns True if JWT token exists
+ */
+export declare const hasJWT: () => Promise<boolean>;
+/**
+ * Clear JWT token
+ */
+export declare const clearJWT: () => Promise<boolean>;
+/**
+ * Get JWT token payload (decoded)
+ * @returns Decoded JWT payload or null if invalid
+ */
+export declare const getJWTPayload: () => Promise<any | null>;
+/**
+ * Check if JWT token is expired
+ * @returns True if token is expired or invalid
+ */
+export declare const isJWTExpired: () => Promise<boolean>;
 //# sourceMappingURL=secureStorage.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onairos/react-native",
-  "version": "3.1.14",
+  "version": "3.1.16",
   "description": "Onairos React Native SDK for social media authentication and AI model training",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",

package/src/components/OnairosSignInButton.tsx

@@ -1,166 +1,110 @@
-import React, { useState, useCallback } from 'react';
-import { TouchableOpacity, Text, StyleSheet, View, Image } from 'react-native';
-import AsyncStorage from '@react-native-async-storage/async-storage';
-import { TrainingModal } from './TrainingModal';
-import { UniversalOnboarding } from './UniversalOnboarding';
-import { triggerHaptic, HapticType } from '../utils/haptics';
-
-interface OnairosSignInButtonProps {
-  AppName: string;
-  buttonWidth?: number;
-  buttonHeight?: number;
-  color?: string;
-  textColor?: string;
-  onResolved?: (token: string, email?: string) => void;
-  onRejection?: (error: any) => void;
-  autoFocusEmailInput?: boolean;
-}
-
-export const OnairosSignInButton: React.FC<OnairosSignInButtonProps> = ({
-  AppName,
-  buttonWidth = 280,
-  buttonHeight = 44,
-  color = '#D4A536',
-  textColor = '#000',
-  onResolved,
-  onRejection,
-  autoFocusEmailInput = true,
-}) => {
-  const [showEmailModal, setShowEmailModal] = useState(false);
-  const [showOnboardingModal, setShowOnboardingModal] = useState(false);
-  const [userEmail, setUserEmail] = useState<string>('');
-
-  const handleEmailComplete = useCallback((emailOrToken: string) => {
-    console.log('🔍 OnairosSignInButton: handleEmailComplete called with:', emailOrToken);
-    
-    // Check if we received a JWT token (real authentication) or just an email
-    const isJWTToken = emailOrToken && emailOrToken.includes('.') && emailOrToken.split('.').length === 3;
-    
-    console.log('🔍 OnairosSignInButton: Is JWT token?', isJWTToken);
-    
-    if (isJWTToken) {
-      // We received a real JWT token from TrainingModal, complete the sign-in immediately
-      console.log('🔑 Received JWT token from TrainingModal, completing sign-in');
-      setShowEmailModal(false);
-      if (onResolved) {
-        // For JWT tokens, we need to get the email from storage since TrainingModal stored it
-        AsyncStorage.getItem('user_email').then((storedEmail: string | null) => {
-          const emailToUse = storedEmail || userEmail;
-          console.log('🔑 OnairosSignInButton: Returning JWT token with email:', emailToUse);
-          onResolved(emailOrToken, emailToUse);
-        });
-      }
-    } else {
-      // We received an email, continue to UniversalOnboarding platform connectors
-      console.log('📧 OnairosSignInButton: Received email, opening UniversalOnboarding platform connectors');
-      setUserEmail(emailOrToken);
-      setShowEmailModal(false);
-      setShowOnboardingModal(true);
-      console.log('📧 OnairosSignInButton: UniversalOnboarding modal should now be visible');
-    }
-  }, [onResolved, userEmail]);
-
-  const handleEmailCancel = useCallback(() => {
-    setShowEmailModal(false);
-    if (onRejection) {
-      onRejection('User closed email sign-in');
-    }
-  }, [onRejection]);
-
-  const handleOnboardingComplete = useCallback((token: string, email?: string) => {
-    // Use setTimeout to prevent state updates during component unmount
-    setTimeout(() => {
-      setShowOnboardingModal(false);
-      if (onResolved) {
-        onResolved(token, email || userEmail);
-      }
-    }, 16);
-  }, [onResolved, userEmail]);
-
-  const handleOnboardingCancel = useCallback(() => {
-    // Use setTimeout to prevent state updates during component unmount
-    setTimeout(() => {
-      setShowOnboardingModal(false);
-      if (onRejection) {
-        onRejection('User closed onboarding');
-      }
-    }, 16);
-  }, [onRejection]);
-
-  return (
-    <View style={styles.container}>
-      <TouchableOpacity
-        style={[
-          styles.button,
-          { width: buttonWidth, height: buttonHeight, backgroundColor: color },
-        ]}
-        onPress={() => {
-          triggerHaptic(HapticType.BUTTON_PRESS);
-          setShowEmailModal(true);
-        }}
-        activeOpacity={0.85}
-      >
-        <View style={styles.contentRow}>
-          <Image
-            source={require('../assets/images/onairos_logo.png')}
-            style={styles.logo}
-            resizeMode="contain"
-            accessibilityLabel="Onairos logo"
-          />
-          <Text style={[styles.buttonText, { color: textColor }]}>Sign in with Onairos</Text>
-        </View>
-      </TouchableOpacity>
-      <TrainingModal
-        visible={showEmailModal}
-        onCancel={handleEmailCancel}
-        onComplete={handleEmailComplete}
-        autoFocusEmailInput={autoFocusEmailInput}
-        isPrimaryAuth={true}
-      />
-      <UniversalOnboarding
-        visible={showOnboardingModal}
-        onClose={handleOnboardingCancel}
-        onComplete={handleOnboardingComplete}
-        AppName={AppName}
-        primaryAuthOnly={false}
-        requestData={{
-          Small: { type: "Small", descriptions: "Basic tier", reward: "1" },
-          Medium: { type: "Medium", descriptions: "Standard tier", reward: "2" },
-          Large: { type: "Large", descriptions: "Premium tier", reward: "3" }
-        }}
-      />
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  button: {
-    borderRadius: 24,
-    justifyContent: 'center',
-    alignItems: 'center',
-    shadowColor: '#000',
-    shadowOffset: { width: 0, height: 2 },
-    shadowOpacity: 0.1,
-    shadowRadius: 4,
-    elevation: 2,
-    marginVertical: 8,
-  },
-  contentRow: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'center',
-  },
-  logo: {
-    width: 26,
-    height: 26,
-    marginRight: 10,
-  },
-  buttonText: {
-    fontSize: 16,
-    fontWeight: '600',
-    textAlign: 'center',
-  },
-  container: {
-    // Add any necessary styles for the container
-  },
-});
+import React, { useState, useCallback } from 'react';
+import { TouchableOpacity, Text, StyleSheet, View, Image } from 'react-native';
+import WelcomeScreen from './WelcomeScreen';
+import { triggerHaptic, HapticType } from '../utils/haptics';
+
+export interface OnairosSignInButtonProps {
+  AppName: string;
+  buttonWidth?: number;
+  buttonHeight?: number;
+  color?: string;
+  textColor?: string;
+  onResolved?: (token: string, email?: string) => void;
+  onRejection?: (error: any) => void;
+  autoFocusEmailInput?: boolean;
+}
+
+export const OnairosSignInButton: React.FC<OnairosSignInButtonProps> = ({
+  AppName,
+  buttonWidth = 280,
+  buttonHeight = 44,
+  color = '#D4A536',
+  textColor = '#000',
+  onResolved,
+  onRejection,
+  autoFocusEmailInput = true,
+}) => {
+  const [showWelcomeScreen, setShowWelcomeScreen] = useState(false);
+
+  const handleWelcomeComplete = useCallback((token: string, email?: string) => {
+    console.log('✅ OnairosSignInButton: Welcome flow completed!');
+    console.log('🔑 Token:', token);
+    console.log('📧 Email:', email);
+    
+    setShowWelcomeScreen(false);
+    if (onResolved) {
+      onResolved(token, email);
+    }
+  }, [onResolved]);
+
+  const handleWelcomeClose = useCallback(() => {
+    console.log('❌ OnairosSignInButton: Welcome flow cancelled');
+    setShowWelcomeScreen(false);
+    if (onRejection) {
+      onRejection('User closed welcome screen');
+    }
+  }, [onRejection]);
+
+  return (
+    <View style={styles.container}>
+      <TouchableOpacity
+        style={[
+          styles.button,
+          { width: buttonWidth, height: buttonHeight, backgroundColor: color },
+        ]}
+        onPress={() => {
+          triggerHaptic(HapticType.BUTTON_PRESS);
+          setShowWelcomeScreen(true);
+        }}
+        activeOpacity={0.85}
+      >
+        <View style={styles.contentRow}>
+          <Image
+            source={require('../assets/images/onairos_logo.png')}
+            style={styles.logo}
+            resizeMode="contain"
+            accessibilityLabel="Onairos logo"
+          />
+          <Text style={[styles.buttonText, { color: textColor }]}>Sign in with Onairos</Text>
+        </View>
+      </TouchableOpacity>
+      <WelcomeScreen
+        visible={showWelcomeScreen}
+        onClose={handleWelcomeClose}
+        onComplete={handleWelcomeComplete}
+      />
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  button: {
+    borderRadius: 24,
+    justifyContent: 'center',
+    alignItems: 'center',
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.1,
+    shadowRadius: 4,
+    elevation: 2,
+    marginVertical: 8,
+  },
+  contentRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+  },
+  logo: {
+    width: 26,
+    height: 26,
+    marginRight: 10,
+  },
+  buttonText: {
+    fontSize: 16,
+    fontWeight: '600',
+    textAlign: 'center',
+  },
+  container: {
+    // Add any necessary styles for the container
+  },
+});

package/src/index.ts

@@ -7,7 +7,6 @@
 
 // Essential Types
 export type {
-  OnairosButtonProps,
   OnairosProps,
   DataTier,
   OnairosConfig,
@@ -17,8 +16,11 @@ export type {
   PlatformConfig,
 } from './types';
 
+// Export OnairosSignInButtonProps from component
+export type { OnairosSignInButtonProps } from './components/OnairosSignInButton';
+
 // Core Components - Redesigned UI
-export { OnairosButton } from './components/OnairosButton';
+export { OnairosSignInButton } from './components/OnairosSignInButton';
 export { Onairos } from './components/Onairos';
 export { UniversalOnboarding } from './components/UniversalOnboarding';
 
@@ -82,13 +84,13 @@ export { ApiClient } from './services/apiClient';
 // export { AuthProvider } from './context/AuthContext';
 
 // Default export for convenience
-import { OnairosButton } from './components/OnairosButton';
+import { OnairosSignInButton } from './components/OnairosSignInButton';
 import { Onairos } from './components/Onairos';
 import { UniversalOnboarding } from './components/UniversalOnboarding';
 import WelcomeScreen from './components/WelcomeScreen';
 
 export default {
-  OnairosButton,
+  OnairosSignInButton,
   Onairos,
   UniversalOnboarding,
   WelcomeScreen,