[Report] Visual info of accepted cards

Test results

Test Case	Staging PLK ES	Staging BK ES	Staging BK PT
User should see the “Accepted cards” component on the “Add new card” section	Passed	Passed	Passed
User should NOT see the “Accepted cards” component on the payment method other options	Passed	Passed	Passed
User should see the new title "Card Details” on the “Add new card” section following Figma’s design	Passed	Passed	Passed
User should see the new title "Card Details” on the “Add new card section” translated according to the value set on Lokalise	Passed	Passed	Passed
User should see the cards icons on the “Add new card” section according to the accepted cards set on the LD by PSP - Paycomet	Passed	Passed	Passed
User should see the cards icons on the “Add new card” section according to the accepted cards set on the LD by PSP - Firstdata or Paymark	Passed	Passed	Passed
User should NOT see any blank space for the “Accepted cards” when there are no accepted cards set on LD	Passed	Passed	Passed
User should see the card icons L&F (size, position, alignment) according to Figma’s Design - Mobile	Passed	Passed	Passed
User should see the card icons L&F (size, position, alignment) according to Figma’s Design - Desktop	Passed	Passed	Passed

The icons are displayed according to PSP. E.g. PLK ES works with Paycomet. So it is necessary to configure the variation on the Launch Darkly platform to the list of accepted cards.
The icons are sorted by the order set on the LD.
The icons are already available in the design system and we re-used them. Also, some cards do not have the “gray frame”, e.g. Visa. If you need to change them, it is necessary to provide new icons.
As we have agreed before, if there are more icons than the list could fit in, we split in a new row.
As we can realize, the right padding (space) is bigger than the left side. Becoming the list with "align justify”, would be very to much complex since we do not have a large number of accepted cards.
PLK ES accepts Visa, Mastercard, American Express, Dinners, JCB and Union Pay.


PLK ES Paycoment - Desktop - 4 cards
PLK ES Paycoment - Desktop - a lot of cards
PLK ES Paycoment - Mobile - 4 cards
PLK ES Paycoment - Mobile - a lot of cards
BK PT Paycoment - Desktop - main cards
BK DE Paycoment - Desktop - a lot cards
BK DE Paycoment - Mobile - a lot cards