Page Comparison

...

1. ACS challenge iframe

2. Full browser redirect to ACS challenge page (If a merchantRedirectUrl was provided in the Init Call in Step 1)

ACS challenge iframe

If a merchantRedirectUrl was not supplied, create an iframe to contain the ACS challenge.

Set up iframe html

Use the redirectUrl as the src property. This is what the iframe might look like:

<iframe
    src={redirectUrl}
    title="ACS"
    style="width: 100%; height: 100vh"
></iframe>

Note the iframe width and height

The default size of the challenge iframe will be full screen. However, if the acsWindowSize property was specified in the 3DS init call (Step One), then the iframe must have the same width and height as the acsWindowSize provided.