reducer.js

const UPDATE_CAPTCHA_STATE = 'UPDATE_CAPTCHA_STATE'
export const updateCaptchaState = payload => {
  return {
    type: UPDATE_CAPTCHA_STATE,
    payload,
  }
}

const SHOW_CAPTCHA_MODAL = 'SHOW_CAPTCHA_MODAL'
export const showCaptchaModal = () => {
  return {
    type: SHOW_CAPTCHA_MODAL,
  }
}

const CLOSE_CAPTCHA_MODAL = 'CLOSE_CAPTCHA_MODAL'
export const closeCaptchaModal = () => {
  return {
    type: CLOSE_CAPTCHA_MODAL,
  }
}

const VALIDATION_PASSED = 'VALIDATION_PASSED'
export const validationPassed = () => {
  return {
    type: VALIDATION_PASSED,
  }
}

const START_FETCH = 'START_FETCH'
export const startFetchNoTrace = () => ({
  type: START_FETCH,
})

const END_FETCH = 'END_FETCH'
export const endFetchNoTrace = () => ({
  type: END_FETCH,
})

const initialState = {
  isShowCaptcha: false,
  isNeedValidation: false,
  isFetching: false,
}

export default function noTraceValidation(state = initialState, action) {
  switch (action.type) {
    case UPDATE_CAPTCHA_STATE:
      return {
        ...state,
        ...action.payload,
      }
    case SHOW_CAPTCHA_MODAL:
      return {
        ...state,
        ...{isShowCaptcha: true},
      }
    case CLOSE_CAPTCHA_MODAL:
      return {
        ...state,
        ...{isShowCaptcha: false},
      }
    case VALIDATION_PASSED:
      return {
        isNeedValidation: false,
        isShowCaptcha: false,
        isFetching: false,
      }
    case START_FETCH:
      return {
        ...state,
        isFetching: true,
      }
    case END_FETCH:
      return {
        ...state,
        isFetching: false,
      }
    default:
      return state
  }
}