@autobusal/routes-order 1.37.2 → 1.37.4

package/Schedule/styles.ts

@@ -13,6 +13,11 @@ export const Container = styled.section`
 export const Table = styled.table`
   width: 100%;
   border-collapse: collapse;
+
+  /* Ferjolt, 2026-09-07: striped rows, so a wide table can be read across */
+  tbody tr:nth-of-type(even) td {
+    background: ${ props => props.theme.background.normal };
+  }
   min-width: 620px;
 
   /*

package/Step5/Payments/Payments.tsx

@@ -56,9 +56,9 @@ const Payments = ({ selected, isPartner, routeId, total, currency, t, onChange }
    * 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 CARD_GATEWAYS = ['bkt', 'stripe', 'mollie', 'raiffeisen', 'nexi', 'mgpay'] 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 CARD_NAMES: Record<string, string> = { bkt: 'BKT', stripe: 'Stripe', mollie: 'Mollie', raiffeisen: 'Raiffeisen', nexi: 'Nexi', mgpay: 'Magus Pay' };
   const cardLabel = (gateway: string): string => (
     cardCount > 1 ? `${ t('routes_order.step5.actions.card') } (${ CARD_NAMES[gateway] })` : t('routes_order.step5.actions.card')
   );
@@ -194,6 +194,14 @@ const Payments = ({ selected, isPartner, routeId, total, currency, t, onChange }
               { cardLabel('nexi') }{ fee('nexi') }
             </ButtonPayment>
           ) }
+          { /* Claude - 2026-09-07: the Magus Pay Hub - hosted checkout on
+               pay.magusgroup.al, settled by its signed notification */ }
+          { (data?.mgpay || isPartner) && (
+            <ButtonPayment type="button" $selected={ selected === 'mgpay' } onClick={ () => onChange('mgpay') }>
+              <AiOutlineCreditCard />
+              { cardLabel('mgpay') }{ fee('mgpay') }
+            </ButtonPayment>
+          ) }
         </ContainerPayments>
       </Container>
     </>

package/Step5/utilities.ts

@@ -74,6 +74,7 @@ export const getAvailablePayments = (data?: ActionData, isPartner = false): stri
   if (data.mollie || isPartner) { available.push('mollie'); }
   if (data.raiffeisen || isPartner) { available.push('raiffeisen'); }
   if (data.nexi || isPartner) { available.push('nexi'); }
+  if (data.mgpay || isPartner) { available.push('mgpay'); }
 
   return available;
 };

package/package.json

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

package/types.ts

@@ -48,6 +48,7 @@ export interface ActionData {
   mollie: boolean
   raiffeisen: boolean
   nexi: boolean
+  mgpay: boolean
   /**
    * The card surcharge each gateway carries on this brand, as a PERCENTAGE
    * (5 means 5%) - see obtapi Payments\Surcharge.
@@ -56,7 +57,7 @@ export interface ActionData {
    * obtapi does not send it, and a brand on a mixed deploy must show no
    * surcharge rather than NaN.
    */
-  surcharges?: Partial<Record<'bkt' | 'stripe' | 'mollie' | 'raiffeisen' | 'nexi', number>>
+  surcharges?: Partial<Record<'bkt' | 'stripe' | 'mollie' | 'raiffeisen' | 'nexi' | 'mgpay', number>>
 }
 
 export interface SaveData {