React-bancard-checkout-js NPM

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

 yarn test

react bancard react-bancard bancard-checkout

@infinitebrahmanuniverse/nolb-react-ba @everything-registry/sub-chunk-2541 @zalastax/nolb-react-ba

1.0.1

3 years ago

1.0.0

3 years ago