Fix Stripe Link payment method not being sent to transactionInitialize

[lkostrowski]

Summary

• Fix payment with Stripe Link failing because elements.submit() returns selectedPaymentMethod as undefined for Link
• Track the selected payment method type via PaymentElement's onChange event and use it as a fallback

Problem

When a user pays with Stripe Link (saved payment credentials), elements.submit() returns selectedPaymentMethod as undefined instead of "link". This causes the transactionInitialize mutation to fail because no payment method type is provided.

Solution

Use the PaymentElement's onChange event to track the selected payment method type (event.value.type). When elements.submit() doesn't return selectedPaymentMethod, fall back to the value captured from onChange.

Changes (stripe-checkout-form.tsx)

1. Import StripePaymentElementChangeEvent type
2. Add paymentMethodType state to track the selected type from onChange
3. Add onChange handler on PaymentElement
4. Resolve payment method as selectedPaymentMethod || paymentMethodType

Test plan

• Pay with a new card — should work as before
• Register with Stripe Link during checkout
• On a subsequent payment, use saved Link credentials
• Verify paymentMethod sent to transactionInitialize is "link"
• Confirm payment completes successfully

Related

saleor/apps#2207

🤖 Generated with Claude Code

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Review	Updated (UTC)
saleor-payment-apps-testclient	Ready	Preview	Jan 27, 2026 7:11am