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

package/cards/cardParts.tsx

@@ -422,6 +422,12 @@ 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;
   return (
     <div className="pricepaths">
       <div className="pp-hero">
@@ -432,9 +438,9 @@ 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>

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;
 

package/data/toAutobahnCar.ts

@@ -305,6 +305,11 @@ 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.
+  const finFirstInstallment = num(price?.financing?.firstInstallment);
+  const finMonths = num(price?.financing?.rawPaybackPeriod) ?? num(price?.financing?.paybackPeriod);
   // price ← price.currentSalesPrice (DataTransformers.ts:352).
   const purchase = num(price?.currentSalesPrice) ?? 0;
 
@@ -410,6 +415,8 @@ export function toAutobahnCar(storeCar: any, deps: ToAutobahnCarDeps = {}): Auto
 
     // price
     monthly,
+    ...(finFirstInstallment != null ? { finFirstInstallment } : {}),
+    ...(finMonths != null ? { finMonths } : {}),
     price: purchase,
 
     // media

package/package.json

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