@onairos/react-native 1.0.0 → 1.0.1

package/lib/module/components/PinInput.js

@@ -0,0 +1,151 @@
+import React, { useState, useCallback } from 'react';
+import { View, Text, StyleSheet, TextInput, TouchableOpacity } from 'react-native';
+import Icon from 'react-native-vector-icons/MaterialIcons';
+import { COLORS } from '../constants';
+export const PinInput = ({
+  onSubmit,
+  minLength = 8,
+  requireSpecialChar = true,
+  requireNumber = true
+}) => {
+  const [pin, setPin] = useState('');
+  const [error, setError] = useState(null);
+  const [showPin, setShowPin] = useState(false);
+  const validatePin = useCallback(value => {
+    if (value.length < minLength) {
+      return `PIN must be at least ${minLength} characters`;
+    }
+    if (requireSpecialChar && !/[!@#$%^&*(),.?":{}|<>]/.test(value)) {
+      return 'PIN must include a special character';
+    }
+    if (requireNumber && !/\d/.test(value)) {
+      return 'PIN must include a number';
+    }
+    return null;
+  }, [minLength, requireSpecialChar, requireNumber]);
+  const handleSubmit = useCallback(() => {
+    const validationError = validatePin(pin);
+    if (validationError) {
+      setError(validationError);
+      return;
+    }
+    onSubmit(pin);
+  }, [pin, validatePin, onSubmit]);
+  const handlePinChange = useCallback(value => {
+    setPin(value);
+    setError(null);
+  }, []);
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.title
+  }, "Create your PIN"), /*#__PURE__*/React.createElement(Text, {
+    style: styles.subtitle
+  }, "This PIN will be used to secure your account"), /*#__PURE__*/React.createElement(View, {
+    style: styles.inputContainer
+  }, /*#__PURE__*/React.createElement(TextInput, {
+    style: styles.input,
+    value: pin,
+    onChangeText: handlePinChange,
+    secureTextEntry: !showPin,
+    placeholder: "Enter PIN",
+    keyboardType: "numeric",
+    maxLength: 20,
+    autoCapitalize: "none",
+    autoCorrect: false
+  }), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.visibilityButton,
+    onPress: () => setShowPin(!showPin)
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: showPin ? 'visibility-off' : 'visibility',
+    size: 24,
+    color: COLORS.text.secondary
+  }))), error && /*#__PURE__*/React.createElement(Text, {
+    style: styles.error
+  }, error), /*#__PURE__*/React.createElement(View, {
+    style: styles.requirements
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.requirementTitle
+  }, "PIN Requirements:"), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.requirement, pin.length >= minLength && styles.requirementMet]
+  }, "\u2022 At least ", minLength, " characters"), requireSpecialChar && /*#__PURE__*/React.createElement(Text, {
+    style: [styles.requirement, /[!@#$%^&*(),.?":{}|<>]/.test(pin) && styles.requirementMet]
+  }, "\u2022 Include a special character"), requireNumber && /*#__PURE__*/React.createElement(Text, {
+    style: [styles.requirement, /\d/.test(pin) && styles.requirementMet]
+  }, "\u2022 Include a number")), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: [styles.submitButton, !pin && styles.submitButtonDisabled],
+    onPress: handleSubmit,
+    disabled: !pin
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.submitButtonText
+  }, "Continue")));
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    padding: 16
+  },
+  title: {
+    fontSize: 20,
+    fontWeight: '600',
+    marginBottom: 8,
+    color: COLORS.text.primary
+  },
+  subtitle: {
+    fontSize: 14,
+    color: COLORS.text.secondary,
+    marginBottom: 24
+  },
+  inputContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    borderWidth: 1,
+    borderColor: COLORS.border,
+    borderRadius: 8,
+    marginBottom: 16
+  },
+  input: {
+    flex: 1,
+    padding: 12,
+    fontSize: 16
+  },
+  visibilityButton: {
+    padding: 12
+  },
+  error: {
+    color: COLORS.error,
+    marginBottom: 16
+  },
+  requirements: {
+    marginBottom: 24
+  },
+  requirementTitle: {
+    fontSize: 14,
+    fontWeight: '600',
+    marginBottom: 8,
+    color: COLORS.text.primary
+  },
+  requirement: {
+    fontSize: 14,
+    color: COLORS.text.secondary,
+    marginBottom: 4
+  },
+  requirementMet: {
+    color: COLORS.success
+  },
+  submitButton: {
+    backgroundColor: COLORS.primary,
+    paddingVertical: 16,
+    borderRadius: 12,
+    alignItems: 'center'
+  },
+  submitButtonDisabled: {
+    opacity: 0.5
+  },
+  submitButtonText: {
+    color: '#fff',
+    fontSize: 16,
+    fontWeight: '600'
+  }
+});
+//# sourceMappingURL=PinInput.js.map

package/lib/module/components/PinInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useCallback","View","Text","StyleSheet","TextInput","TouchableOpacity","Icon","COLORS","PinInput","onSubmit","minLength","requireSpecialChar","requireNumber","pin","setPin","error","setError","showPin","setShowPin","validatePin","value","length","test","handleSubmit","validationError","handlePinChange","createElement","style","styles","container","title","subtitle","inputContainer","input","onChangeText","secureTextEntry","placeholder","keyboardType","maxLength","autoCapitalize","autoCorrect","visibilityButton","onPress","name","size","color","text","secondary","requirements","requirementTitle","requirement","requirementMet","submitButton","submitButtonDisabled","disabled","submitButtonText","create","flex","padding","fontSize","fontWeight","marginBottom","primary","flexDirection","alignItems","borderWidth","borderColor","border","borderRadius","success","backgroundColor","paddingVertical","opacity"],"sourceRoot":"..\\..\\..\\src","sources":["components/PinInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/PlatformList.js

@@ -0,0 +1,129 @@
+import React from 'react';
+import { View, Text, StyleSheet, TouchableOpacity, ActivityIndicator } from 'react-native';
+import Icon from 'react-native-vector-icons/MaterialIcons';
+import { COLORS, PLATFORMS } from '../constants';
+export const PlatformList = ({
+  connections,
+  onToggle,
+  isLoading,
+  canProceed,
+  onProceed
+}) => {
+  const renderPlatformItem = (platform, isConnected) => {
+    const platformConfig = PLATFORMS[platform];
+    if (!platformConfig) return null;
+    return /*#__PURE__*/React.createElement(View, {
+      key: platform,
+      style: styles.platformContainer
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.platformHeader
+    }, /*#__PURE__*/React.createElement(Icon, {
+      name: platformConfig.icon,
+      size: 24,
+      color: platformConfig.color
+    }), /*#__PURE__*/React.createElement(Text, {
+      style: styles.platformName
+    }, platformConfig.name)), platformConfig.description && /*#__PURE__*/React.createElement(Text, {
+      style: styles.platformDescription
+    }, platformConfig.description), /*#__PURE__*/React.createElement(TouchableOpacity, {
+      style: [styles.connectButton, isConnected ? styles.connectedButton : styles.disconnectedButton],
+      onPress: () => onToggle(platform, !isConnected),
+      disabled: isLoading
+    }, isLoading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
+      color: "#fff"
+    }) : /*#__PURE__*/React.createElement(Text, {
+      style: styles.buttonText
+    }, isConnected ? 'Disconnect' : 'Connect')));
+  };
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.title
+  }, "Connect your platforms"), /*#__PURE__*/React.createElement(Text, {
+    style: styles.subtitle
+  }, "Connect at least 2 platforms to proceed"), /*#__PURE__*/React.createElement(View, {
+    style: styles.platformsList
+  }, Object.entries(connections).map(([platform, status]) => renderPlatformItem(platform, !!status))), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: [styles.proceedButton, !canProceed && styles.disabledButton],
+    onPress: onProceed,
+    disabled: !canProceed || isLoading
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.proceedButtonText
+  }, "Proceed")));
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    padding: 16
+  },
+  title: {
+    fontSize: 20,
+    fontWeight: '600',
+    marginBottom: 8,
+    color: COLORS.text.primary
+  },
+  subtitle: {
+    fontSize: 14,
+    color: COLORS.text.secondary,
+    marginBottom: 24
+  },
+  platformsList: {
+    flex: 1
+  },
+  platformContainer: {
+    backgroundColor: '#fff',
+    borderRadius: 12,
+    padding: 16,
+    marginBottom: 16,
+    borderWidth: 1,
+    borderColor: COLORS.border
+  },
+  platformHeader: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginBottom: 8
+  },
+  platformName: {
+    fontSize: 16,
+    fontWeight: '600',
+    marginLeft: 12,
+    color: COLORS.text.primary
+  },
+  platformDescription: {
+    fontSize: 14,
+    color: COLORS.text.secondary,
+    marginBottom: 16
+  },
+  connectButton: {
+    paddingVertical: 8,
+    paddingHorizontal: 16,
+    borderRadius: 8,
+    alignItems: 'center'
+  },
+  connectedButton: {
+    backgroundColor: COLORS.success
+  },
+  disconnectedButton: {
+    backgroundColor: COLORS.primary
+  },
+  buttonText: {
+    color: '#fff',
+    fontWeight: '600'
+  },
+  proceedButton: {
+    backgroundColor: COLORS.primary,
+    paddingVertical: 16,
+    borderRadius: 12,
+    alignItems: 'center',
+    marginTop: 16
+  },
+  disabledButton: {
+    opacity: 0.5
+  },
+  proceedButtonText: {
+    color: '#fff',
+    fontSize: 16,
+    fontWeight: '600'
+  }
+});
+//# sourceMappingURL=PlatformList.js.map

package/lib/module/components/PlatformList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","StyleSheet","TouchableOpacity","ActivityIndicator","Icon","COLORS","PLATFORMS","PlatformList","connections","onToggle","isLoading","canProceed","onProceed","renderPlatformItem","platform","isConnected","platformConfig","createElement","key","style","styles","platformContainer","platformHeader","name","icon","size","color","platformName","description","platformDescription","connectButton","connectedButton","disconnectedButton","onPress","disabled","buttonText","container","title","subtitle","platformsList","Object","entries","map","status","proceedButton","disabledButton","proceedButtonText","create","flex","padding","fontSize","fontWeight","marginBottom","text","primary","secondary","backgroundColor","borderRadius","borderWidth","borderColor","border","flexDirection","alignItems","marginLeft","paddingVertical","paddingHorizontal","success","marginTop","opacity"],"sourceRoot":"..\\..\\..\\src","sources":["components/PlatformList.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/TrainingModal.js

@@ -0,0 +1,122 @@
+import React from 'react';
+import { View, Text, StyleSheet, TouchableOpacity, ActivityIndicator } from 'react-native';
+import Icon from 'react-native-vector-icons/MaterialIcons';
+import { COLORS } from '../constants';
+export const TrainingModal = ({
+  progress,
+  eta,
+  onCancel
+}) => {
+  const progressPercentage = Math.round(progress * 100);
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.container
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.content
+  }, /*#__PURE__*/React.createElement(Icon, {
+    name: "auto_awesome",
+    size: 48,
+    color: COLORS.primary
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: styles.title
+  }, "Training Your AI Model"), /*#__PURE__*/React.createElement(Text, {
+    style: styles.subtitle
+  }, "We're analyzing your social media data to create your personalized AI model"), /*#__PURE__*/React.createElement(View, {
+    style: styles.progressContainer
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.progressBar
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.progressFill, {
+      width: `${progressPercentage}%`
+    }]
+  })), /*#__PURE__*/React.createElement(Text, {
+    style: styles.progressText
+  }, progressPercentage, "%")), /*#__PURE__*/React.createElement(Text, {
+    style: styles.etaText
+  }, "Estimated time remaining: ", eta), /*#__PURE__*/React.createElement(View, {
+    style: styles.loadingContainer
+  }, /*#__PURE__*/React.createElement(ActivityIndicator, {
+    size: "small",
+    color: COLORS.primary
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: styles.loadingText
+  }, "Processing your data...")), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.cancelButton,
+    onPress: onCancel
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.cancelButtonText
+  }, "Cancel"))));
+};
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    padding: 24
+  },
+  content: {
+    width: '100%',
+    alignItems: 'center'
+  },
+  title: {
+    fontSize: 24,
+    fontWeight: '600',
+    marginTop: 24,
+    marginBottom: 8,
+    color: COLORS.text.primary,
+    textAlign: 'center'
+  },
+  subtitle: {
+    fontSize: 16,
+    color: COLORS.text.secondary,
+    textAlign: 'center',
+    marginBottom: 32
+  },
+  progressContainer: {
+    width: '100%',
+    marginBottom: 16
+  },
+  progressBar: {
+    height: 8,
+    backgroundColor: COLORS.border,
+    borderRadius: 4,
+    overflow: 'hidden'
+  },
+  progressFill: {
+    height: '100%',
+    backgroundColor: COLORS.primary,
+    borderRadius: 4
+  },
+  progressText: {
+    fontSize: 14,
+    color: COLORS.text.secondary,
+    textAlign: 'center',
+    marginTop: 8
+  },
+  etaText: {
+    fontSize: 14,
+    color: COLORS.text.secondary,
+    marginBottom: 24
+  },
+  loadingContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginBottom: 32
+  },
+  loadingText: {
+    fontSize: 14,
+    color: COLORS.text.secondary,
+    marginLeft: 8
+  },
+  cancelButton: {
+    paddingVertical: 12,
+    paddingHorizontal: 24,
+    borderRadius: 8,
+    borderWidth: 1,
+    borderColor: COLORS.border
+  },
+  cancelButtonText: {
+    fontSize: 16,
+    color: COLORS.text.secondary
+  }
+});
+//# sourceMappingURL=TrainingModal.js.map

package/lib/module/components/TrainingModal.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","StyleSheet","TouchableOpacity","ActivityIndicator","Icon","COLORS","TrainingModal","progress","eta","onCancel","progressPercentage","Math","round","createElement","style","styles","container","content","name","size","color","primary","title","subtitle","progressContainer","progressBar","progressFill","width","progressText","etaText","loadingContainer","loadingText","cancelButton","onPress","cancelButtonText","create","flex","justifyContent","alignItems","padding","fontSize","fontWeight","marginTop","marginBottom","text","textAlign","secondary","height","backgroundColor","border","borderRadius","overflow","flexDirection","marginLeft","paddingVertical","paddingHorizontal","borderWidth","borderColor"],"sourceRoot":"..\\..\\..\\src","sources":["components/TrainingModal.tsx"],"mappings":"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","ignoreList":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@onairos/react-native",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Onairos React Native SDK for social media authentication and AI model training",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -32,10 +32,11 @@
     "lint": "eslint \"**/*.{js,ts,tsx}\"",
     "prepare": "bob build",
     "release": "release-it",
-    "example": "yarn --cwd example",
-    "bootstrap": "yarn example && yarn install",
+    "example": "npm --prefix example",
+    "bootstrap": "npm run example && npm install",
     "build": "bob build",
-    "clean": "del lib"
+    "clean": "del-cli lib",
+    "prebuild": "npm run clean"
   },
   "keywords": [
     "react-native",

package/src/components/OnairosButton.tsx

@@ -13,8 +13,8 @@ import * as Keychain from 'react-native-keychain';
 import { UniversalOnboarding } from './UniversalOnboarding';
 import { DataRequestModal } from './DataRequestModal';
 import { useCredentials } from '../hooks/useCredentials';
-import { validateCredentials } from '../utils/auth';
-import { COLORS } from '../constants';
+// import { validateCredentials } from '../utils/auth';
+// import { COLORS } from '../constants';
 import type { OnairosButtonProps } from '../types';
 
 export const OnairosButton: React.FC<OnairosButtonProps> = ({
@@ -104,9 +104,9 @@ export const OnairosButton: React.FC<OnairosButtonProps> = ({
     return () => {
       // Cleanup deep linking
       // Note: Remove event listener based on RN version
-      if (Platform.OS === 'android') {
-        Linking.removeEventListener('url', handleDeepLink);
-      }
+      // if (Platform.OS === 'android') {
+      //   Linking.removeEventListener('url', handleDeepLink);
+      // }
     };
   }, []);
 

package/src/components/PinInput.tsx

@@ -0,0 +1,189 @@
+import React, { useState, useCallback } from 'react';
+import {
+  View,
+  Text,
+  StyleSheet,
+  TextInput,
+  TouchableOpacity,
+  Keyboard,
+} from 'react-native';
+import Icon from 'react-native-vector-icons/MaterialIcons';
+import { COLORS } from '../constants';
+import type { PinInputProps } from '../types';
+
+export const PinInput: React.FC<PinInputProps> = ({
+  onSubmit,
+  minLength = 8,
+  requireSpecialChar = true,
+  requireNumber = true,
+}) => {
+  const [pin, setPin] = useState('');
+  const [error, setError] = useState<string | null>(null);
+  const [showPin, setShowPin] = useState(false);
+
+  const validatePin = useCallback((value: string) => {
+    if (value.length < minLength) {
+      return `PIN must be at least ${minLength} characters`;
+    }
+    if (requireSpecialChar && !/[!@#$%^&*(),.?":{}|<>]/.test(value)) {
+      return 'PIN must include a special character';
+    }
+    if (requireNumber && !/\d/.test(value)) {
+      return 'PIN must include a number';
+    }
+    return null;
+  }, [minLength, requireSpecialChar, requireNumber]);
+
+  const handleSubmit = useCallback(() => {
+    const validationError = validatePin(pin);
+    if (validationError) {
+      setError(validationError);
+      return;
+    }
+    onSubmit(pin);
+  }, [pin, validatePin, onSubmit]);
+
+  const handlePinChange = useCallback((value: string) => {
+    setPin(value);
+    setError(null);
+  }, []);
+
+  return (
+    <View style={styles.container}>
+      <Text style={styles.title}>Create your PIN</Text>
+      <Text style={styles.subtitle}>
+        This PIN will be used to secure your account
+      </Text>
+
+      <View style={styles.inputContainer}>
+        <TextInput
+          style={styles.input}
+          value={pin}
+          onChangeText={handlePinChange}
+          secureTextEntry={!showPin}
+          placeholder="Enter PIN"
+          keyboardType="numeric"
+          maxLength={20}
+          autoCapitalize="none"
+          autoCorrect={false}
+        />
+        <TouchableOpacity
+          style={styles.visibilityButton}
+          onPress={() => setShowPin(!showPin)}
+        >
+          <Icon
+            name={showPin ? 'visibility-off' : 'visibility'}
+            size={24}
+            color={COLORS.text.secondary}
+          />
+        </TouchableOpacity>
+      </View>
+
+      {error && <Text style={styles.error}>{error}</Text>}
+
+      <View style={styles.requirements}>
+        <Text style={styles.requirementTitle}>PIN Requirements:</Text>
+        <Text style={[styles.requirement, pin.length >= minLength && styles.requirementMet]}>
+          • At least {minLength} characters
+        </Text>
+        {requireSpecialChar && (
+          <Text
+            style={[
+              styles.requirement,
+              /[!@#$%^&*(),.?":{}|<>]/.test(pin) && styles.requirementMet,
+            ]}
+          >
+            • Include a special character
+          </Text>
+        )}
+        {requireNumber && (
+          <Text
+            style={[
+              styles.requirement,
+              /\d/.test(pin) && styles.requirementMet,
+            ]}
+          >
+            • Include a number
+          </Text>
+        )}
+      </View>
+
+      <TouchableOpacity
+        style={[styles.submitButton, !pin && styles.submitButtonDisabled]}
+        onPress={handleSubmit}
+        disabled={!pin}
+      >
+        <Text style={styles.submitButtonText}>Continue</Text>
+      </TouchableOpacity>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    padding: 16,
+  },
+  title: {
+    fontSize: 20,
+    fontWeight: '600',
+    marginBottom: 8,
+    color: COLORS.text.primary,
+  },
+  subtitle: {
+    fontSize: 14,
+    color: COLORS.text.secondary,
+    marginBottom: 24,
+  },
+  inputContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    borderWidth: 1,
+    borderColor: COLORS.border,
+    borderRadius: 8,
+    marginBottom: 16,
+  },
+  input: {
+    flex: 1,
+    padding: 12,
+    fontSize: 16,
+  },
+  visibilityButton: {
+    padding: 12,
+  },
+  error: {
+    color: COLORS.error,
+    marginBottom: 16,
+  },
+  requirements: {
+    marginBottom: 24,
+  },
+  requirementTitle: {
+    fontSize: 14,
+    fontWeight: '600',
+    marginBottom: 8,
+    color: COLORS.text.primary,
+  },
+  requirement: {
+    fontSize: 14,
+    color: COLORS.text.secondary,
+    marginBottom: 4,
+  },
+  requirementMet: {
+    color: COLORS.success,
+  },
+  submitButton: {
+    backgroundColor: COLORS.primary,
+    paddingVertical: 16,
+    borderRadius: 12,
+    alignItems: 'center',
+  },
+  submitButtonDisabled: {
+    opacity: 0.5,
+  },
+  submitButtonText: {
+    color: '#fff',
+    fontSize: 16,
+    fontWeight: '600',
+  },
+});