Banking Compliance Banner

Part ofEmbedded Banking↗

Shows "Business Banking provided by" the business customer's bank, plus the FDIC official sign when that bank is FDIC insured. Put it where your app presents banking products, usually the page header.

Quick Start

import { BankingComplianceBannerWidget } from '@tesouro/embedded-components-react';

export function BankingHeader() {
  return (
    <BankingComplianceBannerWidget
      baseUrl="https://api.example.com"
      widgetToken="wt_live_abc123"
      organizationId="org_xyz"
      bankLogoSrc="https://cdn.example.com/bank-logo.svg"
    />
  );
}

All widget props are optional. The widget needs no scopes beyond a valid token.

Behaviour

• The attribution always renders. Without bankLogoSrc it names the bank in text, falling back to "our partner bank" when the name isn't known yet.
• The FDIC sign renders only when the bank is confirmed FDIC insured. It stays hidden while that answer loads, when the request fails, and when the bank isn't insured.
• The FDIC sign keeps its regulated navy, or white on a dark theme, whatever your theme's colors are.
• Override fdicStatement only to translate it. Its wording is set by regulation.

Props

Widget props

Examples

Custom labels (i18n)

<BankingComplianceBannerWidget
  labels={{
    providedByPrefix: 'Banca empresarial ofrecida por',
    providerNameFallback: 'nuestro banco asociado',
  }}
/>

See the exported BankingComplianceBannerLabels type for every key.

TypeScript

import type {
  BankingComplianceBannerWidgetProps,
  BankingComplianceBannerLabels,
} from '@tesouro/embedded-components-react';