Top up

App → your BFF → jaza.topUp({ customerId }) → { token }
App → JazaTopUpButton → sheet (bundles, quote, deposit)

import { Jaza } from '@jazadev/node';

const jaza = new Jaza({
  secretKey: process.env.JAZA_SECRET_KEY!,
  publicKey: process.env.JAZA_PUBLIC_KEY!,
});

// POST /jaza/top-up-token — resolve customerId from your session
app.post('/jaza/top-up-token', async (req, res) => {
  const session = await jaza.topUp({
    customerId: req.user.jazaCustomerId,
  });
  res.json({ token: session.token });
});

app.get('/jaza/balance', async (req, res) => {
  const wallet = await jaza.getBalance({
    customerId: req.user.jazaCustomerId,
  });
  res.json({ balanceCredits: wallet.balanceCredits });
});

import { GestureHandlerRootView } from 'react-native-gesture-handler';
import {
  JazaProvider,
  JazaBalanceWidget,
  JazaTopUpButton,
} from '@jazadev/react-native';

const API_BASE = process.env.EXPO_PUBLIC_API_URL!;

export default function RootLayout({ children }) {
  return (
    <GestureHandlerRootView style={{ flex: 1 }}>
      <JazaProvider
        publishableKey={process.env.EXPO_PUBLIC_JAZA_PUBLISHABLE_KEY!}
        getBalance={async () => {
          const res = await fetch(`${API_BASE}/jaza/balance`, {
            credentials: 'include',
          });
          const data = await res.json();
          return data.balanceCredits as number;
        }}
        onTopUpComplete={({ credits }) => {
          console.log('Top-up completed', credits);
        }}
      >
        {children}
      </JazaProvider>
    </GestureHandlerRootView>
  );
}

<JazaTopUpButton
  label="Top up credits"
  onRequestToken={async () => {
    const res = await fetch(`${API_BASE}/jaza/top-up-token`, {
      method: 'POST',
      credentials: 'include',
    });
    if (!res.ok) throw new Error('Could not start top-up');
    const data = await res.json();
    return data.token as string;
  }}
/>