Engedélyezési kód komponens Összefoglaló Az AuthCodeInput egy 6 karakteres engedélyezési kód beviteli mező, amelyet 2FA-stílusú folyamatokhoz használnak. Hat egyedi karakteres mezőt jelenít meg, és backenddel integrálva ellenőrzi a megadott kódot. Felhasználói történet Felhasználóként szeretném beírni a 6 karakteres engedélyezési kódot és elküldeni, hogy megerősítsem személyazonosságomat egy ismert 2FA folyamatban. Anatómia - 6 bemeneti mező egymás mellett (egy karakter mindenhol) - A mezők közepén egy kötőjel (-) jelenik meg Fő viselkedés Beviteli adatok - Mindegyik 6 mező egy karaktert fogad el. - Csak 0–9 számjegyek és A-Z betűk engedélyezettek. - Egy érvényes karakter beírásakor: o a karakter a jelenlegi mezőben tárolódik. o ha a beírt karakter kisbetű, automatikusan nagybetűvé kell alakítani. o automatikusan a következő mezőre fókuszál. - OTP teljesség: o a komponens csak akkor tekinti "teljesnek" az értéket, ha mind a 6 mező ki van töltve.