React Bancard Checkout
It's a react component that loads the Bancard secure payment iFrame based on the bancard-checkout-js 3.0.0 library.
Usage/Examples
import { BancardIframe } from "react-bancard-checkout"
function App() {
return <BancardIframe
processType="Zimple"
processId="1234"
enviroment="Staging"
/>
}
Props
| Name | Type | Required | Default | Description |
|---|---|---|---|---|
processId |
string |
false |
undefined |
Process identifier to be used to invoke the iframe of occasional payment |
aliasToken |
string |
false |
undefined |
It is obtained when retrieving the list of cards of a user |
processType |
iFrameType |
false |
Checkout |
The type of process to be carried out in this operation |
enviroment |
Production or Staging |
false |
Staging |
In what environment is the application running |
options.styles |
iFrameStyles |
false |
undefined |
Styles for the iframe. Only HEX, HSL and RGB formats are valid |
options.handler |
(data: IData) => void; |
false |
undefined |
You can pass a function to modify the default behavior of the component that would redirect to the return url |
Running Tests
To run tests, run the following command
npm run test
or
yarn test