Identity Wallet Account Block for React

Edit CREDENTIALS (a name, what it holds masked, the issuer, and the ISO days it was verified and ends) and ASKS, one per credential: who asks, sees (the answer they get), the three hidden things and the extraSees line the switch adds. The card icon is a small if-chain in CredentialIcon. Nothing here is a real person's data and no credential is checked.

No. It adds an entry to this page's log, says what the shop would have seen and that nothing was sent, and stamps the card's last line with the shop and the day. To make it real, send only the seen lines to your verifier from share, never the whole credential, and record the share on your server.

It adds one line to what the shop would see, your first name, and nothing else. It is remembered per credential while you stay on the page and it resets the status line, so what you read always matches what Share would do. The lists of what a shop would and would not see never change height, so the Share button stays where it was.

The cards are a group of native radios named after each credential and described by its issuer and dates, so a screen reader hears "Over 18, radio, 2 of 3" and the issuer. Tab goes to the chosen card and the arrow keys move to the next one, which also chooses it. The outline is more than colour: a badge on the chosen card says Chosen.

Everything: the choice, the switch, the log and the status line. A reload starts again. The names of the shops and issuers are invented.

The cards scroll sideways in a snapping row with the next card showing, so the choice and the request are both on the first screen or close to it. Below the cards the lists and the switch stack, and the Share button spans the width. In a right-to-left page the dates and masked values keep their reading order.