Problems creating source

I’m trying to create a source id to send to backend which is expecting it in this format: src_1Bbn7iEnsJaaAUJe1UZASnCd

However I’m getting this error when trying to create it with createSourceWithParams using a test card number: No such source: card_1Bn6l9EnsJaaAUJeE8ZWQ0uU

This is my code, I probably missed something. I retrieve the card Id from paymentRequestWithCardForm(), apparently this is not correct. I’m not sure what other card ID is expected. Any help is appreciated.

stripe.paymentRequestWithCardForm()
   .then((data) => {

     if(data.card) {
       const cardId = data.card.cardId
   
       stripe.createSourceWithParams({
         type: 'threeDSecure',
         currency: 'eur',
         amount: 1000,
         name: 'Test',
         returnURL: 'xxxx-stripe://stripe-redirect',
         card: cardId
       })
     }

   })
}

[ratkus91]

We can just use REST API

{
    "id": "src_1CG3vsIoYsg4cTtdYPOIoge1",
    "object": "source",
    "amount": null,
    "client_secret": "src_client_secret_CfOjaD1IRtt1m9PjGvovEjjg",
    "created": 1523533780,
    "currency": null,
    "flow": "none",
    "livemode": false,
    "metadata": {},
    "owner": {
        "address": {
            "city": null,
            "country": null,
            "line1": null,
            "line2": null,
            "postal_code": "42424",
            "state": null
        },
        "email": null,
        "name": "wer",
        "phone": null,
        "verified_address": null,
        "verified_email": null,
        "verified_name": null,
        "verified_phone": null
    },
    "statement_descriptor": null,
    "status": "chargeable",
    "type": "card",
    "usage": "reusable",
    "card": {
        "exp_month": 4,
        "exp_year": 2024,
        "address_zip_check": "unchecked",
        "brand": "Visa",
        "card_automatically_updated": false,
        "country": "US",
        "cvc_check": "unchecked",
        "funding": "credit",
        "last4": "3063",
        "three_d_secure": "required",
        "address_line1_check": null,
        "tokenization_method": null,
        "dynamic_last4": null
    }
}

And we can see: Source - “id”: “src_1CG3vsIoYsg4cTtdYPOIoge1”, And - “three_d_secure”: “required”,

Next, we can use this Source instead Card. Also we can create new Source with Three D Secure on the Backend side

[dextorion]

I am guessing that the createSourceWithParams method expects not a card_****** but a src_******. The problem here is that tipsi-stripe library does not support createSourceWithParams with type: card. Stripe.js requires you to create s Source with type card, before you are able to create a Source with type threeDsecure. But with tipsi-stripe this is not supported.

I have the same problem, and hope this will be prioritized.