Use an intl phone input number field and fix the whole verification flow

- There were some state mismatches in configuring a whatsapp number. This commit fixes those issues and uses an external library for phone number validation
This commit is contained in:
sabaimran
2024-08-01 16:44:17 +05:30
parent 60870a7a3e
commit 84dd1b57fe
4 changed files with 56 additions and 26 deletions

View File

@@ -46,6 +46,7 @@
"eslint": "^8",
"eslint-config-next": "14.2.3",
"input-otp": "^1.2.4",
"intl-tel-input": "^23.8.0",
"katex": "^0.16.10",
"libphonenumber-js": "^1.11.4",
"lucide-react": "^0.397.0",
@@ -64,7 +65,13 @@
"zod": "^3.23.8"
},
"devDependencies": {
"@types/dompurify": "^3.0.5",
"@types/intl-tel-input": "^18.1.4",
"@types/katex": "^0.16.7",
"@types/markdown-it": "^14.1.1",
"@types/node": "^20",
"@types/react": "^18",
"@types/react-dom": "^18",
"eslint": "^8",
"eslint-config-next": "14.2.3",
"eslint-config-prettier": "^9.1.0",
@@ -73,15 +80,10 @@
"lint-staged": "^15.2.7",
"nodemon": "^3.1.3",
"prettier": "3.3.3",
"tailwindcss-animate": "^1.0.7",
"tailwind-merge": "^2.3.0",
"tailwindcss": "^3.4.6",
"typescript": "^5",
"@types/dompurify": "^3.0.5",
"@types/katex": "^0.16.7",
"@types/markdown-it": "^14.1.1",
"@types/react": "^18",
"@types/react-dom": "^18"
"tailwindcss-animate": "^1.0.7",
"typescript": "^5"
},
"prettier": {
"tabWidth": 4