paymentMethod.fundingSource always returns 'credit'

[fwebdev]

Summary
paymentMethod.fundingSource from Adyen Web Components (v6.28.0) always returns "credit" in onChange/state data, regardless of using credit, debit, or prepaid test cards. We need to distinguish credit vs debit vs prepaid for compliance, but cannot rely on fundingSource.

We added splitCardFundingSources: true to the Session POST in the Backend.

Choose different CreditCards from here:
https://docs.adyen.com/development-resources/test-cards-and-credentials/test-card-numbers

Environment

• Adyen Web Components: 6.28.0
• Integration: Sessions flow (web components)
• Component: Card (new Card(adyenCheckout, cardConf)), not checkout.create

onChange of the CardConf

onChange: function (state) {
    const fundingSource = state.data.paymentMethod.fundingSource;  
    console.log('Funding Source:', fundingSource); // always returns 'credit'
}

[m1aw]

Hey @fwebdev this indeed the case at the moment on Components, this configuration is meant to be used together with the Drop-in instead of standalone components.

For standalone components you can achieve this by passing fundingSource directly as a card component configuration.

I have reached out internally if this is a flow we want to support.

[fwebdev]

Thanks, would be good to at least clearify that in the Documentation. There are also several times Code Snippets for older Version pre V6 which makes it more complicated also.