#pawan_code

1 messages ¡ Page 1 of 1 (latest)

prisma archBOT
#

👋 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/1288785572499947544

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

Below are links to other discussions we've had with you in the past week in case you want to review that information. If your question is related to one of these previous discussions, please provide a comprehensive summary of the current state and what you need help with now. We help many users simultaneously, so a summary allows us to resolve your issue as soon as possible.

verbal hollow
#

What's the issue exactly?

tired delta
#

Hi @verbal hollow

#

Actually I am using stripe Payment Element & Able to See the Saved Card in my Checkout page from stripe End Let me know how can I select the Card and move forward to next page

#

I can Select the card But On Selection i want to get the PMid and All to complete the payment for selected card
How can We Detect the Event when click on the card selected

#

paymentElement.on('change', function(event) {
if (event.value.payment_method) {
// Control dynamic content if a saved payment method is selected
}
})

#

I already used it it's not trigrring the event

verbal hollow
#

What isn't triggering the event?

#

change event should fire if you select a saved payment method in the native Elements UI

tired delta
#

useEffect(() => {
if (elements) {
const paymentElement = elements ? elements.getElement('payment') : null
if (paymentElement) {
paymentElement.on('ready', () => {
paymentElement.on('change', async function (event) {
setShowPlaceOrderButton(true)
setShowReviewOrderButton(true)
setIsWallet(false)
if (event.complete) {
if (event?.value?.type === 'card') {
return await validateFormAndCreatePaymentMethod(elements)
} else {
setIsWallet(true)
setShowPlaceOrderButton(false)
setShowReviewOrderButton(false)
localStorage.setItem('paymentType', event?.value?.type)
return await updateBasket({
parameters: {basketId: basket?.basketId},
body: {
c_stripePaymentMethodID: event?.value?.type
}
})
}
}
})
})
}
}
}, [])

this I am using like this is it correct or not ?

#

for react application