From 589e2cb7755efaa717970acffc433a410bf4c268 Mon Sep 17 00:00:00 2001
From: Peter <peterng.918@gmail.com>
Date: Fri, 15 May 2026 14:55:13 -0400
Subject: [PATCH 1/2] feat: new routes and tests

---
 src/AuthRoutes.tsx        | 12 ++++++++++++
 tests/AuthRoutes.test.tsx | 18 ++++++++++++++++++
 2 files changed, 30 insertions(+)

diff --git a/src/AuthRoutes.tsx b/src/AuthRoutes.tsx
index 81d2dd3..5d24de9 100644
--- a/src/AuthRoutes.tsx
+++ b/src/AuthRoutes.tsx
@@ -14,14 +14,26 @@ import EmailRegistration from '@/views/EmailRegistration';
 import VerifyMagicLink from '@/views/VerifyMagicLink';
 import MagicLinkSent from './components/MagicLinkSent';
 
+/**
+ *The camel case routes will deipciated in a future version please start using the kebab case instead.
+ *
+ *'/passKeyLogin', '/verifyPhoneOTP', '/verifyEmailOTP', '/registerPasskey' will be depricated in a future version
+ *
+ *Please use "/pass-key-login", "/verify-phone-otp", "/verify-email-otp", "/register-passkey" respectively.
+ *
+ */
 export const AuthRoutes = () => (
   <Routes>
     <Route path="/login" element={<Login />} />
     <Route path="/passKeyLogin" element={<PassKeyLogin />} />
+    <Route path="/pass-key-login" element={<PassKeyLogin />} />
     <Route path="/verifyPhoneOTP" element={<PhoneRegistration />} />
+    <Route path="/verify-phone-otp" element={<PhoneRegistration />} />
     <Route path="/verifyEmailOTP" element={<EmailRegistration />} />
+    <Route path="/verify-email-otp" element={<EmailRegistration />} />
     <Route path="/verify-magiclink" element={<VerifyMagicLink />} />
     <Route path="/registerPasskey" element={<PasskeyRegistration />} />
+    <Route path="/register-passkey" element={<PasskeyRegistration />} />
     <Route path="/magiclinks-sent" element={<MagicLinkSent />} />
     <Route path="*" element={<Navigate to="/login" replace />} />
   </Routes>
diff --git a/tests/AuthRoutes.test.tsx b/tests/AuthRoutes.test.tsx
index 64ff1a7..7d499f4 100644
--- a/tests/AuthRoutes.test.tsx
+++ b/tests/AuthRoutes.test.tsx
@@ -32,6 +32,15 @@ describe('AuthRoutes', () => {
     expect(screen.getByText('Passkey Login Page')).toBeInTheDocument();
   });
 
+  it('renders Passkey Login page on /pass-key-login', () => {
+    render(
+      <MemoryRouter initialEntries={['/passKeyLogin']}>
+        <AuthRoutes />
+      </MemoryRouter>
+    );
+    expect(screen.getByText('Passkey Login Page')).toBeInTheDocument();
+  });
+
   it('renders Register Passkey page on /registerPasskey', () => {
     render(
       <MemoryRouter initialEntries={['/registerPasskey']}>
@@ -50,6 +59,15 @@ describe('AuthRoutes', () => {
     expect(screen.getByText('Verify Phone Page')).toBeInTheDocument();
   });
 
+  it('renders Phone OTP page on /verify-phone-otp', () => {
+    render(
+      <MemoryRouter initialEntries={['/verify-phone-otp']}>
+        <AuthRoutes />
+      </MemoryRouter>
+    );
+    expect(screen.getByText('Verify Phone Page')).toBeInTheDocument();
+  });
+
   it('redirects unknown routes to /login', () => {
     render(
       <MemoryRouter initialEntries={['/some/unknown/route']}>

From d7d8cd59c6faa296e1f4ee08108287f7a8d98679 Mon Sep 17 00:00:00 2001
From: Peter <peterng.918@gmail.com>
Date: Fri, 15 May 2026 14:58:46 -0400
Subject: [PATCH 2/2] feat: new routes and tests

---
 src/AuthRoutes.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/AuthRoutes.tsx b/src/AuthRoutes.tsx
index 5d24de9..ef2732a 100644
--- a/src/AuthRoutes.tsx
+++ b/src/AuthRoutes.tsx
@@ -15,7 +15,7 @@ import VerifyMagicLink from '@/views/VerifyMagicLink';
 import MagicLinkSent from './components/MagicLinkSent';
 
 /**
- *The camel case routes will deipciated in a future version please start using the kebab case instead.
+ *The camel case routes will depreciated in a future version please start using the kebab case instead.
  *
  *'/passKeyLogin', '/verifyPhoneOTP', '/verifyEmailOTP', '/registerPasskey' will be depricated in a future version
  *