Accounts - Tesouro

Account Detail Widget

The accounts component lets users browse their embedded bank accounts and dig into a specific account to view recent transactions and download statements as PDFs. Because it displays a significant amount of information, we recommend dedicating a full screen (outside of navigation) to this component.

React

import { EmbeddedProvider, BankAccountsWidget } from '@tesouro/embedded-components-react';

export default function AccountsPage() {
  return (
    <EmbeddedProvider
      userId={currentUser.id}
      userEmail={currentUser.email}
      widgetTokenRefreshUrl="/api/widget-token"
    >
      <BankAccountsWidget />
    </EmbeddedProvider>
  );
}

Web components

<embedded-bank-accounts-widget
  data-user-id="YOUR_USER_ID"
  data-widget-token-refresh-url="/api/widget-token"
></embedded-bank-accounts-widget>