search

Adyen / adyen-react-native

Adyen React Native
https://docs.adyen.com/checkout
MIT License
45 stars 32 forks source link

[Feature request] Ability to scan credit cards with phone camera #541

Open StefanWallin opened 1 week ago

StefanWallin commented 1 week ago

Credit Card Scanning demo with react-native-cardscan package

Is your feature request related to a problem? Please describe. Not all banks support Apple pay or Google Pay, sometimes you want to pay with credit card. Entering the credit cards manually is a pain for the user which can result in a higher cart abandonment percentage.

Describe the solution you'd like To be able to bring our users a delightful experience it would be nice if adyen react native supported scanning a payment card with a card scanner to automatically enter the digits for the user. Something like what https://www.npmjs.com/package/react-native-cardscan can do for you.

Describe alternatives you've considered I've considered implementing https://www.npmjs.com/package/react-native-cardscan myself but find no way to pass the card details into adyen dropin. Preferrably this would be part of the Drop-in dialog.

Additional context When testing and designing this feature one need to take into consideration the "new" quick read designs as well as traditional embossed and raised numbers.

VISA

Screenshot 2024-10-09 at 10 25 21

Visa Brand Mark and Card Design Features

Discover Card Design Guidelines

descorp commented 1 week ago

Hey @StefanWallin

Card reading capability is something we are actively working on ATM. Thank you for sharing your research! 💚

I'll pass the links and will keep you posted.