@funnelsgrove/payments 0.11.16 → 0.11.18

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

@@ -5,6 +5,7 @@ import { StripeExpressCheckoutElement } from './StripeExpressCheckoutElement.js'
 import { trackStripeSubscriptionCheckoutStarted, } from '../services/checkoutCompletionAnalytics.service.js';
 import { toAnalyticsPaymentMethod } from '../../../services/paymentMethodAnalytics.service.js';
 import { isInactiveCheckoutSessionError, } from '../hooks/useStripeSubscriptionCheckoutSession.js';
+import { trackCheckoutWalletReady } from '../../../services/checkoutObservability.service.js';
 export function getWalletSubscriptionCheckoutRenderState({ expressCheckoutAllowed, hasActiveClientSecret, hasStripePromise, suspended, walletAvailable, walletPreparing, }) {
     const shouldRenderExpressCheckout = !suspended &&
         expressCheckoutAllowed &&
@@ -42,6 +43,23 @@ export function WalletSubscriptionCheckoutSlot({ amountCents, appearance, availa
     const [walletCheckoutStartedAfterClickIntentKey, setWalletCheckoutStartedAfterClickIntentKey] = useState(null);
     const autoWalletPreparationIntentKeyRef = useRef(null);
     const walletCheckoutStartedAfterClickSessionIdRef = useRef(null);
+    const walletReadinessCycleRef = useRef(null);
+    if (!walletReadinessCycleRef.current
+        || walletReadinessCycleRef.current.intentKey !== session.intentKey) {
+        walletReadinessCycleRef.current = {
+            clientSecretReceivedAtMs: null,
+            intentKey: session.intentKey,
+            mountedAtMs: null,
+            reportedCheckoutSessionId: null,
+            requestStartedAtMs: null,
+        };
+    }
+    useEffect(() => {
+        const cycle = walletReadinessCycleRef.current;
+        if ((cycle === null || cycle === void 0 ? void 0 : cycle.intentKey) === session.intentKey && cycle.mountedAtMs === null) {
+            cycle.mountedAtMs = performance.now();
+        }
+    }, [session.intentKey]);
     const slotDisabled = disabled || !session.configured;
     const analyticsPaymentMethod = toAnalyticsPaymentMethod(availabilityPaymentMethod);
     const walletAvailable = walletAvailability.intentKey === session.intentKey
@@ -76,6 +94,25 @@ export function WalletSubscriptionCheckoutSlot({ amountCents, appearance, availa
                 intentKey,
             });
     }, []);
+    const startWalletPreparationTiming = useCallback((intentKey) => {
+        var _a;
+        const cycle = walletReadinessCycleRef.current;
+        if (!cycle || cycle.intentKey !== intentKey) {
+            return;
+        }
+        const requestStartedAtMs = performance.now();
+        (_a = cycle.mountedAtMs) !== null && _a !== void 0 ? _a : (cycle.mountedAtMs = requestStartedAtMs);
+        cycle.requestStartedAtMs = requestStartedAtMs;
+        cycle.clientSecretReceivedAtMs = null;
+        cycle.reportedCheckoutSessionId = null;
+    }, []);
+    const finishWalletPreparationTiming = useCallback((intentKey, readyClientSecret) => {
+        const cycle = walletReadinessCycleRef.current;
+        if (!readyClientSecret || !cycle || cycle.intentKey !== intentKey) {
+            return;
+        }
+        cycle.clientSecretReceivedAtMs = performance.now();
+    }, []);
     const autoWalletClientSecret = session.activeClientSecret;
     const autoWalletIntentKey = session.intentKey;
     const autoWalletLoading = session.loading.wallet;
@@ -93,11 +130,13 @@ export function WalletSubscriptionCheckoutSlot({ amountCents, appearance, availa
             return;
         }
         autoWalletPreparationIntentKeyRef.current = autoWalletIntentKey;
+        startWalletPreparationTiming(autoWalletIntentKey);
         void prepareWalletCheckout({
             checkoutStartSource: 'wallet_render',
             paymentMethod: analyticsPaymentMethod,
         })
             .then((readyClientSecret) => {
+            finishWalletPreparationTiming(autoWalletIntentKey, readyClientSecret);
             if (!readyClientSecret) {
                 reportWalletPreparationFailure(autoWalletIntentKey);
             }
@@ -108,9 +147,11 @@ export function WalletSubscriptionCheckoutSlot({ amountCents, appearance, availa
         autoWalletIntentKey,
         autoWalletLoading,
         expressCheckoutAllowed,
+        finishWalletPreparationTiming,
         prepareWalletCheckout,
         reportWalletPreparationFailure,
         slotDisabled,
+        startWalletPreparationTiming,
         suspended,
         walletAvailable,
     ]);
@@ -149,7 +190,33 @@ export function WalletSubscriptionCheckoutSlot({ amountCents, appearance, availa
         onError === null || onError === void 0 ? void 0 : onError(message);
     };
     const handleAvailabilityChange = (available) => {
+        var _a;
         reportWalletAvailability(session.intentKey, available);
+        const cycle = walletReadinessCycleRef.current;
+        const checkoutSessionId = ((_a = session.checkoutSessionId) === null || _a === void 0 ? void 0 : _a.trim()) || '';
+        if (!available
+            || !checkoutAnalytics
+            || !checkoutSessionId
+            || !cycle
+            || cycle.intentKey !== session.intentKey
+            || cycle.mountedAtMs === null
+            || cycle.requestStartedAtMs === null
+            || cycle.clientSecretReceivedAtMs === null
+            || cycle.reportedCheckoutSessionId === checkoutSessionId) {
+            return;
+        }
+        const readyAtMs = performance.now();
+        cycle.reportedCheckoutSessionId = checkoutSessionId;
+        trackCheckoutWalletReady({
+            analytics: checkoutAnalytics,
+            checkoutSessionId,
+            paymentMethod: availabilityPaymentMethod,
+            provider: 'stripe',
+            walletClientSecretToReadyMs: Math.max(0, readyAtMs - cycle.clientSecretReceivedAtMs),
+            walletMountToReadyMs: Math.max(0, readyAtMs - cycle.mountedAtMs),
+            walletMountToRequestMs: Math.max(0, cycle.requestStartedAtMs - cycle.mountedAtMs),
+            walletRequestMs: Math.max(0, cycle.clientSecretReceivedAtMs - cycle.requestStartedAtMs),
+        });
     };
     const handlePlaceholderClick = async () => {
         if (slotDisabled || session.loading.wallet) {
@@ -160,10 +227,12 @@ export function WalletSubscriptionCheckoutSlot({ amountCents, appearance, availa
             return;
         }
         setWalletCheckoutStartedAfterClickIntentKey(session.intentKey);
+        startWalletPreparationTiming(session.intentKey);
         const readyClientSecret = await session.prepareWalletCheckout({
             checkoutStartSource: 'wallet_click',
             paymentMethod: analyticsPaymentMethod,
         });
+        finishWalletPreparationTiming(session.intentKey, readyClientSecret);
         if (!readyClientSecret) {
             setWalletCheckoutStartedAfterClickIntentKey(null);
             reportWalletPreparationFailure(session.intentKey);

package/dist/providers/stripe/hooks/checkoutAttempt.d.ts

@@ -1,11 +1,14 @@
 export type StripeCheckoutAttempt = {
     key: string;
     id: string;
+    createdAtMs: number;
 };
+export declare const STRIPE_CHECKOUT_ATTEMPT_RETRY_WINDOW_MS: number;
 export declare const resolveStripeCheckoutAttempt: (input: {
     current: StripeCheckoutAttempt | null;
     forceNew: boolean;
     intentKey: string;
     paymentsApiVersion?: "v1" | "v2" | null;
     createId: () => string;
+    nowMs?: number;
 }) => StripeCheckoutAttempt | null;

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

@@ -1,10 +1,14 @@
+export const STRIPE_CHECKOUT_ATTEMPT_RETRY_WINDOW_MS = 20 * 60 * 1000;
 export const resolveStripeCheckoutAttempt = (input) => {
-    var _a;
+    var _a, _b;
     if (input.paymentsApiVersion !== 'v2') {
         return null;
     }
-    if (!input.forceNew && ((_a = input.current) === null || _a === void 0 ? void 0 : _a.key) === input.intentKey) {
+    const nowMs = (_a = input.nowMs) !== null && _a !== void 0 ? _a : Date.now();
+    if (!input.forceNew
+        && ((_b = input.current) === null || _b === void 0 ? void 0 : _b.key) === input.intentKey
+        && nowMs - input.current.createdAtMs <= STRIPE_CHECKOUT_ATTEMPT_RETRY_WINDOW_MS) {
         return input.current;
     }
-    return { key: input.intentKey, id: input.createId() };
+    return { key: input.intentKey, id: input.createId(), createdAtMs: nowMs };
 };

package/dist/providers/stripe/hooks/checkoutIdentity.d.ts

@@ -0,0 +1,7 @@
+import { type CheckoutIdentityStatus } from '@funnelsgrove/runtime';
+export declare const isStripeCheckoutIdentityReady: (input: {
+    runtimeConfig?: {
+        paymentsApiVersion?: "v1" | "v2" | null;
+    } | null;
+    userId?: string | null;
+}, getIdentityStatus?: (userId: string | null | undefined) => CheckoutIdentityStatus) => boolean;

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

@@ -0,0 +1,6 @@
+import { getCheckoutIdentityStatus, } from '@funnelsgrove/runtime';
+export const isStripeCheckoutIdentityReady = (input, getIdentityStatus = getCheckoutIdentityStatus) => {
+    var _a;
+    return ((_a = input.runtimeConfig) === null || _a === void 0 ? void 0 : _a.paymentsApiVersion) !== 'v2'
+        || getIdentityStatus(input.userId) !== 'pending';
+};

package/dist/providers/stripe/hooks/useStripeOneTimeCheckoutSession.d.ts

@@ -2,6 +2,7 @@ import type { Stripe } from '@stripe/stripe-js';
 import type { RuntimeMode } from '@funnelsgrove/runtime';
 import { type CheckoutPreparationLoading, type CheckoutPreparationSource } from '../../paymentProvider.types.js';
 import { type PaywallPlan, type StripeRuntimeConfigOverrides } from '../services/stripe.service.js';
+export { isStripeCheckoutIdentityReady as isStripeOneTimeCheckoutIdentityReady, } from './checkoutIdentity.js';
 type StripeOneTimeCheckoutPlanInput = Pick<PaywallPlan, 'amountCents' | 'analyticsPurchaseValue' | 'description' | 'id' | 'providerPlanId' | 'title' | 'funnelPlanKey' | 'offerSetId' | 'offerSetKey'>;
 export type StripeOneTimeCheckoutSessionInput = {
     runtimeConfigRevisionId?: string | null;
@@ -49,4 +50,3 @@ export type StripeOneTimeCheckoutIntentKeyInput = Pick<StripeOneTimeCheckoutSess
 export declare function buildStripeOneTimeCheckoutIntentKey({ runtimeConfigRevisionId, paymentProfileId, provider, checkoutMode, couponId, customerEmail, plan, returnUrl, runtimeConfig, stripePublishableKey, userId, }: StripeOneTimeCheckoutIntentKeyInput): string;
 export declare function shouldResetStripeOneTimeCheckoutSessionForIntentKey(previousIntentKey: string | null, nextIntentKey: string): boolean;
 export declare function useStripeOneTimeCheckoutSession({ runtimeConfigRevisionId, paymentProfileId, provider, analyticsMetadata, checkoutMode, couponId, customerEmail, enabled, onError, plan, returnUrl, runtimeConfig, stripePublishableKey, userId, }: StripeOneTimeCheckoutSessionInput): StripeOneTimeCheckoutSession;
-export {};

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

@@ -16,6 +16,8 @@ import { createStripeOneTimeCheckout, getStripePromise, isStripeConfigured, } fr
 import { isInactiveCheckoutSessionError } from './useStripeSubscriptionCheckoutSession.js';
 import { toAnalyticsPaymentMethod } from '../../../services/paymentMethodAnalytics.service.js';
 import { resolveStripeCheckoutAttempt, } from './checkoutAttempt.js';
+import { isStripeCheckoutIdentityReady } from './checkoutIdentity.js';
+export { isStripeCheckoutIdentityReady as isStripeOneTimeCheckoutIdentityReady, } from './checkoutIdentity.js';
 export function resolveStripeOneTimeCheckoutPreparationOptions(source, options = {}) {
     var _a, _b;
     const checkoutStartSource = (_a = options.checkoutStartSource) !== null && _a !== void 0 ? _a : (source === 'wallet' ? 'wallet_render' : 'card_click');
@@ -85,7 +87,12 @@ export function useStripeOneTimeCheckoutSession({ runtimeConfigRevisionId, payme
     const requestIdRef = useRef(0);
     const attemptRef = useRef(null);
     const anonymousUserIdRef = useRef(null);
+    const checkoutIdentityReady = isStripeCheckoutIdentityReady({
+        runtimeConfig,
+        userId,
+    });
     const configured = enabled &&
+        checkoutIdentityReady &&
         (isStripeConfigured(checkoutMode) ||
             Boolean(normalizeRuntimeConfigValue(runtimeConfig === null || runtimeConfig === void 0 ? void 0 : runtimeConfig.funnelSdkPublishableKey)) ||
             Boolean(normalizeRuntimeConfigValue(stripePublishableKey)));

package/dist/providers/stripe/hooks/useStripeSubscriptionCheckoutSession.d.ts

@@ -4,6 +4,7 @@ import { type CheckoutPreparationLoading, type CheckoutPreparationSource } from
 import type { PaywallDisplayPlan } from '../../../services/paywallOffer.service.js';
 import { type PaywallPlan, type StripeRuntimeConfigOverrides } from '../services/stripe.service.js';
 import { type CheckoutObservabilityAnalyticsContext } from '../../../services/checkoutObservability.service.js';
+export { isStripeCheckoutIdentityReady as isStripeSubscriptionCheckoutIdentityReady, } from './checkoutIdentity.js';
 export type StripeSubscriptionCheckoutSessionInput = {
     analyticsMetadata?: Record<string, unknown> | null;
     checkoutAnalytics?: CheckoutObservabilityAnalyticsContext | null;

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

@@ -16,6 +16,8 @@ import { createStripeSubscriptionCheckout, getStripePromise, isStripeConfigured,
 import { toAnalyticsPaymentMethod } from '../../../services/paymentMethodAnalytics.service.js';
 import { resolveCheckoutObservabilityAnalyticsContext, trackCheckoutFailureShown, } from '../../../services/checkoutObservability.service.js';
 import { resolveStripeCheckoutAttempt, } from './checkoutAttempt.js';
+import { isStripeCheckoutIdentityReady } from './checkoutIdentity.js';
+export { isStripeCheckoutIdentityReady as isStripeSubscriptionCheckoutIdentityReady, } from './checkoutIdentity.js';
 export function resolveStripeSubscriptionCheckoutPreparationOptions(source, options = {}) {
     var _a, _b;
     const checkoutStartSource = (_a = options.checkoutStartSource) !== null && _a !== void 0 ? _a : (source === 'wallet' ? 'wallet_render' : 'card_click');
@@ -90,7 +92,12 @@ export function useStripeSubscriptionCheckoutSession({ checkoutMode, analyticsMe
     const recoveredIntentKeyRef = useRef(null);
     const handledRecoveryRequestRef = useRef(0);
     const anonymousUserIdRef = useRef(null);
+    const checkoutIdentityReady = isStripeCheckoutIdentityReady({
+        runtimeConfig,
+        userId,
+    });
     const configured = enabled &&
+        checkoutIdentityReady &&
         (isStripeConfigured(checkoutMode) ||
             Boolean(normalizeRuntimeConfigValue(runtimeConfig === null || runtimeConfig === void 0 ? void 0 : runtimeConfig.funnelSdkPublishableKey)) ||
             Boolean(normalizeRuntimeConfigValue(stripePublishableKey)));

package/dist/providers/stripe/services/checkout/requests.d.ts

@@ -1,5 +1,8 @@
 import type { CreateOneTimeCheckoutInput, CreateSubscriptionCheckoutInput, UpdateSubscriptionCheckoutPlanInput, VerifySubscriptionCheckoutPaymentInput } from './types.js';
 export declare const toOneTimeCheckoutRequest: (input: CreateOneTimeCheckoutInput) => {
+    environment: import("@funnelsgrove/runtime").RuntimeMode | undefined;
+    runtimeConfig: import("@funnelsgrove/runtime").FunnelSdkRuntimeConfigOverrides | undefined;
+    checkoutIdentityToken: string;
     planKey: string;
     runtimeConfigRevisionId: string | null | undefined;
     paymentProfileId: string | null | undefined;
@@ -18,10 +21,33 @@ export declare const toOneTimeCheckoutRequest: (input: CreateOneTimeCheckoutInpu
     customerEmail: string | undefined;
     returnUrl: string;
     userId: string | undefined;
+} | {
     environment: import("@funnelsgrove/runtime").RuntimeMode | undefined;
     runtimeConfig: import("@funnelsgrove/runtime").FunnelSdkRuntimeConfigOverrides | undefined;
+    checkoutIdentityToken?: undefined;
+    planKey: string;
+    runtimeConfigRevisionId: string | null | undefined;
+    paymentProfileId: string | null | undefined;
+    provider: "stripe" | null | undefined;
+    anonymousUserId: string | null | undefined;
+    idempotencyKey: string | null | undefined;
+    offerSetId: string | undefined;
+    offerSetKey: string | undefined;
+    planId: string;
+    providerPlanId: string | undefined;
+    title: string;
+    description: string | undefined;
+    amountCents: number;
+    couponId: string | undefined;
+    analyticsMetadata: Record<string, unknown> | undefined;
+    customerEmail: string | undefined;
+    returnUrl: string;
+    userId: string | undefined;
 };
 export declare const toSubscriptionCheckoutRequest: (input: CreateSubscriptionCheckoutInput) => {
+    environment: import("@funnelsgrove/runtime").RuntimeMode | undefined;
+    runtimeConfig: import("@funnelsgrove/runtime").FunnelSdkRuntimeConfigOverrides | undefined;
+    checkoutIdentityToken: string;
     offerSetId: string | undefined;
     offerSetKey: string | undefined;
     planId: string;
@@ -47,8 +73,35 @@ export declare const toSubscriptionCheckoutRequest: (input: CreateSubscriptionCh
     customerEmail: string | undefined;
     returnUrl: string;
     userId: string | undefined;
+} | {
     environment: import("@funnelsgrove/runtime").RuntimeMode | undefined;
     runtimeConfig: import("@funnelsgrove/runtime").FunnelSdkRuntimeConfigOverrides | undefined;
+    checkoutIdentityToken?: undefined;
+    offerSetId: string | undefined;
+    offerSetKey: string | undefined;
+    planId: string;
+    planKey: string;
+    providerPlanId: string | undefined;
+    provider: "stripe" | null | undefined;
+    paymentProfileId: string | undefined;
+    runtimeConfigRevisionId: string | undefined;
+    anonymousUserId: string | undefined;
+    idempotencyKey: string | undefined;
+    title: string;
+    description: string | undefined;
+    amountCents: number;
+    billingInterval: import("../../../../index.js").BillingPlanInterval;
+    billingIntervalCount: number;
+    followUpProviderPlanId: string | undefined;
+    followUpPlanTitle: string | undefined;
+    followUpBillingInterval: import("../../../../index.js").BillingPlanInterval | undefined;
+    followUpBillingIntervalCount: number | undefined;
+    introIterations: number | undefined;
+    couponId: string | undefined;
+    analyticsMetadata: Record<string, unknown> | undefined;
+    customerEmail: string | undefined;
+    returnUrl: string;
+    userId: string | undefined;
 };
 export declare const toSubscriptionCheckoutPlanRequest: (input: UpdateSubscriptionCheckoutPlanInput) => {
     checkoutSessionId: string;

package/dist/providers/stripe/services/checkout/requests.js

@@ -1,63 +1,20 @@
 import { getPaywallPlanRequestId } from '../../../../services/paywallPlans/selection.js';
 import { normalizeCheckoutAnalyticsMetadata } from '../shared/checkoutMetadata.js';
 import { requireCheckoutRecurringConfig, requireCheckoutSessionId, } from '../shared/checkout.validator.js';
+import { getCheckoutIdentityToken } from '@funnelsgrove/runtime';
+const toCheckoutIdentityRequestFields = (userId) => {
+    const canonicalUserId = userId === null || userId === void 0 ? void 0 : userId.trim();
+    const checkoutIdentityToken = getCheckoutIdentityToken(canonicalUserId);
+    return checkoutIdentityToken ? { checkoutIdentityToken } : {};
+};
 export const toOneTimeCheckoutRequest = (input) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
-    return {
-        planKey: ((_a = input.plan.funnelPlanKey) === null || _a === void 0 ? void 0 : _a.trim()) || input.plan.id,
-        runtimeConfigRevisionId: input.runtimeConfigRevisionId,
-        paymentProfileId: input.paymentProfileId,
-        provider: input.provider,
-        anonymousUserId: input.anonymousUserId,
-        idempotencyKey: input.idempotencyKey,
-        offerSetId: ((_b = input.plan.offerSetId) === null || _b === void 0 ? void 0 : _b.trim()) || undefined,
-        offerSetKey: ((_c = input.plan.offerSetKey) === null || _c === void 0 ? void 0 : _c.trim()) || undefined,
-        planId: getPaywallPlanRequestId(input.plan),
-        providerPlanId: ((_d = input.plan.providerPlanId) === null || _d === void 0 ? void 0 : _d.trim()) || undefined,
-        title: input.plan.title,
-        description: ((_e = input.plan.description) === null || _e === void 0 ? void 0 : _e.trim()) || undefined,
-        amountCents: input.plan.amountCents,
-        couponId: ((_f = input.couponId) === null || _f === void 0 ? void 0 : _f.trim()) || undefined,
-        analyticsMetadata: normalizeCheckoutAnalyticsMetadata(input.analyticsMetadata, input.plan),
-        customerEmail: ((_g = input.customerEmail) === null || _g === void 0 ? void 0 : _g.trim()) || undefined,
-        returnUrl: input.returnUrl,
-        userId: ((_h = input.user_id) === null || _h === void 0 ? void 0 : _h.trim()) || undefined,
-        environment: input.environment,
-        runtimeConfig: input.runtimeConfig,
-    };
+    return Object.assign(Object.assign({ planKey: ((_a = input.plan.funnelPlanKey) === null || _a === void 0 ? void 0 : _a.trim()) || input.plan.id, runtimeConfigRevisionId: input.runtimeConfigRevisionId, paymentProfileId: input.paymentProfileId, provider: input.provider, anonymousUserId: input.anonymousUserId, idempotencyKey: input.idempotencyKey, offerSetId: ((_b = input.plan.offerSetId) === null || _b === void 0 ? void 0 : _b.trim()) || undefined, offerSetKey: ((_c = input.plan.offerSetKey) === null || _c === void 0 ? void 0 : _c.trim()) || undefined, planId: getPaywallPlanRequestId(input.plan), providerPlanId: ((_d = input.plan.providerPlanId) === null || _d === void 0 ? void 0 : _d.trim()) || undefined, title: input.plan.title, description: ((_e = input.plan.description) === null || _e === void 0 ? void 0 : _e.trim()) || undefined, amountCents: input.plan.amountCents, couponId: ((_f = input.couponId) === null || _f === void 0 ? void 0 : _f.trim()) || undefined, analyticsMetadata: normalizeCheckoutAnalyticsMetadata(input.analyticsMetadata, input.plan), customerEmail: ((_g = input.customerEmail) === null || _g === void 0 ? void 0 : _g.trim()) || undefined, returnUrl: input.returnUrl, userId: ((_h = input.user_id) === null || _h === void 0 ? void 0 : _h.trim()) || undefined }, toCheckoutIdentityRequestFields(input.user_id)), { environment: input.environment, runtimeConfig: input.runtimeConfig });
 };
 export const toSubscriptionCheckoutRequest = (input) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
     const recurring = requireCheckoutRecurringConfig(input.plan);
-    return {
-        offerSetId: ((_a = input.plan.offerSetId) === null || _a === void 0 ? void 0 : _a.trim()) || undefined,
-        offerSetKey: ((_b = input.plan.offerSetKey) === null || _b === void 0 ? void 0 : _b.trim()) || undefined,
-        planId: getPaywallPlanRequestId(input.plan),
-        planKey: ((_c = input.plan.funnelPlanKey) === null || _c === void 0 ? void 0 : _c.trim()) || input.plan.id,
-        providerPlanId: ((_d = input.plan.providerPlanId) === null || _d === void 0 ? void 0 : _d.trim()) || undefined,
-        provider: input.provider,
-        paymentProfileId: ((_e = input.paymentProfileId) === null || _e === void 0 ? void 0 : _e.trim()) || undefined,
-        runtimeConfigRevisionId: ((_f = input.runtimeConfigRevisionId) === null || _f === void 0 ? void 0 : _f.trim()) || undefined,
-        anonymousUserId: ((_g = input.anonymousUserId) === null || _g === void 0 ? void 0 : _g.trim()) || undefined,
-        idempotencyKey: ((_h = input.idempotencyKey) === null || _h === void 0 ? void 0 : _h.trim()) || undefined,
-        title: input.plan.title,
-        description: ((_j = input.plan.description) === null || _j === void 0 ? void 0 : _j.trim()) || undefined,
-        amountCents: input.plan.amountCents,
-        billingInterval: recurring.interval,
-        billingIntervalCount: recurring.intervalCount,
-        followUpProviderPlanId: ((_k = input.plan.followUpProviderPlanId) === null || _k === void 0 ? void 0 : _k.trim()) || undefined,
-        followUpPlanTitle: ((_l = input.plan.followUpPlanTitle) === null || _l === void 0 ? void 0 : _l.trim()) || undefined,
-        followUpBillingInterval: input.plan.followUpBillingInterval,
-        followUpBillingIntervalCount: input.plan.followUpBillingIntervalCount,
-        introIterations: input.plan.introIterations,
-        couponId: ((_m = input.couponId) === null || _m === void 0 ? void 0 : _m.trim()) || undefined,
-        analyticsMetadata: normalizeCheckoutAnalyticsMetadata(input.analyticsMetadata, input.plan),
-        customerEmail: ((_o = input.customerEmail) === null || _o === void 0 ? void 0 : _o.trim()) || undefined,
-        returnUrl: input.returnUrl,
-        userId: ((_p = input.user_id) === null || _p === void 0 ? void 0 : _p.trim()) || undefined,
-        environment: input.environment,
-        runtimeConfig: input.runtimeConfig,
-    };
+    return Object.assign(Object.assign({ offerSetId: ((_a = input.plan.offerSetId) === null || _a === void 0 ? void 0 : _a.trim()) || undefined, offerSetKey: ((_b = input.plan.offerSetKey) === null || _b === void 0 ? void 0 : _b.trim()) || undefined, planId: getPaywallPlanRequestId(input.plan), planKey: ((_c = input.plan.funnelPlanKey) === null || _c === void 0 ? void 0 : _c.trim()) || input.plan.id, providerPlanId: ((_d = input.plan.providerPlanId) === null || _d === void 0 ? void 0 : _d.trim()) || undefined, provider: input.provider, paymentProfileId: ((_e = input.paymentProfileId) === null || _e === void 0 ? void 0 : _e.trim()) || undefined, runtimeConfigRevisionId: ((_f = input.runtimeConfigRevisionId) === null || _f === void 0 ? void 0 : _f.trim()) || undefined, anonymousUserId: ((_g = input.anonymousUserId) === null || _g === void 0 ? void 0 : _g.trim()) || undefined, idempotencyKey: ((_h = input.idempotencyKey) === null || _h === void 0 ? void 0 : _h.trim()) || undefined, title: input.plan.title, description: ((_j = input.plan.description) === null || _j === void 0 ? void 0 : _j.trim()) || undefined, amountCents: input.plan.amountCents, billingInterval: recurring.interval, billingIntervalCount: recurring.intervalCount, followUpProviderPlanId: ((_k = input.plan.followUpProviderPlanId) === null || _k === void 0 ? void 0 : _k.trim()) || undefined, followUpPlanTitle: ((_l = input.plan.followUpPlanTitle) === null || _l === void 0 ? void 0 : _l.trim()) || undefined, followUpBillingInterval: input.plan.followUpBillingInterval, followUpBillingIntervalCount: input.plan.followUpBillingIntervalCount, introIterations: input.plan.introIterations, couponId: ((_m = input.couponId) === null || _m === void 0 ? void 0 : _m.trim()) || undefined, analyticsMetadata: normalizeCheckoutAnalyticsMetadata(input.analyticsMetadata, input.plan), customerEmail: ((_o = input.customerEmail) === null || _o === void 0 ? void 0 : _o.trim()) || undefined, returnUrl: input.returnUrl, userId: ((_p = input.user_id) === null || _p === void 0 ? void 0 : _p.trim()) || undefined }, toCheckoutIdentityRequestFields(input.user_id)), { environment: input.environment, runtimeConfig: input.runtimeConfig });
 };
 export const toSubscriptionCheckoutPlanRequest = (input) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;

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

@@ -34,4 +34,15 @@ export type CheckoutFailureClassificationInput = Pick<CheckoutFailureShownInput,
 export declare const classifyCheckoutFailure: (input: CheckoutFailureClassificationInput) => CheckoutFailureCategory;
 export declare const trackCheckoutFailureShown: (input: CheckoutFailureShownInput) => string | null;
 export declare const trackCheckoutCanceled: (input: CheckoutObservabilityInput) => string | null;
+export type CheckoutWalletReadyInput = {
+    analytics: CheckoutObservabilityAnalyticsContext;
+    checkoutSessionId: string;
+    paymentMethod: unknown;
+    provider: 'stripe';
+    walletClientSecretToReadyMs: number;
+    walletMountToReadyMs: number;
+    walletMountToRequestMs: number;
+    walletRequestMs: number;
+};
+export declare const trackCheckoutWalletReady: (input: CheckoutWalletReadyInput) => string | null;
 export {};

package/dist/services/checkoutObservability.service.js

@@ -103,6 +103,10 @@ const reportCheckoutObservability = (input) => {
             providerDeclineCode: input.providerDeclineCode,
             providerErrorCode: input.providerErrorCode,
             providerErrorType: input.providerErrorType,
+            walletClientSecretToReadyMs: input.walletClientSecretToReadyMs,
+            walletMountToReadyMs: input.walletMountToReadyMs,
+            walletMountToRequestMs: input.walletMountToRequestMs,
+            walletRequestMs: input.walletRequestMs,
         }),
         keepalive: true,
     }).then(() => undefined);
@@ -184,3 +188,49 @@ export const trackCheckoutFailureShown = (input) => {
     });
 };
 export const trackCheckoutCanceled = (input) => emitCheckoutObservability('checkout_canceled', input);
+const normalizeWalletTiming = (value) => (Number.isFinite(value) && value >= 0 && value <= 300000 ? value : null);
+export const trackCheckoutWalletReady = (input) => {
+    var _a;
+    const checkoutSessionId = input.checkoutSessionId.trim();
+    const paymentMethod = toAnalyticsPaymentMethod(input.paymentMethod);
+    const walletClientSecretToReadyMs = normalizeWalletTiming(input.walletClientSecretToReadyMs);
+    const walletMountToReadyMs = normalizeWalletTiming(input.walletMountToReadyMs);
+    const walletMountToRequestMs = normalizeWalletTiming(input.walletMountToRequestMs);
+    const walletRequestMs = normalizeWalletTiming(input.walletRequestMs);
+    if (!checkoutSessionId
+        || !paymentMethod
+        || walletClientSecretToReadyMs === null
+        || walletMountToReadyMs === null
+        || walletMountToRequestMs === null
+        || walletRequestMs === null) {
+        return null;
+    }
+    const eventId = publicAnalyticsSdk.track({
+        environment: input.analytics.environment,
+        eventId: `wallet-ready:${checkoutSessionId}:${paymentMethod}`,
+        eventType: 'checkout_wallet_ready',
+        featureFlags: input.analytics.featureFlags,
+        metadata: Object.assign(Object.assign({}, ((_a = input.analytics.metadata) !== null && _a !== void 0 ? _a : {})), { checkout_session_id: checkoutSessionId, payment_method: paymentMethod, payment_provider: input.provider, wallet_client_secret_to_ready_ms: walletClientSecretToReadyMs, wallet_mount_to_ready_ms: walletMountToReadyMs, wallet_mount_to_request_ms: walletMountToRequestMs, wallet_checkout_request_ms: walletRequestMs }),
+        stepContractVersion: input.analytics.stepContractVersion,
+        stepId: input.analytics.stepId,
+        stepName: input.analytics.stepName,
+        stepType: input.analytics.stepType,
+    });
+    if (!eventId) {
+        return null;
+    }
+    void reportCheckoutObservability({
+        analytics: input.analytics,
+        checkoutSessionId,
+        eventId,
+        eventType: 'checkout_wallet_ready',
+        paymentMethod,
+        provider: input.provider,
+        walletClientSecretToReadyMs,
+        walletMountToReadyMs,
+        walletMountToRequestMs,
+        walletRequestMs,
+    }).catch(() => undefined);
+    void publicAnalyticsSdk.flush().catch(() => 0);
+    return eventId;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@funnelsgrove/payments",
-  "version": "0.11.16",
+  "version": "0.11.18",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/The-Solid-Grove/funnelsgrove.git",
@@ -33,7 +33,7 @@
   },
   "dependencies": {
     "@funnelsgrove/analytics": "^0.1.86",
-    "@funnelsgrove/runtime": "^0.11.2",
+    "@funnelsgrove/runtime": "^0.11.5",
     "@solidgate/react-sdk": "1.34.0",
     "@stripe/react-stripe-js": "^5.6.0",
     "@stripe/stripe-js": "^8.7.0",