SavedCardSelector

Domain

Radio-group list of saved payment cards. Shows brand badge, masked number, expiry, and default indicator. Supports remove and add-new callbacks.

Multiple cards

Preview
Select payment card
Code
<SavedCardSelector cards={cards} selectedCardId={selected} onSelect={handleSelect} onRemove={handleRemove} onAddNew={() => setShowForm(true)} />

Empty state

Preview
Select payment card

No saved cards.

Code
<SavedCardSelector cards={[]} onSelect={handleSelect} onAddNew={() => setShowForm(true)} />
Sourcemodules/domains/common/payment/SavedCardSelector.tsx