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