Support Dashlane Payment method autofill

Open
#697 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Assessment

Difficulty
4/5
Estimated time
3-5 days
Newbie friendliness
35/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Stale
Tech stack
android, react-native, typescript
Domain
mobile, payments

Research direction

Start by reproducing the issue with the CardField component on Android 10 using Dashlane autofill, then inspect the onCardChange result after autofill. Confirm that brand, last4, and complete are populated and that a setup intent no longer reports "Card details not complete."

Written by the indexing model from the issue text.

Description

android enhancement

Describe the bug
I'm using the CardField component to let the users enter their credit card information. With a payment manager installed on Android, like Dashlane for example, you can autofill the credit card information.

All the fields seem well filled. But in fact, in the object, the last4 and the brand attributes are missing, and the completed attribute is false. If I try to do a setup intent, I'm getting the error "Card details not complete".

To Reproduce
Steps to reproduce the behavior:

  1. Install a payment method manager (ex: Dashlane) on an Android phone and configure a payment method.
  2. Set Dashlane as the autofill service you want to use on your phone
  3. Open your app with a CardField component, and autofill your payment information thanks to Dashlane
  4. All the fields are fulfilled, but if you try to do a setup intent then you will get the error "Card details not complete"

Expected behavior
When auto-filling the credit card method, all the information should be saved and the onCardChange function should return an object with all the attributes fulfilled.

Screenshots
Screenshot_20211103-145026
Screenshot_20211103-145040
Screenshot_20211103-145044

 LOG  {"brand": null, "complete": false, "expiryMonth": 11, "expiryYear": 34, "last4": null}

Desktop (please complete the following information):

  • OS: macOS Big Sur v11.5.2

Smartphone (please complete the following information):

  • Device: OnePlus 6T
  • OS: Android 10 - OxygenOS 10.3.9

Additional context
@stripe/stripe-react-native: v0.2.3

Dominant language
TypeScript
Stars
1.4k
Forks
328
Avg merge
3d 9h
Merged PRs (30d)
23

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from stripe/stripe-react-native

All issues in stripe/stripe-react-native

Similar issues

More TypeScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.