<div className="h-100 w-100"> <div className="w-50 mx-auto my-5"> <h2 className="text-center">Your bank requires authentication using 3D Secure</h2> <RecurlyProvider publicKey={recurlyAPIKey}> {actionTokenId ? ( <div> <ThreeDSecureAction actionTokenId={actionTokenId} onToken={handleThreeDSecureToken} onError={handleThreeDSecureError} className="recurly-three-d-secure-action" /> </div> ) : null} </RecurlyProvider> </div> </div>
After entering the action code, Action section is hidden, but header and content show.
<div className="h-100 w-100"> <div className="w-50 mx-auto my-5"> <h2 className="text-center">Your bank requires authentication using 3D Secure</h2> <RecurlyProvider publicKey={recurlyAPIKey}> {actionTokenId ? ( <div> <ThreeDSecureAction actionTokenId={actionTokenId} onToken={handleThreeDSecureToken} onError={handleThreeDSecureError} className="recurly-three-d-secure-action" /> </div> ) : null} </RecurlyProvider> </div> </div>After entering the action code, Action section is hidden, but header and content show.