@bytebrand/fe-ui-core-autobahn 1.0.50 → 1.0.53

package/cards/types.d.ts

@@ -0,0 +1,112 @@
+/** Pkw-EnVKV plug-in-hybrid consumption block (only present for PHEV cars). */
+export interface AutobahnPhev {
+    /** electric consumption, e.g. '17,3 kWh/100 km'. */
+    consEl: string;
+    /** fuel consumption (weighted, combined), e.g. '1,2 l/100 km'. */
+    consFuel: string;
+    /** consumption when battery is discharged, e.g. '6,4 l/100 km'. */
+    consDis: string;
+    /** weighted combined CO₂, e.g. '28 g/km'. */
+    co2w: string;
+    /** CO₂ class (weighted). */
+    co2classW: string;
+    /** CO₂ class (discharged). */
+    co2classD: string;
+}
+/**
+ * View-model for a single car as rendered by the Autobahn car cards.
+ *
+ * REQUIRED fields are always populated with real data.
+ * OPTIONAL fields (`?`) have no real data source yet — when absent the cards
+ * render the 'Daten folgt' marker rather than inventing a value.
+ */
+export interface AutobahnCar {
+    make: string;
+    model: string;
+    trim: string;
+    /** mileage in km (raw number; formatted de-DE by the cards). */
+    km: number;
+    /** first registration, e.g. '03/2021'. */
+    reg: string;
+    /** power label, e.g. '110 kW (150 PS)'. */
+    power: string;
+    /** fuel label, e.g. 'Benzin' / 'Plug-in-Hybrid'. */
+    fuel: string;
+    /** gearbox label, e.g. 'Automatik' / 'Schaltgetriebe'. */
+    gear: string;
+    /** number of previous owners (rendered as 'N. Hand'). */
+    owners: number;
+    /** financing monthly rate in EUR — the LEAD price on every card. */
+    monthly: number;
+    /**
+     * financing terms the `monthly` rate was computed with — the per-car merged
+     * config (dealer rate + the user's saved localStorage adjustments, ADV-157).
+     * Absent → the card falls back to the fe-financing default-config terms.
+     */
+    finFirstInstallment?: number;
+    finMonths?: number;
+    /** purchase price in EUR (raw number; formatted de-DE by the cards). */
+    price: number;
+    /** ready-to-use image URLs for the carousel. */
+    gallery: string[];
+    /** total photo count for the image-count badge. */
+    photos: number;
+    /** combined fuel consumption label, e.g. '5,4 l/100 km'. */
+    cons: string;
+    /** combined CO₂ emissions label, e.g. '124 g/km'. */
+    co2: string;
+    /** CO₂ efficiency class letter, e.g. 'B'. */
+    co2class: string;
+    /** present only for plug-in hybrids — drives the dual-figure EnVKV line. */
+    phev?: AutobahnPhev;
+    /** equipment highlight chips (first few are shown on the row card). */
+    features: string[];
+    /** price rating tone: 'fair' → warn pill, anything else → good pill. */
+    rating: string;
+    /** price rating label shown in the pill, e.g. 'Guter Preis'. */
+    ratingLabel: string;
+    /** true → show the "NEU" badge (legacy showNewLabel: new / recently-listed car). */
+    isNew?: boolean;
+    /**
+     * struck-through previous financing rate (getFinancing.ts `oldMonthlyInstallment`), gated by
+     * the same real isStrikeShown flag as `listPrice`/`savings`. Absent → no strike under the
+     * Finanzierung tab's hero rate.
+     */
+    oldMonthly?: number;
+    /** struck-through previous leasing rate (getLeasing.ts `oldMonthlyInstallment`), same gating. */
+    oldLease?: number;
+    /** availability label, e.g. 'Sofort verfügbar' (offer.availabilityMode). Absent → not shown. */
+    availability?: string;
+    /** percent price reduction (price.historyPriceDifferencePerCent) — pairs with `drop` for the −X% badge. */
+    dropPct?: number;
+    /** 0 € Anzahlung available (offer.showDownPayment) — drives the "0 € Anz." badge. */
+    zeroDown?: boolean;
+    /** original list price (for the struck-through reference price). */
+    listPrice?: number;
+    /** savings vs. list price in EUR (gates the savings/strike UI; >600 to show). */
+    savings?: number;
+    /** real price reduction on THIS car in EUR (gates the DropChip). */
+    drop?: number;
+    /** lowest comparable market price in EUR (market band lower bound). */
+    marketLow?: number;
+    /** average comparable market price in EUR (market band reference). */
+    marketAvg?: number;
+    /** highest comparable market price in EUR (market band upper bound). */
+    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). */
+    views?: number;
+    /** total detail-page views (stats totalCarImpCount) — shown as the eye pill under the image. */
+    viewsCount?: number;
+    /** total users who favorited this car (stats totalFavCount) — shown as the heart pill under the image. */
+    favoritesCount?: number;
+}

package/cards/types.js

@@ -0,0 +1,14 @@
+"use strict";
+// Autobahn (auto.de redesign) — car-card view-model type.
+//
+// Typed contract for the ported car cards (CarCard / CarRow). This is a pure
+// presentational view-model: the cards receive a fully-resolved `AutobahnCar`
+// and never touch the store, API or `window`.
+//
+// IMPORTANT — needs-data discipline:
+// The REQUIRED fields below always carry real data from the search/listing
+// source. The OPTIONAL fields are ones we have NO real source for yet; they are
+// `?`-optional ON PURPOSE so the components can detect their absence and render
+// the `NEEDS_DATA_LABEL` ('Daten folgt') marker instead of a fabricated number.
+// Never default these to placeholder values.
+Object.defineProperty(exports, "__esModule", { value: true });

package/cards/types.ts

@@ -92,6 +92,14 @@ export interface AutobahnCar {
   ratingLabel: string;
   /** true → show the "NEU" badge (legacy showNewLabel: new / recently-listed car). */
   isNew?: boolean;
+  /**
+   * struck-through previous financing rate (getFinancing.ts `oldMonthlyInstallment`), gated by
+   * the same real isStrikeShown flag as `listPrice`/`savings`. Absent → no strike under the
+   * Finanzierung tab's hero rate.
+   */
+  oldMonthly?: number;
+  /** struck-through previous leasing rate (getLeasing.ts `oldMonthlyInstallment`), same gating. */
+  oldLease?: number;
   /** availability label, e.g. 'Sofort verfügbar' (offer.availabilityMode). Absent → not shown. */
   availability?: string;
   /** percent price reduction (price.historyPriceDifferencePerCent) — pairs with `drop` for the −X% badge. */

package/constants/autobahn.d.ts

@@ -0,0 +1,22 @@
+/** Pkw-EnVKV CO₂ efficiency classes (best → worst) and their band colors. */
+export declare const CO2_CLASSES: readonly ["A", "B", "C", "D", "E", "F", "G"];
+export type Co2Class = (typeof CO2_CLASSES)[number];
+export declare const CO2_COLORS: readonly string[];
+/** Preisbewertung (price-rating) tiers, index 0 = Top … 4 = Hoch. green → red. */
+export declare const TIER_LABELS: readonly ["Top Preis", "Guter Preis", "Fairer Preis", "Erhöht", "Hoher Preis"];
+export declare const TIER_KEYS: readonly ["top", "good", "fair", "raised", "high"];
+export declare const TIER_COLORS: readonly string[];
+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 declare const SORTS: readonly ["Relevanz", "Preis aufsteigend", "Preis absteigend", "Erstzulassung", "Kilometerstand", "Leistung"];
+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 declare const QUICK_FILTERS: readonly QuickFilter[];
+/** Brand shortlist for the Marke select (full list comes from appStore.manufacturers at runtime). */
+export declare const BRANDS: readonly string[];
+/** 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 declare const BODY_TYPES: readonly BodyType[];
+/** Marker text rendered wherever the design shows a field we have no real data source for yet. */
+export declare const NEEDS_DATA_LABEL = "Daten folgt";

package/constants/autobahn.js

@@ -0,0 +1,57 @@
+"use strict";
+// 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.
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NEEDS_DATA_LABEL = exports.BODY_TYPES = exports.BRANDS = exports.QUICK_FILTERS = exports.SORTS = exports.TIER_COLORS = exports.TIER_KEYS = exports.TIER_LABELS = exports.CO2_COLORS = exports.CO2_CLASSES = void 0;
+/** Pkw-EnVKV CO₂ efficiency classes (best → worst) and their band colors. */
+exports.CO2_CLASSES = ['A', 'B', 'C', 'D', 'E', 'F', 'G'];
+exports.CO2_COLORS = [
+    '#1FA01F', '#5DAE2E', '#9FC21C', '#F2C200', '#F2900D', '#E8601A', '#D4202B',
+];
+/** Preisbewertung (price-rating) tiers, index 0 = Top … 4 = Hoch. green → red. */
+exports.TIER_LABELS = ['Top Preis', 'Guter Preis', 'Fairer Preis', 'Erhöht', 'Hoher Preis'];
+// 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).
+exports.TIER_KEYS = ['top', 'good', 'fair', 'raised', 'high'];
+exports.TIER_COLORS = ['#0F7B43', '#4FA86B', '#C7B53A', '#E08A2B', '#D4502B'];
+/** SRP sort options (labels match the design; mapped to real sort params by the SRP container). */
+exports.SORTS = [
+    'Relevanz',
+    'Preis aufsteigend',
+    'Preis absteigend',
+    'Erstzulassung',
+    'Kilometerstand',
+    'Leistung',
+];
+exports.QUICK_FILTERS = [
+    ['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). */
+exports.BRANDS = [
+    'VW', 'Mercedes-Benz', 'BMW', 'Audi', 'Opel', 'Škoda', 'Ford', 'Hyundai',
+];
+exports.BODY_TYPES = [
+    ['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. */
+exports.NEEDS_DATA_LABEL = 'Daten folgt';

package/constants/autobahn.ts

@@ -0,0 +1,68 @@
+// 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';

package/constants/core.d.ts

@@ -0,0 +1,152 @@
+export declare enum N {
+    ZERO = 0,
+    ONE = 1,
+    TWO = 2,
+    THREE = 3,
+    FOUR = 4,
+    FIVE = 5,
+    FOURTEEN = 14,
+    FIFTEEN = 15,
+    HUNDRED = 100,
+    THOUSAND = 1000
+}
+export declare const THREE = 3;
+export declare const FOUR = 4;
+export declare const FIVE = 5;
+export declare const FIFTEEN = 15;
+export declare const FOURTEEN = 14;
+export declare const HUNDRED = 100;
+export declare const THOUSAND = 1000;
+export declare const PREDICTABLE_PRICE_INDEX = 1.07814;
+export declare const CONTAINER_STYLES: {
+    display: string;
+    flexDirection: string;
+    alignItems: string;
+    justifyContent: string;
+};
+export declare const LOCAL_STORAGE_KEY: {
+    JWT_TOKEN_KEY: string;
+    JWT_USER_NAME_KEY: string;
+    i18n_KEY: string;
+};
+export declare const DEFAULT_LANG: string;
+export declare const ROW_STYLES: {
+    marginBottom: number;
+};
+export declare const COLUMN_STYLES: {
+    padding: number;
+    boxSizing: string;
+};
+export declare const ONLINE_SINCE_KEY: string;
+export declare const CONSUMPTION_KEY: string;
+export declare const EMISSION_CLASS_KEY: string;
+export declare const EMISSION_STICKER_KEY: string;
+export declare const PARTICULATE_FILTER_KEY: string;
+export declare const GENERAL_INSPECTION_KEY: string;
+export declare const DELIVERY_PERIODS_EXTRA: {
+    label: RegExpMatchArray;
+    value: string;
+}[];
+export declare const WLTP_ENERGY_EFFICIENCY_CLASS: string[];
+export declare const offers: ({
+    name: string;
+    periods: number[];
+    sliders: ({
+        name: string;
+        min: number;
+        step: number;
+        unit: string;
+        withRangeLimit: boolean;
+        max?: undefined;
+    } | {
+        name: string;
+        min: number;
+        max: number;
+        step: number;
+        unit: string;
+        withRangeLimit?: undefined;
+    })[];
+    isActive?: undefined;
+} | {
+    name: string;
+    periods: number[];
+    sliders: ({
+        name: string;
+        min: number;
+        step: number;
+        unit: string;
+        max?: undefined;
+    } | {
+        name: string;
+        min: number;
+        max: number;
+        step: number;
+        unit: string;
+    })[];
+    isActive?: undefined;
+} | {
+    name: string;
+    periods?: undefined;
+    sliders?: undefined;
+    isActive?: undefined;
+} | {
+    name: string;
+    periods: number[];
+    isActive: boolean;
+    sliders?: undefined;
+})[];
+export declare const checkoutOffers: ({
+    name: string;
+    periods: number[];
+    sliders: ({
+        name: string;
+        min: number;
+        step: number;
+        unit: string;
+        max?: undefined;
+    } | {
+        name: string;
+        min: number;
+        max: number;
+        step: number;
+        unit: string;
+    })[];
+    isActive?: undefined;
+} | {
+    name: string;
+    periods?: undefined;
+    sliders?: undefined;
+    isActive?: undefined;
+} | {
+    name: string;
+    periods: number[];
+    isActive: boolean;
+    sliders?: undefined;
+})[];
+export declare const comparableKeys: string[];
+export declare const aboColorOptions: string[];
+export declare const aboIncludedServices: string[];
+export declare const aboFaq: string[];
+export declare const checkoutWarranties: ({
+    name: string;
+    color0: string;
+    color1: string;
+    isWarrantyActive: boolean;
+} | {
+    name: string;
+    color0: string;
+    color1: string;
+    isWarrantyActive?: undefined;
+})[];
+export declare const checkoutStepUrls: string[];
+export declare const checkoutSteps: {
+    pathname: string;
+    component: string;
+    props: string;
+    minutes: number;
+}[];
+export declare const checkoutSubStep: {
+    pathname: string;
+    component: string;
+    props: string;
+};

package/constants/core.js

@@ -0,0 +1,124 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkoutSubStep = exports.checkoutSteps = exports.checkoutStepUrls = exports.checkoutWarranties = exports.aboFaq = exports.aboIncludedServices = exports.aboColorOptions = exports.comparableKeys = exports.checkoutOffers = exports.offers = exports.WLTP_ENERGY_EFFICIENCY_CLASS = exports.DELIVERY_PERIODS_EXTRA = exports.GENERAL_INSPECTION_KEY = exports.PARTICULATE_FILTER_KEY = exports.EMISSION_STICKER_KEY = exports.EMISSION_CLASS_KEY = exports.CONSUMPTION_KEY = exports.ONLINE_SINCE_KEY = exports.COLUMN_STYLES = exports.ROW_STYLES = exports.DEFAULT_LANG = exports.LOCAL_STORAGE_KEY = exports.CONTAINER_STYLES = exports.PREDICTABLE_PRICE_INDEX = exports.THOUSAND = exports.HUNDRED = exports.FOURTEEN = exports.FIFTEEN = exports.FIVE = exports.FOUR = exports.THREE = exports.N = void 0;
+const selectors_1 = require("./selectors");
+var N;
+(function (N) {
+    N[N["ZERO"] = 0] = "ZERO";
+    N[N["ONE"] = 1] = "ONE";
+    N[N["TWO"] = 2] = "TWO";
+    N[N["THREE"] = 3] = "THREE";
+    N[N["FOUR"] = 4] = "FOUR";
+    N[N["FIVE"] = 5] = "FIVE";
+    N[N["FOURTEEN"] = 14] = "FOURTEEN";
+    N[N["FIFTEEN"] = 15] = "FIFTEEN";
+    N[N["HUNDRED"] = 100] = "HUNDRED";
+    N[N["THOUSAND"] = 1000] = "THOUSAND";
+})(N || (exports.N = N = {}));
+// interface IPriceTabs {
+//   fin: number[];
+//   leasing: number[];
+//   buy: number[];
+//   abo: number[];
+//   [key: string]: any;
+// }
+exports.THREE = 3; // tab index
+exports.FOUR = 4; // tab index
+exports.FIVE = 5; // tab index
+exports.FIFTEEN = 15; // font-size
+exports.FOURTEEN = 14;
+exports.HUNDRED = 100;
+exports.THOUSAND = 1000;
+exports.PREDICTABLE_PRICE_INDEX = 1.07814;
+exports.CONTAINER_STYLES = {
+    display: 'flex',
+    flexDirection: 'row',
+    alignItems: 'stretch',
+    justifyContent: 'center'
+};
+exports.LOCAL_STORAGE_KEY = {
+    JWT_TOKEN_KEY: 'auto_jwt_token',
+    JWT_USER_NAME_KEY: 'auto_jwt_username',
+    i18n_KEY: 'i18nLanguage'
+};
+exports.DEFAULT_LANG = typeof window !== 'undefined' ? window.localStorage.getItem(exports.LOCAL_STORAGE_KEY.i18n_KEY) : 'de';
+exports.ROW_STYLES = {
+    marginBottom: 10
+};
+exports.COLUMN_STYLES = {
+    padding: 10,
+    boxSizing: 'border-box'
+};
+exports.ONLINE_SINCE_KEY = 'ONLINE_SINCE';
+exports.CONSUMPTION_KEY = 'CONSUMPTION';
+// detailed search keys
+exports.EMISSION_CLASS_KEY = 'EMISSION_CLASS';
+exports.EMISSION_STICKER_KEY = 'EMISSION_STICKER';
+exports.PARTICULATE_FILTER_KEY = 'PARTICULATE_FILTER';
+exports.GENERAL_INSPECTION_KEY = 'GENERAL_INSPECTION';
+exports.DELIVERY_PERIODS_EXTRA = selectors_1.DELIVERY_PERIODS.map((val) => ({
+    label: val.match(/\d+/),
+    value: val
+}));
+exports.WLTP_ENERGY_EFFICIENCY_CLASS = [
+    "selector_energyEfficiencyClass_a",
+    "selector_energyEfficiencyClass_b",
+    "selector_energyEfficiencyClass_c",
+    "selector_energyEfficiencyClass_d",
+    "selector_energyEfficiencyClass_e",
+    "selector_energyEfficiencyClass_f",
+    "selector_energyEfficiencyClass_g"
+];
+exports.offers = [
+    {
+        name: 'financing',
+        periods: [12, 24, 36, 48, 60, 72, 84, 96], // tslint:disable-line
+        sliders: [
+            { name: 'firstInstallment', min: 0, step: 100, unit: 'euro', withRangeLimit: true }, // tslint:disable-line
+            { name: 'annualMileage', min: 5000, max: 60000, step: 5000, unit: 'km' } // tslint:disable-line
+        ]
+    },
+    {
+        name: 'leasing',
+        periods: [30, 36, 42, 48, 54, 60], // tslint:disable-line
+        sliders: [
+            { name: 'firstInstallment', min: 0, step: 100, unit: 'euro' }, // tslint:disable-line
+            { name: 'annualMileage', min: 5000, max: 60000, step: 5000, unit: 'km' } // tslint:disable-line
+        ]
+    },
+    { name: 'buy' },
+    { name: 'abo', periods: [1, 2, 6, 9, 12, 18], isActive: false } // tslint:disable-line
+];
+exports.checkoutOffers = [exports.offers[0], exports.offers[1], exports.offers[exports.THREE], exports.offers[2]];
+exports.comparableKeys = ['paybackPeriod', 'annualMileage', 'firstInstallment', 'withAddServices', 'withTransportation'];
+exports.aboColorOptions = ['black', 'grey', 'white', 'blue'];
+exports.aboIncludedServices = [
+    'KFZ-Versicherung (Haftpflicht, Teil- & Vollkasko)',
+    '4 Jahre Garantie',
+    'Wartung, Verschleiß & wintertaugliche Reifen',
+    'Zulassung',
+    'Steuer'
+];
+exports.aboFaq = [
+    'Wer kann dieses Abo buchen?',
+    'Wie erfolgen Übergabe und Ruckgabe?',
+    'Wie lang ist die Laufzeit?',
+    'Was kostet ein Auto Abo?'
+];
+exports.checkoutWarranties = [
+    { name: 'silver', color0: '#A2A0A3', color1: '#D6D6D6', isWarrantyActive: true },
+    { name: 'bronze', color0: '#A18151', color1: '#E9BC79' },
+    { name: 'gold', color0: '#F2D88F', color1: '#B79D62' },
+    { name: 'no-warranty', color0: '#F2D88F', color1: '#B79D62' }
+];
+exports.checkoutStepUrls = [
+    'contact-information', 'payment-type', 'payment-details', 'additional-services', 'order-overview', 'additional-services-delivery'
+];
+exports.checkoutSteps = [
+    { pathname: 'contact-information', component: 'ContactInformation', props: 'contactInformationProps', minutes: 2 },
+    { pathname: 'payment-type', component: 'PaymentType', props: 'paymentTypeProps', minutes: 1 },
+    { pathname: 'payment-details', component: 'PaymentDetails', props: 'paymentDetailsProps', minutes: 2 },
+    { pathname: 'additional-services', component: 'AdditionalServices', props: 'additionalServicesProps', minutes: 2 },
+    { pathname: 'order-overview', component: 'OrderOverview', props: 'orderOverviewProps', minutes: 1 }
+];
+exports.checkoutSubStep = { pathname: 'additional-services-delivery', component: 'DeliveryServices', props: 'deliveryServicesProps' };

package/constants/price.d.ts

@@ -0,0 +1,2 @@
+export declare const priceRatings: string[];
+export declare const priceRatingConfig: any;

package/constants/price.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.priceRatingConfig = exports.priceRatings = void 0;
+exports.priceRatings = ['noRating', 'highPrice', 'increasedPrice', 'fairPrice', 'goodPrice', 'topPrice'];
+exports.priceRatingConfig = {
+    topPrice: { min: -25, max: -9 },
+    goodPrice: { min: -9, max: -4 },
+    fairPrice: { min: -4, max: 4 },
+    increasedPrice: { min: 4, max: 17 },
+    highPrice: { min: 17, max: 25 }
+};

package/constants/selectors.d.ts

@@ -0,0 +1,11 @@
+export declare const BODY_TYPES: string[];
+export declare const FUEL_TYPES: string[];
+export declare const TRANSMISSION_TYPES: string[];
+export declare const DRIVE_TYPES: string[];
+export declare const EXTERIOR_COLORS: string[];
+export declare const INTERIOR_COLORS: string[];
+export declare const INTERIOR_TYPES: string[];
+export declare const HIGHLIGHTS_TYPES: string[];
+export declare const EMISSION_CLASS: string[];
+export declare const EMISSION_STICKERS: string[];
+export declare const DELIVERY_PERIODS: string[];

package/constants/selectors.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DELIVERY_PERIODS = exports.EMISSION_STICKERS = exports.EMISSION_CLASS = exports.HIGHLIGHTS_TYPES = exports.INTERIOR_TYPES = exports.INTERIOR_COLORS = exports.EXTERIOR_COLORS = exports.DRIVE_TYPES = exports.TRANSMISSION_TYPES = exports.FUEL_TYPES = exports.BODY_TYPES = void 0;
+const car_schema_selectors_1 = require("@bytebrand/car-schema-selectors");
+// Basic data
+exports.BODY_TYPES = car_schema_selectors_1.selectors.category
+    .filter(category => category !== 'selector_unknown');
+// Engine | Transmission | Drive
+exports.FUEL_TYPES = car_schema_selectors_1.selectors.fuel
+    .filter(fuel => fuel !== 'selector_unknown');
+exports.TRANSMISSION_TYPES = car_schema_selectors_1.selectors.gearbox
+    .filter((gearbox) => gearbox !== 'selector_unknown');
+exports.DRIVE_TYPES = car_schema_selectors_1.selectors.driveType
+    .filter((driveType) => driveType !== 'selector_unknown');
+// Color | Pad
+exports.EXTERIOR_COLORS = car_schema_selectors_1.selectors.exteriorColor
+    .filter((color) => color !== 'selector_unknown');
+exports.INTERIOR_COLORS = car_schema_selectors_1.selectors.interiorColor
+    .filter((color) => color !== 'selector_unknown');
+exports.INTERIOR_TYPES = car_schema_selectors_1.selectors.interiorType
+    .filter((color) => color !== 'selector_unknown');
+// Highlights
+exports.HIGHLIGHTS_TYPES = Object.keys(car_schema_selectors_1.selectors.highlights)
+    .map((key) => car_schema_selectors_1.selectors.highlights[key].tkey);
+// Environment
+exports.EMISSION_CLASS = car_schema_selectors_1.selectors.emissionClass
+    .filter((emClass) => emClass !== 'selector_unknown');
+exports.EMISSION_STICKERS = car_schema_selectors_1.selectors.emissionSticker
+    .filter((sticker) => sticker !== 'selector_unknown');
+// Availability
+exports.DELIVERY_PERIODS = car_schema_selectors_1.selectors.deliveryPeriod
+    .filter((deliveryPeriod) => deliveryPeriod !== 'selector_unknown');