Components
Authorization
Allows your users to authorize Veem to provide your platform with an account details, which can be used in subsequent components.
| String | Required. Set as | |
| String | Required. Client ID generated for a given application in our developer sandbox. | |
| String |
| Optional. DOM selector to specify which element this component should be injected in. |
| String |
| Optional. Environment to run the component against. Options are |
| Function | Optional. Callback triggered when authenticated account confirms authorization to provide you with account details. Arguments:
| |
onExit | Function | Optional. Callback triggered when user logs out or attempts to close the component. | |
onError | Function | Optional. Callback triggered when an internal error occurs.Note: See Error Handling for more details |
new Veem.WebSDK({
name: 'authorization',
clientId: '<application_client_id>',
target: '#container',
onComplete: ({ referenceId }) => console.log('Account referenceId:', referenceId),
})
Send payment
Send payment experience with url
While this page covers the widget context there is the ability to use url. Please reference the preset deep linking documentation for building a custom url that fits your customers experience.
Allow the ability to your users to initiate payments. Allows you to provide preset payment data on their behalf.
Property | Function | Default value | Description |
---|---|---|---|
| String | Required. Set as | |
| String | Required. Client ID generated for a given application in our developer sandbox. | |
| String |
| Optional. DOM selector to specify which element this component should be injected in. |
| String |
| Optional. Environment to run the component against. Options are |
| Function | Optional. Callback triggered when payment is initiated. Arguments:
| |
onExit | Function | Optional. Callback triggered when user logs out or attempts to close the component. | |
onError | Function | Optional. Callback triggered when an internal error occurs.Note: See Error Handling for more details. | |
preset | Object | {} | Optional. Data structure supporting preset data to be autofilled in the user's send payment flow.Note: for supported preset properties, refer to Preset Deeplinking. |
new Veem.WebSDK({
name: 'sendPayment',
clientId: '<application_client_id>',
target: '#container',
onComplete: ({ id }) => console.log('Payment created with ID:', id),
preset: {
accountId: 12345,
payerAmount: 500,
payerCurrencyCode: 'USD',
},
})
Updated 6 months ago