accounts-frontend/src/services/errorsDict.js

import React from 'react';

import { FormattedMessage as Message, FormattedRelative as Relative } from 'react-intl';

import messages from './errorsDict.intl.json';

export default {
    resolve(error) {
        let payload = {};

        if (error.type) {
            payload = error.payload;
            error = error.type;
        }
        return errorsMap[error] ? errorsMap[error](payload) : error;
    }
};

const errorsMap = {
    'error.login_required': () => <Message {...messages.loginRequired} />,
    'error.login_not_exist': () => <Message {...messages.loginNotExist} />,
    'error.password_required': () => <Message {...messages.passwordRequired} />,

    'error.password_invalid': () => <Message {...messages.invalidPassword} />,
    'error.old_hash_strategy': () => <Message {...messages.oldHashStrategy} />,
    'error.password_incorrect': () => (
        <span>
            <Message {...messages.invalidPassword} />
            <br/>
            <Message {...messages.suggestResetPassword} values={{
                link: (
                    <a href="#">
                        <Message {...messages.forgotYourPassword} />
                    </a>
                )
            }} />
        </span>
    ),

    'error.username_required': () => <Message {...messages.usernameRequired} />,
    'error.username_invalid': () => <Message {...messages.usernameInvalid} />,
    'error.username_too_short': () => <Message {...messages.usernameTooShort} />,
    'error.username_too_long': () => <Message {...messages.usernameTooLong} />,
    'error.username_not_available': () => <Message {...messages.usernameUnavailable} />,

    'error.email_required': () => <Message {...messages.emailRequired} />,
    'error.email_too_long': () => <Message {...messages.emailToLong} />,
    'error.email_invalid': () => <Message {...messages.emailInvalid} />,
    'error.email_is_tempmail': () => <Message {...messages.emailIsTempmail} />,
    'error.email_not_available': () => (
        <span>
            <Message {...messages.emailNotAvailable} />
            <br/>
            <Message {...messages.suggestResetPassword} values={{
                link: (
                    <a href="#">
                        <Message {...messages.forgotYourPassword} />
                    </a>
                )
            }} />
        </span>
    ),

    'error.rePassword_required': () => <Message {...messages.rePasswordRequired} />,
    'error.password_too_short': () => <Message {...messages.passwordTooShort} />,
    'error.rePassword_does_not_match': () => <Message {...messages.passwordsDoesNotMatch} />,
    'error.rulesAgreement_required': () => <Message {...messages.rulesAgreementRequired} />,
    'error.you_must_accept_rules': () => this.errorsMap['error.rulesAgreement_required'](),
    'error.key_required': () => <Message {...messages.keyRequired} />,
    'error.key_is_required': () => this.errorsMap['error.key_required'](),
    'error.key_not_exists': () => <Message {...messages.keyNotExists} />,

    'error.newPassword_required': () => <Message {...messages.newPasswordRequired} />,
    'error.newRePassword_required': () => <Message {...messages.newRePasswordRequired} />,
    'error.newRePassword_does_not_match': () => <Message {...messages.passwordsDoesNotMatch} />,

    'error.account_not_activated': () => <Message {...messages.accountNotActivated} />,

    'error.email_frequency': (props) => <Message {...messages.emailFrequency} values={{
        time: <Relative value={props.msLeft} updateInterval={1000} />
    }} />
};