Payments
Integrate Volume SDK
JavaScript
Events

Volume Events

Payment initiated

'payment_initiated'

A specific institution has been selected by the user by clicking on its icon or by payWithInstitution(institutionId) function.

️⚠️

Kindly ensure that the merchantPaymentId is regenerated immediately upon triggering this event.

    const volume = new window.Volume({
    		...
    		eventConsumer: (event) => {
                console.log("A VOLUME EVENT: " + event)
                if(event === 'payment_initiated') {
                  regenerateMerchantPaymentId()
                }
            }
    		...
    	})

Mounted

'mounted'

The Volume component has been mounted in DOM.

Institutions fetched

'institutions_fetched'

Bank institutions were fetched from Volume server.

Payment button has been enabled

'pay_button_enabled'

The payment button has been enabled via toggleButton(true) function.

Payment button has been disabled

'pay_button_disabled'

The payment button has been disabled via toggleButton(true) function.

Bank selection opened

'bank_selection_opened'

The institution list has been opened either by the user or by openInstitutionSelection() function.

Bank URL has been opened

'awaiting_authorisation'

The Authorization URL, generated by the Volume backend has been opened and user was redirected to the banking institution.