[BUG] 401 error after register a customer using an login different from the email.

[luanrafaelpinheiro]

Summary

When attempting to create a new customer account with a custom login (different from the email address), the customer account is successfully created. However, a 401 error is encountered when the registration process tries to authenticate using the email as the username. The issue arises from the assumption within the registration function that the email will always serve as the customer's username, which may not be the case. It is recommended to use the 'login' field instead of the email from the registration body for authentication.

Steps To Reproduce

1. Call the register.mutateAsync method with different values for 'login' and 'email':

import { AuthHelpers, useAuthHelper } from '@salesforce/commerce-sdk-react'
const register = useAuthHelper(AuthHelpers.Register)
await register.mutateAsync({
  customer: {
    firstName: data.firstName,
    lastName: data.lastName,
    email: data.email,
    login: data.username
  }
})

Upon analyzing the requests, a 401 error is observed after the registration request because the function attempts to perform authentication using the email, which, in this case, is not the customer's username.

Expected Result

After the registration request, the user should be authenticated using the provided 'login,' which can be either the email or any other valid information.

Actual Result

After registration, a 401 error occurs because the function attempts to use the email as the username for authentication.

Workaround

import { AuthHelpers, useAuthHelper } from '@salesforce/commerce-sdk-react'
const register = useAuthHelper(AuthHelpers.Register)
const login = useAuthHelper(AuthHelpers.LoginRegisteredUserB2C)

try {
  await register.mutateAsync({
    customer: {
      firstName: data.firstName,
      lastName: data.lastName,
      email: data.email,
      login: data.username
    }
  })

} catch (error) {
  if (error.response && error.response.status == 401) {
    await login.mutateAsync({username: body.customer.login, password: body.password})
  }
}

Additional Information

It is suggested to replace the usage of the email as the username with the 'login' field in the 'register' function.

[wjhsf]

Closed via #1465. Thanks for the contribution!