Apply email link change to sign up

.changeset/heavy-phones-rest.md

@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': minor
+---
+
+Use sigUpUrl from props / context / repo-level to construct a redirectUrl in sign-in from email-link flow.

.changeset/tiny-beds-yell.md

@@ -2,4 +2,4 @@
 '@clerk/clerk-js': minor
 ---
 
-Use signInUrl from props/ context / repo-level to construct a redirectUrl in email-link flow.
+Use signInUrl from props / context / repo-level to construct a redirectUrl in sign-up from email-link flow.

packages/clerk-js/src/ui/contexts/ClerkUIComponentsContext.tsx

@@ -44,6 +44,7 @@ export type SignUpContextType = SignUpCtx & {
   navigateAfterSignUp: () => any;
   queryParams: ParsedQs;
   signInUrl: string;
+  signUpUrl: string;
   secondFactorUrl: string;
   authQueryString: string | null;
 };
@@ -83,17 +84,20 @@ export const useSignUpContext = (): SignUpContextType => {
 
   const navigateAfterSignUp = () => navigate(afterSignUpUrl);
 
-  let signInUrl = pickRedirectionProp('signInUrl', { ctx, options, displayConfig }, false);
-
   // Add query strings to the sign in URL
   const authQs = buildAuthQueryString({
     afterSignInUrl: afterSignInUrl,
     afterSignUpUrl: afterSignUpUrl,
     displayConfig: displayConfig,
   });
 
-  // Todo: Look for a better way than checking virtual
-  if (authQs && ctx.routing != 'virtual') {
+  let signUpUrl = pickRedirectionProp('signUpUrl', { ctx, options, displayConfig }, false);
+  if (authQs && ctx.routing !== 'virtual') {
+    signUpUrl += `#/?${authQs}`;
+  }
+
+  let signInUrl = pickRedirectionProp('signInUrl', { ctx, options, displayConfig }, false);
+  if (authQs && ctx.routing !== 'virtual') {
     signInUrl += `#/?${authQs}`;
   }
 
@@ -104,6 +108,7 @@ export const useSignUpContext = (): SignUpContextType => {
     ...ctx,
     componentName,
     signInUrl,
+    signUpUrl,
     secondFactorUrl,
     afterSignUpUrl,
     afterSignInUrl,