@tap-payments/benefit-pay-button-element

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-button-element

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

yarn add @tap-payments/benefit-pay-button-element

Examples

ES6

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

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

| name | description | | ---------------------------------- | ------------------------------------------------------ | | className optional - string | styling BenefitPay button with classname | | style optional - CSSProperties | styling benefit pay button with style | | requestData required - object | request info that required by benefit pay library | | onSuccess optional - fun | callback fun will run after getting a success response | | onError optional - fun | callback fun will run after getting an error | | onClosed optional - fun | callback fun will run after closing benefit pay popup |