Oatfi React-js

React JS components that enables OatFi flows to defer payments.

Requirements

The minimum supported version of React is v16.8. If you use an older version, upgrade React to use this library

Getting started

First Install OatFi-React-JS

1npm install --save @oatfi/react-js

BNPL

Our package relies on our OatFiProvider that will handle our context for Oatfi transactions

Minimal example

1import React from 'react';
2import ReactDOM from 'react-dom';
3import { BNPL, OatFiProvider } from '@oatfi/react-js';
4
5// Obtain token authenticating in the api with your PK and Business Id
6const partnerId = '629fe7c0f15794e7fe7e73d8';
7const token = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9....';
8const invoiceExternalId = '2260c633-56e6-482b-ae88-a54af97a8587';
9const payorExternalId = 'f89449d7-fdfb-4151-a5d9-20da5f5eae92';
10
11const App = () => (
12  <OatFiProvider token={token} partnerId={partnerId}>
13    <BNPL payorExternalId={invoiceExternalId} invoiceExternalId={invoiceExternalId} />
14  </OatFiProvider>
15);
16
17ReactDOM.render(<App />, document.body);

TypeScript support

OatFi React JS is packaged with TypeScript declarations.

Theming

Go to Theming section