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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bytebrand/fe-ui-core-autobahn",
-  "version": "1.0.102",
+  "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/utils/CommonUtils.ts

@@ -25,6 +25,23 @@ export const formatMileage = (millage: number | string) => {
   return millage.toLocaleString('en-US').replace(/,/g, '.');
 };
 
+// Same thresholds as the "NEU" badge (ADV-166, see fe-main/fe-landing/fe-wp-widgets
+// DataTransformers.ts) minus its extra "recently listed" (modificationDate) check —
+// this is about the car itself being practically brand-new, not about listing recency.
+// Missing firstRegistration passes the age check (can't disqualify what we don't know).
+const EFFECTIVELY_NEW_MAX_MILEAGE_KM = 1000;
+const EFFECTIVELY_NEW_MAX_AGE_MONTHS = 12;
+const AVG_MS_PER_MONTH = 1000 * 60 * 60 * 24 * 30.44;
+
+export const isEffectivelyNewCar = (mileageKm?: number | string | null, firstRegistration?: number | Date | string | null): boolean => {
+  if (!(Number(mileageKm) < EFFECTIVELY_NEW_MAX_MILEAGE_KM)) return false;
+  if (!firstRegistration) return true;
+  const registeredAtMs = firstRegistration instanceof Date ? firstRegistration.getTime() : Number(firstRegistration) * 1000;
+  if (!Number.isFinite(registeredAtMs)) return true;
+  const ageMonths = (Date.now() - registeredAtMs) / AVG_MS_PER_MONTH;
+  return ageMonths < EFFECTIVELY_NEW_MAX_AGE_MONTHS;
+};
+
 export const getFormattedNumber = (num: number) => Number.isFinite(num) ? num.toLocaleString('de-DE') : null;
 
 export const numberWithDot = (value: number | string) => {

package/utils/index.ts

@@ -43,6 +43,7 @@ export {
   checkRangeValuesOnEqual,
   fixNumber,
   formatMileage,
+  isEffectivelyNewCar,
   getChipFilterValue,
   getFormattedPrice,
   getGroupValuesForQuery,

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 })],

package/vehiclesProps/decoratedProps.tsx

@@ -4,7 +4,7 @@ import moment from 'moment';
 import Icon from '../compat/IconContainer/IconContainer';
 import CO2Efficiency from '../compat/Co2Widget/CO2Efficiency';
 import { formatTimestamp } from '../utils/DateUtils';
-import { formatMileage } from '../utils/CommonUtils';
+import { formatMileage, isEffectivelyNewCar } from '../utils/CommonUtils';
 import { EMISSION_STICKERS_ICONS, WP_EMISSION_STICKERS_ICONS } from '../constants/Search';
 import { DELIVERY_PERIODS_EXTRA } from '../constants';
 import { IDecoratedProp, ICar, IFinancingUtils } from '../types/types';
@@ -1120,7 +1120,10 @@ const getDecoratedProps = (
     maintenanceGuide: {
       title: t('vehicleProps:title.maintenanceGuide'),
       get value() {
-        const fullserviceHistory = car.careService.fullServiceHistory;
+        // A practically brand-new car (near-zero mileage, recent/no first registration)
+        // is always treated as full-service-history, regardless of the raw dealer flag —
+        // there's simply been no time yet for a service history to matter.
+        const fullserviceHistory = isEffectivelyNewCar(mileage, firstRegistration) ? true : car.careService.fullServiceHistory;
         return isPropDefined(fullserviceHistory)
           ? (fullserviceHistory ? t('vehicleProps:value.yes') : t('vehicleProps:value.no'))
           : t('vehicleProps:value.na');