Function onSubmit

packages/shared/src/components/auth/RegistrationForm.tsx:177–273

(e: React.FormEvent)

  });

  const onSubmit = (e: React.FormEvent) => {
    e.preventDefault();

    if (isCheckPending || alreadyExists) {
      return;
    }

    setTurnstileError(false);
    logRef.current({
      event_name: AuthEventNames.SubmitSignUpForm,
    });

    setIsSubmitted(true);
    const form = e.target as HTMLFormElement;
    const { optOutMarketing, ...values } = formToJson<RegistrationFormValues>(
      formRef?.current ?? form,
    );
    delete values['cf-turnstile-response'];

    const requiresExperienceLevel = !hideExperienceLevel;
    // Cloud provider is mandatory only when the funnel requests it (the
    // campaign flow); company/job title stay optional.
    const requiresCloudProvider = extraFields.includes('cloudProvider');
    if (
      !values['traits.name']?.length ||
      !values['traits.username']?.length ||
      (requiresExperienceLevel && !values['traits.experienceLevel']?.length) ||
      (requiresCloudProvider && !values['traits.cloudProvider']?.length)
    ) {
      const setHints = { ...hints };

      if (!values['traits.name']?.length) {
        setHints['traits.name'] = 'Please provide name.';
      }
      if (!values['traits.username']?.length) {
        setHints['traits.username'] = 'Please provide username.';
      }
      if (
        requiresExperienceLevel &&
        !values['traits.experienceLevel']?.length
      ) {
        setHints['traits.experienceLevel'] = 'Please provide experience level.';
      }
      if (requiresCloudProvider && !values['traits.cloudProvider']?.length) {
        setHints['traits.cloudProvider'] =
          'Please provide your cloud provider.';
      }

      onUpdateHints(setHints);
      return;
    }

    if (!turnstileRef?.current?.getResponse()) {
      logRef.current({
        event_name: AuthEventNames.SubmitSignUpFormError,
        extra: JSON.stringify({
          error: 'Turnstile not valid',
        }),