@autobusal/routes-order 1.34.1 → 1.34.2

package/CHANGELOG.md

@@ -1,3 +1,7 @@
+## 1.34.2 - 2026-08-29
+
+- With more than one card gateway available, each Credit Card button carries its processor's name - they used to render byte-identical (audit A0-06).
+
 # Changelog
 
 ## 1.34.0 (2026-08-29)

package/Step5/Payments/Payments.tsx

@@ -42,6 +42,22 @@ const Payments = ({ selected, isPartner, routeId, total, currency, t, onChange }
 
   const available = getAvailablePayments(data, isPartner);
 
+  /*
+   * Claude - 2026-08-29 (audit A0-06, medium): a brand with several card
+   * gateways rendered N byte-identical "Credit Card" buttons - same icon,
+   * same words - so the buyer could not tell the options apart (and could
+   * not know which processor's surcharge they were accepting). With more
+   * than one card option each button now carries its processor's name;
+   * a single card gateway keeps the plain label it always had.
+   */
+  const CARD_GATEWAYS = ['bkt', 'stripe', 'mollie', 'raiffeisen', 'nexi'] as const;
+  const cardCount = isPartner ? CARD_GATEWAYS.length : CARD_GATEWAYS.filter(gateway => data?.[gateway]).length;
+  const CARD_NAMES: Record<string, string> = { bkt: 'BKT', stripe: 'Stripe', mollie: 'Mollie', raiffeisen: 'Raiffeisen', nexi: 'Nexi' };
+  const cardLabel = (gateway: string): string => (
+    cardCount > 1 ? `${ t('routes_order.step5.actions.card') } (${ CARD_NAMES[gateway] })` : t('routes_order.step5.actions.card')
+  );
+
+
   useEffect(() => {
     if (isSuccess) {
       const found = Object.keys(data).find(item => {
@@ -121,35 +137,35 @@ const Payments = ({ selected, isPartner, routeId, total, currency, t, onChange }
           { (data?.bkt || isPartner) && (
             <ButtonPayment type="button" $selected={ selected === 'bkt' } onClick={ () => onChange('bkt') }>
               <AiOutlineCreditCard />
-              { t('routes_order.step5.actions.card') }{ fee('bkt') }
+              { cardLabel('bkt') }{ fee('bkt') }
             </ButtonPayment>
           ) }
 
           { (data?.stripe || isPartner) && (
             <ButtonPayment type="button" $selected={ selected === 'stripe' } onClick={ () => onChange('stripe') }>
               <AiOutlineCreditCard />
-              { t('routes_order.step5.actions.card') }{ fee('stripe') }
+              { cardLabel('stripe') }{ fee('stripe') }
             </ButtonPayment>
           ) }
 
           { (data?.mollie || isPartner) && (
             <ButtonPayment type="button" $selected={ selected === 'mollie' } onClick={ () => onChange('mollie') }>
               <AiOutlineCreditCard />
-              { t('routes_order.step5.actions.card') }{ fee('mollie') }
+              { cardLabel('mollie') }{ fee('mollie') }
             </ButtonPayment>
           ) }
 
           { (data?.raiffeisen || isPartner) && (
             <ButtonPayment type="button" $selected={ selected === 'raiffeisen' } onClick={ () => onChange('raiffeisen') }>
               <AiOutlineCreditCard />
-              { t('routes_order.step5.actions.card') }{ fee('raiffeisen') }
+              { cardLabel('raiffeisen') }{ fee('raiffeisen') }
             </ButtonPayment>
           ) }
 
           { (data?.nexi || isPartner) && (
             <ButtonPayment type="button" $selected={ selected === 'nexi' } onClick={ () => onChange('nexi') }>
               <AiOutlineCreditCard />
-              { t('routes_order.step5.actions.card') }{ fee('nexi') }
+              { cardLabel('nexi') }{ fee('nexi') }
             </ButtonPayment>
           ) }
         </ContainerPayments>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@autobusal/routes-order",
-  "version": "1.34.1",
+  "version": "1.34.2",
   "author": "Ferjolt Ozuni",
   "type": "module",
   "main": "index.ts"