#liz_unexpected

1 messages ¡ Page 1 of 1 (latest)

novel haloBOT
#

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

📝 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.

cold ocean
#

Here's a screenshot of the state I get myself into:

image_720.png
#

I can't clear that error because I can't get a hold of the confirm cvc box

static flicker
#

Is your question about how to get notified when the card details (i.e., cvc) isn't complete?

cold ocean
#

Yeah so I have an onChange on the paymentElement that usually fires when these fields change. When I change that field I am having a hard time getting a hold of information about it going from invalid -> valid

#

So I want to know how I can do that

#

When the field is in an error state (it's empty) the paymentElement is marked as complete even though there is an error. So when I complete cvc confirmation the paymentElement is still complete and I don't get feedback that anything changed

static flicker
cold ocean
#

That's not what I'm seeing:

image.png
#

That log is logging the event from the on change here:
if (paymentElement) {
this.setState({ paymentElement });
paymentElement.on('change', (event) => {
this.setState({ paymentElementStatus: event });
});
}

#

I should mention that this only gets into this state when I use link

#

we have a payment element and if I fill that out without using link the payment element status is false when the cvc is missing

static flicker
#

"status is false" -> do you mean "complete is false" ?

#

And what element do you use to render the "Confirm CVC" field?

cold ocean
#

We don't specifically render it. It shows up when I used link. The only two elements we intentionally render are the paymentElement and linkAuthenticationElement

static flicker
#

Is there a public URL that I can visit to check your integration in test mode?

cold ocean
#

We do have public urls for production. would that work?

#

I'm guessing no because it's not test

static flicker
#

No I can't perform test in live mode.

#

Let me see if I can reproduce the same problem in my own setup.

static flicker
#

OK, I think you should call the elements.submitt in the button click handler, not based on the complete status.