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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bytebrand/fe-ui-core-autobahn",
-  "version": "1.0.104",
+  "version": "1.0.106",
   "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",
@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "@bytebrand/car-schema-selectors": "^2.0.7",
-    "@bytebrand/fe-financing": "^5.14.15",
+    "@bytebrand/fe-financing": "^5.14.16",
     "classnames": "2.2.6",
     "clsx": "^2.1.1",
     "d3-format": "1.4.5",

package/vdp/VdpModules.tsx

@@ -2089,6 +2089,11 @@ export const FinanceDetailsModal: React.FunctionComponent<FinanceDetailsModalPro
     totalRepaymentBase != null && totalRepaymentBase > 0
       ? down + totalRepaymentBase + (hasAddServices ? (addServicesCost as number) : hasAddServicesRow ? addServicesRowValue : 0)
       : undefined;
+  // Fahrzeugpreis/Anschaffungspreis disclosure line: the "no package" basePrice — but when the
+  // package is bundled into the rate (toggle ON) the financed object includes it, so the shown
+  // price does too. Same rule for financing and leasing (only the row labels differ).
+  const packageInRate = !!withAddServices && addServicesCostRaw != null && addServicesCostRaw > 0;
+  const displayVehiclePrice = (basePrice ?? price) + (packageInRate ? (addServicesCostRaw as number) : 0);
 
   let rows: Array<[string, string, boolean?]>;
   if (isLease) {
@@ -2103,11 +2108,14 @@ export const FinanceDetailsModal: React.FunctionComponent<FinanceDetailsModalPro
     // final grand total is mathematically identical to the financing total's own
     // down + grossAmount + package formula, just built up in the two visible stages Figma shows.
     const residual = finalInstallment != null && finalInstallment > 0 ? finalInstallment : 0;
-    const ratesSum = grossAmount != null && grossAmount > 0 ? grossAmount - residual : undefined;
+    // Σ Leasingraten = the full term × the monthly rate — exactly what the row label
+    // "(N × amount)" states. (Previously derived as grossAmount − residual, which is
+    // (N−1) × monthly for Restwertleasing and contradicted the label by one rate.)
+    const ratesSum = monthly != null && monthly > 0 ? monthly * term : undefined;
     const subtotalWithPackage = ratesSum != null ? ratesSum + down + (hasAddServicesRow ? addServicesRowValue : 0) : undefined;
     const grandTotal = subtotalWithPackage != null ? subtotalWithPackage + residual : undefined;
     rows = [
-      [t('autobahn:modal.leaseVehiclePrice'), `${eurCents(basePrice ?? price)} €`],
+      [t('autobahn:modal.leaseVehiclePrice'), `${eurCents(displayVehiclePrice)} €`],
       [t('autobahn:modal.term'), t('autobahn:modal.months', { months: term, count: term })],
       ...(annualMileage != null ? ([[t('autobahn:modal.annualMileage'), `${eur(annualMileage)} km`]] as Array<[string, string]>) : []),
       [t('autobahn:modal.leaseDownPayment'), `${eurCents(down)} €`],
@@ -2121,6 +2129,9 @@ export const FinanceDetailsModal: React.FunctionComponent<FinanceDetailsModalPro
       ...(ratesSum != null && hasAddServicesRow
         ? ([[t('autobahn:modal.addServicesRowLease'), `${eurCents(addServicesRowValue)} €`]] as Array<[string, string]>)
         : []),
+      // The rates the calculation actually ran with (Figma): nominal + effective APR.
+      ...(nominalRate != null && nominalRate > 0 ? ([[t('autobahn:modal.nominalRate'), pct(nominalRate)]] as Array<[string, string]>) : []),
+      ...(apr != null && apr > 0 ? ([[t('autobahn:modal.effectiveRate'), pct(apr)]] as Array<[string, string]>) : []),
       ...(subtotalWithPackage != null
         ? ([[hasAddServicesRow ? t('autobahn:modal.subtotalWithPackage') : t('autobahn:modal.subtotalNoPackage'), `${eurCents(subtotalWithPackage)} €`, true]] as Array<
             [string, string, boolean]
@@ -2143,7 +2154,7 @@ export const FinanceDetailsModal: React.FunctionComponent<FinanceDetailsModalPro
     // pass totalFinancingAmount yet.
     const totalRepaymentValue = totalRepaymentBase;
     rows = [
-      [t('autobahn:modal.vehiclePrice'), `${eurCents(basePrice ?? price)} €`],
+      [t('autobahn:modal.vehiclePrice'), `${eurCents(displayVehiclePrice)} €`],
       [t('autobahn:modal.term'), t('autobahn:modal.months', { months: term, count: term })],
       [t('autobahn:modal.downPayment'), `${eurCents(down)} €`],
       [t('autobahn:modal.monthlyRateCount', { count: regularRateCount }), `${eurCents(monthly)} €`],