Refactor compose validators to be more readable

Author: rvsia

packages/react-form-renderer/src/files/compose-validators.js

@@ -1,17 +1,20 @@
 const composeValidators = (validators = []) => (value, allValues, meta) => {
   const [initialValidator, ...sequenceValidators] = validators;
-  const resolveValidator = (error, validator) => error || (typeof validator === 'function' ? validator(value, allValues, meta) : undefined);
-  if (initialValidator && typeof initialValidator === 'function') {
-    const result = initialValidator(value, allValues, meta);
-    if (result && result.then) {
-      return result.then(() => sequenceValidators.reduce(resolveValidator, undefined)).catch((error) => error);
+  const resolveValidator = (error, validator) => {
+    if (error) {
+      return error;
     }
+
+    return validator(value, allValues, meta);
+  };
+
+  const result = resolveValidator(undefined, initialValidator);
+
+  if (result?.then) {
+    return result.then(() => sequenceValidators.reduce(resolveValidator, undefined)).catch((error) => error);
   }
 
-  return validators.reduce(
-    (error, validator) => error || (typeof validator === 'function' ? validator(value, allValues, meta) : undefined),
-    undefined
-  );
+  return sequenceValidators.reduce(resolveValidator, result);
 };
 
 export default composeValidators;