@agent-cards/wallet-react-native

The Agentcard wallet as a React Native component: your users add cards and approve agent payments without leaving your app. Card numbers never touch your code — capture runs on Agentcard's hosted surface inside the WebView.

Same integration shape as the web SDK: your server creates a wallet link (POST /api/v2/wallet_links), your app renders the component.

import { AgentcardWallet } from "@agent-cards/wallet-react-native";

<AgentcardWallet
  link={link.url}
  pay={{ merchant: "DoorDash", amountCents: 2350 }}
  onSuccess={(d) => d.type === "payment_completed" && markOrderPaid()}
  onTokenExpired={() => refreshLink()}
  onEvent={(name, data) => analytics.capture(name, data)}
/>

Requires react-native-webview. Bank approvals open in the system browser (open_url); everything else stays in the sheet.

Note on adding cards inside React Native: the add-card ceremony ends in a card-network passkey. WKWebView-based WebViews handle it on iOS 17+, but if your target matrix is broader, run the add-card step through a texted wallet link (the hosted page or App Clip) and use this component for the wallet and pay flows. For fully native iOS, use AgentcardWalletKit instead.