onairos 2.0.1 → 2.0.3

package/src/onairosButton.jsx

@@ -1,303 +1,305 @@
-import React, { useEffect, useState, useRef } from 'react';
-import { rsaEncrypt } from './RSA.jsx';
-import EmailAuth from './components/EmailAuth.js';
-import UniversalOnboarding from './components/UniversalOnboarding.js';
-import PinSetup from './components/PinSetup.js';
-import DataRequest from './components/DataRequest.js';
-import { 
-  openDataRequestPopup, 
-  closeDataRequestPopup, 
-  sendDataToPopup, 
-  listenForPopupMessages 
-} from './iframe/dataRequestHandler.js';
-
-export function OnairosButton({
-  requestData, 
-  webpageName, 
-  inferenceData = null, 
-  onComplete = null, 
-  autoFetch = true,
-  proofMode = false, 
-  textLayout = 'below', 
-  textColor = 'white',
-  login = false,
-  buttonType = 'pill',
-  loginReturn = null,
-  loginType = 'signIn',
-  visualType = 'full',
-}) {
-
-  const [showOverlay, setShowOverlay] = useState(false);
-  const [currentFlow, setCurrentFlow] = useState('email'); // 'email' | 'onboarding' | 'pin' | 'dataRequest'
-  const [userData, setUserData] = useState(null);
-  const [isLoading, setIsLoading] = useState(false);
-  const [error, setError] = useState(null);
-  const [popupWindow, setPopupWindow] = useState(null);
-  const messageCleanup = useRef(null);
-
-  // Check for existing user session
-  useEffect(() => {
-    const checkExistingSession = () => {
-      const savedUser = localStorage.getItem('onairosUser');
-      if (savedUser) {
-        try {
-          const user = JSON.parse(savedUser);
-          setUserData(user);
-          // If user has completed onboarding and PIN setup, go directly to data request
-          if (user.onboardingComplete && user.pinCreated) {
-            setCurrentFlow('dataRequest');
-          } else if (user.verified && !user.onboardingComplete) {
-            setCurrentFlow('onboarding');
-          } else if (user.onboardingComplete && !user.pinCreated) {
-            setCurrentFlow('pin');
-          }
-        } catch (error) {
-          console.error('Error parsing saved user data:', error);
-          localStorage.removeItem('onairosUser');
-        }
-      }
-    };
-
-    checkExistingSession();
-  }, []);
-
-  // Cleanup popup and message listeners on unmount
-  useEffect(() => {
-    return () => {
-      if (popupWindow) {
-        closeDataRequestPopup(popupWindow);
-      }
-      if (messageCleanup.current) {
-        messageCleanup.current();
-      }
-    };
-  }, [popupWindow]);
-
-  const openTerminal = async () => {
-    try {
-      console.log('🔥 openTerminal called');
-      
-      // If user has completed all steps, open popup directly for data request
-      if (userData?.onboardingComplete && userData?.pinCreated) {
-        openDataRequestDirectly();
-      } else {
-        // Otherwise show the overlay for onboarding flow
-        setShowOverlay(true);
-      }
-    } catch (error) {
-      console.error('Error in openTerminal:', error);
-    }
-  };
-
-  const openDataRequestDirectly = () => {
-    try {
-      // Open popup for data request
-      const popup = openDataRequestPopup({
-        requestData,
-        webpageName,
-        userData,
-        autoFetch,
-        proofMode
-      });
-
-      if (popup) {
-        setPopupWindow(popup);
-        
-        // Set up message listener for popup communication
-        const cleanup = listenForPopupMessages(
-          handlePopupMessage,
-          {
-            autoFetch,
-            onApiResponse: handleApiResponse
-          }
-        );
-        messageCleanup.current = cleanup;
-      }
-    } catch (error) {
-      console.error('Error opening data request popup:', error);
-      setError('Failed to open data request popup');
-    }
-  };
-
-  const handlePopupMessage = (data) => {
-    console.log('🔥 OnairosButton received popup message:', data);
-    
-    if (data.type === 'dataRequestComplete') {
-      handleDataRequestComplete(data);
-    } else if (data.type === 'popupClosed') {
-      setPopupWindow(null);
-      if (messageCleanup.current) {
-        messageCleanup.current();
-        messageCleanup.current = null;
-      }
-    }
-  };
-
-  const handleApiResponse = (apiResponse) => {
-    console.log('🔥 API Response received:', apiResponse);
-    // Additional handling for API response if needed
-  };
-
-  const handleCloseOverlay = () => {
-    setShowOverlay(false);
-    setError(null);
-  };
-
-  // Handle clicks on the backdrop to close modal
-  const handleBackdropClick = (e) => {
-    if (e.target === e.currentTarget) {
-      handleCloseOverlay();
-    }
-  };
-
-  const handleEmailAuthSuccess = (authData) => {
-    console.log('Email auth successful:', authData);
-    const newUserData = {
-      ...authData,
-      verified: true,
-      onboardingComplete: false,
-      pinCreated: false
-    };
-    setUserData(newUserData);
-    localStorage.setItem('onairosUser', JSON.stringify(newUserData));
-    setCurrentFlow('onboarding');
-  };
-
-  const handleOnboardingComplete = (onboardingData) => {
-    console.log('Onboarding completed:', onboardingData);
-    const updatedUserData = {
-      ...userData,
-      onboardingComplete: true,
-      connectedAccounts: onboardingData.connectedAccounts || []
-    };
-    setUserData(updatedUserData);
-    localStorage.setItem('onairosUser', JSON.stringify(updatedUserData));
-    setCurrentFlow('pin');
-  };
-
-  const handlePinSetupComplete = (pinData) => {
-    console.log('PIN setup completed:', pinData);
-    const updatedUserData = {
-      ...userData,
-      ...pinData,
-      pinCreated: true
-    };
-    setUserData(updatedUserData);
-    localStorage.setItem('onairosUser', JSON.stringify(updatedUserData));
-    
-    // Close overlay and open popup for data request
-    setShowOverlay(false);
-    setTimeout(() => {
-      openDataRequestDirectly();
-    }, 300);
-  };
-
-  const handleDataRequestComplete = (requestResult) => {
-    console.log('🔥 OnairosButton: Data request completed:', requestResult);
-    
-    // Update user data with request result
-    const updatedUserData = {
-      ...userData,
-      lastDataRequest: requestResult
-    };
-    setUserData(updatedUserData);
-    localStorage.setItem('onairosUser', JSON.stringify(updatedUserData));
-
-    // Close popup
-    if (popupWindow) {
-      closeDataRequestPopup(popupWindow);
-      setPopupWindow(null);
-    }
-
-    // Call onComplete callback if provided
-    console.log('🔥 Calling onComplete callback with:', requestResult);
-    if (onComplete) {
-      try {
-        onComplete(requestResult);
-        console.log('🔥 onComplete callback executed successfully');
-      } catch (error) {
-        console.error('🔥 Error in onComplete callback:', error);
-      }
-    } else {
-      console.log('🔥 No onComplete callback provided');
-    }
-  };
-
-  const renderCurrentFlow = () => {
-    switch (currentFlow) {
-      case 'email':
-        return (
-          <EmailAuth 
-            onSuccess={handleEmailAuthSuccess}
-            testMode={true} // Set to false in production
-          />
-        );
-      
-      case 'onboarding':
-        return (
-          <UniversalOnboarding 
-            onComplete={handleOnboardingComplete}
-            appIcon="https://onairos.sirv.com/Images/OnairosBlack.png"
-            appName={webpageName}
-          />
-        );
-      
-      case 'pin':
-        return (
-          <PinSetup 
-            onComplete={handlePinSetupComplete}
-            userEmail={userData?.email}
-          />
-        );
-      
-      case 'dataRequest':
-        return (
-          <DataRequest 
-            onComplete={handleDataRequestComplete}
-            userEmail={userData?.email}
-            requestData={requestData}
-            appName={webpageName}
-            autoFetch={autoFetch}
-          />
-        );
-      
-      default:
-        return (
-          <div className="flex flex-col items-center space-y-4 p-6">
-            <div className="animate-spin h-8 w-8 border-2 border-blue-600 rounded-full border-t-transparent"></div>
-            <p className="text-gray-600">Loading...</p>
-          </div>
-        );
-    }
-  };
-
-  // Styling and button class based on visual type
-  const buttonClass = 
-    `flex items-center justify-center font-bold rounded cursor-pointer ${
-    buttonType === 'pill' ? 'px-4 py-2' : 'w-12 h-12'
-    } bg-transparent OnairosConnect`;
-
-  const buttonStyle = {
-    flexDirection: textLayout === 'below' ? 'column' : 'row',
-    backgroundColor: 'transparent',
-    color: textColor,
-    border: '1px solid transparent',
-  };
-
-  // Icon and text style based on the visualType
-  const logoStyle = {
-    width: '20px',
-    height: '20px',
-    marginRight: visualType === 'full' ? '12px' : '0',
-  };
-
-  const getText = () => {
-    switch (loginType) {
-      case 'signUp':
-        return 'Sign Up with Onairos';
-      case 'signOut':
-        return 'Sign Out of Onairos';
-      default:
+import React, { useEffect, useState, useRef } from 'react';
+import { rsaEncrypt } from './RSA.jsx';
+import EmailAuth from './components/EmailAuth.js';
+import UniversalOnboarding from './components/UniversalOnboarding.js';
+import PinSetup from './components/PinSetup.js';
+import DataRequest from './components/DataRequest.js';
+import { 
+  openDataRequestPopup, 
+  closeDataRequestPopup, 
+  sendDataToPopup, 
+  listenForPopupMessages 
+} from './iframe/dataRequestHandler.js';
+
+export function OnairosButton({
+  requestData, 
+  webpageName, 
+  inferenceData = null, 
+  onComplete = null, 
+  autoFetch = true,
+  proofMode = false, 
+  textLayout = 'below', 
+  textColor = 'white',
+  login = false,
+  buttonType = 'pill',
+  loginReturn = null,
+  loginType = 'signIn',
+  visualType = 'full',
+  appIcon = null, // App icon URL to display in the data request screen
+}) {
+
+  const [showOverlay, setShowOverlay] = useState(false);
+  const [currentFlow, setCurrentFlow] = useState('email'); // 'email' | 'onboarding' | 'pin' | 'dataRequest'
+  const [userData, setUserData] = useState(null);
+  const [isLoading, setIsLoading] = useState(false);
+  const [error, setError] = useState(null);
+  const [popupWindow, setPopupWindow] = useState(null);
+  const messageCleanup = useRef(null);
+
+  // Check for existing user session
+  useEffect(() => {
+    const checkExistingSession = () => {
+      const savedUser = localStorage.getItem('onairosUser');
+      if (savedUser) {
+        try {
+          const user = JSON.parse(savedUser);
+          setUserData(user);
+          // If user has completed onboarding and PIN setup, go directly to data request
+          if (user.onboardingComplete && user.pinCreated) {
+            setCurrentFlow('dataRequest');
+          } else if (user.verified && !user.onboardingComplete) {
+            setCurrentFlow('onboarding');
+          } else if (user.onboardingComplete && !user.pinCreated) {
+            setCurrentFlow('pin');
+          }
+        } catch (error) {
+          console.error('Error parsing saved user data:', error);
+          localStorage.removeItem('onairosUser');
+        }
+      }
+    };
+
+    checkExistingSession();
+  }, []);
+
+  // Cleanup popup and message listeners on unmount
+  useEffect(() => {
+    return () => {
+      if (popupWindow) {
+        closeDataRequestPopup(popupWindow);
+      }
+      if (messageCleanup.current) {
+        messageCleanup.current();
+      }
+    };
+  }, [popupWindow]);
+
+  const openTerminal = async () => {
+    try {
+      console.log('🔥 openTerminal called');
+      
+      // If user has completed all steps, open popup directly for data request
+      if (userData?.onboardingComplete && userData?.pinCreated) {
+        openDataRequestDirectly();
+      } else {
+        // Otherwise show the overlay for onboarding flow
+        setShowOverlay(true);
+      }
+    } catch (error) {
+      console.error('Error in openTerminal:', error);
+    }
+  };
+
+  const openDataRequestDirectly = () => {
+    try {
+      // Open popup for data request
+      const popup = openDataRequestPopup({
+        requestData,
+        webpageName,
+        userData,
+        autoFetch,
+        proofMode,
+        appIcon // Pass the app icon to the data request popup
+      });
+
+      if (popup) {
+        setPopupWindow(popup);
+        
+        // Set up message listener for popup communication
+        const cleanup = listenForPopupMessages(
+          handlePopupMessage,
+          {
+            autoFetch,
+            onApiResponse: handleApiResponse
+          }
+        );
+        messageCleanup.current = cleanup;
+      }
+    } catch (error) {
+      console.error('Error opening data request popup:', error);
+      setError('Failed to open data request popup');
+    }
+  };
+
+  const handlePopupMessage = (data) => {
+    console.log('🔥 OnairosButton received popup message:', data);
+    
+    if (data.type === 'dataRequestComplete') {
+      handleDataRequestComplete(data);
+    } else if (data.type === 'popupClosed') {
+      setPopupWindow(null);
+      if (messageCleanup.current) {
+        messageCleanup.current();
+        messageCleanup.current = null;
+      }
+    }
+  };
+
+  const handleApiResponse = (apiResponse) => {
+    console.log('🔥 API Response received:', apiResponse);
+    // Additional handling for API response if needed
+  };
+
+  const handleCloseOverlay = () => {
+    setShowOverlay(false);
+    setError(null);
+  };
+
+  // Handle clicks on the backdrop to close modal
+  const handleBackdropClick = (e) => {
+    if (e.target === e.currentTarget) {
+      handleCloseOverlay();
+    }
+  };
+
+  const handleEmailAuthSuccess = (authData) => {
+    console.log('Email auth successful:', authData);
+    const newUserData = {
+      ...authData,
+      verified: true,
+      onboardingComplete: false,
+      pinCreated: false
+    };
+    setUserData(newUserData);
+    localStorage.setItem('onairosUser', JSON.stringify(newUserData));
+    setCurrentFlow('onboarding');
+  };
+
+  const handleOnboardingComplete = (onboardingData) => {
+    console.log('Onboarding completed:', onboardingData);
+    const updatedUserData = {
+      ...userData,
+      onboardingComplete: true,
+      connectedAccounts: onboardingData.connectedAccounts || []
+    };
+    setUserData(updatedUserData);
+    localStorage.setItem('onairosUser', JSON.stringify(updatedUserData));
+    setCurrentFlow('pin');
+  };
+
+  const handlePinSetupComplete = (pinData) => {
+    console.log('PIN setup completed:', pinData);
+    const updatedUserData = {
+      ...userData,
+      ...pinData,
+      pinCreated: true
+    };
+    setUserData(updatedUserData);
+    localStorage.setItem('onairosUser', JSON.stringify(updatedUserData));
+    
+    // Close overlay and open popup for data request
+    setShowOverlay(false);
+    setTimeout(() => {
+      openDataRequestDirectly();
+    }, 300);
+  };
+
+  const handleDataRequestComplete = (requestResult) => {
+    console.log('🔥 OnairosButton: Data request completed:', requestResult);
+    
+    // Update user data with request result
+    const updatedUserData = {
+      ...userData,
+      lastDataRequest: requestResult
+    };
+    setUserData(updatedUserData);
+    localStorage.setItem('onairosUser', JSON.stringify(updatedUserData));
+
+    // Close popup
+    if (popupWindow) {
+      closeDataRequestPopup(popupWindow);
+      setPopupWindow(null);
+    }
+
+    // Call onComplete callback if provided
+    console.log('🔥 Calling onComplete callback with:', requestResult);
+    if (onComplete) {
+      try {
+        onComplete(requestResult);
+        console.log('🔥 onComplete callback executed successfully');
+      } catch (error) {
+        console.error('🔥 Error in onComplete callback:', error);
+      }
+    } else {
+      console.log('🔥 No onComplete callback provided');
+    }
+  };
+
+  const renderCurrentFlow = () => {
+    switch (currentFlow) {
+      case 'email':
+        return (
+          <EmailAuth 
+            onSuccess={handleEmailAuthSuccess}
+            testMode={true} // Set to false in production
+          />
+        );
+      
+      case 'onboarding':
+        return (
+          <UniversalOnboarding 
+            onComplete={handleOnboardingComplete}
+            appIcon="https://onairos.sirv.com/Images/OnairosBlack.png"
+            appName={webpageName}
+          />
+        );
+      
+      case 'pin':
+        return (
+          <PinSetup 
+            onComplete={handlePinSetupComplete}
+            userEmail={userData?.email}
+          />
+        );
+      
+      case 'dataRequest':
+        return (
+          <DataRequest 
+            onComplete={handleDataRequestComplete}
+            userEmail={userData?.email}
+            requestData={requestData}
+            appName={webpageName}
+            autoFetch={autoFetch}
+          />
+        );
+      
+      default:
+        return (
+          <div className="flex flex-col items-center space-y-4 p-6">
+            <div className="animate-spin h-8 w-8 border-2 border-blue-600 rounded-full border-t-transparent"></div>
+            <p className="text-gray-600">Loading...</p>
+          </div>
+        );
+    }
+  };
+
+  // Styling and button class based on visual type
+  const buttonClass = 
+    `flex items-center justify-center font-bold rounded cursor-pointer ${
+    buttonType === 'pill' ? 'px-4 py-2' : 'w-12 h-12'
+    } bg-transparent OnairosConnect`;
+
+  const buttonStyle = {
+    flexDirection: textLayout === 'below' ? 'column' : 'row',
+    backgroundColor: 'transparent',
+    color: textColor,
+    border: '1px solid transparent',
+  };
+
+  // Icon and text style based on the visualType
+  const logoStyle = {
+    width: '20px',
+    height: '20px',
+    marginRight: visualType === 'full' ? '12px' : '0',
+  };
+
+  const getText = () => {
+    switch (loginType) {
+      case 'signUp':
+        return 'Sign Up with Onairos';
+      case 'signOut':
+        return 'Sign Out of Onairos';
+      default:
         return 'Sign In with Onairos';
     }
   };

package/webpack.config.js

@@ -16,7 +16,16 @@ const baseConfig = {
       commonjs2: 'react-dom',
       amd: 'ReactDOM',
       root: 'ReactDOM'
-    }
+    },
+    'ajv': 'ajv',
+    'ajv/dist/runtime/validation_error': 'ajv/dist/runtime/validation_error',
+    'ajv/dist/runtime/equal': 'ajv/dist/runtime/equal',
+    'ajv/dist/runtime/ucs2length': 'ajv/dist/runtime/ucs2length',
+    'ajv/dist/runtime/uri': 'ajv/dist/runtime/uri',
+    '@anthropic-ai/sdk': '@anthropic-ai/sdk',
+    '@google/generative-ai': '@google/generative-ai',
+    '@pinecone-database/pinecone': '@pinecone-database/pinecone',
+    'openai': 'openai'
   },
   optimization: {
     minimize: true,