@bytebrand/fe-ui-core-autobahn 1.0.0

package/vehiclesProps/decoratedLightProps.tsx

@@ -0,0 +1,572 @@
+/* tslint:disable */
+import * as React from 'react';
+// import { cbdGearbox, cbdFuel } from './cbdSelectors'
+import { formatMileage } from '../utils/CommonUtils';
+import { formatTimestamp } from '../utils/DateUtils';
+import { DELIVERY_PERIODS_EXTRA } from '../constants/core';
+import moment from 'moment';
+import { IDecoratedProp } from '../types/types';
+
+interface IDecoratedProps {
+  [key: string]: IDecoratedProp;
+}
+
+const isPropDefined = (prop: any) => {
+  const type = typeof prop;
+  if (type === 'string') {
+    return prop.indexOf('other') === -1
+      && prop.indexOf('unknown') === -1
+      && prop.indexOf('N/A') === -1;
+  }
+  return !(prop === undefined || prop === null) && type !== 'undefined';
+};
+
+const formatDeliveryPeriod = (t: (phrase: string, config?: any) => string, deliveryPeriod: string) => {
+  const count: number = +DELIVERY_PERIODS_EXTRA.find((period: any) => period.value === deliveryPeriod).label;
+  // months until delivery date unrounded (float)
+  const monthsTo: number = moment.utc().diff(moment.utc().subtract(count, 'd'), 'M', true);
+  return Math.round(monthsTo) > 1
+    ? t('vehicleProps:value.deliveryPeriodMonths', { count: Math.round(monthsTo) })
+    : t('vehicleProps:value.deliveryPeriodDays', { count });
+};
+
+const getDecoratedLightProps = (
+    car: any, // @TODO should have a proper interface
+    t: (phrase: string, config?: any) => string,
+    language: string = 'en',
+    simplifiedLabels: boolean = false // shortened labels for repsonsive layout (see 'power')
+  ): IDecoratedProps => {
+  const {
+    mainData: {
+      offer = {},
+      mileage,
+      firstRegistration,
+      location,
+      numberOfPreviousOwners = '',
+      usageType = '',
+      condition = '',
+      damaged = ''
+    }
+  } = car;
+  return {
+    mileage: {
+      name: 'mileage',
+      icon: 'speed',
+      get value() {
+        return Number.isFinite(parseInt(mileage, 10))
+          ? t('vehicleProps:value.mileage', { mileage: formatMileage(mileage) })
+          : t('vehicleProps:value.na');
+      }
+    },
+    firstRegistration: {
+      name: 'firstRegistration',
+      icon: 'date',
+      get value() {
+        return Number.isFinite(firstRegistration)
+          ? formatTimestamp({ timestamp: firstRegistration, format: 'MM/YYYY' })
+          : t('vehicleProps:value.na');
+      }
+    },
+    power: {
+      name: 'power',
+      title: t('vehicleProps:title.power'),
+      icon: 'ps',
+      get value() {
+        const { powerKW, powerPS } = car.engineData;
+
+        if (Number.isFinite(powerKW) && Number.isFinite(powerPS)) {
+          return simplifiedLabels
+            ? t('vehicleProps:value.powerPS', { powerPS })
+            : t('vehicleProps:value.power', { powerKW, powerPS });
+        }
+
+        return t('vehicleProps:value.na');
+      }
+    },
+
+    location: {
+      name: 'location',
+      icon: 'location',
+      get value() {
+        const { city, street, zipCode } = location;
+        const formattedZipCode = !!zipCode && zipCode.toString().length < 5 ? `0${zipCode}` : zipCode;
+        return isPropDefined(city)
+          ? isPropDefined(street) ? `${street}, ${city} ${formattedZipCode}` : `${city} ${!!formattedZipCode ? formattedZipCode : ''}`
+          : t('vehicleProps:value.na');
+      }
+    },
+    consumptionCombined: {
+      name: 'consumptionCombined',
+      icon: 'fuelConsumption',
+      title: t('vehicleProps:title.сonsumptionCombined'),
+      get value() {
+        const consumptionCombined = car.consumption.consumptionCombined;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        const wltpCombined = car.consumption.wltpCombined;
+        if (wltpCombined) {
+          return Number.isFinite(wltpCombined)
+            ? t('vehicleProps:value.wltpCombined', { consumption: wltpCombined.toLocaleString(language), unit: translatedUnit })
+            : t('vehicleProps:value.na');
+        }
+        return Number.isFinite(consumptionCombined)
+          ? t('vehicleProps:value.consumption', { consumption: consumptionCombined.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+      }
+    },
+    consumptionCombinedAlternateView: {
+      name: 'consumptionCombined',
+      icon: 'fuelConsumption',
+      get value() {
+        const consumptionCombined = car.consumption.consumptionCombined;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        const wltpConsumptionCombined = car.consumption.wltpCombined;
+        const wltpCo2 = car.environmentEmissions.wltpCo2;
+        const wltpEnergyEfficiencyClass = car.environmentEmissions.wltpEnergyEfficiencyClass;
+        const co2ClassValue = isPropDefined(wltpEnergyEfficiencyClass)
+          ? t('vehicleProps:value.co2Class', { class: t(`cbd:${wltpEnergyEfficiencyClass}`) })
+          : null;
+
+        const co2 = car.environmentEmissions.co2;
+
+        const wltpConsumptionValue = Number.isFinite(wltpConsumptionCombined)
+          ? t('vehicleProps:value.wltpCombined', { consumption: wltpConsumptionCombined.toLocaleString(language), unit: translatedUnit })
+          : null;
+
+        const wltpCo2PluginValue = Number.isFinite(wltpCo2)
+          ? t('vehicleProps:value.wltpCo2WtdCombined', { co2: wltpCo2.toLocaleString(language), unit: translatedUnit })
+          : null;
+
+        const wltpCo2Value = Number.isFinite(wltpCo2)
+          ? t('vehicleProps:value.wltpCo2Combined', { co2: wltpCo2.toLocaleString(language) })
+          : null;
+
+        const consumptionValue = Number.isFinite(consumptionCombined)
+          ? t('vehicleProps:value.consumptionCombined', { consumption: consumptionCombined.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+
+        const co2Value = Number.isFinite(co2)
+          ? t('vehicleProps:value.co2Combined', { co2: co2.toLocaleString(language) })
+          : t('vehicleProps:value.na');
+
+        // ADV-88: "is a hybrid car" is now determined by fuel type (hybrid electric + diesel/petrol),
+        // not engineData.hybridPlugin.
+        const hybridPlugin = car.consumption.fuel === 'selector_fuel_hybridElectricalDiesel'
+          || car.consumption.fuel === 'selector_fuel_hybridElectricalPetrol';
+        const wltpWeightedPowerCombined = car.consumption.wltpWeightedPowerCombined;
+        const wltpWeightedCombined = car.consumption.wltpWeightedCombined;
+
+        const wltpWeightedPowerCombinedContent = wltpWeightedPowerCombined ? t('vehicleProps:value.wltpWeightedPowerCombined', { consumption: wltpWeightedPowerCombined.toLocaleString(language), unit: translatedUnit }) : null;
+        const wltpWeightedCombinedContent = wltpWeightedCombined ? t('vehicleProps:value.wltpWeightedCombined', { consumption: wltpWeightedCombined.toLocaleString(language), unit: translatedUnit }) : null;
+
+        // ADV-88: the weighted+discharged (entladen) consumption treatment is shown for ANY plug-in
+        // hybrid (new or used) — gated on hybridPlugin only, no condition check.
+        if (hybridPlugin) {
+          if (wltpWeightedPowerCombinedContent && wltpWeightedCombinedContent) {
+            const dischargedCombined = Number.isFinite(wltpConsumptionCombined) ? wltpConsumptionCombined : 19.9;
+            const dischargedClass = car.environmentEmissions.wltpDischargedEnergyEfficiencyClass || 'selector_energyEfficiencyClass_g';
+            const weightedCombinedLabeled = t('vehicleProps:value.wltpWeightedCombinedLabel', { consumption: wltpWeightedCombined.toLocaleString(language), unit: translatedUnit });
+            const dischargedCombinedLabeled = t('vehicleProps:value.wltpDischargedCombinedLabel', { consumption: dischargedCombined.toLocaleString(language), unit: translatedUnit });
+            const co2WeightedContent = Number.isFinite(wltpCo2)
+              ? t('vehicleProps:value.wltpCo2WtdCombinedShort', { co2: wltpCo2.toLocaleString(language) })
+              : null;
+            const co2ClassWeighted = isPropDefined(wltpEnergyEfficiencyClass)
+              ? t('vehicleProps:value.co2ClassWeighted', { class: t(`cbd:${wltpEnergyEfficiencyClass}`) })
+              : null;
+            const co2ClassDischarged = t('vehicleProps:value.co2ClassDischarged', { class: t(`cbd:${dischargedClass}`) });
+            return <React.Fragment>
+                {`${wltpWeightedPowerCombinedContent} + `}
+                {`${weightedCombinedLabeled}, `}
+                {`${dischargedCombinedLabeled}`}
+                {co2WeightedContent && <>, {co2WeightedContent}</>}
+                {co2ClassWeighted && <>, {co2ClassWeighted}</>}
+                {<>, {co2ClassDischarged}</>}
+              </React.Fragment>
+          }
+
+          if (wltpWeightedPowerCombinedContent && wltpWeightedCombinedContent && wltpCo2PluginValue) {
+            return <React.Fragment>
+                {`${wltpWeightedPowerCombinedContent}, `}
+                {`${wltpWeightedCombinedContent}, `}
+                {wltpCo2PluginValue}
+                {co2ClassValue && <>, {co2ClassValue}</>}
+              </React.Fragment>
+          }
+
+          // ADV-88: only render the electric (kWh) line when the car actually has a combined
+          // power consumption — otherwise we printed "nullkWh/100km" for plug-ins lacking it.
+          const realPowerCombined = car.consumption.consumptionPowerCombined;
+          const powerCombinedLine = Number.isFinite(realPowerCombined)
+            ? t('vehicleProps:value.consumptionPowerCombined', { consumption: realPowerCombined.toLocaleString(language), unit: translatedUnit })
+            : null;
+          return Number.isFinite(consumptionCombined) || Number.isFinite(realPowerCombined)
+            ? <React.Fragment>
+              {powerCombinedLine && <>{powerCombinedLine} <br /></>}{consumptionValue} <br /> {co2Value}
+              {co2ClassValue && <>, {co2ClassValue}</>}
+            </React.Fragment>
+            : t('vehicleProps:value.na');
+
+        }
+
+        if (wltpConsumptionValue && wltpCo2Value) {
+          return <>{wltpConsumptionValue}, {wltpCo2Value}{co2ClassValue && <>, {co2ClassValue}</>}</>;
+        }
+
+        return <>{consumptionValue} <br /> {co2Value}{co2ClassValue && <>, {co2ClassValue}</>}</>;
+      }
+    },
+    consumptionPowerCombinedAlternateView: {
+      name: 'consumptionCombined',
+      icon: 'fuelConsumption',
+      title: t('vehicleProps:title.consumptionPowerCombined'),
+      get value() {
+        const consumptionPowerCombined = car.consumption.consumptionCombined;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        const co2 = car.environmentEmissions.co2;
+        const wltpConsumptionPowerCombined = car.consumption.wltpPowerCombined;
+        const wltpCo2 = car.environmentEmissions.wltpCo2;
+        const wltpEnergyEfficiencyClass = car.environmentEmissions.wltpEnergyEfficiencyClass;
+        const co2ClassValue = isPropDefined(wltpEnergyEfficiencyClass)
+          ? t('vehicleProps:value.co2Class', { class: t(`cbd:${wltpEnergyEfficiencyClass}`) })
+          : null;
+
+        const wltpConsumptionValue = Number.isFinite(wltpConsumptionPowerCombined)
+          ? t('vehicleProps:value.wltpPowerCombined', { consumption: wltpConsumptionPowerCombined.toLocaleString(language), unit: translatedUnit })
+          : null;
+
+        const wltpCo2Value = Number.isFinite(wltpCo2)
+          ? t('vehicleProps:value.wltpCo2Combined', { co2: wltpCo2.toLocaleString(language) })
+          : null;
+
+        const consumptionValue = Number.isFinite(consumptionPowerCombined)
+          ? t('vehicleProps:value.consumptionPower', { consumption: consumptionPowerCombined.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+
+        const co2Value = Number.isFinite(co2)
+          ? t('vehicleProps:value.co2Combined', { co2: co2.toLocaleString(language) })
+          : t('vehicleProps:value.na');
+
+        if (wltpConsumptionValue && wltpCo2Value) {
+          return <>{wltpConsumptionValue}, {wltpCo2Value}{co2ClassValue && <>, {co2ClassValue}</>}</>;
+        }
+
+        return <>{consumptionValue} <br /> {co2Value} {co2ClassValue && <>, {co2ClassValue}</>}</>;
+      }
+    },
+
+    consumptionCombinedHybridAlternateView: {
+      name: 'consumptionCombined',
+      icon: 'fuelConsumption',
+      get value() {
+        const consumptionCombined = +car.consumption.consumptionCombined;
+        const consumptionPowerCombined = +car.consumption.consumptionPowerCombined;
+        const wltpConsumptionPowerCombined = car.consumption.wltpPowerCombined;
+
+        const wltpConsumptionCombined = car.consumption.wltpCombined;
+
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        const wltpWeightedPowerCombined = car.consumption.wltpWeightedPowerCombined;
+        const wltpWeightedCombined = car.consumption.wltpWeightedCombined;
+
+        const consumptionPowerCombinedContent = t('vehicleProps:value.consumptionPowerCombined', { consumption: consumptionPowerCombined.toLocaleString(language), unit: translatedUnit });
+        const consumptionCombinedContent = t('vehicleProps:value.consumptionCombined', { consumption: consumptionCombined.toLocaleString(language), unit: translatedUnit });        
+        const wltpWeightedPowerCombinedContent = Number.isFinite(wltpWeightedPowerCombined)
+          ? t('vehicleProps:value.wltpWeightedPowerCombined', { consumption: wltpWeightedPowerCombined.toLocaleString(language), unit: translatedUnit })
+          : null;
+        const wltpWeightedCombinedContent = Number.isFinite(wltpWeightedCombined)
+          ? t('vehicleProps:value.wltpWeightedCombined', { consumption: wltpWeightedCombined.toLocaleString(language), unit: translatedUnit })
+          : null;
+        const wltpConsumptionPowerCombinedContent = wltpConsumptionPowerCombined
+          ? t('vehicleProps:value.wltpPowerCombined', { consumption: wltpConsumptionPowerCombined.toLocaleString(language), unit: translatedUnit })
+          : null;
+
+        const wltpConsumptionCombinedContent = wltpConsumptionCombined ?
+          t('vehicleProps:value.wltpCombined', { consumption: wltpConsumptionCombined.toLocaleString(language), unit: translatedUnit })
+          : null;
+
+        const co2 = car.environmentEmissions.co2;
+        const wltpCo2 = car.environmentEmissions.wltpCo2;
+        const wltpEnergyEfficiencyClass = car.environmentEmissions.wltpEnergyEfficiencyClass;
+        const co2ClassValue = isPropDefined(wltpEnergyEfficiencyClass)
+          ? t('vehicleProps:value.co2Class', { class: t(`cbd:${wltpEnergyEfficiencyClass}`) })
+          : null;
+
+        const co2Value = Number.isFinite(co2)
+        ? t('vehicleProps:value.co2Combined', { co2: co2.toLocaleString(language) })
+        : t('vehicleProps:value.na');
+
+        const wltpCo2Value = Number.isFinite(co2)
+          ? t('vehicleProps:value.wltpCo2WtdCombined', { co2: wltpCo2.toLocaleString(language) })
+          : null;
+
+        const wltpCo2PluginValue = Number.isFinite(wltpCo2)
+          ? t('vehicleProps:value.wltpCo2WtdCombined', { co2: wltpCo2.toLocaleString(language), unit: translatedUnit })
+          : null;
+
+        // ADV-88: "is a hybrid car" is now determined by fuel type (hybrid electric + diesel/petrol),
+        // not engineData.hybridPlugin.
+        const hybridPlugin = car.consumption.fuel === 'selector_fuel_hybridElectricalDiesel'
+          || car.consumption.fuel === 'selector_fuel_hybridElectricalPetrol';
+
+        // ADV-88: the weighted+discharged (entladen) consumption treatment is shown for ANY plug-in
+        // hybrid (new or used) — gated on hybridPlugin only, no condition check.
+        if (hybridPlugin) {
+          if (wltpWeightedPowerCombinedContent && wltpWeightedCombinedContent) {
+            const dischargedCombined = Number.isFinite(wltpConsumptionCombined) ? wltpConsumptionCombined : 19.9;
+            const dischargedClass = car.environmentEmissions.wltpDischargedEnergyEfficiencyClass || 'selector_energyEfficiencyClass_g';
+            const weightedCombinedLabeled = t('vehicleProps:value.wltpWeightedCombinedLabel', { consumption: wltpWeightedCombined.toLocaleString(language), unit: translatedUnit });
+            const dischargedCombinedLabeled = t('vehicleProps:value.wltpDischargedCombinedLabel', { consumption: dischargedCombined.toLocaleString(language), unit: translatedUnit });
+            const co2WeightedContent = Number.isFinite(wltpCo2)
+              ? t('vehicleProps:value.wltpCo2WtdCombinedShort', { co2: wltpCo2.toLocaleString(language) })
+              : null;
+            const co2ClassWeighted = isPropDefined(wltpEnergyEfficiencyClass)
+              ? t('vehicleProps:value.co2ClassWeighted', { class: t(`cbd:${wltpEnergyEfficiencyClass}`) })
+              : null;
+            const co2ClassDischarged = t('vehicleProps:value.co2ClassDischarged', { class: t(`cbd:${dischargedClass}`) });
+            return <React.Fragment>
+                {`${wltpWeightedPowerCombinedContent} + `}
+                {`${weightedCombinedLabeled}, `}
+                {`${dischargedCombinedLabeled}`}
+                {co2WeightedContent && <>, {co2WeightedContent}</>}
+                {co2ClassWeighted && <>, {co2ClassWeighted}</>}
+                {<>, {co2ClassDischarged}</>}
+              </React.Fragment>
+          }
+
+          if (wltpWeightedPowerCombinedContent && wltpWeightedCombinedContent && wltpCo2PluginValue) {
+            return <React.Fragment>
+                {`${wltpWeightedPowerCombinedContent}, `}
+                {`${wltpWeightedCombinedContent}, `}
+                {wltpCo2PluginValue}
+                {co2ClassValue && <>, {co2ClassValue}</>}
+              </React.Fragment>
+          }
+        }
+
+        if (wltpConsumptionPowerCombinedContent && wltpConsumptionCombinedContent && wltpCo2Value) {
+          return <React.Fragment>
+              {`${wltpConsumptionPowerCombinedContent}, `}
+              {`${wltpWeightedCombinedContent}, `}
+              {wltpCo2PluginValue}
+              {co2ClassValue && <>, {co2ClassValue}</>}
+            </React.Fragment>
+        }
+
+        return Number.isFinite(consumptionCombined) || Number.isFinite(consumptionPowerCombined)
+          ? <React.Fragment>
+            {consumptionPowerCombined ? consumptionPowerCombinedContent : t('vehicleProps:value.na')} <br />{consumptionCombinedContent} <br /> {co2Value}
+            {co2ClassValue && <>, {co2ClassValue}</>}
+          </React.Fragment>
+          : t('vehicleProps:value.na');
+      }
+    },
+
+    consumptionHydrogenCombinedAlternateView: {
+      name: 'consumptionCombined',
+      icon: 'fuelConsumption',
+      title: t('vehicleProps:title.consumptionHydrogenCombined'),
+      get value() {
+        const consumptionHydrogenCombined = car.consumption.consumptionCombined;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        const co2 = car.environmentEmissions.co2;
+        const wltpConsumptionCombined = car.consumption.wltpCombined;
+        const wltpCo2 = car.environmentEmissions.wltpCo2;
+        const wltpEnergyEfficiencyClass = car.environmentEmissions.wltpEnergyEfficiencyClass;
+        const co2ClassValue = isPropDefined(wltpEnergyEfficiencyClass)
+          ? t('vehicleProps:value.co2Class', { class: t(`cbd:${wltpEnergyEfficiencyClass}`) })
+          : null;
+
+        const consumptionValue = Number.isFinite(consumptionHydrogenCombined)
+          ? t('vehicleProps:value.consumptionGas', { consumption: consumptionHydrogenCombined.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+
+        const co2Value = Number.isFinite(co2)
+          ? t('vehicleProps:value.co2Combined', { co2: co2.toLocaleString(language) })
+          : t('vehicleProps:value.na');
+
+        const wltpConsumptionValue = Number.isFinite(wltpConsumptionCombined)
+          ? t('vehicleProps:value.wltpCombinedGas', { consumption: wltpConsumptionCombined.toLocaleString(language), unit: translatedUnit })
+          : null;
+        const wltpCo2Value = Number.isFinite(wltpCo2)
+          ? t('vehicleProps:value.wltpCo2Combined', { co2: wltpCo2.toLocaleString(language) })
+          : null;
+
+        if (wltpConsumptionValue && wltpCo2Value) {
+          return <>{wltpConsumptionValue}, {wltpCo2Value}{co2ClassValue && <>, {co2ClassValue}</>}</>;
+        }
+
+        return <>{consumptionValue} <br /> {co2Value}{co2ClassValue && <>, {co2ClassValue}</>}</>;
+      }
+    },
+    consumptionGasCombinedAlternateView: {
+      name: 'consumptionCombined',
+      icon: 'fuelConsumption',
+      title: t('vehicleProps:title.consumptionGasCombined'),
+      get value() {
+        const consumptionGasCombined = car.consumption.consumptionCombined;
+        const consumptionUnit = car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+        const co2 = car.environmentEmissions.co2;
+        const wltpConsumptionCombined = car.consumption.wltpCombined;
+        const wltpCo2 = car.environmentEmissions.wltpCo2;
+        const wltpEnergyEfficiencyClass = car.environmentEmissions.wltpEnergyEfficiencyClass;
+        const co2ClassValue = isPropDefined(wltpEnergyEfficiencyClass)
+          ? t('vehicleProps:value.co2Class', { class: t(`cbd:${wltpEnergyEfficiencyClass}`) })
+          : null;
+
+        const consumptionValue = Number.isFinite(consumptionGasCombined)
+          ? t('vehicleProps:value.consumptionGas', { consumption: consumptionGasCombined.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+
+        const co2Value = Number.isFinite(co2)
+          ? t('vehicleProps:value.co2Combined', { co2: co2.toLocaleString(language) })
+          : t('vehicleProps:value.na');
+
+        const wltpConsumptionValue = Number.isFinite(wltpConsumptionCombined)
+          ? t('vehicleProps:value.consumptionGas', { consumption: wltpConsumptionCombined.toLocaleString(language), unit: translatedUnit })
+          : null;
+
+        const wltpCo2Value = Number.isFinite(wltpCo2)
+          ? t('vehicleProps:value.wltpCo2Combined', { co2: wltpCo2.toLocaleString(language) })
+          : null;
+
+        if (wltpConsumptionValue && wltpCo2Value) {
+          return <>{wltpConsumptionValue}, {wltpCo2Value}{co2ClassValue && <>, {co2ClassValue}</>}</>;
+        }
+
+        return <>{consumptionValue} <br /> {co2Value}{co2ClassValue && <>, {co2ClassValue}</>}</>;
+      }
+    },
+    consumptionCombinedDealer: {
+      name: 'consumptionCombined',
+      icon: 'fuelConsumption',
+      get value() {
+        const consumptionCombined = car.consumption && car.consumption.consumptionCombined;
+        const consumptionUnit = car.consumption && car.consumption.consumptionUnit || 'consumption_consumptionUnit_l';
+        const translatedUnit = t(`cbd:${consumptionUnit}`);
+
+        const co2 = car.environmentEmissions.co2;
+        const wltpEnergyEfficiencyClass = car.environmentEmissions.wltpEnergyEfficiencyClass;
+
+        const consumptionValue = Number.isFinite(consumptionCombined)
+          ? t('vehicleProps:value.consumptionCombined', { consumption: consumptionCombined.toLocaleString(language), unit: translatedUnit })
+          : t('vehicleProps:value.na');
+
+        const co2Value = Number.isFinite(co2)
+          ? t('vehicleProps:value.co2Combined', { co2: co2.toLocaleString(language) })
+          : t('vehicleProps:value.na');
+
+        const co2ClassValue = isPropDefined(wltpEnergyEfficiencyClass)
+          ? t('vehicleProps:value.co2Class', { class: t(`cbd:${wltpEnergyEfficiencyClass}`) })
+          : null;
+
+        return <>{consumptionValue} | {co2Value}{co2ClassValue ? <> | {co2ClassValue}</> : null}</>;
+      }
+    },
+    gearbox: {
+      name: 'gearbox',
+      get icon() {
+        const gearbox = car.driveSuspension.gearbox;
+        return isPropDefined(gearbox) ? car.driveSuspension.gearbox : 'selector_gearbox_manualShift';
+      },
+      get value() {
+        const gearbox = car.driveSuspension.gearbox;
+        return isPropDefined(gearbox) ? t(`cbd:${gearbox}`) : 'N/A';
+      }
+    },
+    numberOfPreviousOwners: {
+      title: t('vehicleProps:title.numberOfPreviousOwners'),
+      icon: 'owner',
+      get value() {
+        return Number.isFinite(numberOfPreviousOwners)
+          ? t('vehicleProps:value.vehicleOwners', { count: numberOfPreviousOwners })
+          : t('vehicleProps:value.na');
+      }
+    },
+    usageType: {
+      icon: 'new',
+      get value() {
+        if (condition === 'selector_condition_new') return t('vehicleProps:value.newCar');
+        return isPropDefined(usageType) ? t(`cbd:${usageType}`) : t('cbd:selector_condition_used');
+      }
+    },
+    driveType: {
+      title: t('vehicleProps:title.driveType'),
+      get icon() {
+        const driveType = car.driveSuspension.driveType;
+        return isPropDefined(driveType) ? car.driveSuspension.driveType : 'selector_driveType_frontWheelDrive';
+      },
+      get value() {
+        const driveType = car.driveSuspension.driveType;
+        return isPropDefined(driveType) ? t(`cbd:${driveType}`) : t('vehicleProps:value.na');
+      }
+    },
+    accidentDamaged: {
+      title: t('cbd:mainData_accidentDamaged'),
+      icon: 'wrench',
+      get value() {
+        return damaged ? t('vehicleProps:value.damaged') : t('vehicleProps:value.accidentFree');
+      }
+    },
+    fuel: {
+      name: 'fuel',
+      title: 'Kraftstoffe',
+      get icon() {
+        if (car.consumption) {
+          return car.consumption.fuel;
+        }
+      },
+      get value() {
+        const fuel = car.consumption && car.consumption.fuel;
+        return isPropDefined(fuel) ? t(`cbd:${fuel}`) : 'N/A';
+      }
+    },
+    
+    offerAvailability: {
+      name: 'offerAvailability',
+      title: t('vehicleProps:title.offerAvailability'),
+      icon: 'carAvailability',
+      get value() {
+        const offerAvailabilityMode = offer.availabilityMode;
+        const offerAvailabilityTimestamp = offer.availabilityFrom;
+        const humanViewTime = moment.unix(offerAvailabilityTimestamp).format('DD.MM.YYYY');
+        let offerAvailability: string;
+        switch (offerAvailabilityMode) {
+          case 'selector_availabilityMode_always':
+            offerAvailability = t(`cbd:${offerAvailabilityMode}`);
+            break;
+
+          case 'selector_availabilityMode_fromDate':
+            if (offer.deliveryPeriod != null && offer.deliveryPeriod !== 'selector_unknown') {
+              offerAvailability = formatDeliveryPeriod(t, offer.deliveryPeriod);
+              break;
+            }
+
+            if (moment.utc(offerAvailabilityTimestamp, 'X').isBefore()) {
+              offerAvailability = t('cbd:selector_availabilityMode_always');
+            } else if (!!offerAvailabilityTimestamp) {
+              offerAvailability = t('vehicleProps:value.fromDate', { date: humanViewTime });
+            } else {
+              offerAvailability = t('vehicleProps:value.onRequest'); // case when "availabilityFrom" is undefined
+            }
+            break;
+
+          default:
+            if ( // set car onRequest if no mileage and firstRegistration and car is unavialable ACF-5322
+              !offerAvailabilityMode 
+              && !mileage
+              && !firstRegistration || firstRegistration === 'N/A'
+            ) offerAvailability = t('vehicleProps:value.onRequest');
+            else offerAvailability = null;
+        }
+        return isPropDefined(offerAvailability) ? offerAvailability : t('vehicleProps:value.na');
+      }
+    }
+  };
+};
+/* tslint:enable */
+export default getDecoratedLightProps;