Skip to main content
The settings component lets users manage their embedded banking account. It includes three sections:
  • Profile — View and update account details and user information
  • Team — Manage team members and team settings
  • Help — Access FAQs and support resources

React

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

export default function SettingsPage() {
  return (
    <EmbeddedProvider
      userId={currentUser.id}
      userEmail={currentUser.email}
      widgetTokenRefreshUrl="/api/widget-token"
    >
      <SettingsWidget bankingDashboardUrl="/banking/dashboard" />
    </EmbeddedProvider>
  );
}
PropRequiredDescription
bankingDashboardUrlNoURL of the banking dashboard, used for navigation links within the component

Web components

<embedded-settings-widget
  data-merchant-id="YOUR_MERCHANT_ID"
  data-user-id="YOUR_USER_ID"
  data-widget-token-refresh-url="/api/widget-token"
  data-banking-dashboard-url="/banking/dashboard"
></embedded-settings-widget>