Components

Authorization

Allows your users to authorize Veem to provide your platform with an account details, which can be used in subsequent components.

name

String

Required. Set as authorization to mount the authorization component.

clientId

String

Required. Client ID generated for a given application in our developer sandbox.

target

String

body

Optional. DOM selector to specify which element this component should be injected in.

environment

String

production

Optional. Environment to run the component against. Options are production and sandbox.

onComplete

Function

Optional. Callback triggered when authenticated account confirms authorization to provide you with account details.

Arguments:

  • event:
    • referenceId: (String) Account reference ID associated to the account at hand.
onExitFunctionOptional. Callback triggered when user logs out or attempts to close the component.
onErrorFunctionOptional. 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

name

String

Required. Set as sendPayment to mount the send payment component.

clientId

String

Required. Client ID generated for a given application in our developer sandbox.

target

String

body

Optional. DOM selector to specify which element this component should be injected in.

environment

String

production

Optional. Environment to run the component against. Options are production and sandbox.

onComplete

Function

Optional. Callback triggered when payment is initiated.

Arguments:

  • event:
    • id: (Number) ID of the created payment
onExitFunctionOptional. Callback triggered when user logs out or attempts to close the component.
onErrorFunctionOptional. Callback triggered when an internal error occurs.Note: See Error Handling for more details.
presetObject{}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',
  },
})