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,
@@ -259,6 +260,11 @@ function SignUpStartInternal(): JSX.Element {
   const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault();
 
+    // Do not submit empty password field when patching sign up with legal missing only
+    if (onlyLegalAcceptedMissing && !formState.password.value) {
+      delete fields.password;
+    }
+
     type FormStateKey = keyof typeof formState;
     const fieldsToSubmit = Object.entries(fields).reduce((acc, [k, v]) => {
       acc.push(...(v && formState[k as FormStateKey] ? [formState[k as FormStateKey]] : []));
@@ -437,24 +443,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>