Get i18n error messages on @aws-amplify/ui-react about amplify-ui HOT 6 CLOSED

In aws-amplify/amplify-js#4979 Eric explained why he did not do translation at that time in his PR. Maybe now is time to finish the job?

from amplify-ui.

Is this the list of possible translations which you would like better-documented?

from amplify-ui.

I am not sure for that one.
The initial ask was about the i18n translation provided off the shelf by Amplify before new components: https://github.com/aws-amplify/amplify-js/blob/master/packages/aws-amplify-react/src/AmplifyI18n.tsx

And the second ask is a translation of the error from Cognito.
For that I understand that having an error code from Cognito is something that will help. I already talk about that to ouli@ (AWS login) and they have plan to do that in the future

from amplify-ui.

I'm facing similar issues with translations. A complete list wouldn't be enough for covering all the cases because the error messages can also include input values. E.g.

2 validation errors detected: Value 'test test' at 'userName' failed to satisfy constraint: Member must satisfy regular expression pattern: [\p{L}\p{M}\p{S}\p{N}\p{P}]+; Value 'test test' at 'userAlias' failed to satisfy constraint: Member must satisfy regular expression pattern: [\p{L}\p{M}\p{S}\p{N}\p{P}]+

In above case email is used as a userName value.

from amplify-ui.

This remains an issue, even in the new version of the authenticator. Cognito error messages do not get translated. Since user input is often included in the message, I'm guessing what we would have to hook in to is the error type. Off the top of my head, I'm not sure if Cognito reuses error types, though. If they do, then that would not be a reliable solution.

from amplify-ui.

This is also a short-coming of I18n being little more than a map.

Previous implementations relied on pattern-matching to translate errors:

https://github.com/aws-amplify/amplify-js/blob/853adc7554f0a61922e3348d3626c73a5166266d/packages/aws-amplify-react/src/AmplifyMessageMap.tsx

from amplify-ui.