We are following Get an Accept Payment Page to get the Token Method to get the Token.
as shown in the below link.
https://developer.authorize.net/api/reference/index.html#accept-suite-get-an-accept-payment-page
Code:
<form ngNoForm id="paymentForm" method="POST" [action]="authNetAction"
ng-submit="submit()">
<input type="hidden" name="token" value="Replace with form token from getHostedPaymentPageResponse" />
<button type="submit" id="btnContinue" class="authCheckout">Pay</button>
</form>
type script code set token in form summiting the request for payment.
let authButton: HTMLElement = document.getElementsByClassName("AcceptUI")[0] as HTMLElement;
let authToken: HTMLInputElement = document.getElementsByName("token")[0] as HTMLInputElement;
let authForm: HTMLFormElement = document.getElementById("paymentForm") as HTMLFormElement;
//embedded
if (authButton != null) {
authButton.setAttribute("data-apiLoginID", this.orderCreditCard.loginId);
authButton.setAttribute("data-clientKey", this.orderCreditCard.clientKey);
console.log(JSON.stringify(authButton.getAttribute("data-apiLoginID")));
authButton.click();
}
else if (authToken != null) {
authToken.value = this.orderCreditCard.token;
console.log(`token:${JSON.stringify(authToken.value)}`);
authForm.submit();
}
Here how do we get the transaction ID back once we make the payment, I need to store that in database for orders mapping with TransactionId.
