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:
| |
| Function | Optional. Callback triggered when user logs out or attempts to close the component. | |
| 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
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:
| |
| Function | Optional. Callback triggered when user logs out or attempts to close the component. | |
| Function | Optional. Callback triggered when an internal error occurs. Note: See Error Handling for more details. | |
| 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 2 months ago