question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Get error ``Card details not complete`` when trying to use ``confirmSetupIntent``

See original GitHub issue

Card details not complete I have a scenario in which I am using my custom design for collecting card details from users and after getting card data I want to setupIntent for future use. FYI: I am not using CardField component. I have the total customized self-design.

To Reproduce Steps to reproduce the behavior:

  1. Install and set it up for Android
  2. Get setupIntent key from backend
  3. Passing setupIntent and billingDetails to the confirmSetupIntent function.
  4. See error on console Card details not complete

Expected behavior It should returns setupIntent details.

Verions "react-native": "0.67.4", "@stripe/stripe-react-native": "^0.6.0",

Code snippet

const billingDetails: BillingDetails = {
        email: 'fakeemail@gmail.com',
        name: 'Test',
        phone: '03077633011',
        address: {
          city: 'lahore',
          county: 'pakistan',
          line1: '326 A2 block',
          line2: 'Johar town',
          postalCode: '54700',
          state: 'punjab',
        },
      };
      // Confirm the payment with the card details
      const {setupIntent, error} = await confirmSetupIntent(
        setupIntent,
        {
          type: 'Card',
          billingDetails,
        },
      );

Error response

{
   code: "Failed"
   declineCode: null
   localizedMessage: "Card details not complete"
   message: "Card details not complete"
   stripeErrorCode: null
   type: null
}

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:9

github_iconTop GitHub Comments

2reactions
tthongprasertcommented, Sep 15, 2022

Hi again @charliecruzan-stripe

I use the CardField to collect the card details. When I called confirmSetupIntent, it returned an error "Card details not complete". What is the problem?

Here is my card details from the card field

{
  "brand": "Visa",
  "complete": true,
  "cvc": "444",
  "expiryMonth": 2,
  "expiryYear": 24,
  "last4": "3220",
  "number": "4000000000003220",
  "validCVC": "Valid",
  "validExpiryDate": "Valid",
  "validNumber": "Valid",
}

“expo”: “~46.0.9” “@stripe/stripe-react-native”: “0.13.1”

2reactions
charliecruzan-stripecommented, Apr 13, 2022

There isn’t one right now, like I said above,we don’t currently expose that option via confirmSetupIntent or confirmPayment. There hasn’t been much interest in that so far since the cost of taking on your own PCI compliance is a large hurdle. What about the CardField or CardForm components doesn’t fit your use case?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Card details not complete when using confirmPayment #508
With confirmSetupIntent I have a "card details not complete" error on the first try to pay with a card with 3D secure (I...
Read more >
confirmSetupIntent - Stripe JS Reference
Use stripe.confirmSetupIntent(clientSecret, data) to confirm the SetupIntent when you are not gathering payment information from an Element .
Read more >
Using confirmSetupIntent on stripe-react-native - Stack Overflow
I'm getting a paymentIntentClientSecret from our server, and I have a custom credit card form from which I used to collect the card...
Read more >
@agaweb/react-native-stripe - npm
Start using @agaweb/react-native-stripe in your project by running ... or you will get an error about undefined symbols (try it if you don't ......
Read more >
@stripe/stripe-react-native
The Tokens API is deprecated, you should use Payment Methods and createPlatformPayPaymentMethod instead. Launches the relevant native wallet sheet (Apple Pay on ...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found