feature(3DS): Implement show method and return response with enriched nonce

[siddy2181]

Description

The ThreeDomainSecureClient component provides a method to the merchant to display the 3DS challenge to the buyer if the response from the isEligible method is true. After the buyer has completed the 3DS challenge, the liabilityShift, authenticationState, and anonce with enriched 3DS data will be returned to the merchant.

Code Sample:

const submitButton = document.getElementById("submit-button");

submitButton.addEventListener("click", async () => {
  if (isThreeDomainSecureEligible) {
    const {
      liabilityShift, // "no", "unknown", "possible"
      authenticationState, // "succeeded", "cancelled", "errored"
      nonce, //Enriched nonce or the original nonce
    } = await threeDomainSecureComponent.show();
    
    if (authenticationState === "succeeded") {
      // Check the liability shift and decide on continuing the transaction
    } else {
      // Cancelled or errored, merchant needs to decide what they want to check on
    }
  }
})

Why are we making these changes? Include references to any related Jira tasks or GitHub Issues

This PR covers the following tickets

DTPPCPSDK-2662
DTPPCPSDK-2665
DTPPCPSDK-2805
DTPPCPSDK-2855

❤️ Thank you!

Invalid review

[imbrian]

this is still todo. is this intentional?

[wsbrunson]

oh wow i didn't know you could do that