Skip to content

Datatrans Payment Button integration (Apple Pay, Google Pay)

License

Notifications You must be signed in to change notification settings

datatrans/payment-button

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

61 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Datatrans Payment Button

Render Apple Pay and Google Pay buttons for payments via Datatrans. Buttons are only rendered if the client supports any of the mentioned payment methods.

Usage example

PaymentButton.init({
  merchantId: '1100002476',
  merchantName: 'Test',
  useGooglePay: false,
  useApplePay: false,
  auto: true,
  allowedCardNetworks: ['AMEX', 'DISCOVER', 'MASTERCARD', 'VISA'],
  googlePayConfiguration: {
    buttonType: 'long',
    buttonStyle: 'black',
    merchantId: '01234567890123456789'
  },
  applePayConfiguration: {
    buttonType: 'plain',
    buttonStyle: 'black'
  }
})

PaymentButton.on('init', function () {
	$('.console-content').append('init event dispatched <br>')
	PaymentButton.create(document.getElementById('paybutton'), payment)
})

PaymentButton.on('create', function () {
  $('.console-content').append('create event dispatched <br>')
})

PaymentButton.on('authorization', function (response) {
  $('.console-content').append('authorization response:' + '<br>' + response + '<br>')
})

PaymentButton.on('abort', function () {
  $('.console-content').append('Payment request aborted' + '<br>')
})

PaymentButton.on('error', function (error) {
  $('.console-content').append('Error:' + JSON.stringify(error) + '<br>')
 })

PaymentButton.on('unsupported', function () {
  $('.console-content').append('Payment method not supported in this browser <br>')
})

Events

The following events can be subscribed to:

  • initialized - emitted when the library was initialized
  • created - emitted when all buttons were rendered
  • authorization - emitted when the authorization process has completed
  • abort - emitted when the payment request was aborted
  • error - emitted when an error happens
  • unsupported - emitted when no payment method is supported by the client

About

Datatrans Payment Button integration (Apple Pay, Google Pay)

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published