Minimize fields for existing sign-up

Author: LauraBeatris

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

@@ -26,7 +26,13 @@ import { useRouter } from '../../router';
 import { getPreferredAlternativePhoneChannel } from '../SignIn/utils';
 import { SignUpForm } from './SignUpForm';
 import type { ActiveIdentifier } from './signUpFormHelpers';
-import { determineActiveFields, emailOrPhone, getInitialActiveIdentifier, showFormFields } from './signUpFormHelpers';
+import {
+  determineActiveFields,
+  emailOrPhone,
+  getInitialActiveIdentifier,
+  minimizeFieldsForExistingSignup,
+  showFormFields,
+} from './signUpFormHelpers';
 import { SignUpRestrictedAccess } from './SignUpRestrictedAccess';
 import { SignUpSocialButtons } from './SignUpSocialButtons';
 import { SignUpStartAlternativePhoneCodePhoneNumberCard } from './SignUpStartAlternativePhoneCodePhoneNumberCard';
@@ -143,10 +149,12 @@ function SignUpStartInternal(): JSX.Element {
     attributes,
     hasTicket: hasTicket || hasExistingSignUpWithTicket,
     hasEmail,
+    signUp,
     activeCommIdentifierType,
     isProgressiveSignUp,
     legalConsentRequired: isLegalConsentEnabled,
   });
+  minimizeFieldsForExistingSignup(fields, signUp);
 
   const handleTokenFlow = () => {
     if (!formState.ticket.value) {
@@ -437,24 +445,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>