@oxyhq/services 5.14.0 → 5.15.0

package/lib/commonjs/ui/screens/OxyAuthScreen.js

@@ -0,0 +1,436 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _styles = require("../styles");
+var _OxyContext = require("../context/OxyContext");
+var _reactNativeQrcodeSvg = _interopRequireDefault(require("react-native-qrcode-svg"));
+var _OxyLogo = _interopRequireDefault(require("../components/OxyLogo"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * OxyAuthScreen - Sign in with Oxy
+ * 
+ * This screen is used by OTHER apps in the Oxy ecosystem to authenticate users.
+ * It presents two options:
+ * 1. Scan QR code with Oxy Accounts app
+ * 2. Open Oxy Accounts app directly (via deep link)
+ * 
+ * The Oxy Accounts app is where users manage their cryptographic identity.
+ * This screen should NOT be used within the Accounts app itself.
+ */
+
+// Deep link scheme for Oxy Accounts app
+const OXY_ACCOUNTS_SCHEME = 'oxyaccounts://';
+const OXY_ACCOUNTS_WEB_URL = 'https://accounts.oxy.so';
+
+// Auth session expiration (5 minutes)
+const AUTH_SESSION_EXPIRY_MS = 5 * 60 * 1000;
+const OxyAuthScreen = ({
+  navigate,
+  goBack,
+  onAuthenticated,
+  theme
+}) => {
+  const themeValue = theme === 'light' || theme === 'dark' ? theme : 'light';
+  const colors = (0, _styles.useThemeColors)(themeValue);
+  const {
+    oxyServices,
+    signIn
+  } = (0, _OxyContext.useOxy)();
+  const [authSession, setAuthSession] = (0, _react.useState)(null);
+  const [isLoading, setIsLoading] = (0, _react.useState)(true);
+  const [error, setError] = (0, _react.useState)(null);
+  const [isPolling, setIsPolling] = (0, _react.useState)(false);
+  const pollingIntervalRef = (0, _react.useRef)(null);
+
+  // Generate a new auth session
+  const generateAuthSession = (0, _react.useCallback)(async () => {
+    setIsLoading(true);
+    setError(null);
+    try {
+      // Generate a unique session token for this auth request
+      const sessionToken = generateSessionToken();
+      const expiresAt = Date.now() + AUTH_SESSION_EXPIRY_MS;
+
+      // Register the auth session with the server
+      // The server will associate this token with the user when they authorize in Accounts
+      await oxyServices.makeRequest('POST', '/api/auth/session/create', {
+        sessionToken,
+        expiresAt,
+        appId: _reactNative.Platform.OS // Identifier for requesting app
+      }, {
+        cache: false
+      });
+      setAuthSession({
+        sessionToken,
+        expiresAt
+      });
+      startPolling(sessionToken);
+    } catch (err) {
+      setError(err.message || 'Failed to create auth session');
+    } finally {
+      setIsLoading(false);
+    }
+  }, [oxyServices]);
+
+  // Generate a random session token
+  const generateSessionToken = () => {
+    const chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
+    let result = '';
+    for (let i = 0; i < 32; i++) {
+      result += chars.charAt(Math.floor(Math.random() * chars.length));
+    }
+    return result;
+  };
+
+  // Start polling for authorization
+  const startPolling = (0, _react.useCallback)(sessionToken => {
+    setIsPolling(true);
+    pollingIntervalRef.current = setInterval(async () => {
+      try {
+        const response = await oxyServices.makeRequest('GET', `/api/auth/session/status/${sessionToken}`, undefined, {
+          cache: false
+        });
+        if (response.authorized && response.sessionId) {
+          // Authorization successful!
+          stopPolling();
+
+          // Get token and user data
+          await oxyServices.getTokenBySession(response.sessionId);
+          const user = await oxyServices.getUserBySession(response.sessionId);
+          if (onAuthenticated) {
+            onAuthenticated(user);
+          }
+        }
+      } catch (err) {
+        // Silent fail for polling - will retry
+        if (__DEV__) {
+          console.log('Auth polling error:', err);
+        }
+      }
+    }, 2000); // Poll every 2 seconds
+  }, [oxyServices, onAuthenticated]);
+
+  // Stop polling
+  const stopPolling = (0, _react.useCallback)(() => {
+    setIsPolling(false);
+    if (pollingIntervalRef.current) {
+      clearInterval(pollingIntervalRef.current);
+      pollingIntervalRef.current = null;
+    }
+  }, []);
+
+  // Clean up on unmount
+  (0, _react.useEffect)(() => {
+    return () => {
+      stopPolling();
+    };
+  }, [stopPolling]);
+
+  // Initialize auth session
+  (0, _react.useEffect)(() => {
+    generateAuthSession();
+  }, []);
+
+  // Check if session expired
+  (0, _react.useEffect)(() => {
+    if (authSession && Date.now() > authSession.expiresAt) {
+      stopPolling();
+      setAuthSession(null);
+      setError('Session expired. Please try again.');
+    }
+  }, [authSession, stopPolling]);
+
+  // Build the QR code data
+  const getQRData = () => {
+    if (!authSession) return '';
+
+    // Format: oxyauth://{sessionToken}
+    return `oxyauth://${authSession.sessionToken}`;
+  };
+
+  // Open Oxy Accounts app
+  const handleOpenAccounts = (0, _react.useCallback)(async () => {
+    if (!authSession) return;
+    const deepLinkUrl = `${OXY_ACCOUNTS_SCHEME}authorize?token=${authSession.sessionToken}`;
+    const webUrl = `${OXY_ACCOUNTS_WEB_URL}/authorize?token=${authSession.sessionToken}`;
+    try {
+      const canOpen = await _reactNative.Linking.canOpenURL(deepLinkUrl);
+      if (canOpen) {
+        await _reactNative.Linking.openURL(deepLinkUrl);
+      } else {
+        // Fallback to web URL
+        await _reactNative.Linking.openURL(webUrl);
+      }
+    } catch (err) {
+      // Fallback to web URL
+      try {
+        await _reactNative.Linking.openURL(webUrl);
+      } catch {
+        setError('Unable to open Oxy Accounts. Please install the app or use QR code.');
+      }
+    }
+  }, [authSession]);
+
+  // Refresh session
+  const handleRefresh = (0, _react.useCallback)(() => {
+    stopPolling();
+    generateAuthSession();
+  }, [generateAuthSession, stopPolling]);
+  if (isLoading) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.container, {
+        backgroundColor: colors.background
+      }],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+        size: "large",
+        color: colors.primary
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.loadingText, {
+          color: colors.secondaryText
+        }],
+        children: "Preparing sign in..."
+      })]
+    });
+  }
+  if (error) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.container, {
+        backgroundColor: colors.background
+      }],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.errorText, {
+          color: colors.error
+        }],
+        children: error
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+        style: [styles.button, {
+          backgroundColor: colors.primary
+        }],
+        onPress: handleRefresh,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: styles.buttonText,
+          children: "Try Again"
+        })
+      })]
+    });
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.container, {
+      backgroundColor: colors.background
+    }],
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.header,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_OxyLogo.default, {
+        width: 48,
+        height: 48
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.title, {
+          color: colors.text
+        }],
+        children: "Sign in with Oxy"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.subtitle, {
+          color: colors.secondaryText
+        }],
+        children: "Use your Oxy identity to sign in securely"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.qrContainer, {
+        backgroundColor: colors.inputBackground,
+        borderColor: colors.border
+      }],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.qrWrapper,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeQrcodeSvg.default, {
+          value: getQRData(),
+          size: 200,
+          backgroundColor: "white",
+          color: "black"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.qrHint, {
+          color: colors.secondaryText
+        }],
+        children: "Scan with Oxy Accounts app"
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.dividerContainer,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.divider, {
+          backgroundColor: colors.border
+        }]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.dividerText, {
+          color: colors.secondaryText
+        }],
+        children: "or"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.divider, {
+          backgroundColor: colors.border
+        }]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.TouchableOpacity, {
+      style: [styles.button, {
+        backgroundColor: colors.primary
+      }],
+      onPress: handleOpenAccounts,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_OxyLogo.default, {
+        width: 20,
+        height: 20,
+        fillColor: "white",
+        style: styles.buttonIcon
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: styles.buttonText,
+        children: "Open Oxy Accounts"
+      })]
+    }), isPolling && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.statusContainer,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ActivityIndicator, {
+        size: "small",
+        color: colors.primary
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.statusText, {
+          color: colors.secondaryText
+        }],
+        children: "Waiting for authorization..."
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: styles.footer,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Text, {
+        style: [styles.footerText, {
+          color: colors.secondaryText
+        }],
+        children: ["Don't have Oxy Accounts?", ' ']
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+        onPress: () => _reactNative.Linking.openURL(OXY_ACCOUNTS_WEB_URL),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+          style: [styles.footerLink, {
+            color: colors.primary
+          }],
+          children: "Get it here"
+        })
+      })]
+    }), goBack && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+      style: styles.cancelButton,
+      onPress: goBack,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.cancelText, {
+          color: colors.secondaryText
+        }],
+        children: "Cancel"
+      })
+    })]
+  });
+};
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1,
+    padding: 24,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  header: {
+    alignItems: 'center',
+    marginBottom: 32
+  },
+  title: {
+    fontSize: 24,
+    fontWeight: 'bold',
+    marginTop: 16
+  },
+  subtitle: {
+    fontSize: 14,
+    marginTop: 8,
+    textAlign: 'center'
+  },
+  qrContainer: {
+    padding: 24,
+    borderRadius: 16,
+    borderWidth: 1,
+    alignItems: 'center'
+  },
+  qrWrapper: {
+    padding: 16,
+    backgroundColor: 'white',
+    borderRadius: 12
+  },
+  qrHint: {
+    marginTop: 16,
+    fontSize: 12
+  },
+  dividerContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginVertical: 24,
+    width: '100%'
+  },
+  divider: {
+    flex: 1,
+    height: 1
+  },
+  dividerText: {
+    marginHorizontal: 16,
+    fontSize: 14
+  },
+  button: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingVertical: 16,
+    paddingHorizontal: 24,
+    borderRadius: 12,
+    width: '100%'
+  },
+  buttonIcon: {
+    marginRight: 10
+  },
+  buttonText: {
+    color: 'white',
+    fontSize: 16,
+    fontWeight: '600'
+  },
+  statusContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginTop: 24
+  },
+  statusText: {
+    marginLeft: 8,
+    fontSize: 14
+  },
+  footer: {
+    flexDirection: 'row',
+    marginTop: 32
+  },
+  footerText: {
+    fontSize: 14
+  },
+  footerLink: {
+    fontSize: 14,
+    fontWeight: '600'
+  },
+  cancelButton: {
+    marginTop: 16,
+    padding: 12
+  },
+  cancelText: {
+    fontSize: 14
+  },
+  loadingText: {
+    marginTop: 16,
+    fontSize: 14
+  },
+  errorText: {
+    fontSize: 14,
+    textAlign: 'center',
+    marginBottom: 16
+  }
+});
+var _default = exports.default = OxyAuthScreen;
+//# sourceMappingURL=OxyAuthScreen.js.map

package/lib/commonjs/ui/screens/OxyAuthScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_styles","_OxyContext","_reactNativeQrcodeSvg","_interopRequireDefault","_OxyLogo","_jsxRuntime","e","__esModule","default","OXY_ACCOUNTS_SCHEME","OXY_ACCOUNTS_WEB_URL","AUTH_SESSION_EXPIRY_MS","OxyAuthScreen","navigate","goBack","onAuthenticated","theme","themeValue","colors","useThemeColors","oxyServices","signIn","useOxy","authSession","setAuthSession","useState","isLoading","setIsLoading","error","setError","isPolling","setIsPolling","pollingIntervalRef","useRef","generateAuthSession","useCallback","sessionToken","generateSessionToken","expiresAt","Date","now","makeRequest","appId","Platform","OS","cache","startPolling","err","message","chars","result","i","charAt","Math","floor","random","length","current","setInterval","response","undefined","authorized","sessionId","stopPolling","getTokenBySession","user","getUserBySession","__DEV__","console","log","clearInterval","useEffect","getQRData","handleOpenAccounts","deepLinkUrl","webUrl","canOpen","Linking","canOpenURL","openURL","handleRefresh","jsxs","View","style","styles","container","backgroundColor","background","children","jsx","ActivityIndicator","size","color","primary","Text","loadingText","secondaryText","errorText","TouchableOpacity","button","onPress","buttonText","header","width","height","title","text","subtitle","qrContainer","inputBackground","borderColor","border","qrWrapper","value","qrHint","dividerContainer","divider","dividerText","fillColor","buttonIcon","statusContainer","statusText","footer","footerText","footerLink","cancelButton","cancelText","StyleSheet","create","flex","padding","alignItems","justifyContent","marginBottom","fontSize","fontWeight","marginTop","textAlign","borderRadius","borderWidth","flexDirection","marginVertical","marginHorizontal","paddingVertical","paddingHorizontal","marginRight","marginLeft","_default","exports"],"sourceRoot":"../../../../src","sources":["ui/screens/OxyAuthScreen.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/ui/screens/PaymentGatewayScreen.js

@@ -7,13 +7,15 @@ exports.default = void 0;
 var _react = require("react");
 var _reactNative = require("react-native");
 var _styles = require("../styles");
+var _themeUtils = require("../utils/themeUtils");
 var _GroupedPillButtons = _interopRequireDefault(require("../components/internal/GroupedPillButtons"));
-var _TextField = _interopRequireDefault(require("../components/internal/TextField"));
+var _TextField = _interopRequireDefault(require("../components/TextField"));
 var _vectorIcons = require("@expo/vector-icons");
 var _icon = require("../components/icon");
 var _sonner = require("sonner");
 var _reactNativeQrcodeSvg = _interopRequireDefault(require("react-native-qrcode-svg"));
 var _components = require("../components");
+var _useThemeStyles = require("../hooks/useThemeStyles");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 // Restrict payment methods to Card, Oxy Pay, and FairCoin (QR)
@@ -159,9 +161,10 @@ const PaymentGatewayScreen = props => {
   const slideAnim = (0, _react.useRef)(new _reactNative.Animated.Value(0)).current;
   const scaleAnim = (0, _react.useRef)(new _reactNative.Animated.Value(1)).current;
   const progressAnim = (0, _react.useRef)(new _reactNative.Animated.Value(0.2)).current;
-  const colors = (0, _styles.useThemeColors)(theme);
-  const commonStyles = (0, _styles.createCommonStyles)(theme);
-  const styles = (0, _react.useMemo)(() => createStyles(colors, theme), [colors, theme]);
+  const normalizedTheme = (0, _themeUtils.normalizeTheme)(theme);
+  const colors = (0, _styles.useThemeColors)(normalizedTheme);
+  const commonStyles = (0, _styles.createCommonStyles)(normalizedTheme);
+  const styles = (0, _react.useMemo)(() => createStyles(colors, normalizedTheme), [colors, normalizedTheme]);
 
   // Get symbol and name for currency
   const currencySymbol = CURRENCY_SYMBOLS[currency.toUpperCase()] || currency;
@@ -268,7 +271,7 @@ const PaymentGatewayScreen = props => {
         success: true
       });
     }
-    navigate('AccountOverview');
+    navigate?.('AccountOverview');
   }, [onPaymentResult, navigate]);
 
   // Handle close/cancel: return failure result if payment is not completed
@@ -303,7 +306,7 @@ const PaymentGatewayScreen = props => {
           icon: 'close',
           variant: 'primary'
         }],
-        colors: (0, _styles.useThemeColors)(theme)
+        colors: (0, _styles.useThemeColors)(normalizedTheme)
       })]
     });
   }
@@ -390,8 +393,7 @@ const PaymentGatewayScreen = props => {
                     style: styles.summaryItemPrice,
                     children: [item.currency ? CURRENCY_SYMBOLS[item.currency.toUpperCase()] || item.currency : currencySymbol, " ", item.price * (item.quantity ?? 1)]
                   })
-                })),
-                theme: theme
+                }))
               })
             }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
               style: styles.summaryCardDivider
@@ -501,8 +503,7 @@ const PaymentGatewayScreen = props => {
           customIcon: method.key === 'faircoin' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icon.FAIRWalletIcon, {
             size: 20
           }) : undefined
-        })),
-        theme: theme
+        }))
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GroupedPillButtons.default, {
       buttons: [{
@@ -577,7 +578,7 @@ const PaymentGatewayScreen = props => {
               keyboardType: "numeric",
               maxLength: 19,
               style: styles.cardFieldContainer,
-              leading: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+              left: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
                 name: "card-outline",
                 size: 18,
                 color: colors.primary
@@ -597,7 +598,7 @@ const PaymentGatewayScreen = props => {
                 placeholder: "MM/YY",
                 maxLength: 5,
                 style: styles.cardFieldHalfLeft,
-                leading: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+                left: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
                   name: "calendar-outline",
                   size: 16,
                   color: colors.primary
@@ -616,7 +617,7 @@ const PaymentGatewayScreen = props => {
                 keyboardType: "numeric",
                 maxLength: 4,
                 style: styles.cardFieldHalfRight,
-                leading: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
+                left: /*#__PURE__*/(0, _jsxRuntime.jsx)(_vectorIcons.Ionicons, {
                   name: "lock-closed-outline",
                   size: 16,
                   color: colors.primary
@@ -829,8 +830,7 @@ const PaymentGatewayScreen = props => {
           iconColor: colors.primary,
           title: 'FairCoin Wallet',
           subtitle: 'Paid via QR'
-        }] : [])],
-        theme: theme
+        }] : [])]
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_GroupedPillButtons.default, {
       buttons: [{
@@ -916,15 +916,9 @@ const PaymentGatewayScreen = props => {
     }
   };
 
-  // Memoize theme-related calculations to prevent unnecessary recalculations
-  const themeStyles = (0, _react.useMemo)(() => {
-    const isDarkTheme = theme === 'dark';
-    return {
-      isDarkTheme,
-      backgroundColor: isDarkTheme ? '#121212' : '#f2f2f2',
-      primaryColor: '#007AFF'
-    };
-  }, [theme]);
+  // Use centralized theme styles hook for consistency
+  // primaryColor from hook (#007AFF) is already correct for this screen
+  const themeStyles = (0, _useThemeStyles.useThemeStyles)(normalizedTheme);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
     style: [styles.container, {
       backgroundColor: themeStyles.backgroundColor