Payment Provisioning
Overview
Component to render a business onboarding form, segmented into multiple steps. You will need to first create a business via Business API to get the business-id required for this component.
Usage
<justifi-payment-provisioning
auth-token="wct_provisioning"
business-id="biz_456"
/>Props & Events
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
allow-optional-fields | boolean | No | false | |
auth-token | string | Yes | — | |
business-id | string | Yes | — | |
form-title | string | No | 'Business Information' |
Events
-
submit-event: Fires when payout information is collected and saved. Payload includes the API response or error details. -
click-event: Fires on button interactions (Previous/Next step navigation). Payload includes the action name. -
error-event: Fires when errors occur, including:- Missing required props (
auth-tokenorbusiness-id) - API failures during business data fetch or provisioning submission
- When provisioning has already been requested for the business
Payload includes
message,errorCode, andseverityproperties. - Missing required props (
Public Methods
This component does not expose any public methods. Form submission is handled automatically through the multi-step form flow.
Theming & Layout
| Part | Description | DOM target |
|---|---|---|
::part(text) | — | |
::part(skeleton) | — | |
::part(heading1) | — | |
::part(heading2) | — | |
::part(label) | — | |
::part(inputDisabled) | — | |
::part(buttonSecondary) | — | |
::part(input) | — | |
::part(inputFocused) | — | |
::part(inputInvalid) | — | |
::part(tooltip) | — | |
::part(tooltipIcon) | — | |
::part(tooltipInner) | — | |
::part(inputInvalidAndFocused) | — | |
::part(textDanger) | — | |
::part(radioListItem) | — | |
::part(inputAdornment) | — | |
::part(inputGroup) | — | |
::part(alert) | — | |
::part(buttonLoading) | — | |
::part(buttonPrimary) | — | |
::part(heading3) | — | |
::part(card) | — | |
::part(table) | — | |
::part(tableCell) | — | |
::part(tableHeadCell) | — | |
::part(inputCheckbox) | — | |
::part(inputCheckboxChecked) | — | |
::part(inputCheckboxCheckedFocused) | — | |
::part(inputCheckboxFocused) | — | |
::part(inputCheckboxInvalid) | — |