onCardInfoChanged is invoked with the card’s brand, type, category, issuer and country while the shopper types the card number in the card form. You get these details before the shopper submits the form, so you can adapt your checkout in real time: show the card brand or issuing bank in your order summary, explain a promotion that applies only to credit cards, or adapt a message to the country of the issuing bank.
It is informational: the payment works the same with or without it. The SDK already looks up the card details from the sixth digit to show the brand and load installments, and this controller hands you the result of that same lookup. It makes no extra network call and never includes the full card number, the security code, the expiry date or the cardholder name.
Available on iOS and Android from SDK 3.1.0. The SDK calls it from every card form it shows for a new card, in payments and in enrollments. It is not called for saved cards, because the shopper does not type a number.
What you receive
ACardInfo object, or null (nil on iOS).
- Values are passed exactly as the card lookup returns them. The SDK does not translate or normalize them.
- A value the lookup does not return is
null(nilon iOS). Some fields, such asissuerCode, are often empty, so do not make them required in your logic. - The length of
iinvaries between 6 and 8 digits. Do not rely on it. - Each value is also available by key:
rawDataon iOS andtoMap()on Android always return the nine keys above. On iOS, a missing value inrawDataisNSNull.
When it is called
- After the card lookup answers, once the shopper has typed at least 6 digits.
- Again only when the result changes. Typing more digits of the same card does not call it again unless the lookup returns different details. On iOS, a new call can also arrive when the lookup matches a longer prefix of the same card, with only
iinchanged. - On the main thread, so you can update your UI directly.
The null delivery
The controller receives null (nil on iOS) when a card you already received no longer applies: the number drops below 6 digits, the field is cleared, or the lookup fails. Clear or hide whatever you showed for the previous card. The first call is never null.
Nothing is sent when the card form closes, when the shopper pays, or when the shopper picks another payment method. If your UI needs to reset in those cases, do it on your side.
Signature
On iOS, implement the method on yourTransactionController. On Android, chain onCardInfoChanged on the TransactionConfig of the payment or the enrollment: it returns a new config, so use the returned value.
- iOS
- Android
onCardInfoChanged, or with onCardInfoChanged(null), receives nothing.
Best practices
- Keep the handler light. It runs on the main thread while the shopper is typing, so move any slow work, such as a call to your backend, off the main thread.
- Treat each call as the current state of the form, not a final value. The shopper can still change the number before paying.
- Do not block or delay the payment based on these values. The SDK validates the card on its own.
Related
- Listen to events. The other informational controllers.
onInstallmentSelected. The installment option the shopper picks in the same card form.- Controllers overview. How controllers are wired per platform.