Checkout: adding Ebanx fields and validation to tef

[ramonjd]

Using #23830 as a base, we're adding Ebanx fields to the TEF (bank transfer) payment panel.

Most of the work entailed plugging in some sort of consistent validation, and depends on #24294 being deployed.

For a background see: pxLjZ-4BN-p2

Notes

Validation for the fields, though extensible, is very basic. Aside from checking the tax number, there is no type, length or other validity checks on the data happening on the frontend.

For now, I've build inline validation only for tef to at least keep this page consistent.

Testing

1. Apply D11441-code, change your currency to BRL, and hardcode 'BR' as the property of byCountry
2. Add a new plan to your cart and head to checkout
3. Select TEF - Transferência bancária
4. Submit empty form
5. Submit form with valid values

Expectations

At 3:
You should see the name, bank and all the Ebanx field values

At 4:
Inline clientside validation errors should show

At 5:
The following data object will be sent (among other data) in the POST data:

"payment": {
"name": "...",
"tef-bank": "...",
"document": "...",
"street-number": "...",
"address-1": "...",
"address-2": "...",
"state": "...",
"city": "...",
"phone-number": "...",
"postal-code": "...",
...,
}

[matticbot]

Test live: https://calypso.live/?branch=add/ebanx-fields-and-validation-tef

[ramonjd]

es lint errors in CI will be addressed by #24308

[yoavf]

With the exception of the code from #24294, this LGTM and works as expected. Thanks!