@onairos/react-native 1.0.2 → 2.0.0

package/lib/module/utils/encryption.js

@@ -0,0 +1,24 @@
+import { RSA } from 'react-native-rsa-native';
+import { onairosApi } from '../api';
+export const encryptModelKey = async (publicKey, modelKey) => {
+  try {
+    const encrypted = await RSA.encrypt(modelKey, publicKey);
+    return encrypted;
+  } catch (error) {
+    console.error('Error encrypting model key:', error);
+    throw error;
+  }
+};
+export const getServerPublicKey = async () => {
+  try {
+    const response = await onairosApi.get('public/getPublicKey');
+    if (response && response.publicKey) {
+      return response.publicKey;
+    }
+    throw new Error('Server response does not contain publicKey field');
+  } catch (error) {
+    console.error('Error getting server public key:', error);
+    throw error;
+  }
+};
+//# sourceMappingURL=encryption.js.map

package/lib/module/utils/encryption.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["RSA","onairosApi","encryptModelKey","publicKey","modelKey","encrypted","encrypt","error","console","getServerPublicKey","response","get","Error"],"sourceRoot":"..\\..\\..\\src","sources":["utils/encryption.ts"],"mappings":"AAAA,SAASA,GAAG,QAAQ,yBAAyB;AAC7C,SAASC,UAAU,QAAQ,QAAQ;AAEnC,OAAO,MAAMC,eAAe,GAAG,MAAAA,CAAOC,SAAiB,EAAEC,QAAgB,KAAsB;EAC7F,IAAI;IACF,MAAMC,SAAS,GAAG,MAAML,GAAG,CAACM,OAAO,CAACF,QAAQ,EAAED,SAAS,CAAC;IACxD,OAAOE,SAAS;EAClB,CAAC,CAAC,OAAOE,KAAK,EAAE;IACdC,OAAO,CAACD,KAAK,CAAC,6BAA6B,EAAEA,KAAK,CAAC;IACnD,MAAMA,KAAK;EACb;AACF,CAAC;AAED,OAAO,MAAME,kBAAkB,GAAG,MAAAA,CAAA,KAA6B;EAC7D,IAAI;IACF,MAAMC,QAAQ,GAAG,MAAMT,UAAU,CAACU,GAAG,CAAC,qBAAqB,CAAC;IAC5D,IAAID,QAAQ,IAAIA,QAAQ,CAACP,SAAS,EAAE;MAClC,OAAOO,QAAQ,CAACP,SAAS;IAC3B;IACA,MAAM,IAAIS,KAAK,CAAC,kDAAkD,CAAC;EACrE,CAAC,CAAC,OAAOL,KAAK,EAAE;IACdC,OAAO,CAACD,KAAK,CAAC,kCAAkC,EAAEA,KAAK,CAAC;IACxD,MAAMA,KAAK;EACb;AACF,CAAC","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onairos/react-native",
-  "version": "1.0.2",
+  "version": "2.0.0",
   "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/api/index.ts

@@ -0,0 +1,33 @@
+import axios from 'axios';
+
+const BASE_URL = 'https://api2.onairos.uk';
+
+class OnairosApi {
+  private baseUrl: string;
+
+  constructor(baseUrl: string = BASE_URL) {
+    this.baseUrl = baseUrl;
+  }
+
+  async get(endpoint: string) {
+    try {
+      const response = await axios.get(`${this.baseUrl}/${endpoint}`);
+      return response.data;
+    } catch (error) {
+      console.error('API GET Error:', error);
+      throw error;
+    }
+  }
+
+  async post(endpoint: string, data: any) {
+    try {
+      const response = await axios.post(`${this.baseUrl}/${endpoint}`, data);
+      return response.data;
+    } catch (error) {
+      console.error('API POST Error:', error);
+      throw error;
+    }
+  }
+}
+
+export const onairosApi = new OnairosApi(); 

package/src/components/OnairosButton.tsx

@@ -1,132 +1,79 @@
-import React, { useCallback, useEffect, useState } from 'react';
-import {
-  TouchableOpacity,
-  StyleSheet,
-  View,
-  Text,
-  Platform,
-  Linking,
-  Modal,
-} from 'react-native';
-import Icon from 'react-native-vector-icons/MaterialIcons';
-import * as Keychain from 'react-native-keychain';
+import React, { useState } from 'react';
+import { TouchableOpacity, Text, StyleSheet, View, Dimensions } from 'react-native';
 import { UniversalOnboarding } from './UniversalOnboarding';
-import { DataRequestModal } from './DataRequestModal';
-import { useCredentials } from '../hooks/useCredentials';
-// import { validateCredentials } from '../utils/auth';
-// import { COLORS } from '../constants';
+import { COLORS } from '../constants';
 import type { OnairosButtonProps } from '../types';
 
 export const OnairosButton: React.FC<OnairosButtonProps> = ({
+  returnLink,
+  prefillUrl,
   AppName,
+  buttonType = 'normal',
   requestData,
-  returnLink,
-  embedd = false,
-  color = '#00BFA5',
-  icon = 'auto_awesome',
+  buttonWidth = 180,
+  buttonHeight,
+  hasStroke = false,
+  enabled = true,
+  buttonForm = 'default',
+  onRejection,
   onResolved,
-  login = false,
-  buttonType = 'circle',
+  preCheck,
+  color,
+  swerv = false,
   debug = false,
-  test = false,
+  preferredPlatform,
+  testMode = false,
 }) => {
   const [showOnboarding, setShowOnboarding] = useState(false);
-  const [showDataRequest, setShowDataRequest] = useState(false);
-  const { hasCredentials, getCredentials, validateCredentials } = useCredentials();
-  const [loading, setLoading] = useState(false);
 
-  const handlePress = useCallback(async () => {
-    setLoading(true);
-    try {
-      const hasExisting = await hasCredentials();
-      
-      if (!hasExisting) {
-        setShowOnboarding(true);
-        return;
-      }
-
-      const credentials = await getCredentials();
-      if (!credentials) {
-        setShowOnboarding(true);
-        return;
-      }
+  const handlePress = async () => {
+    if (!enabled) return;
 
-      const validationResult = await validateCredentials(credentials.username);
-      if (!validationResult.isValid) {
-        setShowOnboarding(true);
+    if (preCheck) {
+      const shouldProceed = await preCheck();
+      if (!shouldProceed) {
+        onRejection?.();
         return;
       }
-
-      // If we have valid credentials, show data request modal
-      setShowDataRequest(true);
-    } catch (error) {
-      console.error('Error in button press:', error);
-      setShowOnboarding(true);
-    } finally {
-      setLoading(false);
     }
-  }, [hasCredentials, getCredentials, validateCredentials]);
 
-  const handleDataRequestAccept = useCallback(async () => {
-    try {
-      const credentials = await getCredentials();
-      if (credentials) {
-        onResolved(
-          'https://api2.onairos.uk',
-          credentials.accessToken,
-          credentials
-        );
-      }
-      setShowDataRequest(false);
-    } catch (error) {
-      console.error('Error handling data request accept:', error);
+    if (buttonForm === 'signup') {
+      setShowOnboarding(true);
+    } else {
+      // Handle login flow
+      // TODO: Implement login flow according to account.md
     }
-  }, [getCredentials, onResolved]);
-
-  useEffect(() => {
-    // Setup deep linking
-    const handleDeepLink = ({ url }: { url: string }) => {
-      if (url.includes('onairosreact://authenticate')) {
-        // Handle authentication callback
-        const params = new URL(url).searchParams;
-        const nonce = params.get('nonce');
-        const callback = params.get('callback');
-        
-        if (nonce && callback) {
-          // Process authentication
-          setShowOnboarding(false);
-        }
-      }
-    };
-
-    Linking.addEventListener('url', handleDeepLink);
+  };
 
-    return () => {
-      // Cleanup deep linking
-      // Note: Remove event listener based on RN version
-      // if (Platform.OS === 'android') {
-      //   Linking.removeEventListener('url', handleDeepLink);
-      // }
-    };
-  }, []);
+  const handleOnboardingComplete = (apiUrl: string, token: string, data: any) => {
+    setShowOnboarding(false);
+    onResolved?.(apiUrl, token, data);
+  };
 
-  const buttonStyles = [
+  const buttonStyle = [
     styles.button,
-    buttonType === 'pill' ? styles.pillButton : styles.circleButton,
-    { backgroundColor: color },
+    buttonType === 'pill' && styles.pillButton,
+    hasStroke && styles.strokedButton,
+    { width: buttonWidth },
+    buttonHeight && { height: buttonHeight },
+    color && { backgroundColor: color },
+    swerv && styles.swervButton,
+  ];
+
+  const textStyle = [
+    styles.buttonText,
+    hasStroke && styles.strokedButtonText,
+    color && styles.customColorText,
   ];
 
   return (
-    <>
+    <View>
       <TouchableOpacity
-        style={buttonStyles}
+        style={buttonStyle}
         onPress={handlePress}
-        disabled={loading}
+        disabled={!enabled}
       >
-        <Icon name={icon} size={24} color="white" />
-        {buttonType === 'pill' && (
-          <Text style={styles.buttonText}>Connect with Onairos</Text>
-        )}
+        <Text style={textStyle}>{AppName}</Text>
       </TouchableOpacity>
 
       <UniversalOnboarding
@@ -135,48 +82,44 @@ export const OnairosButton: React.FC<OnairosButtonProps> = ({
         AppName={AppName}
         requestData={requestData}
         returnLink={returnLink}
-        onComplete={onResolved}
-        embedd={embedd}
+        onComplete={handleOnboardingComplete}
+        preferredPlatform={preferredPlatform}
         debug={debug}
-        test={test}
+        test={testMode}
       />
-
-      <DataRequestModal
-        visible={showDataRequest}
-        onClose={() => setShowDataRequest(false)}
-        onAccept={handleDataRequestAccept}
-        requestData={requestData}
-        AppName={AppName}
-      />
-    </>
+    </View>
   );
 };
 
 const styles = StyleSheet.create({
   button: {
+    backgroundColor: '#000',
+    paddingVertical: 12,
+    paddingHorizontal: 24,
+    borderRadius: 8,
     alignItems: 'center',
     justifyContent: 'center',
-    elevation: 3,
-    shadowColor: '#000',
-    shadowOffset: { width: 0, height: 2 },
-    shadowOpacity: 0.25,
-    shadowRadius: 3.84,
-  },
-  circleButton: {
-    width: 60,
-    height: 60,
-    borderRadius: 30,
   },
   pillButton: {
-    flexDirection: 'row',
-    paddingHorizontal: 16,
-    paddingVertical: 12,
-    borderRadius: 25,
+    borderRadius: 20,
+  },
+  strokedButton: {
+    backgroundColor: 'transparent',
+    borderWidth: 1,
+    borderColor: '#000',
+  },
+  swervButton: {
+    transform: [{ rotate: '-2deg' }],
   },
   buttonText: {
-    color: 'white',
-    marginLeft: 8,
+    color: '#fff',
     fontSize: 16,
     fontWeight: '600',
   },
+  strokedButtonText: {
+    color: '#000',
+  },
+  customColorText: {
+    color: '#fff',
+  },
 });