@bytebrand/fe-ui-core-autobahn 1.0.97 → 1.0.98

package/cards/cardParts.tsx

@@ -939,6 +939,8 @@ export const PricePaths: React.FunctionComponent<PricePathsProps> = ({ car, t, c
   const finFirstInstallment =
     car.finFirstInstallment != null ? car.finFirstInstallment.toLocaleString('de-DE') : _finFirstInstallment;
   const finMonths = car.finMonths ?? _finMonths;
+  const leasFirstInstallment =
+    car.leaseFirstInstallment != null ? car.leaseFirstInstallment.toLocaleString('de-DE') : _leasFirstInstallment;
   const leasMileage = car.leaseMileage ?? _leasMileage;
   const leasMonths = car.leaseMonths ?? _leasPeriod;
   const hasLeasTerms = Boolean(leasMileage && leasMonths);
@@ -979,14 +981,17 @@ export const PricePaths: React.FunctionComponent<PricePathsProps> = ({ car, t, c
           <PpRow label={t('autobahn:card.price.leasing')} value={car.lease as number} unit="mtl." />
           {hasLeasTerms && (
             <div className="pp-sub-terms">
-              {/* mockup drops the Sonderzahlung figure entirely here (unlike the shared
-                  leaseTerms key mobile/VDP use) and swaps the order to mileage-first —
-                  a dedicated key, not a rework of leaseTerms, so those other callers
-                  keep their own reviewed wording untouched. */}
-              {t('autobahn:card.price.leaseTermsCompact', {
-                months: leasMonths,
+              {/* dedicated keys (not a rework of leaseTerms) so mobile/VDP's own reviewed
+                  wording there stays untouched, but includes the same Sonderzahlung figure.
+                  Split across two lines with an explicit <br/> (column is too narrow for all
+                  three figures + Details on one line) — forced right after km/Jahr so "36" and
+                  "Mon." always land on the same line instead of an awkward mid-number wrap. */}
+              {t('autobahn:card.price.leaseTermsCompactLine1', {
+                firstInstallment: leasFirstInstallment,
                 mileage: leasMileageStr,
-              })}{' '}
+              })}{' · '}
+              <br />
+              {t('autobahn:card.price.leaseTermsCompactLine2', { months: leasMonths })}{' '}
               · {detailsLink('leasing')}
             </div>
           )}

package/locales/de/autobahn.json

@@ -12,7 +12,8 @@
       "financeTerms": "{{firstInstallment}} € Anzahlung · {{months}} Monate",
       "financeTerms_plural": "{{firstInstallment}} € Anzahlung · {{months}} Monate",
       "leaseTerms": "{{firstInstallment}} € Sonderzahlung · {{months}} Mon. · {{mileage}} km/Jahr",
-      "leaseTermsCompact": "{{mileage}} km/Jahr · {{months}} Monate",
+      "leaseTermsCompactLine1": "{{firstInstallment}} € Sonderzahlung · {{mileage}} km/Jahr",
+      "leaseTermsCompactLine2": "{{months}} Mon.",
       "detailsLink": "Details",
       "uvpRateLabel": "UVP-Rate",
       "uvpRateTooltipBody": "Rechnerische Vergleichsrate auf Basis der unverbindlichen Preisempfehlung des Herstellers und mit denselben Finanzierungsparametern wie das Angebot. Keine früher verlangte Rate. Das Rundum-Sorglos-Paket wird einmalig separat berechnet.",

package/locales/en/autobahn.json

@@ -12,7 +12,8 @@
       "financeTerms": "€{{firstInstallment}} down payment · {{months}} months",
       "financeTerms_plural": "€{{firstInstallment}} down payment · {{months}} months term",
       "leaseTerms": "€{{firstInstallment}} down payment · {{months}} mo. · {{mileage}} km/year",
-      "leaseTermsCompact": "{{mileage}} km/year · {{months}} months",
+      "leaseTermsCompactLine1": "€{{firstInstallment}} down payment · {{mileage}} km/year",
+      "leaseTermsCompactLine2": "{{months}} mo.",
       "detailsLink": "Details",
       "uvpRateLabel": "UVP rate",
       "uvpRateTooltipBody": "Calculated comparison rate based on the manufacturer's non-binding price recommendation, using the same financing parameters as the offer. Not a previously requested rate. The all-inclusive package is billed separately, as a one-off.",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bytebrand/fe-ui-core-autobahn",
-  "version": "1.0.97",
+  "version": "1.0.98",
   "description": "auto.de md3 (Autobahn) design system — UI primitives, cards, chrome, VDP modules, theme CSS and locales. Ships raw TypeScript source (like fe-ui-core before it); each consumer's bundler compiles it.",
   "main": "index.ts",
   "license": "UNLICENSED",