@bytebrand/fe-ui-core-autobahn 1.0.103 → 1.0.104

package/package.json

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

package/vdp/VdpModules.tsx

@@ -2074,17 +2074,20 @@ export const FinanceDetailsModal: React.FunctionComponent<FinanceDetailsModalPro
   // already carried inside `monthly` instead), the real flat price when switched off.
   const addServicesRowValue = withAddServices ? 0 : addServicesCostRaw ?? 0;
   const hasAddServicesRow = addServicesCostRaw != null && addServicesCostRaw > 0;
-  // Grand total (Figma "Gesamtbelastung inkl. Anzahlung & Paket") — down payment + the config's
-  // real Gesamtbetrag + the package fee. The package is mandatory (see packageMandatoryNotice) —
-  // the toggle only decides HOW it's paid (bundled into the rate vs. a separate one-time charge),
-  // never WHETHER it's owed, so the total must include it either way: `addServicesCost` when
-  // bundled (toggle on), the raw one-time fee (`addServicesRowValue`, same as the breakdown row
-  // above it) when paid separately (toggle off) — previously dropped to 0 in the off case, so the
-  // grand total silently excluded a cost the breakdown row directly above it was still showing.
-  // Only shown when Gesamtbetrag is known (never fabricated).
+  // Grand total (Figma "Gesamtbelastung inkl. Anzahlung & Paket") — down payment + the "Gesamtbetrag
+  // Finanzierung" figure directly above it (totalFinancingAmount; falls back to grossAmount when
+  // the page hasn't been updated to pass it yet — financing-only, mirrors totalRepaymentValue
+  // below) + the package fee. The package is mandatory (see packageMandatoryNotice) — the toggle
+  // only decides HOW it's paid (bundled into the rate vs. a separate one-time charge), never
+  // WHETHER it's owed, so the total must include it either way: `addServicesCost` when bundled
+  // (toggle on), the raw one-time fee (`addServicesRowValue`, same as the breakdown row above it)
+  // when paid separately (toggle off) — previously dropped to 0 in the off case, so the grand
+  // total silently excluded a cost the breakdown row directly above it was still showing.
+  // Only shown when the total is known (never fabricated).
+  const totalRepaymentBase = totalFinancingAmount ?? grossAmount;
   const totalCost =
-    grossAmount != null && grossAmount > 0
-      ? down + grossAmount + (hasAddServices ? (addServicesCost as number) : hasAddServicesRow ? addServicesRowValue : 0)
+    totalRepaymentBase != null && totalRepaymentBase > 0
+      ? down + totalRepaymentBase + (hasAddServices ? (addServicesCost as number) : hasAddServicesRow ? addServicesRowValue : 0)
       : undefined;
 
   let rows: Array<[string, string, boolean?]>;
@@ -2135,9 +2138,10 @@ export const FinanceDetailsModal: React.FunctionComponent<FinanceDetailsModalPro
     // `term` payments are regular — no adjustment.
     const hasBalloon = finalInstallment != null && finalInstallment > 0;
     const regularRateCount = hasBalloon ? term - 1 : term;
-    // Repräsentatives-Beispiel total for THIS line only — falls back to grossAmount when the
-    // page hasn't been updated to pass totalFinancingAmount yet.
-    const totalRepaymentValue = totalFinancingAmount ?? grossAmount;
+    // Repräsentatives-Beispiel total for THIS line (and the grand total below it, via
+    // totalRepaymentBase) — falls back to grossAmount when the page hasn't been updated to
+    // pass totalFinancingAmount yet.
+    const totalRepaymentValue = totalRepaymentBase;
     rows = [
       [t('autobahn:modal.vehiclePrice'), `${eurCents(basePrice ?? price)} €`],
       [t('autobahn:modal.term'), t('autobahn:modal.months', { months: term, count: term })],