@funnelsgrove/payments 0.14.0 → 0.15.1

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/dist/providers/stripe/hooks/useStripeOneTimeCheckoutSession.js

@@ -239,6 +239,7 @@ export function useStripeOneTimeCheckoutSession({ runtimeConfigRevisionId, payme
                             paymentMethod: options.paymentMethod,
                             provider: 'stripe',
                             providerErrorCode: failure.providerErrorCode,
+                            checkoutRequestId: failure.checkoutRequestId,
                         });
                     }
                     setError(message);

package/dist/providers/stripe/hooks/useStripeSubscriptionCheckoutSession.js

@@ -259,6 +259,7 @@ export function useStripeSubscriptionCheckoutSession({ checkoutMode, analyticsMe
                             paymentMethod: options.paymentMethod,
                             provider: 'stripe',
                             providerErrorCode: failure.providerErrorCode,
+                            checkoutRequestId: failure.checkoutRequestId,
                         });
                     }
                     setError(message);
@@ -380,6 +381,7 @@ export function useStripeSubscriptionCheckoutSession({ checkoutMode, analyticsMe
                     failureStage: 'checkout_session_update',
                     provider: 'stripe',
                     providerErrorCode: failure.providerErrorCode,
+                    checkoutRequestId: failure.checkoutRequestId,
                 });
             }
             setError(message);

package/dist/providers/stripe/services/stripeCheckoutFailure.d.ts

@@ -1,4 +1,5 @@
 export type StripeCheckoutFailure = {
+    checkoutRequestId?: string;
     errorCode?: string;
     message: string;
     providerErrorCode?: string;

package/dist/providers/stripe/services/stripeCheckoutFailure.js

@@ -14,9 +14,8 @@ export const describeStripeCheckoutFailure = (error) => {
         : rawMessage === 'Internal server error'
             ? 'Unable to initialize checkout. Stripe settings may be missing for this funnel.'
             : rawMessage;
-    return {
-        errorCode,
+    return Object.assign(Object.assign({}, (error instanceof FunnelSdkHttpError && error.checkoutRequestId
+        ? { checkoutRequestId: error.checkoutRequestId } : {})), { errorCode,
         message,
-        providerErrorCode,
-    };
+        providerErrorCode });
 };

package/dist/services/checkoutObservability.service.d.ts

@@ -23,6 +23,7 @@ type CheckoutObservabilityInput = {
     provider: 'solidgate' | 'stripe';
 };
 type CheckoutFailureShownInput = CheckoutObservabilityInput & {
+    checkoutRequestId?: string;
     errorCode?: string | null;
     errorMessage: string;
     providerDeclineCode?: string | null;

package/dist/services/checkoutObservability.service.js

@@ -96,6 +96,7 @@ const reportCheckoutObservability = (input) => {
             : buildSdkHeaders({ 'Content-Type': 'application/json' }),
         body: JSON.stringify({
             checkoutSessionId: input.checkoutSessionId || undefined,
+            checkoutRequestId: input.checkoutRequestId,
             environment,
             errorCode: input.errorCode,
             errorMessage: input.errorMessage,
@@ -134,7 +135,7 @@ const resolveErrorCode = (message, requestedCode) => {
 const emitCheckoutObservability = (eventType, input, failure) => {
     var _a, _b, _c, _d;
     const paymentMethod = toAnalyticsPaymentMethod(input.paymentMethod);
-    const metadata = Object.assign(Object.assign({}, ((_a = input.analytics.metadata) !== null && _a !== void 0 ? _a : {})), { checkout_session_id: ((_b = input.checkoutSessionId) === null || _b === void 0 ? void 0 : _b.trim()) || undefined, checkout_failure_stage: input.failureStage, payment_provider: input.provider, payment_method: paymentMethod || undefined, error_code: failure === null || failure === void 0 ? void 0 : failure.errorCode, error_message: failure === null || failure === void 0 ? void 0 : failure.errorMessage, checkout_failure_category: (_c = failure === null || failure === void 0 ? void 0 : failure.failureCategory) !== null && _c !== void 0 ? _c : (eventType === 'checkout_canceled' ? 'user_canceled' : undefined), provider_decline_code: failure === null || failure === void 0 ? void 0 : failure.providerDeclineCode, provider_error_code: failure === null || failure === void 0 ? void 0 : failure.providerErrorCode, provider_error_type: failure === null || failure === void 0 ? void 0 : failure.providerErrorType });
+    const metadata = Object.assign(Object.assign({}, ((_a = input.analytics.metadata) !== null && _a !== void 0 ? _a : {})), { checkout_session_id: ((_b = input.checkoutSessionId) === null || _b === void 0 ? void 0 : _b.trim()) || undefined, checkout_request_id: failure === null || failure === void 0 ? void 0 : failure.checkoutRequestId, checkout_failure_stage: input.failureStage, payment_provider: input.provider, payment_method: paymentMethod || undefined, error_code: failure === null || failure === void 0 ? void 0 : failure.errorCode, error_message: failure === null || failure === void 0 ? void 0 : failure.errorMessage, checkout_failure_category: (_c = failure === null || failure === void 0 ? void 0 : failure.failureCategory) !== null && _c !== void 0 ? _c : (eventType === 'checkout_canceled' ? 'user_canceled' : undefined), provider_decline_code: failure === null || failure === void 0 ? void 0 : failure.providerDeclineCode, provider_error_code: failure === null || failure === void 0 ? void 0 : failure.providerErrorCode, provider_error_type: failure === null || failure === void 0 ? void 0 : failure.providerErrorType });
     const eventId = publicAnalyticsSdk.track({
         eventType,
         environment: input.analytics.environment,
@@ -151,6 +152,7 @@ const emitCheckoutObservability = (eventType, input, failure) => {
     void reportCheckoutObservability({
         analytics: input.analytics,
         checkoutSessionId: input.checkoutSessionId,
+        checkoutRequestId: failure === null || failure === void 0 ? void 0 : failure.checkoutRequestId,
         errorCode: failure === null || failure === void 0 ? void 0 : failure.errorCode,
         errorMessage: failure === null || failure === void 0 ? void 0 : failure.errorMessage,
         failureCategory: (_d = failure === null || failure === void 0 ? void 0 : failure.failureCategory) !== null && _d !== void 0 ? _d : (eventType === 'checkout_canceled' ? 'user_canceled' : undefined),
@@ -184,6 +186,9 @@ export const trackCheckoutFailureShown = (input) => {
     });
     const paymentRejected = failureCategory === 'payment_rejection';
     return emitCheckoutObservability(paymentRejected ? 'checkout_payment_rejected' : 'checkout_failure_shown', input, {
+        checkoutRequestId: input.checkoutRequestId
+            && /^[0-9a-f]{8}-[0-9a-f]{4}-4[0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}$/i.test(input.checkoutRequestId)
+            ? input.checkoutRequestId : undefined,
         errorCode: paymentRejected
             ? providerDeclineCode || providerErrorCode || 'payment_rejected'
             : resolveErrorCode(errorMessage, input.errorCode),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funnelsgrove/payments",
-  "version": "0.14.0",
+  "version": "0.15.1",
   "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.97",
-    "@funnelsgrove/runtime": "^0.13.0",
+    "@funnelsgrove/analytics": "^0.1.99",
+    "@funnelsgrove/runtime": "^0.13.1",
     "@solidgate/react-sdk": "1.34.0",
     "@stripe/react-stripe-js": "^5.6.0",
     "@stripe/stripe-js": "^8.7.0",