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

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 {
@@ -428,6 +426,10 @@ export const PricePaths: React.FunctionComponent<PricePathsProps> = ({ car, t })
   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">
@@ -447,9 +449,9 @@ export const PricePaths: React.FunctionComponent<PricePathsProps> = ({ car, t })
       {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

@@ -114,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/chrome/TopBar.tsx

@@ -35,8 +35,10 @@ const R_SAVED_SEARCHES = '/my-searches';
 const R_MY_VEHICLES = '/my-vehicles/overview';
 const R_SETTINGS = '/my-settings';
 const R_MY_ORDERS = '/account/my-orders';
-const R_DEALER_DASHBOARD = '/account/dashboard';
+/** DashboardPage branches internally on authStore.isDealer — same route serves regular users too. */
+const R_DASHBOARD = '/account/dashboard';
 const R_IMAGE_SETTINGS = '/account/image-settings';
+const R_KONTAKT = '/account/kontakt';
 
 /** Languages offered in the account menu (legacy supports de/en/ru). Labels are proper nouns
  *  (endonyms) and stay untranslated. */
@@ -215,15 +217,20 @@ const TopBar: React.FunctionComponent<TopBarProps> = ({
           <div className="md-label-sm" style={{ padding: '6px 14px 8px', color: 'var(--md-on-surface-variant)' }}>
             {userLabel || t('autobahn:chrome.myAccount')}
           </div>
+          {/* dealer-main users get the same route via the dedicated "Händler-Dashboard" row below */}
+          {!isDealerMain &&
+            row('autobahn:chrome.dashboard', t('autobahn:chrome.dashboard'), () => goRoute(R_DASHBOARD), { icon: 'layout-grid' })}
           {row('autobahn:chrome.myVehicles', t('autobahn:chrome.myVehicles'), () => goRoute(R_MY_VEHICLES), { icon: 'car' })}
-          {row('autobahn:chrome.myOrders', t('autobahn:chrome.myOrders'), () => goRoute(R_MY_ORDERS), { icon: 'package', badge: ordersCount > 0 ? ordersCount : undefined })}
+          {ordersCount > 0 &&
+            row('autobahn:chrome.myOrders', t('autobahn:chrome.myOrders'), () => goRoute(R_MY_ORDERS), { icon: 'package', badge: ordersCount })}
           {row('autobahn:chrome.savedSearches', t('autobahn:chrome.savedSearches'), () => goRoute(R_SAVED_SEARCHES), { icon: 'bell' })}
           {row('autobahn:chrome.favorites', t('autobahn:chrome.favorites'), () => goRoute(R_FAVOURITES), { icon: 'heart', badge: favoritesCount })}
           {row('autobahn:chrome.settings', t('autobahn:chrome.settings'), () => goRoute(R_SETTINGS), { icon: 'settings' })}
+          {row('autobahn:chrome.helpContact', t('autobahn:chrome.helpContact'), () => goRoute(R_KONTAKT), { icon: 'help-circle' })}
           {isDealerMain && (
             <>
               {divider('d-dealer')}
-              {row('autobahn:chrome.dealerDashboard', t('autobahn:chrome.dealerDashboard'), () => goRoute(R_DEALER_DASHBOARD), { icon: 'store' })}
+              {row('autobahn:chrome.dealerDashboard', t('autobahn:chrome.dealerDashboard'), () => goRoute(R_DASHBOARD), { icon: 'store' })}
               {row('autobahn:chrome.imageSettings', t('autobahn:chrome.imageSettings'), () => goRoute(R_IMAGE_SETTINGS), { icon: 'image' })}
             </>
           )}

package/data/toAutobahnCar.ts

@@ -308,8 +308,11 @@ export function toAutobahnCar(storeCar: any, deps: ToAutobahnCarDeps = {}): Auto
   // 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?.rawPaybackPeriod) ?? num(price?.financing?.paybackPeriod);
+  const finMonths = num(price?.financing?.paybackPeriod) ?? num(price?.financing?.rawPaybackPeriod);
   // price ← price.currentSalesPrice (DataTransformers.ts:352).
   const purchase = num(price?.currentSalesPrice) ?? 0;
 
@@ -357,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
@@ -444,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/locales/de/autobahn.json

@@ -214,6 +214,7 @@
     "navJobs": "Jobs",
     "myOrders": "Meine Bestellungen",
     "myDealers": "Meine Händler",
+    "dashboard": "Dashboard",
     "dealerDashboard": "Händler-Dashboard",
     "imageSettings": "Bildeinstellungen"
   },

package/locales/en/autobahn.json

@@ -214,6 +214,7 @@
     "navJobs": "Jobs",
     "myOrders": "My orders",
     "myDealers": "My dealers",
+    "dashboard": "Dashboard",
     "dealerDashboard": "Dealer dashboard",
     "imageSettings": "Image settings"
   },

package/package.json

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