State.init({ accountId: "", loading: false, phoneVerification: null, govIdVerification: null, }); function fetchHolonymVerification() { State.update({ loading: true }); asyncFetch( `https://api.holonym.io/sybil-resistance/gov-id/near?action-id=123456789&user=${state.accountId}` ).then((resp) => { State.update({ phoneVerification: resp.body.result, loading: false, }); }); asyncFetch( `https://api.holonym.io/sybil-resistance/phone/near?action-id=123456789&user=${state.accountId}` ).then((resp) => { State.update({ govIdVerification: resp.body.result, loading: false, }); }); } return ( <div> <input placeholder="Enter Account Id" value={state.accountId} onChange={(e) => State.update({ accountId: e.target.value })} /> {state.loading && ( <Widget src={"devhub.near/widget/devhub.components.molecule.Spinner"} /> )} {(state.phoneVerification !== null || state.govIdVerification !== null) && ( <div classname="d-flex gap-2 align-items-center"> <div> {" "} Phone verification:{" "} {state.phoneVerification ? "Verified" : "Not Verified"} </div> <div> {" "} Gov ID verification:{" "} {state.govIdVerification ? "Verified" : "Not Verified"} </div> </div> )} <div> <button disabled={state.loading} onClick={fetchHolonymVerification} style={{ marginTop: 10 }} > Get holonym verification </button> </div> </div> );