Estoy usando la API de JavaScript de Recurly para procesar pagos de suscripciones.
Quiero implementar la API reCaptcha V3 de Google en la página autohospedada de Recurly.

<script src="https://js.recurly.com/v4/recurly.js"></script>

 recurly.configure({ publicKey : 'xxx-xxx', required : ['cvv', 'address1', 'city', 'state', 'country', 'postal_code'], }); // When a customer hits their 'enter' key while in a field recurly.on('field:submit', function (event) { $('form').submit(); }); // On form submit, we stop submission to go get the token $('form').on('submit', function (event) { // Prevent the form from submitting while we retrieve the token from Recurly event.preventDefault(); // Reset the errors display $('#errors').text(''); $('input').removeClass('error'); // Disable the submit button $('button').prop('disabled', true); var form = this; // Now we call recurly.token with the form. It goes to Recurly servers // to tokenize the credit card information, then injects the token into the // data-recurly="token" field above recurly.token(form, function (err, token) { // send any errors to the error function below if (err) error(err); // Otherwise we continue with the form submission else form.submit(); }); });

Las cosas son, la implementación de la API de Google es algo como esto:

 <input type="hidden" name="recaptcha_response" id="recaptchaResponse"> <button type="submit" id="btn-submit" class="g-recaptcha" data-sitekey="xxxxxxxxx" data-callback='onSubmit' data-action='submit'>Submit</button> <script> function onSubmit(token) { document.getElementById("recaptchaResponse").value = token; document.getElementById("frm-subscribe").submit(); } </script>

Ambos tienen su propia versión de onSubmit. ¿Cómo incluyo el de Google en el de Recurly?