@oobit/react-web

A React Web SDK that enables web applications to integrate Oobit's crypto-to-card payment services.

Installation

npm install @oobit/react-web

Quick Start

import { WidgetSDK } from "@oobit/react-web";

function PaymentPage() {
  return (
    <WidgetSDK
      accessToken="prod_your-jwt-token"
      userWalletAddress="0x1234..."
      onTransactionRequested={(transaction) => {
        // Navigate to your transaction confirmation screen
        router.push("/confirm-transaction", { transaction });
      }}
      onClose={() => router.back()}
    />
  );
}

Features

• Mobile-First: Optimized for iOS Safari and Chrome Android
• Secure: iframe-based isolation with strict origin verification
• Lightweight: Zero external dependencies (except React)
• Type-Safe: Full TypeScript support with strict types
• Compatible: Same API as @oobit/react-native-sdk for easy cross-platform development

Browser Support

• iOS Safari 14+
• Chrome Android 90+
• Modern desktop browsers (Chrome, Safari, Firefox, Edge)

Documentation

For complete documentation, guides, and API reference, visit:

Oobit Developer Docs

• Getting Started - Installation and setup
• Component Reference - Props and methods
• Handling Transactions - Transaction flow guide
• TypeScript Types - Type definitions

License

MIT © Oobit