arden-malikb_code

[wind ginkgo]

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

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

[jagged inlet]

hello! looking into this, give me a while

[north garnet]

Yes Sure

[jagged inlet]

is this what you're looking for?

• https://docs.stripe.com/co-badged-cards-compliance?type=custom-integration#available-networks-for-card-numbers
• https://docs.stripe.com/co-badged-cards-compliance?type=custom-integration#pass-network-preference-to-api

[north garnet]

Yes I want to implement the Co-badged cards compliance in my project, And I have gone through the documents

But didnt got the solution regarding my issue

I want to know where we can pass the network which the user has selected

[jagged inlet]

you said you're calling the payment_method API from the front end, this example here mentions which parameter it should be passed in. I'm a little confused about which part in the doc doesn't solve the issue?

ah, i see, you want to pass it in from your frontend is that right?

[north garnet]

yes True I want to pass the preferred network from the front end side

You can also give me the alternate solution for this as if it is possible to pass the network in the PaymentIntent API which is being called from the Backend

Here is how are are creating the cardElement

Here is how we are passing in the payment_method API

[jagged inlet]

hrm, I think it should be automatically included by default when you create the payment method with the split card element if you've enabled customer card brand choice in the Split Card Element

I don't see you including the showIcon parameter? https://docs.stripe.com/js/elements_object/create_element?type=cardNumber#elements_create-options-showIcon

for reference : https://docs.stripe.com/co-badged-cards-compliance?type=web-elements&ui=card-element#enablement

[north garnet]

But I need to pass the network selection in the payment method right ?

[jagged inlet]

can you try without passing in the network selection in the payment method first and look at the PaymentMethod to see if it exists on the payment method?

[north garnet]

So can i send you the payload and the response when i call the payment_method API ?

[north garnet]

As now I am not passing the network selection in the payment_method API

As now I am getting the availble networks from the payment_method API and showing it

[jagged inlet]

what's the code snippet that you're using, when you mention As now I am getting the availble networks from the payment_method API and showing it?

[north garnet]

Here is the code

[jagged inlet]

why aren't you using the split card element to display the card brand choice?

[north garnet]

I am using custom implementation so how to use it ?

I have Done this

[jagged inlet]

https://docs.stripe.com/co-badged-cards-compliance?type=web-elements&ui=card-element#enablement - To enable customer card brand choice in the Split Card Element, set showIcon to true.

[north garnet]

Entering the card number I am only getting this

But cannot select the network

[jagged inlet]

https://docs.stripe.com/co-badged-cards-compliance?type=web-elements&ui=card-element#enablement - To enable customer card brand choice in the Split Card Element, set showIcon to true.

[north garnet]

I have done this sir

here is the code

I an also see the card Icon

But i cannot choose

[jagged inlet]

which country is your Stripe account?

Can you share your account id ? You can find your account id by logging in to https://dashboard.stripe.com/settings/account. It'll look like acct_123

[north garnet]

Here you can see in the testing card we haev 2 availabe networks

[jagged inlet]

which country is your Stripe account?
Can you share your account id ? You can find your account id by logging in to https://dashboard.stripe.com/settings/account. It'll look like acct_123

[north garnet]

Wait a second

ACCOUNT-Id: acct_1BgW60AxM6PlJmXY

[north garnet]

Its in USD

[jagged inlet]

then that's why it's not showing. You need to have a Stripe account that's also based in the European Economic Area (EEA)

your account is based in the US

[north garnet]

ok so I need to create a stripe account based in the European Economic Area (EEA)?

And check it with I am getting the selection !

[jagged inlet]

yep

[north garnet]

can u give me one more clarity

wait I am sending you the Screenshot

[north garnet]

Here is the details I am adding and i can see the Icon Cartes Bancaires

Here is the payload of the Payment_Method API

Here is the response

Soo I can see that there are 2 available networks with this card number

the card number I have added is the one which Stripe gives to test

And the available networks Come based on the card number which we enter

Am i right ?

[sharp zodiac]

Hi! I'm taking over from my colleague. Please, give me a moment to catch up.

[north garnet]

Yes sure @sharp zodiac

[sharp zodiac]

Correct.

[north garnet]

As i entered the card number I should have been got the selection of the networks as I have made changes to show the icon

as per your colleague @jagged inlet said

If you need more detailed information about the code and how the flow is going i can also provide it

[sharp zodiac]

Where is your Stripe account based?

[north garnet]

I am an developer. And I got the stripe account from our client for the testing purpose and it is based on USD

But how can I know if just adding the show Icon as true will give the selection for the networks ?

[sharp zodiac]

Is the account based in the US?

[north garnet]

Yes

Here is my ACCOUNT-Id: acct_1BgW60AxM6PlJmXY

[sharp zodiac]

It's only available for accounts in EEA: https://docs.stripe.com/co-badged-cards-compliance?type=checkout-payment-links#when-reglation-applies

[north garnet]

If the client has added the accout which is in EEA then the selection will come in the place of icon ?

is it true ?

[sharp zodiac]

Yes, but it is best to check.

[north garnet]

This are the available networks I am receiving, I want to know about the next steps, when the user selects the network and click for the payment

Previously we are calling the payment_method API from the front-end side and getting the ID from it and then we passs the id to the backend and they are calling the Payment_Intent API

So now as per the new flow and our implementation I didnt get any reference how to make payment as per the user's network selection

[sharp zodiac]

You don't need to do any extra steps in your integration as long as you see the network selector

[north garnet]

Soo If i am just doing this, it will automatically show the available networks ?

[sharp zodiac]

It is very easy to create a Stripe Account for yourself. I recommend you to create one in EEA, e.g. Germany, and test this out for yourself, rather than trying to have all the questions answered via chat. This way you will know for sure.

[north garnet]

How to create the account in EEA

[sharp zodiac]

https://docs.stripe.com/get-started/account

[north garnet]

Ok thank you Ill let you know if there is any query

[sharp zodiac]

Happy to help.

[north garnet]

🙂