@onairos/react-native 1.0.0 → 1.0.1

package/src/components/PlatformList.tsx

@@ -0,0 +1,145 @@
+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';
+import type { PlatformListProps } from '../types';
+
+export const PlatformList: React.FC<PlatformListProps> = ({
+  connections,
+  onToggle,
+  isLoading,
+  canProceed,
+  onProceed,
+}) => {
+  const renderPlatformItem = (platform: string, isConnected: boolean) => {
+    const platformConfig = PLATFORMS[platform];
+    if (!platformConfig) return null;
+
+    return (
+      <View key={platform} style={styles.platformContainer}>
+        <View style={styles.platformHeader}>
+          <Icon name={platformConfig.icon} size={24} color={platformConfig.color} />
+          <Text style={styles.platformName}>{platformConfig.name}</Text>
+        </View>
+        {platformConfig.description && (
+          <Text style={styles.platformDescription}>{platformConfig.description}</Text>
+        )}
+        <TouchableOpacity
+          style={[
+            styles.connectButton,
+            isConnected ? styles.connectedButton : styles.disconnectedButton,
+          ]}
+          onPress={() => onToggle(platform, !isConnected)}
+          disabled={isLoading}
+        >
+          {isLoading ? (
+            <ActivityIndicator color="#fff" />
+          ) : (
+            <Text style={styles.buttonText}>
+              {isConnected ? 'Disconnect' : 'Connect'}
+            </Text>
+          )}
+        </TouchableOpacity>
+      </View>
+    );
+  };
+
+  return (
+    <View style={styles.container}>
+      <Text style={styles.title}>Connect your platforms</Text>
+      <Text style={styles.subtitle}>
+        Connect at least 2 platforms to proceed
+      </Text>
+      
+      <View style={styles.platformsList}>
+        {Object.entries(connections).map(([platform, status]) =>
+          renderPlatformItem(platform, !!status)
+        )}
+      </View>
+
+      <TouchableOpacity
+        style={[styles.proceedButton, !canProceed && styles.disabledButton]}
+        onPress={onProceed}
+        disabled={!canProceed || isLoading}
+      >
+        <Text style={styles.proceedButtonText}>Proceed</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,
+  },
+  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',
+  },
+}); 

package/src/components/TrainingModal.tsx

@@ -0,0 +1,132 @@
+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';
+import type { TrainingModalProps } from '../types';
+
+export const TrainingModal: React.FC<TrainingModalProps> = ({
+  progress,
+  eta,
+  onCancel,
+}) => {
+  const progressPercentage = Math.round(progress * 100);
+
+  return (
+    <View style={styles.container}>
+      <View style={styles.content}>
+        <Icon name="auto_awesome" size={48} color={COLORS.primary} />
+        
+        <Text style={styles.title}>Training Your AI Model</Text>
+        <Text style={styles.subtitle}>
+          We're analyzing your social media data to create your personalized AI model
+        </Text>
+
+        <View style={styles.progressContainer}>
+          <View style={styles.progressBar}>
+            <View
+              style={[
+                styles.progressFill,
+                { width: `${progressPercentage}%` },
+              ]}
+            />
+          </View>
+          <Text style={styles.progressText}>{progressPercentage}%</Text>
+        </View>
+
+        <Text style={styles.etaText}>Estimated time remaining: {eta}</Text>
+
+        <View style={styles.loadingContainer}>
+          <ActivityIndicator size="small" color={COLORS.primary} />
+          <Text style={styles.loadingText}>Processing your data...</Text>
+        </View>
+
+        <TouchableOpacity
+          style={styles.cancelButton}
+          onPress={onCancel}
+        >
+          <Text style={styles.cancelButtonText}>Cancel</Text>
+        </TouchableOpacity>
+      </View>
+    </View>
+  );
+};
+
+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,
+  },
+}); 

package/lib/commonjs/components/Notification.js

@@ -1,106 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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":[]}

package/lib/module/components/Notification.js

@@ -1,99 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { View, Text, StyleSheet, Animated } from 'react-native';
-const Notification = ({
-  message,
-  color = 'blue',
-  duration = 3000,
-  onClose
-}) => {
-  const [fadeAnim] = useState(new Animated.Value(0));
-  useEffect(() => {
-    // Fade in
-    Animated.timing(fadeAnim, {
-      toValue: 1,
-      duration: 300,
-      useNativeDriver: true
-    }).start();
-
-    // Set timeout to fade out
-    const timer = setTimeout(() => {
-      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.createElement(Animated.View, {
-    style: [styles.container, {
-      backgroundColor: getBackgroundColor(),
-      opacity: fadeAnim,
-      transform: [{
-        translateY: fadeAnim.interpolate({
-          inputRange: [0, 1],
-          outputRange: [-20, 0]
-        })
-      }]
-    }]
-  }, /*#__PURE__*/React.createElement(Text, {
-    style: [styles.message, {
-      color: getTextColor()
-    }]
-  }, message));
-};
-const styles = 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'
-  }
-});
-export default Notification;
-//# sourceMappingURL=Notification.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["React","useEffect","useState","View","Text","StyleSheet","Animated","Notification","message","color","duration","onClose","fadeAnim","Value","timing","toValue","useNativeDriver","start","timer","setTimeout","clearTimeout","getBackgroundColor","getTextColor","createElement","style","styles","container","backgroundColor","opacity","transform","translateY","interpolate","inputRange","outputRange","create","position","top","left","right","padding","borderRadius","shadowColor","shadowOffset","width","height","shadowOpacity","shadowRadius","elevation","zIndex","fontSize","fontWeight"],"sourceRoot":"..\\..\\..\\src","sources":["components/Notification.js"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,SAASC,IAAI,EAAEC,IAAI,EAAEC,UAAU,EAAEC,QAAQ,QAAQ,cAAc;AAE/D,MAAMC,YAAY,GAAGA,CAAC;EAAEC,OAAO;EAAEC,KAAK,GAAG,MAAM;EAAEC,QAAQ,GAAG,IAAI;EAAEC;AAAQ,CAAC,KAAK;EAC9E,MAAM,CAACC,QAAQ,CAAC,GAAGV,QAAQ,CAAC,IAAII,QAAQ,CAACO,KAAK,CAAC,CAAC,CAAC,CAAC;EAElDZ,SAAS,CAAC,MAAM;IACd;IACAK,QAAQ,CAACQ,MAAM,CAACF,QAAQ,EAAE;MACxBG,OAAO,EAAE,CAAC;MACVL,QAAQ,EAAE,GAAG;MACbM,eAAe,EAAE;IACnB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;;IAEV;IACA,MAAMC,KAAK,GAAGC,UAAU,CAAC,MAAM;MAC7Bb,QAAQ,CAACQ,MAAM,CAACF,QAAQ,EAAE;QACxBG,OAAO,EAAE,CAAC;QACVL,QAAQ,EAAE,GAAG;QACbM,eAAe,EAAE;MACnB,CAAC,CAAC,CAACC,KAAK,CAAC,MAAM;QACb,IAAIN,OAAO,EAAEA,OAAO,CAAC,CAAC;MACxB,CAAC,CAAC;IACJ,CAAC,EAAED,QAAQ,CAAC;IAEZ,OAAO,MAAMU,YAAY,CAACF,KAAK,CAAC;EAClC,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA,MAAMG,kBAAkB,GAAGA,CAAA,KAAM;IAC/B,QAAQZ,KAAK;MACX,KAAK,KAAK;QACR,OAAO,SAAS;MAClB,KAAK,OAAO;QACV,OAAO,SAAS;MAClB,KAAK,QAAQ;QACX,OAAO,SAAS;MAClB;QACE,OAAO,SAAS;IACpB;EACF,CAAC;;EAED;EACA,MAAMa,YAAY,GAAGA,CAAA,KAAM;IACzB,QAAQb,KAAK;MACX,KAAK,KAAK;QACR,OAAO,SAAS;MAClB,KAAK,OAAO;QACV,OAAO,SAAS;MAClB,KAAK,QAAQ;QACX,OAAO,SAAS;MAClB;QACE,OAAO,SAAS;IACpB;EACF,CAAC;EAED,oBACET,KAAA,CAAAuB,aAAA,CAACjB,QAAQ,CAACH,IAAI;IACZqB,KAAK,EAAE,CACLC,MAAM,CAACC,SAAS,EAChB;MACEC,eAAe,EAAEN,kBAAkB,CAAC,CAAC;MACrCO,OAAO,EAAEhB,QAAQ;MACjBiB,SAAS,EAAE,CACT;QACEC,UAAU,EAAElB,QAAQ,CAACmB,WAAW,CAAC;UAC/BC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;UAClBC,WAAW,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC;QACtB,CAAC;MACH,CAAC;IAEL,CAAC;EACD,gBAEFjC,KAAA,CAAAuB,aAAA,CAACnB,IAAI;IAACoB,KAAK,EAAE,CAACC,MAAM,CAACjB,OAAO,EAAE;MAAEC,KAAK,EAAEa,YAAY,CAAC;IAAE,CAAC;EAAE,GAAEd,OAAc,CAC5D,CAAC;AAEpB,CAAC;AAED,MAAMiB,MAAM,GAAGpB,UAAU,CAAC6B,MAAM,CAAC;EAC/BR,SAAS,EAAE;IACTS,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,EAAE;IACPC,IAAI,EAAE,EAAE;IACRC,KAAK,EAAE,EAAE;IACTC,OAAO,EAAE,EAAE;IACXC,YAAY,EAAE,CAAC;IACfC,WAAW,EAAE,MAAM;IACnBC,YAAY,EAAE;MAAEC,KAAK,EAAE,CAAC;MAAEC,MAAM,EAAE;IAAE,CAAC;IACrCC,aAAa,EAAE,GAAG;IAClBC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE,CAAC;IACZC,MAAM,EAAE;EACV,CAAC;EACDxC,OAAO,EAAE;IACPyC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,eAAe3C,YAAY","ignoreList":[]}

package/src/components/Notification.js

@@ -1,101 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { View, Text, StyleSheet, Animated } from 'react-native';
-
-const Notification = ({ message, color = 'blue', duration = 3000, onClose }) => {
-  const [fadeAnim] = useState(new Animated.Value(0));
-  
-  useEffect(() => {
-    // Fade in
-    Animated.timing(fadeAnim, {
-      toValue: 1,
-      duration: 300,
-      useNativeDriver: true,
-    }).start();
-    
-    // Set timeout to fade out
-    const timer = setTimeout(() => {
-      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 (
-    <Animated.View
-      style={[
-        styles.container,
-        {
-          backgroundColor: getBackgroundColor(),
-          opacity: fadeAnim,
-          transform: [
-            {
-              translateY: fadeAnim.interpolate({
-                inputRange: [0, 1],
-                outputRange: [-20, 0],
-              }),
-            },
-          ],
-        },
-      ]}
-    >
-      <Text style={[styles.message, { color: getTextColor() }]}>{message}</Text>
-    </Animated.View>
-  );
-};
-
-const styles = 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',
-  },
-});
-
-export default Notification;