Merge pull request #17839 from mozilla/FXA-7587-PayPal-Implement-onEr…

…ror-and-onInit-hooks feat(next): Add enabled and onError hooks to paypal component
mozilla · Oct 17, 2024 · b575985 · b575985
2 parents adaff7f + c24345d
commit b575985
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/libs/payments/ui/src/lib/client/components/CheckoutForm/index.tsx b/libs/payments/ui/src/lib/client/components/CheckoutForm/index.tsx
@@ -23,7 +23,9 @@ import {
   handleStripeErrorAction,
   recordEmitterEventAction,
   checkoutCartWithStripe,
+  finalizeCartWithError,
 } from '@fxa/payments/ui/actions';
+import { CartErrorReasonId } from '@fxa/shared/db/mysql/account/kysely-types';
 
 interface CheckoutFormProps {
   cmsCommonContent: {
@@ -260,6 +262,14 @@ export function CheckoutForm({
                   tagline: false,
                 }}
                 className="mt-6"
+                onError={async () => {
+                  await finalizeCartWithError(
+                    cart.id,
+                    CartErrorReasonId.BASIC_ERROR
+                  );
+                  router.push('./error');
+                }}
+                disabled={loading || !formEnabled}
               />
             ) : (
               <BaseButton