@W-13547150 - Do Not Proceed to Checkout Review with Invalid Billing Address (#1632)

* Fix checkout flow

- Don't proceed in checkout flow with invalid billing address

* Update CHANGELOG.md

* Fix lint

---------

Signed-off-by: Ben Chypak <bchypak@mobify.com>

Author: bendvc

packages/template-retail-react-app/CHANGELOG.md

@@ -44,6 +44,7 @@
 
 ### Bug Fixes
 
+- Fix checkout allowing you to proceed to review with invalid billing address [#1632](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/1632)
 - Fix password change functionality [#1634](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/1634)
 - Remove internal linter rule that is missing in generated projects [#1554](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/1554)
 - Fix bug where you can add duplicates of the same item to the wishlist. Also fixes bug where skeleton appears when removing last item from the wishlist. [#1560](https://github.com/SalesforceCommerceCloud/pwa-kit/pull/1560)

packages/template-retail-react-app/app/pages/checkout/partials/payment.jsx

@@ -131,8 +131,14 @@ const Payment = () => {
         if (!appliedPayment) {
             await onPaymentSubmit(paymentFormValues)
         }
-        await onBillingSubmit()
-        goToNextStep()
+
+        // If successful `onBillingSubmit` returns the updated basket. If the form was invalid on
+        // submit, `undefined` is returned.
+        const updatedBasket = await onBillingSubmit()
+
+        if (updatedBasket) {
+            goToNextStep()
+        }
     })
 
     return (