#hayelom_code
inner otterBOT
👋 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/1219957352829288448
📝 Have more to share? Add more details, code, screenshots, videos, etc. below.
cursive lanceBOT
quick quail
hello
trim shadow
👋 happy to help
quick quail
i am currently creating a react native app that saves user card information and select when the are about to checkout
on payemnt details the have to select card
trim shadow
If you never save cards to a Customer and don’t allow returning Customers to reuse saved cards, you can omit the Customer and Customer Ephemeral Key objects from your integration.
so basically it's on by default if you're using ephemeral keys
quick quail
yes but the selection on the design(the requirement ) goes
- first save card on user profile
- display saved cards on user profile
3.during checkout or payment select the prefered card
4.intiate payment based on the card details
trim shadow
first save card on user profile
https://docs.stripe.com/payments/save-and-reuse?platform=react-native&mobile-ui=payment-element
display saved cards on user profile
https://docs.stripe.com/elements/customer-sheet
during checkout or payment select the prefered card
https://docs.stripe.com/payments/accept-a-payment?platform=react-native&mobile-ui=payment-element#react-native-add-server-endpoint
cursive lanceBOT
quick quail
i have followed all but the issue is i have to select
for example if i have two cards
4000056655665556
5200828282828210
i have to save 4000056655665556 as apple and 5200828282828210 as master card
later i have to select one of them then pay as you have seen form the image i shared
delicate horizon
if you use a customer and ephemeral key with the PaymentElement as decribed in the docs, the customer can pick the cards.
quick quail
i have this but the problem is the have to be selected and inject(fill) the card based on selection
quick quail
i have user profile page under the profile i have to add user cards that will be used with stripe .
then i have to cart page that have list of items.before checkout or order i have to select the payment cards i saved from my profile. based on those information user select cards they prefer to pay with
delicate horizon
well I'd suggest just redesigning it really! Just have a button that opens the PaymentSheet and then let the user pick their card and pay there, instad of trying to have them select it somewhere else
it already works well
but if you want to do it your way, maybe consider looking at https://docs.stripe.com/payments/accept-a-payment?platform=react-native&mobile-ui=payment-element#react-native-flowcontroller instead as a flow.
quick quail
it is simialr to those apps Wolt, Foodora, Uber Eats and Uber Taxi, Bolt Taxi.
you there?
delicate horizon
yep