Minimize fields for existing sign-up

Author: LauraBeatris

packages/clerk-js/src/ui/components/SignUp/SignUpStart.tsx

@@ -143,6 +143,7 @@ function SignUpStartInternal(): JSX.Element {
     attributes,
     hasTicket: hasTicket || hasExistingSignUpWithTicket,
     hasEmail,
+    signUp,
     activeCommIdentifierType,
     isProgressiveSignUp,
     legalConsentRequired: isLegalConsentEnabled,
@@ -173,6 +174,7 @@ function SignUpStartInternal(): JSX.Element {
           redirectUrlComplete,
           verifyEmailPath: 'verify-email-address',
           verifyPhonePath: 'verify-phone-number',
+          continuePath: './continue',
           handleComplete: () => {
             removeClerkQueryParam('__clerk_ticket');
             removeClerkQueryParam('__clerk_invitation_token');
@@ -437,24 +439,25 @@ function SignUpStartInternal(): JSX.Element {
               gap={6}
             >
               <SocialButtonsReversibleContainerWithDivider>
-                {(showOauthProviders || showWeb3Providers || showAlternativePhoneCodeProviders) && (
-                  <SignUpSocialButtons
-                    enableOAuthProviders={showOauthProviders}
-                    enableWeb3Providers={showWeb3Providers}
-                    enableAlternativePhoneCodeProviders={showAlternativePhoneCodeProviders}
-                    onAlternativePhoneCodeProviderClick={onAlternativePhoneCodeProviderClick}
-                    continueSignUp={missingRequirementsWithTicket}
-                    legalAccepted={Boolean(formState.legalAccepted.checked) || undefined}
-                  />
-                )}
+                {(showOauthProviders || showWeb3Providers || showAlternativePhoneCodeProviders) &&
+                  !onlyLegalAcceptedMissing && (
+                    <SignUpSocialButtons
+                      enableOAuthProviders={showOauthProviders}
+                      enableWeb3Providers={showWeb3Providers}
+                      enableAlternativePhoneCodeProviders={showAlternativePhoneCodeProviders}
+                      onAlternativePhoneCodeProviderClick={onAlternativePhoneCodeProviderClick}
+                      continueSignUp={missingRequirementsWithTicket}
+                      legalAccepted={Boolean(formState.legalAccepted.checked) || undefined}
+                    />
+                  )}
                 {shouldShowForm && (
                   <SignUpForm
                     handleSubmit={handleSubmit}
                     fields={fields}
                     formState={formState}
+                    onlyLegalAcceptedMissing={onlyLegalAcceptedMissing}
                     canToggleEmailPhone={canToggleEmailPhone}
                     handleEmailPhoneToggle={handleChangeActive}
-                    onlyLegalAcceptedMissing={onlyLegalAcceptedMissing}
                   />
                 )}
               </SocialButtonsReversibleContainerWithDivider>