import { IdAndFaceValidation } from 'idmission-web-sdk'
 
async function getSessionId() {
  const resp = await fetch("/api/get-session");
  return (await resp.json()).id;
}
 
export default function App() {
  return (
    <IdAndFaceValidation
      sessionId={getSessionId}
      onApproved={(submissionResponse) => {
        alert('Your ID has been validated, proceed to the next checkpoint.')
      }}
      onDenied={(submissionResponse) => {
        alert('Your ID could not be validated, you shall not pass!')
      }}
    />
  )
}

function getSessionId() {
  return fetch('/api/get-session').then(resp => resp.json()).then(resp => resp.id)
}
 
IDmissionSDK.renderIdAndFaceValidation('#target-element', {
  sessionId: getSessionId,
  onApproved: (submissionResponse) => {
    alert('Your ID has been validated, proceed to the next checkpoint.')
  },
  onDenied: (submissionResponse) => {
    alert('Your ID could not be validated, you shall not pass!')
  },
})