@funnelsgrove/payments 0.14.0 → 0.15.0

package/dist/providers/stripe/components/SharedStripeCheckoutV2Dialog.js

@@ -11,7 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useCallback, useEffect, useMemo, useState, } from 'react';
+import { useCallback, useEffect, useMemo, useRef, useState, } from 'react';
 import { CheckoutProvider, PaymentElement, useCheckout, } from '@stripe/react-stripe-js/checkout';
 import { PaymentBrandMark, SecurityLockIcon } from './CheckoutBrandAssets.js';
 import { StripeCheckoutExpressCheckoutButton } from './StripeCheckoutExpressCheckoutButton.js';
@@ -70,6 +70,7 @@ function SharedStripeCheckoutV2CheckoutSessionForm({ amountCents, buttonColor, c
         ? true
         : walletAvailable;
     const [submitting, setSubmitting] = useState(false);
+    const submitInFlightRef = useRef(false);
     const [paymentElementReady, setPaymentElementReady] = useState(false);
     const [error, setError] = useState(null);
     const [billingCountry, setBillingCountry] = useState(null);
@@ -250,7 +251,7 @@ function SharedStripeCheckoutV2CheckoutSessionForm({ amountCents, buttonColor, c
     };
     const handleSubmit = async (event) => {
         event.preventDefault();
-        if (submitting) {
+        if (submitInFlightRef.current) {
             return;
         }
         const billingCountryError = getBillingCountryError(billingCountry !== null && billingCountry !== void 0 ? billingCountry : fixedBillingCountry);
@@ -268,12 +269,17 @@ function SharedStripeCheckoutV2CheckoutSessionForm({ amountCents, buttonColor, c
             setSharedError('Payment form is not ready yet.', true);
             return;
         }
+        submitInFlightRef.current = true;
         setSubmitting(true);
         setSharedError(null);
+        const finishSubmitting = () => {
+            submitInFlightRef.current = false;
+            setSubmitting(false);
+        };
         try {
             const syncedEmail = await ensureCustomerEmail();
             if (!syncedEmail) {
-                setSubmitting(false);
+                finishSubmitting();
                 return;
             }
             await trackPaymentInfoSubmitted();
@@ -283,7 +289,7 @@ function SharedStripeCheckoutV2CheckoutSessionForm({ amountCents, buttonColor, c
             if (result.type === 'error') {
                 const message = result.error.message || 'Payment failed.';
                 setSharedError(message, false, result.error);
-                setSubmitting(false);
+                finishSubmitting();
                 return;
             }
             if (typeof window !== 'undefined') {
@@ -291,11 +297,11 @@ function SharedStripeCheckoutV2CheckoutSessionForm({ amountCents, buttonColor, c
                 window.location.assign(returnUrl);
                 return;
             }
-            setSubmitting(false);
+            finishSubmitting();
         }
         catch (submitError) {
             setSharedError(getFriendlyCardErrorMessage(submitError));
-            setSubmitting(false);
+            finishSubmitting();
         }
     };
     const visibleError = error;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funnelsgrove/payments",
-  "version": "0.14.0",
+  "version": "0.15.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/The-Solid-Grove/funnelsgrove.git",