Xport Digital
1. INTRODUCTION2. NON APPROVED MERCHANT3. APPROVED MERCHANT4. DOCKER INTEGRATION5. EMBEDDED CRYPTO TRANSFER WIDGET6. EMBEDDED NON CRYPTO TRANSFER WIDGETHTML/JSReactJSAngular7. API CALLS

EMBEDDED NON CRYPTO TRANSFER WIDGET

HTML/JS

<button id="nonCryptoWidgetConnect">Connect with Cryptowidget</button>
<script>
var cryptoWidget = new NonCryptoWidgetConnect(
'2f64e543-xxxx-41d1-8f9e-999f1770a8c3',
{
env: 'staging',
xportUser: "#",
xportPassword: "#",
logo: "#",
title: "#"
})
cryptoWidget.startNonCryptoWidget()
cryptoWidget.on('closeNonCryptoWidget', () => {})
</script>

ReactJS

<head>
<script src="./nonCryptoWidget.js"></script>
</head>

Import link to your index.html, src link may differ.

In your component.

componentDidMount(){
this.start();
}
start= ()=>{
var noncryptoWidget = new window.NonCryptoWidgetConnect(
'bca44c88-0445-4ab0-ab47-1d162a587d46',
{
env: 'staging',
xportUser: "#",
xportPassword: "#",
logo: "#",
title: "#"
});
cryptoWidget.startNonCryptoWidget()
cryptoWidget.on('closeNonCryptoWidget', () => {})
}

Initialize the widget and pass your credentials.

<button id="nonCryptoWidgetConnect">
Start crypto Widget
</button>

Angular

<head>
<script src="assets/nonCryptoWidget.js"></script>
</head>

Import link to your index.html, src link may differ.

In your component.ts

import { Component, OnInit } from '@angular/core';
declare var NonCryptoWidgetConnect: any;

Initialize crypto widget beneath the import statement.

Initialize the widget

var cryptoWidget = new NonCryptoWidgetConnect(
'bca44c88-0445-4ab0-ab47-1d162a587d46',
{
env: 'staging',
xportUser: "#",
xportPassword: "#",
logo: "#",
title: "#"
})
cryptoWidget.startNonCryptoWidget()
cryptoWidget.on('closeNonCryptoWidget', () => {})

Add button to your component.html file

<button id="nonCryptoWidgetConnect">
Start crypto widget
</button>