@bytebrand/fe-ui-core-autobahn 1.0.12 → 1.0.13

package/cards/cardParts.tsx

@@ -29,11 +29,9 @@ const _leasCfg = (defaultConfig as any).leasing || {};
 /** financing terms inputs (rendered via t in PricePaths), e.g. "0 € Anzahlung · 48 Monate Laufzeit". */
 const _finFirstInstallment = (_finCfg.firstInstallment || 0).toLocaleString('de-DE');
 const _finMonths = _finCfg.rawPaybackPeriod || _finCfg.paybackPeriod || 48;
-/** leasing terms inputs (only when the config carries mileage + period), e.g. "10.000 km/Jahr · 48 Monate". */
+/** leasing terms fallbacks (used when the car doesn't carry its own), e.g. "10.000 km/Jahr · 48 Monate". */
 const _leasPeriod = _leasCfg.rawPaybackPeriod || _leasCfg.paybackPeriod;
 const _leasMileage = _leasCfg.annualMileage || _leasCfg.mileage;
-const _hasLeasTerms = Boolean(_leasMileage && _leasPeriod);
-const _leasMileageStr = _leasMileage ? Number(_leasMileage).toLocaleString('de-DE') : '';
 
 /** mileage → 'X.XXX km' (de-DE grouping). */
 export function fmtKm(n: number): string {
@@ -428,6 +426,10 @@ export const PricePaths: React.FunctionComponent<PricePathsProps> = ({ car, t })
   const finFirstInstallment =
     car.finFirstInstallment != null ? car.finFirstInstallment.toLocaleString('de-DE') : _finFirstInstallment;
   const finMonths = car.finMonths ?? _finMonths;
+  const leasMileage = car.leaseMileage ?? _leasMileage;
+  const leasMonths = car.leaseMonths ?? _leasPeriod;
+  const hasLeasTerms = Boolean(leasMileage && leasMonths);
+  const leasMileageStr = leasMileage ? Number(leasMileage).toLocaleString('de-DE') : '';
   return (
     <div className="pricepaths">
       <div className="pp-hero">
@@ -447,9 +449,9 @@ export const PricePaths: React.FunctionComponent<PricePathsProps> = ({ car, t })
       {hasLease && (
         <div className="pp-lease-row">
           <PpRow label={t('autobahn:card.price.leasing')} value={car.lease as number} unit="mtl." />
-          {_hasLeasTerms && (
+          {hasLeasTerms && (
             <div className="pp-sub-terms">
-              {t('autobahn:card.price.leaseTerms', { mileage: _leasMileageStr, months: _leasPeriod })}
+              {t('autobahn:card.price.leaseTerms', { mileage: leasMileageStr, months: leasMonths })}
             </div>
           )}
         </div>

package/cards/types.ts

@@ -114,6 +114,12 @@ export interface AutobahnCar {
   marketHigh?: number;
   /** leasing monthly rate in EUR. */
   lease?: number;
+  /**
+   * leasing terms the `lease` rate was computed with — per-car merged config,
+   * same as finFirstInstallment/finMonths. Absent → default-config terms.
+   */
+  leaseMileage?: number;
+  leaseMonths?: number;
   /** number of buyers currently watching this car. */
   watchers?: number;
   /** number of recent views (drives the 'vor N Std' cue). */

package/data/toAutobahnCar.ts

@@ -308,8 +308,11 @@ export function toAutobahnCar(storeCar: any, deps: ToAutobahnCarDeps = {}): Auto
   // financing terms the monthly rate was computed with — same merged per-car
   // config (dealer rate + the user's saved localStorage adjustments, ADV-157).
   // Emitted only when real; the cards fall back to the default-config terms.
+  // paybackPeriod FIRST: it carries the user's saved term, while rawPaybackPeriod
+  // is stamped from the dealer rate at normalize time and never reflects
+  // adjustments (normalizeRateObject.ts `rawPaybackPeriod: paybackPeriod`).
   const finFirstInstallment = num(price?.financing?.firstInstallment);
-  const finMonths = num(price?.financing?.rawPaybackPeriod) ?? num(price?.financing?.paybackPeriod);
+  const finMonths = num(price?.financing?.paybackPeriod) ?? num(price?.financing?.rawPaybackPeriod);
   // price ← price.currentSalesPrice (DataTransformers.ts:352).
   const purchase = num(price?.currentSalesPrice) ?? 0;
 
@@ -357,6 +360,11 @@ export function toAutobahnCar(storeCar: any, deps: ToAutobahnCarDeps = {}): Auto
   // (instead of computing/showing a leasing rate the car isn't eligible for).
   const leasingActive = !!(price && price.leasing && price.leasing.isActive);
   const lease = leasingActive ? num(price?.leasing?.monthlyInstallment) : undefined;
+  // leasing terms the lease rate was computed with — same merged per-car config
+  // as the financing terms above (annualMileage/paybackPeriod carry the user's
+  // saved adjustments). Only meaningful alongside an active lease rate.
+  const leaseMileage = leasingActive ? num(price?.leasing?.annualMileage) : undefined;
+  const leaseMonths = leasingActive ? num(price?.leasing?.paybackPeriod) : undefined;
 
   // --- optional: list price / savings — ONLY from a real strike price ---
   // transformDataForVehicles exposes oldMonthlyInstallment / highestPrice via
@@ -444,6 +452,8 @@ export function toAutobahnCar(storeCar: any, deps: ToAutobahnCarDeps = {}): Auto
     ...(listPrice != null ? { listPrice } : {}),
     ...(savings != null ? { savings } : {}),
     ...(lease != null ? { lease } : {}),
+    ...(leaseMileage != null ? { leaseMileage } : {}),
+    ...(leaseMonths != null ? { leaseMonths } : {}),
     ...(drop != null ? { drop } : {}),
     ...(dropPct != null ? { dropPct } : {}),
     ...(zeroDown ? { zeroDown } : {}),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bytebrand/fe-ui-core-autobahn",
-  "version": "1.0.12",
+  "version": "1.0.13",
   "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",