Fix/393 Match api email validation

[GermanSaracca]

What this PR does / why we need it:
Fixes a mismatch between the email validation of the SPA Dataset creation form and the email validation of the dataverse api.
Also improves the UX to display the alert error banner only when creations fail, with messages specific to both the client-javascript api wrapper and the dataverse api itself (from the latter extracting only the field-related part of the error and not the part of the error related to Java invalid value exceptions).

Which issue(s) this PR closes:

Closes #393

Special notes for your reviewer:

Suggestions on how to test this:
Enter an invalid email (test@test.e) and check that the error message is displayed below the field.
It is a bit difficult to test the error messages in the banners as the validations are being fulfilled from the form before it is submitted.
One option could be to test locally, modifying the code so that no fields are required within the form and submitting the form, in useDefineRules.tsx set the required property to false.

Does this PR introduce a user interface change? If mockups are available, please link/include them here:
The same error banner is maintained, only now when the user submits the form, if there is an error and this banner appears, it is automatically focused with an specific message about the error.

Error thrown from the dataverse api 👇

Error thrown from the client-javascript api wrapper 👇

How the error banner is focused 👇
In this example the client-side validations were removed just to show the focus case.
alert-error-behaviour.webm

Is there a release notes update needed for this change?:
No.

Additional documentation:
No.

[coveralls]

coverage: 97.848% (+0.04%) from 97.805%
when pulling f34e56a on fix/393-match-api-email-validation2
into 0d1d97e on develop.

[ekraffmiller]

@GermanSaracca There is still a difference between the form validation and the API validation - from my testing, I think the API validation is requiring that the email address be from a list of top level domains, for example: https://data.iana.org/TLD/tlds-alpha-by-domain.txt.

When I try an address that is not in the TLD list, I get an error:

The API uses an apache commons validator: https://github.com/IQSS/dataverse/blob/develop/src/main/java/edu/harvard/iq/dataverse/validation/EMailValidator.java#L13
I think it is using this underlying domain validator:
https://commons.apache.org/proper/commons-validator/apidocs/org/apache/commons/validator/routines/DomainValidator.html

I did some searches and couldn't find a javascript library that does something similar, so I'm not sure the best way to handle this, what do you think?

[GermanSaracca]

@GermanSaracca There is still a difference between the form validation and the API validation - from my testing, I think the API validation is requiring that the email address be from a list of top level domains, for example: https://data.iana.org/TLD/tlds-alpha-by-domain.txt.

When I try an address that is not in the TLD list, I get an error: The API uses an apache commons validator: https://github.com/IQSS/dataverse/blob/develop/src/main/java/edu/harvard/iq/dataverse/validation/EMailValidator.java#L13 I think it is using this underlying domain validator: https://commons.apache.org/proper/commons-validator/apidocs/org/apache/commons/validator/routines/DomainValidator.html

I did some searches and couldn't find a javascript library that does something similar, so I'm not sure the best way to handle this, what do you think?

Hi @ekraffmiller , your findings are totally correct, there is no Javascript library that does the same validations as the Apache library ( at least not a maintained one ).
One option, would be to hardcode all possible TLDS in the SPA but I really don like it because they are always changing or new ones are added.
I think this is just a client side validation layer and after receiving the error we are showing in the alert so I think it is enough for the user to know what is happening. What are your thoughts?

[ekraffmiller]

@GermanSaracca There is still a difference between the form validation and the API validation - from my testing, I think the API validation is requiring that the email address be from a list of top level domains, for example: https://data.iana.org/TLD/tlds-alpha-by-domain.txt.
When I try an address that is not in the TLD list, I get an error: The API uses an apache commons validator: https://github.com/IQSS/dataverse/blob/develop/src/main/java/edu/harvard/iq/dataverse/validation/EMailValidator.java#L13 I think it is using this underlying domain validator: https://commons.apache.org/proper/commons-validator/apidocs/org/apache/commons/validator/routines/DomainValidator.html
I did some searches and couldn't find a javascript library that does something similar, so I'm not sure the best way to handle this, what do you think?

Hi @ekraffmiller , your findings are totally correct, there is no Javascript library that does the same validations as the Apache library ( at least not a maintained one ). One option, would be to hardcode all possible TLDS in the SPA but I really don like it because they are always changing or new ones are added. I think this is just a client side validation layer and after receiving the error we are showing in the alert so I think it is enough for the user to know what is happening. What are your thoughts?

@GermanSaracca There is still a difference between the form validation and the API validation - from my testing, I think the API validation is requiring that the email address be from a list of top level domains, for example: https://data.iana.org/TLD/tlds-alpha-by-domain.txt.
When I try an address that is not in the TLD list, I get an error: The API uses an apache commons validator: https://github.com/IQSS/dataverse/blob/develop/src/main/java/edu/harvard/iq/dataverse/validation/EMailValidator.java#L13 I think it is using this underlying domain validator: https://commons.apache.org/proper/commons-validator/apidocs/org/apache/commons/validator/routines/DomainValidator.html
I did some searches and couldn't find a javascript library that does something similar, so I'm not sure the best way to handle this, what do you think?

Hi @ekraffmiller , your findings are totally correct, there is no Javascript library that does the same validations as the Apache library ( at least not a maintained one ). One option, would be to hardcode all possible TLDS in the SPA but I really don like it because they are always changing or new ones are added. I think this is just a client side validation layer and after receiving the error we are showing in the alert so I think it is enough for the user to know what is happening. What are your thoughts?

I think this is just a client side validation layer and after receiving the error we are showing in the alert so I think it is enough for the user to know what is happening. What are your thoughts?

Yes, I think so too, it would be very cumbersome to maintain a list in our code. The new alert messages work very well to inform the user 👍

[ekraffmiller]

@GermanSaracca There are some warnings due to the new lint tests...I know we don't need to fix them all, but maybe this PR could fix the ones related to Create Dataset?

/Users/ellenkraffmiller/Documents/GitHub/dataverse-frontend2024/src/sections/create-dataset/CreateDataset.tsx
  44:6  warning  React Hook useEffect has a missing dependency: 'setIsLoading'. Either include it or remove the dependency array  react-hooks/exhaustive-deps

/Users/ellenkraffmiller/Documents/GitHub/dataverse-frontend2024/src/sections/create-dataset/MetadataBlockFormFields/MetadataFormField/Fields/PrimitiveMultiple.tsx
  51:5  warning  React Hook useMemo has a missing dependency: 'builtFieldNameWithIndex'. Either include it or remove the dependency array  react-hooks/exhaustive-deps

[GermanSaracca]

I completely agree, I will fix those eslint warnings, thanks @ekraffmiller

[GermanSaracca]

@ekraffmiller Eslint warnings were addressed 👍🏼 , thanks!

[ekraffmiller]

LGTM!

[GPortas]

LGTM

fixemail.mov