I am implementing REST API with node/express.js that uses 3DS authentication
I am able to generate the acsUrl and PaReq just fine (for enrolled cards). When I pass the acsUrl in form action and the PaReq, MD and TermUrl in the form, the 3DS windows shows and I am able to enter the OTP 1234 for the test account, however when I click submit, I am getting "Unknown error has occurred". I am don't know what is wrong here as I have passed all the values. Below is the ejs for the form, Note all the values are passed in the form.
<html>
<head>
<style>
.loader {
border: 4px solid #f3f3f3;
border-top: 4px solid #3498db;
border-radius: 50%;
width: 50px;
height: 50px;
animation: spin 2s linear infinite;
position: absolute;
top: 40%;
left: 50%;
transform: translate(-50%, -50%);
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
</style>
</head>
<body>
<div class="loader" id="loader" style="display: none"></div>
<form id="myForm" action="<%= acsUrl %>" method="POST">
<input type="hidden" name="PaReq" value="<%= pareq %>">
<input type="hidden" name="TermUrl" value="<%= TermUrl %>">
<input type="hidden" name="MD" value="<%= md %>">
</form>
<script>
function showLoaderAndSubmitForm() {
document.getElementById("loader").style.display = "block";
setTimeout(function () {
document.getElementById("myForm").submit();
}, 1000);
}
window.onload = showLoaderAndSubmitForm;
</script>
</body>
</html>
Here is the flow and the results
