Handle errors

src/components/checkout/CheckoutForm.js

@@ -112,8 +112,12 @@ const CheckoutForm = ({countriesData}) => {
     const handleFormSubmit = (event) => {
         event.preventDefault();
 
-        // Validate Billing and Shipping Details
-        const billingValidationResult = validateAndSanitizeCheckoutForm(input?.billing);
+        /**
+         * Validate Billing and Shipping Details
+         *
+         * Note: If billing is different than shipping address, only then validate billing.
+         */
+        const billingValidationResult = input?.billingDifferentThanShipping ? validateAndSanitizeCheckoutForm(input?.billing) : {errors: null, isValid: true};
         const shippingValidationResult = validateAndSanitizeCheckoutForm(input?.shipping);
 
         if (!shippingValidationResult.isValid || !billingValidationResult.isValid) {

src/validator/checkout.js

@@ -59,7 +59,7 @@ const validateAndSanitizeCheckoutForm = ( data ) => {
 		}
 
 		if ( required && validator.isEmpty( data[ fieldName ] ) ) {
-			errors[ fieldName ] = `${errorContent} is requireds`;
+			errors[ fieldName ] = `${errorContent} is required`;
 		}