@onairos/react-native 3.0.8 → 3.0.10

package/lib/commonjs/assets/images/onairos_logo.svg

@@ -0,0 +1,6 @@
+<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="40" height="40" rx="8" fill="currentColor"/>
+  <path d="M20 10C14.48 10 10 14.48 10 20C10 25.52 14.48 30 20 30C25.52 30 30 25.52 30 20C30 14.48 25.52 10 20 10ZM20 28C15.59 28 12 24.41 12 20C12 15.59 15.59 12 20 12C24.41 12 28 15.59 28 20C28 24.41 24.41 28 20 28Z" fill="white"/>
+  <path d="M20 15C18.9 15 18 15.9 18 17V19C18 20.1 18.9 21 20 21C21.1 21 22 20.1 22 19V17C22 15.9 21.1 15 20 15Z" fill="white"/>
+  <path d="M20 24C19.448 24 19 24.448 19 25C19 25.552 19.448 26 20 26C20.552 26 21 25.552 21 25C21 24.448 20.552 24 20 24Z" fill="white"/>
+</svg> 

package/lib/commonjs/components/Onairos.js

@@ -6,84 +6,238 @@ Object.defineProperty(exports, "__esModule", {
 exports.Onairos = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _OnairosButton = require("./OnairosButton");
+var _reactNativeSvg = require("react-native-svg");
+var _UniversalOnboarding = require("./UniversalOnboarding");
+var _Overlay = require("./Overlay");
 var _secureStorage = require("../utils/secureStorage");
+var _api = require("../api");
+var _Portal = require("../utils/Portal");
 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); }
-/**
- * Main Onairos component - wraps OnairosButton with additional state management and logic
- */
-const Onairos = ({
-  AppName,
+// Import the Onairos logo SVG
+const onairosLogoSvg = `<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="40" height="40" rx="8" fill="currentColor"/>
+  <path d="M20 10C14.48 10 10 14.48 10 20C10 25.52 14.48 30 20 30C25.52 30 30 25.52 30 20C30 14.48 25.52 10 20 10ZM20 28C15.59 28 12 24.41 12 20C12 15.59 15.59 12 20 12C24.41 12 28 15.59 28 20C28 24.41 24.41 28 20 28Z" fill="white"/>
+  <path d="M20 15C18.9 15 18 15.9 18 17V19C18 20.1 18.9 21 20 21C21.1 21 22 20.1 22 19V17C22 15.9 21.1 15 20 15Z" fill="white"/>
+  <path d="M20 24C19.448 24 19 24.448 19 25C19 25.552 19.448 26 20 26C20.552 26 21 25.552 21 25C21 24.448 20.552 24 20 24Z" fill="white"/>
+</svg>`;
+const Onairos = exports.Onairos = /*#__PURE__*/(0, _react.forwardRef)(({
   returnLink,
-  requestData,
+  prefillUrl,
+  AppName,
   buttonType = 'normal',
-  buttonForm = 'default',
-  buttonWidth,
+  requestData,
+  buttonWidth = 180,
   buttonHeight,
+  hasStroke = false,
+  enabled = true,
+  buttonForm = 'default',
+  onRejection,
+  onResolved,
+  preCheck,
   color,
-  hasStroke,
+  debug = false,
+  darkMode = false,
   preferredPlatform,
-  onResolved,
-  onRejection,
-  testMode = false,
-  containerStyle
-}) => {
-  const [isInitialized, setIsInitialized] = (0, _react.useState)(false);
-  const [hasExistingCredentials, setHasExistingCredentials] = (0, _react.useState)(false);
-  const initialize = (0, _react.useCallback)(async () => {
+  testMode = false
+}, ref) => {
+  const [showOnboarding, setShowOnboarding] = (0, _react.useState)(false);
+  const [showOverlay, setShowOverlay] = (0, _react.useState)(false);
+  const [storedCredentials, setStoredCredentials] = (0, _react.useState)(null);
+  const [isLoading, setIsLoading] = (0, _react.useState)(false);
+  const [isPressed, setIsPressed] = (0, _react.useState)(false);
+
+  // Expose methods for external control
+  (0, _react.useImperativeHandle)(ref, () => ({
+    trigger: async () => {
+      await handlePress();
+    },
+    reset: async () => {
+      await (0, _secureStorage.deleteCredentials)();
+    }
+  }));
+
+  // Compute button text based on buttonForm
+  const getButtonText = () => {
+    if (buttonForm === 'connect') {
+      return 'Connect with Onairos';
+    } else {
+      return 'Sign in with Onairos';
+    }
+  };
+
+  // Calculate background color based on props and state
+  const getBackgroundColor = () => {
+    if (!enabled) {
+      return darkMode ? '#3A3A3A' : '#e0e0e0';
+    }
+    if (isPressed) {
+      return color ? typeof color === 'string' ? `${color}80` : color : darkMode ? '#32323280' : '#f5f5f580';
+    }
+    return color || (darkMode ? '#2A2A2A' : '#ffffff');
+  };
+
+  // Calculate text color based on background luminance
+  const getTextColor = () => {
+    if (!enabled) {
+      return darkMode ? '#777777' : '#AAAAAA';
+    }
+    if (darkMode) {
+      return '#FFFFFF';
+    }
+    const bgColor = getBackgroundColor();
+    // Simple luminance check - in a real app, this would use a proper algorithm
+    return bgColor === '#ffffff' || bgColor === '#f5f5f580' || bgColor.includes('#f') ? '#000000' : '#FFFFFF';
+  };
+  const handlePress = async () => {
+    if (!enabled || isLoading) return;
+    setIsLoading(true);
     try {
-      // Check for existing credentials
-      const credentialsExist = await (0, _secureStorage.hasCredentials)();
-      setHasExistingCredentials(credentialsExist);
-      if (credentialsExist) {
-        // Load credentials to verify they are valid
+      if (preCheck) {
+        const shouldProceed = await preCheck();
+        if (!shouldProceed) {
+          onRejection === null || onRejection === void 0 || onRejection('Precheck validation failed');
+          setIsLoading(false);
+          return;
+        }
+      }
+
+      // Check if credentials exist
+      const hasStoredCreds = await (0, _secureStorage.hasCredentials)();
+      if (hasStoredCreds) {
+        // If credentials exist, fetch them and verify
         const credentials = await (0, _secureStorage.getCredentials)();
-        if (!credentials || !credentials.username || !credentials.userPin) {
-          setHasExistingCredentials(false);
+        if (!credentials || !credentials.username) {
+          // Invalid credentials, clear and start fresh
+          await (0, _secureStorage.deleteCredentials)();
+          setShowOnboarding(true);
+          setIsLoading(false);
+          return;
+        }
+        try {
+          // Validate credentials with server
+          const isValid = await _api.onairosApi.validateCredentials(credentials.username);
+          if (!isValid) {
+            // Clear invalid credentials
+            await (0, _secureStorage.deleteCredentials)();
+            setShowOnboarding(true);
+            setIsLoading(false);
+            return;
+          }
+
+          // Store and display overlay with valid credentials
+          setStoredCredentials(credentials);
+          setShowOverlay(true);
+        } catch (validationError) {
+          console.warn('Validation error, proceeding to onboarding:', validationError);
+          setShowOnboarding(true);
         }
+      } else {
+        // If no credentials, show onboarding
+        setShowOnboarding(true);
       }
     } catch (error) {
-      console.error('Error initializing Onairos:', error);
+      console.error('Error during button press flow:', error);
+      // Fall back to onboarding on error
+      setShowOnboarding(true);
+      onRejection === null || onRejection === void 0 || onRejection(error instanceof Error ? error.message : 'Unknown error');
     } finally {
-      setIsInitialized(true);
+      setIsLoading(false);
     }
-  }, []);
-  (0, _react.useEffect)(() => {
-    initialize();
-  }, [initialize]);
-  const handleResolved = (0, _react.useCallback)((apiUrl, token, userData) => {
+  };
+  const handleOnboardingComplete = (0, _react.useCallback)((apiUrl, token, data) => {
+    setShowOnboarding(false);
     if (onResolved) {
-      onResolved(apiUrl, token, userData);
+      onResolved(apiUrl, token, data);
     }
   }, [onResolved]);
-  const handleRejection = (0, _react.useCallback)(error => {
-    if (onRejection) {
-      onRejection(error);
+  const handleOverlayResolved = (0, _react.useCallback)((apiUrl, token, data) => {
+    setShowOverlay(false);
+    if (onResolved) {
+      onResolved(apiUrl, token, data);
     }
-  }, [onRejection]);
-  if (!isInitialized) {
-    // Could render a loading state here if needed
-    return null;
-  }
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: containerStyle
-  }, /*#__PURE__*/_react.default.createElement(_OnairosButton.OnairosButton, {
+  }, [onResolved]);
+
+  // Apply custom styling based on props
+  const buttonStyle = [styles.button, {
+    width: buttonWidth,
+    height: buttonHeight || 48,
+    backgroundColor: getBackgroundColor(),
+    borderWidth: hasStroke ? 1 : 0,
+    borderColor: darkMode ? '#555555' : '#000000',
+    borderRadius: buttonType === 'pill' ? 24 : 8
+  }];
+  const textStyle = {
+    ...styles.buttonText,
+    color: getTextColor(),
+    opacity: enabled ? 1 : 0.7
+  };
+  const logoColor = getTextColor();
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    style: buttonStyle,
+    onPress: handlePress,
+    disabled: !enabled || isLoading,
+    accessibilityLabel: "Sign in with Onairos",
+    onPressIn: () => setIsPressed(true),
+    onPressOut: () => setIsPressed(false)
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.buttonContent
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeSvg.SvgXml, {
+    xml: onairosLogoSvg.replace('currentColor', logoColor),
+    width: 24,
+    height: 24,
+    style: styles.logo
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: textStyle
+  }, getButtonText()))), showOnboarding && /*#__PURE__*/_react.default.createElement(_UniversalOnboarding.UniversalOnboarding, {
+    visible: showOnboarding,
+    onClose: () => {
+      setShowOnboarding(false);
+      onRejection === null || onRejection === void 0 || onRejection('User closed onboarding');
+    },
     AppName: AppName,
-    returnLink: returnLink,
     requestData: requestData,
-    buttonType: buttonType,
-    buttonForm: buttonForm,
-    buttonWidth: buttonWidth,
-    buttonHeight: buttonHeight,
-    color: color,
-    hasStroke: hasStroke,
-    enabled: true,
-    preferredPlatform: preferredPlatform,
-    onResolved: handleResolved,
-    onRejection: handleRejection,
-    preCheck: async () => true,
-    testMode: testMode
-  }));
-};
-exports.Onairos = Onairos;
+    returnLink: returnLink || '',
+    onComplete: handleOnboardingComplete,
+    debug: debug,
+    test: testMode,
+    preferredPlatform: preferredPlatform
+  }), showOverlay && storedCredentials && /*#__PURE__*/_react.default.createElement(_Portal.Portal, null, /*#__PURE__*/_react.default.createElement(_Overlay.Overlay, {
+    data: requestData || {},
+    username: storedCredentials.username,
+    modelKey: storedCredentials.userPin || '',
+    onResolved: handleOverlayResolved,
+    appName: AppName,
+    darkMode: darkMode
+  })));
+});
+const styles = _reactNative.StyleSheet.create({
+  button: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingVertical: 12,
+    paddingHorizontal: 16,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.1,
+    shadowRadius: 4,
+    elevation: 2
+  },
+  buttonContent: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  logo: {
+    marginRight: 8
+  },
+  buttonText: {
+    fontSize: 16,
+    fontWeight: '600',
+    textAlign: 'center'
+  }
+});
 //# sourceMappingURL=Onairos.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_OnairosButton","_secureStorage","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Onairos","AppName","returnLink","requestData","buttonType","buttonForm","buttonWidth","buttonHeight","color","hasStroke","preferredPlatform","onResolved","onRejection","testMode","containerStyle","isInitialized","setIsInitialized","useState","hasExistingCredentials","setHasExistingCredentials","initialize","useCallback","credentialsExist","hasCredentials","credentials","getCredentials","username","userPin","error","console","useEffect","handleResolved","apiUrl","token","userData","handleRejection","createElement","View","style","OnairosButton","enabled","preCheck","exports"],"sourceRoot":"..\\..\\..\\src","sources":["components/Onairos.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeSvg","_UniversalOnboarding","_Overlay","_secureStorage","_api","_Portal","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","onairosLogoSvg","Onairos","exports","forwardRef","returnLink","prefillUrl","AppName","buttonType","requestData","buttonWidth","buttonHeight","hasStroke","enabled","buttonForm","onRejection","onResolved","preCheck","color","debug","darkMode","preferredPlatform","testMode","ref","showOnboarding","setShowOnboarding","useState","showOverlay","setShowOverlay","storedCredentials","setStoredCredentials","isLoading","setIsLoading","isPressed","setIsPressed","useImperativeHandle","trigger","handlePress","reset","deleteCredentials","getButtonText","getBackgroundColor","getTextColor","bgColor","includes","shouldProceed","hasStoredCreds","hasCredentials","credentials","getCredentials","username","isValid","onairosApi","validateCredentials","validationError","console","warn","error","Error","message","handleOnboardingComplete","useCallback","apiUrl","token","data","handleOverlayResolved","buttonStyle","styles","button","width","height","backgroundColor","borderWidth","borderColor","borderRadius","textStyle","buttonText","opacity","logoColor","createElement","Fragment","TouchableOpacity","style","onPress","disabled","accessibilityLabel","onPressIn","onPressOut","View","buttonContent","SvgXml","xml","replace","logo","Text","UniversalOnboarding","visible","onClose","onComplete","test","Portal","Overlay","modelKey","userPin","appName","StyleSheet","create","flexDirection","alignItems","justifyContent","paddingVertical","paddingHorizontal","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","marginRight","fontSize","fontWeight","textAlign"],"sourceRoot":"..\\..\\..\\src","sources":["components/Onairos.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/OnairosButton.js

@@ -6,24 +6,32 @@ Object.defineProperty(exports, "__esModule", {
 exports.OnairosButton = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
+var _reactNativeSvg = require("react-native-svg");
 var _UniversalOnboarding = require("./UniversalOnboarding");
 var _Overlay = require("./Overlay");
 var _secureStorage = require("../utils/secureStorage");
 var _api = require("../api");
 var _Portal = require("../utils/Portal");
 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); }
+// Import the Onairos logo SVG
+const onairosLogoSvg = `<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <rect width="40" height="40" rx="8" fill="currentColor"/>
+  <path d="M20 10C14.48 10 10 14.48 10 20C10 25.52 14.48 30 20 30C25.52 30 30 25.52 30 20C30 14.48 25.52 10 20 10ZM20 28C15.59 28 12 24.41 12 20C12 15.59 15.59 12 20 12C24.41 12 28 15.59 28 20C28 24.41 24.41 28 20 28Z" fill="white"/>
+  <path d="M20 15C18.9 15 18 15.9 18 17V19C18 20.1 18.9 21 20 21C21.1 21 22 20.1 22 19V17C22 15.9 21.1 15 20 15Z" fill="white"/>
+  <path d="M20 24C19.448 24 19 24.448 19 25C19 25.552 19.448 26 20 26C20.552 26 21 25.552 21 25C21 24.448 20.552 24 20 24Z" fill="white"/>
+</svg>`;
 /**
  * OnairosButton Component - A sign-in button similar to Google/Apple sign-in
  */
-const OnairosButton = ({
+const OnairosButton = exports.OnairosButton = /*#__PURE__*/(0, _react.forwardRef)(({
   returnLink,
   prefillUrl,
   AppName,
   buttonType = 'normal',
   requestData,
-  buttonWidth = 240,
+  buttonWidth = 180,
   buttonHeight = 48,
-  hasStroke = true,
+  hasStroke = false,
   enabled = true,
   buttonForm = 'default',
   onRejection,
@@ -32,14 +40,58 @@ const OnairosButton = ({
   color,
   swerv = false,
   debug = false,
+  darkMode = false,
   preferredPlatform,
   testMode = false
-}) => {
+}, ref) => {
   const [showOnboarding, setShowOnboarding] = (0, _react.useState)(false);
   const [showOverlay, setShowOverlay] = (0, _react.useState)(false);
   const [storedCredentials, setStoredCredentials] = (0, _react.useState)(null);
   const [isLoading, setIsLoading] = (0, _react.useState)(false);
-  const isDarkMode = color === 'black' || !color && !hasStroke;
+  const [isPressed, setIsPressed] = (0, _react.useState)(false);
+
+  // Expose methods via ref
+  (0, _react.useImperativeHandle)(ref, () => ({
+    trigger: async () => {
+      await handlePress();
+    },
+    reset: async () => {
+      await (0, _secureStorage.deleteCredentials)();
+    }
+  }));
+
+  // Compute button text based on buttonForm
+  const getButtonText = () => {
+    if (buttonForm === 'connect' || buttonForm === 'signup') {
+      return 'Connect with Onairos';
+    } else {
+      return 'Sign in with Onairos';
+    }
+  };
+
+  // Calculate background color based on props and state
+  const getBackgroundColor = () => {
+    if (!enabled) {
+      return darkMode ? '#3A3A3A' : '#e0e0e0';
+    }
+    if (isPressed) {
+      return color ? typeof color === 'string' ? `${color}80` : color : darkMode ? '#32323280' : '#f5f5f580';
+    }
+    return color || (darkMode ? '#2A2A2A' : '#ffffff');
+  };
+
+  // Calculate text color based on background luminance
+  const getTextColor = () => {
+    if (!enabled) {
+      return darkMode ? '#777777' : '#AAAAAA';
+    }
+    if (darkMode) {
+      return '#FFFFFF';
+    }
+    const bgColor = getBackgroundColor();
+    // Simple luminance check
+    return bgColor === '#ffffff' || bgColor === '#f5f5f580' || bgColor.includes('#f') ? '#000000' : '#FFFFFF';
+  };
   const handlePress = async () => {
     if (!enabled || isLoading) return;
     setIsLoading(true);
@@ -66,7 +118,7 @@ const OnairosButton = ({
           return;
         }
         try {
-          // Validate credentials with server - catch errors here to prevent crashing
+          // Validate credentials with server
           const isValid = await _api.onairosApi.validateCredentials(credentials.username);
           if (!isValid) {
             // Clear invalid credentials
@@ -112,26 +164,38 @@ const OnairosButton = ({
   // Calculate button styles based on props
   const buttonStyle = [styles.button, buttonType === 'pill' && styles.pillButton, hasStroke && styles.strokedButton, {
     width: buttonWidth,
-    height: buttonHeight
-  }, color ? {
-    backgroundColor: color
-  } : null, isDarkMode ? styles.darkButton : styles.lightButton, swerv && styles.swervButton, !enabled && styles.disabledButton].filter(Boolean);
+    height: buttonHeight,
+    backgroundColor: getBackgroundColor(),
+    borderColor: darkMode ? '#555555' : '#000000'
+  }, swerv && styles.swervButton, !enabled && styles.disabledButton].filter(Boolean);
 
-  // Calculate text styles based on props
-  const textStyle = [styles.buttonText, isDarkMode ? styles.lightText : styles.darkText, !enabled && styles.disabledText].filter(Boolean);
+  // Calculate text color
+  const textColor = getTextColor();
+  const logoColor = textColor;
 
   // Render components
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
     style: buttonStyle,
     onPress: handlePress,
     disabled: !enabled || isLoading,
-    accessibilityLabel: `Sign in with Onairos`
+    accessibilityLabel: `Sign in with Onairos`,
+    onPressIn: () => setIsPressed(true),
+    onPressOut: () => setIsPressed(false)
   }, isLoading ? /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, {
     size: "small",
-    color: isDarkMode ? '#fff' : '#000'
-  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
-    style: textStyle
-  }, "Sign in with Onairos"))), showOnboarding && /*#__PURE__*/_react.default.createElement(_UniversalOnboarding.UniversalOnboarding, {
+    color: textColor
+  }) : /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.buttonContent
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeSvg.SvgXml, {
+    xml: onairosLogoSvg.replace('currentColor', logoColor),
+    width: 24,
+    height: 24,
+    style: styles.logo
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.Text, {
+    style: [styles.buttonText, {
+      color: textColor
+    }]
+  }, getButtonText()))), showOnboarding && /*#__PURE__*/_react.default.createElement(_UniversalOnboarding.UniversalOnboarding, {
     visible: showOnboarding,
     onClose: () => {
       setShowOnboarding(false);
@@ -139,19 +203,20 @@ const OnairosButton = ({
     },
     AppName: AppName,
     requestData: requestData,
-    returnLink: returnLink,
+    returnLink: returnLink || '',
     onComplete: handleOnboardingComplete,
     debug: debug,
-    test: testMode
+    test: testMode,
+    preferredPlatform: preferredPlatform
   }), showOverlay && storedCredentials && /*#__PURE__*/_react.default.createElement(_Portal.Portal, null, /*#__PURE__*/_react.default.createElement(_Overlay.Overlay, {
     data: requestData || {},
     username: storedCredentials.username,
     modelKey: storedCredentials.userPin || '',
     onResolved: handleOverlayResolved,
-    appName: AppName
+    appName: AppName,
+    darkMode: darkMode
   })));
-};
-exports.OnairosButton = OnairosButton;
+});
 const styles = _reactNative.StyleSheet.create({
   button: {
     flexDirection: 'row',
@@ -159,29 +224,36 @@ const styles = _reactNative.StyleSheet.create({
     justifyContent: 'center',
     paddingVertical: 12,
     paddingHorizontal: 16,
-    borderRadius: 4
+    borderRadius: 8,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.1,
+    shadowRadius: 4,
+    elevation: 2
+  },
+  buttonContent: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  logo: {
+    marginRight: 8
   },
   pillButton: {
     borderRadius: 24
   },
   strokedButton: {
     backgroundColor: 'transparent',
-    borderWidth: 1,
-    borderColor: '#000'
+    borderWidth: 1
   },
   swervButton: {
     transform: [{
       rotate: '-2deg'
     }]
   },
-  darkButton: {
-    backgroundColor: '#000',
-    borderColor: '#000'
-  },
-  lightButton: {
-    backgroundColor: '#fff',
-    borderColor: '#000'
-  },
   disabledButton: {
     opacity: 0.6
   },
@@ -189,15 +261,6 @@ const styles = _reactNative.StyleSheet.create({
     fontSize: 16,
     fontWeight: '600',
     textAlign: 'center'
-  },
-  lightText: {
-    color: '#fff'
-  },
-  darkText: {
-    color: '#000'
-  },
-  disabledText: {
-    opacity: 0.7
   }
 });
 //# sourceMappingURL=OnairosButton.js.map