Documentation

let toolkit = new RapydToolkit({
    button_text: "Submit",
            // Text that appears on the 'Submit' button. 
            // String. Maximum length is 16 characters.
            // Default is "Place Your Order". Optional. 
        pay_button_color: "blue",
            // Color of the 'Submit' button. String.
            // Standard CSS color name or hexadecimal code such as #323fff.
            // Default is the color that is returned in the 'merchant_color'
            // field of the response to 'Create Card Activation Page'. Optional.
        id: "hp_issuing_act_5801a620cc1ace4bad6149ace5c61cd7",
            // ID of the 'Card Activation' response. String. Required.
        close_on_complete: true,
            // Causes the embedded Card Activation Toolkit window to close
            // when the payment is complete. Boolean. Default is 'true'. Optional.           
        page_type: "card_issuing_activate"
            /* Mandatory for Card Activation page
                Default is "collection". */
});

window.addEventListener('onIssuedCardActivationSuccess', (event) => {
            console.log(event.detail)
            // Returns 'Issued Card' object.
            // Client code.
})
                                
window.addEventListener('onIssuedCardActivationFailure', (event) => {
            console.error(event.detail.error)
            // Triggered when the activation action fails with the error object
            // Client code.
})
                                
window.addEventListener('onOTPFailure', (event) => {
            console.error(event.detail.error)
            // Triggered when the OTP confirmation fails with the error object
            // Client code.
})
                                
window.addEventListener('onIssuedCardSetPinFailure', (event) => {
            console.error(event.detail.error)
            // Triggered when the card activation is successful but the PIN code was not set
            // Client code.
})
                                
window.addEventListener('onLoading', (event) => {
            console.log(event.detail.loading)
            // returns true or false depending on the loading state
            // Client code
})