Akshay

[modern night]

Hello! We'll be with you shortly. 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.

• Akshay, 22 hours ago, 17 messages

[maiden herald]

Do you follow this doc for your integration? https://stripe.com/docs/payments/accept-a-payment?platform=web&ui=elements

[magic brook]

Yea

[maiden herald]

Is there any error when confirmPayment() function is excuted? Can you share your code?

[magic brook]

In network tab its showing unknown

[maiden herald]

Can you share the Payment Intent ID (pi_xxx) associated to the payment in the screenshot?

Is there any error in the console log?

[magic brook]

pi_30evBHFSVsPYhDti14NdNpLN

.

[maiden herald]

I don't find this pi_30evBHFSVsPYhDti14NdNpLN in our system. Can you share the request ID (req_xxx) which you create this payment intent? Here’s how you can find it: https://support.stripe.com/questions/finding-the-id-for-an-api-request

[shut anchor]

this is the request id req_oNKU90MAyG6aP4

[maiden herald]

Stripe doesn't receive the confirmation request for this pi_3OevBHFSVsPYhDti14NdNpLN. Did you set client secret correctly when initialising the Elements?

Can you share your public accessible development website, so that I can take a look?

[shut anchor]

it's still in local

[shut anchor]

we are able to see the paymentElement and add the card details also and once we click on pay
the status of confirm call is getting as undefind.

[maiden herald]

Is there any error in your console?

[magic brook]

No

No errors

Same client secret used in initializing payment element is being used when confirming payment

[maiden herald]

Can you share your code for initialising the elements, not payment element?

[shut anchor]

<div className={styles.container}>
{clientSecret && stripePublicKey ? (
<Elements
stripe={stripePromise}
options={{
clientSecret,
locale: localeValue,
}}
>
<div>{children}</div>
</Elements>
) : (
<h2>Error...</h2>
)}
</div>
is this is the one ?

<form id="payment-form" onSubmit={handleSubmit} className={styles.wrapper}>
<div
style={{
height: "20px",
}}
></div>
<PaymentElement
id="payment-element"
onChange={(e) => {
setSelectedPMType(e.value.type);
console.log("PaymentElement-change event", e);
}}
/>

        <Button
            disabled={isProcessing || !stripe || !elements}
            id="submit"
            className={styles.buttonContainer}
        >
            <span id="button-text">{buttonmessage}</span>
        </Button>
        {/* Show any error or success messages */}
        {message && <div id="payment-message">{message}</div>}
    </form>

[maiden herald]

I'm unable to replicate the issue as I have no visibility of your full code. Can you share the minimal code that reproduces the issue in https://codesandbox.io/, so that I can take a look?