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

package/constants/autobahn.ts

@@ -1,68 +1,69 @@
-// 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, no further imports. Split out of the package-root
-// `constants.ts` barrel so this file (and its importers) can be required WITHOUT also pulling in
-// `./constants/Search` (which `require()`s image assets — webpack-only, breaks any plain Node
-// consumer). `data/toAutobahnCar.ts` imports directly from here for that reason — see
-// [[meta-aia-marketing-image-generation]]. `constants.ts` re-exports everything here unchanged.
-//
-// 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';
+// 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, no further imports. Split out of the package-root
+// `constants.ts` barrel so this file (and its importers) can be required WITHOUT also pulling in
+// `./constants/Search` (which `require()`s image assets — webpack-only, breaks any plain Node
+// consumer). `data/toAutobahnCar.ts` imports directly from here for that reason.
+// `constants.ts` re-exports everything here unchanged.
+//
+// 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[] = ['#168A45', '#66B84D', '#F7C544', '#F26B43', '#E60000'];
+export const TIER_BACKGROUNDS: readonly string[] = ['#DFF3E5', '#E4F3DF', '#FFF6DB', '#FFEFD5', '#FFD3D3'];
+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';

package/constants.ts

@@ -1,31 +1,31 @@
-// 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';
+// 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.ts

@@ -137,8 +137,8 @@ const CBD_DE_FALLBACK: Record<string, string> = {
   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). */
+/** translate a cbd:* selector code → human label — the built-in de fallback applies whenever
+ *  no `t` is injected (e.g. no i18next available). */
 export function cbd(code: any, t?: (key: string, options?: object) => string): string {
   if (code == null || code === 'N/A') return '';
   const key = String(code);
@@ -213,9 +213,8 @@ export function mapRating(currentSalesPrice?: number, predicted?: number): { rat
 /**
  * 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).
+ * peach, not green). Pure/non-React on purpose: shared by the web card's StatChip via
+ * cards/cardParts.tsx's re-export.
  */
 export function ratingTone(rating: string): 'good' | 'warn' {
   return rating === 'top' || rating === 'good' ? 'good' : 'warn';