@funnelsgrove/payments 0.15.1 → 0.15.3

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

@@ -53,6 +53,15 @@ const normalizeStripeCheckoutProviderError = (error) => {
 };
 export function StripeCheckoutExpressCheckoutButton({ beforeConfirm, checkoutAnalytics, checkoutSessionId, returnUrl, confirmEmail = true, customerEmail, className, options, availabilityPaymentMethods = ['applePay'], initialAvailable, keepInitialAvailableOnReady = false, serverUpdateKey, supportedCountries, onServerUpdate, onAvailabilityChange, onCancel, onError, onPaymentInfoSubmitted, onPaymentRejected, onSuccess, unsupportedCountryMessage, }) {
     const checkoutState = useCheckout();
+    const [loadRetry, setLoadRetry] = useState(0);
+    const loadRetryUsedRef = useRef(false);
+    const walletReadyRef = useRef(false);
+    const loadRetryTimerRef = useRef(null);
+    useEffect(() => () => {
+        if (loadRetryTimerRef.current !== null) {
+            clearTimeout(loadRetryTimerRef.current);
+        }
+    }, []);
     const appliedServerUpdateKeyRef = useRef('');
     const [appliedServerUpdateKey, setAppliedServerUpdateKey] = useState('');
     const serverUpdatePromiseRef = useRef(null);
@@ -312,10 +321,27 @@ export function StripeCheckoutExpressCheckoutButton({ beforeConfirm, checkoutAna
                 ]
                     .filter(Boolean)
                     .join(' '), children: _jsx(ExpressCheckoutElementWithCancel, { options: resolvedOptions, onCancel: handleCancel, onClick: handleClick, onConfirm: (event) => void handleConfirm(event), onLoadError: ({ error }) => {
+                        if (loadRetryTimerRef.current !== null) {
+                            return;
+                        }
+                        if (!walletReadyRef.current && !loadRetryUsedRef.current) {
+                            loadRetryUsedRef.current = true;
+                            // Replace only the failed Element, retaining the Checkout Session.
+                            loadRetryTimerRef.current = setTimeout(() => {
+                                loadRetryTimerRef.current = null;
+                                setLoadRetry(1);
+                            }, 1000);
+                            return;
+                        }
                         setWalletAvailable(false);
                         onAvailabilityChange === null || onAvailabilityChange === void 0 ? void 0 : onAvailabilityChange(false);
                         reportFailure(error.message || 'Unable to load wallet checkout.', 'wallet_load');
                     }, onReady: ({ availablePaymentMethods: availablePaymentMethodsMap }) => {
+                        walletReadyRef.current = true;
+                        if (loadRetryTimerRef.current !== null) {
+                            clearTimeout(loadRetryTimerRef.current);
+                            loadRetryTimerRef.current = null;
+                        }
                         const available = Boolean(availabilityPaymentMethods.some((paymentMethod) => availablePaymentMethodsMap === null || availablePaymentMethodsMap === void 0 ? void 0 : availablePaymentMethodsMap[paymentMethod]));
                         const resolvedAvailable = available || (keepInitialAvailableOnReady && initialAvailable === true);
                         setWalletAvailable(resolvedAvailable);
@@ -323,7 +349,7 @@ export function StripeCheckoutExpressCheckoutButton({ beforeConfirm, checkoutAna
                         if (resolvedAvailable) {
                             onError === null || onError === void 0 ? void 0 : onError(null);
                         }
-                    } }) })), _jsx("style", { children: stripeExpressCheckoutButtonStyles })] }));
+                    } }, loadRetry) })), _jsx("style", { children: stripeExpressCheckoutButtonStyles })] }));
 }
 const stripeExpressCheckoutButtonStyles = `
 .stripe-express-checkout-button {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funnelsgrove/payments",
-  "version": "0.15.1",
+  "version": "0.15.3",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/The-Solid-Grove/funnelsgrove.git",
@@ -32,8 +32,8 @@
     "test:run": "vitest run --passWithNoTests"
   },
   "dependencies": {
-    "@funnelsgrove/analytics": "^0.1.99",
-    "@funnelsgrove/runtime": "^0.13.1",
+    "@funnelsgrove/analytics": "^0.1.100",
+    "@funnelsgrove/runtime": "0.14.0",
     "@solidgate/react-sdk": "1.34.0",
     "@stripe/react-stripe-js": "^5.6.0",
     "@stripe/stripe-js": "^8.7.0",