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.
`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
`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
`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',
  },
})