@unifold/connect-react-native 0.1.26 → 0.1.27

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unifold/connect-react-native",
-  "version": "0.1.26",
+  "version": "0.1.27",
   "description": "Unifold Connect React Native SDK - Crypto deposit and onramp for React Native/Expo",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
@@ -10,11 +10,6 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs",
       "require": "./dist/index.js"
-    },
-    "./stripe": {
-      "types": "./dist/stripe.d.ts",
-      "import": "./dist/stripe.mjs",
-      "require": "./dist/stripe.js"
     }
   },
   "files": [
@@ -23,30 +18,38 @@
     "LICENSE"
   ],
   "peerDependencies": {
+    "@react-native-async-storage/async-storage": ">=1.19.0",
+    "@stripe/stripe-react-native": ">=0.62.0",
     "expo": ">=49.0.0",
     "react": "^18.2.0 || ^19.0.0",
-    "react-native": ">=0.72.0"
+    "react-native": ">=0.72.0",
+    "react-native-gesture-handler": ">=2.14.0",
+    "react-native-svg": ">=13.0.0",
+    "react-native-webview": ">=13.0.0",
+    "expo-constants": ">=14.0.0"
   },
   "peerDependenciesMeta": {
     "expo": {
       "optional": true
+    },
+    "expo-constants": {
+      "optional": true
     }
   },
   "dependencies": {
-    "@react-native-async-storage/async-storage": "^1.19.0",
-    "@stripe/stripe-react-native": "^0.62.0",
-    "@tanstack/react-query": "^5.90.11",
-    "react-native-gesture-handler": "^2.14.0",
-    "react-native-qrcode-svg": "^6.3.2",
-    "react-native-svg": "^14.0.0",
-    "react-native-webview": "^13.0.0"
+    "react-native-qrcode-svg": "^6.3.2"
   },
   "devDependencies": {
+    "@react-native-async-storage/async-storage": "^1.23.1",
+    "@stripe/stripe-react-native": "^0.62.0",
     "@types/react": "^18.2.0",
     "@types/react-native": "^0.72.0",
+    "react-native-gesture-handler": "^2.30.0",
+    "react-native-svg": "15.8.0",
+    "react-native-webview": "13.12.5",
     "tsup": "^8.0.0",
     "typescript": "^5.0.0",
-    "@unifold/ui-react-native": "0.1.18"
+    "@unifold/ui-react-native": "0.1.19"
   },
   "keywords": [
     "unifold",
@@ -73,7 +76,7 @@
   },
   "homepage": "https://unifold.io",
   "scripts": {
-    "build": "tsup && cp dist/index.d.ts dist/index.d.mts && cp dist/stripe.d.ts dist/stripe.d.mts",
+    "build": "tsup && cp dist/index.d.ts dist/index.d.mts",
     "dev": "tsup --watch",
     "clean": "rm -rf dist",
     "lint": "eslint \"src/**/*.ts*\"",

package/dist/stripe.d.mts

@@ -1,252 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { Onramp } from '@stripe/stripe-react-native';
-
-declare function setStripeOnrampPublishableKey(key: string): void;
-declare function setStripeOnrampApiUrl(url: string): void;
-declare function getStripePublishableKey(): Promise<string>;
-type OnrampSessionTransactionDetails = {
-    destination_amount: string;
-    destination_currency: string;
-    destination_network: string;
-    source_amount: string;
-    source_currency: string;
-    fees: {
-        network_fee_amount: string;
-        transaction_fee_amount: string;
-    };
-    quote_expiration: number;
-    wallet_address: string;
-    last_error: string | null;
-};
-type OnrampSession = {
-    id: string;
-    client_secret: string;
-    status: string;
-    transaction_details: OnrampSessionTransactionDetails;
-};
-type CreateSessionParams = {
-    cryptoCustomerId: string;
-    paymentToken: string;
-    sourceAmount: number;
-    sourceCurrency: string;
-    destinationCurrency: string;
-    walletAddress: string;
-    destinationNetwork: string;
-};
-type CustomerVerification = {
-    name: "kyc_verified" | "phone_verified" | "id_document_verified" | string;
-    status: "verified" | "unverified" | string;
-    errors: string[];
-};
-type OnrampCustomer = {
-    id: string;
-    provided_fields: string[];
-    verifications: CustomerVerification[];
-};
-
-type KYCData = {
-    firstName: string;
-    lastName: string;
-    idNumber: string;
-    dobMonth: string;
-    dobDay: string;
-    dobYear: string;
-    addressLine1: string;
-    addressLine2: string;
-    city: string;
-    state: string;
-    postalCode: string;
-    country: string;
-};
-type KYCWizardScreenProps = {
-    initialData?: Partial<KYCData>;
-    loading?: boolean;
-    onComplete: (data: KYCData) => void;
-    onCancel: () => void;
-};
-declare function KYCWizardScreen({ initialData, loading, onComplete, onCancel, }: KYCWizardScreenProps): react_jsx_runtime.JSX.Element;
-
-type OnrampStep = "email" | "register" | "kyc" | "identity" | "amount" | "wallet" | "payment_method" | "session_params" | "quote" | "processing" | "success";
-type OnrampErrorCode = "configuration_error" | "authorization_error" | "registration_error" | "kyc_error" | "identity_error" | "wallet_error" | "payment_error" | "session_error" | "validation_error" | "unknown_error";
-type OnrampError = {
-    code: OnrampErrorCode;
-    message: string;
-    step: OnrampStep;
-    stripeErrorCode?: string;
-};
-type OnrampTransaction = {
-    sessionId: string;
-    status: string;
-    sourceAmount: string;
-    sourceCurrency: string;
-    destinationAmount: string;
-    destinationCurrency: string;
-    destinationNetwork: string;
-    walletAddress: string;
-    fees: {
-        networkFee: string;
-        transactionFee: string;
-    };
-};
-type OnrampConfig = {
-    merchantDisplayName?: string;
-    defaultWalletAddress?: string;
-    defaultNetwork?: Onramp.CryptoNetwork;
-    defaultSourceAmount?: string;
-    defaultSourceCurrency?: string;
-    defaultDestinationCurrency?: string;
-    onComplete?: (transaction: OnrampTransaction) => void;
-    onError?: (error: OnrampError) => void;
-    onStepChange?: (step: OnrampStep, previousStep: OnrampStep) => void;
-    /** Pre-fill email — skips the email screen and goes to register (phone) */
-    email?: string;
-    /** Pre-fill phone — combined with email, skips both screens and auto-triggers Link check + register */
-    phone?: string;
-    /** Same fields as DepositConfig / beginDeposit() — used to auto-resolve wallet */
-    publishableKey?: string;
-    externalUserId?: string;
-    recipientAddress?: string;
-    destinationChainType?: "ethereum" | "solana" | "bitcoin";
-    destinationChainId?: string;
-    destinationTokenAddress?: string;
-    /** Flow order: "verify_first" (default) starts with email, "amount_first" starts with amount entry */
-    flowOrder?: "verify_first" | "amount_first";
-    /**
-     * Apple Pay / Platform Pay merchant id (e.g. `merchant.com.your.app`).
-     * When unset or blank, Apple Pay is not offered and `isPlatformPaySupported` is not used for that path.
-     */
-    merchantIdentifier?: string;
-};
-declare function useStripeOnramp(config?: OnrampConfig): {
-    step: OnrampStep;
-    loading: boolean;
-    status: string;
-    error: OnrampError | null;
-    email: string;
-    phone: string;
-    fullName: string;
-    country: string;
-    customerId: string;
-    accessToken: string;
-    session: OnrampSession | null;
-    kycData: KYCData;
-    walletAddress: string;
-    resolvedRecipientAddress: string;
-    walletNetwork: Onramp.CryptoNetwork;
-    sourceAmount: string;
-    sourceCurrency: string;
-    destinationCurrency: string;
-    applePaySupported: boolean;
-    walletReady: boolean;
-    walletLoading: boolean;
-    setStep: react.Dispatch<react.SetStateAction<OnrampStep>>;
-    setStatus: react.Dispatch<react.SetStateAction<string>>;
-    setEmail: react.Dispatch<react.SetStateAction<string>>;
-    setPhone: react.Dispatch<react.SetStateAction<string>>;
-    setFullName: react.Dispatch<react.SetStateAction<string>>;
-    setCountry: react.Dispatch<react.SetStateAction<string>>;
-    setWalletAddress: react.Dispatch<react.SetStateAction<string>>;
-    setWalletNetwork: react.Dispatch<react.SetStateAction<Onramp.CryptoNetwork>>;
-    setSourceAmount: react.Dispatch<react.SetStateAction<string>>;
-    setSourceCurrency: react.Dispatch<react.SetStateAction<string>>;
-    setDestinationCurrency: react.Dispatch<react.SetStateAction<string>>;
-    checkEmail: () => Promise<void>;
-    register: () => Promise<void>;
-    attachKyc: (data: KYCData) => Promise<void>;
-    verifyIdentity: () => Promise<void>;
-    registerWallet: () => Promise<void>;
-    collectPaymentMethod: (useApplePay?: boolean) => Promise<void>;
-    refreshQuote: () => Promise<void>;
-    confirmCheckout: () => Promise<void>;
-    reset: () => void;
-    clearError: () => void;
-    resumeFulfillmentPolling: () => void;
-    amountFirst: boolean;
-};
-type StripeOnrampHook = ReturnType<typeof useStripeOnramp>;
-
-declare function OnrampScreen({ config, onComplete }: {
-    config?: OnrampConfig;
-    onComplete?: () => void;
-}): react_jsx_runtime.JSX.Element | null;
-
-type AmountScreenProps = {
-    initialAmount?: string;
-    currency?: string;
-    onConfirm: (amount: string) => void;
-    onCancel: () => void;
-};
-declare function AmountScreen({ initialAmount, currency, onConfirm, onCancel, }: AmountScreenProps): react_jsx_runtime.JSX.Element;
-
-/**
- * Props for the high-level StripeOnramp component.
- *
- * The developer only needs to provide their user-specific info.
- * Everything else (Stripe key, StripeProvider, SDK preconfiguration)
- * is handled automatically using the Unifold SDK context.
- */
-interface StripeOnrampProps {
-    /** Unifold publishable key — pass from useUnifold().publishableKey */
-    publishableKey?: string;
-    /** User's email — pre-fills the email step */
-    email?: string;
-    /** User's phone — combined with email, skips both screens */
-    phone?: string;
-    /** Your app's user ID — used to auto-resolve the deposit wallet */
-    externalUserId: string;
-    /** Flow order: "verify_first" (default) or "amount_first" */
-    flowOrder?: "verify_first" | "amount_first";
-    /** Override destination chain type (default: "ethereum") */
-    destinationChainType?: "ethereum" | "solana" | "bitcoin";
-    /** Override destination chain ID (default: "8453" for Base) */
-    destinationChainId?: string;
-    /** Override destination token address */
-    destinationTokenAddress?: string;
-    /** Recipient wallet address — where purchased crypto is sent */
-    recipientAddress: string;
-    /** Called when the transaction completes successfully */
-    onComplete?: (transaction: OnrampTransaction) => void;
-    /** Called when an error occurs */
-    onError?: (error: OnrampError) => void;
-    /** Called when the flow step changes */
-    onStepChange?: (step: OnrampStep, previousStep: OnrampStep) => void;
-    /** Called when the user closes the flow (via ✕ or Done) */
-    onClose?: () => void;
-    /**
-     * Apple Pay merchant identifier (e.g. `merchant.com.your.app`). Defaults to empty — when empty,
-     * Apple Pay is hidden and `initStripe` is called without a merchant id.
-     */
-    merchantIdentifier?: string;
-    /** URL scheme for Stripe redirects (default: "unifoldOnramp") */
-    urlScheme?: string;
-}
-/**
- * High-level Stripe Onramp component.
- *
- * Handles all the plumbing automatically:
- * - Reads the Unifold publishable key from UnifoldProvider context
- * - Fetches the Stripe publishable key from the Unifold API
- * - Wraps in StripeProvider
- * - Eagerly configures the Stripe Onramp SDK
- * - Renders OnrampScreen with the config
- *
- * Usage:
- * ```tsx
- * <StripeOnramp
- *   email={user.email}
- *   externalUserId={user.id}
- *   onClose={() => navigation.goBack()}
- * />
- * ```
- */
-declare function StripeOnramp({ publishableKey, email, phone, externalUserId, flowOrder, destinationChainType, destinationChainId, destinationTokenAddress, recipientAddress, onComplete, onError, onStepChange, onClose, merchantIdentifier, urlScheme, }: StripeOnrampProps): react_jsx_runtime.JSX.Element;
-
-/**
- * Render inside StripeOnramp after initStripe() has completed.
- * Eagerly calls configure() so the Onramp SDK is ready by the time
- * useStripeOnramp needs it. Renders nothing.
- */
-declare function StripeOnrampPreconfigure(): null;
-
-export { AmountScreen, type CreateSessionParams, type CustomerVerification, type KYCData, KYCWizardScreen, type OnrampConfig, type OnrampCustomer, type OnrampError, type OnrampErrorCode, OnrampScreen, type OnrampSession, type OnrampSessionTransactionDetails, type OnrampStep, type OnrampTransaction, StripeOnramp, type StripeOnrampHook, StripeOnrampPreconfigure, type StripeOnrampProps, getStripePublishableKey, setStripeOnrampApiUrl, setStripeOnrampPublishableKey, useStripeOnramp };

package/dist/stripe.d.ts

@@ -1,252 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { Onramp } from '@stripe/stripe-react-native';
-
-declare function setStripeOnrampPublishableKey(key: string): void;
-declare function setStripeOnrampApiUrl(url: string): void;
-declare function getStripePublishableKey(): Promise<string>;
-type OnrampSessionTransactionDetails = {
-    destination_amount: string;
-    destination_currency: string;
-    destination_network: string;
-    source_amount: string;
-    source_currency: string;
-    fees: {
-        network_fee_amount: string;
-        transaction_fee_amount: string;
-    };
-    quote_expiration: number;
-    wallet_address: string;
-    last_error: string | null;
-};
-type OnrampSession = {
-    id: string;
-    client_secret: string;
-    status: string;
-    transaction_details: OnrampSessionTransactionDetails;
-};
-type CreateSessionParams = {
-    cryptoCustomerId: string;
-    paymentToken: string;
-    sourceAmount: number;
-    sourceCurrency: string;
-    destinationCurrency: string;
-    walletAddress: string;
-    destinationNetwork: string;
-};
-type CustomerVerification = {
-    name: "kyc_verified" | "phone_verified" | "id_document_verified" | string;
-    status: "verified" | "unverified" | string;
-    errors: string[];
-};
-type OnrampCustomer = {
-    id: string;
-    provided_fields: string[];
-    verifications: CustomerVerification[];
-};
-
-type KYCData = {
-    firstName: string;
-    lastName: string;
-    idNumber: string;
-    dobMonth: string;
-    dobDay: string;
-    dobYear: string;
-    addressLine1: string;
-    addressLine2: string;
-    city: string;
-    state: string;
-    postalCode: string;
-    country: string;
-};
-type KYCWizardScreenProps = {
-    initialData?: Partial<KYCData>;
-    loading?: boolean;
-    onComplete: (data: KYCData) => void;
-    onCancel: () => void;
-};
-declare function KYCWizardScreen({ initialData, loading, onComplete, onCancel, }: KYCWizardScreenProps): react_jsx_runtime.JSX.Element;
-
-type OnrampStep = "email" | "register" | "kyc" | "identity" | "amount" | "wallet" | "payment_method" | "session_params" | "quote" | "processing" | "success";
-type OnrampErrorCode = "configuration_error" | "authorization_error" | "registration_error" | "kyc_error" | "identity_error" | "wallet_error" | "payment_error" | "session_error" | "validation_error" | "unknown_error";
-type OnrampError = {
-    code: OnrampErrorCode;
-    message: string;
-    step: OnrampStep;
-    stripeErrorCode?: string;
-};
-type OnrampTransaction = {
-    sessionId: string;
-    status: string;
-    sourceAmount: string;
-    sourceCurrency: string;
-    destinationAmount: string;
-    destinationCurrency: string;
-    destinationNetwork: string;
-    walletAddress: string;
-    fees: {
-        networkFee: string;
-        transactionFee: string;
-    };
-};
-type OnrampConfig = {
-    merchantDisplayName?: string;
-    defaultWalletAddress?: string;
-    defaultNetwork?: Onramp.CryptoNetwork;
-    defaultSourceAmount?: string;
-    defaultSourceCurrency?: string;
-    defaultDestinationCurrency?: string;
-    onComplete?: (transaction: OnrampTransaction) => void;
-    onError?: (error: OnrampError) => void;
-    onStepChange?: (step: OnrampStep, previousStep: OnrampStep) => void;
-    /** Pre-fill email — skips the email screen and goes to register (phone) */
-    email?: string;
-    /** Pre-fill phone — combined with email, skips both screens and auto-triggers Link check + register */
-    phone?: string;
-    /** Same fields as DepositConfig / beginDeposit() — used to auto-resolve wallet */
-    publishableKey?: string;
-    externalUserId?: string;
-    recipientAddress?: string;
-    destinationChainType?: "ethereum" | "solana" | "bitcoin";
-    destinationChainId?: string;
-    destinationTokenAddress?: string;
-    /** Flow order: "verify_first" (default) starts with email, "amount_first" starts with amount entry */
-    flowOrder?: "verify_first" | "amount_first";
-    /**
-     * Apple Pay / Platform Pay merchant id (e.g. `merchant.com.your.app`).
-     * When unset or blank, Apple Pay is not offered and `isPlatformPaySupported` is not used for that path.
-     */
-    merchantIdentifier?: string;
-};
-declare function useStripeOnramp(config?: OnrampConfig): {
-    step: OnrampStep;
-    loading: boolean;
-    status: string;
-    error: OnrampError | null;
-    email: string;
-    phone: string;
-    fullName: string;
-    country: string;
-    customerId: string;
-    accessToken: string;
-    session: OnrampSession | null;
-    kycData: KYCData;
-    walletAddress: string;
-    resolvedRecipientAddress: string;
-    walletNetwork: Onramp.CryptoNetwork;
-    sourceAmount: string;
-    sourceCurrency: string;
-    destinationCurrency: string;
-    applePaySupported: boolean;
-    walletReady: boolean;
-    walletLoading: boolean;
-    setStep: react.Dispatch<react.SetStateAction<OnrampStep>>;
-    setStatus: react.Dispatch<react.SetStateAction<string>>;
-    setEmail: react.Dispatch<react.SetStateAction<string>>;
-    setPhone: react.Dispatch<react.SetStateAction<string>>;
-    setFullName: react.Dispatch<react.SetStateAction<string>>;
-    setCountry: react.Dispatch<react.SetStateAction<string>>;
-    setWalletAddress: react.Dispatch<react.SetStateAction<string>>;
-    setWalletNetwork: react.Dispatch<react.SetStateAction<Onramp.CryptoNetwork>>;
-    setSourceAmount: react.Dispatch<react.SetStateAction<string>>;
-    setSourceCurrency: react.Dispatch<react.SetStateAction<string>>;
-    setDestinationCurrency: react.Dispatch<react.SetStateAction<string>>;
-    checkEmail: () => Promise<void>;
-    register: () => Promise<void>;
-    attachKyc: (data: KYCData) => Promise<void>;
-    verifyIdentity: () => Promise<void>;
-    registerWallet: () => Promise<void>;
-    collectPaymentMethod: (useApplePay?: boolean) => Promise<void>;
-    refreshQuote: () => Promise<void>;
-    confirmCheckout: () => Promise<void>;
-    reset: () => void;
-    clearError: () => void;
-    resumeFulfillmentPolling: () => void;
-    amountFirst: boolean;
-};
-type StripeOnrampHook = ReturnType<typeof useStripeOnramp>;
-
-declare function OnrampScreen({ config, onComplete }: {
-    config?: OnrampConfig;
-    onComplete?: () => void;
-}): react_jsx_runtime.JSX.Element | null;
-
-type AmountScreenProps = {
-    initialAmount?: string;
-    currency?: string;
-    onConfirm: (amount: string) => void;
-    onCancel: () => void;
-};
-declare function AmountScreen({ initialAmount, currency, onConfirm, onCancel, }: AmountScreenProps): react_jsx_runtime.JSX.Element;
-
-/**
- * Props for the high-level StripeOnramp component.
- *
- * The developer only needs to provide their user-specific info.
- * Everything else (Stripe key, StripeProvider, SDK preconfiguration)
- * is handled automatically using the Unifold SDK context.
- */
-interface StripeOnrampProps {
-    /** Unifold publishable key — pass from useUnifold().publishableKey */
-    publishableKey?: string;
-    /** User's email — pre-fills the email step */
-    email?: string;
-    /** User's phone — combined with email, skips both screens */
-    phone?: string;
-    /** Your app's user ID — used to auto-resolve the deposit wallet */
-    externalUserId: string;
-    /** Flow order: "verify_first" (default) or "amount_first" */
-    flowOrder?: "verify_first" | "amount_first";
-    /** Override destination chain type (default: "ethereum") */
-    destinationChainType?: "ethereum" | "solana" | "bitcoin";
-    /** Override destination chain ID (default: "8453" for Base) */
-    destinationChainId?: string;
-    /** Override destination token address */
-    destinationTokenAddress?: string;
-    /** Recipient wallet address — where purchased crypto is sent */
-    recipientAddress: string;
-    /** Called when the transaction completes successfully */
-    onComplete?: (transaction: OnrampTransaction) => void;
-    /** Called when an error occurs */
-    onError?: (error: OnrampError) => void;
-    /** Called when the flow step changes */
-    onStepChange?: (step: OnrampStep, previousStep: OnrampStep) => void;
-    /** Called when the user closes the flow (via ✕ or Done) */
-    onClose?: () => void;
-    /**
-     * Apple Pay merchant identifier (e.g. `merchant.com.your.app`). Defaults to empty — when empty,
-     * Apple Pay is hidden and `initStripe` is called without a merchant id.
-     */
-    merchantIdentifier?: string;
-    /** URL scheme for Stripe redirects (default: "unifoldOnramp") */
-    urlScheme?: string;
-}
-/**
- * High-level Stripe Onramp component.
- *
- * Handles all the plumbing automatically:
- * - Reads the Unifold publishable key from UnifoldProvider context
- * - Fetches the Stripe publishable key from the Unifold API
- * - Wraps in StripeProvider
- * - Eagerly configures the Stripe Onramp SDK
- * - Renders OnrampScreen with the config
- *
- * Usage:
- * ```tsx
- * <StripeOnramp
- *   email={user.email}
- *   externalUserId={user.id}
- *   onClose={() => navigation.goBack()}
- * />
- * ```
- */
-declare function StripeOnramp({ publishableKey, email, phone, externalUserId, flowOrder, destinationChainType, destinationChainId, destinationTokenAddress, recipientAddress, onComplete, onError, onStepChange, onClose, merchantIdentifier, urlScheme, }: StripeOnrampProps): react_jsx_runtime.JSX.Element;
-
-/**
- * Render inside StripeOnramp after initStripe() has completed.
- * Eagerly calls configure() so the Onramp SDK is ready by the time
- * useStripeOnramp needs it. Renders nothing.
- */
-declare function StripeOnrampPreconfigure(): null;
-
-export { AmountScreen, type CreateSessionParams, type CustomerVerification, type KYCData, KYCWizardScreen, type OnrampConfig, type OnrampCustomer, type OnrampError, type OnrampErrorCode, OnrampScreen, type OnrampSession, type OnrampSessionTransactionDetails, type OnrampStep, type OnrampTransaction, StripeOnramp, type StripeOnrampHook, StripeOnrampPreconfigure, type StripeOnrampProps, getStripePublishableKey, setStripeOnrampApiUrl, setStripeOnrampPublishableKey, useStripeOnramp };