@onairos/react-native 3.0.22 → 3.0.25

package/lib/module/components/TrainingModal.js

@@ -1,11 +1,14 @@
-import React from 'react';
-import { View, Text, StyleSheet, TouchableOpacity, ActivityIndicator, Dimensions, Modal, TouchableWithoutFeedback, SafeAreaView } from 'react-native';
+import React, { useState, useEffect } from 'react';
+import { View, Text, StyleSheet, TouchableOpacity, ActivityIndicator, Dimensions, Modal, Animated, TouchableWithoutFeedback, SafeAreaView, TextInput, KeyboardAvoidingView, Platform } from 'react-native';
 import Icon from 'react-native-vector-icons/MaterialIcons';
 import { COLORS } from '../constants';
 const {
   width,
   height
 } = Dimensions.get('window');
+
+// Dynamic training messages that appear during the process
+const TRAINING_MESSAGES = ["Loading your data...", "Analyzing your digital footprint...", "Your mind is very unique...", "Creating your AI persona...", "Building neural pathways...", "Finalizing your digital twin...", "Almost ready...", "Training complete!"];
 export const TrainingModal = ({
   visible,
   progress,
@@ -15,13 +18,48 @@ export const TrainingModal = ({
   modelKey,
   username
 }) => {
+  const [email, setEmail] = useState('');
+  const [showEmailInput, setShowEmailInput] = useState(false);
+  const [currentMessage, setCurrentMessage] = useState(TRAINING_MESSAGES[0]);
+  const [messageIndex, setMessageIndex] = useState(0);
   const progressPercentage = Math.round(progress * 100);
+
+  // Update training message based on progress
+  useEffect(() => {
+    if (progress > 0) {
+      const newIndex = Math.min(Math.floor(progress * TRAINING_MESSAGES.length), TRAINING_MESSAGES.length - 1);
+      if (newIndex !== messageIndex) {
+        setMessageIndex(newIndex);
+        setCurrentMessage(TRAINING_MESSAGES[newIndex]);
+      }
+    }
+  }, [progress, messageIndex]);
+
+  // Show email input when training is complete
+  useEffect(() => {
+    if (progress >= 1 && !showEmailInput) {
+      setShowEmailInput(true);
+    }
+  }, [progress, showEmailInput]);
+  const handleEmailSubmit = () => {
+    if (email.trim() && onComplete) {
+      // Pass email data to the completion handler
+      onComplete();
+    }
+  };
+  const isValidEmail = email => {
+    const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+    return emailRegex.test(email);
+  };
   return /*#__PURE__*/React.createElement(Modal, {
     visible: visible,
     transparent: true,
     animationType: "none",
     statusBarTranslucent: true,
     onRequestClose: onCancel
+  }, /*#__PURE__*/React.createElement(KeyboardAvoidingView, {
+    style: styles.modalOverlay,
+    behavior: Platform.OS === 'ios' ? 'padding' : 'height'
   }, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, null, /*#__PURE__*/React.createElement(View, {
     style: styles.modalOverlay
   }, /*#__PURE__*/React.createElement(TouchableWithoutFeedback, null, /*#__PURE__*/React.createElement(View, {
@@ -34,7 +72,7 @@ export const TrainingModal = ({
     style: styles.container
   }, /*#__PURE__*/React.createElement(View, {
     style: styles.content
-  }, /*#__PURE__*/React.createElement(Icon, {
+  }, !showEmailInput ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
     name: "auto_awesome",
     size: 48,
     color: COLORS.primary
@@ -46,7 +84,7 @@ export const TrainingModal = ({
     style: styles.progressContainer
   }, /*#__PURE__*/React.createElement(View, {
     style: styles.progressBar
-  }, /*#__PURE__*/React.createElement(View, {
+  }, /*#__PURE__*/React.createElement(Animated.View, {
     style: [styles.progressFill, {
       width: `${progressPercentage}%`
     }]
@@ -61,19 +99,51 @@ export const TrainingModal = ({
     color: COLORS.primary
   }), /*#__PURE__*/React.createElement(Text, {
     style: styles.loadingText
-  }, "Processing your data...")), /*#__PURE__*/React.createElement(View, {
+  }, currentMessage)), /*#__PURE__*/React.createElement(View, {
+    style: styles.footer
+  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: styles.cancelButton,
+    onPress: onCancel
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.cancelButtonText
+  }, "Cancel")))) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Icon, {
+    name: "check_circle",
+    size: 48,
+    color: "#4CAF50"
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: styles.title
+  }, "Training Complete!"), /*#__PURE__*/React.createElement(Text, {
+    style: styles.subtitle
+  }, "Your AI model is ready. Enter your email to receive your account details and access your digital twin."), /*#__PURE__*/React.createElement(View, {
+    style: styles.emailContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.emailLabel
+  }, "Email Address"), /*#__PURE__*/React.createElement(TextInput, {
+    style: styles.emailInput,
+    placeholder: "Enter your email address",
+    placeholderTextColor: "#999",
+    value: email,
+    onChangeText: setEmail,
+    keyboardType: "email-address",
+    autoCapitalize: "none",
+    autoCorrect: false,
+    autoComplete: "email"
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: styles.emailHint
+  }, "We'll send you login credentials and access to your AI persona")), /*#__PURE__*/React.createElement(View, {
     style: styles.footer
   }, /*#__PURE__*/React.createElement(TouchableOpacity, {
     style: styles.cancelButton,
     onPress: onCancel
   }, /*#__PURE__*/React.createElement(Text, {
     style: styles.cancelButtonText
-  }, "Cancel")), progress >= 1 && /*#__PURE__*/React.createElement(TouchableOpacity, {
-    style: styles.completeButton,
-    onPress: onComplete
+  }, "Cancel")), /*#__PURE__*/React.createElement(TouchableOpacity, {
+    style: [styles.completeButton, !isValidEmail(email) && styles.completeButtonDisabled],
+    onPress: handleEmailSubmit,
+    disabled: !isValidEmail(email)
   }, /*#__PURE__*/React.createElement(Text, {
-    style: styles.completeButtonText
-  }, "Complete"))))))))));
+    style: [styles.completeButtonText, !isValidEmail(email) && styles.completeButtonTextDisabled]
+  }, "Complete Setup"))))))))))));
 };
 const styles = StyleSheet.create({
   modalOverlay: {
@@ -85,7 +155,7 @@ const styles = StyleSheet.create({
   bottomSheet: {
     backgroundColor: '#fff',
     width: width,
-    height: height * 0.6,
+    height: height * 0.7,
     borderTopLeftRadius: 24,
     borderTopRightRadius: 24,
     overflow: 'hidden'
@@ -125,7 +195,8 @@ const styles = StyleSheet.create({
     fontSize: 16,
     color: COLORS.text.secondary,
     textAlign: 'center',
-    marginBottom: 32
+    marginBottom: 32,
+    lineHeight: 22
   },
   progressContainer: {
     width: '100%',
@@ -159,9 +230,37 @@ const styles = StyleSheet.create({
     marginBottom: 32
   },
   loadingText: {
+    fontSize: 16,
+    color: COLORS.text.primary,
+    marginLeft: 12,
+    fontWeight: '500'
+  },
+  emailContainer: {
+    width: '100%',
+    marginBottom: 32
+  },
+  emailLabel: {
+    fontSize: 16,
+    fontWeight: '600',
+    color: COLORS.text.primary,
+    marginBottom: 8
+  },
+  emailInput: {
+    width: '100%',
+    height: 48,
+    borderWidth: 1,
+    borderColor: '#E0E0E0',
+    borderRadius: 12,
+    paddingHorizontal: 16,
+    fontSize: 16,
+    color: COLORS.text.primary,
+    backgroundColor: '#F8F8F8'
+  },
+  emailHint: {
     fontSize: 14,
     color: COLORS.text.secondary,
-    marginLeft: 8
+    marginTop: 8,
+    textAlign: 'center'
   },
   footer: {
     flexDirection: 'row',
@@ -186,14 +285,18 @@ const styles = StyleSheet.create({
     paddingVertical: 16,
     paddingHorizontal: 32,
     borderRadius: 16,
-    backgroundColor: '#fff',
-    borderWidth: 1,
-    borderColor: '#000'
+    backgroundColor: '#000'
+  },
+  completeButtonDisabled: {
+    backgroundColor: '#E0E0E0'
   },
   completeButtonText: {
     fontSize: 16,
     fontWeight: '600',
-    color: '#000'
+    color: '#fff'
+  },
+  completeButtonTextDisabled: {
+    color: '#999'
   }
 });
 //# sourceMappingURL=TrainingModal.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","StyleSheet","TouchableOpacity","ActivityIndicator","Dimensions","Modal","TouchableWithoutFeedback","SafeAreaView","Icon","COLORS","width","height","get","TrainingModal","visible","progress","eta","onCancel","onComplete","modelKey","username","progressPercentage","Math","round","createElement","transparent","animationType","statusBarTranslucent","onRequestClose","style","styles","modalOverlay","bottomSheet","handleContainer","handle","container","content","name","size","color","primary","title","subtitle","progressContainer","progressBar","progressFill","progressText","etaText","loadingContainer","loadingText","footer","cancelButton","onPress","cancelButtonText","completeButton","completeButtonText","create","flex","backgroundColor","justifyContent","alignItems","borderTopLeftRadius","borderTopRightRadius","overflow","paddingTop","paddingBottom","borderRadius","padding","fontSize","fontWeight","marginTop","marginBottom","text","textAlign","secondary","border","flexDirection","marginLeft","borderTopWidth","borderTopColor","paddingHorizontal","paddingVertical","borderWidth","borderColor"],"sourceRoot":"..\\..\\..\\src","sources":["components/TrainingModal.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useState","useEffect","View","Text","StyleSheet","TouchableOpacity","ActivityIndicator","Dimensions","Modal","Animated","TouchableWithoutFeedback","SafeAreaView","TextInput","KeyboardAvoidingView","Platform","Icon","COLORS","width","height","get","TRAINING_MESSAGES","TrainingModal","visible","progress","eta","onCancel","onComplete","modelKey","username","email","setEmail","showEmailInput","setShowEmailInput","currentMessage","setCurrentMessage","messageIndex","setMessageIndex","progressPercentage","Math","round","newIndex","min","floor","length","handleEmailSubmit","trim","isValidEmail","emailRegex","test","createElement","transparent","animationType","statusBarTranslucent","onRequestClose","style","styles","modalOverlay","behavior","OS","bottomSheet","handleContainer","handle","container","content","Fragment","name","size","color","primary","title","subtitle","progressContainer","progressBar","progressFill","progressText","etaText","loadingContainer","loadingText","footer","cancelButton","onPress","cancelButtonText","emailContainer","emailLabel","emailInput","placeholder","placeholderTextColor","value","onChangeText","keyboardType","autoCapitalize","autoCorrect","autoComplete","emailHint","completeButton","completeButtonDisabled","disabled","completeButtonText","completeButtonTextDisabled","create","flex","backgroundColor","justifyContent","alignItems","borderTopLeftRadius","borderTopRightRadius","overflow","paddingTop","paddingBottom","borderRadius","padding","fontSize","fontWeight","marginTop","marginBottom","text","textAlign","secondary","lineHeight","border","flexDirection","marginLeft","borderWidth","borderColor","paddingHorizontal","borderTopWidth","borderTopColor","paddingVertical"],"sourceRoot":"..\\..\\..\\src","sources":["components/TrainingModal.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/UniversalOnboarding.js

@@ -1,9 +1,12 @@
 import React, { useCallback, useEffect, useState } from 'react';
-import { View, Text, StyleSheet, TouchableOpacity, Dimensions, Platform, Modal, Animated, SafeAreaView, TouchableWithoutFeedback, ScrollView, Image, Switch } from 'react-native';
+import { View, Text, StyleSheet, TouchableOpacity, ActivityIndicator, Dimensions, Platform, Modal, Animated, SafeAreaView, TouchableWithoutFeedback, ScrollView, Image, Switch, Linking } from 'react-native';
 import Icon from 'react-native-vector-icons/MaterialIcons';
 import { PinInput } from './PinInput';
 import { TrainingModal } from './TrainingModal';
+import { OAuthWebView } from './onboarding/OAuthWebView';
 import { useConnections } from '../hooks/useConnections';
+import { COLORS } from '../constants';
+import { initiateOAuth, initiateNativeAuth, hasNativeSDK, isOAuthCallback } from '../services/platformAuthService';
 const {
   height,
   width
@@ -30,6 +33,11 @@ export const UniversalOnboarding = ({
   });
   const [slideAnim] = useState(new Animated.Value(height));
   const [platformToggles, setPlatformToggles] = useState({});
+  const [oauthUrl, setOauthUrl] = useState('');
+  const [currentPlatform, setCurrentPlatform] = useState('');
+  const [userEmail, setUserEmail] = useState('user@example.com'); // Use proper email instead of random username
+  const [isConnectingPlatform, setIsConnectingPlatform] = useState(false);
+  const [connectingPlatform, setConnectingPlatform] = useState(null);
   const platforms = [{
     id: 'instagram',
     name: 'Instagram',
@@ -67,6 +75,29 @@ export const UniversalOnboarding = ({
         bounciness: 0
       }).start();
 
+      // Set up deep link listener for OAuth callbacks
+      // Using the subscription pattern for React Native's Linking API
+      const subscription = Linking.addListener('url', ({
+        url
+      }) => {
+        if (isOAuthCallback(url)) {
+          handleOAuthCallback(url);
+        }
+      });
+
+      // Check for initial URL (app was opened via deep link)
+      Linking.getInitialURL().then(initialUrl => {
+        if (initialUrl && isOAuthCallback(initialUrl)) {
+          handleOAuthCallback(initialUrl);
+        }
+      });
+
+      // Return cleanup function
+      return () => {
+        // Remove event listener using the subscription
+        subscription.remove();
+      };
+
       // Initialize platform toggles
       const initialToggles = {};
       platforms.forEach(platform => {
@@ -127,34 +158,165 @@ export const UniversalOnboarding = ({
     const status = await getConnectionStatus();
     setConnections(status);
   }, [getConnectionStatus]);
-  const togglePlatform = useCallback(platformId => {
-    setPlatformToggles(prev => ({
-      ...prev,
-      [platformId]: !prev[platformId]
-    }));
-  }, []);
+  const togglePlatform = useCallback(async platformId => {
+    if (!platformToggles[platformId]) {
+      // Attempt to connect platform
+      try {
+        setIsConnectingPlatform(true);
+        setConnectingPlatform(platformId);
+        console.log(`Initiating connection for ${platformId}`);
+
+        // Check if platform has a native SDK
+        if (hasNativeSDK(platformId)) {
+          console.log(`Using native SDK for ${platformId}`);
+          // Use native SDK for authentication
+          const success = await initiateNativeAuth(platformId);
+          if (success) {
+            console.log(`Native authentication successful for ${platformId}`);
+            // Update platform toggle state
+            setPlatformToggles(prev => ({
+              ...prev,
+              [platformId]: true
+            }));
+
+            // Update connections state
+            setConnections(prev => ({
+              ...prev,
+              [platformId]: {
+                userName: userEmail,
+                connected: true
+              }
+            }));
+          }
+        } else {
+          console.log(`Initiating OAuth flow for ${platformId}`);
+          // Use OAuth flow through proxy server
+          const oauthUrl = await initiateOAuth(platformId, userEmail);
+          if (oauthUrl) {
+            console.log(`Received OAuth URL for ${platformId}: ${oauthUrl}`);
+            setCurrentPlatform(platformId);
+            setOauthUrl(oauthUrl);
+            setStep('oauth');
+          } else {
+            console.error(`No OAuth URL returned for ${platformId}`);
+          }
+        }
+      } catch (error) {
+        console.error(`Error connecting ${platformId}:`, error);
+        // Reset toggle state on error
+        setPlatformToggles(prev => ({
+          ...prev,
+          [platformId]: false
+        }));
+      } finally {
+        setIsConnectingPlatform(false);
+        setConnectingPlatform(null);
+      }
+    } else {
+      // Disconnect platform
+      console.log(`Disconnecting ${platformId}`);
+      setPlatformToggles(prev => ({
+        ...prev,
+        [platformId]: false
+      }));
+
+      // Update connections state
+      setConnections(prev => {
+        const newConnections = {
+          ...prev
+        };
+        delete newConnections[platformId];
+        return newConnections;
+      });
+    }
+  }, [platformToggles, userEmail]);
+
+  /**
+   * Handles OAuth callback URLs
+   */
+  const handleOAuthCallback = useCallback(url => {
+    try {
+      // Extract the authorization code from the URL
+      const parsedUrl = new URL(url);
+      const code = parsedUrl.searchParams.get('code');
+      const platform = parsedUrl.searchParams.get('platform') || currentPlatform;
+      if (code && platform) {
+        // Update connections state
+        setConnections(prev => ({
+          ...prev,
+          [platform]: {
+            userName: userEmail,
+            connected: true
+          }
+        }));
+
+        // Update platform toggles
+        setPlatformToggles(prev => ({
+          ...prev,
+          [platform]: true
+        }));
+
+        // Return to the connect step
+        setStep('connect');
+      }
+    } catch (error) {
+      console.error('Error handling OAuth callback:', error);
+    }
+  }, [currentPlatform, userEmail]);
+
+  /**
+   * Handles completion of the OAuth flow
+   */
+  const handleOAuthSuccess = useCallback(code => {
+    console.log(`OAuth success for ${currentPlatform} with code: ${code}`);
+
+    // Update connections for the current platform
+    if (currentPlatform) {
+      // Update connections state
+      setConnections(prev => ({
+        ...prev,
+        [currentPlatform]: {
+          userName: userEmail,
+          connected: true
+        }
+      }));
+
+      // Update platform toggles
+      setPlatformToggles(prev => ({
+        ...prev,
+        [currentPlatform]: true
+      }));
+
+      // In a real implementation, we would send the code to our server
+      // to exchange it for an access token and store it securely
+      console.log(`Simulating token exchange for ${currentPlatform}`);
+
+      // For demo purposes, we'll just simulate a successful token exchange
+      if (debug || test) {
+        console.log('Debug mode: Simulating successful token exchange');
+      }
+    }
+
+    // Close OAuth window and return to connect step
+    setOauthUrl('');
+    setStep('connect');
+  }, [currentPlatform, userEmail, debug, test]);
   const handlePinSubmit = useCallback(async userPin => {
     setPin(userPin);
     setStep('training');
-    // Simulate training progress
+    // Simulate training progress over 10 seconds
     let progress = 0;
     const interval = setInterval(() => {
-      progress += 0.1;
+      progress += 1; // 10% progress every second for 1 seconds total
       setTraining({
         progress,
-        eta: `${Math.round((1 - progress) * 100)} seconds remaining`
+        eta: `${Math.round((1 - progress) * 10)} seconds remaining`
       });
       if (progress >= 1) {
         clearInterval(interval);
-        onComplete('https://api2.onairos.uk', 'dummy-token', {
-          pin: userPin,
-          connections,
-          platformToggles,
-          selectedTier,
-          tierData: requestData === null || requestData === void 0 ? void 0 : requestData[selectedTier]
-        });
+        // Training complete - TrainingModal will handle email input and final completion
       }
-    }, 1000);
+    }, 1000); // 1 second intervals for 10 total seconds
   }, [connections, onComplete, selectedTier, requestData, platformToggles]);
   const canProceedToPin = useCallback(() => {
     // Check if at least one platform is toggled on
@@ -216,26 +378,39 @@ export const UniversalOnboarding = ({
     style: styles.privacyMessage
   }, "None of your app data is shared with ANYONE")), /*#__PURE__*/React.createElement(View, {
     style: styles.platformsContainer
-  }, platforms.map(platform => /*#__PURE__*/React.createElement(View, {
-    key: platform.id,
-    style: styles.platformItem
-  }, /*#__PURE__*/React.createElement(View, {
-    style: styles.platformInfo
-  }, /*#__PURE__*/React.createElement(Image, {
-    source: platform.icon,
-    style: styles.platformIcon,
-    resizeMode: "contain"
-  }), /*#__PURE__*/React.createElement(Text, {
-    style: styles.platformName
-  }, platform.name)), /*#__PURE__*/React.createElement(Switch, {
-    value: platformToggles[platform.id],
-    onValueChange: () => togglePlatform(platform.id),
-    trackColor: {
-      false: '#767577',
-      true: '#81b0ff'
-    },
-    thumbColor: platformToggles[platform.id] ? '#2196F3' : '#f4f3f4'
-  }))))), /*#__PURE__*/React.createElement(View, {
+  }, platforms.map(platform => {
+    var _connections$platform, _connections$platform2, _connections$platform3, _connections$platform4;
+    return /*#__PURE__*/React.createElement(View, {
+      key: platform.id,
+      style: [styles.platformItem, ((_connections$platform = connections[platform.id]) === null || _connections$platform === void 0 ? void 0 : _connections$platform.connected) && styles.platformItemConnected]
+    }, /*#__PURE__*/React.createElement(View, {
+      style: styles.platformInfo
+    }, /*#__PURE__*/React.createElement(Image, {
+      source: platform.icon,
+      style: styles.platformIcon,
+      resizeMode: "contain"
+    }), /*#__PURE__*/React.createElement(View, {
+      style: styles.platformTextContainer
+    }, /*#__PURE__*/React.createElement(Text, {
+      style: styles.platformName
+    }, platform.name), ((_connections$platform2 = connections[platform.id]) === null || _connections$platform2 === void 0 ? void 0 : _connections$platform2.connected) && /*#__PURE__*/React.createElement(Text, {
+      style: styles.connectedText
+    }, "Connected"))), /*#__PURE__*/React.createElement(View, {
+      style: styles.platformActions
+    }, connectingPlatform === platform.id ? /*#__PURE__*/React.createElement(ActivityIndicator, {
+      size: "small",
+      color: COLORS.primary
+    }) : /*#__PURE__*/React.createElement(Switch, {
+      value: platformToggles[platform.id] || ((_connections$platform3 = connections[platform.id]) === null || _connections$platform3 === void 0 ? void 0 : _connections$platform3.connected) || false,
+      onValueChange: () => togglePlatform(platform.id),
+      trackColor: {
+        false: '#767577',
+        true: '#81b0ff'
+      },
+      thumbColor: platformToggles[platform.id] || (_connections$platform4 = connections[platform.id]) !== null && _connections$platform4 !== void 0 && _connections$platform4.connected ? '#2196F3' : '#f4f3f4',
+      disabled: connectingPlatform !== null
+    })));
+  }))), /*#__PURE__*/React.createElement(View, {
     style: styles.footer
   }, /*#__PURE__*/React.createElement(TouchableOpacity, {
     style: styles.footerButtonCancel,
@@ -265,11 +440,21 @@ export const UniversalOnboarding = ({
         connections,
         platformToggles,
         selectedTier,
-        tierData: requestData === null || requestData === void 0 ? void 0 : requestData[selectedTier]
+        tierData: requestData === null || requestData === void 0 ? void 0 : requestData[selectedTier],
+        userEmail
       });
     },
     modelKey: "onairosTrainingModel",
-    username: "demo_user"
+    username: userEmail
+  }), step === 'oauth' && oauthUrl && /*#__PURE__*/React.createElement(OAuthWebView, {
+    url: oauthUrl,
+    platform: currentPlatform,
+    onClose: () => {
+      setStep('connect');
+      setOauthUrl('');
+    },
+    onSuccess: handleOAuthSuccess,
+    onComplete: () => setStep('connect')
   })))))));
 };
 const styles = StyleSheet.create({
@@ -388,6 +573,24 @@ const styles = StyleSheet.create({
     fontWeight: '500',
     color: '#000'
   },
+  platformTextContainer: {
+    flex: 1
+  },
+  connectedText: {
+    fontSize: 12,
+    color: '#4CAF50',
+    fontWeight: '500',
+    marginTop: 2
+  },
+  platformActions: {
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  platformItemConnected: {
+    backgroundColor: '#F8F9FA',
+    borderColor: '#4CAF50',
+    borderWidth: 1
+  },
   footer: {
     flexDirection: 'row',
     alignItems: 'center',