Les détails du virement affichent les détails d’un virement donné. Son interface utilisateur est équivalente à l’overlay que le composant intégré des virements affiche lorsque l’utilisateur clique sur une ligne de virement.
Ce composant vous permet d’afficher la superposition des détails du virement directement depuis votre interface utilisateur. Par exemple, vous pouvez l’invoquer à partir d’une liste de virements personnalisée au lieu d’utiliser le composant intégré des virements.
Lors de la création d’une session de compte, activez les détails du virement en spécifiant payout_details dans le paramètre components.
Après avoir créé la session de compte et initialisé ConnectJS, vous pouvez afficher le composant d’informations de virement dans le front-end :
payout-details.js
JavaScript
React
No results
// Include this element in your HTMLconst payoutDetails = stripeConnectInstance.create('payout-details');
payoutDetails.setPayout('{{PAYOUT_ID}}');// use setOnClose to set a callback function to close payout-details
payoutDetails.setOnClose(()=>{
payoutDetails.remove();});
container.appendChild(payoutDetails);
Paramètres pris en charge
Ce composant intégré prend en charge les paramètres suivants :
Méthode
Type
Description
setPayout
string
L’ID du virement à afficher, qui doit être un virement sur le compte connecté. Si vous ne spécifiez pas ID valide, le composant intégré n’affiche rien. Pour trouver l’ID, vous pouvez récupérer une liste des virements.
obligatoire
setOnClose
() => void
Nous envoyons cet événement quand l’utilisateur ferme l’overlay.
Pour activer le comportement de fermeture de ce composant, écoutez l’événement close en appelant setOnClose.