Feat: Use alphanumeric for the validation code

BearStudio / start-ui-web

🚀 Start UI [web] is an opinionated UI starter with 🟦 TypeScript, ⚛️ React, ⚫️ NextJS, ⚡️ Chakra UI, 🟦 tRPC, ▲ Prisma, 🏖️ TanStack Query, 📕 Storybook, 🎭 Playwright,📋 React Hook Form,◽From the 🐻 BearStudio Team

https://demo.start-ui.com

MIT License

1.36k stars 128 forks source link

Feat: Use alphanumeric for the validation code #520

Closed JeanneGrenet closed 2 weeks ago

JeanneGrenet commented 1 month ago

Closes #514

Description :

Following the Copenhagen Book we should use alphanumeric code for validation (without some specific characters) to prevent user errors. https://thecopenhagenbook.com/email-verification Use the oslo library for this https://oslo.js.org/reference/crypto/generateRandomString

TASKS

[x] Update the generateCode() with generateRandomString()
[x] Use only specific characters instead of oslo alphabet()
[x] Update the PinInput to accept alphanumeric characters
[x] Test that we can connect with the alphanumeric code

vercel[bot] commented 1 month ago

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
start-ui	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Aug 9, 2024 1:05pm

sonarcloud[bot] commented 1 month ago

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud

AtamaHeitekava commented 2 weeks ago

Testing done. Everything seems to work as intended. I tried different actions (register, login, update email and delete account) that needed this code : each time the code is send and working as intended (if another code is given, it return an error) and the code given is alphanumeric.