ShakeR | Stripe Developers | Page 1

pulsar quiverBOT Mar 2, 2023, 6:44 PM

#

steep epoch Mar 2, 2023, 6:45 PM

#

Hello! Can you share the code that's producing that error?

hidden pollen Mar 2, 2023, 6:47 PM

#

stripe.confirmPayment({
      elements,
      confirmParams: {
         // Return URL where the customer should be redirected after the PaymentIntent is confirmed.
         return_url: '<?= BASE_URL ?>/checkout-complete',
      },
      })
      .then(function(result) {
      if (result.error) {
         // Inform the customer that there was an error.
            document.getElementById('stripe_err_dom').style.display = 'block';
            document.getElementById('stripe_err_msg').innerText = result.error;
      }
   });```

#

Direct from your docs here: https://stripe.com/docs/js/payment_intents/confirm_payment

Stripe JS Reference

steep epoch Mar 2, 2023, 6:49 PM

#

My guess is elements isn't an object. If you log out elements just before that code what do you see?

hidden pollen Mar 2, 2023, 6:49 PM

#

const elements = stripe.elements({ clientSecret, appearance });

#

steep epoch Mar 2, 2023, 6:51 PM

#

Hm, that's not it. What does return_url: '<?= BASE_URL ?>/checkout-complete', turn into?

hidden pollen Mar 2, 2023, 6:51 PM

#

A full URL string

steep epoch Mar 2, 2023, 6:51 PM

#

It's valid? Doesn't contain any ' characters or anything?

hidden pollen Mar 2, 2023, 6:52 PM

#

Same result using this:

steep epoch Mar 2, 2023, 6:53 PM

#

You're sure this is the code being run? If you add a breakpoint in the browser do you see anything amiss?

hidden pollen Mar 2, 2023, 6:53 PM

#

100% The log posted above is right above this block.

#

I'll drop a log inside the function to be sure

#

Bah, nvm can't

steep epoch Mar 2, 2023, 6:54 PM

#

Do the line numbers match up? Like on the error, it should point you to a specific line, is it pointing you to this code?

hidden pollen Mar 2, 2023, 6:56 PM

#

The line is inside Stripe's JS

steep epoch Mar 2, 2023, 6:57 PM

#

That onClick seems to be pointing to line 1... is the code minified?

hidden pollen Mar 2, 2023, 6:58 PM

#

It's Stripe's code, yes

steep epoch Mar 2, 2023, 6:58 PM

#

The onClick is in your code.

#

The last line of that trace.

hidden pollen Mar 2, 2023, 6:58 PM

#

Gotcha. Stand by

#

Where should the stripe.confirmPayment() function live relative to initialize()?

#

Has to be inside right?

steep epoch Mar 2, 2023, 7:02 PM

#

Which initialize() are you referring to?

hidden pollen Mar 2, 2023, 7:03 PM

#

steep epoch Mar 2, 2023, 7:04 PM

#

Oh, I think I understand the issue now. stripe.confirmPayment should be hooked up to your buy button. It should run after someone has filled out the Payment Element and they're ready to pay.

hidden pollen Mar 2, 2023, 7:05 PM

#

Yeah. Dawning as well...

steep epoch Mar 2, 2023, 7:05 PM

#

You're running it immediately after mounting the Payment Element, so it's not fully initialized yet and there's no chance to enter payment info.

hidden pollen Mar 2, 2023, 7:05 PM

#

How to keep elements inside scope of confirmpayment? It's undefined outside of initialize.

steep epoch Mar 2, 2023, 7:06 PM

#

This seems like an opportunity for us to improve that error message. 😅

hidden pollen Mar 2, 2023, 7:06 PM

#

Nah, it's mostly me sucking at JS. Biggest help would be more than just a bare snippet in the docs.

steep epoch Mar 2, 2023, 7:06 PM

#

The initialize() part is your own code, not Stripe's. You can handle that however you want.

#

We have a guide here: https://stripe.com/docs/payments/accept-a-payment?platform=web&ui=elements

#

And a quickstart here: https://stripe.com/docs/payments/quickstart

hidden pollen Mar 2, 2023, 7:08 PM

#

Gotcha. I caught that a few months ago and forgot about it. Always fighting b/w the "Docs" portion of your support and the "API". Thanks for your help. Should have it from here.

#ShakeR