Expired Invitation Error Block for React

Nothing leaves the page. Pressing it shows a spinner on the button for under a second, then a polite status line says that a request would go to the inviter and that nothing was sent in this demo; asking again says how many times and that a real page sends one request and then waits. To wire it for real, send the inviter a request (an email or an in-app notification) from ask, and keep the button's busy state until your server answers.

Yes. It writes the code to the clipboard and a polite line says "Copied code INV-2026-ABC123". If the browser refuses (no permission, or a page that isn't served over HTTPS) the button shows a cross and announces that it couldn't copy. The code is a typed constant, a sample, not a real invitation.

From typed ISO dates in the file: when the invitation was sent and when it ended, with one AS_OF day standing in for today. "3 days ago" and "valid 7 days" are worked out from them with UTC day numbers, so the page reads the same on the server and in every time zone, and nothing reads the clock. In your app, use the invitation's real dates and the server's date.

The stamp animation is CSS and runs once; with reduced motion the word is simply there, still tilted. The stamp is decoration (hidden from assistive technology): the list on the pass says "Expired" with its date in text, and the heading says it in words.

An invitation is a credential: anyone who has the link can join the team, so it shouldn't work forever. Seven days is a common balance. The page doesn't say who else is invited or how many seats are free, because that would tell a stranger things about the team; it names only the team and the inviter, who already sent it to this person.

The pass sits under the heading and above the button, and the button is on the first screen; the two columns become one, in the same reading order as on a wide screen.