| [ Web Proxy ] |
| Viewing: https://docs.stripe.com/connect/supported-embedded-components/payout-reconciliation-report | [Back] [Original] |
Connected accounts that have access to the Express Dashboard can access the payout reconciliation report directly in the Express Dashboard, so you dont need to embed it separately. Click View reports in your Express features settings to enable it.
The payout reconciliation report component allows connected accounts to view and export reports that reconcile each automatic payout with the batch of transactions it settles. It displays three subreports:
Connected accounts can filter the report by date range and currency. They can also export each subreport as summarized or itemized CSV downloads.
These subreports are similar to the payout reconciliation reports for direct Stripe accounts.
If a connected account doesnt use automatic payouts, the payout reconciliation report component renders nothing. Use the onReportAvailabilityLoaded callback to detect this state and display your own empty state or alternative UI.
If a connected account changes from automatic payouts to manual payouts, this component no longer renders their payout data. If a connected account changes from manual payouts to automatic payouts, this component only includes data for their automatic payouts.
The balance report component renders payout data for all connected accounts, regardless of their payout type.
Connected accounts without access to the full Stripe Dashboard can only view data starting from April 1, 2026, unless your platform has been specifically backfilled.
When you create an Account Session, enable the payout reconciliation report by specifying payout_reconciliation_report in the components parameter.
After creating the account session and initializing ConnectJS, you can render the payout reconciliation report component in the front end:
// Include this element in your HTML const payoutReconciliationReport = stripeConnectInstance.create( "payout-reconciliation-report" ); container.appendChild(payoutReconciliationReport); // Optional: Set a callback to handle report availability. // The payout reconciliation report is only available for accounts // on automatic payouts. Use this callback to show your own empty // state when the report is unavailable. payoutReconciliationReport.setOnReportAvailabilityLoaded( ({ isReportAvailable }) => { if (!isReportAvailable) { // Hide the component container or show a custom message container.style.display = "none"; document.getElementById("fallback-message").textContent = "Payout reconciliation reports are only available for accounts that " + "use automatic payouts."; } } );
| Method | Type | Description |
|---|---|---|
setOnReportAvailabilityLoaded | ({isReportAvailable: boolean}) => void | Callback invoked when the component has determined whether the payout reconciliation report is available for this connected account. Returns true if the account uses automatic payouts, and false if it uses manual payouts. Use this method to conditionally render the component or display your own empty state. |
For connected accounts that arent controlled exclusively by your platform:
| Web Proxy Viewer | New URL | Original Page |