Reveni-js-sdk NPM

reveni-js-sdk

Setup

You can use a script tag to load reveni-js-sdk or use npm package.

Using npm package

npm install reveni-js-sdk

import reveni from 'reveni-js-sdk'

function App() {
  const open = () => {
    reveni.init('orderId', 'returnId', 'token', '#reveni')
  }

  return (
    <div className="App">
      <button onClick={open}>Open iframe</button>
      <div id="reveni"></div>
    </div>
  )
}

export default App

Using script tag

<script src="https://cdn.reveni.io/js/latest/reveni-js-sdk.js"></script>

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <script src="https://cdn.reveni.io/js/latest/reveni-js-sdk.js"></script>
    <script>
      function instantRefund() {
        reveni.init('orderId', 'returnId', 'token', '#div')
      }
    </script>
  </head>
  <body>
    <button onClick="instantRefund()">Open iframe</button>
    <div id="div"></div>
  </body>
</html>

Set arguments in script query parameters

'
<script src="https://cdn.reveni.io/js/latest/reveni-js-sdk.js?orderId=test&returnId=test2&elementSelector=#div&token=tokenTest"></script>
'

Try in sandbox enviroment

reveni.init('orderId', 'returnId', 'token', '#div', true)

Use callback functions:

function instantRefund() {
  reveni.init('cf6401afba5a4eaa99871e2a94a81f51', '20e7e16eb3f04e05aa87aa030ccb8470', null, '#div', true, {
    onFinish: status => alert(status),
    onSuccess: () => alert('success'),
    onReject: () => alert('rejected'),
    onDismiss: () => alert('dismiss'),
  })
}

Parameters

Property	Description	Required	Example
orderId	Order id	true	a3a7640d671c4cde8adff13560e25f7b
returnId	Return id	true	a3a7640d671c4cde8adff13560e25f7b
token	Token to authenticate a user	false	eyJ0eXAiOiJKV1Q.eyJ0b2tlbl90eXBlIjoiYWNjZXNzIiwifQ.vWXQ2gwzuM
elementSelector	CSS selector to render reveni iframe	true	#reveni
sandbox	Use sandbox environment	false	true or false. By default is false
callbacks object	Callbacks to execute when return is success, rejected or finished	false	{ onFinish: (status) => {}, onSuccess: () => {}, onReject: () => {}, onDismiss: () => {} }