Expense management - Tesouro

The expense management component gives users a complete expense tracking experience within your platform — including receipt capture, transaction categorization, and cost center management.

React

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

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

Web components

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

Next steps

Set up the EmbeddedProvider with authentication and theming
Explore Expense management in the FinOps guides for receipts, transactions, and cost centers