Bank Account Details Template

Name: bankAccountDetailsTemplate
Url: #/profile
Description: Template for the bank account details section. Only rendered when the bankAccountDetails configuration option is enabled. This section is displayed within the profile page and allows authenticated users to manage their bank account information.

Important

This template is only rendered when bankAccountDetails is set to true.

Default Template

<div class="d-flex justify-content-between align-items-center">
  <legend>{{ $t("Bank Account Details") }}</legend>
</div>
<div class="row">
  <identification-number />
  <identification-type />
  <place-of-issue />
  <document-issue-date />
  <document-expiration-date />
</div>

Note

The default bankAccountDetailsTemplate renders identification fields rather than bank fields directly. The full set of bank account fields is controlled by the <bank-account-details> wrapper component used in signupInputsTemplate and profileInputsTemplate.

Available Components

`<IdentificationNumber />`

An input field for the customer's identification number.

`<IdentificationType />`

A dropdown/select field for the type of identification document.

`<PlaceOfIssue />`

An input field for the place where the identification document was issued.

`<DocumentIssueDate />`

A date picker for the issue date of the identification document.

`<DocumentExpirationDate />`

A date picker for the expiration date of the identification document.

Additional bank account field components (available via `<bank-account-details>` wrapper)

These components are used inside the <bank-account-details> wrapper in the signup and profile templates:

<BankAccountBeneficiary /> — Input for the bank account beneficiary name
<BankAccountSortCode /> — Input for the sort code
<BankAccountNumber /> — Input for the account number
<BankAccountIban /> — Input for the IBAN number
<BankAccountSwift /> — Input for the SWIFT/BIC code
<BankAccountBankName /> — Input for the bank name
<BankAccountAddress1 /> — Input for bank address line 1
<BankAccountAddress2 /> — Input for bank address line 2
<BankAccountAddress3 /> — Input for bank address line 3