Redux Form HoC

withForm.js

export const RESET_FORM = 'RESET_FORM'
export const SET_FORM_VALUE = 'SET_FORM_VALUE'

export const setValue = (id, name, value) => ({ type: SET_FORM_VALUE, id, name, value })
export const reset = (id, name, value) => ({ type: SET_FORM_VALUE, id })

const withForm = (stateName, id = stateName, resetOnUmount = true) => {
  const composers = [
    connect(state => {
      form: state.forms[id],
    }, {
      reset: () => ({ type: RESET_FORM, id }),
      setValue: (name, value) => ({ type: SET_FORM_VALUE, id, name, value }),
    })    
  ]

  if (resetOnUmount) {
    composers.push(
      lifecycle({ 
        componentWillUnmount() {
          this.props.reset()
        }      
      })
    )
  }

  return composers(composers)
}

const updateForm = (state = {}, action) => {
  switch (action.type) {
    case SET_FORM_VALUE:
      return {
        ...state,
        [action.name]: action.value,
      }
    default:
      return state
  }
}

const updateForms = (state = {}, action) => {
  switch (action.type) {
    case RESET_FORM:
      return omit(forms, action.id)
    case SET_FORM_VALUE:
      return updateForm(state[action.id], action)    
    default:
      return state
  }
}

const formReducer = (state = {}, action) => {
  switch (action.type) {
    case RESET_FORM:
    case SET_FORM_VALUE:
      return updateForms(state.forms, action)
    default:
      return state
  }
}