OKTA sign in widget get entered username even if not authorized for logging purpose

We have integrated the OKTA sign in widget into our Angular SPA application. As part of that ,
we want to log the unauthenticated / unauthorized users through our internal API call.
I would like to gather the user name that was entered by the user when attempting the sign-in.

The okta documentation shows how to retrieve the user info from the claims after successful authentication but I am looking for the username that was entered in the sign in widget which I see is being passed in the payload for /authn endpoint. I see a similar post for this but couldn’t find any resolution there. Okta Help Center (Lightning)