// v3-verifycode.jsx — Verifikasjonskode UTEN egen kategori.
// Koder er forventede og flyktige: brukeren utløser dem selv (logger inn) og
// venter på dem. De dukker derfor opp ØVERST PÅ FORSIDEN (Innkommende) når de
// kommer, auto-kopieres, og forsvinner av seg selv etter 5 minutter. Ingen
// menyrad, ingen liste, ingen innboks, ingen arkivering.
//
// Eksporterer: CODE_TTL, VerifyCard, LiveVerify, AFrontVerify, VerifyLifecycle.
const CODE_TTL = 300; // sek — 5 minutter
// m:ss med tabular mono
function fmtTTL(s) {
const m = Math.floor(Math.max(0, s) / 60);
const ss = String(Math.max(0, s) % 60).padStart(2, '0');
return `${m}:${ss}`;
}
// Best-effort auto-kopiering. I sandkasse-iframe blokkeres clipboard, derfor
// MÅ promisen alltid ha en .catch(). I ekte app (brukergest + secure-context)
// virker den.
function autoCopy(text) {
try { navigator.clipboard.writeText(text).catch(() => {}); } catch (e) { /* iframe */ }
}
const DEMO_CODE = { service: 'GitHub', code: '084 219', mono: 'GH', col: '#2d333b', context: 'Innloggingskode · gyldig i 5 minutter' };
// ── VerifyCard — presentasjon for de tre fasene ──────────────
// phase: 'idle' | 'active' | 'gone'. urgent = seconds <= 60.
function VerifyCard({ phase, seconds, c = DEMO_CODE, onReplay }) {
// Fase 1 · venter — stiplet, dempet rad
if (phase === 'idle') {
return (
Venter på innloggingskode fra {c.service}…—:—
);
}
// Fase 4 · slettet — dempet kvittering
if (phase === 'gone') {
return (
Koden er slettet — ingen spor lagret.
{onReplay ? (
) : null}
Koden lå aldri i innboksen. Den kopieres ved ankomst og forsvinner av seg selv — ingenting lagres eller arkiveres.
);
}
// ── LiveVerify — levende tilstand (auto-kopi, nedtelling, selvslett) ─
function LiveVerify({ ttl = CODE_TTL, c = DEMO_CODE }) {
const [phase, setPhase] = React.useState('active');
const [seconds, setSeconds] = React.useState(ttl);
// auto-kopi ved ankomst (best-effort; blokkeres i iframe)
React.useEffect(() => { if (phase === 'active') autoCopy(c.code); }, [phase, c.code]);
// 1s nedtelling; selvslett ved 0
React.useEffect(() => {
if (phase !== 'active') return;
const id = setInterval(() => {
setSeconds((s) => {
if (s <= 1) { clearInterval(id); setPhase('gone'); return 0; }
return s - 1;
});
}, 1000);
return () => clearInterval(id);
}, [phase]);
const replay = () => { setSeconds(ttl); setPhase('active'); };
return ;
}
// ── AFrontVerify — hele forsiden MED levende kode øverst ──────
function AFrontVerify() {
return (
Kan vente3 fra folk du kjenner
{PEOPLE.slice(1).map((p, i) => )}
);
}
// ── VerifyLifecycle — statisk ark, fire faser ────────────────
function VerifyLifecycle() {
const phases = [
{ tag: '1 · Venter', node: , note: 'Valgfritt — vises kun mens du er midt i en innlogging og venter.' },
{ tag: '2 · Kommet inn', node: , note: 'Accent-tonet kort øverst på forsiden. Auto-kopiert. 5-min nedtelling.' },
{ tag: '3 · Snart borte', node: , note: 'Under 60 s: accent på nedtelling og stolpe, sterkere kant/bakgrunn.' },
{ tag: '4 · Slettet', node: , note: 'Kollapser til en dempet kvittering. Ingenting lagret.' },
];
return (
VERIFIKASJONSKODE · UTEN KATEGORI
Forventet. Kopiert. Borte.
Du vet når du venter på en kode. Den dukker opp øverst på forsiden, legges på utklippstavlen ved
ankomst, og sletter seg selv etter fem minutter. Ingen menyrad, ingen innboks, ingen arkivering.