Payments
Integrate Volume SDK
React Web
Changelog

Changelog

1.3.0

  • Add an option to pass merchantProvidedPayerDetails unlocking new features like faster UX (bank detection based on IBAN for EURO payments)
merchantProvidedPayerDetails: {
  email: 'john.doe@example.com',
  name: 'John Doe',
  phone: '+44 20 7946 0958',
  account: {
    holderName: 'John Doe',
    accountNumber: '12345678',
    sortCode: '123456',
    iban: 'DE89370400440532013000'
  },
  address: {
    addressLine1: '123 Main Street',
    addressLine2: 'Apt 4B',
    countryCode: 'GB',
    town: 'London',
    postCode: 'SW1A 1AA'
  },
  useForUxFlowOptimisation: true
}

1.2.0

New Components

1.1.4

Minor fixes

  • Small styling fixes to the bank confirmation screen

1.1.3

New props on the Volume component

  • collectEmail - a boolean prop that allows customer email to be collected during the payment flow. The collected email is available as metadata.email in the payment status callback and in the Merchant Portal

See the Full Props Docs for more details

1.1.1

New props on the Volume component

  • isButtonEnabled - a boolean prop that allows to disable the button programmatically
  • isCompactMode - a boolean prop that allows to display the button in compact mode
  • buttonCustomisation - an object prop that allows to tweak the look and feel of the button in compact mode

See the Full Props Docs for more details

1.0.0

️❗

Breaking change

  • country prop is now required in the Volume component, and must be a valid ISO 3166-1 alpha-2 country code.
import { Volume } from '@getvolume/react'
 
export default function MyComponent() {
  return (
      <Volume
        amount={50}
        currency='GBP'
        reference='Example Reference'
        country='GB'
        merchantPaymentId='123456'
      />
  )
}

0.0.55

  • Minor bug fixes

0.0.54

  • A new event for the desktop version added - PaymentIdGenerated
  • The paymentStatusCallback parameter now includes payment metadata.
EventsOverview