waleed.bin.khalid | Stripe Developers | Page 1

thin sapphireBOT Nov 27, 2023, 12:49 PM

#

regal rampart Nov 27, 2023, 12:50 PM

#

hi

#

#

previously I was just creating payment intent and confirming payment from react side

#

while before I was not using stripeAccount header while creating pyament intent but Now I am adding this header

#

and it is saying pyament method required

#

I am doing apple pay/ google pay to connect account

neon socket Nov 27, 2023, 12:53 PM

#

Hi, let me help you with this.

regal rampart Nov 27, 2023, 12:54 PM

#

great

neon socket Nov 27, 2023, 12:54 PM

#

Could you please share the PaymentIntent ID?

regal rampart Nov 27, 2023, 12:54 PM

#

sure

#

pi_3OH43kQbXdHsnP2b1gDKXusl

#

?

neon socket Nov 27, 2023, 1:03 PM

#

Looking...

regal rampart Nov 27, 2023, 1:04 PM

#

oh sorry

neon socket Nov 27, 2023, 1:04 PM

#

Why are you not confirming the PaymentIntent?

regal rampart Nov 27, 2023, 1:05 PM

#

I am confirming the payment from frontend

#

lemme show you

#

const pr = stripe.paymentRequest({
countryCode,
country: "US",
currency: currencyCode === "" ? "usd" : currencyCode.toLowerCase(),
total: {
label: "Total tip amount",
amount: Number((tipAmount ? tipAmount * 100 : 0).toFixed(2)),
},
requestPayerName: true,
requestPayerEmail: true,
disableWallets: ["link"],
});

    pr.canMakePayment().then((result) => {
      if (result) {
        setPaymentRequest(pr);
        if (!result?.applePay) {
          setIsApplePayDisabled(true);
        }
      }
    });

#

First I am creating payment request like this

#

then this is how I am creating payment-intent through backend api

#

and confirming that payment as well on react side

neon socket Nov 27, 2023, 1:09 PM

#

Do you see any errors?

regal rampart Nov 27, 2023, 1:11 PM

#

#

this on stripe

#

on frontend while making payment it is showing error in payment just

neon socket Nov 27, 2023, 1:17 PM

#

regal rampart on frontend while making payment it is showing error in payment just

Sorry I don't understand.

regal rampart Nov 27, 2023, 1:18 PM

#

on frontend while making payment through wallet

#

it is just showing this message "there is some error with your payment just"

#

When I go to stripe connect account to track that erorr it is showing me payment method required in pyament intent

#

neon socket Nov 27, 2023, 1:19 PM

#

Could you please show me the whole error message?

regal rampart Nov 27, 2023, 1:23 PM

#

i guess this is the error message. It is occuring while confirm the payment

#

pyament intent id exists on connect account only not on merchant account

#

but I believe after creating payment intent on stripe connect account. It is trying to confirm payment on stripe merchant account not on connect account

neon socket Nov 27, 2023, 1:25 PM

#

Thanks, this is very helpful.
This seems like a typical error when using Stripe-Account headers.

#

Could you please paste the pi_xxx here?

regal rampart Nov 27, 2023, 1:26 PM

#

yup

#

pi_3OH4kZQbXdHsnP2b1aujZ9Wd

neon socket Nov 27, 2023, 1:30 PM

#

This PaymentIntent was created on the Connected Account, therefore you'll need to use Stripe-Account header to confirm it: https://stripe.com/docs/connect/authentication?client=create-client-react#adding-the-connected-account-id-to-a-client-side-application

regal rampart Nov 27, 2023, 1:32 PM

#

lemme check

#

I have already added this stripeAccount header whole loading stripe

neon socket Nov 27, 2023, 1:41 PM

#

How are you doing this exactly?

regal rampart Nov 27, 2023, 1:45 PM

#

can we add stripeAccount header in

const {
error: stripeError,
paymentIntent,
} = await stripe.confirmCardPayment(
clientSecret,
{
payment_method: e.paymentMethod.id,
},
{ handleActions: false }
);

api

neon socket Nov 27, 2023, 1:46 PM

#

How are you doing this now?

#

Please remove the keys from your message.

#

@regal rampart

#

const checkConnectId = () => {
if (connectAccountId !== "") {
stripePromise = loadStripe(
"pk_test_...",
{ stripeAccount: connectAccountId }
);
} else {
stripePromise = loadStripe(
"pk_test_..."
);
}
};

#

Did that for you.

#

Are you sure your code picks the first path here?

thin sapphireBOT Nov 27, 2023, 2:01 PM

#

regal rampart Nov 27, 2023, 2:01 PM

#

I am storing connect account id in reduc store

#

redux, I have card payments and wallet payments. For cards it is fine without that stripeAccount header

#

in wallet payment I do need that

#

thats why

neon socket Nov 27, 2023, 2:02 PM

#

Could you please validate if it actually adds the stripeAccount header? Because it seems like the most obvious place.

regal rampart Nov 27, 2023, 2:03 PM

#

how can i confirm that ?

vague kestrel Nov 27, 2023, 2:04 PM

#

Look at the call and make sure the Stripe account's ID is getting passed in to the call as shown in this doc https://stripe.com/docs/api/connected_accounts

Stripe API reference – Connected Accounts – curl

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

regal rampart Nov 27, 2023, 2:31 PM

#

can we add stripeAcccount header while confirmPayment

#

const {
error: stripeError,
paymentIntent,
} = await stripe.confirmCardPayment(
clientSecret,
{
payment_method: e.paymentMethod.id,
},
{ handleActions: false }
);

#

in this api?

vague kestrel Nov 27, 2023, 2:32 PM

#

Yes, that is how you confirm a direct charge payment intent

#

Keep in mind that the intent needs to be created using the same stripeAccount header for the confirm call to work

regal rampart Nov 27, 2023, 2:32 PM

#

yes yes, intent is creating using stripeAccount header

regal rampart Nov 27, 2023, 2:33 PM

#

regal rampart const { error: stripeError, paymentIntent, } =...

how can I add stripeAccount in this confirm payment aoi

#

api*

#

there ?

vague kestrel Nov 27, 2023, 2:41 PM

#

regal rampart const { error: stripeError, paymentIntent, } =...

What client side library are you using?

#

Like what library is making that confirm call?

regal rampart Nov 27, 2023, 2:41 PM

#

stripe js

#

react is on frontend

#

in my case I have multiple connect account. Which will be getting from backend afterward but not when react app loads in dom

#

that is why I want to add stripeAccount header in confirm api instead of loadStripe api

#

what you say

vague kestrel Nov 27, 2023, 2:44 PM

#

When.you initialize Stripe.js you will want to pass the stripeAccount header https://stripe.com/docs/js/initializing#init_stripe_js-options-stripeAccount

Stripe JS Reference

regal rampart Nov 27, 2023, 2:45 PM

#

At the time of initialization, what if I dont have connect account id

#

?

#

becasue there is scenario iin our application, payment giver select any user to pay. when that user selected then we can get connect id from backend related to that selected user

#

?

vague kestrel Nov 27, 2023, 2:53 PM

#

I actually don't think that you can dynamically change the stripeAccount header after initializing it at first

#waleed.bin.khalid