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.

createSourceWithParams - threeDSecure - There was an unexpected error

See original GitHub issue

Hello, I use tipsie-stripe in my react-native app, it work well, and now I try to add threeDSecure.

My actuel behavior: I get a token by using paymentRequestWithCardForm that I use to create a source (saved to a user in my backend). And then I use the card_id as a source for charge.

// now
confirmOrder = () => {
  const { order, card } = this.props;

  // request to my backend that do the charge request to stripe
  this.props.confirmOrder({
    order_id: order.id,
    source_id: card.id,
  });
};

What I try to do: use createSourceWithParams with threeDSecure to get a 3D secure source_id for the charge.

// what I try to do
confirmOrder = async () => {
  const { order, card } = this.props;
  try {
    const source = await stripe.createSourceWithParams({
      type: 'threeDSecure',
      amount: order.price_in_cents,
      currency: 'eur',
      returnURL: 'accorlocal://stripe-redirect',
      card: card.id,
    });

    // request to my backend that do the charge request to stripe
    this.props.confirmOrder({
      order_id: order.id,
      source_id: source.id,
    });
  } catch (error) {
    console.log(JSON.stringify(error));
  }
};

I try with 3DSecure Stripe test cards, the Stripe test page for authorize 3DSecure work well, the redirect button open my app. But after I always get this error on iOS :

{
  "framesToPop": 1,
  "code": "EUNSPECIFIED",
  "nativeStackIOS": [
    "0   mygreeanpp                          0x00000001081335c6 RCTJSErrorFromCodeMessageAndNSError + 134",
    "1   mygreeanpp                          0x00000001080c2133 __41-[RCTModuleMethod processMethodSignature]_block_invoke_2.218 + 179",
    "2   mygreeanpp                          0x000000010837790f __61-[TPSStripeManager createSourceWithParams:resolver:rejecter:]_block_invoke_3 + 143",
    "3   mygreeanpp                          0x0000000107ea5328 __60-[STPSourcePoller cleanupAndFireCompletionWithSource:error:]_block_invoke + 152",
    "4   libdispatch.dylib                   0x000000011233373b _dispatch_call_block_and_release + 12",
    "5   libdispatch.dylib                   0x0000000112334779 _dispatch_client_callout + 8",
    "6   libdispatch.dylib                   0x000000011233e778 _dispatch_main_queue_callback_4CF + 1279",
    "7   CoreFoundation                      0x000000010f197c99 __CFRUNLOOP_IS_SERVICING_THE_MAIN_DISPATCH_QUEUE__ + 9",
    "8   CoreFoundation                      0x000000010f15bea6 __CFRunLoopRun + 2342",
    "9   CoreFoundation                      0x000000010f15b30b CFRunLoopRunSpecific + 635",
    "10  GraphicsServices                    0x0000000113d43a73 GSEventRunModal + 62",
    "11  UIKit                               0x000000010a66c0b7 UIApplicationMain + 159",
    "12  mygreeanpp                          0x0000000107d150cf main + 111",
    "13  libdyld.dylib                       0x00000001123a9955 start + 1",
    "14  ???                                 0x0000000000000001 0x0 + 1"
  ],
  "domain": "com.stripe.lib",
  "userInfo": {
    "com.stripe.lib:ErrorMessageKey": "There was an error connecting to Stripe.",
    "NSLocalizedDescription": "There was an unexpected error -- try again in a few seconds"
  }
}

react-native 0.55.4 tipsi-stripe 5.2.1 pod Stripe 11.2.0