Usage

Initialize the SDK

await AlphaXPayment.init({
    clientId: '<your_client_id_here>',
    environment: 'production', // available: production, demo
    onInitialized() {
        // on initialized, do your stuff
    },
    onPaymentSucceeded(res) {
        // when we submit the payment and it's all good, this function will be triggered
        // you will have the order information in "res"
        console.log('Payment succeeded', res);
    },
    onPaymentFailed(error) {
        // When it fails to charge the user, you can use the "error" to show up to your
        // customer
        console.error('Payment failed', error);
    },
});

Create Payment Element

await AlphaXPayment.createPaymentElement({
    orderId: 'order' + Date.now(), // must be unique order id
    amount: 10.50,
    currency: 'USD',
    mountElement: '#payment',
    firstName: 'John', // not required
    lastName: 'Snow', // not required
    onLoading(isLoading) {
        // when submitting, onLoading will be triggered, so that you can show loading indicator
        // or something on your website
        if (isLoading) {
            payBtn.textContent = 'Paying...';
            payBtn.disabled = true;
        } else {
            payBtn.textContent = 'Pay now';
            payBtn.disabled = false;
        }
    },
});

Submit Payment

const payBtn = document.getElementById('pay-btn');

payBtn.addEventListener('click', function() {
    // country code is required to make a payment, remember to ask your user
    AlphaXPayment.submitPayment({
        country: 'US', // country code here - ISO 2-letter
    });
});