feat(clerk-js,localizations,types): Pay with test card button on <AddPaymentSource /> component

[nikospapcom]

Description

This pr adds the Pay with test card section in the Checkout form
In the add payment method section we still use the test card details instead

Checklist

• pnpm test runs as expected.
• pnpm build runs as expected.
• (If applicable) JSDoc comments have been added or updated for any package exports
• (If applicable) Documentation has been updated

Type of change

• 🐛 Bug fix
• 🌟 New feature
• 🔨 Breaking change
• 📖 Refactoring / dependency upgrade / documentation
• other:

User Profile

Screen.Recording.2025-05-05.at.5.07.34.PM.mov

Organization Profile

Screen.Recording.2025-05-05.at.5.09.17.PM.mov

[changeset-bot]

🦋 Changeset detected

Latest commit: b2f4546

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 22 packages

Name	Type
@clerk/localizations	Patch
@clerk/clerk-js	Patch
@clerk/types	Patch
@clerk/clerk-react	Patch
@clerk/chrome-extension	Patch
@clerk/clerk-expo	Patch
@clerk/agent-toolkit	Patch
@clerk/astro	Patch
@clerk/backend	Patch
@clerk/elements	Patch
@clerk/expo-passkeys	Patch
@clerk/express	Patch
@clerk/fastify	Patch
@clerk/nextjs	Patch
@clerk/nuxt	Patch
@clerk/react-router	Patch
@clerk/remix	Patch
@clerk/shared	Patch
@clerk/tanstack-react-start	Patch
@clerk/testing	Patch
@clerk/themes	Patch
@clerk/vue	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
clerk-js-sandbox	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	May 5, 2025 1:58pm

[drewwilson]

I think we can remove the "Pay with test card" after you've already added a card.
So basically IF you have no payment method, show the "Pay with test card" block.. if you DO have a saved payment method, never show it.
Since you can just use the saved payment method.

[alexcarpenter]

💯

[nikospapcom]

I think we can remove the "Pay with test card" after you've already added a card. So basically IF you have no payment method, show the "Pay with test card" block.. if you DO have a saved payment method, never show it. Since you can just use the saved payment method.

@drewwilson I'd say that we need to keep the button. The reason behind is that in the next month the test card will be expired so we want to have this button there