#kops_76861
languid crystal
Another issue is - when i pass the fontfamily as - ' "Gill Sans", sans-serif' still the payment widget is not using this.
cloud peak
Hello 👋
Server is a bit busy, give me a couple of minutes and I'll respond as soon as I can
languid crystal
Sure, take your time.
cloud peak
Klarna has limitations on merchant locations
https://stripe.com/docs/payments/klarna#:~:text=payment options%3A-,MERCHANT COUNTRY,-SUPPORTED CUSTOMER COUNTRIES
Only the merchant accounts in NZ can accept klarna payments from NZ customers and so on..
Afterpay has currency limitations
https://stripe.com/docs/payments/afterpay-clearpay#:~:text=STRIPE ACCOUNT AND CUSTOMER COUNTRY
languid crystal
For canada, am passing the country as CA, and the currency as CAD. But it is still not showing me afterpay
also klarna
cloud peak
When you say pass "country" as CA, where exactly?
AFAIK you need a Stripe account that's registered in that country and uses specified currency
Can you share the example PaymentIntent?
languid crystal
AFAIK you need a Stripe account that's registered in that country and uses specified currency
I mean then there will be multiple online accounts created isn't it.
If i want for each country
*When you say pass "country" as CA, where exactly? *
To the payment intent.
cloud peak
Yeah unfortunately there's no workaround for this.
The reason you're not seeing klarna and afterpay on the above PaymentIntent is because your test account is registered in the "US" but you're creating a cad PaymentIntent
In order for customers in Canada to pay using those payment methods, your account would have to be registered in "Canada" and use "cad" currency for the PaymentIntent
languid crystal
Thank you. Please can you also check this?
Another issue is - when i pass the fontfamily as - ' "Gill Sans", sans-serif' still the payment widget is not using this.
cloud peak
Can you share the code you're using to set the font?
languid crystal
const appearance = { theme: 'flat', variables: { fontFamily: ' "Gill Sans", sans-serif', fontLineHeight: '1.5', borderRadius: '10px', colorBackground: '#F6F8FA', colorPrimaryText: '#262626', }, rules: { '.Block': { backgroundColor: 'var(--colorBackground)', boxShadow: 'none', padding: '12px', }, '.Input': { padding: '12px' }, '.Input:disabled, .Input--invalid:disabled': { color: 'lightgray' }, '.Tab': { padding: '10px 12px 8px 12px', border: 'none' }, '.Tab:hover': { border: 'none', boxShadow: '0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 7px rgba(18, 42, 66, 0.04)' }, '.Tab--selected, .Tab--selected:focus, .Tab--selected:hover': { border: 'none', backgroundColor: '#fff', boxShadow: '0 0 0 1.5px var(--colorPrimaryText), 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 7px rgba(18, 42, 66, 0.04)' }, '.Label': { fontWeight: '500' } } }; const options = { layout: { type: 'accordion', defaultCollapsed: false, radios: true, spacedAccordionItems: false }, fields: {"billingDetails": "never"}, paymentMethodOrder: paymentMethodOrder, }; elements = stripe.elements({ appearance, clientSecret });
cloud peak
With the config you shared, I see the element like this
Is that not what you're seeing?
cloud peak
What browser are you using?
languid crystal
chrome
cloud peak
I see this with the whole object copied from your code above
Must be something in your app config overriding font somewhere
languid crystal
Mmm, i try to find that and come back to you. Thanks for help. Also, one more question, whenever i cancel the payment manually in klarna, i get the payment failed event instead of the cancelled event.
cloud peak
Also, one more question, whenever i cancel the payment manually in klarna, i get the payment failed event instead of the cancelled event.
Can you share example events of what you're expecting vs what you're receiving?
south barnBOT
cloud peak
I believe that's expected since you didn't really cancel it from your end as a merchant. Instead the customer cancelled it from their end
languid crystal
right, so the cancelled event is only for the merchant cancelled ?
Thanks for the input
cloud peak
From merchant perspective, the payment actually failed as the customer declined to pay.
If you as a merchant cancel the PaymentIntent by calling the API, then you'd likely get the cancelled event payment_intent.canceled