Web3-checkout NPM

Getting started with Anypay SDK

Payment popup widget for AnypayX

Installation

<!-- Element the widget modal will be rendered into -->
<div id="anypay-widget"></div>

<!-- Script location, could be loaded from cdn or your server -->
<script src="https://anypay.sv/static/js/main.js"></script>

<!-- Show widget modal -->
<script>
  var loadModal = () => {
    window.AnypaySDK({
      element: 'anypay-widget',
      config: {
        invoiceId: 'GWT_QcGq-',
        onAnypayLoadSuccess: console.log,
        onAnypayLoadFailure: console.error,
        onAnypayPaymentSuccess: console.log,
        onAnypayPaymentFailure: console.error,
      },
    })
  }
</script>

API

`element`

input for document.getElementById selector that the widget will be render into

`config.invoiceId`

Anypay invoice id

`config.onAnypayLoadSuccess`

Callback when invoice data is loaded and modal is shown

`config.onAnypayLoadFailure`

Callback when invoice data could not be loaded, most likely due to wrong invoiceId provided

`config.onAnypayPaymentSuccess`

Callback when payment is done using any payment method (note: might be executed multiple times)

`config.onAnypayPaymentFailure`

Callback when payment is could not be done (note: might be executed multiple times)

Available Scripts

In the project directory, you can run:

`yarn start`

Runs the app in the development mode.\ Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.\ You will also see any lint errors in the console.

`yarn example`

Runs the example integration.\ Open http://localhost:5672/ to view it in the browser.