Συστατικό κωδικού εξουσιοδότησης Περίληψη Το AuthCodeInput είναι ένα πεδίο εισαγωγής κωδικού εξουσιοδότησης 6 χαρακτήρων που χρησιμοποιείται για ροές τύπου 2FA. Απεικονίζει έξι πεδία με ένα χαρακτήρα και ενσωματώνεται με ένα backend για την επικύρωση του εισαγόμενου κωδικού. Ιστορία χρήστη Ως χρήστης, θέλω να εισάγω έναν 6-χαρακτήρα κωδικό εξουσιοδότησης και να τον υποβάλω, ώστε να επαληθεύσω την ταυτότητά μου σε μια οικεία ροή 2FA. Ανατομία - 6 πεδία εισαγωγής ευθυγραμμισμένα σε μια σειρά (ένα χαρακτήρα το καθένα) - Στο κέντρο των πεδίων, εμφανίζεται ένα παύλα (-) Βασική συμπεριφορά Εισαγωγές - Κάθε ένα από τα 6 πεδία δέχεται έναν μόνο χαρακτήρα. - Επιτρέπονται μόνο ψηφία 0–9 και γράμματα A-Z. - Κατά την πληκτρολόγηση ενός έγκυρου χαρακτήρα: o ο χαρακτήρας αποθηκεύεται στο τρέχον πεδίο. o αν ο εισαγόμενος χαρακτήρας είναι πεζός, πρέπει να μετατρέπεται αυτόματα σε κεφαλαίο. o εστιάζει αυτόματα στο επόμενο πεδίο. - Ολοκλήρωση OTP: o το συστατικό θεωρεί την τιμή "ολοκληρωμένη" μόνο όταν και τα 6 πεδία είναι γεμάτα.