#Arvind-RN-presentPaymentSheet

1 messages · Page 1 of 1 (latest)

royal raft
#

Hello 👋
Give me a moment to catch up here, thanks 🙂

supple garnet
#

sure, thanks.

royal raft
#

what are you seeing in the console.log exactly?

supple garnet
#

nothing, I am not getting any response.

#

‘customerId’: 'cus_Lpm6jlzHUcaZGp',
‘ephemeralKey’: 'ek_test_YWNjdF8xS2t0NE1ITVBkTkMyVEJwLGdXOUljbldHYnpsME16VlBhdE9tTGNGZlZybjBoYjA_00sr1acIL9',
‘client_secret’: 'pi_3L86YGQgu4cmnu1z0BCgt8d9_secret_H6hrJjX7woBkmWnGVPowlRVVN',

#

these are the details of my param

royal raft
#

You're not passing customFlow: true in the params

supple garnet
#

that's optional right?

royal raft
#

It is but you linked a specific section from the doc, that would require it.

supple garnet
#

okay let me try this

#

no, it's still not working. response or error is not getting excuted.

royal raft
#

Interesting, so your code basically fetches required information from the backend and is just not doing anything past initPaymentSheet()? is that correct?

supple garnet
#

yes correct

#

in react native SDK, for initialisation method code is as below,

#

initPaymentSheet: (params: PaymentSheet.SetupParams) => Promise<InitPaymentSheetResult>;

#

where setup params is

#

export declare type SetupParams = ClientSecretParams & GooglePayParams & ApplePayParams & { customerId?: string; customerEphemeralKeySecret?: string; customFlow?: boolean; merchantDisplayName?: string; style?: 'alwaysLight' | 'alwaysDark' | 'automatic'; returnURL?: string; primaryButtonColor?: string; defaultBillingDetails?: BillingDetails; allowsDelayedPaymentMethods?: boolean;};

royal raft
#

can you format it as code block by using backticks(" ")?
Would be much easier to read 🙂

supple garnet
#

Please look on this one

#

this screen shot is of the stripe SKD code

royal raft
#

Hmm thinking

#

can you share the code from your component? What does it look like exactly?

supple garnet
#

Payment intent I am getting successfully

#

but the problem is I am not getting any response from initPaymentSheet method

royal raft
#

so you're seeing the console.log on line 200 but nothing afterwards?

supple garnet
#

yes correct

royal raft
#
  • are you testing this on android or iOS?
  • Does it work on either of them?
  • can you share your package.json file?
supple garnet
#

I am trying to run it on Android device, In iOS I am facing M1 chip issue to run, that is another issue apart from this.

#

I'll post separate question for that.

royal raft
#

How are you initializing <StripeProvider> ?

supple garnet
royal raft
#

Okay I've looked at the information you've provided so far.
I'm not seeing anything jump up to me as the code you have is abstracted. It seems like you initialize Stripe on a button click and then it triggers other functions.

I would recommend initializing Stripe at the root component

#

The issue definitely seems like its related to component hierarchy

supple garnet
#

Actually that will not cause any issue because according to doc we can use "initStripe" for initialisation. And I have tried to use it earlier also for confirmPayment and createPaymentMethod where it was working fine and was able to do payment successful.

#

But the problem was that, I was using CardField. And we want custom UI, and CardField is not customizable.

royal raft
#

I see. Seems like this would require a deeper look.
Can you write into support and provide as many as details as you can such as example code etc.

I'd recommend sharing a minimal test project/app that can help us reproduce the issue that you're seeing. Also, make sure to mention that you spoke with Hanzo on discord.

Our team will look into it and respond as soon as possible.
https://support.stripe.com/?contact=true