@bytebrand/fe-ui-core-autobahn 1.0.60 → 1.0.62

package/cards/index.ts

@@ -21,6 +21,8 @@ export {
   PricePaths,
   PriceKauf,
   PriceMeter,
+  PriceEvalCol,
+  PriceTerms,
   PpActivity,
   GalleryBadges,
   OfferBadge,
@@ -28,6 +30,7 @@ export {
   PriceHero,
   CardCtaRow,
   GalleryCounter,
+  GalleryActivityPill,
   ratingTone,
   DEALER_SALES_PHONE,
   callDealerSalesPhone,
@@ -45,6 +48,7 @@ export type {
   PriceHeroProps,
   CardCtaRowProps,
   GalleryCounterProps,
+  GalleryActivityPillProps,
 } from './cardParts';
 
 export type { AutobahnCar, AutobahnPhev } from './types';

package/cards/types.ts

@@ -70,6 +70,12 @@ export interface AutobahnCar {
   // --- media (always real) ---
   /** ready-to-use image URLs for the carousel. */
   gallery: string[];
+  /**
+   * Full-resolution counterpart of `gallery`, same length/order — only set when the card was
+   * built with a smaller `imageSize` (grid cards). A lightbox opened from the card (CarCard's
+   * photo-count pill → VdpViewer) should prefer this over the small thumbnail URLs.
+   */
+  galleryLarge?: string[];
   /** total photo count for the image-count badge. */
   photos: number;
 
@@ -128,6 +134,7 @@ export interface AutobahnCar {
    */
   leaseMileage?: number;
   leaseMonths?: number;
+  leaseFirstInstallment?: number;
   /** number of buyers currently watching this car. */
   watchers?: number;
   /** number of recent views (drives the 'vor N Std' cue). */

package/data/toAutobahnCar.ts

@@ -225,11 +225,13 @@ function isPluginHybrid(fuel: any): boolean {
   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: any, deps: ToAutobahnCarDeps): string[] {
+/** Build the gallery URL list from real images, falling back to main image, then placeholder.
+ *  `sizeOverride` lets a caller ask for a different size than `deps.imageSize` (e.g. a full-res
+ *  set for a lightbox, while the card thumbnail itself stays on the smaller default). */
+function buildGallery(storeCar: any, deps: ToAutobahnCarDeps, sizeOverride?: 'small' | 'medium' | 'large'): string[] {
   const placeholder = deps.placeholder || PLACEHOLDER_IMAGE;
   // Only 'small' and 'large' variants are pre-generated by image-generator; 'medium' has no cached file.
-  const size = deps.imageSize || 'small';
+  const size = sizeOverride || deps.imageSize || 'small';
 
   // 1) Real loaded images from imagesStore.images.get(id).
   if (Array.isArray(deps.loadedImages) && deps.loadedImages.length) {
@@ -362,6 +364,11 @@ export function toAutobahnCar(storeCar: any, deps: ToAutobahnCarDeps = {}): Auto
 
   // --- media ---
   const gallery = buildGallery(storeCar, deps);
+  // Card grids ask for a smaller `imageSize` (perf) — but a lightbox opened FROM that card
+  // (CarCard's photo-count pill → VdpViewer) shouldn't be stuck showing the small thumbnails
+  // blown up full-screen. Build a real full-res set alongside, from the same already-loaded
+  // images (no extra fetch) — only when the requested size isn't already 'large'.
+  const galleryLarge = (deps.imageSize || 'small') !== 'large' ? buildGallery(storeCar, deps, 'large') : undefined;
   const photos = num(storeCar.imagesCount) ?? 0;
 
   // --- optional: leasing rate — ONLY when leasing is actually active for this car.
@@ -376,6 +383,7 @@ export function toAutobahnCar(storeCar: any, deps: ToAutobahnCarDeps = {}): Auto
   // 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;
+  const leaseFirstInstallment = leasingActive ? num(price?.leasing?.firstInstallment) : undefined;
 
   // --- optional: list price / savings — ONLY from a real strike price ---
   // transformDataForVehicles exposes oldMonthlyInstallment / highestPrice via
@@ -447,6 +455,7 @@ export function toAutobahnCar(storeCar: any, deps: ToAutobahnCarDeps = {}): Auto
 
     // media
     gallery,
+    ...(galleryLarge ? { galleryLarge } : {}),
     photos,
 
     // EnVKV
@@ -474,6 +483,7 @@ export function toAutobahnCar(storeCar: any, deps: ToAutobahnCarDeps = {}): Auto
     ...(lease != null ? { lease } : {}),
     ...(leaseMileage != null ? { leaseMileage } : {}),
     ...(leaseMonths != null ? { leaseMonths } : {}),
+    ...(leaseFirstInstallment != null ? { leaseFirstInstallment } : {}),
     ...(drop != null ? { drop } : {}),
     ...(dropPct != null ? { dropPct } : {}),
     ...(zeroDown ? { zeroDown } : {}),

package/locales/de/autobahn.json

@@ -11,7 +11,12 @@
     "price": {
       "financeTerms": "{{firstInstallment}} € Anzahlung · {{months}} Monate Laufzeit",
       "financeTerms_plural": "{{firstInstallment}} € Anzahlung · {{months}} Monate Laufzeit",
-      "leaseTerms": "{{mileage}} km/Jahr · {{months}} Monate",
+      "leaseTerms": "{{firstInstallment}} € Sonderzahlung · {{months}} Mon. · {{mileage}} km/Jahr",
+      "detailsLink": "Details",
+      "uvpRateLabel": "UVP-Rate",
+      "uvpRateTooltipBody": "Rechnerische Vergleichsrate auf Basis der unverbindlichen Preisempfehlung des Herstellers und mit denselben Finanzierungsparametern wie das Angebot. Keine früher verlangte Rate. Das Rundum-Sorglos-Paket wird einmalig separat berechnet.",
+      "uvpRateTooltipBodyLeasing": "Die durchgestrichene UVP-Rate ist eine rechnerische Vergleichsrate auf Basis der unverbindlichen Preisempfehlung des Herstellers. Für die Berechnung werden dieselben Leasingparameter wie beim angebotenen Leasing verwendet, insbesondere Laufzeit, Sonderzahlung und Laufleistung. Die UVP-Rate ist keine früher von auto.de verlangte Rate.",
+      "uvpListTooltipBody": "Die Hersteller-UVP ist die unverbindliche Preisempfehlung des Herstellers für dieses Fahrzeug zum Zeitpunkt der Erstzulassung einschließlich der bei der Berechnung berücksichtigten Ausstattung. Sie ist kein früher von auto.de verlangter Verkaufspreis.",
       "purchasePrice": "Kaufpreis",
       "priceDropAmount": "−{{amount}} €",
       "priceDropSave": "{{amount}} € sparen",
@@ -88,13 +93,10 @@
     "downPaymentSliderLabel": "Anzahlung",
     "annualMileageLabel": "Laufleistung / Jahr",
     "purchasePrice": "Kaufpreis",
-    "kmPerYear": "{{value}} km/Jahr",
     "perMonth": "/mtl.",
     "leasingDetails": "Leasing-Details",
     "financingDetails": "Finanzierungsdetails",
-    "personalConsultation": "Persönliche Beratung",
-    "personalConsultationSub": "Wir sind für Sie da",
-    "financingLeasingPossible": "Finanzierung & Leasing möglich",
+    "personalConsultationLine": "Persönliche Beratung. Wir sind für Sie da!",
     "requestRate": "Rate anfragen",
     "callCta": "Anrufen",
     "finalInstallmentToggle": "Mit Schlussrate",
@@ -683,35 +685,46 @@
     "leasingDetails": "Leasingdetails",
     "financingDetails": "Finanzierungsdetails",
     "close": "Schließen",
-    "vehiclePrice": "Fahrzeugpreis",
+    "vehiclePrice": "Fahrzeugpreis ggf. inkl. MwSt.",
     "leasingAmount": "Leasingbetrag",
     "netLoanAmount": "Nettodarlehensbetrag",
     "downPayment": "Anzahlung",
     "annualMileage": "Laufleistung / Jahr",
-    "term": "Laufzeit",
+    "term": "Vertragslaufzeit",
     "months": "{{months}} Monat",
     "months_plural": "{{months}} Monate",
-    "nominalRate": "Sollzinssatz p.a.",
-    "effectiveRate": "eff. Jahreszins",
+    "nominalRate": "Sollzinssatz p. a. (gebunden)",
+    "effectiveRate": "Effektiver Jahreszins",
     "finalInstallment": "Schlussrate",
     "leasingRate": "Leasingrate",
     "monthlyRate": "Monatsrate",
+    "leasingRateCount": "{{count}} Leasingrate à",
+    "leasingRateCount_plural": "{{count}} Leasingraten à",
+    "monthlyRateCount": "{{count}} Rate à",
+    "monthlyRateCount_plural": "{{count}} Raten à",
+    "addServicesRow": "Rundum-Sorglos-Paket (einmalig)",
     "ratePerMonth": "{{amount}} € /mtl.",
     "totalAmount": "Gesamtbetrag",
-    "totalRepayment": "Gesamtrückzahlungsbetrag",
+    "totalRepayment": "Gesamtbetrag Finanzierung",
+    "totalCostWithPackage": "Gesamtbelastung inkl. Anzahlung & Paket",
+    "totalCost": "Gesamtbelastung inkl. Anzahlung",
+    "listPrice": "Listenpreis (UVP)",
+    "representativeExample": "Repräsentatives Beispiel",
+    "vatDisclaimer": "(alle Preisangaben ggf. inkl. der jeweils gesetzlich gültigen MwSt., derzeit 19%)",
+    "lenderLabel": "Darlehensgeber:",
+    "lenderName": "Open Bank AG, Santander-Platz 1, 41061 Mönchengladbach",
+    "legalNoticesTitle": "Rechtliche Hinweise",
+    "legalNoticeCreditworthiness": "Bonität vorausgesetzt.",
+    "legalNoticeExample": "Repräsentatives Beispiel gem. § 17 PAngV.",
+    "legalNoticeTwoThirds": "Mindestens zwei Drittel der Verträge kommen zu diesem oder einem günstigeren effektiven Jahreszins zustande.",
+    "legalNoticeVat": "Alle Preisangaben inkl. der jeweils gesetzlich gültigen MwSt., derzeit 19 %.",
+    "legalNoticeAddServices": "Das Rundum-Sorglos-Paket ist eine einmalige Zahlung.",
+    "listPriceFootnote": "³ Listenpreis (UVP) = unverbindliche Preisempfehlung des Herstellers.",
     "legalLeasing": "Für Ihre Finanzierungswünsche stellen wir eine Bonitätsanfrage. Bonität vorausgesetzt, ist dies ein repräsentatives Berechnungsbeispiel gem. der Angaben, welches 2/3 aller Kunden, im Sinne des § 17a Abs. 4 PangV, erhalten. Dieses freibleibende Angebot der Santander Consumer Bank AG, Santander-Platz 1, 41061 Mönchengladbach wird vermittelt durch die auto.de GmbH, Max-Planck-Str. 19, 06796 Sandersdorf-Brehna, die als ungebundener Vermittler nicht beratend tätig ist. Irrtümer vorbehalten. Preise ggf. inkl. MwSt.",
     "legalFinancing": "Für Ihre Finanzierungswünsche stellen wir eine Bonitätsanfrage. Bonität vorausgesetzt, ist dies ein repräsentatives Berechnungsbeispiel gem. der Angaben, welches 2/3 aller Kunden, im Sinne des § 17a Abs. 4 PangV, erhalten. Dieses freibleibende Angebot der Santander Consumer Bank AG, Santander-Platz 1, 41061 Mönchengladbach wird vermittelt durch die auto.de GmbH, Max-Planck-Str. 19, 06796 Sandersdorf-Brehna, die als ungebundener Vermittler nicht beratend tätig ist. Irrtümer vorbehalten. Preise ggf. inkl. MwSt.",
     "sheetTitleFinancing": "Kredit-Rate anpassen",
     "sheetTitleLeasing": "Leasing-Rate anpassen",
-    "sheetTitleCash": "Kaufen - Details",
-    "exampleVehiclePrice": "Fahrzeugpreis",
-    "examplePriceSuffix": "ggf. inkl. anderer Services",
-    "exampleApr": "Effektiver Jahreszins",
-    "exampleNominal": "Sollzinssatz p. a. (gebunden für die gesamte Vertragslaufzeit)",
-    "exampleNet": "Nettodarlehensbetrag",
-    "exampleDown": "Anzahlung",
-    "exampleFinal": "Schlussrate",
-    "exampleGross": "Gesamtrückzahlungsbetrag"
+    "sheetTitleCash": "Kaufen - Details"
   },
   "ratings": {
     "showLess": "Weniger anzeigen",

package/locales/en/autobahn.json

@@ -11,7 +11,12 @@
     "price": {
       "financeTerms": "€{{firstInstallment}} down payment · {{months}} months term",
       "financeTerms_plural": "€{{firstInstallment}} down payment · {{months}} months term",
-      "leaseTerms": "{{mileage}} km/year · {{months}} months",
+      "leaseTerms": "€{{firstInstallment}} down payment · {{months}} mo. · {{mileage}} km/year",
+      "detailsLink": "Details",
+      "uvpRateLabel": "UVP rate",
+      "uvpRateTooltipBody": "Calculated comparison rate based on the manufacturer's non-binding price recommendation, using the same financing parameters as the offer. Not a previously requested rate. The all-inclusive package is billed separately, as a one-off.",
+      "uvpRateTooltipBodyLeasing": "The struck-through UVP rate is a calculated comparison rate based on the manufacturer's non-binding price recommendation. It uses the same leasing parameters as the offered lease, in particular term, down payment and annual mileage. The UVP rate is not a rate previously requested by auto.de.",
+      "uvpListTooltipBody": "The manufacturer's RRP is the manufacturer's non-binding price recommendation for this vehicle at the time of first registration, including the equipment factored into the calculation. It is not a sales price previously charged by auto.de.",
       "purchasePrice": "Purchase price",
       "priceDropAmount": "−{{amount}} €",
       "priceDropSave": "Save {{amount}} €",
@@ -88,13 +93,10 @@
     "downPaymentSliderLabel": "Down payment",
     "annualMileageLabel": "Mileage / year",
     "purchasePrice": "Purchase price",
-    "kmPerYear": "{{value}} km/year",
     "perMonth": "/mo.",
     "leasingDetails": "Leasing details",
     "financingDetails": "Financing details",
-    "personalConsultation": "Personal advice",
-    "personalConsultationSub": "We're here for you",
-    "financingLeasingPossible": "Financing & leasing available",
+    "personalConsultationLine": "Personal advice. We're here for you!",
     "requestRate": "Request rate",
     "callCta": "Call",
     "finalInstallmentToggle": "With final installment",
@@ -683,35 +685,46 @@
     "leasingDetails": "Leasing details",
     "financingDetails": "Financing details",
     "close": "Close",
-    "vehiclePrice": "Vehicle price",
+    "vehiclePrice": "Vehicle price (incl. VAT, if applicable)",
     "leasingAmount": "Leasing amount",
     "netLoanAmount": "Net loan amount",
     "downPayment": "Down payment",
     "annualMileage": "Mileage / year",
-    "term": "Term",
+    "term": "Contract term",
     "months": "{{months}} month",
     "months_plural": "{{months}} months",
-    "nominalRate": "Nominal interest rate p.a.",
+    "nominalRate": "Nominal interest rate p.a. (fixed)",
     "effectiveRate": "Effective annual rate",
     "finalInstallment": "Final installment",
     "leasingRate": "Leasing rate",
     "monthlyRate": "Monthly rate",
+    "leasingRateCount": "{{count}} leasing installment of",
+    "leasingRateCount_plural": "{{count}} leasing installments of",
+    "monthlyRateCount": "{{count}} installment of",
+    "monthlyRateCount_plural": "{{count}} installments of",
+    "addServicesRow": "Complete care package (one-time)",
     "ratePerMonth": "{{amount}} € /mo.",
     "totalAmount": "Total amount",
-    "totalRepayment": "Total repayment amount",
+    "totalRepayment": "Total financing amount",
+    "totalCostWithPackage": "Total cost incl. down payment & package",
+    "totalCost": "Total cost incl. down payment",
+    "listPrice": "List price (RRP)",
+    "representativeExample": "Representative example",
+    "vatDisclaimer": "(all prices may incl. the applicable statutory VAT, currently 19%)",
+    "lenderLabel": "Lender:",
+    "lenderName": "Open Bank AG, Santander-Platz 1, 41061 Mönchengladbach",
+    "legalNoticesTitle": "Legal notices",
+    "legalNoticeCreditworthiness": "Subject to creditworthiness.",
+    "legalNoticeExample": "Representative example per § 17 PAngV.",
+    "legalNoticeTwoThirds": "At least two thirds of contracts are concluded at this APR or a lower one.",
+    "legalNoticeVat": "All prices incl. the applicable statutory VAT, currently 19%.",
+    "legalNoticeAddServices": "The all-round care package is a one-time payment.",
+    "listPriceFootnote": "³ List price (RRP) = manufacturer's non-binding recommended retail price.",
     "legalLeasing": "We run a credit check for your financing request. Subject to creditworthiness, this is a representative example per § 17a (4) PangV received by 2/3 of all customers. This non-binding offer of Santander Consumer Bank AG, Santander-Platz 1, 41061 Mönchengladbach is brokered by auto.de GmbH, Max-Planck-Str. 19, 06796 Sandersdorf-Brehna, acting as an untied intermediary without advising. Errors excepted. Prices may incl. VAT.",
     "legalFinancing": "We run a credit check for your financing request. Subject to creditworthiness, this is a representative example per § 17a (4) PangV received by 2/3 of all customers. This non-binding offer of Santander Consumer Bank AG, Santander-Platz 1, 41061 Mönchengladbach is brokered by auto.de GmbH, Max-Planck-Str. 19, 06796 Sandersdorf-Brehna, acting as an untied intermediary without advising. Errors excepted. Prices may incl. VAT.",
     "sheetTitleFinancing": "Adjust credit rate",
     "sheetTitleLeasing": "Adjust leasing rate",
-    "sheetTitleCash": "Purchase - Details",
-    "exampleVehiclePrice": "Vehicle price",
-    "examplePriceSuffix": "possibly incl. other services",
-    "exampleApr": "Effective annual rate",
-    "exampleNominal": "Nominal rate p.a. (fixed for the entire contract term)",
-    "exampleNet": "Net loan amount",
-    "exampleDown": "Down payment",
-    "exampleFinal": "Final installment",
-    "exampleGross": "Total repayment amount"
+    "sheetTitleCash": "Purchase - Details"
   },
   "ratings": {
     "showLess": "Show less",

package/package.json

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