Handler Function Is Never Hit In initializeChallengeWithLookupResponse API

General information

• SDK version: 3.57.0
• Environment: Production
• Browser and OS: Chrome 84.0.4147.125 (64-bit) on MacOS 10.15.6 -->

Issue description

We are trying to customize iframe generated by initializeChallengeWithLookupResponse API

braintree.client
.create({ authorization: braintreeClientToken })
.then((newBraintreeClient) => {
  braintree.threeDSecure
    .create({
      client: newBraintreeClient,
      version: '2-inline-iframe',
      loggingEnabled: true,
    })
    .then((newThreeDSecureClient) => {
      newThreeDSecureClient.on(
        'authentication-iframe-available',
        (payload, next) => {
          console.log(JSON.stringify(payload));
          next();
        },
      );
      newThreeDSecureClient
        .initializeChallengeWithLookupResponse(lookupResponse)
        .then((payload, error) => {
          // ...
        })
        .catch((error) => {
          // ...
        });
    });
})

But the handler function in newThreeDSecureClient.on(‘authentication-iframe-available’, handler) is never triggered even though we can find authentication-iframe-available in events inside initializeChallengeWithLookupResponse. We never hit console.log(JSON.stringify(payload));. Is this a bug or the way we are using the APIs needs modification?

[crookedneighbor]

Either open a support ticket at https://help.braintreepayments.com/ or reach out to your Braintree account manager. Be sure to reference this issue.

[crookedneighbor]

Was able to go through your staging site. Looks like you created 2 three d secure instances, one using version: '2' and one using version: '2-inline-iframe'. Since version: '2' was created first, the global Cardinal object was configured to use the normal Cardinal modal, and the second call to configure the Cardinal SDK was ignored. (not by Braintree, it’s ignord by the Cardinal SDK).

You can fix this problem by either using a single 3D Secure instance or by instantiating both with version: '2-inline-iframe'.