@bytebrand/fe-ui-core-autobahn 1.0.11 → 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 {
@@ -422,6 +420,16 @@ const PpRow: React.FunctionComponent<PpRowProps> = ({ label, value, unit, old, f
  */
 export const PricePaths: React.FunctionComponent<PricePathsProps> = ({ car, t }) => {
   const hasLease = car.lease != null;
+  // Terms of the config the displayed rate was actually computed with (per-car:
+  // dealer rate + the user's saved localStorage adjustments) — default config
+  // terms only when the car doesn't carry its own.
+  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">
@@ -432,18 +440,18 @@ export const PricePaths: React.FunctionComponent<PricePathsProps> = ({ car, t })
         </div>
         <div className="pp-hero-terms">
           {t('autobahn:card.price.financeTerms', {
-            firstInstallment: _finFirstInstallment,
-            months: _finMonths,
-            count: _finMonths,
+            firstInstallment: finFirstInstallment,
+            months: finMonths,
+            count: finMonths,
           })}
         </div>
       </div>
       {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

@@ -57,6 +57,13 @@ export interface AutobahnCar {
   // --- price (always real) ---
   /** financing monthly rate in EUR — the LEAD price on every card. */
   monthly: number;
+  /**
+   * financing terms the `monthly` rate was computed with — the per-car merged
+   * config (dealer rate + the user's saved localStorage adjustments, ADV-157).
+   * Absent → the card falls back to the fe-financing default-config terms.
+   */
+  finFirstInstallment?: number;
+  finMonths?: number;
   /** purchase price in EUR (raw number; formatted de-DE by the cards). */
   price: number;
 
@@ -107,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

@@ -305,6 +305,14 @@ export function toAutobahnCar(storeCar: any, deps: ToAutobahnCarDeps = {}): Auto
   // (getFinancing.ts:82 `monthlyInstallment`), spread into price.financing by
   // transformDataForVehicles (DataTransformers.ts:345). It is the LEAD price.
   const monthly = num(price?.financing?.monthlyInstallment) ?? 0;
+  // 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?.paybackPeriod) ?? num(price?.financing?.rawPaybackPeriod);
   // price ← price.currentSalesPrice (DataTransformers.ts:352).
   const purchase = num(price?.currentSalesPrice) ?? 0;
 
@@ -352,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
@@ -410,6 +423,8 @@ export function toAutobahnCar(storeCar: any, deps: ToAutobahnCarDeps = {}): Auto
 
     // price
     monthly,
+    ...(finFirstInstallment != null ? { finFirstInstallment } : {}),
+    ...(finMonths != null ? { finMonths } : {}),
     price: purchase,
 
     // media
@@ -437,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.11",
+  "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",