The
payout-account-selector-element
custom element loads onboarding/payout accounts for an organization and presents them in a single-select
field.
Loads payout accounts for the given organization. Optionally pass
account-id
to target a specific processing account when multiple accounts are enabled.
When
account-id
is omitted, the API returns the default processing account (and the full accounts list when multiple
processing accounts are enabled).
organization-id
(required): organization ID used to build the tenant key (
organization:{id}
)
account-id
(optional): processing account ID when multiple processing accounts are enabled
host
(required): context word used in the help text. Supported values:
invoice
,
registration
,
membership
. Example:
The funds that you collect from this registration will be deposited into this payout account
.
payoutAccountChange
: emitted when the selection changes. Payload is the selected payout account id (
string
), or
null
when cleared. On the host, read it from
event.detail
.
payoutAccountSelected
: emitted alongside
payoutAccountChange
. Payload is
{ id, name }
for the selected payout account, or
null
when cleared.
name
is the same label shown in the dropdown. Hosts that only need the id can keep listening to
payoutAccountChange
.
multipleAccountsEnabledChange
: emitted after the accounts request resolves (or fails). Payload is
true
when
multiple_accounts_enabled
is on and the selector UI is shown;
false
when the feature is off (selector stays hidden) or the request fails. On the host, read it from
event.detail
.
multiple_accounts_enabled
is
false
, the selector does not render its form UI. Hosts can listen to
multipleAccountsEnabledChange
to adjust layout or validation.
GET onboarding/accounts/organization:{organizationId}account_id
PAYOUT_ACCOUNT_SELECTOR.*
in
assets/i18n/en.json
.
payoutAccountSelector-es2015.js