an2one_payment-element-locale | Stripe Developers | Page 1

gilded monolithBOT May 31, 2024, 7:53 AM

#

👋 Welcome to your new thread!

⏲️ We'll be here soon! We typically respond in a few minutes, but in some cases we might need a bit more time (e.g., server's busy, you've got a complex question, etc.).

⏱️ We close idle threads, which makes them read-only. Once a thread is closed it won't be reopened, but you can 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/1246008578146304000

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

worthy mantle May 31, 2024, 7:57 AM

#

hello! give us a while to look into this!

gilded monolithBOT May 31, 2024, 7:58 AM

#

steady bone May 31, 2024, 8:00 AM

#

Hi

Info modal's payment terms text has not been translated to Italian. The rest content of the modal has been translated. How to fix it?
What is the local of your browser ?

#

Otherwise, you can initialize the Stripe client and setting a local:
https://docs.stripe.com/js/appendix/supported_locales

cunning tree May 31, 2024, 8:01 AM

#

steady bone Hi > Info modal's payment terms text has not been translated to Italian. The res...

pl-PL

steady bone May 31, 2024, 8:02 AM

#

Stripe Element pickes the local of the browser

cunning tree May 31, 2024, 8:04 AM

#

There is no polish in the modal, Most of the text is translated to Italian and the text below about terms is in english. Moreover every different locale works as expected.

cunning tree May 31, 2024, 8:06 AM

#

steady bone Otherwise, you can initialize the Stripe client and setting a local: <https://do...

How to do it in a Next.js app?

steady bone May 31, 2024, 8:09 AM

#

Can you share a screenshot please ?

steady bone May 31, 2024, 8:12 AM

#

cunning tree How to do it in a Next.js app?

You can do something like this:

const stripePromise = loadStripe("pk_test_...",
  {
    locale: "IT"
  }
);

cunning tree May 31, 2024, 8:12 AM

#

steady bone Can you share a screenshot please ?

cunning tree May 31, 2024, 8:15 AM

#

steady bone You can do something like this: ``` const stripePromise = loadStripe("pk_test_....

Same result

steady bone May 31, 2024, 8:15 AM

#

I see, can you try the solution I shared above ?

cunning tree May 31, 2024, 8:15 AM

#

cunning tree Same result

.

steady bone May 31, 2024, 8:15 AM

#

cunning tree Same result

I just made a test and it works fine

#

Are you using the latest Stripe SDK in your frontend ?

cunning tree May 31, 2024, 8:17 AM

#

"dependencies": {
"@stripe/react-stripe-js": "^2.7.1",
"@stripe/stripe-js": "^1.53.0",
}

Do you need entire package.json?

steady bone May 31, 2024, 8:18 AM

#

Let me check those versions

#

Not able to reproduce neither

#

Do you have a hosted page for your website that we can reproduce ?

cunning tree May 31, 2024, 8:23 AM

#

We've got production page but it's not available right now because of internal reasons, maybe I can provide you needed information in different way? Do you need more code or DOM structure?

steady bone May 31, 2024, 8:31 AM

#

Can you download this sample project:
https://docs.stripe.com/payments/quickstart?client=react&lang=node
Make the necessary and minimal update to add the modal, and then share it back with me here in order to reproduce

cunning tree May 31, 2024, 8:39 AM

#

Working on that

steady bone May 31, 2024, 8:47 AM

#

Great, now you need to find the difference between that and your integration

#

Are you forcing the locale elsewhere in your integration ?

gilded monolithBOT May 31, 2024, 8:59 AM

#

an2one_payment-element-locale

cunning tree May 31, 2024, 9:01 AM

#

Ok here we have project where you can see lack of translation

📎 klarna.zip

#

noble belfry May 31, 2024, 9:02 AM

#

👋 taking over for my colleague. Let me catch up.

#

would you mind sharing the PaymentIntent ID you're using?

cunning tree May 31, 2024, 9:06 AM

#

It would be better not sharing but if it's inpossible to reproduce without it let's share

noble belfry May 31, 2024, 9:07 AM

#

it's just an ID, no one have access to your data unless you share your secret key

#

so you don't have to worry

cunning tree May 31, 2024, 9:07 AM

#

Ok

cunning tree May 31, 2024, 9:41 AM

#

@noble belfry @steady bone Any progress?

noble belfry May 31, 2024, 9:42 AM

#

you didn't share your PaymentIntent ID

cunning tree May 31, 2024, 9:50 AM

#

Oh I thought that this is PaymentIntent ID, isn't it?

    "pk_test_51MBxq1HBPGE0Qd1QkoMXlmV0fLxA3ExNOKNsD4R1gc31tIuBxNG8oVSgdlLwwLiQy2MxsF1OhuaBgr9gTMfmDBMh00ynZThDfZ",
    {
      locale: "it-IT",
    }
  );```

zenith sphinx May 31, 2024, 9:50 AM

#

hi! I'm taking over this thread.

#

that's your publishable API key. The PaymentIntent ID starts with pi_xxx, and can be found in your Stirpe dashboard

cunning tree May 31, 2024, 9:52 AM

#

And why actually you need this id? Mentioned popup is rendered without it

zenith sphinx May 31, 2024, 9:55 AM

#

are you using the deferred intent flow, where you don't use a PaymentIntent to rendrer the Payment Element?

cunning tree May 31, 2024, 9:56 AM

#

cunning tree

Probably yes, you can see on the screenshot that this is about Klarna's installment

zenith sphinx May 31, 2024, 9:57 AM

#

can you share your frontent code?

cunning tree May 31, 2024, 9:58 AM

#

cunning tree Ok here we have project where you can see lack of translation

I already shared it here

zenith sphinx May 31, 2024, 9:59 AM

#

having a look

#

I don't see anything wrong with your code. so I recommend contacting Stripe support about this: https://support.stripe.com/contact
make sure to include all relevant information (code, screenshots, etc.)

cunning tree May 31, 2024, 10:07 AM

#

But are you able to reproduce this issue? Can you see english text at the bottom?

#an2one_payment-element-locale