From f2ca91c20ca6e1116ff8e2c8aa10c283a44a0124 Mon Sep 17 00:00:00 2001
From: George Desipris <george.desipris.56@gmail.com>
Date: Thu, 12 Oct 2023 13:03:36 +0300
Subject: [PATCH] fix(clerk-js): Navigate back to the continue step when
 editing the identifier

---
 .changeset/quiet-points-applaud.md               |  5 +++++
 .../clerk-js/src/ui/components/SignUp/SignUp.tsx | 16 +++++++++++++++-
 .../src/ui/components/SignUp/SignUpContinue.tsx  |  4 ++--
 3 files changed, 22 insertions(+), 3 deletions(-)
 create mode 100644 .changeset/quiet-points-applaud.md

diff --git a/.changeset/quiet-points-applaud.md b/.changeset/quiet-points-applaud.md
new file mode 100644
index 00000000000..5ac8dfff03b
--- /dev/null
+++ b/.changeset/quiet-points-applaud.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': minor
+---
+
+Add new `/sign-up/continue/verify-phone-number` and `/sign-up/continue/verify-email-address` routes in order to allow navigating back to the `/sign-up/continue` step when editing the extra identifier that is provided in the `/sign-up/continue` step.
diff --git a/packages/clerk-js/src/ui/components/SignUp/SignUp.tsx b/packages/clerk-js/src/ui/components/SignUp/SignUp.tsx
index 2384a4056e5..b99a84e09f5 100644
--- a/packages/clerk-js/src/ui/components/SignUp/SignUp.tsx
+++ b/packages/clerk-js/src/ui/components/SignUp/SignUp.tsx
@@ -56,7 +56,21 @@ function SignUpRoutes(): JSX.Element {
           />
         </Route>
         <Route path='continue'>
-          <SignUpContinue />
+          <Route
+            path='verify-email-address'
+            canActivate={clerk => !!clerk.client.signUp.emailAddress}
+          >
+            <SignUpVerifyEmail />
+          </Route>
+          <Route
+            path='verify-phone-number'
+            canActivate={clerk => !!clerk.client.signUp.phoneNumber}
+          >
+            <SignUpVerifyPhone />
+          </Route>
+          <Route index>
+            <SignUpContinue />
+          </Route>
         </Route>
         <Route index>
           <SignUpStart />
diff --git a/packages/clerk-js/src/ui/components/SignUp/SignUpContinue.tsx b/packages/clerk-js/src/ui/components/SignUp/SignUpContinue.tsx
index ff08f7685b3..47ebf5120c0 100644
--- a/packages/clerk-js/src/ui/components/SignUp/SignUpContinue.tsx
+++ b/packages/clerk-js/src/ui/components/SignUp/SignUpContinue.tsx
@@ -143,8 +143,8 @@ function _SignUpContinue() {
       .then(res =>
         completeSignUpFlow({
           signUp: res,
-          verifyEmailPath: '../verify-email-address',
-          verifyPhonePath: '../verify-phone-number',
+          verifyEmailPath: './verify-email-address',
+          verifyPhonePath: './verify-phone-number',
           handleComplete: () => clerk.setActive({ session: res.createdSessionId, beforeEmit: navigateAfterSignUp }),
           navigate,
         }),