Set View Model Across iFrame

HTML

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@sheerid/jslib@2/sheerid-install.css" type="text/css" />

<h1>
  Demo: Set View Model Across iFrame
</h1>
<p>
  <em>The Install Snippet from my.sheerid.com and modified to add <code>setViewModel()</code></em>
</p>
<ol>
  <li>Click "Confirm Eligibility" to display the modal</li>
</ol>

<b><a id="verificationTrigger">Confirm Eligibility</a></b>

<script type="module">
  import sheerId from "https://cdn.jsdelivr.net/npm/@sheerid/jslib@2/sheerid-install.js"
  function displayVerification() {
    const myFrame = sheerId.loadInModal(
      "https://services.sheerid.com/verify/62d8b7a39026ba29e6e1aafc/",
      {
        mobileRedirect: false,
      }
    )

    myFrame.setViewModel({
      firstName: "Jane",
      lastName: "Doe",
    })
  }

  document
    .getElementById("verificationTrigger")
    .addEventListener("click", displayVerification)
</script>