rahul_api | Stripe Developers | Page 1

flat valeBOT Jul 29, 2024, 5:16 PM

#

👋 Welcome to your new thread!

⏲️ We'll be here soon! Typically we respond in a few minutes, but sometimes we might take a bit longer if the server is busy or if you have a particularly tricky question.

⏱️ We close idle threads, which makes them read-only. Once a thread is closed it won't be reopened, but you can always start a new thread if you have another question.

🔗 This thread will always be available, even after it's closed. You can find it again using Discord's search, or you can save this link: https://discord.com/channels/841573134531821608/1267531190848454758

📝 Have more to share? Add more details, code, screenshots, videos, etc. below.

cinder hawk Jul 29, 2024, 5:16 PM

#

For context,

   <Elements
                            stripe={stripePromise}
                            options={{
                                clientSecret: paymentResponse!.paymentIntentClientSecret,
                                customerSessionClientSecret: paymentResponse!.customerSessionClientSecret,

oblique jetty Jul 29, 2024, 5:22 PM

#

It looks like you're trying to pass raw PANs to the Setup Intent confirm method, but that's not allowed. There's not even a payment_method_data.card parameter for that endpoint: https://docs.stripe.com/api/setup_intents/confirm#confirm_setup_intent-payment_method_data

Confirm a SetupIntent | Stripe API Reference

Complete reference documentation for the Stripe API. Includes code snippets and examples for our Python, Java, PHP, Node.js, Go, Ruby, and .NET libraries.

#

I would recommend following this guide for Setup intents, as it seems you may be confused about how they work; https://docs.stripe.com/payments/save-and-reuse

Set up future payments

Learn how to save payment details and charge your customers later.

cinder hawk Jul 29, 2024, 5:24 PM

#

I don't think we are

#

Essentially on web, we're offboarding the entire payment flow to stripe's sdk

#

oblique jetty Jul 29, 2024, 5:25 PM

#

You can't pass raw card details to Stripe

cinder hawk Jul 29, 2024, 5:25 PM

#

the bottom screen is stripe's sdk

#

not our ui

#

when customer enters details -> purchase tickets:
works as intended, charges card

#

when customer enters details -> checks the save box -> purchase tickets

#

the error above surfaces

#

if you look at the request req_FOpnnXwBDbyWOj, you see that the origin is https://js.stripe.com/

oblique jetty Jul 29, 2024, 5:29 PM

#

What version of the SDK are you using though?

cinder hawk Jul 29, 2024, 5:29 PM

#

4.1.0

oblique jetty Jul 29, 2024, 5:33 PM

#

Can you copy/paste all the relevant code for that? Including any back-end calls?

cinder hawk Jul 29, 2024, 5:35 PM

#

tagging in our web guy

unkempt dune Jul 29, 2024, 5:35 PM

#

I'm with rahul

React Elements component (paymentResponse is returned from the backend,

                        <Elements
                            stripe={stripePromise}
                            options={{
                                clientSecret: paymentResponse!.paymentIntentClientSecret,
                                customerSessionClientSecret: paymentResponse!.customerSessionClientSecret,```

export interface InitiatePaymentResponse {
transactionId: string;
paymentIntentClientSecret: string;
setupIntentClientSecret: string;
customerSessionClientSecret: string;
}

// submitting the form
const { error: submitError } = await elements.submit();
if (submitError) {
console.error(submitError);
toast.error("Sorry, something went wrong! Please try again.");
setLoading(false);
return;
}

cinder hawk Jul 29, 2024, 5:36 PM

#

On the backend side

// Payment intent
paymentIntent, pErr := stripe.SetupCheckout(stripe.SetupCheckoutRequest{
            PaymentSummary:   transaction.Checkout.Payment,
            Currency:         "usd",
            Customer:         *user.FirestoreUser.StripeCustomerId,
            EventName:        event.FirestoreEvent.Name,
            ConnectAccountID: *transaction.Payments.Destination,
            Details: stripe.CreatePaymentIntentRequestDetails{
                TransactionId: transaction.Id,
                EventId:       event.FirestoreEvent.Id,
                Version:       os.Getenv("VERSION"),
            },
            PaymentMethod: nil,
        })
        if pErr != nil {
            api.HandleAPIError(w, http.StatusInternalServerError, errorhandling.CreateErrorDefault(pErr))
            return
        }
        if paymentIntent.PaymentIntent != nil {
            err = transaction.UpdateTransactionWithAutomaticApprovalPaymentIntent(paymentIntent.PaymentIntent.ID)
            if err != nil {
                api.HandleAPIError(w, http.StatusInternalServerError, errorhandling.CreateErrorDefault(err))
                return
            }
        }
        response.EphemeralKey = paymentIntent.EphemeralKey.ID
        response.CustomerId = paymentIntent.CustomerID
        response.PaymentIntentClientSecret = paymentIntent.PaymentIntent.ClientSecret

// Setup intent
        si, siErr := stripe.CreateSetupIntent(stripe.CreateSetupIntentRequest{
            Currency: "usd",
            Customer: user.FirestoreUser.StripeCustomerId,
        })
        if siErr != nil {
            api.HandleAPIError(w, http.StatusBadRequest, errorhandling.CreateErrorDefault(siErr))
            return
        }
        response.SetupIntentClientSecret = si.Intent.ClientSecret
        response.CustomerSessionClientSecret = si.CustomerSession.ClientSecret

#

📎 message.txt

#

func SetupCheckout(request SetupCheckoutRequest) (r *SetupCheckoutResponse, error error) {

    response := SetupCheckoutResponse{}

    stripe.Key = os.Getenv("STRIPE_SECRET_KEY")

    request.EventName = stripAndMax(request.EventName)

    if request.PaymentSummary.AutomaticApprovalTotal > 0 {

        params := &stripe.PaymentIntentParams{
            Metadata:             lib.StructToMapStrStr(request.Details),
            Amount:               stripe.Int64(int64(request.PaymentSummary.AutomaticApprovalTotal)),
            ApplicationFeeAmount: stripe.Int64(int64(request.PaymentSummary.AutomaticApprovalUserFee)),
            CaptureMethod:        stripe.String(string(stripe.PaymentIntentCaptureMethodAutomatic)),
            Currency:             &request.Currency,
            Customer:             &request.Customer,
            Description:          stripe.String(request.Details.TransactionId),
            PaymentMethodTypes: stripe.StringSlice([]string{
                "card",
            }),
            StatementDescriptorSuffix: &request.EventName,
            TransferData: &stripe.PaymentIntentTransferDataParams{
                Destination: &request.ConnectAccountID,
            },
            TransferGroup: stripe.String(request.Details.EventId),
        }

        if request.PaymentMethod != nil {
            params.PaymentMethod = request.PaymentMethod
        }

        pi, err := paymentintent.New(params)
        if err != nil {
            return nil, err
        }
        response.PaymentIntent = pi

    }

    epparams := &stripe.EphemeralKeyParams{
        Customer:            &request.Customer,
        IssuingCard:         nil,
        VerificationSession: nil,
        StripeVersion:       stripe.String("2024-04-10"),
    }

    key, err := ephemeralkey.New(epparams)
    if err != nil {
        return nil, err
    }
    response.EphemeralKey = key
    response.CustomerID = request.Customer
    return &response, nil

}

#

sorry for the code spam 💀

oblique jetty Jul 29, 2024, 5:39 PM

#

All good. Taking a look now and will circle back

unkempt dune Jul 29, 2024, 5:42 PM

#

by the way, it was all working previously, but after last week it stopped working, even after upgrading stripe js to 4.1.0

oblique jetty Jul 29, 2024, 5:43 PM

#

When did you upgrade?

#

What version were you using before?

unkempt dune Jul 29, 2024, 5:44 PM

#

upgraded today from "@stripe/stripe-js": "^1.54.2" --> "@stripe/stripe-js": "^4.1.0"
it stopped working last week on Thursday (before we upgraded)

oblique jetty Jul 29, 2024, 5:47 PM

#

Ahhhh, wait. This is a Firestore web app?

#

I was confused for a second, becausethese fucntions didn't sound familiar --> SetupCheckoutRequest and UpdateTransactionWithAutomaticApprovalPaymentIntent

#

As far as I can tell, there aren't really any Stripe method calls in your code. It might be worth reaching out to Firestore support to see what's causing them to send the payment_method_data.card parameter

cinder hawk Jul 29, 2024, 6:01 PM

#

oh those are our internal funcs on the backend

oblique jetty Jul 29, 2024, 6:03 PM

#

Ahhhh, okay got it. Are you able to step through your code and discern where the parameters for the Setup Intent Confirm API call are being set?

I see the Setup Intent creation, but I don't see the confirmation in your code.

cinder hawk Jul 29, 2024, 6:07 PM

#

the confirmation is being done on the frontend

unkempt dune Jul 29, 2024, 6:08 PM

#

const elements = useElements();

///////

const handleSubmit = async (e: React.FormEvent<HTMLFormElement>) => {
    ///// validation
    const { error: submitError } = await elements.submit();
    if (submitError) {
        console.error(submitError);
        toast.error("Sorry, something went wrong! Please try again.");
        setLoading(false);
        return;
    }

    const { error: stripeConfirmError } = await stripe.confirmSetup({
        clientSecret: paymentResponse.setupIntentClientSecret,
        elements,
        confirmParams: {
            return_url: getPaymentReturnURL(event.id),
        },
    });

#

this is the frontend code for submitting

oblique jetty Jul 29, 2024, 6:12 PM

#

Is there a URL I can visit to see this error reproduced?

unkempt dune Jul 29, 2024, 6:13 PM

#

yeah give me a few minutes

flat valeBOT Jul 29, 2024, 6:46 PM

#

unkempt dune Jul 29, 2024, 6:46 PM

#

hey, sorry for the delay

https://dev.joinpoppin.com/stripeBugRepro

auth token: ```
eyJhbGciOiJSUzI1NiIsImtpZCI6IjBjYjQyNzQyYWU1OGY0ZGE0NjdiY2RhZWE0Yjk1YTI5ZmJhMGM1ZjkiLCJ0eXAiOiJKV1QifQ.eyJpc3MiOiJodHRwczovL3NlY3VyZXRva2VuLmdvb2dsZS5jb20vZGV2LXBvcHBpbiIsImF1ZCI6ImRldi1wb3BwaW4iLCJhdXRoX3RpbWUiOjE3MjA1NjUyNDgsInVzZXJfaWQiOiJES0xUTExYSG9SYnNIbFhSOG80c0ZnNkljS3gxIiwic3ViIjoiREtMVExMWEhvUmJzSGxYUjhvNHNGZzZJY0t4MSIsImlhdCI6MTcyMjI3NjU5OSwiZXhwIjoxNzIyMjgwMTk5LCJwaG9uZV9udW1iZXIiOiIrMTU1NTU1NTU1NTUiLCJmaXJlYmFzZSI6eyJpZGVudGl0aWVzIjp7InBob25lIjpbIisxNTU1NTU1NTU1NSJdfSwic2lnbl9pbl9wcm92aWRlciI6InBob25lIn19.LoM8IWQkeUNkrPVPMaqFmYRumd7aveAhNHz_514s7Q64cRkVZ0L8qk0smR-w060Uhi5tbICNVbdox5kWqSMrhg5beJMLpC-iytfzhgiiStiiTo5sshiBLN_UvIbn11n7PRt83V8QQoMYAfA7sGcgyOHogE0BtydtGDasxAAS1C_oghip1wR5COKBfd_G5aSkFUzqff9hoXkho01dSVh9EmJEPe54QktoqNFiq3hoTIXdckMFHokZAkysXidpXCAsldOuiEKM-ihlqC2LHkBvrJBntSpMD6vdoAw8R6oNGchfC1TFoR26TBJ6diexH1hicsE1tfrlH_jEQCFIgAFMYw

#

this is a repro of the purchase flow, you should be able to copy the auth token above and then click proceed, then enter the 4242... card and click purchase

#

and then in the console you should see the error from stripe

#

and for reference here's the entire code for the repro:

📎 message.txt

#

also make sure to check the "save payment info for Poppin" button to see the error

#

also if you're not doing this right now ping me and i can refresh the auth token

spice pendant Jul 29, 2024, 6:59 PM

#

Hi, I'm stepping in and taking over. Let me catch up

cinder hawk Jul 29, 2024, 7:18 PM

#

thanks - lmk if you need anything else from us

spice pendant Jul 29, 2024, 7:19 PM

#

Are you able to create another auth token for me please? I tested and I see this 'ID token has expired at: 1722280199','

unkempt dune Jul 29, 2024, 7:21 PM

#

eyJhbGciOiJSUzI1NiIsImtpZCI6IjBjYjQyNzQyYWU1OGY0ZGE0NjdiY2RhZWE0Yjk1YTI5ZmJhMGM1ZjkiLCJ0eXAiOiJKV1QifQ.eyJpc3MiOiJodHRwczovL3NlY3VyZXRva2VuLmdvb2dsZS5jb20vZGV2LXBvcHBpbiIsImF1ZCI6ImRldi1wb3BwaW4iLCJhdXRoX3RpbWUiOjE3MjA1NjUyNDgsInVzZXJfaWQiOiJES0xUTExYSG9SYnNIbFhSOG80c0ZnNkljS3gxIiwic3ViIjoiREtMVExMWEhvUmJzSGxYUjhvNHNGZzZJY0t4MSIsImlhdCI6MTcyMjI4MDM3MCwiZXhwIjoxNzIyMjgzOTcwLCJwaG9uZV9udW1iZXIiOiIrMTU1NTU1NTU1NTUiLCJmaXJlYmFzZSI6eyJpZGVudGl0aWVzIjp7InBob25lIjpbIisxNTU1NTU1NTU1NSJdfSwic2lnbl9pbl9wcm92aWRlciI6InBob25lIn19.swbw7aZMHqjcKJZqjeTcTkoL7LiSTokdoLgkMIGBRfBOyr5BDI6WtuYl22sy8v-af4xfYTYWZRdNO4IUZR79WPkD8LhP3o-OvS4cIgXZdV4ToD4CPyUswveco2HPKxYp6NRDKpoVdFCxROBjRuhc_z_JKaaRlArd24z8tglxEKSZPTrMJ0HPDUrK2SDrX9kuLYSJIbU3DeVZrFKbkWyE-9P5o7AKPvFrD817ZxJjDc9d5s7cuuPygKT9jDv5VYRM09BcAP5gfpfPo76HjcQEurJFR0ySMC0IQ-vdgvseOZBRqZnw_b6tI9EycpbgQxaRgYRYx2MWKji6ytmej7-NFw

#

here you go!

spice pendant Jul 29, 2024, 7:26 PM

#

Thank you, looking

cinder hawk Jul 29, 2024, 7:39 PM

#

I've been trying to debug for a bit and the error seems to be:

the post request to confirm setup intent includes the below:

"payment_method_options": {
    "card": {
      "setup_future_usage": "off_session"
    }
  },

#

Screenshot_2024-07-29_at_12.39.20_PM.png

#

and to my understanding it's triggered by the sdk

spice pendant Jul 29, 2024, 7:46 PM

#

Yeah, I do see that. Can you make creating the SetupIntent without 'usage: "off_session",, https://docs.stripe.com/api/setup_intents/create#create_setup_intent-usage'?

#

I'm trying to spin up a full integration on my end but it is just taking some time.

cinder hawk Jul 29, 2024, 7:48 PM

#

absolutely - i'll update that on the backend and deploy - i'll ping you when live?

spice pendant Jul 29, 2024, 7:51 PM

#

Sure!

cinder hawk Jul 29, 2024, 8:03 PM

#

ok so just to check

#

we need to remove the off_session from ONLY the setup intent and not the customerSession right

spice pendant Jul 29, 2024, 8:08 PM

#

Not remove but change them to 'on_session'.. trying to debug if that is culprit. To me, it sounds like a bug but my environment is spinning up very slowly to test all this on my end.

cinder hawk Jul 29, 2024, 8:09 PM

#

ah gotcha

#

ok should be live

#

new auth token

eyJhbGciOiJSUzI1NiIsImtpZCI6IjBjYjQyNzQyYWU1OGY0ZGE0NjdiY2RhZWE0Yjk1YTI5ZmJhMGM1ZjkiLCJ0eXAiOiJKV1QifQ.eyJpc3MiOiJodHRwczovL3NlY3VyZXRva2VuLmdvb2dsZS5jb20vZGV2LXBvcHBpbiIsImF1ZCI6ImRldi1wb3BwaW4iLCJhdXRoX3RpbWUiOjE3MjIyODE3MTAsInVzZXJfaWQiOiJES0xUTExYSG9SYnNIbFhSOG80c0ZnNkljS3gxIiwic3ViIjoiREtMVExMWEhvUmJzSGxYUjhvNHNGZzZJY0t4MSIsImlhdCI6MTcyMjI4MTcxMCwiZXhwIjoxNzIyMjg1MzEwLCJwaG9uZV9udW1iZXIiOiIrMTU1NTU1NTU1NTUiLCJmaXJlYmFzZSI6eyJpZGVudGl0aWVzIjp7InBob25lIjpbIisxNTU1NTU1NTU1NSJdfSwic2lnbl9pbl9wcm92aWRlciI6InBob25lIn19.RfwUhNY7reEzV-lLztBuhLFQa89MIJuPIPQiRkXRuNPEzADhy7329NpT1zSPX-mR0jM6qzhH00u1YAycybRzR8UwWZNY3pndZAn31AzDIKvwBGOcN1u6Oeyad5r196U6DZdBnah1Tfw1StV7-Cs23Onlm0ltejq6DiZLSH7_jQlRBQFleJC3lzGBcN5otljYV5MgWJmf27ELiFsgiogryX5c47x46pPkv0W5PK85eKynHZCFr10w1aUofup7OGRyVPBQ4O4IeSmc7Fvyby8ipDXyWFHk-p-HwqY3ouejWAU5TC7yn8rqlvRDzDxlXZ1W-LGsExxTYC5W7DyVeqmyBA

#

@spice pendant

spice pendant Jul 29, 2024, 8:18 PM

#

Looking, I'm also talking to my teammate about this. Thank you for your patience

cinder hawk Jul 29, 2024, 8:21 PM

#

sounds good - take your time! appreciate the help

spice pendant Jul 29, 2024, 8:40 PM

#

We're trying to reproduce this on our test environment as this seems pretty buggy. I will share more updates here as soon as I can.

flat valeBOT Jul 29, 2024, 8:45 PM

#

steel cedar Jul 29, 2024, 9:09 PM

#

Was the element originally mounted with a payment intent?

#

We're seeing some odd things in the analytics events

cinder hawk Jul 29, 2024, 9:09 PM

#

yes

#

actually that might be it - we're also testing rn

steel cedar Jul 29, 2024, 9:13 PM

#

Yep that's it

#

I just talked with the owning team on this. You need to make sure the intent you mount the element with is the one you're confirming with

#

The error message is a bit cryptic here though

cinder hawk Jul 29, 2024, 9:14 PM

#

ah damn it - that's what i was missing

steel cedar Jul 29, 2024, 9:14 PM

#

The team will work on a better way to handle this in the future

#

But for now, you just need to make sure the above

cinder hawk Jul 29, 2024, 9:14 PM

#

let us just test to make sure, but that should be it

#

Ok firstly @steel cedar @spice pendant @oblique jetty thank you all so much - can't believe i didn't see it until now

sorry for taking up so much time

#

the save card is finally working

#

if any of you are at sessions or st next year i def owe you a drink

steel cedar Jul 29, 2024, 9:25 PM

#

Happy you got it working!

cinder hawk Jul 29, 2024, 9:30 PM

#

One last q on this

Is there any way to extract the paymentMethodId from the successful setupintent on the frontend?

#

for e.g.: ios has the customerSheet
https://docs.stripe.com/elements/customer-sheet?platform=ios&mobile-customer-session=legacy-customer-ephemeral-key

and you can get the id of a selected payment method

gloomy ridge Jul 29, 2024, 9:35 PM

#

You can use retrieveSetupIntent client side, which should return the SetupIntent object. Note that only some properties will be returned when you make this call with a publishable key but that should include the PaymentMethod ID: https://docs.stripe.com/api/setup_intents/object#setup_intent_object-payment_method

#rahul_api