@bytebrand/fe-ui-core-autobahn 1.0.166 → 1.0.167

package/cards/CarCard.tsx

@@ -38,6 +38,7 @@ import {
   GalleryActivityPill,
   cardSpec,
   PaymentMode,
+  startPaymentMode,
   callDealerSalesPhone,
   DEALER_SALES_PHONE,
 } from './cardParts';
@@ -98,6 +99,11 @@ export interface CarCardProps {
    * (still onOpenRateAdjust).
    */
   onShowFinancingDetails?: (car: AutobahnCar, mode: PaymentMode) => void;
+  /**
+   * Tab the price block opens on (default Finanzierung) — e.g. the SRP's leasing-only results
+   * open every card on Leasing. Ignored for a car without a lease rate (it has no Leasing tab).
+   */
+  initialMode?: PaymentMode;
 }
 
 const CarCard: React.FunctionComponent<CarCardProps> = ({
@@ -113,8 +119,9 @@ const CarCard: React.FunctionComponent<CarCardProps> = ({
   onCall,
   onOpenRateAdjust,
   onShowFinancingDetails,
+  initialMode,
 }) => {
-  const [mode, setMode] = useState<PaymentMode>('financing');
+  const [mode, setMode] = useState<PaymentMode>(() => startPaymentMode(car, initialMode));
   const [photoIndex, setPhotoIndex] = useState(0);
   const [viewerOpen, setViewerOpen] = useState(false);
   const mediaRef = useRef<HTMLDivElement | null>(null);

package/cards/CarRow.tsx

@@ -41,6 +41,7 @@ import {
   ZeroDownChip,
   fmtKm,
   PaymentMode,
+  startPaymentMode,
   ratingTone,
 } from './cardParts';
 import { AutobahnCar } from './types';
@@ -80,6 +81,8 @@ export interface CarRowProps {
    * links render as plain text (see PricePaths' own fallback).
    */
   onShowFinancingDetails?: (car: AutobahnCar, mode: PaymentMode) => void;
+  /** Tab the mobile price tabs open on — see CarCard's identically-named prop. */
+  initialMode?: PaymentMode;
 }
 
 const CarRow: React.FunctionComponent<CarRowProps> = ({
@@ -92,8 +95,9 @@ const CarRow: React.FunctionComponent<CarRowProps> = ({
   t,
   adminAction,
   onShowFinancingDetails,
+  initialMode,
 }) => {
-  const [mode, setMode] = useState<PaymentMode>('financing');
+  const [mode, setMode] = useState<PaymentMode>(() => startPaymentMode(car, initialMode));
   const [photoIndex, setPhotoIndex] = useState(0);
   const mediaRef = useRef<HTMLDivElement | null>(null);
   // always call the LATEST onMediaEnter without re-arming the observer on every render (the

package/cards/cardParts.tsx

@@ -489,6 +489,11 @@ export const PriceEvalCol: React.FunctionComponent<{ car: AutobahnCar; t: Transl
 
 export type PaymentMode = 'financing' | 'leasing' | 'buy';
 
+/** The tab a card opens on: the requested one (default Finanzierung), but never Leasing for a car
+ *  without a lease rate — PriceTabs has no Leasing tab for it. */
+export const startPaymentMode = (car: AutobahnCar, requested?: PaymentMode): PaymentMode =>
+  requested === 'leasing' && car.lease == null ? 'financing' : requested || 'financing';
+
 export interface PriceTabsProps {
   car: AutobahnCar;
   mode: PaymentMode;

package/package.json

@@ -1,30 +1,30 @@
-{
-  "name": "@bytebrand/fe-ui-core-autobahn",
-  "version": "1.0.166",
-  "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",
-  "peerDependencies": {
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0"
-  },
-  "dependencies": {
-    "@bytebrand/car-schema-selectors": "^2.0.7",
-    "@bytebrand/fe-financing": "^5.14.20",
-    "classnames": "2.2.6",
-    "clsx": "^2.1.1",
-    "d3-format": "1.4.5",
-    "js-cookie": "^2.2.0",
-    "lodash": "^4.17.21",
-    "lucide-react": "^0.288.0",
-    "mobx-react": "^7.6.0",
-    "moment": "^2.29.1",
-    "qs": "^6.6.0",
-    "react-device-detect": "^2.1.2",
-    "react-grid-system": "^5.0.2",
-    "react-lazyload": "^3.2.0",
-    "react-scroll": "^1.9.3",
-    "react-slick": "^0.29.0",
-    "slick-carousel": "1.8.1"
-  }
-}
+{
+  "name": "@bytebrand/fe-ui-core-autobahn",
+  "version": "1.0.167",
+  "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",
+  "peerDependencies": {
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
+  },
+  "dependencies": {
+    "@bytebrand/car-schema-selectors": "^2.0.7",
+    "@bytebrand/fe-financing": "^5.14.20",
+    "classnames": "2.2.6",
+    "clsx": "^2.1.1",
+    "d3-format": "1.4.5",
+    "js-cookie": "^2.2.0",
+    "lodash": "^4.17.21",
+    "lucide-react": "^0.288.0",
+    "mobx-react": "^7.6.0",
+    "moment": "^2.29.1",
+    "qs": "^6.6.0",
+    "react-device-detect": "^2.1.2",
+    "react-grid-system": "^5.0.2",
+    "react-lazyload": "^3.2.0",
+    "react-scroll": "^1.9.3",
+    "react-slick": "^0.29.0",
+    "slick-carousel": "1.8.1"
+  }
+}

package/vehiclesProps/accidentDisclosure.ts

@@ -1,25 +1,25 @@
-// FINN handover v0.6 (Daniel, 15.10.2026): for the owners set here, accident and owner facts follow
-// only what the source states — mainData.accidentDamaged false → accident-free, true → accident,
-// empty → not specified; an empty owner count is not shown as "0. Hand". Every other dealer keeps
-// the old display (accident-free unless `damaged`). The app sets the owners once at start.
-let strictOwners: ReadonlyArray<string> = [];
-
-export function setStrictConditionOwners(ownerIds: ReadonlyArray<string>): void {
-  strictOwners = (ownerIds || []).filter(Boolean);
-}
-
-export function isStrictConditionOwner(car: any): boolean {
-  const ownerId = car?.metaData?.ownerId;
-  return !!ownerId && strictOwners.includes(ownerId);
-}
-
-export type AccidentStatus = 'accidentFree' | 'accident' | 'notSpecified';
-
-// The strict status, or undefined when the car's owner keeps the old display.
-export function strictAccidentStatus(car: any): AccidentStatus | undefined {
-  if (!isStrictConditionOwner(car)) return undefined;
-  const value = car?.mainData?.accidentDamaged;
-  if (value === true) return 'accident';
-  if (value === false) return 'accidentFree';
-  return 'notSpecified';
-}
+// FINN handover v0.6 (Daniel, 15.10.2026): for the owners set here, accident and owner facts follow
+// only what the source states — mainData.accidentDamaged false → accident-free, true → accident,
+// empty → not specified; an empty owner count is not shown as "0. Hand". Every other dealer keeps
+// the old display (accident-free unless `damaged`). The app sets the owners once at start.
+let strictOwners: ReadonlyArray<string> = [];
+
+export function setStrictConditionOwners(ownerIds: ReadonlyArray<string>): void {
+  strictOwners = (ownerIds || []).filter(Boolean);
+}
+
+export function isStrictConditionOwner(car: any): boolean {
+  const ownerId = car?.metaData?.ownerId;
+  return !!ownerId && strictOwners.includes(ownerId);
+}
+
+export type AccidentStatus = 'accidentFree' | 'accident' | 'notSpecified';
+
+// The strict status, or undefined when the car's owner keeps the old display.
+export function strictAccidentStatus(car: any): AccidentStatus | undefined {
+  if (!isStrictConditionOwner(car)) return undefined;
+  const value = car?.mainData?.accidentDamaged;
+  if (value === true) return 'accident';
+  if (value === false) return 'accidentFree';
+  return 'notSpecified';
+}