Tenemos una pasarela de pago implementada con la biblioteca de JavaScript Accept.js de Authorize.net en Reactjs. Este es el código de la etiqueta del botón.

 <button ref={this.paymentBtnRef} style={{ display: "none" }} className="AcceptUI" disabled={!this.state.acceptJsLoaded || !this.state.formData} data-billingaddressoptions='{"show":false, "required":false}' data-apiloginid={CONSTANTS.AUTH_NET_API_LOGIN_ID} data-clientkey={CONSTANTS.AUTH_NET_CLIENT_KEY} data-acceptuiformbtntxt="Proceed" data-acceptuiformheadertxt="Payment information" data-paymentoptions='{"showCreditCard": true, "showBankAccount": false}' data-responsehandler="handlePaymentTokenResponse" cancelUrl="/" > [ checkout ] </button>

Estoy usando el componente de clase en Reactjs y aquí es donde se carga Accept.js: -

 componentDidMount = () => { window.handlePaymentTokenResponse = (obj) => { if (this.state.formData) { this.props.registerUser({ ...this.state.formData, paymentTokenObj: obj.opaqueData, }); // eslint-disable-next-line this.state.formData = null; } }; loadScript( document, "script", "authorize-net-accept-js", "https://jstest.authorize.net/v3/AcceptUI.js", () => { this.setState( { acceptJsLoaded: true, }, () => console.log("authorize-net-accept-js loaded") ); } ); this.props.fetchCreateAccountData(); };

Quiero redirigir cuando el usuario cierra el Modelo, pero no puedo encontrar nada en la documentación de Authorize.net para cancelar la URL. Cuando el usuario cierra el cuadro de diálogo, permanece en la página actual. Quiero redirigir al usuario a otra página.

Accept.js representa el cuadro de diálogo AccpetUI en un iframe, por lo que no puedo agregar onClick en el botón de icono de cierre. ¿Cómo debo redirigir al usuario?