redux-form-immutable validator with JSON API

example.js

import React from 'react';

import { FormattedMessage } from 'react-intl';
import { Field, reduxForm } from 'redux-form/immutable';
import muiThemeable from 'material-ui/styles/muiThemeable';
import './form';
import validatejs from 'validate.js';

const ExampleForm = ({onSubmit, ...props}) => (
  <form onSubmit={onSubmit}>
   <Field
    component={TextField}
    floatingLabelText={<FormattedMessage id="NAME" />}
    name="attributes.name"
  />
  </form>
);

const validate = (values, props) => {
  const message = <FormattedMessage id="VALIDATION_NAME_REQUIRED" />;
  const constraints = {
    'attributes.identifier': {
      presence: {
        message,
      },
    },
  }
  //TODO: immutable validator
  const errors = validatejs(values.toJS(), constraints, {format: 'groupedNested'});
 
  return errors;
};

export default reduxForm({
  enableReinitialize: true,
  validate,
  form: 'ExampleForm',
})(ExampleForm);

form.js

import validatejs from 'validate.js';
import { fromJS } from 'immutable';

validatejs.formatters.groupedNested = (errors) =>
  errors.reduce((acc, error) => {
    const selector = error.attribute.split('.');
    return acc.updateIn(selector, fromJS([]), (l) => l.push(error.error));
  }, fromJS({})).toJS();