@onairos/react-native 1.0.0

package/README.md

@@ -0,0 +1,334 @@
+# Onairos React Native SDK
+
+A React Native SDK for integrating Onairos authentication and AI model training into your mobile applications. This package provides a complete solution for social media platform connection, secure authentication, and AI model training.
+
+## Features
+
+- Universal onboarding flow with multi-platform support
+- Multi-platform OAuth authentication (Instagram, Pinterest, Reddit, YouTube)
+- Secure credential management with biometric authentication
+- PIN-based security with validation
+- Deep linking support for OAuth callbacks
+- AI model training progress tracking
+- Customizable UI components
+- TypeScript support
+
+## Installation
+
+```bash
+npm install onairos-react-native
+# or
+yarn add onairos-react-native
+```
+
+### Required Dependencies
+
+The package requires the following dependencies:
+
+```bash
+# Core dependencies
+yarn add @gorhom/bottom-sheet react-native-reanimated react-native-gesture-handler react-native-safe-area-context
+
+# Authentication dependencies
+yarn add react-native-webview react-native-keychain 
+
+# UI dependencies
+yarn add react-native-vector-icons
+
+# Network and encryption
+yarn add @react-native-community/netinfo react-native-rsa-native react-native-crypto-js
+```
+
+### iOS Setup
+
+1. Install pods:
+```bash
+cd ios && pod install
+```
+
+2. Add the following to your `Info.plist`:
+```xml
+<key>CFBundleURLTypes</key>
+<array>
+  <dict>
+    <key>CFBundleURLSchemes</key>
+    <array>
+      <string>onairosreact</string>
+    </array>
+  </dict>
+</array>
+
+<!-- Add for biometric authentication -->
+<key>NSFaceIDUsageDescription</key>
+<string>We use Face ID to securely access your Onairos account</string>
+```
+
+3. Configure your OAuth providers in the project settings and register the callback URLs.
+
+### Android Setup
+
+1. Add the following to your `android/app/src/main/AndroidManifest.xml`:
+```xml
+<activity>
+  <!-- ... -->
+  <intent-filter>
+    <action android:name="android.intent.action.VIEW" />
+    <category android:name="android.intent.category.DEFAULT" />
+    <category android:name="android.intent.category.BROWSABLE" />
+    <data android:scheme="onairosreact" />
+  </intent-filter>
+</activity>
+```
+
+2. Add biometric permissions:
+```xml
+<uses-permission android:name="android.permission.USE_BIOMETRIC" />
+```
+
+## Usage
+
+### Basic Button Integration
+
+1. Import the OnairosButton component:
+```javascript
+import { OnairosButton } from 'onairos-react-native';
+```
+
+2. Use the component in your app:
+```javascript
+export default function App() {
+  const handleResolved = (apiUrl, accessToken, loginDetails) => {
+    console.log('Authentication successful:', { apiUrl, accessToken, loginDetails });
+    // Store the tokens and proceed with your app logic
+  };
+
+  return (
+    <View style={styles.container}>
+      <OnairosButton
+        AppName="YourApp"
+        requestData={{
+          "Social Media": {
+            "Profile Information": "Access to your basic profile data",
+            "Post History": "Access to your post history for analysis"
+          },
+          "Content": {
+            "Images": "Access to image data for AI training",
+            "Text": "Access to text data for AI training"
+          }
+        }}
+        returnLink="your-app://auth-callback"
+        onResolved={handleResolved}
+        buttonType="pill"
+        color="#00BFA5"
+      />
+    </View>
+  );
+}
+```
+
+### Initialize OAuth Service
+
+Add this to your app's entry point to handle deep linking for OAuth:
+
+```javascript
+import { initializeOAuthService } from 'onairos-react-native';
+
+// In your app's entry point
+useEffect(() => {
+  // Set up OAuth deep linking
+  initializeOAuthService();
+  
+  // Clean up when component unmounts
+  return () => {
+    cleanupOAuthService();
+  };
+}, []);
+```
+
+### Working with Secure Storage
+
+```javascript
+import { storeCredentials, getCredentials, hasCredentials } from 'onairos-react-native';
+
+// Check if user has stored credentials
+const checkAuth = async () => {
+  const hasExisting = await hasCredentials();
+  
+  if (hasExisting) {
+    // Get credentials with biometric authentication
+    const credentials = await getCredentials({
+      useBiometrics: true,
+      biometricPrompt: {
+        title: 'Authenticate to continue',
+        subtitle: 'Please verify your identity'
+      }
+    });
+    
+    if (credentials) {
+      // User is authenticated
+      console.log('User authenticated:', credentials.username);
+    }
+  } else {
+    // Redirect to onboarding flow
+    setShowOnboarding(true);
+  }
+};
+```
+
+## API Reference
+
+### Main Components
+
+#### `OnairosButton`
+
+The main entry point for Onairos authentication.
+
+| Prop | Type | Required | Description |
+|------|------|----------|-------------|
+| AppName | string | Yes | Your application name |
+| requestData | object | Yes | Platform-specific OAuth scopes and data requests |
+| returnLink | string | Yes | Deep link URL for OAuth callback |
+| embedd | boolean | No | Whether to use embedded flow (default: false) |
+| color | string | No | Button color (default: #00BFA5) |
+| icon | string | No | Button icon name (default: 'auto_awesome') |
+| onResolved | function | Yes | Callback for successful auth with (apiUrl, accessToken, loginDetails) |
+| login | boolean | No | Enable login mode (default: false) |
+| buttonType | 'circle' \| 'pill' | No | Button style (default: 'circle') |
+| debug | boolean | No | Enable debug mode (default: false) |
+| test | boolean | No | Enable test mode (default: false) |
+
+#### `UniversalOnboarding`
+
+The universal onboarding flow component.
+
+| Prop | Type | Required | Description |
+|------|------|----------|-------------|
+| visible | boolean | Yes | Whether the onboarding is visible |
+| onClose | function | Yes | Callback when onboarding is closed |
+| AppName | string | Yes | Your application name |
+| requestData | object | Yes | Platform-specific OAuth scopes |
+| returnLink | string | Yes | Deep link URL for OAuth callback |
+| onComplete | function | Yes | Callback when onboarding is complete |
+| embedd | boolean | No | Whether to use embedded flow |
+| debug | boolean | No | Enable debug mode |
+| test | boolean | No | Enable test mode |
+
+#### `Overlay`
+
+Data request overlay component.
+
+| Prop | Type | Required | Description |
+|------|------|----------|-------------|
+| visible | boolean | Yes | Whether the overlay is visible |
+| onClose | function | Yes | Callback when overlay is closed |
+| onAccept | function | Yes | Callback when request is accepted |
+| AppName | string | Yes | Your application name |
+| requestData | object | Yes | Data being requested |
+| biometricType | 'FaceID' \| 'TouchID' \| 'BiometricID' | No | Type of biometric auth to use |
+
+### Utility Functions
+
+#### Secure Storage
+
+- `storeCredentials(credentials, options)`: Store credentials securely
+- `getCredentials(options)`: Retrieve credentials with optional biometric auth
+- `hasCredentials()`: Check if user has stored credentials
+- `deleteCredentials()`: Delete stored credentials
+- `updateCredentials(updates, options)`: Update specific fields in credentials
+- `generateDeviceUsername()`: Generate a device-specific unique username
+- `verifyCredentials(credentials)`: Verify if credentials are valid
+
+#### OAuth Service
+
+- `connectPlatform(platform)`: Initiate OAuth flow for a specific platform
+- `disconnectPlatform(platform, credentials)`: Disconnect a platform
+- `initializeOAuthService()`: Initialize OAuth service handlers
+- `cleanupOAuthService()`: Clean up OAuth service handlers
+- `storePlatformConnection(platform, connectionData, credentials)`: Store platform connection
+
+#### API Communication
+
+- `validateCredentials(username, options)`: Validate user credentials with the API
+- `createAccount(credentials, options)`: Create a new user account
+- `authenticate(credentials, options)`: Authenticate with the API using credentials
+- `refreshToken(refreshToken, options)`: Refresh authentication token
+- `getPlatformData(accessToken, platform, options)`: Get user's connected platform data
+- `getUserProfile(accessToken, options)`: Get user profile information
+- `updatePlatformConnections(accessToken, platforms, options)`: Update user platform connections
+
+## Development and Testing
+
+### Setup Development Environment
+
+1. Clone the repository:
+```bash
+git clone https://github.com/onairos/onairos-react-native.git
+cd onairos-react-native
+```
+
+2. Install dependencies:
+```bash
+yarn install
+```
+
+3. Run the typecheck:
+```bash
+yarn typecheck
+```
+
+### Building the Package
+
+```bash
+yarn build
+```
+
+### Testing with a Local App
+
+1. Link the package locally:
+```bash
+# In your package directory
+yarn link
+
+# In your app directory
+yarn link onairos-react-native
+```
+
+2. Run your app and test the integration.
+
+## Troubleshooting
+
+### OAuth Callback Issues
+
+- Ensure your deep link schemes are properly configured in both iOS and Android
+- Check that the callback URLs match what's registered with your OAuth providers
+- Ensure all required permissions are enabled in your app configurations
+
+### Biometric Authentication Issues
+
+- Ensure proper permissions are set in Info.plist and AndroidManifest.xml
+- Test on physical devices as simulators may not support all biometric features
+- For iOS, ensure that Face ID/Touch ID is enabled and set up on the device
+
+### Platform Specific Issues
+
+#### iOS
+
+- For keychain issues, check that the Keychain Sharing capability is enabled
+- Ensure the bundle identifier is consistent with your OAuth configuration
+
+#### Android
+
+- For deep linking issues, check the androidManifest.xml configuration
+- Ensure that biometric hardware is available on test devices
+
+## Contributing
+
+1. Fork the repository
+2. Create your feature branch (`git checkout -b feature/amazing-feature`)
+3. Commit your changes (`git commit -m 'Add some amazing feature'`)
+4. Push to the branch (`git push origin feature/amazing-feature`)
+5. Open a Pull Request
+
+## License
+
+MIT

package/lib/commonjs/components/DataRequestModal.js

@@ -0,0 +1,176 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DataRequestModal = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _MaterialIcons = _interopRequireDefault(require("react-native-vector-icons/MaterialIcons"));
+var _constants = require("../constants");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const DataRequestModal = ({
+  visible,
+  onClose,
+  onAccept,
+  requestData,
+  AppName
+}) => {
+  const renderPermissions = () => {
+    return Object.entries(requestData).map(([platform, permissions]) => {
+      const platformConfig = _constants.PLATFORMS[platform];
+      if (!platformConfig) return null;
+      return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+        key: platform,
+        style: styles.platformContainer
+      }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+        style: styles.platformHeader
+      }, /*#__PURE__*/_react.default.createElement(_MaterialIcons.default, {
+        name: platformConfig.icon,
+        size: 24,
+        color: platformConfig.color
+      }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+        style: styles.platformName
+      }, platformConfig.name)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+        style: styles.permissionsContainer
+      }, Object.entries(permissions).map(([key, value]) => /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+        key: key,
+        style: styles.permissionText
+      }, "\u2022 ", key, ": ", value))));
+    });
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Modal, {
+    visible: visible,
+    transparent: true,
+    animationType: "slide",
+    onRequestClose: onClose
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.modalOverlay
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.modalContent
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.header
+  }, /*#__PURE__*/_react.default.createElement(_MaterialIcons.default, {
+    name: "auto_awesome",
+    size: 24,
+    color: _constants.COLORS.primary
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.headerTitle
+  }, AppName, " Data Request"), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    onPress: onClose,
+    style: styles.closeButton
+  }, /*#__PURE__*/_react.default.createElement(_MaterialIcons.default, {
+    name: "close",
+    size: 24,
+    color: "#000"
+  }))), /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
+    style: styles.scrollContent
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.description
+  }, AppName, " is requesting access to the following data:"), renderPermissions()), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.footer
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    style: [styles.button, styles.cancelButton],
+    onPress: onClose
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.cancelButtonText
+  }, "Cancel")), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    style: [styles.button, styles.acceptButton],
+    onPress: onAccept
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: styles.acceptButtonText
+  }, "Accept"))))));
+};
+exports.DataRequestModal = DataRequestModal;
+const styles = _reactNative.StyleSheet.create({
+  modalOverlay: {
+    flex: 1,
+    backgroundColor: 'rgba(0, 0, 0, 0.5)',
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  modalContent: {
+    backgroundColor: '#fff',
+    borderRadius: 16,
+    width: '90%',
+    maxHeight: '80%',
+    overflow: 'hidden'
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    padding: 16,
+    backgroundColor: _constants.COLORS.headerBg
+  },
+  headerTitle: {
+    flex: 1,
+    fontSize: 18,
+    fontWeight: '600',
+    marginLeft: 12,
+    color: '#000'
+  },
+  closeButton: {
+    padding: 8
+  },
+  scrollContent: {
+    padding: 16
+  },
+  description: {
+    fontSize: 16,
+    color: _constants.COLORS.text.secondary,
+    marginBottom: 16
+  },
+  platformContainer: {
+    marginBottom: 16,
+    borderWidth: 1,
+    borderColor: _constants.COLORS.border,
+    borderRadius: 8,
+    padding: 12
+  },
+  platformHeader: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginBottom: 8
+  },
+  platformName: {
+    fontSize: 16,
+    fontWeight: '600',
+    marginLeft: 8
+  },
+  permissionsContainer: {
+    marginLeft: 32
+  },
+  permissionText: {
+    fontSize: 14,
+    color: _constants.COLORS.text.secondary,
+    marginBottom: 4
+  },
+  footer: {
+    flexDirection: 'row',
+    padding: 16,
+    borderTopWidth: 1,
+    borderTopColor: _constants.COLORS.border,
+    justifyContent: 'flex-end'
+  },
+  button: {
+    paddingHorizontal: 20,
+    paddingVertical: 10,
+    borderRadius: 8,
+    marginLeft: 12
+  },
+  cancelButton: {
+    backgroundColor: _constants.COLORS.border
+  },
+  acceptButton: {
+    backgroundColor: _constants.COLORS.primary
+  },
+  cancelButtonText: {
+    color: _constants.COLORS.text.secondary,
+    fontWeight: '600'
+  },
+  acceptButtonText: {
+    color: '#fff',
+    fontWeight: '600'
+  }
+});
+//# sourceMappingURL=DataRequestModal.js.map

package/lib/commonjs/components/DataRequestModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_MaterialIcons","_constants","e","__esModule","default","DataRequestModal","visible","onClose","onAccept","requestData","AppName","renderPermissions","Object","entries","map","platform","permissions","platformConfig","PLATFORMS","createElement","View","key","style","styles","platformContainer","platformHeader","name","icon","size","color","Text","platformName","permissionsContainer","value","permissionText","Modal","transparent","animationType","onRequestClose","modalOverlay","modalContent","header","COLORS","primary","headerTitle","TouchableOpacity","onPress","closeButton","ScrollView","scrollContent","description","footer","button","cancelButton","cancelButtonText","acceptButton","acceptButtonText","exports","StyleSheet","create","flex","backgroundColor","justifyContent","alignItems","borderRadius","width","maxHeight","overflow","flexDirection","padding","headerBg","fontSize","fontWeight","marginLeft","text","secondary","marginBottom","borderWidth","borderColor","border","borderTopWidth","borderTopColor","paddingHorizontal","paddingVertical"],"sourceRoot":"..\\..\\..\\src","sources":["components/DataRequestModal.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Notification.js

@@ -0,0 +1,106 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const Notification = ({
+  message,
+  color = 'blue',
+  duration = 3000,
+  onClose
+}) => {
+  const [fadeAnim] = (0, _react.useState)(new _reactNative.Animated.Value(0));
+  (0, _react.useEffect)(() => {
+    // Fade in
+    _reactNative.Animated.timing(fadeAnim, {
+      toValue: 1,
+      duration: 300,
+      useNativeDriver: true
+    }).start();
+
+    // Set timeout to fade out
+    const timer = setTimeout(() => {
+      _reactNative.Animated.timing(fadeAnim, {
+        toValue: 0,
+        duration: 300,
+        useNativeDriver: true
+      }).start(() => {
+        if (onClose) onClose();
+      });
+    }, duration);
+    return () => clearTimeout(timer);
+  }, []);
+
+  // Determine background color based on the color prop
+  const getBackgroundColor = () => {
+    switch (color) {
+      case 'red':
+        return '#FFEBEE';
+      case 'green':
+        return '#E8F5E9';
+      case 'yellow':
+        return '#FFF8E1';
+      default:
+        return '#E3F2FD';
+    }
+  };
+
+  // Determine text color based on the color prop
+  const getTextColor = () => {
+    switch (color) {
+      case 'red':
+        return '#D32F2F';
+      case 'green':
+        return '#388E3C';
+      case 'yellow':
+        return '#F57F17';
+      default:
+        return '#1976D2';
+    }
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.View, {
+    style: [styles.container, {
+      backgroundColor: getBackgroundColor(),
+      opacity: fadeAnim,
+      transform: [{
+        translateY: fadeAnim.interpolate({
+          inputRange: [0, 1],
+          outputRange: [-20, 0]
+        })
+      }]
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.message, {
+      color: getTextColor()
+    }]
+  }, message));
+};
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    position: 'absolute',
+    top: 40,
+    left: 20,
+    right: 20,
+    padding: 16,
+    borderRadius: 8,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.1,
+    shadowRadius: 4,
+    elevation: 3,
+    zIndex: 1000
+  },
+  message: {
+    fontSize: 16,
+    fontWeight: '500'
+  }
+});
+var _default = exports.default = Notification;
+//# sourceMappingURL=Notification.js.map

package/lib/commonjs/components/Notification.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Notification","message","color","duration","onClose","fadeAnim","useState","Animated","Value","useEffect","timing","toValue","useNativeDriver","start","timer","setTimeout","clearTimeout","getBackgroundColor","getTextColor","createElement","View","style","styles","container","backgroundColor","opacity","transform","translateY","interpolate","inputRange","outputRange","Text","StyleSheet","create","position","top","left","right","padding","borderRadius","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","zIndex","fontSize","fontWeight","_default","exports"],"sourceRoot":"..\\..\\..\\src","sources":["components/Notification.js"],"mappings":"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","ignoreList":[]}