atlas-pay-sdk

Atlas Pay by Raven

github-license-url

Atlas Pay by Raven bank allows you recieve payments and build powerful checkout experience on your website and apps, to use this you will need to create an account on raven atlas, visit, "Raven bank" for more.

Live Demo

✨ Features

• Card Payments. (Visa, MasterCard)
• USSD Payment.
• Bank Transfers.
• NQR Payments.
• Pay with Raven.

Installation:

npm install atlas-pay-sdk

or

```bash
yarn add atlas-pay-sdk

Usage :

Atlas-Pay provides you with few Javascript API's to interact with below is an example implementation of the atlas-pay library:

import './App.css'
import  AtlasPay  from 'atlas-pay-sdk';

function App() {
  AtlasPay.onSuccess = function(data) {
    /**
     * handle successful payment
     * (optional) : you can decide to retrieve the onClose message we send via data
    **/
    console.log('Payment successful:', data);
  }

  AtlasPay.onClose = function(data) {
       /**
     * handle close event, this happens when user closes the payment modal
     * (optional) : you can decide to retrieve the onClose message we send via data
    **/
    console.log('Payment modal Closed:', data);
  }

  AtlasPay.onResponse = function(data) {
       /**
     * handle generate respons, this triggers when you try generating a new ref via AtlasPay.generate(), you catch ther response here
     * (optional) : you can decide to retrieve the onClose message we send via data
    **/
      console.log('We got a response:', data); // or do your stuff here
  }

  // set up your new payment parameters, along side your secret key

  let config = {
    "customer_email": "[e-mail]",
    "description" : "test payment",
    "merchant_ref": "your_merchant_reference",
    "amount": 100,
    "redirect_url": "",
    "payment_methods" : "card,bank_transfer,ussd,raven",
    "secret_key" : "your_atlas_secret_key"
}


  return (
    <>
    <button onClick={()=> AtlasPay.generate(config)}>Generate New Ref</button>

     <button onClick={()=> AtlasPay.init('202304211026JBCAADE')}>Initialize Payment Window</button>
    </>
  )
}

export default App

"postbuild": "node scripts/copy && npm run size",

Changelog

1.0.0 (2023-04-22)

Features

• atlaspay.ts: Complete integration & cross-platform communication with atlas parent webpay (ff17118)

BREAKING CHANGES

• atlaspay.ts: We no longer initialize the payment window by calling only AtlasPay() instead you will have to call AtlasPay.init('payment_reference')

<a name="0.0.1"></a>