@tap-payments/benefit-pay-web-button-wrapper v1.0.12

benefit-pay-web-button-wrapper

Handling benefit pay button

Install

This is a React module available through the npm registry. Installation is done using the npm install command:

npm install @tap-payments/benefit-pay-web-button-wrapper

---------------------------- OR -------------------------

yarn add @tap-payments/benefit-pay-web-button-wrapper

Examples

ES6

import React from 'react'
import { createRoot } from 'react-dom/client'
import { BenefitPay } from '@tap-payments/benefit-pay-web-button-wrapper'

const App = () => {
 return (
 <BenefitPay
   className='class'
   style={{ color: 'inherit' }}
   requestData={{
    merchantId: '00000101',
    transactionAmount: '10.000',
    transactionCurrency: 'BHD',
    hashedString: 'xxxxxxxxxxxxxxxxxx',
    appId: '4530082749',
    referenceNumber: '20191723',
    showResult: '0',
    hideMobileQR: '0'
   }}
   onSuccess={(response) => {
    console.log('onSuccess', response)
   }}
   onError={(error) => {
    console.log('onError', error)
   }}
   onClosed={() => {
    console.log('onClosed')
   }}
  />
 )
}

const root = createRoot(document.getElementById('root')!)
root.render(<App />)

Properties