@bytebrand/fe-ui-core-autobahn 1.0.51 → 1.0.54

package/constants.ts

@@ -1,91 +1,31 @@
-// Autobahn (auto.de redesign) — shared lookup constants.
-// Typed replacement for the design kit's `window.*` globals (data.jsx / ui.jsx / CdpModules.jsx).
-// Pure data only — no DOM, no store access. Imported by the ported presentational components.
-//
-// NOTE on counts: the BODY_TYPES / QUICK_FILTERS sample counts below are the design's
-// placeholder figures. They are only used by the W2 filter UI, which will replace them with
-// REAL aggregation counts from searchStore.aggregation. They are not rendered as real data in W1.
-
-/** Pkw-EnVKV CO₂ efficiency classes (best → worst) and their band colors. */
-export const CO2_CLASSES = ['A', 'B', 'C', 'D', 'E', 'F', 'G'] as const;
-export type Co2Class = (typeof CO2_CLASSES)[number];
-export const CO2_COLORS: readonly string[] = [
-  '#1FA01F', '#5DAE2E', '#9FC21C', '#F2C200', '#F2900D', '#E8601A', '#D4202B',
-];
-
-/** Preisbewertung (price-rating) tiers, index 0 = Top … 4 = Hoch. green → red. */
-export const TIER_LABELS = ['Top Preis', 'Guter Preis', 'Fairer Preis', 'Erhöht', 'Hoher Preis'] as const;
-// i18n key suffixes parallel to TIER_LABELS — components render t('autobahn:tier.<key>') so the
-// Preisbewertung label localizes (TIER_LABELS stays the German source-of-truth used for tier→index logic).
-export const TIER_KEYS = ['top', 'good', 'fair', 'raised', 'high'] as const;
-export const TIER_COLORS: readonly string[] = ['#0F7B43', '#4FA86B', '#C7B53A', '#E08A2B', '#D4502B'];
-export type RatingTier = 0 | 1 | 2 | 3 | 4;
-
-/** SRP sort options (labels match the design; mapped to real sort params by the SRP container). */
-export const SORTS = [
-  'Relevanz',
-  'Preis aufsteigend',
-  'Preis absteigend',
-  'Erstzulassung',
-  'Kilometerstand',
-  'Leistung',
-] as const;
-export type SortLabel = (typeof SORTS)[number];
-
-/** Quick-filter chips for the srp-bar: [lucide icon, label, defaultActive?]. */
-export type QuickFilter = readonly [icon: string, label: string, defaultActive?: boolean];
-export const QUICK_FILTERS: readonly QuickFilter[] = [
-  ['sliders-horizontal', 'Filter', true],
-  ['fuel', 'Diesel'],
-  ['cog', 'Automatik'],
-  ['battery-charging', 'Hybrid'],
-  ['gauge', 'bis 50.000 km'],
-  ['wallet', 'bis 300 €/mtl.'],
-  ['calendar', 'ab 2022'],
-];
-
-/** Brand shortlist for the Marke select (full list comes from appStore.manufacturers at runtime). */
-export const BRANDS: readonly string[] = [
-  'VW', 'Mercedes-Benz', 'BMW', 'Audi', 'Opel', 'Škoda', 'Ford', 'Hyundai',
-];
-
-/** Body-type tiles: [label, lucide icon, placeholder count]. Counts are design placeholders (W2 → real aggregations). */
-export type BodyType = readonly [label: string, icon: string, placeholderCount: string];
-export const BODY_TYPES: readonly BodyType[] = [
-  ['Kleinwagen', 'car', '4.812'],
-  ['Limousine', 'car-front', '5.530'],
-  ['Kombi', 'caravan', '6.118'],
-  ['SUV', 'truck', '7.940'],
-  ['Cabrio', 'wind', '1.270'],
-  ['Van', 'bus', '2.691'],
-];
-
-/** Marker text rendered wherever the design shows a field we have no real data source for yet. */
-export const NEEDS_DATA_LABEL = 'Daten folgt';
-
-// ---------------------------------------------------------------------------
-// Legacy shared constants (moved here from fe-ui-core).
-//
-// This block mirrors the public symbol set of the old
-// `@bytebrand/fe-ui-core/constants` barrel so consumers can swap that
-// specifier for `@bytebrand/fe-ui-core-autobahn/constants` 1:1. The
-// implementations live under ./constants/ (core.ts, app.ts, price.ts,
-// Search.ts, …); fe-ui-core re-exports them via shims until it is deleted.
-// ---------------------------------------------------------------------------
-
-export {
-  offers,
-  checkoutOffers,
-  checkoutWarranties,
-  checkoutSteps,
-  checkoutSubStep,
-  DELIVERY_PERIODS_EXTRA,
-  THREE,
-  WLTP_ENERGY_EFFICIENCY_CLASS
-} from './constants/core';
-
-export { CUSTOM_ERROR_MESSAGES, supportPhone, supportPhoneLink } from './constants/app';
-
-export { priceRatings } from './constants/price';
-
-export { THROTTLE_DELAY } from './constants/Search';
+// Autobahn (auto.de redesign) — shared lookup constants barrel.
+// Pure data re-exported from ./constants/autobahn (kept import-safe for plain Node consumers,
+// see that file's header) plus the legacy fe-ui-core shim re-exports below.
+export * from './constants/autobahn';
+
+// ---------------------------------------------------------------------------
+// Legacy shared constants (moved here from fe-ui-core).
+//
+// This block mirrors the public symbol set of the old
+// `@bytebrand/fe-ui-core/constants` barrel so consumers can swap that
+// specifier for `@bytebrand/fe-ui-core-autobahn/constants` 1:1. The
+// implementations live under ./constants/ (core.ts, app.ts, price.ts,
+// Search.ts, …); fe-ui-core re-exports them via shims until it is deleted.
+// ---------------------------------------------------------------------------
+
+export {
+  offers,
+  checkoutOffers,
+  checkoutWarranties,
+  checkoutSteps,
+  checkoutSubStep,
+  DELIVERY_PERIODS_EXTRA,
+  THREE,
+  WLTP_ENERGY_EFFICIENCY_CLASS
+} from './constants/core';
+
+export { CUSTOM_ERROR_MESSAGES, supportPhone, supportPhoneLink } from './constants/app';
+
+export { priceRatings } from './constants/price';
+
+export { THROTTLE_DELAY } from './constants/Search';

package/data/toAutobahnCar.d.ts

@@ -0,0 +1,89 @@
+import { AutobahnCar } from '../cards/types';
+import { Co2Class } from '../constants/autobahn';
+/**
+ * Last-resort placeholder shown in the carousel until the real images for a car
+ * are loaded. The SRP container SHOULD inject the app's real no-image asset via
+ * `deps.placeholder` (fe-main exposes PLACEHOLDER_IMAGE_LARGE_URL /
+ * PLACEHOLDER_IMAGE_SMALL_URL in framework/constants/app.ts, both derived from
+ * config.imagesAPI.imgUrlBase). We do NOT import that here to keep the mapper
+ * free of app-config coupling; this empty-data-URI default just guarantees a
+ * non-broken <img> in tests / before the container wires the real one.
+ */
+export declare const PLACEHOLDER_IMAGE = "data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==";
+/**
+ * Dependencies the SRP container injects. Everything here is what the mapper
+ * needs from the outside world — keeping the function itself pure.
+ */
+export interface ToAutobahnCarDeps {
+    /**
+     * Build a ready-to-use image URL for a car image.
+     * Pass `imagesStore.getSupportedImageFormat` straight through (it already
+     * picks webp/jpeg and the cached size). Signature matches ImagesStore:
+     *   (vehicleID, imageIdentifier, size) => url
+     */
+    getImageUrl?: (vehicleID: string, imageIdentifier: string, size: 'small' | 'medium' | 'large') => string;
+    /**
+     * Loaded gallery images for this car from `imagesStore.images.get(id)`
+     * (array of { imageUrlSmall, imageUrlMedium, imageUrlLarge, imageUrl, ... }).
+     * When present we use these real URLs; otherwise we fall back to the single
+     * main image via getImageUrl, then to the placeholder. Never faked.
+     */
+    loadedImages?: Array<{
+        imageUrlSmall?: string;
+        imageUrlMedium?: string;
+        imageUrlLarge?: string;
+        imageUrl?: string;
+    }>;
+    /** image size used when building gallery URLs from the main image id. */
+    imageSize?: 'small' | 'medium' | 'large';
+    /** translator for cbd:* selector codes (fuel/gearbox). Falls back to a built-in de map, then the raw code. */
+    t?: (key: string, options?: object) => string;
+    /** active UI language ('de' | 'en' …). Drives de-DE vs en-IN number grouping for the EnVKV line. */
+    language?: string;
+    /** placeholder image URL override (defaults to PLACEHOLDER_IMAGE). */
+    placeholder?: string;
+    /**
+     * Buyer-activity stats for this car — UserActionsAPI 'stats/viewers' response, loaded async and
+     * keyed by carId (`searchStore.statsData.get(storeCar.id)`). Pass it straight through; absent
+     * (not loaded yet, or no stats for this car) → viewsCount/favoritesCount stay undefined and the
+     * gallery badge row simply omits those pills. Never fabricated.
+     */
+    stats?: {
+        totalCarImpCount?: number;
+        totalFavCount?: number;
+    };
+}
+/** translate a cbd:* selector code → human label. Exported: also used by the Meta AIA
+ *  marketing-image renderer (plain Node backend, no i18next — relies on the built-in de fallback). */
+export declare function cbd(code: any, t?: (key: string, options?: object) => string): string;
+/**
+ * Map the store's energy-efficiency-class selector code (or a bare letter) to a
+ * single CO2_CLASSES letter ('A'…'G'). A+/A++/A+++ collapse to 'A' so the card's
+ * colored InlineCls (which does CO2_CLASSES.indexOf) still resolves a band color.
+ * Returns '' when there is no class (caller decides what to render).
+ */
+export declare function co2ClassLetter(code: any): Co2Class | '';
+export declare function mapRating(currentSalesPrice?: number, predicted?: number): {
+    rating: string;
+    ratingLabel: string;
+};
+/**
+ * Map the 5-tier rating to a 2-tone signal — only 'top'/'good' read as a genuinely good deal
+ * (green); 'fair'/'raised'/'high' all get the warn/peach tone (Figma: "Erhöhter-Preis" is
+ * peach, not green). Pure/non-React on purpose: shared by the web card's StatChip (via
+ * cards/cardParts.tsx's re-export) AND the Meta AIA marketing-image renderer (a plain Node
+ * service that can't import React components).
+ */
+export declare function ratingTone(rating: string): 'good' | 'warn';
+/**
+ * Convert one fe-main store car → AutobahnCar.
+ *
+ * @param storeCar the object from SearchResultsStore.getCarsForPage()
+ *   (shape = transformDataForVehicles output). `any` because the store car is
+ *   itself untyped (`getCarsForPage: (page) => any[]`).
+ * @param deps injected services/locale (see ToAutobahnCarDeps). Optional so the
+ *   mapper still runs in tests with zero wiring (gallery → placeholder, labels →
+ *   built-in de fallback).
+ */
+export declare function toAutobahnCar(storeCar: any, deps?: ToAutobahnCarDeps): AutobahnCar;
+export default toAutobahnCar;

package/data/toAutobahnCar.js

@@ -0,0 +1,421 @@
+"use strict";
+// Autobahn (auto.de redesign) — store-car → AutobahnCar mapper (AB-P0-6).
+//
+// PURE adapter: converts the existing fe-main "store car" (the object
+// `SearchResultsStore.getCarsForPage()` returns to the SRP, produced by
+// `transformDataForVehicles` in framework/DataTransformers.ts) into the
+// `AutobahnCar` view-model the new Autobahn cards consume
+// (components/autobahn/cards/types.ts).
+//
+// WHY a pure function with injected deps:
+//   The Autobahn cards are pure/presentational and never touch the store. This
+//   mapper is the single seam that reads the real payload. It is kept pure (no
+//   store singletons imported here) so it is unit-testable and the SRP container
+//   injects the real stores/services (imagesStore.getSupportedImageFormat,
+//   appStore.language). Everything it needs arrives through `deps`.
+//
+// NEEDS-DATA discipline (the point of the ticket):
+//   Fields with NO real source on the search payload are left `undefined` so the
+//   cards render their 'Daten folgt' marker instead of a fabricated number. See
+//   the per-field rationale in ./fieldMapping.ts. We NEVER synthesize:
+//     drop, marketLow, marketAvg, marketHigh, watchers, views.
+//   listPrice / savings are emitted ONLY if a real strike/list price exists.
+//
+// Every field path below was confirmed against the real code (file:line in
+// ./fieldMapping.ts), not guessed.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PLACEHOLDER_IMAGE = void 0;
+exports.cbd = cbd;
+exports.co2ClassLetter = co2ClassLetter;
+exports.mapRating = mapRating;
+exports.ratingTone = ratingTone;
+exports.toAutobahnCar = toAutobahnCar;
+const priceRating_1 = require("../utils/priceRating");
+const DateUtils_1 = require("../utils/DateUtils");
+const power_1 = require("../utils/power");
+const autobahn_1 = require("../constants/autobahn");
+/**
+ * Last-resort placeholder shown in the carousel until the real images for a car
+ * are loaded. The SRP container SHOULD inject the app's real no-image asset via
+ * `deps.placeholder` (fe-main exposes PLACEHOLDER_IMAGE_LARGE_URL /
+ * PLACEHOLDER_IMAGE_SMALL_URL in framework/constants/app.ts, both derived from
+ * config.imagesAPI.imgUrlBase). We do NOT import that here to keep the mapper
+ * free of app-config coupling; this empty-data-URI default just guarantees a
+ * non-broken <img> in tests / before the container wires the real one.
+ */
+exports.PLACEHOLDER_IMAGE = 'data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==';
+// ---------------------------------------------------------------------------
+// small pure helpers
+// ---------------------------------------------------------------------------
+const DEFAULT_LANG = 'de';
+/** locale tag for Number#toLocaleString — de-DE (comma decimals) unless en. */
+function localeTag(language) {
+    return language === 'en' ? 'en-IN' : 'de-DE';
+}
+/** finite-number coercion: accepts number | numeric string, else undefined. */
+function num(v) {
+    if (v == null)
+        return undefined;
+    const n = typeof v === 'number' ? v : Number.parseFloat(String(v));
+    return Number.isFinite(n) ? n : undefined;
+}
+/**
+ * Minimal de-DE fallback for the handful of cbd:* selector codes the cards show
+ * (fuel + gearbox). Used only when no `t` is injected (e.g. in unit tests).
+ * The full set lives in the cbd locale dictionary (@bytebrand/i18n-dictionaries).
+ */
+const CBD_DE_FALLBACK = {
+    selector_fuel_petrol: 'Benzin',
+    selector_fuel_diesel: 'Diesel',
+    selector_fuel_electrical: 'Elektro',
+    selector_fuel_ethanol: 'Ethanol',
+    selector_fuel_hybridElectricalDiesel: 'Hybrid (Elektro / Diesel)',
+    selector_fuel_hybridElectricalPetrol: 'Hybrid (Elektro / Benzin)',
+    selector_fuel_hydrogen: 'Wasserstoff',
+    selector_fuel_naturalGas: 'Erdgas',
+    selector_gearbox_automatic: 'Automatik',
+    selector_gearbox_manualShift: 'Manuell',
+    selector_gearbox_semiAutomatic: 'Halbautomatik',
+    // highlight-chip keys (DataTransformers highlights) — used when no `t` is injected
+    multimedia_navigationSystem: 'Navigationssystem',
+    lights_ledHeadlights: 'LED-Scheinwerfer',
+    lights_xenonHeadlights: 'Xenon-Scheinwerfer',
+    window_panoramicGlassRoof: 'Panoramadach',
+    assistants_headUpDisplay: 'Head-up-Display',
+    assistants_adaptiveCruiseControl: 'Abstandstempomat',
+    search_seatHeating: 'Sitzheizung',
+    selector_climatisation_automaticAirCondition: 'Klimaautomatik',
+    selector_climatisation_airCondition: 'Klimaanlage',
+    search_parkingAssistants: 'Einparkhilfe',
+    selector_driveType_allWheelDrive: 'Allradantrieb',
+    search_trailerHitch: 'Anhängerkupplung',
+    assistants_cruiseControl: 'Tempomat',
+    assistants_trafficSignRecognition: 'Verkehrszeichenerkennung',
+    assistants_collisionAvoidance: 'Notbremsassistent',
+    window_sunroof: 'Schiebedach',
+    seats_electricAdjustable: 'Elektr. Sitze',
+    exterior_metallic: 'Metallic-Lackierung',
+    multimedia_handsFreePhoneSystem: 'Freisprecheinrichtung',
+    heatingCooling_auxiliaryHeating: 'Standheizung',
+    multimedia_bluetooth: 'Bluetooth',
+};
+/** translate a cbd:* selector code → human label. Exported: also used by the Meta AIA
+ *  marketing-image renderer (plain Node backend, no i18next — relies on the built-in de fallback). */
+function cbd(code, t) {
+    if (code == null || code === 'N/A')
+        return '';
+    const key = String(code);
+    if (t) {
+        const out = t(`cbd:${key}`);
+        // i18next returns the key back when missing; treat that as "no translation".
+        if (out && out !== `cbd:${key}` && out !== key)
+            return out;
+    }
+    return CBD_DE_FALLBACK[key] || key;
+}
+/**
+ * Map the store's energy-efficiency-class selector code (or a bare letter) to a
+ * single CO2_CLASSES letter ('A'…'G'). A+/A++/A+++ collapse to 'A' so the card's
+ * colored InlineCls (which does CO2_CLASSES.indexOf) still resolves a band color.
+ * Returns '' when there is no class (caller decides what to render).
+ */
+function co2ClassLetter(code) {
+    if (code == null || code === 'N/A')
+        return '';
+    const raw = String(code);
+    // selector_energyEfficiencyClass_appp → 'a', _ap → 'a', _b → 'b', …
+    const m = raw.match(/selector_energyEfficiencyClass_(a|b|c|d|e|f|g)/i);
+    const letter = (m ? m[1] : raw.replace(/\+/g, '').trim().charAt(0)).toUpperCase();
+    return autobahn_1.CO2_CLASSES.includes(letter) ? letter : '';
+}
+/**
+ * Real Preisbewertung → AutobahnCar rating tone + German label.
+ *
+ * Source of truth (confirmed against the live SRP card,
+ * VehicleSmallCard/VehicleInfo.tsx:160): the legacy card renders
+ *   getPriceRating(price.currentSalesPrice, price.mlCurrentSalesPricePredicted)
+ * which returns a numeric tier using priceRatings:
+ *   0 noRating · 1 highPrice · 2 increasedPrice · 3 fairPrice · 4 goodPrice · 5 topPrice
+ * (constants/price.ts in this package).
+ *
+ * We map that real number onto the Autobahn 5-tier scale (TIER_LABELS,
+ * components/autobahn/constants.ts), where index 0=Top … 4=Hoch:
+ *   topPrice(5)→0 'Top Preis' · goodPrice(4)→1 'Guter Preis' ·
+ *   fairPrice(3)→2 'Fairer Preis' · increasedPrice(2)→3 'Erhöht' ·
+ *   highPrice(1)→4 'Hoher Preis'.
+ * noRating(0) has no real comparison → neutral 'Fairer Preis' (tier 2) WITHOUT a
+ * flattering label (documented in fieldMapping.ts). The card only special-cases
+ * the 'fair' tone (warn pill); every other tone is the good/green pill.
+ *
+ * AutobahnCar.rating is a free string; CarCard does `rating === 'fair' ? warn : good`.
+ * We emit the autobahn tier key ('top'|'good'|'fair'|'raised'|'high') so the
+ * neutral 'fair' maps to the warn pill exactly like the design intends.
+ */
+const LEGACY_TO_TIER = {
+    5: 0, // topPrice    → Top Preis
+    4: 1, // goodPrice   → Guter Preis
+    3: 2, // fairPrice   → Fairer Preis
+    2: 3, // increasedPrice → Erhöht
+    1: 4, // highPrice   → Hoher Preis
+};
+const TIER_TONE = {
+    0: 'top',
+    1: 'good',
+    2: 'fair',
+    3: 'raised',
+    4: 'high',
+};
+function mapRating(currentSalesPrice, predicted) {
+    var _a;
+    const legacy = (0, priceRating_1.getPriceRating)(currentSalesPrice, predicted); // 0..5
+    // 0 = noRating: keep neutral (tier 2) — never invent a flattering rating.
+    const tier = legacy === 0 ? 2 : (_a = LEGACY_TO_TIER[legacy]) !== null && _a !== void 0 ? _a : 2;
+    return { rating: TIER_TONE[tier], ratingLabel: autobahn_1.TIER_LABELS[tier] };
+}
+/**
+ * Map the 5-tier rating to a 2-tone signal — only 'top'/'good' read as a genuinely good deal
+ * (green); 'fair'/'raised'/'high' all get the warn/peach tone (Figma: "Erhöhter-Preis" is
+ * peach, not green). Pure/non-React on purpose: shared by the web card's StatChip (via
+ * cards/cardParts.tsx's re-export) AND the Meta AIA marketing-image renderer (a plain Node
+ * service that can't import React components).
+ */
+function ratingTone(rating) {
+    return rating === 'top' || rating === 'good' ? 'good' : 'warn';
+}
+/** Is this car a plug-in hybrid? Determined by fuel type, mirroring ADV-88 in VehicleInfo.tsx. */
+function isPluginHybrid(fuel) {
+    return fuel === 'selector_fuel_hybridElectricalDiesel' || fuel === 'selector_fuel_hybridElectricalPetrol';
+}
+/** Build the gallery URL list from real images, falling back to main image, then placeholder. */
+function buildGallery(storeCar, deps) {
+    const placeholder = deps.placeholder || exports.PLACEHOLDER_IMAGE;
+    // Only 'small' and 'large' variants are pre-generated by image-generator; 'medium' has no cached file.
+    const size = deps.imageSize || 'small';
+    // 1) Real loaded images from imagesStore.images.get(id).
+    if (Array.isArray(deps.loadedImages) && deps.loadedImages.length) {
+        const urls = deps.loadedImages
+            .map((img) => size === 'large'
+            ? img.imageUrlLarge || img.imageUrlMedium || img.imageUrl
+            : size === 'small'
+                ? img.imageUrlSmall || img.imageUrlMedium || img.imageUrl
+                : img.imageUrlMedium || img.imageUrlLarge || img.imageUrl)
+            .filter((u) => !!u);
+        if (urls.length)
+            return urls;
+    }
+    // 2) Not loaded yet, but we have a main image id + a URL builder → single real image.
+    const id = storeCar.id;
+    const mainImageId = storeCar.mainImageId;
+    const hasImages = num(storeCar.imagesCount);
+    if (deps.getImageUrl && id && mainImageId && hasImages) {
+        const url = deps.getImageUrl(id, mainImageId, size);
+        if (url)
+            return [url];
+    }
+    // 3) Nothing real yet — single placeholder (never a fabricated photo).
+    return [placeholder];
+}
+/** Build the optional PHEV EnVKV sub-block when the car is a plug-in hybrid and weighted data exists. */
+function buildPhev(storeCar, language) {
+    var _a, _b, _c;
+    const c = storeCar.consumption || {};
+    const e = storeCar.environmentEmissions || {};
+    if (!isPluginHybrid(c.fuel))
+        return undefined;
+    const consEl = (_a = num(c.wltpWeightedPowerCombined)) !== null && _a !== void 0 ? _a : num(c.consumptionPowerCombined);
+    const consFuel = num(c.wltpWeightedCombined);
+    const consDis = (_b = num(c.wltpCombined)) !== null && _b !== void 0 ? _b : num(c.consumptionCombined);
+    const co2w = (_c = num(e.wltpCo2)) !== null && _c !== void 0 ? _c : num(e.co2);
+    const clsW = co2ClassLetter(e.wltpEnergyEfficiencyClass);
+    const clsD = co2ClassLetter(e.wltpDischargedEnergyEfficiencyClass);
+    // Only emit the dual PHEV line when we actually have the weighted figures the
+    // EcoLine PHEV branch needs; otherwise let the normal single line render.
+    if (consEl == null || consFuel == null || co2w == null)
+        return undefined;
+    return {
+        consEl: `${consEl.toLocaleString(localeTag(language))} kWh/100 km`,
+        consFuel: `${consFuel.toLocaleString(localeTag(language))} l/100 km`,
+        consDis: consDis != null ? `${consDis.toLocaleString(localeTag(language))} l/100 km` : '–',
+        co2w: `${co2w.toLocaleString(localeTag(language))} g/km`,
+        co2classW: clsW || '–',
+        co2classD: clsD || clsW || '–',
+    };
+}
+// ---------------------------------------------------------------------------
+// main mapper
+// ---------------------------------------------------------------------------
+/**
+ * Convert one fe-main store car → AutobahnCar.
+ *
+ * @param storeCar the object from SearchResultsStore.getCarsForPage()
+ *   (shape = transformDataForVehicles output). `any` because the store car is
+ *   itself untyped (`getCarsForPage: (page) => any[]`).
+ * @param deps injected services/locale (see ToAutobahnCarDeps). Optional so the
+ *   mapper still runs in tests with zero wiring (gallery → placeholder, labels →
+ *   built-in de fallback).
+ */
+function toAutobahnCar(storeCar, deps = {}) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z;
+    const language = deps.language || DEFAULT_LANG;
+    const t = deps.t;
+    const title = storeCar.title || {};
+    const info = storeCar.info || {};
+    const engineData = storeCar.engineData || {};
+    const consumption = storeCar.consumption || {};
+    const emissions = storeCar.environmentEmissions || {};
+    const price = storeCar.price || {};
+    // --- price / monthly (REQUIRED) ---
+    // monthly ← price.financing.monthlyInstallment. This is the financing rate
+    // produced by FinancingStore via getComputedFinancing(config).financing
+    // (getFinancing.ts:82 `monthlyInstallment`), spread into price.financing by
+    // transformDataForVehicles (DataTransformers.ts:345). It is the LEAD price.
+    const monthly = (_b = num((_a = price === null || price === void 0 ? void 0 : price.financing) === null || _a === void 0 ? void 0 : _a.monthlyInstallment)) !== null && _b !== void 0 ? _b : 0;
+    // 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((_c = price === null || price === void 0 ? void 0 : price.financing) === null || _c === void 0 ? void 0 : _c.firstInstallment);
+    const finMonths = (_e = num((_d = price === null || price === void 0 ? void 0 : price.financing) === null || _d === void 0 ? void 0 : _d.paybackPeriod)) !== null && _e !== void 0 ? _e : num((_f = price === null || price === void 0 ? void 0 : price.financing) === null || _f === void 0 ? void 0 : _f.rawPaybackPeriod);
+    // price ← price.currentSalesPrice (DataTransformers.ts:352).
+    const purchase = (_g = num(price === null || price === void 0 ? void 0 : price.currentSalesPrice)) !== null && _g !== void 0 ? _g : 0;
+    // --- rating (REQUIRED-WHEN-PRICED) ← real Preisbewertung ---
+    // BL-08 (P1, MONEY): getPriceRating(0, 0) mathematically resolves to tier 5
+    // ("Top Preis" — the BEST possible rating). Its internal min/max bands are all
+    // `predicted * (1 ± pct)`, which collapse to 0 when predicted is 0, and the
+    // topPrice branch checks `currentSalesPrice <= min` — 0 <= 0 is true. A
+    // missing/broken price payload must NEVER get dressed up as the best deal on
+    // the lot. Only compute/emit a rating when there is a real, positive sales
+    // price; otherwise rating/ratingLabel stay '' (falsy) — every consumer
+    // (CarCard.tsx, cardParts.tsx, FinanceCalculator.tsx) already treats a falsy
+    // rating as "no badge", so no type change is needed here.
+    const predicted = purchase > 0 ? (0, priceRating_1.getPredictablePrice)(purchase, num(price === null || price === void 0 ? void 0 : price.mlCurrentSalesPricePredicted)) : undefined;
+    const { rating, ratingLabel } = purchase > 0 ? mapRating(purchase, predicted) : { rating: '', ratingLabel: '' };
+    // --- key specs ---
+    const powerKW = num(engineData.powerKW);
+    const powerPS = num(engineData.powerPS);
+    const power = (0, power_1.getPowerLabel)(powerKW, powerPS); // "150 kW (204 PS)"
+    const regTs = num(info.regDate);
+    const reg = regTs ? (0, DateUtils_1.formatTimestamp)({ timestamp: regTs, format: 'MM/YYYY' }) : '';
+    const ownersN = num(info.numberOfPreviousOwners);
+    // --- EnVKV consumption line (REQUIRED on every German car ad) ---
+    // Prefer WLTP figures when present (the legacy cards do too), else NEDC.
+    const consVal = (_h = num(consumption.wltpCombined)) !== null && _h !== void 0 ? _h : num(consumption.consumptionCombined);
+    const co2Val = (_j = num(emissions.wltpCo2)) !== null && _j !== void 0 ? _j : num(emissions.co2);
+    const cons = consVal != null ? `${consVal.toLocaleString(localeTag(language))} l/100 km` : '';
+    const co2 = co2Val != null ? `${co2Val.toLocaleString(localeTag(language))} g/km` : '';
+    const co2class = co2ClassLetter(emissions.wltpEnergyEfficiencyClass);
+    const phev = buildPhev(storeCar, language);
+    // --- media ---
+    const gallery = buildGallery(storeCar, deps);
+    const photos = (_k = num(storeCar.imagesCount)) !== null && _k !== void 0 ? _k : 0;
+    // --- optional: leasing rate — ONLY when leasing is actually active for this car.
+    // SearchResultsStore.getCarsForPage stamps price.leasing.isActive via getLeasingActive
+    // (car age + mileage within the leasing limits). Legacy SRP shows "Leasing ---" when
+    // inactive; we mirror that by leaving `lease` undefined so PricePaths omits the row
+    // (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((_l = price === null || price === void 0 ? void 0 : price.leasing) === null || _l === void 0 ? void 0 : _l.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((_m = price === null || price === void 0 ? void 0 : price.leasing) === null || _m === void 0 ? void 0 : _m.annualMileage) : undefined;
+    const leaseMonths = leasingActive ? num((_o = price === null || price === void 0 ? void 0 : price.leasing) === null || _o === void 0 ? void 0 : _o.paybackPeriod) : undefined;
+    // --- optional: list price / savings — ONLY from a real strike price ---
+    // transformDataForVehicles exposes oldMonthlyInstallment / highestPrice via
+    // the financing spread, and price.historyPriceDifference. There is NO reliable
+    // purchase-price strike on the search payload today, so we leave listPrice /
+    // savings UNDEFINED unless a real highestPrice strike exists above the sale
+    // price. See fieldMapping.ts — flagged for backend confirmation.
+    const isStrikeShown = !!((_p = price === null || price === void 0 ? void 0 : price.financing) === null || _p === void 0 ? void 0 : _p.isStrikeShown);
+    const highest = (_r = num((_q = price === null || price === void 0 ? void 0 : price.financing) === null || _q === void 0 ? void 0 : _q.highestPrice)) !== null && _r !== void 0 ? _r : num(price === null || price === void 0 ? void 0 : price.highestPrice);
+    let listPrice;
+    let savings;
+    if (isStrikeShown && highest != null && purchase > 0 && highest > purchase) {
+        listPrice = highest;
+        savings = highest - purchase;
+    }
+    // --- struck-through old rate per payment path — same isStrikeShown gate as the Kaufen
+    // strike above. getFinancing.ts/getLeasing.ts each compute their own real
+    // oldMonthlyInstallment from the same common.highestPrice; only emitted when the tabbed
+    // hero price actually has something real to strike against.
+    const oldMonthly = isStrikeShown ? num((_s = price === null || price === void 0 ? void 0 : price.financing) === null || _s === void 0 ? void 0 : _s.oldMonthlyInstallment) : undefined;
+    const oldLease = isStrikeShown && leasingActive ? num((_t = price === null || price === void 0 ? void 0 : price.leasing) === null || _t === void 0 ? void 0 : _t.oldMonthlyInstallment) : undefined;
+    // --- price drop (REAL) — mirrors the legacy SRL green "−X €" badge: show the reduction only
+    //     when price.historyPriceDifference is a meaningful amount (≥ 500 €, the legacy threshold).
+    const histDrop = num(price === null || price === void 0 ? void 0 : price.historyPriceDifference);
+    const drop = histDrop != null && histDrop >= 500 ? histDrop : undefined;
+    // percent reduction (historyPriceDifferencePerCent) — paired with `drop` for the −X% badge.
+    const histPct = num(price === null || price === void 0 ? void 0 : price.historyPriceDifferencePerCent);
+    const dropPct = drop != null && histPct != null && histPct > 0 ? Math.round(histPct) : undefined;
+    // --- NEU badge (REAL) — the legacy showNewLabel flag carried on the store car. ---
+    const isNew = !!storeCar.showNewLabel;
+    // --- availability (REAL) — offer.availabilityMode. 'always' → immediately available. ---
+    const offer = storeCar.offer && typeof storeCar.offer === 'object' ? storeCar.offer : {};
+    const availability = offer.availabilityMode === 'selector_availabilityMode_always'
+        ? t
+            ? t('autobahn:availability.immediately')
+            : 'Sofort verfügbar'
+        : undefined;
+    // 0 € Anzahlung available — transform sets offer.showDownPayment = (raw showDownPayment && zero first installment).
+    const zeroDown = !!offer.showDownPayment;
+    // --- gallery activity strip (REAL) — UserActionsAPI 'stats/viewers', injected via deps.stats. ---
+    const viewsCount = num((_u = deps.stats) === null || _u === void 0 ? void 0 : _u.totalCarImpCount);
+    const favoritesCount = num((_v = deps.stats) === null || _v === void 0 ? void 0 : _v.totalFavCount);
+    const carView = {
+        // identity / headline
+        make: String((_w = title.make) !== null && _w !== void 0 ? _w : ''),
+        model: String((_x = title.model) !== null && _x !== void 0 ? _x : ''),
+        trim: String((_y = title.subModel) !== null && _y !== void 0 ? _y : ''),
+        // key specs
+        km: (_z = num(info.mileage)) !== null && _z !== void 0 ? _z : 0,
+        reg,
+        power,
+        fuel: cbd(consumption.fuel, t),
+        gear: cbd(info.gearbox, t),
+        owners: ownersN !== null && ownersN !== void 0 ? ownersN : 0,
+        // price
+        monthly,
+        ...(finFirstInstallment != null ? { finFirstInstallment } : {}),
+        ...(finMonths != null ? { finMonths } : {}),
+        price: purchase,
+        // media
+        gallery,
+        photos,
+        // EnVKV
+        cons,
+        co2,
+        co2class: co2class || '',
+        ...(phev ? { phev } : {}),
+        // trust / features — equipment highlight chips (Matrix-LED, Virtual Cockpit, AHK, ACC, …).
+        // transformDataForVehicles extracted the present highlight selector-keys via getActualHighlights
+        // (reading the raw equipment categories); translate them to labels here (cbd → t('cbd:<key>')).
+        // First 4, like the design's card. Empty when the car has no notable equipment.
+        features: (Array.isArray(storeCar.highlights) ? storeCar.highlights : [])
+            .map((k) => cbd(k, t))
+            .filter((s) => !!s)
+            .slice(0, 4),
+        rating,
+        ratingLabel,
+        // optional (only when real)
+        ...(listPrice != null ? { listPrice } : {}),
+        ...(savings != null ? { savings } : {}),
+        ...(oldMonthly != null && oldMonthly > monthly ? { oldMonthly } : {}),
+        ...(oldLease != null && lease != null && oldLease > lease ? { oldLease } : {}),
+        ...(lease != null ? { lease } : {}),
+        ...(leaseMileage != null ? { leaseMileage } : {}),
+        ...(leaseMonths != null ? { leaseMonths } : {}),
+        ...(drop != null ? { drop } : {}),
+        ...(dropPct != null ? { dropPct } : {}),
+        ...(zeroDown ? { zeroDown } : {}),
+        ...(isNew ? { isNew } : {}),
+        ...(availability ? { availability } : {}),
+        ...(viewsCount != null ? { viewsCount } : {}),
+        ...(favoritesCount != null ? { favoritesCount } : {}),
+        // NEEDS-DATA: deliberately omitted (marketLow, marketAvg, marketHigh, watchers, views).
+        // The cards render 'Daten folgt' for these until a real backend exists.
+    };
+    return carView;
+}
+exports.default = toAutobahnCar;