81 lines
2.0 KiB
TypeScript
81 lines
2.0 KiB
TypeScript
/**
|
|
* External dependencies
|
|
*/
|
|
import type { Reducer } from 'redux';
|
|
import { pickBy } from 'lodash';
|
|
import isShallowEqual from '@wordpress/is-shallow-equal';
|
|
import { isString } from '@woocommerce/types';
|
|
|
|
/**
|
|
* Internal dependencies
|
|
*/
|
|
import { ValidationAction } from './actions';
|
|
import { ACTION_TYPES as types } from './action-types';
|
|
import { FieldValidationStatus } from '../types';
|
|
|
|
const reducer: Reducer< Record< string, FieldValidationStatus > > = (
|
|
state: Record< string, FieldValidationStatus > = {},
|
|
action: Partial< ValidationAction >
|
|
) => {
|
|
const newState = { ...state };
|
|
switch ( action.type ) {
|
|
case types.SET_VALIDATION_ERRORS:
|
|
const newErrors = pickBy( action.errors, ( error, property ) => {
|
|
if ( typeof error?.message !== 'string' ) {
|
|
return false;
|
|
}
|
|
if ( state.hasOwnProperty( property ) ) {
|
|
return ! isShallowEqual( state[ property ], error );
|
|
}
|
|
return true;
|
|
} );
|
|
if ( Object.values( newErrors ).length === 0 ) {
|
|
return state;
|
|
}
|
|
return { ...state, ...action.errors };
|
|
case types.CLEAR_ALL_VALIDATION_ERRORS:
|
|
return {};
|
|
|
|
case types.CLEAR_VALIDATION_ERROR:
|
|
if (
|
|
! isString( action.error ) ||
|
|
! newState.hasOwnProperty( action.error )
|
|
) {
|
|
return newState;
|
|
}
|
|
delete newState[ action.error ];
|
|
return newState;
|
|
case types.HIDE_VALIDATION_ERROR:
|
|
if (
|
|
! isString( action.error ) ||
|
|
! newState.hasOwnProperty( action.error )
|
|
) {
|
|
return newState;
|
|
}
|
|
newState[ action.error ].hidden = true;
|
|
return newState;
|
|
case types.SHOW_VALIDATION_ERROR:
|
|
if (
|
|
! isString( action.error ) ||
|
|
! newState.hasOwnProperty( action.error )
|
|
) {
|
|
return newState;
|
|
}
|
|
newState[ action.error ].hidden = false;
|
|
return newState;
|
|
case types.SHOW_ALL_VALIDATION_ERRORS:
|
|
Object.keys( newState ).forEach( ( property ) => {
|
|
if ( newState[ property ].hidden ) {
|
|
newState[ property ].hidden = false;
|
|
}
|
|
} );
|
|
return { ...newState };
|
|
|
|
default:
|
|
return state;
|
|
}
|
|
};
|
|
|
|
export type State = ReturnType< typeof reducer >;
|
|
export default reducer;
|