diff --git a/src/AuthRoutes.tsx b/src/AuthRoutes.tsx
index 81d2dd3..ef2732a 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 depreciated 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 = () => (
} />
} />
+ } />
} />
+ } />
} />
+ } />
} />
} />
+ } />
} />
} />
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(
+
+
+
+ );
+ expect(screen.getByText('Passkey Login Page')).toBeInTheDocument();
+ });
+
it('renders Register Passkey page on /registerPasskey', () => {
render(
@@ -50,6 +59,15 @@ describe('AuthRoutes', () => {
expect(screen.getByText('Verify Phone Page')).toBeInTheDocument();
});
+ it('renders Phone OTP page on /verify-phone-otp', () => {
+ render(
+
+
+
+ );
+ expect(screen.getByText('Verify Phone Page')).toBeInTheDocument();
+ });
+
it('redirects unknown routes to /login', () => {
render(