React Native
Changelog

Changelog

2.2.1

  • UX Flow standardisation. Yapily confirmation screen is now displayed after clicking to create a payment.

2.1.0

  • Component redesign. React Native SDK now conforms to the UX Guidelines.
  • New component VolumeInfo to display information about the Volume payment method. See VolumeInfo for more details.
  • New component VolumeSelector carousel component displaying the available banks. See VolumeSelector for more details.
️❗

Deprecated properties

  • Some buttonCustomisation properties have been deprecated and will be removed in a future release.
buttonCustomisation.headingFontColorHex
buttonCustomisation.headingFontSizePx
buttonCustomisation.headingText
buttonCustomisation.showHeading
buttonCustomisation.payButtonFontColorHex
buttonCustomisation.payButtonFontSizePx
buttonCustomisation.showPoweredByVolumeInModal

2.0.1

Add Chase UK. Requires updating values in iOS Info.plist

2.0.0

️❗

This is a breaking change

  • country prop is now required in the Volume component, and must be a valid ISO 3166-1 alpha-2 country code.
 <Volume
    paymentMeta={{
      amount: 50,
      currency: 'GBP',
      country: 'GB',
      reference: 'Example Reference', // Generate new reference value each time PAYMENT_AUTHORIZED_SDP event is emitted
    }}
/>

1.1.1

Block Volume button when clicked until user will be navigated to Bank. This prevents creating multiple payments when button is clicked multiple times.

1.1.0

Add new UK banks. Requires updating values in iOS Info.plist

1.0.0 🎉

Removes legacy @react-native-async-storage dependency

Rework Volume component internals preventing unnecessary re-renders

Volume Button component onButtonEvent callback

0.5.0

Updated Volume React Native to version 0.71.6

0.4.0

Added possibility to include optional metadata object for create payment.

0.3.2

react-native-mmkv replaces @react-native-async-storage/async-storage

react-native-mmkv (opens in a new tab) is a drop in replacement for @react-native-async-storage/async-storage and is a much faster alternative.

Install the react-native-mmkv (opens in a new tab) module as a dependency of your application.

0.3.1

️❗

This is a breaking change

Additional required dependency

AsyncStorage (opens in a new tab) no longer part of React Native core. You need to install it separately.

Previously the AsyncStorage module was used to store the users previous payment method so that it could be used as the default payment method when the user next made a payment. This was done to reduce friction for the user and to make the payment process as simple as possible.

This is now removed from React Native and must be installed separately as a dependency of the application and not a third party library due to auto linking constraints.

Install the AsyncStorage (opens in a new tab) module as a dependency of your application.

sh yarn add @react-native-async-storage/async-storage

You must run pod install in the ios directory of your application to link the new dependency.