msy_code | Stripe Developers | Page 1

marble moonBOT Apr 3, 2025, 8:41 PM

#

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

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

#

bleak isle Apr 3, 2025, 8:42 PM

#

Hello, can you tell me more about what is happening here? Are we throwing an error when you pass us those options?

exotic wagon Apr 3, 2025, 8:42 PM

#

Well I'm getting no type-hinting from Visual studio code

#

I haven't tried to just pass them in anyway

bleak isle Apr 3, 2025, 8:43 PM

#

Can you try doing this anyway and see what happens? There are a lot of ways for intellisense to get out of sync with what is actually available

marble moonBOT Apr 3, 2025, 8:45 PM

#

exotic wagon Apr 3, 2025, 8:47 PM

#

bleak isle Can you try doing this anyway and see what happens? There are a lot of ways for ...

Forcing the options seems to not render the express checkout element at all.

#

One second, let me see if there are any load errors

#

I don't really get anything back other than a CORS error (when passing in the options that aren't available in the intellisense):

Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://www.sandbox.paypal.com/xoplatform/logger/api/logger?disableSetCookie=true. (Reason: CORS request did not succeed). Status code: (null).

bleak isle Apr 3, 2025, 8:51 PM

#

So the buttonTheme and wallets options are in autocomplete and work, but any other options make the ECE not show up at all?

exotic wagon Apr 3, 2025, 8:52 PM

#

bleak isle So the `buttonTheme` and `wallets` options are in autocomplete and work, but any...

Correct

bleak isle Apr 3, 2025, 8:52 PM

#

And if you remove those params again does the CORS error stay? I wouldn't expect those options to be able to affect anything CORS-wise

exotic wagon Apr 3, 2025, 8:53 PM

#

bleak isle And if you remove those params again does the CORS error stay? I wouldn't expect...

If you mean removing the one's that aren't available in the intellisense, the CORS error disappears

bleak isle Apr 3, 2025, 8:55 PM

#

Is this test site publicly accessible? Those options are working for me currently and are not causing any errors like that

exotic wagon Apr 3, 2025, 8:56 PM

#

Unfortunately not, I only have it as a local environment.

Can I verify if we have matching stripe versions?

    "@stripe/react-stripe-js": "^3.1.1",
    "@stripe/stripe-js": "^1.29.0",

bleak isle Apr 3, 2025, 9:03 PM

#

We aren't but that wouldn't effect what parameters are available or the CORS requirement in this case. If you can resolve the CORS error around the paypal sandbox, that may get the element to show. My guess is that one of those settings effects the paypal button's behavior. Can you try setting paypal to never to see if getting rid of that gets rid of the CORS error temporarily?

exotic wagon Apr 3, 2025, 9:06 PM

#

          options={{
            emailRequired: true,
            buttonTheme: { applePay: "black", googlePay: "black" },
            wallets: {
              applePay: "always",
              googlePay: "always",
              paypal: "never",
            },
            layout: { maxColumns: 2, maxRows: 2 },
          }}

It didn't stop the CORS error from showing, but I managed to get this:

Also note that the paypal parameter is also errored in the intellisense.

#

{
  "error": {
    "code": "parameter_missing",
    "doc_url": "https://stripe.com/docs/error-codes/parameter-missing",
    "message": "Missing required param: is_shipping_required.",
    "param": "is_shipping_required",
    "type": "invalid_request_error"
  }
}

delicate canopy Apr 3, 2025, 9:08 PM

#

Hi there! I'll be stepping in for Pompey here

#

that looks like a server-side error - where is it being surfaced? what action?

exotic wagon Apr 3, 2025, 9:15 PM

#

delicate canopy that looks like a server-side error - where is it being surfaced? what action?

  const onConfirm = async (event: StripeExpressCheckoutElementConfirmEvent) => {
    setError(null)
    try {
      if (!stripe || !elements) {
        setError("Payment processing not ready. Please try again.")

        return
      }

      await elements.submit().catch((err) => {
        console.error(err)
        setError(err.message || "An error occurred with the payment")

        return
      })
    } catch (err: any) {
      setError(err.message)
    }
  }

#

This is my onConfirm, if that's what you mean

delicate canopy Apr 3, 2025, 9:16 PM

#

That will work - did you log out any objects from that request? Like a PaymentIntent id?

exotic wagon Apr 3, 2025, 9:18 PM

#

delicate canopy That will work - did you log out any objects from that request? Like a PaymentIn...

I can do, which objects would help?

delicate canopy Apr 3, 2025, 9:22 PM

#

PaymentIntent would be enough

exotic wagon Apr 3, 2025, 9:35 PM

#

I don't think it runs onConfirm

exotic wagon Apr 3, 2025, 9:37 PM

#

delicate canopy PaymentIntent would be enough

Yeah it doesn't make it to onConfirm, it's as soon as I click on the button

delicate canopy Apr 3, 2025, 9:38 PM

#

That's okay - can I have your account id or literally any object id created on that account?

exotic wagon Apr 3, 2025, 9:40 PM

#

delicate canopy That's okay - can I have your account id or literally any object id created on t...

Where can i get this from

delicate canopy Apr 3, 2025, 9:40 PM

#

https://dashboard.stripe.com/settings/account

exotic wagon Apr 3, 2025, 9:41 PM

#

delicate canopy https://dashboard.stripe.com/settings/account

acct_1R9pAuBCIsGHwpVC

delicate canopy Apr 3, 2025, 9:48 PM

#

Yeah unfortunately those calls are not making it to us

#

I think this shouldn't be required but can you add the parameter below and try again? I'm hoping we can get a call that makes it to our API and then I can inspect what's going on a little more fully

https://docs.stripe.com/js/elements_object/create_express_checkout_element#express_checkout_element_create-options-shippingAddressRequired

exotic wagon Apr 3, 2025, 9:56 PM

#

delicate canopy I think this shouldn't be required but can you add the parameter below and try a...

I can make it to the paypal payment flow now. Are there any test accounts for paypal to simulate a successful payment?

delicate canopy Apr 3, 2025, 9:58 PM

#

here you go: https://docs.stripe.com/payments/paypal/accept-a-payment?web-or-mobile=web&payment-ui=stripe-hosted#test-integration

exotic wagon Apr 3, 2025, 9:59 PM

#

There are only failed scenarios there

delicate canopy Apr 3, 2025, 10:02 PM

#

Did you try a random/fake email address?

exotic wagon Apr 3, 2025, 10:03 PM

#

#

Yep

delicate canopy Apr 3, 2025, 10:03 PM

#

You are using testmode API keys, right?

exotic wagon Apr 3, 2025, 10:09 PM

#

Yeah they are all prefixed with sk_test/pk_test, from my sandbox environment

marble moonBOT Apr 3, 2025, 10:15 PM

#

sullen bone Apr 3, 2025, 10:19 PM

#

👋 Stepping in for my teammate here, give me a few minutes to catch up

#

You'll need to create a Paypal sandbox test account then use this during testing: https://docs.stripe.com/elements/express-checkout-element/accept-a-payment#paypal

exotic wagon Apr 3, 2025, 10:40 PM

#

sullen bone You'll need to create a Paypal sandbox test account then use this during testing...

I've managed to make the checkout complete, however I cannot find where I would allow users to select shipping rates in the express flow?

#msy_code