@funnelsgrove/payments 0.15.11 → 0.20.0

package/dist/providers/solidgate/components/SolidgateCheckoutDialog.js

@@ -1,5 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { completePaywallCheckout } from '@funnelsgrove/runtime';
 import { publicAnalyticsSdk } from '@funnelsgrove/analytics';
 import { useCallback, useEffect, useMemo, useRef, useState, } from 'react';
 import { pollSolidgateCheckoutStatus, prepareSolidgateCheckout, } from '../services/solidgate.service.js';
@@ -41,7 +42,7 @@ const trackSolidgateCheckoutEvent = async (eventName, attemptId, context) => {
         return;
     }
     const input = {
-        eventId: eventName === 'checkout_started' ? attemptId : `add_payment_info:${attemptId}`,
+        eventId: eventName === 'add_payment_info' ? `add_payment_info:${attemptId}` : attemptId,
         featureFlags: context.featureFlags,
         stepId: context.stepId,
         stepName: context.stepName,
@@ -52,7 +53,9 @@ const trackSolidgateCheckoutEvent = async (eventName, attemptId, context) => {
     try {
         const trackedEventId = eventName === 'checkout_started'
             ? publicAnalyticsSdk.trackCheckoutStarted(input)
-            : publicAnalyticsSdk.trackPaymentInfoSubmitted(input);
+            : eventName === 'checkout_completed'
+                ? publicAnalyticsSdk.trackCheckoutCompleted(input)
+                : publicAnalyticsSdk.trackPaymentInfoSubmitted(input);
         if (trackedEventId) {
             await publicAnalyticsSdk.flush().catch(() => 0);
         }
@@ -269,11 +272,15 @@ export function SolidgateCheckoutDialog({ open, request, customerEmail, checkout
                 return;
             }
             if (result.status === 'succeeded') {
-                setState({ state: 'success', checkout, canResumeVerification: false });
                 if (successAttemptRef.current !== checkout.attemptId) {
+                    const embedded = await completePaywallCheckout('solidgate', checkout.attemptId, {
+                        beforeNotify: () => trackSolidgateCheckoutEvent('checkout_completed', checkout.attemptId, checkoutAnalyticsRef.current),
+                    });
+                    if (!embedded)
+                        await ((_b = onSuccessRef.current) === null || _b === void 0 ? void 0 : _b.call(onSuccessRef, checkout));
                     successAttemptRef.current = checkout.attemptId;
-                    await ((_b = onSuccessRef.current) === null || _b === void 0 ? void 0 : _b.call(onSuccessRef, checkout));
                 }
+                setState({ state: 'success', checkout, canResumeVerification: false });
             }
             else if (result.status === 'expired') {
                 setState({ state: 'expired', checkout, canResumeVerification: false });
@@ -291,8 +298,8 @@ export function SolidgateCheckoutDialog({ open, request, customerEmail, checkout
                 setState({ state: 'verifying', checkout, canResumeVerification: result.timedOut });
             }
         }
-        catch (error) {
-            if (!controller.signal.aborted && !isAbortError(error)) {
+        catch (_e) {
+            if (!controller.signal.aborted) {
                 setState({ state: 'recoverable_error', checkout, canResumeVerification: true });
                 trackFailure(copyRef.current.error, 'payment_verification', checkout.attemptId);
                 (_d = onErrorRef.current) === null || _d === void 0 ? void 0 : _d.call(onErrorRef, copyRef.current.error);
@@ -385,5 +392,5 @@ export function SolidgateCheckoutDialog({ open, request, customerEmail, checkout
                                     setState(Object.assign(Object.assign({}, view), { state: 'recoverable_error', canResumeVerification: false }));
                                     trackFailure(copyRef.current.error, 'payment_form', (_a = view.checkout) === null || _a === void 0 ? void 0 : _a.attemptId);
                                     (_b = onErrorRef.current) === null || _b === void 0 ? void 0 : _b.call(onErrorRef, copyRef.current.error);
-                                } }, view.checkout.attemptId)) : null, presentation && view.checkout && showForm ? (_jsx("p", { className: 'solidgate-checkout-secure', children: presentation.secureLabel })) : null, statusMessage && view.state !== 'ready' ? (_jsx("div", { className: 'solidgate-checkout-status', children: _jsx("p", { role: 'status', "aria-live": 'polite', children: statusMessage }) })) : null, view.state === 'verifying' && view.canResumeVerification ? (_jsx("button", { type: 'button', onClick: () => void verifyCanonicalStatus(), className: 'solidgate-checkout-action solidgate-checkout-action--spaced', children: copy.resumeVerification })) : null, (view.state === 'recoverable_error' || view.state === 'expired') && onRetry ? (_jsx("button", { type: 'button', onClick: onRetry, className: 'solidgate-checkout-action solidgate-checkout-action--spaced', children: copy.retry })) : null] })) : null] }), _jsx("style", { children: solidgateCheckoutDialogStyles })] }));
+                                } }, view.checkout.attemptId)) : null, presentation && view.checkout && showForm ? (_jsx("p", { className: 'solidgate-checkout-secure', children: presentation.secureLabel })) : null, statusMessage && view.state !== 'ready' ? (_jsx("div", { className: 'solidgate-checkout-status', children: _jsx("p", { role: 'status', "aria-live": 'polite', children: statusMessage }) })) : null, view.canResumeVerification ? (_jsx("button", { type: 'button', onClick: () => void verifyCanonicalStatus(), className: 'solidgate-checkout-action solidgate-checkout-action--spaced', children: copy.resumeVerification })) : null, (view.state === 'recoverable_error' || view.state === 'expired') && !view.canResumeVerification && onRetry ? (_jsx("button", { type: 'button', onClick: onRetry, className: 'solidgate-checkout-action solidgate-checkout-action--spaced', children: copy.retry })) : null] })) : null] }), _jsx("style", { children: solidgateCheckoutDialogStyles })] }));
 }

package/dist/providers/solidgate/services/solidgate.service.js

@@ -1,4 +1,4 @@
-import { FUNNEL_ID, FUNNEL_SDK_PUBLISHABLE_KEY, buildMainApiUrl, resolvePreviewPaymentPublishableKey, } from '@funnelsgrove/runtime';
+import { paywallCheckoutReturnUrl, retainPaywallCheckout, FUNNEL_ID, FUNNEL_SDK_PUBLISHABLE_KEY, buildMainApiUrl, resolvePreviewPaymentPublishableKey, } from '@funnelsgrove/runtime';
 const trimTrailingSlash = (value) => value.replace(/\/+$/, '');
 const requiredString = (value, name) => {
     const normalized = typeof value === 'string' ? value.trim() : '';
@@ -118,7 +118,7 @@ export const prepareSolidgateCheckout = async (input) => {
     if (!paymentProfileId || !providerPlanId || !checkoutType || !environment) {
         throw new Error('Solidgate V2 checkout selection is incomplete');
     }
-    return parsePreparation(await postJson('/sdk/public/v2/payments/checkout-sessions', {
+    const result = parsePreparation(await postJson('/sdk/public/v2/payments/checkout-sessions', {
         checkoutType,
         uiMode: 'custom',
         environment,
@@ -131,10 +131,12 @@ export const prepareSolidgateCheckout = async (input) => {
         offerSetId: requiredString(input.offerSetId, 'offerSetId'),
         idempotencyKey: requiredString(input.idempotencyKey, 'idempotencyKey'),
         couponId: ((_c = input.discountKeyOrProviderId) === null || _c === void 0 ? void 0 : _c.trim()) || null,
-        returnUrl: requiredString(input.returnUrl, 'returnUrl'),
-        successUrl: requiredString(input.successUrl, 'successUrl'),
-        failUrl: requiredString(input.failUrl, 'failUrl'),
+        returnUrl: paywallCheckoutReturnUrl(requiredString(input.returnUrl, 'returnUrl'), 'solidgate'),
+        successUrl: paywallCheckoutReturnUrl(requiredString(input.successUrl, 'successUrl'), 'solidgate'),
+        failUrl: paywallCheckoutReturnUrl(requiredString(input.failUrl, 'failUrl'), 'solidgate', true),
     }, input.runtimeConfig, input.signal));
+    retainPaywallCheckout('solidgate', result.attemptId);
+    return result;
 };
 export const retrieveSolidgateCheckoutStatus = async (input) => {
     const attemptId = requiredString(input.attemptId, 'attemptId');

package/dist/providers/stripe/components/SharedStripeCheckoutV2Form.internal.js

@@ -1,5 +1,6 @@
 'use client';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { completePaywallCheckout } from '@funnelsgrove/runtime';
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { PaymentElement, useCheckout } from '@stripe/react-stripe-js/checkout';
 import { isValidCheckoutEmail as isValidEmail, isCheckoutEmailError } from '../../../services/checkoutEmail.js';
@@ -32,6 +33,8 @@ export function SharedStripeCheckoutV2CheckoutSessionForm({ amountCents, buttonC
         ? true
         : walletAvailable;
     const [submitting, setSubmitting] = useState(false);
+    const [completed, setCompleted] = useState(false);
+    const [providerConfirmed, setProviderConfirmed] = useState(false);
     const submitInFlightRef = useRef(false);
     const [paymentElementReady, setPaymentElementReady] = useState(false);
     const [paymentElementComplete, setPaymentElementComplete] = useState(false);
@@ -164,11 +167,12 @@ export function SharedStripeCheckoutV2CheckoutSessionForm({ amountCents, buttonC
         setPaymentElementComplete(event.complete);
         setBillingCountry((_b = (_a = event.value.billingDetails) === null || _a === void 0 ? void 0 : _a.address.country) !== null && _b !== void 0 ? _b : fixedBillingCountry);
     };
-    const trackCheckoutSuccess = async () => {
+    const trackCheckoutSuccess = async (embedded = false) => {
         if (checkoutAnalytics) {
             await trackPaidStripeSubscriptionCheckoutCompleted(Object.assign({ checkoutSessionId }, checkoutAnalytics));
         }
-        await (onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess());
+        if (!embedded)
+            await (onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess());
     };
     const trackPaymentInfoSubmitted = async () => {
         if (checkoutAnalytics) {
@@ -187,23 +191,25 @@ export function SharedStripeCheckoutV2CheckoutSessionForm({ amountCents, buttonC
     }, [effectiveSelectedMethod]);
     const handleSubmit = async (event) => {
         event.preventDefault();
-        if (submitInFlightRef.current || emailSessionChanged) {
+        if (submitInFlightRef.current || (emailSessionChanged && !providerConfirmed)) {
             return;
         }
-        const billingCountryError = getBillingCountryError(billingCountry !== null && billingCountry !== void 0 ? billingCountry : fixedBillingCountry);
-        if (billingCountryError) {
-            setSharedError(billingCountryError);
-            return;
-        }
-        if (checkoutState.type !== 'success') {
-            setSharedError(checkoutState.type === 'error'
-                ? checkoutState.error.message
-                : 'Payment form is not ready yet.');
-            return;
-        }
-        if (!paymentElementReady) {
-            setSharedError('Payment form is not ready yet.', true);
-            return;
+        if (!providerConfirmed) {
+            const billingCountryError = getBillingCountryError(billingCountry !== null && billingCountry !== void 0 ? billingCountry : fixedBillingCountry);
+            if (billingCountryError) {
+                setSharedError(billingCountryError);
+                return;
+            }
+            if (checkoutState.type !== 'success') {
+                setSharedError(checkoutState.type === 'error'
+                    ? checkoutState.error.message
+                    : 'Payment form is not ready yet.');
+                return;
+            }
+            if (!paymentElementReady) {
+                setSharedError('Payment form is not ready yet.', true);
+                return;
+            }
         }
         submitInFlightRef.current = true;
         setSubmitting(true);
@@ -212,25 +218,36 @@ export function SharedStripeCheckoutV2CheckoutSessionForm({ amountCents, buttonC
             submitInFlightRef.current = false;
             setSubmitting(false);
         };
+        let confirmed = providerConfirmed;
         try {
-            const syncedEmail = await ensureCustomerEmail();
-            if (!syncedEmail) {
-                finishSubmitting();
-                return;
-            }
-            if (paymentElementComplete) {
-                await trackPaymentInfoSubmitted();
-            }
-            const result = await checkoutState.checkout.confirm({
-                redirect: 'if_required',
-            });
-            if (result.type === 'error') {
-                const message = result.error.message || 'Payment failed.';
-                setSharedError(message, false, result.error);
-                finishSubmitting();
-                return;
+            if (!providerConfirmed && checkoutState.type === 'success') {
+                const syncedEmail = await ensureCustomerEmail();
+                if (!syncedEmail) {
+                    finishSubmitting();
+                    return;
+                }
+                if (paymentElementComplete) {
+                    await trackPaymentInfoSubmitted();
+                }
+                const result = await checkoutState.checkout.confirm({
+                    redirect: 'if_required',
+                });
+                if (result.type === 'error') {
+                    const message = result.error.message || 'Payment failed.';
+                    setSharedError(message, false, result.error);
+                    finishSubmitting();
+                    return;
+                }
+                confirmed = true;
+                setProviderConfirmed(true);
             }
             if (typeof window !== 'undefined') {
+                if (await completePaywallCheckout('stripe', checkoutSessionId || '', { beforeNotify: async () => {
+                        setCompleted(true);
+                        await trackCheckoutSuccess(true);
+                    } })) {
+                    return;
+                }
                 await trackCheckoutSuccess();
                 window.location.assign(returnUrl);
                 return;
@@ -238,11 +255,15 @@ export function SharedStripeCheckoutV2CheckoutSessionForm({ amountCents, buttonC
             finishSubmitting();
         }
         catch (submitError) {
-            setSharedError(getFriendlyCardErrorMessage(submitError));
+            setSharedError(getFriendlyCardErrorMessage(submitError), confirmed);
             finishSubmitting();
         }
     };
     const visibleError = error;
+    if (providerConfirmed && !completed)
+        return _jsxs("form", { onSubmit: handleSubmit, className: 'bg-background text-foreground p-6', children: [_jsx("p", { role: error ? 'alert' : 'status', children: error || 'Verifying payment…' }), _jsx("button", { type: 'submit', disabled: submitting, className: 'bg-accent text-foreground border-border rounded border p-3', children: "Check payment status" })] });
+    if (completed)
+        return _jsx("div", { role: 'status', className: 'bg-background text-foreground p-6', children: "Payment confirmed. You can return to the app." });
     return (_jsxs("div", { className: 'shared-checkout-v2-shell', "data-variant": variant, style: checkoutStyle, children: [_jsxs("header", { className: 'shared-checkout-v2-header', children: [_jsx("button", { type: 'button', className: 'shared-checkout-v2-close', onClick: onClose, "aria-label": closeAriaLabel, children: _jsx("span", { "aria-hidden": 'true' }) }), _jsx("h2", { id: 'shared-checkout-v2-title', children: title })] }), _jsx(SharedStripeCheckoutV2Summary, { discountPercent, countdownLabel, remainingSeconds, variant, satisfactionPercent, satisfactionLabel, originalPriceLabel, originalPriceValue, discountLabel, discountAmountLabel, promoCodeLabel, promoCode, totalLabel, totalValue, savedLabel, showPromo }), _jsxs("form", { className: 'shared-checkout-v2-payment', onSubmit: (event) => void handleSubmit(event), children: [showWalletMethod ? (_jsxs("div", { className: 'shared-checkout-v2-methods', role: 'tablist', "aria-label": 'Payment method', children: [_jsxs("button", { type: 'button', className: [
                                     'shared-checkout-v2-method',
                                     effectiveSelectedMethod === 'wallet' ? 'is-selected' : '',
@@ -258,7 +279,7 @@ export function SharedStripeCheckoutV2CheckoutSessionForm({ amountCents, buttonC
                             effectiveSelectedMethod === 'wallet' ? 'is-visible' : '',
                         ]
                             .filter(Boolean)
-                            .join(' '), children: [_jsxs("p", { className: 'shared-checkout-v2-secure-pill', children: [_jsx(SecurityLockIcon, { className: 'shared-checkout-v2-secure-pill-icon' }), secureLabel] }), _jsxs("div", { className: 'shared-checkout-v2-wallet-shell', "aria-label": walletAriaLabel, children: [_jsx(StripeCheckoutExpressCheckoutButton, { amountCents: amountCents, availabilityPaymentMethods: walletPaymentMethods, beforeConfirm: ensureCustomerEmail, checkoutAnalytics: checkoutAnalytics, checkoutSessionId: checkoutSessionId, className: 'shared-checkout-v2-express-buttons', confirmEmail: false, customerEmail: resolvedCustomerEmail, customerName: customerName, initialAvailable: initialWalletAvailable, keepInitialAvailableOnReady: initialWalletAvailable === true, onAvailabilityChange: handleWalletAvailabilityChange, onError: (message) => setSharedError(message, true), onPaymentInfoSubmitted: onPaymentInfoSubmitted, onPaymentRejected: () => setSelectedMethod('card'), onSuccess: trackCheckoutSuccess, options: expressCheckoutOptions, returnUrl: returnUrl, summaryLabel: expressCheckoutSummaryLabel, supportedCountries: normalizedSupportedCountries, unsupportedCountryMessage: unsupportedCountryMessage }), _jsx("span", { className: 'shared-checkout-v2-sr-only', children: walletAriaLabel })] })] }), _jsxs("div", { hidden: effectiveSelectedMethod !== 'card', className: [
+                            .join(' '), children: [_jsxs("p", { className: 'shared-checkout-v2-secure-pill', children: [_jsx(SecurityLockIcon, { className: 'shared-checkout-v2-secure-pill-icon' }), secureLabel] }), _jsxs("div", { className: 'shared-checkout-v2-wallet-shell', "aria-label": walletAriaLabel, children: [_jsx(StripeCheckoutExpressCheckoutButton, { amountCents: amountCents, availabilityPaymentMethods: walletPaymentMethods, beforeConfirm: ensureCustomerEmail, checkoutAnalytics: checkoutAnalytics, checkoutSessionId: checkoutSessionId, className: 'shared-checkout-v2-express-buttons', confirmEmail: false, customerEmail: resolvedCustomerEmail, customerName: customerName, initialAvailable: initialWalletAvailable, keepInitialAvailableOnReady: initialWalletAvailable === true, onAvailabilityChange: handleWalletAvailabilityChange, onError: (message) => setSharedError(message, true), onPaymentInfoSubmitted: onPaymentInfoSubmitted, onPaymentRejected: () => setSelectedMethod('card'), onSuccess: () => trackCheckoutSuccess(), onEmbeddedComplete: () => setCompleted(true), onVerificationPending: () => setProviderConfirmed(true), options: expressCheckoutOptions, returnUrl: returnUrl, summaryLabel: expressCheckoutSummaryLabel, supportedCountries: normalizedSupportedCountries, unsupportedCountryMessage: unsupportedCountryMessage }), _jsx("span", { className: 'shared-checkout-v2-sr-only', children: walletAriaLabel })] })] }), _jsxs("div", { hidden: effectiveSelectedMethod !== 'card', className: [
                             'shared-checkout-v2-card-panel',
                             effectiveSelectedMethod === 'card' ? 'is-visible' : '',
                         ]

package/dist/providers/stripe/components/StripeCheckoutExpressCheckoutButton.d.ts

@@ -30,7 +30,9 @@ export type StripeCheckoutExpressCheckoutButtonProps = {
         message: string;
         paymentMethod?: string;
     }) => void;
+    onEmbeddedComplete?: () => void;
+    onVerificationPending?: () => void;
     onSuccess?: (result: StripeWalletCheckoutSuccess) => void | Promise<void>;
     unsupportedCountryMessage?: string;
 };
-export declare function StripeCheckoutExpressCheckoutButton({ beforeConfirm, checkoutAnalytics, checkoutSessionId, returnUrl, confirmEmail, customerEmail, className, options, availabilityPaymentMethods, initialAvailable, keepInitialAvailableOnReady, serverUpdateKey, supportedCountries, onServerUpdate, onAvailabilityChange, onCancel, onError, onPaymentInfoSubmitted, onPaymentRejected, onSuccess, unsupportedCountryMessage, }: StripeCheckoutExpressCheckoutButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function StripeCheckoutExpressCheckoutButton({ beforeConfirm, checkoutAnalytics, checkoutSessionId, returnUrl, confirmEmail, customerEmail, className, options, availabilityPaymentMethods, initialAvailable, keepInitialAvailableOnReady, serverUpdateKey, supportedCountries, onServerUpdate, onAvailabilityChange, onCancel, onError, onPaymentInfoSubmitted, onPaymentRejected, onSuccess, onEmbeddedComplete, onVerificationPending, unsupportedCountryMessage, }: StripeCheckoutExpressCheckoutButtonProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,6 @@
 'use client';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { completePaywallCheckout } from '@funnelsgrove/runtime';
 import { isValidCheckoutEmail, isCheckoutEmailError } from '../../../services/checkoutEmail.js';
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { ExpressCheckoutElement, useCheckout, } from '@stripe/react-stripe-js/checkout';
@@ -52,8 +53,13 @@ const normalizeStripeCheckoutProviderError = (error) => {
         type: typeof record.type === 'string' ? record.type : undefined,
     };
 };
-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, }) {
+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, onEmbeddedComplete, onVerificationPending, unsupportedCountryMessage, }) {
     const checkoutState = useCheckout();
+    const [completed, setCompleted] = useState(false);
+    const completedRef = useRef(false);
+    const verificationInFlightRef = useRef(false);
+    const [verificationInFlight, setVerificationInFlight] = useState(false);
+    const [verificationError, setVerificationError] = useState(null);
     const [loadRetry, setLoadRetry] = useState(0);
     const loadRetryUsedRef = useRef(false);
     const walletReadyRef = useRef(false);
@@ -160,11 +166,12 @@ export function StripeCheckoutExpressCheckoutButton({ beforeConfirm, checkoutAna
         }
         void ensureServerUpdated();
     }, [checkoutState.type, ensureServerUpdated, normalizedServerUpdateKey, onServerUpdate]);
-    const trackCheckoutSuccess = async () => {
+    const trackCheckoutSuccess = async (embedded = false) => {
         if (checkoutAnalytics) {
             await trackPaidStripeSubscriptionCheckoutCompleted(Object.assign({ checkoutSessionId }, checkoutAnalytics));
         }
-        await (onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess({ checkoutSessionId: checkoutSessionId !== null && checkoutSessionId !== void 0 ? checkoutSessionId : null }));
+        if (!embedded)
+            await (onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess({ checkoutSessionId: checkoutSessionId !== null && checkoutSessionId !== void 0 ? checkoutSessionId : null }));
     };
     const queueCheckoutStarted = (paymentMethod, checkoutStartSource = 'wallet_click') => {
         if (!checkoutAnalytics) {
@@ -191,8 +198,35 @@ export function StripeCheckoutExpressCheckoutButton({ beforeConfirm, checkoutAna
         }
         onError === null || onError === void 0 ? void 0 : onError(isCheckoutEmailError(providerError) ? 'Enter a valid email address to continue.' : message);
     };
+    const verifyPaywall = async () => {
+        if (verificationInFlightRef.current || completedRef.current)
+            return true;
+        verificationInFlightRef.current = true;
+        setVerificationInFlight(true);
+        try {
+            return await completePaywallCheckout('stripe', checkoutSessionId || '', { beforeNotify: async () => {
+                    completedRef.current = true;
+                    setCompleted(true);
+                    onEmbeddedComplete === null || onEmbeddedComplete === void 0 ? void 0 : onEmbeddedComplete();
+                    await trackCheckoutSuccess(true);
+                } });
+        }
+        catch (error) {
+            const message = error instanceof Error ? error.message : 'Unable to confirm payment';
+            setVerificationError(message);
+            onError === null || onError === void 0 ? void 0 : onError(message);
+            onVerificationPending === null || onVerificationPending === void 0 ? void 0 : onVerificationPending();
+            return true;
+        }
+        finally {
+            verificationInFlightRef.current = false;
+            setVerificationInFlight(false);
+        }
+    };
     const handleConfirm = async (event) => {
         var _a, _b, _c, _d, _e, _f;
+        if (completedRef.current)
+            return;
         // Checkout Sessions omits the Express Checkout onClick callback. Confirmation
         // and cancellation are the reliable wallet-intent boundaries for this provider.
         // Session-based analytics deduplication keeps this idempotent if onClick fires.
@@ -287,6 +321,8 @@ export function StripeCheckoutExpressCheckoutButton({ beforeConfirm, checkoutAna
         }
         onError === null || onError === void 0 ? void 0 : onError(null);
         if (typeof window !== 'undefined') {
+            if (await verifyPaywall())
+                return;
             await trackCheckoutSuccess();
             window.location.assign(returnUrl);
         }
@@ -320,6 +356,10 @@ export function StripeCheckoutExpressCheckoutButton({ beforeConfirm, checkoutAna
         onCancel === null || onCancel === void 0 ? void 0 : onCancel();
     };
     const inertWhileUpdating = (serverUpdatePending ? { inert: true } : {});
+    if (verificationError && !completed)
+        return _jsxs("div", { className: 'bg-background text-foreground p-6', children: [_jsx("p", { role: 'alert', children: verificationError }), _jsx("button", { type: 'button', disabled: verificationInFlight, className: 'bg-accent text-foreground border-border rounded border p-3', onClick: () => void verifyPaywall(), children: "Check payment status" })] });
+    if (completed)
+        return _jsx("div", { role: 'status', className: 'bg-background text-foreground p-6', children: "Payment confirmed. You can return to the app." });
     return (_jsxs(_Fragment, { children: [_jsx("div", Object.assign({}, inertWhileUpdating, { "aria-busy": serverUpdatePending || undefined, "aria-disabled": serverUpdatePending || undefined, className: [
                     'stripe-express-checkout-button',
                     className !== null && className !== void 0 ? className : '',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funnelsgrove/payments",
-  "version": "0.15.11",
+  "version": "0.20.0",
   "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.106",
-    "@funnelsgrove/runtime": "0.14.4",
+    "@funnelsgrove/analytics": "0.1.110",
+    "@funnelsgrove/runtime": "0.19.0",
     "@solidgate/react-sdk": "1.34.0",
     "@stripe/react-stripe-js": "^5.6.0",
     "@stripe/stripe-js": "^8.7.0",