inv2004 | Stripe Developers | Page 1

knotty pastureBOT Oct 17, 2023, 6:46 PM

#

versed horizon Oct 17, 2023, 6:47 PM

#

What are you trying to accomplish, exactly?

ripe river Oct 17, 2023, 6:48 PM

#

We use the usePaymentSheet but it confuses users that it allows to select one of the available cards and close it. But, looks like, the usePaymentSheet does not provide any information about the card was selected

#

We are trying to understand:

if we can find any workaround with the current usePaymentSheet which is about ok, except it confuses users which the "select card" which is really not "select card"
Should we do something else to avoid the problem

versed horizon Oct 17, 2023, 6:51 PM

#

What does that have to do with editing? Are you trying to present existing payment methods for selection?

ripe river Oct 17, 2023, 6:54 PM

#

... and to find which method is selected in the dialog

#

#

The blue mark makes user thinks that is payment card dialog

versed horizon Oct 17, 2023, 6:56 PM

#

Right, so my understanding is that you need to retrieve the payment or setup intent to inspect this
https://stripe.dev/stripe-react-native/api-reference/index.html#retrievePaymentIntent

@stripe/stripe-react-native

Documentation for @stripe/stripe-react-native

ripe river Oct 17, 2023, 6:57 PM

#

We have no payment intent at the moment yet

versed horizon Oct 17, 2023, 6:57 PM

#

Alternatively, you might want to explore our beta for Customer Sheet: https://stripe.com/docs/elements/customer-sheet?platform=react-native

Integrate the Customer Sheet

Offer a prebuilt UI for your customers to manage their saved payment methods.

ripe river Oct 17, 2023, 6:59 PM

#

To save some time: Is it possible to extract current selected card from the usePaymentSheet via webhooks ?

#

What is the "old" method for editing cards ? Not integrated with final payment and payment intent

versed horizon Oct 17, 2023, 7:01 PM

#

You've said "editing" cards again and I don't know what you mean by that.

ripe river Oct 17, 2023, 7:02 PM

#

You can click "add" or "edit" one the current cards in the dialog

versed horizon Oct 17, 2023, 7:02 PM

#

ripe river To save some time: Is it possible to extract current selected card from the `use...

After payment, sure, the payment_method would be included on the payment intent events (like payment_intent.succeeded)

#

Ah, seems like you might already be using customer sheet then?

ripe river Oct 17, 2023, 7:03 PM

#

It looks pretty similar. We use usePaymentSheet

#

But to highlight - we do not have payment intent at the moment yet

versed horizon Oct 17, 2023, 7:05 PM

#

What do you have? Can you share more about your flow and provide an example/sketch of the sequence here?

ripe river Oct 17, 2023, 7:10 PM

#

I can write it here:

We do not have PI at the moment
We have booking page with the list of customer's availbale cards
User can select any card on our own page and we will create PI after it

Another flow:

For example user have card1
The page contains "add card" button which creates the dialog I mentioned. And user want to add card2
He added the card2 in your dialog and it is highligted with the blue mark
he clicks "set up" to return to the prev screen and necessary to select card one more time, but user thought he did it in prev dialog

#

our screen:

[Your cards]
[ card1 [x]]
[ card2 [ ]]
["add card"]
[Book hotel]

#

if he clicks the "add card" the usePaymentSheet appears, he adds card3, selects it, clicks "Ok", but then the card1 is still active on our screen

knotty pastureBOT Oct 17, 2023, 7:43 PM

#

versed horizon Oct 17, 2023, 7:51 PM

#

In the first flow, that sounds like your own UI then to present payment methods? I'm not clear on how that relates to the payment sheet (which only exists for a setup or payment flow)

#inv2004