@dunopay/react

Intégration React du widget de paiement DunoPay (Mobile Money).

npm install @dunopay/react

Hook

import { useDunoPay } from '@dunopay/react';

function Checkout() {
  const { collect } = useDunoPay({ publicKey: 'pk_sandbox_xxxxx', mode: 'sandbox' });

  const payer = () =>
    collect({
      amount: 5000,
      currency: 'XOF',
      description: 'Commande #42',
      customer: { firstname: 'Awa', lastname: 'Diallo', phone: '0196789966' },
      onSuccess: (data) => console.log('Payé !', data.reference),
      onError:   (err)  => console.log('Échec', err),
      onCancel:  ()     => console.log('Annulé'),
    });

  return <button onClick={payer}>Payer 5 000 XOF</button>;
}

Composant bouton

import { DunoPayButton } from '@dunopay/react';

<DunoPayButton
  publicKey="pk_sandbox_xxxxx"
  mode="sandbox"
  amount={5000}
  currency="XOF"
  description="Commande #42"
  customer={{ firstname: 'Awa', lastname: 'Diallo', phone: '0196789966' }}
  onSuccess={(data) => console.log(data)}
>
  Payer maintenant
</DunoPayButton>

⚠️ Utilisez uniquement votre clé publique (pk_…) côté navigateur.